@font-face {
    font-family: Yanone Kaffeesatz;
    src: url('./fonts/YanoneKaffeesatz-Regular.ttf');
}

@font-face {
    font-family: Yanone Kaffeesatz;
    src: url('./fonts/YanoneKaffeesatz-Regular.eot');
}

body {
    margin: 0px;
    padding: 0px;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    background: #e5e5e5;
    color: #000000;
}

hy {
    font-size: large;
    color: #ffffff;
    font-family: "Yanone Kaffeesatz";
    padding-left: 33px;
    margin-top: 0px;
}

a, a:visited, a:active {
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    color: #0000dd;
    text-decoration: none;
}

    a:hover {
        color: #0000ff;
        text-decoration: underline;
    }

p {
    font-size: 16px;
    font-family: arial, helvetica, sans-serif;
    line-height: 130%;
}

ul {
    list-style: disc;
    padding-left: 30px;
    color: #0066CC;
    font-size: large;
}

li {
    font-size: 12px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU",Georgia, arial, helvetica, sans-serif;
    line-height: 130%;
    margin-left: 20px;
    //font-size: medium;
}

img {
    padding: 0px;
    border: 0px;
}

/* Classes for aligning images */

.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

h3 {
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU",Georgia, arial, helvetica, sans-serif;
    font-size: 18px;
    // medium;
    margin: 24px 0px 14px 0px;
    color: #FF0000;
}

#container {
    width: 984px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}

#container2 {
    float: left;
    width: 960px;
    padding: 0px 15px;
    background: url('images/contentbg.gif') repeat-y left top;
    margin-bottom: 10px;
    height: 661px;
}

#header {
    background: #C3C3C3 ;
    width: 960px;
    height: 130px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-top: 1px solid #ffffff;
    color: #0066CC;
}

    #header h1 {
        color: #0066CC;
        letter-spacing: -1px;
        font-size: 40px;
        font-weight: bold;
        padding: 27px 0px 0px 30px;
        margin: 0px;
    }

        #header h1 a, #header h1 a:active, #header h1 a:visited, #header h1 a:hover {
            color: #3366CC;
            letter-spacing: -1px;
            font-size: 40px;
            font-weight: bold;
            text-decoration: none;
        }

    #header p {
        color: #cecece;
        font-size: 14px;
        margin: 0px;
        line-height: 110%;
        padding: 5px 0px 0px 30px;
    }

#topmenu {
    float: right;
    width: 960px;
    background: #0066CC url('images/menubg2.png') repeat-x left top;
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
}

    #topmenu ul {
        float: left;
        display: inline;
        margin: 0px;
        padding: 0px 30px 0px 30px;
    }

    #topmenu li {
        display: inline;
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        #topmenu li a, #topmenu li a:visited, #topmenu li a:active {
            display: block;
            color: #FFFFFF;
            text-decoration: none;
            float: left;
            margin: 0px 0px 0px 1px;
            padding: 10px 20px 10px 20px;
        }

            #topmenu li a:hover {
                text-decoration: none;
                background: #ffffff url('images/bon.gif') top left repeat-x;
                color: #000000;
            }

#contentcontainer {
    width: 900px;
    float: left;
    background: #ffffff;
    display: inline;
    margin: 0px;
    padding: 15px 30px 35px 30px;
}

#content {
    float: left;
    font-family: Georgia;
    width: 580px;
    padding: 0px 20px 0px 0px;
    margin: 0px;
}

#content h2, #content h2 a, #content h2 a:visited, #content h2 a:active {
    margin: 20px 0px;
    font-family: Georgia, arial, helvetica, sans-serif;
    font-size: 24px;
    color: #000000;
    background: #C9C9C9;
}

    #content h3, #content h3 a, #content h3 a:visited, #content h3 a:active {
        margin: 0px 0px;
        font-family: Georgia, arial, helvetica, sans-serif;
        font-size: 24px;
        color: #004F9D;
        background: #EBEBEB;
        padding: 10px 0px 10px 0px;
    }

    #content h4, #content h4 a, #content h4 a:visited, #content h4 a:active {
        margin: 10px 10px;
        font-family: Georgia, arial, helvetica, sans-serif;
        font-size: 24px;
        color: #004F9D;
        background: #EBEBEB;
        text-align: right;
        padding: 0px 0px 10px 0px;
    }

    #content h6, #content h6 a, #content h6 a:visited, #content h6 a:active {
        margin: 20px 20px;
        font-family: Georgia, arial, helvetica, sans-serif;
        font-size: 24px;
        color: #004F9D;
        background: #EBEBEB;
        text-align: center;
        padding: 0px 0px 10px 0px;
    }

    #content h5, #content h5 a, #content h5 a:visited, #content h5 a:active {
        margin: 0px 0px;
        font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
        font-size: 16px;
        text-align: left;
        padding: 20px 0px 0px 0px;
    }


    #content h7, #content h7 a, #content h7 a:visited, #content h7 a:active {
        margin: 0px 0px;
        font-family: Georgia, arial, helvetica, sans-serif;
        font-size: 24px;
        color: #004F9D;
        background: #EBEBEB;
        padding: 10px 0px 0px 0px;
    }

#content h2 a:hover {
    text-decoration: underline;
}

blockquote {
    margin: 15px 30px 15px 5px;
    padding-left: 10px;
    border-left: 5px solid #e0e0e0;
    color: #3399FF;
}

form {
    margin: 17px 0px 17px 0px;
    padding: 10px 20px 10px 20px;
    background-color: #FFFFFF;
    width: 98%;
}

input {
    border: 1px solid #d5d5d5;
    padding: 4px;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    color: #1e1e1e;
}

.formbutton {
    background: #e5e5e5;
    padding: 5px 25px 5px 25px;
}

    .formbutton:hover {
        background: #d5d5d5;
        text-decoration: underline;
    }

textarea {
    width: 90%;
    border: 1px solid #d5d5d5;
    padding: 4px;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    color: #1e1e1e;
}

#sidebar {
    float: left;
    width: 280px;
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

    #sidebar h2 {
        margin: 25px 0px 8px 0px;
        font-family: Georgia, arial, helvetica, sans-serif;
        font-size: 18px;
    }

    #sidebar ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    #sidebar .links li {
        border-bottom: 1px dotted #aaaaaa;
        margin: 0px;
        padding: 5px 0px;
    }

        #sidebar .links li a, #sidebar .links li a:visited, #sidebar .links li a:active {
            width: 280px;
            display: block;
            margin: 0px 0px 0px 0px;
            text-decoration: none;
            color: #0000ff;
        }

            #sidebar .links li a:hover {
                text-decoration: none;
                color: #000000;
            }

    #sidebar .news li {
        border-bottom: 1px dotted #aaaaaa;
        margin: 0px;
        padding: 5px 0px;
    }

    #sidebar .news span {
        display: block;
        font-size: 11px;
        color: #848484;
        padding: 0px;
        margin: 0px;
    }

#footer {
    float: left;
    width: 960px;
    background: #cccccc;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #6a6a6a;
    border-top: 1px solid #999999;
    padding: 7px 0px 7px 0px;
    margin-bottom: 0px;
}

    #footer p {
        padding: 0px;
        margin: 0px;
    }

    #footer a, #footer a:active, #footer a:visited, #footer a:hover {
        text-decoration: none;
        border-bottom: 1px dotted #6a6a6a;
        font-size: 12px;
        color: #6a6a6a;
    }

#body, table, a, p, div, span, form, input, textarea, select, pre, button {
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
    text-align: left;
}