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

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

@media screen and (max-width: 1680px){
#quick_enquiry_area { right:0; transform:translate(272px, 0); -webkit-transform:translate(272px, 0); -moz-transform:translate(272px, 0); }
#quick_enquiry_area .quick_enquiry_open { display:block; }
#quick_enquiry_area.toggleBox { transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); }
#quick_enquiry_area.toggleBox .quick_enquiry_open { display:none; }
}

@media screen and (max-width: 1152px){
#wrap { min-width:100px; }
#wrap .container { max-width:none; }

#top .logo { xwidth:259px; height:62px; padding-left:15px; }
#top .mobile_btn { display:block; }
#top .toolbar { display:none; }

#menu { display:none; }
#mobile_menu { display:block; }

#banner .banner_show .owl-prev { left:15px; top:120px; }
#banner .banner_show .owl-next { right:15px; top:120px; }
#banner .inner_banner_title { left:15px; bottom:10px; font-size:32px; }
#banner .inner_banner_title span { font-size:28px; }
.en_format #banner .inner_banner_title { font-size:28px; }

#slogan p { padding:0 15px; }

#main .container { padding-left:15px; padding-right:15px; }
#main .title_area { width:100%; margin:0; }
#main .title_area .multipage { display:none; }

#main .left_side { display:none; }
#main .right_side { width:100%; padding-right:0; }

#footer_prd_cate { display:none; }
#footer_prd_cate .footer_cate_row { width:25%; padding:22px 15px 28px 15px; }
#footer_prd_cate .footer_cate_row:nth-child(5),
#footer_prd_cate .footer_cate_row:nth-child(6),
#footer_prd_cate .footer_cate_row:nth-child(7) { border-top:1px solid #898989; }

#footer .footer_menu { display:none; }
}

@media screen and (max-width: 767px){
#top .logo { xwidth:209px; height:50px; padding-top:10px; padding-bottom:10px; }
#top .mobile_btn i { width:38px; height:38px; margin-top:-19px; font-size:22px; line-height:38px; }

#mobile_menu .menu_area ul.menu_list > li > a.lv1 { font-size:18px; line-height:22px; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i { font-size:18px; }
#mobile_menu .menu_area ul.dropdown_menu > li > a.lv2 { padding:8px 15px; font-size:14px; }
#mobile_menu .menu_area ul.sub_dropdown_menu { padding-bottom:4px; }
#mobile_menu .menu_area ul.sub_dropdown_menu > li > a.lv3 { padding:4px 15px 4px 28px; font-size:12px; }
#mobile_menu .menu_area ul.sub_dropdown_menu > li > a.lv3:before { top:8px; }

#banner .inner_banner_title { position:absolute; left:0; bottom:-40px; width:100%; height:40px; padding:0 10px; background-color:#00adef; box-sizing:border-box; line-height:40px; font-size:28px; xtext-shadow:0 0 5px rgba(0,0,0,0.5); }
#banner .inner_banner_title span { font-size:24px; }

#slogan p { font-size:14px; }

#main { margin-top:40px; }
}

@media screen and (max-width: 620px){
#mobile_menu { width:240px; transform:translate3d(-240px, 0, 0); -webkit-transform:translate3d(-240px, 0, 0); -moz-transform:translate3d(-240px, 0, 0); }
.openResponsive #wrap { transform:translate3d(240px, 0, 0); -webkit-transform:translate3d(240px, 0, 0); -moz-transform:translate3d(240px, 0, 0); }
}

@media screen and (max-width: 479px){
#main .multipage { text-align:center; }
#main .multipage a { display:none; }
#main .multipage a.row { display:inline-block; width:22px; height:22px; margin-top:0; line-height:22px; }
#main .multipage select { display:inline-block; }
}

@media screen and (max-width: 413px){
#banner .inner_banner_title span { font-size:26px; }
.en_format #banner .inner_banner_title { font-size:26px; }
}

@media screen and (max-width: 374px){

}

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

@media screen and (max-width: 1152px){
.index_box_area .index_box_item { width:33.33%; }
}

@media screen and (max-width: 620px){
.index_box_area .index_box_item { float:none; width:100%; max-width:400px; margin:10px auto; }
}

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

@media screen and (max-width: 1152px){
.prd_list .prd_item { width:25%; }
.prd_list .prd_info { height:80px; }

.prd_list .prd_overlay { padding-top:106px; }
.prd_list .prd_overlay .prd_btn a { margin:4px 3px; }

.prd_detail { padding:10px 0 26px 0; }
.prd_detail .prd_detail_photo { float:none; width:100%; max-width:450px; margin:0 auto; }
.prd_detail .prd_detail_content { float:none; width:100%; padding-top:30px; }
}

@media screen and (max-width: 767px){
.prd_list .prd_item { width:33.33%; }
}

@media screen and (max-width: 479px){
.prd_list .prd_item { width:50%; }
}

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

@media screen and (max-width: 1152px){
.cart_content { padding:20px 0; }
.cart_content .cart_box_title { padding-bottom:18px; }
.cart_content .cart_box_item { float:left; width:100%; padding:10px 16px; }

.enquiry_prd_list .enquiry_prd_info { width:calc(100% - 250px); }
}

@media screen and (max-width: 767px){
.cart_content .cart_box_title { font-size:24px; line-height:30px; }

.enquiry_prd_list .enquiry_prd_photo { width:73px; }
.enquiry_prd_list .enquiry_prd_info { width:calc(100% - 80px); }
.enquiry_prd_list .enquiry_prd_quantity { width:100%; margin-top:10px; }
}

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

@media screen and (max-width: 1152px){
.about_us_content { min-height:540px; padding:30px 15px; }
.about_us_content p { }
}

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

@media screen and (max-width: 1152px){
.contact_us_content { min-height:540px; padding:30px 15px; }
.contact_us_content p { }
}

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

@media screen and (max-width: 1152px){
.cert_content .cert_info { padding:0 0 30px 0; }
.cert_content .cert_img_area { margin:0 -5px; }
.cert_content .cert_img_item { padding:5px; }
}

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

@media screen and (max-width: 1152px){
.client_content .client_item { width:25%; }
}

@media screen and (max-width: 767px){
.client_content .client_item { width:33.33%; }
}

@media screen and (max-width: 374px){
.client_content .client_item { width:50%; }
}

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

@media screen and (max-width: 767px){
.process_content { padding:48px 0; }
}

@media screen and (max-width: 620px){
.process_content .process_step_txt.step_info { padding:0 100px 0 130px; }
.process_content .process_step_txt.step_num { width:80px; }
.process_content .process_step_txt.step_icon { right:15px; }
}

@media screen and (max-width: 520px){
.process_content .process_step_txt.step_info { padding:0 100px; }
.tc_format .process_content .process_step_txt.step_info p { font-size:18px; }
.en_format .process_content .process_step_txt.step_info p { font-size:16px; }

.process_content .process_step_txt.step_num { width:64px; padding-left:4px; }
.process_content .process_step_txt.step_icon { right:10px; }
.process_content .process_step_txt.step_icon img { transform:scale(0.8); }
}

@media screen and (max-width: 413px){
.process_content .process_step_txt.step_info { padding:0 70px 0 90px; }
.process_content .process_step_txt.step_num { width:54px; }
.process_content .process_step_txt.step_num span { font-size:26px; }
.process_content .process_step_txt.step_icon { right:0; }
}

@media screen and (max-width: 374px){
.process_content .process_step_txt.step_info { padding:0 60px 0 76px; }
.tc_format .process_content .process_step_txt.step_info p { font-size:18px; }
.en_format .process_content .process_step_txt.step_info p { font-size:16px; }

.process_content .process_step_txt.step_num { width:48px; }
.process_content .process_step_txt.step_num:before { right:-16px; border-width:39px 0 39px 16px; }
.process_content .process_step_txt.step_num span { font-size:24px; }
.process_content .process_step_txt.step_icon img { transform:scale(0.7); }
}

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

@media screen and (max-width: 767px){
.printing_content .printing_list { margin:0 -6px; }
.printing_content .printing_item { padding:6px; }
}

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

@media screen and (max-width: 1152px){
.common_content { padding:30px 16px; }
}