/* 基础及主要框架布局 */
* { margin: 0; padding: 0; font-family: 宋体, arial; }
body { width: 778px; margin: 0px auto; position: relative; background: #fff; color: #333; font-size: 12px; line-height: 16px; }


#DivTopLine { background: #3cc; clear: both; display: block; border-top: #000 2px solid; font-size: 1px; height: 5px; line-height: 3px; margin: 0px; }
#DivTop { clear: both; display: block; font-size: 12px; height: 22px; line-height: 22px; margin: 0px auto; width: 778px; background-image: url(/images/page/page_bgall.gif); background-repeat: no-repeat; background-position: 0px 0px; }
#DivTopCitySet{float: left; padding-left: 30px; color: #060;}
#DivTopUserFace {float: right; height: 22px; width: auto; padding-right: 40px; margin-top: 0px; margin-bottom: 0px;color: #fff;}
	#DivTopUserFace .l {float: left; background-color: #3cc; overflow: hidden; height: 22px; background-image: url(/images/page/page_bg_top2_left.gif); width: 4px; }
	#DivTopUserFace .m{float: left;background-color: #3cc;white-space:nowrap; padding-right: 10px; padding-left: 10px;height: 22px}
	#DivTopUserFace .r{float: left; background-color: #3cc;height: 22px;background-image: url(/images/page/page_bg_top2_right.gif); width: 4px;}
	#DivTopUserFace A:link { text-decoration: none; color: #fff; }
	#DivTopUserFace A:visited {text-decoration: none; color: #fff; }
	#DivTopUserFace A:hover { text-decoration: none; color: #ff3300; }
#DivLogo { float: left; width: 178px; padding-top: 5px; padding-bottom: 1px; }
#DivNav { margin-left: 180px;}
#DivLeft { margin-right: 235px; margin-left: 0px;}
#DivRight {float: right; width: 230px;}
#DivLine { clear: both; display: block;margin: 4px 0px;border-top: #e2e2e2 1px solid;}
#DivLineForContent { background: #fff; clear: both; display: block; margin: 4px 0px; border-bottom: #3cc 1px solid; }
#DivFoot { background: #fff; font-size: 9pt; color: #ff8C8C; clear: both; display: block; border-bottom: #ff8C8C 2px solid; margin: 2px 0px; text-align: center; border-right: #ffcc99 1px solid; border-top: #ffcc99 1px solid; border-left: #ffcc99 1px solid; line-height: 22px; height: 22px; }
#Foot { background: #fff; font-size: 9pt;  text-align: center; padding-top: 5px; }


.clear { clear: both; font-size: 0px; line-height: 0; height: 0px; overflow: hidden;  }
.clearleft { clear: left; }
.clearright { clear: right;  }

.line {font-size: 0px; line-height: 0; border-bottom: #cfc 1px solid; }

/* #原素浮动 改为大写否则与第三版旧类有冲突# */
.L { float: left; }
.R { float: right; }
.C { clear: both; }
/* #文字下划线# */
.U { text-decoration: underline; }
A.U:link { text-decoration: underline; }
A.U:visited{text-decoration: underline;}
A.U:hover { text-decoration: underline;}


/* #文字对齐# */
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }

/* #字体大小# */
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }


/* #鼠标样式 cursor: pointer # */
.cp { cursor: pointer; }

/* #显不显示# */
.dn { display: none; }
.db { display: block; }
.di { display: inline; }
.hidden { display: none; }
.unhidden { display: block; }
.oh{overflow: hidden;}
.ov { overflow: visible; }


/* #各内空白# */
.p1 { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; }
.p5 { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; }
.p7 { padding-right: 7px; padding-left: 7px; padding-bottom: 7px; padding-top: 7px; }
.p10 { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }
.pt10 { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 10px; }
.gw { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }
.p20 { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; padding-top: 20px; }
.p1_0 { padding-right: 0px; padding-left: 0px; padding-bottom: 1px; padding-top: 1px; }

.plr10 { padding-right: 10px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px; }
.ptb10 { padding-right: 0px; padding-left: 0px; padding-bottom: 10px; padding-top: 10px; }
.p30 { padding-right: 30px; padding-left: 30px; padding-bottom: 30px; padding-top: 30px; }

/* #左内空白# */
.pl60 { padding-left: 60px; }
.pl100 { padding-right: 130px; padding-left: 130px; padding-bottom: 30px; padding-top: 30px; }

/* #各边距 T顶 B底 上_下 x负边距# */
.m30 { margin: 30px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.m15 { margin: 15px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.ml10 { margin-left: 10px; }
.ml12 { margin-left: 12px; }
.ml20 { margin-left: 20px; }
.m0_10 { margin: 0px 10px; }
.m0_15 { margin: 0px 15px; }
.m0_20 { margin: 0px 20px; }
.m0_20x { margin: -10px 0px 5px 10px; }
.m0_25 { margin: 0px 25px; }

/* #宽度高度# */
.w65 { width: 65px; }
.w80 { width: 80px;}
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w265 { width: 265px; }
.w280 { width: 265px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w365 { width: 365px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.h10 { height: 10px; }
.h12 { height: 12px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h50 { height: 50px; }
.h100 { height: 100px; }
.h200 { height: 200px; }
.h300 { height: 300px; }


.flw5 { float: left; width: 5px; }
.flw10 { float: left; width: 10px; }
.flw15 { float: left; width: 15px; }
.flw20 { float: left; width: 20px; }

.inof { border-right: #ccc 1px solid; border-top: #ccc 1px solid; border-left: #ccc 1px solid; color: #333; border-bottom: #ccc 1px solid; background-color: #ffffff; }
.inon { border-right: #ccc 1px solid; border-top: #ccc 1px solid; background: #fff; border-left: #ccc 1px solid; color: #333; border-bottom: #ccc 1px solid; }
.inon { border-top: #000 1px solid; border-left: #000 1px solid; color: #333; }



/* #圆角距型 小边角的# 
.rounded { width: 518px; border-right: #cdd8dc 1px solid; padding-right: 8px; border-top: #cdd8dc 1px solid; padding-left: 8px; padding-bottom: 8px; border-left: #cdd8dc 1px solid; padding-top: 8px; border-bottom: #cdd8dc 1px solid; position: relative; background-color: #ffffff; margin: 0px; }
.rounded SPAN { display: block; width: 7px; position: absolute; height: 10px; }
.top_left { background: url(/images/round.gif) left top; left: -1px; top: -1px; }
.top_right { right: -2px; background: url(/images/round.gif) right top; top: -1px; }
.bottom_left { background: url(/images/round.gif) left bottom; left: -1px; bottom: -1px; }
.bottom_right { right: -2px; background: url(/images/round.gif) right bottom; bottom: -1px; }*/

/* #圆角距型 大边角的# */
.bigrounded { width: 518px; border-right: #cdd8dc 1px solid; padding-right: 8px; border-top: #cdd8dc 1px solid; padding-left: 8px; padding-bottom: 8px; border-left: #cdd8dc 1px solid; padding-top: 8px; border-bottom: #cdd8dc 1px solid; position: relative; background-color: #ffffff; margin: 0px; }
.bigrounded SPAN { display: block; width: 7px; position: absolute; height: 10px; }
.bigrounded .top_left { background: url(/images/roundbig.gif) left top; left: -1px; top: -1px; }
.bigrounded .top_right { right: -1px; background: url(/images/roundbig.gif) right top; top: -1px; }
.bigrounded .bottom_left { background: url(/images/roundbig.gif) left bottom; left: -1px; bottom: -2px; }
.bigrounded .bottom_right { right: -1px; background: url(/images/roundbig.gif) right bottom; bottom: -2px; }



.FootLink { clear: both; border: #ffcc99 1px solid; width: 100%; overflow: visible; height: 85px; }

/* 以下titleDIV部分 */
.divtitle { margin: 8px 0px 0px; height: 18px; text-align: left; padding-left: 3px; padding-right: 1px; line-height: 18px;clear: left; }
.divtitle .title { position: relative; top: 2px; height: 20px;  padding-left: 5px; padding-top: 1px; }

.rightdiv { /* 后加的DIV样式 */ border: 1px solid #3cc; margin-bottom: 2px; background-position: 0% bottom; background-image: url(/images/page/page_bg_panl_s_g.png); background-repeat: repeat-x; padding-bottom: 8px; padding-top: 8px; border-right: #e5f2e5 1px solid; border-left: #e5f2e5 1px solid; border-bottom: #e5f2e5 1px solid; text-align: center; }

/* search DIV 备用
.search {width: 535px; height: 40px; background-color: #e5f2e5; clear: left;}
.search .l{width: 100px; height: 40px;  background-image: url(/images/page/page_bgall.gif);background-position: 0px -55px; float: left; color: #ffffff; line-height: 40px; text-align: center;}
.search .m{width: 425px;float: left; }
.search .r{width: 4px; height: 40px;  background-image: url(/images/page/page_bgall.gif);background-position: -110px -55px; float: right;} */

.search { width: 535px; height: 40px; background-color: #e5f2e5; clear: left; overflow: hidden; margin-bottom: 0px; }
.search .l{width: 100px; height: 40px;  background-image: url(/images/page/page_bgall.gif);background-position: -20px -55px; float: left; color: #ffffff; line-height: 40px; text-align: center;}
.search .m {width: 425px;float: left;}
.search .r{width: 4px; height: 40px;  background-image: url(/images/page/page_bgall.gif);background-position: -10px -55px; float: right;}

#suggest {
	overflow: auto;
	width: 282px;
	top: 0px;
	z-index: 99;
	position: relative;

	margin: 0px 0px 0px 5px;
}
#suggest .select { background: #3cc; color: #fff; }
#suggest .select span { color: #fff; }
#suggest li {
	list-style-type: none;
	background: #ffe4b5;
	color: #333;
	border-bottom: #fff 1px solid;
}




/* 以下城市列表弹出部分 background-color: #fffacd; border: #ffe4b5 1px solid; color: #c00; */
#CityMenuLink A { float: left; }
#MenuCityBottom {
	background: #999;
	width: 100%;
	float: right;
	clear: both;
	text-align: right;
}
#MenuCityList {
	margin-left: 210px;
	position: relative;
	display: none;
	z-index: 100;
	background: #f5f5f5;
	position: absolute;
	width: 300px;
	border: #999 1px solid;
	top: 25px;
	opacity: .95;
	filter: alpha(opacity=95);
}
#MenuCityList A:link { padding-right: 2px; padding-left: 2px; padding-bottom: 5px; color: #666; padding-top: 4px; text-decoration: none; }
#MenuCityList A:visited { padding-right: 2px; padding-left: 2px; padding-bottom: 5px; color: #666; padding-top: 4px; text-decoration: none; }
#MenuCityList A:hover { background: #f60; color: #fff; }
#MenuCityList A:active {
	background: #f60;
	color: #fff;
}


#MenuCityList DT { height: 55px; margin: 0px; color: #333; clear: left; float: left; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; font-weight: bold; }
#MenuCityList DD { margin: 0px; }

#MenuCityList OL LI { float: left; white-space: nowrap; margin: 2px; }

/* nav导航　 */
ul.ulWrap { width: 100%; float: left; display: block; margin: 4px 0px; }
ul.ulWrap li { width: 66px; float: right; text-align: center; white-space: nowrap;}
ul.ulWrap li span {
  width:62px;
  height:47px;
  background:url(/images/page/toolbar.png) no-repeat left top;
  display:block;
  margin:0 auto;
}
ul.ulWrap li span.horition{
	width:62px;
  height:47px;
  background:url(/images/page/toolbar.png) no-repeat left top;
  display:block;
  float:left;
}
ul.ulWrap li a{
  text-align:center;
  text-decoration:none;
  display:block;
}
a.linkClass{ color:#3cc;}
a.first{ color: #006699;}
a.second{ color:#999999;}
a.third{ color: #66FF66;}
a.fourth{ color: #CC66CC;}
a.fifth{ color: #FF9900;}
a.sixth{ color: #33CCFF;}
a.seven{ color: #33CCFF;}

/* 以下tab部分 */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/* Skin */
.tabtitle { 
	background: #fff;
	color: #060;
	/* padding-top: 3px; */
	border-right: #e5f2e5 1px solid; border-top: #e5f2e5 1px solid; border-left: #e5f2e5 1px solid; }

.tabtitle .p {
	background: #f8f8f8; /* 解决IE下左右DIV间隔问题 */
}

.tabtitle .l { height: 24px; line-height: 24px; margin-left: 0px; margin-right: 0px; padding-left: 10px; }
.tabtitle .r { height: 24px; line-height: 24px; text-align: center; float: right; clear: left; padding-right: 10px; }
.ui-tabs-nav {
	font-size: 12px;
	border-right: #e5f2e5 1px solid;
	border-left: #e5f2e5 1px solid;
}
.ui-tabs-panel { font-size: 12px; }

.ui-tabs-nav { list-style: none; margin: 0; padding: 0; }
 /* clearing without presentational markup, IE gets extra treatment */
.ui-tabs-nav:after { display: block; clear: both; content: " "; }

.ui-tabs-nav li { 
    float: left;
    min-width: 65px; /* be nice to Opera */
}

.ui-tabs-nav a, .ui-tabs-nav a span { display: block; margin: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; }
.ui-tabs-nav a {
	margin: 0px; /* Tab边距 */ /* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	color: #3cc;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
	outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px; /* Tab上边缘偏移 */
    z-index: 2;
    margin-top: 0;
    background: #3cc;
    color: #fff;
}
.ui-tabs-nav a span {
	width: 65px; /* IE 6 treats width as min-width */
	min-width: 65px;
	height: 16px; /* IE 6 treats height as min-height */
	min-height: 16px;
	line-height: 16px;
	padding-top: 0px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 0px; /* Tab下边缘偏移 */
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
	/* DIV样式 */
	border: 1px solid #3cc; /* declare background color for container to avoid distorted fonts in IE while fading */
	margin-bottom: 5px;
	background-position: 0% bottom;
	background-image: url(/images/page/page_bg_panl_s_g.png);
	background-repeat: repeat-x;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 8px;
	padding-top: 8px;
	border-right: #e5f2e5 1px solid;
	border-left: #e5f2e5 1px solid;
	border-bottom: #e5f2e5 1px solid;
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}