﻿/* Reset Document */
*{ margin:0; padding:0; } 
table {  border-collapse:collapse; border-spacing:0; } 
fieldset,img {border:0;} 
img { display:block}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;} 
ol,ul,li {list-style:none;} 
ul,li{ list-style-position:outside; }
caption,th { text-align:left;} 
h1,h2,h3,h4,h5,h6 { font-size:100%;} 
q:before,q:after { content:'';} 
abbr,acronym { border:0; }  
a{ text-decoration:none;}
.clear{ display:block; clear:both;line-height:0;height:0;font-size:0}


/* Reset CSS */
body{text-align:center; font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
.wapper{margin: 0 auto;width:900px; text-align:left; background:white; position:relative}
.l { float:left}
.r { float:right}

/*header*/
.header { height:75px; }
/*.logo { float:left; width:220px;}*/
#logo { width:220px; position:absolute; height:75px;display:block; filter:alpha(opacity=00); opacity:0; -moz-opacity:0; cursor:pointer}
.logo {  width:220px;position:absolute;}

.header_r{ width:680px; float:right}
.topnav { height:47px; line-height:47px; font-weight:bold; float:left;width:520px;}
.topnav p.phone { background:url(../images/icon_01.gif) no-repeat left center; padding-left:25px; float:left;}
.topnav p.phone span.dot { background:url(../images/dot_9d9d9d.gif) no-repeat right; padding-right:15px; margin-right:15px;}
.topnav p.wap {padding-left:15px; background:url(../images/icon_02.gif) no-repeat left center;padding-left:15px; float:left; }

.language { float:right;margin-top:14px;display:inline; margin-right:10px; color:#576c7d; }


/*ul.menu { height:28px; background:url(../images/header_01.gif) repeat-x; padding-left:5px;}
ul.menu li { float:left; line-height:28px; text-align:center;}
ul.menu li.selected { width:66px; height:28px; display:block; background:url(../images/header_03.gif); color:white}
ul.menu li a { width:66px; height:28px; display:block; color:white}
ul.menu li a:hover { width:66px; height:28px; display:block; background:url(../images/header_03.gif); color:white}
ul.menu li.line { background:url(../images/header_02.gif) no-repeat; width:3px; height:28px; margin-left:5px; margin-right:5px;}
*/


ul.menu { height:28px; background:url(../images/header_01.gif) repeat-x; padding-left:5px;}
ul.menu li { float:left; line-height:28px; text-align:center; width:66px; cursor:pointer; color:white;}
ul.menu li.selected { width:66px; height:28px; display:block; background:url(../images/default_23.gif);}
ul.menu li.selected a {color:#006656}
ul.menu li a { width:66px; height:28px; display:block; color:white}
ul.menu li a:hover { width:66px; height:28px; display:block; background:url(../images/default_23.gif); color:#006656}
ul.menu li.line { background:url(../images/header_02.gif) no-repeat; width:3px; height:28px; margin-left:5px; margin-right:5px;}

.s_menu { position:absolute; display:none; color:#006656; background:url(../images/greentree_124.jpg); width:66px; height:174px; top:48px; left:620px; z-index:10000}
.s_menu p { height:28px; line-height:28px; text-align:center}
.s_menu p.s1 { border-bottom:1px dashed #d2dacf;}
.s_menu p.s1 a { text-decoration:none;color:#006656; display:block}
.s_menu p.s1 a:hover { background:#e7ede6;display:block;}


ul.sub_menu { background:url(../images/default_01.gif) repeat-x; display:none; height:26px;}
ul.sub_menu li {background:url(../images/default_26.gif); width:84px; height:23px; color:#000; float:left; text-align:center; line-height:23px; margin-top:2px; margin-right:4px;}
ul.sub_menu li a { display:block; color:#000;width:84px; height:23px;}
ul.sub_menu li a:hover { display:block; background:url(../images/default_25.gif);color:#fff; }


/*login*/
.login_box { background:url(../images/default_01.gif) repeat-x; height:26px; border:1px solid #c6d8d5; line-height:26px; padding-left:6px; color:#006656; border-top:none}
.login_box label { float:left}
.login_box input { background:url(../images/default_08.gif) repeat-x; border:1px solid #c6d8d5; height:16px; color:#576c7d; font-size:12px; width:120px; vertical-align:middle; float:left; margin-top:4px; margin-right:15px;}
.login_box input.btn { background:url(../images/btn_01.gif) no-repeat; border:none;text-align:center; color:white; width:49px; height:18px; margin-left:-10px; display:inline; cursor:pointer}
.login_box span { width:50px; height:19px; line-height:19px;  color:#666; float:left; margin-left:5px; display:inline; margin-top:3px; cursor:pointer; text-align:center;padding-left:19px;}
.login_box span a { color:#666;}
.login_box span a:hover { color:#666;}
.login_box span.l1 { background:url(../images/default_02.gif) no-repeat;padding:0;text-align:center;width:69px;}
.login_box span.l1 a { color:white}
.login_box span.l1 a:hover { color:white}
.login_box span.l2 { background:url(../images/default_03.gif) no-repeat;}
.login_box span.l3 { background:url(../images/default_04.gif) no-repeat;}
.login_box span.l3 { background:url(../images/default_04.gif) no-repeat;}
.login_box span.l4 { background:url(../images/default_22.gif) no-repeat;}


/*logined*/
.logined_box {background:url(../images/default_01.gif) repeat-x; height:26px; border:1px solid #c6d8d5; line-height:26px; padding-left:6px; color:#006656; border-top:none}
.logined_box p.q_link span { width:50px; height:19px; line-height:19px; display:block; color:#464646; padding-left:19px; float:left; margin-left:5px; display:inline; margin-top:3px; cursor:pointer;}
.logined_box p.q_link span a { color:#464646;}
.logined_box p.q_link span a:hover { color:#464646;}
.logined_box p.q_link span.l1 { background:url(../images/default_12.gif) no-repeat;}
.logined_box p.q_link span.l2 { background:url(../images/default_13.gif) no-repeat;}
.logined_box p.q_link span.l3 { background:url(../images/default_14.gif) no-repeat;}
.logined_box p.q_link span.l4 { background:url(../images/default_20.gif) no-repeat;}
.logined_box p.q_link span.l5 { background:url(../images/default_22.gif) no-repeat;}
.logined_box p.q_link span.l6 { background:url(../images/default_28.gif) no-repeat;}


.logined_box p.per_info { background:url(../images/icon_11.gif) no-repeat left center; padding-left:20px;}
.logined_box p.per_info span { color:#f00}


/*banner
.banner { width:900px; height:210px;}*/

/*banner*/
.banner { width:900px; height:185px; background:url(../images/default_21.gif) no-repeat left center; padding:5px 10px;}

.banner_fix { width:200px; float:left; margin-right:2px;}
.banner_fix img { width:200px; height:176px;}
.banner_roll { width:678px; float:left; }
.banner_roll img { width:678px; height:176px;}

/*main*/
.main { background:#fff url(../images/default_05.gif) repeat-x bottom; padding:8px; }
.sidebar { width:281px; float:left;border:1px solid #e6e6e6; padding:6px; height:346px; background:white; position:relative}
.content { float:right; width:582px; position:relative}
.column { border:1px solid #e6e6e6; background:white; padding:5px;}

.footer { background:url(../images/default_11.gif) repeat-x left top; margin-top:20px; padding-top:12px; text-align:center; color:#5c5c5c; line-height:22px;}

.search_box { color:#3d3d3d}
.search_box ul {border-bottom:1px solid #e5e5e5; height:30px; margin-bottom:8px;}
.search_box ul li { float:left; width:70px; height:26px; display:block; color:#666; line-height:21px; text-align:center; background:url(../images/default_06.gif); margin-left:8px; display:inline; cursor:pointer; position:relative}
.search_box img.hot { position:absolute; right:-18px; top:-3px;}
.search_box ul li.selected { background:url(../images/default_07.gif) no-repeat; color:white}
.search_box ul li.pro_998 { background:url(../images/default_27.gif) no-repeat; color:white}
.search_box ul li.pro_998 a {color:white; text-decoration:none}
.search_box ul li.pro_998 a:hover {color:white; text-decoration:none}


.search_box p { margin:5px; margin-top:0;margin-left:12px;}
.search_box p img { display:inline; margin-left:5px;}
.search_box p span { color:#f00;  margin-right:8px;}
.search_box p input { background:url(../images/default_08.gif) repeat-x; border:1px solid #c2c7cb; height:18px; line-height:18px; width:122px;}
.search_box p input.btn { background:url(../images/btn_01.gif) no-repeat; border:none;text-align:center;color:white; width:49px; height:18px; margin-left:5px; font-size:12px; cursor:pointer}

ul.tool_box { background:url(../images/default_09.gif) no-repeat; width:224px; height:86px; margin-left:2px; margin-top:8px; padding-left:53px;}
ul.tool_box li { width:72px; height:28px; line-height:28px; padding-left:40px; float:left}

.brand_box { width:278px; height:84px; margin-top:8px;}

/*.adv_box { height:76px; margin-bottom:8px;}
.adv_box img { float:left; margin-left:4px; display:inline; border:1px solid #dadada}
*/

.content ul.adv_box { height:76px; margin-bottom:8px;}
.content ul.adv_box li {float:left; display:inline; margin-left:3px;}
.content ul.adv_box li a {border:1px solid #dcdcdc; display:block; width:184px; height:72px; }
.content ul.adv_box li a:hover { border:1px solid #f00;display:block; width:184px; height:72px;}


.info_box { height:252px; position:relative;}
.info_box img.hot { position:absolute; right:180px; top:2px;}
.more { position:absolute; right:20px; top:12px;}
.info_box ul{ border-bottom:1px solid #e5e5e5; height:30px; padding-top:5px; }
.info_box ul li { float:left; width:70px; height:26px; display:block; color:#666; line-height:21px; text-align:center; background:url(../images/default_06.gif); margin-left:8px; display:inline; cursor:pointer;}
.info_box ul li a { color:#666; text-decoration:none; display:block}
.info_box ul li a:hover { text-decoration:none;display:block;color:white}
.info_box ul li.selected { background:url(../images/default_07.gif) no-repeat; color:white}
.tab_info { margin:8px;color:#494949}
.info_box ul li.selected a { color:#fff;text-decoration:none;}
.info_box ul li.selected a:hover { color:#fff;text-decoration:none;}

.tab_info table tr { height:29px;}
.tab_info table tr.open_title { background:#ecebf0; font-weight:bold; text-align:center;}
.tab_info table tr { background:#fff url(../images/default_10.gif) repeat-x bottom; }
.tab_info table tr span.hotel_name { background:url(../images/icon_05.gif) no-repeat left center; padding-left:15px; margin-left:15px;}
.tab_info table tr td.price { color:#f30; text-align:center; font-weight:bold}
.tab_info table tr td.time { color:#afafaf;text-align:center;font-size:11px;}

.tab_info .comment { zoom:1}
.tab_info .comment p.no1 { background:url(../images/icon_06.gif) no-repeat left center; padding-left:30px; color:#f30}
.tab_info .comment p.no2 { background:url(../images/icon_07.gif) no-repeat left center; padding-left:30px; color:#f30}
.tab_info .comment p.no3 { background:url(../images/icon_08.gif) no-repeat left center; padding-left:30px; color:#f30}
.tab_info .comment p.no4 { background:url(../images/icon_09.gif) no-repeat left center; padding-left:30px; color:#f30}
.tab_info .comment p span { margin-right:10px;}


.tab_info .promote {}
.tab_info .promote img { float:left; width:165px; border:1px solid #e5e5e5; padding:2px; height:190px;}
.tab_info .pro_info{ width:370px; float:right;line-height:20px;}
.tab_info .pro_info h1 { color:#f30; font-size:16px; font-family:"黑体"; font-weight:normal; text-align:center;  margin-bottom:10px;}
.tab_info .pro_info p.summarize { background:none; padding:0; line-height:18px; margin-bottom:8px;}
.tab_info .pro_info p { background:url(../images/icon_10.gif) no-repeat left center; padding-left:15px; margin-bottom:5px;}
.tab_info .pro_info p span { color:#afafaf; margin-left:28px; font-size:11px;}
.tab_info .pro_info p span.tag { color:#576c7d; font-size:12px; margin:0; margin-right:8px;}


.tab_info .sale_info { width:370px; float:right;line-height:20px;}
.tab_info .sale_info img { width:auto; height:auto; border:none; float:none; margin:0; padding:0}
.tab_info .sale_info table span { padding-left:20px;}
.tab_info .sale_info table span.icon1{ background:url(../images/icon_36.gif) no-repeat left center;}
.tab_info .sale_info table span.icon2{ background:url(../images/icon_37.gif) no-repeat left center;}
.tab_info .sale_info table span.icon3{ background:url(../images/icon_38.gif) no-repeat left center;}
.tab_info .sale_info table span.icon4{ background:url(../images/icon_39.gif) no-repeat left center;}
.tab_info .sale_info table span.icon5{ background:url(../images/icon_40.gif) no-repeat left center;}
.tab_info .sale_info table span.icon6{ background:url(../images/icon_41.gif) no-repeat left center;}
.tab_info .sale_info table span.icon7{ background:url(../images/icon_42.gif) no-repeat left center;}
.tab_info .sale_info table span.icon8{ background:url(../images/icon_43.gif) no-repeat left center;}
.tab_info .sale_info table span.icon9{ background:url(../images/icon_44.gif) no-repeat left center;}
.tab_info .sale_info table span.icon10{ background:url(../images/icon_45.gif) no-repeat left center;}
.tab_info .sale_info table tr.sale_title td{ background:#ececec; color:#494949; padding-left:5px; padding-right:5px;}

.active_part { width:270px; height:92px; position:relative; float:left; }
.active_part img { width:130px; height:85px; border:1px solid #d6d6d6; padding:2px; float:left}
.active_part p { width:125px; float:right}
.active_part p.active_date { color:#afafaf; position:absolute; bottom:0; right:0}
.b { margin-bottom:12px;}
.r { margin-right:12px;}

/*banner*/
/*#MainPromotionBanner{width:900px;height:210px;}
#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
#MainPromotionBanner .Slides{padding: 0;margin: 0;list-style: none;height: 210px;overflow: hidden}
#MainPromotionBanner .Slides li {float: left;width: 900px;height: 210px;}
#MainPromotionBanner .Slides img{border:0;display: block;width: 900px;height: 210px;}
#MainPromotionBanner .word { position:absolute; left:278px; bottom:50px;}
#MainPromotionBanner .SlideTriggers{margin: 0;padding: 0;list-style: none; position: absolute; top: 185px; right: 5px;z-index: 10;height: 25px;	}
#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #74a8ed;text-align: center;line-height:16px;width: 16px;height: 16px;font-family: Arial;
font-size: .9em;cursor: pointer;overflow: hidden; margin:2px;background: url(../images/slide_trigger.gif) no-repeat center center;}
#MainPromotionBanner .SlideTriggers li.Current{ color:#fff; background: url(../images/slide_trigger_c.gif) no-repeat center center;border:0; font-weight:bold;font-size: 1.4em;line-height: 21px;height: 21px;width: 21px;margin:0 2px; }
*/

/*banner for 600-185*/
#MainPromotionBanner{width:678px;height:176px;}
#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
#MainPromotionBanner .Slides{padding: 0;margin: 0;list-style: none;height: 176px;overflow: hidden}
#MainPromotionBanner .Slides li {float: left;width: 678px;height: 176px;}
#MainPromotionBanner .Slides img{border:0;display: block;width: 678px;height: 176px;}
#MainPromotionBanner .word { position:absolute; left:278px; bottom:50px;}
#MainPromotionBanner .SlideTriggers{margin: 0;padding: 0;list-style: none; position: absolute; top: 155px; right: 5px;z-index: 10;height: 25px;	}
#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #74a8ed;text-align: center;line-height:16px;width: 16px;height: 16px;font-family: Arial;
font-size: .9em;cursor: pointer;overflow: hidden; margin:2px;background: url(../images/slide_trigger.gif) no-repeat center center;}
#MainPromotionBanner .SlideTriggers li.Current{ color:#fff; background: url(../images/slide_trigger_c.gif) no-repeat center center;border:0; font-weight:bold;font-size: 1.4em;line-height: 21px;height: 21px;width: 21px;margin:0 2px; }


/*line_dot*/
.dot_989898 { background:url(../images/dot_989898.gif) repeat-x; height:13px; overflow:hidden}

/*font color*/
.f00 { color:#f00}

/*link*/
a.link_f00 { color:#f00; text-decoration:underline}
a.link_f00:hover { color:#f00; text-decoration:none}

a.link_576c7d { color:#576c7d; text-decoration:underline}
a.link_576c7d:hover { color:#f00; text-decoration:none}

a.link_f30 { color:#f30; text-decoration:underline}
a.link_f30:hover { color:#f00; text-decoration:none}

a.link_uf30 { color:#f30; text-decoration:none}
a.link_uf30:hover { color:#f00; text-decoration:none}

a.link_000 { color:#000; text-decoration:none}
a.link_000:hover { color:#f00; text-decoration:none}

a.link_5c5c5c { color:#5c5c5c; text-decoration:none}
a.link_5c5c5c:hover { color:#f00; text-decoration:none}

a.link_494949 { color:#494949; text-decoration:none}
a.link_494949:hover { color:#f00; text-decoration:none}

/*index hotellist control*/
.neverModules-auto
{
    border: 1px solid #000;
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    -moz-user-select: none;
}
.neverModules-auto .out
{
    width: 100%;
    color: #000;
    -moz-user-select: none;
}
.neverModules-auto .over
{
    width: 100%;
    color: highlighttext;
    background-color: #3366CC;
    -moz-user-select: none;
}
.neverModules-auto .autot
{
    font-size: 9pt;
    color: #000;
    text-align: left;
    padding-left: 5px;
    width: 100%;
    -moz-user-select: none;
}
.neverModules-auto .autot-over
{
    font-size: 9pt;
    color: #fff;
    text-align: left;
    padding-left: 5px;
    width: 100%;
    -moz-user-select: none;
}
.neverModules-auto .autoc
{
    font-size: 9pt;
    color: #008000;
    text-align: right;
    padding-right: 5px;
    width: 20%;
    -moz-user-select: none;
}
.neverModules-auto .autoc-over
{
    font-size: 9pt;
    color: #fff;
    text-align: right;
    padding-right: 5px;
    width: 20%;
    -moz-user-select: none;
}

/*city box added by 2010-10-29*/
.city_box{ margin-top:20px; margin-bottom:20px;}
.city_box table { width:100%; border:1px solid #bdbcbd}
.city_box table tr.title { background:#036959; height:34px; text-align:left; color:white; font-size:14px; font-weight:bold}
.part { width:245px; text-align:left; margin-top:15px;}
.part_t { border-bottom:1px solid #036959; height:28px; line-height:28px;}
.part_t h1 { background:url(../sysImages/zh-cn/Green/new_images/index_60.gif) no-repeat left center; padding-left:20px;color:#036959; font-weight:bold; font-size:12px; margin-left:10px;}
.part_c { margin:10px;}
.part_c p { line-height:20px;}
.part_c p span { margin-left:5px; color:#016c6c;}
.part_c a:link {color:#626262; text-decoration:none}
.part_c a:visited {color:#626262; text-decoration:none}
.part_c a:hover {color:#f00; text-decoration:underline}
