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

/*PAGE LAYOUT*/
body {
	background-color: #EBEBEB;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 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;
}

h3{
	font-size: 12pt;
	font-weight: normal;
	color: #FF6600;
	margin: 0 0 0 10px;
	border: 10 0 10 0px;
}
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;
}


/* ####### LEFT SIDE  ######## */
.SIDE {
	float:left;
	width:320px;
}
.logo{
	float:left; 
	width:320px; 
	height:540px;
}


.coverlinks{
	float:right;
	width:270px;
	height:43px;
	text-align: center;
	font-size: 10pt;
	padding-top: 14px;
	margin-left: 66px;
	margin-top: 60px;
	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_left{
	float:left;
	width: 292px;
	height:28px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color:#FFF;
	text-align: right;
}



.side_index{
	float:left; 	
	vertical-align: text-bottom;
	margin-left: 35px;	
	_margin-left: 18px;	
	}

.img_contents{
	background-image: url(../images/BG_table.gif);
	background-repeat: no-repeat;
	height: 24px;
	text-align: left;
	margin-top:20px;
	padding-top:20px;
	padding-left:40px;
	width: 240px;
	*width:240px;
	*padding-bottom: 20px;
}

.this_issue{
	width:300px;
	margin-left:-20px;

	*width:255px;
	*margin-left: 0px;
}
.this_issue li a {
	padding-left: 10px;
	background: url(/images/arrows_001.gif) no-repeat left 5px;
}
.side_index li{
	font-size: 10pt;
	}

.side_hot{
	float:left;
	background-color:#EDEDDC;
	width:300px;
	margin-left: 20px;
	_margin-left: 18px;
	_width:280px;
}
.side_hot ul{
	padding-right: 20px;
	*padding-top: 20px;
}
.side_hot li{
	font-size: 10pt;
}

.side_box{
	float:left;
	margin-top: 20px;
	margin-left: 20px;
	_widht: 300px;
	_margin-left: 10px;
}





/* ####### RIGHT MAIN  ######## */

.RIGHT_MAIN {	/* ----- 1/1 -----*/
	text-align: justify;
	width: 96%;
	padding: 0 1.2em;
	border-left: none;

	*width: 660px;
	*padding: 0px;
	_float: right;
	_width: 580px;
}

.header_right{
	float:right;
	height:97px;
	position:relative;
	width: 640px;
	_width: 680px;
	_margin-left: -60px;

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


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

	_width:600px;
	_padding-left:0px;
}
.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:660px;
	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:610px;
	*background-position:top center;
	*text-align: left;
	*padding-top: 28px;
	*margin-left:-15px;

	_width:570px;
	_height:20px;
	_background-position:top center;
	_margin-top: -14px;
	_margin-left: 6px;
	_padding-left: 0px;
	_padding-top: -14px;

}
.submenu a {
	color: #FFFFFF;
}
.submenu a:hover, .submenu .active a {
	color: #FFCC00;
}

#menu{}
#submenu{
	*float:left;
	*width:580px;
	*margin-left: 15px;
	
	_float:right;
	_width:570px;
	_height:40px;
	_background-position:top center;
	_margin-top: -40px;
	_margin-left: 6px;
	_padding-left: 0px;
	_padding-top: -14px;
}



.navpath{
	color: #555;
	float:left;
	height:34px;
	margin-top: 20px;
	margin-left: 20px;
	_margin-top: 0px;
	_margin-left: 10px;
	}

.active_view{
	float:right;
	font-size: 10px;
	margin-right: 10px;
	margin-top: -20px;
	margin-bottom: -5px;
	*margin-top: -10px;;
	_margin-top: -10px;
	_margin-right: 0px;
}
.active_view li{
	display: inline;
	font-size:10pt;
	color: #FFF;
	border-bottom-style: none;
	margin-left: 10px;
}


.content{
	float: left;
	width: 575px;
	border: 1px #CCC solid;
	background-color: #FFF;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;

	_margin-left: 10px;
}
.content P{

}
.title{
	font-size: 150%;
	font-family: "標楷體";
	color:#600;
}
.author{
	font-size: 10pt;
	color:#666;
}
.bodytext, .bodytext P{
	font-size: 12pt;
	color:#333;
	line-height: 1.5em;
}
.bodytext b {
	color:#039;}
.leadin {
	font-family: "標楷體";
	color:#960;
	font-size:14pt;}	


.img_right{
	float: right;
	width: 240px;
	margin-left: 10px;
 	font-size: 10pt;
	color:#666;
	background-color:#F6F6F6;
	border: 1px #DDD Solid;
	padding: 10px;
}


.relation{
	background-color: #F6F6F6;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
	width: 595px;
	border: 0px #999 solid;;	

	_float: left;
	_width: 590px;
	_margin-left: 10px;
	_margin-right: 20px;
}
.relation li{
	color: #999;
}
.relation li a{
	margin-right: 20px;
}





.pic_left {
	margin-right: 10px;
	padding-bottom: 5px;
	float: left;
	padding-top: 5px;
}

.main_title{ _margin-bottom:20px;}

.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;
}



/* ###### Foot ######*/

#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: 640px;
	*width: 480px;
}
.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;
}








/* ######### 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;
	margin-right: -4px;

	*width:630px;
	_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:570px;
}

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

.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);
}