/* content */
#content {margin: 150px 0 30px;}

/* sideApart speBox */
.sideApart{position:relative;flex-direction: column-reverse; margin-right: 800px;margin:70px auto}
.sideApart aside::before{display:none}
.sideApart .speBox{overflow:hidden}
.sideApart aside{margin-right:40px;width:280px;position:relative}
.sideApart::before{content:"";position:absolute;top:0;left:0px;width:1px;height:100%;background-color:#d8d2c5}
.sideApart aside .searchFunc{}
.sideApart .main-article{min-height:300px}
.sideApart aside h3{padding:0 0 10px 0px;font-size:20px;font-weight:normal;position:relative;color:var(--triadic2);letter-spacing:2.5px;display: none;}
.sideApart aside h3::before{content:"";position:relative;top:-3px;display:inline-block;vertical-align:middle;width:5px;height:25px;margin-right:10px;background-color:var(--triadic2)}

/* searchFunc */
#searchFunc , #searchFunc fieldset { border: none; margin: 0; padding: 0; overflow: hidden; display: none;}
#searchFunc fieldset { display: block; margin: 10px 0; }
#searchFunc .list { overflow: hidden; padding: 5px 25px; }
#searchFunc .list p {padding: 0px 10px;overflow: hidden;border: 1px solid #d8d8d8;background: #fff;display: flex;align-items: center;}
#searchFunc .list label { color: #696969; display: block; margin-bottom: 5px; }
#searchFunc .list input[type="text"] { background: none; width: calc(100% - 32px); font-size: 15px; }
#searchFunc .list select { border: none; background: none; width: calc(100% - 12px); font-size: 15px; -webkit-appearance: none; vertical-align: middle; outline:none; }
#searchFunc .list b { float: right; }
#searchFunc .list.last { text-align: center; }
#searchFunc .list .send {text-align: center;border: 0;padding: 0;margin-bottom: 10px;background-color: transparent;margin-top: 20px;}

/* bannerSearch */
#bannerSearch {font-size: 15px;line-height: 120%;display: block;padding: 13px 0;cursor: pointer;-webkit-appearance: none;border-radius:0;width: 100%;text-align: center;border: 1px solid #c9c9c9;text-align: center;color: #6f6f6f;background-color: transparent;letter-spacing: 3.5px;}

/* sideApart sideNav */
.sideApart .sideNav { float: left; width: 280px; margin-top: 30px; background: #f3f3f3; }
.sideApart .sideNav h3 { background: #16202e; color: #fff; padding: 17px 25px; font-size: 24px; font-weight: normal; }
.sideApart .sideNav ul { margin: 10px; background: #fff; padding: 10px; }
.sideApart .sideNav ul li { font-size: 15px; line-height: 150%; margin-bottom: 10px; }
.sideApart .sideNav ul li:last-child { margin-bottom: 0; }
.sideApart .sideNav ul li b { margin-right: 10px; }
.sideApart .sideNav ul li.companyName { font-size: 18px; }
.sideApart .sideNav ul li div { overflow: hidden; }

.pageTitle { text-align: center; font-size: 28px; line-height: 120%; font-weight: normal; }

/* topbar */
.topbar { overflow: hidden; margin-bottom: 15px; }
.topbar .pagetitle { float: left; font-weight: normal; font-size: 20px; }
.topbar .pagetitle b{font-weight:bold;font-size:20px;margin-left:10px;vertical-align:bottom}
.topbar p { float: right; }
.topbar p a {display: block;color: #737373;border: 1px #c2c2c2 solid;padding: 7px 15px;display: none;}
.topbar p a.chk { color: #fff; background: #db6603; }



/* RList */
.RList{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.RList section {/* margin: 30px 0 70px 0; */}
.RList .room-wrap article {overflow: hidden;}
.RList .room-wrap{transition: all linear .6s;margin: 30px 0 70px 0;}
.RList .room-wrap .roomInfo{flex:none;width:500px;}
.RList{}
.RList .moreR{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.roomItem:nth-child(2n) .Txt .topBox:before{left:85px}
.RList .room-wrap .topBox .title a:before{content:"";width:5px;height:18px;background-color: var(--complement);position:absolute;top:calc(50% - 9px);left:0}
.RList .room-wrap .topBox .title a{font-size:22px;font-weight:500;line-height:1;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:20px}
.RList .room-wrap .bookNow .textBox{min-height:330px;background-color:#ffffff9e;box-shadow:0px 3px 15px 0px rgba(162,162,162,0.25);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;padding:20px 40px 25px;position:relative}
.RList .room-wrap .bookNow .textBox h5{color:#000;font-size:20px;font-weight:500;letter-spacing:0.5px;margin-bottom:25px;padding-bottom:25px;position:relative}
.RList .room-wrap .bookNow .textBox h5:before{content:"";width:50px;height:1px;background-color:#c4c4c4;display:block;position:absolute;bottom:0;left:0}
.RList .room-wrap .bookNow .textBox p{color:#000;font-size:15px;font-weight:400;line-height:1.8;letter-spacing:0.5px}
.RList .room-wrap .bookNow .textBox .infoList{border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:25px;margin:20px 0 20px}
.RList .room-wrap .bookNow .textBox .infoList li:not(:last-child){margin-bottom:15px}
.RList .room-wrap .bookNow .textBox .infoList li{color:#5a5a5a;font-size:15px;font-weight:400;line-height:1}
.RList .room-wrap .bookNow .textBox .infoList li span{color:#000;font-size:16px;font-weight:500;line-height:1;margin-right:12px;padding-right:12px;position:relative;vertical-align:bottom}
.RList .room-wrap .bookNow .textBox .infoList li span:before{content:"";width:2px;height:12px;background-color:#e8e8e8;display:block;position:absolute;top:calc(50% - 6px);right:0}
.RList .room-wrap .bookNow .textBox .btnBox{margin-top:auto}
.RList .room-wrap .bookNow .textBox .btnBox a{letter-spacing:1px;line-height:1.5;text-transform:uppercase;font-family:'Cardo',serif;color:#727272;font-size:14px}
.RList .room-wrap .bookNow .textBox .btnBox .viewBtn{height:22px;line-height:22px;padding-bottom:11px;box-sizing:initial}
.RList .topBox{padding-bottom:10px;position:relative;padding-left:40px}
.RList .topBox:before{content:"";width:calc(100% - 220px);max-width:300px;height:1px;background-color:rgb(130 130 130 / 30%);display:block;position:absolute;top:20px;z-index:2;transition:all 0.6s ease 0.6s;right:10px}
.RList .inside{color:#000000}
.RList .inside h4{font-size:18px;line-height:120%;margin:15px 0 5px}
.RList .inside .inside-p{font-size:14px;line-height:170%}
.RList .inside .inside-p span{display:inline-block;color:#000000;vertical-align:bottom}
.RList .room-wrap h5{font-size:16px;line-height:120%;padding:0;margin:15px 0}
.RList .room-wrap .bookNow{margin-top:10px}
.RList .room-wrap .bookNow >a{display:block;background:#003580;color:#fff;text-align:center;padding:10px;margin-top:25px}
.RList .room-wrap .bookNow .howlong{color:#f32020;font-size:14px;text-align:center;margin-top:5px}
.RList .room-wrap .bookNow .oldprice{font-size:14px;color:#909090;text-decoration:line-through;margin-bottom:10px;text-align:right}
.RList .room-wrap .bookNow .oldprice b{vertical-align:text-bottom;font-size:15px;font-weight:normal}
.RList .room-wrap .bookNow .oldprice2{font-size:18px;color:#000000;text-decoration:none;margin-top:7px;text-align:right}
.RList .room-wrap .bookNow .oldprice2 b{vertical-align:text-bottom;font-size:18px;font-weight:700}
.RList .room-wrap .bookNow .price{color:#e61000;text-align:right;font-weight:700}
.RList .room-wrap .bookNow .price b{font-size:22px}
.RList .room-wrap article{display:flex;position:relative;align-items:flex-start}
.RList .room-wrap article .moreR{position:absolute;width:100%;height:100%;top:0;right:0;z-index:10}
.RList .room-wrap .coverImg{flex:none;}
.RList .room-wrap .coverImg p a img{width:100%;position:relative;aspect-ratio:4 / 3;object-fit:cover;}
.RList .room-wrap .coverImg p.photo{margin-left:20px;position:relative;margin-top:30px}
.RList .room-wrap .coverImg p.photo::after{content:'';top:-10px;left:-10px;border:1px solid rgb(132 132 132 / 50%);position:absolute;z-index:1;width:100%;height:100%}
.RList .room-wrap .hideInfo {clear: both;display: none;}
.RList .room-wrap .hideInfo .switch { margin: 0; padding: 10px 0; font-size: 17px; }
.RList .room-wrap .hideInfo .detail { font-size: 14px; line-height: 170%; }
.RList .slick-prev { left: 0; width:40px; z-index: 2; }
.RList .slick-next { right: 0; width:40px; }
.RList .slick-prev:before , .RList .slick-next:before { background-image: url(/images/18/room-sccrow.png); background-repeat: no-repeat; background-position: 50%; content: ''; display: block; width: 40px; height: 40px; background-color: #000; }
.RList .slick-next:before { background-image:url(/images/18/room-sccrow2.png); }

.quickly-customer-calculate {border-top: 1px solid #dddddd;display: none;}
.quickly-customer-calculate .motj {overflow: hidden;color: #b2740f;}
.quickly-customer-calculate .mama {overflow: hidden;border-bottom: 1px solid #dddddd;background-color: #f3f3f3;}
.quickly-customer-calculate .motj div b {display:none;color: #000000;}
.quickly-customer-calculate .nop { float: left; width: 200px; padding: 5px 0; }
.quickly-customer-calculate .nop p { margin: 0 25px; }
.quickly-customer-calculate .sp { float: left; width: 400px; padding: 5px 0; }
.quickly-customer-calculate .sp span ,
.quickly-customer-calculate .total span {margin-left: 3px;display: inline-block;font-size: 13px;vertical-align: text-bottom;}
.quickly-customer-calculate .total { float: left; width: calc(100% - 600px); padding: 5px 0; font-size: 20px; }
.motj .total p{color: #e61100;font-weight: 700;}
.mama .sp p,.mama .total p{color:#050505;font-weight: bold;}
.quickly-customer-calculate .total span {font-size: 15px;color: #000000;}
.quickly-customer-calculate .mama .total { font-size: 15px; }

.lastnote {overflow: hidden;display: none;}
.lastnote .ps { float: right; width: calc(100% - 600px); font-size: 14px; }



@media screen and (max-width: 1200px){
    .sideApart{display:flex;flex-direction:row;flex-wrap:wrap}
	.sideApart::before{display:none}
	.sideApart aside , .sideApart .sideNav {width: 100%;margin-right: 0;}
	.sideApart .main-article {width: 100%;margin: 30px 0;}
}

@media screen and (min-width: 1025px){
	.searchFunc { display:block !important; }
	.sideApart aside .open { display:none; }
}
@media screen and (max-width: 1024px){
	.sideApart aside h3 , .sideApart .sideNav h3 {font-size:20px;padding: 10px 0px;}
    .sideApart aside h3{border-bottom: 1px solid var(--triadic2);}
	.searchFunc , .sideApart aside h3 { display:none; }
	.sideApart aside .open { display:block; position:relative; }
	.sideApart aside .open b { position: absolute; right: 25px; top: 10px; }
}

@media screen and (max-width: 1280px) {
	.lastnote .ps ,
	.quickly-customer-calculate .total { width: calc(100% - 450px); }
	.quickly-customer-calculate .nop { width: 150px; }
	.quickly-customer-calculate .sp { width: 300px; }
	.RList .room-wrap .coverImg {/* width: 500px; */}
	.RList .room-wrap .roomInfo { width: calc(100% - 250px); }
}
@media screen and (min-width: 640px) and (max-width: 1044px){
	#searchFunc .list {float: left;width: calc(33% - 50px);}	
	#searchFunc .list.last {width: calc(100% - 60px);}
}
@media screen and (max-width: 768px) {
	.RList .room-wrap .coverImg { width:100%; }
	.RList .room-wrap .roomInfo { width:100%; margin-top: 20px; }
	.RList .room-wrap .bookNow { margin: 0; }
	.quickly-customer-calculate .motj div b { display: inline-block; width: 70px; text-align: center; border-right: 1px solid #ddd; margin-right: 12px; font-size: 15px; }
	.quickly-customer-calculate .mama { display:none; }
	.quickly-customer-calculate .nop { width: 100%; }
	.quickly-customer-calculate .nop p { margin: 0; }
	.quickly-customer-calculate .sp { width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.lastnote { border-top: 1px solid #ddd; }
	.lastnote .ps , .quickly-customer-calculate .total { width: 100%; font-size: 15px; }
	.lastnote .ps { text-align: right; margin-right: 25px; }
	.sideApart{margin:20px auto;display:flex;flex-direction:column}
	.RList .room-wrap article{display:flex;flex-direction:column;align-items:flex-start}
	.RList .topBox{padding-bottom:20px;position:relative;padding-left:30px}
	.RList .room-wrap .bookNow .textBox{padding:20px 30px 25px;min-height:290px}
	.RList .room-wrap{margin:20px 0 20px 0}
}
@media screen and (max-width: 480px) {
	.RList .inside ,
	.RList .room-wrap .bookNow { width:100%; }
}