/*******
color1 : #8dc63f
color2 : #609616
*******/

html, body
{
	height:100%;
	min-width:320px;
}

body,
textarea,
input
{
	font-family:Verdana, Geneva, "Microsoft JhengHei", "微軟正黑體", PMingLiU;
}
.fontGeorgia
{
	font-family:Georgia, "Times New Roman", Times, "微軟正黑體", "Microsoft JhengHei";	
}
.fontTimes
{
	font-family:"Times New Roman", Times, "微軟正黑體", "Microsoft JhengHei";	
}
body
{
	font-size:15px;
	color:#000;
}
*{
	/**zoom:1;	*/
}

/************************* Common ***************************/
.wrapper
{
	position:relative;
	min-height:100%;
}
.clear{
	clear:both;
	font-size:0;
	line-height:0;
	line-height:none;
	height:0;
	overflow:hidden;
	margin:0;
	padding:0;
}
.clearRight{
	clear:right;
	font-size:0;
	line-height:none;
}
.clearLeft{
	clear:left;
	font-size:0;
	line-height:none;
}
.placeholder
{
	color:#aaa !important;		
}
.empty{
	display:none;	
}
.vertical{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

.hr{
	position:relative;
	width:100%; height:13px;
	background:url(../images/common/m_line.jpg) repeat-x center;	
	margin: 5px 0;
}
.hrGrey{
	position:relative;
	width:100%; height:1;
	font-size:0;
	line-height:0;	
	margin: 5px 0;
	border-bottom: 1px solid #6f6f6f;
}

.desktop,
.tablet,
.mobile
{
	display:none !important;	
}
.responsive1000 .desktop
{
	display:block !important;
}
.responsive760 .tablet
{
	display:block !important;
}
.responsive0 .mobile
{
	display:block !important;
}

.blackBtn
{
	display:inline-block;
	background:#000;
	color:#fff;
	font-size:14px;
	padding:1px;
	line-height:1.2em;
	text-align:center;
}
.blackBtn span
{
	display:inline-block;
	padding:0 35px;
	border:1px solid #fff;
	height:26px;
	line-height:26px;
	white-space:nowrap;
	cursor:pointer;
}
.blackBtn.touchover
{
	background:#222;
}
.responsive0 .blackBtn
{
	font-size:13px;
}
.responsive0 .main
{
	position:relative;
	min-width:100%;
	min-height:100%;
	overflow:hidden;
}
a{
	color:#609616;
}
a:hover{
	color:#426b0a;
	text-decoration:none;
}
.greenBtn
{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	padding:6px 10px;
	font-size:13px;
	line-height:17px;
	background:#8dc63f;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.greenBtn.touchover
{
	color:#fff;
	background:#83c02f;
	text-decoration:none;
}
.responsive0 .greenBtn
{
	padding:0 10px;
	height:30px;
	line-height:30px;
}
.hasDatepick{
	background:#fff url(../images/common/dateIcon.png) right center no-repeat !important;
}
.btnLoadMore{
	text-align:center;
}
.btnLoadMore span span{
	display:inline-block;
	width:80px;
	height:10px; *height:14px;
	margin:0 15px 0 15px;
	background:url(../images/common/m_line.jpg) repeat-x center;
}
.btnLoadMore span a{
	text-decoration:none;
}

.popup{
	display:none;
}


.responsive0 .addthis_toolbox.addthis_32x32_style span{
	display:none;
}
/************************** Main Wrapper **********************/
.mainWrapper{
	position:relative;	
}
.responsive1000 .mainWrapper{
	padding-top:95px;
}
.responsive760 .mainWrapper{
	padding-top:70px;
}
.responsive0 .mainWrapper{
	padding-top:56px;
}
/************************* Header ***************************/
.headerWrapper
{
	position:relative;
	width:100%;
	background:#8dc63f;	
}
.headerWrapper .headerRight
{
	position:absolute;
	top:0;
	right:0;	
}


.responsive1000 .headerWrapper
{
	position:fixed;
	top:0;
	height:95px;	
}
.responsive1000 .headerWrapper .header
{
	position:relative;
	width:960px;
	margin:0 auto;
}
.responsive1000 .headerWrapper .headerMenu
{
	position:absolute;
	top:0;
	left:0;
}
.responsive1000 .headerWrapper .menuBtn
{
	display:inline-block;
	width:105px;
	height:70px;
	text-align:center;
	color:#fff;
	font-size:12px;
	border-left:1px solid #c6e39f;
	border-right:1px solid #c6e39f;
	padding-top:25px;
	background:#8dc63f;
}
.responsive1000 .headerWrapper .menuBtn .line
{
	display:block;
	width:38px;
	height:3px;
	margin:5px auto;
	background:#fff;
}
.responsive1000 .headerWrapper .menuBtn .text
{
	display:block;
	text-align:center;
	margin-top:5px;
	line-height:1.3em;
}
.responsive1000 .headerWrapper .menuBtn.touchover,
.responsive1000 .headerWrapper .menuBtn.active
{
	text-decoration:none;
	background:#fff;
	color:#8dc63f;
}
.responsive1000 .headerWrapper .menuBtn.touchover .line,
.responsive1000 .headerWrapper .menuBtn.active .line
{
	background:#8dc63f;
}
.responsive1000 .headerWrapper .logo
{
	position:absolute;
	top:0;
	left:140px;
	height:95px;
	overflow:hidden;
}
.responsive1000 .headerWrapper .headerRight
{
	width:500px;
}
.responsive1000 .headerWrapper .topReservation
{
	float:right;
	position:relative;
}
.responsive1000 .headerWrapper .topReservation a.reservationBtn
{
	display:inline-block;
	position:relative;
	width:105px;
	height:80px;
	text-align:center;
	border-left:1px solid #c6e39f;
	border-right:1px solid #c6e39f;
	padding-top:15px;
	background:#8dc63f;
	color:#fff;
	font-size:20px;
	line-height:1.3em;
}
.responsive1000 .headerWrapper .topReservation a.reservationBtn .arrow
{
	display:block;
	position:absolute;
	top:72px;
	left:50%;
	margin-left:-7px;
	width:13px;
	height:10px;
	overflow:hidden;
}
.responsive1000 .headerWrapper .topReservation a.reservationBtn.touchover,
.responsive1000 .headerWrapper .topReservation a.reservationBtn.active
{
	text-decoration:none;
	background:#fff;	
	color:#8dc63f;
}
.responsive1000 .headerWrapper .topReservation a.reservationBtn.touchover .arrow img,
.responsive1000 .headerWrapper .topReservation a.reservationBtn.active .arrow img
{
	display:block;
	margin-top:-10px;
}

.responsive1000 .headerWrapper .topHotel
{
	float:right;
	position:relative;
}
.responsive1000 .headerWrapper .topHotel a.hotelBtn
{
	display:inline-block;
	position:relative;
	width:105px;
	height:80px;
	text-align:center;
	border-left:1px solid #c6e39f;
	padding-top:15px;
	background:#8dc63f;
	color:#fff;
	font-size:20px;
	line-height:1.3em;
}
.responsive1000 .headerWrapper .topHotel a.hotelBtn .arrow
{
	display:block;
	position:absolute;
	top:72px;
	left:50%;
	margin-left:-7px;
	width:13px;
	height:10px;
	overflow:hidden;
}
.responsive1000 .headerWrapper .topHotel a.hotelBtn.touchover,
.responsive1000 .headerWrapper .topHotel a.hotelBtn.active
{
	text-decoration:none;
	background:#fff;	
	color:#8dc63f;
}
.responsive1000 .headerWrapper .topHotel a.hotelBtn.touchover .arrow img,
.responsive1000 .headerWrapper .topHotel a.hotelBtn.active .arrow img
{
	display:block;
	margin-top:-10px;
}
.responsive1000 .headerWrapper .homeBtn
{
	float:right;
	vertical-align:middle;
	position:relative;
	width:20px;
	height:17px;
	margin:20px 20px 20px 0;
	overflow:hidden;
	text-align:center;
}
.responsive1000 .headerWrapper .langBtn
{
	float:right;
	vertical-align:middle;
	position:relative;
	/*width:60px;*/
	height:17px;
	font-size:0;
	line-height:none;
	margin:20px 0;
	overflow:hidden;
	text-align:center;
}
.responsive1000 .headerWrapper .langBtn a
{
	display:inline-block;
	vertical-align:middle;
	height:17px;
	line-height:17px;
	font-size:12px;
	margin:0 5px;
	color:#fff;
}
.responsive1000 .headerWrapper .sep
{
	float:right;
	background:url(../images/common/headerDashedLine.png) repeat-y;
	width:1px;
	height:17px;
	margin:20px 0;
}
.responsive1000 .headerWrapper .fontSize
{
	float:right;
	width:24px;
	position:relative;
	vertical-align:middle;
	height:17px;
	line-height:17px;
	font-size:15px;
	color:#fff;
	margin:20px 10px;
	zoom:1;
	z-index:1;
}
.responsive1000 .headerWrapper .fontSizeLarger
{
	position:absolute;
	top:0;
	right:0;
	width:12px;
	height:7px;
	background:url(../images/common/fontLarger.png) 0 0 no-repeat;
	zoom:1;
}
.responsive1000 .headerWrapper .fontSizeSmaller
{
	position:absolute;
	bottom:0;
	right:0;
	width:12px;
	height:7px;
	background:url(../images/common/fontSmaller.png) 0 0 no-repeat;
	zoom:1;
}
.responsive1000 .headerWrapper .fontSizeLarger.touchover,
.responsive1000 .headerWrapper .fontSizeSmaller.touchover
{
	background-position:0 -7px;	
}





.responsive760 .headerWrapper
{
	position:fixed;
	top:0;
	height:70px;	
}
.responsive760 .headerWrapper .header
{
	position:relative;
	width:100%;
	margin:0 auto;
}
.responsive760 .headerWrapper .headerMenu
{
	position:absolute;
	top:0;
	left:0;
}
.responsive760 .headerWrapper .menuBtn
{
	display:inline-block;
	width:80px;
	height:50px;
	text-align:center;
	color:#fff;
	font-size:12px;
	border-right:1px solid #c6e39f;
	padding-top:20px;
	background:#8dc63f;
}
.responsive760 .headerWrapper .menuBtn .line
{
	display:block;
	width:38px;
	height:3px;
	margin:5px auto;
	background:#fff;
}
.responsive760 .headerWrapper .menuBtn .text
{
	display:none;
}
.responsive760 .headerWrapper .menuBtn.touchover,
.responsive760 .headerWrapper .menuBtn.active
{
	text-decoration:none;
	background:#fff;
	color:#8dc63f;
}
.responsive760 .headerWrapper .menuBtn.touchover .line,
.responsive760 .headerWrapper .menuBtn.active .line
{
	background:#8dc63f;
}
.responsive760 .headerWrapper .logo
{
	position:absolute;
	top:0;
	left:100px;
	height:70px;
	overflow:hidden;
}
.responsive760 .headerWrapper .logo img
{
	height:100%;
}
.responsive760 .headerWrapper .headerRight
{
	width:500px;
}
.responsive760 .headerWrapper .topReservation
{
	float:right;
	position:relative;
}
.responsive760 .headerWrapper .topReservation a.reservationBtn
{
	display:inline-block;
	position:relative;
	width:80px;
	height:60px;
	text-align:center;
	border-left:1px solid #c6e39f;
	padding-top:10px;
	background:#8dc63f;
	color:#fff;
	font-size:16px;
	line-height:1.3em;
}
.responsive760 .headerWrapper .topReservation a.reservationBtn .arrow
{
	display:block;
	position:absolute;
	top:52px;
	left:50%;
	margin-left:-7px;
	width:13px;
	height:10px;
	overflow:hidden;
}
.responsive760 .headerWrapper .topReservation a.reservationBtn.touchover,
.responsive760 .headerWrapper .topReservation a.reservationBtn.active
{
	text-decoration:none;
	background:#fff;	
	color:#8dc63f;
}
.responsive760 .headerWrapper .topReservation a.reservationBtn.touchover .arrow img,
.responsive760 .headerWrapper .topReservation a.reservationBtn.active .arrow img
{
	display:block;
	margin-top:-10px;
}

.responsive760 .headerWrapper .topHotel
{
	float:right;
	position:relative;
}
.responsive760 .headerWrapper .topHotel a.hotelBtn
{
	display:inline-block;
	position:relative;
	width:80px;
	height:60px;
	text-align:center;
	border-left:1px solid #c6e39f;
	padding-top:10px;
	background:#8dc63f;
	color:#fff;
	font-size:16px;
	line-height:1.3em;
}
.responsive760 .headerWrapper .topHotel a.hotelBtn .arrow
{
	display:block;
	position:absolute;
	top:52px;
	left:50%;
	margin-left:-7px;
	width:13px;
	height:10px;
	overflow:hidden;
}
.responsive760 .headerWrapper .topHotel a.hotelBtn.touchover,
.responsive760 .headerWrapper .topHotel a.hotelBtn.active
{
	text-decoration:none;
	background:#fff;	
	color:#8dc63f;
}
.responsive760 .headerWrapper .topHotel a.hotelBtn.touchover .arrow img,
.responsive760 .headerWrapper .topHotel a.hotelBtn.active .arrow img
{
	display:block;
	margin-top:-10px;
}
.responsive760 .headerWrapper .headerRight .homeBtn
{
	display:none;
}
.responsive760 .headerWrapper .headerRight .langBtn
{
	display:none;
}
.responsive760 .headerWrapper .headerRight .sep
{
	display:none;
}
.responsive760 .headerWrapper .headerRight .fontSize
{
	display:none;
}




.responsive0 .headerWrapper
{
	position:fixed;
	top:0;
	height:55px;
	border-bottom:1px solid #8dc63f;
}
.responsive0 .headerWrapper .header
{
	position:relative;
	width:100%;
	margin:0 auto;
}
.responsive0 .headerWrapper .headerMenu
{
	position:absolute;
	top:0;
	left:0;
}
.responsive0 .headerWrapper .menuBtn
{
	display:inline-block;
	width:60px;
	height:42px;
	text-align:center;
	color:#fff;
	font-size:12px;
	border-right:1px solid #c6e39f;
	padding-top:13px;
	background:#8dc63f;
}
.responsive0 .headerWrapper .menuBtn .line
{
	display:block;
	width:30px;
	height:3px;
	margin:5px auto;
	background:#fff;
}
.responsive0 .headerWrapper .menuBtn .text
{
	display:none;
}
.responsive0 .headerWrapper .menuBtn.touchover,
.responsive0 .headerWrapper .menuBtn.active
{
	text-decoration:none;
	background:#fff;
	color:#8dc63f;
}
.responsive0 .headerWrapper .menuBtn.touchover .line,
.responsive0 .headerWrapper .menuBtn.active .line
{
	background:#8dc63f;
}
.responsive0 .headerWrapper .logo
{
	position:absolute;
	top:0;
	left:80px;
	right:80px;
	height:56px;
	overflow:hidden;
	text-align:center;
}
.responsive0 .headerWrapper .logo a{
	display:inline-block;
	height:100%;
}
.responsive0 .headerWrapper .logo img
{
	height:100%;
}
.responsive0 .headerWrapper .headerRight
{
}
.responsive0 .headerWrapper .topReservation
{
	float:right;
	position:relative;
}
.responsive0 .headerWrapper .topReservation a.reservationBtn
{
	display:inline-block;
	position:relative;
	width:60px;
	height:50px;
	text-align:center;
	border-left:1px solid #c6e39f;
	padding-top:5px;
	background:#8dc63f;
	color:#fff;
	font-size:15px;
	line-height:1.2em;
}
.responsive0 .headerWrapper .topReservation a.reservationBtn .arrow
{
	display:block;
	position:absolute;
	top:45px;
	left:50%;
	margin-left:-4px;
	width:7px;
	height:5px;
	overflow:hidden;
}
.responsive0 .headerWrapper .topReservation a.reservationBtn .arrow img
{
	display:block;
	height:10px;
}
.responsive0 .headerWrapper .topReservation a.reservationBtn.touchover,
.responsive0 .headerWrapper .topReservation a.reservationBtn.active
{
	text-decoration:none;
	background:#fff;	
	color:#8dc63f;
}
.responsive0 .headerWrapper .topReservation a.reservationBtn.touchover .arrow img,
.responsive0 .headerWrapper .topReservation a.reservationBtn.active .arrow img
{
	margin-top:-5px;
}

.responsive0 .headerWrapper .headerRight .topHotel
{
	display:none;
}
.responsive0 .headerWrapper .headerRight .homeBtn
{
	display:none;
}
.responsive0 .headerWrapper .headerRight .langBtn
{
	display:none;
}
.responsive0 .headerWrapper .headerRight .langBtn a
{
	display:inline-block;
	vertical-align:middle;
	height:17px;
	line-height:17px;
	font-size:12px;
	margin:0 5px;
	color:#fff;
}
.responsive0 .headerWrapper .headerRight .sep
{
	display:none;
}
.responsive0 .headerWrapper .headerRight .fontSize
{
	display:none;
}

/*********************** Top Reservation ************************/

.headerRight .topReservation .topReservationExpand
{
	position:absolute;
	right:0;
	top:0;
	background:url(../images/common/menuBg.png) repeat;
	border-bottom:4px solid #83c02f;
	width:390px;
	display:none
}

.header .topReservation .btnClose{
	position:absolute;
	top:10px; right:10px;
}

.header .topReservationExpand .mTop{
	position:relative;
	width:100%; height:42px;
	border-bottom:1px solid #f0f0f0;
}
.header .topReservationForm{
	position:relative;
	zoom:1;
	padding:0 18px;
	font-size:12px;
}
.header .topReservationForm .title{
	margin-bottom:3px;
}
.header .topReservationExpand .topReservationContent{
	position:relative;
	padding:20px 0;
	background:#fbfbfa;
}
.header .topReservationExpand .topReservationContent h3{
	display:block;
	position:relative;
	margin-bottom:10px;
	font-weight:normal;
	font-size:14px;
	white-space:nowrap;
	text-align:center;
}

.header .topReservationExpand .topReservationForm .field{
	width:170px;
	float:left;
	padding:5px 0;
	text-align:left;
}
.header .topReservationExpand .topReservationForm label.input{
	font-size:0;
	line-height:none;
}
.header .topReservationExpand .topReservationForm div.fl{
	float:left;
	width:58px;
}
.header .topReservationExpand .topReservationForm .small{
	clear:both;	
}
.header .formContainer{
	width:406px;
}
.header .topReservationExpand .topReservationForm .right{
	margin-left:13px;
}
.header .topReservationExpand .topReservationForm .fieldFull{
	width:354px;
	float:left;
	padding:5px 0;
}
.header .topReservationExpand .topReservationForm .button{
	text-align:center;
	padding-bottom:20px;
}

.header .topReservationExpand .topReservationForm input[type=text]{
	width:160px;
	border-radius:0;
	border:1px solid #ccc;
	background:#fafafa;
	padding: 3px 5px;
	font-size:11px;
}
.header .topReservationExpand .topReservationForm input[type=checkbox]{
	display:inline-block;
	position:relative;
	margin:0; padding:0;
	vertical-align:middle;
	margin-right:5px;
	border-radius:0;
}
.header .topReservationExpand .topReservationForm td .selectric{
	width:50px;
	position:relative;
	zoom:1;
}
.header .topReservationExpand .topReservationForm td .large .selectric{
	width:352px;
	zoom:1;
}


.header .topReservationExpand .topReservationForm table{
	width:354px;
	border-collapse:collapse;
}
.header .topReservationExpand .topReservationForm table td{
	padding:8px 0;
	line-height:1.2em;
}
.header .topReservationExpand .topReservationForm table td.space{
	width:11px;
}
.header .topReservationExpand .topReservationForm table td.left,
.header .topReservationExpand .topReservationForm table td.right{
	width:170px;
}
.header .topReservationExpand .topReservationForm table input[type=text], .header .topReservationExpand .topReservationForm table input[type=password]{
	width:160px;
	border-radius:0;
	border:1px solid #ccc;
	background:#fff;
	padding: 5px 5px;
	font-size:12px;
	-webkit-appearance:none;
}
.header .topReservationExpand .topReservationForm table input.hasDatepick{
	background:#fff url(../images/common/dateIcon.png) right center no-repeat;
}
.header .topReservationExpand .topReservationForm table td table{
	width:100%;
	zoom:1;
}
.header .topReservationExpand .topReservationForm table td table td{
	padding: 0 5px 0 0;
	width:51px;
	line-height:1.2em;
	zoom:1;
}
.header .topReservationExpand .topReservationForm table select.small{
	width:51px;
}
.header .topReservationExpand .topReservationForm table select.large{
	width:354px;
}


/************************ Top Hotels *************************/
.header .topHotelExpand{
	position:absolute;
	top:0; right:0;
	width:380px;
	background:url(../images/common/menuBg.png) repeat;
	border-bottom:4px solid #83c02f;
	zoom:1;
	display:none;
}
.header .topHotel .btnClose{
	position:absolute;
	top:10px; right:10px;
}
.responsive1000 .header .topHotelExpand{
	right:-107px;
}
.responsive760 .header .topHotelExpand{
	right:-81px;
}

.header .topHotelExpand .mTop{
	position:relative;
	width:100%; height:42px;
	border-bottom:1px solid #f0f0f0;
}

.header .topHotelExpand .topHotelContent{
	position:relative;
	padding:20px;
	background:#fff;
	font-size:12px;
	margin:auto;	
}
.header .topHotelExpand .topHotelContent .topHotelcol{
	position:relative;
}
.header .topHotelExpand .topHotelContent .topHotelcol .leftCol{
	float:left;
	width:50%;
}
.header .topHotelExpand .topHotelContent .topHotelcol .rightCol{
	float:right;
	width:50%;
}
.header .topHotelExpand .topHotelContent .topHotelcol h3{
	font-weight:bold;
}
.header .topHotelExpand .topHotelContent .topHotelcol ul{
	margin-top:10px;
	margin-bottom:20px;
}
.header .topHotelExpand .topHotelContent .topHotelcol li{
	margin-top:10px;
}
.header .topHotelExpand .topHotelContent .topHotelcol a{
	color:#555;
	line-height:1.3em;
}
.header .topHotelExpand .topHotelContent .topHotelcol a.dim{
	color:#bbb;
}
.header .topHotelExpand .topHotelContent .topHotelcol a:hover{
	color:#81d154;
}

/************************* Menu ***************************/
.menuCloseArea{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:transparent;	
	background:rgba(0,0,0,0);	
	display:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.menuWrapper{
	display:none;	
}
.responsive1000 .menuWrapper{
	position:fixed;
	width:260px;
	height:100%;
	background:#fff;	
}
.responsive1000 .menuContainer{
	position:relative;
	width:100%;
}
.responsive1000 .menu{
	position:absolute;
	right:0;
	top:0;
	width:260px;
	height:100%;
	background:#fff;
	overflow:auto;
	overflow-x:hidden;
	border-right:1px solid #e1e4e6;
}
.responsive1000 .menu .menuItem
{
	display:block;
	font-size:16px;
}
.responsive1000 .menu .menuItem a.firstLevel
{
	display:block;
	position:relative;
	color:#222;
	font-size:15px;
	line-height:1.3em;
	padding:20px 15px 20px 35px;
	border-bottom:1px solid #e1e4e6;
	background:#fff;
}
.responsive1000 .menu .menuItem a.firstLevel.touchover
{
	color:#fff;
	background:#777;
	text-decoration:none;
}
.responsive1000 .menu .menuItem a.firstLevel .arrow
{
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:30px;
	height:30px;
	margin-top:-15px;
	background:url(../images/common/menuArrowRight.png) no-repeat 0 0;
}
.responsive1000 .menu .menuItem a.firstLevel.touchover .arrow
{
	background-position:0 -30px;
}
.responsive1000 .menu .menuItem .subMenu
{
	display:none;
	width:100%;
	background:#fff;
}
.responsive1000 .menu .menuItem .subMenu a.firstLevelLabel
{
	display:block;
	position:relative;
	font-size:15px;
	line-height:1.3em;
	padding:20px 15px 20px 35px;
	border-bottom:1px solid #e1e4e6;
	font-weight:bold;
	background:#f6f6f6;
	color:#000;
}
.responsive1000 .menu .menuItem .subMenu a.firstLevelLabel.touchover
{
	font-weight:bold;
	background:#f6f6f6;
	color:#000;
	text-decoration:none;
}
.responsive1000 .menu .menuItem .subMenu .subMenuContainer
{
	display:block;
	position:absolute;
	background:#fff;
	top:0;
	left:100%;
	width:100%;
}
.responsive1000 .menu .menuItem .subMenu a.secondLevel
{
	display:block;
	line-height:1.3em;
	background:#fff;
	color:#555;
	margin:0;
	padding:20px 15px 20px 35px;
	border-bottom:1px solid #e1e4e6;
}
.responsive1000 .menu .menuItem .subMenu a.secondLevel.touchover
{
	background:#f6f6f6;
	text-decoration:none;
}
.responsive1000 .menu .menuItem .subMenu a.subMenuBtnBack
{
	display:block;
	color:#222;
	line-height:1.3em;
	background:#fff url(../images/common/menuArrowLeft.png) no-repeat left center;
	padding:20px 35px 20px 60px;
	border-bottom:1px solid #e1e4e6;
}
.responsive1000 .menu .menuItem .subMenu a.subMenuBtnBack.touchover
{
	background:#f9f9f9 url(../images/common/menuArrowLeft.png) no-repeat left center;
	text-decoration:none;
}




.responsive760 .menuWrapper{
	position:fixed;
	width:260px;
	height:100%;
	background:#fff;	
}
.responsive760 .menuContainer{
	position:relative;
	width:100%;
}
.responsive760 .menu{
	position:absolute;
	right:0;
	top:0;
	width:260px;
	height:100%;
	overflow:hidden;
	background:#fff;
	overflow:auto;
	border-right:1px solid #e1e4e6;
	-webkit-overflow-scrolling: touch;
}
.responsive760 .menu .menuItem
{
	display:block;
	font-size:16px;
}
.responsive760 .menu .menuItem a.firstLevel
{
	display:block;
	position:relative;
	color:#222;
	font-size:15px;
	line-height:1.3em;
	padding:20px 15px 20px 35px;
	border-bottom:1px solid #e1e4e6;
	background:#fff;
}
.responsive760 .menu .menuItem a.firstLevel.touchover
{
	color:#fff;
	background:#777;
	text-decoration:none;
}
.responsive760 .menu .menuItem a.firstLevel .arrow
{
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:30px;
	height:30px;
	margin-top:-15px;
	background:url(../images/common/menuArrowRight.png) no-repeat 0 0;
}
.responsive760 .menu .menuItem a.firstLevel.touchover .arrow
{
	background-position:0 -30px;
}
.responsive760 .menu .menuItem .subMenu
{
	display:none;
	background:#fff;
}
.responsive760 .menu .menuItem .subMenu a.firstLevelLabel
{
	display:block;
	position:relative;
	font-size:15px;
	line-height:1.3em;
	padding:20px 15px 20px 35px;
	border-bottom:1px solid #e1e4e6;
	font-weight:bold;
	background:#f6f6f6;
	color:#000;
}
.responsive760 .menu .menuItem .subMenu a.firstLevelLabel.touchover
{
	font-weight:bold;
	background:#f6f6f6;
	color:#000;
	text-decoration:none;
}
.responsive760 .menu .menuItem .subMenu .subMenuContainer
{
	display:block;
	position:absolute;
	background:#fff;
	top:0;
	left:100%;
	width:100%;
}
.responsive760 .menu .menuItem .subMenu a.secondLevel
{
	display:block;
	line-height:1.3em;
	background:#fff;
	color:#555;
	margin:0;
	padding:20px 15px 20px 35px;
	border-bottom:1px solid #e1e4e6;
}
.responsive760 .menu .menuItem .subMenu a.secondLevel.touchover
{
	background:#f6f6f6;
	text-decoration:none;
}
.responsive760 .menu .menuItem .subMenu a.subMenuBtnBack
{
	display:block;
	color:#555;
	line-height:1.3em;
	background:#fff url(../images/common/menuArrowLeft.png) no-repeat left center;
	padding:20px 35px 20px 60px;
	border-bottom:1px solid #e1e4e6;
}
.responsive760 .menu .menuItem .subMenu a.subMenuBtnBack.touchover
{
	background:#f9f9f9 url(../images/common/menuArrowLeft.png) no-repeat left center;
	text-decoration:none;
}

.responsive760 .mobileHeader
{
	position:relative;
	font-size:0;
	line-height:none;
	border-bottom:1px solid #e1e4e6;
}
.responsive760 .mobileHeader .mobileLangBtn
{
	display:inline-block;
	vertical-align:top;
	background:#fff;
	width:33%;
	*margin-left:-1px;
}
.responsive760 .mobileHeader .mobileLangBtn a
{
	display:block;
	vertical-align:top;
	font-size:15px;
	color:#555;
	padding:20px 0;
	text-align:center;
	border-left:1px solid #e1e4e6;
}
.responsive760 .mobileHeader .mobileLangBtn a.touchover
{
	background:#777;
	color:#fff;
	text-decoration:none;
}





.responsive0 .menuWrapper{
	position:fixed;
	width:260px;
	height:100%;
	background:#fff;	
}
.responsive0 .menuContainer{
	position:relative;
	width:100%;
}
.responsive0 .menu{
	position:absolute;
	right:0;
	top:0;
	width:260px;
	height:100%;
	overflow:hidden;
	background:#fff;
	overflow:auto;
	border-right:1px solid #e1e4e6;
	-webkit-overflow-scrolling: touch;
}
.responsive0 .menu .menuItem
{
	display:block;
	font-size:16px;
}
.responsive0 .menu .menuItem a.firstLevel
{
	display:block;
	position:relative;
	color:#222;
	font-size:15px;
	line-height:1.3em;
	padding:20px 15px 20px 35px;
	border-bottom:1px solid #e1e4e6;
	background:#fff;
}
/*.responsive0 .menu .menuItem a.firstLevel.touchover
{
	color:#fff;
	background:#777;
	text-decoration:none;
}*/
.responsive0 .menu .menuItem a.firstLevel img
{
	vertical-align:middle;
}
.responsive0 .menu .menuItem a.firstLevel .arrow
{
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:30px;
	height:30px;
	margin-top:-15px;
	background:url(../images/common/menuArrowRight.png) no-repeat 0 0;
}
/*.responsive0 .menu .menuItem a.firstLevel.touchover .arrow
{
	background-position:0 -30px;
}*/
.responsive0 .menu .menuItem .subMenu
{
	display:none;
	width:100%;
	background:#fff;
}
.responsive0 .menu .menuItem .subMenu a.firstLevelLabel
{
	display:block;
	position:relative;
	font-size:15px;
	line-height:1.3em;
	padding:20px 15px 20px 35px;
	border-bottom:1px solid #e1e4e6;
	font-weight:bold;
	background:#f6f6f6;
	color:#000;
}
.responsive0 .menu .menuItem .subMenu a.firstLevelLabel.touchover
{
	font-weight:bold;
	background:#f6f6f6;
	color:#000;
	text-decoration:none;
}
.responsive0 .menu .menuItem .subMenu .subMenuContainer
{
	display:block;
	position:absolute;
	background:#fff;
	top:0;
	left:100%;
	width:100%;
}
.responsive0 .menu .menuItem .subMenu a.secondLevel
{
	display:block;
	line-height:1.3em;
	background:#fff;
	color:#555;
	margin:0;
	padding:20px 15px 20px 35px;
	border-bottom:1px solid #e1e4e6;
}
/*.responsive0 .menu .menuItem .subMenu a.secondLevel.touchover
{
	background:#f6f6f6;
	text-decoration:none;
}*/
.responsive0 .menu .menuItem .subMenu a.subMenuBtnBack
{
	display:block;
	color:#222;
	line-height:1.3em;
	background:#fff url(../images/common/menuArrowLeft.png) no-repeat left center;
	padding:20px 35px 20px 60px;
	border-bottom:1px solid #e1e4e6;
}
.responsive0 .menu .menuItem .subMenu a.subMenuBtnBack.touchover
{
	background:#f9f9f9 url(../images/common/menuArrowLeft.png) no-repeat left center;
	text-decoration:none;
}

.responsive0 .mobileHeader
{
	position:relative;
	font-size:0;
	line-height:none;
	border-bottom:1px solid #e1e4e6;
}
.responsive0 .mobileHeader .mobileLangBtn
{
	display:inline-block;
	vertical-align:top;
	background:#fff;
	width:33%;
	*margin-left:-1px;
}
.responsive0 .mobileHeader .mobileLangBtn a
{
	display:block;
	/*width:130px;*/
	vertical-align:top;
	font-size:15px;
	color:#555;
	padding:20px 0;
	text-align:center;
	border-left:1px solid #e1e4e6;
}
/*.responsive0 .mobileHeader .mobileLangBtn a.touchover
{
	background:#777;
	color:#fff;
	text-decoration:none;
}*/

/************************* Content Container ***************************/
.contentWrapper
{
	position:relative;
	overflow:hidden;
}
.contentWrapper .content
{
	position:relative;
	overflow:hidden;
	font-size:13px;
}
.contentThemeLeft{
	position:absolute;
	top:0; right:100%;
}
.contentThemeRight{
	position:absolute;
	top:0; left:100%;
}

.responsive1000 .contentWrapper
{
	position:relative;
}
.responsive1000 .contentWrapper .content
{
	position:relative;
	width:960px;
	margin:0 auto;
}
.responsive1000 .contentWrapper .innerContent
{
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:20px;
}


.responsive760 .contentWrapper
{
	position:relative;
}
.responsive760 .contentWrapper .content
{
	position:relative;
	margin:0 auto;
	padding:0 20px;
}
.responsive760 .contentWrapper .innerContent
{
	position:relative;
	margin:0 auto;
	padding:0 20px;
	padding-top:20px;
}

.responsive0 .contentWrapper
{
	position:relative;
}
.responsive0 .contentWrapper .content
{
	position:relative;
	margin:0 auto;
	padding:0 15px;
}
.responsive0 .contentWrapper .innerContent
{
	position:relative;
	margin:0 auto;
	padding:20px 0 0 0;
}

/**************************** Footer **********************************/

.footerWrapper{
	position:relative;
	width:100%;
	z-index:0;
	font-size:12px;
	color:#fff;
}
.footer-logo{
	position:relative;
	width:100%;
	margin:0 auto;
}
.footer-logoContainer{
	position:relative;
	width:960px;
	padding:10px 0;
	margin:0 auto;	
}
.footer-logoContainer table{
	width:700px;
	margin:0 auto;	
}
.footer-logoContainer table td{
	text-align:center;
}
.sitemapContainer{
	position:relative;
	width:100%;
	margin:0 auto;
	background:#6e6e6e url(../images/common/footer_guest-bg.png) top center no-repeat;
	font-size:0;
	line-height:none;
	display:none;
}
.sitemapContainer .section
{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin:0 20px;
	font-size:12px;
}
.sitemapContainer .section span
{
	display:block;
	margin:5px 0;
	line-height:1.2em;
}
.sitemapContainer .section span.firstLevel
{
	margin-bottom:20px;
}
.sitemapContainer .section span.firstLevel a
{
	color:#fff;	
}
.sitemapContainer .section span.firstLevel a:hover
{
	text-decoration:underline;
}
.sitemapContainer .section span a
{
	color:#aaa;	
}
.sitemapContainer .section span a:hover
{
	color:#fff;
	text-decoration:none;
}


.footer-main{
	position:relative;
	width:100%; height:190px;	
	margin:0 auto;
	background:#626160 url(../images/common/footer-bg.jpg) center no-repeat;
}
.footer-content{
	position:relative;
	width:960px;
	margin: 0 auto;
	padding:25px 0;
	text-align:center;
}
.footer-content h2{
	text-align:center;
	color:#fff;
	font-size:15px;
	margin-bottom:20px;
}
.footer-content h2 span{
	display:inline-block;
	vertical-align:top;
	line-height:28px;
}
.footer-sep{
	display: inline-block;
	width:1px; height:32px;
	padding:0 15px;
	vertical-align:middle;	
}
.footer-sep img{
	display:block;
	vertical-align:middle;	
}
.footer-btn{
	position:relative;
	text-align:center;
	font-size:12px;
	margin-top:30px;
}
.footer-btn label{
	padding-right:5px;
}
.footer-btn input{
	display:inline-block;
	position:relative;
	background:#767574;
	border:0; padding:5px 5px;
	margin:0;
	vertical-align:middle;
	border-radius:2px;
	font-size:12px;
	width:200px;
	margin-left:10px;
}
.footer-btn .footer-sitemap{
	padding-right:5px;
}
.footerBtn{
	display:inline-block;
	vertical-align:middle;
	padding:5px 10px;
	min-width:45px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background:#71bf44;
	text-transform:uppercase;
	/*margin-left:5px;*/
}
.footerBtn.touchover{
	background:#81d154;
	color:#fff;
	text-decoration:none;
}

.footer-main .placeholder{
	color:#aaa;
}

.footerWrapper .social-fb,
.footerWrapper .social-weibo{
	display:inline-block;
	width:28px; height:28px;
	overflow:hidden;
	vertical-align:text-bottom;
	margin-left:4px;
}
.footerWrapper .social-fb img,
.footerWrapper .social-weibo img{
	display:block;
}
.footerWrapper .social-fb.touchover img,
.footerWrapper .social-weibo.touchover img{
	margin-top:-28px;
}

.footer-nav{
	font-size:12px;
	color:#ccc;	
	text-align:center;
	margin-top:20px;
	line-height:1.3em;
}

.footer-nav a{
	color:#ccc;	
}
.footer-nav a:hover{
	color:#fff;	
}


.responsive760 .footer-main
{
	background:#626160;	
	height:210px;
}
.responsive760 .footer-logoContainer{
	width:100%;	
}
.responsive760 .footer-logoContainer table{
	margin:20px auto;
}
.responsive760 .footer-content{
	width:100%;
}
.responsive760 .sitemapContainer .section,
.responsive760 .footer-corp .section
{
	margin: 0 10px;
}
.responsive760 .footer-content h2
{
	margin-bottom:10px;	
}
.responsive760 .footer-btn
{
	margin-top:10px;	
}
.responsive760 .footer-navContainer{
	display:block;
	text-align:center;
	margin-bottom:10px;
}



.responsive0 .footer-main
{
	background:#626160;	
	height:auto;
}
.responsive0 .footer-logoContainer{
	width:100%;	
}
.responsive0 .footer-logoContainer table{
	width:100%;	
	margin:10px 0;
}
.responsive0 .footer-logoContainer img{
	width:75px;	
}
.responsive0 .footer-content{
	width:100%;
}
.responsive0 .sitemapContainer,
.responsive0 .footer-corp,
.responsive0 .footer-sep,
.responsive0 .footer-sitemap,
.responsive0 .sitemapBtn
{
	display:none;
}
.responsive0 .footer-content h2
{
	margin-bottom:10px;	
}
.responsive0 .footer-btn
{
	margin-top:10px;
	line-height:2em;	
}
.responsive0 .footer-subscribe
{
	display:block;
}
.responsive0 .footerBtn
{
	padding:0 10px;
	height:30px;
	line-height:30px;
}
.responsive0 .footer-btn input
{
	padding: 8px 5px;
}
.responsive0 .footer-nav{
	margin:20px 20px;
}
.responsive0 .footer-navContainer{
	display:block;
	text-align:center;
	margin-bottom:15px;
}


/********************** CMS **********************/
.editor{
	color:#555;
	font-size:100%;
	line-height:1.5em;
}
.editor img{
	max-width:100%;
	height:auto !important;
}
.editor #mapCanvas img{
	max-width:inherit;
}
.editor #map_canvas img{
	max-width:inherit;
}
.editor a{
	text-decoration:none;
}
.editor .greenBtn{
	text-decoration:none;
	font-size:100%;
}
.editor a:hover{
	text-decoration:none;
}
.editor h1{
	font-size:160%;
	line-height:1.5em;
	margin:0 0 10px 0;
	font-weight:normal;
}
.editor h2{
	font-size:150%;
	line-height:1.5em;
	margin:0 0 10px 0;
	font-weight:normal;
}
.editor h3{
	font-size:140%;
	line-height:1.5em;
	margin:0 0 10px 0;
	font-weight:normal;
}
.editor h4{
	font-size:130%;
	line-height:1.5em;
	margin:0 0 10px 0;
	font-weight:normal;
}
.editor h5{
	font-size:120%;
	line-height:1.5em;
	margin:0 0 10px 0;
	font-weight:normal;
}
.editor h6{
	font-size:110%;
	line-height:1.5em;
	margin:0 0 10px 0;
	font-weight:normal;
}
.editor p{
	margin:0 0 10px 0;
}
.editor b,
.editor strong{
	font-weight:bold;
}
.editor i,
.editor en{
	font-style:inherit;
}
.editor u{
	text-decoration:underline;
}
.editor ul{
	list-style:disc;
	margin:5px 0 10px 0;
	padding-left:30px;	
}
.editor ul ul{
	list-style:square;
}
.editor ol{
	list-style:decimal;
	margin:5px 0 10px 0;
	padding-left:30px;	
}
.editor li{
	margin:5px 0;
	display:list-item;
	zoom:normal;
}
.editor sub{
	vertical-align:sub;
	font-size:80%;	
}
.editor sup{
	vertical-align:super;
	font-size:80%;	
}
.editor table{
	width:100%;
	margin:5px 0;
}
.editor table td{
	padding:8px 0;
}
.editor table th{
	padding:8px 0;
	font-weight:normal;
}
.editor .greenBtn{
	min-width:110px;
}
.editor .black{
	color:#000;
}
.editor .grey{
	color:#555;
}
.editor table .dottedLine{
	margin:1px 0;
	height:1px;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
.editor table .line{
	padding:0;
	line-height:0;
	font-size:0;
	margin:0;
	height:1px;
}
.editor .input{
	display:block;
	position:relative;
	margin:0 12px 0 0;
	font-size:0;
	line-height:0;
	line-height:none;
	zoom:1;
}
.editor .textarea{
	display:block;
	position:relative;
	margin:0 12px 0 0;
	font-size:0;
	line-height:0;
	line-height:none;
	zoom:1;
}
.editor .selectInput{
	display:block;
	position:relative;
	margin:0 2px 0 0;
	font-size:0;
	line-height:0;
	line-height:none;
	zoom:1;
}
.editor input[type=text],
.editor input[type=email],
.editor input[type=tel],
.editor input[type=password]{
	width:100%;
	border-radius:0;
	border:1px solid #ccc;
	background:#fff;
	padding: 5px 5px;
	font-size:12px;
	-webkit-appearance:none;
	zoom:1;
}
.editor textarea{
	width:100%;
	border-radius:0;
	border:1px solid #ccc;
	background:#fff;
	padding: 5px 5px;
	font-size:12px;
	margin:0;
	-webkit-appearance:none;
	resize:none;
	zoom:1;
}
.editor input[type=checkbox]{
	display:inline-block;
	padding:0;
	margin:0;
	vertical-align:middle;
}




/************************** popup ***********************/

.outerAlertBox.popupContent{
	position:relative;
	background:#fff;
	padding:20px;
	margin:0 auto;
	font-size:13px;
}

.responsive1000 .outerAlertBox.popupContent{
	width:230px;
	margin:30px auto;
}
.responsive760 .outerAlertBox.popupContent{
	width:230px;
	margin:30px auto;
}
.responsive0 .outerAlertBox.popupContent{
	margin:30px auto;
}

.homeReservation object
{
	height: 40px;
}

/* 180918 */
.responsive0 .homeReservation object
{
	transform: translate(3px, 0);
}
/* end 180918 */

.responsive760 .homeReservation object
{
	transform: translate(-17px, 0);
}

.responsive1000 .homeReservation object
{
	transform: translate(-7px, 0);
}