@charset "utf-8";
@import url('../../../_bk_plugin_css/gFontEN/Tangerine.css'); /*date*/
/*@import url('../../../_bk_plugin_css/gFontEN/CormorantUpright.css'); /*mob title*/
/*
排版 描述
@media screen and (min-width: 1600px) and (max-width: 1920px) {  }
@media screen and (min-width: 1366px) and (max-width: 1599px) {  }
@media screen and (min-width: 1280px) and (max-width: 1365px) {  }
@media screen and (min-width: 1023px) and (max-width: 1280px) {  }
@media screen and (min-width: 861px) and (max-width: 1023px) {  }
@media screen and (min-width: 640px) and (max-width: 860px) {  } 平版
@media screen and (min-width: 481px) and (max-width: 639px) {  } 平版
@media screen and (min-width: 1px) and (max-width: 480px) {  } 手機
*/
/*----------------------------------------------------------------------------*/
/*============================================================================*//*============================================================================*//*============================================================================*/
/*page bg*/
/*============================================================================*//*============================================================================*//*============================================================================*/
.single-integrated-bg {
	z-index: -999999; display: inline-block; position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; min-width: 320px; max-width: 1920px; height: 100%;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	overflow-x: hidden;
	
	-webkit-animation: fadeIn 3000ms; animation: fadeIn 3000ms;
}
/*============================================================================*/
/* section */
/*============================================================================*/
section { -webkit-animation: fadeIn 2500ms; animation: fadeIn 2500ms; }





/*============================================================================*//*============================================================================*//*============================================================================*/
/* Navigation */
/*============================================================================*//*============================================================================*//*============================================================================*/
/*section*/
/*
@media screen and (min-width: 1px) and (max-width: 1279px) {
	#jPcNav { display: none !important; }
	#jMobNav { display: block !important; }
}
@media screen and (min-width: 1280px) and (max-width: 999999px) {
	#jPcNav { display: block !important; }
	#jMobNav { display: none !important; }
}
*/
section#jPcNav { z-index: 1100; }
nav.mega { display: block; position: relative; height: 80px; }

/*if js sticky*/
.jNavStickyWrapper nav.mega { z-index: 1000; }

.jNavStickyWrapper.jNavStickyActive {  }

.jNavStickyWrapper.jNavStickyActive nav.mega {  }

nav.mega > ul {
	display: inline-flex; position: relative; width: 100%; white-space: nowrap;
	align-items: center; align-content: center; flex-direction: row; flex-wrap: nowrap;
	background-repeat: no-repeat;
	background-position: top center;
}
/*靠左*/
nav.mega > ul.keep-start { justify-content: flex-start; }
/*靠右*/
nav.mega > ul.keep-end { justify-content: flex-end; }
/*置中*/
nav.mega > ul.keep-center { justify-content: center; }
/*平均左右對齊*/
nav.mega > ul.keep-between { justify-content: space-between; }
/*置中左右對齊*/
nav.mega > ul.keep-around { justify-content: space-around; }
/*----------------------------------------------------------------------------*/
/*logo*/
nav.mega .nav-logo {  }
nav.mega .nav-logo.site-left,
nav.mega .nav-logo.site-center,
nav.mega .nav-logo.site-right { z-index: 1010; position: absolute; top: 5px;}
nav.mega .nav-logo.site-left { left: 15px; }
nav.mega .nav-logo.site-center { left: 50%; margin-left: -50px; }
nav.mega .nav-logo.site-right { right: 15px; }
nav.mega .nav-logo.site-none { display: none; left: -999999; opacity: 0; visibility: hidden; }
nav.mega .nav-logo .logo-wrapper img { min-height: 40px; max-height: 70px; }
/*----------------------------------------------------------------------------*/

/*第一層*/
nav.mega > ul > li { z-index: 1000; position: relative; }
nav.mega > ul > li > a {
	display: block; position: relative; padding: 0 20px; max-width: 185px; line-height: 80px; text-align: center;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	/*transform: scale(1);*/
	-webkit-transition: color .3s, text-shadow .3s, border-color.3s, background-color .3s, transform .15s;
	transition: color .3s, text-shadow .3s, border-color.3s, background-color .3s, transform .15s;
}
nav.mega > ul > li > a > strong {  }
nav.mega > ul > li > a:hover {  }
nav.mega > ul > li.current > a > strong { transform: scale(1.05); } /*active*/
nav.mega > ul > li > a.ant-scale:hover { /*transform: scale(1.05);*/ }
nav.mega > ul > li > a.bg-no:hover { background-color: transparent; }
/*----------------------------------------------------------------------------*/
/*使用箭頭效果*/

/*當移至 上箭頭*/
nav.mega > ul > li > a.top-arrow:hover:before { content: ""; opacity: 0; visibility: hidden; }

nav.mega > ul > li.current > a.top-arrow:before,
nav.mega > ul > li > a.top-arrow:hover:before { content: ""; opacity: 1; visibility: visible;
	position: absolute; top: 0; left: 50%; margin-left: -6px;
	width: 0; height: 0;
	border-style: solid;
	border-width: 6px 12px 0 12px;
	/*border-color: rgba(255, 193, 7, .85) transparent transparent transparent; /*顏色跟 border-top 一樣 或 自訂*/
}

/*當移至 下箭頭*/
nav.mega > ul > li > a.bottom-arrow:hover:after { content: ""; opacity: 0; visibility: hidden; }

nav.mega > ul > li.current > a.bottom-arrow:before,
nav.mega > ul > li > a.bottom-arrow:hover:after { content: ""; opacity: 1; visibility: visible;
	position: absolute; bottom: 0; left: 50%; margin-left: -6px;
	width: 0; height: 0;
	border-style: solid;
	border-width: 0 12px 6px 12px;
	/*border-color: transparent transparent rgba(255, 193, 7, .85) transparent; /*顏色跟 border-top 一樣 或 自訂*/
}

/*----------------------------------------------------------------------------*/
/*pure-list 純文字列表*/
nav.mega > ul > li.pure-list { position: static; }
nav.mega > ul > li.pure-list > .pl-inner { /*opacity: 0; visibility: hidden;*/
	z-index: 1010; position: absolute; top: -999999px; left: -999999px; padding: 30px 0; width: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
	overflow: auto;
	/*transition: opacity .3s;*/
	/*del*
	opacity: 1; visibility: visible;
	top: 100%; left: 0;
	*/
}
/*
nav.mega > ul > li.pure-list:hover > .pl-inner {
	opacity: 1; visibility: visible;
	top: 100%; left: 0;
}
*/
nav.mega > ul > li.pure-list.current > .pl-inner.active { /*opacity: 1; visibility: visible;*/ top: 100%; left: 0; }
/*第二層 + 第三層*/
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT1 > ul { width: 100% !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT2 > ul { width: calc(100% / 2) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT3 > ul { width: calc(100% / 3) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT4 > ul { width: calc(100% / 4) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT5 > ul { width: calc(100% / 5) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT6 > ul { width: calc(100% / 6) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT7 > ul { width: calc(100% / 7) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT8 > ul { width: calc(100% / 8) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT9 > ul { width: calc(100% / 9) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT10 > ul { width: calc(100% / 10) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT11 > ul { width: calc(100% / 11) !important; }
nav.mega > ul > li.pure-list > .pl-inner.jCalcSumT12 > ul { width: calc(100% / 12) !important; }

nav.mega > ul > li.pure-list > .pl-inner > ul {
	display: inline-flex; position: relative; vertical-align: top;
	align-items: center; align-content: center; flex-direction: column; flex-wrap: nowrap;
	justify-content: space-around;
	flex: 1 1 auto;
}

nav.mega > ul > li.pure-list > .pl-inner > ul > li.second-floor > a,
nav.mega > ul > li.pure-list > .pl-inner > ul > li.third-floor > a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
/*第二層*/
nav.mega > ul > li.pure-list > .pl-inner > ul > li.second-floor { margin: 20px 10px; padding: 0; }
nav.mega > ul > li.pure-list > .pl-inner > ul > li.second-floor > a { max-width: 180px; font-size: 18px; }
nav.mega > ul > li.pure-list > .pl-inner > ul > li.second-floor > a:hover {  }
nav.mega > ul > li.pure-list > .pl-inner > ul > li.second-floor > a:before {
	display: inline-block; width: 10px;
	content: "\f105"; padding: 0 10px 0 0; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 16px;
}
/*第三層*/
nav.mega > ul > li.pure-list > .pl-inner > ul > li.third-floor { margin: 10px; padding: 0; }
nav.mega > ul > li.pure-list > .pl-inner > ul > li.third-floor > a { max-width: 150px; font-size: 16px; }
nav.mega > ul > li.pure-list > .pl-inner > ul > li.third-floor > a:hover {  }
nav.mega > ul > li.pure-list > .pl-inner > ul > li.third-floor > a:before {
	display: inline-block; width: 10px;
	content: "\f101"; padding: 0 10px 0 0; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 16px;
}

nav.mega > ul > li.pure-list > .pl-inner > ul > li > a:hover:before { -webkit-animation: 1s .1s normal ease infinite jellen-x-x0-x3; animation: 1s .1s normal ease infinite jellen-x-x0-x3; }

/*左右 圖*/
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg { display: inline-block; }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container { margin: 10px 10%; }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container.fullwidth { margin: 10px 5%; }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper {  }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer {  }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg.fullwidth.isroom > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer { min-height: 320px; }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage {  }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div {  }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div.owl-item { max-height: 280px; } /*each*/
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div.owl-item > .item { position: relative; margin: 10px; overflow: hidden; }

nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div.owl-item > .item > figure > img { min-height: 160px; max-height: 280px; /*border-radius: 6px;*/ }

/*title*/
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div.owl-item > .item > figure > figcaption {
	display: inline-block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 30px;
	/*border-radius: 0 0 6px 6px;*/
	-webkit-transition: bottom .3s, background-color .3s; transition: bottom .3s background-color .3s;
}
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div.owl-item > .item > figure > figcaption > a {

}
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div.owl-item > .item > figure > figcaption > a:after {
	display: inline-block; position: absolute; top: 8px; right: 15px;
	content: "\f0c1"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 14px; color: rgba(255, 255, 255, .65);
	transform: rotateZ(0deg);
	-webkit-transition: transform 1.5s, color .3s; transition: transform 1.5s, color .3s;
}
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div.owl-item:hover > .item > figure > figcaption > a:after { transform: rotateZ(3600deg); }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div.owl-item > .item > figure > figcaption > a > strong {
	display: block; padding: 8px 50px 8px 10px; width: 100%; font-size: 14px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-stage-outer > .owl-stage > div.owl-item:hover > .item > figure > figcaption {
	bottom: 0;
}
/*< >*/
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav {  }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav > button {  }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav > button.owl-prev { position: absolute; top: 50%; left: 5px; margin-top: -20px; width: 30px; height: 30px; border-radius: 100%; }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav > button.owl-next { position: absolute; top: 50%; right: 5px; margin-top: -20px; width: 30px; height: 30px; border-radius: 100%; }

nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav > button.owl-prev [aria-label],
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav > button.owl-next [aria-label] { visibility: hidden; }

nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav > button.owl-prev > span:before { visibility: visible; font-family: 'Font Awesome 5 pro'; content:"\f053"; font-size: 12px; padding: 0 0 0 5px; }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav > button.owl-next > span:before { visibility: visible; font-family: 'Font Awesome 5 pro'; content:"\f054"; font-size: 12px; padding: 0 0 0 7px; }

nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav > button.owl-prev.disabled { opacity: 0; }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > .nav-owl-container > .nav-owl-wrapper > .owl-nav > button.owl-next.disabled { opacity: 0; }

/*全橫幅 ol li*/
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > ol { display: flex; justify-content: space-around; margin: 20px 0; }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > ol > li { margin: 20px 10px; padding: 0; }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > ol > li > a {
	display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*display: -webkit-box;*/ -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	max-width: 180px; font-size: 18px;
}
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > ol > li > a:hover {  }
nav.mega > ul > li.pure-list > .pl-inner > ul.hasimg > ol > li > a:before {
	display: inline-block; width: 10px;
	content: "\f105"; padding: 0 10px 0 0; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 16px;
}

/*----------------------------------------------------------------------------*/
/*drop-down*/
nav.mega > ul > li.drop-down > ul { z-index: 1000; position: absolute; top: -999999px; left: -999999px; width: 180px; border-top: none; }
nav.mega > ul > li.drop-down.current > ul { top: 100%; left: 0; }
nav.mega > ul > li.drop-down.current > ul:before {
	/*
	content: "";
	position: absolute; top: 0; left: 50%; margin-left: -12px;
	width: 0; height: 0;
	border-style: solid;
	border-width: 6px 12px 0 12px;
	border-color: rgba(255, 193, 7, .85) transparent transparent transparent; /*顏色跟 border-top 一樣 或 自訂*/
}
/*第二層*/
nav.mega > ul > li.drop-down > ul > li {  }
nav.mega > ul > li.drop-down > ul > li > a {
	display: inline-block; padding: 15px; width: 100%; max-width: 180px;
	/*border-bottom: 1px solid rgba(255, 193, 7, .35);*/
	font-size: 15px;
	display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
nav.mega > ul > li.drop-down > ul > li > a:hover {  }
nav.mega > ul > li.drop-down > ul > li > a:before {
	display: inline-block; width: 10px;
	content: "\f105"; padding: 0 10px 0 0; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 16px;
}
nav.mega > ul > li.drop-down > ul > li > a:hover:before { -webkit-animation: 1s .1s normal ease infinite jellen-x-x0-x3; animation: 1s .1s normal ease infinite jellen-x-x0-x3; }
/*第二層 含 第三層*/
nav.mega > ul > li.drop-down > ul > li.has-sub:after { /*如果有 sub 顯示 …*/
	display: inline-block; position: absolute; top: 12px; right: 12px;
	content: "\f142"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 18px;
	-webkit-transition: font .3s ease, color .3s ease; transition: font .3s ease, color .3s ease;
}
nav.mega > ul > li.drop-down > ul > li.has-sub:hover:after { /*如果有 sub 顯示 …*/
	font-size: 22px;
}
/*第三層*/
nav.mega > ul > li.drop-down > ul > li.has-sub { position: relative; }

nav.mega > ul > li.drop-down > ul > li.has-sub > ul { position: absolute; top: -999999px; width: 180px; }
/*第三層在第二層的右邊*/
nav.mega > ul > li.drop-down > ul > li.has-sub > ul.rt {  left: 90%;  /*border-left: 3px solid rgba(255, 160, 0, .95);*/ }
nav.mega > ul > li.drop-down > ul > li.has-sub:hover > ul.rt { top: 0; left: 100%; }
/*第三層在第二層的左邊*/
nav.mega > ul > li.drop-down > ul > li.has-sub > ul.lt { right: 90%; /*border-right: 3px solid rgba(255, 160, 0, .95);*/ }
nav.mega > ul > li.drop-down > ul > li.has-sub:hover > ul.lt { top: 0; right: 100%; }

nav.mega > ul > li.drop-down > ul > li.has-sub > ul:before {
	content: "";
	position: absolute; top: 10px;
	width: 0; height: 0;
	border-style: solid;
}
/*第三層在第二層的右邊*/
nav.mega > ul > li.drop-down > ul > li.has-sub > ul.rt:before {
	right: 100%; border-width: 12px 8px 12px 0;
	/*border-color: transparent rgba(255, 160, 0, .95) transparent transparent;*/
}
/*第三層在第二層的左邊*/
nav.mega > ul > li.drop-down > ul > li.has-sub > ul.lt:before { 
	left: 100%; border-width: 12px 0 12px 8px;
	/*border-color: transparent transparent transparent rgba(255, 160, 0, .95);*/
}

nav.mega > ul > li.drop-down > ul > li.has-sub:hover > ul > li {  }
nav.mega > ul > li.drop-down > ul > li.has-sub:hover > ul > li > a {
	display: inline-block; padding: 15px 10px; width: 100%; max-width: 180px;
	/*border-bottom: 1px solid rgba(255, 193, 7, .35);*/
	font-size: 14px;
	display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
nav.mega > ul > li.drop-down > ul > li.has-sub:hover > ul > li > a:hover {  }
nav.mega > ul > li.drop-down > ul > li.has-sub:hover > ul > li > a:before {
	display: inline-block; width: 10px;
	content: "\f101"; padding: 0 10px 0 0; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 14px;
}
nav.mega > ul > li.drop-down > ul > li.has-sub:hover > ul > li > a:hover:before { -webkit-animation: 1s .1s normal ease infinite jellen-x-x0-x3; animation: 1s .1s normal ease infinite jellen-x-x0-x3; }

/*============================================================================*//*============================================================================*//*============================================================================*/
/* Mobile Navigation */
/*============================================================================*//*============================================================================*//*============================================================================*/
.navmob-toggle { z-index: 1100; display: inline-block; position: fixed; top: 20px; width: 36px; height: 36px; }
.navmob-toggle.sleft { left: 20px; -webkit-transition: left .5s ease; transition: left .5s ease; }
.navmob-toggle.sright { right: 20px; -webkit-transition: right .5s ease; transition: right .5s ease; }
.navmob-toggle.sleft.open { /*left: 290px;*/ left: 300px; }
.navmob-toggle.sright.open { /*right: 290px;*/ right: 300px; }
/*----------------------------------------------------------------------------*/
.navmob-tbg {
	display: inline-block; position: absolute; top: -13px; left: -7px; width: 50px; height: 50px;
	border-radius: 100%;
	-webkit-transition: background-color .3s ease, box-shadow .3s ease; transition: background-color .3s ease, box-shadow .3s ease;
}
.navmob-tbg.round { border-radius: 100%; } /*圓形*/
.navmob-tbg.corner { border-radius: 12px; } /*圓角*/
.navmob-tbg.square { border-radius: 3px; } /*方形*/
.navmob-tbg.s15, .navmob-bg.s16 { width: 60px; height: 60px; top: -10px; left: -12px; }
.navmob-ctrl { display: inline-block; width: 40px; height: 40px; }
/*----------------------------------------------------------------------------*/
/* mob navigation */
.navmob-cascade {  }
.navmob-cascade .cascade-wrapper {  }

/*父層*/
.navmob-cascade .cascade-wrapper .navmob-list {
	z-index: 1111; position: fixed; top: 0; bottom: 0; width: 280px;
	overflow-x: hidden; overflow-y: auto;
}
.navmob-cascade .cascade-wrapper .navmob-list.sleft { left: -280px; -webkit-transition: left .5s ease, box-shadow .3s ease; transition: left .5s ease, box-shadow .3s ease; }
.navmob-cascade .cascade-wrapper .navmob-list.sright { right: -280px; -webkit-transition: right .5s ease, box-shadow .3s ease; transition: right .5s ease, box-shadow .3s ease; }

.navmob-cascade .cascade-wrapper .navmob-list.sleft.open { left: 0; }
.navmob-cascade .cascade-wrapper .navmob-list.sright.open { right: 0; }

.navmob-cascade .cascade-wrapper .navmob-list li { position: relative; opacity: 1; }
.navmob-cascade .cascade-wrapper .navmob-list.sleft li { left: 0; }
.navmob-cascade .cascade-wrapper .navmob-list.sright li { right: 0; }

.navmob-cascade .cascade-wrapper .navmob-list li.disabled { opacity: 0; }
.navmob-cascade .cascade-wrapper .navmob-list.sleft li.disabled { left: -280px;  } /*當有 父層 被點擊 非當前的關閉 左移*/
.navmob-cascade .cascade-wrapper .navmob-list.sright li.disabled { right: -280px; } /*當有 父層 被點擊 非當前的關閉 左移*/

.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst { background-repeat: no-repeat; background-position: bottom center; }
/*----------------------------------------------------------------------------*/
/*logo*/
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-logo {  }
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-logo > a { display: flex; justify-content: center; }
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-logo > a > img { max-width: 250px; max-height: 120px; }
/*title*/
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-title { display: inline-block; width: 100%; }
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-title > a { display: flex; justify-content: center; margin: 10px; width: 100%; }
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-title > a > strong {  }
/*logo & title*/
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-logo-title {  }
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-logo-title > a {  }
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-logo-title > a > .logo { display: flex; justify-content: center; }
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-logo-title > a > .logo > img { max-width: 250px; max-height: 120px; }
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-logo-title > a > .title { display: flex; justify-content: center; margin: 10px; }
.navmob-cascade > .cascade-wrapper > .navmob-list > div.website-logo-title > a > .title > strong {  }

/*----------------------------------------------------------------------------*/

.navmob-cascade .cascade-wrapper .navmob-list a { display: block; position: relative; padding: 15px; } /*全部的 a */
.navmob-cascade .cascade-wrapper .navmob-list.sleft a { left: 0; }
.navmob-cascade .cascade-wrapper .navmob-list.sright a { right: 0; }

.navmob-cascade .cascade-wrapper .navmob-list li a.active:before {
	position: absolute; left: -1px; content: "\f0da"; padding: 0 10px 0 0;
	font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 18px; font-weight: 900;
	-webkit-transition: left .3s ease-in-out; transition: left .3s ease-in-out;
}

/*
.navmob-cascade .cascade-wrapper .navmob-list.sleft li a.active:before { left: -100px; content: "\f0da"; padding: 0 10px 0 0; }
.navmob-cascade .cascade-wrapper .navmob-list.sleft li a.active:hover:before { left: -1px; }

.navmob-cascade .cascade-wrapper .navmob-list.sright li a.active:before { left: -100px; content: "\f0da"; padding: 0 10px 0 0; }
.navmob-cascade .cascade-wrapper .navmob-list.sright li a.active:hover:before { left: -1px; }
*/
.navmob-cascade .cascade-wrapper .navmob-list li a strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

/*----------------------------------------------------------------------------*/

/*父層的錨點*/
.navmob-cascade > .cascade-wrapper > .navmob-list > li > a.fhref { padding: 20px 30px 20px 20px; }
.navmob-cascade > .cascade-wrapper > .navmob-list > li > a.fhref:hover {  }

/*----------------------------------------------------------------------------*/

/*有 子層 孫層 js 會 動態加入 hassub-toggle 上層 會加入 parent*/

/*子層*/
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul.nmsecond { z-index: 2; position: fixed; top: 0; bottom: 0; width: 235px; overflow-x: hidden; overflow-y: auto; }
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul.nmsecond { background-repeat: no-repeat; background-position: bottom center; }
.navmob-cascade > .cascade-wrapper > .navmob-list.sleft > .parent > ul.nmsecond { left: -280px; -webkit-transition: left .3s ease; transition: left .3s ease; }
.navmob-cascade > .cascade-wrapper > .navmob-list.sright > .parent > ul.nmsecond { right: -280px; -webkit-transition: right .3s ease; transition: right .3s ease; }

.navmob-cascade > .cascade-wrapper > .navmob-list.sleft > .parent.open > ul.nmsecond { left: 0; }
.navmob-cascade > .cascade-wrapper > .navmob-list.sright > .parent.open > ul.nmsecond { right: 45px; }

/*a*/
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul.nmsecond > li {  }
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul.nmsecond > li > a.shref { padding: 20px 40px 20px 20px; }
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul.nmsecond > li > a.shref:hover {  }

/*----------------------------------------------------------------------------*/

/*孫層*/
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul > .parent > ul.nmthird { z-index: 3; position: fixed; top: 0; bottom: 0; width: 190px; overflow-x: hidden; overflow-y: auto; }
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul > .parent > ul.nmthird { background-repeat: no-repeat; background-position: bottom center; }
.navmob-cascade > .cascade-wrapper > .navmob-list.sleft > .parent > ul > .parent > ul.nmthird { left: -280px; -webkit-transition: left .3s ease; transition: left .3s ease; }
.navmob-cascade > .cascade-wrapper > .navmob-list.sright > .parent > ul > .parent > ul.nmthird { right: -280px; -webkit-transition: right .3s ease; transition: right .3s ease; }
.navmob-cascade > .cascade-wrapper > .navmob-list.sleft > .parent.open > ul > .parent.open > ul.nmthird { left: 0; }
.navmob-cascade > .cascade-wrapper > .navmob-list.sright > .parent.open > ul > .parent.open > ul.nmthird { right: 90px; }

/*a*/
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul > .parent > ul.nmthird > li {  }
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul > .parent > ul.nmthird > li > a.thref {  }
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul > .parent > ul.nmthird > li > a.thref:hover {  }


/*----------------------------------------------------------------------------*/
/*子層 孫層 當開啟 上一層 按鈕 >< = x*/
.navmob-cascade .cascade-wrapper .navmob-list .hassub-toggle { /*toch ctrl*/
	z-index: 1110; position: absolute; top: 0px; width: 36px; height: 50px; text-indent:-5000px;
	cursor: pointer;
	overflow: hidden;
}
.navmob-cascade .cascade-wrapper .navmob-list.sleft .hassub-toggle { right: 0px; }
.navmob-cascade .cascade-wrapper .navmob-list.sright .hassub-toggle { right: 0px; }


.navmob-cascade .cascade-wrapper .navmob-list .hassub-toggle:before,
.navmob-cascade .cascade-wrapper .navmob-list .hassub-toggle:after {
	content: ''; display: block; position: absolute; top: 20px; width: 12px; height: 12px;
	-webkit-transition: .5s ease-in-out;
}

.navmob-cascade .cascade-wrapper .navmob-list .hassub-toggle:before { /* > */
	right: 15px;
	border-top: 2px solid rgba(125, 35, 8, .95); border-right: 2px solid rgba(125, 35, 8, .95);
	-webkit-transform: rotate(45deg);
}

.navmob-cascade .cascade-wrapper .navmob-list .hassub-toggle:after { /* < */
	left: 50px;
	border-top: 2px solid rgba(125, 35, 8, .95); border-right: 2px solid rgba(125, 35, 8, .95);
	-webkit-transform: rotate(-135deg);
}




.navmob-cascade .cascade-wrapper .navmob-list .hassub-toggle.open { z-index: 1200; top: 0; height: 100%; }
.navmob-cascade .cascade-wrapper .navmob-list .hassub-toggle.open:before { right: 23px; }
.navmob-cascade .cascade-wrapper .navmob-list .hassub-toggle.open:after { left: 16px; }

/*
.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > .hassub-toggle:before { top: 20px; right: 15px; } /* > 父層 *
.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > .hassub-toggle:after { top: 20px; left: 50px; } /* < 父層 *

.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > ul.nmsecond > li.parent > .hassub-toggle:before { top: 20px; right: 15px; } /* > 子層 *
.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > ul.nmsecond > li.parent > .hassub-toggle:after { top: 20px; left: 50px; } /* < 子層 *

.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > ul.nmsecond > li.parent > ul.nmthird > .hassub-toggle:before { top: 20px; right: 15px; } /* > 孫層 *
.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > ul.nmsecond > li.parent > ul.nmthird > .hassub-toggle:after { top: 20px; left: 50px; } /* < 孫層 *
*/
/*
.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > .hassub-toggle.open:before { right: 23px; } /* > 父層 *
.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > .hassub-toggle.open:after { left: 16px; } /* < 父層 *

.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > ul.nmsecond > li.parent > .hassub-toggle.open:before { right: 23px; } /* > 子層 *
.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > ul.nmsecond > li.parent > .hassub-toggle.open:after { left: 16px; } /* < 子層 *

.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > ul.nmsecond > li.parent > ul.nmthird > .hassub-toggle.open:before { right: 23px; } /* > 孫層 *
.navmob-cascade > .cascade-wrapper > .navmob-list.nmfirst > li.parent > ul.nmsecond > li.parent > ul.nmthird > .hassub-toggle.open:after { left: 16px; } /* < 孫層 *
*/

.navmob-cascade > .cascade-wrapper > .navmob-list > li.open > a,
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul.nmsecond > li.open > a,
.navmob-cascade > .cascade-wrapper > .navmob-list > .parent > ul > .parent > ul.nmthird > li.open > a { border-bottom: none !important; }

/*----------------------------------------------------------------------------*//*----------------------------------------------------------------------------*/

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg {  }

/*navmob inlay img slide*/

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container { margin: 5px; }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg.site-bottom .hasslide > .nav-owl-container { margin: 15px 5px; }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div.owl-item { max-height: 250px; } /*each*/
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div.owl-item .item { position: relative; margin: 10px; overflow: hidden; }

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div.owl-item .item figure img { min-height: 125px; max-height: 250px; /*border-radius: 6px;*/ }

/*title*/
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div.owl-item .item figure figcaption {
	display: inline-block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 30px;
	/*border-radius: 0 0 6px 6px;*/
	-webkit-transition: bottom .3s, background-color .3s; transition: bottom .3s background-color .3s;
}
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div.owl-item .item figure figcaption a {
	padding: 0;
}
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div.owl-item .item figure figcaption a:after {
	display: inline-block; position: absolute; top: 8px; right: 15px;
	content: "\f0c1"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 14px; color: rgba(255, 255, 255, .65);
	transform: rotateZ(0deg);
	-webkit-transition: transform 1.5s, color .3s; transition: transform 1.5s, color .3s;
}
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div.owl-item:hover .item figure figcaption a:after { transform: rotateZ(3600deg); }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div.owl-item .item figure figcaption a strong {
	display: block; padding: 8px 50px 8px 10px; width: 100%; font-size: 14px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-stage-outer .owl-stage div.owl-item:hover .item figure figcaption {
	bottom: 0;
}
/*< >*/
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav button {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav button.owl-prev { position: absolute; top: 50%; left: 5px; margin-top: -20px; width: 30px; height: 30px; border-radius: 100%; }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav button.owl-next { position: absolute; top: 50%; right: 5px; margin-top: -20px; width: 30px; height: 30px; border-radius: 100%; }

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav button.owl-prev [aria-label],
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav button.owl-next [aria-label] { visibility: hidden; }

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav button.owl-prev span:before { visibility: visible; font-family: 'Font Awesome 5 pro'; content:"\f053"; font-size: 12px; padding: 0 0 0 5px; }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav button.owl-next span:before { visibility: visible; font-family: 'Font Awesome 5 pro'; content:"\f054"; font-size: 12px; padding: 0 0 0 7px; }

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav button.owl-prev.disabled { opacity: 0; }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .hasslide .nav-owl-container .nav-owl-wrapper .owl-nav button.owl-next.disabled { opacity: 0; }

/*----------------------------------------------------------------------------*//*----------------------------------------------------------------------------*/
/*navmob inlay img list*/
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg.site-top .haslist {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg.site-bottom .haslist {  }

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container ul.nav-list-wrapper { margin: 20px 0 0 0; }

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container ul li { display: inline-block; margin: 10px 0; width: 100%; text-align: center; }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container ul li.item {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container ul li.item a { padding: 0; }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container.nmob-second-listimg ul li.item a,
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container.nmob-third-listimg ul li.item a { padding: 0 10px; }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container ul li.item a figure {  }
.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container ul li.item a figure img { width: 100%; min-width: 165px; max-width: 230px; height: 100%; min-height: 100px; max-height: 150px; }

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container.nmob-third-listimg ul li.item a figure img { min-height: 80px; }

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container ul li.item a figure figcaption {  }

.navmob-cascade .cascade-wrapper .navmob-list div.nmob-inlayimg .haslist .nav-list-container ul li.item a figure figcaption strong {
	padding: 10px;
	font-size: 15px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}




/*============================================================================*//*============================================================================*//*============================================================================*/
/* revolution */
/*============================================================================*//*============================================================================*//*============================================================================*/
.slideshow_container {  }
.slideshow_container .rev_slider_wrapper {  }
.slideshow_container .rev_slider_wrapper .rev_slider {  }
.slideshow_container .rev_slider_wrapper .rev_slider ul {  }
.slideshow_container .rev_slider_wrapper .rev_slider ul li {  }

/*fullwidth*/
.slideshow_container .forcefullwidth_wrapper_tp_banner {  }
/*.slideshow_container.whatnews-slider-container .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper { display: contents; max-width: 1920px !important; }*/
.slideshow_container .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper,
.whatnews_container .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper { left: auto !important; width: 100% !important; }

/*浮動層*/
.slideshow_container .rev_slider_wrapper .rev_slider ul li .tp-parallax-wrap {
	/*display: inline-block !important; top: 0 !important; left: 0 !important; width: 100%; height: 100%;*/
}
.slideshow_container .rev_slider_wrapper .rev_slider ul li .tp-parallax-wrap .tp-loop-wrap { /*display: inline-block !important; width: 100%; height: 100%;*/ }

.slideshow_container .rev_slider_wrapper .rev_slider ul li .tp-parallax-wrap .tp-loop-wrap .tp-mask-wrap { /*display: inline-block !important; position: relative !important; width: 100%; height: 100%;*/ }

.slideshow_container .rev_slider_wrapper .rev_slider ul li .tp-parallax-wrap .tp-loop-wrap .tp-mask-wrap .tp-caption {
	/*z-index: 1001; display: inline-block !important; width: 100%; /*height: 100%; min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%;*/
}
/*控制層*/
.slideshow_container .rev_slider_wrapper .rev_slider ul li .ctrl-layer .tp-parallax-wrap { top: 0 !important; }
/*fix*/
.tp-caption.boxshadow, .boxshadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0); }
/*============================================================================*//*============================================================================*//*============================================================================*/
/* slideshow */
/*============================================================================*//*============================================================================*//*============================================================================*/
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider {  }
/*----------------------------------------------------------------------------*/
/*float layer*/
/*----------------------------------------------------------------------------*/
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider ul li .editor-layer { display: inline-block; position: relative; width: 100%; height: 100%; }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider ul li .editor-layer .is-editor { display: inline-block; position: absolute !important; width: 100%; height: 100%; }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider ul li .editor-layer .is-editor .tp-parallax-wrap { display: inline-block !important; top: 0 !important; left: 0 !important; width: 100%; height: 100%; }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider ul li .editor-layer .is-editor .tp-parallax-wrap .tp-loop-wrap { display: inline-block !important; width: 100%; height: 100%; }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider ul li .editor-layer .is-editor .tp-parallax-wrap .tp-loop-wrap .tp-mask-wrap { display: inline-block !important; width: 100%; height: 100%; }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider ul li .editor-layer .is-editor .tp-parallax-wrap .tp-loop-wrap .tp-mask-wrap .tp-caption { display: inline-block !important; width: 100%; }
/*----------------------------------------------------------------------------*/
/*carousel*/
/*----------------------------------------------------------------------------*/
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-carousel-wrapper {  }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-carousel-wrapper ul {  }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-carousel-wrapper ul li {  }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-carousel-wrapper ul li  {  }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-carousel-wrapper ul li .slideshow-video { width: 100% !important; }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-carousel-wrapper ul li .slideshow-youtube { width: 100% !important; }
/*----------------------------------------------------------------------------*/
/*arrows*/
/*----------------------------------------------------------------------------*/

/*-----null-----*/

/*----------------------------------------------------------------------------*/
/*tabs*/
/*----------------------------------------------------------------------------*/
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-tabs {  }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-tabs .tp-tab-mask {  }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper {  }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab { transition: transform .3s ease; }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content {  } /*tmp*/
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content .tp-tab-desc { display: block; } /*alt*/
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-inner .tp-tab-desc { display: block; } /*alt*/
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-image {  } /*img*/
/*hesperiden*/
.slideshow-slider .tp-tabs.hesperiden .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content .tp-tab-title { font-size: 14px; }
.slideshow-slider .tp-tabs.hesperiden .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content .tp-tab-desc { padding: 10px 0 0 0; font-size: 12px; }
.slideshow-slider .tp-tabs.hesperiden .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { transform: scale(1.015); }
.slideshow-slider .tp-tabs.hesperiden .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected { transform: scale(1.025); }
.slideshow-slider .tp-tabs.hesperiden .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected:hover { transform: scale(1.035); }
/*gyges*/
.slideshow-slider .tp-tabs.gyges .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content .tp-tab-title { font-size: 15px; }
.slideshow-slider .tp-tabs.gyges .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content .tp-tab-desc { padding: 10px 0 0 0; font-size: 12px; }
.slideshow-slider .tp-tabs.gyges .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { transform: scale(1.015); }
.slideshow-slider .tp-tabs.gyges .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected { transform: scale(1.025); }
.slideshow-slider .tp-tabs.gyges .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected:hover { transform: scale(1.035); }
/*hermes*/
.slideshow-slider .tp-tabs.hermes .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { transform: scale(1.015); }
.slideshow-slider .tp-tabs.hermes .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected { transform: scale(1.025); }
.slideshow-slider .tp-tabs.hermes .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected:hover { transform: scale(1.035); }
.slideshow-slider .tp-tabs.hermes .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-image { border-radius: 5px 5px 0 0; }
.slideshow-slider .tp-tabs.hermes .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content-wrapper .tp-tab-content { position: inherit; padding: 10px; text-align: center; }
.slideshow-slider .tp-tabs.hermes .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content-wrapper .tp-tab-content .tp-tab-title { font-weight: 500; }
.slideshow-slider .tp-tabs.hermes .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content-wrapper .tp-tab-content .tp-tab-title:after { display: none; }
.slideshow-slider .tp-tabs.hermes .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content-wrapper .tp-tab-content .tp-tab-desc { padding: 10px 0 0 0; }
/*zeus*/
.slideshow-slider .tp-tabs.zeus { padding: 0 !important; }
.slideshow-slider .tp-tabs.zeus .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab { padding: 10px; }
.slideshow-slider .tp-tabs.zeus .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { transform: translate(0px, -40px) }
.slideshow-slider .tp-tabs.zeus .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-title { display: block; padding: 5px 0 0 0; font-size: 14px; font-weight: 500; background: transparent !important; }
.slideshow-slider .tp-tabs.zeus .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-desc { display: block; padding: 25px 0 0 0; font-size: 16px; }
.slideshow-slider .tp-tabs.zeus .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected .tp-tab-title { color: rgba(55, 71, 79, .95); }
/*erinyen*/
.slideshow-slider .tp-tabs.erinyen { padding: 0 !important; }
.slideshow-slider .tp-tabs.erinyen .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab { padding: 10px; }
.slideshow-slider .tp-tabs.erinyen .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { transform: translate(0px, -40px) }
.slideshow-slider .tp-tabs.erinyen .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-title { display: block; padding: 5px 0 0 0; font-size: 14px; }
.slideshow-slider .tp-tabs.erinyen .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-desc { display: block; padding: 20px 0 0 0; font-size: 16px; }
.slideshow-slider .tp-tabs.erinyen .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected .tp-tab-title { color: rgba(55, 71, 79, .95); font-weight: 500; }
/*hades vertical*/
.slideshow-slider .tp-tabs.hades .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-inner { padding: 10px; }
.slideshow-slider .tp-tabs.hades .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-inner .tp-tab-title { font-weight: 500; }
.slideshow-slider .tp-tabs.hades .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-inner .tp-tab-desc { padding: 10px 0 0 0; line-height: 26px !important; font-size: 15px; }
.slideshow-slider .tp-tabs.hades .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { transform: scale(1.015); }
.slideshow-slider .tp-tabs.hades .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected { transform: scale(1.025); }
.slideshow-slider .tp-tabs.hades .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected:hover { transform: scale(1.035); }
/*hebe vertical*/
.slideshow-slider .tp-tabs.hebe .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab { padding: 10px; }
.slideshow-slider .tp-tabs.hebe .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-title { display: block; font-size: 13px; }
.slideshow-slider .tp-tabs.hebe .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-desc { display: block; padding: 10px 0 0 0; font-size: 16px; }
.slideshow-slider .tp-tabs.hebe .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { transform: scale(1.015); }
.slideshow-slider .tp-tabs.hebe .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected { transform: scale(1.025); }
.slideshow-slider .tp-tabs.hebe .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected:hover { transform: scale(1.035); }
/*ares vertical*/
.slideshow-slider .tp-tabs.ares .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content .tp-tab-title { font-size: 14px; }
.slideshow-slider .tp-tabs.ares .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-content .tp-tab-desc { padding: 10px 0 0 0; line-height: 16px; font-size: 12px; }
.slideshow-slider .tp-tabs.ares .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { transform: scale(1.015); }
.slideshow-slider .tp-tabs.ares .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected { transform: scale(1.025); }
.slideshow-slider .tp-tabs.ares .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected:hover { transform: scale(1.035); }
/*metis vertical + nums*/
.slideshow-slider .tp-tabs.metis { background: transparent !important; }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab { opacity: .25; }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { opacity: .5; }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected { opacity: .85; }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab:hover { transform: scale(1.015); }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected { transform: scale(1.025); }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected:hover { transform: scale(1.035); }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-wrapper .tp-tab-number { margin-right: 10px; }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-wrapper .tp-tab-divider { margin: 0; }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-wrapper .tp-tab-title-mask { left: 75px; }
.slideshow-slider .tp-tabs.metis .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-wrapper .tp-tab-title-mask .tp-tab-title { display: block; width: 230px; padding-top: 5px; padding-left: 10px; }
/*----------------------------------------------------------------------------*/
/*bullets*/
/*----------------------------------------------------------------------------*/
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-bullets { }
.slideshow_container .rev_slider_wrapper .rev_slider.slideshow-slider .tp-bullets .tp-bullet { transition: transform .3s ease; }
/*gyges*/
.slideshow-slider .tp-bullets.gyges:before { padding: 15px 15px 5px 15px; margin-top: -12px; margin-left: -15px; }
.slideshow-slider .tp-bullets.gyges .tp-bullet { padding: 6px; width: auto; height: auto; }
.slideshow-slider .tp-bullets.gyges .tp-bullet.selected { transform: scale(1.8); }
.slideshow-slider .tp-bullets.gyges .tp-bullet:hover { transform: scale(1.4); }
.slideshow-slider .tp-bullets.gyges .tp-bullet.selected:hover { transform: scale(1.6); }
/*hesperiden*/
.slideshow-slider .tp-bullets.hesperiden .tp-bullet { padding: 8px; width: auto; height: auto; }
.slideshow-slider .tp-bullets.hesperiden .tp-bullet.selected { transform: scale(1.25); }
.slideshow-slider .tp-bullets.hesperiden .tp-bullet:hover { transform: scale(1.125); }
.tp-bullets.hesperiden .tp-bullet.selected:hover { transform: scale(1.175); }
/*ares + tip + text*/
.slideshow-slider .tp-bullets.ares .tp-bullet { padding: 8px; width: auto; height: auto; }
.slideshow-slider .tp-bullets.ares .tp-bullet.selected { transform: scale(1.25); }
.slideshow-slider .tp-bullets.ares .tp-bullet:hover { transform: scale(1.125); }
.slideshow-slider .tp-bullets.ares .tp-bullet.selected:hover { transform: scale(1.175); }
.slideshow-slider .tp-bullets.ares .tp-bullet.selected .tp-bullet-title,
.slideshow-slider .tp-bullets.ares .tp-bullet .tp-bullet-title {
	top: -25px; left: 50%; right: 50%; margin-left: -75px; padding: 5px 10px; width: 150px; min-width: 80px; max-width: 150px; text-align: center; border-radius: 8px; overflow: visible;
	-webkit-transform: translatey(-20px); transform: translatey(-20px);
}
.slideshow-slider .tp-bullets.ares .tp-bullet.selected .tp-bullet-title em,
.slideshow-slider .tp-bullets.ares .tp-bullet .tp-bullet-title em { display: block; }
.slideshow-slider .tp-bullets.ares .tp-bullet.selected .tp-bullet-title:after,
.slideshow-slider .tp-bullets.ares .tp-bullet .tp-bullet-title:after { top: auto; bottom: -10px; left: 50%; right: 50%; margin-left: -10px; border-width: 10px 10px 0 10px; }
/*zeus + tip + img*/
.slideshow-slider .tp-bullets.zeus .tp-bullet.selected { transform: scale(1.25); }
.slideshow-slider .tp-bullets.zeus .tp-bullet:hover { transform: scale(1.125); }
.slideshow-slider .tp-bullets.zeus .tp-bullet.selected:hover { transform: scale(1.175); }
.slideshow-slider .tp-bullets.zeus .tp-bullet .tp-bullet-title { display: block; padding: 0 5px; width: 135px; font-weight: 500; }
/*uranus*/
.slideshow-slider .tp-bullets.uranus .tp-bullet { padding: 8px; width: auto; height: auto; }
.slideshow-slider .tp-bullets.uranus .tp-bullet.selected { transform: scale(1.25); }
.slideshow-slider .tp-bullets.uranus .tp-bullet:hover { transform: scale(1.125); }
.slideshow-slider .tp-bullets.uranus .tp-bullet.selected:hover { transform: scale(1.175); }
/*hebe*/
.slideshow-slider .tp-bullets.hebe .tp-bullet { padding: 8px; width: auto; height: auto; }
.slideshow-slider .tp-bullets.hebe .tp-bullet.selected { transform: scale(1.25); }
.slideshow-slider .tp-bullets.hebe .tp-bullet:hover { transform: scale(1.125); }
.slideshow-slider .tp-bullets.hebe .tp-bullet.selected:hover { transform: scale(1.175); }
.slideshow-slider .tp-bullets.hebe .tp-bullet .tp-bullet-image { top: -80px; left: -30px; }
.slideshow-slider .tp-bullets.hebe .tp-bullet:after { content: ''; position: absolute; top: 5px; left: 5px; padding: 3px; border-radius: 100%; }
.slideshow-slider .tp-bullets.hebe .tp-bullet:hover:after { top: 4px; left: 4px; padding: 4px; }
.slideshow-slider .tp-bullets.hebe .tp-bullet.selected:after { top: 2px; left: 2px; padding: 6px; }
/*persephone*/
.slideshow-slider .tp-bullets.persephone .tp-bullet { padding: 8px; width: auto; height: auto; }
.slideshow-slider .tp-bullets.persephone .tp-bullet.selected { transform: scale(1.25); }
.slideshow-slider .tp-bullets.persephone .tp-bullet:hover { transform: scale(1.125); }
.slideshow-slider .tp-bullets.persephone .tp-bullet.selected:hover { transform: scale(1.175); }
/*hades*/
.slideshow-slider .tp-bullets.hades .tp-bullet { padding: 8px; width: auto; height: auto; }
.slideshow-slider .tp-bullets.hades .tp-bullet.selected { transform: scale(1.25); }
.slideshow-slider .tp-bullets.hades .tp-bullet:hover { transform: scale(1.125); }
.slideshow-slider .tp-bullets.hades .tp-bullet.selected:hover { transform: scale(1.175); }
.slideshow-slider .tp-bullets.hades .tp-bullet:after { content: ''; position: absolute; top: 5px; left: 5px; padding: 3px; }
.slideshow-slider .tp-bullets.hades .tp-bullet:hover:after { top: 4px; left: 4px; padding: 4px; }
.slideshow-slider .tp-bullets.hades .tp-bullet.selected:after { top: 2px; left: 2px; padding: 6px; }
/*metis*/
.slideshow-slider .tp-bullets.metis .tp-bullet.selected { transform: scale(1.25); }
.slideshow-slider .tp-bullets.metis .tp-bullet:hover { transform: scale(1.125); }
.slideshow-slider .tp-bullets.metis .tp-bullet.selected:hover { transform: scale(1.175); }
.slideshow-slider .tp-bullets.metis .tp-bullet .tp-bullet-img-wrap .tp-bullet-image { position: absolute; top: 0; left: 0; width: 48px; height: 48px; }
.slideshow-slider .tp-bullets.metis .tp-bullet .tp-bullet-title { padding: 10px 20px; }
.slideshow-slider .tp-bullets.metis .tp-bullet .tp-bullet-title em { display: block; max-width: 150px; }
/*dione*/
.slideshow-slider .tp-bullets.dione .tp-bullet.selected { transform: scale(1.25); }
.slideshow-slider .tp-bullets.dione .tp-bullet:hover { transform: scale(1.125); }
.slideshow-slider .tp-bullets.dione .tp-bullet.selected:hover { transform: scale(1.175); }
.slideshow-slider .tp-bullets.dione .tp-bullet .tp-bullet-img-wrap .tp-bullet-image { position: absolute; top: 0; left: 0; width: 48px; height: 48px; }
.slideshow-slider .tp-bullets.dione .tp-bullet .tp-bullet-title { padding: 10px 20px; }
.slideshow-slider .tp-bullets.dione .tp-bullet .tp-bullet-title em { display: block; max-width: 150px; }

/*============================================================================*//*============================================================================*//*============================================================================*/
/* mod 層 */
/*============================================================================*//*============================================================================*//*============================================================================*/
article.modlayer.whatnews,
article.modlayer.room,
article.modlayer.article { margin: 0 auto; width: 100%; }
/*----------------------------------------------------------------------------*/
/*mosaic*/
/*----------------------------------------------------------------------------*/
.modlayer_container.mosaic { margin-bottom: 0 !important; }
.modlayer_container.mosaic .modlayer_wrapper { z-index: 1; overflow: hidden; min-height: 120px;
	position: relative;
	
	background-repeat: no-repeat; background-position: center center; /*background-attachment: fixed;*/
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.modlayer_container.mosaic .modlayer_wrapper a {  }
/*----------------------------------------------------------------------------*/
.modlayer_container.mosaic .modlayer_wrapper a .ml_mask { z-index: -1; display: inline-block; position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; max-width: 1920px; height: 100%; }
/*----------------------------------------------------------------------------*/
.modlayer_container.mosaic .modlayer_wrapper .ml_prices { z-index: -1; display: inline-block; position: absolute; bottom: 15px; right: 15px; }
.modlayer_container.mosaic .modlayer_wrapper .ml_prices strong { font-family: 'Tangerine'; }
.modlayer_container.mosaic .modlayer_wrapper .ml_prices strong.price {  }
.modlayer_container.mosaic .modlayer_wrapper .ml_prices strong.price i {  }
.modlayer_container.mosaic .modlayer_wrapper .ml_prices strong.pmark {  }
/*----------------------------------------------------------------------------*/
/*mark*/
.modlayer_container.mosaic .modlayer_wrapper a .ml_mark { z-index: 1; display: inline-block; position: absolute; margin: 0 auto;  }

.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.lefttop { top: 0; left: 0; }
.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.centertop { top: 0; left: 50%; margin-left: -50px; }
.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.righttop { top: 0; right: 0; }

.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.leftcenter { top: 50%; left: 0; margin-top: -50px; }
.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.centercenter { top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;}
.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.rightcenter { top: 50%; right: 0; margin-top: -50px; }

.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.leftbottom { bottom: -2px; left: 0; }
.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.centerbottom { bottom: -2px; left: 50%; margin-left: -50px; }
.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.rightbottom { bottom: -2px; right: 0; }

.modlayer_container.mosaic .modlayer_wrapper a .ml_mark.isnone { opacity: 0; filter: alpha(opacity=0); }

@media screen and (min-width: 1px) and (max-width: 1023px) {
	.modlayer_container.mosaic .modlayer_wrapper a .ml_mark { display: none; }
}

/*----------------------------------------------------------------------------*/
.modlayer_container.mosaic .modlayer_wrapper a .ml_contents { display: inline-block; position: absolute; width: 100%; height: 100%; }

.modlayer_container.mosaic .modlayer_wrapper a .ml_contents .title {  }
.modlayer_container.mosaic .modlayer_wrapper a .ml_contents .subtitle {  }

.modlayer_container.mosaic .modlayer_wrapper a .ml_contents .title.nosubtit,
.modlayer_container.mosaic .modlayer_wrapper a .ml_contents .title.hassubtit,
.modlayer_container.mosaic .modlayer_wrapper a .ml_contents .subtitle { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }

.modlayer_container.mosaic .modlayer_wrapper a .ml_contents .title strong,
.modlayer_container.mosaic .modlayer_wrapper a .ml_contents .subtitle strong { display: block; padding: 0 20px; }

.modlayer_container.mosaic .modlayer_wrapper a .ml_contents .title.hassubtit strong { margin: 0 0 50px 0; }
.modlayer_container.mosaic .modlayer_wrapper a .ml_contents .subtitle strong { margin: 50px 0 0 0; }


.modlayer_container.mosaic .modlayer_wrapper a .ml_article {
	display: inline-block; position: absolute; left: 0; right: 0; width: 100%; height: 100%;
	-webkit-transition: top .5s ease-in-out, bottom .5s ease-in-out; transition: top .5s ease-in-out, bottom .5s ease-in-out;
}
.modlayer_container.mosaic .modlayer_wrapper a:hover .ml_article {  }

.modlayer_container.mosaic .modlayer_wrapper:nth-child(odd) a .ml_article { bottom: -100%; }
.modlayer_container.mosaic .modlayer_wrapper:nth-child(odd) a:hover .ml_article { bottom: 0; }

.modlayer_container.mosaic .modlayer_wrapper:nth-child(even) a .ml_article { top: -100%; }
.modlayer_container.mosaic .modlayer_wrapper:nth-child(even) a:hover .ml_article { top: 0; }

.modlayer_container.mosaic .modlayer_wrapper a .ml_article .description { position: relative; top: 50%; padding: 20px; transform:translateY(-50%); }
.modlayer_container.mosaic .modlayer_wrapper a .ml_article .description strong {
	line-height: 26px; font-size: 20px; text-align: justify; text-align: center;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
/*----------------------------------------------------------------------------*/
/*cubeportfolio*/
/*----------------------------------------------------------------------------*/
.modlayer_container.cbp { margin: 0 0 30px 0; } /*修復 pagination bootm -30px*/
.modlayer_container.cbp .cbp-wrapper-outer { /*overflow: visible;*/ }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper {  }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item { -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item:hover { -webkit-transform: scale(1.01); transform: scale(1.01); }

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper {  }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper a {  }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper a.cbp-caption {  }
/*img*/
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img.cbp-caption-defaultWrap {  }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img { position: relative; overflow: hidden; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img img {
	width: 100%; height: 100%; /*max-height: 380px;*/
	/*border-radius: 5px;*/
	background-repeat: no-repeat; background-position: center center; /*background-attachment: fixed;*/
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
/*mark*/
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark { z-index: 1; display: inline-block; position: absolute; margin: 0 auto; }

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.lefttop { top: 0; left: 0; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.centertop { top: 0; left: 50%; margin-left: -50px; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.righttop { top: 0; right: 0; }

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.leftcenter { top: 50%; left: 0; margin-top: -50px; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.centercenter { top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;}
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.rightcenter { top: 50%; right: 0; margin-top: -50px; }

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.leftbottom { bottom: 0; left: 0; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.centerbottom { bottom: 0; left: 50%; margin-left: -50px; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.rightbottom { bottom: 0; right: 0; }

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img .wn_mark.isnone { opacity: 0; filter: alpha(opacity=0); }
/*title*/
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap { /*border-radius: 5px;*/ }

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter {
	display: flex; flex-direction: column; justify-content: center; align-content: center;
}

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body {

}

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbpmd-title { margin: 10px 20px; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbpmd-title.ismob { margin: 10px; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbpmd-title strong {  }

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbpmd-subtitle { margin: 10px 20px; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbpmd-subtitle.ismob { margin: 10px; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbpmd-subtitle strong {  }

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbpmd-title strong,
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-activeWrap .cbpmd-subtitle strong { display: block; width: 100%; }
/*caption option*/
.modlayer_container.cbp-caption-fadeIn .cbp-caption-activeWrap .cbpmd-title,
.modlayer_container.cbp-caption-fadeIn .cbp-caption-activeWrap .cbpmd-subtitle {  }

/*date*/
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-price,
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-date {
	z-index: 1; display: inline-block; position: absolute; bottom: 0; right: 20px; width: 100%; text-align: right;
}

/*價格起*/
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-price strong span.pmark { font-size: 14px; }


.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-price strong,
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-date strong {
	display: inline-block; position: absolute; bottom: 15px; right: 15px;
	font-family: 'Tangerine'; font-style: italic; font-size: 26px; letter-spacing: 1px;
}
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-price strong:before,
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-date strong:before {
	display: inline-block; padding: 10px 5px 0 0; font-family: 'Font Awesome 5 Pro'; font-style: normal;
	/*transform: translateY(-10px);*/
}

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-price strong:before { content: "\f2e8"; font-size: 14px; }
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-date strong:before { content: "\f017"; font-size: 14px; }

.modlayer_container.cbp .cbp-nav {  }

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-price.cbp-effect-default,
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-date.cbp-effect-default { top: 10px; right: 10px; bottom: auto; } /*預設 標題在下*/

.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-price.cbp-effect-default strong,
.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbpmd-date.cbp-effect-default strong { top: 0; right: 10px; bottom: auto; } /*預設 標題在下*/




/*nav*/
.modlayer_container.cbp .cbp-nav .cbp-nav-controls {  }
.modlayer_container.cbp .cbp-nav .cbp-nav-controls .cbp-nav-prev,
.modlayer_container.cbp .cbp-nav .cbp-nav-controls .cbp-nav-next { width: 25px; height: 25px; }
.modlayer_container.cbp .cbp-nav .cbp-nav-controls .cbp-nav-prev:after,
.modlayer_container.cbp .cbp-nav .cbp-nav-controls .cbp-nav-next:after { top: -6px; font-family: 'Font Awesome 5 Pro'; font-size: 16px; background: none; }
.modlayer_container.cbp .cbp-nav .cbp-nav-controls .cbp-nav-prev:after { content: "\f104"; }
.modlayer_container.cbp .cbp-nav .cbp-nav-controls .cbp-nav-next:after { content: "\f105"; }

/*pagination*/
.modlayer_container.cbp .cbp-nav .cbp-nav-pagination { /*bottom: -40px;*/ }
.modlayer_container.cbp .cbp-nav .cbp-nav-pagination .cbp-nav-pagination-item { margin: 0 5px; width: 12px; height: 12px; }
.modlayer_container.cbp .cbp-nav .cbp-nav-pagination .cbp-nav-pagination-item.cbp-nav-pagination-active {  } /*active*/

/*----------------------------------------------------------------------------*/
/*mark hover ant*/
.modlayer_container a:hover .wn_mark img { transform: translate(0px, 0px); -webkit-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; }
.modlayer_container a:hover .wn_mark.lefttop img,
.modlayer_container a:hover .wn_mark.leftcenter img,
.modlayer_container a:hover .wn_mark.leftbottom img { transform: translate(-100px, 0px); }

.modlayer_container a:hover .wn_mark.righttop img,
.modlayer_container a:hover .wn_mark.rightcenter img,
.modlayer_container a:hover .wn_mark.rightbottom img { transform: translate(100px, 0px); }

.modlayer_container a:hover .wn_mark.centertop img { transform: translate(0px, -100px); }
.modlayer_container a:hover .wn_mark.centerbottom img { transform: translate(0px, 100px); }

@media screen and (min-width: 1px) and (max-width: 1279px) {
	.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-img img { border-radius: 0px; }
	.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-title,
	.modlayer_container.cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbpmd-subtitle { text-align: center; }
}

/*----------------------------------------------------------------------------*/
/*timeline*/
/*----------------------------------------------------------------------------*/
.modlayer_container.timeline {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}
.modlayer_container.timeline .swiper-container { position: relative; width: 100%; height: 500px; }
.modlayer_container.room.timeline .swiper-container { height: 800px; }

@media screen and (min-width: 1281px) and (max-width: 1680px) {
	.modlayer_container.timeline .swiper-container { height: 450px; }
	.modlayer_container.room.timeline .swiper-container { height: 750px; }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.modlayer_container.timeline .swiper-container { height: 400px; }
	.modlayer_container.room.timeline .swiper-container { height: 600px; }
}
@media screen and (min-width: 861px) and (max-width: 1024px) {
	.modlayer_container.timeline .swiper-container { height: 350px; }
	.modlayer_container.room.timeline .swiper-container { height: 500px; }
}
@media screen and (min-width: 641px) and (max-width: 860px) {
	.modlayer_container.timeline .swiper-container { height: 320px; }
	.modlayer_container.room.timeline .swiper-container { height: 400px; }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
	.modlayer_container.timeline .swiper-container { height: 300px; }
	.modlayer_container.room.timeline .swiper-container { height: 350px; }
}
@media screen and (min-width: 1px) and (max-width: 480px) {
	.modlayer_container.timeline .swiper-container { height: 240px; }
	.modlayer_container.room.timeline .swiper-container { height: 250px; }
}


.modlayer_container.timeline .swiper-wrapper {
	-webkit-transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
	transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.modlayer_container.timeline .swiper-slide { position: relative; overflow: hidden; }

.modlayer_container.timeline .swiper-slide:after { /*導航 底 遮罩*/
	content: "";
	z-index: 1; position: absolute; bottom: -10%; width: auto; height: 50%;
	border-radius: 100%;
}
.modlayer_container.timeline.isright .swiper-slide:after { right: -60%; }
.modlayer_container.timeline.isleft .swiper-slide:after { left: -30%; }

/*price / date*/
.modlayer_container.timeline.isleft .swiper-slide .datePublished { display: inline-block; position: absolute; top: 20px; right: 25px; }
.modlayer_container.timeline.isright .swiper-slide .datePublished { display: inline-block; position: absolute; top: 20px; left: 25px; }
.modlayer_container.timeline .swiper-slide .datePublished strong {
	font-family: 'Tangerine'; font-style: italic; font-size: 32px; letter-spacing: 1px;
}
.modlayer_container.timeline .swiper-slide .datePublished strong.price { font-size: 30px; }
.modlayer_container.timeline .swiper-slide .datePublished strong.price i { font-size: 14px; }
.modlayer_container.timeline .swiper-slide .datePublished strong.price span {  }
.modlayer_container.timeline .swiper-slide .datePublished strong.price span.pricemark { font-size: 14px; }


/*mark*/
.modlayer_container.timeline .swiper-slide-mark { z-index: 2; display: inline-block; position: absolute; margin: 0 auto;  }

.modlayer_container.timeline .swiper-slide-mark.lefttop { top: 0; left: 0; }
.modlayer_container.timeline .swiper-slide-mark.centertop { top: 0; left: 50%; margin-left: -50px; }
.modlayer_container.timeline .swiper-slide-mark.righttop { top: 0; right: 0; }

.modlayer_container.timeline .swiper-slide-mark.leftcenter { top: 50%; left: 0; margin-top: -50px; }
.modlayer_container.timeline .swiper-slide-mark.centercenter { top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;}
.modlayer_container.timeline .swiper-slide-mark.rightcenter { top: 50%; right: 0; margin-top: -50px; }

.modlayer_container.timeline .swiper-slide-mark.leftbottom { bottom: -2px; left: 0; }
.modlayer_container.timeline .swiper-slide-mark.centerbottom { bottom: -2px; left: 50%; margin-left: -50px; }
.modlayer_container.timeline .swiper-slide-mark.rightbottom { bottom: -2px; right: 0; }

.modlayer_container.timeline .swiper-slide-mark.isnone { opacity: 0; filter: alpha(opacity=0); }
/*mask*/
.modlayer_container.timeline .swiper-slide-mask { z-index: -1; display: inline-block; position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; max-width: 1920px; height: 100%; }
/*bg*/
.modlayer_container.timeline .swiper-slide-bg { z-index: -2; position: absolute; top: 0; left: 0; margin: auto; width: 100%; max-width: 1920px; height: 100%; }
.modlayer_container.timeline .swiper-slide-bg img {
	width: 100%; height: 100%; object-fit: fill;
	background-repeat: no-repeat; background-position: center center; background-attachment: fixed;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
/*content*/
.modlayer_container.timeline .swiper-slide-content {
	z-index: 3; position: absolute; top: 13%; right: 50%; width: 80%; max-width: 80%; text-align: center;
	-webkit-transform: translate(50%, 0); transform: translate(50%, 0);
}
/*date*/
.modlayer_container.timeline .swiper-slide .date {
	display: inline-block; margin-bottom: 50px; text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(20px, 5px, 0); transform: translate3d(20px, 5px, 0);
	-webkit-transition: .1s ease .3s; transition: .1s ease .3s;
}
.modlayer_container.timeline .swiper-slide-active .date { opacity: 1;
	-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);
	-webkit-transition: .3s ease 1s; transition: .3s ease 1s;
}
/*title*/
.modlayer_container.timeline .swiper-slide .title { opacity: 0;
	-webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);
	-webkit-transition: .2s ease .4s; transition: .2s ease .4s;
}
.modlayer_container.timeline .swiper-slide .title strong { display: block !important; font-size: 50px; }
.modlayer_container.timeline .swiper-slide-active .title { opacity: 1;
	-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
	-webkit-transition: .4s ease 1.6s; transition: .4s ease 1.6s;
}
/*subtitle*/
.modlayer_container.timeline .swiper-slide .subtitle { opacity: 0;
	-webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);
	-webkit-transition: .2s ease .5s; transition: .2s ease .5s;
}
.modlayer_container.timeline .swiper-slide .subtitle strong { display: block !important; font-size: 42px; }
.modlayer_container.timeline .swiper-slide-active .subtitle { opacity: 1;
	-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
	-webkit-transition: .4s ease 1.7s; transition: .4s ease 1.7s;
}
/*text*/
.modlayer_container.timeline .swiper-slide .tl-con {
	line-height: 26px; opacity: 0; overflow: hidden;
	-webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);
	-webkit-transition: .2s ease .6s; transition: .2s ease .6s;
}
.modlayer_container.timeline .swiper-slide .tl-con strong { font-size: ; }
.modlayer_container.timeline .swiper-slide-active .tl-con { opacity: 1;
  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  -webkit-transition: .4s ease 1.8s; transition: .4s ease 1.8s;
}
/*link icon*/
.modlayer_container.timeline .swiper-slide .tl-link { z-index: 4; position: absolute; bottom: 20px; }
.modlayer_container.timeline.isleft .swiper-slide .tl-link { right: 20px; } /*日期左*/
.modlayer_container.timeline.isright .swiper-slide .tl-link { left: 20px; } /*日期右*/
.modlayer_container.timeline .swiper-slide .tl-link a strong i { font-size: 42px; }
.modlayer_container.timeline .swiper-slide .tl-link {
	opacity: 0; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);
	-webkit-transition: -webkit-transform 1s linear, opacity 3.5s ease-in-out; transition: transform 1s linear, opacity 3.5s ease-in-out;
}
.modlayer_container.timeline.isleft .swiper-slide.swiper-slide-active .tl-link {
	opacity: 1; -webkit-transform: rotateZ(3600deg); transform: rotateZ(3600deg);
}
.modlayer_container.timeline.isright .swiper-slide.swiper-slide-active .tl-link {
	opacity: 1; -webkit-transform: rotateZ(3690deg); transform: rotateZ(3690deg);
}
.modlayer_container.timeline .swiper-slide .tl-link:hover {
	-webkit-animation: .2s .1s normal linear infinite jellen-spin-0-360; animation: .2s .1s normal linear infinite jellen-spin-0-360;
}
/*pagination*/
.modlayer_container.timeline .swiper-pagination { /*分頁 導航*/
	z-index: 1; display: none; width: 300px; height: 100%; font-size: 18px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
}
.modlayer_container.timeline.isleft .swiper-pagination { left: 0 !important; }
.modlayer_container.timeline.isright .swiper-pagination { right: 0 !important; }
/*線*/
.modlayer_container.timeline .swiper-pagination::before { content: ""; position: absolute; top: 0; width: 1px; height: 100%; }
.modlayer_container.timeline.isleft .swiper-pagination::before { left: 300px; }
.modlayer_container.timeline.isright .swiper-pagination::before { right: 300px; }
/*bullet*/
.modlayer_container.timeline .swiper-pagination-bullet {
	position: relative; margin: 15px 0 !important; width: 300px; height: auto;
	border-radius: 0;
	opacity: 1;
	background: transparent;
	-webkit-transition: transform .3s; transition: transform .3s;
}
.modlayer_container.timeline.isleft .swiper-pagination-bullet { padding-left: 150px; text-align: left; }
.modlayer_container.timeline.isright .swiper-pagination-bullet { padding-right: 150px; text-align: right; }

.modlayer_container.timeline.isleft .swiper-pagination-bullet.condition-name { padding: 0 20px 0 30px; text-align: right; } /*觸發在左*/
.modlayer_container.timeline.isright .swiper-pagination-bullet.condition-name { padding: 0 30px 0 20px; text-align: left; } /*觸發在右*/



.modlayer_container.timeline .swiper-pagination-bullet:hover { transform: scale(1.03); }
.modlayer_container.timeline .swiper-pagination-bullet-active:hover { transform: scale(1.05); }
.modlayer_container.timeline .swiper-pagination-bullet-active { transform: scale(1.05); }

.modlayer_container.timeline .swiper-container .swiper-pagination .swiper-pagination-bullet:before { /*dot*/
	content: "";
	position: absolute; top: 5px; width: 7px; height: 7px;
	border-radius: 100%;
	-webkit-transform: scale(0); transform: scale(0);
	-webkit-transition: .2s; transition: .2s;
}
/* ---‧    ‧---
.modlayer_container.timeline .swiper-container .swiper-pagination .swiper-pagination-bullet-active:after {
	content: "";
	position: absolute; width: 70px; height: 1px;
	background-color: rgba(255, 179, 0, .85);
	-webkit-transform: scale(0.5); transform: scale(0.5);
	-webkit-transition: .2s; transition: .2s;
}
.modlayer_container.timeline.isleft .swiper-container .swiper-pagination .swiper-pagination-bullet-active:after { top: 8px; right: -10px; }
.modlayer_container.timeline.isright .swiper-container .swiper-pagination .swiper-pagination-bullet-active:after { top: 8px; left: -10px; }
*/
.modlayer_container.timeline.isleft .swiper-container .swiper-pagination .swiper-pagination-bullet:before { left: 290px; }
.modlayer_container.timeline.isright .swiper-container .swiper-pagination .swiper-pagination-bullet:before { right: 290px; }
.swiper-pagination-bullet-active:before { -webkit-transform: scale(1) !important; transform: scale(1) !important; }

/*prev next*/
.modlayer_container.timeline .swiper-button-prev,
.modlayer_container.timeline .swiper-button-next {
	z-index: 2; top: 15%; margin-top: 0; width: 20px; height: 20px;
	background-size: 20px 20px;
	-webkit-transition: .2s; transition: .2s;
}
.modlayer_container.timeline .swiper-button-prev:before,
.modlayer_container.timeline .swiper-button-next:before { font-family: 'Font Awesome 5 Pro'; font-size: 30px; }
.modlayer_container.timeline .swiper-button-prev:before { content: "\f104"; } /* < */
.modlayer_container.timeline .swiper-button-next:before { content: "\f105"; } /* > */
.modlayer_container.timeline .swiper-button-prev { left: 8%; background-image: none; }
.modlayer_container.timeline .swiper-button-next { right: 8%; background-image: none; }

/*swiper fix*/
.modlayer_container.timeline .swiper-button-prev:after { content: ""; } /* < */
.modlayer_container.timeline .swiper-button-next:after { content: ""; } /* > */

@media screen and (min-width: 1280px) and (max-width: 999999px) {
	.modlayer_container.timeline.isright .swiper-slide-content {
		top: 50%; right: 30%; width: calc(100% - 50%); text-align: right;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.modlayer_container.timeline.isleft .swiper-slide-content {
		top: 50%; left: 30%; width: calc(100% - 50%); text-align: left;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.modlayer_container.timeline .swiper-slide .date { display: none; }
	.modlayer_container.timeline .swiper-slide .title { margin-bottom: 35px; font-size: 32px; }
	.modlayer_container.timeline .swiper-slide .subtitle { margin-bottom: 20px; font-size: 46px; }
	.modlayer_container.timeline .swiper-slide .tl-con { max-height: 300px; }
	
	.modlayer_container.timeline .swiper-pagination { display: -webkit-box; display: flex; } /*分頁 導航 水平*/
	/*is right*/
	.modlayer_container.timeline.isright .swiper-button-prev { top: 5%; left: auto; right: 190px; } /*上*/
	.modlayer_container.timeline.isleft .swiper-button-prev { top: 5%; left: auto; left: 190px; } /*上*/
	.modlayer_container.timeline .swiper-button-prev:before { content: "\f106"; }
	.modlayer_container.timeline .swiper-button-prev:hover { -webkit-animation: 1s .1s normal ease infinite jellen-y-y0-y3; animation: 1s .1s normal ease infinite jellen-y-y0-y3; }
	.modlayer_container.timeline.isright .swiper-button-next { top: auto; bottom: 5%; right: 190px; } /*下*/
	.modlayer_container.timeline.isleft .swiper-button-next { top: auto; bottom: 5%; left: 190px; } /*下*/
	.modlayer_container.timeline .swiper-button-next:before { content: "\f107"; }
	.modlayer_container.timeline .swiper-button-next:hover { -webkit-transform: 1s .1s normal ease infinite jellen-y-y0-y3-rev; animation: 1s .1s normal ease infinite jellen-y-y0-y3-rev; }
}
@media screen and (min-width: 1px) and (max-width: 1279px) {
	.modlayer_container.timeline .swiper-slide:after { top: -10%; width: auto; height: 50%; } /*導航 底 遮罩*/
	
	.modlayer_container.timeline .swiper-slide .date strong { font-size: 30px; }
	.modlayer_container.timeline .swiper-slide .date strong.condition-name { display: block; width: 200px; }
	
	.modlayer_container.timeline .swiper-slide .title { margin-bottom: 35px; }
	.modlayer_container.timeline .swiper-slide .subtitle { margin-bottom: 20px; }
	.modlayer_container.timeline .swiper-slide .tl-con { max-height: 210px; }
	
	.modlayer_container.timeline .swiper-slide .tl-link a strong i { font-size: 32px; }
	.modlayer_container.timeline.isright .swiper-slide .tl-link { left: auto; right: 20px; } /*日期右*/
	
	.modlayer_container.timeline .swiper-slide::after { right: 0; bottom: 0; width: 0; height: 0; box-shadow: none; } /*導航 底 遮罩*/
	.modlayer_container.timeline.isright .swiper-slide:after { box-shadow: none; }
	.modlayer_container.timeline.isleft .swiper-slide:after { box-shadow: none; }
	.modlayer_container.timeline .swiper-button-prev:hover { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
	.modlayer_container.timeline .swiper-button-next:hover { -webkit-transform: translateX(3px); transform: translateX(3px); }
}
@media screen and (min-width: 1px) and (max-width: 480px) {
	.modlayer_container.timeline .swiper-slide-mark { display: none; }
}
/*----------------------------------------------------------------------------*/
/*preset 圖文 */
/*圖左文右（奇數） / 圖右文左（偶數）*/
/*圖左文右（奇偶數）*/
/*圖右文左（奇偶數）*/
/*----------------------------------------------------------------------------*/

.modlayer.preset {  }

.modlayer_container.preset {  }

.modlayer_container.preset .modlayer_wrapper { margin: 20px; }

.modlayer_container.preset .modlayer_wrapper .preset_group { display: flex; width: 100%; justify-content: space-between; /*align-items: flex-start;*/ } /*foreach*/

.modlayer_container.preset .modlayer_wrapper .preset_group:last-child { margin-bottom: 0 !important; }

/*左右*/
.modlayer_container.preset .modlayer_wrapper .preset_group.mdlr:nth-child(odd) { flex-wrap: wrap; flex-direction: row; } /*奇數*/
.modlayer_container.preset .modlayer_wrapper .preset_group.mdlr:nth-child(even) { flex-wrap: wrap-reverse; flex-direction: row-reverse; } /*偶數*/
/*全左*/
.modlayer_container.preset .modlayer_wrapper .preset_group.mdol:nth-child(odd) { flex-wrap: wrap; flex-direction: row; } /*奇數*/
.modlayer_container.preset .modlayer_wrapper .preset_group.mdol:nth-child(even) { flex-wrap: wrap; flex-direction: row; } /*偶數*/
/*全右*/
.modlayer_container.preset .modlayer_wrapper .preset_group.mdor:nth-child(odd) { flex-wrap: wrap-reverse; flex-direction: row-reverse; } /*奇數*/
.modlayer_container.preset .modlayer_wrapper .preset_group.mdor:nth-child(even) { flex-wrap: wrap-reverse; flex-direction: row-reverse; } /*偶數*/



.modlayer_container.preset .modlayer_wrapper .preset_group .image { z-index: 2; width: calc(100% / 2 - 1px * 10); object-fit:cover; }

.modlayer_container.preset .modlayer_wrapper .preset_group .image a { display: inline-block; position: relative; padding: 10px; width: 100%; overflow: hidden; }



.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark { z-index: 1; display: inline-block; position: absolute; margin: 0 auto; padding: 10px; }

.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.lefttop { top: 0; left: 0; }
.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.centertop { top: 0; left: 50%; margin-left: -50px; }
.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.righttop { top: 0; right: 0; }

.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.leftcenter { top: 50%; left: 0; margin-top: -50px; }
.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.centercenter { top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;}
.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.rightcenter { top: 50%; right: 0; margin-top: -50px; }

.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.leftbottom { bottom: 0; left: 0; }
.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.centerbottom { bottom: 0; left: 50%; margin-left: -50px; }
.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.rightbottom { bottom: 0; right: 0; }

.modlayer_container.preset .modlayer_wrapper .preset_group .image a .is_mark.isnone { opacity: 0; filter: alpha(opacity=0); }



/*mark hover ant*/
.modlayer_container.preset .modlayer_wrapper .preset_group:hover .image a .is_mark img { transform: translate(0px, 0px); -webkit-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; }
.modlayer_container.preset .modlayer_wrapper .preset_group:hover .image a .is_mark.lefttop img,
.modlayer_container.preset .modlayer_wrapper .preset_group:hover .image a .is_mark.leftcenter img,
.modlayer_container.preset .modlayer_wrapper .preset_group:hover .image a .is_mark.leftbottom img { transform: translate(-200px, 0px); }

.modlayer_container.preset .modlayer_wrapper .preset_group:hover .image a .is_mark.righttop img,
.modlayer_container.preset .modlayer_wrapper .preset_group:hover .image a .is_mark.rightcenter img,
.modlayer_container.preset .modlayer_wrapper .preset_group:hover .image a .is_mark.rightbottom img { transform: translate(200px, 0px); }

.modlayer_container.preset .modlayer_wrapper .preset_group:hover .image a .is_mark.centertop img { transform: translate(0px, -200px); }
.modlayer_container.preset .modlayer_wrapper .preset_group:hover .image a .is_mark.centerbottom img { transform: translate(0px, 200px); }


/*圖*/
.modlayer_container.preset .modlayer_wrapper .preset_group .image img.pic {
	display: inline-block; width: 100%;
	border-width: 10px;
	border-style: solid;
	border-radius: 3px;
}

/*文*/
.modlayer_container.preset .modlayer_wrapper .preset_group .contents { padding: 10px; width: calc(100% / 2 - 1px * 10); }

.modlayer_container.preset .modlayer_wrapper .preset_group .contents .cstart {
	padding: 20px 10px 10px 10px ;
	border-width: 10px;
	border-style: solid;
	border-radius: 3px;
}

.modlayer_container.preset .modlayer_wrapper .preset_group .contents .title { padding: 0 10px 10px 10px; }
.modlayer_container.preset .modlayer_wrapper .preset_group .contents .title a {  }


.modlayer_container.preset .modlayer_wrapper .preset_group .contents .subtitle { padding: 0 10px 10px 10px; }
.modlayer_container.preset .modlayer_wrapper .preset_group .contents .subtitle a {  }


.modlayer_container.preset .modlayer_wrapper .preset_group .contents .pubdate { padding: 0 10px 10px 10px; }
.modlayer_container.preset .modlayer_wrapper .preset_group .contents .pubdate strong {
	display: block; text-align: right;
	font-family: 'Tangerine'; font-style: italic; font-size: 26px; letter-spacing: 1px;
}
/*room price*/
.modlayer_container.preset .modlayer_wrapper .preset_group .contents .pubdate strong.roomprice { font-size: 32px; }
.modlayer_container.preset .modlayer_wrapper .preset_group .contents .pubdate strong span.pmark { font-size: 16px; }

.modlayer_container.preset .modlayer_wrapper .preset_group .contents .description { padding: 15px 10px; /*border-top: solid 1px rgba(255, 160, 0, .35);*/ overflow-y: auto; }

/*標題底線*/
.modlayer_container.preset .modlayer_wrapper .preset_group .contents .cstart .title-line { display: inline-block; padding: 0px 10px 10px 0px; width: 100%; border-style: solid; border-top-width: 1px; }
/*副標題底線*/
.modlayer_container.preset .modlayer_wrapper .preset_group .contents .cstart .subtitle-line { display: inline-block; padding: 0px 10px 10px 0px; width: 100%; border-style: solid; border-top-width: 1px; }
/*發佈日期頂線*/
.modlayer_container.preset .modlayer_wrapper .preset_group .contents .cstart .pubdate-line { display: inline-block; /*padding: 0px 10px 10px 0px;*/ width: 100%; border-style: solid; border-top-width: 1px; }


@media screen and (min-width: 1px) and (max-width: 1279px) {
	.modlayer_container.preset .modlayer_wrapper { margin: 20px 0; }
	.modlayer_container.preset .modlayer_wrapper .preset_group { display: inline-block; width: 100%; } /*foreach*/
	.modlayer_container.preset .modlayer_wrapper .preset_group .image,
	.modlayer_container.preset .modlayer_wrapper .preset_group .contents { width: 100%; padding: 15px; }
	.modlayer_container.preset .modlayer_wrapper .preset_group .contents { margin: 15px 0 0 0; }
}
@media screen and (min-width: 1px) and (max-width: 479px) {
	.modlayer_container.preset .modlayer_wrapper { margin: 20px 0; }
	.modlayer_container.preset .modlayer_wrapper .preset_group .image,
	.modlayer_container.preset .modlayer_wrapper .preset_group .contents { padding: 10px; }
}
@media screen and (min-width: 1px) and (max-width: 1023px) {
	.modlayer_container.preset .modlayer_wrapper .preset_group .image .is_mark { display: none; }
}






/*============================================================================*/
/* TAG 層 */
/*----------------------------------------------------------------------------*/
section#jTagCheckSection { margin: 0 auto; }
.tagc-container { display: inline-block; position: relative; margin: 10px 0; width: 100%; }
.tagc-container .tagc-wrapper { display: inline-block; width: 100%; margin: 15px; }
.tagc-container .tagc-wrapper ul {  }
.tagc-container .tagc-wrapper ul li { display: inline-block; margin: 10px 15px; }
/*.tagc-container .tagc-wrapper ul li:first-child { margin: 10px 15px 10px 30px; }*/

.tagc-container .tagc-wrapper ul.hv-flash > li:hover { -webkit-animation: flash 500ms; animation: flash 500ms; }
.tagc-container .tagc-wrapper ul.hv-pulse > li:hover { -webkit-animation: pulse 500ms; animation: pulse 500ms; }
.tagc-container .tagc-wrapper ul.hv-rubberBand > li:hover { -webkit-animation: rubberBand 500ms; animation: rubberBand 500ms; }
.tagc-container .tagc-wrapper ul.hv-headShake > li:hover { -webkit-animation: headShake 500ms; animation: headShake 500ms; }
.tagc-container .tagc-wrapper ul.hv-swing > li:hover { -webkit-animation: swing 500ms; animation: swing 500ms; }
.tagc-container .tagc-wrapper ul.hv-tada > li:hover { -webkit-animation: tada 500ms; animation: tada 500ms; }
.tagc-container .tagc-wrapper ul.hv-wobble > li:hover { -webkit-animation: wobble 500ms; animation: wobble 500ms; }
.tagc-container .tagc-wrapper ul.hv-jello > li:hover { -webkit-animation: jello 500ms; animation: jello 500ms; }
.tagc-container .tagc-wrapper ul.hv-heartBeat > li:hover { -webkit-animation: heartBeat 500ms; animation: heartBeat 500ms; }
.tagc-container .tagc-wrapper ul.hv-bounceIn > li:hover { -webkit-animation: bounceIn 500ms; animation: bounceIn 500ms; }
.tagc-container .tagc-wrapper ul.hv-fadeIn > li:hover { -webkit-animation: fadeIn 500ms; animation: fadeIn 500ms; }
.tagc-container .tagc-wrapper ul.hv-rotateIn > li:hover { -webkit-animation: rotateIn 500ms; animation: rotateIn 500ms; }


.tagc-container .tagc-wrapper ul li mark { /*overflow: hidden;*/ }

.tagc-container .tagc-wrapper.style-tg ul li mark,
.tagc-container .tagc-wrapper.style-tg ul li mark:before,
.tagc-container .tagc-wrapper.style-tg ul li mark:after { background-clip: padding-box; }

.tagc-container .tagc-wrapper.style-tg ul li mark {
	z-index: 2; float: left; display: block; position: relative; padding: 15px 10px; line-height: 1;
	border-width: 1px 1px 1px 0;
	border-radius: 0 12px 12px 0;
}

.tagc-container .tagc-wrapper.style-tg ul li mark:before,
.tagc-container .tagc-wrapper.style-tg ul li mark:after {
	content: "";
	display: block; position: absolute;
	border-width: 1px;
}
/*◆*/
.tagc-container .tagc-wrapper.style-tg ul li mark:before {
	z-index: -1;
	border-top-width: 1px !important;
	border-left-width: 1px !important;
	border-bottom-width: 0 !important;
	border-right-width: 0 !important;
	border-radius: 16px 0 0 0;
}

/*o*/
.tagc-container .tagc-wrapper.style-tg ul li mark:after {
	border-radius: 100%;
	background-color: transparent;
}

/*link*/
.tagc-container .tagc-wrapper.style-tg ul li mark small:before {
	z-index: 2; display: inline-block; position: absolute; bottom: 3px; right: 3px;
	content: "\f0c1"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; font-size: 14px;
	transform: rotateZ(0deg);
	-webkit-transition: transform 1.5s, color .3s; transition: transform 1.5s, color .3s;
}
.tagc-container .tagc-wrapper.style-tg ul li:hover > mark > small:before { transform: rotateZ(3600deg); }

/*小*/
.tagc-container .tagc-wrapper.style-tg ul.size-small li mark { font-size: 16px; }
.tagc-container .tagc-wrapper.style-tg ul.size-small li mark { padding: 12px; }
.tagc-container .tagc-wrapper.style-tg ul.size-small li mark:before { top: 5px; left: 34px; width: 30px; height: 28px; transform: translate(-50px, 0px) rotateZ(-45deg); }
.tagc-container .tagc-wrapper.style-tg ul.size-small li mark:after { top: 16px; left: -8px; width: 6px; height: 6px; }


/*中*/
.tagc-container .tagc-wrapper.style-tg ul.size-middle li mark { font-size: 18px; }
.tagc-container .tagc-wrapper.style-tg ul.size-middle li mark { padding: 15px; }
.tagc-container .tagc-wrapper.style-tg ul.size-middle li mark:before { top: 6px; left: 31px; width: 36px; height: 34px; transform: translate(-50px, 0px) rotateZ(-45deg); }
.tagc-container .tagc-wrapper.style-tg ul.size-middle li mark:after { top: 20px; left: -10px; width: 8px; height: 8px; }

.tagc-container .tagc-wrapper.style-tg ul.size-middle li mark span { display: inline-block; transform: translate(0px, 2px); }


/*大*/
/*.tagc-container .tagc-wrapper.style-tg ul.size-big li:first-child { margin: 10px 20px 10px 35px; }*/
.tagc-container .tagc-wrapper.style-tg ul.size-big li { margin: 10px 20px; }
.tagc-container .tagc-wrapper.style-tg ul.size-big li mark { font-size: 20px; }
.tagc-container .tagc-wrapper.style-tg ul.size-big li mark { padding: 20px; }
.tagc-container .tagc-wrapper.style-tg ul.size-big li mark:before { top: 8px; left: 27px; width: 44px; height: 43px; transform: translate(-50px, 0px) rotateZ(-45deg); }
.tagc-container .tagc-wrapper.style-tg ul.size-big li mark:after { top: 24px; left: -16px; width: 10px; height: 10px; }

.tagc-container .tagc-wrapper.style-tg ul.size-big li mark small:before { bottom: 3px; right: 3px; font-size: 2px; }


.tagc-container .tagc-wrapper.style-tg ul li mark:after {  }


.tagc-container .tagc-wrapper ul li mark a { z-index: 3; display: inline-blank; width: 100%; }




/*square*/
.tagc-container .tagc-wrapper.style-sq ul li mark { z-index: 2; float: left; display: block; position: relative; line-height: 1; }
.tagc-container .tagc-wrapper.style-sq ul li mark {
	/*border-left: 0px;*/
	border-radius: 8px;
}

.tagc-container .tagc-wrapper.style-sq ul li mark small:before {
	z-index: 2; display: inline-block; position: absolute; bottom: 3px; right: 3px;
	content: "\f0c1"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; font-size: 14px;
	transform: rotateZ(0deg);
	-webkit-transition: transform 1.5s, color .3s; transition: transform 1.5s, color .3s;
}
.tagc-container .tagc-wrapper.style-sq ul li:hover > mark > small:before { transform: rotateZ(3600deg); }


/*小*/
.tagc-container .tagc-wrapper.style-sq ul.size-small li mark { padding: 15px; font-size: 16px; }

/*中*/
.tagc-container .tagc-wrapper.style-sq ul.size-middle li mark { padding: 15px 20px; font-size: 18px; }

/*大*/
.tagc-container .tagc-wrapper.style-sq ul.size-big li mark { padding: 15px 30px; font-size: 20px; }




/*st*/
.tagc-container .tagc-wrapper.style-st ul li mark { z-index: 2; float: left; display: block; position: relative; line-height: 1; }
.tagc-container .tagc-wrapper.style-st ul li mark {
	border-left: 0px;
	border-radius: 0 8px 8px 0;
}

.tagc-container .tagc-wrapper.style-st ul li mark:before {
	content: " ";
	z-index: 1; display: inline-block; position: absolute; top: 0px; height: 100%;
}

.tagc-container .tagc-wrapper.style-st ul li mark small:before {
	z-index: 2; display: inline-block; position: absolute; bottom: 3px; right: 3px;
	content: "\f0c1"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; font-size: 14px;
	transform: rotateZ(0deg);
	-webkit-transition: transform 1.5s, color .3s; transition: transform 1.5s, color .3s;
}
.tagc-container .tagc-wrapper.style-st ul li:hover > mark > small:before { transform: rotateZ(3600deg); }


/*小*/
.tagc-container .tagc-wrapper.style-st ul.size-small li mark:before { left: -8px; width: 8px; border-radius: 8px 0 0 8px; }
.tagc-container .tagc-wrapper.style-st ul.size-small li mark { padding: 15px; font-size: 16px; }

/*中*/
.tagc-container .tagc-wrapper.style-st ul.size-middle li mark:before { left: -10px; width: 10px; border-radius: 10px 0 0 10px; }
.tagc-container .tagc-wrapper.style-st ul.size-middle li mark { padding: 15px 20px; font-size: 18px; }

/*大*/
.tagc-container .tagc-wrapper.style-st ul.size-big li mark:before { left: -12px; width: 12px; border-radius: 12px 0 0 12px; }
.tagc-container .tagc-wrapper.style-st ul.size-big li mark { padding: 15px 30px; font-size: 20px; }






/*============================================================================*/







/*============================================================================*/
/* tabc 自定義層 TAB */
/* owlCarousel */
/*----------------------------------------------------------------------------*/
section.jHasTabcSectionLayer { margin: 0 auto; }
.tabc-container { display: flex; }
.tabc-container.ttcb { flex-direction: column; } /*tab 在上 內容在下*/
.tabc-container.tbct { flex-direction: column-reverse; } /*內容 在上 標題在下*/
/*----------------------------------------------------------------------------*/
/*tab title*/

.tabc-container .tabc-caption-wrapper { display: inline-block; position: relative; width: 100%; height: 100%; /*overflow: hidden;*/ }

/*整體 title 線*/
.tabc-container.ttcb .tabc-caption-wrapper {  } /*tab 在上 內容在下*/
.tabc-container.tbct .tabc-caption-wrapper {  } /*內容 在上 標題在下*/

.tabc-container .tabc-caption-wrapper .owl-stage-outer { cursor: grab; }

.tabc-container.hasmargin .tabc-caption-wrapper .owl-stage-outer { margin: 0 38px; } /*如果顯示 autoWidth: true */
.tabc-container.shownav .tabc-caption-wrapper .owl-stage-outer {  } /*如果顯示 nav < > */
.tabc-container.shownav .tabc-caption-wrapper .owl-stage-outer { width: calc(100% - 76px); margin: 0 auto; }
@media screen and (min-width: 1px) and (max-width: 480px) {
	.tabc-container.shownav .tabc-caption-wrapper .owl-stage-outer { width: 100%; margin: 0; }
}
.tabc-container.nonav .tabc-caption-wrapper .owl-stage-outer { margin: 0; }

.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage {  }

.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item { display: inline-block; position: relative; cursor: pointer; } /*foreach*/

.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item:hover {  }

.tabc-container.ttcb .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item { border-bottom: none; border-radius: 12px 12px 0 0; } /*tab 在上 內容在下*/
.tabc-container.tbct .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item { border-top: none; border-radius: 0 0 12px 12px; } /*內容 在上 標題在下*/



/*.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item:first-child { background-color: rgba(215, 240, 250, .35); }*/
.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item.jFirstActiveItem:hover,
.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item.jFirstActiveItem { border-bottom: none; cursor: default; }

.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item .item { padding: 20px; }
@media screen and (min-width: 1px) and (max-width: 480px) {
	.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item .item { padding: 20px 30px; }
}

.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item .item strong { display: block; text-align: center; }

.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item:hover .item strong {  }

.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item.jFirstActiveItem:hover .item strong,
.tabc-container .tabc-caption-wrapper .owl-stage-outer .owl-stage .owl-item.jFirstActiveItem .item strong {  }

/*------------------------------------*/
/*tab title nav left right*/

.tabc-container .tabc-caption-wrapper .tabc-title-nav { margin: 0; }

.tabc-container .tabc-caption-wrapper .tabc-title-nav button { position: absolute; top: 0; width: 38px; height: 100%; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }
@media screen and (min-width: 481px) and (max-width: 999999px) {
	.tabc-container.navpcnotshow .tabc-caption-wrapper .tabc-title-nav { display: none; } /*PC 不顯示*/
}
@media screen and (min-width: 1px) and (max-width: 480px) {
	.tabc-container.navmobnotshow .tabc-caption-wrapper .tabc-title-nav { display: none; } /*行動裝置不顯示*/
	.tabc-container .tabc-caption-wrapper .tabc-title-nav button { width: 28px; }
}

.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-prev,
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-next { -webkit-transition: border .3s linear, color .3s ease; transition: border .3s linear, color .3s ease; }

.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-prev:before,
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-next:before { font-family: 'Font Awesome 5 Pro'; font-size: 32px; font-weight: 300; }

.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-prev,
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-next { cursor: pointer; }

.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-prev {  }
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-prev { left: 0; border-left: none; /*border-radius: 0 12px 0 0;*/ }
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-prev:before { content: "\f104"; }

.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-next {  }
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-next { right: 0; border-right: none; /*border-radius: 12px 0 0 0;*/ }
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-next:before { content: "\f105"; }

.tabc-container .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-prev,
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-next { cursor: not-allowed; }
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-prev:before,
.tabc-container .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-next:before { opacity: .35; }


.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-prev,
.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-next,
.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-prev:hover,
.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-next:hover,
.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.owl-prev,
.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.owl-next,
.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.owl-prev:hover,
.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.owl-next:hover { border-bottom: none; } /*tab 在上 內容在下*/

.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-prev,
.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-next,
.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-prev:hover,
.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.disabled.owl-next:hover,
.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.owl-prev,
.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.owl-next,
.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.owl-prev:hover,
.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.owl-next:hover { border-top: none; } /*內容 在上 標題在下*/

.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.owl-prev { border-radius: 0 12px 0 0; } /*tab 在上 內容在下*/
.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.owl-next { border-radius: 12px 0 0 0; }

.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.owl-prev { border-radius: 0 0 12px 0; } /*內容 在上 標題在下*/
.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.owl-next { border-radius: 0 0 0 12px; }

@media screen and (min-width: 1px) and (max-width: 480px) {
	.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.owl-prev,
	.tabc-container.ttcb .tabc-caption-wrapper .tabc-title-nav button.owl-next,
	.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.owl-prev,
	.tabc-container.tbct .tabc-caption-wrapper .tabc-title-nav button.owl-next { border-radius: 0; }

	.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-prev:before,
	.tabc-container .tabc-caption-wrapper .tabc-title-nav button.owl-next:before { font-size: 24px; }

}

/*----------------------------------------------------------------------------*/
/*tab content*/

.tabc-container .tabc-detail-wrapper { display: inline-block; position: relative; width: 100%; height: 100%; /*min-height: 150px;*/ border-top: none; }
.tabc-container .tabc-detail-wrapper .owl-stage-outer {  }
.tabc-container .tabc-detail-wrapper .owl-stage-outer .owl-stage {  }
.tabc-container .tabc-detail-wrapper .owl-stage-outer .owl-stage .owl-item {  }
.tabc-container .tabc-detail-wrapper .owl-stage-outer .owl-stage .owl-item.active {  }

.tabc-container .tabc-detail-wrapper .owl-stage-outer .owl-stage .owl-item .item {  }

.tabc-container .tabc-detail-wrapper .owl-stage-outer .owl-stage .owl-item .item .contents {  }

/*------------------------------------*/
/*tab content dots*/

.tabc-container .tabc-detail-wrapper .tabc-cont-dots { display: inline-block; padding: 10px 0; width: 100%; text-align: center; }
.tabc-container .tabc-detail-wrapper .tabc-cont-dots.disabled { display: none; }

.tabc-container .tabc-detail-wrapper .tabc-cont-dots button { margin-right: 8px; background-color: transparent; cursor: pointer; }

.tabc-container .tabc-detail-wrapper .tabc-cont-dots button.tc-dot {  }

.tabc-container .tabc-detail-wrapper .tabc-cont-dots .tc-dot {  }

.tabc-container .tabc-detail-wrapper .tabc-cont-dots .tc-dot span {  }
.tabc-container .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { display: inline-block; }

/*樣式 cdots_default*/
.tabc-container.cdots_default .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Duotone'; content: "\f111"; font-size: 16px; }
.tabc-container.cdots_s01 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f004"; font-size: 16px; }
.tabc-container.cdots_s02 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f005"; font-size: 22px; }
.tabc-container.cdots_s03 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f2d1"; font-size: 16px; }
.tabc-container.cdots_s04 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f04d"; font-size: 16px; }
.tabc-container.cdots_s05 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f5a4"; font-size: 16px; }
.tabc-container.cdots_s06 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f800"; font-size: 16px; }
.tabc-container.cdots_s07 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f7ff"; font-size: 16px; }
.tabc-container.cdots_s08 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f56b"; font-size: 16px; }
.tabc-container.cdots_s09 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f52d"; font-size: 16px; }
.tabc-container.cdots_s10 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f0c2"; font-size: 16px; }
.tabc-container.cdots_s11 .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:before { font-family: 'Font Awesome 5 Pro'; content: "\f6ae"; font-size: 16px; }



.tabc-container .tabc-detail-wrapper .tabc-cont-dots .tc-dot span:hover:before {  }

.tabc-container .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active {  }

.tabc-container .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span { -webkit-animation: .1s .1s normal ease forwards flash; animation: 1s .5s normal ease forwards flash; }

/*樣式 cdots_default*/
.tabc-container.cdots_default .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before {  }
.tabc-container.cdots_default .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f192"; font-size: 16px; }
.tabc-container.cdots_s01 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f004"; font-size: 16px; font-weight: 900; }
.tabc-container.cdots_s02 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f005"; font-size: 16px; font-weight: 900; transform: translate(0px, -2px); }
.tabc-container.cdots_s03 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f2d1"; font-size: 16px; font-weight: 900; }
.tabc-container.cdots_s04 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f04d"; font-size: 16px; font-weight: 900; }
.tabc-container.cdots_s05 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f5a4"; font-size: 16px; font-weight: 600; }
.tabc-container.cdots_s06 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f800"; font-size: 16px; font-weight: 600; }
.tabc-container.cdots_s07 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f7ff"; font-size: 16px; font-weight: 600; }
.tabc-container.cdots_s08 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f56b"; font-size: 16px; font-weight: 600; }
.tabc-container.cdots_s09 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f52d"; font-size: 16px; font-weight: 600; }
.tabc-container.cdots_s10 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f0c2"; font-size: 16px; font-weight: 600; }
.tabc-container.cdots_s11 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f6ae"; font-size: 16px; font-weight: 600; }
.tabc-container.cdots_s12 .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:before { font-family: 'Font Awesome 5 Pro'; content: "\f2b6"; font-size: 16px; font-weight: 600; transform: translate(0px, -2px); }


.tabc-container .tabc-detail-wrapper .tabc-cont-dots .tc-dot.active span:hover:before {  }









/*============================================================================*/



/*============================================================================*/



/*============================================================================*/
/* faq page 沒有內頁 / 沒有層 / 只有總頁 如：關於我們  */

/*----------------------------------------------------------------------------*/

/*============================================================================*/



/*============================================================================*/
/* customize page 沒有內頁 如：關於我們  */

/*----------------------------------------------------------------------------*/

/*============================================================================*/



/*============================================================================*/
/* date  */
.datepublished { margin: 0; }
/*----------------------------------------------------------------------------*/
/*event date style1*/
.datepublished.style1 {
	display: inline-block; position: relative; width: 80px; height: 80px;
	border: 8px solid rgba(255, 2555, 255, 1);
	border-radius: 5px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1), 3px 3px 10px 0 rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .15), -1px -1px 1px rgba(0, 0, 0, .15);
	/*background-color: rgba(255, 0, 0, .95);*/
}
.datepublished.style1:before,
.datepublished.style1:after { /*左右*/
	content: "";
	position: absolute; margin-top: -5px; width: 3px; height: 10px;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .8);
	background-color: #ffffff;
}
.datepublished.style1:before { top: 50%; left: 0; } /*左*/
.datepublished.style1:after { top: 50%; right: 0; } /*右*/

.datepublished.style1 .resident {  }

.datepublished.style1 .resident .bg {
	content: "";
	z-index: 1; position: absolute; top: 0; left: 0; width: 64px; height: 33px;
	background-color: rgba(0, 0, 0, .1);
}
.datepublished.style1 .resident .dd { padding: 10px 0 0 0; text-align: center; }
.datepublished.style1 .resident .mm { z-index: 2; position: absolute; bottom: 1px; right: 3px;  }

/*event date action*/
.datepublished.style1 .act {
	z-index: -1; position: absolute; top: -3px; left: 0; width: 70px; height: 70px;
	border: 3px solid rgba(255, 2555, 255, 1);
	border-radius: 0 8px 8px 0;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2), 1px 1px 1px 0px rgba(255, 255, 255, .35) inset, -1px -1px 1px 0px rgba(255, 255, 255, .35) inset, -1px 1px 2px rgba(0, 0, 0, .65);
	opacity: 0;
	-webkit-transition: left .3s ease, opacity .3s linear; transition: left .3s ease, opacity .3s linear;
}

.datepublished.style1:hover > .act { left: 65px; opacity: 1; }

.datepublished.style1 .act .slide { display: inline-block; position: relative; }
.datepublished.style1 .act .slide .line { position: absolute; top: 50%; width: 70px; height: 1px; margin-top: 2px; background-color: rgba(255, 255, 255, .35); }

.datepublished.style1 .act .slide .twy { padding: 8px 0 0 10px; }
.datepublished.style1 .act .slide .yy { padding: 15px 0 0 10px; }

@media screen and (min-width: 1px) and (max-width: 1279px) {
	.datepublished.style1 .act { left: 65px; opacity: 1; }
}
/*----------------------------------------------------------------------------*/
/*event date style2*/
.datepublished.style2 {
	display: inline-block; position: relative; width: 80px; height: 80px;
	border-radius: 3px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 3px 3px 10px 0 rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .15), -1px -1px 1px rgba(0, 0, 0, .15);
	background-color: rgba(255, 255, 255, 1);
}

.datepublished.style2 .mm {
	display: inline-block; padding: 7px 0 0 0; width: 100%; height: 30px; text-align: center;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2), 1px 1px 1px 0px rgba(255, 255, 255, .35) inset, -1px -1px 1px 0px rgba(255, 255, 255, .35) inset, -1px 1px 2px rgba(255, 0, 0, .65);
	background: linear-gradient(135deg, rgba(255,38,0,1) 0%, rgba(255,195,189,1) 100%);
}

.datepublished.style2 .dd { padding: 5px 0 0 0; text-align: center; }

/*event date action*/
.datepublished.style2 .act {
	z-index: -1; position: absolute; top: 5px; left: 0; width: 70px; height: 70px;
	border: 3px solid rgba(255, 2555, 255, 1);
	border-radius: 0 8px 8px 0;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2), 1px 1px 1px 0px rgba(255, 255, 255, .35) inset, -1px -1px 1px 0px rgba(255, 255, 255, .35) inset, -1px 1px 2px rgba(0, 0, 0, .65);
	opacity: 0;
	-webkit-transition: left .3s ease, opacity .3s linear; transition: left .3s ease, opacity .3s linear;
}

.datepublished.style2:hover > .act { left: 70px; opacity: 1; }

.datepublished.style2 .act .slide { display: inline-block; position: relative; }
.datepublished.style2 .act .slide .line { position: absolute; top: 50%; width: 70px; height: 1px; margin-top: 2px; background-color: rgba(255, 255, 255, .35); }

.datepublished.style2 .act .slide .twy { padding: 8px 0 0 10px; }
.datepublished.style2 .act .slide .yy { padding: 15px 0 0 10px; }

@media screen and (min-width: 1px) and (max-width: 1279px) {
	.datepublished.style2 .act { left: 70px; opacity: 1; }
}

/*----------------------------------------------------------------------------*/
/*event date style3*/
.datepublished.style3 {
	display: inline-block; position: relative; width: 160px; height: 50px;
	border-radius: 3px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
	background-color: rgba(255, 255, 255, 1);
}

.datepublished.style3 .line-left { z-index: 1; position: absolute; top: 0; left: 0; width: 2px; height: 50px; }

.datepublished.style3 .site-left { display: inline-block; width: 80px; height: 100%; text-align: center; }
.datepublished.style3 .site-left .yy { margin: 5px 0 0 10px; background-color: transparent; }
.datepublished.style3 .site-left .mm { margin: 5px 0 0 10px; background-color: transparent; }

.datepublished.style3 .line-middle { z-index: 1; position: absolute; top: 10px; left: 88px; width: 2px; height: 30px; }

.datepublished.style3 .dd { display: inline-block; margin: 10px 0 0 25px; vertical-align: top; background-color: transparent; }

/*----------------------------------------------------------------------------*/
/*event date style4*/
.datepublished.style4 {
	display: inline-block; position: relative; width: 160px; height: 50px;
	border-radius: 8px;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15), 1px 1px 1px 0px rgba(255, 255, 255, .35) inset, -1px -1px 1px 0px rgba(255, 255, 255, .35) inset;
	background-color: rgba(255, 255, 255, 1);
}
.datepublished.style4 .site-left {
	float: left; display: inline-block; position: relative; width: 80px; height: 100%; text-align: center;
	border-radius: 8px 0 0 8px;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15), 2px 2px 1px 0px rgba(255, 255, 255, .35) inset, -1px -1px 1px 0px rgba(255, 255, 255, .35) inset;
}
.datepublished.style4 .site-left .dd { margin: 11px 0 0 0; }

.datepublished.style4 .site-left .triangle:before {
	z-index: 1; position: absolute; top: 12px; right: -10px; /*filter: brightness(105%);*/
	content: "\f0da"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 30px; font-weight: 900;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
	opacity: .75;
}


.datepublished.style4 .site-right {
	display: inline-block; position: relative; width: 80px; height: 100%; text-align: center;
}
.datepublished.style4 .yy { margin: 5px 0 0 10px; background-color: transparent; }

.datepublished.style4 .mm { margin: 5px 0 0 10px; background-color: transparent; }

/*============================================================================*/



/*============================================================================*/
/* 自定義 LightGallery for LazyLoader */
.lightgallery-lazyloader {  }
/*----------------------------------------------------------------------------*/
.lightgallery-lazyloader .lg {  }
.lightgallery-lazyloader .lg .lg-inner {  }
.lightgallery-lazyloader .lg .lg-inner .lg-item {  }
.lightgallery-lazyloader .lg .lg-inner .lg-item .lg-img-wrap {  }

.lightgallery-lazyloader .lg .lg-inner .lg-item .lg-img-wrap img {  }


/*fixed*/
.lightgallery-common {  }
.lightgallery-common .lg {  }
.lightgallery-common .lg .lg-inner {  }
.lightgallery-common .lg .lg-inner .lg-item {  }

.lightgallery-common .lg .lg-inner .lg-item.lg-prev-slide { opacity: 0; }
.lightgallery-common .lg .lg-inner .lg-item.lg-next-slide { opacity: 0; }
.lightgallery-common .lg .lg-inner .lg-item.lg-current { opacity: 1; }

.lightgallery-common .lg .lg-inner .lg-item .lg-img-wrap {  }
.lightgallery-common .lg .lg-inner .lg-item .lg-img-wrap img {  }

.lightgallery-common .lg .lg-toolbar {  }
.lightgallery-common .lg .lg-toolbar button {  }

.lightgallery-common .lg .lg-sub-html { line-height: 25px; }


/*============================================================================*/



/*============================================================================*/
/* mCustomScrollbar */
/*自訂義 mCustomScrollbar*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .25); border-radius: 6px; }
.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, .05); }
/*----------------------------------------------------------------------------*/

/*============================================================================*/










/*============================================================================*//*============================================================================*//*============================================================================*/
/* footer */
/*============================================================================*//*============================================================================*//*============================================================================*/
footer { clear: both; }
footer .ft-container {  }
footer .ft-container .ft-wrapper {  }
footer .ft-container .ft-wrapper .ft-start {  }

.ft-start { /*display: inline-flex;*/ display: inline-block; justify-content: space-between; align-items: flex-start; align-content: center; flex-direction: row; position: relative; width: 100%; }
.ft-start fieldset { display: inline-block; /*width: auto;*/ vertical-align: top; overflow: hidden; }

/*----------------------------------------------------------------------------*/
/*垂直線*/
.ft-start .ft-vline { position: absolute; top: 0; width: 1px; height: 100%; }

.ft-start.has-one .ft-vline.slt,
.ft-start.has-one .ft-vline.scr,
.ft-start.has-one .ft-vline.srt { display: none; } /*一欄 不顯示*/

.ft-start.has-two .ft-vline.slt,
.ft-start.has-two .ft-vline.srt { display: none; } /*兩欄不顯示*/

.ft-start.has-two .ft-vline.scr { left: 50%; } /*兩欄 顯示*/

.ft-start.has-three .ft-vline.slt { left: 33.2%; }
.ft-start.has-three .ft-vline.scr { display: none; } /*兩欄才出現*/
.ft-start.has-three .ft-vline.srt { right: 33.2%; }


/*----------------------------------------------------------------------------*/
.ft-start fieldset .field-column {
	/*
	border: 1px solid red;
	*/
}
/*----------------------------------------------------------------------------*/
/*主標題 副標題*/
.ft-start fieldset .field-column .field-htit { display: inline-block; margin: 15px 35px; width: 90%; }

.ft-start.has-two fieldset .field-column .field-htit { margin: 25px 50px 15px 50px; }

.ft-start.has-two fieldset .field-column .field-htit.ptxt { margin: 25px 65px 15px 65px; }

.ft-start.has-two fieldset .field-column .field-htit.pimg { margin: 25px 25px 15px 25px; }

.ft-start.has-three fieldset .field-column .field-htit.ptxt { margin: 25px 50px 15px 50px; }

.ft-start.has-two fieldset .field-column .field-htit.pcustom,
.ft-start.has-three fieldset .field-column .field-htit.pcustom { margin: 25px 20px 15px 20px; }

.ft-start fieldset .field-column .field-htit a {  }
.ft-start fieldset .field-column .field-htit a .hmtit,
.ft-start fieldset .field-column .field-htit a .hstit {
	display: inline-block; margin: 10px 0; width: 100%; line-height: 23px;
	-webkit-transition: color .3s ease; transition: color .3s ease;
}
.ft-start fieldset .field-column .field-htit a .hmtit {  }
.ft-start fieldset .field-column .field-htit a .hstit {  }
.ft-start fieldset .field-column .field-htit a .hmtit strong {  }
.ft-start fieldset .field-column .field-htit a .hstit strong {  }
/*----------------------------------------------------------------------------*/
.ft-start fieldset .field-column ul { display: inline-block; margin: 0 auto 20px auto; width: 100%; text-align: center; }

.ft-start fieldset .field-column ul li { display: inline-block; position: relative; margin: 10px 30px; padding: 10px 0 20px 0; width: 90%; text-align: center; }

.ft-start fieldset .field-column ul li a { display: inline-block; width: 100%; }
.ft-start fieldset .field-column ul li a figure { display: flex; }
.ft-start fieldset .field-column ul li a figure .graphics {
	display: inline-block; position: relative; overflow: hidden;
	-webkit-transition: background-color .3s ease; transition: background-color .3s ease;
}

.ft-start fieldset .field-column ul li.imgtxt > a > figure > .graphics img { width: 100%; min-width: 250px; max-width: 250px; height: 100%; min-height: 100px; max-height: 100px; }
.ft-start fieldset .field-column ul li > a > figure > .graphics:hover:after { /*當移至圖片 遮罩*/
	content: '';
	z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.ft-start fieldset .field-column ul li a figure figcaption { display: inline-grid; }
.ft-start fieldset .field-column ul li a figure figcaption strong {  }

.ft-start fieldset .field-column ul li a figure figcaption strong.mtit { padding: 10px 0 0 20px; }
.ft-start fieldset .field-column ul li a figure figcaption strong.stit { padding: 10px 0 0 20px; }

.ft-start fieldset .field-column ul li.imgtxt a figure .graphics { min-width: 250px; } /*三欄 圖文*/

/*link & zoom ico*/
.ft-start fieldset .field-column ul li a figure .graphics .fico,
.ft-start fieldset .field-column ul li a figure .graphics .sico {
	z-index: 5; position: absolute; width: 50px; height: 50px;
	border-radius: 100%;
	-webkit-transition: top .3s ease, right .3s ease, bottom .3s ease, left .3s ease; transition: top .3s ease, right .3s ease, bottom .3s ease, left .3s ease;
}
.ft-start fieldset .field-column ul li a figure .graphics .fico { top: 0; left: 0; }
.ft-start fieldset .field-column ul li a figure .graphics .sico { bottom: 0; right: 0; }
.ft-start fieldset .field-column ul li a figure .graphics .fico:before,
.ft-start fieldset .field-column ul li a figure .graphics .sico:before {
	display: inline-block; padding: 10px 0;
	font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 30px; font-weight: 500;
	-webkit-transition: color .3s ease; transition: color .3s ease;
}
.ft-start fieldset .field-column ul li a figure .graphics .fico:before { content: "\f0c1"; }
.ft-start fieldset .field-column ul li a figure .graphics .sico:before { content: "\f00e"; }

/*三欄 圖文*/
.ft-start fieldset .field-column ul li.imgtxt:nth-child(odd) a figure .graphics .fico { top: -100px; left: 50px; } /*link 單數 normal*/
.ft-start fieldset .field-column ul li.imgtxt:nth-child(odd) a:hover > figure > .graphics > .fico { top: calc(50% - 25px); left: calc(50% - 75px); } /*link hover*/

.ft-start fieldset .field-column ul li.imgtxt:nth-child(odd) a figure .graphics .sico { bottom: -100px; right: 50px; } /*zoom 單數 normal*/
.ft-start fieldset .field-column ul li.imgtxt:nth-child(odd) a:hover > figure > .graphics > .sico { bottom: calc(50% - 25px); right: calc(50% - 75px); } /*zoom hover*/


.ft-start fieldset .field-column ul li.imgtxt:nth-child(even) a figure .graphics .fico { top: 25px; left: -100px; } /*link 雙數 normal*/
.ft-start fieldset .field-column ul li.imgtxt:nth-child(even) a:hover > figure > .graphics > .fico { top: calc(50% - 25px); left: calc(50% - 75px); } /*link hover*/

.ft-start fieldset .field-column ul li.imgtxt:nth-child(even) a figure .graphics .sico { top: 25px; right: -100px; } /*zoom 雙數 normal*/
.ft-start fieldset .field-column ul li.imgtxt:nth-child(even) a:hover > figure > .graphics > .sico { top: calc(50% - 25px); right: calc(50% - 75px); } /*zoom hover*/

/*三欄 圖片*/
.ft-start fieldset .field-column ul li.pimg:nth-child(odd) a figure .graphics .fico { top: -85px; left: -100px; } /*link 單數 normal*/
.ft-start fieldset .field-column ul li.pimg:nth-child(odd) a:hover > figure > .graphics > .fico { top: calc(50% - 25px); left: calc(50% - 75px); } /*link hover*/

.ft-start fieldset .field-column ul li.pimg:nth-child(odd) a figure .graphics .sico { bottom: -85px; right: -100px; } /*zoom 單數 normal*/
.ft-start fieldset .field-column ul li.pimg:nth-child(odd) a:hover > figure > .graphics > .sico { bottom: calc(50% - 25px); right: calc(50% - 75px); } /*zoom hover*/


.ft-start fieldset .field-column ul li.pimg:nth-child(even) a figure .graphics .fico { top: auto; bottom: -85px; left: -100px; } /*link 雙數 normal*/
.ft-start fieldset .field-column ul li.pimg:nth-child(even) a:hover > figure > .graphics > .fico { bottom: calc(50% - 25px); left: calc(50% - 75px); } /*link hover*/

.ft-start fieldset .field-column ul li.pimg:nth-child(even) a figure .graphics .sico { top: -85px; right: -100px; } /*zoom 雙數 normal*/
.ft-start fieldset .field-column ul li.pimg:nth-child(even) a:hover > figure > .graphics > .sico { top: calc(50% - 25px); right: calc(50% - 75px); } /*zoom hover*/


/*圖片*//*----------------------------------------------------------------------------*/
.ft-start fieldset .field-column ul.fttype-pimg {
	/*display: inline-block; margin: 0 auto; width: 100%; text-align: center;*/
	display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; vertical-align: top;
	margin: 0 0 3% 0;
}
.ft-start.has-two fieldset .field-column ul li.pimg { margin: 15px 2%; width: auto; }
.ft-start.has-three fieldset .field-column ul li.pimg { margin: 15px 1%; width: auto; }

.ft-start.has-two fieldset .field-column ul li.pimg > a > figure > .graphics > img { width: 100%; min-width: 200px; max-width: 250px; height: 100%; min-height: 110px; max-height: 110px; } /*2欄*/
.ft-start.has-three fieldset .field-column ul li.pimg > a > figure > .graphics > img { width: 100%; min-width: 180px; max-width: 230px; height: 100%; min-height: 100px; max-height: 100px; } /*3欄*/

.ft-start fieldset .field-column ul li.pimg { border-bottom: none; }

.ft-start fieldset .field-column ul li.pimg > a > figure { position: relative; overflow: hidden; }
.ft-start fieldset .field-column ul li.pimg > a > figure > figcaption {
	z-index: 3; position: absolute; bottom: -35px; left: 0; width: 100%;
	-webkit-transition: bottom .3s ease; transition: bottom .3s ease;
}
.ft-start fieldset .field-column ul li.pimg:hover > a > figure > figcaption { bottom: 0; }
.ft-start fieldset .field-column ul li.pimg > a > figure > figcaption > strong { padding: 10px; }

/*自定義*//*----------------------------------------------------------------------------*/
.ft-start fieldset .field-column ul.fttype-custom {  }
.ft-start fieldset .field-column ul.fttype-custom div.ft-customize { display: inline-block; padding: 20px; width: 100%; height: 100%; }


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

.ft-start fieldset .field-column .fttype-slide { display: grid; margin: 0 auto; width: 90%; height: 100%; } /*三欄*/
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer { display: inline-block; width: 100%; }
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage {  }
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div {  }
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item { /*max-height: 300px;*/ } /*each*/
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item { position: relative; margin: 10px; overflow: hidden; }

.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure {  }
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure img { min-height: 25vh; max-height: 230px; }
.ft-start.has-two fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure img { min-height: 30vh; max-height: 230px; }

/*title*/
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure figcaption {
	display: inline-block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 30px;
	/*border-radius: 0 0 6px 6px;*/
	-webkit-transition: bottom .3s, background-color .3s; transition: bottom .3s background-color .3s;
}
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure figcaption a {
	padding: 0;
}
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure figcaption a:after {
	display: inline-block; position: absolute; top: 8px; right: 15px;
	content: "\f0c1"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 14px; color: rgba(255, 255, 255, .65);
	transform: rotateZ(0deg);
	-webkit-transition: transform 1.5s, color .3s; transition: transform 1.5s, color .3s;
}
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item:hover .item figure figcaption a:after { transform: rotateZ(3600deg); }
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure figcaption a strong {
	display: block; padding: 8px 50px 8px 10px; width: 100%; font-size: 14px; text-align: left;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item:hover .item figure figcaption {
	bottom: 0;
}
/*< >*/
.ft-start fieldset .field-column .fttype-slide .owl-nav {  }
.ft-start fieldset .field-column .fttype-slide .owl-nav button {  }
.ft-start fieldset .field-column .fttype-slide .owl-nav button.owl-prev { position: absolute; top: 50%; left: 5px; margin-top: -20px; width: 30px; height: 30px; border-radius: 100%; }
.ft-start fieldset .field-column .fttype-slide .owl-nav button.owl-next { position: absolute; top: 50%; right: 5px; margin-top: -20px; width: 30px; height: 30px; border-radius: 100%; }

.ft-start fieldset .field-column .fttype-slide .owl-nav button.owl-prev [aria-label],
.ft-start fieldset .field-column .fttype-slide .owl-nav button.owl-next [aria-label] { visibility: hidden; }

.ft-start fieldset .field-column .fttype-slide .owl-nav button.owl-prev span:before { visibility: visible; font-family: 'Font Awesome 5 pro'; content:"\f053"; font-size: 12px; padding: 0 0 0 5px; }
.ft-start fieldset .field-column .fttype-slide .owl-nav button.owl-next span:before { visibility: visible; font-family: 'Font Awesome 5 pro'; content:"\f054"; font-size: 12px; padding: 0 0 0 7px; }

.ft-start fieldset .field-column .fttype-slide .owl-nav button.owl-prev.disabled { opacity: 0; }
.ft-start fieldset .field-column .fttype-slide .owl-nav button.owl-next.disabled { opacity: 0; }



/*----------------------------------------------------------------------------*/
.ft-start fieldset .field-column.field-lt,
.ft-start fieldset .field-column.field-cr,
.ft-start fieldset .field-column.field-rt {  }
/*----------------------------------------------------------------------------*/
/*第一欄*/
.ft-start.has-three fieldset.set-lt {  }
.ft-start fieldset .field-column.field-lt {  }




/*----------------------------------------------------------------------------*/
/*第二欄*/
.ft-start.has-three fieldset.set-cr { margin: 0 0 0 0.4%; }
.ft-start fieldset .field-column.field-cr {  }






/*----------------------------------------------------------------------------*/
/*第三欄*/
.ft-start.has-three fieldset.set-rt { float: right; margin: 0 0 0 0.4%; }
.ft-start.has-two fieldset.set-rt { float: right; margin: 0 0 0 0.4%; }
.ft-start fieldset .field-column.field-rt {  }




/*----------------------------------------------------------------------------*/
@media screen and (min-width: 1px) and (max-width: 1279px) { /*垂直線 主體*/
	
	.ft-start .ft-vline.slt,
	.ft-start .ft-vline.scr,
	.ft-start .ft-vline.srt { display: none; }
	
	.ft-start { flex-direction: column; }
	.ft-start fieldset { width: 100% !important; }
	
	.ft-start.has-three fieldset.set-cr,
	.ft-start.has-three fieldset.set-rt,
	.ft-start.has-two fieldset.set-rt { float: none; margin: 0; }
	
	.ft-start.has-three fieldset .field-column ul li.pimg { margin: 15px 5%; }
	
}

@media screen and (min-width: 1px) and (max-width: 1919px) {
	
	.ft-start fieldset .field-column ul li.imgtxt a figure { display: inline-block; }
	
	.ft-start.has-two fieldset .field-column ul li.pimg { margin: 15px 5%; }
	.ft-start.has-two fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start.has-two fieldset .field-column ul li.pimg > a > figure > .graphics > img { width: 100%; min-width: 100%; max-width: 100%; height: 100%; min-height: 30vh; max-height: 100%; } /*2欄*/
	
	.ft-start.has-three fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start.has-three fieldset .field-column ul li.pimg > a > figure > .graphics > img { width: 100%; min-width: 100%; max-width: 100%; height: 100%; min-height: 25vh; max-height: 100%; } /*3欄*/
	
	.ft-start fieldset { padding: 0 0 15px 0; }
	.ft-start fieldset .field-column ul li.imgtxt a figure figcaption { padding: 10px 0; }
	.ft-start fieldset .field-column ul.fttype-custom div.ft-customize { padding: 20px 30px; }
	.ft-start fieldset .field-column ul li.imgtxt a figure figcaption strong { text-align: center; }
}
@media screen and (min-width: 1px) and (max-width: 1279px) {
	.ft-start fieldset .field-column .field-htit,
	.ft-start fieldset .field-column .field-htit a .hmtit,
	.ft-start fieldset .field-column .field-htit a .hstit { display: flex; justify-content: center; flex-direction: column; align-content: center; align-items: center; margin: 0 !important; width: 100%; }
	
	.ft-start fieldset .field-column .field-htit a .hmtit { margin: 30px 0 10px 0 !important; }
	.ft-start fieldset .field-column .field-htit a .hstit { margin: 10px 0 !important; }
	
	.ft-start fieldset .field-column ul li.imgtxt a figure { padding: 0 30px; }
}



@media screen and (min-width: 1279px) and (max-width: 1919px) {
	.ft-start fieldset .field-column ul li.ptxt { width: 88%; }
	.ft-start fieldset .field-column ul li.imgtxt { width: 88%; }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.ft-start fieldset .field-column ul li.ptxt { width: 95%; }
	.ft-start fieldset .field-column ul li.imgtxt { width: 95%; }
}
@media screen and (min-width: 801px) and (max-width: 1023px) {
	.ft-start fieldset .field-column ul li.ptxt { width: 92%; }
	.ft-start fieldset .field-column ul li.imgtxt { width: 92%; }
	.ft-start fieldset .field-column ul li.imgtxt a figure { padding: 0 5px; }
}
@media screen and (min-width: 641px) and (max-width: 800px) {
	.ft-start fieldset .field-column ul li.ptxt { width: 90%; }
	.ft-start fieldset .field-column ul li.imgtxt { width: 90%; }
	.ft-start fieldset .field-column ul li.imgtxt a figure { padding: 0 5px; }
}
@media screen and (min-width: 1px) and (max-width: 640px) {
	.ft-start fieldset .field-column ul li.ptxt { width: 88%; }
	.ft-start fieldset .field-column ul li.imgtxt { width: 88%; }
	.ft-start fieldset .field-column ul li.imgtxt a figure { padding: 0 5px; }
}



@media screen and (min-width: 1681px) and (max-width: 1919px) {
	.ft-start.has-three fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start.has-three fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 25vh; }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
	.ft-start.has-two fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start.has-two fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 28vh; }
	
	.ft-start.has-three fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start.has-three fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 20vh; }
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
	.ft-start.has-two fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start.has-two fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 20vh; }
	
	.ft-start.has-three fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start.has-three fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 15vh; }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.ft-start fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 45vh !important; }
	.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure img { min-height: 45vh !important; } /*幻燈片*/
}
@media screen and (min-width: 861px) and (max-width: 1024px) {
	.ft-start fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 40vh !important; }
	.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure img { min-height: 40vh !important; } /*幻燈片*/
}
@media screen and (min-width: 641px) and (max-width: 860px) {
	.ft-start fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 35vh !important; }
	.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure img { min-height: 35vh !important; } /*幻燈片*/
}
@media screen and (min-width: 481px) and (max-width: 640px) {
	.ft-start fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 30vh !important; }
	.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure img { min-height: 30vh !important; } /*幻燈片*/
}
@media screen and (min-width: 1px) and (max-width: 480px) {
	.ft-start fieldset .field-column ul li.imgtxt > a > figure > .graphics img,
	.ft-start fieldset .field-column ul li.pimg > a > figure > .graphics > img { min-height: 20vh !important; }
	.ft-start fieldset .field-column .fttype-slide .owl-stage-outer .owl-stage div.owl-item .item figure img { min-height: 20vh !important; } /*幻燈片*/
	.ft-start fieldset .field-column ul.fttype-itxt li,
	.ft-start fieldset .field-column ul.fttype-ptxt li { margin: 10px; padding: 10px; width: 94%; }
	.ft-start fieldset .field-column ul li a figure .graphics .fico,
	.ft-start fieldset .field-column ul li a figure .graphics .sico,
	.ft-start fieldset .field-column ul li a figure .graphics .fico:before,
	.ft-start fieldset .field-column ul li a figure .graphics .sico:before { display: none; }
	.ft-start fieldset .field-column ul li.pimg > a > figure > figcaption { bottom: 0; }
}