@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: 29px;
    margin: 0px;
    font-family: MyCustomFont;
    line-height: 1.0;
    background: #FFF;
}

img {
    border: 0;
}

.no-boarder {
    display: inline;
}

a {
    outline: none;
    /* for Firefox */
    hlbr: expression(this.onFocus=this.blur());
    /* for IE */
}

a:link {
    color: #4DABE7;
    text-decoration: none;
}

a:visited {
    color: #4DABE7;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

.toplk {
    text-decoration: none;
    color: #F00;
}

a.toplk:link {
    color: #F00;
}

a.toplk:visited {
    color: #F00;
}

a.toplk:hover {
    text-decoration: underline;
    color: #F00;
}

.ttlk {
    text-decoration: none;
}

a.ttlk:link {
    color: #5E5E5E;
}

a.ttlk:visited {
    color: #5E5E5E;
}

a.ttlk:hover {
    text-decoration: underline;
    color: #5E5E5E;
}

.clslk {
    text-decoration: none;
    color: #FFF;
}

a.clslk:link {
    color: #FFF;
}

a.clslk:visited {
    color: #FFF;
}

a.clslk:hover {
    color: #FFF;
}

.pmlks {
    text-decoration: none;
    color: #707070;
}

a.pmlks:link {
    text-decoration: none;
    color: #707070;
}

a.pmlks:visited {
    text-decoration: none;
    color: #707070;
}

a.pmlks:hover {
    text-decoration: none;
    color: #707070;
}

.ftrlk {
    text-decoration: none;
    color: #FFF;
}

a.ftrlk:link {
    color: #FFF;
}

a.ftrlk:visited {
    color: #FFF;
}

a.ftrlk:hover {
    text-decoration: underline;
    color: #FFF;
}

#headerarea {
    width: 100%;
    height: 158px;
    background: #FFF;
    position: fixed;
    top: 0px;
    -webkit-box-shadow: 0px 5px 5px #999;
    -moz-box-shadow: 0px 5px 5px #999;
    box-shadow: 0px 5px 5px #999;
    z-index: 9;
}

#headerspace {
    width: 100%;
    height: 158px;
}

#headerbox {
    width: 720px;
    height: 114px;
    padding: 44px 40px 0px 40px;
    margin-left: auto;
    margin-right: auto;
}

#logo {
    width: 566px;
    height: 114px;
    float: left;
}

#langbox {
    width: 80px;
    height: 32px;
    padding-top: 18px;
    font-size: 30px;
    color: #EC6D00;
    float: left;
}

#menubtn {
    width: 74px;
    height: 66px;
    float: left;
}

#menuarea {
    width: 100%;
    position: absolute;
    z-index: 99;
}

#menubox {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.menuob {
    width: 800px;
    height: 106px;
}

.menu0 {
    width: 720px;
    height: 68px;
    padding: 35px 0px 0px 80px;
    background: #FFF;
    font-size: 31px;
    color: #0C64AA;
    border-bottom: 3px solid #EBEBEB;
}

.menu1 {
    width: 720px;
    height: 68px;
    padding: 35px 0px 0px 80px;
    background: #1B73BB;
    font-size: 31px;
    color: #FFF;
    border-bottom: 3px solid #2983cb;
}

.menu2 {
    width: 720px;
    height: 68px;
    padding: 35px 0px 0px 80px;
    background: #1B73BB;
    font-size: 31px;
    color: #FFF;
}

.menu3 {
    width: 720px;
    height: 68px;
    padding: 35px 0px 0px 80px;
    background: #1B73BB;
    font-size: 31px;
    color: #ED6D00;
    border-bottom: 3px solid #2983cb;
}

.menu4 {
    width: 667px;
    height: 68px;
    padding: 35px 0px 0px 133px;
    background: #FFF;
    font-size: 31px;
    color: #0C64AA;
    border-bottom: 3px solid #EBEBEB;
}

.menu4_1 {
    width: 517px;
    height: 64px;
    padding: 39px 0px 0px 283px;
    background: #FFF url(../images/menulogoimg.png) 80px 29px no-repeat;
    ;
    font-size: 31px;
    color: #0C64AA;
    border-bottom: 3px solid #EBEBEB;
}

.menu4_2 {
    width: 467px;
    height: 66px;
    padding: 37px 0px 0px 333px;
    background: #FFF url(../images/menulogoimg.png) 80px -134px no-repeat;
    ;
    font-size: 31px;
    color: #0C64AA;
    border-bottom: 3px solid #EBEBEB;
}

.menu5 {
    width: 667px;
    height: 68px;
    padding: 35px 0px 0px 133px;
    background: #FFF;
    font-size: 31px;
    color: #0C64AA;
}

.menusec {
    width: 800px;
}

#center {
    width: 800px;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
}

#contentarea {
    width: 720px;
    padding: 45px 40px 0px 40px;
}

#pagetitle {
    width: 720px;
    height: 54px;
    font-size: 42px;
    color: #1C5A7F;
    border-bottom: 2px solid #578BAC;
}

.font40 {
    font-size: 40px;
    line-height: 2.4;
}

#overdown {
    clear: both;
}

#footerarea {
    width: 100%;
    height: 615px;
}

#footerbox {
    width: 775px;
    height: 309px;
    padding: 306px 0px 0px 25px;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    line-height: 1.6;
    background: #5889A6 url(../images/footimg_m.jpg) 5px 6px no-repeat;
}

#copyrightarea {
    width: 100%;
    height: 64px;
}

#copyrightbox {
    width: 775px;
    height: 48px;
    padding: 16px 0px 0px 25px;
    margin-left: auto;
    margin-right: auto;
    color: #7C7C7C;
}