body, div, table, li, p{
	font-size: 12px;
	color: #000000;
	font-family: Verdana;
	font-weight: normal;
}
li
{
    font-family: ËÎÌå;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
img
{
    border-width: 0px;
}
form 
{
    margin: 0px;
    padding: 0px;
}
body.FullScreen {
	margin-left: 10px;
	margin-right: 10px;
}
ul
{
    margin: 0px;
	padding: 0px;
    list-style-type: none;
    color: Black;
}
#topBar {
	height: 65px;
	width: 760px;
	margin:0 auto;
	display: block;
}
#topBar #topBar_logo {
	float: left;
	height: 65px;
	width: 210px;
	vertical-align: middle;
}
#topBar #topBar_logo h1
{
    font-size: 12px;
    color: #333;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    padding-left: 12px;
}
#topBar #topBar_nav {
	float: right;
	height: 65px;
	width: 450px;
}
#topBar #topBar_nav #topBar_nav_top {
	text-align: right;
	padding-right: 10px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	padding-right: 10px;
	text-align: right;
	padding-top: 5px;
	font-family:'ËÎÌå';
}
#topBar #topBar_nav #topBar_nav_bottom {
	height: 25px;
    text-align: right;
    border-top: #DDD 1px solid;
    padding-top: 6px;
}

#topBar #topBar_nav #topBar_nav_bottom #topBar_nav_bottom_button {
	float: right;
	margin-top: 7px;
	height: 30px;
}
#menu_zone
{
    width: 100%;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    background: url(http://img.loogoo.com/union/images/menu_top_bg.gif) repeat-x;
}
#menu_zone_center
{
    width: 660px;
    height: 30px;
    margin: 0 auto;
    position: relative;
}
#nav_menu
{
    width: 660px;
    height: 30px;
    margin: 0 auto;
}
#nav_menu_left
{
    width: 7px;
    height: 30px;
    float: left;
}
#nav_menu_right
{
    width: 7px;
    height: 30px;
    float: right;
}
#nav_menu_center
{
    width:320px;
    margin: 0 auto;
    padding-top: 10px;
    height: 20px;
    float: left;
    font-family: Verdana;
    position: relative;
}
#nav_menu_current
{
    width: 660px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
#menu_zone ul.menu_
{
    height:30px;
    position:absolute;
    left: 0px;
    z-index:1;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_bg.gif) repeat-x;
}
#menu_zone ul.menu_ li#nav_menu_current_left
{
    float:left;
    width: 5px;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_left_bg.gif) no-repeat;
    height: 30px;
}
#menu_zone ul.menu_ li#nav_menu_current_right
{
    float:left;
    width: 5px;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_right_bg.gif) no-repeat;
    height: 30px;
}
#menu_zone ul.menu_ li#nav_menu_current_center
{
    float: left;
    width: 80px;
    text-align:center;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
#menu_zone ul.menu_ li#nav_menu_current_center a
{
    color: #FFF;
    text-decoration: none;
}

#menu_zone ul.menu_code
{
    height:30px;
    position:absolute;
    left: 83px;
    z-index:1;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_bg.gif) repeat-x;
}
#menu_zone ul.menu_code li#nav_menu_current_left
{
    float:left;
    width: 5px;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_left_bg.gif) no-repeat;
    height: 30px;
}
#menu_zone ul.menu_code li#nav_menu_current_right
{
    float:left;
    width: 5px;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_right_bg.gif) no-repeat;
    height: 30px;
}
#menu_zone ul.menu_code li#nav_menu_current_center
{
    float: left;
    width: 80px;
    text-align:center;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
#menu_zone ul.menu_code li#nav_menu_current_center a
{
    color: #FFF;
    text-decoration: none;
}


#menu_zone ul.menu_deal
{
    height:30px;
    position:absolute;
    left: 160px;
    z-index:1;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_bg.gif) repeat-x;
}
#menu_zone ul.menu_deal li#nav_menu_current_left
{
    float:left;
    width: 5px;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_left_bg.gif) no-repeat;
    height: 30px;
}
#menu_zone ul.menu_deal li#nav_menu_current_right
{
    float:left;
    width: 5px;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_right_bg.gif) no-repeat;
    height: 30px;
}
#menu_zone ul.menu_deal li#nav_menu_current_center
{
    float: left;
    width: 80px;
    text-align:center;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
#menu_zone ul.menu_deal li#nav_menu_current_center a
{
    color: #FFF;
    text-decoration: none;
}



#menu_zone ul.menu_setting
{
    height:30px;
    position:absolute;
    left: 240px;
    z-index:1;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_bg.gif) repeat-x;
}
#menu_zone ul.menu_setting li#nav_menu_current_left
{
    float:left;
    width: 5px;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_left_bg.gif) no-repeat;
    height: 30px;
}
#menu_zone ul.menu_setting li#nav_menu_current_right
{
    float:left;
    width: 5px;
    background: url(http://img.loogoo.com/images/nav_menu/nav_menu_0_right_bg.gif) no-repeat;
    height: 30px;
}
#menu_zone ul.menu_setting li#nav_menu_current_center
{
    float: left;
    width: 80px;
    text-align:center;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
#menu_zone ul.menu_setting li#nav_menu_current_center a
{
    color: #FFF;
    text-decoration: none;
}



div.searchBar_0 {
	height: 27px;
	width: 100%;
	margin:0 auto;
	border-bottom: #4FA4E5 2px solid;
	background:url(http://img.loogoo.com/union/images/searchBar_0_bg.gif) repeat-x;
}
.has_padding_keyworkZone_0
{
	padding-left: 7px;
	padding-right: 7px;
	background:url(http://img.loogoo.com/union/images/searchBar_0_sep.gif) no-repeat right;
	color: #FFFFFF;
	height: 14px;
	line-height:14px;
}









body.FullScreen #searchBar
{
	width: 100%;
}

.list_inline
{
	display: block;
}
.list_inline li
{
	float: left;
}
.has_padding_nav_button
{
	padding-left: 4px;
	padding-right: 4px;
}

.has_padding_searchZone
{
	padding-left: 2px;
	padding-right: 3px;
}
.has_padding_memberNavBar_Zone
{
	padding-left: 2px;
	padding-right: 3px;
}

.nav_button
{
    padding: 0px;
    margin: 0px;
}

.nav_button_left
{
    float: left;
    width: 6px;
    background-image: url('http://img.loogoo.com/images/nav_button_left_bg.gif');
    height: 30px;
}
.nav_button_right
{
    float: left;
    width: 6px;
    background-image: url('http://img.loogoo.com/images/nav_button_right_bg.gif');
    height: 30px;
}
.nav_button_center
{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 9px;
    background-image: url('http://img.loogoo.com/images/nav_button_bg.gif');
    height: 21px;
}


.full_width
{
	width:100%;
}
#submenu
{
    width: 650px;
    margin: 0 auto;
    text-align:left;
	height: 23px;
	line-height:23px;
	color: #FFF;
	padding-top: 5px;
	padding-left: 20px;
}
#submenu a
{
    color: #FFF;
    background-image: url(http://img.loogoo.com/images/arrow_man.gif);
    background-repeat: no-repeat;
    background-position:10px 1px;
    padding-left: 25px;
}
/*#searchBar #searchBar_left {
	background:url(http://img.loogoo.com/images/searchBar_left.gif) no-repeat;
	height: 65px;
	float:left;
	width: 2px;
}
#searchBar #searchBar_right {
	background:url(http://img.loogoo.com/images/searchBar_right.gif) no-repeat;
	height: 65px;
	float:right;
	width: 2px;
}
*/
#searchBar #searchBar_center {
	margin: 0 auto;
	height: 27px;
	width: 760px;
	text-align: center;
	display: table;
}


#searchBar #searchBar_center #searchBar_center_searchZone {
	margin-top: 10px;
	padding-left:30px;
}

#searchBar #searchBar_center #searchBar_center_keyWordZone
{
	margin-top: 10px;
	padding-left:30px;
}
#searchBar #searchBar_center #searchBar_center_keyWordZone a
{
    color: #FFF;
    font-family: ËÎÌå;
}
#searchBar #searchBar_center #searchBar_center_keyWordZone #searchBar_center_keyWordZone_hotSearch {
	font-weight: bold;
	color: #FFFFFF;
}

#sepBottomBar {
	width: 760px;
	margin: 8px auto;
	height: 4px;
	background-image: url(http://img.loogoo.com/images/sep_bottom.gif);
	background-repeat: repeat-x;
	background-position: center;
}
body.FullScreen #sepBottomBar {
	width: 100%;
}
#copyrightBar {
	width: 760px;
	margin: 8px auto;
	display: block;
}
#copyrightBar #copyrightBar_left {
	float: left;
}
#copyrightBar #copyrightBar_right{
	float: left;
	padding-top:5px;
	line-height: 20px;
	font-family: Verdana;
}


#main 
{
    width: 760px;
    margin: 0 auto;
    margin-top: 10px;
}
#main_left
{
    width: 250px;
    float: left;
}
.main_left
{
}
.main_left_title
{
    height: 19px;
    vertical-align: middle;
    font-weight: bold;
    font-size:14px;
    color: White;
    padding-left: 15px;
    padding-top: 7px;
	background:url(http://img.loogoo.com/union/images/left_title_bg.gif) no-repeat;
}
.main_left_content
{
	background:url(http://img.loogoo.com/union/images/left_content_bg.gif) repeat-y;
}
.main_left_content hr
{
    margin:0px;
    padding: 0px;
    height: 1px;
    color:#DDD;
    width: 92%;
}
.main_left_bottom
{
    font-size: 1px;
    height: 5px;
    line-height: 5px;
	background:url(http://img.loogoo.com/union/images/left_bottom_bg.gif) no-repeat;
}
#main_right
{
    width: 500px;
    float: right;
}

.main_right
{
}
.main_right_title
{
    height: 20px;
    vertical-align: middle;
    font-weight: bold;
    font-size:14px;
    color: #333;
    padding-left: 15px;
    padding-top: 6px;
	background:url(http://img.loogoo.com/union/images/right_title_bg.gif) no-repeat;
}
.main_right_content
{
	background:url(http://img.loogoo.com/union/images/right_content_bg.gif) repeat-y;
}
.main_right_content hr
{
    margin:0px;
    padding: 0px;
    height: 1px;
    color:#DDD;
    width: 92%;
}
.main_right_bottom
{
    font-size: 1px;
    height: 5px;
    line-height: 5px;
	background:url(http://img.loogoo.com/union/images/right_bottom_bg.gif) no-repeat;
}


.td_validate_code img
{
    width: 80px;
    height:30px;
    border: #999 1px dotted;
}
.main_left_sep
{
    height:10px;
    line-height: 8px;
    font-size:0px;
}

.news_item
{
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    border-bottom: #BBB 1px dotted;
}
.news_item_left
{
    height: 22px;
    line-height: 22px;
    float: left;
    width: 300px;
}
.news_item_right
{
    height: 22px;
    line-height: 22px;
    float: right;
    width: 100px;
}

.code_block
{
    width: 760px;
    margin: 0 auto;
    margin-top: 10px;
}
.code_block_title
{
    background-color: #EEE;
    border: #DDD 1px solid;
    height:25px;
    line-height:25px;
    font-weight:bold;
    padding-left:10px;
}
.code_block_content
{
    background-color: #F9F9F9;
    border: #DDD 1px solid;
    border-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.code_block_footer
{
    background-color: #EEE;
    border: #DDD 1px solid;
    height:25px;
    line-height:25px;
    padding-left:10px;
    padding-right: 10px;
}
#code_category_list
{
    overflow: hidden;
    width: 758px;
    float: left;
}
#code_category_list li
{
    height: 25px;
    line-height: 25px;
    width: 150px;
    padding-left: 20px;
    float: left;
}
.code_block_content #dateEnd, .code_block_content #dateStart
{
    width: 80px;
}
#preview
{
    width: 758px;
    overflow: hidden;
    
}

#Paging
{
    padding:0px;
    margin:0px;
}

#Paging #Left
{
    width: 50%;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: left;
	background-color: #F4F4F4;
	float: left;
	font-family:Verdana;
}

#Paging #Right
{
    width: 50%;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: right;
	background-color: #F4F4F4;
	float: right;
	font-family:Verdana;
}

.contentShow {
	}
.contentShow label{
	margin:1px 2px;
	padding:4px;
	width:70px;
	text-align:left;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#666;
	}
.contentShow div{
	clear:left;
	}
.input20015{
	margin:0 10px 0 0;
	font-size:12px;
	width:200px;
	height:15px;
	}
.moreInfo {
	text-align:right;
	}
.moreInfo a:link{
	text-align:right;
	}
.contentTitle {
	font-size:14px;
	font-weight:bold;
	color:#1B5FE0;
	padding:0 0 10px 15px;
	background:url(http://img.loogoo.com/images/arrow_game.gif) 0px 4px no-repeat;
	}
.resTitle {
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:0 0 0 20px;
	line-height:30px;
	background-image:url(../images/contentTitleBg.jpg);
	background-position: 11px 11px;
	background-repeat: no-repeat;
	}
.contentText {
	margin:5px 0 10px 0;
	}
.contentBg {
	margin:0;
	padding:0;
	height:5px;
	background:url(../images/contentBg.jpg) top repeat-x #FFF ;
	clear:both;
	}
.contentShow ul{
	list-style:none;
	height:100px;
	padding:0;
	margin:0;
	text-align:left;
	font-size:13px;
	color:#666;
	}
.contentShow li{
	margin:5px;
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
	float:left;
	}
.contentShow li a:link{
	color:#0033FF;
	text-decoration:none;
	}
.contentShow li a:visited{
	color:#0033FF;
	text-decoration:none;
	}
.contentShow li a:hover{
	color:#0033FF;
	text-decoration:underline;
	}
.contentShow li#step1{
	margin:5px;
	padding:60px 10px 0 10px;
	background:url(../images/join1.jpg) center no-repeat;
	text-align:center;
	}
.contentShow li#step2{
	margin:5px;
	padding:60px 10px 0 10px;
	background:url(../images/join2.jpg) center no-repeat;
	text-align:center;
	}
.contentShow li#step3{
	margin:5px;
	padding:60px 10px 0 10px;
	background:url(../images/join3.jpg) center no-repeat;
	text-align:center;
	}
.contentShow li#step4{
	margin:5px;
	padding:60px 10px 0 10px;
	background:url(../images/join4.jpg) center no-repeat;
	text-align:center;
	}
.contentShow li#step5{
	margin:5px;
	padding:60px 10px 0 10px;
	background:url(../images/join5.jpg) center no-repeat;
	text-align:center;
	}
.contentShow li#step6{
	margin:5px;
	padding:60px 10px 0 10px;
	background:url(../images/join6.jpg) center no-repeat;
	text-align:center;
	}
.unionInfo {
	margin:30px 0 0 0;
	padding:0 30px;
	background:url(../images/unionInfo.gif) no-repeat 10px 4px #fff;
	border:1px solid #AEEAF4;
	line-height:25px;
	color:#108F0A;
	}
.unionFooter {
	width:778px;
	margin:0 auto;
	clear:both;
	text-align:center;
	line-height:50px;
	}
