/* by Adon , CSS Document */

.threeone{ float:left; width:100%;position:relative;height:1024px;color:#fff; text-align:center;}
.threeone1{background:url(../img/threeone1.jpg) no-repeat center;background-size:cover;}
.threeone2{background:url(../img/threeone2.jpg) no-repeat center;background-size:cover;}
.threeone3{background:url(../img/threeone3.jpg) no-repeat center;background-size:cover;}
.threeone .item{position:absolute;left:0;right:0;margin:-80px auto 0 auto;top:50%;}
.threeone .item .p1{font-size:25px;text-transform:uppercase}
.threeone .item .p2{font-size:60px;letter-spacing:20px;}
.threeone .item .p3{font-size:18px}
.threeon-ul{ float:left; width:100%; margin-top:10%;}
.threeon-ul small{ display:block; text-align:center; font-size:15px; color:#5f5f5f; max-width:800px; width:100%; margin:0 auto;}
.threeon-ul ul { float:left; width:100%; margin:10% 0;}
.threeon-ul ul li{ float:left; width:33.33%; text-align:center; position:relative;}
.threeon-ul ul li span{ display:block}
.threeon-ul ul li font{ display:block;}
.threeon-ul .threeone-ul1 li{border-top:solid 1px #e5e5e5; margin-left:1%; margin-right:1%; width:31.33%; padding:2.5% 0 5% 0;}
.threeon-ul .threeone-ul1 li span{ font-size:40px;}
.threeon-ul .threeone-ul1 li font{ font-size:18px; color:#5f5f5f; text-transform:uppercase}
.threeon-ul .threeone-ul1 li p{ font-size:14px; color:#5f5f5f; padding:0 5%;}
.threeon-ul .threeone-ul1 li img{ margin:10% 0;}
.threeon-ul .threeone-ul2 li{ width:31.33%; margin-right:2%; margin-bottom:2%;}
.threeon-ul .threeone-ul2 li.clear{ margin-right:0;}
.threeon-ul .threeone-ul2 li .item{ position:absolute; left:0; right:0; bottom:0; color:#fff; text-align:left; padding:10%;}
.threeon-ul .threeone-ul2 li span{ font-size:30px;}
.threeon-ul .threeone-ul2 li font{ font-size:20px; margin:10px 0 5px 0;}
.threeon-ul .threeone-ul2 li p{ font-size:15px;}
.threeon-ul .threeone-ul3 li{margin-left:1%; margin-right:1%; width:31.33%; }
.threeon-ul .threeone-ul3 li span{ font-size:25px; margin-top:10%;}
.threeon-ul .threeone-ul3 li font{font-size:15px;color:#5f5f5f;}
.threeon-ul .threeone-ul3 li p{font-size:14px;color:#5f5f5f; padding:0 5%; margin:10% 0 15% 0;}


@media (max-width:1024px){
.threeone{ padding:50% 0; height:auto;}
.threeone .item{ position:static; margin-top:0;}
}
@media (max-width:768px){
.threeon-ul .threeone-ul1 li{ width:48%}
.threeon-ul ul .clearfix{clear:none;display:none;}
.threeon-ul ul li.clear{ clear:both;}
.threeon-ul .threeone-ul2 li{ width:48%; margin-left:1% !important; margin-right:1% !important;}
.threeon-ul .threeone-ul3 li{ width:48%;}
.threeon-ul .threeone-ul3 li img{ padding:0 8%;}
.threeon-ul .threeone-ul1 li span{ font-size:34px;}
.threeon-ul .threeone-ul1 li font{ font-size:16px;}
.threeon-ul .threeone-ul2 li span{ font-size:26px;}
.threeon-ul .threeone-ul2 li font{ font-size:16px;}
.threeon-ul .threeone-ul3 li span{ font-size:22px;}
}
@media (max-width:640px){
.threeone .item .p1{ font-size:20px;}
.threeone .item .p2{ font-size:50px;letter-spacing:10px;}
.threeone .item .p3{ font-size:16px;}
.threeon-ul .threeone-ul1 li{ padding-top:5%; padding-bottom:10%;}
}
@media (max-width:480px){
.threeone .item .p1{ font-size:18px;}
.threeone .item .p2{ font-size:40px;}
.threeone .item .p3{ font-size:13px;}
.threeon-ul .threeone-ul2 li{ width:100%; margin-left:0px !important; margin-right:0px !important;}
.threeon-ul .threeone-ul1 li span{ font-size:30px;}
.threeon-ul .threeone-ul1 li font{ font-size:14px;}
.threeon-ul .threeone-ul1 li img{ width:60px;}
.threeon-ul .threeone-ul1 li p{ font-size:13px;}
.threeon-ul small{ font-size:13px;}
.threeon-ul .threeone-ul3 li span{ font-size:20px;}
}
@media (max-width:320px){
.threeone .item .p1{ font-size:16px;}
.threeone .item .p2{ font-size:28px;}
.threeone .item .p3{ font-size:12px;}
.threeon-ul small{ font-size:12px;}
.threeon-ul .threeone-ul1 li span{ font-size:24px;}
.threeon-ul .threeone-ul1 li font{ font-size:13px;}
.threeon-ul .threeone-ul1 li img{ width:50px;}
.threeon-ul .threeone-ul1 li p{ font-size:12px;}
.threeon-ul .threeone-ul2 li span{ font-size:22px;}
.threeon-ul .threeone-ul2 li font{ font-size:13px;}
.threeon-ul .threeone-ul2 li p{ font-size:12px;}
.threeon-ul .threeone-ul3 li span{ font-size:16px;}
.threeon-ul .threeone-ul3 li font{ font-size:13px;}
.threeon-ul .threeone-ul3 li p{ font-size:12px;}
}