@charset "big5";
/* CSS Document */

/*PAGE LAYOUT*/
body {
	background-color: #EBEBEB;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


h3{
	font-size: 12pt;
	font-weight: normal;
	color: #FF6600;
	margin: 0 0 0 10px;
	border: 10 0 10 0px;
}

a {
	color: #666666;
	background-color: transparent;
	text-decoration: none;
	margin: 0;
	padding: 0 0px 5px 0px;
	text-transform: none;
}

a:hover {
	color: #FF9933;
	text-decoration: none;
	text-transform: none;
}
ul{
	color: #FF6600;
	list-style-type: none;
	line-height: 28px;	
	margin-left: -20px;
	*margin-left: 15px;
}
li{
	font-size: 11pt;
	line-height: 22px;
	border-bottom: 1px dashed rgb(204,204,204);
}



/*=================================================*/
.wrap {
	margin: 0em auto;
	width: 1000px;
	background: #fff;
	background-image:url(../images/BG.jpg);
	background-repeat: no-repeat;
}
.header {
	width:100%;
	background-color: #FFF;
	background-image:url(../images/BG.jpg);
	background-repeat: no-repeat;
}
.logo{
	float:left; 
	width:320px; 
	height:540px;
}
.header_right{
	float:right;
	height:97px;
	position:relative;
	width: 640px;
	_width: 700px;
	_margin-left: -60px;

}
.toplinks{
	float:right;
	font-size: 10pt;
	margin-right: 50px;
	margin-top: 5px;
	margin-bottom: -5px;
	_margin-right: 30px;
}


/*--------------------*/
.menu{
	float:right;
	width:650px;
	background-image:url(bg_menu.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-size: 12pt;
	font-weight: normal;
	font-family: "華康中黑體", "華康細黑體", "華康儷中黑", Arial;
	margin-right: -4px;

	_width:600px;
	_padding-left:20px;
}
.menu a {
	display: block;
	float: left;
	width: 120px;
	height: 60px;
	padding-top: 22px;
	background: url(../images/img03.jpg) no-repeat;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: -1px;
	font-size: 18px;
	margin-right: -4px;
}
.menu a:hover, .menu .active a {
	background-image: url(../images/img04.jpg);
	color: #000000;
}

.submenu{
	float:right;
	width:700px;
	height:43px;
	background-image:url(../images/bg_submenu.gif);
	background-position:top;
	background-repeat:no-repeat;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: center;
	padding-top: 16px;
	margin-top: -10px;

	*float:left;
	*width:558px;
	*background-position:top center;
	*text-align: left;
	*padding-top: 28px;
	*margin-left: 20px;

	_float:right;
	_width:570px;
	_height:10px;
	_background-position:top center;
	_margin-top: -14px;
	_margin-left: 0px;
	_padding-left: 0px;
	_padding-top: -14px;
}
.submenu a {
	color: #FFFFFF;
}
.submenu a:hover, .submenu .active a {
	color: #FFCC00;
}

#menu{}
#submenu{
	_float:left;
	_width:580px;
	_height:40px;
	_background-position:top center;
	_margin-top: -40px;
	_margin-left: 27px;
	_padding-left: 0px;
	_padding-top: -14px;
}



.coverlinks{/*2011modified*/
	float:right;
	width:270px;
	height:43px;
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
	margin-left: 66px;
	margin-top: 0px;
	margin-right: 10px;
	/*background-image: url(../images/bg_coverlink.gif);*/
	background-repeat: no-repeat;
	
	*float:left;
	*width:250px;
	*background-position:top center;
	*text-align: center;
	*padding-top: 18px;
	*margin-left: 50px;	

	_margin-left: 25px;	
}

.Search{
	width: 640px;
	height:28px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color:#FFF;
	text-align: right;
}
.Search_left{
	float:left;
	width: 292px;
	height:28px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}

.header_4box{
	background-color: transparent;
	float:right;
	width: 680px;
	margin-top: 10px;
	_margin-top:-20px;
}
.box{
	text-align: justify;
	width: 314px;
	padding: 0 10 0 10px;
	float: left;
	background-color: transparent;
	background-image: url(../images/BG_RIGHT_BOX_04.gif);
	height: 204px;
	font-size: 10pt;
	margin: 5px;
	color: #666666;
}
.box_Title{margin-top: 5px;}
.box_text {
	text-align: left;
	font: 0.7em Tahoma, sans-serif;
	font-size: 10pt;
	font-weight:normal;
	color:#666666;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 6px;
}
.pic_left {
	margin-right: 10px;
	padding-bottom: 5px;
	float: left;
	padding-top: 5px;
}

.main {	/* ----- 1/1 -----*/
	clear: none;
	text-align: justify;
	width: 96%;
	padding: 0 1.2em;
	border-left: none;
	margin-top: 20px;
	float: left;
	}
.main_title{ _margin-bottom:20px;}

.main_BAR{
	margin-left:20px;
	margin-top:20px;
	margin-bottom:0px;
	border-bottom:solid 1px #CCCCCC;
}

.half {	/* ----- 1/2 -----*/
	float:left;
	text-align: justify;
	width: 46%;
	padding: 0 1.9%;
}

.hotbox1{
	background-image: url(../images/hotbox_3.gif);
	background-repeat: no-repeat;
	height: 210px;
	*width: 440px;
	*background-position:top left;
	*margin-left:-15px;
}
.hotbox2{
	background-image: url(../images/hotbox_4.gif);
	background-repeat: no-repeat;
	height: 210px;
	*width: 440px;
	*background-position:top left;
	*margin-left:-15px;	
}
.hotbox1 li{
	width:99%;
	margin-left:-15px;
	*width:88%;
	*margin-left:30px;
}
.hotbox2 li{
	width:99%;
	margin-left:-15px;
	*width:88%;
	*margin-left:30px;
}

.list-author{
	text-align: right;
	font-size: 10pt;
	}

#contenttext{float:right; width:526px;}
#leftpanel{float:left; width:274px;}
#footer{
	background-color:#804501;
	padding:10px;
	font-size:12px;
	float: none;
	clear: both;
	color: #FFF;
}

.footer_logo{
	float:left;
	width:138px;
	height:120px;
	margin-right:10px;
}
.address{
	width: 600px;
	*width: 550px;	
}
.service_links{
	float: right;
}
.service_links ul{
	list-style-type: none;
}
.service_links li{
	display: inline;
	color: #FFF;
	border-bottom-style: none;
	margin-right: 10px;
}
.service_links li a{
	color: #FFF;
}
.footer_copywrite a{color: #FFF;}


.doNotDisplay {
  display: none !important;
}



/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 10pt;
	font-weight:normal;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}








/* ######### CSS for top level tabs ######### */
.tabsmenuclass{
	float:right;
	background-position:top;
	width:630px;
	height:60px;
	background-image:url(bg_menu.gif);
	background-repeat:repeat-x;
	font-size: 12pt;
	font-weight: normal;
	margin-top: 6px;
	font-family: "華康中黑體", "華康細黑體", "華康儷中黑", Arial, SimHei;
	margin-right: -4px;

	*width:610px;
	_width:580px;
}
.tabsmenuclass ul{
	overflow: hidden;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tabsmenuclass li{
float: left;
	border-bottom: none;
}

.tabsmenuclass a{
	display: block;
	float: left;
	width: 120px;
	height: 60px;
	padding-top: 22px;
	background: url(../images/img03.jpg) no-repeat;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: -1px;
	font-size: 18px;
	margin-right: -4px;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
	background-image: url(../images/img04.jpg);
	color: #000000;
}



/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
	float:right;
	width:660px;
	height:43px;
	background-position:top;
	background-repeat:no-repeat;
	font-size: 10pt;
	text-align: center;
	padding-top: 14px;
	margin-top: -16px;
	color: #FFFFFF;
	*width:615px;
	_width:570px;
}

.tabsmenucontentclass ul{
	text-align: center;
	list-style-type: none;
	margin-left: 30px;
	*margin-left: 60px;	
	*margin-top: 30px;
	_margin-left: 00px;	
}

.tabsmenucontentclass li{
	float: left;
	font-size: 10pt;
	list-style-type: none;
	text-align: center;
	padding-top: 14px;
	margin-top: -32px;
	margin-right: .8em;
	border-bottom: none;
	_margin-top: -30px;
}



.submenu_BLUE{
	background-image:url(../images/bg_submenu_BLUE.png);
}
.submenu_GREEN{
	background-image:url(../images/bg_submenu_GREEN.png);
}
.submenu_ORANGE{
	background-image:url(../images/bg_submenu_ORANGE.png);
}

/*2011modified*/
#AD_banner{
	margin-left:45px;
	margin-top:20px;
}
#AD_banner img{
	width:260px;
	height:90px;
}