/*全站*/
.hideobj{
display:none;
}
html {
-ms-overflow-style: scrollbar;
}
/*font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto', sans-serif;*/
* { -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{color:#161616; font-family:'Roboto', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; margin:0; padding:0; text-align:center; font-size:14px;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }sub { bottom: -0.25em; }
img{border:0; padding:0; margin:0; vertical-align: middle; max-width: 100%; width: auto\9; /* ie8 */}
form {margin:0;}
a{ color:#111; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
.txtNormal a{color:#141f4c;}
a:hover .txtNormal a:hover{text-decoration:underline; color:#86481a;}
#sidebar a:hover, #footer-wrap a:hover{ color:#86481a; text-decoration:none;}
a img {border:none;}
a:focus { -moz-outline-style: none; outline:none; text-decoration:none; color:#111;}
.table-container{width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em;}
.table-container::-webkit-scrollbar{ -webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb{ border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}
#container{background:#fff; overflow:hidden; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);}
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.wrap{margin:0 auto; width:1200px; text-align:left;}
/*---------------------header---------------------*/
#header{position:absolute; top:0; left:0; width:100%; z-index:1000}
#header a:hover{text-decoration:none;}
#lan ul, #register ul{list-style:none; margin:0; padding:0;}
#lan, #register {float:right; padding-top:8px; padding-bottom:14px;}
#lan li, #register li{float:left;}
#lan li a, #register li a{padding:4px 10px; display:block; color:#1c1c1c; font-size:13px; }
#logo{float:left; padding:45px 0 0 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} #logo_w{display:none;} #logo img{width:298px; height:40px;}
#search-wrap{float:right; clear:right; position:relative;}
#search-wrap>a{padding:10px; display:block; color:#fff; font-size:15px;}
#search-wrap2{right:0; position:absolute; width:300px; padding:8px 20px 2px 20px; background:rgba(255, 255, 255, 0.8);margin:2px 0 0;font-size:14px;text-align:left;list-style:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
#search-wrap2:before { position: absolute; top: -7px; right: 6px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color:rgba(0, 0, 0, 0.2); content: '';}
#search-wrap2:after { position: absolute; top: -6px; right:7px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: '';}
#nav{float:right;}
#nav>ul{list-style:none; margin:0; padding:0;}
#nav>ul>li{float:left; position:static}
#nav>ul>li>a{font-size:16px; color:#fff; padding:10px 12px; display:block; cursor:pointer; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);}
.body-E #nav>ul>li>a{padding:10px 10px;}
#nav>ul>li>a:hover, #nav>ul>li.open>a{text-decoration:none; color:#ed6d0f;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#nav>ul>li a .caret{display:none;}
#nav>ul>li li a{font-size:15px; color:#111;}
#nav>ul>li li a:hover{background:#b8b8b8; color:#fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.dropdown-menu .divider{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#nav .dropdown-menu{border-radius:0; width:100%; text-align:center; -webkit-box-shadow: 0 0px 8px rgba(0,0,0,.05); -moz-webkit-box-shadow: 0 0px 8px rgba(0,0,0,.05); box-shadow: 0 0px 8px rgba(0,0,0,.05); border:0; /*border-top:1px #eee solid;*/ background:rgba(255, 255, 255, 0.9); padding:10px 0;}
#nav .dropdown-menu ul{list-style:none; padding:0; margin:0;}
/*company*/
#nav #m1 .wrap{ padding-left:480px;} .body-E #nav #m1 .wrap{ padding-left:280px;}
#nav #m1 li li, #nav #m3 li li, #nav #m5 li li, #nav #m6 li li, #nav #m7 li li{float:left; margin-right:12px;}
#nav #m1 li li a, #nav #m3 li li a, #nav #m5 li li a, #nav #m6 li li a, #nav #m7 li li a{padding:6px 12px; display:block;}
/*products*/
#nav #m2 .wrap>ul{float:right;}
#nav #m2 li li{float:left; margin-right:12px;}
#nav #m2 li li a{padding:6px 12px; display:block;}
/*news*/
#nav #m3 .wrap{padding-left:480px;}
/*compress*/
#nav #m4 .wrap>ul{ float:right;}
#nav #m4 .wrap>ul>li.inmsg4{width:400px; float:left;}
#nav #m4 .wrap>ul>li.inmsg6{width:200px; float:left; margin-left:12px;}
#nav #m4 .wrap>ul>li a{padding:6px 12px; display:block;}
#nav #m4 .wrap>ul>li ul{margin-top:6px; border-top:1px #d9d9d9 solid; padding-top:4px;}
#nav #m4 .wrap>ul>li li a{font-size:14px; padding:5px 12px; display:inline-block;}
#nav #m4 .wrap>ul>li.inmsg4 li{width:50%; float:left;}
/*agency*/
#nav #m5 .wrap{padding-left:720px;} .body-E #nav #m5 .wrap{padding-left:600px;}
/*certificate*/
#nav #m6 .wrap{padding-left:825px;} .body-E #nav #m6 .wrap>ul{ float:right} .body-E #nav #m6 .wrap{padding-left:0;}
/*clean */
#nav #m7 .wrap{padding-right:20px;}
#nav #m7 .wrap>ul{float:right;}
#banner-wrap .wrap{position:relative;}
.swiper-slide{ width:100%;}
#maincarousel{width:160%; margin:0 -30%; position:relative;}
.container_product12 #nav > ul > li > a, .container_product12 #lan li a, .container_product12 #register li a, .container_product12 #search-wrap > a{color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.container_product12 #logo_b{display:none;}.container_product12 #logo_w{display:block;}
#middle>.wrap{padding:0 16px; }
/*----------------------side----------------------*/
#sidebar{width:22%; float:right;}
.container_product #sidebar{display:none;}
#side_menu{background:#f3f3f3;}
#side_menu .nav-header{font-size:16px; padding:12px 12px 8px 12px; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);}
#side_menu > ul{list-style:none; padding:0; margin:0; padding-bottom:6px;}
#side_menu > ul > li{margin-bottom:4px;}
#side_menu > ul > li > a{padding:4px 12px; display:block; font-size:14px;}
#side_menu > ul > li > ul{margin:0 ; padding:0; list-style:none;}
#side_menu > ul > li > ul > li > a{padding:3px 12px; display:block; font-size:13px;}
/*-----------------------content-------------------*/
#content{width:74%; float:left; margin-bottom:30px;}
.container_product #content{float:none; width:100%;}
.breadcrumb{background:none; border-radius: 4px; list-style: outside none none; margin-bottom: 20px; padding: 8px 2px; text-align:right; position:relative; z-index:30;}
#content .page-header{display:none; margin-top:0; border-bottom:0;}
#content .page-header.page-header-ex{display:block; }
#content .page-header h1{margin:0px 0 0 0; font-size:32px;}
.embed-responsive{margin-bottom:32px;}
.container_proShow .page-header{display:none;}
.container_proShow .breadcrumb{ padding-left:40%;}
#proShow-proimg-wrap, #proShow-info-wrap{display:none;}
.txtpro-cers{text-align:right;}
.txtpro-cers img{height:120px; margin-right:12px;}
.banner-txt-wrap{ position:absolute; top:110px; left:0; width:100%; padding:0 20px; z-index:20}
.banner-txt-wrap .banner-b-pro{float:left; width:40%; text-align:center;}
.banner-txt-wrap .banner-b-pro img{max-height:100%;}
.banner-txt-wrap .pro-name{float:right; font-size:40px; color:#313131; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5); width:50%; position:relative; margin-top:15%; text-align:right;}
.banner-txt-wrap .pro-no{float:right; color:#a9cb36; font-size:36px; clear:right; text-align:right;}
.banner-txt-wrap .page-header{border-bottom:0; text-align:right; position:relative; margin-top:18%;}
.banner-txt-wrap .page-header h1{margin:0; font-size:40px; color:#313131; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);}
.container_product12 .banner-txt-wrap .page-header h1{text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);}
.thumbnails{list-style:none; margin: 12px 0 24px 0; padding:0; }
.catelist{ width:33%; float:left; border-left:1px #eee solid; padding:0 20px; margin-bottom:36px; }
.catelist:nth-child(3n+1){clear:left; border-left:0;}
.product-cate .thumbnail{ border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none; padding:0;}
.product-cate .thumbnail:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.product-cate .thumbnail .listimg{float:right; width:35%; margin-top:24px; margin-bottom:12px; border:3px #f9f9f9 solid;}
.product-cate .thumbnail .listimg:hover{opacity:0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border:3px #eee solid; }
.product-cate .thumbnail .caption{ width:65%; float:right; padding:0 16px 0 0;}
.cate-name{margin-bottom:8px;}
.cate-name a{color:#5e1515; font-size:20px; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.4); }
.product-cate .thumbnail .caption .listtxtNormal ul{list-style:none; margin:0; padding:0;}
.product-cate .thumbnail .caption .listtxtNormal ul li{}
.product-cate .thumbnail .caption .listtxtNormal ul li a{font-size:14px; padding:2px 0; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.catelist-more{clear:both; text-align:right; padding-bottom:16px;}
.catelist-more a{width:22px; height:22px; font-size:12px; line-height:22px;
-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; display:inline-block; text-align:center; background:rgba(0, 0, 0, 0.26); color:#fff;}
.catelist-more a:hover{background:rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.prodlist{width:25%; float:left; padding:0 20px; margin-bottom:40px;} .prodlist:nth-child(4n+1){clear:left;}
.prodlist .thumbnail{border:0;}
.prodlist .listimg{margin-bottom:20px; display:table; height:200px; text-align:center; width:100%}
.prodlist .listimg a{ vertical-align:middle; display:table-cell}
.prodlist .cate-name a{font-size:16px;}
.tabbable {margin-top:26px;}
.tabbable .nav-tabs > li > a{padding:8px 60px 6px 60px; background:#f6f5f5; margin-right:0; border-radius:0; margin-top:6px; font-size:15px; border-bottom:1px #ddd solid;}
.tabbable .nav-tabs > li.active > a, .tabbable .nav-tabs > li.active > a:hover, .tabbable .nav-tabs > li.active > a:focus{ padding-top:14px; margin-top:0; background:#fff; border-bottom:1px #fff solid;}
.tabbable .tab-pane{padding:20px 6px;}
.tabbable .tab-pane .table{border-top:3px #e9e9e9 solid;}
.tabbable .tab-pane .table tbody th{background:#f6f6f6; text-align:right;text-shadow:1px 1px 1px rgb(150 150 150 / 50%); } #contentprod2.tab-pane .table tbody th{width:30%;}
.tabbable .tab-pane .table tbody th, .tabbable .tab-pane .table tbody td{padding:10px 16px; border-top:1px #fff solid; border-bottom:1px #e9e9e9 solid;}
.tabbable .tab-pane h3{color:#601414; font-size:20px; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);}
.tab-pane ul{list-style:disc;}
.txtNormal h2{color:#0068aa;}
.txtNormal h3{color:#df4400;}
.txtNormal h4{color:#5f8700;}
.txtNormal p{margin:10px 0 32px 0;}
.txtNormal-pro1, .txtNormal-pro2{margin-bottom:24px;}
.agency-all-wrap:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.agency-wrap{width:46%; float:left; margin:0 2% 24px 2%; border:1px #eee solid; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; padding:12px;}
.agency-wrap:nth-child(2n+1){clear:left;}
.agency-wrap:hover{background:#f9f9f9; transition:all 0.3s; border-color:#ddd;}
/*--------------------- top btn -----------------------*/
.btntop-wrap{text-align:center; margin:20px 0; clear:both;}
#btntop{ border:4px #dfdfdf solid; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; display:inline-block; margin:0 auto; width:60px; height:60px; padding-top:8px; color:#999; text-transform:uppercase; transition: all 0.8s;}
#btntop i{display:block; font-size:15px}
#btntop:hover{text-decoration:none; border:4px #777 solid; color:#666 ;}
/*-----------------------footer-------------------*/
#footer-wrap{background:#44c1f1; padding:1px 0;}
#footer-wrap .wrap{padding:30px 16px 20px 16px;}
#footer-nav{float:left; font-size:15px; width:30%;} .body-E #footer-nav{float:left; font-size:15px; width:40%;}
#custnav1, #custnav2{width:48%; float:left;}
#footer-nav ul{margin:0; padding:0; list-style:none;}
#footer-nav ul li a{text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5); padding:3px 2px; display:block;}
#footer-nav ul li li a{text-shadow:none; font-size:14px; padding:2px 2px; display:block;}
#custnav1 > .nav-header{display:none;}
#footer-info{float:right; text-align:right; padding-top:26px; font-size:13px;}
#footer-logo{margin-bottom:8px;}
#service-tel{font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:34px; }
#service-tel span{background:#cccccc; padding:1px 6px; display:inline-block; font-size:14px; position:relative; top:-10px; margin-right:8px;}
.body-E #service-tel span{content:'Service Line';}
#footer-info-list1, #footer-info-list2{list-style:none; margin:0 0 6px 0; padding:0;}
#footer-info-list1 li{display:inline;}
.cominfotel, .cominfofax{display:inline;}
#footer-info-list2 li{display:inline;}
#footer-info-list2 li:after{content:', ';}
#footer-info-list2 li:last-child:after{content:' ';}
#footer-info-list2:before{content:'Designed by ';}
#footer-line{background:#0075c1; height:12px; position:relative; margin-top:20px; margin-bottom:8px;}
#footer-line2{background:#ed6d0f; height:12px; position:absolute; top:0; width:50%; left:0;}
/*會員登入項目*/
#login-tabs li{ background:none;}#login-tabs a{ color:#000; background:none;}#login-tabs a:hover,#login-tabs a:focus{ text-decoration: underline; background:none; color:#000;}
/**表單元素**/fieldset.over-border { border: 1px solid #ccc !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.4em 0 !important; border-radius: 16px;}legend.line-border { font-size: 16px !important; text-align: left !important; width:inherit; border-bottom:none;}.red{ color: #cc0000;}.radio-inline input[type='radio'] { margin-left: -20px; float: left;}.radio-inline { padding-left: 20px; font-weight: normal; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer;}.help-inline{ vertical-align: middle; display: inline-block; padding-top:5px; float:left; padding-left:0px; cursor: default;}.control-label{ cursor: default;}.form-show .control-label{ width:auto; margin-right:3px;}.form-show .input-small{ padding:4px 0px;}.form-show .input-prepend { clear:both;}fieldset.instep-border { border: 1px solid #ccc !important; padding: 0 16px 16px 16px !important; margin: 0 0 16px 0 !important; border-radius: 15px; /*圓角*/ background:#eeeeee; height:100px; font-weight:bold; color:#000000; text-align: center;}fieldset.step-border { border: 1px solid #ccc !important; padding: 0 16px 16px 16px !important; margin: 0 0 16px 0 !important; border-radius: 15px; /*圓角*/ height:100px; text-align: center;}legend.stepline-border { text-align: center !important; width:inherit; border-bottom:none;}.enlarge{clear:both;}
@media only screen and (max-width : 480px) { .navbar-inner li {display:block; width:100%;}}
/*--內容區--*/
/*麵包屑*/
#content .breadcrumb { text-shadow: none;}#content .breadcrumb li { text-shadow: none;}#content .breadcrumb li a { text-shadow:none; text-decoration: none;}#content .breadcrumb li a:hover { text-shadow: none; background:none; text-decoration: underline;}
#content .breadcrumb li .divider{ text-shadow:none; background:none;}
/*產品介紹頁*/
#pb_area{overflow:hidden;}
.thumbnail img{ margin-right: auto; margin-left: auto; display:block; max-width: 100%;}
.input-group { display: table; padding-bottom:10px; width: 100%;}
.input-group .form-control { margin-bottom: 0px;}
.clear{ clear:both;}
#lineqty{ width:30%;}
.showsmall ul { padding: 0px; margin: 0px; list-style: none;}.showsmall li { float:left;}.showsmall li img { margin: 3px; padding:3px; width:50px;}
/*頁籤**/.nav-tabs .active a{ font-weight:bold;}
/*訊息用*/.msgcont{ text-overflow:ellipsis; white-space:nowrap; margin:10px;}
.msg_img_title { width:30%;}
/*尾檔*/#cominfo ul li { display:inline-block;}
/*首頁用*/#index_msg_ul a{ background:#eee; padding:8px 15px; font-size:16px; color:#000;}#index_msg_ul a:hover{ background:#eee; padding:8px 15px; font-size:16px; color:#000;}#index_msg_ul .msgcont{}#idxprocarousel .span{small_class} .item { height : {small_height}px; text-align : center; /* Firefox, Chrome */ line-height : {small_height}px; /* IE */ *font-size : 180px; /* 200px * 0.9 = 180px */}#idxprocarousel img { vertical-align : middle;}#idxprocarousel .caption { background : #666; padding : 5px;}#idxprocarousel .caption a { color : #fff;}
.arrow-left, .swiper-button-prev { position: absolute; left: 1%; top: 40%; width: 17px; height: 30px;z-index:99;}.arrow-right, .swiper-button-next { position: absolute; right: 1%; top: 40%; width: 17px; height: 30px;z-index:99;} .page-banner, .swiper-pagination{ position: absolute; left: 0; z-index:99; text-align: center; bottom:0; width: 100%;}.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}.swiper-active-switch { background: #fff;}
/*----------------- sidebar -------------------*/
.sb-toggle-right{ padding:12px 10px 8px 50px; float:right; position:relative; cursor:pointer; clear:right; display:none;} .body-T .sb-toggle-right{padding-left:40px;}
.sb-toggle-right>span{ position:absolute; left:0; font-size:14px; text-transform:uppercase; color:#fff; display:block; }
.navicon-line { background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; height: 3px; margin-bottom: 4px; width: 24px;}
.container_product12 .sb-toggle-right>span{color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.container_product12 .navicon-line{background-color: #fff; -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);}
.sb-slidebar{text-align:left; font-size:14px; color:#444; background:#e7e7e7 }
.sb-slidebar a{color: #222; }
/* Main Menu */
.sb-menu, .sb-menu ul { padding: 0; margin: 0; list-style-type: none;}
.sb-menu li { width: 100%; padding: 0; margin: 0; }
.sb-menu>li{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}.sb-menu>li>a{position:relative;}
.sb-menu li a { width: 100%; display: block; font-weight:normal; cursor:pointer; font-size:15px; padding:0.7em 1em; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3); border-right: 3px solid transparent;}
.sb-menu li a:hover { text-decoration: none; color:#000; border-right: 3px solid ; background:rgba(255, 255, 255, 0.25)}
.sb-menu li li a{font-size:14px; padding:0.5em 1.1em; text-shadow:none;}
.sb-menu li li li a{font-size:13px;}
.sb-menu ul{padding-bottom:0.2em;}
.sb-menu ul ul{padding-left:0.6em;}
/* Submenus */
.sb-submenu { display: none; background:#e7e7e7;}
/* Caret */
i.sb-caret {width: 0; height: 0; display: inline-block; position:absolute; top:20px; right:12px; margin: 0 5px; border: 3px solid transparent; border-top: 3px solid; border-bottom: 0px solid transparent;}
.sb-submenu-active > i.sb-caret { border-top: 0px solid transparent; border-bottom: 3px solid;}
.sb-title{ border-top: 1px solid rgba(0, 0, 0, 0.1); padding:0.8em 1em; display:block; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
#left-search{border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding:1em;}
#left-search .input-group{margin-bottom:0;}
#left-member-wrap ul, #left-lan ul{list-style:none; padding:0; margin:0;}
#left-member-wrap ul li a, #left-lan ul li a{padding:0.5em 1em; display:block; font-size:13px;}
@media (max-width : 1199px) {
.wrap{width:100%;}
.sb-toggle-right{display:inline;} #left-search, #left-member-wrap, #left-lan{display:none;}
#search-wrap{margin-right:10px; clear:none}
#nav{display:none;}
#DIV_SMALL{
width:800px;
height:600px;
position:absolute;
top:20px;
left:40px;
}
}
@media (max-width:1023px){
#sidebar{display:none;}
#content{width:100%; float:none;}
.banner-txt-wrap .pro-name{font-size:36px; margin-top:12%;}
.banner-txt-wrap .pro-no{font-size:28px;}
.banner-txt-wrap .page-header{ margin-top:12%;}
.banner-txt-wrap .page-header h1{font-size:36px;}
#footer-nav{width:40%;} .body-E #footer-nav{width:50%;}
#footer-info{width:55%;} .body-E #footer-info{width:48%;}
.catelist{ width:50%; }
.catelist:nth-child(3n+1){clear:none; border-left:1px #eee solid;}
.catelist:nth-child(2n+1){clear:left; border-left:0;}
.prodlist{width:33%;}
.prodlist:nth-child(4n+1){clear:none;}
.prodlist:nth-child(3n+1){clear:left;}
}
#DIV_SMALL{
width:640px;
height:480px;
position:absolute;
top:0px;
left:40px;
}
@media (max-width: 979px) { /*bootstrap width 724px */
#footer-nav, .body-E #footer-nav{float:none; width:auto; margin:-30px -16px 12px -16px; padding:30px 16px 24px 16px; position:relative; background:rgba(255, 255, 255, 0.2);}
#footer-nav:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
/*#custnav1, #custnav2{float:none; width:auto;}*/
#footer-info, .body-E #footer-info{float:none; width:auto; text-align:left;}
#footer-line{margin-top:0px;}
#index-banner{height:370px!important} .hei-full .fp-section . fp-table active{height:370px!important}
.fp-tableCell{height:370px!important}
}
@media (max-width : 768px) {
.sb-site, .sb-site-container{padding:0;}
#left-member-wrap, #left-lan, #left-search{display:block;}
#search-wrap{display:none;}
#lan, #register{display:none;}
#header{padding-top:15px;}
#logo{padding-top:0;} #logo img{height:35px; width:261px;}
.banner-txt-wrap{top:60px;}
.banner-txt-wrap .pro-name{font-size:30px; }
.banner-txt-wrap .pro-no{font-size:24px;}
.banner-txt-wrap .page-header{ margin-top:15%;}
.banner-txt-wrap .page-header h1{font-size:30px;}
.txtpro-cers img{height:100px;}
.tabbable .nav-tabs > li > a{padding:8px 30px 6px 30px;}
#index-banner{height:200px!important} .hei-full .fp-section . fp-table active{height:200px!important}
.fp-tableCell{height:200px!important}
#DIV_SMALL{
width:240px;
height:180px;
position:absolute;
top:-50px;
left:40px;}
}
@media (max-width: 767px) { /*bootstrap width auto */
.prodlist{width:50%;}
.prodlist:nth-child(3n+1){clear:none;}
.prodlist:nth-child(2n+1){clear:left;}
}
@media (max-width : 720px){
}
@media (max-width : 600px){
.banner-txt-wrap .pro-name, .banner-txt-wrap .pro-no{display:none;}
#proShow-info-wrap{display:block;}
#proShow-info-wrap .pro-name{color: #313131; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3); font-size:32px;}
#proShow-info-wrap .pro-no{color:#a9cb36; font-size:26px;}
.txtpro-cers img{height:80px;}
.tabbable .nav-tabs > li > a{padding:8px 20px 6px 20px;}
.catelist, .catelist:nth-child(2n+1), .catelist:nth-child(3n+1){ width:100%; float:none; border-left:0; transition: all 0.5s ease 0s;}
.catelist:hover{ background:rgba(50, 50, 50, 0.02)}
.cate-name{padding-top:8px;}
.prodlist .listimg{height:160px;}
}
@media (max-width : 480px){
#logo img{height:30px; width:223px;}
.sb-toggle-right{padding-top:8px; padding-bottom:4px;}
#search-wrap{display:none;}
#left-search{display:block;}
.banner-txt-wrap .page-header{display:none;}
#content .page-header{display:block;}
#content .page-header h1{ font-size:28px; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
.container_proShow #content .page-header{display:none;}
#proShow-info-wrap .pro-name{font-size:28px;}
#proShow-info-wrap .pro-no{font-size:24px;}
.banner-txt-wrap .banner-b-pro{display:none;}
#content #proShow-proimg-wrap{display:block; height:400px; overflow:hidden;}
#proShow-proimg-wrap #pb_area, #proShow-proimg-wrap .swiper-product, #proShow-proimg-wrap .swiper-wrapper #proShow-proimg-wrap .swiper-slide{height:100%;}
#content #proShow-proimg-wrap img{max-height:100%;}
.tabbable .nav-tabs > li > a{padding:8px 10px 6px 10px;}
.txtpro-cers img{height:60px;}
.prodlist{width:100%; float:none; clear:none;}
.prodlist .listimg{height:200px;}
.body-E #custnav1, .body-E #custnav2{width:auto; float:none;}
#footer-nav ul li{margin-bottom:4px;}
#footer-nav ul li li{margin-bottom:0;}
}
@media (max-width : 360px){
}
@media (max-width : 320px){
}