* {
	margin:0;
	padding:0;
	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:160%;
	color:#333;
}
/*------------ basic setup ------------*/


html, body {
	text-align:-moz-center;	/* for firefox */
	#text-align:center;	/* for IE */
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f4f4f4;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	/*font-family:"新細明體", "arial", "arial Unicode MS";*/
	
	font-size:12px;
	color:#333;
}
#bg {
	width:1010px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	text-align:center;
}
#main {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	text-align: justify;
	width:991px;
	border:0px;
	line-height:160%;
	margin: 0 auto;
	height:100%;
	background-color:#fff;
}
#left {
	background-color: #f4f4f4;
	background-image:url(../images/bg_left.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:10px;
}
#right {
	background-color: #f4f4f4;
	background-image:url(../images/bg_right.gif);
	background-repeat:repeat-y;
	background-position:left;
	width:10px;
}
.logo {
	margin-top:19px;
	margin-left:35px;
}

.search {
	background-color:#094353;
	color:#fff;
	font-size:11px;
	text-align:right;
}
.search a {
	color:#fff;
	text-decoration:none;
}

.search a:hover {
	color:#fff;
	text-decoration:underline;
}
.search .bar {
	height:14px;
	border:1px;
	border-color:#094353;
	background-color:#ebeef3;
	color:#094353;
	font-size:11px;
	padding-left:2px;
	padding-top:1px;
	font-family:"新細明體", "arial", "arial Unicode MS";
}
.search .btn {
	position:relative;
	top:3px;
	padding-right:12px;
}
a:hover img.glow {
	opacity:0.7;	/* CSS3 standard */
	#filter:alpha(opacity=70);	/* for IE */
}
/*------------ footer section ------------*/

#footer {
	width:990px;
	height:82px;
	background-image:url(../images/bg_footer.gif);
	background-position:0 0;
	background-repeat:x-repeat;
	color:#666666;
	font-size:11px;	/* for firefox */
	#font-size:10px;
	line-height:180%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#footer a {
	color:#666666;
	font-size:11px;
	#font-size:10px;
	text-decoration:none;
}
#footer a:hover {
	color:#333333;
	font-size:11px;
	#font-size:10px;
	text-decoration:none;
}
#footer .sep {
	padding:0 15px;
}
/*------------ general ------------*/


img {
	border:0px;
}
p {
	display: block;
	text-align:justify;
	padding-bottom:20px;
	color:#333;
}
.pages {
	text-align:center;
	padding:20px;
}
.pages .current {
	font-weight:bold;
	color:#666;
	letter-spacing: normal;
	padding:3px;
}
.pages a {
	letter-spacing: normal;
	padding:3px;
}
.pages img {
	padding:0 8px;
	#padding-top:6px;
}

/*------------ links ------------*/
a {
	color:#097f91;
	text-decoration:none;
}
a:hover {
	color:#097f91;
	text-decoration: underline;
}
/*------------ homepage ------------*/
.news {
	padding:0 15px;
}
.news .date {
	color:#094353;
	font-size:10px;
	font-weight:bolder;
}
.news a .title {
	color:#6a6969;
	font-size:12px;
	text-decoration:none;
}
.news a:hover .title {
	color:#6a6969;
	font-size:12px;
	text-decoration:underline;
}
.news a .content {
	color:#0d7a8c;
	font-size:12px;
	line-height:18px;
	padding-left:12px;
	background-image:url(../images/bullet_news.gif);
	background-repeat:no-repeat;
	background-position:2px 6px;
	padding-bottom:10px;
	text-decoration:none;
}
.news a:hover .content {
	color:#37a39f;
	font-size:12px;
	line-height:18px;
	padding-left:12px;
	background-image:url(../images/bullet_news.gif);
	background-repeat:no-repeat;
	background-position:2px 6px;
	padding-bottom:10px;
	text-decoration:none;
}
ul.popular_home {
	list-style: none;	
	padding-top:5px;
}
ul.popular_home li {
	line-height:160%;
	background-image:url(../images/ico_popular.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
	#background-position:6px 5px;
}
ul.popular_home li a{
	color:#666;
	text-decoration:none;
	font-size:12px;
	text-align:left;
}
ul.popular_home li a:hover{
	color:#666;
	text-decoration:underline;
}

/*ul.popular_home li.up {	
	background-image:url(../images/ico_popular_up.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
	#background-position:6px 5px;
}
ul.popular_home li.down {	
	background-image:url(../images/ico_popular_down.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
	#background-position:6px 5px;
}*/
ul.popular_home li .number {
	font-weight:bold;
	padding:1px 16px 1px 12px;
	color:#fff;
	font-size:10px;
}
ul.tips {
	list-style: none;	
	padding-top:5px;
}
ul.tips li {
	line-height:160%;
	background-image:url(../images/bullet_tips.gif);
	background-repeat:no-repeat;
	background-position:10px 8px;
	padding-left:22px;
}
ul.tips li a{
	color:#666;
	text-decoration:none;
	font-size:12px;
	text-align:left;
}
ul.tips li a:hover{
	color:#666;
	text-decoration:underline;
}
/* ------------inside ----------------*/
.top {
	/*position:fixed;*/
	position: fixed;
	top:450px;
	border: 0px solid red;
}

/*
.top {
	position:fixed;
	top:500px;
}
*/

#main .header .title {
	margin-top:90px;
	margin-left:40px;
}
.nav {
	background-image:url(../images/shadow.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:228px;
}
.breadcrumb {
	background-color:#ebeef3;
	color:#333;
	font-size:11px;
	padding-right:30px;
}
.breadcrumb a {
	color:#097f91;
	text-decoration:none;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
.tit1 {
	font-size:16px;
	font-weight:bold;
	color:#097f91;
}
.tit1_2line {
	position:relative;
	top:15px;
	font-size:16px;
	font-weight:bold;
	color:#097f91;
}
.tit2 {
	font-size:15px;
	font-weight:normal;
	color:#25aca8;
}
#content {
	text-align:justify;	
	font-size:12px;
	color:#333;
}
.tit_product {
	background-image:url(../images/title_product.gif);
	background-repeat:no-repeat;
	height:84px;
}
.tit_product_long {
	background-image:url(../images/title_product_long.gif);
	background-repeat:no-repeat;
	height:84px;
}
.tit1 {
	padding-top:35px;
}
.tit2 {
	padding-top:5px;
}
ul.popular_in {
	list-style: none;	
	padding-top:5px;
}
ul.popular_in li {
	line-height:160%;
	background-image:url(../images/ico_popular.gif);
	background-repeat:no-repeat;
	background-position:6px 5px;
	#background-position:6px 5px;
	border: 0px solid red;
}
ul.popular_in li a{
	color:#666;
	text-decoration:none;
	font-size:12px;
	text-align:left;
}
ul.popular_in li a:hover{
	color:#666;
	text-decoration:underline;
}
/*ul.popular_in li.up {	
	background-image:url(../images/ico_popular_up2.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
	#background-position:6px 5px;
}
ul.popular_in li.down {	
	background-image:url(../images/ico_popular_down2.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
	#background-position:6px 5px;
}*/
ul.popular_in li .number {
	font-weight:bold;
	padding:1px 16px 1px 12px;
	color:#fff;
	font-size:10px;
}
/*-----------product ------------*/
.product_name {
	font-size:20px;
	color:#25aca8;
	padding-top:20px;
}
.product_brief {
	font-size:13px;
	color:#666;
	padding:5px 0;

}
.product_search_list {
	float:left;
	height:230px;
}
.product_search_list .thumb {
	width:100px;
	border-style:solid;
	border-color:#c3eae7;
	border-width:5px;
}
.product_search_list a .name {
	line-height:1.2em;
	padding-top:3px;
	text-align:left;
}
.product_search_list a:hover .name {
	text-decoration:underline;
}
.persona {
	text-align:right;
	font-size:12px;
	color:#333;
	line-height:1.4em;
	padding-bottom:8px;
	padding-right:3px;
}
.headline {
	font-size:16px;
	color:#097f91;
	font-weight:bold;
}
.quotes {
	width:489px;
	border-left: 1px #51bdb9 solid;
	border-right: 1px #51bdb9 solid;
}
blockquote.persona {
	list-style:none;
	display:block;
	text-align:left;
	background-image:url(../images/quote_open.gif);
	background-repeat:no-repeat;
	background-position:10px 7px;
	padding-left:28px;
	padding-top:15px;
	padding-right:20px;
	color:#097f91;
	font-size:15px;
	line-height:2em;
}
blockquote.persona .close {
	position:relative;
	top:18px;
	padding:20px;
	background-image:url(../images/quote_close.gif);
	background-repeat:no-repeat;	
}
.product_list {
	border-bottom: 1px #e5e3e3 solid;
	padding-bottom:30px;
}
.product_list .title {
	color:#097f91;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-bottom:20px;
}
.product_list .subtitle {
	color:#4abbb7;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	line-height:2em;
}
.product_list .intro {
	color:#333;
	font-size:12px;
	text-align:left;
	line-height:2em;
}
.product_list .button {
	text-align:left;
	padding-top:5px;
}
.product_detail {
	background-image:url(../images/green_shadow.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
}
.zoom {
	background-image:url(../images/ico_zoom.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
	text-align:left;
	padding-left:18px;
}
.enlarge {
	border: 8px #c8eae9 solid;
}
.key {
	font-size:13px;
	font-weight:bold;
	color:#4abbb7;
	padding-bottom:5px;
	text-align:left;
}
.subkey {
	font-size:13px;
	color:#4abbb7;
	padding-bottom:5px;
	text-align:left;
}
ol.feature {
	padding-left:25px;
	padding-bottom:20px;
	text-align:left;
}
ul.bullet {
	list-style:none;
	padding-bottom:20px;
	text-align:left;
}
ul.bullet li {
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:3px 6px;
	padding-left:16px;
}


/*----------- online ------------*/
.tit_online {
	background-image:url(../images/title_online.gif);
	background-repeat:no-repeat;
	height:84px;
}
#content .form {
	background-color:#ebf2f3;
}
.form .remarks_star {
	color:#c00;
}
.form .fill {
	height:16px;
	border:1px #74b4af solid;
	background-color:#fff;
	color:#094353;
	font-size:12px;
	padding-left:2px;
	padding-top:2px;
	font-family:"新細明體", "arial", "arial Unicode MS";
}
.form .title {
	font-weight:bold;
	font-size:12px;
	color:#097f91;
}
.form .enquiry {
	color:#25aca8;
	font-size:15px;
	font-weight:bold;
	padding-bottom:5px;
}
.chatlog {
	border:1px solid #74b4af;
	width:100%;
}
.chatbar {
	border:1px solid #74b4af;
	width:100%;
}
#chat {
	width:420px;
	background-color:#fff;
	color:#333;
	text-align:left;
	padding:5px;
	font-family:"新細明體", "arial", "arial Unicode MS";
	line-height:1.5em;
	font-size:12px;
}
#chat .name {
	color:#097f91;
	font-weight:bold;
	padding-bottom:3px;
}
#chat .content {
	padding-bottom:10px;
}
/*----------- cs customer service ------------*/
.tit_cs {
	background-image:url(../images/title_cs.gif);
	background-repeat:no-repeat;
	height:84px;
}
.tit_cs_long {
	background-image:url(../images/title_cs_long.gif);
	background-repeat:no-repeat;
	height:84px;
}
#content .sep {
	padding:0 9px;
}
.vocab a {
	color:#4abbb7;
	text-decoration:none;
}
.vocab a:hover {
	color:#4abbb7;
	text-decoration: underline;`	
}
.vocab_set {
	padding-bottom:20px;
}
.vocab_set .word {
	font-weight:bold;
	color:#4abbb7;
	text-align:left;
	font-size:13px;
}
.vocab_set .explain {
	text-align:justify;
}
a.pdf {
	background-image:url(../images/ico_pdf.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding: 3px 0;
	padding-right:20px;
}
.roll_odd td {
	background-color:#ebf2f3;
	padding:5px 10px;
}.roll_even td {
	background-color:#ffffff;
	padding:5px 10px;
}

.faq {
	text-align:justify;
	padding:20px 0;
	border-bottom:solid 1px #e5e5e5;
}
.faq .question {
	text-align:justify;
	font-size:15px;
	font-weight:bold;
	color:#097f91;
}
.faq .showhide {
	text-align:left;
}
.faq .hideanswerpanel {
	display:inherit;
	display:none;
}
.faq .showanswerpanel {
	display:inherit;
}
.faq .answer {
	padding-top:15px;
	display:block;
}
.faq .answer ul li {
	list-style:none;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:3px 6px;
	padding-left:16px;
	padding-bottom:5px;
}
.faq .answer .header {
	color:#25aca8;
	font-weight:bold;
	font-size:13px;	
}
.faq .answer ol {
	padding-left:20px;
	#padding-left:25px;
}


table.faq_table tr.title {
	background-color:#25aca8; 
	text-align:left;
	font-size:13px; 
	font-weight:bold; 
	color:#fff;
}
.faq_table tr.content {
	background-color:#ebf2f3;
	text-align:left;
}
.faq_table td div {
	padding:3px 5px;
}
.faq_table td div.wrap {
	text-indent:-8px;
	padding:3px 5px; 
	padding-left:14px;
}
.ecard .dear {
	font-size:13px;
	text-align:left;
	color:#097f91;
}
.ecard .receiver {
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color:#097f91;
}
.ecard .content {
	padding:20px;

}
.ecard .sender {
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#097f91;
}
.ecard .email {
	font-size;11px;
	text-align:right;
	color:#999;
}
.ecard .from {
	font-size:13px;
	text-align:left;
	text-align:right;
	color:#097f91;

}
/*---------- about ------------*/
.tit_about {
	background-image:url(../images/title_about.gif);
	background-repeat:no-repeat;
	height:84px;
}


/*----------- news ------------*/
.tit_news {
	background-image:url(../images/title_news.gif);
	background-repeat:no-repeat;
	height:84px;
}

.news_header {
	color:#25aca8;
	font-weight:bold;
	font-size:13px;
}
/*----------- join ------------*/
.tit_join {
	background-image:url(../images/title_join.gif);
	background-repeat:no-repeat;
	height:84px;
}
.join_say_pic {
	color:#097f91;
	font-size:15px;
	line-height:2em;
	margin:10px 15px;
	text-align:left;
	width:300px;
	padding-left:32px;
}
.join_say {
	color:#097f91;
	font-size:15px;
	line-height:2em;
	margin:10px 15px;
	text-align:left;
	width:410px;
	padding-left:32px;
}
.join_name {
	padding-right:5px;
}
.join_pic {
	padding-top:5px;
}
blockquote.say .close {
	position:relative;
	top:15px;
	padding:15px;
	background-image:url(../images/say_close.gif);
	background-repeat:no-repeat;	
}
.recruitment td{
	padding:0 5px;
}
.recruitment .position {
	color:#fff;
	font-size:13px;
	background-color:#25aca8;
	font-weight:bold;
}
.recruitment .bar {
	color:#fff;
	font-size:13px;
	background-color:#6ec9c5;
	font-weight:bold;
}
.recruitment .title {
	font-size:13px;
	font-weight:bold;
	padding-top:5px;
}

/*----------- contact ------------*/
.tit_contact {
	background-image:url(../images/title_contact.gif);
	background-repeat:no-repeat;
	height:84px;
}
.fill_area {
	width:306px;
	border:1px #74b4af solid;
	background-color:#fff;
	color:#094353;
	font-size:12px;
	padding-left:2px;
	padding-top:2px;
	font-family:"新細明體", "arial", "arial Unicode MS";
}
.contact_header {
	color:#25aca8;
	font-weight:bold;
	font-size:13px;
}
/*----------- macau ------------*/
.tit_macau {
	background-image:url(../images/title_macau.gif);
	background-repeat:no-repeat;
	height:84px;
}
ul.bullet_macau {
	list-style:none;
	text-align:left;
	display:block;
}
ul.bullet_macau li {
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:3px 7px;
	padding-left:16px;
	width:45%;
	float:left;
	line-height:2em;
}

.headlink a {
	margin-bottom:5px;
	color:#097f91; 
	text-decoration:none;
}
.headlink a:hover{
	text-decoration:underline;
}
/*----------- general ------------*/
.tit_general {
	background-image:url(../images/title_general.gif);
	background-repeat:no-repeat;
	height:84px;
}
ul.bullet_links {
	list-style:none;
	text-align:left;
}
ul.bullet_links li {
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:3px 10px;
	padding-left:16px;
	line-height:2.5em;
}
ul.bullet_links li.sublvl {
	padding-left:30px;
	background-image:url(../images/aro_right.gif);
	background-repeat:no-repeat;
	background-position:17px 10px;
}
/*----------- tool ------------*/
.tit_tools {
	background-image:url(../images/title_tool.gif);
	background-repeat:no-repeat;
	height:84px;
}
/*----------- RMB table -------*/
.rmb_header {
	color:#097f91;
	font-weight:bold;
	padding: 0px 0px 0px 9px;
}
.rmb_detail {
	color:#097f91;
}
.rmb_remark {
	font-size:11px;
	color:#000000;
	font-weight:normal;
	padding: 0px 0px 0px 9px;
}
.linkpage_leftmenu{
	border: 0px solid #e5e3e3;

	/* Mozilla: */
    	/*background: -moz-linear-gradient(top, #ffffff, #e7ebed);*/
    	/* Chrome, Safari:*/
    	/*background: -webkit-gradient(linear,
                left top, left bottom, from(#ffffff), to(#e7ebed));*/
    	/* MSIE */
    	/*filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffffff', EndColorStr='#e7ebed', GradientType=0);*/

}
.linkpage_leftmenu_message{
	padding: 9px 0px 9px 0px;
}
.linkpage_leftmenu_button{
	padding: 0px 0px 6px 13px;
}