@charset "utf-8";
/* CSS Document */
#main {
	margin-top: -30px;
	position: relative;
	z-index: 99;
}
#sidebar { }
#content {padding-top: 30px;}
/* loginArea */
.loginArea {
	padding: 10px 0px 0 10px;
	color: #fff;
	min-height: 90px;
	_height: 90px;
}
.loginArea h3 {
	background: url(../imagesNew/title_login.gif) 0 0 no-repeat;
	width: 78px;
	height: 20px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
.loginArea .con {position: relative;margin-bottom: 10px;_margin-bottom: 0px; }
.loginArea input {width: 120px;}
.loginArea .l1 {margin-bottom: 5px;}
.loginArea .l2 {margin-bottom: 10px;}
.loginArea .l3, .loginArea .l6 {
	position: absolute;
	right: 10px;
	top: 0px;
}
.loginArea .l3 a{
	background: url(../imagesNew/btn_login.gif) 0 0 no-repeat;
	width: 62px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}
.loginArea .l4, .loginArea .l5{
	float: left;
	margin: 0 10px;
}
.loginArea .l4 a, .loginArea .l5 a{
	width: 68px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}
.loginArea .l4 a{background: url(../imagesNew/btn_forget.gif) 0 0 no-repeat;}
.loginArea .l5 a{background: url(../imagesNew/btn_join.gif) 0 0 no-repeat;}

.loginArea .l6 a{
	background: url(../imagesNew/btn_logout.gif) 0 0 no-repeat;
	width: 62px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

/* content */
.containerM {
	float: left;
	width: 495px;
	margin-right: 15px;
}
.containerR {
	float: left;
	width: 220px;
}
/* newsArea */
.newsArea {	margin-bottom: 10px;
}
.newsArea h3{background: url(../imagesNew/title_news.jpg) 0 0 no-repeat;}
.newsArea .con{
	background: url(../imagesNew/news_bg.jpg) 0 bottom no-repeat;
	padding-bottom: 10px;
}
.newsArea .top{
	background: url(../imagesNew/news_top.jpg) 0 0 no-repeat;
	height: 10px;
	overflow: hidden;
}
.newsArea ul{
	margin: 0 10px;
}
.newsArea li{
	background: url(../imagesNew/icon_list.jpg) 5px 10px no-repeat;
	padding-left: 15px; 
	margin-bottom: 3px;
}
.newsArea li .time{
	float: right;
	color: #7b7b7b;
	font-size: 12px;
}
.newsArea li.new a{
	background: url(../imagesNew/icon_new.jpg) right center no-repeat;
	_background: url(../imagesNew/icon_new.jpg) right 0px no-repeat;
	padding-right: 38px;
}
.newsArea .btn{
	position: relative;
}
.newsArea .btn a{
	position: absolute;
	display: block;
	top: -29px;
	right: 0px;
	background: url(../imagesNew/btn_active.gif) 0 0 no-repeat;
	width: 78px;
	height: 26px;
	text-indent: -9999px;
}

/* attractArea */
.attractArea {}
.attractArea h3{background: url(../imagesNew/title_attract.jpg) 0 0 no-repeat;}
.tagArea{
	position: relative;
}
.attractArea .tagArea ul{
	position: absolute;
	top: -29px;
	right: 0px;
}
.attractArea .tagArea li{
	float: left;
}
.attractArea .tagArea li a{
	display: block;
	width: 52px;
	height: 29px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.attractArea .tagArea li a:hover, .attractArea .tagArea li.correct a{	background-position: 0 -29px;}
.attractArea .tagArea li.t1 a{background-image: url(../imagesNew/attract_tag01.jpg);}
.attractArea .tagArea li.t2 a{background-image: url(../imagesNew/attract_tag02.jpg);}
.attractArea .tagArea li.t3 a{background-image: url(../imagesNew/attract_tag03.jpg);}
.attractArea .tagArea li.t4 a{background-image: url(../imagesNew/attract_tag04.jpg);}
.attractArea .tagArea li.t5 a{background-image: url(../imagesNew/attract_tag05.jpg);}

.attractArea .con{
	background: url(../imagesNew/attract_bg.jpg) 0 0 no-repeat;
	height: 350px;
	font-size: 11px;
	line-height: 140%;
}
.attract01 {
	position: relative;
	height: 115px; 
}
.attract02 {
	position: relative;
	height: 115px; 
}
.attractArea .pic{
	background: url(../imagesNew/pic_bg01.gif) 0 0 no-repeat;
	width: 152px;
	height: 92px;
	position: absolute;
	top: 18px;
	left: 10px;
}
.attractArea .select{
	position: absolute;
	top: 65px;
	left: -5px;
	text-indent: -9999px;
	width: 72px;
	height: 36px;
	background: url(../imagesNew/icon_select.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/icon_select.png",sizingMethod="crop");
}
.attractArea .hot{
	position: absolute;
	top: 65px;
	right: -5px;
	text-indent: -9999px;
	width: 72px;
	height: 36px;
	background: url(../imagesNew/icon_hot.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/icon_hot.png",sizingMethod="crop");
}
.attractArea .box{
	padding: 18px 15px 0 170px;
}
.attractArea h4{
	font-size: 13px;
	color: #2b5d09;
	margin-bottom: 15px;
}
.attractArea h4 a{
	color: #2b5d09;
}
.attract02 .pic{left: 330px;}
.attract02 .box{padding: 18px 170px 0 15px;}

/* weatherArea */
.weatherArea {
	background: url(../imagesNew/weather_bg.jpg) 0 bottom no-repeat;
	margin-bottom: 10px;
}
#content .weatherArea h3{
	background: url(../imagesNew/title_weather.jpg) 0 0 no-repeat;
	height: 38px;
	margin-bottom: 0px;
}
.weatherArea .con{
	background: url(../imagesNew/weather_bg.gif) center 30px no-repeat;
	position: relative;
	height: 110px;
	padding: 33px 0 0;
}
.weatherArea h4{
	color: #5e5c2e;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
}
.weatherArea .date{
	position: absolute;
	color: #ce4400;
	font-size: 12px;
	font-weight: 600;
	top: -35px;
	left: 5px;
}
.weatherArea .icon{
	position: absolute;
	top: -15px;
	left: 10px;
	width: 66px;
	height: 66px;
}
.weatherArea .w01{
	background: url(../imagesNew/weather_01.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_01.png",sizingMethod="crop");
}
.weatherArea .w02{
	background: url(../imagesNew/weather_02.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_02.png",sizingMethod="crop");
}
.weatherArea .w03{
	background: url(../imagesNew/weather_03.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_03.png",sizingMethod="crop");
}
.weatherArea .w04{
	background: url(../imagesNew/weather_04.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_04.png",sizingMethod="crop");
}
.weatherArea .w05{
	background: url(../imagesNew/weather_05.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_05.png",sizingMethod="crop");
}
.weatherArea .w06{
	background: url(../imagesNew/weather_06.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_06.png",sizingMethod="crop");
}
.weatherArea .w07{
	background: url(../imagesNew/weather_07.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_07.png",sizingMethod="crop");
}
.weatherArea .w08{
	background: url(../imagesNew/weather_08.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_08.png",sizingMethod="crop");
}
.weatherArea .w09{
	background: url(../imagesNew/weather_09.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_09.png",sizingMethod="crop");
}
.weatherArea .w10{
	background: url(../imagesNew/weather_10.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_10.png",sizingMethod="crop");
}
.weatherArea .w11{
	background: url(../imagesNew/weather_11.png) 0px 0px no-repeat;
	_background: none; 
	_zoom: 1; /*hasLayout*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagesNew/weather_11.png",sizingMethod="crop");
}

.weatherArea ul{
	margin: 0 20px;	
}
.weatherArea li{
	background: url(../imagesNew/icon_list.jpg) 5px 10px no-repeat;
	padding-left: 15px; 
	margin-bottom: 3px;
	color: #6c6c6c;
	height: 20px;
}
/* weatherArea */
.searchArea {
	background: url(../imagesNew/search_bg.jpg) 0 bottom no-repeat;
	margin-bottom: 10px;
}
#content .searchArea h3{
	background: url(../imagesNew/title_search.jpg) 0 0 no-repeat;
	height: 38px;
	margin-bottom: 0px;
}
.searchArea .con{
	height: 56px;
	position: relative;
	margin-bottom: 0px;
}
.searchArea input {width: 125px;}
.searchArea .s1{
	padding: 15px 0 0 15px;
}
.searchArea .s2 {
	position: absolute;
	right: 10px;
	top: 0px;
}
.searchArea .s2 a{
	background: url(../imagesNew/btn_search.gif) 0 0 no-repeat;
	width: 60px;
	height: 48px;
	display: block;
	text-indent: -9999px;
}
/* weatherArea */
.adminArea {
	margin-bottom: 10px;
}
#content .adminArea h3{
	background: url(../imagesNew/title_admin.jpg) 0 0 no-repeat;
}
.adminArea ul{
	overflow: hidden;
	padding-left: 0px;
	width: 220px;
}
.adminArea li{
	float: left;
	margin: 0 3px 3px 0px;
	width: 107px;
	height: 47px;
	overflow: hidden;
}
.adminArea li img{
	border: 1px solid #dedede;
}

/* weatherArea */
.linkArea {
}
#content .linkArea h3{
	background: url(../imagesNew/title_link.jpg) 0 0 no-repeat;
}
.linkArea ul{
	overflow: hidden;
	padding-left: 0px;
	width: 220px;
}
.linkArea li{
	float: left;
	margin: 0 3px 3px 0px;
	width: 107px;
	height: 47px;
	overflow: hidden;
}
.linkArea li img{
	border: 1px solid #dedede;
}

