* {
    font-family: 微軟正黑體, Arial, Verdana, 新細明體;
}

body, div, h1, h2, h3, h4, p, ul, li {
    margin: 0;
    padding: 0;
}




body {
    font-size: 12px;
    padding: 0;
    margin: 0;
    /*  background-color: White;      */
}

#wrapper_0 {
    font-family: 微軟正黑體,Microsoft JhengHei;
    margin-left: auto;
    margin-right: auto;
    /*width: 982px;*/
    width: 1280px;
}

#wrapper {
    width: 982px;
    background-image: url(../images/bg/bd_background.gif);
    text-align: left;
    padding-left: 6px;
    padding-right: 6px;
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
}
/* 主畫面 */
#MainForm {
    font-family: 微軟正黑體,Microsoft JhengHei;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Images/bg/bd_background.gif);
    background-repeat: repeat-y;
    /*width: 982px;*/
    width: 1280px;
    padding-left: 0px;
    padding-right: 0px;
}
    /* 頁首 Information */
    #MainForm .HeaderInfo {
        overflow: auto;
        background-color: #eeeeee;
        width: 100%;
        /* padding: 5px 0px 5px 0px; */
    }

    #MainForm .qsfWrap {
        min-width: 996px;
        font-size: 28pt;
        min-height: 100px;
        background: url(Images/bg/manager_title_bg.gif) repeat-x;
        color: #fff;
        padding-left: 30px;
        padding-top: 10px;
        font-family: 微軟正黑體;
        font-weight: bold;
    }

    #MainForm .HeaderInfo span {
        padding: 0px 5px 0px 0px;
        text-decoration: none;
        border-right: 1px solid #666666;
        color: black;
    }

    #MainForm .HeaderInfo ul {
        list-style-type: none;
    }

    #MainForm .HeaderInfo li {
        float: left;
    }

        #MainForm .HeaderInfo li a {
            display: block;
            padding: 0px 5px 0px 5px;
            text-decoration: none;
            border-right: 1px solid #666666;
            color: #666666;
        }

            #MainForm .HeaderInfo li a:hover {
                background-color: black;
                color: white;
            }

            #MainForm .HeaderInfo li a.link {
                color: #666666;
            }

            #MainForm .HeaderInfo li a.visited {
                color: #666666;
            }
    /* 頁首 Logo*/
    #MainForm .HeaderLogo {
        /* background-image: url(images/bg/LOCCITANE_banner.jpg); */
        background-repeat: repeat-x;
        background-position: left;
        background-color: #FFFFFF;
        height: 50px;
        width: 100%;
    }

        #MainForm .HeaderLogo .headerImg {
            content: url(../../images/bg/ChiefPOS_Logo.jpg);
        }

    #MainForm .SiteMap {
        background-color: #F6F6F6;
        height: 30px;
        color: #000000;
        font-size: 12pt;
    }

    #MainForm table {
        height: 30px;
    }

    #MainForm .wrapper_footer {
        width: 100%;
        text-align: center;
        margin-left: -2px;
        padding-right: 2px;
        background-repeat: repeat-y;
        height: 100%;
        clear: both;
        /*width: 982px;
    background-image: url(images/bg/bd_background_2.gif);
    text-align: center;
    margin-left:-2px;
    padding-right: 2px;
    background-repeat: repeat-y;
    height: 10px;
    clear: both;
    font-size:16px;*/
    }
    /* 選單區塊(整條) */
    #MainForm .MenuBlock {
        clear: both;
        width: 100%;
        background-color: #E7F4FD;
        /*height:40px;*/
    }

    #MainForm .Menu /* 選單控制項 */ {
        float: left;
        /*width: 636px;*/
        width: 934px;
        background-color: #FFFFFF;
    }

    #MainForm .LoginBlock /* 使用者資訊 */ {
        float: right;
        width: 346px;
        background-color: #FFFFFF;
        height: 26px;
    }

        #MainForm .LoginBlock .tb /*  */ {
        }

        #MainForm .LoginBlock span {
            padding: 0px 5px 0px 0px;
            text-decoration: none;
            border-right: 1px solid #666666;
            color: black;
        }

        #MainForm .LoginBlock ul {
            list-style-type: none;
        }

        #MainForm .LoginBlock li {
            float: left;
        }

            #MainForm .LoginBlock li a {
                display: block;
                padding: 0px 5px 0px 5px;
                text-decoration: none;
                border-right: 1px solid #666666;
                color: #666666;
            }

                #MainForm .LoginBlock li a:hover {
                    background-color: black;
                    color: white;
                }

                #MainForm .LoginBlock li a.link {
                    color: #666666;
                }

                #MainForm .LoginBlock li a.visited {
                    color: #666666;
                }

    /* 內容 */
    #MainForm .Content {
        min-height: 600px;
        width: 100%;
        background-color: #F6F6F6;
    }

/*藍天背景*/
.blueSkyBg {
    background-image: url('/images/bg/Background.jpg');
}



/*門市picker的TextBox設定*/
.counterListTb {
    width: 350px;
}
/*分類picker的TextBox設定*/
.classListTb {
    width: 250px;
}

/*TextBox不同寬度設定*/
.txt600 {
    width: 600px;
}

.txt500 {
    width: 500px;
}

.txt400 {
    width: 400px;
}

.txt300 {
    width: 300px;
}
/*RadTextBox寬度設定*/
.riSingle.RadInput.RadInput_Default {
}

/*Grid 設定*/
.GridSetting {
}

/*table改為div容器排版*/
.div_tr {
    display: flex;
}
/*border-collapse效果*/
.div_td {
    border: 1px solid black;
    margin: -1px 0 0 -1px;
    padding: 3px;
    /*flex:none;*/
}
    /*左方欄位名稱*/
    .div_td.name {
        /*text-align: right;*/
        background-color: #E7F4FD;
        width: 17%;
        /*flex: none;*/
        display: flex;
        align-items: center;
        justify-content: right;
    }

    /*右方控制項*/
    .div_td.data {
        text-align: left;
        background-color: #ffffff;
        width: 33%;
    }
        /*右方Picker控制項*/
        .div_td.data .counterListTb {
            width: 98%;
        }
        /*右方控制項欄位colspan*/
        .div_td.data.td_colspan_3 {
            width: 85%;
            /*flex-grow:1;*/
        }

    /*左方欄位名稱*/
    .div_td.name2 {
        /*text-align: right;*/
        background-color: #E7F4FD;
        width: 12%;
        /*flex: none;*/
        display: flex;
        align-items: center;
        justify-content: right;
    }
    /*右方控制項*/
    .div_td.data2 {
        text-align: left;
        background-color: #ffffff;
        width: 38%;
    }
        /*右方Picker控制項*/
        .div_td.data2 .counterListTb {
            width: 98%;
        }
        /*右方控制項欄位colspan*/
        .div_td.data2.td_colspan_3 {
            width: 89%;
            /*flex-grow:1;*/
        }

.FormStyle .NoNewline {
    word-break: keep-all; /*必须*/
}

.FormStyle {
    border-collapse: collapse;
}

    .FormStyle .caption {
        border-bottom: double 3px green;
        color: Green;
        text-align: left;
        font-size: 1.5em;
        font-family: 新細明體;
    }

        .FormStyle .caption span {
        }

    .FormStyle .name {
        text-align: right;
        background-color: #E7F4FD;
    }


    .FormStyle .name_2 {
        text-align: right;
        background-color: #eeeeee;
        width: 80px;
    }

    .FormStyle .name3 {
        text-align: right;
        background-color: #FFEFBF;
        width: 200px;
        font-size: medium;
    }

    .FormStyle .name4 {
        text-align: right;
        background-color: #FFEFBF;
        width: 200px;
        font-size: medium;
        font-weight: bold;
    }

    .FormStyle .name90 {
        text-align: right;
        background-color: #FAE9EF;
        width: 110px;
    }

    .FormStyle .data {
        text-align: left;
        background-color: #ffffff;
    }

    .FormStyle .command {
        text-align: left;
        background-color: #E7F4FD;
    }

    .FormStyle .command90 {
        text-align: left;
        background-color: #FAE9EF;
        width: 90px;
    }

    .FormStyle .billingTitle {
        text-align: right;
        background-color: #ffcf3d;
        font-weight: bold;
        font-size: large;
    }

    .FormStyle .billingTitle2 {
        text-align: left;
        background-color: #ffcf3d;
        font-weight: bold;
        font-size: large;
    }

    .FormStyle .title {
        background: url(images/bg.gif);
        color: #000000;
        margin: 0;
        /* padding: 4px 3px 3px 3px; */
        font-size: 1.5em;
        font-weight: bold;
    }

    .FormStyle .content {
        vertical-align: top;
    }

.AppTitle {
    background: url(images/bg.gif);
    background-color: #F6F6F6;
    color: #000000;
    padding: 4px 3px 3px 3px;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 5px;
}

.clear {
    /*清除FLOAT設定，未清除在IE外瀏覽時會發生母容器MIN-HEIGHT無法撐開*/
    clear: both;
}
/* 功能首頁放GRIDVIEW的區塊 */
.GridviewBlock {
    margin-left: 5px;
}

    .GridviewBlock .Scrollbar {
        overflow-x: scroll;
        overflow-y: hidden;
        overflow: -moz-scrollbars-horizontal !important;
    }

.aspNetDisabled {
}
/* 報表標題 */
.reportTitle {
    color: Blue;
    font-weight: bolder;
    font-size: 16pt;
}

/* 行程表標題 */
.scheduleTitle {
    color: Gray;
}

/* 登入頁表格 */
.newLoginTable {
    text-align: center;
    width: 620px;
    height: 556px;
    border-collapse: separate;
    border-spacing: 0;
    /*background-image:url('images/bg/Login_ContentPic.png');*/
}

    /* 登入頁表格 */
    .newLoginTable .td1 {
        text-align: right;
        width: 40%;
        color: #784910;
        height: 60px;
        padding-right: 15px;
        background-color: #F9F9F9;
        font-size: 20px;
        font-weight: bold;
    }
    /* 登入頁表格 */
    .newLoginTable .td2 {
        text-align: left;
        width: 60%;
        background-color: #F9F9F9;
        font-size: 16px;
    }

    /* textBox */
    .newLoginTable .tb {
        width: 250px;
    }

/* 登入頁表格 */
.loginTable {
    /*border-collapse:collapse;
    border-color :#996610;
    border-width:1px;
    border-style:solid;*/
    text-align: center;
    width: 624px;
    height: 556px;
    background-image: url('images/bg/Login_ContentPic.png');
}
    /* 登入頁表格 */
    .loginTable .td1 {
        text-align: right;
        width: 40%;
        color: #784910;
        height: 30px;
        padding-right: 15px;
    }
    /* 登入頁表格 */
    .loginTable .td2 {
        text-align: left;
        width: 60%;
    }

/* 登入後首頁左邊大區塊 */
#MainForm .LogonedContent {
    min-height: 600px;
    width: 982px;
    padding-top: 20px;
    /*border:1px solid #784910;*/
    background: url(images/bg/background.jpg);
    /*margin-top : 5px;*/
}

#MainForm .TodoLeft {
    min-height: 600px;
    float: left;
    width: 69%;
    font-size: 16px;
    font-weight: bold;
}

    #MainForm .TodoLeft .News {
        font-size: 12px;
        padding-left: 20px;
    }

    #MainForm .TodoLeft a {
        color: #C88933;
    }

/* 登入後首頁右邊大區塊 */
#MainForm .TodoRight {
    min-height: 600px;
    float: left;
    width: 30%;
    margin-left: 3px;
}

    #MainForm .TodoRight .TodoTable {
        width: 100%;
        border-collapse: collapse;
        border: 0px solid #784910;
    }

        #MainForm .TodoRight .TodoTable td {
            width: 100%;
            font-size: 12px;
        }

    #MainForm .TodoRight .calendar_C {
        min-height: 200px;
    }

    #MainForm .TodoRight .calendar_D {
        min-height: 200px;
    }

    #MainForm .TodoRight .calendar_Title {
        color: #784910;
        font-weight: bold;
        font-size: 14pt;
    }

/* 超過長度自動隱藏文字 */
.hiddenOverText {
    overflow: hidden; /* for IE6 IE7 */
    white-space: nowrap;
    text-overflow: ellipsis; /* for IE8 UPPER */
    -o-text-overflow: ellipsis; /* for Opera */
    -icab-text-overflow: ellipsis; /* for iCab */
    -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
    -webkit-text-overflow: ellipsis; /* for Safari,Swift*/
}

.News_Content_Title {
    margin-right: 10px;
    text-align: right;
}

.News_Content, .News_Content p {
    margin: 10px;
}

    .News_Content a:visited, .News_Content a:link {
        color: #2E55BE;
        text-decoration: none;
    }

    .News_Content a:hover {
        color: #FF9900;
        text-decoration: underline;
    }

#news-data h1 {
    border-bottom: solid 1px #69BBF2;
    background-repeat: no-repeat;
    background-image: url( '../images/icons/documents.gif' );
    padding-left: 20px;
}

.lb_1 {
    border-right: #6699cc 1px ridge;
    border-top: #6699cc 1px ridge;
    border-left: #6699cc 1px ridge;
    border-bottom: #6699cc 1px ridge;
    text-align: center;
}


.noBreakLine {
    white-space: nowrap;
}


.content {
    font-size: 9pt;
    line-height: 15px;
    text-decoration: none;
    color: #000000;
}

.content3 {
    font-size: 9pt;
    line-height: 15px;
    text-decoration: none;
    color: #222222;
}

.sidemenu {
    font-size: 9pt;
    color: #333333;
    text-decoration: none;
}

.contentlink {
    font-size: 14px;
    line-height: 17px;
    color: #000066;
    text-decoration: none;
}

a:hover {
    color: #0099FF;
    text-decoration: underline;
}

.copyright {
    font-family: "Frutiger 45 Light", "Arial";
    font-size: 10px;
}

.sideactive {
    font-size: 9pt;
    color: #005046;
    text-decoration: none;
    font-weight: bold;
}

.sidesubmenu {
    font-size: 9pt;
    color: #000066;
    text-decoration: none;
    font-family: "Frutiger 45 Light", "Arial";
}

.contentenglish {
    font-size: 10pt;
    line-height: 17px;
    text-decoration: none;
    font-family: "Frutiger 45 Light", "Arial";
}

contentenglishmenu {
    font-size: 14px;
}

.title {
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    font-weight: bold;
    color: #FF6600;
    font-family: arial;
}

.title2 {
    font-size: 9pt;
    line-height: 17px;
    text-decoration: none;
    font-weight: bold;
    color: #00A6A2;
    font-family: arial;
}

.title3 {
    font-size: 10pt;
    line-height: 17px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    font-family: "新細明體", "細明體", "Verdana", "Arial";
}

.infolink {
    font-size: 12pt;
    line-height: normal;
    color: #CC0000;
    text-decoration: none;
}

.sidemainlink {
    font-size: 9pt;
    line-height: normal;
    color: #663300;
    text-decoration: none;
}

.content_english {
    font-size: 10pt;
    line-height: 17px;
    text-decoration: none;
    font-family: "Frutiger 45 Light", "Arial";
}

.content_link {
    font-size: 9pt;
    line-height: 17px;
    color: #000066;
    text-decoration: none;
    font-family: "Arial", "細明體";
}

.info_link {
    font-size: 12pt;
    line-height: normal;
    color: #CC0000;
    text-decoration: none;
}

.side_active {
    font-size: 9pt;
    color: #005046;
    text-decoration: none;
    line-height: 17px;
}

.side_main_link {
    font-size: 9pt;
    line-height: normal;
    color: #663300;
    text-decoration: none;
}

.side_menu {
    font-size: 9pt;
    color: #333333;
    text-decoration: none;
}

.side_sub_menu {
    font-size: 9pt;
    color: #FFFFFF;
    text-decoration: none;
    font-family: "Frutiger 45 Light", "Arial";
    background-color: #009900;
    border: #CCCCCC;
    border-style: dashed;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

li {
    font-size: 9pt;
    line-height: 17px;
}

.contentlinkenglish {
    font-size: 10pt;
    line-height: 17px;
    color: #000066;
    text-decoration: none;
    font-family: "Frutiger 45 Light", "Arial";
}

.ms {
    font-family: "Arial", "Helvetica", "sans-serif";
    font-size: 9pt;
    font-weight: bold;
}

.ms_link {
    font-size: 9pt;
    line-height: 17px;
    color: #000000;
    text-decoration: none;
    font-family: "Frutiger 55 Roman", "Arial";
}

.topmenu_w {
    font-size: 9pt;
    line-height: normal;
    text-decoration: none;
    color: #FFFFFF;
}

a:hover {
}

.function-menu {
    font-size: 9px;
    color: #FFFFFF;
    text-decoration: none;
}

A.function-menu {
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: 新細明體, Arial, Garamond, sans-serif;
    TEXT-DECORATION: none;
}

    A.function-menu:visited {
        FONT-WEIGHT: normal;
        FONT-SIZE: 9pt;
        COLOR: #ffffff;
        FONT-FAMILY: 新細明體, Arial, Garamond, sans-serif;
        TEXT-DECORATION: none;
    }

    A.function-menu:hover {
        FONT-WEIGHT: normal;
        FONT-SIZE: 9pt;
        COLOR: #ffffff;
        FONT-FAMILY: 新細明體, Arial, Garamond, sans-serif;
        TEXT-DECORATION: underline;
    }

    A.function-menu:active {
        FONT-WEIGHT: normal;
        FONT-SIZE: 9pt;
        COLOR: #ffffff;
        FONT-FAMILY: 新細明體, Arial, Garamond, sans-serif;
        TEXT-DECORATION: none;
    }

.subtitle_green {
    font-size: 10pt;
    color: #009966;
    font-weight: bold;
}

.subtitle_blue {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: normal;
    background-color: #A4C8FF;
    border: 1px #666666 dashed;
    line-height: normal;
    text-decoration: none;
}

.subtitle_dgreen {
    font-size: 10pt;
    color: #006666;
    font-weight: bold;
}

.border {
    border: #FFFFFF;
    border-style: dashed;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
}

.field {
    border: 1px #000000 solid;
    font-size: 9pt;
    color: #000000;
}

.button {
    font-size: 9pt;
    background-color: #009999;
    cursor: hand;
    color: #FFFFFF;
    border: #CCCCCC;
    border-style: double;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    line-height: -5px;
    vertical-align: text-bottom;
}

.Td_Control_Top {
    border-left-width: 1;
    border-right-width: 1;
    border-top-width: 1;
    border-bottom-style: none;
    border-bottom-width: 0;
}

.Td_Control_Center {
    border-left-width: 1;
    border-right-width: 1;
    border-top-width: 0;
    border-bottom-style: none;
    border-bottom-width: 0;
}

.Td_Control_Bottom {
    border-left-width: 1;
    border-right-width: 1;
    border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1;
}

.AlertFont {
    font-size: 9pt;
    color: #FF0000;
}

.textfield_style {
    font-size: 16px;
    line-height: 22px;
}

.product_table {
    font-family: "Arial", "Helvetica", "sans-serif";
    font-size: 12px;
    color: #990000;
    font-weight: bold;
    text-decoration: underline;
    text-transform: capitalize;
}

.white {
    font-size: 9pt;
    color: #FFFFFF;
}

.dgreen {
    color: #084D42;
}

.scrollbar {
    COLOR: #000000;
    FONT-FAMILY: 新細明體;
    SCROLLBAR-FACE-COLOR: rgb(194,206,150);
    SCROLLBAR-HIGHLIGHT-COLOR: rgb(255,255,255);
    SCROLLBAR-SHADOW-COLOR: 8C9A5A;
    SCROLLBAR-3DLIGHT-COLOR: 8C9A5A SCROLLBAR-ARROW-COLOR: SCROLLBAR-TRACK-COLOR: SCROLLBAR-DARKSHADOW-COLOR: SCROLLBAR-BASE-COLOR:8C9A5A;
}



.field2 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}

.content2 {
    font-size: 9pt;
    line-height: 17px;
    text-decoration: none;
    color: #FFFFFF;
    font-family: "Arial", "細明體";
}

.staff_sub_botton {
    font-size: 16px;
    color: #ffffff;
    background-color: #666464;
    border: 1px #666464 solid;
    line-height: normal;
    text-decoration: none;
    font-family: ????, "Hiragino Kaku Gothic Pro", sans-serif;
}

.staff_textfield_style {
    border-bottom: #bdcfe7 1px solid;
    border-left: #bdcfe7 1px solid;
    BORDER-RIGHT: #bdcfe7 1px solid;
    border-top: #bdcfe7 1px solid;
    font-size: 12px;
    border: 1px #008080 solid;
}

.staff_select {
    border: #00CCFF;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.cus_sub_botton {
    font-size: 12px;
    color: #003366;
    font-weight: normal;
    background-color: #CEF5FF;
    border: 1px #003399 dotted;
    line-height: normal;
    text-decoration: none;
    page-break-before: auto;
    page-break-after: auto;
    text-align: center;
    overflow: visible;
    clip: rect( )?, OffX=?, OffY=?, Positive=?);
}

.agent_sub_menu {
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #FF9900;
    border: 1px #999999 dashed;
    line-height: normal;
}

.agent_textfield_style {
    border-bottom: #bdcfe7 1px solid;
    border-left: #bdcfe7 1px solid;
    BORDER-RIGHT: #bdcfe7 1px solid;
    border-top: #bdcfe7 1px solid;
    font-size: 12px;
    border: 1px #FF9900 solid;
    line-height: 22px;
    vertical-align: middle;
}

.content_link2 {
    font-size: 9pt;
    line-height: 17px;
    text-decoration: none;
    font-family: "Arial", "細明體";
}

.cus_sub_botton2 {
    font-size: 12px;
    color: #003399;
    font-weight: normal;
    background-color: #99CCFF;
    border: 1px #006699 dotted;
    line-height: normal;
    text-decoration: none;
    page-break-before: auto;
    page-break-after: auto;
    text-align: center;
    overflow: visible;
    clip: rect( );
}

.cus-tesfield {
    border-bottom: #bdcfe7 1px solid;
    border-left: #bdcfe7 1px solid;
    BORDER-RIGHT: #bdcfe7 1px solid;
    border-top: #bdcfe7 1px solid;
    font-size: 12px;
    border: 1px #000000 solid;
    line-height: 22px;
    vertical-align: middle;
}

.content4 {
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    font-family: "Trebuchet MS";
}

.content4-title {
    font-size: 22px;
    text-decoration: none;
    font-weight: bold;
    color: #595757;
    text-align: center;
    line-height: 30px;
}

.crm_sub_botton {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: normal;
    background-color: #0099CC;
    border: 1px #000000 outset;
    line-height: normal;
    text-decoration: none;
}

.cus-tesfieldCopy2 {
    border-bottom: #bdcfe7 1px solid;
    border-left: #bdcfe7 1px solid;
    BORDER-RIGHT: #bdcfe7 1px solid;
    border-top: #bdcfe7 1px solid;
    font-size: 12px;
    border: 0px #000000 solid;
    line-height: 22px;
    vertical-align: middle;
    background-color: #CCCCCC;
}

.content5 {
    font-size: x-small;
    line-height: 15px;
    text-decoration: none;
}

.content6 {
    font-size: 9pt;
    line-height: 8px;
    text-decoration: none;
    font-style: normal;
    list-style-image: url(/images/jsp_new/back05.gif);
}

.add_botton {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #FF3300;
    border: 1px #000000 ridge;
    line-height: normal;
    text-decoration: none;
}

.content_radarnew {
    font-size: 11pt;
    line-height: 20px;
    text-decoration: none;
}

.content_link_radarnews {
    font-size: 11pt;
    line-height: 17px;
    color: #000066;
    text-decoration: none;
    font-family: "Arial", "細明體";
}

.content_radarnew2 {
    font-size: 10pt;
    line-height: 20px;
    text-decoration: none;
}

.content_link_radarnews2 {
    font-size: 10pt;
    line-height: 17px;
    color: #000066;
    text-decoration: none;
    font-family: "Arial", "細明體";
}

.content_link3 {
    font-size: 9pt;
    line-height: 17px;
    color: #000000;
    text-decoration: none;
}

.content_news {
    font-size: 9pt;
    line-height: 12px;
    text-decoration: none;
    font-style: normal;
    list-style-image: url(/images/jsp_new/back05.gif);
}

.content_china {
    font-size: 8pt;
    line-height: 8px;
    text-decoration: none;
    font-style: normal;
    list-style-image: url(/images/jsp_new/back05.gif);
}

.table_background {
    background-repeat: no-repeat;
    background-position: center center;
}

.content-table-tr {
    background-color: #9FAC1E;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    align: center;
    height: 38px;
}

.content-table-td {
    background-color: #828282;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    align: center;
    height: 38px;
}

.content-table-tr1 {
    background-color: #F6F6F6;
    font-style: normal;
    font-size: 18px;
    color: #000000;
    align: center;
    ;
    height: 30px;
    word-break: break-all;
}

.content-table-tr1-1 {
    font-style: normal;
    font-size: 18px;
    color: #000000;
    align: center;
    ;
    height: 30px;
    word-break: break-all;
}

    .content-table-tr1-1 a {
        font-style: normal;
        font-size: 18px;
        color: #000000;
        align: center;
        ;
        height: 30px;
        word-break: break-all;
        text-decoration: none;
    }

        .content-table-tr1-1 a:hover {
            font-style: normal;
            font-size: 18px;
            color: #000000;
            align: center;
            ;
            height: 30px;
            word-break: break-all;
            text-decoration: underline;
        }

.content-table-tr1:hover {
    background-color: #B5E1F5;
}

.content-table-td1:hover {
    background-color: #E8F2D6;
}

.content-table-tr2 {
    background-color: #E6E6E6;
    font-style: normal;
    font-size: 18px;
    color: #000000;
    align: center;
    height: 30px;
    word-break: break-all;
}

.content-table-tr2-1 {
    background-color: #E6E6E6;
    font-style: normal;
    font-size: 18px;
    color: #000000;
    align: center;
    height: 30px;
    word-break: break-all;
}

    .content-table-tr2-1 a {
        font-style: normal;
        font-size: 18px;
        color: #000000;
        align: center;
        ;
        height: 30px;
        word-break: break-all;
        text-decoration: none;
    }

        .content-table-tr2-1 a:hover {
            font-style: normal;
            font-size: 18px;
            color: #000000;
            align: center;
            ;
            height: 30px;
            word-break: break-all;
            text-decoration: underline;
        }

.content-table-tr2:hover {
    background-color: #B5E1F5;
}

.content-table-td2:hover {
    background-color: #E8F2D6;
}

.content-table-tr3 {
    background-color: #E8F2D6;
    font-style: normal;
    font-size: 18px;
    color: #4C4948;
    align: center;
    font-weight: bold;
    word-break: break-all;
}

.content-table-tr4 {
    font-style: normal;
    font-size: 18px;
    color: #4C4948;
    align: center;
    font-weight: bold;
    border: solid 1px #000000;
    word-break: break-all;
}

    .content-table-tr4:hover {
        background-color: #B5E1F5;
    }

.contentlink_service {
    font-size: 9pt;
    line-height: 17px;
    color: #93135C;
    text-decoration: none;
    font-weight: bold;
    font-family: "Trebuchet MS";
}

.contentlink_aboutus {
    font-size: 10pt;
    line-height: 17px;
    color: #669900;
    text-decoration: none;
    font-weight: bold;
}

.contentlink_example {
    font-size: 9pt;
    line-height: 17px;
    color: #FF6600;
    text-decoration: none;
    font-weight: bold;
    font-family: "Trebuchet MS";
}

.content4_en {
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #5E6A71;
}

.content_link4 {
    font-size: 14pt;
    line-height: 17px;
    color: #000000;
    text-decoration: none;
}

.style52 {
    color: #5E6A71;
    font-size: 18pt;
    font-weight: bold;
    margin: 0px 10px 10px;
}

.style54 {
    color: #88ba16;
    font-size: 18pt;
    font-weight: bold;
}

.style56 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14pt;
    color: #663399;
}

.arrow-green-dx {
    padding-right: 20px;
    background: url(/e-ticketing/image/v2/mobile/arrow.png) right -85px no-repeat;
}

    .arrow-green-dx:hover {
        color: #4d5357;
        background: url(/e-ticketing/image/v2/mobile/arrow.png) right -181px no-repeat;
    }

.empty-button {
    color: #ffffff;
    text-decoration: none;
    padding-right: 1px;
    background: url(/e-ticketing/image/v2/mobile/arrow_green.png) no-repeat left center;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    border: 0px 0;
    font-weight: bold;
}

    .empty-button span {
        display: block;
        padding: 0px 0 px 0px;
        background: url(/e-ticketing/image/v2/mobile/arrow_green.png) left 0 no-repeat;
        font-style: italic;
        line-height: 19px;
    }

    .empty-button:hover {
        color: #85bb23;
        text-decoration: none;
        padding-right: 1px;
        background: url(/e-ticketing/image/v2/mobile/arrow2.png) no-repeat left center;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 20px;
        border: 0px 0;
        font-weight: bold;
    }

        .empty-button:hover span {
            display: block;
            padding: 3px 0 3px 8px;
            background: url(/e-ticketing/image/v2/mobile/arrow.png) left -39px no-repeat;
            font-style: italic;
        }

.full-button {
    color: #fff;
    text-decoration: none;
    padding-right: 13px;
    background: url(/e-ticketing/image/v2/mobile/arrow.png) right -39px no-repeat;
    line-height: 19px;
}

    .full-button span {
        display: block;
        padding: 3px 0 3px 8px;
        background: url(/e-ticketing/image/v2/mobile/arrow.png) left -39px no-repeat;
        font-style: italic;
        line-height: 19px;
    }

    .full-button:hover {
        color: #85bb23;
        text-decoration: none;
        padding-right: 13px;
        background: url(/e-ticketing/image/v2/mobile/arrow.png) right 1px no-repeat;
    }

        .full-button:hover span {
            display: block;
            padding: 3px 0 3px 8px;
            background: url(/e-ticketing/image/v2/mobile/arrow.png) left 0 no-repeat;
            font-style: italic;
        }

.input[type=submit] {
    background-image: url(/e-ticketing/image/v2/mobile/arrow.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 20px;
    color: #333333;
}

.content_link5 {
    width: 123px;
    display: block;
    font-size: 10pt;
    line-height: 22px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-image: url(/e-ticketing/image/v2/mobile/arrow_green.png);
    background-repeat: no-repeat;
    background-position: left center;
    border: 0px;
}

    .content_link5:hover {
        color: #88ba16;
        background-image: url(/e-ticketing/image/v2/mobile/arrow2.png);
    }

.content_link6 {
    width: 140px;
    display: block;
    font-size: 10pt;
    line-height: 22px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-image: url(../../image/v2/mobile/arrow_green2.png);
    background-repeat: no-repeat;
    background-position: left center;
    border: 0px;
}

.contentlink_aboutus2 {
    font-size: 14pt;
    line-height: 17px;
    color: #669900;
    text-decoration: none;
    font-weight: normal;
}

.content4_en_link {
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    font-weight: normal;
    color: 88ba16;
}

.board2-1 {
    margin-bottom: 0px;
    font-size: 18px;
    color: #ffffff;
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
}

.hiddencol {
    display: none;
}

.OnlineJoinHeaderLogo {
    margin: 10px auto 0px auto;
}

.OnlineJoinHeaderBanner {
    margin: 0px 0px 0px 0px;
}

.MainTable {
    margin: 0px auto 0px auto;
}

.SubmitButton {
    top: 1597px;
    left: 830px;
    width: 300px;
    height: 50px;
    background: transparent linear-gradient(0deg, #EE87B4FE 0%, #ED4F96 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    text-align: center;
    letter-spacing: 1.3px;
    color: #FDFAFA;
    opacity: 1;
    font-size: 18px;
}

.FormDiv {
    background-image: url(../default/images/bg/onlineJoin_bg.png);
    text-align: center;
    background-size: cover;
    font-size: large;
}

.JoinTitle {
    letter-spacing: 2.6px;
    color: #FDFAFA;
    opacity: 1;
}

.empwalletFormDiv {
    /*background-image:url(../default/images/bg/ewalletBackground.jpg);*/
    text-align: center;
    background: #fff url(../default/images/bg/ewalletBackground.jpg) center center fixed no-repeat;
    background-size: cover;
    height: 100%;
    /*font-size:large;*/
}

.empwalletMainTitle {
    width: 100%;
    border-style: none;
}

.empwalletMainTable {
    margin: 0px 60px 0px 60px;
    /*background: #F6F6F6 0% 0% no-repeat padding-box;*/
    /*border-radius: 13px;*/
    /*opacity: 1;*/
    width: 80%;
    border-collapse: collapse;
    border-style: none;
}

.empwallettextbox {
    width: 90%;
    padding: 10px 5px;
    cursor: pointer;
    outline: none;
}

.empwlletloginbtn {
    border-radius: 10px;
    border: none;
    width: 60%;
    height: 100px;
    font-size: 45px;
    font-weight: bold;
    color: white;
    background-color: #2FA1D8;
    -webkit-appearance: none;
}

.empwlletforgetbtn {
    border-radius: 10px;
    border: none;
    width: 60%;
    height: 100px;
    font-size: 45px;
    font-weight: bold;
    color: white;
    background-color: #7EC028;
    -webkit-appearance: none;
}


.empwallet_td1R {
    text-align: center;
    background-color: #F9F9F9;
    height: 150px;
    border-top-left-radius: 20px;
    width: 30%;
    font-size: 45px;
}

.empwallet_td1L {
    text-align: left;
    background-color: #F9F9F9;
    height: 150px;
    border-top-right-radius: 20px;
    width: 70%;
    font-size: 45px;
    /*padding-left:30px;*/
}

.empwallet_td2R {
    text-align: center;
    background-color: #F9F9F9;
    height: 150px;
    width: 30%;
    font-size: 45px;
}

.empwallet_td2L {
    text-align: left;
    background-color: #F9F9F9;
    height: 100px;
    width: 70%;
    font-size: 45px;
}

.empwallet_td2C {
    text-align: center;
    background-color: #F9F9F9;
    height: 30px;
    color: gray;
}

.empwallet_tdspaceR {
    background-color: #F9F9F9;
    height: 25px;
}

.empwallet_tdspaceL {
    background-color: #F9F9F9;
    height: 25px;
}

.empGridHeader {
    height: 120px;
}


.alert {
    position: absolute;
    top: 40%;
    left: 40%;
    width: 120px;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: green;
    padding: 15px 20px 5px 20px;
}

.buttonDefault {
    display: none;
}

.row_1 {
    background-color: #EFF3FB;
    font-size: small;
}

.td_s6 {
    border: solid 1px gray;
    background-repeat: repeat-x;
    background-image: url(images/bg/menu_links_bg_6.gif);
    color: #182E65;
    text-align: center;
    font-size: small;
    font-family: Verdana;
    height: 15px;
}

.PCMenu {
    display: inherit;
}

.MobileMenu {
    display: none;
}

.toTop {
    display: none;
}



@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 767px) {


    .toTop {
        display: inherit;
        position: fixed;
        right: 0%;
        bottom: 5%;
        background-image: url(images/icons/back_top03.png);
        background-repeat: no-repeat;
        width: 7%;
        height: 4%;
        background-size: 100%;
       opacity:0.5;
    }



    /*允許td換行*/
    .div_tr {
        flex-wrap: wrap;
    }
    /*td填滿螢幕寬度*/
    .div_td {
        width: 100%;
        flex-grow: 1;
    }
        /*左方欄位名稱、控制項允許換行*/
        .div_td.name {
            flex-wrap: wrap;
        }

        .div_td.name2 {
            flex-wrap: wrap;
        }
        /*右方寬度固定*/
        .div_td.data {
            width: 66%;
        }

            .div_td.data.td_colspan_3 {
                width: 66%;
            }

        .div_td.data2 {
            width: 72%;
        }

            .div_td.data2.td_colspan_3 {
                width: 72%;
            }


    /*藍天背景*/
    .blueSkyBg {
        background-image: none;
    }

    .counterListTb {
        width: 98%;
    }

    .classListTb {
        width: 80%;
    }

    /*TextBox不同寬度設定*/
    .txt600 {
        width: 98%;
    }

    .txt500 {
        width: 98%;
    }

    .txt400 {
        width: 98%;
    }

    .txt300 {
        width: 98%;
    }

    /*RadTextBox寬度設定*/
    .riSingle.RadInput.RadInput_Default {
        max-width: 90%;
    }

    /*Grid 設定*/
    .GridSetting {
        overflow-x: scroll;
    }


    /*RadMenu 選單箭頭大小*/
    .RadMenuPopup .rmToggle:before {
        font-size: 2em !important;
        padding-left: 48% !important;
    }

    /*RadMenu 選單箭頭按鈕範圍*/
    .RadMenuPopup .rmToggle {
        width: 100px !important;
        padding-left: 1000px !important;
    }

    /*RadMenu 選單漢堡大小*/
    .RadMenu .rmRootToggle {
        font-size: 3em !important;
    }
    /*RadMenu 選單字體大小*/
    .RadMenuPopup .rmLink {
        font-size: 18px;
    }

    /*RadMenu 選單返回文字*/
    .RadMenuPopup .rmItem.rmParentItem {
        font-size: 18px !important;
        padding-left: 150px;
    }

    .RadMenuPopup .rmSlide {
        height: 400px !important;
        max-height: 500px;
    }

    .PCMenu {
        display: none;
    }

    .MobileMenu {
        display: inherit;
    }


    #wrapper_0 {
        width: 100%;
    }



    #wrapper {
        width: 100%;
        background-image: url(../images/bg/bd_background.gif);
    }


    /* 主畫面 */
    #MainForm {
        background-image: url(Images/bg/bd_background.gif);
        width: 100%;
    }

        /* 頁首 Logo*/
        #MainForm .HeaderLogo {
            /* background-image: url(images/bg/LOCCITANE_banner.jpg); */
        }

            #MainForm .HeaderLogo .headerImg {
                content: url(../../images/bg/ChiefPOS_Logo_M.jpg);
            }




    /* 登入頁表格 */
    .newLoginTable {
        text-align: center;
        width: 100%;
        height: 556px;
        border-collapse: separate;
        border-spacing: 0;
        /*background-image:url('images/bg/Login_ContentPic.png');*/
    }

        /* 登入頁表格 */
        .newLoginTable .td1 {
            font-weight: bold;
        }
        /* 登入頁表格 */
        .newLoginTable .td2 {
        }

        /* textBox */
        .newLoginTable .tb {
            width: 90%;
        }


    /* 登入後首頁左邊大區塊 */
    #MainForm .LogonedContent {
        width: 100%;
        /*border:1px solid #784910;*/
        background: none;
        /*margin-top : 5px;*/
        padding-top: 5px;
    }

    #MainForm .TodoLeft {
        width: 100%;
        min-height: auto;
    }

    /* 登入後首頁右邊大區塊 */
    #MainForm .TodoRight {
        min-height: auto;
        float: left;
        width: 100%;
        margin-left: 3px;
    }


    #MainForm .Menu /* 選單控制項 */ {
        width: 15%;
    }

    #MainForm .LoginBlock /* 使用者資訊 */ {
        width: 85%;
    }

        #MainForm .LoginBlock .tb /*  */ {
            height: 50px;
        }


    #MainForm .SiteMap {
        height: 40px;
    }

    #MainForm .wrapper_footer {
        margin-top: 15%;
    }
}

@media only screen and (max-width: 414px) {
}