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

/* sideApart speBox */
.sideApart{position:relative;display:flex;margin:70px auto;flex-direction:column}
.sideApart aside::before{display:none}
.sideApart .speBox{overflow:hidden}
.sideApart aside{margin-right:40px;position:relative}
.sideApart aside .searchFunc{}
.sideApart .main-article{}
.sideApart aside h3{padding:0 0 10px 0px;font-size:20px;font-weight:normal;position:relative;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:#b4905f}

/* searchFunc */
#searchFunc , #searchFunc fieldset { border: none; margin: 0; padding: 0; overflow: hidden; }
#searchFunc fieldset {display: grid;margin: 10px 0;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-gap: 25px;}
#searchFunc .list.last{grid-column-start: 2;grid-row-start: 2;grid-row-end: 2;}
#searchFunc .list {overflow: hidden;padding: 5px 10px;width: 100%;}
#searchFunc .list p {padding: 0px 20px 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;opacity: 0.5;}
#searchFunc .list.last {text-align: center;width: 64%;margin: auto;}
#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%;border: 1px solid #c9c9c9;background-color: #000;text-align: center;color: #ffffff;letter-spacing: 0.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;}
.topbar p a.chk {color: #fff;background: #000;}

/* RList */
.RList .room-wrap article{overflow:hidden}
.RList .room-wrap{transition:all linear .6s;margin:30px 0 130px 0;position:relative}
.RList .room-wrap .roomInfo{position:relative;z-index:12;width:calc(100% - 860px);margin-left:-50px}
.roomItem:nth-child(2n) .Txt .topBox:before{left:85px}
.RList .room-wrap .topBox .title a:before{content:"";width:5px;height:18px;background-color:#304564;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:360px;background-color:#ffffff;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;justify-content:center}
.RList .room-wrap .bookNow .textBox h2{color:#000;font-size:20px;font-weight:500;letter-spacing:4px;margin-bottom:25px;padding-bottom:15px;position:relative}
.RList .room-wrap .bookNow .textBox h2: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 .btnBox{margin-top:20px}
.RList .room-wrap .bookNow .textBox .btnBox a{letter-spacing:1px;line-height:1.5;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 .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 .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 article{display:flex;flex-wrap:wrap;align-content:center;position:relative;align-items:center}
.RList .room-wrap article .moreR{position:absolute;width:100%;height:100%;top:0;right:0;z-index: 20;}
.RList .room-wrap .coverImg{position:relative;z-index:2;width:880px}
.RList .room-wrap .coverImg p a img{width:100%;height:500px;position:relative;aspect-ratio:4 / 3;object-fit:cover}
.RList .room-wrap:hover p a img{opacity:0.8;transform:scale(1.05)}
.RList .room-wrap .coverImg p.photo{position:relative;background-color:#000000;overflow:hidden}
.RList .room-wrap:nth-child(even) .coverImg{order:2}
.RList .room-wrap:nth-child(even) .roomInfo{order:1;margin-right:-50px;margin-left:0}
.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: 1281px){
	.RList .room-wrap::before{content:"";display:block;width:960px;height:100%;background-color:#ffffff;position:absolute;top:60px;right:calc(50% - 960px);opacity:0.4}
	.RList .room-wrap:nth-child(even)::before{left:calc(50% - 960px)}
}
@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 #bea976;}
	.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:710px}
	.RList .room-wrap .roomInfo {width: calc(100% - 700px);}
}
@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: 960px) {
	.RList .room-wrap article{display:flex;flex-direction:column}
	.RList .room-wrap .roomInfo{margin-left:0}
	.RList .room-wrap:nth-child(even) article{display:flex;flex-direction:column-reverse}
	.RList .room-wrap:nth-child(even) .roomInfo{margin-right:0}
	.RList .room-wrap .coverImg p a img{height:100%}
	.RList .room-wrap .coverImg { width:100%; }
	.RList .room-wrap .roomInfo {width:100%;}
	.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 .topBox{padding-bottom:20px;position:relative;padding-left:30px}
	.RList .room-wrap .bookNow .textBox{padding:20px 30px 25px;min-height: 240px;}
	.RList .room-wrap{margin: 50px 0 20px 0;}
}
@media screen and (max-width: 480px) {
	.RList .inside ,
	.RList .room-wrap .bookNow { width:100%; }
}