/* by Adon , CSS Document */

.showr1{ float:left; width:100%; color:#5c5c5c; margin-bottom:300px;}
.showr1 .p1{font-size:60px;}
.showr1 .p2{font-size:13px; color:#757575; max-width:500px; margin:20px 0;}
.showr1 .p3{font-size:40px;}
.showr3 {text-align:center; float:left; width:100%; margin:15% 0 350px 0; color:#757575;}
.showr3 p{ width:100%; margin:0 auto;}
.showr3 .p2{ font-size:15px;max-width:830px; margin:5% auto 20px auto;}
.showr3 .p3{ font-size:20px;max-width:750px; color:#757575; margin:25px auto 30px auto;}
.showr3 .p4{ font-size:20px; color:#fff; background:url(../img/showr.jpg) no-repeat 30px #d2965c;width:170px; line-height:40px; text-indent:20px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px; margin:5% auto 15% auto}
.showr3 .p4 a{ color:#fff;}
.showr3 .p5 img{ width:45%}
.showr4{ float:left; width:100%; background:#d2965c; color:#fff; position:relative; height:1024px;}
.showr4 .container{ position:relative; height:100%;}
.showr4 .thumb{ position:absolute;bottom:0;left:-285px; max-width:none}
.showr4 .item{ max-width:477px; width:100%; float:right; position:relative; z-index:1}
.showr4 .item .p1{font-size:50px;text-transform:uppercase; margin:170px 0 40px 0; line-height:55px;}
.showr4 .item .p2{font-size:16px;}
.showr4 .item .p3{font-size:13px; margin:20px 0 30px 0; line-height:20px;}
.showr4 .item .p4{font-size:20px;}
.showr4 .item .p4 a{ color:#fff;}

@media (max-width:1024px){
.showr3{ margin-bottom:25%}
.showr4{height:auto;}
.showr4 .thumb{position:static; max-width:100%; width:100%;}
.showr4 .container{ padding-left:0; padding-right:0;}
.showr4 .item{ padding-left:15px; padding-right:15px; max-width:100%; margin:15% 0}
.showr4 .item .p1{ margin-top:0;}
.showr3 .p3{ font-size:16px;}
}
@media (max-width:768px){
.showr1{ margin-bottom:30%}
.showr1 .p1{ font-size:52px;}
.showr1 .p3{ font-size:36px;}
.showr3 .p5 img{ width:47.5%}
}
@media (max-width:640px){
.showr1 .p1{ font-size:46px;}
.showr1 .p3{ font-size:30px;}
.showr4 .item .p1{ font-size:44px;}
}
@media (max-width:480px){
.showr1 .p1{ font-size:40px;}
.showr1 .p2{ margin:10px 0;}
.showr1 .p3{ font-size:24px;}
.showr1{ margin-bottom:20%;}
.showr3 .p1{ width:100px;}
.showr3 .p2{ font-size:14px;}
.showr3 .p4{ font-size:16px;}
.showr3 .p5 img{ width:100%; margin-top:20px;}
.showr4 .item .p1{ font-size:38px; line-height:45px;}
.showr4 .item .p2{ font-size:14px;}
.showr4 .item .p4{ font-size:18px;}
.showr3 .p3{ font-size:15px;}
}
@media (max-width:320px){
.showr1 .p1{ font-size:36px;}
.showr1 .p3{ font-size:22px;}
.showr3 .p3{ font-size:13px;}
}