.titleBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;height:fit-content;margin-right:auto;margin-left:0;display:flex;-webkit-box-align:center;align-items:flex-start;position:relative;margin-bottom:30px;text-align:center;flex-direction:column-reverse;align-content:flex-start}
.titleBox .titleTw{font-weight:400;font-size: 27px;letter-spacing:0.5em;color:#222222}
.titleBox .titleEn{margin-top:10px;margin-right:4px;font-size: 42px;text-align:left;line-height:120%;margin-bottom:10px;font-weight:100;color:var(--primary);position:relative;text-transform:uppercase;letter-spacing:5px;font-family:'Cardo',serif;font-style:normal}
.titleBox p{font-size: 18px;}
.inside{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:40px 0px 0;margin:0 auto;position:relative}
.inside .Img img{width:100%;display:block}
.inside .subtitle{color:#bca350;font-size:25px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-right:1px solid #bca350;padding-right:3px;letter-spacing:5px;font-family:"Cormorant","Noto Sans TC","Microsoft JhengHei",sans-serif}
.inside .right{padding:35px 0 35px 50px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:relative}
.inside .right .titleBox{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}
.inside .right .titleBox .titleEn{margin-top:36px}
.inside .Txt{font-size:15px;line-height:1.8;padding-top:270px;letter-spacing:1.3px;padding-right:8px;max-width:500px;margin-top:auto;margin-right:3.7%;text-align:left}
.inside .Txt .intro{font-size:20px;padding-top:30px;letter-spacing:2px;position:relative}
.inside .Txt .intro:before{content:"";width:200px;height:1px;background:#9a7961;display:block;position:absolute;top:40px;left:-240px;z-index:4}
.inside .Txt .summary{font-weight:400;margin-top:40px;line-height:1.8;letter-spacing:0.6px;font-size:15px}
.inside .scrollDown{position:absolute;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;left:50%;bottom:0;-webkit-transform:translate(-50%);transform:translate(-50%);color:#fff;gap:2px}
.inside .scrollDown.dark{color:#504e44;font-weight:500}
.inside .scrollDown.dark .line{background-color:rgba(111,108,101,0.4)}
.inside .scrollDown.dark .line:after{background-color:#bca350}
.inside .scrollDown .txtEn{font-family:"Cormorant","Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:15px;letter-spacing:1px}
.inside .scrollDown .txtTw{font-size:12px;letter-spacing:2px;padding-bottom:7px}
.inside .scrollDown .line{width:1px;height:63px;background-color:rgba(255,255,255,0.25);position:relative}
.inside .scrollDown .line:after{content:"";position:absolute;top:40%;left:0;width:2px;height:14px;background-color:white;-webkit-animation:fadeInDown;animation:fadeInDown;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1s;animation-duration:1s}
.inside .scrollDown.horizon .line{width:63px;height:1px;margin:28px 0 30px}
.inside .scrollDown.horizon .line:after{width:14px;height:2px;left:40%;-webkit-animation:fadeInLeft;animation:fadeInLeft;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1s;animation-duration:1s}
.inside .ImgBox{pointer-events:none;width:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;height:calc(100% - 95px);margin-top:70px}
.inside .ImgBox .Img{position:absolute}
.inside .ImgBox .source1{left:0;bottom:0;z-index:0}
.inside .ImgBox .source1::after{content:"";position:absolute;z-index:-1;background-color:var(--primary);height:81.52%;width:29.07%;left:-36px;bottom:160px}
.inside .ImgBox .source2{width:41.6%;left:7.8%;bottom:21.1%}
.inside .ImgBox .source2::before{content:"";position:absolute;width:100%;height:100%;border:1px solid #9a7961;left:-13px;top:19px;z-index:2}
.inside .ImgBox .source3{top:-40px;right:0}

.facItem{width:100%}
.facItem + .facItem{margin-top:100px}
.facItem .item{display:flex;margin:100px 0 0}
.facItem .item:nth-child(2){display:flex;flex-direction:row-reverse}
.facItem .floor{position:absolute;right:-40px;bottom:45px;background-color:var(--primary)}
.facItem .Img{position:relative;z-index:2;float:left;width:630px;margin-top:60px}
.facItem .Img img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;aspect-ratio:4 /3;object-fit:cover}
.facItem:nth-child(2) .Img{float:right}
.facItem .item:nth-child(2) .floor{right:auto;bottom:125px;left:-40px}
.facItem .Txt{position:relative;z-index:1;float:left;width:calc(100% - 630px);padding:85px 75px 80px 70px;box-shadow:0 22px 50px rgba(54,53,53,0.09);box-sizing:border-box}
.facItem .Txt:before{content:'';position:absolute;z-index:-1;left:-60px;top:0;width:calc(100% + 60px);height:100%;background-color:#f7f5f3}
.facItem .item:nth-child(2) .Txt:before{left:auto;right:-60px}
.facItem h3 strong{display:block;font-weight: 400;font-size:32px;letter-spacing:.05em;color:var(--black);margin-bottom:20px}
.facItem p{font-size: 17px;line-height: 160%;text-align:justify;padding-top:30px;letter-spacing:2px;position:relative}
.floor > div{width:80px;height:60px;line-height:60px;text-align:center;color:#fff;font-size:15px;font-weight:700;letter-spacing:.1em;font-family:'Cardo',serif}


@media (max-width:1880px){
	.inside .scrollDown .line{height:35px}
	.inside .scrollDown.horizon .line{margin:5px 0 10px}
	.inside .ImgBox{height:auto}
}
@media (max-width:1320px){
	.inside .subtitle{font-size:20px}
	.inside .Txt .intro{font-size: 17px;padding-right:5px}
	.inside .Txt .summary{line-height:1.8;padding-right:0px;font-size:16px}
}
@media (max-width:1180px){
	.titleBox{margin:0 auto}
	.inside{-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;padding:0}
	.inside .subtitle{border:none}
	.inside .right{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;text-align:center;padding:20px}
	.inside .Txt{margin-bottom:0px;padding:0;max-width:100%;padding-top:50px;margin-right:0}
	.inside .Txt .intro{padding-top:0}
    .titleBox .titleTw{
    font-size: 24px;
}
	.inside .Txt .summary{height:auto}
	.inside .scrollDown{display:none}
	.inside .ImgBox{position:relative;margin-top:30px;width:100%;padding:0;min-height:350px;pointer-events:none}
	.inside .ImgBox .source1{display:none}
	.inside .ImgBox .source2{position:relative;width:100%;left:0;bottom:0;top:0;overflow:hidden;pointer-events:none}
	.inside .ImgBox .source2::before{display:none}
	.inside .ImgBox .source2 img{pointer-events:none;-o-object-fit:cover;object-fit:cover}
	.inside .Txt .intro:before{display:none}
	.inside .ImgBox .source3{display:none}
}
@media (max-width:1140px){
	.facItem .Img{width:auto;margin-top:30px}
	.facItem .item,.facItem .item:nth-child(2){display:flex;flex-direction:column;margin:20px 0 0}
	.facItem .Txt{width:calc(100% - 0px);padding: 35px 30px 50px 30px;}
	.facItem .Txt:before{left:0px;width:calc(100% + 0px)}
	.facItem .item:nth-child(2) .Txt:before{right:0}
	.facItem h3 strong{font-size: 25px;margin-bottom:0}
	.facItem .floor{display:none}
}
@media (max-width:640px){
	.inside .ImgBox .source2 img{min-height:420px;width:100%}
    .titleBox .titleEn{
    font-size: 32px;
}
}
@media (max-width:480px){
	.inside .right{padding:0px}
	.inside{-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;padding: 0px 10px 0px 10px;}
}
@media (max-width:350px){
	.inside .Txt .summary{font-size:14px}
}