@charset "utf-8";
/* CJK Unified Ideographs U+4E00-U+9FFF */
@font-face {
  font-family: MyCustomFont;
  src: local("微軟正黑體");
  /* no unicode-range; default to all characters */
}

@font-face {
  font-family: MyCustomFont;
  src: local("微軟正黑體"), local("Microsoft JhengHei");
  unicode-range: U+4E00-9FFF;
}

/* Japanese Kana U+3040-U+30FF */
@font-face {
  font-family: MyCustomFont;
  src: local(Hiragino Kaku Gothic Pro), local(Meiryo);
  unicode-range: U+3040-30FF;
}

/* Bopomofo U+3105-U+312C */
@font-face {
  font-family: MyCustomFont;
  src: local("微軟正黑體"), local(Microsoft JhengHei);
  unicode-range: U+3105-312C;
}

/* Latin, Latin1, Latin Ext-A, Latin Ext-B */
@font-face {
  font-family: MyCustomFont;
  src: local(Arial);
  unicode-range: U+00-024F;
}

body {font-size: 16px; margin: 0px; font-family: MyCustomFont; line-height:1.0; background: #FFF;}

img{border:0;}
.no-boarder {display:inline;}
textarea {font-size: 14px; padding: 2px; color: #888;}
a{outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */}

a:link {color: #3A5362; text-decoration: none;}
a:visited {color: #3A5362; text-decoration: none;}
a:hover {color: #3A5362; text-decoration: none;}

.toplk{text-decoration: none; color: #FFF;}
a.toplk:link {color: #FFF;}
a.toplk:visited {color: #FFF;}
a.toplk:hover {text-decoration: none; color: #FFF;}

#headerarea{width: 100%; height: 183px; background: #588FB0;}
#headerbox{width: 1000px; height: 183px; margin-left:auto; margin-right:auto; background: url(../images/headbkimg.png) 0px 0px no-repeat;}
#logo{width: 458px; height: 104px; padding: 46px 0px 0px 13px; float:left;}
#headworld{width: 506px; height: 183px; background: url(../images/worldmap.png) 75px 7px no-repeat; float:left;}
#menuarea{width: 100%; height: 4px; padding-top: 43px;}
#menubar{width: 100%; height: 43px; margin-top: -43px; background: #DCDCDC; position:absolute; z-index: 19;}
#menubox{width: 956px; height: 41px; padding: 6px 30px 0px 14px; margin-left:auto; margin-right:auto; font-size:16px; color: #3A5261;}
#menu1{width: 59px; height: 36px; padding: 9px 0px 0px 48px; background: url(../images/icon01.png) 16px 6px no-repeat; float:left;}
#menu1:hover{width: 59px; height: 28px; padding: 9px 0px 0px 48px; background: url(../images/icon01.png) 16px 6px no-repeat; border-bottom: 4px solid #E9842C; float:left;}
#menu2{width: 108px; height: 36px; padding-top: 9px; text-align:center; float:left;}
#menu2:hover{width: 108px; height: 28px; padding-top: 9px; text-align:center; border-bottom: 4px solid #E9842C; float:left;}
#langbox{width: 83px; height: 19px; margin-top: 3px; padding-top: 6px; font-size:14px; font-weight:bolder; text-align:center; color: #FFF; background: #EA8900; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:right;}
#langbox:hover{opacity:0.8; filter:alpha(opacity=80);}

#menu1onbox{width: 107px; height: 45px; float:left;}
#menu1top{width: 55px; height: 32px; margin-left: 4px; padding: 9px 0px 0px 44px; color: #FFF; background: #5589A9 url(../images/icon01.png) 16px -44px no-repeat; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;}
#menu1down{width: 107px; height: 4px; background: #5589A9; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;}
#menu2onbox{width: 107px; height: 45px; float:left;}
#menu2top{width: 99px; height: 32px; margin-left: 4px; padding: 9px 0px 0px 0px; text-align:center; color: #FFF; background: #5589A9; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;}
#menu2down{width: 107px; height: 4px; background: #5589A9; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;}

#headspace{width: 100%; height: 4px; background: #588FB0;}

#center{width: 1000px; min-height: 300px; margin-left:auto; margin-right:auto;}

#contentarea{width: 940px; padding: 30px;}
#leftarea{width: 240px; float:left;}
#lefttop{width: 188px; height: 104px;}
#lefton{width: 172px; height: 27px; padding: 8px 0px 0px 16px; font-size: 16px; color: #FFF; background: #E98900 url(../images/lefticons.png) 0px 0px no-repeat; border-bottom: 1px solid #FFF;}
#leftout{width: 172px; height: 27px; padding: 8px 0px 0px 16px; font-size: 16px; color: #FFF; background: #588FB0 url(../images/lefticons.png) 0px -36px no-repeat; border-bottom: 1px solid #FFF;}
#leftout:hover{width: 172px; height: 27px; padding: 8px 0px 0px 16px; font-size: 16px; color: #FFF; background: #E98900 url(../images/lefticons.png) 0px 0px no-repeat; border-bottom: 1px solid #FFF;}
#rightarea{width: 700px; float:left;}
#righttitle{width: 700px; height: 32px; font-size: 24px; color: #1B597F; border-bottom: 1px solid #578BAC;}

#pagetitle{width: 940px; height: 32px; font-size: 24px; color: #1B597F; border-bottom: 1px solid #578BAC;}

.font25 {font-size:25px; line-height:2.4;}
#overdown{clear: both;}

#footerarea{width: 100%; height: 202px; background: #5889A6;}
#footerbox{width: 1000px; height: 202px; margin-left:auto; margin-right:auto;}
#footerworld{width: 482px; height: 198px; padding: 4px 0px 0px 41px; float:left;}
#footertxt{width: 450px; height: 185px; padding: 17px 0px 0px 0px; color: #FFF; line-height:1.6; float:left;}

#copyrightarea{width: 100%; height: 32px;}
#copyrightbox{width: 477px; height: 24px; padding: 8px 0px 0px 523px; margin-left:auto; margin-right:auto; font-size:16px; color: #7C7C7C;}