body {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', 'Microsoft JhengHei',Arial, sans-serif;
    color: #0C4A60;
}


h1, h2, h3, p {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', 'Microsoft JhengHei', Arial, sans-serif;
    color: #0C4A60;
}


.navbar {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', 'Microsoft JhengHei', Arial, sans-serif;
    color: #0C4A60;
}


.article-content {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', 'Microsoft JhengHei', Arial, sans-serif;
    color: #0C4A60;
}


blockquote {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', 'Microsoft JhengHei', Arial, sans-serif;
    color: #0C4A60;
}







.Ajax {
    font-family: Arial, "新細明體";
    font-size: 10pt;
    line-height: 15px;
    color: #242244;
    text-align: left;
    background-color: #f5f2f8;
}


    .Ajax .ajax__calendar_container {
        background-color: #e2e2e2;
        border: solid 1px #cccccc;
        z-index: 1000;
    }

    .Ajax .ajax__calendar_header {
        background-color: #ffffff;
        margin-bottom: 4px;
    }

    .Ajax .ajax__calendar_title, .Ajax .ajax__calendar_next, .Ajax .ajax__calendar_prev {
        color: #004080;
        padding-top: 3px;
    }

    .Ajax .ajax__calendar_body {
        background-color: #e9e9e9;
        border: solid 1px #cccccc;
    }

    .Ajax .ajax__calendar_dayname {
        text-align: center;
        font-weight: bold;
        margin-bottom: 4px;
        margin-top: 2px;
    }

    .Ajax .ajax__calendar_day {
        text-align: center;
    }

    .Ajax .ajax__calendar_hover .ajax__calendar_day, .Ajax .ajax__calendar_hover .ajax__calendar_month, .Ajax .ajax__calendar_hover .ajax__calendar_year, .Ajax .ajax__calendar_active {
        color: #004080;
        font-weight: bold;
        background-color: #ffffff;
    }

    .Ajax .ajax__calendar_today {
        font-weight: bold;
    }

    .Ajax .ajax__calendar_other, .Ajax .ajax__calendar_hover .ajax__calendar_today, .Ajax .ajax__calendar_hover .ajax__calendar_title {
        color: #bbbbbb;
    }

/* align Center */
.alignC {
    text-align: center;
}

.alignC-H50 {
    text-align: center;
    height: 50px;
}

.alignC-TxtBrown {
    text-align: center;
    color: brown;
    font-weight: bold;
}

.alignC-TxtBlue {
    text-align: center;
    color: blue;
    font-weight: bold;
}

.alignC-TxtBlueviolet {
    text-align: center;
    color: blueviolet;
    font-weight: bold;
}


.alignC-Burlywood {
    text-align: center;
    color: burlywood;
}


.alignC-LightRed {
    text-align: center;
    color: #dd5c49;
}




/* align Left */
.alignL {
    text-align: left;
    vertical-align: top;
}

.alignL2 {
    text-align: left;
    vertical-align: middle;
    align-items: center;
}

.alignL3 {
    text-align: left;
    color: darksalmon;
    font-weight: bold;
}

.alignL4 {
    text-align: left;
    vertical-align: middle;
}



/* align Right */
.alignR {
    text-align: right;
}

.alignR2 {
    text-align: right;
    border-top-style: solid;
    border-top-color: blue;
}

.alignR3 {
    text-align: right;
    color: darksalmon;
    font-weight: bold;
}



.btn {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 5px 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    margin: 0 8px 0 0;
    white-space: nowrap;
}


    .btn:hover {
        text-decoration: none;
    }

    .btn.default {
        -webkit-box-shadow: inset 0px 1px 0px #adcfca;
        -moz-box-shadow: inset 0px 1px 0px #adcfca;
        box-shadow: inset 0px 1px 0px #adcfca;
        color: #fff;
        border: 1px solid #6ca69c;
        background: #75aea4;
        background: -webkit-gradient(linear, left top, left bottom, from(#75aea4), to(#619d92));
        background: -moz-linear-gradient(top, #75aea4, #619d92);
    }

        .btn.default:hover {
            border: 1px solid #548179;
            background: #619d92;
        }

        .btn.default:active {
            color: #fff;
        }

    .btn.red {
        -webkit-box-shadow: inset 0px 1px 0px #eb9e92;
        -moz-box-shadow: inset 0px 1px 0px #eb9e92;
        box-shadow: inset 0px 1px 0px #eb9e92;
        color: #fff;
        border: 1px solid #d95141;
        background: #dd5c49;
        background: -webkit-gradient(linear, left top, left bottom, from(#dd5c49), to(#d64c3c));
        background: -moz-linear-gradient(top, #dd5c49, #d64c3c);
    }

        .btn.red:hover {
            border: 1px solid #c04d3f;
            background: #c84839;
        }

        .btn.red:active {
            color: #fff;
        }

    .btn.gray {
        -webkit-box-shadow: inset 0px 1px 0px #bbbbbb;
        -moz-box-shadow: inset 0px 1px 0px #bbbbbb;
        box-shadow: inset 0px 1px 0px #bbbbbb;
        color: #fff;
        border: 1px solid #9f9f9f;
        background: #8c8c8c;
        background: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#747474));
        background: -moz-linear-gradient(top, #8c8c8c, #747474);
    }

        .btn.gray:hover {
            border: 1px solid #666;
            background: #6a6a6a;
        }

        .btn.gray:active {
            color: #fff;
        }

    .btn.blue {
        -webkit-box-shadow: inset 0px 1px 0px #1200ff;
        -moz-box-shadow: inset 0px 1px 0px #1200ff;
        box-shadow: inset 0px 1px 0px #1200ff;
        color: #fff;
        border: 1px solid #1200ff;
        background: #1200ff;
        background: -webkit-gradient(linear, left top, left bottom, from(#1200ff), to(#1200ff));
        background: -moz-linear-gradient(top, #1200ff, #1200ff);
    }

        .btn.blue:hover {
            border: 1px solid #3285F5;
            background: #0066FF;
        }

        .btn.blue:active {
            color: #fff;
        }

    .btn.pink {
        -webkit-box-shadow: inset 0px 1px 0px #c8887e;
        -moz-box-shadow: inset 0px 1px 0px #c8887e;
        box-shadow: inset 0px 1px 0px #c8887e;
        color: #fff;
        border: 1px solid #c8887e;
        background: #c8887e;
        background: -webkit-gradient(linear, left top, left bottom, from(#c8887e), to(#c8887e));
        background: -moz-linear-gradient(top, #c8887e, #c8887e);
    }

        .btn.pink:hover {
            border: 1px solid #795a56;
            background: #795a56;
        }

        .btn.pink:active {
            color: #fff;
        }

    .btn.lightG {
        -webkit-box-shadow: inset 0px 1px 0px #c3c87e;
        -moz-box-shadow: inset 0px 1px 0px #c3c87e;
        box-shadow: inset 0px 1px 0px #c3c87e;
        color: #fff;
        border: 1px solid #c3c87e;
        background: #c3c87e;
        background: -webkit-gradient(linear, left top, left bottom, from(#c3c87e), to(#c3c87e));
        background: -moz-linear-gradient(top, #c3c87e, #c3c87e);
    }

        .btn.lightG:hover {
            border: 1px solid #c3c800;
            background: #c3c800;
        }

        .btn.lightG:active {
            color: #fff;
        }

    .btn.yellow {
        -webkit-box-shadow: inset 0px 1px 0px #cebb0a;
        -moz-box-shadow: inset 0px 1px 0px #cebb0a;
        box-shadow: inset 0px 1px 0px #cebb0a;
        color: #fff;
        border: 1px solid #cebb0a;
        background: #cebb0a;
        background: -webkit-gradient(linear, left top, left bottom, from(#cebb0a), to(#cebb0a));
        background: -moz-linear-gradient(top, #cebb0a, #cebb0a);
    }

        .btn.yellow:hover {
            border: 1px solid #ddde0a;
            background: #ddde0a;
        }

        .btn.yellow:active {
            color: #fff;
        }

    .btn.harvest1 {
        -webkit-box-shadow: inset 0px 1px 0px #ED7458;
        -moz-box-shadow: inset 0px 1px 0px #ED7458;
        box-shadow: inset 0px 1px 0px #ED7458;
        color: #fff;
        border: 1px solid #ED7458;
        background: #ED7458;
        background: -webkit-gradient(linear, left top, left bottom, from(#ED7458), to(#ED7458));
        background: -moz-linear-gradient(top, #ED7458, #ED7458);
    }

        .btn.harvest1:hover {
            border: 1px solid #E98C76;
            background: #E98C76;
        }

        .btn.harvest1:active {
            color: #fff;
        }

    .btn.uncorked1 {
        -webkit-box-shadow: inset 0px 1px 0px #7F056E;
        -moz-box-shadow: inset 0px 1px 0px #7F056E;
        box-shadow: inset 0px 1px 0px #7F056E;
        color: #fff;
        border: 1px solid #7F056E;
        background: #7F056E;
        background: -webkit-gradient(linear, left top, left bottom, from(#7F056E), to(#7F056E));
        background: -moz-linear-gradient(top, #7F056E, #7F056E);
    }

        .btn.uncorked1:hover {
            border: 1px solid #D276C6;
            background: #D276C6;
        }

        .btn.uncorked1:active {
            color: #fff;
        }