/* by Adon , CSS Document */

.customization1{ float:left; width:100%; color:#5c5c5c; margin-bottom:300px;}
.customization1 .p1{font-size:60px;}
.customization1 .p2{font-size:13px; color:#757575; max-width:500px; margin:20px 0;}
.customization1 .p3{font-size:40px;}
.customization2{ float:left; width:100%; color:#fff; text-align:center; height:1024px; background:url(../img/customization2.jpg) no-repeat center; background-size:cover; padding-top:250px;}
.customization2 .p1{font-size:25px;}
.customization2 .p2{font-size:16px; margin:40px 0 30px 0; line-height:25px;}
.customization2 .p3{font-size:13px; max-width:665px;width:100%;margin:0 auto;}
.customization2 ul{margin:100px auto 0;width:100%;max-width:765px;overflow:hidden}
.customization2 ul li{float:left;text-align:center;border:1px solid #9f9c97;width:167px;margin:0 12px;height:167px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.customization2 ul li a{color:#fff}
.customization2 ul li span{display:block;font-size:20px;margin:20px 0 10px}
.customization2 ul li font{display:block;font-size:15px;margin-bottom:15px}
.customization2 ul li:hover{border:1px solid #d2965c;background:#d2965c}
.customization3{ float:left; width:100%; color:#757575; text-align:center; padding:210px 0;}
.customization3 p{ margin:0 auto; max-width:833px; width:100%;}
.customization3 .p1{ font-size:15px;}
.customization3 .p2{ font-size:13px; margin:25px auto;}
.customization4{ float:left; width:100%; color:#fff; text-align:center; height:1024px; background:url(../img/customization4.jpg) no-repeat center; background-size:cover; padding-top:270px;}
.customization4 p{ margin:0 auto;width:100%;}
.customization4 .p1{ font-size:15px;max-width:833px; line-height:25px;}
.customization4 .p2{ font-size:13px;max-width:640px; margin-top:50px;}
/*预约*/
.reservation{ float:left; width:100%;}
.reservation .p1{ font-size:40px;}
.reservation .p2{ font-size:35px; margin:10px 0; line-height:40px;}
.reservation .p3{ font-size:16px; margin-bottom:15%}
.reservation .reservation-box{float:left;color:#fff;width:50%; padding:3%; height:580px;}
.reservation .reservation-box input{ color:#828282;}
.reservation .reservation-box input[type=radio]{width:17px;height:17px; position:relative; top:4px; margin-right:5px;}
.reservation .reservation-box big{ display:block;font-size:25px; line-height:30px;}
.reservation .reservation-box small{ display:block; font-size:20px; margin-top:5px;}
.reservation .reservation-box small i{ display:block; width:200px; height:1px; margin:30px 0;}
.reservation .reservation-box.bg1 small i{background:#737373;}
.reservation .reservation-box.bg2 small i{background:#dbab7d;}
.reservation .reservation-box ul li{ line-height:30px; margin-bottom:25px; float:left; width:100%;}
.reservation .reservation-box ul li label{ font-size:15px; font-weight:normal; margin-bottom:0; margin-right:10px;}
.reservation .reservation-box ul li .box{ width:85%;}
.reservation .reservation-box ul li .box font{ float:left;width:20%;}
.reservation .reservation-box.bg1 ul li .text{ height:30px; line-height:30px;border:0;background:#fff; padding:0 15px;}
.reservation .reservation-box.bg1 ul li .address,.reservation .reservation-box.bg1 ul li .citys{ width:90.5%; display:inline-block}
.reservation .reservation-box.bg1 ul li .citys select{ height:30px;line-height:30px;border:0;color:#828282;width:30%; margin-right:8px; max-width:125px; padding:0 15px;}
.reservation .reservation-box.bg1 ul li.txt .text{ width:200px;}
.reservation .reservation-box.bg1 ul li.txt #sex {width:100%;max-width:255px;}
.reservation .reservation-box.bg1 ul li.txt #sex font{ width:25%; display:inline-block}
.reservation .reservation-box .bort{padding-top:25px;}
.reservation .reservation-box.bg1 .bort{ border-top:solid 1px #737373; margin-bottom:5px; margin-top:10px;}
.reservation .reservation-box.bg2 .bort{ border-top:solid 1px #dbab7d;}
.reservation .reservation-box.bg2 ul li #fileName{ background:#fff; border:0; width:200px; padding:0 15px; display:inline-block; height:30px; line-height:30px;}
.reservation .reservation-box.bg2 ul li .comment-pic-upd{ position:relative; background:#505050; height:31px; width:83px; line-height:31px; text-align:center; color:#fff; display:inline-block;font-size:13px;}
.reservation .reservation-box.bg2 ul li .comment-pic-upd input{position: absolute;top: 0;left: 0;z-index: 100;width: 58px;height: 58px;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;background: none;border: none;cursor:pointer;outline:none}
.reservation .bg1{background:#505050;}
.reservation .bg2{background:#d2965c;}
.reservation .sub { float:left; width:100%; margin:5% 0 10% 0;}
.reservation .sub li{ float:left; width:50%;}
.reservation .sub li input{color:#fff; text-align:center; margin:0 5px;width:145px; height:47px; font-size:18px;line-height:45px; border:0;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
.reservation .sub li.l{ text-align:right;}
.reservation .sub li.r{ text-align:left;}

@media (max-width:1366px){
.reservation .reservation-box.bg1 ul li.txt .right{ margin-right:3px;}
.reservation .reservation-box.bg1 ul li .address,.reservation .reservation-box.bg1 ul li .citys{width:90%;}
}

@media (max-width:1333px){
.reservation .reservation-box .bort{ padding-top:0 !important; border-top:none !important; margin-top:0 !important;}
.reservation .reservation-box{ height:600px;}
}

@media (max-width:1280px){
.reservation .reservation-box{width:100%;padding:5%;height:auto;}
.reservation .reservation-box.bg1 ul li.txt .right{ float:left; clear:both; margin-top:25px;}
.reservation .reservation-box.bg1 ul li.txt .text{ width:390px;}
.reservation .reservation-box.bg1 ul li.txt #sex{ max-width:400px;}
}

@media (max-width:991px) and (min-width:769px){
.customization2 ul li{width:160px}
}

@media (max-width:768px){
.customization1{ margin-bottom:30%}
.customization1 .p1{ font-size:52px;}
.customization1 .p3{ font-size:36px;}
.customization2{ height:auto; padding:15% 0;}
.customization2 ul li{width:24%;margin:.5%!important}
.customization2 ul{margin-top:50px}
.customization3{ padding:15% 0 10% 0;}
.customization4{ padding:20% 0; height:auto}
.reservation .p1{font-size:33px}
.reservation .p2{font-size:30px}
.reservation .p3{font-size:16px}
}
@media (max-width:640px){
.customization1 .p1{ font-size:46px;}
.customization1 .p3{ font-size:30px;}
.reservation .p1{font-size:26px}
.reservation .p2{font-size:20px;line-height:28px}
.reservation .p3{font-size:13px}
.reservation .reservation-box ul li label{ display:block; float:none;}
.reservation .reservation-box.bg1 ul li.txt .text,.reservation .reservation-box.bg1 ul li .citys,.reservation .reservation-box.bg1 ul li .address{ width:100%;}
.reservation .reservation-box.bg1 ul li .citys select{ width:32.33%; margin-right:1%; max-width:none;}
.reservation .reservation-box.bg1 ul li .citys select:last-child{ margin-right:0; width:33.33%}
.reservation .reservation-box ul li .box{ width:100%;}
.reservation .reservation-box.bg1 ul li.txt #sex{ max-width:none;}
.reservation .reservation-box.bg1 ul li.txt #sex font{ width:20%;}
.reservation .reservation-box.bg1 ul li.txt .right{ width:100%} 
}
@media (max-width:580px){
.customization2 ul{max-width:333px}
.customization2 ul li{width:48%;margin:1%!important;height:150px}
.customization2 ul li span{font-size:16px}
.customization2 ul li font{font-size:13px}
.customization2 ul li .thumb{height:25px}
.area-radio font{ width:25% !important;}
}
@media (max-width:480px){
.customization1{ margin-bottom:20%}	
.customization1 .p1{ font-size:40px;}
.customization1 .p2{ margin:10px 0;}
.customization1 .p3{ font-size:24px;}
.customization2 .p1{ font-size:20px;}
.customization2 .p2,.customization3 .p1,.customization4 .p1{ font-size:14px; line-height:inherit}
.reservation .reservation-box ul li .box font{ width:25%;}
.reservation .reservation-box big{ font-size:22px;}
.reservation .reservation-box small{ font-size:18px;}
.reservation .reservation-box ul li label{ font-size:14px;}
.reservation .reservation-box small i{ margin:22px 0;}
}
@media (max-width:414px){
.area-radio font{ width:33.33% !important;}
.reservation .sub li input{ font-size:15px;width:130px; height:40px; line-height:40px;}
}
@media (max-width:320px){
.customization1 .p1{ font-size:36px;}
.customization1 .p3{ font-size:22px;}
.customization2 .p1{ font-size:16px;}
.customization2 .p2{ margin:20px 0;}
.customization4 .p2{ margin-top:30px;}
.reservation .reservation-box.bg1 ul li .text,.reservation .reservation-box.bg1 ul li .citys select{ padding:0 10px;}
.reservation .reservation-box ul li .box font{ width:33.33%;}
.area-radio font{ width:50% !important;}
.reservation .reservation-box.bg2 ul li #fileName{ width:160px;}
}