/*此CSS要搭配 Bootstrap 5.0*/
.row {
    margin: 0;
}

.row0 > div {
    padding: 0px;
}

.row1 > div {
    padding: 1px;
}

.img-max {
    max-width: 100%;
    max-height: 100%;
}

.Container {
    position: relative;
    overflow: hidden;
}

a {
    text-decoration: none;
}

.text-center, .text-center > *, .center, .Center, .Center, .center > * {
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}

ul {
    margin: 0;
    padding: 0;
}

.label {
    display: inline-block;
    padding: 0.29em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    background-color: #fff;
    margin: 0px 2px;
    border-width: 1px;
}

label.badge {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.label-light {
    background-color: #f8f9fa;
    color: #000;
}

.label-secondary {
    border-color: #6c757d;
    color: #6c757d;
}

.label-dark {
    border-color: #212529;
    color: #212529;
}

.label-primary {
    border-color: #0d6efd;
    color: #0d6efd;
}

.label-warning {
    border-color: #ffc107;
    color: #ffc107;
}

.label-danger {
    border-color: #dc3545;
    color: #dc3545;
}

.label-success {
    border-color: #198754;
    color: #198754;
}

.label-info {
    border-color: #0dcaf0;
    color: #0dcaf0;
}



.middle, .Middle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.middle-center {
    position: absolute;
    top: 50%;
    left: 50%;
    Transform: translate(-50%, -50%)
}



.nowrap {
    white-space: nowrap;
}

.Hide, .hide {
    display: none;
}

.pointer {
    cursor: pointer;
}

.inline {
    display: inline;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.flex {
    display: flex;
}

.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
}

.block, .Block, .btn-block {
    width: 100%;
    display: block;
    text-align: center;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.bold, .Bold, .fwb, .bold > *, Bold > * {
    font-weight: bold !important;
}

.fs-01rem {
    font-size: 0.1rem !important;
}

.fs-02rem {
    font-size: 0.2rem !important;
}

.fs-03rem {
    font-size: 0.3rem !important;
}

.fs-04rem {
    font-size: 0.4rem !important;
}

.fs-05rem {
    font-size: 0.5rem !important;
}

.fs-06rem {
    font-size: 0.6rem !important;
}

.fs-07rem {
    font-size: 0.7rem !important;
}

.fs-08rem {
    font-size: 0.8rem !important;
}

.fs-09rem {
    font-size: 0.9rem !important;
}

.fs-1rem {
    font-size: 1rem !important;
}

.fs-11rem {
    font-size: 1.1rem !important;
}

.fs-12rem {
    font-size: 1.2rem !important;
}

.fs-13rem {
    font-size: 1.3rem !important;
}

.fs-14rem {
    font-size: 1.4rem !important;
}

.fs-15rem {
    font-size: 1.5rem !important;
}

.fs-16rem {
    font-size: 1.6rem !important;
}

.fs-17rem {
    font-size: 1.7rem !important;
}

.fs-18rem {
    font-size: 1.8rem !important;
}

.fs-19rem {
    font-size: 1.9rem !important;
}

.fs-2rem {
    font-size: 2.0rem !important;
}


.fs-8 {
    font-size: 8px !important;
}

.fs-9 {
    font-size: 9px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-29 {
    font-size: 29px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-31 {
    font-size: 31px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-33 {
    font-size: 33px !important;
}

.fs-34 {
    font-size: 34px !important;
}

.fs-35 {
    font-size: 35px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-37 {
    font-size: 37px !important;
}

.fs-38 {
    font-size: 38px !important;
}

.fs-39 {
    font-size: 39px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-41 {
    font-size: 41px !important;
}

.fs-42 {
    font-size: 42px !important;
}

.fs-43 {
    font-size: 43px !important;
}

.fs-44 {
    font-size: 44px !important;
}

.fs-45 {
    font-size: 45px !important;
}

.fs-46 {
    font-size: 46px !important;
}

.fs-47 {
    font-size: 47px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.fs-49 {
    font-size: 49px !important;
}

.fs-50 {
    font-size: 50px !important;
}



.lh-8 {
    line-height: 8px;
}

.lh-9 {
    line-height: 9px;
}

.lh-10 {
    line-height: 10px;
}

.lh-11 {
    line-height: 11px;
}

.lh-12 {
    line-height: 12px;
}

.lh-13 {
    line-height: 13px;
}

.lh-14 {
    line-height: 14px;
}

.lh-15 {
    line-height: 15px;
}

.lh-16 {
    line-height: 16px;
}

.lh-17 {
    line-height: 17px;
}

.lh-18 {
    line-height: 18px;
}

.lh-19 {
    line-height: 19px;
}

.lh-20 {
    line-height: 20px;
}

.lh-21 {
    line-height: 21px;
}

.lh-22 {
    line-height: 22px;
}

.lh-23 {
    line-height: 23px;
}

.lh-24 {
    line-height: 24px;
}

.lh-25 {
    line-height: 25px;
}

.lh-26 {
    line-height: 26px;
}

.lh-27 {
    line-height: 27px;
}

.lh-28 {
    line-height: 28px;
}

.lh-29 {
    line-height: 29px;
}

.lh-30 {
    line-height: 30px;
}

.lh-31 {
    line-height: 31px;
}

.lh-32 {
    line-height: 32px;
}

.lh-33 {
    line-height: 33px;
}

.lh-34 {
    line-height: 34px;
}

.lh-35 {
    line-height: 35px;
}

.lh-36 {
    line-height: 36px;
}

.lh-37 {
    line-height: 37px;
}

.lh-38 {
    line-height: 38px;
}

.lh-39 {
    line-height: 39px;
}

.lh-40 {
    line-height: 40px;
}

.lh-41 {
    line-height: 41px;
}

.lh-42 {
    line-height: 42px;
}

.lh-43 {
    line-height: 43px;
}

.lh-44 {
    line-height: 44px;
}

.lh-45 {
    line-height: 45px;
}

.lh-46 {
    line-height: 46px;
}

.lh-47 {
    line-height: 47px;
}

.lh-48 {
    line-height: 48px;
}

.lh-49 {
    line-height: 49px;
}

.lh-50 {
    line-height: 50px;
}

.lh-100 {
    line-height: 100px;
}

.lh-120 {
    line-height: 120px;
}

.lh-150 {
    line-height: 150px;
}

.lh-200 {
    line-height: 200px;
}


.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

.p0, .p-0 {
    padding: 0px !important;
}

.p1, .p-1 {
    padding: 1px !important;
}

.p2, .p-2 {
    padding: 2px !important;
}

.p3, .p-3 {
    padding: 3px !important;
}

.p4, .p-4 {
    padding: 4px !important;
}

.p5, .p-5 {
    padding: 5px !important;
}

.p6, .p-6 {
    padding: 6px !important;
}

.p7, .p-7 {
    padding: 7px !important;
}

.p8, .p-8 {
    padding: 8px !important;
}

.p9, .p-9 {
    padding: 9px !important;
}

.p10, .p-10 {
    padding: 10px !important;
}

.p15, .p-15 {
    padding: 15px !important;
}

.p20, .p-20 {
    padding: 20px !important;
}

.p25, .p-25 {
    padding: 25px !important;
}

.p30, .p-30 {
    padding: 30px !important;
}

.p35, .p-35 {
    padding: 35px !important;
}

.p40, .p-40 {
    padding: 40px !important;
}

.p45, .p-45 {
    padding: 45px !important;
}

.p50, .p-50 {
    padding: 50px !important;
}

.p55, .p-55 {
    padding: 55px !important;
}

.p60, .p-60 {
    padding: 60px !important;
}

.p65, .p-65 {
    padding: 65px !important;
}

.p70, .p-70 {
    padding: 70px !important;
}

.p75, .p-75 {
    padding: 75px !important;
}

.p80, .p-80 {
    padding: 80px !important;
}

.p85, .p-85 {
    padding: 85px !important;
}

.p90, .p-90 {
    padding: 90px !important;
}

.p95, .p-95 {
    padding: 95px !important;
}

.p100, .p-100 {
    padding: 100px !important;
}


.m0, .m-0 {
    margin: 0px auto;
}

.m1, .m-1 {
    margin: 1px auto;
}

.m2, .m-2 {
    margin: 2px auto;
}

.m3, .m-3 {
    margin: 3px auto;
}

.m4, .m-4 {
    margin: 4px auto;
}

.m5, .m-5 {
    margin: 5px auto;
}

.m6, .m-6 {
    margin: 6px auto;
}

.m7, .m-7 {
    margin: 7px auto;
}

.m8, .m-8 {
    margin: 8px auto;
}

.m9, .m-9 {
    margin: 9px auto;
}

.m10, .m-10 {
    margin: 10px auto;
}

.m20, .m-20 {
    margin: 20px auto;
}

.m30, .m-30 {
    margin: 30px auto;
}

.m40, .m-40 {
    margin: 40px auto;
}

.m50, .m-50 {
    margin: 50px auto;
}

.m60, .m-60 {
    margin: 60px auto;
}

.m70, .m-70 {
    margin: 70px auto;
}

.m80, .m-80 {
    margin: 80px auto;
}

.m90, .m-90 {
    margin: 90px auto;
}

.m100, .m-100 {
    margin: 100px auto;
}

.mt0 {
    margin-top: 0px;
}

.mt1 {
    margin-top: 1px;
}

.mt2 {
    margin-top: 2px;
}

.mt3 {
    margin-top: 3px;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt6 {
    margin-top: 6px;
}

.mt7 {
    margin-top: 7px;
}

.mt8 {
    margin-top: 8px;
}

.mt9 {
    margin-top: 9px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt90 {
    margin-top: 90px;
}

.mt100 {
    margin-top: 100px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb1 {
    margin-bottom: 1px;
}

.mb2 {
    margin-bottom: 2px;
}

.mb3 {
    margin-bottom: 3px;
}

.mb4 {
    margin-bottom: 4px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb6 {
    margin-bottom: 6px;
}

.mb7 {
    margin-bottom: 7px;
}

.mb8 {
    margin-bottom: 8px;
}

.mb9 {
    margin-bottom: 9px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb90 {
    margin-bottom: 90px;
}

.mb100 {
    margin-bottom: 100px;
}

.mr0 {
    margin-right: 0px;
}

.mr1 {
    margin-right: 1px;
}

.mr2 {
    margin-right: 2px;
}

.mr3 {
    margin-right: 3px;
}

.mr4 {
    margin-right: 4px;
}

.mr5 {
    margin-right: 5px;
}

.mr6 {
    margin-right: 6px;
}

.mr7 {
    margin-right: 7px;
}

.mr8 {
    margin-right: 8px;
}

.mr9 {
    margin-right: 9px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mr60 {
    margin-right: 60px;
}

.mr70 {
    margin-right: 70px;
}

.mr80 {
    margin-right: 80px;
}

.mr90 {
    margin-right: 90px;
}

.mr100 {
    margin-right: 100px;
}

.ml0 {
    margin-left: 0px;
}

.ml1 {
    margin-left: 1px;
}

.ml2 {
    margin-left: 2px;
}

.ml3 {
    margin-left: 3px;
}

.ml4 {
    margin-left: 4px;
}

.ml5 {
    margin-left: 5px;
}

.ml6 {
    margin-left: 6px;
}

.ml7 {
    margin-left: 7px;
}

.ml8 {
    margin-left: 8px;
}

.ml9 {
    margin-left: 9px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml60 {
    margin-left: 60px;
}

.ml70 {
    margin-left: 70px;
}

.ml80 {
    margin-left: 80px;
}

.ml90 {
    margin-left: 90px;
}

.ml100 {
    margin-left: 100px;
}

.top {
    position: absolute;
    top: 0px;
}

.top10 {
    position: absolute;
    top: 10px;
}

.top20 {
    position: absolute;
    top: 20px;
}

.top30 {
    position: absolute;
    top: 30px;
}

.left0 {
    position: absolute;
    left: 0px;
}

.left10 {
    position: absolute;
    left: 10px;
}

.left20 {
    position: absolute;
    left: 20px;
}

.left30 {
    position: absolute;
    left: 30px;
}

.right0 {
    position: absolute;
    right: 0px;
}

.right10 {
    position: absolute;
    right: 10px;
}

.right20 {
    position: absolute;
    right: 20px;
}

.right30 {
    position: absolute;
    right: 30px;
}

.bottom0 {
    position: absolute;
    bottom: 0px;
}

.bottom10 {
    position: absolute;
    bottom: 10px;
}

.bottom20 {
    position: absolute;
    bottom: 20px;
}

.bottom30 {
    position: absolute;
    bottom: 30px;
}

ul.ulblock {
    margin: 0;
    padding: 0;
}

    ul.ulblock > li {
        display: inline-block;
        padding: 0px;
        margin: 0px;
    }

.radius0 {
    border-radius: 0px !important;
}

.radius3 {
    border-radius: 3px !important;
}

.radius5 {
    border-radius: 5px !important;
}

.radius10 {
    border-radius: 10px !important;
}

.radius20 {
    border-radius: 20px !important;
}

.radius999, radius-circle {
    border-radius: 999em !important;
}

.radius-top10 {
    border-radius: 10px 10px 0px 0px;
}

.radius-botton10 {
    border-radius: 0px 0px 10px 10px;
}


.mh-5 {
    max-height: 5% !important;
}

.mh-10 {
    max-height: 10% !important;
}

.mh-15 {
    max-height: 15% !important;
}

.mh-20 {
    max-height: 20% !important;
}

.mh-25 {
    max-height: 25% !important;
}

.mh-30 {
    max-height: 30% !important;
}

.mh-35 {
    max-height: 35% !important;
}

.mh-40 {
    max-height: 40% !important;
}

.mh-45 {
    max-height: 45% !important;
}

.mh-50 {
    max-height: 50% !important;
}

.mh-55 {
    max-height: 55% !important;
}

.mh-60 {
    max-height: 60% !important;
}

.mh-65 {
    max-height: 65% !important;
}

.mh-70 {
    max-height: 70% !important;
}

.mh-75 {
    max-height: 75% !important;
}

.mh-80 {
    max-height: 80% !important;
}

.mh-85 {
    max-height: 85% !important;
}

.mh-90 {
    max-height: 90% !important;
}

.mh-95 {
    max-height: 95% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.h-100v {
    height: 100vh;
}


.w-0 {
    width: 0%;
}

.w-5 {
    width: 5%;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

.w0 {
    width: 0px !important;
}

.mw0 {
    max-width: 0px !important;
}

.w1 {
    width: 1px !important;
}

.mw1 {
    max-width: 1px !important;
}

.w2 {
    width: 2px !important;
}

.mw2 {
    max-width: 2px !important;
}

.w3 {
    width: 3px !important;
}

.mw3 {
    max-width: 3px !important;
}

.w4 {
    width: 4px !important;
}

.mw4 {
    max-width: 4px !important;
}

.w5 {
    width: 5px !important;
}

.mw5 {
    max-width: 5px !important;
}

.w6 {
    width: 6px !important;
}

.mw6 {
    max-width: 6px !important;
}

.w7 {
    width: 7px !important;
}

.mw7 {
    max-width: 7px !important;
}

.w8 {
    width: 8px !important;
}

.mw8 {
    max-width: 8px !important;
}

.w9 {
    width: 9px !important;
}

.mw9 {
    max-width: 9px !important;
}

.w10 {
    width: 10px !important;
}

.mw10 {
    max-width: 10px !important;
}

.w11 {
    width: 11px !important;
}

.mw11 {
    max-width: 11px !important;
}

.w12 {
    width: 12px !important;
}

.mw12 {
    max-width: 12px !important;
}

.w13 {
    width: 13px !important;
}

.mw13 {
    max-width: 13px !important;
}

.w14 {
    width: 14px !important;
}

.mw14 {
    max-width: 14px !important;
}

.w15 {
    width: 15px !important;
}

.mw15 {
    max-width: 15px !important;
}

.w16 {
    width: 16px !important;
}

.mw16 {
    max-width: 16px !important;
}

.w17 {
    width: 17px !important;
}

.mw17 {
    max-width: 17px !important;
}

.w18 {
    width: 18px !important;
}

.mw18 {
    max-width: 18px !important;
}

.w19 {
    width: 19px !important;
}

.mw19 {
    max-width: 19px !important;
}

.w20 {
    width: 20px !important;
}

.mw20 {
    max-width: 20px !important;
}

.w21 {
    width: 21px !important;
}

.mw21 {
    max-width: 21px !important;
}

.w22 {
    width: 22px !important;
}

.mw22 {
    max-width: 22px !important;
}

.w23 {
    width: 23px !important;
}

.mw23 {
    max-width: 23px !important;
}

.w24 {
    width: 24px !important;
}

.mw24 {
    max-width: 24px !important;
}

.w25 {
    width: 25px !important;
}

.mw25 {
    max-width: 25px !important;
}

.w26 {
    width: 26px !important;
}

.mw26 {
    max-width: 26px !important;
}

.w27 {
    width: 27px !important;
}

.mw27 {
    max-width: 27px !important;
}

.w28 {
    width: 28px !important;
}

.mw28 {
    max-width: 28px !important;
}

.w29 {
    width: 29px !important;
}

.mw29 {
    max-width: 29px !important;
}

.w30 {
    width: 30px !important;
}

.mw30 {
    max-width: 30px !important;
}

.w31 {
    width: 31px !important;
}

.mw31 {
    max-width: 31px !important;
}

.w32 {
    width: 32px !important;
}

.mw32 {
    max-width: 32px !important;
}

.w33 {
    width: 33px !important;
}

.mw33 {
    max-width: 33px !important;
}

.w34 {
    width: 34px !important;
}

.mw34 {
    max-width: 34px !important;
}

.w35 {
    width: 35px !important;
}

.mw35 {
    max-width: 35px !important;
}

.w36 {
    width: 36px !important;
}

.mw36 {
    max-width: 36px !important;
}

.w37 {
    width: 37px !important;
}

.mw37 {
    max-width: 37px !important;
}

.w38 {
    width: 38px !important;
}

.mw38 {
    max-width: 38px !important;
}

.w39 {
    width: 39px !important;
}

.mw39 {
    max-width: 39px !important;
}

.w40 {
    width: 40px !important;
}

.mw40 {
    max-width: 40px !important;
}

.w41 {
    width: 41px !important;
}

.mw41 {
    max-width: 41px !important;
}

.w42 {
    width: 42px !important;
}

.mw42 {
    max-width: 42px !important;
}

.w43 {
    width: 43px !important;
}

.mw43 {
    max-width: 43px !important;
}

.w44 {
    width: 44px !important;
}

.mw44 {
    max-width: 44px !important;
}

.w45 {
    width: 45px !important;
}

.mw45 {
    max-width: 45px !important;
}

.w46 {
    width: 46px !important;
}

.mw46 {
    max-width: 46px !important;
}

.w47 {
    width: 47px !important;
}

.mw47 {
    max-width: 47px !important;
}

.w48 {
    width: 48px !important;
}

.mw48 {
    max-width: 48px !important;
}

.w49 {
    width: 49px !important;
}

.mw49 {
    max-width: 49px !important;
}

.w50 {
    width: 50px !important;
}

.mw50 {
    max-width: 50px !important;
}

.w51 {
    width: 51px !important;
}

.mw51 {
    max-width: 51px !important;
}

.w52 {
    width: 52px !important;
}

.mw52 {
    max-width: 52px !important;
}

.w53 {
    width: 53px !important;
}

.mw53 {
    max-width: 53px !important;
}

.w54 {
    width: 54px !important;
}

.mw54 {
    max-width: 54px !important;
}

.w55 {
    width: 55px !important;
}

.mw55 {
    max-width: 55px !important;
}

.w56 {
    width: 56px !important;
}

.mw56 {
    max-width: 56px !important;
}

.w57 {
    width: 57px !important;
}

.mw57 {
    max-width: 57px !important;
}

.w58 {
    width: 58px !important;
}

.mw58 {
    max-width: 58px !important;
}

.w59 {
    width: 59px !important;
}

.mw59 {
    max-width: 59px !important;
}

.w60 {
    width: 60px !important;
}

.mw60 {
    max-width: 60px !important;
}

.w61 {
    width: 61px !important;
}

.mw61 {
    max-width: 61px !important;
}

.w62 {
    width: 62px !important;
}

.mw62 {
    max-width: 62px !important;
}

.w63 {
    width: 63px !important;
}

.mw63 {
    max-width: 63px !important;
}

.w64 {
    width: 64px !important;
}

.mw64 {
    max-width: 64px !important;
}

.w65 {
    width: 65px !important;
}

.mw65 {
    max-width: 65px !important;
}

.w66 {
    width: 66px !important;
}

.mw66 {
    max-width: 66px !important;
}

.w67 {
    width: 67px !important;
}

.mw67 {
    max-width: 67px !important;
}

.w68 {
    width: 68px !important;
}

.mw68 {
    max-width: 68px !important;
}

.w69 {
    width: 69px !important;
}

.mw69 {
    max-width: 69px !important;
}

.w70 {
    width: 70px !important;
}

.mw70 {
    max-width: 70px !important;
}

.w71 {
    width: 71px !important;
}

.mw71 {
    max-width: 71px !important;
}

.w72 {
    width: 72px !important;
}

.mw72 {
    max-width: 72px !important;
}

.w73 {
    width: 73px !important;
}

.mw73 {
    max-width: 73px !important;
}

.w74 {
    width: 74px !important;
}

.mw74 {
    max-width: 74px !important;
}

.w75 {
    width: 75px !important;
}

.mw75 {
    max-width: 75px !important;
}

.w76 {
    width: 76px !important;
}

.mw76 {
    max-width: 76px !important;
}

.w77 {
    width: 77px !important;
}

.mw77 {
    max-width: 77px !important;
}

.w78 {
    width: 78px !important;
}

.mw78 {
    max-width: 78px !important;
}

.w79 {
    width: 79px !important;
}

.mw79 {
    max-width: 79px !important;
}

.w80 {
    width: 80px !important;
}

.mw80 {
    max-width: 80px !important;
}

.w81 {
    width: 81px !important;
}

.mw81 {
    max-width: 81px !important;
}

.w82 {
    width: 82px !important;
}

.mw82 {
    max-width: 82px !important;
}

.w83 {
    width: 83px !important;
}

.mw83 {
    max-width: 83px !important;
}

.w84 {
    width: 84px !important;
}

.mw84 {
    max-width: 84px !important;
}

.w85 {
    width: 85px !important;
}

.mw85 {
    max-width: 85px !important;
}

.w86 {
    width: 86px !important;
}

.mw86 {
    max-width: 86px !important;
}

.w87 {
    width: 87px !important;
}

.mw87 {
    max-width: 87px !important;
}

.w88 {
    width: 88px !important;
}

.mw88 {
    max-width: 88px !important;
}

.w89 {
    width: 89px !important;
}

.mw89 {
    max-width: 89px !important;
}

.w90 {
    width: 90px !important;
}

.mw90 {
    max-width: 90px !important;
}

.w91 {
    width: 91px !important;
}

.mw91 {
    max-width: 91px !important;
}

.w92 {
    width: 92px !important;
}

.mw92 {
    max-width: 92px !important;
}

.w93 {
    width: 93px !important;
}

.mw93 {
    max-width: 93px !important;
}

.w94 {
    width: 94px !important;
}

.mw94 {
    max-width: 94px !important;
}

.w95 {
    width: 95px !important;
}

.mw95 {
    max-width: 95px !important;
}

.w96 {
    width: 96px !important;
}

.mw96 {
    max-width: 96px !important;
}

.w97 {
    width: 97px !important;
}

.mw97 {
    max-width: 97px !important;
}

.w98 {
    width: 98px !important;
}

.mw98 {
    max-width: 98px !important;
}

.w99 {
    width: 99px !important;
}

.mw99 {
    max-width: 99px !important;
}

.w100 {
    width: 100px !important;
}

.mw100 {
    max-width: 100px !important;
}

.w110 {
    width: 110px !important;
}

.mw110 {
    max-width: 110px !important;
}

.w115 {
    width: 115px !important;
}

.mw115 {
    max-width: 115px !important;
}

.w120 {
    width: 120px !important;
}

.mw120 {
    max-width: 120px !important;
}

.w125 {
    width: 125px !important;
}

.mw125 {
    max-width: 125px !important;
}

.w130 {
    width: 130px !important;
}

.mw130 {
    max-width: 130px !important;
}

.w135 {
    width: 135px !important;
}

.mw135 {
    max-width: 135px !important;
}

.w140 {
    width: 140px !important;
}

.mw140 {
    max-width: 140px !important;
}

.w145 {
    width: 145px !important;
}

.mw145 {
    max-width: 145px !important;
}

.w150 {
    width: 150px !important;
}

.mw150 {
    max-width: 150px !important;
}

.w155 {
    width: 155px !important;
}

.mw155 {
    max-width: 155px !important;
}

.w160 {
    width: 160px !important;
}

.mw160 {
    max-width: 160px !important;
}

.w165 {
    width: 165px !important;
}

.mw165 {
    max-width: 165px !important;
}

.w170 {
    width: 170px !important;
}

.mw170 {
    max-width: 170px !important;
}

.w175 {
    width: 175px !important;
}

.mw175 {
    max-width: 175px !important;
}

.w180 {
    width: 180px !important;
}

.mw180 {
    max-width: 180px !important;
}

.w185 {
    width: 185px !important;
}

.mw185 {
    max-width: 185px !important;
}

.w190 {
    width: 190px !important;
}

.mw190 {
    max-width: 190px !important;
}

.w195 {
    width: 195px !important;
}

.mw195 {
    max-width: 195px !important;
}

.w200 {
    width: 200px !important;
}

.mw200 {
    max-width: 200px !important;
}

.w250 {
    width: 250px !important;
}

.mw250 {
    max-width: 250px !important;
}

.w300 {
    width: 300px !important;
}

.mw300 {
    max-width: 300px !important;
}

.w350 {
    width: 350px !important;
}

.mw350 {
    max-width: 350px !important;
}

.w400 {
    width: 400px !important;
}

.mw400 {
    max-width: 400px !important;
}

.w450 {
    width: 450px !important;
}

.mw450 {
    max-width: 450px !important;
}

.w500 {
    width: 500px !important;
}

.mw500 {
    max-width: 500px !important;
}

.w550 {
    width: 550px !important;
}

.mw550 {
    max-width: 550px !important;
}

.w600 {
    width: 600px !important;
}

.mw600 {
    max-width: 600px !important;
}

.w650 {
    width: 650px !important;
}

.mw650 {
    max-width: 650px !important;
}

.w700 {
    width: 700px !important;
}

.mw700 {
    max-width: 700px !important;
}

.w750 {
    width: 750px !important;
}

.mw750 {
    max-width: 750px !important;
}

.w800 {
    width: 800px !important;
}

.mw800 {
    max-width: 800px !important;
}

.w850 {
    width: 850px !important;
}

.mw850 {
    max-width: 850px !important;
}

.w900 {
    width: 900px !important;
}

.mw900 {
    max-width: 900px !important;
}

.w950 {
    width: 950px !important;
}

.mw950 {
    max-width: 950px !important;
}

.w1000 {
    width: 1000px !important;
}

.mw1000 {
    max-width: 1000px !important;
}

.w1050 {
    width: 1050px !important;
}

.mw1050 {
    max-width: 1050px !important;
}

.w1100 {
    width: 1100px !important;
}

.mw1100 {
    max-width: 1100px !important;
}

.w1150 {
    width: 1150px !important;
}

.mw1150 {
    max-width: 1150px !important;
}

.w1200 {
    width: 1200px !important;
}

.mw1200 {
    max-width: 1200px !important;
}

.w995 {
    width: 995px !important;
}

.mw995 {
    max-width: 995px !important;
}







.h0 {
    height: 0px;
}

.h1 {
    height: 1px;
}

.h2 {
    height: 2px;
}

.h3 {
    height: 3px;
}

.h4 {
    height: 4px;
}

.h5 {
    height: 5px;
}

.h10 {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h25 {
    height: 25px;
}

.h30 {
    height: 30px;
}

.h35 {
    height: 35px;
}

.h40 {
    height: 40px;
}

.h45 {
    height: 45px;
}

.h50 {
    height: 50px;
}

.h55 {
    height: 55px;
}

.h60 {
    height: 60px;
}

.h65 {
    height: 65px;
}

.h70 {
    height: 70px;
}

.h75 {
    height: 75px;
}

.h80 {
    height: 80px;
}

.h85 {
    height: 85px;
}

.h90 {
    height: 90px;
}

.h95 {
    height: 95px;
}

.h100 {
    height: 100px;
}

.h110 {
    height: 110px;
}

.h120 {
    height: 120px;
}

.h130 {
    height: 130px;
}

.h140 {
    height: 140px;
}

.h150 {
    height: 150px;
}

.h160 {
    height: 160px;
}

.h170 {
    height: 170px;
}

.h180 {
    height: 180px;
}

.h190 {
    height: 190px;
}

.h200 {
    height: 200px;
}

.h250 {
    height: 250px;
}

.h300 {
    height: 300px;
}

.h350 {
    height: 350px;
}

.h400 {
    height: 400px;
}

.h450 {
    height: 450px;
}

.h500 {
    height: 500px;
}

.h550 {
    height: 550px;
}

.h600 {
    height: 600px;
}

.h650 {
    height: 650px;
}

.h700 {
    height: 700px;
}

.h750 {
    height: 750px;
}

.h800 {
    height: 800px;
}

.h850 {
    height: 850px;
}

.h900 {
    height: 900px;
}

.h950 {
    height: 950px;
}

.h1000 {
    height: 1000px;
}

.h1050 {
    height: 1050px;
}

.h1100 {
    height: 1100px;
}

.h1150 {
    height: 1150px;
}

.h1200 {
    height: 1200px;
}

.mih10 {
    min-height: 10px;
}

.mih20 {
    min-height: 20px;
}

.mih30 {
    min-height: 30px;
}

.mih40 {
    min-height: 40px;
}

.mih50 {
    min-height: 50px;
}

.mih60 {
    min-height: 60px;
}

.mih70 {
    min-height: 70px;
}

.mih80 {
    min-height: 80px;
}

.mih90 {
    min-height: 90px;
}

.mih100 {
    min-height: 100px;
}

.mih200 {
    min-height: 200px;
}

.mih300 {
    min-height: 300px;
}

.mih400 {
    min-height: 400px;
}

.mih500 {
    min-height: 500px;
}

.mih600 {
    min-height: 600px;
}

.mih700 {
    min-height: 700px;
}

.mih800 {
    min-height: 800px;
}

.mih900 {
    min-height: 900px;
}

.mih1000 {
    min-height: 1000px;
}

.mh0 {
    max-height: 0px;
}

.mh1 {
    max-height: 1px;
}

.mh2 {
    max-height: 2px;
}

.mh3 {
    max-height: 3px;
}

.mh4 {
    max-height: 4px;
}

.mh5 {
    max-height: 5px;
}

.mh6 {
    max-height: 6px;
}

.mh7 {
    max-height: 7px;
}

.mh8 {
    max-height: 8px;
}

.mh9 {
    max-height: 9px;
}

.mh10 {
    max-height: 10px;
}

.mh11 {
    max-height: 11px;
}

.mh12 {
    max-height: 12px;
}

.mh13 {
    max-height: 13px;
}

.mh14 {
    max-height: 14px;
}

.mh15 {
    max-height: 15px;
}

.mh16 {
    max-height: 16px;
}

.mh17 {
    max-height: 17px;
}

.mh18 {
    max-height: 18px;
}

.mh19 {
    max-height: 19px;
}

.mh20 {
    max-height: 20px;
}

.mh21 {
    max-height: 21px;
}

.mh22 {
    max-height: 22px;
}

.mh23 {
    max-height: 23px;
}

.mh24 {
    max-height: 24px;
}

.mh25 {
    max-height: 25px;
}

.mh26 {
    max-height: 26px;
}

.mh27 {
    max-height: 27px;
}

.mh28 {
    max-height: 28px;
}

.mh29 {
    max-height: 29px;
}

.mh30 {
    max-height: 30px;
}

.mh31 {
    max-height: 31px;
}

.mh32 {
    max-height: 32px;
}

.mh33 {
    max-height: 33px;
}

.mh34 {
    max-height: 34px;
}

.mh35 {
    max-height: 35px;
}

.mh36 {
    max-height: 36px;
}

.mh37 {
    max-height: 37px;
}

.mh38 {
    max-height: 38px;
}

.mh39 {
    max-height: 39px;
}

.mh40 {
    max-height: 40px;
}

.mh41 {
    max-height: 41px;
}

.mh42 {
    max-height: 42px;
}

.mh43 {
    max-height: 43px;
}

.mh44 {
    max-height: 44px;
}

.mh45 {
    max-height: 45px;
}

.mh46 {
    max-height: 46px;
}

.mh47 {
    max-height: 47px;
}

.mh48 {
    max-height: 48px;
}

.mh49 {
    max-height: 49px;
}

.mh50 {
    max-height: 50px;
}

.mh60 {
    max-height: 60px;
}

.mh70 {
    max-height: 70px;
}

.mh80 {
    max-height: 80px;
}

.mh90 {
    max-height: 90px;
}

.mh100 {
    max-height: 100px;
}

.mh110 {
    max-height: 110px;
}

.mh120 {
    max-height: 120px;
}

.mh130 {
    max-height: 130px;
}

.mh140 {
    max-height: 140px;
}

.mh150 {
    max-height: 150px;
}

.mh160 {
    max-height: 160px;
}

.mh170 {
    max-height: 170px;
}

.mh180 {
    max-height: 180px;
}

.mh190 {
    max-height: 190px;
}

.mh200 {
    max-height: 200px;
}

.mh250 {
    max-height: 250px;
}

.mh300 {
    max-height: 300px;
}

.mh350 {
    max-height: 350px;
}

.mh400 {
    max-height: 400px;
}

.mh450 {
    max-height: 450px;
}

.mh500 {
    max-height: 500px;
}

.mh550 {
    max-height: 550px;
}

.mh600 {
    max-height: 600px;
}

.mh650 {
    max-height: 650px;
}

.mh700 {
    max-height: 700px;
}

.mh750 {
    max-height: 750px;
}

.mh800 {
    max-height: 800px;
}

.mh850 {
    max-height: 850px;
}

.mh900 {
    max-height: 900px;
}

.mh950 {
    max-height: 950px;
}

.mh1000 {
    max-height: 1000px;
}





/*自製樣板*/
.GroupBox {
    width: 100%;
    padding: 10px;
    border: 2px #cccccc dotted;
    border-radius: 10px;
    position: relative;
    background-color: #fff;
    margin: 16px 0px;
}

.GroupBoxTitle {
    position: absolute;
    top: -15px;
    left: 10px;
    font-size: 12px;
    background-color: #fff;
    padding: 3px 10px;
}

.mask {
    border-radius: 5px;
    overflow: hidden;
    background-color: #962B2B;
    margin: 0 auto;
    height: 25px;
}

.circle {
    border-radius: 999em;
    text-align: center;
    margin: 0px auto;
}

.border-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*Color*/

.btn:hover {
    color: #fff;
}

.bg-light, .btn-light:hover {
    color: #000;
}

.bg-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-dark, .bg-sucess, .bg-danger {
    color: #fff;
}
/*Color Start*/
/* Color sanmin */
.bg-sanmin, .bg-sanmin-hover:hover, .btn-sanmin, .badge-sanmin {
    color: #fff;
    background-color: #71304E;
}

    .btn-sanmin:hover {
        color: #fff;
        background-color: #a06085;
    }

.text-sanmin, a.text-sanmin:hover {
    color: #71304E;
}

a.text-sanmin:hover {
    color: #a06085;
}

.border-sanmin {
    border-color: #71304E;
}

.label-sanmin {
    background-color: #fff;
    border: 1px #71304E solid !important;
    color: #71304E !important;
}
/* Color pruple */
.bg-pruple, .bg-pruple-hover:hover, .btn-pruple, .badge-pruple {
    color: #fff;
    background-color: #a06085;
}

    .btn-pruple:hover {
        color: #fff;
        background-color: #71304E;
    }

.text-pruple, a.text-pruple:hover {
    color: #a06085;
}

a.text-pruple:hover {
    color: #71304E;
}

.border-pruple {
    border-color: #a06085;
}

.label-pruple {
    background-color: #fff;
    border: 1px #a06085 solid !important;
    color: #a06085 !important;
}
/* Color violet */
.bg-violet, .bg-violet-hover:hover, .btn-violet, .badge-violet {
    color: #fff;
    background-color: #8f77b5;
}

    .btn-violet:hover {
        color: #714fa7;
        background-color: #cdc2ed;
    }

.text-violet, a.text-violet:hover {
    color: #8f77b5;
}

a.text-violet:hover {
    color: #cdc2ed;
}

.border-violet {
    border-color: #8f77b5;
}

.label-violet {
    background-color: #fff;
    border: 1px #8f77b5 solid !important;
    color: #8f77b5 !important;
}
/* Color violet2 */
.bg-violet2, .bg-violet2-hover:hover, .btn-violet2, .badge-violet2 {
    color: #714fa7;
    background-color: #cdc2ed;
}

    .btn-violet2:hover {
        color: #fff;
        background-color: #8f77b5;
    }

.text-violet2, a.text-violet2:hover {
    color: #cdc2ed;
}

a.text-violet2:hover {
    color: #8f77b5;
}

.border-violet2 {
    border-color: #cdc2ed;
}

.label-violet2 {
    background-color: #fff;
    border: 1px #cdc2ed solid !important;
    color: #cdc2ed !important;
}
/* Color orange */
.bg-orange, .bg-orange-hover:hover, .btn-orange, .badge-orange {
    color: #9a3806;
    background-color: #ffa555;
}

    .btn-orange:hover {
        color: #fff;
        background-color: #ff6e3d;
    }

.text-orange, a.text-orange:hover {
    color: #ffa555;
}

a.text-orange:hover {
    color: #ff6e3d;
}

.border-orange {
    border-color: #ffa555;
}

.label-orange {
    background-color: #fff;
    border: 1px #ffa555 solid !important;
    color: #ffa555 !important;
}
/* Color orange2 */
.bg-orange2, .bg-orange2-hover:hover, .btn-orange2, .badge-orange2 {
    color: #fff;
    background-color: #ff6e3d;
}

    .btn-orange2:hover {
        color: #9a3806;
        background-color: #ffa555;
    }

.text-orange2, a.text-orange2:hover {
    color: #ff6e3d;
}

a.text-orange2:hover {
    color: #ffa555;
}

.border-orange2 {
    border-color: #ff6e3d;
}

.label-orange2 {
    background-color: #fff;
    border: 1px #ff6e3d solid !important;
    color: #ff6e3d !important;
}
/* Color skin */
.bg-skin, .bg-skin-hover:hover, .btn-skin, .badge-skin {
    color: #ff6e3d;
    background-color: #fde8d6;
}

    .btn-skin:hover {
        color: #9a3806;
        background-color: #ffa555;
    }

.text-skin, a.text-skin:hover {
    color: #fde8d6;
}

a.text-skin:hover {
    color: #ffa555;
}

.border-skin {
    border-color: #fde8d6;
}

.label-skin {
    background-color: #fff;
    border: 1px #fde8d6 solid !important;
    color: #fde8d6 !important;
}
/* Color blue */
.bg-blue, .bg-blue-hover:hover, .btn-blue, .badge-blue {
    color: #fff;
    background-color: #337ab7;
}

    .btn-blue:hover {
        color: #fff;
        background-color: #49abc4;
    }

.text-blue, a.text-blue:hover {
    color: #337ab7;
}

a.text-blue:hover {
    color: #49abc4;
}

.border-blue {
    border-color: #337ab7;
}

.label-blue {
    background-color: #fff;
    border: 1px #337ab7 solid !important;
    color: #337ab7 !important;
}
/* Color blue1 */
.bg-blue1, .bg-blue1-hover:hover, .btn-blue1, .badge-blue1 {
    color: #fff;
    background-color: #317082;
}

    .btn-blue1:hover {
        color: #fff;
        background-color: #49abc4;
    }

.text-blue1, a.text-blue1:hover {
    color: #317082;
}

a.text-blue1:hover {
    color: #49abc4;
}

.border-blue1 {
    border-color: #317082;
}

.label-blue1 {
    background-color: #fff;
    border: 1px #317082 solid !important;
    color: #317082 !important;
}
/* Color blue2 */
.bg-blue2, .bg-blue2-hover:hover, .btn-blue2, .badge-blue2 {
    color: #fff;
    background-color: #49abc4;
}

    .btn-blue2:hover {
        color: #fff;
        background-color: #317082;
    }

.text-blue2, a.text-blue2:hover {
    color: #49abc4;
}

a.text-blue2:hover {
    color: #317082;
}

.border-blue2 {
    border-color: #49abc4;
}

.label-blue2 {
    background-color: #fff;
    border: 1px #49abc4 solid !important;
    color: #49abc4 !important;
}
/* Color blue3 */
.bg-blue3, .bg-blue3-hover:hover, .btn-blue3, .badge-blue3 {
    color: #fff;
    background-color: #43c4b9;
}

    .btn-blue3:hover {
        color: #317082;
        background-color: #adcbd2;
    }

.text-blue3, a.text-blue3:hover {
    color: #43c4b9;
}

a.text-blue3:hover {
    color: #adcbd2;
}

.border-blue3 {
    border-color: #43c4b9;
}

.label-blue3 {
    background-color: #fff;
    border: 1px #43c4b9 solid !important;
    color: #43c4b9 !important;
}
/* Color blue4 */
.bg-blue4, .bg-blue4-hover:hover, .btn-blue4, .badge-blue4 {
    color: #317082;
    background-color: #adcbd2;
}

    .btn-blue4:hover {
        color: #fff;
        background-color: #43c4b9;
    }

.text-blue4, a.text-blue4:hover {
    color: #adcbd2;
}

a.text-blue4:hover {
    color: #43c4b9;
}

.border-blue4 {
    border-color: #adcbd2;
}

.label-blue4 {
    background-color: #fff;
    border: 1px #adcbd2 solid !important;
    color: #adcbd2 !important;
}
/* Color gray */
.bg-gray, .bg-gray-hover:hover, .btn-gray, .badge-gray {
    color: #000;
    background-color: #cccccc;
}

    .btn-gray:hover {
        color: #fff;
        background-color: #000;
    }

.text-gray, a.text-gray:hover {
    color: #cccccc;
}

a.text-gray:hover {
    color: #000;
}

.border-gray {
    border-color: #cccccc;
}

.label-gray {
    background-color: #fff;
    border: 1px #cccccc solid !important;
    color: #cccccc !important;
}
/* Color black */
.bg-black, .bg-black-hover:hover, .btn-black, .badge-black {
    color: #fff;
    background-color: #000;
}

    .btn-black:hover {
        color: #000;
        background-color: #cccccc;
    }

.text-black, a.text-black:hover {
    color: #000;
}

a.text-black:hover {
    color: #cccccc;
}

.border-black {
    border-color: #000;
}

.label-black {
    background-color: #fff;
    border: 1px #000 solid !important;
    color: #000 !important;
}
/* Color yellow */
.bg-yellow, .bg-yellow-hover:hover, .btn-yellow, .badge-yellow {
    color: #653d04;
    background-color: #fac90b;
}

    .btn-yellow:hover {
        color: #766e0b;
        background-color: #ebe1a3;
    }

.text-yellow, a.text-yellow:hover {
    color: #fac90b;
}

a.text-yellow:hover {
    color: #ebe1a3;
}

.border-yellow {
    border-color: #fac90b;
}

.label-yellow {
    background-color: #fff;
    border: 1px #fac90b solid !important;
    color: #fac90b !important;
}
/* Color yellow2 */
.bg-yellow2, .bg-yellow2-hover:hover, .btn-yellow2, .badge-yellow2 {
    color: #766e0b;
    background-color: #ebe1a3;
}

    .btn-yellow2:hover {
        color: #fff;
        background-color: #c0a910;
    }

.text-yellow2, a.text-yellow2:hover {
    color: #ebe1a3;
}

a.text-yellow2:hover {
    color: #c0a910;
}

.border-yellow2 {
    border-color: #ebe1a3;
}

.label-yellow2 {
    background-color: #fff;
    border: 1px #ebe1a3 solid !important;
    color: #ebe1a3 !important;
}
/* Color yellow3 */
.bg-yellow3, .bg-yellow3-hover:hover, .btn-yellow3, .badge-yellow3 {
    color: #fff;
    background-color: #c0a910;
}

    .btn-yellow3:hover {
        color: #766e0b;
        background-color: #ebe1a3;
    }

.text-yellow3, a.text-yellow3:hover {
    color: #c0a910;
}

a.text-yellow3:hover {
    color: #ebe1a3;
}

.border-yellow3 {
    border-color: #c0a910;
}

.label-yellow3 {
    background-color: #fff;
    border: 1px #c0a910 solid !important;
    color: #c0a910 !important;
}
/* Color red */
.bg-red, .bg-red-hover:hover, .btn-red, .badge-red {
    color: #fff;
    background-color: #a71220;
}

    .btn-red:hover {
        color: #a71220;
        background-color: #d6aba8;
    }

.text-red, a.text-red:hover {
    color: #a71220;
}

a.text-red:hover {
    color: #d6aba8;
}

.border-red {
    border-color: #a71220;
}

.label-red {
    background-color: #fff;
    border: 1px #a71220 solid !important;
    color: #a71220 !important;
}
/* Color red2 */
.bg-red2, .bg-red2-hover:hover, .btn-red2, .badge-red2 {
    color: #a71220;
    background-color: #d6aba8;
}

    .btn-red2:hover {
        color: #a94442;
        background-color: #f2dede;
    }

.text-red2, a.text-red2:hover {
    color: #d6aba8;
}

a.text-red2:hover {
    color: #f2dede;
}

.border-red2 {
    border-color: #d6aba8;
}

.label-red2 {
    background-color: #fff;
    border: 1px #d6aba8 solid !important;
    color: #d6aba8 !important;
}
/* Color red3 */
.bg-red3, .bg-red3-hover:hover, .btn-red3, .badge-red3 {
    color: #fff;
    background-color: #f54646;
}

    .btn-red3:hover {
        color: #a71220;
        background-color: #d6aba8;
    }

.text-red3, a.text-red3:hover {
    color: #f54646;
}

a.text-red3:hover {
    color: #d6aba8;
}

.border-red3 {
    border-color: #f54646;
}

.label-red3 {
    background-color: #fff;
    border: 1px #f54646 solid !important;
    color: #f54646 !important;
}
/* Color pink */
.bg-pink, .bg-pink-hover:hover, .btn-pink, .badge-pink {
    color: #a94442;
    background-color: #f2dede;
}

    .btn-pink:hover {
        color: #a71220;
        background-color: #d6aba8;
    }

.text-pink, a.text-pink:hover {
    color: #f2dede;
}

a.text-pink:hover {
    color: #d6aba8;
}

.border-pink {
    border-color: #f2dede;
}

.label-pink {
    background-color: #fff;
    border: 1px #f2dede solid !important;
    color: #f2dede !important;
}
/* Color green */
.bg-green, .bg-green-hover:hover, .btn-green, .badge-green {
    color: #fff;
    background-color: #86b21b;
}

    .btn-green:hover {
        color: #3c763d;
        background-color: #dff0d8;
    }

.text-green, a.text-green:hover {
    color: #86b21b;
}

a.text-green:hover {
    color: #dff0d8;
}

.border-green {
    border-color: #86b21b;
}

.label-green {
    background-color: #fff;
    border: 1px #86b21b solid !important;
    color: #86b21b !important;
}
/* Color green2 */
.bg-green2, .bg-green2-hover:hover, .btn-green2, .badge-green2 {
    color: #3c763d;
    background-color: #dff0d8;
}

    .btn-green2:hover {
        color: #fff;
        background-color: #86b21b;
    }

.text-green2, a.text-green2:hover {
    color: #dff0d8;
}

a.text-green2:hover {
    color: #86b21b;
}

.border-green2 {
    border-color: #dff0d8;
}

.label-green2 {
    background-color: #fff;
    border: 1px #dff0d8 solid !important;
    color: #dff0d8 !important;
}
/* Color green3 */
.bg-green3, .bg-green3-hover:hover, .btn-green3, .badge-green3 {
    color: #43c4b9;
    background-color: #d8f1ef;
}

    .btn-green3:hover {
        color: #3c763d;
        background-color: #dff0d8;
    }

.text-green3, a.text-green3:hover {
    color: #d8f1ef;
}

a.text-green3:hover {
    color: #dff0d8;
}

.border-green3 {
    border-color: #d8f1ef;
}

.label-green3 {
    background-color: #fff;
    border: 1px #d8f1ef solid !important;
    color: #d8f1ef !important;
}
/* Color brown */
.bg-brown, .bg-brown-hover:hover, .btn-brown, .badge-brown {
    color: #fff;
    background-color: #563f2e;
}

    .btn-brown:hover {
        color: #563f2e;
        background-color: #bbb0a7;
    }

.text-brown, a.text-brown:hover {
    color: #563f2e;
}

a.text-brown:hover {
    color: #bbb0a7;
}

.border-brown {
    border-color: #563f2e;
}

.label-brown {
    background-color: #fff;
    border: 1px #563f2e solid !important;
    color: #563f2e !important;
}
/* Color brown2 */
.bg-brown2, .bg-brown2-hover:hover, .btn-brown2, .badge-brown2 {
    color: #563f2e;
    background-color: #bbb0a7;
}

    .btn-brown2:hover {
        color: #fff;
        background-color: #563f2e;
    }

.text-brown2, a.text-brown2:hover {
    color: #bbb0a7;
}

a.text-brown2:hover {
    color: #563f2e;
}

.border-brown2 {
    border-color: #bbb0a7;
}

.label-brown2 {
    background-color: #fff;
    border: 1px #bbb0a7 solid !important;
    color: #bbb0a7 !important;
}


/*Color End*/




.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-dotted {
    border-style: dotted;
}

.border-double {
    border-style: double;
}

.border-outset {
    border-style: outset;
}



.text-white, a.text-white:hover {
    color: #fff;
}







.btn-danger, .btn-warning {
    color: #fff;
}

.btn-info {
    color: #000;
}

.panel {
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border: 1px solid transparent;
    margin: 5px 0px;
    font-weight: bold;
}

    .panel > .panel-title {
        margin: -10px -10px 10px -10px;
        padding: 10px;
    }

    .panel > .panel-body {
        margin: -10px;
        padding: 10px;
        background-color: #fff;
        color: #000;
        font-weight: 100;
    }

    .panel > .panel-footer {
        margin: 10px -10px -10px -10px;
        padding: 10px;
        background-color: #e0e0e0;
        color: #a5a5a5;
        font-weight: 100;
    }

.TabsControl .TabsLabel {
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    padding: 3px 0px;
    border-color: #49abc4;
}

    .TabsControl .TabsLabel > div {
        margin: 2px;
        padding: 5px;
        text-align: center;
        cursor: pointer;
        background-color: #ededed;
        color: #000;
    }

        .TabsControl .TabsLabel > div.Active {
            background-color: #49abc4;
            color: #fff;
        }

.TabsControl .TabsBody {
    padding-top: 5px;
}

    .TabsControl .TabsBody > div {
        display: none;
    }

    .TabsControl .TabsBody div.Active {
        display: block !important;
    }


@media screen and (min-width: 101px) {
    .show-100 {
        display: none;
    }
}

@media screen and (min-width: 201px) {
    .show-200 {
        display: none;
    }
}

@media screen and (min-width: 301px) {
    .show-300 {
        display: none;
    }
}

@media screen and (min-width: 401px) {
    .show-400 {
        display: none;
    }
}

@media screen and (min-width: 501px) {
    .show-500 {
        display: none;
    }
}

@media screen and (min-width: 601px) {
    .show-600 {
        display: none;
    }
}

@media screen and (min-width: 701px) {
    .show-700 {
        display: none;
    }
}

@media screen and (min-width: 801px) {
    .show-800 {
        display: none;
    }
}

@media screen and (min-width: 901px) {
    .show-900 {
        display: none;
    }
}

@media screen and (min-width: 995px) {
    .show-995 {
        display: none;
    }
}

@media screen and (min-width: 1001px) {
    .show-1000 {
        display: none;
    }
}

@media screen and (min-width: 1101px) {
    .show-1100 {
        display: none;
    }
}

@media screen and (min-width: 1201px) {
    .show-1200 {
        display: none;
    }
}

@media screen and (min-width: 1301px) {
    .show-1300 {
        display: none;
    }
}

@media screen and (min-width: 1401px) {
    .show-1400 {
        display: none;
    }
}

@media screen and (min-width: 1501px) {
    .show-1500 {
        display: none;
    }
}

@media screen and (min-width: 1601px) {
    .show-1600 {
        display: none;
    }
}

@media screen and (min-width: 1701px) {
    .show-1700 {
        display: none;
    }
}

@media screen and (min-width: 1801px) {
    .show-1800 {
        display: none;
    }
}

@media screen and (min-width: 1901px) {
    .show-1900 {
        display: none;
    }
}

@media screen and (max-width: 100px) {
    .hide-100 {
        display: none;
    }
}

@media screen and (max-width: 200px) {
    .hide-200 {
        display: none;
    }
}

@media screen and (max-width: 300px) {
    .hide-300 {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .hide-400 {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .hide-500 {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .hide-600 {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .hide-700 {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .hide-800 {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .hide-900 {
        display: none;
    }
}

@media screen and (max-width: 995px) {
    .hide-995 {
        display: none;
    }
}


@media screen and (max-width: 1000px) {
    .hide-1000 {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .hide-1100 {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .hide-1200 {
        display: none;
    }
}

@media screen and (max-width: 1300px) {
    .hide-1300 {
        display: none;
    }
}

@media screen and (max-width: 1400px) {
    .hide-1400 {
        display: none;
    }
}

@media screen and (max-width: 1500px) {
    .hide-1500 {
        display: none;
    }
}

@media screen and (max-width: 1600px) {
    .hide-1600 {
        display: none;
    }
}

@media screen and (max-width: 1700px) {
    .hide-1700 {
        display: none;
    }
}

@media screen and (max-width: 1800px) {
    .hide-1800 {
        display: none;
    }
}

@media screen and (max-width: 1900px) {
    .hide-1900 {
        display: none;
    }
}


@media screen and (max-width: 400px) {
    .show-xs {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .show-sm {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .show-md {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .show-lg {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .show-xl {
        display: none;
    }
}

@media screen and (max-width: 1399px) {
    .show-xxl {
        display: none;
    }
}


.drop-shadow, .shadow, .hover-shadow:hover {
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(3px 5px 5px rgba(0, 0, 0, 0.7))
}


.box-shadow, .hover-box-shadow:hover {
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.7);
}

.border-0px {
    border-width: 0px !important;
}

.border-1px {
    border-width: 1px;
}

.border-2px {
    border-width: 2px;
}

.border-3px {
    border-width: 3px;
}

.z-index0 {
    z-index: 0;
}

.z-index1 {
    z-index: 1;
}

.z-index50 {
    z-index: 50;
}

.z-index100 {
    z-index: 100;
}

.z-index999 {
    z-index: 999;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.overhide {
    overflow: hidden;
}

.overhidex {
    overflow-x: hidden;
}

.overhidey {
    overflow-y: hidden;
}

.TitleUnderline {
    font-size: 24px;
    line-height: 35px;
    text-align: left;
    font-weight: 700;
    border-width: 0px;
    border-bottom-width: 2px;
    border-style: solid;
}

.underline {
    border-width: 0px;
    border-bottom-width: 2px;
    border-style: solid;
}

.breadcrumb {
    margin: 0;
}

.rotate5 {
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

.rotate-5 {
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.rotate10 {
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}

.rotate-10 {
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.modal-backdrop {
    background-color: rgb(0,0,0,0.6) !important;
}

.TabCtrl {
    display: flex;
    border-bottom: 2px solid #4cacc5;
    padding-top: 20px;
    padding-bottom: 1px;
    position: relative;
    overflow-x: auto;
}

    .TabCtrl .Tab {
        background-color: #e6e6e6;
        color: #49abc4;
        min-width: 160px;
        margin-right: 5px;
        cursor: pointer;
        text-align: center;
        font-size: 20px;
        line-height: 40px;
    }

        .TabCtrl .Tab:hover, .TabCtrl .active {
            background-color: #49abc4;
            color: #e6e6e6;
        }


.photo {
    padding: 5px;
    border: 1px #cccccc solid;
    background-color: #fff;
    display: inline-block;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(3px 6px 5px rgba(0, 0, 0, 0.5));
}



.loading::after {
    content: "Loading";
    font-size: 18px;
    color: #ccc;
    margin-top: -80px;
    z-index: 1;
    font-family: Microsoft JhengHei;
    animation: ani_fadeinOut 2s linear infinite;
}

.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}

.loading-ring {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 8px solid #ccc;
    border-top: 8px solid #71304E;
    animation: ani_rotate365 1s linear infinite;
    margin-bottom: 16px;
    z-index: 0;
}

.dialog {
    position: relative;
    width: 95%;
    max-width: 800px;
    background-color: #fff;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 5px;
}

.dialog-title {
    margin-top: 0;
    padding: 0px;
    line-height: 30px;
    font-size: 20px;
    border-bottom: 1px #cccccc solid;
    text-align: center;
    padding: 10px;
    font-weight: 900;
}

.dialog-footer {
    border-top: 1px #cccccc solid;
    padding-top: 5px;
}

.dialog-body {
    position: relative;
    min-height: 100px;
    text-align: left;
    margin: 0px -5px;
    padding: 10px;
    overflow-y: hidden;
    max-height: calc(99vh - 110px);
}

.dialog:hover .dialog-body {
    overflow-y: auto;
}

@media screen and (max-width: 768px) {
    .dialog-body {
        overflow-y: auto;
    }
}

.dialog .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    text-decoration: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #cccccc;
}




.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #cccccc;
}


.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #000;
}