/* by Adon , CSS Document */


.slider{ float:left; width:100%; position:relative; color:#fff; font-size:20px; height:1024px;}
.slider1{ background:url(../img/slider1.jpg) no-repeat center; background-size:cover;background-attachment:fixed}
.slider2{ background:url(../img/slider2.jpg) no-repeat center; background-size:cover;background-attachment:fixed}
.slider3{ background:url(../img/slider3.jpg) no-repeat center; background-size:cover;background-attachment:fixed}
.slider .item { position:relative;text-align:center; width:100%; top:50%; margin:-100px auto;}
.slider .item .p1{ font-size:50px;}
.slider .item .p3{ margin-top:50px;}
.slider .item .p3 a{ text-transform:uppercase; text-decoration:underline; color:#fff;}
.content { float:left; width:100%}
.content big{ display:block;font-size:35px; color:#2c2c2c; text-align:center; margin-top:10%; text-transform:uppercase}
.content small{ display:block;font-size:14px; color:#7c7c7c; text-align:center; max-width:800px; margin:25px auto 5% auto;}
.content .about{ float:left; width:100%; position:relative; margin-top:25px;cursor:pointer; overflow:hidden;}
.content .about:hover .pic-scale{-webkit-transform: scale(1.1);transform: scale(1.1);}
.content .about .item{ position:absolute; top:50%; left:0; margin-top:-60px;right:0; text-align:center; color:#fff;}
.content .about .item .p1{ text-transform:uppercase;font-size:30px;}
.content .about .item .p2{ font-size:15px; max-width:800px; margin:30px auto; padding:0 15px;}
.content .about .item .p3{ text-transform:uppercase; text-decoration:underline; color:#fff; font-size:15px;}
.content .about .item .p1 img{ height:80px;}

.contents-list { float:left; width:100%; margin-bottom:5%}
.contents-list big{ display:block; text-align:center; font-size:23px; color:#2c2c2c; border-top:solid 1px #e1e1e1; padding:5% 0;}
.contents-list li{ float:left; width:32.33%; margin-right:1.5%; position:relative; margin-bottom:1.5%}
.contents-list li.clear{ margin-right:0}
.contents-list li .item{ position:absolute; top:50%; left:0; color:#fff; text-align:center;width:100%;}
.contents-list li .item span{ display:block; font-size:25px; margin-bottom:20px;}
.contents-list li .item font{ display:block; font-size:15px; border: solid 1px #fff; border-radius:25px; width:140px; height:35px; line-height:35px;margin:0 auto;}
.contents-list.list1 li{ width:48.5%}

@media (max-width:1024px){
.slider{background-attachment: inherit !important}		
.slider{ height:auto;}
.slider .item{ margin:30% auto;}

.contents-list li .item span{ font-size:20px;}
.contents-list li .item font{ font-size:14px; width:130px;}
}
@media (max-width:768px){
.slider .item .p1{ font-size:40px;}
.slider{ font-size:16px;}
.content big{ margin-top:15%; font-size:30px;}
.content .about .item .p1{ font-size:26px;}
}
@media (max-width:640px){
.content big{ font-size:26px;}
.content .about .item .p1{ font-size:22px;}

.contents-list li .item span{ font-size:16px;}
.contents-list li .item font{ font-size:13px; width:110px;}
}
@media (max-width:480px){
.slider .item .p1{ font-size:28px;}
.slider{ font-size:14px;}
.slider .item{ margin:50% auto;}
.slider .item .p3{ margin-top:30px;}
.content .about .item .p2{ display:none;}
.content .about .item{ margin-top:-35px;}
.content big{ font-size:22px;}
.content small{ font-size:13px;}
.content .about .item .p1{ font-size:16px;}
.content .about .item .p1 img{ height:60px;}
.content .about .item .p3{ font-size:13px; text-align:right; margin:40px 15px; text-decoration:none;text-transform:capitalize;}

.contents-list big{ font-size:20px; padding:10% 0;}
.contents-list{ margin-bottom:10%;}
.contents-list li{ width:100% !important; margin-right:0 !important; margin-top:2.5%; margin-bottom:2.5%}
}
@media (max-width:320px){
.content small{ font-size:12px;}
.content .about .item .p1{ font-size:15px;}	

.contents-list big{ font-size:17px;}
}