@charset "UTF-8";
@import url("../webfonts/Oswald_Regular/stylesheet.css");
/* CSS Document   for Beijingservice.com */


/*  ---------------------全局格式  Layout---------------------------  */

*{
    margin: 0px;
    padding: 0px;
    color: #333;
    line-height: 2.2;
    font-size: 16px;
    letter-spacing: 130%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
html  {   width:100%}
html,body {    width:100%}

.bd {font-weight:bold; color:#000;}
.bd_nl  {display:inline-block; font-weight:bold; color:#000; width:100%; clear:both; margin-top:15px; }



/*  ---------------------  通用元素:  table tr td 这个是上个版本内的， 可以先放在这里  ----------------------  */
table {    border-right: solid 1px #00FFFF;    border-bottom: solid 1px #00FFFF;    }
tr:hover {    background-color: #0FF;    }
td {    border-left: solid 1px #00FFFF;    border-top: solid 1px #00FFFF;    padding: 5px;    }

/*  --------------------- 网页顶部  Header --------------------------  */
header{ height:90px;  width: 100%; max-width: 1260px;  margin: auto;  padding: 10px 0px 10px 10px;  background-color:#FFF;  background-image: url(../beijingtravellogo/bg.jpg);   
                             background-attachment: scroll;  background-repeat: no-repeat;  background-position: 70% bottom;   }
                                header ul { height: 10px; clear: both;  margin-bottom: 30px;   }
                                header ul li {  display: inline-block; list-style:none;  font-size: 96%; padding: 0px 8px 0px 8px;  font-family:Verdana, Geneva, sans-serif; opacity:0.9;   margin:0px 0px 0px 0px;  }
                                header a {  style: none; }
                                header a:hover{  font-weight: bold;  text-decoration: none;  }

/*  ---------------------  Logo and Slogon -------------------------  */
.logo  {  font-family: "Times New Roman";  font-size:100%;  font-weight:900;     clear:both;   padding:10px 10px 0px 6px;  }
                                      
.logo_b{  color: #00F;  font-size:196%;  font-weight:900;  font-weight: bold;  font-family: "Times New Roman";   }
.logo_r {  color: #F00;  font-size:196%;   font-weight:900;  font-weight: bold;  font-family: "Times New Roman";  }
.logo_y{  color: #0F6;  font-size:196%;   font-weight:900; font-weight: bold;  font-family: "Times New Roman";  margin-right: 50px;  }
.logo_s {  padding:0px 0px 10px 0px;  margin-bottom: -10px;  opacity:0.8;  font-size:small;  }

.slogon{ margin: -5px 0px 35px 15px;  opacity: 1;  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
                                   color: silver;  letter-spacing: 0.5px;   word-spacing: 3px;  font-weight: bold; }
.slogon a {   font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";   color:silver;   letter-spacing: 0.5px;  word-spacing: 3px;  }

/*  ---------------------  Footer  / 这个层与cpr 结合使用.   (看似有点重复， 但可以增加.cpr之上白色底色上的组件， 比如以后增加Facebook  等链接 ...   所以保留单独css 格式 )  -----------------------------  */
footer{  background-color:#FFF;  color: #666;  width: 100%;  padding:120px 0px 50px 0px;  margin: 10px;  font-size:80%;  clear:both;  opacity:0.9;  text-align:center; }
                                footer ul{ float: left;  width:20%; padding: 10px 20px 10px 20px; border-right: solid 1px #999;  margin-bottom:20px;  color: #666;  }
                                footer li{  list-style:none;  }
                                footer a{   color: #666;  list-style: none;  margin: 5px;  font-weight: bold;     }
                                footer a:hover{ color: #fff;   font-weight: bold;   }


/*  ---------------------  Copyright   cpr层-----------------------------  */
.cpr{ clear: both; width:100%; padding-top:30px;  padding-bottom: 80px; background-color:darkslategray;   background-size:cover; 
                           display:flex;      align:stretch;    top:0px;    left:0px;    opacity:0.9;   margin-top: 20px;  z-index: 100;   }
.botm { display:block;  float:left;  clear: both; width:100%;   padding:auto;   background-color:darkslategray;    margin: auto;  border-top: 1px solid #666; color: #fff;   text-align:center; padding-bottom: 30px;    }
.botm ul {padding:auto; margin:auto; padding-top: 15px;  }
.botm li {width:100%;  color: #fff;  font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";      }
.botm li .home { color:#fff;   font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";   margin-left: 80px;  font-size:19px;  }
.botm li .home a:hover {  color: #ccc;   }
.socialmedia  { display:block;  float:left;  clear: both; width:100%;   padding:auto;   background-color:darkslategray;    margin: auto;  color: #fff;   text-align:right; padding-bottom: 30px;    }
.socialmedia  ul {padding:auto; margin:auto;  padding-right: 50px; }
.socialmedia   li {color: #fff; float:right;  font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";  padding: 0 80px 0px 20px; display:inline-block;   font-size:  20px;  font-weight:bold;    }
.socialmedia  li a { color: #fff; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";  padding: 0 100px 10px 20px;  font-weight:bold;   color:antiquewhite;  text-decoration: none; }
.socialmedia  li a:hover  { color:#999; }

.cprc {    width: 16%;    height:100%;  display:block;    float:left;    padding: 2px;    margin:10px 10px 10px 30px;  }   /*底部版权部分的分为多个小层cprc   / cpr Collum*/
.cprc ul  { float: left; display:block;  border-right: solid 0px #666; padding-right: 20px;   } 
.cprc li {   display:inline-block;   list-style:none;    clear:both;    font-size:small;    color: antiquewhite;   }
.cprc a {    color:#FFF;    display:inline-block;    font-size:small;    color:antiquewhite;   }
.cprc a:hover {   opacity:1;    text-decoration:none;    color:#FFF;   }

.cprc .hd { font-size:  16px;  color: #FFF;  font-weight: bold;   display: block;  margin-bottom: 1px;   text-align: left;  font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";  }
.cprc .hd a  { font-size: 16px;  color: #FFF;  font-weight: bold;   display: block;  margin-bottom: 1px;   text-align: left;   font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";   }


/*..........................................................主导航条   Navi  bs...................................................................................*/

/*
这个是老版本的: 
#bsnavi  {  background-color:#06F;   padding: 5px 10px 7px 0px;    opacity:0.9;  z-index:999;  }
#bsnavi li {   list-style: none;  padding: 6px 12px 6px 12px;  z-index:999;  }
.fix {   position:fixed;   top:100;    left:0;   } 
*/
/*
backup version 2: 
#bsnavi  {  background-color:#06F; text-align:center;   padding: 5px 10px 7px 0px;  margin:0;   opacity:0.9;  }
#bsnavi ul {width:100%;  margin:0 auto; }
#bsnavi li {  list-style: none;  padding: 6px 12px 6px 12px;  z-index:999;  width:145px;  } 
.fix {  float:left;  background-color:#06F;  position:fixed;   top:100px;    width:100%;   text-align:center;  z-index:999; left:auto;  } 
*/

#bsnavi  { background-color:#06F;    padding: 10px 10px 8px 10px;  margin:0 auto;   display:inline-block;  width:100%;    text-align:center; opacity:0.92;   } /*text-align:center;    */
#bsnavi ul {margin:0; background-color:#06F;  display:inline-block;   }    /* ninum-height:50px;  height:auto;   padding: 0 10px; */
#bsnavi li { z-index:999;  width:12%;  min-width:155px; max-width: 185px; background-color:#06F;  display:inline-block;  }       /*  float:left;    list-style: none;  padding: 6px 10px 6px 10px;  */
#bsnavi li {color:#fff; }
#bsnavi li a{color:#fff; }
/* #bsnavi fixlogo  { display:block; }  */
.fix {  background-color:#06F;  position:fixed;   top:0;   left:0;    text-align:center;  z-index:999; display:inline-block;    }    /* float:left;  left:auto; display:block;    */
.fix .fixlogo  { display:block; }

        #bsnavi_one {display:block; }
        #bsnavi_two {display:block; }
        #bsnavi_three {display:block; }
        #bsnavi_four {display:block; }
        #bsnavi_five {display:none; }
        #bsnavi_six {display:none; }
        #bsnavi_seven {display:none;  }
        #bsnavi_eight {display:none; }

/*#bsnavi  {  background-color:#06F; text-align:center;   padding: 5px 10px 7px 0px;  margin:0;   opacity:0.9;  }
   #bsnavi ul {width:100%; }
   #bsnavi li {  list-style: none;  padding: 6px 12px 6px 12px;  z-index:999;  width:145px;  } 
   .fix {  float:left;  background-color:#06F;  position:fixed;   top:100px;    width:100%;   text-align:center;  z-index:999; left:auto;  }*/
/* 这是不带下拉功能的版本
.bsnav { width:100%;   background-color:#06F;     padding: 6px 10px 7px 0px;   opacity:0.9;  position:relative;   z-index:999;   margin:0 auto;   }
.bsnav ul { width:100%;    display:inline-block; margin:0 auto;   padding:auto;   clear:both;  z-index:999;  }  /* 
.bsnav ul li { float:left;   display:inline-block;   list-style: none;  padding: 6px 12px 6px 12px;    z-index:999;  } 
.bsnav ul li a {  color:#FFF;  text-decoration: none;}
.bsnav ul li a:hover {  border-bottom: solid 3px yellow;    padding-bottom: 10px;   text-decoration: none;   color:#FFF;  }
.bsnav ul li ul { positioin:absolute; left:0; top:40px;  display:none; }
.bsnav ul li:hover ul {   display:block; }
.bsnav ul li ul li { float:none; list-style:none;  background-color:deepskyblue; margin-top:3px; }
.bsnav ul li ul li a {width: 120px; color:#000; }
.bsnav ul li ul li a:hover { background-color:deepskyblue; }
.current a {   color: yellow;  } 
.current a:hover {   color: yellow; }
下面是制作新版本bsnav新设计的: ;*/
.bsnav {background-color:#06F;  margin:0;   display:inline-block;  padding:6px 10px 7px 10px;     opacity:0.93;   z-index:999;  }  /*padding:6px 10px 7px 10px; */
.bsnav ul { margin:0; background-color:#06F;  display:inline-block;   height:flex;  }   
.bsnav li {color:#fff; }
.bsnav fixlogo { display:none; }
/*position:relative;    text-align: center;  */

/*  下面是最新的三级导航菜单,  等网站完善了再使用这个三级菜单  */
                        /*1级
                        .bsnav ul { display:inline-block;  margin:0 auto;   padding:0 auto;   clear:both;  z-index:999;}          //  ul内定义为 width:100% 会导致不居中. position: relative;   
                        .bsnav ul li { width: 11%;  display:inline-block;   list-style: none;  padding: 6px 12px 6px 12px;    z-index:999;  position:relative; } 

                        .bsnav ul li a {  color:#FFF; text-decoration: none; }
                        .bsnav ul li a:hover {  border-bottom: solid 3px yellow;    padding: 10px 0px;   text-decoration: none;   color:#FFF;  }
                        */
                        /*2级
                        .bsnav ul li ul {  display:none; }
                        .bsnav ul li:hover ul {   display:block;  position:absolute; left:0; top:26px;  width: 200px;   padding:0; margin:0;  font-size:95%; font-weight: 300; }
                        .bsnav ul li ul li { float:left; list-style:none;  margin-top:1px;   display: inline-block; width: 200px;   line-height:30px;  font-size:95%;  padding: 0 0 10px 8px; background-color:cornflowerblue;   }
                        */
                        /*3级    
                        .bsnav ul li ul li ul  {  display:none; }
                        .bsnav ul li ul li ul li {  display:none; }
                        .bsnav ul li ul li:hover ul  {  positioin:absolute; left:225px; top:10px;  display:block; width:200px;  }
                        .bsnav ul li ul li:hover ul li { display:inline-block;   font-size:95%;  padding: 0 5px 0 10px;}


                        .bsnav ul li ul li a {width: 120px; color:#FFF;  padding: 5px 0px;}
                        .bsnav ul li ul li a:hover { }
                        .current a {   color: yellow;  } 
                        .current a:hover {   color: yellow; }
                        .bsnav ul li ul corner { background-color:#fff;  border:none; float:left; }
                            .corner a {background-color:none;  border:none; }
                        。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。  */


        .bsnavhome {float:left; display:none; }
        .bsnav_two {display:block; }
        .bsnav_three {display:block; }
        .bsnav_four {display:block; }
        .bsnav_five {display:block; }
        .bsnav_six {display:block; }
        .bsnav_seven {display:block;  }
        .bsnav_eight {display:block;  }




/*  --------------------- 导航条下面的大图， 可用作放幻灯片  // 也可以放在  ----------------------------  */
.wrap{ float:left;  display:block;  width:100%; padding:0 auto; margin:0 auto; clear:both;  padding-top:30px; }  /*display: block;  position:relative; float:left; height:flex; */
.wrap ul { padding:0 auto; margin:0 auto;}
.wrap li {  display:block;  clear:both; position:relative; list-style: none;   width:85%; height:auto;  }
.wrap .hd {    color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }   





.slide-in {float:left; display:block;  clear:both; width:100%; }
.slide-in a { display:block;  opacity:1;  }
.slide-in a:hover { }
.slide-in span { float:left; display:block; width:100%;  height: 8%; padding: 20px 0px 10px 0px;  background:#333; display:block;  margin: auto;  
                           position:absolute; bottom:0; left:0; color:#FFF; filter:alpha(opacity=80);-moz-opacity:0.6;  opacity:0.7;font:normal 12px/30px Verdana, Arial;  text-align:center; font-size:1em;  }
.slide-in span:hover {  background-color:#333; opacity:0.8; }
.slide-in a:hover span {text-decoration:none;  color: #FFF;  cursor:hand; }
.slide-in ul li { width: 23%;  float:left;  display:inline-block;  clear:none; position:relative; list-style: none;   height:auto; font-size:80%; color: #666;  }
 





.wraphotel{display:block;  width:60%; padding:0 auto; margin:0 auto; clear:both;  padding-top:30px; opacity:0.9; }  /*display: block;  position:relative; float:left; height:flex; */
.wraphotel ul { padding:0 auto; margin:0 auto;}
.wraphotel li {  display:block;  clear:both; position:relative; list-style: none;   width:100%; height:auto;  }
.wraphotel .hd {    color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }  


.slide-inhotel { display:block;  clear:both; width:100%;  }
.slide-inhotel a { display:block;  opacity:1;  }
.slide-inhotel a:hover { }
.slide-inhotel span { float:left; display:block; width:100%;  height: 8%; padding: 20px 0px 10px 0px;  background:#333; display:block;  margin: auto;  
                           position:absolute; bottom:0; left:0; color:#FFF; filter:alpha(opacity=80);-moz-opacity:0.6;  opacity:0.7;font:normal 12px/30px Verdana, Arial;  text-align:center; font-size:1em;  }
.slide-inhotel span:hover {  background-color:#333; opacity:0.8; }
.slide-inhotel a:hover span {text-decoration:none;  color: #FFF;  cursor:hand; }
.slide-inhotel ul li { width: 23%;  float:left;  display:inline-block;  clear:none; position:relative; list-style: none;   height:auto; font-size:80%; color: #666;  }




/*  --------------------- 酒店/旅游线路中,  景点图片 ----------------------------  */
 
.attrphto{ display: block;  width:100%; padding: 0px 0px 50px 0px;  margin-bottom:50px;   overflow:visible;  }
.attrphto li {   clear:both;  list-style: none;   width:100%;  position: relative; }
.pic-in {float: left;  clear:both; width:100%; padding-bottom:50px;  }
.pic-in img {float:left; }
.pic-in a { opacity:1;  width:100%;  }
.pic-in a:hover { }
.pic-in span { float:left; display:block; width:100%;  height: 8%; padding: 15px 0px 15px 0px;  background:#333;  margin: 0;  
                           position:absolute; bottom:0px; left:0; color:#FFF; filter:alpha(opacity=80);-moz-opacity:0.6;  opacity:0.7;font:normal;  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; text-align:center; font-size:1em;  }
.pic-in span:hover {  background-color:#333; opacity:0.8; }
.pic-in a:hover span {text-decoration:none;  color: #FFF;  cursor:hand; }

.picbrand {  width:20px;  height:30px;  position:relative; top:20px;  right:0px;    
    filter:alpha(opacity=80);-moz-opacity:0.6;  opacity:0.7;font:normal;  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";}
 
/* 各字体*/

.testfontmontserrat {
    font-family: montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}
.testfontoswld { 
    color: hsla(274,6%,23%,1.00);
    font-family: "Oswald Regular";
    font-weight: bold;
    font-size: 200%;
}
.testdosis {
    font-family: dosis;
    font-style: 400;
    font-weight: 200;
    font-size: 1em;
}

.testmaven {
    font-family: maven-pro;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}
.duru {
    font-size: 1em;
    font-family: duru-sans;
    font-style: normal;
    font-weight: 400;
}
.lora {
    font-family: "lora";
    font-size: 1em;
    font-weight: 400;
}
.nunito {
    font-family: nunito;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}

.raleway {
    font-family: raleway;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
}

/*  ---------------------指示当前网页在网站中的位置   path ----------------------------  */
.path { width: 100%;  margin: 10px 3px 30px 3px;  padding: 0px;  float: left;  clear: both;  opacity: 0.9;  color: silver;  font-size: normal;   font-weight: light; }
.path ul { width: 100%; clear:both; }
.path ul li {display:block; float:left; padding: 3px 10px 3px 10px; clear:both; }

.path a {  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  font-style:italic;  font-size: normal;   font-weight: light;  opacity: 1;  color:#666; }
.path a:hover {style: none; color:#333; text-decoration: none; }

/*  ---------------------  Pagenavi  网页内的当页导航,  主要是酒店/旅游线路页指向 '线路' '价格' '反馈' 包含'' 等 -----------------------------  */
#pagenavi  {    width: 100%;    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";    clear:both;    margin-top:20px;    margin-bottom:20px;
                          display:block;    height:auto;     mini-height:400px;     float: left;  }
#pagenavi li {    float: left;   list-style-type: none;   margin-bottom: 10px;   margin-top: 10px;   display:flex;  }
.fix {   position:fixed;   top:0;    left:0;   }

.pagenavi { width: 100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; clear:both; margin-top:20px; margin-bottom:20px;
                          display:block;    height:auto; float: left;  }  /* mini-height:400px;  */
.pagenavi ul { float:left; display:block;  clear:none; }  /* display:flex; */
.pagenavi ul li { float: left;   list-style-type: none;   margin-bottom: 10px;   margin-top: 10px;  display:block;  }  /* display:flex; */
.pagenavi ul li a { color:#111;  padding: 13px 15px 13px 15px;  border: solid 1.2px firebrick; margin-right: 10px;  
                                            margin-bottom: 10px;  border-radius: 5px;     opacity:0.9;    } /*font-size:100%;  */
.pagenavi ul li a:hover  {    color: #FFF;   background-color:firebrick;   opacity:0.7;   text-decoration: none;    border: solid 1.2px firebrick; }


.pagenavi ul li ul  { display:inline-block; float:left;  width:100%; clear:both; padding: 0 0 0 50px;  } /*float:left;*/
.pagenavi ul li ul li { display:block; float: left;   list-style-type: none;   margin-bottom: 1px;   margin-top: 1px;  padding: 0px;   }
.pagenavi ul li ul li a { display:inline-block; color:#000;  font-size:100%;  padding: 0px 5px 0px 5px;  border: solid 0px firebrick; margin-right: 20px;  
                                            margin-bottom: 0px;  border-radius: 0px;     opacity:0.8;    }
.pagenavi ul li ul li a:hover  {  opacity:0.8;   text-decoration: none;    border: solid 0px firebrick; }   /*   color: #FFF;   background-color:firebrick;  */


.pagenavi  .bd   {   font-weight: bold; color: #000; }
.pagenavi  .hd   {   font-size: 22px;  font-weight: bold; clear:both; margin-bottom:10px; margin-top:20px; line-height:20px;  color:blueviolet;   }
.pagenavi .text { float:left; display:block; clear:both; }
.pagenavi .nl   {  width:100%; float:left; display:block; clear:both; color:#000;  }  /*new line  */
.pagenavi .bd-nl   {  width:100%; float:left; display:block; clear:both; color:#000; font-weight:bold; margin:0px 0px 0px -30px;  padding:0; }  /*new line  */

/*  --------------------- Content  主体内容  -----------------------------  *\
\*  --------------------- 主体内容分为左边及右边部分   Content left content_l -----------  */

.content {   width: 100%;   max-width:1500px;      margin: auto;    }

.content96 {    max-width: 96%;    margin: auto;    }

/*  ---------------------  Content left content_l -----------  */
.content_n {    width: 100%;  max-width:1500px; float:none; margin: auto;   } /*content new*/
.content_n_l {  width: 100%; max-width: 270px;   margin-right: 6px;  margin-left: 15px;   float: left;    clear:left; opacity: 1;   margin-top: 50px;   }
.content_n_r {  width: 77%; max-width: 1260px;  float: right;   border-top: 0px;    opacity: 0.9;   }
.content96 {    max-width: 96%; margin: auto;   }
    
.content_left{float:left; display:block; width: 19%; max-width: 270px; }
.content_left ul btn {display:none; }
.content_left ul li span { display:none; }



                        /*  --------------------------------------------------------------------------------------------------------------------------------------------------------------------------  *\

                                  left Navi bar 1 - same catetory  / 左则导航 最上面区块  / 

                                                              一般是与页面主要内容在相同范畴的内容  比如 tour hotel attraction  article


                        \*  --------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */



.lnbtour {  margin-bottom: 50px;    
                  background-image: url("../image/lnb1bg1.jpg");     background-position: 100% 50%;   background-size: 68% auto;    background-repeat: no-repeat;          
                  height: 600px;   /*调节这个高度可以控制背景位置。  */
                }
                /*
                font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";  border-right:  dotted 1px #0FF;  
                background-image: url("../image/beijingservice-ar30.jpg"); background-position: right; background-repeat:no-repeat;  
                background-image: url("../image/lnb1bg1.jpg");    background-position: 100% 50%;    background-size: 50% auto;    background-repeat: no-repeat;   
                */
.lnbtour ul { display:block; float:left;  margin: 20px 0 30px 0; }
            .lnbtour li { width:100%; list-style-type: none;  text-decoration: none;  margin-left: -5px;  margin-bottom:-1px;  font-weight:300;  line-height: 2.8em;   
                                 padding-left: 2px;  border-bottom: thin dotted #0FF;  opacity: 1;  }
            .lnbtour li:hover {    opacity: 1.0;    boder-bottom:solid 2px;    }
            .lnbtour li a{ float:left; list-style-type: none;    color:#222;   font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  /**/
                padding: 1px 10px 8px 1px;  display: block;   /*text-decoration: none;    font-family: Tahoma, Geneva, sans-serif;*/   }
            .lnbtour li a:hover {  padding-left: 5px 5px 10px 5px; list-style-type: none;  color: #000;    style: none;    text-decoration: none;   opacity:1;    }

            /*左则导航  最上面区块的小标题*/
            .lnbtour .hd {      color:#333; font-weight: bold;  text-decoration: none;  padding: 5px 1px 2px 5px;   margin-left:-5px;   margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left; 
                                      }
            .lnbtour .hd a {      color:#333;  }

            .lnbtour .index {   color:#333; font-weight: bold;  text-decoration: none;  padding: 5px 1px 2px 5px;   margin-left:-5px;   margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}
            .lnbbutton {display:none; }
/*下面这个lnbtour与上面这个其实是相同的， 只是上面这个是更科学省事的办法， 以后模板用这个。.............................................................................
                       为了保证以前做过的版本能用,  先保留下面的这个。  等完全更新后可以删除.   */

                                            /*.lnbtour { margin-bottom: 25px;   }
                                                        .lnbtour_li { width:100%;   list-style-type: none;  text-decoration: none;  margin-left: -5px;    margin-bottom:-1px;    font-weight:80;
                                                             font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";  
                                                            line-height: 3em;   padding-left: 2px;         border-bottom: thin dotted #0FF;    opacity: 1; }
                                                        .lnbtour_li:hover {    opacity: 1.0;    boder-bottom:solid 2px;    }
                                                        .lnbtour_li a{ list-style-type: none;    color:#333;   text-decoration: none;  text-indent: 2px;   font-family: Tahoma, Geneva, sans-serif;
                                                           padding-top: 5px;   padding-bottom: 5px;    display: block; }
                                                        .lnbtour_li a:hover {  padding-left: 5px 5px 10px 5px; list-style-type: none;  color: blue; opacity:0.9;    style: none;    text-decoration: none;  font-family: Tahoma, Geneva, sans-serif;        }
 */
                                                        /*左则导航  最上面区块的小标题
                                                        .lnbtour_index {   color:#333; font-weight: bold;  text-decoration: none;  padding: 5px 1px 2px 5px;   margin-left:-5px;
                                                            margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}
*/








.lnbhotel {  margin-bottom: 50px;    
                      background-position: 100% 50%;   background-size: 50% auto;    background-repeat: no-repeat;          
                  height: 360px;   /*调节这个高度可以控制背景位置。  */
                }

.lnbhotel ul { display:block; float:left;  margin: 20px 0 30px 0; }
            .lnbhotel li { width:100%; list-style-type: none;  text-decoration: none;  margin-left: -5px;  margin-bottom:-1px;  font-weight:300;  line-height: 2.8em;   
                                 padding-left: 2px;  border-bottom: thin dotted #0FF;  opacity: 1;  }
            .lnbhotel li:hover {    opacity: 1.0;    boder-bottom:solid 2px;    }
            .lnbhotel li a{ float:left; list-style-type: none;    color:#222;   font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  /**/
                padding: 1px 10px 8px 1px;  display: block;   /*text-decoration: none;    font-family: Tahoma, Geneva, sans-serif;*/   }
            .lnbhotel li a:hover {  padding-left: 5px 5px 10px 5px; list-style-type: none;  color: #000;    style: none;    text-decoration: none;   opacity:1;    }

            /*左则导航  最上面区块的小标题*/
            .lnbhotel .hd {      color:#333; font-weight: bold;  text-decoration: none;  padding: 5px 1px 2px 5px;   margin-left:-5px;   margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left; 
                                      }
            .lnbhotel .hd a {      color:#333;  }

            .lnbhotel .index {   color:#333; font-weight: bold;  text-decoration: none;  padding: 5px 1px 2px 5px;   margin-left:-5px;   margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}











                        /*  --------------------------------------------  *\
                                  left navi bar - top feedback       带笑脸的客人反馈
                        \*  --------------------------------------------  */
.lnbtfdbk {    margin: 150px 0px 50px 0px;    color:#333; width:95%;  opacity: 1;  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";    }
.lnbtfdbk li { width:100%;   list-style-type: none;  color:#333; text-decoration: none;  padding: 20px 0px 1px 0px;  margin-left: 0px;    opacity: 0.9; font-size:80%; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   }
.lnbtfdbk li a {   color:#333;  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   }
.lnbtfdbk  .photo {width:100%; float:left; opacity:1; }
.lnbtfdbk  .tvlnm {font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; text-align:right; clear:both; font-style:italic;   opacity: 0.9; }
            /*左侧导航  最上面区块的小标题*/
            .lnbtfdbk .hd {    color:#333; font-weight: bold;  text-decoration: none;  padding: 50px 1px 2px 5px;   margin-left:-5px;  margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}
            .lnbtfdbk .semo {  width:100%;   list-style-type: none;  color:#333; text-decoration: none;  padding: 20px 0px 1px 0px;  margin-left: 0px;    opacity: 0.9; font-size:80%;  }


                        /*  --------------------------------------------  *\
                                  left navi bar Discover / lnbtdscv (原用名left navi bar 2).   一般用做这个城市 City discover    
                                                       例: map, attraction, highlights  blog weather... 
                        \*  --------------------------------------------  */

        .lnbtdscv { margin-bottom: 25px;   background-image:url("../image/beijingservice-lnbtbg.gif");     background-position:right;        background-repeat: no-repeat;      font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";     }
            .lnbtdscv li { width:100%;  list-style-type: none;  text-decoration: none;  margin-left: -5px;    margin-bottom:-1px;    font-weight:80;
               /* font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/  line-height: 2.8em;  font-size:95%;   padding-left: 2px;   border-bottom: thin dotted #0FF;    opacity: 1; 
                                  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   }
            .lnbtdscv li:hover {    opacity: 1.0;    boder-bottom:solid 2px;    }
            .lnbtdscv li a { list-style-type: none;    color:#444;   text-decoration: none;  text-indent: 2px;  padding-top: 5px;   padding-bottom: 5px;    display: block; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   }
            .lnbtdscv li a:hover {  padding-left: 5px 5px 10px 5px; list-style-type: none;  color: #111;    style: none;    text-decoration: none;   }

            /*左侧导航  最上面区块的小标题*/
            .lnbtdscv .hd {     color:#333; font-weight: bold;  text-decoration: none;  padding: 35px 1px 2px 5px;   margin-left:-5px;
                margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}


                                          /*............................下面这是是老版本的，  为保证以前制作的页面起作用， 等完全更新后可以删除.profile这个...................*/
                                           .lnb2 { margin-bottom: 25px;    }
                                                    .lnb2 li { width:100%;  list-style-type: none;  text-decoration: none;  margin-left: -5px;    margin-bottom:-1px;    font-weight:80;
                                                        font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; line-height: 3em;   padding-left: 2px;
                                                            border-bottom: thin dotted #0FF;    opacity: 1; }
                                                    .lnb2 li:hover {    opacity: 1.0;    boder-bottom:solid 2px;    }
                                                    .lnb2 li a{ list-style-type: none;    color:#444;   text-decoration: none;  text-indent: 2px;   font-family: Tahoma, Geneva, sans-serif;
                                                        padding-top: 5px;   padding-bottom: 5px;    display: block; }
                                                    .lnb2 li a:hover {  padding-left: 5px 5px 10px 5px; list-style-type: none;  color: #111;    style: none;    text-decoration: none;  font-family: Tahoma, Geneva, sans-serif;        }

                                                    /*左侧导航  最上面区块的小标题*/
                                                    .lnb2 .hd {     color:#333; font-weight: bold;  text-decoration: none;  padding: 5px 1px 2px 5px;   margin-left:-5px;
                                                        margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}


                        /*  --------------------------------------------  *\
                                   left navi bar parent / lnbtprnt (原用名 left Navi bar 3 - 
                                        一般列出上一级菜单. parent category
                        \*  --------------------------------------------  */
    .lnbtprnt { margin-bottom: 25px;    }
            .lnbtprnt li {  width:100%;   list-style-type: none;  text-decoration: none;  margin-left: -5px;    margin-bottom:-1px;    font-weight:80;
               /* font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/  line-height: 2.8em;  font-size:95%;    padding-left: 2px;
                border-bottom: thin dotted #0FF;    opacity: 1;  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   }
            .lnbtprnt li:hover {    opacity: 1.0;    boder-bottom:solid 2px;    }
            .lnbtprnt li a{ list-style-type: none;    color:#444;   text-decoration: none;  text-indent: 2px;  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  
                padding-top: 5px;   padding-bottom: 5px;    display: block; }
            .lnbtprnt li a:hover {  padding-left: 5px 5px 10px 5px; list-style-type: none;  color: #111;    style: none;    text-decoration: none;      }

            /*左侧导航  最上面区块的小标题*/
            .lnbtprnt .hd {     color:#333; font-weight: bold;  text-decoration: none;  padding: 35px 1px 2px 5px;   margin-left:-5px;
                margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;  }


                                          /*............................下面这是是老版本的，  为保证以前制作的页面起作用， 等完全更新后可以删除.profile这个...................*/
                                                    .lnb3 { margin-bottom: 25px;    }
                                                                .lnb3 li { width:100%;  list-style-type: none;  text-decoration: none;  margin-left: -5px;    margin-bottom:-1px;    font-weight:80;
                                                                    font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; line-height: 3em;   padding-left: 2px;
                                                                    border-bottom: thin dotted #0FF;    opacity: 1; }
                                                                .lnb3 li:hover {    opacity: 1.0;    boder-bottom:solid 2px;    }
                                                                .lnb3 li a{ list-style-type: none;    color:#444;   text-decoration: none;  text-indent: 2px;   font-family: Tahoma, Geneva, sans-serif;
                                                                    padding-top: 5px;   padding-bottom: 5px;    display: block; }
                                                                .lnb3 li a:hover {  padding-left: 5px 5px 10px 5px; list-style-type: none;  color: #111;    style: none;    text-decoration: none;  font-family: Tahoma, Geneva, sans-serif;        }

                                                                /*左侧导航  最上面区块的小标题*/
                                                                .lnb3 .hd {     color:#333; font-weight: bold;  text-decoration: none;  padding: 5px 1px 2px 5px;   margin-left:-5px;
                                                                        margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}




                        /*  --------------------------------------------  *\
                                  left bar - site, 全网站级导航， 一般是 about us, contact us, simtemap
                        \*  --------------------------------------------  */
.lnbtsite { margin-bottom: 25px;    }
            .lnbtsite li { width:100%;   list-style-type: none;  text-decoration: none;  margin-left: -5px;    margin-bottom:-1px;    font-weight:80;
                /* font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/  line-height: 2.8em;  font-size:95%;     padding-left: 2px;
                border-bottom: thin dotted #0FF;    opacity: 1; }
            .lnbtsite li:hover {    opacity: 1.0;   }
            .lnbtsite li a{ list-style-type: none;    color:#444;   text-decoration: none;  text-indent: 2px;   font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  
                padding-top: 5px;   padding-bottom: 5px;    display: block; }
            .lnbtsite li a:hover {   list-style-type: none;  color: #111;    style: none;    text-decoration: none;        }

            /*左侧导航  最上面区块的小标题*/
            .lnbtsite .hd {     color:#333; font-weight: bold;  text-decoration: none;  padding: 35px 1px 2px 5px;   margin-left:-5px;
                margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}
                                          /*............................下面这是是老版本的，  为保证以前制作的页面起作用， 等完全更新后可以删除.profile这个...................*/
                                                                   .lnb4 { margin-bottom: 25px;    }
                                                                               .lnb4 li { width:100%;  list-style-type: none;  text-decoration: none;  margin-left: -5px;    margin-bottom:-1px;    font-weight:80;
                                                                                   font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; line-height: 3em;   padding-left: 2px;
                                                                                   border-bottom: thin dotted #0FF;    opacity: 1; }
                                                                               .lnb4 li:hover {    opacity: 1.0;    boder-bottom:solid 2px;    }
                                                                               .lnb4 li a{ list-style-type: none;    color:#444;   text-decoration: none;  text-indent: 2px;   font-family: Tahoma, Geneva, sans-serif;
                                                                                   padding-top: 5px;   padding-bottom: 5px;    display: block; }
                                                                               .lnb4 li a:hover {  padding-left: 5px 5px 10px 5px; list-style-type: none;  color: #111;    style: none;    text-decoration: none;  font-family: Tahoma, Geneva, sans-serif;        }

                                                                               /*左侧导航  最上面区块的小标题*/
                                                                               .lnb4 .hd {     color:#333; font-weight: bold;  text-decoration: none;  padding: 5px 1px 2px 5px;   margin-left:-5px;
                                                                                   margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}



/*  ---------------------  messge : 线路页上的  Enquiry or Reserve    ---------------------------  */
.message { padding: 10px; display:block; clear:both; width: 100%; padding: 1px 1px 1px 1px; border: 0px solid #999;  bottom: 100px;  right: 95px;  border-radius: 5px;  margin-right: 3px;   opacity: 0.6; }
.message .hd {  color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
.message:hover { opacity: 1; -webkit-transition: all 0.6s ease-out 0.05s;  -moz-transition: all 0.6s ease-out 0.05s;  -ms-transition: all 0.6s ease-out 0.05s; -o-transition: all 0.6s ease-out 0.05s;  
                                                transition: all 0.6s ease-out 0.05s;    }
.message a {   cursor: pointer;  color: #FFF; text-decoration: none;  background-color: #F00;  }
.message a:hover {  cursor: pointer;  color: #FFF;  }
.message li {display: inline-block;  clear: both; }
.message li ul  {display: inline-block;  clear: both; }

.captcha{    font-family: "Comic Sans MS", cursive;    font-style: italic;    color: Red;    padding: 2px;    letter-spacing: 3px;    background-repeat: repeat;
                                  border-width: 0px;    border-color: #CCC;    text-decoration: underline;    background-color: #999;  border-radius: 5px;    }
.captcha ul {display: inline-block; clear: both;   list-style: none; }
.captcha ul li {display: inline-block;  clear: both; list-style: none;  }
.captcha ul li ul {display: inline-block;  list-style: none;  }
.captcha ul li ul {display: inline-block;   list-style: none; }
.captcha:hover {  background-image: url(../forms/codebg.gif);  font-weight: bolder;   border-width: 0px;  padding: 2px; border-color: #CCC;   background-color: #999;  cursor:pointer;  }


/*  ---------------------  feedback 单独的游客反馈页的格式  比如 beijingtourfeedback.php    通用于酒店/旅游页， 反馈页， 景点页  --------------------------------  */
/*.feedback {} width:100%;   font-weight:lighter; */
/*.feedback-dialog li { } padding: 5px 0px;    display: inline-block;   float: left;  */
.feedback-dialog { float:left; width:100%; didplay:block; clear:both; } /* margin: 20px 5px 10px 5px;    margin-top: 50px;  margin-bottom:50px;   background-color:cornsilk;     */
.feedback-dialog ul li { padding: 0px;   display: inline-block;   margin:0px; }
.feedback-dialog .feedback-traveler { display:block;   padding:1px 70px 0px 10px;  max-width:350px;   margin:20px 0px 0px 0px;  background-color:silver;  
                                                                          color:#fff;  opacity:0.6; font-size:95%; } /* width:auto;   border-radius:5px 5px 0 0;  border-right:dotted thin #CCC;    font-size:small;  */ 
.feedback-dialog .feedback-content { float:left; display:block; width:80%;  color:#333; clear:both; padding:8px 28px 8px 19px; margin:-1px 30px 0px 0px; background-color:cornsilk; 
                                        font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-size:93%; }
                                           /* border:solid thin deepskyblue;   border-bottom-color:transparent;   */
.feedback-dialog .feedback-photo { width: 100%;   padding:8px;  margin: 0px 0px 20px 0px;  display:block; clear:both;  } 
.feedback-dialog .feedback-star-rating {clear:both; display:block; padding:0 0 0 10px; margin:0 0 0 35px; font-size:75%; font-weight:400;  opacity:0.6;   }
.feedback-dialog .feedback-tour-name { clear:both;   padding:5px 0 5px 10px; margin:0 0 0 35px; float:left; color:#333;  display:inline-block; font-size:95%;  font-weight:bold; opacity:0.8;
                                                                             font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }
                                                                            /*background-color:dodgerblue;   border:solid thin deepskyblue;    border-top-color:transparent;    margin-bottom: 60px;  */

.feedback-dialog .feedback-code { clear:both;  color:#333;  padding:5px; float:left; display:inline-block; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; }
                                      /*border:solid thin deepskyblue;   border-top-color:transparent;   border-bottom-color:transparent; */
.feedback-dialog .feedback-page { clear:both;  font-weight:bold;   color:slateblue;   margin-bottom: 100px;  }  /*width:100%;   */
.feedback-dialog .feedback-scan{display:block; clear:both;}

 





.home-feedback-dialog { float:left; width:100%; didplay:block; clear:both; margin-top: 20px; } /* margin: 20px 5px 10px 5px;    margin-top: 50px;  margin-bottom:50px;   background-color:cornsilk;     */
.home-feedback-dialog ul { padding: 0px;   display: inline-block;   margin:20px 0 0 0;   width:100%;  clear:both; }
.home-feedback-dialog ul li { padding: 0px;   display: inline-block;   margin:0px; }
.home-feedback-dialog .home-feedback-traveler { display:block;   padding:1px 70px 0px 10px;  max-width:350px;   margin:20px 0px 0px 0px;  background-color:silver;  
                                                                          color:#fff;  opacity:0.6; font-size:95%; } /* width:auto;   border-radius:5px 5px 0 0;  border-right:dotted thin #CCC;    font-size:small;  */ 
.home-feedback-dialog .home-feedback-content { float:left; display:block; width:80%;  color:#000; clear:both; padding:8px 28px 8px 0px; margin:-1px 30px 0px 0px;
                                       font-family:"Times New Roman"; font-size:96%; font-style:oblique;  }
                                           /* border:solid thin deepskyblue;   border-bottom-color:transparent;   */
.home-feedback-dialog .home-feedback-photo { width: 100%;   padding:0px;  margin: 0px 0px 20px 0px;  display:block; clear:both;  }
.home-feedback-icon { display:inline-block; padding-right: 10px; margin-bottom: -4px;  }

.home-feedback-dialog .home-feedback-star-rating {clear:both; display:block; padding:0 0 0 0px; margin:10px 0 0 0px; font-size:75%; font-weight:400;   }
.home-feedback-dialog .home-feedback-tour-name { clear:both;  padding:5px 0 5px 0px; margin:0 0 0 0;  display:inline-block; font-size:0.9em; 
                          font-family: DIN;  }    /*background-color:dodgerblue;   border:solid thin deepskyblue;    border-top-color:transparent;    margin-bottom: 60px;  */
.home-feedback-tour-name a { font-size:0.9em;  }  
.home-feedback-dialog .home-feedback-code { clear:both;  color:#333;  padding:5px; float:left; display:inline-block; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; }
                                      /*border:solid thin deepskyblue;   border-top-color:transparent;   border-bottom-color:transparent; */
.home-feedback-dialog .home-feedback-page { clear:both;  font-weight:bold;   color:slateblue;   margin-bottom: 100px;  }  /*width:100%;   */
.home-feedback-dialog .home-feedback-scan{display:block; clear:both;}




/*  ---------------------  Author  作者 一般放在景点介绍页的最下面 --------------------------------  */
.author_div {
    width: 55%;
    max-width: 600px;
    float: right;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 5px;
    padding: 5px;
    clear: none;
    position: relative;
    text-decoration: none;
    boder-bottom: 1px solid;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333;
    color: #333;
    }
    
.author_div :hover  {   }


/*  ------------------------------------------------------------------------------------  */
/*  ---------------------     Image    map  photo    --------------------------  */
/*  ------------------------------------------------------------------------------------  */

/*大图或地图*/
.image {   width:90%;   max-width:800px;  opacity:1;   }

/*用于全屏地图层 */
.tmapdiv100  {width:100%;   margin: 10px 0px 50px 0px;    float: left;   text-align: center;   clear: both;    text-decoration: none;   opacity:1;   padding-top:30px;   }
                    .tmapdiv100 .hd  {  float:left; clear:both;  text-align: left;  padding-bottom:10px; 
                                                      color: blueviolet;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
                    .tmapdiv100 ul { float:left;   clear:both; width: 85%;  padding: 10px 0 20px 0; padding: 0 auto;  margin:0 auto;    }
                    .tmapdiv100 li    {  list-style: none;  width:90%;  clear:both;   margin: 0 10px 10px 0;  color: #333;   text-align: left;  padding: 0 auto;  margin:0 auto;   }
                    .tmapdiv100 { text-align:left; }
                    .tmapdiv100 .mapbox { width:100%;  } 
                    .tmapdiv100 .bold { font-weight:bold; }    
                    .tmapdiv100 .copywright { float: left; list-style: circle;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  font-size:small;}   


/*
.tmapdiv100  {  width: 100%;   margin: 10px 0px 50px 0px;    float: left;   text-align: center;   clear: both;    text-decoration: none;   opacity:1;     }
                                        .tmapdiv100 .hd  {   background-color: #FFF;  text-align: left;   display:block; padding-bottom:10px; margin:0;   
                                                                          color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
                                        .tmapdiv100:hover {     }
                                        .tmapdiv100 ul { width: 90%;  padding: 10px 20px 20px 0px;   }
                                        .tmapdiv100 li    {  list-style: none;  width: 100%;  display:inline-block; clear:both;   margin: 0 10px 10px 0px;  padding:0px; color: #333;   text-align: left;  position:relative;  }
                                        .tmapdiv100 .bold {font-weight:bold; }    
                                        .tmapdiv100 .copywright { float: left; list-style: circle;  width: auto;  clear:none; display:inline-block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  font-size:small;  }   
*/



/*用于地图层，  悬停小图  显示大图*/
.map_div {   margin-left: 8px;  margin-top: 8px;  background-color: #CCC;  width: 55%;  max-width: 600px;  float: right;  font-family:"Arial Black", Gadget, sans-serif;
                             font-size: 95%;  color: #FFF;  background-color: #666;  text-align: center;   clear: right;  position: relative;  text-decoration: none;   opacity:1;  }
.map_div:hover {  max-width:600px;  background-color: #333;  opacity:1;    }


.image_map {  padding: 8px; margin-left: 8px;  float: right; margin-top: 8px;  background-color: #CCC; width: 50%; max-width: 900px;  opacity:1;  }
                .image_map:hover { background-color: #666; box-shadow: 10px 10px 5px #888888;  -moz-box-shadow: 10px 10px 5px #888888;   transition: all 0.6s ease-out 0s;
                    -webkit-transition: all 0.6s ease-out 0s;      -moz-transition: all 0.6s ease-out 0s;    -ms-transition: all 0.6s ease-out 0s;      -o-transition: all 0.6s ease-out 0s;       opacity:1;     }



/*...... 放图片的层  右侧对齐  悬停放大 ......*/
.image_div { width: 47%; max-width: 600px;  float: right; font-family:"Arial Black", Gadget, sans-serif;  font-size: 85%;  color: #FFF;   background-color: #666;
                              margin: 5px;   text-align: center;  clear: none;  position: relative;  text-decoration: none;   boder-bottom: 1px solid ;   opacity:1;  }

              .image_div:hover  {  background-color: #333;  -webkit-transition: all 0.6s ease-out 0.03s; -moz-transition: all 0.6s ease-out 0.03s;    -ms-transition: all 0.6s ease-out 0.03s;
                                                      -o-transition: all 0.6s ease-out 0.03s;   transition: all 0.6s ease-out 0.03s;   color: #FFF;   opacity:1;   }

/*...... 放图片的层  右侧对齐  悬停 不 放大 ......*/
.image_div_n {  width: 47%;  max-width: 600px;  float: right;  font-family:"Arial Black", Gadget, sans-serif;  font-size: 85%;  color: #FFF;  background-color: #666;
                                                                 margin: 5px;  text-align: center;   clear: none;  position: relative;  text-decoration: none;  boder-bottom: 1px solid ;   opacity:1;  }
                .image_div_n:hover  { background-color: #333;    -webkit-transition: all 0.6s ease-out 0.03s;   -moz-transition: all 0.6s ease-out 0.03s;  -ms-transition: all 0.6s ease-out 0.03s;
                                                                -o-transition: all 0.6s ease-out 0.03s;    transition: all 0.6s ease-out 0.03s;      color: #FFF;   opacity:1;    }

/*直径200px的圆图*/
.image_round {  width:200px;  height:200px;  overflow:hidden;  border-radius:100px;  background-size: cover; opacity:1;   }

/*直径100px的圆图*/
.image_round {  width:100px;  height:100px;  overflow:hidden;  border-radius:50px;  background-size: cover; opacity:1;   }

/*................... image 变化bianhua       悬停中图 变大图  一般用在景点页面...................*/
.imageb {  width:20%;  background-color:#999;  padding:5px;  margin:5px;  opacity:1;     }
                .imageb:hover {  width: 85%;  -webkit-transition: all 0.6s ease-out 0.03s;  -moz-transition: all 0.6s ease-out 0.03s;   -ms-transition: all 0.6s ease-out 0.03s;  -o-transition: all 0.6s ease-out 0.03s;
                    transition: all 0.6s ease-out 0.03s;  overflow: visible;   visibility: visible;   z-index: auto;   opacity:1;     }



/*...................小图8％ 悬停显示为20%    /  一般放在一天的酒店/旅游线路下面...................*/
.image_s {    image_opacity: 0.8;    width: 8%;    max-width: 120px;  opacity:1;       }
                .image_s:hover {    image_opacity: 1.0;   width: 20%;  max-width: 150px;   -webkit-transition: all 0.6s ease-out 0.03s;     -moz-transition: all 0.6s ease-out 0.03s;    -ms-transition: all 0.6s ease-out 0.03s;
                    -o-transition: all 0.6s ease-out 0.03s;     transition: all 0.6s ease-out 0.03s;  opacity:1;         }


/*带底色图片,   图片不改变大小， 一般用于小图片*/ 
.image_bg {  padding: 8px;  margin-left: 8px;  margin-top: 8px;  background-color:#CCC;  box-shadow:10px 10px 5px #888888;  -moz-box-shadow: 10px 10px 5px #888888;  opacity:1;      }
                .image_bg:hover {     background-color: #F00;   opacity:1.0;    transition: all 0.6s;               }


/*小图悬停 显示大图，   一般用于大图片   铺满页面宽度，使其不超过页面大小*/ 
.image_bg100 {        width:100%;  padding: 8px; margin-left: 8px;  margin-top: 8px;  background-color:#CCC;  box-shadow:10px 10px 5px #888888;   -moz-box-shadow: 10px 10px 5px #888888;  opacity:1;    }
              .image_bg100:hover {   width:100%;  background-color: #333;  opacity:1.0;    transition: all 0.6s;   }


/*带底色小图30％  右对齐  */ 
.image_bg_r {  padding: 8px;    margin-left: 8px;    float: right;    margin-top: 8px;    background-color: #CCC;    box-shadow: 10px 10px 5px #888888;
                               -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */    width: 30%;    max-width: 500px;    opacity:1;       }

/*图片占所在层 6%  一般用在提交页 验证码的刷新  */
.image6{    width:6%;    max-width:45px;    min-width:18px;    margin:0px 0px -15px 0px;  opacity:1;     }

/*中图  270宽 靠右对齐*/
.image270 {   width:100%;    max-width:270px;    min-width:200px;    float:right;    padding: 8px;    margin-left: 8px;    margin-top: 8px;    background-color:#CCC;    box-shadow:10px 10px 5px #888888;
                                               -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */   opacity:1;       }

/*中图  270宽 靠左对齐 */
.image270left {      width:100%; max-width:270px;  min-width:200px;  float:left; margin-top: 8px; padding: 8px;   margin-right: 8px;   background-color:#CCC; box-shadow:10px 10px 5px #888888;  
                                        -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */  opacity:1;    }

/*图片铺满所在层  100％宽度*/
.photo{    clear: both;    width:100%;  vertical-align:center;  opacity:1;   }
.photo ul li {   display: inline-block;  width:280px; height: 201px; -moz-webkit-padding: 3px 35px 3px 3px; list-style: none; font-size: 1em; background-color: #CCC; font-weight: normal; text-align: center;
                         vertical-align: middle; margin: 0px 10px 2px 0px; padding: 10px 0px 5px 0px; border-radius:5px; box-shadow:5px 5px 3px #888888; -moz-box-shadow: 5px 5px 3px #888888; /* 老的 Firefox */   opacity:1;   }
.photo ul li:hover{  background-color: #933;  display: inline-block; width: 280px; height: 201px;  -moz-webkit-padding: 3px 3px 3px 3px;  list-style: none;  font-size: 1em;  font-weight: normal;  text-align: center;
    vertical-align: middle;  margin: 0px 10px 2px 0px;  padding: 10px 0px 5px 0px;  border-radius: 5px;  box-shadow: 5px 5px 3px #888888;  -moz-box-shadow: 5px 5px 3px #888888; /* 老的 Firefox */  filter: Xray;  opacity:1;   }


.photo100 { float:left;   display:block; clear: both; width: 90%;  border: solid 0px #fff;  opacity: 1;  padding:5px;  background-color:#ccc;  }
.photo100 img {  float:left;   border-radius: 5px;   }

.photo100radius {  float:left;   clear: both; width: 100%;  border: solid 0px #fff;   border-radius: 10px;  opacity: 1;  }
.photo100radius img {  float:left;   border-radius: 5px;  }

.photo100topradius { clear: both; width: 100%;  border: solid 0px #fff;   border-top-left-radius: 10px;  border-top-right-radius: 10px; opacity: 1;  }
.photo100topradius img {       } /* border-top-left-radius: 10px;  border-top-right-radius: 10px;*/
 
/*图片铺满所在层  80％宽度  靠右对齐    */
.photo80{  /* float: left; */  float:right;  clear: both;  width:80%;  padding: 5px;  margin-left: 5px;  margin-top: 5px;  background-color:#CCC;  box-shadow:10px 10px 5px #888888;  -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */  opacity:1; }

/*图片铺满所在层  80％宽度  左对齐  小于800px时100%*/
.photo80_100{  /* float: left; float:right;   */  
                  width:75%;  clear: both;  margin-top: 5px;  opacity:1; 
                 border-radius: 1px; 
                 /* padding: 45px;   margin-left: 5px;   */
                 /*  background-color:#CCC;  box-shadow:10px 10px 5px #888888;  -moz-box-shadow: 10px 10px 5px #888888; 老的 Firefox */ 
                }







/*............................  反馈页 点小图看大图的CSS 格式  ............................*/

pre{
	display:block;
	font:100% "Verdana";
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

ul,li{
	margin:0;
	padding:0;
}
li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:1px;
}

#preview{
	position:absolute;
	border:1px solid #600405;
	background:#600405;
	padding:5px;
	display:none;
	color:#fff;
	}



 

/*more photo 更多图片 */
.htl_mpto { float:left; display:block;   margin:3px; padding:3px; opacity:1; /*只在一定范围内放大 不影响周围元素时:  overflow: hidden;*/}
.htl_mpto ul{margin:0; padding:0; }
.htl_mpto ul li {  display:block; list-style:none; float:left; boder-radius: 5px; }
.htl_mpto img {
    display:block; 
}

.htl_mpto img {
    height:120px;
}

.htl_mpto img:hover {
    transform: scale(2, 2); 
    /*从左上角放大: zoom:1.5; */
    transition:all  0.3s;
    opacity:1.2;
    border: 0px solid silver;  
   transform-origin: center ;   /*从右上角放大: right top  */
   /*    filter: brightness(1.2);  为什么加了这个brightness 就会变得模糊.   */ 

}


   
    /* filter:saturate(1.2);  
    filter:hue-rotate(180deg);
    transition: filter 0.5s  ease-out; 
    filter: brightness(0.8);
    z-index:666;
   filter: brightness(1.2);

*/



/* .................................... 线路页上的点小图看大图 .....................................  */
#box{
    height: 90px;
    margin: 10px 10px 10px  10px;
    /* overflow:visible;  */
    border-radius: 0px;
    position: relative;
    float: left; 
    padding:0px;
}
#box:hover img{  transform: scale(1.5);  z-index: 999;}   
/* 先不改变图片大小:   #box:hover>img{    transform: scale(1);}    */
#box img{
    height: 120px;
    
    transition: all .3s;
     z-index:888; 
    left:1px; 
   transform-origin: center;
    }    /*  border-radius: 5px;    给图片加上边:  padding:2px;           background-color:#ccc;   */
#box p{
    position: absolute;
    top: 60px;
    left: -1px;
    font-size: 10px;
    overflow: hidden;        /*隐藏溢出*/
   /* white-space: nowrap;     禁止换行*/
    text-overflow: ellipsis; /*裁剪文本添加省略号*/
    width: 180px;
    height: 20px;
    line-height: 12px;
    text-indent: 25px;       /*缩进*/
    text-align:center; 
    color: #fff;
}




/* .................................... 反馈板块的点小图看大图 .....................................  */
#fdbkbox{
    height: 90px;
    margin: 10px 10px 0px  0px;
    overflow:visible;
    border-radius: 1px;
    position: relative;
    float: left; 
}
#fdbkbox:hover>img{
    transform: scale(3.5);
}
#fdbkbox img{
    height: 90px;
    border-radius: 0px;
    transition: all .3s;
     z-index:999; 
    left:1px; 
   transform-origin: left top;
}
#fdbkbox p{
    position: absolute;
    top: 70px;
    left: -1px;
    font-size: 10px;
    overflow: hidden;        /*隐藏溢出*/
   /* white-space: nowrap;     禁止换行*/
    text-overflow: ellipsis; /*裁剪文本添加省略号*/
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-indent: 8px;       /*缩进*/
    text-align: right; 
    color: #fff;
}






/* .................................... 首页反馈 点小图看大图 .....................................  */
#hmfdbkbox{
    height: 100px;
    margin: 10px 10px 0px  0px;
    overflow:visible;
    border-radius: 3px;
    position: relative;
    float: left; 
}
#hmfdbkbox:hover>img{
    transform: scale(6.5);
    margin-top: 60px;
}
#hmfdbkbox img{
    height: 60px;
    border-radius: 0px;
    transition: all .3s;
     z-index:888; 
    left:1px; 
   transform-origin: left top;
}
#hmfdbkbox p{
    position: absolute;
    top: 170px;
    left: -1px;
    font-size: 10px;
    overflow: hidden;        /*隐藏溢出*/
   /* white-space: nowrap;     禁止换行*/
    text-overflow: ellipsis; /*裁剪文本添加省略号*/
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-indent: 8px;       /*缩进*/
    text-align: right; 
    color: #fff;
}










/*  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// \

     ////////////////////////////////////////////                CSS 制作图标  css icon        ////////////////////////////////////////////////////////////

\ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */



/*  ---------------------  向右箭头   --------------------------------  */

.icon-arrowr { width:1.3em; 	height:.9em;   float:right; background-color:darkkhaki;  position:relative;  color:#FFF;   text-align: center;    opacity: 1;  font-size: 95%; margin: 10px 10px  0px 10px;   }
.icon-arrowr:after { content:""; position:absolute; top:50%;	left:1.1em;	margin-top:-.9em;	width:0;	height:0;	border-top:.9em solid transparent;	border-bottom:.9em solid transparent;	border-left:.9em solid darkkhaki;  } 

/*  ---------------------  triangle  制作一个非图像的小三角      箭头向右      --------------------------------  */
.icon-triangle {
    width: 0px;
    height: 1px;
    padding: 0px;
    margin:12px 5px 0px 5px;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid gold;
    float: left;
    position: relative;
    overflow:hidden;
    margin-top: 18px; 
}




    /*  --------这个是新增加的>>>-------------  triangle   非图像的小三角       箭头 向左箭头  --------------------------------  */
.icon-triangle-left {
    width: 0px;
    height: 1px;
    padding: 0px;
    margin:12px 39px 0px 0px;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid white;
    float: right;
    position: relative;
    overflow:hidden;
}


    /*  --------这个是新增加的>>>-------------  triangle   非图像的小三角   向上的箭头  --------------------------------  */
.icon-triangle-up {
    width: 0px;
    height: 1px;
    padding: 0px;
    margin: -30px 12px 50px 100px;
    border-top: 10px solid transparent;  
    border-right: 10px solid transparent;
    border-bottom: 10px solid cornflowerblue;
    border-left: 10px solid transparent;
    overflow:hidden;
}


    /*  --------这个是新增加的>>>-------------  triangle   非图像的小三角   向下的箭头  --------------------------------  */
.icon-triangle-more {
    width: 0px;
    height: 1px;
    padding: 0px;
    margin: -30px 12px 50px 300px;
    border-top: 10px solid cornflowerblue;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;   
    border-left: 10px solid transparent;
    overflow:hidden;
}




/*  ---------------------  心形  Heart   -------------------  */
.icon-heart {
	    position: relative;
	    width: 50px;
	    height: 45px;
  top: 70px;
  left: 20px;
	}
.heart:before,
.heart:after {
	    position: absolute;
	    content: "";
	    left: 25px;
	    top: 0;
	    width: 25px;
	    height: 40px;
	    background: antiquewhite;
	    -moz-border-radius: 25px 25px 0 0;
	    border-radius: 25px 25px 0 0;
	    -webkit-transform: rotate(-45deg);
	       -moz-transform: rotate(-45deg);
	        -ms-transform: rotate(-45deg);
	         -o-transform: rotate(-45deg);
	            transform: rotate(-45deg);
	    -webkit-transform-origin: 0 100%;
	       -moz-transform-origin: 0 100%;
	        -ms-transform-origin: 0 100%;
	         -o-transform-origin: 0 100%;
	            transform-origin: 0 100%;
	}
.icon-heart:after {
	    left: 0;
	    -webkit-transform: rotate(45deg);
	       -moz-transform: rotate(45deg);
	        -ms-transform: rotate(45deg);
	         -o-transform: rotate(45deg);
	            transform: rotate(45deg);
	    -webkit-transform-origin: 100% 100%;
	       -moz-transform-origin: 100% 100%;
	        -ms-transform-origin: 100% 100%;
	         -o-transform-origin: 100% 100%;
	            transform-origin :100% 100%;
	}



/*  --------------------- 相机   Camera   -------------------  */

.icon-camera {
	    position: relative;
	    width: 20px;
	    height: 15px;
  top: 40px;
  left: 20px;
	}

.cmrbody {
		width: 40px;
		height: 26px;
		border-radius: 5px;
		background: #d0f0c6; /* Old browsers */
		background: -moz-linear-gradient(left,  #d0f0c6 0%, #d0f0c6 16%, #ffffff 16%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d0f0c6), color-stop(16%,#d0f0c6), color-stop(16%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #d0f0c6 0%,#d0f0c6 16%,#ffffff 16%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #d0f0c6 0%,#d0f0c6 16%,#ffffff 16%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #d0f0c6 0%,#d0f0c6 16%,#ffffff 16%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to right,  #d0f0c6 0%,#d0f0c6 16%,#ffffff 16%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0f0c6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
		margin: auto;
	}


.cmrbody .circle  {
		width: 10px;
		height: 10px;
		background: #d0f0c6;
		border-radius: 100px;
		border: 3px solid #66b34e;
		margin: auto;
		top: 5px;
		position: relative;
	}
.cmrbody .flash {
		width: 2px;
		height: 2px ;
		background: #d0f0c6;
		position: relative;
		top: -16px;
		right: -30px;
	}
.top {
		border-bottom: 2px solid #d0f0c6;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		height: 0;
		width: 5px;
		margin-left:5px;
	}



/*  --------------------- 星star  -------------------  */
.icon-star {
            box-sizing: border-box;
            position: relative;
            display:block;
            width: 0;
            height: 0;
            border-top: .5em solid gold;
            border-right: .7em solid transparent;
            border-left: .7em solid transparent;
            bottom:-.8em;
            left:.3em;
            margin-bottom: 20px; 
           margin-top: -30px; 
        }
        .icon-star:before {
            content: "";
            position: absolute;
            top: -.5em;
            left: -.7em;
            width: 0;
            height: 0;
            border-top: .5em solid gold;
            border-right: .7em solid transparent;
            border-left: .7em solid transparent;
            transform: rotate(72deg);
        }
        .icon-star:after {
            content: "";
            position: absolute;
            top: -.5em;
            left: -.65em;
            width: 0;
            height: 0;
            border-top: .5em solid gold;
            border-right: .7em solid transparent;
            border-left: .7em solid transparent;
            transform: rotate(-72deg);
        }


/*..................   Search   搜索   ................................ */

.icon-search {
            box-sizing: border-box;
            position: relative;
            width: 1em;
            height: .3em;
            background-color: deepskyblue;
            border-top-right-radius: .15em;
            border-bottom-right-radius: .15em;
            transform: rotate(40deg);
            bottom:-1.2em;
            left:1.1em;
        }
         .icon-search:before {
            content: "";
            position: absolute;
            left: -1.4em;
            bottom: -.55em;
            width: 1.2em;
            height:1.2em;
            border: .15em solid deepskyblue;
            border-radius: 50%;
        } 


    
/*..................    Home  回首页 orange   ................................ */

    .icon-home {
            box-sizing: border-box;
            position: relative;
            width: 1.1em;
            height: .8em;
            background-color: orange;
            bottom:1em;
            left:.5em;
        }
         .icon-home:before {
            content: "";
            position: absolute;
            top: -.5em;
            left: 50%;
            margin-left: -.886em;
            border-left: .9em solid transparent;
            border-right: .9em solid transparent;
            border-bottom: .7em solid  orange;
        }
        .icon-home:after {
            z-index: 2;
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: .3em;
            height: .35em;
            background-color: #666;
            margin-left:.41em;
        }





    
/*..................    Home  回首页 cornflowerblue   ................................ */

    .icon-home {
            box-sizing: border-box;
            position: relative;
            width: 1.1em;
            height: .8em;
            background-color: cornflowerblue;
            bottom:-1em;
             margin-left:  20px; 
        }
         .icon-home:before {
            content: "";
            position: absolute;
            top: -.5em;
            left: 50%;
            margin-left: -.886em;
            border-left: .9em solid transparent;
            border-right: .9em solid transparent;
            border-bottom: .7em solid  cornflowerblue;
        }
        .icon-home:after {
            z-index: 2;
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: .3em;
            height: .35em;
            background-color: #fff;
            margin-left:.41em;
        }




/*..................      Horn  喇叭     ................................ */
/* Start Horn */
	.icon-horn .h-body {
		width: 53px;
		height: 15px;
		border-radius: 10px;
		background:#d0f0c6; 
	}
	.icon-horn .shape-1 {
		border-bottom: 19px solid rgba(144,200,65,1);
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		height: 0;
		width: 19px;
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		position: relative;
		right: -19px;
		top: -17px;
		z-index: 20;
        color:burlywood
	}
	.icon-horn .shape-2 {
		border-bottom: 19px solid #fff;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		height: 0;
		width: 19px;
		position: relative;
		right: -18.5666666px;
		top: -36px;
		z-index: 10;
		-webkit-transform: rotate(-90deg) scale(1.3);
		-moz-transform: rotate(-90deg) scale(1.3);
	}
	.icon-horn .shape-3 {
		width: 20px;
		height: 7.5px;
		border-radius: 10px;
		background:   #d0f0c6; /* rgba(144,200,65,1)*/
		position: relative;
		-webkit-transform: rotate(75deg) skewY(-10deg);
		-moz-transform: rotate(75deg) skewY(-10deg);
		top: -39px;
		right: -2px;
	}
	/* end horn */




/* ......................... Icon  Pay Price   大 68px.............................................  */


.iconpricecontainer{
    position: relative; 
}

.iconpriceicon {
  background: #3498DB;
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 32px;
  border-bottom: 4px solid #263441;
  overflow: hidden;
  /*It looks so cute when it's tiny!
  -webkit-transform: scale(.25); */
}
.iconpricecoin-overlay {
  width: 68px;
  height: 68px;
  border-radius: 64px;
  background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 49%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
  background: -moz-linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 49%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
  background: -o-linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 49%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
  background: linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 49%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
}
.iconpricecoin {
  width: 68px;
  height: 68px;
  border-radius: 64px;
  background: #E8CF12;
  position: absolute;
  top: -56px;
  left: 0px;
  -webkit-box-sizing: border-box;
  moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 16px solid rgba(255,255,255,0.1);
  box-shadow: 0px 3px 0px rgba(0,0,0,0.3);
  z-index: 5;
}
.iconpriceinner {
  width: 59px;
  height: 59px;
  border-radius: 56px;
  background: rgb(234,187,5);
  border: 4px solid rgb(238,181,1);
  box-shadow: 1px 1px 5px rgba(255,255,255,0.3);
  position: absolute;
  top: -10.6px;
  left: -11.00834px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.iconpriceinner::after {
  content: '$';
  display: block;
  margin: -0.38em;
  color: rgb(255,212,40);
  font-size: 2.45em;
  /* Need to find better font...or just do the font in css, which I shouldn't*/
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  text-shadow: -1px 1px 0px rgba(0,0,0,0.25);
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}



/* ......................... Icon  Pay Price   小30px.............................................  */


.iconpricecontainer{
    position: relative; 
}

.iconpriceicon {
  background: #3498DB;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border-bottom: 2px solid #263441;
  overflow: hidden;
  /*It looks so cute when it's tiny!
  -webkit-transform: scale(.25); */
}
.iconpricecoin-overlay {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 49%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
  background: -moz-linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 49%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
  background: -o-linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 49%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
  background: linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 49%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
}
.iconpricecoin {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #E8CF12;
  position: absolute;
  top: -36px;
  left: 0px;
  -webkit-box-sizing: border-box;
  moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 16px solid rgba(255,255,255,0.1);
  box-shadow: 0px 3px 0px rgba(0,0,0,0.3);
  z-index: 5;
}
.iconpriceinner {
  width: 27px;
  height: 27px;
  border-radius: 27px;
  background: rgb(234,187,5);
  border: 4px solid rgb(238,181,1);
  box-shadow: 1px 1px 5px rgba(255,255,255,0.3);
  position: absolute;
  top: -13.00px;
  left: -13.0882px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.iconpriceinner::after {
  content: '$';
  display: block;
  margin: -0.38em;
  color: rgb(255,212,40);
  font-size: 1em;
  /* Need to find better font...or just do the font in css, which I shouldn't*/
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  text-shadow: -1px 1px 0px rgba(0,0,0,0.25);
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}





    
/* ......................... Icon  location  .............................................  */

 .icon-location {
            position: relative;
            width: .4em;
            height: .4em;
            border: .3em solid skyblue;
            border-radius: 50%;
            left:.0em;
            bottom:-.5em;
           background-color:lightgoldenrodyellow;
        }
        .icon-location:after {
            content: "";
            position: absolute;
            top: .43em;
            left: -.15em;
            width: 0;
            height: 0;
            border-top: 0.6em solid skyblue;
            border-right:0.4em solid transparent;
            border-left: 0.4em solid transparent;
            color: cornflowerblue
        }




/* ......................... Icon  refresh  /  return / ...  .............................................  */

.curvedarrow {
  position: relative;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 9px solid red;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
}
.curvedarrow:after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 3px solid red;
  border-radius: 20px 0 0 0;
  top: -12px;
  left: -9px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}


/* ...............................   flag   ...............................*/

#flag {
  width: 110px;
  height: 56px;
  padding-top: 15px;
  position: relative;
  background: red;
  color: white;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
#flag:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 13px solid #fff;
  border-left: 55px solid transparent;
  border-right: 55px solid transparent;
}






/*........................   Ribbon  简单版本 丝带. ..................................*/
.ribbon {width:0; height:25px; border-left:21px solid gold; border-right:21px solid gold; border-bottom:20px solid transparent;  color:#fff;  opacity: 1; position:relative; }




/*  ------------------      Badge Ribbon(徽章丝带)      ---------------------    */

#badge-ribbon {
position: relative;
background: red;
height: 100px;
width: 100px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

#badge-ribbon:before,
#badge-ribbon:after {
content: '';
position: absolute;
border-bottom: 70px solid red;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
top: 70px;
left: -10px;
-webkit-transform: rotate(-140deg);
-moz-transform: rotate(-140deg);
-ms-transform: rotate(-140deg);
-o-transform: rotate(-140deg);
}

#badge-ribbon:after {
left: auto;
right: -10px;
-webkit-transform: rotate(140deg);
-moz-transform: rotate(140deg);
-ms-transform: rotate(140deg);
-o-transform: rotate(140deg);
}


/*  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// \

     ////////////////////////////////////////////              通用元素: link  title  -       ////////////////////////////////////////////////////////////

\ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */


 
a {
    text-decoration: none;
    color: #006;
    opacity:0.85;
}

a:hover {
    color: #00F;
    text-decoration:underline;
}

h1,h2,h3{display:block; clear:both; font-weight:900; }

h1{ font-size:2em;  color:#000; line-height:100%; margin:50px 0px 0px 0px; text-align:center; opacity:1;   padding: 70px 17px 20px 0; font-family:"maven-pro"; }    
h2 { width:100%;  float: left;   color: #000;   margin-top: 18px;    line-height: 36px;   font-size:1.7em;   opacity: 1;  padding: 60px 0 15px 0px;   }
h3 { font-size: 1.3em;color:#000; line-height:180%; margin:0; text-align:left;        opacity:1; padding: 60px 0 10px 50px; }

/* h2 { font-size:1.5em; color:#000; line-height:200%; margin:0; text-align:left;        opacity: 1;  padding: 60px 0 15px 0px;  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}
h2  {display:block;  width:100%;  float: left;   clear:both;  color: #000;   margin-top: 18px;  padding-top: 18px; line-height: 36px;  font-size: 30px;  font-weight:normal; }   */


h4,h5 {display:block;  clear:both; font-weight:bold; } 
h4 { font-size: 1.2em;color:#222; line-height:140%; margin:0; text-align:left;        opacity:0.9; padding: 60px 0 10px 100px; }
h5 { font-size: 1em; color:#333; line-height:110%; margin:0; text-align:left;        opacity:0.8; padding: 60px 0 10px 150px; }
strong  {font-weight:bold; color:#000; font-size:1; }

             h1 a{   color: #000;  line-height: 120%;  margin: 30px 0px 10px 0px;   font-weight: bold;  opacity:0.85; }
             h2 a{   color: #000; line-height: 120%;   margin: 30px 0px 10px 0px;   font-weight: bold;  opacity:0.85; }
             h3 a{   color: #00F;  line-height: 120%;  margin: 30px 0px 10px 0px;   font-weight: bold;  opacity:0.85;   }

/*
正文的css 直接使用<h1> <h2> .. <h5>      // 以显示此文章二级标题的重要性.  例:   <h2>Profile  <i class="fa fa-info-circle fa-2x"></i></h2>
侧边栏及底栏的标题则使用  <span class="hd"> 或 <li class="hd">      // 即有了加粗的格式, 又不占用真正二级标题的地位.  例: <div class="hd">Feedback <i class="fa  fa-address-card-o fa-lg"></i></div>
*/





/*  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// \

     ////////////////////////////////////////////           通用元素:  text font -      ////////////////////////////////////////////////////////////

\ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */



/*加粗*/
.bold {
    font-size: 1em;
    font-weight: bold;
    }

/*加粗  单独一行*/
.boldc {
    display: block; 
    font-size: 2em;
    font-weight: bold;
    clear: both;
    width: 300px;
    }

/*下划线*/
.text_underline {
    border-bottom-width: 1.5px;
    border-bottom-style: solid;
    border-bottom-color: #666;
    padding-bottom: 3px;
    margin-bottom: 3px;
    }
    .text_underline:hover {
    font-weight: bold;
    color: #000;
        }

/*红色字体*/
.text_r {
    color:#F00;  opacity:0.8;
    }

/*黄色字体*/
.text_y {
    color:orange; opacity:0.7;
    }

/*蓝色字体*/
.text_b {
    color:#00F;  opacity:0.7;
    }

/*带灰色投影字体*/
.text_shadow_gray {
    text-shadow: #999;
    background-color: #999;
    color: #FFF;
    text-decoration: none;
    padding: 2px;
    font-family: Verdana, Geneva, sans-serif;
    }

/*斜体字*/
.text_italic {
    margin-left: 30px;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    opacity: 0.8;
    }

/*灰色字*/
.text-gray {
    /*color:#999;
    font-size:small;*/
    opacity: 0.6;
    }
            .text-gray:hover {
                opacity: 1.0;
                -webkit-transition: all 0.6s ease-out 0.05s;
                -moz-transition: all 0.6s ease-out 0.05s;
                -ms-transition: all 0.6s ease-out 0.05s;
                -o-transition: all 0.6s ease-out 0.05s;
                transition: all 0.6s ease-out 0.05s;
                }
            .text-gray a {
                }

/*灰色小字*/
.text-gray-small {
    color:#999;
    font-size:smaller;
    }
            .text-gray-small:hover {
                font-size:normal;
                font-weight: bold;
                }
            .text-gray-small a {
                font-size:smaller;
                }

/*细体字*/
.text-lighter {
  font-weight:lighter;
  color:dimgray;
  opacity:0.5;
}


/*小号字  text small*/
.ts {
      font-family:Verdana, Geneva, sans-serif;
      font-size: small;
      color: #000;
}       

/*小号斜体字 text italic small*/
.tis { 
    opacity: 1.0;
    font-family:"Times New Roman", Times, serif;
    font-size: small;
    /* font-weight: bold;  text-decoration: underline;*/
    color: #000;
    font-style: italic;
    }
            .tis:hover { 
                font-size: normal;
                font-weight: bold;
                }

/*更小号字 text xsmall*/
.txs {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    color: #999;
    }
    .txs:hover {
        font-weight: bold;
        }
    .txs a {
        font-size: x-small;
        }

/*白色字体  加粗  居中 双底边 24号字*/
.white{
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 0px;
    margin-left: 0px;
    border-top: 5px;
    border-bottom-: 5px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: double;
    border-left-style: solid;
    font-size: 24px;
                        }

/*白色字体 居中 */
.white_s{
    color: #FFF;
    text-align: center;
    margin-top:8px;
    margin-bottom:8px;
    margin-right: 0px;
    margin-left: 0px;
    border-top: 5px;
    border-bottom-: 5px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: double;
    border-left-style: solid;
                        }

/*蓝色字体 */
.text_blue {
    color:#999;
    /* background-color:#0FF; */
    }


/*红色背景 高亮显示  大写*/
.text-hlt-re{
    line-height: 1.5em;
    font-weight: normal;
    color: #FFF;
    background-color: #B4B2A9;
    text-transform: uppercase;
    text-decoration: none;

}

/*蓝色背景 高亮显示  大写*/
.text-hlt-blu{
    font-weight: normal;
    color: #FFF;
    background-color: #EA89F8;
    text-decoration: none;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 1px;
    padding-bottom: 1px;
    float: none;
    margin-top: 3px;
    margin-right: 1px;
    margin-bottom: 3px;
}

                        .text-hlt-blu a:hover {
                            font-weight: normal;
                            color: #FFF;
                            background-color: #EA89F8;
                            text-decoration: none;
                            padding-right: 8px;
                            padding-left: 8px;
                            padding-top: 1px;
                            padding-bottom: 1px;
                            float: none;
                            margin-top: 3px;
                            margin-right: 1px;
                            margin-bottom: 3px;
                        }

/*绿色背景   高亮显示  大写*/
.text-hlt-gr{
    line-height: 1.5em;
    font-weight: normal;
    color: #FFF;
    background-color: #0F6;
    text-decoration: none;
}


/*  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// \

     ////////////////////////////////////////////           Home   首页       ///////////////////////////////////////////////////////

\ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */


.hm_pplt {display:inline-block;  width:100%; clear:both; padding: 50px 0 0 0; margin-top: 30px 0 0 0;  }
.hm_pplt ul { display:block;  }
.hm_pplt ul li { display:inline-block; float:left; width:43%; min-width:430px; padding-bottom:10px;  }
.hm_pplt a {color:rebeccapurple; text-decoration:none; font-family: "Verdana", Verdana, Times, serif;  font-size:0.95em;   Opacity:1;   }
.hm_pplt a:hover { text-decoration: none; opacity:0.7;  }

.hm_pt {display:block;  width:100%; clear:both; padding: 30px 0 0 0; margin-top: 30px 0 0 0;  }



.hm_newly_updt {display:inline-block;  float:left; width:45%;  min-width:450px; padding:16px 0 0 0; margin: 16px 0 0 0; clear:none;  }
.hm_newly_updt ul { display:block;  }
.hm_newly_updt ul li { display:block; float:left; width:100%;  padding-bottom:10px;  clear:both; }


.home-photo {display:inline-block;  width:100%; clear:both; padding: 0; margin-top: 0;  }
.home-photo img { display:block; width:85%; border-radius:20px;  }

/*  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// \

     ////////////////////////////////////////////           Tour Index  酒店/旅游索引页   version   ///////////////////////////////////////////////////////

\ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */

.tidx_2nd_title { float:left; width:100%; display:block; text-align:center; font-size:1.1em; margin:0 0 0 0; padding:10px 20px 10px 0; opacity:0.7; }

/*以下css 是为酒店/旅游索引页上的行程展示块新设计的带动态效果  */
.grid { position: relative; clear: both; margin: 0; padding: 1em 0 1em 0; max-width: 1000px; list-style: none; text-align: center;}
/* Common style */
.grid .hd   {   background-color: #FFF;  text-align: left;   display:block; padding-bottom:10px; margin:0;   
                                                                          color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
.grid figure {	position: relative;	float: left;	overflow: hidden;	margin: 20px 20px;	min-width: 400px;	max-width: 480px;	max-height: 360px;	width: 45%;	height: auto;	
                        /*background: #3085a3;*/	text-align: center;	cursor: pointer; border-radius: 10px; }
.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8; }
.grid figure figcaption {	padding: 1em;	color: #fff;	/*text-transform: uppercase;*/	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before, .grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption, .grid figure figcaption  a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
/* Anchor will cover the whole item by default        For some effects it will show as a button */
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure h2 { width:95%; display:block; color:#fff; /*word-spacing: -0.15em;*/	font-weight: 800; word-spacing: 5px;   letter-spacing: 2px; }
.grid figure h2 span {	width:100%; display:block; color:#fff; font-weight: 600; word-spacing: 3px; letter-spacing: normal; margin-top: 10px;   /*text-transform: uppercase;*/}
.grid figure h2 {margin: 0 10px 30px 0px;  }
.grid figure li {	margin: 0;}
.grid figure li {	letter-spacing: 1px;	font-size: 88.5%;    clear:both;}
/* Individual effects *//* Julia  */
figure.indexsqr-tour {	background: #2f3238; /*background: #666;*/ }
figure.indexsqr-tour img {	max-width: none;	height: 400px;	-webkit-transition: opacity 1s, -webkit-transform 1s;	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
figure.indexsqr-tour figcaption {	text-align: left;}
figure.indexsqr-tour h2 {	position: relative;	padding: 0.5em 0;}
figure.indexsqr-tour li {	display: inline-block;    clear:both;	margin: 0 0 0.25em;	padding: 0.4em 1em;	background: rgba(255,255,255,0.9);	color: #2f3238;	text-transform: none;
	font-weight: 500;	font-size: 75%;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);}
figure.indexsqr-tour li:first-child {	-webkit-transition-delay: 0.15s;	transition-delay: 0.15s;}
figure.indexsqr-tour li:nth-of-type(2) {	-webkit-transition-delay: 0.1s;	transition-delay: 0.1s;}
figure.indexsqr-tour li:nth-of-type(3) {	-webkit-transition-delay: 0.05s;	transition-delay: 0.05s;}
figure.indexsqr-tour:hover li:first-child {	-webkit-transition-delay: 0s;	transition-delay: 0s;}
figure.indexsqr-tour:hover li:nth-of-type(2) {	-webkit-transition-delay: 0.05s;	transition-delay: 0.05s;}
figure.indexsqr-tour:hover li:nth-of-type(3) {	-webkit-transition-delay: 0.1s;	transition-delay: 0.1s;}
figure.indexsqr-tour:hover img {	opacity: 0.4;	-webkit-transform: scale3d(1.1,1.1,1);	transform: scale3d(1.1,1.1,1);}
figure.indexsqr-tour:hover li {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}

 
/*用于酒店/旅游索引页地图 */
.tidxmap100  {width:100%;   margin: 10px 0px 20px 0px;    float: left;   text-align: center;   clear: both;    text-decoration: none;   opacity:1;   padding-top:30px;   }
                    .tidxmap100 .hd  {  float:left; clear:both;  text-align: left;  padding-bottom:10px; 
                                                      color: blueviolet;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
                    .tidxmap100 ul { float:left;   clear:both; width: 85%;  padding: 10px 0 20px 0; padding: 0 auto;  margin:0 auto;    }
                    .tidxmap100 li    {  list-style: none;  width:90%;  clear:both;   margin: 0 10px 10px 0;  color: #333;   text-align: left;  padding: 0 auto;  margin:0 auto;   }
                    .tidxmap100 .mapbox { width:100%;  } 
                    .tidxmap100 .bold { font-weight:bold; }    
                    .tidxmap100 .copywright { float: left; list-style: circle;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  font-size:small;}   


/* Tour-index  / sub_index  酒店/旅游索引页的下级分类  sub_index of tour index */ 
.tidx_alltours { float: left;  display:block;  clear:both;  width:100%;   margin-bottom: 10px;  }       /*  margin-top:20px; padding-top:30px;     */
.tidx_alltours ul {display:block; width:100%; float:left; padding: 0 0 0 0; }
.tidx_alltours .hd {  color:blueviolet; display:block;   line-height: 40px;   font-size: 28px;   font-family:"Oswald Regular"; font-weight:380; }
.tidx_alltours .hd2 {   display:block;   line-height: 20px;    line-height: 20px;    font-size: 23px;  font-family:"Oswald Regular";  font-weight:200;  padding-top:60px; }
.tidx_alltours  li.hd:hover { opacity:1; }
.tidx_alltours  li .description { color:#333; }
.tidx_alltours  li { float:left;  width:100%;   list-style: none; clear:both;   display:inline-block;  padding-left: 3px; text-align:left;  }
.tidx_alltours  li a { color:sliver;  }
.tidx_alltours li:hover { /* background-color:#CCC; */   }
.tidx_alltours h2{text-align: left;  padding-top:18px;  margin-top:18px; }
.tidx_alltours ul li ul {display:block; width:100%; float:left; padding: 0;  opacity:1; }
.tidx_alltours .udl {padding: 5px; text-decoration:underline; }
.tidx_alltours .sm{font-size:0.8em; color:#333; }

/* Tour-index  / sub_index  酒店/旅游索引页的下级分类  sub_index of tour index */ 
.tsub_index { float: left;  display:block;  clear:both;  width:100%;    margin-top:20px; padding-top:30px;   margin-bottom: 10px;  }
.tsub_index ul {display:block; width:100%; float:left; padding: 50px 0 0 0; }
.tsub_index .hd {  color:blueviolet; display:block;   line-height: 40px;   font-size: 28px;   font-family:"Oswald Regular"; font-weight:380; }
.tsub_index .hd2 {   display:block;   line-height: 20px;    line-height: 20px;    font-size: 23px;  font-family:"Oswald Regular";  font-weight:200;  padding-top:60px; }
.tsub_index  li.hd:hover { opacity:1; }
.tsub_index  li .description { color:#333; }
.tsub_index  li {  float:left;  width:100%;   list-style: none; clear:both;   display:inline-block;  padding-left: 3px;  margin-top: 10px; text-align:left;  }
.tsub_index  li a {  padding: 5px; }
.tsub_index li:hover { /* background-color:#CCC; */   }
.tsub_index h2{text-align: left;  padding-top:18px;  margin-top:18px; }
.tsub_index ul li ul {display:block; width:100%; float:left; padding: 0;  opacity:1; }
.tsub_index .udl {padding: 5px; text-decoration:underline; }
.tsub_index .sm{font-size:0.8em; color:#333; }
 
 
/* tidx_ppl   Tour-index  Popular / 酒店/旅游索引页的下级分类  sub_index of tour index */ 
.tidx_ppl { float: left;  display:block;  clear:both;  width:100%;    margin-top:20px; padding-top:30px;   margin-bottom: 10px;  }
.tidx_ppl ul {width:40%; display:block; float:left; padding:10px; margin-right: 15px; }
.tidx_ppl img {width:100%; z-index:998;  padding:0; margin:0;  }
.tidx_ppl  .hd {  color:blueviolet; display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380; }
.tidx_ppl  li.hd:hover {  } /*background-color: #666;*/
.tidx_ppl  li .description { color:#333; }
.tidx_ppl  li {  float:left;  width:100%;   list-style: none; clear:both;   display:inline-block;  padding-left: 3px;  margin-top: 10px; text-align:center; opacity:1;   }
.tidx_ppl li:hover {   opacity:1; opacity:1;}
.tidx_ppl  .tnm { float:left;  width:100%;   list-style: none; clear:both;   display:block;  padding : 6px;  margin: 5px 0 10px 0; 
                               height: 60px; text-align:center;  opacity:1;  color:#000; 
    /*float:left;  width:100%;   list-style: none; clear:both;   display:block;  padding-left: 6px;  margin-top: -12px; 
                               height: 70px; text-align:center; background-color:#222; opacity:0.8; coLor:#fff; */                          }
.tidx_ppl  .tnm a {  color:#000; text-decoration: none; opacity: 1;  }      

.tidx_ppl h2{text-align: left;  padding-top:18px;  margin-top:18px; }
.tidx_ppl span {display:block; float:left; margin-top: -40px; text-alight:center; color: #000; font-size:25px; z-index:666;  }



/* htlidx_ppl   hotel-index  Popular / 酒店/旅游索引页的下级分类  sub_index of hotel index  此为每个酒店一个小方块  */ 

.htlidx_ppl { float: left;  display:block;  clear:both;  width:100%; margin-top:20px; padding-top:30px 0px 10px 0px; overflow: hidden; }
.htlidx_ppl ul {width:31%; display:block; float:left; padding:0px; margin: 0px 15px 50px 0px; line-height:0.5em }
.htlidx_ppl ul li  {float:left; display:block;  width:100%;   list-style: none; clear:both;     margin-top: 10px 10px 0px 3px; text-align:center; opacity:1;  }



.htlidx_ppl span a{width:100%;  display:block; margin-top:-109px; color:white; background-color:gray; padding:5px 0 0px 0; font-size:0.8em; text-decoration:none; overflow: hidden; line-height:0.5em;  }
.htlidx_ppl span a:hover {display:block; padding:0; height:1px; }

.htlidx_ppl span a.sm {fint-size:0.5em; }

.htlidx_ppl img {width:100%; padding:0; margin:0; z-index:10; display:block; max-width:150px; }
.htlidx_ppl .htlnm { width:100%;  display:block; margin-top:-335px; color:white; background-color:silver; padding:150px 0 140px 0; font-size:1.2em; z-index:99; 
                        }
.htlidx_ppl h2{text-align: left;  padding-top:18px;  margin-top:18px; }


/*
.htlidx_ppl span { width:100%;  display:block; margin-top:-335px; color:white; background-color:silver; padding:150px 0 140px 0; font-size:1.2em; z-index:99;  }
.htlidx_ppl a:hover{ display:none; }

.htlidx_ppl  .hd {  color:blueviolet; display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380; }
.htlidx_ppl  li.hd:hover {  }  
.htlidx_ppl  li .description { color:#333; }
.htlidx_ppl li:hover {   opacity:1; opacity:1;}

*/


/* htlidxppl   hotel-index  Popular / 酒店/旅游索引页的下级分类  sub_index of hotel index  此为每个酒店一行 */ 


.htlidxppl {   display: block;  clear:both;  width:100%; margin-top:0px; padding:0px 0px 10px 0px;  }
.htlidxppl ul {  display: block; clear:both; padding-top:30px;  }
.htlidxppl ul:hover {  opacity:0.9;   }
.htlidxppl ul li.l {  width:15%; display: block;  padding:0; margin-right: 20px; max-width:200px; }
.htlidxppl ul li.r { width:80%; display: block;   padding:0; margin: 0; min-width:300px; padding-top:0;}
.htlidxppl li.r ul {margin:0; border:0; padding:0; }
.htlidxppl li.r ul li  { display: block;  padding:0;  margin: 0;  font-size: 0.8em; decoration:none;  line-height: 20px; clear:both; margin-bottom:10px;   }
.htlidxppl li.r ul li a {  text-decoration: none; padding:0;   margin-top:-5px;   font-size:1.1em;}

.htlidxppl img {   width:100%; padding:0; margin:0; display:block; min-width: 120px;   }



.htlidxppl .htlnm {   font-weight:bold;   }
.htlidxppl h2{text-align: left;  padding-top:18px;  margin-top:18px; }




/*      固定列宽的 li   150px             */

.wide_fix {   display: block;  clear:both;  width:100%; margin:0; padding:0;  }
.wide_fix ul {  display: block; clear:both;  margin:0; padding:0;  }
.wide_fix ul li {  width:15%; display:inline-block;  margin:0; padding:4px 10px 4px 0px; max-width:150px; min-width: 120px; line-height: 18px; }
.wide_fix ul li:hover {  opacity:0.9;   }

/*
.wide_fix li {  width:10%; display:inline-block;  margin:0; padding:0; max-width:150px; line-height: 2px; }
*/







/*
.htlidxppl ul li .l li  {display: block;  list-style: none;  padding:0;  margin: 0px; }



.htlidxppl span a{width:100%;  display:block; margin-top:-109px; color:white; background-color:gray; padding:5px 0 0px 0; font-size:0.8em; text-decoration:none; overflow: hidden; line-height:0.5em;  }
.htlidxppl span a:hover {display:block; padding:0; height:1px; }
.htlidxppl span a.sm {fint-size:0.5em; }

*/






/*

.htlidx_ppl ul li span a:hover {display:none; width:100%;  text-align:center; color: #fff;  font-size:35px;  background-color:#999;  }
*/


/*  float:left;   */




/* 酒店/旅游索引页的tips */
.tour_index_tips { float: left;  display:block;  clear:both;  width:100%;    margin-top:0px;  padding: 30px 0px 20px 0px;  }
.tour_index_tips  .hd {  color:blueviolet; display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
.tour_index_tips  .hd:hover { background-color: #666; }
.tour_index_tips  li.title {  color:#000; display:block;   line-height: 50px;   font-size: 20px; font-weight:bold;  }
.tour_index_tips  li .description { color:#333; }
.tour_index_tips  li {  float:left;  width:100%;   list-style: none; clear:both;   display:inline-block;  list-style:none;  padding-left: 3px;  margin-top: 10px; }
.tour_index_tips li:hover { background-color:#CCC;  }



/* 酒店索引页的tips */
.hotel_index_tips {   display:block;  clear:both;  width:100%;    margin-top:0px;  padding: 30px 0px 20px 0px;  }
.hotel_index_tips { display:inline-block;  }
.hotel_index_tips  li {  float:left;  width:100%;   list-style: none; clear:both;   display:inline-block;  list-style:none;  padding-left: 3px;  margin-top: 10px; }
.hotel_index_tips  .hd { color:blueviolet; display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
.hotel_index_tips  .hd:hover { background-color: #666; }
.hotel_index_tips  li.title {  color:#000; display:block;   line-height: 50px;   font-size: 20px; font-weight:bold;  }
.hotel_index_tips  li .description { color:#333; }
.hotel_index_tips li:hover { background-color:#CCC;  }


/* 酒店/旅游索引页的常见问题 FAQ */
.hotel_index_faq,
.tour_index_faq { float: left;  display:block;  clear:both;  width:100%;    margin-top:0px;  padding: 30px 0px 20px 0px;  }
.tour_index_faq ul { float:left; display:block; margin-bottom: 30px;}
.tour_index_faq li {  float:left;  width:100%;   list-style: none; clear:both;   display:inline-block;  list-style:none;  padding-left: 3px;  margin-top: 10px; }
.tour_index_faq li:hover { background-color:#CCC;  }

.tour_index_faq  .hd {  color:blueviolet; display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
.tour_index_faq  .hd:hover { background-color: #666; }
.tour_index_faq  li .title {  color:#000; display:block;   line-height: 50px;   font-size: 20px; font-weight:bold;  }
.tour_index_faq  li .description { color:#333; }




/* Tour index introduction    /   tidxitrdc*/    
.tidxitrdc { float: left; width:100%;  padding:10px 0 10px 0;  color:#333;    }
                                            .tidxitrdc  .hd  {  loat:left; clear:both;  padding-bottom:6px;  font-size: 28px;  font-weight:400;  }
                                            .tidxitrdc  ul { display:block; width:96%; float:left; list-style:none; margin: 0px 0px 10px 0px; }
                                            .tidxitrdc li { float:left; display:block; width:100%;  padding-top:30px; list-style: none; margin-bottom:10px; }
                                            .tidxitrdc .bd {font-weight:bold; color:#333; display:block; clear:both; margin:50px 0 0 0; font-size:18px; line-height:40px; margin-bottom:5px; opacity:0.9;   }
                                            /* .tidxitrdc  h2 { padding: 0;  margin:0; }   */



.tidx_smct { float: left; width:100%;    padding:100px 0 20px 0;    color:#333;    }   /* tour index  sam city   相同城市内的其它酒店/旅游类型   */
                                            .tidx_smct  .hd2  {width:100%;  float: left;   display:inline-block;  clear:both;  color: #000; margin-top: 18px;  padding-top: 18px; line-height: 18px;  font-size: 28px; }
                                            .tidx_smct  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .tidx_smct  ul { display:block; width:20%; float:left; list-style:none; margin: 10px 45px 20px  0px; }
                                            .tidx_smct  li { display:block; float:left;  width:99%;  padding-top: 10px; list-style: none; text-align:center; }
                                            .tidx_smct  img { height:150px; padding:0px; background-color: #ccc; border-radius:0px;  }

/**/
/* 更多景点信息  More info of tidx*/    
.tidx_more { float: left; width:100%;  padding:100px 0 20px 0;  color:#333;    }
                                             .tidx_more  .hd  {  display:block; width:100%; loat:left; clear:both;  padding-bottom:6px;  font-size: 25px;  font-weight:300;  padding-top:30px; }
                                            .tidx_more  .hd2  {  loat:left; clear:both;  padding-bottom:6px;  font-size: 25px;  font-weight:300;  padding-top:30px; }
                                            /* hd 已在下面一起定义了.atrmore  .hd  {  loat:left; clear:both;  padding-bottom:6px;  font-size: 25px;  font-weight:300;  padding-top:60px; }
                                            */
                                            .tidx_more  ul { display:block; width:96%; float:left; list-style:none; margin: 30px 0px 30px 0px; }
                                            .tidx_more li { float:left; display:block; width:100%;  padding-top:30px; list-style: none; margin-bottom:10px; }
                                            .tidx_more ul li .bd { font-weight:bold; color:#000;  } 
                                            .tidx_more .bd_nl {font-weight:bold; color:#333; display:block; clear:both; margin:50px 0 0 0; font-size:18px; line-height:40px; margin-bottom:5px; opacity:0.9;   } /*bold new line*/
                                            .tidx_more .udl {margin-right: 15px; text-decoration:underline; }




/*  ----------------  Tour Index  上对于最常用的酒店/旅游线路制作到一个小层里面， 上面是图片， 下面是酒店/旅游线路名字及链接  / 酒店/旅游索引页 ---------------------------  */
.tour_div {
    max-width: 500px;
    float: left;
    font-family:Tahoma, Geneva, sans-serif;
    font-size: 11px;
    /*font-weight: bold;*/
    color: #FFF;
    background-color: #666;
    letter-spacing: 1.2px;
    word-spacing: 2.5px;
    text-align: center;
    width: 30%;
    clear: none;
    position: relative;
    text-decoration: none;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-right: 8px;
    margin-bottom: 50px;
    margin-left: 8px;
    }
    
.tour_div:hover {
    background-color: #333;
    text-decoration: none;
    color: #FFF;
    -webkit-transition: all 0.6s ease-out 0.03s;
    -moz-transition: all 0.6s ease-out 0.03s;
    -ms-transition: all 0.6s ease-out 0.03s;
    -o-transition: all 0.6s ease-out 0.03s;
    transition: all 0.6s ease-out 0.03s;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    overflow: hidden;
    position: relative;
    visibility: visible;
    z-index: auto;
        }

.tour_div a:link {
    text-decoration: none;
    color: #FFF;
        }
        
.tour_div a:visited {
    text-decoration: none;
    color: #FFF;
        }
.tour_div img{
    cursor: pointer;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
}

/*
.tour_div img:hover{
    transform: scale(1.4);
    overflow: hidden;
}
*/

    /*给图片加上底色
    padding: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color:#FFF;
    box-shadow:10px 10px 5px #888888;
    -moz-box-shadow: 10px 10px 5px #888888;  老的 Firefox  
    overflow: hidden;
    transform: scale(1.4);
    */



/*酒店/旅游索引页 放置此城市有代表性的大图  悬停显示100%大图  比如 Xiantour.htm       以后可能会被slide 取代  */
.tour_photo_div { width: 80%; max-width: 1000px; float: right; font-family:"Arial Black", Gadget, sans-serif; font-size: 95%; color: #FFF; background-color: #666; margin: 5px; text-align: center;  clear: none; position: relative; text-decoration: none;
                                      boder-bottom: 1px solid ; opacity:1;   }

                .tour_photo_div:hover  {  width:100%; background-color: #333;  -webkit-transition: all 0.6s ease-out 0.03s;  -moz-transition: all 0.6s ease-out 0.03s;   -ms-transition: all 0.6s ease-out 0.03s; 
                                     -o-transition: all 0.6s ease-out 0.03s; transition: all 0.6s ease-out 0.03s;     color: #FFF;            }







/*  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// \

     ////////////////////////////////////////////          Tour Page   酒店/旅游线路页用到的 version  ////////////////////////////////////// //////

\ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */




/* tour title H1 */    .th1 { font-weight: bold; clear:both;  padding-top: 50px;  margin:10px 0px 10px 0px;  line-height: 20px;  font-size: 30px; text-align: center; }
/* tour title H2 */    .th2 { font-weight: bold; clear:both;  margin-top:0px;  margin-bottom: 0px; text-align: center;  display:block; font-size:19px;  opacity:0.6;   }
/* tour code  酒店/旅游页  团号 */    
.tcd {  float: right;  clear: both;  margin:30px 0px 20px 0px; width:100%; display:block;  position:relative; }
.tcd li  {    float: right;  list-style: none;   display:inline-block;  margin: 5px 6px 5px 6px; padding-right: 5px; }
#tcdhd { height:19px;   float:right; background-color:blue;  position:relative; right:0px; top:1px; -moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px; color:#FFF;  
                text-align: center;    padding: 0px 10px 15px 10px;  opacity: 0.6;  font-size: 95%;  }
#tcdhd:before {content:""; width:0; height:0;  right:100%; top:10px;  position:absolute;  border-top:5px solid transparent;  border-right:8px solid blue; border-bottom:8px solid transparent;}




/*    删除线   */
.x {
    width:50px;
    height:50px;
    position: relative;
    background-color: rgba(169, 169, 169, .2);
    border-radius: 50%;
}
.x::before,.x::after{
    content: "";
    position: absolute;  /*方便进行定位*/
    background-color: #888;
    height: 30px;
    width: 2px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -1px;
}
.x::before{transform: rotate(45deg);  /*进行旋转*/}
.x::after{transform: rotate(-45deg)
    ;}





/* tour theme  专注 */    
.ttheme { width:100%;  float: left;  clear:left; display:block;  margin-top:10px; margin-bottom:50px;  color:#333; clear:none;  }
                      .ttheme  .hd  { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;   }
                .ttheme li {  margin: 5px 30px 0px 0px;  width: 256PX;     padding: 0px 5px 0px 1px; clear:none;  float:left;    -moz-webkit-padding: 2px;  list-style: none; font-size: 1em;  line-height: 45px;
                                        opacity:0.9;    display: inline-block;   *display:inline; /* ie7 */     font-weight: normal;       /*border-bottom:dotted 1px #999999; */     font-family:"montserrat"; }
                .ttheme li:hover {  color: #000; }

/* tour focus  专注 */    
.tfcs { width:100%;  float: left;  clear:left; display:block;  margin-top:10px; margin-bottom:50px;  color:#333; clear:none;  }
                                                                                                        .tfcs  .hd  { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;   }

/* tour description  酒店/旅游页  描述  这是备用版本: 
.tdsc
                                                                                                        .tdsc  .hd  { color: #000;   display:block;   line-height: 50px;   font-size: 26px;   font-family:"Oswald Regular"; font-weight:380;   }
 */    

/*酒店/旅游线路页的描述  description*/   
.tdsc       {  float: left; clear:both; display:block;  color:#333;  width:100%; margin:0 auto; padding:0 auto;  }
                .tdsc ul { clear:both; display:block;  width:80%; margin:0 auto; padding:0 auto;  padding-left:110px; }
                .tdsc .profile  {     float: left;    margin: 20px 0px 50px 0px;    width: 100%;    clear: both;    display: block;}
                .tdsc li {  margin: 5px 30px 0px 0px;  width: 80%;    text-align:center;  padding: 0px 5px 0px 1px; clear:both;  float:left;    -moz-webkit-padding: 2px;  list-style: none; font-size: 1.3em;  
                                        opacity:1;    display: inline-block;   *display:inline; /* ie7 */     font-weight: normal;   color: #000;   /*border-bottom:dotted 1px #999999;   font-family:"montserrat"*/   ; }
                .tdsc li:hover {  color: #000; }
                .tdsc .hd {    color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }   


 

/* similiar tours*/
.smltour { display:block;  clear:both;   margin: 100px 10px 50px 0px;   width:100%;  padding-top: 50px;    }
.smltour ul {float: left;  display:inline-block; width:43%; margin: 30px 10px 30px 0px; padding:0px;   }
.smltour ul li { list-style: none;  display:block;    font-size:95%;   margin:0 25px 0px 0px;  text-align:center;  } 

.smltour .hd  { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  margin: 30px 0px 30px 0px }
.smltour a { color: #333;    text-decoration: none; font-weight:normal;  padding:0 5px 0 5px;  text-align:center;   }
.smltour a:hover {color:#000;  opacity: 1;   }
.smltour li span { position: relative; color:#000; opacity:0.9;  display:block;  width:100%;  height: auto;   padding: 6px 0 0 0;    filter:alpha(opacity=80);-moz-opacity:0.6;  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";    text-align:center;  }
.smltour img { width:100%; border-radius:10px;  }
 /*{ display:block; width:100%;  height: 50%; padding: 6px 0px 0px 0px;  background:#666; display:block;    
                           position:absolute; bottom:10px; left:0; color:#FFF; filter:alpha(opacity=80);-moz-opacity:0.6;  
opacity:0.7; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";  text-align:center;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  }*/

.smltour li span:hover {  color:#000; opacity:1;  }




/* why us*/
.whyus { float: right;  clear:right;  margin-left: 8px;  padding-top:30px;   width:49%;  max-width: 500px; margin-top: 50px;  }
.whyus .hd { list-style: none;  font-weight: bold;   font-family:"Oswald Regular"; font-weight:380;  }
.whyus li { color: firebrick; list-style: none;  font-size:1em;  text-align: left; }
.whyus a {   opacity: 1;  }
.smltour:hover { background-color:#fff;  opacity: 1; }

/* tour highlights  酒店页  精华 */    
.thlt {   float: left; color:#333; clear:left; float:left;   width: 100%;  margin:10px 0px 50px 0px; padding: 100px 0 0 0;  }
                                         .thlt ul {  }
                                        .thlt li {  width:100%;   float: left;  list-style: none; clear:left;   display:inline-block;  margin-top: 1px; line-height: 40px;  }
                                        .thlt .hd {  color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
                                       

/* strong point  强项 */    
.tstrp {   float: left; color:#333; clear:both;   width: 100%;  margin: 2px 0px 20px 0px; padding: 10px 0 0 0;
   /* border-left: solid orange 10px; */
}

                        .tstrp ul {   }
                        .tstrp li { float: left; width:100%; list-style: none;   line-height: 23px;  padding-top: 10px; color:#000; font-size:1em; }
                        .tstrp .hd { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;   }

                    .tstrp .idt {padding-left: 30px; opacity:0.8; font-family: times; font-style:italic; }



/*酒店/旅游线路页的profile*/   
.tprf  .profile  {float: left; margin:50px 0px 10px 0px; width:100%; clear: both;  padding:50px 0 0 0; }

                .tprf li {  margin: 5px 15px 0px 0px;  width: 31%;     padding: 0px 0px 0px 1px; clear:none;  float:left;    -moz-webkit-padding: 2px;  list-style: none; font-size: 1em;  line-height: 38px;
                                        opacity:0.9;    display: inline-block;   *display:inline; /* ie7 */     font-weight: normal;       /*border-bottom:dotted 1px #999999;  font-family:"montserrat"; */    }
                .tprf li:hover {  color: #000; }   
                .tprf .hd {    color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }    
                .tprf .width100 {width:100%;}
                .tprf .hidden{display:none; }
                .tprf .bl {color:blueviolet; font-weight:bold; }
                .tprf .bd {font-weight:bold; color:#000; }
                .tprf .hlt {color:#000; opacity:1; font-weight:bold; }
.tprf .sm { color:#000;  font-size:0.8em; }



                          /* opacity:0.8; 
                            color: #000;    clear:left;  line-height: 50px;    font-size: 26px;  font-family:"Oswald Regular"; font-weight:380;  
color: blueviolet;    line-height: 50px;    font-size: 23px;  line-height:30px;  font-weight:normal;   font-family:  Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif" 
                               font-family:"Oswald Regular";
                               font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 
                              font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";

                         */

/*............................下面这是是老版本的，  为保证以前制作的页面起作用， 等完全更新后可以删除.profile这个...................
                                .profile  {     float: left;    margin: 20px 0px 50px 0px;    width: 100%;    clear: both;    display: block;}
                                                    .profile li {  margin: 5px 5px 0px 0px;  width: 32%;     padding: 0px 5px 0px 1px; clear:none;  float:left;    -moz-webkit-padding: 2px;  list-style: none; font-size: 1em;  line-height: 45px;
                                                                                                            opacity:0.9;    display: inline-block;   *display:inline;    font-weight: normal;                }
                                                  .profile li:hover {        color: #000;     }
                                                    .profile .hd {  color: #000;  line-height: 50px;  font-size: 26px;  }
                                     */


/*brief itinerary*/
.tbrfitnr {  float: left; color:#333;   margin: 30px 0px  30px 0px;   width:100%;  clear: both;  font-family: "montserrat";  }
                                        .tbrfitnr li { width:100%; list-style:none; display:block;  float:left;  clear:both;  padding: 0px 8px 2px 0px;  margin: 1px 19px 1px 0px;  font-size:1em;    }
                                        .tbrfitnr  .hd {  color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
                                        .tbrfitnr  .meal { color: #333;  font-weight: bold;  margin-top: 20px; }
                                        .tbrfitnr  .hotel { color: #333;  font-weight: bold;  margin-top: 20px; }


 /*酒店/旅游线路大标题  Tour Head Big*/
.thb { width:100%;  float:left; clear: both;  display: block; font-size: x-large;  color: #FFF; background-repeat: no-repeat;  font-family: Verdana, Geneva, sans-serif;  font-weight: bolder;
    background-color: #CCC;   padding-left: 10px;  margin-left: -10px;  padding-top:15px;  }
.thb:hover {    background-color: #666; }


/*每天线路中的格式*/
.itinerary {  width: 100%;   margin: 50px 0px 30px 0px;  padding:80px 0 0 0; font-family: "montserrat";  font-size: 1.2em;  font-weight: 399;  }
.itinerary ul {display:block;  clear:both; }
.itinerary ul li  {display:inline-block;  clear:both; }

.itinerary .title {  width: 100%;   color:#000; margin: 30px 0px 1px 0px;  display:block; clear:both;  font-weight:bold;  font-size:20px;  }
.itinerary .route { width: 100%;   margin: 10px 0px 10px 0px;  display:block; clear:both;  font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; opacity:0.8; /*font-style:italic;*/  }

.attraction { font-weight:bold; opacity:1; color:#000;  }
.celebrity{ font-weight:bold; opacity:1; color:#000;  }

.itinerary .morning { width: 100%;   margin: 5px 0px 5px 0px;  display:block; clear:both;  }
.itinerary .morning_tt{font-weight:bold;  display:block; clear:both;  }
/*font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   opacity:0.9;   font-size:1;   */

.itinerary .afternoon { width: 100%;   margin: 10px 10px 10px 0px;  display:block; clear:both; }
.itinerary .afternoon_tt { font-weight:bold;  display:block; clear:both; }

.itinerary .meal { width: 100%;   margin: 0px 0px 0px 0px;  display:block; clear:both;  font-size:95%; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }
.itinerary .meal ul li {clear:none; float:left;  font-size:95%; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }
.itinerary .meal_tt { font-weight:bold;  display:block; clear:none;  float:left;}

.itinerary .pic { width: 100%;   margin: 10px 0px 30px 0px;  display:block; clear:both;  }

.itinerary .note { width:100%;   margin:10px 0px 0px 0px;  display:block; clear:both; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   }
.itinerary .note span {display:block; width:100%; clear:both;}
.itinerary .note ul { clear:none; float:left; width:100%; }
.itinerary .note ul li {font-size:95%; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  width:100%;  padding-left:25px; }
.itinerary .note_tt { font-weight:bold;  display:block; clear:both; }

.itinerary .hotel { width: 100%;   margin: 0px 0px 10px 0px;  display:block; clear:both; margin-bottom:30px; }
.itinerary .hotel ul { clear:none; float:left; }
.itinerary .hotel ul li { font-size:95%; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  padding-right:25px; clear:none; float:left; }
.itinerary .hotel_tt { font-weight:bold;  float:left; clear:none; }

.itinerary .bd {display:block; clear:both;  font-weight:bold; font-size:19px; /*border-bottom: 2px solid #333;*/   }
.itinerary .description { width: 100%;   margin: 10px 0px 10px 0px;  display:block; clear:both; }
.itinerary .performance { width: 100%;   margin: 10px 0px 10px 0px;  display:block; clear:both;  }


.itinerary .map { width: 100%;   margin: 10px 0px 10px 0px;  display:block; clear:both; }
.itinerary .photo { width: 100%;   margin: 10px 0px 10px 0px;  display:block; clear:both;  }
.itinerary .photo img {width:100%; }

.itinerary .bd {display:inline-block;  width:auto; font-weight:bold; font-size:1em; opacity:1; color:#000; }



/*  详细行程内容暂时不显示 */

.itin_beijingservice { display:block; width:100%; padding: 20px; }
.itin_title { display:block;  width:100%; padding:0px;  margin: 10px 0px 20px 0px;  font-size: 22px;    cursor:pointer;  }
.itin_dtl { display: none;   padding: 0px 20px 0px 50px;     box-shadow: 0 0 5px 5px #888888;  height: flex; /*border-left: dotted 1px #888;*/  }
.itin_line {  display: block; width: 100%; }
.showless { width: 100%; display: block;  text-align:center;  font-size: 25px;   font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 
                     font-weight:bold; text-shadow: 5px 5px 5px #FF0000;    opacity:0.9;   cursor:pointer;  border-bottom: 3px  solid orange;  }
.seemore {    font-weight: bold;    font-size: 21px;    background-color: gray;    height: 16px;    width: 16px;    color: white;    border-radius: 21px;    padding: 0px 14px 28px 14px;    margin: 30px 0 -50 30px;
                               opacity: 0.9;    box-shadow: 5px 5px 5px #888;    display: none;}   
.itin_title:hover .seemore {display: inline-block;  }

/*tour attraction list  放在每天行程开头的景点列表*/  
.tatr {font-weight: bold;  display: block;  clear: both; margin-top: 20px;  margin-bottom:20px; }
.tatr {font-weight: bold;  display: block;  clear: both; margin-top: 20px;  margin-bottom:20px; }
/*attractions in itinerary */   
.titinatr { padding: 3px;  border-radius: 0px;  }
                                                        .titinatr a { background-color: chocolate;   color:#FFF;  padding: 1px 3px; text-decoration: none;  border-radius:0px;  }
                                                        .titinatr a:hover  { background-color: coral;   color:#FFF;  padding: 1px 3px;}

/*tour route  每天行车线路  这个现在用不到， 因为一起设置在itinerary 的itinerary.route， 用于行程的循环了. */   
.troute { width: 100%;  clear:both;  margin-top: 20px;  margin-bottom:20px; }
             .troute .tis { font-family:"Times New Roman", Times, serif;   font-size: small;  color: #000;   font-style: italic;  }
             .troute .tis:hover {  font-weight: bold;  }
             .troute .tgs { color:#999;  font-size:smaller;} /*灰色小字 text-gray-small */
             .troute .tgs:hover {  font-weight: bold;   }

/*Toolkit*/
.ttoolkit { float:left;  width:100%;  margin-top:20px;   margin-bottom:30px;  }
             .ttoolkit   .hd {  color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
             .ttoolkit ul li { float:left;  list-style: none;  margin: 5px 36px 5px 0px;  width:186PX;  padding: 5px 15px 5px 1px;    display: inline-block;   *display:inline; /* ie7 */   border-bottom:dotted 0px #999999; }
             .ttoolkit li:hover {    text-decoration:none;  color:#000;   }
             .ttoolkit a { color:#333;    }
             .ttoolkit a:hover {  text-decoration:none;   opacity:1;    }
                 
                 /*     .profile {  float:left;  margin: 10px 0px 80px 0px; width:100%;  clear: both;  margin-top: 50px;  }
                .profile li {  margin: 10px 30px 2px 0px;  width:256PX;     padding: 0px 5px 0px 1px; clear:none;  float:left; 
                                        -moz-webkit-padding: 3px 3px 3px 3px;  list-style: none; font-size: 1em; 
                                        opacity:0.9;                border-bottom:dotted 1px #999999;    display: inline-block;   *display:inline;      font-weight: normal;                }
                .profile li:hover {                  background-color:#0FF;      }
                .profile .hd {  color: #000;  font-weight: bold;  line-height: 50px;  font-size: 20px;  }
   */



/*tmdtl  将行程中的景点介绍折叠 */
#tmdtl { width:100%; padding: 0;  margin:0;      font-family: "montserrat";     font-size: 1.2em;     font-weight: 399; }
#tmdtl ul li {display: block;  width:100%; font-family: "montserrat";     font-size: 1.2em;     font-weight: 399; } 

/*
#tmdtl ul li ul {display:none;      transition: all 2s ease;    z-index:888; }
#tmdtl ul li:hover ul {display:block;  width:100%;        transition: width 2s ease;     z-index:888;    transform-origin: top; } 
*/

/* note.       酒店/旅游页 note */ 
.tnt { float: left;  display:block;  clear:both;  width:100%;    margin-top:5px 0  100px 0;  padding: 80px 0 0 0;  }
.tnt  .hd {  color:orange; display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
.tnt .hd:hover { background-color: #666; }
.tnt .bd { font-weight:bold; color:#000; opacity:1; }
.tnt .title{font-weight:bold; }
.tnt li { float:left;  width:98%; clear:both;   list-style:square;  padding-left: 3px;  margin-top: 10px; }
.tnt h2 {margin-top:10px;  padding-top: 10px;}

/*放在酒店/旅游线路页上的反馈*/
.titnr-qstn { float:left;  width:100%;  margin-top:10px;   padding-top:10px; margin-bottom:60px;  }
.titnr-qstn .hd { color: blueviolet;   display:block;   width:100%;  clear:both; line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }/**/
.titnr-qstn ul { float:left;  width:95%;   margin: 0 0 10px 0;  }

 /* .question-dialog ul li { }   width:100%; list-style:none; clear:both; margin-top: 5px;  margin-bottom:5px; */
.qstn_user {  list-style:none;  margin: 0 10px 0 0;   display:block;  width:100%;   clear:both;  padding:0;    font-weight:bold;   opacity:0.8;  margin: 25px 0 0 5px; /*font-family: "Times New Roman"; font-size:0.6; */}
.qstn_time { float:left;  list-style:none;  margin: 0 0 0 15px;   display:block;  width:40%;  opacity:0.6;  padding-top:38px;   /* font-size:small; */}
.titnr-qstn.qstn_title { display:block;  backround-color:#ccc;  clear:both; width: 100%;   list-style:none; margin-top: 5px;  margin-bottom:5px; display:block;  
                                                            font-weight:bold; backround-color:#ccc;  padding-left:0px;    /*opacity: 0.8; */ }
.qstn_content_root { width:100%; list-style:none; clear:both; margin: 3px 0 0 0px;   display:block; color:#000;   /*background-color:cornsilk;*/ padding: 5px;  font-weight: bold; }



.qstn_reply ul { float:left;  width:95%;  padding-left:150px;  }
.qstn_user_reply { list-style:none;  margin: 0 10px 0 0;   display:block;  width:30%;   padding:0;    font-size:0.6;  opacity:0.6;  margin: 25px 0 0 50px; }
.qstn_time_reply { float:left;  list-style:none;  margin: 0 0 0 15px;   display:block;  width:40%;  font-size:small;  opacity:0.6;  padding-top:31px;}
.qstn_content_reply { width:100%; list-style:none; clear:both; margin: 1px 0 30px 0;  margin-bottom:5px; display:block;  padding: 0px 5px 5px 50px;  }


/*
.titnr-qstn ul li ul  { width:100%; padding-left:50px;  }

.titnr-qstn ul li ul li { width:100%; display:block; clear:both;  }
.titnr-qstn ul li ul li.qstn_user { width:100%; list-style:none; display:block;  clear:both; margin-top: 5px;  margin-bottom:0px; display:block;  padding: 5px 5px 3px 0px;   }
.titnr-qstn ul li ul li.qstn_time { float:left;  list-style:none;  margin: 0 0 0 15px;   display:block;  width:40%;  font-size:small;  opacity:0.6;  padding-top:38px;  }  
.titnr-qstn ul li ul li.qstn_title { padding-left:30px; width:100%;  display:block; list-style:none; clear:both; margin-top: 5px;  margin-bottom:5px; display:block;  padding: 5px 5px 5px 20px;  }
.question-dialog ul li ul li.qstn_content1 {  width:100%; list-style:none; clear:both; margin: 1px 0 30px 0;  margin-bottom:5px; display:block;  padding: 2px 5px 5px 30px;    }
*/

/*放在酒店/旅游线路页上的反馈*/
.titnr-fdbk { float:left;  width:100%;  margin-top:28px;   margin-bottom:60px;  }
.titnr-fdbk .hd { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
.titnr-fdbk li { width:100%; list-style:none; clear:both; margin-top: 20px;  margin-bottom:30px; }


 

.text_tnt  .hd  { font-weight:bold;        }
/*红头网页内标注行程天数的，  例： Day 1.  Day 2.  Optional Tour*/
.day {
    width:80px;
    opacity:0.8;
    display: inline-block;
    /*
    clear:both;
    float:left; 这两项不能用. 
    */
    *display:inline; /* ie7 */
    background-color:#06F;
    padding:4px 5px 5px 5px;
    margin:50px 0px 0px -8px;
    color:#FFF;
    border:solid 0px #FFF;
    border-radius:5px;
    text-align:center;
    box-shadow:6px 8px 8px #888888;
    -moz-box-shadow: 5px 5px 3px #888888; /* 老的 Firefox */
    
    }


/*酒店/旅游线路页  此城市相关工具 */
.toolkit {
    /*float:left;
    width:100%;*/
    clear:both;
    margin: auto;
    }
            .toolkit ul li {
                display: block;
                width:260px;
                margin: 10px 40px 2px 0px;
                padding: 0px 8px 0px 1px;
                -moz-webkit-padding: 5px 5px 5px 5px;
                list-style: none;
                font-size: 1em;
                /*background-color:#999;*/
                opacity:0.9;
                border-bottom:dotted 1px #999999;
                display: inline-block;
                *display:inline; /* ie7 */
                font-weight: normal;
                }
                            .toolkit ul li a:hover {
                                background-color:#09F;
                                color:#FFF; 
                                text-decoration:none;
                            }               


/*酒店/旅游线路页的导航 tour page navi，例: profile itinerary price   与 pagenavi 有点重复  很少用*/
.tourpg-navi {    font-family: Tahoma, Geneva, sans-serif; }

/*酒店/旅游价格中的加粗字体*/
.text-quotation-bold {
    font-size: 1em;
    font-weight: bold;
    }

/*text tour page.    date. bold  酒店/旅游页 日期加粗标题*/
.text_tdb {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    }
    .text_tdb:hover  {
        }
    .txs a {
        }



/* ....... 酒店/旅游线路页上的注意事项， 也可以用来分割上下的内容 （clear:both;）........*/
.note {
    clear:both;
    margin: auto;
    }

/* ....... 酒店/旅游线路页上的可选酒店/旅游 ........*/

.op_tour {
    /*float:left;*/
    width:100%;
    clear: both;
    margin: 10px 0px 20px 0px;
    /*line-height:1.5em;*/
    }

/* ....... 酒店/旅游线路页上的 Related topic........*/

.relat {  clear: both; float:left;     width:100%;    margin: auto;    padding: auto;   margin-top: 60px;  margin-bottom: 60px;   }
                    .relat .hd {  color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380; }
                    .relat  li { display: block; width:30%;  max-width:290px; margin: 5px 20px 2px 0px;  padding:  5px 5px 5px 0px;    -moz-webkit-padding: 5px 5px 5px 5px;
                                       list-style: none;  opacity:0.9; display: inline-block;   *display:inline; /* ie7 */   font-weight: normal;  }
                   .relat li a  {     color:#333; display:block; text-decoration:none;  padding: 5px;   }           
                   .relat li a:hover {    color:#000;   text-decoration:none; opacity: 1;   }           


/*例  beijing-tour-tips.htm    chinaattractions.htm     chinatour.htm       放酒店/旅游类别的  ？？？*/
.sitem {
    clear: both；
    /*float:left;
    width:100%;
    margin: auto;
    padding: auto;*/
    }
                    .sitem ul li {
                        display: block;
                        width:226px;
                        margin: 6px 15px 2px 0px;
                        padding: 0px 5px 1px 1px;
                        -moz-webkit-padding: 5px 5px 5px 5px;
                        list-style: none;
                        font-size: 1em;
                        /*background-color:#999;*/
                        opacity:0.9;
                        border-bottom:dotted 1px #999999;
                        display: inline-block;
                        *display:inline; /* ie7 */
                        font-weight: normal;
                        }
                                    .sitem ul li a:hover {
                                        background-color:#09F;
                                        color:#FFF; 
                                        text-decoration:none;
                                    }           


/*用来列出 '各城市旅游' '各城市酒店' 等项目 例  chinaattractions.htm     chinatour.htm    */
.list {
    clear: both；
    /*float:left;
    width:100%;
    margin: auto;
    padding: auto;*/
    }
                    .list ul li {
                        display: block;
                        width:190px;
                        margin: 6px 15px 2px 0px;
                        padding: 0px 5px 1px 1px;
                        -moz-webkit-padding: 5px 5px 5px 5px;
                        list-style: none;
                        font-size: 1em;
                        /*background-color:#999;*/
                        opacity:0.9;
                        /* border-bottom:dotted 1px #999999;*/
                        display: inline-block;
                        *display:inline; /* ie7 */
                        font-weight: normal;
                        }
                                    .list ul li a:hover {
                                        background-color:#09F;
                                        color:#FFF; 
                                        text-decoration:none;
                                    }       



.htlrmsvc  {
    clear: both；
    /*float:left;
    width:100%;
    margin: auto;
    padding: auto;*/
    }

                    .htlrmsvc ul li {
                        display: block;
                        width:190px;
                        margin: 6px 15px 2px 0px;
                        padding: 0px 5px 1px 1px;
                        -moz-webkit-padding: 5px 5px 5px 5px;
                        list-style: none;
                        font-size: 1em;
                        /*background-color:#999;*/
                        opacity:0.9;
                        border-bottom:dotted 1px #999999;
                        display: inline-block;
                        *display:inline; /* ie7 */
                        font-weight: normal;
                        }
                                    .list ul li a:hover {
                                        background-color:#09F;
                                        color:#FFF; 
                                        text-decoration:none;
                                    }   


        .htlrmsvc .htlsvcvl {display:none;}
            .htlrmsvc .htlsvcvl0 { display:none; }
            .htlrmsvc .htlsvcvl1 { display:block; }
            .htlrmsvc .htlsvcvl5 { display:block; text-decoration:line-through; opacity:0.6; }
            .htlrmsvc .htlsvcvl6 { display:block;  }
        .noshow {display:none;}


        .list .htlsvcvl {display:none;}
            .list .htlsvcvl0 { display:none; }
            .list .htlsvcvl1 { display:block; }
            .list .htlsvcvl5 { display:block; text-decoration:line-through; opacity:0.6; }
            .list .htlsvcvl6 { display:block; }  /*color:#00f;*/
        .noshow {display:none;}


        .htlsvcvl { float:left; display:block;  width:100%; clear:both; }
        .htlrmsvc { float:left; display:block;  width:100%; clear:both; padding: 5px;  }
            .htlrmsvc:hover { background-color:cornsilk;   }
            .htlrmsvc ul {display:block; width:100%; clear:both;  }
            .htlrmsvc ul li {display:inline-block; width:168px;   }


            .htlrmsvc .htlsvcvl0 { display:none;}
            .htlrmsvc .htlsvcvl1 { display:block; opacity:1; font-size:0.8em; border:none;}
            .htlrmsvc .htlsvcvl5 { display:block; text-decoration:line-through; opacity:1;  font-size:0.8em; border:none;}
            .htlrmsvc .htlsvcvl6 { display:block;  opacity:1;  font-size:0.8em; border:none;}
            .htlrmsvc .tt {color:black; font-weight:bold; font-size:0.9em; border:none; opacity:1; padding: 1px 0px 1px 30px; width:120px; }
                          /* font-weight:bold; padding:0px 3px; background-color: #00f; color:snow; font-size:0.8em; text-align:center; */
 





/*
.wide {
    margin: 1px 0px 0px 0px;
    width: 100%;
    margin: auto;
    max-width: 1210px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 12px;
}
*/

/*  ---------------------  酒店/旅游线路页  酒店/旅游价格表所在的层  例： tour/privatemutianyugreatwall.htm ------------------  */


/*新版本价格*/
.newpr{ width:90%; display:block;  clear:both;  }
.newpr .row_hd{width:100%; display:inline-block; clear:both; }
.newpr .row_hd li { float:left; width:23%; display:inline-block; font-size:18px; font-weight:bold; padding: 1px 3px; text-align:center;  clear:none; }
.newpr .row{width:100%; display:inline-block; clear:both;}
.newpr .row li {float:left;  width:23%; display:inline-block; font-weight:normal; color:#333;  padding: 1px 3px; clear:none;  text-align:center; }
.newpr .row_ss{width:100%; display:inline-block; clear:both;}
.newpr .row_ss li{ float:left; width:23%; display:inline-block; color:#333;  opacity:0.9;  padding: 1px 3px; clear:none;  text-align:center;}
.newpr .row_bk{ width:100%; display:inline-block; clear:both; }
.newpr .row_bk li { float:left; clear:both; }
/*.newpr .row_bk li a{dislay: block; width:100%; color:#fff; }  */
/*..newpr .row_bk li a:hover {background-color: #333; } */

.newpr .bd {font-weight:bold; text-align:left; }

.quotation { clear:both;    margin: auto;    padding-top: 100px;     }
.quotation  .hd { color: blueviolet;   display:block;   line-height: 50px;   font-size: 25px;   font-family:"Oswald Regular"; font-weight:380;  padding: 20px 0 0 0; clear:both; }
.quotation li {display:block; padding: 5px;  clear:both;   } /* float:right;    */

/*. cost 与. quotation 基本上通用， 只不过有一些网页用了quotation, 另一部分用了 cost.    /  .cost 主要用在了上一个版本的网页内*/
.cost {
    clear:both;
    margin: auto;
}
                    .cost ul {
                        float: left;
                        width: 181px;
                        margin-right: -1px;
                        margin-bottom: 20px;
                        opacity: 0.85;
                                            }
    
                    .cost ul li {
                        display: block;
                        margin: -1px 0px 0px 0px;
                        padding: 2px 10px 2px 10px;
                        list-style: none;
                        font-size: 1em;
                        /*opacity:0.9;*/
                        border:dotted 1px #999999;
                        font-weight: normal;
                        }
                        
                        .cost .hd{
                        display: block;
                        color:#FFFFFF;
                        margin: 0;
                        padding: 2px 10px 2px 10px;
                        list-style: none;
                        font-size: 1em;
                        background-color:#96F;
                        opacity:0.9;
                        border:dotted 1px #999999;
                        font-weight: normal;
                        }
                        
                        .cost ul:hover{
                            background-color: #0FF;
                        }


/*只有一个档次的价格  比如 不含酒店的一日游.   1-10人的价格*/
.costone ul { 
    /*float:left;*/
    margin-bottom: 20px;
    opacity:0.85;
    float:left; 
    clear:both;
    }
    
                    .costone ul li {
                        display: block;
                        width:165px;
                        margin: -1px -1px 0px 0px;
                        padding: 2px 10px 2px 10px;
                        float:left;
                        list-style: none;
                        font-size: 1em;
                        /*opacity:0.9;*/
                        border:dotted 1px #999999;
                        font-weight: normal;
                        }
                    
                        .bookingone{
                         display: block;
                         color:#FFF;
                         padding:5px;
                         margin:5px;
                         border:solid 0px #999999;
                         width:165px;
                         font-weight:bold;
                         text-align:center;
                         clear:both;
                        }
                                    .bookingone a{
                                     display: block;
                                     background-color:#930;
                                     padding:5px;
                                     color:#FFF;
                                     border:0;
                                     border-radius:15px;
                                     text-align:center;
                                     box-shadow:6px 8px 8px #888888;
                                     -moz-box-shadow: 5px 5px 3px #888888; /* 老的 Firefox */
                                     opacity:0.9;
                                    }
                                    
                                    .bookingone a:hover{
                                     display: block;
                                     background-color:#930;
                                     color:#FFF;
                                     border:0;
                                     border-radius:15px;
                                     font-weight:bold;
                                     text-align:center;
                                     text-decoration:none;
                                    }                   
                        

/*  ---------------------  酒店/旅游线路页  预订按钮  ---------------------  */
.booking{  /*新格式页上的预订按钮 */
    clear:both;
    display: block;
    width:200px;
    color:#FFF;
    padding:5px;
    margin:5px;
    border:solid 0px #999999;
    font-weight:bold;
    text-align:center;
                        }
                                    .booking a{
                                     display: block;
                                     background-color:#930;
                                     padding:5px;
                                     color:#FFF;
                                     border:solid 0px #999999;
                                     border-radius:15px;
                                     text-align:center;
                                     box-shadow:6px 8px 8px #888888;
                                     -moz-box-shadow: 5px 5px 3px #888888; /* 老的 Firefox */
                                     opacity:0.9;
                                    }
                                    
                                    .booking a:hover{
                                     display: block;
                                     background-color:#960;
                                     color:#FFF;
                                     border:solid 0px #999999;
                                     border-radius:15px;
                                     font-weight:bold;
                                     text-align:center;
                                     text-decoration:none;
                                    }

                    /* 为Chinatourbrochure页制作一个预订按钮 */
                    book{
                         display: block;
                         color:#FFF;
                         padding:2px;
                         margin:2px;
                         border:solid 0px #999999;
                         width:180px;
                         text-align:center;
                        }
                                    .book a{
                                     display: block;
                                     background-color:#0CF;
                                     padding:2px;
                                     color:#FFF;
                                     border:0;
                                     border-radius:5px;
                                     text-align:center;
                                     box-shadow:6px 8px 8px #888888;
                                     -moz-box-shadow: 5px 5px 3px #888888; /* 老的 Firefox */
                                     opacity:0.9;
                                    }
                                    
                                    .book a:hover{
                                     display: block;
                                     background-color:#930;
                                     color:#FFF;
                                     border:0px;
                                     border-radius:5px;
                                     font-weight:bold;
                                     text-align:center;
                                     text-decoration:none;
                                    }   
                                    
                                    .book ul {
                                    border: 1px;
                                    }
                                    
                                    .book_table{
                                     text-align:center;
                                     width: 180 px;
                                     }
                    
                        
                                     /*
                                     cellpadding: 0px;
                                     cellspacing: 0px;
                                     border:2px;
                                     border-right:thick
                                     border-right-color:#00F
                                     border-radius:3px;
                                     border-right: 3px #000099;
                                     background-color:#930;
                                     color:#FFF;
                                     font-weight:bold;
                                     text-decoration:none;
                                     
                                     */ 

.submit{ 
    clear: both;
    width: 100px;
    color:#FFF;
    padding: 5px;
    margin: 25px 5px 20px 0px;
    font-weight: bold;
    text-align: center;
    background-color: firebrick;
    border: 1px solid #CCC;
    opacity: 0.9; 
                        }
                                    .submit:hover{
    display: block;
    font-weight: bold;
    cursor:pointer;
   opacity: 1; 
                                    }

/* payment */
.payment { width:100%;   float:left;  clear:both;   margin-top: 50px;  margin-bottom: 50px;  }
.payment .hd { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;   }



/*  ---------------------  酒店/旅游线路页 单独放置酒店/旅游信息的版块:    --------------------  */
.hotel {  float:left;  margin:50px 0px 50px 0px;  width: 95%;  }
           .hotel .hd { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;}  /*.include层内的.hd格式, hotel 层之外不起作用*/
           .hotel ul{ float:left; display:block; padding:2px 5px 2px 5px; opacity:1;  width:100%;   clear:both;   }
           .hotel ul:hover{  display:block; background-color:#0FF;   }
           .hotel ul li { display: inline-block;  width:20%; clear:none;   margin: 5px 5px 5px 0px;   padding: 2px 2px 2px 1px;   list-style: none;  font-size: 1em;   font-weight: normal;   }
           
.hotel .ct { display:inline-block;  float:left; width: 10%;  font-size: 16px; font-weight:bold;    }
.hotel .ct .sm {font-weight:normal; font-size:0.9em;  }
.hotel .fivest { display:inline-block;  float:left; width: 28%;   text-align:center;  }
.hotel .fourst { display:inline-block;  float:left; width: 28%;   text-align:center;  }
.hotel .threest { display:inline-block;  float:left; width: 28%;    text-align:center; }

/*  ---------------------  酒店/旅游线路页 价格包含 --------------------  */
.include {  float:left;  margin:20px 20px 50px 0px;  width: 45%;  min-width: 200px;  padding:80px 0 0 0; }
           .include .hd { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;}  /*层内的.hd格式, include 层之外不起作用*/
           .include ul{   opacity:1; }
           .include ul li { display: inline-block;  width:100%; clear:both;   margin: -1px 0px 0px 0px;   padding: 2px 10px 2px 1px;   list-style: none;  font-size: 1em;   font-weight: normal;   }
           .include ul li:hover{    background-color:#0FF;   }



/*  ---------------------  酒店/旅游线路页 价格不含 --------------------  */
.exclude {  float:left;  margin:20px 20px 50px 30px;     width: 35%;    min-width: 180px;    padding:80px 0 0 0;}
           .exclude .hd {  color:firebrick; display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380; }  /*.include层内的.hd格式, include 层之外不起作用*/
           .exclude ul {   opacity:0.9;    }
           .exclude ul li { display: inline-block;  width:100%; clear:both;   margin: -1px 0px 0px 0px;   padding: 2px 10px 2px 1px;   list-style: none;  font-size: 1em;   font-weight: normal;    }
           .exclude ul li:hover{    background-color:#0FF;   }



/*  ---------------------  酒店/旅游线路页 FAQ层 --------------------  */
.faq {    float:left;    margin:20px 50px 50px 0px;    width: 90%;    clear: both;  }
                    .faq ul{  /* width:400px;   border-left:solid 1px #CCC;  background-color:#9FF;     border:solid 1px #FFF;  border-radius:5px;  */    opacity:0.9;       }
                    .faq .hd { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;}
                    .faq .title { font-weight:bold; display:block; width: 98%; clear:both;  margin-top:20px; }
                    .faq .content { display:block; width: 98%; clear:both;}
                    .faq ul li {   display: block; margin: 5px 0px 5px 0px;  padding: 0px 10px 0px 5px;   list-style: none;  font-size: 1em; font-weight: normal;  }
                    .faq ul li:hover{   background-color:#0FF; /*border:solid 1px #0CF;*/    }



/*  ---------------------  酒店/旅游线路或索引页 酒店/旅游分类    蓝底白字的条块   Tour Type Bar    --------------  */
                        .ttp_bar a{
                    color: #FFF;
                    text-decoration: none;
                    font-size:19px;
                                        }
                    .ttp_bar a:hover {
                    color: #0C6;
                    font-weight: bold;
                    text-decoration: none;  
                                        }

/* 回到网页顶部  Back to top   ----------------------------------- */
.back-to-top {
    display:block;
    float: right;
    padding: 5px;
    }







/*  -----------------------------------------------------------  *\
           酒店/旅游线路   或    景点页中的 share
\*  -----------------------------------------------------------  */

.share { display:block; width:100%;  clear:both;  opacity:0.8; font-family: Verdana, Geneva, sans-serif; font-size:85%; margin: 10px 30px 20px 0px;  padding-top:40px;  }
       .share li { float:right; display:inline-block;  list-style:none; margin:1px; padding:2px; text-decoration:none;  margin: 5px 20px 10px 0px; }  /* color:#FFF; background-color:#999; */
       .share a { text-decoration: none;}
       .share a:hover { color:#FFF; background-color:#999; text-decoration: none; padding:2px; 
                         -webkit-transition: all 0.2s ease-out 0.03s; -moz-transition: all 0.2s ease-out 0.03s; -ms-transition: all 0.2s ease-out 0.03s;
                             -o-transition: all 0.2s ease-out 0.03s; transition: all 0.2s ease-out 0.03s;  }

.important-link {   }
       .important-link li {float:left; display:inline-block; margin-right:10px;   
                           padding-top:2px;  padding-right:8px; padding-bottom:1px; text-decoration:none; list-style:none; }
       .important-link a:hover { color:#FFF; background-color:#999; text-decoration: none; padding:2px; 
                         -webkit-transition: all 0.2s ease-out 0.03s; -moz-transition: all 0.2s ease-out 0.03s; -ms-transition: all 0.2s ease-out 0.03s;
                             -o-transition: all 0.2s ease-out 0.03s; transition: all 0.2s ease-out 0.03s;  }

.ztdh {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: #999;
    border-bottom-color: #999;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* .index a {font-family:"Arial Black", Gadget, sans-serif;} */




/*酒店/旅游线路页  大标题要不要改为如下与景点相同的 :   
 .hd {  display:block; clear:both;  color: #000;  font-weight: 300;  line-height: 50px;  font-size: 28px; padding-bottom:5px; margin:15px 0px 3px 0px; } 
*/


/* ///////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////   */
/* ///////////////////////////////////  以下为新版本的景点介绍页CSS    version     /////////////////////////////////   */
/* ///////////////////////////////////  首先使用此css 的页面为  attraction/ancienyobservatory.php     /////////////////////////////////  /////////////////////////////////    */





/* attraction title H1 */    .atrh1 { font-weight: bold; clear:both;  margin-top:100px;  margin-bottom:30px;  line-height: 50px;  font-size: 30px; width: 100%; }
/* attraction title H2 */    .atrh2 { font-weight: bold; clear:both;  margin-top:10px;  margin-bottom:10px; }

/*景点页的profile   已用于attraction template*/   
.atrprf { float:left;  width: 100%; margin: 0px 0px 30px 0px;   padding:80px 0 0 0 ; display:block;  }
                .atrprf li {  float:left;   width: 46%;  display: inline-block;   *display:inline; /* ie7 */     margin: 8px 30px 2px 0px;     padding: 0px 5px 0px 1px;  -moz-webkit-padding: 3px 3px 3px 3px;  list-style: none; font-size: 1em;      }
                .atrprf li:hover {    color:#000;      }
                .atrprf .bd { font-weight: bold; }

/*景点页的helper to reach there, 适用于地址 交通 等比较长的条目.    已用于attraction template*/ 
.atrreach{ float:left;  width: 100%; margin: 0px 0px 20px 0px;  padding: 100px 0px 0px 0px;  }
               .atrreach ul {margin: 0px 0px 30px 0px; }
               .atrreach li { float:left;   width:100%;  display: block;   *display:inline; /* ie7 */     margin: 3px 0 3px 0;     padding:1px;  -moz-webkit-padding: 3px 3px 3px 3px;   line-height:20px;
                    list-style: none; font-size: 1em;  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  }
                .atrreach li:hover {    color:#000;      }
                .atrreach li.tspt {float:left; display:block; margin-top: 40px; font-weight:bold; font-style:normal;  font-size:25px;  }
                .atrreach .bd { font-weight: bold; margin:20px 0 0 0; padding:0; font-style:normal;  }
                .atrreach li ul li {  float:left;   width: 100%;  display: inline-block;   *display:inline; /* ie7 */     margin: 8px 0px 8px 0px;     padding:1px;  -moz-webkit-padding: 3px 3px 3px 3px;  list-style: none; font-size: 1em;      }
.atrreach li ul  {margin-top: 1px; }


/* attractions' code  景点代码 */    
.atrcd { margin-top:30px;  width: 49%;   }
/* tour focus  专注   Catetory  */   
.tfcs {     margin-top: 30px;    margin-bottom: 50px;    color: #333;    clear: left;    width: 100%;}
                                                                                                        .tfcs  .hd  { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;   }


/* 景点页描述 */    
.atrdsc {  float: left; width:100%;  margin-top:30px; margin-bottom:20px;  color:#333;   clear:both;   }
                                           .atrdsc:hover { color: #000;  opacity: 1; }
                                           .atrdsc li {width:100%; clear:both; }

/* 景点简介 */    
.atrbrf {  float: left; width:96%;  margin-top:0px; margin-bottom:0px;  color:#333;   clear:both;  padding: 30px 0 0 0;  }
                                           .atrbrf:hover { color: #000;  opacity: 1; }
                                           .atrbrf li {width:100%; clear:both; }
                                           .atrbrf .bd { text-align:center;   opacity:1;  font-size:18px;}   /*font-weight:bold; */


/* 景点介绍 */    
.atrintro {  float: left; width:100%;  margin:0 0 0 0; padding:80px 0 0 0;  color:#333;   clear:both;   }
                                           .atrintro:hover { color: #000;  opacity: 1; }
                                           .atrintro li {width:100%; clear:both; }
                                           .atrintro .bd {font-weight:bold;  text-align:center; }

/* 景点 精华 */    
.atrhlt {  float: left; width:100%;  padding:100px 0 0 0 ;  color:#333;   clear:both;   }
                                           .atrhlt:hover { color: #000;  opacity: 1; }
                                           .atrhlt li {width:100%; clear:both; }
                                           .atrhlt .bd{font-weight:bold;  text-align:center; }



/* 景点页 图片   一行可以放一张全幅大图 */    
.atrphoto {width:100%;   margin: 0px 0px 0px 0px;  padding:80px 0 0 0; clear: both;    text-decoration: none;   opacity:1;     }
                    .atrphoto ul { float:left; clear:both; width: 100%;  padding: 0px 0 20px 0;   }
                    .atrphoto li {  list-style: none;  width:100%;  clear:both;   margin: 0 10px 10px 0;  color: #333;   text-align: left;  }
                    .atrphoto li img {width:90%;  padding:10px; background-color:white; }
                    .atrphoto .box { width:100%;  } 
                    .atrphoto .bold { font-weight:bold; }    
                    .atrphoto .copywright { float: left;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  
                                         font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   font-size:small;}   
/*以下是用于酒店/旅游线路全屏地图层  做为上面景点地图的参考 
.tmapdiv100  {width:100%;   margin: 10px 0px 50px 0px;    float: left;   text-align: center;   clear: both;    text-decoration: none;   opacity:1;     }
                    .tmapdiv100 .hd  {  loat:left; clear:both;  text-align: left;  padding-bottom:10px; 
                                                      color: blueviolet;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
                    .tmapdiv100 ul { float:left; clear:both; width: 100%;  padding: 10px 0 20px 0;   }
                    .tmapdiv100 li    {  list-style: none;  width:90%;  clear:both;   margin: 0 10px 10px 0;  color: #333;   text-align: left;  }
                    .tmapdiv100 .mapbox { width:100%;  } 
                    .tmapdiv100 .bold { font-weight:bold; }    
                    .tmapdiv100 .copywright { float: left; list-style: circle;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  font-size:small;}   
 */


/* 景点页 更多图片    */    
.atrphotomore {width:100%;   padding: 40px 0px 30px 0px;    float: left;   clear: both;    text-decoration: none;   opacity:1;     }
                    .atrphotomore ul { float:left; clear:both; width: 100%;  padding: 10px 0 10px 0;   }
                    .atrphotomore li    {  list-style: none;  width:20%;  clear:none;   margin: 0 10px 10px 0;  color: #333;   text-align: left;  }
                    .atrphotomore .hd{ display:block; width:100%; clear:both; }
                    .atrphotomore .box { width:100%; padding:5px; background-color:#ccc;  } 
                    .atrphotomore .bold { font-weight:bold; }    
                    .atrphotomore .copywright { float: left; list-style: circle;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  font-size:small;}   


/* 景点页  图片  Pic of Attraction,    一行可以放两张图片. */    
.atrpic {  float: left; width:100%;  margin-top:50px; margin-bottom:20px;  color:#333;    clear:both; opacity:1;   }
                                            .atrpic li { float:left;  width:47%; margin: 8px;  padding: 2px; list-style: none; vertical-align: center;  text-align:center;    }
                                            .atrpic:hover { color: #000;  opacity: 1; }

.atradm  {width:100%;   padding: 80px 0px 0px 0px;    float: left;    clear: both;    text-decoration: none;   opacity:1;     }
                    .atradm li    {  list-style: none;  width:95%;  clear:both;   margin: 0 1px 10px 0;  color: #333;   text-align: left;  }
                    .atradm .bd {font-weight:bold; color:#333;  }

/* 景点页  相关酒店/旅游线路  Tour related. */    
.atrtour { width:100%;  padding:100px 0px 0px 0px;   display:block; clear:both;  }
                                            .atrtour  ul {display:block; width:41%; float:left; list-style:none; margin: 20px 25px 30px  0px; padding: 20px; }
                                            .atrtour li { float:left; display:block; width:100%; padding-top: 5px; list-style: none; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }
                                            .atrtour li a {font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }
                                            .atrtour img {width:100%; padding:0px; background-color:#ccc;  border-radius: 25px;  }
                                            .atrtour  .bd {font-weight:bold; }
                                            .atrtour .text {display:block; width:100%; clear:both; }

/* 景点页  地图   of Attraction  一行一张全幅地图*/    
.atrmap100  { display:block; float:left; width:100%;  padding: 120px 0px 0px 0px;    clear:both;  text-decoration: none;   opacity:1;      }
                                            .atrmap100 ul { float:left; clear:both; width: 100%;  padding: 10px 0 20px 0;  margin: 10px 0px 20px 0px;   }
                                            .atrmap100 li {  list-style: none;  width:100%;  clear:both;   margin: 0 10px 10px 0;  color: #333;   text-align: left;  }  /*vertical-align: center;  display:block;  text-align:center;     text-align: left;  */
                                            .atrmap100 li img {width:90%; padding:10px;   }
                                            .atrmap100 .box { width:100%;  } 
                                            .atrmap100 .bold { font-weight:bold; }   
                                            .atrmap100:hover { color: #000;  opacity: 1; }
                                            .atrmap100 .copywright { float: left;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  
                                                                                       font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   font-size:small;}  


.atrphoto {float:left; width:100%;   margin: 100px 0px 20px 0px;   clear: both;    text-decoration: none;   opacity:1;    margin:10px 0 0 0; }
                    .atrphoto ul { float:left; clear:both; width: 100%;  padding: 10px 0 20px 0;   }
                    .atrphoto li    {  list-style: none;  width:100%;  clear:both;   margin: 0 10px 10px 0;  color: #333;   text-align: left;  }
                    .atrphoto img {width:90%; padding:10px; background-color:#ccc;  }
                    .atrphoto .box { width:100%;  } 
                    .atrphoto .bold { font-weight:bold; }    
                    .atrphoto .copywright { float: left;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  
                                         font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   font-size:small;}   


/* 景点页  地图   of Attraction  一行放两张地图*/    
.atrmap  { float:left; width:100%;  margin-top:50px; margin-bottom:20px;  color:#333;  clear:both; display:block;    }
                                            .atrmap ul { float:left; clear:both; width: 100%;  padding: 10px 0 20px 0;   }
                                            .atrmap li { float:left; width:47%; margin: 5px;  padding: 1px; list-style: none;  }  /*vertical-align: center;  display:block;  text-align:center;     text-align: left;  */
                                            .atrmap .bold { font-weight:bold; }   
                                            .atrmap:hover { color: #000;  opacity: 1; }
                                            .atrmap .copywright { float: left; list-style: circle;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;  font-size:small;}  
/*以下是用于酒店/旅游线路全屏地图层  做为上面景点地图的参考 
.tmapdiv100  {width:100%;   margin: 10px 0px 50px 0px;    float: left;   text-align: center;   clear: both;    text-decoration: none;   opacity:1;     }
                    .tmapdiv100 .hd  {  loat:left; clear:both;  text-align: left;  padding-bottom:10px; 
                                                      color: blueviolet;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
                    .tmapdiv100 ul { float:left; clear:both; width: 100%;  padding: 10px 0 20px 0;   }
                    .tmapdiv100 li    {  list-style: none;  width:90%;  clear:both;   margin: 0 10px 10px 0;  color: #333;   text-align: left;  }
                    .tmapdiv100 .mapbox { width:100%;  } 
                    .tmapdiv100 .bold { font-weight:bold; }    
                    .tmapdiv100 .copywright { float: left; list-style: circle;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  font-size:small;}   
 */


/* 景点 价值  attraction value*/    
.atrvl { float: left; width:100%;  margin-top:50px; margin-bottom:20px;  color:#333;    }
                                            .atrvl  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }


/* 景点页  历史  attraction history*/    
.atrhstr { float: left; width:100%;  margin-top:50px; margin-bottom:20px;  color:#333;    }
                                            .atrhstr  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }

/* 相关故事  attraction story */    
.atrstory { float: left; width:100%;    margin-top:50px; margin-bottom:20px;  color:#333;   }
                                            .atrstory  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px;  }



/* 相关名人  attraction related celebrity */    
.atrclbrt { float: left; width:100%;    margin-top:50px; margin-bottom:20px;  color:#333;   }
                                            .atrclbrt  .bd { font-weight: bold;  clear:both;   padding-top: 10px; padding-bottom: 3px;  }


/* 景点相关的文化交流  attraction related cultural exchange  */    
.atrce { float: left; width:100%;    margin-top:50px; margin-bottom:20px;  color:#333;   }
                                            .atrce  .bd { font-weight: bold;  clear:both;   padding-top: 10px; padding-bottom: 3px;  }


/* 景点的建筑  attraction architecture  */    
.atraktc { float: left; width:100%;    margin-top:50px; margin-bottom:20px;  color:#333;   }
                                            .atraktc  .bd { font-weight: bold;  clear:both;   padding-top: 10px; padding-bottom: 3px;  }
                                    

/* 景点的作用  attraction function  */    
.atrfunc { float: left; width:100%;    margin-top:50px; margin-bottom:20px;  color:#333;  border-left: 1px dotted #333; padding-left: 5px;  }
                                            .atrfunc  .hd2  { color:#000; display:block;   line-height: 50px;  font-size: 20px;  }
                                            .atrfunc  .bd { font-weight: bold;  clear:both;   padding-top: 10px; padding-bottom: 3px;  }
                                            .atrfunc li { float:left; width:100%; margin: 0px; margin-bottom: 8px;  padding: 1px; list-style: none;  padding-left: 50px; }
                                            .atrfunc .lihd { float:left; width:100%; margin-top: 15px; martin-bottom:0px; line-height:18px;  padding: 0px; list-style: none;  font-weight:bold;  }
                                            .atrfunc .l3   { float:left; width:100%; margin: 0px; margin-bottom: 8px;  padding: 1px; list-style: none;  padding-left: 80px; }
                                            .atrfunc .lhd3 { float:left; width:100%; margin-top: 12px; martin-bottom:0px; line-height:15px;  padding: 0px; padding-left: 80px;  list-style:none;   font-size: 14px; font-weight:bold; font-style: italic; }


/* 景点 现状  attraction present condition */    
.atrprst { float: left; width:100%;  margin-top:50px; margin-bottom:20px;  color:#333;    }
                                            .atrprst  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }




/* 景点 注意事项  attraction note */    
.atrnote { float: left; width:100%;  margin-top:50px; margin-bottom:20px;  color:#333;    }
                                            .atrnote  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .atrnote  ul { display:block;  width: 95%; margin-top:18px;  padding: 2px 10px 5px 15px; }
                                            .atrnote  li { float:left; display:block; width:100%;  padding-top: 10px; list-style: none;}


/* 景点技巧 攻略   attraction tip */    
.atrtips { float: left; width:100%;  margin-top:50px; margin-bottom:20px;  color:#333;    }
                                            .atrtips  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .atrtips  ul { display:block;  width: 100%; margin-top:18px;  padding: 2px 10px 5px 1px; }
                                            .atrtips  li { float:left; display:block; width:100%;  padding-top: 10px; list-style: none;}


/* 景点常见问题   attraction FAQ */    
.atrfaq { float: left; width:100%;  margin-top:50px; margin-bottom:20px;  color:#333;    }
                                            .atrfaq  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .atrfaq  ul { display:block;  width: 100%; margin-top:18px;  padding: 2px 10px 5px 1px; }
                                            .atrfaq  li { float:left; display:block; width:100%;  padding-top: 10px; list-style: none;}




/* 景点 注意事项  attraction link to this page */    
.atrlink { float: left; width:100%;  padding:80px 0 20px 0;  color:#333;    }
                                            .atrlink  ul { display:block;  width: 80%; margin-top:18px;  padding: 2px 10px 5px 15px; }/*background-color:#ccc; */
                                            .atrlink  li { float:left; display:block; width:95%;  padding-top: 10px; list-style: none; font-family:times Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }
                                            .atrlink .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; 
                                                                   font-family:times Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}
                                            .atrlink .bd a { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; 
                                                                   font-family:times Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}

/* 景点附近酒店   attraction hotel    
                       曾因css atrhotel里没有 float:left 导致pagenavi 的上链接不能指到相应位置.  所以要想使pagenavi 工作必须使要指向的层 float:left; */    
.atrhotel {float: left;  display:block; width:100%;  padding:100px 0 0 0; }
                                            .atrhotel ul { float:left;  display:block; width:28%; list-style:none; margin: 10px 20px 5px 1px; padding: 5px 10px 28px 15px;  border: 1px #ccc solid; border-radius: 10px; }
                                            .atrhotel li { display:block;  clear:both; float:left;  list-style: none;  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   font-size:0.8; opacity:0.9; } 
                                            .atrhotel li:hover { opacity:1; }
                                            .atrhotel .hd2  {clear:both;  color:#000; display:block;  margin-top: 18px;  padding: 0px 5px 8px 8px; line-height: 18px;  font-size: 17px; }
                                            .atrhotel .bd { display:inline-block;  font-weight: bold;  clear:both;  padding-top:10px; padding-bottom:3px; }

 


/* 相似景点   attractions similiar */    
.atrsml { float: left; width:100%;  padding:100px 0 20px 0;  color:#333;    }
                                            .atrsml  .hd2  {float: left;   clear:both;  color: #000; display:block;  margin-top: 18px;  padding-top: 18px; line-height: 18px;  font-size: 17px; }
                                            .atrsml  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .atrsml  ul { display:block; width:20%; float:left; list-style:none; margin: 10px 45px 20px  0px; }
                                            .atrsml li { display:block; float:left;  width:99%;  padding-top: 10px; list-style: none; text-align:center; opacity:1;}
                                            .atrsml li:hover {opacity: 1; }
                                            .atrsml img { height:150px; padding:0px; background-color: #ccc; }


/* 相近景点   attractions near */    
.atrnear { float: left; width:100%;    padding:100px 0 20px 0;    color:#333;    }
                                            .atrnear  .hd2  {float: left;   clear:both;  color: #000; display:block;  margin-top: 18px;  padding-top: 18px; line-height: 18px;  font-size: 17px; }
                                            .atrnear  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .atrnear  ul { display:block; width:20%; float:left; list-style:none; margin: 10px 45px 20px  0px; }
                                            .atrnear  li { display:block; float:left;  width:99%;  padding-top: 10px; list-style: none; text-align:center; }
                                            .atrnear  img { height:150px; padding:0px; background-color: #ccc; border-radius:0px;  }


/* 景点附近餐厅  attraction restaurant */    
.atrrstrt { float: left; width:100%;  margin-top:50px; margin-bottom:20px;  color:#333;    }
                                            .atrrstrt  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .atrrstrt  ul{ display:block; width:100%; float:left; list-style:none; margin: 20px 10px 20px  0px; }
                                            .atrrstrt  li { float:left;  width:100%;  padding-top: 10px; list-style: none;}

/* 更多景点信息  More info of attractions*/    
.atrmore { float: left; width:100%;  padding:100px 0 20px 0;  color:#333;    }
                                            .atrmore  .hd2  {  loat:left; clear:both;  padding-bottom:6px;  font-size: 25px;  font-weight:300;  padding-top:30px; }
                                            /* hd 已在下面一起定义了.atrmore  .hd  {  loat:left; clear:both;  padding-bottom:6px;  font-size: 25px;  font-weight:300;  padding-top:60px; }
                                            */
                                            .atrmore  ul { display:block; width:96%; float:left; list-style:none; margin: 30px 0px 30px 0px; }
                                            .atrmore li { float:left; display:block; width:100%;  padding-top:30px; list-style: none; margin-bottom:10px; }
                                            .atrmore .bd {font-weight:bold; color:#333; display:block; clear:both; margin:50px 0 0 0; font-size:18px; line-height:40px; margin-bottom:5px; opacity:0.9;   }

 

/**/
.atrprf .hd,.atrreach .hd,.atrcd .hd,.atrdsc .hd,.atrbrf .hd,.atrintro .hd,.atrhlt .hd,.atrphoto .hd,.atrphotomore .hd,.atrpic .hd,
.atrtour .hd,.atrmap100 .hd,.atrmap .hd,.atrvl .hd,.atrhstr .hd,.atrstory .hd,.atrclbrt .hd,.atrce .hd,.atraktc .hd,
.atrfunc .hd,.atrprst .hd,.atrnote .hd,.atrtips .hd,.atrfaq .hd,.atrlink .hd,.atrhotel .hd,.atrsml .hd,.atrnear .hd,.atrrstrt .hd,.atrmore .hd,
.atradm .hd { /*float:left;  text-align:left;*/  display:block; clear:both;  color: #000;  font-weight: 300;  line-height: 50px;  font-size: 28px; padding-top: 60px; padding-bottom:5px; margin:15px 0px 3px 0px; } 

/*  --------------------- attraction  feedback  游客反馈 -------------------------------  */
.atrfdbk { display:block;  width:100%;   float:left; font-weight:lighter;   }
.atrfdbk .hd  {  color: #000;  font-weight: 300;  line-height: 50px;  font-size: 28px; padding-bottom:10px; margin-bottom:10px;  } 
.atrfdbk-dialog {  width:100%;   background-color:cornsilk;   margin: 20px 5px 10px 5px;   clear: both;   margin-top: 50px;   margin-bottom:50px;   }
.atrfdbk-dialog li {  padding: 5px;    display: inline-block;   float: left;  }
.atrfdbk-traveler {   width: 95%;   padding:5px;     float:left;   color:#333;   font-weight:bold; }
.atrfdbk-content {   width: 100%;    color:#333;  clear:both;   border:solid 0 deepskyblue;   border-bottom-color:transparent;
                                          font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";}
.atrfdbk-content a {  border-radius: 5px;    width: 30%;  }
.atrfdbk-content a:hover {     border-radius: 5px;  width: 60%;   }
.atrfdbk-rating{width: 95%;   padding:5px;     float:left; }
.atrfdbk-time{width: 95%;   padding:5px;     float:left; }
.atrfdbk-page {    width:100%;   clearth:both;  font-weight:bold;   color:slateblue;   margin-bottom: 100px;  }








/* ///////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////   */
/* ///////////////////////////////////    attraction_index 页 css           /////////////////////////////////   */
/* ///////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////    */

/* 相似景点   attractions similiar */    
.atrindex_ppl { float: left; width:100%;  padding:100px 0 20px 0;  color:#333;    }
                                            .atrindex_ppl  .hd2  {float: left;   clear:both;  color: #000; display:block;  margin-top: 18px;  padding-top: 18px; line-height: 18px;  font-size: 17px; }
                                            .atrindex_ppl  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .atrindex_ppl  ul { display:block; width:20%; float:left; list-style:none; margin: 10px 45px 20px  0px; }
                                            .atrindex_ppl li { display:block; float:left;  width:99%;  padding-top: 10px; list-style: none; text-align:center; opacity:1;}
                                            .atrindex_ppl li:hover {opacity: 1; }
                                            .atrindex_ppl img { height:150px; padding:0px; background-color: #ccc; border-radius: 10px; }

.atridx_sub  { float: left; width:100%;  padding:100px 0 20px 0;  color:#333;    }
                                            .atridx_sub  .hd2  {display:block;  width:95%;  float: left;   clear:both;  color: #000;   margin-top: 18px;  padding-top: 18px; line-height: 36px;  font-size: 30px; }
                                            /*h2  {display:block;  width:100%;  float: left;   clear:both;  color: #000;   margin-top: 18px;  padding-top: 18px; line-height: 36px;  font-size: 30px;  font-weight:normal; }  */
                                            .atridx_sub  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .atridx_sub li { display:block; float:left;  width:99%;  padding-top: 10px; list-style: none;  opacity:1; }
                                            .atridx_sub li:hover {opacity: 1; }
                                            .atridx_sub li ul { display:block; width:20%; float:left; list-style:none; margin:10px 35px 20px 0px; padding-right: 10px; }
                                            .atridx_sub li ul li { display:block; float:left;  width:100%;  padding-top: 10px; list-style: none;  opacity:1; text-align:center; }
                                            .atridx_sub img { height:150px; padding:0px; background-color: #ccc; border-radius: 10px; }

.atrindex_allatr {width:100%; clear:both; }
.atrindex_allatr ul li {float:left; display:block;  width: 30%; padding:5px;  }

.atridx_dsc {width:100%; clear:both; float:left; display:block;  margin: 0 auto; padding: 0 auto;   }
.atridx_dsc ul {width: 60%; padding: 0 auto;  margin: 0 auto; }
.atridx_dsc li { text-align:center;   }

.atrindex_profile {width:100%; clear:both; }
.atrindex_profile  ul li {float:left; display:block;  width: 100%; padding:5px; clear:both;  }
.atrindex_profile  h2{width:100%; clear:both; }
.atrindex_profile .hd {display:inline-block;   clear:both; background-color: skyblue; padding: 2px 120px;  color:#fff;   font-weight:bold;  text-align: center; margin:20px 0 10px 0;  }

/* 景点页 图片   一行可以放一张全幅大图 */    
.atridx_photo {width:100%;   margin: 0px 0px 0px 0px;  padding:80px 0 0 0; clear: both;    text-decoration: none;   opacity:1;     }
                    .atridx_photo ul { float:left; clear:both; width: 100%;  padding: 0px 0 20px 0;   }
                    .atridx_photo li    {  list-style: none;  width:100%;  clear:both;   margin: 0 10px 10px 0;  color: #333;   text-align: left;  }
                    .atridx_photo img {width:90%; padding: 20px 0 20px 0; padding:10px; background-color:#ccc;  }
                    .atridx_photo .box { width:100%;  } 
                    .atridx_photo .bold { font-weight:bold; }    
                    .atridx_photo .copywright { float: left;  width: auto;  clear:none; display:block;  margin: 0 45px 10px 0px;  padding:0px; color: #333;   text-align: left;  
                                         font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";   font-size:small;}  


/* 景点介绍 */    
.atridx_intro {  float: left; width:100%;  margin:0 0 0 0; padding:80px 0 0 0;  color:#333;   clear:both;   }
                                           .atrintro:hover { color: #000;  opacity: 1; }
                                           .atrintro li {display:block; width:100%; clear:both; margin: 5px 0;  }
                                           .atrintro .bd {font-weight:bold;  text-align:center; }

/* 景点 攻略 */    
.atridx_tips {width:100%; display:block; float:left; clear:both;  margin: 100px 0 30px 0; }
.atridx_tips  ul li {float:left; display:block;  width:100%; padding:5px; clear:both;  }
.atridx_tips  h2{width:100%; clear:both; margin: 0 0 15px 0; }
.atridx_tips .hd {display:inline-block;   clear:both; background-color: skyblue; padding: 2px 120px;  color:#fff;   font-weight:bold;  text-align: center; margin:20px 0 10px 0;  }

/*atridx_sml 景点注意事项*/
.atridxsml{ float: left; width:100%;  padding:100px 0 20px 0;  color:#333;    }
                     .atridxsml  .hd2  {display:block;  width:95%;  float: left;   clear:both;  color: #000;   margin-top: 18px;  padding-top: 18px; line-height: 36px;  font-size: 30px; }
                     .atridxsml  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                     .atridxsml li ul { display:block; width:20%; float:left; list-style:none; margin:10px 35px 20px 0px; padding-right: 10px; }
                     .atridxsml li ul li { text-align:center;  }
                     .atridxsml li { display:block; float:left;  width:99%;  padding-top: 10px; list-style: none;  opacity:1; }
                     .atridxsml li:hover {opacity: 1; }
                     .atridxsml img { height:150px; padding:0px; background-color: #ccc; border-radius: 10px; }


.atridx_note { float: left;  display:block;  clear:both;  width:100%;    margin-top:5px 0  100px 0;  padding: 80px 0 0 0;  }
.atridx_note  .hd {  color:orange; display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }
.atridx_note .hd:hover { background-color: #666; }
.atridx_note  .title{font-weight:bold; }
.atridx_note  li {  float:left;  width:98%;   list-style: none; clear:both;   list-style:none;  padding-left: 3px;  margin-top: 10px; }
.atridx_note  li:hover { background-color:#CCC;  }
.atridx_note h2 {margin-top:10px;  padding-top: 10px;}

/*  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// \

     ////////////////////////////////////////////          景点索引页  attraction-index          ////////////////////////////////////// //////

\ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */

/* Tour-index  / sub_index  酒店/旅游索引页的下级分类  sub_index of tour index */ 
.atrsubindex { float: left;  display:block;  clear:both;  width:100%;    margin-top:55px;  margin-bottom: 100px;  }
.atrsubindex  ul {  float:left;  width:100%;   list-style: none; clear:both;   display:inline-block;  list-style:none;  padding-left: 3px;  margin-top: 10px; }
.atrsubindex  li {  float:left;  width:100%;   list-style: none; clear:both;   display:inline-block;  list-style:none;  padding-left: 3px;  margin-top: 10px; }
.atrsubindex  .hd {  color:blueviolet; display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380; }
.atrsubindex  li.hd:hover { background-color: #666; }
.atrsubindex  li .description { color:#333; }

.atrsubindex li:hover { background-color:#CCC;  }




/*  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// \

     ////////////////////////////////////////////          文章页    article        ////////////////////////////////////// //////

\ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */



/*放在酒店/旅游线路页上的反馈*/
.qstn { float:left;  width:100%;  margin-top:28px;   margin-bottom:60px;  }
.qstn .hd { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;  }/**/
.qstn ul { float:left;  width:95%;    }
 /* .question-dialog ul li { }   width:100%; list-style:none; clear:both; margin-top: 5px;  margin-bottom:5px; */
.qstn_user {  list-style:none;  margin: 0 10px 0 0;   display:block;  width:40%;   padding:0;    font-weight:bold;  font-size:0.6;  opacity:0.8;  margin: 25px 0 0 5px; /*font-family: "Times New Roman";*/}
.qstn_time { float:left;  list-style:none;  margin: 0 0 0 15px;   display:block;  width:40%;  font-size:small;  opacity:0.6;  padding-top:38px;}
.qstn.qstn_title { display:block;  backround-color:#ccc;  clear:both; width: 100%;   list-style:none; margin-top: 5px;  margin-bottom:5px; display:block;  
                                                            font-weight:bold; backround-color:#ccc;  padding-left:0px;  opacity: 0.8; }
.qstn_content { width:100%; list-style:none; clear:both; margin: 3px 0 0 0px;   display:block; color:#000; /*  background-color:cornsilk;*/ padding: 5px;  font-weight:bold;  }

.qstn ul li ul  { width:90%; padding-left:50px;  }
.qstn ul li ul li.qstn_user { width:40%; list-style:none;  margin-top: 5px;  margin-bottom:0px; display:block;  padding: 5px 5px 3px 0px;   }
.qstn ul li ul li.qstn_time { width:40%; list-style:none;  margin-top: 20px;  margin-bottom:0px; display:block;  padding: 5px 5px 3px 0px;   }
.qstn ul li ul li.qstn_title { padding-left:30px; width:80%; list-style:none; clear:both; margin-top: 5px;  margin-bottom:5px; display:block;  padding: 5px 5px 5px 20px;  }
.question-dialog ul li ul li.qstn_content1 {  width:100%; list-style:none; clear:both; margin: 1px 0 10px 0;  margin-bottom:5px; display:block;  padding: 2px 5px 5px 5px;  opacity:0.8;   }

.atcintro {  float: left; width:100%;  margin:0 0 0 0; padding:80px 0 0 0;  color:#333;   clear:both;   }
                                           .atcintro:hover { color: #000;  opacity: 1; }
                                           .atcintro li {width:100%; clear:both; text-align:left;  padding: 10px 0 3px 0;  }
                                           .atcintro .title {display:block; width:100%; clear:both; text-align:left;  padding: 10px 0 3px 0; font-weight:bold; }
                                           .atcintro .bd {font-weight:bold; }

.atcsml { float: left; width:100%;  padding:100px 0 20px 0;  color:#333;    }
                                            .atcsml  .hd2  {float: left;  with:100%; text-align:left;   clear:both;  color: #000; display:block;  margin-top: 18px;  padding-top: 18px; line-height: 18px;  font-size: 32px; }
                                            .atcsml  .bd { font-weight: bold;  clear:both;  padding-top: 10px; padding-bottom: 3px; }
                                            .atcsml  ul { display:block; width:100%; float:left; list-style:none; margin: 10px 15px 0px  0px; }
                                            .atcsml li { display:block; float:left;  width:100%;  padding: 5px 0 5px 80px; list-style: none; text-align:center; opacity:1; text-align: left;  }
                                            .atcsml li:hover {opacity: 1; }
                                            .atcsml img { height:150px; padding:0px; background-color: #ccc; }

.atcmore { float: left; width:100%;  padding:100px 0 20px 0;  color:#333;    }
                                            .atcmore  .hd2  {  loat:left; clear:both;  padding-bottom:6px;  font-size: 25px;  font-weight:300;  padding-top:30px; }
                                            /* hd 已在下面一起定义了.atrmore  .hd  {  loat:left; clear:both;  padding-bottom:6px;  font-size: 25px;  font-weight:300;  padding-top:60px; }
                                            */
                                            .atcmore  ul { display:block; width:96%; float:left; list-style:none; margin: 30px 0px 30px 0px; }
                                            .atcmore li { float:left; display:block; width:100%;  padding-top:30px; list-style: none; margin-bottom:10px; }
                                            .atcmore .bd {font-weight:bold; color:#333; display:block; clear:both; margin:50px 0 0 0; font-size:18px; line-height:40px; margin-bottom:5px; opacity:0.9;   }
                                            .atcmore img { width:20%; float:right;   padding:5px; clear:none;  }
                                            .atcmore .title {display:block; width:100%; clear:both; text-align:left;  padding: 10px 0 3px 0; font-weight:bold; }




/*  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// \

     ////////////////////////////////////////////          酒店页    hotel        ////////////////////////////////////// //////

\ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */


hotel_service {display:block; }
hotel_service li {display:block; text-decoration:none; width: 26%;}


.hotelprice {display:block; float:left; clear:both;   width:100%;   }
.hotelprice ul {display:block;  width:100%;  }
.hotelprice ul li { display:inline-block;  list-style: none;   line-height: 23px;  padding:5px; color:#000; font-size:1em; clear:both; }
.hotelprice ul li:hover {background-color:antiquewhite; }
.hotelprice .rmtp {display:block;  font-weight:bold; clear:both; margin-top:20px; }
.hotelprice .rmpr {display:block;  padding: 0 26px 0 18px;  }
.hotelprice .brkfst {display:block;   }
.hotelprice .vldt  {display:block;   }
.hotelprice .book a {display:block; padding: 2px  16px; }
.hotelprice .htlprccl {font-size:0.85em;  opacity:0.6; }
.hotelprice .htlprsttdt  {font-size:0.85em;  opacity:0.7;  }
.hotelprice .htlprbrkfst  {font-size:0.85em;  opacity:0.7; }
.hotelprice .htlprpayplc  {font-size:0.85em;  opacity:0.7; }
.hotelprice .htlprunt  {font-size:0.8em;  }

                        .hotelprice .hd { color: blueviolet;   display:block;   line-height: 50px;   font-size: 32px;   font-family:"Oswald Regular"; font-weight:380;   }

/*hotel impression */
.htlimprs {display:block; float:left; clear:both;   width:100%;   }
.htlimprs ul {padding:0 auto; margin:0 auto; }
.htlimprs ul li {display:block; float:left; border:solid 1px silver; border-radius: 5px; padding: 3px 16px; background-color:antiquewhite; margin: 6px 16px; font-size:0.9em;  }
.htlimprs .vt { display:inline-block; font-size:0.5em;  color:goldenrod; opacity:0.8}


/*hotel tel add*/
.teladd{display:block; }
.teladd ul {display:block; padding:0 auto; margin:0 auto; width:68%;}
.teladd ul li {display: block; width:100%; clear:both; text-align:center; float:left; color:black; opacity:1; }
.teladd .dscp { padding:0; margin:0;  display:block;  margin-top:20px; text-align:center; }


.hotel_location{display:block; }
.hotel_location ul{display:block; padding:0 auto; margin:0 auto; }
.hotel_location ul li {display: block; float:left;  width:46%; clear:none; color:black; opacity:1; padding: 5px 5px 5px 26px; }


.htl_detail{display:block; }
.htl_detail ul {display:block; padding:0 auto; margin:0 auto; }
.htl_detail ul li {display: block; float:left;  width:100%; clear:none; color:black; opacity:1; padding: 5px; }


.htlpto {display:block; }
.htlpto ul {display:block;  clear:none; }

.mainpto{isplay:block;d}
.mainpto ul { isplay:block; width:100%; padding:0 auto;  margin:0 auto;   }
.mainpto ul li {   text-align:center; }


.htlpto .smpto {  }


/* ///////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////   */
/* ///////////////////////////////////  以下为以前版本的CSS  (例: beijing-1-day-bird-watching-tour.htm   )中的CSS 格式， 改版后可以删除          /////////////////////////////////   */
/* ///////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////    */

/* 酒店/旅游线路页中的 includes excludes  ----------------------------------- */
.includes{
    float: left;
    width:99%;
    max-width: 355px;
    margin-top: 3px;
}
.excludes{
    float: right;
    width:99%;
    max-width: 310px;
    padding: 2px;
    margin-left: 3px;
    margin-top: 3px;
    margin-right: 3px;
}
.text-pr-incl{
    width: 100%;
    border-bottom-width: 1px;
    font-weight: bold;
    color: #000;
    height: 20px;
    float: left;
}



/*  ---------------------   酒店/旅游线索引页  酒店/旅游分类条  Tour Feedback Bar --------------  */
.fdbk_bar {       
    color:#FFF;
    display: block;
    clear:both;
    margin-top: 8px;
    padding: 1px 3px 1px 1px;
    background-color:#0CF;
    box-shadow:10px 10px 5px #888888;
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    /*
    margin-left: 8px;
    margin-right: 1px;
    */
    }


/*  ---------------------   酒店/旅游线索引页  酒店/旅游分类条  Tour Type Bar --------------  */
.ttp_bar {
    /*
    margin-left: 8px;
    margin-right: 1px;
    background-image: url(../image/arrow-navi.jpg);
    */
    width: 70%;
    color: #FFF;
    display: block;
    clear: both;
    margin-top: 60px;
    margin-left: -6px;
    margin-bottom: 30px;
    background-color: #00F;
    box-shadow: 10px 10px 5px #888888;
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    background-repeat: no-repeat;
    background-position: right;
    opacity: 0.7;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 6px;
    padding-left: 6px;
    }
    
    /*.ttp_bar h2{
    color: #FFF;
    text-decoration: none;
    padding: 1px 1px 1px 1px;
                        }
    */
    

/*  --------------------- 网页中增加一个100％ 宽的层   层内放置酒店/旅游线路或其它内容 -------------------  */
.tour_square100 {
    margin: 50px 0px 30px 0px;
    padding: 30px 0px 30 px 0px;
    width: 100%;
    clear:both;
    }



/*  ---------------------  酒店/旅游线索引页 酒店/旅游分块 Tour Square on index page --------------  */
.tour_square {
    margin: 20px 0px 30px 0px;
    width: 100%;
    clear: both;
    }
                        .tour_square ul {
                        background-color: #9FF; 
                        display: block;
                        float:left;
                        width: 310px;
                        border: 0px;
                        border-radius:10px;
                        padding: 10px 0px 30px 0px;
                        margin:  3px 11px 9px 0px;
                        opacity: 0.9;
                        }
                        .tour_square ul:hover{
                            background-color: #39F;
                        }
                        .tour_square ul li {
                        margin: 1px 0px 0px 0px;
                        padding: 2px 10px 2px 10px;
                        list-style: none;
                        font-size: 1em;
                        font-weight: normal;
                        }
                        
                        .tour_square .hd{
                        display: block;
                        margin: 0px;
                        padding: 5px 10px 5px 10px;
                        list-style: none;
                        font-size: 1em;
                        font-weight: bold;
                        border-radius: 10px;
                        opacity: 0.8;
                        }



/*  ---------------------  td price 酒店/旅游线路页中的价格表  -------------------  */
.td-date {
    color: #FFF;
    height: 30px;
    width: 100%;
    background-color: #06F;
    box-shadow:10px 10px 5px #888888;
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    opacity:0.7;
    border-radius:5px;
    float:left;
    margin-bottom:20px;
}


.date{
    width: 90px;
    text-align: center;
}
.td-meal{
    width: 50%;
    background-image: url(http://www.beijingservice.com/image/beijingservice-dinning.jpg);
    background-repeat: rect(auto,30px,auto,auto);
    background-position: left;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
/*一日游价格表里中间的价格*/
.td-price{    
    text-align: center;
    vertical-align: middle;
    /*height: 20px;*/
    font-size: small;
}
.table-white-bg{
    border-collapse:collapse;
    border:solid 1px red;
}
.td-blue-bg{
    border-collapse:collapse;
    border:solid 1px #0CF;
    background-color: #0CF;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}
.td-white-bg{
    border-collapse:collapse;
    border:solid 1px #0CF;
}
.td-price-s{
    /*background-color: #0CF;*/
    text-align: center;
    vertical-align: middle;
    height: 20px;
    font-size: small;
}
/*一日游价格表里右侧的价格格式 一般是预订按钮*/
.td-price-r{
    text-align: center;
    vertical-align: middle;
    color:#03F;
    opacity:0.85;
}
                /*.td-price-r a{
                    background-color:#FFF;
                }*/
.td-price a {
    color: #006;
    font-weight: bold;
}
.td-price-w{
    background-color: #0CF;
    color: #FFF;
    font-size: small;
}
.td-price-t{
    background-color: #09F;
    text-align: center;
    vertical-align: middle;
    /*height: 20px;  font-weight: bold; */
    color: #FFF;
    font-size: small;
    text-decoration: none;
}
.td-price-p{
    background-color: #09F;
    color: #FFF;
    text-decoration: none;
}
/*一日游价格表里左侧侧的价格格式 一般是人数*/
.td-price-l{
    text-align: center;
    vertical-align: middle;
    font-size: small;
    /*height: 20px;*/
}

.tour-include{
    clear: both;
    width:100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
}


.accommodation{
    width:99%;
    max-width: 679px;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
}
.price-remark{
    width:99%;
    max-width: 676px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
}


/*Font Awesome 图标  .................................................................................................

使用方法： <i class="fa fa-reply" aria-hidden="true"></i>


*/
                .fa-th-list  { color:firebrick; opacity:0.6;}  /*dodgerblue*/
                .fa-plus-circle  { color:dodgerblue; opacity:0.8; font-size: 75px; }
                .fa-certificate  { color:goldenrod; opacity:1; font-size: 56px; }  /*dodgerblue*/
                .fa-hand-o-right{ color:dodgerblue; opacity:1; font-size: 30px; } 
                .fa-calculator { color:dodgerblue; opacity:0.9; font-size: 40px; }    
                .fa-map-signs { color:dodgerblue; opacity:0.8;  }        
                .fa-bar-chart,
                .fa-book,
                .fa-flag,
                .fa-globe,
                .fa-cab,
                .fa-camera-retro,
                .fa-info-circle { color:dodgerblue; opacity:1; font-size: 35px; padding-left: 20px; } 
                .fa-line-chart { color:dodgerblue; opacity:1; font-size: 30px; padding-left: 10px; } 
                .fa-angle-double-right{ color:dodgerblue; opacity:1; font-size: 18px; padding: 0 5px 0 10px; } 
                 
          .fa-hand-o-left, 
          .fa-sun-o, 
          .fa-smile-o { color:dodgerblue; opacity:0.8;  font-size:27px;  } 
          .fa-calendar,
          .fa-calendar-check-o { color:limegreen; opacity:1;  font-size:35px; clear:both; } 
          .fa-bell-o,
          .fa-cutlery,
          .fa-quote-left,
          .fa-quote-right,
          .fa-reply,
          .fa-hotel { color:dodgerblue; opacity:0.6; font-size: 20px;  } 
         .fa-building-o {color:dodgerblue; opacity:0.6; font-size: 20px;  }

          .fa-arrow-circle-up{position:fixed; z-index:888;   bottom:10px;  right:20px; 
                                        opacity:0.8; font-size: 60px; float:right; clear:none; margin:0; padding:0; display:block; color:dodgerblue; }
.up{z-index:#999; }
          .fa-bullhorn {color:dodgerblue; opacity:0.6; font-size: 50px; }


       


                    /*left-navi-bar   / lnb*/
                    .fa-camera,
                    .fa-address-card-o,
                    .fa-binoculars, 
                    .fa-level-up, 
                    .fa-building,
                    .fa-building,
                    .fa-sitemap { color:limegreen; opacity:0.7; font-size:23px; padding:0px 20px 0px 30px; }
                        /*float:right; padding:0px 25px 0px 0px; margin:16px 0px 0px 1px;      springgreen */


.fa-bank,
.fa-wechat,
.fa-credit-card,
.fa-paypal  { color:dodgerblue;  opacity:0.7;    }   /*darkgray*/
.fa-check { color:dodgerblue; opacity:0.8;  }          
.fa-ban{ opacity:0.7; }
.fa-paper-plane-o { color:dodgerblue; opacity:0.8; font-size: 55px; } 

.fa-phone,
.fa-envelope-o,
.fa-edit,
.fa-user-o { color:#fff; }
.fa-user-circle { font-size:1.2em; display:block; color:blue; float:left; padding:8px;  opacity:0.6; }

.fa-facebook-official,
.fa-instagram,
.fa-twitter-square  { color:#fff;  font-size: 22px; }
.fa-home { color:#fff;  font-size: 28px; }

                .fa-plus-square-o,
                .fa-paw,
                .fa-suitcase,
                .fa-th,
                .fa-chevron-circle-down,
                .fa-chevron-down,
                .fa-circle-o,
                .fa-sign-in,
                .fa-handshake-o,
                .fa-map-marker,
                .fa-star-o  {color:dodgerblue; opacity:0.8; font-size: 25px; }

                .fa-cny,
                .fa-bell {color:dodgerblue; opacity:0.8; font-size: 16px; }


                .fa-tag  {color:orange; opacity:0.7; font-size: 32px;   padding-top: 0px;  margin-top:80px; }
                .fa-tags  {color:orange; opacity:0.7; font-size: 23px;   padding-top: 0px;  margin-top:10px; }
                .sidx_tag{ margin-top: 80px; }
                .fa-bars {color:dodgerblue; opacity:0.7; font-size: 25px;   padding : 0 5px 0 10px;  margin-top: 2px;  }

                .fa-star,                    /*用在反馈上*/
                .fa-starhalf-empty {color:goldenrod; opacity:0.8; font-size: 16px; padding-right:1px;  }       /*用在反馈上*/
                .fa-star-o {color:goldenrod; opacity:0.8; font-size: 18px; padding-right:1px;  }                     /*用在酒店上*/
                .fa-circle {color:goldenrod; opacity:0.8; font-size: 18px; padding-right:3px; }  /*用于酒店星级level*/


/*下面几个是交通工具*/
      .fa-plane,
      .fa-train,
      .fa-ship,
      .fa-car,
      .fa-bus,
      .fa-bicycle,
      .fa-subway, 
      .fa-taxi   {color:dodgerblue; opacity:0.8; font-size: 25px; }

                .fa-angle-down,
                .fa-angle-right {color:dodgerblue; opacity:0.8; font-size: 20px; padding:5px 5px 0px 0px; }
                .fa-thumbs-up {color:dodgerblue; font-size: 50px;  -webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);z-index:1;;}


/*下面几个用于提交*/

          .fa-pencil-square-o,
          .fa-snowflake-o { color:dodgerblue; opacity:0.6; font-size: 20px;  } 
          .fa-chevron-right { color:dodgerblue; opacity:0.6; font-size: 16px;  padding-left:8px; }  /*书本*/
          .fa-cogs,
          .fa-file-text-o,
          .fa-cog { color:dodgerblue; opacity:0.6; font-size: 16px;  } 
          .fa-plus { color:dodgerblue; opacity:0.6; font-size: 12px;  } 
          .fa-question{color:dodgerblue; opacity:0.6; font-size: 16px;  }
          .fa-commenting-o{color:dodgerblue; opacity:0.6; font-size: 16px;  }
          .fa-commenting{color:dodgerblue; opacity:0.6; font-size: 25px;  }
          .fa-refresh{color:dodgerblue; opacity:0.6; font-size: 16px;  }
          .fa-ellipsis-v{ color:dodgerblue; opacity:0.6; font-size: 20px;  } 
          .fa-archive {color:dodgerblue; opacity:0.6; font-size: 16px;  }
          .fa-reply {color:dodgerblue; opacity:0.6; font-size: 16px;  } 
          .fa-internet-explorer{color:dodgerblue; opacity:0.6; font-size: 16px;  }
          .fa-user {color:dodgerblue; opacity:0.6; font-size: 20px;  padding-right: 5px; }
          .fa-user-circle-o {color:dodgerblue; opacity:0.6; font-size: 18px;  padding-right: 5px; opacity:0.8; }
          .fa-pencil { color:dodgerblue; opacity:0.6; font-size: 16px;  } 
          .fa-remove { color:red; opacity:0.6; font-size: 16px;  } 
          .fa-comments-o { color:dodgerblue; opacity:0.6; font-size: 18px;  } 



/* ///////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////    */
/* ///////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////    */
/* ///////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////  /////////////////////////////////    */


















/* .....................................................................................................................................*\

                                         当屏幕小于1150px时
                                         导航条padding left/right 变小. 

\*......................................................................................................................................*/
@media screen and (max-width: 1190px) {   /* 由1150px修改而来.2020.10.08 */
                        .bsnav li {
                            padding:6px 12px 6px 12px;
                        }


                        /*图片铺满所在层  80％宽度  左对齐  小于800px时100%*/
                        .photo80_100{  /* float: left; float:right;   */  
                                          width:80%;  clear: both;  margin-top: 5px;  opacity:1; 
                                         border-radius: 1px; 
                                         /* padding: 45px;   margin-left: 5px;   */
                                         /*  background-color:#CCC;  box-shadow:10px 10px 5px #888888;  -moz-box-shadow: 10px 10px 5px #888888; 老的 Firefox */ 
                         }

                        /* strong point  强项 */    
                       .tstrp li { width:100%;   line-height: 32px; /*text-align:center;*/ }


 



/*..........................................................主导航条   Navi  bs...................................................................................*/
#bsnavi  { background-color:#06F;    padding: 10px 10px 8px 10px;  margin:0;   display:inline-block;  width:100%;    text-align:center; opacity:0.92;   } /*text-align:center;    */
#bsnavi ul {width:100%; margin:0; background-color:#06F;  display:inline-block;   }    /* ninum-height:50px;  height:auto;   padding: 0 10px; */

#bsnavi li { z-index:999;  width:9%;  min-width:145px; max-width: 165px; background-color:#06F;  display:inline-block;  }       /*  float:left;    list-style: none;  padding: 6px 10px 6px 10px;  */
#bsnavi li a{color:#fff; }
.fix {  background-color:#06F;  position:fixed;   top:0;   left:0;    text-align:center;  z-index:999; display:inline-block;    }    /* float:left;  left:auto; display:block;    */

        #bsnavi_one {display:none; }
        #bsnavi_two {display:block; }
        #bsnavi_three {display:block; }
        #bsnavi_four {display:block; }
        #bsnavi_five {display:none; }
        #bsnavi_six {display:none; }
        #bsnavi_seven {display:none;  }
        #bsnavi_eight {display:none; }

.bsnav { width:100%;   background-color:#06F;  margin:0;     padding:6px 10px 7px 10px;     opacity:0.93;   z-index:999; }  
/*position:relative;    text-align: center;  */
        .bsnavhome {display:none; }
        .bsnav_two {display:block; }
        .bsnav_three {display:block; }
        .bsnav_four {display:block; }
        .bsnav_five {display:none; }
        .bsnav_six {display:none; }
        .bsnav_seven {display:none;  }
        .bsnav_eight {display:none;}
        

                }  /*当屏幕小于1150px    end */  








/* .....................................................................................................................................*\
                                         当屏幕小于1099px时
         导航条padding left/right 变小. 

\*......................................................................................................................................*/
@media screen and (max-width: 1099px) {
.bsnav li {
    padding:6px 8px 6px 8px;
}
    .bsnav a {
        font-size:15px;
    }


        .path {
    width: 100%;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: -10px;
    margin-bottom:30px;
    padding: 0px;
    }

/*图片铺满所在层  80％宽度  左对齐  小于800px时100%*/
.photo80_100{  /* float: left; float:right;   */  
                  width:85%;  clear: both;  margin-top: 5px;  opacity:1; 
                 border-radius: 1px; 
                 /* padding: 45px;   margin-left: 5px;   */
                 /*  background-color:#CCC;  box-shadow:10px 10px 5px #888888;  -moz-box-shadow: 10px 10px 5px #888888; 老的 Firefox */ 
                }


/*酒店/旅游线路页的profile*/   
                .tprf li { width: 46%;    margin-right:20px;   }   
    
    
    
    }






/* .....................................................................................................................................*\
                                         当屏幕小于1036px时
         顶部logo 不变.           导航条不变.          左侧导航自适应.          右侧内容自适应. 
\*......................................................................................................................................*/
@media screen and (max-width: 1036px) {
                                            .bsnav li { padding:6px 5px 6px 5px;  }
                                            .bsnav a { font-size:14px; }
                                            .content_n_l {    width:100%;   max-width: 220px;   }             .content_n_r {    width:78%;    }   /* 
    .content_n_l {  width: 100%; max-width: 270px;   margin-right: 6px;  margin-left: 15px;   float: left;    clear:left; opacity: 1;   margin-top: 10px;   }
*/
                                             /*图片铺满所在层  80％宽度  左对齐  小于800px时100%*/
                                            .photo80_100{  /* float: left; float:right;   */  
                                                          width:90%;  clear: both;  margin-top: 5px;  opacity:1;  border-radius: 1px; 
                                                         /* padding: 45px;   margin-left: 5px;   */
                                                         /*  background-color:#CCC;  box-shadow:10px 10px 5px #888888;  -moz-box-shadow: 10px 10px 5px #888888; 老的 Firefox */ }
              }



/* .....................................................................................................................................*\
                                         当屏幕小于990px时
         导航条padding left/right 变小. 
\*......................................................................................................................................*/
@media screen and (max-width: 990px) {
                                            .bsnav li { padding:6px 25px 6px 5px;}
                                            .image_div { width:45%;   font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";     font-size: 93%;   }
                                            .image_div:hover  { width:45%;   }
                                            .image_s { image_opacity: 0.9;   width: 15%; max-width: 120px;  }
                                            .image_s:hover {image_opacity: 1.0; width: 45%; }
                                            /*图片铺满所在层  80％宽度  左对齐  小于800px时100%*/
                                            .photo80_100 {  /* float: left; float:right;  */   width:95%;  clear: both;  margin-top: 5px;  opacity:1;  border-radius: 1px; }
                                            /* padding: 45px;   margin-left: 5px;   */
                                            /*  background-color:#CCC;  box-shadow:10px 10px 5px #888888;  -moz-box-shadow: 10px 10px 5px #888888; 老的 Firefox */ 
              }



/* .....................................................................................................................................*\
                                         当屏幕小于950px时
         顶部logo 不变.          导航条不变.          左侧导航自适应.          右侧内容自适应. 
    @media screen and (max-width: 951px) {
                        .bsnav li {   margin-bottom: 13px;  }
                        .bsnav a {  border-right:solid 1px #;        border-color:#FFF;          }
                                                                                  }
\*......................................................................................................................................*/
    @media screen and (max-width: 950px) {
                                   /*         .lnb1_li {     padding: 0px 1px 0px 0px;  font-size:small;      }
                                            .lnb1_li a{   font-size:small;    }
                                            .lnb1_index {    font-size:small;    padding-left:15px;    }
                                            .lnb1_index a {  font-size:small;  }
                                  */
                                            .content_n_r { width:98%; }

                .content_left {margin-left:0px; }
        .content_left ul li { display:block;  margin-left:0px; } 
        .content_left ul li span { display:inline-block;  opacity:0.93; padding:1px;  color:#fff; 
                                                    border-radius: 3px;  margin-left:-50px; position:fixed; 
                                                    top:265px;  z-index:999; 
                                                    } /*background-color:firebrick;*/
        .content_left ul li ul { display:none; }
        .content_left ul li:hover ul { position:fixed; top:105px; display:block;   width:220px; z-index:999; opacity:1;  height:auto; background-color:skyblue; 
                                                          margin-left:26px; padding-left: 10px;  clear:both; opacity:0.9; }  /*background-color:#ccc; */
        .content_left ul li:hover ul li a:hover { opacity:1; font-weight:bold; }
            .content_n_l {width:50%; display:block;  z-index:999; }
            .content_n_l ul {height:auto; display:block;  margin-left:20px; } /**/
            .content_n_l ul li {} /*display:block; */
        
            .lnbtour {  background-image: none;  height:auto; margin-top:0px; }
            .lnbtour hd { display:none;  }
            .lnbtour ul { display:block;  position:relative; margin-top:-0px; }   /*margin-top:50px;*/
            .lnbtour li { font-size:small;  float:left; clear:both; width:70%;  padding-left:15px;  }   
            .lnbtour li a {color:#000;  font-size:small; opacity:0.8; }
            .lnbtour li:hover {    opacity: 1.0;    boder-bottom:solid 2px;  }
        
            /*左则导航  最上面区块的小标题*/
            .lnbtour ul hd{ opacity:1;    clear:left;  }
            .lnbtour .index { margin-left:-3px;   margin-top: 10px;   font-size:small; }

            .lnbtdscv { background-image:none;  height:auto; display:none}
            .lnbtdscv ul {display:none;  position:relative; }
            .lnbtdscv li { font-size:small;   padding-left: 2px; clear:both;   }
            .lnbtdscv li:hover {    opacity: 1.0;    boder-bottom:solid 2px;    }
            .lnbtdscv li a{ list-style: none;   display: block; color:#fff; }
            .lnbtdscv li a:hover {    }

            /*左侧导航  最上面区块的小标题*/
            .lnbtdscv .hd {     color:#333; font-weight: bold;  text-decoration: none;  padding: 35px 1px 2px 5px;   margin-left:-5px;
                margin-top: 15px;    border-bottom: dotted 1px #b3b3ff; text-align:left;     opacity:1;    clear:left;}

           .lnbtfdbk {display:none}  /*left navi bar - top feedback       带笑脸的客人反馈  =》隐藏*/
           .lnbtprnt { display:none  }    /*    left navi bar parent / lnbtprnt (原用名 left Navi bar 3 -  . parent category   =》隐藏 */
            .lnbtsite { display:none   }    /*     left bar - site, 全网站级导航， 一般是 about us, contact us, simtemap    =》隐藏    */
 
        
                                                                             } /* 屏幕小于950px css end*/


/* .....................................................................................................................................*\
                                         当屏幕小于850px时
         顶部logo 不变.          导航条不变.          左段导航条字体变小.         右侧内容自适应. 
\*......................................................................................................................................*/
    
    @media screen and (max-width: 850px) {
                                        .path { width: 100%; margin: 0px 0px 0px -5px;   padding:0px;  }
                                        /* .content_n_l {  width:20%;  }
                                        .lnb1_li { padding: 0px 1px 0px 0px;  font-size:small;      }
                                        .lnb1_li a { font-size:small;    }
                                        .lnb1_index { font-size:small;    padding-left:15px;    }
                                        .lnb1_index a { font-size:small;  }                                         */
                                        .content_n_r {  width:97%; }            /*图片铺满所在层  80％宽度  左对齐  小于850px时100%*/
                                        .photo80_100 { width:100%;  clear: both;  margin-top: 5px;  opacity:1;    border-radius: 0px;    }
                                                         /* padding: 45px;   margin-left: 5px;   */
                                                         /*  background-color:#CCC;  box-shadow:10px 10px 5px #888888;  -moz-box-shadow: 10px 10px 5px #888888; 老的 Firefox */ 
         .wrap{display: none;  }  /*width:100%; padding:0; margin:0;  */
        .wrap li { display: none; }
        .slide-in a { display: none; }

                                      } /*屏幕小于850px  css 格式结束*/


        




/* .....................................................................................................................................*\
                                         当屏幕小于750px时
         导航条padding left/right 变小. 
\*......................................................................................................................................*/
@media screen and (max-width: 750px) {
.bsnav li {   padding:6px 25px 6px 25px;   }
}  /*屏幕小于750px end*/



/* .....................................................................................................................................*\
                                         当屏幕小于589px时
         顶部logo 不变.          导航条不变. 
         左段导航条字体变为smaller.
\*......................................................................................................................................*/
@media screen and (max-width: 589px) {
      header{ background-image: url(../beijingtravellogo/bgs.jpg);   height:85px;   padding:5px;  }
        .logo_b{ font-size:150%;    }
        .logo_r{ font-size:150%;    }
        .logo_y{ font-size:150%;    }
        .slogon{ margin-top: -5px;   margin-left: 5px;   marcin-bottom:-25px;    }
        .bsnav li { padding:6px 10px 6px 10px;    }
        .path { margin: 0px 0px 0px -10px;    font-size:small;    }
        .path a { font-size:small;    }
        .content_n_l { width:12%; }
        .content_n_r{ width:83%;  margin-left:3px; }
        .lnb1_li {    font-size:smaller;      padding-left:1px;    background-color:silver;    margin-bottom:1px;    text-align:center;    }
        .lnb1_li a {    font-size:smaller;      padding-left:0px;    }
        .lnb1_li a:hover {    color: #FFF;     background-color:firebrick;    }
        .lnb1_index {    font-size:smaller;    padding-left:2px;    text-align:center;    boder-top-left-radius:2px;    boder-top-right-radius:2px;    }
        .lnb1_index a {    }
        
    
    /*酒店/旅游线路页的profile*/   
                .tprf li { width: 96%;       }   
    
                                  }  /*屏幕小于589px end*/


/* .....................................................................................................................................*\
                                         当屏幕小于500px时
         顶部logo 不变.          导航条不变.          左段导航条字体变小.         右侧内容自适应到导航条下. 
\*......................................................................................................................................*/
    @media screen and (max-width: 500px) {
         .content_n_l { width:12%;  }
         .content_n_r{ width:80%;  margin-left:3px;   }    
         .path { margin: 0px 0px 0px -10px;   font-size:small;   }
         .message { width: 100%; padding: 0px;   }

                                       }   /*屏幕小于500px end*/


/* .....................................................................................................................................*\
                                         当屏幕小于330px时
         导航条padding left/right 变小. 

\*......................................................................................................................................*/
@media screen and (max-width: 330px) {
            header { background-image: none; height:35px; padding:0px 0px 10px 0px; margin:0px;  }
         .logo{  padding:0px 0px 0px 2px; margin:0px 0px 15px 0px;  }
                 .logo_b{ font-size:150%; }
                 .logo_r{ font-size:150%; }
                 .logo_y{ font-size:150%; }
         .slogon { display:flex; height:0px; width:0px; marcin-bottom:0px; overflow:hidden;  }
         .bsnav { padding:0px; margin:0px; }
         .bsnav li { width:100%; text-align:center; }
         .bsnav a { }
         .bsnav a:hover { background-color: none;  }
         .path { margin: 0px 0px 0px -10px;   font-size:small;   }
         .image_div {     width:100%;  }
         .image_s {   width: 25%;   max-width: 120px;    }
         .image_s:hover {  image_opacity: 1.0;  width: 45%;  }

                                       }   /*屏幕小于300px end*/


/* .....................................................................................................................................*\
                                         当屏幕小于196px时
         顶部logo 不变. 
         导航条不变. 
         左侧导航自适应.
         右侧内容自适应. 
\*......................................................................................................................................*/
@media screen and (max-width: 196px) {
         .content_n_l { width:5%; font-size:x-small;  }
         .content_n_l:hover { width: 50%;   }
         .content_n_r { width:79%;  }
    
                                      }  /*屏幕小于196px end*/