@charset "utf-8";
@import url('../../../../_bk_plugin_css/gFontEN/Tangerine.css'); /*date*/
/*============================================================================*/

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

/*============================================================================*/
/* preset ruby */
/*
# structure #

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

.preset-container { margin: 0 auto; }
.preset-container .preset-wrapper {  }

.preset-container .preset-wrapper .preset-start { display: flex; }

.preset-container .preset-wrapper .preset-start article { display: inline-block; position: relative; width: 100%; height: 100%; overflow: hidden; }

.preset-container .preset-wrapper .preset-start article.inner-style1 {  }

article.inner-style1 { margin: 50px 30px; }

@media screen and (min-width: 1px) and (max-width: 1279px) {
	article.inner-style1 { margin: 0 !important; border: none; box-shadow: none; }
}
/*bg*/
article.inner-style1 .bg { z-index: -9; display: inline-block; position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; }


/*============================================================================*/
/*cubeportfolio for img*/
article.inner-style1 .cbp {  }
article.inner-style1 .cbp .cbp-wrapper-outer {  }
article.inner-style1 .cbp .cbp-wrapper-outer .cbp-wrapper {  }
article.inner-style1 .cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item {  } /*each*/

article.inner-style1 .cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper {  }
article.inner-style1 .cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption {  }
article.inner-style1 .cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-defaultWrap {  }


article.inner-style1 .cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item:hover .cbp-item-wrapper .cbp-caption .cbp-caption-defaultWrap a:after {
	z-index: 1; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; padding: 20px;
	content: "\f00e"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-size: 80px; color: rgba(255, 255, 255, .95);
	text-shadow: -1px -1px rgba(0, 0, 0, .15), -1px 1px rgba(0, 0, 0, .15), 1px -1px rgba(0, 0, 0, .15), 1px 1px rgba(0, 0, 0, .15);
	border-radius: 100%;
	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;
	background-color: rgba(255, 255, 255, .35);
	-webkit-animation: 1s .1s normal ease forwards jellen-scale15; animation: 1s .1s normal ease forwards jellen-scale15;
}
@media screen and (min-width: 1px) and (max-width: 1279px) {
	article.inner-style1 .cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item:hover .cbp-item-wrapper .cbp-caption .cbp-caption-defaultWrap a:after {
		content: "";
		box-shadow: none; text-shadow: none;
		background-color: transparent;
	}
}

article.inner-style1 .cbp .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper .cbp-caption .cbp-caption-defaultWrap a img {
	display: inline-block; width: 100%; height: 100%; min-height: 180px; max-height: 500px; object-fit: fill; overflow: hidden;
	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;
}
/*============================================================================*/
/*外部連結 btn*/
/*固定*/
article.inner-style1 .direct_external_link { display: inline-block; position: relative; width: 100%; height: 100%; min-height: 50px; text-align: center; }

article.inner-style1 .direct_external_link.site-none { display: none; }
article.inner-style1 .direct_external_link.site-ssbottom-factop { margin: 90px auto 0 auto; } /*幻燈片下 設備上*/
article.inner-style1 .direct_external_link.site-facbottom-contop { margin: 50px auto 0 auto; } /*設備下 內容上*/
article.inner-style1 .direct_external_link.site-conbottom-pagtop { margin: 50px auto 0 auto; } /*內容下 分頁上*/

article.inner-style1 .direct_external_link .delink-container {  }
article.inner-style1 .direct_external_link .delink-container .delink-wrapper { display: inline-block; position: relative; }

article.inner-style1 .direct_external_link .delink-container .delink-wrapper.style-1 a {
	padding: 20px 20px 10px 30px;
	border-radius: 10px;
	-webkit-transition: background-color .5s ease-in-out, color .5s ease-in-out;
	transition: background-color .5s ease-in-out, color .5s ease-in-out;
}
article.inner-style1 .direct_external_link .delink-container .delink-wrapper.style-1 a:hover {  }


article.inner-style1 .direct_external_link .delink-container .delink-wrapper.style-1 a span { z-index: 1; top: -12px; left: 15px; position: absolute; padding: 0 10px 0 0; height: 46px; }
article.inner-style1 .direct_external_link .delink-container .delink-wrapper.style-1 a span.decoration {  }
article.inner-style1 .direct_external_link .delink-container .delink-wrapper.style-1 a span.decoration i { padding: 12px 0 0 0; font-size: 22px; }

article.inner-style1 .direct_external_link .delink-container .delink-wrapper.style-1:hover a span.decoration i {
	-webkit-animation: 1s .1s normal ease infinite jellen-x-x0-x5; animation: 1s .1s normal ease infinite jellen-x-x0-x5;
}

article.inner-style1 .direct_external_link .delink-container .delink-wrapper.style-1 a strong { display: inline-block; padding: 0 0 0 20px; font-size: 20px; }

/*浮動*/
article.inner-style1 .direct_external_linkfloat.style-1 {
	z-index: 1200; display: inline-block; position: fixed; top: 50%; padding: 10px;
	border-style: solid; border-width: 1px;
	-webkit-transition: background-color .5s ease-in-out, border-color .5s ease-in-out;
	transition: background-color .5s ease-in-out, border- .5s ease-in-out;
}
article.inner-style1 .direct_external_linkfloat.style-1.site-none { display: none; }
article.inner-style1 .direct_external_linkfloat.style-1.site-float-left { left: 0; border-radius: 0 5px 5px 0; border-left: none; }
article.inner-style1 .direct_external_linkfloat.style-1.site-float-right { right: 0; border-radius: 5px 0 0 5px; border-right: none; }

article.inner-style1 .direct_external_linkfloat.style-1 .delinkfloat-container {  }
article.inner-style1 .direct_external_linkfloat.style-1 .delinkfloat-container .delinkfloat-wrapper { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }
article.inner-style1 .direct_external_linkfloat.style-1 .delinkfloat-container .delinkfloat-wrapper {  }

article.inner-style1 .direct_external_linkfloat.style-1 .delinkfloat-container .delinkfloat-wrapper a {  }

article.inner-style1 .direct_external_linkfloat.style-1 .delinkfloat-container .delinkfloat-wrapper a strong { font-size: 18px; }
@media screen and (min-width: 1px) and (max-width: 480px) {
	article.inner-style1 .direct_external_linkfloat.style-1 { padding: 8px; }
	article.inner-style1 .direct_external_linkfloat.style-1 .delinkfloat-container .delinkfloat-wrapper a strong { font-size: 14px; }
}

/*============================================================================*/
/*swiper for img*/
.swiper-slideshow-container { display: inline-block; position: relative; /*margin: 0 0 30px 0;*/ padding: 20px; width: 100%; height: 100%; max-width: 1920px; min-height: 100%; max-height: 800px; }
/*----------------------------------------------------------------------------*/
/*main*/
.swiper-slideshow-container .ssc-main { margin-bottom: 20px; width: 100%; height: calc(80% - 20px); }
.swiper-slideshow-container.set-horizontal-top .ssc-main { margin-top: 20px; margin-bottom: 0; width: 100%; }
/*v*/
.swiper-slideshow-container.set-vertical-left .ssc-main { float: right; width: 86%; height: 100%; min-height: 100%; max-height: 800px; }
.swiper-slideshow-container.set-vertical-right .ssc-main { float: left; width: 86%; height: 100%; min-height: 100%; max-height: 800px; }

.swiper-slideshow-container.set-vertical-left.only-sheet .ssc-main,
.swiper-slideshow-container.set-vertical-right.only-sheet .ssc-main { float: none; width: 100%; height: calc(80% - 20px); }


.swiper-slideshow-container .ssc-main .sscmain-wrap {
  will-change: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
  transform: translate3d(0, 0, 0);
}
/*main each*/
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item {
	/*display: flex;*/ align-items: center; justify-content: center; position: relative;
	transform: translate3d(0, 0, 0);
}

.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item.swiper-slide-active {  }

.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figure.embedimg {  }
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figure.embedimg img {
	width: 100%; height: 100%; max-height: 1200px; overflow: hidden;
	background-size: cover;
	background-position: center;
}
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel { z-index: 9; display: inline-block; position: absolute; width: 100%; }

.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel.txt-lt { top: 20px; left: 20px; }
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel.txt-lc { top: 50%; left: 20px; }
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel.txt-lb { bottom: 20px; left: 20px; }
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel.txt-ct { top: 20px; text-align: center; }
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel.txt-cc { top: 50%; text-align: center; }
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel.txt-cb { bottom: 20px; text-align: center; }
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel.txt-rt { top: 20px; right: 20px; text-align: right; }
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel.txt-rc { top: 50%; right: 20px; text-align: right; }
.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel.txt-rb { bottom: 20px; right: 20px; text-align: right; }


.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel strong { font-size: 20px; }
@media screen and (min-width: 1px) and (max-width: 480px) {
	.swiper-slideshow-container .ssc-main .sscmain-wrap .sscmain-item figcaption.titlabel strong { display: none; }
}

/*index*/
.swiper-slideshow-container .ssc-main .sscmain-indx { z-index: 10; display: inline-block; position: absolute; width: 100%; }
.swiper-slideshow-container .ssc-main .sscmain-indx.indx-lt { top: 20px; left: 20px; }
.swiper-slideshow-container .ssc-main .sscmain-indx.indx-lc { top: 50%; left: 20px; }
.swiper-slideshow-container .ssc-main .sscmain-indx.indx-lb { bottom: 20px; left: 20px; }
.swiper-slideshow-container .ssc-main .sscmain-indx.indx-ct { top: 20px; text-align: center; }
.swiper-slideshow-container .ssc-main .sscmain-indx.indx-cc { top: 50%; text-align: center; }
.swiper-slideshow-container .ssc-main .sscmain-indx.indx-cb { bottom: 20px; text-align: center; }
.swiper-slideshow-container .ssc-main .sscmain-indx.indx-rt { top: 20px; right: 20px; text-align: right; }
.swiper-slideshow-container .ssc-main .sscmain-indx.indx-rc { top: 50%; right: 20px; text-align: right; }
.swiper-slideshow-container .ssc-main .sscmain-indx.indx-rb { bottom: 20px; right: 20px; text-align: right; }
.swiper-slideshow-container .ssc-main .sscmain-indx strong { font-size: 16px; padding: 10px; border-radius: 5px; }
/*----------------------------------------------------------------------------*/
/*main nav*/
.swiper-slideshow-container .ssc-main div[class^=swiper-button-] { zoom: .8; opacity: 0; }

.swiper-slideshow-container .ssc-main .swiper-button-prev:after,
.swiper-slideshow-container .ssc-main .swiper-button-next:after { font-family: 'Font Awesome 5 Pro'; font-size: 20px; font-style: normal; font-weight: 500; }
.swiper-slideshow-container .ssc-main .swiper-button-prev:before,
.swiper-slideshow-container .ssc-main .swiper-button-next:before { content: ''; display: inline-block; position: absolute; width: 40px; height: 40px; border-radius: 100%; }
.swiper-slideshow-container .ssc-main .swiper-button-prev:hover:after,
.swiper-slideshow-container .ssc-main .swiper-button-next:hover:after {  }

.swiper-slideshow-container .ssc-main .swiper-button-prev.style-1:after { content: "\f104"; transform: translate(-1px, 0px); }
.swiper-slideshow-container .ssc-main .swiper-button-next.style-1:after { content: "\f105"; transform: translate(1px, 0px); }


.swiper-slideshow-container .ssc-main .swiper-button-prev { transform: translateX(60px); }
.swiper-slideshow-container .ssc-main .swiper-button-next { transform: translateX(-60px); }
.swiper-slideshow-container .ssc-main .swiper-button-prev,
.swiper-slideshow-container .ssc-main .swiper-button-next {
	zoom: .8;
	-webkit-transition: zoom .5s linear, opacity .3s linear, transform .3s linear;
	transition: zoom .5s linear, opacity .3s linear, transform .3s linear;
}
.swiper-slideshow-container .ssc-main:hover .swiper-button-prev,
.swiper-slideshow-container .ssc-main:hover .swiper-button-next { zoom: 1; opacity: 1; }
.swiper-slideshow-container .ssc-main:hover .swiper-button-prev { transform: translateX(10px); }
.swiper-slideshow-container .ssc-main:hover .swiper-button-next { transform: translateX(-10px); }
/*----------------------------------------------------------------------------*/
/*main scrollbar*/
.swiper-slideshow-container .ssc-main .swiper-scrollbar { left: 0; width: 100%; height: 5px; border-radius: 0; }
.swiper-slideshow-container .ssc-main .swiper-scrollbar.ptop { top: 0; }
.swiper-slideshow-container .ssc-main .swiper-scrollbar.pbottom { bottom: 0; }
.swiper-slideshow-container .ssc-main .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 10px; } /*active*/

/*----------------------------------------------------------------------------*//*----------------------------------------------------------------------------*//*----------------------------------------------------------------------------*/
/*thumb*/
.swiper-slideshow-container .ssc-thumb { width: 100%; height: 15%; }
@media screen and (min-width: 1px) and (max-width: 480px) {
	.swiper-slideshow-container .ssc-thumb { max-height: 60px; }
}
/*v*/
.swiper-slideshow-container.set-vertical-left .ssc-thumb { float: left; width: 13.5%; height: 100%; min-height: 100%; max-height: 800px; }
.swiper-slideshow-container.set-vertical-right .ssc-thumb { float: right; width: 13.5%; height: 100%; min-height: 100%; max-height: 800px; }

.swiper-slideshow-container .ssc-thumb .sscthumb-wrap {
  will-change: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
  transform: translate3d(0, 0, 0);
}
/*thumb each*/
.swiper-slideshow-container .ssc-thumb .sscthumb-wrap .sscthumb-item {
	display: flex; justify-content: center; align-items: center; position: relative;
	background-position: center;
	background-size: cover;
}


/*遮罩 模糊*/
.swiper-slideshow-container .ssc-thumb .sscthumb-wrap .sscthumb-item .actmode-m:before {
	content: '';
	z-index: 8; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
}
/*遮罩*/
.swiper-slideshow-container .ssc-thumb .sscthumb-wrap .sscthumb-item.swiper-slide-active .actmode-m:before {  }
.swiper-slideshow-container .ssc-thumb .sscthumb-wrap .sscthumb-item .actmode-none:before { display: none; } /*如果不顯示遮罩*/


/*模糊*/
.swiper-slideshow-container .ssc-thumb .sscthumb-wrap .sscthumb-item img {
	width: 100%; height: 100%;
	filter: blur(0px); -webkit-filter: blur(0px);
	transition: filter .3s linear;
	-webkit-transition: -webkit-filter .3s linear;
}
.swiper-slideshow-container .ssc-thumb .sscthumb-wrap .sscthumb-item img.actmode-f { filter: blur(0px); -webkit-filter: blur(0px); }
.swiper-slideshow-container .ssc-thumb .sscthumb-wrap .sscthumb-item.swiper-slide-active img.actmode-f { filter: blur(0px); -webkit-filter: blur(0px); }
.swiper-slideshow-container .ssc-thumb .sscthumb-wrap .sscthumb-item img.actmode-none { filter: blur(0px); -webkit-filter: blur(0px); } /*如果不設置模糊*/



/*----------------------------------------------------------------------------*/
/*thumb nav*/



/*============================================================================*/
/*facility swiper*/

.swiper-cellcommon-container { margin: 50px 20px 30px 20px; }
.swiper-cellcommon-container .scc-main { margin: 10px auto 0 auto; width: 100%; height: auto; }

.scc-main .sccmain-wrap { margin: 0 0 80px 0; }
.scc-main .sccmain-wrap.h50 { margin: 0 0 50px 0; }
.scc-main .sccmain-wrap.h100 { margin: 0 0 50px 0; }
.scc-main .sccmain-wrap.h150 { margin: 0 0 60px 0; }
.scc-main .sccmain-wrap .sccmain-cell { display: inline-block; position: relative; width: auto; text-align: center; /*border-radius: 6px;*/ }

.scc-main .sccmain-wrap .sccmain-cell.b-none { border: none; }
.scc-main .sccmain-wrap .sccmain-cell.b-solid { border-style: solid; }
.scc-main .sccmain-wrap .sccmain-cell.b-dashed { border-style: dashed; }
.scc-main .sccmain-wrap .sccmain-cell.b-dotted { border-style: dotted; }

.scc-main .sccmain-wrap .sccmain-cell.w50 { width: 50px; /*max-width: calc(50px + 10px);*/ } /* 如果選擇 thumbnail 縮圖 */ /*無文字*/
.scc-main .sccmain-wrap .sccmain-cell.h50 { height: 50px; }
.scc-main .sccmain-wrap .sccmain-cell.w100 { width: 100px; /*max-width: calc(100px + 10px);*/ } /* 如果選擇 small 小圖 */
.scc-main .sccmain-wrap .sccmain-cell.h100 { height: calc(100px + 65px); }
.scc-main .sccmain-wrap .sccmain-cell.w150 { width: 150px; /*max-width: calc(150px + 10px);*/ } /* 如果選擇 medium 中圖 */
.scc-main .sccmain-wrap .sccmain-cell.h150 { height: calc(150px + 40px); }
.scc-main .sccmain-wrap .sccmain-cell.w200 { width: 200px; /*max-width: calc(200px + 10px);*/ } /* 如果選擇 original 大圖 */
.scc-main .sccmain-wrap .sccmain-cell.h200 { height: calc(200px + 40px); }

.sccmain-cell figure.embedimg {  }

.sccmain-cell figure.embedimg a.zoom-but {  }
.sccmain-cell figure.embedimg a img { display: inline-block; max-width: 100%; height: auto; }

.sccmain-cell.w50 figure.embedimg a img { width: 50px; }
.sccmain-cell.h50 figure.embedimg a img { height: 50px; }
.sccmain-cell.w100 figure.embedimg a img { width: 100px; }
.sccmain-cell.h100 figure.embedimg a img { height: 100px; margin: 20px 0 0 0; }
.sccmain-cell.w150 figure.embedimg a img { width: 150px; }
.sccmain-cell.h150 figure.embedimg a img { height: 150px; }
.sccmain-cell.w200 figure.embedimg a img { width: 200px; }
.sccmain-cell.h200 figure.embedimg a img { height: 200px; }

.sccmain-cell figcaption.titlabel {  }
.sccmain-cell figcaption.titlabel strong { display: block; }

.sccmain-cell.w50 figcaption.titlabel strong,
.sccmain-cell.h50 figcaption.titlabel strong { display: none; }

/*後台沒有選擇字型的功能*/
.sccmain-cell.w100 figcaption.titlabel strong,
.sccmain-cell.h100 figcaption.titlabel strong,
.sccmain-cell.w150 figcaption.titlabel strong,
.sccmain-cell.h150 figcaption.titlabel strong { font-size: 14px; }
.sccmain-cell.w200 figcaption.titlabel strong,
.sccmain-cell.h200 figcaption.titlabel strong { font-size: 16px; }

/*----------------------------------------------------------------------------*/
/*●*/
.swiper-cellcommon-container .scc-main .swiper-pagination { bottom: 0; margin: 20px 0; }
.swiper-cellcommon-container .scc-main .swiper-pagination span { width: 15px; height: 15px; }
.swiper-cellcommon-container .scc-main .swiper-pagination span.swiper-pagination-bullet { margin: 0 8px; opacity: 1; }
.swiper-cellcommon-container .scc-main .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {  }

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


/*media-event*/
article.inner-style1 .media-event { display: inline-block; position: relative; width: 100%; height: 100%; }

/*date-event*/
article.inner-style1 .date-event { display: inline-block; position: relative; width: 100%; height: 100%; }

article.inner-style1 .date-event .datepublished { margin: 30px 30px 10px 30px; }

@media screen and (min-width: 1px) and (max-width: 1279px) {
	article.inner-style1 .date-event .datepublished { margin: 20px; }
}

article.inner-style1 .date-event.set-lt .common-date-lt { float: left; }
article.inner-style1 .date-event.set-rt .common-date-rt { float: right; }

@media screen and (min-width: 1px) and (max-width: 480px) {
	
	article.inner-style1 .date-event.set-lt,
	article.inner-style1 .date-event.set-rt { display: flex; justify-content: center; }
	
	article.inner-style1 .date-event.set-lt .common-date-lt,
	article.inner-style1 .date-event.set-rt .common-date-rt { float: auto; }
	
	article.inner-style1 .date-event.set-lt .common-date-lt.style1 { margin: 0 70px 0 0; }
	article.inner-style1 .date-event.set-rt .common-date-lt.style1 { margin: 0 70px 0 0; }
	
	article.inner-style1 .date-event.set-rt .common-date-lt.style2 { margin: 0; }
	article.inner-style1 .date-event.set-rt .common-date-rt.style2 { margin: 0; }
	
}

/*fix date*/
/*style1*/
article.inner-style1 .date-event.set-rt .datepublished.style1 .act {
	border-radius: 8px 0 0 8px;
	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);
}
article.inner-style1 .date-event.set-rt .datepublished.style1:hover > .act { left: -70px; }
@media screen and (min-width: 1px) and (max-width: 1279px) {
	article.inner-style1 .date-event.set-rt .datepublished.style1 .act { left: -70px; }
}
/*style2*/
article.inner-style1 .date-event.set-rt .datepublished.style2 .act {
	border-radius: 8px 0 0 8px;
	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);
}
article.inner-style1 .date-event.set-rt .datepublished.style2:hover > .act { left: -65px; }
@media screen and (min-width: 1px) and (max-width: 1279px) {
	article.inner-style1 .date-event.set-rt .datepublished.style2 .act { left: -65px; }
}
/*----------------------------------------------------------------------------*/

article.inner-style1 .figcaption { display: inline-block; position: relative; width: 100%; height: 100%; }
article.inner-style1 .figcaption .bg { z-index: -9;display: inline-block; position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; }

/*title*/
article.inner-style1 .figcaption .subject { display: flex; flex-direction: column; }

article.inner-style1 .figcaption .subject .title { display: inline-block; margin: 20px 30px; }
article.inner-style1 .figcaption .subject .title strong {  }

article.inner-style1 .figcaption .subject .title-line { margin: 0 30px; }

article.inner-style1 .figcaption .subject .subtitle { display: inline-block; margin: 20px 30px; }
article.inner-style1 .figcaption .subject .subtitle strong {  }

article.inner-style1 .figcaption .subject .subtitle-line { margin: 0 30px; }

/*content*/
article.inner-style1 .media-content { display: inline-block; position: relative; width: 100%; height: 100%; min-height: 150px; }
article.inner-style1 .media-content .description { margin: 30px; }

article.inner-style1 .media-content .content-line { margin: 0 30px; }

@media screen and (min-width: 1px) and (max-width: 1279px) {
	article.inner-style1 .figcaption .subtitle .title,
	article.inner-style1 .figcaption .subtitle .subtitle { margin: 20px; text-align: center; }
	article.inner-style1 .media-content .description { margin: 30px; }
}



/*假如 page_inner_social_site == 'lb' || page_inner_social_site == 'rb'*/
article.inner-style1 .media-eventsp { display: inline-block; position: relative; width: 100%; height: 100%; min-height: 120px; }


/* media-paginator */
article.inner-style1 .media-paginator { display: inline-block; width: 100%; height: 100%; }
article.inner-style1 .media-paginator .paginator { margin: 30px 20px; }

article.inner-style1 .media-paginator .paginator ul { display: flex; /*flex-direction: column; 分段*/ justify-content: space-between; align-content: center; }

article.inner-style1 .media-paginator .paginator ul li { display: inline-block; position: relative; width: 100%; height: 30px; overflow: hidden; }

article.inner-style1 .media-paginator .paginator ul li a { display: flex; }

article.inner-style1 .media-paginator .paginator ul li.if-style1 {  }

article.inner-style1 .media-paginator .paginator ul li.if-style1 a i {  }

@media screen and (min-width: 1px) and (max-width: 1023px) {
	article.inner-style1 .media-paginator .paginator ul { flex-direction: column; }
	article.inner-style1 .media-paginator .paginator ul li { margin: 20px 0; }
}

/*
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasprev a .line,
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasnext a .line { display: inline-block; position: absolute; top: 8px; height: 20px; }

article.inner-style1 .media-paginator .paginator ul li.if-style1.hasprev a .line { left: 35px; border-right: 1px solid rgba(0, 0, 0, .65); }
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasnext a .line { right: 35px; border-left: 1px solid rgba(0, 0, 0, .65); }
*/

/*上一頁*/
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasprev a i,
article.inner-style1 .media-paginator .paginator ul li.if-style1.noprev i { position: absolute; left: 10px; }

article.inner-style1 .media-paginator .paginator ul li.if-style1.hasprev:hover > a > i { -webkit-animation: 1s .1s normal ease infinite jellen-x-x0-x5; animation: 1s .1s normal ease infinite jellen-x-x0-x5; }

article.inner-style1 .media-paginator .paginator ul li.if-style1.hasprev a strong {
	display: block; position: absolute; top: 7px; left: 50px; max-width: 500px; font-size: 20px;
}
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasprev:hover > a > strong {
	-webkit-animation: pulse 500ms;
	animation: pulse 500ms;
}

/*下一頁*/
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasnext a i,
article.inner-style1 .media-paginator .paginator ul li.if-style1.nonext i { position: absolute; right: 10px; }

article.inner-style1 .media-paginator .paginator ul li.if-style1.hasnext:hover > a > i { -webkit-animation: 1s .1s normal ease infinite jellen-x-x0-x5; animation: 1s .1s normal ease infinite jellen-x-x0-x5; }

article.inner-style1 .media-paginator .paginator ul li.if-style1.hasnext a strong {
	display: block; position: absolute; top: 7px; right: 50px; max-width: 500px; font-size: 20px;
}
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasnext:hover > a > strong {
	-webkit-animation: pulse 500ms;
	animation: pulse 500ms;
}

article.inner-style1 .media-paginator .paginator ul li.if-style1.hasprev a i,
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasnext a i,
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasprev a strong,
article.inner-style1 .media-paginator .paginator ul li.if-style1.hasnext a strong {
	-webkit-transition: color .3s linear; transition: color .3s linear;
}

@media screen and (min-width: 1px) and (max-width: 1023px) {
	article.inner-style1 .media-paginator .paginator ul li.if-style1.noprev,
	article.inner-style1 .media-paginator .paginator ul li.if-style1.nonext { display: none; }
}

@media screen and (min-width: 1px) and (max-width: 639px) {
	article.inner-style1 .media-paginator .paginator ul li.if-style1.hasprev a strong,
	article.inner-style1 .media-paginator .paginator ul li.if-style1.hasnext a strong { max-width: 250px; }
}