@charset "utf-8";
/* CSS Document */

/*全系列產品-共用*/
#product #header {
    background: url(../images/product/product_header.png) bottom left no-repeat;
}

#product #pagetitle {
    background: url(../images/product/product_pagetitle.png) top left no-repeat;
}

#product01_content li {
    position: relative;
    float: left;
    display: block;
    width: 288px;
    height: 280px;
    margin: 0 0 13px 13px;
    z-index: 1;
}

    #product01_content li a {
        position: absolute;
        display: block;
        width: 288px;
        height: 280px;
        margin: 0;
        z-index: 2;
    }

        #product01_content li a div.title {
            display: block;
            position: absolute;
            top: 200px;
            left: 0;
            width: 258px;
            height: 46px;
            padding: 17px 15px;
            background: #fff;
            overflow: hidden;
        }

            #product01_content li a div.title h3 {
                font-size: 25px;
                color: #ed6d00;
                font-weight: bold;
                letter-spacing: 1px;
                white-space: nowrap;
            }

            #product01_content li a div.title p {
                display: block;
                width: 224px;
                margin: 5px 0 0 0;
                font-size: 16px;
                color: #4c4c4c;
                overflow: hidden;
                white-space: nowrap;
            }

        #product01_content li a div.text {
            position: absolute;
            display: block;
            width: 252px;
            height: 180px;
            top: 0;
            left: 0;
            padding: 18px 18px 100px 18px;
            font-size: 13px;
            color: #454545;
            line-height: 22px;
            background: url(../images/product/product01_mouseover_bg.png) no-repeat;
            z-index: 20;
            overflow: hidden;
        }

            #product01_content li a div.text p {
                display: block;
                width: 252px;
                height: 180px;
                overflow: hidden;
            }



/*全系列產品-分類列表*/
ul.product_set {
    display: block !important;
    width: 600px;
    margin: 0 0 0 2px;
}

    ul.product_set li.products {
        display: block;
        float: left;
        position: relative;
        width: 180px;
        margin: 0 0 13px 10px;
        padding: 168px 0 20px 10px;
        background: #fff;
    }

        ul.product_set li.products span.soldout {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 190px;
            height: 275px;
            padding: 0;
            background: url(../images/product/soldout.png) center center no-repeat;
            text-indent: -9999px;
            z-index: 9998;
        }

        ul.product_set li.products span.notyet {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 190px;
            height: 275px;
            padding: 0;
            background: url(../images/product/notyet.png) center center no-repeat;
            text-indent: -9999px;
            z-index: 9998;
        }

        ul.product_set li.products span.last {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            padding: 3px;
            background: #ed6d00;
            font-size: 12px;
            color: #fff;
            z-index: 100000;
        }

        ul.product_set li.products span.discountMark {
            display: block;
            position: absolute;
            top: 130px;
            right: 0;
            padding: 3px;
            background: #ed6d00;
            font-size: 12px;
            color: #fff;
            z-index: 100
        }

        ul.product_set li.products img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 190px;
            height: 150px;
        }

        ul.product_set li.products h3 a {
            font-family: "微軟正黑體";
            font-weight: bold;
            font-size: 14px;
            color: #ed6d00;
            white-space: nowrap;
            [;font-weight:normal;]
        }

            ul.product_set li.products h3 a:hover {
                color: #e13d04;
            }

        ul.product_set li.products p {
            display: block;
            margin: 10px 0 0 0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #595959;
        }

            ul.product_set li.products p.bonus {
                color: #323232;
            }

                ul.product_set li.products p.bonus span {
                    margin: 0 3px;
                    color: #e13d04;
                    text-decoration: none;
                }

            ul.product_set li.products p.money {
                display: block;
                position: relative;
                top: 0px;
                left: 0px;
                color: #a39d9d;
            }

                ul.product_set li.products p.money span {
                    margin: 0 0 0 5px;
                    font-family: Arial, Gadget, sans-serif;
                    font-weight: 800;
                    font-size: 14px;
                    color: #e13d04;
                }

            ul.product_set li.products p.amount {
                margin: 15px 0 0 0;
                font-size: 12px;
                color: #595959;
            }

        ul.product_set li.products a.join_shop {
            display: block;
            position: absolute;
            top: 238px;
            left: 88px;
            width: 71px;
            height: 16px;
            padding: 5px 0 0 0;
            background: url(../images/product/shop_bt.png) no-repeat;
            text-align: center;
            font-size: 11px;
            color: #fff;
        }

a.button {
    display: block;
    width: 71px;
    height: 16px;
    padding: 5px 0 0 0;
    background: url(../images/product/shop_bt.png) no-repeat;
    text-align: center;
    font-size: 11px;
    color: #fff;
}

ul.product_set li.products a.join_shop:hover {
    background-position: 0 -21px;
}

ul.product_set li.products p.descr {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*相關商品*/
#relatedProduct {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 20px;
}

    #relatedProduct ul li {
        display: block;
        float: left;
        position: relative;
        width: 366px;
        padding-left: 10px;
    }

        #relatedProduct ul li .image img {
            width: 152px;
            height: 120px;
        }

        #relatedProduct ul li .info {
            width: 208px;
            padding-left: 6px;
            line-height: 24px;
        }

            #relatedProduct ul li .info .money {
                font-size: 14px;
                position: inherit;
            }

            #relatedProduct ul li .info a {
                display: block;
                position: inherit;
                font-size: 14px;
                color: #ed6d00;
                letter-spacing: 0.5px;
            }

                #relatedProduct ul li .info a:hover {
                    color: #e13d04;
                }

    #relatedProduct ul.product_set li.products p.money {
        display: block;
        position: relative;
        top: 0px;
        left: 0px;
        color: #a39d9d;
    }

    #relatedProduct ul li > div {
        float: left;
    }

    #relatedProduct p.money a.join {
        display: inline-block;
        width: 71px;
        height: 16px;
        padding: 5px 0 0 0;
        background: url(../images/product/shop_bt.png) no-repeat;
        text-align: center;
        font-size: 11px;
        color: #fff;
        line-height: 12px;
        margin-left: 4px;
    }

        #relatedProduct p.money a.join:hover {
            background-position: 0 -21px;
            color: #fff;
        }

    #relatedProduct span.join_ok {
        width: 33px;
        height: 33px;
        background: url(../images/menu/more.png) 0 -35px no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 999;
        position: absolute;
        bottom: 45px;
        right: 35px;
    }

div#product_set_main .prdduct_tab ul.tabs.relatedproduct {
    display: block;
    width: 334px;
    height: 35px;
    padding: 0 0 0 40px;
    background: url(../images/product/tab_allbg.jpg) 0 bottom repeat-x;
    font-size: 14px;
    overflow: hidden;
    position: inherit;
    top: 0px;
    width:auto;
}
/*#relatedProduct p.money a.join_shop {
        display: block;
        position: absolute;
        top: 238px;
        left: 88px;
        width: 71px;
        height: 16px;
        padding: 5px 0 0 0;
        background: url(../images/product/shop_bt.png) no-repeat;
        text-align: center;
        font-size: 11px;
        color: #fff;
    }*/
/*產品淡入用*/
.hidden {
    display: none;
    display: list-item;
}


/*商品下拉選單*/
.select_menu {
    display: block;
    position: absolute;
    height: 30px;
    top: 239px;
    left: 38px;
    margin: 0;
    padding: 0;
}

    .select_menu ul li {
        display: block;
        float: left;
        height: auto;
        margin: 0;
        padding: 0;
        position: relative;
    }

        /* 下拉選單的高度*/
        .select_menu ul li ul {
            margin: 2px 0 0 0;
            display: none;
            position: absolute;
            width: 37px;
            height: auto;
            margin: 0;
            padding: 0;
            z-index: 99999;
            border: 1px solid #E1E1E1;
            height: 90px;
            overflow: auto;
            border-image: initial;
        }

            .select_menu ul li ul li {
                width: 100%;
                margin: 0;
                padding: 0;
                background: #fff;
            }

                .select_menu ul li ul li a {
                    display: block;
                    padding: 0 0 0 5px;
                    font-size: 12px;
                    overflow: hidden;
                    line-height: 18px;
                    color: #999;
                }

                    .select_menu ul li ul li a:hover {
                        color: #333;
                    }

/* 滑入選項變色*/
.hovered_item {
    background: #eee;
    font-weight: bold;
}

/* 當選到時*/
.option_selected {
    background: url(../images/product/product_select.jpg) no-repeat scroll 0 0 transparent;
    color: #333;
    display: block;
    font-size: 12px;
    padding: 5px 0 0 5px;
    position: relative;
    width: 35px;
    height: 17px;
    z-index: 400;
}

.option_list li {
    float: none;
    width: 100%;
    padding: 0;
    color: #333;
}

/*產品列表頁下拉選單
ul.product_set li .selectbox-wrapper { display:block; position:absolute; top:261px; left:38px; height:80px; background-color:#fff; border:1px solid #e9edf2; font-size:12px; color:#999; z-index:9999999999999999; overflow:auto; overflow-x: hidden;}
ul.product_set li .selectbox-wrapper ul { display:block;  margin:0; padding:0;}
ul.product_set li .selectbox-wrapper ul li.selected { background-color: #e9edf2; color:#323232;}
ul.product_set li .selectbox-wrapper ul li.current { background-color: #e9edf2; color:#323232;}
ul.product_set li .selectbox-wrapper ul li { display:block; float:none; width:100%; height:auto; margin:0 0 0 0; padding:2px 0 2px 4px; cursor:pointer;}
ul.product_set li label { display: block;}
/* look&fell of  select box
ul.product_set li .selectbox{ display:block; position:absolute; top:239px; left:38px; width:37px; height:18px; margin:0; padding:1px 0 2px 4px; padding:2px 0 0 4px\9; font-size:12px; background: url(../images/product/product_select.jpg) left top no-repeat; cursor: pointer; border:0; color:#323232; z-index:5}
*/


/*全系列產品-產品內頁*/
div#product_set_main {
    display: block;
    position: relative;
    width: 794px;
    padding: 0 0 30px 0;
    background: #fff;
    overflow: hidden;
}

    div#product_set_main h3 {
        display: block;
        position: absolute;
        top: 35px;
        left: 463px;
        font-size: 24px;
        color: #ed6d00;
        letter-spacing: 0.5px;
    }

    div#product_set_main img.product {
        display: block;
        float: left;
        width: 420px;
        height: 276px;
    }

    div#product_set_main p {
        font-size: 14px;
    }

        div#product_set_main p.pack {
            display: block;
            position: absolute;
            top: 100px;
            left: 465px;
            color: #595959;
        }

        div#product_set_main p.bonus {
            display: block;
            position: absolute;
            top: 100px;
            left: 465px;
            color: #323232;
        }

            div#product_set_main p.bonus span {
                margin: 0 3px;
                color: #e13d04;
                text-decoration: none;
            }

        div#product_set_main p.money {
            display: block;
            position: absolute;
            top: 150px;
            left: 465px;
            color: #a39d9d;
        }

            div#product_set_main p.money span {
                margin: 0 0 0 5px;
                font-family: Arial, Gadget, sans-serif;
                font-weight: 800;
                font-size: 16px;
                color: #e13d04;
            }

        div#product_set_main p.amount {
            display: block;
            position: absolute;
            top: 185px;
            left: 465px;
            font-size: 12px;
            color: #595959;
        }

    div#product_set_main a.join_shop {
        display: block;
        position: absolute;
        top: 179px;
        left: 540px;
        width: 71px;
        height: 16px;
        padding: 5px 0 0 0;
        background: url(../images/product/shop_bt.png) no-repeat;
        text-align: center;
        font-size: 11px;
        color: #fff;
    }

        div#product_set_main a.join_shop:hover {
            background-position: 0 -21px;
        }

    div#product_set_main a.share {
        display: block;
        position: absolute;
        top: 163px;
        left: 715px;
        width: 50px;
        height: 50px;
        background: url(../images/product/share_bt.png) no-repeat;
        text-indent: -9999px;
    }

        div#product_set_main a.share:hover {
            background-position: 0 -50px;
        }

    div#product_set_main .prdduct_tab {
        display: block;
        clear: both;
        *clear: none;
        position: relative;
        width: 794px;
        z-index: 3;
    }

        div#product_set_main .prdduct_tab ul.tabs {
            display: block;
            position: absolute;
            top: -35px;
            right: 0;
            width: 334px;
            height: 35px;
            padding: 0 0 0 40px;
            background: url(../images/product/tab_allbg.jpg) 0 bottom repeat-x;
            font-size: 14px;
            overflow: hidden;
        }

            div#product_set_main .prdduct_tab ul.tabs li {
                display: block;
                float: left;
                width: 76px;
                height: 25px;
                margin: 0 1px;
                padding: 10px 0 0 0;
                text-align: center;
                background: url(../images/product/tab_bg.jpg) 0 -35px no-repeat;
            }

                div#product_set_main .prdduct_tab ul.tabs li a {
                    color: #565656;
                }

                    div#product_set_main .prdduct_tab ul.tabs li a:hover {
                        color: #565656;
                    }

                div#product_set_main .prdduct_tab ul.tabs li.active {
                    background: url(../images/product/tab_bg.jpg) 0 0 no-repeat;
                }

        div#product_set_main .prdduct_tab .tab_container {
            display: block;
            clear: both;
            width: 734px;
            padding: 30px 30px 0 30px;
            color: #8f8f8f;
        }

            div#product_set_main .prdduct_tab .tab_container p {
                font-size: 12px;
                line-height: 20px;
            }

            div#product_set_main .prdduct_tab .tab_container h4 {
                padding: 0 0 10px 0;
                font-size: 15px;
                color: #ed6d00;
            }

            div#product_set_main .prdduct_tab .tab_container img {
                padding: 10px 0;
                max-width: 734px;
            }

            div#product_set_main .prdduct_tab .tab_container a {
                font-size: 12px;
                line-height: 20px;
                color: #ed6d00;
                text-decoration: underline;
            }

                div#product_set_main .prdduct_tab .tab_container a:hover {
                }

    /*商品下拉選單*/
    div#product_set_main .select_menu {
        display: block;
        position: absolute;
        height: 30px;
        top: 180px;
        left: 495px;
        margin: 0;
        padding: 0;
    }

/*產品內頁下拉選單
div#product_set_main .selectbox-wrapper { display:block; position:absolute; top:202px; left:495px; height:80px; background-color:#fff; border:1px solid #e9edf2; font-size:12px; color:#999; overflow:auto; overflow-x: hidden; z-index:100;}
div#product_set_main .selectbox-wrapper ul { display:block;  margin:0; padding:0;}
div#product_set_main .selectbox-wrapper ul li.selected { background-color: #e9edf2; color:#323232;}
div#product_set_main .selectbox-wrapper ul li.current { background-color: #e9edf2; color:#323232;}
div#product_set_main .selectbox-wrapper ul li { display:block; float:none; width:100%; height:auto; margin:0; padding:2px 0 2px 4px; cursor:pointer;}
div#product_set_main label { display: block;}
/* look&fell of  select box
div#product_set_main .selectbox{ display:block; position:absolute; top:180px; left:495px; width:37px; height:18px; padding:1px 0 2px 4px; padding:2px 0 0 4px\9; font-size:12px; background: url(../images/product/product_select.jpg) left top no-repeat; cursor: pointer; border:0; color:#323232; z-index:5;}
*/



/*人氣排行*/
div.hot {
    position: relative;
    width: 550px;
    margin: 0 0 12px 12px;
    padding: 20px;
    background: #fff;
    overflow: hidden;
}

    div.hot b {
        display: block;
        font-family: "微軟正黑體";
        font-size: 24px;
        color: #ed6d00;
        letter-spacing: 1px;
    }

    div.hot p {
        display: block;
        margin: 10px 0 0 0;
        font-size: 15px;
        font-weight: bold;
        line-height: 25px;
        color: #4c4c4c;
    }

/*人氣排行標籤*/
ul.product_set li.top_01 span.top {
    display: block;
    position: absolute;
    top: auto;
    bottom: 38px;
    left: 25px;
    width: 50px;
    height: 45px;
    padding: 5px 0 0 0;
    background: none;
    font-family: Arial;
    font-size: 60px;
    color: #ed6d00;
    text-align: center;
    z-index: 10;
}

ul.product_set li.top_23 span.top {
    display: block;
    position: absolute;
    top: 0;
    left: 9px;
    width: 50px;
    height: 63px;
    padding: 7px 0 0 0;
    background: url(../images/product/product_top02.png) no-repeat;
    font-family: Arial;
    font-size: 40px;
    color: #fff;
    text-align: center;
    z-index: 10;
}

ul.product_set li span.top {
    display: block;
    position: absolute;
    top: 0;
    left: 9px;
    width: 37px;
    height: 35px;
    padding: 5px 3px 0 0;
    background: #ed6d00;
    font-family: Arial;
    font-size: 33px;
    color: #fff;
    text-align: center;
    letter-spacing: -2px;
    z-index: 10;
}

/*人氣排行產品列表(1)*/
ul.product_set li.top_01 {
    display: block;
    float: left;
    position: relative;
    width: 590px;
    height: 466px;
    margin: 0 0 13px 10px;
    padding: 0 0 0 0;
    background: #fff;
}

    ul.product_set li.top_01 img {
        width: 590px;
        height: 466px;
    }

    ul.product_set li.top_01 div.top1 {
        display: block;
        position: absolute;
        background: #fff;
        bottom: 0;
        left: 0;
        width: 460px;
        height: 64px;
        padding: 60px 20px 24px 110px;
        background: url(../images/product/product_top01.png) no-repeat;
    }

    ul.product_set li.top_01 h3 a {
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        margin: 0 0 0 0;
        font-family: "微軟正黑體";
        font-weight: bold;
        font-size: 22px;
        color: #333;
        white-space: nowrap;
    }

        ul.product_set li.top_01 h3 a:hover {
            color: #e13d04;
        }

    ul.product_set li.top_01 p {
        display: block;
        margin: 10px 0 0 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #595959;
    }

        ul.product_set li.top_01 p.bonus {
            margin: 10px 0 0 0;
            color: #323232;
        }

            ul.product_set li.top_01 p.bonus span {
                margin: 0 3px;
                color: #e13d04;
                text-decoration: none;
            }

        ul.product_set li.top_01 p.money {
            display: block;
            position: absolute;
            top: 99px;
            left: 109px;
            color: #a39d9d;
            z-index: 10;
        }

            ul.product_set li.top_01 p.money span {
                margin: 0 0 0 5px;
                font-family: Arial, Gadget, sans-serif;
                font-weight: normal;
                font-size: 18px;
                color: #e13d04;
            }

        ul.product_set li.top_01 p.amount {
            display: block;
            position: absolute;
            font-size: 12px;
            left: 390px;
            margin: 0;
            top: 90px;
            color: #595959;
        }

    ul.product_set li.top_01 a.join_shop {
        display: block;
        position: absolute;
        top: 83px;
        left: 470px;
        width: 71px;
        height: 16px;
        padding: 5px 0 0 0;
        background: url(../images/product/shop_bt.png) no-repeat;
        text-align: center;
        font-size: 11px;
        color: #fff;
    }

        ul.product_set li.top_01 a.join_shop:hover {
            background-position: 0 -21px;
        }

    ul.product_set li.top_01 p.descr {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    ul.product_set li.top_01 p.arrivaldate {
        position: absolute;
        left: 390px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    /*商品下拉選單*/
    ul.product_set li.top_01 .select_menu {
        display: block;
        position: absolute;
        height: 30px;
        top: 85px;
        left: 420px;
        margin: 0;
        padding: 0;
    }

/*人氣排行下拉選單(1)
ul.product_set li.top_01 .selectbox-wrapper { top:107px; left:420px;}
ul.product_set li.top_01 .selectbox{ top:85px; left:420px;}
*/

/*人氣排行產品列表(23)*/
ul.product_set li.top_23 {
    display: block;
    float: left;
    position: relative;
    width: 270px;
    margin: 0 0 13px 10px;
    padding: 247px 10px 20px 10px;
    background: #fff url(../images/product/top_bg.jpg) right bottom no-repeat;
}

    ul.product_set li.top_23 img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 290px;
        height: 229px;
    }

    ul.product_set li.top_23 h3 a {
        text-overflow: ellipsis;
        overflow: hidden;
        font-family: "微軟正黑體";
        font-weight: bold;
        font-size: 21px;
        color: #333;
        white-space: nowrap;
    }

        ul.product_set li.top_23 h3 a:hover {
            color: #e13d04;
        }

    ul.product_set li.top_23 p {
        display: block;
        margin: 10px 0 0 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #595959;
    }

        ul.product_set li.top_23 p.bonus {
            color: #323232;
        }

            ul.product_set li.top_23 p.bonus span {
                margin: 0 3px;
                color: #e13d04;
                text-decoration: none;
            }

        ul.product_set li.top_23 p.money {
            display: block;
            top: 315px;
            left: 100px;
            color: #a39d9d;
        }

            ul.product_set li.top_23 p.money span {
                margin: 0 0 0 5px;
                font-family: Arial, Gadget, sans-serif;
                font-weight: 800;
                font-size: 14px;
                color: #e13d04;
            }

        ul.product_set li.top_23 p.amount {
            margin: 15px 0 0 0;
            font-size: 12px;
            color: #595959;
            position: relative;
            top: 0px;
            left: 0px;
        }

    ul.product_set li.top_23 a.join_shop {
        display: block;
        position: absolute;
        top: 322px;
        left: 185px;
        width: 71px;
        height: 16px;
        padding: 5px 0 0 0;
        background: url(../images/product/shop_bt.png) no-repeat;
        text-align: center;
        font-size: 11px;
        color: #fff;
    }

        ul.product_set li.top_23 a.join_shop:hover {
            background-position: 0 -21px;
        }

    ul.product_set li.top_23 p.descr {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    ul.product_set li.top_23 p.arrivaldate {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    ul.product_set li.top_23 .select_menu {
        display: block;
        height: 30px;
        top: 345px;
        left: 40px;
        margin: 0;
        padding: 0;
    }


/*人氣排行下拉選單(xx) */
ul.product_set {
    display: block !important;
    width: 600px;
    margin: 0 0 0 2px;
}

    ul.product_set li.top_xx {
        display: block;
        float: left;
        position: relative;
        width: 180px;
        margin: 0 0 13px 10px;
        padding: 168px 0 20px 10px;
        background: #fff;
    }

        ul.product_set li.top_xx img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 190px;
            height: 150px;
        }

        ul.product_set li.top_xx h3 a {
            font-family: "微軟正黑體";
            font-weight: bold;
            font-size: 14px;
            color: #ed6d00;
            white-space: nowrap;
            font-weight: normal;
        }

            ul.product_set li.top_xx h3 a:hover {
                color: #e13d04;
            }

        ul.product_set li.top_xx p {
            display: block;
            margin: 10px 0 0 0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #595959;
        }

            ul.product_set li.top_xx p.bonus {
                color: #323232;
            }

                ul.product_set li.top_xx p.bonus span {
                    margin: 0 3px;
                    color: #e13d04;
                    text-decoration: none;
                }

            ul.product_set li.top_xx p.money {
                display: block;
                position: relative;
                top: 0px;
                left: 0px;
                color: #a39d9d;
            }

                ul.product_set li.top_xx p.money span {
                    margin: 0 0 0 5px;
                    font-family: Arial, Gadget, sans-serif;
                    font-weight: 800;
                    font-size: 14px;
                    color: #e13d04;
                }

            ul.product_set li.top_xx p.amount {
                margin: 15px 0 0 0;
                font-size: 12px;
                color: #595959;
            }

        ul.product_set li.top_xx a.join_shop {
            display: block;
            position: absolute;
            top: 262px;
            left: 88px;
            width: 71px;
            height: 16px;
            padding: 5px 0 0 0;
            background: url(../images/product/shop_bt.png) no-repeat;
            text-align: center;
            font-size: 11px;
            color: #fff;
        }

a.button {
    display: block;
    width: 71px;
    height: 16px;
    padding: 5px 0 0 0;
    background: url(../images/product/shop_bt.png) no-repeat;
    text-align: center;
    font-size: 11px;
    color: #fff;
}

ul.product_set li.top_xx a.join_shop:hover {
    background-position: 0 -21px;
}

ul.product_set li.top_xx p.descr {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

ul.product_set li.top_xx p.arrivaldate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

ul.product_set li.top_xx .select_menu {
    display: block;
    position: absolute;
    height: 30px;
    top: 262px;
    left: 40px;
    margin: 0;
    padding: 0;
}



/*隔日到貨專區*/
div.nextday {
    position: relative;
    width: 550px;
    margin: 0 0 12px 12px;
    padding: 20px;
    background: #fff;
    overflow: hidden;
}

    div.nextday b {
        display: block;
        position: absolute;
        top: 25px;
        left: 180px;
        font-family: "微軟正黑體";
        font-size: 24px;
        color: #ed6d00;
        letter-spacing: 1px;
    }

    div.nextday p {
        display: block;
        position: absolute;
        top: 55px;
        left: 180px;
        font-size: 14px;
        font-weight: bold;
        line-height: 23px;
        color: #4c4c4c;
    }

    div.nextday div.timeover {
        display: block;
        clear: both;
        margin: 20px 0 0 0;
        padding: 10px;
        background: #f7f7f7;
        font-size: 20px;
        font-weight: bold;
        color: #eb6e04;
        line-height: 28px;
        text-align: center;
        letter-spacing: 1px;
    }

ul.explain {
    display: block;
    clear: both;
    width: 550px;
    margin: 20px 0 0 0;
    *margin: 15px 0 0 0;
}

    ul.explain li {
        display: block;
        background: url(../images/product/point.png) 0 2px no-repeat;
        margin: 5px 0;
        padding: 0 0 0 20px;
        font-size: 12px;
        line-height: 18px;
        color: #333;
    }

        ul.explain li a {
            color: #ed6d00;
            text-decoration: underline;
        }

/*隔日到貨標籤*/
span.nextday {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 21px;
    background: url(../images/product/nextday.jpg) no-repeat;
    text-indent: -9999px;
    z-index: 10;
}

/*現在時間*/
div.nextday .clock {
    display: block;
    width: 146px;
    height: 84px;
    background: url(../images/product/clock_bg.gif) no-repeat;
    color: #ed6d00;
}

    div.nextday .clock ul {
        width: 146px;
        padding: 43px 0 0 0;
        text-align: center;
    }

        div.nextday .clock ul li {
            display: inline;
            font-size: 34px;
            text-align: center;
            font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif;
            font-weight: bold;
            letter-spacing: 3px;
        }

            div.nextday .clock ul li#point {
                padding: 0 7px;
            }

div.special .clock {
    display: block;
    width: 146px;
    height: 84px;
    background: url(../images/product/clock_bg.gif) no-repeat;
    color: #ed6d00;
}

    div.special .clock ul {
        width: 146px;
        padding: 43px 0 0 0;
        text-align: center;
    }

        div.special .clock ul li {
            display: inline;
            font-size: 34px;
            text-align: center;
            font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif;
            font-weight: bold;
            letter-spacing: 3px;
        }

            div.special .clock ul li#point {
                padding: 0 7px;
            }

/*特別活動*/
div.special {
    position: relative;
    width: 550px;
    margin: 0 0 12px 12px;
    padding: 20px;
    background: #fff;
    overflow: hidden;
}

    div.special b {
        display: block;
        position: absolute;
        top: 25px;
        left: 180px;
        font-family: "微軟正黑體";
        font-size: 24px;
        color: #ed6d00;
        letter-spacing: 1px;
    }

    div.special p {
        display: block;
        position: absolute;
        top: 55px;
        left: 180px;
        font-size: 14px;
        font-weight: bold;
        line-height: 23px;
        color: #4c4c4c;
    }

    div.special div.timeover {
        display: block;
        clear: both;
        margin: 20px 0 0 0;
        padding: 10px;
        background: #f7f7f7;
        font-size: 20px;
        font-weight: bold;
        color: #eb6e04;
        line-height: 28px;
        text-align: center;
        letter-spacing: 1px;
    }

/*每月團購*/
div.month {
    position: relative;
    width: 550px;
    margin: 0 0 12px 12px;
    padding: 20px;
    background: #fff;
    overflow: hidden;
}

    div.month b {
        display: block;
        font-family: "微軟正黑體";
        font-size: 24px;
        color: #ed6d00;
        letter-spacing: 1px;
    }

    div.month p {
        display: block;
        font-size: 15px;
        font-weight: bold;
        line-height: 30px;
        color: #4c4c4c;
    }

    div.month table.sale {
        display: block;
        width: 544px;
        min-height: 59px;
        clear: both;
        margin: 10px 0 0 0;
        padding: 0;
        background: #f7f7f7;
        border: #ed6d00 2px solid;
        overflow: hidden;
    }

        div.month table.sale td.month {
            width: 66px;
            padding: 0;
            background: #ed6d00;
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            text-align: center;
            vertical-align: middle;
            line-height: 26px;
            letter-spacing: 5px;
        }

            div.month table.sale td.month span {
                display: block;
                float: left;
                width: 30px;
                font-family: Arial;
                font-size: 26px;
                text-align: center;
                letter-spacing: -1px;
            }

        div.month table.sale td p.day {
            display: block;
            width: 460px;
            margin: 0 0 0 10px;
            color: #666;
        }

        div.month table.sale td p.content {
            display: block;
            width: 460px;
            margin: 0 0 10px 10px;
            color: #666;
            line-height: 21px;
        }

        div.month table.sale td p span {
            color: #333;
        }

/*每月團購標籤*/
span.month {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 21px;
    z-index: 10;
    font-size: 12px;
    background-color: gray;
    text-align: center;
    line-height: 21px;
    color: white;
    letter-spacing: 1px;
}

/*預付專區*/
div.hot span {
    color: #ed6d00;
}

div.hot a {
    text-decoration: underline;
    color: #ed6d00;
}

div.pre_box {
    display: block;
    margin: 20px 0 0 0;
    padding: 20px;
    background: #f7f7f7;
    font-size: 12px;
}

    div.pre_box h3 {
        font-size: 16px;
        color: #333;
    }

    div.pre_box h4 {
        padding: 10px 0 0 0;
        font-size: 13px;
        color: #333;
    }

    div.pre_box span {
        color: #c84b4b;
    }

    div.pre_box p {
        font-size: 12px;
        line-height: 19px;
        color: #888;
    }

    div.pre_box a {
        color: #ed6d00;
        text-decoration: underline;
    }

    div.pre_box img {
        display: block;
        margin: 10px auto 0 auto;
    }

    div.pre_box a.link {
        display: inline-block;
        width: 71px;
        height: 16px;
        margin: 20px 90px 0 90px;
        padding: 5px 0 0 0;
        background: url(../images/product/shop_bt.png) 0 0 no-repeat;
        font-size: 12px;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }

    div.pre_box a:hover.link {
        background-position: 0 -21px;
    }

    div.pre_box a.disablelink {
        display: inline-block;
        width: 71px;
        height: 16px;
        margin: 20px 90px 0 90px;
        padding: 5px 0 0 0;
        background: url(../images/product/none_bt.png) 0 0 no-repeat;
        font-size: 12px;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }


ul.product_set li p.money_pre {
    display: block;
    color: #a39d9d;
}

    ul.product_set li p.money_pre span {
        margin: 0 0 0 5px;
        font-family: Arial, Gadget, sans-serif;
        font-weight: 800;
        font-size: 14px;
        color: #e13d04;
    }

ul.product_set li input.ts {
    display: block;
    position: absolute;
    top: 238px;
    left: 40px;
    width: 30px;
}




/*我要儲值*/
ul.card {
    display: block;
    width: 550px;
    margin: 20px 0 0 0;
}

    ul.card li {
        display: block;
        position: relative;
        float: left;
        width: 265px;
        padding: 0 0 15px 0;
    }

        ul.card li img {
            max-width: 265px;
            max-height: 228px;
            myimg: expression(onload=function(){this.style.width=(this.offsetWidth > 265px)?"265px":"auto"});
        }

        ul.card li.r {
            display: block;
            position: relative;
            float: right;
            width: 265px;
            padding: 0 0 15px 0;
        }

            ul.card li.r img {
                max-width: 265px;
                max-height: 228px;
                myimg: expression(onload=function(){this.style.width=(this.offsetWidth > 265px)?"265px":"auto"});
            }

        ul.card li p {
            display: block;
            position: absolute;
            left: 10px;
            top: 148px;
            font-size: 13px;
            line-height: 20px;
            color: #666;
        }

            ul.card li p.dia {
                display: block;
                position: absolute;
                left: 10px;
                top: 148px;
                font-size: 13px;
                line-height: 20px;
                color: #666;
            }

            ul.card li p span {
                color: #c50909;
            }

        ul.card li a {
            display: block;
            position: absolute;
            bottom: 33px;
            right: 10px;
            width: 71px;
            height: 16px;
            padding: 5px 0 0 0;
            background: url(../images/product/shop_bt.png) no-repeat;
            text-align: center;
            font-size: 12px;
            color: #fff;
            text-decoration: none;
        }

            ul.card li a:hover {
                background-position: 0 -21px;
            }



/*滿額好禮*/
div.gifts {
    position: relative;
    width: 550px;
    margin: 0 0 12px 12px;
    padding: 20px;
    background: #fff;
    overflow: hidden;
}

    div.gifts b {
        display: block;
        font-family: "微軟正黑體";
        font-size: 24px;
        color: #ed6d00;
        letter-spacing: 1px;
    }

    div.gifts p {
        display: block;
        margin: 10px 0 0 0;
        font-size: 15px;
        font-weight: bold;
        line-height: 25px;
        color: #4c4c4c;
    }

    div.gifts ul.sale {
        display: block;
        width: 544px;
        clear: both;
        margin: 10px 0 0 0;
        padding: 0;
        background: #f7f7f7;
        font-family: "微軟正黑體";
        font-weight: bold;
        border: #ed6d00 2px solid;
        overflow: hidden;
    }

        div.gifts ul.sale li.title {
            display: block;
            float: left;
            width: 90px;
            margin: 0 10px 0 0;
            padding: 5px 0;
            background: #ed6d00;
            font-size: 17px;
            color: #fff;
            text-align: center;
            line-height: 26px;
        }

        div.gifts ul.sale li.content {
            display: block;
            float: left;
            padding: 5px 0;
            line-height: 26px;
            color: #666;
        }

ul.product_gifts {
    display: block;
    width: 600px;
    margin: 0 0 0 2px;
}

    ul.product_gifts li {
        display: block;
        position: relative;
        float: left;
        width: 190px;
        margin: 0 0 13px 10px;
        padding: 0;
        overflow: hidden;
    }

        ul.product_gifts li span.soldout {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 190px;
            height: 200px;
            padding: 0;
            background: url(../images/product/soldout.png) center center no-repeat;
            text-indent: -9999px;
            z-index: 100;
        }

        ul.product_gifts li span.notyet {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 190px;
            height: 200px;
            padding: 0;
            background: url(../images/product/notyet.png) center center no-repeat;
            text-indent: -9999px;
            z-index: 100;
        }

        ul.product_gifts li img {
            display: block;
            width: 190px;
            height: 150px;
        }

        ul.product_gifts li h3 a {
            display: block;
            clear: both;
            margin: 3px 0 0 0;
            padding: 10px 5px;
            background: #f4f4f4;
            font-family: "微軟正黑體";
            font-weight: bold;
            font-size: 13px;
            color: #666;
            text-align: center;
            white-space: nowrap;
            [;font-weight:normal;]
        }

            ul.product_gifts li h3 a:hover {
                color: #333;
            }

        ul.product_gifts li span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            padding: 0 5px;
            background: #ed6d00;
            font-family: Arial;
            font-size: 26px;
            color: #fff;
            text-align: center;
            z-index: 10;
        }



/*紅利兌換*/
ul.product_exchange {
    display: block;
    width: 600px;
    margin: 0 0 0 2px;
}

    ul.product_exchange li {
        display: block;
        position: relative;
        float: left;
        width: 190px;
        margin: 0 0 13px 10px;
        padding: 0;
        background: #fff;
        overflow: hidden;
        text-align: center;
    }

        ul.product_exchange li span.soldout {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 190px;
            height: 275px;
            padding: 0;
            background: url(../images/product/soldout.png) center center no-repeat;
            text-indent: -9999px;
            z-index: 100;
        }

        ul.product_exchange li img {
            display: block;
            width: 190px;
            height: 150px;
        }

        ul.product_exchange li h3 a {
            display: block;
            clear: both;
            padding: 5px;
            font-family: "微軟正黑體";
            font-weight: bold;
            font-size: 14px;
            color: #333;
            white-space: nowrap;
            [;font-weight:normal;]
        }

            ul.product_exchange li h3 a:hover {
                color: #ed6d00;
            }

        ul.product_exchange li p {
            display: block;
            padding: 4px 5px;
            font-size: 12px;
            color: #777;
        }

        ul.product_exchange li span {
            padding: 4px 5px;
            font-size: 12px;
            color: #ed6d00;
        }

        ul.product_exchange li p.none {
            display: block;
            clear: both;
            width: 71px;
            height: 16px;
            margin: 10px auto;
            padding: 5px 0 0 0;
            background: url(../images/product/none_bt.png) no-repeat;
            text-align: center;
            font-size: 12px;
            color: #fff;
        }

        ul.product_exchange li a.change {
            display: block;
            clear: both;
            width: 71px;
            height: 16px;
            margin: 10px auto;
            padding: 5px 0 0 0;
            background: url(../images/product/shop_bt.png) no-repeat;
            text-align: center;
            font-size: 12px;
            color: #fff;
        }

            ul.product_exchange li a.change:hover {
                background-position: 0 -21px;
            }

        ul.product_exchange li.products span.last {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            padding: 3px;
            background: #ed6d00;
            font-size: 12px;
            color: #fff;
            z-index: 100000;
        }



arrival {
    display: block;
    clear: both;
    width: 157px;
    height: 41px;
    margin: 10px 0 0 2px;
    background: url(../images/product/book.jpg) 0 -41px no-repeat;
    text-indent: -9999px;
    z-index: 100;
}

/*教戰手冊*/
a.book {
    display: block;
    clear: both;
    width: 157px;
    height: 41px;
    margin: 10px 0 0 2px;
    background: url(../images/product/book.jpg) 0 -41px no-repeat;
    text-indent: -9999px;
    z-index: 100;
}

    a.book:hover {
        background-position: 0 0px;
    }