@charset "utf-8";
/* CSS Document*/
body { 
	margin:0; 
	padding:0; 
	background:url(images/bodyBg.jpg) repeat-x top #DBF676;
}
#wrap {
	width:1000px;
	margin:0 auto;
	position:relative;
}

/* topNav */
#topNav {
	width:650px;
	height:20px;
	margin:0 45px 0 0 ;
	padding:5px 0 7px 0;
	float:right;
}
#topNav ul { width:650px; text-align:right;}
#topNav ul li { display:inline; padding:0 10px;font-size:12px; color:#E94E21; letter-spacing:1px; }
#topNav ul li a { font-size:12px; color:#888;	letter-spacing:1px;	text-decoration:none;}
#topNav ul li a:hover { color:#AAA; text-decoration:underline;}

/* menu */
#menu .left {
	width:9px;
	height:43px;
	float:left;
	background:url(images/menuBgL.png) no-repeat;
}
#menu .right {
	width:9px;
	height:43px;
	float:left;
	background:url(images/menuBgR.png) no-repeat;
}
#menu ul { margin: 0 auto; text-align:center; }
#menu .line { height:15px; padding:0 0 12px 0; }

/***** Header *****/
/*** indexHeader ***/
#indexHeader {
	width:1000px;
	height:260px;
	margin:0 auto;
	background:url(images/indexHeaderBg.jpg) no-repeat;
	position:relative;
}
#indexHeader H1 {
	position:absolute;
	top:80px;
	left:115px;
}
#indexHeader H1 a {
	text-indent:-9999px;
	width:220px;
	height:100px;
	position:absolute;
	display:block;
}
#indexHeader H2 {
	text-indent:-9999px;
	position:absolute;
	display:block;
}
#indexHeader #menu {
	width:900px;
	height:43px;
	margin:0 auto ;
	clear:both;
}
#indexHeader #menu .center {
	width:880px;
	height:43px;
	float:left;
	background:url(images/menuBgC.png) repeat-x;
}
#indexHeader #menu ul li { display:inline; padding:0 10px;}

/*** pageHeader ***/
#pageHeader {
	width:1000px;
	height:130px;
	margin:0 auto;
	background:url(images/pageHeaderBg.jpg) no-repeat;
	position:relative;
}
#pageHeader H1 {
	position:absolute;
	top:15px;
	left:60px;
}
#pageHeader H1 a {
	text-indent:-9999px;
	width:170px;
	height:80px;
	position:absolute;
	display:block;
}
#pageHeader #menu {
	width:650px;
	height:43px;
	margin:0 30px 0 0  ;
	float:right;
	clear:both;
}
#pageHeader #menu .center {
	width:630px;
	height:43px;
	float:left;
	background:url(images/menuBgC.png) repeat-x;
}
#pageHeader #menu ul { width:630px;}
#pageHeader #menu ul li { display:inline; padding:0 0px;}




/***** container *****/
#container {
	width:980px;
	margin:0 auto;
	background:url(images/containerBg.jpg) repeat-x #E6E3D0;
	clear:both;
}
#banner {
	width:420px;
	height:110px;
	background:url(images/indexBanner.jpg) no-repeat;
	position:absolute;
	top:253px;
	left:80px;
	padding:150px 0 0 420px ; /* for btn_count btn_sample */
}


/*** pageContainer ***/
#pageContainer {
	width:880px;
	padding:10px 50px;	
}
/* breadCrumb */
#breadCrumb{
	font-size:13px; 
	color:#777; 
	padding:0 0 5px 12px;
	margin:0 0 0 8px;
	letter-spacing:1px;
	line-height:20px;
	background:url(images/icon_arrow.gif) no-repeat left center ;
}
#breadCrumb a{	color:#777; 	text-decoration:underline;}
#breadCrumb a:hover {	color:#999; }

/* indexLeftService */
#indexLeftService {
	width:530px;
	padding:0 0 0 20px;	
	margin:0;
	float:left;
}
#indexLeftService table {
	width:510px;
	margin:0 0 0 8px;
}
#indexLeftService table P {
	font-size:13px; 
	color:#804F21; 
	/*padding:0 0 0 12px;*/
	/*margin:0 0 0 5px;*/
	line-height:32px;
	/*background:url(images/icon_arrow.gif) no-repeat left center ;*/
}


/* ContentMain */
#ContentMain {
	width:870px;
	padding:0 0 0 0;	
	margin:0 10px 0 0px;
	float:left;
}
#ContentMain .top {
	width:870px;
	height:14px;
	background:url(images/contentMainBg_01.png) no-repeat;
}
#ContentMain .bottom {
	width:870px;
	height:14px;
	background:url(images/contentMainBg_03.png) no-repeat top;
}
#ContentMain .center {
	width:830px;
	background:url(images/contentMainBg_02.png) repeat-y;
	padding:0 20px 25px 20px;
	margin:0;
	_margin:-5px 0 0 0; /* for IE6 */
}


/*** ContentMainLifePlan(sample) ***/
#ContentMainLifePlan {
	width:870px;
	padding:0 0 0 0;	
	margin:0 10px 0 0px;
	float:left;
}
#ContentMainLifePlan .topTitle {
	width:870px;
	height:93px;
	text-indent:-5000px;
}
#ContentMainLifePlan .plan {
	background:url(images/lifePlanSampleBg_plan.png) no-repeat;
}
#ContentMainLifePlan .plan_cn {
	background:url(images/lifePlanSampleBg_plan_cn.png) no-repeat;
}
#ContentMainLifePlan .planSample {
	background:url(images/lifePlanSampleBgT.png) no-repeat;
}
#ContentMainLifePlan .year {
	background:url(images/lifePlanSampleBg_year.png) no-repeat;
}
#ContentMainLifePlan .yearSample {
	background:url(images/lifePlanSampleBg_yearSample.png) no-repeat;
}

#ContentMainLifePlan .bottom {
	width:870px;
	height:31px;
	background:url(images/lifePlanSampleBgB.png) no-repeat top;
}
#ContentMainLifePlan .center {
	width:830px;
	background:url(images/lifePlanSampleBgC.png) repeat-y;
	padding:15px 20px 0px 20px;
	margin:0;
	_margin:-5px 0 0 0; /* for IE6 */
	text-align:justify;
}
#ContentMainLifePlan H5 {
	font-size:13px; 
	font-weight:bold;
	color:#000; 
	padding:0;
	margin:0;
	line-height:24px;
}
#ContentMainLifePlan P {
	letter-spacing:normal;
	line-height:24px;
}
#ContentMainLifePlan TABLE {
	margin:0 0 15px 0;
}


/* ContentLeft */
#ContentLeft {
	width:560px;
	padding:0 0 0 0;	
	margin:0 10px 0 0px;
	float:left;
}
#ContentLeft .top {
	width:560px;
	height:14px;
	background:url(images/ContentLeftBg_01.png) no-repeat;
}
#ContentLeft .bottom {
	width:560px;
	height:14px;
	background:url(images/ContentLeftBg_03.png) no-repeat;
}
#ContentLeft .center {
	width:500px;
	background:url(images/ContentLeftBg_02.png) repeat-y;
	padding:0 30px;
	margin:0;
	_margin:-5px 0 0 0; /* for IE6 */
}

/* List */
.List {	width:80%; }
.List ul li { font-size:15px; color:#804F21;line-height:26px; letter-spacing:1px; list-style:none;}
.List ul li a {font-size:13px; color:#2CA6E0;	letter-spacing:1px;	text-decoration:none; }
.List ul li a:hover { color:#38B5E5; text-decoration:underline;}



/* charge */
#charge {
	padding:0 15px;
	letter-spacing:1px;
}
#charge H4 {
	color:#493B38;
	font-size:15px;
	font-weight:bold;
	line-height:35px;
}
#charge P {
	text-indent:16px;
}

/* sideBox */
#sideBox {
	width:285px;
	float:left;
	margin:0 0 30px 10px;
	letter-spacing:1px;
}
#sideBox .top {
	width:285px;
	height:9px;
	margin:0;
	_margin:0 0 -10px 0; /* for IE6 */
	background:url(images/sideBox_01.png) no-repeat;
}
#sideBox .bottom {
	width:285px;
	height:9px;
	background:url(images/sideBox_03.png) no-repeat;
}
#sideBox .center {
	width:245px;
	background:url(images/sideBox_02.png) repeat-y;
	padding:0 20px 8px  20px;
}
#sideBox .center P {
	font-size:13px; 
	color:#804F21; 
	line-height:24px;
	margin:0 0 0px 0;
	text-align:justify; 
}



/***** MEMBER *****/
#memberContainer {
	width:100%;
	margin:0 auto;
	padding:10px 0;
}
#memberContainer .pageTitle {
	margin:10px 0 6px -3px;
}
#memberContainer #sideBarLine {
	width:12px;
	height:300px;
	float:left;
	background:url(images/line_straight.jpg) no-repeat;
}

/* memberSideBar */
#memberContainer #sideBar {
	width:190px;
	float:left;
	padding:0 0 0 10px;
}
#memberContainer #sideBar ul li {
	list-style:none;
	color:#333;
	font-size:13px;
	letter-spacing:1px;
	line-height:24px;
}
#memberContainer #sideBar ul li a {
	color:#00A0BF;
	text-decoration:none;
}
#memberContainer #sideBar ul li a:hover {
	color:#36BDF2;
	text-decoration:underline;
}
#memberContainer #sideBar #current a{
	color:#8DC21F;
	text-decoration:none;
	cursor:text;
}
/* memberMain */
#memberContainer #memberMain {
	width:600px;
	float:left;
	padding:0 0 0 10px;
}


/*** linkAD ***/
#linkAD {
	width:800px;
	height:90px;
	border:#FFF solid 5px;
	background:#F7F7F7;
	margin:0 auto;
	clear:both;
}


/*** footer ***/
#footer {
	width:980px;
	height:72px;
	margin:0 auto;
	clear:both;
}
#footer .left {
	width:100px;
	height:72px;
	background:url(images/footerBgL.jpg) no-repeat;
	float:left;
}
#footer .right {
	width:880px;
	height:62px;
	background:url(images/footerBgR.jpg) repeat-x;
	float:left;
	padding:20px 0 0 0;
}
#footer .right H3 {
	font-size:12px; 
	color:#666; 
	line-height:28px; 
	letter-spacing:1px;
	font-weight:normal;
	padding:14px 0 0 0; 
}