a:visited {
	color: #8B7354;
	text-decoration: none;
	font-size: 13px;
}
a:link {
	color: #8B7354;
	text-decoration: none;
	font-size: 13px;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
	font-size: 13px;
}
.scrollcolor{
	SCROLLBAR-FACE-COLOR: #063;/*內頁上底圖*/
	SCROLLBAR-HIGHLIGHT-COLOR: #F00;
	OVERFLOW: auto;
	SCROLLBAR-SHADOW-COLOR: green;
	SCROLLBAR-3DLIGHT-COLOR: #099;
	SCROLLBAR-ARROW-COLOR: #630;
	SCROLLBAR-DARKSHADOW-COLOR: #069;
}
.scrollcolor1{
SCROLLBAR-ARROW-COLOR: #d8d8d8;
 SCROLLBAR-FACE-COLOR: #909090;
 SCROLLBAR-DARKSHADOW-COLOR: #000000;
 SCROLLBAR-HIGHLIGHT-COLOR: #6c486c;
 SCROLLBAR-SHADOW-COLOR: #d8d8d8;
 SCROLLBAR-TRACK-COLOR: #d8d8d8;
 SCROLLBAR-3DLIGHT-COLOR: #b4b4b4
}
.nobox {
	border: 1px dashed #FEFDE1;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a img { border-style:none;}
.news a:visited {  color: #5B1E00; text-decoration: none}
.news a:link {  color: #5B1E00; text-decoration: none}
.news a:hover {  color: #003399; text-decoration: underline}
.nobox {
	border: 1px dashed #FEFDE1;
}
.telfont {
	font-size: 13px;
	color: #343434;
	line-height: 18px;
	font-family: Verdana, Geneva, sans-serif;
}
.rolink a:visited {
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none
}
.rolink a:link {
	font-size: 15px;
	color: #ffffff;
	text-decoration: none
}
.rolink a:hover {
	font-size: 15px;
	color: #FFFF33;
	text-decoration: underline
}
.nobox {
	border: 1px dashed #FEFDE1;
}
.redfont {
	font-size: 13px;
	color: #FF0000;
}
.payfont {
	font-size: 13px;
	color: #FF0000;
	font-family: Verdana, Geneva, sans-serif;
}
.abfont {
	font-size: 13px;
	line-height: 22px;
	color: #4b2d1f;
}
.abfont1 {
	font-size: 13px;
	line-height: 20px;
	color: #4b2d1f;
}
.abfont2 {
	font-size: 13px;
	line-height: 20px;
	color: #4b2d1f;
	text-align: center;
}
.abfont3 {
	font-size: 13px;
	line-height: 20px;
	color: #4b2d1f;
}
.abfont4 {
	font-size: 13px;
	line-height: 20px;
	color: #4b2d1f;
}
.scefont {
	font-size: 13px;
	line-height: 22px;
	color: #333;
}
.locfont1 {
	font-size: 13px;
	line-height: 22px;
	color: #F00;
}
.locfont2 {
	font-size: 13px;
	line-height: 22px;
	color: #000;
}
.locfont3 {
	font-size: 13px;
	line-height: 22px;
	color: #4C7D85;
}

.facilityfont {
	font-size: 13px;
	line-height: 22px;
	color: #FFF;
}
.remittancefont {
	font-size: 13px;
	line-height: 22px;
	color: #FFF;
}
.newstitle{
	font-size: 13px;
	line-height: 22px;
	color: #03F;
}

.bbsfont{
	font-size: 13px;
	line-height: 22px;
	color: #000;
}
input[type="text"]{ padding: 8px 10px; line-height: 18px; }
.tourfont {
	font-size: 13px;
	line-height: 22px;
	color: #C60;
}
.notefont1 {
	font-size: 13px;
	line-height: 22px;
	color: #333;
}
.notefont2 {
	font-size: 13px;
	line-height: 22px;
	color: #333;
}
.notefont3 {
	font-size: 13px;
	line-height: 22px;
	color: #333;
}
.notefont4 {
	font-size: 13px;
	line-height: 22px;
	color: #FCF;
}
.newstitle{
	font-size: 13px;
	line-height: 22px;
	color: #03F;
}

.bbsfont{
	font-size: 13px;
	line-height: 22px;
	color: #000;
}
.newbk {
	background-image: url(images/news_02.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.roline {
	font-size: 13px;
	line-height: 19px;
	color: #000;

}
/*內頁上底圖*/
.index1_up {
	background-image: url(images/indexbk_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index1_mid {
	background-image: url(images/indexbk_02.jpg);
	background-repeat: repeat-y;
	background-position: center;

}
.index1_down {
	background: url(images/indexbk_04.jpg) no-repeat center bottom;
}
.ibk {
	background-image: url(images/ibk.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

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

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

/*---apply-------------------------------------------------------------------------------------------------------------------------------*/
.ui-widget {
    font-family: inherit !important;
    font-size: 1.1em;
}
/*apply*/
.apply {
    width:660px;
    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****/
/***********************/