@charset "utf-8";


#customization{margin: 85px auto 0 auto; padding: 300px 0; background: url("../img/customization_bg.jpg") no-repeat;  background-size:cover; overflow: hidden;}
#customization .prebook{width: 470px; text-align: left;}
#customization .prebook>.title{ color: #fff; padding-bottom: 20px;}
#customization .prebook>.title>h3{font-size: 3.6rem;}
#customization .prebook>.title>h4{font-size: 1.4rem;text-transform: uppercase;}
#customization .prebook>.prompt{ color: #fff; font-size: 1.6rem;}
#customization .prebook>.form{margin: 0 auto;}
#customization .prebook>.form .row{display: block; margin: 10px auto; position: relative;}
#customization .prebook>.form .row .layui-input, #customization .prebook>.form .row .layui-select, #customization .prebook>.form .row .layui-textarea { padding: 0 20px!important; height: 60px!important;line-height: 1.3;line-height: 60px\9!important; border-color: #676767!important; font-size: 1.6rem!important; color: #676767 !important; background-color: transparent!important;border-radius: 0!important;}
#customization .prebook>.form .row .layui-input::placeholder{color: #676767!important; font-size: 1.6rem!important;}
#customization .prebook>.form .row .layui-form-select dl { top: 59px; border: 1px solid #d2d2d2;background-color: #fff;border-radius: 0!important;}
#customization .prebook>.form .row .layui-form-selectup dl {top: auto; bottom: 59px;}
#customization .prebook>.form .row .layui-form-select dl dd.layui-this { position: relative; background-color: #002fa7!important;}
#customization .prebook>.form .row .layui-form-select dl dd.layui-this:after{position: absolute;z-index: 10; right: 10px; top: 50%; transform: translateY(-50%); width: 20px;height: 20px; line-height: 20px; color: #fff; text-align: center; font-family: iconfont; font-size: 1.6rem; content: '\e6b5';}
#customization .prebook>.form .row .layui-anim::-webkit-scrollbar {width:2px;height: 2px;}
#customization .prebook>.form .row .layui-anim::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); background:#002fa7;}
#customization .prebook>.form .row .layui-anim::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);border-radius: 0;background: #fff;}
#customization .prebook>.form .row #checkimg{position: absolute;z-index: 10; top: 50%; right: 20px; transform: translateY(-50%);}
#customization .prebook>.form .button_submit{ display: block; width: 100%;height: 60px; line-height: 60px; border: 0; background: #002fa7; font-size: 1.8rem; color: #fff;cursor: pointer; transition: all .35s;}
#customization .prebook>.form .button_disabled{background: #676767!important;}
#customization .prebook>.form .row .layui-input:hover{ background: #fff!important; color: #000!important;}

.layui-msg-custom-skin{background-color: rgba(0,47,167,.9) !important; color: #fff; text-align: center; border: 0!important; box-shadow: 0 2px 16px rgba(0,0,0,.1);}


@media only screen and (max-width: 1200px){

    #customization{margin: 0 auto;}
}

@media only screen and (max-width: 640px){


    #customization{padding: 150px 0;}
    #customization .prebook{width: 100%;}

    #customization .prebook>.form .row .layui-input, #customization .prebook>.form .row .layui-select, #customization .prebook>.form .row .layui-textarea { height: 50px!important;line-height: 50px\9!important; font-size: 1.5rem!important;}
    #customization .prebook>.form .row .layui-input::placeholder{font-size: 1.5rem!important;}

    #customization .prebook>.form .row .layui-form-select dl { top: 49px;}
    #customization .prebook>.form .row .layui-form-selectup dl {top: auto; bottom: 49px;}

}

@media only screen and (max-width:520px){

    #customization .prebook>.title>h3{font-size: 2.8rem;}
    #customization .prebook>.prompt{ font-size: 1.2rem;}

}