@charset "utf-8";
/* CSS Document */

/* col container */
.col-container{position:relative; margin:0 auto; width:100%;}
.col-container.cus-mar{margin:0 auto 30px auto;}

.col-container.fp-bor-ip{padding:20px; border:#017749 1px solid; border-radius:6px;}

.sp-bg-a{
	background-image:url(../upload/sp-bg_1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	background-attachment:fixed;
}




.col-container.padb{padding-bottom:50px;}
.col-container.padb-a{padding-bottom:80px;}
.col-container.padb-c{padding:0 0 40px 0;}
.col-container.padb-ca{padding:40px 0 40px 0;}
.col-container.padb-n{padding-bottom:20px;}
.col-container.padb-i{padding:20px 0 100px 0;}



.col-container.padb-case{padding:40px 0;}



.col-container.padb-cc{padding:20px;
margin-bottom:20px;
border-bottom:#3aa5cb 1px dashed;
}

.col-container.padb-m{padding:25px 0 50px 0;}







.col-content{position:relative; margin:0 auto; width:100%;}
.col-content.padb{padding-bottom:50px;}
.col-content.padb-a{padding-bottom:80px;}
.col-content.padb-i{padding:20px 0 80px 0;}

.c-flex{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; font-size:0;}
.c-flex.black-bg{background:#000;}

.c-flex.al-c{align-items:center;}
.col-left{display:inline-block; padding:1%; width:25%; font-size:16px; vertical-align:top;}
.col-right{display:inline-block; padding:1%; width:75%; font-size:16px; vertical-align:top;}

.col-w50{display:inline-block; padding:0 2%; width:50%; font-size:16px; vertical-align:top;}
.col-w50.co-mar-auto{margin:0 auto 30px auto;}

.col-w50.col-w-l{border-right:#dedede 1px solid;}

.col-w50c{display:inline-block; margin:auto; padding:0 4%; width:50%; font-size:16px; vertical-align:top;}



.col-wi-50{display:inline-block; padding:0; width:50%; font-size:16px; vertical-align:top;}

.col-w-il{display:inline-block; padding:0 0.5% 0 0; width:31.46%; font-size:16px; vertical-align:top;}
.col-w-ir{display:inline-block; padding:0 0 0 0; width:68.54%; font-size:16px; vertical-align:top;}


.rwd-order-1{
	order:0;
}

.rwd-order-2{
	order:0;
}





.cb-content{margin:0 auto; width:100%; text-align:left; overflow:hidden;}
.cb-content.cb-s-mar{margin:20px auto 30px auto;}

.cb-style-1{padding:4% 2%; border-radius:6px; border:#dedede 1px solid; box-shadow:#ccc 1px 1px 3px; overflow:hidden;}
.cb-style-i{padding:2% 2%;}
.cb-style-m{padding:0 1% 2% 1%;}
.cb-style-c{padding:1% 4% 2% 4%;}






@media screen and (max-width: 1024px){
	.col-left{display:none;}
	.col-right{display:block; width:100%;}
	

	
	
.cb-style-jh-c{padding:1% 2% 2% 2%;}
}

@media screen and (max-width: 768px){

.rwd-order-1{
	order:1;
}

.rwd-order-2{
	order:2;
}

.col-w50.col-w-l{border-right:none;}

.col-w50,
.col-w50c{width:100%;}

.col-wi-50{width:100%;}

.col-w-il{width:100%; padding:0 0.5% 20px 0.5%;}
.col-w-ir{width:100%; padding:0 0.5% 20px 0.5%;}


}





/* col row*/
.col-row{position:relative; margin:0 auto; width:100%; display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; font-size:0;}
.col-row.r-ac{align-content:center; justify-content:center; text-align:center;}
.col-row.cor-pd1{padding:1%;}



.col-row.sp-b{justify-content:space-between; align-content: space-between;}
.col-row.bor-ip{border:#dedede 1px solid;}
.col-row:hover.bor-ip{box-shadow:#ccc 1px 1px 5px;}
.col-row.padb{padding-bottom:30px;}
.col-row.padb-i{padding-top:20px; padding-bottom:30px;}

.col-row.pad-tb{padding-top:10px; padding-bottom:30px;}


.col-row.pad-cr-l{padding:10px 4% 10px 0;}
.col-row.pad-cr-r{padding:10px 0 10px 4%;}

.coi-more{position:absolute; right:0; bottom:0; left:0; margin:auto; padding:10px; width:100%; overflow:hidden;}
.coi-more.mar-bm{margin-bottom:10px;}
	.coi-m-btn{display:inline-block; margin:auto 4px; padding:2px 10px; font-size:14px; font-weight:bold; color:#ab1e23; vertical-align:middle; border-radius:20px;}
	.coi-m-btn:hover{background:#ab1e23; color:#fff;}














/* col item */
.col-item{position:relative; display:inline-block; text-align:center; font-size:15px;}
.col-item.cus-pad-more-i{padding-bottom:10px;}


.co-w-c1{margin:0 16px 16px 16px; width:120px; max-width:100%;}
/*.col-item.fLex{flex:0 0 auto;}*/

@media screen and (max-width: 768px) {

.co-w-c1{margin:0 10px 10px 10px; width:78px;}

}




.col-ii{display:block; width:100%;}






/* col item setting */
.co-if10{width:10%;}
.co-if20{width:20%;}
.co-if30{width:30%;}
.co-if40{width:40%;}
.co-if50{width:50%;}
.co-if60{width:60%;}
.co-if70{width:70%;}
.co-if80{width:80%;}
.co-if90{width:90%;}
.co-if100{width:100%;}

.co-if15{width:15%;}
.co-if25{width:25%;}
.co-if35{width:35%;}
.co-if45{width:45%;}
.co-if55{width:55%;}
.co-if65{width:65%;}
.co-if75{width:75%;}
.co-if85{width:85%;}
.co-if95{width:95%;}

.co-if-cl{width:67.8%;}
.co-if-cr{width:32.2%;}
.co-if-pad-cl{padding:0 1% 0 0;}
.co-if-pad-cr{padding:0 0 0 1%;}

.co-if-cf{width:100%;}
.co-if-pad-cf{padding:2% 0 2% 0;}


.co-if-pad10{padding:10px 10px 20px 10px;}
.co-if-pad20{padding:20px 20px 40px 20px;}





.co-if-content{display:flex; margin:0 auto; width:100%; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; text-align:left; font-size:0;}
.co-if-content{}
.co-if-content.f-txt-al{align-content:flex-start; justify-content:flex-start; text-align:left;}
.co-if-content.f-txt-ac{align-content:center; justify-content:center; text-align:center;}
.co-if-content.f-txt-ar{align-content:flex-end; justify-content:flex-end; text-align:right;}
.co-if-content.bor-c{border:#ccc 1px solid;}





@media screen and (max-width: 1024px) {

.co-md-if-2{width:50%;}
.co-md-if-3{width:33.33%;}
.co-md-if-5{width:25%;}

}

@media screen and (max-width: 768px) {

.co-md-if-c1{width:100%}

.co-md-if-cl{width:100%;}
.co-md-if-cr{width:100%;}

.co-if-pad-cl{padding:2%;}
.co-if-pad-cr{padding:2%;}



.co-md-if-2{width:50%;}
.co-md-if-3{width:50%;}
.co-md-if-5{width:33.33%;}

}

@media screen and (max-width: 480px) {

.co-md-if-2{width:100%;}
.co-md-if-3{width:100%;}
.co-md-if-5{width:50%;}

}

@media screen and (max-width: 360px) {

.co-md-if-5{width:100%;}

}











.co-i1{width:98%}
.co-i2{width:48%}
.co-i3{width:31.33%}
.co-i4{width:23%}
.co-i5{width:18%}
.co-i6{width:14.66%}

.co-i1h{width:98%}
.co-i2h{width:49%}
.co-i3h{width:32.66%}
.co-i4h{width:24.5%}
.co-i5h{width:19.6%}
.co-i6h{width:16.33%}

.co-imar{margin:0 1% 30px 1%}
.co-imar-i{margin:0 1% 20px 1%}

.co-imar-s{margin:0 0 2% 0}
.co-imar-p{margin:0 0 2% auto}

.co-imar-pi{margin:0 0 8% auto}




.co-ipad{padding:0;}
.co-ipad-ip{padding:1%;}
.co-ipad-ip-ii{padding:3% 3% 1% 3%;}


.co-f1{width:100%;}
.co-f2{width:50%;}
.co-f3{width:33.33%;}
.co-f4{width:25%;}
.co-f5{width:20%;}
.co-f6{width:16.66%;}



.co-fm1-p1{width:99%;}
.co-fm2-p1{width:49%;}
.co-fm3-p1{width:32.33%;}
.co-fm4-p1{width:24%;}
.co-fm5-p1{width:19%;}
.co-fm6-p1{width:15.66%;}


.co-fm-p1-mar{margin:0 0.5% 20px 0.5%;}
.co-fm-sb-mar{margin:0 0 20px 0;}

.co-imar-fm{margin-bottom:20px;}

.co-imar-fm-p2{margin-bottom:30px;}






@media screen and (max-width: 1024px) {

.co-fm4-p1{width:32.33%;}
.co-fm5-p1{width:32.33%;}
.co-fm6-p1{width:32.33%;}

}

@media screen and (max-width: 768px) {

.co-fm2-p1{width:99%;}
.co-fm3-p1{width:49%;}
.co-fm4-p1{width:49%;}
.co-fm5-p1{width:49%;}
.co-fm6-p1{width:49%;}

}

@media screen and (max-width: 480px) {

.co-fm3-p1{width:99%;}
.co-fm4-p1{width:99%;}
.co-fm5-p1{width:99%;}
.co-fm6-p1{width:99%;}

}

@media screen and (max-width: 300px) {



}




/*  */
.co-i4-3{width:75%;}
.co-i4-1{width:25%;}
.co-i-pad-2{padding:1%;}

@media screen and (max-width: 768px) {
	
.co-i4-3{width:100%;}
.co-i4-1{width:100%;}

.co-i-pad-2{padding:2%;}
	
}


















/* col-pic */
.co-pic{position:relative; width:100%; padding-bottom:75%; height:0; overflow:hidden;}
.co-pic.n-over-f{overflow:visible;}
.co-pic img{position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:auto !important; max-width:100% !important; height:auto !important; max-height:100% !important;}
.co-pic img{
	-webkit-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
	transition:all ease-in-out 0.3s;
}

.co-pic img.ab-top{top:0; bottom:auto;}
.co-pic img.s80{width:auto !important; max-width:80% !important; height:auto !important; max-height:80% !important;}
.co-pic img.s60{width:auto !important; max-width:60% !important; height:auto !important; max-height:60% !important;}

.co-pic.bg-w{background:#fff;}
.co-pic.bg-b{background:#000;}



/* col-pic-p */
.co-pic-p{position:relative; display:block; width:100%; padding-bottom:75%; height:0; overflow:hidden;}
.co-pic-p.n-over-f{overflow:visible;}
.co-pic-p img{position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:100% !important; max-width:100% !important; height:100% !important; max-height:100% !important;}
.co-pic-p img{
	-webkit-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
	transition:all ease-in-out 0.3s;
}

.co-pic-p img.ab-top{top:0; bottom:auto;}
.co-pic-p img.s80{width:auto !important; max-width:80% !important; height:auto !important; max-height:80% !important;}
.co-pic-p img.s60{width:auto !important; max-width:60% !important; height:auto !important; max-height:60% !important;}

.co-pic-p.bg-w{background:#fff;}
.co-pic-p.bg-b{background:#000;}







.co-txt-p{position:relative; width:100%; overflow:hidden;}



@media screen and (max-width: 1024px) {

.co-txt-p{}
.s-sp-l{}


}

@media screen and (max-width: 768px) {



}










.co-pic-n{position:relative; marign:auto; width:100%;}
.co-pic-n img{display:block; width:100%;}



.col-item:hover .co-pic img{
	-webkit-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	transition:all ease-in-out 0.5s;
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	opacity:0.8;
}


.co-pic-p:hover img{
	-webkit-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	transition:all ease-in-out 0.5s;
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	opacity:0.8;
}





.co-pic.bor-ip{border:#dedede 1px solid;}
.co-pic-p.bor-ip{border:#dedede 1px solid;}



.col-item:hover .co-pic.bor-ip{border:#000 1px solid;}


.col-item.bor-ip{border:#ccc 1px solid;}
.col-item:hover.bor-ip{background:#000; border:#000 1px solid;}

.col-item.bor-sp{border:#ccc 1px solid;}
.col-item:hover.bor-sp{}




.col-item.blk-ip{background:#ccc;}
.col-item.blk-ip .co-txt{color:#fff !important;}

.col-item:hover.blk-ip{background:#000;}

.col-item.blk-ip:nth-child(4n+1){background:#66c2ed;}
.col-item.blk-ip:nth-child(4n+2){background:#e54880;}
.col-item.blk-ip:nth-child(4n+3){background:#ff912e;}
.col-item.blk-ip:nth-child(4n+4){background:#33bec1;}














.co-pic-cover{display:none; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:5;}
.co-pic-cover > img{display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100px !important; height:100px !important; z-index:7;}

.col-item:hover .co-pic-cover{display:block;}

.co-cover{display:block; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(35,35,35,0.8); border:#fff 1px solid; z-index:3; opacity:0;
	-webkit-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	transition:all ease-in-out 0.5s;
}

.co-cover .cover-content{display:flex; align-content:center; justify-content:center; align-items:center; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:93.6%; height:90%; z-index:5; border:#fff 1px solid;
	border-radius:8px;
}

.co-cover .cover-content .cov-txt{display:block; margin:auto; padding:10px; width:100%; text-align:center; font-size:18px; color:#fff;}
.co-cover .cover-content .cov-txt .sub-txt{display:block; margin:auto; padding:4px; width:100%; text-align:center; font-size:15px; color:#fff;}

.col-item:hover .co-cover{opacity:1;
	-webkit-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
	transition:all ease-in-out 0.3s;
}





@media screen and (max-width: 1024px) {

.co-cover{}
.co-cover .cover-content{}
.co-cover .cover-content:after{font-size:16px;}
.co-cover .cover-content .cov-txt{font-size:13px;}

}

@media screen and (max-width: 768px) {

	.co-pic-cover > img{}
	.co-pic img.ab-top{}

}


@media screen and (max-width: 480px) {

.co-cover{}
.co-cover .cover-content{}
.co-cover .cover-content:after{font-size:14px;}
.co-cover .cover-content .cov-txt{font-size:12px;}

}





/* col img setting */
.s1-1{padding-bottom:100%;}
.s2-1{padding-bottom:50%;}
.s3-4{padding-bottom:133.33%;}
.s150{padding-bottom:150%;}
.s160{padding-bottom:160%;}
.s4-3{padding-bottom:75%;}
.s9-16{padding-bottom:177.77%;}
.s16-9{padding-bottom:56.25%;}
.s5147{padding-bottom:51.47%;}
.s4338{padding-bottom:43.38%;}
.s1075{padding-bottom:107.5%;}
.s11425{padding-bottom:114.25%;}
.s40{padding-bottom:40%;}
.s173{padding-bottom:173%;}
.s457{padding-bottom:45.7%;}





/* col txt */
.co-txt{position:relative; width:100%; color:#000; overflow:hidden;}
.co-txt h2,
.co-txt h3,
.co-txt h4,
.co-txt h5,
.co-txt h6,
.co-txt p{display:block; padding:5px 0; line-height:150%;}

.co-txt h2{font-size:18px;}
.co-txt h3{font-size:16px;}
.co-txt h4{font-size:16px;}
.co-txt h5{font-size:15px;}
.co-txt h6{font-size:14px;}
.co-txt p{font-size:13px;}

.co-txt span{display:inline; margin-right:4px;}
.co-txt .color-r{color:#f00; font-weight:bold; font-size:12px; letter-spacing:1px;}

.co-txt .t-blk-date{display:block; margin:0 auto 4px auto; padding:8px; width:90%; font-size:16px; color:#fff; background:#db1514; text-align:center;}
.co-txt h2.t-blk-h2{position:relative; margin:0 auto 10px auto; padding:10px 0; font-size:20px;}

.co-txt p.t-blk-p{position:absolute; right:0; bottom:0; left:0; margin:auto; padding:10px 0; font-size:16px;}

.col-item:hover h2.t-blk-h2{color:#fff;}



.i-price{position:relative; display:block; padding:1% 6% 3% 6%; line-height:150%; font-size:16px; color:#f00;}
.ip-price{position:relative; display:block; padding:3% 25% 3% 6%; line-height:150%; font-size:16px; color:#f00;}
.col-item:hover .ip-price{background:#dedede; color:#000; font-weight:normal;}

.col-flo-r{position:absolute; top:0; right:4%; bottom:0; margin:auto; display:block; width:30px; height:30px; color:#000; font-size:24px;}
.col-item:hover .col-flo-r{color:#000;}

.txt-lt{text-decoration:line-through;}

.co-txt .vi-h3{font-size:24px;}

@media screen and (max-width: 768px) {
	
.i-price{font-size:14px;}
.ip-price{font-size:14px;}
.col-flo-r{font-size:20px;}

.co-txt h2{font-size:20px;}
.co-txt h3{font-size:15px;}
.co-txt h4{font-size:14px;}
.co-txt h5{font-size:13px;}
.co-txt h6{font-size:13px;}
.co-txt p{font-size:13px;}	

.co-txt .vi-h3{font-size:16px;}

}



.co-edit-txt{display:block; width:100%; text-align:left; font-size:1.6rem; line-height:1.5;}

@media screen and (max-width: 768px) {
	
.co-edit-txt{font-size:1.4rem;}

}

.co-bg-txt{display:inline-block; margin:0 auto 10px 0; padding:6px 12px; text-align:left; background:#5e5e5e; color:#fff; font-weight:normal !important;}














.co-more{position:absolute; right:0; bottom:0; left:0; margin:auto; padding:10px; width:100%;}
/*
.co-more:after{content:''; position:absolute; top:0; right:0; left:0; margin:auto; width:100%; height:2px; background:linear-gradient(to right, rgba(71,174,233,0) 0%, rgba(71,174,233,1) 50%, rgba(71,174,233,0) 100%);}
*/



.co-more-ip{position:absolute; right:0; bottom:0; left:0; margin:auto; padding:0; width:100%;}

.co-more-i{margin:auto; padding:0; width:100%;}

.co-m-btn{display:inline-block; margin:4px; padding:8px 16px; font-size:14px; color:#fff; background:#B70F1B; letter-spacing:1px;}

.co-m-btn-vi{display:inline-block; margin:4px; padding:8px 16px; font-size:16px; color:#fff; background:#B70F1B; letter-spacing:1px;}

.co-m-btn-sp{display:inline-block; margin:4px; padding:8px 16px; font-size:16px; color:rgba(71,174,233,1); letter-spacing:1px;}
.col-item:hover .co-m-btn-sp{color:#fff;}




.cus-pd{padding-bottom:60px;}
.cus-pd-ip{padding-bottom:52px;}
.cus-pd-i{padding-bottom:48px;}

.cus-pd-ip-a{padding:10px;}
.cus-pd-ip-b{padding:10px;}


.col-item:hover .co-more .co-m-btn{color:#000; text-shadow:#fff 1px 1px 2px; box-shadow:inset 0 0 2px 2px rgba(255,251,164,0.5), 0 1px 2px rgba(0,0,0,0.8) !important; background:linear-gradient(to bottom, #fffba4 0%, #fffba4 20%, #feb703 45%, #b76b0a 75%, #e3b027 100%);}

.co-more:hover .co-m-btn-vi{color:#000; text-shadow:#fff 1px 1px 2px; box-shadow:inset 0 0 2px 2px rgba(255,251,164,0.5), 0 1px 2px rgba(0,0,0,0.8) !important; background:linear-gradient(to bottom, #fffba4 0%, #fffba4 20%, #feb703 45%, #b76b0a 75%, #e3b027 100%);}






/* col txt setting */
.txt-al{text-align:left;}
.txt-ac{text-align:center;}
.txt-ar{text-align:right;}

/* common setting */
.pad-more{padding-top:20px; padding-bottom:50px;}
.pad-more-a{padding-bottom:60px;}


@media screen and (max-width: 1024px) {

.co-md-fp-i{width:48%}

.co-md-i{width:31.33%}

.co-md-f{width:33.33%}

.co-md-a{width:31.33%;}

.co-md-n{width:31.33%;}

}

@media screen and (max-width: 768px) {

.col-container.padb{padding-bottom:30px;}
.col-content.padb{padding-bottom:30px;}

.col-row.pad-cr-l{padding:10px 2%;}
.col-row.pad-cr-r{padding:10px 2%;}

.co-md-fp-i{width:98%}

.co-md-i{width:48%}

.co-md-1{width:98%}
.co-md-a{width:31.33%}
.co-md-b{width:100%}

.co-md-f{width:50%}

.co-md-n{width:48%;}

}

@media screen and (max-width: 480px) {

.co-md-i{width:98%}

.co-md-a{width:48%}

.co-md-f{width:100%}

}

@media screen and (max-width: 360px) {

.co-md-n{width:98%;}

}

@media screen and (max-width: 300px) {

.co-md-a{width:98%}


}




.h-al-item{margin:0 auto 5px auto; padding:10px; display:flex; flex-wrap:wrap; width:100%; justify-content:flex-start; font-size:0; vertical-align:middle; text-align:left; border-bottom:#017749 1px dashed;}
.h-al-item:last-of-type{margin:0 auto; border-bottom:none;}

.h-al-item:hover .ha-column:nth-of-type(1){}
.h-al-item:hover .ha-column:nth-of-type(2){color:#017749;}

	.ha-column{display:inline-block; height:30px; line-height:30px; vertical-align:middle; font-size:16px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.ha-column i{margin-right:5px;}
	.ha-column:first-of-type{color:#017749;}
	
	.ha-column b{font-size:18px; color:#000;}


.calc-100-l.w-ca{width:140px;}
.calc-100-r.w-ca{width:calc(100% - 140px);}

.news-date-e{display:block; margin:0 5px 10px 0; color:#ab1e23; font-size:16px; font-weight:bold;}





/* Banner container */
.slider-blk{position:relative; margin:0 auto 40px auto; padding:0; width:100%;}
.slider-blk.cus-mar{margin:30px auto 20px auto;}

.slider-blk-i{position:relative; margin:10px auto; width:100%;}

.t-blank-blk{position:relative; margin:0 auto 40px auto; width:100%; height:100px;}

@media screen and (max-width: 1024px) {

.t-blank-blk{margin:0; height:1px;}

}




@media screen and (max-width: 768px) {

.slider-blk{margin:0 auto 20px auto;}

.ha-column{height:28px; line-height:28px;}
.calc-100-l.w-ca{width:100%;}
.calc-100-r.w-ca{width:100%;}

}



/* owl container */
.oc-c-blk{margin:0 auto; padding:10px 52px; width:100%; font-size:0;}
.oc-c-blk.oc-w80{width:80%;}
.oc-c-blk-i{margin:0 auto; width:100%;}
@media screen and (max-width: 1024px) {
.oc-c-blk{margin:0 auto; padding:10px 28px; width:100%; font-size:0;}
.oc-c-blk.oc-w80{width:100%;}
}





/* wdth & max-width */
.w-100{width:100%;}
.w-95{width:95%;}
.w-90{width:90%;}
.w-85{width:85%;}
.w-80{width:80%;}
.w-75{width:75%;}
.w-70{width:70%;}
.w-65{width:65%;}
.w-60{width:60%;}
.w-55{width:55%;}
.w-50{width:50%;}
.w-45{width:45%;}
.w-40{width:40%;}
.w-35{width:35%;}
.w-30{width:30%;}
.w-25{width:25%;}
.w-20{width:20%;}
.w-15{width:15%;}
.w-10{width:10%;}



.mx-1920{max-width:1920px;}
.mx-1600{max-width:1600px;}
.mx-1440{max-width:1440px;}
.mx-1400{max-width:1400px;}
.mx-1200{max-width:1200px;}
.mx-1000{max-width:1000px;}



.blk-1920{width:100%; max-width:1920px;}
.blk-1600{width:100%; max-width:1600px;}
.blk-1440{width:100%; max-width:1440px;}
.blk-1400{width:100%; max-width:1400px;}
.blk-1200{width:100%; max-width:1200px;}
.blk-1000{width:100%; max-width:1000px;}



.blk-100{width:100%; max-width:100%;}
.blk-95{width:100%; max-width:95%;}
.blk-90{width:100%; max-width:90%;}
.blk-85{width:100%; max-width:85%;}
.blk-80{width:100%; max-width:80%;}
.blk-75{width:100%; max-width:75%;}
.blk-70{width:100%; max-width:70%;}
.blk-65{width:100%; max-width:65%;}
.blk-60{width:100%; max-width:60%;}

@media screen and (min-width: 1920px) {
.blk-100,
.blk-95,
.blk-90,
.blk-85,
.blk-80,
.blk-75,
.blk-70,
.blk-65,
.blk-60{max-width:1400px; padding:0 2%;}
}

@media screen and (max-width: 1024px) {
.blk-100,
.blk-95,
.blk-90,
.blk-85,
.blk-80,
.blk-75,
.blk-70,
.blk-65,
.blk-60{max-width:96%; padding:0 2%;}
}





/* custom wdth & max-width */

.blk-jh{max-width:1280px;}
.blk-jh-s{max-width:90%;}
.blk-jh-i{max-width:1000px;}

.blk-bok{max-width:1360px;}
.blk-bok-i{max-width:1360px;}
.blk-bok-n{max-width:1200px;}
.blk-bok-m{max-width:1000px;}
.blk-bok-c{max-width:900px;}
.blk-bok-p{max-width:1280px;}

@media screen and (min-width: 1600px) {
	
}

@media screen and (max-width: 1280px) {

.blk-jh{max-width:96%;}
.blk-jh-s{max-width:96%;}
.blk-jh-i{max-width:96%;}

.blk-bok-i{max-width:96%;}
.blk-bok-n{max-width:96%;}
.blk-bok-m{max-width:96%;}
.blk-bok-c{max-width:96%;}
.blk-bok-p{max-width:96%;}

}

@media screen and (max-width: 1024px) {

.blk-jh{max-width:100%;}
.blk-jh-s{max-width:94%;}
.blk-jh-i{max-width:94%;}

.blk-bok{max-width:96%;}
.blk-bok-i{max-width:94%;}
.blk-bok-n{max-width:94%;}
.blk-bok-m{max-width:94%;}
.blk-bok-c{max-width:94%;}
.blk-bok-p{max-width:94%;}

.mx-1920,
.mx-1600,
.mx-1440,
.mx-1400,
.mx-1200,
.mx-1000{padding:0 2%;}


}







.sitemap-blk{display:inline-block; padding:4px; width:100%; font-size:13px; vertical-align:middle;}
.sm-blk{display:inline-block; font-size:16px; margin:auto 4px auto auto; padding:1px 4px; line-height:24px; height:26px; color:#ab1e23; vertical-align:middle; font-weight:bold;}
a.sm-blk:hover{text-decoration:underline;}





.i-form-blk{display:inline-block; padding:4px; width:100%; font-size:0; vertical-align:middle;}

.i-form-blk input,
.i-form-blk textarea,
.i-form-blk select,
.i-form-blk option{border:#ccc 1px solid; padding:1px 4px; line-height:24px; height:26px; font-size:13px; border-radius:4px; vertical-align:middle;}

.if-left{display:inline-block; width:30%;}
.if-right{display:inline-block; width:70%;}

.if-blk{display:inline-block; font-size:16px; margin:auto 4px auto auto; padding:1px 4px; line-height:24px; height:26px; color:#ab1e23; vertical-align:middle; font-weight:bold;}

a.if-blk:hover{text-decoration:underline;}

.if-i-w{width:calc(100% - 80px);}



@media screen and (max-width: 768px) {

.i-form-blk{display:flex; flex-wrap:wrap; padding:0; width:100%;}

.if-left,
.if-right{display:block; padding:4px; width:100%;}

.if-blk{padding:4px 4px; width:100%; line-height:26px; height:32px;}

.if-i-w{}

.i-form-blk.txt-ar,
.i-form-blk.txt-al{
	text-align:center;
}

.col-item.txt-ar,
.col-item.txt-al{
	text-align:left;
}

.sm-blk{padding:4px 4px; width:100%; line-height:26px; height:32px;}
a.sm-blk{text-align:left; border-bottom:#ccc 1px dashed;}
span.sm-blk{display:none;}

}




.co-list{display:flex; flex-wrap:wrap; width:100%; justify-content:flex-start; align-content:flex-start; font-size:0; text-align:left;}
	.list-column{display:inline-block; padding:4px; font-size:15px;}
	.list-column span{display:inline; margin-right:20px;}
	.list-column h3,
	.list-column h4,
	.list-column h5,
	.list-column h6{font-weight:normal;}
	
	.list-column a{color:#000;}
	.list-column a:hover{color:#ab1e23; text-decoration:underline;}
	
	.list-column.lc-fc-l{color:#ab1e23;}
	
	.lc-calc-l{width:120px;}
	.lc-calcr{width:calc(100% - 120px);}

@media screen and (max-width: 768px) {
	
	.list-column span{display:block;}
	.lc-calc-l{width:100%;}
	.lc-calcr{width:100%;}

}





.col-txt-blk{
	display:block;
	margin:0 auto;
	padding:10px;
	width:100%;
}

.copyright-txt{display:inline-block; font-size:15px; color:#000; vertical-align:middle; letter-spacing:1px;}



.c-t-mar{margin-top:20px; margin-bottom:40px;}















/* fixed flr-nav */
.flr-nav{
	position:fixed;
	top:50vh;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	right:-130px;
	width:186px;
	height:100%;
	z-index:10000;
}

.flr-nav .f-link{
	position:relative;
	margin:0 0 8px auto;
	display:flex;
	flex-wrap:wrap;
	right:0;
	width:186px;
	z-index:1;
	transition:0.5s;
	text-align:left;
	font-size:0;
	box-shadow:#666 1px 1px 2px 0;
}

.flr-nav .f-link .flr-txt{
	display:inline-block;
	vertical-align:middle;
	padding:10px 8px;
	width:130px;
	line-height:36px;
	font-size:13px;
	color:#888;
	background:#fff;
	border-top:#dedede 1px solid;
	border-bottom:#dedede 1px solid;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.flr-nav .f-link .flr-num{
	display:inline-block;
	vertical-align:middle;
	padding:10px;
	width:56px;
	text-align:center;
	background:#895743;
	border:#895743 1px solid;
	font-family:"Arial Black", sans-serif;
}

.flr-nav .f-link flr-num img{display:block; width:100%;}
.flr-nav .f-link:hover{right:130px;}

.flr-nav .f-link:hover .flr-num{border:#dedede 1px solid; background:linear-gradient(225deg, #ededed 0%, #ededed 20%, #666 50%, #ccc 100%);}

.flr-nav .f-link:hover .flr-txt{}






.flr-nav .f-link .flr-txt a{color:#895743; font-weight:bold;}
.flr-nav .f-link .flr-txt a:hover{color:#666}


@media screen and (max-width: 768px) {

.flr-nav{
	top:75vh;
	right:-100px;
	width:136px;
}

.flr-nav .f-link{
	margin:0 0 8px auto;
	width:136px;
}

.flr-nav .f-link .flr-txt{
	padding:4px 6px;
	line-height:28px;
	width:100px;
	font-size:12px;
}

.flr-nav .f-link .flr-num{
	padding:4px;
	width:36px;
}

.flr-nav .f-link:hover{right:100px;}

}






























.rwd-bg{position:relative; display:block; margin:0 auto; width:100%; height:0; padding-bottom:40%; overflow:hidden; background:#fff; z-index: 1;}

.rwd-bg .txt-obj{position:absolute; margin:10% auto auto auto; padding:0 24px; top:0; right:0; bottom:0; left:0; text-align:center; color:#fff; text-shadow:#000 2px 2px 4px; z-index:20;}

.rwd-bg .bg-obj{position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:center center; background-size:100%; z-index:10;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimate 36s linear infinite 0s;
    -moz-animation: imageAnimate 36s linear infinite 0s;
    -o-animation: imageAnimate 36s linear infinite 0s;
    -ms-animation: imageAnimate 36s linear infinite 0s;
    animation: imageAnimate 36s linear infinite 0s;
	/*animation-fill-mode: forwards;*/
}

.s-rwd-a{padding-bottom:12%;}

@media screen and (max-width: 768px) {

.s-rwd-a{padding-bottom:36%;}
.s-rwd-a .bg-obj{background-size:300%;}

}



.rwd-img-blk{margin:0 auto; width:100%; text-align:center;}
.rwd-img-blk img{display:block; margin:auto; width:100%;}











/* inner rwd-bg */
.rwd-bg-i{
	position:relative; margin:auto; width:100%; height:0; padding-bottom:8%; background:#fff; z-index:1; overflow:hidden;
}
.rwd-bg-i .txt-obj{
	position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; height:100%; display:table; vertical-align:middle; text-align:center;
	color:#834932;
	z-index:20;
}
.rwd-bg-i .txt-tc{
	margin:auto; width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;
}

.rwd-bg-i .txt-obj h2{
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-size:24px;
	font-weight:bold;
	letter-spacing:2px;
	text-shadow:#fff 1px 2px 3px;
}
.rwd-bg-i .txt-obj p{
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	text-shadow:#fff 1px 2px 3px;
}

.rwd-bg-i .bg-obj{
	position:absolute;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:110%;
	z-index:10;
	
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimate 36s linear infinite 0s;
    -moz-animation: imageAnimate 36s linear infinite 0s;
    -o-animation: imageAnimate 36s linear infinite 0s;
    -ms-animation: imageAnimate 36s linear infinite 0s;
    animation: imageAnimate 36s linear infinite 0s;
	
	
	
}


@media screen and (max-width:1024px){

.rwd-bg-i{
	padding-bottom:23%;
}

.rwd-bg-i .txt-obj{
}

.rwd-bg-i .txt-obj h2{
	font-size:18px;
	letter-spacing:1px;
}
.rwd-bg-i .txt-obj p{
	font-size:12px;
}

.rwd-bg-i .bg-obj{
	background-position:center right;
	background-size:200%;
}

}

@media screen and (max-width:480px){

.rwd-bg-i{
	padding-bottom:34.5%;
}

.rwd-bg-i .txt-obj{
}

.rwd-bg-i .txt-obj h2{
}
.rwd-bg-i .txt-obj p{
}

.rwd-bg-i .bg-obj{
	background-size:300%;
}

}






/* content button block */
.t-label-m{
	
}


.content-btn-blk{position:relative; margin:10px auto; padding:10px 0 10px 0; width:100%; overflow:hidden; font-size:16px; text-align:center;}

.content-btn-blk .form-btn{display:inline-block; margin:4px; padding:8px 16px; font-size:15px; color:#fff; background:#0c4aa5; letter-spacing:1px; border-radius:6px;}
.content-btn-blk .form-btn:hover{background:#000;}


























/* animation */

@-webkit-keyframes imageAnimate { 
	0% {
	    opacity: 1;
	    -webkit-animation-timing-function: ease-in;
	}
	25% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	    -webkit-animation-timing-function: ease-out;
	}
	50% {
	    opacity: 1;
	    -webkit-transform: scale(1.2);
	}
	100% { opacity: 1 }
}
@-moz-keyframes imageAnimate {
	
	0% {
	    opacity: 1;
	    -moz-animation-timing-function: ease-in;
	}
	25% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	    -moz-animation-timing-function: ease-out;
	}
	50% {
	    opacity: 1;
	    -moz-transform: scale(1.2);
	}
	100% { opacity: 1 }
}
@-o-keyframes imageAnimate { 
	0% {
	    opacity: 1;
	    -o-animation-timing-function: ease-in;
	}
	25% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	    -o-animation-timing-function: ease-out;
	}
	50% {
	    opacity: 1;
	    -o-transform: scale(1.2);
	}
	100% { opacity: 1 }
}
@-ms-keyframes imageAnimate { 
	0% {
	    opacity: 1;
	    -ms-animation-timing-function: ease-in;
	}
	25% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	    -ms-animation-timing-function: ease-out;
	}
	50% {
	    opacity: 1;
	    -ms-transform: scale(1.2);
	}
	100% { opacity: 1 }
}
@keyframes imageAnimate { 
	0% {
	    opacity: 1;
	    animation-timing-function: ease-in;
	}
	25% {
	    opacity: 1;
	    transform: scale(1.1);
	    animation-timing-function: ease-out;
	}
	50% {
	    opacity: 1;
	    transform: scale(1.2);
	}
	100% { opacity: 1 }
}








/* col title */
.col-title{margin:0 auto 20px auto; display:flex; flex-wrap:wrap; width:100%;}
.col-title.inn-mar{margin:40px auto;}
.col-title.mc-mar{margin:40px auto 40px auto;}

.col-title.mall-mar{margin:20px auto;}



.col-t-l,
.col-t-r{display:inline-block; position:relative; vertical-align:middle; color:#1786FF; text-align:left; padding:10px; font-size:24px; line-height:30px;}
.col-t-r{text-align:right; font-size:18px; color:#1786FF;}

.col-t-l.no-pad,
.col-t-r.no-pad{padding:0;}


.col-t-l span{display:inline-block; margin:0 4px; vertical-align:middle;}
.col-t-r span{display:inline-block; margin:0 4px; vertical-align:middle;}

.col-t-l i,
.col-t-r i{display:inline-block; vertical-align:middle;}


	
.col-t-l a,
.col-t-r a{display:inline-block; margin:0 4px; vertical-align:middle; color:#1786FF;}
	
.col-t-l a:hover,
.col-t-r a:hover{}

.col-t-l .cart,
.col-t-r .cart{display:inline-block; margin:auto auto 0 0; padding:5px 10px; color:#fff; background:#000; font-weight:normal; font-size:20px; letter-spacing:2px;}



.col-title span.icon-img{display:inline-block; margin:auto 5px auto auto; padding:0; width:36px; height:36px; vertical-align:middle;}
.col-title span.icon-img img{display:inline-block; margin:auto; height:100%; vertical-align:middle;}


	
.col-title.jh-t	.col-t-l:after{content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#1786FF;}
.col-title.jh-t	.col-t-r:after{content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#ccc;}

.col-title.bok-i .col-t-l:after{content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background:#ccc;}
.col-title.bok-i .col-t-r:after{content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background:#ccc;}

.col-title.bok-c .col-t-l:after{content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background:#232323;}
.col-title.bok-c .col-t-r:after{content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background:#232323;}


	
.col-tl-w{
	flex:0 1 auto;
	max-width:none;
}
.col-tr-w{
	flex:1 1 auto;
	max-width:none;
}


	
@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	
.col-t-l,
.col-t-r{padding:5px; font-size:20px;}

.col-t-r{font-size:15px;}

.col-title.jh-t .col-t-r:after{display:none;}

.col-title.bok-i .col-t-r:after{display:none;}
	
.col-tl-w{
	flex:1 1 100%;
}
.col-tr-w{
	flex:1 1 auto;
}
	
}



.editor-title{display:block; font-size:32px;}	
.editor-date{margin-top:10px; margin-bottom:30px; border-top:#dedede 1px solid;}
.editor-date span{display:inline-block; margin-top:3px; padding:4px 16px; color:#fff; background:#999; font-weight:normal;}






/* Product search */
	#search {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
			   -o-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
		-webkit-transform: translate(0px, -100%) scale(0, 0);
			 -moz-transform: translate(0px, -100%) scale(0, 0);
			  -ms-transform: translate(0px, -100%) scale(0, 0);
			 -o-transform: translate(0px, -100%) scale(0, 0);
				  transform: translate(0px, -100%) scale(0, 0);    
		opacity: 0;
		display: none;
	}
	
	#search.open {
		-webkit-transform: translate(0px, 0px) scale(1, 1);
		   -moz-transform: translate(0px, 0px) scale(1, 1);
			  -ms-transform: translate(0px, 0px) scale(1, 1);
			   -o-transform: translate(0px, 0px) scale(1, 1);
				   transform: translate(0px, 0px) scale(1, 1); 
		opacity: 1;
		z-index: 9999999;
		display: block;
	}

	#search .sc-box {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -51px;
		width: 78%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	#search .sc-box input[type="search"] {
		position:relative;
		margin:0 auto;
		width: 100%;
		color:#000;
		background: rgba(255, 255, 255, 1);
		border:none;
		font-family:"Microsoft JhengHei", PMingLiU, Verdana, sans-serif;
		font-size: 24px;
		text-align: center;
		/*outline: none;*/
		padding: 8px;
		
	}
	  
	#search .close {
		position: fixed;
		display:block;
		top: 15px;
		right: 15px;
		opacity: 1;
		font-size: 28px;
		color: #fff;
		font-family:"Microsoft JhengHei", PMingLiU, Verdana, sans-serif;
		font-weight:bold;
	}
	
	#search .close:hover{
		color: rgba(243,180,61,1);
		cursor: pointer;
	}
	
	
	
	
	
	
	
	
.rwd-bg-ip{
	display:block;
	position:relative; margin:auto; width:100%; height:0; padding-bottom:38.33%; background:#fff; z-index:1; overflow:hidden;
}

.rwd-bg-ip .txt-obj{
	position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; height:100%; display:table; vertical-align:middle; text-align:center;
	color:#fff;
	z-index:20;
}

.rwd-bg-ip .txt-tc{
	margin:auto; width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;
}

.rwd-bg-ip .txt-obj h2{
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-size:24px;
	font-weight:normal;
	letter-spacing:2px;
}
.rwd-bg-ip .txt-obj p{
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-size:13px;
	font-weight:normal;
	letter-spacing:1px;
}

.rwd-bg-ip .bg-obj{
	position:absolute;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	z-index:10;
	
}

.rwd-bg-ip:hover .bg-obj{
	-webkit-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	transition:all ease-in-out 0.5s;
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	opacity:0.9;
}






@media screen and (max-width:1024px){


.rwd-bg-ip .txt-obj h2{
	font-size:16px;
	letter-spacing:1px;
}
.rwd-bg-ip .txt-obj p{
	font-size:12px;
}

}

@media screen and (max-width:480px){

}
	
	
	
	
.rwd-bg-i3{
	display:block;
	position:relative; margin:auto; width:100%; height:0; padding-bottom:67.25%; background:#fff; z-index:1; overflow:hidden;
	border-radius:8px; overflow:hidden;
}
.rwd-bg-i3 .txt-obj{
	position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; height:100%; display:table; vertical-align:middle; text-align:center;
	color:#fff;
	z-index:5;
}

.rwd-bg-i3 .txt-obj:before{
	content:'';
	position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:40%; height:40%;
	border:#fff 1px solid;
	background:rgba(0,0,0,0.5);
	z-index:-4;
}

.rwd-bg-i3 .txt-tc{
	margin:auto; width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;
}

.rwd-bg-i3 .txt-obj h2{
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-size:24px;
	font-weight:normal;
	letter-spacing:2px;
}
.rwd-bg-i3 .txt-obj p{
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-size:16px;
	font-weight:normal;
	letter-spacing:1px;
}


.rwd-bg-i3 .bg-obj{
	position:absolute;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:105%;
	z-index:2;
	
}

.rwd-bg-i3:hover .bg-obj{
	-webkit-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	transition:all ease-in-out 0.5s;
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	opacity:0.9;
}



@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){

.rwd-bg-i3 .txt-obj:before{
	width:72%; height:72%;
}

.rwd-bg-i3 .txt-obj h2{
	font-size:18px;
}
.rwd-bg-i3 .txt-obj p{
	font-size:13px;
}


}

@media screen and (max-width:768px){

}	
	
@media screen and (max-width:480px){	

}



.co-c-txt{
	display:block; position:absolute; right:0; bottom:0; left:0; margin:auto; width:100%; padding:10px; background:rgba(20,36,74,0.8); color:#fff; text-align:left;
	z-index:10;
}

.col-item:hover .co-c-txt{background:rgba(20,36,74,0.9);}

.co-c-txt h3,
.co-c-txt p{
	display:block; font-size:16px;
}

.co-c-txt p span,
.co-c-txt p i{display:inline-block; vertical-align:middle;}
.co-c-txt p i{margin-right:8px;}
	
	

.fp-scroll-i{
	position:relative;
	z-index:4;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	height:30vh;
}

	
@media screen and (max-width:768px){

.fp-scroll-i{
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	height:auto;
}


}	
	
	
	
	
.co-case-cover{position:absolute; margin:auto; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10;
	display:flex; flex-wrap:wrap; align-content:center; justify-content:center; text-align:center; align-items:center;
	top:0; right:-50%; bottom:0; left:0;
	opacity:0; visibility:hidden;
	font-size:0;
}
.co-case-cover:before{
	content:'';
	position:absolute;
	margin:auto; width:94%; height:94%;
	border:#fff 1px solid;
}

.col-item:hover .co-case-cover{
	background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
	right:0;
	opacity:1; visibility:visible;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

	.co-c-link{
		display:inline-block; margin:10px; padding:8px 12px; text-align:center; color:#000; background:#fff; font-size:20px;
	}
	.co-c-link:hover{
		color:#fff;
		background:rgba(71,174,233,1);
	}
	
	.co-c-title{
		display:block; margin:10px; padding:8px 12px; width:100%; text-align:center; color:#fff; font-size:18px;
	}