@font-face{font-family:"UTM";src:url(UTM_Neo_Sans_Intel.ttf) format("truetype")}
body{padding:0;margin:0;color:#FFF;display:block;background-image:url(body-bg.png);background-repeat:repeat;background-position:top left;background-attachment:scroll}
.main{width:960px;margin:0 auto;margin-top:0;background-image:url(bg.jpg);overflow:hidden;display:block;box-shadow:0 0 5px #000}
.dat-ban{width:265px;margin-top:37px;margin-left:19px;float:right}
.form-dat-ban{background:#FFC20F;border-radius:.6em;text-align:center;min-height:474px;overflow:hidden;padding-bottom:10px}
.anh-logo{width:150px;margin-top:16px}
.dat-ngay{margin:0;margin-top:18px;font-family:UTM;color:#000;padding:0;font-weight:700}
.dat-ngay-note{font-family:Arial;font-size:11px;color:#000;margin:0;padding:0;margin-top:7px;margin-bottom:8px;line-height:11px}
#name{border:0;border-top:1px #E4C982 solid;border-left:1px #E5DABA solid;border-bottom:1px #E3D6B3 solid;border-right:1px #E1D09A solid;width:222px;padding:8px 12px;border-radius:.2em;height:10px}
#phone{border:0;border-top:1px #E4C982 solid;border-left:1px #E5DABA solid;border-bottom:1px #E3D6B3 solid;border-right:1px #E1D09A solid;width:222px;padding:8px 12px;border-radius:.2em;margin-top:12px;height:10px}
#email{border:0;border-top:1px #E4C982 solid;border-left:1px #E5DABA solid;border-bottom:1px #E3D6B3 solid;border-right:1px #E1D09A solid;width:222px;padding:8px 12px;border-radius:.2em;margin-top:12px;height:10px}
#dateBook{border:0;border-top:1px #E4C982 solid;border-left:1px #E5DABA solid;border-bottom:1px #E3D6B3 solid;border-right:1px #E1D09A solid;width:222px;padding:8px 12px;border-radius:.2em;margin-top:12px;height:10px}
#timeBook{border:0;border-top:1px #E4C982 solid;border-left:1px #E5DABA solid;border-bottom:1px #E3D6B3 solid;border-right:1px #E1D09A solid;width:248px;padding:6px 12px;border-radius:.2em;margin-top:8px}
#numCus{border:0;border-top:1px #E4C982 solid;border-left:1px #E5DABA solid;border-bottom:1px #E3D6B3 solid;border-right:1px #E1D09A solid;width:248px;padding:6px 12px;border-radius:.2em;margin-top:8px}
#diaDiem{border:0;border-top:1px #E4C982 solid;border-left:1px #E5DABA solid;border-bottom:1px #E3D6B3 solid;border-right:1px #E1D09A solid;width:248px;padding:6px 12px;border-radius:.2em;margin-top:12px}
.nut-dat-ban{border:0;border-top:1px #E4C982 solid;border-left:1px #E5DABA solid;border-bottom:1px #E3D6B3 solid;border-right:1px #E1D09A solid;padding:6px 12px;border-radius:.2em;background:#FFF;font-weight:700;margin-top:12px}
.loi-chuc{background:#FFC20F;border-radius:.6em;text-align:center;height:165px;overflow:hidden;margin-top:25px}
.loi-chuc p{font-family:UTM;color:#000;font-size:17px;padding:0;margin:0;margin-top:17px;line-height:17px;margin-bottom:14px}
.loi-chuc textarea{margin-top:0;margin-bottom:0;height:98px;background-repeat:repeat;background-image:none;background-position:0 0;width:246px;border-radius:.3em;border:none}
.set-an-text{width:676px;margin-top:37px}
.set-an-text-p1{font-family:Lobster;color:#D2282B;font-size:38px;line-height:38px;padding:0;margin:0;margin-left:60px;text-shadow:2px 0 1px #fff,-2px 0 1px #fff,0 2px 1px #fff,0 -2px 1px #fff,1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff}
.set-an-text-p2{color:#FFC20F;font-family:UTM;font-weight:700;font-size:59.6px;margin:0;margin-left:59px;line-height:48px;margin-top:0;text-shadow:1px 0 2px #000}
.set-an-text-p3{font-family:Lobster;color:#D2282B;font-size:41px;line-height:38px;margin:0;margin-left:411px;margin-top:24px;text-shadow:2px 0 1px #fff,-2px 0 1px #fff,0 2px 1px #fff,0 -2px 1px #fff,1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff}
.set-an-text-p3 span{font-size:52px}
.set-an-text-p4{color:#FFC20F;font-family:UTM;font-weight:700;font-size:41px;font-style:italic;margin:0;margin-left:54px;margin-top:13px;text-shadow:1px 0 2px #000}
.set-an-text-p5{font-family:Lobster;color:#D2282B;font-size:40px;line-height:38px;margin:0;margin-left:236px;margin-top:7px;text-shadow:2px 0 1px #fff,-2px 0 1px #fff,0 2px 1px #fff,0 -2px 1px #fff,1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff}
.set-an-text-p6{font-family:Lobster;color:#D2282B;font-size:38px;line-height:38px;margin:0;margin-left:458px;margin-top:13px;text-shadow:2px 0 1px #fff,-2px 0 1px #fff,0 2px 1px #fff,0 -2px 1px #fff,1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff}
.set-an{width:676px;position:relative;display:block;height:356px}
.anh-nem-lui{position:absolute;left:0;top:0}
.anh-mojito{position:absolute;top:52px;right:10px}
.mon-an{width:400px;float:right;text-align:center;margin-bottom:39px;margin-top:45px}
.mon-an-tieu-de{color:#FFC20F;font-family:UTM;font-size:18px;text-shadow:1px 0 2px #000;margin:0;margin-bottom:10px}
.mon-1{width:125px;float:left;text-align:center;margin:0;padding:0;margin-left:86px;margin-right:14px}
.mon-1-p{font-size:14px;font-family:UTM;margin:0;padding:0}
.mon-2{width:107px;float:left;text-align:center;margin:0;padding:0}
.mon-2-p{font-size:14px;font-family:UTM;margin:0;padding:0}
.mon-3{width:107px;float:left;text-align:center;margin:0;padding:0;margin-right:14px;margin-left:24px;margin-top:4px}
.mon-3-p{font-size:14px;font-family:UTM;margin:0;padding:0}
.mon-4{width:107px;float:left;text-align:center;margin:0;padding:0;margin-right:14px;margin-top:4px}
.mon-4-p{font-size:14px;font-family:UTM;margin:0;padding:0}
.mon-5{width:107px;float:left;text-align:center;margin:0;padding:0;margin-top:4px}
.mon-5-p{font-size:14px;font-family:UTM;margin:0;padding:0}
.dieu-kien{float:left;width:500px;margin-left:19px;padding-right:40px}
.dieu-kien-p1{color:#FFC20F;font-family:UTM;font-size:18px;margin:0;margin-top:45px}
.dieu-kien-p2{font-family:UTM;font-size:16px;margin-top:7px;margin-bottom:22px}
.dieu-kien-p3{color:#FFC20F;font-family:UTM;font-size:18px;margin:0}
.dieu-kien-p4{font-family:UTM;font-size:16px;margin-top:7px;margin-bottom:22px}
.dieu-kien-p5{color:#FFC20F;font-family:UTM;font-size:18px;margin:0}
.dieu-kien-p6{font-family:UTM;font-size:16px;margin-top:7px;margin-bottom:22px}
.banner{display:block;overflow:hidden;width:676px;float:right}
.valid-note{margin:0;padding:0;font-size:11px;display:none;color:#000;font-family:UTM}
.cac-mon-box-4,.cac-mon-box-5{display:none}
@media only screen and (max-device-width : 768px) {
.dat-ban{float:left;width:34%;margin-left:3%;margin-right:3%}
.banner{float:left;width:100%}
.set-an-text{margin:0 auto;margin-top:37px}
.set-an{margin:0 auto;padding-right:40px}
.anh-mojito{right:30px}
.dieu-kien{float:right;width:55%;margin-left:0;padding-right:5%}
.mon-an{width:60%;float:right;text-align:left}
.mon-1{margin-left:0}
#name,#email,#phone,#dateBook{width:80%}
#diaDiem,#timeBook,#numCus,.loi-chuc textarea{width:90%}
.dieu-kien-p1{margin-top:0}
.main{width:100%}
}
@media only screen and (max-device-width : 425px) {
.dat-ban{float:left;width:94%;margin-left:3%;margin-right:3%}
.banner{float:left;width:100%}
.set-an-text{margin:0 auto;margin-top:37px;width:96%;text-align:center}
.set-an{margin:0 auto}
.dieu-kien{float:right;width:94%;margin-left:3%;margin-right:3%;margin-left:0;padding-right:0}
.mon-an{width:94%;margin-left:3%;margin-right:3%;float:right;text-align:center}
.mon-1{margin-left:0}
#name,#email,#phone,#dateBook{width:80%}
#diaDiem,#timeBook,#numCus,.loi-chuc textarea{width:88%}
.dieu-kien-p1{margin-top:0}
.nut-dat-ban{width:30%}
.main{width:100%}
.set-an-text-p1{margin-left:0;font-size:30px}
.set-an-text-p2{margin-left:0;font-size:31px}
.set-an-text-p3{margin-left:0;font-size:30px;margin-top:10px}
.set-an-text-p3 span{font-size:33px}
.set-an-text-p4{margin-left:0;font-size:30px}
.set-an-text-p5{margin-left:0;font-size:30px}
.set-an-text-p6{margin-left:0;font-size:30px}
.set-an-text{margin-left:1%;margin-right:1%}
.set-an{width:100%;height:208px}
.anh-nem-lui{width:53%;top:10px}
.anh-mojito{width:38%;top:23px;right:40px}
.cac-mon{overflow:hidden}
.mon-1{margin-right:7px;width:107px;margin-left:0}
.mon-2{margin-right:7px;margin-left:7px}
.mon-3{margin-right:0;margin-left:7px}
.mon-4{margin-left:0;margin-right:7px}
.mon-5{margin-right:0;margin-left:7px}
.cac-mon-box-4,.cac-mon-box-5{display:block}
.cac-mon-box-1,.cac-mon-box-2,.cac-mon-box-3{display:none}
.cac-mon-box-4{overflow:hidden;width:349px;margin:auto}
.cac-mon-box-5{overflow:hidden;width:234px;margin:auto}
}
@media only screen and (max-device-width : 360px) {
.mon-1{margin-right:4px;width:107px;margin-left:0}
.mon-2{margin-right:4px;margin-left:4px}
.mon-3{margin-right:0;margin-left:4px}
.mon-4{margin-left:0;margin-right:4px}
.mon-5{margin-right:0;margin-left:4px}
.cac-mon-box-4{overflow:hidden;width:337px;margin:auto}
.cac-mon-box-5{overflow:hidden;width:222px;margin:auto}
.set-an{height:186px}
}
@media only screen and (max-device-width : 320px) {
.cac-mon-box-4,.cac-mon-box-5{display:none}
.cac-mon-box-1,.cac-mon-box-2,.cac-mon-box-3{display:block}
.cac-mon-box-1{overflow:hidden;width:234px;margin:auto}
.cac-mon-box-2{overflow:hidden;width:234px;margin:auto}
.cac-mon-box-3{overflow:hidden;width:107px;margin:auto}
.mon-1{margin-right:10px;width:107px;margin-left:0}
.mon-2{margin-right:0;margin-left:10px}
.mon-3{margin-right:10px;margin-left:0}
.mon-4{margin-right:0;margin-left:10px}
.mon-5{margin-right:0;margin-left:0}
.set-an{width:100%;height:165px}
}
.ui-widget.ui-widget-content{padding:0;box-shadow:0 0 20px #000;border:none;font-family:UTM}
.ui-draggable .ui-dialog-titlebar{background-color:#FFC20F;border:0}
.ui-dialog .ui-dialog-title{margin-top:0}
.ui-widget-overlay.custom-overlay{height:100%;width:100%;position:fixed;z-index:1;left:0;top:0;background-color:rgba(0,0,0,0.7);overflow-x:hidden}