/******************************************共用******************************************/

/* Other */
.Hidden {
    display: none;
}

.hc {
    width: 1px !important;
    height: 1px !important;
    color: transparent !important;
    border: 0 !important;
    cursor: default !important;
    display: none !important;
}

.CaptionRedBold {
    color: red;
    font-weight: bold;
    font-size: 12px; /*font-family: Tahoma;*/
}

.CaptionRedBoldBig {
    color: red;
    font-weight: bold;
    font-size: 15px; /*font-family: Tahoma;*/
}

.CaptionRedStandard {
    color: red;
    font-weight: normal;
    font-size: 12px;
}

.TdStyle_Ck_Header {
    color: #2F4F4F;
    font-weight: bold;
    font-size: 12px;
}

.TdStyle_Ck_Col {
    color: black;
    font-weight: normal;
    font-size: 12px;
}

.DottedLine {
    border: none;
    border-width: 2px;
    border-top-style: dotted;
    border-color: Black;
}

.CusHrStyle_1px_Solid_black {
    width: 100%;
    border: 1px solid #000000;
    float: left;
    margin-left: 0px;
}

.dashedLine {
    border: none;
    border-width: 2px;
    border-top-style: dashed;
    border-color: #2D8AA9;
}

.hr_cus1 {
    width: 100%;
    border: 1px solid #000000;
    /*    float: left;*/
    margin-left: 0px;
}

.hr_cus2 {
    width: 100%;
    border: 1px solid #C16626;
    /*    float: left;*/
    margin-left: 0px;
}

.Span_Style_01 {
    color: #1F8C92;
}


input.cusButton {
    background-color: #ffffff;
    color: #9E9E9E;
    border: 2px solid #9E9E9E;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 10px;
}

    input.cusButton:hover {
        background-color: #9E9E9E;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-cus1 {
    background-color: #FFEEE1;
    color: #C16626;
    border: 2px solid #C16626;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 10px;
}

    input.cusButton-cus1:hover {
        background-color: #C16626;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-cus1-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-cus2 {
    background-color: #DCF3FA;
    color: #157494;
    border: 2px solid #157494;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 10px;
}

    input.cusButton-cus2:hover {
        background-color: #157494;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-cus2-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-sm {
    background-color: #ffffff;
    color: #9E9E9E;
    border: 2px solid #9E9E9E;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
}

    input.cusButton-sm:hover {
        background-color: #9E9E9E;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-sm-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-sm-cus1 {
    background-color: #FFEEE1;
    color: #C16626;
    border: 2px solid #C16626;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
}

    input.cusButton-sm-cus1:hover {
        background-color: #C16626;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-sm-cus1-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-sm-cus2 {
    background-color: #ffffff;
    color: #1A3A5C;
    border: 2px solid #1A3A5C;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
}

    input.cusButton-sm-cus2:hover {
        background-color: #1A3A5C;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-sm-cus2-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-sm-cus3 {
    background-color: #ffffff;
    color: #1A3A5C;
    border: 2px solid #1A3A5C;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

    input.cusButton-sm-cus3:hover {
        background-color: #333333;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-sm-cus3-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-sm-cus4 {
    background-color: #333333;
    color: #ffffff;
    border: 2px solid #333333;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

    input.cusButton-sm-cus4:hover {
        background-color: #ffffff;
        color: #333333;
        border: 2px solid #333333;
        cursor: pointer;
    }

input.cusButton-sm-cus4-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-sm-cus5 {
    background-color: #ffffff;
    color: #dc3545;
    border: 2px solid #dc3545;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
}

    input.cusButton-sm-cus5:hover {
        background-color: #dc3545;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-sm-cus5-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-sm-cus6 {
    background-color: #ffffff;
    color: #17a2b8;
    border: 2px solid #17a2b8;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
}

    input.cusButton-sm-cus6:hover {
        background-color: #17a2b8;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-sm-cus6-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-sm-cus7 {
    background-color: #ffffff;
    color: #bd5795;
    border: 2px solid #bd5795;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
}

    input.cusButton-sm-cus7:hover {
        background-color: #bd5795;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-sm-cus7-disable {
    background-color: #ffffff;
    border: 2px solid #ccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


input.cusButton-light {
    background-color: #FBE0F1;
    border: 2px solid #FBE0F1;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 10px;
}

    input.cusButton-light:hover {
        background-color: #E187BE;
        color: #ffffff;
        cursor: pointer;
    }

input.cusButton-light-disable {
    background-color: #ffffff;
    border: 2px solid #cccccc;
    padding: 2px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: '微軟正黑體';
    text-decoration: none;
    display: inline-block;
    outline: none;
    border-radius: 8px;
    opacity: 0.4;
    cursor: not-allowed;
}


div.cusfileitem-xs {
    padding: 1px 0;
}


.ButtonStyle_confirm {
    background-color: #A6BBBA;
}

.ButtonStyle_warnning {
    background-color: #FF1C19;
}


input.cusCheckbox_sc1p5 {
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}


.borderStyle_0px {
    border-width: 0px;
}

.FontCusStyle_black_12px {
    color: Black;
    font-weight: normal;
    font-size: 12px;
}

.FontCusStyle_black_12px_bold {
    color: Black;
    font-weight: bold;
    font-size: 12px; /*font-family: Tahoma;*/
}

.FontCusStyle_black_15px {
    color: Black;
    font-size: 15px; /*font-family: Tahoma;*/
}

.FontCusStyle_black_15px_bold {
    color: Black;
    font-weight: bold;
    font-size: 15px; /*font-family: Tahoma;*/
}

.FontCusStyle_brown_22px_bold {
    color: rgb(102, 51, 0);
    font-weight: bold;
    font-size: 22px; /*font-family: Tahoma;*/
}

.FontCusStyle_red_12px {
    color: red;
    font-weight: normal;
    font-size: 12px;
}

.FontCusStyle_red_12px_bold {
    color: red;
    font-weight: bold;
    font-size: 12px; /*font-family: Tahoma;*/
}

.FontCusStyle_red_15px {
    color: red;
    font-size: 15px; /*font-family: Tahoma;*/
}

.FontCusStyle_red_15px_bold {
    color: red;
    font-weight: bold;
    font-size: 15px; /*font-family: Tahoma;*/
}

.FontCusStyle_green_12px {
    font-size: 12px;
    font-weight: normal;
    color: #009900;
}

.FontCusStyle_green_12px_bold {
    font-size: 12px;
    font-weight: bold;
    color: #009900;
}

.FontCusStyle_green_15px {
    font-size: 15px;
    color: #009900;
}

.FontCusStyle_green_15px_bold {
    font-size: 15px;
    font-weight: bold;
    color: #009900;
}

.FontCusStyle_gray_12px {
    font-size: 12px;
    font-weight: normal;
    color: #cccccc;
}

.FontCusStyle_gray_12px_bold {
    font-size: 12px;
    font-weight: bold;
    color: #cccccc;
}

.FontCusStyle_gray_15px {
    font-size: 15px;
    color: #cccccc;
}

.FontCusStyle_gray_15px_bold {
    font-size: 15px;
    font-weight: bold;
    color: #cccccc;
}

.FontCusStyle_CusBlue_01_12px {
    font-size: 12px;
    font-weight: normal;
    color: #69aebe;
}

.FontCusStyle_CusBlue_01_15px {
    font-size: 15px;
    color: #69aebe;
}

.FontCusStyle_DSG_12px_bold {
    font-size: 12px;
    font-weight: bold;
    color: #2F4F4F;
}

.FontCusStyle_DSG_14px_bold_Calibri {
    font-size: 14px;
    font-weight: bold;
    font-family: Calibri;
    color: #2F4F4F;
}

.FontCusStyle_white_14px_bold_MSB_noTextDe {
    font-size: 14px;
    font-weight: bold;
    font-family: "微軟正黑體", "新細明體";
    color: White;
    text-decoration: none;
}

.FontCusStyle_LineBorder_1px_solid_red_12px {
    font-size: 12px;
    font-weight: normal;
    color: #ff0000;
    border: 1px solid #ff0000;
}

.FontCusStyle_LineBorder_1px_solid_red_15px {
    font-size: 15px;
    font-weight: normal;
    color: #ff0000;
    border: 1px solid #ff0000;
}

.FontCusStyle_LineBorder_2px_dotted_12px_bold {
    border: 2px dotted #7a9aa1;
    font-size: 12px;
    font-weight: bold;
    color: #7a9aa1;
}

.FontCusStyle_LineBorder_2px_dashed_12px_bold {
    border: 2px dashed #7a9aa1;
    font-size: 12px;
    font-weight: bold;
    color: #7a9aa1;
}

.FontCusStyle_LineBorder_2px_dotted_black_12px {
    border: 2px dotted #7a9aa1;
    font-size: 12px;
    font-weight: normal;
    color: Black;
}

.FontCusStyle_LineBorder_2px_dashed_black_12px {
    border: 2px dashed #7a9aa1;
    font-size: 12px;
    font-weight: normal;
    color: Black;
}

.FontCusStyle_LineBorder_2px_dotted_black_12px_bold {
    border: 2px dotted #7a9aa1;
    font-size: 12px;
    font-weight: bold;
    color: Black;
}

.FontCusStyle_LineBorder_2px_dashed_black_12px_bold {
    border: 2px dashed #7a9aa1;
    font-size: 12px;
    font-weight: bold;
    color: Black;
}

.FontCusStyle_LineBorder_OnlyTopLine_1px_dotted_12px {
    border-top: 1px dotted #7a9aa1;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    font-size: 12px;
    font-weight: normal;
}

.FontCusStyle_LineBorder_OnlyTopLine_1px_dashed_12px {
    border-top: 1px dashed #7a9aa1;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    font-size: 12px;
    font-weight: normal;
}

.FontCusStyle_LineBorder_OnlyBottomLine_2px_dotted_12px {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px dotted #7a9aa1;
    font-size: 12px;
    font-weight: normal;
}

.FontCusStyle_LineBorder_OnlyBottomLine_2px_dashed_12px {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px dashed #7a9aa1;
    font-size: 12px;
    font-weight: normal;
}


.alpha_level0 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/
    filter: alpha(opacity=0); /*IE5、IE5.5、IE6、IE7*/
    opacity: 0; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level10 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /*IE8*/
    filter: alpha(opacity=10); /*IE5、IE5.5、IE6、IE7*/
    opacity: .1; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level20 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /*IE8*/
    filter: alpha(opacity=20); /*IE5、IE5.5、IE6、IE7*/
    opacity: .2; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level30 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/
    filter: alpha(opacity=30); /*IE5、IE5.5、IE6、IE7*/
    opacity: .3; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level40 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /*IE8*/
    filter: alpha(opacity=40); /*IE5、IE5.5、IE6、IE7*/
    opacity: .4; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level50 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE8*/
    filter: alpha(opacity=50); /*IE5、IE5.5、IE6、IE7*/
    opacity: .5; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level60 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*IE8*/
    filter: alpha(opacity=60); /*IE5、IE5.5、IE6、IE7*/
    opacity: .6; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level70 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE8*/
    filter: alpha(opacity=70); /*IE5、IE5.5、IE6、IE7*/
    opacity: .7; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level80 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*IE8*/
    filter: alpha(opacity=80); /*IE5、IE5.5、IE6、IE7*/
    opacity: .8; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*IE8*/
    filter: alpha(opacity=90); /*IE5、IE5.5、IE6、IE7*/
    opacity: .9; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}

.alpha_level100 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE8*/
    filter: alpha(opacity=100); /*IE5、IE5.5、IE6、IE7*/
    opacity: 1; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    background: #fff;
}


.ListBoxFontStyle {
    font-weight: bold;
}

.GvRowHighlightClass {
    display: inherit;
}

.scrollTop {
    font-size: 15px;
    font-weight: bold;
    font-family: "微軟正黑體", "新細明體", Arial;
    vertical-align: middle;
    border: 0px solid #333333;
    display: none;
    position: fixed;
    cursor: pointer;
    bottom: 50px;
    right: 10px;
}



/*--------------內聯區塊相關--------------*/
/*內聯區塊元素(預設)*/
.inlineBlockElement-default {
    display: inline-block;
    vertical-align: middle;
}
    /*內聯區塊元素(預設-置頂)*/
    .inlineBlockElement-default.va-t {
        vertical-align: top;
    }
    /*內聯區塊元素(預設-置中)*/
    .inlineBlockElement-default.va-m {
        vertical-align: middle;
    }
    /*內聯區塊元素(預設-置底)*/
    .inlineBlockElement-default.va-b {
        vertical-align: bottom;
    }
    /*內聯區塊元素(預設-靠左)*/
    .inlineBlockElement-default.ha-l {
        float: left;
    }
    /*內聯區塊元素(預設-靠右)*/
    .inlineBlockElement-default.ha-r {
        float: right;
    }



/*--------------表格相關--------------*/
.GridViewStyle_Base {
    font-family: "微軟正黑體", "新細明體", Arial;
    border-spacing: 1px;
}

.GridViewStyle_Header_Base {
    padding: 1px;
}

.GridViewStyle_Item_Base {
    /*padding: 1px;   */
    padding-bottom: 10px;
}

.GridViewStyle_Item_12px {
    padding: 1px;
    font-size: 12px;
}

.TableStyle_bs10px {
    border-spacing: 10px;
}



/*--------------自訂標題相關--------------*/
/*自訂標題H2*/
.cus-caption-h2 {
    position: relative;
    color: #222222;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4em;
}

    .cus-caption-h2.ta-l {
        text-align: left;
    }

    .cus-caption-h2.ta-c {
        text-align: center;
    }

    .cus-caption-h2.ta-r {
        text-align: right;
    }

    .cus-caption-h2 .seperater {
        position: relative;
        margin-top: 15px !important;
        width: 60px;
    }

        .cus-caption-h2 .seperater:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 0px;
            width: 60px;
            height: 2px;
            background-color: #d7d7d7;
        }

        .cus-caption-h2 .seperater:after {
            position: absolute;
            content: '';
            left: 10px;
            top: 6px;
            width: 40px;
            height: 2px;
            background-color: #d7d7d7;
        }

    .cus-caption-h2.ta-c .seperater {
        margin: 0 auto;
    }


/*自訂標題H4*/
.cus-caption-h4 {
    position: relative;
    color: #222222;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6em;
}

    .cus-caption-h4.ta-l {
        text-align: left;
    }

    .cus-caption-h4.ta-c {
        text-align: center;
    }

    .cus-caption-h4.ta-r {
        text-align: right;
    }



/*--------------驗證相關--------------*/
.inputvalidateinfo {
    font-size: 12px;
    color: #E63946 !important;
    border: 1px solid #E63946 !important;
    padding: 2px !important;
}



/*--------------Line@相關--------------*/
.lineatblock {
    margin: 0 auto;
}

    .lineatblock .lineatqrcode {
        padding: 5px;
        margin: 0 auto;
        max-width: 55%;
    }

    .lineatblock .lineatinfo {
        font-size: 15px;
        background-color: #06c755;
        width: 100%;
        padding: 5px 9px;
        border-radius: 10px;
        color: #ffffff;
        margin: 0 auto;
        margin-top: 10px;
        text-align: center;
    }

@media only screen and (max-width: 992px) {
    .lineatblock .lineatqrcode {
        max-width: 25%;
    }
}

@media only screen and (max-width: 767px) {
    .lineatblock .lineatqrcode {
        max-width: 50%;
    }
}



/*--------------radioButtonList相關--------------*/
/*radioButtonList基礎樣式(預設)*/
.radioButtonList-default {
    border-collapse: separate;
    border-spacing: 6px;
}

    /*radioButtonList基礎樣式(預設 tbody>tr>td>label樣式)*/
    .radioButtonList-default > tbody > tr > td > label {
        padding-left: 3px;
    }

    /*radioButtonList基礎樣式(預設-垂直選項)*/
    .radioButtonList-default.ha-l {
        border-collapse: separate;
        border-spacing: 6px;
        text-align: left;
    }
        /*radioButtonList基礎樣式(預設-垂直選項 tbody>tr>td>label樣式)*/
        .radioButtonList-default.ha-l > tbody > tr > td > label {
            font-weight: normal;
        }



/*--------------checkBoxList相關--------------*/
/*checkBoxList基礎樣式(預設)*/
.checkBoxList-default {
    border-collapse: separate;
    border-spacing: 6px;
}
    /*checkBoxList基礎樣式(預設-垂直選項)*/
    .checkBoxList-default.ha-l {
        border-collapse: separate;
        border-spacing: 6px;
        text-align: left;
    }
        /*checkBoxList基礎樣式(預設-垂直選項 tbody>tr>td>label樣式)*/
        .checkBoxList-default.ha-l > tbody > tr > td > label {
            font-weight: normal;
        }



/*--------------dropDownList相關--------------*/
/*dropDownList基礎樣式(預設)*/
.dropDownList-default {
    /*width: 50px;*/
    height: 35px;
    font-size: 12px;
    display: inline-block;
    font-family: "微軟正黑體", Verdana, Arial;
    padding: 0;
    padding-left: 10px;
}



/*--------------dropDownList 輔助搜尋相關--------------*/
.ddl-assistant {
    position: absolute;
    display: none;
    width: auto;
    height: 85px;
    border: 5px solid #CCCCCC;
    text-align: center;
    background-color: #F1F1F1;
    color: #1F8C92;
    margin-top: -90px;
    margin-left: 0px;
    padding-top: 5px;
    box-shadow: 0px 0px 3px #807f7f;
}

    .ddl-assistant .closeicon {
        position: absolute;
        margin-top: -16px;
        margin-left: 47px;
    }

    .ddl-assistant input[type="text"] {
        text-align: center !important;
    }



/***

====================================================================
    自訂-彈性區塊
====================================================================

***/
.cus-flex {
    display: flex;
}

    .cus-flex.h-f {
        height: 100%;
    }

    .cus-flex.h-mc {
        height: max-content;
    }

    .cus-flex.w-f {
        width: 100%;
    }

    .cus-flex.w-mc {
        width: max-content;
    }

    /*尺寸-自動 未佈滿容器時項目會成長 超出容器時項目會壓縮(等同flex: 1 1 auto)*/
    .cus-flex.size-auto {
        flex: auto;
    }

    /*尺寸-初始 未佈滿容器時項目不會成長 超出容器時項目會壓縮(等同flex: 0 1 auto)*/
    .cus-flex.size-initial {
        flex: initial;
    }

    /*尺寸-無 不進行任何調整(等同flex: 0 0 auto)*/
    .cus-flex.size-none {
        flex: none;
    }

    .cus-flex.as-bl {
        align-self: baseline;
    }

    .cus-flex.as-fs {
        align-self: flex-start;
    }

    .cus-flex.as-c {
        align-self: center;
    }

    .cus-flex.as-fe {
        align-self: flex-end;
    }

    .cus-flex.as-st {
        align-self: stretch;
    }

    .cus-flex.jc-fs {
        justify-content: flex-start;
    }

    .cus-flex.jc-c {
        justify-content: center;
    }

    .cus-flex.jc-fe {
        justify-content: flex-end;
    }

    .cus-flex.jc-sa {
        justify-content: space-around;
    }

    .cus-flex.jc-sb {
        justify-content: space-between;
    }

    .cus-flex.ai-bl {
        align-items: baseline;
    }

    .cus-flex.ai-fs {
        align-items: flex-start;
    }

    .cus-flex.ai-c {
        align-items: center;
    }

    .cus-flex.ai-fe {
        align-items: flex-end;
    }

    .cus-flex.ai-st {
        align-items: stretch;
    }

    .cus-flex.nl-fd-r {
        flex-direction: row;
    }

    .cus-flex.nl-fd-c {
        flex-direction: column;
    }

    .cus-flex.nl-fw-w {
        flex-wrap: wrap;
    }

    .cus-flex.nl-fw-nw {
        flex-wrap: nowrap;
    }



/***

====================================================================
    自訂-文字相關
====================================================================

***/
/*自訂文字*/
.cus-font {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
}


    /*文字 標籤 空白*/
    .cus-font.tag-empty {
        font-size: 1rem;
        font-family: 'Microsoft JhengHei', PMingLiU, Arial;
        border: 1px solid #000;
        color: inherit;
        padding: 0.25rem;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    }

        /*文字 標籤 空白 色仿bs-danger*/
        .cus-font.tag-empty.danger {
            border: 1px solid #dc3545;
            color: #dc3545;
        }

        /*文字 標籤 空白 色仿bs-dark*/
        .cus-font.tag-empty.dark {
            border: 1px solid #343a40;
            color: #343a40;
        }

        /*文字 標籤 空白 色仿bs-info*/
        .cus-font.tag-empty.info {
            border: 1px solid #17a2b8;
            color: #17a2b8;
        }

        /*文字 標籤 空白 色仿bs-light*/
        .cus-font.tag-empty.light {
            border: 1px solid #f8f9fa;
            color: #f8f9fa;
        }

        /*文字 標籤 空白 色仿bs-secondary*/
        .cus-font.tag-empty.secondary {
            border: 1px solid #6c757d;
            color: #6c757d;
        }

        /*文字 標籤 空白 色仿bs-warning*/
        .cus-font.tag-empty.warning {
            border: 1px solid #ffc107;
            color: #ffc107;
        }

        /*文字 標籤 空白 色仿bs-white*/
        .cus-font.tag-empty.white {
            border: 1px solid #fff;
            color: #fff;
        }

        /*文字 標籤 空白 自訂色 1*/
        .cus-font.tag-empty.cus-1 {
            border: 1px solid #bd5795;
            color: #bd5795;
        }

        /*文字 標籤 空白 自訂色 2*/
        .cus-font.tag-empty.cus-2 {
            border: 1px solid #1F8C92;
            color: #1F8C92;
        }

        /*文字 標籤 空白 自訂色 3*/
        .cus-font.tag-empty.cus-3 {
            border: 1px solid #0170c1;
            color: #0170c1;
        }

        /*文字 標籤 空白 自訂色 4*/
        .cus-font.tag-empty.cus-4 {
            border: 1px solid #cf916a;
            color: #cf916a;
        }

        /*文字 標籤 空白 自訂色 5*/
        .cus-font.tag-empty.cus-5 {
            border: 1px solid #63a5d9;
            color: #63a5d9;
        }

        /*文字 標籤 空白 自訂色 6*/
        .cus-font.tag-empty.cus-6 {
            border: 1px solid #90b669;
            color: #90b669;
        }

        /*文字 標籤 空白 自訂色 7*/
        .cus-font.tag-empty.cus-7 {
            border: 1px solid #E63946;
            color: #E63946;
        }


    /*文字 標籤 填滿*/
    .cus-font.tag-fill {
        font-size: 1rem;
        font-family: 'Microsoft JhengHei', PMingLiU, Arial;
        border: 1px solid #000;
        background-color: #000;
        color: #fff;
        padding: 0.25rem;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    }

        /*文字 標籤 填滿 色仿bs-danger*/
        .cus-font.tag-fill.danger {
            border: 1px solid #dc3545;
            background-color: #dc3545;
        }

        /*文字 標籤 填滿 色仿bs-dark*/
        .cus-font.tag-fill.dark {
            border: 1px solid #343a40;
            background-color: #343a40;
        }

        /*文字 標籤 填滿 色仿bs-info*/
        .cus-font.tag-fill.info {
            border: 1px solid #17a2b8;
            background-color: #17a2b8;
        }

        /*文字 標籤 填滿 色仿bs-light*/
        .cus-font.tag-fill.light {
            border: 1px solid #f8f9fa;
            background-color: #f8f9fa;
            color: #000;
        }

        /*文字 標籤 填滿 色仿bs-secondary*/
        .cus-font.tag-fill.secondary {
            border: 1px solid #6c757d;
            background-color: #6c757d;
        }

        /*文字 標籤 填滿 色仿bs-warning*/
        .cus-font.tag-fill.warning {
            border: 1px solid #ffc107;
            background-color: #ffc107;
        }

        /*文字 標籤 填滿 色仿bs-white*/
        .cus-font.tag-fill.white {
            border: 1px solid #fff;
            background-color: #fff;
            color: #000;
        }

        /*文字 標籤 填滿 自訂色 1*/
        .cus-font.tag-fill.cus-1 {
            border: 1px solid #bd5795;
            background-color: #bd5795;
            color: #000;
        }

        /*文字 標籤 填滿 自訂色 2*/
        .cus-font.tag-fill.cus-2 {
            border: 1px solid #1f8c92;
            background-color: #1f8c92;
            color: #000;
        }

        /*文字 標籤 填滿 自訂色 3*/
        .cus-font.tag-fill.cus-3 {
            border: 1px solid #0170c1;
            background-color: #0170c1;
        }

        /*文字 標籤 填滿 自訂色 4*/
        .cus-font.tag-fill.cus-4 {
            border: 1px solid #cf916a;
            background-color: #cf916a;
        }

        /*文字 標籤 填滿 自訂色 5*/
        .cus-font.tag-fill.cus-5 {
            border: 1px solid #63a5d9;
            background-color: #63a5d9;
        }

        /*文字 標籤 填滿 自訂色 6*/
        .cus-font.tag-fill.cus-6 {
            border: 1px solid #90b669;
            background-color: #90b669;
        }

        /*文字 標籤 填滿 自訂色 7*/
        .cus-font.tag-fill.cus-7 {
            border: 1px solid #E63946;
            background-color: #E63946;
        }


    /*文字 粗細 正常*/
    .cus-font.normal {
        font-weight: normal;
    }

    /*文字 粗細 粗體*/
    .cus-font.bold {
        font-weight: 700 !important;
    }

    /*文字 斜體*/
    .cus-font.it {
        font-style: italic !important;
    }

    /*文字 刪除線*/
    .cus-font.lth {
        text-decoration: line-through !important;
    }

    /*文字 上方線*/
    .cus-font.ol {
        text-decoration: overline !important;
    }

    /*文字 底線*/
    .cus-font.ul {
        text-decoration: underline !important;
    }

    /*文字 字型 常用*/
    .cus-font.family-common {
        font-family: 'Microsoft JhengHei', PMingLiU, Arial !important;
    }


    /*文字 字型 fontawesome (5.15.4)*/
    .cus-font.family-fa {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
    }

    /*文字 字型 fontawesome (4.7.0)*/
    .cus-font.family-fa-47 {
        font-family: "FontAwesome" !important;
        font-weight: 900 !important;
    }


    /*文字 超連結*/
    .cus-font.a {
        text-decoration: none !important;
        outline: none !important;
    }

        .cus-font.a.hv {
        }

            .cus-font.a.hv:hover {
                box-shadow: 0 .125rem .25rem #bdbcbc;
            }

                .cus-font.a.hv:hover .inside {
                    box-shadow: 0 .125rem .25rem #bdbcbc;
                }

    /*文字 超連結 底線*/
    .cus-font.a-ul {
        text-decoration: underline !important;
        outline: none !important;
    }

        .cus-font.a-ul.hv {
        }

            .cus-font.a-ul.hv:hover {
                text-decoration: none !important;
                color: #1A3A5C !important;
            }

                .cus-font.a-ul.hv:hover .inside {
                    box-shadow: 0 .125rem .25rem #bdbcbc;
                }


    /*文字 位置 靠左*/
    .cus-font.al-l {
        text-align: left;
    }

    /*文字 位置 置中*/
    .cus-font.al-c {
        text-align: center;
    }

    /*文字 位置 靠右*/
    .cus-font.al-r {
        text-align: right;
    }


    /*文字 尺寸 12*/
    .cus-font.fs-12 {
        font-size: 12px !important;
    }

    /*文字 尺寸 14*/
    .cus-font.fs-14 {
        font-size: 14px !important;
    }

    /*文字 尺寸 15*/
    .cus-font.fs-15 {
        font-size: 15px !important;
    }

    /*文字 尺寸 16*/
    .cus-font.fs-16 {
        font-size: 16px !important;
    }

    /*文字 尺寸 18*/
    .cus-font.fs-18 {
        font-size: 18px !important;
    }

    /*文字 尺寸 20*/
    .cus-font.fs-20 {
        font-size: 20px !important;
    }

    /*文字 尺寸 22*/
    .cus-font.fs-22 {
        font-size: 22px !important;
    }

    /*文字 尺寸 24*/
    .cus-font.fs-24 {
        font-size: 24px !important;
    }

    /*文字 尺寸 26*/
    .cus-font.fs-26 {
        font-size: 26px !important;
    }

    /*文字 尺寸 28*/
    .cus-font.fs-28 {
        font-size: 28px !important;
    }

    /*文字 尺寸 30*/
    .cus-font.fs-30 {
        font-size: 30px !important;
    }

    /*文字 尺寸 32*/
    .cus-font.fs-32 {
        font-size: 32px !important;
    }

    /*文字 尺寸 34*/
    .cus-font.fs-34 {
        font-size: 34px !important;
    }

    /*文字 尺寸 36*/
    .cus-font.fs-36 {
        font-size: 36px !important;
    }

    /*文字 尺寸 38*/
    .cus-font.fs-38 {
        font-size: 38px !important;
    }

    /*文字 尺寸 40*/
    .cus-font.fs-40 {
        font-size: 40px !important;
    }

    /*文字 尺寸 42*/
    .cus-font.fs-42 {
        font-size: 42px !important;
    }

    /*文字 尺寸 46*/
    .cus-font.fs-46 {
        font-size: 46px !important;
    }

    /*文字 尺寸 50*/
    .cus-font.fs-50 {
        font-size: 50px !important;
    }

    /*文字 尺寸 54*/
    .cus-font.fs-54 {
        font-size: 54px !important;
    }

    /*文字 尺寸 58*/
    .cus-font.fs-58 {
        font-size: 58px !important;
    }

    /*文字 尺寸 62*/
    .cus-font.fs-62 {
        font-size: 62px !important;
    }

    /*文字 尺寸 66*/
    .cus-font.fs-66 {
        font-size: 66px !important;
    }

    /*文字 尺寸 70*/
    .cus-font.fs-70 {
        font-size: 70px !important;
    }

    /*文字 尺寸 74*/
    .cus-font.fs-74 {
        font-size: 74px !important;
    }

    /*文字 尺寸 80*/
    .cus-font.fs-80 {
        font-size: 80px !important;
    }

    /*文字 尺寸 88*/
    .cus-font.fs-88 {
        font-size: 88px !important;
    }

    /*文字 尺寸 96*/
    .cus-font.fs-96 {
        font-size: 96px !important;
    }



    /*文字 顏色 色仿bs-danger*/
    .cus-font.color-danger {
        color: #dc3545 !important;
    }

    /*文字 顏色 色仿bs-dark*/
    .cus-font.color-dark {
        color: #343a40 !important;
    }

    /*文字 顏色 色仿bs-info*/
    .cus-font.color-info {
        color: #17a2b8 !important;
    }

    /*文字 顏色 色仿bs-light*/
    .cus-font.color-light {
        color: #f8f9fa !important;
    }

    /*文字 顏色 色仿bs-secondary*/
    .cus-font.color-secondary {
        color: #6c757d !important;
    }

    /*文字 顏色 色仿bs-warning*/
    .cus-font.color-warning {
        color: #ffc107 !important;
    }

    /*文字 顏色 色仿bs-white*/
    .cus-font.color-white {
        color: #fff !important;
    }

    /*文字 顏色 自訂色 1*/
    .cus-font.color-cus-1 {
        color: #bd5795 !important;
    }

    /*文字 顏色 自訂色 2*/
    .cus-font.color-cus-2 {
        color: #1F8C92 !important;
    }

    /*文字 顏色 自訂色 3*/
    .cus-font.color-cus-3 {
        color: #0170c1 !important;
    }

    /*文字 顏色 自訂色 4*/
    .cus-font.color-cus-4 {
        color: #cf916a !important;
    }

    /*文字 顏色 自訂色 5*/
    .cus-font.color-cus-5 {
        color: #63a5d9 !important;
    }

    /*文字 顏色 自訂色 6*/
    .cus-font.color-cus-6 {
        color: #90b669 !important;
    }

    /*文字 顏色 自訂色 7*/
    .cus-font.color-cus-7 {
        color: #E63946 !important;
    }


    /*文字 框線 顏色 色仿bs-danger*/
    .cus-font.b-color-danger {
        border-color: #dc3545 !important;
    }

    /*文字 框線 顏色 色仿bs-dark*/
    .cus-font.b-color-dark {
        border-color: #343a40 !important;
    }

    /*文字 框線 顏色 色仿bs-info*/
    .cus-font.b-color-info {
        border-color: #17a2b8 !important;
    }

    /*文字 框線 顏色 色仿bs-light*/
    .cus-font.b-color-light {
        border-color: #f8f9fa !important;
    }

    /*文字 框線 顏色 色仿bs-secondary*/
    .cus-font.b-color-secondary {
        border-color: #6c757d !important;
    }

    /*文字 框線 顏色 色仿bs-warning*/
    .cus-font.b-color-warning {
        border-color: #ffc107 !important;
    }

    /*文字 框線 顏色 色仿bs-white*/
    .cus-font.b-color-white {
        border-color: #fff !important;
    }

    /*文字 框線 顏色 自訂色 1*/
    .cus-font.b-color-cus-1 {
        border-color: #bd5795 !important;
    }

    /*文字 框線 顏色 自訂色 2*/
    .cus-font.b-color-cus-2 {
        border-color: #1F8C92 !important;
    }

    /*文字 框線 顏色 自訂色 3*/
    .cus-font.b-color-cus-3 {
        border-color: #0170c1 !important;
    }

    /*文字 框線 顏色 自訂色 4*/
    .cus-font.b-color-cus-4 {
        border-color: #cf916a !important;
    }

    /*文字 框線 顏色 自訂色 5*/
    .cus-font.b-color-cus-5 {
        border-color: #63a5d9 !important;
    }

    /*文字 框線 顏色 自訂色 6*/
    .cus-font.b-color-cus-6 {
        border-color: #90b669 !important;
    }

    /*文字 框線 顏色 自訂色 7*/
    .cus-font.b-color-cus-7 {
        border-color: #E63946 !important;
    }


    /*文字 框線 粗細 0.1rem*/
    .cus-font.b-width-01 {
        border-width: 0.1rem !important;
    }

    /*文字 框線 粗細 0.15rem*/
    .cus-font.b-width-015 {
        border-width: 0.15rem !important;
    }

    /*文字 框線 粗細 0.2rem*/
    .cus-font.b-width-02 {
        border-width: 0.2rem !important;
    }

    /*文字 框線 粗細 0.25rem*/
    .cus-font.b-width-025 {
        border-width: 0.25rem !important;
    }

    /*文字 框線 粗細 0.3rem*/
    .cus-font.b-width-03 {
        border-width: 0.3rem !important;
    }

    /*文字 框線 粗細 0.35rem*/
    .cus-font.b-width-035 {
        border-width: 0.35rem !important;
    }

    /*文字 框線 粗細 0.4rem*/
    .cus-font.b-width-04 {
        border-width: 0.4rem !important;
    }

    /*文字 框線 粗細 0.45rem*/
    .cus-font.b-width-045 {
        border-width: 0.45rem !important;
    }

    /*文字 框線 粗細 0.5rem*/
    .cus-font.b-width-05 {
        border-width: 0.5rem !important;
    }

    /*文字 框線 粗細 0.55rem*/
    .cus-font.b-width-055 {
        border-width: 0.55rem !important;
    }

    /*文字 框線 粗細 0.6rem*/
    .cus-font.b-width-06 {
        border-width: 0.6rem !important;
    }

    /*文字 框線 粗細 0.65rem*/
    .cus-font.b-width-065 {
        border-width: 0.65rem !important;
    }

    /*文字 框線 粗細 0.7rem*/
    .cus-font.b-width-07 {
        border-width: 0.7rem !important;
    }

    /*文字 框線 粗細 0.75rem*/
    .cus-font.b-width-075 {
        border-width: 0.75rem !important;
    }

    /*文字 框線 粗細 0.8rem*/
    .cus-font.b-width-08 {
        border-width: 0.8rem !important;
    }

    /*文字 框線 粗細 0.85rem*/
    .cus-font.b-width-085 {
        border-width: 0.85rem !important;
    }

    /*文字 框線 粗細 0.9rem*/
    .cus-font.b-width-09 {
        border-width: 0.9rem !important;
    }

    /*文字 框線 粗細 0.95rem*/
    .cus-font.b-width-095 {
        border-width: 0.95rem !important;
    }

    /*文字 框線 粗細 1rem*/
    .cus-font.b-width-1 {
        border-width: 1rem !important;
    }


    /*文字 框線 圓角 0.25rem*/
    .cus-font.b-radius-025 {
        border-radius: 0.25rem !important;
    }

    /*文字 框線 圓角 0.5rem*/
    .cus-font.b-radius-05 {
        border-radius: 0.5rem !important;
    }

    /*文字 框線 圓角 0.75rem*/
    .cus-font.b-radius-075 {
        border-radius: 0.75rem !important;
    }

    /*文字 框線 圓角 1rem*/
    .cus-font.b-radius-1 {
        border-radius: 1rem !important;
    }

    /*文字 框線 圓角 2rem*/
    .cus-font.b-radius-2 {
        border-radius: 2rem !important;
    }

    /*文字 框線 圓角 3rem*/
    .cus-font.b-radius-3 {
        border-radius: 3rem !important;
    }

    /*文字 框線 圓角 4rem*/
    .cus-font.b-radius-4 {
        border-radius: 4rem !important;
    }

    /*文字 框線 圓角 5rem*/
    .cus-font.b-radius-5 {
        border-radius: 5rem !important;
    }

    /*文字 框線 圓角 6rem*/
    .cus-font.b-radius-6 {
        border-radius: 6rem !important;
    }

    /*文字 框線 圓角 7rem*/
    .cus-font.b-radius-7 {
        border-radius: 7rem !important;
    }

    /*文字 框線 圓角 8rem*/
    .cus-font.b-radius-8 {
        border-radius: 8rem !important;
    }

    /*文字 框線 圓角 9rem*/
    .cus-font.b-radius-9 {
        border-radius: 9rem !important;
    }

    /*文字 框線 圓角 10rem*/
    .cus-font.b-radius-10 {
        border-radius: 10rem !important;
    }

    /*文字 框線 圓角 max*/
    .cus-font.b-radius-max {
        border-radius: 999rem !important;
    }

    /*文字 滑鼠懸停*/
    .cus-font:not(.no-hover):hover {
        box-shadow: 0 .125rem .25rem #bdbcbc;
    }

/***

====================================================================
    自訂-輸入-文字欄位-相關
====================================================================

***/
.cus-input-text.of.auto {
    overflow: auto;
}

.cus-input-text.with-cus-font-tag {
    width: calc(100% - 0.5rem);
}



/***

====================================================================
    自訂-文字轉換-相關
====================================================================

***/
/*文字轉小寫*/
.cus-text-lowercase {
    text-transform: lowercase !important;
}

/*文字轉大寫*/
.cus-text-uppercase {
    text-transform: uppercase !important;
}

/*首文字轉大寫*/
.cus-text-capitalize {
    text-transform: capitalize !important;
}



/***

====================================================================
    自訂-主題色相關
====================================================================

***/
.cus-bg.themecolor {
    background-color: #1A3A5C;
}

    .cus-bg.themecolor.th > th {
        background-color: #1A3A5C;
    }



/***

====================================================================
    自訂-元素內空白處理相關
====================================================================

***/
/*默認(空白會被瀏覽器忽略) 自動換行*/
.ws-normal {
    white-space: normal;
}

/*不換行*/
.ws-nowrap {
    white-space: nowrap;
}

/*保留空白*/
.ws-pre {
    white-space: pre;
}

/*合併空白 自動換行*/
.ws-preline {
    white-space: pre-line;
}

/*保留空白 自動換行*/
.ws-prewrap {
    white-space: pre-wrap;
}

/*繼承父元素*/
.ws-inherit {
    white-space: inherit;
}



/***

====================================================================
    自訂-尺寸相關
====================================================================

***/
/*指定高度(px)*/
.cus-h-500p {
    height: 500px;
}

.cus-h-450p {
    height: 450px;
}

.cus-h-400p {
    height: 400px;
}

.cus-h-350p {
    height: 350px;
}

.cus-h-300p {
    height: 300px;
}

.cus-h-250p {
    height: 250px;
}

.cus-h-200p {
    height: 200px;
}

.cus-h-150p {
    height: 150px;
}

.cus-h-125p {
    height: 125px;
}

.cus-h-100p {
    height: 100px;
}

.cus-h-95p {
    height: 95px;
}

.cus-h-90p {
    height: 90px;
}

.cus-h-85p {
    height: 85px;
}

.cus-h-80p {
    height: 80px;
}

.cus-h-75p {
    height: 75px;
}

.cus-h-70p {
    height: 70px;
}

.cus-h-65p {
    height: 65px;
}

.cus-h-60p {
    height: 60px;
}

.cus-h-55p {
    height: 55px;
}

.cus-h-50p {
    height: 50px;
}

.cus-h-45p {
    height: 45px;
}

.cus-h-40p {
    height: 40px;
}

.cus-h-35p {
    height: 35px;
}

.cus-h-30p {
    height: 30px;
}

.cus-h-25p {
    height: 25px;
}

.cus-h-20p {
    height: 20px;
}


/*指定高度-強制(px)*/
.cus-h-500p-f {
    height: 500px !important;
}

.cus-h-450p-f {
    height: 450px !important;
}

.cus-h-400p-f {
    height: 400px !important;
}

.cus-h-350p-f {
    height: 350px !important;
}

.cus-h-300p-f {
    height: 300px !important;
}

.cus-h-250p-f {
    height: 250px !important;
}

.cus-h-200p-f {
    height: 200px !important;
}

.cus-h-150p-f {
    height: 150px !important;
}

.cus-h-125p-f {
    height: 125px !important;
}

.cus-h-100p-f {
    height: 100px !important;
}

.cus-h-95p-f {
    height: 95px !important;
}

.cus-h-90p-f {
    height: 90px !important;
}

.cus-h-85p-f {
    height: 85px !important;
}

.cus-h-80p-f {
    height: 80px !important;
}

.cus-h-75p-f {
    height: 75px !important;
}

.cus-h-70p-f {
    height: 70px !important;
}

.cus-h-65p-f {
    height: 65px !important;
}

.cus-h-60p-f {
    height: 60px !important;
}

.cus-h-55p-f {
    height: 55px !important;
}

.cus-h-50p-f {
    height: 50px !important;
}

.cus-h-45p-f {
    height: 45px !important;
}

.cus-h-40p-f {
    height: 40px !important;
}

.cus-h-35p-f {
    height: 35px !important;
}

.cus-h-30p-f {
    height: 30px !important;
}

.cus-h-25p-f {
    height: 25px !important;
}

.cus-h-20p-f {
    height: 20px !important;
}


/*指定寬度-強制(%)*/
.cus-w-100-f {
    width: 100% !important;
}

.cus-w-95-f {
    width: 95% !important;
}

.cus-w-90-f {
    width: 90% !important;
}

.cus-w-85-f {
    width: 85% !important;
}

.cus-w-80-f {
    width: 80% !important;
}

.cus-w-75-f {
    width: 75% !important;
}

.cus-w-70-f {
    width: 70% !important;
}

.cus-w-65-f {
    width: 65% !important;
}

.cus-w-60-f {
    width: 60% !important;
}

.cus-w-55-f {
    width: 55% !important;
}

.cus-w-50-f {
    width: 50% !important;
}

.cus-w-45-f {
    width: 45% !important;
}

.cus-w-40-f {
    width: 40% !important;
}

.cus-w-35-f {
    width: 35% !important;
}

.cus-w-30-f {
    width: 30% !important;
}

.cus-w-25-f {
    width: 25% !important;
}

.cus-w-20-f {
    width: 20% !important;
}

.cus-w-15-f {
    width: 15% !important;
}

.cus-w-10-f {
    width: 10% !important;
}

.cus-w-5-f {
    width: 5% !important;
}


/*指定寬度-強制(px)*/
.cus-w-500p-f {
    width: 500px !important;
}

.cus-w-475p-f {
    width: 475px !important;
}

.cus-w-450p-f {
    width: 450px !important;
}

.cus-w-425p-f {
    width: 425px !important;
}

.cus-w-400p-f {
    width: 400px !important;
}

.cus-w-375p-f {
    width: 375px !important;
}

.cus-w-350p-f {
    width: 350px !important;
}

.cus-w-325p-f {
    width: 325px !important;
}

.cus-w-300p-f {
    width: 300px !important;
}

.cus-w-275p-f {
    width: 275px !important;
}

.cus-w-250p-f {
    width: 250px !important;
}

.cus-w-225p-f {
    width: 225px !important;
}

.cus-w-200p-f {
    width: 200px !important;
}

.cus-w-175p-f {
    width: 175px !important;
}

.cus-w-150p-f {
    width: 150px !important;
}

.cus-w-125p-f {
    width: 125px !important;
}

.cus-w-100p-f {
    width: 100px !important;
}

.cus-w-95p-f {
    width: 95px !important;
}

.cus-w-90p-f {
    width: 90px !important;
}

.cus-w-85p-f {
    width: 85px !important;
}

.cus-w-80p-f {
    width: 80px !important;
}

.cus-w-75p-f {
    width: 75px !important;
}

.cus-w-70p-f {
    width: 70px !important;
}

.cus-w-65p-f {
    width: 65px !important;
}

.cus-w-60p-f {
    width: 60px !important;
}

.cus-w-55p-f {
    width: 55px !important;
}

.cus-w-50p-f {
    width: 50px !important;
}

.cus-w-45p-f {
    width: 45px !important;
}

.cus-w-40p-f {
    width: 40px !important;
}

.cus-w-35p-f {
    width: 35px !important;
}

.cus-w-30p-f {
    width: 30px !important;
}

.cus-w-25p-f {
    width: 25px !important;
}

.cus-w-20p-f {
    width: 20px !important;
}

.cus-w-15p-f {
    width: 15px !important;
}

.cus-w-10p-f {
    width: 10px !important;
}

.cus-w-5p-f {
    width: 5px !important;
}



/***

====================================================================
    自訂-內容區塊相關
====================================================================

***/
/*自訂 連結圖像區塊 樣式 1*/
.cus-linkblock-style-1 {
    text-decoration: none !important;
}

    .cus-linkblock-style-1 .base {
        padding: 15px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

        .cus-linkblock-style-1 .base:hover {
        }

            .cus-linkblock-style-1 .base:hover .item img {
                -webkit-filter: drop-shadow(0 0 5px #94D9DC); /* Safari */
                filter: drop-shadow(0 0 5px #94D9DC);
            }

        .cus-linkblock-style-1 .base .item {
        }

            .cus-linkblock-style-1 .base .item img {
                width: 100%;
                border-radius: 5em;
            }

        .cus-linkblock-style-1 .base .description {
            background-color: #BD5795;
            border: 0px solid #EDEDED;
            padding: 15px 80px;
            margin-top: 10px;
            width: max-content;
            color: #FFFFFF;
            font-size: 28px;
            font-weight: bold;
            font-family: 'Microsoft JhengHei', PMingLiU, Arial;
            text-align: center;
            -webkit-box-shadow: 0px 2px 3px #c9c9c9;
            -moz-box-shadow: 0px 2px 3px #c9c9c9;
            box-shadow: 0px 2px 3px #c9c9c9;
        }

        .cus-linkblock-style-1 .base .description-sm {
            font-size: 16px;
            color: #222;
        }



/*自訂 資訊區塊 樣式 1*/
.cus-noticeblock-style-1 {
    width: auto;
    margin: 50px 0;
    padding: 0 25px;
}

    .cus-noticeblock-style-1 .base {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        border-radius: 5px;
        border: 2px dashed #bd5795;
        padding: 15px;
        background-color: #fef8fc;
        border-radius: 15px;
    }

        .cus-noticeblock-style-1 .base.no-border {
            border: none !important;
        }

        .cus-noticeblock-style-1 .base.no-bg {
            background: none !important;
        }

        .cus-noticeblock-style-1 .base .main-icon {
            color: #dc3545;
            margin: 5px 0;
        }

        .cus-noticeblock-style-1 .base .item {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: flex-start;
            margin-top: 8px;
        }

            .cus-noticeblock-style-1 .base .item .icon {
                color: #dc3545;
                font-size: 18px;
            }

            .cus-noticeblock-style-1 .base .item .content {
                color: #dc3545;
                font-size: 15px;
                font-weight: normal;
                font-family: 'Microsoft JhengHei', PMingLiU, Arial;
                margin-left: 5px;
            }



/*自訂 區塊*/
.cus-block {
    display: block;
}

    .cus-block .base {
        position: relative;
        padding: 15px;
    }


    /*區塊 框線*/
    .cus-block.border {
        border: 1px solid #000;
    }


    /*區塊 框線 顏色 色仿bs-danger*/
    .cus-block.b-color-danger {
        border-color: #dc3545 !important;
    }

    /*區塊 框線 顏色 色仿bs-dark*/
    .cus-block.b-color-dark {
        border-color: #343a40 !important;
    }

    /*區塊 框線 顏色 色仿bs-info*/
    .cus-block.b-color-info {
        border-color: #17a2b8 !important;
    }

    /*區塊 框線 顏色 色仿bs-light*/
    .cus-block.b-color-light {
        border-color: #f8f9fa !important;
    }

    /*區塊 框線 顏色 色仿bs-secondary*/
    .cus-block.b-color-secondary {
        border-color: #6c757d !important;
    }

    /*區塊 框線 顏色 色仿bs-warning*/
    .cus-block.b-color-warning {
        border-color: #ffc107 !important;
    }

    /*區塊 框線 顏色 色仿bs-white*/
    .cus-block.b-color-white {
        border-color: #fff !important;
    }

    /*區塊 框線 顏色 自訂色 1*/
    .cus-block.b-color-cus-1 {
        border-color: #bd5795 !important;
    }

    /*區塊 框線 顏色 自訂色 2*/
    .cus-block.b-color-cus-2 {
        border-color: #1F8C92 !important;
    }

    /*區塊 框線 顏色 自訂色 3*/
    .cus-block.b-color-cus-3 {
        border-color: #0170c1 !important;
    }

    /*區塊 框線 顏色 自訂色 4*/
    .cus-block.b-color-cus-4 {
        border-color: #cf916a !important;
    }

    /*區塊 框線 顏色 自訂色 5*/
    .cus-block.b-color-cus-5 {
        border-color: #63a5d9 !important;
    }

    /*區塊 框線 顏色 自訂色 6*/
    .cus-block.b-color-cus-6 {
        border-color: #90b669 !important;
    }


    /*區塊 背景 顏色 色仿bs-danger*/
    .cus-block.bg-color-danger {
        background-color: #dc3545 !important;
    }

    /*區塊 背景 顏色 色仿bs-dark*/
    .cus-block.bg-color-dark {
        background-color: #343a40 !important;
    }

    /*區塊 背景 顏色 色仿bs-info*/
    .cus-block.bg-color-info {
        background-color: #17a2b8 !important;
    }

    /*區塊 背景 顏色 色仿bs-light*/
    .cus-block.bg-color-light {
        background-color: #f8f9fa !important;
    }

    /*區塊 背景 顏色 色仿bs-secondary*/
    .cus-block.bg-color-secondary {
        background-color: #6c757d !important;
    }

    /*區塊 背景 顏色 色仿bs-warning*/
    .cus-block.bg-color-warning {
        background-color: #ffc107 !important;
    }

    /*區塊 背景 顏色 色仿bs-white*/
    .cus-block.bg-color-white {
        background-color: #fff !important;
    }

    /*區塊 背景 顏色 自訂色 1*/
    .cus-block.bg-color-cus-1 {
        background-color: #bd5795 !important;
    }

    /*區塊 背景 顏色 自訂色 2*/
    .cus-block.bg-color-cus-2 {
        background-color: #1F8C92 !important;
    }

    /*區塊 背景 顏色 自訂色 3*/
    .cus-block.bg-color-cus-3 {
        background-color: #0170c1 !important;
    }

    /*區塊 背景 顏色 自訂色 4*/
    .cus-block.bg-color-cus-4 {
        background-color: #cf916a !important;
    }

    /*區塊 背景 顏色 自訂色 5*/
    .cus-block.bg-color-cus-5 {
        background-color: #63a5d9 !important;
    }

    /*區塊 背景 顏色 自訂色 6*/
    .cus-block.bg-color-cus-6 {
        background-color: #90b669 !important;
    }


    /*區塊 框線 粗細 0.1rem*/
    .cus-block.b-width-01 {
        border-width: 0.1rem !important;
    }

    /*區塊 框線 粗細 0.15rem*/
    .cus-block.b-width-015 {
        border-width: 0.15rem !important;
    }

    /*區塊 框線 粗細 0.2rem*/
    .cus-block.b-width-02 {
        border-width: 0.2rem !important;
    }

    /*區塊 框線 粗細 0.25rem*/
    .cus-block.b-width-025 {
        border-width: 0.25rem !important;
    }

    /*區塊 框線 粗細 0.3rem*/
    .cus-block.b-width-03 {
        border-width: 0.3rem !important;
    }

    /*區塊 框線 粗細 0.35rem*/
    .cus-block.b-width-035 {
        border-width: 0.35rem !important;
    }

    /*區塊 框線 粗細 0.4rem*/
    .cus-block.b-width-04 {
        border-width: 0.4rem !important;
    }

    /*區塊 框線 粗細 0.45rem*/
    .cus-block.b-width-045 {
        border-width: 0.45rem !important;
    }

    /*區塊 框線 粗細 0.5rem*/
    .cus-block.b-width-05 {
        border-width: 0.5rem !important;
    }

    /*區塊 框線 粗細 0.55rem*/
    .cus-block.b-width-055 {
        border-width: 0.55rem !important;
    }

    /*區塊 框線 粗細 0.6rem*/
    .cus-block.b-width-06 {
        border-width: 0.6rem !important;
    }

    /*區塊 框線 粗細 0.65rem*/
    .cus-block.b-width-065 {
        border-width: 0.65rem !important;
    }

    /*區塊 框線 粗細 0.7rem*/
    .cus-block.b-width-07 {
        border-width: 0.7rem !important;
    }

    /*區塊 框線 粗細 0.75rem*/
    .cus-block.b-width-075 {
        border-width: 0.75rem !important;
    }

    /*區塊 框線 粗細 0.8rem*/
    .cus-block.b-width-08 {
        border-width: 0.8rem !important;
    }

    /*區塊 框線 粗細 0.85rem*/
    .cus-block.b-width-085 {
        border-width: 0.85rem !important;
    }

    /*區塊 框線 粗細 0.9rem*/
    .cus-block.b-width-09 {
        border-width: 0.9rem !important;
    }

    /*區塊 框線 粗細 0.95rem*/
    .cus-block.b-width-095 {
        border-width: 0.95rem !important;
    }

    /*區塊 框線 粗細 1rem*/
    .cus-block.b-width-1 {
        border-width: 1rem !important;
    }


    /*區塊 框線 圓角 0.25rem*/
    .cus-block.b-radius-025 {
        border-radius: 0.25rem !important;
    }

    /*區塊 框線 圓角 0.5rem*/
    .cus-block.b-radius-05 {
        border-radius: 0.5rem !important;
    }

    /*區塊 框線 圓角 0.75rem*/
    .cus-block.b-radius-075 {
        border-radius: 0.75rem !important;
    }

    /*區塊 框線 圓角 1rem*/
    .cus-block.b-radius-1 {
        border-radius: 1rem !important;
    }

    /*區塊 框線 圓角 2rem*/
    .cus-block.b-radius-2 {
        border-radius: 2rem !important;
    }

    /*區塊 框線 圓角 3rem*/
    .cus-block.b-radius-3 {
        border-radius: 3rem !important;
    }

    /*區塊 框線 圓角 4rem*/
    .cus-block.b-radius-4 {
        border-radius: 4rem !important;
    }

    /*區塊 框線 圓角 5rem*/
    .cus-block.b-radius-5 {
        border-radius: 5rem !important;
    }

    /*區塊 框線 圓角 6rem*/
    .cus-block.b-radius-6 {
        border-radius: 6rem !important;
    }

    /*區塊 框線 圓角 7rem*/
    .cus-block.b-radius-7 {
        border-radius: 7rem !important;
    }

    /*區塊 框線 圓角 8rem*/
    .cus-block.b-radius-8 {
        border-radius: 8rem !important;
    }

    /*區塊 框線 圓角 9rem*/
    .cus-block.b-radius-9 {
        border-radius: 9rem !important;
    }

    /*區塊 框線 圓角 10rem*/
    .cus-block.b-radius-10 {
        border-radius: 10rem !important;
    }

    /*區塊 框線 圓角 max*/
    .cus-block.b-radius-max {
        border-radius: 999rem !important;
    }



/*自訂 浮動區塊*/
.cus-floatingblock {
    display: none;
    max-width: 400px;
}

    .cus-floatingblock .base {
        position: relative;
        padding: 15px;
    }


    /*浮動區塊 樣式1*/
    .cus-floatingblock.style-1 {
        max-width: 410px;
    }


    /*浮動區塊 框線*/
    .cus-floatingblock.border {
        border: 1px solid #000;
    }


    /*浮動區塊 框線 顏色 色仿bs-danger*/
    .cus-floatingblock.b-color-danger {
        border-color: #dc3545 !important;
    }

    /*浮動區塊 框線 顏色 色仿bs-dark*/
    .cus-floatingblock.b-color-dark {
        border-color: #343a40 !important;
    }

    /*浮動區塊 框線 顏色 色仿bs-info*/
    .cus-floatingblock.b-color-info {
        border-color: #17a2b8 !important;
    }

    /*浮動區塊 框線 顏色 色仿bs-light*/
    .cus-floatingblock.b-color-light {
        border-color: #f8f9fa !important;
    }

    /*浮動區塊 框線 顏色 色仿bs-secondary*/
    .cus-floatingblock.b-color-secondary {
        border-color: #6c757d !important;
    }

    /*浮動區塊 框線 顏色 色仿bs-warning*/
    .cus-floatingblock.b-color-warning {
        border-color: #ffc107 !important;
    }

    /*浮動區塊 框線 顏色 色仿bs-white*/
    .cus-floatingblock.b-color-white {
        border-color: #fff !important;
    }

    /*浮動區塊 框線 顏色 自訂色 1*/
    .cus-floatingblock.b-color-cus-1 {
        border-color: #bd5795 !important;
    }

    /*浮動區塊 框線 顏色 自訂色 2*/
    .cus-floatingblock.b-color-cus-2 {
        border-color: #1F8C92 !important;
    }

    /*浮動區塊 框線 顏色 自訂色 3*/
    .cus-floatingblock.b-color-cus-3 {
        border-color: #0170c1 !important;
    }

    /*浮動區塊 框線 顏色 自訂色 4*/
    .cus-floatingblock.b-color-cus-4 {
        border-color: #cf916a !important;
    }

    /*浮動區塊 框線 顏色 自訂色 5*/
    .cus-floatingblock.b-color-cus-5 {
        border-color: #63a5d9 !important;
    }

    /*浮動區塊 框線 顏色 自訂色 6*/
    .cus-floatingblock.b-color-cus-6 {
        border-color: #90b669 !important;
    }


    /*浮動區塊 框線 粗細 0.1rem*/
    .cus-floatingblock.b-width-01 {
        border-width: 0.1rem !important;
    }

    /*浮動區塊 框線 粗細 0.15rem*/
    .cus-floatingblock.b-width-015 {
        border-width: 0.15rem !important;
    }

    /*浮動區塊 框線 粗細 0.2rem*/
    .cus-floatingblock.b-width-02 {
        border-width: 0.2rem !important;
    }

    /*浮動區塊 框線 粗細 0.25rem*/
    .cus-floatingblock.b-width-025 {
        border-width: 0.25rem !important;
    }

    /*浮動區塊 框線 粗細 0.3rem*/
    .cus-floatingblock.b-width-03 {
        border-width: 0.3rem !important;
    }

    /*浮動區塊 框線 粗細 0.35rem*/
    .cus-floatingblock.b-width-035 {
        border-width: 0.35rem !important;
    }

    /*浮動區塊 框線 粗細 0.4rem*/
    .cus-floatingblock.b-width-04 {
        border-width: 0.4rem !important;
    }

    /*浮動區塊 框線 粗細 0.45rem*/
    .cus-floatingblock.b-width-045 {
        border-width: 0.45rem !important;
    }

    /*浮動區塊 框線 粗細 0.5rem*/
    .cus-floatingblock.b-width-05 {
        border-width: 0.5rem !important;
    }

    /*浮動區塊 框線 粗細 0.55rem*/
    .cus-floatingblock.b-width-055 {
        border-width: 0.55rem !important;
    }

    /*浮動區塊 框線 粗細 0.6rem*/
    .cus-floatingblock.b-width-06 {
        border-width: 0.6rem !important;
    }

    /*浮動區塊 框線 粗細 0.65rem*/
    .cus-floatingblock.b-width-065 {
        border-width: 0.65rem !important;
    }

    /*浮動區塊 框線 粗細 0.7rem*/
    .cus-floatingblock.b-width-07 {
        border-width: 0.7rem !important;
    }

    /*浮動區塊 框線 粗細 0.75rem*/
    .cus-floatingblock.b-width-075 {
        border-width: 0.75rem !important;
    }

    /*浮動區塊 框線 粗細 0.8rem*/
    .cus-floatingblock.b-width-08 {
        border-width: 0.8rem !important;
    }

    /*浮動區塊 框線 粗細 0.85rem*/
    .cus-floatingblock.b-width-085 {
        border-width: 0.85rem !important;
    }

    /*浮動區塊 框線 粗細 0.9rem*/
    .cus-floatingblock.b-width-09 {
        border-width: 0.9rem !important;
    }

    /*浮動區塊 框線 粗細 0.95rem*/
    .cus-floatingblock.b-width-095 {
        border-width: 0.95rem !important;
    }

    /*浮動區塊 框線 粗細 1rem*/
    .cus-floatingblock.b-width-1 {
        border-width: 1rem !important;
    }


    /*浮動區塊 框線 圓角 0.25rem*/
    .cus-floatingblock.b-radius-025 {
        border-radius: 0.25rem !important;
    }

    /*浮動區塊 框線 圓角 0.5rem*/
    .cus-floatingblock.b-radius-05 {
        border-radius: 0.5rem !important;
    }

    /*浮動區塊 框線 圓角 0.75rem*/
    .cus-floatingblock.b-radius-075 {
        border-radius: 0.75rem !important;
    }

    /*浮動區塊 框線 圓角 1rem*/
    .cus-floatingblock.b-radius-1 {
        border-radius: 1rem !important;
    }

    /*浮動區塊 框線 圓角 2rem*/
    .cus-floatingblock.b-radius-2 {
        border-radius: 2rem !important;
    }

    /*浮動區塊 框線 圓角 3rem*/
    .cus-floatingblock.b-radius-3 {
        border-radius: 3rem !important;
    }

    /*浮動區塊 框線 圓角 4rem*/
    .cus-floatingblock.b-radius-4 {
        border-radius: 4rem !important;
    }

    /*浮動區塊 框線 圓角 5rem*/
    .cus-floatingblock.b-radius-5 {
        border-radius: 5rem !important;
    }

    /*浮動區塊 框線 圓角 6rem*/
    .cus-floatingblock.b-radius-6 {
        border-radius: 6rem !important;
    }

    /*浮動區塊 框線 圓角 7rem*/
    .cus-floatingblock.b-radius-7 {
        border-radius: 7rem !important;
    }

    /*浮動區塊 框線 圓角 8rem*/
    .cus-floatingblock.b-radius-8 {
        border-radius: 8rem !important;
    }

    /*浮動區塊 框線 圓角 9rem*/
    .cus-floatingblock.b-radius-9 {
        border-radius: 9rem !important;
    }

    /*浮動區塊 框線 圓角 10rem*/
    .cus-floatingblock.b-radius-10 {
        border-radius: 10rem !important;
    }

    /*浮動區塊 框線 圓角 max*/
    .cus-floatingblock.b-radius-max {
        border-radius: 999rem !important;
    }


/*自訂 項目串列 樣式 1*/
.cus-itemlist-style-1 {
    display: flex;
    position: relative;
}

    /*項目串列 樣式 1 項目*/
    .cus-itemlist-style-1 .item {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        padding: 0;
    }

        /*項目串列 樣式 1 項目 項目名稱*/
        .cus-itemlist-style-1 .item .item-name {
            font-size: 12px;
            font-weight: normal;
            font-family: 'Microsoft JhengHei', PMingLiU, Arial;
            color: #fff;
            background: #000;
            border-radius: 10px;
            padding: 5px 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #fff;
            box-shadow: 0px 2px 3px #c9c9c9;
        }


        /*項目串列 樣式 1 項目 項目內容*/
        .cus-itemlist-style-1 .item .item-contain {
            font-size: 12px;
            font-weight: normal;
            font-family: 'Microsoft JhengHei', PMingLiU, Arial;
            padding: 0 5px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }


        /*項目串列 樣式 1 項目 背景顏色 色仿bs-danger*/
        .cus-itemlist-style-1 .item .bg-color-danger {
            background-color: #dc3545;
        }

        /*項目串列 樣式 1 項目 背景顏色 色仿bs-dark*/
        .cus-itemlist-style-1 .item .bg-color-dark {
            background-color: #343a40;
        }

        /*項目串列 樣式 1 項目 背景顏色 色仿bs-info*/
        .cus-itemlist-style-1 .item .bg-color-info {
            background-color: #17a2b8;
        }

        /*項目串列 樣式 1 項目 背景顏色 色仿bs-light*/
        .cus-itemlist-style-1 .item .bg-color-light {
            background-color: #f8f9fa;
            color: #000;
        }

        /*項目串列 樣式 1 項目 背景顏色 色仿bs-secondary*/
        .cus-itemlist-style-1 .item .bg-color-secondary {
            background-color: #6c757d;
        }

        /*項目串列 樣式 1 項目 背景顏色 色仿bs-warning*/
        .cus-itemlist-style-1 .item .bg-color-warning {
            background-color: #ffc107;
        }

        /*項目串列 樣式 1 項目 背景顏色 色仿bs-white*/
        .cus-itemlist-style-1 .item .bg-color-white {
            background-color: #fff;
            color: #000;
        }

        /*項目串列 樣式 1 項目 背景顏色 自訂色 1*/
        .cus-itemlist-style-1 .item .bg-color-cus-1 {
            background-color: #bd5795;
            color: #000;
        }

        /*項目串列 樣式 1 項目 背景顏色 自訂色 2*/
        .cus-itemlist-style-1 .item .bg-color-cus-2 {
            background-color: #1f8c92;
            color: #000;
        }

        /*項目串列 樣式 1 項目 背景顏色 自訂色 3*/
        .cus-itemlist-style-1 .item .bg-color-cus-3 {
            background-color: #0170c1;
        }

        /*項目串列 樣式 1 項目 背景顏色 自訂色 4*/
        .cus-itemlist-style-1 .item .bg-color-cus-4 {
            background-color: #cf916a;
        }

        /*項目串列 樣式 1 項目 背景顏色 自訂色 5*/
        .cus-itemlist-style-1 .item .bg-color-cus-5 {
            background-color: #63a5d9;
        }

        /*項目串列 樣式 1 項目 背景顏色 自訂色 6*/
        .cus-itemlist-style-1 .item .bg-color-cus-6 {
            background-color: #90b669;
        }


        /*項目串列 樣式 1 項目 框線顏色 色仿bs-danger*/
        .cus-itemlist-style-1 .item .b-color-danger {
            border-color: #dc3545;
        }

        /*項目串列 樣式 1 項目 框線顏色 色仿bs-dark*/
        .cus-itemlist-style-1 .item .b-color-dark {
            border-color: #343a40;
        }

        /*項目串列 樣式 1 項目 框線顏色 色仿bs-info*/
        .cus-itemlist-style-1 .item .b-color-info {
            border-color: #17a2b8;
        }

        /*項目串列 樣式 1 項目 框線顏色 色仿bs-light*/
        .cus-itemlist-style-1 .item .b-color-light {
            border-color: #f8f9fa;
        }

        /*項目串列 樣式 1 項目 框線顏色 色仿bs-secondary*/
        .cus-itemlist-style-1 .item .b-color-secondary {
            border-color: #6c757d;
        }

        /*項目串列 樣式 1 項目 框線顏色 色仿bs-warning*/
        .cus-itemlist-style-1 .item .b-color-warning {
            border-color: #ffc107;
        }

        /*項目串列 樣式 1 項目 框線顏色 色仿bs-white*/
        .cus-itemlist-style-1 .item .b-color-white {
            border-color: #fff;
        }

        /*項目串列 樣式 1 項目 框線顏色 自訂色 1*/
        .cus-itemlist-style-1 .item .b-color-cus-1 {
            border-color: #bd5795;
        }

        /*項目串列 樣式 1 項目 框線顏色 自訂色 2*/
        .cus-itemlist-style-1 .item .b-color-cus-2 {
            border-color: #1f8c92;
        }

        /*項目串列 樣式 1 項目 框線顏色 自訂色 3*/
        .cus-itemlist-style-1 .item .b-color-cus-3 {
            border-color: #0170c1;
        }

        /*項目串列 樣式 1 項目 框線顏色 自訂色 4*/
        .cus-itemlist-style-1 .item .b-color-cus-4 {
            border-color: #cf916a;
        }

        /*項目串列 樣式 1 項目 框線顏色 自訂色 5*/
        .cus-itemlist-style-1 .item .b-color-cus-5 {
            border-color: #63a5d9;
        }

        /*項目串列 樣式 1 項目 框線顏色 自訂色 6*/
        .cus-itemlist-style-1 .item .b-color-cus-6 {
            border-color: #90b669;
        }



/***

====================================================================
    自訂-水平分散對齊
====================================================================

***/
.cus-disperse {
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
}

    .cus-disperse::after {
        content: ".";
        display: inline-block;
        width: 100%;
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }



/***

====================================================================
    自訂-外部邊距
====================================================================

***/
.cus-m-auto {
    margin: 0 auto !important;
}

.cus-m-0 {
    margin: 0 !important;
}

.cus-mt-0,
.cus-my-0 {
    margin-top: 0 !important;
}

.cus-mr-0,
.cus-mx-0 {
    margin-right: 0 !important;
}

.cus-mb-0,
.cus-my-0 {
    margin-bottom: 0 !important;
}

.cus-ml-0,
.cus-mx-0 {
    margin-left: 0 !important;
}

.cus-m-1 {
    margin: 0.25rem !important;
}

.cus-mt-1,
.cus-my-1 {
    margin-top: 0.25rem !important;
}

.cus-mr-1,
.cus-mx-1 {
    margin-right: 0.25rem !important;
}

.cus-mb-1,
.cus-my-1 {
    margin-bottom: 0.25rem !important;
}

.cus-ml-1,
.cus-mx-1 {
    margin-left: 0.25rem !important;
}

.cus-m-2 {
    margin: 0.5rem !important;
}

.cus-mt-2,
.cus-my-2 {
    margin-top: 0.5rem !important;
}

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

.cus-mb-2,
.cus-my-2 {
    margin-bottom: 0.5rem !important;
}

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

.cus-m-3 {
    margin: 1rem !important;
}

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

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

.cus-mb-3,
.cus-my-3 {
    margin-bottom: 1rem !important;
}

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

.cus-m-4 {
    margin: 1.5rem !important;
}

.cus-mt-4,
.cus-my-4 {
    margin-top: 1.5rem !important;
}

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

.cus-mb-4,
.cus-my-4 {
    margin-bottom: 1.5rem !important;
}

.cus-ml-4,
.cus-mx-4 {
    margin-left: 1.5rem !important;
}

.cus-m-5 {
    margin: 3rem !important;
}

.cus-mt-5,
.cus-my-5 {
    margin-top: 3rem !important;
}

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

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

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

.cus-m-6 {
    margin: 4.5rem !important;
}

.cus-mt-6,
.cus-my-6 {
    margin-top: 4.5rem !important;
}

.cus-mr-6,
.cus-mx-6 {
    margin-right: 4.5rem !important;
}

.cus-mb-6,
.cus-my-6 {
    margin-bottom: 4.5rem !important;
}

.cus-ml-6,
.cus-mx-6 {
    margin-left: 4.5rem !important;
}

.cus-m-7 {
    margin: 6rem !important;
}

.cus-mt-7,
.cus-my-7 {
    margin-top: 6rem !important;
}

.cus-mr-7,
.cus-mx-7 {
    margin-right: 6rem !important;
}

.cus-mb-7,
.cus-my-7 {
    margin-bottom: 6rem !important;
}

.cus-ml-7,
.cus-mx-7 {
    margin-left: 6rem !important;
}



/***

====================================================================
    自訂-內部邊距
====================================================================

***/
.cus-p-0 {
    padding: 0 !important;
}

.cus-pt-0,
.cus-py-0 {
    padding-top: 0 !important;
}

.cus-pr-0,
.cus-px-0 {
    padding-right: 0 !important;
}

.cus-pb-0,
.cus-py-0 {
    padding-bottom: 0 !important;
}

.cus-pl-0,
.cus-px-0 {
    padding-left: 0 !important;
}

.cus-p-1 {
    padding: 0.25rem !important;
}

.cus-pt-1,
.cus-py-1 {
    padding-top: 0.25rem !important;
}

.cus-pr-1,
.cus-px-1 {
    padding-right: 0.25rem !important;
}

.cus-pb-1,
.cus-py-1 {
    padding-bottom: 0.25rem !important;
}

.cus-pl-1,
.cus-px-1 {
    padding-left: 0.25rem !important;
}

.cus-p-2 {
    padding: 0.5rem !important;
}

.cus-pt-2,
.cus-py-2 {
    padding-top: 0.5rem !important;
}

.cus-pr-2,
.cus-px-2 {
    padding-right: 0.5rem !important;
}

.cus-pb-2,
.cus-py-2 {
    padding-bottom: 0.5rem !important;
}

.cus-pl-2,
.cus-px-2 {
    padding-left: 0.5rem !important;
}

.cus-p-3 {
    padding: 1rem !important;
}

.cus-pt-3,
.cus-py-3 {
    padding-top: 1rem !important;
}

.cus-pr-3,
.cus-px-3 {
    padding-right: 1rem !important;
}

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

.cus-pl-3,
.cus-px-3 {
    padding-left: 1rem !important;
}

.cus-p-4 {
    padding: 1.5rem !important;
}

.cus-pt-4,
.cus-py-4 {
    padding-top: 1.5rem !important;
}

.cus-pr-4,
.cus-px-4 {
    padding-right: 1.5rem !important;
}

.cus-pb-4,
.cus-py-4 {
    padding-bottom: 1.5rem !important;
}

.cus-pl-4,
.cus-px-4 {
    padding-left: 1.5rem !important;
}

.cus-p-5 {
    padding: 3rem !important;
}

.cus-pt-5,
.cus-py-5 {
    padding-top: 3rem !important;
}

.cus-pr-5,
.cus-px-5 {
    padding-right: 3rem !important;
}

.cus-pb-5,
.cus-py-5 {
    padding-bottom: 3rem !important;
}

.cus-pl-5,
.cus-px-5 {
    padding-left: 3rem !important;
}

.cus-p-6 {
    padding: 4.5rem !important;
}

.cus-pt-6,
.cus-py-6 {
    padding-top: 4.5rem !important;
}

.cus-pr-6,
.cus-px-6 {
    padding-right: 4.5rem !important;
}

.cus-pb-6,
.cus-py-6 {
    padding-bottom: 4.5rem !important;
}

.cus-pl-6,
.cus-px-6 {
    padding-left: 4.5rem !important;
}

.cus-p-7 {
    padding: 6rem !important;
}

.cus-pt-7,
.cus-py-7 {
    padding-top: 6rem !important;
}

.cus-pr-7,
.cus-px-7 {
    padding-right: 6rem !important;
}

.cus-pb-7,
.cus-py-7 {
    padding-bottom: 6rem !important;
}

.cus-pl-7,
.cus-px-7 {
    padding-left: 6rem !important;
}



/***

====================================================================
    自訂-陰影
====================================================================

***/
.cus-shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.cus-shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.cus-shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.cus-shadow-cus-1 {
    box-shadow: 0.7rem 0.7rem 0.7rem rgba(0,0,0,.15) !important
}

.cus-shadow-none {
    box-shadow: none !important
}



/***

====================================================================
    元素填充
====================================================================

***/
/*元素填充-寬度-填滿*/
.fit-w-f {
    width: fit-content;
    width: -webkit-fill-available;
    width: -moz-available;
}

/*元素填充-高度-填滿*/
.fit-h-f {
    height: fit-content;
    height: -webkit-fill-available;
    height: -moz-available;
}

/*元素填充-寬度-最大內容*/
.fit-w-max {
    width: max-content !important;
}

/*元素填充-寬度-最小內容*/
.fit-w-min {
    width: min-content !important;
}



/***

====================================================================
    輸入欄位內容遮罩與取消遮罩效果
====================================================================

***/
/*輸入欄位內容遮罩與取消遮罩群組*/
.masked-field-group {
    position: relative;
}

    /*輸入欄位*/
    .masked-field-group .maskable-input {
        padding-right: 70px !important; /*為輸入框預留右邊空間，避免文字被按鈕擋住*/
    }

    /*遮罩切換事件按鈕*/
    .masked-field-group .input-mask-button {
        position: absolute;
        right: 5px;
        top: 50%; /*使元素頂端置於容器高度的一半*/
        transform: translateY(-50%); /*將元素向上移動自身高度的一半，搭配top的設定使達到元素於容器垂直置中效果*/
        z-index: 10; /*確保按鈕在input之上不會被focus狀態蓋住*/
        background: transparent;
        border: none;
        color: #6c757d;
        cursor: pointer;
        width: 40px;
        height: 100%; /*撐滿高度以利垂直置中*/
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
    }

        /*遮罩切換事件按鈕 移除按鈕點擊時的預設外框*/
        .masked-field-group .input-mask-button:focus {
            outline: none;
        }

        /*遮罩切換事件按鈕 滑鼠懸停效果*/
        /*.masked-field-group .input-mask-button:hover {
            color: #343a40;
        }*/

        /*遮罩圖示 共通樣式*/
        .masked-field-group .input-mask-button .icon-eye {
            display: inline-block;
            width: 16px;
            height: 16px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

            /*遮罩圖示 不啟用遮罩圖示*/
            .masked-field-group .input-mask-button .icon-eye.is-unmasked {
                background-image: url('../../ViewTemplate/images/icons/eye-open.svg');
            }

            /*遮罩圖示 啟用遮罩圖示*/
            .masked-field-group .input-mask-button .icon-eye.is-masked {
                background-image: url('../../ViewTemplate/images/icons/eye-close.svg');
            }

            /*遮罩圖示 隱藏圖示*/
            .masked-field-group .input-mask-button .icon-eye.is-hidden {
                display: none !important;
            }



/***

====================================================================
    Bootstrap相關客製
====================================================================

***/
/*table相關*/
/*table no hover*/
.table-hover tbody tr.no-hover:hover {
    background-color: inherit;
}

/*table td no padding*/
.table tr.no-padding td {
    padding: 0;
}

/*table col-header linkstyle common */
.table tbody th.linkstyle-common a {
    color: #fff !important;
    text-decoration: none !important;
}

/*top caption*/
.caption-top {
    caption-side: top;
}


/*margin相關(補bootstrap未提供的size)(rem)(強制)*/
.m-6 {
    margin: 4.5rem !important;
}

.mt-6, .my-6 {
    margin-top: 4.5rem !important;
}

.mr-6, .mx-6 {
    margin-right: 4.5rem !important;
}

.mb-6, .my-6 {
    margin-bottom: 4.5rem !important;
}

.ml-6, .mx-6 {
    margin-left: 4.5rem !important;
}


.m-7 {
    margin: 6rem !important;
}

.mt-7, .my-7 {
    margin-top: 6rem !important;
}

.mr-7, .mx-7 {
    margin-right: 6rem !important;
}

.mb-7, .my-7 {
    margin-bottom: 6rem !important;
}

.ml-7, .mx-7 {
    margin-left: 6rem !important;
}


/*指定寬度(補bootstrap未提供的size)(%)(強制)*/
.w-95 {
    width: 95% !important;
}

.w-90 {
    width: 90% !important;
}

.w-85 {
    width: 85% !important;
}

.w-80 {
    width: 80% !important;
}

.w-20 {
    width: 20% !important;
}

.w-15 {
    width: 15% !important;
}

.w-10 {
    width: 10% !important;
}

.w-5 {
    width: 5% !important;
}


/*card相關*/
.card-img.w100 {
    width: 100%;
}

.card-img.w90 {
    width: 90%;
}

.card-img.w80 {
    width: 80%;
}

.card-img.w70 {
    width: 70%;
}

.card-img.w60 {
    width: 60%;
}

.card-img.w50 {
    width: 50%;
}

.card-cusborder-1 {
    box-shadow: 0px 0px 10px #ebebeb;
}

.card-cusborder-2 {
    box-shadow: 0px 0px 5px #6b6a6a;
}


/*--------------datepicker相關--------------*/
.bsdatepicker .bsdatepicker-icon {
    cursor: pointer;
}



/***

====================================================================
    其他
====================================================================

***/
/*作業中圖示*/
.processingicon {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../../ViewTemplate/images/icons/processing-01.png");
    background-size: 10vw;
}

.processingicon-style2 {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../../ViewTemplate/images/icons/processing-02.png");
    background-size: 10vw;
}


/*SSL安全圖示相關*/
.twcasealicon {
    width: 100px;
    margin: 0 auto;
}