@charset "utf-8";
#incRoom{position:relative;z-index:0;width:100%;height:100%;background:url(/sh_img/include/inc_room/bg.png) 95% top no-repeat #f7f7f7}
#incRoom:before{content:"";position:absolute;left:0;top:0;bottom:0;z-index:-1;width:37.5%;background-color:#f8598b}
#incRoom:after{content:"ROOM VIEW";position:absolute;left:-30px;top:9%;z-index:-1;font-size:120px;color:#f96995;color:rgba(255,255,255,.2);font-weight:800}
#room_box{position:relative;left:12.5%;top:19%;width:1200px;height:695px}
#room_box .room-slider{position:relative;z-index:1;overflow:hidden;width:100%;height:650px;-webkit-box-shadow:12px 12px 46px 0px rgba(0,0,0,0.17);-moz-box-shadow:12px 12px 46px 0px rgba(0,0,0,0.17);box-shadow:12px 12px 46px 0px rgba(0,0,0,0.17);background-color:#fff}
#room_box .img{overflow:hidden;float:left;position:relative;width:770px;height:580px}
#room_box .img img{transition:all .3s}
#room_box .img em:before{content:"";position:absolute;bottom:0;right:-1px;width:144px;height:144px;background-image:url(/sh_img/include/inc_room/fix.png)}
#room_box .img.active img{transform:scale(1.1)}
#room_box .cont{float:left;position:relative;width:430px;padding:200px 25px 0 45px;font-size:15px;line-height:1.5;color:#777;background-color:#fff}
#room_box .cont .name{position:absolute;right:45px;top:45px;font-size:13px;letter-spacing:1px;color:#d3d3d3;font-weight:600}
#room_box .cont span{font-size:20px;color:#f8598b;font-style:italic;font-family:'Katibeh', cursive}
#room_box .cont h3{margin:10px 0 17px;font-size:39px;line-height:1;color:#222;font-family:'Work Sans', arita-Bold}
#room_box .cont .info{margin-top:17px}
#room_box .cont .info p{line-height:2.2}
#room_box .cont .info p img{padding-right:15px}
#room_box .cont .info p:before{display:inline-block;vertical-align:sub;padding-right:10px}
#room_box .cont .info p.if01:before{content:url(/sh_img/include/inc_room/icon01.png)}
#room_box .cont .info p.if02:before{content:url(/sh_img/include/inc_room/icon02.png)}
#room_box .cont .info p.if03:before{content:url(/sh_img/include/inc_room/icon03.png)}
#room_box .cont .btn{display:block;overflow:hidden;position:absolute;left:-35px;top:100px;width:70px;height:70px;border-radius:70px;line-height:69px;text-align:center;background-color:#f8598b;transition:all .3s;-webkit-box-shadow:9px 9px 18px 0px rgba(0,0,0,0.2);
-moz-box-shadow:9px 9px 18px 0px rgba(0,0,0,0.2);box-shadow:9px 9px 18px 0px rgba(0,0,0,0.2)}
#room_box .cont .btn:hover{background-color:#333}
#room_box .cont .btn img{transition:all .3s}
#room_box .cont .btn:hover img{transform:rotate(90deg)}
#room_box .cont .btn:hover #room_box .img img{transform:scale(1.1)}
/* pager / direction */
#room_pager{position:absolute;right:45px;bottom:105px;z-index:9999;margin:0;padding:0}
#room_pager li{float:left;width:32px;height:32px;margin-left:5px;border-radius:32px;font-size:14px;font-weight:300;line-height:30px;text-align:center;letter-spacing:1px;cursor:pointer}
#room_pager li.active{border:1px solid #f8598b}
#room_arr{position:absolute;left:15px;bottom:45px;z-index:0}
#room_arr button{position:relative;border:0;width:40px;height:35px;padding:0;text-indent:-9999px;background-color:transparent}
#room_arr button:focus{outline:none}
#room_arr button:after{content:"";position:absolute;top:0;left:0;width:40px;height:35px;background-position:center;background-repeat:no-repeat;background-image:url(/sh_img/include/inc_room/left.png)}
#room_arr .right:after{background-image:url(/sh_img/include/inc_room/right.png)}