/*banner*/
.swiper-slide .text_column{color:#fff;position: absolute;top:40%; text-align: center; width: 100%;}
.swiper-slide .text_column h2.title{font-weight: bold; color:#fff; font-size: 35pt; display: block; clear: both; margin: 0 0 60px 0;}
.swiper-slide .text_column h3.title{color:#fff; font-size: 25pt; display: block; clear: both; margin: 0 0 60px 0;}
@media screen and (max-width:1100px) {
	.swiper-slide .text_column h2.title{font-size: 30pt; margin: 0 0 40px 0;}
	.swiper-slide .text_column h3.title{font-size: 22pt; margin: 0 0 40px 0;}
}
@media screen and (max-width:800px) {
	.swiper-slide .text_column{top:35%;}
	.swiper-slide .text_column h2.title{font-size: 25pt; margin: 0 0 40px 0;}
	.swiper-slide .text_column h3.title{font-size: 18pt; margin: 0 0 40px 0;}
}
@media screen and (max-width:640px) {
	.swiper-slide .text_column h2.title{font-size: 18pt; margin: 0 0 30px 0;}
	.swiper-slide .text_column h3.title{font-size: 14pt; margin: 0 0 20px 0;}
}
@media screen and (max-width:480px) {
	.swiper-slide .text_column{top:16%;}
	.swiper-slide .text_column h2.title{font-size: 16pt; margin: 0 0 25px 0;}
	.swiper-slide .text_column h3.title{font-size: 12pt; margin: 0 0 15px 0;}
}
/*index_feature*************************************************/
.index_feature{
	clear:both;
	width:100%;
	display:block;
	margin:0 auto;
	padding:20px 0 60px 0;
	overflow: hidden;
	text-align: center;
}
.index_feature_main{
	clear:both;
	width:100%;
	display:block;
	margin:0 auto;
	padding:20px 0;
	overflow: hidden;
	text-align: left;
}
.index_feature .title_h2{
	position: relative;
	font-size:26pt;
	text-align:center;
	color: #fff;
	margin:40px 0 10px 0;
}
.index_feature .title_h2_main{
	margin:30px 0 10px 0;
}
@media screen and (max-width:800px) {
	.index_feature .title_h2{
		font-size:20pt;
	}
}
.index_feature .title_h2 .page_back{
	position: absolute;
	font-size: 10pt;
	padding: 16px 6px 16px 13px;
	-webkit-border-radius:100%;	-moz-border-radius:100%; border-radius:100%;
	background:url('arrow_prev.svg') #666 5px center no-repeat;
	background-size: 8px;
	cursor: pointer;
	left: 5px;
	top:-6px;
}
.index_feature .title_h3{
	font-size:12pt;
	text-align:center;
	line-height:14pt;
	color: #fff;
	margin:0 0 40px 0;
}
.index_feature .column{
	width:100%;
	max-width:100%;
	margin:0 auto;
	clear: both;
}
/*4格*/
.feature_box{
	display:inline-block;
	width:22%;
	max-width:400px;
	margin:0 22px 3% 22px;
	vertical-align:top;
	overflow: hidden;
	border:6px solid rgba(255,255,255,0.2);
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.feature_box:hover{border:3px solid rgba(255,255,255,0.8);}
.feature_box .pic{
	position: relative;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	padding-bottom:100%;
	background-position:center center;
}
.feature_box .pic .photo{
	position:absolute;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	left:0;
	top:0;
	padding-bottom:100%;
	background-position:center center;
	overflow: hidden;
	transform: rotate(0deg);
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.feature_box:hover .pic .photo{
	left:-8%;
	top:-8%;
	width:116%;
	padding-bottom:116%;
	transform: rotate(8deg);
}
.feature_box .pic .text_column{width: 100%; background: rgba(0,0,0,0.6);position:absolute; bottom:-110px; padding: 5px 5px 15px 5px;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.feature_box:hover .pic .text_column{bottom:0;background: rgba(0,0,0,0.9)}
.feature_box .pic .text_column .title{
	font-size:12pt;
  line-height: 16pt;
	width:95%;
  margin: 0 auto;
}
.feature_box .pic .text_column .title .site{background: #fff; color: #333; padding:0 3px 1px 3px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:10pt; position: relative; top:-1px; margin: 0 0 0 3px;}
@media screen and (max-width:1200px) {
	.feature_box .pic .text_column .title .site{font-size: 8pt; clear: both;display: block;width: fit-content; margin:0 auto; padding: 0 3px; top:0;}
}
.feature_box .pic .text_column .desc{
	font-size:10pt;
	line-height: 12pt;
	width:95%;
  margin:5px auto 0 auto;
}
.feature_box .pic .text_column .desc2{
	font-size:10pt;
	line-height: 12pt;
	width:95%;
  margin:5px auto 0 auto;
  height:50px;
}
@media screen and (max-width:1150px) {
	.feature_box .pic .text_column{bottom:-120px;}
	.feature_box .pic .text_column .desc2{
	  height:60px;
	}
}
@media screen and (max-width:500px) {
	.feature_box .pic .text_column{bottom:-140px;}
	.feature_box .pic .text_column .desc2{
	  height:80px;
	}
}
.feature_box .pic .text_column .desc2::after{content: "...";}
.feature_box .pic .text_column .desc img{height: 16px;}
.feature_box .pic .text_column .reservation{
	font-size:12pt;
	width:95%;
  margin:25px auto 0 auto;
}
.feature_box .pic .text_column .reservation img{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 0 0 8px;
    position: relative;
    top:2px;
}
@media screen and (max-width:1600px) {
	.feature_box{width:22%;margin:0 1% 2.5% 1%;max-width:500px;}
}
@media screen and (max-width:1400px) {
	.feature_box .pic .text_column .title{font-size:12pt;}
	.feature_box .pic .text_column .desc img{height:16px;}
}
@media screen and (max-width:1000px) {
	.feature_box{width:46%;margin:0 1% 2.5% 1%;max-width:500px;}
}
/*4格2*/
.feature_box2{
	display:inline-block;
	width:30%;
	margin:0 1.5% 1% 1.5% ;
	vertical-align:top;
	overflow: hidden;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
	text-align: left;
	background: rgba(0,0,0,0.6);
}
.feature_box2:hover{background: rgba(240,85,35,0.8)}
.feature_box2 .pic{
	float: left;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100px;
	background-position:center center;
	padding:10px 5px;
}
.feature_box2 .pic .photo{
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	left:0;
	top:0;
	padding-bottom:100%;
	background-position:center center;
	overflow: hidden;
	transform: rotate(0deg);
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.feature_box2 .text_column{float:left; width:calc(100% - 110px);padding: 5px 0;}
.feature_box2 .text_column .title{
	display: inline-block;
	width:calc(100% - 70px);
	font-size:12pt;
  line-height: 16pt;
  margin: 0 auto;
  color: #fff;
}
.feature_box2 .text_column  .site{background: #fff; color: #333; padding:2px 0;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:10pt; min-width:60px; text-align: center; display: inline-block; position: relative; top:2px; vertical-align: top;}

.feature_box2 .text_column .desc{
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size:10pt;
	line-height: 12pt;
  margin:5px auto 0 auto;
  color: #fff;
}
.feature_box2 .text_column .desc2{
	font-size:10pt;
	line-height: 12pt;
	width:100%;
  margin:5px auto 0 auto;
  color:#fff;
}
.feature_box2 .text_column .desc2::after{content: "...";}
.feature_box2 .text_column .desc img{height: 12px; position: relative; top:1px;}
.feature_box2 .text_column .reservation{
	font-size:10pt;
	width:100%;
  margin:5px auto 0 auto;
}
.feature_box2 .text_column .reservation img{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 0 0 8px;
    position: relative;
    top:2px;
}
.feature_box2 .text_column .reservation2{
	font-size:10pt;
  margin:5px;
  display: inline-block;
  background: #aa0000;
  padding: 3px;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.feature_box2 .text_column .reservation2 img{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 0 0 3px;
    position: relative;
    top:2px;
}
.feature_box2 .text_column .reservation3{
	font-size:10pt;
  margin:5px;
  display: inline-block;
  padding: 3px;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.feature_box2 .text_column .reservation3 img{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 0 0 3px;
    position: relative;
    top:2px;
}
@media screen and (max-width:1400px) {
	.feature_box2 .text_column .title{font-size:12pt;}
	.feature_box2 .text_column .desc img{height:12px;}
}
@media screen and (max-width:1000px) {
	.feature_box2{width:46%;margin:0 1% 2.5% 1%;}
}
@media screen and (max-width:540px) {
	.feature_box2{width:96%;}
}
/*about*/
.about_column_left{float: left; width: 50%; min-height: 400px; background: url('bar1.jpg') center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;	background-size: cover; overflow: hidden;}
.about_column_left .text_column{width: 100%; height:fit-content; background: rgba(240,85,35,0.80); padding: 10% 15%;min-height: 550px;}
.about_column_left .text_column h2{color: #fff; font-size: 22pt; margin: 0 0 20px 0;}
.about_column_left .text_column .info{color: #fff; font-size: 12pt; line-height: 16pt; margin: 0 0 60px 0;}
.about_column_right{float: left; width: 50%; min-height: 400px;background: url('bar2.jpg') center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;	background-size: cover; overflow: hidden;}
@media screen and (max-width:1000px) {
	.about_column_left{width: 100%;min-height:fit-content;}
	.about_column_right{width: 100%;min-height: 250px;}
	.about_column_left .text_column{min-height:fit-content;}
	.about_column_left .text_column .info{margin: 0 0 40px 0;}
}
/***/
.button_red{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #cc0000; color: #fff; display:inline-block; width: fit-content; padding:12px 32px; cursor: pointer;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.button_red:hover{background: #ff3300;}
.button_red img{width: 16px; height: 16px; display: inline-block; margin: 0 0 0 8px; position: relative;top:1px;}
/***/
.button_white{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #fff; color: #ff6633; display:inline-block; width: fit-content; padding:12px 32px; cursor: pointer;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.button_white:hover{background: #ff3300;color: #fff;}
.button_white img{width: 16px; height: 16px; display: inline-block; margin: 0 0 0 8px; position: relative;top:1px;}
/***/
.button_gray{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #aaa; color: #fff; display:inline-block; width: fit-content; padding:12px 32px; cursor: pointer;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.button_gray:hover{background: #666;color: #fff;}
.button_gray img{width: 16px; height: 16px; display: inline-block; margin: 0 0 0 8px; position: relative;top:1px;}
/***/
.button_red2{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #cc0000; color: #fff; display:inline-block; width: fit-content; padding:4px 8px; cursor: pointer;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; font-size: 11pt;}
.button_red2:hover{background: #ff3300;}
.button_red2 img{width: 16px; height: 16px; display: inline-block; margin: 0 0 0 8px; position: relative;top:1px;}
/*list*/
.category_column{width: 100%; padding: 6%;}
.category_box{width: 17%; position: relative; vertical-align: top; display: inline-block; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; overflow: hidden; margin: 0 0% 2% 2%;}
.category_box:hover {background: rgba(240,85,35,0.8);-webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.category_box a{width: 100%; height: 100%; display: block;}
.category_box .icon{width:52px; height: 52px; background: #fff;-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;display: inline-block; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;border:3px solid rgba(240,85,35,0);}
.category_box .icon img{width:46px; height: 46px;}
.category_box:hover .icon{border:3px solid rgba(240,85,35,1);}
.category_box .title{display: inline-block; color: #fff;position: relative;top:-16px; margin: 0 0 0 8px;}
@media screen and (max-width:1500px) {
	.category_box{width: 22%;}
}
@media screen and (max-width:1200px) {
	.category_box{width: 30%;}
}
@media screen and (max-width:900px) {
	.category_box{width: 46%;}
}
@media screen and (max-width:600px) {
	.category_box{text-align: center;}
	.category_box .title{clear: both; width: 100%; font-size: 12pt; top:0; margin:10px 0 15px 0;}
}
/*man4格*/
.man_column{width: 100%; padding:0 0 50px 0; display: block; overflow: hidden;}
.man_box{
	float: left;
	width:16.6666666%;
	vertical-align:top;
	overflow: hidden;
}
.man_box .pic{
	position: relative;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	padding-bottom:calc(80% - 2px);
	overflow: hidden;
	background-position:center center;
	border:1px solid rgba(255,255,255,0.2);
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.man_box:hover .pic{border:1px solid rgba(255,255,255,0.8);}
.man_box .pic .photo{
	position:absolute;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	left:0;
	top:0;
	padding-bottom:80%;
	background-position:center 20%;
	overflow: hidden;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.man_box:hover .pic .photo{
	left:-8%;
	top:-8%;
	width:116%;
	padding-bottom:116%;
}
.man_box .text_column{width: 100%; padding: 5px 5px 15px 5px;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.man_box:hover .text_column{bottom:0;background: rgba(0,0,0,0.9);}
.man_box .text_column .title{
	font-size:12pt;
  line-height: 14pt;
	width:95%;
  margin:0 auto;
}
.man_box .text_column .title .site{background: #fff; color: #333; padding:0 3px 1px 3px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:10pt; position: relative; top:-1px; margin: 0 0 0 3px;}
@media screen and (max-width:1200px) {
	.man_box .text_column .title .site{font-size: 8pt; clear: both;display: block;width: fit-content; margin:0 auto; padding: 0 3px; top:0;}
}
.man_box .text_column .desc{
	font-size:10pt;
	width:95%;
  margin:5px auto 0 auto;
}
.man_box .text_column .desc2{
	font-size:10pt;
	width:95%;
  margin:5px auto 0 auto;
  color: #ccc;
}
.man_box .text_column .desc img{height: 16px; position: relative;top:2px; margin: 0 0 0 8px;}
.man_box .pic .text_column{width: 100%; height: 100%; background: rgba(0,0,0,0.4);position:absolute; padding: 5px 5px 15px 5px;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; text-align: center; padding: 46% 0 0 0; opacity: 0;}
.man_box:hover .text_column{background: rgba(0,0,0,0.8);opacity: 1}
@media screen and (max-width:1200px) {
	.man_column{text-align: center;}
	.man_box{
		float:none;
		display: inline-block;
		width:32%;
		vertical-align:top;
		overflow: hidden;
	}
}
@media screen and (max-width:700px) {
	.man_box{
		float:none;
		display: inline-block;
		width:46%;
		vertical-align:top;
		overflow: hidden;
	}
	.man_box .text_column .title{font-size:12pt;}
}
/*********************/
/*開啟視窗*/
.float_column_active{
  position:fixed;
  top:12%;
  width: 100%;
  text-align: center;
  z-index: 9999;
  transform: scale(0);
}
.float_column_open{
  animation: effect_float_column_open 0.3s 1 alternate forwards;
  -webkit-animation: effect_float_column_open 0.3s 1 alternate forwards;
}
.float_column_close{
  animation: effect_float_column_close 0.3s 1 alternate forwards;
  -webkit-animation: effect_float_column_close 0.3s 1 alternate forwards;
  transform: scale(1);
}
.float_column_active .active_window{
  text-align: left;
  line-height: 20pt;
  position: relative;
  display: inline-block;
  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  padding:2%;
  width: 96%;
  max-width: 800px;
  max-height: 700px;
  overflow: auto;
}
.active_window a {
  color:#3fa4de;
}
.active_window ol { 
  list-style-type:decimal; 
  list-style:decimal; 
  border:none; 
  padding-left:20px;
}    
.active_window ol li { 
  list-style-type:decimal;
  list-style:decimal;
  border:none;
  padding-left:10px;
}
.active_window img.info_pic {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.active_window .button_close_x{
  position: absolute;
  font-size: 16pt;
  cursor: pointer;
  width: 40px;
  height: 40px;
  right:1%;
  top:3%;
  overflow: visible;
  z-index: 999;
}
@-webkit-keyframes effect_float_column_open {
  0%{transform: scale(0);}
  100%{transform: scale(1);}
}
@keyframes effect_float_column_open {
  0%{transform: scale(0);}
  100%{transform: scale(1);}
}
@-webkit-keyframes effect_float_column_close {
  0%{transform: scale(1);}
  100%{transform: scale(0);}
}
@keyframes effect_float_column_close {
  0%{transform: scale(1);}
  100%{transform: scale(0);}
}
.ads{
    clear: both;
    width: 100%;
    margin: 0 auto 15px auto;
    text-align:center;
}