@charset "utf-8";
/* CSS Document */

html, body { margin:0px; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background:#ffffff; color:#000000; font-size:16px; font-weight:normal; font-family:'Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

input, textarea, button { font-family:'Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }

button, input[type=button], input[type=submit], input[type=reset] { appearance:none; -webkit-appearance:none; }

/* ---------------- clear fix ---------------- */

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* ---------------- EN Lang ---------------- */

.en_format #menu ul.menu_list > li { padding-right:26px; }
.en_format #banner .inner_banner_title { font-size:38px; }
.en_format #main .left_side .left_btn_box a.left_btn { padding-right:16px; }
.en_format #main .left_side .left_btn_box a.left_btn p { font-size:17px; }
.en_format #quick_enquiry_area .quick_enquiry_open p { width:30px; }
.en_format #quick_enquiry_area .quick_enquiry_open img { display:block; }
.en_format #quick_enquiry_area .quick_enquiry_open span { display:none; }
.en_format .prd_list .prd_overlay .prd_btn a { font-size:14px; }
.en_format .request_catalog_content .form_row { padding-left:144px; }
.en_format .process_content .process_step_txt.step_info p { font-size:18px; }
.en_format .infomation_area .form_row { padding-left:144px; }

/* ---------------- TC Lang ---------------- */

.tc_format .process_content .process_step_txt.step_info p { font-size:20px; font-weight:bold; }

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1120px; background-color:#ffffff; position:relative; z-index:1000; overflow:hidden; transition:transform 0.5s ease; }
#wrap .container { width:100%; max-width:1120px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; }

#top { border-bottom:1px solid #e7e7e7; }
#top .logo { float:left; xwidth:359px; height:86px; padding:24px 0 15px 9px; }
#top .logo img { xwidth:100%; height:100%; }
#top .mobile_btn { position:absolute; right:16px; top:50%; display:none; }
#top .mobile_btn i { display:block; width:44px; height:44px; margin-top:-22px; background-color:#00adef; border-radius:100%; box-sizing:border-box; text-align:center; font-weight:500; font-size:30px; color:#ffffff; line-height:44px; }
#top .toolbar { float:right; padding:18px 12px 0 0; }
#top .toolbar ul { font-size:0; text-align:right }
#top .toolbar ul li { display:inline-block; zoom:1; *display:inline; vertical-align:middle; padding-left:3px; }
#top .toolbar ul li a { }
#top .toolbar ul li.btn { }
#top .toolbar ul li.btn a { display:block; height:30px; padding:0 14px; background:#ffffff; background:-moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); background:-webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); background:linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); box-shadow:inset 0 -3px 5px rgba(0,0,0,0.2); border-radius:0 0 2px 2px; box-sizing:border-box; font-size:14px; color:#045a7b; font-weight:bold; line-height:30px; }
#top .toolbar ul li.btn a img { vertical-align:middle; padding-right:2px; }
#top .toolbar ul li.btn a i { padding-right:2px; font-size:18px; color:#00adef; font-weight:normal; }
#top .toolbar ul li.social { }
#top .toolbar ul li.social a { display:inline-block; zoom:1; *display:inline; vertical-align:middle; margin-right:6px; }
#top .toolbar ul li.social a img { vertical-align:middle; }

#top .toolbar ul li.lang_area { position:relative; }
#top .toolbar ul li.lang_area i:last-child { padding-left:2px; padding-right:0; }
#top .toolbar ul li.lang_area .lang_list { position:absolute; right:0; top:30px; width:100%; padding-left:3px; box-sizing:border-box; display:none; }
#top .toolbar ul li.lang_area .lang_list a { width:100%; text-align:center; transition:all 0.2s ease; }
#top .toolbar ul li.lang_area .lang_list a:hover { }

#menu { border-bottom:1px solid #e7e7e7; }
#menu .menu_area { width:100%; padding-top:8px; }
#menu ul.menu_list { text-align:center; font-size:0; }
#menu ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding:0 36px 0 12px; xpadding:0 37px 0 12px; border-left:2px solid; position:relative; }
#menu ul.menu_list > li.mobile_only { display:none; }
#menu ul.menu_list > li > a.lv1 { display:block; vertical-align:middle; height:33px; box-sizing:border-box; margin-top:-8px; font-size:17px; color:#333333; line-height:36px; transition:all 0.2s ease; }
#menu ul.menu_list > li > a.lv1 img { padding-left:6px; vertical-align:text-top; }
#menu ul.menu_list > li > a.lv1 i { display:none; }
#menu ul.menu_list > li > a.lv1:hover { }

#menu ul.menu_list > li.menu_1 { border-left-color:#00adef; }
#menu ul.menu_list > li.menu_1 > a.lv1.active, 
#menu ul.menu_list > li.menu_1 > a.lv1:hover { color:#00adef; }
#menu ul.menu_list > li.menu_2 { border-left-color:#f597bd; }
#menu ul.menu_list > li.menu_2 > a.lv1.active, 
#menu ul.menu_list > li.menu_2 > a.lv1:hover { color:#f597bd; }
#menu ul.menu_list > li.menu_3 { border-left-color:#7aca4a; }
#menu ul.menu_list > li.menu_3 > a.lv1.active, 
#menu ul.menu_list > li.menu_3 > a.lv1:hover { color:#7aca4a; }
#menu ul.menu_list > li.menu_4 { border-left-color:#ff8400; }
#menu ul.menu_list > li.menu_4 > a.lv1.active, 
#menu ul.menu_list > li.menu_4 > a.lv1:hover { color:#ff8400; }
#menu ul.menu_list > li.menu_5 { border-left-color:#9256e3; }
#menu ul.menu_list > li.menu_5 > a.lv1.active, 
#menu ul.menu_list > li.menu_5 > a.lv1:hover { color:#9256e3; }
#menu ul.menu_list > li.menu_6 { border-left-color:#35a668; }
#menu ul.menu_list > li.menu_6 > a.lv1.active, 
#menu ul.menu_list > li.menu_6 > a.lv1:hover { color:#00adef; }
#menu ul.menu_list > li.menu_7 { border-left-color:#6c93db; }
#menu ul.menu_list > li.menu_7 > a.lv1.active, 
#menu ul.menu_list > li.menu_7 > a.lv1:hover { color:#6c93db; }
#menu ul.menu_list > li.menu_8 { border-left-color:#b6b951; padding-right:8px; }
#menu ul.menu_list > li.menu_8 > a.lv1.active, 
#menu ul.menu_list > li.menu_8 > a.lv1:hover { color:#b6b951; }

#menu ul.menu_list > li.cart_menu > a.lv1 span { display:none; }
#menu ul.menu_list > li.cart_menu .cart_num { position:absolute; right:-12px; top:-27px; z-index:500; width:27px; height:27px; border-radius:100%; background-color:#00adef; text-align:center; line-height:27px; font-size:13px; color:#ffffff; }
#menu ul.menu_list > li.cart_menu .cart_dropdown { position:absolute; right:0; top:26px; z-index:500; width:379px; xmin-height:358px; background-color:#ffffff; border:3px solid #b9bb57; box-sizing:border-box; }
#menu ul.menu_list > li.cart_menu .cart_list { padding-top:6px; }
#menu ul.menu_list > li.cart_menu .cart_item { padding:13px 0 13px 24px; border-bottom:1px solid #e8e8e8; font-size:0; text-align:left; }
#menu ul.menu_list > li.cart_menu .cart_field { display:inline-block; zoom:1; *display:inline; vertical-align:middle; position:relative; }
#menu ul.menu_list > li.cart_menu .cart_photo { width:77px; padding:0 10px; box-sizing:border-box; }
#menu ul.menu_list > li.cart_menu .cart_photo > img { width:100%; }
#menu ul.menu_list > li.cart_menu .cart_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; padding:0 10px; background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.5); box-sizing:border-box; font-size:0; text-align:center; }
#menu ul.menu_list > li.cart_menu .cart_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
#menu ul.menu_list > li.cart_menu .cart_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
#menu ul.menu_list > li.cart_menu .cart_info { width:165px; padding:0 10px 0 14px; box-sizing:border-box; font-size:15px; }
#menu ul.menu_list > li.cart_menu .cart_info a { color:#666666; }
#menu ul.menu_list > li.cart_menu .cart_info a:hover { }
#menu ul.menu_list > li.cart_menu .cart_quantity { width:55px; padding-right:22px; }
#menu ul.menu_list > li.cart_menu .cart_quantity input[type=text], 
#menu ul.menu_list > li.cart_menu .cart_quantity input[type=number] { width:100%; height:30px; padding:0 6px; background-color:#ffffff; border:2px solid #e0e0e0; border-radius:3px; box-sizing:border-box; color:#333333; font-size:16px; }
#menu ul.menu_list > li.cart_menu .cart_remove { font-size:16px; }
#menu ul.menu_list > li.cart_menu .cart_remove a { color:#555555; }
#menu ul.menu_list > li.cart_menu .cart_remove a:hover { }
#menu ul.menu_list > li.cart_menu .cart_btn { padding:19px 12px 23px 0; text-align:right; }
#menu ul.menu_list > li.cart_menu .cart_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; min-width:103px; height:33px; padding:0 10px; background-color:#0db1ef; border:1px solid #57c9f4; border-radius:4px; font-size:16px; color:#ffffff; font-weight:bold; text-align:center; line-height:33px; transition:all 0.2s ease; }
#menu ul.menu_list > li.cart_menu .cart_btn a:hover { }

#menu .fallback { display:none; }
#menu .mobile_search { display:none; }
#menu .social_area { display:none; }

#mobile_menu { position:fixed; top:0; left:0; z-index:6000; visibility:hidden; width:280px; height:100%; padding:80px 0 36px 0; margin:0; background-color:#00adef; transition:all 0.5s ease; overflow:hidden; box-sizing:border-box; transform:translate3d(-280px, 0, 0); -webkit-transform:translate3d(-280px, 0, 0); -moz-transform:translate3d(-280px, 0, 0); display:none; }
#mobile_menu .menu_area { width:100%; height:100%; overflow-y:auto; box-sizing:border-box; background:none; }
#mobile_menu .menu_area ul.menu_list { }
#mobile_menu .menu_area ul.menu_list > li { display:block; border-bottom:1px solid #c5c5c5;  position:relative; box-sizing:border-box; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 { display:block; padding:11px 50px 11px 15px; box-sizing:border-box; position:relative; font-size:22px; color:#ffffff; font-weight:bold; line-height:26px; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 img { display:none; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i { position:absolute; right: 0; top: 0; width: 50px; height:100%; text-align: center; color: #ffffff; font-size:21px; vertical-align:middle; transition:transform 0.2s ease; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i:after { display:inline-block; zoom:1; *display:inline; vertical-align:middle; content:""; font-size:0; height:100%; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i.openDrop { transform:rotate(90deg); }
#mobile_menu .menu_area ul.menu_list > li.cart_menu .cart_num { display:none; }

#mobile_menu .menu_area ul.dropdown_menu { background-color:#29c0d5; border-top:1px solid #c5c5c5; display:none; }
#mobile_menu .menu_area ul.dropdown_menu > li { display:block; position:relative; }
#mobile_menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; padding:10px 15px; margin:0; box-sizing:border-box; font-size:16px; color:#ffffff; }

#mobile_menu .menu_area ul.sub_dropdown_menu { display:none; }
#mobile_menu .menu_area ul.sub_dropdown_menu > li { display:block; position:relative; }
#mobile_menu .menu_area ul.sub_dropdown_menu > li > a.lv3 { display:block; padding:6px 15px 6px 28px; position:relative; font-size:14px; color:#ffffff; }
#mobile_menu .menu_area ul.sub_dropdown_menu > li > a.lv3:before { position:absolute; left:15px; top:11px; content:""; width: 0; height:0; border-style:solid; border-width:4px 0 4px 6px; border-color:transparent transparent transparent #ffffff; }

#mobile_menu .mobile_search { width:100%; height:80px; padding:10px 15px; background-color:#00adef; border-bottom:1px solid #c5c5c5; box-sizing:border-box; position:absolute; left:0; top:0; }
#mobile_menu .mobile_search form { width:100%; xheight:100%; position:relative; display:block; }
#mobile_menu .mobile_search label { display:block; padding-bottom:4px; color:#ffffff; }
#mobile_menu .mobile_search input[type=text] { width:100%; height:32px; padding:0 34px 0 5px; background-color:#ffffff; border:1px solid #e4e4e4; line-height:19px; font-size:14px; box-sizing:border-box; }
#mobile_menu .mobile_search button { position:absolute; right:0; bottom:0; width:29px; height:32px; padding:0; margin:0; border:none; background-color:transparent; font-size:16px; color:#666666; text-align:center; cursor:pointer; transition:all 0.2s ease; }

#mobile_menu .social_area { width:100%; height:36px; text-align:center; font-size:0; position:absolute; left:0; bottom:0; background-color:#00adef; border-top:1px solid #c5c5c5; box-sizing:border-box; }
#mobile_menu .social_area .social { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:20%; height:100%; border-left:1px solid #c5c5c5; box-sizing:border-box; font-size:18px; color:#ffffff; line-height:36px; }
#mobile_menu .social_area .social:first-child { border-left:none; }
#mobile_menu .social_area .social.fa { font-size:22px; }

#banner { position:relative; }
#banner .banner_alpha { }
#banner .banner_alpha img { width:100%; }
#banner .banner_show { position:absolute; left:0; top:0; width:100%; height:100%; }
#banner .banner_show .banner { width:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; text-align:center; }
#banner .banner_show .banner img { width:100%; max-width:1120px; }
#banner .banner_show .owl-controls { position:absolute; left:0; top:50%; width:100%; }
#banner .banner_show .owl-nav { width:100%; max-width:1120px; margin:0 auto; position:relative; }
#banner .banner_show .owl-prev { position:absolute; left:-33px; top:0; z-index:10; width:33px; height:52px; margin-top:-26px; background:url(../img/banner_prev.png) no-repeat left top; font-size:0; }
#banner .banner_show .owl-next { position:absolute; right:-33px; top:0; z-index:10; width:33px; height:52px; margin-top:-26px; background:url(../img/banner_next.png) no-repeat left top; font-size:0; }
#banner .inner_banner { width:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; }
#banner .inner_banner_title { position:absolute; left:16px; bottom:26px; font-size:52px; color:#ffffff; font-weight:bold; font-family:'Roboto Slab', "微軟正黑體", "Microsoft JhengHei", serif; }
#banner .inner_banner_title span { font-size:48px; display:none; }

#banner .product_banner { background-image:url(../img/inner_banner_product.jpg); }
#banner .about_us_banner { background-image:url(../img/inner_banner_about_us.jpg); }
#banner .contact_us_banner { background-image:url(../img/inner_banner_contact_us.jpg); }
#banner .cart_banner { background-image:url(../img/inner_banner_cart.jpg); }

#slogan { padding:14px 0; background-color:#29c0d5; text-align:center; position:relative; z-index:10; }
#slogan p { padding:0 9px; font-size:16px; color:#ffffff; font-weight:bold; font-family:'Roboto Slab', "微軟正黑體", "Microsoft JhengHei", serif; }

#main { background:url(../img/main_bg.jpg) repeat-y center top; }
#main .container { padding-top:24px; padding-bottom:22px; background-color:rgba(255,255,255,0.6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff'); }
#main .content_area { width:100%; }
#main .title_area { width:1094px; min-height:34px; margin:0 13px; border:1px solid #cccccc; background:#ffffff; background:-moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); background:-webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); background:linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); box-sizing:border-box; position:relative; line-height:34px; overflow:hidden; }
#main .title_area .title { display:inline-block; zoom:1; *display:inline; vertical-align:top; min-width:467px; xheight:34px; padding-left:16px; background:url(../img/title_bg.jpg) #00ABEF repeat-x left top; position:relative; box-sizing:border-box; font-size:18px; color:#ffffff; font-weight:bold; text-align:left; line-height: 24px; padding-top: 5px; padding-bottom: 5px; }
#main .title_area .title:before { position:absolute; right:-25px; top:0; content:""; width:25px; height:34px; background:url(../img/title_bg_end.png)  no-repeat left top; }
#main .title_area .title span { }
#main .title_area .title a { color:#ffffff; }
#main .title_area .title a:after { content:">"; padding:0 12px; }
#main .title_area .title a:hover { }
#main .title_area .multipage { position:absolute; right:1px; top:9px; padding-top:0; }

#main .left_side { float:left; width:229px; padding-left:12px; padding-bottom:20px; box-sizing:border-box; }
#main .left_side .left_box_area { width:100%; }
#main .left_side .left_box { width:100%; margin-top:10px; }
#main .left_side .left_box:first-child { margin-top:0; }

#main .left_side .left_search_box { width:100%; padding:9px 20px 10px 20px; background:#4e4e4e; background:-moz-linear-gradient(top,  #4e4e4e 0%, #a7a7a7 100%); background:-webkit-linear-gradient(top,  #4e4e4e 0%,#a7a7a7 100%); background:linear-gradient(to bottom,  #4e4e4e 0%,#a7a7a7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#a7a7a7',GradientType=0 ); border:1px solid #e5e5e5; box-sizing:border-box; }
#main .left_side .left_search_box form { display:block; width:100%; position:relative; }
#main .left_side .left_search_box label { display:block; padding-bottom:3px; font-size:16px; color:#ffffff; }
#main .left_side .left_search_box input[type=text] { width:100%; height:22px; padding:0 30px 0 5px; background-color:#ffffff; border:none; box-sizing:border-box; }
#main .left_side .left_search_box button { position:absolute; right:0; bottom:0; width:25px; height:22px; background-color:#00adef; border:none; text-align:center; font-size:15px; color:#ffffff; font-weight:normal; cursor:pointer; }

#main .left_side .left_cate_box { background-color:#ffffff; border:1px solid #e5e5e5; display:none; }
#main .left_side.prd_left_side .left_cate_box { display:block; }
#main .left_side .left_cate_box .left_cate_title { width:100%; height:42px; padding:0 20px; background-color:#00adef; xbackground-color:#b0b0b0; border-bottom:1px solid #bfbfbf; box-sizing:border-box; font-size:21px; color:#ffffff; font-weight:bold; line-height:42px; }
#main .left_side .left_cate_box .left_cate_content { padding:0 13px; }
#main .left_side .left_cate_box .left_cate_list { width:100%; padding:12px 26px 12px 6px; border-top:1px solid #e6e6e6; box-sizing:border-box; position:relative; }
#main .left_side .left_cate_box .left_cate_list:first-child { border-top:none; }
#main .left_side .left_cate_box .left_cate_list h3 { font-size:17px; color:#00adef; font-weight:bold; }
#main .left_side .left_cate_box .left_cate_list h3 i { position:absolute; right:-12px; top:0; width:38px; height:46px; line-height:46px; text-align:center; transition:all 0.2s ease; }
#main .left_side .left_cate_box .left_cate_list h3 a { display:block; color:#666666; }
#main .left_side .left_cate_box .left_cate_list h3 a.openList,
#main .left_side .left_cate_box .left_cate_list h3 a.active,
#main .left_side .left_cate_box .left_cate_list h3 a:hover { color:#00adef; }
#main .left_side .left_cate_box .left_cate_list h3 a.openList i,
#main .left_side .left_cate_box .left_cate_list h3 a.active i { transform:rotate(90deg); }
#main .left_side .left_cate_box .left_cate_list ul { padding-top:6px; display:none; }
#main .left_side .left_cate_box .left_cate_list ul li { padding-bottom:6px; padding-left:12px; position:relative; }
#main .left_side .left_cate_box .left_cate_list ul li:before { position:absolute; left:1px; top:7px; content:""; width:0; height:0; border-style:solid; border-width:4px 0 4px 6px; border-color:transparent transparent transparent #333333; }
#main .left_side .left_cate_box .left_cate_list ul li a { font-size:13px; color:#333333; font-weight:bold; line-height:15px; }
#main .left_side .left_cate_box .left_cate_list ul li a.active,
#main .left_side .left_cate_box .left_cate_list ul li a:hover { color:#00adef; }

#main .left_side .left_btn_box { width:100%; }
#main .left_side .left_btn_box a.left_btn { display:block; width:100%; height:65px; padding:0 14px 0 55px; border:1px solid #e4e4e4; box-sizing:border-box; position:relative; text-align:right; font-size:0; color:#ffffff; }
#main .left_side .left_btn_box a.left_btn:before { position:absolute; left:7px; top:0; content:""; width:48px; height:100%; background-repeat:no-repeat; background-position:center center; }
#main .left_side .left_btn_box a.left_btn:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
#main .left_side .left_btn_box a.left_btn p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:18px; font-weight:bold; }

#main .left_side .left_btn_box a.left_btn_1 { background-color:#4dcea7; }
#main .left_side .left_btn_box a.left_btn_1 p { xfont-size:20px; }
#main .left_side .left_btn_box a.left_btn_1:before { background-image:url(../img/icon_left_tel.png) }
#main .left_side .left_btn_box a.left_btn_2 { background-color:#eaa432; }
#main .left_side .left_btn_box a.left_btn_2:hover { color:#87590d; }
#main .left_side .left_btn_box a.left_btn_2:before { background-image:url(../img/icon_left_quality.png) }
#main .left_side .left_btn_box a.left_btn_3 { background-color:#ea4532; }
#main .left_side .left_btn_box a.left_btn_3:hover { color:#77150a; }
#main .left_side .left_btn_box a.left_btn_3:before { background-image:url(../img/icon_left_case.png) }
#main .left_side .left_btn_box a.left_btn_4 { background-color:#767cf1; }
#main .left_side .left_btn_box a.left_btn_4:hover { color:#1c217b; }
#main .left_side .left_btn_box a.left_btn_4:before { background-image:url(../img/icon_left_cart.png) }
#main .left_side .left_btn_box a.left_btn_5 { background-color:#48c5d4; }
#main .left_side .left_btn_box a.left_btn_5:hover { color:#095f69; }
#main .left_side .left_btn_box a.left_btn_5:before { background-image:url(../img/icon_left_payment.png) }
#main .left_side .left_btn_box a.left_btn_6 { background-color:#af50cc; }
#main .left_side .left_btn_box a.left_btn_6:hover { color:#4d145f; }
#main .left_side .left_btn_box a.left_btn_6:before { background-image:url(../img/icon_left_upload.png) }
#main .left_side .left_btn_box a.left_btn_7 { background-color:#97d646; }
#main .left_side .left_btn_box a.left_btn_7:hover { color:#3c5b15; }
#main .left_side .left_btn_box a.left_btn_7:before { background-image:url(../img/icon_left_printing.png) }
#main .left_side .left_btn_box a.left_btn_8 { background-color:#ea326b; }
#main .left_side .left_btn_box a.left_btn_8:hover { color:#640c27; }
#main .left_side .left_btn_box a.left_btn_8:before { background-image:url(../img/icon_left_download.png) }
#main .left_side .left_btn_box a.left_btn_9 { background-color:#b39769; }
#main .left_side .left_btn_box a.left_btn_9:hover { color:#594729; }
#main .left_side .left_btn_box a.left_btn_9:before { background-image:url(../img/icon_left_category.png) }
#main .left_side .left_btn_box a.left_btn.nonIcon { padding:0; text-align:center; }
#main .left_side .left_btn_box a.left_btn.nonIcon:before { display:none }

#main .left_side .left_subscribe_box { width:100%; padding:7px 16px 12px 16px; background:#f3f3f3; background:-moz-linear-gradient(top,  #f3f3f3 0%, #e0e0e0 100%); background:-webkit-linear-gradient(top,  #f3f3f3 0%,#e0e0e0 100%); background:linear-gradient(to bottom,  #f3f3f3 0%,#e0e0e0 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e0e0e0',GradientType=0 ); border:1px solid #e5e5e5; box-sizing:border-box; position:relative; }
#main .left_side .left_subscribe_box label { display:block; padding-bottom:6px; font-size:16px; color:#00adef; font-weight:bold; }
#main .left_side .left_subscribe_box label i { padding-right:4px; }
#main .left_side .left_subscribe_box input[type=text] { width:100%; height:30px; padding:0 40px 0 10px; background-color:#ffffff; margin:0; border:none; box-sizing:border-box; font-size:14px; color:#666666; }
#main .left_side .left_subscribe_box input[type=submit] { position: absolute; right:16px; bottom:12px; width: 30px; background-color:#00adef; color: white; height: 30px; border:none; cursor:pointer; } 

#main .left_side .left_history_box { width:100%; box-sizing:border-box; background:#f2f2f2; background:-moz-linear-gradient(top,  #f2f2f2 0%, #dfdfdf 100%); background:-webkit-linear-gradient(top,  #f2f2f2 0%,#dfdfdf 100%); background:linear-gradient(to bottom,  #f2f2f2 0%,#dfdfdf 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dfdfdf',GradientType=0 ); border:1px solid #e4e4e4; margin-bottom:14px; }
#main .left_side .left_history_title { height:31px; padding:0 70px 0 18px; background:#438bbd; background:-moz-linear-gradient(top,  #438bbd 0%, #59afd0 100%); background:-webkit-linear-gradient(top,  #438bbd 0%,#59afd0 100%); background:linear-gradient(to bottom,  #438bbd 0%,#59afd0 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#438bbd', endColorstr='#59afd0',GradientType=0 ); margin:-1px -1px 0 -1px; position:relative; font-size:16px; color:#ffffff; font-weight:bold; line-height:31px; text-align:left; }
#main .left_side .left_history_title p { }
#main .left_side .left_history_title a { position:absolute; right:7px; top:4px; width:49px; height:23px; background-color:#33bcf2; border-radius:4px; text-align:center; line-height:23px; font-size:13px; color:#ffffff; font-weight:bold; }
#main .left_side .left_history_title a:hover { }
#main .left_side .left_history_content { width:100%; height:285px; padding:15px 18px; box-sizing:border-box; }
#main .left_side .left_history_list_area { width:100%; height:100%; overflow:hidden; }
#main .left_side .left_history_list { width:100%; }
#main .left_side .left_history_item { padding:7px 0; box-sizing:border-box; display:block; }
#main .left_side .left_history_photo { float:left; width:63px; position:relative; }
#main .left_side .left_history_photo > img { width:100%; }
#main .left_side .left_history_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffffff; text-align:center; }
#main .left_side .left_history_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
#main .left_side .left_history_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
#main .left_side .left_history_info { float:right; width:94px; padding-top:6px; text-align:left; }
#main .left_side .left_history_info a { font-size:15px; color:#333333; }
#main .left_side .left_history_info a:hover { }

#main .left_side .left_social_box { }
#main .left_side .left_social_box img { width:100%; }

#main .right_side { float:right; width:877px; padding-right:11px; box-sizing:border-box; }
#main .right_side .title_area { width:100%; margin:0; }

#main .multipage { padding-top:22px; padding-right:12px; text-align:right; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:16px; padding:0 9px; border-left:1px solid #cccccc; line-height:16px; font-size:14px; color:#000000; transition:all 0.2s ease; }
#main .multipage a.onpage, 
#main .multipage a:hover { color:#00adef; }
#main .multipage a.row { width:18px; height:18px; padding:0; background-color:#00adef; margin-top:-1px; text-align:center; line-height:18px; color:#ffffff; }
#main .multipage a.row:hover { color:#ffffff; }
#main .multipage a:first-child, 
#main .multipage a.row+a { border-left:none; }
#main .multipage select { display:none; vertical-align:top; width:100px; height:22px; margin:0; padding:0; border:1px solid #cccccc; box-sizing:border-box; border-radius:0; }

#quick_enquiry_area { position:fixed; right:19px; bottom:42px; z-index:50; xdisplay:none; transition:transform 0.5s ease; transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); }
#quick_enquiry_area .quick_enquiry_open { position:absolute; left:-45px; bottom:0; width:45px; padding:5px 0 5px 6px; background-color:#00adef; border-radius:5px 0 0 5px; box-sizing:border-box; color:#ffffff; text-align:center; cursor:pointer; display:none; }
#quick_enquiry_area .quick_enquiry_open i { display:inline-block; zoom:1; *display:inline; vertical-align:middle; }
#quick_enquiry_area .quick_enquiry_open p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:25px; }
#quick_enquiry_area .quick_enquiry_open img { display:none; width:100%; padding-left:6px; box-sizing:border-box; }
#quick_enquiry_area .quick_enquiry_close { position:absolute; right:0; top:0; z-index:10; width:28px; height:28px; background-color:#26b9f1; text-align:center; line-height:28px; font-size:20px; color:#ffffff; cursor:pointer; transition:all 0.2s ease; }
#quick_enquiry_area .quick_enquiry_close:hover { background-color:#666666; color:#ffffff; }
#quick_enquiry_area .quick_enquiry_form_box { width:272px; background-color:#ffffff; border:1px solid #00adef; box-sizing:border-box; }
#quick_enquiry_area .quick_enquiry_title { width:100%; height:28px; padding:0 36px 0 12px; background-color:#00adef; box-sizing:border-box; line-height:28px; font-size:17px; color:#ffffff; font-weight:bold; }
#quick_enquiry_area .quick_enquiry_title img { padding-left:4px; margin-top:-8px; }
#quick_enquiry_area .quick_enquiry_form { width:100%; padding:9px 18px 13px 15px; box-sizing:border-box; }
#quick_enquiry_area .quick_enquiry_row { padding:3px 0 3px 76px; position:relative; }
#quick_enquiry_area .quick_enquiry_row label { position:absolute; left:0; top:3px; line-height:24px; font-size:13px; color:#666666; }
#quick_enquiry_area .quick_enquiry_row input[type=text] { width:100%; height:24px; padding:0 5px; background-color:#ffffff; border:1px solid #cdcdcd; border-radius:2px; box-sizing:border-box; }
#quick_enquiry_area .quick_enquiry_btn { padding-top:7px; text-align:right; }
#quick_enquiry_area .quick_enquiry_btn input[type=submit] { min-width:55px; height:25px; padding:0 6px; background-color:#00adef; border:none; border-radius:4px; text-align:center; line-height:25px; font-size:15px; color:#ffffff; font-weight:bold; cursor:pointer; transition:all 0.2s ease; }
#quick_enquiry_area .quick_enquiry_btn input[type=submit]:hover { background-color:#666666; color:#ffffff; }
#quick_enquiry_area.toggleBox { right:0; transform:translate(272px, 0); -webkit-transform:translate(272px, 0); -moz-transform:translate(272px, 0); }
#quick_enquiry_area.toggleBox .quick_enquiry_open { display:block; }

#footer_prd_cate { padding-top:9px; background-color:#4d4d4d; position:relative; }
#footer_prd_cate:before { position:absolute; left:0; top:8px; content:""; width:100%; border-top:1px solid #666666; }
#footer_prd_cate .footer_cate_area { padding:0 7px; font-size:0; }
#footer_prd_cate .footer_cate_row { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:16.66%; min-height:130px; padding:16px 26px 28px 26px; border-top:1px solid #898989; xborder-bottom:1px solid #898989; box-sizing:border-box; margin-top:-1px; }
#footer_prd_cate .footer_cate_row:nth-child(1),
#footer_prd_cate .footer_cate_row:nth-child(2),
#footer_prd_cate .footer_cate_row:nth-child(3),
#footer_prd_cate .footer_cate_row:nth-child(4),
#footer_prd_cate .footer_cate_row:nth-child(5),
#footer_prd_cate .footer_cate_row:nth-child(6) { border-top:none; }
#footer_prd_cate .footer_cate_name { font-size:17px; color:#ffffff; font-weight:bold; }
#footer_prd_cate .footer_cate_list { padding-top:8px; }
#footer_prd_cate .footer_cate_list ul { }
#footer_prd_cate .footer_cate_list ul li { padding-bottom:6px; padding-left:10px; position:relative; font-size:13px; color:#ffffff; }
#footer_prd_cate .footer_cate_list ul li:before { content:"-"; position:absolute; left:0; top:0; font-size:15px; line-height:15px; }
#footer_prd_cate .footer_cate_list ul li a { color:#ffffff; xfont-weight:bold; }
#footer_prd_cate .footer_cate_list ul li a:hover { color:#00adef; }

#footer { padding:20px 0; margin-top:-1px; background-color:#00adef; text-align:center; position:relative; }
#footer .footer_menu { padding-bottom:14px; }
#footer .footer_menu ul { font-size:0; }
#footer .footer_menu ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:17px; border-left:1px solid #ffffff; padding:0 14px; }
#footer .footer_menu ul li:first-child { border-left:none; }
#footer .footer_menu ul li a { font-size:17px; color:#ffffff; font-weight:bold; line-height:1; }
#footer .copyright { font-size:13px; color:#ffffff; font-weight:bold; }
#footer .copyright a { color:#ffffff; }
#footer .copyright a:hover { }

.openResponsive, 
.openResponsive body { height:100%; }
.openResponsive #wrap { position:fixed; height:100%; transform:translate3d(280px, 0, 0); -webkit-transform:translate3d(280px, 0, 0); -moz-transform:translate3d(280px, 0, 0); }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; }
.openResponsive #mobile_menu { visibility:visible; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

#indexType #main { background-image:none; }
#indexType #main .container { padding-top:27px; }

.index_content { padding-bottom:20px; }

.index_box_area { margin:0 -6px; }
.index_box_area .index_box_item { float:left; width:292px; padding:0 6px; box-sizing:border-box; }
.index_box_area .index_box { width:100%; border:1px solid #e4e4e4; background:#ffffff; background:-moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); background:-webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); background:linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); box-sizing:border-box; position:relative; }
.index_box_area .index_box_title { width:100%; height:31px; padding:0 36px 0 12px; background:#4d4d4d; background:-moz-linear-gradient(top,  #4d4d4d 0%, #8a8a8a 100%); background:-webkit-linear-gradient(top,  #4d4d4d 0%,#8a8a8a 100%); background:linear-gradient(to bottom,  #4d4d4d 0%,#8a8a8a 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#8a8a8a',GradientType=0 ); border-bottom:1px solid #e4e4e4; box-sizing:border-box; position:relative; font-size:21px; color:#44d9ef; font-weight:bold; line-height:30px; }
.index_box_area .index_box_title p { }
.index_box_area .index_box_title img { position:absolute; right:12px; top:50%; margin-top:-9px; }

.index_box_area .index_box_content { padding:10px 10px 0 10px; }
.index_box_area .index_box_photo { width:100%; position:relative; }
.index_box_area .index_box_photo > img { width:100%; }
.index_box_area .index_box_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; padding:8px; background-color:#ffffff; box-shadow:inset 2px 2px 5px rgba(0,0,0,0.2); box-sizing:border-box; text-align:center; font-size:0; }
.index_box_area .index_box_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.index_box_area .index_box_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.index_box_area .index_box_list_area { height:224px; padding:17px 0 11px 2px; box-sizing:border-box; }
.index_box_area .index_box_list { height:100%; border-left:3px solid #28c0d5; overflow:hidden; }
.index_box_area .index_box_list ul { padding-left:11px; }
.index_box_area .index_box_list ul li { padding:2px 68px 2px 0; }
.index_box_area .index_box_list ul li a { font-size:12px; color:#333333; line-height:14px; }
.index_box_area .index_box_list ul li a:hover { }
.index_box_area .index_box_more { position:absolute; right:8px; bottom:11px; }
.index_box_area .index_box_more a { display:block; width:52px; height:21px; background-color:#28c0d5; font-size:14px; color:#ffffff; line-height:21px; text-align:center; transition:all 0.2s ease; }
.index_box_area .index_box_more a:hover { }

.index_latest_prd_area { padding-top:20px; }
.index_latest_prd_area .index_latest_prd_title { width:100%; height:30px; background:#4d4d4d; background:-moz-linear-gradient(top,  #4d4d4d 0%, #8a8a8a 100%); background:-webkit-linear-gradient(top,  #4d4d4d 0%,#8a8a8a 100%); background:linear-gradient(to bottom,  #4d4d4d 0%,#8a8a8a 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#8a8a8a',GradientType=0 ); border-radius:15px; box-sizing:border-box; position:relative; font-size:21px; color:#44d9ef; font-weight:bold; line-height:30px; text-align:center; }
.index_latest_prd_area .index_latest_prd_list { padding-top:20px; }

/*-------------------------------------------------------------------------------------*/
/* PRODUCT */

.product_content { padding-top:25px; }

.prd_list { margin:-5px; }
.prd_list .non_prd_msg { padding:0 22px; font-size:15px; color:#000000; }
.prd_list .prd_item { float:left; width:219px; padding:5px; box-sizing:border-box; }
.prd_list .prd { width:100%; background-color:#ffffff; border:1px solid #e4e4e4; box-sizing:border-box; position:relative; }
.prd_list .prd_photo { width:100%; position:relative; }
.prd_list .prd_photo > img { width:100%; }
.prd_list .prd_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; font-size:0; }
.prd_list .prd_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_list .prd_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.prd_list .prd_info { width:100%; height:60px; padding:0 16px; background-color:#058bd2; xbackground-color:#9e9e9e; box-sizing:border-box; font-size:0; text-align:left; }
.prd_list .prd_info:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_list .prd_info p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:15px; color:#ffffff; line-height:19px; }
.prd_list .prd_overlay { position:absolute; left:0; top:0; width:100%; height:100%; padding-top:186px; background-color:rgba(255,255,255,0.7); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2ffffff', endColorstr='#b2ffffff'); border:2px solid #ffb547; box-sizing:border-box; display:none; }
.prd_list .prd_overlay .prd_btn { text-align:center; font-size:0; }
.prd_list .prd_overlay .prd_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:92px; height:30px; background-color:#00adef; margin:0 3px; border-radius:5px; font-size:16px; color:#ffffff; text-align:center; line-height:30px; transition:all 0.2s ease; }
.prd_list .prd_overlay .prd_btn a.detail { background-color:#00adef; }
.prd_list .prd_overlay .prd_btn a.add_cart { background-color:#22c1cc; }
.prd_list .prd_overlay .prd_btn a:hover { }
.prd_list .prd:hover .prd_overlay { display:block; }

.prd_detail { padding:10px 23px 26px 18px; }
.prd_detail .prd_detail_photo { float:left; width:450px; }
.prd_detail .prd_detail_photo .large_photo { width:100%; position:relative; }
.prd_detail .prd_detail_photo .large_photo > img { width:100%; }
.prd_detail .prd_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffffff; border:2px solid #cccccc; box-sizing:border-box; text-align:center; font-size:0; }
.prd_detail .prd_detail_photo .large_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_detail .prd_detail_photo .large_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.prd_detail .prd_detail_photo .large_photo .enlarge { position:absolute; right:18px; bottom:13px; font-size:28px; cursor:pointer; }
.prd_detail .prd_detail_photo .large_photo .enlarge a { color:#878787; }

.prd_detail .prd_detail_photo .sub_photo_area { width:100%; margin-top:18px; box-sizing:border-box; }
.prd_detail .prd_detail_photo .sub_photo_list { width:100%; text-align:left; font-size:0; }
.prd_detail .prd_detail_photo .sub_photo_item { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:90px; position:relative; }
.prd_detail .prd_detail_photo .sub_photo_item > img { width:100%; }
.prd_detail .prd_detail_photo .sub_photo_item .photo { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffffff; border:1px solid #cfcfcf; box-sizing:border-box; text-align:center; font-size:0; }
.prd_detail .prd_detail_photo .sub_photo_item .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_detail .prd_detail_photo .sub_photo_item .photo img { display:inline-block !important; width:auto !important; max-width:100%; max-height:100%; vertical-align:middle; }
.prd_detail .prd_detail_photo .owl-item .sub_photo_item { width:100%; }

.prd_detail .prd_detail_content { float:right; width:340px; }

.prd_detail .prd_detail_info { display:table; font-size:15px; color:#000000; }
.prd_detail .prd_detail_info_row { display:table-row; }
.prd_detail .prd_detail_info_title { display:table-cell; padding:6px 0 6px 8px; white-space:nowrap; }
.prd_detail .prd_detail_info_content { display:table-cell; padding-left:8px; }
.prd_detail .prd_detail_info_content h3 { font-size:24px; color:#0099ff; font-weight:bold; }
.prd_detail .prd_detail_info_content h4 { font-size:20px; color:#336699; font-weight:bold; }

.prd_detail .prd_detail_data { width:100%; padding-top:24px; }
.prd_detail .prd_detail_data_title { width:100%; padding:2px 8px; background-color:#c4e6fb; box-sizing:border-box; font-size:16px; color:#333333; font-weight:bold; line-height:20px; }
.prd_detail .prd_detail_data_content { padding:12px 8px; font-size:15px; color:#000000; line-height:21px; }

.prd_detail .prd_detail_quality { padding-top:30px; padding-left:89px; position:relative; }
.prd_detail .prd_detail_quality label { position:absolute; left:8px; bottom:0; width:80px; line-height:30px; font-size:15px; color:#000000; }
.prd_detail .prd_detail_quality input[type=text], 
.prd_detail .prd_detail_quality input[type=number] { vertical-align:top; width:104px; height:30px; background-color:#ffffff; border:2px solid #cccccc; box-sizing:border-box; text-align:center; }

.prd_detail .prd_detail_btn { padding-top:13px; font-size:0; text-align:left; }
.prd_detail .prd_detail_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:92px; height:30px; background-color:#00adef; margin-right:5px; border-radius:5px; font-size:16px; color:#ffffff; text-align:center; line-height:30px; transition:all 0.2s ease; }
.prd_detail .prd_detail_btn a.detail { background-color:#00adef; }
.prd_detail .prd_detail_btn a.add_cart { background-color:#22c1cc; }
.prd_detail .prd_detail_btn a:hover { }
.prd_detail .prd_detail_back { padding-top:19px; text-align:right; }
.prd_detail .prd_detail_back a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:105px; height:35px; background-color:#ffffff; border:1px solid #cccccc; border-radius:5px; box-sizing:border-box; font-size:17px; color:#000000; text-align:center; line-height:33px; transition:all 0.2s ease; }
.prd_detail .prd_detail_back a:hover { background-color:#666666; color:#ffffff; }

.prd_detail .prd_detail_desc { float:left; width:100%; padding-top:20px; font-size:15px; color:#000000; }
.prd_detail .prd_detail_desc p { }
.prd_detail .prd_detail_desc img { max-width:100%; border:2px solid #cccccc; margin:7px 0; }

.related_prd_content { padding-top:12px; padding-bottom:40px; }

/*-------------------------------------------------------------------------------------*/
/* CART */

.cart_content { xpadding:30px 3px; padding:20px 0; }
.cart_content .cart_box_item { xfloat:left; xwidth:50%; xpadding:0 27px; width:700px; padding:10px 16px 20px 16px; box-sizing:border-box; margin:0 auto; }
.cart_content .cart_box { width:100%; }
.cart_content .cart_box_title { padding-bottom:24px; font-size:30px; color:#336699; line-height:1; }
.cart_content .cart_box_title img { vertical-align:top; }
.cart_content .cart_box_info { width:100%; }
.cart_content .thankyou_msg { width:100%; padding:120px 0; color:#666666; font-size:18px; text-align:center; }
.cart_content .msg { padding:0 20px 30px 30px; color:#666666; font-size:18px; text-align:center; }

.infomation_area { width:100%; }
.infomation_area .form_row { padding:9px 0 9px 86px; position:relative; }
.infomation_area .form_row label { position:absolute; left:0; top:9px; color:#666666; font-size:18px; }
.infomation_area .form_row input[type=text], 
.infomation_area .form_row textarea { width:100%; background-color:#ffffff; border:1px solid #cccccc; box-sizing:border-box; }
.infomation_area .form_row input[type=text] { height:32px; padding:0 5px; }
.infomation_area .form_row textarea { height:136px; padding:5px; resize:none; }

.enquiry_prd_list { width:100%; }
.enquiry_prd_list .enquiry_prd_item { width:100%; padding:14px; background-color:#eef4f5; margin-bottom:2px; box-sizing:border-box; font-size:0; }
.enquiry_prd_list .enquiry_prd_field { display:inline-block; zoom:1; *display:inline; vertical-align:middle; position:relative; }
.enquiry_prd_list .enquiry_prd_photo { width:123px; position:relative; }
.enquiry_prd_list .enquiry_prd_photo > img { width:100%; }
.enquiry_prd_list .enquiry_prd_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid #f8f8f8; background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.5); box-sizing:border-box; font-size:0; text-align:center; }
.enquiry_prd_list .enquiry_prd_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.enquiry_prd_list .enquiry_prd_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.enquiry_prd_list .enquiry_prd_info { width:214px; padding:0 10px 0 20px; box-sizing:border-box; }
.enquiry_prd_list .enquiry_prd_info .name { font-size:16px; color:#0099ff; font-weight:bold; }
.enquiry_prd_list .enquiry_prd_info .model { font-size:13px; color:#336699; font-weight:bold; }
.enquiry_prd_list .enquiry_prd_quantity { width:122px; position:relative; }
.enquiry_prd_list .enquiry_prd_quantity input[type=text], 
.enquiry_prd_list .enquiry_prd_quantity input[type=number] { width:100%; height:30px; padding:0 40px 0 7px; background-color:#ffffff; border:1px solid #cccccc; box-sizing:border-box; }
.enquiry_prd_list .enquiry_prd_quantity a { position:absolute; right:0; top:0; display:block; height:100%; border-left:1px solid #cccccc; }
.enquiry_prd_list .enquiry_prd_quantity a img { height:100%; }

.submit_btn { float:left; width:100%; padding-top:22px; text-align:center; }
.submit_btn input[type=submit] { width:105px; height:35px; background-color:#00adef; border:1px solid #cccccc; border-radius:5px; box-sizing:border-box; font-size:17px; color:#ffffff; font-weight:bold; text-align:center; line-height:33px; transition:all 0.2s ease; cursor:pointer; }
.submit_btn input[type=submit]:hover { background-color:#666666; color:#ffffff; }

/*-------------------------------------------------------------------------------------*/
/* ABOUT US */

.about_us_content { min-height:420px; padding:30px; box-sizing:border-box; font-size:21px; color:#000000; }
.about_us_content p { }

/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

.contact_us_content { min-height:420px; padding:15px 30px; box-sizing:border-box; font-size:15px; color:#000000; }
.contact_us_content .contact_us_section { padding:15px 0; }
.contact_us_content .contact_us_info { line-height:22px; }
.contact_us_content .contact_us_info h3 { padding-bottom:4px; font-size:18px; color:#00adef; }
.contact_us_content .contact_us_info p { }
.contact_us_content .contact_us_info a { color:#045a7b; }
.contact_us_content .contact_us_info a:hover { text-decoration:underline; }
.contact_us_content .contact_us_map { }

/*-------------------------------------------------------------------------------------*/
/* SAFETY & QUALITY CERTIFICATION */

.cert_content { min-height:420px; padding:30px 15px; box-sizing:border-box; font-size:15px; color:#000000; }
.cert_content .cert_info { padding:0 15px 30px 15px; }
.cert_content .cert_img_area { font-size:0; text-align:center; }
.cert_content .cert_img_item { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:33.33%; padding:15px; box-sizing:border-box; }
.cert_content .cert_img { width:100%; border:2px solid #e4e4e4; box-sizing:border-box; }
.cert_content .cert_img img { width:100%; }

/*-------------------------------------------------------------------------------------*/
/* SUCCESS CASE */

.client_content { min-height:420px; padding:25px 0; box-sizing:border-box; font-size:15px; color:#000000; }
.client_content .client_list { margin:0 -5px; }
.client_content .client_item { float:left; width:20%; padding:5px; box-sizing:border-box; }
.client_content .client { width:100%; position:relative; font-size:0; text-align:center; }
.client_content .client > img { width:100%; }
.client_content .client_photo { position:absolute; left:0; top:0; width:100%; height:100%; padding:5px; border:1px solid #cccccc; background-color:#ffffff; box-sizing:border-box; }
.client_content .client_photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.client_content .client_photo img { max-width:100%; max-height:100%; vertical-align:middle; }

/*-------------------------------------------------------------------------------------*/
/* ORDERING PROCESS */

.process_content { min-height:420px; padding:48px 30px; box-sizing:border-box; font-size:15px; color:#000000; }
.process_content .process_step_area { width:100%; max-width:656px; margin:0 auto; }
.process_content .process_step_item { padding-top:40px; background-image:url(../img/process_step_row.png); background-position:center 6px; background-repeat:no-repeat; }
.process_content .process_step_item:first-child { padding-top:0; background-image:none; }
.process_content .process_step { width:100%; height:78px; position:relative; }

.process_content .process_step_txt { height:100%; box-sizing:border-box; font-size:0; }
.process_content .process_step_txt:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.process_content .process_step_txt p, 
.process_content .process_step_txt span, 
.process_content .process_step_txt img { display:inline-block; zoom:1; *display:inline; vertical-align:middle; }

.process_content .process_step_txt.step_info { width:100%; padding:0 176px 0 150px; border:1px solid #999999; background:#ebe8e5; background:-moz-linear-gradient(top,  #ebe8e5 0%, #ffffff 100%); background:-webkit-linear-gradient(top,  #ebe8e5 0%,#ffffff 100%); background:linear-gradient(to bottom,  #ebe8e5 0%,#ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe8e5', endColorstr='#ffffff',GradientType=0 ); border-radius:5px; text-align:left; }
.process_content .process_step_txt.step_info p { font-size:20px; color:#000000; }

.process_content .process_step_txt.step_num { position:absolute; left:0; top:0; z-index:5; width:100px; padding-left:10px; background-color:#26aded; box-sizing:border-box; text-align:center; border-radius:5px 0 0 5px; }
.process_content .process_step_txt.step_num:before { position:absolute; right:-26px; top:0; content:""; width:0; height:0; border-style:solid; border-width:39px 0 39px 26px; border-color:transparent transparent transparent #26aded; }
.process_content .process_step_txt.step_num span { display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:31px; color:#ffffff; font-family:"Texas LED"; }

.process_content .process_step_txt.step_icon { position:absolute; right:25px; top:0; z-index:5; width:65px; text-align:center; }
.process_content .process_step_txt.step_icon img { }

/*-------------------------------------------------------------------------------------*/
/* PRINTING */

.printing_content { min-height:420px; padding:15px; box-sizing:border-box; }
.printing_content .printing_list { font-size:0; text-align:left; }
.printing_content .printing_item { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:50%; padding:15px; box-sizing:border-box; }
.printing_content .printing { width:100%; background-color:#ffffff; border:1px solid #e4e4e4; box-sizing:border-box; position:relative; }
.printing_content .printing_photo { width:100%; position:relative; }
.printing_content .printing_photo > img { width:100%; }
.printing_content .printing_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; padding:10px; box-sizing:border-box; text-align:center; font-size:0; }
.printing_content .printing_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.printing_content .printing_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.printing_content .printing_info { width:100%; height:48px; padding:0 16px; background-color:#9e9e9e; box-sizing:border-box; font-size:0; text-align:center; }
.printing_content .printing_info:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.printing_content .printing_info p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:18px; color:#ffffff; line-height:22px; }

/*-------------------------------------------------------------------------------------*/
/* REQUEST CATALOG */

.request_catalog_content { min-height:420px; padding:30px; box-sizing:border-box; font-size:15px; color:#000000; }
.request_catalog_content .form_area { width:100%; max-width:506px; margin:0 auto; }
.request_catalog_content .form_row { padding:9px 0 9px 86px; position:relative; }
.request_catalog_content .form_row label { position:absolute; left:0; top:9px; color:#666666; font-size:18px; line-height:32px; }
.request_catalog_content .form_row input[type=text], 
.request_catalog_content .form_row textarea { width:100%; background-color:#ffffff; border:1px solid #cccccc; box-sizing:border-box; font-size:15px; }
.request_catalog_content .form_row input[type=text] { height:32px; padding:0 5px; }
.request_catalog_content .form_row textarea { height:136px; padding:5px; resize:none; }
.request_catalog_content .form_btn { padding-top:22px; padding-left:0; text-align:center; }
.request_catalog_content .form_btn input[type=submit] { width:105px; height:35px; background-color:#00adef; border:1px solid #cccccc; border-radius:5px; box-sizing:border-box; font-size:17px; color:#ffffff; font-weight:bold; text-align:center; line-height:33px; transition:all 0.2s ease; cursor:pointer; }
.request_catalog_content .form_btn input[type=submit]:hover { background-color:#666666; color:#ffffff; }
.request_catalog_content .thankyou_msg { width:100%; padding:120px 0; color:#666666; font-size:18px; text-align:center; }
.request_catalog_content .msg { padding-bottom:20px; color:#666666; font-size:18px; text-align:center; }

/*-------------------------------------------------------------------------------------*/
/* COMMON CONTENT */

.common_content { min-height:420px; padding:30px; box-sizing:border-box; font-size:15px; color:#000000; }
.common_content h3 { padding-bottom:4px; font-size:18px; color:#00adef; line-height:22px; }
.common_content p { }
.common_content ol { list-style:decimal; padding-left:20px; }
.common_content ol li { }