@font-face {
font-family: chei3hk-bold;
src: url('../font/CHei3HK Bold.otf')
}
body {
	margin: 0 auto;	line-height:1.2em; font-size:12px;
	background-color:#9DB0BA; color:#000; font-family:arial, ·s²Ó©úÅé; text-align:center;
	background-image:url(../images/bg-2.jpg);}
img {border:0px;}
a {
	text-decoration:none;
	color:#C0AD17;
}

.menu_color, .menu, #nav {color:#898989;}
.sub_menu_bg {background-color:#C0AD17;}
.sub_menu_color {color:#DCDDDD;}
.sub_menu a:active {color:#fff;}
.sub_menu a:hover {color:#fff;}

.content {
	min-height:768px;
	text-align:center;
	margin:0 auto;
	background-image:url(../images/home-02-swap.png);
	background-image:url(../images/home-02.png);
	background-repeat:no-repeat;
	width:1088px;
	line-height:120%;
}
.content_detail {
	background-image:url(../images/detail-02.png);
	background-repeat:no-repeat;
}
.title {
	position:absolute;
	color:#fff;
	top:220px;
	left:200px;
	font-size:2em;
}
.detail {
	position:absolute;
	top:270px;
	left:200px;
	font-size:1.2em;
	
}
.detail_title1 {
	font-size:1.3em;
	font-weight:bold;
	color:#C0AD17;
}
.detail_text1 {
	margin-bottom:50px;
}
.detail_image {
	width:60%;
	xfloat:left;
}
.detail_img {
	width:60%
}
.topic-title-1, .topic2-title-1, .topic3-title-1, .topic4-title-1 {
	font-weight:bold;
	font-size:1.2em;
	color:#C0AD17;
}
.home-content-title-1 {
	margin-top:10px;
	font-weight:bold;
	font-size:1.5em;
	color:#C0AD17;
}
.para-link:hover {
	color:#ce1352;
}
.subtitle {
	font-size:0.8em;
}
.contentstart {
	text-align:center;
	background-color:#fffce9;
	line-height:120%;
}
.left {
	margin-top:20px; margin-left:100px; width:300px; text-align:justify;
	background-image:url('../images/checker.png');
	background-repeat:repeat-y; padding:20px 10px;
	line-height:150%; float:left;
}
.left2 {
	margin-top:20px; margin-left:100px; width:366px; text-align:justify;
	background-repeat:repeat-y; padding:20px 10px;
	line-height:150%; float:left;
}
.leftfixh {
	margin-top:0px; margin-left:100px; width:300px; text-align:justify;
	background-image:url('../images/checker.png');
	background-repeat:repeat-y; padding:20px 10px;
	line-height:150%; float:left; height:500px;
	overflow-y:auto;
}
.leftfixh2 {
	margin-top:20px; margin-left:100px; width:300px; text-align:justify;
	background-image:url('../images/checker.png');
	background-repeat:repeat-y; padding:20px 10px;
	line-height:150%; float:left; height:400px;
	overflow-y:auto;
}
.leftfixh3 {
	margin-top:0px; margin-left:000px; width:560px; text-align:justify;
	line-height:170%; float:left; height:280px;
	overflow-y:auto;
}
.leftcontact {
	margin-top:20px; margin-left:100px; width:720px; text-align:justify;
	background-image:url('../images/checker.png');
	background-repeat:repeat; padding:30px 20px;
	line-height:150%; float:left; height:250px;
	overflow-y:auto;
}
#mycustomscroll {
	width: 500px;
	width: 500px \9;
	height: 500px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
}