.rsvtList .itemOpt {  width:208px; }
.rsvtList .itemBtn {  width:60px; }
.rsvtList .rsvtHotel, .rsvtRoom, .rsvtPriceCont { display:none; }
/* .rsvtHotel .rsvtRoomMn { display:table-cell; width:280px; vertical-align:top; background:url(/static/ko/img/common/rsvt-bg.gif) 0 0 repeat-y; }
.rsvtHotel .rsvtRoomCont { display:table-cell; width:936px; vertical-align:top; background:url(/static/ko/img/common/rsvt-bg-2.gif) 100% 0 repeat-y; } */
.rsvtHotel .rsvtRoomCont { background:url(/static/ko/img/common/rsvt-bg-3.gif) 100% 0 repeat-y; }

.rsvtRoomCont .rsvtRoomTit { position:relative; width:100%; box-sizing:border-box;  padding:19px 30px 19px; border:solid 1px #e5e5e5; border-width:1px 0 0 0; text-align:left; }
.rsvtRoomCont .rsvtRoomTit.active { float:left; width:280px; padding:18px 32px 22px; border-color:#756c6a; }
.rsvtRoomCont:first-child .rsvtRoomTit { border-width:0; }
.rsvtRoomCont .rsvtRoomTit .roomImg { display:none; }
.rsvtRoomCont .rsvtRoomTit .roomName { color:#333; display:inline-block; width:207px; letter-spacing:-0.05em; }
.rsvtRoomCont .rsvtRoomTit .roomPriceTit { background:#fff; width:936px; height:100%; position:absolute; right:0; top:0; box-sizing:border-box; border:0; }
.rsvtRoomCont .rsvtRoomTit.active { background:#756c6a; }
.rsvtRoomCont .rsvtRoomTit.active .roomImg { display:block; margin-top:13px; }
.rsvtRoomCont .rsvtRoomTit.active .roomName { font-size:16px; color:#fff; }
.rsvtRoomCont .rsvtRoomTit.active .roomPriceTit { display:none; }
.rsvtRoomCont .rsvtRoomTit .i-arr-2 { margin-top:-3px;  }
.rsvtRoomCont .rsvtRoom { float:left; width:936px; }

.rsvtRoomCont .roomPriceTit, .rsvtRoomCont .roomPriceTit2 { background:#f1f1f1; height:61px; line-height:60px; width:100%; text-align:left; font-size:16px; color:#333; font-weight:bold; padding:0 31px 0 32px; border-top:solid 1px #e5e5e5; }
.rsvtRoomCont:first-child .roomPriceTit:first-child, .rsvtRoomCont .roomPriceTit.active { border-top:none; }
.rsvtRoomCont .roomPriceTit.active { background:#58595b; color:#fff; }
.rsvtRoomCont .roomPriceTit .priceName, .rsvtRoomCont .roomPriceTit2 .priceName { display:inline-block; width:626px; }
.rsvtRoomCont .roomPriceTit .priceNum { display:inline-block; width:224px; padding-left:35px; box-sizing:border-box; }
.rsvtHotel { border-top:solid 1px #a87161; border-bottom:solid 1px #a87161; }
.item:after, .rsvtHotel:after, .rsvtPriceCont:after { content:''; clear:both; display:block; }
.rsvtPriceCont .priceDes { width:626px; float:left; padding:27px 30px 48px 0; box-sizing:border-box; margin:0 0 0 30px; overflow:hidden; }
.rsvtPriceCont .priceOpt { width:280px; float:right; text-align:right; box-sizing:border-box; padding:28px 32px 44px; }
.rsvtPriceCont .priceDefault { display:block; padding-right:8px; }
.rsvtPriceCont .price { display:block; color:#000; line-height:1.4; margin:0 8px 17px 0; }
.rsvtPriceCont .price strong { font-size:24px; }
.rsvtPriceCont .btnB, .rsvtPriceCont .priceLowest { width:100%; }
.rsvtPriceCont .note { display:block; color:#888; overflow:hidden; margin-top:12px; margin-left:-24px; }
.rsvtPriceCont .note li { display:inline-block; padding:3px 6px 3px 7px; }
.rsvtPriceCont .note li:before { content:''; display:inline-block; width:1px; height:13px; background-color:#ccc; margin:0 15px 0 0; }
.rsvtPriceCont .memPrice { display:inline-block; border-bottom:solid 1px #000; line-height:1; padding:6px 0 2px; }
.rsvtRoomCont .roomPriceTit2 { color:#bbb; }
.rsvtRoomCont .roomPriceTit2 .calbtn { display:inline-block; width:216px; margin:0 -10px 0 30px; line-height:30px; background:#333; color:#fff; font-size:13px; text-align:center; }

.rsvStep { margin:32px 0; position:relative; overflow:hidden; } 
.rsvStep li { position:relative; float:left; width:33.3%; padding:0 17px 0 0; margin-right:-17px; color:#333; line-height:50px; font-size:15px; background:url(/static/ko/img/common/bg-step2.png) 100% -140px no-repeat; }
.rsvStep li:first-child { width:33.4%; }
.rsvStep li:before { content:''; padding-left:41px; }
.rsvStep li:first-child:before { padding-left:24px; }
.rsvStep .step-1 { z-index:4; }
.rsvStep .step-2 { z-index:3; }
.rsvStep .step-3 { z-index:2; }
.rsvStep .step-4 { z-index:1; }
.rsvStep li:last-child { padding-right:0; margin-right:0; background-position:0 -140px; }
.rsvStep li:first-child:after { content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5; }
.rsvStep li:last-child:after { content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#e5e5e5; }
.rsvStep li.active { color:#fff; font-weight:bold; font-size:16px; background-position:100% -70px; }
.rsvStep li.active:after { background:#be968a; }
.rsvStep li.active:last-child { background-position:0 -70px; }
.rsvStep li.end { color:#999; background-position:100% 0; }
.rsvStep .end:last-child { background-position:0 0; }

.rvtComplete { position:relative; }
.rvtComplete .pointWrap { padding:30px 40px; background:#666; }
.rvtComplete .msg { display:table-cell; width:712px; padding:0 40px; vertical-align:middle; font-size:30px; color:#fff; line-height:1.5; }
.rvtComplete .unique { width:344px; height:140px; background:#fcfcfc; text-align:center; display:table-cell; vertical-align:middle; color:#333; }
.rvtComplete .rsvtNum { display:block; font-size:30px; color:#a87161; margin:-7px 0 0; }
.rvtComplete .free { display:block; color:#666; }
.rvtComplete .info { padding:27px 0 28px; border:1px solid #eee; border-top:0; text-align:center; }
.rvtComplete .item { position:relative; display:inline-block; width:370px; white-space:nowrap; font-size:15px; color:#999; }
.rvtComplete .item strong { padding-left:15px; color:#333; }
.rvtComplete .item+.item:before { content:""; position:absolute; left:0; top:6px; width:1px; height:14px; background:#ccc; }

.rvtResult { position:relative; min-height:368px; margin:20px 0 0; padding:44px 48px; background:url("/static/ko/img/common/bg-pattern.png"); border:1px solid #eee; box-sizing:border-box; }
.rvtResult.dining { min-height:auto; overflow:hidden; }
.rvtResult .title { margin:0 0 21px; color:#333; font-size:22px; font-weight:bold; }
.rvtResult .title:before { margin:-6px 10px 0 0; }
.rvtResult.dining .item { float:left; width:50%; padding-right:50px; box-sizing:border-box; }
.rvtResult .item li { margin-bottom:18px; }
.rvtResult .item .name { display:inline-block; width:82px; padding:0 0 0 11px; color:#a87161; background:url("/static/ko/img/common/arr-ty-3.png") 0 center no-repeat; vertical-align:top; }
.rvtResult .item .value { display:inline-block; width:600px; color:#333; vertical-align:top; }
.rvtResult.dining .item .value { width:410px; }
.rvtResult .totalPrice { position:absolute; right:0; top:0; bottom:0; width:320px; padding:39px 30px; background:#f9f9f9 url("/static/ko/img/common/bg-pattern.png"); border-left:1px solid #eee; }
.rvtResult .totalPrice .total .name { color:#111; font-weight:bold; }
.rvtResult .totalPrice .total .value { display:block; color:#111; margin-top:-9px; }
.rvtResult .totalPrice .total .value em { font-size:40px; color:#a87161; font-weight:bold; }
.rvtResult .totalPrice .detail { margin:13px 0 0; color:#666; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.rvtResult .totalPrice .detail li { padding:9px 0 10px; overflow:hidden; border-top:1px dashed #ddd; }
.rvtResult .totalPrice .detail li:first-child { border:0; }
.rvtResult .totalPrice .detail .name { float:left; font-weight:bold; }
.rvtResult .totalPrice .detail .value { float:right; }
.rvtResult .totalPrice .point { margin-top:11px; overflow:hidden; font-size:12px; color:#999; font-weight:bold; }
.rvtResult .totalPrice .point .name { float:left; }
.rvtResult .totalPrice .point .value { float:right; color:#a87161; }