body.sp_body {
    font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 1px;
    /*background: url(../images/bg.jpg) repeat-x center top;*/
    background: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    color: #333;
}

a:link {
    text-decoration: none;
    color: #666;
}

a:visited {
    text-decoration: none;
    color: #666;
}

a:hover {
    text-decoration: none;
    color: #000;
}

a:active {
    text-decoration: none;
    color: #000;
}


/* 外框架(主控尺寸) */

.wrapper {
    width: 950px;
    margin: 0px auto;
    padding: 0px;
    clear: both;
}

/* 首頁外框架 */

.header_index {
    width: 100%;
    height: 580px;
    background: url(../images/wrapper_index.jpg) no-repeat left top;
}

.container_index {
    width: 100%;
    background: url(../images/wrapper_index_bg.jpg) repeat-y left top;
    background-position: 0px 580px;
    float: left;
}

.left_index {
    width: 340px;
    background: url(../images/wrapper_index.jpg) no-repeat left top;
    background-position: 0px -580px;
    float: left;
}

.main_index {
    width: 950px;
    background: url(../images/wrapper_index.jpg) no-repeat left top;
    background-position: 0px -580px;
    float: left;
}

.main_index_lm {
    width: 600px;
    background: url(../images/wrapper_index.jpg) no-repeat left top;
    background-position: -340px -580px;
    float: left;
}

.main_index_mr {
    width: 660px;
    background: url(../images/wrapper_index.jpg) no-repeat left top;
    background-position: 0px -580px;
    float: left;
}

.main_index_lmr {
    width: 350px;
    background: url(../images/wrapper_index.jpg) no-repeat left top;
    background-position: -200px -580px;
    float: left;
}

.right_index {
    width: 300px;
    background: url(../images/wrapper_index.jpg) no-repeat right top;
    background-position: -650px -580px;
    float: right;
}

.footer_index {
    width: 100%;
    height: 100px;
    background: url(../images/footer_index.jpg) no-repeat left top;
    float: left;
}

/* 內頁外框架 */

.header_plan {
    width: 100%;
    height: 165px;
    background: url(../images/wrapper_plan.jpg) no-repeat left top;
}

.container_plan {
    width: 100%;
    background: url(../images/wrapper_bg.jpg) repeat-y left top;
    background-position: 0px 165px;
    float: left;
}

.left_plan {
    width: 200px;
    background: url(../images/wrapper_plan.jpg) no-repeat left top;
    background-position: 0px -165px;
    float: left;
}

.main_lm_plan {
    width: calc(100% - 200px);
    background: url(../images/wrapper_plan.jpg) no-repeat left top;
    background-position: -200px -165px;
    float: left;
}



.header {
    width: 100%;
    height: 315px;    
}

.container {
    width: 100%;
    background: url(../images/wrapper_bg.jpg) repeat-y left top;
    background-position: 0px 315px;
    float: left;
}

.left {
    width: 200px;    
    background-position: 0px -315px;
    float: left;
}

.main {
    width: 950px;    
    background-position: 0px -315px;
    float: left;
}

.main_lm {
    width: 770px;
    min-height: 400px;    
    background-position: -200px -315px;
    float: left;
}

.main_mr {
    width: 770px;    
    background-position: 0px -315px;
    float: left;
}

.main_lmr {
    width: 600px;    
    background-position: -200px -315px;
    float: left;
}

.right {
    width: 200px;    
    background-position: -770px -315px;
    float: right;
}

.footer {
    width: 100%;
    height: 100px;
    background: url(../images/footer.jpg) no-repeat left top;
    float: left;
}


/* 內框架(主控内距) */

/* 首頁內框架 */

.main_index_content {
    padding: 10px 30px 10px 30px;
}

.main_index_lm_content {
    padding: 10px 20px 10px 0px;
}

.main_index_mr_content {
    padding: 10px 10px 10px 20px;
}

.main_index_lmr_content {
    padding: 10px 20px 10px 10px;
}

.left_index_content {
    padding: 10px 10px 10px 20px;
}

.right_index_content {
    padding: 10px 20px 10px 10px;
}


/* 內頁內框架 */

.header_content {
    padding: 0px 20px 0px 20px;
}

.main_content {
    padding: 10px 33px 10px 10px;
}

.main_lm_content {
    padding: 10px 20px 10px 10px;
}

.main_mr_content {
    padding: 10px 10px 10px 20px;
}

.main_lmr_content {
    padding: 10px;
}

.footer_content {
    padding: 15px 0px 0px 0px;
}

.left_content {
    padding: 10px 0px 10px 20px;
}

.right_content {
    padding: 10px 33px 10px 0px;
}


/* 內容元件 */

.logo {
    width: 450px;
    height: 90px;
    float: left;
    text-indent: -9999px;
}

.nav {
    width: 425px;
    height: 20px;
    text-align: right;
    margin: 5px 0px 0px 0px;
    padding-right: 25px;
    float: right;
}

    .nav a:link {
        text-decoration: none;
        color: #efefef;
    }

    .nav a:visited {
        text-decoration: none;
        color: #efefef;
    }

    .nav a:hover {
        text-decoration: none;
        color: #fff;
    }

    .nav a:active {
        text-decoration: none;
        color: #fff;
    }

.nav_sub {
    width: 425px;
    height: 20px;
    text-align: right;
    margin: 10px 0px 35px 0px;
    padding-right: 25px;
    float: right;
    line-height: 2;
}

.back {
    float: right;
    padding: 10px 20px 0px 0px;
}

.copyright {
    color: #113e5b;
    padding: 10px 0px 13px 35px;
}

.title {
    font-size: 15px;
    color: #1085d9;
    padding: 5px 0px 0px 16px;
    background: url(../images/icon/dot.gif) no-repeat top left;
    background-position: 3px 9px;
}

.title_sub {
    font-size: 15px;
    color: #0064ab;
    padding: 5px 0px 5px 17px;
}

.title_tri {
    color: #0c5284;
    padding: 5px 0px 0px 17px;
    background: url(../images/icon/dot_tri.gif) no-repeat top left;
    background-position: 3px 8px;
}

.content {
    padding: 5px 0px 0px 17px;
}

.left_column {
    margin: 5px 0px 0px 0px;
}

.left_info {
    color: #666;
    margin: 5px 0px 0px 13px;
    float: left;
    font-size: 15px;
}

.main_column {
    margin: 5px 0px 0px 0px;
}

.main_info {
    width: 100%;
    color: #666;
    margin: 5px 0px 0px 0px;
    float: left;
    text-align: center;
}

.ad_box {
    float: left;
    #margin:0px 0px 10px 20px;
}

.ad {
    border: 1px solid #ccc;
    margin: 0px 0px 10px 10px;
    float: left;
}

.right_column {
    margin: 5px 0px 0px 0px;
}

.right_info {
    width: 100%;
    color: #666;
    margin: 5px 0px 0px 0px;
    float: left;
    text-align: center;
}

/* 文內圖放置樣式 */
.img {
    font-size: small;
    color: #21adce;
    margin: 5px;
    padding: 2px;
    border: 1px solid #cccccc;
}

.img_right {
    font-size: small;
    color: #21adce;
    margin: 5px 0px 5px 10px;
    padding: 2px;
    border: 1px solid #cccccc;
    text-align: center;
    float: right;
}

.img_left {
    font-size: small;
    color: #21adce;
    margin: 5px 8px 5px 0px;
    padding: 2px;
    border: 1px solid #cccccc;
    text-align: center;
    float: left;
}

.img_center {
    font-size: small;
    color: #21adce;
    margin: 5px 10px 5px 0px;
    padding: 2px;
    border: 1px solid #cccccc;
    text-align: center;
    float: center;
}

.more {
    padding: 0px 5px 0px 0px;
    text-align: right;
}

    .more a:link {
        text-decoration: none;
        color: #0A8900;
    }

    .more a:visited {
        text-decoration: none;
        color: #0A8900;
    }

    .more a:hover {
        text-decoration: none;
        color: #c00;
    }

    .more a:active {
        text-decoration: none;
        color: #c00;
    }

.news_time {
    color: #0A8900;
    font-style: italic;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif
}

/* 列表樣式 */
.ul {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 3px 20px;
}

    .ul li {
        list-style-image: url(../images/icon/right.gif);
        list-style-position: inherit;
    }

ul.unstyled li /*purple Add_20161216*/ {
    margin-top: 5px;
}

.ol {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 10px 20px;
}

ol li {
    margin-left: 20px; /*purple Add_20161216*/
    list-style: decimal; /*purple Add_20161216*/
}



/* 顏色樣式 */
.white {
    color: #ffffff;
}

.gray {
    color: #999999;
}

.red {
    color: #cc0000;
}

.maroon {
    color: #990000;
}

.yellow {
    color: #fff600;
}

.orange {
    color: #FF761B;
}

.green {
    color: #0A8900;
}

.deepgreen {
    color: #669900;
}

.blue {
    color: #069;
}

.purple {
    color: #6800C1;
}

.brown {
    color: #804001;
}

.button {
    font: small Verdana, Arial, Helvetica, sans-serif;
    BORDER: #666666 1px solid;
    PADDING: 3px;
    FONT-SIZE: 12px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#efefef);
    CURSOR: hand;
    COLOR: #333333;
}


/* 列表樣式 */
.viewframe { /* 視圖列表框架 */
    padding: 0px;
}

.viewframe-body { /* 視圖列表主體框架 */
    width: 100%;
    margin: 10px auto; /*20161216 purple 從0調整為10 與後台同*/
    text-align: center;
}

    .viewframe-body th {
        color: #000000;
        font-weight: normal;
        border: 1px #aaa solid;
        border-top: 1px #aaa solid;
        border-bottom: 1px #aaa solid;
        padding: 1px 3px;
        background: url(../images/view/th_bg.jpg) repeat-x left top;
        background-position: 0px 0px;
    }

    .viewframe-body td {
        border: 1px #aaa solid;
        padding: 3px;
        word-wrap: break-word;
        word-break: break-all;
    }

        .viewframe-body td * {
            word-wrap: break-word !important;
            word-break: break-all !important;
        }

        .viewframe-body td.list {
            text-align: left;
        }

        .viewframe-body td.num {
            text-align: right;
        }

    .viewframe-body span.viewlink {
        color: #007ccb;
        font-size: 15px;
        line-height: 1.8;
    }

    .viewframe-body span.secondline {
        font-size: 10px;
        color: #999999;
    }

.viewframe-title td { /* 視圖列表標題 */
    font-size: 15px;
    color: #0e6eba;
    border: none;
    padding: 0px 0px 5px 20px;
    background: url(../images/view/title_view.gif) no-repeat left top;
    background-position: 3px 3px;
    text-align: left;
}

    .viewframe-title td.viewframe-button { /* 視圖列表欄控項 */
        font-size: small;
        color: #0060b6;
        border: none;
        padding: 0px;
        background: none;
        text-align: center;
    }

.viewframe-bottom td { /* 視圖列表尾註 */
    color: #0060b6;
    border-top: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    background: url(../images/view/bottom_bg.jpg) repeat-x left top;
    background-position: 0px 0px;
    vertical-align: middle;
    text-align: center;
}


/* 表單樣式 */
.formframe { /* 表單框架 */
    padding: 0px;
}

.formframe-body { /* 表單主體框架 */
    width: 100%;
    margin: 0px auto;
    text-align: center;
    background-color: #FFF;
}

    .formframe-body th {
        color: #000000;
        font-weight: normal;
        border: 1px #a4b8fa solid;
        border-top: 1px #a4b8fa solid;
        border-bottom: 1px #a4b8fa solid;
        padding: 1px 3px;
        background: url(../images/forms/forms_bg.jpg) repeat-x left top;
        background-position: 0px 0px;
    }

    .formframe-body td {
        border: 1px #a4b8fa solid;
        padding: 3px;
    }

        .formframe-body td.list {
            text-align: left;
        }

    .formframe-body div.formstitle {
        color: #007ccb;
        font-size: 15px;
        line-height: 1.8;
    }

    .formframe-body span.secondline {
        font-size: 12px;
        color: #787878;
    }

.formframe-title td { /* 表單框架標題 */
    font-size: 15px;
    color: #0e6eba;
    border: none;
    padding: 0px 0px 0px 18px;
    background: url(../images/forms/title_forms.gif) no-repeat left top;
    background-position: 3px 3px;
    text-align: left;
}

.formframe-fieldname { /* 表單名稱容器 */
    width: 150px;
    background: url(../images/forms/forms_bg.jpg) repeat left top;
    background-position: 0px 0px;
    text-align: left;
}

.formframe-fieldvalue { /* 表單值容器 */
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
}

.formframe-bottom td { /* 表單腳註 */
    color: #0060b6;
    border-top: 1px #a4b8fa solid;
    border-bottom: 1px #a4b8fa solid;
    background: url(../images/forms/bottom_bg.jpg) repeat-x left top;
    background-position: 0px 0px;
}


/* 其他客製樣式 */

.textfield {
    color: #999;
    border: 1px solid #999;
    height: 25px !important; /* 調整高度 */
    font-size: 16px; /* 調整字體大小 */
    padding: 5px; /* 增加內邊距 */
    margin: 2px 0; /* 上下間距 10px，左右間距 0 */
    border-radius: 5px; /* 圓角邊框 */
}

.textfield:focus {
    border-color: #007bff; /* 聚焦時的邊框顏色 */
    outline: none; /* 移除預設的聚焦樣式 */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* 聚焦時的陰影效果 */
}

.left_info .vcode_img {
    height: 18px;
    vertical-align: top;
    margin-top: 5px;
}

.left_info .vcode {
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

    .left_info .vcode .button {
        width: 145px;
        margin-top: 5px;
    }


/* 圖片加陰影 */

span.s1 {
    float: left;
    width: auto;
    background: url(../images/fuzzy_shadow.gif) no-repeat bottom right;
}

    span.s1 span.s2 {
        background: url(../images/fuzzy_shadow1.gif) no-repeat right top;
        padding: 0;
        display: block;
    }

        span.s1 span.s2 span.s3 {
            background: url(../images/fuzzy_shadow2.gif) no-repeat left bottom;
            padding: 0 5px 5px 0;
            display: block;
        }

/*案件申請管理流程*/
.flow_date {
    font-size: 11px;
    color: #333;
    float: left;
    text-align: left;
    padding-left: 19px;
    padding-right: 25px;
}

.flow_date_end {
    font-size: 11px;
    color: #333;
    float: left;
    text-align: left;
    padding-left: 19px;
    padding-right: 0px;
}

/*申請時新增其他機構審查項目*/
.app_increat {
    padding: 0px 0px 10px 30px;
}

/* 公告專區 */

.viewframe-news-body { /* 視圖列表主體框架 */
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

    .viewframe-news-body th {
        color: #000000;
        font-weight: normal;
        border: 1px #aaa solid;
        border-top: 1px #aaa solid;
        border-bottom: 1px #aaa solid;
        padding: 1px 3px;
        background: url(../images/view/th_bg.jpg) repeat-x left top;
        background-position: 0px 0px;
    }

    .viewframe-news-body td {
        padding: 3px;
        text-align: left;
        border-bottom: 1px #aaa dashed;
    }

        .viewframe-news-body td.list {
            text-align: left;
        }

        .viewframe-news-body td.num {
            text-align: right;
        }

    .viewframe-news-body span.viewlink {
        color: #007ccb;
        font-size: 15px;
        line-height: 1.8;
    }

    .viewframe-news-body span.secondline {
        font-size: 10px;
        color: #999999;
    }

.viewframe-news-bottom td { /* 視圖列表尾註 */
    color: #0060b6;
    border-top: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    background: url(../images/view/bottom_bg.jpg) repeat-x left top;
    background-position: 0px 0px;
    vertical-align: middle;
    text-align: center;
}

.content_title {
    font-size: 18px;
    color: #0064ab;
    padding: 5px 0px 5px 0px;
}

.time {
    font-size: 12px;
}

.booking {
    font-size: 12px;
    color: #fff;
}

.note {
    font-size: 14px;
    padding: 0px 3px 0px 3px;
    color: #df4f00;
    text-decoration: underline;
}

.viewframe-news-body .form_list {
    font-size: 15px;
    color: #0064ab;
    padding: 5px 0px 5px 17px;
    background: url(../images/icon/dot_sub.gif) no-repeat top left;
    background-position: 3px 12px;
}

.file {
    font-size: 13px;
    padding-left: 10px;
}

@media print {
    .noPrint {
        display: none;
    }
}

@media screen {
    .noScreen {
        display: none;
    }
}


/*purple Add*/

.BG_red {
    background: #E6B9B8 !important;
}

.BG_orange {
    background: #FCD5B5 !important;
}

.BG_green {
    background: #D7E4BD !important;
}

.BG_purple {
    background: #CCC1DA !important;
}

.BG_blue {
    background: #E3F7FD !important;
}

.marginT-0 {
    margin-top: 0px;
}

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

.marginL-0 {
    margin-left: 0px;
}

.marginL-5 {
    margin-left: 5px;
}

.marginL-15 {
    margin-left: 15px;
}

.marginL-20 {
    margin-left: 20px;
}

.textL {
    text-align: left !important;
}

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

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

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.underLine {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.CommentBox {
    vertical-align: middle;
}

.formframe-line {
    background: url(../images/forms/bottom_bg.jpg) repeat-x left top;
    background-position: 0px 0px;
}


.wrapper {
    width: 100%;
}

.header_plan {
    width: 100%;
    /*max-width: 950px;*/
    height: auto;
    margin: 0 auto;
    padding-bottom: 1em;
    background: none;
}

.header_content {
    padding: 0;
}

textarea {
    width: 100%;
}

.keyV {
    padding-top: 5px;
    margin: 0;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.container_plan {
    max-width: 1920px;
}

.container_plan, .main_lm_plan {
    background: #ffffff;
}

.left_plan {
    background: transparent;
}

.footer {
    height: auto !important;
    background: linear-gradient(#9cbfdf,#76a1c1) !important;
}

.footer_content {
    padding: 0 !important;
}

[action="login.aspx"] .viewframe-body {
    width: 300px;
    float: right;
    margin-right: 50px;
}

[action="login.aspx"] .main_lm_plan {
    width: 100%;
}

[action="login.aspx"] #mainContentDiv {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    height: calc(100vh - 306px);
}

@media only screen and (max-width: 950px) {
    .keyV {
        box-shadow: 0px 0px 10px rgba(0,0,0,0.3)
    }

    [action="login.aspx"] .viewframe-body {
        position: absolute;
        right: 0;
        float: none !important;
    }

    [action="login.aspx"] #mainContentDiv {
        width: auto !important;
    }
}

@media only screen and (max-width: 580px) {
    .left_plan {
        width: 100%;
    }

    .left_info {
        float: initial !important;
    }

    .main_lm_plan {
        width: 100%;
        background: none;
    }

    .menu_sub_box {
        display: inline-block;
        width: 150px;
        padding: 0;
        margin: 0;
        margin-right: 33px;
        background: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        font-size: 15px;
    }

    .left_content > img {
        display: none;
    }

    .menu_sub a {
        width: auto;
    }

    .ad_box .ad {
        float: initial !important;
        margin: 0;
    }

    .ad:nth-of-type(1) {
        margin-bottom: 10px;
    }

    .formframe-fieldname {
        width: 50px
    }

    .formframe-fieldvalue input {
        max-width: initial;
    }

    [action="login.aspx"] .viewframe-body {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

input[type="text"], input[type="password"] {
    width: 250px;
}

/*  選單外部控制 */

.menu {
    width: 920px;
    margin: 0px 0px 0px 9px;
    #margin:0px 0px 18px 9px;
    float: left;
}

/*  滑移式選單設計Start */

.slidemenu {
    position: relative;
    height: 30px;
    width: 880px;
    background: url("../images/menu/bg.gif") no-repeat left top;
    padding: 5px 15px 5px 12px;
    margin: 8px 0px;
    overflow: hidden;
    float: left;
}

    .slidemenu li {
        float: left;
        list-style: none;
    }

        .slidemenu li.back_menu {
            background: url("../images/menu/lava.gif") no-repeat right -30px;
            width: 9px;
            height: 30px;
            z-index: 8;
            position: absolute;
        }

            .slidemenu li.back_menu .left_menu {
                background: url("../images/menu/lava.gif") no-repeat top left;
                height: 30px;
                margin-right: 9px;
            }

        .slidemenu li a {
            font-family: 微軟正黑體;
            font-size: 　15px;
            font-weight: bold;
            text-decoration: none;
            color: #fff;
            outline: none;
            text-align: center;
            top: 3px;
            text-transform: uppercase;
            letter-spacing: 1px; /*  縮放滑移選單字元間距，如果選單很少時，建議把此值調高，避免選單區過空 */
            z-index: 10;
            display: block;
            float: left;
            height: 30px;
            position: relative;
            overflow: hidden;
            padding: 0px 15px;
            margin: auto 0px;
        }

            .slidemenu li a:hover, .slidemenu li a:active, .slidemenu li a:visited {
                color: #fff;
                border: none;
            }

/*  滑移式選單設計End */



/*  傳統式選單設計Start */

/*  主選單樣式 */

.menu_item a {
    width: 145px;
    height: 40px;
    margin: 8px 0px 18px 0px;
    text-indent: -9999px;
    float: left;
    border-right: 3px dotted #454545;
}


/*  子選單樣式 */

.menu_sub_box {
    float: left;
    width: 190px;
    padding: 20px 0px 2px 5px;
    margin-top: 8px;
    background: url(../images/forms/menu_sub_bg.png) no-repeat top left;
    font-size: 15px;
}

.menu_sub a {
    width: 200px;
    /* background: url(../images/menu/menu_sub.gif) no-repeat top left; */
    padding: 0px 10px 5px 10px;
    float: left;
    white-space: nowrap;
}

    .menu_sub a:link {
        text-decoration: none;
        color: #787878;
    }

    .menu_sub a:visited {
        text-decoration: none;
        color: #787878;
    }

    .menu_sub a:hover {
        text-decoration: none;
        color: #333;
        /* background: url(../images/menu/menu_sub.gif) no-repeat bottom left; */
    }

    .menu_sub a:active {
        text-decoration: none;
    }

.Message_Error {
    border-width: 3px 0;
    border-style: solid;
    border-color: #DE7A7B;
    padding: 3px 0 3px 40px;
    background: #E6C0C0 url(../images/message/error.png) no-repeat 5px 5px;
    color: #CC0000;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.Message_Notice {
    border-width: 3px 0;
    border-style: solid;
    border-color: #84A7DB;
    padding: 3px 0 3px 40px;
    background: #C3D2E5 url(../images/message/notice.png) no-repeat 5px 5px;
    color: #0055BB;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.Message_Warn {
    border-width: 3px 0;
    border-style: solid;
    border-color: #F0DC7E;
    padding: 3px 0 3px 40px;
    background: #EFE7B8 url(../images/message/warn.png) no-repeat 5px 5px;
    color: #CC0000;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 顯示的行數 */
    overflow: hidden;
    text-overflow: ellipsis;
}

.over-180 {
    height: 180px;
    overflow-y: hidden; 
   /* mask: linear-gradient(to top, transparent, black 80%, black); */
   /* -webkit-mask: linear-gradient(to top, transparent, black 80%, black); */
}

.btn-cadetblue {
    background-color: cadetblue;
    color: #FFF !important;
    padding: 5px 10px;
}

/*量測項目明細*/
.MeasuresItem {
    background-color: #DDD;
    margin: 10px;
    padding: 10px;
    line-height: 30px;
}

/* -------------------------table sort 排序用--------------------------------*/
th.sort {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}

    th.sort::after {
        content: '△';
        position: absolute;
        right: 5px;
    }


th.asc::after {
    content: '▲';
    position: absolute;
    right: 5px;
}

th.desc::after {
    content: '▼';
    position: absolute;
    right: 5px;
}

/*
* 自訂 HTML 樣式 Html編輯器內容會吃到其他樣式
*/
.custom-html html,
.custom-html body,
.custom-html div,
.custom-html span,
.custom-html applet,
.custom-html object,
.custom-html iframe,
.custom-html h1,
.custom-html h2,
.custom-html h3,
.custom-html h4,
.custom-html h5,
.custom-html h6,
.custom-html p,
.custom-html blockquote,
.custom-html pre,
.custom-html a,
.custom-html abbr,
.custom-html acronym,
.custom-html address,
.custom-html big,
.custom-html cite,
.custom-html code,
.custom-html del,
.custom-html dfn,
.custom-html em,
.custom-html font,
.custom-html img,
.custom-html ins,
.custom-html kbd,
.custom-html q,
.custom-html s,
.custom-html samp,
.custom-html small,
.custom-html strike,
.custom-html strong,
.custom-html sub,
.custom-html sup,
.custom-html tt,
.custom-html var,
.custom-html b,
.custom-html u,
.custom-html i,
.custom-html center,
.custom-html dl,
.custom-html dt,
.custom-html dd,
.custom-html ol,
.custom-html ul,
.custom-html li,
.custom-html fieldset,
.custom-html form,
.custom-html label,
.custom-html legend,
.custom-html table,
.custom-html caption,
.custom-html tbody,
.custom-html tfoot,
.custom-html thead,
.custom-html tr,
.custom-html th,
.custom-html td {
    margin: revert;
    padding: revert;
    border: revert;
    outline: revert;
    font-size: revert;
    font-weight: revert;
    color: revert;
    background: revert;
    box-sizing: revert;
}