/*******************
Created By: Creativeworks Studio Limited
Date:	7 Jul 2008
*******************/

body {
	background-color: #fff;
	background-image: url(../img/bg.jpg);
	line-height: 1.4;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma;
	color: #636466;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

#contianer{
	height: 590px;
	width: 580px;
	background-color: #fff;
}
/********************
generic styles
********************/

a { text-decoration: none; outline: none;}
a:hover { text-decoration: underline; }
img {border:0; }
.orange_font { color: #f58220; }
/********************
css for main view
********************/

div#header { 
	height: 90px; 
	width:580px;
}

div#header div.logo { 
	height: 90px; 
	width: 560px; 
	background: url(../img/logo.jpg) top left no-repeat; 
}

div#header div.grouplogo { 
	height: 62px; 
	width: 75px; 
	background: url(../img/myHEART_GROUP_LOGO.jpg) top right no-repeat; 
}

div#header div.logo span { display: none; }

div#nav { 
	height: 80px; 
	width: 580px;
	overflow: hidden;
}

div#main {
	margin-top: 1px; 
	height: 380px;
	background-color: #fff;
	overflow: hidden;
	border: 0;
}

div#main #content {
	position: relative;
	top: 0;
	z-index: 1;
	width: 580px;
	height: 380px;
	background: none;
}

div#main #title {
	/*width: 540px;*/
	position: absolute;
	height: 24px;
	margin: 17px 0 0 25px;
}
div#main #flash_main {
	z-index: 1;
	position: absolute;
}

div#main #announcement {
	position: absolute;
	z-index: 2;
        top: 50px;
        left: -120px;
	margin: 10px 56px;
	width: 0px;
	height: 0px;
	background: url(../img/announcement4.1_tc.png) top left no-repeat;
}

div#main #announcement #closeBtn{
	position: absolute;
	width: 70px;
	height: 35px;
	margin-left: 610px;
}


div#main #menu {
	background-color: #fff;
	height: 27px;
	width: 580px;
	position: absolute;
	margin-top: 8px;
	z-index:2;
}

div#main #menu ul { list-style: none; padding: 0; margin: 0; line-height: 27px;}
div#main #menu ul span { display: none; }
div#main #menu ul li { height: 27px; }
div#main #menu ul li a { display: block; height: 27px; _height: 24px;}

div#footer { 
	margin-top: 3px;
	height: 36px; 
	background: url(../img/footer_bg.jpg) top left no-repeat;
}

div#footer #contact { height: 20px; line-height: 20px; color: #fff; font-size: 11px;}
div#footer #contact #label{ height: inhert; width: 72px; float: left; text-align:right; padding-right: 8px;}
div#footer #contact #content { height: inhert; width: 500px; float:right; }
/*div#footer #contact #content span { padding-left: 20px;  }*/
div#footer #contact #content span {text-align: center; display: block; float: left; }
div#footer #contact #content span.right_border {border-right: 1px solid #fff;}
div#footer #contact #content span.hotline { width: 150px; }
div#footer #contact #content span.email { width: 213px; }
div#footer #contact #content span.jobs { width: 47px; }
div#footer #contact #content span.franchise { width: 68px; }

div#footer #contact a { color: white; }

div#footer #copyright { clear:both; text-align: center; font-size: 9px; line-height: 16px;}
div#footer #copyright a { color: #636466;}

.Nag_blue {
	font-size: 12px;
	font-weight: bold;
	color: #0099CC;
	/*background-color: #FFFFFF;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.Mem_no {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.Copy {
	/*background-color: #FFFFFF;*/
	border-bottom: 2px dotted #FFFFFF;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	height: 30px;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bolder;
}

.heading {
	MARGIN: 10em;
	font-family: "華康中黑體";
	font-size: 16px;
	color: #666666;
	padding-top: 20px;
	padding-bottom: 10px;
}
.Copy_data {

	/*background-color: #FFFFFF;*/
	border-bottom: 2px dotted #FFFFFF;
	color: #333333;
	font-family: "華康中黑體";
	height: 10px;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.Copy_dataBlue {


	/*-color: #ECF7F9;*/
	border-bottom: 2px dotted #FFFFFF;
	color: #999999;
	font-family: "華康中黑體";
	height: 10px;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.backtomain {
	/*background-color: #FFFFFF;*/
	color: #FFFFFF;
	font-family: "華康中黑體";
	padding: 5px;
	font-size: 13px;
	font-weight: bolder;
	text-decoration: underline;
}
.usernamepass {
	MARGIN: 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	text-align: justify;
	font-weight: normal;
	padding: 8px 0px;
}
.point {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 0px;
	width: 250px;
}
a:hover {
	color: #FF6000;
}
.pointhighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6000;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 0px;
	width: 250px;
}
.pointform {
	MARGIN: 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	text-align: justify;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}