@font-face {
	font-family: 'FelixTitlingMT';
	src: url(../fonts/FelixTitlingMT.ttf);
}
@font-face {
	font-family:"ionicons";
	src: url(../fonts/ionicons.ttf);
}
@font-face {
	font-family:"GaramondPremrPro";
	src: url(../fonts/GaramondPremrPro.ttf);
}
@font-face {
	font-family:"GaramondPremrPro-Smbd";
	src: url(../fonts/GaramondPremrPro-Smbd.ttf);
}

body{
	background:url(../images/bg.jpg) top center #283f35;
	background-size:cover;
	color:#fff;
}
img{ width:100%;}
#sidebar-left{
	background:#283f35;
	transform:translateX(-250px);
}

#sidebar-right{
	background-image:url(../images/pictures_vertical/bg1.png);
	transform:translateX(250px);
	background-size:cover!important;
}

.sidebar-image{
	background-image:url(../images/sidebar-bg.png)!important;
	background-size:25px 25px;
}

.animate-top,
.animate-bottom,
.animate-left,
.animate-right,
.animate-fade,
.animate-zoom,
.column-icon,
.column-half-image-left,
.column-half-image-right,
.heading-strip h4,
.heading-strip h3,
.heading-strip i,
.heading-strip p,
.heading-line-1,
.heading-line-2,
.heading-block h4,
.heading-block p,
.heading-text i,
.center-socials a,
.footer-socials,
.footer-logo,
.footer p,
.heading-block .button{
	visibility: hidden;
	transition:inherit;
}

.page-fade{
	opacity:0;
	transition:all 500ms ease;
	transition-delay:100ms;
}

.page-show{
	opacity:1;
	transition:all 500ms ease;
}

.active-sidebar{transform:translateX(0px)!important;}

.sidebar-logo{
	width:200px;
	height:60px;
	text-align:right;
	margin-left:15px;
}
.sidebar-logo i{
	line-height:50px;
	color:#FFFFFF;
	font-size:26px;
	}
.sidebar-logo {
	width: 50px;
	height: 50px;
	position: absolute;
	text-align: right;
	right: 15px;
}
.sidebar-close{
	position:absolute;
	top:0px;
	height:50px;
	width:50px;
	line-height:50px;
	text-align:center;
	color:#FFFFFF;
	font-size:40px;
	left:10px;
	background:url(../images/close.svg);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
}

.sidebar-menu{
	margin-top:80px;
	margin-bottom:30px;
}

.sidebar-menu a{
	height:60px;
	line-height:60px;
	padding-left:30px;
	color:#FFFFFF;
	font-family:"GaramondPremrPro-Smbd", sans-serif;
	font-weight:300;
	font-size:18px;
	text-transform: uppercase;
}

#sidebar-left .sidebar-item{    transform:translateX(-50px);    opacity:0;}
#sidebar-right .sidebar-item{    transform:translateX(50px);    opacity:0;}

.sidebar-copyright em{
   color:#FFFFFF;
	font-size:11px;
	font-style:normal;
	height:50px;
	display:block;
	line-height:50px;
	padding-left:30px;
	color:#cacaca;
}

.sidebar-menu a i:first-child{
	left:0px;
	width:70px;
	text-align:center;
	font-size:22px;
	position:absolute;
}

.sidebar-menu a .ion-record{
	font-size:3px;
	position:absolute;
	right:32px;
	display:none;
}

.active-item .ion-record{
	color:#2ecc71!important;
	font-size:6px!important;
	right:32px!important
}

.active-item{
	color:#FFFFFF!important;
	font-weight:500!important;
}

.active-item em{
	background-color:#2ecc71!important;
	height:2px;
	transition:all 500ms ease;
	display:none;
}

.sidebar-small-menu a{
	width:100%;
	text-align:center;
	height:60px;
	line-height:43px;
	color:#FFFFFF;
	font-family: "微軟正黑體", sans-serif;
	font-weight:500;
	font-size:17px;
	text-transform: capitalize;
	opacity:0;
	transform:translateX(50px);
	margin-bottom:10px;
}

.sidebar-small-menu a em{
	font-size:13px;
	display:block;
	height:10px;
	line-height:10px;
	font-style:normal;
	margin-top:-3px;
}

#sidebar-tap-close{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	pointer-events:none;
	z-index:9999;

}
div.allow-touch{background:rgba(0,0,0, 0.8);}

.submenu{height:0px; overflow:hidden!important; transition:all 500ms ease;}

.submenu a{
	 font-family:"GaramondPremrPro";
	 text-transform: capitalize;
	font-size:18px;
	padding-left:62px;
	height:55px;
	line-height:55px;
	color:#aeb9b3;
}

.submenu a .ion-ios-arrow-right{
	margin-left:0px;
	font-size:10px!important;
	display:none;
}

.submenu .sidebar-item:last-child{
	margin-bottom:15px;
}

.sidebar-divider{
	height:1px;
	width:100%;
	display:block;
	background-color:rgba(255,255,255,0.1);
}

/*Header*/

#header{
	position:fixed;
	z-index:9999;
	top:0px!important;
	left:0px!important;
	right:0px!important;
	width:100%!important;
	height:50px;
	background-color:#283f35;
}

.open-left-sidebar, .hide-left-sidebar{
	position:absolute;
	top:0px;
	line-height:50px;
	height:50px;
	width:50px;
	margin-left:10px;
	text-align:center;
	font-size:26px;
	color:#FFFFFF;
	z-index:2;
	background:url(../images/menu.svg);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
}

.open-left-sidebar, .hide-left-sidebar{left:0px;}
.right-sidebar{
	right:15px;
	position:absolute;
	top:0px;
	line-height:50px;
	height:50px;
	text-align:right;
	font-size:30px;
	color:#FFFFFF;
	z-index:2;}
.right-sidebar a{ display:inline;color:#FFFFFF;font-size:18px; position:relative; top:-4px;}
.right-sidebar i{ font-size:26px;position:relative;  top:4px;}
.allow-touch{
	pointer-events:all!important;
	opacity:1!important;
}

.reject-touch{
	pointer-events:none;
	opacity:0;
}

.page-logo{
	width:200px;
	height:50px;
	background-image:url(../images/logo.png);
	background-size:70px ;
	background-repeat:no-repeat;
	background-position: center;
	left:50%;
	margin-left:-100px;
}

.line-1{
	top:11px;
	position:absolute;
	width:6px;
	height:1px;
	background-color:#FFFFFF;
	right:33px;
	margin-top:19px;
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
	display:none;
}

.line-2{
	top:11px;
	position:absolute;
	width:6px;
	height:1px;
	background-color:#FFFFFF;
	right:29px;
	margin-top:19px;
	-moz-transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	transform: rotate(-35deg);
	display:none;
}

.active-line-1{
	-moz-transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

.active-line-2{
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
}

.line-1, .line-2, .active-line-1, .active-line-2{
	transition:all 500ms ease;
}

/*Swiper*/

.home-fader .swiper-wrapper{
	height:auto!important;
}


.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.swiper-container2 {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 300px;
	height: 300px;
}

/*Homepage*/

.homepage-title h4{
	font-size:18px;
	font-weight:700;
	padding-top:10px;
	padding-bottom:10px;
}

.content-center-buttons a{
	width:135px;
	float:left;
}

.content-center-buttons{
	width:290px;
	margin:0 auto;
}

.home-slider h4{
	width:100%;
	padding-top:30px;
	padding-bottom:40px;
	position:absolute;
	bottom:15px;
	background: linear-gradient( to bottom,
	  rgba(0, 0, 0, 0.01),
	  rgba(0, 0, 0, 0.2),
	  rgba(0, 0, 0, 0.3),
	  rgba(0, 0, 0, 0.6),
	  rgba(0, 0, 0, 0.7),
	  rgba(0, 0, 0, 0.8),
	  rgba(0, 0, 0, 0.9),
	  rgba(0, 0, 0, 0.9),
	  rgba(0, 0, 0, 0.9)
	);
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	font-weight:500;
	line-height:30px;
}

.home-slider p{
	font-size:13px;
	position:absolute;
	bottom:0px;
	z-index:999;
	color:#FFFFFF;
	opacity:0.5;
	padding-left:20px;
	padding-right:20px;
	display:block;
	width:100%;
}

.home-round-slider{padding-top:10px;}
.home-round-slider img{
	border-radius:200px;
	margin-left:auto;
	margin-right:auto;
}

.home-img-1{
	position:absolute;
	width:150px;
	height:150px;
	top:25px;
	left:50%;
	margin-left:-170px!important;
	opacity:0.7;
}

.home-img-2{
	width:200px;
	height:200px;
	position:relative;
	z-index:1;
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.5);
			box-shadow: 0 0 10px 3px rgba(0,0,0,0.5);
}

.home-img-3{
	position:absolute;
	width:150px;
	height:150px;
	top:25px;
	right:50%;
	margin-right:-170px!important;
	opacity:0.7;
}

.home-round-slider h3{text-align:center; padding-top:20px;}
.home-round-slider em{display:block; font-style: normal; text-align:center;}
.center-socials{width:160px; margin-left:auto; margin-right:auto;}

/*Home Columns*/

.column-home-left i{
	font-size:46px;
	position:absolute;
	height:60px;
	margin-top:5px;
	width:40px;
	text-align:center;
}

.column-home-left em{
	font-style:normal;
	font-size:18px;
	position:absolute;
	height:40px;
	margin-top:7px;
	line-height:40px;
	border-radius:40px;
	width:40px;
	text-align:center;
}

.column-home-left h5{
	padding-left:60px;
}

.column-home-left h4{
	padding-left:60px;
}

.column-home-left p{
	padding-left:60px;
}

.column-home-center i{
	font-size:46px;
	height:60px;
	margin-top:5px;
	width:100%;
	display:block;
	text-align:center;
}

.column-home-center h5{
	text-align:center;
	font-size:18px;
	padding-bottom:10px;
}

.column-home-center p{
	text-align:center;
}

/*Footer*/

.footer{padding:20px 0px; margin-bottom:0; color:rgba(255,255,255,.7); clear:both;}
.footer-bottom{padding-bottom:30px!important;}
.footer-dark{background:rgba(92,124,110,0.35);}
.footer-light{background-color:#ecf0f1; border-top:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0;}
.footer-light{background-color:#ecf0f1; border-top:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0;}
.footer-light i{color:#1f1f1f;}
.footer-light p{color:#666666;}
.footer-light .decoration{background-color:rgba(0,0,0,0.1)!important;}

.footer-dark .decoration{
	background-color:rgba(255,255,255,0.05);
	max-width:290px;
	margin-left:auto;
	margin-right:auto;
}
.footer ul{ margin-bottom:20px; padding:0; text-align:center; font-size:14px;}
.footer ul li a{ color:rgba(255,255,255,.7); padding-bottom:10px;}
.footer ul li a::before {
	bottom: 10px;
	content: "-";
	height: 2px;
	left: 0;
	text-align: center;
	position: absolute;
	width: 100%;
}
.footer ul li:last-child a::before{content:none;}
.footer .footer-logo{
	background-image:url(../images/main-logo.png);
	background-repeat:no-repeat;
	background-size:150px 20px;
	width:150px;
	height:20px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.copyright-text{margin-bottom:0px; margin-top:-10px; margin-bottom:0px; font-size:12px;color:rgba(255,255,255,.7);}

.footer p{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.footer-socials{
	width:210px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.footer-socials .icon-ghost{background-color:transparent!important;}

.footer-socials a{
	margin-left:2px!important;
	margin-right:2px!important;
}
.title-home img{ width:100%; margin-bottom:60px;}
.mag-t60{ margin-top:60px;}
.title-pro{ font-family: 'FelixTitlingMT'; font-size:18px; font-weight:bold; letter-spacing:12px;line-height:24px; margin-bottom:30px;}
.title-pro span{ font-family: "MS Serif", "New York", serif; letter-spacing:1px; float:right; font-size:13px; color:#9be2aa;}
.title-app{ font-size:18px; font-weight:bold; letter-spacing:1px; line-height:24px; margin-bottom:30px;}
.title-app span{ display:block;}
.map{background:url(../images/map-marker.svg) center center no-repeat; padding:20px 22px;}
.search{background:url(../images/search.svg) center center no-repeat; padding:20px 22px;}
.slider.zoom img:active {background:rgba(0,0,0,0.6)}
.page-title{font-family: "華康儷中宋"; font-weight:300;font-size:20px; letter-spacing:20px; line-height:30px;display: table-cell;vertical-align: middle;}
.page-title span{font-family:'FelixTitlingMT'; display:block; letter-spacing: normal;}
.banner{  min-height:200px; width:100%; padding:0 20px; display: table;}
.banner-none{ width:100%; padding:0 20px; margin-top:70px; margin-bottom:30px;}
.banner-none .page-title{font-family: "華康儷中宋"; font-weight:300;font-size:20px; letter-spacing:20px; line-height:30px;}
.banner.brand{background:url(../images/banner-brand.jpg); background-size:cover;}
.banner.philosophy{background:url(../images/banner-philosophy.jpg); background-size:cover;}
.banner.history{background:url(../images/banner-history.jpg); background-size:cover;}
.banner.reservation{background:url(../images/banner-reservation.jpg); background-size:cover;}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: 0;
font-family:'FelixTitlingMT';
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  color:#fff;
  font-size:30px;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../images/arrow-d.png") no-repeat scroll right 30% transparent;
 background-size: 15px 10px;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 25px;
  margin-bottom:20px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.linear ul{ padding:0; margin:0; list-style:none;}
.linear img{ width:100%;}
.linear li { margin-bottom:0;}
.linear li h2{ font-size:20px;  padding:20px; position:absolute; bottom:0;  z-index:3;}
.linear li a::before{ content:" ";
position: absolute;
	z-index:2;
	height: 100%;
	width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+70,000000+70,000000+100&0+70,0.81+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.81) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.81) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 70%,rgba(0,0,0,0.81) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 ); /* IE6-9 */
}
/*CSS manu style pagination*/
.manu { text-align:center; margin:40px 0;}
.manu a{ display: inline; padding:0 6px;}
.manu .current {
	color:rgba(255,255,255, 0.6);
}
.prev{  position:absolute; left:20px;}
.next{ position:absolute; right:20px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#bt-s input{ width:100%; background:rgba(255,255,255,0.3); padding:15px 30px; color:#fff;}
.bra-tiem ul{ padding:0; margin:0; list-style:none;}
.bra-tiem ul li{ width:50%; float:left; height:195px;}
.button-green{background: rgba(92,124,110,0.35); padding:10px 20px; color:#9be2aa;border-radius:5px;}
.min-h{ min-height:60vh;}
.news ul{ margin:0; padding:0; list-style:none;}
.news img{ width:100%; margin-bottom:3px;}
.report ul{ margin:0; padding:0; list-style:none;}
.report ul li p{ margin-bottom:0;}
.report ul li{ padding:10px 20px; margin-bottom:0; background:#204123; }
.report ul li:nth-child(2n){ background:none;}
.report ul li a{ padding-right:40px; }
.report ul li a::before{ content:"\f10a";font-family:"ionicons"; position:absolute; right:0; font-size:20px; line-height:50px;}
.icons{ text-align:center}
.icons ul{margin:20px 0; padding:0; list-style:none;}
.icons ul li{ display: inline-block; font-size:30px;border-radius:50em; background: rgba(255,255,255,0.2); width:40px; height:40px; line-height:40px; margin:0 10px;}
.icons ul li img{ height:26px; margin-top:7px;}

/* 2020.04.16 */
.footer{
	 padding-bottom:100px;
}
.fixed_icon{
	position:fixed;
	left:0;
	bottom:14px;
	width:100%;
	text-align:center;
}
.fixed_icon a{
	display:inline-block;
	margin:0 auto;
}
.fixed_icon img{
	width:40px;
	margin:0 5px;
}