@charset 'utf-8';

.sub{width:100%; }
.sub .txt-wrap { padding:10px 0; color:#666;}
.sub h3 {font-size:18px; font-weight:bold;  line-height:1.2; margin:20px 0; }
.sub h3:before {display:inline-block; width:4px; height:20px; background:#207cbc; content:''; margin: 0px 10px -5px 0;}
.sub .txt-wrap .img-box {border: 1px solid #ccc; text-align:center; padding: 10px 0; margin:20px 0;}
.sub .txt-wrap .img-box h4 {font-size:18px; font-weight:bold;  padding:10px; color:#207cbc}
.sub .txt-wrap .txt-box {border: 1px solid #ccc; padding: 30px; font-size:14px; line-height:1.4; background:#f9f9f9;}
.sub .txt-wrap table {border: 1px solid #aaa; width:100%; font-size: 13px; background:#fff; border-collapse:collapse;  text-align:center;}
.sub .txt-wrap table th {background:#eee; color:#000; border: 1px solid #ccc; padding:15px 10px;}
.sub .txt-wrap table td {border: 1px solid #ccc; padding:10px 10px;}
.sub .txt-wrap table td.str {background:#f9f9f9}
.sub > img {display:block; margin:0 auto;}
.range-wrap .sub {display:none;}
.range-wrap .sub.on {display:block;}
   .tabs-btn {
	margin:20px 0;
   }
   .tabs-btn li {
      display: inline-block;
      margin: 0 5px 5px 0;
      text-align: center;
      padding: 15px 20px;
      background: #aaa;
      border-radius: 5px;
      color: #fff;
      font-size: 13px;
    }
    
 .tabs-btn li:last-child {
      margin-right: 0;
    }
    
 .tabs-btn li.on {
      background: #328ff6;
    }
    
 .tabs-btn li a {
      display: block;
	  color:#fff;
	  font-size:18px;
	  font-weight:500px;
	  text-decoration:none;
    }
.sub .thumb {width:100%}
.sub .thumb:after{display:block; content:''; clear:both;}
.sub .thumb li {float:left; text-align:center; width:25%;box-sizing: border-box; padding: 5px;}
.sub .thumb li img {display:block; margin:0 auto 10px; height:129px; max-width:100%;}
.sub .thumb p {font-size:13px; padding: 10px; word-break: keep-all;}
.sub .thumb + p {padding-top:20px;}