/*reset*/
a{color: inherit; text-decoration: none; }
img{ border: 0; }
button{background: transparent; border: 0; }
.clearfix::before{content:''; display:block; clear: both; } /*  height: 100%; */
.clearfix::after{content:''; display:block; clear:both; } /*  height: 100%; */

/*common */
.blind{display: none; }
.table{border-spacing: 0px; border-style: none; padding: 0px; border-bottom: 1px solid #cdcdcd; }
table.hotel_info td{border-spacing: 0px; padding: 0px; border-top: 1px solid #cdcdcd; padding: 9px 10px; text-align: left; }
table.hotel_info td:first-of-type{background: #f2f2f2; white-space: nowrap; text-align: left; }

.col2{width: 20%; }
.col8{width: 80%; }
.con_inner{border: 1px solid #cdcdcd; border-top: 1px solid #777; margin-bottom: 20px;  }
.con_inner .tit{border-bottom: 1px solid #cdcdcd; background: #f2f2f2; font-size: 17px; color: #222; min-height: 45px; }
.con_inner .tit span{display: inline-block; text-indent: 20px; margin-top: 12px; font-weight: 700;  }
.con_inner .tit span b{font-size: 14px; margin-left: 25px;   }
.con_inner .con{padding: 20px; margin: 0 auto; position:relative;}
.con h2{font-size: 20px; margin-bottom: 20px;  }

.con_inner2{margin-bottom: 20px;  }
.con_inner2 .tit{border-bottom: 1px solid #cdcdcd; background: #f2f2f2; font-size: 17px; color: #222; height: 45px; }
.con_inner2 .tit span{display: inline-block; text-indent: 20px; margin-top: 12px; font-weight: 700;  }
.con_inner2 .tit span b{font-size: 14px; margin-left: 25px;   }
.con_inner2 .con{padding: 20px; margin: 0 auto; }

.mini_tab_content{display: none; }
.mini_tab_menu li{float: left; text-align: center; }
.mini_tab_menu li a{display: block; }
.import{background: #f2f2f2; border: 1px solid #cdcdcd; padding: 17px 20px; margin-bottom: 20px; }
.import img{display: inline-block; vertical-align: middle;  }
.import p{display: inline-block; vertical-align: middle;  }
.import h5{display: inline-block; vertical-align: middle;  }
.import img{margin-right: 5px;}
.import h5{font-size: 14px; width: 90%; }
.import p{font-size: 13px; color: #555; width: 80%; }

.desc{border: 1px solid #dfdfdf; }
.desc li{border-bottom: 1px solid #dfdfdf; padding: 20px; position: relative; }
.desc li:last-of-type{border-bottom: 0; }
.desc li h3{font-size: 17px; color: #222; margin-bottom: 15px; }
.desc li h3 span{font-size: 15px; color: #777; letter-spacing: -.25px; margin-left: 10px; }
.desc li img{display: inline-block; vertical-align: top; }
.desc li p{display: inline-block; vertical-align: top; }
.desc li a{display: inline-block; vertical-align: top; }
.desc li p{position: relative; overflow: hidden; width: 75%; max-height: 80px; font-size: 13px; line-height: 20px; letter-spacing: -0.25px; color: #555; margin-left: 10px; /*display:-webkit-inline-box; overflow:hidden; white-space:normal; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis;*/}
.desc li p:after{content:'...'; position:absolute; right:0; bottom:3px; width:10px; z-index:1;}
.desc li p span {line-height:20px; min-height:80px; display:block; position:relative; padding-right:10px;}
.desc li p span:after{content:''; position:absolute; right:0; bottom:0; width:10px; height:21px; background-color:#fff; z-index:3;}
.desc li a{color: #009150; font-size: 12px; border-bottom: 1px solid #009150; position: absolute; bottom: 22px; left: 185px; }

.dot{display: block; width: 100%; height: 1px; border-bottom: 1px dashed #cdcdcd; margin: 0; }

/*common addcalss*/
.con_inner.harf{width: 49%; display: inline-block; vertical-align: top; }
.con_inner.right{float: right; }
.con_inner.notit{border-top: 1px solid #cdcdcd; }
.con.center{padding: 20px 0; text-align: center; }
.con.spadding{padding: 20px 17px; min-height:500px; }

.line{border-left: 2px solid #e3e3e3; padding: 10px 0; margin-left: 20px; }
.line.noline_dot, .line.noline_top, .line.noline_topbottom, .line.noline_bottom
{border:0; padding: 0; margin: 0; }
.line.noline_dot{border-top: 1px dashed #cdcdcd; border-bottom: 1px dashed #cdcdcd;}
.line.noline_top{border-top: 1px solid #cdcdcd; }
.line.noline_topbottom{border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
.line.noline_bottom{border-bottom: 1px solid #cdcdcd; }

.desc li.width p{width: 100%; margin-left: 0; margin-bottom: 20px; }
.desc li.width a{left: 20px; bottom: 18px; }
/*tab_common*/
.tab_wrap{height: 100%; width: 758px; background: #fff; margin: 0 auto;  }
.tab_menu_wrap{margin-bottom: 20px; background: #fff; }
.tab_menu_wrap.fixed{position: fixed; top: 0; z-index: 9999; }
.tab_menu li{float: left; width: 150px; margin-right: 2px; text-align: center; }
.tab_menu li:last-of-type{margin-right: 0; }
.tab_menu li a{display: block; padding: 18px 0; background: #555; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: -.25px}
.tab_content{display: none; }

/*»óÇ°Á¤º¸*/
#tab_info img{display: inline-block;} /* margin-bottom: 13px;  */
#tab_info .con_inner.harf .con{line-height: 26px; letter-spacing: -.25px; }
#tab_info .con_inner2.harf .con{line-height: 26px; letter-spacing: -.25px; }
#tab_info .mini_tab_menu{width: 100%; border-bottom: 1px solid #cdcdcd; }
#tab_info .mini_tab_menu li{border-right: 1px solid #cdcdcd; }
#tab_info .mini_tab_menu li a{padding: 15px 20px; font-size: 13px; font-weight: 700; letter-spacing: -.25px; }
#tab_info .mini_tab_content .con{line-height: 23px; letter-spacing: -.25px; font-size: 13px; }
#tab_info a img{margin-left:5px;}

/*ÃßõÀÏÁ¤*/
#tab_schedule .import{position: relative; }
#tab_schedule .import p{margin-left: 27px; line-height: 20px; margin-top: 10px; width: 100%;  }
#tab_schedule .import a{position: absolute; top: 30px; right: 20px; background: #fff; padding: 5px 15px; border: 1px solid #555; color: #333; font-size: 13px; letter-spacing: -.25px; }
#tab_schedule .tit{border-top: 1px solid #777;}
#tab_schedule .schedule_wrap:first-of-type .tit{border-top: none; }
/*flight*/
.sd_section.flight {position:relative; padding:20px 105px; letter-spacing:-1px; height: 130px; }
.fly_schedule {zoom:1; position:relative; padding-top:55px; background:url(../images/fly_line.jpg) repeat-x 0 40px}
.fly_schedule:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0}
.fly_schedule .airport {margin-top:-20px; }
.fly_schedule .airport .sd_dec {display:block; width:15px; height:15px; margin:0 auto 12px; background:url(../images/dot.png)  no-repeat 0 0; background-size: cover; }
.fly_schedule .airport.departure {float:left; margin-left:-59px;}
.fly_schedule .airport.arrive {float:right; margin-right:-59px;}
.fly_schedule .airport .date ,
.fly_schedule .airport .time ,
.fly_schedule .airport .city {display:block; width:132px; font-size:13px; font-weight:400; text-align:center; letter-spacing: -.25px; }
.fly_schedule .airport .city {margin-bottom:5px; font-weight: 700}
.fly_schedule .airport .time {margin-bottom:5px; font-size:18px; font-weight:700; color:#222; letter-spacing: -.25px; }
.fly_schedule .airport .city b{color: #009150; }
.fly_schedule.move_1st,
.fly_schedule.move_2nd {float:left; width:32.9%;}
.fly_schedule.move_3rd {float:right; width:33%; }
.fly_schedule.move_1,
.fly_schedule.move_2 {float:left; width:33%;}
.fly_schedule.move_3 {float:right; width:33%;}
.fly_move_mid {position:absolute; left:50%; top:5px; width:150px; margin:0 0 0 -75px;}
.fly_move_mid .bg_fly {float:left; margin-right:3px; padding:3px 10px; border-radius: 10px; font-size:13px !important; background-color:#009150; color:#FFF}
.fly_move_mid .time {font-size:12px; font-weight:400; line-height:22px; letter-spacing:-1px !important}
.wait_move_mid {float:left; width:33.9%; height:47px; padding-top:55px; background:url(../images/fly_line2.jpg) repeat-x 0 40px}
.wait_move_mid .travel_time {margin:-50px auto 0; text-align:center}
.wait_move_mid .bg_wait {margin-right:3px; padding:3px 10px; border-radius: 10px; background-color:#747b8e; color:#FFF; font-size: 13px; }
.wait_move_mid .time {font-size:12px; line-height:22px; letter-spacing: -.5px;}

.tab_schedule .line .con_sd{padding: 0 20px; }
.tab_schedule .line .con_sd h2{font-size: 14px; padding: 11px 0; position: relative; }
.tab_schedule .line .con_sd h2 img{position: absolute; left: -34px; top: 8px}
.tab_schedule .line .con_sd .tip{border: 1px solid #cdcdcd; padding: 15px 20px; font-size: 13px; letter-spacing: -.25px; line-height: 20px; margin: 10px 0;background-color: #fdfcee; }
.tab_schedule .line .con_sd .tip b{color: #ef7a00; display: block; }
.tab_schedule .line .con_sd .tip p{color: #555; }
.tab_schedule .stay{padding: 15px 20px; font-size: 13px;  }
.tab_schedule .stay b{margin-left: 5px; margin-right: 15px; }
.tab_schedule .desc{margin: 10px 0; }
.tab_schedule .desc li h3{font-size: 14px;  }
.tab_schedule .desc li h3 span{font-size: 13px;  }
.tab_schedule .desc li img{display: inline-block; vertical-align: top; }
.tab_schedule .desc li p{display: inline-block; vertical-align: top; }
.tab_schedule .desc li a{display: inline-block; vertical-align: top; }

.tab_schedule .desc li p{width: 78%;; height: 64px;}
.tab_schedule .desc li p:after{display:none;}
.tab_schedule .desc li a{bottom: 25px; left: 155px; }

/*Ãß°¡:À̹ÌÁö¾øÀ»¶§*/
#tab_schedule .desc li.width p{width: 100%; margin-left: 0; margin-bottom: 20px; }
#tab_schedule .desc li.width p:after{display:none;}
#tab_schedule .desc li.width a{left: 20px; bottom: 18px; }
/*Ãß°¡³¡*/

/*Ãß°¡:Æ˾÷*/
.pop{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 9999; overflow: auto; }
.pop_inner{margin: 0 auto; width: 757px; background: #fff; margin-top: 150px; border: 1px solid #717171; padding: 35px; position: relative; }
.pop_inner p{color: #333; line-height: 22px;  }
.pop_top{text-align: center; letter-spacing: -.25px; margin-bottom: 30px; }
.pop_top p{margin-top: 5px; letter-spacing: -.25px;}
.pop_inner h1{font-size: 26px; color: #000; font-weight: 700; }
.pop_center p{letter-spacing: -.5px; font-size: 13.5px; }
.pop_inner button {position: absolute; top: 23px; right: 23px; cursor: pointer; }
.pop_center .pop_center_l{float: left; }
.pop_center .pop_center_l img{width: 280px; }
.pop_center .pop_center_r{float: right; width: 445px; }
.pop_bottom{border-top: 1px solid #cdcdcd; margin-top: 35px; }
.pop_bottom .col{margin-bottom: 5px; }
.pop_bottom h4{font-size: 17px; color: #222; letter-spacing: -.25px; font-weight: 700; margin: 20px 0; }
.pop_bottom h5{display: inline-block; width: 100px; float: left; font-size: 14px; color: #555; letter-spacing: -.5px; font-weight: 700; margin-top: 4px; }
.pop_bottom p{display: inline-block; width: 653px; color: #777; letter-spacing: -.5px; line-height: 24px; font-size: 13.5px; }
/*Ãß°¡³¡*/

/*È£ÅÚÁ¤º¸*/
.selectbox{padding: 9px; text-align: center; }
.selbox_city{width: 210px; height: 26px; border: 1px solid #cdcdcd; font-size: 13px; padding: 0 10px 3px 10px;  color: #777; display: inline-block; letter-spacing: -.25px; }
.selbox_level{width: 210px; height: 26px; border: 1px solid #cdcdcd; font-size: 13px; padding: 0 10px 3px 10px;  color: #777; display: inline-block; letter-spacing: -.25px; }
select:first-of-type{margin-right: 10px; }
.slide_hotel{height: 272px; text-align: center; position: relative; }
.slide_hotel .mask{width: 95%; height: 100%; position: relative; overflow: hidden; display: inline-block; }
.slide_hotel .left, .slide_hotel .right{position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.slide_hotel .left{left: 0; transition: all .2s; }
.slide_hotel .right{right: 0; transition: all .2s; }
.slide_hotel .left:hover, .slide_hotel .right:hover{opacity: .5}
.slide_hotel .tab_menu_hotel{position: absolute; left: 0; top: 0; width: 500%; }
.slide_hotel li{float: left; margin-left: 13px; cursor: pointer; height: 270px; border: 1px solid #eee;   }
.slide_hotel li:first-of-type{margin-left: 7px; }
.slide_hotel li .txt_hotel{letter-spacing: -.25px;  }
.slide_hotel li .txt_hotel h2{font-size: 15px; color: #333; font-weight: 700; margin-top: 13px; margin-bottom: 5px; width: 171px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.slide_hotel li .txt_hotel h3{font-size: 12px; font-weight: 400; color: #777; width: 171px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.slide_hotel li .txt_hotel strong{display: inline-block; margin-top: 10px; font-size: 11px; color: #ffcf11}
.slide_hotel li .txt_hotel{height: 133px; padding: 20px; box-sizing: border-box}
.slide_hotel li.on{border: 1px solid  #ef7a00; }
.slide_hotel li:hover{border: 1px solid #ef7a00; }
.tab_content_hotel{display: none;}
.tab_content_hotel .info{font-size: 12px; letter-spacing: -.25px; color: #555; }
.tab_content_hotel .info span{display: inline-block; width: 40px; height: 15px; background: #ef7a00; color: #fff; text-align: center; border-radius: 8px; margin-right: 7px; line-height:15px; }
.tab_content_hotel .top h1{font-size: 24px; color: #222; margin-top: 25px; margin-bottom: 10px; }
.tab_content_hotel .top h2{font-size: 20px; }
.tab_content_hotel .top h2 strong{color: #ffcf11; font-size: 18px; margin-left: 20px; }
.tab_content_hotel .top p{font-size: 13px; letter-spacing: -.25px; color: #555; line-height: 20px; margin-top: -10px; margin-bottom: 20px;  }
.tab_content_hotel .center{margin-bottom: 20px; }
.tab_content_hotel .center .center_l{float: left; }
.tab_content_hotel .center .center_r{float: right; width: 373px; }
.tab_content_hotel .center .center_r{font-size: 13px; letter-spacing: -.25px; word-break: break-all; }
.tab_content_hotel .center .center_r .map{border-bottom:1px solid #cdcdcd; }
.tab_content_hotel .center .center_r .map td{position: relative; }
.tab_content_hotel .center .center_r .map a{color: #fff; background: #8c8c8c; padding: 3px 10px; font-size: 12px; position: absolute; top: 6px; }
.tab_content_hotel .center .center_r .homepage{color: blue; text-decoration: underline; width: 270px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.tab_content_hotel .bottom .bottom_l{float: left; width: 49%}
.tab_content_hotel .bottom .bottom_r{float: right; width: 49%}
.tab_content_hotel .bottom .list{ border: 1px solid #cdcdcd; font-size: 13px; }
.tab_content_hotel .bottom .list_tit{background: #f2f2f2; border-bottom: 1px solid #cdcdcd; padding: 10px 15px; }
.tab_content_hotel .bottom .list ul{padding:10px; color: #555; letter-spacing: -.25px;  }
.tab_content_hotel .bottom .list li{float: left; width: 50%; padding:5px; box-sizing: border-box}
.tab_content_hotel.now{display: block; }
/*thumbnail slide*/
.center_l img{display: block; }
.center_l .gallery {position: relative; width: 340px ;height: 288px;}
.center_l .images {width: 340px; height: 227px;}
.center_l .images li {display: none; position: relative; }
.center_l .images li img{width: 340px; }
.center_l .images li span{position: absolute; bottom: 0; right: 0; color: #fff; background: rgba(0,0,0,.6); padding: 8px 10px; font-size: 13px; letter-spacing: -.25px; }
.center_l .thumbnail {width: 308px; margin: 0 auto; margin-top: 15px; }
/*¼öÁ¤:½æ³×ÀÏÅ׵θ®*/
.center_l .thumbnail .left_th, .thumbnail .right_th {position: absolute; bottom: -4px; cursor: pointer; }
.center_l .thumbnail .left_th {left: 0px;}
.center_l .thumbnail .right_th {right: 0px;}
.center_l .thumbnail .mask {width: 100%; height: 54px; position: relative; overflow: hidden;}
.center_l .thumbnail .container {width: 500%; height: 46px; margin-left: 2px; position: absolute; left: 0; top: 0px;}
.center_l .thumbnail .container li{float: left; cursor: pointer; margin: 0 2px; }
.center_l .thumbnail .container li img{width: 68px; border: 2px solid transparent; }
.center_l .thumbnail li img:hover{border: 2px solid #ef7a00; }
.center_l .thumbnail li.on img{border: 2px solid #ef7a00;}
/*¼öÁ¤*/

/*µµ½ÃÁ¤º¸*/
#tab_city .mini_tab_menu{padding: 14px 0 14px 20px;  }
#tab_city .mini_tab_menu:nth-of-type(2),
#tab_city .mini_tab_menu:nth-of-type(3){padding-top: 0px; }
#tab_city .mini_tab_menu li a{font-size: 14px; margin-right: 30px; letter-spacing: -.25px; color: #555; font-weight: 700;   }
#tab_city .mini_tab_menu li a img{display: none; margin-right: 5px; margin-top: 5px;}
#tab_city .city_more{display: inline-block; color: #fff; background: #ef7a00; float: right; margin-top: 25px; padding: 7px 23px; font-size: 13px; font-weight: 700; letter-spacing: -.25px; position: relative; }
#tab_city .city_more span{font-size: 5px; position: absolute; top: 50%; transform: translatey(-50%); right: 15px;  }
#tab_city .city_more:hover span{right: 10px; transition: right .3s  }

/*¿É¼Ç»óÇ°*/
#tab_option .option_wrap{width: 100%; height: 100%; }
#tab_option .option_wrap .option{position: relative; border-bottom: 1px solid #cdcdcd; padding: 10px 0;  }
#tab_option .option_wrap .option:first-of-type{padding-top: 0}
#tab_option .option_wrap .option:last-of-type{padding-bottom: 0; border-bottom: none; }
#tab_option .option_wrap .option:last-of-type ul{bottom: 10px; }
#tab_option .option_wrap img, .option_txt{vertical-align: middle; display: inline-block;}
#tab_option .option_wrap img{border: 1px solid #cdcdcd;  }
#tab_option .option_wrap .option_txt{width: 70%; margin-left: 15px; }
#tab_option .option_wrap .option_txt h2{font-size: 18px; letter-spacing: -.25px; margin-bottom: 10px;  }
#tab_option .option_wrap .option_txt p{font-size: 13px; line-height: 17px; letter-spacing: -.25px; }
#tab_option .option_wrap ul{position: absolute; bottom: 30px; right: 0; }
#tab_option .option_wrap ul li{float: left; }
#tab_option .option_wrap ul li:first-of-type{text-decoration: line-through; font-size: 15px; color: #656565;}
#tab_option .option_wrap ul li:nth-last-of-type(2){padding: 0 8px; font-size: 15px;}
#tab_option .option_wrap ul li:last-of-type{color: red; font-size: 17px; font-weight: 700; }

/*tab addclass on*/
.tab_menu li a.on{background: #009150; }
.tab_menu li a:hover{background: #009150;}
#tab_info .mini_tab_menu li a.on, #tab_city .mini_tab_menu li a.on{color: #ef7a00;  }
#tab_info .mini_tab_menu li a:hover, #tab_city .mini_tab_menu li a:hover{color: #ef7a00;}