@charset "utf-8";
/* CSS Document */

/*****=Reset***************************************************************************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, img { margin: 0; padding: 0; } 
ul,ol,li{list-style:none;}
img{border:none;}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }


/*********=首頁*************************************************************************/

.default{
	background-color: transparent;
	background-image: none;

}
.default #container {
	text-align: center;
	width: 830px;
	background-image: url(../images/index_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.default h1 {
	background-image: url(../images/index_title_bg.jpg);
	height: 200px;
}
.default h1 span {
	display: block;
	text-indent: -100000px;
}
.default #nav {
	background-image: url(../images/index_nav_bg.jpg);
	height: 83px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.default #nav li {
	display: inline;
}
.default  #nav  a {
}
.default #feature {
	background-image: url(../images/index_mid_bg.jpg);
	background-repeat: no-repeat;
	height: 134px;
	background-position: top;
}
.default #news-list {
	text-align: left;
	padding-left: 85px;
}
.default #news-list table {
	margin-left: 5px;
}
.default #news-list td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	color: #363636;
	padding-right: 10px;
}
.default .news-title a, .default .news-title a:visited {
	font-size: 13px;
	color: #349fef;
	text-decoration: none;
	font-weight: bold;
}
.default .news-title a:hover {
	text-decoration: underline;
}


.default #footer {
	background-color: transparent;
	background-image: url(../images/index_footer_bg.gif);
	position: relative;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.default #footer ul {
	margin-left: 250px;
	display: inline;
}
.default #footer .copyright {
	height: 30px;
}
.default #footer .lan-icon {
	height: 30px;
	right:60px;
	position: relative;

}

*html .default #footer .lan-icon {

	top: 13px;
}





/******=Layout*************************************************************************/
#wrapper{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	
}



#content{
	background-image: url(../images/main_content_bg_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 90px;
	padding-top: 30px;
}

#floatdiv{
	position:absolute;
	background-image: url(../images/float_tag_bg.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 41px;
	padding-top: 14px;
	padding-left: 5px;
}
#floatdiv a {
	margin-bottom: 3px;
	display: block;
}


.left {
	float: left;
	margin-right: 10px;
}
.clear {
	clear: both;
}

/*************************=News Pop*****************************/

.news-index{
    font-size:12px;
    background:none transparent;
    margin:0;
	padding:0;

}
.news-pop {
	border: 1px solid #CCCCCC;
	margin: 5px;
	width: 400px;
}
.news-pop td{
    font-size:12px;
}
.news-pop p{
    line-height:20px;
}
.news-pop .title {
	background-position: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/title_bg.gif);
	background-repeat: repeat-x;
	background-color: #FCFCFC;
}
.news-pop .news-title {
	height: 15px;
	margin-bottom: 10px;
}

.news-pop  h3 {
	font-size: 15px;
	color: #349fef;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-left: 8px;
	height: 15px;
	line-height: 20px;
	float: left;
}
.news-pop .news-date {
	float: left;
	line-height: 15px;
	height: 15px;
	margin-left: 20px;
	color: #999999;
}

.news-pop td {
	padding: 10px;
	font-size: 12px;
}
.news-pop p {
	font-size: 13px;
	margin-bottom: 6px;
}


.news-pop2 {
	border: 1px solid #CCCCCC;
	margin: 5px;
	width: 250px;
}
.news-pop2 td{
    font-size:12px;
}
.news-pop2 p{
    line-height:20px;
}
.news-pop2 .title {
	background-position: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/title_bg.gif);
	background-repeat: repeat-x;
	background-color: #FCFCFC;
}
.news-pop2 .news-title {
	height: 15px;
	margin-bottom: 10px;
}

.news-pop2  h3 {
	font-size: 15px;
	color: #349fef;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-left: 8px;
	height: 15px;
	line-height: 15px;
	float: left;
}
.news-pop2 .news-date {
	float: left;
	line-height: 15px;
	height: 15px;
	margin-left: 20px;
	color: #999999;
}

.news-pop2 td {
	padding: 10px;
	font-size: 12px;
}
.news-pop2 p {
	font-size: 13px;
	margin-bottom: 6px;
}

/*************************=Rooms Pop*****************************/

.rooms-index{
    font-size:12px;
    background:none transparent;
    margin:0;
	padding:0;

}
.rooms-index h3 {
	font-size: 13px;
	color: #006699;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-left: 6px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.rooms-index li {
	margin-bottom: 4px;
}





/*******=Typegrophy*******************************************************************/

body,p{font-size:13px;}
body {
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-x;
}





/*****=Header*************************************************************************/

#header{
	background-image: url(../images/main_menu_bg.gif);
	height: 40px;
	background-repeat: repeat-x;
	position: relative;
}


/********=MainNav****************************************************************************/
#main-nav {
	display: inline;
	position: absolute;
	right: 0px;
}
#main-nav li {
	float: left;
}
#main-nav   li  span {
	text-indent: -30000px;
	display: block;
}
#main-nav a{
display: block;
height:40px;
}
#main-nav .nav-news a:link,#main-nav .nav-news a:visited {
	background-image: url(../images/news_btn.gif);
	background-repeat: no-repeat;	
	width: 86px;	
}
#main-nav .nav-brand a:link,#main-nav .nav-brand a:visited {
	background-image: url(../images/brand_btn.gif);
	background-repeat: no-repeat;
	width: 81px;
}
#main-nav .nav-brand-e a:link,#main-nav .nav-brand-e a:visited {
	background-image: url(../images/en/brand_btn.gif);
}

#main-nav .nav-map a:link,#main-nav .nav-map a:visited {
	background-image: url(../images/map_btn.gif);
	background-repeat: no-repeat;
	width: 82px;
}
#main-nav .nav-map-e a:link,#main-nav .nav-map-e a:visited {
    background-image: url(../images/en/map_btn.gif);
}
#main-nav .nav-room a:link,#main-nav .nav-room a:visited {
	background-image: url(../images/room_btn.gif);
	background-repeat: no-repeat;
	width: 83px;
}
#main-nav .nav-room-e a:link,#main-nav .nav-room-e a:visited {
	background-image: url(../images/en/room_btn.gif);
	width:100px;
}
#main-nav .nav-order a:link,#main-nav .nav-order a:visited {
	background-image: url(../images/order_btn.gif);
	background-repeat: no-repeat;	
	width: 86px;	
}
#main-nav .nav-order-e a:link,#main-nav .nav-order-e a:visited {
	background-image: url(../images/en/order_btn.gif);
	width: 100px;	
}
#main-nav .nav-contact a:link,#main-nav .nav-contact a:visited {
	background-image: url(../images/contact_btn.gif);
	background-repeat: no-repeat;	
	width: 86px;	
}
#main-nav .nav-contact-e a:link,#main-nav .nav-contact-e a:visited {
	background-image: url(../images/en/contact_btn.gif);

}


/********=Footer**********************************************************************/
#footer{
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	height: 44px;
	line-height: 44px;
	font-size: 11px;
	color: #898788;
	
}
#footer .footer-content {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	text-align: center;
}



#footer ul{
	margin-left: 90px;
	float: left;
}
#footer li {
	float: left;
	margin-right: 10px;
	
}
#footer li.last {
	
}
#footer a:link, #footer a:visited {
	color: #64625d;
	text-decoration: none;
	
}
#footer a:hover {
	text-decoration: underline;

}
#footer  .copyright{
	font-size: 11px;
	float: left;

}
#footer #store {
	float: right;
	margin-top: 15px;
	margin-right: 75px;
}

#vertical li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

/*****=Main Content*******************************************************************/

.CollapsiblePanel {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.cat-header

 {
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
	width: 784px;
}
.cat-header  .title {
	background-repeat: repeat-x;
	text-align: left;
	margin-right: 3px;
	margin-left: 3px;
	padding-left: 10px;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/title_bg.gif);
	position: relative;
	height: 26px;
}
.cat-header  .title  span {
	position: absolute;
	right: 5px;
}
.cat-details {
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
	width: 784px;
	text-align: center;
	padding-top: 15px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.cat-details a{
	color: #09C;
	text-decoration: none;
}

.news-main {
	font-size: 12px;
	color: #606060;
	margin-top: 15px;
}
.news-main td, .news-main th {
	text-align: left;
	padding-left: 12px;
}
.news-main th {
	color: #349fef;
	height: 22px;
}
.news-main span {
	font-weight: normal;
	float: right;
	display: block;
	color: #363636;
}
.news-main h4 {
	float: left;
	font-size: 13px;
}
.news-main h4 a, .news-main h4 a:visited {
	color: #349fef;
	text-decoration: none;
}
.news-main h4 a:hover {
	text-decoration: underline;
}



.news-main table {
	margin-bottom: 20px;
}
.news-main .news-img img {
	padding: 1px;
	border: 1px solid #999999;
}
.room-main {
	text-align: left;
	margin-right: 30px;
	margin-left: 40px;
	font-size: 12px;
	color: #575757;
}
.room-main p {
	margin-bottom: 6px;
}
.room-main ul.room-feature {
	margin-right: 20px;
	margin-left: 15px;
}

.room-main ul.room-feature li {
	list-style-type: disc;
	margin-bottom: 5px;
}
.room-main a {
	text-decoration: none;
	color: #6A6A6A;
}
.room-main a:hover {
	text-decoration: underline;
}
 #room-con, #order-con, #contact-con, #room2, #room3, #room4, #room5, #room6 {
	display: none;
}
.room-list-title {
	background-image: url(../images/room_list_title_bg.gif);
	height: 30px;
	background-repeat: no-repeat;
	line-height: 30px;
}
.room-list-view  {
	background-image: url(../images/room_list_top_bg.gif);
	background-repeat: no-repeat;
	height: 28px;
}
.room-list-view a {
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}
#room-list dt {
	background-image: url(../images/room_list_col_bg.gif);
	height: 53px;
	background-repeat: no-repeat;
	line-height: 53px;
}
#room-list {
	background-image: url(../images/room_list_bg.gif);
	background-repeat: repeat-y;
}
#room-list dd {
	background-image: url(../images/room_list_alt_line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#room-list .room-content {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 50px;
}
#room-list .room-content .room-pic {
	padding: 2px;
	border: 1px solid #CCCCCC;
}

#room-list .room-content h4 {
	color: #834b03;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #333333;
	padding-left: 5px;
	display: block;
	margin-left: 200px;
	font-size: 13px;
	font-weight: normal;
}
#room-list .room-content .star {
	color: #834b03;
	font-weight: bolder;
}
#room-list .room-content ul {
	margin-top: 10px;
	margin-left: 205px;
}
#room-list .room-content li {
	margin-bottom: 5px;
}
#room-list .room-content .room-btn {
	text-align: right;
	margin-top: 10px;
}
#room-list .room-name {
	display: inline;
	float: left;
	
}
#room-list .room-name-en{
   	display: block;
	float: left;
	width:140px;

}

#room-list .bed-pic {
	float: right;
	width: 160px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
	margin-top: 10px;
}
#room-list .bed-pic-en {
    position:relative;
	left:10px;
	top:6px;
}
#map-con #mymap {
	margin-left: 40px;
	border: 1px solid #CCCCCC;
	width: 700px;
	float: left;
}
#map-con #side_bar {
	float: left;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 40px;
	width: 84%;
	text-align: left;
	padding: 0px;
}
#map-con #side_bar a, #map-con #side_bar a:visited {
	color: #0099CC;
	text-decoration: none;
}
#map-con #side_bar a:hover {
	text-decoration: underline;
}
.gmap-alert {
	font-size: 11px;
	text-align:left;
}

/*********************=easyslider************************/
/* Easy Slider */
#slider{
background-color:#000;
margin-bottom:5px;
}

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:450px;
		height:266px;
		overflow:hidden; 
		}
		span#prevBtn{padding-right:5px;}
	span#prevBtn a,span#prevBtn a:visited{ color:#0066CC;}
	span#nextBtn a,span#nextBtn a:visited{color:#0066CC;}					

/* // Easy Slider */