/* -- Universal Setting
--------------------------------------------------*/
body {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple LiGothic","微軟正黑體","Microsoft JhengHei";
	font-weight: normal;
	margin: 0;
	padding: 0;
	background-color: #1e1e1e!important;
}

:focus { outline:none !important;}

.clear-both{
	clear: both;
}

.center{
	text-align: center;
}

a {
	text-decoration: none!important;
}

.byebye {
	display: none!important;
}

.left30 {
	margin-left: 30px;
}

.red {
	font-size: 12px;
	color: #c10808
}

table {
	max-width: 95%;
}

.mobile-show {
	display: none;
}

.mobile-navi-item-wrap {
	display: none;
}

.mobile-close-btn {
		display: none;
}



/* -- TextColor 
----------------------------------------*/
.dark-red{ color: #c00e0f;}
.red{ color:#db2531;}

.light-pink{ color: #f1e8e8;}
.pink{ color: #db444f;}

.y-brown{ color: #d5762c;}
.brown{ color: #954b11;}
.intro-brown{ color:#b26223;}
.light-brown{ color: #c69c6d;}
.dark-brown{ color:#6a3906;}


/* -- FontFace 
----------------------------------------*/
.entypo {
	font-family: 'entypo';
	font-size: 30px;
}


/* -- language selector
----------------------------------------*/

.lang-switch {
	position: absolute;
	right:10px;
	top:5px;
	opacity:0.7;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.lang-switch:hover {
	opacity:1.0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}



.lang-switch select {
	border:0px solid!important;
	border-radius: 0px!important;
}

.lang-switch .btn-group.open .btn.dropdown-toggle {
	background-color: transparent!important;
}

.lang-switch .selectpicker {
	background-color: transparent;
	display: block;
	color: #fae7bf;
}

.lang-switch .btn {
	background-color: none!important;
	background-image:none!important;
	text-shadow:0px 0px 0px!important;
	font-size: 12px;
	border-color:transparent!important;
	border: 1px solid transparent!important;
	box-shadow: none!important
}

.lang-switch .dropdown-menu  {
	border:none!important;
	border-radius:0px!important;
	box-shadow: 0px 0px 0px!important;
}

.lang-switch .btn-group>.btn,.lang-switch .btn-group>.dropdown-menu,.lang-switch .btn-group>.popover {
	font-size: 12px;
}


.lang-switch .caret {
	border-top: 4px solid #fae7bf;

}


.dropdown-menu {
	opacity: 0.8;
}

/* -- welcome page
----------------------------------------*/

.welcome-page-wrap {
	display:none;
	width: 100%;
	height: 100%;
	position: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-ms-behavior: url(library/backgroundsize/backgroundsize.min.htc);
	behavior: url(library/backgroundsize/backgroundsize.min.htc); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

.welcome-info-wrap {
	width: 100%;
	height: 300px;
	background-image:url(../images/welcomePage/info-bg.png);
	margin-top: 130px;
	text-align: center;
}

.welcome-logo {
	margin-top: -45px;
}

.welcome-logo-bar {
	width: 60%;
	height: 1px;
	background-image:url(../images/welcomePage/bar-bg.png);
	margin: 10px auto;
	margin-bottom: 20px;
	position: relative;
}

.branch-hub {
	display: flex;
	justify-content: center;
	list-style-type:none;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 18px;
	letter-spacing: 3px;
	color: #fae7bf;
	margin: 0px auto;
	width: 1000px;
	overflow:hidden;
	margin-top: 40px;
}

.branch-hub a {
	color: #fae7bf;
	text-decoration:none;
}

.first-branch {
	margin-left: 70px;
}

.branch-hub li {
    width: 15vh;
    margin: 0 7vh;
	cursor: pointer;
	opacity: 0.7;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.branch-hub li:hover {
	opacity: 1.0;
	cursor:pointer;
	text-shadow: 0px 0px 3px #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.comingsoon {
	cursor:text!important;
}

.comingsoon:hover{
	opacity: 0.7!important;
	text-shadow:none!important;
}

.comingsoon span {
	font-size: 12px;
	letter-spacing:0.5px;
	font-family: 'Gilda Display', serif;
	opacity: 0.7;
}


.idx-bg {
	width: 100%;
	height: 100%;
	background-color: #1e1e1e;
	text-align: center;
	position: fixed;
	top: 0px;
	left: 0px;
}


.idx-bg .loading-animate-wrap {
	position: absolute;
	top: 200px;
}

/* -- Navi
----------------------------------------*/

.navi-wrap {
	width: 100%;
	height: 192px;
	position: absolute;
	z-index: 99;
}

.navi-up-sec {
	width: 100%;
	height: 133px;
	background-image:url(../images/navi/navi-up-bg.png);
	text-align:center;
	padding-top:15px;
}

.navi-btm-sec {
	width: 100%;
	height: 40px;
	background-image:url(../images/navi/navi-btm-bg.png);
}

.navi-btm-sec ul {
	width: 80%;
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
	background-color:red;
}

.navi-btm-sec ul li {
	/*font-size: 16px;
	color:#fae7bf;*/
	text-align: center;
	float: left;
	width: 75px;
	padding-top:2px;
	height: 35px;
	width: 16.66%;
}

.navi-btm-sec ul li .navi-items {
	cursor:pointer;
	opacity: 0.7;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	width: 160px;
	height: 35px;
	margin: 0px auto;
	display: block;
	/*background-image:url(../images/navi/navi-item-jp.png)!important;*/
}


.navi-btm-sec ul li .navi-items:hover {
	opacity: 1.0;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.navi-logo-icon {
	position:absolute;
	top:135px;
	left:35px;
}

.fb-icon {
	position: absolute;
	top: -30px;
	right: 0px;
	opacity: 0.7;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	cursor:pointer;
}


.fb-icon:hover {
	opacity: 1.0;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.buildingName-wrap table tbody tr td {
	padding-left: 20px;
}

.reservation-sec {
	position: relative;
	display: block;
	cursor: pointer;
	padding-bottom: 15px;
}

.date-picker {
	display: none;
	width: 290px;
	height: 330px;
	background-image: url(../images/navi/date-picker-bg.png);
	position: absolute;
	top:40px;
	left: 0px;
	transition:all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
}

.datepickr-line {
	width: 240px;
	height: 1px;
	background-image: url(../images/welcomePage/bar-bg.png);
	position: absolute;
	top: 62px;
	left: 25px;

}

.reservation-sec:hover .date-picker {
	display: block;
	transition:all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
}

.book-btn-wrap {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/navi/date-picker-bg.png);
	padding-bottom: 20px;
}

/* -- 改變datepickr UI
----------------------------------------*/


.date-picker-wrap {
	color: #fae7bf;
	font-family: 'Raleway', sans-serif;
	position: relative;
}

.date-picker-wrap h5 {
	margin-bottom: 5px;
	margin-top: 15px;
}

.date-picker-wrap #datepicker{
	margin: 0px auto;
}

.date-picker-wrap .ui-widget-content {
	border: 0px solid #dddddd;
	background: transparent;
	color: #fae7bf;
	font-family: 'Raleway', sans-serif;
	margin: 0px auto;
}


.date-picker-wrap .ui-widget-header {
	border: 0px solid #e78f08;
	background: transparent;
	color: #fae7bf;
	font-weight: bold;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 0px solid #cccccc;
	background: transparent;
	font-weight: bold;
	color: #fae7bf;
	text-align: center;
}

.ui-datepicker th {
	font-weight: lighter!important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 0px solid #fbcb09;
	background: #440713 url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #fae7bf;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	
	background: #440713 url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #fae7bf;
}

.date-picker-wrap .btn-large {
	padding: 11px 19px;
	font-size: 14px;
	letter-spacing: 2px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #fae7bf;
}

.date-picker-wrap .btn {
	text-shadow:none;
	background-image: linear-gradient(to bottom,#440713,#440713);
	color:  #fae7bf;
	margin-top: 15px;
	background-repeat: no-repeat!important;
	width: 240px;
	background-color: #440713;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
/*	background-repeat: no-repeat!important;*/
}


.date-picker-wrap .btn:hover {
	box-shadow: 0px 0px 10px #fff;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}


/* -- swipe-slide
----------------------------------------*/

.swipe-container {
	float: left;
}

/*.swiper-wrapper {
	display: none;
}
*/
.swiper-slide {
	display: none;
	-ms-behavior: url(library/backgroundsize/backgroundsize.min.htc);
	behavior: url(library/backgroundsize/backgroundsize.min.htc); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.miaoli-slide-01 {
	background-image:url(../images/miaoli/index/slide-01.jpg);
}

.miaoli-slide-02 {
	background-image:url(../images/miaoli/index/slide-02.jpg);
}

.miaoli-slide-03 {
	background-image:url(../images/miaoli/index/slide-03.jpg);
}


.taichung-slide-01 {
	background-image:url(../images/taichung/index/slide-01.jpg);
}

.taichung-slide-02 {
	background-image:url(../images/taichung/index/slide-02.jpg);
}

.taichung-slide-03 {
	background-image:url(../images/taichung/index/slide-03.jpg);
}

.taichung-slide-04 {
	background-image:url(../images/taichung/index/slide-04.jpg);
}

/* -- main-intro
----------------------------------------*/

.main-intro {
	width: 100%;
	height: 480px;
	background-color:#1e1e1e;
	color:#ccc;
	float: left;
	position: relative;
	border-bottom: 1px solid #5b5b5b;
	overflow: hidden;
}

.main-intro-L {
	width: 630px;
	float: left;
	padding-top: 20px;
	letter-spacing:1px;
}


.main-intro-L-wrap {
	width: 980px; 
	margin: 0px auto;
	position: relative;
}

.main-intro-L .main-intro-thumbnail {
	width: 100%;
	margin-top: 35px;
}


.main-intro-L .main-intro-thumbnail-item {
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}


.main-intro-L .main-intro-thumbnail-item:hover {
	-webkit-transform: scale(1.1,1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

.main-intro-L .main-intro-thumbnail ul {
	list-style-type:none;
	width: 100%;
	overflow: hidden;
	padding:0px;
	margin: 0px;
	text-align: center;
}

.main-intro-L .main-intro-thumbnail ul li{
	width: 195px;
	height: 177px;
	float: left;
	display: block;
	margin-right: 2%;
	
}

.main-intro-L .main-intro-thumbnail ul li img {
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	display: block;
}

.main-intro-L .main-intro-thumbnail ul li img:hover {
	opacity: 0;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.main-intro-thumbnail-ml-01 {
	background-image:url(../images/miaoli/index/main-intro-pic-01c.jpg);
}

.main-intro-thumbnail-ml-02 {
	background-image:url(../images/miaoli/index/main-intro-pic-02c.jpg);
}

.main-intro-thumbnail-ml-03 {
	background-image:url(../images/miaoli/index/main-intro-pic-03c.jpg);
}


.main-intro-thumbnail-tc-01 {
	background-image:url(../images/taichung/index/main-intro-pic-01c.jpg);
}

.main-intro-thumbnail-tc-02 {
	background-image:url(../images/taichung/index/main-intro-pic-02c.jpg);
}

.main-intro-thumbnail-tc-03 {
	background-image:url(../images/taichung/index/main-intro-pic-03c.jpg);
}

.main-intro-L p {
	line-height: 1.8;
	margin-top: 20px;
}

.main-intro-R img{
	position: absolute;
	right:-240px;
	top:10px;

}


/* -- footer
----------------------------------------*/

.footer {
	width: 100%;
	background-color: #0b0b0b;
	overflow: hidden;
}

.footer-item-wrap {
	width: 1000px;
	margin: 10px auto;
	overflow: hidden;
	margin-bottom: 20px;
}


.footer-item-wrap table {
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
}

.footer-item-wrap table tr td {
	width: 162px;
	height: 131px;
	text-align: center;
}

.footer-item {
	width: 160px;
	height: 129px;
	cursor: pointer;
	border: 1px solid #5b5b5b;
	margin: 0px auto;
}

.footer-item:hover {
	background-position-y:-131px;
}

.footer-item-01 {
	background-image:url(../images/footer/footer-item-01.png);
}

.footer-item-02 {
	background-image:url(../images/footer/footer-item-02.png);
}

.footer-item-03 {
	background-image:url(../images/footer/footer-item-03.png);
}

.footer-item-04 {
	background-image:url(../images/footer/footer-item-04.png);
}

.footer-item-05 {
	background-image:url(../images/footer/footer-item-05.png);
}

.footer-item-06 {
	background-image:url(../images/footer/footer-item-06.png);
}

.detail-info-wrap {
	width: 100%;
	overflow: hidden;
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 20px;
}

.detail-info-wrap table {
	margin: 0px auto;
}

.detail-info-wrap table tr td {
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #333;
	cursor: pointer;
	opacity: 0.7;
	color: #666;
	vertical-align: middle;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.detail-info-wrap table tr td:hover {
	opacity: 1.0;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.detail-info-wrap table tr td a {
	color: #666;
}



/* -- room
----------------------------------------*/

.room-hb-wrap {
	width: 100%;
	height: 380px;
	display: none;
	background-color:#1e1e1e;
	background-image: url(../images/miaoli/room/head-banner.jpg);
	background-repeat:no-repeat;
	-ms-behavior: url(library/backgroundsize/backgroundsize.min.htc);
	behavior: url(library/backgroundsize/backgroundsize.min.htc); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	/*position:absolute;
	z-index: 1*/

}

.room-hb-wrap-tc {
	background-image: url(../images/taichung/room/head-banner.jpg);
}

.rooom-intr-wrap {
	width: 100%;
	height: 1900px;
	background-color:#1e1e1e;
	position: relative;
	text-align: center;
}

.rooom-intr-red-wrap {
	width: 960px;
	background-image: url(../images/miaoli/room/red-bg.png);
	position: absolute;
	top: -50px;
	padding-bottom:50px;
	display: none;
}

.rooom-intr-cont-wrap {
	width: 890px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}

.buildingName-wrap {
	width: 890px;
	height: 100px;
	position: relative;
}

.buildingName-wrap table {
	position: absolute;
	right: 0px;
	top:20px;
}

.buildingName-wrap table tr td {
	color: #fae7bf;
}

.buildingName-wrap table tr td img {
	cursor:pointer;
	opacity:0.7;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.buildingName-wrap table tr td img:hover {
	opacity:1.0;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.buildingName-arrow {
	text-align: center;
}


.room-sec-wrap {
	width: 100%;
}

.room-sec {
	width: 890px;
	background-color: #efefef;
	float: left;
	margin-bottom: 40px;
}

.room-sec-info {
	width: 415px;
	height: 225px;
	float: left;
	background-color: #efefef;
	text-align: left;
	padding-left: 30px;
	padding-top: 20px;
	position: relative;
}

.room-sec-info ul {
	height: 100px;
	padding: 0px;
	margin: 0px;
	padding-top: 15px;
	color:#555;
	list-style-type: none;
}


.room-sec-info .open-btn {
	margin: 0px;	
	padding: 0px;
	margin-top: 25px;
	cursor: pointer;
	color:#000;
}


.room-sec-info .open-btn img {
	margin-top: -3px;
}


.room-sec-info .open-btn li{
	float: left;
	margin-right: 5px;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.room-sec-info .open-btn li:hover {
	opacity: 0.6;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.booknow {
	margin-left: 160px;
	font-size: 16px;
	border-bottom: 1px solid #000;
}

.booknow a {
	color:#000;
	text-decoration: none;
}

.room-sec-pic {
	width: 445px;
	float: left;
	cursor: pointer;
	position: relative;
}


.hover-bg {
	width: 445px;
	height: 245px;
	background-image:url(../images/miaoli/room/hover-bg.png);
	position: absolute;
	right: 0px;
	top: 0px;
	opacity:0.01;
	transition:all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


.room-sec-pic:hover .hover-bg{
	opacity: 1.0;
	transition:all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.hover-bg p {
	color:#fae7bf;
	margin-top:110px;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 20px;
	font-size: 18px;
}

.hidden-cont {
	width: 840px;
	background-color:#d5d4cf;
	float: left;
	overflow: hidden;
	text-align: left;
	padding-left: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	display: none;
}


.hidden-cont-sec {
	width:100%;
	overflow: hidden;
	margin-top: 10px;
}

.menu-table tr td{
	text-align:left!important;
}

.times {
	font-family: times new roman;
}




/* -- dining
----------------------------------------*/

.dining-sec-info {
	width: 340px;
	height: 225px;
	float: left;
	background-color: #efefef;
	text-align: left;
	padding-left: 30px;
	padding-top: 20px;
	position: relative;
}

.dining-sec-info p{
	color:#666;
	width: 320px;
	font-size: 13px;

}


.dining-sec-pic {
	width: 520px;
	float: left;
	cursor: pointer;
	position: relative;
}

.dining-sec {
	margin-top: 40px;
}


.dining-title {
	width: 100%;
	height: 40px;
	background-color: #ffffff;
	position: absolute;
	top: -40px;
	left: 0px;
}

.dining-title h4 {
	margin-left: 30px;
}

.dining-sec-pic:hover .hover-bg{
	opacity: 1.0;
	transition:all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


.dining-sec-pic .hover-bg{
	width: 520px;
	opacity: 0;
}


.dining-time {
	width: 100%+30px;
	height: 25px;
	background-color: #d5d4cf;
	margin-left: -30px;
	padding-top: 5px;
	overflow: hidden;
	padding-left: 30px;
}

.dining-detail{
	color: #666;
	position: relative;
}

.dining-detail table {
	margin-top: 10px;
	font-size: 13px;
	float: left;
}


.dining-detail .dining-book {
	position: absolute;
	font-size: 14px;
	float: right;
	right: 15px;
	top: 45px;
	cursor: pointer;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.dining-detail .dining-book a{
	color:#000;
}

.dining-detail .dining-book:hover {
	opacity: 0.7;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}


.dining-hb-wrap {
	background-image: url(../images/miaoli/dining/head-banner.jpg);
}

.dining-hb-wrap-tc {
	background-image: url(../images/taichung/dining/head-banner.jpg);
}

.dining-book-sec {
	padding: 4px 10px;
	color: #fae7bf;
	background-color: #440713;
	letter-spacing: 1px;
}


.dining-tooltip {
	color:#440713;
	cursor: pointer;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.dining-tooltip:hover {
	/*color: #000;*/
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.tooltip {
	line-height: 1.8;
	padding: 2px 3px 2px;
}

/* -- about
----------------------------------------*/

.about-hb-wrap {
	background-image: url(../images/miaoli/about/head-banner.jpg);
}

.about-hb-wrap-tc {
	background-image: url(../images/taichung/about/head-banner.jpg);
}


.about-intro {
	width: 900px;
	text-align: left;
	background-color: #efefef;
	padding: 30px 0px;
	padding-bottom: 10px;
	background-image: url(../images/miaoli/index/ink.png);
	background-repeat: no-repeat;
	background-position:140% 0%;
	margin-bottom: 30px;
	float: left;
}

.about-intro p {
	margin-left: 30px;
	width: 650px;
	color:#5a5a5a;
	margin-bottom: 30px;
	line-height: 2.0;
}

.about-intro h4, .about-intro table, .about-intro ul{
	margin-left: 30px;
}

.floor {
	text-align: left;
	float: left;
	
}


.buildingName-wrap table tr .buildingName-on img{
	opacity: 1.0;
}

.inner-cont {
	display: none;
}

.inner-cont-show {
	display: block;
}

.about-intro a {
	color: #5a5a5a;
	width: 100%;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.about-intro a:hover {
	color:#08c;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.location-mark {
	width: 30px;
	cursor: pointer;
	margin-top: -20px;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;

}

.location-mark:hover {
	opacity: 0.7;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}


.building-name {
	width: 900px;
	overflow: hidden;
	padding-top: 5px;
	margin-bottom: 20px;
	color: #fae7bf;
	letter-spacing: 5.0px;
	font-size: 20px;
	border-bottom: 1px dashed #fae7bf;
	padding-bottom: 13px;

}

/* -- news
----------------------------------------*/


.news-hb-wrap {
	background-image: url(../images/miaoli/news/head-banner.jpg);
}

.news-hb-wrap-tc {
	background-image: url(../images/taichung/news/head-banner.jpg);
}
.newsinfo-hb-wrap-tc {
	background-image: url(../images/taichung/news/head-banner-info.jpg);
}


.news-date {
	margin-right:15px;
}

.news-list {
	width: 100%;
	float: left;
}

.news-info-date {
	margin-left: 30px;
	color: #777;
}
.addthis_toolbox {
	position: absolute;
	top: 115px;
	right: 50px;
}

.backtoprev {
	display: inline-block;
	border: 1px solid #000;
	padding: 5px 10px;
	cursor: pointer;
	float: right;
	margin-right: 50px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.backtoprev a {
	text-decoration: none;
	color: #1e1e1e!important;
}

.backtoprev:hover {
	opacity: 0.7;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}


/* -- meeting
----------------------------------------*/
.meet-hb-wrap {
	background-image: url(../images/miaoli/meeting/head-banner.jpg);
}
.meet-hb-wrap-tc {
	background-image: url(../images/taichung/meeting/head-banner.jpg);
}

.news-info-sec h4{
	margin-left: 20px;
}

.news-info-sec img {
	max-width: 600px;
	height: auto!important;
}


.meeting-short-intro {
	line-height: 1.8;
}

.news-info-pic {
	width: 100%;
	overflow: hidden;
}


.news-info-sec img {
	display: block;
	margin: 20px auto;
}

.table-title {
	background-color:#ccc;
}


.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
color: #fff;
text-decoration: none;
background-color: #6e0018;
background-image: -moz-linear-gradient(top,#08c,#0077b3);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
background-image: -webkit-linear-gradient(top,#08c,#0077b3);
background-image: -o-linear-gradient(top,#08c,#0077b3);
background-image: none!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}


.news-info-sec .about-intro h4,.news-info-sec .about-intro h5,.news-info-sec .about-intro p, .news-info-sec .about-intro div{
	margin-left: 30px;
}

.news-info-sec .about-intro img {
	margin-left: 0px;
}

#meeting .room-sec {
	width: 900px;
}

#meeting .dining-title {
	width: 380px;
}

#meeting .dining-sec-info {
	width: 350px;
}

#gmap {
	position: absolute;
	top:0px;
	left:-900px;
}

.gmap-house {
	width: 900px;
	height: 350px;
	background-color: transparent;
	background-image: none;
}

.privacy-cont li{
	line-height: 1.8!important;
	color:#5a5a5a;
}

.privacy-cont ul{
	list-style-type: none;
	padding: 0px;
	width: 80%;
}

.privacy-cont h5 {
	margin-top: 30px;
	color:#333;
	font-size: 15px;
}

.privacy-cont ol {
	padding: 0px;
	margin-top: 0px;
	margin-left: 20px;
	width: 100%;
}

.privacy-cont ol li {
	margin-bottom: 8px;
}

.privacy-hb-wrap {
	background-image: url(../images/miaoli/privacy/head-banner.jpg);
}

.contact-wrap h4, .contact-wrap #contact-form{
	margin-left: 200px;
}

.contact-wrap .radio-wrap ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}

.contact-wrap .radio-wrap ul li {
	float: left;
	width: 50px;
}


/* -- contact 
----------------------------------------*/

.error {
	color:red;
}



/* -- loading
----------------------------------------*/

.loading-animate-wrap {
	width: 100%;
	height: 100px;
	text-align: center;
	/*background-color: red;*/
	z-index: 999;
}



.loading-animate-cont ul {
	width: 120px;
	height: 30px;
	/*background-color: orange;*/
	padding: 0px;
	margin: 0px auto;
}


.loading-animate-cont ul li {
	float: left;
	list-style-type: none;
	width: 30px;
	height: 20px;
	margin-top: 100px;
	text-align: center;
}

.loading-dot {
	display: none;
	color: #fae7bf;
	font-size: 20px;
}


/*---------Responsive-----------
--------------------------------------------*/
@media all and (max-width: 1260px) {
	
}

@media all and (max-width: 1024px){

	.footer-item {
		width: 150px;
		background-position: center 0px;
	}

}

@media all and (max-width:960px){

	/*---index---*/

	.mobile-show {
		display: block;
	}

	.mobile-bye {
		display: none;
	}

	h4 {
		font-size: 1.2em;
	}

	.welcome-page-wrap {
		position: absolute;
		height: 100%;
	}

	.welcome-info-wrap {
		margin-top: 80px;
		height: auto!important;
	}

	.branch-hub {
		flex-direction: column;
		margin-top: 25px;
	}

	.welcome-logo {
		width: 70%;
	}

	.welcome-info-wrap ul {
		width: 100%;
	}

	.welcome-info-wrap ul li {
		opacity: 1.0;
		margin-right: 0px;
		width: 100%;
		margin: 0px 0%;
		margin-bottom: 20px;
		font-size: 1.0em;
	}

	.first-branch {
		margin-left: 0px;
	}

	.welcome-info-wrap ul li span {
		font-size: 0.6em!important;
	}

	.navi-btm-sec {
		display: none;
	}

	.fb-icon {
		display: none;
	}

	.hotel-logo {
		display: none;
	}


	.hotel-branch-name {
		max-width: 158px;
		width: 35%;
		margin-left: 15px;
		z-index: 100;
	}

	.navi-up-sec {
		height: 35px;
		text-align: left;
		position: relative;
		background-image: url(../images/navi/navi-btm-bg.png);
	}

	.welcome-logo-bar {
		display: none;
	}

	.navi-wrap {
		height: 45px;
	}

	.lang-switch {
		display: none;
	}

	#first-page .lang-switch {
		display: block!important;
		right: 10px;
	}

	.mobile-navi-btn {
		width: 30px;
		height: 15px;
		z-index: 100;
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.mobile-navi-btn ul {
		width: 100%;
		height: 100%;
		padding: 0px;
		margin: 0px;
		border-top: 2px solid #fae7bf;
		border-bottom: 2px solid #fae7bf;
		cursor: pointer;
	}

	.mobile-navi-btn ul li {
		width: 100%;
		height: 2px;
		background-color: #fae7bf;
		margin-top: 6px;
		list-style-type: none;
	}


	.mobile-navi-logo-icon {
		position: absolute;
		bottom: 10px;
		left:15px;
		width: 90px;
	}


	.main-intro-L-wrap {
		width: 100%;
	}

	.main-intro-L {
		width: 90%;
		margin-left: 10px;
		line-height: 1.4;
	}

	.main-intro {
		height: auto;
		padding-bottom: 35px;
	}

	.main-intro-L .main-intro-thumbnail ul li img:hover {
		opacity: 1.0;
	}

	.main-intro-L .main-intro-thumbnail-item:hover {
	-webkit-transform: scale(1.0,1.0);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
       -moz-transform: scale(1.0,1.0);
       -moz-transition-timing-function: ease-out;
       -moz-transition-duration: 250ms;
	}

	.footer-item-wrap {
		display: none;
	}

	.mobile-footer-item-wrap {
		width: 100%;
		overflow: hidden;
		height: auto;
	}

	.mobile-footer-item-wrap ul {
		width: 82%;
		padding: 0px;
		margin: 25px auto;
		overflow: hidden;
	}

	.mobile-footer-item-wrap ul li {
		width: 32%;
		height: 131px;
		overflow: hidden;
		margin: 5px 2px;
		text-align: center;
		list-style-type: none;
		float: left;
		border: 1px solid #333;
	}

	.mobile-footer-item-wrap ul li img{
		width: 100%;
		max-width: 162px;
	}

	.mobile-detail-info-wrap {
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.mobile-detail-info-wrap ul {
		width: 100%;
		overflow: hidden;
		margin: 0px;
	}

	.mobile-detail-info-wrap ul li {
		width: 100%;
		list-style-type: none;
		text-align: center;
		float: left;
	}

	.mobile-detail-info-wrap a{
		color: #666!important;
		font-size: 0.6em;
	}


	.mobile-navi-item-wrap {
		width: 100%;
		height: 100%;
		background-image: url(../images/miaoli/room/red-bg.png);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: -1;
		color: #fae7bf
	}

	.mobile-navi-item-wrap a {
		color: #fae7bf!important;
	}

	.mobile-navi-item-wrap ul {
		margin: 0px auto;
		margin-top: 60px;
		width: 70%;
		overflow: hidden;
	}

	.mobile-navi-item-wrap ul li {
		list-style-type: none;
		line-height: 2.4em;
		width: 100%;
		border-bottom: 1.0px solid #fae7bf;
		margin-top: 7px;
		letter-spacing: 2px;
		font-size: 1.2em;
		cursor: pointer;
	}

	.mobile-close-btn {
		position: fixed;
		top: 0px;
		right: 20px;
		z-index: 100;
		color: #fae7bf;
		cursor: pointer;
		display: none;
	}

	.lang-switch {
		right: 60px;
		top: 10px;
	}

	.rooom-intr-red-wrap {
		width: 100%;
		left: 0px!important;
	}

	.rooom-intr-cont-wrap {
		width: 100%;
	}

	.buildingName-wrap {
		width: 100%;
	}

	.buildingName-wrap table {
		left: 10px;
	}

	.about-intro {
		width: 94%;
		margin: 0px auto;
		overflow: hidden;
		float: none;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.about-intro p {
		width: 95%;
		margin: 0px auto;
	}

	.about-hb-wrap .room-sec {
		overflow: hidden!important;
	}

	.room-sec {
		width: 95%;
		margin: 0px auto;
		float: none;
		margin-bottom: 20px;
		overflow: hidden;
	}

	.room-sec-info {
		width: 46%;
		padding-left: 2%;
		padding-top: 0px;
		height: auto;
	}

	.room-sec-pic {
		width: 52%
	}

	.room-sec-info ul {
		padding-top: 0px;
	}

	.room-sec-info ul {
		height: auto;
	}

	.room-sec-info ul li {
		font-size: 0.8em;
	}

	.hover-bg {
		width: 100%!important;
		height: 100%!important;
	}

	.about-intro table {
		width: 98%!important;
		margin: 0px 1%;
		font-size: 0.8em;
	}

	.about-intro h4 {
		margin-left: 2%!important;
	}

	.location .about-intro h4 {
		margin-left: 3%!important;
	}

	.location-intro-outer {
		margin-left: 5px!important;
	}

	#gmap,.gmap-house {
		width: 95%!important;
	}

	.width10 {
		width: 10px!important;
	}

	.tablet-w10 {
		width: 10px!important;
	}

	.buildingName-wrap table tbody tr td {
		padding-left: 15px;
	}
	.buildingName-wrap table tr td img {
		width: 57px;
	}

	.news-list {
		height: 30px;
	}	

	.building-name {
		width: 100%;
	}

	.floor {
		width: 94%;
		margin-left: 3%;
	}

	
	.room-hb-wrap {
		height: 300px;
	}

	.hidden-cont {
		width: 100%;
		padding-left: 15px;
	}

	.hidden-cont-sec {
		width: 90%;
		font-size: 0.8em;
	}

	.booknow {
		margin-left: 100px;
	}

	.m-width17 {
		width: 17px;
	}

	#dining .about-intro {
		margin-bottom: 40px;
	}
	
	#dining .room-sec {
		overflow: inherit;
	}
	.rooom-intr-cont-wrap {
		margin: 0px;
	}

	.hover-bg {
		background-image: none;
	}

	.hover-bg p {
		display: none;
	}

	.tablet-byebye {
		display: none;
	}

	.dining-sec-pic,.dining-sec-pic .hover-bg {
		width: 97%!important;
		height: 100%!important;
	}

	.dining-sec-pic img {
		width: 100%;
	}

	.dining-sec-pic .hover-bg p {
		margin-top: 90px;
	}

	.dining-sec-pic {
		margin-bottom: 60px;
	}

	.dining-sec-info {
		padding-left: 20px;
		width: 94%;
		margin: 0px auto;
		padding-bottom: 15px;
		height: auto;
		margin-top: 15px;
	}

	.dining-time {
		margin-left: -20px;
		padding-left: 20px;
	}

	.dining-sec-info p {
		width: 100%;
	}

	.dining-cont-outer {
		width: 92%;
	}

	.dining-title h4 {
		margin-left: 20px;
		font-size: 1.2em;
	}
	
	#meeting .buildingName-wrap table tr td img {
		width: 100px;
	}
	
	#meeting .room-sec {
		width: 94%;
		overflow: inherit;
	}

	#meeting .dining-sec-info {
		width: 94%;
	}

	#meeting .dining-title {
		width: 100%;
	}

	#meeting .dining-sec-info p {
		width: 96%;
	}

	.dining-detail .dining-book {
		font-size: 0.8em;
		right: 5px;
	}

	.dining-book-sec {
		padding: 4px 5px;
		letter-spacing: 0px;
	}


	/*************  聯絡我們  ***************/

	.contact-wrap h4, .contact-wrap #contact-form {
		margin-left: 0px;
		width: 94%;
		margin-left: 3%;
	}

	input.span5,
	textarea.span5, 
	.uneditable-input.span5 {
		width: 90%!important;
	}

	#btnSend {
		width: 94%!important;
	}



	/*************  會議  ***************/
	.news-info-sec img {
		width: 90%!important;
	}

	.news-info-sec .about-intro h4, 
	.news-info-sec .about-intro h5, 
	.news-info-sec .about-intro p, 
	.news-info-sec .about-intro div {
		margin-left: 10px;
	}

	.backtoprev {
		margin-right: 10px;
		margin-top: 10px;
	}

	.addthis_toolbox {
		right: 20px;
		top: 125px;
	}





	/*************  嘉義  ***************/

	.welcome-logo {
		width: 75%;
		max-width: 370px;
	}

	.about-intro {
		width: 95%;
	}

	.about-intro p {
		margin-left: 2%;
		width: 96%;
	}

}

/*Landscape phone to portrait tablet */
@media all and (max-width:720px){
	
	/*---index---*/

	.mobile-show {
		display: block;
	}

	.mobile-bye {
		display: none;
	}

	h4 {
		font-size: 1.2em;
	}

	.welcome-page-wrap {
		position: absolute;
		height: 100%;
	}

	.welcome-info-wrap {
		margin-top: 80px;
		height: auto!important;
	}

	.branch-hub {
		margin-top: 25px;
	}

	.welcome-logo {
		width: 70%;
	}

	.welcome-info-wrap ul {
		width: 100%;
	}

	.welcome-info-wrap ul li {
		opacity: 1.0;
		margin-right: 0px;
		width: 100%;
		margin: 0px 0%;
		margin-bottom: 20px;
		font-size: 1.0em;
	}

	.first-branch {
		margin-left: 0px;
	}

	.welcome-info-wrap ul li span {
		font-size: 0.6em!important;
	}

	.navi-btm-sec {
		display: none;
	}

	.fb-icon {
		display: none;
	}

	.hotel-logo {
		display: none;
	}

	.hotel-branch-name {
		max-width: 158px;
		width: 35%;
		margin-left: 15px;
		z-index: 100;
	}

	.navi-up-sec {
		height: 35px;
		text-align: left;
		position: relative;
		background-image: url(../images/navi/navi-btm-bg.png);
	}

	.welcome-logo-bar {
		display: none;
	}

	.navi-wrap {
		height: 45px;
	}

	.lang-switch {
		display: none;
	}

	#first-page .lang-switch {
		display: block!important;
		right: 10px;
	}

	.mobile-navi-btn {
		width: 30px;
		height: 15px;
		z-index: 100;
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.mobile-navi-btn ul {
		width: 100%;
		height: 100%;
		padding: 0px;
		margin: 0px;
		border-top: 2px solid #fae7bf;
		border-bottom: 2px solid #fae7bf;
		cursor: pointer;
	}

	.mobile-navi-btn ul li {
		width: 100%;
		height: 2px;
		background-color: #fae7bf;
		margin-top: 6px;
		list-style-type: none;
	}

	.mobile-navi-logo-icon {
		position: absolute;
		bottom: 10px;
		left:15px;
		width: 90px;
	}

	.main-intro-L-wrap {
		width: 100%;
	}

	.main-intro-L {
		width: 90%;
		margin-left: 10px;
	}

	.main-intro {
		height: auto;
		padding-bottom: 35px;
	}

	.main-intro-L .main-intro-thumbnail ul li {
		width: 31%;
		height: auto;
	}

	.main-intro-L .main-intro-thumbnail ul li img:hover {
		opacity: 1.0;
	}

	.main-intro-L .main-intro-thumbnail-item:hover {
	-webkit-transform: scale(1.0,1.0);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
       -moz-transform: scale(1.0,1.0);
       -moz-transition-timing-function: ease-out;
       -moz-transition-duration: 250ms;
	}

	.footer-item-wrap {
		display: none;
	}

	.mobile-footer-item-wrap {
		width: 100%;
		overflow: hidden;
		height: auto;
	}

	.mobile-footer-item-wrap ul {
		width: 100%;
		width: 336px;
		padding: 0px;
		margin: 25px auto;
		overflow: hidden;
	}

	.mobile-footer-item-wrap ul li {
		width: 46%;
		height: 131px;
		overflow: hidden;
		margin: 5px 2px;
		text-align: center;
		list-style-type: none;
		float: left;
		border: 1px solid;
	}

	.mobile-footer-item-wrap ul li img{
		width: 100%;
		max-width: 162px;
	}

	.mobile-detail-info-wrap {
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.mobile-detail-info-wrap ul {
		width: 100%;
		overflow: hidden;
		margin: 0px;
	}

	.mobile-detail-info-wrap ul li {
		width: 100%;
		list-style-type: none;
		text-align: center;
		float: left;
	}

	.mobile-detail-info-wrap a {
		color: #666!important;
		font-size: 0.6em;
	}

	.mobile-navi-item-wrap {
		width: 100%;
		height: 100%;
		background-image: url(../images/miaoli/room/red-bg.png);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: -1;
		color: #fae7bf
	}

	.mobile-navi-item-wrap a {
		color: #fae7bf!important;
	}

	.mobile-navi-item-wrap ul {
		margin: 0px auto;
		margin-top: 60px;
		width: 70%;
		overflow: hidden;
	}

	.mobile-navi-item-wrap ul li {
		list-style-type: none;
		line-height: 1.8em;
		width: 100%;
		border-bottom: 1.0px solid #fae7bf;
		margin-top: 7px;
		letter-spacing: 2px;
		font-size: 1.1em;
		cursor: pointer;
	}

	.mobile-close-btn {
		position: fixed;
		top: 0px;
		right: 20px;
		z-index: 100;
		color: #fae7bf;
		cursor: pointer;
		display: none;
	}

	.lang-switch {
		right: 60px;
		top: 10px;
	}

	/*************  about  ***************/


	.rooom-intr-red-wrap {
		width: 100%;
		left: 0px!important;
	}

	.rooom-intr-cont-wrap {
		width: 100%;
	}

	.buildingName-wrap {
		width: 100%;
	}

	.buildingName-wrap table {
		left: 0px;
	}

	.about-intro {
		width: 94%;
		margin: 0px auto;
		overflow: hidden;
		float: none;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.about-intro p {
		width: 95%;
		margin: 0px auto;
	}

	.about-hb-wrap .room-sec {
		overflow: hidden!important;
	}

	.room-sec {
		width: 94%;
		margin: 0px auto;
		float: none;
		margin-bottom: 20px;
		overflow: hidden;
	}

	.room-sec-info {
		width: 96%;
		padding-left: 4%;
		overflow: hidden;
		height: auto;
		padding-bottom: 15px;
	}

	.room-sec-pic {
		width: 100%;
	}

	.room-sec-info ul {
		height: auto;
	}

	.room-sec-info ul li {
		font-size: 0.8em;
	}

	.hover-bg {
		width: 100%!important;
		height: 100%!important;
	}

	.about-intro table {
		width: 98%!important;
		margin: 0px 1%;
		font-size: 0.8em;
	}

	.about-intro h4 {
		margin-left: 2%!important;
	}

	.location .about-intro h4 {
		margin-left: 5%!important;
	}

	.location-intro-outer {
		margin-left: 5px!important;
	}

	#gmap,.gmap-house {
		width: 94%!important;
	}

	.width10 {
		width: 10px!important;
	}

	.buildingName-wrap table tbody tr td {
		padding-left: 15px;
	}

	.buildingName-wrap table tr td img {
		width: 57px;
	}

	.news-list {
		height: 30px;
	}	

	.building-name {
		width: 100%;
	}

	.floor {
		width: 94%;
		margin-left: 3%;
	}

	/*************  room  ***************/

	.room-hb-wrap {
		height: 300px;
	}

	.hidden-cont {
		width: 100%;
		padding-left: 15px;
	}

	.hidden-cont-sec {
		width: 90%;
		font-size: 0.8em;
	}

	.booknow {
		margin-left: 100px;
	}

	.m-width17 {
		width: 17px;
	}




	/*************  dining  ***************/

	#dining .about-intro {
		margin-bottom: 40px;
	}
	
	#dining .room-sec {
		overflow: inherit;
	}

	.dining-sec-pic,
	.dining-sec-pic .hover-bg {
		width: 100%!important;
		height: 100%!important;
	}

	.dining-sec-pic .hover-bg p {
		margin-top: 90px;
	}

	.dining-sec-pic {
		margin-bottom: 60px;
	}

	.dining-sec-info {
		padding-left: 20px;
		width: 94%;
		margin: 0px auto;
		padding-bottom: 15px;
		height: auto;
		margin-top: 15px;
	}

	.dining-time {
		margin-left: -20px;
		padding-left: 20px;
	}

	.dining-sec-info p {
		width: 100%;
	}

	.dining-cont-outer {
		width: 92%;
	}

	.dining-title h4 {
		margin-left: 20px;
		font-size: 1.2em;
	}





	/*************  meeting  ***************/
	
	#meeting .buildingName-wrap table tr td img {
		width: 100px;
	}
	
	#meeting .room-sec {
		width: 94%;
		overflow: inherit;
	}

	#meeting .dining-sec-info {
		width: 94%;
	}

	#meeting .dining-title {
		width: 100%;
	}

	#meeting .dining-sec-info p {
		width: 96%;
	}

	.dining-detail .dining-book {
		font-size: 0.8em;
		right: 5px;
	}

	.dining-book-sec {
		padding: 4px 5px;
		letter-spacing: 0px;
	}


	/*************  聯絡我們  ***************/

	.contact-wrap h4, 
	.contact-wrap #contact-form {
		margin-left: 0px;
		width: 94%;
		margin-left: 3%;
	}

	input.span5, 
	textarea.span5, 
	.uneditable-input.span5 {
		width: 90%!important;
	}

	#btnSend {
		width: 94%!important;
	}





	/*************  會議  ***************/
	.news-info-sec img {
		width: 90%!important;
	}

	.news-info-sec .about-intro h4, 
	.news-info-sec .about-intro h5, 
	.news-info-sec .about-intro p, 
	.news-info-sec .about-intro div {
		margin-left: 10px;
	}

	.backtoprev {
		margin-right: 10px;
		margin-top: 10px;
	}

	.addthis_toolbox {
		right: 20px;
		top: 125px;
	}



	.main-intro-L p {
		line-height: 1.8;
		font-size: 0.9em;
	}



	/*************  嘉義  ***************/

	.welcome-logo {
		width: 75%;
		max-width: 370px;
	}

	.about-intro {
		width: 95%;
	}

	.about-intro p {
		margin-left: 2%;
		width: 96%;
	}




}




@media all and (max-width:580px){
	
	/*---index---*/

	.mobile-show {
		display: block;
	}

	.mobile-bye {
		display: none;
	}

	h4 {
		font-size: 1.2em;
	}

	.welcome-page-wrap {
		position: absolute;
		height: 100%;
	}

	.welcome-info-wrap {
		margin-top: 80px;
		height: auto!important;
	}

	.branch-hub {
		margin-top: 25px;
	}

	.welcome-logo {
		width: 70%;
	}

	.welcome-info-wrap ul {
		width: 100%;
	}

	.welcome-info-wrap ul li {
		opacity: 1.0;
		margin-right: 0px;
		width: 100%;
		margin: 0px 0%;
		margin-bottom: 20px;
		font-size: 1.0em;
	}

	.first-branch {
		margin-left: 0px;
	}

	.welcome-info-wrap ul li span {
		font-size: 0.6em!important;
	}

	.navi-btm-sec {
		display: none;
	}

	.fb-icon {
		display: none;
	}

	.hotel-logo {
		display: none;
	}

	.hotel-branch-name {
		max-width: 158px;
		width: 35%;
		margin-left: 15px;
		z-index: 100;
	}

	.navi-up-sec {
		height: 35px;
		text-align: left;
		position: relative;
		background-image: url(../images/navi/navi-btm-bg.png);
	}

	.welcome-logo-bar {
		display: none;
	}

	.navi-wrap {
		height: 45px;
	}

	.lang-switch {
		display: none;
	}

	#first-page .lang-switch {
		display: block!important;
		right: 10px;
	}

	.mobile-navi-btn {
		width: 30px;
		height: 15px;
		z-index: 100;
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.mobile-navi-btn ul {
		width: 100%;
		height: 100%;
		padding: 0px;
		margin: 0px;
		border-top: 2px solid #fae7bf;
		border-bottom: 2px solid #fae7bf;
		cursor: pointer;
	}

	.mobile-navi-btn ul li {
		width: 100%;
		height: 2px;
		background-color: #fae7bf;
		margin-top: 6px;
		list-style-type: none;
	}

	.mobile-navi-logo-icon {
		position: absolute;
		bottom: 10px;
		left:15px;
		width: 90px;
	}

	.main-intro-L-wrap {
		width: 100%;
	}

	.main-intro-L {
		width: 90%;
		margin-left: 10px;
	}

	.main-intro {
		height: auto;
		padding-bottom: 35px;
	}

	.main-intro-L .main-intro-thumbnail ul li {
		width: 31%;
		height: auto;
	}

	.main-intro-L .main-intro-thumbnail ul li img:hover {
		opacity: 1.0;
	}

	.main-intro-L .main-intro-thumbnail-item:hover {
	-webkit-transform: scale(1.0,1.0);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
       -moz-transform: scale(1.0,1.0);
       -moz-transition-timing-function: ease-out;
       -moz-transition-duration: 250ms;
	}

	.footer-item-wrap {
		display: none;
	}

	.mobile-footer-item-wrap {
		width: 100%;
		overflow: hidden;
		height: auto;
	}

	.mobile-footer-item-wrap ul {
		width: 100%;
		width: 336px;
		padding: 0px;
		margin: 25px auto;
		overflow: hidden;
	}

	.mobile-footer-item-wrap ul li {
		width: 46%;
		height: 131px;
		overflow: hidden;
		margin: 5px 2px;
		text-align: center;
		list-style-type: none;
		float: left;
		border: 1px solid;
	}

	.mobile-footer-item-wrap ul li img{
		width: 100%;
		max-width: 162px;
	}

	.mobile-detail-info-wrap {
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.mobile-detail-info-wrap ul {
		width: 100%;
		overflow: hidden;
		margin: 0px;
	}

	.mobile-detail-info-wrap ul li {
		width: 100%;
		list-style-type: none;
		text-align: center;
		float: left;
	}

	.mobile-detail-info-wrap a {
		color: #666!important;
		font-size: 0.6em;
	}

	.mobile-navi-item-wrap {
		width: 100%;
		height: 100%;
		background-image: url(../images/miaoli/room/red-bg.png);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: -1;
		color: #fae7bf
	}

	.mobile-navi-item-wrap a {
		color: #fae7bf!important;
	}

	.mobile-navi-item-wrap ul {
		margin: 0px auto;
		margin-top: 60px;
		width: 70%;
		overflow: hidden;
	}

	.mobile-navi-item-wrap ul li {
		list-style-type: none;
		line-height: 1.8em;
		width: 100%;
		border-bottom: 1.0px solid #fae7bf;
		margin-top: 7px;
		letter-spacing: 2px;
		font-size: 1.1em;
		cursor: pointer;
	}

	.mobile-close-btn {
		position: fixed;
		top: 0px;
		right: 20px;
		z-index: 100;
		color: #fae7bf;
		cursor: pointer;
		display: none;
	}

	.lang-switch {
		right: 60px;
		top: 10px;
	}

	/*************  about  ***************/


	.rooom-intr-red-wrap {
		width: 100%;
		left: 0px!important;
	}

	.rooom-intr-cont-wrap {
		width: 100%;
	}

	.buildingName-wrap {
		width: 100%;
	}

	.buildingName-wrap table {
		left: 0px;
	}

	.about-intro {
		width: 94%;
		margin: 0px auto;
		overflow: hidden;
		float: none;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.about-intro p {
		width: 95%;
		margin: 0px auto;
	}

	.about-hb-wrap .room-sec {
		overflow: hidden!important;
	}

	.room-sec {
		width: 94%;
		margin: 0px auto;
		float: none;
		margin-bottom: 20px;
		overflow: hidden;
	}

	.room-sec-info {
		width: 96%;
		padding-left: 4%;
		overflow: hidden;
		height: auto;
		padding-bottom: 15px;
	}

	.room-sec-pic {
		width: 100%;
	}

	.room-sec-info ul {
		height: auto;
	}

	.room-sec-info ul li {
		font-size: 0.8em;
	}

	.hover-bg {
		width: 100%!important;
		height: 100%!important;
	}

	.about-intro table {
		width: 98%!important;
		margin: 0px 1%;
		font-size: 0.8em;
	}

	.about-intro h4 {
		margin-left: 2%!important;
	}

	.location .about-intro h4 {
		margin-left: 5%!important;
	}

	.location-intro-outer {
		margin-left: 5px!important;
	}

	#gmap,.gmap-house {
		width: 94%!important;
	}

	.width10 {
		width: 10px!important;
	}

	.buildingName-wrap table tbody tr td {
		padding-left: 15px;
	}

	.buildingName-wrap table tr td img {
		width: 57px;
	}

	.news-list {
		height: 30px;
	}	

	.building-name {
		width: 100%;
	}

	.floor {
		width: 94%;
		margin-left: 3%;
	}

	/*************  room  ***************/

	.room-hb-wrap {
		height: 300px;
	}

	.hidden-cont {
		width: 100%;
		padding-left: 15px;
	}

	.hidden-cont-sec {
		width: 90%;
		font-size: 0.8em;
	}

	.booknow {
		margin-left: 100px;
	}

	.m-width17 {
		width: 17px;
	}




	/*************  dining  ***************/

	#dining .about-intro {
		margin-bottom: 40px;
	}
	
	#dining .room-sec {
		overflow: inherit;
	}

	.dining-sec-pic,
	.dining-sec-pic .hover-bg {
		width: 100%!important;
		height: 100%!important;
	}

	.dining-sec-pic .hover-bg p {
		margin-top: 90px;
	}

	.dining-sec-pic {
		margin-bottom: 60px;
	}

	.dining-sec-info {
		padding-left: 20px;
		width: 94%;
		margin: 0px auto;
		padding-bottom: 15px;
		height: auto;
		margin-top: 15px;
	}

	.dining-time {
		margin-left: -20px;
		padding-left: 20px;
	}

	.dining-sec-info p {
		width: 100%;
	}

	.dining-cont-outer {
		width: 92%;
	}

	.dining-title h4 {
		margin-left: 20px;
		font-size: 1.2em;
	}





	/*************  meeting  ***************/
	
	#meeting .buildingName-wrap table tr td img {
		width: 100px;
	}
	
	#meeting .room-sec {
		width: 94%;
		overflow: inherit;
	}

	#meeting .dining-sec-info {
		width: 94%;
	}

	#meeting .dining-title {
		width: 100%;
	}

	#meeting .dining-sec-info p {
		width: 96%;
	}

	.dining-detail .dining-book {
		font-size: 0.8em;
		right: 5px;
	}

	.dining-book-sec {
		padding: 4px 5px;
		letter-spacing: 0px;
	}


	/*************  聯絡我們  ***************/

	.contact-wrap h4, 
	.contact-wrap #contact-form {
		margin-left: 0px;
		width: 94%;
		margin-left: 3%;
	}

	input .span5, 
	textarea .span5, 
	.uneditable-input .span5 {
		width: 90%!important;
	}

	#btnSend {
		width: 94%!important;
	}





	/*************  會議  ***************/
	.news-info-sec img {
		width: 90%!important;
	}

	.news-info-sec .about-intro h4, 
	.news-info-sec .about-intro h5, 
	.news-info-sec .about-intro p, 
	.news-info-sec .about-intro div {
		margin-left: 10px;
	}

	.backtoprev {
		margin-right: 10px;
		margin-top: 10px;
	}

	.addthis_toolbox {
		right: 20px;
		top: 125px;
	}

	.main-intro-L p{
		line-height: 1.6;
		font-size: 0.9em;
	}




	/*************  嘉義  ***************/

	.welcome-logo {
		width: 75%;
		max-width: 370px;
	}

	.about-intro {
		width: 95%;
	}

	.about-intro p {
		margin-left: 2%;
		width: 96%;
	}


}