@charset "gb2312";

html{
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif,SimSun;
}

#wrapper {
	background: url(../img/main_bg.jpg) repeat-x #FFF;	
}

#header, #mainimg, #ChLang, #menu, #pd_mm, #main, #footer {
	margin:0 auto;
	width:796px;
	clear:both;
}

.clr { clear:both; }

img { border:0; vertical-align:bottom; }


/* FOTN and LINK
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, ul, li, div, dl {
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
}

p {
	margin:15px 30px;
	line-height:150%;
	font-size:12px;
}

h2 {
	background:url(../img/index_side_txt.gif) no-repeat center;
	text-indent:-9999px;
	height:65px;
}

h3 {
	margin:30px 30px 15px 30px;
	font-weight:bold;
	font-size:14px;
	color:#688A00;
	border-bottom:1px solid #789F00;
}

.txt18Bl {
	font-size:18px;
	color:#0066CC;
	font-weight:bold;
}

.txtRed { color:#FF0000; }

.check {
	background:url(../img/check.gif) no-repeat;
	padding-left:25px;
	font-size:14px; font-weight:bold;
}

.txtRMgnB40 { text-align:right; margin-bottom:40px; }


/* Header
----------------------------------------------------------- */


#ChLang {
	text-align:right;
	padding-right:50px;
	padding-top:5px;
}

#ChLang div.eng, #ChLang div.ch {
	width:75px;
	height:25px;
	float:right;
}

#ChLang div.eng { background:url(../img/in_eng_atv.gif) no-repeat; }
#ChLang div.ch { background:url(../img/in_ch_atv.gif) no-repeat; }

#ChLang div.eng a {
	height:25px;
	width:75px;
	background:url(../img/in_eng.gif) no-repeat 0 0;
	display:block;
}

#ChLang div.ch a {
	height:25px;
	width:75px;
	background:url(../img/in_ch.gif) no-repeat 0 0;
	display:block;
}

#ChLang div.eng a:hover {
	background:url(../img/in_eng.gif) no-repeat 0 -25px;
}

#ChLang div.ch a:hover {
	background:url(../img/in_ch.gif) no-repeat 0 -25px;
}



#header { padding-top:5px; }


/* ----- Logo ----- */

h1 {
	float:left;
	width:328px;
	background:url(../cn/img/top_logo.jpg) no-repeat;
	text-indent:-9999px;
}

h1 a {
	height:51px;
	width:328px;
	text-decoration:none;
	display:block;
}

/* ----- Contact ----- */

div.contact {
	float:right;
	width:200px;
	text-indent:-9999px;
}

div.contact a {
	height:51px;
	width:200px;
	background:url(../cn/img/top_contact.jpg) no-repeat 0 0;
	display:block;
}

div.contact a:hover {
	background:url(../cn/img/top_contact.jpg) no-repeat 0 -51px;
}


/* Footer
----------------------------------------------------------- */

#footer {
	background:url(../img/footer_bg.jpg) repeat-x;
	text-align:right;
	font-weight:bold;
	font-size:10px;
	color:#FFF;
	padding:10px 5px;
}


/* MainImg
----------------------------------------------------------- */

#mainimg { clear:both; }

#mainimg div {
	float:left;
	height:213px;
	text-indent:-9999px;
}

#mainimg div.imgLeft {
	background:url(../img/index_mainimg_l.jpg) no-repeat;
	width:328px;
}

#mainimg div.imgRightIndex {
	background:url(../img/index_mainimg_r.jpg) no-repeat;
	width:468px;
}

#mainimg div.imgRightProfile {
	background:url(../img/profile_mainimg_r.jpg) no-repeat;
	width:468px;
}

#mainimg div.imgRightOffice {
	background:url(../img/office_mainimg_r.jpg) no-repeat;
	width:468px;
}

#mainimg div.imgRightMap {
	background:url(../img/map_mainimg_r.jpg) no-repeat;
	width:468px;
}

#mainimg div.imgRightContact {
	background:url(../img/contact_mainimg_r.jpg) no-repeat;
	width:468px;
}


/* Menu
----------------------------------------------------------- */

#menu {
	clear:both;
	background:url(../img/menu_side.jpg) no-repeat;
	height:63px;
}

#menu ul { margin-left:280px; }

#menu li{
    list-style:none;
    float:left;
	height:63px;
	width:172px;
	text-indent:-9999px;
}

#menu a{
    display:block;
    height:63px;
    overflow:hidden;
}

#menu a:hover{
    position:relative;
	top:0;
	left:0;
}

#menu li.top a { background:url(../cn/img/menu_top.jpg) no-repeat 0 0; }
#menu li.top a:hover { background:url(../cn/img/menu_top.jpg) no-repeat 0 -63px; }

#menu li.profile a { background:url(../cn/img/menu_profile.jpg) no-repeat 0 0; }
#menu li.profile a:hover { background:url(../cn/img/menu_profile.jpg) no-repeat 0 -63px; }

#menu li.office a { background:url(../cn/img/menu_office.jpg) no-repeat 0 0; }
#menu li.office a:hover { background:url(../cn/img/menu_office.jpg) no-repeat 0 -63px; }

#menu li.map a { background:url(../cn/img/menu_map.jpg) no-repeat 0 0; }
#menu li.map a:hover { background:url(../cn/img/menu_map.jpg) no-repeat 0 -63px; }


#pd_mm {
	background:url(../img/pd_menu-cont.jpg) no-repeat;
	height:10px;
	overflow:hidden;
}

/* Side (Left)
----------------------------------------------------------- */

#side {
	float:left;
	width:280px;
	height:auto;
	background:url(../img/side_bg_btm.gif) repeat-y;
	padding-bottom:20px;
}

#side div.menuttl {
	background:url(../img/side_bg_top.jpg) no-repeat;
	padding-top:120px;
}

div.Sidecontact {
	width:206px;
	text-indent:-9999px;
	margin:40px 0 0 35px;
}

div.Sidecontact a {
	height:50px;
	width:206px;
	background:url(../cn/img/btn_contact.gif) no-repeat 0 0;
	display:block;
}

div.Sidecontact a:hover {
	background:url(../cn/img/btn_contact.gif) no-repeat 0 -50px;
}

div.add {
	/* background:url(../img/side_add.gif) no-repeat center; */
	background-color:#EFEFEF;
	text-align:left;
	margin:30px 25px 0 25px;
	padding:10px 15px;
	font-size:12px;
}


/* Contents (Right)
----------------------------------------------------------- */

#main {
	background:url(../img/contents_f_bg.jpg) no-repeat right bottom #FFF;
}

#contents {
	float:right;
	width:514px;
	padding-bottom:20px;
	border-left:2px solid #02A7E5;
}

#contents div.cat, #contents div.catINDEX {
	background:url(../img/contents_t_bg02.jpg) no-repeat;
	font-weight:bold;
	font-size:18px;
	text-align:right;
	padding:25px 45px 40px 0;
	color:#1D3F58;
}

#contents div.catINDEX { background:url(../img/contents_t_bg.jpg) no-repeat; }

#contents div.cateng {
	font-weight:bold;
	font-size:14px;
	color:#D9D9D9;
	margin-top:5px;
}

#contents p.staffname {
	margin-top:20px;
	font-weight:bold;
	padding:3px 0 0 13px;
	background:url(../img/arrow.gif) no-repeat;
}

#contents table {
	margin:15px 25px 15px 30px;
	border:0;
	width:455px;
	font-size:12px;
}

#contents th {
	width:140px;
	vertical-align:top;
	text-align:left;
	color:#003366;
	background:url(../img/bdr01.gif) repeat-x top #DFF2F4;
	border-bottom:1px solid #FFF;
}

#contents th.form {
	width:120px;
	vertical-align:top;
	text-align:left;
	color:#003366;
	background:url(../img/bdr01.gif) repeat-x top #E3EAF0;
	border-bottom:1px solid #FFF;
}


#contents td {
	background:url(../img/bdr01.gif) repeat-x top;
	border-bottom:1px solid #FFF;
	border-left:3px solid #FFF;
}

p.box {
	background-color:#EFEFEF;
	text-align:center;
	padding:20px 0;
	font-weight:bold;
}

.pbg01 {
	background:#EEF2EC;
	padding:5px;
	margin:5px 30px;
}

.pbg02 {
	background-color:#F0F8F9;
	padding:5px;
	margin:5px 30px;
}


/* FORM */

.w40 { width:40px; }
.w100 { width:100px; }
.w250 { width:250px; }
.w270 { width:270px; }