﻿/* 
CSS Document
Designer : asterix
*/

/* DEFAULT */
body
{
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	font-family: Arial;
	background-color: #2c3941;
}
ul, li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
image
{
	border: 0px;
}
a:link, a:visited
{
	text-decoration: none;
}
a:active, a:hover
{
	text-decoration: underline;
}

/* STRUCTURE */
.header
{
	width: 100%;
	height: 147px;
	margin: 0px auto;
	background: url(img/top.gif) no-repeat left top;
}
.header2
{
	width: 100%;
	overflow:hidden;
	margin: 0px auto;
	background: url(img/top.gif) no-repeat left top;
	border-bottom:5px solid #353b3c;
}
.content
{
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
}
.footer
{
	width: 100%;
	height: 78px;
	margin: 0px auto;
	overflow: hidden;
}

/* CONTENT */
.dbody
{
	background-color: #2c3941;
	padding-top: 61px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 61px;
}
.body_1
{
	width: 968px;
	border: solid 1px #ffffff;
	background-color: #ffffff;
	margin: 0px auto;
	overflow: hidden;
}
.body_2
{
	width: 950px;
	border: solid 9px #dfdfdf;
	background-color: #ffffff;
	margin: 0px auto;
	overflow: hidden;
}
.h_2 a,.h_22 a
{
	display: block;
	width: 90px;
	height: 34px;
}


.nav01:link,.nav01:visited
{
	background-image:url(img/011.gif);
}
.nav01:active,.nav01:hover
{
	background-image: url(img/01.gif);
	
}

.navjob01:link, .navjob01:visited
{
	background-image: url(img/job.gif);
}
.navjob01:active, .navjob01:hover
{
	background-image: url(img/jobh.gif);
}
.nav02:link, .nav02:visited
{
	background-image: url(img/02.gif);
}
.nav02:active, .nav02:hover
{
	background-image: url(img/022.jpg);
}
.nav03sel
{
	background-image:url(img/032.jpg);
}
.nav03:link, .nav03:visited
{
	background-image: url(img/03.gif);
}
.nav03:active, .nav03:hover
{
	background-image: url(img/032.jpg);
}
.nav04:link, .nav04:visited
{
	background-image: url(img/04.gif);
}
.nav04:active, .nav04:hover
{
	background-image: url(img/042.jpg);
}
.nav05:link, .nav05:visited
{
	background-image: url(img/05.gif);
}
.nav05:active, .nav05:hover
{
	background-image: url(img/052.jpg);
}
.nav06:link, .nav06:visited
{
	background-image: url(img/06.gif);
}
.nav06:active, .nav06:hover
{
	background-image: url(img/062.jpg);
}
.nav07:link, .nav07:visited
{
	background-image: url(img/07.gif);
}
.nav07:active, .nav07:hover
{
	background-image: url(img/072.jpg);
}

.nav08:link, .nav08:visited
{
	background-image: url(img/search_b.jpg);
}
.nav08:active, .nav08:hover
{
	background-image: url(img/search_g.jpg);
}

.nav09:link, .nav09:visited
{
	background-image: url(img/logout_b.jpg);
}
.nav09:active, .nav09:hover
{
	background-image: url(img/logout_g.jpg);
}
/* ************** change *********/
.nav10:link,.nav10:visited
{
	width: 179px;
	background-image: url(img/ss_out.jpg);
}
.nav10:active, .nav10:hover
{ 
	width: 179px;
	background-image: url(img/ss_over.jpg);
}


.nav11:link, .nav11:visited
{
	width: 120px;
    background-image: url(img/search_b.jpg);
}
.nav11:active, .nav11:hover
{
	width: 120px;
	background-image: url(img/search_g.jpg);
}

.nav12:link, .nav12:visited
{
	width: 90px;
        background-repeat:no-repeat;
	background-image: url(img/mem_blue.jpg);
}
.nav12:active, .nav12:hover
{
	width: 90px;
        background-repeat:no-repeat;
	background-image: url(img/mam_green.jpg);
}

.nav16:link, .nav16:visited
{
width: 60px;
 background-repeat:no-repeat;
	background-image: url(img/chat1.jpg);
}
.nav16:active, .nav16:hover
{
width: 60px;
 background-repeat:no-repeat;
	background-image: url(img/chat.jpg);
}

/* CONTENT_1 */
.h_1
{
	width: 100%;
	height: 113px;
	/*height: auto;*/	
	padding-left: 43px;
}
.h_12
{
	height: 113px;
	/*height: auto;*/
	padding-left: 43px;
	float:left;
}
.h_1_1
{
	width: 205px;
	height: 90px;
	background: url(img/logo.gif) no-repeat left top;
	margin-top: 16px;
	float: left;
	overflow: hidden;
}
.h_1_2
{/*
	width: 100px;
	height: 75px;
	float: left;
	padding-left: 550px;
	padding-top: 10px;
	
	width: 200px;
	height: 75px;
	float: left;
	padding-left: 470px;
	padding-top: 10px;*/
	
	width: 330px;
	height: 75px;
	float: left;
	padding-left: 370px;
	padding-top: 10px;
	padding-right: 0px;
}

.b01
{
	width: 149px;
	height: 16px;
	float: left;
	overflow: hidden;
	color: #747474;
	font-size: 11px;
}
.b02
{
	width: 159px;
	height: 16px;
	padding-left: 10px;
	overflow: hidden;
	color: #747474;
	font-size: 11px;
}
.b03
{
	width: 300px;
	height: 72px;
	/*padding-left: 155px;
	padding-left: 260px;*/
	padding-top: 5px;
	overflow: hidden;
	clear: both;
	
}
.loginsmt
{
	cursor: pointer;
	background: url(img/login.gif) no-repeat left top;
	height: 22px;
	width: 55px;
	display: block;
	border: 0px;
}


.register_btn {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #73CA3B;
	background-repeat:no-repeat;
	border:0px;
	width:100px;
	height:21px;
	cursor:pointer;
}

.b03 img
{
	border: none;
}
.c01
{
	width: 149px;
	height: 23px;
	float: left;
}
.c02
{
	width: 159px;
	height: 23px;
	padding-left: 10px;
	float: left;
}

.h_2
{
	float:right;
	width: 100%;
	height: 34px;
	padding-left: 50px;
	overflow: hidden;
	padding-right:5px;
}
.h_22
{
	float:right;
	height: 34px;
	overflow: hidden;
	width: 100%;
	padding-left: 50px;	
	padding-right:5px;
}
.h_2 img,.h_22 img
{
	border: 0px;
}
.h_2 li,.h_22 li
{
	float: left;
	margin-left: 5px;
}

/* CONTENT_2*/
.c_1
{
	width: 950px;
	/*height: 264px;*/
	height: auto;
	background: url(img/t01.gif) no-repeat left top;
	overflow: hidden;
}
.rc_1
{
	width: 950px;
	height: 264px;
	/*height: auto;*/
	overflow: hidden;
}
.c_1_1
{
	width: 599px;
	/*height: 114px;*/
	height: auto;
	font-size: 12px;
	float: left;
	color: White;
	margin-top: 63px;
	padding-left: 16px;
	line-height: 16px;
}
.c_1_2
{
	width: 269px;
	height: 93px;
	float: left;
	margin-top: 27px;
	margin-left: 41px;
}
.rc_1_2
{
	width: 669px;
	height: 93px;
	float: left;
	margin-top: 27px;
	margin-left: 41px;
}
.upbox
{
	width: 269px;
	height: 93px;
	background-image: url(img/c02.jpg);
	background-repeat: no-repeat;
}
.downbox
{
	width: 269px;
	height: 93px;
	background-image: url(img/c01.jpg);
	background-repeat: no-repeat;
}
.signup
{
	padding-left: 162px;
}
.upbox a
{
	width: 99px;
	height: 28px;
	display: block;
	background-image: url(img/sign_01.jpg);
	background-repeat: no-repeat;
}
.upbox a:hover, .upbox a:active
{
	background-image: url(img/sign2_01.jpg);
	background-repeat: no-repeat;
}
.downbox a
{
	width: 99px;
	height: 28px;
	display: block;
	background-image: url(img/sign_03.gif);
	background-repeat: no-repeat;
}
.downbox a:hover, .downbox a:active
{
	background-image: url(img/sign2_03.jpg);
	background-repeat: no-repeat;
}

.c_2
{
	width: 905px;
	/*height: 272px;*/
	margin: 0px auto;
	margin-top: 32px;
}
.c_2_1
{
	width: 100%;
	height: 30px;
	overflow: hidden;
}
.c_2_1 img
{
	border: 0px;
}
.c_2_1_1
{
	width: 150px;
	float: left;
	border-top: #9f9f9f 1px dashed;
	border-left: #9f9f9f 1px dashed;
	border-right: #9f9f9f 1px dashed;
	color: #333738;
	text-align: center;
	line-height: 30px;
}
.c_2_1_12
{
	width: 5px;
	border-bottom: #9f9f9f 1px dashed;
	height: 29px;
	float: left;
}
.c_2_1_2
{
	float: left;
}
.c_2_1_1 a:hover, .c_2_1_1 a:active
{
	background-color: white;
	text-decoration: none;
	color: #2876C0;
}
.c_2_1_2 a
{
	height: 30px;
	width: 150px;
	display: block;
	line-height: 30px;
	text-align: center;
}
.c_2_1_2 a:link, .c_2_1_2 a:visited
{
	background-color: #2876C0;
	text-decoration: none;
	color: White;
}
.c_2_1_2 a:hover, .c_2_1_2 a:active
{
	background-color: white;
	text-decoration: none;
	color: #333738;
	border-top: #9f9f9f 1px dashed;
	border-left: #9f9f9f 1px dashed;
	border-right: #9f9f9f 1px dashed;
	border-bottom: 0px;
}
.c_2_1_3
{
	
	float: left;
	border-bottom: 1px dashed #9f9f9f;
	height: 29px;
}
.dotline
{
	width: 100%;
	float: left;
	border-top: 1px dashed #9f9f9f;
	height: 5px;
}

.c_2_2
{
	width: 100%;
	height: 245px;
	border-bottom: #9f9f9f 1px dashed;
	border-left: #9f9f9f 1px dashed;
	border-right: #9f9f9f 1px dashed;
}
.c_2_2_1
{
	width: 880px;
	color: #2f3b42;
	margin: 0px auto;
	margin-top: 3px;
	padding-top: 15px;
	font-size: 11px;
}
.c_2_2_2
{
	width: 880px;
	height: 30px;
	color: #66993b;
	margin: 0px auto;
	line-height: 30px;
	font-size: 11px;
	margin-top: 8px;
}
.c_2_2_3
{
	width: 872px;
	height: 88px;
	padding-left: 12px;
}
.c_2_2_3 li
{
	height: 12px;
	width: 872px;
	color: #2f3b42;
	margin: 0px auto;
	font-size: 10px;
	line-height: 12px;
	overflow: hidden;
	padding-left: 19px;
}
.a01
{
	margin: 0px auto;
	padding-top: 5px;
	overflow: hidden;
	background: url(img/d.gif) no-repeat 5px 8px;
}
.c_2_2_3 a
{
	color: #2f3b42;
}
.c_2_2_3 ul
{
width: 872px;
	color: #2f3b42;
	font-size: 10px;
	overflow: hidden;
}
.c_2_2_4
{
	width: 137px;
	/*height: 23px;*/
	margin-left: 752px;
}
.c_2_2_4 img
{
	border: 0px;
}

/* profile CONTENT_2*/
.pc_1
{
	width: 950px;
	height: 109px;
	background: url(img/t02.gif) no-repeat left top;
}
.pc_2
{
	width: 950px;
	overflow:hidden;
	padding-left: 11px;
	padding-top: 47px;
}
.pc_3
{
	width: 680px;
    overflow:hidden;
	margin: 0px auto;
	
}


.pc_left
{
	width: 566px;
	/*height: 760px;*/
	float: left;
}
.pc_left_1
{
	width: 100%;
	/*height: 282px;*/
	height: auto;
}
.pc_left_1_1
{
	width: 540px;
	height: auto;
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	margin-left: 13px;
	color: #2f3b42;
	border-bottom: #9f9f9f 1px dashed;
	text-indent: 5px;
}
.pc_left_1_2
{
	width: 528px;
	height: auto;
	margin-left: 13px;
	float: left;
}
.pc_left_1_2_1
{
	width: 169px;
	float: left;
	margin-top: 10px;
}
.pc_left_1_2_2
{
	width: 288px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.pc_left_1_2_2 ul
{
	margin-top: 10px;
}
.pc_left_1_2_2 li
{width: 500px; clear:both; padding:5px 0px 5px 0px; 
}
.pl01
{
	width: 150px;
	font-size: 10px;
	color: #2f3b42;
	font-weight: bold;
	 float:left;
}

.pl01_1
{
	width: 350px;
	font-size: 10px;
	color: #2f3b42;
	font-weight: bold;
	 float:left;
}
.pl02
{
	width: 300px;
	height: auto;
	border-bottom: #9f9f9f 1px dashed;
	font-size: 10px;
	color: #6c7b84;
	 float:left;

}


.pl011
{
	width: 100px;
	font-size: 10px;
	color: #2f3b42;
	font-weight: bold;
	 float:left;
}
.pl021
{
	width: 250px;
	height: auto;
	border-bottom: #9f9f9f 1px dashed;
	font-size: 10px;
	color: #6c7b84;
	 float:left;

}


.pl03
{
	width: 526px;
	height: auto;
	font-size: 10px;
	color: #6c7b84;
	margin: 0px auto;
	line-height: 11px;
}
.pl04
{
	width: 526px;
	height: auto;
	font-size: 10px;
	color: #2f3b42;
	font-weight: bold;
	margin: 0px auto;
	margin-top: 11px;
}


.pc_left_2
{
	width: 100%;
	/*height: 344px;*/
}
.pc_left_2_2
{
	width: 562px;
	/*height: 301px;*/
	background-color: #eff3f6;
	border: solid 1px #d6dee4;
	margin-top: 17px;
}
.pc_2_2_3
{
	width: 542px;
	height: 48px;
	margin-top: 5px;
	font-size: 10px;
	padding-left: 18px;
}
.pc_2_2_3 li
{
	height: 10px;
	color: #2f3b42;
	margin: 0px auto;
	font-size: 10px;
	float: left;
	line-height: 10px;
	overflow: hidden;
}
.pa01
{
	width: 6px;
	height: 5px;
	margin: 0px auto;
	padding-right: 3px;
	padding-top: 2px;
}
.pc_2_2_3 a
{
	color: #6c7b84;
}
.pc_2_2_3 ul
{
	width: 332px;
	height: 10px;
	color: #2f3b42;
	font-size: 9px;
	overflow: hidden;
}

.pc_left_3
{
	width: 562px;
	height: 34px;
	padding-top: 81px;
	padding-left: 4px;
}
.pc_left_3 img{ border:0px;}

.pc_right
{
	width: 331px;
	/*height: 768px;*/
	float: left;
	margin-left: 20px;
}
.pc_right_1
{
	width: 331px;
	/*height: 302px;*/
}
.pc_right_1_1
{
	width: 325px;
	/*height: 21px;*/
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	color: #2f3b42;
	border-bottom: #9f9f9f 1px dashed;
	text-indent: 2px;
}
.pc_right_1_2
{
	width: 329px;
	/*height: 269px;*/
	padding-top: 17px;
}
.pc_right_2
{
	width: 331px;
	/*height: 448px;*/
}
.pc_right_2_2 li
{
	float: left;
	margin-top: 5px;
}
.pc_right_2_2_1
{
	width: 332px;
	/*height: 340px;*/
	padding-top: 17px;
}
.pl001
{
	margin-left: 10px;
}
.ppicbox
{
	width:329px;
	height:185px;
	background-image:url(img/photo_02.jpg);
	background-repeat:repeat-y;
	padding-top:5px;
	text-align:center;
}
.ppicbox2
{
	width:329px;
	height:53px;
	padding-top:3px;
	background-image:url(img/photo_02.jpg);
	background-repeat:repeat-y;
}
.ppicbox2 li
{
	list-style:none;
	float:left;
}

/* CONTENT_3*/
.f_1
{
	width: 940px;
	overflow: hidden;
	color: #2f3b42;
	font-size: 11px;
	line-height: 20px;
	text-align: right;
	padding-top: 14px;
	border-top: #9f9f9f 1px dashed;
}
.f_2
{
	width: 940px;
	overflow: hidden;
	color: #2f3b42;
	font-size: 11px;
	line-height: 12px;
	text-align: right;
	padding-top: 5px;
}
.f_1 li
{
	float: left;
}
.f_1 ul
{
	padding-left: 560px;
}
.f_1 a
{
	color: #2f3b42;
}
.tblborder{
border:dashed;
border-color:#666666;
border-width:1px;
}
