body {
    font-family: "Microsoft JhengHei", sans-serif !important;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #f6f7f8;
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}
/* 改 padding-left-4px */
.borderbox01-wd1-p4 {
    font-size: 16px;
    line-height: 35px;
    color: #333333;
    font-weight: bold;
    padding-left: 4px;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 4vw;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.h4, h4 {
    font-size: 1.5rem
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
/* 作業 span 膠囊 */
.borderbox01-wd3-10 {
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #DEA1DD;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
}

.borderbox01-wd3-10-2 {
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #F2D9F1;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
}

.borderbox01-wd3-6-2 {
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #B9E4FD;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
}

.borderbox01-wd3-7-2 {
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #C3DF99;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
}

.gray-wd {
    color: #969696;
}

.blue-wd {
    color: #4bbdff;
}

.pink-wd {
    color: #DEA1DD;
}

.mr-2, .mx-2 {
    margin-right: .5rem !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.card-contentwd2-3-3 {
    color: #666666;
    padding: 8px 10px 8px 10px;
}

.quiz-info {
    font-size: 3.5vmin !important;
    line-height: 1.5 !important;
}

.quiz-name-input {
    font-size: 3.5vmin;
}

.quiz-bank-select {
    font-size: 3.5vmin;
}

.add-quiz {
    display: block;
    color: #ffffff;
    background-color: #64c708;
    padding: 4px 0;
    border-radius: 8px;
    text-align: center;
    font-size: 3.5vmin;
}

.green-save-btn {
    display: block;
    color: #ffffff;
    background-color: #64c708;
    padding: 4px 32px;
    border-radius: 8px;
    text-align: center;
    font-size: 3.5vmin;
}

.blue-close-btn {
    display: block;
    color: #ffffff;
    background-color: #4dbeff;
    padding: 4px 32px;
    border-radius: 8px;
    text-align: center;
    font-size: 3.5vmin;
}

.red-cancel-btn {
    display: block;
    color: #ffffff;
    background-color: #fc0204;
    padding: 4px 32px;
    border-radius: 8px;
    text-align: center;
    font-size: 3.5vmin;
}

.add-quiz-file {
    display: block;
    color: #ffffff;
    background-color: #4dbeff;
    padding: 4px 24px;
    border-radius: 8px;
    text-align: center;
    font-size: 3.5vmin;
}

.upload-quiz-file {
    display: block;
    color: #ffffff;
    background-color: #4dbeff;
    padding: 4px 32px;
    border-radius: 8px;
    text-align: center;
    font-size: 3.5vmin;
}

.quiz-textbox {
    font-size: 3.5vmin;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100%;
    line-height: 20px;
    padding-left: 5px;
}

.select-all-student {
    text-align: end;
    padding-right: 0;
}

.h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 3.5vmin;
}

.start-record-btn {
    display: block;
    color: #ffffff;
    background-color: #64c708;
    padding: 4px 0;
    border-radius: 8px;
    text-align: center;
    font-size: 3.5vmin;
}

.stop-record-btn {
    display: block;
    color: #ffffff;
    background-color: #fc0204;
    padding: 4px 0;
    border-radius: 8px;
    text-align: center;
    font-size: 3.5vmin;
}

.quiz-audio {
    height: 32px;
}

.quiz-audio-check {
    height: 32px;
    max-width: 100%;
}

.quiz-img-check {
    max-width: 100%;
}

.quiz-card-footer {
    background-color: #e9a1c6;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 0 0 8px 8px;
}

.text-red {
    color: #fc0204;
}

.text-blue {
    color: #4dbeff;
}

.text-green {
    color: #64c708;
}

.comment-detail {
    border: 1px solid #696969;
    padding: 4px 8px;
    font-size: 3.5vmin;
}

.fs-12 {
    font-size: 3vmin;
}


.pl-3, .px-3 {
    padding-left: 1rem !important
}
/* 出作業 card-header */
.card-header-2-2 {
    background-color: #e9a1c6;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.borderbox01-wd1-3-4 {
    font-size: 15px;
    line-height: 30px;
    width: 100%;
    border: 1px solid #e9a1c6;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    background-color: #FFFFFF;
    margin-right: 5px;
    color: #e9a1c6;
}

.card-content-hr {
    margin-top: 4px;
    margin-bottom: 4px;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.card-contentwd2-3-3 {
    color: #666666;
    padding: 8px 10px 8px 10px;
}

.card-contentwd2-3 {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    padding: 8px 10px 8px 15px;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

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

.inner3-2-2 {
    display: flex;
    width: 100%;
    overflow: hidden;
    height: auto;
    padding-right: 3%;
    padding-left: 3%;
    margin-bottom: 8px;
}

.inner3-wd1-3 {
    width: 33%;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #333333;
    background-color: #9ADAFC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    font-weight: bold;
}

.inner3-wd1-2 {
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #333333;
    background-color: #9ADAFC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    font-weight: bold;
}

.inner3-1-2 {
    width: 67%;
    float: left;
    padding-right: 1px;
    padding-left: 1px;
    text-align: center;
}

.inner3-wd1 {
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    color: #333333;
    background-color: #9ADAFC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    font-weight: bold;
}

.inner3-wd2-2 {
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #666666;
}

.inner3-wd2-3 {
    width: 67%;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #666666;
    border: 1px solid #E9E9E9;
    border-left: 0px solid #E9E9E9;
}

.card-contentwd12 {
    display: flex;
    justify-content: space-between;
    padding: 8px 14px;
    background-color: #fc020424;
    border-radius: 9px 9px 0 0;
    line-height: 35px;
    font-size: 16px;
    color: #333333;
    text-align: center;
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important;
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.upload-btn {
    display: block;
    color: #ffffff;
    background-color: #4bbdff;
    padding: 8px 32px;
    border-radius: 8px;
    text-align: center;
}

.meeting-delete-btn {
    display: block;
    color: #ffffff;
    background-color: #fc0204;
    padding: 8px 32px;
    border-radius: 8px;
    text-align: center;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.card-footer11 {
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 0 0 9px 9px;
}

.card-footer11-1 {
    display: flex;
    justify-content: space-between;
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

a:hover,
a:focus {
    color: #4bbdff;
    text-decoration: none;
}


::placeholder {
    color: #cccccc;
}

.hr2 {
    margin-top: 8px;
    margin-bottom: 8px;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-top-color: #666666;
}





.onoffswitch {
    position: relative;
    width: 120px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 35px;
        padding: 0;
        line-height: 35px;
        font-size: 18px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "開啟";
        padding-left: 10px;
        background-color: #64C708;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "關閉";
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 8.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 81px;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}





.dot01 {
    width: 95%;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    border-bottom-width: 2px;
    border-bottom-style: dashed;
    border-bottom-color: #999999;
    height: 20px;
}

.dot02 {
    width: 95%;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    border: 2px dashed #999999;
    padding-top: 10px;
    padding-bottom: 10px;
}

.fixbox {
    position: fixed;
    z-index: 99;
    top: 0px;
    background-color: #f6f7f8;
    width: 98%;
    padding-top: 10px;
    max-width: 800px;
}

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

.newsbox01 {
    width: 95%;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.newsbox02 {
    width: 40%;
    float: left;
}

    .newsbox02 img {
        width: 100%;
        height: auto;
        border: 1px solid #CCCCCC;
    }

.newsbox03 {
    width: 58%;
    float: left;
    margin-left: 2%;
    overflow: hidden;
}

.newsbox03-1 {
    width: 50%;
    float: left;
    font-size: 16px;
    line-height: 25px;
    color: #4bbdff;
}

.newsbox03-2 {
    width: 50%;
    float: left;
    font-size: 16px;
    line-height: 25px;
    color: #f8931f;
    text-align: right;
}

.newsbox03-3 {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 25px;
    color: #f8931f;
}

.newsbox04 {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 18px;
    color: #969696;
}

.newsbox05 {
    width: 95%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

.newsbox05-1 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #4bbdff;
    height: 30px;
    padding-left: 5px;
}

.newsbox05-2 {
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.newsbox05-3 {
    width: 98%;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

.newsbox05-4 {
    width: 62%;
    float: left;
    font-size: 16px;
    line-height: 25px;
    color: #4bbdff;
}

.newsbox05-5 {
    width: 28%;
    float: left;
    font-size: 16px;
    line-height: 25px;
    color: #f8931f;
    text-align: right;
    margin-left: 2%;
}

.newsbox05-6 {
    width: 8%;
    float: left;
    text-align: right;
    font-size: 16px;
    line-height: 25px;
}

.newsbox05-7 {
    font-size: 14px;
    line-height: 18px;
    color: #969696;
}

.newsbox05-8 {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
}


.newsbox05-9 {
    width: 62%;
    float: left;
    font-size: 20px;
    line-height: 25px;
    color: #333333;
    font-weight: bold;
    text-align: right;
}

.newsbox05-10 {
    width: 50%;
    float: left;
    text-align: left;
}

.newsbox05-11 {
    width: 50%;
    float: left;
    text-align: right;
}

.newsbox05-12 {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 15px;
}


.newsbox05-13 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #f8931f;
    height: 30px;
    padding-left: 5px;
}

.newsbox05-14 {
    width: 90%;
    float: left;
    font-size: 16px;
    line-height: 25px;
    color: #f8931f;
}

.col201 {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    border: 1px solid #4bbdff;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    border-radius: 10px;
}

.col202 {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    border: 1px solid #f9b455;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    border-radius: 10px;
}

.col201-head {
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    background-color: #4bbdff;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: center;
}



.col201-head-check {
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    background-color: #f9b455;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: center;
}

.col201-content {
    font-size: 15px;
    color: #666666;
    line-height: 28px;
    text-align: center;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

.col201-content2 {
    font-size: 15px;
    color: #666666;
    line-height: 28px;
    text-align: center;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}



.newsboxbt01 {
    border: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    background-color: #353949;
    cursor: pointer;
    height: 50px !important;
    padding-right: 20px;
    padding-left: 20px;
}

.newsboxbt02 {
    border: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    background-color: #f8931f;
    cursor: pointer;
    height: 50px !important;
    padding-right: 20px;
    padding-left: 20px;
}




.newsbox06 {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
}

.img100 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .img100 img {
        width: 100%;
        height: auto;
    }


.img101 {
    width: 100%;
}

    .img101 img {
        width: 100%;
        height: auto;
        border: 1px solid #CCCCCC;
    }

.teethline {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}


.row {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.row2 {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

.row3 {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 10px;
    margin-left: 10px;
}

.row4 {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: -15px;
}

.row5 {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 15px;
    margin-left: 0px;
}

.pn1 {
    padding-right: 5px;
    padding-left: 5px;
}





.img_box {
    height: 120px;
    border: 1px solid #ccc;
    background-color: #FFF;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.img_box2 {
    height: 180px;
    border: 1px solid #ccc;
    background-color: #FFF;
    overflow: hidden;
    display: flex;
    align-items: center;
}


.checkboxs1 {
    height: 20px;
    width: 20px;
    margin-right: 5px !important;
}

.title-add01 {
    font-size: 16px;
    line-height: 25px;
    color: #FFF;
    font-weight: bold;
}

.title-add02 {
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    font-weight: bold;
    height: 30px;
    width: 100%;
    background-color: #64c708;
    padding-left: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}

.title-add03 {
    font-size: 16px;
    line-height: 30px;
    color: #3c3c3c;
    min-height: 30px;
    width: 100%;
    background-color: #f1f1f1;
    padding-left: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    display: flex;
    align-items: center;
}

.title-add04 {
    font-size: 16px;
    line-height: 30px;
    color: #3c3c3c;
    min-height: 30px;
    width: 100%;
    background-color: #e1e1e1;
    padding-left: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    display: flex;
    align-items: center;
}




.container2 {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.container3 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.thisweektitle {
    width: 95%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 25px;
    color: #666666;
    margin-right: auto;
    margin-left: auto;
}

.teacherbox01 {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    text-align: left;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-top: 5px;
    background-color: #FFFFFF !important;
    margin-bottom: 10px;
}

.teacherbox-title01 {
    font-size: 15px;
    line-height: 25px;
    width: 100%;
    text-align: left;
    color: #666666;
    background-color: #c0e5fa !important;
    padding-left: 10px;
}

.teacherbox02 {
    font-size: 14px;
    line-height: 20px;
    width: 95%;
    text-align: left;
    color: #666666;
    margin-top: 5px;
    background-color: #FFFFFF !important;
    padding-left: 10px;
    overflow: hidden;
}



.checkboxadd1 {
    height: 15px;
    width: 15px;
    margin-left: 15px;
}


.addpadding {
    padding-left: 5px !important;
}

.addpadding2 {
    padding-right: 5px !important;
}

.pay-addwd1 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #333333;
}

.addwd1 {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
}

.addwd1-1 {
    font-size: 18px;
    line-height: 30px;
    color: #4bbdff;
    text-align: center;
}

.addwd1-2 {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.addwd2 {
    font-size: 14px;
    line-height: 25px;
    color: #FFFFFF;
    background-color: #64c708;
    margin-left: 10px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 5px;
}

.addwd3 {
    font-size: 14px;
    line-height: 25px;
    color: #333333;
    background-color: #e4f3fc;
    text-align: left;
}

.addwd4 {
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    margin-right: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #666666;
    float: left;
    margin-bottom: 1px;
}

.addwd5 {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    text-align: center;
}




.addbox1 {
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    border: 1px solid #666666;
    padding-left: 5px;
    overflow: hidden;
    height: 30px;
    margin-bottom: 5px;
}

.addbox1-1 {
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    padding-left: 5px;
    overflow: hidden;
    height: 30px;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #666666;
}


.addbox2 {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 5px;
    text-align: left;
}

.addbox3 {
    width: 120px;
    margin-right: auto;
    margin-left: auto;
}



.line-box {
    background-color: #FFFFFF;
    border: 1px solid #c4c4c4;
    height: 40px;
    width: calc(100% - 26px);
    margin-left: 18px;
    line-height: 40px;
    padding-right: 5px !important;
    padding-left: 5px !important;
    overflow: hidden;
}

.line-box1 {
    background-color: #FFFFFF;
    border: 1px solid #c4c4c4;
    height: 60px;
    width: 91.5%;
    margin-left: 20px;
    line-height: 25px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}


.line-box2 {
    background-color: #f8931f;
    height: 35px;
    width: 92.5%;
    margin-left: 18px;
    line-height: 35px;
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}

.line-box3 {
    background-color: #FFFFFF;
    border: 1px solid #c4c4c4;
    height: auto;
    width: calc(100% - 26px);
    margin-left: 18px;
    line-height: 40px;
    padding-right: 5px !important;
    padding-left: 5px !important;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 10px;
}


.line-box4 {
    background-color: #FFFFFF;
    border: 1px solid #c4c4c4;
    width: calc(100% - 26px);
    margin-left: 18px;
    padding-right: 5px !important;
    padding-left: 5px !important;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}

.line-box4-1 {
    background-color: #FFFFFF;
    width: calc(100% - 36px);
    margin-left: 18px;
    padding-right: 5px !important;
    padding-left: 5px !important;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}


.line-box5 {
    background-color: #FFFFFF;
    border: 1px solid #4bbdff;
    width: calc(100% - 26px);
    margin-left: 18px;
    padding-right: 5px !important;
    padding-left: 5px !important;
    border-radius: 10px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}

.line-box3-title {
    background-color: #4bbdff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    line-height: 30px;
    height: 30px;
    margin-right: -13px;
    margin-left: -13px;
}


.swd01 {
    line-height: 15px;
    font-size: 14px;
}

.swd01-1 {
    line-height: 25px;
    font-size: 13px;
    text-align: center;
    height: 25px;
    width: 100%;
    overflow: hidden;
}

.swd01-1-link {
    line-height: 25px;
    font-size: 13px;
    text-align: center;
    height: 25px;
    width: 100%;
    overflow: hidden;
    color: #64c708;
}

.swd01-1-rlink {
    line-height: 25px;
    font-size: 13px;
    text-align: center;
    height: 25px;
    width: 100%;
    overflow: hidden;
    color: #fc0204;
}

.swd01-2 {
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    height: 20px;
    width: 100%;
    overflow: hidden;
}

.swd01-3 {
    line-height: 20px;
    font-size: 13px;
    height: 20px;
    width: 50%;
    float: left;
}

.swd01-4 {
    line-height: 20px;
    font-size: 13px;
    height: 20px;
    width: 50%;
    float: left;
    text-align: right;
}

.swd01-5 {
    line-height: 20px;
    font-size: 15px;
    height: 20px;
    width: 50%;
    float: left;
    text-align: right;
}

.swd02 {
    line-height: 15px;
    font-size: 13px;
    color: #FFFFFF;
    background-color: #eb0404;
    padding-right: 2px;
    padding-left: 2px;
}

.swd03 {
    line-height: 15px;
    font-size: 13px;
    color: #FFFFFF;
    background-color: #64c708;
    padding-right: 2px;
    padding-left: 2px;
}

.swd04 {
    line-height: 40px;
    font-size: 18px;
    color: #4bbdff;
}

.stextbox01 {
    width: 60%;
    border: 1px solid #FFFFFF;
    text-align: center;
}

.stextbox02 {
    width: 85%;
    border: 1px solid #CCCCCC;
    line-height: 25px;
    margin-right: 5px;
}


.flex-end {
    display: flex;
    align-items: flex-end;
}

.line-box-in3 {
    width: 33.33%;
    float: left;
    font-size: 15px;
}



.line-box-in4 {
    width: 25%;
    float: left;
    font-size: 16px;
    text-align: center;
}

.line-box-in4-addwd1 {
    color: #fc0204;
}

.line-box-in4-addwd2 {
    color: #9a60c7;
}


.line-box-in4-addwd3 {
    color: #64c708;
}

.line-box-in4-addwd3-1 {
    color: #4bbdff;
}

.line-box-in4-addwd3-2 {
    color: #333333;
    line-height: 25px;
}

.line-box-in4-addwd3-3 {
    color: #fc0204;
    line-height: 25px;
}

.line-box-in4-addwd3-4 {
    color: #64c708;
    line-height: 23px;
}

.line-box-in4-addwd3-5 {
    color: #e70012;
    line-height: 23px;
}

.line-box-in4-addwd3-6 {
    color: #525252;
    line-height: 23px;
}


.line-box-in4-addwd4 {
    color: #c2fb8e;
}

.line-box-in4-addwd5 {
    color: #333333;
}

.line-box-in4-addwd6 {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 25px;
    background-color: #64c708;
    text-align: center;
    width: 100%;
}

.line-box-in4-addwd6-1 {
    color: #64c708;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}

.line-box-in4-addwd7 {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 25px;
    background-color: #fc0204;
    text-align: center;
    width: 100%;
}

.line-box-in4-addwd7-1 {
    color: #fc0204;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}


.line-box-in4-addwd8 {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 25px;
    background-color: #4bbdff;
    text-align: center;
    width: 100%;
}

.line-box-in4-addwd8-1 {
    color: #4bbdff;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}




.line-box-in5 {
    width: 50%;
    float: left;
    font-size: 14px;
    text-align: center;
}

.line-box-in5-0 {
    width: 50%;
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}

.line-box-in5-1 {
    width: 30.3%;
    float: left;
    font-size: 14px;
    text-align: center;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

.line-box-in5-2 {
    width: 70%;
    float: left;
    text-align: left;
}

.line-box-in5-3 {
    width: 30%;
    float: left;
    text-align: right;
}


.line-box-in33 {
    width: 33%;
    float: left;
    font-size: 14px;
    text-align: center;
}


.line-box-in6 {
    width: 33.33%;
    float: left;
    font-size: 12px !important;
    text-align: center;
}

.line-box-in7 {
    width: 33.33%;
    float: left;
    font-size: 14px !important;
    text-align: center;
}

.line-box-in8 {
    width: 50%;
    float: left;
    font-size: 14px !important;
}

.line-box-in9 {
    width: 100%;
    float: left;
    font-size: 16px !important;
    text-align: center;
}

.line-box-in9-1 {
    width: 100%;
    float: left;
    font-size: 15px !important;
    text-align: center;
}

.line-box-in9-2 {
    width: 100%;
    float: left;
    font-size: 15px !important;
    line-height: 22px;
    color: #FFFFFF;
    background-color: #a8d7f3;
    text-align: center;
}

.line-box-in9-3 {
    width: 33.33%;
    float: left;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center;
}

.line-box-in10 {
    width: 45%;
    float: left;
    font-size: 14px !important;
    margin-right: 4%;
    margin-left: 1%;
}

.line-box-in11 {
    width: 45%;
    float: left;
    font-size: 14px !important;
    margin-right: 1%;
    margin-left: 4%;
}

.line-box-in10-wd1 {
    width: 100%;
    font-size: 14px !important;
    color: #64c708;
    line-height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    overflow: hidden;
}

.line-box-in10-wd1-0 {
    width: 100%;
    font-size: 14px !important;
    color: #448905;
    line-height: 30px;
    overflow: hidden;
}


.line-box-in10-wd1-1 {
    width: 100%;
    font-size: 14px !important;
    color: #448905;
    line-height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    overflow: hidden;
}


.line-box-in10-wd1-2 {
    width: 100%;
    font-size: 14px !important;
    color: #666666;
    line-height: 30px;
    overflow: hidden;
}

.line-box-in10-wd1-3 {
    width: 100%;
    font-size: 14px !important;
    color: #666666;
    line-height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    overflow: hidden;
}

.line-box-in10-wd2 {
    width: 50%;
    float: left;
    text-align: left;
}

.line-box-in10-wd3 {
    width: 50%;
    float: left;
    text-align: right;
}

.line-box-in10-wd3-1 {
    width: 50%;
    float: left;
    text-align: right;
}

.line-box-in10-wd3-2 {
    width: 100%;
    text-align: right;
    line-height: 15px;
}

.line-box-in10-wd4 {
    width: 100%;
    font-size: 14px !important;
    color: #fc0204;
    line-height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    overflow: hidden;
}




.table-height th {
    line-height: 20px !important;
}

.c-wd1 {
    font-size: 12px !important;
    line-height: 20px !important;
}

.c-wd2 {
    font-size: 12px !important;
    line-height: 20px !important;
    background-color: #c8e7f9;
}

.c-wd3 {
    font-size: 12px !important;
    line-height: 16px !important;
}

.c-wd4 {
    font-size: 16px !important;
    line-height: 16px !important;
    color: #fc0204 !important;
}

.c-wd5 {
    font-size: 20px !important;
    line-height: 20px !important;
    color: #fc0204 !important;
}

.c-wd6 {
    font-size: 20px !important;
    line-height: 20px !important;
    color: #4bbdff !important;
}



.line-blue {
    width: 100%;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #4bbdff;
    height: 30px;
    line-height: 30px;
}

.line-blue-1 {
    font-size: 16px;
    color: #FFFFFF;
    float: right;
}

.line-gray {
    width: 100%;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #b3b3b3;
    height: 30px;
    line-height: 30px;
}

.title-center {
    text-align: center;
}

.bt-add01 {
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    background-color: #f8931f;
    padding-right: 20px;
    padding-left: 20px;
}

.bt-add01-1 {
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    background-color: #fd0002;
    padding-right: 5px;
    padding-left: 5px;
}


.bt-add02 {
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    background-color: #64c708;
    padding-right: 10px;
    padding-left: 10px;
}

.bt-add03 {
    border-radius: 10px;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    background-color: #4bbdff;
    width: 180px;
    margin-right: auto;
    margin-left: auto;
    line-height: 50px;
    font-weight: bold;
    height: 50px;
}

.bt-add03-1 {
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    background-color: #4bbdff;
    width: 120px;
    margin-right: auto;
    margin-left: auto;
    line-height: 40px;
    font-weight: bold;
    height: 40px;
}

.bt-add04 {
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    background-color: #4bbdff;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    line-height: 30px;
    font-weight: bold;
    height: 30px;
}


.bt-add05 {
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    background-color: #4bbdff;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    line-height: 30px;
    font-weight: bold;
    height: 30px;
}

    .bt-add05 img {
        width: 95%;
        max-height: 30px;
    }

.m-list {
    width: 50%;
    float: left;
    margin-bottom: 5px;
}

.m-list02 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.bg-blue {
    background-color: #4bbdff;
    border-radius: 0 0 0 calc(10px - 1px);
    width: 50%;
    float: left;
}


.bg-blue-1 {
    background-color: #4bbdff;
    border-radius: 0 0 0 calc(10px - 1px);
    width: 66.66%;
    float: left;
}

.bg-blue-2 {
    background-color: #4bbdff;
    border-radius: 0 0 0 calc(10px - 1px);
    width: 33.33%;
    float: left;
}

.bg-orange {
    background-color: #f8931f;
    width: 33.33%;
    float: left;
}


.bg-pink-1 {
    background-color: #e9a1c6;
    border-radius: 0 0 0 calc(10px - 1px);
    width: 66.66%;
    float: left;
}

.bg-pink-2 {
    background-color: #e9a1c6;
    border-radius: 0 0 0 calc(10px - 1px);
    width: 33.33%;
    float: left;
}

.bg-gray-1 {
    background-color: #b3b3b3;
    border-radius: 0 0 0 calc(10px - 1px);
    width: 66.66%;
    float: left;
}


.bg-gray-2 {
    background-color: #b3b3b3;
    border-radius: 0 0 0 calc(10px - 1px);
    width: 33.33%;
    float: left;
}

.list-bg1 {
    background-color: #8ccdf3;
    padding-left: 5px;
    width: 95%;
    margin-bottom: 3px;
}

.list-bg2 {
    background-color: #fab86c;
    padding-left: 5px;
    width: 95%;
    margin-bottom: 3px;
}

.list-bg3 {
    background-color: #d9d9d9;
    padding-left: 5px;
    width: 95%;
    margin-bottom: 3px;
}

.list-bg4 {
    background-color: #A2DD6C;
    padding-left: 5px;
    width: 95%;
    margin-bottom: 3px;
}

.bg-red {
    background-color: #fc0204;
    border-radius: 0 0 calc(10px - 1px) 0;
    width: 50%;
    float: left;
}

.col-65 {
    width: 65%;
    float: left;
}

.col-35 {
    width: 35%;
    float: left;
}

.col-30 {
    width: 30%;
    float: left;
    margin-left: 2%;
}


.linkbox01 {
    font-size: 15px;
    color: #ff0000;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #ff0000;
}


.linkbox02 {
    font-size: 15px;
    color: #f8931f;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #f8931f;
}


.linkbox03 {
    font-size: 15px;
    color: #9a60c7;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #9a60c7;
}

.linkbox04 {
    font-size: 15px;
    color: #64c708;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #64c708;
}

.linkbox05 {
    font-size: 15px;
    color: #4bbdff;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #4bbdff;
}

.linkbox06 {
    font-size: 15px;
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #ff0202;
    background-color: #ff0202;
}

.linkbox07 {
    font-size: 15px;
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #ff0202;
    background-color: #ff0202;
    float: right;
    line-height: 23px;
    height: 26px;
}





.bg-red-1 {
    background-color: #fc0204;
    border-radius: 0 0 calc(10px - 1px) 0;
    width: 33.33%;
    float: left;
}




.topmenu4-1 {
    width: 23%;
    margin-right: 1%;
    float: left;
}

.topmenu4-2 {
    width: 28%;
    float: left;
}

.topmenu4-3 {
    width: 49%;
    margin-right: 1%;
    float: left;
}

.topmenu4-4 {
    width: 50%;
    float: left;
}

.qaaddwd1 {
    font-size: 15px;
    color: #666666;
    line-height: 25px;
    width: 98%;
}



.addtitle {
    font-size: 18px;
    color: #FFF;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -10px;
}

.addtitle2 {
    font-size: 18px;
    color: #189cfe;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    margin-top: 10px;
}


.addtitle3 {
    font-size: 16px;
    color: #FFF;
    line-height: 30px;
    padding-left: 5px;
    background-color: #4bbdff;
    width: 100%;
}


.addtitle3-1 {
    font-size: 16px;
    color: #FFF;
    float: right;
}

.addtitle3-2 {
    font-size: 16px;
    color: #FFF;
    line-height: 30px;
    padding-left: 5px;
    background-color: #b3b3b3;
    width: 100%;
}

.addtitle4 {
    font-size: 16px;
    color: #FFF;
    line-height: 30px;
    padding-left: 5px;
    background-color: #f8931f;
    width: 100%;
}

.addtitle5 {
    font-size: 16px;
    color: #FFF;
    line-height: 30px;
    padding-left: 5px;
    background-color: #64c708;
    width: 100%;
}

.addtitle6 {
    font-size: 16px;
    color: #FFF;
    line-height: 30px;
    padding-left: 5px;
    background-color: #fc0204;
    width: 100%;
}


.imgtop5 {
    margin-top: -5px;
}



.news-content {
    width: 100%;
    margin-bottom: 15px;
}

.news-pic {
    width: 100%;
}

    .news-pic img {
        width: 100%;
        height: auto;
    }

.news-title {
    font-size: 16px;
    color: #515151;
    line-height: 30px;
    text-align: center;
}

.news-wd {
    font-size: 16px;
    color: #515151;
    line-height: 25px;
    margin-top: 5px;
}


.topmenu-style01 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 38px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #878787;
    background-color: #ffffff;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #878787;
}

.topmenu-style02 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #f8931f;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.topmenu-style03 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #63c903;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.topmenu-style03-1 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #fe0103;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.topmenu-style03-2 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #4bbdff;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.topmenu-style04 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.topmenu-style05 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #4bbdff;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}


.qawd01 {
    font-size: 15px;
    line-height: 20px;
    color: #999999;
}

.qawd02 {
    font-size: 15px;
    line-height: 25px;
    color: #999999;
    background-color: #edf8ff;
}


.checkbox01 {
    height: 25px;
    width: 25px;
    border: 1px solid #CCCCCC;
}

.checkbox02 {
    height: 20px;
    width: 20px;
    border: 1px solid #CCCCCC;
    margin-right: 2px !important;
    margin-left: 2px !important;
}

.checkbox03 {
    height: 15px;
    width: 15px;
    border: 1px solid #CCCCCC;
    margin-right: 2px !important;
    margin-left: 2px !important;
}



@media screen and (max-width : 500px) {
    .checkbox02 {
        height: 15px;
        width: 15px;
        border: 1px solid #CCCCCC;
        margin-right: 2px !important;
        margin-left: 2px !important;
    }
}

@media screen and (max-width : 430px) {
    .checkbox02 {
        height: 20px;
        width: 20px;
        border: 1px solid #CCCCCC;
        margin-right: 2px !important;
        margin-left: 2px !important;
    }
}


@media screen and (max-width : 359px) {
    .checkbox02 {
        height: 13px;
        width: 13px;
        border: 1px solid #CCCCCC;
        margin-right: 2px !important;
        margin-left: 2px !important;
    }
}


.searchicon01 {
    font-size: 20px;
}

.align-add01 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.align-add01-1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.align-add02 {
    display: flex;
    align-items: center;
}

.align-add02-1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.align-add03 {
    display: flex;
    align-items: center;
}

.align-add04 {
    display: flex;
    align-items: center;
    margin-left: 15px;
    font-size: 16px;
    margin-bottom: 10px;
}

.align-add05 {
    margin-right: 10px;
    float: left;
    width: 45%;
    font-size: 15px;
    line-height: 20px;
}

.align-add05-1 {
    margin-right: 3px;
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    background-color: #DDDDDD;
    margin-bottom: 3px;
    margin-top: 2px;
}

.align-add06 {
    display: flex;
    align-items: center;
}

.blue {
    color: #00619B;
}

.blue2 {
    color: #b7e5ff;
}

.line {
    width: 100%;
    background-image: url(../images/line.png);
    height: 20px;
}


.blank {
    width: 100%;
    height: 15px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
}


.broder01 {
    padding: 1px !important;
    line-height: 20px !important;
    font-size: 14px !important;
}

.broder02 {
    padding: 1px !important;
    line-height: 20px !important;
    font-size: 14px !important;
    text-align: left;
}

.broder03 {
    padding: 1px !important;
    line-height: 20px !important;
    font-size: 14px !important;
    color: #f8931f;
}

.broder04 {
    padding: 1px !important;
    line-height: 20px !important;
    font-size: 14px !important;
    text-align: left;
    color: #f8931f;
}

.broder05 {
    float: left;
    width: 48%;
    margin-right: 2%;
    border: 1px solid #FFFFFF;
    margin-top: 2px;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #1954c8;
}

.broder06 {
    float: left;
    width: 50%;
    border: 1px solid #FFFFFF;
    margin-top: 2px;
    background-color: #64c708;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
}


.bg-title {
    background-color: #4bbdff;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg-title2 {
    background-color: #9b9b9b;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg-title3 {
    background-color: #64c708;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg-title3-1 {
    background-color: #64c708;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
}

.bg-title3-2 {
    background-color: #a0a0a0;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
}

.bg-title3-3 {
    background-color: #fe0103;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg-title4 {
    background-color: #c0c0c0;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg-title5 {
    background-color: #f8931f;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg-title6 {
    background-color: #fb0204;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg-title7 {
    background-color: #2e96d2;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}



.red-title {
    background-color: #fe0103 !important;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}

.pink-title {
    background-color: #e4acab !important;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}




.gray-title {
    background-color: #b3b3b3;
    font-size: 14px !important;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px !important;
}

.green-title {
    background-color: #64c708;
    font-size: 15px;
    color: #2b2b2b;
    text-align: center;
}





.orange-title {
    background-color: #f8931f;
    font-size: 15px;
    color: #2b2b2b;
    text-align: center;
}

.yellow-title {
    background-color: #fbca16;
    font-size: 15px;
    color: #2b2b2b;
    text-align: center;
}

.content1 {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.bounce01 {
    width: 92%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    padding-right: 4%;
    padding-left: 4%;
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
}

.bounce01-1 {
    width: 96%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    padding-right: 2%;
    padding-left: 2%;
    background-color: #FFFFFF;
    padding-top: 5px;
    margin-right: auto;
    margin-left: auto;
}

.bounce01-2 {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    padding-top: 5px;
    margin-right: auto;
    margin-left: auto;
}

.bounce02 {
    border-radius: 20px;
    width: 50%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    padding-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
}

.bounce03 {
    width: 95%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    background-color: #FFFFFF;
}

@media screen and (max-width : 600px) {

    .bounce02 {
        border-radius: 20px;
        width: 92%;
        overflow: hidden;
        height: auto;
        margin-bottom: 15px;
        background-color: #FFFFFF;
        padding-bottom: 30px;
        margin-right: auto;
        margin-left: auto;
    }
}

.bounce02-title {
    background-color: #4bbdff;
    font-size: 18px;
    line-height: 40px;
    color: #FFFFFF !important;
    border-radius: calc(20px - 1px) calc(20px - 1px) 0 0;
    text-align: center;
}

.bounce02-inner {
    width: 96%;
    padding-right: 2%;
    padding-left: 2%;
    margin-right: auto;
    margin-left: auto;
}

.bounce02-innerwd1 {
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #666666;
    width: 100%;
    font-weight: bold;
}

.bounce02-innerwd2 {
    width: 100%;
    text-align: center;
}

.bounce02-broder {
    width: 100px;
    font-size: 18px;
    color: #666666;
    text-align: center;
    height: 30px;
    border: 1px solid #999999;
}

.bounce03-title {
    background-color: #f8931f;
    font-size: 18px;
    line-height: 40px;
    color: #FFFFFF !important;
    border-radius: calc(20px - 1px) calc(20px - 1px) 0 0;
    text-align: center;
}

.scarn-all {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

.scarn-left {
    width: 50%;
    float: left;
}






    .scarn-left img {
        width: 100%;
        float: left;
    }

.scarn-right {
    width: 50%;
    float: left;
    font-size: 16px;
    line-height: 26px;
}

.scarn-all2 {
    width: 95%;
}

    .scarn-all2 img {
        width: 100%;
        float: left;
    }

.scarn-al13 {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}


.select-left {
    width: 25%;
    float: left;
}

.select-right {
    width: 75%;
    float: left;
}

.select-right1 {
    width: 65%;
    float: left;
}

.select-right2 {
    width: 10%;
    float: left;
}


.inner3 {
    width: 100%;
    overflow: hidden;
    height: auto;
    padding-right: 3%;
    padding-left: 3%;
}





.inner3-1 {
    width: 33%;
    float: left;
    padding-right: 1px;
    padding-left: 1px;
    text-align: center;
}

.inner3-2 {
    width: 100%;
    overflow: hidden;
    height: auto;
    padding-right: 3%;
    padding-left: 3%;
    margin-bottom: 8px;
}

.inner3-3 {
    width: 100%;
    float: left;
    padding-right: 2%;
    text-align: center;
}

.inner3-4 {
    width: 100%;
    overflow: hidden;
    height: auto;
}

.inner3-wd1 {
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    color: #333333;
    background-color: #9ADAFC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    font-weight: bold;
}


.inner3-wd1-1 {
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    color: #333333;
    background-color: #ffcd56;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    font-weight: bold;
}




.inner3-wd2 {
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    color: #666666;
}

.inner3-wd3 {
    width: 100%;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #aeaeae;
    text-align: center;
}


.class-content {
    width: 90%;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

.class-content1 {
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}


.sub-menu {
    width: 96%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    padding-right: 2%;
    padding-left: 2%;
}

.sub-menu1 {
    width: 96%;
    overflow: hidden;
    height: auto;
    margin-bottom: 10px;
    padding-right: 2%;
    padding-left: 2%;
}



.sub-menu1-1 {
    width: 98%;
    overflow: hidden;
    height: auto;
    margin-bottom: 10px;
    padding-right: 1%;
    padding-left: 1%;
}



.sub-menu1-2 {
    width: calc(100% - 25px);
    height: auto;
    margin-bottom: 10px;
    padding-left: 25px;
}


.sub-menu1-3 {
    width: 98%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    padding-right: 2%;
    padding-left: 2%;
}

.sub-menu1-4 {
    width: 98%;
    overflow: hidden;
    height: auto;
    padding-right: 1%;
    padding-left: 1%;
    margin-top: 10px;
}





.class-box01 {
    width: 88%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
}

.class-box01-1 {
    width: 25%;
    float: left;
}

.class-box01-1-1 {
    width: 25%;
    float: left;
}


.class-box01-2 {
    width: 98%;
    margin-left: 2%;
}

.class-box01-3 {
    width: calc(50% - 10px);
    float: left;
    text-align: left;
    margin-left: 10px;
}

.class-box01-4 {
    width: 65%;
    float: left;
}

.class-box01-5 {
    display: flex;
    align-items: center;
}

.class-box01-6 {
    padding-left: 5px;
}



.class-box02 {
    width: 8%;
    float: left;
    margin-left: 2%;
}


.sub-menu2 {
    width: 96%;
    overflow: hidden;
    height: auto;
    padding-right: 2%;
    padding-left: 2%;
}

.sub-menu2-1 {
    width: 96%;
    overflow: hidden;
    height: auto;
    margin-bottom: 5px;
    padding-right: 2%;
    padding-left: 2%;
}

.sub-menu2-2 {
    width: 98%;
    overflow: hidden;
    height: auto;
    padding-right: 2%;
    padding-left: 2%;
}


.sub-menu3 {
    width: 98%;
    overflow: hidden;
    height: auto;
    margin-bottom: 5px;
    padding-left: 2%;
}

.sub-menu3-1 {
    width: 96%;
    overflow: hidden;
    height: auto;
    margin-bottom: 5px;
    padding-right: 2%;
    padding-left: 2%;
}

.sub-menu3-2 {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-bottom: 5px;
}

.sub-menu3-3 {
    width: 98%;
    overflow: hidden;
    height: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
}



.sub-menu4 {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    padding-right: 2%;
    padding-left: 2%;
}

.sub-menu5 {
    width: calc(100% - 125px);
    float: left;
}

.sub-menu6 {
    width: 98%;
    overflow: hidden;
    height: auto;
    margin-bottom: -10px;
    padding-right: 2%;
    padding-left: 2%;
}

.sub-menu6-1 {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-bottom: -10px;
}

.sub-menu7 {
    width: 98%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    padding-right: 2%;
    padding-left: 2%;
}

.h-menu1 {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 33%;
    height: 35px;
    line-height: 35px;
}

.h-menu1-over {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 33%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}

.h-menu2 {
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 33%;
    height: 35px;
    line-height: 35px;
}

.h-menu2-over {
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 33%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}

.h-menu3 {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 33%;
    height: 35px;
    line-height: 35px;
}

.h-menu3-over {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 33%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}


.h-menu4 {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
}

.h-menu4-over {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}

.h-menu4-1 {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #64c708;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
}

.h-menu4-1-over {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #64c708;
    background-color: #FFFFFF;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}


.h-menu5 {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
}

.h-menu5-over {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}


.h-menu5-1 {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #fc0204;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
}

.h-menu5-1-over {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #fc0204;
    background-color: #FFFFFF;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}

.h-menu6 {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
}

.h-menu6-over {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}


.h-menu7 {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
}

.h-menu7-over {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}

.h-menu8 {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 15px;
    color: #FFFFFF;
    background-color: #fc911d;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
}

.h-menu8-over {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 15px;
    color: #fc911d;
    background-color: #FFFFFF;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #fc911d;
}


.h-menu9 {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 15px;
    color: #FFFFFF;
    background-color: #fc911d;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
}

.h-menu9-over {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 15px;
    color: #fc911d;
    background-color: #FFFFFF;
    text-align: center;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #fc911d;
}



.h-menu10 {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 33%;
    height: 50px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.h-menu10-over {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 14px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 33%;
    height: 50px;
    line-height: 20px;
    border: 1px solid #4bbdff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.h-menu11 {
    float: left;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 33%;
    height: 50px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.h-menu11-over {
    float: left;
    font-size: 14px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 33%;
    height: 50px;
    line-height: 20px;
    border: 1px solid #4bbdff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.h-menu12 {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 33%;
    height: 50px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.h-menu12-over {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 14px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 33%;
    height: 50px;
    line-height: 20px;
    border: 1px solid #4bbdff;
    padding-top: 5px;
    padding-bottom: 5px;
}


.h-menu13 {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 25%;
    height: 35px;
    line-height: 35px;
}

.h-menu13-over {
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 25%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}

.h-menu14 {
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 25%;
    height: 35px;
    line-height: 35px;
}

.h-menu14-over {
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 25%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}

.h-menu15 {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 25%;
    height: 35px;
    line-height: 35px;
}

.h-menu15-over {
    border-radius: 0 calc(10px - 1px) calc(10px - 1px) 0;
    float: left;
    font-size: 16px;
    color: #4bbdff;
    background-color: #FFFFFF;
    text-align: center;
    width: 25%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #4bbdff;
}





.h-left {
    float: left;
    text-align: center;
    width: 30%;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
    padding-left: 25px;
    padding-right: 10px;
    margin-bottom: 10px;
}



.h-leftwd1 {
    font-size: 22px;
    line-height: 30px;
    color: #969696;
}

.h-leftwd2 {
    font-size: 16px;
    line-height: 25px;
    color: #969696;
}


.h-leftwd3 {
    font-size: 22px;
    line-height: 30px;
    color: #FFFFFF;
    height: 30px;
    width: 80px;
    background-color: #4cbdff;
    border-radius: 10px;
}

.h-leftwd4 {
    font-size: 22px;
    line-height: 30px;
    color: #FFFFFF;
    height: 30px;
    width: 80px;
    background-color: #fc0204;
    border-radius: 10px;
}


.h-right {
    float: left;
    width: 65%;
    padding-left: 10px;
    margin-bottom: 10px;
}

.h-rightwd1 {
    font-size: 20px;
    line-height: 30px;
    color: #383838;
}

.h-rightwd1-1 {
    font-size: 15px;
    line-height: 30px;
    color: #383838;
}



.h-rightwd2 {
    font-size: 20px;
    line-height: 25px;
    color: #4bbdff;
}

.h-rightwd2-1 {
    font-size: 20px;
    line-height: 25px;
    color: #333333;
}


.h-rightwd2-2 {
    font-size: 20px;
    line-height: 25px;
    color: #f9b455;
}

.h-rightwd2-3 {
    font-size: 20px;
    line-height: 25px;
    color: #ff0000;
}

.h-rightwd3 {
    font-size: 15px;
    line-height: 25px;
    color: #969696;
}


.right-box01 {
    font-size: 16px;
    line-height: 40px;
    color: #4bbdff;
    text-align: center;
    float: right;
}


.sub-menu5-style01 {
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    margin-left: 10px;
    line-height: 20px;
    float: left;
}

.sub-menu5-style02 {
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    margin-left: 10px;
    line-height: 20px;
    float: left;
    color: #FF0000;
}

.sub-menu5-style03 {
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    margin-left: 10px;
    line-height: 20px;
    float: left;
    color: #FFF;
    background-color: #e4acab;
    padding-right: 10px;
    padding-left: 10px;
}


.sub-menu-style01 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 95px;
    margin-right: 5px;
    float: left;
}

.sub-menu-style01-1 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    background-color: #4bbdff;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
}

.sub-menu-style01-1-1 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    background-color: #4bbdff;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
}

.sub-menu-style01-1-2 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    width: 95px;
    margin-right: 5px;
    float: left;
}


.sub-menu-style01-1-3 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    background-color: #64c708;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
}

.sub-menu-style01-1-4 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    background-color: #64c708;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
}

.sub-menu-style01-1-5 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    background-color: #4bbdff;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
}



.sub-menu-style01-2 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 115px;
    margin-right: 5px;
    float: left;
}


.sub-menu-style01-2-1 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 100%;
    margin-right: 5px;
    float: left;
}

.sub-menu-style01-2-2 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #969696;
    cursor: pointer;
    width: 100%;
    margin-right: 5px;
    float: left;
}



.sub-menu-style01-3 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #f8931f;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.sub-menu-style01-3-over {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.sub-menu-style01-4 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #f8931f;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.sub-menu-style01-5 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #64c708;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}



.sub-menu-style01-over {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #4bbdff;
    text-align: center;
    background-color: #FFF;
    cursor: pointer;
    width: 95px;
    margin-right: 5px;
    float: left;
}

.sub-menu-style01-6 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 95px;
    margin-right: 5px;
    float: left;
}

.sub-menu-style01-7 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    color: #FFFFFF;
    background-color: #f8931f;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
}

.sub-menu-style01-7-over {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    color: #FFFFFF;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
}

.sub-menu-style01-8 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    color: #FFFFFF;
    background-color: #64c708;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
    margin-left: 1px;
}

.sub-menu-style01-8-over {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    color: #FFFFFF;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
    margin-left: 1px;
}




.sub-menu-style01-9 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #63c903;
    cursor: pointer;
    width: 75px;
    margin-left: 5px;
    float: left;
}

.sub-menu-style01-9-over {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #9b9b9b;
    cursor: pointer;
    width: 75px;
    margin-left: 5px;
    float: left;
}

.sub-menu-style01-10 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #f8931f;
    cursor: pointer;
    width: 75px;
    margin-right: 5px;
    float: left;
}

.sub-menu-style01-11 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 100%;
    margin-right: 5px;
    float: left;
}

.sub-menu-style01-11-over {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 100%;
    margin-right: 5px;
    float: left;
}

.sub-menu-style01-12 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    width: 90%;
    float: right;
}

.sub-menu-style01-12-over {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 90%;
    float: right;
}

.sub-menu-style01-13 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 26px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 40%;
    margin-right: 5px;
    float: left;
}


.sub-menu-style01-13-over {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 26px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #4bbdff;
    text-align: center;
    background-color: #FFFFFF;
    cursor: pointer;
    width: 40%;
    margin-right: 5px;
    float: left;
    border: 1px solid #4bbdff;
}


.sub-menu-style01-14 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 26px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #999999;
    text-align: center;
    background-color: #FFFFFF;
    cursor: pointer;
    width: 82%;
    margin-right: 5px;
    float: left;
    border: 1px solid #999999;
}

.sub-menu-style02 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #4bbdff;
    text-align: center;
    background-color: #FFF;
    cursor: pointer;
    width: 55px;
    margin-right: 5px;
    float: left;
}

.sub-menu-style02-over {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 55px;
    margin-right: 5px;
    float: left;
}


.sub-menu-style03 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #4bbdff;
    text-align: center;
    background-color: #FFF;
    cursor: pointer;
    width: 85px;
    margin-right: 5px;
    float: left;
}


.sub-menu-style03-over {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 85px;
    margin-right: 5px;
    float: left;
}

.sub-menu-style04 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #fc911d;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
}

.sub-menu-style04-1 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #fc911d;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
    margin-top: 10px;
}

.sub-menu-style04-2 {
    border: 1px solid #666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #666666;
    background-color: #FFF;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
}

    .sub-menu-style04-2 :link {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-2 :active {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-2 :visited {
        text-decoration: none;
        color: #666666;
    }


    .sub-menu-style04-2 :hover {
        text-decoration: none;
        color: #666666;
    }

.sub-menu-style04-3 {
    border: 1px solid #666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #666666;
    text-align: center;
    background-color: #FFF;
    cursor: pointer;
    width: 95px;
    margin-right: 5px;
    float: left;
}

    .sub-menu-style04-3 :link {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-3 :active {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-3 :visited {
        text-decoration: none;
        color: #666666;
    }


    .sub-menu-style04-3 :hover {
        text-decoration: none;
        color: #666666;
    }


.sub-menu-style04-4 {
    border: 1px solid #666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #666666;
    text-align: center;
    background-color: #FFF;
    cursor: pointer;
    width: 95px;
    margin-right: 5px;
}

    .sub-menu-style04-4 :link {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-4 :active {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-4 :visited {
        text-decoration: none;
        color: #666666;
    }


    .sub-menu-style04-4 :hover {
        text-decoration: none;
        color: #666666;
    }

.sub-menu-style04-5 {
    border: 1px solid #666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #666666;
    background-color: #FFF;
    cursor: pointer;
    width: 120px;
    text-align: center;
    float: right;
}

    .sub-menu-style04-5 :link {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-5 :active {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-5 :visited {
        text-decoration: none;
        color: #666666;
    }


    .sub-menu-style04-5 :hover {
        text-decoration: none;
        color: #666666;
    }

.sub-menu-style04-6 {
    border: 1px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFF;
    background-color: #64c708;
    cursor: pointer;
    width: 70px;
    text-align: center;
    float: right;
    margin-right: 5px;
}

    .sub-menu-style04-6 :link {
        text-decoration: none;
        color: #FFF;
    }

    .sub-menu-style04-6 :active {
        text-decoration: none;
        color: #FFF;
    }

    .sub-menu-style04-6 :visited {
        text-decoration: none;
        color: #FFF;
    }


    .sub-menu-style04-6 :hover {
        text-decoration: none;
        color: #FFF;
    }


.sub-menu-style04-7 {
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #999999;
    background-color: #FFF;
    cursor: pointer;
    width: calc(100%);
    text-align: center;
}

    .sub-menu-style04-7 :link {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-7 :active {
        text-decoration: none;
        color: #666666;
    }

    .sub-menu-style04-7 :visited {
        text-decoration: none;
        color: #666666;
    }


    .sub-menu-style04-7 :hover {
        text-decoration: none;
        color: #666666;
    }

.sub-menu-style04-8 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #fc911d;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
    margin-top: 5px;
}


.sub-menu-style05 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 120px;
    margin-right: 5px;
    float: left;
}

.sub-menu-style06 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 120px;
    margin-right: auto;
    margin-left: auto;
}

.sub-menu-style06-over {
    border: 2px solid #fc0204;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #fc0204;
    cursor: pointer;
    width: 120px;
    margin-right: auto;
    margin-left: auto;
}

.sub-menu-style07 {
    border: 2px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
}

.sub-menu-style07-1 {
    border: 2px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
    margin-top: 10px;
}


.sub-menu-style07-2 {
    border: 2px solid #fc0204;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #fc0204;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
}

.sub-menu-style07-3 {
    border: 2px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
}

.sub-menu-style07-4 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 25px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
    margin-top: 10px;
}

.sub-menu-style07-4-1 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 25px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
}

.sub-menu-style07-5 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 25px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    padding-right: 10px;
    padding-left: 10px;
}

.sub-menu-style07-6 {
    border: 2px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    width: 150px;
}


.sub-menu-style07-7 {
    border: 2px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 25px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    width: 70px;
    display: inline-block
}




.sub-menu-style08 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    background-color: #fc0204;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
}

.sub-menu-style09 {
    border: 2px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    width: 120px;
}

.sub-menu-style09-1 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 130px;
}

.sub-menu-style09-2 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #fc0204;
    cursor: pointer;
    width: 120px;
}


.sub-menu-style09-2-1 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    width: 130px;
}



.sub-menu-style09-3 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 120px;
}

.sub-menu-style09-3-1 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-left: 10px;
}


    .sub-menu-style09-3-1 :link {
        text-decoration: none;
        color: #FFFFFF !important;
    }

    .sub-menu-style09-3-1 :active {
        text-decoration: none;
        color: #FFFFFF !important;
    }

    .sub-menu-style09-3-1 :visited {
        text-decoration: none;
        color: #FFFFFF !important;
    }

    .sub-menu-style09-3-1 :hover {
        text-decoration: none;
        color: #FFFFFF !important;
    }


.sub-menu-style09-3-2 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 150px;
}



.sub-menu-style09-4 {
    border: 2px solid #fc0204;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #fc0204;
    cursor: pointer;
    width: 120px;
}

.sub-menu-style09-5 {
    border: 2px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    width: 100%;
}

.sub-menu-style09-5-1 {
    border: 2px solid #fe0103;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #fe0103;
    cursor: pointer;
    margin-right: 5px;
    padding-right: 5px;
    padding-left: 5px;
    width: 90px;
    float: left;
}


.sub-menu-style09-5-2 {
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    color: #333333;
    width: calc(100% - 95px);
    float: left;
    padding-top: 3px;
}

.sub-menu-style09-6 {
    border: 2px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    width: 120px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.sub-menu-style09-6-1 {
    border: 2px solid #e70012;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #e70012;
    cursor: pointer;
    width: 120px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.sub-menu-style09-7 {
    border: 1px solid #222222;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #222222;
    text-align: center;
    background-color: #FFF;
    cursor: pointer;
    width: 120px;
    margin-right: auto;
    margin-left: auto;
}



.sub-menu-style10 {
    border: 2px solid #b3b3b3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 120px;
}

.sub-menu-style10-1 {
    border: 1px solid #afafaf;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #383838;
    text-align: center;
    background-color: #ffffff;
    cursor: pointer;
    width: 120px;
    margin-bottom: 10px;
}

.sub-menu-style10-2 {
    border: 2px solid #b3b3b3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 100%;
}

.sub-menu-style10-3 {
    border: 2px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    width: 100%;
}

.sub-menu-style10-4 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 100%;
}

.sub-menu-style10-4-1 {
    border: 2px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.sub-menu-style10-4-2 {
    border: 2px solid #fc0204;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #fc0204;
    cursor: pointer;
    width: 100%;
}

.sub-menu-style10-5 {
    border: 1px solid #9960c7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background-color: #9960c7;
    cursor: pointer;
    width: 120px;
    margin-bottom: 10px;
}




.sub-menu-style10-6 {
    border: 1px solid #4bbdff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background-color: #4bbdff;
    cursor: pointer;
    width: 120px;
    margin-bottom: 10px;
}

.sub-menu-style10-7 {
    border: 1px solid #b3b3b3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background-color: #b3b3b3;
    cursor: pointer;
    width: 120px;
    margin-bottom: 10px;
}

.sub-menu-style10-8 {
    border: 1px solid #64c708;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background-color: #64c708;
    cursor: pointer;
    width: 120px;
    margin-bottom: 10px;
}


.sub-menu-style11 {
    border: 2px solid #fc0b06;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #fc0b06;
    cursor: pointer;
    width: 120px;
}






.sub-menu-style11-1 {
    border: 2px solid #f8931f;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #f8931f;
    cursor: pointer;
    width: 130px;
}


.sub-menu-style11-2 {
    border: 2px solid #fc0b06;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #fc0b06;
    cursor: pointer;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}


.sub-menu-style11-3 {
    border: 2px solid #fbca16;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #2b2b2b;
    text-align: center;
    background-color: #fbca16;
    cursor: pointer;
    width: 130px;
}

.sub-menu-style12 {
    border: 2px solid #fc911d;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 30px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    background-color: #fc911d;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
}

.sub-menu-style13 {
    border: 1px solid #666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 35px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #666666;
    background-color: #FFF;
    cursor: pointer;
    width: calc(100% - 10px);
    text-align: center;
    float: left;
}

.sub-menu-style13-1 {
    border: 1px solid #929191;
    line-height: 25px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #666666;
    background-color: #FFF;
    cursor: pointer;
    width: 80px;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}

.sub-menu-style13-2 {
    border: 1px solid #929191;
    line-height: 27px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    color: #666666;
    background-color: #FFF;
    cursor: pointer;
    width: calc(100% - 30px);
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.sub-menu-style13-4 {
    border: 1px solid #666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 35px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    color: #666666;
    background-color: #FFF;
    cursor: pointer;
    width: 100px;
    text-align: center;
    float: left;
}

.sub-menu-style13-5 {
    border: 1px solid #666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 35px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    color: #666666;
    background-color: #FFF;
    cursor: pointer;
    width: 80px;
    text-align: center;
    float: left;
    margin-right: 5px;
}

.sub-menu-style13-6 {
    border: 1px solid #999999;
    line-height: 21px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 14px;
    color: #666666;
    background-color: #FFF;
    cursor: pointer;
    width: 90px;
    text-align: center;
    float: left;
    margin-right: 5px;
}




.sub-menu-style14 {
    border: 1px solid #666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 15px;
    color: #666666;
    background-color: #FFF;
    cursor: pointer;
    width: 150px;
    text-align: center;
    float: left;
}


.select-type1 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 16px;
    line-height: 40px;
    color: #666666;
    margin-right: 5px;
}

.select-type2 {
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    border: 1px solid #999999;
    background-color: #FFFFFF;
}

.select-type3 {
    font-size: 15px;
    line-height: 20px;
    color: #666666;
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    width: 60px;
}

.select-type4 {
    font-size: 15px;
    line-height: 20px;
    color: #666666;
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    width: 200px;
}


.select-type5 {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    font: Arial, Helvetica, sans-serif !important;
}



.pay-box1 {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background-color: #4fbfff;
}

.pay-box2 {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background-color: #e70012;
}

.pay-box3 {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #4fbfff;
}

.pay-box4 {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background-color: #ebeef5;
}

.pay-title {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
}

.pay-title1-1 {
    font-size: 16px;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    background-color: #4fbfff;
}

.pay-title2 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    background-color: #c0c0c0;
    font-weight: bold;
    width: 95%;
    margin-bottom: 10px;
}

.pay-title3 {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    width: 95%;
    margin-bottom: 10px;
}

.pay-title4 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    background-color: #c0c0c0;
    font-weight: bold;
    width: 95%;
    margin-bottom: 5px;
}

.pay-title4-1 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    background-color: #b3b3b3;
    font-weight: bold;
    width: 95%;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
}

.pay-title4-2 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    background-color: #64c708;
    font-weight: bold;
    width: 95%;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
}

.pay-title4-3 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    background-color: #f8931f;
    font-weight: bold;
    width: 95%;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
}

.pay-title4-4 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    background-color: #4bbdff;
    font-weight: bold;
    width: 95%;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
}

.pay-title5 {
    font-size: 16px;
    color: #666666;
    line-height: 25px;
    width: 95%;
    margin-bottom: 10px;
}

.pay-textbox {
    font-size: 16px;
    color: #4fbfff;
    line-height: 25px;
    width: 100%;
    text-align: center;
    border: 1px solid #4fbfff;
}

.pay-textbox2 {
    font-size: 16px;
    color: #e70012;
    line-height: 25px;
    width: 100%;
    text-align: center;
    border: 1px solid #e70012;
}

.pay-textbox3 {
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    width: 60px;
    text-align: center;
    border: 1px solid #808080;
    margin-left: 5px;
}

.pay-textbox4 {
    font-size: 13px;
    color: #666666 !important;
    line-height: 20px;
    width: 110%;
    text-align: center;
    border: 1px solid #4fbfff;
    margin-left: -5px;
}

.pay-textbox4-1 {
    font-size: 12px;
    color: #666666 !important;
    line-height: 20px;
    width: 100px;
    text-align: center;
    border: 1px solid #4fbfff;
}

.pay-textbox4-2 {
    font-size: 12px;
    color: #666666 !important;
    line-height: 20px;
    width: 100%;
    text-align: center;
    border: 1px solid #4fbfff;
    background-color: #FFFFFF;
}

.pay-textbox5 {
    font-size: 14px;
    color: #666666 !important;
    line-height: 20px;
    width: 100%;
    text-align: center;
    border: 1px solid #4fbfff;
}

.textbox-height {
    height: 30px;
}


.time-textbox {
    font-size: 13px;
    color: #666666;
    line-height: 25px;
    width: 80px;
    padding-left: 3px;
    border: 0px solid #4fbfff;
}

.time-textbox1 {
    font-size: 13px;
    color: #666666;
    line-height: 25px;
    width: 40px;
    padding-left: 3px;
    border: 0px solid #4fbfff;
}

.time-textbox2 {
    font-size: 15px;
    color: #64c708;
    line-height: 25px;
    width: 140px;
    padding-left: 3px;
    border: 0px solid #4fbfff;
}


.pay-search {
    font-size: 35px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
}

.pay-search2 {
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
}

.pay-search3 {
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
}

.pay-search4 {
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 90px;
    vertical-align: middle;
}

.money-textbox {
    font-size: 16px;
    color: #4fbfff;
    line-height: 25px;
    text-align: center;
    border: 1px solid #4fbfff;
    width: 80px;
}

.order-textbox1 {
    font-size: 15px;
    line-height: 25px;
    width: 95%;
    text-align: center;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF !important;
}

.order-textbox1-1 {
    font-size: 15px;
    line-height: 25px;
    width: 95%;
    text-align: center;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF !important;
    color: #FF0000;
}

.order-textbox1-2 {
    font-size: 15px;
    line-height: 20px;
    width: 100%;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF !important;
}

.order-textbox1-3 {
    font-size: 15px;
    line-height: 25px;
    width: 95%;
    text-align: center;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF !important;
    color: #f9b455;
}

.order-textbox2 {
    font-size: 16px;
    line-height: 30px;
    width: 95%;
    text-align: center;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
}

.order-textbox2-1 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 110px;
    padding-left: 10px;
    height: 28px;
}

.order-textbox2-1-1 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 120px;
    padding-left: 10px;
    height: 28px;
}



.order-textbox2-1-2 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 200px;
    padding-left: 10px;
    height: 28px;
}

.order-textbox2-1-3 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #929191;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 80px;
    padding-left: 10px;
    height: 28px;
}

.order-textbox2-1-4 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: calc(100% - 82px);
    padding-left: 10px;
    height: 28px;
    margin-bottom: 10px;
}

.order-textbox2-1-4-1 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 120px;
    padding-left: 10px;
    height: 28px;
    margin-bottom: 10px;
}

.order-textbox2-1-4-2 {
    font-size: 15px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: calc(100% - 82px);
    padding-left: 5px;
    height: 28px;
    margin-bottom: 10px;
}

.order-textbox2-1-5 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #929191;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 150px;
    padding-left: 10px;
    height: 28px;
}

.order-textbox2-1-6 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #d2d2d2;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 150px;
    padding-left: 10px;
    height: 28px;
}

.order-textbox2-1-7 {
    font-size: 15px;
    line-height: 25px;
    border: 1px solid #d2d2d2;
    color: #666666;
    background-color: #FFFFFF !important;
    padding-left: 5px;
    height: 28px;
}


.order-textbox2-2 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: calc(100% - 80px);
}

.order-textbox2-3 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: center;
    width: 100%;
    line-height: 25px;
}





.order-textbox2-3-1 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #FFF;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: center;
    width: 80%;
    line-height: 25px;
}

.order-textbox2-3-2 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #FFF;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 85%;
    line-height: 25px;
}

.order-textbox2-3-3 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #FFF;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 95%;
    line-height: 25px;
}

.order-textbox2-3-4 {
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: center;
    width: 95%;
    line-height: 20px;
}

.order-textbox2-3-5 {
    font-size: 15px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: center;
    width: 100%;
    line-height: 25px;
}

.order-textbox2-3-6 {
    font-size: 15px;
    line-height: 23px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: center;
    width: 100%;
    line-height: 23px;
    margin-top: 2px;
}

.order-textbox2-3-7 {
    font-size: 15px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 100px;
    line-height: 20px;
    margin-top: 2px;
}

.order-textbox2-3-8 {
    font-size: 15px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 80px;
    line-height: 20px;
    margin-top: 2px;
}

.order-textbox2-3-9 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 100%;
    line-height: 23px;
    margin-top: 2px;
}

.order-textbox2-3-10 {
    font-size: 15px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: center;
    width: 100%;
    line-height: 25px;
    margin-top: 2px;
}


.order-textbox2-4 {
    font-size: 16px;
    line-height: 23px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 100%;
    text-align: center;
    margin-top: 2px;
}

.order-textbox2-4-1 {
    font-size: 16px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: center;
    width: 100%;
    line-height: 25px;
    height: 25px;
}

.order-textbox2-5 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: calc(33.33% - 5px);
    margin-right: 5px;
    text-align: center;
}

.order-textbox2-6 {
    width: calc(50% - 5px);
    margin-right: 5px;
    float: left;
}

.order-textbox2-6-1 {
    width: calc(50% - 15px);
    margin-right: 15px;
    float: left;
}

.order-textbox2-6-1-1 {
    width: calc(50% );
    margin-right: 0px;
    float: left;
    text-align: right;
}

.order-textbox2-6-2 {
    width: calc(60% - 5px);
    margin-right: 5px;
    float: left;
}


.order-textbox2-6-3 {
    width: calc(40% - 5px);
    margin-right: 5px;
    float: left;
}

.order-textbox2-7 {
    width: calc(50% );
    float: left;
}

.order-textbox2-7-1 {
    width: 100%;
    float: left;
}


.order-textbox2-8 {
    width: calc(50% - 15px);
    margin-left: 15px;
    float: left;
}

.order-textbox2-9 {
    width: calc(50% - 15px);
    margin-right: 15px;
    float: left;
}

.order-textbox2-10 {
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 100px;
    padding-left: 10px;
    height: 28px;
}

.order-textbox2-10-1 {
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 100px;
    padding-left: 10px;
    height: 28px;
}

.order-textbox2-11 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: calc(100% - 40px);
}

.order-textbox2-12 {
    width: calc(33% - 5px);
    margin-right: 5px;
    float: left;
}

.order-textbox2-13 {
    width: calc(33% );
    float: left;
}

.order-textbox2-13-1 {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.order-textbox2-14 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100%;
    line-height: 25px;
    padding-left: 5px;
}

.order-textbox2-15 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100%;
    line-height: 20px;
    padding-left: 5px;
}

.order-textbox2-15-1 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100%;
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.order-textbox2-15-2 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 70%;
    line-height: 20px;
    padding-left: 5px;
}

.order-textbox2-16 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100%;
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.order-textbox2-17 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: calc(100% - 40px);
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.order-textbox2-18 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 93%;
    line-height: 20px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.order-textbox2-19 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 150px;
    line-height: 22px;
    padding-left: 5px;
}

.order-textbox2-20 {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100px;
    line-height: 22px;
    padding-left: 5px;
    margin-right: 5px;
}


.order-textbox2-21 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: calc(100% - 20px);
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.order-textbox2-22 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: calc(100% - 65px);
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.order-textbox2-23 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100px;
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.order-textbox2-24 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: calc(40% - 5px);
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.order-textbox2-25 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: calc(55% - 5px);
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.order-textbox2-26 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: calc(100% - 50px);
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.order-textbox2-27 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: calc(100% - 100px);
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.order-textbox2-28 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100px;
    line-height: 20px;
    padding-left: 5px;
}

.order-textbox2-28-1 {
    font-size: 14px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 40px;
    line-height: 15px;
    padding-left: 5px;
    margin-right: 2px;
    margin-left: 2px;
}

.order-textbox2-29 {
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 90px;
    padding-left: 10px;
    height: 28px;
}



.order-textbox3 {
    font-size: 16px;
    line-height: 25px;
    width: 95%;
    text-align: left;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-top: 5px;
    background-color: #FFFFFF !important;
}

.order-textbox3-1 {
    font-size: 16px;
    line-height: 25px;
    width: 95%;
    text-align: left;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-top: 5px;
    background-color: #FFFFFF !important;
}

.order-textbox3-2 {
    font-size: 15px;
    line-height: 23px;
    width: 95%;
    text-align: left;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-top: 5px;
    background-color: #FFFFFF !important;
    height: 80px;
    white-space: pre-line;
    padding-left: 10px;
}

.order-textbox3-3 {
    font-size: 15px;
    line-height: 23px;
    width: 95%;
    text-align: left;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-top: 5px;
    background-color: #FFFFFF !important;
    height: 80px;
    white-space: pre-line;
    padding-left: 10px;
}

.order-textbox3-4 {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    text-align: left;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-top: 5px;
    background-color: #FFFFFF !important;
}

.order-textbox3-5 {
    font-size: 15px;
    line-height: 23px;
    width: 95%;
    text-align: left;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
}

.order-textbox4 {
    font-size: 15px;
    line-height: 25px;
    width: 95%;
    text-align: center;
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC !important;
}


.box01 {
    width: calc(48% - 5px);
    margin-right: 5px;
    float: left;
}



.box-wd-center {
    text-align: center;
}



.box02 {
    width: calc(52% );
    float: left;
}




.box01-1 {
    width: calc(35% - 5px);
    margin-right: 5px;
    float: left;
}


.box01-2 {
    width: 100%;
    float: left;
    margin-top: 5px;
}


.box02-1 {
    width: calc(65% );
    float: left;
}


.box02-inner {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 100%;
    text-align: center;
}

.box03 {
    width: calc(100% - 5px );
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.box03-inner {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 100%;
    text-align: center;
}



.box03-1 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}


.box04 {
    width: calc(25% - 5px);
    margin-right: 5px;
    float: left;
}

.box04-1 {
    width: calc(25% - 5px);
    margin-right: 5px;
    float: left;
}

.box04-1-1 {
    width: calc(25% - 10px);
    margin-right: 5px;
    float: left;
}

.box04-1-2 {
    width: 18px;
    margin-right: 2px;
    float: left;
}

.box04-1-3 {
    width: 18px;
    margin-right: auto;
    margin-left: auto;
}

.box04-2 {
    width: 25%;
    float: left;
}


.box05 {
    width: calc(75% );
    float: left;
}

.box06 {
    width: calc(50% - 5px);
    margin-right: 5px;
    float: left;
}

.box07 {
    width: 100%;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.box07-1 {
    width: 100%;
    float: left;
    margin-right: 5px;
}

.box08 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

.box08-inner {
    font-size: 16px;
    line-height: 25px;
    color: #666666;
    width: 100%;
}

.box08-inner2 {
    font-size: 20px;
    line-height: 25px;
    color: #666666;
    width: 100%;
    padding-left: 10px;
}

.box08-inner3 {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    width: 100%;
}

.box09 {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.box09-1 {
    width: calc(100% - 25px);
    float: left;
    margin-left: 25px;
    display: flex;
    align-items: center;
}

.box09-inner {
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 100%;
}

.box010-inner {
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
}

.box011-inner {
    font-size: 15px;
    line-height: 21px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    width: calc(100% - 60px);
    text-align: center;
    margin-right: 5px;
}


.box12 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.box12-1 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1pt solid #DFDFDF;
    padding: 3px;
}

    .box12-1 img {
        width: 90%;
        height: auto;
    }




.box12-2 {
    width: 100%;
    border: 1pt solid #DFDFDF;
    background-color: #E7E7E7;
    height: 120px;
}

.box12-3 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 2pt dotted #DFDFDF;
    padding: 3px;
}

.box12-4 {
    width: 100%;
    border: 1pt solid #DFDFDF;
    background-color: #E7E7E7;
    height: 160px;
}

.box12-5 {
    width: 100%;
    margin-bottom: 5px;
    border: 1pt solid #DFDFDF;
    padding: 3px;
}


.box12-6 {
    width: 100%;
}

    .box12-6 img {
        width: 90%;
        height: auto;
    }

.box12-7 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.box13 {
    width: 30.3%;
    margin-bottom: 10px;
    float: left;
    margin-right: 1.5%;
    margin-left: 1.5%;
    position: relative;
}

.box14 {
    width: 100%;
    margin-top: 10px;
    float: left;
}

.box15 {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.box15-1 {
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
}

    .box15-1 img {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

.box15-2 {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

.box15-3 {
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.box15-4 {
    width: 100%;
    overflow: hidden;
}

.box15-5 {
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
}

    .box15-5 img {
        width: 20px;
        height: 20px;
    }

.box16 {
    width: 25px;
    float: left;
}

.box17 {
    width: calc(100% - 25px);
    float: left;
}

.box17-1 {
    width: 100%;
    float: left;
}

.box18 {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}

.box19 {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.box20 {
    width: 50%;
    float: left;
}

.box21 {
    width: 24%;
    margin-right: 1%;
    float: left;
}

.box21-1 {
    margin-right: 5px;
    float: left;
}

.box21-2 {
    width: 100%;
    float: left;
}

    .box21-2 img {
        width: auto !important;
    }

.box21-3 {
    width: calc(50% - 5px);
    margin-right: 5px;
    float: left;
}

.box21-4 {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    letter-spacing: 1px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

.box21-5 {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    letter-spacing: 1px;
}

.box22 {
    width: 20%;
    margin-right: 1%;
    float: left;
}

.box22-1 {
    width: 25%;
    margin-right: 1%;
    float: left;
}

.box23 {
    width: 8%;
    float: left;
}

.box23-1 {
    width: 91%;
    margin-right: 1%;
    float: left;
}

.box24 {
    width: 29%;
    margin-right: 1%;
    float: left;
}

.box24-1 {
    width: 61%;
    margin-right: 1%;
    float: left;
}

.box25 {
    width: 30%;
    margin-right: 0.6%;
    float: left;
}

.box25-1 {
    width: 33%;
    margin-right: 0.3%;
    float: left;
}

    .box25-1 img {
        width: 100%;
        height: auto;
        border: 1px solid #CCCCCC;
        margin-bottom: 10px;
    }

.box25-2 {
    width: 66%;
    margin-right: 0.3%;
    float: left;
}

.box26 {
    width: 45%;
    margin-right: 1%;
    float: left;
}

.box26-1 {
    width: 41%;
    margin-right: 1%;
    float: left;
}

.box27 {
    width: 91%;
    margin-right: 1%;
    float: left;
}

.box28 {
    width: 60%;
    margin-right: 2%;
    float: left;
}


    .box28 img {
        width: 100%;
        height: auto;
    }

.box29 {
    width: 38%;
    float: left;
}

.box30 {
    width: 43%;
    margin-right: 2%;
    float: left;
}

.box31 {
    width: 55%;
    float: left;
}



.order-wd1 {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}

.box-100 {
    width: 100%;
}

.box-40 {
    float: left;
    width: 40%;
}

.box-20 {
    float: left;
    width: 20%;
}

.box-45 {
    float: left;
    width: 40%;
}

.buttom-add01 {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    background-color: #f8931f;
    border-radius: 50px;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #f8931f;
    margin-top: 5px;
    margin-bottom: 5px;
}

.buttom-add02 {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    background-color: #f8931f;
    border-radius: 50px;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #f8931f;
    float: left;
    height: 28px;
    width: 100%;
    margin-top: 10px;
}

.buttom-add03 {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    background-color: #fb0101;
    border-radius: 50px;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #fb0101;
    float: left;
    height: 28px;
    width: 100%;
    margin-top: 10px;
}

.buttom-add04 {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    background-color: #64c708;
    border-radius: 50px;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #64c708;
    float: left;
    height: 28px;
    width: 100%;
    margin-top: 10px;
}

.buttom-add05 {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    background-color: #b3b3b3;
    border-radius: 50px;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #b3b3b3;
    float: left;
    height: 28px;
    width: 100%;
    margin-top: 10px;
}

.cancel-bt {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    background-color: #fc0204;
    border-radius: 100px;
    width: 25px;
    color: #FFFFFF;
    cursor: pointer;
}

    .cancel-bt :link {
        text-decoration: none !important;
        color: #FFFFFF !important;
    }

.fs-14 {
    font-size: 3.5vmin;
}

.student-quiz-list {
    width: 75%;
    float: left;
    padding: 0 16px 0 16px;
}
/* 顏色按鈕整理 */
.green-btn {
    display: block;
    color: #ffffff;
    background-color: #64c708;
    padding: 4px 32px;
    border-radius: 8px;
    text-align: center;
}

.blue-btn {
    display: block;
    color: #ffffff;
    background-color: #4dbeff;
    padding: 4px 32px;
    border-radius: 8px;
    text-align: center;
}

.red-btn {
    display: block;
    color: #ffffff;
    background-color: #fc0204;
    padding: 4px 32px;
    border-radius: 8px;
    text-align: center;
}

.cancel-bt :active {
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.cancel-bt :visited {
    text-decoration: none !important;
    color: #FFFFFF !important;
}


.cancel-bt :hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.cancel-bt1 {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background-color: #fc0204;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    margin-top: 3px;
}

.cancel-bt2 {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background-color: #fc0204;
    border-radius: 100px;
    width: 20px;
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 3px;
}

    .cancel-bt2 :link {
        text-decoration: none !important;
        color: #FFFFFF !important;
    }

    .cancel-bt2 :active {
        text-decoration: none !important;
        color: #FFFFFF !important;
    }

    .cancel-bt2 :visited {
        text-decoration: none !important;
        color: #FFFFFF !important;
    }


    .cancel-bt2 :hover {
        color: #FFFFFF !important;
        text-decoration: none !important;
    }




.reset-bt {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    background-color: #fc0204;
    border-radius: 20px;
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.record-bt {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    background-color: #64c708;
    border-radius: 100px;
    width: 25px;
    color: #FFFFFF;
    cursor: pointer;
}

    .record-bt :link {
        text-decoration: none !important;
        color: #FFFFFF !important;
    }

    .record-bt :active {
        text-decoration: none !important;
        color: #FFFFFF !important;
    }

    .record-bt :visited {
        text-decoration: none !important;
        color: #FFFFFF !important;
    }


    .record-bt :hover {
        color: #FFFFFF !important;
        text-decoration: none !important;
    }


.pa-5 {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.pa-5-1 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pa-51 {
    padding-right: 3px !important;
    padding-left: 10px !important;
}


.pa-10 {
    padding-right: 0px !important;
    padding-left: 13px !important;
}

.pa-15 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.pa-20 {
    padding-right: 8px !important;
    padding-left: 16px !important;
}

.pa-25 {
    padding-right: 8px !important;
    padding-left: 10px !important;
}

.pa-30 {
    padding-right: 25px !important;
    padding-left: 10px !important;
}

.pa-35 {
    padding-right: 0px !important;
    padding-left: 5px !important;
}

.pa-40 {
    padding-right: 6px !important;
    padding-left: 30px !important;
}

.pa-45 {
    padding-right: 5px !important;
    padding-left: 25px !important;
}


.pa-50 {
    padding-right: 8px !important;
    padding-left: 2px !important;
}

.pt-10 {
    margin-top: 10px;
}

.pt-10-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pb-5 {
    margin-bottom: 5px;
    overflow: hidden;
}

.pb-10 {
    margin-bottom: 10px;
}

.pb-15 {
    margin-bottom: 15px;
    overflow: hidden;
}

.pl-0 {
    text-align: right;
}

.pt-8 {
    margin-top: 8px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.red-wd {
    color: #e70012;
}

.red-wd-1 {
    color: #c90606;
}

.blue-wd {
    color: #4bbdff;
}

.blue-wd-1 {
    color: #FFFFFF;
    background-color: #4bbdff;
    padding-left: 5px;
}

.blue-wd-2 {
    color: #4bbdff;
    font-size: 18px;
}

.blue-wd-3 {
    color: #4bbdff;
    font-size: 16px;
    line-height: 30px;
}


.green-wd {
    color: #63c903 !important;
}

.green-wd-1 {
    color: #FFFFFF;
    background-color: #63c903;
    padding-left: 5px;
}

.orange-wd {
    color: #F89D23;
}


.maincontent {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
}

.maincontent2 {
    width: 100%;
    overflow: hidden;
    height: auto;
    padding-top: 5px;
}

.maincontent3 {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.maincontent4 {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    margin-top: 120px;
}

.icon-add01 {
    background-image: url(../images/icon01.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    height: 25px;
}

.icon-add02 {
    background-image: url(../images/icon02.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    height: 25px;
}


.icon-add03 {
    background-image: url(../images/icon01-1.png);
    background-repeat: no-repeat;
    padding-left: 32px;
    height: 30px;
    display: block;
}

.icon-add04 {
    background-image: url(../images/icon02-1.png);
    background-repeat: no-repeat;
    padding-left: 32px;
    height: 30px;
    display: block;
}

.icon-add04-1 {
    background-image: url(../images/icon03-1.png);
    background-repeat: no-repeat;
    padding-left: 32px;
    height: 30px;
    display: block;
}


.icon-add05 {
    background-image: url(../images/icon01-2.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    height: 25px;
}

.icon-add06 {
    background-image: url(../images/icon02-2.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    height: 25px;
}

.icon-add07 {
    margin-left: 10px;
}

.icon-add07wd {
    margin-left: 10px;
    font-size: 22px;
    color: #666666;
    background-color: #FFFFFF;
}

    .icon-add07wd :link {
        text-decoration: none;
        color: #666666;
    }

    .icon-add07wd :active {
        text-decoration: none;
        color: #666666;
    }

    .icon-add07wd :visited {
        text-decoration: none;
        color: #666666;
    }


    .icon-add07wd :hover {
        color: #666666;
        text-decoration: none;
    }


.icon-add07wd-1 {
    margin-left: 10px;
    font-size: 22px;
    color: #666666;
}


.icon-add08 {
    margin-left: 5px;
    color: #4bbdff;
    font-size: 20px;
    background-color: #FFFFFF;
}

    .icon-add08 :link {
        text-decoration: none;
        color: #4bbdff;
    }

    .icon-add08 :active {
        text-decoration: none;
        color: #4bbdff;
    }

    .icon-add08 :visited {
        text-decoration: none;
        color: #4bbdff;
    }


    .icon-add08 :hover {
        color: #4bbdff;
        text-decoration: none;
    }



.icon-add08-1 {
    margin-left: 5px;
    color: #4bbdff;
    font-size: 20px;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}

    .icon-add08-1 :link {
        text-decoration: none;
        color: #4bbdff;
    }

    .icon-add08-1 :active {
        text-decoration: none;
        color: #4bbdff;
    }

    .icon-add08-1 :visited {
        text-decoration: none;
        color: #4bbdff;
    }


    .icon-add08-1 :hover {
        color: #4bbdff;
        text-decoration: none;
    }

.icon-add08-2 {
    margin-left: 5px;
    color: #63c50f;
    font-size: 20px;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}

    .icon-add08-2 :link {
        text-decoration: none;
        color: #63c50f;
    }

    .icon-add08-2 :active {
        text-decoration: none;
        color: #63c50f;
    }

    .icon-add08-2 :visited {
        text-decoration: none;
        color: #63c50f;
    }


    .icon-add08-2 :hover {
        color: #63c50f;
        text-decoration: none;
    }




.icon-add09 {
    margin-left: 5px;
    color: #fc0204;
    font-size: 20px;
    background-color: #FFFFFF;
}


    .icon-add09 :link {
        text-decoration: none;
        color: #fc0204;
    }

    .icon-add09 :active {
        text-decoration: none;
        color: #fc0204;
    }

    .icon-add09 :visited {
        text-decoration: none;
        color: #fc0204;
    }


    .icon-add09 :hover {
        color: #fc0204;
        text-decoration: none;
    }





.icon-add10 {
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #6fba2c;
    padding-right: 7px;
    padding-left: 7px;
    margin-right: 5px;
}

.icon-add11 {
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #f8931f;
    padding-right: 7px;
    padding-left: 7px;
    margin-right: 5px;
}

.icon-add12 {
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #b3b3b3;
    padding-right: 7px;
    padding-left: 7px;
    margin-right: 5px;
}

.icon-add13 {
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #fc0204;
    padding-right: 7px;
    padding-left: 7px;
    margin-right: 5px;
}

.icon-add14 {
    font-size: 20px;
    color: #64c708;
    padding-top: 5px;
}

.icon-add15 {
    font-size: 19px;
    color: #fc0b06;
    padding-top: 5px;
}

.icon-add16 {
    color: #4bbdff;
    font-size: 25px;
    background-color: #FFFFFF;
}

    .icon-add16 :link {
        text-decoration: none;
        color: #4bbdff;
    }

    .icon-add16 :active {
        text-decoration: none;
        color: #4bbdff;
    }

    .icon-add16 :visited {
        text-decoration: none;
        color: #4bbdff;
    }


    .icon-add16 :hover {
        color: #4bbdff;
        text-decoration: none;
    }



.icon-add17 {
    color: #4bbdff;
    font-size: 25px;
    background-color: #FFFFFF;
    margin-top: 3px;
}

.icon-add16 :link {
    text-decoration: none;
    color: #4bbdff;
}

.icon-add16 :active {
    text-decoration: none;
    color: #4bbdff;
}

.icon-add16 :visited {
    text-decoration: none;
    color: #4bbdff;
}


.icon-add16 :hover {
    color: #4bbdff;
    text-decoration: none;
}


.borderbox01 {
    border: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    background-color: #FFFFFF;
    width: 85%;
    margin-bottom: 15px;
    box-shadow: 0px 0px 12px #b2d6fa;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2%;
    padding-right: 5%;
    padding-bottom: 2%;
    padding-left: 5%;
}

.borderbox01-wd1 {
    font-size: 16px;
    line-height: 35px;
    color: #333333;
    font-weight: bold;
    padding-left: 15px;
    width: 230px;
    /*white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;*/
}






.borderbox01-wd1-b {
    font-size: 16px;
    line-height: 35px;
    color: #333333;
    font-weight: bold;
    padding-left: 15px;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.borderbox01-wd1-b-1 {
    font-size: 16px;
    line-height: 25px;
    color: #333333;
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.borderbox01-wd1-1 {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    font-weight: bold;
    padding-left: 15px;
}

.borderbox01-wd1-2 {
    font-size: 16px;
    line-height: 25px;
    color: #868686;
    padding-left: 15px;
}

.borderbox01-wd1-3 {
    font-size: 23px;
    line-height: 65px;
    color: #4fbfff;
    font-weight: bold;
}

.borderbox01-wd1-3-1 {
    font-size: 15px;
    line-height: 30px;
    font-weight: bold;
    width: 100%;
    border: 1px solid #4bbdff;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    background-color: #FFFFFF;
    margin-right: 5px;
}


.borderbox01-wd1-3-2 {
    font-size: 15px;
    line-height: 30px;
    width: 100%;
    border: 1px solid #4bbdff;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    background-color: #FFFFFF;
    margin-right: 5px;
    color: #49bbff;
}









.borderbox01-wd1-3-3 {
    font-size: 15px;
    line-height: 30px;
    width: 100%;
    border: 1px solid #63c903;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    background-color: #FFFFFF;
    margin-right: 5px;
    color: #63c903;
}


.borderbox01-wd1-4 {
    font-size: 23px;
    line-height: 65px;
    color: #fc0204;
    font-weight: bold;
}

.borderbox01-wd1-5 {
    font-size: 23px;
    line-height: 65px;
    color: #64c708;
    font-weight: bold;
}

.borderbox01-wd1-6 {
    font-size: 25px;
    line-height: 50px;
    color: #333333;
    font-weight: bold;
    padding-left: 15px;
}

.borderbox01-wd1-7 {
    font-size: 16px;
}

.borderbox01-wd1-7-1 {
    font-size: 16px;
}

.borderbox01-wd1-7-2 {
    font-size: 20px;
}

.borderbox01-wd1-8 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}


.borderbox01-wd1-9 {
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    margin-left: 10px;
}

.borderbox01-wd1-10 {
    font-size: 16px;
    line-height: 30px;
    margin-left: 10px;
    color: #999999;
}

.borderbox01-wd1-11 {
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    font-weight: bold;
    padding-left: 15px;
}

.borderbox01-wd1-12 {
    font-size: 18px;
    line-height: 30px;
    color: #4bbdff;
    font-weight: bold;
    padding-left: 15px;
}

.borderbox01-wd1-13 {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    font-weight: bold;
    padding-left: 15px;
}

.borderbox01-wd1-14 {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    width: 100%;
}



.borderbox01-wd2 {
    font-size: 17px;
    line-height: 30px;
    color: #666666;
    padding-left: 25px;
}

.borderbox01-wd2-1 {
    font-size: 13px;
    line-height: 23px;
    color: #666666;
    padding-left: 30px;
}

.borderbox01-wd2-2 {
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    padding-left: 30px;
}

.borderbox01-wd2-3 {
    font-size: 17px;
    line-height: 30px;
    color: #666666;
    padding-left: 30px;
}

.borderbox01-wd2-4 {
    font-size: 17px;
    line-height: 25px;
    color: #666666;
}

.borderbox01-wd2-5 {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    padding-left: 30px;
}

.borderbox01-wd2-6 {
    font-size: 17px;
    line-height: 25px;
    color: #4bbdff;
    text-align: center;
}

.borderbox01-wd2-7 {
    font-size: 15px;
    line-height: 20px;
    color: #9f9f9f;
    text-align: center;
}

.borderbox01-wd2-8 {
    font-size: 15px;
    line-height: 30px;
    color: #666666;
    padding-left: 25px;
}

.borderbox01-wd2-9 {
    font-size: 15px;
    line-height: 30px;
    color: #666666;
}



.borderbox01-wd3 {
    font-size: 17px;
    line-height: 30px;
    color: #4bbdff;
    padding-left: 5px;
}



.borderbox01-wd3-0 {
    font-size: 17px;
    line-height: 30px;
    color: #fc0204;
    padding-left: 5px;
}


.borderbox01-wd3-1 {
    font-size: 16px;
    line-height: 23px;
    color: #363636;
}

.borderbox01-wd3-2 {
    font-size: 16px;
    line-height: 23px;
    color: #999999;
}

.borderbox01-wd3-3 {
    font-size: 16px;
    line-height: 23px;
    color: #e70012;
}

.borderbox01-wd3-4 {
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    padding-left: 5px;
}

.borderbox01-wd3-5 {
    font-size: 14px;
    line-height: 30px;
    color: #fe0103;
    padding-left: 5px;
}

.borderbox01-wd3-6 {
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #4bbdff;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
}





.borderbox01-wd3-7 {
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #63c903;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
}

.borderbox01-wd3-8 {
    font-size: 15px;
    line-height: 20px;
    color: #333333;
}

.borderbox01-wd3-9 {
    font-size: 17px;
    line-height: 30px;
    color: #63c903;
    padding-left: 5px;
}



.borderbox01-wd4 {
    font-size: 17px;
    line-height: 30px;
    color: #666666;
}

.borderbox01-wd5 {
    font-size: 17px;
    line-height: 40px;
    color: #666666;
    padding-left: 35px;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.borderbox01-wd5-1 {
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    padding-left: 30px;
    width: calc(100% - 30px);
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.borderbox01-wd5-2 {
    font-size: 17px;
    line-height: 25px;
    color: #666666;
    padding-left: 35px;
    width: 80%;
    float: left;
}

.borderbox01-wd6 {
    width: 15%;
    float: left;
    text-align: right;
    line-height: 40px;
}

.borderbox01-wd7 {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}

.borderbox01-wd7-1 {
    font-size: 16px;
    line-height: 20px;
    color: #666666;
}


.borderbox01-wd8 {
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    padding-left: 30px;
    overflow: hidden;
    float: left;
}

.borderbox01-wd8-1 {
    font-size: 15px;
    line-height: 25px;
    color: #4fbfff;
}

.borderbox01-wd8-2 {
    font-size: 15px;
    line-height: 25px;
    color: #49b33b;
}

.borderbox01-wd8-3 {
    font-size: 15px;
    line-height: 25px;
    color: #e7161a;
}


.borderbox01-wd8-4 {
    font-size: 14px;
    line-height: 30px;
    color: #FF9900;
    border: 1px solid #FF9900;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.borderbox01-wd8-5 {
    font-size: 15px;
    line-height: 40px;
    color: #666666;
    width: 100%;
    padding-left: 15px;
}

.borderbox01-wd8-6 {
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    width: 100%;
    text-align: center;
}

.borderbox01-wd8-7 {
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    width: 100%;
    padding-left: 15px;
}

.borderbox01-wd8-8 {
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    width: 100%;
    padding-right: 10px;
}



.borderbox01-wd9 {
    font-size: 14px;
    line-height: 35px;
    color: #999999;
}

.borderbox01-wd9-1 {
    font-size: 14px;
    line-height: 30px;
    color: #999999;
}

.borderbox01-wd9-2 {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.borderbox01-wd9-3 {
    font-size: 14px;
    line-height: 20px;
    color: #999999;
}

.borderbox01-wd9-4 {
    font-size: 14px;
    line-height: 20px;
    color: #FF0000;
}

.borderbox01-wd9-5 {
    font-size: 25px;
    line-height: 60px;
    color: #9a60c8;
    font-weight: bold;
}


.borderbox01-wd10 {
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    padding-left: 6%;
    overflow: hidden;
    float: left;
    width: 95%;
}

.borderbox01-wd11 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}


.borderbox01-wd12 {
    font-size: 16px;
    line-height: 35px;
    color: #333333;
    font-weight: bold;
    padding-left: 15px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.borderbox01-wd13 {
    font-size: 17px;
    line-height: 30px;
    color: #FFF;
    background-color: #4bbdff;
    text-align: center;
    margin-top: 50px;
}

.borderbox01-wd14 {
    font-size: 17px;
    line-height: 35px;
    color: #FFF;
    text-align: center;
}

.borderbox01-wd15 {
    line-height: 35px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    overflow: hidden;
}

.borderbox01-wd16 {
    width: 75%;
    float: left;
}


.borderbox01-wd17 {
    width: 23%;
    float: left;
    margin-left: 2%;
}

.borderbox01-wd18 {
    border-radius: 8px;
    width: 50px;
    font-size: 15px;
    background-color: #e61b24;
    text-align: center;
    height: 25px;
    line-height: 25px;
    color: #FFFFFF;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
}

.card {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 23px;
    padding-top: 5px;
}

.card-new {
    width: 95%;
    background-color: #fbedda;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 23px;
    padding-top: 5px;
}

.card-25 {
    width: 46%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 10px;
    border: 5px solid #FFFFFF;
    float: left;
}

    .card-25 img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        height: auto;
    }

.card1-1 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}

.card-title {
    width: 100%;
    background-color: #93d3fc;
    border-radius: calc(10px ) calc(10px ) 0 0;
    height: 40px;
    padding-top: 5px;
}



.card-title-wd {
    font-size: 13px;
    color: #279feb;
    text-align: center;
}


    .card-title-wd a:link {
        text-decoration: none;
        color: #279feb;
    }

    .card-title-wd a:active {
        text-decoration: none;
        color: #279feb;
    }

    .card-title-wd a:visited {
        text-decoration: none;
        color: #279feb;
    }

    .card-title-wd a:hover {
        text-decoration: none;
        color: #279feb;
    }

.card-title-wd2 {
    font-size: 13px;
    color: #333333;
    text-align: center;
}

    .card-title-wd2 a:link {
        text-decoration: none;
        color: #333333;
    }

    .card-title-wd2 a:active {
        text-decoration: none;
        color: #333333;
    }

    .card-title-wd2 a:visited {
        text-decoration: none;
        color: #333333;
    }

    .card-title-wd2 a:hover {
        text-decoration: none;
        color: #333333;
    }




.card-title-checkbox {
    text-align: center;
    border: 1px solid #808080;
    height: 15px;
    width: 15px;
    background-color: #FFFFFF;
}

.card-title-checkbox2 {
    text-align: center;
    border: 1px solid #808080;
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    margin-top: 5px !important;
}

.card-title-checkbox3 {
    border: 1px solid #808080;
    height: 16px;
    width: 16px;
    background-color: #FFFFFF;
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.card-title-checkbox4 {
    text-align: center;
    border: 1px solid #808080;
    height: 13px;
    width: 13px;
    background-color: #FFFFFF;
    margin-top: 3px !important;
}

.card2 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}

.card2-1 {
    width: 95%;
    background-color: #fc911d;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.card2-2 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.card3 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    overflow: hidden;
}

.card4 {
    width: 95%;
    background-color: #fc911d;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 17px;
    line-height: 35px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
}

.card4-1 {
    width: 95%;
    background-color: #40b3fd;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 17px;
    line-height: 35px;
    color: #FFFFFF;
}

    .card4-1 :link {
        text-decoration: none;
        color: #FFFFFF;
    }

    .card4-1 :active {
        text-decoration: none;
        color: #FFFFFF;
    }

    .card4-1 :visited {
        text-decoration: none;
        color: #FFFFFF;
    }


    .card4-1 :hover {
        color: #FFFFFF;
        text-decoration: none;
    }

.card4-2 {
    width: 46%;
    background-color: #FFFFFF;
    position: relative;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 10px;
    float: left;
}



    .card4-2 img {
        width: 100%;
        height: auto;
    }

.card4-3 {
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    margin-bottom: 10px;
}


    .card4-3 img {
        width: 100%;
        height: auto;
    }




.cancel {
    position: absolute;
    height: 23px;
    width: 23px;
    z-index: 2;
    right: 1px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #000000;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 21px;
}


.card5 {
    width: 95%;
    background-color: #e70012;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 35px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 4px;
}

.card5-add {
    display: flex;
    align-items: center;
}

.card5-box1 {
    float: left;
    width: 48%;
    padding-left: 5%;
}

.card5-box2 {
    float: left;
    width: 48%;
    align-items: center;
}


.card6 {
    width: 95%;
    background-color: #b3b3b3;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 35px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
}

.card7 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    padding-top: 5px;
}

.card8 {
    width: 90%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    overflow: hidden;
}

.card8-1 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 10px;
}

.card9 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2px;
    padding-top: 5px;
}

.card10 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    padding-top: 5px;
}

.card11 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    padding-top: 5px;
}



.card-empty {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 23px;
    height: 80px;
    font-size: 20px;
    color: #333333;
    text-align: center;
    line-height: 80px;
}


.card-empty2 {
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #b2d6fa;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.card-circle {
    position: absolute;
    height: 110px;
    width: 111px;
    z-index: 1;
    right: 42%;
    font-size: 18px;
    line-height: 38px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    top: -50px;
}

    .card-circle img {
        height: auto;
        width: 100%;
    }

.card-title1 {
    position: absolute;
    height: 30px;
    width: 100%;
    z-index: 1;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    background-color: #4bbdff;
    border-radius: 0 0 calc(10px ) calc(10px );
    bottom: 0px;
}


.card-title2 {
    width: 100%;
    background-color: #6cb935;
    border-radius: calc(10px ) calc(10px ) 0 0;
    height: 35px;
    padding-top: 5px;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.box6-addwd02-1 {
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
    background-color: #fc0204;
    border-radius: 50px;
    padding-right: 2px;
    padding-left: 2px;
    margin-left: 2px;
}



.card-type1 {
    position: absolute;
    background-image: url(../images/icon-bg01.png);
    height: 38px;
    width: 90px;
    z-index: 1;
    top: -6px;
    right: 8px;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
}


.card-type2 {
    position: absolute;
    background-image: url(../images/icon-bg02.png);
    height: 38px;
    width: 90px;
    z-index: 1;
    top: -6px;
    right: 8px;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
}

.card-type2-1 {
    position: absolute;
    background-image: url(../images/icon-bg02.png);
    height: 38px;
    width: 90px;
    z-index: 1;
    top: -6px;
    right: 8px;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
}

.card-type3 {
    position: absolute;
    background-image: url(../images/icon-bg03.png);
    height: 38px;
    width: 90px;
    z-index: 1;
    top: -6px;
    right: 8px;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
}



.card-type4 {
    position: absolute;
    background-image: url(../images/icon-bg04.png);
    height: 38px;
    width: 90px;
    z-index: 1;
    top: -6px;
    right: 8px;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
}


.card-type5 {
    position: absolute;
    background-image: url(../images/icon-bg05.png);
    height: 38px;
    width: 90px;
    z-index: 1;
    top: -6px;
    right: 8px;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
}

.card-type6 {
    position: absolute;
    background-image: url(../images/icon-bg06.png);
    height: 38px;
    width: 90px;
    z-index: 1;
    top: -6px;
    right: 8px;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
}


.noread {
    position: absolute;
    background-image: url(../images/noread.png);
    height: 21px;
    width: 25px;
    z-index: 2;
    top: -10px;
    right: 3px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.noread2 {
    position: absolute;
    height: 23px;
    width: 23px;
    z-index: 2;
    top: 8px;
    left: 45px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #FF0000;
    border-radius: 50px;
    line-height: 23px;
}

.piccenter {
    position: absolute;
    height: 37px;
    width: 35px;
    z-index: 2;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    left: 0px;
    bottom: 25px;
}

.piccenter1 {
    position: absolute;
    height: 37px;
    width: 35px;
    z-index: 2;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    left: 0px;
    bottom: 0px;
}

.piccenter2 {
    position: absolute;
    height: 30px;
    width: 30px;
    z-index: 2;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    right: 0px;
    bottom: 0px;
}

.topdiv {
    position: fixed;
    width: 100%;
    height: 45px;
    bottom: 100px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 999;
}



.circle1 {
    height: 20px;
    width: 20px;
    border: 1px solid #666666;
}



.circle2 {
    height: 22px;
    width: 22px;
    border-radius: 999em;
    border: 1px solid #4bbdff;
    font-size: 14px;
    line-height: 20px;
    color: #4bbdff;
    float: left;
    margin-right: 7px;
    text-align: center;
    margin-bottom: 3px;
}

.circle2-over {
    height: 22px;
    width: 22px;
    border-radius: 999em;
    border: 1px solid #4bbdff;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    float: left;
    margin-right: 7px;
    text-align: center;
    background-color: #4bbdff;
    margin-bottom: 3px;
}

.circle3-over {
    height: 22px;
    width: 22px;
    border-radius: 999em;
    border: 1px solid #4bbdff;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    background-color: #4bbdff;
    margin-right: auto;
    margin-left: auto;
}

.circle4-over {
    height: 22px;
    width: 22px;
    border-radius: 999em;
    border: 1px solid #63c708;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    background-color: #63c708;
    margin-right: auto;
    margin-left: auto;
}

.circle5-over {
    height: 22px;
    width: 22px;
    border-radius: 999em;
    border: 1px solid #f4931e;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    background-color: #f4931e;
    margin-right: auto;
    margin-left: auto;
}

.circle6 {
    height: 18px;
    width: 18px;
    border: 1px solid #666666;
    margin-right: 5px !important;
}


.grade-type {
    position: absolute;
    height: 115px;
    width: 90px;
    z-index: 1;
    right: 8px;
}

.grade-type2 {
    position: absolute;
    height: 105px;
    width: 70px;
    z-index: 1;
    right: 8px;
    top: -12px;
}



    .grade-type2 img {
        height: auto;
        width: 100%;
    }

.grade-type3 {
    position: absolute;
    height: 90px;
    width: 60px;
    z-index: 1;
    right: 8px;
    top: -10px;
}

    .grade-type3 img {
        height: auto;
        width: 100%;
    }

.card-contentwd1 {
    line-height: 35px;
    font-size: 18px;
    color: #4bbdff;
    padding-left: 15px;
}

.card-contentwd1-1 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    padding-left: 15px;
}

    .card-contentwd1-1 :link {
        text-decoration: none;
        color: #333333;
    }

    .card-contentwd1-1 :active {
        text-decoration: none;
        color: #333333;
    }

    .card-contentwd1-1 :visited {
        text-decoration: none;
        color: #333333;
    }


    .card-contentwd1-1 :hover {
        color: #333333;
        text-decoration: none;
    }

.card-contentwd1-1-1 {
    line-height: 30px;
    font-size: 15px !important;
    color: #333333;
    width: 95%;
    border: 1px dashed #CCCCCC;
    overflow: hidden;
    padding: 2px;
    margin-bottom: 3px;
}




.card-contentwd1-2 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
}

.card-contentwd1-3 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}



.card-contentwd1-3-1 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    width: 100%;
}

.card-contentwd1-3-2 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}

.card-contentwd1-3-3 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    width: 94%;
    margin-right: 3%;
    margin-left: 3%;
    text-align: center;
}

.card-contentwd1-3-4 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
}

.card-contentwd1-3-5 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.card-contentwd1-3-6 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

.card-contentwd1-3-7 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}

.card-contentwd1-3-8 {
    line-height: 30px;
    font-size: 15px;
    color: #333333;
    width: 48%;
    float: left;
    margin-right: 2%;
}


.card-contentwd1-3-9 {
    line-height: 30px;
    font-size: 15px;
    color: #333333;
    width: 48%;
    float: left;
    margin-left: 2%;
}



.card-contentwd1-4 {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #4bbdff;
}

.card-contentwd1-4-0 {
    line-height: 30px;
    font-size: 16px;
    color: #ff0000;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #4bbdff;
}



.card-contentwd1-4-1 {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #64c708;
}

.card-contentwd1-4-1-0 {
    line-height: 30px;
    font-size: 16px;
    color: #ff0000;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #64c708;
}


.card-contentwd1-4-2 {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #f8931f;
}

.card-contentwd1-4-3 {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #b3b3b3;
}

.card-contentwd1-4-3-1 {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #d0d0d0;
    margin-bottom: 10px;
}


.card-contentwd1-4-4 {
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

.card-contentwd1-5 {
    line-height: 20px;
    font-size: 18px;
    color: #333333;
    padding-left: 5px;
}


.card-contentwd1-6 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    padding-left: 15px;
    overflow: hidden;
    width: calc(100% - 17px);
}

.card-contentwd1-7 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.card-contentwd1-7-1 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

.card-contentwd1-7-2 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

.card-contentwd1-7-2-1 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.card-contentwd1-7-3 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 5px;
    overflow: hidden;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
}

.card-contentwd1-7-4 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 15px;
    overflow: hidden;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
}

.card-contentwd1-7-5 {
    line-height: 25px;
    font-size: 15px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.card-contentwd1-7-6 {
    line-height: 25px;
    font-size: 15px;
    color: #333333;
    overflow: hidden;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.card-contentwd1-7-7 {
    line-height: 22px;
    font-size: 14px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}


.card-contentwd1-8 {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #4bbdff;
    width: 94%;
    margin-right: 3%;
    margin-bottom: 10px;
    margin-left: 3%;
}

.card-contentwd1-8-1 {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #e9a1c6;
    width: 94%;
    margin-right: 3%;
    margin-bottom: 10px;
    margin-left: 3%;
}

.card-contentwd1-8-2 {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #b3b3b3;
    width: 94%;
    margin-right: 3%;
    margin-bottom: 10px;
    margin-left: 3%;
}

.card-contentwd1-8-3 {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #fc0204;
    width: 94%;
    margin-right: 3%;
    margin-bottom: 10px;
    margin-left: 3%;
}

.card-contentwd1-9 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.card-contentwd1-9-1 {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.card-contentwd1-10 {
    line-height: 25px;
    font-size: 15px;
    color: #333333;
    padding-left: 15px;
    margin-bottom: 8px;
}

.card-contentwd1-11 {
    line-height: 25px;
    font-size: 15px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    width: 98%;
    margin-bottom: 10px;
}


.card-contentwd2 {
    white-space: pre-wrap;
    line-height: 23px;
    font-size: 15px;
    color: #666666;
    padding-left: 15px;
    margin-bottom: 10px;
    padding-right: 10px;
}

.card-contentwd2-1 {
    white-space: pre-wrap;
    line-height: 22px;
    font-size: 15px;
    color: #666666;
    padding-left: 15px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-right: 15px;
}

.card-contentwd2-2 {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    padding-left: 15px;
    padding-right: 10px;
}

.card-contentwd3 {
    line-height: 23px;
    font-size: 14px;
    color: #8B8B8B;
    padding-left: 15px;
    margin-bottom: 5px;
    padding-right: 10px;
    display: flex;
    align-items: center;
}

.card-checkbox {
    height: 15px;
    width: 15px;
    border: 1px solid #CCCCCC;
}


.card-header:first-child {
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}



.card-header {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}


.card-header0 {
    background-color: #63c903;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header0-1 {
    background-color: #f8931f;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header-1 {
    background-color: #b3b3b3;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}


.card-header-2 {
    background-color: #e9a1c6;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header-3 {
    background-color: #b3b3b3;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header-4 {
    background-color: #4bbdff;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-left: 10px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}





.card-header-5 {
    background-color: #63c903;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header-5-1 {
    background-color: #fb0204;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header-5-2 {
    background-color: #969696;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}


.card-header2 {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header2-1 {
    background-color: #dadadb;
    font-size: 16px;
    line-height: 30px;
    color: #333333 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header2-2 {
    background-color: #64c708;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header2-3 {
    background-color: #e70012;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header3 {
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}
/* ?啣??降??*/
.card-input01 {
    display: flex;
}

.box01-1-1 {
    width: calc(35% - 4px);
    height: 29px;
    font-size: 12px;
    line-height: 29px;
    text-align: center;
    background-color: #4bbdff24;
}

.box01-1-2 {
    width: calc(25% - 1px);
    height: 23px;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    background-color: #4bbdff24;
}

.box01-1-3 {
    width: 100%;
    text-align: center;
    height: 29px;
    line-height: 29px;
    background-color: #4bbdff24;
}

.box02-1-2 {
    width: calc(25% - 1px);
}

.box02-1-3 {
    width: calc(50% - 4px);
}

.box01-2 {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}


.box02-1 {
    width: calc(65% );
    float: left;
}

.order-textbox2-14-1 {
    line-height: 25px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100%;
    line-height: 25px;
}

.meeting-sign-btn {
    display: block;
    color: #ffffff;
    background-color: #64c708;
    padding: 8px 32px;
    border-radius: 8px;
    text-align: center;
}
/* ?降閮??∠?璅? */
.borderbox01-wd5-1-1 {
    font-size: 14px;
    line-height: 32px;
    color: #ffffff;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.borderbox01-wd5-1-2 {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    padding-left: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.borderbox01-wd5-1 {
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    padding-left: 30px;
    width: calc(100% - 30px);
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.borderbox01-wd5-2 {
    font-size: 17px;
    line-height: 25px;
    color: #666666;
    padding-left: 35px;
    width: 80%;
    float: left;
}

.borderbox01-wd6 {
    width: 15%;
    float: left;
    text-align: right;
    line-height: 40px;
}

.borderbox01-wd7 {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}

.borderbox01-wd7-1 {
    font-size: 16px;
    line-height: 20px;
    color: #666666;
}


.borderbox01-wd8 {
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    padding-left: 30px;
    overflow: hidden;
    float: left;
}

.borderbox01-wd8-1 {
    font-size: 15px;
    line-height: 25px;
    color: #4fbfff;
}

.borderbox01-wd8-2 {
    font-size: 15px;
    line-height: 25px;
    color: #49b33b;
}

.borderbox01-wd8-3 {
    font-size: 15px;
    line-height: 25px;
    color: #e7161a;
}

.card-header4 {
    background-color: #f8931f;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}

.card-header5 {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.card-header5-1 {
    background-color: #4bbdff;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    font-weight: bold;
}

.card-header-left {
    float: left;
    width: 65%;
}

.card-header-right {
    float: left;
    width: 34%;
    text-align: right;
}

.card-header6 {
    background-color: #4bbdff;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.card-header6-1 {
    background-color: #b3b3b3;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.card-header6-2 {
    background-color: #64c708;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.card-header6-3 {
    background-color: #f8931f;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.card-header6-4 {
    background-color: #fc0204;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.card-footer {
    background-color: #4bbdff;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}



.card-footer2 {
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}



.card-footer3 {
    background-color: #dadadb;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding-top: 2px;
    padding-bottom: 2px;
}

.card-footer4 {
    background-color: #9a60c8;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}

.card-footer5 {
    background-color: #fc0204;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}

.card-footer6 {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    text-align: center;
}



    .card-footer6 :link {
        text-decoration: none;
        color: #FFFFFF !important;
    }

    .card-footer6 :active {
        text-decoration: none;
        color: #FFFFFF !important;
    }

    .card-footer6 :visited {
        text-decoration: none;
        color: #FFFFFF !important;
    }


    .card-footer6 :hover {
        color: #FFFFFF !important;
        text-decoration: none;
    }


.card-footer7 {
    background-color: #e9a1c6;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    text-align: center;
}

    .card-footer7 :link {
        text-decoration: none;
        color: #FFFFFF !important;
    }

    .card-footer7 :active {
        text-decoration: none;
        color: #FFFFFF !important;
    }

    .card-footer7 :visited {
        text-decoration: none;
        color: #FFFFFF !important;
    }


    .card-footer7 :hover {
        color: #FFFFFF !important;
        text-decoration: none;
    }


.card-footer8 {
    background-color: #b3b3b3;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    text-align: center;
}

    .card-footer8 :link {
        text-decoration: none;
        color: #FFFFFF !important;
    }

    .card-footer8 :active {
        text-decoration: none;
        color: #FFFFFF !important;
    }

    .card-footer8 :visited {
        text-decoration: none;
        color: #FFFFFF !important;
    }


    .card-footer8 :hover {
        color: #FFFFFF !important;
        text-decoration: none;
    }

.card-footer9 {
    background-color: #4bbdff;
    padding-top: 2px;
    padding-bottom: 2px;
}

.card-footer10 {
    background-color: #dadadb;
    padding-top: 2px;
    padding-bottom: 2px;
}


.card-footer-addwd01 {
    font-size: 16px;
    line-height: 30px;
    color: #fc0204 !important;
}

.card-footer-addwd02 {
    font-size: 16px;
    line-height: 30px;
    color: #333333 !important;
    padding-left: 15px;
}


    .card-footer-addwd02 :link {
        text-decoration: none;
        color: #333333 !important;
    }

    .card-footer-addwd02 :active {
        text-decoration: none;
        color: #333333 !important;
    }

    .card-footer-addwd02 :visited {
        text-decoration: none;
        color: #333333 !important;
    }


    .card-footer-addwd02 :hover {
        color: #333333 !important;
        text-decoration: none;
    }

.card-footer-addwd03 {
    font-size: 15px;
    line-height: 30px;
    color: #FFF !important;
    padding-left: 15px;
}


.card-footer-addwd04 {
    font-size: 16px;
    line-height: 30px;
    color: #4bbdff !important;
    text-align: center;
}


.card-footer:last-child {
    border-radius: 0 0 calc(10px - 1px) calc(10px - 1px);
}

.card-footer3:last-child {
    border-radius: 0 0 calc(10px - 1px) calc(10px - 1px);
}

.card-footer4:last-child {
    border-radius: 0 0 calc(10px - 1px) calc(10px - 1px);
}

.card-footer5:last-child {
    border-radius: 0 0 calc(10px - 1px) calc(10px - 1px);
}

.card-footer6:last-child {
    border-radius: 0 0 calc(10px - 1px) calc(10px - 1px);
}

.card-footer7:last-child {
    border-radius: 0 0 calc(10px - 1px) calc(10px - 1px);
}

.card-footer8:last-child {
    border-radius: 0 0 calc(10px - 1px) calc(10px - 1px);
}

.card-footer9:last-child {
    border-radius: 0 0 calc(10px - 1px) calc(10px - 1px);
}

.card-footer10:last-child {
    border-radius: 0 0 calc(10px - 1px) calc(10px - 1px);
}

.card-left01 {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    width: 75px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-left01-1 {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 75px;
    color: #FFFFFF !important;
    width: 60px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-left01-2 {
    background-color: #f8931f;
    font-size: 16px;
    line-height: 75px;
    color: #FFFFFF !important;
    width: 60px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-left01-3 {
    background-color: #64c708;
    font-size: 16px;
    line-height: 75px;
    color: #FFFFFF !important;
    width: 60px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-left01-4 {
    background-color: #fc0204;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF !important;
    width: 60px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-left01-5 {
    background-color: #b3b3b3;
    font-size: 16px;
    line-height: 75px;
    color: #FFFFFF !important;
    width: 60px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-left01-6 {
    background-color: #9a60c8;
    font-size: 16px;
    line-height: 75px;
    color: #FFFFFF !important;
    width: 60px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-left01-7 {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF !important;
    width: 60px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ?降???典???脣? */
.card-left01-8 {
    background-color: #f8931f;
    font-size: 16px;
    line-height: 1.5rem;
    color: #FFFFFF !important;
    width: 75px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-left01-date-warning {
    font-size: 10px;
    line-height: 10px;
}

.card-body-scroll {
    overflow-y: scroll;
    height: 50vh;
}

.card-metting-title-bg {
    background-color: #4bbdff24;
}

.card-meeting-content-area {
    border: 0.5px solid #d6d6d6;
}

.card-meeting-sign {
    max-width: 120px;
    height: auto;
    margin: 8px 16px;
}
/* ?降閮??? */
.button_1-3 {
    display: block;
    border: 2px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #f8931f;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 8px;
    width: 100%;
}

.button_1-4 {
    display: block;
    border: 2px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 16px;
    font-family: "微軟正黑體", Arial, "新細明體";
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background-color: #f8931f;
    cursor: pointer;
    font-weight: bold;
    padding: 8px 8px;
    width: 100%;
}

.button_1-5 {
    color: #333333;
    font-size: 16px;
}

.card-left02 {
    background-color: #fc0204;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    width: 75px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
}

.card-left03 {
    background-color: #b3b3b3;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    width: 75px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
}

.card-left04 {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    width: 75px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
}

.card-left04-1 {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    width: 65px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 87px;
}

.card-left05 {
    background-color: #64c708;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    width: 75px;
    float: left;
    border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
    height: 75px;
}


.card-right01 {
    background-color: #64c708;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    width: 75px;
    float: right;
    border-radius: 0calc(10px - 1px) calc(10px - 1px) 0;
    height: 75px;
}

.card-right02 {
    background-color: #4bbdff;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    width: 75px;
    float: right;
    border-radius: 0calc(10px - 1px) calc(10px - 1px) 0;
    height: 75px;
}

.card-right03 {
    background-color: #b3b3b3;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF !important;
    width: 75px;
    float: right;
    border-radius: 0calc(10px - 1px) calc(10px - 1px) 0;
    height: 75px;
}

.card-box01 {
    text-align: center;
    display: block;
    margin-top: 7px;
}


.card-box01-1 {
    text-align: center;
    display: block;
}

.card-box02 {
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.card-box02-1 {
    text-align: center;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
}

.card-box02-2 {
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}



.card-left-add {
    width: calc(100% - 75px);
    float: left;
}

.card-left-add-1 {
    width: calc(100% - 135px);
    float: left;
}

.card-left-add-2 {
    width: 50px;
    float: left;
    margin-left: 10px;
}

.card-left-add-3 {
    margin-top: 5px;
    width: calc(100% - 190px);
    float: left;
}


.card-left-add-4 {
    width: 120px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.card-left-add-5 {
    width: calc(100% - 65px);
    float: left;
}




@media screen and (max-width : 800px) {


    .content1 {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 1%;
        padding-left: 1%;
    }

    .card-circle {
        position: absolute;
        height: 110px;
        width: 111px;
        z-index: 1;
        right: 35%;
        font-size: 18px;
        line-height: 38px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        top: -50px;
    }


    .col-sm-10 {
        width: 83.33333333%;
        float: left;
    }

    .col-sm-9 {
        width: 74.9999%;
        float: left;
    }

    .col-sm-8 {
        width: 66.666667%;
        float: left;
    }

    .col-sm-7 {
        width: 58.333333%;
        float: left;
    }

    .col-sm-6 {
        width: 50%;
        float: left;
    }

    .col-sm-5 {
        width: 41.666667%;
        float: left;
    }


    .col-sm-4 {
        width: 33.333333%;
        float: left;
    }

    .col-sm-3 {
        width: 24.9%;
        float: left;
    }

    .col-sm-2 {
        width: 15%;
        float: left;
    }

    .col-sm-1 {
        width: 5%;
        float: left;
    }
}

@media screen and (max-width : 600px) {
    .img_box2 {
        height: 120px;
        border: 1px solid #ccc;
        background-color: #FFF;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
}


@media screen and (max-width : 375px) {
    .pay-textbox5 {
        font-size: 13px;
        color: #666666 !important;
        line-height: 20px;
        width: 100%;
        text-align: center;
        border: 1px solid #4fbfff;
    }

    .line-box-in10-wd1 {
        width: 100%;
        font-size: 13px !important;
        color: #64c708;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }

    .line-box-in10-wd1-0 {
        width: 100%;
        font-size: 13px !important;
        color: #448905;
        line-height: 30px;
        overflow: hidden;
    }


    .line-box-in10-wd1-1 {
        width: 100%;
        font-size: 13px !important;
        color: #448905;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }

    .line-box-in10-wd1-2 {
        width: 100%;
        font-size: 13px !important;
        color: #666666;
        line-height: 30px;
        overflow: hidden;
    }


    .line-box-in10-wd1-3 {
        width: 100%;
        font-size: 13px !important;
        color: #666666;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }



    .line-box-in10-wd4 {
        width: 100%;
        font-size: 13px !important;
        color: #fc0204;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }

    .line-box-in9-1 {
        width: 100%;
        float: left;
        font-size: 14px !important;
        text-align: center;
    }
}



@media screen and (max-width : 360px) {
    .pay-textbox4 {
        font-size: 11px;
        color: #666666 !important;
        line-height: 20px;
        width: 125%;
        text-align: center;
        border: 1px solid #4fbfff;
        transform: scale(0.8);
        margin-left: -10px;
    }
}







@media screen and (max-width : 350px) {

    .borderbox01-wd2-8 {
        font-size: 13px;
        line-height: 30px;
        color: #666666;
        padding-left: 25px;
    }

    .borderbox01-wd2-9 {
        font-size: 13px;
        line-height: 30px;
        color: #666666;
    }



    .addtitle4 {
        font-size: 15px;
        color: #FFF;
        line-height: 30px;
        padding-left: 5px;
        background-color: #f8931f;
        width: 100%;
    }



    .card-type2-1 {
        position: absolute;
        background-image: url(../images/icon-bg02.png);
        height: 38px;
        width: 70px;
        z-index: 1;
        top: -6px;
        right: 8px;
        font-size: 16px;
        line-height: 38px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
    }


    .pay-textbox4 {
        font-size: 11px;
        color: #666666 !important;
        line-height: 20px;
        width: 125%;
        text-align: center;
        border: 1px solid #4fbfff;
        transform: scale(0.8);
        margin-left: -10px;
    }

    .pay-textbox5 {
        font-size: 12px;
        color: #666666 !important;
        line-height: 20px;
        width: 100%;
        text-align: center;
        border: 1px solid #4fbfff;
    }


    .sub-menu-style13-5 {
        border: 1px solid #666666;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 14px;
        color: #666666;
        background-color: #FFF;
        cursor: pointer;
        width: 65px;
        text-align: center;
        float: left;
        margin-right: 5px;
    }

    .line-box {
        background-color: #FFFFFF;
        border: 1px solid #c4c4c4;
        height: 40px;
        width: 91.5%;
        margin-left: 20px;
        line-height: 40px;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }


    .line-box2 {
        background-color: #f8931f;
        height: 35px;
        width: 91.5%;
        margin-left: 20px;
        line-height: 35px;
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 15px;
        color: #FFFFFF;
        text-align: center;
    }



    .borderbox01-wd2 {
        font-size: 15px;
        line-height: 30px;
        color: #666666;
        padding-left: 25px;
    }

    .card-header-4 {
        background-color: #4bbdff;
        font-size: 13px;
        line-height: 30px;
        color: #FFFFFF !important;
        padding-left: 10px;
        padding-right: 5px;
        border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    }

    .borderbox01-wd3-1 {
        font-size: 14px;
        line-height: 23px;
        color: #363636;
    }

    .borderbox01-wd3-2 {
        font-size: 14px;
        line-height: 23px;
        color: #999999;
    }

    .borderbox01-wd3-3 {
        font-size: 14px;
        line-height: 23px;
        color: #e70012;
    }

    .sub-menu-style01-7 {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 30px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 13px;
        color: #FFFFFF;
        background-color: #f8931f;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 2px;
        padding-left: 2px;
    }

    .sub-menu-style01-7-over {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 30px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 13px;
        color: #FFFFFF;
        background-color: #b3b3b3;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 2px;
        padding-left: 2px;
    }

    .sub-menu-style01-8 {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 30px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 13px;
        color: #FFFFFF;
        background-color: #64c708;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 2px;
        padding-left: 2px;
    }

    .sub-menu-style01-8-over {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 30px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 13px;
        color: #FFFFFF;
        background-color: #b3b3b3;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 2px;
        padding-left: 2px;
    }

    .sub-menu-style13-1 {
        border: 1px solid #929191;
        line-height: 25px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #666666;
        background-color: #FFF;
        cursor: pointer;
        width: 60px;
        text-align: center;
        float: left;
        margin-right: 5px;
        margin-left: 5px;
    }


    .card-contentwd1-7-2 {
        line-height: 30px;
        font-size: 14px;
        color: #333333;
        overflow: hidden;
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }

    .line-box-in4 {
        width: 25%;
        float: left;
        font-size: 14px;
        text-align: center;
    }


    .card-footer-addwd03 {
        font-size: 14px;
        line-height: 30px;
        color: #FFF !important;
        padding-left: 10px;
    }

    .pay-addwd1 {
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
        color: #333333;
    }

    .order-textbox2-3 {
        font-size: 14px;
        line-height: 25px;
        border: 1px solid #CCCCCC;
        color: #666666;
        background-color: #FFFFFF !important;
        text-align: center;
        width: 100%;
        line-height: 25px;
    }



    .order-textbox2-3-5 {
        font-size: 14px;
        line-height: 25px;
        border: 1px solid #CCCCCC;
        color: #666666;
        background-color: #FFFFFF !important;
        text-align: center;
        width: 100%;
        line-height: 25px;
    }


    .line-box-in10-wd1 {
        width: 100%;
        font-size: 13px !important;
        color: #64c708;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }


    .line-box-in10-wd1-0 {
        width: 100%;
        font-size: 13px !important;
        color: #448905;
        line-height: 30px;
        overflow: hidden;
    }


    .line-box-in10-wd1-1 {
        width: 100%;
        font-size: 13px !important;
        color: #448905;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }


    .line-box-in10-wd1-2 {
        width: 100%;
        font-size: 13px !important;
        color: #666666;
        line-height: 30px;
        overflow: hidden;
    }


    .line-box-in10-wd1-3 {
        width: 100%;
        font-size: 13px !important;
        color: #666666;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }



    .line-box-in10-wd2 {
        width: 53%;
        float: left;
        text-align: left;
    }

    .line-box-in10-wd3 {
        width: 47%;
        float: left;
        text-align: right;
    }

    .line-box-in10-wd4 {
        width: 100%;
        font-size: 13px !important;
        color: #fc0204;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }

    .line-box-in9-1 {
        width: 100%;
        float: left;
        font-size: 14px !important;
        text-align: center;
    }
}


@media screen and (max-width : 380px) {

    .line-box-in5-1 {
        width: 32.3%;
        float: left;
        font-size: 12px;
        text-align: center;
        margin-right: 0.5%;
        margin-left: 0.5%;
    }
}


@media screen and (max-width : 360px) {
    .card-circle {
        position: absolute;
        height: 110px;
        width: 111px;
        z-index: 1;
        right: 30%;
        font-size: 18px;
        line-height: 38px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        top: -50px;
    }
}






@media screen and (max-width : 350px) {
    .h-rightwd1-1 {
        font-size: 14px;
        line-height: 30px;
        color: #383838;
    }

    .h-rightwd2-2 {
        font-size: 15px;
        line-height: 25px;
        color: #4bbdff;
    }

    .card-circle {
        position: absolute;
        height: 110px;
        width: 111px;
        z-index: 1;
        right: 30%;
        font-size: 18px;
        line-height: 38px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        top: -50px;
    }



    .addwd4 {
        font-size: 14px;
        line-height: 20px;
        color: #333333;
        margin-right: 3px;
        padding-right: 3px;
        padding-left: 3px;
        border: 1px solid #666666;
        float: left;
        margin-bottom: 1px;
    }
}







@media screen and (max-width : 340px) {
    .pay-textbox4 {
        font-size: 10px;
        color: #666666 !important;
        line-height: 20px;
        width: 125%;
        text-align: center;
        border: 1px solid #4fbfff;
        transform: scale(0.8);
        margin-left: -10px;
    }

    .box21-5 {
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 15px;
        line-height: 30px;
        color: #666666;
        letter-spacing: 0px;
    }
}


@media screen and (max-width : 330px) {


    .card-circle {
        position: absolute;
        height: 100px;
        width: 100px;
        z-index: 1;
        right: 30%;
        font-size: 18px;
        line-height: 38px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        top: -50px;
    }

    .borderbox01-wd13 {
        font-size: 17px;
        line-height: 30px;
        color: #FFF;
        background-color: #4bbdff;
        text-align: center;
        margin-top: 40px;
    }






    .bt-add01 {
        font-size: 14px;
        text-align: center;
        color: #FFFFFF;
        background-color: #f8931f;
        padding-right: 10px;
        padding-left: 10px;
    }

    .bt-add02 {
        font-size: 14px;
        text-align: center;
        color: #FFFFFF;
        background-color: #64c708;
        padding-right: 5px;
        padding-left: 5px;
    }


    .borderbox01-wd3-8 {
        font-size: 12px;
        line-height: 20px;
        color: #333333;
    }




    .borderbox01-wd12 {
        font-size: 13px;
        line-height: 35px;
        color: #333333;
        font-weight: bold;
        padding-left: 15px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }



    .line-box-in5-1 {
        width: 31.3%;
        float: left;
        font-size: 12px;
        text-align: center;
        margin-right: 1%;
        margin-left: 1%;
    }

    .pay-textbox4 {
        font-size: 10px;
        color: #666666 !important;
        line-height: 20px;
        width: 125%;
        text-align: center;
        border: 1px solid #4fbfff;
        transform: scale(0.8);
        margin-left: -10px;
    }

    .order-textbox2-3 {
        font-size: 12px;
        line-height: 25px;
        border: 1px solid #CCCCCC;
        color: #666666;
        background-color: #FFFFFF !important;
        text-align: center;
        width: 100%;
        line-height: 25px;
    }
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.bg-white {
    background-color: #fff !important
}

@media screen and (max-width : 320px) {
    .card-left01-8 {
        background-color: #f8931f;
        font-size: 16px;
        line-height: 1.5rem;
        color: #FFFFFF !important;
        width: 65px;
        float: left;
        border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .addtitle4 {
        font-size: 14px;
        color: #FFF;
        line-height: 30px;
        padding-left: 5px;
        background-color: #f8931f;
        width: 100%;
    }

    .newsboxbt01 {
        border: 2px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
        background-color: #353949;
        cursor: pointer;
        height: 50px !important;
        padding-right: 20px;
        padding-left: 20px;
    }

    .newsboxbt02 {
        border: 2px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
        background-color: #f8931f;
        cursor: pointer;
        height: 50px !important;
        padding-right: 20px;
        padding-left: 20px;
    }




    .line-box-in9-1 {
        width: 100%;
        float: left;
        font-size: 12px !important;
        text-align: center;
    }


    .line-box-in10-wd1 {
        width: 100%;
        font-size: 13px !important;
        color: #64c708;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }

    .line-box-in10-wd2 {
        width: 53%;
        float: left;
        text-align: left;
    }

    .line-box-in10-wd3 {
        width: 47%;
        float: left;
        text-align: right;
    }

    .line-box-in10-wd4 {
        width: 100%;
        font-size: 13px !important;
        color: #fc0204;
        line-height: 30px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        overflow: hidden;
    }




    .sub-menu-style01 {
        border: 2px solid #4bbdff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #FFFFFF;
        text-align: center;
        background-color: #4bbdff;
        cursor: pointer;
        width: 70px;
        margin-right: 5px;
        float: left;
    }


    .sub-menu-style01-1-2 {
        border: 2px solid #64c708;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #FFFFFF;
        text-align: center;
        background-color: #64c708;
        cursor: pointer;
        width: 70px;
        margin-right: 5px;
        float: left;
    }


    .sub-menu-style13-4 {
        border: 1px solid #666666;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 13px;
        color: #666666;
        background-color: #FFF;
        cursor: pointer;
        width: 90px;
        text-align: center;
        float: left;
    }

    .sub-menu-style01-10 {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 14px;
        color: #FFFFFF;
        text-align: center;
        background-color: #f8931f;
        cursor: pointer;
        width: 70px;
        margin-right: 5px;
        float: left;
    }

    .sub-menu-style01-over {
        border: 2px solid #4bbdff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #4bbdff;
        text-align: center;
        background-color: #FFF;
        cursor: pointer;
        width: 85px;
        margin-right: 5px;
        float: left;
    }

    .sub-menu-style02 {
        border: 2px solid #4bbdff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #4bbdff;
        text-align: center;
        background-color: #FFF;
        cursor: pointer;
        width: 45px;
        margin-right: 5px;
        float: left;
    }

    .sub-menu-style02-over {
        border: 2px solid #4bbdff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 35x;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #FFFFFF;
        text-align: center;
        background-color: #4bbdff;
        cursor: pointer;
        width: 45px;
        margin-right: 5px;
        float: left;
    }


    .sub-menu-style03 {
        border: 2px solid #4bbdff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #4bbdff;
        text-align: center;
        background-color: #FFF;
        cursor: pointer;
        width: 75px;
        margin-right: 5px;
        float: left;
    }


    .sub-menu-style03-over {
        border: 2px solid #4bbdff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #FFFFFF;
        text-align: center;
        background-color: #4bbdff;
        cursor: pointer;
        width: 75px;
        margin-right: 5px;
        float: left;
    }

    .sub-menu-style04 {
        border: 2px solid #fc911d;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #FFFFFF;
        background-color: #fc911d;
        cursor: pointer;
        width: 100%;
        float: left;
        text-align: center;
    }



    .sub-menu-style05 {
        border: 2px solid #4bbdff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 35px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #FFFFFF;
        text-align: center;
        background-color: #4bbdff;
        cursor: pointer;
        width: 120px;
        margin-right: 5px;
        float: left;
    }


    .borderbox01-wd1 {
        font-size: 15px;
        line-height: 35px;
        color: #333333;
        font-weight: bold;
        padding-left: 15px;
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .borderbox01-wd1-7 {
        font-size: 14px;
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .borderbox01-wd1-7-1 {
        font-size: 14px;
        text-overflow: ellipsis;
    }



    .borderbox01-wd7 {
        font-size: 14px;
        line-height: 30px;
        color: #666666;
    }

    .icon-add05 {
        background-image: url(../images/icon01-2.jpg);
        background-repeat: no-repeat;
        padding-left: 25px;
        height: 25px;
    }

    .icon-add06 {
        background-image: url(../images/icon02-2.jpg);
        background-repeat: no-repeat;
        padding-left: 25px;
        height: 25px;
    }

    .card-left01 {
        background-color: #4bbdff;
        font-size: 15px;
        line-height: 30px;
        color: #FFFFFF !important;
        width: 65px;
        float: left;
        border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
        height: 75px;
    }

    .card-left02 {
        background-color: #fc0204;
        font-size: 15px;
        line-height: 30px;
        color: #FFFFFF !important;
        width: 65px;
        float: left;
        border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
        height: 75px;
    }

    .card-left03 {
        background-color: #b3b3b3;
        font-size: 15px;
        line-height: 30px;
        color: #FFFFFF !important;
        width: 65px;
        float: left;
        border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
        height: 75px;
    }

    .card-left04 {
        background-color: #4bbdff;
        font-size: 16px;
        line-height: 30px;
        color: #FFFFFF !important;
        width: 65px;
        float: left;
        border-radius: calc(10px - 1px) 0 0 calc(10px - 1px);
        height: 75px;
    }


    .card-right01 {
        background-color: #64c708;
        font-size: 15px;
        line-height: 30px;
        color: #FFFFFF !important;
        width: 65px;
        float: right;
        border-radius: 0calc(10px - 1px) calc(10px - 1px) 0;
        height: 75px;
    }

    .card-right02 {
        background-color: #4bbdff;
        font-size: 15px;
        line-height: 30px;
        color: #FFFFFF !important;
        width: 65px;
        float: right;
        border-radius: 0calc(10px - 1px) calc(10px - 1px) 0;
        height: 75px;
    }

    .card-right03 {
        background-color: #b3b3b3;
        font-size: 15px;
        line-height: 30px;
        color: #FFFFFF !important;
        width: 65px;
        float: right;
        border-radius: 0calc(10px - 1px) calc(10px - 1px) 0;
        height: 75px;
    }

    .card-left-add {
        width: calc(100% - 65px);
        float: left;
    }

    .card-footer {
        background-color: #4bbdff;
        border-top: 1px solid rgba(0, 0, 0, 0.125);
        font-size: 14px;
        line-height: 30px;
        color: #FFFFFF !important;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
    }

    .borderbox01-wd3 {
        font-size: 14px;
        line-height: 30px;
        color: #4bbdff;
        padding-left: 5px;
    }



    .borderbox01-wd1-3 {
        font-size: 16px;
        line-height: 65px;
        color: #4fbfff;
        font-weight: bold;
    }

    .borderbox01-wd1-4 {
        font-size: 18px;
        line-height: 65px;
        color: #fc0204;
        font-weight: bold;
    }

    .card-box02-1 {
        text-align: center;
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 25px;
    }

    .card-footer-addwd02 {
        font-size: 14px;
        line-height: 30px;
        color: #333333 !important;
        padding-left: 15px;
    }


    .borderbox01-wd2-3 {
        font-size: 14px;
        line-height: 30px;
        color: #666666;
        padding-left: 30px;
    }

    .borderbox01-wd2 {
        font-size: 13px;
        line-height: 30px;
        color: #666666;
        padding-left: 25px;
    }


    .order-wd1 {
        font-size: 14px;
        line-height: 25px;
        text-align: center;
    }

    .borderbox01-wd9-2 {
        font-size: 15px;
        line-height: 30px;
        color: #666666;
        width: 160px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .box03 {
        width: calc(100% - 5px );
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .noread2 {
        position: absolute;
        height: 20px;
        width: 20px;
        z-index: 2;
        top: 10px;
        left: 40px;
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        background-color: #FF0000;
        border-radius: 50px;
        line-height: 20px;
    }

    .borderbox01-wd1-2 {
        font-size: 14px;
        line-height: 25px;
        color: #868686;
        padding-left: 15px;
    }

    .card-header {
        background-color: #4bbdff;
        font-size: 14px;
        line-height: 30px;
        color: #FFFFFF !important;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 5px;
        border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    }

    .sub-menu5-style01 {
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 12px;
        margin-left: 3px;
        line-height: 20px;
        float: left;
    }

    .sub-menu5-style02 {
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 12px;
        margin-left: 3px;
        line-height: 20px;
        float: left;
        color: #FF0000;
    }


    .borderbox01-wd3-4 {
        font-size: 12px;
        line-height: 30px;
        color: #000000;
        padding-left: 5px;
    }

    .borderbox01-wd3-5 {
        font-size: 12px;
        line-height: 30px;
        color: #fe0103;
        padding-left: 5px;
    }

    .col-sm-8 {
        width: 64%;
        float: left;
    }

    .col-sm-4 {
        width: 36%;
        float: left;
    }

    .sub-menu-style01-2 {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #FFFFFF;
        text-align: center;
        background-color: #4bbdff;
        cursor: pointer;
        width: 100px;
        margin-right: 5px;
        float: left;
    }

    .sub-menu5 {
        width: calc(100% - 105px);
        float: left;
    }


    .col-sm-2 {
        width: 10%;
        float: left;
    }

    .col-sm-3 {
        width: 20%;
        float: left;
    }

    .order-textbox1 {
        font-size: 13px;
        line-height: 25px;
        width: 95%;
        text-align: center;
        border: 1px solid #CCCCCC;
        background-color: #FFFFFF !important;
    }

    .inner3-wd1 {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
        color: #333333;
        background-color: #9ADAFC;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #333333;
        font-weight: bold;
    }

    .inner3-wd1-1 {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
        color: #333333;
        background-color: #ffcd56;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #333333;
        font-weight: bold;
    }



    .inner3-wd2 {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
        color: #666666;
    }

    .box08-inner {
        font-size: 13px;
        line-height: 20px;
        color: #666666;
        width: 100%;
    }

    .borderbox01-wd1-9 {
        font-size: 16px;
        line-height: 30px;
        font-weight: bold;
        margin-left: 10px;
    }

    .borderbox01-wd1-10 {
        font-size: 14px;
        line-height: 30px;
        margin-left: 10px;
        color: #999999;
    }

    .card-left-add-3 {
        margin-top: 5px;
        width: calc(100% - 180px);
        float: left;
    }


    .card-left-add-4 {
        width: 110px;
        float: left;
        margin-left: 10px;
        margin-top: 5px;
    }

    .borderbox01-wd9-3 {
        font-size: 13px;
        line-height: 20px;
        color: #999999;
    }

    .borderbox01-wd9-4 {
        font-size: 13px;
        line-height: 20px;
        color: #FF0000;
    }

    .scarn-right {
        width: 50%;
        float: left;
        font-size: 14px;
        line-height: 23px;
    }

    .sub-menu-style01-4 {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 14px;
        color: #FFFFFF;
        background-color: #f8931f;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
    }

    .sub-menu-style01-5 {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 14px;
        color: #FFFFFF;
        background-color: #64c708;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
    }


    .topmenu-style01 {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 38px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #878787;
        background-color: #ffffff;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
        border: 1px solid #878787;
    }

    .topmenu-style02 {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 14px;
        color: #FFFFFF;
        background-color: #f8931f;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
    }

    .topmenu-style03 {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 14px;
        color: #FFFFFF;
        background-color: #63c903;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
    }

    .topmenu-style04 {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 14px;
        color: #FFFFFF;
        background-color: #b3b3b3;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
    }

    .topmenu-style05 {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 14px;
        color: #FFFFFF;
        background-color: #4bbdff;
        cursor: pointer;
        width: 100%;
        text-align: center;
        padding-right: 10px;
        padding-left: 10px;
    }


    .pa-50 {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }




    .time-textbox {
        font-size: 12px;
        color: #666666;
        line-height: 25px;
        width: 75px;
        padding-left: 3px;
        border: 0px solid #4fbfff;
    }

    .time-textbox1 {
        font-size: 12px;
        color: #666666;
        line-height: 25px;
        width: 35px;
        padding-left: 3px;
        border: 0px solid #4fbfff;
    }

    .time-textbox2 {
        font-size: 13px;
        color: #64c708;
        line-height: 25px;
        width: 120px;
        padding-left: 3px;
        border: 0px solid #4fbfff;
    }


    .card-header6 {
        background-color: #4bbdff;
        font-size: 14px;
        line-height: 25px;
        color: #FFFFFF !important;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 5px;
        border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .card-header6-1 {
        background-color: #b3b3b3;
        font-size: 14px;
        line-height: 25px;
        color: #FFFFFF !important;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 5px;
        border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .card-header6-2 {
        background-color: #64c708;
        font-size: 14px;
        line-height: 25px;
        color: #FFFFFF !important;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 5px;
        border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .card-header-left {
        float: left;
        width: 68%;
    }

    .card-header-right {
        float: left;
        width: 30%;
        text-align: right;
    }

    .order-textbox2-1-2 {
        font-size: 16px;
        line-height: 25px;
        border: 1px solid #CCCCCC;
        color: #666666;
        background-color: #FFFFFF !important;
        width: 180px;
        padding-left: 10px;
        height: 28px;
    }

    .borderbox01-wd1-b {
        font-size: 14px;
        line-height: 35px;
        color: #333333;
        font-weight: bold;
        padding-left: 15px;
        width: 230px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .reset-bt {
        font-size: 12px;
        line-height: 25px;
        text-align: center;
        background-color: #fc0204;
        border-radius: 20px;
        color: #FFFFFF;
        cursor: pointer;
        margin-left: 8px;
        padding-right: 3px;
        padding-left: 3px;
    }

    .sub-menu-style13-2 {
        border: 1px solid #929191;
        line-height: 27px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 13px;
        color: #666666;
        background-color: #FFF;
        cursor: pointer;
        width: calc(100% - 30px);
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
    }

    .box08-inner3 {
        font-size: 13px;
        line-height: 20px;
        color: #666666;
        width: 100%;
    }

    .sub-menu-style10-5 {
        border: 1px solid #9960c7;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: 30px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 14px;
        color: #FFF;
        text-align: center;
        background-color: #9960c7;
        cursor: pointer;
        width: 95px;
        margin-bottom: 10px;
    }

    .align-add05 {
        margin-right: 10px;
        float: left;
        width: 45%;
        font-size: 14px;
        line-height: 20px;
    }

    .align-add05-1 {
        margin-right: 3px;
        float: left;
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        background-color: #DDDDDD;
        margin-bottom: 3px;
        margin-top: 2px;
    }

    .card-header-4 {
        background-color: #4bbdff;
        font-size: 13px;
        line-height: 30px;
        color: #FFFFFF !important;
        padding-left: 15px;
        padding-right: 5px;
        border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
    }



    .card-title-wd {
        font-size: 12px;
        color: #279feb;
        text-align: center;
    }

    .card-contentwd1-7-2 {
        line-height: 30px;
        font-size: 13px;
        color: #333333;
        overflow: hidden;
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }

    .textbox-height {
        font-size: 13px;
        height: 30px;
    }

    .pay-textbox3 {
        font-size: 13px;
        color: #666666;
        line-height: 20px;
        width: 50px;
        text-align: center;
        border: 1px solid #808080;
        margin-left: 5px;
    }

    .line-blue {
        width: 100%;
        font-size: 14px;
        color: #FFFFFF;
        margin-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
        background-color: #4bbdff;
        height: 30px;
        line-height: 30px;
    }

    .line-blue-1 {
        font-size: 14px;
        color: #FFFFFF;
        float: right;
    }

    .line-gray {
        width: 100%;
        font-size: 14px;
        color: #FFFFFF;
        margin-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
        background-color: #b3b3b3;
        height: 30px;
        line-height: 30px;
    }


    .line-box {
        background-color: #FFFFFF;
        border: 1px solid #c4c4c4;
        height: 40px;
        width: 92%;
        margin-left: 15px;
        line-height: 40px;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .line-box2 {
        background-color: #f8931f;
        height: 35px;
        width: 92%;
        margin-left: 15px;
        line-height: 35px;
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 14px;
        color: #FFFFFF;
        text-align: center;
    }


    .line-box-in3 {
        width: 33.33%;
        float: left;
        font-size: 14px;
    }

    .borderbox01-wd8-4 {
        font-size: 12px;
        line-height: 25px;
        color: #FF9900;
    }

    .pay-textbox4 {
        font-size: 10px;
        color: #666666 !important;
        line-height: 20px;
        width: 125%;
        text-align: center;
        border: 1px solid #4fbfff;
        transform: scale(0.8);
        margin-left: -8px;
    }


    .pay-textbox5 {
        font-size: 12px;
        color: #666666 !important;
        line-height: 20px;
        width: 100%;
        text-align: center;
        border: 1px solid #4fbfff;
    }

    .grade-type2 {
        position: absolute;
        height: 90px;
        width: 60px;
        z-index: 1;
        right: 8px;
        top: -10px;
    }

    .borderbox01-wd8 {
        font-size: 14px;
        line-height: 25px;
        color: #666666;
        padding-left: 30px;
        overflow: hidden;
        float: left;
    }

    .line-box-in5 {
        width: 50%;
        float: left;
        font-size: 13px;
        text-align: center;
    }

    .card-footer-addwd03 {
        font-size: 13px;
        line-height: 30px;
        color: #FFF !important;
        padding-left: 10px;
    }

    .pay-addwd1 {
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
        color: #333333;
    }

    .sub-menu-style13-6 {
        border: 1px solid #999999;
        line-height: 21px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 12px;
        color: #666666;
        background-color: #FFF;
        cursor: pointer;
        width: 72px;
        text-align: center;
        float: left;
        margin-right: 5px;
    }

    .sub-menu-style04-5 {
        border: 1px solid #666666;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #666666;
        background-color: #FFF;
        cursor: pointer;
        width: 110px;
        text-align: center;
        float: right;
    }

    .sub-menu-style04-6 {
        border: 1px solid #64c708;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: 40px;
        font-family: "微軟正黑體", Arial, "新細明體";
        font-size: 15px;
        color: #FFF;
        background-color: #64c708;
        cursor: pointer;
        width: 65px;
        text-align: center;
        float: right;
        margin-right: 5px;
    }
}