@charset "UTF-8";

body{
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: url(../images/body_bg.jpg) top left repeat-x;
	line-height: 16px;
}

*{
	padding: 0;
	margin: 0;
}

img {
	vertical-align: top;
}

.clear {
	clear: both;
}

#header {
	width: 1000px;
	height: 109px;
	margin: 0 auto;
	position: relative;
	z-index: 20;
}

#header .logo {
	width: 124px;
	height: 58px;
	position: absolute;
	left: 13px;
	top: 20px;
}

#header .top_guide {
	width: 196px;
	height: 26px;
	position: absolute;
	background: url(../images/top_bg.jpg) left top no-repeat;
	right: 168px;
	top: 5px;
	padding-top: 3px;
	padding-left: 17px;
}

#header .top_guide a {
	color: #FFFFFF;
	font-weight: bold;
}

#header .fontchange {
	width: 167px;
	height: 29px;
	position: absolute;
	color: #FFFFFF;
	right: -4px;
	top: 5px;
}

#header .fontchange .text {
	width: 70px;
	position: absolute;
	right: 80px;
	top: 1px;
	text-align: left;
	font-weight: bold;
}

#header .user li {
	list-style: none;
}

#header .text-size {
	width: 152px;
	height: 27px;
	background: url(../images/font_bg.jpg) left top no-repeat;
	float: left;
	text-align: left;
	padding-right: 15px;
	padding-top: 2px;
}
#header .text-size ul {
	float:right;
}
#header .text-size li {
	float:left;
	margin-left: 3px;
	list-style:  none;
}
#header .text-size a{
	width:17px;
	height:17px;
	display:block;
	overflow:hidden; 
}
#header #font_s {
	background: url(../images/btn_text-s.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}
#header #font_m a {
	background: url(../images/btn_text-m.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}
#header #font_l {
	background: url(../images/btn_text-l.jpg) no-repeat;
	text-indent:200px;
	line-height:0;
	overflow:hidden;  
}
#header #font_s a:hover {
	background: url(../images/btn_text-s_o.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}
#header #font_m a:hover {
	background: url(../images/btn_text-m_o.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}
#header #font_l a:hover {
	background: url(../images/btn_text-l_o.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}

#header .menu {
	width: 788px;
	height: 36px;
	padding: 1px 1px 0 1px;
	border-top: #DCDCDC 1px solid;
	border-left: #DCDCDC 1px solid;
	border-right: #DCDCDC 1px solid;
	position: absolute;
	right: 0px;
	top: 56px;
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding:0; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
#nav li.top {display:block; float:left; height:36px; width:auto;}
#nav li a.top_link {display:block; float:left; height:45px; line-height:33px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}


#nav li:hover a.top_link {color:#fff; background-color:#666600;}

/* Default list styling */

#nav li:hover {position:relative; z-index:500;}

#nav li:hover ul.sub
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:95px; height:auto; z-index:500;}

#nav li:hover ul.sub li
{display:block; height:22px; position:relative; float:left; width:95px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:22px; width:95px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub li a.fly:hover
{color:#ffffff;}



#nav li:hover ul.sub1
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:108px; height:auto; z-index:500;}

#nav li:hover ul.sub1 li
{display:block; height:22px; position:relative; float:left; width:108px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub1 li a
{display:block; font-size:12px; height:22px; width:108px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub1 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub1 li a.fly:hover
{color:#ffffff;}




#nav li:hover ul.sub2
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:101px; height:auto; z-index:500;}

#nav li:hover ul.sub2 li
{display:block; height:22px; position:relative; float:left; width:101px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub2 li a
{display:block; font-size:12px; height:22px; width:101px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub2 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub2 li a.fly:hover
{color:#ffffff;}



#nav li:hover ul.sub3
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:185px; height:auto; z-index:500;}

#nav li:hover ul.sub3 li
{display:block; height:22px; position:relative; float:left; width:185px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub3 li a
{display:block; font-size:12px; height:22px; width:185px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub3 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub3 li a.fly:hover
{color:#ffffff;}



#nav li:hover ul.sub4
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:152px; height:auto; z-index:500;}

#nav li:hover ul.sub4 li
{display:block; height:22px; position:relative; float:left; width:152px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub4 li a
{display:block; font-size:12px; height:22px; width:152px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub4 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub4 li a.fly:hover
{color:#ffffff;}


#nav li:hover ul.sub5
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:150px; height:auto; z-index:500;}

#nav li:hover ul.sub5 li
{display:block; height:22px; position:relative; float:left; width:150px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub5 li a
{display:block; font-size:12px; height:22px; width:150px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub5 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub5 li a.fly:hover
{color:#ffffff;}

#nav li:hover ul.sub6
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:122px; height:auto; z-index:500;}

#nav li:hover ul.sub6 li
{display:block; height:22px; position:relative; float:left; width:122px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub6 li a
{display:block; font-size:12px; height:22px; width:122px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub6 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub6 li a.fly:hover
{color:#ffffff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:140px; top:-4px; background: #F7F7F7; padding: 3px 0px 0px 0px; border-top:1px solid #aaaaaa; border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa;  white-space:nowrap; width:149px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{color:#CB9843;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#000;} 



#header .menu li {
	float: left;
	list-style: none;
}

#content_bg {
	width: 1008px;
	margin: 0 auto;
	background: url(../images/content_bg.jpg) left top repeat-y;

}

#content {
	width: 1000px;
	margin: 0 0 0 4px;
	padding-top: 1px;
}

#content .flash {
	width: 1000px;
	text-align: center;
}


#main {
	width: 1000px;
	margin-top: 10px;
	padding-bottom: 17px;
}

#main .left { 
	width: 385px;
	float: left;
	margin-left: 7px;
	display: inline;
}

#main .index_title {
	width: 385px;
	height: 27px;
	position: relative;
	overflow: hidden;
}

#main .index_title .browse {
	width: 39px;
	height: 16px;
	position: absolute;
	left: 339px;
	top: 4px;
}

#main .left .cam_list {
	width: 385px;
	margin-top: 5px;
}

#main .left .cam_list li {
	list-style: none;
	background: url(../images/line_h.gif) left bottom repeat-x;
	padding: 9px 0 9px 0;
}

#main .left .cam_btn {
	width: 385px;
	margin-top: 5px;
}

#main .left .cam_btn .left_img {
	width: 190px;
	float: left;
}

#main .left .cam_btn .right_img {
	width: 190px;
	float: right;
}

#main .left .cam_btn .right_img p {
	position: relative;
}

#main .left .cam_btn .right_img p .btn1 {
	position: absolute;
	width: 28px;
	height: 17px;
	top: 54px;
	left: 3px;
}

#main .left .cam_btn .right_img p .btn2 {
	position: absolute;
	width: 28px;
	height: 17px;
	top: 54px;
	left: 32px;
}

#main .left .cam_btn .right_img p .btn3 {
	position: absolute;
	width: 28px;
	height: 17px;
	top: 54px;
	left: 61px;
}

#main .left .cam_btn .right_img p .btn4 {
	position: absolute;
	width: 47px;
	height: 17px;
	top: 54px;
	left: 90px;
}

#main .middle { 
	width: 385px;
	float: left;
	margin-left: 14px;
	display: inline;
}

#main .middle .topics_title {
	width: 385px;
	height: 38px;
	position: relative;
}

#main .middle .topics_title .browse {
	width: 37px;
	height: 20px;
	position: absolute;
	left: 339px;
	top: 9px;
}

.demo {
	width: 385px;
	position: relative;
	z-index: 10;
	
}

.ff{
	height: 114px;
}

* html .ff{
	margin-left:1px;
	position: relative;
	clear: both;
}

*+html .ff{
	margin-left:1px;
	position: relative;
}

#main .middle .topics_dl {
	width: 365px;
	background: url(../images/line_h.gif) left bottom repeat-x;
	padding: 9px 0 9px 0;
	float: left;
}

#main .middle .topics_dl dt {
	display: block;
	width: 80px; 
	float: left;
	color: #CC0000;
}

#main .middle .topics_dl dd {
	display: block;
	width: 285px;
	float: left;
}

#main .right { 
	width: 194px;
	float: left;
	margin-left: 13px;
	display: inline;
}

#main .right .login {
	width: 194px;
	height: 170px;
	margin-top: 6px;
	background: url(../images/login_bg_long.jpg) no-repeat;	
}

#main .right .login .login_btn {
	vertical-align: middle;
	padding-left: 22px;
}

#main .right .login_top {
	width: 180px;
	padding-left: 14px;
	padding-top: 8px;
}

#main .right .login_middle {
	width: 180px;
	padding-left: 14px;
}
#main .right .login_middle .user_span {
	display: block;
	width: 50px;
	float: left;
}

#main .right .login_middle .input_css {
	float: left;
	border: #D2D2D2 1px solid;
	width:110px;
	height: 18px;
}

#main .right .login_middle .btn1 {
	width: 59px;
	height: 21px;
	background: url(../images/login_btn.jpg) no-repeat;
	border: none;
	margin-left: 50px;
}

#main .right .login_middle a {
	color: #8A8A8A;
}
#main .right .login_bottom {
	width: 194px;
	height: 7px;
	overflow: hidden;
}


#content .link {
	width: 998px;
	margin-left: 3px;
}

#content .link li {
	list-style: none;
	float: left;
	display: inline;
}

#content #footer {
	width: 1000px;
	height: 50px;
	border-top: #000000 3px solid;
	position: relative;
	padding-bottom: 15px;
}

#content #footer .footer_list {
	margin-top: 20px;
	margin-left: 5px;
}

#content #footer .footer_list li {
	list-style: none;
	background: url(../images/hui_icon.gif) 0 3px no-repeat;
	padding-left: 15px;
	margin-right: 15px;
	float: left;
}

#content #footer .copyright {
	position: absolute;
	left: 742px;
	top: 18px;
	color: #8A8A8A;
	width: 252px;
	text-align: right;
}

#content #footer .airis {
	position: absolute;
	right: 5px;
	top: 40px;
}

#content #footer .airis a {
	color: #8A8A8A;
}

#content #footer .airis img {
	float: left;
	padding-right: 3px;
	padding-top: 1px;
}


h1 {
	z-index: 0px;
}

/****************for Templates****************************/

#content #footer_tem {
	width: 1000px;
	height: 110px;
	border-top: #000000 3px solid;
	position: relative;
	padding-bottom: 15px;
}

#content #footer_tem .airis {
	position: absolute;
	right: 5px;
	top: 100px;
}

#content #footer_tem .airis a {
	color: #8A8A8A;
}

#content #footer_tem .airis img {
	float: left;
	padding-right: 3px;
	padding-top: 1px;
}


#content #footer_tem .footer_list {
	margin-top: 20px;
	margin-left: 5px;
}

#content #footer_tem .footer_list li {
	list-style: none;
	background: url(../images/hui_icon.gif) 0 3px no-repeat;
	padding-left: 15px;
	margin-right: 15px;
	float: left;
}

#content #footer_tem .copyright {
	position: absolute;
	left: 729px;
	top: 78px;
	color: #8A8A8A;
	text-align: right;
	width: 265px;
}

#content #panku { 
	margin: 10px 0 20px 20px;
	color:#7F7F7F;
}

#content #panku a {
	color: #000000;
}

#content #main_list {
	width: 1000px;
	margin-top: 30px;
	margin:auto;
}


#content #list_right {
	width: 237px;
	float: left;
	margin-left: 18px;
	display: inline;
}

#content #list_right .list_login {
	width: 237px;
	height: 171px;
	margin-top: 9px;
	background: url(../images/list_login_bg_01.jpg) no-repeat;
}

#content #list_right .list_login .login_btn {
	vertical-align: middle;
	padding-left: 22px;
}

#content #list_right .list_login_top {
	width: 203px;
	height: 31px;
	padding-left: 34px;
	padding-top: 9px;
}

#content #list_right .list_login_middle {
	width: 203px;
	padding-left: 34px;
}
#content #list_right .list_login_middle .user_span {
	display: block;
	width: 50px;
	float: left;
}

#content #list_right .list_login_middle .input_css {
	float: left;
	border: #D2D2D2 1px solid;
	width:110px;
	height: 18px;
}

#content #list_right .list_login_middle .btn1 {
	width: 59px;
	height: 21px;
	background: url(../images/list_login_login.jpg) no-repeat;
	border: none;
	margin-left: 50px;
}

#content #list_right .list_login_middle a {
	color: #8A8A8A;
}

#main .right .login_bottom {
	width: 194px;
	height: 7px;
	overflow: hidden;
}

#content #list_right .right_club {
	width: 237px;
	margin-top: 8px;
}


#content #list_right .right_club .club_list {
	width: 237px;
	background: url(../images/list_login_middle.jpg) top left repeat-y;
	padding-top: 15px;
	padding-bottom: 12px;
}

#content #list_right .right_club .club_list li {
	list-style: none;
	width: 194px;
	margin-left: 20px;
	text-align: center;
	background: url(../images/line_h.gif) left bottom repeat-x;
	padding-bottom: 5px;
}

* html #content #list_right .right_club .club_list li {
	list-style: none;
	width: 194px;
	margin-left: 20px;
	text-align: center;
	background: url(../images/line_h.gif) left bottom repeat-x;
	padding-bottom: 3px;
}

*+html #content #list_right .right_club .club_list li {
	list-style: none;
	width: 194px;
	margin-left: 20px;
	text-align: center;
	background: url(../images/line_h.gif) left bottom repeat-x;
	padding-bottom: 3px;
}

#content #list_left {
	width: 701px;
	float: left;
	margin-left: 23px;
	display: inline;
	min-height: 700px;
	_height: 700px;
	line-height: 22px;
	color: #515151;
	padding-bottom: 20px;
}
#content #list_left .h3_box {
	width: 700px;
	position: relative;
}

#content #list_left .h3_box .h3_box_middle_2 {
	width: 700px;
	background: url(../images/list_h3_middle.jpg) left top repeat-y;
	padding: 15px 0px 20px 0px;
}

#content #list_left .h3_box .h3_box_middle {
	width: 670px;
	background: url(../images/list_h3_middle.jpg) left top repeat-y;
	padding: 15px 15px 20px 15px;
}

#content #list_left .h3_box .h3_box_bottom {
	height: 9px;
	overflow: hidden;
}

#content #list_left .page_top {
	padding: 20px 10px 0px 0px;
	float: right;

} 
	

/****************for public****************************/


.text_center {text-align: center;}

.text_right {text-align: right;}

.float_l { float: left;}

.float_r { float: right;}

.mar_t_1 {margin-top: 1px;}

.mar_t_5 {margin-top: 5px;}

.mar_t_6 {margin-top: 6px;}

.mar_t_7 {margin-top: 7px;}

.mar_t_15 {margin-top: 15px;}

.mar_t_10 {margin-top: 10px;}

.mar_b_12 {margin-bottom: 12px;}

.mar_b_5 {margin-bottom: 12px;}

.mar_t_20 {margin-top: 20px;}

.mar_t_30 {margin-top: 30px;}

.mar_t_58 {margin-top: 58px;}

.mar_t_100 {margin-top: 100px;}

.mar_l_3 {margin-left: 2px;}

.mar_l_5 {margin-left: 5px;}

.mar_l_7 {margin-left: 7px;}

.mar_l_10 {margin-left: 10px;}

.mar_l_15 {margin-left: 15px;}

.mar_l_50 {margin-left: 50px;}

.mar_l_170 {margin-left: 170px;}

.pad_t_7 {padding-top: 7px;}

.pad_t_3 {padding-top: 3px;}

.pad_l_50 {padding-left:50px;}

.pad_t_14 {padding-top: 14px;}

.pad_b_10 {padding-bottom: 10px;}

.pad_b_12 {padding-bottom: 12px;}

.pad_b_20 {padding-bottom: 20px;}

.pad_b_22 {padding-bottom: 22px;}

.red_font { color: #E60713;}

.black_font { color: #000000;}

.txt10 {font-size: 10px;}

.txt14 {font-size: 14px;}

.txt16 {font-size: 16px;}

.txt18 {font-size: 20px;}

.font_bold { font-weight: bold;}

.icon_balck_three { background: url(../images/black_three.gif) 0 7px no-repeat; padding-left: 10px;}

a:link {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

.icon_red { background: url(../images/red_icon.gif) 0 4px no-repeat; padding-left: 15px;}



#content .tel_address_name a {
	font-size: 16px;
	font-weight: bolder;
	color:#000000;
	text-decoration: none;
}


#content .tel_address_name a:hover {
	font-size: 16px;
	font-weight: bolder;
	color: #0099CC;
	text-decoration: none;
}

#content .grey_font {
	color: #666666;
}

#content .tel_address {
	border-left: #C5C5C5 5px solid;
	padding-left: 10px;
}