@charset "UTF-8";

.wh140 {
    width: 140px !important;
    height: 140px !important;
}

.whAuto {
    width: auto !important;
    height: auto !important;
}

.green {
    color: #009d99 !important;
}

.red {
    color: #f05743 !important;
}

.orange {
    color: #f57d13 !important;
}

.black {
    color: #000 !important;
}

.grey {
    color: #666;
}

.grey_light {
    color: #999;
}

/* padding區塊開始 */
.p0 {
    padding: 0 !important;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p40 {
    padding: 40px;
}

.pt4 {
    padding-top: 4px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pt50 {
    padding-top: 50px;
}

.pr0 {
    padding-right: 0;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb16 {
    padding-bottom: 16px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb50 {
    padding-bottom: 50px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.ptb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ptb25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ptb30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.ptb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ptb50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

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

.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.plr40 {
    padding-left: 40px;
    padding-right: 40px;
}

.ptrb10 {
    padding: 10px 10px 10px 0 !important;
}

/* padding區塊結束 */
/* margin區塊開始 */
.mt0 {
    margin-top: 0;
}

.mt5 {
    margin-top: 5px;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt85 {
    margin-top: 85px;
}

.mr3 {
    margin-right: 3px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb55 {
    margin-bottom: 55px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb65 {
    margin-bottom: 65px;
}

.mb100 {
    margin-bottom: 100px;
}

.ml1 {
    margin-left: 1px;
}

.ml5 {
    margin-left: 5px;
}

.ml6 {
    margin-left: 6px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.mAuto {
    margin-left: auto;
    margin-right: auto;
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mlr20 {
    margin-left: 20px;
    margin-right: 20px;
}

/* margin區塊結束 */
.l20p {
    left: 20%;
}

.child-pb10 > * {
    padding-bottom: 10px;
}

.w25 {
    width: 25px;
}

.half {
    width: 50%;
}

.w15pct {
    width: 15%;
}

.w70pct {
    width: 70%;
}

.w65 {
    width: 65px;
}

.w85 {
    width: 85px;
}

.w117 {
    width: 117px;
}

.w130 {
    width: 130px;
}

.w220 {
    width: 220px;
}

.w390 {
    width: 390px;
}

.w20 {
    width: 20px;
}

.w35 {
    width: 35px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w240 {
    width: 240px;
}

.w250 {
    width: 250px;
}

.w315 {
    width: 315px;
}

.w850 {
    width: 850px;
}

.minW50p {
    min-width: 50%;
}

.w70p {
    width: 70%;
}

.w100p {
    width: 100%;
}

.w185p {
    width: 18.5%;
}

.f_14 {
    font-size: 14px;
}

.font15, .f_15 {
    font-size: 15px;
}

.font16, .f_16 {
    font-size: 16px;
}

.font18, .f_18 {
    font-size: 18px;
}

.font32, .f_32 {
    font-size: 32px;
}

.lineH20 {
    line-height: 20px;
}

.lh21 {
    line-height: 21px;
}

.lh24 {
    line-height: 24px;
}

.lineH30 {
    line-height: 30px;
}

.lh100p {
    line-height: 100%;
}

/*-- clear --*/
.clearBoth {
    clear: both;
}

/*-- display --*/
.hide {
    display: none;
}

.block {
    display: block !important;
}

/*-- float --*/
.fnone {
    float: none !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*-- overflow --*/
.oh {
    overflow: hidden;
}

/*-- font-weight --*/
.f_b, .bold {
    font-weight: bold;
}

.f_n {
    font-weight: normal;
}

/*-- text-align --*/
.tal, .left, .leftIn * {
    text-align: left !important;
}

.center {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

/*-- text-decoration --*/
.underLine {
    text-decoration: underline;
}

/*-- vertical-align --*/
.vt {
    vertical-align: top !important;
}

.vaTop {
    vertical-align: top;
}

.vm, .vaMiddle {
    vertical-align: middle;
}

.vaBaseline {
    vertical-align: baseline;
}

/*------------------------------------------------ 浮動設定 --------------------------------------------------------*/
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

table.marRNone {
    margin-right: 0;
}

.TextLink {
    color: #009d99 !important;
    white-space: nowrap;
}

    .TextLink:not(.noLine) {
        text-decoration: underline !important;
    }