/******************************/
/* MAIN-MENU */
/******************************/
#mainmenu{
float:left;
/*margin-left: 0px; Opera 8 fix -1px*/
padding: 0;
/*width: 800px;*/
height: 27px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 0;
margin-left: 40px;  /*for Firefox*/
*margin-left: 40px; /*for IE7*/ 
_margin-left: 30px; /*for IE6*/
}

/*支援Chrome*/
body:nth-of-type(1) #mainmenu{
margin-left: 0px;
}

#mainmenu ul{
font: normal 10px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#mainmenu li{
display:inline;
margin:0 2px 0 0;
padding:2px 0 0 0;
text-transform:uppercase;
line-height: 1.3em;
font-size: 120%;
}
 

#mainmenu a, #mainmenu strong{
float:left; 
color:#fff;
background: transparent url("../images/tabs_left.jpg") no-repeat left top;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
font-size: 11px;
letter-spacing: 1px;
margin-top: 4px;
font-family: Arial, Verdana, sans-serif;
border-bottom: 1px solid #FFF;
}

#mainmenu a span, #mainmenu #current span{
float:left;
display:block;
color:#fff;
background: transparent url("../images/tabs_right.jpg") no-repeat right top;
padding:3px 9px 3px 6px;
font-weight:bold;
}

#mainmenu a span{
float:none;
}

#mainmenu #current a, #mainmenu strong{
background-position:0 -300px;
border-bottom: 1px solid #2B6600;
}

#mainmenu #current a span, #mainmenu #current span{
background-position:100% -300px;
padding-bottom:3px;	color:#fff;
}

#mainmenu a:hover{
background-position:0% -150px;
}

#mainmenu a:hover span{
color: #fff;
background-position:100% -150px;
}

#mainmenu #current a:hover { background-position:0% -300px; }
#currentmenu #current a:hover span { color: #fff;	background-position:100% -300px; }

#mainmenuline{
clear: both;
padding: 0;
width: 808px;
_width: 830px;
height: 2px;
_height: 1px;
_min-height: 0.5px;
background: rgb(145,209,197);
border-bottom: 1px solid #fff;
_border-bottom: 1px solid #fff;
margin-bottom: 5px;
_margin-bottom: 1px;
}

#currentmenu a, #currentmenu strong{
background: transparent url("http://www.twaren.net/english/smarty/templates/images/tabs_left_blue.gif") no-repeat left top;
}

#currentmenu a span{
background: transparent url("../images/tabs_right_blue.gif") no-repeat right top;
}

#currentmenu a:hover{
background-position:0% -150px;
}

#currentmenu a:hover span{
color: #fff;
background-position:100% -150px;
}

/******************************/
/* SUB-MENU */
/******************************/
#Layer1 { position:absolute; left:10px; top:90px; width:620px; height:21px; z-index:10; visibility: visible;}
#Layer2 { position:absolute; left:20px; top:90px; width:467px; height:20px; z-index:9; visibility: hidden;}
#Layer3 { position:absolute; left:260px; top:90px; width:616px; height:18px; z-index:8; visibility: hidden;}
#Layer4 { position:absolute; left:100px; top:90px; width:720px; height:15px; z-index:7; visibility: hidden;}
#Layer5 { position:absolute; left:435px; top:90px; width:500px; _width:520px; height:45px; z-index:6; visibility: hidden; background-color:#FFFFF; border-color:#99CCFF; /*filter:Alpha(opacity=60);*/}
#Layer6 { position:absolute; left:400px; top:90px; width:450px; height:25px; z-index:5; visibility: hidden;}
#Layer7 { position:absolute; left:550px; top:90px; width:400px; height:25px; z-index:5; visibility: hidden;}
#Layer8 { position:absolute; left:540px; top:90px; width:400px; height:25px; z-index:5; visibility: hidden;}

/******************************/
/* SUB-MENU FONT STYLE */
/******************************/
.submenu_font_01 { font-family: "Arial", "Helvetica"; font-size: 12px; color: #5B5B5B; letter-spacing: 1px; line-height:18px;text-decoration:none;}
.submenu_font_01 a:link { color:#5B5B5B;text-decoration:none;}
.submenu_font_01 a:visited { color:#5B5B5B;text-decoration:none;}
.submenu_font_01 a:hover { color:#218868;text-decoration:none;}

.submenu_font_02 { font-family: "Arial", "Helvetica"; font-size: 12px; color: #4987AA; letter-spacing: 1px; line-height:18px;text-decoration:none;}
.submenu_font_02 a:link { color:#4987AA;text-decoration:none;}
.submenu_font_02 a:visited { color:#4987AA;text-decoration:none;}
.submenu_font_02 a:hover { color:#0098CA;text-decoration:none;}

.submenu_line {font-size: 12px; line-height: 19px; color: #3CB371; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}

/******************************/
/* CONTENT FONT STYLE */
/******************************/
.content_font_01 { font-family: "Arial", "Helvetica"; font-size: 12px; color: #5B5B5B; letter-spacing: 1px; line-height:18px;text-decoration:none;}
.content_font_01 a:link { color:#5B5B5B;text-decoration:none;}
.content_font_01 a:visited { color:#5B5B5B;text-decoration:none;}
.content_font_01 a:hover { color:#0098CA;text-decoration:none;}

/******************************/
/* HEADER-LINK FONT STYLE */
/******************************/
/*.headerlink_font {text-align :right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #4987AA; letter-spacing: 1px; line-height:18px;text-decoration:none;}
.headerlink_font a:link { color:#4987AA;text-decoration:none;}
.headerlink_font a:visited { color:#4987AA;text-decoration:none;}
.headerlink_font a:hover { color:#0098CA;text-decoration:none;}*/
.headerlink_font {text-align :right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:rgb(35,129,113); letter-spacing: 1px; line-height:18px;text-decoration:none;}
.headerlink_font a:link { color:rgb(35,129,113);text-decoration:none;}
.headerlink_font a:visited { color:rgb(35,129,113);text-decoration:none;}
.headerlink_font a:hover { color:rgb(46,191,164);text-decoration:none;}

/*.headerlink_line {font-size: 12px; line-height: 12px; color: #5B5B5B; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}*/
.headerlink_line {font-size: 12px; line-height: 12px; color:rgb(124,194,186); font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}

/********************************/
/*目前所在位置:導覽列 FONT STYLE*/
/********************************/
/*.header-breadcrumbs ul {float:left; width:730px; list-style:none; padding:0 0 0 25px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../images/bg_bullet_arrow.gif) no-repeat 0 50%; color:#0098CA; font-size:90%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}*/
.header-breadcrumbs ul {align: right; float:left; width:730px; list-style:none; padding:0 10px 0 25px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../images/bg_bullet_arrow.gif) no-repeat 0 50%; color:#458B00; font-size:90%;}
.header-breadcrumbs ul a {color:rgb(29,138,118); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(20,101,86); text-decoration:underline;}

.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

