@charset "big5";

/* CSS Document */
body {
	margin:0;
	padding:0;
	font-size:62.5%;/*this sets all font size to 10px by default, then apply font-size:130% for 13px, user can zoom text*/
	line-height:140%;
	font-family:"²Ó©úÅé", Arial, Helvetica, sans-serif;/* Please Arial for number display better in chinese*/
	background:#FFFFFF url(../image/home_body_bkg.jpg) fixed top center;
}
/* generic elements*/

a {
	font-size:135%;
	color: #777777;
	text-decoration:none;
}
a:hover {
	color: #008578;
	text-decoration:none;
}
.right {
	float:right;
}
.left {
	float:left;
}
.center {
	text-align:center;
}
.clr {
	clear:both;
}
.green_dashline {
	border-top: 1px dashed #59B1A7;
}
.grey_dashline {
	border-top: 1px dashed #ccc;
}
.v_dotline {
	background: url(../image/dotline_v.gif) repeat-y;
	width:12px;
}
.v_dotline1 {
	background: url(../image/dotline_v3.gif) repeat-y;
	width:12px;
}

.th_dotline {
	background: url(../image/dotline_th.gif) repeat-x;
	height:3px;
	line-height:80%;
}

.tv_dotline {
	background: url(../image/dotline_tv.gif) repeat-y;
	width:3px;
}

.w100 {
	width:100%;
}
.w_narrow {
	width:180px;
}

.bold {
	font-weight:bold;
}
p {
	margin-top:0.4em;
}
.top {
	margin:-3px 0 5px 0;
}
.both {
	margin:5px 0 5px 0;
}

.both_news {
	margin:3px 0 3px 0;
}

.both_double{
	margin:10px 0;
	}

.col3 {
	width:33%;
}
.news_bar {
	background: url(../image/news_bar.jpg) repeat-x;
	height:26px;
	width:100%;
	margin:5px 0 5px 0;
}
.side_bar.bottom {
	position:absolute;
	bottom:10px;
}
.noInputBkg {
	float:left;
	border: 0;
	background: none;
	font-size: 11px;
	width:112px;
	text-align:center;
	padding-top:4px;
	color:#666666;
}
.noInputBkg_top {
	float:left;
	border: 0;
	background: none;
	font-size: 11px;
	width:252px;
	text-align:center;
	line-height:160%;
	padding-left:8px;
	color:#666666;
}
.noInputBkg_top1 {
	float:left;
	border: 0;
	background: none;
	font-size: 11px;
	width:192px;
	text-align:center;
	line-height:160%;
	padding:0;
	margin:0 0 0 10px;
	color:#666666;
}
.tsb1{
	font-size:125%;
	color:#333;
	line-height:130%;
}
#search {
	width:165px;
	height:30px;
	background-image:url(../image/bkg_search_stock.gif);
	background-repeat: no-repeat;
}
/* typeface setting*/
H1 {
	font-size:150%;
	color:#008678;
	font-weight:bold;
	margin:8px 0 3px 0;
}

H1 a{
	font-size:110%;
	color:#008678;
}

H1 a:hover{
	color:#33CC99;
}
H2 {
	font-size:130%;
	color:#008678;
	margin:2px 0 5px 0;
}
H2 a{
	font-size:110%;
	color:#008678;
}

H2 a:hover{
	color:#33CC99;
}

H5 {
	font-size:110%;
	color:#666;
	line-height:150%;
}
H5 a{
	font-size:110%;
	color:#008678;
}

H5 a:hover{
	color:#33CC99;
}

.header1 {
	font-size:160%;
	color:#008678;
	font-weight:bold;
	line-height:130%;
}
.header1 a{
	font-size:100%;
	color:#008678;
	line-height:130%;
}
.header1 a:hover{
	color:#33CC99;
}

.header2 {
	font-size:140%;
	color:#008678;
	line-height:130%;
}

.header2 a{
	font-size:100%;
	color:#008678;
	line-height:130%;
}

.header2 a:hover{
	color:#33CC99;
}

.header3 {
	font-size:115%;
	color:#008678;
	line-height:130%;
}
.header3 a{
	font-size:100%;
	color:#008678;
	line-height:130%;
}
.header3 a:hover{
	color:#33CC99;
}

.content_big {
	font-size:16px;/*px does not allow user to zoom font-size in ie*/
	color:#999;
}
.content_medium {
	font-size:135%;
	color:#666;
	line-height:150%;
}
.content_small {
	font-size:110%;
	color:#666;
	font-family:Arial, Helvetica;
}
.sub_txt {
	color:#71D466;
	font-size:130%;
	line-height:135%;
}
.sub_txt_sm {
	color:#71D466;
	font-size:110%;
}
.list_header_sm {
	color:#61948D;
	font-size:110%;
}
.green_hd {
	color:#008477;
}
.green {
	color:#009900;
}
.red {
	color:#FF0000;
}
a.green_link {
	font-size:130%;
	color:#61948D;
	text-decoration:none;
}
a:hover.green_link {
	color:#008578;
	text-decoration:none;
}

a.darkgreen_link {
	font-size:130%;
	line-height:180%;
	color:#008578;
	text-decoration:none;
}
a:hover.darkgreen_link {
	color:#33CC99;
	text-decoration:none;
}

.darkgreen_link img {
	margin:6px 0;
}

a.green_link_sm {
	font-size:115%;
	color:#61948D;
	text-decoration:none;
}
a:hover.green_link_sm {
	color:#00CC00;
	text-decoration:none;
}
.foot_header {
	font-size:120%;
	color:#990000;
	line-height:200%;
}
a.foot_header {
	color:#990000;
	text-decoration:none;
	line-height:200%;
}
a:hover.foot_header {
	color:#FF0000;
	text-decoration:none;
}
a.foot_link {
	font-size:110%;
	color:#999999;
	text-decoration:none;
}
a:hover.foot_link {
	color:#444444;
	text-decoration:none;
}
a.external_link {
	padding-right: 15px;
	background: url(../image/icon_external_link.gif) no-repeat center right;
}
a:hover.external_link {
	background: url(../image/icon_external_link_f2.gif) no-repeat center right;
}

a.search_link {
	font-size:12px;
	color:#676767;
	text-decoration:none;
	line-height:180%;
}

a:hover.search_link, a.search_link_selected {
	font-size:12px;
	color:#CC3333;
	text-decoration:none;
	background: url(../image/arrow_orange.gif) no-repeat center top;
	padding-top:4px;
	line-height:180%;
}
/************************/
/****** boxes setup *****/
/************************/ 

/* common*/
.news_box ul, .news_box li, .left_box ul, .left_box li, .side_box ul, .side_box li {
	list-style:none;
	margin:2px 0;
	padding:0;
}

.left_box .photo, .news_box .photo, .left_box .photo, .side_box .photo, .p_box .photo {
	border:1px solid #bbbbbb;
}

/* top search box */
.search_holder{
	position:relative;
	display:block;
}
.search_box{
	background:transparent url(../image/search_bkg.gif) no-repeat 0px 0px;
	width:356px;
	height:44px;
	position:absolute;
	right:2px;
	top:52px;
	padding-top:1px;
}
.search_box1{
	background:transparent url(../image/search_bkg1.gif) no-repeat 0px 0px;
	width:356px;
	height:44px;
	position:absolute;
	right:2px;
	top:55px;
	padding-top:1px;
}

/*finance box border*/
.upper_finbox {
	border-left:1px solid #bbb;
	border-top:1px solid #ddd;
	border-right:1px solid #bbb;
	background-color:#E0E7E7;
	padding:4px;
	color:#333;
	font-size:130%;
	font-weight:bold;
}
.lower_finbox {
	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	background-color:#f3f3f3;
	padding:4px;
	color:#666;
	font-size:110%;
	font-family:Arial, Helvetica;
	margin-bottom:3px;
}
/*top left box width:635px*/
.news_box {
	width:635px;
	margin:0px auto;
	min-width:20em;
}
.news_box ul, .news_box li {
	list-style:none;
	margin:2px 0;
	padding:0;
}
.news_box .tl .c, .news_box .bl .c {
	font-size:1px; /* ensure minimum height */
	height:8px;
}
.news_box .bl .c {
	height:14px;
}
.news_box .tl {
	background:transparent url(../image/l_box_tl.gif) no-repeat 0px 0px;
}
.news_box .tl .c {
	background:transparent url(../image/l_box_tr.gif) no-repeat right 0px;
}
.news_box .ml {
	background:transparent url(../image/l_box_ml.gif) repeat-y 0px 0px;
}
.news_box .ml .c {
	background:transparent url(../image/l_box_mr.gif) repeat-y right 0px;
}
.news_box .ml .c .s {
	margin:0px;
}
.news_box .bl {
	background:transparent url(../image/l_box_bl.gif) no-repeat 0px 0px;
}
.news_box .bl .c {
	background:transparent url(../image/l_box_br.gif) no-repeat right 0px;
}
/*left box width:435px*/
.left_box {
	width:435px;
	margin:0 0 3px 0;
}
.left_box .tl .c, .left_box .bl .c {
	font-size:1px; /* ensure minimum height */
	height:8px;
}
.left_box .bl .c {
	height:14px;
}
.left_box .tl {
	background:transparent url(../image/l_box_tl.gif) no-repeat 0px 0px;
}
.left_box .tl .c {
	background:transparent url(../image/l_box_tr.gif) no-repeat right 0px;
}
.left_box .ml {
	background:transparent url(../image/l_box_ml.gif) repeat-y 0px 0px;
}
.left_box .ml .c {
	background:transparent url(../image/l_box_mr.gif) repeat-y right 0px;
}
.left_box .ml .c .s {
	margin:0px;
	padding:0 10px 0 10px;
	min-height:160px;
}

.left_box .bl {
	background:transparent url(../image/l_box_bl.gif) no-repeat 0px 0px;
}
.left_box .bl .c {
	background:transparent url(../image/l_box_br.gif) no-repeat right 0px;
}
/* 180px and 350px p box mainly for photo */
.p_box {
	margin:0px 0px 3px 2px;
	position:relative;
	padding:0;
}
.p_box img {
	margin:1px 0;
}

.p_box .tl .c {
	font-size:1px; /* ensure minimum height */
	height:8px;
}
.p_box .bl .c {
	height:11px;
}
.p_box .tl {
	background:transparent url(../image/p_box_tl.gif) no-repeat 0px 0px;
}
.p_box .tl .c {
	background:transparent url(../image/p_box_tr.gif) no-repeat right 0px;
}
.p_box .ml {
	background:transparent url(../image/p_box_ml.jpg) no-repeat 0px 0px;
}
.p_box .ml .c {
	background:transparent url(../image/p_box_mr.gif) no-repeat right 0px;
}
.p_box .ml .c .s {
	margin:0px;
	padding:0 9px;
}
.p_box .bl {
	background:transparent url(../image/p_box_bl.gif) no-repeat 0px 0px;
}
.p_box .bl .c {
	background:transparent url(../image/p_box_br.gif) no-repeat right 0px;
}
/* 350px right box */
.side_box {

	width:350px;
	margin:0px 0px 0px 8px;
	min-width:20em;
	/* position:relative; */
}
.side_box .tl .c, .side_box .bl .c {
	font-size:1px; /* ensure minimum height */
	height:8px;
}
.side_box .bl .c {
	height:14px;
}
.side_box .tl {
	background:transparent url(../image/r_box_tl.gif) no-repeat 0px 0px;
}
.side_box .tl .c {
	background:transparent url(../image/r_box_tr.gif) no-repeat right 0px;
}
.side_box .ml {
	background:transparent url(../image/r_box_ml.gif) repeat-y 0px 0px;
}
.side_box .ml .c {
	background:transparent url(../image/r_box_mr.gif) repeat-y right 0px;
}
.side_box .ml .c .s {
	margin:0px;
	padding:0 8px 0 8px;
	line-height:14px;
}
.side_box .bl {
	background:transparent url(../image/r_box_bl.gif) no-repeat 0px 0px;
}
.side_box .bl .c {
	background:transparent url(../image/r_box_br.gif) no-repeat right 0px;
}

/* left 3 tabs boxe */
.tab_box{
	background:url(../image/3mag_box_bkg.jpg) no-repeat;
	width:420px;
	height:228px;
	padding:9px 8px 8px 8px;
	}


/* basic skeleton */

#outer_wrapper { 
	/*
	position: relative;
	*/
	text-align: left;
	width: 996px;
	margin: 0px auto;
}

.news_photo {
	width: 345px;
	height:240px;
	background-color:#ededed;
	margin:0 0 0 5px;
	border:1px solid #ccc;
}

#footer {
	position: relative;
	left: 50%;
	margin-left: -500px;
	margin-top:10px;
	height:420px;/*this set the height of the footer*/
	width:1000px;
	background-color:#CCCCCC;
	background-image: url(../image/footer_bkg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	color:white;
	line-height:150%;
	font-size:110%;
}
#footer_bar {
	position: absolute;
	bottom:0px;
	left:0px;
	height:48px;
	width:980px;
	background-image: url(../image/footer_bar_bkg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding:10px;
	vertical-align:top;
	display:inline;
}
/**** Other elements ***/
.top_logo_bar{
	height:104px;
	background-image: url(../image/top_bar_bkg.jpg);
}
.top_row {
	background-image: url(../image/top_row_bkg.jpg) ;
	background-repeat: repeat-x;
	width:996px;
}
.t_menu_bkg {
	background-image: url(../image/t_menu_bkg.gif);	
	background-repeat: no-repeat;
	height:26px;
	/* padding-top:8px; */
	padding-bottom:11px;
}
.ad_728 img {
	margin:0 0 6px 6px;
	padding-top: 15px;
	background: url(../image/icon_adtxt.gif) no-repeat top right;
}
.ad_350 img {
	margin:-5px 10px 7px 7px;
	padding-top: 12px;
	background: url(../image/icon_adtxt.gif) no-repeat top right;
	
}
.top_h {
	height:245px;/* to align the top 2 boxes' height*/
}

.entertain_p{
	background: url(../image/entertain_p_bkg.gif) no-repeat top left;
	width:123px;
	height:92px;
	padding:5px;
	margin: 5px 5px 0 0;
	
}

.entertain_slider{
float:left;
}

.w_right {
	width:350px;
	margin-left:8px;
}

.slider_header_editor{
	margin:3px 0 -10px 10px;
	display:block;
	}
.slider_header_multi{
	margin:10px 0 -10px 25px;
	display:block;
	}
	
/*** top pull down ***/

.topdrop {padding:0 0 0 2px; margin:0; list-style:none; height:77px; position:relative; z-index:10;}
.topdrop li.top {display:block; float:left;}
.topdrop li a.pos1 {background:url(../image/btn_yzzk.gif); width:165px; height:29px; display:block;text-indent:-9999px;} 
.topdrop li a.pos2 {background:url(../image/btn_oversea.gif); width:165px; height:26px; display:block;text-indent:-9999px;} 
.topdrop li a.pos3 {background:url(../image/btn_logo_one_media.gif); width:165px; height:25px; display:block;text-indent:-9999px;}
.topdrop li.p1 {background:url(../image/btn_yzzk.gif);} 
.topdrop li.p2 {background:url(../image/btn_oversea_f2.gif);} 
.topdrop li.p3 {background:url(../image/btn_logo_one_media_f2.gif);} 
.topdrop a:hover {visibility:visible; position:relative; z-index:10;}
.topdrop li:hover {position:relative; z-index:10;}
.topdrop li a.top_link:hover {background:transparent;} 
.topdrop li:hover > a.top_link {background:transparent;} 
.topdrop ul {position:absolute; left:-1000px; top:-1000px; width:0; height:0; margin:0; padding:0; list-style:none;}
.topdrop :hover ul {left:0; top:25px; background:url(../image/top_row_bkg.jpg); background-repeat: repeat-x; padding:5px; white-space:nowrap; height:auto; width:150px; z-index:30; border:1px solid #5AB1A7;}
.topdrop :hover ul li {display:block; height:20px; position:relative; width:auto; background:url(../image/dotline_th.gif) no-repeat bottom;}
.topdrop :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 20px; background:transparent; text-decoration:none;}
.topdrop :hover ul li a:hover {background:url(../image/slide_bullet.gif) no-repeat left; padding-left:-20px;}

.top_drop2_left {float:left; width:93px;z-index:12; position:relative;}
.topdrop2 {padding:4px 0 0 2px; margin:0; list-style:none; height:19px; position:relative; z-index:9;}
.topdrop2 li.top {display:block; float:left; }
.topdrop2 li a.pos1 {background:url(../image/btn_login.gif); width:109px; height:19px; display:block;text-indent:-9999px;}
.topdrop2 li.p1 {background:url(../image/btn_login_f2.gif);} 
.topdrop2 a:hover {visibility:visible; position:relative; z-index:9;}
.topdrop2 li:hover {position:relative; z-index:9;}
.topdrop2 li a.top_link:hover {background:transparent;} 
.topdrop2 li:hover > a.top_link {background:transparent;} 
.topdrop2 ul {position:absolute; left:-1000px; top:-1000px; width:0; height:0; margin:0; padding:0; list-style:none;}
.topdrop2 :hover ul {left:12px; top:19px; background:url(../image/top_row_bkg.jpg); background-repeat: repeat-x; padding:5px; white-space:nowrap; height:auto; width:150px; z-index:30; border:1px solid #5AB1A7;}
.topdrop2 :hover ul li {display:block; height:20px; position:relative; width:auto; background:url(../image/dotline_th.gif) no-repeat bottom;}
.topdrop2 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 20px; background:transparent; text-decoration:none;}
.topdrop2 :hover ul li a:hover {background:url(../image/slide_bullet.gif) no-repeat left; padding-left:-20px;}

/* bottom search box */
.bottom_search_box {
	width:350px;
	margin:0px 0px 0px 8px;
	min-width:20em;
	position:relative;
}
.bottom_search_box .tl .c {
	font-size:1px; /* ensure minimum height */
	height:6px;
}
.bottom_search_box .bl .c {
	height:5px;
}
.bottom_search_box .tl {
	background:transparent url(../image/p_searchbox_tl.gif) no-repeat 0px 0px;
}
.bottom_search_box .tl .c {
	background:transparent url(../image/p_searchbox_tr.gif) no-repeat right 0px;
}
.bottom_search_box .ml {
	background:transparent url(../image/p_searchbox_ml.gif) no-repeat 0px 0px;
}
.bottom_search_box .ml .c {
	background:transparent url(../image/p_searchbox_mr.gif) no-repeat right 0px;
}
.bottom_search_box .ml .c .s {
	margin:0px;
	padding:0 6px;
	line-height:18px;
}
.bottom_search_box .bl {
	background:transparent url(../image/p_searchbox_bl.gif) no-repeat 0px 0px;
}
.bottom_search_box .bl .c {
	background:transparent url(../image/p_searchbox_br.gif) no-repeat right 0px;
}

.content_small_green {
	font-size:110%;
	color:#008578;
	font-family:Arial, Helvetica;
}
a:hover.content_small_green {
	color:#33CC99;
	font-family:Arial, Helvetica;
}

.underline {
	text-decoration:underline;
}
a:hover.underline {
	text-decoration:underline;
}

.menuitem1 {
	border: 1px solid #cccccc;
	color: #666666;
	background: #FFFFFF;
	margin: 2px 2px 0px 2px;
	font-size: 13px;
}

.ss {
	font-size: 5px;
}

.hiddenClass {visibility:hidden;}
.visibleClass {visibility:visible;}

/* debug classes */

/*********** clear fix after is used for the div float wrapping when the browser fails to perform a float ************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.transparent_png{
	behavior: url("../css/iepngfix.htc")
}
<!--
[if lte IE 6]><style>/* Activate it here */</style><![endif]
-->
/* for IE/Mac */
<!--
[if IE]> .clearfix {
 zoom: 1;     /* triggers hasLayout */
 display: block;     /* resets display for IE/Win */
}  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]
-->