@charset "UTF-8";
@import url(public/css/reset.css);
@import url(public/css/font-awesome-4.7.0/font-awesome.min.css);
@import url(public/css/rwdgrid.css);
@import url(public/css/textEditor.css);
@import url(public/css/contentbuilder.css);
*, *::before, *::after, .tab a, .mClassLink > ul, .mClassLink .main, .classRowBox > ul a, .cardList .Txt, .cardList .Img, .cardList > li, .bread {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}

.moduleMask, .hImgMask .Img::before, .hImgMask .Img::after, .slideMenuBox, .slickRectDots button::before, .slick-dots button::before, .slick-dots button::after, .moreBtn .arrow::before, .moreBtn .arrow, .tab a::after, .classColumnBox > ul > li > a::before, .classColumnBox, .classRowBox > ul a::before, .classRowBox, .cardList .item .Img img, .cardList .item .Img::before, .bannerVideoBox, .slickFunctionBox .slickNumberList > li, .bannerArea::before, .socialList svg, .languageBox > ul, .languageBox .main::after, .languageBox .main, .iconBox svg, .iconBox, .logo svg, header, a {
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
}

.menu .iconBox, .languageBox > ul {
		opacity: 0;
}

.menu .iconBox {
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
}

.languageBox:hover > ul, .menu > li > a:hover .iconBox, .menu > li > a.current .iconBox {
		-webkit-transform: translate(0);
		        transform: translate(0);
		opacity: 1;
}

/*
	Authors: Alvin, Randy, Rex
    Version: 2.0
	Latest Update: 2020/03/13
*/
body {
		color: #5e5e5e;
		font-size: 17px;
		font-family: "Noto Sans TC", sans-serif;
}

a {
		color: #5e5e5e;
		cursor: pointer;
}
a:hover {
		color: #9f6420;
}

.outerWrap {
		position: relative;
}
.outerWrap.noBanner {
		padding-top: 86px;
}

.wrap {
		width: 100%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
}
@media (max-width: 1440px) {
		.wrap {
				padding-left: 20px;
				padding-right: 20px;
		}
}

header {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 50;
		width: 100%;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
		        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
		background-color: #fff;
}
header.playingVideo.isTop {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
}
header.isTop:not(.noBanner) {
		background-color: transparent;
		-webkit-box-shadow: 0 0 0 transparent;
		        box-shadow: 0 0 0 transparent;
}
header.isTop:not(.noBanner) .logo svg {
		color: #fff;
		fill: #fff;
}
header.isTop:not(.noBanner) .menu > li > a {
		color: #fff;
}
header.isTop:not(.noBanner) .menu > li svg {
		fill: #fff;
}
header.isTop:not(.noBanner) .languageBox {
		color: #fff;
}
header.isTop:not(.noBanner) .languageBox .main::after {
		border-color: #fff transparent transparent transparent;
}
header.isTop:not(.noBanner) .languageBox > ul {
		background-color: transparent;
}
header.isTop:not(.noBanner) .languageBox > ul a {
		color: #fff;
}
header.isTop:not(.noBanner) .languageBox > ul a:hover {
		color: #9f6420;
}
header .wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1790px;
}
@media (min-width: 1441px) and (max-width: 1830px) {
		header .wrap {
				padding-left: 20px;
				padding-right: 20px;
		}
}
@media (max-width: 1180px) {
		header .wrap {
				padding-right: 0;
		}
}
header .rightBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: auto;
}
@media (max-width: 400px) {
		header .languageBox {
				display: none;
		}
}

.logo a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.logo svg:first-child, .logo > a > span:first-child {
		width: 65px;
		height: 52px;
		fill: #9f6420;
}
@media (max-width: 450px) {
		.logo svg:first-child, .logo > a >  span:first-child {
				width: 50px;
				height: 40px;
		}
}
.logo svg:nth-child(2), .logo > a >  span:nth-child(2) {
		width: 126px;
		height: 39px;
		margin-left: 5px;
		color: #3f3a39;
		fill: #595656;
}
@media (max-width: 450px) {
		.logo svg:nth-child(2), .logo > a >  span:nth-child(2) {
				width: 87px;
				height: 27px;
		}
}

.menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media (max-width: 1180px) {
		.menu {
				display: none;
		}
}
.menu > li > a {
		height: 86px;
		padding-left: 20px;
		padding-right: 20px;
}
.menu > li > a:hover, .menu > li > a.current {
		padding-top: 30px;
}
.menu > li:first-child .iconBox svg {
		width: 35px;
		height: 28px;
}
.menu > li:nth-child(2) .iconBox svg {
		width: 28px;
		height: 27px;
}
.menu > li:nth-child(3) .iconBox svg {
		width: 37px;
		height: 29px;
}
.menu > li:nth-child(4) .iconBox svg {
		width: 51px;
		height: 30px;
}
.menu > li:nth-child(5) .iconBox svg {
		width: 40px;
		height: 35px;
}
.menu > li:nth-child(6) .iconBox svg {
		width: 34px;
		height: 26px;
}
.menu > li:nth-child(7) .iconBox svg {
		width: 31px;
		height: 25px;
}
.menu a {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		letter-spacing: 2px;
		font-size: 15px;
		font-family: "Cinzel", "Noto Serif TC", serif;
}
.menu .iconBox {
		top: 10px;
		left: 0;
		width: 100%;
		height: 30px;
}

.iconBox {
		position: absolute;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.iconBox svg {
		fill: #9f6420;
}

.languageBox {
		position: relative;
		font-size: 15px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		color: #454545;
		-ms-flex-item-align: center;
		    -ms-grid-row-align: center;
		    align-self: center;
		margin-left: 50px;
}
.languageBox:hover > ul {
		pointer-events: auto;
}
.languageBox .main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-top: 10px;
		padding-bottom: 10px;
		cursor: pointer;
}
.languageBox .main::after {
		content: "";
		width: 0;
		height: 0;
		margin-left: 13px;
		border-style: solid;
		border-width: 6px 3px 0 3px;
		border-color: #454545 transparent transparent transparent;
}
.languageBox > ul {
		position: absolute;
		top: 100%;
		left: -10px;
		z-index: 1;
		width: 100%;
		padding-top: 5px;
		padding-left: 10px;
		pointer-events: none;
		background-color: #fff;
}
.languageBox > ul a {
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
		font-weight: 400;
		color: #454545;
		letter-spacing: 1px;
}
.languageBox > ul a:hover {
		color: #9f6420;
}

.footerImageBox {
		position: relative;
		z-index: 1;
		height: 315px;
		overflow: hidden;
}
.footerImageBox img {
        width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
}

footer {
		padding-bottom: 30px;
}
footer .wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 30px;
		padding-top: 40px;
		padding-bottom: 60px;
		border-bottom: 3px solid #9f6420;
}
@media (max-width: 1180px) {
		footer .wrap {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				padding-top: 30px;
				padding-bottom: 10px;
		}
}
@media (max-width: 1180px) {
		footer .leftBox {
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				width: 100%;
		}
}
footer .centerBox {
		margin-right: auto;
}
@media (min-width: 1181px) {
		footer .centerBox {
				margin-left: auto;
		}
}
@media (max-width: 768px) {
		footer .centerBox {
				width: 100%;
		}
}
@media (max-width: 768px) {
		footer .rightBox {
				width: 100%;
				margin-top: 40px;
				text-align: center;
		}
}

@media (max-width: 1180px) {
		.footerLogo a {
				display: none;
		}
}
.footerLogo svg:first-child {
		width: 81px;
		height: 66px;
		fill: #9f6420;
}
.footerLogo svg:nth-child(2) {
		width: 159px;
		height: 50px;
		margin-left: 3px;
		color: #3f3a39;
		fill: #595656;
}
.footerLogo p {
		margin-top: 15px;
		font-size: 21px;
		color: #6a6a6a;
		font-family: "Cormorant", serif;
}
@media (max-width: 1180px) {
		.footerLogo p {
				text-align: center;
		}
}

.footerSocialBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 40px;
}
@media (max-width: 1180px) {
		.footerSocialBox {
				margin-top: 20px;
		}
		.footerSocialBox .rectBtn {
				display: none;
		}
}
@media (min-width: 1181px) {
		.footerSocialBox .socialList {
				margin-left: 20px;
		}
}

.socialList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
.socialList a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 40px;
		height: 40px;
		color: #727272;
}
.socialList a:hover {
		color: #005845;
}
.socialList a:hover svg {
		fill: #005845;
}
.socialList svg {
		width: 16px;
		height: 15px;
		fill: #727272;
}

.footerTitle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 10px;
		padding-bottom: 15px;
		font-size: 17px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		color: #333;
		background-image: -webkit-gradient(linear, left top, right top, from(#9f6420), to(#9f6420)), -webkit-gradient(linear, left top, right top, from(#cfcfcf), to(#cfcfcf));
		background-image: linear-gradient(to right, #9f6420, #9f6420), linear-gradient(to right, #cfcfcf, #cfcfcf);
		background-size: 60px 1px, 100% 1px;
		background-position: 0 100%;
		background-repeat: no-repeat;
}
@media (max-width: 768px) {
		.footerTitle {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				padding-bottom: 5px;
		}
}
.footerTitle span {
		margin-right: 15px;
		font-weight: 700;
		font-size: 21px;
}

.footerContactList {
		font-size: 14px;
		color: #6a6a6a;
}
@media (max-width: 768px) {
		.footerContactList {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}
.footerContactList > li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media (min-width: 451px) and (max-width: 768px) {
		.footerContactList > li {
				width: 400px;
		}
}
@media (max-width: 450px) {
		.footerContactList > li {
				width: 100%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				text-align: center;
		}
}
.footerContactList > li + li {
		margin-top: 6px;
}
@media (max-width: 450px) {
		.footerContactList > li + li {
				margin-top: 15px;
		}
}
.footerContactList a {
		color: #6a6a6a;
}
.footerContactList span {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		color: #2d2d2d;
}
@media (min-width: 451px) {
		.footerContactList span {
				width: 85px;
		}
		.footerContactList span::after {
				content: "/";
				margin-left: auto;
				margin-right: 10px;
		}
}

.footerMenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
.footerMenu > li {
		width: 33.3333333333%;
		margin-bottom: 10px;
}
.footerMenu a {
		display: block;
		font-size: 14px;
}
.footerMenu .iconBox {
		display: none;
}

.social {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
		margin-right: -4px;
}
.social a {
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin: 0 5px;
		font-size: 19px;
		color: #929292;
		text-align: center;
}
.social a:hover {
		opacity: 0.8;
}

/*****banner******/
.bannerArea {
		position: relative;
		overflow: hidden;
}
.bannerArea.waveShow::before {
		bottom: 0;
}
.bannerArea.playingVideo .bannerVideoBox {
		opacity: 1;
}
.bannerArea.playingVideo .downArrow {
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
}
.bannerArea::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -62px;
		z-index: 3;
		width: 100%;
		height: 62px;
		background-image: url("../images/wave.png");
		background-repeat: repeat-x;
		background-position: 0 100%;
		pointer-events: none;
}
.bannerArea .downArrow {
		position: absolute;
		left: 50%;
		bottom: 125px;
		margin-left: -15px;
		background-image: linear-gradient(to bottom, #fff 3px, transparent 0, transparent 5px, #fff 0, #fff 9px, transparent 0, transparent 12px, #fff 0, #fff 16px, transparent 0, transparent 20px, #fff 0);
}
@media (max-width: 1700px) {
		.bannerArea .downArrow {
				bottom: 20px;
		}
}
@media (max-width: 1180px) {
		.bannerArea .downArrow {
				display: none;
		}
}
.bannerArea .downArrow::before {
		border-color: #fff;
}
.bannerArea .downArrow::after {
		border-color: #fff transparent transparent transparent;
}
.bannerArea .controlVideoBtn {
		position: absolute !important;
		left: calc((100% - 1740px) / 2);
		bottom: 100px;
		z-index: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 40px;
		height: 40px;
		outline: none;
		border: none;
		color: #fff;
		background-color: transparent;
		cursor: pointer;
}
.bannerArea .controlVideoBtn.playing::before {
		content: "\f04c";
}
.bannerArea .controlVideoBtn::before {
		content: "\f04b";
		font-size: 14px;
		font-family: FontAwesome;
}

@-webkit-keyframes waveAni {
		0% {
				background-position-x: 0;
		}
		100% {
				background-position-x: -2368px;
		}
}

@keyframes waveAni {
		0% {
				background-position-x: 0;
		}
		100% {
				background-position-x: -2368px;
		}
}
.bannerTextBox {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 100%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
}

.bannerFunctionBox {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 4;
		width: 100%;
		max-width: 1740px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: auto;
		margin-right: auto;
}
.bannerFunctionBox .slick-dots {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1;
		width: calc(100% - 500px);
		margin-left: auto;
		margin-right: auto;
}
.bannerFunctionBox .slick-dots button::before {
		background-color: #fff;
}
.bannerFunctionBox .slick-dots button::after {
		border-color: #fff;
}
.bannerFunctionBox .scrollDownBox {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin-left: auto;
		padding: 15px 33px 55px;
		background-color: rgba(0, 88, 69, 0.5);
}
.bannerFunctionBox .scrollDownBtn {
		display: block;
		padding-top: 5px;
		padding-bottom: 10px;
		color: #fff;
		font: 700 14px "Cinzel", "Noto Serif TC", serif;
		border-bottom: 2px solid #fff;
}
.bannerFunctionBox .scrollDownBtn::after {
		content: "\f107";
		margin-left: 15px;
		font-family: FontAwesome;
}

.slickFunctionBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
}
.slickFunctionBox .total {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-left: 20px;
		font: italic 600 28px "Cormorant", serif;
		color: #fff;
}
.slickFunctionBox .total::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 43px;
		width: 1px;
		height: 20px;
		margin-top: -6px;
		background-color: #fff;
		-webkit-transform: rotate(30deg);
		        transform: rotate(30deg);
}
.slickFunctionBox .total::after {
		content: attr(data-length);
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 40px;
		margin-left: 20px;
}
.slickFunctionBox .slickNumberList {
		position: relative;
		width: 40px;
		height: 40px;
}
.slickFunctionBox .slickNumberList > li {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		opacity: 0;
}
.slickFunctionBox .slickNumberList > li.current {
		opacity: 1;
}

.bannerVideoBox {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		opacity: 0;
		pointer-events: none;
}
.bannerVideoBox .mb_YTPBar {
		visibility: hidden;
}

.prevArrowBtn, .nextArrowBtn {
		width: 40px;
		height: 40px;
		border: none;
		outline: none;
		font-size: 30px;
		cursor: pointer;
		background-color: transparent;
		color: #fff;
}

.prevArrowBtn {
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
}

.nextArrowBtn {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
}

.bannerBox img {
		display: block;
		width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}

.mainArea {
		padding-top: 50px;
		padding-bottom: 100px;
}
@media (max-width: 1180px) {
		.mainArea {
				padding-bottom: 50px;
		}
}

.bread {
		text-align: right;
}
@media (max-width: 1180px) {
		.bread {
				display: none;
		}
}
.bread a, .bread span {
		display: inline-block;
		font-size: 13px;
		letter-spacing: 0.5px;
		text-transform: uppercase;
}
.bread a + a::before, .bread a + span::before, .bread span + a::before, .bread span + span::before {
		content: ">";
		display: inline-block;
		margin-left: 4px;
		margin-right: 4px;
}
.bread a:last-child, .bread a:last-child::before, .bread span:last-child, .bread span:last-child::before {
		color: #9f6420;
}
@media (min-width: 1181px) {
		.bread a:hover {
				color: #9f6420;
		}
}

.cardList:not(.vertical) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-top: 20px;
}
@media (min-width: 481px) {
		.cardList:not(.vertical) {
				margin-left: -20px;
				margin-right: -20px;
		}
}
@media (min-width: 1181px) {
		.cardList:not(.vertical).row4 > li {
				width: 25%;
		}
}
@media (min-width: 769px) and (max-width: 1180px) {
		.cardList:not(.vertical).row4 > li {
				width: 33.3333333333%;
		}
}
@media (min-width: 481px) and (max-width: 768px) {
		.cardList:not(.vertical).row4 > li {
				width: 50%;
		}
}
.cardList:not(.vertical).row3 > li {
		/*stupid ie*/
}
@media (min-width: 961px) {
		.cardList:not(.vertical).row3 > li {
				width: 33.3333333333%;
		}
}
@media screen and (min-width: 0\0 ) and (min-width: 961px) {
		.cardList:not(.vertical).row3 > li {
				width: 33.33%;
		}
}
@media (min-width: 481px) and (max-width: 960px) {
		.cardList:not(.vertical).row3 > li {
				width: 50%;
		}
}
.cardList:not(.vertical) > li {
		padding-bottom: 55px;
}
@media (min-width: 481px) {
		.cardList:not(.vertical) > li {
				padding-left: 20px;
				padding-right: 20px;
		}
}
@media (max-width: 480px) {
		.cardList:not(.vertical) > li {
				width: 100%;
		}
}
.cardList:not(.vertical) .item {
		margin-left: auto;
		margin-right: auto;
}
.cardList:not(.vertical) .Img img {
		display: block;
		max-width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.cardList.vertical li + li {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #005845;
}
.cardList.vertical .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
@media (max-width: 640px) {
		.cardList.vertical .item {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
@media (min-width: 641px) {
		.cardList.vertical .Img {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 300px;
				        flex: 0 0 300px;
		}
		.cardList.vertical .Img + .Txt {
				padding-left: 30px;
		}
}
@media (max-width: 640px) {
		.cardList.vertical .Img {
				width: 100%;
		}
}
.cardList.vertical .Img img {
		display: block;
		width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.cardList.vertical .Txt {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
}
@media (min-width: 1181px) {
		.cardList .item:hover .Img::before {
				background-color: rgba(159, 100, 32, 0.7);
		}
		.cardList .item:hover img {
				-webkit-transform: scale(1.05);
				        transform: scale(1.05);
		}
}
.cardList .item .Img {
		position: relative;
		overflow: hidden;
}
.cardList .item .Img::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		background-color: rgba(159, 100, 32, 0);
		pointer-events: none;
}
@media (min-width: 1181px) {
		.cardList .item:hover h3 a {
				color: #9f6420;
				background-position-x: 0;
		}
}
.cardList .Txt {
		padding-top: 10px;
		padding-bottom: 10px;
}
.cardList .Txt p {
		height: 50px;
		color: #919191;
}
.cardList h3 a {
		display: block;
		margin-bottom: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-weight: 400;
		font-size: 16px;
		color: #000;
		letter-spacing: 1px;
		background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dedede), color-stop(0, #9f6420), to(#9f6420)) 100% 100%/200% 1px no-repeat;
		background: linear-gradient(to left, #dedede 50%, #9f6420 0, #9f6420 100%) 100% 100%/200% 1px no-repeat;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}
@media (max-width: 1180px) {
		.cardList h3 a {
				color: #9f6420;
				background-position-x: 0;
		}
}

.itemTitleBox {
		position: relative;
		margin-bottom: 40px;
		padding-top: 45px;
		padding-bottom: 45px;
}
@media (max-width: 1180px) {
		.itemTitleBox {
				margin-bottom: 20px;
		}
}
.itemTitleBox::before {
		content: "";
		position: absolute;
		top: 0;
		z-index: -1;
		width: 260px;
		height: 260px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#9f6420), to(#9f6420)), -webkit-gradient(linear, left top, left bottom, from(#9f6420), to(#9f6420)), -webkit-gradient(linear, left top, left bottom, from(#9f6420), to(#9f6420)), -webkit-gradient(linear, left top, left bottom, from(#9f6420), to(#9f6420)), -webkit-gradient(linear, left top, left bottom, from(#9f6420), to(#9f6420));
		background-image: linear-gradient(to bottom, #9f6420, #9f6420), linear-gradient(to bottom, #9f6420, #9f6420), linear-gradient(to bottom, #9f6420, #9f6420), linear-gradient(to bottom, #9f6420, #9f6420), linear-gradient(to bottom, #9f6420, #9f6420);
		background-size: 100% 7px, 100% 7px, 7px 100%, 7px 30px, 7px 30px;
		background-repeat: no-repeat;
		pointer-events: none;
}
@media (max-width: 1180px) {
		.itemTitleBox::before {
				width: 220px;
				height: 220px;
		}
}
.itemTitleBox em {
		font: 700 42px/0.9 "Cinzel", "Noto Serif TC", serif;
		color: #454545;
}
@media (max-width: 1180px) {
		.itemTitleBox em {
				font-size: 28px;
		}
}
.itemTitleBox h1, .itemTitleBox h2, .itemTitleBox h3 {
		margin-top: 10px;
		font: 700 20px "Cinzel", "Noto Serif TC", serif;
		color: #000;
}
@media (max-width: 1180px) {
		.itemTitleBox h1, .itemTitleBox h2, .itemTitleBox h3 {
				font-size: 16px;
		}
}

.itemEnSubTitle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 25px;
}
.itemEnSubTitle strong {
		font: italic 600 18px "Cormorant", serif;
		color: #9f6420;
}

.pageTitleBox {
		margin-bottom: 50px;
		text-align: center;
}
@media (max-width: 1180px) {
		.pageTitleBox {
				margin-bottom: 30px;
		}
}
.pageTitleBox .titleEn {
		font-size: 70px;
		color: #9f6420;
}
@media (min-width: 401px) and (max-width: 1180px) {
		.pageTitleBox .titleEn {
				font-size: 48px;
		}
}
@media (max-width: 400px) {
		.pageTitleBox .titleEn {
				font-size: 36px;
		}
}

.titleBox {
		margin-bottom: 70px;
		text-align: center;
}
@media (max-width: 1180px) {
		.titleBox {
				margin-bottom: 30px;
		}
}

.titleSubEn {
		display: block;
		margin-bottom: 20px;
		font: italic 600 18px "Cormorant", serif;
		color: #9f6420;
}

.titleEn {
		font: 700 42px/0.9 "Cinzel", "Noto Serif TC", serif;
		color: #454545;
}
@media (max-width: 1180px) {
		.titleEn {
				font-size: 32px;
		}
}
@media (max-width: 400px) {
		.titleEn {
				font-size: 26px;
		}
}

.titleCht {
		font: 600 34px "Cinzel", "Noto Serif TC", serif;
		color: #454545;
		letter-spacing: 2px;
}
@media (max-width: 1180px) {
		.titleCht {
				font-size: 26px;
				letter-spacing: 0;
		}
}
@media (max-width: 400px) {
		.titleCht {
				font-size: 20px;
		}
}

.titleParagraph {
		margin-top: 15px;
		line-height: 1.8;
		font-size: 16px;
}

.articleTitle {
		margin-bottom: 25px;
		padding-bottom: 20px;
		font: 600 34px "Cinzel", "Noto Serif TC", serif;
		color: #454545;
		border-bottom: 1px solid #eaeaea;
}
@media (max-width: 1180px) {
		.articleTitle {
				margin-bottom: 15px;
				padding-bottom: 15px;
				font-size: 26px;
		}
}

.sectionTitle {
		margin-bottom: 20px;
		padding-bottom: 10px;
		font: 700 20px "Cinzel", "Noto Serif TC", serif;
		border-bottom: 1px solid #eaeaea;
		color: #9f6420;
}
@media (max-width: 1180px) {
		.sectionTitle {
				margin-bottom: 10px;
				font-size: 16px;
		}
}

.pageBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-top: 10px;
		padding-top: 20px;
		border-top: 1px solid #eaeaea;
}
.pageBox .prevBtn, .pageBox .nextBtn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.pageBox .prevBtn::before {
		content: "\f104";
		margin-right: 5px;
		font-family: FontAwesome;
}
.pageBox .nextBtn {
		margin-left: auto;
}
.pageBox .nextBtn::after {
		content: "\f105";
		margin-left: 5px;
		font-family: FontAwesome;
}

.classRowBox {
		position: relative;
		z-index: 1;
		margin-bottom: 30px;
		padding: 20px 0;
}
.classRowBox > ul {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media (max-width: 1180px) {
		.classRowBox > ul {
				display: none;
		}
}
.classRowBox > ul a {
		position: relative;
		display: block;
		padding: 10px 15px;
		font-size: 15px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		color: #000;
		text-align: center;
}
.classRowBox > ul a.current::before, .classRowBox > ul a:hover::before {
		left: 0;
		right: auto;
		width: 100%;
}
.classRowBox > ul a.current {
		color: #9f6420;
}
.classRowBox > ul a::before {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
		width: 0;
		height: 2px;
		background-color: #9f6420;
		pointer-events: none;
}

.classColumnBox {
		position: relative;
		z-index: 1;
}
@media (max-width: 1180px) {
		.classColumnBox > ul {
				display: none;
		}
}
.classColumnBox > ul > li > a {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 16px;
		background: -webkit-gradient(linear, right top, left top, color-stop(50%, #d0d0d0), color-stop(0, #454545), to(#454545)) 100% 100%/200% 1px no-repeat;
		background: linear-gradient(to left, #d0d0d0 50%, #454545 0, #454545 100%) 100% 100%/200% 1px no-repeat;
}
.classColumnBox > ul > li > a.current, .classColumnBox > ul > li > a.open {
		padding-left: 35px;
		background-position-x: 0;
}
.classColumnBox > ul > li > a.current::before, .classColumnBox > ul > li > a.open::before {
		left: 14px;
		opacity: 1;
		-webkit-transition-delay: 0.4s;
		        transition-delay: 0.4s;
}
.classColumnBox > ul > li > a::before {
		content: "\f101";
		position: absolute;
		top: 50%;
		left: 7px;
		z-index: 1;
		margin-top: -10px;
		font-size: 20px;
		color: #454545;
		font-family: FontAwesome;
		opacity: 0;
}
.classColumnBox > ul ul {
		display: none;
}
.classColumnBox > ul a {
		position: relative;
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
		color: #777;
}
.classColumnBox > ul a.current, .classColumnBox > ul a:hover {
		color: #454545;
}
.classColumnBox > ul .linkHasItems.open + ul {
		display: block;
		margin-bottom: 10px;
		padding-left: 35px;
}
.classColumnBox > ul .linkHasItems.open + ul > li {
		-webkit-animation: 0.5s aniSlideLeft both ease-out 0.3s;
		        animation: 0.5s aniSlideLeft both ease-out 0.3s;
}

.mClassLink {
		position: relative;
		z-index: 1;
}
@media (min-width: 1181px) {
		.mClassLink {
				display: none;
		}
}
.mClassLink.open > ul {
		display: block;
}
.mClassLink .main {
		position: relative;
		display: block;
		font-size: 16px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		padding: 10px 30px 10px 10px;
		color: #fff;
		letter-spacing: 1px;
		cursor: pointer;
		background-color: #9f6420;
}
.mClassLink .main::before {
		content: "\f107";
		position: absolute;
		right: 15px;
		top: 50%;
		z-index: 1;
		margin-top: -6px;
		line-height: 1;
		font-size: 15px;
		color: #fff;
		font-family: FontAwesome;
}
.mClassLink > ul {
		position: absolute;
		left: 0;
		top: calc(100% - 1px);
		z-index: 1;
		display: none;
		width: 100%;
		background-color: #fff;
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.mClassLink > ul > li + li {
		border-top: 1px solid #f2f2f2;
}
.mClassLink > ul > li.current > a {
		color: #9f6420;
}
.mClassLink > ul a {
		position: relative;
		z-index: 1;
		display: block;
		padding: 14px 20px;
		color: #000;
		font-size: 14px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		background-color: #fff;
}
.mClassLink ul {
		display: none;
}
.mClassLink .linkHasItems {
		position: relative;
		padding-right: 40px;
}
.mClassLink .linkHasItems::after {
		content: "\f107";
		position: absolute;
		top: 50%;
		right: 17px;
		z-index: 1;
		line-height: 1;
		margin-top: -7px;
		font-family: FontAwesome;
}
.mClassLink .linkHasItems.open::after {
		-webkit-transform: rotateX(180deg);
		        transform: rotateX(180deg);
}
.mClassLink .linkHasItems.open + ul {
		display: block;
}
.mClassLink .linkHasItems + ul {
		background-color: #efefef;
}
.mClassLink .linkHasItems + ul a {
		padding: 10px 5px 10px 30px;
		background-color: #efefef;
}
.mClassLink .linkHasItems + ul a.current {
		color: #9f6420;
}

.tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-bottom: 1px solid #005845;
}
.tab a {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-left: 10px;
		padding-right: 10px;
		color: #000;
}
@media (min-width: 1181px) {
		.tab a {
				height: 70px;
		}
		.tab a::after {
				content: "";
				position: absolute;
				left: 0;
				bottom: -1px;
				z-index: 1;
				width: 100%;
				height: 0;
				pointer-events: none;
				background-color: #9f6420;
		}
		.tab a:hover {
				color: #9f6420;
		}
}
@media (max-width: 1180px) {
		.tab a {
				height: 50px;
		}
}
.tab a.current {
		color: #9f6420;
}
.tab a.current::after {
		height: 2px;
}
.tab a + a {
		margin-left: 20px;
}

.tabContent {
		padding-top: 25px;
		padding-bottom: 25px;
		border-bottom: 1px solid #005845;
}
.tabContent > li {
		display: none;
}

.side_album {
		margin-bottom: 30px;
}
@media (min-width: 1181px) {
		.side_album {
				margin-top: 30px;
				margin-right: -10px;
		}
}
@media (max-width: 1180px) {
		.side_album {
				margin-top: 10px;
		}
}
.side_album li {
		float: left;
		max-width: 100px;
		width: 33.33%;
		padding: 0 10px 10px 0;
}
.side_album a {
		display: block;
		-webkit-box-shadow: 2px 2px 5px #c3c3c3;
		        box-shadow: 2px 2px 5px #c3c3c3;
}
.side_album a img {
		display: block;
		width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}

.side_contactInfo li {
		margin-bottom: 20px;
}
.side_contactInfo a {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 16px;
		color: #414141;
}
.side_contactInfo i {
		display: inline-block;
		vertical-align: middle;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin-right: 8px;
		border: 2px solid #a5a5a5;
		border-radius: 50%;
		font-size: 20px;
		color: #a5a5a5;
		text-align: center;
}
.side_contactInfo b {
		display: inline-block;
		vertical-align: middle;
		font-weight: 400;
}

.newsInfoBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}

.newsIcon + .newsDateBox::before {
		content: "/";
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
}

@media (min-width: 641px) {
		.newsActivityBox {
				margin-left: 20px;
		}
}
@media (max-width: 640px) {
		.newsActivityBox {
				width: 100%;
				margin-top: 5px;
		}
}

.side_share {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 15px 0;
}
.side_share b {
		margin-right: 15px;
}
.side_share a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 40px;
		height: 40px;
		font-size: 18px;
		border-radius: 50%;
		background-color: #9f6420;
		color: #fff;
		margin-right: 10px;
}
.side_share a:hover {
		background-color: #c97f29;
}
.side_share .icon-line {
		width: 20px;
		height: 20px;
		fill: #fff;
}

.btnBox {
		margin-top: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
.btnBox.center {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}

.rectBtn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 164px;
		height: 40px;
		font-size: 14px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		color: #9f6420;
		border: 2px solid #9f6420;
}

.moreBtn {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 170px;
		height: 55px;
		text-align: right;
		font: 700 16px "Cinzel", "Noto Serif TC", serif;
		color: #005845;
}
.moreBtn:hover {
		color: #005845;
}
.moreBtn:hover .arrow {
		background-position-x: 10px;
		background-size: 50px 1px;
}
.moreBtn:hover .arrow::before {
		-webkit-box-shadow: 0 0 0 9px #c4d8d4;
		        box-shadow: 0 0 0 9px #c4d8d4;
}
.moreBtn .arrow {
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-right: auto;
		padding-left: 45px;
		background-image: linear-gradient(to right, #005845 3px, transparent 0, transparent 5px, #005845 0, #005845 9px, transparent 0, transparent 12px, #005845 0, #005845 16px, transparent 0, transparent 20px, #005845 0);
		background-position: 0 50%;
		background-size: 60px 1px;
		background-repeat: no-repeat;
}
.moreBtn .arrow::before {
		content: "";
		position: relative;
		z-index: -1;
		width: 29px;
		height: 29px;
		border-radius: 50%;
		border: 1px solid #005845;
		-webkit-box-shadow: 0 0 0 12px #c4d8d4;
		        box-shadow: 0 0 0 12px #c4d8d4;
}
.moreBtn .arrow::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 12px;
		z-index: 1;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3.5px 0 3.5px 4px;
		margin-top: -3.5px;
		border-color: transparent transparent transparent #005845;
}

.upArrpw, .downArrow {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 30px;
		height: 75px;
		margin-left: auto;
		margin-right: auto;
		background-size: 1px calc(100% - 12px);
		background-repeat: no-repeat;
}
.upArrpw:hover, .downArrow:hover {
		background-size: 1px calc(100% - 25px);
}
.upArrpw::before, .downArrow::before {
		content: "";
		position: absolute;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 30px;
		border-radius: 50%;
		border: 1px solid #9f6420;
}
.upArrpw::after, .downArrow::after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
}

.upArrpw {
		background-image: linear-gradient(to top, #9f6420 3px, transparent 0, transparent 5px, #9f6420 0, #9f6420 9px, transparent 0, transparent 12px, #9f6420 0, #9f6420 16px, transparent 0, transparent 20px, #9f6420 0);
		background-position: 50% 12px;
}
.upArrpw::before {
		top: 0;
}
.upArrpw::after {
		margin-top: 12px;
		border-width: 0 3.5px 4px 3.5px;
		border-color: transparent transparent #9f6420 transparent;
}

.downArrow {
		background-image: linear-gradient(to bottom, #9f6420 3px, transparent 0, transparent 5px, #9f6420 0, #9f6420 9px, transparent 0, transparent 12px, #9f6420 0, #9f6420 16px, transparent 0, transparent 20px, #9f6420 0);
		background-position: left 50% bottom 12px;
}
.downArrow::before {
		bottom: 0;
}
.downArrow::after {
		margin-top: auto;
		margin-bottom: 12px;
		border-width: 4px 3.5px 0 3.5px;
		border-color: #9f6420 transparent transparent transparent;
}

.slick-dots {
		margin-top: 20px;
		text-align: center;
}
.slick-dots li.slick-active button::after, .slick-dots li:hover button::after {
		-webkit-transform: scale(1);
		        transform: scale(1);
}
.slick-dots li {
		display: inline-block;
}
.slick-dots li + li {
		margin-left: 3px;
}
.slick-dots button {
		position: relative;
		width: 30px;
		height: 30px;
		color: transparent;
		border: none;
		outline: none;
		background-color: transparent;
		cursor: pointer;
}
.slick-dots button::before, .slick-dots button::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		border-radius: 50%;
}
.slick-dots button::before {
		width: 6px;
		height: 6px;
		margin-left: -3px;
		margin-top: -3px;
		background-color: #9f6420;
}
.slick-dots button::after {
		width: 20px;
		height: 20px;
		margin-top: -10px;
		margin-left: -10px;
		border: 1px solid #9f6420;
		-webkit-transform: scale(0);
		        transform: scale(0);
}

.slickRectDots {
		margin-top: 15px;
}
.slickRectDots > li {
		display: inline-block;
}
.slickRectDots > li.slick-active button::before, .slickRectDots > li:hover button::before {
		background-color: #9f6420;
}
.slickRectDots button {
		position: relative;
		width: 14px;
		height: 14px;
		color: transparent;
		border: none;
		outline: none;
		background-color: transparent;
		cursor: pointer;
}
.slickRectDots button::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		width: 6px;
		height: 6px;
		margin-left: -3px;
		margin-top: -3px;
		background-color: #f1e8de;
}

.slideMenuBox {
		position: fixed;
		top: 0;
		right: -450px;
		width: 450px;
		height: 100vh;
		padding: 2vh 55px 5vh;
		z-index: 1001;
		color: #fff;
		background-color: #9f6420;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
}
@media (max-width: 480px) {
		.slideMenuBox {
				width: 100%;
				right: -100%;
		}
}
.slideMenuBox.show {
		right: 0;
}
.slideMenuBox .languageBox {
		z-index: 1;
		width: 75px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: 1px solid #b78a58;
}
.slideMenuBox .languageBox .main {
		color: #fff;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.slideMenuBox .languageBox .main::after {
		border-color: #fff transparent transparent transparent;
}
.slideMenuBox .languageBox > ul {
		background-color: transparent;
		opacity: 1;
}
.slideMenuBox .languageBox > ul a {
		padding-left: 12px;
		color: #fff;
}
.slideMenuBox .socialList {
		margin-top: 1vh;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.slideMenuBox .socialList > li + li {
		margin-left: 5px;
}
.slideMenuBox .socialList a {
		color: #fff;
		border-radius: 5px;
		background-color: #a66e30;
}
.slideMenuBox .socialList svg {
		fill: #fff;
}

.slideMenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-top: 2vh;
		height: calc(66vh - 40px);
		min-height: 400px;
}
.slideMenu > li {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
}
.slideMenu a {
		display: block;
		font: 700 19px "Cinzel", "Noto Serif TC", serif;
		color: #fff;
		text-align: center;
}
@media (max-width: 400px) {
		.slideMenu a {
				font-size: 16px;
		}
}
.slideMenu a span {
		display: block;
		font-weight: 400;
		font-size: 14px;
		margin-left: 2px;
		letter-spacing: 2px;
}

.slideMenuLogoBox {
		margin-top: 4vh;
}
.slideMenuLogoBox > a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		margin-bottom: 14px;
}
.slideMenuLogoBox svg {
		color: #fff;
		fill: #fff;
}
.slideMenuLogoBox svg:first-child {
		width: 53px;
		height: 42px;
}
.slideMenuLogoBox svg:nth-child(2) {
		width: 104px;
		height: 32px;
		margin-left: 5px;
}
.slideMenuLogoBox p {
		color: #fff;
		font: italic 600 14px "Cormorant", serif;
		text-align: center;
}

.menuOpenBtn, .menuCloseBtn {
		width: 65px;
		height: 65px;
		margin-left: 30px;
		border: none;
		outline: none;
		color: #fff;
		background-color: #9f6420;
		font-size: 12px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		cursor: pointer;
}

@media (min-width: 1181px) {
		.menuOpenBtn {
				display: none;
		}
}
.menuOpenBtn::after {
		content: "";
		display: block;
		width: 32px;
		height: 8px;
		margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
}

.menuCloseBtn {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
}
.menuCloseBtn::after {
		content: "";
		display: block;
		width: 14px;
		height: 14px;
		margin-left: auto;
		margin-right: auto;
		background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
		background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff);
		background-size: 100% 1px, 1px 100%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
}

.parallaxImg {
		position: absolute;
		z-index: -3;
}
.parallaxImg img {
		display: block;
		max-width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}

@media (min-width: 1181px) {
		.hImgMask:hover .Img::before {
				opacity: 0.5;
		}
		.hImgMask:hover .Img::after {
				opacity: 1;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
		}
		.hImgMask:hover h3 a {
				color: #005845;
		}
}
.hImgMask .Img {
		position: relative;
		overflow: hidden;
}
.hImgMask .Img::before, .hImgMask .Img::after {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		pointer-events: none;
}
.hImgMask .Img::before {
		content: "";
		background-color: #000;
		opacity: 0;
}
.hImgMask .Img::after {
		content: "More";
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 20px;
		font-family: "Cinzel", "Noto Serif TC", serif;
		color: #fff;
		opacity: 0;
}

.moduleBox {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1005;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 100%;
		padding-left: 20px;
		padding-right: 20px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		-webkit-transition-property: top, opacity, visibility;
		transition-property: top, opacity, visibility;
		-webkit-transition-duration: 0.5s;
		        transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-in-out;
		        transition-timing-function: ease-in-out;
}
.moduleBox.moduleQaptcha {
		max-width: 100% !important;
		border: none;
		background-color: transparent;
}
.moduleBox.moduleQaptcha.show > .box {
		pointer-events: auto;
}
.moduleBox.moduleQaptcha > .box {
		padding-left: 25px;
		padding-right: 25px;
		border-radius: 10px;
		background-color: #fff;
		overflow: hidden;
}
.moduleBox.moduleQaptcha h4 {
		margin-left: -25px;
		margin-right: -25px;
}
.moduleBox.moduleQaptcha .topic {
		margin-top: 10px;
		margin-bottom: 10px;
}
.moduleBox.moduleQaptcha .moduleClose {
		height: 60px;
		padding-top: 38px;
}
.moduleBox.moduleQaptcha .moduleClose i {
		display: none;
}
.moduleBox#popWindow .moduleContent {
		max-width: 960px;
}
.moduleBox.show {
		opacity: 1;
		visibility: visible;
}
.moduleBox.show .moduleContent {
		pointer-events: auto;
}

.moduleContent {
		position: relative;
		min-width: 300px;
		padding: 60px 40px 30px;
		background-color: #fff;
}
@media (max-width: 640px) {
		.moduleContent {
				padding-left: 30px;
				padding-right: 30px;
		}
}

.moduleMask {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 1000;
		background-color: rgba(0, 0, 0, 0.7);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
}
.moduleMask.show {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
}

.moduleClose {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 1;
		display: block;
		width: 40px;
		height: 40px;
		outline: none;
		border: 1px solid #9d9d9d;
		border-radius: 50%;
		background-color: transparent;
		cursor: pointer;
}
.moduleClose::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		margin-left: -9px;
		background-image: -webkit-gradient(linear, left top, right top, from(#9d9d9d), to(#9d9d9d)), -webkit-gradient(linear, left top, right top, from(#9d9d9d), to(#9d9d9d));
		background-image: linear-gradient(to right, #9d9d9d, #9d9d9d), linear-gradient(to right, #9d9d9d, #9d9d9d);
		background-position: 50% 50%;
		background-size: 1px 100%, 100% 1px;
		background-repeat: no-repeat;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
}

div.titan {
		/*--隱藏開影音、開相簿--*/
		display: none;
}

input[type=text], textarea {
		-webkit-appearance: none;
}

table.breakpoint > tbody > tr > td.expand {
		cursor: pointer;
		background: url("../images/plus.png") no-repeat 5px center;
		padding-left: 40px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}

a.btn_color1 {
		/*按鈕主色1*/
		color: #fff;
		background-color: #9f6420;
}

a.btn_color1:hover {
		background-color: #754917;
}

a.btn_color2 {
		/*按鈕主色2*/
		color: #fff;
		background-color: #454545;
}

a.btn_color2:hover {
		background-color: #2c2c2c;
}

.language {
		display: inline-block;
		vertical-align: middle;
}
.language .g_trans {
		display: inline-block;
		vertical-align: middle;
}
.language .g_trans a {
		display: block;
		line-height: 28px;
		padding: 0 10px;
		border: 1px solid #516190;
		font-size: 13px;
		color: #516190;
}
.language .g_trans a i {
		margin-left: 10px;
}

.tagBox {
		padding: 20px 0;
}
.tagBox b {
		display: inline-block;
		margin-right: 10px;
}
.tagBox ul {
		display: inline-block;
}
.tagBox li {
		display: inline-block;
		margin-bottom: 5px;
}
.tagBox a {
		position: relative;
		display: block;
		margin: 0 3px;
		padding: 5px 10px;
		border: 1px solid #9f6420;
		font-size: 13px;
		color: #9f6420;
}
.tagBox a:hover {
		color: #fff;
		background-color: #9f6420;
}
.tagBox a.current {
		color: #fff;
		background-color: #9f6420;
}
.tagBox a.current:before {
		content: "\f00d";
		margin-right: 5px;
		font-family: FontAwesome;
		font-size: 12px;
}

@-webkit-keyframes aniSlideLeft {
		0% {
				-webkit-transform: translateX(10px);
				        transform: translateX(10px);
				opacity: 0;
		}
		100% {
				-webkit-transform: translateX(0);
				        transform: translateX(0);
				opacity: 1;
		}
}

@keyframes aniSlideLeft {
		0% {
				-webkit-transform: translateX(10px);
				        transform: translateX(10px);
				opacity: 0;
		}
		100% {
				-webkit-transform: translateX(0);
				        transform: translateX(0);
				opacity: 1;
		}
}