#banner-subpage{background-image:url("/ui/default/img/banner-subpage.jpg");}

div.product-content div.fl{width:15%; min-width:160px; box-sizing:border-box; background-color:#f1f1f1;}

div.product-content div.fl div.title{line-height:60px; width:100%; background-color:#FF7300; color:#FFF; text-align:center; font-size:20px; letter-spacing:6px; border-bottom:4px #a43c00 solid;}
div.product-content div.fl ul.list{display:block; width:88%; margin:20px auto;}
div.product-content div.fl ul.list>li{display:block; width:100%; margin-bottom:16px;}
div.product-content div.fl ul.list>li>a{display:block; box-sizing:border-box; width:100%; line-height:36px; border:1px #DDD solid; text-align:center; color:#666; font-size:16px; font-weight:lighter; transition:0.5s;}
div.product-content div.fl ul.list>li>a:hover{border:1px #FF7300 solid; color:#FFF; background-color:#FF7300; border-radius:6px;}
div.product-content div.fl ul.list>li>ul{margin:5px auto; width:90%; border-radius:8px; background-color:#ddd;}
div.product-content div.fl ul.list>li>ul>li{border-bottom:1px #f9f9f9 solid;}
div.product-content div.fl ul.list>li>ul>li:last-child{border-bottom:0;}
div.product-content div.fl ul.list>li>ul>li>a{display:block; width:100%; line-height:30px; color:#666; font-weight:lighter; text-align:center; font-size:12px; transition:0.5s;}
div.product-content div.fl ul.list>li>ul>li>a:hover{color:#FF7300;}

div.product-content div.fl div.contact{width:100%; box-sizing:border-box; padding:30px 0 30px 50px; background-color:#E1E1E1; font-size:24px; color:#666; background-image:url("../img/icon-tel.png"); background-repeat:no-repeat; background-position-x:20px; background-position-y:center;}

@media screen and ( min-width:1920px ) {
    div.product-content div.fl div.contact{font-size:24px;}
}
@media screen and ( max-width:1920px ) {
    div.product-content div.fl div.contact{font-size:16px;}
    div.product-content div.fl ul.list li a{font-size:14px;}
}
@media screen and ( max-width:1200px ) {
    div.product-content div.fl div.contact{font-size:14px;}
    div.product-content div.fl ul.list li a{font-size:14px;}
}

div.product-content div.fr{box-sizing:border-box; width:80%; min-width:780px;}

div.product-content div.fr ul.list{display:block; width:100%; border:1px #EEE solid; padding:40px 0;}
div.product-content div.fr ul.list li{display:block; float:left; width:28%; margin-left:4%; margin-bottom:40px; background:#f6f6f6;}
div.product-content div.fr ul.list li a{display:block; box-sizing:border-box; width:100%; border:1px #eee solid; padding:10px; transition:0.5s;}
div.product-content div.fr ul.list li a img{width:100%;}
div.product-content div.fr ul.list li a h5{line-height:40px; text-align:center; font-size:14px; color:#888; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.5s;}
div.product-content div.fr ul.list li a h6{line-height:24px; text-align:center; font-size:12px; color:#888; border-top:1px #EEE solid; transition:0.5s;}

div.product-content div.fr ul.list li a:hover{border:1px #FF7300 solid; border-radius:6px; box-shadow:0px 0px 5px #888888;}
div.product-content div.fr ul.list li a:hover h5{color:#FF7300;}
div.product-content div.fr ul.list li a:hover h6{color:#FF7300; border-top:1px #FF7300 solid;}


div.product-detail{width:100%; padding:0 0 15px 0;}
div.product-detail h1{font-size:26px; font-weight:bold; text-align:center; line-height:60px; border-bottom:1px #DDD solid;}
div.product-detail h6{font-size:14px; font-weight:lighter; text-align:center; line-height:30px;}
div.product-detail div.content{margin:40px auto 20px auto; width:96%; box-sizing:border-box; border:1px #EEE solid; border-top-width:4px; padding:30px;}
div.product-detail div.content p{margin-bottom:6px;}
div.product-detail div.content img{max-width:80%;}
div.product-detail div.img-show{margin:40px auto 20px auto; width:70%; max-width:500px;}
div.product-detail div.img-show img{width:100%;}


div.product-nav-links{box-sizing:border-box; margin:10px auto; width:96%; padding:20px 30px; border-top:1px #DDD dotted;}
div.product-nav-links p{color:#888; font-size:16px;}
div.product-nav-links p span{color:#aaa;}
div.product-nav-links a{color:#888; font-size:16px; transition:0.5s;}
div.product-nav-links a:hover{color:#FF7300;}


div.product-detail-list{width:96%; box-sizing:border-box; margin:30px auto 0 auto; padding:30px; border:1px #EEE solid;}
div.product-detail-list a{float:left; display:block; box-sizing:border-box; width:23%; margin-left:2.6666%; padding:8px; border:1px #EEE solid; background-color:#FFF; transition:0.5s;}
div.product-detail-list a:first-child{margin-left:0;}
div.product-detail-list a img{width:100%;}
div.product-detail-list a h5{text-align:center; color:#666; font-size:14px; line-height:40px;}
div.product-detail-list a:hover{border:1px #FF7300 solid;}
div.product-detail-list a:hover h5{color:#FF7300;}

div.product-detail div.content table{border-width:1px; border-color:#CCC; border-collapse:collapse; width:100%; margin:0 auto;}
div.product-detail div.content table tr{background-color:#F9F9F9; color:#333333; transition:0.5s;}
div.product-detail div.content table tr:nth-child(odd){background-color:#F1F1F1;}
div.product-detail div.content table td{border-width:1px; padding:12px 8px; border-style:solid; border-color:#CCC; font-size:12px; font-weight:lighter; text-align:center; transition:0.5s;}
div.product-detail div.content table tr:hover td{background-color: #ffd7c1; font-weight:bold;}
div.product-detail div.content table tr>td:nth-child(2){text-align:left;}