/* Default CSS Stylesheet for 會員專區*/
.FrameBody {
    margin: 0;
    padding: 0;
    font: normal 10pt 微軟正黑體, Verdana, Helvetica, Arial, Sans-Serif;
    color: #555555;
    background-color: white;
    text-align: center;
}

.NormalTable {
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    width: 100%;
    background-color: white;
}

    .NormalTable tr {
        vertical-align: top;
        width: 100%;
    }

    .NormalTable td {
        padding: 0;
        margin: 0;
        border: 0;
    }

.NormalTable1 {
    margin: 0;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    width: 100%;
    font-size: 10pt;
}

    .NormalTable1 tr {
        vertical-align: top;
        width: 100%;
    }

    .NormalTable1 td {
        padding: 0px;
        margin: 0px;
        border: 0;
    }

.NormalTable2 {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    font-size: 10pt;
    line-height: 1;
}

.NormalTable3 {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    width: 100%;
    font-size: 10pt;
}

.NormalTable4 {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    font-size: 10pt;
}

.NormalTable5 {
    margin: 0;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    width: 100%;
}

    .NormalTable5 tr {
        vertical-align: top;
        width: 100%;
    }

.NormalTable6 {
    margin: 0;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    width: 100%;
}

    .NormalTable6 tr {
        vertical-align: top;
        width: 100%;
    }

    .NormalTable6 td {
        padding: 1px;
        margin: 1px;
        border: 0;
    }

.ImageButton img {
    border: 0;
}
/*----------- MasterPage ----------*/
.MasterPage {
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0 auto;
    background-color: white;
    width: 75%;
    vertical-align: top;
}

    .MasterPage tddis {
        padding: 0px;
        margin: 0px;
        border: 0;
    }

.Page {
    margin: 0;
    width: 100%;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    vertical-align: top;
    background-color: white;
}

    .Page tr {
        vertical-align: top;
        width: 100%;
    }

    .Page td {
        padding: 0px;
        margin: 0px;
        border: 0;
    }

.divMainContent .btnFunction {
    margin-top: 30px;
}

.btnFunction td {
    padding: 10px;
}

.btnFunction .menuLink {
    font-size: 20px;
    color: white;
    background-color: rgb(131,131,131);
    cursor: pointer;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 5px;
}

    .btnFunction .menuLink:hover {
        background-color: silver;
    }

    .btnFunction .menuLink div {
        min-width: 115px;
        display: inline-block;
        padding: 10px;
    }

.btnFunction .menuLinkActive {
    background-color: silver !important;
    border: 1px solid rgb(131,131,131);
}

.divHeader .WebSiteTitle {
    text-align: left;
    font-weight: 600;
    font-size: 35px;
    padding-left: 15px;
}

.divFooter .Page {
    background-color: rgb(236, 236, 236);
}

.divFooter .tdFooterContent {
    padding-top: 5px;
    padding-bottom: 10px
}

.MasterPage .divMainContent {
    display: inline-block;
    width: 18%;
    border: #999 solid 1px;
    vertical-align: top;
}

.MasterPage .divMainContent2 {
    display: inline-block;
    width: 80%;
    border: #999 solid 1px;
    vertical-align: top;
    min-height: 750px;
    max-height: 750px;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (max-width: 1600px) {
    .btnFunction .menuLink {
        padding: 10px;
    }
}

@media (max-width: 1366px) {
    .MasterPage {
        width: 100%;
    }

    .btnFunction .menuLink {
        font-size: 18px;
    }

        .btnFunction .menuLink div {
            display: inline-block;
            padding: 5px;
            min-width: 70%;
        }
}

/* 主MENU */
td.MainMenu {
    width: 100%;
    margin: 0;
}

.MainStoreList {
    width: 100%;
    /*background-image: url(../Images/default/MainStoreListBg.png);*/
    background-color: White;
    margin: 0;
    padding: 20px;
    word-spacing: 5px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 2px;
    text-align: left;
    text-decoration: none;
    border-bottom: 2px inset #BBBBBB;
}

.MenuFontShow {
    background-color: White;
    text-decoration: none;
    font-weight: normal;
    /*background-image:url(../Images/Store/MainStoreListBg.jpg);*/
    cursor: pointer;
    /*border: 1px inset #BBBBBB;*/
}

    .MenuFontShow td {
        font-size: 11pt;
        white-space: nowrap;
        padding-right: 50px;
    }

.SubMenuFontShow {
    background-color: White;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    border: 1px inset #BBBBBB;
    margin: 1px;
}

    .SubMenuFontShow td {
        width: 250px;
        padding-left: 8px;
        font-size: 10pt;
        white-space: nowrap;
    }

iframe.skm {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

td.MenuTitle {
    color: Blue;
    text-align: right;
    vertical-align: middle;
    font-size: 10pt;
    padding-right: 5px;
}
/*----------------*/

/*--------首頁-----------*/
/* 左邊MENU */
td.LeftMenu {
    width: 251px;
    vertical-align: top;
    text-align: left;
    padding: 0;
    margin: 0;
    border: 0;
}
/* 右邊內容 */
td.RightContent {
    margin: 0;
    width: 773px;
}

td.Logo {
    height: 55px;
    width: 100%;
}

td.Footer {
    text-align: center;
    font-size: 10pt;
}

.ContentTable {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    width: 96%;
    font-size: 10pt;
}

td.TDContent {
    padding-top: 10px;
    text-align: center;
}

td.TDHeight10 {
    height: 10px;
}

td.TDHeight20 {
    height: 20px;
}
/* ShowURL */
A.ShowURLLink, A.ShowURLLink:link, A.ShowURLLink:visited {
    color: white;
    text-decoration: none;
    font-size: 10pt;
    font-weight: Normal;
    line-height: 18px;
}

    A.ShowURLLink:hover {
        text-decoration: Underline;
    }
/*----------------*/

/*---Content----*/
.MainContent {
    margin: 0;
    width: 100%;
    min-height: 750px;
    height: auto;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
}

    .MainContent tr {
        vertical-align: top;
        width: 100%;
    }

/*.MainContent td
{
    padding: 0;
    margin: 0;
    border: 0;
}*/

.MainContentTopMargin {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

td.FunctionTitle {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    line-height: 40px;
    padding-left: 10px;
    text-align: left;
}

.ContentImage {
    width: 100%;
    padding-bottom: 10px;
}
/*-----------------*/


/* Footer */
.FooterTable {
    width: 100%;
    height: 88px;
    margin: 0;
    padding: 20px 0px 0px 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    background-image: url(../Images/Default/bg_footer.png);
}

td.FooterTopMargin {
    height: 10px;
}

td.TDFooterList {
    padding-top: 15px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
}

.FooterLink {
    color: #44525E;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 0.1em
}

.FooterShow {
    color: #666666;
    text-decoration: None;
    font-size: 11px;
    font-weight: Normal;
}
/*---------------------*/

/* Bar */
.BarLine {
    /*background-image: url(../Images/Default/barbg.jpg);
    background-repeat: repeat-x;*/
    height: 30px;
    vertical-align: middle;
}

td.BarLineShowURL {
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 5px;
}

td.BarLineControl {
    width: 230px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

td.BarLineControl1 {
    width: 50px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 30px;
}

td.BarLineMargin {
    /*padding-right:15px;*/
}

.BannerControlLine {
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-top: #e1bdf0 1px solid;
    border-left: #e1bdf0 1px solid;
    border-right: #e1bdf0 1px solid;
    border-bottom: #e1bdf0 1px solid;
    width: 100%;
}

    .BannerControlLine tr {
        width: 100%;
    }

    .BannerControlLine td {
        padding-left: 3px;
    }

/*--------------------*/

/* text style used for most text rendered by modules */
.Normal {
    font-size: 10pt;
    font-weight: normal;
    line-height: 20px;
    color: #666666;
}

.NormalLight {
    font-size: 10pt;
    font-weight: normal;
    line-height: 20px;
    color: white;
}

.NormalBold {
    font-size: 10pt;
    font-weight: bold;
    line-height: 20px;
    color: #666666;
}

.NormalBoldLight {
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
}

.NormalB {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #666666;
}

.Notice2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 100px;
    color: #666666;
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl {
    font-size: 10pt;
    font-weight: normal;
}

.NormalButton {
    font-size: 10pt;
    font-weight: normal;
    cursor: hand;
}

.NormalButtonBold {
    font-size: 10pt;
    font-weight: normal;
    cursor: hand;
    font-weight: bold;
}

.NormalControl1 {
    font-size: 10pt;
    font-weight: normal;
    background-color: #F1F5F8;
    border: 1px solid #E3E2E2;
}

.NormalButton {
    font-size: 10pt;
    font-weight: normal;
    cursor: hand;
}

.AlertText {
    font-size: 10pt;
    color: Red;
}
/*-----------------------*/
/* MENU 主項 */
A.MenuSelected {
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: normal;
}

    A.MenuSelected:hover {
        color: #cc6600;
        text-decoration: none;
    }

/* 主項 */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited {
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: Normal;
    line-height: 18px;
}

    A.MenuUnselected:hover {
        color: black;
        text-decoration: Underline;
        font-size: 10pt;
    }

/* 次項 (縮排) */
A.MenuUnselected1, A.MenuUnselected1:link, A.MenuUnselected1:visited {
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: Normal;
    line-height: 18px;
    padding-left: 10px;
}

    A.MenuUnselected1:hover {
        color: black;
        text-decoration: Underline;
        font-size: 10pt;
        padding-left: 10px;
    }

/* 分類顯示用TITLE (網址無效者) */
A.MenuUnselected2 {
    color: #6797BE;
    text-decoration: none;
    font-size: 10pt;
    font-weight: Normal;
    line-height: 20px;
    vertical-align: bottom;
    padding-top: 10px;
    padding-left: -50px;
}
/*-----------------------*/

A.MenuNewUnselected, A.MenuNewUnselected:link, A.MenuNewUnselected:visited {
    color: #32327A;
    text-decoration: none;
    font-size: 10pt;
    font-weight: Normal;
    background: inherit;
}

    A.MenuNewUnselected:visited {
        color: black;
        text-decoration: none;
        font-size: 10pt;
        font-weight: Normal;
    }

    A.MenuNewUnselected:hover {
        color: black;
        text-decoration: Underline;
        background-color: transparent;
    }

/* 表格 Table1 */
.Table1 {
    color: #333333;
    font-size: 10pt;
    padding: 0px;
    margin: 0 auto;
    word-spacing: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 97%;
}

    .Table1 tr {
        width: 100%;
        border-spacing: 0px;
    }

.Table11 {
    background: White;
    padding: 0px;
    margin: 0 auto;
    word-spacing: 0px;
    font-size: 10pt;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    line-height: 24px;
}


.Title1 {
    background-color: #00468C;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    width: 100%;
}

.Table1 a {
    text-decoration: underline;
    color: #333333;
}

    .Table1 a:link {
        text-decoration: underline;
        color: #333333;
    }

    .Table1 a:visited {
        text-decoration: none;
        color: #333333;
    }

    .Table1 a:hover {
        color: #FFFFFF;
        text-decoration: underline;
        background-color: #999999;
    }

td.TDHeader1 {
    background-color: #E3E3E3;
    font-size: 10pt;
    color: #333333;
    white-space: nowrap;
    text-align: right;
    white-space: nowrap;
    border: 1px solid white;
    width: 25%;
    padding-right: 5px;
}

td.TDHeader11 {
    background-color: #E3E3E3;
    font-size: 10pt;
    color: #333333;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    white-space: nowrap;
    border: 1px solid white;
    width: 50%;
}

td.TDText1 {
    background-color: #F2F2F2;
    font-size: 10pt;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    border: 1px solid white;
    padding-left: 5px;
}

td.TDText11 {
    background-color: #F2F2F2;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    vertical-align: top;
    text-align: center;
    border: 1px solid white;
}

td.TDText12 {
    background-color: #F2F2F2;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    vertical-align: middle;
    text-align: right;
    width: 15%;
}

td.TDText13 {
    background-color: #F2F2F2;
    font-size: 10pt;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    padding-left: 5px;
}

td.TDText14 {
    background-color: #F2F2F2;
    font-size: 10pt;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
    padding-left: 5px;
}

td.TDText15 {
    background-color: #F2F2F2;
    font-size: 10pt;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    border: 1px solid white;
    padding-left: 5px;
    width: 25%;
}

td.TDHeader111 {
    background-color: #CDCDCD;
    font-size: 10pt;
    color: #333333;
    white-space: nowrap;
    text-align: left;
    white-space: nowrap;
    border: 1px solid white;
    width: 25%;
    padding-left: 5px;
}

td.TDHeader112 {
    background-color: #CDCDCD;
    font-size: 10pt;
    color: #333333;
    white-space: nowrap;
    text-align: left;
    white-space: nowrap;
    border: 1px solid white;
    width: 100%;
    padding-left: 5px;
}


td.TDText111 {
    background-color: #CDCDCD;
    font-size: 10pt;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    border: 1px solid white;
    padding-left: 5px;
}

td.TDButton {
    text-align: center;
}

td.TDButtonLeft {
    text-align: left;
}

td.TDButtonRight {
    text-align: right;
}

td.TDButtonRight1 {
    text-align: right;
    padding-right: 20px;
}

td.TDSum1 {
    font-size: 10pt;
    color: Red;
    padding: 3px;
    white-space: nowrap;
    vertical-align: top;
    text-align: right;
    border: 1px solid white;
}

td.TDSum2 {
    font-size: 10pt;
    color: Red;
    white-space: nowrap;
    vertical-align: top;
    text-align: right;
    background-color: #F2F2F2;
}

td.TDSum22 {
    font-size: 10pt;
    color: Red;
    padding-right: 5px;
    white-space: nowrap;
    vertical-align: top;
    text-align: right;
    width: 10%;
    background-color: #F2F2F2;
}

td.TDPadding1 {
    height: 5px;
}

.Note1 {
    color: Red;
    font-size: 16px;
    font-weight: bold;
}

/*------------------*/

/* 表格 Table2 */
.Table2 {
    color: #333333;
    font-size: 12px;
    padding: 0;
    margin: 0;
    word-spacing: 0;
    line-height: 30px;
}

.Table21 {
    padding: 0;
    margin: 0;
    word-spacing: 0;
    border-collapse: separate;
    border-spacing: 1px;
}

    .Table21 td {
        border: 1px solid white;
    }

.Table2 a {
    text-decoration: underline;
    color: #333333;
}

    .Table2 a:link {
        text-decoration: underline;
        color: #333333;
    }

    .Table2 a:visited {
        text-decoration: none;
        color: #333333;
    }

    .Table2 a:hover {
        color: #FFFFFF;
        text-decoration: underline;
        background-color: #999999;
    }

.TDHeader2 {
    background-color: silver;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

.TDText2 {
    background-color: #F0F0F0;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    vertical-align: middle;
}

.Error2 {
    color: #666666;
    font-size: 16px;
    text-align: center;
}

/*------------------*/

/* 表格 Table3 */
.Table3 {
    color: #333333;
    font-size: 10pt;
    padding: 0px;
    margin: 0 auto;
    word-spacing: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    text-align: center;
}

    .Table3 tr {
        width: 100%;
        border-spacing: 0px;
    }

.Table31 {
    background: White;
    padding: 0px;
    margin: 0 auto;
    word-spacing: 0px;
    font-size: 10pt;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 80%;
    line-height: 24px;
}

.Title3 {
    background-color: #00468C;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    width: 100%;
    text-align: left;
}

.Table3 a {
    text-decoration: underline;
    color: #333333;
}

    .Table3 a:link {
        text-decoration: underline;
        color: #333333;
    }

    .Table3 a:visited {
        text-decoration: none;
        color: #333333;
    }

    .Table3 a:hover {
        color: #FFFFFF;
        text-decoration: underline;
        background-color: #999999;
    }

td.TDHeader3 {
    background-color: #E3E3E3;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid white;
    width: 20%;
    height: 26px;
}

td.TDHeader31 {
    background-color: #E3E3E3;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    text-align: right;
    white-space: nowrap;
    border: 1px solid white;
    width: 20%;
    vertical-align: bottom;
}

td.TDHeader32 {
    background-color: #E3E3E3;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    text-align: left;
    white-space: nowrap;
    border: 1px solid white;
    width: 20%;
    vertical-align: bottom;
}

td.TDFooter3 {
    background-color: #E3E3E3;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    height: 30px;
    text-align: right;
    border: 1px solid white;
    padding-right: 50px;
}

td.TDText3 {
    background-color: #F2F2F2;
    font-size: 10pt;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid white;
}

td.TDText31 {
    background-color: #F2F2F2;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    text-align: left;
    vertical-align: bottom;
    border: 1px solid white;
}

.Error3 {
    color: #666666;
    font-size: 16px;
    text-align: center;
}
/*------------------*/

/* DataGrid1 */
.GridTable {
    background: White;
    padding: 0px;
    margin: 0 auto;
    word-spacing: 0px;
    font-size: 10pt;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
    line-height: 20px;
}

    .GridTable td {
        border: 1px solid silver;
        padding: 5px;
    }

.GridHeader {
    background-color: #7FB93B;
    background-image: none;
    color: #FFFFFF;
    font-size: 10pt;
    text-align: center;
    vertical-align: text-bottom;
}

.GridPager {
    background-color: #E3E3E3;
    font-size: 10pt;
}

.GridFooter {
    background-color: #F0F0F0;
    font-size: 10pt;
}

.GridText {
    font-size: 10pt;
    color: #333333;
    text-align: center;
    background-color: #F0F0F0;
}

.GridSumTitle {
    font-size: 10pt;
    color: #333333;
}

.GridSum {
    font-size: 10pt;
    color: Red;
}

.GridSumTable {
    padding: 0px;
    word-spacing: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .GridSumTable tr {
        color: red;
        line-height: 24px;
        font-size: 10pt;
        text-align: right;
        vertical-align: baseline;
    }

    .GridSumTable td {
        text-align: right;
        padding-left: 12px;
    }
/*------------*/

/* DataGrid1 */
.GridHeader1 {
    background-color: #B2B2B2;
    background-image: none;
    color: #333333;
    font-size: 10pt;
    text-align: center;
    vertical-align: text-bottom;
}

.GridPager1 {
    background-color: #E3E3E3;
    font-size: 10pt;
}

.GridFooter1 {
    background-color: #F0F0F0;
    font-size: 10pt;
}

.GridText1 {
    background-color: #F0F0F0;
    font-size: 10pt;
    color: #333333;
    text-align: center;
}

.GridSum1 {
    font-size: 10pt;
    color: Red;
}

.GridNoneSelected1 {
    background-color: #F0F0F0;
    cursor: default;
}
/*------------*/

/* CompanyMessage */
.CompanyMessageTable {
    padding: 0px;
    margin: 0;
    word-spacing: 0px;
    font-size: 10pt;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

td.CompanyMessageTitle {
    background-color: #00468C;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    width: 100%;
    text-align: left;
}

td.CompanyMessageTitle1 {
    background-color: #00468C;
    font-size: 10pt;
    color: white;
    line-height: 25px;
    text-decoration: none;
    text-align: left;
    vertical-align: bottom;
    width: 100%;
}

td.CompanyMessageList {
    text-align: left;
    background-color: #E3E3E3;
    line-height: 35px;
    font-size: 10pt;
    padding-left: 10px;
}

.CompanyMessageDetail {
    color: #666666;
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    padding-top: 5px;
    padding-right: 20px;
    overflow: auto;
    width: 100%;
}

.CompanyMessageTable a {
    text-decoration: underline;
    color: #333333;
}

    .CompanyMessageTable a:link {
        text-decoration: underline;
        color: #333333;
    }

    .CompanyMessageTable a:visited {
        text-decoration: none;
        color: #333333;
    }

    .CompanyMessageTable a:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }

A.CompanyMessageLabel1, A.CompanyMessageLabel1:link, A.CompanyMessageLabel1:visited {
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
}

    A.CompanyMessageLabel1:visited {
        color: #666666;
        text-decoration: none;
        font-size: 10pt;
        font-weight: bold;
    }

A.CompanyMessageLabel2, A.CompanyMessageLabel2:link, A.CompanyMessageLabel2:visited {
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: Normal;
}

    A.CompanyMessageLabel2:visited {
        color: #666666;
        text-decoration: none;
        font-size: 10pt;
        font-weight: Normal;
    }

/*----------------*/

/* ADCenter */
.ADCenterTable {
    background-image: url(../Images/Default/ADCenterBg.png);
    background-repeat: repeat-x;
    word-spacing: 0px;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    vertical-align: top;
    text-align: center;
}

.ADCenterImage {
    border: 0;
    margin: 0;
    vertical-align: text-bottom;
}

.ADCenterTop {
    height: 6px;
}

.ADCenterBottom {
    padding: 0;
    margin: 0;
    background-image: url(../images/default/borderbottom.jpg);
    background-repeat: no-repeat;
    height: 20px;
    vertical-align: text-top;
}

.ADCenterEmpty {
    height: 150px;
}

/*----------------*/


/* StoreSubListTable */
.StoreSubListTable {
    margin: 0;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    width: 251px;
    height: 100%;
}

td.TDStoreCategoryBgTop {
    width: 251px;
    height: 86px;
    background-image: url(../Images/Store/StoreCategoryBg.jpg);
    background-repeat: no-repeat;
}

td.TDStoreCategoryBgBottom {
    width: 250px;
    height: 250px;
    background-image: url(../Images/Store/StoreCategoryBg1.jpg);
    background-repeat: no-repeat;
}

td.TDSubStoreListEmpty {
    width: 250px;
}

td.TDSubStoreWidth {
    width: 250px;
    height: 28px;
}

td.TDSubStoreList {
    height: 27px;
    text-align: left;
    vertical-align: middle;
}

td.TDSubStoreListBorder {
    width: 100%;
    height: 1px;
    background-image: url(../Images/Store/Stroe-Hline.gif);
}

td.TDSubStoreListBorderRight {
    width: 1px;
    background-image: url(../Images/Store/g.gif);
    background-repeat: repeat-y;
}

A.SubStoreListUnselected, A.SubStoreListUnselected:link {
    padding-left: 20px;
    color: #999999;
    font: bold 13px;
    text-decoration: none;
    vertical-align: middle;
}

    A.SubStoreListUnselected:hover, A.SubStoreListUnselected:active {
        padding-left: 20px;
        color: blue;
        font: bold 13px;
        text-decoration: none;
        vertical-align: middle;
    }

    A.SubStoreListUnselected:visited {
        padding-left: 20px;
        color: #555555;
        font: bold 13px;
        text-decoration: none;
        vertical-align: middle;
    }

A.SubStoreListUnselected2, A.SubStoreListUnselected2:link {
    padding-left: 34px;
    color: #555555;
    font: bold 13px;
    text-decoration: none;
    vertical-align: middle;
}

    A.SubStoreListUnselected2:hover, A.SubStoreListUnselected2:active {
        padding-left: 34px;
        color: blue;
        font: bold 13px;
        text-decoration: none;
        vertical-align: middle;
    }

    A.SubStoreListUnselected2:visited {
        padding-left: 34px;
        color: #555555;
        font: bold 13px;
        text-decoration: none;
        vertical-align: middle;
    }
/*----------------*/

/* DownloadFile */
.DownloadFileTable {
    width: 96%;
    padding: 0;
    margin: 0 auto;
    color: #333333;
    font-size: 10pt;
    word-spacing: 0px;
    line-height: 24px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.DownloadFileTable1 {
    padding: 0px;
    margin: 0;
    word-spacing: 0px;
    font-size: 10pt;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    white-space: nowrap;
}

.DownloadFileTitle {
    background-color: #00468C;
    font-size: 13px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    width: 100%;
    height: 20px;
    text-align: center;
}

td.DownloadFileHead1 {
    background-color: #E3E3E3;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    white-space: nowrap;
    border: 1px solid white;
    width: 80%;
    text-align: left;
    vertical-align: middle;
}

td.DownloadFileHead2 {
    background-color: #E3E3E3;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    white-space: nowrap;
    border: 1px solid white;
    width: 20%;
    vertical-align: middle;
}

td.DownloadFileText1 {
    background-color: #F2F2F2;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    border: 1px solid white;
}

td.DownloadFileText2 {
    background-color: #F2F2F2;
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    border: 1px solid white;
}

.DownloadLink img {
    border: 0px;
}
/*----------------*/

/* AuthedMemberCenter iFrame */
#NewSubPage {
    width: 100%;
    height: 100vh;
}

.TDHeader1B {
    background-color: #E3E3E3;
    font-size: 10pt;
    color: #333333;
    white-space: nowrap;
    text-align: right;
    white-space: nowrap;
    border: 1px solid white;
    width: 13%;
    height: 24px;
    padding-right: 5px;
}

.TDTextB {
    background-color: #F2F2F2;
    font-size: 10pt;
    white-space: nowrap;
    vertical-align: top;
    text-align: right;
    border: 1px solid white;
    padding-left: 5px;
    height: 24px;
    width: 12%;
}

.TDHeader100 {
    background-color: #E3E3E3;
    font-size: 10pt;
    color: #333333;
    white-space: nowrap;
    text-align: right;
    white-space: nowrap;
    border: 1px solid white;
    width: 12%;
    height: 24px;
    padding-right: 5px;
}


.TDText6 {
    background-color: #F2F2F2;
    font-size: 10pt;
    white-space: nowrap;
    vertical-align: top;
    text-align: right;
    border: 1px solid white;
    padding-left: 5px;
    height: 24px;
    width: 8%;
}

.TDTextNoBd {
    background-color: #F2F2F2;
    font-size: 10pt;
    height: 24px;
    border-style: none;
}

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


/* 首頁最新消息 */
td.NewsMessage {
    width: 414px;
    height: 300px;
    padding-left: 10px;
    padding-right: 5px;
}

.NewsMessageTable {
    margin: 0;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    width: 414px;
    height: 300px;
    background-image: url(../Images/default/bg_news.jpg);
}

td.NewsMessageTitle {
    padding-left: 30px;
    height: 34px;
    vertical-align: middle;
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    clear: both;
    color: #555555;
}

td.TDNewsMarquee {
    height: 10px;
    padding-left: 12px;
    white-space: nowrap;
}

.NewsMarquee {
    height: 20px;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #DDDDDD;
}

A.NewsMarqueeText, A.NewsMarqueeText:link, A.NewsMarqueeText:visited {
    color: #FF6600;
    font-size: 13px;
    text-decoration: none;
    line-height: 18px;
}

    A.NewsMarqueeText:hover {
        color: #000000;
        font-size: 13px;
        text-decoration: underline;
        line-height: 18px;
    }

.MyNewsList {
    width: 97%;
    margin: 0 auto;
    padding: 0;
    border-collapse: separate;
    border-spacing: 0px;
    word-spacing: 0px;
    border: 0;
}

    .MyNewsList tr {
        vertical-align: top;
        width: 100%;
    }

    .MyNewsList td {
        padding: 3;
        margin: 0;
        border: 1;
    }

.NewsListTable {
    background-color: White;
    margin: 0 auto;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    width: 100%;
    font-size: 10pt;
}

A.NewsListText, A.NewsListText:link, A.NewsListText:visited {
    color: #0B8B66;
    font-size: 13px;
    text-decoration: none;
    line-height: 18px;
}

    A.NewsListText:hover {
        color: #000000;
        font-size: 13px;
        text-decoration: underline;
        line-height: 18px;
    }

/*----------------*/

/* 首頁商品推薦 */
td.ProductRecomStyle {
    width: 584px;
    height: 300px;
    padding-left: 5px;
    padding-right: 10px;
}

.ProductRecomStyleTable {
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    width: 580px;
    height: 300px;
    background-image: url(../Images/default/bg_Product.jpg);
}

td.ProductRecomStyleTitle {
    margin: 0;
    padding-left: 30px;
    height: 34px;
    vertical-align: middle;
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    clear: both;
    color: #555555;
}

img.ProductRecomImg {
    border-right: #E2E2E2 1px solid;
    border-top: #E2E2E2 1px solid;
    border-left: #E2E2E2 1px solid;
    border-bottom: #E2E2E2 1px solid
}

.ProdutRecomTable {
    margin: 5;
    padding: 8;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 10pt;
}

td.TDProdutRecom1 {
    width: 70px;
    padding-left: 5px;
    text-align: left;
}

td.TDProdutRecom2 {
    width: 200px;
    height: 80px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

td.TDProdutRecom3 {
    width: 270px;
    padding-left: 5px;
}
/*----------------*/

/* 螢幕列印 */
#pic1 {
    background-color: White;
}
/*---------------*/

/* FastNews */
.FastNewsTable {
    color: #333333;
    font-size: 10pt;
    padding: 0px;
    margin: 0 auto;
    word-spacing: 0px;
    line-height: 24px;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

td.TDFastNewsList {
    color: black;
    font-size: 10pt;
    background: #fffbff;
    text-align: left;
    padding-left: 10px;
}

td.TDFastNewsBorder {
    height: 3px;
    background-image: url(../Images/Default/dot_line.gif);
    background-repeat: repeat-x;
    vertical-align: top;
}


td.FastNewsTitle {
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 11pt;
}

td.FastNewsContent {
    padding-left: 18px;
}

div.NewsDiv {
    overflow: auto;
    width: 98%;
    height: 100%;
}

.NewsLink {
    color: #306D85;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 0.02em;
}

a.NewsLink:hover {
    color: #A5A5A5;
    font-size: 12px;
    text-decoration: underline;
    letter-spacing: 0.02em
}
/*--------------*/

/* ShowContent */
td.ShowContentContent {
    padding-left: 18px;
}

td.ShowContentTop {
    text-align: right;
    padding-top: 20px;
    padding-right: 10px;
}
/*---------------*/

/* SiteMap */
td.TDSiteMapTable {
    padding-top: 10px;
    padding-left: 40px;
}

td.TDSubMenuList2 {
    padding-left: 20px;
}

td.TDSubMenuList3 {
    height: 20px;
}

A.MapLinkselected, A.MapLinkselected:link, A.MapLinkselected:visited {
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: Normal;
    line-height: 18px;
}

    A.MapLinkselected:hover {
        color: black;
        text-decoration: Underline;
        font-size: 10pt;
    }

A.MapLinkUnselected, A.MapLinkUnselected:link, A.MapLinkUnselected:visited {
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: Normal;
    line-height: 18px;
    cursor: default;
}

    A.MapLinkUnselected:hover {
        color: #666666;
        text-decoration: none;
        font-size: 10pt;
        cursor: default;
    }
/*---------------*/

/* FAQList */
.FAQTypeListTable {
    width: 97%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-size: 10pt;
}

td.TDFAQTypeListHeight {
    width: 100%;
    height: 20px;
}

td.TDBtnLeft {
    background-image: url(../Images/Control/btnleft.gif);
    width: 9px;
    height: 29px;
}

td.TDBtnMiddle {
    background-image: url(../Images/Control/btnmiddle.gif);
    width: 60px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

td.TDBtnRight {
    background-image: url(../Images/Control/btnright.gif);
    width: 9px;
    height: 29px;
}

td.TDBtnSpace {
    width: 5px;
}

td.TDHLine {
    height: 10px;
    background-image: url(../Images/Store/Stroe-Hline.gif);
    background-repeat: repeat-x;
}

A.FAQTypeSelected {
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
}

    A.FAQTypeSelected:hover {
        color: #cc6600;
        text-decoration: none;
    }

A.FAQTypeUnSelected, A.FAQTypeUnSelected:link, A.FAQTypeUnSelected:visited {
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: Normal;
}

    A.FAQTypeUnSelected:hover {
        color: #cc6600;
    }

A.FAQListTitle {
    color: navy;
    text-decoration: none;
    font-size: 10pt;
    font-weight: normal;
}
/*---------------*/

/* Contact Us */
.ContactUsTable {
    margin: 0 auto;
    padding: 10px;
    border-collapse: separate;
    border-spacing: 10px;
    text-align: left;
    width: 80%;
    font-size: 10pt;
}

td.TDConactUsTitle {
    text-align: left;
    font-size: 10pt;
    padding-bottom: 20px;
    line-height: 24px;
}

td.TDConactUsHeader {
    width: 20%;
    vertical-align: top;
}

td.TDContactUsText {
    width: 80%;
    padding-bottom: 10px;
}
/*---------------*/


/*   快速訂購  */
td.ProductQuickOrderAlert {
    color: Red;
    font-size: 13pt;
    height: 100px;
    vertical-align: middle;
    text-align: center;
}

td.ProductQuickOrderTitle {
    font-size: 10pt;
    height: 24px;
    color: Blue;
    font-weight: bold;
    vertical-align: bottom;
}
/*---------------*/

/* ShoppingCart */
td.ShippingHandling {
    padding-top: 50px;
    text-align: center;
    font-size: 11pt;
}

td.TDRegulation1 {
    background-color: White;
}

td.TDRegulation2 {
    text-align: center;
}

td.TDPolicy {
    background-color: #f0f0f0;
    text-align: center;
}

#Policy {
    background-color: white;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 95%;
    text-align: left;
    vertical-align: middle;
}

.delete {
    background-image: url(../Images/Shop/delete.jpg);
    display: block;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    text-align: left;
    color: #666;
}

    .delete:hover {
        background-image: url(../Images/Shop/delete.jpg);
        background-repeat: no-repeat;
    }
/*---------------*/

/* Payment */
.WaitingTable {
    border-color: #a85a67;
    background-color: #9fa0a0;
    background-image: url(../Images/Default/wait.gif);
    padding: 0px;
    margin: 0 auto;
    word-spacing: 0px;
    font-size: 10pt;
    border-collapse: separate;
    border-spacing: 1px;
}

td.TDWaiting1 {
    height: 120px;
}

#MsgWait {
    z-index: 1;
    left: 400px;
    width: 200px;
    position: absolute;
    top: 200px;
    height: 100px
}

.WaitingTable2 {
    padding: 5px;
    margin: 0 auto;
    word-spacing: 0px;
    font-size: 12pt;
}

td.TDWaiting2 {
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    color: blue;
    font-size: 15px;
    line-height: 30px;
}
/*---------------*/

/* CancelOrder */
td.TDCancelOrder {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    vertical-align: top;
    text-align: center;
    padding-top: 60px;
}
/*---------------*/

/* ProductList */
.MyProductList {
    background: White;
    padding: 45px;
    margin: 0 auto;
    word-spacing: 0px;
    font-size: 10pt;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
}

.ProductListTable {
    width: 100%;
    padding: 10;
    margin: 0 auto;
}

td.TDProductList1 {
    text-align: center;
}

.ProductImg img {
    border: 0px;
    height: 150px;
}

/*---------------*/

/* ProductList */
td.TDProductDetail1 {
    width: 300px;
}

td.TDProductDetail11 {
    text-align: center;
    padding-top: 20px;
}

td.TDProductDetail12 {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

td.TDProductDetail13 {
    text-align: center;
    font-size: 14px;
}

td.TDProductDetail2 {
    text-align: left;
    padding-left: 5px;
}

td.TDProductPriceTitle {
    text-align: right;
    vertical-align: baseline;
}

td.TDProductPrice {
    font-size: 16px;
    color: #990000;
    text-align: right;
    vertical-align: baseline;
}

.ImgProduct {
    width: 270px;
    border: 0;
}

td.TDLine {
    padding-right: 20px;
    background-image: url(../Images/Default/dot_line.gif);
    height: 3px;
}

td.ProductDetailTitle {
    font-size: 13px;
    color: black;
    font-weight: bold;
}

td.ProductDetailTitle1 {
    font-size: 12px;
    color: #32816B;
    font-weight: bold;
}

td.ProductDetailText {
    color: #666666;
    font-size: 10pt;
    font-weight: normal;
    padding-right: 20px;
    white-space: nowrap;
}

td.ProductDetailContent {
    padding-bottom: 10px;
    text-align: left;
    vertical-align: top;
}

td.TDRecommendHeader {
    color: #666666;
    font-size: 10pt;
    font-weight: normal;
    padding-right: 20px;
    white-space: nowrap;
}

td.TDRecommendText {
    color: #666666;
    font-size: 10pt;
    font-weight: normal;
    padding-right: 20px;
    white-space: nowrap;
}

td.TDAddToCard {
    vertical-align: bottom;
}

td.TDProductTitle {
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
}

.ProductInputAlert {
    color: Red;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    display: none;
}

div.ProductDescription {
    color: #32816B;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding-right: 20px;
    width: 100%;
    height: 100%;
}

.ShowLenLimit {
    width: 100%;
    height: 50px;
    font-size: 10pt;
}

.RecommedTable {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: separate;
    border-spacing: 5px;
    text-align: left;
    width: 100%;
    font-size: 10pt;
}

A.ProMenuNewUnselected, A.ProMenuNewUnselected:link, A.ProMenuNewUnselected:visited {
    color: gray;
    text-decoration: none;
    font-size: 12px;
    font-weight: Normal;
}

    A.ProMenuNewUnselected:visited {
        color: gray;
        text-decoration: none;
        font-size: 12px;
        font-weight: Normal;
    }

    A.ProMenuNewUnselected:hover {
        color: green;
        text-decoration: Underline;
    }

A.ProMenuNewDisabled, A.ProMenuNewDisabled:link, A.ProMenuNewDisabled:visited {
    color: silver;
    text-decoration: none;
    font-size: 12px;
    font-weight: Normal;
}
/*---------------*/

/* OrganizationReport */
.OrganizationReportTable {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 5px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    width: 98%;
    font-size: 10pt;
}
/*---------------*/

/* ePaper */
.ePaperTable {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 5px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-bottom: gray 1px solid;
    border-left: gray 1px solid;
    border-top: gray 1px solid;
    border-right: gray 1px solid;
    width: 100%;
}

td.TDePaper {
    height: 90px;
    padding: 5px;
}
/*---------------*/

/* Contract */
.ContractTable {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    width: 90%;
    font-size: 10pt;
}

td.TDContractTitle {
    font-size: 16pt;
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding-bottom: 10px;
}

td.TDContractSubTitle {
    font-size: 10pt;
    font-weight: bold;
    color: #333333;
    text-align: left;
}

td.TDContract {
    text-align: center;
}
/*-------------------*/

.logout {
    font-size: 18px;
    background-image: url(../images/default/logout.png);
    display: block;
    height: 20px;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position-y: 5px;
    text-align: left;
    color: #666;
}

    .logout:hover {
        background-image: url(../images/default/logout.png);
        background-repeat: no-repeat;
    }


/*----------HomePage------------*/
.HomePageTitle {
    Font-Size: medium;
    color: #666699;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

td.InfoPadding1 {
    height: 5px;
}

td.InfoPadding2 {
    height: 8px;
}

.PVTable {
    background: White;
    padding: 0px;
    margin: 0 auto;
    word-spacing: 0px;
    font-size: 10pt;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
    line-height: 20px;
}

    .PVTable td {
        border: 0;
        padding: 1px;
    }

.PVTable1 {
    margin: 0 auto;
    padding: 1px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    font-size: 10pt;
    width: 205;
}

.PVTable2 {
    background: White;
    padding: 0px;
    margin: 0 auto;
    word-spacing: 0px;
    font-size: 10pt;
    border-collapse: separate;
    border-spacing: 1px;
    width: 960;
    line-height: 20px;
}

    .PVTable2 td {
        border: 0;
        padding: 1px;
    }


td.PVTDHeader {
    background-color: #00468C;
    font-size: 10pt;
    padding-top: 2px;
    color: White;
    font-weight: bold;
    text-align: center;
    height: 25px;
}

td.PVTDHeader1 {
    text-align: center;
    height: 22px;
    font-size: 12px;
    color: #00468C;
}

td.PVTDHeader2 {
    text-align: center;
    height: 22px;
    font-weight: bold;
    color: Black;
}

td.PVTDText {
    background-color: #F2F2F2;
    padding-left: 5;
    margin: 0px;
    white-space: nowrap;
    font-size: 10pt;
    height: 20px;
    text-align: center;
}

td.PVTDText1 {
    background-color: #F2F2F2;
    padding-left: 5;
    margin: 0px;
    white-space: nowrap;
    font-size: 10pt;
    height: 20px;
    text-align: center;
    font-weight: bold;
}

tr.PVHeader {
    background-color: #00468C;
    font-size: 10pt;
    padding-top: 2px;
    color: White;
    font-weight: bold;
    text-align: center;
    height: 25px;
}

tr.PVHeader1 {
    background-color: #E3E3E3;
    font-size: 10pt;
    padding-top: 2px;
    text-align: center;
    height: 25px;
}

tr.PVText {
    background-color: #F2F2F2;
    padding-left: 5;
    margin: 0px;
    white-space: nowrap;
    font-size: 10pt;
    height: 20px;
    text-align: right;
}

tr.PVText1 {
    background-color: #E3E3E3;
    padding-left: 5;
    margin: 0px;
    white-space: nowrap;
    font-size: 10pt;
    height: 20px;
    text-align: right;
}

tr.PVTextSum {
    background-color: #E6E6E6;
    padding-left: 5;
    margin: 0px;
    white-space: nowrap;
    font-size: 10pt;
    height: 20px;
    text-align: right;
    color: #AA0000;
}
/*---------------------------*/

/*----------FormTable---------*/
.FormTable1 {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    width: 95%;
    font-size: 10pt;
    border: silver 1px solid;
}

    .FormTable1 tr {
        vertical-align: top;
        width: 100%;
    }

    .FormTable1 td {
        padding: 5px;
    }

.FormTable2 {
    margin: 0 auto;
    padding: 0px;
    word-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    width: 95%;
    font-size: 10pt;
}

/*---------------------------*/

/*--------- LoginPage begin ----------*/
.LoginPage .BarLine {
    background-image: url(../images/default/barbg.jpg);
    background-repeat: repeat-x;
    height: 35px;
    vertical-align: middle;
    width: 100%;
}

.LoginPage .Title3 {
    background-color: #518FCA;
    padding-left: 10px;
    padding-top: 5px;
}

.LoginPage .Table31 td {
    height: 33px;
}

.LoginPage .Table31 .TDHeader3, .LoginPage .Table31 .TDText3 {
    font-size: 16px;
}

.LoginPage .TDText3 input[type=password], .LoginPage .TDText3 input[type=text] {
    height: 20px;
}

.LoginPage .MainContent {
    margin-top: 10%;
    height: auto;
}

.LoginPage .NormalButton {
    height: 28px;
    font-size: 16px;
}

.LoginPage .divFooter {
    bottom: 10px;
    width: 99%;
    position: absolute;
}

/*--------- LoginPage end ----------*/

/* Critical Language Selector Styles */
.lang-dropdown {
    position: relative;
    display: inline-block;
    margin-right: 10px !important;
}

select#ddlLanguage,
.lang-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%) !important;
    border: 2px solid #00468C !important;
    border-radius: 8px !important;
    padding: 8px 40px 8px 35px !important;
    font-size: 14px !important;
    font-family: 微軟正黑體, sans-serif !important;
    color: #333 !important;
    cursor: pointer !important;
    outline: none !important;
    min-width: 150px !important;
    box-shadow: 0 2px 5px rgba(0, 70, 140, 0.15) !important;
    height: auto !important;
    line-height: normal !important;
}

    select#ddlLanguage:hover,
    .lang-select:hover {
        background: linear-gradient(to bottom, #ffffff 0%, #e8f4ff 100%) !important;
        border-color: #0056b3 !important;
        box-shadow: 0 3px 8px rgba(0, 70, 140, 0.25) !important;
    }

.lang-dropdown::before {
    content: '🌐';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    pointer-events: none;
    z-index: 1;
}

.lang-dropdown::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #00468C;
    pointer-events: none;
    z-index: 1;
    transition: all 0.2s;
}

.lang-dropdown:hover::after {
    border-top-color: #0056b3;
}

/* Logout Button Styles - Consolidated and Updated */
a.logout,
.logout {
    display: inline-block !important;
    padding: 8px 16px 8px 28px !important;
    background-color: #dc3545 !important;
    background-image: url(../images/default/logout.png) !important;
    background-repeat: no-repeat !important;
    background-position: 8px center !important;
    background-size: 16px 16px !important;
    color: white !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: 微軟正黑體, sans-serif !important;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.2) !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 20px !important;
    border: none !important;
    transition: all 0.2s ease !important;
}

    a.logout:hover,
    .logout:hover {
        background-color: #c82333 !important;
        background-image: url(../images/default/logout.png) !important;
        background-repeat: no-repeat !important;
        background-position: 8px center !important;
        background-size: 16px 16px !important;
        color: white !important;
        box-shadow: 0 3px 6px rgba(220, 53, 69, 0.3) !important;
        transform: translateY(-1px);
        text-decoration: none !important;
    }


td.BarLineControl1 {
  /*width: 310px !important;*/  
    min-width: 120px !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    padding: 8px 25px 8px 10px !important;
    text-align: right !important;
}

td.MenuTitle {
    max-width: 350px !important;
    width: auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

    td.MenuTitle h2 {
        margin: 0 !important;
        white-space: nowrap !important;
        font-size: 1.5em !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

/* Ensure header table doesn't overflow */
table.NormalTable1 {
    table-layout: auto !important;
    width: 100% !important;
}

/* Ensure WebSiteTitle takes available space */
td.WebSiteTitle {
    width: auto !important;
}

/* Responsive adjustments */
@media (max-width: 1366px) {
    select#ddlLanguage,
    .lang-select {
        font-size: 13px !important;
        padding: 8px 35px 8px 30px !important;
        min-width: 130px !important;
    }

    a.logout,
    .logout {
        font-size: 13px !important;
        padding: 6px 14px 6px 26px !important;
        background-size: 14px 14px !important;
        background-position: 6px center !important;
    }
}