/* Css Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
    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;
}
ol, ul {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: '';
}
caption, th {
    text-align: left;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
/*-------------------------------------------------------------------------------------------------------------
    ClearFix
-------------------------------------------------------------------------------------------------------------*/		
.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 */ 
/*-------------------------------------------------------------------------------------------------------------
    預設
-------------------------------------------------------------------------------------------------------------*/		
html {
    background: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #ececea;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
   
}
body {
    height: 100%;
    font-family: 'Open Sans', arial, sans-serif !important;
    position:relative;
}
    body form {
        height:100%;
        position:relative;
    }
.outsideWrapper {
    height: 100%;
    width: 100%;
    margin: auto;
    position:relative;
       
}
/*-------------------------------------------------------------------------------------------------------------
    共用結構
-------------------------------------------------------------------------------------------------------------*/
.none {
    display: none !important;
    visibility: hidden!important;
}
.warning {
    color: #db0000;
}
a {
    cursor: pointer;
    text-decoration: none;
}
.note {
    padding: 10px 15px 10px 10px;
    margin: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    display: block;
    font-family: Arial, "新細明體";
    background-color: #E8F6FC;
    border-left: 5px solid #57B5E3;
}
.note b {
    font-weight: bold;
}
.note b.title {
    display: block;
    color: #333;
}
.note-danger {
    background-color: #faeae6;
    border-color: #ed4e2a;
}
.attention {
    background-color: #fcf3e1;
    border-color: #fcb322;
}
.note ul.num {
    margin: 6px 0px 0px;
}
.note ul.num li {
    display: list-item;
    list-style: decimal;
    margin: 0px 10px 0px 18px;
}
.cred {
    color:red;
}
.cBlue {
    color: blue;
}
/*-------------------------------------------------------------------------------------------------------------
    頁面
-------------------------------------------------------------------------------------------------------------*/	
.pageWrapper {
    margin: auto;
    position: relative;
    min-height: 100%;
    background-color: #fff;
    width: 962px;
}
.pageWrapper.bgShow {
    background-image: url(/images/sideMenuBg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
}
/*-------------------------------------------------------------------------------------------------------------
    頁首
-------------------------------------------------------------------------------------------------------------*/	
.headWrapper {
    width: 100%;
    height: 156px;
    display: block;
    position: relative;
    margin: auto;
    background-image: url(/images/headBg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    z-index: 9;
    background-color: #fff;
}
.logoName {
    position: absolute;
    left: 10px;
    top: 10px;
    max-width: 560px;
    max-height: 100px;
    display: block;
    overflow:hidden;
}
.logoName .logoImg {
    width: auto;
    height: 100px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    
}
.logoName .logoImg img {
    max-height: 100px;
    max-width: 560px;
}
.logoName .name {
    font-size: 20px;
    color: #666666;
    font-family: Arial, "微軟正黑體";
    float: left;
    height: 34px;
    line-height: 34px;
    display: block;
    margin: 28px 0px 0px 6px;
    padding: 0px 0px 0px 8px;
    border-left: 1px solid #ccc;
}
.fixedMenu {
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:30px;
    line-height:30px;

    z-index:-1;
    display:none;
    background-color:#fff;
    -moz-box-shadow: 0px 1px 3px #888888;
    box-shadow: 0px 1px 3px #888888;


}
    .fixedMenu .mainMenu{
        position:relative !important;
        width:960px;
        margin:1px auto 0px;
        bottom:inherit;
        top:inherit;
        left:inherit;

    }
.fixedMenu .mainMenu,
.headWrapper .mainMenu {
    height: 28px;
    display: block;
    position: absolute;
    left: 12px;
    bottom: 8px;
}
.fixedMenu .mainMenu .menuList,
.headWrapper .mainMenu .menuList {
    float: left;
    height: 28px;
    display: inline-block;
    z-index: 9;
    position: relative;
}
    .fixedMenu .mainMenu .menuList {
        float:none !important;
        width:100%;
        display:block;
    }
.fixedMenu .mainMenu .menuList li,
.headWrapper .mainMenu .menuList li {
    float: left;
    width: auto;
    height: 28px;
    display: block;
    font-size: 13px;
    vertical-align: middle;
    position: relative;
    line-height: 28px;
    margin: 0px 1px 0px 0px
}


    .fixedMenu .mainMenu .menuList li.morr,
    .headWrapper .mainMenu .menuList li.morr {
        display:none;
    }
    .fixedMenu .mainMenu .menuList li.fb,
    .headWrapper .mainMenu .menuList li.fb,
    .fixedMenu .mainMenu .menuList li.u2b,
    .headWrapper .mainMenu .menuList li.u2b {
        display:none;
    }

.fixedMenu .mainMenu .menuList li .tl, 
.fixedMenu .mainMenu .menuList li .tr, 
.fixedMenu .mainMenu .menuList li .bl, 
.fixedMenu .mainMenu .menuList li .br,
.headWrapper .mainMenu .menuList li .tl, 
.headWrapper .mainMenu .menuList li .tr, 
.headWrapper .mainMenu .menuList li .bl, 
.headWrapper .mainMenu .menuList li .br,
.fixedMenu .mainMenu .menuList li:hover .tl, 
.fixedMenu .mainMenu .menuList li:hover .tr, 
.fixedMenu .mainMenu .menuList li:hover .bl, 
.fixedMenu .mainMenu .menuList li:hover .br,
.headWrapper .mainMenu .menuList li:hover .tl, 
.headWrapper .mainMenu .menuList li:hover .tr, 
.headWrapper .mainMenu .menuList li:hover .bl, 
.headWrapper .mainMenu .menuList li:hover .br {
    display: none;
}
.fixedMenu .mainMenu .menuList li.target .tl, 
.fixedMenu .mainMenu .menuList li:hover .tl,
.headWrapper .mainMenu .menuList li.target .tl, 
.headWrapper .mainMenu .menuList li:hover .tl {
    width: 1px;
    height: 1px;
    display: block;
    position: absolute;
    left: -6px;
    top: 0px;
    background-color: #fff;
}
.fixedMenu .mainMenu .menuList li.target .tr, 
.fixedMenu .mainMenu .menuList li:hover .tr,
.headWrapper .mainMenu .menuList li.target .tr, 
.headWrapper .mainMenu .menuList li:hover .tr {
    width: 1px;
    height: 1px;
    display: block;
    position: absolute;
    right: -6px;
    top: 0px;
    background-color: #fff;
}
    .fixedMenu .mainMenu .menuList li.shopCart {
        float:right;
        margin:0px 12px 0px 0px;
    }
        .fixedMenu .mainMenu .menuList li.shopCart a span {
            display:inline;
        }

.fixedMenu .mainMenu .menuList li.sub,
.headWrapper .mainMenu .menuList li.sub {
}
.fixedMenu .mainMenu .menuList li.sub:hover ul,
.headWrapper .mainMenu .menuList li.sub:hover ul {
    display: block;
}
.fixedMenu .mainMenu .menuList li.sub ul,
.headWrapper .mainMenu .menuList li.sub ul {
    position: absolute;
    left: 50%;
    top: 27px;
    width: 120px;
    margin: 0px 0px 0px -60px;
    display: none;
    background-image: url(/images/subMenuBg.png);
    background-repeat: repeat;
    max-height:510px;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-box-shadow: 0 1px 3px #888888;
    -moz-box-shadow: 0 1px 3px #888888;
    box-shadow: 0 1px 3px #888888;

}
    .fixedMenu .mainMenu .menuList li.sub ul ul,
    .headWrapper .mainMenu .menuList li.sub ul ul {
        overflow:initial;
        -webkit-box-shadow:initial;
        -moz-box-shadow:initial;
        box-shadow:initial;
}
.fixedMenu .mainMenu .menuList li.sub ul li:hover,
.headWrapper .mainMenu .menuList li.sub ul li:hover {
    background: none;
}
.fixedMenu .mainMenu .menuList li.sub ul li,
.headWrapper .mainMenu .menuList li.sub ul li {
    margin: 0px 1px;
    width: 118px;
    display: block;
    border-bottom: 1px solid #e0e0e0;
}
.fixedMenu .mainMenu .menuList li.sub ul li.arrow,
.headWrapper .mainMenu .menuList li.sub ul li.arrow {
    width: 120px;
    height: 4px;
    display: block;
    background-image: url(/images/subMenuArrow.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin: -4px 0px 0px 0px;
    border: none;
}
.fixedMenu .mainMenu .menuList li.sub ul li a,
.headWrapper .mainMenu .menuList li.sub ul li a {
    width: auto;
    height: 28px;
    display: block;
    line-height: 28px;
    color: #777;
}
.fixedMenu .mainMenu .menuList li.sub ul li a:hover, 
.headWrapper .mainMenu .menuList li.sub ul li a:hover {
    color: #333;
}
.fixedMenu .mainMenu .menuList li.sub ul li span,
.headWrapper .mainMenu .menuList li.sub ul li span {
}
.fixedMenu .mainMenu .menuList li.sub a span,
.headWrapper .mainMenu .menuList li.sub a span {
    background-image: url(/images/subArrow.gif);
    background-repeat: no-repeat;
    background-position: right 12px;
    background-position: right 10px \9;
    display: inline-block;
    padding: 0px 12px 0px 0px;
}
.fixedMenu .mainMenu .menuList li.sub ul li a span,
.headWrapper .mainMenu .menuList li.sub ul li a span {
    background: none;
}
.fixedMenu .mainMenu .menuList li span,
.headWrapper .mainMenu .menuList li span {
    margin: 0px 6px;
    display: block;
}
.fixedMenu .mainMenu .menuList li a,
.headWrapper .mainMenu .menuList li a {
    color: #777;
}
.fixedMenu .mainMenu .menuList li a:hover,
.headWrapper .mainMenu .menuList li a:hover {
    color: #777;
}
    .fixedMenu .mainMenu .menuList li:hover a {
        color:#09f !important;
    }
.fixedMenu .mainMenu .menuList li:hover a, 
.fixedMenu .mainMenu .menuList li.target a,
.headWrapper .mainMenu .menuList li:hover a, 
.headWrapper .mainMenu .menuList li.target a {
    color: #333;
}
.fixedMenu .mainMenu .menuList li.target,
.headWrapper .mainMenu .menuList li.target {
    background-image: url(/images/mainBtnBg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
}

    .fixedMenu .mainMenu .menuList li.prodList,
    .headWrapper .mainMenu .menuList li.prodList{
        background-image: url("/images/prodList.png");
        background-position: 4px center;
        background-repeat: no-repeat;
        border: medium none;
        padding: 0 0 0 17px;
        width: 66px;

    }
        .fixedMenu .mainMenu .menuList li.prodList a,
        .headWrapper .mainMenu .menuList li.prodList a {
            color:#ff6600 !important;



        }
        .fixedMenu .mainMenu .menuList li.prodList span,
        .headWrapper .mainMenu .menuList li.prodList span {

            
        }


.fixedMenu .mainMenu .menuList li.home,
.headWrapper .mainMenu .menuList li.home {
    width: 27px;
    height: 28px;
    display: block;
}
.fixedMenu .mainMenu .menuList li.home a,
.headWrapper .mainMenu .menuList li.home a {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(/images/homeBtn.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.fixedMenu .mainMenu .menuList li.home span ,
.headWrapper .mainMenu .menuList li.home span {
    display: none;
}

    .fixedMenu .mainMenu .menuList li.shopList,
    .headWrapper .mainMenu .menuList li.shopList  {
        position:initial !important;
        z-index:99;
    }
    .fixedMenu .mainMenu .menuList li.sub.shopList ul,
    .headWrapper .mainMenu .menuList li.sub.shopList ul {          
        width:962px;
        left:-12px;
        margin:0px;
        background:none;
        background-color:#fff;
        margin-bottom:15px;
        position:absolute;
        z-index:99;
        background-color:#fff;
                
    }

        .fixedMenu .mainMenu .menuList li.sub.shopList ul li, 
        .headWrapper .mainMenu .menuList li.sub.shopList ul li {
            height:inherit;
            border:none;
            width:155px;
            
        }

        .fixedMenu .mainMenu .menuList li.sub.shopList ul li.arrow,
        .headWrapper .mainMenu .menuList li.sub.shopList ul li.arrow {
            width:100%;
            background-position:534px center;  
            height: 4px;
            background-image:none;
        }
        .fixedMenu .mainMenu .menuList li.sub.shopList ul li ul.type,
        .headWrapper .mainMenu .menuList li.sub.shopList ul li ul.type {
            position:relative;
            float:none;
            width:inherit;
            left:inherit;
            top:inherit;
        }
            .fixedMenu .mainMenu .menuList li.sub.shopList ul li ul.type li,
            .headWrapper .mainMenu .menuList li.sub.shopList ul li ul.type li {
                float:none;
                border:none;
                font-size:12px;
            }
                .fixedMenu .mainMenu .menuList li.sub.shopList ul li ul.type li.title,
                .headWrapper .mainMenu .menuList li.sub.shopList ul li ul.type li.title {                    
                    font-weight:bold;
                    border-bottom:1px solid #ced8e1;
                    margin:2px 1px 4px 0;

                }
                    .fixedMenu .mainMenu .menuList li.sub.shopList ul li ul.type li.title a,
                    .headWrapper .mainMenu .menuList li.sub.shopList ul li ul.type li.title a {
                        height:28px;
                        line-height:28px;
                         color:#666;
                    }

                .fixedMenu .mainMenu .menuList li.sub.shopList ul li ul.type li a,
                .headWrapper .mainMenu .menuList li.sub.shopList ul li ul.type li a {
                    height:21px;
                    line-height:21px;
                    color:#999 !important;
                }
                .fixedMenu .mainMenu .menuList li.sub.shopList ul li ul.type li a:hover,
                .headWrapper .mainMenu .menuList li.sub.shopList ul li ul.type li a:hover {
                    color:#09f !important;
                }
            .fixedMenu .mainMenu .menuList li.sub.shopList ul li.line,
            .headWrapper .mainMenu .menuList li.sub.shopList ul li.line {
                background-color: #e6ecf0;
                clear: both;
                float:none;
                height: 1px;
                margin: 0 auto 15px;
                width: 956px;
            }




.headWrapper .navMenu {
    position: absolute;
    right: 10px;
    top: 13px;
}
.headWrapper .navMenu ul {
}
.headWrapper .navMenu ul li {
    float: right;
    display: block;
    height: 23px;
    line-height: 23px;
    border-left: 1px solid #d1d1d1;
    position: relative;
}
    .headWrapper .navMenu ul li.office365 a:hover  {
        
        color:red!important ;
    }
.headWrapper .navMenu ul li.end {
    border: none;
}
.headWrapper .navMenu ul li.end a{
    float:left;	
    }
.headWrapper .navMenu ul li.end .bonuGold{
    width:10px;
    height:100%;
    display:block;
    float:left;
    position:relative;
    }
.headWrapper .navMenu ul li.end .bonuGold .icon{
    background-image:url(/images/bonuGold.png);
    background-repeat:no-repeat;
    background-position:center;
    width:18px;
    height:18px;
    display:block;	
    position:absolute;
    left:0px;
    top:2px;
    }
    
.headWrapper .navMenu ul li.end .bonuGold .icon a{
    width:100%;
    height:100%;
    display:block;	
    }
.headWrapper .navMenu ul li.end .bonuGold .icon .toolTip{
    font-size:12px;
    display:inline-block;
    width:70px;
    height:20px;
    line-height:20px;
    position:absolute;
    left:-26px;
    top:23px;
    margin:0px;
    padding:0px;
    text-align:center;
    background-color:#6b6b6b;
    color:#efefef;
    }
.headWrapper .navMenu ul li.end .bonuGold .icon .toolTip .arrow{
    width:7px;
    height:4px;
    display:block;
    background-image:url(/images/toolTipArrow.gif);
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    left:50%;
    top:-4px;
    margin:0px 0px 0px -4px;
    
    }
.headWrapper .navMenu ul li.end .bonuGold .icon .toolTip .txt{
    
    }
    

.headWrapper .navMenu ul li .tl, .headWrapper .navMenu ul li .tr, .headWrapper .navMenu ul li .bl, .headWrapper .navMenu ul li .br {
    display: none;
    position: absolute;
    width: 1px;
    height: 1px;
}
.headWrapper .navMenu ul li a {
    color: #666;
    font-size: 12px;
    height: 23px;
    display: block;
    padding: 0px 6px;
    margin: 2px 0px \9;
}
.headWrapper .navMenu ul li a:hover {
    color: #f60;
}
.headWrapper .navMenu ul li a span {
    padding: 2px 6px 1px;
    vertical-align: middle;
}

    .headWrapper .navMenu ul li a span#myCartCount {
        padding:0px 1px;
    }

.headWrapper .navMenu ul li.lang {
}
.headWrapper .navMenu ul li.lang a span {
    background-image: url(/images/subArrow.gif);
    background-repeat: no-repeat;
    background-position: right 9px;
    display: inline-block;
    padding: 0px 12px 0px 6px;
}
.headWrapper .navMenu ul li.target span {
    background-color: #e8e8e8;
}
.headWrapper .navMenu ul li.target .tl, .headWrapper .navMenu ul li.target .tr, .headWrapper .navMenu ul li.target .bl, .headWrapper .navMenu ul li.target .br {
    display: block;
    display: none \9;
    background-color: #fff;
}
.headWrapper .navMenu ul li.target .tl {
    left: 6px;
    top: 2px;
}
.headWrapper .navMenu ul li.target .tr {
    top: 2px;
    right: 6px;
}
.headWrapper .navMenu ul li.target .bl {
    bottom: 3px;
    left: 6px;
}
.headWrapper .navMenu ul li.target .br {
    bottom: 3px;
    right: 6px;
}
.headWrapper .navMenu ul li.sub:hover ul {
    display: block;
}
.headWrapper .navMenu ul li.sub ul {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 26px 0px 0px 0px;
    width: 73px;
    display: none;
    z-index: 1;
    background-image: url(/images/navSubLine.gif);
    background-repeat: repeat-x;
    background-position: 0px 24px;
}
.headWrapper .navMenu ul li.sub ul li {
    float: none;
    border: none;
    border-bottom: 1px solid #d1d1d1;
    width: 73px;
    height: 20px;
    display: block;
    line-height: 20px;
    background-image: url(/images/subMenuBg.png);
}
.headWrapper .navMenu ul li.sub ul li a {
    width: 100%;
    height: 20px;
    display: block;
    margin: 0px;
    padding: 0px;
}
.headWrapper .navMenu ul li.sub ul li a:hover {
}
.headWrapper .navMenu ul li.sub ul li a span {
    margin: 0px 6px;
    padding: 0px;
    display: block;
    background: none;
}
.headWrapper .navMenu ul li.sub:hover a {
    color: #333;
}
.headWrapper .navMenu ul li.sub:hover ul li a {
    color: #777;
}
.headWrapper .navMenu ul li.sub:hover ul li a:hover {
    color: #f60;
}

.headWrapper .navMenu ul li.userName {
    width:auto;
    cursor:pointer;
    
}
    .headWrapper .navMenu ul li.userName span {
        color: #666;
        display: block;
        font-size: 12px;
        height: 23px;
        padding: 0 6px;
              
    }
    .headWrapper .navMenu ul li.userName .nameTxt {
        position:relative;
        float:left;
        margin:3px 0px 0px 0px \9;
    }
        .headWrapper .navMenu ul li.userName .nameTxt .txt {
            padding:0px 6px 0px 3px;
            float:left;
        }
    .headWrapper .navMenu ul li.userName .nameTxt .headIcon {
        width:16px;
        height:16px;
        display:block;
        background-image:url(/images/userIcon.jpg);
        background-position:left center;
        background-repeat:no-repeat;
        margin:2px 3px 2px 6px;
        padding:0px;
        float:left;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        position:relative;
    }
    .headWrapper .navMenu ul li.userName:hover .nameTxt .accountInfo {
        display:block;
    }
     .headWrapper .navMenu ul li.userName .nameTxt .accountInfo {
         position:absolute;
         width:120px;
         height:auto;
         display:none;
         z-index:9;
         background-color:#fff;
         border:1px solid #efefef;
         box-shadow: 0 2px 4px rgba(34, 25, 25, 0.1);
         left:50%;
         top:22px;
         margin:0px 0px 0px -30px;
        
    }
        .headWrapper .navMenu ul li.userName .accountInfo a {
            width:100%;
            height:23px;
            display:block;
            text-align:center;
            padding:0px;
            
        }
            .headWrapper .navMenu ul li.userName .accountInfo a:hover span{
                color:#06f;
            }
    .headWrapper .navMenu ul li.userName .accountInfo .arrow {

        display:none;
        width:100%;
        height:6px;
        display:block;
        background-image:url(/images/nav_accountInfo_Arrow.png);
        background-repeat:no-repeat;
        background-position:24px center;     
        margin:-5px 0px 0px 0px;
        padding:0px;   

    }
            .headWrapper .navMenu ul li.userName .accountInfo a span {
                background:none;
            }

    .fixedMenu .navMenu ul li.login,
    .headWrapper .navMenu ul li.login {
        padding:0px;
    }
    .fixedMenu .navMenu ul li.login a,
    .headWrapper .navMenu ul li.login a{
        float:left;
        padding:0px;
        
    }
        .headWrapper .navMenu ul li.login a span {
            
        }
    .fixedMenu .navMenu ul li.login .fbAccoutBtn, 
    .headWrapper .navMenu ul li.login .fbAccoutBtn {
        width:14px;
        height:14px;
        padding:0px;
        margin:6px 6px 0px 0px;
        background-position:1px center ;
    }
        .fixedMenu .navMenu ul li.login .fbAccoutBtn span,
        .headWrapper .navMenu ul li.login .fbAccoutBtn span {
            display:none;
        }
    .fixedMenu .navMenu ul li.login .googleAccoungBtn,
    .headWrapper .navMenu ul li.login .googleAccoungBtn {
        width:14px;
        height:14px;
        padding:0px;
        margin:6px 6px 0px 0px;
        background-position:1px center ;
        
    }
        .fixedMenu .navMenu ul li.login .googleAccoungBtn span,
        .headWrapper .navMenu ul li.login .googleAccoungBtn span {
            display:none;
        }

.headWrapper .prodSearch {
    position: absolute;
    right: 1px;
    top: 95px;
    width: 300px;
    display: block;
    z-index: 0;
}
.headWrapper .prodSearch .sortList {
}
.headWrapper .prodSearch .sortList li {
    float: left;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    color: #666;
    margin: 0px 4px 0px 0px;
    padding: 0px 4px 0px 0px
}
.headWrapper .prodSearch .sortList li.title {
    text-align: right;
}
.headWrapper .prodSearch .sortList li.line {
    background-image: url(/images/sortListLine.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
.headWrapper .prodSearch .sortList li input {
    vertical-align: middle;
    margin: 0px 2px 0px 0px;
    padding: 0px;
}
.headWrapper .prodSearch .searchBar {
}
.headWrapper .prodSearch .searchBar li {
    float: left;
}
.headWrapper .prodSearch .searchBar .advSearch {
    width: 62px;
    height: 19px;
    line-height: 21px;
    line-height: 23px \9;
    font-size: 12px;
    background-color: #e8e8e8;
}
.headWrapper .prodSearch .searchBar .advSearch a {
    width: 100%;
    height: 100%;
    display: block;
    color: #666;
    background-image: url(/images/advSearchArrow.gif);
    background-position: 53px 9px;
    background-repeat: no-repeat;
}
.headWrapper .prodSearch .searchBar .advSearch a:hover {
}
.headWrapper .prodSearch .searchBar .advSearch span {
    margin: 0px 0px 0px 3px;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList {
    width: 166px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    background-image: url(/images/advSearchListBg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    position: relative;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .title {
    font-size: 12px;
    color: #888888;
    height: 17px;
    line-height: 17px;
    display: block;
    margin: 0px 0px 6px;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .title span {
    margin: 0px 0px 0px 3px;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .closeBtn {
    width: 16px;
    height: 16px;
    display: block;
    background-image: url(/images/advSearchCloseBtn.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 0px;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .closeBtn:hover {
    background-image: url(/images/advSearchCloseBtn_hover.jpg);
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .closeBtn a {
    width: 100%;
    height: 100%;
    display: block;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .listInfo {
    background-color: #fff;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .listInfo li {
    float: none;
    clear: both;
    height: 25px;
    display: block;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .listInfo .title {
    float: left;
    width: 52px;
    line-height: 25px;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .listInfo .title span {
    margin: 0px 0px 0px 4px;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .listInfo .content {
    float: left;
    width: 112px;
}
.headWrapper .prodSearch .searchBar .advSearch .typeList .listInfo .content select {
    width: 108px;
    display: block;
    vertical-align: middle;
}
.headWrapper .prodSearch .searchBar .searchInput {
    width: 224px;
    height: 19px;
    display: block;
    background-image: url(/images/searchBar.jpg);
    position: relative;
}
.headWrapper .prodSearch .searchBar .searchInput .searchTxt {
    width: 188px;
    height: 19px;
    line-height: 21px \9;
    display: block;
    padding: 0px;
    margin: 0px 0px 0px 4px;
    border: 0px;
    background-color: transparent;
    vertical-align: middle;
}
.headWrapper .prodSearch .searchBar .searchInput .searchBtn {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 9;
    background-color: transparent;
    background-image: url(/images/searchBtn.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    border: 0px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}
.headWrapper .prodSearch .searchBar .searchInput .searchBtn:active {
    background-position: -1px -1px;
}
.headWrapper .crumbs {
    background-color: #666666;
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 0px 7px 0px 0px;
}
.headWrapper .crumbs .footer {
    background-image: url(/images/crumbsFooter.png);
    background-repeat: no-repeat;
    background-position: right center;
    height: 20px;
    width: 7px;
    display: block;
    position: absolute;
    right: -7px;
    top: 0px;
}
.headWrapper .crumbs ul {
}
.headWrapper .crumbs ul li {
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding: 0px 0px 0px 7px;
    color: #ddd;
}
.headWrapper .crumbs ul li a {
    color: #ddd;
    background-image: url(/images/crumbsArrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0px 12px 0px 0px;
}
.headWrapper .crumbs ul li a:hover {
    color: #f90;
}
/*-------------------------------------------------------------------------------------------------------------
    檔案下載
-------------------------------------------------------------------------------------------------------------*/		
.download .pageWrapper {
    background-image: url(/images/sideMenuBg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
}
.fileSearch {
    width: 661px;
    height: 54px;
    display: block;
    background-color: #f7f7f7;
    margin: 11px auto;
}
.fileSearch ul {
}
.fileSearch ul li {
    height: 54px;
    display: block;
    line-height: 54px;
    float: left;
    font-size: 13px;
    vertical-align: middle;
}
.fileSearch ul .title {
    width: 75px;
    display: block;
    text-align: right;
}
.fileSearch ul .type {
    width: 252px;
    display: block;
}
.fileSearch ul .type select {
    width: 245px;
}
.fileSearch ul .key {
    width: 57px;
    display: block;
    text-align: right;
}
.fileSearch ul .txt {
    width: 213px;
}
.fileSearch ul .txt input {
    width: 200px;
}
.fileSearch ul .sendBtn {
}
.fileList {
    width: 661px;
    display: block;
}
.fileList table {
    width: 659px;
    margin: 0px 0px 20px;
}
.fileList tr {
}
.fileList tr th {
    background-image: url("/images/listBg.gif");
    background-repeat: repeat-x;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    border-right: 1px solid #fff;
    color: #666;
}
.fileList tr th.prodPhoto {
    width: 111px;
    text-align: center;
}
.fileList tr th.prodName {
    width: 158px;
    text-align: center;
}
.fileList tr th.date {
    width: 82px;
    text-align: center;
}
.fileList tr th.describe {
    width: auto;
    text-align: center;
}
.fileList tr th.downloadBtn {
    border: none;
    text-align: center;
    width:80px;
}
.fileList tr.file td {
    vertical-align: middle;
    border-bottom: 1px dotted #dedede;
    font-size: 13px;
    color: #666;
    padding:6px 0px;
    width:auto;
    word-break: break-all;
    word-wrap: break-word; 
}
.fileList tr.file td.prodPhoto {
    text-align: center;
    padding: 5px 0px;
}
.fileList tr.file td.prodName {
    text-align: center;
}
.fileList tr.file td.prodName span {
    margin: 5px;
    display: block;
}
.fileList tr.file td.date {
    text-align: center;
}
.fileList tr.file td.describe {
}
.fileList tr.file td.describe span {
    margin: 5px;
    display: block;
}
.fileList tr.file td.downloadBtn {
}
.fileList tr.file td.downloadBtn a {
    width: 41px;
    height: 23px;
    display: block;
    margin: auto;
    background-image: url(/images/fileDownloadBtn.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.fileList tr.file td.downloadBtn a:hover {
    background-image: url(/images/fileDownloadBtn_hover.gif);
}
.fileList tr.file td.downloadBtn a:active {
    margin: -5px auto 0px;
}
.fileList tr.file td.downloadBtn a span {
    display: none;
}
.fileList tr.relatedProd{}
.fileList tr.relatedProd .title{
    line-height:26px;
    vertical-align:middle;
    font-size:13px;
    text-align:right;
    color:#666;
    }
.fileList tr.relatedProd .title span{
    margin:0px 10px 0px 0px;
    
    }
.fileList tr.relatedProd .tag{	
    }
.fileList tr.relatedProd .tag a{
    font-size:13px;
    line-height:26px;
    color:#f60;
    padding:0px 3px;
    }	
.fileList tr.relatedProd .tag a:hover{
    color:#06f;	
    }	
.fileList tr.relatedProd td{
 border-bottom: 1px solid #ddd;
}
/*-------------------------------------------------------------------------------------------------------------
    線上估價
-------------------------------------------------------------------------------------------------------------*/		
.valuationBtn {
    position: absolute;
    right: 15px;
    top: 11px;
}
.valuationBtn li {
    float: right;
    padding: 0px 0px 0px 1px;
    background-image: url(/images/valuationBtnBg.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
.valuationBtn li a {
    color: #666;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    display: block;
}
.valuationBtn li a:hover {
    color: #06f;
}
.valuationBtn li a span {
    padding: 0px 6px 0px 6px;
}
.valuationBtn li.end {
    background: none;
}
.valuationTable {
    margin: 5px 15px 10px;
}
.valuationTable table {
    width: 100%;
    border: 1px solid #eeeeee;
    border-bottom: none;
}
.valuationTable table tr.title th {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    font-size: 13px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    background-color: #f9f9f9;
}
.valuationTable table tr.title th.typeName {
    width: 141px;
}
.valuationTable table tr.title th.prodName {
}
.valuationTable table tr.title th.num {
    width: 48px;
}
.valuationTable table tr.title th.spec {
    width: 75px
}
.valuationTable table tr.title th.price {
    width: 75px
}
.valuationTable table tr.title th.total {
    width: 76px;
}
.valuationTable table tr.title th.wattage {
    width: 75px;
}
.valuationTable table tr.title th.remarks {
    width: 67px;
}
.valuationTable table tr td {
    border-bottom: 1px solid #eee;
}
.valuationTable table tr.tr_menu td {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    border-right: 1px solid #eee;
}
.valuationTable table tr.tr_menu td.td2 {
}
.valuationTable table tr.tr_menu td.td2 select {
    width: 100%;
}
.valuationTable table tr.tr_menu td.td8 {
    border-right: none;
}
.valuationTable .es_div_total {
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 16px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-top: 0px;
}
.valuationTable .es_div_total .span1 {
    width: 75px;
    display: block;
    float: left;
    text-align: right;
    margin: 0px 0px 0px 558px;
    font-weight: bold;
}
.valuationTable .es_div_total .totlaPrice {
    font-size: 13px;
    width: 75px;
    display: block;
    text-align: center;
    float: left;
}
.valuationTable .es_div_total .totalWatt {
    width: 75px;
    float: left;
    font-size: 13px;
    text-align: center;
    margin: 0px 0px 0px 80px;
}
/*-------------------------------------------------------------------------------------------------------------
    FAQ
-------------------------------------------------------------------------------------------------------------*/	
.questionTxt {
    padding: 10px 15px 10px 10px;
    margin: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    display: block;
    font-family: Arial, "新細明體";
    background-color: #eee;
    border-left: 5px solid #b0b0b0;
    background-image: url(/images/qTitle.gif);
    background-repeat: no-repeat;
    background-position: 12px 20px;
    position: relative;
}
.questionTxt .title {
    color: #333;
    font-size: 16px;
    margin: 9px 0 0 26px;
    line-height: 20px;
}
.questionTxt .author {
    margin: 10px 0px 0px 27px;
    color: #999;
}
.questionTxt .author .name {
    float: left;
}
.questionTxt .author .date {
    float: right;
}
.questionTxt .arrow {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    left: 21px;
    bottom: -17px;
    background-image: url(/images/qArrow.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.ansTxt {
    border: 1px solid #dfdfdf;
    margin: 23px 10px 10px 35px;
    padding: 10px;
    font-size: 13px;
    line-height: 23px;
    color: #333;
}
.askBtn {
    background-image: url("/images/askQBtn.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 84px;
}
.askBtn a {
    width: 100%;
    height: 100%;
    display: block;
}
.askBtn:active {
    margin: -2px 0px 0px 0px;
}
/*-------------------------------------------------------------------------------------------------------------
    買貴通報
-------------------------------------------------------------------------------------------------------------*/		
.bulletinProd {
    margin: 0px 15px;
}
.bulletinProd ul {
    float: left;
}
.bulletinProd ul li {
    font-size: 13px;
    line-height: 26px;
    color: #666;
}
.bulletinProd ul .prodPhoto {
    width: 280px;
    display: block;
}
.bulletinProd ul .prodPhoto a {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
}
.bulletinProd ul .prodPhoto a img {
    border: 1px solid #ccc;
}
.bulletinProd ul .prodPhoto a:hover {
}
.bulletinProd ul li .title {
    width: 70px;
    height: 26px;
    display: block;
    float: left;
    text-align: right;
    margin: 0px;
}
.bulletinProd ul li .info {
    display: block;
    width: 208px;
    float: left;
}
.bulletinProd ul li.prodName {
}
.bulletinProd ul li.prodName .title {
}
.bulletinProd ul li.prodName .info {
}
.bulletinProd ul li.prodSn {
    width: inherit;
    float: none;
    clear: both;
}
.bulletinProd ul li.prodSn .title {
}
.bulletinProd ul li.prodSn .info {
}
.bulletinProd ul li.prodPrice {
}
.bulletinProd ul li.prodPrice .title {
}
.bulletinProd ul li.prodPrice .info {
}
.bulletinForm {
    background-image: url(/images/bulletin.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 441px;
    display: block;
    width: 650px;
    float: right;
    margin: 0px 5px 0px 0px;
}
.bulletinForm table {
    width: 624px;
    margin: 0px 15px 0px 15px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
}
.bulletinForm table tr {
}
.bulletinForm table tr td {
    height: 42px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}
.bulletinForm table tr td.title {
    width: 149px;
    background-color: #f7f7f7;
    border-right: 1px solid #e8e8e8;
    text-align: right;
}
.bulletinForm table tr td.title span {
    line-height: 42px;
    margin: 0px 10px 0px 0px;
    font-size: 13px;
}
.bulletinForm table tr td.info {
}
.bulletinForm table tr td.info input {
    margin: 0px 0px 0px 10px;
    width: 352px;
}
.bulletinForm table tr.reason td.info textarea {
    margin: 10px;
    width: 352px;
    height: 100px
}
.bulletinForm table tr.vCode td input {
    width: 142px;
}
.bulletinForm table tr.vCode td img {
    vertical-align: middle;
    margin: 0px 10px;
}
.bulletinForm table tr.vCode td .reloadBtn {
    width: inherit;
    margin: 0px;
}
.bulletinForm .sendBtn {
    width: 624px;
    margin: 15px auto;
    text-align: center;
}
/*-------------------------------------------------------------------------------------------------------------
    訂單明細
-------------------------------------------------------------------------------------------------------------*/	
.orderInfo {
    margin: 0px 15px 0px 15px;
}
.orderInfo table {
    border: 1px solid #ededed;
    border-bottom: 0px;
    width: 932px;
}
.orderInfo table tr {
}
.orderInfo table tr td {
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    color: #666;
    background-color: #fdfdfd;
}
.orderInfo table tr td span {
    margin: 0px 10px;
    display: block;
}
.orderInfo table tr td.orderNo {
    width: 600px;
}
.orderInfo table tr td.deliveryType {
}
.orderInfo table tr td.orderDate {
}
.orderInfo table tr td.deliveryDate {
}
.orderInfo table tr td.orderPrice {
}
.orderInfo table tr td.orderStatus {
}
.orderInfo .list {
    border-top: none;
}
.orderInfo .list tr {
}
.orderInfo .list tr th {
    border-bottom: 2px solid #ededed;
    border-right: 1px solid #ededed;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 13px;
    background-color: #f9f9f9;
}
.orderInfo .list tr th span {
    margin: 0px;
}
.orderInfo .list tr th.option {
    width: 54px;
}
.orderInfo .list tr th.prodNo {
}
.orderInfo .list tr th.prodNo span {
}
.orderInfo .list tr th.prodName {
}
.orderInfo .list tr th.num {
    width: 82px;
}
.orderInfo .list tr th.price {
    width: 77px;
}
.orderInfo .list tr th.totalPrice {
    width: 70px;
}
.orderInfo .list tr th.shipments {
    width: 72px;
}
.orderInfo .list tr th.multiples {
    width: 79px;
}
.orderInfo .list tr th.point {
    width: 79px;
}
.orderInfo .list tr th.status {
    width: 62px;
}
.orderInfo .list tr td {
    font-size: 13px;
}
.orderInfo .list tr td span {
    display: block;
    margin: 5px;
    text-align: center;
}
.orderInfo .backBtn {
    height: 26px;
    line-height: 26px;
    display: block;
}
.orderInfo .backBtn a {
    font-size: 13px;
    color: #06f;
    padding: 0px 0px 0px 13px;
    background-image: url(/images/backArrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
.orderInfo .backBtn a:hover {
    color: #f60;
    background-image: url(/images/backArrow_hover.gif);
}
.orderInfo .backBtn.top {
    position: absolute;
    right: 15px;
    top: 8px;
}
.orderInfo .backBtn.bottom {
    text-align: right;
}
/*-------------------------------------------------------------------------------------------------------------
    我的帳戶 - 產品追蹤清單
-------------------------------------------------------------------------------------------------------------*/	
.myAccount .wishList {
    margin: 0px 5px;
}
.myAccount .wishList table {
    width: 776px;
    margin: 0px 0px 15px 0px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
}
.myAccount .wishList table tr.title {
}
.myAccount .wishList table tr.title th {
    border-bottom: 2px solid #ededed;
    border-right: 1px solid #ededed;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 13px;
    background-color: #f9f9f9;
    display:table-cell;
}
.myAccount .wishList table tr.title th.prodPhoto {
    width: 102px;
}
.myAccount .wishList table tr.title th.availability {
    width: 71px;
}
.myAccount .wishList table tr.title th.prodInfo {
    width: 245px;
}
.myAccount .wishList table tr.title th.num {
    width: 241px;
}
.myAccount .wishList table tr.title th.options {
}
.myAccount .wishList table tr td {
    background-color: #fbfbfb;
}
.myAccount .wishList table tr.odd td {
    background-color: #fff;
}
.myAccount .wishList table tr.info td {
    vertical-align: middle;
    font-size: 13px;
    border-bottom: 2px solid #ededed;
    border-right: 1px solid #ededed;
    padding: 6px 0px;
    display:table-cell;
    height:120px;
    overflow:hidden;
}
.myAccount .wishList table tr.info td.prodPhoto {
    width: 102px;
    text-align: center;
    padding: 2px 0px
}
.myAccount .wishList table tr.info td.prodPhoto .prodImg {
    width: 96px;
    height: 96px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px auto;
    border: 1px solid #ddd;
}
.myAccount .wishList table tr.info td.prodPhoto .prodImg a {
    width: 100%;
    height: 100%;
    display: block;
}
.myAccount .wishList table tr.info td.availability {
    width: 71px;
    text-align: center;
}
.myAccount .wishList table tr.info td.availability span {
    margin: 0px 5px;
    display: block;
}
.myAccount .wishList table tr.info td.prodInfo {
    width: 245px;
}
.myAccount .wishList table tr.info td.prodInfo .title {
    margin: 6px 5px;
    display: block;
    color: #2c62c2;
    font-weight: bold;
}
.myAccount .wishList table tr.info td.prodInfo .title a {
    color: #2c62c2;
}
.myAccount .wishList table tr.info td.prodInfo .title a:hover {
    color: #f60;
}
.myAccount .wishList table tr.info td.prodInfo .describe {
    margin: 0px 5px;
    display: block;
}
.myAccount .wishList table tr.info td.num {
}
.myAccount .wishList table tr.info td.num select {
    margin: 0px 5px 0px 5px;
    width: 190px;
}
.myAccount .wishList table tr.info td.num input {
    margin: 0px 5px 0px 0px;
    width: 25px;
}
.myAccount .wishList table tr.info td.options {
    padding: 0px 5px;
}
.myAccount .wishList table tr.info td.options input {
    float: left;
}
/*-------------------------------------------------------------------------------------------------------------
    我的帳戶 - 基本資料修改
-------------------------------------------------------------------------------------------------------------*/	
.myAccount .proFileEdit {
    margin: 0px 5px;
}
.myAccount .proFileEdit table {
    width: 776px;
    margin: 0px 0px 15px 0px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
}
.myAccount .proFileEdit table tr td {
    height: 42px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}
.myAccount .proFileEdit table tr td.title {
    width: 149px;
    background-color: #f7f7f7;
    border-right: 1px solid #e8e8e8;
    text-align: right;
}
.myAccount .proFileEdit table tr td.title span {
    line-height: 42px;
    margin: 0px 10px 0px 0px;
    font-size: 13px;
}
.myAccount .proFileEdit table tr td.info span {
    line-height: 42px;
    margin: 0px 10px 0px 10px;
    font-size: 13px;
}
.myAccount .proFileEdit table tr td.info {
}
.myAccount .proFileEdit table tr td.info input {
    margin: 0px 0px 0px 10px;
    width: 352px;
}
.myAccount .proFileEdit table tr.sex td.info {
    font-size: 13px;
}
.myAccount .proFileEdit table tr.sex td.info input {
    width: inherit;
}
.myAccount .proFileEdit table tr.revenue td.info select {
    margin: 10px;
    width: 358px;
}
.myAccount .proFileEdit table tr.education td.info select {
    margin: 10px;
    width: 358px;
}
.myAccount .proFileEdit table tr.zipCode td.info input {
    width: 80px;
}
.myAccount .proFileEdit table tr.zipCode td.info select {
    width: 132px;
}
.myAccount .proFileEdit table tr.ePaper td.info {
    font-size: 13px;
}
.myAccount .proFileEdit table tr.ePaper td.info input {
    margin: 0px 5px 0px 10px;
    width: inherit;
    vertical-align: middle;
}
.myAccount .proFileEdit table tr.txt td.info textarea {
    margin: 10px;
    width: 352px;
    height: 100px
}
.myAccount .proFileEdit table tr.vCode td input {
    width: 142px;
}
.myAccount .proFileEdit table tr.vCode td img {
    vertical-align: middle;
    margin: 0px 10px;
}
.myAccount .proFileEdit table tr.vCode td .reloadBtn {
    width: inherit;
    margin: 0px;
}
.myAccount .proFileEdit .sendBtn {
    width: 624px;
    margin: 15px auto;
    text-align: center;
}
.myAccount .proFileEdit .sendBtn input {
    margin: 0px 5px;
}
/*-------------------------------------------------------------------------------------------------------------
    我的帳戶 - 變更密碼
-------------------------------------------------------------------------------------------------------------*/	
.myAccount .changePass {
    margin: 0px 5px;
}
.myAccount .changePass table {
    width: 776px;
    margin: 0px 0px 15px 0px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
}
.myAccount .changePass table tr td {
    height: 42px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}
.myAccount .changePass table tr td.title {
    width: 149px;
    background-color: #f7f7f7;
    border-right: 1px solid #e8e8e8;
    text-align: right;
}
.myAccount .changePass table tr td.title span {
    line-height: 42px;
    margin: 0px 10px 0px 0px;
    font-size: 13px;
}
.myAccount .changePass table tr td.info {
}
.myAccount .changePass table tr td.info input {
    margin: 0px 0px 0px 10px;
    width: 352px;
}
.myAccount .changePass table tr.txt td.info textarea {
    margin: 10px;
    width: 352px;
    height: 100px
}
.myAccount .changePass table tr.vCode td input {
    width: 142px;
}
.myAccount .changePass table tr.vCode td img {
    vertical-align: middle;
    margin: 0px 10px;
}
.myAccount .changePass table tr.vCode td .reloadBtn {
    width: inherit;
    margin: 0px;
}
.myAccount .changePass .sendBtn {
    width: 624px;
    margin: 15px auto;
    text-align: center;
}
.myAccount .changePass .sendBtn input {
    margin: 0px 5px;
}
/*-------------------------------------------------------------------------------------------------------------
    FAQ Form
-------------------------------------------------------------------------------------------------------------*/	

.faqList {
}
.faqList .STPNPage {
    padding: 10px 0px 10px \9;

}
.faqForm {
    margin: 0px 5px;
}
.faqForm .content {
    margin: 0px 10px 0px 10px;
}
.faqForm .content table {
    width: 932px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
}
.faqForm .content table tr {
}
.faqForm .content table tr td {
    height: 42px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}
.faqForm .content table tr td.title {
    width: 149px;
    background-color: #f7f7f7;
    border-right: 1px solid #e8e8e8;
    text-align: right;
}
.faqForm .content table tr td.title span {
    line-height: 42px;
    margin: 0px 10px 0px 0px;
    font-size: 13px;
}
.faqForm .content table tr td.info {
}
.faqForm .content table tr td.info input {
    margin: 0px 0px 0px 10px;
    width: 352px;
}
.faqForm .content table tr.txt td.info textarea {
    margin: 10px;
    width: 352px;
    height: 100px
}
.faqForm .content table tr.vCode td input {
    width: 142px;
}
.faqForm .content table tr.vCode td img {
    vertical-align: middle;
    margin: 0px 10px;
}
.faqForm .content table tr.vCode td .reloadBtn {
    width: inherit;
    margin: 0px;
}
.faqForm .content .sendBtn {
    width: 624px;
    margin: 15px auto;
    text-align: center;
}
.faqForm .content .sendBtn input {
    margin: 0px 5px;
}
/*-------------------------------------------------------------------------------------------------------------
    頁面內容
-------------------------------------------------------------------------------------------------------------*/		
.bodyWrapper {
    height: 100%;
    padding: 0px 0px 146px 0px;
    display: inline-block;
    width: 962px;
    margin: 0px auto;
}
.crumbs {
    width: 100%;
    height: 38px;
    display: block;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
}
.crumbs ul {
    margin: 0px 7px;
    font-size: 13px;
    line-height: 38px;
}
.crumbs ul li {
    float: left;
    color: #a1a1a1;
}
.crumbs ul li a {
    color: #a1a1a1;
    background-image: url(/images/crumbsIcon.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
.crumbs ul li a:hover {
    color: #0099ff;
}
.crumbs ul li span {
    margin: 0px 5px 0px 5px;
    padding: 0px 5px 0px 5px;
}
.slideshows {
}
.slideshows .photo {
    width: 962px;
    height: 350px;
    display: block;
    border-bottom: 1px solid #fff;
}
.slideshows .changeBtn {
    height: 40px;
    width: 962px;
    display: block;
    background-image: url(/images/slideshowsBtnBg.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    text-align: center;
}
.slideshows .changeBtn img {
    vertical-align: middle;
    margin: 14px 0px;
}
.indexProd {
    width: 935px;
    margin: 0px auto;
    padding: 6px 5px 6px 5px;
    position:relative;
}

.indexProd .moreBtn {
    background-image: url("/images/moreBtn.gif");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    right: 3px;
    top: -28px;
    width: 36px;
}
.indexProd .moreBtn:hover {
    background-image: url(/images/moreBtn_hover.gif);
}
.indexProd .moreBtn a {
    display: block;
    height: 100%;
    width: 100%;
}


.indexProd .STPrdPPicItem {
    width: 171px;
    height: 290px;
    display: block;
    float: left;
    border: 1px solid #e0e0e0;
    margin: 0px 7px 10px;
}
.indexProd .STPrdPPicItem:hover {
    background-color: #F3F8FF;
    border: 1px solid #ccc;
}
.indexProd .STPrdPPicItem:hover .Po a {
    border: 1px solid #999;
}
.indexProd .STPrdPPicItem:hover .Na a {
    color: #333;
}
.indexProd .STPrdPPicItem .Po {
    padding: 5px;
    width: 161px;
    height: 168px;
    display: block;
    text-align: center;
    position: relative;
}
.indexProd .STPrdPPicItem .Po .limited {
    background-image: url("/images/prodLimitedBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 159px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 159px;
}
.indexProd .STPrdPPicItem .Po .limited .hour {
    bottom: 10px;
    color: #db0000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 20px;
}
.indexProd .STPrdPPicItem .Po a:hover {
    border: 1px solid #999;
}
.indexProd .STPrdPPicItem .Po a {
    width: 161px;
    height: 161px;
    display: table-cell;
    position: relative;
    z-index: 1;
    padding: 0px;
    margin: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #efefef;
    background-color: #fff;
    vertical-align: middle;
}
.indexProd .STPrdPPicItem .Po a span.prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
}
.indexProd .STPrdPPicItem .Po * {
    vertical-align: middle;
}
.imgMiddle i {
    width:0px !important;
    height:100% !important;
    display: none !important;
    position: initial !important;
    margin:0px 0px 0px -1px !important;
    padding:0px !important;


}
.imgMiddle * {
    text-align:left;
    vertical-align: middle !important;
}
.indexProd .STPrdPPicItem .Po img {
    display: inline-block;
    max-height: 150px;
    max-width: 150px;
    margin:0px 0px 0px 0px;
}

.indexProd .STPrdPPicItem .Na {
    margin: 0px 5px 10px;
    font-size: 13px;
    color: #1f5883;
    word-break: break-all;
    line-height: 13px;
    height: 32px;
    display: block;
    overflow:hidden;
    max-height:13px;
}
.indexProd .STPrdPPicItem .Na a {
    width: 150px;
    font-size: 13px;
    color: #999;
    word-break: break-all;
    text-decoration: none;
}
.indexProd .STPrdPPicItem .Na a:hover {
    text-decoration: none;
}
.indexProd .STPrdPPicItem .info {
}
.indexProd .STPrdPPicItem .info .number {
    width: 86px;
    height: 24px;
    line-height: 24px;
    display: block;
    clear: both;
    float: left;
}
.indexProd .STPrdPPicItem .info .number .txt {
    float: left;
    font-size: 13px;
}
.indexProd .STPrdPPicItem .info .number .txt span {
    margin: 0px 0px 0px 5px;
}
.indexProd .STPrdPPicItem .info .number .info {
    float: left;
}
.indexProd .STPrdPPicItem .info .number .info input {
    width: 20px;
    text-align:center;
}
.indexProd .STPrdPPicItem .info .price {
    float: left;
    width: 84px;
    height: 24px;
    display: block;
    text-align: right;
    line-height: 24px;
    font-size: 13px;
}
.indexProd .STPrdPPicItem .info .price span {
    margin: 0px 10px 0px 0px;
}
.indexProd .STPrdPPicItem .info .price span.num {
    margin: 0px 3px 0px 0px;
    color: #f00;
    font-weight: bold;
    font-size: 16px;
}
.indexProd .STPrdPPicItem .Pr {
    color: #363636;
    font-size: 14px;
    margin: 5px 5px 10px;
    text-align: center;
}
.indexProd .STPrdPPicItem .PrB {
    color: #f00;
    font-weight: bold;
    font-size: 16px;
}
.indexProd .STPrdPPicItem .PrD {
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
    text-decoration: line-through;
}
.indexProd .STPrdPPicItem .inCartIcon {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    margin: -9px 0px 0px 0px;
    width: 82px;
    background-color: #4f95bd;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    background-image: url(/images/inCartIconBg.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
    text-align: left;
}
.indexProd .STPrdPPicItem .inCartIcon span {
    margin: 0px 0px 0px 19px;
}
.indexProd .orderBtn {
    width: 100%;
    height: 20px;
    display: block;
    text-align: center;
    padding: 5px 0px;
    margin: 5px 0px;
}
.indexProd .orderBtn input {
    background-image: url(/images/orderBtnBg.jpg);
    padding: 0px 5px;
    margin: 0px;
    border: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
.indexProd .orderBtn input:active {
    margin: -2px 0px 0px 0px;
}
.siteNewsInfo {
    border-top: 1px solid #e2e2e2;
    padding: 0px 1px;
}
.siteNewsInfo ul {
    width: 320px;
    float: left;
    margin: 9px 0px;
}
.siteNewsInfo ul li.title {
    font-weight: bold;
    color: #4c4c4c;
    height: 25px;
    line-height: 25px;
    background: none;
    margin: 10px 0px 3px 0px;
}
.siteNewsInfo ul li.title span {
    margin: 0px 0px 0px 25px;
}
.siteNewsInfo ul li {
    background-image: url("/images/newsItemBg.gif");
    background-position: 28px 10px;
    background-repeat: no-repeat;
}
.siteNewsInfo ul li a {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 13px;
    color: #666;
    line-height: 22px;
}
.siteNewsInfo ul li a:hover {
    color: #06f
}
.siteNewsInfo ul li span {
    margin: 0px 10px 0px 36px;
    display: block;
}
.siteNewsInfo ul li.more {
    height: 30px;
    width: 60px;
    display: block;
    background-image: url(/images/moreBtn.gif);
    background-repeat: no-repeat;
    background-position: 25px center;
}
.siteNewsInfo ul li.more:hover {
    background-image: url(/images/moreBtn_hover.gif);
    cursor: pointer;
}
/*-------------------------------------------------------------------------------------------------------------
    側欄選單
-------------------------------------------------------------------------------------------------------------*/	
.sideMenu {
    width: 277px;
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
}
.sideMenu ul {
    width: 267px;
    padding: 0px 0px 0px 11px;
    display: block;
}
.sideMenu ul li {
    font-size: 13px;
    color: #777;
    width: 100%;
    display: block;
    line-height: 20px;
}
.sideMenu ul li a {
    width: 100%;
    height: 100%;
    display: block;
    color: #777;
    border-bottom: 1px solid #dadada;
    padding: 8px 0px;
}
.sideMenu ul li a span {
    margin: 0px 5px;
    display: block;
}
    .sideMenu ul li.arrow1 {
        background-image:url(/images/menuBtn_arrow_lv1.gif);
        background-repeat:no-repeat;
        background-position:188px center;
    }
    .sideMenu ul li.arrow2 {
        background-image:url(/images/menuBtn_arrow_lv2.gif);
        background-repeat:no-repeat;
        background-position:188px center;
    }
    .sideMenu ul li.arrow3 {
        background-image:url(/images/menuBtn_arrow_lv3.gif);
        background-repeat:no-repeat;
        background-position:188px center;
    }
.sideMenu ul li.target {
    background-color: #fff;
}
.sideMenu ul li.target a, .sideMenu ul li a:hover {
    color: #666;
    font-weight: bold;
}
.outsideWrapper.prodList {
    border:none;
}
.outsideWrapper.prodList .pageWrapper, .outsideWrapper.prodListAd .pageWrapper, .outsideWrapper.prodDetails .pageWrapper {
    background-image: url(/images/prodListSideMenuBg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
}

.sideMenu .saleNews {
    background-color:#fff;
    padding:10px 0px 10px 10px;
    border-right:1px solid #efefed;
    border-bottom:1px solid #efefed;
}
    .sideMenu .saleNews li {
          background-image: url("/images/crumbsIcon.gif");
          background-position:2px center;
          background-repeat:no-repeat;
        
    }
        .sideMenu .saleNews li a {
            border:none;
            font-size:13px !important;
        }
            .sideMenu .saleNews li a:hover {
                font-weight:normal !important;
                color:#ab926b !important;
            }
            .sideMenu .saleNews li a span {
                margin:0px 0px 0px 16px;
            }


/*-------------------------------------------------------------------------------------------------------------
    產品促銷列表頁
-------------------------------------------------------------------------------------------------------------*/	
.outsideWrapper.prodPromo .pageWrapper {
}
.outsideWrapper.prodPromo .mainContent {
    width: 942px;
}
.outsideWrapper.prodPromo .mainContent .prodIndex {
    width: 942px;
}
    .outsideWrapper.prodPromo .mainContent .prodIndex .title {
        font-size:16px;
        font-weight:bold;
        color:#666;
        padding:6px 0px 10px;                
    
    
    }
.outsideWrapper.prodPromo .mainContent .prodIndex .STPrdPPicItem {
    margin: 0 7px 10px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------
    shop-Promotion
    促銷方案相關 / PmComboAnyGold.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/
.STPronBlk {
    background-image: url("/images/STPronBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 189px;
    position: relative;
    width: 950px;
}
.STPronBlk .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 148px;
    position: absolute;
    top: 33px;
}
.STPronBlk .price .txt {
    font-size: 24px;
}
.STPronBlk .price .num {
    font-size: 40px;
    vertical-align: middle;
    margin: 0px 10px;
}
.STPronBlk .money {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    right: 513px;
    top: 69px;
}
.STPronBlk .money .txt {
    font-size: 20px;
}
.STPronBlk .money .num {
    font-size: 50px;
    vertical-align: middle;
    margin: 0px 10px;
}
.STPronBlk .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 196px;
    top: 22px;
}
.STPronBlk .slogan {
    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 38px;
    position: absolute;
    top: 157px;
}
.returnPromoList {
    background-image: url("/images/backPromoBtn_hover.gif");
    background-position: center top;
    background-repeat: no-repeat;
    height: 27px;
    width:139px;
    cursor:pointer;
    position: relative;
    margin:10px 0px;
}
    .returnPromoList:hover {
            background-image: url("/images/backPromoBtn.gif");
    }
/*-----------------------------------------------------------------------------------------------------------------------------------
    滿額送紅利
-----------------------------------------------------------------------------------------------------------------------------------*/
.PCFBD {
    background-image: url("/images/STPronBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 189px;
    position: relative;
    width: 950px;
}
.PCFBD .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 137px;
    position: absolute;
    top: 26px;
}
.PCFBD .price .txt {
    font-size: 24px;
}
.PCFBD .price .num {
    font-size: 40px;
    vertical-align: middle;
    margin: 0px 10px;
}
.PCFBD .money {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    right: 513px;
    top: 66px;
}
.PCFBD .money .txt {
    font-size: 20px;
}
.PCFBD .money .num {
    font-size: 50px;
    vertical-align: middle;
    margin: 0px 10px;
}
.PCFBD .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 196px;
    top: 22px;
}
.PCFBD .slogan {
    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 38px;
    position: absolute;
    top: 157px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    PmComboAnyMoney.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/
.STPronAMBlk {
    background-image: url("/images/STPronAMBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 204px;
    position: relative;
    width: 950px;
}
.STPronAMBlk .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 199px;
    position: absolute;
    top: 21px;
}
.STPronAMBlk .price .txt {
    font-size: 24px;
}
.STPronAMBlk .price .num {
    vertical-align: middle;
    font-size: 46px;
    margin: 0px 10px;
}
.STPronAMBlk .money {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    right: 479px;
    text-align: right;
    top: 68px;
}
.STPronAMBlk .money .txt {
    font-size: 20px;
}
.STPronAMBlk .money .num {
    font-size: 40px;
    vertical-align: middle;
    margin: 0px 10px;
}
.STPronAMBlk .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 111px;
    top: 10px;
}
.STPronAMBlk .slogan {
    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 42px;
    position: absolute;
    top: 163px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    PmComboAnyOff.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/
.STPronAOBlk {
    width: 950px;
    height: 214px;
    background-image: url('/images/STPronAOBlk.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}
.STPronAOBlk .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 158px;
    position: absolute;
    top: 38px;
}
.STPronAOBlk .price .txt {
    font-size: 26px;
}
.STPronAOBlk .price .num {
    font-size: 50px;
    vertical-align: middle;
    margin: 0px 10px;
}
.STPronAOBlk .money {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    right: 507px;
    text-align: right;
    top: 75px;
}
.STPronAOBlk .money .num {
    font-size: 56px;
    vertical-align: baseline;
    margin: 0px 10px;
}
.STPronAOBlk .money txt {
    font-size: 26px;
}
.STPronAOBlk .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 94px;
    top: 101px;
}
.STPronAOBlk .slogan {
    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 53px;
    position: absolute;
    top: 164px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
     PmComboAnyOffMoney.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/
.STPronAOMBlk {
    width: 950px;
    height: 150px;
    background-image: url('/images/PmBanner3-1.jpg');
}
.STPronAOMBlk .price {
    margin-left: 210px;
    padding-top: 15px;
    font-size: 85px;
    font-family: Arial;
    font-weight: bold;
    color: #f00;
    font-style: italic;
    text-shadow: 2px 2px 4px #000;
}
.STPronAOMBlk .money {
    width: 200px;
    margin-left: 475px;
    margin-top: 10px;
    font-size: 85px;
    font-family: Arial;
    font-weight: bold;
    color: #f00;
    text-align: right;
    font-style: italic;
    text-shadow: 2px 2px 4px #000;
}
.STPronAOMBlk .date {
    margin-left: 30px;
    margin-top: -20px;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    font-style: italic;
    text-shadow: 2px 2px 4px #000;
}
.STPronAOMBlk .slogan {
    margin-left: 420px;
    margin-top: -80px;
    font-size: 32px;
    font-family: Arial, 微軟正黑體;
    font-weight: bold;
    color: #000;
    font-style: italic;
    /*text-shadow:2px 2px 4px #000;*/
    display: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    PmComboAnyPresent.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/
.STPronAPBlk {
    background-image: url("/images/STPronAPBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 218px;
    position: relative;
    width: 950px;
}
.STPronAPBlk .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 495px;
    position: absolute;
    top: 45px;
}
.STPronAPBlk .price .txt {
    font-size: 30px;
}
.STPronAPBlk .price .num {
    font-size: 46px;
    margin: 0px 6px;
    vertical-align: middle;
}
.STPronAPBlk .presentTxt {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 175px;
    top: 98px;
}
.STPronAPBlk .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    left: 146px;
    position: absolute;
    top: 45px;
}
.STPronAPBlk .slogan {
    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 67px;
    position: absolute;
    top: 184px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    PmComboFullGold.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/

.STPronFGBlk {
    background-image: url("/images/STPronFGBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 208px;
    position: relative;
    width: 950px;
}
.STPronFGBlk .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 469px;
    position: absolute;
    top: 26px;
}
.STPronFGBlk .price .num {
    font-size: 48px;
    margin: 0px 10px;
}
.STPronFGBlk .price .txt {
    font-size: 26px;
}
.STPronFGBlk .money {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    right: 154px;
    text-align: left;
    top: 81px;
}
.STPronFGBlk .money .num {
    font-size: 36px;
    margin: 0px 10px;
}
.STPronFGBlk .money .txt {
    font-size: 26px;
}
.STPronFGBlk .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    left: 73px;
    position: absolute;
    top: 26px;
}
.STPronFGBlk .slogan {
    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 43px;
    position: absolute;
    top: 178px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------
    滿額打折 / PmComboFullOff.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/

.STPronFOBlk {
    background-image: url("/images/STPronFOBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 214px;
    position: relative;
    width: 950px;
}
.STPronFOBlk .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 498px;
    position: absolute;
    top: 43px;
    line-height: 38px;
}
.STPronFOBlk .price .txt {
    font-size: 20px;
}
.STPronFOBlk .price .num {
    font-size: 38px;
    line-height: 38px;
    margin: 0px 6px;
    vertical-align: middle;
}
.STPronFOBlk .money {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    right: 120px;
    text-align: right;
    top: 83px;
    width: 120px;
}
.STPronFOBlk .money .txt {
    font-size: 20px;
}
.STPronFOBlk .money .num {
    font-size: 58px;
}
.STPronFOBlk .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    left: 77px;
    position: absolute;
    top: 120px;
}
.STPronFOBlk .slogan {
    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 39px;
    position: absolute;
    top: 173px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    PmComboFullOffMoney.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/
.STPronFOMBlk {
    background-image: url("/images/STPronFOMBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 201px;
    position: relative;
    width: 950px;
}
.STPronFOMBlk .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 217px;
    position: absolute;
    top: 46px;
}
.STPronFOMBlk .price .txt {
    font-size: 26px;
}
.STPronFOMBlk .price .num {
    font-size: 38px;
    margin: 0px 10px;
    margin: 4px 0px 0px 0px;
}
.STPronFOMBlk .money {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    right: 463px;
    text-align: right;
    top: 89px;
}
.STPronFOMBlk .money .txt {
    font-size: 26px;
}
.STPronFOMBlk .money .num {
    font-size: 48px;
}
.STPronFOMBlk .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    position: absolute;
    right: 36px;
    top: 78px;
}
.STPronFOMBlk .slogan {

    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 65px;
    position: absolute;
    top: 167px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    滿多少件以上打折
-----------------------------------------------------------------------------------------------------------------------------------*/
.PCAUO {
    background-image: url("/images/STPronFOMBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 201px;
    position: relative;
    width: 950px;
}
.PCAUO .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 226px;
    position: absolute;
    top: 43px;
}
.PCAUO .price .txt {
    font-size: 26px;
}
.PCAUO .price .num {
    font-size: 42px;
    margin: 0px 10px;
    margin: 4px 0px 0px 0px;
}
.PCAUO .money {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    right: 463px;
    text-align: right;
    top: 89px;
}
.PCAUO .money .txt {
    font-size: 26px;
}
.PCAUO .money .num {
    font-size: 48px;
}
.PCAUO .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    position: absolute;
    right: 36px;
    top: 78px;
}
.PCAUO .slogan {

    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 65px;
    position: absolute;
    top: 167px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    PmComboFullPresent.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/
.STPronFPBlk {
    background-image: url("/images/STPronFPBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 212px;
    position: relative;
    width: 950px;
}
.STPronFPBlk .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 179px;
    position: absolute;
    top: 30px;
}
.STPronFPBlk .price .txt {
    font-size: 26px;
}
.STPronFPBlk .price .num {
    font-size: 48px;
    vertical-align: middle;
    margin: 0px 10px;
}
.STPronFPBlk .presentTxt {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    left: 390px;
    position: absolute;
    top: 90px;
}
.STPronFPBlk .date {
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    position: absolute;
    right: 158px;
    top: 110px;
}
.STPronFPBlk .slogan {
    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 29px;
    position: absolute;
    top: 173px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    PmComboFullBonus.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/
.STPronFBBlk {
    background-image: url("/images/STPronAMBlk.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 204px;
    position: relative;
    width: 950px;
}
.STPronFBBlk .price {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    left: 199px;
    position: absolute;
    top: 21px;
}
.STPronFBBlk .price .txt {
    font-size: 24px;
}
.STPronFBBlk .price .num {
    vertical-align: middle;
    font-size: 46px;
    margin: 0px 10px;
}
.STPronFBBlk .money {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    right: 479px;
    text-align: right;
    top: 68px;
}
.STPronFBBlk .money .txt {
    font-size: 20px;
}
.STPronFBBlk .money .num {
    font-size: 40px;
    vertical-align: middle;
    margin: 0px 10px;
}
.STPronFBBlk .presentTxt {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    left: 390px;
    position: absolute;
    top: 90px;
}
.STPronFBBlk .date {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 111px;
    top: 10px;
}
.STPronFBBlk .slogan {
    color: #fff;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    left: 42px;
    position: absolute;
    top: 163px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    PmComboSameOff.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/

.STPronSOBlk {
    width: 950px;
    height: 150px;
    background-image: url('/images/PmBanner6-3.jpg');
}
.STPronSOBlk .price {
    margin-left: 210px;
    padding-top: 15px;
    font-size: 85px;
    font-family: Arial;
    font-weight: bold;
    color: #f00;
    font-style: italic;
    text-shadow: 2px 2px 4px #000;
}
.STPronSOBlk .money {
    width: 100px;
    margin-left: 485px;
    margin-top: 10px;
    font-size: 85px;
    font-family: Arial;
    font-weight: bold;
    color: #f00;
    text-align: left;
    font-style: italic;
    text-shadow: 2px 2px 4px #000;
}
.STPronSOBlk .date {
    margin-left: 30px;
    margin-top: -20px;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    font-style: italic;
    text-shadow: 2px 2px 4px #000;
}
.STPronSOBlk .slogan {
    margin-left: 460px;
    margin-top: -80px;
    font-size: 32px;
    font-family: Arial, 微軟正黑體;
    font-weight: bold;
    color: #000;
    font-style: italic;
    /*text-shadow:2px 2px 4px #000;*/
    display: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
    shop_Allpromotion.aspx
-----------------------------------------------------------------------------------------------------------------------------------*/
.STALLPromBlk {
    width: 950px;
    height: auto;
}
.STALLPromBlk .PromTit {
    width: 930px;
    height: auto;
    padding: 6px 10px;
    background: #d7f3ff;
    color: #363636;
    font-family: 微軟正黑體;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 8px;
}
.STALLPromBlk .ItemBlk {
    width: 930px;
    height: auto;
    /*border-top:5px solid #ffe236;*/
    border-bottom: 2px dashed #b2e4fa;
    padding: 10px;
}
.STALLPromBlk .ItemBlk .Subbar {
    width: 920px;
    height: auto;
    border-bottom: 1px dashed #CFCFCF;
    padding: 5px;
}
.STALLPromBlk .ItemBlk .Subbar .SubLeft {
    width: 760px;
    height: auto;
    display: block;
    float: left;
}
.STALLPromBlk .ItemBlk .Subbar .SubLeft a {
    width: 760px;
    height: auto;
    color: #0094ff;
    font-weight: bold;
    font-size: 16px;
}
.STALLPromBlk .ItemBlk .Subbar .SubLeft a:hover {
    width: auto;
    height: auto;
    color: #F00;
    font-weight: bold;
    font-size: 16px;
}
.STALLPromBlk .ItemBlk .Subbar .date {
    width: 150px;
    height: auto;
    display: block;
    float: left;
    color: #363636;
    font-weight: bold;
    font-size: 14px;
    text-align: right;
}
.STALLPromBlk .ItemBlk .PromTxt {
    width: auto;
    height: auto;
    font-family: 微軟正黑體, Arial;
    color: #1f5883;
    font-size: 14px;
    line-height: 1.4em;
    padding-left: 20px;
}
/*-------------------------------------------------------------------------------------------------------------
    側欄選單 產品列表	
-------------------------------------------------------------------------------------------------------------*/	
.prodList.sideMenu {
    width: 215px;
    border: none;
}
.prodList.sideMenu ul {
    width: 204px;
}
.prodList.sideMenu ul li {
    width: 100%;
}
.prodList.sideMenu ul li a {
    font-size: 16px;
}
.prodList.sideMenu ul li.target a, .prodList.sideMenu ul li a:hover {
    color: #666;
}
.prodList.sideMenu ul li.target ul li ul li a span, .prodList.sideMenu ul li.target ul li a span {
    color: #666;
}
.prodList.sideMenu ul li a span {
}
.prodList.sideMenu ul li ul.sub {
    background-image: url(/images/prodListSideSubMenuBg.jpg);
    background-repeat: repeat-y;
    background-position: right top;
    padding: 0px;
}
.prodList.sideMenu ul li ul.sub li {
    background-image: url(/images/sideMenuSubArrow.gif);
    background-repeat: no-repeat;
    background-position: 10px 14px;
    position: relative;
}
.prodList.sideMenu ul li.target ul.sub li.target,
.prodList.sideMenu ul li ul.sub li:hover {
    background-image: url(/images/sideMenuSubArrow_arrow.gif);
}
.prodList.sideMenu ul li.target ul li.target a span,
.prodList.sideMenu ul li ul.sub li:hover a span {
    color: #db0000;
    font-weight: normal;
}
.prodList.sideMenu ul li ul.sub li a {
    border-bottom: 1px dotted #ccc;
    font-size: 13px;
    font-weight: normal;
}
.prodList.sideMenu ul li ul.sub li a span {
    margin: 0px 10px 0px 20px;
    display: block;
}
.prodList.sideMenu ul li ul.sub li:hover ul.third {
    display: block;
}
.prodList.sideMenu ul li ul.sub li ul.third {
    padding: 0px;
    position: absolute;
    left: 204px;
    top: 0px;
    background-color: #f2f2f2;
    z-index: 9;
    display: none;
}
.prodList.sideMenu ul li ul.sub li ul.third li {
    background: none;
    border-left: 1px solid #fff;
}
.prodList.sideMenu ul li ul.sub li ul.third li.target, .prodList.sideMenu ul li ul.sub li ul.third li:hover {
    background-color: #e2e2e2;
    background-image: url(/images/sideMenuSubArrow_arrow.gif);
    background-repeat: no-repeat;
    background-position: 10px 14px;
}
.prodList.sideMenu ul li ul.sub li ul.third li a span {
    color: #777777;
}
.prodList.sideMenu ul li.target ul li.target ul li.target a span, .prodList.sideMenu ul li ul.sub li ul.third li a:hover span {
    color: #db0000;
}
.prodList.sideMenu ul li ul.sub li ul.third li a span {
}
.prodList.sideMenu ul li.target {
    background-color: transparent;
}
/*-------------------------------------------------------------------------------------------------------------
    側欄選單 最新消息樣式
-------------------------------------------------------------------------------------------------------------*/	


.sideMenu.newsStyle {
    width: 214px;
    float: left;
    margin: 0px 0px 0px 0px;
    background-image: url(/images/sideMenuNewsStyle_bg.jpg);
    background-repeat: repeat-y;
    background-position: right top;
}
.sideMenu.newsStyle ul {
    width: 203px;
    margin: 0px 0px 0px 11px;
    padding: 0px;
    display: block;
}
.sideMenu.newsStyle ul li {
    font-size: 13px;
    color: #777;
    height: 42px;
    width: 202px;
    display: block;
    line-height: 42px;
    border: none;
    position: relative;
}
.sideMenu.newsStyle ul li .shadow {
    background-image: url(/images/sideMenuBtnBr.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 103px;
    height: 42px;
    display: none;
    position: absolute;
    right: 0px;
    top: 42px;
}
.sideMenu.newsStyle ul li.target .shadow {
    display: block;
}
.sideMenu.newsStyle ul li.footer, .sideMenu.newsStyle ul li.head {
    border: none;
}
.sideMenu.newsStyle ul li.head {
    background-image: url(/images/sideMenuNewsStyle_headBg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #fff;
    margin: 0 0 0 1px;
}
.sideMenu.newsStyle ul li.footer {
    background-image: url(/images/sideMenuNewsStyle_footerBg.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #fff;
    margin: 0 0 0 1px;
}
.sideMenu.newsStyle ul li a {
    width: 100%;
    height: 100%;
    display: block;
    color: #888;
    padding: 0;
    border: none;
}
.sideMenu.newsStyle ul li a span {
    margin: 0px 58px;
    display: block;
}
.sideMenu.newsStyle ul li.target {
    background-color: #fff;
    border: 1px solid #dadada;
    border-right: none;
}
.sideMenu.newsStyle ul li.target a, .sideMenu.newsStyle ul li a:hover {
    color: #333;
    font-weight: normal;
}
/*-------------------------------------------------------------------------------------------------------------
    快速購物
-------------------------------------------------------------------------------------------------------------*/	

.fastShop .h_STPrdPPicItem {
    
    display: block;
    border-bottom: 1px solid #e0e0e0;
    margin: 0px 4px 10px;
}
.fastShop .h_STPrdPPicItem:hover {
    background-color: #F3F8FF;
}
.fastShop .h_STPrdPPicItem:hover .Po a {
    border: 1px solid #999;
}
.fastShop .h_STPrdPPicItem .info {
    float: left;
    width: 392px;
    display: block;
}
.fastShop .h_STPrdPPicItem .Na {
    margin: 0px 5px 5px;
    font-size: 13px;
    color: #1f5883;
    word-break: break-all;
    line-height: 32px;
    display: block;
    float: left;
    height: 32px;
}
.fastShop .h_STPrdPPicItem .Na a {
    font-size: 16px;
    color: #333;
    word-break: break-all;
    text-decoration: none;
    font-weight: bold;
}
.fastShop .h_STPrdPPicItem .Na a:hover {
    text-decoration: none;
}
.fastShop .h_STPrdPPicItem .shortdesc {
    font-size: 12px;
    line-height: 18px;
    margin: 0 5px 5px;
    color: #666;
    float: none;
    clear: both;
    height:18px;
    overflow:hidden;
}
.fastShop .h_STPrdPPicItem .Po {
    padding: 5px;
    width: 161px;
    height: 168px;
    display: block;
    text-align: center;
    position: relative;
    float: left;
}
.fastShop .h_STPrdPPicItem .Po .limited {
    background-image: url("/images/prodLimitedBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 159px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 159px;
}
.fastShop .h_STPrdPPicItem .Po .limited .hour {
    bottom: 10px;
    color: #db0000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 20px;
}
.fastShop .h_STPrdPPicItem .Po a:hover {
    border: 1px solid #999;
}
.fastShop .h_STPrdPPicItem .Po a {
    width: 150px;
    height: 150px;
    display: table-cell;
    position: relative;
    z-index: 1;
    padding: 0px;
    margin: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #efefef;
    background-color: #fff;
}
.fastShop .h_STPrdPPicItem .Po a span.prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
}
.fastShop .h_STPrdPPicItem .inCartIcon {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    margin: -9px 0px 0px 0px;
    width: 82px;
    background-color: #4f95bd;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    background-image: url(/images/inCartIconBg.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
    text-align: left;
}
.fastShop .h_STPrdPPicItem .inCartIcon span {
    margin: 0px 0px 0px 19px;
}
.fastShop .h_STPrdPPicItem .Po * {
    vertical-align: middle;
}
.fastShop .h_STPrdPPicItem .Po img {
    display: inline-block;
    margin: 0 0 0 -4px;
    max-height: 150px;
    max-width: 150px;
}
.fastShop .h_STPrdPPicItem .Po i {
    width: 168px;
    height: 168px;
    display: none;
    position: absolute;
}
.fastShop .h_STPrdPPicItem .price {
    float: right;
    width: 200px;
}
.fastShop .h_STPrdPPicItem .price .suggested {
}
.fastShop .h_STPrdPPicItem .price ul {
}
.fastShop .h_STPrdPPicItem .price ul li {
    font-size: 13px;
    clear: both;
    height: 26px;
    line-height: 26px;
}

    .fastShop .h_STPrdPPicItem .price ul li.valuePrice {
        max-height:52px;
    }
        .fastShop .h_STPrdPPicItem .price ul li.valuePrice .numTxt {
            width:134px;
        }

.fastShop .h_STPrdPPicItem .price ul li .title {
    float: left;
    width: 66px;
    text-align: right;
}
.fastShop .h_STPrdPPicItem .price ul li .numTxt {
    float: left;
}
.fastShop .h_STPrdPPicItem .price ul li.suggested .title {
    color: #999;
}
.fastShop .h_STPrdPPicItem .price ul li.suggested .numTxt {
    color: #999;
    text-decoration: line-through;
}
.fastShop .h_STPrdPPicItem .price ul li.special .title {
}
.fastShop .h_STPrdPPicItem .price ul li.special .numTxt {
    
    color: #f60;
}
    .fastShop .h_STPrdPPicItem .price ul li.special .numTxt span.normalPrice {
        font-size: 12px;
        
    }
        .fastShop .h_STPrdPPicItem .price ul li.special .numTxt span.normalPrice span {
            font-size: 26px;
            margin:0px 2px 0px 0px;
            
        }

.fastShop .h_STPrdPPicItem .price ul li.special .numTxt .symbol {
    font-size: 13px;
}
.fastShop .h_STPrdPPicItem .price ul li.amountprice .title {
    width:50px;
}
.fastShop .h_STPrdPPicItem .price ul li.amountprice .numTxt {
    font-size: 20px;
    color: #f60;
}
.fastShop .h_STPrdPPicItem .price ul li.amountprice .numTxt .symbol {
    font-size: 13px;
}
.fastShop .h_STPrdPPicItem .price ul li.status .title {
}
.fastShop .h_STPrdPPicItem .price ul li.status .numTxt {
    font-weight: bold;
}
.fastShop .h_STPrdPPicItem .price ul li.status .on.numTxt {
    color: #019e01;
}
.fastShop .h_STPrdPPicItem .price ul li.status .off.numTxt {
    color: #db0000;
}
.fastShop .h_STPrdPPicItem .btnList {
    float: left;
    border-top: 1px dotted #979797;
    width: 608px;
    display: block;
    padding: 15px 0px;
    margin: 10px 0px 0px;
    height:24px;
}
.fastShop .h_STPrdPPicItem .btnList li {
    float: left;
}
.fastShop .h_STPrdPPicItem .btnList li.buyNum {
    margin: 0px 5px;
}
.fastShop .h_STPrdPPicItem .btnList li.buyNum select {
    width: 296px;
}
.fastShop .h_STPrdPPicItem .btnList li.buyNum input {
    width: 36px;
}
.fastShop .h_STPrdPPicItem .btnList li.addCartBtn:hover {
    margin: 2px 0px 0px 0px;
}
.fastShop .h_STPrdPPicItem .btnList li.addWishListBtn:hover {
    margin: 2px 0px 0px 3px;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn:hover {
    margin: 0px 0px 0px 3px;
}
.fastShop .h_STPrdPPicItem .btnList li.addCartBtn {
    background-image: url("/images/addCart.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 81px;
}
.fastShop .h_STPrdPPicItem .btnList li.addWishListBtn {
    background-image: url("/images/addWishListBtn.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 93px;
    margin: 0px 0px 0px 3px;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn {
    background-image: url("/images/historicalPricesBtn.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    position: relative;
    width: 69px;
    margin: 0px 0px 0px 3px;
}
.fastShop .h_STPrdPPicItem .btnList li span {
    display: none;
}
.fastShop .h_STPrdPPicItem .btnList li a {
    width: 100%;
    height: 100%;
    display: block;
}
.prodIndex .h_STPrdPPicItem .inCartIcon {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    margin: -9px 0px 0px 0px;
    width: 82px;
    background-color: #4f95bd;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    background-image: url(/images/inCartIconBg.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
    text-align: left;
}
.prodIndex .h_STPrdPPicItem .inCartIcon span {
    margin: 0px 0px 0px 19px;
}
/**/





.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable {
    position: absolute;
    width: 324px;
    height: 120px;
    display: block;
    left: -255px;
    top: 34px;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .arrow {
    width: 9px;
    height: 5px;
    display: block;
    background-image: url(/images/historyTableArrow.gif);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 30px;
    top: -4px;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .closeBtn {
    position: absolute;
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(/images/closeBtn.gif);
    background-repeat: no-repeat;
    background-position: center center;
    right: -17px;
    top: 3px;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .closeBtn a {
    width: 100%;
    height: 100%;
    display: block;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .overflow {
    width: 324px;
    height: 130px;
    display: block;
    overflow: auto;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title {
    margin: 0px;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li:hover, .fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li:active {
    margin: 0px;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li {
    float: right;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 0px;
    border: 1px solid #e3e3e3;
    text-align: center;
    background-color: #f3f3f3;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title .tradingDate {
    width: 99px;
    border-right: none;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title .buyNum {
    width: 99px;
    border-right: none;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title .buyPrice {
    width: 100px;
}
/**/	
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList {
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li:hover, .fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li:active {
    margin: 0px
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li {
    float: right;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 0px;
    border: 1px solid #e3e3e3;
    border-top: none;
    background-color: #fff;
    text-align: center;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList .tradingDate {
    width: 99px;
    border-right: none;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList .buyNum {
    width: 99px;
    border-right: none;
}
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList .buyPrice {
    width: 100px;
}
/*-------------------------------------------------------------------------------------------------------------
    贈品
-------------------------------------------------------------------------------------------------------------*/	

.prodPromo .shopgift {
    float: none;
    clear: both;
    margin: 10px 0px 16px;
    padding:15px 0px 0px 0px;
    border-top:1px dotted #aaa;
}
.prodPromo .shopgift .tabStrip {
    position: relative;
    display: block;
}
.prodPromo .shopgift .tabStrip .tabBtn {
    float: none;
    clear: both;
        /*padding: 0px;
    margin: 0px 3px;*/
}
.prodPromo .shopgift .tabStrip .tabBtn li {
    border: 1px solid #bababa;
    border-bottom: 1px solid #f6f6f6;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: inline-block;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0px 5px -1px;
    padding: 0 15px;
    background-color:#f6f6f6;
    /*position: absolute;
    top: -23px;
    z-index: 9;*/
}
    .prodPromo .shopgift .tabStrip .tabBtn li a span {
 
}
        .prodPromo .shopgift .tabStrip .tabBtn .target a span {
 color:red;
}
.prodPromo .shopgift .tabStrip .tabBtn li a {
    color: #1f5883;
    font-weight: bold;
           padding:0 10px;
}
.prodPromo .shopgift .tabStrip .tabContent {
    float: none;
    clear: both;
    border: 1px solid #bababa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px 0px 0px 0px;
    margin: 22px 0px 0px 0px;
    display: block;
    background-color:#f6f6f6;
}
.prodPromo .shopgift .tabStrip .tabContent .STPrdPPicItem {
    margin: 0px 7px 10px;
    height: 280px;
    background-color:#fff;
}
/*-------------------------------------------------------------------------------------------------------------
    產品列表
-------------------------------------------------------------------------------------------------------------*/	
.prodList .mainContent {
    width: 724px;
}
.prodIndex {
    width: 724px;
    margin: 0px auto;
    padding: 10px 0px 6px 0px;
    border-top: 1px dotted #aaa;
    position: relative;
    float:left;
}
.prodIndex .moreBtn {
    background-image: url("/images/moreBtn.gif");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    right: 3px;
    top: -28px;
    width: 36px;
}
.prodIndex .moreBtn:hover {
    background-image: url(/images/moreBtn_hover.gif);
}
.prodIndex .moreBtn a {
    width: 100%;
    height: 100%;
    display: block;
}
.prodIndex .STPrdPPicItem {
    width: 171px;
    height: 290px;
    display: block;
    float: left;
    border: 1px solid #e0e0e0;
    margin: 0px 4px 10px;
}

    .prodIndex .STPrdPPicItem.morePrice {
        height:328px;
        position:relative;        
    }
        .prodIndex .STPrdPPicItem.morePrice .itemNum {
            position:absolute;
            left:0px;
            top:0px;
            z-index:9;
            min-width:30px;
            height:30px;
            line-height:30px;
            display:block;
            text-align:center;
            
            color:#e74c3c;        
        }
            .prodIndex .STPrdPPicItem.morePrice .itemNum span {
                min-width:30px;
                height:30px;
                line-height:30px;
                display:block;
                background-color:#efefef;
                padding:0px 2px;
            }

        .prodIndex .STPrdPPicItem.morePrice .orderBtn .addBtn,
        .prodIndex .STPrdPPicItem.morePrice .orderBtn .lessBtn,
        .prodIndex .STPrdPPicItem.morePrice .orderBtn .clearBtn {
            display:inline-block;
            width:30px;
            height:20px;
            background-color:#1bbc9b;
            line-height:20px;            
        }
        .prodIndex .STPrdPPicItem.morePrice .orderBtn .clearBtn {
            background-color:#e74c3c;
        }

            .prodIndex .STPrdPPicItem.morePrice .orderBtn .addBtn a,
            .prodIndex .STPrdPPicItem.morePrice .orderBtn .lessBtn a,
            .prodIndex .STPrdPPicItem.morePrice .orderBtn .clearBtn a {
                color:#fff;
                width:100%;
                height:100%;
                display:block;
                font-size:13px;
            }

        .prodIndex .STPrdPPicItem.morePrice .orderBtn .addBtn a:active,
        .prodIndex .STPrdPPicItem.morePrice .orderBtn .lessBtn a:active,
        .prodIndex .STPrdPPicItem.morePrice .orderBtn .clearBtn a:active{
            margin:-1px 0px 0px 0px;
        }


.prodIndex .STPrdPPicItem:hover {
    background-color: #F3F8FF;
    border: 1px solid #ccc;
}
.prodIndex .STPrdPPicItem:hover .Po a {
    border: 1px solid #999;
}
.prodIndex .STPrdPPicItem:hover .Na a {
    color: #333;
}
.prodIndex .STPrdPPicItem .Po {
    padding: 5px;
    width: 161px;
    height: 168px;
    display: block;
    text-align: center;
    position: relative;
}

    .prodIndex .STPrdPPicItem .selectOption {
        margin:6px 10px 0px;
        font-size:13px;
    }
        .prodIndex .STPrdPPicItem .selectOption input {
            margin:0px 4px 0px 0px;
            padding:0px;
            vertical-align:middle;
        }
    .prodIndex .STPrdPPicItem .Po a .premiumImg{
    background-image: url("/images/prodPremiumsIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    position:absolute;
    right: -17px;
    top: -14px;
    width:143px;
    height:145px;
    display:block;

    }
.prodIndex .STPrdPPicItem .Po .limited {
    background-image: url("/images/prodLimitedBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 159px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 159px;
}
.prodIndex .STPrdPPicItem .Po .limited .hour {
    bottom: 10px;
    color: #db0000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 20px;
}
.prodIndex .STPrdPPicItem .Po a:hover {
    border: 1px solid #999;
}
.prodIndex .STPrdPPicItem .Po a {
    width: 161px;
    height: 161px;
    display: table-cell;
    position: relative;
    z-index: 1;
    padding: 0px;
    margin: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #efefef;
    background-color: #fff;
}
.prodIndex .STPrdPPicItem .Po a span.prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
    z-index:3;
}
.prodIndex .STPrdPPicItem .Po * {
    vertical-align: middle;
}
.prodIndex .STPrdPPicItem .Po img {
    display: inline-block;
    margin: 0 0 0 0px;
    max-height: 150px;
    max-width: 150px;
}

.prodIndex .STPrdPPicItem .Na {
    margin: 0px 5px 10px;
    font-size: 13px;
    color: #1f5883;
    word-break: break-all;
    line-height: 13px;    
    display: block;
    overflow: hidden;
    max-height: 14px;
}
.prodIndex .STPrdPPicItem .Na a {
    width: 150px;
    font-size: 13px;
    color: #999;
    word-break: break-all;
    text-decoration: none;
}
.prodIndex .STPrdPPicItem .Na a:hover {
    text-decoration: none;
}
.prodIndex .STPrdPPicItem .info {
}

    .prodIndex .STPrdPPicItem .info .infoGroup {
            margin:0 5px 6px;
            font-size:13px;
            height:15px;
            line-height:13px;  


    }
        .prodIndex .STPrdPPicItem .info .infoGroup .txt {
            width:55px;
            float:left;
            text-align:right;
        }
        .prodIndex .STPrdPPicItem .info .infoGroup .num {
            width:86px;
            float:left;
            text-align:right;
            color:#06f;
        }

    .prodIndex .STPrdPPicItem .info .priceGroup {
        margin:0 5px 6px;
        font-size:13px;
        height:15px;
        line-height:13px;               
    }
        .prodIndex .STPrdPPicItem .info .priceGroup .txt {
            width:55px;
            float:left;
            text-align:right;
        }
        .prodIndex .STPrdPPicItem .info .priceGroup .num {
            width:86px;
            float:left;
            text-align:right;
            color:#06f;
        }
        .prodIndex .STPrdPPicItem .info .priceGroup .unit {
            float:right;

        }


.prodIndex .STPrdPPicItem .info .number {
    width: 86px;
    height: 24px;
    line-height: 24px;
    display: block;
    clear: both;
    float: left;
}
.prodIndex .STPrdPPicItem .info .number .txt {
    float: left;
    font-size: 13px;
}
.prodIndex .STPrdPPicItem .info .number .txt span {
    margin: 0px 0px 0px 5px;
}
.prodIndex .STPrdPPicItem .info .number .info {
    float: left;
}
.prodIndex .STPrdPPicItem .info .number .info input {
    width: 20px;
}
.prodIndex .STPrdPPicItem .info .price {
    float: left;
    width: 84px;
    height: 24px;
    display: block;
    text-align: right;
    line-height: 24px;
    font-size: 13px;
}
.prodIndex .STPrdPPicItem .info .price span {
    margin: 0px 10px 0px 0px;
}
.prodIndex .STPrdPPicItem .info .price span.num {
    margin: 0px 3px 0px 0px;
    color: #f00;
    font-weight: bold;
    font-size: 16px;
}
.prodIndex .STPrdPPicItem .Pr {
    color: #363636;
    font-size: 14px;
    margin: 5px 5px 10px;
    text-align: center;
}
.prodIndex .STPrdPPicItem .PrB {
    color: #f00;
    font-weight: bold;
    font-size: 16px;
}
.prodIndex .STPrdPPicItem .PrD {
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
    text-decoration: line-through;
}
.prodIndex .STPrdPPicItem .inCartIcon {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    margin: -9px 0px 0px 0px;
    width: 82px;
    background-color: #4f95bd;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    background-image: url(/images/inCartIconBg.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
    text-align: left;
}
.prodIndex .STPrdPPicItem .inCartIcon span {
    margin: 0px 0px 0px 19px;
}
.prodIndex .orderBtn {
    width: 100%;
    height: 20px;
    display: block;
    text-align: center;
    padding: 5px 0px;
    margin: 5px 0px;
}
.prodIndex .orderBtn input {
    background-image: url(/images/orderBtnBg.jpg);
    padding: 0px 5px;
    margin: 0px;
    border: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
.prodIndex .orderBtn input:active {
    margin: -2px 0px 0px 0px;
}
/*-------------------------------------------------------------------------------------------------------------
    合購品 / 橫式
-------------------------------------------------------------------------------------------------------------*/	
.prodIndex .h_STPrdPPicItem.group {
    display: inline-block;
    height: inherit;
}
.prodIndex .h_STPrdPPicItem.group:hover {
    background-color: #fff6f6;
}
.prodIndex .h_STPrdPPicItem.group .Na {
    height: inherit;
    margin: 10px 5px;
    width: 315px;
}
.prodIndex .h_STPrdPPicItem.group .Na a {
    font-size: 13px;
    line-height: 17px;
}
.prodIndex .h_STPrdPPicItem.group .shortdesc {
    clear: both;
    width: 315px;
}
.prodIndex .h_STPrdPPicItem.group .price {
    margin: 10px 0px;
}
.prodIndex .h_STPrdPPicItem.group .price ul li .title {
    width: 88px;
    display: block;
}
.prodIndex .h_STPrdPPicItem.group .price ul li.special .numTxt {
    color: #db0000;
}
.prodIndex .h_STPrdPPicItem.group .price ul li.time .numTxt {
    color: #db0000;
}
.prodIndex .h_STPrdPPicItem.group .price ul li.buyNum .numTxt {
    padding: 5px 0px;
}
.prodIndex .h_STPrdPPicItem.group .price ul li.buyNum .numTxt input {
    width: 15px;
    float: left;
    margin: 0px 5px 0px 0px;
}
.prodIndex .h_STPrdPPicItem.group .price ul li.buyNum .numTxt a {
    background-image: url("/images/addCart.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 81px;
    float: left;
}
.prodIndex .h_STPrdPPicItem.group .price ul li.buyNum .numTxt a:active {
    margin: -2px 0px 0px 0px;
}
.prodIndex .h_STPrdPPicItem.group .price ul li.buyNum .numTxt a span {
    display: none;
}
.prodIndex .h_STPrdPPicItem.group .inCartIcon {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    margin: -9px 0px 0px 0px;
    width: 82px;
    background-color: #4f95bd;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    background-image: url(/images/inCartIconBg.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
    text-align: left;
}
.prodIndex .h_STPrdPPicItem.group .inCartIcon span {
    margin: 0px 0px 0px 19px;
}
/*-------------------------------------------------------------------------------------------------------------
    產品列表 / 橫式
-------------------------------------------------------------------------------------------------------------*/	
.prodIndex .h_STPrdPPicItem {
    height: auto;
    display: inline-block;
    border-bottom: 1px solid #e0e0e0;
    margin: 0px 4px 10px;
}
.prodIndex .h_STPrdPPicItem:hover {
    background-color: #F3F8FF;
}
.prodIndex .h_STPrdPPicItem:hover .Po a {
    border: 1px solid #999;
}
.prodIndex .h_STPrdPPicItem .info {
    float: left;
    width: 342px;
    display: block;
}
.prodIndex .h_STPrdPPicItem .Na {
    margin: 0px 5px 5px;
    font-size: 13px;
    color: #1f5883;
    word-break: break-all;
    line-height: 32px;
    display: block;
    float: left;
    width: 342px;
    height: 32px;
}
.prodIndex .h_STPrdPPicItem .Na a {
    font-size: 16px;
    color: #333;
    word-break: break-all;
    text-decoration: none;
    font-weight: bold;
}
.prodIndex .h_STPrdPPicItem .Na a:hover {
    text-decoration: none;
}
.prodIndex .h_STPrdPPicItem .shortdesc {
    font-size: 12px;
    line-height: 18px;
    height:18px;
    display:block;
    margin: 0 5px 5px;
    color: #666;
    overflow:hidden;
    clear:both;
    float:none;
}
.prodIndex .h_STPrdPPicItem .Po {
    padding: 5px;
    width: 161px;
    height: 168px;
    display: block;
    text-align: center;
    position: relative;
    float: left;
}
.prodIndex .h_STPrdPPicItem .Po .limited {
    background-image: url("/images/prodLimitedBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 159px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 159px;
}
.prodIndex .h_STPrdPPicItem .Po .limited .hour {
    bottom: 10px;
    color: #db0000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 20px;
}
.prodIndex .h_STPrdPPicItem .Po a:hover {
    border: 1px solid #999;
}
.prodIndex .h_STPrdPPicItem .Po a {
    width: 150px;
    height: 150px;
    display: table-cell;
    position: relative;
    z-index: 1;
    padding: 0px;
    margin: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #efefef;
    background-color: #fff;
}
.prodIndex .h_STPrdPPicItem .Po a span.prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
}
.prodIndex .h_STPrdPPicItem .Po * {
    vertical-align: middle;
}
.prodIndex .h_STPrdPPicItem .Po img {
    display: inline-block;
    margin: 0 0 0 0px;
    max-height: 150px;
    max-width: 150px;
}

.prodIndex .h_STPrdPPicItem .price {
    float: right;
    width: 200px;
}
.prodIndex .h_STPrdPPicItem .price .suggested {
}
.prodIndex .h_STPrdPPicItem .price ul {
}
.prodIndex .h_STPrdPPicItem .price ul li {
    font-size: 13px;
    clear: both;
    height: 26px;
    line-height: 26px;
}
.prodIndex .h_STPrdPPicItem .price ul li.special{
    height: 32px;
    line-height: 32px;	
    }
.prodIndex .h_STPrdPPicItem .price ul li .title {
    float: left;
    width: 66px;
    text-align: right;
}
.prodIndex .h_STPrdPPicItem .price ul li.amountprice .title {
    width:50px;
    /*text-align:left;*/
}
.prodIndex .h_STPrdPPicItem .price ul li.amountprice .numTxt {
    font-size: 20px;
    color: #f60;
}
.prodIndex .h_STPrdPPicItem .price ul li.amountprice .numTxt .symbol {
    font-size: 13px;
}
.prodIndex .h_STPrdPPicItem .price ul li .numTxt {
    float: left;
}
.prodIndex .h_STPrdPPicItem .price ul li.suggested .title {
    color: #999;
}
.prodIndex .h_STPrdPPicItem .price ul li.suggested .numTxt {
    color: #999;
    text-decoration: line-through;
}
.prodIndex .h_STPrdPPicItem .price ul li.special .title {
}
.prodIndex .h_STPrdPPicItem .price ul li.special .numTxt {	
    line-height:30px;
    color: #f60;
}
    .prodIndex .h_STPrdPPicItem .price ul li.special .numTxt span {
        font-size:26px;
        margin:0px 2px 0px 0px;
    }
    .prodIndex .h_STPrdPPicItem .price ul li.special .numTxt span.normalPrice {
        font-size: 13px;
        
    }

.prodIndex .h_STPrdPPicItem .price ul li.special .numTxt .symbol {
    font-size: 13px;
}
.prodIndex .h_STPrdPPicItem .price ul li.amountprice .title {
    width:50px;
}
.prodIndex .h_STPrdPPicItem .price ul li.amountprice .numTxt {
    font-size: 20px;
    line-height:20px;
    color: #f60;
}
.prodIndex .h_STPrdPPicItem .price ul li.amountprice .numTxt .symbol {
    font-size: 13px;
}
.prodIndex .h_STPrdPPicItem .price ul li.status .title {
}
.prodIndex .h_STPrdPPicItem .price ul li.status .numTxt {
    font-weight: bold;
}
.prodIndex .h_STPrdPPicItem .price ul li.status .on.numTxt {
    color: #019e01;
}
.prodIndex .h_STPrdPPicItem .price ul li.status .off.numTxt {
    color: #db0000;
}
.prodIndex .h_STPrdPPicItem .btnList {
    float: left;
    border-top: 1px dotted #979797;
    width: 545px;
    display: block;
    padding: 13px 0px;
    margin: 10px 0px 0px;
}
.prodIndex .h_STPrdPPicItem .btnList li {
    float: left;
}
.prodIndex .h_STPrdPPicItem .btnList li.buyNum {
    margin: 0px 5px;
}
.prodIndex .h_STPrdPPicItem .btnList li.buyNum select {
    width: 236px;
}
.prodIndex .h_STPrdPPicItem .btnList li.buyNum input {
    width: 36px;
}
.prodIndex .h_STPrdPPicItem .btnList li.addCartBtn {
    background-image: url("/images/addCart.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 81px;
}
.prodIndex .h_STPrdPPicItem .btnList li.addWishListBtn {
    background-image: url("/images/addWishListBtn.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 93px;
    margin: 0px 0px 0px 3px;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn {
    background-image: url("/images/historicalPricesBtn.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    position: relative;
    width: 69px;
    margin: 0px 0px 0px 3px;
}
.prodIndex .h_STPrdPPicItem .btnList li span {
    display: none;
}
.prodIndex .h_STPrdPPicItem .btnList li a {
    width: 100%;
    height: 100%;
    display: block;
}
/**/

.prodIndex .h_STPrdPPicItem .btnList li.addCartBtn:hover {
    margin: 2px 0px 0px 0px;
}
.prodIndex .h_STPrdPPicItem .btnList li.addWishListBtn:hover {
    margin: 2px 0px 0px 3px;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn:hover {
    margin: 2px 0px 0px 3px;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable {
    position: absolute;
    width: 324px;
    height: 120px;
    display: block;
    left: -255px;
    top: 34px;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .arrow {
    width: 9px;
    height: 5px;
    display: block;
    background-image: url(/images/historyTableArrow.gif);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 30px;
    top: -4px;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .closeBtn {
    position: absolute;
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(/images/closeBtn.gif);
    background-repeat: no-repeat;
    background-position: center center;
    right: -17px;
    top: 3px;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .closeBtn a {
    width: 100%;
    height: 100%;
    display: block;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .overflow {
    width: 324px;
    height: 130px;
    display: block;
    overflow: auto;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title {
    margin: 0px;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li:hover, .prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li:active {
    margin: 0px;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li {
    float: right;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 0px;
    border: 1px solid #e3e3e3;
    text-align: center;
    background-color: #f3f3f3;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title .tradingDate {
    width: 99px;
    border-right: none;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title .buyNum {
    width: 99px;
    border-right: none;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title .buyPrice {
    width: 100px;
}
/**/	
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList {
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li:hover, .prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li:active {
    margin: 0px
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li {
    float: right;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 0px;
    border: 1px solid #e3e3e3;
    border-top: none;
    background-color: #fff;
    text-align: center;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList .tradingDate {
    width: 99px;
    border-right: none;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList .buyNum {
    width: 99px;
    border-right: none;
}
.prodIndex .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList .buyPrice {
    width: 100px;
}
/**/



.prodIndex .h_STPrdPPicItem .Pr {
    color: #363636;
    font-size: 14px;
    margin: 5px 5px 10px;
    text-align: center;
}
.prodIndex .h_STPrdPPicItem .PrB {
    color: #f00;
    font-weight: bold;
    font-size: 16px;
}
.prodIndex .h_STPrdPPicItem .PrD {
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
    text-decoration: line-through;
}
/*-------------------------------------------------------------------------------------------------------------
    合購品
-------------------------------------------------------------------------------------------------------------*/	
.prodIndex .STPrdPPicItem.group {
    height: 330px;
}
.prodIndex .STPrdPPicItem.group:hover {
    background-color: #fff6f6;
}
.prodIndex .STPrdPPicItem.group .Na {
    height: 76px;
    font-size: 12px;
    line-height: 18px;
}
/*-------------------------------------------------------------------------------------------------------------
    產品列表的 tabStrip
-------------------------------------------------------------------------------------------------------------*/	
.prodList.tabStrip {
    border: none;
    width: 724px;
}
.prodList.tabStrip .tabBtn {
    padding: 0px;
    margin: 0px 3px;
}
.prodList.tabStrip .tabBtn li {
    float: left;
    border: 1px solid #e7e7e7;
    margin: 0px 0px -1px -1px;
    font-size: 13px;
    height: 34px;
    line-height: 34px;
}
.prodList.tabStrip .tabBtn li.target {
    border-top: 1px solid #e6571f;
    border-bottom: 1px solid #fff;
}
.prodList.tabStrip .tabBtn li.target span.txt a {
    color: #333;
}
.prodList.tabStrip .tabBtn li a {
}
.prodList.tabStrip .tabBtn li span.txt a {
    padding: 0px 5px;
    color: #787878;
}
.prodList.tabStrip .tabContent {
    border-top: 1px solid #e7e7e7;
    padding: 6px 0px;
}
.prodList.tabStrip .contentInfo {
    display: none;
}
.prodList.tabStrip .contentInfo.target {
    display: block;
}
/*-------------------------------------------------------------------------------------------------------------
    最新消息列表
-------------------------------------------------------------------------------------------------------------*/	
.newsList {
    margin: 0px 5px 15px;
    width: 716px;
}
.newsList .newsInfo {
}
.newsList .title th {
    background-image: url(/images/listBg.gif);
    background-repeat: repeat-x;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
}
.newsList .title .date {
    width: 142px;
    text-align: center;
    border-right: 1px solid #fff;
}
.newsList .title .subject {
}
.newsList .title .subject span {
    margin: 0px 10px;
    display: block;
}
.newsList .newsInfo td {
    font-size: 13px;
    height: 31px;
    line-height: 31px;
    border-bottom: 1px dotted #ccc;
    color: #666;
}
.newsList .newsInfo:hover td {
    background-color: #f9f9f9;
}
.newsList .newsInfo:hover td.subject a {
    color: #06f;
}
.newsList .newsInfo .date {
    text-align: center;
    width: 100px;
}
.newsList .newsInfo .date span {
}
.newsList .newsInfo .subject {
}
.newsList .newsInfo .subject a {
    width: 100%;
    height: 100%;
    display: block;
    color: #666;
}
.newsList .newsInfo .subject a:hover {
}
.newsList .newsInfo .subject span {
    margin: 0px 10px;
    display: block;
}
/*-------------------------------------------------------------------------------------------------------------
    最新消息內容
-------------------------------------------------------------------------------------------------------------*/	
.newsDate {
    margin: 0px 5px 5px 5px;
    font-size: 13px;
    color: #bbb;
}
.news .newsPostInfo {
    margin: 5px;
    display: block;
    font-size: 13px;
    color: #666;
    line-height: 23px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
   STPNPage 分頁
-----------------------------------------------------------------------------------------------------------------------------------*/
.STPNPage {
    height: 22px;
    display: inline-block;
}
.STPNPageBtn {
    float: left;
    background-color: #f8f8f8;
    margin: 0px 3px;
    height: 20px;
}
.STPNPageBtn.target a {
    border: 1px solid #999;
    background-color: #ddd;
    color: #db0000;
}
.STPNPageBtn a {
    float: left;
    display: block;
    font-size: 13px;
    border: 1px solid #efefef;
    text-decoration: none;
    padding: 0px 6px;
    height: 20px;
    line-height: 20px;
    color: #afafaf;
}
.STPNPageBtn a:hover {
    color: #db0000;
}
/*-------------------------------------------------------------------------------------------------------------
    頁面內容
-------------------------------------------------------------------------------------------------------------*/	

.news .mainContent {
    width: 726px;
}
.download .mainContent {
    width: 661px;
}
.mainContent {
    width: 726px;
    display: block;
    float: left;
    margin: 0px 10px;
    padding: 0px 0px 20px;
    position: relative;
}
.mainContent.full {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.mainContent.full h1.title {
    margin: 0px 15px;
}
.mainContent ul.title {
}
.mainContent ul.title .titleTxt h1 {
    color: #029ce7;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin: 5px 0 0;
    float: left;
}
.mainContent ul.title .moreOther {
    float: right;
    color: 333;
    height: 26px;
    display: inline-block;
    line-height: 35px;
    font-size: 13px;
    padding: 9px 0px 0px 0px;
    color: #666;
}
ul.resellerList {
    margin: 10px 0px;
}
ul.resellerList .resellPoint {
    float: left;
    background-color: #f5f5f5;
    width: 317px;
    height: 78px;
    line-height: 26px;
    display: block;
    border: 1px solid #e9e9e9;
    font-size: 13px;
    color: #666666;
    padding: 5px 0px;
    margin: 0px 5px 10px;
}
ul.resellerList .resellPoint .name {
    background-image: url(/images/resellPoint_name.gif);
    background-repeat: no-repeat;
    background-position: 7px center;
}
ul.resellerList .resellPoint .name span {
    margin: 0px 0px 0px 30px;
}
ul.resellerList .resellPoint .phone {
    background-image: url(/images/resellPoint_phone.gif);
    background-repeat: no-repeat;
    background-position: 7px center;
}
ul.resellerList .resellPoint .phone span {
    margin: 0px 0px 0px 30px;
}
ul.resellerList .resellPoint .mail {
    background-image: url(/images/resellPoint_mail.gif);
    background-repeat: no-repeat;
    background-position: 7px center;
}
ul.resellerList .resellPoint .mail span {
    margin: 0px 0px 0px 30px;
}
ul.resellerList .resellPoint .mail a {
    color: #666;
}
ul.resellerList .resellPoint .mail a:hover {
    color: #06f;
}
.mainContent h1.title {
    margin: 5px 5px 0px 5px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #454545;
    font-weight: bold;
    clear:both;
}
.mainContent h2.subTitle {
    margin: 5px 5px 0px 5px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #515151;
    font-weight: bold;
}
.mainContent .photo {
    text-align: center;
    margin: 5px 0px;
}
.mainContent .photo.integrateImg_001 {
    position: relative;
    z-index: 1;
    margin: -95px 0px 0px;
}
.mainContent h2 {
    font-size: 13px;
    font-weight: bold;
    position: relative;
    z-index: 3;
}
.mainContent.full p {
    margin: 10px;
}
.mainContent.full p a {
    color: #06f;
}
.mainContent.full p a:hover {
    color: #f60;
}
.mainContent p {
    font-size: 13px;
    margin: 10px 5px 16px;
    line-height: 26px;
    position: relative;
    z-index: 3;
}
.mainContent p.center {
    text-align: center;
}
.mainContent p.center.photo {
    margin: 16px 0px 0px;
}
.mainContent p b {
    font-weight: bold;
}
.mainContent p span.point {
    color: #06f;
}
.mainContent span.inportant {
    font-weight: bold;
    color: #db0000;
}
.mainContent p .introduction_008 {
    float: right;
}
.mainContent p .introduction_010 {
    float: right;
    margin: 0px 10px 0px 20px;
}
.introduction_010_txt {
    padding: 120px 0px 0px 20px;
    display: block;
}
.mainContent p .introduction_012 {
    float: right;
    margin: 0px 10px 0px 20px;
}
.introduction_012_txt {
    padding: 176px 0px 0px 20px;
    display: block;
}
.mainContent p .introduction_013 {
    float: left;
    margin: 0px 20px 0px 10px;
}
.introduction_013_txt {
    padding: 176px 0px 0px 20px;
    display: block;
}
.mainContent p .introduction_018 {
    float: right;
    margin: -15px 20px 0px 10px;
}
.mainContent .sortList {
    position: absolute;
    right: 0px;
    top: 9px;
}
.mainContent .sortList li {
    float: left;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    color: #666;
    margin: 0px 4px 0px 0px;
    padding: 0px 4px 0px 0px
}
.mainContent .sortList li.title {
    text-align: right;
}
.mainContent .sortList li.line {
    background-image: url(/images/sortListLine.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
.mainContent .sortList li input {
    vertical-align: middle;
    margin: 0px 2px 0px 0px;
    padding: 0px;
}
.prodList {
    border: 1px solid #eeeeee;
    border-bottom: none;
}
.prodList tr {
}
.prodList tr td {
    border-bottom: 1px solid #eeeeee;
    color: #666;
    font-size: 16px;
    vertical-align: middle;
}
.prodList tr td.sn {
    border-right: 1px solid #eee;
    text-align: center;
    height: 35px;
    width: 65px;
    line-height: normal;
}
.prodList tr td.name span {
    margin: 0px 0px 0px 20px;
}
.prodList .title {
}
.prodList .title td, .prodList .title.even td {
    background-color: #fafcef;
}
.prodList .title .sn {
}
.prodList .title .even {
}
.prodList .prod {
}
.prodList .prod.even td {
    background-color: #f9f9f9;
}
.prodList .prod .sn {
}
.prodList .prod .name {
}
/*-------------------------------------------------------------------------------------------------------------
    tabStrip
-------------------------------------------------------------------------------------------------------------*/	
.tabStrip {
}
.tabStrip .tabBtn {
}
.tabStrip .tabBtn li {
    float: left;
    border: 1px solid #333;
    border-bottom: none;
    margin: 0px 0px 0px 10px;
}
.tabStrip .tabContent {
    border-top: 1px solid #333;
}
.tabStrip .contentInfo {
    display: none;
}
.tabStrip .contentInfo.target {
    display: block;
}
/*-------------------------------------------------------------------------------------------------------------
    accordion
-------------------------------------------------------------------------------------------------------------*/		
.accordion {
}
.accordion ul {
}
.accordion ul li.topic {
}
.accordion ul.target li.answers {
    display: block;
}
.accordion ul li.answers {
    display: none;
}
/*-------------------------------------------------------------------------------------------------------------
    系統需求
-------------------------------------------------------------------------------------------------------------*/	
.systemTable {
    margin: 0px 0px 16px 0px;
}
.systemTable table {
    width: 100%;
}
.systemTable table tr {
}
.systemTable table tr td {
    border: 1px solid #d1d1d1;
    color: #555;
}
.systemTable table tr.title td {
    background-color: #fafcef;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.systemTable table tr.title td span {
    color: #999999;
    font-size: 13px;
}
.systemTable table tr.list td {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    background-color: #f9f9f9;
}
.systemTable table tr.list.odd td {
    background-color: #fff;
}
.systemTable table tr.list td.title {
    width: 150px;
    text-align: right;
}
.systemTable table tr.list td.title span {
    margin: 0px 10px 0px 0px;
}
.systemTable table tr.list td.info {
}
.systemTable table tr.list td.info span {
    margin: 0px 0px 0px 10px;
}
p.bitDes {
    background-image: url(/images/bitDes.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 52px;
    position: relative;
}
p.bitDes span {
    width: 250px;
    display: block;
    position: absolute;
    left: 120px;
    top: 11px;
    line-height: normal;
    color: #db0000;
}
.romContent {
    font-size: 13px;
    line-height: 20px;
    color: #666;
    margin: 0px 0px 0px 10px;
}
.subjectLine {
    height: 30px;
    line-height: 30px;
    background-image: url(/images/subjectLine.gif);
    background-repeat: repeat-x;
    background-position: center center;
    font-size: 12px;
    text-align: center;
    color: #bdbdbd;
    margin: 20px 0px;
}
.subjectLine span {
    background-color: #fff;
    padding: 0px 5px;
}
/*-------------------------------------------------------------------------------------------------------------
    連絡我們
-------------------------------------------------------------------------------------------------------------*/	
    
ul.formList {
    clear: both;
    float: none;
}
ul.formList li {
    float: left;
    width: 494px;
    float: left;
    margin: 0px 0px 15px 0px;
}
ul.formList li .title {
    font-size: 13px;
    color: #999;
    height: 26px;
    display: block;
    line-height: 26px;
}
ul.formList li .inputContent {
    height: 36px;
    position: relative;
    background-image: url(/images/inputBG_default.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 13px;
    color: #666;
}
ul.formList li .inputContent input {
    background-color: transparent;
    border: none;
    width: 456px;
    height: 30px;
    padding: 3px 5px;
    display: block;
}
ul.formList li.userStatus .inputContent {
    background: none;
    line-height: 36px;
    position: relative;
}
ul.formList li.userStatus .inputContent input {
    width: inherit;
    height: inherit;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    padding: 0px;
    vertical-align: middle;
}
ul.formList li.phone {
    width: 247px;
}
ul.formList li.phone .inputContent, ul.formList li.cellPhone .inputContent, ul.formList li.vCode .inputContent {
    background-image: url(/images/inputBG_short.jpg);
}
ul.formList li.cellPhone, ul.formList li.phone {
    width: 247px;
}
ul.formList li.phone .inputContent input, ul.formList li.cellPhone .inputContent input, ul.formList li.vCode .inputContent input {
    width: 213px;
}
ul.formList li.vCode .inputContent input, ul.formList li.vCode .inputContent img {
    float: left;
}
ul.formList li.vCode .inputContent img {
    vertical-align: middle;
    margin: 0px 0px 0px 24px;
}
ul.formList li.vCode .inputContent .vCodeBtn {
    width: 124px;
    height: 32px;
    display: block;
    background-image: url(/images/inputBG_vcodeBtn.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 23px;
    top: 0px;
    cursor: pointer;
}
ul.formList li.vCode .inputContent .vCodeBtn:active {
    top: 2px;
}
.sandBtn {
    text-align: center;
    position: relative;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 10px;
    height: 39px;
}
.sandBtn input {
    width: 141px;
    height: 39px;
    display: block;
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px 0px 0px -71px;
    background-image: url(/images/inputBG_sendBtn.jpg);
    color: #ccc;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 0px;
}
.sandBtn input:active {
    top: 2px;
}
.step {
    position: relative;
    display: block;
    height: 50px;
    margin: 10px 0px 10px 0px;
}
.step .num {
    font-size: 40px;
    color: #0099ff;
    float: left;
    background-image: url(/images/step.gif);
    background-repeat: no-repeat;
    background-position: 19px 40px;
}
.step .num01 {
    font-size: 40px;
    color: #0099ff;
    float: left;
    background-image: url(/images/step.gif);
    background-repeat: no-repeat;
    background-position: 15px 40px;
}
.step p {
    float: left;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 39px;
    left: 46px;
    line-height: 0px;
    color: #0099ff;
}
.step p a {
    color: #db0000;
}
.step p a:hover {
    text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------------------------
    購物須知
-------------------------------------------------------------------------------------------------------------*/	
.notice .pageWrapper {
    background-image: url("/images/sideMenuBg.jpg");
    background-position: left top;
    background-repeat: repeat-y;
}
/*-------------------------------------------------------------------------------------------------------------
    關於我們
-------------------------------------------------------------------------------------------------------------*/	
.postContent {
    margin: 0px 15px;
}
.postContent h2.subTitle {
    font-size: 16px;
}
.postContent p {
    color: #666;
}
/*-------------------------------------------------------------------------------------------------------------
    隱私全政策
-------------------------------------------------------------------------------------------------------------*/	
.privacyPolicyList {
    margin: 0px 10px 0px 31px;
}
.privacyPolicyList li {
    font-size: 13px;
    line-height: 23px;
    display: list-item;
    list-style: decimal;
    margin: 0px 0px 10px 0px;
}
/*-------------------------------------------------------------------------------------------------------------
    服務條款
-------------------------------------------------------------------------------------------------------------*/	
.serviceList {
    margin: 0px 10px 0px 31px;
}
.serviceList li {
    font-size: 13px;
    line-height: 23px;
    display: list-item;
    list-style: decimal;
    margin: 0px 0px 10px 0px;
}
.serviceList li ul {
    margin: 10px 10px 0px 16px;
}
.serviceList li ul li {
    list-style: circle;
}
/*-------------------------------------------------------------------------------------------------------------
    商品退換貨
-------------------------------------------------------------------------------------------------------------*/	

.prodReturnInfo {
    margin: 0px 10px 0px 46px;
}
.prodReturnInfo li {
    font-size: 13px;
    line-height: 23px;
    display: list-item;
    list-style: cjk-ideographic;
    margin: 0px 0px 13px 0px;
}
/*-------------------------------------------------------------------------------------------------------------
    查詢更改訂單
-------------------------------------------------------------------------------------------------------------*/	
.changeOrderInfo {
    margin: 0px 10px 0px 26px;
}
.changeOrderInfo li {
    font-size: 13px;
    line-height: 23px;
    display: list-item;
    list-style: decimal;
    margin: 0px 0px 10px 0px;
}
/*-------------------------------------------------------------------------------------------------------------
    配送取貨
-------------------------------------------------------------------------------------------------------------*/	
.pickInfo {
}
.pickInfo li {
    font-size: 13px;
    line-height: 26px;
}
.pickInfo li .title {
    float: left;
    width: 80px;
    text-align: right;
}
.pickInfo li .info {
    float: left;
    width: 580px;
    display: block;
}
p.annotate {
    margin: 0px 5px 0px;
}
.annotateList {
    margin: 0px 10px 0px 40px;
}
.annotateList li {
    font-size: 13px;
    line-height: 26px;
    display: list-item;
    list-style: decimal;
}
/*-------------------------------------------------------------------------------------------------------------
    付款方式
-------------------------------------------------------------------------------------------------------------*/	
.paymentInfo {
    border: 1px solid #d7d7d7;
    border-bottom: none;
}
.paymentInfo tr {
}
.paymentInfo tr td {
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    font-size: 13px;
    background-color: #fafafa;
}
.paymentInfo tr.even td {
    background-color: #fff;
}
.paymentInfo tr td.title {
    vertical-align: middle;
    text-align: center;
    width: 122px;
    font-weight: bold;
    color: #666;
    font-size: 16px;
}
.paymentInfo tr td.info {
    vertical-align: middle;
}
.paymentInfo tr td.info .subTitle {
    height: 36px;
    line-height: 36px;
    color: #666;
}
.paymentInfo tr td.info .subTitle span {
    margin: 0px 10px 0px 10px;
}
.paymentInfo tr td.info ul {
    margin: 0px 10px 10px 10px;
}
.paymentInfo tr td.info ul li {
    line-height: 26px;
    display: block;
    color: #666;
}
.paymentInfo tr td.info ul li .typeTitle {
    float: left;
    width: 76px;
    display: block;
    text-align: right;
}
.paymentInfo tr td.info ul li .typeInfo {
    float: left;
    display: block;
    width: 426px;
}
/*-------------------------------------------------------------------------------------------------------------
    我的帳戶 - 歷史交易查詢
-------------------------------------------------------------------------------------------------------------*/	
.myAccount .pageWrapper {
    background-image: url(/images/myAccount_sideMenuBg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
}
.myAccount .sideMenu {
    width: 153px;
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
}
.myAccount .sideMenu ul {
    width: 142px;
}
.myAccount .sideMenu ul li {
    width: 142px;
}
.myAccount .sideMenu ul li.target a, .myAccount .sideMenu ul li a:hover {
    color: #f60;
    font-weight: normal;
}
.myAccount .mainContent {
    width: 788px;
}
.myAccount .orderSearch {
    width: 788px;
    height: 54px;
    line-height: 54px;
    display: block;
    background-color: #f7f7f7;
    margin: 10px 0px;
    font-size: 13px;
}
.myAccount .orderSearch ul {
}
.myAccount .orderSearch ul li {
    float: left;
}
.myAccount .orderSearch ul li.title {
    width: 176px;
    text-align: center;
}
.myAccount .orderSearch ul li.keyWord {
    width: 206px;
}
.myAccount .orderSearch ul li.keyWord input {
    width: 196px;
    vertical-align: middle;
}
.myAccount .orderSearch ul li.searchTitle {
    width: 69px;
    text-align: right;
}
.myAccount .orderSearch ul li.starDate {
    width: 123px;
    text-align: center;
}
.myAccount .orderSearch ul li.starDate input {
    width: 113px;
    vertical-align: middle;
}
.myAccount .orderSearch ul li.toTxt {
    width: 20px;
    text-align: center;
}
.myAccount .orderSearch ul li.endDate {
    width: 123px;
    text-align: center;
}
.myAccount .orderSearch ul li.endDate input {
    width: 113px;
    vertical-align: middle;
}
.myAccount .orderSearch ul li.searchBtn {
    width: 70px;
    text-align: center;
}
.myAccount .historyList {
    margin: 0px 5px;
}
.myAccount .historyList table {
    width: 776px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    margin: 0px 0px 15px 0px;
}
.myAccount .historyList table tr {
}
.myAccount .historyList table tr th {
    height: 32px;
    line-height: 32px;
    background-color: #f2f2f2;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 13px;
}
.myAccount .historyList table tr th.orderNo {
    width: 96px
}
.myAccount .historyList table tr th.shippingDate {
    width: 94px;
}
.myAccount .historyList table tr th.shippingNo {
    width: 156px;
}
.myAccount .historyList table tr th.name {
    width: 156px;
}
.myAccount .historyList table tr th.num {
    width: 91px;
}
.myAccount .historyList table tr th.batch {
}
.myAccount .historyList table tr th.orderPrice {
    border-right: none;
}
.myAccount .historyList table tr td {
    font-size: 12px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    padding: 6px 0px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    color: #666;
}
.myAccount .historyList table tr td span {
    margin: 0px 5px;
    display: block;
}
.myAccount .historyList table tr td.orderPrice {
    border-right: none;
}
/*-------------------------------------------------------------------------------------------------------------
    紅利查詢
-------------------------------------------------------------------------------------------------------------*/		
.myAccount .totalBonus {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #db0000;
}
.myAccount .bonusList {
    margin: 0px 5px;
}
.myAccount .bonusList table {
    width: 776px;
    margin: 0px 0px 15px 0px;
}
.myAccount .bonusList table tr {
}
.myAccount .bonusList table tr th {
    height: 32px;
    width: 128px;
    line-height: 32px;
    background-image: url(/images/listBg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
    border-right: 1px solid #fff;
    font-size: 13px;
    vertical-align: middle;
    color: #333;
}
.myAccount .bonusList table tr th.shippingNo {
}
.myAccount .bonusList table tr th.shippingDate {
}
.myAccount .bonusList table tr th.totalPrice {
}
.myAccount .bonusList table tr th.useBonus {
}
.myAccount .bonusList table tr th.getBonus {
}
.myAccount .bonusList table tr th.options {
}
.myAccount .bonusList table tr td {
    text-align: center;
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    border-bottom: 1px dotted #ccc;
    color: #333;
}
.myAccount .bonusList table tr td.shippingNo {
}
.myAccount .bonusList table tr td.shippingDate {
}
.myAccount .bonusList table tr td.totalPrice {
}
.myAccount .bonusList table tr td.useBonus {
    color: #db0000;
}
.myAccount .bonusList table tr td.getBonus {
    color: #db0000;
}
.myAccount .bonusList table tr td.options {
}
.myAccount .bonusList table tr td.options a {
    color: #06f;
}
.myAccount .bonusList table tr td.options a:hover {
    color: #f60;
}
.myAccount .bonusList table tr.orderDetail td {
    border-bottom: 1px solid #eee;
    height: auto;
}
.myAccount .bonusList table tr.orderDetail td ul.title {
    width: 776px;
    height: 26px;
    line-height: 26px;
    border-bottom: 1px solid #ececec;
}
.myAccount .bonusList table tr.orderDetail td ul.list {
    width: 776px;
    height: 26px;
    line-height: 26px;
    border-bottom: 1px solid #f0f0f0;
}
.myAccount .bonusList table tr.orderDetail td ul.title li {
    float: left;
    color: #777;
    background-color: #f3f3f3;
}
.myAccount .bonusList table tr.orderDetail td ul.list li {
    float: left;
    color: #777;
    background-color: #fdfdfd;
}
.myAccount .bonusList table tr.orderDetail td ul.list span {
    margin: 0px 5px;
    display: block;
}
.myAccount .bonusList table tr.orderDetail td ul.title .prodNo, .myAccount .bonusList table tr.orderDetail td ul.list .prodNo {
    width: 149px;
}
.myAccount .bonusList table tr.orderDetail td ul.title .prodName, .myAccount .bonusList table tr.orderDetail td ul.list .prodName {
    width: 199px;
}
.myAccount .bonusList table tr.orderDetail td ul.title .num, .myAccount .bonusList table tr.orderDetail td ul.list .num {
    width: 108px;
}
.myAccount .bonusList table tr.orderDetail td ul.title .price, .myAccount .bonusList table tr.orderDetail td ul.list .price {
    width: 80px;
}
.myAccount .bonusList table tr.orderDetail td ul.title .totalPrice, .myAccount .bonusList table tr.orderDetail td ul.list .totalPrice {
    width: 80px;
}
.myAccount .bonusList table tr.orderDetail td ul.title .multiples, .myAccount .bonusList table tr.orderDetail td ul.list .multiples {
    width: 80px;
}
.myAccount .bonusList table tr.orderDetail td ul.title .point, .myAccount .bonusList table tr.orderDetail td ul.list .point {
    width: 80px;
}
.myAccount .bonusList table tr.orderDetail td ul.list .point {
    color: #db0000;
}
/*-------------------------------------------------------------------------------------------------------------
    購物車結帳
-------------------------------------------------------------------------------------------------------------*/	
.shopCratList {
    margin: 0px 15px 0px 15px;
}
.shopCratList .title {
    width: 930px;
    border: 1px solid #ededed;
    border-bottom: none;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    color: #666;
    background-color: #fdfdfd;
}
.shopCratList table {
    border: 1px solid #ededed;
    border-bottom: 0px;
    width: 932px;
}
.shopCratList table tr {
}
.shopCratList table tr.title th {
    background-color: #f9f9f9;
    border-bottom: 2px solid #ededed;
    border-right: 1px solid #ededed;
    font-size: 13px;
    line-height: 36px;
    text-align: center;
    font-weight: normal;
    color: #333;
}
.shopCratList table tr.title th.addDate {
    width: 80px;
}
.shopCratList table tr.title th.prodImg {
    width: 118px;
}
.shopCratList table tr.title th.prodImg span {
    margin: 0px;
}
.shopCratList table tr.title th.prodInfo {
    width:180px;
}
.shopCratList table tr.title th.bonusMulti {
    width: 66px;
}
.shopCratList table tr.title th.price {
    width: 150px;
}
.shopCratList table tr.title th.num {
    width: 112px;
}
.shopCratList table tr.title th.totalPrice {
    width: 110px;
}
.shopCratList table tr.title th.options {
    width: 64px;
}
.shopCratList table tr td {
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    color: #888;
    background-color: #fdfdfd;
}
.shopCratList table tr.prod {
}
.shopCratList table tr.prod td {
    font-size: 13px;
    color: #777;
}
.shopCratList table tr.prod td.prodImg {
    text-align:center;    
}
    .shopCratList table tr.prod td.prodImg img {
        vertical-align:middle;
    }
.shopCratList table tr.prod td.prodInfo {
    line-height: 20px;
    display: table-cell;
     width:180px;
}
.shopCratList table tr.prod td.prodInfo .prodName {
}
.shopCratList table tr.prod td.prodInfo .infoList {
    clear: both;
    margin: 0px 10px;
    display: block;
}
.shopCratList table tr.prod td.prodInfo .infoList a .title {
    color: #777;
}
.shopCratList table tr.prod td.prodInfo .infoList a .info {
    color: #06f;
}
.shopCratList table tr.prod td.prodInfo .infoList a:hover .info {
    color: #f60;
}
.shopCratList table tr.prod td.prodInfo .infoList .title {
    border: none;
    width: 70px;
    height: inherit;
    font-weight: normal;
    float: left;
    line-height: 20px;
    display: inline;
    margin: 0px;
    padding: 0px;
    color: #777;
}
.shopCratList table tr.prod td.prodInfo .infoList .info {
    width: 120px;
    display: block;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    float: left;
}
.shopCratList table tr.prod td.bonusMulti {
    text-align: center;
}
.shopCratList table tr.prod td.price {
}
.shopCratList table tr.prod td.num {
    text-align: center;
}
.shopCratList table tr.prod td.num input {
    width: 36px;
}
.shopCratList table tr.prod td.totalPrice {
}
.shopCratList table tr.prod td.options {
    text-align: center;
}
.shopCratList table tr td span {
    margin: 0px 10px;
    display: block;
}
.shopCratList .changOrderBtn {
    width: 930px;
    border: 1px solid #ededed;
    border-bottom: none;
    border-top: none;
    background-color: #f9f9f9;
    vertical-align: middle;
    text-align: right;
}
.shopCratList .changOrderBtn input {
    margin: 3px 6px 3px 0px;
}
.shopCratList .orderTotalPrice {
    width: 930px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ededed;
    border-bottom: none;
    background-color: #f9f9f9;
    vertical-align: middle;
    font-size: 13px;
    color: #666;
}
.shopCratList .orderTotalBons {
    width: 930px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ededed;
    background-color: #f9f9f9;
    vertical-align: middle;
    font-size: 13px;
    color: #666;
    margin:0px 0px 15px 0px;
}
    .shopCratList .orderTotalBons .txt{
        float: left;
        margin: 0px 0px 0px 673px;
    }
    .shopCratList .orderTotalBons .vlaueNum {        	
            float: left;
            color: #db0000;
            font-weight: bold;
            margin: 0px 5px;
    }
.shopCratList .orderTotalPrice .txt {
    float: left;
    margin: 0px 0px 0px 686px;
}
.shopCratList .orderTotalPrice .price {
    float: left;
    color: #db0000;
    font-weight: bold;
    margin: 0px 5px;
}
.shopCratList .orderTotalPrice .unit {
    float: left;
}
.shopCratList .orderBonus {
    width: 930px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ededed;
    background-color: #f9f9f9;
    vertical-align: middle;
    font-size: 13px;
    color: #666;
}
.shopCratList .orderBonus .txt {
    float: left;
    margin: 0px 0px 0px 673px;
}
.shopCratList .orderBonus .num {
    float: left;
    margin: 0px 5px;
    color: #db0000;
    font-weight: bold;
}
.shopCratList .orderBonus .unit {
    float: left;
}
.contactUser {
    margin: 15px 15px 0px 15px;
}
.contactUser table {
    width: 932px;
    margin: 0px 0px 15px 0px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
}
.contactUser table tr td {
    height: 42px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}
.contactUser table tr td.title {
    width: 250px;
    background-color: #f7f7f7;
    border-right: 1px solid #e8e8e8;
    text-align: right;
}
.contactUser table tr td.title span {
    line-height: 42px;
    margin: 0px 10px 0px 0px;
    font-size: 13px;
}
    .contactUser table tr td.title span a {
        color:#06f;
    }
    .contactUser table tr td.title span a:hover {
        color:#f90;
    }
.contactUser table tr td.info {
}
.contactUser table tr td.info span {
    line-height: 42px;
    margin: 0px 10px 0px 10px;
    font-size: 13px;
}
.contactUser table tr.baseInfo {
}
.contactUser table tr.baseInfo .info {
}
.contactUser table tr.baseInfo .info ul {
    width: 100%;
    border-bottom: 1px dotted #ccc;
    height: 30px;
    line-height: 30px;
}
.contactUser table tr.baseInfo .info ul li {
    float: left;
    font-size: 13px;
}
.contactUser table tr.baseInfo .info ul li.title {
    margin: 0px 0px 0px 10px;
    width: 70px;
    text-align: right;
}
.contactUser table tr.baseInfo .info ul li.txt {
}
.contactUser table tr.baseInfo .info ul li.txt input {
    width: 242px;
}
.contactUser table tr.baseInfo .info .name {
}
.contactUser table tr.baseInfo .info .name .title {
}
.contactUser table tr.baseInfo .info .name .txt {
}
.contactUser table tr.baseInfo .info .mobile .title {
}
.contactUser table tr.baseInfo .info .mobile .txt {
}
.contactUser table tr.baseInfo .info .tel {
    border: none;
}
.contactUser table tr.baseInfo .info .tel .title {
}
.contactUser table tr.baseInfo .info .tel .txt {
}
.contactUser table tr.receiveAddr {
}
.contactUser table tr.receiveAddr .info {
}
.contactUser table tr.receiveAddr .info ul {
    width: 100%;
    border-bottom: 1px dotted #ccc;
    height: 42px;
    line-height: 42px;
}
.contactUser table tr.receiveAddr .info ul li {
}
.contactUser table tr.receiveAddr .info ul li.title {
    float: left;
    width: 70px;
    margin: 0px 0px 0px 10px;
    text-align: right;
    font-size: 13px;
}
.contactUser table tr.receiveAddr .info ul li.txt {
}
.contactUser table tr.receiveAddr .info .zipCode {
}
.contactUser table tr.receiveAddr .info .zipCode .title {
}
.contactUser table tr.receiveAddr .info .zipCode .txt {
}
.contactUser table tr.receiveAddr .info .zipCode .txt .counties {
    width: 100px;
    float: left;
    margin: 10px 6px 10px 0px;
}
.contactUser table tr.receiveAddr .info .zipCode .txt .area {
    width: 100px;
    float: left;
    margin: 10px 6px 10px 0px;
}
.contactUser table tr.receiveAddr .info .zipCode .txt .codeTxt {
    width: 30px;
    float: left;
    margin: 10px 6px 10px 0px;
}
.contactUser table tr.receiveAddr .info .address {
    border-bottom: none;
}
.contactUser table tr.receiveAddr .info .address .title {
}
.contactUser table tr.receiveAddr .info .address .txt {
}
.contactUser table tr.receiveAddr .info .address .txt input {
    width: 242px;
    float: left;
    margin: 10px 6px 10px 0px;
}
.contactUser table tr.invoices {
}
.contactUser table tr.invoices .title {
}
.contactUser table tr.invoices .title span {
}
.contactUser table tr.invoices .info {
}

    .contactUser table tr.invoices .info .preserveCode:last-child {
       
    }
    .contactUser table tr.invoices .info div .preserveCode {
        border-bottom: 1px dotted #ccc !important;
    }
    .contactUser table tr.invoices .info .preserveCode {
        font-size:13px;
        line-height:42px;        
    }
        .contactUser table tr.invoices .info .preserveCode .title {
            width:170px;            
            float:left;
            text-align:right;
        }
        .contactUser table tr.invoices .info .preserveCode .txt {
        }
            .contactUser table tr.invoices .info div .preserveCode .txt a {
                color:#06f;
            }
            .contactUser table tr.invoices .info div .preserveCode .txt a:hover {
                color:#f90;
            }
    .contactUser table tr.invoices .info .historyOpt:last-child {        
    }
    .contactUser table tr.invoices .info .historyOpt {
        width:35%;
        display:block;
        float:left;
        margin:0px 5% 0px 0px;
        line-height:42px;
    }

    .contactUser table tr.invoices .info .historyOpt .title {
        float:left;
        font-size:13px;
        width:86px;
        display:block;
        text-align:right;
    }
    .contactUser table tr.invoices .info .historyOpt .txt {
        float:left;        

    }

    .contactUser table tr.invoices .info label {
        font-size:13px;
        vertical-align:middle;
    }
.contactUser table tr.invoices .info .typeList {
    padding: 0px 10px 0px 10px;
    border-bottom: 1px dotted #ccc;
    line-height: 30px;
}
    .contactUser table tr.invoices .info .cart li{
        display:inline;
    }
        .contactUser table tr.invoices .info .cart li input {
            vertical-align:middle;
        }
.contactUser table tr.invoices .info .typeList .type {
    float: left;
    font-size: 13px;
    display: block;
    vertical-align: middle;
}
.contactUser table tr.invoices .info .typeList .type span {
    margin: 0px 10px 0px 0px;
}
.contactUser table tr.invoices .info .typeList .type input {
    margin: 0px 3px 0px 3px;
    padding: 0px;
    vertical-align: middle;
}
.contactUser table tr.invoices .info .history li {
}
.contactUser table tr.invoices .info .history li input {
    margin: 10px 6px 10px 10px;
}
.contactUser table tr.bonusPoint {
}
.contactUser table tr.bonusPoint .title {
}
.contactUser table tr.bonusPoint .title span {
}
.contactUser table tr.bonusPoint .info {
}
.contactUser table tr.bonusPoint .info span {
}
.contactUser table tr.bonusPoint .info span.num {
    margin: 0px 5px;
    color: #db0000;
}
.contactUser table tr.getPoint {
}
.contactUser table tr.getPoint .title {
}
.contactUser table tr.getPoint .title span {
}
.contactUser table tr.getPoint .info {
}
.contactUser table tr.getPoint .info span {
}
.contactUser table tr.getPoint .info span.num {
    margin: 0px 5px;
    color: #db0000;
}
.contactUser table tr.remark {
}
.contactUser table tr.remark .title {
}
.contactUser table tr.remark .title span {
}
.contactUser table tr.remark .info {
}
.contactUser table tr.remark .info .bak{
    margin: 10px 10px 0px 10px;
    width: 650px;
    height: 80px;
}
.contactUser table tr.remark .info textarea {
    margin: 10px 10px 0px 10px;
    width: 650px;
    height: 80px;
}
.contactUser table tr.remark .info .describe {
    height: 26px;
    width: inherit;
    display: inline-block;
    float: right;
    line-height: 26px;
    margin: 0px 12px 0px 0px;
    color: #db0000;
}
.contactUser table tr.payWay {
}
.contactUser table tr.payWay .title {
}
.contactUser table tr.payWay .title span {
}
.contactUser table tr.payWay .info {
}
.contactUser table tr.payWay .info .typeList {
    padding: 0px 10px 0px 10px;
    line-height: 30px;
}
    .contactUser table tr.payWay .info input{
        vertical-align:middle;        

    }
    .contactUser table tr.payWay .info label {
        font-size:13px;
    }
    .contactUser table tr.payWay .info .cart li{
        display:inline;
    }
.contactUser table tr.payWay .info .typeList .type {
    float: left;
    font-size: 13px;
    display: block;
    vertical-align: middle;
}
.contactUser table tr.payWay .info .typeList .type span {
    margin: 0px 10px 0px 0px;
}
.contactUser table tr.payWay .info .typeList .type input {
    margin: 0px 3px 0px 3px;
    padding: 0px;
    vertical-align: middle;
}
.contactUser table tr.shippMethod {
}
.contactUser table tr.shippMethod .title {
}
.contactUser table tr.shippMethod .title span {
}
.contactUser table tr.shippMethod .info {
}
    .contactUser table tr.shippMethod .info input {
        vertical-align:middle;
    }
    .contactUser table tr.shippMethod .info label {
        font-size:13px;        
    }
.contactUser table tr.shippMethod .info .typeList {
    padding: 0px 10px 0px 10px;
    line-height: 30px;
}
    .contactUser table tr.shippMethod .info .cart li{
        display:inline;
    }
.contactUser table tr.shippMethod .info .typeList .type {
    float: left;
    font-size: 13px;
    display: block;
    vertical-align: middle;
}
.contactUser table tr.shippMethod .info .typeList .type span {
    margin: 0px 10px 0px 0px;
}
.contactUser table tr.shippMethod .info .typeList .type input {
    margin: 0px 3px 0px 3px;
    padding: 0px;
    vertical-align: middle;
}
.contactUser .changePass .sendBtn {
    width: 624px;
    margin: 15px auto;
    text-align: center;
}
.contactUser .changePass .sendBtn input {
    margin: 0px 5px;
}
.buyBtn {
    text-align: center;
    margin: 10px 0px 20px;
    display: block;
}
.buyBtn input {
    margin: 0px 5px;
}
/*-------------------------------------------------------------------------------------------------------------
    購物車結帳-訂單明細
-------------------------------------------------------------------------------------------------------------*/	
.contactUser.confirm td.title{
    width:150px;
    
    }
.contactUser.confirm td.info{
    border-right:1px solid #e8e8e8;
    
    }
.confirmList{
    width:932px;
    margin:auto;
    display:block;
    
    }
.confirmList table{
    width: 932px;
    margin: 0px 0px 15px 0px;
    border: 1px solid #e8e8e8;
    border-bottom: none;	
    }
.confirmList table th{
    height:42px;
    line-height:42px;
    text-align:center;	
    background-color: #f7f7f7;
    border-right: 1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
    }	

.confirmList table th{
    font-size:13px;
    
    }
.confirmList table th.prodNo,
.confirmList table th.prodName{
    width:224px;	
    }
    
.confirmList table th.price{
    width:156px;	
    }
.confirmList table th.num{
    width:80px;
    
    }
.confirmList table th.tax{
    width:80px;
    }
.confirmList table th.totalPrice{
    
    }

.confirmList table td{
    padding:6px 0px;
    line-height:20px;
    height:20px;
    border-right: 1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
    font-size:13px;
    vertical-align:middle;
    }
.confirmList table td span{
    margin:0px 5px;
    display:block;	
    }	
.confirmList table td.price,
.confirmList table td.num,
.confirmList table td.tax{
    text-align:center;
    }

.confirmList table td.totalPrice{
    text-align:right;
    }

.confirmList table  tr.totalPrice td{
    font-size:16px;
    color:#db0000;
    text-align:right;
    
    }

/*-------------------------------------------------------------------------------------------------------------
    訂單查詢
-------------------------------------------------------------------------------------------------------------*/	


.myAccount .orderList {
    margin: 0px 5px;
}
.myAccount .orderList table {
    width: 776px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    margin: 0px 0px 15px 0px;
}
.myAccount .orderList table tr {
}
.myAccount .orderList table tr th {
    height: 32px;
    line-height: 32px;
    background-color: #f2f2f2;
    text-align: center;
    border-bottom: 2px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 13px;
    color: #333;
}
.myAccount .orderList table tr.title {
}
.myAccount .orderList table tr.title th.orderNo {
    width: 115px;
}
.myAccount .orderList table tr.title th.logistics {
    /*width: 77px;*/
    width: 128px;
}
.myAccount .orderList table tr.title th.payment {
    width: 122px;
}
.myAccount .orderList table tr.title th.orderDate {
    width: 95px;
}
.myAccount .orderList table tr.title th.orderPrice {
    /*width: 128px;*/
    width: 77px;
}
.myAccount .orderList table tr.title th.orderBonus {
    width: 78px;
}
.myAccount .orderList table tr.title th.orderStatus {
    width: 77px;
}
.myAccount .orderList table tr.title th.options {
    width: 75px;
}
.myAccount .orderList table tr td {
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    height: 26px;
    line-height: 26px;
    padding: 10px 0px;
    color: #787878;
}
.myAccount .orderList table tr.info td {
}
.myAccount .orderList table tr.info td.orderNo {
}
.myAccount .orderList table tr.info td.orderNo .number {
    display: block;
    line-height: 18px;
}
.myAccount .orderList table tr.info td.orderNo .details {
    display: block;
    line-height: 18px;
    color: #06f;
}
.myAccount .orderList table tr.info td.orderNo .details:hover {
    color: #f60;
}
.myAccount .orderList table tr.info td.logistics {
}
.myAccount .orderList table tr.info td.payment {
}
.myAccount .orderList table tr.info td.payment a {
    color: #06f;
}
.myAccount .orderList table tr.info td.payment a:hover {
    color: #f60;
}
.myAccount .orderList table tr.info td.orderDate {
}
.myAccount .orderList table tr.info td.orderPrice {
}
.myAccount .orderList table tr.info td.orderBonus {
}
.myAccount .orderList table tr.info td.orderStatus {
}
.myAccount .orderList table tr.info td.options {
}


/*-------------------------------------------------------------------------------------------------------------
    出貨明細
-------------------------------------------------------------------------------------------------------------*/
.orderList.shippingInfo {
}
    .orderList.shippingInfo table {
    }
        .orderList.shippingInfo table .title {
        }
            .orderList.shippingInfo table .title .orderNo {                
            }
            .orderList.shippingInfo table .title .recipient {
                width:60px;
            }
            .orderList.shippingInfo table .title .addr {
            }
            .orderList.shippingInfo table .title .tel {
                width:100px;
            }
            .orderList.shippingInfo table .title .shipping {
            }
        .orderList.shippingInfo table td span{        
        }
/*-------------------------------------------------------------------------------------------------------------
    加入會員
-------------------------------------------------------------------------------------------------------------*/	
.provision {
    width: 600px;
    height: 480px;
    display: block;
    margin: 10px auto;
}
.provision textarea {
    width: 100%;
    height: 100%;
    font-size: 13px;
}
.provision .content {
    width: 100%;
    height: 90%;
    font-size: 13px;
    overflow:scroll;
    }
.provision .confirmBtn {
    width: 100%;
    text-align: center;
    margin: 20px 0px 0px;
}
.provision .confirmBtn input {
    margin: 0px 5px;
}
.provision .confirmBtn a {
    margin: 0px 5px;
}
.joinForm {
    width: 932px;
    margin: auto;
}
.joinForm .warning {
    font-size: 13px;
    text-align: right;
    margin: 0px 2px;
    height: 26px;
    line-height: 26px;
}
.joinForm .joinTable {
    width: 930px;
    border: 1px solid #e8e8e8;
    clear:both;
    float:none;    
}

    .joinForm .joinTable .tableList {
        border-bottom: 1px solid #e8e8e8;
    }
.joinForm .joinTable .tableList div {
    height:26px;
    display:block;
    line-height: 26px;
    padding: 6px 0px;
    vertical-align: middle;
}
.joinForm .joinTable .tableList .title {
    width: 180px;
    border-right: 1px solid #e8e8e8;
    font-size: 16px;
    text-align: right;
    background-color: #f7f7f7;
    float:left;
}
.joinForm .joinTable .tableList.account .title span {
    margin: 0px;
}
.joinForm .joinTable .tableList .title span.warning {
    margin: 0px !important;
}
.joinForm .joinTable .tableList .title span {
    margin: 0px 4px 0px 0px;
}
.joinForm .joinTable .tableList.account .title .describe {
    font-size: 13px;
    margin: 0px 4px 0px 0px;
}
.joinForm .joinTable .tableList .info {
    float:left;
}
.joinForm .joinTable .tableList .info input {
    margin: 0px 5px 0px 10px;
    width: 352px;
}
.joinForm .joinTable .tableList .info .mail {
    width: 352px;
    margin: 0px 5px 0px 10px;
}
.joinForm .joinTable .tableList .info .checkBtn {
    margin: 0px;
    width: inherit;
}
.joinForm .joinTable .tableList .info .checkVal {
    font-size: 13px;
    color: #06F;
}
.joinForm .joinTable .tableList .info .describe {
    font-size: 13px;
    color: #333;
}
.joinForm .joinTable .tableList.sex .info {
}
.joinForm .joinTable .tableList.sex .info input {
    width: inherit;
}
.joinForm .joinTable .tableList.zip  {
}
.joinForm .joinTable .tableList.zip .info {
}
.joinForm .joinTable .tableList.zip .info select {
    width: 150px;
    margin: 0px 0px 0px 10px;
}
.joinForm .joinTable .tableList.zip .info input {
    width: 25px;
}
.joinForm .confirmBtn {
    margin: 20px 0px;
    display: block;
    text-align: center;
}
/*-------------------------------------------------------------------------------------------------------------
    忘記密碼
-------------------------------------------------------------------------------------------------------------*/	

.forgetPass {
    width: 436px;
    margin: 20px auto 0px;
}
.forgetPass .warning {
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    text-align: right;
}
.forgetPass .warning span {
    margin: 0px 10px;
}
.forgetPass table {
}
.forgetPass table tr {
}
.forgetPass table tr td {
    line-height: 26px;
    padding: 6px 0px;
    vertical-align: middle;
}
.forgetPass table tr td img {
    vertical-align: middle;
}
.forgetPass table tr td.title {
    width: 100px;
    font-size: 13px;
    text-align: right;
}
.forgetPass table tr td.info {
}
.forgetPass table tr.account td.info input {
    width: 320px;
}
.forgetPass table tr.vCode td.info input.text {
    width: 120px;
}
.forgetPass .confirmBtn {
    text-align: center;
    margin: 20px 0px;
}
/*-------------------------------------------------------------------------------------------------------------
    會員登入
-------------------------------------------------------------------------------------------------------------*/		
.loginForm {
    width: 512px;
    margin: 20px auto 0px;
}
.login .warning {
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    text-align: right;
}
.login .warning span {
    margin: 0px 10px;
}
.login table {
}
.login table tr {
}
.login table tr td {
    line-height: 26px;
    padding: 6px 0px;
    vertical-align: middle;
}
.login table tr td img {
    vertical-align: middle;
}
.login table tr td.title {
    width: 175px;
    font-size: 13px;
    text-align: right;
}
.login table tr td.info {
}
.login table tr td.info input {
    vertical-align: middle;
}
.login table tr.account td.info input, .login table tr.pass td.info input {
    width: 320px;
}
.login table tr.options td ul {
}
.login table tr.options td ul li {
    float: left;
    font-size: 13px;
}
.login table tr.options td ul li a {
    color: #06f;
}
.login table tr.options td ul li a:hover {
    color: #f60;
}
.login table tr.options td ul li.autoLogin {
    padding: 0px 6px 0px 0px;
    background-image: url(/images/optionLine.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
.login table tr.options td ul li.pass {
    padding: 0px 5px 0px 6px;
    background-image: url(/images/optionLine.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
.login table tr.options td ul li.joinBtn {
    padding: 0px 5px 0px 6px;
}
.login table tr.options td ul li.loginBtn {
    float: right;
}

.fbAccoutBtn {
     background-color: #2f4b93;
     color:#fff;
     background-image:url(/images/fbBtnImg.jpg);
     background-repeat:no-repeat;
     background-position:6px center;
}
.googleAccoungBtn {
    background-color:#df4538;
    color:#fff;
     background-image:url(/images/googleBtnImg.jpg);
     background-repeat:no-repeat;
     background-position:6px center;
}


.login table tr.socialAccount {
}
    .login table tr.socialAccount td {
        height:30px;
    }
        .login table tr.socialAccount td a {
            font-size:12px;
            padding:6px 6px 6px 24px;
        }


/*-------------------------------------------------------------------------------------------------------------
    產品明細
-------------------------------------------------------------------------------------------------------------*/	

.prodInfo {
    /*display: block;*/
    margin:12px 0px 0px 0px;
}
.prodInfo .prodAlbum {
    width: 290px;
    display: block;
    float: left;
    position: relative;
}
    .prodInfo .prodAlbum .specGroup{
        display:none;
    }
        .prodInfo .prodAlbum .specGroup.target {
            display:block
        }
.prodInfo .prodAlbum .promoIcon {
    background-image: url(/images/prodPromoIcon.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 124px;
    height: 121px;
    display: block;
    position: absolute;
    left: -11px;
    top: -11px;
}
.prodInfo .prodAlbum .limited {
    width: 159px;
    height: 159px;
    display: block;
    position: absolute;
    left: 125px;
    top: 126px;
    background-image: url(/images/prodLimitedBg.png);
    background-repeat: no-repeat;
    background-position: center center;
    z-index:9;
}
.prodInfo .prodAlbum .limited .hour {
    bottom: 10px;
    color: #db0000;
    font-size: 16px;
    font-weight: bold;
    width: 20px;
    display: block;
    position: absolute;
    right: 8px;
    text-align: center;
}
.prodInfo .prodAlbum .mainPhoto {
    width: 275px;
    height: 275px;
    display: table;
    position:relative;
    
}
    .prodInfo .prodAlbum .mainPhoto a {
        width: 100%;
        height:100% ;  
        display:table-cell; 
        vertical-align:middle;
        text-align:center;
    }

.prodInfo .prodAlbum .mainPhoto img {
    border: 1px solid #c7c7c7;
    max-width: 275px;
    max-height: 275px;
}
.prodInfo .prodAlbum .mainPhoto span {
}

.prodInfo .prodAlbum .mainPhoto span.prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
}


.prodInfo .prodAlbum .mainPhoto .inCartIcon {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    
    margin: -9px 0px 0px 0px;
    width: 82px;
    background-color: #4f95bd;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    
    background-image: url(/images/inCartIconBg.gif);
    background-repeat: no-repeat;
    background-position: left 0px;

    text-align: left;
}
.prodInfo .prodAlbum .mainPhoto .inCartIcon span{
    margin: 0 0 0 19px;
    }


.prodInfo .prodAlbum .thumbnail {
    margin: 11px 0px;
}
.prodInfo .prodAlbum .thumbnail ul {
}
.prodInfo .prodAlbum .thumbnail ul li {
    width: 66px;
    height: 66px;
    display: block;
    margin: 0px 5px 0px 0px;
    float: left;
}
.prodInfo .prodAlbum .thumbnail ul li a {
    width: 66px;
    height: 66px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.prodInfo .prodAlbum .thumbnail ul li a img {
    border: 1px solid #c7c7c7;
    max-width: 63px;
    max-height: 63px;
}
.prodInfo .prodSn {
    width: 270px;
    height: 26px;
    line-height: 26px;
    display: block;
    float: inherit;
    clear: left;
    font-size: 12px;
}
.prodInfo .prodSn .title {
    float: left;
    display: inline-block;
    margin: 0px 3px 0px 0px;
}
.prodInfo .prodSn .num {
    width: 200px;
    float: left;
    display: inline-block;
}
.prodInfo .prodContent {
    float: right;
    margin: 0px 0px 0px 8px;
    width: 422px;
    display: block;
}
.prodInfo .prodContent .title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0px 0px 6px 0px;
    word-wrap:break-word;
}
    .prodInfo .prodContent .describeTxt {
        color: #666;
        font-size: 12px;
        line-height: 20px;

    }
    .prodInfo .priceArea {
        margin:12px 0px 0px 0px;
    }


.prodInfo .priceArea .price,
.prodInfo .priceArea .expiryDate,
.prodInfo .priceArea .delivery,
.prodInfo .priceArea .bonus {
    width: 100%;
    height: 30px;
    display: block;
    font-size: 13px;
    line-height: 30px;
    margin: 8px 0px;
}
    .prodInfo .priceArea .delivery,
    .prodInfo .priceArea .bonus {
        height:auto !important;
    }
.prodInfo .priceArea .price{
    margin:0px 0px 8px;
    
    }
.prodInfo .priceArea .expiryDate, 
.prodInfo .priceArea .delivery,
.prodInfo .priceArea .bonus 
 {
    height: 16px;
    line-height: 16px;
}
.prodInfo .priceArea .price .title, 
.prodInfo .priceArea .expiryDate .title, 
.prodInfo .priceArea .delivery .title,
.prodInfo .priceArea .bonus .title {
    float: left;
    width: 80px;
    display: block;
    text-align: right;
    font-size: 13px;
    font-weight: normal;
    margin:0px;
}
.prodInfo .priceArea .price.suggest .title {
    width: 80px;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    height:20px;
    margin:0px;
}
.prodInfo .priceArea .dateNum {
    font-size: 13px;
    color: #db0000;
}
.prodInfo .priceArea .delivery .infoTxt,
.prodInfo .priceArea .bonus .infoTxt {
    font-weight: bold;
    width:342px;
    display:block;
    float:right;
}

    .prodInfo .priceArea .delivery .infoTxt .notice {
        margin:6px 0px 0px 10px;
        width:93px;
        height:24px;
        display:block;
    }
        .prodInfo .priceArea .delivery .infoTxt .notice:active {
            height:26px;
        }
        .prodInfo .priceArea .delivery .infoTxt .notice:active a{
            margin:-2px 0px 0px 0px;
        }
        .prodInfo .priceArea .delivery .infoTxt .notice a {
            width:100%;
            height:100%;
            display:block;
            background-image:url(/images/prodNoticeBtn.gif);
            background-repeat:no-repeat;
            background-position:center;
        }
            .prodInfo .priceArea .delivery .infoTxt .notice a span {
                display:none;
                visibility:hidden;                
            }

.prodInfo .priceArea .delivery .infoTxt span.availab{
    color: #019e01;
}

.prodInfo .priceArea .delivery .infoTxt span.notAvailab,
.prodInfo .priceArea .delivery .infoTxt span.stopProd{
    color: #db0000;
}

.prodInfo .priceArea .delivery .infoTxt span, 
.prodInfo .priceArea .dateNum span,
.prodInfo .priceArea .bonus span {
    margin: 0px 0px 0px 10px;
}
.prodInfo .priceArea .price .priceNum {
    font-size: 30px;
    color: #ff6600;
    float: left;
    width: 330px;
    position: relative;
}
.prodInfo .priceArea .price .priceNum .bulletin {
    position: absolute;
    right: -86px;
    top: 6px;
    font-size: 12px;
    background-image: url(/images/bulletin.gif);
    width: 85px;
    height: 18px;
    display: block;
}
.prodInfo .priceArea .price .priceNum .bulletin a {
    width: 85px;
    height: 18px;
    display: block;
}
.prodInfo .priceArea .price .priceNum .bulletin span {
    display: none;
}
.prodInfo .priceArea .price .symbol {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
    float: left;
    margin: 0px 0px 0px 2px;
    line-height:44px;
    height:30px;
}
.prodInfo .priceArea .price.suggest .symbol{
    line-height:20px;	
    }
.prodInfo .priceArea .price.valuePrice .symbol{
    line-height:30px;	
    }
.prodInfo .priceArea .price .priceNum .numTxt {
    margin: 0px;
    font-family: Verdana;
}
.prodInfo .priceArea .price .priceNum .numTxt .txt {
    position: relative;
    display: inline-block;    
}

    .prodInfo .priceArea .price .priceNum .numTxt .txt .unit {
        font-size:13px;
        line-height:normal;
        line-height:30px;	
    }

.prodInfo .priceArea .price.suggest {
    font-size: 12px;
    color: #999;
    height: 20px !important;
    line-height: 20px !important;
    margin:8px 0px 0px;
}
    .prodInfo .priceArea .price.suggest .priceNum .numTxt .txt .unit {
        line-height:20px;
    }



.prodInfo .priceArea .price.suggest .priceNum {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
    height:20px;
}
.prodInfo .priceArea .price.suggest .priceNum .numTxt {
    color: #999;	
    text-decoration: line-through;	
    }
.prodInfo .priceArea .price.suggest .priceNum .numTxt .symbol,
.prodInfo .priceArea .price.suggest .priceNum .numTxt .txt,
.prodInfo .priceArea .price.valuePrice  gest .priceNum .numTxt .symbol,
.prodInfo .priceArea .price.valuePrice  .priceNum .numTxt .txt{
    display:inline;
    }	

.prodInfo .priceArea .price.valuePrice{
    font-size:13px;
    color:#666;
    margin:-2px 0px 0px 0px;
    clear:both;
    height:inherit !important;    
    }
.prodInfo .priceArea .price.valuePrice .title{
    color:#666;	
    }	 
.prodInfo .priceArea .price.valuePrice .priceNum{
    color: #666;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 0 0;
    
    }
.prodInfo .priceArea .price.valuePrice .numTxt{

    
    }


.prodInfo .priceArea .buyNum {
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 0px 0px 8px;
    width: 100%;
}
.prodInfo .priceArea .buyNum .title {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    text-align: right;
    width: 80px;
    margin: 0px;
}
.prodInfo .priceArea .buyNum .num {
}
.prodInfo .priceArea .buyNum .num select {
    width: 185px;
    margin: 0px 4px 0px 10px;
}
.prodInfo .priceArea .buyNum .num input {
    width: 30px;
}
.prodInfo .priceArea .spec {
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 8px 0px 0px;
    width: 100%;
}
.prodInfo .priceArea .spec .title {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    text-align: right;
    width: 80px;
    margin: 0px;
}
.prodInfo .priceArea .spec .num {
    padding: 5px 0px 0px;
}
.prodInfo .priceArea .spec .num select {
    width: 185px;
    margin: 0px 4px 0px 10px;
}



        .prodInfo .prodContent .priceArea .specColor {
            margin:10px 0px;
            padding:0px;
            width:100%;
            display:block;
            
        }


            .prodInfo .prodContent .priceArea .specColor.multi {
                border:1px solid #ff8f8f;
            }

            .prodInfo .prodContent .priceArea .specColor .title {
                float: left;
                height: 26px;
                line-height: 26px;
                text-align: right;
                width: 80px;
                font-size:13px;
                font-weight:normal;
                padding:0px;
                margin:6px 0px;

            }
            .prodInfo .prodContent .priceArea .specColor .colorList {
                margin:0px;
                padding:0px;
                display:block;
                float:left;
                width:340px;
            }
                .prodInfo .prodContent .priceArea .specColor .colorList li {
                    float:left;
                    margin:6px;
                    padding:0px;
                    list-style:none;
                    width:100px;
                    height:30px;
                    float:left;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 145px;
                    
                }
                    .prodInfo .prodContent .priceArea .specColor .colorList li.noclick {
                        cursor:default;
                        background-color:#b1b1b1;
                    }
                    .prodInfo .prodContent .priceArea .specColor .colorList li.noclick a {
                        width:100%;
                        height:100%;
                        display:block;
                        text-decoration:none;
                         /*cursor:none;*/
                          /*cursor: pointer;*/
                           cursor:default;
                        color:#909090;

                    }
                        .prodInfo .prodContent .priceArea .specColor .colorList li.noclick a:hover {
                             background-image:url("");
                        }
                    .prodInfo .prodContent .priceArea .specColor .colorList li.target {
                        background-color:#0099ff;
                    }
                    .prodInfo .prodContent .priceArea .specColor .colorList li a {
                        width:100%;
                        height:100%;
                        display:block;
                        text-decoration:none;
                        color:#ff3e00;
                        background-image:url(/images/ie8_Color_Fix.png) \9;
                        background-position:center;
                        background-repeat:no-repeat;
                    }
                        .prodInfo .prodContent .priceArea .specColor .colorList li a:hover {
                            background-image:url(/images/FormatFrame.png);
                        }
                    .prodInfo .prodContent .priceArea .specColor .colorList li.target a {
                        color:#FFFFFF;
                        background-image:url(/images/FormatFrame.png);
                    }

                    .prodInfo .prodContent .priceArea .specColor .colorList li a span {
                        padding-left:10px;
                    }

            .prodInfo .prodContent .priceArea .specColor.multi  .colorList li.target a {
                color:#333;
                background:none;

            }
            .prodInfo .prodContent .priceArea .specColor.multi .colorList li.target {
                background:none;
                height:26px;
                line-height:26px;
                font-size:13px;
            }
            .prodInfo .prodContent .priceArea .specColor.multi .colorList li {
                background:none;
                width:auto;
                height:26px;
                line-height:26px;
                font-size:13px;
            }
                .prodInfo .prodContent .priceArea .specColor.multi .colorList li.noclick a {
                    background-image:url(/images/input_radio_disabled.jpg);
                    background-position:left center;
                    background-repeat:no-repeat;
                    color:#cfcfcf;
                }
                    .prodInfo .prodContent .priceArea .specColor.multi .colorList li.noclick a:hover {
                        background-image:url(/images/input_radio_disabled.jpg);
                    }
            
                .prodInfo .prodContent .priceArea .specColor.multi .colorList li.target a {
                    background-image:url(/images/input_radio_selected.jpg);
                    background-position:left center;
                    background-repeat:no-repeat;
                }
                .prodInfo .prodContent .priceArea .specColor.multi .colorList li.target a:hover {
                    background-image:url(/images/input_radio_selected.jpg);
                    background-position:left center;
                    background-repeat:no-repeat;
                }
                .prodInfo .prodContent .priceArea .specColor.multi .colorList li a {
                    color:#333;
                    background-image:url(/images/input_radio_default.jpg);
                    background-position:left center;
                    background-repeat:no-repeat;
                    padding:0px 0px 0px 10px;
                }
                    .prodInfo .prodContent .priceArea .specColor.multi .colorList li a:hover {
                        background-image:url(/images/input_radio_default.jpg);
                        background-position:left center;
                        background-repeat:no-repeat;
                    }
                    .prodInfo .prodContent .priceArea .specColor.multi .colorList li a span {
                        padding:0px 0px 0px 10px;
                    }




.optionBtn {
    position:relative;
    height:40px;       
}
.optionBtn li {
    float: left;
    margin: 0px 5px 0px 0px;
    
}

.optionBtn li.addCartBtn:hover,
.optionBtn li.addWishListBtn:hover,
.optionBtn li.printBtn:hover
{
    margin: 2px 5px 0 0; 
}

    .optionBtn li.nAddCartBtn:hover a{
        position:absolute;
        top:2px;
       
           
    }

.optionBtn li a {
    width: 100%;
    height: 100%;
    display: block;
}
.optionBtn li span {
    display: none;
}
.optionBtn .addCartBtn {
    width: 81px;
    height: 24px;
    display: block;
    background-image: url(/images/addCart.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

    .optionBtn .nAddCartBtn {
        position:relative;
        display: block;
        height: 35px;
        width: 184px;
        float:none;
        clear:both;
        margin-bottom:5px;
    }
        .optionBtn .nAddCartBtn a {
            width:100%;
            height:100%;
            display:block;
            background-image: url("/images/nAddCart.png");
            background-position: center center;
            background-repeat: no-repeat;
        }

.optionBtn .addWishListBtn {
    width: 93px;
    height: 24px;
    display: block;
    background-image: url(/images/addWishListBtn.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom:5px;
}
.optionBtn .printBtn {
    width: 84px;
    height: 24px;
    display: block;
    background-image: url(/images/printBtn.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom:5px;
}
.optionBtn .promoBtn {
    width: 45px;
    height: 24px;
    display: block;
    background-image: url(/images/promoBtn.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.optionBtn .historicalPricesBtn {
    width: 69px;
    height: 24px;
    display: block;
    background-image: url(/images/historicalPricesBtn.gif);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.optionBtn .historicalPricesBtn:hover, .optionBtn .historicalPricesBtn:active {
    margin: 0px 5px 0px 0px;
}
.optionBtn .historicalPricesBtn .historyTable {
    position: absolute;
    width: 324px;
    height: 120px;
    display: block;
    left: -255px;
    top: 34px;
}
.optionBtn .historicalPricesBtn .historyTable .arrow {
    width: 9px;
    height: 5px;
    display: block;
    background-image: url(/images/historyTableArrow.gif);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 30px;
    top: -4px;
}
.optionBtn .historicalPricesBtn .historyTable .closeBtn {
    position: absolute;
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(/images/closeBtn.gif);
    background-repeat: no-repeat;
    background-position: center center;
    right: -17px;
    top: 3px;
}
.optionBtn .historicalPricesBtn .historyTable .closeBtn a {
    width: 100%;
    height: 100%;
    display: block;
}
.optionBtn .historicalPricesBtn .historyTable .overflow {
    width: 324px;
    height: 130px;
    display: block;
    overflow: auto;
}
.optionBtn .historicalPricesBtn .historyTable .title {
    margin: 0px;
}
.optionBtn .historicalPricesBtn .historyTable .title li:hover, .optionBtn .historicalPricesBtn .historyTable .title li:active {
    margin: 0px;
}
.optionBtn .historicalPricesBtn .historyTable .title li {
    float: right;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 0px;
    border: 1px solid #e3e3e3;
    text-align: center;
    background-color: #f3f3f3;
}
.optionBtn .historicalPricesBtn .historyTable .title li span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.optionBtn .historicalPricesBtn .historyTable .title .tradingDate {
    width: 99px;
    border-right: none;
}
.optionBtn .historicalPricesBtn .historyTable .title .buyNum {
    width: 99px;
    border-right: none;
}
.optionBtn .historicalPricesBtn .historyTable .title .buyPrice {
    width: 100px;
}
/**/	
.optionBtn .historicalPricesBtn .historyTable .infoList {
}
.optionBtn .historicalPricesBtn .historyTable .infoList li:hover, .optionBtn .historicalPricesBtn .historyTable .infoList li:active {
    margin: 0px
}
.optionBtn .historicalPricesBtn .historyTable .infoList li {
    float: right;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 0px;
    border: 1px solid #e3e3e3;
    border-top: none;
    background-color: #fff;
    text-align: center;
}
.optionBtn .historicalPricesBtn .historyTable .infoList li span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.optionBtn .historicalPricesBtn .historyTable .infoList .tradingDate {
    width: 99px;
    border-right: none;
}
.optionBtn .historicalPricesBtn .historyTable .infoList .buyNum {
    width: 99px;
    border-right: none;
}
.optionBtn .historicalPricesBtn .historyTable .infoList .buyPrice {
    width: 100px;
}
/**/

.infoDetails {
    float: none;
    clear: both;
    margin: 15px 0px;
}
.infoDetails .tabStrip {
}
.infoDetails .tabStrip .tabBtn {
    margin: 0px 1px;
}
.infoDetails .tabStrip .tabBtn li {
    background-image: url(/images/infoDetailsTabBtnBg.gif);
    background-repeat: repeat-x;
    height: 27px;
    line-height: 27px;
    border: none;
    font-size: 13px;
    margin: 0px 2px 0px 0px;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    cursor: pointer;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.infoDetails .tabStrip .tabBtn li.target {
    background-image: url(/images/infoDetailsTabBtnBg_target.gif);
    color: #fff;
}
.infoDetails .tabStrip .tabBtn li span {
    padding: 0px 10px;
}
.infoDetails .tabContent {
    float: none;
    clear: both;
    border: 1px solid #d5d5d5;
}
.infoDetails .tabContent .contentInfo {
    padding: 8px;
    font-size: 13px;
    line-height: 23px;
}
.infoDetails .tabContent .contentInfo b {
    font-weight: bold;
}
.infoDetails .tabContent .contentInfo ul {
    margin: 0px 0px 0px 15px;
}
.infoDetails .tabContent .contentInfo ul li {
    display: list-item;
    list-style: disc;
    margin: 0px 0px 8px;
    line-height: 22px;
}
.infoDetails .tabContent .contentInfo.downloadList {
}
.infoDetails .tabContent .contentInfo.downloadList table {
    width: 100%;
}
.infoDetails .tabContent .contentInfo.downloadList table tr {
}
.infoDetails .tabContent .contentInfo.downloadList table tr th {
    background-color: #efefef;
    height: 23px!important;
    line-height: normal;
    text-align: center;
    font-weight: bold;
    color: #444;
}
.infoDetails .tabContent .contentInfo.downloadList table tr th span {
    line-height: normal;
}
.infoDetails .tabContent .contentInfo.downloadList table tr td {
    color: #666;
    border-bottom: 1px dotted #CCC;
    line-height: 26px;
    padding: 6px 0px;
}
.infoDetails .tabContent .contentInfo.downloadList table tr.title {
}
.infoDetails .tabContent .contentInfo.downloadList table tr.title .no {
    width: 26px;
}
.infoDetails .tabContent .contentInfo.downloadList table tr.title .fileName {
    text-align: left;
}
.infoDetails .tabContent .contentInfo.downloadList table tr.title .fileName span {
    margin: 0px 5px;
    ;
}
.infoDetails .tabContent .contentInfo.downloadList table tr.title .downloalBtn {
    width: 100px;
}
.infoDetails .tabContent .contentInfo.downloadList table tr.fileItem {
}
.infoDetails .tabContent .contentInfo.downloadList table tr.fileItem .no {
    text-align: center;
}
.infoDetails .tabContent .contentInfo.downloadList table tr.fileItem .fileName {
}
.infoDetails .tabContent .contentInfo.downloadList table tr.fileItem .fileName span {
    margin: 0px 5px;
}
.infoDetails .tabContent .contentInfo.downloadList table tr.fileItem .downloalBtn {
    text-align: center;
}
.infoDetails .tabContent .contentInfo.downloadList table tr.fileItem .downloalBtn a {
    color: #06f;
}
.infoDetails .tabContent .contentInfo.downloadList table tr.fileItem .downloalBtn a:hover {
    color: #f60;
}
.infoDetails .prodFaq.tabStrip .tabBtn {
    margin: 10px 0px;
    float: left;
    clear: left;
}
.infoDetails .prodFaq.tabStrip .tabBtn li {
    float: none;
    clear: both;
    list-style: none;
    display: block;
    width: 126px;
    height: 64px;
    line-height: 64px;
    margin: 0px;
    background: none;
    border: none;
    color: #999;
}
.infoDetails .prodFaq.tabStrip .tabBtn li.target {
    background: none;
    background-color: #f3f3f3;
    color: #333;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}
    .infoDetails .prodFaq.tabStrip .tabBtn li span.ques {
        color:red;
    }
     .infoDetails .prodFaq.tabStrip .tabBtn li span.ques:hover {
        color:blue;
    }
.infoDetails .prodFaq.tabStrip .tabBtn li span {
    padding: inherit;
    margin: 0px 10px;
    display: block;
    text-align: center;
}
.infoDetails .prodFaq.tabStrip .tabContent {
    float: left;
    width: 570px;
    min-height: 170px;
    display: block;
    clear: none;
    border: none;
    background-color: #f3f3f3;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo {
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .noDate {
    margin: 8px;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    text-align: center;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issue {
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issue ul.topic {
    padding: 6px 0px;
    margin: 8px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issue ul li {
    list-style: none;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 3px;
    color: #666;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issue ul li .title {
    float: left;
    width: 100px;
    text-align: right;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issue ul li .info {
    float: left;
    width: 416px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .reply {
    margin: 0px 8px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .reply ul {
    background: none;
    border: none;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .reply ul li {
    float: left;
    line-height: 26px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .reply ul li.title {
    width: 100px;
    float: left;
    text-align: right;
    background-image: url(/images/replyIcon.gif);
    background-repeat: no-repeat;
    background-position: 21px 11px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .reply ul li.title span {
    margin: 1px 0px;
    display: block;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .reply ul li.txt {
    float: right;
    width: 418px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .reply ul li.txt span {
    margin: 0px 6px;
    display: block;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm {
    width: 550px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm .warning {
    text-align: right;
    margin: 0px 24px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table {
    width: 100%;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr {
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr td {
    line-height: 26px;
    padding: 6px 0px;
    vertical-align: middle;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr td img {
    vertical-align: middle;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr td input {
    width: 420px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr td.title {
    width: 100px;
    text-align: right;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr td.title span {
    margin: 0px 10px 0px 0px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr td.info {
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr.subject {
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr.content {
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr.content td textarea {
    width: 420px;
    height: 100px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr.name {
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr.mail {
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr.vCode {
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr.vCode td input {
    width: inherit;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr.vCode td input.text {
    width: 220px;
}
.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm .confirmBtn {
    text-align: center;
}
.prodDetails .mainContent {
    width: 720px;
    margin: 13px;
}
.infoDetails.promo .contentInfo {
    padding: 8px 1px 0px;
}
.prodDetails .STPrdPPicItem {
    width: 171px;
    height: 220px;
    display: block;
    float: left;
    border: 1px solid #e0e0e0;
    margin: 0px 3px 10px;
}
.prodDetails .STPrdPPicItem:hover {
    background-color: #F3F8FF;
    border: 1px solid #ccc;
}
.prodDetails .STPrdPPicItem:hover .Po a {
    border: 1px solid #999;
}
.prodDetails .STPrdPPicItem:hover .Na a {
    color: #333;
}
.prodDetails .STPrdPPicItem .Po {
    padding: 5px;
    width: 161px;
    height: 168px;
    display: block;
    text-align: center;
    position: relative;
}
.prodDetails .STPrdPPicItem .Po .limited {
    background-image: url("/images/prodLimitedBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 159px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 159px;
}
.prodDetails .STPrdPPicItem .Po .limited .hour {
    bottom: 10px;
    color: #db0000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 20px;
}
.prodDetails .STPrdPPicItem .Po a:hover {
    border: 1px solid #999;
}
.prodDetails .STPrdPPicItem .Po a {
    width: 150px;
    height: 150px;
    display: block;
    position: relative;
    z-index: 1;
    padding: 0px;
    margin: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #efefef;
    background-color: #fff;
}
.prodDetails .STPrdPPicItem .Po a span.prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
}
.prodDetails .STPrdPPicItem .Po * {
    vertical-align: middle;
}
.prodDetails .STPrdPPicItem .Po img {
    max-width: 133px;
    max-height: 133px;
    display: block;
    border: 1px solid #fff;
}
.prodDetails .STPrdPPicItem .Po i {
    width: 168px;
    height: 168px;
    display: none;
    position: absolute;
}
.prodDetails .STPrdPPicItem .Na {
    margin: 0px 5px 10px;
    font-size: 13px;
    color: #1f5883;
    word-break: break-all;
    line-height: 15px;
    height: 31px;
    display: block;
}
.prodDetails .STPrdPPicItem .Na a {
    width: 150px;
    font-size: 13px;
    color: #999;
    word-break: break-all;
    text-decoration: none;
}
.prodDetails .STPrdPPicItem .Na a:hover {
    text-decoration: none;
}
.prodDetails .STPrdPPicItem .info {
}
.prodDetails .STPrdPPicItem .info .number {
    width: 86px;
    height: 24px;
    line-height: 24px;
    display: block;
    clear: both;
    float: left;
}
.prodDetails .STPrdPPicItem .info .number .txt {
    float: left;
    font-size: 13px;
}
.prodDetails .STPrdPPicItem .info .number .txt span {
    margin: 0px 0px 0px 5px;
}
.prodDetails .STPrdPPicItem .info .number .info {
    float: left;
}
.prodDetails .STPrdPPicItem .info .number .info input {
    width: 36px;
}
.prodDetails .STPrdPPicItem .info .price {
    float: left;
    width: 84px;
    height: 24px;
    display: block;
    text-align: right;
    line-height: 24px;
    font-size: 13px;
}
.prodDetails .STPrdPPicItem .info .price span {
    margin: 0px 10px 0px 0px;
}
.prodDetails .STPrdPPicItem .info .price span.num {
    margin: 0px 3px 0px 0px;
    color: #f00;
    font-weight: bold;
    font-size: 16px;
}
.prodDetails .STPrdPPicItem .Pr {
    color: #363636;
    font-size: 14px;
    margin: 5px 5px 10px;
    text-align: center;
}
.prodDetails .STPrdPPicItem .PrB {
    color: #f00;
    font-weight: bold;
    font-size: 16px;
}
.prodDetails .STPrdPPicItem .PrD {
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
    text-decoration: line-through;
}
.prodDetails .STPrdPPicItem .inCartIcon {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    margin: -9px 0px 0px 0px;
    width: 82px;
    background-color: #4f95bd;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    background-image: url(/images/inCartIconBg.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
    text-align: left;
}
.prodDetails .STPrdPPicItem .inCartIcon span {
    margin: 0px 0px 0px 19px;
}
.prodDetails .orderBtn {
    width: 100%;
    height: 20px;
    display: block;
    text-align: center;
    padding: 5px 0px;
    margin: 5px 0px;
}
.prodDetails .orderBtn input {
    background-image: url(/images/orderBtnBg.jpg);
    padding: 0px 5px;
    margin: 0px;
    border: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
.prodDetails .orderBtn input:active {
    margin: -2px 0px 0px 0px;
}
/*-------------------------------------------------------------------------------------------------------------
    加入廣告與全館促銷
-------------------------------------------------------------------------------------------------------------*/	
.prodListAd {
}
.prodListAd .mainContent {
    width: 542px;
    margin: 0px 3px 0px 10px;
}
.prodListAd .prodIndex {
    width: 542px;
}
.prodListAd .prodIndex .STPrdPPicItem {
    margin: 0px 3px 6px;
}
.prodListAd .STSaleBlkR {
    width: 370px;
}
.prodListAd .adInfo {
    float: right;
    width: 190px;
    padding: 20px 0px 0px 0px;
}
.prodListAd .adInfo .bannerList {
    padding: 20px 0px 0px 0px;
}
.prodListAd .adInfo .bannerList li {
    width: 180px;
    display: block;
    margin: 0px 0px 12px;
}
.prodListAd .adInfo .bannerList li a {
    width: 100%;
    height: 100%;
    display: block;
}
.prodListAd .adInfo .bannerList li img {
    width: 180px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------
   客戶自訂顯示促銷活動
-----------------------------------------------------------------------------------------------------------------------------------*/
.shopProm {
    background-image: url('/images/shopPromBg.gif');
    background-repeat: repeat-y;
    background-position: left top;
    display: block;
    margin: 0px 0px 10px 0px;
}
.shopProm li {
    margin: 0px 0px 10px 0px;
}
.shopProm .headline {
    width: 4px;
    height: 28px;
    display: block;
    margin: 0px;
    background-image: url('/images/shopPromHeadline.gif');
    background-repeat: no-repeat;
    background-position: left top;
}
.shopProm .PCFG {
    width: 190px;
    height: 79px;
    display: block;
    background-image: url('/images/shopPromPCFG.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.shopProm .PCFG .info {
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    padding: 27px 0 0 7px;
    font-weight: bold;
    font-family: Arial, "新細明體", sans-serif;
}
.shopProm .PCFG .info .txt {
    font-weight: normal;
    font-size: 12px;
    margin: 0px 3px 0px 6px;
}
.shopProm .PCFG .info .num {
}
.shopProm .PCFO {
    width: 190px;
    height: 79px;
    display: block;
    background-image: url('/images/shopPromPCFO.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.shopProm .PCFO .info {
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    padding: 27px 0 0 7px;
    font-weight: bold;
    font-family: Arial, "新細明體", sans-serif;
}
.shopProm .PCFO .info .txt {
    font-weight: normal;
    font-size: 12px;
    margin: 0px 3px 0px 6px;
}
.shopProm .PCFO .info .num.fold {
    font-size: 20px;
    vertical-align: middle;
    margin: 0px 0px 0px 66px;
}
.shopProm .PCFOM {
    width: 190px;
    height: 79px;
    display: block;
    background-image: url('/images/shopPromPCFOM.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.shopProm .PCFOM .info {
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    padding: 27px 0 0 7px;
    font-weight: bold;
    font-family: Arial, "新細明體", sans-serif;
}
.shopProm .PCFOM .info .txt {
    font-weight: normal;
    font-size: 12px;
    margin: 0px 3px 0px 6px;
}
.shopProm .PCFOM .info .num {
}
.shopProm .PCFP {
    width: 190px;
    display: block;
    background-image: url('/images//shopPromPCFP.jpg');
    background-repeat: repeat-y;
    background-position: left top;
    margin: 0px;
}
.shopProm .PCFP .info {
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    padding: 27px 0 0 7px;
    font-weight: bold;
    font-family: Arial, "新細明體", sans-serif;
}
.shopProm .PCFP .info .txt {
    font-weight: normal;
    font-size: 12px;
    margin: 0px 3px 0px 6px;
}
.shopProm .PCFP .info .num {
    margin: 0px 3px 0px 0px;
}
.shopProm .PCFP ul {
    background-image: url('/images/shopPromPCFPHead.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.shopProm .PCFP ul li {
    margin: 0px;
}
.shopProm .PCFP ul.prodList {
    background: none;
    width: 137px;
    display: block;
    margin: 0px 6px 0px 27px;
    padding: 10px 0px 6px 0px;
    border: none;
}
.shopProm .PCFP ul.prodList li {
    font-size: 13px;
    line-height: 16px;
    font-family: Arial, "新細明體", sans-serif;
    display: list-item;
    list-style: decimal;
    width: 130px;
    color: #fff;
}
.shopProm .PCFP ul li.bgFooter {
    width: 170px;
    height: 1px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 2px;
    margin: 0px;
    padding: 0px;
    background-image: url('/images/shopPromEndLine.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
.shopProm .footLine {
    width: 4px;
    height: 28px;
    display: block;
    margin: 0px;
    background-image: url('/images/shopPromFootLine.gif');
    background-repeat: no-repeat;
    background-position: left top;
}
/*-------------------------------------------------------------------------------------------------------------
    促銷
-------------------------------------------------------------------------------------------------------------*/	

.prodListPromo {
    position: relative;
    border-top: 1px dotted #999;
}
.prodListPromo .more {
    width: 33px;
    height: 15px;
    display: block;
    position: absolute;
    right: 0px;
    top: -24px;
}
.prodListPromo .more a {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(/images/more_black.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.prodListPromo .more a:hover {
    background-image: url(/images/more_red.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.prodListPromo .more span {
    display: none;
}
.prodListPromo .moreBtn {
    background-image: url("/images/moreBtn.gif");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    right: 3px;
    top: -28px;
    width: 36px;
}
.prodListPromo .moreBtn a{
    display: block;
    height: 100%;
    width: 100%;
}

.STSaleC {
    margin: 10px 0px;
    background-color: #fee3a3;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    width: 530px;
    height: auto;
}
.STSaleC .SaleCLeft {
    float: left;
    color: #1f5883;
}
.STSaleC .SaleCRight {
    float: right;
    color: #1f5883;
    font-size: 12px;
}
.STSaleBlk {
    width: 100%;
    display: block;
    border-bottom: 1px dotted #ccc;
    margin: 10px 0px;
    font-family: sans-serif;
}
.STSaleBlk .pic {
    margin: 0px 0px 10px;
    width: 135px;
    height: 135px;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
}
    .STSaleBlk .pic img {
        max-width:135px;
        max-height:135px;
    }
    .STSaleBlk .pic .prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
    }
.STSaleBlk .PCASO {
    background-image: url('/images/PM1-1.jpg');
}
.STSaleBlk .PCASO .pv1 {
    position: absolute;
    top: 10px;
    left: 75px;
    font-size: 30px;
    font-weight: bold;
    color: red;
}
.STSaleBlk .PCASO .pv2 {
    position: absolute;
    top: 97px;
    left: 75px;
    font-size: 30px;
    font-weight: bold;
    color: red;
}
/*任選幾件打折*/
.STSaleBlk .PCAO {
    background-image: url('/images/pcao.jpg');
    width: 165px;
    height: 163px;
    display: block;
}
.STSaleBlk .PCAO .select {
    color: #fff;
    font-size: 13px;
    left: 42px;
    position: absolute;
    top: 40px;
}
.STSaleBlk .PCAO .item {
    color: #fff;
    font-size: 13px;
    left: 110px;
    position: absolute;
    top: 40px;
}
.STSaleBlk .PCAO .fold {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 109px;
}
.STSaleBlk .PCAO .full, .STSaleBlk .PCAO .gift, .STSaleBlk .PCAO .storeGold, .STSaleBlk .PCAO .priceTxt {
    display: none;
}
.STSaleBlk .PCAO .pv1 {
    position: absolute;
    top: 28px;
    left: 65px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    width: 50px;
    text-align: center;
}
.STSaleBlk .PCAO .pv2 {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
/*任選幾件折價*/
.STSaleBlk .PCAOM {
    background-image: url('/images/pcaom.jpg');
    width: 165px;
    height: 182px;
    display: block;
}
.STSaleBlk .PCAOM .select {
    color: #fff;
    font-size: 13px;
    left: 54px;
    position: absolute;
    top: 72px;
}
.STSaleBlk .PCAOM .item {
    color: #fff;
    font-size: 13px;
    left: 122px;
    position: absolute;
    top: 72px;
}
.STSaleBlk .PCAOM .totalFold {
    color: #fff;
    display: block;
    font-size: 13px;
    left: 54px;
    position: absolute;
    top: 95px;
}
.STSaleBlk .PCAOM .fold {
    color: #fff;
    font-size: 13px;
    left: 54px;
    position: absolute;
    top: 120px;
    display: none;
}
.STSaleBlk .PCAOM .priceTxt {
    color: #fff;
    font-size: 13px;
    left: 122px;
    position: absolute;
    top: 120px;
}
.STSaleBlk .PCAOM .full, .STSaleBlk .PCAOM .gift, .STSaleBlk .PCAOM .storeGold {
    display: none;
}
.STSaleBlk .PCAOM .pv1 {
    color: #fff;
    font-family: Arial;
    font-size: 34px;
    font-weight: bold;
    left: 80px;
    position: absolute;
    text-align: center;
    top: 61px;
    top: 56px \9;
    width: 44px;
}
.STSaleBlk .PCAOM .pv1 span {
}
.STSaleBlk .PCAOM .pv2 {
    position: absolute;
    top: 116px;
    top: 113px \9;
    left: 66px;
    font-size: 20px;
    font-weight: bold;
    width: 56px;
    color: #fff;
    text-align: center;
}
.STSaleBlk .PCAM {
    background-image: url('/images/PM4-1.jpg');
}
.STSaleBlk .PCAM .pv1 {
    position: absolute;
    top: 10px;
    left: 60px;
    font-size: 30px;
    font-weight: bold;
    color: red;
}
.STSaleBlk .PCAM .pv2 {
    position: absolute;
    top: 100px;
    left: 50px;
    font-size: 30px;
    font-weight: bold;
    color: red;
    text-align: right;
}
/*任選幾件送商店金*/
.STSaleBlk .PCAG {
    background-image: url('/images/pcag.jpg');
    background-position: left top;
    width: 165px;
    height: 157px;
    display: block;
}
.STSaleBlk .PCAG .select {
    position: absolute;
    top: 20px;
    left: 60px;
    font-size: 16px;
    color: #fff;
}
.STSaleBlk .PCAG .item {
    position: absolute;
    top: 52px;
    left: 135px;
    font-size: 13px;
    color: #fff;
}
.STSaleBlk .PCAG .full, .STSaleBlk .PCAG .gift, .STSaleBlk .PCAG .fold, .STSaleBlk .PCAG .priceTxt, .STSaleBlk .PCAG .pv2 {
    display: none;
}
.STSaleBlk .PCAG .storeGold {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: center;
    top: 88px;
    left: 70px;
}
.STSaleBlk .PCAG .pv1 {
    color: #fff;
    font-family: Arial;
    font-size: 34px;
    font-weight: bold;
    left: 56px;
    position: absolute;
    text-align: right;
    top: 38px;
    width: 78px;
}
.STSaleBlk .PCAG .pv1 span {
    display: block;
    float: right;
    min-width: 40px;
    text-align: center;
}
/*任選幾件送贈品*/
.STSaleBlk .PCAP {
    background-image: url('/images/pcap.jpg');
    width: 163px;
    height: 174px;
    display: block;
}
.STSaleBlk .PCAP .select {
    position: absolute;
    top: 38px;
    left: 35px;
    font-size: 16px;
    color: #fff;
}
.STSaleBlk .PCAP .item {
    position: absolute;
    top: 72px;
    left: 112px;
    font-size: 13px;
    color: #fff;
}
.STSaleBlk .PCAP .gift {
    position: absolute;
    top: 106px;
    left: 0px;
    width: 163px;
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.STSaleBlk .PCAP .full, .STSaleBlk .PCAP .storeGold, .STSaleBlk .PCAP .fold, .STSaleBlk .PCAP .priceTxt {
    display: none;
}
.STSaleBlk .PCAP .pv1 {
    position: absolute;
    top: 58px;
    left: 33px;
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    font-family: Arial;
    width: 78px;
    text-align: right;
}
.STSaleBlk .PCAP .pv1 span {
    min-width: 40px;
    text-align: center;
    display: block;
    float: right;
}
.STSaleBlk .PCAP .pv2 {
    position: absolute;
    display: none; /* PM6 跟 PM10 為贈品 該欄位直接隱藏 */
}
.STSaleBlk .PCFO {
    background-image: url('/images/pcfo.jpg');
    background-position: -5px top;
    width: 165px;
    height: 161px;
    display: block;
}
.STSaleBlk .PCFO .full {
    color: #fff;
    font-size: 13px;
    left: 39px;
    position: absolute;
    top: 22px;
}
.STSaleBlk .PCFO .priceTxt {
    color: #fff;
    font-size: 13px;
    left: 113px;
    position: absolute;
    top: 68px;
}
.STSaleBlk .PCFO .fold {
    color: #fff;
    font-size: 13px;
    left: 114px;
    position: absolute;
    top: 109px;
}
.STSaleBlk .PCFO .select, .STSaleBlk .PCFO .item, .STSaleBlk .PCFO .gift, .STSaleBlk .PCFO .storeGold {
    display: none;
}
.STSaleBlk .PCFO .pv1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    left: 35px;
    position: absolute;
    text-align: center;
    top: 40px;
    width: 93px;
}
.STSaleBlk .PCFO .pv2 {
    color: #fff;
    display: block;
    font-size: 52px;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: center;
    top: 74px;
    width: 100%;
}
.STSaleBlk .PCFOM {
    background-image: url('/images/pcfom.jpg');
    width: 165px;
    height: 181px;
}
.STSaleBlk .PCFOM .full {
    color: #fff;
    font-size: 13px;
    left: 54px;
    position: absolute;
    top: 64px;
}
.STSaleBlk .PCFOM .fold {
    color: #fff;
    font-size: 13px;
    left: 54px;
    position: absolute;
    top: 122px;
}
.STSaleBlk .PCFOM .priceTxt {
    color: #fff;
    font-size: 13px;
    left: 122px;
    position: absolute;
    top: 122px;
}
.STSaleBlk .PCFOM .select, .STSaleBlk .PCFOM .item, .STSaleBlk .PCFOM .gift, .STSaleBlk .PCFOM .storeGold {
    display: none;
}
.STSaleBlk .PCFOM .pv1 {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    left: 48px;
    position: absolute;
    top: 83px;
    width: 89px;
    display: block;
    text-align: center;
}
.STSaleBlk .PCFOM .pv2 {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    left: 70px;
    position: absolute;
    text-align: center;
    top: 118px;
    width: 50px;
}
/*滿額送商店金*/
.STSaleBlk .PCFG {
    background-image: url('/images/pcfg.jpg');
    background-position: -6px top;
    width: 165px;
    height: 153px;
    display: block;
}
.STSaleBlk .PCFG .full {
    color: #fff;
    font-size: 16px;
    left: 29px;
    position: absolute;
    top: 20px;
}
.STSaleBlk .PCFG .priceTxt {
    color: #fff;
    font-size: 13px;
    left: 122px;
    position: absolute;
    top: 66px;
}
.STSaleBlk .PCFG .storeGold {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: center;
    top: 90px;
    width: 163px;
}
.STSaleBlk .PCFG .select, .STSaleBlk .PCFG .item, .STSaleBlk .PCFG .gift, .STSaleBlk .PCFG .fold, .STSaleBlk .PCFG .pv2 {
    display: none;
}
.STSaleBlk .PCFG .pv1 {
    position: absolute;
    top: 40px;
    left: 0px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 100%;
    display: block;
}
/*滿額送贈品*/
.STSaleBlk .PCFP {
    background-image: url('/images/pcfp.jpg');
    width: 165px;
    height: 158px;
    display: block;
}
.STSaleBlk .PCFP .full {
    color: #fff;
    font-size: 16px;
    left: 60px;
    position: absolute;
    top: 20px;
}
.STSaleBlk .PCFP .priceTxt {
    color: #fff;
    font-size: 13px;
    left: 135px;
    position: absolute;
    top: 70px;
}
.STSaleBlk .PCFP .gift {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    left: 71px;
    position: absolute;
    text-align: center;
    top: 93px;
}
.STSaleBlk .PCFP .select, .STSaleBlk .PCFP .item, .STSaleBlk .PCFP .storeGold, .STSaleBlk .PCFP .fold {
    display: none;
}
.STSaleBlk .PCFP .pv1 {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    left: 67px;
    position: absolute;
    top: 42px;
}
.STSaleBlk .PCFP .pv2 {
    position: absolute;
    display: none; /* PM6 跟 PM10 為贈品 該欄位直接隱藏 */
}
.STSaleBlk .totalFold {
    display: none;
}
.STSaleBlkR {
    float: left;
    margin: 0px 0px 10px 0px;
    line-height: 26px;
    width: 550px;
}
.STSaleBlkR .RNa {
    color: #1f5883;
    font-size: 16px;
    font-weight: bold;
}
.STSaleBlkR .RNa a {
    color: #000;
    text-decoration: none;
}
.STSaleBlkR .RNa a:hover {
    color: #f60;
    text-decoration: none;
}
.STSaleBlkR .RTm {
    color: #0066ff;
    font-size: 12px;
}
.STSaleBlkR .RTxt {
    color: #666;
    font-size: 13px;
    word-break: break-all;
    line-height: 2.0em;
    width: 100%;
}
.STSaleBlk .STSaleBlkR .more {
    width: 29px;
    height: 10px;
    display: block;
    position: relative;
    top: inherit;
    right: inherit;
}
.STSaleBlk .STSaleBlkR .more a {
    width: 29px;
    height: 10px;
    display: block;
    background-image: url('/images/moreArrow.gif');
    background-repeat: no-repeat;
    background-position: left center;
}
.STSaleBlk .STSaleBlkR .more a:hover {
    background-image: url('/images/moreArrowHover.gif');
    border-bottom: 1px solid #db0000;
}
.STSaleBlk .STSaleBlkR .more span {
    display: none;
}
/*-------------------------------------------------------------------------------------------------------------
    報修查詢
-------------------------------------------------------------------------------------------------------------*/	

.repairList {
    position: relative;
}
.repairList table {
    border: 1px solid #e8e8e8;
    border-bottom: none;
}
.repairList table tr {
}
.repairList table tr th {
}
.repairList table tr.title {
}
.repairList table tr.title th {
    font-size: 12px;
    font-weight: bold;
    border-right: 1px solid #e8e8e8;
    text-align: center;
    height: 32px;
    vertical-align: middle;
    color: #333;
    background-color: #f2f2f2;
}
.repairList table tr.title th.options, .repairList table tr td.options {
    width: 54px;
}
.repairList table tr.title th.receiveNo, .repairList table tr td.receiveNo {
    width: 78px;
}
.repairList table tr.title th.receiveDate, .repairList table tr td.receiveDate {
    width: 70px;
}
.repairList table tr.title th.prodNo, .repairList table tr td.prodNo {
    width: 83px;
}
.repairList table tr.title th.prodName, .repairList table tr td.prodName {
    width: 172px;
}
.repairList table tr.title th.receiveStatus, .repairList table tr td.receiveStatus {
    width: 58px;
}
.repairList table tr.title th.repairStatus, .repairList table tr td.repairStatus {
    width: 58px;
}
.repairList table tr.title th.repairNo, .repairList table tr td.repairNo {
    width: 78px;
}
.repairList table tr.title th.repairDate, .repairList table tr td.repairDate {
    width: 70px;
}
.repairList table tr.title th.returnStatus, .repairList table tr td.returnStatus {
    width: 56px;
    border-right: none;
}
.repairList table tr td {
    font-size: 12px;
    border: 1px solid #e8e8e8;
    vertical-align: middle;
    text-align: center;
    color: #565656;
    padding: 4px 0px;
}
.repairList table tr td span {
    margin: 0px 4px;
    display: block;
}
.repairForm .repairListBtn, .repairList .repairSendBtn {
    position: absolute;
    right: 0px;
    top: -35px;
    display: inline-block;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
}
.repairForm .repairListBtn {
    top: -45px;
}
.repairForm .repairListBtn a, .repairList .repairSendBtn a {
    width: 100%;
    height: 35px;
    display: block;
    color: #06f;
}
.repairForm .repairListBtn a:hover, .repairList .repairSendBtn a:hover {
    color: #f60;
}
.repairForm {
    position: relative;
}
.repairForm table {
    border: 1px solid #e8e8e8;
    border-bottom: none;
    width: 776px;
}
.repairForm table tr {
}
.repairForm table tr td {
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
    font-size: 13px;
    padding: 6px 0px;
}
.repairForm table tr td.title {
    background-color: #f7f7f7;
    border-right: 1px solid #e8e8e8;
    text-align: right;
    width: 149px;
}
.repairForm table tr td.title span {
    margin: 0px 10px 0px 0px;
    display: block;
}
.repairForm table tr td.title span.warning {
    margin: 0px 2px 0px 0px;
    display: inline-block;
}
.repairForm table tr td.info {
}
.repairForm table tr td.info input {
    margin: 0px 0px 0px 10px;
    vertical-align: middle;
    width: 312px;
}
.repairForm table tr.timeInterval td.info input {
    width: inherit;
    margin: 0px 5px 0px 10px;
}
.repairForm table tr.receiveType td.info input {
    width: inherit;
    margin: 0px 5px 0px 10px;
}
.repairForm table tr.prodCode td.info input {
    margin: 0 3px 0 10px;
}
.repairForm table tr.prodCode td.info span {
    color: #06f;
    margin: 0px 3px 0px 3px;
}
.repairForm table tr.prodCode td.info span:hover {
    color: #f60;
    cursor: pointer;
}
.repairForm table tr.prodFault td.info input {
    width: inherit;
    margin: 0px 5px 0px 10px;
}
.repairForm table tr.exterior td.info input {
    width: inherit;
    margin: 0px 5px 0px 10px;
}
.repairForm table tr.faultDescription td.info textarea {
    margin: 0px 10px;
    width: 310px;
}
.repairForm table tr.carryContent td.info input {
    width: 15px;
    margin: 0px 5px 0px 10px;
}
.repairForm table tr.carryContent td.info ul {
}
.repairForm table tr.carryContent td.info ul li {
    float: left;
    padding: 10px 0px;
    width: 180px;
}
.repairForm table tr.carryContent td.info ul li.other {
    width: 360px;
}
.repairForm table tr.carryContent td.info ul li.other .text {
    width: 80px;
    margin: 0px 5px 0px 5px;
}
.repairForm .sendBtn {
    width: 100%;
    display: block;
    margin: 10px 0px;
    text-align: center;
}
/*-------------------------------------------------------------------------------------------------------------
    連絡我們
-------------------------------------------------------------------------------------------------------------*/	
.map{
    width:930px;
    height:400px;
    display:block;
    margin:0px auto 10px;		
    }
.compInfo{
    margin:0px 0px 0px 15px;
    width:230px;
    float:left;
    display:block;
    }
.compInfo li.title{
    font-size:16px;
    color:#454545;
    font-weight:bold;
    height:35px;
    line-height:35px;	
    }
.compInfo li{
    font-size:13px;
    color:#666;
    line-height:20px;
    padding:3px 0px;
    display:inline-block;
    }
.compInfo li .name{
    width:56px;
    display:block;
    float:left;
    text-align:right;
    font-weight:bold;
    color:#787878;
    }
.compInfo li .txt{
    width:174px;
    display:block;
    float:left;
    }
.contactform{
    width:685px;
    float:left;
    display:block;	
    }
.contactform ul{}
.contactform ul li{
    width:228px;
    float:left;	
    }
.contactform ul li .name{
    font-size:13px;
    color:#666;
    height:36px;
    line-height:36px;	
    }
.contactform ul li .name span{
    margin:0px 0px 0px 15px;
    
    }	
.contactform ul li .info{
    background-image:url(/images/formInputBg.jpg);
    background-repeat:no-repeat;
    background-position: center center;
    height:36px;
    display:block;
    position:relative;
    }
.contactform ul li.customer .info input,
.contactform ul li.mail .info input,
.contactform ul li.phone .info input{
    width:188px;
    height:36px;
    line-height:36px;
    position:absolute;
    left:20px;
    border:none;
    background-color:transparent;	
    }		
    

    
.contactform ul li.contentInfo{
    float:none;
    clear:both;	
    }
    
.contactform ul li.title .info{
    width:652px;
    background-image:url(/images/formTitleBg.jpg);
    margin:0px 0px 0px 15px;	
    }
.contactform ul li.title .info input{
    width:647px;
    height:36px;
    line-height:36px;
    position:absolute;
    left:5px;
    border:none;
    background-color:transparent;		
    }		
        
.contactform ul li.contentInfo .name{
    
    }
.contactform ul li.contentInfo .info{
    width:652px;
    height:130px;
    background-image:url(/images/formTextAreaBg.jpg);
    margin:0px 0px 0px 15px;	
    }
.contactform ul li.contentInfo .info textarea{
    width:642px;
    height:120px;
    display:block;
    border:none;
    background-color:transparent;
    padding:4px;
    font-size:13px;
    }	
.contactform ul li.vCode .info{
    width:642px;
    background-position:15px center;
    }
.contactform ul li.vCode .info input,
.contactform ul li.vCode .info img{
    float:left;
    vertical-align:middle;
    }
.contactform ul li.vCode .info img{
    margin:3px 0px 0px;	
    }
.contactform ul li.vCode .info input{
    margin:5px 0px 0px 5px;	
    }	
.contactform ul li.vCode .info input.vcodeTxt{
    background-color: transparent;
    border: medium none;
    height: 36px;
    line-height: 36px;
    width: 183px;
    margin:0px 20px 0px 15px;
    padding:0px 0px 0px 5px;	
    }	
.contactform .sandBtn {
  height: 39px;
  margin: 20px 0 0;
  padding: 10px 0;
  position: relative;
  text-align: center;
}	
.contactform .sandBtn input {
  background-color: transparent;
  background-image: url("/images/inputBG_sendBtn.jpg");
  border: medium none;
  color: #ccc;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 39px;
  left: 50%;
  margin: 0 0 0 -71px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 141px;
}
.contactform .sandBtn input:active {
    top: 2px;
}
/*-------------------------------------------------------------------------------------------------------------
    ATM付款
-------------------------------------------------------------------------------------------------------------*/	
.payAtm{
    width:780px;
    margin:20px auto 50px;	
    }
.payAtm ul{
    width:780px;
    border:1px solid #e8e8e8;
    border-bottom:none;
    font-size:13px;
    line-height:36px;
    }
.payAtm ul.end{
    border-bottom:1px solid #e8e8e8;	
    }		
.payAtm ul li{
    float:left;
    height:36px;
    display:block;	
    }
.payAtm ul li.title{
    border-right:1px solid #e8e8e8;
    width:129px;
    background-color:#f2f2f2;
    text-align:right;
    }
.payAtm ul li.title span{
    margin:0px 10px 0px 0px;
    }	
.payAtm ul li.num{
    width:650px;	
    }
.payAtm ul li.num span{
    margin:0px 10px;
    display:block;	
    }	
.payAtm ul li.num span span{
    margin:0px;
    display:inline-block;
    color:#333;
    
    }	
.payAtm ul li.num select{
    margin:0px 0px 0px 10px;
    width:630px;	
    }	
.payAtm ul li.num input{
    margin:0px 0px 0px 10px;
    width:625px;	
    }	
.payAtm  p{
    width:500px;
    margin:0px auto 5px;
    text-align:right;	
    }	
.payAtm .sendBtn{
    text-align:center;
    display:block;
    margin:0px 0px 56px;
    }
.payAtm .sendBtn input{
    margin:0px 5px;
    
    }		
.payAtm .feedBack{
    margin:10px 0px;	
    }
.payAtm .feedBack h2{
    margin:20px 5px 10px;	
    }	
    
/*-------------------------------------------------------------------------------------------------------------
    信用卡付款
-------------------------------------------------------------------------------------------------------------*/	
.payCard{	
    }
.payCard ul{
    width:780px;
    margin:0px auto 50px;
    border:1px solid #e8e8e8;
    font-size:13px;
    line-height:36px;
    }	
.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:680px;	
    }
.payCard ul li.num select{
    margin:0px 0px 0px 10px;
    width:660px;	
    }	
.payCard  p{
    width:780px;
    margin:0px auto 5px;
    text-align:right;	
    }	
.payCard .sendBtn{
    text-align:center;
    display:block;
    margin:0px 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;
    }	
.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;
    
    }	



/*-------------------------------------------------------------------------------------------------------------
    頁尾
-------------------------------------------------------------------------------------------------------------*/	
.footerWrapper {
    width: 100%;
    min-height: 145px;
    display: block;
    clear: both;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #cfcfcf;
    border-top: 1px solid #dbdbdb;
}
.footerWrapper ul {
    float: left;
    width: 660px;
    display: block;
    margin: 10px 0px 0px 10px;
    font-size: 13px;
}
.footerWrapper ul.join {
    margin: 20px 0px 0px 35px;
}
.footerWrapper ul li {
    /*height: 20px;*/
    line-height: 20px;
    float: left;
    clear:both;
}
.footerWrapper ul li.contactList {
}
.footerWrapper ul li.contactList div {
    float: left;
    margin: 0px 13px 0px 0px;
}
.footerWrapper ul li .mail a {
    color: #333;
}
.footerWrapper ul li .mail a:hover {
    color: #06f;
}
.footerWrapper ul li.title {
    margin: 0px 0px 4px 0px;
}

    .footerWrapper .qrcode {
        width:75px;
        height:75px;
        display:block;
        float:left;
        clear:right;
        margin:8px 4px 8px 20px;
        padding:0px;
    }
        .footerWrapper .qrcode:first-child {
            margin:8px 4px;
        }
        .footerWrapper .qrcode.line,
        .footerWrapper .qrcode.fb {
            float:right;
            clear:none;
        }   
        .footerWrapper .qrcode img {
            width:100%;
            height:100%;
            padding:0px;
            margin:0px;
            border:none;
        }


    .footerWrapper .typeSwitch {
        margin:0px 1px;        
        float:none;
        clear:both;
        background-color:#efefef;
        height:23px;
        font-size:13px;
        line-height:23px;
        text-align:center;
    }
        .footerWrapper .typeSwitch a {
            padding:0px 10px;
            color:#333;

        }
            .footerWrapper .typeSwitch a:first-child {
                border-right:1px solid #333;
            }
             .footerWrapper .typeSwitch a.target,
            .footerWrapper .typeSwitch a:active,
            .footerWrapper .typeSwitch a:hover {
                color:#06f;
            }

    .footerWrapper .bh {
    }        
        .footerWrapper .bh .titleTxt {
            float:left;
            margin:0px 3px 0px 0px;
        }
        .footerWrapper .bh .week {
            float:left;
            margin:0px 3px;
        }
        .footerWrapper .bh .am {
            float:left;
            margin:0px 3px;
        }
        .footerWrapper .bh .pm {
            float:left;
            margin:0px 3px;
        }




.moreClause {
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: block;
    float: none;
    clear: both;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.moreClause ul {
    display: block;
    float: left;
    font-size: 13px;
    margin: 0px 10px;
    width: 180px;
}
.moreClause ul li {
    float: left;
    padding: 0px;
    padding: 0px 10px;
    height: 60px;
    line-height: 60px;
}
.moreClause ul li.provision {
    background-image: url(/images/menuLine.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 11px 0px 10px;
}
.moreClause ul li a:hover {
    color: #06f;
}
.moreInfo .copyright {
    color: #333;
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;    
    text-align: center;
    width:100%;
    float:none;
    clear:both;
    border-top:1px solid #aaa;   
}
    .moreInfo .copyright a {
         color:#333;
    }
        .moreInfo .copyright a:hover {
            color:#0033ff;

        }
.verTable {
    display: block;
    margin: 0px 0px;
    border: 1px solid #d1d1d1;
    border-bottom: none;
}
.verTable tr {
}
.verTable tr td {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    vertical-align: middle;
    background-image: url(/images/d1Bg.gif);
    background-position: right top;
    background-repeat: repeat-y;
}
.verTable tr td .arrow {
    color: #390;
}
.verTable tr.title td {
    font-size: 13px;
    text-align: center;
    width: 380px;
    font-weight: bold;
    background-color: #efefef;
    height: 30px;
    line-height: 30px;
    background-image: url(/images/d1Bg.gif);
    background-position: right top;
    background-repeat: repeat-y;
    border-bottom: 1px solid #d1d1d1;
}
.verTable tr.title td.specName {
    font-weight: normal;
    text-align: center;
    background-color: #fafcef;
}
.verTable tr td.end {
    background-image: none;
}
.verTable tr td.specName {
    text-align: left;
    color: #666;
}
.verTable tr td.specName span {
    margin: 0px 0px 0px 20px;
    font-weight: bold;
    color: #333;
    ;
}
.verTable tr.odd td {
    background-color: #fff;
}
.otherVar {
    border: 1px solid #d1d1d1;
    font-size: 13px;
    width: 780px;
}
.otherVar .mainTitle {
    width: 351px;
    height: 90px;
    vertical-align: middle;
    background-color: #fafcef;
    line-height: 24px;
}
.otherVar tr {
}
.otherVar tr td {
    background-image: url(/images/d1Bg.gif);
    background-position: right top;
    background-repeat: repeat-y;
    border-bottom: 1px solid #d1d1d1;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    color: #666;
}
.otherVar tr td.subTitle {
    text-align: center;
    background-color: #ebeee5;
    width: 426px;
}
.otherVar tr.odd td {
    background-color: #f9f9f9;
}
.otherVar tr td.boldTitle {
    font-weight: bold;
    line-height: normal;
    padding: 16px 0px;
    font-size: 12px;
}
.otherVar tr td.free {
    background-color: #fff;
}
.otherVar tr td.serverManage {
    width: 46px;
}
.otherVar tr td.sn {
    width: 26px;
    text-align: center;
}
.otherVar tr td.end {
    background-image: none;
}
.otherVar tr td.prodName {
    text-align: left;
    width: 300px;
}
.otherVar tr td.prodName span {
    margin: 0px 10px 0px 10px;
    line-height: 26px;
    display: block;
}
.otherVar tr td.tabelInfo.price {
    width: 40px;
}
.otherVar tr td.tabelInfo {
    width: 68px;
}
.downloadTable {
    margin: 20px 20px;
    width: 948px;
}
.downloadTable tr {
}
.downloadTable tr td {
    vertical-align: middle;
    height: 30px;
    font-size: 13px;
}
.downloadTable tr td.sn {
    width: 30px;
    text-align: center;
}
.downloadTable tr.title td {
    background-color: #efefef;
    font-size: 13px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
}
.downloadTable tr.file td {
    border-bottom: 1px solid #ececec;
    color: #777;
}
.downloadTable tr td.fileDownload {
    text-align: center;
}
.downloadTable tr td.fileDownload a {
    color: #09f;
}
.downloadTable tr td.fileDownload a:hover {
    color: #f60;
}

.bigAdv {
    background-color:#fff;
    padding:6px;
}

.advB {
clear: both;
height: 80px;
margin: 0 0px 8px -8px;
width: 744px;
display:block;
}
    .advB li {
        width:180px;
        height:80px;
        display:block;
        float:left;
        margin:2px;
        border:1px solid #efefef;
    }
        .advB li a {
            width:100%;
            height:100%;
            display:block;
        }
            .advB li a span {
                display:none;
            }

.outsideWrapper.prodDetails .advB {
  clear: both;
  display: block;
  height: 80px;
  margin: -11px 0 16px -11px;
  width: 744px;
}

.note .typeList li {
    float:left;
    margin:0px 10px 0px 0px;   
}
    .note .typeList li a {
        color:#09f;
    }
        .note .typeList li a:hover {
            color:#06f;
            text-decoration:underline;
                                    
        }


/* ---------------------------------------------------------------------------------------------------------------------
   購物車廣告
-----------------------------------------------------------------------------------------------------------------------*/
.shopCartAD {
    background-color:#f9f9f9;
    margin:0px 7px;
    display:block;   
    padding:7px 0px 0px;    
}


.shopCartAD .h_STPrdPPicItem {
    
    display: block;
    border-bottom: 1px solid #e0e0e0;
    margin: 0px 0px 10px;
}
.shopCartAD .h_STPrdPPicItem:hover {
    background-color: #F3F8FF;
}
.shopCartAD .h_STPrdPPicItem:hover .Po a {
    border: 1px solid #999;
}
.shopCartAD .h_STPrdPPicItem .info {
    float: left;
    width: 550px;
    display: block;
}
.shopCartAD .h_STPrdPPicItem .Na {
    margin: 0px 5px 5px;
    font-size: 13px;
    color: #1f5883;
    word-break: break-all;
    line-height: 32px;
    display: block;
    float: left;
    height: 32px;
}
.shopCartAD .h_STPrdPPicItem .Na a {
    font-size: 16px;
    color: #333;
    word-break: break-all;
    text-decoration: none;
    font-weight: bold;
}
.shopCartAD .h_STPrdPPicItem .Na a:hover {
    text-decoration: none;
}
.shopCartAD .h_STPrdPPicItem .shortdesc {
    font-size: 12px;
    line-height: 18px;
    margin: 0 5px 5px;
    color: #666;
    float: none;
    clear: both;
    height:18px;
    overflow:hidden;
}
.shopCartAD .h_STPrdPPicItem .Po {
    padding: 5px;
    width: 161px;
    height: 168px;
    display: block;
    text-align: center;
    position: relative;
    float: left;
}
.fastShop .h_STPrdPPicItem .Po .limited {
    background-image: url("/images/prodLimitedBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 159px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 159px;
}
.shopCartAD .h_STPrdPPicItem .Po .limited .hour {
    bottom: 10px;
    color: #db0000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 20px;
}
.shopCartAD .h_STPrdPPicItem .Po a:hover {
    border: 1px solid #999;
}
.shopCartAD .h_STPrdPPicItem .Po a {
    width: 150px;
    height: 150px;
    display: block;
    position: relative;
    z-index: 1;
    padding: 0px;
    margin: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #efefef;
    background-color: #fff;
}
.shopCartAD .h_STPrdPPicItem .Po a span.prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
}
.shopCartAD .h_STPrdPPicItem .inCartIcon {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    margin: -9px 0px 0px 0px;
    width: 82px;
    background-color: #4f95bd;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    background-image: url(/images/inCartIconBg.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
    text-align: left;
}
.shopCartAD .h_STPrdPPicItem .inCartIcon span {
    margin: 0px 0px 0px 19px;
}
.shopCartAD .h_STPrdPPicItem .Po * {
    vertical-align: middle;
}
.shopCartAD .h_STPrdPPicItem .Po img {
    display: inline-block;
    margin: 0 0 0 -4px;
    max-height: 150px;
    max-width: 150px;
}
.shopCartAD .h_STPrdPPicItem .Po i {
    width: 168px;
    height: 168px;
    display: none;
    position: absolute;
}
.shopCartAD .h_STPrdPPicItem .price {
    float: right;
    width: 200px;
}
.shopCartAD .h_STPrdPPicItem .price .suggested {
}
.shopCartAD .h_STPrdPPicItem .price ul {
}
.shopCartAD .h_STPrdPPicItem .price ul li {
    font-size: 13px;
    clear: both;
    height: 26px;
    line-height: 26px;
}

    .shopCartAD .h_STPrdPPicItem .price ul li.valuePrice {
        max-height:52px;
    }
        .shopCartAD .h_STPrdPPicItem .price ul li.valuePrice .numTxt {
            width:134px;
        }

.shopCartAD .h_STPrdPPicItem .price ul li .title {
    float: left;
    width: 66px;
    text-align: right;
}
.shopCartAD .h_STPrdPPicItem .price ul li .numTxt {
    float: left;
}
.shopCartAD .h_STPrdPPicItem .price ul li.suggested .title {
    color: #999;
}
.shopCartAD .h_STPrdPPicItem .price ul li.suggested .numTxt {
    color: #999;
    text-decoration: line-through;
}
.shopCartAD .h_STPrdPPicItem .price ul li.special .title {
}
.shopCartAD .h_STPrdPPicItem .price ul li.special .numTxt {
    
    color: #f60;
}
    .shopCartAD .h_STPrdPPicItem .price ul li.special .numTxt span.normalPrice {
        font-size: 12px;
        
    }
        .shopCartAD .h_STPrdPPicItem .price ul li.special .numTxt span.normalPrice span {
            font-size: 26px;
            margin:0px 2px 0px 0px;
            
        }

.shopCartAD .h_STPrdPPicItem .price ul li.special .numTxt .symbol {
    font-size: 13px;
}
.shopCartAD .h_STPrdPPicItem .price ul li.amountprice .title {
    width:50px;
}
.shopCartAD .h_STPrdPPicItem .price ul li.amountprice .numTxt {
    font-size: 20px;
    color: #f60;
}
.shopCartAD .h_STPrdPPicItem .price ul li.amountprice .numTxt .symbol {
    font-size: 13px;
}
.shopCartAD .h_STPrdPPicItem .price ul li.status .title {
}
.shopCartAD .h_STPrdPPicItem .price ul li.status .numTxt {
    font-weight: bold;
}
.shopCartAD .h_STPrdPPicItem .price ul li.status .on.numTxt {
    color: #019e01;
}
.shopCartAD .h_STPrdPPicItem .price ul li.status .off.numTxt {
    color: #db0000;
}
.shopCartAD .h_STPrdPPicItem .btnList {
    float: left;
    border-top: 1px dotted #979797;
    width: 748px;
    display: block;
    padding: 15px 0px;
    margin: 10px 0px 0px;
}
.shopCartAD .h_STPrdPPicItem .btnList li {
    float: left;
}
.shopCartAD .h_STPrdPPicItem .btnList li.buyNum {
    margin: 0px 5px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.buyNum select {
    width: 502px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.buyNum input {
    width: 36px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.addCartBtn:hover {
    margin: 2px 0px 0px 0px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.addWishListBtn:hover {
    margin: 2px 0px 0px 3px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn:hover {
    margin: 2px 0px 0px 3px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.addCartBtn {
    background-image: url("/images/addCart.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 81px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.addWishListBtn {
    background-image: url("/images/addWishListBtn.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 93px;
    margin: 0px 0px 0px 3px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn {
    background-image: url("/images/historicalPricesBtn.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    position: relative;
    width: 69px;
    margin: 0px 0px 0px 3px;
}
.shopCartAD .h_STPrdPPicItem .btnList li span {
    display: none;
}
.shopCartAD .h_STPrdPPicItem .btnList li a {
    width: 100%;
    height: 100%;
    display: block;
}
/**/





.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable {
    position: absolute;
    width: 324px;
    height: 120px;
    display: block;
    left: -255px;
    top: 34px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .arrow {
    width: 9px;
    height: 5px;
    display: block;
    background-image: url(/images/historyTableArrow.gif);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 30px;
    top: -4px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .closeBtn {
    position: absolute;
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(/images/closeBtn.gif);
    background-repeat: no-repeat;
    background-position: center center;
    right: -17px;
    top: 3px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .closeBtn a {
    width: 100%;
    height: 100%;
    display: block;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .overflow {
    width: 324px;
    height: 130px;
    display: block;
    overflow: auto;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title {
    margin: 0px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li:hover, .fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li:active {
    margin: 0px;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li {
    float: right;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 0px;
    border: 1px solid #e3e3e3;
    text-align: center;
    background-color: #f3f3f3;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title li span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title .tradingDate {
    width: 99px;
    border-right: none;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title .buyNum {
    width: 99px;
    border-right: none;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .title .buyPrice {
    width: 100px;
}
/**/	
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList {
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li:hover, 
.fastShop .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li:active {
    margin: 0px
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li {
    float: right;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 0px;
    border: 1px solid #e3e3e3;
    border-top: none;
    background-color: #fff;
    text-align: center;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList li span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList .tradingDate {
    width: 99px;
    border-right: none;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList .buyNum {
    width: 99px;
    border-right: none;
}
.shopCartAD .h_STPrdPPicItem .btnList li.historicalPricesBtn .historyTable .infoList .buyPrice {
    width: 100px;
}







.shopCartAD .STPrdPPicItem {
    width: 171px;
    height: 220px;
    display: block;
    float: left;
    border: 1px solid #e0e0e0;
    margin: 0px 7px 10px;
}
.shopCartAD .adtarget
{
    background-color: #F3F8FF!important;
}
.shopCartAD .STPrdPPicItem:hover {
    background-color: #F3F8FF;
    border: 1px solid #ccc;
}
.shopCartAD .STPrdPPicItem:hover .Po a {
    border: 1px solid #999;
}
.shopCartAD .STPrdPPicItem:hover .Na a {
    color: #333;
}
.shopCartAD .STPrdPPicItem .Po {
    padding: 5px;
    width: 161px;
    height: 168px;
    display: block;
    text-align: center;
    position: relative;
}
.shopCartAD .STPrdPPicItem .Po .limited {
    background-image: url("/images/prodLimitedBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 159px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 159px;
}
.shopCartAD .STPrdPPicItem .Po .limited .hour {
    bottom: 10px;
    color: #db0000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 20px;
}
.shopCartAD .STPrdPPicItem .Po a:hover {
    border: 1px solid #999;
}
.shopCartAD .STPrdPPicItem .Po a {
    width: 150px;
    height: 150px;
    display: block;
    position: relative;
    z-index: 1;
    padding: 0px;
    margin: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #efefef;
    background-color: #fff;
}
.shopCartAD .STPrdPPicItem .Po a span.prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
}
.shopCartAD .STPrdPPicItem .Po * {
    vertical-align: middle;
}

.shopCartAD .STPrdPPicItem .Po img {
    display: inline-block;
    max-height: 150px;
    max-width: 150px;
    margin:0px 0px 0px -4px;
}

.shopCartAD .STPrdPPicItem .Na {
    margin: 0px 5px 10px;
    font-size: 13px;
    color: #1f5883;
    word-break: break-all;
    line-height: 15px;
    height: 32px;
    display: block;
}
.shopCartAD .STPrdPPicItem .Na a {
    width: 150px;
    font-size: 13px;
    color: #999;
    word-break: break-all;
    text-decoration: none;
}
.shopCartAD .STPrdPPicItem .Na a:hover {
    text-decoration: none;
}
.shopCartAD .STPrdPPicItem .inCartIcon {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    margin: -9px 0px 0px 0px;
    width: 82px;
    background-color: #4f95bd;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    background-image: url(/images/inCartIconBg.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
    text-align: left;
}
.shopCartAD .STPrdPPicItem .inCartIcon span {
    margin: 0px 0px 0px 19px;
}
.shopCartAD .STPrdPPicItem .Po a span.prodPromoIcon {
    background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
}
.shopCartAD .prodInfoList {
    float:none;
    clear:both;
}
.otherProd .prodInfoList {
    background-color:#f9f9f9;
    margin:0px 7px 15px;
    padding:0px 0px 7px 0px;
    border-top:1px solid #dfdfdf;

}


    .otherProd .prodInfoList .itemInfo {
    }
        .otherProd .prodInfoList .itemInfo li {
            float:none;
            clear:both;
            font-size:13px;
            line-height:26px;
         
        }
            .otherProd .prodInfoList .itemInfo li .name {
                float:left;
                margin:0px 2px 0px 0px;
                padding:0px 0px 0px 7px;
                width:60px;
                display:block;
            }
            .otherProd .prodInfoList .itemInfo li .info {
                float:left;
            }
            .otherProd .prodInfoList .itemInfo li.itemSpec {

            }
            .otherProd .prodInfoList .itemInfo li.itemSpec span{
                margin:0px 7px;                
                display:block;
                height:26px;
                overflow:hidden;
            }
            .otherProd .prodInfoList .itemInfo li .orderInput {
            }
                .otherProd .prodInfoList .itemInfo li.orderInput .options {
                }
                    .otherProd .prodInfoList .itemInfo li.orderInput .options select {
                        width:300px;
                    }
                    .otherProd .prodInfoList .itemInfo li.orderInput .options input.tBamount {
                        width:30px;
                    }
            .otherProd .prodInfoList .itemInfo li.orderBtn input{
                margin:10px 7px;
            }


.marquee {
    width:100%;
    overflow:hidden;
    height:30px;
    line-height:30px;
    margin:5px 0px 7px;   
    border-bottom:1px solid #ececec;
}
    .marquee a {
        margin:0px 20px 0px 0px;
        font-size:13px;
        color:#06f;
    }
        .marquee a:hover {
            color:#f60;
            text-decoration:underline;
        }

.searchTitle,
.titleSort {
    position:relative;
}
    .searchTitle .sortList,
    .titleSort .sortList  {
        top: 6px;
    }

.tagGroup {
border-top: 1px dotted #aaa;
margin: 0 auto;
padding: 10px 10px 6px;
margin:0px;
position: relative;
width: 704px;
    
}
.infoDetails.prodTag .tagGroup {
    border:none;
    padding: 10px 0px 6px;

    width:100%;
}

.tagGroup li.rArrowTag{
    font-size:12px;
    position:relative;
    display:inline-block!important;

    background-color:#f3f3f3;
    border:1px solid #e8e7e7;	
    margin:0px 21px 8px 8px !important;

    height:21px;
    line-height:23px!important;
    float:left;
    padding:0px 8px 0px 5px;

    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;    
    }


.tagGroup li.rArrowTag .rArrow{
    background-image:url(/images/tagArrow_L.png);
    background-repeat:no-repeat;
    background-position:center;
    width:18px;
    height:23px;
    display:block;
    position:absolute;
    left:-18px;
    top:-1px;

    }

.tagGroup li.rArrowTag:hover{
    border:1px solid #e6571f;
    background-color:#e6571f;
    cursor:pointer;
    color:#fff;
    }
    .tagGroup li.rArrowTag a {
        color:#333;
    }
    .tagGroup li.rArrowTag:hover a {
        color:#fff;
    }

.tagGroup li.rArrowTag:hover .rArrow{
    background-image:url(/images/tagArrowHover_L.png);
    }

.hotWorld {
    width:100%;
    overflow:hidden;
    border-bottom:1px solid #ececec;
    height:26px;
    line-height:26px;
}
    .hotWorld ul {
        width:100%;

    }
        .hotWorld ul li {
            float:left;
            font-size:12px;
            margin:0px 6px 0px 0px; 
        }
        .hotWorld ul li.title {
        }
            .hotWorld ul li a {
                color:#0066ff;;
            }
                .hotWorld ul li a:hover {
                    color:#ff6600;
                }
                .hotWorld ul li a span {
                }


.prodPromo .adInfo {
    /*float: right;*/
    width: 196px;
    padding: 0px 0px 0px 0px;
    background-color:#fcfcfc;
    z-index:100;
    /*background-image: url("/images/shopPromPCFP.jpg");*/
    background-position: left top;
    background-repeat: repeat-y;
    color:#666;
    /*display: block;
    margin: 0;
    width: 190px;*/
    position:absolute;
    right: -207px;
    top: -39px;
    margin:0px;

    
}



    .prodPromo .adInfo .buy {


    }
        .prodPromo .adInfo .buy .btn {
            text-align:center;
            width:100px;
            margin:6px auto;


        }


    .prodPromo .adInfo .currentPrice {
        margin:6px;
        font-size:13px;
        height:16px;
        line-height:16px;
    }

        .prodPromo .adInfo .currentPrice .txt {
            width:70px;
            display:block;
            float:left;
            text-align:right;                
        }
        .prodPromo .adInfo .currentPrice .num {
            width:90px;
            display:block;
            float:left;
            text-align:right;
        }
        .prodPromo .adInfo .currentPrice .unit {
            float:right;
            display:block;
            margin:0px 2px 0px 0px;
            
        }
        .prodPromo .adInfo .currentPrice.limit {
            padding:6px 0px;
        }
        .prodPromo .adInfo .currentPrice.limit .num {
            color:#db0000;
            font-weight:bold;
        }

        .prodPromo .adInfo .currentPrice.prod .num{
             width:70px;
        }
        .prodPromo .adInfo .currentPrice.prod .unit{
            margin:0px 2px 0px 0px;

        }

    .prodPromo .adInfo .currentNum {
        margin:6px;
        font-size:13px;
    }
        .prodPromo .adInfo .currentNum .txt {
            width:70px;
            display:block;
            float:left;
            text-align:right;   
        }
        .prodPromo .adInfo .currentNum .num {
            width:90px;
            display:block;
            float:left;
            text-align:right;
        }
        .prodPromo .adInfo .currentNum .unit {
            float:right;
            display:block;
            margin:0px 2px 0px 0px;
            
        }

/*購物車 促銷區*/
.sPC {
    border-collapse: collapse;
    border-spacing: 2px;
}

    .sPC th {
        text-align: center;
        padding:6px 0;
        background:#fffdd1;
    }

    .sPC .th1 {
        width: 60px;
    }

    .sPC .th2 {
        width: 90px;
    }

    .sPC .th3 {
        width: 150px;
    }

    .sPC .th4 {
        width: 500px;
    }

    .sPC .th5 {
        width: 90px;
    }
    .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: 90px;
        text-align: center;
    }

    .sPC .td3 {
        width: 150px;
        text-align: left;        
    }
    .sPC .td3 a {
        width: 150px;
        text-align: left;
        color:#1f9883;
        text-decoration:none;
    }
    .sPC .td3 a:hover {
        width: 150px;
        text-align: left;
        color:#F00;
        border-bottom:1px solid #F00;
        
    }

    .sPC .td4 {
        width: 500px;
        text-align: left;
    }

    .sPC .td5 {
        width: 70px;
        text-align: right;
        padding-right: 5px;
    }

    .sPC .td4 .item .s1 {
        display: inline-block;
        width: 100px;
        padding-left: 10px;
        color:#9f00ff;
    }
    .sPC .td4 .item .s1 a {
        display: inline-block;
        width: 100px;
        line-height:1.4em;
        color:#9f00ff;
        text-decoration:none;
    }
    .sPC .td4 .item .s1 a:hover {
        display: inline-block;
        width: 100px;        
        color:#F00;        
    }

    .sPC .td4 .item .s2 {
        display: inline-block;
        width: 180px;
        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: 30px;
        text-align: right;
        color: red;
    }
    
/* pCombo_Items.aspx */
.pComboItemList {
    width: 780px;
    margin-top:12px;
    float: left;
}

    .pComboItemList .item {
        width: 130px;
        height: 210px;
        padding-top: 10px;
        float: left;
        border-bottom: 1px #ccc solid;
    }

        .pComboItemList .item:hover {
            background-color: #e7f5fd;
        }

        .pComboItemList .item .pic {
            height: 120px;
            text-align: center;
        }

            .pComboItemList .item .pic * {
                vertical-align: middle;
            }

            .pComboItemList .item .pic i {
                height: 100%;
                display: inline-block;
            }

            .pComboItemList .item .pic img {
                cursor:pointer;
                max-width: 120px;
                max-height: 120px;
            }

        .pComboItemList .item .icode {
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 12px;
            color: blue;
        }

        .pComboItemList .item .iname {
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 12px;
            color: #0B61A4;
            overflow:hidden;
        }

        .pComboItemList .item .num {
            height: 20px;
            line-height: 20px;
            color:red;
            text-align:center;
            font-size:16px;
            font-weight:bold;
            letter-spacing:2px;
            text-align:right;
        }

        .pComboItemList .item .sys {
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

            .pComboItemList .item .sys .iunit {
                font-size: 16px;
                color: red;
            }

            .pComboItemList .item .sys .add {
                cursor: pointer;
            }

.pComboCar {
    margin-left: 10px;
    width: 200px;
    float: right;
}

.pComboCarList { /* total 200px */
    /*border: solid 2px #0B61A4;*/
    width: 196px;
    height: 284px;
    overflow: auto;
}

    .pComboCarList .item {
        border-bottom: solid 1px #ccc;
        margin: 5px 0px;
        padding:0px 5px 10px 5px;
    }

        .pComboCarList .item .icode {
            height: 20px;
            overflow: hidden;
            line-height: 20px;
            text-align:left;
            /*color: #0B61A4;*/
        }

        .pComboCarList .item .iname {
            height: 20px;
            overflow: hidden;
            line-height: 20px;
            /*color: #0B61A4;*/
        }

        .pComboCarList .item .sys {
        }

            .pComboCarList .item .sys .add, 
            .pComboCarList .item .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: 30px;
                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: 20px;
                    text-align: right;
                }

.pComboCarInfo .buy {
    text-align: center;
    border-bottom: solid 1px #ccc;
    margin: 10px 10px 0 10px;
    padding-bottom: 10px;
}

.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;
    }

.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;
        }

.ListN {
    font-size:13px;
    font-weight:bolder;
    border-top:1px dotted #aaa;
}
.promotionsList{
    /*border:1px solid #9c0608;*/
    /*margin: 0 5px 5px;*/
    /*width: 778px;*/	
    /*padding-top:0px!important;*/
    }
.promotionsList .title{
    width:100%;
    height:25px;
    display:block;
    line-height:25px;
    border-left: 1px solid #fcfcfc;
    border-radius: 10px 10px 0 0;
    border-right: 1px solid #fcfcfc;
    border-top: 1px solid #fcfcfc;
    background-image:url(/Images/promotionsListTitleBg.gif);
    background-repeat:repeat-x;
    background-position:center top;
    }
    .promotionsList .title span{
        color:#fff;
        text-align:center;
        padding-left:3px;
        font-size:16px;
        font-weight:bold;
        margin-right:10px;		
        }
    .promotionsList .title a{
        color:#ffcd02; 
        font-weight:bold; 
        text-decoration:underline;		
        }	
    .promotionsList .item{
        width:160px;
        height:inherit;
        margin:11px 10px 0px;		
        float:left;
        }
    .promotionsList .pmListModel{
        width:744px;
        /*padding:0px;*/
        display:block;	
        }
        .promotionsList .item .title{
            background-image:url(/Images/promotionsListItemBg_new.gif);
            background-repeat:no-repeat;
            background-position:center top;
            padding:0px;
            width:160px;
            height:51px;
            display:block;
            position:relative;
            border-left: 0px solid #fcfcfc;
            border-radius: 0px 0px 0 0;
            border-right: 0px solid #fcfcfc;
            border-top: 0px solid #fcfcfc;
            }
        .promotionsList .item .title .name{
            width:130px;
            height:51px;
            display:block;		
            margin:0px 0px 0px 28px;
            padding:2px 0px 0px 0px;
            position:relative;
            }
        .promotionsList .item .title .name a{
            width:100%;
            font-size:13px;
            font-weight:normal;
            display:block;
            padding:0px;
            line-height:15px;			
            
            }
        .promotionsList .item .title .time{
            position:absolute;
            right:2px;
            bottom:2px;
            padding:0px;
            margin:0px;
            font-size:10px;
            color:#FFF;
            }
        .promotionsList .item .desc{
            width:160px;
            height:160px;
            display:block;
            margin:0px;
            padding:0px;
            position:relative;			
            }
            .promotionsList .item .desc .promoIcon {
             background-image: url("/images/prodPromoIcon.png");
                background-position: center center;
                background-repeat: no-repeat;
                display: block;
                height: 121px;
                left: -12px;
                position: absolute;
                top: -12px;
                width: 124px;
            }
        .promotionsList .item .desc a{
            width:158px;
            height:158px;
            display:block;
            padding:4px;						
            }	
        .promotionsList .item .desc	img{
            width:158px;
            height:158px;
            display:block;			
            }						
        .promotionsList .moreLink{
            width:100%;
            display:block;
            margin:10px 0px;
            text-align:right;		
            }
        .promotionsList .moreLink a{
            margin:0px 5px 0px 0px;
            color:#0000fe;
            text-decoration:underline;
            font-weight:bold;
            }
        .promotionsList .moreLink a:hover{
            color:#0000fe;
            text-decoration:underline;			
            }
    /**/
/*------promotionList.aspx------*/
.promotionsList2 .title{
    width:100%;
    height:25px;
    display:block;
    line-height:25px;
    border-left: 1px solid #fcfcfc;
    border-radius: 10px 10px 0 0;
    border-right: 1px solid #fcfcfc;
    border-top: 1px solid #fcfcfc;
    background-image:url(/Images/promotionsListTitleBg.gif);
    background-repeat:repeat-x;
    background-position:center top;
    }
    .promotionsList2 .title span{
        color:#fff;
        text-align:center;
        padding-left:3px;
        font-size:16px;
        font-weight:bold;
        margin-right:10px;		
        }
    .promotionsList2 .title a{
        color:#ffcd02; 
        font-weight:bold; 
        text-decoration:underline;		
        }	
.promotionsList2 .pmListModel {
width: 940px;
padding: 5px 2px;
display:block;
}

.promotionsList2 .pmListModel .item {
width: 220px;
height: 260px;

float: left;
margin: 10px 5px;
}

    .promotionsList2 .pmListModel .item .time {
        color:#333; 
        text-align:center; 
        font-size:13px;
    }

.promotionsList2 .pmListModel .item .title {
            background-image:url(/images/promotion/Titbk_new.jpg);
            background-repeat:no-repeat;
            background-position:center top;
            padding:0px;
            width:220px;
            height:51px;
            display:block;
            position:relative;
            padding-left:15px;
            border-left: 0px solid #fcfcfc;
            border-radius: 0px 0px 0 0;
            border-right: 0px solid #fcfcfc;
            border-top: 0px solid #fcfcfc;
}

.promotionsList2 .pmListModel .item .title .name {
height: 25px;
margin-bottom: 3px;
width: 200px;
padding-top: 2px;
font-size:15px;
}

.promotionsList2 .pmListModel .item .title .name a {
height: 25px;
width: 177px;
color:#ffcd02;
font-size: 16px;
font-weight: bold;
line-height:1.2em; 
text-decoration:none;
display:block;
padding:4px 0px 0px 35px ;
}


.promotionsList2 .pmListModel .item .title .time {
font-size: 12px;
color: #FFF;
height: 20px;
text-align: right;
padding-right: 15px;
}

.promotionsList2 .pmListModel .item .desc {
/*padding: 5px;*/

}
    .promotionsList2 .pmListModel .item .desc a {
        position:relative;
        width:100%;
        height:100%;
        display:block;
    }
        .promotionsList2 .pmListModel .item .desc a .promoIcon {
             background-image: url("/images/prodPromoIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 121px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 124px;
        }
.promotionsList2 .pmListModel .item .desc img {
width: 200px;
height: 200px;
border: 0;
}

.infoDetails .prodFaq.tabStrip .tabContent .contentInfo .issueForm table tr td.info .privacyChk input {

    width:10px;
}

.Promotions.specbg {
    width:100%;
    height:100%;
    position:fixed;
    background-color:rgba(0,0,0,0.75);
    display:block;
    z-index:999;
    left:0;
    top:0;
    overflow:auto;
}

    .Promotions.specbg .specContent {
        width:912px;
        height:calc(100% - 110px);
        margin:30px auto;
        background-color:#fff;
        padding:25px;
        overflow:auto;  
    }

    .Promotions.specbg .specContent  .specProdTitle{        
        width:100%;
        font-size:20px;
        color:#333;
        font-weight:bold;
        margin:0px 0px 20px 0px;
    }

        .Promotions.specbg .specContent .photo {
            width:312px;
            height:312px;            
            float:left;
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .Promotions.specbg .specContent .prodInfo {
            width:520px;
            margin-left:50px;            
            display:block;
            float:right;
            font-size:13px;           
            
        }
        .Promotions.specbg .specContent .specTitle {
            width:calc(100% - 12px);
            padding:0px 6px;
            height:30px;
            background-color:#efefef;
            line-height:30px;            
        }

        .Promotions.specbg .specContent .specInfo {
            width:calc(100% - 12px);
            padding:15px 6px;
        }
            .Promotions.specbg .specContent .specInfo.price {
                color:#e71f19;
                font-size:16px;
                font-family:Arial;
            }
        .Promotions.specbg .specContent .specItem {
            width:100%;
            clear:both;
            float:none;
        }

            .Promotions.specbg .specContent .specItem .selectSpecTitle {
                width:100%;
                padding:15px 6px;
                font-size:20px;
                float:none;
                clear:both;

            }
            .Promotions.specbg .specContent .specItem .specSelect {

            }
                .Promotions.specbg .specContent .specItem .specSelect ul {
                    margin:0px;
                    padding:15px 6px;
                    width:calc(100% - 12px);
                }
                    .Promotions.specbg .specContent .specItem .specSelect ul li {
                        float:left;
                        height:30px;
                        line-height:30px;
                        margin-right:5px;
                        border:1px solid #bababa;
                        transition:all 0.25s;
                        color:#333;
                    }
                        .Promotions.specbg .specContent .specItem .specSelect ul li label {
                            cursor:pointer;
                            height:30px;
                            padding:5px;
                        }
                        .Promotions.specbg .specContent .specItem .specSelect ul li input {
                            vertical-align:middle;
                            cursor:pointer;
                        }
                    .Promotions.specbg .specContent .specItem .specSelect ul li.disable {
                        opacity:0.25;
                        cursor:default;
                        color:#333;
                    }
                        .Promotions.specbg .specContent .specItem .specSelect ul li.disable:hover {
                            border:1px solid #bababa;
                            cursor:default;
                            
                        }
                            .Promotions.specbg .specContent .specItem .specSelect ul li.disable:hover label {
                                color:#333;
                            }

                            .Promotions.specbg .specContent .specItem .specSelect ul li.disable:hover label,
                            .Promotions.specbg .specContent .specItem .specSelect ul li.disable:hover input {
                                cursor:default;
                            }

                        .Promotions.specbg .specContent .specItem .specSelect ul li:hover,
                        .Promotions.specbg .specContent .specItem .specSelect ul li.target {
                            border:1px solid #e71f19;
                        }
                            .Promotions.specbg .specContent .specItem .specSelect ul li:hover label,
                            .Promotions.specbg .specContent .specItem .specSelect ul li.target label {
                                color:#e71f19;
                            }

        .Promotions.specbg .specContent .specFn {
            width:100%;
            display:block;
            margin:30px 0px 0px 0px;

        }

            .Promotions.specbg .specContent .specFn .specNum {
                width:208px;
                height:38px;
                display:block;
                margin:0px auto 18px;
                position:relative;
                border:1px solid #c7c7c7;
            }
                .Promotions.specbg .specContent .specFn .specNum .numAdd {
                    width:38px;
                    height:36px;
                    display:block;
                    float:left;

                }
                .Promotions.specbg .specContent .specFn .specNum .numVal {
                    width:calc(208px - 76px);
                    height:36px;
                    display:block;
                    float:left;
                    text-align:center;
                    line-height:36px;
                    font-size:16px;
                    

                }
                .Promotions.specbg .specContent .specFn .specNum .numCut {
                    width:38px;
                    height:36px;
                    display:block;
                    float:right;
                }
                    .Promotions.specbg .specContent .specFn .specNum .numAdd button,
                    .Promotions.specbg .specContent .specFn .specNum .numCut button {
                        width:38px;
                        height:38px;
                        border:none;
                        font-size:32px;
                        color:#454545;
                        background-color:#fefefe;
                        cursor:pointer;
                    }
                        .Promotions.specbg .specContent .specFn .specNum .numAdd button:hover,
                        .Promotions.specbg .specContent .specFn .specNum .numCut button:hover {
                            background-color:#efefef;
                        }
                        .Promotions.specbg .specContent .specFn .specNum .numAdd button:active,
                        .Promotions.specbg .specContent .specFn .specNum .numCut button:active{
                            color:#000;
                        }

            .Promotions.specbg .specContent .specFn .prodDel,
            .Promotions.specbg .specContent .specFn .prodClose {
                width:210px;
                height:38px;
                line-height:38px;
                display:block;
                margin:0px auto 18px;                                             
            }
                .Promotions.specbg .specContent .specFn .prodDel button,
                .Promotions.specbg .specContent .specFn .prodClose button {
                    width:100%;
                    height:100%;
                    background-color:#494848;
                    border:0;
                    color:#efefef;
                    opacity:0.75;
                    cursor:pointer;
                }
                    .Promotions.specbg .specContent .specFn .prodDel button:hover,
                    .Promotions.specbg .specContent .specFn .prodClose button:hover {
                        opacity:0.85;
                    }
                    .Promotions.specbg .specContent .specFn .prodDel button:active,
                    .Promotions.specbg .specContent .specFn .prodClose button:active {
                        opacity:1;
                        background-color:#333;
                    }

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

    店家文章發布區
-----------------------------------------------------------------------------------------------------------------------------------------------*/

.Article .ArticleList {
    margin: 0px 5px;
}
.Article .ArticleList table {
    width: 100%;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    margin: 0px 0px 15px 0px;
}
.Article .ArticleList table tr {
}
.Article .ArticleList table tr th {
    height: 32px;
    line-height: 32px;
    background-color: #f2f2f2;
    text-align: center;
    border-bottom: 2px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 13px;
    color: #333;
}
.Article .ArticleList table tr.title {
}
.Article .ArticleList table tr.title th.orderNo {
    width: 115px;
}
.Article .ArticleList table tr.title th.logistics {
    /*width: 77px;*/
    width: 128px;
}
.Article .ArticleList table tr.title th.payment {
    width: 122px;
}
.Article .ArticleList table tr.title th.orderDate {
    width: 95px;
}
.Article .ArticleList table tr.title th.orderPrice {
    /*width: 128px;*/
    width: 77px;
}
.Article .ArticleList table tr.title th.orderBonus {
    width: 78px;
}
.Article .ArticleList table tr.title th.orderStatus {
    width: 77px;
}
.Article .ArticleList table tr.title th.options {
    width: 75px;
}
.Article .ArticleList table tr td {
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    height: 26px;
    line-height: 26px;
    padding: 10px 0px;
    color: #787878;
}
.Article .ArticleList table tr.info td {
}
.Article .ArticleList table tr.info td.orderNo {
}
.Article .ArticleList table tr.info td.orderNo .number {
    display: block;
    line-height: 18px;
}
.Article .ArticleList table tr.info td.orderNo .details {
    display: block;
    line-height: 18px;
    color: #06f;
}
.Article .ArticleList table tr.info td.orderNo .details:hover {
    color: #f60;
}
.Article .ArticleList table tr.info td.logistics {
}
.Article .ArticleList table tr.info td.payment {
}
.Article .ArticleList table tr.info td.payment a {
    color: #06f;
}
.Article .ArticleList table tr.info td.payment a:hover {
    color: #f60;
}
.Article .ArticleList table tr.info td.orderDate {
}
.Article .ArticleList table tr.info td.orderPrice {
}
.Article .ArticleList table tr.info td.orderBonus {
}
.Article .ArticleList table tr.info td.orderStatus {
}
.Article .ArticleList table tr.info td.options {
}

.orderEvaluate {
}

    .orderEvaluate .starList {               
        font-size:13px;
       
        position:relative;
        vertical-align:middle;  
        width:80%;
        display:block;

        margin:30px 10%;      
    }
        .orderEvaluate .starList br {
            display:none;
            visibility:hidden;
        }
        .orderEvaluate .starList input { 
            float:left;         
           
        }
        .orderEvaluate .starList label {
            height:18px;
            line-height:18px;
            vertical-align:middle;
            display:table-cell;
            float:left;
            margin:0px 10px 0px 0px;    
            
        }
        .orderEvaluate .starList .star {
            background-image:url(/Images/StarL.png);
            width:18px;
            height:18px;
            display:inline-block;
            vertical-align:bottom;
                      
        }
        .orderEvaluate .starList .star2 {
            background-image:url(/Images/StarL.png);
            width:36px;
            height:18px;
            display:inline-block;
            vertical-align:bottom;

        }
        .orderEvaluate .starList .star3 {
            background-image:url(/Images/StarL.png);
            width:54px;
            height:18px;
            display:inline-block;
            vertical-align:bottom;

        }
        .orderEvaluate .starList .star4 {
            background-image:url(/Images/StarL.png);
            width:72px;
            height:18px;
            display:inline-block;
            vertical-align:bottom;
        }
        .orderEvaluate .starList .star5 {
            background-image:url(/Images/StarL.png);
            width:90px;
            height:18px;
            display:inline-block;
            vertical-align:bottom;

        }

    .orderEvaluate .txt {
        width:80%;
        height:150px;
        margin:16px 10%;

    }
        .orderEvaluate .txt textarea {
            width:100%;
            height:100%;
            display:block;
        }
    .orderEvaluate .btnList {
        text-align:center;
        margin:16px 0px;
        float:none;
        clear:both;
    }



ul.focusSale {
    padding: 0 0 0 0px !important;
    width: 215px !important;
}
    ul.focusSale li {        
    }
    .focusSale .promoBtn {
        background-color:#f25b50;
    }
        .focusSale .promoBtn:hover {
             background-color:#f44336;
        }


    .focusSale .specialBtn {
        background-color:#78acdd;
    }
     .focusSale .specialBtn:hover {
        background-color:#5fa1e0;
    }

    
    .focusSale .newBtn {
        background-color:#fc7b26;
    }
    .focusSale .newBtn:hover {
        background-color:#ff6600;
    }    
    .focusSale .mainBtn {
        background-color:#17a194;        
    }
        .focusSale .mainBtn:hover {
            background-color:#009688; 
        }
        ul.focusSale li a {
            color:#fff;
        }
            ul.focusSale li a:hover {
                color:#fff !important;    
            }
        ul.focusSale li a span{
            padding:0px 5px 0px 16px;
    
    }

.preorder {
    float:none;
    clear:both;
    line-height:30px;
    font-size:16px;
    margin:10px 0px; 
    display:block;
    width:100%;
}



    .preorder .period {
        float:left;
        width:49%;
        text-align:left;
        padding:0px 0px 0px 1%;

    }
    .preorder .shipments {
        float:left;
        width:49%;

    }
    .preorder .favorable {
        float:left;
        width:100%;
        text-align:right;
        font-size:16px;
    }
    .preorder .group {       
        height:36px;
        line-height:36px;
        margin:0px 0px 6px 0px;
        background-color:#fb6964;
        color:#fff;        
        text-align:right;
    }


    .preorder .list {
        display:table;
        font-size:16px;
        width:100%;
    } 

.preorder .discTxt {       
    display:table-cell;
}

    .preorder .heapNum {
        width:30%;       
        text-align:right;       
        display:table-cell;
        vertical-align:bottom;
    }




    .preorder .favorable span,
    .preorder .discTxt span,
    .preorder .heapNum span {
        color:#f00;
        margin:0px 2px;
    }

/*-------------------------------------------------------------------------------------------------------------
    贈品
-------------------------------------------------------------------------------------------------------------*/	

.preorder {
    float: none;
    clear: both;
    margin: 15px 0px;
}
.preorder .tabStrip {
}
.preorder .tabStrip .tabBtn {
    margin: 0px 1px;
}
.preorder .tabStrip .tabBtn li {
    background-color:#fbcac9;
    /*background-image: url(/images/infoDetailsTabBtnBg.gif);*/
    background-repeat: repeat-x;
    height: 27px;
    line-height: 27px;
    border: none;
    font-size: 13px;
    margin: 0px 2px 0px 0px;
    border: 1px solid #fb6964;
    border-bottom: none;
    cursor: pointer;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.preorder .tabStrip .tabBtn li.target {
    background-color:#f44336;
    /*background-image: url(/images/infoDetailsTabBtnBg_target.gif);*/
    color: #fff;
    font-size:16px;
    cursor:default;
}
.preorder .tabStrip .tabBtn li span {
    padding: 0px 10px;
}
.preorder .tabContent {
    float: none;
    clear: both;
    border: 1px solid #fb6964;
}
.preorder .tabContent .contentInfo {
    padding: 8px;
    font-size: 13px;
    line-height: 23px;
}
.preorder .tabContent .contentInfo b {
    font-weight: bold;
}
.preorder .tabContent .contentInfo ul {
    margin: 0px 0px 0px 15px;
}
.preorder .tabContent .contentInfo ul li {
    display: list-item;
    list-style: disc;
    margin: 0px 0px 8px;
    line-height: 22px;
}


.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;

                }

.myAccount .orderList.shippingInfo table tr td.options a.btn {
    background-color:#3078c0;
    padding:5px;
    color:#fff;    
}
    .myAccount .orderList.shippingInfo table tr td.options a.btn:hover {
        background-color:#515356;  
        padding:5px;
        color:#fff;    
    }

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.map_Search {
    display: block;
    height: 36px;
    line-height:36px;
    margin: 0 auto 10px;
    width: 918px;
    padding:0px;
    background-color:#f7f7f7;
    padding:5px;
    border:1px solid #ececec;
}
    .map_Search li {
        float:left;
        margin:0px 10px 0px 0px;
    }

.storeList {
    width:930px;
    margin:0 auto 30px;
}

    .storeList table {
        width:100%;
    }
        .storeList table th {
            width:300px;
            text-align:center;
            border-bottom:1px solid #cfcfcf;
            height:36px;
            line-height:36px;
            font-weight:bold;
            vertical-align:middle;
        }
            .storeList table th.name {
            text-align:left;
            }
            .storeList table th span {
            margin:0px 10px;
            }
    .storeList table th:last-child {
            width:30px !important;
        }

        .storeList table td {
            text-align:center;
            font-size:13px;
            padding:8px 0px;
            border-bottom:1px solid #efefef;
            vertical-align:middle;
        }
        .storeList table tr:nth-child(odd) td {
            background-color:#fcfcfc;
        }
            .storeList table td a {
                width:100%;
                height:100%;
            }
            .storeList table td img {
                vertical-align:middle;
            }
        .storeList table td.name {
            text-align:left;
        }
        .storeList table td.name {
            padding:0 10px;
        }

            .storeList table td .storeNo {
                margin:0px 6px;               
                border: 2px solid #fff;
                border-radius: 20px;
                color: #fff;
                font-weight: bold;
                line-height: 24px;
                text-align: center;
                width: 24px;
                height:24px;
                display:inline-block;
                background-color:#0066ff;
                font-family:"Okomito-Bold";
            }


.bankPrice {
    border: 0px solid blue; 
    font-size: 24px;     
    padding: 20px 0; 
    margin: 10px 10px 0px 10px; 
    text-align: center;
    background-color:#fcf3e1;
    font-size:20px;
    font-family:"微軟正黑體";
    
}

    .bankPrice .payInfoTitle {
        display:inline-block;       
        
    }

    .bankPrice .payPrice {
        display:inline-block;
        padding:0px 0px 0px 10px;
        color:#ed4e2a;
        font-weight:bold;
    }

.bank_GoPay {
     background-color:#fcf3e1;
     display:block;  
     margin: 0px 10px 10px 10px;
     padding:10px 0px 10px 0px;
     text-align:center;
     border-top:1px solid #d0cbc1;
}

    select.bankPeriodNum{
        font-size: 20px;
        border: 1px solid #ccc;
        margin: 0 0 0 20px; 
        padding: 0;
        width: 100px;
        font-family:"微軟正黑體";
        vertical-align:middle;
    }