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

@media (max-width: 1440px) and (-webkit-min-device-pixel-ratio:0) { 
button.sbtn{ top:23px; right:9px;}
}

@media (max-width: 1366px) {
.innerbox{ min-height:0;}
}

@media (max-width: 1280px) {
.container01, .container02{ width:100%; max-width:1200px; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#cssmenu > ul > li > a { padding: 17px 25px 17px 15px !important;}
ul#ul_news, ul#ul_news2, ul#ul_branch{ width:auto;}

#banner_inner{ width:100%; max-width:1200px;}
}
@media (max-width: 1200px) {
ul#ul_contactbox li{ float:none;}
ul#ul_contactbox li:first-child{ width:100%;}
ul#ul_contactbox li:last-child{ width:100%;}
}
@media (min-width: 1024px) and (max-width: 1280px) {
#cssmenu{ margin-right: 50px !important;}
}

@media (max-width: 1024px) {
.container01, .container02{ width:auto; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#cssmenu{ margin-right: 50px !important;}
#cssmenu > ul > li > a { padding: 17px 25px 17px 8px !important;}
.inewsbox_img, .inewsbox2_img{ display:none;}

ul#ul_pdtlist li{ float:left; width:33.3333%;}

.pdtimgbox{ max-width:500px;}

.branchbox_txt{ height:91px;}
.branchbox_more{ margin-top:10px;}
}

@media (max-width: 950px) {
#cssmenu{ margin-right: 10px !important;}
#cssmenu > ul > li > a { padding: 17px 25px 17px 0px !important; font-size: 13px !important; font-weight:bold; text-decoration: none; color: #666;}

.pdtimgbox{ max-width:400px;}

.branchbox_img{ float:none; margin:0 auto 10px auto;}
.branchbox_txt{ height:91px;}

ul#ul_fbox li{ float:none; color:#fff; overflow:hidden;}
ul#ul_fbox li:first-child{ width:100%;}
ul#ul_fbox li:last-child{ width:100%;}

ul#ul_social{ overflow:hidden; width:160px; margin:0 auto 20px auto;}
ul#ul_social li{ float:left !important; width:30px !important; height:30px; margin:0 5px;}

.f_right{ float:none; width:322px; margin:0 auto;}
.f_right p{ float:none; margin-right:0px; text-align: center;}

ul#ul_privacy{ width:388px; margin:0 auto 20px auto !important;}
ul#ul_privacy li{ float:left; width:auto !important; margin-right:10px;}
}

@media (max-width: 768px) {
#btn{ float:right; width:240px; margin-right:0px;}
.input_search{ max-width:90% !important;}
ul#ul_news li, ul#ul_news2 li{ float:none; width:100%;}
ul#ul_news2 li:nth-last-child(1){ margin-bottom:0;}
.inewsbox{ margin:20px;}
.inewsbox2{ margin:20px 10px;}
.inewsbox_img, .inewsbox2_img{ display:block;}
i.search_default{ display:none;}
.searchlink { padding: 0 15px 0 0; height: 46px;}
.searchform { display: block; width: 238px; top: -1px; right: -1px;}
#s { width: 168px;}

ul#ul_pdtlist li{ float:left; width:50%;}

ul#ul_pdtdetail li{ float:none;}
ul#ul_pdtdetail li.pdtdetail01{ width:100%;}
ul#ul_pdtdetail li.pdtdetail02{ width:100%;}
.pdtimgbox{ float:none; width:auto; max-width:600px; margin:0 auto;}

.pdttxtbox{ margin-left:0px; margin-top:30px;}

.pdtlistbox{ min-height:425px;}

ul#ul_tabsbox{ overflow:hidden;}
ul#ul_tabsbox li{ float:none;}
ul#ul_tabsbox li:first-child{ width:100%;}
ul#ul_tabsbox li:last-child{ width:100%;}
.tab_img01{ margin-right:0px; margin-bottom:30px;}
.tab_img01 img{ width:auto; max-width:100%; height:auto;}

.faqsearch{ width:400px;}
.input_faqsearchtxt{ width:338px;}
}
@media (max-width: 1440px) and (-webkit-min-device-pixel-ratio:0) { 
button.sbtn{ right:6px;}
}
@media (max-width: 767px) {
ul#ul_fbox2 li{ float:none; width:100%;}

ul#ul_privacy{ width:348px; margin:0 auto 20px auto !important;}
ul#ul_privacy li{ float:left; width:auto !important; margin:0 5px;}

.copyright{ text-align:center;}

.textarea li{ width:auto !important;}
}
@media (max-width: 660px) {
.midwidthbox{ width:auto;}
.midwidthbox label{ float:none; width:100%;}
.input_midwidthbox{ width:100%;}
.input_midwidthtextarea{ width:100%;}
.select_midwidthbox{ width:100%;}
.input_midwidthcaptcha, .codeimg, .reload{ float:none;}
.submit_midwidthbox2{ margin:20px auto 0 auto;}
.pdtlistbox{ min-height:380px;}
}
@media (max-width: 568px) {
#btn{ float:right; width:170px; margin-right:0px;}
ul#ul_news li, ul#ul_news2 li{ float:none; width:100%;}
.inewsbox{ margin:20px;}
.innerbox h2{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #444; font-size:15px; font-weight:bold;}
.inewsbox_img, .inewsbox2_img{ float:none; margin-bottom:20px; margin-left:auto; margin-right:auto;}
.inewsbox_txt, .inewsbox2_txt{ height:auto; margin-bottom:20px;}
.searchlink { padding: 0 15px 0 0; height: 46px;}
.searchform { display: block; width: 168px; top: -1px; right: -1px;}
#s { width: 98px;}

.pdtlistbox{ min-height:340px;}

ul#ul_branch li{ float:none; width:100%; margin-bottom:20px;}

.branchbox_txt h2{ height:auto;}

ul#ul_2btn{ max-width:800px; margin:0 auto; padding:0 0px; list-style:none; overflow:hidden;}
ul#ul_2btn li{ float:none; width:100%; margin-bottom:10px;}
ul#ul_1btn li img, ul#ul_2btn li img{ display:none;}

#listbox{ margin:10px 20px 0 20px; padding:30px 0 0 0; clear:both;}
.li_border{ margin:0 2px; padding:4px 9px;}
.li_border_2{ margin:0 2px; padding:4px 9px;}
}
@media (max-width: 480px) {
header{ height:auto; position:static; border-bottom:1px solid #efefef;}
#banner, #banner_inner{ padding-top:0;}
ul#ul_lang{ float:right; margin:0; padding:9px 0;}
ul#ul_lang li{ float:left; margin:0 7px 0 0; font-size:12px; line-height:28px; text-align:center;}
ul#ul_lang li a{ width:26px; height:26px; color:#999; border:1px solid #999; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; display:block;}
ul#ul_lang li a:hover{ width:26px; height:26px; color:#ff7700; border:1px solid #ff7700;}
ul#ul_lang li:last-child{ margin:0;}
ul#ul_lang li.active a, ul#ul_lang li.active a:hover{ color:#fff; background:#06234f; border:1px solid #999;}
#btn{ clear:both; float:none; width:100%; padding-top:10px;}
.searchlink { width:100% !important; margin:0; padding:0;}
.searchform { width:100% !important; height: 75px; margin:0 0 0 10px; padding:0; border:0; overflow:hidden; display: block; position:static; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.search_txt{ width:100% !important; margin:3px 0 0 0; padding:0 50px 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#s { width:100% !important; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
button.sbtn { top:17px; top:8px\0; right:11px; right:14px\0;}
.index_section{ padding:30px 0;}
.index_section2{ padding:0px 0 30px 0;}
.index_section h2{ margin-bottom:30px; color:#06234f; font-size:24px; font-weight:bold; text-align:center;}
.inewsbox_txt h2, .inewsbox2_txt h2{font-size:15px; color:#575757; line-height:20px; margin-bottom:10px; text-overflow: clip; white-space: normal; overflow: visible; text-align: justify;}
#fbox{ padding:40px 0; overflow:hidden;}

.innerbox h1{ margin-bottom:40px; color:#06234f; font-size:28px; text-align:center;}

ul#ul_pdtlist li{ float:left; width:100%;}

.branchbox h2{ width:auto; margin:0 0 10px 0; padding:0; font-size:13px; color:#575757; text-align:justify; border:0;}
.branchbox_txt{ height:auto;}

.mobile{ display:none !important;}

.faqsearch{ width:243px;}
.input_faqsearchtxt{ width:181px;}
}
@media (max-width: 480px) and (-webkit-min-device-pixel-ratio:0) { 
.searchform {width:auto;}
#s { width:auto;}
button.sbtn{ top:18px; right:14px;}
}
@media (max-width: 479px) {
.f_right{ width:100% !important; margin:0 auto; padding:0px;}
.f_right p{ margin-bottom:10px; font-size:12px; line-height:16px; text-align:center;}
.f_right_email{ float:none; width:100%; margin:0 auto; display:block;}
a .f_right_submit{ float:none; margin:5px auto 0 auto !important;}

ul#ul_wholesale li{ font-size:13px;}
	
ul#ul_privacy{ width:100%;}
ul#ul_privacy li{ float:none; margin:0 0 5px 0; text-align:center;}

ul#ul_pdtlist.wtb li{ float:left; width:50%;}
}
@media (max-width: 320px) {
.input_midwidthcaptcha{width:60px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
}