@charset "utf-8"; 
#products .wp-inner-content{display:block; margin:0 20px; text-align: left;}

#products .title-bn-content{ background:url(../images/products_banner.png) 0 -100px no-repeat; }
#products .title-bn-content-inquiry{ background:url(../images/inquiry_banner.png) 0 -100px no-repeat; }

ul{list-style:none}
.demo{width: 230px; margin: 0px auto; padding: 10px 0; float: left;}
.nav {width: 213px; text-align: left; margin: 5px 0; position: relative; font-family: "Microsoft yahei", Arial, Helvetica, sans-serif;} 
ul.nav {padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none;} 
ul.nav li {} 
ul.nav li a { line-height: 30px;}
ul.nav li a:hover { color:white;}
ul.nav ul { background: #edf7f7; margin: -1px 0 10px 0; padding: 10px 0; display: none; border-top: 1px solid #afbfc0; border-bottom: 1px solid #afbfc0;} 
ul.nav ul li { margin: 0; padding: 0; clear: both;} 
ul.nav ul li a { color:#0b888d; padding-left: 20px; font-size: 14px; font-weight: normal;}
ul.nav ul li a:hover {color:#0b888d;} 
ul.nav ul ul li a {color:#999; padding-left: 40px;} 
ul.nav ul ul li a:hover { color:#333;} 
ul.nav span{ display: none;}

#products .title-img-tw{ display:block; color: #24939e; float: right; font-size:22px; top: 40px; position: relative; z-index: 888; margin: -15px 20px 0 0;}
#products .title-img-en{ color: #24939e; font-size:30px 'neo_sanslight'; top: 70px; position: absolute; z-index: 888; float: right; right: 20px;}

.slide_wp{ display:block; text-align:center; width: 750px; float: right; margin: 0; }
.slideshow{position:relative; display: inline-block; height:200px; width:360px; margin: 5px;}
.slideshow li{position:absolute;}
.slideshow a img{display:block; padding:0; margin:0 auto; border: 1px solid #afbfc0;}
.slideshow li a{display:block}

.pr_detail_list li{ width: 180px; height: 220px; display: inline-block; margin: 0 0 50px 0; color: #24939e; }
.pr_detail_list li span{ margin: 10px 5px; display: block;}
.pr_detail_list li img{ width: 180px; }
.pr_detail_list li:hover .btn-add-car { display: block; }
.pr_detail_list li p{ color: #24939e; }

.btn-add-car{display: none; color: #fff; background: url(../images/btn-add.png) no-repeat 5px rgba(13,137,142,0.8); width: 170px; height: 50px; margin: 170px 0 0 0; font-size: 14px; font-weight: bold; line-height: 55px; position: absolute; padding: 0 10px 0 0; text-align: right;}
.btn-add-car2{display: block; color: #fff; background: url(../images/btn-add.png) no-repeat 5px rgba(13,137,142,0.8); width: auto; height: 50px; margin: 0 0 20px 0; font-size: 16px; font-weight: bold; line-height: 55px;}
.btn-add-car2 a{color: #fff}

.showbox_wp{ display:block; text-align:center; width: 400px; float: left; margin: 0 0 50px; }
.showbox{width:400px; }
.showbox img{width:400px; }
.abgne-block{margin-top:10px; width:100%; overflow:hidden}
.abgne-block a img{width:60px; border:1px solid #ddd; vertical-align:middle; margin: 5px;}
.abgne-block a img:hover{ border:1px solid #0b888d; }

.pr_det_text_top{ margin: 60px 0 0 0 ; }
.pr_det_info{ float: left; margin: 60px 0 0 30px; width: 320px;}
.det_info { margin: 20px 0; line-height: 26px;}
.det_info li { display: flex; color: #0b888d; text-align: left;}
.det_info li span{ display: inline-table; }
.det_info li p{ color: #333333; text-align: left;}
.pr_det_info2{ display: inline-block; }
.det_text{ text-align: left; line-height: 24px; margin: 50px 0 15px; }
.det_text img , .title-unit img { width: auto; height: auto;}

/*pr_包裝*/
.pr_package li{ width: 110px; height: 135px; display: inline-block; margin: 0 5px 20px; color: #24939e;  }
.pr_package li span{ margin: 10px -1px; display: block;}
.pr_package li img{ width: 110px; height: 135px; }
.pr_package li p{ color: #24939e; }

/*inquity_包裝*/
.pr_package-s{ background: #fffcd8; padding: 15px 0; }
.pr_package-s li{ width: 120px; height: 135px; display: inline-block; margin: 20px 5px 20px; font-size: 15px; color: #24939e;  }
.pr_package-s li span{ display: block;}
.pr_package-s .tit{ float: left; margin: 20px; font-size: 20px; }
.pr_package-s li img{ width: 110px; height: 135px; margin: 0 0 15px;}
.pr_package-s li p{ color: #24939e; }
.pr_package-s li label{ color: #24939e; }

/*inquiry_car*/
.inquiry-table{ width: 90%; margin: 30px auto 0; }
.title_name p{ border-bottom:2px solid #ebd769; float: left; padding: 0 0 5px; font-size: 20px;}

.title_tr1{ border-bottom: 2px solid #ddd;}
.title_th1{ width: 20%; }
.title_th2{ width: 20%; }
.title_th3{ width: 50%; }

.n_th1-1{ margin: 20px 0; text-align: left;}
.n_th2-2{ margin: 20px 0; text-align: left; border-top: 1px solid #ddd; padding: 20px 0 0 0;}
.n_th3-3{ margin: 20px 0; text-align: left; width: 520px; border-top: 1px solid #ddd; padding: 20px 0 0 0;}
.n_th3-3 ul li{ display: inline-block; height: 25px; margin: 0 -5px 15px 0px;}

.title_text img{ width: 110px; }
.title_text p{ margin: 20px 0; color:#24939e;}
.icon_close{ background: url(../images/close.png) 0 0; width: 32px; height: 32px; display: block; float: right;}
.list-bar-btn{ text-align: center;  margin: 20px 0 10px;}

/* Landscape and down
===============================*/
@media (min-width:1080px){
#products .wp-inner-content{display:block; width:1020px; margin:0 auto; text-align: left;}

}
@media (max-width:1080px){
#products .wp-inner-content{display:block; width:980px; margin:0 auto; text-align: left;}

}

@media (max-width:1024px){
#products .wp-inner-content{display:block; width:820px; margin:0 auto; text-align: left;}
.demo{ display: none; }
.slide_wp{ width: 800px; margin: 0 auto;}
.slideshow{width:250px; height: 140px;}
.slideshow a img{width: 250px;}
}

@media (max-width:820px){
#products .wp-inner-content{display:block; width:570px; margin:0 auto; text-align: left;}
.demo{ display: none; }
.slide_wp{ width: 570px; }
.slideshow{width:250px; height: 140px;}
.slideshow a img{width: 250px;}
.pr_det_info{ width: auto;}
.det_text img , .title-unit img { width: 560px; height: auto;}

}


@media (max-width:570px){
#products .wp-inner-content{display:block; width:360px; margin:0 auto; text-align: left;}
.slide_wp{ width: 360px; float: left; margin: 0 auto;}
.slideshow{ height:200px; width:360px;}
.slideshow a img{width: 360px;}
.title_th1{ width: 40%; }
.title_th2{ width: 40%; padding: 0 10px;}
.title_th3{ width: 20%; }
.showbox_wp{ display:block; text-align:center; width: 246px; float: left; margin: 0 50px; }
.det_text img , .title-unit img { width: 360px; height: auto;}

}
@media (max-width:480px){
#products .wp-inner-content{display:block; width:320px; margin:0 auto; text-align: left;}
.slide_wp{ width: 320px; float: left; margin: 0 auto 50px;}
.slideshow{ height:200px; width:300px;}
.slideshow a img{width: 300px;}
.showbox{width:240px; }
.showbox img{width:240px; }
.title_text img{ width: 60px; }
#products input.text {margin: 0 0 60px;}
.det_text img , .title-unit img { width: 300px; height: auto;}

}