@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(font-awesome.min.css);
@import url(rwdgrid.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansthaana.css);
@import url(sel.css);
@import url(calendar-brown.css);
@font-face {
    font-family: 'weather';
    src: url('../fonts/artill_clean_icons-webfont.eot');
    src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'),
         url('../fonts/rtill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.btn {
	padding-top: 40px;
	position: relative;
}
.btn a {
	display: inline-block;
	color: #fff;
	background: #d93e2c;
	letter-spacing: 2px;
	padding: 10px 60px;
	line-height: 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 14px;
}
.btn a:hover {
	background: #9c7a4f;
	color: #fff;
	letter-spacing: 3px;
}
.btn a i {
	display: inline-block;
	font-style: normal;
}
.btn a:hover i {
	transform: rotateY(360deg);
	transition: 0.9s;
}
.bannerArea {
	position: fixed;
	width: 100vw;
	height: 100vh;
}
.bannerArea .bannerBg{
	background-color: rgba(0,0,0,0.50);
	position: fixed;
	width:100%;
	height:100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.bannerArea .bannerBg:before{
	letter-spacing:3px;
	display:block;
	color:#fff;
	font-size:70px;
-moz-transform:rotate(-90deg) translateY(-50%);
-webkit-transform:rotate(-90deg) translateY(-50%);
-o-transform:rotate(-90deg) translateY(-50%);
-ms-transform:rotate(-90deg) translateY(-50%);
transform:rotate(-90deg) translateY(-50%);
position:absolute;
top:50%;
left:0;
font-weight:200;
font-family: 'Raleway', sans-serif;
}
.bannerArea li {
	width: 100vw;
	height: 100vh;
	background-position: center center;
	background-size: cover;
}
.bannerArea li img {
	width: 100%;
	opacity: 0;
}
body {
	background:#000;
	overflow-x: hidden;
	font-family: Helvetica, Arial, sans-serif, "微軟正黑體", Heiti TC, "メイリオ";
	font-size: 13px;
}



header div.bookingArea{
	float:right;
	margin:35px 40px 0 0;
	line-height:50px;
	}
header div.bookingArea > a{
	width:280px;
	height:50px;
	/*background:url(../images/decorationBg.jpg);*/
	background-color:#3a5896;
	text-align:center;
	position:relative;
	display:block;
	color:#fff;
	font-size:13px;}
header div.bookingArea > a i{
	display:inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-style:normal;}
header div.bookingArea > a:hover  i {
	padding:0 5px;
	transform: rotateY(360deg);
	transition: 0.9s;
}
header div.bookingArea > a:after{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	content:"";
	display:block;
	background:url(../images/arrow.png) no-repeat right;
	width:60px;
	height:20px;
	position:absolute;
	right:25px;
	top:50%;
	margin:-10px 0 0 0}
header div.bookingArea:hover > a:after{
	right:15px;}
/*css3*/
a {
	cursor: pointer;
	color: #bd3d39;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:hover {
	color: #589000;
}
[class*='col-'] {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col-1 {
	width: 100%;
}
.col-2 {
	width: 50%;
}
.col-3 {
	width: 33.33%;
}
.col-4 {
	width: 25%;
}
.col-5 {
	width: 20%;
}
a.btn_color1 {/*按鈕主色1*/
	background: #f79d00;
	color: #FFF;
}
a.btn_color1:hover {
	background: #f7c000;
}
a.btn_color2 {/*按鈕主色2*/
	background: #A0A0A0;
	color: #FFF;
}
a.btn_color2:hover {
	background: #999;
}
input[type="text"] {
	-webkit-appearance: none;
}
textarea {
	-webkit-appearance: none;
}
.outerWrap {
	position: relative;
	height:100vh;
	width:100vw;
}

#gmap {
	display: none;
	height: 400px;
}
.label {
	padding: 5px 7px;
	color: #FFF;
	background: rgba(0,0,0,0.8);
}
/*****網頁頭*****/
/* Chrome, Safari, Opera */
@-webkit-keyframes headerone {
 0% {
margin-top:-100px;
}
 100% {
margin-top:0;
}
}

/* Standard syntax */
@keyframes headerone {
 0% {
margin-top:-100px;
}
 100% {
margin-top:0;
}
}



header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	-webkit-animation-name: headerone; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards;
	animation-name: headerone;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	background-color: rgba(0,0,0,0.90);
}
/*logo*/
header h1 {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width:160px;
	float:left;
	margin-left:40px;
}
header h1 a {
	display: block;
	width: 100%;
	height: 120px;
	background: url(../images/logo.png) no-repeat center center;
	text-indent: -9999px;
}

header .otherLink{
	padding:45px 0 0 0;
	float:left;}
header .otherLink a{
	text-align:center;
	width:30px;
	height:30px;
	margin:0 5px;
	float:left;
	display:inline-block;
	}	
header .otherLink a i{
	line-height:30px;
	display:block;
	color:#fff;
	font-size:18px;
	width:30px;
	height:30px;}
header .otherLink i.line{
	background:url(../images/icon-line.png) no-repeat;}
header .otherLink a:hover i{
	transform: rotateY(360deg);
	transition: 0.9s;}
/*menu*/
.menuBox {
	float:left;
	padding:40px 0;
}
ul.menu {
}
ul.menu > li {
	width:100px;
	text-align:center;
	float:left;
	color: #fff;
	font-size: 16px;
	margin: 0;
	
	
}
ul.menu > li a:after {
	content:"";
	display:block;
	width:0;
	height:5px;
	background:url(../images/overline.png) repeat-x top left;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
ul.menu > li > a:hover:after {
	width:100%;}
ul.menu li > a {
	font-family: 'Raleway', sans-serif;
	position:relative;
	display:block;
	line-height:40px;
	color: #fff;
	overflow:hidden;
	height:45px;
}
ul.menu li > a b{
font-family:Microsoft JhengHei;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight:normal;
	letter-spacing:1px;
	display:block;}
ul.menu li:hover > a b{
	margin-top:-40px;}
ul.menu li.current > a b{
	margin-top:-40px;}
ul.menu li.current > a:after {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background:url(../images/overline.png) repeat-x top left;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
ul.menu > li .submenu {
	position:absolute;
	padding-top: 20px;
	font-size: 16px;
	display: none;
}
ul.menu > li .submenu a {
	position: relative;
	text-align:left;
	display: block;
	padding: 8px 0 8px 20px;
	color: #a2a2a2;
}
ul.menu > li .submenu a:before {
	content: "";
	display: block;
	width: 0px;
	height: 1px;
	background: #f7c000;
	position: absolute;
	top: 15px;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
ul.menu > li .submenu a:hover:before {
	width: 12px;
}
ul.menu > li .submenu a:hover {
	color: #FFF;
}
/*手機menu*/
.m_menu {
	display: none;
}




/* Chrome, Safari, Opera */
@-webkit-keyframes footerone {
 0% {
margin-bottom:-100px;
}
 100% {
margin-bottom:0;
}
}

/* Standard syntax */
@keyframes footerone {
 0% {
margin-bottom:-100px;
}
 100% {
margin-bottom:0;
}
}
/*頁尾資訊*/
footer {
	-webkit-animation-name: footerone; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards;
	animation-name: footerone;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	z-index: 99;
	width:100%;
	position:fixed;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.70);
	color: #fff;
}
h5.copyright {
	margin-left:40px;
	font-size: 15px;
	line-height: 1.8;
	font-weight: normal;
}
h5.copyright div{
	position:relative;
	padding:20px 25px;
	border-left:1px solid #616161;
	float:left;}
h5.copyright div:before{
	content:"";
	display:block;
	background:#616161;
	height:50px;
	width:3px;
	position:absolute;
	top:50%;
	left:0;
	margin:-25px 0 0 -2px;}
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
}
.footer_bot {
	position:absolute;
	top:0;
	right:40px;
	margin:25px 0 0 0;
	text-align:right;
	color:#868686;
	font-size:15px;
	line-height:20px;	
}
/*********內頁**********/
/**********************/






/*bx小圓點*/
.bannerArea .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	width:9px;
	right: 18px;
	top:45%;
	z-index:99;
}
.bannerArea .bx-wrapper .bx-pager.bx-default-pager a {
	cursor:pointer;
	background: #909090;
	border-radius: 100%;
	display:block;
}
.bannerArea .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #909090;
}
.bannerArea .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #010101;
}



.mainArea {
	position: absolute;
	width:90%;
	min-height:100vh;
	right:0;
	top:0;
	z-index:50;
	background:rgba(0,0,0,0.40);
}
.mainArea .contentBox{
	padding:160px 8% 100px 8%;
	z-index:50;
	position:relative;}
.mainArea .titleBox {
	padding:0 0 30px 0;
}
.mainArea .titleBox h2 {
	color:#fff;
	font-size:25px;
	font-weight:normal;
}
.mainArea .titleBox h2:after{
	content:"";
	width:30px;
	height:22px;
	padding:0 5px;
	display:inline-block;
	background:url(../images/icon-decoration.png) no-repeat center center;
}

.mainArea .contentBox h3.articleTitle {/*文章標題*/
	text-align: center;
	clear: both;
	margin-bottom: 20px;
	border-bottom: 1px solid #616161;
	padding: 15px 0;
	font-size: 25px;
	font-weight: normal;
	color: #fff;
}
.mainArea .contentBox h3.articleTitle strong {
	font-weight: normal;
}

/*文字編輯器*/
.textEditor {
	font-size: 16px;
	color: #fff;
	line-height: 1.8;
}
.textEditor a {
	color: #06F;
}
.textEditor img {
	max-width: 100%;
}
.textEditor ul {
	list-style: disc outside;
	padding-left: 30px;
}
.textEditor ol {
	list-style: decimal outside;
	padding-left: 30px;
}
.textEditor .footable.breakpoint > tbody > tr > td > span.footable-toggle {
	display: none;
}
.textEditor table {
	border-collapse: collapse;
}
.textEditor table th {
	padding: 8px 0;
	text-align: center;
	color: #fff;
	border-bottom: 2px solid #616161;
}
.textEditor table td {
	padding: 8px 0;
	border-bottom: 1px solid #313131;
}
table.breakpoint > tbody > tr > td.expand {
	cursor: pointer;
	background: url(../images/plus.png) no-repeat 5px center;
	padding-left: 40px;
}
.textEditor strong.title {
	font-weight: normal;
	font-size: 17px;
	color: #64cfcb;
	padding-bottom:10px;
}
.textEditor hr {
	border: none;
	height: 1px;
	background: #f1f1f1;
}
.classNote {
	padding-bottom: 30px;
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
}
/*類別*/
.m_classLink {
	display: none;
}
.classBox {
	padding: 0 0 20px 0;
}
ul.classLink {
	display:inline-block;
	border:1px solid #616161;
	border-radius:20px;
	margin-bottom: 30px;
	line-height:40px;
}
ul.classLink li {
	display: inline-block;
}
ul.classLink li a {
	border-radius:20px;
	padding: 0 30px;
	display: block;
	font-size: 16px;
	color: #fff;
	position: relative;
}
ul.classLink li a.current {
	background: #f7c000;
	color: #FFF;
}
ul.classLink li a.current:hover {
	background: #f7c000;
	color: #FFF;
}
ul.classLink li a:hover {
	background: #434343;
	color: #FFF;
}
/*標籤*/
.tagBox {
	padding: 20px 0;
}
.tagBox b {
	display: inline-block;
	margin-right: 10px;
}
.tagBox ul {
	display: inline-block;
}
.tagBox ul li {
	display: inline-block;
}
.tagBox ul li a {
	display: block;
	margin: 0 3px;
	font-size: 13px;
	padding: 5px 10px;
	color: #51649A;
	border: 1px solid #51649A;
	position: relative;
}
.tagBox ul li a:hover, .tagBox ul li a.current {
	background: #51649A;
	color: #FFF;
}
.tagBox ul li a.current:before {
	content: "\f00d";
	font-family: 'FontAwesome';
	font-size: 12px;
	margin-right: 5px;
}
/*側邊標題字*/
.sectionTitle {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	padding: 20px 0;
	border-top: 1px solid #616161;
}
.sectionTitle strong {
	color: #fff;
	font-weight: normal;
	display: block;
	position: relative;
}
.sectionTitle strong a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sectionTitle strong a:hover {
}
/******頁籤*******/
.tab {
	margin-top: 40px;
	border-bottom: 1px solid #616161;
}
.tab a {
	display: inline-block;
	padding: 12px 20px;
	font-size: 16px;
	color: #fff;
}
.tab a.current {
	background: #f7c000;
	color: #fff;
}
ul.tabContent {
	margin-top: -1px;
	padding: 20px 5px;
}
ul.tabContent > li {
	display: none;
}
ul.tabContent li .textEditor {
	margin: 0;
}
ul.tabContent h3.sectionTitle {
	display: none;
}
/*側邊_menu*/
.side_menu {
	margin-bottom: 50px;
}
.side_menu ul {
}
.side_menu ul li {
	border-bottom: 1px solid #e1e1e1;
	position: relative;
}
.side_menu ul li > a {
	display: block;
	padding: 10px 15px;
	font-size: 14px;
}
.side_menu ul li > a:hover {
}
.side_menu ul li > a.current {
	background: #8C8C8C;
	color: #FFF;
}
.side_menu ul li > a b {
	margin-left: 10px;
	font-size: 13px;
	font-weight: normal;
	color: #808080;
}
.side_menu ul li dl {
	padding-left: 25px;
}
.side_menu ul li dl dt a {
	display: block;
	padding: 10px 15px;
	font-size: 14px;
}
.side_menu ul li dl dt a.current {
	color: #000;
	text-decoration: underline;
}
/*側邊_相簿*/
ul.side_album {
	margin-bottom: 30px;
	margin-right: -10px;
}
ul.side_album li {
	float: left;
	width: 14%;
	padding: 0 10px 10px 0;
}
ul.side_album li a {
	display: block;

}
ul.side_album li a img {
	display: block;
	width: 100%;
}
/*側邊_聯絡資訊*/
.side_contactInfo ul {
}
.side_contactInfo ul li {
	margin-bottom: 20px;
}
.side_contactInfo ul li a {
	font-size: 16px;
	color: #414141;
}
.side_contactInfo ul li a i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	border: 2px solid #A5A5A5;
	width: 35px;
	height: 35px;
	font-size: 20px;
	color: #A5A5A5;
	line-height: 35px;
	text-align: center;
	border-radius: 100%;
}
.side_contactInfo ul li a b {
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
}
/*側邊_分享*/
.side_share {
	clear: both;
	display: none;
	margin-top: 30px;
}
.side_share a {
	width: 100%;
	margin-top: 5px;
	display: block;
	padding: 15px 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	color: #FFF;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-radius: 4px;
	-web-box-sizing: border-box;
	box-sizing: border-box;
}
.side_share a.line {
	box-shadow: 0 0 0 1px #22a00b;
	border-top: 1px solid #e1ffa9;
	background: #a7e732;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTdlNzMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjMWZiNTBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(-45deg, #a7e732 0%, #1fb50e 35%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a7e732), color-stop(35%, #1fb50e));
	background: -webkit-linear-gradient(-45deg, #a7e732 0%, #1fb50e 35%);
	background: -o-linear-gradient(-45deg, #a7e732 0%, #1fb50e 35%);
	background: -ms-linear-gradient(-45deg, #a7e732 0%, #1fb50e 35%);
	background: linear-gradient(135deg, #a7e732 0%, #1fb50e 35%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e732', endColorstr='#1fb50e', GradientType=1 );
}
.side_share a.fb {
	box-shadow: 0 0 0 1px #235c9b;
	border-top: 1px solid #8DCFF5;
	background: rgb(93,160,234); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYTBlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDhjZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(93,160,234,1) 0%, rgba(61,140,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(93,160,234,1)), color-stop(100%, rgba(61,140,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(93,160,234,1) 0%, rgba(61,140,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(93,160,234,1) 0%, rgba(61,140,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(93,160,234,1) 0%, rgba(61,140,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(93,160,234,1) 0%, rgba(61,140,230,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da0ea', endColorstr='#3d8ce6', GradientType=0 ); /* IE6-8 */
}
.side_share a.gPlus {
	box-shadow: 0 0 0 1px #874138;
	border-top: 1px solid #fd816b;
	background: rgb(214,81,48); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2NTEzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDQ0MmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(214,81,48,1) 0%, rgba(208,68,43,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(214,81,48,1)), color-stop(100%, rgba(208,68,43,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(214,81,48,1) 0%, rgba(208,68,43,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(214,81,48,1) 0%, rgba(208,68,43,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(214,81,48,1) 0%, rgba(208,68,43,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(214,81,48,1) 0%, rgba(208,68,43,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d65130', endColorstr='#d0442b', GradientType=0 ); /* IE6-8 */
}
.side_share a i {
	padding-right: 5px;
	font-size: 18px;
}
.side_share a:active {
}
/*側邊_其他相關訊息*/
.side_news {
	margin: 30px 0 0 0;
}
.side_news ul {
	margin-top: 20px;
}
.side_news ul li {
	float: left;
	margin-bottom: 25px;
}
.side_news ul li .Img {
	float: left;
	margin-right: 12px;
	width: 60px;
	overflow: hidden;
}
.side_news ul li .Img img {
	height: 60px;
}
.side_news ul li .Txt {
	overflow: hidden;
}
.side_news ul li .Txt a {
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}
.side_news ul li .Txt a:hover {
	text-decoration: underline;
}
.side_news ul li .Txt b {
	display: block;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 5px;
}

/**********適應性**********/
/************************/
@media (max-width: 2300px){
.bannerArea .bannerBg:before{
	
}	
}

@media (max-width: 1950px){
.bannerArea .bannerBg:before{
	
}	
}


@media (max-width: 1700px){
.bannerArea .bannerBg:before{
	
}	
}


@media (max-width: 1500px){
.bannerArea .bannerBg:before{
	
}	
}


@media (max-width: 1400px){
.bannerArea .bannerBg:before{
	
}	
}

@media (max-width: 1380px){
header h1 {
    margin-left: 0px;
}
header div.bookingArea {
    margin: 35px 10px 0 0;
}
header div.bookingArea > a{
	width:auto;
	padding:0 60px;
}
header div.bookingArea > a:after{
	right:15px;
	width: 40px;
}
header div.bookingArea > a:hover:after{
	right:5px;
}
header .otherLink a{
	margin:0;
	}	
header div.bookingArea > a:hover  i {
	padding:0 3px;
}
}
@media (max-width: 1300px) {
.mainArea .contentBox{
	padding:160px 60px 170px 60px;
}
h5.copyright {
	margin:0px 10px;
}
.footer_bot {
	float:left;
	position:relative;
	top:auto;
	right:auto;
	margin:20px 10px;
	text-align:left;
	clear:both;
	width:100%;
}	
}
@media (max-width: 1180px) {/*1160+20(卷軸寬度)*/


.bannerArea .bannerBg{
	position:absolute;
	background-color: rgba(0,0,0,0.30);
}
.bannerArea .bannerBg:before{
	letter-spacing:3px;
	display:block;
	color:#fff;
	font-size:50px;
-moz-transform:rotate(0deg) translateY(-50%) translateX(-50%);
-webkit-transform:rotate(0deg) translateY(-50%) translateX(-50%);
-o-transform:rotate(0deg) translateY(-50%) translateX(-50%);
-ms-transform:rotate(0deg) translateY(-50%) translateX(-50%);
transform:rotate(0deg) translateY(-50%) translateX(-50%);
position:absolute;
top:50%;
left:50%;
font-weight:200;
font-family: 'Raleway', sans-serif;
}
/*bx小圓點*/
.bannerArea .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	top:10px;
	width: 9px;
    right: 28px;
    z-index: 99;
}
header {
	display:none;
}

.bannerArea {
	position:relative;
	height: auto;
}
.bannerArea li {
	height: auto;
}
.bannerArea li img {
	width: 100%;
	opacity: 1;
}
.menuBox {
	display:none;
}
.mainArea .contentBox {

}

.outerWrap {
	padding: 90px 0 0 0;
	height:auto;
	width:auto;
	overflow:hidden;
}




/*logo*/
header h1 {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
header h1 a {
	height: 0px;
	opacity:0;
}





/*頁尾資訊*/
footer {
	position: relative;
}

/*手機menu*/

.m_menu {
	display: block;
	width: 100%;
	box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.20);
}
.m_menu .mask {
	display: none;
	background: rgba(0,0,0,0.6);
	position: fixed;
	width: 100%;
	height: 100%;
	padding-bottom: 60px;
	top: 0;
	left: 0;
	z-index: 10;
}
.m_menu .controlBox {
	position: relative;
	z-index: 99;
	background:#000;
}
.m_menu .controlBox a.main {
	float:right;
	display: block;
	width: 50px;
	height: 90px;
	font-size: 20px;
	color: #fff;
	line-height: 90px;
	text-align: center;
}
.m_menu .controlBox .m_logo {
	top:0;
	position:absolute;
	left:50%;
	margin-left:-60px;
}
.m_menu .controlBox .m_logo img {
	display: block;
	width: 120px;
}

.m_menu .hideBox {/*手機menu內容*/
	display: none;
	background: #000;
	width: 100%;
	padding: 100px 0 20px 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 11;
	box-sizing: border-box;
}
.m_menu .hideBox p.sp {
	display: none;
}
.m_menu .mfun {
	padding: 30px 0;
	margin: 0 10px;
	text-align: center;
}
.m_menu .mfun a{
	text-align:center;
	width:30px;
	height:30px;
	margin:0 5px;
	display:inline-block;
	}	
.m_menu .mfun a i{
	line-height:30px;
	display:block;
	float:left;
	color:#fff;
	font-size:18px;
	width:30px;
	height:30px;}
.m_menu .mfun i.line{
	background:url(../images/icon-line.png) no-repeat;}
.m_menu .mfun a:hover i{
	transform: rotateY(360deg);
	transition: 0.9s;}
.m_menu ul.nav {
}
.m_menu ul.nav li {
	text-align: center;
	border-top: 1px solid #2e2e2e;
}
.m_menu ul.nav li:hover {
	background: #3a3a3a;
}
.m_menu ul.nav li a {
	padding: 20px 0px;
	display: block;
	font-size: 15px;
	color: #fff;
	position: relative;
	line-height: 35px
}
.m_menu ul.nav li a b{
	font-weight:normal;
	padding-right:10px;}
.m_menu ul.nav li a:hover {
	color: #fff;
	padding: 20px 10px 20px 45px;
}

.m_menu ul.nav li .submenu {
	font-size:12px;
	display: none;
}
.m_menu ul.nav li .submenu a {
	padding: 5px 0;
}
.m_menu ul.nav li .submenu a:hover {
	background: #f7c000;
}






/*手機down*/
		.m_menu ul.down{
			border-top: 2px solid #174e9e;
		    background: #174e9e;
		    position: fixed;
		    bottom: 0;
		    width: 100%;
		    display: flex;
		}
		.m_menu .down li{
		    flex: 1;
			padding: 10px 0 5px 0;
			border-left: 1px solid rgba(255, 255, 255, 0.2);
		    text-align: center;
		}
		.m_menu .down a{
		    display: block;
		    font-size: 18px;
		    background: #174e9e;
		    color: #fff;
		    line-height: 18px;
		}
		.m_menu .down a:before{
		    width: 1px;
		    height: 40px;
		    background: #eee;
		    position: absolute;
		    top: 8px;
		    left: 0;
		}
		.m_menu .down a span{
		    padding-top: 5px;
		    display: block;
		    font-size: 12px;
		}
		.m_menu .down .submenu{
			width: 100%;
			position: absolute;
			bottom: calc(100% + 10px);
			left: 0;
			opacity: 0;
			visibility: hidden;
			-webkit-transition: all 0.2s 0.8s ease;
			-moz-transition: all 0.2s 0.8s ease;
			-o-transition: all 0.2s 0.8s ease;
			transition: all 0.2s 0.8s ease;
		}
		.m_menu .down .submenu.show{
			opacity: 1;
			visibility: visible;
			z-index: 10;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.m_menu .down .submenu.show .mask{
			display: block;
			z-index: -1;
		}
		.m_menu .down .submenu .close{
			font-size: 0;
			width: 40px;
			height: 40px;
			border: 1px solid #fff;
			border-radius: 50%;
			background: #333;
			position: absolute;
			bottom: 0;
			left: calc(50% - 20px);
			cursor: pointer;
			z-index: 1;
			opacity: 0;
			-webkit-transition: all 0.5s 0.4s ease;
			-moz-transition: all 0.5s 0.4s ease;
			-o-transition: all 0.5s 0.4s ease;
			transition: all 0.5s 0.4s ease;
		}
		.m_menu .down .submenu.show .close{
			bottom: 15px;
			opacity: 1;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.m_menu .down .submenu .close::before,
		.m_menu .down .submenu .close::after{
			content: '';
			width: 1px;
			height: 20px;
			background: #fff;
			position: absolute;
			top: calc(50% - 10px);
			left: 50%;
			-ms-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.m_menu .down .submenu .close::after{
			-ms-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.m_menu .down .submenu a{
			width: 50px;
			height: 50px;
			border-radius: 50%;
			padding: 8px 5px;
			font-size: 14px;
			line-height: 16px;
			position: absolute;
			bottom: -5px;
			left: calc(50% - 25px);
			opacity: 0;
		}
		.m_menu .down .submenu a span{
			font-size: 12px;
			line-height: 12px;
			letter-spacing: 0.5px;
		}
		.m_menu .down .submenu.show a{
			opacity: 1;
		}
		.m_menu .down .submenu.show a:nth-of-type(1){
			-webkit-transform: translate3d(-90px, -15px, 0);
			-moz-transform: translate3d(-90px, -15px, 0);
			-o-transform: translate3d(-90px, -15px, 0);
			transform: translate3d(-90px, -15px, 0);
			-webkit-transition: all 0.5s 0.4s ease;
			-moz-transition: all 0.5s 0.4s ease;
			-o-transition: all 0.5s 0.4s ease;
			transition: all 0.5s 0.4s ease;
		}
		.m_menu .down .submenu.show a:nth-of-type(2){
			-webkit-transform: translate3d(-60px, -70px, 0);
			-moz-transform: translate3d(-60px, -70px, 0);
			-o-transform: translate3d(-60px, -70px, 0);
			transform: translate3d(-60px, -70px, 0);
			-webkit-transition: all 0.5s 0.5s ease;
			-moz-transition: all 0.5s 0.5s ease;
			-o-transition: all 0.5s 0.5s ease;
			transition: all 0.5s 0.5s ease;
		}
		.m_menu .down .submenu.show a:nth-of-type(3){
			-webkit-transform: translate3d(0, -90px, 0);
			-moz-transform: translate3d(0, -90px, 0);
			-o-transform: translate3d(0, -90px, 0);
			transform: translate3d(0, -90px, 0);
			-webkit-transition: all 0.5s 0.6s ease;
			-moz-transition: all 0.5s 0.6s ease;
			-o-transition: all 0.5s 0.6s ease;
			transition: all 0.5s 0.6s ease;
		}
		.m_menu .down .submenu.show a:nth-of-type(4){
			-webkit-transform: translate3d(60px, -70px, 0);
			-moz-transform: translate3d(60px, -70px, 0);
			-o-transform: translate3d(60px, -70px, 0);
			transform: translate3d(60px, -70px, 0);
			-webkit-transition: all 0.5s 0.7s ease;
			-moz-transition: all 0.5s 0.7s ease;
			-o-transition: all 0.5s 0.7s ease;
			transition: all 0.5s 0.7s ease;
		}
		.m_menu .down .submenu.show a:nth-of-type(5){
			-webkit-transform: translate3d(90px, -15px, 0);
			-moz-transform: translate3d(90px, -15px, 0);
			-o-transform: translate3d(90px, -15px, 0);
			transform: translate3d(90px, -15px, 0);
			-webkit-transition: all 0.5s 0.8s ease;
			-moz-transition: all 0.5s 0.8s ease;
			-o-transition: all 0.5s 0.8s ease;
			transition: all 0.5s 0.8s ease;
		}

.mainArea{
	position:relative;
    width: 100%;
    height: auto;
    right: auto;
    top: auto;}
.mainArea .bg {
    position:absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: url(../images/bg.jpg);
}

.mainArea .contentBox {
    padding:50px 30px;
}
}
@media (max-width: 768px){
.bannerArea .bannerBg:before{
	font-size:30px;
}


ul.side_album li {
	float: left;
	width: 20%;
	padding: 0 10px 10px 0;
}

}

/*640*/
@media (max-width: 640px){


ul.classLink{
	display:none;}

.m_classLink{
	margin-bottom:20px;
	display:block;
	position:relative;
	text-align:center;}

.m_classLink a.main{
	display:block;
	font-size:15px;
	
	color:#222;
	border:1px solid #CCC;
	position:relative;
	padding:10px;
	border-radius:5px;
	
	background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.m_classLink a.main i{
	display:block;
	font-size:15px;
	
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-6px;}

.m_classLink ul{
	text-align:center;
	padding:0;
	list-style:none;
	
	display:none;
	width:100%;
	background:#FFF;
	border-radius:5px;
	border:1px solid #d1d1d1;
	position:absolute;
	left:0;
	top:100%;
	z-index:999;
	
	box-sizing:border-box;}

.m_classLink ul li{
	padding:0;}

.m_classLink ul li a{
	border-radius:5px;
	display:block;
	padding:15px 10px;
	border-top:1px solid #d1d1d1;
	color:#000;}
	
.m_classLink ul li a:hover{
	background:#f7c000;
	color:#fff;}

.m_classLink ul li:first-child a{
	border:none;}

}


@media (max-width: 480px) {/*1160+20(卷軸寬度)*/
.col-2 {
	float: none;
	width: 100%;
}
.col-3 {
	float: none;
	width: 100%;
}
.col-4 {
	float: none;
	width: 100%;
}
.col-5 {
	float: none;
	width: 100%;
}
/*頁籤*/
.tab {
}

}
/***Hover效果1: 放大淡出***/
.imh_opacity {
	background: #000;
	overflow: hidden;
}
.imh_opacity img {
	transition: all 0.3s linear;
	-webkit-backface-visibility: hidden;
}
.imh_opacity:hover img {
	opacity: 0.8;
	transform: scale(1.05);
}
/***Hover效果1: 放大淡出Detail***/
.imh_detail {
	background: #000;
	overflow: hidden;
}
.imh_detail img {
	transition: all 0.3s linear;
	-webkit-backface-visibility: hidden;
}
.imh_detail a:before {
	display: block;
	content: "Details+";
	padding: 10px 20px;
	font-size: 13px;
	color: #FFF;
	border: 2px solid #FFF;
	opacity: 0;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	top: 50%;
	margin-top: -80px;
	z-index: 99;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.imh_detail:hover a:before {
	opacity: 1;
	margin-top: -20px;
}
.imh_detail:hover img {
	opacity: 0.3;
	transform: scale(1.05);
}
/***Hover效果1: 放大淡出zoom***/
.imh_zoom {
	background: #000;
	overflow: hidden;
	position: relative;
}
.imh_zoom img {
	transition: all 0.3s linear;
	-webkit-backface-visibility: hidden;
}
.imh_zoom a:before {
	display: block;
	font-family: 'FontAwesome';
	content: "\f002";
	font-size: 18px;
	color: #FFF;
	background: #000;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: -30px;
	margin-top: -20px;
	margin-left: -20px;
	z-index: 99;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.imh_zoom:hover a:before {
	top: 50%;
}
.imh_zoom:hover img {
	opacity: 0.3;
	transform: scale(1.05);
}

@media (max-width: 380px){
	.m_menu .down .submenu.show a:nth-of-type(1){
		-webkit-transform: translate3d(-80px, -15px, 0);
		-moz-transform: translate3d(-80px, -15px, 0);
		-o-transform: translate3d(-80px, -15px, 0);
		transform: translate3d(-80px, -15px, 0);
	}
	.m_menu .down .submenu.show a:nth-of-type(5){
		-webkit-transform: translate3d(80px, -15px, 0);
		-moz-transform: translate3d(80px, -15px, 0);
		-o-transform: translate3d(80px, -15px, 0);
		transform: translate3d(80px, -15px, 0);
	}
}

@media (max-width: 330px){

	.m_menu .down .submenu.show a:nth-of-type(1){
		-webkit-transform: translate3d(-70px, -15px, 0);
		-moz-transform: translate3d(-70px, -15px, 0);
		-o-transform: translate3d(-70px, -15px, 0);
		transform: translate3d(-70px, -15px, 0);
	}
	.m_menu .down .submenu.show a:nth-of-type(2){
		-webkit-transform: translate3d(-52px, -67px, 0);
		-moz-transform: translate3d(-52px, -67px, 0);
		-o-transform: translate3d(-52px, -67px, 0);
		transform: translate3d(-52px, -67px, 0);
	}
	.m_menu .down .submenu.show a:nth-of-type(4){
		-webkit-transform: translate3d(52px, -67px, 0);
		-moz-transform: translate3d(52px, -67px, 0);
		-o-transform: translate3d(52px, -67px, 0);
		transform: translate3d(52px, -67px, 0);
	}
	.m_menu .down .submenu.show a:nth-of-type(5){
		-webkit-transform: translate3d(70px, -15px, 0);
		-moz-transform: translate3d(70px, -15px, 0);
		-o-transform: translate3d(70px, -15px, 0);
		transform: translate3d(70px, -15px, 0);
	}
}