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

@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;}

/* Custom CSS
 * --------------------------------------- */
body{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;}
  
html, body { 
	height: 100%; 
	font-size:100%;
	background-position:100%;
	font-family:'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
	color:#fff;
	background-color:#000;}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header{
	position:fixed;
	width:100%;
	height:80px;
	z-index:9998;
	background-color:rgba(40,96,173,.95);
	border-bottom:0px solid rgba(0,63,152,0.9);}
.logo{
	float:left;
	height:80px;
	margin:0 40px 0 20px;}
	
.logo h1{
	display:block;
	height:80px;
	line-height:26px;
	font-size:2.25rem;
	color:#fff;
	font-weight:500;
	padding-top:15px;
	letter-spacing:1px;}
	
.logo_sd{font-size:1.875rem; font-weight:100;}
	
.logo_blue{
	float:right;
	font-size:0.9375rem;
	color:#0a308f;
	font-weight:600;
	letter-spacing:0px;
	border-bottom:0px solid #0a308f;}
	
.logo_green{
	float:right;
	font-size:0.9375rem;
	color:#009943;
	font-weight:600;
	letter-spacing:0px;
	border-bottom:1px solid #009943;}
	
.top_links{
	float:right;
	height:80px;
	margin-right:10px;
	overflow:hidden;}
	
.top_links a{
	display:block;
	float:right;
	font-family:"微軟正黑體", "Microsoft JhengHei UI", "新細明體", Arial, HelveticaNeue, sans-serifl;
	font-size:1rem;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	margin:5px;
	padding-right:10px;
	border-right:1px solid #91806c;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline:none;}
	
.top_links a.contact_links{
	
	}

.top_links a:hover{
	color:#aca193;}
	
.hotellogo_bg{
	position:absolute;
	width: 0;
	height: 0;
	bottom:0px;
	right:0px;
	border-style: solid;
	border-width: 0 0 400px 300px;
	border-color: transparent transparent #00babd transparent;}
	
.go_down{
	position:absolute;
	width:68px;
	height:85px;
	margin-left:-34px;
	left:50%;
	bottom:59px;
	z-index:9996;}
	
.arrow_poset{
	position:relative;
	width:68px;
	height:85px;}
	
.scroll_down{
	position:relative;
	width:68px;
	height:64px;}
	
.scroll_down a{
	display:block;
	width:68px;
	height:64px;
	text-indent:-9999px;
	background-image:url(../images/scroll_down.png);
	background-position:left top;
	background-repeat:no-repeat;}
	
.scroll_arrow{
	position:absolute;
	width:19px;
	height:12px;
	background-image:url(../images/scroll_down_arrow.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin-left:-9px;
	left:50%;
	bottom:5px;
	z-index:9996;
	animation:ArrowMove2 0.2s infinite alternate; /*IE*/
    -moz-animation:ArrowMove2 0.2s infinite alternate; /*FireFox*/
    -webkit-animation:ArrowMove2 0.2s infinite alternate; /*Chrome, Safari*/}
@keyframes ArrowMove2{
    from {bottom:5px;}
    to {bottom:0px}
}
@-moz-keyframes ArrowMove2{
    from {bottom:5px;}
    to {bottom:0px;}
}
@-webkit-keyframes ArrowMove2{
    from {bottom:5px;}
    to {bottom:0px;}
}
	
.booking_title{
	width:100%;}
	
.booking_title h2{
	width:100%;
	height:36px;
	line-height:36px;
	font-size:1.5rem;
	color:#fff;
	font-weight:100;
	background-color:#12181f;}
	
.booking_wrap{
	width:100%;
	padding:20px 10px;}
	
#css_table {
	display:table;
	margin-bottom:10px;
  }
.css_tr {
	display: table-row;
	margin-bottom:10px;
  }
.css_td {
	font-family:"微軟正黑體", "Microsoft JhengHei UI", "新細明體", Arial, HelveticaNeue, sans-serif;
	display: table-cell;
	font-size:0.8125rem;
	color:#fff;
	padding:0 0 5px 5px;
	text-align:left;
  }
  
.select_style{
	font-family:"微軟正黑體", "Microsoft JhengHei UI", "新細明體", Arial, HelveticaNeue, sans-serif;
	font-size:0.8125rem;
	color:#fff;
    background-color:#0096e0;
    border: 0px solid #888;
    border-radius: 0;
    background-image: url(../images/select_arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
	appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
    padding: 7px 28px 7px 7px;
    outline: none;
    cursor: pointer;}
	
.booking_btn{
	width:100%;}

.submit{
	width:90%;
	font-family:"微軟正黑體", "Microsoft JhengHei UI", "新細明體", Arial, HelveticaNeue, sans-serif;
	font-size:1rem;
	color:#fff;
	background-color:#91806c;
	font-weight:bold;
	border:none;
	padding:6px 0;
	cursor:pointer;
	-webkit-border-radius: 6px;
    border-radius: 6px;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline:none;
	-webkit-appearance: none;}
	
.submit:hover{
	color:#333;
	background-color:#eee;
	}
	
/*SECTION1 START*/

#section1 .brand_title_wrap{
	position:relative;
	width:20%;
	height:auto;
	opacity: 0;
	margin:0 auto;}
	
#section1 .brand_title{
	position:absolute;
	float:left;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
	padding-top:100px;}
	
#section1 .group_wrap{
	position:relative;}

#section1 .group_title{
	display:table;
	margin:0 auto;
	font-size:3.125rem;
	color:#2860ad;
	font-weight:500;
	white-space:nowrap;
	border-bottom:1px solid #2860ad;
	letter-spacing:2px;
	padding-bottom:0px;
	margin-bottom:10px;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline:none;}
	
#section1 .group_slogan{
	display:table;
	margin:0 auto;
	font-size:1.625rem;
	color:#009943;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline:none;}
	
ul.branch{
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
	width:80%;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:60px;}
	
ul.branch li{
	opacity: 0;
	position:relative;
	display:block;
	float:left;
	width:30%;
	margin:1.5%;
	border:0px solid #0024FF;}
	
/*ul.branch li.hotel01{
	opacity: 0;}*/
	
ul.branch li a{
	text-decoration:none;}
	
ul.branch li h3{
	display:block;
	width:100%;
	font-size:2.375rem;
	color:#b19a7b;
	font-weight:100;
	text-align:center;}
	
ul.branch li h4{
	display:block;
	width:100%;
	font-size:1.5rem;
	color:#b19a7b;
	font-weight: bolder;
	text-align:center;
	margin-bottom:20px;}
	
ul.branch li p{
	clear:both;
	width:100%;
	min-height:150px;
	font-size:1rem;
	color:#333;
	padding:10px;
	line-height:1.7;
	text-align:left;}
	
.hotel_features{
	font-size:1.125rem;
	color:#2860ad;}
	
.hotel_info{
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #b19a7b;
	overflow:hidden;}
	
.info{
	float:left;}
	
.info ul{}

.info ul li{
	opacity: 1;
	clear:both;
	display:block;
	font-size:0.9375rem;
	color:#b19a7b;
	text-align:left;	
	position: static;
    float: none;
    width:100%;
    margin:1%;
	white-space: nowrap;}
	
.facebook{
	float:right;}
	
.facebook a{
	display:block;
	width:36px;
	height:36px;
	background-image:url(../images/fb_icon.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline:none;}
	
.facebook a:hover{
	background-position:left bottom;}
	
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}

.footer{
	position:relative;
	width:100%;
	height:180px;
	background-color:rgba(40,96,173,1)
	}
	
.copyright{
	font-size:0.8125rem;
	font-weight:100;
	background-color:#aca193;
	padding:10px 0;
	letter-spacing:1px;}
	
.logo_list{
	display:table;
	position:absolute;
	width:500px;
	margin-left:-250px;
	left:50%;
	bottom:0px;}
	
/*.logo_list{
	display:table;
	margin:0 auto;
	padding-top:80px;}*/
	
.logo_title{
	font-size:0.9375rem;
	color:#fff;
	font-weight:normal;
	padding:5px 0 5px 0;
	text-align:left;
	letter-spacing:2px;
	border-bottom:1px solid rgba(255,255,255,0.5);}
	
.logo_img{
	padding:10px;}

.logo_img img{
	display: inline-block;
	margin:10px 20px;}
	
.logo_img img.logo_group{
	width:50px;
	height:auto;}

.logo_img img.logo_seeking{
	width:77px;
	height:auto;}

.logo_img img.logo_owell{
	width:85px;
	height:auto;}

.logo_img img.logo_elpuerto{
	width:91px;
	height:auto;}


@media screen and (max-width: 1366px) {

html, body {
	font-size:87.5%;}
	
#section1 .brand_title_wrap{
	width:26%;}
	
}

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

html, body {
	font-size:87.5%;}
	
#section1 .brand_title_wrap{
	width:35%;}
	
ul.branch{
	width:90%;}
	
ul.branch li p{
	min-height:165px;}
	
}

@media screen and (max-width: 768px) {

html, body {
	font-size:81.25%;}
	
#section1 .brand_title_wrap {
    width: 46%;}
	
ul.branch li h3 {
	font-size:1.75rem;}
	
ul.branch li h4 {
	font-size:1.25rem;}
	
.facebook{
	clear:both;
	float:right;}
	
}

@media screen and (max-width: 736px) {
	
html, body {
	font-size:81.25%;}
	
ul.branch li p{
	min-height:200px;}
	
}

@media screen and (max-width: 667px) {

html, body {
	font-size:81.25%;}
	
.header{
	height:40px;
	background-color:rgba(40,96,173,.95);}
	
.top_links {
	height:auto;
	margin-right: 10px;}
	
.logo {
	height:auto;
    margin: 5px 0 0 10px;}
	
.logo h1{
	height:auto;
	padding-top: 0px;
	font-size:1.625rem;}
	
.logo_sd{
	display:inline-block;
	font-size:1.625rem;
	margin-right:5px;}
	
.logo_blue{
	display: inline-block;
	height:22px;
	line-height:22px;
	padding-top:5px;}
	
.logo_green{
	display: inline-block;
	height:22px;
	line-height:22px;
	margin-top:5px;}
	
.non_br{
	display:none;}
	
/*.go_down{
	margin-left:0px;
	left:auto;
	right:5px;
	bottom:10px;}*/
	
/*.go_down{
	position:static;
	margin:0 auto;
	margin-bottom:5px;
	z-index:9999;}*/
	
.go_down{
	bottom:10px;}
	
.booking_wrap{
	padding:10px 10px 130px 10px;}
	
.submit{
	padding:8px 0;}
	
#css_table {
	margin:0 auto;
	margin-bottom:5px;}
	
#section1 .brand_title_wrap {
    width: 55%;}
	
#section1 .brand_title{
	padding-top:70px;}
	
ul.branch{
	margin-bottom:0px;}
	
ul.branch li{
	width:97%;
	margin:10px 1.5% 30px 1.5%;}

ul.branch li h3 {
	font-size:2.375rem;}
	
ul.branch li h4 {
	font-size:1.5rem;}
	
ul.branch li p{
	min-height:0px;}
	
.facebook{
	clear: none;}
	
ul.branch li ul li{
	margin:1.5%;}
	
.footer{
	height:150px;}
	
.copyright{
	letter-spacing:0px;}

.logo_list{
	width:300px;
	margin-left:-150px;
	left:50%;
	bottom:0px;}
	
.logo_img img{
	margin: 10px 10px;}

.logo_img img.logo_group{
	width:11%;
	height:auto;}

.logo_img img.logo_seeking{
	width:18%;
	height:auto;}

.logo_img img.logo_owell{
	width:18%;
	height:auto;}

.logo_img img.logo_elpuerto{
	width:21%;
	height:auto;}
}

@media screen and (max-width: 414px) {
	
.header{
	height:60px;}
	
.top_links a{
	margin: 5px 5px 2px 5px;}

.logo{margin: 0 0 0 10px;}
	
#section1 .brand_title_wrap {
    width: 95%;}
	
ul.branch li h3 {
	font-size:2.375rem;}
	
ul.branch li h4 {
	font-size:1.5rem;}
	
}