/* CSS Document */
.width-sys{width:98%; max-width:1180px; margin:auto;}
.list-box li{ width:32%; float:left; margin-right:2%; text-align:center; list-style:none; padding:10px 0;}
.list-box li:nth-child(3n){ width:32%; float:left; margin-right:0%;}
.list-box li:after{ content:" "; clear:both; display:block;}
.list-box li a img{width:100% !important; height:auto;}
.list-box{ padding:0 10%; margin:0;}
.list{ border:1px solid #ccc;}
.list:after{content:" "; clear:both; display:block;}
.list:hover{ border:1px solid rgba(0,108,223,1.00);}
.list h1{ background:rgba(0,108,223,1.00); margin:0; padding:8px; line-height:30px; font-size:18px; font-weight:normal;}
.list p{ background:rgba(0,108,223,.8); margin:0; padding:8px; line-height:20px; font-size:14px; font-weight:normal;}
.list a{ color:#fff; text-decoration:none;}
@media all and (max-width:768px){
	.list-box li{ width:48%; float:left; margin-right:2%; text-align:center; list-style:none; padding:10px 0;}
.list-box li:nth-child(3n){ width:48%; float:left; margin-right:2%;}
.list-box li:nth-child(2n){  margin-right:0%;}
.list-box li:after{ content:" "; clear:both; display:block;}
.list-box li a img{width:100% !important; height:auto;}
.list-box{ padding:0 10%; margin:0;}
.list{ border:1px solid #ccc;}
.list:after{content:" "; clear:both; display:block;}
.list:hover{ border:1px solid rgba(0,108,223,1.00);}
.list h1{ background:rgba(0,108,223,1.00); margin:0; padding:8px; line-height:30px; font-size:18px; font-weight:normal;}
.list p{ background:rgba(0,108,223,.8); margin:0; padding:8px; line-height:20px; font-size:14px; font-weight:normal;}
.list a{ color:#fff; text-decoration:none;}
	}
	@media all and (max-width:480px){
	.list-box li{ width:98%; float:left; margin-right:1%; margin-left:1%; text-align:center; list-style:none; padding:10px 0;}
.list-box li:nth-child(3n){width:98%; float:left; margin-right:1%; margin-left:1%}
.list-box li:nth-child(2n){width:98%; float:left; margin-right:1%; margin-left:1%}
.list-box li:after{ content:" "; clear:both; display:block;}
.list-box li a img{width:100% !important; height:auto;}
.list-box{ padding:0 1%; margin:0;}
.list{ border:1px solid #ccc;}
.list:after{content:" "; clear:both; display:block;}
.list:hover{ border:1px solid rgba(0,108,223,1.00);}
.list h1{ background:rgba(0,108,223,1.00); margin:0; padding:8px; line-height:30px; font-size:18px; font-weight:normal;}
.list p{ background:rgba(0,108,223,.8); margin:0; padding:8px; line-height:20px; font-size:14px; font-weight:normal;}
.list a{ color:#fff; text-decoration:none;}
	}

.detail_left{ float:left; width:30%;}
.detail_right{ float:right; width:68%; text-align:center;}
.detail_right img{ max-width:100%;}
.detail-lab{ padding:20px; background:rgba(217,217,217,.5); min-height:300px; font-size:18px;}
.detail_left h1{ background:rgba(0,108,223,1.00); padding:20px; text-align:center; margin:0; color:#fff;}
.detail-lab label{padding:4% 1%; display:block;}
.detail-labx{ background:rgba(255,158,0,1.00); color:#fff; padding:20px; font-size:18px;}
@media all and (max-width:768px){
	.detail_left{ float:left; width:100%;}
.detail_right{ float:right; width:100%; text-align:center;}
.detail-lab{ padding:20px; background:rgba(217,217,217,.5); min-height:auto; font-size:18px;}
.detail-lab:after{content:" "; clear:both; display:block;}
.detail_left h1{ background:rgba(0,108,223,1.00); padding:20px; text-align:center; margin:0; color:#fff;}
.detail-lab label{padding:4% 1%; display:block; width:30%; float:left}
.detail-labx{ background:rgba(255,158,0,1.00); color:#fff; padding:20px; font-size:18px;}
	}
	@media all and (max-width:300px){
	.detail_left{ float:left; width:100%;}
.detail_right{ float:right; width:100%; text-align:center;}
.detail-lab{ padding:20px; background:rgba(217,217,217,.5); min-height:auto; font-size:18px;}
.detail-lab:after{content:" "; clear:both; display:block;}
.detail_left h1{ background:rgba(0,108,223,1.00); padding:20px; text-align:center; margin:0; color:#fff;}
.detail-lab label{padding:4% 1%; display:block; width:46%; float:left}
.detail-labx{ background:rgba(255,158,0,1.00); color:#fff; padding:20px; font-size:18px;}
	}
.detail-lab input[type="checkbox"] {position: relative;-webkit-appearance: none;height: 20px;width: 20px;margin:1px 0px; margin-left:5px;margin-right: 5px;vertical-align: top;}
.detail-lab input[type="checkbox"] {-webkit-transition: border-color 0.2s;-o-transition: border-color 0.2s;-moz-transition: border-color 0.2s;transition: border-color 0.2s;}
.detail-lab input[type="checkbox"]{border: 1px solid #c2beb4;background-color: #fff;color: #000; margin-top:1px;}
.detail-lab input[type="checkbox"]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
.detail-lab input[type="checkbox"]:checked:before {content: "";position: absolute;font-size:1em;left: 0px; bottom:0;text-align: center;width:20px; height:20px; background: url(../images/checked.png);}

.detail-content{font-size:18px;}
.detail-content img{width:60%; margin:auto; display:block}
@media all and (max-width:768px){
	.detail-content img{width:100%; margin:auto;}
	.detail-content{font-size:14px;}}
	.return-btn{ background:rgba(223,223,223,.5); border:1px solid #ccc; border-radius:5px; padding:8px 15px; color:#333; text-decoration:none; font-size:14px;}
	.return-btn:hover{ background:rgba(223,223,223,1.00)}
	
	.detail-content  .width-sys{width:80%;}