html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*---------------------2014/01/09補修-------------*/
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

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


/* ----------------------------- 以上為各瀏覽器 reset 不得刪除------------------------------ */

/*  公用類別 2014  */

/*-------------restorediv------------------*/
/* Restore CSS */ /*讓使用CKEditor製作的內容可以忠實呈現出來*/
.restoreDiv html,
.restoreDiv address,
.restoreDiv blockquote,
.restoreDiv body,
.restoreDiv dd,
.restoreDiv div,
.restoreDiv dl,
.restoreDiv dt,
.restoreDiv fieldset,
.restoreDiv form,
.restoreDiv frame,
.restoreDiv frameset,
.restoreDiv h1,
.restoreDiv h2,
.restoreDiv h3,
.restoreDiv h4,
.restoreDiv h5,
.restoreDiv h6,
.restoreDiv noframes,
.restoreDiv ol,
.restoreDiv p,
.restoreDiv ul,
.restoreDiv center,
.restoreDiv dir,
.restoreDiv hr,
.restoreDiv menu,
.restoreDiv pre {
    display: block;
}

.restoreDiv li {
    display: list-item;
}

.restoreDiv head {
    display: none;
}

.restoreDiv table {
    display: table;
}

.restoreDiv tr {
    display: table-row;
}

.restoreDiv thead {
    display: table-header-group;
}

.restoreDiv tbody {
    display: table-row-group;
}

.restoreDiv tfoot {
    display: table-footer-group;
}

.restoreDiv col {
    display: table-column;
}

.restoreDiv colgroup {
    display: table-column-group;
}

.restoreDiv td,
.restoreDiv th {
    display: table-cell;
}

.restoreDiv caption {
    display: table-caption;
}

.restoreDiv th {
    font-weight: bolder;
    text-align: center;
}

.restoreDiv caption {
    text-align: center;
}

.restoreDiv body {
    margin: 8px;
    line-height: 1.12;
}

.restoreDiv h1 {
    font-size: 2em;
    margin: .67em 0;
}

.restoreDiv h2 {
    font-size: 1.5em;
    margin: .75em 0;
}

.restoreDiv h3 {
    font-size: 1.17em;
    margin: .83em 0;
}

.restoreDiv h4,
.restoreDiv p,
.restoreDiv blockquote,
.restoreDiv ul,
.restoreDiv fieldset,
.restoreDiv form,
.restoreDiv ol,
.restoreDiv dl,
.restoreDiv dir,
.restoreDiv menu {
    margin: 1.12em 0;
}

.restoreDiv h5 {
    font-size: .83em;
    margin: 1.5em 0;
}

.restoreDiv h6 {
    font-size: .75em;
    margin: 1.67em 0;
}

.restoreDiv h1,
.restoreDiv h2,
.restoreDiv h3,
.restoreDiv h4,
.restoreDiv h5,
.restoreDiv h6,
.restoreDiv b,
.restoreDiv strong {
    font-weight: bolder;
}

.restoreDiv blockquote {
    margin-left: 40px;
    margin-right: 40px;
}

.restoreDiv i,
.restoreDiv cite,
.restoreDiv em,
.restoreDiv var,
.restoreDiv address {
    font-style: italic;
}

.restoreDiv pre,
.restoreDiv tt,
.restoreDiv code,
.restoreDiv kbd,
.restoreDiv samp {
    font-family: monospace;
}

.restoreDiv pre {
    white-space: pre;
}

.restoreDiv button,
.restoreDiv textarea,
.restoreDiv input,
.restoreDiv object,
.restoreDiv select {
    display: inline-block;
}

.restoreDiv big {
    font-size: 1.17em;
}

.restoreDiv small,
.restoreDiv sub,
.restoreDiv sup {
    font-size: .83em;
}

.restoreDiv sub {
    vertical-align: sub;
}

.restoreDiv sup {
    vertical-align: super;
}

.restoreDiv table {
    border-spacing: 2px;
}

.restoreDiv thead,
.restoreDiv tbody,
.restoreDiv tfoot {
    vertical-align: middle;
}

.restoreDiv td,
.restoreDiv th {
    vertical-align: inherit;
}

.restoreDiv s,
.restoreDiv strike,
.restoreDiv del {
    text-decoration: line-through;
}

.restoreDiv hr {
    border: 1px inset;
}

.restoreDiv ol,
.restoreDiv ul,
.restoreDiv dir,
.restoreDiv menu,
.restoreDiv dd {
    margin-left: 40px;
}

.restoreDiv ol {
    list-style-type: decimal;
}

    .restoreDiv ol ul,
    .restoreDiv ul ol,
    .restoreDiv ul ul,
    .restoreDiv ol ol {
        margin-top: 0;
        margin-bottom: 0;
    }

.restoreDiv u,
.restoreDiv ins {
    text-decoration: underline;
}

.restoreDiv br:before {
    content: "\A";
}

.restoreDiv:before,
.restoreDiv:after {
    white-space: pre-line;
}

.restoreDiv center {
    text-align: center;
}

.restoreDiv abbr,
.restoreDiv acronym {
    font-variant: small-caps;
    letter-spacing: 0.1em;
}

.restoreDiv :link,
.restoreDiv :visited {
    text-decoration: underline;
}

.restoreDiv :focus {
    outline: thin dotted invert;
}

/*------------------------------restoredivEND----------------------------*/


/* ----------------------------- Clearfix------------------------------ */

/* Clear Fix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.clear { /*HTML未統一前使用 統整完成後應移除*/
    clear: both;
}

.imgMiddle * { /*讓圖片對齊用*/
    vertical-align: middle;
}

.imgMiddle i {
    height: 100%;
    display: inline-block;
}
/* ----------------------------- 預設 ------------------------------ */

html,
body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}
/*---------------2014/01/15----新增NONE SHOW warningMSG warningTxt-----------*/
/*-------------------------RequiredFieldValidator的CSS是內定的 不用改-----------------------------------*/
.none {
    display: none;
    visibility: hidden;
}

.show {
    display: block !important;
    visibility: visible!important;
}

.warningMsg {
    color: red;
    display: none;
}

.warningTxt {
    color: red;
}
/*--------------------CSS3----------------------*/

/* 圓角 */
.radiusItem {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/* IINAM 專用 class */
.iinam_show {
    padding: 5px 5px;
    word-wrap: break-word;
    word-break: break-all;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    display: none;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgb(00, 00, 00);
    background: rgba(00, 00, 00, 0.6);
    /*for IE9 以下 IE9不支援 background: rgba */
    background: transparent\9\0;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    /*border-radius: 10px;*/
    margin: auto auto;
    /*
background: rgb(99, 175, 208);
background: rgba(99, 175, 208, 0.8);
background: transparent\9;
zoom: 1;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC63AFD0, endColorstr=#CC63AFD0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC63AFD0, endColorstr=#CC63AFD0)";
*/
}

/*IE10 hack IE sucks! */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .iinam_show {
        background: rgba(00, 00, 00, 0.6);
    }
}

/* ----------------------------body------------------------------ */
body {
    background-color: #363636; /*----可選擇使用背景色或背景圖----------*/
    background-image: url('../images/page.png');
    margin: 0;
}
/* ---------------headModel ----------上層------------------ */
.headModel {
    width: 100%;
    height: auto;
    background-image: url('../images/header_bg.png');
    background-repeat: repeat-x;
    border-bottom: 1px solid #FCFCFC;
}
/* ---------TopMenuBar-----頂層選單-------- */
.TopMenuBar {
    width: 990px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

    .TopMenuBar .Left {
        font-size: 13px;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        color: #363636;
        float: left;
    }

        .TopMenuBar .Left a {
            float: left;
            width: 60px;
            height: 25px;
            display: block;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 5px;
            margin-right: 5px;
            text-decoration: none;
            font-size: 13px;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
            font-weight: normal;
            color: #363636;
            text-align: center;
            background-image: url('../images/TopMenu.jpg');
            border-radius: 0 0 5px 5px;
            box-shadow: 2px 2px 4px #000;
        }

            .TopMenuBar .Left a:hover {
                display: block;
                color: #FFF;
                background-image: url('../images/TopMenu_h.jpg');
                border-radius: 0 0 5px 5px;
                box-shadow: 2px 2px 4px #000;
            }

    .TopMenuBar .Right {
        font-size: 13px;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        color: #363636;
        float: right;
    }

        .TopMenuBar .Right a {
            float: left;
            width: 60px;
            height: 25px;
            display: block;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 5px;
            margin-right: 5px;
            text-decoration: none;
            font-size: 13px;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
            font-weight: normal;
            color: #363636;
            text-align: center;
            background-image: url('../images/TopMenu.jpg');
            border-radius: 0 0 5px 5px;
            box-shadow: 2px 2px 4px #000;
        }

            .TopMenuBar .Right a:hover {
                color: #FFF;
                background-image: url('../images/TopMenu_h.jpg');
                border-radius: 0 0 5px 5px;
                box-shadow: 2px 2px 4px #000;
            }
/* ---------BannerModel----橫幅部分--------- */
.BannerModel {
    clear: both;
    width: 990px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
}
    /* ---------BannerModel------左邊區塊------- */
    .BannerModel .Left {
        float: left;
    }

    .BannerModel .SiteName { /*-----網站名稱-----*/
        width: 380px;
        height: 40px;
        margin-left: 20px;
        margin-top: 20px;
        font-family: sans-serif;
        font-size: 36px;
        font-weight: bold;
        color: #FFF;
        text-shadow: 2px 2px 2px #000;
        overflow: hidden;
        line-height: 40px;
        cursor: pointer; /*--2014/01/15-將游標類型移至CSS內-*/
    }

    .BannerModel .Slogan { /*------網站標語--------*/
        width: 385px; /*------2014/01/09檢查增修部分(370->385)-----*/
        height: 40px;
        margin-left: 20px;
        margin-top: 5px;
        font-family: sans-serif;
        font-size: 18px;
        line-height: 1.5em;
        font-weight: bold;
        color: #FFF;
        text-shadow: 1px 1px 1px #000;
    }

    .BannerModel .Logo { /*------網站商標--------*/
        width: 350px;
        height: 120px;
        float: left;
    }

        .BannerModel .Logo img { /*------網站商標寬、高最大值--------*/
            max-width: 350px;
            max-height: 120px;
            float: left;
        }


    /* --------BannerModel---右邊區塊--------- */
    .BannerModel .Right {
        float: right;
    }

        .BannerModel .Right .nav {
            margin-top: 30px;
            width: auto;
            height: auto;
        }

            .BannerModel .Right .nav a {
                float: left;
                width: 65px;
                height: 20px;
                margin-right: 5px;
                padding-top: 6px;
                display: block;
                font-family: sans-serif;
                font-size: 12px;
                text-align: center;
                border-radius: 0 10px 0 10px;
                border: 1px solid #FFF;
                color: #363636;
                text-decoration: none;
                font-weight: normal;
                background-image: url('../images/MainMenuBar.jpg');
            }

                .BannerModel .Right .nav a:hover {
                    background: #F00;
                    color: #FFF;
                    border-radius: 0 10px 0 10px;
                    box-shadow: 2px 2px 4px #000;
                    border: 0;
                }

        .BannerModel .Right .nav2 {
            margin-top: 3px;
            width: 223px; /*-----2014/01/15-修改width(auto -> 223px)------*/
            height: auto;
            z-index: 1000;
        }
            /*---------------------------------2014/01/09---------------------*/
            /*-------- 新增defaultinfo 用來取代.BannerModel .Right底下的設定 ------ */
            /*---被取代的類別有right底下的 .info     .info a     .info a:hover    .Right .nav2 a   .Right .nav2 a:hover .Right .getco---*/
            .BannerModel .Right .nav2 .defaultInfo {
                height: 21px;
                display: block;
                width: auto;
                margin-bottom: 5px;
                font-size: 12px;
                color: #FFF;
                float: none;
                clear: both;
                position: relative; /*-----2014/01/15-修改position( -> relative)------*/
            }

                .BannerModel .Right .nav2 .defaultInfo a {
                    background-image: url("../images/MainMenuBar.jpg");
                    border: 1px solid #999999;
                    border-radius: 5px;
                    color: #363636;
                    font-size: 12px;
                    height: auto;
                    padding: 2px 5px;
                    width: auto;
                }

                    .BannerModel .Right .nav2 .defaultInfo a:hover {
                        background-image: url('../images/MainMenuBar.jpg');
                        color: #000;
                        border-radius: 0 10px 0 10px;
                        box-shadow: 2px 2px 4px #000;
                        border: 0;
                    }
                /*會員名稱*/
                /*-----2014/01/15-修改memberName 增加width display height line-height------*/
                .BannerModel .Right .nav2 .defaultInfo .memberName {
                    /*margin-right: 20px;*/
                    width: 100px;
                    display: block;
                    height: 21px;
                    line-height: 21px;
                }
                /*連結-會員登出*/
                /*-----2014/01/15-修改logout 增加position right top------*/
                .BannerModel .Right .nav2 .defaultInfo .logout {
                    text-decoration: none;
                    position: absolute;
                    right: 63px;
                    top: 0px;
                }
                /*連結-進購物區*/
                /*-----2014/01/15-修改enterMall 增加position right top------*/
                .BannerModel .Right .nav2 .defaultInfo .enterMall {
                    text-decoration: none;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                }

            .BannerModel .Right .nav2 .shopCartInfo {
                height: 21px;
                line-height: 21px; /*-----2014/01/15---增加行高-*/
                display: block;
                width: auto;
                margin-bottom: 5px;
                font-size: 12px;
                color: #FFF;
                float: none;
                clear: both;
            }

                .BannerModel .Right .nav2 .shopCartInfo .cartNum,
                .BannerModel .Right .nav2 .shopCartInfo .cartPrice {
                    color: #0ff;
                    font-weight: bold;
                }

            .BannerModel .Right .nav2 ul li {
                list-style: none;
                width: 120px;
                text-decoration: none;
                position: relative;
            }

                .BannerModel .Right .nav2 ul li ul li {
                    list-style: none;
                    text-decoration: none;
                }

            .BannerModel .Right .nav2 ul ul {
                width: 100px;
                height: auto;
                display: none;
                padding: 5px;
                z-index: 100;
                margin-left: 5px;
                position: absolute;
                border-radius: 5px;
                border: 1px solid #999;
                background-color: #fff;
                box-shadow: 2px 2px 4px #000;
            }

            .BannerModel .Right .nav2 ul li:hover ul {
                display: block;
            }


            .BannerModel .Right .nav2 ul li a {
                width: 120px;
                height: 20px;
                padding-top: 6px;
                display: block;
                font-family: sans-serif;
                font-size: 12px;
                text-align: center;
                border-radius: 0 10px 0 10px;
                border: 1px solid #FFF;
                color: #363636;
                text-decoration: none;
                font-weight: normal;
                background-image: url('../images/MainMenuBar.jpg');
            }

                .BannerModel .Right .nav2 ul li a:hover {
                    width: 120px;
                    height: 20px;
                    display: block;
                    background-image: url('../images/MainMenuBar.jpg');
                    font-family: sans-serif;
                    color: #000;
                    font-size: 12px;
                    text-align: center;
                    text-decoration: none;
                    font-weight: normal;
                    border-radius: 0 10px 0 10px;
                    box-shadow: 2px 2px 4px #000;
                    border: 0;
                }

            .BannerModel .Right .nav2 ul li ul li a {
                width: 90px;
                height: 20px;
                display: block;
                padding-left: 5px;
                padding-right: 5px;
                padding-top: 6px;
                text-decoration: none;
                font-size: 12px;
                font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
                font-weight: normal;
                color: #363636;
                text-align: left;
                margin-bottom: 3px;
                border: 1px solid #b9b9b9;
                background-image: url('../images/MainMenuBar.jpg');
            }

                .BannerModel .Right .nav2 ul li ul li a:hover {
                    width: 90px;
                    height: 20px;
                    display: block;
                    padding-left: 5px;
                    padding-right: 5px;
                    padding-top: 6px;
                    text-decoration: none;
                    font-size: 12px;
                    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
                    font-weight: normal;
                    color: #fff;
                    text-align: center;
                    background-image: url('../images/TopMenu_h.jpg');
                }

        /*----------2014/01/09-------------*/
        .BannerModel .Right .bonus { /*紅利*/
            position: relative;
            float: left;
            padding-top: 2px;
            width: auto;
            height: auto;
            margin-bottom: 5px;
            font-size: 12px;
            color: #FFF;
            clear: both;
        }

            .BannerModel .Right .bonus .bonusTxt {
                color: #0ff;
                font-weight: bold;
            }

        .BannerModel .Right .nav2 .bonus .getco {
            position: absolute;
            left: 67px;
            top: 0px;
            width: 100px;
            height: 20px;
            background-image: url("../images/getco.png");
            animation: play 1s steps(5) infinite;
            float: right;
            margin-left: 30px;
            margin-top: -3px;
        }

@keyframes play {
    0% {
        background-position: 0px 0;
    }

    100% {
        background-position: -500px 0;
    }
}
/* --------------MiddleModel----------中間層-------------- */
.MiddleModel {
    clear: both;
    width: 990px;
    min-height: 400px;
    background-image: url('../images/Main_bg.png');
    border-radius: 5px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
    /* --------index.html 首頁中間層廣告區----------- */
    .MiddleModel .AD {
        width: 990px;
        margin-top: 5px;
        height: auto;
    }

        .MiddleModel .AD .Ly1 {
            width: 990px;
            height: 320px;
        }

            .MiddleModel .AD .Ly1 .AD790 {
                width: 790px;
                height: 320px;
                float: left;
            }

            .MiddleModel .AD .Ly1 .right {
                width: 200px;
                height: 320px;
                float: left;
            }

                .MiddleModel .AD .Ly1 .right .AD200 {
                    width: 200px;
                    height: 80px;
                }

        .MiddleModel .AD .Ly2 {
            width: 990px;
            height: 120px;
        }

            .MiddleModel .AD .Ly2 .AD330 {
                width: 330px;
                height: 120px;
                float: left;
            }
    /*-------------------2014/01/09-----------*/
    /*替換首頁底下最新消息模組*/
    .MiddleModel .News {
        width: 950px;
        height: 60px;
        line-height: 20px;
        margin: 10px 20px;
        font-size: 12px;
        color: #363636;
    }

        .MiddleModel .News .content {
            float: left;
            width: 308px;
            padding-left: 7px;
        }

            .MiddleModel .News .content .Line {
                overflow: hidden;
                height: 20px;
            }

                .MiddleModel .News .content .Line img {
                    vertical-align: middle;
                }

                .MiddleModel .News .content .Line a {
                    text-decoration: underline;
                    cursor: pointer;
                    color: blue;
                }

/* --------MainMenuBar--中間層主選單--------- */
.MainMenuBar {
    clear: both;
    width: 100%;
    height: auto;
    background-color: #eaeaea;
    border-bottom: 1px solid #666;
    border-top: 1px solid #FFF;
}

    .MainMenuBar .Menu {
        width: 970px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        z-index: 100;
    }

        .MainMenuBar .Menu ul li {
            list-style: none;
            text-decoration: none;
            position: relative;
            float: left;
        }

            .MainMenuBar .Menu ul li ul li {
                list-style: none;
                text-decoration: none;
            }

            .MainMenuBar .Menu ul li a {
                width: auto;
                height: 20px;
                display: block;
                padding-left: 5px;
                padding-right: 5px;
                padding-top: 6px;
                margin-right: 4px;
                margin-bottom: 5px;
                text-decoration: none;
                font-size: 12px;
                font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
                font-weight: normal;
                color: #363636;
                text-align: center;
                background-image: url('../images/TopMenu.jpg');
                border-radius: 5px;
                border: 1px solid #BCBCBC;
            }

                .MainMenuBar .Menu ul li a:hover {
                    color: #fff;
                    text-align: center;
                    background-image: url('../images/TopMenu_h.jpg');
                    border-radius: 5px;
                    box-shadow: 2px 2px 4px #000;
                    border: 1px solid #004396;
                }

        .MainMenuBar .Menu ul ul {
            width: 120px;
            height: auto;
            display: none;
            padding: 5px;
            z-index: 1100;
            position: absolute;
            border-radius: 5px;
            border: 1px solid #BCBCBC;
            background-color: #fff;
            box-shadow: 2px 2px 4px #000;
        }

        .MainMenuBar .Menu ul li:hover ul {
            display: block;
        }


        .MainMenuBar .Menu ul li ul li a {
            width: 110px;
            height: 20px;
            display: block;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 6px;
            text-decoration: none;
            font-size: 12px;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
            font-weight: normal;
            color: #363636;
            text-align: left;
            border-bottom: 1px solid #BCBCBC;
        }

            .MainMenuBar .Menu ul li ul li a:hover {
                width: 110px;
                height: 20px;
                display: block;
                padding-left: 5px;
                padding-right: 5px;
                padding-top: 6px;
                text-decoration: none;
                font-size: 12px;
                font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
                font-weight: normal;
                color: #fff;
                text-align: center;
                background-image: url('../images/TopMenu_h.jpg');
            }


/* --------LoginBlk-會員登入---------- */
.LoginBlk {
    width: 540px;
    height: 540px;
    background-image: url('../images/login_bg.jpg');
    padding-left: 200px;
    padding-top: 60px;
}

    .LoginBlk .LoginTit {
        color: #004396;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .LoginBlk .Loginname {
        float: left;
        width: 80px;
        text-align: right;
        font-size: 14px;
        margin-top: 15px;
    }

    .LoginBlk .LoginBtn {
        width: 240px;
        text-align: left;
        font-size: 14px;
        margin-top: 15px;
        margin-left: 85px;
    }

    .LoginBlk .LoginTB {
        float: left;
        width: auto;
        text-align: left;
        margin-top: 15px;
        margin-left: 5px;
    }
        /*--------------2014/01/15-------新增loginTB的類別三個 類似區塊的一起用(應該)----------*/
        .LoginBlk .LoginTB .ctl00_CP_main_tbaccount {
            width: 250px;
        }

        .LoginBlk .LoginTB .ctl00_CP_main_txtUser {
            width: 150px;
        }

        .LoginBlk .LoginTB .ctl00_CP_main_tb_Validator {
            width: 50px;
        }

        .LoginBlk .LoginTB .ctl00_CP_main_txtPass {
            width: 150px;
        }

        .LoginBlk .LoginTB .vcCode {
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
        }
/* --------LoginBlkModel end----------- */



/* --------MidlLeftModel----中間層左區塊--------------- */
.MidlLeftModel {
    width: 195px;
    height: auto;
    float: left;
    padding-left: 5px;
}

    /* --------SearchModel-----左搜尋---- */
    .MidlLeftModel .Search {
        width: 184px;
        height: auto;
        padding: 5px;
        background-color: #569FD3;
        border-radius: 5px;
        border: 1px solid #FCFCFC;
        font-size: 12px;
        line-height: 1.5em;
        margin-bottom: 5px;
        color:#FFF;
    }
/*-------------2014/01/09-------------從patchCSS 搬來 用於SEARCH的 AUTOCOMPLITE-----*/
.autocomplete_completionListElement /*自動完成用*/ {
    /*visibility: hidden;*/
    margin: 0px;
    background-color: inherit;
    color: windowtext;
    border: 1px solid #cccccc;
    cursor: pointer;
    overflow: hidden;
    max-height: 300px;
    text-align: left;
    list-style-type: none;
    font-size: 12pt;
}
/* AutoComplete highlighted item */ .autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    font-size: 12px;
    line-height: 13px;
}
/* AutoComplete item */ .autocomplete_listItem {
    background-color: window;
    color: WindowText;
    padding: 0px;
    cursor: pointer;
    font-size: 12px;
    line-height: 13px;
    margin: 0px;
}
/*-------------2014/01/09-------------從patchCSS 搬來 用於各項彈出式說明的樣式-----*/

/* 敘述專用 */
body #HoverDescription {
    position: absolute;
    z-index: 1000;
    width: auto;
    max-width: 500px;
    background: #ccc none repeat scroll 0% 50%;
    border: 3px solid #CEF3FF;
    padding: 1px;
    text-align: left;
    padding: 5px;
    min-height: 1em;
    -moz-border-radius: 5px;
    font-family: Verdana,Arial,Helvetica,Georgia,Sans-Serif;
    display: none;
}

body div#tooltip p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 12px Verdana,Arial,sans-serif;
}

    body div#tooltip p em {
        display: block;
        margin-top: 3px;
        color: #f60;
        font-style: normal;
        font-weight: bold;
    }



/* --------EstimateModel---線上估價按鈕------ */
.MidlLeftModel .Estimate {
    width: 193px;
    height: 25px;
    margin-bottom: 5px;
}

    .MidlLeftModel .Estimate a {
        width: 193px;
        height: 20px;
        display: block;
        background-color: #569FD3;
        border-radius: 5px;
        border: 1px solid #FCFCFC;
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: bold;
        color: #FFF;
        text-align: center;
        text-decoration: none;
        padding-top: 5px;
    }

        .MidlLeftModel .Estimate a:hover {
            background-image: url('../images/TopMenu_h.jpg');
            border-radius: 5px;
            border: 1px solid #FCFCFC;
            margin-bottom: 5px;
            color: #FFF;
            text-align: center;
        }

    .MidlLeftModel .Estimate .btn {
        float: left;
        width: 150px;
        height: auto;
        text-align: center;
        border: 1px solid #999;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 2px 2px 4px #000;
        margin-bottom: 10px;
        margin-right: 5px;
    }

    .MidlLeftModel .Estimate .right {
        float: left;
        width: 780px;
        height: auto;
    }

    .MidlLeftModel .Estimate .tab {
        width: 940px;
        height: auto;
    }
/*--------------------線上估價----------------*/
.Estimateleft {
    width: auto;
    height: auto;
    float: left;
}




/*---------------2014/01/09--------------估價頁面左上角按鈕排列-----*/
ul.Estimateleft {
    width: 148px;
}

    ul.Estimateleft li {
        float: left;
        display: block;
        margin: 0px 2px 2px 0px;
    }
    /*----------2014/01/15-------將BUTTON內的CLASS搬到CSS內-----------*/
    ul.Estimateleft .empty input {
        width: 70px;
        font-size: 12px;
    }

    ul.Estimateleft .createLink input {
        width: 70px;
        font-size: 12px;
    }

    ul.Estimateleft .createExcel input {
        width: 70px;
        font-size: 12px;
    }

    ul.Estimateleft .print input {
        width: 70px;
        font-size: 12px;
    }

    ul.Estimateleft .intoCart input {
        width: 70px;
        font-size: 12px;
    }

    ul.Estimateleft .sendMail input {
        width: 70px;
        font-size: 12px;
    }




.Estimateright {
    float: left;
    width: 780px;
    margin-left: 10px;
    height: auto;
}

    .Estimateright .Marq {
        width: 750px;
        height: 15px;
        padding: 5px 15px;
        margin: 5px 0;
        border: 1px solid #CFCFCF;
    }

.EstiTab {
}
/* --------NewsSubModel----最新消息----- */
.NewsSubModel {
    width: 95%;
    height: auto;
    padding: 8px;
    box-shadow: 2px 2px 4px #004396;
    border-radius: 8px;
    border: 1px solid #004396;
    background-color: #E8F4FC;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left; /*-------2014/01/09---增加文字對齊屬性---*/
}

    .NewsSubModel img {
        vertical-align: middle;
        margin-right: 10px;
    }


.NewsConModel {
    width: 85%;
    height: auto;
    padding: 8px;
    border: 1px solid #004396;
    background-color: #E8F4FC;
    margin-left: 65px;
    margin-bottom: 10px;
    text-align: left; /*-------2014/01/09---增加文字對齊屬性---*/
}
/* -----------------LeftMenuModel---------中層左選單---- */
.MidlLeftModel .MenuTit {
    width: 174px;
    height: 17px;
    padding: 5px;
    background-color: #569FD3;
    border-radius: 10px 10px 0 0;
    border-left: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC;
    border-Top: 1px solid #FCFCFC;
    color: #FFF;
    padding-left: 15px;
    font-size: 14px;
}

.MidlLeftModel .Menu {
    width: 184px;
    height: auto;
    padding: 5px;
    background-color: #FFF;
    border-radius: 0 0 10px 10px;
    border-left: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC;
    border-bottom: 1px solid #FCFCFC;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 2px;
}

    .MidlLeftModel .Menu ul li {
        z-index: 200;
        list-style: none;
        text-decoration: none;
        position: relative;
    }

        .MidlLeftModel .Menu ul li ul li {
            list-style: none;
            text-decoration: none;
        }

    .MidlLeftModel .Menu ul ul {
        width: 180px;
        height: auto;
        top: 0;
        left: 180px;
        display: none;
        padding: 5px;
        position: absolute;
        border-radius: 5px;
        border: 1px solid #BCBCBC;
        background-color: #fff;
        box-shadow: 2px 2px 4px #000;
    }

    .MidlLeftModel .Menu ul li:hover ul {
        display: block;
        position: absolute;
    }

    .MidlLeftModel .Menu ul li a {
        width: 150px;
        height: 15px;
        display: block;
        border-radius: 5px;
        margin-left: 10px;
        padding-left: 10px;
        padding-bottom: 5px;
        border: 1px solid #004396;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        color: #363636;
        margin-bottom: 5px;
        text-decoration: none;
    }

        .MidlLeftModel .Menu ul li a:hover {
            width: 150px;
            height: 15px;
            display: block;
            border-radius: 5px;
            margin-left: 10px;
            padding-left: 10px;
            padding-bottom: 5px;
            border: 1px solid #004396;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
            font-weight: normal;
            color: #363636;
            margin-bottom: 5px;
            text-decoration: none;
            box-shadow: 2px 2px 4px #004396;
        }

    .MidlLeftModel .Menu ul li ul li a {
        width: 150px;
        height: 15px;
        display: block;
        border-radius: 5px;
        margin-left: 10px;
        padding-left: 10px;
        padding-bottom: 5px;
        border: 1px solid #004396;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        color: #363636;
        margin-bottom: 5px;
        text-decoration: none;
    }

        .MidlLeftModel .Menu ul li ul li a:hover {
            width: 150px;
            height: 15px;
            display: block;
            border-radius: 5px;
            margin-left: 10px;
            padding-left: 10px;
            padding-bottom: 5px;
            border: 1px solid #004396;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
            font-weight: normal;
            color: #FFF;
            margin-bottom: 5px;
            text-decoration: none;
            box-shadow: 2px 2px 4px #000;
            background-color: #569FD3;
        }
/*---------------MainModelRight------------中間層右區塊-------------------*/
.MidRightModel {
    width: 780px;
    height: auto;
    float: left;
    margin-left: 5px;
}
    /*------------Default----4則廣告--------------*/
    .MidRightModel .AD780 {
        width: 780px;
        height: 80px;
    }
/*-----------2014/01/15-從 ADSHOW.ascx 內移入-div_adshow 相關---------------------*/

.div_Adshow_father {
}

.div_Adshow {
    background-color: #EEEEEE;
    float: left;
    height: 80px;
    overflow: hidden;
    width: 195px;
    position: relative;
}

    .div_Adshow img {
        border: 0px;
        margin: 0px;
        width: 190px;
        height: 80px;
        top: 0;
        left: 0;
        border: #ccc solid 1px;
    }
/*----------------跑馬燈--------------*/
.MidRightModel .Marq {
    width: 758px;
    height: 15px;
    margin-top: 5px;
    margin-bottom: 3px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    background-image: url('../images/TopMenu.jpg');
    border: 1px solid #FCFCFC;
}


    .MidRightModel .Marq a {
        font-size: 14px;
        font-weight: bold;
        color: #0427fc;
        margin: 0px 15px; /*---2014/01/15--增加margin--*/
    }

        .MidRightModel .Marq a:hover {
            color: #FF0000;
        }
/*----------------關鍵字--------------*/
.KeywordModel {
    width: 768px;
    height: 20px;
    margin-bottom: 3px;
    padding-left: 10px;
    border-radius: 5px;
    background-image: url('../images/keyword.jpg');
    border: 1px solid #FCFCFC;
    font-size: 12px;
    font-weight: normal;
    color: #FF0000;
    overflow: hidden;
    line-height: 20px;
}
/*-------------------2014/01/09---------從patchCSS搬來關鍵字使用的CSS------------*/
.hotkeydiv {
    background-color: #C29C88;
    text-align: right;
    color: black;
    font-size: 12px;
    clear: both;
    line-height: 14px;
}

.hotkeyspan {
    display: inline-block;
    color: black;
    padding: 0 10px;
}

    .hotkeyspan a {
        color: #990000;
        font-size: 12px;
        text-decoration: underline;
    }


/*-------SearchInfoModel--中層右搜尋結果--------*/
.SearchInfoModel {
    width: 758px;
    height: auto;
    padding: 10px;
    margin-bottom: 3px;
    border-radius: 5px;
    border: 1px solid #FCFCFC;
    background-color: #fff;
    line-height: 20px; /*-------2014/01/09---增加文字行高---*/
}

    .SearchInfoModel .InfoTxt {
        font-size: 12px;
        line-height: 26px; /*------2014/01/09-----更改行高(1.4em -> 26px)--*/
        font-weight: normal;
        color: #363636;
        border-radius: 5px;
        border: 1px solid #FCFCFC;
        background-color: #fff;
    }

.SearchInfoTxt { /*-----2014/01/15------加回SearchInfoTxt-用於產品詳細----*/
    font-size: 12px;
    line-height: 1.4em;
    font-weight: normal;
    color: #363636;
    border-radius: 5px;
    border: 1px solid #FCFCFC;
    background-color: #fff;
}

/*--------------------新增產品搜尋頁面的CLASS(用於顯示產品包含的類別)--------------------------*/

.SearchInfoModel .InfoTxt .typeList {
    clear: both;
}

    .SearchInfoModel .InfoTxt .typeList li {
        float: left;
        display: inline-block;
        margin: 0px 2px 0px 0px; /*---2014/01/15---增加margin--*/
    }

        .SearchInfoModel .InfoTxt .typeList li a {
            text-decoration: none;
            color: #333;
            width: 100%;
            height: 100%;
            display: block;
        }

            .SearchInfoModel .InfoTxt .typeList li a:hover {
                color: #f30;
                text-decoration: none;
            }

            .SearchInfoModel .InfoTxt .typeList li a span {
                margin: 0px 3px;
            }

                .SearchInfoModel .InfoTxt .typeList li a span.num,
                .SearchInfoModel .InfoTxt .typeList li a:hover span.num {
                    margin: 0px;
                    padding: 0px;
                    color: #bb0000;
                }
/*-------2014/01/15--將st1~st3 改裝------------------*/
/*--------st1->target----------st2 ->quickSort  st3 ->queueItem-*/
/*--選擇的radiobutton用sortItem變成紅色---*/
.SearchInfoModel .InfoTxt .target {
    color: #000;
    font-weight: bold;
}

.SearchInfoModel .InfoTxt .quickSort {
    color: #990000;
    font-weight: bold;
}

.SearchInfoModel .InfoTxt .sortItem {
    color: red;
}

.SearchInfoModel .InfoTxt .queueItem {
    margin-left: 50px;
    color: #990000;
    font-weight: bold;
}

.SearchInfoModel .InfoTxt .st4 {
    color: #0094ff;
    font-weight: bold;
}

.SearchInfoModel .InfoTxt .st5 {
    color: #f00;
    font-weight: bold;
}
/*-----------Default---商品相關---------------*/
/*----------------2014/01/09---刪除不必要部分-------------*/
/*半透明效果使用*/
/*產品搜尋頁*/
#SR_div .SRItem:hover .iinam_show {
    display: block;
}

/*主力商品*/

#indexIMAIN_div .Item:hover .iinam_show {
    display: block;
}

/*新進商品*/

#indexINEW_div .Item:hover .iinam_show {
    display: block;
}
/*特價商品*/

#indexISP_div .Item:hover .iinam_show {
    display: block;
}

/*半透明效果使用 結束*/

.SRItemBlk {
    width: 770px; /*--------------2014/01/09-------取消高度設定(auto ->  )--------*/
    padding-left: 8px;
    padding-top: 5px;
    border: 1px solid #FCFCFC;
    background-color: #fff;
    border-radius: 8px;
}

    .SRItemBlk .SRItem {
        width: 140px; /*--------------2014/01/09-------取消高度設定(auto ->  )--------*/
        float: left;
        border: 1px solid #FCFCFC;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        color: #363636; /*--------------2014/01/09-------取消文字粗細設定(normal ->  )--------*/
        padding: 4px;
        margin-bottom: 5px;
        margin-right: 3px;
        text-decoration: none;
        box-shadow: 2px 2px 4px #999;
        background-color: #fff;
        border-radius: 8px;
    }

        .SRItemBlk .SRItem .SRPic {
            z-index: 0; /*------2014/01/09--從PATCHCSS整併 zIndex position textAlign屬性-----*/
            position: relative;
            text-align: center;
            width: 140px;
            height: 140px;
            border: 1px solid #DEDEDE;
            background-color: #FFF;
        }

        .SRItemBlk .SRItem img /*------2014/01/09--從PATCHCSS搬移 .SRItemBlk .SRItem img 屬性-----*/ {
            height: 105px;
            width: 105px;
        }

        .SRItemBlk .SRItem .Txt_A {
            width: auto;
            height: auto;
            line-height: 1.5em;
            font-size: 13px;
            color: #c504fc;
            font-weight: bold;
            margin-bottom: 2px;
        }

        .SRItemBlk .SRItem .Txt_B {
            width: auto;
            height: auto;
            line-height: 1.5em;
            font-size: 12px;
            color: #0427fc;
            margin-bottom: 2px;
        }

        .SRItemBlk .SRItem .Txt_C {
            width: auto;
            height: auto;
            line-height: 1.5em;
            font-size: 14px;
            color: #363636;
            font-weight: bold;
            margin-bottom: 2px;
        }

            .SRItemBlk .SRItem .Txt_C .red {
                color: #F00;
            }

.PrdMainTit {
    width: 758px;
    height: 17px;
    padding: 5px;
    background-color: #569FD3;
    border-radius: 10px 10px 0 0;
    border-left: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC;
    border-Top: 1px solid #FCFCFC;
    color: #FFF;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
}
    /*-----2014/01/15---將主力商品等區塊的MORE樣式 搬至CSS內--*/
    .PrdMainTit a {
        color: blue;
        font-weight: bold;
        text-decoration: underline;
    }

.PrdNewTit {
    width: 758px;
    height: 17px;
    padding: 5px;
    background-color: #feeba0;
    border-radius: 10px 10px 0 0;
    border-left: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC;
    border-Top: 1px solid #FCFCFC;
    color: #000000;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
}
    /*-----2014/01/15---將主力商品等區塊的MORE樣式 搬至CSS內--*/
    .PrdNewTit a {
        color: blue;
        font-weight: bold;
        text-decoration: underline;
    }

.PrdSpTit {
    width: 758px;
    height: 17px;
    padding: 5px;
    background-color: #dcc6ff;
    border-radius: 10px 10px 0 0;
    border-left: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC;
    border-Top: 1px solid #FCFCFC;
    color: #000000;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
}
    /*-----2014/01/15---將主力商品等區塊的MORE樣式 搬至CSS內--*/
    .PrdSpTit a {
        color: blue;
        font-weight: bold;
        text-decoration: underline;
    }

.PrdBlk {
    width: 778px;
    height: auto;
    background-color: #FFF;
    border-radius: 0 0 10px 10px;
    border-left: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC;
    border-bottom: 1px solid #FCFCFC;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 2px;
    padding-top: 10px;
}

    .PrdBlk .Item {
        width: 163px;
        height: auto;
        float: left;
        border: 1px solid #FCFCFC;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        color: #363636;
        padding: 7px;
        margin-bottom: 10px;
        margin-left: 12px;
        text-decoration: none;
        box-shadow: 2px 2px 4px #999;
        background-color: #fff;
        border-radius: 8px;
    }

        .PrdBlk .Item .Pic { /*------2014/01/09--從PATCHCSS整併 zIndex position textAlign屬性-----*/
            z-index: 0;
            position: relative;
            text-align: center;
            width: 160px;
            height: 160px;
            border: 1px solid #DEDEDE;
            background-color: #FFF;
        }

        .PrdBlk .Item .trans_n_manager {
        }

            .PrdBlk .Item .trans_n_manager .fast {
                width: 50px;
                height: 29px;
                display: block;
                float: left;
            }

                .PrdBlk .Item .trans_n_manager .fast .top {
                    height: 17px;
                    display: block;
                    padding: 0px;
                    vertical-align: bottom;
                    float: left;
                }

                .PrdBlk .Item .trans_n_manager .fast .btm {
                    height: 12px;
                    display: block;
                    margin: -2px 0px 0px 0px;
                    float: left;
                }

            .PrdBlk .Item .trans_n_manager a {
                display: inline-block;
                height: 15px;
                margin: 14px 0px 0px 0px;
            }

                .PrdBlk .Item .trans_n_manager a img {
                }

        .PrdBlk .Item .img /*------2014/01/09--從PATCHCSS搬移 .PrdBlk .Item .img 屬性-----*/ {
            height: 150px;
            width: 150px;
        }

        .PrdBlk .Item .Txt_a {
            word-break: break-all;
            width: auto;
            height: auto;
            line-height: 1.5em;
            font-size: 16px;
            color: #c504fc;
            font-weight: bold;
            margin-bottom: 2px;
        }

        .PrdBlk .Item .Txt_b {
            width: auto;
            height: auto;
            line-height: 1.5em;
            font-size: 12px;
            color: #0427fc;
            margin-bottom: 2px;
        }

        .PrdBlk .Item .Txt_c {
            width: auto;
            height: auto;
            line-height: 1.5em;
            font-size: 14px;
            color: #FF0000;
            font-weight: bold;
            margin-bottom: 2px;
        }

    .PrdBlk .Txt_c .specialPrice {
        color: red;
        display: block;
    }

    .PrdBlk .Txt_c .memberprice {
        color: blue;
        display: none;
    }

    .PrdBlk .Item .Txt_d {
        width: auto;
        height: auto;
        line-height: 1.5em;
        font-size: 12px;
        color: #363636;
    }

        .PrdBlk .Item .Txt_d .shop_num {
            width: 30px;
        }
/*-------------productIndex 下方TAB----------------*/
/*------2014/01/09--從PATCHCSS搬移 .itco1_item 屬性-----*/
.itco1_item {
    float: left;
    color: #363636;
    padding: 2px 5px;
    background-color: #FFF;
    border: 1px solid #CFCFCF;
    border-radius: 5px;
    box-shadow: 2px 2px 4px #999;
    margin-bottom: 10px;
    margin-left: 10px;
}

/*------------------產品明細----------------*/
.DetialBlk {
    width: 755px;
    height: auto;
    padding: 10px;
    border: 1px solid #FCFCFC;
    box-shadow: 2px 2px 4px #000;
    border-radius: 10px;
    background-color: #FFF;
    margin-bottom: 5px;
}

    .DetialBlk .PrdSub { /*---------------2014/01/09------(增加產品詳述的title屬性)-------*/
        width: 100%;
        height: 30px;
        display: block;
        line-height: 30px;
        clear: both;
        float: none;
        margin: 0px 0px 10px;
    }

    .DetialBlk .Left {
        width: 280px;
        height: auto;
        float: left;
    }

    .DetialBlk .Right {
        width: 470px;
        margin-left: 5px;
        height: auto;
        float: left;
    }

    .DetialBlk .Left .Pic {
        width: 280px;
        height: 280px;
    }

    .DetialBlk .Left .PicS {
        width: 280px;
        height: 30px;
        margin-top: 5px;
    }

    .DetialBlk .Left .Track {
        width: auto;
        height: auto;
        margin-left: 10px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
/*---------------2014/01/09------(增加產品詳述頁面的加入追蹤產品的屬性)-------*/
/*增加項目為 .confirm.Track .confirm.Track a .confirm.Track a:hover*/
.confirm.Track {
    color: #363636;
    font-size: 13px;
    line-height: 26px;
    height: 26px;
}

    .confirm.Track a {
        color: #000;
        text-decoration: none;
    }

        .confirm.Track a:hover {
            color: #000;
            border-bottom: 1px solid #000;
        }

.DetialBlk .Right .Tit {
    float: left;
    font-size: 13px;
    width: 80px;
    text-align: right;
    margin-top: 10px;
}
    /*------2014/01/15--將已購物label移至CSS內----*/
    .DetialBlk .Right .Tit .added {
        color: red;
        font-weight: bold;
        display: block;
    }

.DetialBlk .Right .TxtBlk {
    float: left;
    font-size: 13px;
    text-align: left;
    margin-top: 10px;
    margin-left: 5px;
}

    .DetialBlk .Right .TxtBlk .List {
        width:380px;
        margin-bottom: 6px;
    }


        .DetialBlk .Right .TxtBlk .List .tBamount {
            width: 20px;
            font-size: 12px;
        }
        /*--------2014/01/15--新增LIST內的a img的CSS-----*/
        .DetialBlk .Right .TxtBlk .List a {
            width: 80px;
            height: 22px;
            display: inline;
        }

            .DetialBlk .Right .TxtBlk .List a img {
                vertical-align: middle;
            }

    .DetialBlk .Right .TxtBlk .ListR {
        margin-bottom: 6px;
        color: #FF0000;
    }

    .DetialBlk .Right .TxtBlk .ListB {
        margin-bottom: 6px;
        color: #0427fc;
    }
  .DetialBlk .Right .TxtBlk .ListG {
        margin-bottom: 6px;
        color: #189001;
    }
    .DetialBlk .Right .TxtBlk .ListBr {
        margin-bottom: 6px;
        font-size: 16px;
        font-weight: bold;
        color: #FF0000;
    }

    .DetialBlk .Right .TxtBlk .ListLs {
        margin-bottom: 6px;
        text-decoration: line-through;
    }



.DetialBlk .Right .PrdSub {
    color: #0026ff;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.DetialBlk .Right .TxtBlk .trans_n_manager {
}

    .DetialBlk .Right .TxtBlk .trans_n_manager .fast {
        width: 50px;
        height: 29px;
        display: block;
        float: left;
    }

        .DetialBlk .Right .TxtBlk .trans_n_manager .fast .top {
            height: 17px;
            display: block;
            padding: 0px;
            vertical-align: bottom;
            float: left;
        }

        .DetialBlk .Right .TxtBlk .trans_n_manager .fast .btm {
            height: 12px;
            display: block;
            margin: -2px 0px 0px 0px;
            float: left;
        }

    .DetialBlk .Right .TxtBlk .trans_n_manager a {
        display: inline-block;
        height: 15px;
        margin: 14px 0px 0px 0px;
    }

        .DetialBlk .Right .TxtBlk .trans_n_manager a img {
        }
/*---------------2014/01/09------(增加產品詳述頁面的加入購物車的屬性)-------*/
/*增加項目為 .DetialBlk .Right .prodInfo .addshopping .DetialBlk .Right .prodInfo .addshopping img*/
.DetialBlk .Right .prodInfo .addshopping {
    width: 80px;
    height: 22px;
    display: block;
    float: right;
    margin: 0px 0px 0px 6px;
}

    .DetialBlk .Right .prodInfo .addshopping img {
        vertical-align: middle;
    }
/*----------商品列表-------------*/
.PrdListBlk_A {
    width: 778px;
    height: auto;
    display: block;
    background-color: #DFF0FC;
    border-radius: 5px;
    border: 1px solid #FFF;
    margin-bottom: 5px;
}


    .PrdListBlk_A .LeftBlk {
        width: 130px;
        height: auto;
        float: left;
    }

        .PrdListBlk_A .LeftBlk .icon {
            width: 120px;
            height: 15px;
            margin-bottom: 5px;
            margin-top: 5px;
            text-align: center;
        }

        .PrdListBlk_A .LeftBlk .Prdpic {
            width: 120px;
            height: 120px;
            background-color: #FFF;
            margin-left: 5px;
            margin-bottom: 5px;
            box-shadow: 2px 2px 4px #000;
        }

    .PrdListBlk_A .CenterBlk {
        width: 420px;
        height: auto;
        float: left;
    }

        .PrdListBlk_A .CenterBlk .PrdSn {
            width: auto;
            height: auto;
            font-size: 15px;
            font-weight: bold;
            color: #00b9db;
            margin-bottom: 5px;
            margin-top: 5px;
            margin-left: 10px;
        }

        .PrdListBlk_A .CenterBlk .PrdName {
            width: auto;
            height: auto;
            font-size: 14px;
            font-weight: bold;
            color: #860000;
            margin-bottom: 5px;
            margin-top: 5px;
            margin-left: 10px;
        }

        .PrdListBlk_A .CenterBlk .PrdCon {
            width: auto;
            height: auto;
            font-size: 13px;
            font-weight: normal;
            color: #363636;
            line-height: 1.6em;
            margin-left: 20px;
        }

    .PrdListBlk_A .RightBlk {
        width: 225px;
        height: auto;
        float: left;
    }

        .PrdListBlk_A .RightBlk .tBamount {
            width: 20px;
            font-size: 12px;
        }

        .PrdListBlk_A .RightBlk .Price {
            width: auto;
            height: auto;
            margin-top: 5px;
            margin-bottom: 10px;
            font-size: 14px;
            color: #0427fc;
            font-weight: bold;
        }

    .PrdListBlk_A .RightBlk .Price .shopSTATAS {
                background-color: #ffd800;
                color: #990000;
                font-size: 12px;
                padding: 2px 5px 2px 5px;
                border: 1px solid #990000;
                margin-right: 5px;
            }

      .PrdListBlk_A .RightBlk .Price .s2 {
                margin-left: 5px;
                text-decoration: line-through;
            }


        .PrdListBlk_A .RightBlk .SpPrice {
            width: auto;
            height: auto;
            line-height: 1.4em;
            font-size: 12px;
            color: #FF0000;
            margin-left: 5px;
            font-weight: normal;
            margin-bottom: 5px;
        }

  .PrdListBlk_A .RightBlk .StateGr {
            width: auto;
            height: auto;
            font-size: 14px;
            color: #189001;
            margin-left: 5px;
            font-weight: bold;
            margin-bottom: 5px;
        }
       .PrdListBlk_A .RightBlk .StateR {
            width: auto;
            height: auto;
            font-size: 14px;
            color: #EE2E2E;
            margin-left: 5px;
            font-weight: bold;
            margin-bottom: 5px;
        }
           .PrdListBlk_A .RightBlk .StateB {
            width: auto;
            height: auto;
            font-size: 14px;
            color: blue;
            margin-left: 5px;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .PrdListBlk_A .RightBlk .Reser {
            width: auto;
            height: auto;
            font-size: 14px;
            color: #c504fc;
            margin-left: 5px;
            font-weight: bold;
            margin-bottom: 5px;
        }

    .PrdListBlk_A .Blk_Btm {
        width: 778px;
        height: auto;
    }

        .PrdListBlk_A .Blk_Btm .LeftBlk {
            width: 360px;
            height: auto;
            float: left;
            padding: 5px;
        }
            /*--------------------2014/01/15--將SPAN內的樣式搬到CSS內----------------------------*/
            .PrdListBlk_A .Blk_Btm .LeftBlk span {
                width: 50px;
                height: 15px;
                display: block;
                float: left;
                margin: 0px 3px 0px 0px;
            }

                .PrdListBlk_A .Blk_Btm .LeftBlk span a {
                    width: 100%;
                    height: 100%;
                    display: block;
                }

                    .PrdListBlk_A .Blk_Btm .LeftBlk span a img {
                    }

        .PrdListBlk_A .Blk_Btm .RightBlk {
            width: auto;
            height: auto;
            float: right;
            padding-bottom: 5px;
            margin-right: 5px;
            font-size: 12px;
        }

.PrdListBlk_B {
    width: 778px;
    height: auto;
    display: block;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ffe9e9;
    margin-bottom: 5px;
}

    .PrdListBlk_B .LeftBlk {
        width: 130px;
        height: auto;
        float: left;
    }

        .PrdListBlk_B .LeftBlk .icon {
            width: 120px;
            height: 15px;
            margin-bottom: 5px;
            margin-top: 5px;
            text-align: center;
        }

        .PrdListBlk_B .LeftBlk .Prdpic {
            width: 120px;
            height: 120px;
            background-color: #FFF;
            margin-left: 5px;
            margin-bottom: 5px;
            box-shadow: 2px 2px 4px #000;
        }

    .PrdListBlk_B .CenterBlk {
        width: 420px;
        height: auto;
        float: left;
    }

        .PrdListBlk_B .CenterBlk .PrdSn {
            width: auto;
            height: auto;
            font-size: 15px;
            font-weight: bold;
            color: #00b9db;
            margin-bottom: 5px;
            margin-top: 5px;
            margin-left: 10px;
        }

        .PrdListBlk_B .CenterBlk .PrdName {
            width: auto;
            height: auto;
            font-size: 14px;
            font-weight: bold;
            color: #860000;
            margin-bottom: 5px;
            margin-top: 5px;
            margin-left: 10px;
        }

        .PrdListBlk_B .CenterBlk .PrdCon {
            width: auto;
            height: auto;
            font-size: 13px;
            font-weight: normal;
            color: #363636;
            line-height: 1.6em;
            margin-left: 20px;
        }

    .PrdListBlk_B .RightBlk {
        width: 225px;
        height: auto;
        float: left;
    }

        .PrdListBlk_B .RightBlk .tBamount {
            width: 20px;
            font-size: 12px;
        }

        .PrdListBlk_B .RightBlk .Price {
            width: auto;
            height: auto;
            margin-top: 5px;
            margin-bottom: 10px;
            font-size: 14px;
            color: #0427fc;
            font-weight: bold;
        }
    .PrdListBlk_B .RightBlk .Price .shopSTATAS {
                background-color: #ffd800;
                color: #990000;
                font-size: 12px;
                padding: 2px 5px 2px 5px;
                border: 1px solid #990000;
                margin-right: 5px;
            }

      .PrdListBlk_B .RightBlk .Price .s2 {
                margin-left: 5px;
                text-decoration: line-through;
            }
        .PrdListBlk_B .RightBlk .SpPrice {
            width: auto;
            height: auto;
            line-height: 1.4em;
            font-size: 12px;
            color: #FF0000;
            margin-left: 5px;
            font-weight: normal;
            margin-bottom: 5px;
        }

  .PrdListBlk_B .RightBlk .StateGr {
            width: auto;
            height: auto;
            font-size: 14px;
            color: #189001;
            margin-left: 5px;
            font-weight: bold;
            margin-bottom: 5px;
        }
       .PrdListBlk_B .RightBlk .StateR {
            width: auto;
            height: auto;
            font-size: 14px;
            color: #EE2E2E;
            margin-left: 5px;
            font-weight: bold;
            margin-bottom: 5px;
        }
           .PrdListBlk_B .RightBlk .StateB {
            width: auto;
            height: auto;
            font-size: 14px;
            color: blue;
            margin-left: 5px;
            font-weight: bold;
            margin-bottom: 5px;
        }


        .PrdListBlk_B .RightBlk .Reser {
            width: auto;
            height: auto;
            font-size: 14px;
            color: #c504fc;
            margin-left: 5px;
            font-weight: bold;
            margin-bottom: 5px;
        }

    .PrdListBlk_B .Blk_Btm {
        width: 778px;
        height: auto;
    }

        .PrdListBlk_B .Blk_Btm .LeftBlk {
            width: 410px;
            height: auto;
            float: left;
            padding: 5px;
        }
            /*--------------------2014/01/15--將SPAN內的樣式搬到CSS內----------------------------*/
            .PrdListBlk_B .Blk_Btm .LeftBlk span {
                width: 50px;
                height: 15px;
                display: block;
                float: left;
                margin: 0px 2px;
            }

                .PrdListBlk_B .Blk_Btm .LeftBlk span a {
                    width: 100%;
                    height: 100%;
                    display: block;
                }

                    .PrdListBlk_B .Blk_Btm .LeftBlk span a img {
                    }

        .PrdListBlk_B .Blk_Btm .RightBlk {
            width: auto;
            height: auto;
            float: right;
            padding-bottom: 5px;
            margin-right: 5px;
            font-size: 12px;
        }
/*------------------------中層中型白色背板--------------*/
.ContantMblk {
    width: 760px;
    height: auto;
    background-color: #FFF;
    box-shadow: 1px 2px 4px #000;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    padding: 10px;
}

    .ContantMblk .Tit { /*-----------中層網頁標題--------------*/
        width: 710px;
        height: 40px;
        background-image: url('../images/TitBar.png');
        font-size: 36px;
        font-weight: bold;
        color: #363636;
        padding-left: 50px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .ContantMblk .Txt { /*-----------中層網頁內容框--------------*/
        width: 700px;
        height: auto;
        font-size: 14px;
        font-weight: normal;
        color: #363636;
        line-height: 1.5em;
        padding-left: 50px;
        padding-right: 10px;
        margin-top: 10px;
        padding-bottom: 10px;
    }

        /*----------------2014/01/09---------用於歷史交易查詢上半段頁面排版-----------*/

        .ContantMblk .Txt .searchCondition {
            font-size: 12px;
        }

            .ContantMblk .Txt .searchCondition .searchInfo {
            }

                .ContantMblk .Txt .searchCondition .searchInfo .searchTitle {
                    float: left;
                    width: 150px;
                    text-align: right;
                    margin: 0px 10px 0px 0px;
                }

                .ContantMblk .Txt .searchCondition .searchInfo li {
                    float: left;
                    margin: 5px 0px 5px 0px;
                    height: 26px;
                    line-height: 26px;
                }

                    .ContantMblk .Txt .searchCondition .searchInfo li.gap {
                        margin: 0px 6px;
                        text-align: center;
                    }

                    .ContantMblk .Txt .searchCondition .searchInfo li.conditionTime {
                        background-image: url("../images/calendar-blue.gif");
                        background-repeat: no-repeat;
                        background-position: right center;
                        padding: 0px 20px 0px 0px;
                    }

        .ContantMblk .Txt .passInfo {
        }

            .ContantMblk .Txt .passInfo .enterCode {
                color: #0094ff;
                font-weight: bold;
            }
            /*--------------2014/01/15-------新增ctl00_CP_main_tb_Validator reloadCode----------*/
            .ContantMblk .Txt .passInfo .ctl00_CP_main_tb_Validator {
                width: 50px;
            }

            .ContantMblk .Txt .passInfo .reloadCode {
                width: 100px;
            }



        .ContantMblk .Txt .describeTxt {
            font-weight: bold;
            color: #990000;
            margin-left: 30px;
        }

        .ContantMblk .Txt p {
            line-height: 26px;
            margin: 0px 0px 10px 0px;
            font-size: 13px;
        }

        /*---------------BonsList---------紅利查詢------------*/
        .ContantMblk .Txt table {
            width: 95%;
            border-bottom: 1px solid #004396;
        }

            .ContantMblk .Txt table .TrTit {
                background-color: #ffcdcd;
                height: 25px;
            }

            .ContantMblk .Txt table .lred {
                background-color: #ffe4e4;
                height: 25px;
            }

            .ContantMblk .Txt table tr {
                height: 25px;
            }

            .ContantMblk .Txt table td {
                text-align: center;
                border-left: 1px solid #004396;
                border-top: 1px solid #004396;
            }

            .ContantMblk .Txt table .end {
                text-align: center;
                border-left: 1px solid #004396;
                border-top: 1px solid #004396;
                border-right: 1px solid #004396;
            }

/*--------------------2014/01/15--將 bonslist內的樣式搬到CSS內----------------------------------*/
/*到下個星號為止*/
#BonsList {
    border: 1px solid #CCCCCC;
    font-size: 16px;
    width: 100%;
    border-collapse: collapse;
}

.BonTitle {
    background-color: #444444;
    color: #FFFFFF;
}

.Bonstr1 {
    background-color: #EEEEEE;
}

.Bonstr2 {
    background-color: #DDDDDD;
}

.Bonstr1 > td {
    border: 1px solid #FFFFFF;
    color: #333333;
    padding: 0 15px;
}

.Bonstr2 > td {
    border: 1px solid #FFFFFF;
    color: #333333;
    padding: 0 15px;
}

.tb_BonsDetails {
    background-color: #CCCCCC;
    border-collapse: collapse;
    display: none;
    font-size: 14px;
    margin: 5px 0 5px 30px;
    padding: 0;
}

    .tb_BonsDetails td {
        border-left: 1px solid #555555;
        padding: 0 10px;
    }

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w150 {
    width: 150px;
}

.w175 {
    width: 175px;
}

.w200 {
    width: 200px;
}

.w90 {
    width: 90px;
}

.w80 {
    width: 80px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 60px;
}

.w50 {
    width: 50px;
}

.w40 {
    width: 40px;
}

.w30 {
    width: 30px;
}

.ptop_10 {
    padding-top: 10px;
}

.pleft_10 {
    padding-left: 10px;
}

.pright_10 {
    padding-right: 10px;
}

.pbottom_10 {
    padding-bottom: 10px;
}

.ptop_20 {
    padding-top: 20px;
}

.pleft_20 {
    padding-left: 20px;
}

.pright_20 {
    padding-right: 20px;
}

.pbottom_20 {
    padding-bottom: 20px;
}

.ptop_15 {
    padding-top: 15px;
}

.pleft_15 {
    padding-left: 15px;
}

.pright_15 {
    padding-right: 15px;
}

.pbottom_15 {
    padding-bottom: 15px;
}

.cred {
    color: #FF0000;
}

.cblue {
    color: #0000FF;
}

.cgreen {
    color: #008000;
}

.BonsListopen {
    color: #0000FF;
    cursor: pointer;
    margin-right: 20px;
    text-decoration: underline;
}

.BonsListclose {
    color: #0000FF;
    cursor: pointer;
    margin-right: 20px;
    text-decoration: underline;
}

.BonsListopen:hover {
    color: #FF0000;
}

.BonsListclose:hover {
    color: #FF0000;
}

.spanopenclose {
    color: #0000CC;
    cursor: pointer;
    font-size: 12px;
}

    .spanopenclose:hover {
        color: #0000FF;
        font-size: 12px;
        text-decoration: underline;
    }
/*新增區塊結束*/
/*---------------change_password---變更密碼--------------------*/
.ContantMblk .Txt .CPLeft {
    color: #363636;
    text-align: right;
    float: left;
    /*-------2014/01/09--將margin合併成一組    新增寬度 行高 文字對齊 屬性---*/
    width: 114px;
    line-height: 23px;
    text-align: right;
    margin: 0px 0px 10px 0px;
}

.ContantMblk .Txt .CPRight {
    float: left;
    margin-left: 10px;
}
    /*-------2014/01/09--新增驗證碼樣式---*/
    .ContantMblk .Txt .CPRight .vCode {
        vertical-align: middle;
    }
/*-------2014/01/09--已合併CPBtn 將margin合併成一組 新增clear 文字對齊 ---*/
.ContantMblk .Txt .CPBtn {
    clear: both;
    margin: 0px 0px 0px 124px;
    text-align: left;
}


/*------------------------會員基本資料修改-------------------------*/
.InfoSub {
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left; /*-----------------2014/01/09---新增文字對齊---------------*/
}

    .InfoSub .Red {
        color: #F00;
    }

    .InfoSub .Gr {
        color: #059a03;
    }

.InfoName {
    color: #363636;
    margin-left: 10px;
    margin-bottom: 5px;
    text-align: left; /*-----------------2014/01/09---新增文字對齊---------------*/
}

    .InfoName .Red {
        color: #F00;
    }

    .InfoName .Gr {
        color: #059a03;
        font-weight: bold;
    }

    .InfoName .ctl00_CP_main_Zip {
        width: 50px;
    }

    .InfoName .ctl00_CP_main_ddl_City_Area {
        height: 19px;
    }

    .InfoName .ctl00_CP_main_CADD1 {
        width: 300px;
    }

    .InfoName .ctl00_CP_main_CTCOD {
        width: 100px;
    }

    .InfoName .ctl00_CP_main_CTELE {
        width: 100px;
    }

    .InfoName .ctl00_CP_main_CPOS1 {
        width: 50px;
    }

    .InfoName .ctl00_CP_main_CTEL2 {
        width: 100px;
    }

    .InfoName .ctl00_CP_main_CPOS2 {
        width: 50px;
    }

    .InfoName .ctl00_CP_main_CTFAX {
        width: 100px;
    }

    .InfoName .ctl00_CP_main_Url {
        width: 400px;
    }

.infoBtn .ctl00_CP_main_Btn_send {
    margin-right: 20px;
}



.floLeft {
    float: left;
}

.floRight {
    float: left;
}

    .floRight .cb {
        color: #0094ff;
        font-size: 12px;
        margin-bottom: 5px;
    }

.infoBtn {
    margin-left: 20px;
}
/*-----------中層大型白色背板--------------*/
.ContantBblk {
    width: 941px;
    height: auto;
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 10px;
    box-shadow: 2px 2px 4px #000;
    border-radius: 8px;
    font-size: 13px;
    font-weight: normal;
}
    /*請求說明?*/
    .ContantBblk .ContantBblk {
        width: 921px;
    }

    .ContantBblk .Tit {
        width: 710px;
        height: 40px;
        background-image: url('../images/TitBar.png');
        font-size: 36px;
        font-weight: bold;
        color: #363636;
        padding-left: 50px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

.AD140 {
    width: 140px;
    height: 140px;
    float: left;
    border: 1px solid #999;
    padding: 5px;
    margin: 0px 2px 5px 2px; /*-------------2014/01/09----------將margin合併為一組---------*/
    border-radius: 5px;
}

    .AD140 .pic {
        vertical-align: middle;
        text-align: center;
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }

        .AD140 .pic img {
            max-width: 120px;
            max-height: 120px;
        }

.AD250 {
    width: 200px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 4px #000;
    border: 1px solid #004396;
    background-color: #E8F4FC;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}



.ConTxtBModel {
    width: 95%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    color: #363636;
    line-height: 1.5em;
    padding-left: 50px;
    padding-right: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
}
    /*--------------------2014/01/15 將歷史交易未查到資料的樣式搬到CSS內-----------------------------------------------------*/
    .ConTxtBModel .noData {
        font-weight: bold;
        font-size: 12px;
        color: blue;
        text-align: center;
    }

.ConTxtTbl {
    width: 95%;
    border-bottom: 1px solid #ffb3b3;
}

.ConTxtTrTit {
    background-color: #ffcdcd;
    height: 25px;
}

.ConTxtTr {
    background-color: #ffe4e4;
    height: 25px;
}

.ConTxtTrW {
    height: 25px;
}

.ConTxtTd {
    text-align: center;
    border-left: 1px solid #ffb3b3;
    border-top: 1px solid #ffb3b3;
    font-size: 13px; /*--------2014/01/09-----新增文字大小-----*/
}

.ConTxtTdEN {
    text-align: center;
    border-left: 1px solid #ffb3b3;
    border-top: 1px solid #ffb3b3;
    border-right: 1px solid #ffb3b3;
}

.InfoChenTa {
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
}

.InfoChenTb {
    color: #363636;
    margin-left: 10px;
    margin-bottom: 5px;
}

/*------SPageBlk------分頁------*/
.SPageBlk {
    width: 400px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    margin-bottom: 10px;
    margin-top: 3px;
    border-radius: 5px;
}

    .SPageBlk .SPItemAtv {
        width: auto;
        height: auto;
        float: left;
    }

        .SPageBlk .SPItemAtv a {
            width: auto;
            height: 15px;
            padding: 5px;
            display: block;
            margin-right: 3px;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
            font-size: 12px;
            color: #363636;
            border: 1px solid #999;
            border-radius: 5px;
            background-color: #DAFCFF;
            text-decoration: none;
        }

    .SPageBlk .SPItem {
        width: auto;
        height: auto;
        float: left;
    }

        .SPageBlk .SPItem a {
            width: auto;
            height: 15px;
            padding: 5px;
            display: block;
            margin-right: 3px;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
            font-size: 12px;
            color: #363636;
            border: 1px solid #999;
            border-radius: 5px;
            background-color: #FFF;
            text-decoration: none;
        }

            .SPageBlk .SPItem a:hover {
                width: auto;
                height: 15px;
                display: block;
                margin-right: 2px;
                font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
                font-size: 12px;
                color: #FFF;
                border: 1px solid #FCFCFC;
                border-radius: 5px;
                background-image: url('../images/TopMenu_h.jpg');
            }

/* --------------DLLeftModel-----下載專區-------------------- */
/*---------------------2014/01/15 將DLCLASSBLK改為UL-----------------------------------------*/
.DLClassBlk {
    border: 1px solid #333;
    border-radius: 5px;
    width: 183px;
    padding: 5px;
    padding-top: 10px;
    margin-bottom: 5px;
}

    .DLClassBlk .DLList {
        display: block;
        color: #363636;
        margin-bottom: 8px;
    }

    .DLClassBlk li {
        margin: 0px 0px 6px 0px;
    }

        .DLClassBlk li a {
            text-decoration: none;
        }

            .DLClassBlk li a:hover {
                text-decoration: underline;
            }
    /*---------------2014/01/09--------新增  .DLClassBlk .DLList a  .DLClassBlk .DLList a:hover----*/
    .DLClassBlk .DLList a {
        text-decoration: none;
        color: #000;
    }

        .DLClassBlk .DLList a:hover {
        }

.DLTB {
    margin-bottom: 8px;
}
    /*---------------2014/01/09--------新增  .DLTB input.text------*/

    .DLTB input.text {
        width: 100%;
    }


.DLRight {
    float: left;
    width: 730px;
    height: auto;
    margin-left: 10px;
}

.DLItem {
    width: 730px;
    height: auto;
    float: left;
    margin-bottom: 5px;
}

    .DLItem .P {
        width: 700px;
        height: auto;
        padding: 10px;
        border: 1px solid #004396;
        background-color: #DFF0FC;
        border-radius: 5px;
    }

        .DLItem .P .Left {
            float: left;
            width: 110px;
            background-color: #fff;
            padding: 5px;
        }

            .DLItem .P .Left .Pic {
                margin-bottom: 5px;
                text-align: center;
            }

            .DLItem .P .Left .Txt {
                margin-bottom: 5px;
                text-align: center;
            }

        .DLItem .P .Right {
            float: left;
            margin-left: 10px;
            margin-right: 10px;
            width: 560px;
            height: auto;
        }

            .DLItem .P .Right .Layer {
                width: 560px;
                border-bottom: 1px solid #004396;
                padding-bottom: 10px;
                margin-bottom: 10px;
            }

                .DLItem .P .Right .Layer .LayLeft {
                    float: left;
                }

                    .DLItem .P .Right .Layer .LayLeft .Name {
                        float: left;
                        margin-right: 5px;
                        margin-bottom: 5px;
                    }

                    .DLItem .P .Right .Layer .LayLeft .Txt350 {
                        float: left;
                        margin-right: 5px;
                        margin-bottom: 5px;
                        width: 350px;
                    }
                        /*----------------2014/01/09----------新增.DLItem .P .Right .Layer .LayLeft .Txt350 span------*/
                        .DLItem .P .Right .Layer .LayLeft .Txt350 span {
                            line-height: 18px;
                        }

                        .DLItem .P .Right .Layer .LayLeft .Txt350 .DLabel {
                            color: #fff;
                            border: 1px solid #0026ff;
                            background-color: #0094ff;
                            padding-bottom: 2px;
                            margin-top: 5px;
                            width: 60px;
                            height: 12px;
                            line-height: 13px; /*-----------------------2014/01/15 增加行高-------------------------------*/
                            display: block;
                            text-align: center;
                        }
    /*----------------2014/01/09----------新增 .DLItem .Right .Layer .LayLeft .Txt350 .DLabel a  .DLItem .Right .Layer .LayLeft .Txt350 .DLabel a:hover------*/
    .DLItem .Right .Layer .LayLeft .Txt350 .DLabel a {
        color: #fff;
        text-decoration: none;
    }

        .DLItem .Right .Layer .LayLeft .Txt350 .DLabel a:hover {
            color: #fff;
        }

    .DLItem .P .Right .Layer .LayerRight {
        float: left;
    }

        .DLItem .P .Right .Layer .LayerRight .Txt {
            margin-bottom: 10px;
        }

    .DLItem .P .Right .Layer2 {
        width: 560px;
    }

        .DLItem .P .Right .Layer2 .Name {
            float: left;
            margin-right: 5px;
            margin-bottom: 5px;
        }

        .DLItem .P .Right .Layer2 .Txt500 {
            float: left;
            width: 500px;
            line-height: 24px; /*---------------2014/01/09---------新增行高---------*/
        }

    .DLItem .W {
        width: 700px;
        height: auto;
        padding: 10px;
        border: 1px solid #999;
        border-radius: 5px;
    }

        .DLItem .W .Left {
            float: left;
            width: 110px;
            background-color: #fff;
            padding: 5px;
        }

            .DLItem .W .Left .Pic {
                margin-bottom: 5px;
                text-align: center;
            }

            .DLItem .W .Left .Txt {
                margin-bottom: 5px;
                text-align: center;
            }

        .DLItem .W .Right {
            float: left;
            margin-left: 10px;
            margin-right: 10px;
            width: 560px;
            height: auto;
        }

            .DLItem .W .Right .Layer {
                width: 560px;
                border-bottom: 1px solid #004396;
                padding-bottom: 10px;
                margin-bottom: 10px;
            }

                .DLItem .W .Right .Layer .LayLeft {
                    float: left;
                }

                    .DLItem .W .Right .Layer .LayLeft .Name {
                        float: left;
                        margin-right: 5px;
                        margin-bottom: 5px;
                    }

                    .DLItem .W .Right .Layer .LayLeft .Txt350 {
                        float: left;
                        margin-right: 5px;
                        margin-bottom: 5px;
                        width: 350px;
                    }
                        /*----------------2014/01/09----------新增   .DLItem .W .Right .Layer .LayLeft .Txt350 span------*/
                        .DLItem .W .Right .Layer .LayLeft .Txt350 span {
                            line-height: 18px;
                        }

                        .DLItem .W .Right .Layer .LayLeft .Txt350 .DLabel {
                            color: #fff;
                            border: 1px solid #0026ff;
                            background-color: #0094ff;
                            padding-bottom: 2px;
                            margin-top: 5px;
                            width: 60px;
                            height: 12px;
                            line-height: 13px; /*-----------------------2014/01/15 增加行高-------------------------------*/
                            display: block;
                            text-align: center;
                        }

                .DLItem .W .Right .Layer .LayerRight {
                    float: left;
                }

                    .DLItem .W .Right .Layer .LayerRight .Txt {
                        margin-bottom: 10px;
                    }

            .DLItem .W .Right .Layer2 {
                width: 560px;
            }

                .DLItem .W .Right .Layer2 .Name {
                    float: left;
                    margin-right: 5px;
                    margin-bottom: 5px;
                }

                .DLItem .W .Right .Layer2 .Txt500 {
                    float: left;
                    width: 500px;
                    line-height: 24px; /*----2014/01/09---新增行高--*/
                }


/* -------------Contactme-------聯絡我們------------------- */
.ContLeft {
    width: 80px;
    height: auto;
    text-align: right;
    margin-right: 5px;
    float: left;
    margin-bottom: 10px;
}

.ContRight {
    width: 500px;
    height: auto;
    float: left;
    margin-bottom: 10px;
    text-align: left; /*-----2014/01/09---新增文字對齊--*/
}

.ContBtn {
    width: 120px;
    height: auto;
    margin-left: 85px;
    margin-top: 5px;
}


/*---------------------------2014/01/15  增加contentTxt屬性----------------------------------*/
.contactForm .contentTxt {
    height: 200px;
    width: 500px;
}

/* ------------FaqSubModel-----------FAQ-------------- */
/*------------------2014/01/15---將FAQ頁面的TITLE樣式搬到CSS內--------------------------------*/
.faqTitle {
    margin-right: 360px;
}

.FaqSubModel {
    width: 95%;
    height: auto;
    padding: 8px;
    box-shadow: 2px 2px 4px #004396;
    border-radius: 8px;
    border: 1px solid #004396;
    background-color: #E8F4FC;
    margin-bottom: 5px;
    font-weight: bold;
}

    .FaqSubModel .FaqBtn {
        width: 60px;
        height: auto;
        font-size: 13px;
        font-weight: normal;
        border: 1px solid #004396;
        border-left: 12px solid #004396;
        border-radius: 5px;
        padding: 0px 5px;
        float: left;
    }

    .FaqSubModel .SubTxt {
        width: 570px; /*------------------2014/01/09-----修改寬度設定(auto -> 570px)------------*/
        height: auto;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        float: left;
        margin-left: 10px;
        text-align: left; /*------------------2014/01/09-----新增文字對齊------------*/
    }

.FaqAnsModel {
    width: 95%;
    height: auto;
    padding: 8px;
    border: 1px solid #004396;
    background-color: #E8F4FC;
    margin-bottom: 10px;
    font-weight: normal;
}

    .FaqAnsModel .AnsBtn {
        width: 60px;
        height: auto;
        font-size: 13px;
        font-weight: normal;
        border: 1px solid #004396;
        border-left: 12px solid #004396;
        border-radius: 5px;
        padding: 0px 5px;
    }

    .FaqAnsModel .AnsTxt {
        line-height: 1.6em;
        margin-left: 10px;
        margin-right: 10px;
        text-align: left;
    }


/* ------------訂單列表-------------- */
/*---------2014/01/15-將訂單名細的表格樣式改為新版-------*/
.orderContent {
    margin: 0 auto;
    width: 938px;
}

    .orderContent tr {
    }

        .orderContent tr td {
        }

        .orderContent tr.title {
            height: 34px;
        }

            .orderContent tr.title.even th {
                background-color: #C0E5FF;
            }

            .orderContent tr.title th {
                border-right: 1px solid #004396;
                text-align: center;
                line-height: 34px;
                font-size: 13px;
                font-weight: bold;
            }

                .orderContent tr.title th.cancel {
                    width: 54px;
                }

                .orderContent tr.title th.number {
                    width: 185px;
                    padding: 0px 0px 0px 5px;
                    text-align: left;
                }

                .orderContent tr.title th.name {
                    width: 184px;
                    padding: 0px 0px 0px 5px;
                    text-align: left;
                }

                .orderContent tr.title th.amount {
                    width: 50px;
                }

                .orderContent tr.title th.unit {
                    width: 50px;
                }

                .orderContent tr.title th.numberTax {
                    width: 60px;
                }

                .orderContent tr.title th.price {
                    width: 70px;
                }

                .orderContent tr.title th.sum {
                    width: 73px;
                }

                .orderContent tr.title th.bonusMuch {
                    width: 60px;
                }

                .orderContent tr.title th.bonusPoint {
                    width: 80px;
                }

                .orderContent tr.title th.status {
                    width: 62px;
                    border-right: none;
                }

        .orderContent tr.prod.even td {
            background-color: #fff;
        }

        .orderContent tr.prod td {
            border-right: 1px solid #004396;
            border-bottom: 1px solid #004396;
            background-color: #E8F4FC;
            text-align: left;
            line-height: 20px;
            font-size: 13px;
        }

            .orderContent tr.prod td.cancel,
            .orderContent tr.prod td.amount,
            .orderContent tr.prod td.unit,
            .orderContent tr.prod td.numberTax,
            .orderContent tr.prod td.price,
            .orderContent tr.prod td.sum,
            .orderContent tr.prod td.bonusMuch,
            .orderContent tr.prod td.bonusPoint,
            .orderContent tr.prod td.status {
                text-align: center;
                white-space: nowrap;
            }

            .orderContent tr.prod td.status {
                border-right: none;
            }

            .orderContent tr.prod td span {
                padding: 5px;
                display: block;
            }

        .orderContent tr.end td {
            border-bottom: none;
        }

.OrderListModel {
    width: 95%;
    border-bottom: 1px solid #004396;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
}

    .OrderListModel .TrTit {
        background-color: #C0E5FF;
        height: 25px;
    }

    .OrderListModel .TrP {
        background-color: #EEFDFF;
    }
    /*標題用*/
    .OrderListModel Th {
        text-align: center;
        border-left: 1px solid #004396;
        border-top: 1px solid#004396;
        padding: 5px 0px;
    }
    /*標題用 End*/

    .OrderListModel Td {
        text-align: center;
        border-left: 1px solid #004396;
        border-top: 1px solid #004396;
        padding: 5px 0px;
        vertical-align: middle; /*---------2014/01/15-----新增垂直對齊--------*/
    }
        /*---------2014/01/15-----將ATM回覆的圖片格式搬出來--------*/
        .OrderListModel td img.atmReply {
            width: 80px;
            height: 40px;
        }

    .OrderListModel .TdE {
        text-align: center;
        border-left: 1px solid #004396;
        border-top: 1px solid #004396;
        border-right: 1px solid #004396;
    }


/* ------------OrderDtl-------訂單明細------------------ */
.OrderDtl {
    width: 938px;
    height: auto;
    background-color: #E8F4FC;
    border: 1px solid #004396;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

    .OrderDtl .BL {
        width: 618px;
        padding: 10px;
        float: left;
        font-weight: bold;
        border-bottom: 1px solid #004396;
        border-right: 1px solid #004396;
        font-size: 16px;
    }

    .OrderDtl .BRig {
        width: 278px;
        padding: 10px;
        float: left;
        font-weight: bold;
        border-bottom: 1px solid #004396;
        font-size: 16px;
    }


.OrderDtlBtn {
    width: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
}


/* ------------SppCon-------購物車結帳---------------- */
.SppCon {
    width: 98%;
    margin-top: 10px;
    border-bottom: 1px solid #004396;
    border-right: 1px solid #004396;
}

.SppConLModel {
    text-align: right;
    border-left: 1px solid #004396;
    border-top: 1px solid #004396;
    padding: 5px;
    width: 155px;
}

.SppConRModel {
    text-align: left;
    border-left: 1px solid #004396;
    border-top: 1px solid #004396;
    padding: 5px;
}
    /*------------------2014/01/15  新增訂單確認內TEXTBOX的樣式-----------------*/
    .SppConRModel .ctl00_CP_main_ContactMan {
        width: 100px;
    }

    .SppConRModel .ctl00_CP_main_Invoice23 {
        display: inline;
    }

        .SppConRModel .ctl00_CP_main_Invoice23 .ctl00_CP_main_cCTCOD {
            width: 70px;
        }

    .SppConRModel .ctl00_CP_main_Zip {
        width: 30px;
    }

    .SppConRModel .ctl00_CP_main_ddl_City_Area {
        height: 19px;
    }

    .SppConRModel .ctl00_CP_main_CUST_ADDR {
        width: 300px;
    }

    .SppConRModel .ctl00_CP_main_tb_GetBonus {
        background-color: silver;
        width: 60px;
        text-align: right;
    }


    /*--------------2014/01/09----------新增  .SppConRModel.describeTxt .SppConRModel .bonusVal .SppConRModel .addBonusVal .SppConRModel .remarkTxt 四個class-----*/
    .SppConRModel.describeTxt {
        text-align: left;
        border-left: 1px solid #ffb3b3;
        border-top: 1px solid #ffb3b3;
        padding: 5px;
        font-size: 12px;
    }

    .SppConRModel .bonusVal {
        color: #FF0000;
        font-weight: bold;
        margin-left: 80px;
    }

    .SppConRModel .addBonusVal {
        color: #FF0000;
        font-weight: bold;
    }
        /*-------------2014/01/15 新增  .addBonusVal .warningTxt------------------------------*/
        .SppConRModel .addBonusVal .warningTxt {
            margin: 0px 3px;
        }

    .SppConRModel .remarkTxt {
        color: #FF0000;
        font-weight: normal;
        font-size: 12px;
    }
    /*-------------2014/01/15 新增  .ctl00_CP_main_tb_Notes------------------------------*/
    .SppConRModel .ctl00_CP_main_tb_Notes {
        width: 350px;
    }

.SppConBtnModel {
    text-align: center;
    border-left: 1px solid #004396;
    border-top: 1px solid #004396;
    padding: 5px;
}
    /*-------------2014/01/15 新增  .ctl00_CP_main_CheckOut------------------------------*/
    .SppConBtnModel .ctl00_CP_main_CheckOut {
        margin-right: 20px;
    }

.SppConADPModel {
    width: 120px;
    height: 120px;
}

.SppConADTModel {
    font-size: 12px;
    color: #0026ff;
    text-align: center;
}

.SppA {
    color: #363636;
    margin-bottom: 5px;
}

.SppB {
    color: #363636;
    margin-bottom: 5px;
    margin-left: 15px;
}

.SppC {
    color: #363636;
    margin-bottom: 5px;
    color: #0026ff;
    font-weight: bold;
}

.SppD {
    color: #363636;
}

.ContantBblk .cartInfo {
    border: 1px solid #004396;
    width: 890px;
    margin: auto;
}
    /*------------------2014/01/15 新增TD內文字對齊-----------*/
    .ContantBblk .cartInfo tr {
    }

        .ContantBblk .cartInfo tr td {
            vertical-align: middle;
        }

.ContantBblk .prodNumber span {
    color: #FF0000;
}

.ContantBblk .prodName span {
    color: #0026ff;
}

/*-------------------2014/01/09----------新增購物車明細用class---------*/
/* -----------以下到下個星號範圍內為新增屬性   */
.ContantBblk .cartInfo tr {
}

    .ContantBblk .cartInfo tr td {
        border-bottom: 1px solid #004396;
        border-right: 1px solid #004396;
    }

    .ContantBblk .cartInfo tr.subject.even {
        background-color: #E8F4FC;
    }

    .ContantBblk .cartInfo tr.subject td {
        height: 30px;
        line-height: 30px;
        background-color: #E8F4FC;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
    }

    .ContantBblk .cartInfo tr.title {
    }

        .ContantBblk .cartInfo tr.title td {
            height: 26px;
            line-height: 26px;
            text-align: center;
            background-color: #C0E5FF;
            height: 26px;
            white-space: nowrap;
        }



            .ContantBblk .cartInfo tr.title td.cancel {
                width: 33px;
            }

            .ContantBblk .cartInfo tr.title td.addDate {
                width: 80px;
            }

            .ContantBblk .cartInfo tr.title td.prodImg {
                width: 120px;
            }

            .ContantBblk .cartInfo tr.title td.detail {
                width: 338px;
            }

            .ContantBblk .cartInfo tr.title td.bonusMuch {
                width: 67px;
            }

            .ContantBblk .cartInfo tr.title td.price {
                width: 66px;
            }

            .ContantBblk .cartInfo tr.title td.unit {
                width: 35px;
            }

            .ContantBblk .cartInfo tr.title td.orderNum {
                width: 96px;
            }

            .ContantBblk .cartInfo tr.title td.totalNum {
                width: 48px;
            }

    .ContantBblk .cartInfo tr.even {
        background-color: #E8F4FC;
    }

    .ContantBblk .cartInfo tr.pord {
    }

    .ContantBblk .cartInfo tr.prod td {
        text-align: center;
        line-height: 20px;
        padding: 0px 0px 3px 0px;
    }

        .ContantBblk .cartInfo tr.prod td.cancel {
        }
            /*-------2014/01/15-將img的游標屬性設成pointer----------------*/
            .ContantBblk .cartInfo tr.prod td.cancel img {
                cursor: pointer;
            }

        .ContantBblk .cartInfo tr.prod td.addDate {
        }

        .ContantBblk .cartInfo tr.prod td.prodImg {
            background-color: #fff;
        }

        .ContantBblk .cartInfo tr.prod td.detail {
            text-align: left;
        }

            .ContantBblk .cartInfo tr.prod td.detail ul {
                width: 328px;
                margin: 5px;
            }

                .ContantBblk .cartInfo tr.prod td.detail ul li {
                    float: none;
                    clear: both;
                }

                    .ContantBblk .cartInfo tr.prod td.detail ul li .title {
                        float: left;
                        width: 62px;
                        color: #0026ff;
                        font-weight: bold;
                    }

                    .ContantBblk .cartInfo tr.prod td.detail ul li .info {
                        float: right; /*-----------2014/01/15----修改FLOAT (left -> right)------------*/
                        text-align: left;
                        width: 265px;
                    }

                    .ContantBblk .cartInfo tr.prod td.detail ul li.prodSn .info,
                    .ContantBblk .cartInfo tr.prod td.detail ul li.prodName .info {
                        color: #0026ff;
                        font-weight: bold;
                    }

                    .ContantBblk .cartInfo tr.prod td.detail ul li.prodDescribe {
                    }

        .ContantBblk .cartInfo tr.prod td.bonusMuch {
        }

        .ContantBblk .cartInfo tr.prod td.price {
        }

        .ContantBblk .cartInfo tr.prod td.unit {
            color: #0026ff;
            font-weight: bold;
        }

        /*--------------------2014/01/15-將shoppinglist結尾的總計欄位樣式搬進CSS內-----------------------------------*/
        .ContantBblk .cartInfo tr.prod td.orderNum {
        }

            .ContantBblk .cartInfo tr.prod td.orderNum input {
                width: 30px;
                text-align: right;
            }

        .ContantBblk .cartInfo tr.prod td.totalNum {
        }

    .ContantBblk .cartInfo tr td.SppBtn {
        background-color: #C0E5FF;
        height: 25px;
        text-align: right;
        font-size: 14px;
        padding-top: 5px;
        padding-right: 10px;
        font-weight: bold;
        border-left: 1px solid #004396;
        border-right: 1px solid #004396;
        color: #0026ff;
    }



/*-------------------2014/01/09----------新增屬性結束(carinfo) ---------*/

/* ------------company_man---------聯絡人清單---------------- */
.ContantBblk .CMblk {
    width: 98%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

    .ContantBblk .CMblk .Sub {
        width: 300px;
        height: auto;
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
        color: #004396;
    }

.CmTab {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #004396;
}

    .CmTab tr {
        height: 30px;
        text-align: center;
        font-weight: bold;
        border-bottom: 1px solid #004396;
    }

        .CmTab tr th {
            border-right: 1px solid #004396;
            background: #C0E5FF;
            text-align: center;
            font-weight: bold;
            padding-top: 7px;
        }

        .CmTab tr td {
            border-right: 1px solid #004396;
            text-align: center;
            font-weight: bold;
            padding-top: 5px;
        }

    .CmTab .Lr {
        border-right: 1px solid #004396;
        text-align: center;
        font-weight: bold;
        padding-top: 5px;
        background: #E7F5FF;
    }



.Dfman {
    width: 96%;
    height: auto;
    margin-top: 20px;
    padding-left: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #004396;
}

.BackBtn {
    width: 96%;
    height: auto;
    margin-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    text-align: right;
}

.AddLeft {
    width: 100px;
    height: 20px;
    line-height: 20px; /*----------------------2014/01/09---------增加行高-----*/
    margin-bottom: 10px;
    margin-left: 30px;
    padding: 5px;
    border: 1px solid #004396;
    float: left;
    text-align: right;
}

.AddRight {
    width: 600px;
    height: 27px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 3px;
    border-top: 1px solid #004396;
    border-right: 1px solid #004396;
    border-bottom: 1px solid #004396;
    background-color: #C0E5FF;
    float: left;
    text-align: Left;
    line-height: 20px; /*----------------------2014/01/09---------增加行高-----*/
}
    /*----------------2014/01/15----公司聯絡人區塊的TEXTBOX----------------*/
    .AddRight .ctl00_CP_main_MAN {
        width: 70px;
    }

    .AddRight .ctl00_CP_main_MAN_TITLE {
        width: 50px;
    }

    .AddRight .ctl00_CP_main_TELNO {
        width: 100px;
    }

    .AddRight .ctl00_CP_main_MOBILNO {
        width: 100px;
    }

    .AddRight .ctl00_CP_main_EMAIL {
        width: 180px;
    }

    .AddRight .ctl00_CP_main_DELSEQ {
        width: 30px;
    }



    /*----------------------2014/01/09---------.AddRight input.text .AddRight input.checkBox{-----*/
    .AddRight input.text {
        width: 590px;
    }

    .AddRight input.checkBox {
        vertical-align: middle;
    }

/* ------------PrdNBlk---------買貴通報---------------- */
.PrdNBlk {
    width: 90%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 15px;
    border-bottom: 1px dashed #999;
}

    .PrdNBlk .PrdNpic {
        width: 280px;
        height: 280px;
        float: left;
        margin-right: 20px;
        padding-bottom: 20px;
    }

        .PrdNBlk .PrdNpic img {
            max-width: 280px;
            max-height: 280px;
        }

    .PrdNBlk .PrdNRBlk {
        float: left;
    }

        .PrdNBlk .PrdNRBlk .Txt {
            font-family: 微軟正黑體,Arial;
            font-size: 15px;
            color: #1f5883;
            margin-bottom: 10px;
        }

.PrdNBlkB {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 10px;
}
    /*----------------2014/01/09---------------買貴通報增加屬性--------*/
    /* -----------以下到下個星號範圍內為新增屬性   */
    .PrdNBlkB .contactInfo {
        height: 30px;
        display: block;
        float: none;
    }

        .PrdNBlkB .contactInfo .PrdNTit {
            height: 30px;
            line-height: 30px;
            margin: 0px;
            padding: 0px;
        }

        .PrdNBlkB .contactInfo .PrdNTBox {
            height: 30px;
            margin: 0px;
            padding: 0px 0px 0px 3px;
        }
        /*-----------------2014/01/15-買貴通報的驗證碼區塊樣式搬進CSS內---------------------------------------*/
        .PrdNBlkB .contactInfo.vcode .PrdNTBox img {
            vertical-align: middle;
            cursor: pointer;
        }

        .PrdNBlkB .contactInfo.vcode .reloadCode {
            width: 100px;
        }

        .PrdNBlkB .contactInfo .PrdNTBtn {
            margin: 0px;
            padding: 0px 0px 0px 6px;
        }

        .PrdNBlkB .contactInfo input.text {
            margin: 3px 0px 0px 0px;
            width: 340px;
        }

        .PrdNBlkB .contactInfo.reason,
        .PrdNBlkB .contactInfo.reason .PrdNTBox {
            height: 150px;
        }

            .PrdNBlkB .contactInfo.reason textarea {
                height: 136px;
                width: 340px;
                margin: 3px 0px 0px 0px;
                padding: 2px;
            }

        .PrdNBlkB .contactInfo.vCode input.text {
            width: 129px;
        }

        .PrdNBlkB .contactInfo.sendBtn {
            padding: 0px 0px 0px 3px;
        }

    /* -----------新增屬性(contactInfo)  結束------------ */

    .PrdNBlkB .PrdNTit {
        width: 100px;
        height: auto;
        text-align: right;
        padding-right: 10px;
        float: left;
        margin-bottom: 10px;
        color: #1f5883;
        vertical-align: top;
    }

    .PrdNBlkB .PrdNTBox {
        width: 500px;
        height: auto;
        text-align: left;
        float: left;
        margin-bottom: 10px;
        color: #1f5883;
    }

    .PrdNBlkB .PrdNTBtn {
        width: auto;
        height: auto;
        text-align: left;
        margin-bottom: 10px;
        color: #1f5883;
        vertical-align: middle;
        margin-left: 110px;
    }

        .PrdNBlkB .PrdNTBtn img {
            vertical-align: middle;
        }
/* ------------TrackList---------產品追蹤清單---------------- */
.TrackList {
    width: 95%;
    border-bottom: 1px solid #004396;
    margin-left: auto;
    margin-right: auto;
}

    .TrackList .TrTit {
        background-color: #C0E5FF;
        height: 25px;
    }

        .TrackList .TrTit .TitTd {
            text-align: center;
            border-left: 1px solid #004396;
            border-top: 1px solid #004396;
            padding-top: 5px;
            vertical-align: top;
        }

        .TrackList .TrTit .TitTdE {
            text-align: center;
            border-left: 1px solid #004396;
            border-top: 1px solid #004396;
            border-right: 1px solid #004396;
        }

    .TrackList .TrP {
        background-color: #E8F4FC;
        height: auto;
    }

        .TrackList .TrP .Tdp {
            text-align: center;
            border-left: 1px solid #004396;
            border-top: 1px solid #004396;
            padding-top: 5px;
            vertical-align: top;
        }

        .TrackList .TrP .Tdpic {
            text-align: center;
            border-left: 1px solid #004396;
            border-top: 1px solid #004396;
            width: 120px;
            height: auto;
            background-color: #fff;
            vertical-align: middle;
        }

        .TrackList .TrP .Tdp .TdNa {
            color: #0026ff;
            font-weight: bold;
            margin-bottom: 5px;
            margin-left: 5px;
            text-align: left;
            word-break: break-all;
        }

        .TrackList .TrP .Tdp .TdCn {
            color: #363636;
            font-weight: normal;
            margin-bottom: 5px;
            margin-left: 5px;
            text-align: left;
            word-break: break-all;
        }

        .TrackList .TrP .TdL {
            text-align: left;
            border-left: 1px solid #004396;
            border-top: 1px solid #004396;
            border-right: 1px solid #004396;
            padding: 5px;
        }

            .TrackList .TrP .TdL .TDbtn {
                margin: 10px;
            }
                /*-----------------2014/01/15--將產品追蹤清單內的樣式搬到CSS內---------------------------------------*/
                .TrackList .TrP .TdL .TDbtn .tBamount {
                    width: 30px;
                }

                .TrackList .TrP .TdL .TDbtn .ctl00_CP_main_TrackRepeater_ctl01_btn_buy {
                    font: 12px;
                }

                .TrackList .TrP .TdL .TDbtn .ctl00_CP_main_TrackRepeater_ctl01_btn_del {
                    color: red;
                    text-decoration: line-through;
                }


    .TrackList Tr {
        height: auto;
    }

        .TrackList Tr .Tdp {
            text-align: center;
            border-left: 1px solid #004396;
            border-top: 1px solid #004396;
            padding-top: 5px;
            vertical-align: top;
        }

        .TrackList Tr .Tdpic {
            text-align: center;
            border-left: 1px solid #004396;
            border-top: 1px solid #004396;
            width: 120px;
            height: auto;
            background-color: #fff;
            vertical-align: middle;
        }

        .TrackList Tr .Tdp .TdNa {
            color: #0026ff;
            font-weight: bold;
            margin-bottom: 5px;
            margin-left: 5px;
            text-align: left;
            word-break: break-all;
        }

        .TrackList Tr .Tdp .TdCn {
            color: #363636;
            font-weight: normal;
            margin-bottom: 5px;
            margin-left: 5px;
            text-align: left;
            word-break: break-all;
        }

        .TrackList Tr .TdL {
            text-align: left;
            border-left: 1px solid #004396;
            border-top: 1px solid #004396;
            border-right: 1px solid #004396;
            padding: 5px;
        }

            .TrackList Tr .TdL .TDbtn {
                margin: 10px;
            }
    /*-----------------2014/01/15--將產品追蹤清單內的樣式搬到CSS內---------------------------------------*/
    .TrackList .Tr .TdL .TDbtn .tBamount {
        width: 30px;
    }

    .TrackList .Tr .TdL .TDbtn .ctl00_CP_main_TrackRepeater_ctl01_btn_buy {
        font: 12px;
    }

    .TrackList .Tr .TdL .TDbtn .ctl00_CP_main_TrackRepeater_ctl01_btn_del {
        color: red;
        text-decoration: line-through;
    }

.TrackTdCna {
    color: #0026ff;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 5px;
    text-align: left;
    word-break: break-all;
}

.TrackTdCnb {
    color: #990000;
    font-weight: normal;
    margin-bottom: 5px;
    margin-left: 5px;
    text-align: left;
    word-break: break-all;
}




/* --------------------------.FooterModel-----------頁尾---------- */
.FooterModel {
    width: 100%;
    height: auto;
}

    .FooterModel .BtmMenu { /* -----BtmMenu----底層選單--- */
        width: 965px;
        height: auto;
        background-image: url('../images/Main_bg.png');
        border-radius: 5px;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        padding: 5px;
        padding-left: 20px;
    }

        .FooterModel .BtmMenu a {
            width: auto;
            height: 20px;
            display: block;
            float: left;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 6px;
            margin-right: 5px;
            text-decoration: none;
            font-size: 12px;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
            font-weight: normal;
            color: #363636;
            text-align: center;
            background-image: url('../images/TopMenu.jpg');
            border-radius: 5px;
            border: 1px solid #BCBCBC;
        }

            .FooterModel .BtmMenu a:hover {
                color: #fff;
                text-align: center;
                background-image: url('../images/TopMenu_h.jpg');
                border-radius: 5px;
                box-shadow: 2px 2px 4px #000;
                border: 1px solid #004396;
            }

    .FooterModel .Copyright { /*----------Copyright------版權宣告------*/
        clear: both;
        width: 100%;
        height: auto;
        padding-top: 8px;
        padding-bottom: 10px;
        text-align: center;
        background-color: #eaeaea;
        text-decoration: none;
        font-size: 12px;
        line-height: 1.6em;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        color: #363636;
        border-bottom: 1px solid #666;
        border-top: 1px solid #FFF;
    }

        .FooterModel .Copyright a {
            color: #363636;
            text-decoration: none;
            border-bottom: 1px solid #363636;
            padding-bottom: 2px;
        }

            .FooterModel .Copyright a:hover {
                border-bottom: 1px solid #F00;
                padding-bottom: 2px;
            }

        /*-------------------2014/01/15--copyright格式修改-------------------------------------------*/
        .FooterModel .Copyright ul {
            text-align: center;
        }

            .FooterModel .Copyright ul li {
                display: inline-block;
                margin: 0px 8px;
            }

                .FooterModel .Copyright ul li.bestBrowse {
                    float: none;
                    clear: both;
                    display: block;
                }
/*---------------------------atm 繳款資料-----------------------*/
.atmno {
    width: auto;
    height: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #004396;
    font-family: 微軟正黑體,Arial;
    font-size: 20px;
    color: #004396;
    font-weight: bold;
    margin-left: 40px;
}

.atmselect {
    margin-top: 10px;
    width: auto;
    height: auto;
    padding-bottom: 10px;
    font-family: 微軟正黑體,Arial;
    font-size: 14px;
    margin-left: 40px;
}

.bankatm {
    width: auto;
    height: auto;
    border: 0;
    margin-left: 40px;
    margin-bottom:10px;
}
    .bankatm .tb_Bank
    {
        width:90px;
    }
    .bankatm .tb_replyNum
    {
         width:90px;
    }
    .bankatm .tb_replydate
    {
        width:200px;
    }
    .bankatm .tb_PS
    {
        width:250px;
    }
    .bankatm td {
        border: 1px solid #004396;
        padding: 5px 10px;
        font-family: 微軟正黑體,Arial;
        font-size: 14px;
    }

    .bankatm .left {
        text-align: right;
        background: #c0e5ff;
        width: 120px;
    }

    .bankatm .right {
        text-align: left;
        width: 450px;
        font-family: 微軟正黑體,Arial;
        font-size: 14px;
    }
.atmps {
    width:auto;
    height:auto;
    font-family: 微軟正黑體,Arial;
    font-size: 14px;
    color:#F00;
    margin-left:40px;
}
.atmres {
    font-size: 14px;
    color:#004396;
    margin-left:40px;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #004396;
    margin-bottom:10px;
}
.atmbtn {
    margin-left:40px;
    margin-top:15px;
    margin-bottom:10px;
}
    .atmbtn input
    {
        margin-right: 20px;
    }
.chot {
    width: 700px;
    height: auto;
    border: 0;
    margin-left: 40px;    
}
    .chot th {
        background:#c0e5ff;
        border: 1px solid #004396;
        padding: 5px 10px;
        font-family: 微軟正黑體,Arial;
        font-size: 14px;
    }
    .chot td {        
        border: 1px solid #004396;
        padding: 5px 10px;
        font-family: 微軟正黑體,Arial;
        font-size: 14px;
    }
    .chot .tit {
        width:100px;
        text-align:right;
        background:#c0e5ff;
    }
    .chot .tright {
        width:100px;
        text-align:right;        
    }
    .chot .trightY {
        width:100px;
        text-align:right;   
        background:#fff7c9;  
    }
    .chot .trightR {
        width:100px;
        text-align:right;   
        color:#F00;
        font-weight:bold;
        font-size:18px;
    }