@import "nav.css";  /*nav css*/
@import "all.min.css";  /*新版字型符號, 只需要css配字型webfonts*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap'); /*GoogleFonts 思源中文黑體*/
@import url('https://fonts.googleapis.com/css?family=Gothic+A1:200,300,400,500,600,700,800&display=swap'); /*GoogleFonts 英文數字字型*/
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,700&display=swap'); /*GoogleFonts 英文胖瘦長字型*/
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap'); /*GoogleFonts 英文裝飾體*/





/*2023.11.06*/

/*解決font-awesome圖示load不出來變方塊的問題*/
.fa-search:before,
.fa-envelope:before,
.fa-chevron-up:before {
    font-weight: 900;
}

/*fancybox css*/
.fancybox-is-open .fancybox-bg {
    opacity: .85;
}



/* ==================================================
   modal
================================================== */
/* 短訊息用的lightbox */
.msg .modal-header {
    border-bottom:none;
	padding-top:0.65rem;
	padding-bottom:0;
}
.msg .modal-body {
    padding-top:0.75rem;
}


/* ==================================================
   carousel 輪播
================================================== */
.carousel {
	z-index:0;
}


/* ==================================================
   反設定css
================================================== */
/*body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "微軟正黑體";
}*/


/*offcanvas面板展開時,背景html不滾動*/
html.disableScroll {
	overflow:hidden;
}
body {
	max-width:1920px; 
	margin:0 auto;
	overflow-x:hidden;
}
body, p, .form-control {
	/*font-family: Swiss721BT, Arial; 不需雙引號*/
	font-family:微軟正黑體, Arial;
	/*font-family: 'Gothic A1', sans-serif; GoogleFonts 英文數字字型*/
	/*font-family: 'Noto Sans TC', sans-serif; GoogleFonts 思源中文黑體*/
	/*font-family: 'Oswald', sans-serif; GoogleFonts 英文胖瘦長字型*/
	/*font-family: 'EB Garamond', serif; GoogleFonts 英文裝飾體*/
	font-size:16px;
	line-height:1.5;
	color:#645a5a;/*粽灰色*/
	word-wrap:break-word; /*若一個單字過長，超過畫面的寬度，則將單字換行(不切斷單字)*/
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Noto Sans TC', sans-serif; /*Google Fonts 思源中文字型-黑體*/
	font-weight: normal;
	margin-bottom: 1rem;
	line-height: 1.25;
}
.h1, h1 {
	font-family: 微軟正黑體, Arial;
	font-size:44px; /*未來打算用於slogan*/
	letter-spacing:-0.25px; 
	font-weight:bold;
}
h1.title-header {
	font-family: 'Noto Sans TC', sans-serif; /*Google Fonts 思源中文字型-黑體*/
	/*font-size:34px;*/
	font-size:35px;
	font-weight:200;
	margin-top:0; 
	color:#333;
}
.white h1.title-header {
	color:#fff;
}
/*場地租借 - 檔期現況與預約*/
h1.title-header small {
    font-size:65%;
    font-weight: 200;
}

.h2, h2 { /* 首頁下半部標題 */
	font-size:29.5px;
	font-family: 'Noto Sans TC', sans-serif; /*Google Fonts 思源中文字型-黑體*/
	font-weight:200;
}
.h3, h3 {
	margin: 0 0 1.5rem;
	font-family: 微軟正黑體, Arial;
	font-size:28.5px;
	font-weight:bold;
}
.h4, h4 {
    font-size:24px;
}
.h5, h5 {
	font-size:19.5px;
	font-weight:500;
}
.h6, h6 {
	font-size:17.5px;
	font-weight:500;
}
.lead {
    /*font-size: 1.1rem;*/
	font-size:17px;
    font-weight:normal;
	line-height: 2;
}
.tc {
	font-size:14px;
	color:#999; 
}

a {
	color: #6d6161;/*粽灰色*/
	text-decoration: none;
	word-wrap:break-word; /*若一個單字過長，超過畫面的寬度，則將單字換行(不切斷單字)*/
}
p {
	text-align: justify; /*文案齊頭尾*/
}
p a,
dl dd a {
	text-decoration: underline;
}

a:hover {
	/*color: #607bb1;靛藍字*/
	color: #f89882;/*粉嫩色*/ 
	text-decoration: none;
}
a.text-warning {
    color: #ffecaa !important; /*亮黃色*/ 
}
a.text-warning:focus, 
a.text-warning:hover {
	color: #ffecaa !important;
	opacity:0.75; 
}

footer {
	font-size:15px;
	color:#a59696;/*淺灰色*/
}
hr {
    border-top:4px solid #efefef;/*灰色*/
    clear: both;
}
hr.white {
    border-color:#fff !important;
}

.blockquote {
	border-left: #6d6161 solid 3px;
	padding:0.5rem 0 0.15rem 1.15rem;	
}
.blockquote-footer {
    font-size:15px;
    color: #999;
}



/*表單*/
small.form-text {
    font-size:90%;
	color: #999; /*灰字*/
}

/*縮進*/
ol.indent,
ul.indent {
	margin-left: 10px;
	padding-left: 10px;
}
ul.list-unstyled {
	/*overflow: hidden; 讓ul回覆正常有高度??*/
}
/*最後一個子元素*/
dl:last-child,
ul li:last-child,
ol li:last-child {
	margin-bottom:0;
}

/*加大li間距*/
ol.list-mb li:not(:last-child),
ul.list-mb li:not(:last-child) {
	margin-bottom: 2.5em;
}

@media (max-width: 767px) {  /*xs*/
	ol.list-mb li:not(:last-child),
	ul.list-mb li:not(:last-child) {
		margin-bottom: 3em;
	}
}




/*下拉*/
.custom-select {
    border:2px solid #bbb;
}

/*輸入欄位框*/
input, button, select, textarea, input[type="file" i]::-webkit-file-upload-button { /*用於input的file選擇檔案*/
 font-family:"微軟正黑體", Arial;
}
.form-group ::-webkit-input-placeholder { /* Chrome輸入框placeholder */
	color: #bbb;
}
.form-group :-ms-input-placeholder { /* IE 10+輸入框placeholder */
	color: #bbb;
}

/*複選單選加大*/
input[type=checkbox], 
input[type=radio] {
	transform: scale(1.5);
	margin:0 7px !important;	
}
.form-control {
    /*border:2px solid #e7e7e7;*/
	border:2px solid #bbb;
	/*padding: .375rem .75rem;*/
	padding: .5rem .75rem;
}
/*身分證字號input*/
input.id {
	width:calc(100% - 188px);
	margin-right:5px;
	float: left;
}
/*護照（外國籍人士）*/
.id-foreigner {
	margin-top:6px;
	float: left; 
}
/*其他input*/
input.other {
	display: inline-block;
}

@media (max-width:359.98px) {  /*xs*/
	/*身分證字號input*/
	input.id {
		width:100%;
		margin-right:0;
		float:none;
	}
	/*護照（外國籍人士）*/
	.id-foreigner {
		float:none; 
	}
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	input.other {
		width:100%;
	}
}
@media (min-width: 1600px) {  /* xl筆電桌機 */
	input.other {
		width:70.5%;
	}
}



/*單選是否*/
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before {
    /*background-color: #007bff;*/
	background-color: #d73741;/*主色紅*/ 
}


.table a {
	margin-top:0; 
	word-break: break-all; /*截斷英文單字,例網址*/
}

.py-4 {
    /*padding-bottom: 1.5rem!important;
	padding-top: 1.5rem!important;*/
	padding-bottom: 2rem!important;
	padding-top: 2rem!important;
}
.marginAuto {
	margin:0 auto;
}

.date {
	font-family:'Gothic A1', sans-serif,微軟正黑體 ; /*GoogleFonts 英文數字字型*/
}


/* ==================================================
   nav css
================================================== */
/*路徑列麵包屑*/
.breadcrumb {
    padding:0;
    margin-bottom:0.75em;
    background-color:transparent;
    border-radius:0;
	font-size:13.5px;
}
.breadcrumb .breadcrumb-item a:hover {
    color: #d73741;/*主色紅*/ 
}
.breadcrumb .breadcrumb-item.active {
    color: #999;/*灰字*/
}
.breadcrumb.white,
.breadcrumb.white .breadcrumb-item a,
.breadcrumb.white .breadcrumb-item.active {
	color: #fff;
}
.white .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
    color:#d73741;/*主色紅*/ 
	/*background-color:#d73741;主色紅*/ 
	background-color:#fff;
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.breadcrumb {
		margin-bottom:0.5em; 
	}
}	
	
@media (max-width: 575.98px) {  /*xs手機*/
	.dropdown-menu a.dropdown-item {
		white-space:inherit;/*解決手機版有第二層文字過長破格跑版,造成bug無法下滑選單*/
	}
}


/* ==================================================
   頁尾區域 footerArea
================================================== */
.footerArea {
	padding:30px 0 0;
	clear:both;
	overflow: hidden;
	color:#fff;
	position: relative;
}
.footerArea h5 {
	border-top: #fff solid 2px;
	padding-top:10px;
}
.footerArea dt {
	color:#ffa2aa;
	float: left;
	clear: both;
	/*padding-right:15px;*/
	width:75px;
	box-sizing: border-box;
}
.footerArea dd {
	float: left;
	margin-bottom: 0.05rem;
	width:calc(100% - 75px);
}
.footerArea dd i {
	transform: scale(1.1);
	transition: all .2s;
}
.footerArea dd i:hover {
	transform: scale(1.15);
}
.footerArea .logo {
	width:170px;
	height: auto;
	margin:5px 0 20px; 
}
.footerArea p {
	margin:0 0 5px;
	color:#fff;
}
.footerArea hr {
	border-top: 1px solid #ffbebe;
}
.footerArea,
.footerArea p,
.footerArea a {
	font-size:13.5px;
	line-height: 1.45;
}
.footerArea a {
	color: #ffb9a4;/*粉嫩字*/ 
	/*text-decoration: underline;*/
}
.footerArea a.developed {
	color: #fff;
	text-decoration:none;
}
.footerArea img.taipeiart {
	float:left;
	margin-right:20px;
	width:77px;
}
.footerArea ul.list-inline.sns li {
	/*color:#d73741;主色紅*/
	color: #ffb9a4;/*粉嫩字*/ 
}
.footerArea a.goTop {
	font-size:32px;
	color: #ffb9a4;/*粉嫩字*/ 
	display: inline-block;
	text-decoration:none;
	position: absolute;
	right:35px;
	top:5px;
	transition: all 0.5s cubic-bezier(0, .71, .4, 1);
}

/*常用服務*/
.ftArea1,
.ftArea2,
.ftArea3 {
	display: block;
	overflow: hidden;
}
.ftArea2 {
	box-sizing: border-box;
}
.ftArea2 ul li {
	width:50%;
	float: left;
}
.ftArea2 ul li a {
	font-size:16.5px;
	font-family: 'Noto Sans TC', sans-serif; /*GoogleFonts 思源中文黑體*/
	font-weight:500; 
	display: inline-block;
	margin-bottom:0.15rem; 
}

@media (max-width: 340px) { 
	.ftArea2 ul li a {
		font-size:14px !important;
		font-weight:400; 
		margin-bottom:0.35rem; 
	}
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.footerArea .logo {
		width: 135px;
		margin:0 0 25px;
	}
	.ftArea2 ul li a {
		font-size:15.5px;
		margin-bottom:0.35rem; 
	}
	.ftArea2 {
		padding-top:0.5rem; 
	}
	.ftArea3 {
		padding-top:1rem;
		margin-bottom:-0.75rem; 
	}
	.footerArea ul.list-inline.sns li.list-inline-item:not(:last-child) {
		margin-right: 0.9rem;
	}
	.footerArea a.goTop {
		font-size:25px;
		right:22px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.ftArea1 {
		width:170px;
	}
	.ftArea2 {
		width:calc(100% - 210px);
		margin-right:40px;
	}
	.ftArea2 ul li {
		width: 36%;
	}
	.ftArea2 ul li:nth-child(2),
	.ftArea2 ul li:nth-child(5){
		width: 40%;
	}
	.ftArea2 ul li:nth-child(3),
	.ftArea2 ul li:nth-child(6){
		width: 24%;
	}
	.ftArea3 {
		clear: both;
		float: none;
		padding-top:1.5rem; 
	}
	.footerArea ul.list-inline.sns li.list-inline-item:not(:last-child) {
		margin-right: 0.9rem;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {  /*lg平板橫式*/
	.ftArea1 {
		width:170px;
	}
	.ftArea2 {
		width:350px;
	}
	.ftArea3 {
		width:calc(100% - 600px); /*170+350+(40x2)*/
	}
	.ftArea2,
	.ftArea3 {
		margin-right:40px;
	}
	.footerArea ul.list-inline.sns li.list-inline-item:not(:last-child) {
		margin-right: .75rem;
	}
}

@media (min-width:1200px) {
	.ftArea1 {
		width:160px;
	}
	.ftArea2 {
		width:340px;
	}
	.ftArea3 {
		width:calc(100% - 600px); /*160+340+(50x2)*/
	}
	.ftArea2,
	.ftArea3 {
		margin-right:50px;
	}
	.footerArea ul.list-inline.sns li.list-inline-item:not(:last-child) {
		margin-right: .75rem;
	}
	.footerArea a.goTop:hover {
		transform: translateY(-5px);
	}
}

@media (min-width:1600px) {
	.footerArea .logo {
		width:185px;
	}
	.ftArea1 {
		width:160px;
	}
	.ftArea2 {
		width:500px;
	}
	.ftArea2 ul li {
		width: 36%;
	}
	.ftArea2 ul li:nth-child(2),
	.ftArea2 ul li:nth-child(5){
		width: 40%;
	}
	.ftArea2 ul li:nth-child(3),
	.ftArea2 ul li:nth-child(6){
		width: 24%;
	}
	.ftArea3 {
		width:calc(100% - 760px); /*160+500+(50x2)*/
	}
	.ftArea2,
	.ftArea3 {
		margin-right:50px;
	}
}



/* ==================================================
   背景圖
================================================== */
/*建築線稿*/
.bgPattern01.contact {
	/*background-image: url(../images/bgPattern01.png);*/
	background-image: url(../images/bgPattern01.gif);
    background-repeat: no-repeat;
    background-position:100% 8%; /*左右 上下*/
}
.bgPattern01.homeArea {
	background-image: url(../images/bgPattern01.gif);
    background-repeat: no-repeat;
    background-position:120% -3%; /*左右 上下*/
}


/*友善連結*/
.bgPattern03 {
	background-image: url(../images/bgPattern03.png);
    background-repeat: no-repeat;
    background-position:50% 0%;
	background-size:cover;
	background-color:#f0f0f0; 
}
/*紅樓演變史*/
.bgPattern07 {
	background-image: url(../images/bgPattern07.jpg);
    background-repeat:repeat;
	background-position:50% 0%; /*左右 上下*/
	background-size:cover;
	overflow: hidden;
}
/*news*/
.bgLight01 {
	background-image: url(../images/bgLight01.jpg);
    background-repeat: no-repeat;
	background-size:100%;
	background-color:#f6f6f6; 
}
/*電子報*/
.bgPic01 {
	background-image: url(../images/bgPic01.jpg);
    background-repeat: no-repeat;
	background-position:50% 0%; /*左右 上下*/
	background-size:100%;
}
/*faq*/
.bgPic02 {
	background-image: url(../images/bgPic02.jpg);
    background-repeat: no-repeat;
	background-position:0 0; /*左右 上下*/
	background-size:100%;
	/*background-size:cover; 隨時內容展開會有bug*/
	border-bottom:#fff solid 40px;
	animation: fadeIn 1.75s ease-in-out
}
/*友善連結*/
.bgPic03 {
	background-image: url(../images/bgPic03.jpg);
    background-repeat: no-repeat;
	background-position:0% 30%; /*左右 上下*/
	background-size:cover;
	height:45vh;
}
/*場地租借表單*/
.bgPic04 {
	background-image: url(../images/bgPic04.jpg);
    background-repeat: no-repeat;
	background-position:0 0%; /*左右 上下*/
	/*background-size:cover;*/
	background-size:300%;
	animation: fadeIn 0.75s ease-in-out;
	background-color:#eaeaea; 
}
/*參觀資訊*/
.bgPic05 {
	background-image: url(../images/bgPic05.jpg);
    background-repeat: no-repeat;
	background-position:50% 95%; /*左右 上下*/
	background-size:cover;
	min-height:65vh;
	padding-top:2rem; 
}

/*西區文化觀光基地*/
.about-icon {
	width:35%;
	margin-top:0.75em !important; 
	margin-bottom:0.5em !important; 
	max-width:140px !important; 
}


@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	/*news*/
	.bgLight01.newsCT {
		background-image:none;
		background-color:transparent;
	}
	/*友善連結*/
	.bgPattern03 {
		background-position:75% 0%; /*左右 上下*/
		background-size:300%;
	}
	/*區域導覽*/
	.bgPattern03.area {
		background-image:none;
		background-color:#fff; 
	}
	/*參觀資訊*/
	.bgPic05 {
		min-height:400px;
		padding-top:2rem; 
	}
	/*西區文化觀光基地*/
	.about-icon {
		width:33%;
	}
}


@media (max-width: 991.98px) {  /*xs,sm手機,md平板直式*/
	.bgPattern01.homeArea {
		background-image:none;
	}
	.bgPattern01.contact {
		background-image:none;
	}
	/*電子報*/
	.bgPic01 {
		background-size:cover;
	}
	.bgPic02{ /*faq*/
		background-image: url(../images/bgPic02-xs.jpg);
		background-position:0 50%; /*左右 上下*/
		background-size:cover;
		border-bottom:none;
		height:250px; 
	}
	/*場地租借表單*/
	.bgPic04 {
		background-size:cover;
		background-position: 0 100%;
		height:250px;  
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	/*電子報*/
	.bgPic01 {
		background-size:150%;
	}
	/*faq*/ /*場地租借表單*/
	.bgPic02 {
		height:400px; 
	}
	/*場地租借表單*/
	.bgPic04 {
		background-size:cover;
		background-position: 0 100%;
		height:400px;  
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {  /*lg平板橫式*/
	.bgPattern01.homeArea {
		background-size:65%;
		background-position:105% -1%; /*左右 上下*/
	}
	/*場地租借表單*/
	.bgPic04 {
		background-image: url(../images/bgPic04-lg.jpg);
		background-size:700%;
	}
}

@media (min-width: 1200px) {  /*xl筆電桌機*/
	/*底圖固定不動*/
	.bgLight01,
	.bgPattern03 {
		background-attachment: fixed; 
	}
	/*場地租借表單*/
	.bgPic04 {
		background-image: url(../images/bgPic04-lg.jpg);
	}
}

@media (min-width: 992px) and (max-width: 1399.98px) { /*lg平板橫式,xl*/
	.bgPattern01.contact {
		background-position:150% 5%; /*左右 上下*/
	}
}

@media (min-width: 1600px) { 
	.bgPattern01.homeArea {
		background-position:100% -2.5%; /*左右 上下*/
	}
	.bgPic02 {
		background-position:150px 0; /*左右 上下*/
		background-size:85%;
	}
}



/* ==================================================
   自定css
================================================== */
/*偵測捲軸-淡入進場動畫*/
.fadein-Top {
    transition: all 1.25s ease-in-out;
	opacity:0;
	transform:translateY(10%);
}
.fadein-Top.highlight {
	opacity:1;
	transform:translateY(0);
}


.bar {
	border-bottom:#645a5a solid 3px;
	padding-bottom:0.5rem;
	font-weight: bold;
}
/*.barL {
	border-left:#645a5a solid 5px;
	padding-left:0.5rem;
	font-weight: bold;
}*/
.barBG {
	background: linear-gradient(to right, #eee 0%, #fff 80%);
	background-color: #eee;
	padding:0.4rem 0.5rem;
	font-size:15px; 
	margin:0;
	margin-bottom:1rem; 
	border-left:#6d6161 solid 2px;
}
.fontDate {
	font-family:'Gothic A1', sans-serif; /*Google Fonts 英文數字字型*/
	color: #6d6161;/*粽灰色*/
}
.fontTW1 {
	/*font-family: 'Noto Sans TC', sans-serif; Google Fonts 思源中文黑體*/
	font-family: 'Noto Serif TC', serif; /*Google Fonts 思源中文宋體*/
	font-weight:400;
}
.fontEN1 {
	font-family: 'EB Garamond', serif; /*GoogleFonts 英文裝飾體*/
	font-weight:400;
}
.fontEN2 {
	font-family: 'Oswald', sans-serif; /*GoogleFonts 英文胖瘦長字型*/
	font-weight:400;
}

.marginBtm1 {
	margin-bottom:5px !important; 
}
.padding1 {
    padding:4.5rem;
}
.no-border {
	border: none;
}

/*標題文字居中中線*/
.midline {
	display:flex;
	justify-content: space-between;
	align-items: center;
	line-height:1; 
	--space:.75rem;
}
.midline:before,
.midline:after {
    content: '';
	display: block;
	flex-grow:1; 
	height:1px;
	background-color:#645a5a;
}
.midline:before {
	margin-right:var(--space); 
}
.midline:after {
	margin-left:var(--space); 
}


@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.padding1.faq,
	.padding1.venue-form {
		padding:20px;
		padding-top:1.5rem !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.padding1.faq {
		padding:35px;
		padding-top: 2.1rem !important;
	}
	.padding1.venue-form {
		padding:35px;
		padding-top: 2.1rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199.98px) {  /* md平板直式~lg平板橫式 */
	.padding1 {
		padding:3.75rem;
	}
}

@media (min-width: 1600px) {  /* xl筆電桌機 */
	.padding1.venue-form {
		padding-left:6rem;
	}
}



/*標題中線*/
.line-center {
    border-bottom:1px solid #ddd;/*灰色*/
    position: relative;
	margin-bottom:18px; 
    width:100%;
}

.line-center mark {
	background-color:#fff;
	position: absolute;
    top:-13px;
	padding:0 2px;
	font-size:18px; 
	/*color: #bbb;灰字*/
	color: #9d9696;/*淺粽灰色*/
	font-family: 'Noto Sans TC', sans-serif; /*GoogleFonts 思源中文黑體*/
	font-weight:200;
	transform: translateX(-50%); /*強制居中*/
	left:50%; /*強制居中*/
	white-space: nowrap;
}

/*靠左*/
.line-center mark.text-left {
	transform: translateX(0%);
	left:0%;
}


/*上稿編輯區*/
.editor {
	margin-top:1em; 
}
.editor .editorMore {
	padding-top:1.5em; 
}
.editor .editorCT {
	padding:2em;
	background-color:#fff; 
}
.editor hgroup {
	margin-bottom:1.35em; 
}
.editor hgroup h3 {
	color: #d73741;/*主色紅*/ 
}

 /*上稿圖*/
.editor img {
    max-width: 100%;
    height:auto !important;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.editor strong { /*外文也能共用*/
	font-family: 'Noto Sans TC', sans-serif; /*GoogleFonts 思源中文黑體*/
	font-weight: 700; 
}


@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.editor {
		margin-top:0.5rem; 
	}
	.editor hgroup h3 {
		margin-bottom:0.5rem;
	}
	.editor .editorCT {
		padding:0;
	}
	.editor .editorCT p {
		text-align: left;
	}
	.editor .editorCT .sns {
		clear: both;
		margin-top:0.5rem; 
	}
}

@media (min-width: 992px) {  /*lg平板橫式~xl*/
	.editor p {
		line-height:1.65 !important;
	}
	.editor .editorMore {
		padding-top:2em; 
		padding-left:2.5em; 
		animation: fadeR2L 1.25s ease-out both;
	}
}

.video {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /*影音16:9*/
	/*padding-bottom: 75%; 影音4:3*/
	margin-bottom:25px;
}
.video iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/*功能區黏著*/
@media (max-width: 991px) {  /*xs,sm*/
	#sticker {
	 position:static !important;
	 width:auto !important;
	 /*width:100% !important;*/
	}
}


/*sns*/
.sns ul li.list-inline-item:not(:last-child) {
    /*margin-right: .5rem;*/
	margin-right:0;
}
.fb_iframe_widget span {
	/*height:20px;*/
    height:25px !important; /*強制修改fb的bug*/
}


/*電子報*/
.newsletter {
	animation:fadeB2T 1.5s ease-out both;
	animation-delay:1s; /*延遲多久後啟始動畫*/
}

/*館所歷史*/
.history {
	position: relative;
	overflow: hidden;
	background-image: url(../images/bgPattern05.png);/*側圖底紋*/
    background-repeat: no-repeat;
	background-position:0% 50px;
	background-color: #e3dfd2;
}
.history h3.runYear {
	text-align: center; /*西門紅樓物語*/
	margin-bottom:0.75rem;
}
.history h3.runYear .fontEN2 {
	font-size:150%;
	color: #918069;
}
.history ul li {
	margin-bottom: 0.5rem;
}
.history .col-md-2.year {
    font-family: 'Oswald', sans-serif;
    font-size: 2.15em;
    font-weight: 500;
    color: #918069;
    line-height: 1;
    margin-bottom: 1rem;
    white-space: nowrap;
}
.history ul li img {
	margin-bottom:0.25rem;
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.history {
		padding-bottom:100px; 
	}
	.history h3.mt-4 {
		text-align: center; /*百年更迭．歷史紅樓*/
	}
	.history ul li {
		margin-bottom:0;
	}
	.history .col-md-2.year {
		font-size: 1.85em;
		margin-bottom: 0.25rem;
	}
	.history ul li img {
		margin-top:2rem;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	/*組合*/
	.history .group .col {
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}
}

@media (min-width: 768px) and (max-width: 1199.98px) {  /* md平板直式~lg平板橫式 */
	.history .col-md-2.year {
		-ms-flex: 0 0 12%;
		flex: 0 0 12%;
		max-width: 12%;
	}
	/*組合*/
	.history .group .col-md-2.year {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	/*組合*/
	.history .group .col {
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}
	.history {
		background-position:-15% 0px;
	}
}

@media (min-width: 1200px) {  /* xl筆電桌機 */
	.history .col-md-2.year {
		-ms-flex: 0 0 9%;
		flex: 0 0 9%;
		max-width: 9%;
	}
	/*組合*/
	.history .group .col-md-2.year {
		-ms-flex: 0 0 15.9%;
		flex: 0 0 15.9%;
		max-width: 15.9%;
	}
	/*組合*/
	.history .group .col {
		-ms-flex: 0 0 74.1%;
		flex: 0 0 74.1%;
		max-width: 74.1%;
	}
	.history p {
		font-size:18px;
		font-weight: bold;
	}
}

/*參觀資訊*/
.info .bgPic05 hgroup h6 {
	width:60%;
}
.info .bgPic05 .row {
	width:33.3333%;
}
.info .carousel {
	margin-top:-6rem; 
	animation:fadeB2T 1s ease-out both;
	animation-delay:1.5s; /*延遲多久後啟始動畫*/
}


/*地理交通*/
.location dl {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-start;
}
.location dl dt {
	margin-bottom: 0.25rem;
}
.location dl dd {
	margin-bottom: 1rem;
}
.location .mapPIC {
	background-image: url(../images/location02.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position:50% 0;
	min-height:450px; 
}
.location i {
	font-size:22px; 
}
.location dl dt .col {
	font-family: 'Noto Sans TC', sans-serif;
	font-size:16px; 
	font-weight: 700;
}



@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.info .bgPic05 hgroup h6,
	.info .bgPic05 .row {
		width:auto;
	}
	.info .carousel {
		margin-top:-6rem; 
		margin-bottom:1.25rem; 
		max-width:65%; 
	}
	.location .mapPIC {
		display: none;
	}
	.location dl dt {
		width:100%;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.info .bgPic05 hgroup h6,
	.info .bgPic05 .row {
		width:60%;
	}
}

@media (min-width: 768px) {  /*md平板直式~lg~xl*/
	.location dl dt {
		width:140px;
	}
	.location dl dd {
		width: calc(100% - 140px);
	}
}

@media (min-width: 992px) {  /*lg平板橫式~xl筆電桌機*/
	.location dl dt .col {
		font-size:18px; 
	}
}


/* ==================================================
   紅樓演變史 develop
================================================== */

/*客制化捲軸*/
.scrollStyle::-webkit-scrollbar{
 height:12px;
}
.scrollStyle::-webkit-scrollbar-thumb{
 border:3px solid transparent;
 border-radius:10px;
 background-color: #807373;
 background-clip: content-box;
}
.scrollStyle::-webkit-scrollbar-thumb:hover{
 background-color: #8e7d7d;
}


.navBar {
	background-color:#6d6161;
	position: sticky;
	top:65px;
	z-index: 1;
	color:#fff;
	overflow: auto;
}
.navBar .nav {
    flex-wrap: nowrap;
}
.navBar .nav-link {
    color:#fff; 
	xxxpadding: 0.5rem 5% 0.5rem;
	white-space: nowrap;
	text-align: center;
	/*border-bottom: #6d6161 solid 2px;*/
}
.navBar .nav-link:focus,
.navBar .nav-link:hover {
    color: #ffecaa; /*亮黃色*/ 
	/*border-bottom: #ffecaa solid 2px;*/
}
.navBar .nav-link.active {
    /*color: #ffecaa; 亮黃色*/ 
	color: #fff8c8; /*亮黃色-1*/  
}


.oldphotoBOX {
	padding-top:1.5em; 
	margin-bottom:2em; 
}
.oldphotoBOX .oldphoto {
	padding-top:2.5em; 
}
/*圖片灰階
.oldphotoBOX .oldphoto img {
	filter: grayscale(100%);  
}
*/
.oldphotoBOX h1 {
	font-size: 3.5vw;
	line-height:1em;
	letter-spacing:-0.05em; 
	font-weight:700;
	color: #ffecaa; /*亮黃色*/ 
	text-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); /*暈染效果*/
	/*text-shadow:2px 1px 2px #000;  陰影效果*/
	position: relative;
	margin:1.5em 0 0.75em;
	z-index:2; 	
}
.oldphotoBOX h1 .year {
	font-weight:normal;
	font-size: 4.5vw;
	color: #fff;
	font-style: italic;
	font-family: 'EB Garamond', serif;  /*GoogleFonts 英文裝飾體*/
	position: absolute;
	bottom:100%;
	left:30%; 
	z-index:2; 
}
.oldphotoBOX p {
	font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
	color: #000;
	line-height:1.75; 
}
.oldphotoBOX article {
	padding-bottom:1.5em; 
}
.bgPattern07 a:hover {
    color: #d73741;
}

/*單cut進場後的效果*/
.slick-slide.slick-active h1 {
	animation:fadeR2L 1.5s ease-out;
}
.slick-slide.slick-active p {
	animation:fadeB2T 1.5s ease-out;
}



@media (min-width:768px) and (max-width:991px) {  /*ipad直式*/
	.oldphotoBOX {
		padding-top:0; 
		margin-bottom:0; 
	}
	.oldphotoBOX h1 {
		font-size: 5vw;	
	}
	.oldphotoBOX h1 .year {
		font-size: 7.5vw;
		left:15%;
	}
}

@media (max-width: 767px) {  /*xs*/
	.navBar {
		top:57px;
	}
	.oldphotoBOX {
		padding-top:0; 
		margin-bottom:0; 
	}
	.oldphotoBOX h1 {
		font-size: 8vw;	
	}
	.oldphotoBOX h1 .year {
		font-size: 10vw;
	}
}



/* ==================================================
   更多連結列表 listlink
================================================== */
ul.listlink,
ul.leftless {
	margin-left:-1.25em; /*縮減左邊空間齊左*/
}
ul.listlink li {
	margin-bottom:0.2em; 
}
ul.listlink li .fontDate {
	display: inline-block;
	margin-left:15px; 
	font-size:15px;
	color: #999;
}

/*右側時*/
.editorMore ul.listlink li {
	margin-bottom:0.45em; 
}

.editorMore ul.listlink li .fontDate {
	display: block;
	margin-left:0; 
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	ul.listlink li .fontDate {
		display: block;
		margin-left:0; 
	}
	ul.listlink li {
		margin-bottom:0.45em; 
	}
}


/*列表頁1/2*/
ul.list50 li {
	width:50%;
	float: left;
}

@media (min-width: 1200px) {  /*xl筆電桌機*/
	ul.list50-xl li {
		width:50%;
		float: left;
	}
}

/*友善連結*/
ul.link li {
	margin-bottom:1.65rem; 
}
ul.link li a i{
	color: #f89882; /*粉嫩字*/
	/*color: #1eafbc;藍綠色*/
}
ul.link li a {
	display: inline-block;
}
/*ul.link li a:hover {
	color: #1eafbc;
}*/
.link .col h6 {
	margin-bottom:0.35rem!important;
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.link .col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.link .col h3 {
		padding-bottom:0.5rem; 
		margin-bottom:1rem; 
		border-bottom:1.5px solid #645a5a;
	}
}


/*聯絡我們*/
.contact.mainBOX {
	min-height:370px; 
}
.contact dl {
	display: flex;
	flex-wrap: wrap; /*支援拆行*/
	align-self: flex-start; /*div齊頭*/
	margin-top:2rem; 
}
.contact dl dt {
	width:90px;
}
.contact dl dd {
	width:calc(100% - 90px);
}


@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.contact.mainBOX {
		min-height:auto; 
	}
}

@media (min-width: 1200px) {  /* xl筆電桌機 */
	.contact dl {
		padding-left:220px; 
		margin-top:-50px; 
	}
}

@media (min-width: 1600px) {
	.contact dl {
		padding-left:300px; 
		margin-top:-68px; 
	}
}


/* ==================================================
   表單
================================================== */
.col-form-label {
	font-family: 'Noto Sans TC', sans-serif; /*GoogleFonts 思源中文黑體*/
	font-weight:400;
}


/*場地租借申請表-正式審核已通過*/
/*租用時段*/
.width-time1 {
    width: calc(50% - 25px);/*50px的一半*/
    float: left;
}
.width-time2 {
    width:50px;
    float: left;
	text-align: center;
}
.form-group .btn-dark {
	border-radius: .25rem;
}
/*參與人數*/
.form-group .people { 
	position:relative;
}
/*人,場*/
.form-group .people span {
    position: absolute;
	right:12px; 
	bottom:8px;
	z-index:2;
	color:#bbb; 
}
.form-group .people input {
	width:calc(100% - 4px);
}

/*場地租借*/
@media (min-width: 1200px) and (max-width: 1599.98px)  {  /* xl筆電桌機 */
	.venue-form .col-xl-2 {
		/*-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;*/
		-ms-flex: 0 0 32%;
		flex: 0 0 32%;
		max-width: 32%;
	}
	.venue-form .col-xl-6,
	.venue-form .col-xl-10 {
		-ms-flex: 0 0 68%;
		flex: 0 0 68%;
		max-width: 68%;
	}
	/*場地租借-按鈕*/
	.venue-form .btnArea .col-xl-3 {
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
}

@media (min-width: 1600px) {  /* xl筆電桌機 */
	.venue-form .col-xl-2 {
		/*-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;*/
		-ms-flex: 0 0 23%;
		flex: 0 0 23%;
		max-width: 23%;
	}
	.venue-form .col-xl-10 {
		-ms-flex: 0 0 77%;
		flex: 0 0 77%;
		max-width: 77%;
	}
	.venue-form .col-xl-6 {
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		max-width: 55%;
	}
	.venue-form .col-xl-3 {
		-ms-flex: 0 0 27.5%;
		flex: 0 0 27.5%;
		max-width: 27.5%;
	}
}



/* ==================================================
   btn按鈕
================================================== */
/*按鈕*/
.btn {
    padding:.5rem 1rem;
    font-size:15.5px;
	font-weight: bold;
	/*border-radius: .25rem;*/
	border-radius: 0;
	text-decoration: none !important;
	/*font-family: 'Noto Sans TC', sans-serif; GoogleFonts 思源中文黑體*/
}

/*無框*/
.btn-link {
    font-weight: 400;
	color: #645a5a;
    background-color: transparent;
}
.btn-link.active,
.btn-link:hover,
.btn-link:focus,
.btn-link.focus {
    color: #ffbc9e;
	text-decoration: none;
	box-shadow:none !important;
}


/*淺色按鈕.btn-light*/
.btn-light {
    background-color: #eeeeee;
    border-color: #eeeeee;
}
.btn-light.active,
.btn-light:hover {
  	/*background-color: #463f3f;
  	border-color: #463f3f;*/
	background-color: #d8d8d8;
  	border-color: #d8d8d8;
}
.btn-light.disabled, 
.btn-light:disabled {
    background-color: #eeeeee;
    border-color: #eeeeee;
}
.btn-light:not(:disabled):not(.disabled).active, 
.btn-light:not(:disabled):not(.disabled):active, 
.show>.btn-light.dropdown-toggle {
    color: #212529;
	background-color:#d8d8d8;
  	border-color: #d8d8d8;
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	/*電子報-淺色按鈕*/
	.bgPic01 .btn-light {
		background-color: #fff;
		border-color: #fff;
	}
}


/*空心黑框按鈕*/
.btn-outline-dark {
    /*color:#837878; 淺粽灰色*/
	color:#6d6161;/*粽灰色*/
    border-color:#ccc;
}
.mainKVBOX-w .btn-outline-dark {
    border-color:#6d6161; /*創意市集底色時*/
}
.btn-outline-dark:hover {
  	color: #fff;
  	/*background-color: #343a40;
  	border-color: #343a40;*/
	background-color:#6d6161;/*粽灰色*/
    border-color:#6d6161;/*粽灰色*/
}
.btn-outline-dark:focus, 
.btn-outline-dark.focus {
    /*box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);*/
	box-shadow:none;
}
.btn-outline-dark.disabled, 
.btn-outline-dark:disabled {
  	background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, 
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  	color: #fff;
  	/*background-color: #343a40;
  	border-color: #343a40;*/
	background-color:#6d6161;/*粽灰色*/
    border-color:#6d6161;/*粽灰色*/
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, 
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
	/*box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);*/
	color: #fff;
	box-shadow:none;
}

/*深色按鈕.btn-dark*/
.btn-dark {
  	/*background-color: #343a40;
  	border-color: #343a40;*/
	background-color:#6d6161;/*粽灰色*/
    border-color:#6d6161;/*粽灰色*/
}
.btn-dark:hover {
  	background-color: #463f3f;
  	border-color: #463f3f;
}
/*.btn-dark:focus, 
.btn-dark.focus {
  	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}*/
.btn-dark.disabled, 
.btn-dark:disabled {
  	/*background-color: #343a40;
  	border-color: #343a40;*/
	background-color:#6d6161;/*粽灰色*/
    border-color:#6d6161;/*粽灰色*/
}
/*
.btn-dark:not(:disabled):not(.disabled):active, 
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
	  color: #fff;
	  background-color: #1d2124;
	  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, 
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}*/

/*上傳檔案裡的按鈕 X */
.input-group-append .btn-dark {
    padding: .25rem 1rem;
}


/*紅色按鈕.btn-danger*/
.btn-danger {
    color: #fff !important;
    background-color: #d73741;/*主色紅*/ 
    border-color: #d73741;
}
.btn-danger:hover {
  	background-color: #c82333;
    border-color: #bd2130;
}
.btn-danger.disabled, 
.btn-danger:disabled {
    background-color: #d73741;/*主色紅*/ 
    border-color: #d73741;/
}


/*搜尋 嫩色按鈕.btn-warning*/
.btn-warning {
    background-color: #ffb9a4;
    border-color: #ffb9a4;
}
.btn-warning:hover {
  	background-color: #faaf99;
    border-color: #faaf99;
}
.btn-warning:focus, 
.btn-warning.focus {
  	/*box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);*/
	box-shadow:none !important;
}
/*.btn-warning.active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus {
    background-color: #ffbc9e;
    border-color: #ffbc9e;
	box-shadow:none !important;
}*/
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
	color: #000;
	background-color: #faaf99;
	border-color: #faaf99;
	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.05);
}


.btn-white {
    background-color: #fff;
    border-color: #fff;
}


/*藍色按鈕.btn-primary*/
.btn-primary {
    color: #fff;
	background-color:#7b8fb4;/*靛藍色*/
    border-color: #7b8fb4;
}
.btn-primary:hover {
  	background-color: #36518a;/*靛藍色加深*/
    border-color: #364f85;
}
.btn-primary:focus, 
.btn-primary.focus {
  	/*box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);*/
	box-shadow:none !important;
}
/*.btn-primary.disabled,
.btn-primary:disabled {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}*/
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	background-color: #395082;
	border-color: #395082;
	/*box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.05);*/
	box-shadow:none !important;
}


/*粉底色按鈕.btn-primary*/
.btn-skin {
    color: #fff;
	background-color:#dcafa5;/*粉底色*/
    border-color: #dcafa5;
}
.btn-skin:hover {
  	color: #fff;
	background-color: #cd9b91;/*粉底色加深*/
    border-color: #cd9b91;
}
.btn-skin:focus, 
.btn-skin.focus {
  	/*box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);*/
	box-shadow:none !important;
}
/*.btn-skin.disabled,
.btn-skin:disabled {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}*/
.btn-skin:not(:disabled):not(.disabled):active,
.btn-skin:not(:disabled):not(.disabled).active,
.show > .btn-skin.dropdown-toggle {
	background-color: #c38c82;
	border-color: #c38c82;
	/*box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.05);*/
	box-shadow:none !important;
}


/*單複選按鈕*/
.btn input[type=checkbox], 
.btn input[type=radio] {
	display:none; /*隱藏勾選狀態*/
}
label.btn {
	margin-bottom:0.25rem; 
}
label.btn-primary,
label.btn-light {
    position: relative;
	border-radius: .25rem;
}
/*場地租借申請表*/
label.btn-primary.active:after,
label.btn-light.active:after {
    content: "√";
    position: absolute;
    top:-9px;
    right:0;
	font-size:17px; 
    color: #d73741;/*主色紅*/ 
    font-weight: bold;
    z-index: 1;
}
label.btn-light:not(:disabled):not(.disabled).active, 
label.btn-light:not(:disabled):not(.disabled):active {
	background-color: #fee8e2;
  	border-color: #fee8e2;
}
/*西門紅樓電子報*/
label.btn-primary.active:after {
    top:-5px;
    color: #66ccff;
}


/*互動式外擴散光*/
.btn-tech {
	color: #FFF;
	font-size:16px;
	line-height:1.25;
	padding:0;
	padding-top:30px;
	width: 120px;
	height: 120px;
	text-align: center;
	box-sizing: border-box;
	/*overflow:hidden;  圓角用塞圖時才不會影響圓角美觀 */
	background-color: #ff6969;
	background-image: linear-gradient(to top, #ff6969 0, #942532 200%);
	box-shadow: 1px 0px 3px 2px rgba(20%,20%,20%,0.25) inset;
	box-shadow: 1px 3px 1px 0 rgba(200, 60, 60, 1.0);
	border-radius: 50%; /*for ie*/
	box-shadow: 0 0 0 0 rgba(255, 150, 150, 0.75);
	animation: btnGlow 3.5s infinite ease-out alternate-reverse; /*動畫btnGlow,alternate-reverse會反轉播*/
	animation-delay:2s; /*延遲多久後啟始動畫*/
}
/* 互動式外擴散光-縮小 */
.btn-tech.small {
	padding-top:20px;
	width:96px;
	height:96px;
}
/* 場地租借 */
.btn-tech.rentBtn {
    padding-top:28px !important;
}

@keyframes btnGlow {
	 from {
	 	border-radius: 20%; /*for ie*/

	}
	 to {
	 	box-shadow:0 0 0 1em rgba(255, 102, 0, 0); /*動畫btnGlow*/
		border-radius: 50%; /*for ie*/
	}
}
.btn-tech:focus,
.btn-tech:hover {
	color: #FFF;
	background-color: #942532;
	background-image: linear-gradient(to top, #ff6969 0, #942532 120%);
	/*animation: none; 動畫*/
	opacity: 0.95; /*動畫*/
}
.btn-tech i {
	display: block;
	font-size:16px;
	margin-top:6%;
}


/*頁數*/
.pagination {
	margin-top:2em; 
}
.no-border .page-link {
	border: none;/*去除邊框*/
}
.page-link,
.page-link:hover {
    color:#6d6161;/*粽灰色*/
	background-color:transparent;
	border-color:rgba(0, 0, 0, 0.25);
	font-size:19px;
	min-width:40px;
	min-height:40px; 
	text-align: center;
	padding:0;
	padding-top:0.45rem;
	font-family: 'Oswald', sans-serif; /*GoogleFonts 英文胖瘦長字型*/
	/*border-radius: .25rem;  頁數無框邊時使用 */
}
.page-link:hover {
    /*color: #d73741;主色紅*/ 
	background-color:rgba(0, 0, 0, 0.1);
}
.page-item:last-child .page-link {
    /*border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;*/
	border-radius:0;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    /*background-color: #007bff;
    border-color: #007bff;*/
	background-color: #d73741;
	border-color:rgba(0, 0, 0, 0.25);
}
.page-item.disabled .page-link {
    color:#ccc;/*灰字*/
	background-color:transparent;
	border-color:rgba(0, 0, 0, 0.25);
}

/*分類按鈕.tabBtn時*/
.tabBtn .list-inline-item { /*排除最後一個子元素*/
    margin-right:0;
	margin-bottom:3px; /*手機版斷行時*/ 
}


/* 嵌套按钮頁數 */
.pageselect .form-control {
	flex: 1 1 auto;
	max-width: 80px; /*取消的話就會滿版寬*/
}
.pageselect .input-group-addon {
	width: auto;
}
.pageselect.input-group {
	margin: 0 auto;
}
/*.pageselect.input-group .form-control {
    color: #fff;
    background-color: #46beaa;
	padding: 6px 20px;
}*/
.pageselect .input-group-addon {
	padding: 6px 10px;
	background-color: #eee;
	border: 1px solid #ccc;
}
.pageselect .input-group-addon:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.pageselect .input-group-addon:not(:first-child) {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}
.pageselect .input-group-addon.unRadius {
	border-radius: 0 !important; /*四邊沒有圓角*/
}
/*最後的btn左側沒有圓角*/
.pageselect .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}


/* ==================================================
   nav-pills 頁籤 : 區域導覽
================================================== */
.nav-pills {
	background-color: #fff;
}
.nav-pills .nav-link {
    /*border-radius: .25rem;*/
	border-radius:0;
}
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #d73741;/*主色紅*/ 
}
.nav-pills .nav-link {
    display: block;
    padding: .5rem 1rem;
	font-family: 'Noto Sans TC', sans-serif;
	/*font-weight: bold;*/
	font-weight: 500;
	font-size: 15.5px;
	color: #d73741;/*主色紅*/ 
	border-top:#d73741 solid 2px;
}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
	color: #fff;
    background-color: #d73741;/*主色紅*/ 
}


@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.nav-pills .nav-link {
		padding: .5rem .75rem;
	}
}

@media (min-width: 1200px) {  /* xl筆電桌機 */
	.nav-pills .nav-link {
		padding: .5rem 1.5rem;
	}
}


/* ==================================================
   architectural 古蹟建築特色
================================================== */
/*文字按鈕*/
.structure-link {
	position: absolute;
	z-index:3;
	top: 9em;
	/*left: 15px;*/
	left:5em;
}
.structure-link li {
	margin-bottom:0.75rem; 
	color: #999;
	text-align: right;
}
.structure-link li,
.structure-link li a {
	font-size:17px;
	font-weight: bold;
}
.structure-link li a {
	color: currentColor;
	transition: all 0.2s;
}
.structure-link li:hover a,
.structure-link li.active a{
	transform: translateX(10px);
	color:#ff1e28;
}

.architectural {
	position: relative;
	margin-left:18vw;
	margin-top:-3em; 
	margin-bottom:2em; 
}

.architecturalPIC{
	position: relative;
}
.structure-btn {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	margin:0;
}
.structure-btn li{
	position: absolute;
	left:0;
	top:0;
	width:4%;
	cursor: pointer;
}
.structure-btn li:nth-child(1){ margin:36.5% 0 0 24.5%;}
.structure-btn li:nth-child(2){ margin:12% 0 0 22%;}
.structure-btn li:nth-child(3){ margin:8% 0 0 45%;}
.structure-btn li:nth-child(4){ margin:-1% 0 0 44%;}
.structure-btn li:nth-child(5){ margin:29% 0 0 54%;}
.structure-btn li:nth-child(6){ margin:35% 0 0 73%;}
.structure-btn li:nth-child(7){ margin:21% 0 0 78%;}
.structure-btn li:nth-child(8){ margin:26% 0 0 22%;}
.structure-btn li:before{
	position: absolute;
	content: "";
	display: block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#8CD1D7;
	border-radius:50%;
	animation:hintBdr 2s ease-out infinite;
}
@keyframes hintBdr{
	to{
		transform: scale(1.6);
		opacity:0;
	}
}

.structure-btn li:after{
	position: relative;
	content: "✚";
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio:1;
	color:#FFF;
	font-size: clamp(10px, 1.36vw, 26px);
	line-height: 1em;
	background:#6487c3;
	border-radius:50%;
	transition:background 0.5s;
}
.structure-btn li:hover:before,
.structure-btn li.active:before{
	background:#FFF;
}
.structure-btn li:hover:after,
.structure-btn li.active:after{
	/*background:#FD0;*/
	background:#ff1e28;
}


@media (min-width: 768px) and (max-width: 991.98px) {
	
	.structure-link {
		top: 7em;
		left:3em;
	}
	
	.architectural {
		margin-top:0; 
	}
}


@media (max-width: 767px){
	
	.structure-link {
		display:none;
	}
	
	.architectural {
		margin-left:0;
		margin-top:1em;
	}
	
	.structure-btn li{
		width:6.5%;
	}
	
}


/*點了滑出效果*/
.offcanvas {
	position: fixed;
	z-index: 6; /*負數愈後層被蓋住*/
	top:0;
	right:0;
	width:100%;
	transition: all 1.0s cubic-bezier(0, .71, .4, 1);
	transform:translateX(100%); /*Y負數是往上偏移*/
}
.offcanvas.open {
    transform: translateX(0%);
}
.offcanvas.open:before {
    content: "";
	display: block;
	backdrop-filter: blur(10px); 
	position: absolute;
	right: 0;
	top: 0;
	width: 115%;
	height: 100%;
	z-index: 0;
}
.offcanvas button.closeBtn {
    color: #333;
    margin-top: 5px;
    margin-right: 5px;
    position: fixed;
    right: 0.25rem; /*預留Y軸scrollbar位置*/
    top: 0.25rem;
    z-index: 1;
}
.offcanvas .offcanvasBOX {
	margin-left:15%; 
	height:100vh;
	padding:2.5rem 5rem;
	overflow-y:auto;
	background-color:#fff;
	position: relative;
	z-index: 1;
	box-shadow: 1px 1px 500px rgba(0,0,0,0.25);
}
.offcanvas .offcanvasBOX h1 {
	margin-bottom:2rem; 
	line-height:1.1; 
}
.offcanvas .offcanvasBOX h1 small {
	margin-top:0.75rem;
	display: block;
	color: #f89882;
	font-weight: 400;
}
.offcanvas .offcanvasBOX .col-auto {
	max-width:100%; 
}
.offcanvas .offcanvasBOX .structurePIC {
	margin-bottom:1em; 
}

@media (min-width:1200px) { /*xl*/
	.offcanvas .offcanvasBOX .structurePIC {
		max-width:75%; 
	}
	.offcanvas button.closeBtn {
		right: 1.5rem; /*預留Y軸scrollbar位置*/
		top: 0.5rem;
	}
	.offcanvas .offcanvasBOX article,
	.offcanvas .offcanvasBOX p {
		line-height:1.75; 
	}
	.architectural {
		margin-left:25vw; 
		margin-top:-6em; 
	}
}

@media (max-width:991.98px) {  /*ipad直式以下*/
	.offcanvas .offcanvasBOX {
		padding:2rem 3rem;
	}
	.offcanvas .offcanvasBOX .structurePIC {
		width:100%;
	}
	.offcanvas .offcanvasBOX h1 {
		text-align: center;
	}
}

@media (max-width: 767.98px) {  /*xs手機*/
	.offcanvas .offcanvasBOX {
		margin-left:0; 
	}
	.offcanvas .offcanvasBOX {
		padding:1.75rem 2.25rem;
	}
}





/* ==================================================
   effect 效果
================================================== */
@media (min-width: 1200px) {  /* xl筆電桌機 */
	/*位移效果-X軸往右移動*/
	.effect-moveR {
		transition: transform 0.35s ease-out;
		display: inline-block; /* 文章列表a連結需要 */
	}
	.effect-moveR:focus,
	.effect-moveR:hover {
		transform: translateX(10px);  /*translate位移*/
	}

	/*位移效果-X軸往右移動*/
	.effect-moveL {
		transition: transform 0.35s ease-out;
		display: inline-block; /* 文章列表a連結需要 */
	}
	.effect-moveL:focus,
	.effect-moveL:hover {
		transform: translateX(-10px);  /*translate位移*/
	}
	/*位移效果-y軸往上移動*/
	.effect-moveT {
		transition: transform 0.35s ease-out;
		display: inline-block; /* 文章列表a連結需要 */
	}
	.effect-moveT:focus,
	.effect-moveT:hover {
		transform: translateY(-6px);  /*translate位移*/
	}
	
	/*位移效果-y軸往下移動*/
	.effect-moveB {
		transition: transform 0.35s ease-out;
		display: inline-block; /* 文章列表a連結需要 */
	}
	.effect-moveB:focus,
	.effect-moveB:hover {
		transform: translateY(6px);  /*translate位移*/
	}
	/*圖文列表頁時*/
	.picList .effect-moveR,
	.picList .effect-moveL,
	.effect-moveB {
		display:block !important; /* 欄位空白時也可以空間撐住無bug */
	}
}


/* ==================================================
   Shadows 陰影
================================================== */
.shadow {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
	box-shadow: none !important;
}


/* ==================================================
   .pageCover整頁蓋黑幕
================================================== */
/*點漢堡按鈕 .pageCover整頁蓋黑幕*/
.pageCover.active:before {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.65);/*z-index:5;*/
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	/*點漢堡按鈕 .pageCover整頁蓋黑幕*/
	.pageCover.active:before {
		position: absolute;
		content: "";
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.65);
		z-index: 5;
	}
}



/* ==================================================
   照片effects - a包住圖文時
================================================== */
/* 照片over effect 蓋幕 */
.effects a.expand .overlay {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;/*line-height: 50px;  和字上面的icon拉開間距 */
	/*font-size: 13.5px;*/
	/*background: url(../template/imgs/white-bike-icon.png) no-repeat top center;  保留未來使用*/
}
.effects a.expand:hover .img .overlay {
	opacity: 1;
}
/*使用glyphicon文字圖像時*/
.effects a.expand .overlay .glyphicon {
	display: block;
	margin-top: 0;
	transition: all 0.5s;
	/*font-size:2.5em;*/
	line-height: 0.5em;
}
.effects a.expand:hover .img .overlay .glyphicon {
	margin-top: 30%;
}
/* 照片over effect 蓋幕上的內文 */
.effects a.expand:hover .overlay p {
	color: #fff;/*padding:20px;
	font-size:1.2em;*/
}


/* ==================================================
   地圖 google map
================================================== */
/*如果使用iframe時*/
.map iframe {
	width: 100%;
	height:500px;
	border:0;
	border-width: 0px;
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.map iframe {
		height:70vh;
	}
}



/* ==================================================
   圖片效果
================================================== */
/*圖over放大*/
.piczoom { /*要在a連結上一層*/
	overflow: hidden;
	display: block;
}
.piczoom a img {
	display: block;
	transition: transform 1.0s;   /*數字愈小速度愈快*/
}
.piczoom a:hover img {
	transform: scale(1.05);   /*放大倍數*//*transform:scale(0.95);   縮小倍數*/
}
/*圖上壓半透明bar*/
.bkBarArea {
	position: relative;
	overflow: hidden; /*如果搭配piczoom時才不會圖跑出框外*//*display:inline-block; 加了導致圖有空隙bug*/
}
.bkBar {
	position: absolute;
	padding: 8px;
	/*bottom: 0;*/
	top: 0;
	width: 100%;
	color: #FFF;
	text-align: center;
	line-height: 1.2;
	background-color: rgba(0,10,20, 0.35); /*透明度*//*background-color: rgba(0,0,0, 0.6); 透明度*/
}
.bkBar.fix {
	z-index:3; /*mouse over也不會消失*/
}
.bkBarFull {
	position: absolute;
	padding: 0 20px;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-align: center;
	background-color: rgba(0,0,0, 0.35);  /*透明度*/
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	z-index: 1;
}
.bkBarFull>p {
	color: #FFF;
	text-align: center;/*text-align:left; 位於底部*/
	/*position: absolute; 位於底部*/
	/*bottom:0px; 位於底部*/	
}
a:hover .bkBarFull {
	/*background-color: rgba(0,0,0, 0.5);  透明度*/
	background: rgba(24,188,156,0.75);
}
/*hidden-over, over黑幕消失*/
.hidden-over a:hover .bkBarFull {
	display: none;
}

/*遇見文創-品牌內頁*/
.shop .bkBarArea .bkBar { 
	top:auto;
	bottom:0rem; 
}



/* ==================================================
   photo over壓半透明色塊
================================================== */
.portfolio-item {
	display: block;
	position: relative;/*margin: 0 auto;
    /*max-width: 800px;*/
}
.portfolio-item .portfolio-link .caption {
	position: absolute;
	/*width: 90%; 為了不要超出圖範圍*/
	width: 100%;
	height: 100%;
	opacity: 0; /*被預設成透明*/
	background: rgba(24,188,156,0.75);
	transition: all ease .5s;
	/*transition: all .5s cubic-bezier(0, .71, .4, 1)*/
	z-index: 1;
}
.portfolio-item .portfolio-link .caption:hover {
	opacity: 1;
}
/*.portfolio-item .portfolio-link .nohigh {
     Cursor:not-allowed; 
	 background:transparent;
} */
.portfolio-item .portfolio-link .caption .caption-content {
	width: 100%;
	height: 100%; /*垂直居中一定要設高*/
	font-size: 16px;
	color: #fff;
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-direction: column; /* 預設是row橫排不換行 , 改成column一律換行直排 */
	align-items: center; /*一律對齊水平中線*/
	justify-content: center;
}
.portfolio-item .portfolio-link .caption .caption-content p {
	color: #fff;
	line-height: 1.2;
	margin: 0 0 10px;
}
#portfolio * {
	z-index: 2;
}



/* ==================================================
   最新消息
================================================== */
.news .year,
.news .month {
    font-family: 'Oswald', sans-serif; /*GoogleFonts 英文胖瘦長字型*/
	font-size:2.25em;
	font-weight:500;
	color: #ccc;/*灰字*/
	line-height: 1;
	margin-bottom:0.5rem; 
	white-space: nowrap;
}
.news ul li {
	margin-bottom:25px;/*列表頁*/
}
.news ul li h5,
.news ul li p {
	margin-bottom:0.5rem;
}
.news ul li .blockquote-footer {
	margin-left:8px;
}



@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.news .year,
	.news .month {
		font-size:1.85em;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.news .year {
		margin-bottom:0.75rem; 
	}
	.news .month {
		padding-left:3.2rem; 
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {  /*lg平板橫式*/
	.news .month {
		padding-left:2rem; 
	}
}

@media (max-width: 1199.98px) {  /* xs~sm~md平板直式~lg平板橫式 */
	.news ul li h5 {
		color:#222; 
	}
}


/* ==================================================
   社群分享
================================================== */
a.btn-social,
.btn-social {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.btn-social .fa-lg,
.btn-social i {
    backface-visibility: hidden;
    transform: scale(1);
    transition: all .25s;
	/*color:#d73741;主色紅*/
	color: #ffb9a4 !important;/*粉嫩字*/ 
}
.btn-social:hover,
.btn-social:focus {
    outline: none;
    text-decoration: none;
}
.btn-social:hover .fa,
.btn-social:focus .fa,
.btn-social:hover i,
.btn-social:focus i {
    transform: scale(1.075);
}

 /*line圖
.btn-line img {
	width:18px;
    transition: all .15s;
    webkit-transition: all .15s;
	margin-bottom:2px;
}
.btn-line:hover img {
    ms-transform: scale(0.9);
    o-transform: scale(0.9);
    transform: scale(0.9);
    webkit-transform: scale(0.9);
}*/


/*常用社群icon*/
.btn-social i {
	font-size:26px;
}
.btn-facebook i.fa-facebook-square {
	font-size:28px;
}
.btn-facebook i.fa-facebook-square:hover {
	color: #4c70ba;
}
.btn-youtube i.fa-youtube {
	font-size:31px;
	line-height:1;
}
.btn-youtube i.fa-youtube:hover {
	color: #ff0000;
}
.btn-instagram i.fa-instagram {
	font-size:31px;
}
.btn-instagram i.fa-instagram:hover {
	color: #b53185;
}

/*用facebook登入會員,share*/
.btn-loginfb,
.btn-sharefb {
	margin-top:0 !important;
	color: #fff;
	background-color:#4267b2;
}
.btn-loginfb:hover,
.btn-loginfb:focus,
.btn-sharefb:hover,
.btn-sharefb:focus {
	color: #fff;
	background-color:#4078be;
}
/*用fb,line share*/
.btn-shareline {
	margin-top:0 !important;
	color: #fff;
	background-color:#00a900;
}
.btn-shareline:hover,
.btn-shareline:focus {
	color: #fff;
	background-color:#05b105;
}
.btn-sharefb,
.btn-shareline {
	padding:12px 12px;
}



/* ==================================================
   圖文列表區
================================================== */

/*圖上文下熱門活動*/
.spList {
	margin-bottom:1.5rem;
	overflow: visible; /*over時陰影才不會有bug*/
}
.spList hgroup {
    padding:10px 0 0;
	padding-top:13px; 
}
.spList a {
	display: block;
	transition: box-shadow 0.75s ease-out;
}
.spList a:hover hgroup {
	color:#000;
}
.spPic {
    position: relative;
    overflow: hidden;
}
.spPic mark {
    position: absolute;
    padding:7px 10px 0 0;
    bottom: 0;
	z-index:1;
	background:#fff; 
	font-size:15px;
}


@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.spList hgroup {
		padding-top:8px;
	}
	.spList .spPic mark {
		font-size:14px;
		padding:5px 7px 0 0;
	}
}

@media (min-width: 1200px) {  /*xl筆電桌機*/
	.spList a:hover {
		box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.2);
	}
	.spList hgroup {
		padding:10px;
	}
	.spList .spPic mark {
		padding:8px 10px;
	}
}




/*圖文左右併排*/
ul.picList li {
	margin-bottom:1.5rem;
}
ul.picList li h5.mt-1 {
	color: #f89882; /*粉嫩字*/ 
}
/*ul.picList li .picList-info {
	margin-top:25px;
	padding-left:20px;
	-webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
	border-left:1px solid #dee2e6;
}*/
ul.picList li .picList-info h5 {
	 /*color: #f89882;粉嫩字*/ 
	color: #6d6161 !important;/*over時就能保持是粽灰色*/
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	ul.picList li .spPic {
		margin-bottom:0.75rem;
	}
	ul.picList li .spPic img.img-fluid{
		max-width:none; /*強制撐滿版*/
		width:100%; 
	}
	ul.picList li h5.mt-1 {
		margin-bottom:0.5rem;
		font-size:18.5px;
	}
	ul.picList li .picList-info {
		width:100%;
		padding-left:15px; 
		margin-bottom:0.75rem;
	}
	ul.picList li .picList-info h5 {
		margin-top:-5px;
		margin-bottom:0.25rem;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	ul.picList li:not(:last-child) { /*排除最後一個子元素*/
		border-bottom:1px solid #dee2e6;/*灰色*/
		padding-bottom:1rem; 
	}
	ul.picList li .col-md-4 {
		-ms-flex:none;
		flex:none;
		width:33.333333%;
		float:left;
	}
	ul.picList li .col {
		-ms-flex:none;
		flex:none;
		width:calc(66.666666% - 15px);
		float: right;
		display: inline-block;
	}
	ul.picList li h5.mt-1 {
		margin-top:0 !important;
		margin-bottom:0.5rem;
	}
	ul.picList li .picList-info {
		-ms-flex:none;
		flex:none;
		width:calc(66.666666% - 15px);
		float: right;
		display: inline-block;
		margin-left:calc(33.333333% + 15px);
		margin-top:-5px; 
	}
	ul.picList li .picList-info h5 {
		margin-bottom:0.15rem;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {  /*lg平板橫式*/
	ul.picList li h5.mt-1 {
		margin-top:0 !important;
		margin-bottom:0.5rem;
	}
}


@media (min-width: 992px) {  /*lg平板橫式~xl*/
	ul.picList li .picList-info {
		margin-top:25px;
		padding-left:25px;
		box-sizing: border-box;
		webkit-box-flex: 0;
		-ms-flex: 0 0 18%;
		flex: 0 0 18%;
		max-width: 18%;
		border-left:2px solid #efefef;/*灰色*/
	}
	ul.picList li .col {
		padding-right:30px;
	}
}



/* ==================================================
   圖文內容區1
================================================== */
.mainKVBOX {
	width:100%;
	/*max-width:1480px;
	margin:0 auto;*/
	z-index:1; 
	position:relative;
}
.mainKVBOX-P nav { /*路徑列麵包屑*/
	margin-left:40px; 
}
.mainKVBOX .mainKVBOX-w { 
	margin-bottom:1rem;
	padding:2.25rem 3rem 2rem; 
}

.mainKVBOX .mainKVBOX-w dt { 
	float: left;
	width:30px;
	padding-right:10px; 
	text-align: center;
}
.mainKVBOX .mainKVBOX-w dd { 
	float: left;
	width:calc(100% - 30px); 
}
.mainKVBOX .sns { 
	margin-right:25px;
}
.mainKVBOX .sns ul {
    margin-bottom:0;
}
.mainKV-info dl dt.line-center {
	margin-top:30px; 
}
.mainKV-info dl dd {
	font-family: 'Noto Sans TC', sans-serif; /*GoogleFonts 思源中文黑體*/
	margin-bottom:0;
}
.mainKV-info a {
	color: #f89882;/*粉嫩色*/ 
}
.mainKV-info a:hover {
	text-decoration: underline;
}

/*藝文活動.events*/
.mainKVBOX .mainKVBOX-w.events {
	background-color: #5172b2;
	background: linear-gradient(to bottom right, #5172b2 50%, #6a87c1 100%); /*斜角漸層*/
}
.mainKVBOX .mainKVBOX-w.events h3 {
	color:#ffd6c4;
	border:#ffd6c4 solid 2px;
	border-left:none;
	border-right:none;
	padding:0.75rem 0; 
	margin-bottom:1rem;
}
/*市集.market*/
.mainKVBOX .mainKVBOX-w.market {
	background: #ffd6c6;
	background: linear-gradient(to bottom right, #ffd6c6 35%, #ffdfd2 100%);
	position: relative;
}
.mainKVBOX .mainKVBOX-w.market .logo-market {
	width:200px; 
	height: auto;
	margin-bottom:1.15rem; 
}
.mainKVBOX .mainKVBOX-w.market h3 {
	color:#333;
	margin-bottom:1rem;
}
.mainKVBOX .mainKVBOX-w.market p,
.mainKVBOX .mainKVBOX-w.market dl {
	font-weight: bold;
}

@media (max-width:991.98px) { /*xs,sm手機,md平板直式*/
	.mainKVBOX-P nav { /*路徑列麵包屑*/
		margin-left:25px; 
	}
	.mainKVBOX .mainKVBOX-w { 
		padding:1.75rem 25px 2rem; 
	}
	/*回列表頁*/
	.mainKV-back .col-lg-9 {
		margin-top:0.75rem; 
	}
	.mainKV-info dl {
		display: flex;
		flex-wrap: wrap; /*支援拆行*/
		align-self: flex-start; /*div齊頭*/
	}
	.mainKV-info dl dt.line-center {
		margin-top:0; 
		border-bottom:none;
		margin-bottom:0;
		width:90px;
		text-align: left;
	}
	.mainKV-info dl dd {
		width:calc(100% - 90px);
		text-align: left;
		margin-bottom:0.85rem;
	}
	.mainKV-info dl dt.line-center mark {
		position: relative;
		padding:0;
		font-weight:700;
		top: auto;
		left: auto;
		font-size:16px; 
		white-space:normal;
	}
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.mainKVBOX-P nav { /*路徑列麵包屑*/
		margin-left:20px; 
	}
	.mainKVBOX .mainKVBOX-w.market .logo-market {
		width:160px; 
	}
	.mainKVBOX .mainKVBOX-w.events h3 {
		padding:0.5rem 0; 
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	/*#sticker*/
	.mainKV-info dl dt.line-center {
		width:140px;
	}
	.mainKV-info dl dd {
		width:calc(100% - 140px);
	}
	/*市集.market logo改置左
	.mainKVBOX .mainKVBOX-w.market .text-center {
		text-align: left !important;
	}
	*/
}


@media (min-width: 992px) and (max-width: 1199.98px) {  /*lg平板橫式*/
	/*市集.market logo*/
	.mainKVBOX .mainKVBOX-w.market .logo-market {
		width:200px; 
		height: auto;
		margin-bottom:1.15rem;
		position: absolute;
		right:1.65rem;
		/*top:-150px;*/
		top:-460px;
	}
}


@media (min-width: 992px) {  /*lg平板橫式~xl*/
	.mainKV-info {
		padding-left:2rem; 
		padding-top:25px; 
	}
	/*底下英文底圖字,限lg-xl*/
	.mainKV-t { 
		position:absolute;
		bottom:-2.25rem;
		right:10rem;
		z-index:0; 
		font-family: 'EB Garamond', serif; /*GoogleFonts 英文裝飾體*/
		font-size:7rem;
		letter-spacing:-0.15rem; 
		color:#f0f0f0; 
	}
	.mainKVBOX .sns { 
		animation:fadeR2L 3s ease-in-out;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {  /*lg平板橫式*/
	.mainKVBOX .mainKVBOX-P { 
		width:75%;
	}
	.mainKVBOX .mainKVBOX-w {
		padding-top: 1.5rem;
	}
	/*底下英文底圖字-隱藏版,目前未用到*/
	.mainKV-t { 
		bottom: inherit !important;
		top:215px;
		right:-130px !important;
		font-size:7.5rem;
		line-height: 1;
		transform:rotate(90deg); /*英文字轉橫*/
		white-space: nowrap;
		width:500px; /*才不會有字數不同時的bug*/
	}
}

@media (min-width: 1200px) {  /* xl筆電桌機 */
	.mainKVBOX .mainKVBOX-P { 
		width:59%;
		margin-bottom:1rem;
		animation:fadeIn 1.25s ease-in-out both;
	}
	.mainKVBOX .mainKVBOX-w { 
		width:calc(41% + 3rem); 
		margin-left:-3rem;
		animation:fadeR2L 1.5s ease-out both;
	}
	.mainKVBOX .mainKVBOX-w.market .logo-market {
		margin-top:-10px; 
	}
	.mainKV-t { /*底下英文底圖字,限lg-xl*/
		animation:fadeIn 1.5s ease-in-out both;
		animation-delay: 1.5s; /*延遲多久後啟始動畫*/
	}
}

@media (min-width: 1400px) { 
	.mainKV-t { /*底下英文底圖字*/
		bottom:0.35rem;
		right:11rem;
	}
}


@media (min-width: 1600px) {  
	.mainKVBOX {
		padding-left:170px; 
	}
	.mainKVBOX .mainKVBOX-P { 
		width:62%;
	}
	.mainKVBOX-P nav { /*路徑列麵包屑*/
		margin-left:0; 
	}
	.mainKVBOX .mainKVBOX-w { 
		width:calc(38% + 4rem);
		margin-left:-4rem;
		padding:2.75rem 4rem 2.25rem;
		background-color: aquamarine;
	}
	.mainKV-info {
		-ms-flex: 0 0 28.5%;
		flex: 0 0 28.5%;
		max-width: 28.5%;
	}
	.mainKV-t { /*底下英文底圖字*/
		bottom:1.5rem;
		right:10rem;
	}
	/*創意市集*/
	.mainKVBOX .mainKVBOX-w.market .logo-market {
		width:230px; 
	}
	/*回列表頁*/
	.mainKV-back .col-lg-9 {
		-ms-flex: 0 0 71.5%;
		flex: 0 0 71.5%;
		max-width: 71.5%;
	}
}

@media (min-width: 1900px) {  
	.mainKVBOX {
		padding-left:210px; 	
	}
	.mainKVBOX .sns { 
		margin-right:50px; 
	}
	.mainKV-t { /*底下英文底圖字*/
		bottom:3.75rem;
		right:10rem;
		font-size:10.5rem;
		letter-spacing:-0.35rem; 
	}
}	
	


/* ==================================================
   圖文內容區2
================================================== */
/*遇見文創*/
.mainKVBOX1 .mainKVBOX1-w.brand {
	background: #e6a355;
	background: linear-gradient(to bottom right, #e6a355 50%, #fabc75 100%); /*斜角暖黃色漸層*/
}
.mainKVBOX1 .mainKVBOX1-w h1 {
	/*color: #fffabe !important; 
	border: #fffabe solid 2px;*/
	color: #2c1c0d !important; 
	border: #2c1c0d solid 2px;
	border-left: none;
	border-right: none;
	padding: 0.5rem 0;
	margin-top:0.7rem; /*紅樓茶坊ipad橫式時*/
}
/*遇見文創-16工房*/
.studio16-breadcrumb { /*16工房麵包屑*/ 
	margin-left:25px; 
	margin-top:0.5rem; 
}
.mainKVBOX1 .mainKVBOX1-w.studio16 {
	background: #3c3535;
	background: linear-gradient(to bottom right, #3c3535 50%, #544e4e 100%); /*斜角深灰色漸層*/
}
/*16工房logo*/
.mainKVBOX1 .mainKVBOX1-w.studio16 .logo-studio16 { 
	width:200px; 
	height: auto;
	margin-bottom:1.15rem; 
}


/*遇見文創品牌logo群*/
ul.brandLogo {
    display:flex;
    flex-wrap:wrap;
	align-items: center;  /*上下居中*/	
	/*justify-content: center; 左右居中*/	
}
ul.brandLogo li {
	width:14.285%; /*一排7個*/
	height:10rem; /*這裡一定要使用數字*/
	padding:30px;
	box-sizing: border-box;
	margin-right:-1px !important; /*讓格子交疊*/
	margin-bottom:-1px !important; /*讓格子交疊*/
	border:1px solid #efefef;/*灰色*/
}
ul.brandLogo li a {
	display: flex;
	align-items: center;  /*上下居中*/	
	justify-content: center; /*左右居中*/	
	width:100%;
	height:100%; 
}
ul.brandLogo li a span {
	display: none;
	color:#fff; 
	font-size:14px;
	line-height:1.25; 
}
ul.brandLogo li a,
ul.brandLogo li a img {
	width:100%;
}


/*遇見文創-品牌內頁logo主圖區*/
.brandLogoCT {
	margin-bottom:1.5rem; 
}
.brandLogoCT .d-flex {
	position:relative;
	padding:0 3.5rem !important; 
}
.brandLogoCT .d-flex img {
	margin-right:-1.6rem; 
}
.brandLogoCT a mark {
	position: absolute;
	/*bottom:0;*/
	top:0;
	left:0;
	z-index: 2;
	background-color:#d73741; /*主色紅*/ 
	color:#fff;
	font-size:15px; 
	padding:9px 14px; 
}
.brandLogoCT a:hover mark {
	background-color:#f89882;
}

/*遇見文創-側邊品牌名列表*/
.brandList ul li {
	margin-bottom:0.25rem; 
}
.brandList ul li.list-inline-item:not(:last-child) {
    margin-right:1.25rem;
	margin-bottom:0.75rem;
}
.brandList ul li.active,
.brandList ul li.active a {
	color: #d73741;/*主色紅*/
	font-weight: bold;
	transition: all 1s ease-out;
}


@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.teaShopWord {
		padding:0.75rem 0;
		text-align: center;
	}
	.teaShopWord img {
		max-width:150px; 
	}
	/*遇見文創-品牌sns*/
	.bread .sns {
		padding-right:15px;
		padding-left:15px;
		margin-bottom:1.25rem !important; 
	}
	.bread .sns .col {
		padding-right: 1px;
		padding-left: 1px;
	}
	.brandLogoCT {
		margin-bottom:0.75rem; 
	}
	.brandLogoCT .d-flex img {
		margin-right:0;
	}
}


@media (max-width: 575.98px) {  /*xs手機直式*/
	/*遇見文創-品牌內頁logo主圖區*/
	.brandLogoCT .d-flex {
		padding:1rem !important; 
		padding-bottom:0 !important;  
	}
	.brandLogoCT .d-flex img {
		max-width:150px; 
	}
	.brandLogoCT a mark {
		font-size:14px; 
		padding:7px 12px;
		top:1rem;
	}
	/*遇見文創品牌logo群*/
	ul.brandLogo li {
		width:33.3333%; /*一排3個*/
		height:7.25rem; /*這裡一定要使用數字*/
		padding:1rem;
	}
}

@media (min-width: 420px) and (max-width: 575.98px) { 
	/*遇見文創品牌logo群*/
	ul.brandLogo li {
		height:9rem  !important; /*這裡一定要使用數字*/
		padding:1.5rem !important;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {  /*sm手機橫式*/
	/*遇見文創品牌logo群*/
	ul.brandLogo li {
		width:25%; /*一排4個*/
		height:8.5rem; /*這裡一定要使用數字*/
	}
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	/*16工房logo*/
	.mainKVBOX1 .mainKVBOX1-w.studio16 .logo-studio16 { 
		width:145px; 
	}
}

@media (max-width: 991.98px) {  /*xs,sm手機直橫,md平板直式*/
	.mainKVBOX1 .mainKVBOX1-w.p-5 {
		padding:30px !important;
	}
	.mainKVBOX1.studio16,
	.mainKVBOX1.selectshop {
		margin-bottom:1rem; 
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.teaShop.mainBOX {
		padding-top:2rem !important;
	}
	.teaShopWord img {
		max-width:220px; 
	}
	/*遇見文創品牌logo群*/
	ul.brandLogo li {
		width:20%; /*一排5個*/
		height:8.5rem; /*這裡一定要使用數字*/
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {  /*lg平板橫式*/
	.teaShop.mainBOX {
		padding-top:2.5rem !important;
	}
	.teaShopWord img {
		max-width:250px; 
	}
	/*16工房麵包屑*/
	.studio16-breadcrumb {  
		margin-left:3rem !important; 
	}
	.mainKVBOX1.studio16,
	.mainKVBOX1.selectshop {
		margin-bottom:1rem; 
	}
	/*遇見文創品牌logo群*/
	ul.brandLogo li {
		width:16.6666%; /*一排6個*/
	}
}

@media (min-width: 992px) {  /*lg平板橫式~xl筆電桌機*/
	/*為了float-right*/
	.row.mainKVBOX1 {
		clear: both;
		display: block;
		overflow: hidden;
	}
}

@media (min-width: 1200px) {  /* xl筆電桌機 */
	.mainKVBOX1 .mainKVBOX1-P { 
		width:auto;
		animation:fadeIn 1.25s ease-in-out both;
	}
	.mainKVBOX1 .mainKVBOX1-w { 
		animation:fadeIn 1s ease-out both;
		animation-delay:0.5s; /*延遲多久後啟始動畫*/
	}
	/*16工房麵包屑*/
	.studio16-breadcrumb {  
		margin-left:2.5rem !important; 
	}
	.mainKVBOX1.studio16,
	.mainKVBOX1.selectshop {
		margin-bottom:-1.5rem; 
	}
	/*遇見文創*/
	.mainKVBOX1 .mainKVBOX1-w.brand p { 
		margin:1.5rem 0; 
	}
	.teaShopWord {
		padding-top:1.5rem; 
	}
	.brandLogoCT .d-flex img {
		max-width:175px; 
	}
	/*遇見文創品牌logo群-over變紅底文案*/
	ul.brandLogo li:hover {
		background-color:#d73741; /*主色紅*/  
	}
	ul.brandLogo li:hover a img {
		display: none !important;
	}
	ul.brandLogo li:hover a span {
		display: block;
		text-align: center;
	}
	/*遇見文創-側邊品牌名列表*/
	.brandList {
		padding-left:1.75rem; 
		/*-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;*/
		-ms-flex: 0 0 22%;
		flex: 0 0 22%;
		max-width: 22%;
	}
	.brandList ul li {
		display: block;
		font-size: 15px;
	}
	.brandList ul li.list-inline-item:not(:last-child) {
		margin-right:0;
		margin-bottom:0.35rem; 
	}
}

@media (min-width: 1300px) { 
	.mainKVBOX1 .mainKVBOX1-w {
		min-height:35vw; 
	}
	.mainKVBOX1 .mainKVBOX1-w.studio16 {
		padding-top:4rem !important;
	}
}

@media (min-width: 1600px) { 
	.mainKVBOX1 .mainKVBOX1-w {
		/*margin-bottom:3rem; */
		min-height:30vw; 
	}
	.mainKVBOX1 .mainKVBOX1-P { 
		-ms-flex: 0 0 58%;
		flex: 0 0 58%;
		max-width: 58%;
	}
	.mainKVBOX1 .mainKVBOX1-w.p-5 {
		padding: 4.5rem !important;
	}
	.mainKVBOX1 .mainKVBOX1-w h1 {
		padding: 0.75rem 0;
		margin-top: 1.25rem; 
	}
	.teaShop .col-xl-4 {
		-ms-flex: 0 0 39%;
		flex: 0 0 39%;
		max-width: 39%;
		margin-left:0;
	}
	/*16工房麵包屑*/
	.studio16-breadcrumb {  
		margin-left:140px !important; 
	}
	.brandLogoCT a mark {
		font-size:16px; 
		padding:10px 15px; 
	}
	.brandLogoCT .d-flex img {
		max-width:230px; 
	}
	/*遇見文創-側邊品牌名列表*/
	.brandList {
		padding-left:1.75rem; 
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		padding-left:2.5rem; 
	}
	ul.brandLogo li {
		height:10.5rem; 
		padding:30px;
	}
}

@media (min-width: 1700px) { 
	.mainKVBOX1 .mainKVBOX1-P { 
		width:100%;
	}
	/*16工房麵包屑*/
	.studio16-breadcrumb {  
		margin-left:142px !important; 
	}
	/*遇見文創*/
	.mainKVBOX1 .mainKVBOX1-w.brand,
	.mainKVBOX1 .mainKVBOX1-w.studio16 {
		-ms-flex: 0 0 34.5%;
		flex: 0 0 34.5%;
		max-width: 34.5%;
	}
	.mainKVBOX1 .mainKVBOX1-w.brand p { 
		line-height:1.8; 
	}
	.teaShop .col-xl-4 {
		/*-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;*/
		-ms-flex: 0 0 37%;
		flex: 0 0 37%;
		max-width: 37%;
		padding-left:0;
	}
	/*遇見文創-品牌內頁*/
	.bread > .container {
		max-width: 1650px !important;
	}
	/*16工房logo*/
	.mainKVBOX1 .mainKVBOX1-w.studio16 .logo-studio16 { 
		width:270px; 
		margin-top: 1.5rem;
		margin-bottom: 3rem;
	}
	.mainKVBOX1 .mainKVBOX1-w.studio16 p { 
		margin-bottom:2.5rem;
	}
}



/* ==================================================
   Accordion手風琴收合
================================================== */
.card {
    /*border: 1px solid rgba(0,0,0,.125);*/
	border:none;
    border-radius: .25rem;
}
.card-header {
    /*padding: .75rem 1.25rem;*/
	padding:0;
    margin-bottom: 0;
    /* background-color: rgba(0,0,0,.03); */
	background-color:transparent;
    /*border-bottom: 1px solid rgba(0,0,0,.125);*/
	border-bottom: none;
}
/*展開時換色*/
.card-header .btn {
    padding:1rem;
	padding-left:0; 
	text-align:left;
    white-space:normal;
	display: block;
	width:100%; 
	border-bottom:4px solid #f89882;/*展開時*/
}
/*未展開時的問句標題*/
.card-header .btn.collapsed {
	font-weight: normal;
	color: #6d6161;/*粽灰色*/
	border-bottom:2px solid #efefef;/*灰框*/
}
.card-header .btn.collapsed h5 {
	font-weight: normal;
	color: #6d6161;/*粽灰色*/
}
/*展開時換色*/
.card-header .btn h5,
.card-header .btn h5:hover {
	color: #f89882;
}
.card-body {
    /*flex: 1 1 auto;*/
    padding: 1.25rem;
	padding-left:0; 
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.card-header .btn {
		padding:0.65rem 0;
	}
}
	
@media (min-width: 768px) and (max-width: 1199.98px) {  /* md平板直式~lg平板橫式 */
	.card-header .btn {
		padding:0.65rem 0;
	}
}	

@media (min-width: 1200px) {  /* xl筆電桌機 */
	/*展開時換色*/
	.card-header .btn h5,
	.card-header .btn h5:hover {
		font-weight: normal;
	}
}



/* ==================================================
   搜尋 search 滿版蓋黑幕
================================================== */
#search {
    position: fixed;
	z-index:40; /*負數愈後層被蓋住*/
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; /*撐高滿版*/
	box-sizing:border-box;
	/*transition: all 0.5s ease-in-out;
	transform: translate(0px, -100%) scale(0, 0);*/
	transition: all 1.0s cubic-bezier(0, .71, .4, 1);
	transform:translateY(-200%); /*Y負數是往上偏移*/
    opacity: 1;
	box-shadow: 0 0 30px #000;
	padding:4rem 0; 
}
#search.open {
	/*transform: translate(0px, 0px) scale(1, 1); */
	transform: translateY(0%); /*Y負數是往上偏移*/
    opacity: 1;
	/*opacity:0.97;*/
}
#search input[type="search"] {
    width:70%;
	color: #fff;
	border: 0px;
	border-bottom:#fff solid 1px;
    background: rgba(0, 0, 0, 0);
	font-size:2rem;
	font-weight:100;
    text-align: center;
	padding:15px;
    outline: none;
}
#search ::-webkit-input-placeholder { /* Chrome輸入框placeholder */
	color: #fff;
}
#search :-ms-input-placeholder { /* IE 10+輸入框placeholder */
	color: #fff;
}
#search .btn {
    margin-top:2em;
	color:#942532;/*暗紅*/ 
}
#search .btn:hover {
	/*color: #942532;
	background-color:#ffb9a4;粉嫩字*/ 
}
#search .closeBtn {
	position:absolute;
	right:25px;
	top:25px;
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	#search .closeBtn {
		right: 10px;
		top: 10px;
	}
	#search input[type="search"] {
		font-size:1.75em;
		width:90%;
	}
}

@media (min-width: 768px) {  /*md平板直式~xl筆電桌機*/
	#search {
		height: auto !important;
		padding:7rem 0; 
	}
}


/* ==================================================
   youtube-popout
================================================== */
#youtube {
    position: fixed;
	z-index:40; /*負數愈後層被蓋住*/
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; /*撐高滿版*/
	box-sizing:border-box;
	/*transition: all 0.5s ease-in-out;
	transform: translate(0px, -100%) scale(0, 0);*/
	transition: all 0.5s cubic-bezier(0, .71, .4, 1);/*因為video開始播了所以秒數不能太長*/
	transform:translateY(-200%); /*Y負數是往上偏移*/
    opacity: 1;
	box-shadow: 0 0 30px #000;
	padding:4rem 0; 
}
#youtube.open {
	/*transform: translate(0px, 0px) scale(1, 1); */
	transform: translateY(0%); /*Y負數是往上偏移*/
    opacity: 1;
	/*opacity:0.97;*/
}
#youtube .closeBtn {
	position:absolute;
	right:25px;
	top:25px;
}


/* ==================================================
   Owl carousel 廣告輪播, owl.theme css
================================================== */
/*頁尾banner*/
.ADarea {
	padding-top:45px;
	/*padding-bottom:20px; */
	padding-bottom:35px; /*配合下面沒有圓點時*/
}
/*猜你也喜歡*/
.SParea {
	padding-top:3.5rem;
	padding-bottom:3rem;
}
.SParea,
.SParea .spPic mark {
	background-color:#392820;
}
.SParea h2 {
	color: #f89882;/*粉嫩字*/ 
	margin-bottom: 1.5rem;
}
.SParea a h6 {
	color: #cfc0c0;
	margin-top:15px; 
}
.SParea a:hover h6 {
	/*color: #f89882;粉嫩字*/ 
	color: #56e2e2;/*藍綠色*/
}
.SParea .spPic mark {
	color: #56e2e2;/*藍綠色*/
}
/*圓點所在處*/
.SParea .owl-theme .owl-dots .owl-dot.active span, 
.SParea .owl-theme .owl-dots .owl-dot:hover span {
	background:#f89882; /*粉嫩字*/ 
}


/*數量圓點*/
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; 
}
 .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      /*margin: 5px 7px;*/
	  margin:10px 7px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; 
 }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; 
}


/*遇見文創-品牌內頁*/
.owl-carousel.shop { 
	margin-top:2rem; 
}
/* 如果需要反制owl.carousel.min.css */
.owl-carousel .owl-item img { /*原始設計圖會伸縮RWD*/
	display: block;
	width: 100%;
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.ADarea {
		padding-top:35px;
		padding-bottom:25px;
	}
	/*數量圓點*/
	.owl-theme .owl-dots {
	  display:none;
	}
	/*猜你也喜歡*/
	.SParea {
		padding-top:2rem;
		padding-bottom:1.75rem;
	}
	.SParea h2 {
		margin-bottom: 1rem;
	}
}

@media (min-width: 1200px) {
	.owl-carousel .owl-item img {
		width: auto; /*強制桌機版取消圖伸縮*/
	}
	/*.ADarea {
		padding-top:60px;
		padding-bottom:20px;
	}*/
}



/* ==================================================
  電子報列表
================================================== */
/*有日期的*/
/*ol.datelist > li {
	/*border-bottom:#e8e8e0 solid 1px;
}
*/
ol.datelist .bgcolorW {
    background-color:rgba(255, 255, 255, 1.0) !important;
}
ol.datelist li .date h2 {
	font-size:1.35rem;
	font-family: 'Gothic A1', sans-serif; /*GoogleFonts 英文數字字型*/
	line-height:0.9;
	font-weight:600;
	margin-top:0;
	margin-bottom:0.7rem;
}
ol.datelist li a .date .mark {
	background-color:#ccc;
	color:#FFF;
	font-size:12px;
	display:block;
	letter-spacing:0.7em;
	font-family:Arial;
	padding-left:12px; /*為了對齊下面年份*/
	margin-bottom:9px;
	box-sizing:border-box;
}
.space ol.datelist li { 
	padding-bottom:1em; /*得獎榮耀*/
}
ol.datelist li a h6 {
	margin-top:16px;
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	ol.datelist li .date h2 {
		margin-bottom:-0.6rem;
		color: #f89882;/*粉嫩字*/
	}
	ol.datelist li a .date .mark {
		background-color: #ffb9a4;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.newsletter ol.datelist li a h6 {
		padding-right:15px; 
	}
}

@media (min-width: 1200px) {  /* xl筆電桌機 */
	ol.datelist li a:hover .date .mark {
		background-color: #7b8fb4 !important;
	}
	ol.datelist li a:hover h2,
	ol.datelist li a:hover h6 {
		/*color: #607bb1;靛藍字*/
		color: #fff;
	}
	ol.datelist li a:hover {
		background-color:#7b8fb4 !important;/*靛藍色*/
		display: block;
	}
}



/* ==================================================
   色系
================================================== */
.white,
.white a {
	color:#fff !important;
}
.black {
	color:#333 !important;
}
.pink {
	color:#ffcac5 !important;
}
.mainstyle {
	color:#d73741 !important;/*主色紅*/
}
.substyle {
    color:#3D7AAC; /*藍色*/
}
.thirdstyle {
    color: #ff5000; /*橘紅色*/
}
.gystyle {
	color: #6d6161 !important;/*粽灰色*/
}

/*背景色*/
.bg-light {
    background-color:#f6f6f6 !important;
}
.bgcolor1 {
	background-color:#d73741; 
}
.bgcolor2 {
	background-color:#000;
}
.bgcolor3 {
	/*background-color:#fae6dc;*/
	background-color:#faebe1;
}

.bgcolorW {
    background-color:#fff !important;
    overflow:hidden;
}

.bgcolorBKrgba {
    background-color: rgba(0,0,0, 0.9);  /*黑幕透明度*/
}

/*斜角漸層2色*/
.bgDeg-gradient1 {
	background: #fff;
	/*background: linear-gradient( to top right, #F96 50%, #F36 100%);*/
	background: linear-gradient(to bottom right, #942532 60%, #d73741 100%); /*斜角黑色漸層*/
	overflow: hidden;
}
.bgDeg-gradient4 {
	background: #fff;
	background: linear-gradient(to bottom right, #82e1e1 50%, #80cda0 100%); /*斜角藍綠色漸層*/
	overflow: hidden;
}


/* ==================================================
   ebook 數位書刊 電子書
================================================== */
.ebookBOX {
	background-color: #fff;
	/*border: #efefef solid 2px;*/
	padding:1.75em;
	display:block;
	/*margin-bottom:3em;*/
	cursor: url(../images/cursore-book.svg) 30 30, pointer; /*30 30 是滑鼠指標位置*/
}
ul.ebookList li .ebookBOX {
	padding-bottom:1.25em;
	margin-top:3em;
}
.ebookBOX h6 {
	font-weight: 400;
	font-family: 'Gothic A1', sans-serif;
	border-top: #645a5a solid 1px;
	border-bottom: #645a5a solid 1px;
	padding:.5em 0; 
	color: #645a5a !important;
}
.ebookBOX p:last-child {
	margin-bottom:0;
}

/*列表*/
ul.ebookList{
	overflow: hidden;
	margin-bottom:2.5em;
}
ul.ebookList li {
	float: left;
	width: calc((100% - 3.75em) / 4);
	vertical-align: top;
	box-sizing: border-box;
}
ul.ebookList li + li {
	margin-left:1.25em;
}
ul.ebookList li.list-inline-item,
ul.ebookList li.list-inline-item:not(:last-child) {
    margin-right: 0 !important;
}
ul.ebookList li h5 {
	font-weight: 400;
    color: #333;
	text-align: center;
	margin-bottom: 0.5em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
ul.ebookList li h6 {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Gothic A1', sans-serif;
	margin-bottom:0;
	text-align: center;
	border-bottom: none;
	padding-bottom: 0; 
	margin-bottom: 0; 
}
.ebookPIC {
	display: flex;
	align-items: center;
	min-height: 285px;
	margin-bottom:0.9em;
}
.ebookPIC img.img-fluid {
	/*max-height: 280px;*/
	margin: 0 auto;
}


@media (max-width: 767px) {  /*xs*/
	.ebookBOX {
		padding:1em;
	}
	.ebookBOX .col-12 img {
		margin-bottom:1em;
	}
	.ebookBOX h1.title-header {
		font-size:24px !important;
	}
	ul.ebookList li {
		width: calc((100% - 1.25em) / 2); /*二個併排*/
	}
	ul.ebookList li:nth-child(2n+1) { /*限變數規定2個為組,下一個則重新起頭另排一行*/
	 	clear:both;
		margin-left:0;
	}
	ul.ebookList li .ebookBOX {
		margin-top:1.5em;
	}
	.ebookPIC {
		min-height: 165px;
	}
}

@media (max-width: 575.98px){
	.ebookBOX {
		padding-bottom:0.15em; /*簡述文隱藏了*/
	}
}

/*ipad 直式 md*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	.ebookPIC {
		min-height: 225px;
	}
	ul.ebookList li {
		width: calc((100% - 2.5em) / 3); /*三個併排*/
	}
	ul.ebookList li:nth-child(3n+1) { /*限變數規定3個為組,下一個則重新起頭另排一行*/
	 	clear:both;
		margin-left:0;
	}
}

/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.ebookPIC {
		min-height: 225px;
	}
}

@media (min-width: 992px)  {  /*ipad橫式 lg*/
	ul.ebookList li:nth-child(4n+1) { /*限變數規定4個為組,下一個則重新起頭另排一行*/
	 	clear:both;
		margin-left:0;
	}
}


/* ==================================================
   calendar日曆
================================================== */
.calendar {
  margin-left: auto;
  margin-right: auto;
}
.calendar_header,
.calendar_weekdays,
.calendar_content {
  position: relative;
  display:flex;
}
.calendar_header {
  align-items:center;
  width: 100%;
  height: 60px;
  text-align: center;
  background-color: #d73741;/*主色紅*/
  /*background-color: #f89882;粉嫩色*/
  border-radius: 12px 12px 0px 0px;
}
.calendar_header h1 {
    margin:0;
    font-size:1.65em;
	font-family: 'Noto Sans TC', sans-serif; /*GoogleFonts 思源中文黑體*/
    font-weight:500;
	color: #FFFFFF;
  	width:70%;
}

/*今日*/
.calendar_header h1 small.today {
	font-size:15px;
	font-weight:400;
	color:#fff; 
	padding:3px 5px; 
	border:2px solid #333;
	vertical-align: middle;
	display: inline-block;
	margin-left:1rem;
	margin-top:-5px; 
}
.calendar_header h1 small.today:hover {
	background-color: rgba(0,0,0, 0.9); /*透明度*/
    border-color: rgba(0,0,0, 0.9); /*透明度*/
	cursor: pointer;
}
.calendar_content div.today {
	border:2px solid #6d6161;/*粽灰色*/
}

/*i[class^=icon-chevron]{
  color: #FFFFFF;
  width:15%;
  border-radius: 50%;
}*/

.calendar_header a {
  width:15%;
  display: inline-block;
}
.calendar_header a:hover {
	cursor: pointer;
}
.calendar_header a i {
  color: #FFFFFF;
  border-radius:50%;
  font-size:22px;
}
.calendar_weekdays div, 
.calendar_content div {
  display:flex;
  justify-content:center;
  align-items:center;
  width:14.28%;
  overflow: hidden;
  text-align: center;
  background-color:#FFFFFF;
  color: #645a5a;
}
.calendar_content div a {
	width:100%;
	display:flex;
	/*background-color: chartreuse;*/
}
.calendar_content div a:hover {
  color: #645a5a;
}
.calendar_weekdays div, 
.calendar_content div,
.calendar_content div a {
	min-height: 60px; /*日期格子高度*/
}

/*一~六日*/
.calendar_weekdays div {
	color: #d73741;/*主色紅*/
	font-size:20px;
	font-family: 'Noto Sans TC', sans-serif; /*GoogleFonts 思源中文黑體*/
	font-weight:700;
}
.calendar_content {
   border-radius: 0px 0px 12px 12px;
   flex-wrap:wrap;
}
.calendar_content div {
	position:relative;
	padding-top:5px; 
	min-height:70px; 
	font-family: Arial;
	font-weight: bold;
	align-items:flex-start; /*靠上*/
}
.calendar_content div span {
	font-family: 微軟正黑體, Arial;
	font-weight:normal;
	font-size:15px;
	line-height:1; 
	position: absolute;
	transform: translateX(-50%); /*強制居中*/
	left:50%; /*強制居中*/
	bottom:7px;
	white-space:nowrap;
}
/*空的日期灰底*/
.calendar_content div.blank {
    background-color:transparent;
}
/*可候補*/
.calendar_content div.TBC {
    color: #FFFFFF;
	background-color:#36c8d5; /*藍綠色*/
}
.calendar_content div.TBC a,
.calendar_content div.TBC span {
    color: #FFFFFF;
}
/*已出租*/
.calendar_content div.booked {
	background-color:#E7E7E7 !important;/*灰色*/
	cursor: not-allowed !important; /*禁止*/
}
/*租借日期*/
.form-group .checkDate .form-control {
	width: calc(100% - 80px);
	float: left;
	margin-right:10px; 
}
.form-group .checkDate .btn {
	width: 70px;
	padding:5.5px 0; 
}
.form-group .checkDate .btn i {
	font-size:20px;
	font-weight: normal;
}


@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.calendar_header h1 {
		font-size: 1.5em;
	}
	/*一~六日*/
	.calendar_weekdays div {
		font-size:17px;
	}
	.calendar_weekdays div, 
	.calendar_content div,
	.calendar_content div a {
		min-height:55px; /*日期格子高度*/
	}
	/*今日*/
	.calendar_header h1 small.today {
		font-size:14px; 
		font-weight:normal;
		margin-left:5px;
	}
}

@media (max-width:991.98px) { /*xs,sm手機,md平板直式*/
	.calendar {
	  margin-bottom:1.5rem;
	}
	.calendar_content div span {
		font-size:11px;
	}
}

@media (min-width: 1200px) {  /* xl筆電桌機 */
	.calendar_content div:hover {
	   background-color: #e6fcfc;  /*淺藍綠色*/
		cursor: pointer;
	}
	.calendar_content div.TBC:hover {
		background-color:#2ebeca; /*深藍綠色*/
	}
}



 /* ==================================================
   捲軸觸發區塊效果-搭配scrollTrigger.js
================================================== */
@media (min-width: 768px){  /*md平板直式~lg~xl*/
	/*電子報*/
	.newsletter,
	.newsletter.highlight ol.datelist li a .date .mark {
		transition: all 0.35s ease-in-out;  /*最初時間停留較久*/
	}
	.newsletter.highlight {
		background-color:#ffdfd6 !important;
	}
	.newsletter.highlight ol.datelist li a .date .mark {
		background-color:#e7bfb4;
	}
}

.bgPic01 {
	transition: all 0.75s cubic-bezier(0, .71, .4, 1); /*慢速*/
}
.bgPic01.highlight {
	background-image: url(../images/bgPic01-blur.jpg);
}


/*參觀資訊-館內貼心設施*/
.infoFacility {
	transition: all 1.25s ease-in-out;
}
.infoFacility .iconBOX,
.infoFacility .map,
.location {
	transition: all 1s ease-in-out; /*最初時間停留較久*/
	transform:translateY(5%);
	opacity:0;
}
.infoFacility .iconBOX img.icon {
	width:105px;
	height: auto;
	margin-bottom:0.5rem; 
}
.infoFacility .iconBOX .col-auto {
	width:24%;
}

.infoFacility.highlight {
	background-color: #e3dfd2;
}
.infoFacility.highlight .iconBOX,
.infoFacility.highlight .map,
.location.highlight  {
	opacity:1; 
	transform:translateY(0%);
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.infoFacility .iconBOX .col-auto {
		width:22%;
	}
}

@media (min-width: 1500px) {  
	/*館內貼心設施*/
	.infoFacility .iconBOX .col-auto {
		width:19%;
	}
}



/*首頁下半部*/
.siteVideo ,
.siteBtn {
	transition: all 0.85s ease-in-out; /*最初時間停留較久*/
	transform:translateY(5%);
	opacity:0;
}
.siteBtn {
	transition-delay:0.75s; /*延遲多久後啟始動畫*/
}
.siteVideo {
	z-index: 1;
}
.siteVideo.highlight,
.siteBtn.highlight {
	opacity:1; 
	transform:translateY(0%);
}


/*館所歷史*/
.historyPIC1 {
	position:absolute;
	right:0;
	top:850px;
}
.historyPIC2 {/*html排在愈上面層級愈低*/
	position:absolute;
	right:0;
	bottom:-50px;
}
.historyPIC3 { /*側圖隱藏版*/
	position:absolute;
	left:0;
	top:300px;
}
.historyPIC1,
.historyPIC2 {
	opacity:0;
	transform:translateX(100px);
	transition: all 3s cubic-bezier(0, .71, .4, 1); /*慢速*/
}
.historyPIC1.highlight,
.historyPIC2.highlight {
	opacity:1;
	transform:translateX(0);
}

@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.historyPIC1 {
		top:1450px;
		width:350px; 
	}
	.historyPIC2 {
		width:480px; 
		right:-80px; 
	}
	.infoFacility .iconBOX .col-auto {
		width:47%;
	}
	.infoFacility .iconBOX img.icon {
		width:70%;
		height: auto;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.historyPIC1 {
		top:1050px;
		width:550px; 
	}
	.historyPIC2 {
		width:600px; 
		right:-100px; 
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {  /*lg平板橫式*/
	.historyPIC1 {
		width:600px; 
	}
	.historyPIC2 {
		width:700px; 
	}
}

@media (min-width: 1200px) and (max-width: 1599.98px) {  /* lg平板橫式 */
	.historyPIC1 {
		top:700px;
		width:750px; 
	}
	.historyPIC2 {
		width:750px; 
	}
}



/* ==================================================
   區域導覽 svg map
================================================== */
*,
*:before,
*:after {
	box-sizing:border-box;
}
.area h1.title-header {
	z-index:1; /*只要標題有設就會在同層級裡的最高,redhouseMap不用設z-index*/
	position: relative; /*z-index要搭配position*/
}
.area .list-mb h4,
.area .list-mb h4 a {
	color: #d73741;
}
.area article {
    text-align: justify;
}
.guidelineBOX-p {
    background-repeat:no-repeat;
	background-size:cover;
    background-position:50% 50%; /*左右 上下*/
	padding-right:0;
	padding-left:0;
}
.guidelineBOX-w { 
	padding:0.75rem 3rem 1.5rem; 
}


.redhouseMap {
	margin-top:0.5rem;
	margin-bottom:1rem;
}

svg .area{/*svg各區顏色,共套在6個... class="area" id="mapArea..." */ 
	cursor:pointer;
	fill:transparent;
	transition: fill 0.2s;
}
svg .area:hover{/*over效果*/
	fill: #EEE;
}
svg .area.active,/*點選後*/
svg .area.active:hover{
	fill:#ffd5c8;
}

svg #sectionBdr,
svg #sectionTitle{
	pointer-events:none;
}

svg .st1{fill:none;stroke:#000000;stroke-width:13.0625;stroke-miterlimit:10;}
svg .st2{fill:none;stroke:#000000;stroke-width:13.0625;stroke-miterlimit:10;stroke-dasharray:15.3528,15.3528;}
svg .st3{fill:none;}
svg .st4{fill:none;stroke:#000000;stroke-width:15.4868;stroke-miterlimit:10;}
svg .st5{fill:none;stroke:#000000;stroke-width:10.2964;stroke-miterlimit:10;}
svg .st6{fill:none;stroke:#000000;stroke-width:1.6518;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
svg .st7{opacity:0.15;fill:#040000;}
svg .st8{fill:none;stroke:#000000;stroke-width:14;stroke-miterlimit:10;}
svg .st9{fill:#040000;}
svg .st10{fill:#FFFFFF;}
svg .st11{fill:#CB383F;}


@media (min-width:992px) {  /*lg平板橫式以上*/
	/*導覽*/
	.bgPic06 {
		background-image: url(../images/bgPic06.gif);
		background-repeat: no-repeat;
		background-position:100% 70%; /*左右 上下*/
		background-size:48%;
		background-attachment: fixed;
	}
}

@media (min-width:992px) and (max-width:1199px) {  /*lg平板橫式*/
	.guidelineBOX-w { 
		padding:0.75rem 2rem 1.5rem; 
	}
}

@media (max-width:991.98px) { /*xs,sm手機,md平板直式*/
	.guidelineBOX-p { 
		height:65vh;
	}
	.guidelineBOX-w { 
		padding:1.25rem 40px 1.5rem;
	}
	.area .list-mb h4 {
		text-align: center;
	}
}

@media (max-width: 767px) {  /*xs*/
	.guidelineBOX-p { 
		height:45vh;
	}
	.area .nav-link {
		font-size: 14px;
		padding: 0.5rem 0.25rem;
	}
}



 /* ==================================================
   動畫 animation
================================================== */
/* 套用樣式 */
.fadeIn {
	animation:fadeIn 2s ease-in-out;
}
.fadeB2T {
	animation:fadeB2T 2s ease-in-out;
}
.fadeR2L {
	animation:fadeR2L 2s ease-in-out;
}


@keyframes fadeIn {
  0% {
    opacity:0;
	transform:scale(0.97);
  }
  100% {
    opacity:1;
	transform:scale(1);
  }
}

@keyframes fadeB2T {
  0% {
    opacity:0;
	transform:translateY(10%);
  }
  100% {
    opacity:1;
	transform:translateY(0%);
  }
}

@keyframes fadeL2R {
  0% {
    opacity:0;
	transform:translateX(-25%);
  }
  100% {
    opacity:1;
	transform:translateX(0%);
  }
}

@keyframes fadeR2L {
  0% {
    opacity:0;
	transform:translateX(50%);
  }
  100% {
    opacity:1;
	transform:translateX(0%);
  }
}


/* ==================================================
   遮半透明黑幕
================================================== */
.bs-slider {
	position: relative;
}
.bs-slider .bs-slider-overlay { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}	


/* ==================================================
   外語系 jp-kr
================================================== */
.logo-white {
	margin-bottom:1.5rem; 
}

/*photo*/
.foreignBG {
	background-image: url(../images/foreignBG.png);
    background-repeat: no-repeat;
	background-size:contain;
    background-position:50% 100%; /*左右 上下*/
}
.foreignPIC {
	margin:0;
	margin-top:2rem; 
}
.foreignPIC .owl-theme .owl-dots {
	margin-top:1rem;
	display: block;
}

.location dl dt .col {
    color:#aa9652 !important; /*金色*/
}


/*slick特效css */
.slider.fade {
	opacity: 100; /*去反制bootstrap.min.css*/
}
/* Dots圓點 */
.slick-dots,
.slick-dots li,
.slick-dots li button {
	display:none;
}

.kv {
	background-size: auto 143%; /* 不能用 cover  */
    background-repeat: no-repeat;
	/*background-position:0% top;  主要控制在JS裡, 另也不能再各別設定RWD,否則動態失效*/
	color:#FFF;
	position:relative;
	margin-bottom:0;
}
.home .kv {
	height:83vh; /*和110%不用相關,但請注意圖的比例*/
}

.kvslogan {
	position:absolute;
	z-index:1;
	top:35%;
	display:block !important;
	text-align:center;
	width:100%;
}
.kvslogan h1 {
	font-size:65px;
	line-height:1.05;
	color:#FFF;
	font-weight:bold;
	letter-spacing:-2px;
	margin-top:0 !important;
	margin-bottom:-13px;
}
.kvslogan h4 {
	color:#FFF;
	display:block;
	font-weight:bold;
}


.history-foreign dl {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-start;
}
.history-foreign dl dt {
	margin-top:0;
	margin-bottom: 0.2rem;
	font-family: 'Oswald', sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    color:#aa9652 !important; /*金色*/
}
.history-foreign dl dd {
	margin-bottom: 1rem;
}
.video-foreign {
	background-image: url(../images/video-foreign.png);
    background-repeat: no-repeat;
    background-position:50% 0%;
	background-size:cover;
	background-color:#000; 
	padding:4rem 0; 
}


@media (max-width: 767.98px) {  /*xs,sm手機直橫*/
	.home .kv {
		height:60vh;
	}
	.history-foreign dl dt {
		width:100%;
	}
	.history-foreign dl dd img {
		margin-bottom:0.5rem;
	}
	.logo-white {
		max-width:230px;
	}
	.foreignBG {
		background:none;
	}
	.video-foreign {
		background-position:0% 0%;
		background-size:220%; 
	}
	.location.foreign .map iframe {
		height:350px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.home .kv {
		height:55vh;
	}
}

@media (min-width: 768px) and (max-width: 1199.98px) {  /*md平板直式~lg*/
	.foreignBG {
		background-position:0% 75%; /*左右 上下*/
	}
	.location.foreign .map iframe {
		height:350px;
	}
}

@media (min-width: 768px) {  /*md平板直式~lg~xl*/
	.history-foreign dl dt {
		width:140px;
	}
	.history-foreign dl dd {
		width: calc(100% - 140px);
	}
}

@media (min-width: 1200px) {  /*xl筆電桌機*/
	/*底圖固定不動*/
	.video-foreign {
		background-attachment: fixed; 
		padding:7rem 0; 
	}
	/*年份*/
	.history-foreign {
		background-image: url(../images/foreignBG-year.png);
		background-repeat: no-repeat;
		background-size:48%;
		background-position:100% 100%;
	}
}

/* 橫式-限手機版 */ 
@media only screen and (orientation : landscape) and (max-height:600px) {
	.kv {
		background-size: auto 200%;
	}
	.home .kv {
		height:100vh;
	}
}