@charset "utf-8";
#mastmenu .travel a,#mastmenu .travel a:hover{font-size:1.07em; font-weight:bold;color:#fff;background:#690;
background: -moz-linear-gradient(top,  #99cc00 0%, #669900 50%, #336600 51%, #669900 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc00), color-stop(50%,#669900), color-stop(51%,#336600), color-stop(100%,#669900));
background: -webkit-linear-gradient(top,  #99cc00 0%,#669900 50%,#336600 51%,#669900 100%);
background: -o-linear-gradient(top,  #99cc00 0%,#669900 50%,#336600 51%,#669900 100%);
background: -ms-linear-gradient(top,  #99cc00 0%,#669900 50%,#336600 51%,#669900 100%);
background: linear-gradient(to bottom,  #99cc00 0%,#669900 50%,#336600 51%,#669900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=0 );}
.clear_h2{ height:0.2em;}
#default #masthead .masthead_r{display: block;}
#content{position:relative;}
#content .bo{padding:0;border-top:0.2em solid #690; overflow:hidden;}
.title{display:block;margin:0;background:#690;font-size:0.6em;line-height:1.6em;}
.title h1{display:block;color:#fff;padding:0 0 0 0.5em;}
.title h1 a{color:#fff;}
#search_bar{ position:relative; font-size:0.4em; line-height:1em; z-index:2;float: right; margin: -2.1em 0;}
#search_bar h2{ float:left;text-indent:-9999px;}
#search_bar .strKeyword{border-radius:0.5em; padding:0.1em; width:7em;font-size:1em; border:0.1em solid #ccc;}
#search_bar .submit{border-radius:0.5em; background:#CCC; border:0.1em solid #fff;padding:0.1em; width:3.5em;font-size:1em; margin:0 0.2em; text-align:center;}
#banner img{}

#map{width:20%;position:relative;background:#CCC;float:left;margin:0.06em 0.5% 0.5%;}
#map object,#map param,#map img{width:100%;height: 8.14em; margin-bottom:-2em;}

#lists {font-size:65%;line-height:180%;overflow:hidden; position:relative;width:79%;}
#lists section{ border-top:0.06em solid #999; border-bottom:0.06em solid #999;margin:0.06em 0 0 0; }
#lists h3{display:block;text-align:left;color:#333; padding:0 0 0 0.5em;}

#lists .north{border-left:0.5em solid #FC0;}
#lists .central{border-left:0.5em solid #F60;}
#lists .south{border-left:0.5em solid #F30;}
#lists .east{border-left:0.5em solid #099;}
#lists .island{border-left:0.5em solid #690;}
#lists ul{display: none;overflow:hidden; height:1.99em;border-top:0.06em solid #EEE;font-size:95%;line-height:190%;}
#lists li{ float:left; width: 16.6%;}
#lists li a{display:block;color:#333;padding:0 0 0 0.7em;}
#lists li a:hover{ background:#eee;}
#main{font-size:50%; line-height:130%;}


#city #main{ padding:0.3em 0 0 0;}
#city #main h1{padding:0 0 0 0.5em; font-size:1.2em; color:#360;line-height:150%;}
#city #main h1 a{color:#360;}
#city #content h2{padding:0 0 0 0.8em;font-size:0.8em;color:#000;line-height:150%;}

#city .top10{border:0.2em solid #FC0;border-top:0 none; margin:0 0.2em 0.2em 0.2em;}
#city .top10 h2{background-color:#FC0;padding:0 0 0 0.8em;line-height:180%;}
#city .top10 .num{display: inline-block; width:1.5em; text-align: right;padding:0 0.3em;}
#city .top10 ol{font-size:1em;}
#city #main li{font-size:0.9em;line-height:180%; float:left; border-top:0.1em solid #ddd; width:48%; margin:0 1%; overflow:hidden;}
#city #main li a{font-size:1em;color:#000;display:block;}
#city #main li a:hover{ background:#eee;}

#city .tourgudes{border-bottom:0.2em solid #ccc;}
#city .tourgudes .tourgude_title{border-bottom:0.2em solid #ccc; overflow:hidden;}
#city .tourgudes h2{padding:0 0 0 0.8em;font-size:0.8em;color:#000;line-height:150%; float:left;}
#city .tourgudes h3{padding:0 0 0 0.4em;line-height:150%; color:#333;cursor:pointer;border-top:0.1em solid #ccc;}
#city .tourgudes h3:hover{background:#eee;color:#000;}
#city .tourgudes .list{}
#city .tourgudes .open{background:#fffeee;padding:0 0 0.4em 0;}
#city .tourgudes .open h3,
#city .tourgudes .open h3:hover{background:none; color:#333;}
#city .tourgudes h3 img{ width:0.7em; margin:0 0.1em; vertical-align:middle;}
#city .tourgudes ul{ margin:0 0.4em}
#city .tourgudes li{}
#city .tourgudes li a{ padding:0 0 0 0.6em;color:#360; }

#point .point{ padding:0.2em 0.3em 0;font-size:0.4em;line-height:1.5em; position:relative;}
#point .point h1{ font-size:1.15em; line-height:1.6em;}
#point .point h2,
#point .point h3,
#point .point h4,
#point .point h5{ font-size:1.15em; line-height:1.3em; margin:0.8em 0 0 0;}
#point .point p{ margin: 0 0 0.8em 0;}
#point .point .mapicon{font-size:1.3em;background: url(../travel/images/googlemapicon2.png) no-repeat; background-size:auto 1em; width:3.83em; height:1em; display:inline-block; margin:0 0 0 0.3em; vertical-align:middle;}
#gallery{float:left;width:40%; margin:0 1% 0 0;font-size:1em; line-height:120%; text-align:right;border: 0.1em solid #ccc; height:19em}
#gallery .tos-content{padding:0; overflow:hidden;}
#point .point .pic{ padding:0.5em;}
#point .point .pic img{width:100%;}
#point .point li{padding:0.2em 0; }
#point .point ul.p_masonry{ display:block; width:100%; position:relative;margin: auto}
#point .point .p_masonry li{float:left; width:44%; overflow:hidden; display:block; margin:0 3% 1.5em;}
#point .point .p_masonry li img{width:100%; display:block;}
#point .point ul.m{ width:100%; position: relative; overflow:hidden; font-size:1.15em; line-height:1.1em;}
#point .point ul.m li{ float:left; width:18%; padding:0.3em 0;}
#point .point ul.m a{ border-left:1px solid #999; position:relative; display:block; left:-1px; text-align:center;}
.point .swiper_pic{float:left;width:40%; margin:0 1% 0 1%;font-size:1em; line-height:120%; text-align:right;border: 0.1em solid #ccc;position:relative;}
.arrow-left,.arrow-right{ position:absolute;width:1.2em;    height: 2em;
    line-height: 1.8em;top:44%; display:block; z-index:2; background:#FFF;}
.arrow-left img,.arrow-right img{ width:100%; vertical-align:middle;}
.arrow-left{left:-0.1em; padding-left:0.3em;border-radius:0 0.3em 0.3em 0;}
.arrow-right{right:-0.1em;padding-right:0.3em;border-radius:0.3em 0 0 0.3em;}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

#point .swiper_pic .swiper-slide{ padding:0;}
#point .specmsg{ text-align:right;}
#point span.specm {color: #FF3366;font-weight: bold;}
#map_img{ width:100%;}
#map_img img{ width:100%;}

#search .search{ font-size:1.2em;}
#search .search h1{padding:0 0 0 0.2em;line-height:150%; color:#333;cursor:pointer;border-top:0.1em solid #ccc;}
#search .search h1 img{ width:0.7em; margin:0 0.1em; vertical-align:middle;}
#search #main li{font-size:0.9em;line-height:180%; float:left; border-top:0.1em solid #ddd; width:48%; margin:0 1%; overflow:hidden;}
#search #main li a{padding:0 0 0 0.6em;color:#360;display:block; float:left;width: 100%;}
#search #main li a:hover{ background:#eee;}

#asiahotel .title{padding: 0.4em 0.5em 0.3em 0.5em;color:#000; background:#f2f2f2;}
#asiahotel ul{display: block;line-height:1.5}
#point .point #asiahotel li{border-bottom:1px solid #CCC;padding: 0;}
#asiahotel li a{color: #069; display: block;padding:0.5em;transition:background 0.5s,color 0.5s;}
#asiahotel li a:hover{background:rgba(0,0,0,0.1)}
#asiahotel .more{position: relative; display:block;float:right; color:#666; padding:0.5em 0.5em 0.5em 0.7em; font-size:1.04em;line-height:1.5em;vertical-align: middle;}
#asiahotel .more:hover{color:#F60;}
#asiahotel .more::after{content:" ";display:inline-block;width: 0;height: 0;line-height: 0; margin:0 0 0.3em 0.5em;border: 5px solid #666;border-right: none;border-bottom-color: transparent;border-top-color: transparent; vertical-align: middle;}


@media handheld, (max-width: 650px), (orientation:portrait){
#map{width:65%; }
#map object,
#map param,
#map img{height: 13.56em;}
#lists{width:34%;font-size:64%;}
#lists section{ border-bottom:0.05em solid #999;}
#lists ul{font-size:84%;line-height:199%; height:12em;}
#lists li{width:100%;}
#city #main li{width:100%;float:none; margin:0;}
#gallery{float:none;width:98%;margin:0 auto; height:19em}
#point .point .pic{}
#point .point ul.m li{ float:left; width:25%; padding:0.3em 0;}
#search #main li{width:100%;float:none; margin:0;}
.point .swiper_pic{float:none;width:98%;font-size:1em;line-height:120%;margin:0 auto;}
}