.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;margin-bottom: 0px;text-align: center;flex-direction: column-reverse;align-content: flex-start;position: absolute;left: 30px;top: 40px;}
.Txt .titleTw {font-weight: 400;color: #000000;display: block;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;position: relative;font-size: 32px;letter-spacing: .05em;margin-bottom: 20px;line-height: 170%;}
.Txt .titleTw::after {content: "";position: absolute;display: block;left: 0;bottom: 0;width: 10%;height: 1px;background: #f1677f;}
.titleBox .titleEn {margin-top: 10px;margin-right: 4px;font-size: 50px;text-align: left;line-height: 120%;margin-bottom: 10px;font-weight: 100;color: var(--primary);position: relative;letter-spacing: 5px;font-style: normal;font-family: 'Marcellus', serif;}
.titleBox .decoTxt {position: relative;z-index: 6;font-size: 90px;font-weight: 500;-webkit-text-stroke: 1px #b2b2b2;color: transparent;line-height: 1.05;letter-spacing: 3.5px;}
.titleBox  .decoTxt .light {-webkit-text-stroke: 1px #f0667f;position: relative;z-index: 6;font-size: 90px;font-weight: 500;color: transparent;line-height: 1.05;letter-spacing: 3.5px;font-family: 'Marcellus', serif;}
.inside {display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: space-between;padding: 270px 0px 0;margin: 0 auto;position: relative;align-items: center;}
.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-left: 60px;letter-spacing: 1.3px;padding-right: 0;max-width: 470px;margin-top: 50px;text-align: left;}
.inside .Txt .intro {font-size: 18px;padding-top: 0px;letter-spacing: 2px;position: relative;}
.inside .Txt .intro:before {content: "";width: 200px;height: 1px;background: #f1677f;display: block;position: absolute;top: 20px;left: -240px;z-index: 4;}
.inside .Txt .summary {font-weight: 400;margin-top: 30px;line-height: 210%;letter-spacing: 1px;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 .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: #304564;height: 81.52%;width: 29.07%;left: -36px;bottom: 160px;}
.inside .ImgBox .source2 {left: 0;position: relative;}
.inside .ImgBox .source2 .aboutDeco {position: relative;z-index: 5;font-size: 17px;font-weight: 400;letter-spacing: 1.1px;color: #222222;max-width: 90%;margin-left: auto;margin-top: 30px;}
.inside .ImgBox .source2::before {content: "";position: absolute;width: 100%;height: 80%;border: 1px solid rgb(170 170 170 / 32%);left: -13px;top: 19px;z-index: 0;}
.inside .ImgBox .source3 {top: 60px;right: 0}
.facItem {width: 100%;}
.facItem + .facItem {margin-top: 100px;}
.facItem .item{display: flex;margin: 140px 0 0;}
.facItem .item:nth-child(2){display: flex;flex-direction: row-reverse;}
.facItem .floor {position: absolute;right: -40px;top: 65px;background-color: #ffffff;}
.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;}
.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{font-weight: 400;color: #000000;display: block;padding-bottom: 20px;position: relative;font-size: 32px;letter-spacing: .05em;margin-bottom: 20px;line-height: 170%;}
.facItem p {font-size: 15px;line-height: 25px;text-align: justify;padding-top: 30px;letter-spacing: 2px;position: relative;}
.facItem ul  {padding-left: 18px;list-style-type: circle}
.facItem ul li{font-weight: 400;margin-top: 5px;line-height: 210%;letter-spacing: 1px;font-size: 15px;
font-size: 15px;color: #646464;line-height: 1.5;letter-spacing: 1px;margin-bottom: 5px;border-bottom: 1px solid #ddd;padding-bottom: 10px}
.floor > div {width: 110px;height: 50px;line-height: 50px;text-align: center;color: #3b3b3b;font-size: 15px;font-weight: 700;letter-spacing: .1em;font-family: 'Cardo', serif;}



@media (max-width: 1320px) {
	.inside .ImgBox .source1 {display:none}
	.inside .subtitle {font-size:20px}
	.inside .Txt .intro {font-size: 18px;padding-right: 0px;}
	.inside .Txt .summary {line-height: 1.8;padding-right: 0px;font-size: 16px;}
	.inside .scrollDown.horizon .line {margin:5px 0 10px}
	.inside .ImgBox {height: auto}
}

@media (max-width: 1180px) {
	.titleBox {margin:0 auto;position: relative;top: 0;left: 0;}
	.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 .intro {padding-top:0;}
	.inside .Txt {margin-bottom:0px;padding: 0;max-width: 100%;width: 100%;padding-top: 20px;margin-top: 20px;margin-right: 0;}
	.inside .Txt .summary {height: auto}
	.inside .scrollDown {display:none}
	.inside .scrollDown .line {height:35px}
	.inside .ImgBox {position:relative;margin-top: 30px;width: 100%;padding: 0;min-height: 350px;pointer-events: 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}
	.inside .ImgBox::after {content: "";position: absolute;z-index: -1;bottom: -40px;left: -60px;display: block;width: 330px;height: 505px;background: rgb(165 208 205 / 20%);pointer-events: none;}
	.inside .Txt::after {content: "";position: absolute;z-index: -2;top: -140px;right: -90px;display: block;height: 312px;width: 205px;background: rgb(249 180 162 / 15%);pointer-events: none;}
	.titleBox .decoTxt .light,.titleBox .decoTxt{text-align: center;font-size: 40px;margin-top: 0;margin-right: 0;width: 100%;}	.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 20px 30px 20px;}	.facItem .Txt:before{left: 0px;width: calc(100% + 0px);}	.facItem .item:nth-child(2) .Txt:before{right: 0;}	.facItem h3 strong{font-size: 28px;margin-bottom: 0;}	.Txt .titleTw,.facItem h3 strong{font-size: 24px;line-height: 150%;}	.facItem .floor{display: none;}	.inside .ImgBox .source2 .aboutDeco{max-width: 100%;}
}
@media (max-width: 640px) {
	.inside .ImgBox .source2 img {min-height: 330px;width: 100%}
	.inside .ImgBox::after,.inside .Txt::after{
    display: none;
}
}
@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 0px 0px 0px;}
}
@media (max-width: 350px) {.inside .Txt .summary {font-size:14px}
}