/* by Adon , CSS Document */

.outlook{ float:left; width:100%;position:relative;height:1024px;color:#fff; text-align:center;background:url(../img/outlook.jpg) no-repeat center;background-size:cover;}
.outlook .item{position:absolute;left:0;right:0;margin:-80px auto 0 auto;top:50%;}
.outlook .item .p1{font-size:25px;text-transform:uppercase}
.outlook .item .p2{font-size:60px;letter-spacing:20px;}
.outlook .item .p3{font-size:18px}
.outlook-table{ float:left; width:100%; margin:10% 0;}
.outlook-table table{ text-align:center; width:100%;border-left:solid 1px #cecece;border-top:solid 1px #cecece;border-collapse:collapse; font-size:20px;}
.outlook-table tr td{ float:left;width:33.33%;border-right:solid 1px #cecece;border-bottom:solid 1px #cecece;padding:20px 0;}
.outlook-table tr td font.en{ font-size:12px; text-transform:uppercase; position:relative; top:-3px; margin-left:15px;}
.outlook-ul { float:left; width:100%; margin-bottom:10%;}
.outlook-ul ul { float:left; width:100%; margin-bottom:5%;}
.outlook-ul li{ float:left; width:47%;}	
.outlook-ul li.l{ margin-right:3%;}
.outlook-ul li.r{ margin-left:3%;}
.outlook-ul li big font{ float:left;font-size:120px; color:#69120a; line-height:80px; margin-right:5%;}
.outlook-ul li big{ font-size:30px;display:block;color:#5f5f5f;}
.outlook-ul li small{ font-size:35px; color:#69120a;display:block; margin-top:35px;}
.outlook-ul li p.en{ font-size:14px;}
.outlook-ul li p.cn{ font-size:16px; margin:8% 0 20px 0;clear:both;}
.outlook-ul li nav { overflow:hidden; margin-top:45px;}
.outlook-ul li nav a{ float:left; width:31.33%; border:solid 1px #cecece; font-size:14px; color:#515151; padding:3%;height:110px;margin-right:2%; margin-bottom:2%;}
.outlook-ul li nav a.clear{ margin-right:0;}

@media (max-width:1024px){
.outlook{ padding:50% 0; height:auto;}
.outlook .item{ position:static; margin-top:0;}
}
@media (max-width:768px){
.outlook-table table{ font-size:16px;}
.outlook-table tr td font.en{ top:-1px;}
.outlook-ul li{ width:100%; margin-left:0 !important; margin-right:0 !important}
}
@media (max-width:640px){
.outlook .item .p1{ font-size:20px;}
.outlook .item .p2{ font-size:50px;letter-spacing:10px;}
.outlook .item .p3{ font-size:16px;}
.outlook-ul li big font{ font-size:80px; line-height:67px;}
.outlook-ul li big{ font-size:24px;}
.outlook-ul li small{ font-size:28px;}
}
@media (max-width:480px){
.outlook .item .p1{ font-size:18px;}
.outlook .item .p2{ font-size:40px;}
.outlook .item .p3{ font-size:13px;}
.outlook-table table{ font-size:14px;}
.outlook-table tr td font.en{ display:none;}
.outlook-ul li nav a{ font-size:13px;}
.outlook-ul li p.cn{ font-size:14px;}
.outlook-ul li p.en{ font-size:12px;}
}
@media (max-width:320px){
.outlook .item .p1{ font-size:16px;}
.outlook .item .p2{ font-size:28px;}
.outlook .item .p3{ font-size:12px;}
.outlook .item .p3{ font-size:12px;}
.outlook-table table{ font-size:13px;}
.outlook-ul li big font{ font-size:60px; line-height:47px;}
.outlook-ul li big{ font-size:18px;}
.outlook-ul li small{ font-size:22px;}
.outlook-ul li nav a{ font-size:12px; height:130px;}
}