a:visited {  color: #163281; text-decoration: none}
a:link {  color: #163281; text-decoration: none}
a:hover {  color: #999999; text-decoration: underline}.nobox {
	border: 1px dashed #FEFDE1;
}
.abline {
	font-size: 13px;
	line-height: 21px;
	background-image: url(news/bk.gif);
}
.rtline {
	font-size: 13px;
	line-height: 28px;
	background-image: url(images/rtline.gif);
}
.pkline {
	font-size: 13px;
	line-height: 22px;
	background-image: url(images/pkline.gif);
}
.teline {
	font-size: 13px;
	line-height: 25px;
	background-image: url(images/teline.gif);
}
.bkphoto {
	background-image: url(images/index1_26.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.abbkphoto {
	background-image: url(images/abbox_05.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.telfont {
	cursor: text;
	olor: #000000;
	filter: DropShadow(Color=#333333, OffX=1, OffY=1, Positive=1);
}
.newphoto {
	background-image: url(images/news_04.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.rtbkphoto {
	background-image: url(images/tebox_05.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/***********************/
/***booking start***/

.booking {
    width: 950px;
    max-width: 100%;
    margin: 0 auto;
}

/*---apply-------------------------------------------------------------------------------------------------------------------------------*/
.ui-widget {
    font-family: inherit !important;
    font-size: 1.1em;
}
/*apply*/
.apply {
    width:1000px;
    margin:0 auto;
    max-width:90%;
    padding-bottom:7em;
    position:relative;
}
.apply iframe {
    width: 100%;
    height: 700px;
}
.apply label {
    width:48%;
    text-align:left;
    padding:0 1em;
    font-weight:normal;
}
.apply td {
    padding-bottom:1em;
}
table.tb1 input[type=text], textarea,table.tb1 input[type=date] {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 90%;
    background: rgb(255, 255, 255);
    border: solid 1px #dadada;
    border-radius: 5px;
    height: 40px;
    box-shadow: 1px 1px 1px rgb(158, 170, 175,.5);
}
.apply .s {
    display:inline-block;
    width:25%;
}
.apply .s input[type=text] {
    width:60px;
}
.apply input[type=submit],.apply input[type=reset] {
    background: #fff;
    border: solid 1px #a7a7a7;
    border-radius: 5px;
    padding: 10px 13px;
    letter-spacing: 1px;
    box-shadow: 2px 2px 1px rgba(0,0,0,.3);
    transition: .2s ease all;
    width: 150px;
    margin: 0 1%;
    color: #000;
}
.apply input[type=button]:hover,.apply input[type=reset]:hover,.apply input[type=submit]:hover {
    background: rgba(0,0,0,.8);
    box-shadow: 0px 0px 1px rgba(0,0,0,.3);
    color: #fff;
}
.apply input[type=reset] {
    background: rgb(173, 176, 176);
}
/*remark*/
.remark {
    text-align:center;
    color:#e64c2e;
    font-size:20px;
    margin-top:1em;
}
table.tb2 input[type=text],table.tb2 input[type=date] {
    box-shadow:none;
    width:80%;
    background: rgb(255, 255, 255);
    border: solid 1px #dadada;
    border-radius: 5px;
    height: 40px;
}
.table-condensed>tbody>tr>td {
    padding:10px;
}
.side {
    text-align:right;
}
    @media screen and (max-width:800px) {
        .apply label {
            width:100%;
        }
        .apply .s {
            width:30%;
            margin:.2em 0;
        }
        .apply iframe {
            width: 100%;
            height:800px;
        }
    }
    @media screen and (max-width:660px) {
        .apply .s {
            width:45%;
        }
    }
    @media screen and (max-width:480px) {
        table.tb1 tr {
            border-bottom: dashed 1px #dedede;
            display:block;
            padding:.5em 0;
        }
        table.tb1 td {
            padding-bottom: .5em;
            display: block;
            text-align: left !important;
            width: 100% !important;
        }
        .side {
            text-align:left;
        }
        .apply label {
            padding:0 1em 0 0;
        }
        table.tb1 input[type=text], textarea,table.tb1 input[type=date] {
            width:100%;
        }
        .apply table.tb2 tr {
            border-bottom: dashed 0px #dedede;
            padding: .5em 0;
        }
        .apply .s {
            width:40%;
        }
        .apply {
            padding-bottom:8em;
        }
        table.tb2 input[type=text], table.tb2 input[type=date] {
            width:100%;
        }
        .table-condensed>tbody>tr>td {
            padding: 5px;
        }
    }
    @media screen and (max-width:350px) {
        .apply .s {
            width: 48%;
        }
        .apply input[type=submit], .apply input[type=reset] {
            width: 100%;
            margin: .5em 0;
        }
        .apply {
            padding-bottom:6em;
        }
    }


/***booking end****/
/***********************/