@charset "utf-8";

.dtlTitle { font-size: 20px; font-weight: bold; padding: 10px 0; line-height: 20px; }
.dtlTitle__btg, .dtlTitle__rtg, .dtlTitle__ytg { background: #fa0 url(../img/detail.png) repeat-x 0px -160px; display: inline-block; vertical-align: middle; padding: 0 10px; margin: 0 0 0 10px; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: 0 none; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
.dtlTitle__rtg { background-position: 0px -190px; }
.dtlTitle__ytg { background-position: 0px -220px; }
.dtlTop { border: 1px solid #ccc; padding: 24px 30px; overflow: hidden; margin-bottom: 20px; }
.dtlMain { width: 360px; overflow: hidden; float: right; border: 1px solid #ccc; background: #f0f0f0; padding: 10px 20px; }
.dtlForm { padding: 10px 0; border-bottom: 1px solid #ccc; }
.dtlForm__p { padding: 8px 0; }
.dtlForm__lab { font-weight: bold; display: inline-block; }
.dtlForm__val { margin-right: 20px; }
.dtlForm__hl { color: #f00; font-weight: bold; }
.dtlForm__dl { color: #bbb; }
.dtlForm__opt { display: inline-block; margin: 10px 37px 0 0; width: 135px; height: 35px; line-height: 35px; text-align: center; font-weight: bold; background: #d9d9d9; border: 1px solid #d9d9d9; position: relative; cursor: pointer; }
.dtlForm__opt--now { border-color: #f00; }
.dtlForm__optArw { display: block; position: absolute; bottom: 0; right: 0; height: 0; line-height: 0; width: 0; border-bottom: 7px solid #d9d9d9; border-left: 7px dashed transparent; }
.dtlForm__opt--now .dtlForm__optArw { border-bottom: 7px solid #f00; }
.dtlForm__opt input { display: none; }
.dtlForm__count { display: inline-block; margin-left: 8px; }
.dtlCount__up, .dtlCount__down, .dtlCount__ipt { display: inline-block; vertical-align: middle; text-align: center; }
.dtlCount__ipt { width: 30px; height: 14px; line-height: 14px; *height: 13px; padding: 7px; border: 1px solid #c5c5c5; margin: 0 4px; background: #f0f0f0; text-align: center; }
.dtlCount__ipt--error { border-color: #f00; }
.dtlCount__up, .dtlCount__down { width: 14px; height: 14px; line-height: 14px; background: #949494; color: #fff; cursor: pointer; }
.dtlForm__date { display: inline-block; background: #fff url(../img/detail.png) no-repeat 106px -75px; border: 1px solid #c5c5c5; line-height: 14px; height: 14px; width: 100px; padding: 5px 20px 5px 5px; }
.dtlForm__sbt { text-indent: -999px; display: block; margin: 0 auto; width: 121px; height: 37px; line-height: 37px; font-size: 16px; font-weight: bold; text-align: center; overflow: hidden; border: 0 none; color: #fff; background: #f33 url(../img/detail.png) no-repeat -550px -70px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); cursor: pointer; }
.dtlForm__sbt:hover { background-position: -680px -70px; color: #fff; }
.dtlFormTip { text-align: left; display: block; vertical-align: middle; line-height: 28px; border: 1px solid #fbe694; background: #fffce5; color: #f00; padding: 5px 10px; border-radius: 4px; }
.dtlNote { padding: 10px 0; border-top: 1px solid #fff; }
.dtlNote__p { padding: 10px 0; line-height: 20px; }
.dtlNote__lab { display: block; font-weight: bold; padding-bottom: 5px; }
.cal--dtl { float: left; }
.dtlSld { float: left; overflow: hidden; width: 732px; height: 356px; margin-bottom: 10px; }
.dtlSld__pics { float: left; width: 580px; height: 355px; overflow: hidden; }
.dtlSld__pic { display: none; width: 580px; height: 355px; background: #ccc; }
.dtlSld__pic--now { display: block; }
.dtlSld__navs { float: right; width: 147px; overflow: hidden; }
.dtlSld__nav { display: block; width: 147px; height: 67px; margin-bottom: 5px; background: #ccc; }
.dtlSld__nav--now { background: #bbb; }
.htIntro { float: left; overflow: hidden; width: 732px; line-height: 24px; }
.htIntro__nm { padding: 5px 0px; color: #f00; font-size: 14px; font-weight: bold; }
.htIntro__star { margin-left: 10px; color: #f80; font-weight: normal; }
.htIntro__desc { padding: 5px 0 10px; }
.htIntro__more { float: right; color: #f00; }
.htIntro__more:hover { color: #f00; }
.htIntro__mArw { margin: 0 4px; display: inline-block; vertical-align: middle; height: 0; line-height: 0; width: 0; border-bottom: 0 none; border-top: 4px solid #f00; border-left: 4px dashed transparent; border-right: 4px dashed transparent; }
.dtlNav { z-index: 9; position: absolute; width: 1198px; top: 0; height: 32px; line-height: 32px; overflow: hidden; background: #ff483b; color: #da2b33; }
.dtlNav__a { display: inline-block; padding: 0 20px; color: #fff; font-weight: bold; }
.dtlNav__a:hover { background: #da2b33; color: #fff; }
.dtlNav__a--now, .dtlNav__a--now:hover { background: #fff; color: #ff483b; }
.dtlNav__dls { float: right; height: 32px; text-align: center; }
.dtlNav__dl { color: #fff; margin: 0 10px; }
.dtlNav__dl:hover { color: #fff; text-decoration: underline; }
.dtlCnt { color: #999; border: 1px solid #ff483b; position: relative; padding: 32px 0 0; margin-bottom: 20px; line-height: 26px; font-size: 14px; font-weight: 400; }
.dtlCnt--nonav { padding: 0; }
.dtlCnt__blk { padding: 20px 0; }
.dtlCnt__tle { background: url(../img/detail.png) no-repeat -810px -70px; height: 28px; line-height: 28px; padding-left: 28px; color: #fff; font-weight: bold; margin: 0 0 10px; }
.dtlCnt__p { padding: 10px 24px; }
.dtlCnt__img { display: inline-block; width: 244px; height: 135px; background: #ccc; margin-right: 16px; }
.dtlDay { padding: 0 24px; }
.dtlDay__tle { font-size: 14px; font-weight: bold; padding: 10px 24px; color: #333; }
.dtlDay__p { padding: 0 24px 10px 130px; position: relative; }
.dtlDay__lab { display: block; position: absolute; top: 0; left: 0; _left: -130px; width: 120px; font-weight: bold; text-align: right; }
.dtlDay__field { margin: 0 20px 0 0; }
.dtlDay__imgbox { padding: 10px 24px; }
.dtlFee__lab { display: block; font-weight: bold; font-size: 14px; color: #333; padding: 10px 0; }
.dtlTrip__lab, .dtlHotel__lab, .dtlScen__lab { display: block; font-weight: bold; padding: 5px 0; }
.dtlHotelScen { padding: 10px 24px;}
.dtlHotelScen__map { float: left; margin-right: 15px; display: block; width: 423px; height: 283px; background: #ccc; }
.dtlHotelScen__p { overflow: hidden; margin: 0 0 13px; height: 135px; }
.dtlHotelScen__img { float: left; margin: 0 13px 0 0; display: block;  width: 246px; height: 135px; overflow: hidden; background: #ccc; }
.dtlHotelScen__field { font-weight: bold; }
.dtlCnt__blk--scenmap { padding-right: 354px; position: relative; height: 280px; min-height: auto!important; height: 280px; }
.dtlScen__map { position: absolute; top: 68px; right: 20px; width: 334px; height: 202px; overflow: hidden; background: #ccc; }
.htTable { color: #666; margin: 0 0 0 24px; line-height: 24px;  border-right: 1px solid #ddd; }
.htTable td, .htTable th { padding: 5px 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center; }
.htTable th { padding: 0; text-align: center; background: #ddd; color: #333; }
.htTable__nm, .htTable__opr, .htTable__npr, .htTable__net, .htTable__bed, .htTable__act { padding: 0 5px; display: block; }
.htTable__nm { width: 160px; }
.htTable__opr { width: 120px; }
.htTable__npr { width: 120px; color: #f00; }
.htTable__net { width: 120px; }
.htTable__bed { width: 120px; }
.htTable__act { width: 160px; }
.htTable__bk { background: #fa0 url(../img/detail.png) repeat-x 0px 0px; display: inline-block; width: 100px; height: 24px; line-height: 24px; font-size: 12px; font-weight: bold; text-align: center; overflow: hidden; border: 0 none; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); cursor: pointer; }
.htTable__bk:hover { background-position: 0px -30px; color: #fff; }
.dtlBtm__tle { background: #ff483b; height: 32px; line-height: 32px; color: #fff; padding: 0 20px; font-weight: bold; }
.dtlFlow { margin: 20px auto; width: 940px; height: 40px; text-indent: -999px; overflow: hidden; background: #ccc url(../img/detail.png) no-repeat 0px -110px; }
.dtlOths { width: 1000px; margin: 20px auto; overflow: hidden; }
.dtlOths__li { float: left; padding: 8px 0; margin-right: 40px; width: 460px; height: 16px; line-height: 16px; text-align: right; color: #f00; font-weight: bold; }
.dtlOths__a { float: left; display: inline-block; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; color: #666; font-weight: normal; }
.dtlOths__a:hover { color: #999; text-decoration: underline; }
.dtlPrBoxs { width: 1104px; padding: 0 0 0 30px; margin: 20px auto; overflow: hidden; }
.dtlPrBox { float: left; width: 336px; border: 1px solid #999; overflow: hidden; margin-right: 30px; }
.dtlPrBox__tle { height: 40px; line-height: 40px; background: #ccc; padding: 0 20px; border-bottom: 1px solid #fff; }
.dtlPrBox__ul { padding: 10px 20px; border-top: 1px solid #ccc; }
.dtlPrBox__li { padding: 8px 0; margin-right: 40px; width: 296px; height: 16px; line-height: 16px; text-align: left; color: #f00; font-weight: bold; }
.dtlPrBox__a { float: right; display: inline-block; width: 236px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; color: #666; font-weight: normal; }
.dtlPrBox__a:hover { color: #999; text-decoration: underline; }

.dtlDialog { width: 360px; padding: 20px 0; margin: 0 auto; overflow: hidden; }
.dtlDialog__date {  }
.dtlDialog__lvl { margin: 0 10px 0 0; vertical-align: middle; display: inline-block; width: 156px; height: 30px; line-height: 30px; padding: 4px; border: 1px solid #c5c5c5; }
.dtlcontent{color: #999; line-height: 26px;font-size: 14px;font-weight: 400;}