@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'font1';
    src:url(../font/open.ttf);
}
@font-face {
    font-family: 'font2';
    src:url(../font/verdana.ttf);
}
@font-face {
    font-family: 'font3';
    src:url(../font/Helvetica.ttf);
}
body{margin:0px;min-width:1024px;width:100%;}

/*****************Home****************/
.container{width:100%;height:auto;margin:auto;overflow:hidden;}
.header{width:100%;height:auto;margin:auto;overflow:hidden;background-color:rgba(0,0,0,.8);position:absolute;top:0px;}
.header>img{width:378px;height:auto;margin-left:5%;float:left;}
.menu{width:60%;height:auto;overflow:hidden;margin-top:1%;float:left;}
.menu>ul{list-style:none;}
.menu>ul>li{font-size:18px;font-family:font3;padding:1% 2%;float:left;}
.menu>ul>li>a{text-decoration:none;color:#fff;text-transform:uppercase;}
.menu>ul>li>a:hover{color:#F30;}
.slide{width:100%;height:auto;margin:auto;background-color:#666;overflow:hidden;}
/*****************/
.box1{width:90%;height:auto;overflow:hidden;position:absolute;top:70%;left:5%;border-radius:6px;}
.top-bx{width:40%;height:auto;float:left;background-image:url(../image/let-bg.png);background-repeat:no-repeat;
background-size:100% auto;text-align:center;}
.top-bx>h1{font-size:28px;font-family:font1;margin:0px;padding:2% 0px;color:#fff;}
.bx-search{width:100%;height:auto;margin:auto;overflow:hidden;}
.box2{width:100%;height:auto;overflow:hidden;margin:auto;overflow:hidden;background-color:#fff;border-radius:6px;}
.box-l{width:30%;height:150px;background-image:url(../image/bx-arw.png);background-repeat:no-repeat;
background-size:100% 100%;float:left;text-align:center;overflow:hidden;}
.box-l>h2{font-size:25px;font-family:font1;margin:2% 0px 1% 0px;color:#000;}
.box-l>h3{font-size:18px;font-family:font3;margin:1% 0px;color:#373535;}
#box-r{width:70%;height:auto;float:right;overflow:hidden;margin-top:3%;}
h4{font-size:18px;font-family:font3;margin:2% 0px 1% 0px;color:#373535;}
.search{width:80%;padding:2%;margin-top:2%;border:1px solid #ccc6c6;}
.srk{width:60%;padding:2%;margin-top:2%;border:1px solid #ccc6c6;}
.search1{width:70%;padding:2%;margin-top:2%;border:1px solid #ccc6c6;}
.search2{width:60%;padding:2%;margin-top:2%;border:1px solid #ccc6c6;}
.buton{padding:2% 4%;background-color:#32a2e3;color:#fff;font-family:font2;font-size:17px;border:none;}
/*************/
#cont{width:100%;height:auto;margin:auto;background-image:url(../image/bg.jpg);background-repeat:no-repeat;background-position:center;
background-size:100% 100%;padding-bottom:2%;}
#in-cont{width:90%;height:auto;margin:auto;overflow:hidden;padding-top:9%;}
.ser{width:30%;height:auto;float:left;overflow:hidden;margin-right:3%;text-align:center;}
.ser>img{width:100%;height:230px;}
.ser>h2{font-size:25px;font-family:font1;margin:2% 0px 1% 0px;color:#373535;}
.ser>p{font-size:16px;font-family:font1;color:#373535;width:95%;text-align:justify;font-weight:100;margin:auto;}
/***About US****/
#about{width:90%;height:auto;margin:auto;overflow:hidden;}
#about>h2{font-size:36px;font-family:font1;margin-top:2%;color:#000000;text-align:left;}
#about>p{font-size:18px;font-family:font1;color:#373535;width:95%;text-align:justify;font-weight:100;}
#about>h3{font-size:22px;font-family:font2;color:#373535;margin:0px;text-align:left;}
#about>ul>li{font-size:20px;font-family:font2;color:#373535;}


.box4{width:45%;float:left;height:auto;overflow:hidden;padding:2%;text-align:left;}
.box4>h2{font-size:30px;font-family:font1;margin-top:2%;color:#373535;margin-bottom:2%;}
.box4>h3{font-size:22px;font-family:font2;color:#373535;margin:0px;}

.box5{width:45%;float:right;height:300px;overflow:hidden;}
.box6{width:30%;height:250px;float:left;overflow:hidden;margin-right:3%;text-align:center;margin-top:2%;}
.box6>img{width:100%;height:100%;}
/***Reservation******/
#enquiry{width:35%;height:auto;float:left;margin-left:2%;}
.srh{width:80%;padding:2%;margin-top:2%;border:1px solid #ccc6c6;}
.srh1{width:85%;padding:2%;margin-top:2%;border:1px solid #ccc6c6;}
.msg{width:80%;padding:2%;margin-top:2%;border:1px solid #ccc6c6;height:60px;}
.butonn{padding:2% 4%;background-color:#32a2e3;color:#fff;font-family:font2; font-size:17px;border:none;margin-top:2%;margin-left:25%;}
.box7{width:60%;height:auto;float:right;overflow:hidden;}
.gry{width:47%;height:200px;float:left;margin-right:1%;margin-top:1%;}
.gry>img{width:100%;height:100%;}

/*****Gallery*******/
.gal-box{width:90%;height:auto;margin:auto;overflow:hidden;margin-top:2%;margin-bottom:2%;}
.gal-tit{width:25%;height:auto;background-image:url(../image/gal.png);background-repeat:no-repeat;background-size:100% 100%;text-align:center;}
.gal-tit>h2{font-size:32px;font-family:font1;padding-top:2%;padding-bottom:4%;color:#fff;margin:0px;}
.g-boxer{width:24%;height:230px;float:left;margin-right:1%;margin-top:2%;}
.g-boxer>img{width:100%;height:100%;}
/*Footer*/
#footer{width:90%;height:auto;margin:auto;background-color:#fff;padding:1% 5%;}
#footer>h5{font-size:16px;font-family:font1;color:#373535;margin:0px;float:left;width:25%;font-weight:100;padding-top:1%;}
#footer>h5>a{text-decoration:none;color:#F30;}
#box3{width:13%;height:auto;float:left;text-align:center;margin-left:15%;}
#box3>img{width:100%;height:auto;}
#foot-menu{width:40%;height:20px;float:right;overflow:hidden;}
#foot-menu>a{font-size:16px;font-family:font3;padding:1% 3%;float:right;text-decoration:none;color:#373535; }
#foot-menu>a:hover{color:#F30;}
/**********************************************Popup Stylup******************************************************/
#popup_bg,#popup_box{transition:all 1s;}
#popup_bg,#err_bg{width:100%; z-index:200; height:100%; position:fixed; top:0; left:0; display:none; text-align:center; background:rgba(0,0,0,.5);}
#popup_box,#err_box{width:500px; z-index:200; position:relative; height:auto; min-height:40px; padding:10px 0; background:#FFF; display:none; margin-top:10%; overflow:hidden; padding-bottom:10px;}
#err_bg,#err_box{transition:all 1s; display:inline-block;}
#err_box>h2,#err_box>h1{color:#13c5ff; font-size:28px;}
#popup_box>h2{text-align:left; font-family:font1; color:#000; margin:5px 5%;font-size:30px;}
#popup_box>form{width:80%; display:block; margin:auto; min-height:20px; overflow:hidden;}
#popup_box>form table h4{color:#000; margin-top:10px; margin-bottom:0;text-align:left;margin-left:20px;}