.Form {
    font-size: Small;
    /*font-family: "Helvetica Neue" , Helvetica, Arial, "微軟正黑體" , sans-serif;*/
}
.Form_NotLogin {
    font-size: Small;
    position: relative;
    top: 0px
}

.chosenData_Result {
    text-decoration: underline;
}

.layout_bgform1 {
    position: absolute;
    top: 3px;
    Z-INDEX: -1;
    width: 150px;
    right: 10px;
    height: 20px;
}

.loading_icon {
    width: 3rem;
    height: 3rem;
    display: none;
}

.PageCode {
    font-size: large;
    font-weight: bolder;
    text-shadow: 0.5px 0.5px
}

.AT3050F_WNo {
    Width: 45px;
}

.Legend80 {
    width: 80px;
    padding: 0px 5px 0px 5px;
    color: #666666;
    letter-spacing: 2pt;
    font-size: 14px;
    margin-left: 10px;
}

.MenuBgColor {
    background-color: #e3f2fd;
}

.Modal_Filter1 {
    margin-bottom: 10px;
}

.Modal_SearchButton1 {
    margin-top: 10px;
}

.Panel {
}

.LoginBorder {
    height: 220px
}


/*隱藏*/
.Hidden {
    display: none;
}

/*換行 white-space:pre-line; 或normal pre-wrap*/
.Label {
    color: Black;
    white-space: pre-line;
}

/*不換行 white-space: nowrap;*/
.Label2 {
    color: Black;
    white-space: nowrap;
}

/*Key 紅色*/
.Label_Key {
    color: #990000;
}

/*Msg 紅色*/
.Label_Msg {
    color: #990000;
}

.Label_Required {
    color: Blue;
}



/*淺灰底藍字 首頁重要資訊 */
.Label_DownLoad {
    position: relative;
    top: -8px;
    background-color: #CCCCCC; /*Silver #B3B3B3*/
    color: #000099; /*blue*/
    border-radius: 1px;
}

    /*紅底白字 首頁重要資訊 */
    /*.Label_DownLoad {
    position: relative;
    top:-8px;
    background-color:#920000;
    color:white;
}*/

    .Label_DownLoad:hover {
        text-decoration: none;
    }

/*灰色備註說明*/
/*換行 white-space:pre-line; 或normal pre-wrap*/
/*透明 Transparent*/
.Label_Remark {
    color: #666666;
    white-space: pre-line;
    font-size: 12px;
    margin-top: 20px;
}


/*目前位置*/
.Label_CurrPos {
    color: #E7E7E7;
    white-space: nowrap;
}

/*導盲磚*/
.Label_FixPos {
    display: none; /*暫隱藏*/
    color: #008080;
}

.Label_Prog {
    text-shadow: 1px -1px 0 rgba(0,0,0,.4);
    color: Black;
    letter-spacing: 1pt;
    word-spacing: 2pt;
    font-size: large;
    font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-weight: bold;
}

.Label_Pend {
    background: #FFFF80;
    border-radius: 2px;
    padding: 2px 4px 4px 4px;
    vertical-align: top;
}

/*淺灰底*/
.Label_TextDisplay {
    background-color: #CCCCCC;
    padding: 3px;
    border-width: 1px;
    border-style: inset;
    border-radius: 1px;
}

/*20190722 MOD */
.Label_State {
    background-color: #FFFFCC;
    color: #808080; /*#006464*/
    border: 1px double #808080; /*#FFFFFF*/
    box-shadow: rgba(0,0,0,1) 1px 1px 1px;
    border-radius: 5px 5px 5px 5px;
    padding: 0px 0px 1px 8px;
    letter-spacing: 10px;
    text-align: center; /*font-size: medium;display: block;white-space: nowrap;*/
}

span::after {
    padding-left: 5px;
}

input:invalid + span::after {
    content: "✖ 請填寫此欄位!";
}

.news_title {
    background-color: #811505;
    color: White;
    font-size: 14px;
}

.news_msg {
    font-size: 12px;
}

.news_phoneTitle {
    font-family: 'Gentium Basic';
    color: #808080;
    font-size: 14px;
}

.news_phoneText {
    color: #000000;
    font-size: 12px;
}

/*input:valid + span::after {
    content: "✓";
}*/
/*font-family: "Helvetica Neue" , Helvetica, Arial, "微軟正黑體" , sans-serif;*/
/*font-family: 細明體;*/
/*background-image: url('../Image/Bg/BgState.png');*/
/*height: 14px;*/
/*font-weight: 600;*/



/*單行 白底*/
.Text {
    border-width: 1px;
    border-style: Inset;
    border-radius: 1px;
}

.Text_Input {
    border-width: 1px;
    border-style: Inset;
    border-radius: 1px;
    width: 52px;
}

.Text:focus {
    border: 1px inset #0077CC;
    box-shadow: 0px 0px 3px #0077CC;
}

/*多行欄位 白底*/
/*換行 white-space:pre-line; 或normal pre-wrap*/
/*box-shadow: 1px 1px 5px #CCC;*/
.Text_Area {
    border-width: 1px;
    border-style: inset;
    overflow: auto;
    border-radius: 1px;
    white-space: pre-line;
}

    .Text_Area:focus {
        border: 1px inset #0077CC;
        box-shadow: 0px 0px 3px #0077CC;
    }

/*淺灰底*/
.Text_Display {
    border-width: 1px;
    border-style: Inset;
    border-radius: 1px;
    background-color: #CCCCCC;
}

/*淺黃底 color: Black;*/
.Text_Display2 {
    border-width: 1px;
    border-style: Inset;
    border-radius: 1px;
    background-color: #FFFF80;
}

/*灰色備註說明，透明底色*/
/*換行 white-space:pre-line; 或normal pre-wrap*/
.Text_LableRemark {
    color: #666666;
    background-color: Transparent;
    white-space: pre-line;
    border-width: 0px;
    border-style: none;
    border-color: Transparent;
    border-radius: 1px;
}

.Text_LableBlack {
    color: Black;
    background-color: Transparent;
    white-space: pre-line;
    border-width: 0px;
    border-style: none;
    border-color: Transparent;
    border-radius: 1px;
}

/* 文字底色皆透明的隱藏欄位，系統管理使用*/
.Text_LableSysTrn {
    color: Transparent;
    background-color: Transparent;
    white-space: pre-line;
    border-width: 0px;
    border-style: none;
    border-color: Transparent;
    border-radius: 1px;
}


/*隱藏欄位*/
.Text_Hidden {
    display: none;
}

/*  height: 18px;color: Black;*/
.Text_Progress {
    border-radius: 1px;
}


.CheckBoxList {
    /*border-radius: 1px;*/
}

.DropDownList {
    border-style: inset;
    border-width: 1px;
    border-radius: 1px;
}

    .DropDownList:focus {
        border: 1px inset #0077CC;
        box-shadow: 0px 0px 3px #0077CC;
    }

.ListBox {
    border-radius: 1px;
}


.FileUpload1 {
    border-width: 1px;
    border-style: Inset;
    border-radius: 1px;
    background-color: #CCCCCC;
}


/*按鈕 Enabled = False 時，需動態設定 CssClass=Button_False 反灰，參考 AT3010F.aspx.vb */
.Button_False {
    border-top: 1px thin solid #96d1f8; /*#666666*/
    /*background: #CCCCCC;*/
    padding: 0px 1px 0px 2px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    /*text-shadow: rgba(0,0,0,.2) 0 1px 0;*/
    /*color: #373737;*/
    text-decoration: none;
    vertical-align: middle;
    margin: 0px 1px 1px 0px;
}

/*https://css-tricks.com/examples/ButtonMaker/ */
/*藍色*/
.Button {
    border-top: 1px thin solid #96d1f8;
    background: #3e779d;
    padding: 0px 1px 0px 2px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    /*text-shadow: rgba(0,0,0,.2) 0 1px 0;*/
    color: white;
    text-decoration: none;
    vertical-align: middle;
    margin: 0px 1px 1px 0px;
}

    .Button:hover {
        border-top-color: #28597a;
        background: #28597a;
        color: #ccc;
    }

    .Button:active {
        border-top-color: #1b435e;
        background: #1b435e;
    }

/*未設定顏色(預設值灰色)*/
.Button2 {
    border-top: 1px thin solid black; /*black #666666*/
    /*background: #CCCCCC;*/
    padding: 0px 1px 0px 2px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    /*text-shadow: rgba(0,0,0,.2) 0 1px 0;*/
    /*color: #373737;*/
    text-decoration: none;
    vertical-align: middle;
    margin: 0px 1px 1px 0px;
}

    .Button2:hover {
        border-top-color: #FFFFFF;
        background: #C0C0C0;
        color: black;
    }

    .Button2:active {
        border-top-color: #1b435e;
        background: #BCBCBC;
        color: black;
    }

/*綠色 尚未使用*/
.Button3 {
    border-top: 1px thin solid #96d1f8;
    background: #FFFFCC;
    padding: 0px 1px 0px 2px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.2) 0 1px 0;
    color: #373737;
    text-decoration: none;
    vertical-align: middle;
    margin: 0px 1px 1px 0px;
}

    .Button3:hover {
        border-top-color: #FFFFFF;
        background: #FAF89A;
        color: black;
    }

    .Button3:active {
        border-top-color: #1b435e;
        background: #CCCCCC;
        color: black;
    }


/*RE9010F報表清單 BA4010F代碼彙總查詢*/
/*藍色 顏色同Button1*/
.Button_Link1 {
    background: #537D3E;
    border-top: 1px solid #96d1f8;
    background: #3e779d;
    padding: 0px 2px 2px 2px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    text-decoration: none;
    vertical-align: super;
}

    .Button_Link1:hover {
        border-top-color: #28597a;
        background: #537D3E;
        color: #ccc;
    }

    .Button_Link1:active {
        border-top-color: #1b435e;
        background: #1b435e;
    }

.Button_Lov {
    padding: 0px;
    border-style: inset;
    width: 18px;
    vertical-align: top;
    border-radius: 3px;
}

.Button_Icon {
    border-radius: 3px;
    background-color: #FFFF80;
}

    .Button_Icon:hover {
        border-top-color: #28597a;
        background: #316B93;
    }

    .Button_Icon:active {
        border-top-color: #1b435e;
        background: #1b435e;
    }

/*GridView : GV */
/*font-size: Small;*/
/*left: 3px;*/
/*border: 0px Ridge #DEDFDE;*/
.GridView {
    border: 0px ridge #DEDFDE;
    position: absolute;
    top: 0px;
    background-color: #ECF9E7;
    left: 0px;
    border-radius: 1px;
    width: 99.7%;
    border-collapse: collapse;
}

/*font-size: 12px; Font-Bold="True" background-color: #313131; color: #FFFFFF;*/
/*IE8 用相容性模式即可固定表頭,時好時壞? 新版 IE11 用相容性模式亦無法固定表頭,不支持 expression*/
/*div_grid  expression(document.getElementById("div_grid").scrollTop);*/
.GV_Header {
    position: relative;
    table-layout: fixed;
    top: expression(this.offsetParent.scrollTop);
    /*background-color: #99C384; 綠色 總臺財產*/
    background-color: #DEDFDE;
    color: #000000;
    height: 18px;
    font-weight: lighter;
    border-radius: 1px;
}

.GV_InsideText {
    white-space: nowrap;
}
/*ellipsis：當對象內文本溢出時顯示省略標記（...）*/
.GV_Header th {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px;
}

/*div_grid2*/
.GV_Header2 {
    position: relative;
    table-layout: fixed;
    top: expression(this.offsetParent.scrollTop);
    background-color: #DEDFDE;
    color: #000000;
    height: 18px;
    font-weight: lighter;
    border-radius: 1px;
}

/*div_grid3*/
.GV_Header3 {
    position: relative;
    table-layout: fixed;
    top: expression(this.offsetParent.scrollTop);
    background-color: #DEDFDE;
    color: #000000;
    height: 18px;
    font-weight: lighter;
    border-radius: 1px;
}

.GV_Footer {
    background-color: #417767;
    border-radius: 1px;
}

.GV_Row {
    background-color: White;
    height: 24px;
    border-radius: 1px;
    /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
}

/*有分頁時套用,跳頁顏色不會恢復*/
.GV_SelectedRow {
    /*background-color: #000099;*/
    /*color: White;*/
    /*font-weight: bold;*/
    /*border-radius: 1px;*/
}

/*無分頁時套用,跳頁顏色不會恢復*/
.GV_SelectedRow2 {
    background-color: #d7f0c1;
    color: White;
    font-weight: bold;
    border-radius: 1px;
}

.GV_Pager {
    /*background-color:#F7F7DE  #CCCCCC ;*/
    background-color: #ffffff;
    color: Black;
    text-align: center; /*IE8無效*/
    border-radius: 1px;
}
/*跳行 綠色#E0EDDA 灰色 #EEEEEE*/
.GV_Alternating {
    background-color: #E0EDDA;
    border-radius: 1px;
}

.Div {
}

.Div_Paging {
    /*left: 11px;*/ /*background-color: #EEEEEE #CCCCCC F6F6F6;*/
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #808080;
    position: absolute;
    font-size: Small;
    background-color: #EEEEEE;
    padding-top: 5px;
    text-align: center;
    border-radius: 1px;
    position: relative;
    top: 0px;
    width: 99.7%;
}

/*GridView 外層的 div ;相容於舊程式:absolute*/
.Div_Grid {
    /* left: 7px;*/
    position: absolute;
    font-size: Small;
    background-color: white;
    border-left-style: inset;
    border-left-width: 1px;
    border-top-style: inset;
    border-top-width: 1px;
    border-radius: 1px;
    position: relative;
    top: 0px;
    height: 395px;
    width: 99.7%;
    overflow: scroll;
}

.Div_GridLov {
    font-size: Small;
    background-color: white;
    border-left-style: inset;
    border-left-width: 1px;
    border-top-style: inset;
    border-top-width: 1px;
    border-radius: 1px;
}

.BackImage {
    width: 0%;
    height: 0%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -99;
    background-color: #CCCCCC;
    color: #E4E4E4;
    border-radius: 1px;
}

.Body {
    /*覆蓋全域*/
    height: 100%;
    margin: 0;
    /*漸層色*/
    background: linear-gradient( 180deg, #e9f1f7 0%, #c8e3f9 40%, #6abceb 100% );
    background-repeat: no-repeat;
    /*background-color: #ECF9E7;
    background-image: url('../Image/Bg/BgMain.jpg');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    scrollbar-face-color: #E4E4E4;*/ /*捲軸顏色*/
    /*scrollbar-track-color: #EEEEEE;*/ /*捲軸底色*/
    /*scrollbar-arrow-color: #333333;*/ /*捲軸箭頭*/
    /*scrollbar-highlight-color: #333333;*/ /*捲軸左與上內邊框*/
    /*scrollbar-3dlight-color: #C0C0C0;*/ /*捲軸右與下內邊框*/
    /*scrollbar-shadow-color: #333333;*/ /*捲軸右與下外邊框*/
    /*scrollbar-darkshadow-color: #C0C0C0;*/ /*捲軸左與上外邊框*/
}

.BodyS {
    /*覆蓋全域*/
    height: 100%;
    margin: 0;
    /*漸層色*/
    background: linear-gradient( 180deg, #e9f1f7 0%, #c8e3f9 40%, #6abceb 100% );
    background-repeat: no-repeat;
}

.BodyLov {
    background-color: #ECF9E7;
    background-image: url('../Image/Bg/BgMainLov.jpg');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    scrollbar-face-color: #E4E4E4; /*捲軸顏色*/
    scrollbar-track-color: #EEEEEE; /*捲軸底色*/
    scrollbar-arrow-color: #333333; /*捲軸箭頭*/
    scrollbar-highlight-color: #333333; /*捲軸左與上內邊框*/
    /*scrollbar-3dlight-color: #C0C0C0;*/ /*捲軸右與下內邊框*/
    scrollbar-shadow-color: #333333; /*捲軸右與下外邊框*/
    scrollbar-darkshadow-color: #C0C0C0; /*捲軸左與上外邊框*/
}

/*表單分組*/
.Fieldset1 {
    font-size: Small;
    border: 1px outset #C0C0C0;
    border-radius: 5px;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 10px 0px;
    /*margin: 5px 0px;*/
    /*padding: 0px 0px 0px 10px;*/
}

/*表單分組 第2個以後  增加上方間格 margin: 5px 0px 0px 0px;*/
/*.Fieldset2
{
    font-size: Small;
    border: 1px outset #C0C0C0;
    border-radius: 5px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}*/

/*分類標題(標籤) 灰色*/
.Legend1 {
    padding: 0px 5px 0px 5px;
    color: #666666;
    letter-spacing: 2pt;
    font-size: 14px;
    margin-left: 10px;
}

/*不換行 white-space: nowrap;*/
.Table1 {
    margin-left: 7px;
    /*margin-top: 0px;*/
}

.Table2 {
    margin-left: 7px;
}

/*
.Table1 td
{
    border-style:solid;
    border-width:inherit;
}
*/



/* Begin:超連結 & Menu & LinkButton & GridView的排序 */
a:link {
    text-decoration: underline;
    font-weight: normal;
    /*color: Black;*/
}

a:visited {
    text-decoration: underline;
    font-weight: normal;
    /*color: Black;*/
}

a:active {
    text-decoration: none;
    font-weight: bold;
    /*color: Black;*/
}

a:hover {
    text-decoration: none;
    font-weight: bold;
    /*color: Black;*/
}
/* End:超連結 & Menuu & LinkButton */

.MenuRoot {
    border-radius: 3px;
    height: 28px;
}

    .MenuRoot tr {
    }

/*IE7~IE8 Menu不能顯示問題*/
.Menu1 {
    background-position: -10px;
    border-style: groove;
    border-width: 1px;
    background-image: url('../Image/Bg/BgMenuItems.gif');
    background-repeat: repeat-y;
    z-index: 999;
    border-radius: 3px;
}

.MenuHover {
    border: 1px groove #000080;
    background-color: #FFFACD;
    border-radius: 3px;
}

.TableLogo1 {
    background-image: url('../Image/Bg/Bg01.gif');
    border-radius: 5px;
}

.TableLogo2 {
    border-style: groove;
    border-width: 1px;
    background-image: url('../Image/Bg/Bg02.gif');
    border-radius: 5px;
}

.TableLogo3 {
    border-radius: 5px;
}


/*正式環境 置於最上層 不可點選 z-index: 1000; */
/*開發環境 置於最下層 可點選 z-index: -1; */
#progressBackgroundLayer {
    position: fixed;
    top: -107px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #C0C0C0;
    filter: alpha(opacity=30);
    opacity: 0.5;
    z-index: -1;
}

#processMessageLayer {
    border-style: groove;
    border-width: 1px;
    border-color: inherit;
    position: fixed;
    text-align: center;
    width: 280px;
    padding: 5px;
    background-color: #FFFFFF;
    vertical-align: middle;
    z-index: 1001;
    top: 40%;
    left: 35%;
    border-radius: 5px;
}

/*background-color: #3300cc*/
/* http://www.awcore.com/url/aHR0cDovL3d3dy5jb2xvcnppbGxhLmNvbS9ncmFkaWVudC1lZGl0b3Iv */
.Tr_Title {
    height: 32px;
    white-space: nowrap;
    background: #2B67AA; /* Old browsers */
    background: -moz-linear-gradient(top, #09283d 0%, #2B67AA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09283d), color-stop(100%,#2B67AA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #09283d 0%,#2B67AA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #09283d 0%,#2B67AA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #09283d 0%,#2B67AA 100%); /* IE10+ */
    background: linear-gradient(to bottom, #09283d 0%,#2B67AA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09283d', endColorstr='#2B67AA',GradientType=0 ); /* IE6-9 */
    border-width: 1px;
    border-style: inset;
    border-radius: 3px;
}

tr {
    height: 25px;
}

/*div*/
/* table */
.Div_table {
    display: table;
    /*border-collapse: collapse;*/
}

/* tr */
.Div_tr {
    display: table-row;
}

/* td , th */
.Div_td {
    display: table-cell;
    float: left;
    border-style: solid;
    border-width: 1px;
    background: #fcd6d6;
    width: 120px;
    height: 120px;
}

.SearchDiv [class*='col-'] {
    margin-top: 5px;
}

.ContentPanelMargin {
    margin-top: 30px;
}

.Modal_1 {
    display: none;
}

.Modal_2 {
    display: inline-block;
}

.Toast_info {
    z-index: 1080;
}

/*提供給jQuery UI Dialog使用，因應不同解析度*/
@media (max-width: 768px) { /* 手機 */
    .ui-dialog {
        width: 95vw !important; /* 佔 95% 視窗寬 */
        max-width: 95vw !important;
    }
}

@media (min-width: 769px) { /* 平板 / 桌機 */
    .ui-dialog {
        max-width: 80vw; /* 上限 80% 視窗寬 */
    }
}

button.img-btn {
    width: 20px; /* 寬度 */
    height: 20px; /* 高度 */
    padding: 0; /* 去除預設內距 */
    border: none; /* 去除邊框 */
    background: none; /* 去除預設背景 */
    display: inline-block;
}

    button.img-btn img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* 或用cover */
        display: block;
    }

/*AF4010FS 專用 BEGIN*/
.w150 {
    width: 150px;
}

.AF4010FS_list {
    border: 1px solid #000;
    margin: 10px;
    padding: 10px;
    border-collapse: collapse;
}

    .AF4010FS_list .td {
        border: 1px solid #000;
        padding: 10px;
    }

/*報關號碼顯示兩格空格*/
.PassNo {
    white-space: pre;
}
.notloginTop {
    top: 100px;
    Z-INDEX: -1;
    width: 150px;
    right: 10px;
    height: 20px;
}

/* 1. 設定標題樣式：滑鼠手指、藍色文字 */
.news-trigger {
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
    padding: 5px 5px;
    display: inline-block;
}

/* 2. 重點：將 display: none 寫在這裡 */
/* 讓彈跳視窗的原始 HTML 結構在頁面上預設隱藏 */
.dialog-template {
    display: none;
}

/* 3. 彈跳視窗內的文字排版 */
.dialog-content-wrapper {
    font-size: 16px;
    line-height: 1.5;
}

/* 4. 確保 pre 內容過長時會換行 */
.dialog-detail-pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*未用 BEGIN*/

/*未用 END*/