@media screen and (min-width: 701px) and ( max-width: 1209px) { 

body { overflow-y: scroll; }
.main_slide { background: #000;  width: 100%; height: 250px; }
.ms_li { width: 100%;   overflow: hidden; display: none;   }
.ms_li > img { width: 100%;  height: 300px; display: block;  }

/*
body { overflow-y: scroll; }
.main_slide { background: #000;  width: 100%; }
.ms_li { width: 100%;   overflow: hidden; display: none;   }
.ms_li > img { width: 100%;  height: 100%; display: block;  }
*/

.go_detail { width: 130px; height: 130px; display: none; font-size: 30px; color: #fff; text-align: center; line-height: 130px; cursor: pointer; border-radius: 100%; position: absolute; top: 50px; border: 3px solid #fff;  z-index: 99;  }
.room_info {  display: block; font-size: 30px; color: #fff; cursor: pointer;     }
.room_name {  position: absolute; font-size: 46px; width: 200px; height: 50px; }
.room_close {  position: absolute; width: 80px; height: 80px; border-radius: 100%; border: 3px solid #fff; text-align: center; line-height: 80px; font-size: 36px;  }
.room_close > a  { color: #fff; width: 100%; height: 100%; display: block;  }




#wrap_all { width: 100%;  background: #000; display: block;   }
.menu_pop { display: none; }
.sub_section {  display: block; background: #000;  width: 100%; height: 100%; padding-bottom: 80px; }
.sub_section_img {  width: 100%;  margin: 0 auto;   display: block;   }

.mobile_title { font-family: roboto; color: #fff; background: #000; font-size: 16px; margin-top: 50px; text-align: center;  padding-bottom: 20px;  }


.slide_direction {  color: #fff;  }

.prev {position: absolute;  top: 20%; left: -3%; font-size: 36px;  color: #fff;   width: 50px; height: 50px; }
.next {position: absolute;  top: 20%; right: 1%; font-size: 36px;  color: #fff;   width: 50px; height: 50px; }



}