﻿body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 12px;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
}

body div#tooltip {
    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;
}

    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;
        }

            body div#tooltip p em span {
                font-weight: bold;
                color: #669900;
            }

.none {
    display:none !important;
    visibility:hidden;    
}

.box {
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    height: auto;
}

.main {
    width: 990px;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6em;
    margin-left: auto;
    margin-right: auto;
}

.about {
    padding-left: 30px;
    padding-right: 30px;
    background-image: url(/images/newpanel/about_main_mid.jpg);
}

.contact {
    text-align: center;
    padding-left: 40px;
    padding-right: 60px;
    background-image: url(/images/newpanel/cont_main_mid.jpg);
}

.joinsupp {
    text-align: center;
    padding-left: 40px;
    padding-right: 60px;
    background-image: url(/images/join/addsupp_main_mid.jpg);
}

.joindealer {
    text-align: center;
    padding-left: 30px;
    padding-right: 50px;
    background-image: url(/images/join/adddealer_main_mid.jpg);
}

.service {
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(/images/newpanel/loc_main_mid.jpg);
}

.faq {
    padding: 10px;
    border: 1px solid #C9E7F2;
    width: 97%;
    height: auto;
    margin-left: 10px;
    margin-top: 10px;
    line-height: 1.6em;
    background-color: #E7EBF4;
}

.news {
    padding: 10px;
    border: 1px solid #C9E4EF;
    width: 750px;
    height: auto;
    margin-left: 10px;
    margin-top: 10px;
    line-height: 1.6em;
    background-color: #E7EBF4;
}

.questions {
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(/images/newpanel/qt_main_mid.jpg);
}

.DL_item {
    width: 158px;
    height: auto;
    border: 1px solid #E0E0EC;
    padding: 10px;
    line-height: 1.6em;
    margin-left: 5px;
    background-color: #EFEEF3;
}

    .DL_item a {
        line-height: 2.2em;
    }

        .DL_item a:hover {
            background-color: #cccccc;
        }

.download {
    padding: 10px;
    border: 1px solid #c5c5e0;
    width: 750px;
    height: auto;
    margin-left: 10px;
    margin-top: 10px;
    line-height: 1.6em;
    background-color: #E7EBF4;
}

.s_menu {
    width: 790px;
    height: 65px;
    padding-left: 200px;
    background-image: url(/images/newpanel/member_login_title.jpg);
}

.car_menu1 {
    width: 790px;
    height: 65px;
    padding-left: 200px;
    background-image: url(/images/newpanel/member_login_title2.jpg);
}

.car_menu2 {
    width: 790px;
    height: 65px;
    padding-left: 200px;
    background-image: url(/images/newpanel/member_login_title3.jpg);
}

.clear {
    clear: both;
}

.shopList {
    width: 970px;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(/images/newpanel/s_mid.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    line-height: 1.6em;
}
/*.NumberBtn input { margin-left:3px; height:1.25em}
.NumberBtn a {margin-left:3px; border: 2px outset #CCDBE4; background-color: #ccc; line-height:1.8em; padding:3px 10px 3px 10px; text-decoration:none; font-family:新細明體;}
.NumberBtn a:hover {border: 1px outset #CCDBE4; background-color: #999; color:White; padding:2px 11px 2px 11px; }*/
/*.Ad_pro_css tr td img{width:260px;height:120px;}  */
.AD_round td {
    width: 260px;
    height: 120px;
}

.AD_img {
    width: 250px;
    height: 120px;
    border: 1px;
    border-color: #DDDDDD;
}


/* ----------------------------- 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 */ 



/*--------TopMenuBlk----------*/
.TopMenuBlk {
    width: 990px;
    /*height: 80px;*/
    border-bottom: 3px solid #ced9e1;
}

.navigation {
    clear:both;
    height:33px;
    width:100%;
    line-height:33px;        
    margin:0px;
    padding:0px;
    display:block;
    border:0px;    
    background-image:url("../images/navigation/navigationBg.gif");
    background-repeat:repeat-x;
    background-position:center;

}
    .navigation li {
        list-style:none;
        float:left;
        display:block;
        height:100%;
        background-image:url("../images/navigation/separatedLine.gif");
        background-repeat:no-repeat;
        background-position:right top;
        
    }
        .navigation li a {
            font-size:12px;
            color:#333;
            text-decoration:none;
            padding:0px 13px;
            display:block;
            font-family: 新細明體,Arial,Sans-Serif;
        }
        .navigation li a:hover {
            background-image:url("../images/navigation/navigationBgHover.gif");
            background-repeat:repeat-x;
            background-position:center;
            color:#efefef;

        }
        .navigation li.end {
            background:none;
        }




    .TopMenuBlk .TopLogo {
        width: 390px;
        height: 80px;
        float: left;
    }

    .TopMenuBlk .TopMenuC {
        width: 400px;
        height: 80px;
        float: left;
    }

        .TopMenuBlk .TopMenuC .TopMenuBtn {
            width: 100px;
            height: 40px;
            float: left;
        }

    .TopMenuBlk .TopMenuR {
        width: 200px;
        height: 70px;
        padding-top: 10px;
        padding-left: 0px;
        background: url('/images/newpanel/User_info.jpg');
        float: left;
    }

        .TopMenuBlk .TopMenuR .TopMenuInfo1 {
            padding-left:10px;
            color: blue;
            margin-bottom: 10px;
        }

            .TopMenuBlk .TopMenuR .TopMenuInfo1 a {
                text-decoration: none;
                color: blue;
            }

            .TopMenuBlk .TopMenuR .TopMenuInfo1 a:hover {
                color: red;
                border-bottom: 2px solid #F00;
            }
        .TopMenuBlk .TopMenuR .TopMenuInfo2 {
            color: blue;
            margin-bottom: 10px;
        }

.Copyright {
    width: 990px;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/newpanel/footer.jpg);
    padding-top: 5PX;
    margin-top: 25px;
    text-align: center;
    line-height: 1.5em;
    color: #666;
    float:none;
    clear:both;
    position:relative;
}

    .Copyright a {
        color: #666;
        font-size: 12px;
        text-decoration: none;
    }

        .Copyright a:hover {
            color: #666;
            font-size: 12px;
            text-decoration: none;
            border-bottom: 2px solid #F00;
        }

.HR_Left {
    width: 180px;
    height: auto;
}

.HR_Title {
    width: 770px;
    height: auto;
    margin-left: 20px;
}

.HR {
    width: 750px;
    height: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    margin-left: 20px;
    padding: 20px;
}

.HR1 {
    margin-left: 8px;
    margin-top: 10px;
    padding: 5px 8px 5px 8px;
    line-height: 1.8em;
    border: 1px solid #CCCCCC;
    width: 750px;
}

.HR2 {
    margin-left: 8px;
    line-height: 1.6em;
    padding: 10px;
    width: 750px;
}

    .HR2 a {
        color: Blue;
    }

        .HR2 a:hover {
            color: Navy;
        }

.Banner {
    width: 990px;
    height: 43px;
    background-image: url(/images/newbanner/member_login_title5.jpg);
    background-repeat:no-repeat;
    background-position:left center;
    position:relative;
    padding:0px;
    margin:2px 0px;
    background-color:#f7f8fc;
    z-index:200;
  
}

    .Banner .menuList {
        margin:0px;
        padding:0px;
        display:inline-block;
        position:absolute;
        left:174px;
        
    }
        .Banner .menuList li {
            float:left;
            list-style:none;
            height:43px;
            line-height:43px;
            display:inline-block;
            position:relative;
        }

            .Banner .menuList li a {
                color:#333333;
                text-decoration:none;
            }
                .Banner .menuList li a:hover {
                    color:#db0000;
                }

            .Banner .menuList li span {
                margin:0px 18px;
            }
            .Banner .menuList li ul {
                position:absolute;
                width:108px;
                background-color:#fff;
                padding:0px;
                margin:0px;
                left:0px;
                display:none;
            }
            .Banner .menuList li:hover ul {
                display:block;                                
            }
            .Banner .menuList li ul li {
                float:none;
                width:100%;
                height:30px;
                display:block;
                line-height:30px;
                border-bottom:1px solid #eee;
            }
                .Banner .menuList li ul li:hover {
                    background-color:#efefef;
                }
                .Banner .menuList li a {
                    width:100%;
                    height:100%;
                    display:block;
                }


            .Banner .menuList li.memberCenter,
            .Banner .menuList li.repairCenter {
                background-image:url(/Images/newbanner/subIcon.gif);
                background-repeat:no-repeat;
                background-position:72px 19px;
            }

            .Banner .menuList li.cart {
                background-image:url(/Images/newbanner/carIcon.png);
                background-repeat:no-repeat;
                background-position:1px 12px;

            }
                .Banner .menuList li.cart span {
                    margin: 0 18px 0px 21px;                    
                }






            .Banner .menuList li.prodList.sub{

                width:auto ;
            }
        .Banner .menuList > li.prodList.sub:hover {
            background-color:#fff;
            height:44px;

        }
            .Banner .menuList > li.prodList.sub:hover > a {
                background-color:#fff;
                color:#db0000;
            }
                .Banner .menuList > li.prodList.sub > a {
                    
                    background-color:#faeae6;
                    font-weight:bold;
                    background-image: url("/Images/newbanner/subIcon.gif");
                    background-position: 72px 19px;
                    background-repeat: no-repeat;
                }



.Banner .menuList li.prodList.sub .content.typeList{
  background-color: #fff;
  border: 1px solid #e0e7ed;
  display: none;
  left: -181px;
  padding: 10px 0 0;
  position: absolute;
  top: 43px;
  width: 990px;
  z-index: 2;
  border-top:1px solid #fff;
}

.Banner .menuList li.prodList.sub .content.typeList .line {
  background-color: #e6ecf0;
  clear: both;
  height: 1px;
  margin: 0 auto 15px;
  width: 968px;
}

    .Banner .menuList li.prodList.sub:hover .content.typeList {
        display:block;
    }
.Banner .menuList li.prodList.sub ul.type {
  display: block;
  float: left;
  margin: 0 10px 15px;
  padding: 0;
  width: 120px;
  position:relative;
  left:0px;
}

.Banner .menuList li.prodList.sub ul.type li.title {
    margin: 0 0 3px;
    border-bottom: 1px solid #ced8e1;
    color: #34495e;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
}
    .Banner .menuList li.prodList.sub ul.type li.title {
        color: #34495e;
    }
.Banner .menuList li.prodList.sub ul.type li.title a {
  color: #454545;
}

.Banner .menuList li.prodList.sub ul.type li a {
    background:none; 
  color: #787878;
  display: block;
  font-size: 13px;
  height: 100%;
  width: 100%;
}
    .Banner .menuList li.prodList.sub ul.type li:hover {
        background:none;
    }
    .Banner .menuList li.prodList.sub ul.type li a:hover {
        background:none;
        color:#06f;
    }

    .Banner .menuList li.prodList.sub ul.type li a span {
        margin: 0;
        font-size:12px;
    }
.Banner .menuList li.prodList.sub ul.type li {
  border: medium none;
  display: block;
  float: none;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  width:100%;
}





    .Banner .BannerR {
        position:absolute;
        right:0px;
        top:-119px;
        margin:0px;        
        padding:0px;
        width:500px;
        height:33px;
        line-height:33px;
        display:block;
    }
        .Banner .BannerR .txtblkR {
            float:right;
            background-image: url("../images/navigation/separatedLine.gif");
            background-position: right top;
            background-repeat: no-repeat;
        }
        .Banner .BannerR .txtblkB {
            float:right;
        }
        .Banner .BannerR span {
            padding:0px 8px;
        }


.Banner .BannerL {
    width: 550px;
    float: left;
}

.Banner .BannerL .Btn {
    width: 100px;
    height:20px;
    float: left;
    padding: 5px;
}



        .Banner .BannerR .txtblkR {
            font-size: 12px;
            color: #F00;
            margin-bottom: 15px;
        }

        .Banner .BannerR .txtblkB {
            font-size: 12px;
            color: Blue;
        }

    .Banner td {
        padding: 5px;
    }

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.ft12 {
    font-size: 12;
}

.ft13 {
    font-size: 13;
}

.ft14 {
    font-size: 14;
}

.ft15 {
    font-size: 15;
}

.ft16 {
    font-size: 16;
}

.ft17 {
    font-size: 17;
}

.ft18 {
    font-size: 18;
}

.fwb {
    font-weight: bold;
}

/* 圓角 */
.radiusItem {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/* IINAM 專用 class */
.iinam_show {
    width: 140px;
    padding: 5px 5px;
    position: absolute;
    word-wrap: break-word;
    word-break: break-all;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    display: none;
    line-height: 20px;
    top: 0;
    left: 0;
    background: rgb(00, 00, 00);
    background: rgba(00, 00, 00, 0.6);
    background: transparent\9;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    z-index:9;
}

.NewGoodsImg .iinam_show {
    height: auto;
}

.prd_conNew > table > tbody > tr > td {
    vertical-align: top;
}

.index_inew {
    position: relative;
}

    .index_inew:hover .iinam_show {
        display: block;
    }

.Spec_list_table {
    position: relative;
}

    .Spec_list_table:hover .iinam_show {
        display: block;
    }
/* Product_Search */
.search_tb {
    position: relative;
}

.search_tb .iinam_show {
    width: 135px;
}

.search_tb:hover .iinam_show {
    display: block;
}
.ser_money_s
{
    padding-right:10px;
    }
.ser_money_s span
{
    font-size:15px;
    color:red;
    font-weight:bold;
}
/* Product_Search End */

/* Marquee.ascx */
.marqueea{
    color: #dd5c5c;
    font-size: 13px;
    margin-right: 20px;
    text-decoration: none;

}
.marqueea:hover{color:red;}
/* Marquee.ascx End */

/* /wherebuy.aspx */
.wherebuy {
    width: 984px;
    clear: both;
    padding: 0 2px 15px 2px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
}

    .wherebuy .item {
        width: 328px;
        height: 155px;
        float: left;
        overflow: hidden;
    }

        .wherebuy .item a {
            color: #0B61A4;
            font-size: 14px;
        }

        .wherebuy .item div {
            text-align: center;
            color: #0B61A4;
            padding: 2px 0;
        }

    .wherebuy .cityanchor {
        padding: 5px 5px 2px 5px;
        color: red;
        font-size: 18px;
        font-weight: bold;
    }

        .wherebuy .cityanchor a {
            font-size: 16px;
            font-weight: normal;
        }

#citymenu div {
    float: left;
    padding: 0 8px 0 0;
}

    #citymenu div a {
        color: #669900;
    }

.cityanchor a {
    display: inline-block;
    margin-left: 5px;
    color: blue;
}
/* /wherebuy.aspx end */



/* /member/Repair.aspx */
.search_histin {
    cursor: pointer;
    color: blue;
}

.repair_virtual {
    cursor: pointer;
    color: blue;
}

    .search_histin:hover, .repair_virtual:hover {
        cursor: pointer;
        color: red;
    }

#histinlist {
    width: 640px;
    height: 400px;
    overflow: auto;
}

.hs_item:hover {
    color: red;
    background-color: #DDD;
    cursor: pointer;
}

.hs_item .hs_icode, .hs_item .hs_iname {
    width: 150px;
    display: inline-block;
    text-align: left;
}

.hs_item .hs_icode {
    font-size: 14px;
}

.hs_item .hs_iname {
    font-size: 12px;
}

.star_r {
    color: red;
}

.star_b {
    color: blue;
}

#hs_block {
    display: none;
}

    #hs_block .hs_close {
        background-color: #EEE;
    }

        #hs_block .hs_close span {
            cursor: pointer;
            color: blue;
            font-size: 14px;
        }

.RepairHistinList .th1 {
    width: 300px;
}

#HistinListTitle span {
    width: 150px;
    display: inline-block;
}

.r_blk_top {
    width: 990px;
    height: 40px;
    background-image: url(/images/member/repair/r_blk_top.jpg);
}

.r_blk_mld {
    width: 920px;
    height: auto;
    background-image: url(/images/member/repair/r_blk_mld.jpg);
    padding-left: 40px;
    padding-right: 30px;
    font-size: 14px;
}

.r_blk_btm {
    width: 990px;
    height: 40px;
    background-image: url(/images/member/repair/r_blk_btm.jpg);
}

.rp_tb_1 {
    border-collapse: separate;
    border-spacing: 3px;
    *border-collapse: expression('separate',cellSpacing='3px');
    width: 910px;
    height: auto;
    margin-bottom: 20px;
    background-color: #FFF;
}

    .rp_tb_1 td {
        padding: 3px;
    }

    .rp_tb_1 .tr1 {
        background-color: #f0f5fe;
    }

    .rp_tb_1 .tr2 {
        background-color: #fdfdfd;
    }

    .rp_tb_1 .td1 {
        width: 150px;
        height: 25px;
        padding-left: 8px;
        border: 1px solid #eee;
    }

    .rp_tb_1 .td1 {
        height: 25px;
        padding-left: 8px;
        border: 1px solid #eee;
    }

    .rp_tb_1 .rp_desc_select {
        padding-left: 4px;
        color: blue;
    }

    .rp_tb_1 .rp_desc p {
        color: blue;
        margin: 5px;
    }

        .rp_tb_1 .rp_desc p span {
            color: red;
            font-weight: bold;
        }
/* /member/Repair.aspx end */

/* /member/RepairList.aspx */
.rpl_tb {
    width: 990px;
}

    .rpl_tb .tr0 {
        width: auto;
        height: 25px;
        background-image: url(/images/member/repairList/repairList_tit_bg.jpg);
    }

    .rpl_tb .tr1 {
        width: auto;
        height: 20px;
        background-color: #e7f5fd;
    }

    .rpl_tb td {
        padding-left: 10px;
    }

        .rpl_tb td img {
            vertical-align: middle;
        }

/* /member/RepairList.aspx end */


/* ShoppingCar.aspx ShoppingList.ascx */
#SCarList {
    border:0;
    width: 970px;
    background-color: #FFF;
    
}
    #SCarList th {
        text-align:center;
        border: 1px #EAEAEA solid;
    }

    #SCarList td {
        border: 1px #EAEAEA solid;
        padding: 2px;
    }

    #SCarList .tr1 {
        height: 30px;
        background-color:#e7f5fd;
    }

    #SCarList .td1 {
        text-align: center;
        width:30px;
    }

    #SCarList .td2 {
        text-align: center;
        width:75px;
    }

    #SCarList .td3 {
        text-align: left;
        background:#FFF;
        width:90px;
    }

    #SCarList .td4 {
        text-align: left;
        /*width:220px;*/
    }

    #SCarList .td5 {
        text-align: right;
        padding-left:10px;
        width:130px;
    }

    #SCarList .td6 {
        text-align: right;
        width:80px;
    }

    #SCarList .td7 {
        text-align: center;
        width:80px;
    }

    #SCarList .td8 {
        text-align: center;
        width:50px;
    }

    #SCarList .td9 {
        text-align: center;
        width:80px;
    }
    #SCarList .td10 {
        text-align: right;
        padding-right:10px;
        width:90px;
    }

/* ShoppingCar.aspx ShoppingList.ascx End */

/* /member/ReportAccountReceivable.aspx */
#ReportAcRe {
}

.rpl_tb {
    width: 990px;
}

    .rpl_tb .tr0 {
        width: auto;
        height: 25px;
        background-image: url(/images/member/repairList/repairList_tit_bg.jpg);
    }

    .rpl_tb .tr1 {
        width: auto;
        height: 20px;
        background-color: #e7f5fd;
    }

    .rpl_tb td {
        padding-left: 10px;
    }

        .rpl_tb td img {
            vertical-align: middle;
        }

/* /member/ReportAccountReceivable.aspx end */

/* /member/ReportStatementOfAccount.aspx */
#rp_SOA_total {
    width: 100%;
}

    #rp_SOA_total td {
        color: blue;
    }

    #rp_SOA_total input {
        width: 65px;
        text-align: right;
        background-color: #CEF3FF;
        padding-right: 5px;
    }

#rp_SOA_title, #rp_SOA_context {
    width: 950px;
    table-layout: fixed;
}

    #rp_SOA_title .tr0 {
        height: 25px;
        text-align: center;
        background-image: url(/images/member/repairList/repairList_tit_bg.jpg);
    }

        #rp_SOA_title .tr0 th, #rp_SOA_context td {
            padding: 0 4px;
        }

    #rp_SOA_context .tr1 {
        height: 20px;
        background-color: #e7f5fd;
    }

    #rp_SOA_title .th1, #rp_SOA_context .td1 {
        width: 40px;
    }

    #rp_SOA_title .th2, #rp_SOA_context .td2 {
        width: 40px;
        text-align: center;
    }

    #rp_SOA_title .th3, #rp_SOA_context .td3 {
        width: 60px;
        text-align: center;
    }

    #rp_SOA_title .th4, #rp_SOA_context .td4 {
        width: 60px;
        text-align: center;
    }

    #rp_SOA_title .th5, #rp_SOA_context .td5 {
        width: 80px;
        text-align: center;
    }

    #rp_SOA_title .th6, #rp_SOA_context .td6 {
        width: 80px;
    }

    #rp_SOA_title .th7, #rp_SOA_context .td7 {
        width: 60px;
    }

    #rp_SOA_title .th8, #rp_SOA_context .td8 {
        width: 60px;
    }

    #rp_SOA_title .th9, #rp_SOA_context .td9 {
        width: 60px;
    }

    #rp_SOA_title .th10, #rp_SOA_context .td10 {
        width: 60px;
    }

    #rp_SOA_title .th11, #rp_SOA_context .td11 {
        width: 60px;
    }

    #rp_SOA_title .th12, #rp_SOA_context .td12 {
        width: 60px;
    }

    #rp_SOA_title .th13, #rp_SOA_context .td13 {
        width: 60px;
        text-align: center;
    }

    #rp_SOA_title .th14, #rp_SOA_context .td14 {
        text-align: center;
    }

    #rp_SOA_context .td2 span {
        color: blue;
        cursor: pointer;
    }

        #rp_SOA_context .td2 span:hover {
            color: red;
        }

    #rp_SOA_context .td7, #rp_SOA_context .td8, #rp_SOA_context .td9, #rp_SOA_context .td10, #rp_SOA_context .td11, #rp_SOA_context .td12 {
        text-align: right;
    }

    #rp_SOA_context .show .div_show {
        display: none;
        background: #EEE;
    }

    #rp_SOA_context .tb_show {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

        #rp_SOA_context .tb_show th, #rp_SOA_context .tb_show td {
            padding: 0 4px;
            border: 1px solid #444;
        }

        #rp_SOA_context .tb_show .th1 {
            width: 80px;
            text-align: center;
        }

        #rp_SOA_context .tb_show .th2 {
            width: 120px;
        }

        #rp_SOA_context .tb_show .th3 {
            width: 10px;
        }

        #rp_SOA_context .tb_show .th4 {
            width: 150px;
        }

        #rp_SOA_context .tb_show .th5 {
            width: 50px;
        }

        #rp_SOA_context .tb_show .th6 {
            width: 50px;
        }

        #rp_SOA_context .tb_show .th7 {
            width: 80px;
        }

        #rp_SOA_context .tb_show .th8 {
            width: 80px;
        }

        #rp_SOA_context .tb_show .th9 {
        }

        #rp_SOA_context .tb_show .td1 {
            width: 80px;
            text-align: center;
        }

        #rp_SOA_context .tb_show .td2 {
            width: 120px;
            text-align: left;
        }

        #rp_SOA_context .tb_show .td3 {
            width: 10px;
        }

        #rp_SOA_context .tb_show .td4 {
            width: 150px;
            text-align: left;
        }

        #rp_SOA_context .tb_show .td5 {
            width: 50px;
            text-align: center;
        }

        #rp_SOA_context .tb_show .td6 {
            width: 50px;
            text-align: center;
        }

        #rp_SOA_context .tb_show .td7 {
            width: 80px;
            text-align: right;
        }

        #rp_SOA_context .tb_show .td8 {
            width: 80px;
            text-align: right;
        }

        #rp_SOA_context .tb_show .td9 {
            text-align: left;
        }

        #rp_SOA_context .tb_show th {
            text-align: center;
        }
/* /member/ReportStatementOfAccount.aspx end */

/* pCombo_Items.aspx */
.pComboItemList {
    width: 780px;
    margin-top:12px;
    float: left;
}

.pComboItemList .gname{
    color: blue;
    font-size: 20px;
    margin-left:20px;
    font-weight: bold;
}

.pComboItemList #GroupCountG1 , .pComboItemList #GroupCountG2 {
    margin-left: 20px;
    color: red;
}

    .pComboItemList .item {
        border: 1px solid #e0e0e0;
        display: block;
        float: left;
        margin: 10px 11px;
        width: 171px;
        position: relative;
    }

        .pComboItemList .item:hover {
            background-color: #fbfbfb;
        }

        .pComboItemList .item .orderNum {
            position: absolute;
            right: -5px;
            color: #fff;
            font-size: 13px;
            z-index: 10;
            font-weight: bold;
            display:block;
                    
        }
        .pComboItemList .item .orderNum span{            
            background-color:#e74c3c;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;            
        }

        .pComboItemList .item .option {
            position: absolute;
            left: 0;
            color: red;
            font-size: 20px;
            z-index: 10;
            display: none;
        }

        .pComboItemList .item .option span {
            display: inline-block;
            width: 24px;
            height: 20px;
            cursor: pointer;
        }
        .pComboItemList .item .option span:hover {
            background-color: #eee;
        }
        .pComboItemList .item .option span.itemAdd {
            background-image: url("/Images/icon/a12.png");
            background-size: 12px 12px;
            background-repeat: no-repeat;
            background-position-x: 6px;
            background-position-y: 4px;
        }

        .pComboItemList .item .option span.itemCut {
            background-image: url("/Images/icon/c12.png");
            background-size: 12px 12px;
            background-repeat: no-repeat;
            background-position-x: 6px;
            background-position-y: 4px;
        }
        .pComboItemList .item .option span.itemDel {
            background-image: url("/Images/icon/d12.png");
            background-size: 12px 12px;
            background-repeat: no-repeat;
            background-position-x: 5px;
            background-position-y: 3px;
        }

        .pComboItemList .item .option2 {
            color: red;
            text-align: center;
            margin:0px 0px 10px;
        }
        .pComboItemList .item .option2 span {
            display: inline-block;
            width: 31px;
            height: 25px;
            cursor: pointer;
            margin:0px 2px;
        }
        .pComboItemList .item .option2 span:hover {
            background-color: #eee;
        }
        .pComboItemList .item .option2 span.itemAdd {
            background-image: url("/Images/itemAdd_bg.jpg");
            /*background-size: 14px 14px;*/
            background-repeat: no-repeat;            ;
        }

        .pComboItemList .item .option2 span.itemCut {
            background-image: url("/Images/itemCut_bg.jpg");
            /*background-size: 14px 14px;*/
            background-repeat: no-repeat;            
        }
        .pComboItemList .item .option2 span.itemDel {
            background-image: url("/Images/itemDel_bg.jpg");
            /*background-size: 14px 14px;*/
            background-repeat: no-repeat;            
        }

        .pComboItemList .item .pic {
            display: block;
            height: 168px;
            padding: 5px;
            position: relative;
            text-align: center;
            width: 161px;
            
        }

            .pComboItemList .item .pic * {
                vertical-align: middle;
            }

            .pComboItemList .item .pic i {
                height: 100%;
                display: inline-block;
            }

            .pComboItemList .item .pic img {
                display: inline-block;                
                max-height: 146px;
                max-width: 146px;
                border:1px solid #efefef;
            }

        .pComboItemList .item .icode {
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 12px;
            color:#232323;
            text-decoration:none;
        }
            .pComboItemList .item:hover .icode {
                color:#06f;
            }




        .pComboItemList .item .iname {
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 12px;
            color: #0B61A4;
            overflow:hidden;
        }

        .pComboItemList .item .num {
            height: auto;
            line-height: 20px;
            color:red;
            text-align:center;
            font-size:16px;
            font-weight:bold;
            letter-spacing:2px;
        }
        .pComboItemList .item .price {
            color: blue; 
            text-align: center; 
            height: 20px; 
            line-height: 20px;
            display:none;
        }
        .pComboItemList .item .sys {
            height: 30px;
            line-height: 30px;
            text-align: center;
            position: relative;
        }

        .pComboItemList .item .sys .history {
            height: 30px;
            width: 30px;
            line-height: 30px;
            text-align: center;
            position: absolute;
            color: #9f00ff;
            right: 10px;
            top: 0;
            cursor: pointer;
            display: block;
            font-size: 14px;
        }
        .pComboItemList .item .sys .history .hdat1 {
            display: none;
        }
        .pComboItemList .item .sys .history:hover .hdat1 {
            display: block;
            position: absolute;
            width: 100px;
            height: 30px;
            line-height: 30px;
            top: -100%;
            left: -35px;
            background-color: #FFF;
            border-radius: 5px;
            border: 2px solid #3498db;
            color: #3498db;
            z-index: 100;
            box-sizing: border-box;
        }

            .pComboItemList .item .sys .iunit {
                font-size: 16px;
                color: red;
            }

            .pComboItemList .item .btn {
                text-align:center;
                margin:4px 0px 6px 0px;
                height:23px;
                width:100%;
                display:none;
            }
            .pComboItemList .item .btn img{
                cursor: pointer;
            }
                .pComboItemList .item .btn img:active {
                    margin:-1px 0px 0px;
                }

.pComboCar {
    float: right;
    margin-left: 10px;
    width: 200px;


}

.pComboCarList { /* total 200px */
    border: solid 1px #ccc;
    width: 198px;
    height: 260px;
    overflow: auto;
    overflow-x:hidden;
    padding:4px 0px;
}

    .pComboCarList .item {
        border-bottom: solid 1px #ccc;
        margin: 0 4px;
        font-size:12px;
        
    }


        .pComboCarList .item .icode {
            height: auto;            
            line-height: 20px;
            color: #666;
            display:inline-block;
            float:left;
        }
.pComboCar .pComboCarList .item {
    padding:3px 0px;    
}
.pComboCar .pComboCarList .item .pic {
display: block;
height: 78px;
padding: 0px;
margin:0px;
position: relative;
text-align: center;
width: 78px;
float:left;


}
.pComboCar .pComboCarList .item .pic i{
display: inline-block;
height: 100%;

}
    .pComboCar .pComboCarList .item .pic * {
        vertical-align:middle;
    }

    .pComboCar .pComboCarList .item .pic img {
        border: 1px solid #efefef;
        display: inline-block;
        max-height: 72px;
        max-width: 72px;
    }

    .pComboCar .pComboCarList .item .content.name {
        width:100%;
        display:block;
        float:none;        
    }
        .pComboCar .pComboCarList .item .content.name div {
            display:inline-block;
        }
.pComboCar .pComboCarList .item .content {
    float:left;
    width:90px;
    display:block;
    margin:0px 0px 0px 2px;
}
    .pComboCar .pComboCarList .item .content a.icode {
        text-decoration:none;
        height:auto;
    }
    .pComboCar .pComboCarList .item .sys {
        width:100%;
        height:36px;
        display:block;
    }
    .pComboCar .pComboCarList .item .sys .numShow {
            width:90px;
            height:36px;
            display:block;
            margin:0px;
            padding:0px;
            position:relative;
    }
        .pComboCar .pComboCarList .item .sys .numShow .add {
            background-image: url("/Images/addBtn.jpg");
            background-position: center center;
            background-repeat: no-repeat;
            display: block;
            float: left;
            height: 28px;
            margin: 0 0 0 -1px;
            padding: 0;
            position: relative;
            width: 28px;
        }
            .pComboCar .pComboCarList .item .sys .numShow .add a {
                width:100%;
                height:100%;
                display:block;
            }
        .pComboCar .pComboCarList .item .sys  .numShow input.in_num {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: #bdc3c7 -moz-use-text-color #bdc3c7 #bdc3c7;
            border-image: none;
            border-style: solid none solid solid;
            border-width: 2px 0 2px 2px;
            float: left;
            height: 24px;
            margin: 0;
            padding: 0;
            text-align: center;
            vertical-align: middle;
            width: 58px;
        }
        .pComboCar .pComboCarList .item .sys .del {
            height:28px;
            width:90px;            
            display:block;
            background-color:#e74c3c;
            line-height:28px;
            margin:3px 0px;
            padding:0px;
            
        }
            .pComboCar .pComboCarList .item .sys .del a {
                padding:0px 6px;
                font-size:13px;
                color:#fff;
                text-decoration:none;
            }




        .pComboCarList .item .iname {
            height: 20px;
            overflow: hidden;
            line-height: 20px;
            color: #0B61A4;
        }

        .pComboCarList .item .sys {
        }

            .pComboCarList .item .sys .add, .pComboCar .sys .del {
                float: left;
                width: 30px;
                text-align: center;
                height: 20px;
                padding: 5px 0;
            }

                .pComboCarList .item .sys .add img {
                    width: 20px;
                    height: 20px;
                    cursor: pointer;
                }

            .pComboCarList .item .sys .del img {
                width: 20px;
                height: 20px;
                cursor: pointer;
            }

            .pComboCarList .item .sys .numShow {
                width: 40px;
                height: 30px;
                overflow: hidden;
                line-height: 30px;
                float: left;
                font-size: 20px;
                color: red;
                text-align: left;
            }

                .pComboCarList .item .sys .numShow input.in_num {
                    width: 30px;
                    text-align: right;
                }




.pComboCar .premiums {
    margin:10px 0px;
}
    .pComboCar .premiums .gift {
    }
        .pComboCar .premiums .gift .title {
            width:100%;
            background-color:#b8c6c7;
            color:#fff;
            font-size:16px;
            text-align:center;
            height:30px;
            line-height:30px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            margin:0px 0px 10px 0px;
        }


    .pComboCar .premiums .list {
    }
        .pComboCar .premiums .list .subTitle {
            font-size:13px;
            color:#3c3d41;
            text-align:center;
            height:36px;
            line-height:36px;
        }
        .pComboCar .premiums .list .listInfo {
            margin:0px;
            padding:0px;
            border-top:1px dotted #333;
            border-bottom:1px dotted #333;
            background-color:#f5f5f5;
        }
            .pComboCar .premiums .list .listInfo li {
                list-style:none;
                margin:0px;
                padding:0px;
                padding:6px 0px;
                line-height:16px;
                position:relative;
            }
                .pComboCar .premiums .list .listInfo li span {
                    color:#db0000;
                }
                .pComboCar .premiums .list .listInfo li input {
                    vertical-align:middle;
                    margin:0px 6px 0px 10px;
                    padding:0px;
                }
        .pComboCar .premiums .list .surplus {
            background-color:#f5f5f5;
            height:30px;
            line-height:30px;
            text-align:center;
        }
            .pComboCar .premiums .list .surplus span {
                margin:0px 6px;
                color:#db0000;
            }

        .presentImg .arrow {
                    width:4px;
                    height:7px;
                    display:block;
                    background-image:url("/Images/presentImg_Arrow.gif");
                    background-position:center;
                    background-repeat:no-repeat;
                    position:absolute;
                    right:-7px;
                    top:50%;
                    margin: 8px 0 0;
                }


.pComboCarInfo .buy {
    text-align: center;
    margin:10px 0px;    
    padding-bottom: 10px;
}
    .pComboCarInfo .buy a {
        background-color: #3498db;
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
        height: 45px;
        line-height: 45px;
        margin: 0 0 10px;
        text-align: center;
        width: 100%;
        display:block;
        text-decoration:none;        
    }


.fixPos.buy {
    text-align: center;
    margin:10px 0px 0px;    
    padding-bottom: 10px;
}
    .fixPos.buy a {
        background-color: #3498db;
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
        height: 45px;
        line-height: 45px;
        margin:0px;
        text-align: center;
        width: 100%;
        display:block;
        text-decoration:none;        
    }






.pComboCarInfo .total, .pComboCarInfo .count {
    color: red;
    font-size: 20px;
}

.pComboPresent {
    text-align: center;
}

    .pComboPresent .title {
        color: blue;
        margin: 10px 0;
        padding: 5px 0;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        background-color: #e7f5fd;
    }
.pComboPresent .oNum {
    display: none;
}
.pComboPresent .nNum {
    color: red;
}
.presentItemInfo {
    display: none;
}

    .presentItemInfo .pic {
        height: 120px;
        text-align: center;
    }

        .presentItemInfo .pic * {
            vertical-align: middle;
        }

        .presentItemInfo .pic i {
            height: 100%;
            display: inline-block;
        }

        .presentItemInfo .pic img {
            max-width: 120px;
            max-height: 120px;
        }

    .presentItemInfo .icode {
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 12px;
        color: blue;
    }

    .presentItemInfo .iname {
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 12px;
        color: #0B61A4;
        overflow: hidden;
    }

    .presentItemInfo .sys {
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

        .presentItemInfo .sys .iunit {
            font-size: 16px;
            color: red;
        }


/* KtpCombo_Items.aspx end */
.sPC {
    border-collapse: collapse;
    border-spacing: 2px;
}

    .sPC th {
        text-align: center;
        padding:6px 0;
        background:#fffdd1;
    }

    .sPC .th1 {
        width: 60px;
    }

    .sPC .th2 {
        width: 100px;
    }

    .sPC .th3 {
        width: 200px;
    }

    .sPC .th4 {
        width: 500px;
    }

    .sPC .th5 {
        width: 70px;
    }
    .sPC td {
       padding:6px 0;
       padding-left:5px;
    }

    .sPC th, .sPC td {
        border: 1px solid #ccc;
    }

    .sPC .td1 {
        width: 60px;
        text-align: center;
    }

    .sPC .td2 {
        width: 100px;
        text-align: center;
    }

    .sPC .td3 {
        width: 200px;
        text-align: left;        
    }
    .sPC .td3 a {
        width: 200px;
        text-align: left;
        color:#1f9883;
        text-decoration:none;
    }
    .sPC .td3 a:hover {
        width: 200px;
        text-align: left;
        color:#F00;
        border-bottom:1px solid #F00;
        
    }

    .sPC .td4 {
        width: 500px;
        text-align: left;
    }

    .sPC .td5 {
        width: 55px;
        text-align: right;
        padding-right: 5px;
    }

    .sPC .td4 .item .s1 {
        display: inline-block;
        width: 130px;
        padding-left: 10px;
        color:#9f00ff;
    }
    .sPC .td4 .item .s1 a {
        display: inline-block;
        width: 130px;
        line-height:1.4em;
        color:#9f00ff;
        text-decoration:none;
    }
    .sPC .td4 .item .s1 a:hover {
        display: inline-block;
        width: 130px;        
        color:#F00;        
    }

    .sPC .td4 .item .s2 {
        display: inline-block;
        width: 220px;
        color:#0094ff;
        line-height:1.4em;
    }
    

    .sPC .td4 .item .s3 {
        display: inline-block;
        width: 60px;
        text-align: right;
    }

    .sPC .td4 .item .s4 {
        display: inline-block;
        width: 60px;
        text-align: right;
        color: red;
    }
/* KtpCombo ShopConfirm */




/* KtpCombo ShopConfirm End */
/*------promotionList.aspx------*/
.pmListModel {
width: 984px;
height: auto;
padding: 5px 3px;
}

.pmListModel .item {
width: 240px;
height: 305px;
float: left;
margin: 10px 3px;
}

.pmListModel .item .title {
height: 65px;
padding-left: 40px;
background: url('/images/promotion/Titbk.jpg');
}

.pmListModel .item .title .name {
height: 40px;
margin-bottom: 3px;
width: 200px;
padding-top: 2px;
}

.pmListModel .item .title .name a {
height: 40px;
width: 200px;
color: #FFF;
font-size: 16px;
font-weight: bold;
line-height:1.2em; padding-right:5px;
text-decoration:none;
}


.pmListModel .item .title .time {
font-size: 12px;
color: #FFF;
height: 20px;
text-align: right;
padding-right: 15px;
}

.pmListModel .item .desc {
padding: 5px;
background-color: #d0ebf7;
}
    .pmListModel .item .desc a {
        position:relative;
        width:100%;
        height:100%;
        display:block;
    }
        .pmListModel .item .desc a .promoIcon {
            left:-12px;
            top:-12px;
        }
.pmListModel .item .desc img {
width: 230px;
height: 230px;
border: 0;
}
.goodblk {
width: auto;
height: 16px;
font-size:14px;
color:#666;            
text-align:center;  
margin-bottom:10px;          
}
.goodblk a {
width: auto;
height: 16px;
border-radius:6px;
border:1px solid #999;
box-shadow:2px 2px 4px blue;
background:#0094ff;
padding:0 10px;
text-decoration:none;
color:#FFF;                
}
.goodblk a:hover {
background:#990000;
border:1px solid #F00;
color:#fff;
box-shadow:2px 2px 4px #F00;
}
/*-------------------ShoppingConfirm.aspx------------*/
.ConfirmTit {
    background-image: url('/images/newpanel/s_top2.jpg');
    height: 32px;
    width: 790px;
    padding-left: 200px;
    padding-top: 8px;
    border-radius: 8px 8px 0 0;
}
.ConfirmSCTit {
    background-image: url('/images/newpanel/s_top3.jpg');
    height: 32px;
    width: 790px;
    padding-left: 200px;
    padding-top: 8px;
    border-radius: 8px 8px 0 0;
}
.ConfirmBlk {
    background: #CCD8E6; width: 970px; padding: 10px; border-radius: 0 0 8px 8px; margin-bottom:10px;
}
.ConfirmBlk .infoBlk {
    width: 970px; height: auto; background: #FFF; border-bottom: 1px solid #EAEAEA;
}
    .ConfirmBlk .infoBlk .Left {
        width: 180px; height: auto; padding: 5px; font-size: 14px; text-align: right; color: #666; float: left;
    }
        .ConfirmBlk .infoBlk .Left .cont {
            padding:5px;
        }
    .ConfirmBlk .infoBlk .right {
        float: left; width: 770px; height: auto; padding: 5px; font-size: 14px; text-align: left;
    }
    .ConfirmBlk .infoBlk .right .cont {
            padding:5px;
        }
    .ConfirmBlk .infoBlk .contBtn {
        padding:10px 0;
        text-align:center;
    }


/* Page 按鈕 */
.NumberBtn {
    color: #666;
}
.NumberBtn input {
    margin-left: 1px;
    height: 1.25em;
}
.NumberBtn a {
    display:block;
    height:14px;
    line-height: 14px;
    color: blue;
    margin-left: 1px;
    border: 2px outset #CCDBE4;
    font-size: 12px;
    background-color: #ccc;
    padding: 3px 6px 3px 6px;
    text-decoration: none;
    font-family: 新細明體;
    vertical-align:middle;
}
.NumberBtn a:hover {
    color: White;
    border: 1px outset #CCDBE4;
    background-color: #999;
    padding: 2px 7px 2px 7px;
}
/* Page 按鈕 End */


/* Advert_Slider_Scroll*/
.advert_slider_scroll {
        top: 0px;
        right: 0px;
        width: 32px;
        height:140px;
        overflow:hidden;
        position: fixed;
        z-index: 9997;
    }
.advert_slider_scroll .item{
        /*position:absolute;*/
        width: 162px;
        height:140px;
    }
.advert_slider_scroll .item .bc1 {
    background: #f00;
}
.advert_slider_scroll .item .bc2 {
    background:#0094ff;
}
.advert_slider_scroll .item .bc3 {
    background:#c004dd;
}
.advert_slider_scroll .item .bc4 {
    background:#324d33;
}
.advert_slider_scroll .item .title {
    /*position: absolute;
    top: 180px;*/
    width: 32px;
    height: 130px;
    overflow:hidden;
    padding: 10px 0 0 0;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    border-radius: 10px 0 0 0;
    font-size:12px;
    float:left;
}
.advert_slider_scroll .item .title .words {
    width:32px;
    height: 120px;
    overflow:hidden;
    margin-bottom:10px;
}
.advert_slider_scroll .item .title .words .line {
    width:16px;
    float:left;
    text-align:center;
}
.advert_slider_scroll .item .content {
    float:left;
    font-size: 20px; 
    color: #FFF;
    text-align: Left;
    height: 120px;
    padding:10px 5px;
}
.advert_slider_scroll .item a {
    color:#FFF;
    text-decoration:none;
}
.advert_slider_scroll .item a img {
    width: 120px;
    height: 120px;
}


/* Advert_Slider_Scroll End */

/* MenuTop.ascx */


.prodMenu {
    width:100%;
    height:43px;
    display:block;
    margin:2px 0px 2px 0px;
    padding:0px;
    background-color:#f7f8fc;
    position:relative;
    z-index:101;    


}
    .prodMenu li {
        list-style:none;
        margin:0px;
        padding:0px;
        float:left;
        height:41px;
        line-height:41px;
        border:1px solid #f7f8fc;
        width:auto!important;
        
    }
        .prodMenu li a {
            text-decoration:none;
            color:#34495e;
            width:100%;
            height:100%;
            display:block;
        }
            .prodMenu li:hover a{
                color:#f60;
            }
        .prodMenu li span {
            font-size:13px;            
            font-weight:bold;
            margin:0px 12px;
        }
        .prodMenu li.prodList {
            background-color:#faeae6;
            
        }
        .prodMenu li.prodList.sub a {
            
            
            
        }
            .prodMenu li.prodList > a:hover {
                
                
            }
        .prodMenu li.sub {
            
        }
            .prodMenu li.sub a {
                background-image:url(/images/prodMenu_Arrow.gif);
                background-repeat:no-repeat;
                background-position:72px center;
                position:relative;
                z-index:3;
                border-bottom:1px solid #fff;
            }
            .prodMenu li.sub:hover a{
                background-image:url(/images/prodMenu_Arrow_hover.gif);
                
            }
            .prodMenu li.sub:hover {
                background-color:#fff;
                border:1px solid #e0e7ed;
                border-bottom:1px solid #fff;
                
            }

            .prodMenu li.sub span {
                margin:0px 20px 0px 12px;
            }
            .prodMenu li.sub:hover .content {
                display:block;
            }
            .prodMenu li.sub .content {
                background-color:#fff;
                width:990px;
                display:none;
                position:absolute;
                top:42px;
                left:-1px;
                border:1px solid #e0e7ed;
                z-index:2;
                padding:10px 0px 0px 0px ;
            }

                .prodMenu li.sub .content .type {
                    width:120px;                    
                    float:left;
                    padding:0px;
                    margin:0px 10px 15px;
                    display:block;
                }
                    .prodMenu li.sub .content .type li.title {
                        height:21px;
                        line-height:21px;
                        font-size:16px;
                        font-weight:bold;
                        color:#34495e;
                        border-bottom:2px solid #ced8e1;
                    }
                    .prodMenu li.sub .content .type li {
                        float:none;
                        font-size:12px;
                        line-height:20px;
                        height:20px;
                        display:block;
                        border:none;
                    }
                        .prodMenu li.sub .content .type li span {
                            font-size:12px;
                        }
                        .prodMenu li.sub .content .type li.title a {
                            color:#454545;
                        }
                        .prodMenu li.sub .content .type li a {
                            background:none;
                            font-size:13px;
                            color:#787878;
                            width:100%;
                            height:100%;
                            display:block;
                            
                        }
                            .prodMenu li.sub .content .type li:hover a {
                                color:#06f;
                                background:none;
                            }
                        .prodMenu li.sub .content .type li.title {
                            margin:0px 0px 3px 0px;
                        }
                            .prodMenu li.sub .content .type li.title span {
                                margin:0px 1px;
                                background:none;
                            }
                            .prodMenu li.sub .content .type li a span {
                                font-weight:normal;
                                padding:0px;
                                margin:0px 2px;
                            }


                .prodMenu li.sub .content .line {
                    width:968px;
                    margin:0px  auto 15px;
                    height:1px;
                    clear:both;
                    background-color:#e6ecf0;
                }











/* MenuTop.ascx End */


td.NewGoodsImg {    
    position:relative;
}

.promoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-repeat:no-repeat;    
    display: block;
    height: 121px;
    left: -11px;
    position: absolute;
    top: 6px;
    width: 124px;
}

/*已購物圖案*/
.inCartIcon {
    background-color: #4f95bd;
    background-image: url("/images/inCartIconBg.gif");
    background-position: left 0;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 18px;
    left: 0;
    line-height: 18px;
    margin: -9px 0 0;
    position: absolute;
    text-align: left;
    top: 30%;
    width: 82px;
}
.inCartIcon span {
    margin: 0 0 0 19px;
}


.checkoutBtn {
    bottom: 25px;
    height: 100px;
    margin: 0 -635px 0 0;
    position: fixed;
    right: 50%;
    width: 138px;
    z-index: 500;
    background-image:url("/images/checkputBtn_Line.gif");
    background-repeat:no-repeat;
    background-position:left center;
}
    .checkoutBtn a {
        background-image:url("/images/checkoutBtn.gif");
        background-repeat:no-repeat;
        background-position:left center;
        width:137px;
        height:40px;
        display:block;
        margin:0px 0px 0px 1px;
        position:absolute;
        top:50%;
        margin:-20px 0px 0px 0px;
    }
        .checkoutBtn a:hover {
            background-image:url("/images/checkoutBtn_hover.gif");

        }
        .checkoutBtn a span {
            display:none;
        }

.pageTitle {
    margin:20px 0px 0px 0px;
    font-size:20px;
    color:#000;    
    font-family:"微軟正黑體";
    height:28px;
    display:block;    
    width:100%;    
}
    .pageTitle .icon {
        width:10px;
        height:28px;
        display:block;
        float:left;
        background-color:#cfd9e2;
        margin:0px 13px;
    }
    .pageTitle a {
        float:right;
        font-size:13px;
        color:#06f;
        text-decoration:none;
    }
        .pageTitle a:hover {
            color:#f60;
        }

.contentArea {
    width:766px;
    display:block;
    border:1px solid #cfd9e2;
    margin:40px auto 80px;
}
    .contentArea.pass {
         margin:40px auto 80px;   
    }

.contentArea {
}

    .contentArea .infoList {
        padding:16px 0px;
    }
        .contentArea .infoList .title {
            width:160px;
            float:left;
            text-align:right;
            line-height:24px;            
        }
        .contentArea .infoList .info {
            vertical-align:middle;
            line-height:24px;
        }
            .contentArea .infoList .info img {
                vertical-align:middle;
            }
        .contentArea .infoList.sendBtn input {
            margin:0px 0px 0px 160px;
           
        }

    .contentArea.dealers .infoList.sendBtn {
        width:100%;
        text-align:center;
    }
    .contentArea.dealers .infoList.sendBtn input {
        margin:inherit !important;
        text-align:center;
        
    }

    .contentArea.mainMail {
      
    }
        .contentArea.mainMail .info {
        }
            .contentArea.mainMail .info input.tb_EMail {
                width:410px;
                margin:0px 60px 0px 25px;                         
            }


    .contentArea.contactList {
          border:none;
    }
        .contentArea.contactList table {
            border:1px solid #cfd9e2;
            border-bottom:none;
            border-right:none;
        }
            .contentArea.contactList table tr {
                
            }
            .contentArea.contactList table th {
                font-weight:normal;
                border-bottom:1px solid #cfd9e2;
                border-right:1px solid #cfd9e2;
                height:50px;
                line-height:50px;
                background-color:#e0e7ed;
                text-align:center;
                vertical-align:middle;
                
            }
            .contentArea.contactList table td {
                border-bottom:1px solid #cfd9e2;
                border-right:1px solid #cfd9e2;
                padding:13px 4px;     
                vertical-align:middle;    
                text-align:center;                       
            }
                .contentArea.contactList table tr:nth-child(odd)  td{
                    background-color:#f7f8fc;
                }

            .contentArea.contactList table th.col_01 {
                width:60px;
            }
            .contentArea.contactList table th.col_02 {                
            }
            .contentArea.contactList table th.col_03 {
            }
            .contentArea.contactList table th.col_04 {
            }
            .contentArea.contactList table th.col_05 {
            }
            .contentArea.contactList table th.col_06 {
            }
            .contentArea.contactList table th.col_07 {
            }

.pageTitle.addContactPerson input {
    float:right;
    margin:0px 55px 0px 0px;
}

.pageTitle .opt {
    font-size:13px;
    float:right;   
}



.contentArea.OrderList {
    border:none;
    width:96%;
}


.contentArea.OrderList table {
            border:1px solid #cfd9e2;
            border-bottom:none;
            border-right:none;
        }
            .contentArea.OrderList table tr {
                
            }
            .contentArea.OrderList table th {
                font-weight:normal;
                border-bottom:1px solid #cfd9e2;
                border-right:1px solid #cfd9e2;
                height:50px;
                line-height:50px;
                background-color:#e0e7ed;
                text-align:center;
                vertical-align:middle;
                
            }
            .contentArea.OrderList table td {
                border-bottom:1px solid #cfd9e2;
                border-right:1px solid #cfd9e2;
                padding:13px 4px;     
                vertical-align:middle;    
                text-align:center;                       
            }
                .contentArea.OrderList table tr:nth-child(odd)  td{
                    background-color:#f7f8fc;
                }
    .contentArea.OrderList table td.payLink {
    }
    .contentArea.OrderList table td.payLink a{
        color: #06f;
        text-decoration:none;
    }
    .contentArea.OrderList table td.payLink a:hover{
        color: #f60;
    }


    .contentArea.OrderList.ShippingInfo .orderNo {
        width:150px;
    }
    .contentArea.OrderList.ShippingInfo .recipient {
        width:80px;
    }
    .contentArea.OrderList.ShippingInfo .addr {
    }
    .contentArea.OrderList.ShippingInfo .tel {
        width:120px;
    }
    .contentArea.OrderList.ShippingInfo .shippingTime {
        width:120px;
    }
    .contentArea.OrderList.ShippingInfo .moreInfo {
        width:250px;
    }




    .contentArea.TrackList {
        width:96%;
        border:none;

    }
    .contentArea.TrackList table {
            border:1px solid #cfd9e2;
            border-bottom:none;
            border-right:none;
        }
            .contentArea.TrackList table tr {
                
            }
            .contentArea.TrackList table th {
                font-weight:normal;
                border-bottom:1px solid #cfd9e2;
                border-right:1px solid #cfd9e2;
                height:50px;
                line-height:50px;
                background-color:#e0e7ed;
                text-align:center;
                vertical-align:middle;
                
            }
            .contentArea.TrackList table td {
                border-bottom:1px solid #cfd9e2;
                border-right:1px solid #cfd9e2;
                padding:13px 6px;     
                vertical-align:middle;
                color:#777; 
                                     
            }
                .contentArea.TrackList table tr:nth-child(odd)  td{
                    background-color:#f7f8fc;
                }

        .contentArea.TrackList table th.col_001 {
            width:110px;
            
        }
        .contentArea.TrackList table th.col_002 {
            width:110px;
        }
        .contentArea.TrackList table th.col_003 {
        }
        .contentArea.TrackList table th.col_004 {
        }
        .contentArea.TrackList table th.col_005 {
            width:440px;
        }

        .contentArea.TrackList table tr td .prodName {
            width:100%;
            display:block;
            margin:10px 0px;
        }
            .contentArea.TrackList table tr td.col_003  .prodName a {
                color:#06f;
                text-decoration:none;
            }
                .contentArea.TrackList table tr td.col_003 .prodName a:hover {
                    color:#f90;
                }
        .contentArea.TrackList table td.col_001 {
            text-align:center;
            color:#333;
        }
        .contentArea.TrackList table td.col_002 {
            text-align:center;
        }
        .contentArea.TrackList table td.col_003 {
        }
        .contentArea.TrackList table td.col_004 {
            color:#333;
        }
        .contentArea.TrackList table td.col_005 {
            color:#333;
        }

            .contentArea.TrackList table td.col_005 .itemList {
                 line-height:26px;
            }
                .contentArea.TrackList table td.col_005 .itemList .title {
                    float:left;
                    width:70px;
                    text-align:right;
                }
                .contentArea.TrackList table td.col_005 .itemList input.btn {
                    float:right;
                }

            .contentArea.TrackList table td.col_005 .opt {
                margin:6px 0px;
            }
                .contentArea.TrackList table td.col_005 .opt select {
                    width:100%;
                }
        .contentArea.TrackList table td.col_006 {
            width:50px;
        }


.condition.warning {
    background-color: #ffe1e1;
    border-left: 4px solid #dd5c5c;
    color: #db0000;
    margin: 10px 5%;
    padding: 10px 0;
    text-align: center;
    width: 90%;
    font-size:13px;
}
.errorMsg {
    color:#f00;
}

.backListBtn {
    margin:15px;
    text-align:center;
}


.browsHistory {
    position:fixed;
    z-index:999;
    left:6px;
    top:30%;
    width:170px;
    height:267px;
    display:block;
    font-size:13px;
    background-color:#dfdfdf; 
}
    .browsHistory .title {
        float:left;
        display:inline-block;
        height:30px;
        line-height:30px;
        margin:0px 0px 0px 6px;
    }
    .browsHistory .closeBtn {
        float:right;
        display:inline-block;
        height:30px;
        line-height:30px;      
        margin:0px 6px 0px 0px;  
    }
        .browsHistory .closeBtn a {
            color:#06f;
        }
            .browsHistory .closeBtn a:hover {
                 color:#f00;
            }

    .browsHistory ul {
        margin:0px;
        padding:0px;
        width:100%;
        height:237px;
        display:block;
        overflow-y:scroll;
        background-color:#fff;
        
    }
        .browsHistory ul li.item {
            margin:0px;
            clear:both;
            display:block;
            padding:6px 0px;
            border-bottom:1px solid #ccc;
            height:66px;
        }
            .browsHistory ul li.item .photo {
                float:left;
                width:66px;                    
                height:66px;
                display:block;
                
            }
                .browsHistory ul li.item .photo a {                    
                    width:66px;                    
                    height:66px;
                    display:table-cell;
                    text-align:center;
                    vertical-align:middle;                  
                }
                    .browsHistory ul li.item .photo a:hover img {
                        border:1px solid #cd333a;
                    }
                .browsHistory ul li.item .photo img{
                    border:1px solid #999;
                    max-width:64px;                    
                    max-height:64px;

                }
            .browsHistory ul li.item .price {
                float:left;
                width:80px;
                height:33px;
                display:block;
                margin:0px 0px 0px 4px;
                line-height:33px;
                font-size:16px;
                color:#f60;                
            }
            .browsHistory ul li.item .name {
                float:left;
                width:80px;
                height:33px;
                display:block;
                margin:0px 0px 0px 4px;
                line-height:33px;
                font-size:16px;
                color:#f60;    
                text-overflow:ellipsis;      
                overflow:hidden;      
                white-space:nowrap;
            }
            .browsHistory ul li.item .addCratBtn {
                float:left;
                width:80px;
                height:33px;
                display:block;
                margin:0px 0px 0px 4px;
                line-height:33px;
            }
                .browsHistory ul li.item .addCratBtn a {
                    width:100%;
                    height:100%;
                    display:block;
                    color:#03f;
                }
                    .browsHistory ul li.item .addCratBtn a:hover {
                        color:#09f;
                    }


    .browsHistory .clearHistory {        
        float:left;
        display:block;
        width:110px;
        height:30px;
        line-height:30px;
        text-align:center;
    }
        .browsHistory .clearHistory a {
            width:100%;
            height:100%;
            display:block;
            color:#fff;
            background-color:#cd333a;
        }
            .browsHistory .clearHistory a:hover {
                background-color:#a50c13;

            }
    .browsHistory .viewLength {        
        float:left;
        display:block;
        width:60px;
        text-align:center;
        height:30px;
        line-height:30px;
    }
        .browsHistory .viewLength .more,
        .browsHistory .viewLength .less {
        }
            .browsHistory .viewLength .more a,
            .browsHistory .viewLength .less a {
                width:100%;
                height:100%;
                display:block;
                color:#fff;
                background-color:#3586ea;
            }
                .browsHistory .viewLength .more a:hover,
                .browsHistory .viewLength .less a:hover {
                    background-color:#0c5cbf;

                }
/*-------------------------------------------------------------------------------------------------------------
    信用卡付款
-------------------------------------------------------------------------------------------------------------*/	
.payCard{	
    padding:10px 0px;
    display:block;
    }
.payCard ul{
    width:780px;
    margin:0px auto 50px;
    border:1px solid #e8e8e8;
    font-size:13px;
    line-height:36px;    
    margin-bottom:0px;
    padding:0;
    }	
.payCard ul li{
    float:left;
    height:36px;
    display:block;	
    }
.payCard ul li.title{
    border-right:1px solid #e8e8e8;
    width:99px;
    background-color:#f2f2f2;
    text-align:center;
    }
.payCard ul li.title span{	
    }

.payCard ul li.num{
    width:660px;
    padding:0px 10px;
    font-size:16px;	
    }
.payCard ul li.num select{
    margin:0px 0px 0px 0px;
    width:660px;	
    }	
.payCard  p{
    width:780px;
    margin:0px auto 5px;
    text-align:right;	
    }	
.payCard .sendBtn{
    text-align:center;
    display:block;
    margin:10px 0px 56px;
    }
/*-------------------------------------------------------------------------------------------------------------
    信用卡付款授權結果
-------------------------------------------------------------------------------------------------------------*/	
.payCard_results{	
    width:780px;
    margin:20px auto 50px;
    }
.payCard_results ul{
    width:780px;
    border:1px solid #e8e8e8;
    border-bottom:none;
    font-size:13px;
    line-height:36px;
    margin:0;
    padding:0;
    }	
.payCard_results ul li{
    float:left;
    height:36px;
    display:block;
    
    }
.payCard_results ul.end{
    border-bottom:1px solid #e8e8e8;	
    }
    
.payCard_results ul li.title{
    border-right:1px solid #e8e8e8;
    width:129px;
    background-color:#f2f2f2;
    text-align:right;
    }
.payCard_results ul li.title span{
    margin:0px 10px;
    display:block;
    }	
.payCard_results ul li.num{
    width:650px;	
    }
.payCard_results ul li.num span{
    margin:0px 10px;
    display:block;	
    }
.payCard_results ul li.num span span{
    display:inline;
    margin:0px 0px 0px 0px;
    color:#333;	
    }		
.payCard_results  p{
    width:500px;
    margin:0px auto 5px;
    text-align:right;	
    }	
.payCard_results .sendBtn{
    text-align:center;
    display:block;
    margin:20px 0px 56px;
    }
.payCard_results .sendBtn input{
    margin:0px 5px;
    
    }	