﻿/* 前台页面样式表 2009-10-01 */

input{height:20px;}
.page-title{border-bottom:1px solid #eee;font-size:14px;color:#148779}
h2.article-t{color:#0c7668;margin:10px;text-align:center;font-size:14px}

/*按钮*/
.btn-big{background-position:right -519px;border:0;cursor:pointer;color:#fff;font-size:14px;font-weight:700;width:123px;height:32px}
.btn-small{background-position:right -629px;width:45px;height:21px;display:inline-block;text-align:center}
.btn-big2:link,.btn-big2:visited,.btn-big2:hover,.btn-big2:active{background:url(/img/btn_big_bg.gif) no-repeat;color:#fff;width:132px;height:24px;line-height:24px;cursor:pointer;display:inline-block;text-align:center}

/*星级*/
span.grade{background-position:0 -311px;width:12px;height:11px;display:inline-block;font-size:0}

/*左右两列流体布局*/
.ky-left{width:190px;float:left;display:inline;}/*z-index:2;position:relative;*/
.ky-right{width:100%;margin-left:-200px;float:right;}/*z-index:1;position:relative;*/
.ky-content{position:relative;margin-left:200px;}

.ky-top{position:relative;margin-top:15px;}
.ky-top a.co-site{ background-position: 0 0;width:125px;height:34px;display:inline-block;margin:15px 0} 
.login-idx{background-position: 0 -35px;width:250px;height:70px;margin-top:22px;position:relative;}
.login-idx span.blk{margin:8px 0 4px 8px}
.login-idx span.blk input{width:80px;height:16px}
.login-idx span.go{position:absolute;right:13px;top:8px;text-align:center}
.login-idx span.go a#login{background-position: 0 -106px;width:83px;height:37px;line-height:37px;display:block;color:#fff;font-size:14px;font-weight:700;}
.login-idx span.go span{ background-position: 0 -144px;width:4px;height:7px;display:inline-block;font-size:0} 


.nav2009{background-position: 0 -152px;background-repeat:repeat-x;height:36px;width:100%;position:relative;z-index:2}
.nav2009 li{float:left;margin:0 10px;width:100px;text-align:center}
.nav2009 li a:link,.nav2009 li a:visited,.nav2009 li a:hover{color:#fff;line-height:34px;font-size:14px;display:block;}
.nav2009 a.nav-now{background-position: 0 -189px;margin-top:1px;font-weight:700}

#nav-menu{width:900px;margin:0 auto}
#nav-menu li ul{position: absolute;visibility: hidden;margin-top:1px;margin-left:0;*margin-left:-50px;border:1px solid #156e54}
#nav-menu li ul li{float: none;display: inline;margin:0;}
#nav-menu li ul li a{width:98px;display:block;background: #218aa4;margin:0;font-weight:400;font-size:12px;line-height:28px}
#nav-menu li ul li a:hover{background:#48c9cb}


#notice{padding:10px;}
#notice strong{font-size:12px;background:url(/img/speaker.gif) no-repeat 0 center;padding-left:15px;margin:0 0 10px 0}
#notice dt{background:url(/img/arr01.gif) no-repeat 0 center;line-height:22px}
#notice dt.now{background:#ceeeff;border:1px solid #fff;padding:0;height:22px;font-weight:700;}
#notice dt a{display:block;padding-left:10px;_height:1%;text-decoration:none}
#notice dd{border:1px solid #fff;text-indent:2em;line-height:20px;border-top:0;background:#fff;padding:5px;color:#333}

#ticket-hotel a{background:url(/img/hotel_ticket.png) no-repeat;display:block;margin:5px 0;height:54px;width:186px}
#ticket-hotel .t-h-1{background-position: 0 0;}
#ticket-hotel .t-h-2{background-position: 0 -55px;}
#ticket-hotel .t-h-3{background-position: 0 -110px;}
#ticket-hotel .t-h-4{background-position: 0 -165px;}

#tool ul{width:180px;margin:0 auto}
#tool li{float:left;margin:5px 3px;width:82px;}
#tool li a,#tool li a:hover{cursor:pointer;}
#tool li a span{display:block;width:82px;height:26px}
#tool .t1{ background-position: 0 -334px; } 
#tool .t2{ background-position: 0 -361px; } 
#tool .t3{ background-position: 0 -388px; } 
#tool .t4{ background-position: 0 -415px; } 
#tool .t5{ background-position: 0 -442px; } 
#tool .t6{ background-position: 0 -469px; } 
#tool .t7{ background-position: 0 -496px; } 
#tool .t8{ background-position: 0 -523px; } 
#tool .t9{ background-position: 0 -550px; } 
#tool .t10{ background-position: 0 -577px; } 

#plane a{color:#555}

#plane li{margin:5px;}
#plane li span{display:inline-block;width:25px;height:25px;vertical-align:middle}
#plane li.p-1 span{background-position: right -363px;}
#plane li.p-2 span{background-position: right -389px;}
#plane li.p-3 span{background-position: right -415px;}
#plane li.p-4 span{background-position: right -441px;}
#plane li.p-5 span{background-position: right -467px;}
#plane li.p-6 span{background-position: right -496px;}

#lineList li{float:left;margin:0 5px;word-break:keep-all;white-space:nowrap;}
#lineList li{font-size:14px;width:80px;margin:5px 0 5px 18px;zoom:1;overflow:hidden}
#lineList li a:hover{text-decoration:underline;}
#lineList .h-t{background-position: 0 -658px;background-repeat:repeat-x}
#lineList .h-t strong{background-position: 0 -629px;margin-left:20px;text-align:center;display:block;width:96px;height:28px;line-height:28px;color:#0e6f8b}

#rollImg,#rollImg2{width:780px;margin:0 auto;overflow:hidden;}
#rollImg img,#rollImg2 img{margin:0 5px}
#rollImg td,#rollImg2 td{text-align:center}


#theme{background:url(/img/themeline_bg.jpg) no-repeat;height:130px;position:relative;}
#theme ul{margin:27px 5px 5px 5px;width:164px;padding:0 0 0 96px; overflow:hidden; position:relative;}
#theme ul li{margin:2px 0 0 5px;white-space:nowrap}
#theme .r{background:url(/img/linecenter_bg.jpg) no-repeat;width:248px;height:130px; position:absolute;right:0;top:0; display:block;}
#theme .r img{width:90px;height:90px}
#theme .r ul{ position:relative;width:152px;padding:0 0 0 96px;margin:27px 0 5px;}
#theme .lImg{ position:absolute;left:0;top:0;}
#theme .r li{ float:none; text-align:left;}
.more01{left:510px;position:absolute;top:2px;}
#theme .r .more01{left:210px;top:2px;}
#theme .more01{color:#fff;}
#theme .more01:hover{color:#ff0;}

    /*线路分类*/
	.cat{zoom:1;overflow:hidden;}
	.cat ul{margin:10px 0}
	.cat ul li{float:left;margin:0 6px;word-break:keep-all;white-space:nowrap;}
	.line-list{background:#d4f2f2;}
	.line-list td,.line-list th{background:#fff;padding:3px}
	.line-list th{font-weight:400;color:#777;background:#ebfbf6;}
	.line-list .price,.line-list .line-name{font-size:12px}
	
    #city{border:1px solid #9fdce0;background:#eafbf6}
    #city h2{margin:5px 10px;font-size:12px;color:#218d80}
	#city ul li{float:left;margin:5px;font-size:14px;padding:0 5px;position:relative}
	#city ul li.now{background:#0d7a0d;}
	#city ul li.now a{font-weight:700;color:#fff;}
    .line-name,a.line-name:link,a.line-name:visited{color:#0d7a0d;font-size:14px;}
    a.line-name:hover{color:#b30230;font-size:14px}
	
	/*线路详情*/
	#line-title{color:#0c7668;margin:15px;text-align:center}
	#brief div.l{margin-left:20px;*padding-left:20px;_padding-left:0}
	#brief .blk{margin:5px 0}
	#brief .order-box{border:1px solid #ede1b8;background:#fdfdec;padding:5px 10px;width:500px;position:relative}
	#brief .order-box p{position:absolute;left:150px;top:10px}
    .order-btn{background-position:right -106px;width:123px;height:38px;display:inline-block}
    #DivLine fieldset{border:0}
    #DivLine fieldset legend{display:none}
    /*#DivLine fieldset legend{margin:15px 0;border-bottom:1px solid #0b4784;display:block}
    #DivLine fieldset legend strong{background-position:right -687px;width:133px;height:36px;line-height:36px;font-size:14px;margin:0 0 -1px 20px;font-weight:700;color:#fff;text-align:center;display:block}*/
    
    /*注册 登录 确认订单*/
    .list-box{width:80%;margin-top:20px}
    .r-ipt{ime-mode:disabled; width:140px;}
    .remind{color:#999}
    
    /*会员中心*/
    .menu-home{background-position:right -248px;height:29px;width:154px;display:block;}
    #user-menu h2{font-size:12px;color:#0f917a;margin-top:10px}
    #user-menu h2 span{width:16px;height:18px;display:inline-block;vertical-align:middle;margin:0 5px 0 28px}
    #user-menu #m1 span{background-position:-17px -248px;}
    #user-menu #m2 span{background-position:-34px -248px;}
    #user-menu a,#static-menu a{display:block;text-align:center;line-height:30px;margin:0 20px;border-bottom:1px dashed #a0dcd9}
    .user-con h2,.user-con p{margin:10px 0}
    .user-con p a{text-decoration:underline;}
    .user-con .position{border-bottom:1px solid #15a59e;}
    .user-con .position strong{font-weight:400}
    .user-con .position strong.title-now{font-weight:700}
    
    .tb-list{width:100%;border-collapse:collapse;margin-top:10px}
    .tb-list th{background:#e4f9f8;border:1px solid #52b3ae;border-top:0;border-left:0;}
    .tb-list th,.tb-list td{text-align:center; padding:3px;}

    /*静态页面*/
    #static-menu{}
    .static-con{padding-left:10px}


	/*Tab切换*/
	.t-bg{background:url(/img/t_bg.gif) repeat-x bottom;zoom:1;overflow:hidden;position:relative}
    .t{padding-top:4px;}
    .t li{ position:relative}
	    .t li{background-position: 0 -687px;width:66px;text-align:center;float:left;margin-left:3px;padding:3px 0 1px 0;font-weight:700;}
	    .t li.now{background-position: 0 -713px;padding:3px 0 2px 0;color:#035f8e;cursor:pointer}
    
    /*当前位置*/
    .position{background-repeat:repeat-x;background-position:0 -767px;height:26px;line-height:26px;}
    .position .cl,.position .cr{width:8px;height:26px;display:block;}
    .position .cl{background-position:0 -740px}
    .position .cr{background-position:-8px -740px;}
    .position .arr-title{margin:5px 5px 0 10px;}


.bottom{text-align:center;margin-top:20px}
.bottom span{display:block}
.bottom a:link,.bottom a:visited,.bottom a:hover{margin:0 5px;color:#555}
.bottom a:hover{text-decoration:underline;color:#b30230}
.icp span{background-position: right -334px;width:24px;height:28px;display:inline-block;vertical-align:middle}


/*CSS By Dynic ----*/
#QiTheme{position:relative;height:128px;width:800px;}
#QiTheme ul{position:relative;padding:0 0 0 108px;line-height:22px;}
#QiTLeft,#QiTRight{position:absolute;top:0;height:128px;}
#QiTLeft{left:0;width:542px;background:url(../img/themeline_bg.jpg) no-repeat 0 0;}
#QiTLeft ul{width:162px;float:left;}
#QiTRight{right:0;width:248px;background:url(../img/linecenter_bg.jpg) no-repeat 0 0;}
#QiTRight ul{width:130px;}

.qiImg{position:absolute;left:10px;top:1px;}
.qiImg img{width:90px;height:90px;}

.qiTit{margin:0;padding:0;height:28px;}
#QiTheme .qiMore01{position:absolute;right:8px;top:1px;color:#fff;}
#QiTheme .qiMore01:hover{color:#ff0;}