@charset "utf-8";

/*common*/
html, body{height: 100%;}
html, button, input, select, textarea { color:#000; }
body { font-size:1em; line-height:1.4;}
a { color:#000; }
a:visited { color:#000; }
a:hover { color:#000; }

fieldset { border:0; margin:0; padding:0; }
textarea { resize:vertical; }
i, em, address { font-style:normal; font-weight:normal; }
caption,hr,legend,.skip {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

.nocallout { -webkit-touch-callout:none; }
.pressed { background-color:rgba(0, 0, 0, 0.7); }

textarea[contenteditable] { -webkit-appearance:none; }

.gifhidden { position:absolute; left:-100%; }

.ir { background-color:transparent; background-repeat:no-repeat; border:0;  display:block; overflow:hidden; text-align:left; text-indent:-999em; }
.ir br { display:none; }

.hidden { display:none !important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.invisible { visibility:hidden; }

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

/*.ac{text-align: center !important;}*/




/*template*/
.wrap_temp.width_type1{width: 705px;}
.wrap_temp.width_type2{width: 730px;}
.wrap_temp img{/*display: block;*/ width: 100%;}
.wrap_temp .temp{font-size: 12px; color: #333; line-height: 1.9;}

.temp .img_one{text-align:center !important;}

.temp .img_name{padding-top: 10px; padding-bottom:10px;text-align:left;}
.temp .stit{letter-spacing: -1px; font-size: 15px; font-weight: normal; padding-top: 45px; margin-bottom: -10px;}
.temp .stit.green{color: #14a084;}
.temp .stit.black{color: #000;}
.temp .desc{padding-top: 4px; text-align: justify; letter-spacing: 1px;background:url('/image/width_fix.png') repeat;}
.temp .container_img{position: relative;padding-top: 5px;}
.temp .container_img li .img_num{position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; background: #000; line-height: 20px; color: #fff; text-align: center; font-size: 11px;}
.temp .container_img li .img_num.green{background: #14a084;}
.temp .container_img li .img_num.black{background: #000;}
.temp .img_name li .img_num{display: inline-block; width: 16px; height: 16px; background: #000; line-height: 16px; color: #fff; text-align: center; font-size: 11px; vertical-align: middle; margin-top: -2px;}
.temp .img_name li .img_num.green{background: #14a084;}
.temp .img_name li .img_num.black{background: #000;}

.temp.type1{margin-bottom:10px;}
.temp.type2{margin-bottom:10px;}
.temp.type3{margin-bottom:10px;}
.temp.type4{margin-bottom:10px;}
.temp.type5{margin-bottom:10px;}
.temp.type6{margin-bottom:10px;}
.temp.type7{margin-bottom:10px;}
.temp.type8{margin-bottom:10px;}
.temp.type9{margin-bottom:10px;}
.temp.type10{margin-bottom:10px;}

.temp.type2 .container_img li{width: 49.5%;}
.temp.type2 .container_img li.img1{float: left;}
.temp.type2 .container_img li.img2{float: right;}

.temp.type3 .container_img li{width: 33%; float: left;}
.temp.type3 .container_img li.img1{width: 32.8%;padding-right:4px;}
.temp.type3 .container_img li.img2{width: 32.8%;padding-right:4px;}
.temp.type3 .container_img li.img3{width: 32.7%;padding-right:4px;}

.temp.type4 .container_img{height: 440px;}
.temp.type4 .container_img img{height: 220px;}
.temp.type4 .container_img li{width: 33.333%; float: left;}
.temp.type4 .container_img li.img1{width: 33.334%;}
.temp.type4 .container_img li.img1{position: absolute; top: 0; left: 0;}
.temp.type4 .container_img li.img2{position: absolute; top: 0; left: 233px;}
.temp.type4 .container_img li.img3{position: absolute; top: 0; left: 466px;}
.temp.type4 .container_img li.img3 img{height: 440px;}
.temp.type4 .container_img li.img4{position: absolute; top: 220px; left: 0px;}
.temp.type4 .container_img li.img5{position: absolute; top: 220px; left: 233px;}

.temp.type5 .col1{float: left; width: 49%;}
.temp.type5 .col2{float: right; width: 49%;}
.temp.type5 .desc{padding-top: 0;}
.temp.type5 .container_img li{position: relative;}
.temp.type5 .container_img li{margin-bottom: 15px;}
.temp.type5 .img_name{padding: 0;}

.temp.type6 .col1{float: left; width: 49%;}
.temp.type6 .col2{float: right; width: 49%;}
.temp.type6 .desc{padding-top: 0;}
.temp.type6 .container_img li{position: relative;}
.temp.type6 .container_img li{margin-bottom: 15px;}
.temp.type6 .img_name{padding: 0;}

.temp.type7 .col1{float: left; width: 49%;}
.temp.type7 .col2{float: right; width: 49%;}
.temp.type7 .desc{padding-top: 0;}
.temp.type7 .container_img li{position: relative;}
.temp.type7 .container_img li{margin-bottom: 15px;}
.temp.type7 .img_name{padding: 0;}

.temp.type8 .container_img li{width: 49.5%; position: relative;}
.temp.type8 .container_img li.img1{float: left;}
.temp.type8 .container_img li.img2{float: right;}
.temp.type8 .col1{float: left; width: 49%;}
.temp.type8 .col2{float: right; width: 49%;}

.temp.type9 .container_img li{width: 32.4%; position: relative; margin-left: 1.4%;}
.temp.type9 .container_img li.img1{float: left; margin-left: 0;}
.temp.type9 .container_img li.img2{float: left;}
.temp.type9 .container_img li.img3{float: left;}
.temp.type9 .col1{float: left; width: 32%;}
.temp.type9 .col2{float: left; width: 32%; margin-left: 2%;}
.temp.type9 .col3{float: left; width: 32%; margin-left: 2%;}

/* .temp.type10 .container_img li{width: 32.4%; position: relative; margin-left: 1.4%;} */
.temp.type10 .container_img li{width: 228px; position: relative; margin-left: 9px;}
.temp.type10 .container_img li.img1{float: left; margin-left: 0;}
.temp.type10 .container_img li.img2{float: left;}
.temp.type10 .container_img li.img3{float: left;}
.temp.type10 .col1{float: left; width: 49%;}
.temp.type10 .col2{float: left; width: 49%; margin-left: 2%;}

.temp.type11 .col1{float: left; width: 228px;}
.temp.type11 .col2{float: right; width: 65%;}
.temp.type11 .desc{padding-top: 0;}
.temp.type11 .container_img li{position: relative;}
.temp.type11 .container_img li{margin-bottom: 15px;}
.temp.type11 .img_name{padding: 0;}

    

/*============================================================*/
/*wrap_temp width2*/
/*============================================================*/

.wrap_temp.width_type2 .temp.type4 .container_img{height: 460px;}
    .wrap_temp.width_type2 .temp.type4 .container_img img{height: 230px;}
    .wrap_temp.width_type2 .temp.type4 .container_img li{width: 33.333%; float: left;}
    .wrap_temp.width_type2 .temp.type4 .container_img li.img1{width: 33.334%;}
    .wrap_temp.width_type2 .temp.type4 .container_img li.img1{position: absolute; top: 0; left: 0;}
    .wrap_temp.width_type2 .temp.type4 .container_img li.img2{position: absolute; top: 0; left: 243px;}
    .wrap_temp.width_type2 .temp.type4 .container_img li.img3{position: absolute; top: 0; left: 486px;}
    .wrap_temp.width_type2 .temp.type4 .container_img li.img3 img{height: 460px;}
    .wrap_temp.width_type2 .temp.type4 .container_img li.img4{position: absolute; top: 230px; left: 0px;}
    .wrap_temp.width_type2 .temp.type4 .container_img li.img5{position: absolute; top: 230px; left: 243px;}
 

    
/*   new    */
.img_name {color:#7e7e7e}
.ac {text-align:left !important;}