@charset "UTF-8";
@font-face {
        font-family: 'taipurui';
        src: url('/skin/default/fonts/taipurui.eot');
        src: url('/skin/default/fonts/taipurui.ttf') format('truetype'), url('/skin/default/fonts/taipurui.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'taipurui-Black';
        src: url('/skin/default/fonts/taipurui-Black.eot');
        src: url('/skin/default/fonts/taipurui-Black.ttf') format('truetype'), url('/skin/default/fonts/taipurui-Black.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'taipurui-Cn';
        src: url('/skin/default/fonts/taipurui-Cn.eot');
        src: url('/skin/default/fonts/taipurui-Cn.ttf') format('truetype'), url('/skin/default/fonts/taipurui-Cn.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'taipurui-BoldCn';
        src: url('/skin/default/fonts/taipurui-BoldCn.eot');
        src: url('/skin/default/fonts/taipurui-BoldCn.ttf') format('truetype'), url('/skin/default/fonts/taipurui-BoldCn.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'taipurui-Bold';
        src: url('/skin/default/fonts/taipurui-Bold.eot');
        src: url('/skin/default/fonts/taipurui-Bold.ttf') format('truetype'), url('/skin/default/fonts/taipurui-Bold.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'taipurui-XBlack';
        src: url('/skin/default/fonts/taipurui-XBlack.eot');
        src: url('/skin/default/fonts/taipurui-XBlack.ttf') format('truetype'), url('/skin/default/fonts/taipurui-XBlack.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}


body ,html{width:100%; font-family:"taipurui"; 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
	font-size:1em;}

.topbg{ display:none;}
.dhbg{ display:none;}
.neiwith{ display:none;}
.leftz{ display:none;}
.banquan100{ display:none;}
.foot100{ display:none;}
.tourbar{ display:none;}
.shoujif{ display:block;}


/*daohang*/
.daohang{width:100%; float:left; display:block; }
.toptel{display: block; width:100%; float:left; background-color:#808080; color:#ffffff; height:40px; line-height:40px; font-size:14px; text-align:center;}
.toptel a:link {color:#ffffff; text-decoration:none; } 
.toptel a:visited {color:#ffffff; text-decoration:none; } 
.toptel a:hover,a:active {color:#ffffff; text-decoration:none; }
header{float:left;background: #ffffff; display: block; width:100%; height:50px; padding:0px;}

.logom{left:10px; margin:10px 0px 10px 0px; height:30px; position:absolute;}
header .logom img{height:30px; width:auto; float:left; margin-top:0px;}

.menubtn {
  position:absolute;
  z-index: 101;
  right:10px;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top:10px;
  width:30px; height:30px; border-radius:2px;
  background-image: url('/e/wap/skin/default/images/hamburger.png');
  background-position: 50% 50%;
  background-size:30px 30px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('/e/wap/skin/default/images/hamburger-active.png');
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #ffffff;
  position: fixed;
  top:0;
  left:0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {display: block; position:relative; border-bottom:1px dotted #f5f5f5;}

#hamburgermenu ul li .j{ position:absolute; left:145px; top:18px; width:20px; height:20px; z-index:200;}
#hamburgermenu ul li .j img{ width:10px; }
#hamburgermenu ul li a {
  display: block;
  min-width: 100px;
  padding: 10px 0px 10px 20px;
  color: #1275b8;
  font-size: 1.0em;
  text-decoration: none;
  text-align: left;
}
#hamburgermenu li a:hover {color:#1275b8;}

.sidenav-dropdown{display:none;list-style:none;padding:0px; margin:0px; }
.sidenav-dropdown a{background:#ffffff;}
.sidenav-dropdown li{ padding-left:15px;font-size:14px;}
.sidenav-header{border-bottom:1px solid #dadada; margin:0;}
.sidenav-header img{ width:80%; margin-left:10%; }
.sidenav-header{background:0 0;color:#757575;font-size:16px;line-height:32px;padding:10px 0px;}
.sidenav-header small{display:block;font-size:14.4px;line-height:16px}

/*weizhi*/
.gonglwein{float:left; width:100%; display:block; border:1px solid #f5f5f5; height:32px; line-height:32px; border-left:none; border-right: none; overflow:hidden;}
.gonglwein .daoh{ float:left; font-size:16px; width:94%; margin-left:3%; margin-right:3%; color:#3c3c3c;}
.gonglwein .daoh a:link  {color:#3c3c3c; text-decoration:none;} 
.gonglwein .daoh a:visited {color:#3c3c3c; text-decoration:none;} 
.gonglwein .daoh a:hover,a:active {color:#3c3c3c; text-decoration: underline;}

#navbar {position: relative; }

section{background: #f5f5f5; float:left; width:100%; padding-bottom:10px;}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

#pgcontainer {
  padding:10px 3%;
  margin: 0;
  float:left;
  width:94%;
}


#content {max-width:100%;
  padding: 10px 0% 0px 0%;
  float:left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;}


#content h1 {font-size: 1.2em;
  line-height: 1.4em;
  padding-bottom:5px;
  font-weight: 700;
  color: #484848;
  text-align: center;
  letter-spacing: -0.05em;}



#content img { max-width:100%; margin-bottom:10px; float:left; height:auto;}

.sydt{position:relative; float:left; width:100%;}

.daowenz{ color:#fff; position:absolute; bottom:0px; line-height:30px; padding-left:10px; font-size:14px;}
.daowenz a:link {color:#fff; text-decoration:none ; } 
.daowenz a:visited {color:#fff; text-decoration: none;} 
.daowenz a:hover,a:active {color:#fff; text-decoration: none;}
.sydt img{
  float:left;
  width:100%;
}

#situzong {
  float:left;
  width:100%;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {  top: 0;}


/*foot*/
.footdb{ float:left; width:100%;}
.wmenzong{float:left; font-size:16px; width:100%; width:94%; margin-left:3%; border-radius:4px; text-align: center; margin-bottom:50px; background: #303030; color:#8c8c8c; padding:10px 0;}
.wmenzong p{float:left; line-height:22px; color:#cecece; display:block; width:100%;}

.footdb a:link  {color:#8c8c8c; text-decoration:none;} 
.footdb a:visited {color:#8c8c8c;} 
.footdb a:hover,a:active {color:#8c8c8c; text-decoration: underline;}

.bottom_barx{ position: fixed; z-index:900; bottom:0; left:3%; border-radius:3px 3px 0 0; width:94%; height:40px; background-color:#1275b8;}
.bottom_barx .san1 {list-style:none; margin:0; padding:0; float:left; text-align:center; font-size:14px; line-height:40px; height:40px; width:33%; }
.bottom_barx .san2 {list-style:none; margin:0; padding:0; float:left; text-align:center; font-size:14px; line-height:40px; height:40px; width:34%; }
.bottom_barx .san3 {list-style:none; margin:0; padding:0; float:left; text-align:center; font-size:14px; line-height:40px; height:40px; width:33%; }

.bottom_barx .san1 img{ width:20px; display:inline; vertical-align:middle; padding-right:3px; padding-bottom:2px; margin-left:auto; margin-right:auto;}
.bottom_barx .san2 img{ width:18px; display:inline; vertical-align:middle; padding-right:3px; padding-bottom:3px; margin-left:auto; margin-right:auto;}
.bottom_barx .san3 img{ width:18px; display:inline; vertical-align:middle; padding-right:3px; padding-bottom:3px; margin-left:auto; margin-right:auto;}

.bottom_barx a:link {color:#ffffff; text-decoration:none; } 
.bottom_barx a:visited {color:#ffffff; text-decoration: none;} 
.bottom_barx a:hover,a:active {color:#ffffff; text-decoration: none; }

.san1 a:link {color:#808080; text-decoration:none; } 
.san1 a:visited {color:#808080; text-decoration: none;} 
.san1 a:hover,a:active {color:#808080; text-decoration: none; }

.san2 a:link {color:#808080; text-decoration:none; } 
.san2 a:visited {color:#808080; text-decoration: none;} 
.san2 a:hover,a:active {color:#808080; text-decoration: none; }

.san3 a:link {color:#808080; text-decoration:none; } 
.san3 a:visited {color:#808080; text-decoration: none;} 
.san3 a:hover,a:active {color:#808080; text-decoration: none; }



/*cont*/
.neizong{ width:100%; float:left; padding-top:0px;  background-color:#ffffff;}
.nei1110{ margin-left:3%; margin-right:3%; width:94%;}
.rightz{ margin-bottom:5px; }
.rz{width:100%;}
.rightz h1{font-size:18px; line-height:20px; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #f5f5f5;}
.rightz h2{font-size:18px; line-height:40px; }
.cityguide{text-align: left; text-align:justify;}

.cityguide table{margin:10px 0; box-shadow: 0 1px 2px rgba(58, 58, 58, 0.2); }
.cityguide table tr td{ padding:10px;}
.cityguide table tr td:first-child{ width:18%;}

.cityguide p{ line-height:24px; font-size:16px;}

.cityguide .mapimg{ width:100%; height:auto !important;}

.cityguide img{float:left; width:100%; height:260px; display:block; margin:5px 0px 5px 0px; border-radius:4px;}

@media screen and (min-width:600px) and (max-width:800px) { 
.cityguide img { height:280px;} 
} 
@media screen and (min-width:800px) and (max-width:960px) { 
.cityguide img { height:300px;} 
} 
@media screen and (min-width: 960px) { 
.cityguide img { height:320px;} 
} 



.rightz .Attractions{float:left; width:100%;}
.rightz .Attractions h3{font-size:18px; line-height:40px; }
.rightz .Attractions ul{float:left; width:100%; }
.rightz .Attractions ul li{line-height:26px;}

.citybiaoti h2{font-size:18px; line-height:40px; }

.cityxl li{ width:48.5%; margin:0 3% 10px 0; float:left;}
.cityxl li .tu{ width:100%; float:left;}
.cityxl li:nth-of-type(2){margin:0 0px 10px 0; }
.cityxl li:nth-of-type(3) { display:none;}
.cityxl li img{float:left; width:100%; border-radius:4px 4px 0 0; border: none;}


@media screen and (max-width:600px) { 
.cityxl li img { height:140px;} 
} 
@media screen and (min-width:600px) and (max-width:800px) { 
.cityxl li img { height:170px;} 
} 
@media screen and (min-width:800px) and (max-width:960px) { 
.cityxl li img { height:190px;} 
} 
@media screen and (min-width: 960px) { 
.cityxl li img { height:240px;} 
} 

.cityxl li .zi{ height:35px; line-height:35px; text-align:center; overflow:hidden;}



.citymap li{width:48.5%; margin-right:3%; margin-bottom:10px;}
.citymap li:last-child{margin-right:0px; }
.citymap li img{float:left; width:100%; border-radius:4px 4px 0 0; border: none;}
@media screen and (max-width:600px) { 
.citymap li img { height:140px;} 
} 
@media screen and (min-width:600px) and (max-width:800px) { 
.citymap li img { height:170px;} 
} 
@media screen and (min-width:800px) and (max-width:960px) { 
.citymap li img { height:190px;} 
} 
@media screen and (min-width: 960px) { 
.citymap li img { height:240px;} 
} 

.citymap .zi{height:35px; line-height:35px; text-align:center; overflow:hidden;}



/* city guide */
.cityguidemore{float:left; width:100%; margin-bottom:5px; padding-bottom:5px; margin-top:0px; }

.cityguidemore .citylie{ width:50%;float:left; }
.cityguidemore .citylie h3{color:#1275b8; font-size:18px; text-align:left; padding-top:10px; line-height:20px;}
.cityguidemore .citylie ul{float:left; width:46%; margin-left:4%;}
.cityguidemore .citylie ul li{line-height:30px; font-size:16px;}
/* Attractions */
.attractionsmore ul li{line-height:26px;}
.attractions2 ul li{line-height:26px;}
.rightz .Attractions p{line-height:24px; }


/* long tours */
.itinerary img{ width:100%; }
.listzong{ width:100%; float:left; padding-top:0px;  background-color:#ffffff;}
.lis100{ margin-left:3%; margin-right:3%; width:94%;}
.lis100 h1{font-size:18px; line-height:20px; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #f5f5f5;}

.lis100 ul{width:100%; float:left;}
.lis100 ul li{width:100%; float:left; margin:0px 0% 10px 0%; position:relative; } 
.lis100 ul li:nth-child(3n+3){margin:0px 0% 10px 0%;}
.lis100 ul li .liimg img{ border-radius:4px 4px 0 0; float:left; width:100%; height: auto;}
.lis100 ul li .liimg .lmt{position:absolute; bottom:0px; left:0px; z-index:10; width:100%; border-radius:4px 4px 0 0; text-align:center; background-color: rgba(18, 117, 184, 0.7); height:40px; line-height:40px;}

.lis100 ul li .zi{float:left; border-radius:0 0 4px 4px; width:94%; height: auto; line-height:25px; padding:5px 3%; }


/* tailor made */
.tailormade{width:94%; padding:10px 3%; float:left; background:url(/skin/default/images/ctbg.jpg) top repeat-x; box-shadow: inset 0px 0px 1px 1px rgba(90, 90, 90, 0.2); margin:0px 0px 10px 0px;}
.tailormaden .tl{width:100%;}
.tailormaden .tl h2{ font-size:20px; padding-bottom:10px; padding-top:10px;}
.tailormaden .tr{float:left; width:100%;}
.tailormaden .tl p{ line-height:22px; }
.tailormaden .tr img{float: right; margin-left:auto; margin-right:auto; width:100%; }