/* Mutaul CSS */
body {
behavior: url(csshover2.htc);
background-color: #ffffff;
margin: 0 auto 0px auto;
background-image: url(../Images/bg2.gif);
background-repeat: repeat-x;
}
.bodyindex{
behavior: url(csshover2.htc);
background-color: #FFFFFF;
margin: 0 auto 0px auto;
background-image: url(Images/bg.gif);
background-repeat: repeat-x;
}

form{
padding:0;
margin:0;
}

#container {
width: 950px;
height:100%;
margin: 0 auto 0 auto;
background-color:transparent;
}

#top{
width:950px;
height:77px;
margin: 0 auto 0 auto;
background-color: transparent;
}

.logo a, .logo a:hover, .logo a visited, .logo a:active{
background-image: url(../Images/logo.gif);
background-repeat: no-repeat;	
width:284px;
height:77px;
margin-left:0px;
float:left;
}

/* Vic's revision code on shortcut to solve the position matter in firefox */
.shortcut{
width:237px;
height:77px;
float:right;
margin-right:0px;
}

.shortcut img, .shortcut a {
margin: 0;
padding: 0;
display:block;
}
/* end of vic's code */

#nav{
width:950px;
height:25px;
margin-bottom:0px;
padding:0px;
overflow-y:hidden;

}

#menu {
height:22px;
padding-top:3px;
margin-bottom:0px;
float:left;
}

#side{
height:19px;
padding-top:6px;
padding-right:8px;
margin-bottom:0px;
float:right;
}

#main{
background-color:transparent;
width:950px;
height:100%;
padding-top:20px;
margin-top:0px;
}

#main .L_clm{
width:236px;
height:100%;
margin-top:0px;
margin-left:0px;
float:left;	
}

#main .R_clm {
width:703px;
margin-top:0px;
margin-right:0px;
float:right;
}

.kv{
width:703px;
height:260px;
margin-top:0px;
}

#footer {
background-image: url(../Images/footer_bg.gif);
background-repeat: repeat-x;
height:43px;
margin: 50px auto 0 auto;
padding-left:230px;
padding-top:10px;
}

#footer .p{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:#9ea3b9;
line-height:28px;
}

#breadcrumb {
width:945px;
height:15px;
padding-left:5px;
padding-top:15px;
margin-bottom:0px;
margin-top:0px;
}

#side_menu{
width:177px;
margin-top:0px;
margin-left:0px;
margin-right:23px;
float:left;
}

#link{
width:157px;
height:24px;
background-image: url(../Images/side_nav_bg.gif);
background-repeat: repeat-x;
display: block;	
margin-top:0px;
padding-top:10px;
padding-left:20px;
text-align: left;
vertical-align: middle;
}

#link_alt{
width:157px;
height:24px;
background-image: url(../Images/side_nav_bg.gif);
background-repeat: repeat-x;
display: block;	
color:#00246a;
margin-top:0px;
padding-top:10px;
padding-left:20px;
text-align: left;
vertical-align: middle;
}

#content{
width:743px;
height:100%;
margin-top:0px;
float:right;	
margin-right:0px;
}

.sub_kv{
width:743px;
height:92px;
margin-top:0px;
}
/* end of Mutaul */

/* ĤTM*/
#sub_menu{
background-color: #EEEEEE;
width:177px;
height:100%;
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#666666;
margin:0px;	
}
/* ĤTend */

/* index event box begins*/
.billboard{
width:703px;
height:100%;
margin-top:9px;
float:left;
}

*html .billboard{
width:703px;
height:100%;
margin-top:9px;
float:left;
position:relative;
}

#box{
width:227px;
height:100%;
margin-top:0px;
margin-left:0px;
margin-right:11px;
float:left;
}

#box_alt{
width:227px;
height:100%;
margin-top:0px;
margin-right:0px;
float:right;
}

*html #box_alt{
width:227px;
height:100%;
margin-top:0px;
margin-right:0px;
float:right;
position:absolute;
}

#box .top1{
background-image: url(../Images/box1_top.gif);
background-repeat: no-repeat;
width:131px;
height:16px;
padding-top:23px;
padding-left:96px;
}

#box .top2{
background-image: url(../Images/box2_top.gif);
background-repeat: no-repeat;
width:131px;
height:16px;
padding-top:24px;
padding-left:96px;
}

#box_alt .top3{
background-image: url(../Images/box3_top.gif);
background-repeat: no-repeat;
width:131px;
height:16px;
padding-top:24px;
padding-left:96px;
}

#box .mid, #box_alt .mid{
background-image: url(../Images/T_bg.gif);
background-repeat: repeat-y;
width:198px;
padding-left:16px;
padding-right:13px;
}

#box .btm, #box_alt .btm{
background-image: url(../Images/T_btm.gif);
background-repeat:no-repeat;
width:227px;
height:16px;
}

/* end of index event box */

/* selector style UͿ */
.choose{
background-color:#FFFFFF;
height:15px;
margin:0px;
padding-left:3px;
padding-top:3px;
border: 1px solid #00246a;
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#000000;
}
/*end of selector */

.clear {
clear: both;
height:0px;
}

/* Drop Down Menu */

#nav:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.dropmenudiv {
position: absolute;
top: 0;
line-height: 18px;
z-index: 100;
width: 170px;
visibility: hidden;
background-color: #fe9f29;
padding-left:15px;
padding-right:5px;
padding-bottom:5px;
border-bottom: 3px solid #f09627;
border-right: 3px solid #f09627;
border-left: 0px solid #bcbbd2;
}

.dropmenudiv a {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
width: auto;
display: block;
text-indent: 10px;
border-bottom: 0px solid #ffd7a7; /*THEME CHANGE HERE*/
padding-top: 5px;
padding-left:0px;
text-decoration: none;
color: #00246a;
background-image: url(../Images/blu_arrow.gif);
background-repeat: no-repeat;
background-position:left;
}

* html .dropmenudiv a, .dropmenu_sub a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover { /*THEME CHANGE HERE*/
text-decoration: none;
border-bottom: 1px solid #ffd7a7; /*THEME CHANGE HERE*/
color: #FFFFFF;
}

.dropmenudiv ul {
background-color: #fe9f29;
margin: 0;
padding: 0;
list-style-type: none;
width: 160px;
padding-left:10px;
padding-right:0px;
padding-bottom:8px;
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#00246a;
	}

.dropmenudiv ul li {
position: relative;
	}

.dropmenudiv ul li a {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#00246a; 
display:block;
text-decoration: none;
	}
	
.dropmenudiv ul li a:hover {
	display: block;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 0;
	}	

.dropmenudiv li:hover ul { 
	display: block; 
}

.dropmenudiv li:hover ul, li.over ul { 
display: block;
}
	
/* END Drop Dowm Menu */

.detail ul {
background-color: #f4f4f4;
margin: 0;
padding: 0;
list-style-type: square;
padding-right:0px;
padding-bottom:8px;
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#000000;
}

.detail ul li {
display:inline;
position:relative;
}

/* Font */
#menu a, #menu a:visited {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 15px;
color:#002469;	
text-decoration: none;
margin-right:5px;
margin-left:5px;
}

#menu a:hover, #menu a:active{
background-color: #fe9f29;
color:#FFFFFF;
font-weight: normal;
}

.des {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#000000;
line-height:15px;
text-decoration: none;
}

.note {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#656565;
line-height:17px;
text-decoration: none;
}

.blue_b, .blue_b a, .blue_b a:visited {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#002469;
font-weight: bold;
text-decoration: none;
}

.blue_b a:hover, .blue_b a:active {
text-decoration: underline;
}

.gray{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#8a8a8a;
text-decoration: none;
}

.gray a, .gray a:visited {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#8a8a8a;
text-decoration: underline;
}

.gray a:hover, .gray a:active {
text-decoration: none;
}

.d_gray, .d_gray a, .d_gray a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#666666;
text-decoration: none;
}

.d_gray a:hover, .d_gray a:active {
text-decoration: underline;
}

.bk, .bk a, .bk a:visited {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#000000;
text-decoration: none;
}

.bk a:hover, .bk a:active {
text-decoration: underline;
}

#side_menu a, #side_menu a:visited {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 15px;
color:#00246a;	
text-decoration: none;
}

#side_menu a:hover, #side_menu a:active{
color:#00246a;
font-weight:bold;
text-decoration: none;
}

#sub_menu a, #sub_menu a:visited {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#666666;	
text-decoration: none;
}

#sub_menu a:hover, #sub_menu a:active{
color:#00246a;
text-decoration: none;
}

.blu, .blu a, .blu a:hover, .blu a:visited, .blu a:active{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 15px;
color:#00246a;
text-decoration: none;
font-weight:bold;
}

.white_b{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#FFFFFF;
text-decoration: none;
font-weight:bold;
}

.white, .white a, .white a:visited{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#FFFFFF;
text-decoration: none;
font-weight:normal;
line-height:17px;
}

.white a:hover, .white a:active{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#FFFFFF;
text-decoration: underline;
font-weight:normal;
line-height:17px;
}

.Orgi{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#fe7b1b;
text-decoration: none;
font-weight:bold;
}

.green{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#31a61a;
text-decoration: none;
font-weight:bold;
}

.h1{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 15px;
color:#fe7b1b;
text-decoration: none;
font-weight:bold;
margin:0px;
}

.h2{
font-family: Arial, Helvetica, sans-serif, 新細明體;
height:15px;
font-size: 15px;
color:#00246a;
text-decoration: none;
font-weight:bold;
margin:0px;
padding-left:5px;
 border-left: 4px solid;
 border-color: #00246a;
}

.light_blu{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#7e92b1;
text-decoration: none;
font-weight:bold;
margin:0px;
}

.light_blu a, .light_blu a:visited{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#7e92b1;
text-decoration: underline;
font-weight:bold;
margin:0px;
}

.light_blu a:hover, .light_blu a:active{
text-decoration: none;
}

.blue_n {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#002469;
text-decoration: none;
}

.light_blu_n{
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 13px;
color:#7e92b1;
line-height:17px;
text-decoration: none;
}

.violet, .violet a, .violet a:visited {
font-family: Arial, Helvetica, sans-serif, 新細明體;
font-size: 12px;
color:#002469;
font-weight: normal;
text-decoration: underline;
}

.violet a:hover, .violet a:active {
text-decoration: none;
}

/* only for Agent.asp */
#newsCopy1,
#newsCopy2,
#newsCopy3,
#newsCopy4,
#newsCopy5{
	width:518px;
	padding:0 0px 0 40px;
	overflow:auto;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	font-size:13px;
	color:#000000;
	line-height:19px;
	}