.titleBox2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:baseline;flex-direction:column}
.titleBox2 .en{font-size:25px;line-height:100%;color:#afafaf}
.titleBox2 .title{padding-top:2px;font-weight:bold;letter-spacing:0.05em;margin-top:20px;font-size:31px;color:var(--primary);line-height:170%}
.titleBox2 .text{padding-top:30px;padding-bottom:25px;width:100%;line-height:190%;letter-spacing:.5px;text-align:justify;font-weight:400;font-size:18px}
.titleBox2 .btn2{width:100%}
.titleBox2.center{text-align:center}
.aboutArea1{padding-bottom:20px}
.aboutArea1 .titleBox{margin-bottom:80px}
.aboutArea1 .leftBox{width:33%}
.aboutArea1 .itemBox{position:relative;display:flex;-webkit-box-align:start;align-items:flex-start;width:100%}
.aboutArea1 .rightBox{width:63%;padding-left:60px;padding-bottom:65px}
.aboutArea1 .Img{width:100%}
.aboutArea1 .Img img{display:block;width:100%}
.aboutArea1 .Img1{position:relative;max-width:825px}
.aboutArea1 .Img2{max-width: 285px;position: absolute;top: 0;right: 0;border-left: 20px solid #fff;}
.aboutArea1 .Img3{position:absolute;max-width:212px}
.contact_info_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.contact_info_area ul.contactinslist li{font-size:14px;padding-top:20px}
.contact_info_area ul.contactinslist li b{color:#000;letter-spacing:2px;font-weight:400;display:block;line-height:2;font-size:16px;text-align:center}
.contact_info_area ul.contactinslist li a{color:#686868;display:block}
.contact_info_area{padding:60px 40px 0;display:block}
.contact_info_area .Txt{padding-bottom:20px}
.contact_info_area .Txt article{text-align:center;padding-bottom:5px;font-family:"Poppins","Noto Sans TC",sans-serif;font-size:25px;color:#53585a;text-transform:uppercase}
.contact_info_area ul.contactinslist{display:-webkit-box;display:-ms-flexbox;display:flex;border-left:1px solid #c8c8ca}
.contact_info_area ul.contactinslist li{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;padding-top:0px;text-align:center;border-right:1px solid #c8c8ca;padding:20px 10px}
.contact_info_area ul.contactinslist li a{font-size:13px}
.roomFacBox{display:flex;flex-wrap:wrap}
.titleBox.titleStyle1{writing-mode:vertical-lr;display:flex;flex-direction:row;padding-bottom:10px;font-weight:300;font-size:24px;color:#000;text-align:center;letter-spacing:.05em;align-items:center}
.roomFacBox .titleBox{width:80px}
.roomFacBox .titleBox h2{font-size:20px;letter-spacing:6.5px;color:#53585a;font-weight:400;line-height:100%}
.roomFacBox .facListBox{width:calc(100% - 0px)}
.roomFacBox .facListBox .facClassList{display:flex;width:calc(100% - 60px);align-items:flex-start;padding:0 30px;flex-wrap:wrap}
.roomFacBox .facListBox .facClassList .mLi{flex-grow:1;width:calc(100% / 4);display:flex;flex-direction:column}
.roomFacBox .facListBox .facClassList .mLi .classBox{display:flex;position:relative;flex-direction:column-reverse;justify-content:center;height:90px;padding:30px 20px}
.roomFacBox .facListBox .facClassList .mLi .classBox{border-bottom:4px solid #a21f27;background-color:#ffffff38}
.roomFacBox .facListBox .facClassList .mLi .mtitle{font-size:18px;letter-spacing:1px;font-weight:600;padding-top:0px;color:#282828;line-height:160%;display:flex;align-items:center;width:90%;margin-left:20px}
.roomFacBox .facListBox .facClassList .mLi .mtitle .Img{padding-left:0px;position:absolute;right:20px}
.roomFacBox .facListBox .facClassList .mLi .mtitle img{width:140px;height:140px;object-fit:cover;border-radius:50%}
.roomFacBox .facListBox .facClassList .mLi .enmtitle{display:inline-block;font-size:30px;letter-spacing:0.2px;font-weight:500;color:#9f9f9f;line-height:200%;font-family:'Belleza',sans-serif;line-height:130%;position:absolute;top:-7px;left:5px}
.roomFacBox .facListBox .facClassList .mLi .facList{display:block;position:relative;padding:50px 20px;background-color:#fff}
.roomFacBox .facListBox .facClassList .mLi .facList p{font-size:15px}
.roomFacBox .facListBox .facClassList .mLi .facList p span{letter-spacing:0.5px;line-height:180%}
.titleBox.titleStyle1 .entitle{font-size:16px;line-height:25px;letter-spacing:0px;color:rgba(0,0,0,0.5);font-weight:400;display:inline-block;padding-top:15px;position:relative}
.titleBox.titleStyle1 .entitle::before{content:"";width:1px;height:100px;background-color:rgba(0,0,0,0.3);display:block;position:absolute;top:calc(100% + 15px);left:11px}


@media (max-width:1181px){
	.aboutArea1{padding-bottom:0}
	.aboutArea1 .Img2{position:absolute;right:130px;bottom:0px}
	.aboutArea1 .Img3{left:40px;bottom:90px}
}
@media screen and (max-width:1366px){
    .aboutArea1 .Img2{max-width: 267px;}
	.roomFacBox .facListBox .facClassList{display:flex;flex-direction:row;flex-wrap:wrap}
	.roomFacBox .facListBox .facClassList .mLi{width:calc(100% / 1);height:100%;padding-bottom:50px}
	.contact_info_area ul.contactinslist{display:flex;flex-wrap:wrap;flex-direction:column;border-left:0px solid #c8c8ca}
	.contact_info_area ul.contactinslist li{border-top:1px solid #c8c8ca;border-bottom:1px solid #c8c8ca;margin:10px 0;border-left:4px solid #c8c8ca}
	.roomFacBox .titleBox{width:55px}
	.roomFacBox .facListBox .facClassList .mLi .classBox{height:auto}
}
@media (max-width:1280px){
    .aboutArea1 .Img2{max-width: 249px;}
}
@media (max-width:1180px){
	.aboutArea1 .titleBox{margin-bottom:30px}
	.aboutArea1 .itemBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.aboutArea1 .titleBox2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.aboutArea1 .leftBox{width:100%;margin-bottom:0;text-align:center}
	.aboutArea1 .rightBox{width:100%;padding-left:0;padding-bottom:25px}
	.aboutArea1 .Img1::after{right:-15px;bottom:-15px}
	.aboutArea1 .Img1{width:80%;margin-left:auto}
	.aboutArea1 .Img2{position:relative;z-index:2;width:40%;margin-top:-8%;display:none}
	.aboutArea1 .Img3{right:0;bottom:50px}
}
@media (max-width:768px){
	.aboutArea1 .Img1{width:100%;margin-right:auto;margin-bottom:30px}
	.aboutArea1 .Img1::after{display:none}
	.aboutArea1 .Img2{display:none}
	.aboutArea1 .Img3{position:static;margin-left:auto;margin-right:auto}
	.contact_info_area{display:block}
	.contact_info_area .social{padding-top:20px}
	.roomFacBox .facListBox .facClassList .mLi{width:calc(100% / 1);height:auto;padding-bottom:10px}
	.roomFacBox{display:flex;flex-direction:column}
	.roomFacBox .titleBox{width:100%;writing-mode:rl;letter-spacing:0.5px;align-items:center;padding-bottom:30px}
	.roomFacBox .titleBox h2{letter-spacing:0.5px;line-height:140%}
	.roomFacBox .facListBox .facClassList{padding:0 0px;width:calc(100% - 0px)}
	.titleBox.titleStyle1 .entitle{display:none}
}
@media (max-width:640px){
	.aboutArea1 .titleBox{margin-bottom:0}
	.roomFacBox .facListBox .facClassList .mLi .mtitle .Img{position:relative;right:0;margin-bottom:10px}
	.roomFacBox .facListBox .facClassList .mLi .mtitle{display:flex;align-items:center;width:100%;flex-direction:column-reverse;margin-left:0}
	.roomFacBox .facListBox .facClassList .mLi .facList{padding:20px 10px 20px}
	.roomFacBox .facListBox .facClassList .mLi .classBox{padding:50px 20px 20px}
}