@charset "UTF-8";

p {
    font-family: "微軟正黑體","新細明體",Arial;
    font-size: 13px;
    color: #333;
    line-height: 24px;
    padding: 10px;
}

.whitehr {
    height: 1px;
    background-color: #FFF;
    margin: 5px;
}

.container {
    width: 100%;
    /*margin-top: 44px;*/
}

.service-info-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    text-align: center;
    color: #666666;
}
.service-info-container .image-box {
    width: 240px;
}
.service-info-container .empty-img{
    width: 100%;
}
.service-info-container .content{
    margin-top: 15px;
}
.service-info-container .title{
    font-size: 16px;
    font-weight: 500;
}

.no-break-span {
    white-space: nowrap;
}

.black {
    color: #333;
    font-weight: bold;
    padding: 0 10px;
}

.red {
    color: #ff0000;
}

.reddark {
    color: #c82025;
}

.dashed {
    border-bottom: 1px dashed #ccc;
    padding: 5px;
    margin-bottom: 5px;
}

.clear {
    clear: both;
}

.20font {
    font-size: 20px;
}

/*footer*/
#footer {
    width: 100%;
    background-color: #fff;
    padding-bottom: 15px;
}

    /*Tools Bar*/
    #footer .ToolsBar a {
        text-decoration: none;
        color: #3aa6e6;
    }

        #footer .ToolsBar a:hover {
            text-decoration: none;
            color: #f37d01;
        }

    #footer .ToolsBar {
        height: 46px;
        line-height: 46px;
        vertical-align: middle;
        margin: 0px auto;
        margin-top: 0px;
        overflow: hidden;
        background: url(images/common/footertoolbar.gif);
    }

        #footer .ToolsBar .Left {
            padding-left: 10px;
            font-size: 15px;
            float: left;
        }

        #footer .ToolsBar .Right {
            padding-right: 25px;
            font-size: 15px;
            float: right;
        }

            #footer .ToolsBar .Right a {
                text-decoration: none;
                color: #3aa6e6;
            }

                #footer .ToolsBar .Right a:hover {
                    text-decoration: none;
                    color: #f37d01;
                }

    #footer .NewsAbout {
        padding-top: 10px;
        margin: 10px;
    }

        #footer .NewsAbout .Title {
            font-size: 18px;
        }

        #footer .NewsAbout .Content {
            line-height: 24px;
            font-size: 12px;
        }

            #footer .NewsAbout .Content img {
                width: 100%;
            }
    /*CopyRight*/
    #footer .CopyRight a {
        font-size: 14px;
        text-decoration: none;
        color: #3aa6e6;
    }

        #footer .CopyRight a:hover {
            text-decoration: none;
            color: #f37d01;
        }

    #footer .CopyRight {
        max-width: 640px;
        margin: 0px auto;
        margin-top: 15px;
        overflow: hidden;
        color: #b9b9b9;
    }

        #footer .CopyRight .Content {
            padding: 1%;
            overflow: auto;
            font-size: 12px;
            text-align: center;
            color: #666;
        }

        #footer .CopyRight .Contact {
            line-height: 25px;
            height: 25px;
            font-size: 16px;
            text-align: center;
        }

    #footer .moreButton {
        display: table;
        padding: 5px;
    }

        #footer .moreButton .back span:first-child {
            background: url(images/btn/footer_header_button_1.png) no-repeat;
            display: block;
            float: left;
            height: 55px;
            width: 10px;
        }

        #footer .moreButton .back span:last-child {
            background: url(images/btn/footer_header_button_3.png) no-repeat;
            display: block;
            float: left;
            height: 55px;
            width: 10px;
        }

        #footer .moreButton .back span.backTitle {
            background: url(images/btn/footer_header_button_2.png) repeat-x;
            color: #f37d02;
            display: block;
            float: left;
            font-size: 15px;
            font-weight: normal;
            height: 55px;
            line-height: 55px;
            overflow: hidden;
            text-align: center;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            -webkit-text-overflow: ellipsis;
            -moz-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            min-width: 260px;
            text-shadow: 1px 1px 1px #fff;
        }
/*Search*/
#Search {
    font-size: 13px;
    width: 100%;
    border-color: #dedede #bababa #aaa #bababa;
    background-color: #d1d1d1;
    display: inline-table;
}

@media all and (min-width: 0px) and (max-width: 320px) {
    #alllink {
        border-color: #dedede #bababa #aaa #bababa;
        background-color: #dedede;
        display: inline-table;
        width: 100%;
        margin-right: 1%;
    }
}

@media all and (min-width: 321px) and (max-width: 980px) {
    #alllink {
        border-color: #dedede #bababa #aaa #bababa;
        background-color: #dedede;
        display: inline-table;
        width: 100%;
        margin-right: 1%;
        margin-top: 3px;
    }

}

#alllink .btn {
    border: 1px solid #9c9c9c;
    height: 32px;
    width: 100%;
    padding: 0;
    cursor: pointer;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    text-transform: uppercase;
    background-color: #dedede;
    background: -moz-linear-gradient(top, #dedede 50%, #a9a9a9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dedede), color-stop(100%, #a9a9a9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dedede 50%, #a9a9a9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 50%, #a9a9a9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dedede 50%, #a9a9a9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dedede 50%, #a9a9a9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#a9a9a9', GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 1px 1px 1px #fff;
    border-radius: 4px;
}

    #alllink .btn:hover,
    #alllink .btn:focus {
        background-color: #cecece;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#d8d8d8));
        background-image: -webkit-linear-gradient(top, #cecece, #d8d8d8);
        background-image: -moz-linear-gradient(top, #cecece, #d8d8d8);
        background-image: -ms-linear-gradient(top, #cecece, #d8d8d8);
        background-image: -o-linear-gradient(top, #cecece, #d8d8d8);
        background-image: linear-gradient(top, #cecece, #d8d8d8);
    }

    #alllink .btn:active {
        outline: 0;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    }

#formWrapper {
    width: 100%;
    padding: 6px 2px;
    overflow: hidden;
    border-color: #dedede #bababa #aaa #bababa;
}

    #formWrapper .search {
        width: 55%;
        height: 10px;
        padding: 10px 25px;
        float: left;
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        border-radius: 4px 0 0 4px;
        background: #fff url(images/common/search_icon.gif) 5px no-repeat;
    }

        #formWrapper .search:focus {
            outline: 0;
            border-color: #aaa;
            box-shadow: 0 1px 1px #bbb inset;
        }

        #formWrapper .search::-webkit-input-placeholder,
        #formWrapper .search:-moz-placeholder,
        #formWrapper .search:-ms-input-placeholder {
            color: #999;
            font-weight: normal;
        }

    #formWrapper .btn {
        border: 1px solid #9c9c9c;
        height: 32px;
        width: 20%;
        padding: 0;
        margin-left: -1px;
        cursor: pointer;
        color: #666;
        text-transform: uppercase;
        background-color: #fbfbfb;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#fbfbfb));
        background-image: -webkit-linear-gradient(top, #d8d8d8, #fbfbfb);
        background-image: -moz-linear-gradient(top, #d8d8d8, #fbfbfb);
        background-image: -ms-linear-gradient(top, #d8d8d8, #fbfbfb);
        background-image: -o-linear-gradient(top, #d8d8d8, #fbfbfb);
        background-image: linear-gradient(top, #d8d8d8, #fbfbfb);
        border-radius: 0 4px 4px 0;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
    }

        #formWrapper .btn:hover,
        #formWrapper .btn:focus {
            background-color: #cecece;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#d8d8d8));
            background-image: -webkit-linear-gradient(top, #cecece, #d8d8d8);
            background-image: -moz-linear-gradient(top, #cecece, #d8d8d8);
            background-image: -ms-linear-gradient(top, #cecece, #d8d8d8);
            background-image: -o-linear-gradient(top, #cecece, #d8d8d8);
            background-image: linear-gradient(top, #cecece, #d8d8d8);
        }

        #formWrapper .btn:active {
            outline: 0;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
        }

#formWrapperbottom {
    width: 100%;
    padding: 10px 0px;
    overflow: hidden;
    border-color: #dedede #bababa #aaa #bababa;
}

    #formWrapperbottom .search {
        width: 70%;
        height: 10px;
        padding: 10px 25px;
        float: left;
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        border-radius: 4px 0 0 4px;
        background: #fff url(images/common/search_icon.gif) 5px no-repeat;
    }

@media all and (min-width: 0px) and (max-width: 320px) {
    #formWrapperbottom .search {
        width: 59%;
        height: 10px;
        padding: 10px 25px;
        float: left;
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        border-radius: 4px 0 0 4px;
        background: #fff url(images/common/search_icon.gif) 5px no-repeat;
    }
}

@media all and (min-width: 321px) and (max-width: 480px) {
    #formWrapperbottom .search {
        width: 62%;
        height: 10px;
        padding: 10px 25px;
        float: left;
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        border-radius: 4px 0 0 4px;
        background: #fff url(images/common/search_icon.gif) 5px no-repeat;
    }
}

#formWrapperbottom .search:focus {
    outline: 0;
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset;
}

#formWrapperbottom .search::-webkit-input-placeholder,
#formWrapperbottom .search:-moz-placeholder,
#formWrapperbottom .search:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
}

#formWrapperbottom .btn {
    float: left;
    border: 1px solid #9c9c9c;
    height: 32px;
    width: 20%;
    padding: 0;
    margin-left: -1px;
    cursor: pointer;
    color: #666;
    text-transform: uppercase;
    background-color: #fbfbfb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#fbfbfb));
    background-image: -webkit-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: -moz-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: -ms-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: -o-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: linear-gradient(top, #d8d8d8, #fbfbfb);
    border-radius: 0 4px 4px 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}

    #formWrapperbottom .btn:hover,
    #formWrapperbottom .btn:focus {
        background-color: #cecece;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#d8d8d8));
        background-image: -webkit-linear-gradient(top, #cecece, #d8d8d8);
        background-image: -moz-linear-gradient(top, #cecece, #d8d8d8);
        background-image: -ms-linear-gradient(top, #cecece, #d8d8d8);
        background-image: -o-linear-gradient(top, #cecece, #d8d8d8);
        background-image: linear-gradient(top, #cecece, #d8d8d8);
    }

    #formWrapperbottom .btn:active {
        outline: 0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
    }

/*Search end*/

/*Abanner*/
#Abanner {
    margin: 8px;
}

.AD1 img {
    margin-top: 3px;
    width: 100%;
}

.AD2 img {
    margin-top: 3px;
    width: 100%;
}
/*Abanner end*/

/*小分類小圖示排*/
.header.salePageList .headerTitleDiv {
    display: inline-block;
    height: 44px;
    margin-left: 4px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}

.header.salePageList h1 {
    height: 44px;
    margin: 0 0;
    position: relative;
    text-align: left;
}

.header.salePageList .headerTitleWord {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header.salePageList .headerTitleCount {
    color: #333;
    display: block;
    font-size: 12px;
}

#salePageList span.slist {
    background: url(data:image/gif;base64,R0lGODlhGQAZAIAAAMLCwv///yH5BAAAAAAALAAAAAAZABkAAAJFjI+py+0PYwSUhmoxYPpiX3Ff1y3k+JloWConm7prFicvHUr6cW+tPfPVED2QRQVLHmVKYY6Ji26QUuMU6qzuttyuN1IAADs=) no-repeat;
    display: inline-block;
    height: 25px;
    width: 25px;
}

    #salePageList span.slist.active {
        background: url(data:image/gif;base64,R0lGODlhGQAZAIAAAAAAAP///yH5BAAAAAAALAAAAAAZABkAAAJFjI+py+0PYwSUhmoxYPpiX3Ff1y3k+JloWConm7prFicvHUr6cW+tPfPVED2QRQVLHmVKYY6Ji26QUuMU6qzuttyuN1IAADs=) no-repeat;
        display: inline-block;
    }

#salePageList span.blist {
    background: url(data:image/gif;base64,R0lGODlhGQAZAIAAAMLCwv///yH5BAAAAAAALAAAAAAZABkAAAI7jI+py+0PYwS00mAtyxVzsH0eF5IfuJxjVrJqKr6KKkv2qtUILcJmP4sBEzySzzXcCY3BH/MGjUqnjwIAOw==) no-repeat;
    display: inline-block;
    height: 25px;
    width: 25px;
}

    #salePageList span.blist.active {
        background: url(data:image/gif;base64,R0lGODlhGQAZAIAAAAAAAP///yH5BAAAAAAALAAAAAAZABkAAAI7jI+py+0PYwS00mAtyxVzsH0eF5IfuJxjVrJqKr6KKkv2qtUILcJmP4sBEzySzzXcCY3BH/MGjUqnjwIAOw==) no-repeat;
        display: inline-block;
    }

#salePageList .ui-content {
    background-color: #fff;
    padding: 5px;
}

#salePageList ul.salePageList, #salePageList ul.salePageList li {
    margin: 0;
    padding: 0;
}

    #salePageList ul.salePageList li {
        float: left;
        line-height: 15px;
        list-style-type: none;
        box-sizing: border-box;
        padding: 5px;
        width: 135px;
    }

        #salePageList ul.salePageList li a {
            color: #000;
            text-decoration: none;
        }

        #salePageList ul.salePageList li.slist {
            width: 30%;
        }

            #salePageList ul.salePageList li.slist .salePageImg {
                height: 95px;
                max-width: 100%;
                border: 1px solid #d7d7d7;
            }

        #salePageList ul.salePageList li.blist {
            width: 47%;
        }

            #salePageList ul.salePageList li.blist .salePageImg {
                width: 100%;
            }

        #salePageList ul.salePageList li span.price {
            color: #ff0000;
            font-size: 1em;
            line-height: 1.2;
        }

        .salePageList .suggest-price {
            color: #bababa;
            font-size: .8em;
        }

        #salePageList ul.salePageList li span.blackprice {
            color: #333;
            font-size: .8em;
            padding-right: 10px;
        }

        #salePageList ul.salePageList li span.title {
            color: #000;
            display: block;
            font-size: .8em;
            height: 16px;
            overflow: hidden;
            white-space: nowrap;
            width: 85px;
        }

        #salePageList ul.salePageList li.blist span.title {
            -o-text-overflow: ellipsis;
            -webkit-text-overflow: ellipsis;
            -moz-text-overflow: ellipsis;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            text-overflow: clip;
            width: 84%;
            height: 30px;
            white-space: normal;
        }

        #salePageList ul.salePageList li span.start {
            border: 0;
            display: block;
            margin: 12px 0;
        }

        #salePageList ul.salePageList li.blist div.startDiv {
            margin-top: -10px;
        }

        #salePageList ul.salePageList li.slist span.start {
            background: url(images/icon/star_s_nor.png) no-repeat;
            height: 17px;
            width: 17px;
        }

            #salePageList ul.salePageList li.slist span.start.inTraceList {
                background: url(images/icon/star_s_act.png) no-repeat;
            }

        #salePageList ul.salePageList li.blist span.start {
            background: url(images/icon/star_b_nor.png) no-repeat;
            height: 23px;
            width: 23px;
        }

            #salePageList ul.salePageList li.blist span.start.inTraceList {
                background: url(images/icon/star_b_act.png) no-repeat;
            }

#salePageList .hr {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 5px;
}

#salePageList .salePageHeader {
    height: 35px;
    padding-top: 5px;
}

    #salePageList .salePageHeader img {
        cursor: pointer;
        z-index: 10;
    }

    #salePageList .salePageHeader div {
        float: left;
        font-size: .9em;
        line-height: 25px;
        margin-right: 5px;
    }

#salePageList .moreDiv {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #e3e8ee;
    padding: 5px 0;
}

/* DEMO 5 */

.wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    margin: 0 auto;
    padding: 8px 10px;
    border: 1px solid #bdbdbd;
    /* Styles */
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 15px;
}

    .wrapper-dropdown-5:after { /* Little arrow */
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        right: 13px;
        margin-top: -3px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: #868686 transparent;
    }

    .wrapper-dropdown-5 .dropdown {
        /* Size & position */
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        /* Styles */
        background: #fff;
        border-radius: 0 0 5px 5px;
        border: 1px solid rgba(0,0,0,0.2);
        border-top: none;
        border-bottom: none;
        list-style: none;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        /* Hiding */
        max-height: 0;
        overflow: hidden;
    }

        .wrapper-dropdown-5 .dropdown li {
            padding: 0 10px;
        }

            .wrapper-dropdown-5 .dropdown li a {
                display: block;
                text-decoration: none;
                color: #333;
                padding: 10px 0;
                transition: all 0.3s ease-out;
                border-bottom: 1px solid #e6e8ea;
            }

            .wrapper-dropdown-5 .dropdown li:last-of-type a {
                border: none;
            }

            .wrapper-dropdown-5 .dropdown li i {
                margin-right: 5px;
                color: inherit;
                vertical-align: middle;
            }

            /* Hover state */

            .wrapper-dropdown-5 .dropdown li:hover a {
                color: #3aa6e6;
            }

    /* Active state */

    .wrapper-dropdown-5.active {
        border-radius: 5px 5px 0 0;
        background: #eeeeee;
        box-shadow: none;
        border-bottom: none;
        color: #333;
    }

        .wrapper-dropdown-5.active:after {
            border-color: #82d1ff transparent;
        }

        .wrapper-dropdown-5.active .dropdown {
            border-bottom: 1px solid rgba(0,0,0,0.2);
            max-height: 400px;
        }

.btn-group>.active::after {
    content: "";
}

.btn-group>.active::after,
.btns .TabArr {
    position: absolute;
    margin-left: -6px;
    bottom: -1px;
    left: 50%;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #f4f4f4 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 6px;
}

.btns .TabArrff {
    position: absolute;
    margin-left: -6px;
    bottom: -1px;
    left: 50%;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 6px;
}

.btns2 .TabArr {
    position: absolute;
    margin-left: -6px;
    top: 22px;
    left: 50%;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 6px;
}

/*btn*/
.btn-group > .btns3 {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-group > .btns3 + .btns3 {
        margin-left: -1px;
    }

.btn-group > .btns3,
.btn-group > .dropdown-menu {
    font-size: 13px;
}

    .btn-group > .btns3:first-child {
        margin-left: 0;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
    }

    .btn-group > .btns3:last-child,
    .btn-group > .dropdown-toggle {
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;
    }

    .btn-group > .btns3.large:first-child {
        margin-left: 0;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-left-radius: 6px;
    }

    .btn-group > .btns3.large:last-child,
    .btn-group > .large.dropdown-toggle {
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        border-bottom-right-radius: 6px;
    }

.btns3 {
    width: 25%;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 6px 0px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #656566;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .btns3 img {
        vertical-align: middle;
        padding: 3px;
    }

    .btns3:hover,
    .btns3:active,
    .btns3.active,
    .btns3.disabled,
    .btns3[disabled] {
        color: #333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btns3:active,
    .btns3.active {
        background-color: #cccccc \9;
    }

    .btns3:first-child {
        *margin-left: 0;
    }

    .btns3:hover {
        color: #656566;
        text-decoration: none;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        /* Buttons in IE7 don't get borders, so darken on hover */
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btns3:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btns3.active,
    .btns3:active {
        background-color: #bcbcbc;
        background-color: #d9d9d9 \9;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

.btn-group > .btns2 {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-group > .btns2 + .btns2 {
        margin-left: -1px;
    }

.btn-group > .btns2,
.btn-group > .dropdown-menu {
    font-size: 13px;
}

.btn-group > .btn-mini {
    font-size: 11px;
}

.btn-group > .btn-small {
    font-size: 12px;
}

.btn-group > .btn-large {
    font-size: 16px;
}

.btn-group > .btns2:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group > .btns2:last-child,
.btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.btn-group > .btns2.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}

.btn-group > .btns2.large:last-child,
.btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}

.btns2 {
    width: 33.5%;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 6px 0px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #656566;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .btns2 img {
        vertical-align: middle;
        padding: 3px;
    }

    .btns2:hover,
    .btns2:active,
    .btns2.active,
    .btns2.disabled,
    .btns2[disabled] {
        color: #333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btns2:active,
    .btns2.active {
        background-color: #d6d6d6;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .btns2:first-child {
        *margin-left: 0;
    }

    .btns2:hover {
        color: #656566;
        text-decoration: none;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        /* Buttons in IE7 don't get borders, so darken on hover */
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btns2:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btns2.active,
    .btns2:active {
        background-color: #bcbcbc;
        background-color: #d9d9d9 \9;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

.btns.disabled,
.btns[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}

.btns {
    width: 49%;
    display: inline-block;
    padding: 6px 0px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #656566;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #C2C2C2;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .btns img {
        vertical-align: middle;
        padding: 3px;
    }

    .btns:hover,
    .btns:active,
    .btns.active,
    .btns.disabled,
    .btns[disabled] {
        color: #333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btns:active,
    .btns.active {
        background-color: #cccccc \9;
    }

    .btns:first-child {
        *margin-left: 0;
    }

    .btns:hover {
        color: #656566;
        text-decoration: none;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        /* Buttons in IE7 don't get borders, so darken on hover */
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btns:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btns.active,
    .btn:active {
        background-color: #bcbcbc;
        background-color: #d9d9d9 \9;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .btns.disabled,
    .btns[disabled] {
        cursor: default;
        background-color: #e6e6e6;
        background-image: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.btn-large {
    //padding: 9px 9px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: rgba(255, 255, 255, 0.95);
}

.btns {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn-primary {
    color: #333333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
    border-color: #ffffff #ffffff #d9d9d9;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /*background-color: #ffffff;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: #333333;
        background-color: #ffffff;
        *background-color: #f2f2f2;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #cbcbcb;
        ;
    }

button.btns,
input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

    button.btns::-moz-focus-inner,
    input[type="submit"].btn::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button.btns.btn-large,
    input[type="submit"].btn.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    button.btn.btn-small,
    input[type="submit"].btn.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    button.btns.btn-mini,
    input[type="submit"].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

.btn-group {
    position: relative;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
}

    .btn-group > .btns {
        position: relative;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .btn-group > .btns + .btns {
            margin-left: -1px;
        }

    .btn-group > .btns,
    .btn-group > .dropdown-menu {
        font-size: 13px;
    }

    .btn-group > .btn-mini {
        font-size: 11px;
    }

    .btn-group > .btn-small {
        font-size: 12px;
    }

    .btn-group > .btn-large {
        font-size: 16px;
    }

    .btn-group > .btns:first-child {
        margin-left: 0;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
    }

    .btn-group > .btns:last-child,
    .btn-group > .dropdown-toggle {
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;
    }

    .btn-group > .btn.large:first-child {
        margin-left: 0;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-left-radius: 6px;
    }

    .btn-group > .btn.large:last-child,
    .btn-group > .large.dropdown-toggle {
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        border-bottom-right-radius: 6px;
    }

#header .headerDiv span.count {
    font-size: 12px;
    height: 15px;
    padding: .2em .5em;
    position: absolute;
    right: 3px;
    top: 1px;
}

span.ui-btn-up-c.ui-btn-corner-all {
    background: #eee;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#de8d86),to(#c91b11));
    background-image: -webkit-linear-gradient(#de8d86,#c91b11);
    background-image: -moz-linear-gradient(#de8d86,#c91b11);
    background-image: -ms-linear-gradient(#de8d86,#c91b11);
    background-image: -o-linear-gradient(#de8d86,#c91b11);
    background-image: linear-gradient(#de8d86,#c91b11);
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
}

.ui-btn-corner-all {
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.KeyVision {
    margin: 0px auto;
    text-align: center;
    margin-top: 5px;
}

    .KeyVision img {
        max-width: 100%;
    }

/*promotion css*/
.Title {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f8f8f8;
    margin: 0px auto;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
}

    .Title .Left {
        background-position: 10px center;
        float: left;
        font-size: 15px;
        line-height: 30px;
        padding-left: 10px;
        color: #555555;
    }

ul.promotionblock {
    margin: 0;
    padding: 10px 10px 5px 10px;
    list-style: none;
    background: url(images/icon/arrow_right.png) 98% 50% no-repeat;
    border-bottom: 1px solid #ddd;
}

    ul.promotionblock:hover {
        background-color: #FFF;
    }

    ul.promotionblock:active {
        background-color: #FFF;
    }

    ul.promotionblock li a {
        display: block;
        outline: none;
        color: #333;
    }

.promotionblock h3 {
    padding: 0;
    font-size: 13px;
    margin: 0;
    color: #333;
}

.promotionblock p {
    padding: 0;
    font-size: 13px;
    margin: 0;
    coloer: #666;
}

.promotionblock img.left {
    margin-right: 5px;
    float: left;
}


ul.promotionblock18 {
    margin-top: 5px;
    padding: 10px 0px 5px 5px;
    list-style: none;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.promotionblock18 h3 {
    padding: 0;
    font-size: 13px;
    margin: 0;
}

.promotionblock18 p {
    padding: 0;
    font-size: 13px;
    margin: 0;
    coloer: #666;
}

.promotionblock18 img.left {
    margin-right: 5px;
    float: left;
}


ul.promolist {
    margin: 0;
    padding: 10px 10px 3px 10px;
    list-style: none;
    border-bottom: 1px solid #c3c3c3;
    background: url(images/icon/arrow_right.png) 98% 50% no-repeat;
}

    ul.promolist li a {
        display: block;
        outline: none;
        color: #333;
        height: 80px;
    }

.promolist h1 {
    padding: 0;
    font-size: 15px;
    margin: 0;
    line-height: 28px;
    margin-right:10px;
}

.promolist h3 {
    padding: 0;
    font-size: 13px;
    margin: 0;
    line-height: 24px;
    font-weight: normal;
    margin-right:10px;
}

.promolist h2 {
    padding: 0;
    font-size: 13px;
    margin: 0;
    color: #666;
    font-weight: normal;
}

.promolist img.left {
    margin-right: 10px;
    float: left;
}

.promolist:hover {
    display: block;
    background: #fff url(images/icon/arrow_right.png) 98% 50% no-repeat;
}

.promolist:active {
    display: block;
    background: #fff url(images/icon/arrow_right.png) 98% 50% no-repeat;
}

/*折扣活動detal*/
.PromoDiv {
    background: #fff;
    padding: 10px;
    box-shadow: 4px 4px 12px -2px rgba(0%,0%,0%,0.1);
}

ul.promotionblockdiv {
    padding: 10px 0 10px 5px;
    list-style: none;
    background-color: #f4f4f4;
}

.promotionblockdiv h3 {
    padding: 0 5px 10px 0;
    font-size: 18px;
    margin: 0 10px 10px 10px;
    line-height: 30px;
    border-bottom:1px solid #ccc;
}

.promotionblockdiv h2 {
    padding: 0;
    font-size: 13px;
    margin: 0;
    color: #333;
    font-weight: bold;
}

.promotionblockdiv p {
    padding: 0;
    font-size: 13px;
    margin: 0;
    coloer: #666;
}

.promotionblockdiv img.left {
    margin-right: 5px;
    float: left;
}

.PromoTitle {
    margin: 0px auto;
    //height:30px;
    border-style: 1px solid;
    border-top-color: #afcee2;
    border-left-width: 0px;
    border-right-width: 0px;
    font-size: 16px;
    font-weight: bold;
}

    .PromoTitle .Left {
        background: url(images/icon/arrow_red.gif) no-repeat;
        background-position: 10px center;
        font-size: 15px;
        line-height: 30px;
        padding-left: 20px;
        color: #555555;
    }

    .PromoTitle p {
        font-size: 13px;
        margin-left: 10px;
        color: #666;
    }

    .PromoTitle ul li {
        font-size: 13px;
        margin-left: 30px;
        color: #666;
    }

    .PromoTitle ul.rule-item-block {
        list-style-type: circle;
    }


/*O2O無*/
.O2ONull {
    padding: 20px 0 20px 0;
    margin: 0 auto;
    width: 320px;
    text-align: center;
    font-size: 13px;
}

    .O2ONull .NullTitle {
        line-height: 26px;
        font-size: 15px;
    }

        .O2ONull .NullTitle img {
            vertical-align: middle;
        }

/*20131004 O2O */
p.if {
    padding: 0px 20px;
    　　margin: 0px;
    font-size: 13px;
    line-height: 20px;
}

.alert {
    background-color: #e3e3e3;
    border: 1px solid #949494;
    margin: 10px;
    font-size: 13px;
    color: #666;
    padding: 10px;
}

.O2ODiv {
    padding: 10px;
    text-align: center;
    margin: 0px auto;
    position: relative;
}

    .O2ODiv img {
        max-width: 100%;
    }

    .O2ODiv .caption {
        padding: 10px;
        color: #fff;
        background: url(images/common/1px_black.png) repeat;
        position: absolute;
        bottom: 10px;
        top: 10px;
        right: 10px;
        left: 10px;
    }

.CouponTitle {
    color: #333;
    font-weight: bold;
    padding: 0px 10px 5px 10px;
}

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

.countDiv {
    margin: 0 auto;
    width: 320px;
}

#counter2 {
    position: absolute;
    margin-top: 100px;
    padding: 0 40px;
    z-index: 99;
    width: 240px;
}

.cntSeparator { /* 分隔符號的樣式 */
    font-size: 54px;
    margin: 5px;
    color: #fff;
}

.desc {
    margin: 7px 3px;
}

    .desc div {
        float: left;
        font-family: Arial;
        width: 70px;
        margin-right: 65px;
        font-size: 13px;
        font-weight: bold;
        color: #000;
    }

.countDiv .countscript {
    font-size: 13px;
    color: #fff;
    position: absolute;
    display: block;
    z-index: 99;
    margin-top: 190px;
    padding: 0 70px;
}

#O2O {
    padding: 5px 10px;
}
    /*淺灰*/
    #O2O .O2ODivLight {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivLightHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #e4e4e4 url(images/icon/L1right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivLightHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #666;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivLightListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivLightListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .CouponDash {
        background-image: url(images/common/coupondash.png);
        background-repeat: no-repeat;
        background-size: 11px 91px;
        margin: 5px 8px 20px 2px;
        float: left;
        display: inline-table;
    }

    #O2O .O2ODivLightTitle {
        float: left;
        padding: 10px 15px;
        color: #333;
        font-weight: bold;
    }

    #O2O .O2ODivContentTitle {
        padding: 5px 0px 0px 5px;
        font-size: 15px;
        color: #000;
        font-weight: bold;
    }

    #O2O .O2ODivContent {
        padding: 5px 0px 5px 10px;
        font-size: 13px;
        color: #333;
    }

    /*黑色*/
    #O2O .O2ODivBlack {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivBlackHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #333 url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivBlackHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivBlackListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivBlackListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivBlackTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }

    /*深灰色*/
    #O2O .O2ODivGrey {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivGreyHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #666 url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivGreyHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivGreyListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivGreyListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivGreyTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }


    /*橘色*/
    #O2O .O2ODivOrange {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivOrangeHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #ff561a url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivOrangeHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivOrangeListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivOrangeListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivOrangeTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }

    /*紅色*/
    #O2O .O2ODivRed {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivRedHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #bc1a1c url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivRedHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivRedListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivRedListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivRedTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }

    /*淺藍色*/
    #O2O .O2ODivCyan {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivCyanHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #5cc7d7 url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivCyanHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivCyanListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivCyanListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivCyanTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }

    /*深藍色*/
    #O2O .O2ODivBlue {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivBlueHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #006a8a url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivBlueHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivBlueListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivBlueListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivBlueTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }

    /*桃色*/
    #O2O .O2ODivPeach {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivPeachHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #e94d8a url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivPeachHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivPeachListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivPeachListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivPeachTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }

    /*粉色*/
    #O2O .O2ODivPink {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivPinkHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #ec849b url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivPinkHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivPinkListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivPinkListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivPinkTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }

    /*紫色*/
    #O2O .O2ODivPurple {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivPurpleHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #7834a1 url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivPurpleHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivPurpleListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivPurpleListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivPurpleTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }

    /*綠色*/
    #O2O .O2ODivGreen {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-color: #b5b5b5;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        width: 100%;
        background: #F2F2F2;
    }

    #O2O .O2ODivGreenHeader {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #d8d8d8;
        background: #0e915a url(images/icon/right_icon.png) no-repeat;
        background-position: 98% 50%;
        height: 40px;
    }

        #O2O .O2ODivGreenHeader span.num {
            font-size: 13px;
            padding: 12px;
            color: #fff;
            display: inline-block;
            float: right;
            margin-right: 3%;
        }

    #O2O .O2ODivGreenListlast {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-top-color: #FFF;
        padding: 0 5px;
        background: #F2F2F2;
        display: inline-table;
    }

        #O2O .O2ODivGreenListlast img {
            border-style: solid;
            margin: 5px 2px 20px 2px;
            border-width: 1px 1px 1px 1px;
            border-color: #eee;
            float: left;
            display: inline-table;
        }

    #O2O .O2ODivGreenTitle {
        float: left;
        padding: 10px 15px;
        color: #fff;
        font-weight: bold;
    }

/*O2Oaddbutton*/

.addbuttonarea {
    background: url(images/common/addbuttonarea_bg.gif) repeat;
    padding: 10px;
    margin: 10px 0 0 0;
    -moz-box-shadow: 0px 5px 5px #b6b6b6 inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 5px 5px #b6b6b6 inset; /* For Chrome5+, Safari5+ */
    box-shadow: 0px 5px 5px #b6b6b6 inset;
}

.addbuttonareabottom {
    background: url(images/common/addbuttonarea_bg.gif) repeat;
    /*margin: 10px 0 0 0;*/
    -moz-box-shadow: 0px 5px 5px #b6b6b6 inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 5px 5px #b6b6b6 inset; /* For Chrome5+, Safari5+ */
    box-shadow: 0px 5px 5px #b6b6b6 inset;
    /*position: fixed;*/
    bottom: 0;
    width: 95%;
}

.addbuttonareabottomPromo {
    background: url(images/common/addbuttonarea_bg.gif) repeat;
    margin: 10px 0 30px 0;
    padding: 10px 0;
    -moz-box-shadow: 0px 5px 5px #b6b6b6 inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 5px 5px #b6b6b6 inset; /* For Chrome5+, Safari5+ */
    box-shadow: 0px 5px 5px #b6b6b6 inset;
    width: 100%;
}

.ui-btn-up-r.ui-btn-corner-all, .ui-btn-up-w.ui-btn-corner-all, .ui-btn-up-f.ui-btn-corner-all {
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
}

.ui-btn-up-r {
    background: rgb(202, 60, 60);
    color: #fff;
    text-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    border: 1px solid;
    border-color: #DBDBDB #D6D6D6 #B9B9B9;
    background-image: -moz-linear-gradient(#eeeeee, #d4d4d4);
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    font-size: 17px;
    text-align: center;
    line-height: 36px;
}

    .ui-btn-up-r:hover {
        background: rgb(200, 10, 85); /* this is a maroon */
        color: white;
        font-size: 17px;
        text-align: center;
        border-radius: 5px;
    }

    .ui-btn-up-r:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .ui-btn-up-r.active,
    .ui-btn-up-r:active {
        background-color: #da171a;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

.ui-btn-up-o {
    background: #fd723b;
    color: #fff;
    text-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    border: 1px solid;
    border-color: #DBDBDB #D6D6D6 #B9B9B9;
    background-image: -moz-linear-gradient(#eeeeee, #d4d4d4);
    -moz-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    font-size: 17px;
    text-align: center;
    line-height: 22px;
}

    .ui-btn-up-o:hover {
        background: #e15b26;
        color: white;
        font-size: 17px;
        text-align: center;
        border-radius: 5px;
    }

    .ui-btn-up-o:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .ui-btn-up-o.active,
    .ui-btn-up-o:active {
        background-color: #d94205;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }



.ui-btn-left, .ui-btn-right, .ui-btn-inline {
    display: inline-block;
    vertical-align: middle;
}

.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline, .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn {
    margin-right: 5px;
    margin-left: 5px;
}

.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em 0;
    padding: 0;
}

.ui-btn5px {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: 5px 0;
    padding: 0;
}

.ui-btn-up-w35 {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #d0d0d0;
    -webkit-text-shadow: none;
    text-shadow: none;
    height: 35px;
    line-height: 20px;
}

.ui-btn-up-w {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #d0d0d0;
    -webkit-text-shadow: none;
    text-shadow: none;
    height: 40px;
    line-height: 32px;
}

    .ui-btn-up-w img {
        vertical-align: middle;
    }

    .ui-btn-up-w:hover {
        color: #656566;
        text-decoration: none;
        background-color: #e6e6e6;
        /* Buttons in IE7 don't get borders, so darken on hover */
        background-position: 0 40px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .ui-btn-up-w:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .ui-btn-up-w.active,
    .ui-btn-up-w:active {
        background-color: #cbcbcb;
        background-color: #d9d9d9 \9;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .ui-btn-up-w > span {
        color: #000;
        padding: 4px 5px;
        -webkit-text-shadow: none;
        text-shadow: none;
    }

.ui-btn-inner {
    font-size: 15px;
    padding: .6em 20px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
}

.ui-btn-up-r span {
    color: #fff;
    padding: 4px 25px;
    -webkit-text-shadow: none;
    text-shadow: none;
}

/*020button end*/

/*分期*/

#qaContent ul.accordionPart {
    background-color: #fff;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    #qaContent ul.accordionPart li {
        padding: 5px;
    }

        #qaContent ul.accordionPart li .qa_title {
            background: url(/content/images/icon/arrow_more.gif) no-repeat;
            color: #333;
            cursor: pointer;
            background-position: right;
        }

        #qaContent ul.accordionPart li .qa_title_on {
            text-decoration: underline;
        }

        #qaContent ul.accordionPart li .qa_content {
            line-height: 24px;
            color: #666;
            background-position: right;
            padding: 5px 0;
            display: none;
        }

        #qaContent ul.accordionPart li .qa_content a {
            line-height: 24px;
            color: #666;
            background-position: right;
            padding: 5px 0;
            display: block;
        }

        .qa_container_firstTitle {
            font-size: 13px;
            line-height: 20px;
            padding: 10px;
            margin: 0;
        }

        #qaContent .choicepart .qa_content .qa_confirm a{
            display: block;
            color: #fff;
            font-size: 15px;
            width: 30.469%;
            min-width: 195px;
            line-height: 40px;
            letter-spacing: 1px;
            text-align: center;
            padding: 0;
            border-radius: 5px;
            margin: 10px auto;
            cursor: default;
        }

        .qa_reauthenticate_button {
            background-color: #fd922d;
        }

        .qa_mobile_authenticate_button {
            background-color: #2fc553;
        }

        .qa_explanation_img {
            display: block;
            width: 100%;
            max-width: 315px;
            margin: 20px auto;
        }

        .qa_content .qa_confirm u,
        .qa_content .qa_confirm p {
            color: #929292;
            text-align: center;
            line-height: 20px;
            padding: 0;
        }

        .qa_content .qa_content_close {
            float: right;
            clear: right;
            color: #999;
            cursor: pointer;
        }

        #qaContent ul.choicepart .qa_explanation>ul>li {
            list-style-type: decimal;
            padding: 0;
            margin-left: 40px;
        }

        .qa_service {
            margin: 0 15px;
        }

        .qa_service_icon {
            float: left;
            width: 25px;
            height: 25px;
            background: url(../content/images/icon/share_mail.png) no-repeat;
            background-size: 100%;
            border: 0 none;
            margin-right: 5px;
        }

        a.qa_service_link {
            color: #3aa6e6;
        }

#qaContent ul.choicepart {
    font-size: 13px;
    color: #666;
    padding: 21px 10px;
    margin: 0;
    border-bottom: 1px dashed #999;
    margin: 0 10px;
    list-style: none;
}

    #qaContent ul.choicepart li {
        padding: 5px;
    }

        #qaContent ul.choicepart li .qa_title {
            background: url(/content/images/icon/arrow_more.gif) no-repeat;
            color: #333;
            cursor: pointer;
            background-position: right;
        }

        #qaContent ul.choicepart li .qa_title2 {
            color: #333;
        }

        #qaContent ul.choicepart li .qa_title3 {
            color: #333;
            font-size: larger;
        }

        #qaContent ul.choicepart li .qa_title_on {
            text-decoration: underline;
        }

        #qaContent ul.choicepart li .qa_content {
            line-height: 24px;
            color: #666;
            background-position: right;
            padding: 5px 0;
            display: none;
        }

            #qaContent .qa_explanation,
            #qaContent ul.choicepart li .qa_content a {
                line-height: 24px;
                color: #666;
                background-position: right;
                padding: 22px 0px 0px 22px;
                display: block;
            }

.righttitle {
    float: left;
    font-size: smaller;
}

.righttitle2 {
    float: left;
    text-decoration: underline;
    display: block;
    /*padding:0 0 10px 0;*/
    padding: 0 0 10px 22px;
}

.righttitle3 {
    /*float:right;*/
    text-decoration: underline;
    display: block;
    /*
    margin-right:20px;
    margin-top:-15px;
    */
    padding-left: 22px;
    font-size: smaller;
}

.bgwhite {
    background-color: #fff;
}

.bgfamilymart {
    background: url(/content/images/icon/familymart_icon.jpg) no-repeat;
    background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    padding-left: 22px;
}

.bgtransfer {
    background: url(/content/images/icon/truck_icon.png) no-repeat;
    background-size: 20px 14px;
    -moz-background-size: 20px 14px;
    -webkit-background-size: 20px 14px;
    -o-background-size: 20px 14px;
    padding-left: 22px;
}
.bgseveneleven{
    background:url(images/icon/seveneleven_icon.jpg) no-repeat ;
    background-size:15px 15px;
    -moz-background-size:15px 15px;
    -webkit-background-size:15px 15px;
    -o-background-size:15px 15px;
    padding-left:22px;
}
.bgfastdollor {
    background: url(/content/images/icon/fastdollor_icon.png) no-repeat;
    background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    padding-left: 22px;
}

.bgcredit {
    background: url(/content/images/icon/credit_icon.png) no-repeat;
    background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    padding-left: 22px;
}

/*0212訂單查詢上發票待處理*/
.OrderListItemDiv {
    padding: 5px 0;
    position: relative;
}

.OrderListBar {
    min-height: 65px;
    line-height: 18px;
    background: #fffff3 url(images/icon/L1right_icon.png) no-repeat;
    background-position: 98% 50%;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin: 5px 10px 0px 10px;
    padding: 0px 20px 0px 0px;
    cursor: pointer;
}

    .OrderListBar:hover {
        background: #fff url(images/icon/L1right_icon.png) no-repeat;
        background-position: 98% 50%;
    }

    .OrderListBar:active {
        background: #efefef url(images/icon/L1right_icon.png) no-repeat;
        background-position: 98% 50%;
    }

.OrderListcontent {
    padding: 0px 5px;
    color: #333;
    font-size: 13px;
    display: block;
    margin: 0 0 0 40px;
    vertical-align: middle;
}

.TSList {
    padding: 5px;
    vertical-align: middle;
    color: #999;
    font-size: 13px;
    margin: 0 0 0 40px;
}

span.Redminder {
    left: 11px;
    padding: 0 5px;
    position: absolute;
    background-color: #c82025;
    width: 30px;
    height: 65px;
    line-height: 65px;
    text-align: center;
}

    span.Redminder img {
        vertical-align: middle;
    }

/*折價券*/

.Title .Right a {
    float: right;
    font-size: 15px;
    line-height: 30px;
    padding-right: 10px;
    color: #666;

}

.CouponListItemDiv { padding-top: 5px; }
.CouponListBarFriend {
    background:#fff;
    height:75px;
    line-height:15px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin:0px 5px 8px 5px;
    padding:0px ;
    cursor:pointer;
}


.CouponRight {
    padding:5px;
    line-height:22px;
}

.CouponRight .CouponListcontent {
    padding:0px;
    color:#333;
    font-size:13px;
    vertical-align : middle;
}


.CouponRight  .CNumList {
    vertical-align : middle;
    color:#333;
}

.CNumList  span{
    color:#ff0000;
}

.CouponValue {
    background-color:#4b81db;
    float:left;
    width:70px;
    color:#fff;
    font-size:13px;
    margin:0px 12px 2px 0px;
    padding:8px 12px 8px 8px;
    text-align:center;
    border-right:1px dashed #fff;
}

.CouponValue span {
    color:#fff;
    font-size:30px;
    line-height:40px;
}


.CouponValueGeneral {
    background-color:#bababa;
    float:left;
    width:70px;
    color:#fff;
    font-size:13px;
    margin:0px 12px 2px 0px;
    padding:8px 12px 8px 8px;
    text-align:center;
    border-right:1px dashed #fff;
}

.CouponValueGeneral span {
    color:#fff;
    font-size:30px;
    line-height:40px;
}


.CouponMerge {
    background-color:#e76a54;
    float:left;
    width:70px;
    color:#fff;
    font-size:13px;
    margin:0px 12px 2px 0px;
    padding:8px 12px 8px 8px;
    text-align:center;
    border-right:1px dashed #fff;
}

.CouponMerge span {
    color:#fff;
    font-size:30px;
    line-height:40px;
}



.CNumList  .countdown {
    float:right;
    font-size:xx-small;
    border-radius:10px;
    background:#333;
    color:#fff;
    padding:0 5px;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}

.whitehrg {
    height:1px;
    background-color:#fff;
    margin:5px;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}

.redRadio.checked {
    background-position: -57px;
}


.redRadio {
    background: url(images/payinfo/check_radio_sheet.png) -38px top no-repeat;
    clear: left;
    display: inline-block;
    float: left;
    height: 19px;
    padding: 0px;
    width: 19px;
    cursor: pointer;
    margin-right: 8px;
}

#CouponID {
    font-size: 13px;
    color: #666;
    padding:10px 10px 10px 10px;
}

/*折價券列表*/
.CouponShop {
    margin-top:-5px;
    padding:0px 0 5px 0;
}

/*清單*/

.CouponListBarFirst {
  text-align: center;
  background: #e33d26;
  line-height: 15px;
  border-bottom: 1px solid #c9c9c9;
  margin: 5px 5px 2px 5px;
  padding: 15px;
  cursor: pointer;
  color: #fff;
  position: relative;
}

.CouponListBarB {
    text-align:center;
    background:#878787;
    line-height:15px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin:5px 5px 2px 5px;
    padding:15px ;
    cursor:pointer;
    color:#fff;
    position: relative;
}

.offlineImg {
    width: auto !important;
    position: absolute;
    right: 0;
}

.CouponValueB {
    float:left;
    vertical-align:middle;
    width:110PX;
    color:#fff;
    font-size:13px;
    margin-top:20px;
    margin-right:10px;
    text-align:center;
}
.CouponValueR {
    vertical-align:middle;
    line-height:18px;
    color:#fff;
    font-size:14px;
    padding:8px 12px 8px 8px;
    text-align:right;
}

.CouponValueB span {
    color:#fff;
    font-size:55px;
    line-height:40px;
}

/*折價券詳細*/
.CouponListBarFirstDetail {
    text-align:center;
    background:#e33d26;
    line-height:15px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    //margin:5px 5px 2px 5px;
    padding:15px;
    color:#fff;
}
.CouponListBarNormalDetail {
    text-align:center;
    background:#878787;
    line-height:15px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin:5px 5px 2px 5px;
    padding:15px;
    color:#fff;
}
.couponannouce ol {
    padding:10px;
    line-height:20px;
    margin-left:20px;
    font-size:13px;
}


/*折價券 cart*/
.field {
    float: left;
    text-indent: 10px;
    width:90%;
    padding:7px;
    font-family: arial, sans-serif;
    font-size: 1em;
    color: #333;
    background: #fff;
    border: solid 1px #d9d9d9;
    border-top: solid 1px #c0c0c0;
    border-right: none;
}

.cancel {
    float: left;
    cursor: pointer;
    width:100%;
    height: 30px;
    text-align:center;
    color:#fff;
    background:#999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border:solid 1px #d9d9d9;
}

.submit {
    float: left;
    cursor: pointer;
    width:100%;
    height: 30px;
    text-align:center;
    color:#fff;
    background:#696;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border:solid 1px #d9d9d9;
}

.CartShoptitle {
    font-size:13px;
    font-weight:bold;
    color:#333;
    padding:10px 0;
}
.ui-btn-disable {
    background-color: #CCCCCC;
    color: #999;
    text-align: center;
    font-weight: bold;
    -webkit-text-shadow: none;
    text-shadow: none;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px;
}
.offline-ecoupon-ui-btn-disable {
    background-color: #CCCCCC;
    color: #999;
    text-align: center;
    font-weight: bold;
    -webkit-text-shadow: none;
    text-shadow: none;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px;
}
.TSList {
    padding:5px;
    vertical-align : middle;
    color:#999;
    font-size:13px;
    margin:0 0 0 40px;
}
span.Redminder {
    left:11px;
    padding: 0 5px;
    position:absolute;
    background-color:#c82025;
    width:30px;
    height:65px;
    line-height:65px;
    text-align : center;}

span.Redminder img{
    vertical-align : middle;
    }

/*how2play*/
ol.if {
  margin: 5px 10px 5px 0;
  font-size:13px;
  line-height:20px;

}

@media screen and (min-width: 300px) and (max-width: 635px) {
    .CouponListBarB {
        text-align:center;
        background:#878787;
        line-height:15px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin:5px 5px 2px 5px;
        padding:15px ;
        cursor:pointer;
        color:#fff;
        position: relative;
    }

    .CouponListBarFirst {
        text-align:center;
        background:#e33d26;
        line-height:15px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin:5px 5px 2px 5px;
        padding:15px ;
        cursor:pointer;
        color:#fff;
        position: relative;
    }

    .CouponListBarFirstDetail {
        text-align:center;
        background:#e33d26;
        line-height:15px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        //margin:5px 5px 2px 5px;
        padding:15px;
        color:#fff;
    }

    .CouponListBarNormalDetail {
        text-align:center;
        background:#878787;
        line-height:15px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin:5px 5px 2px 5px;
        padding:15px;
        color:#fff;
    }
}

@media screen and (min-width: 635px) and (max-width: 2400px) {
    .CouponListBarB img {
        width:100%;
    }

    .CouponListBarFirst img {
        width:100%;
    }

    .CouponListBarB {
        text-align:center;
        background:#878787;
        line-height:15px;
        height:132px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin:5px 5px 2px 5px;
        padding:15px ;
        cursor:pointer;
        color:#fff;
        float:left;
        width:43%;
        position: relative;
    }

    .CouponListBarFirst {
        text-align:center;
        background:#e33d26;
        line-height:15px;
        height:132px;
        border-bottom: 1px solid #c9c9c9;
        margin:5px 5px 2px 5px;
        padding:15px ;
        cursor:pointer;
        color:#fff;
        width:43%;
        float:left;
        position: relative;
    }

    .CouponListBarFirstDetail {
        width:75%;
        margin:0 auto;
        text-align:center;
        background:#e33d26;
        line-height:15px;
        color:#fff;
    }

    .CouponListBarNormalDetail {
        width: 75%;
        text-align:center;
        background:#878787;
        line-height:15px;
        margin:0 auto;
        color:#fff;
    }

    .ecouponframe {
        background:#d8d8d8;
        padding:15px 10px;
    }

    .CouponListBarFirstDetail img {
        width:95%;
    }
}

/*銷售排行榜 －商店*/
/*Rank*/
.allrank div {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL5JREFUeNpiLC8vZ2NgYFgOxF1AfJIBDTAB8WIgDgLizUCsgk3BAShbFIi3Q2kUBdOBuAPKB5mwFYj5kRWAQBUQz4ayTYF4HRCzISv4D8SZQLwJyncC4nlAzMiCZN1fII4E4n1AbA7E0UD8mImBAEBWwAwND3MofynIbTAFjEA8E4j9oHyQNUkgt8EUtAFxMpQNCs1AIP4FswLk+gqo5B0g9gXiT8hucIKyXwOxJ5SGAxaod0Bu6IaagAIAAgwATxsgn0o0L+YAAAAASUVORK5CYII=) no-repeat;
    background-position: 98% 50%;
    line-height: 30px;
    font-size: 15px;
    border-color: #a7a7a7;
    border-width: 0px 0px 1px 0px;
    border-style: dashed;
    padding: 8px;
}

.allrank a span{
    text-decoration: none;
    color:#c92025;
}
.allrank a {
    text-decoration: none;
    color:#333;
}
.allrank a:hover {
    text-decoration: none;
    color:#888;
}
.allrank a:active {
    text-decoration: none;
    color:#888;
}

.allrank {
    display: block;
    height: 100%;
}

.product-rank .ProductPic {
    padding: 1% 1% 0 1%;
    width: 48%;
    float: left;
}

.product-rank .ProductPic_A img {
    border: 1px solid #ccc;
    width: 99%;
}

.ranktop {
    position: relative;
}

.ranktop img, .ranktop .zoBody {
    position: absolute;
    background: url(images/icon/rank.png);
    width: 30px;
    height: 41px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    right: 0px;
    top: 0px;
}

span.zoBody {
    color:#fff;
    text-shadow: 1px 1px #b07d12;
    text-align: center;
    font-size: 15px;
    line-height: 56px;
}

.product-rank .ProductPic a {
    font-size: 14px;
    color:#333;
}

.RPrice {
    display: inline-block;
}

.RPrice span {
    font-size: 15px;
    color: #c82025;
    font-weight: 700;
    text-decoration: none;
    float: right;
}
.RPrice .del {
    float: left;
    font-size: 13px;
    color:#666;
    text-decoration: line-through;
    margin-right: 5px;
    line-height: 17px
}
.RPrice .blank {
    float: left;
    margin-right: 5px;
    height: 26px
}
/*Rank*/

/*Alert Style Begin*/
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  line-height:25px;
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 1.5em;
  font-size:16px;
    color:#333;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
ul.cd-buttons  {padding:0; margin:0;}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
  list-style:none;
}
.cd-popup-container .cd-buttons li.full {
  float: left;
  width: 100%;
  list-style:none;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #c2c2c2;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #aaaaaa;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #ca3c3c;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c80a55;
}

.cd-popup-container .cd-buttons li.full:last-child a {
  background: #ca3c3c;
  border-radius: 0 0 .25em .25em;
}


.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #666;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
}
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(134, 134, 134, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}
/*Alert Style End*/

/*201509 滿額贈*/
.shopMustBuyBox>ul>li a p,
.shopMustBuyBox>ul,
.PromoTitle>.rule-item-more{
    overflow: hidden;
}

.PromoTitle>.rule-item-more{
    margin: 0 1%;
}
.shopMustBuyBox .product-title{
    margin-top: 5px;
}
.shopMustBuyBox>ul>li p,
.PromoTitle>.rule-item-more p,
.PromoTitle>.rule-item-more li{
    padding: 0;
    margin: 0;
}

.shopMustBuyBox>ul>li,
.PromoTitle>.rule-item-more>li{
    float: left;
}

.PromoTitle>.rule-item-more>li{
    width: 30%;
    margin: 0 1.6%;
}

.shopMustBuyBox>h3,
.PromoTitle>.rule-item-more>li>a>p,
.PromoTitle>.rule-item-more>li>a{
    position: relative;
}

.shopMustBuyBox>ul,.shopMustBuyBox>ul>li>a,
.PromoTitle>.rule-item-more>li>a>em,
.PromoTitle>.rule-item-more>li>a>img,
.PromoTitle>.rule-item-more>li>a{
    display: block;
}

.PromoTitle>.rule-item-momanagerre>li>a>img,
.PromoTitle>.rule-item-more>li>a{
    text-align: center;
    border: 0 none;
}

.shopMustBuyBox>ul>li>a>img,
.PromoTitle>.rule-item-more>li>a>em,
.PromoTitle>.rule-item-more>li>a>img{
    width: 100%;
}

.PromoTitle>.rule-item-more>li>a>img{
    height: 100%;
}

.shopMustBuyBox>h3>img,
.PromoTitle>.rule-item-more>li>a>em{
    position: absolute;
}

.shopMustBuyBox>h3>img,
.PromoTitle>.rule-item-more>li>a>em{
    left: 0;
}

.shopMustBuyBox>ul>li>a>img{
    border: 1px solid #ccc;
}

.shopMustBuyBox>ul>li a em,
.shopMustBuyBox>ul>li a i,
.PromoTitle>.rule-item-more>li>a>em{
    font-style: normal;
}

.PromoTitle>.rule-item-more>li>a>em{
    z-index: 1;
    top: 0;
    height: 50%;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    line-height: 0;
    padding-top: 50%;
    background-color: rgba(0,0,0,.6);
}

.PromoTitle>.rule-item-more>li>a>p{
    z-index: 2;
    color: #d42727;
    font-size: 107% !important;
    word-break: break-all;
    padding: 5.4% 0;
    background-color: #f4f4f4;
}

.shopMustBuyBox>ul>li a.shopMustBuyBox,
.content>.rule-item-more{
    color: #fff !important;
}

.content>.rule-item-more{
    background-color: #e7462b;
    box-shadow: 0 4px 0 #d13218;
    margin: 3%;
}

.content>.rule-item-more:hover{
    background-color: #ca3c3c;
}

.shopMustBuyBox{
    background-color: #fffbea;
    border: 1px solid #eaeaea;
    padding: 3.125%;
    margin: 3.125%;
}

.shopMustBuyBox>h3{
    color: #ca3b3c;
    font-size: 106% !important;
    line-height: 2;
    padding-left: 45px;
    margin-bottom: 2.679%;
    border-bottom: 2px solid #ca3b3c;
}

.shopMustBuyBox>h3>img{
    width: 30px;
    height: 30px;
}

.shopMustBuyBox>ul>li{
    width: 48%;
    margin: 0 1% 2%;
}

@media only screen and (min-width:1023px){
    .shopMustBuyBox>ul>li{
        width: 31%;
    }
}

.shopMustBuyBox>ul>li a.shopMustBuyBox{
    background-color: #ca3b3c;
}

.shopMustBuyBox>ul>li a i{
    text-decoration: line-through;
    margin-right: 1%;
}

.shopMustBuyBox>ul>li a p{
    display: -webkit-box;
    height: 32px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.shopMustBuyBox>ul>li a p:last-child{
    height: auto;
}

.shopMustBuyBox>ul>li a em{
    color: #c82025;
}
.shopMustBuyBox h3>a>i, .shopMustBuyBox .right-arrow {
    float: right;
    margin-top: 6px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('images/common/right-arrow.svg');
}
.shopMustBuyBox .title-container{
    border-bottom: 2px solid #ca3b3c;
    margin-bottom: 15px;
}
.shopMustBuyBox .title-text{
    color: #ca3b3c;
    line-height: 2;
    padding-left: 15px;
    vertical-align: super;
}
/*標準紅色字體*/
.color-regular-red{
    color:#FF5353;
}

/*201509 滿額贈 End*/

/*13441*/
h1.outline {
    display: none;
}
/*13441 end*/

/*加入購物車popup外型樣式 start*/
/*PC.Pad版*/
@media screen and (min-width: 769px) {
   .addtocart-popup{
       border: none !important;
       width: 600px !important;
       height: 464px;
       top: 10% !important;
       left: 50% !important;
       margin-left: -300px !important;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
       -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   }
}
/*手機版*/
@media screen and  (max-width: 768px) {
   .addtocart-popup{
       border: none!important;
       width: 90%!important;
       height: 75%;
       top: 10%!important;
       left: 5%!important;
       max-height: 464px;
   }
   .add-to-cart-message{
       top: 30%;
   }
}
/*加入購物車popup外型樣式 end*/
/*加入購物車訊息*/
.add-to-cart-message{
    position: fixed;
    left: 50%;
    z-index: 99999;
    width: 200px;
    margin-left: -100px;
    padding: 20px 10px;
    background-color: #000;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    opacity: 0.7;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
}
/*購物說明開始*/
.shopping-guide{
    font-size: 13px;
    line-height: 1.6em;
}
.shopping-guide ol, .shopping-guide ul{
     padding-left: 30px;
 }
.shopping-guide ol, .shopping-guide ol li{
    list-style: decimal;
}
.shopping-guide ul, .shopping-guide ul li{
    list-style: disc;
}
.shopping-guide-title{
    margin: 30px 0 12px;
    font-size: 20px;
    font-weight: bold;
    border-left: 3px solid #4a4e5c;
    padding-left: 6px;
    line-height: 1;
}
.shopping-guide-title.first{
    margin-top: 0;
}
.shopping-guide .payment-title{
    font-weight: bold;
    font-size: 14px;
}
.shopping-guide .payment-content{
    margin-bottom: 8px;
}
.shopping-guide-content p{
    margin-left: 0;
}
/*購物說明結束*/