.layerPopUpBox{width:100% !important;max-width:700px !important;height:100% !important;max-height:710px !important;font-size: 16px;color: #595959;padding-bottom:80px !important; top: 550px;}
.layerPopUpBox input[type="text"]{ border: 1px solid #EFEFEF;box-sizing: border-box;width:100%;height:40px;line-height:60px;}
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea:focus { background-color: #ffd; }
.layerPopUpBox  h3 { position:absolute;top:30px;margin-bottom:20px;color: #1C4684; font-weight: bold; font-size:30px;}
.layerPopUpBox  h4 {padding:10px 0;font-size:20px;color: #1C4684;border-bottom: 2px solid #484848;font-weight:bold;}
.layerPopUpBox  div > p{margin:10px 0px;font-size:12px;color:#333;line-height:14px;}
.reservationInfo{width:100%;background-color:#FFF;box-sizing: border-box; border-spacing: 0; border-collapse: collapse;}
.reservationInfo th{width:30%;max-width:80px;height:60px;line-height:60px;font-weight:bold;background-color: #EFEFEF;border-bottom: 1px solid #aaa;vertical-align:middle;}
.reservationInfo td{padding:0px 10px;border-bottom: 1px solid #aaa;vertical-align:middle;}
.reservationTel > *{float:left;}
.reservationTel > select{width: 50px;height: 40px;border: 1px solid #EFEFEF;box-sizing: border-box; font-size: 16px;color: #595959;}
.reservationTel > input{width:25% !important;max-width:80px}
.reservationTel > span{padding:0 2px;height:40px;display:inline-block;line-height:40px;}
.curriInfos li{padding:5px 0px;height:20px;border-bottom:1px solid #dadada;line-height:20px;font-size:14px;}
.curriInfos li:last-child{border:0;}
.blockTh{float:left;width:60px;}
.curriInfo{float:left;font-weight:bold;}
textarea {margin:10px 0;border: 1px solid #efefef; width:100%;height:123px;}
.checkBox > * {margin-top:10px; float: left; font-size:14px;}
.checkBox > p { font-weight: bold; color: #006CB8; }
.checkBox > a { font-weight: bold; color: #595959; }
.btnBox{margin-top:20px;text-align:center;}
.okBtn{width:100px;height:35px;border:0;color:#fff;background-color:#006CB8;font-size:14px;font-weight:bold;}


@media all and (max-width: 1079px) {
	.layerPopUpBox {top: 160px;}
}

@media all and (min-width: 1080px) {
	.layerPopUpBox {top: 550px;}
}

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

.layerPopUpBox  h3 {position:absolute;top:30px;margin-bottom:10px;color: #1C4684; font-weight: bold; font-size:20px;}
.layerPopUpBox  h4 {font-size:15px;}
.reservationInfo th{font-size:12px;}
.reservationInfo td{font-size:12px;}
.curriInfos li{font-size:12px;}
.checkBox > *{font-size:11px;}
}
@media all and (max-width: 350px){
#agree{margin-left:0;}
.displayBlockM{display:block;width:100%;margin-top:1px;}
}