@media screen and (max-width: 1024px) {
    .container {
        width: 970px;
    }
}

body, img, div, p, h1, h2, h3, h4, ul, li, table, dl, dt, dd {
    margin: 0;
    padding: 0;
    border: none;
}


html, body {
    font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size: 9pt;
}

li {
    list-style-type: none;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    overflow: hidden;
    color: #555;
}

    a:hover {
        text-decoration: none;
        overflow: hidden;
        color: #4b8ed3;
    }

.glyphicon {
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
}

.clear {
    clear: both;
}

.header_right {
    float: left;
}

    .header_right .poster {
        padding: 0;
        float: left;
    }


.menu {
    height: 30px;
    clear: both;
    background: url(../Images/back-menu.png) no-repeat;
    background-size: 100% 100%;
}

    .menu .menu-navigation li {
        float: left;
        display: inline;
        margin-left: 2px;
    }

        .menu .menu-navigation li a {
            color: #000;
            display: inline-block;
            padding: 7px 20px 0 10px;
            _width: 75px;
            width: auto;
            height: 23px;
            font-weight: bold;
        }

            .menu .menu-navigation li a:hover {
                color: #fff;
                background: url(../Images/back-menu-a.png) repeat-x;
                height: 30px;
            }

    .menu .menu-navigation .select {
        color: #fff;
    }

.icon_module_online {
    width: 30px;
    height: 30px;
    background: url(../Images/icon-module-online.png) no-repeat;
}

.icon_module_qq {
    width: 30px;
    height: 30px;
    background: url(../Images/icon-module-qq.png) no-repeat;
}

.icon_module_email {
    width: 30px;
    height: 30px;
    background: url(../Images/icon-module-email.png) no-repeat;
}

.icon_module_mobile {
    width: 30px;
    height: 30px;
    background: url(../Images/icon-module-mobile.png) no-repeat;
}

.icon_module_help {
    width: 30px;
    height: 30px;
    background: url(../Images/icon-module-help.png) no-repeat;
}

.icon_module_feedback {
    width: 30px;
    height: 30px;
    background: url(../Images/icon-module-feedback.png) no-repeat;
}

.icon_vital_msn a, .icon_vital_qq a, .icon_vital_facebook a, .icon_vital_linkin a, .icon_vital_twitter a, .icon_vital_email a, .icon_vital_feedback a {
    width: 165px;
    text-align: center;
    background: url(../Images/icon-vital.jpg) no-repeat;
    overflow: hidden;
    display: block;
    cursor: pointer;
    color: #fff !important;
}

    .icon_vital_msn a:hover, icon_vital_qq a:hover, .icon_vital_facebook a:hover, .icon_vital_linkin a:hover, .icon_vital_twitter a:hover, .icon_vital_email a:hover, .icon_vital_feedback a:hover {
        color: #bde5ff !important;
    }

.icon_vital_msn a {
    background-position: 0 0;
    padding-top: 82px;
    height: 106px;
}

.icon_vital_qq a {
    background-position: 0 -106px;
    padding-top: 82px;
    height: 106px;
}

.icon_vital_facebook a {
    background-position: 0 -212px;
    padding-top: 76px;
    height: 106px;
}

.icon_vital_linkin a {
    background-position: 0 -312px;
    padding-top: 76px;
    height: 106px;
}

.icon_vital_twitter a {
    background-position: 0 -412px;
    padding-top: 76px;
    height: 106px;
}

.icon_vital_email a {
    background-position: 0 -512px;
    padding-top: 76px;
    height: 106px;
}

.icon_vital_feedback a {
    background-position: 0 -613px;
    padding-top: 80px;
    height: 106px;
}

.search_header {
    float: left;
    padding-top: 10px;
}

.shopcar_header {
    margin-top: 10px;
    color: #999;
    float: left;
    padding-left: 10px;
}

    .shopcar_header ul {
        background: url(../Images/back-shopcar-1.png);
        height: 35px;
        background-size: 100% 100%;
    }

.column, .vital_icon, .customer {
    height: auto;
    margin-bottom: 15px;
}

    .column .top {
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 5px;
        height: 25px;
        color: #fff;
        font-weight: bold;
        font-size: 9pt;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        background: url(../Images/back-column.png) no-repeat 0 -8px;
    }

    .column .end {
        height: 8px;
        background: url(../Images/back-column.png) no-repeat 0 0;
        overflow: hidden;
    }

    .column .menuLeft {
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
        color: #555;
        background: #fff;
    }

    .column .SearchD {
        padding: 10px 3px 0 3px;
        color: #333;
    }

    .column .normal {
        padding: 10px 10px 5px 10px;
        color: #555;
        line-height: 20px;
    }

        .column .normal div {
            margin-bottom: 5px;
        }

        .column .normal li {
            margin-top: 5px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

    .customer ul {
        padding: 15px 10px 10px 10px;
        height: auto;
        background: #2172d1 url(../Images/back-customer.png) no-repeat 0 -8px;
        overflow: hidden;
    }

    .customer a {
        color: #bde5ff !important;
    }

    .customer .title {
        color: #fff;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .customer .star {
        margin-bottom: 12px;
        text-align: right;
    }

    .customer .link {
        padding: 2px 10px 7px 10px;
        text-align: left;
        background: #2172d1;
    }

    .customer .end {
        height: 8px;
        background: url(../Images/back-customer.png) no-repeat 0 0;
        overflow: hidden;
    }

    .customer li {
        margin-top: 3px;
        padding: 5px 5px 2px 5px;
        background: #4287d8;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
/* 左栏斜拉菜单 */
#sidebar {
    width: 165px;
    height: auto;
}

.sidelist {
    position: relative;
    z-index: 96;
    height: 22px;
}

    .sidelist span h3 {
        position: relative;
        z-index: 97;
        font-weight: normal;
    }

        .sidelist span h3 a {
            display: block;
            padding-left: 15px;
            height: 22px;
            color: #333;
            line-height: 23px;
            font-size: 9pt;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }


.sidebar_end {
    height: 9px;
    background: url(../Images/back-subnav.png) no-repeat 0 -45px;
    overflow: hidden;
}

.column .normal {
    padding: 10px 10px 5px 10px;
    color: #555;
    line-height: 20px;
}

    .column .normal div {
        margin-bottom: 5px;
    }

    .column .normal li {
        margin-top: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .column .normal li a {
            color: #000 !important;
        }

.fw_bold {
    font-weight: bold;
}

.button-big-help, .button-big-contact, .button-big-healthinfo, .button-big-about {
    padding: 24px 55px 15px 10px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
}

.button-big-help {
    background: url(../Images/button-big-help.png) no-repeat;
    height: 65px;
}

.button-big-contact {
    background: url(../Images/button-big-contact.png) no-repeat;
    height: 65px;
}

.button-big-healthinfo {
    background: url(../Images/button-big-healthinfo.png) no-repeat;
}

.button-big-about {
    background: url(../Images/button-big-about.png) no-repeat;
}

.button-big-normal {
    padding: 22px 5px 0 10px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
    height: 65px;
    background: url(../Images/button-big-normal.png) no-repeat;
}

.button-big-help, .button-big-contact, .button-big-healthinfo, .button-big-about {
    padding: 24px 55px 5px 10px;
    height: 65px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
}

    .button-big-help a, .button-big-contact a, .button-big-healthinfo a, .button-big-about a, .button-big-normal a {
        color: #fff !important;
        display: block;
    }

        .button-big-help a:hover, .button-big-contact a:hover, .button-big-healthinfo a:hover, .button-big-about a:hover, .button-big-normal a:hover {
            color: #bde5ff !important;
        }

.button-big-visitcount {
    padding: 20px 55px 5px 10px;
    height: 37px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
    background: url(../Images/button-big-visitcount.png) no-repeat;
}

.right_news li {
    padding: 7px 10px 3px 10px;
    width: 143px;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .right_news li a {
        color: #be4e07 !important;
    }

.right_picshow {
    padding: 10px 0 5px 0;
}

    .right_picshow li {
        padding: 2px 10px;
        border-bottom: 1px solid #dddddd;
        clear: both;
        overflow: hidden;
    }

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

    .right_picshow .link {
        padding-top: 5px;
        line-height: 22px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
    }

.right_ISI {
    padding: 10px 10px 3px 10px;
}

    .right_ISI li {
        padding-left: 20px;
        margin-bottom: 6px;
        line-height: 18px;
        background: url(../Images/icon-shopcarsmall.gif) no-repeat;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.button-big-visitcount {
    padding: 20px 55px 5px 10px;
    height: 65px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
    background: url(../Images/button-big-visitcount.png) no-repeat;
}

.back_top {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 124px;
}

.footer {
    margin: 0 auto;
    height: 260px;
    clear: both;
}

.footer_menu {
    height: 32px;
    text-align: center;
    font-weight: bold;
    line-height: 32px;
    overflow: hidden;
    background: url(../images/back-footercolor.png) repeat-y;
    background-size: 100% 100%;
    color: #fff;
}

    .footer_menu a {
        color: #fff;
        margin: 0 6px;
    }

        .footer_menu a:hover {
            color: #fff555;
        }

.footer_link {
    margin: 0 auto;
}

    .footer_link a {
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        display: inline-block;
        float: left;
        background: url(../Images/back-footer-link.gif) no-repeat 0 0;
        text-align: center;
        color: #000;
        font-weight: bold;
    }

        .footer_link a:hover {
            background: url(../images/back-footer-link.gif) no-repeat 0 -30px;
            color: #fff;
        }

.footer_logo {
    margin: 0 auto;
    padding-top: 0px;
    clear: both;
    text-align: center;
}

#divWebKeywordsSearch {
    word-wrap: break-word;
}

    #divWebKeywordsSearch a {
        padding-right: 5px;
    }

#divCategoryDiv {
    width: 100%;
    background-color: #f6f6f6;
}

    #divCategoryDiv ul li {
        width: 100%;
        height: 32px;
    }

        #divCategoryDiv ul li button {
            border: 0px;
            width: 100%;
            height: 100%;
            border-radius: 0px;
            background: url(../Images/categorybackgroundli.png) no-repeat;
            background-size: 100% 100%;
            text-align: left;
            height: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            #divCategoryDiv ul li button:hover {
                background: url(../Images/CategorybackgroundHover.jpg) no-repeat;
                background-size: 100% 100%;
                outline-style: hidden;
            }

        #divCategoryDiv ul li a {
            padding: 10px;
            width: 100% !important;
        }

        #divCategoryDiv ul li .dropdown-menu {
            padding: 10px 10px 15px 10px;
            margin-left: 100%;
            margin-top: -32px;
            width: 650px;
            float: left;
            text-align: center;
            background-color: #f6f6f6;
        }

            #divCategoryDiv ul li .dropdown-menu li {
                float: left;
                width: 25%;
                text-align: center;
                float: left;
                padding: 5px;
                margin: 5px 0px;
            }

                #divCategoryDiv ul li .dropdown-menu li div {
                    border: 1px solid #e2e2e2;
                    padding: 5px;
                    float: left;
                    width: 100%;
                    border-radius: 5px;
                    background-color: #fff;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }


.panelultitle {
    top: 40px;
}

    .panelultitle li {
        border-bottom: 1px solid #dddddd;
    }

        .panelultitle li a {
            margin: 0;
            height: auto;
            display: block;
            padding-left: 15px;
            color: #333;
            font-size: 9pt;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-weight: bold;
        }

            .panelultitle li a:hover {
                background-color: #3fc04a;
            }

#ulCustomerRating {
    padding: 0px 5px 5px 5px;
}

    #ulCustomerRating li {
        margin-top: 3px;
        background: #4287d8;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        #ulCustomerRating li a {
            font-weight: 400;
            color: #bde5ff !important;
        }

#ulPanelnews li {
    padding: 7px 10px 3px 10px;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    #ulPanelnews li a {
        color: #be4e07 !important;
    }

#divFootMenu {
    margin: 0 auto;
    position: relative;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
}

    #divFootMenu li {
        font-weight: bold;
        overflow: hidden;
        color: #fff;
    }


        #divFootMenu li a {
            color: #fff;
            margin: 0 6px;
        }

            #divFootMenu li a:hover {
                color: #fff555;
            }

#div_products_image {
    width: 100%;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
}

    #div_products_image img {
        padding: 5px;
        width: 100%;
    }

#li_products_more {
    width: 100%;
    padding: 10px;
    text-align:center;
}

    #li_products_more img {
        border: 1px solid #e2e2e2;
        padding: 0px!important;
        margin:2px;
        border-radius: 5px;
    }

#products_buy_now {
    width: 125px;
    font-weight: bold;
    border-radius: 10px;
    font-size: 16px;
    padding: 6px;
}

#products_shopping_cart {
    width: 125px;
    font-weight: bold;
    border-radius: 10px;
    padding: 6px;
    font-size: 16px;
}

#products_shortage_registration {
    width: 125px;
    font-weight: bold;
    border-radius: 10px;
    padding: 6px;
    font-size: 16px;
}

.ProductsViewPaymentMethod li {
    list-style: none;
    float: left;
    width: 46%;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin: 10px;
    text-align: left;
    background: #fff;
    line-height: 20px;
}

    .ProductsViewPaymentMethod li img {
        width: 100%;
        height: 150px;
        padding-bottom: 5px;
        border-bottom: 1px dashed #e2e2e2;
    }

    .ProductsViewPaymentMethod li p {
        height: 80px;
        max-height: 80px;
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding-top: 2px;
    }

.products-view-attribute {
    font-size: 10px;
    color: #ff8e1b;
    padding-right: 3px;
}

.products-view-related-products {
    text-align: center;
    padding-bottom: 10px!important;
}

    .products-view-related-products li {
        list-style: none;
        float: left;
        width: 20%;
        padding: 5px;
        background: #fff;
    }

        .products-view-related-products li div {
            width: 100%;
            border: 1px solid #e2e2e2;
            border-radius: 5px;
            height: 215px;
        }

            .products-view-related-products li div img {
                width: 100%;
                border-bottom: 1px dashed #e2e2e2;
                padding: 5px;
            }

            .products-view-related-products li div p {
                height: 75px;
                color: #555;
                padding: 5px;
            }

.products-view-info-nav-tabs li a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #333 !important;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}


/*登陆页面*/
#divLogin {
    background-color: #000;
    background: #fff;
    background-size: 100% 100%;
    margin-bottom: 10px;
}

    #divLogin .pLoginTitle {
        font-size: 18px;
        font-weight: bold;
        color: #555;
        padding: 5px 0px 5px 20px;
    }

    #divLogin .pLoginView {
        padding: 1px 0px 5px 20px;
        font-size: 12px;
        color: #555;
    }

    #divLogin label {
        font-size: 14px;
        font-weight: 300;
        vertical-align: middle;
        color: #333;
        padding: 8px 1px 5px 10px !important;
    }

#divLoginInfo {
    border-bottom: 1px dotted #777;
}


/*用户注册*/
#divRegister {
}

    #divRegister .title-division {
        padding: 5px;
        margin: 5px 2px 0px 2px;
        vertical-align: bottom;
        border-bottom: 1px solid #be4e07;
        float: left;
        display: inline-block;
    }

        #divRegister .title-division label {
            font-size: 12px;
            color: #555;
            padding: 8px 0px;
            text-align: right;
            font-weight: 500;
        }

        #divRegister .title-division .title-division-title {
            margin: 0px 0px 10px 0px!important;
            padding: 5px!important;
            font-size: 14px;
            font-weight: bold;
        }

        #divRegister .title-division p {
            font-size: 12px!important;
            color: #555;
        }

        #divRegister .title-division .input-width {
            width: 98%;
        }

        #divRegister .title-division .warning {
            width: 2%;
            padding: 5px 0px;
            color: red;
        }

#divLoginNav {
    height: 30px;
    text-align: center;
    background: url(../Images/back-nav.png);
    background-size: 100% 100%;
}

    #divLoginNav ul li {
        padding: 5px 15px 5px 15px;
        text-align: center;
        float: left;
        height: 30px;
        border-right: 1px solid #e2e2e2;
    }



/*产品列表*/
.productslist-view {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

    .productslist-view li {
        width: 20%;
        float: left;
        padding-bottom: 10px;
    }

        .productslist-view li div {
            border: 1px solid #e2e2e2;
            border-radius: 5px;
            margin: 5px;
        }

            .productslist-view li div p {
                height: 55px;
                display: block;
                text-decoration: none;
                color: #555;
                font-size: 12px!important;
                overflow: hidden;
                padding: 5px 3px !important;
                line-height: 16px;
            }

            .productslist-view li div img {
                width: 100%;
                padding: 3px 5px;
                max-height: 110px !important;
                border-bottom: 1px dashed #e2e2e2;
            }

            .productslist-view li div button {
                padding: 3px!important;
                margin: 5px!important;
                width: 90%;
            }

                .productslist-view li div button span {
                    padding: 5px 3px 5px 0px;
                }


.productslist-list {
    padding: 0px;
    margin: 0px;
}

    .productslist-list li {
        float: left;
        margin: 5px;
        float: left;
        width: 100%;
        text-align: center;
    }

        .productslist-list li .products-list-list {
            padding: 5px !important;
            border: 1px solid #e2e2e2;
            border-radius: 5px;
            float: left;
            width: 99%;
        }

            .productslist-list li .products-list-list .productslist-image {
                width: 20%;
                float: left;
                padding: 2px;
            }

            .productslist-list li .products-list-list .productslist-info {
                width: 50%;
                float: left;
                padding: 5px 10px 15px 5px;
                text-align: left;
            }

                .productslist-list li .products-list-list .productslist-info p {
                    padding: 3px;
                }

            .productslist-list li .products-list-list .productslist-cart {
                width: 30%;
                float: left;
                padding: 5px;
                text-align: center;
            }

                .productslist-list li .products-list-list .productslist-cart input {
                    padding: 5px!important;
                    text-align: center;
                }

                .productslist-list li .products-list-list .productslist-cart button {
                    padding: 5px;
                    margin: 5px;
                    width: 100%;
                }

                .productslist-list li .products-list-list .productslist-cart span {
                }

                .productslist-list li .products-list-list .productslist-cart button span {
                    padding: 5px 3px 5px 0px;
                }

#divProductsViewPriceInfo {
    margin: 10px 0px;
    padding: 5px;
    background: #fffcf5;
    border: 1px solid #edd28b;
    width: 100%;
    border-radius: 5px;
}

    #divProductsViewPriceInfo ul li {
        padding: 5px;
        border-bottom: 1px dashed #f3e6c6;
        height: 100%;
        margin: 0px;
    }

        #divProductsViewPriceInfo ul li .row {
            height: 100%;
            vertical-align: middle;
        }

        #divProductsViewPriceInfo ul li p {
            font-size: 12px;
            font-weight: bold;
            position: absolute;
            height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
/*购物车*/
#ulShoppingCart {
    width: 300px;
}

    #ulShoppingCart li {
        width: 100%;
        float: left;
    }

        #ulShoppingCart li .cart-products-image {
            width: 25%;
            float: left;
        }

            #ulShoppingCart li .cart-products-image img {
                width: 100%;
            }

        #ulShoppingCart li .cart-products-info {
            width: 65%;
            overflow: hidden;
            float: left;
            line-height: 18px;
            padding: 10px;
        }

        #ulShoppingCart li .cart-products-count {
            width: 10%;
            float: left;
            padding: 10px 5px;
            font-weight: bold;
            color: red;
        }

#index-contact-us {
    padding: 2px 10px;
    color: #555;
    background: #e8d581;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 12px;
}

    #index-contact-us p {
        cursor: pointer;
    }

#indexContactUS {
    width: 100%;
}
    #indexContactUS > li {
        width:100%;
    }
        #indexContactUS > li :hover {
            background:#fff;
        }
    #indexContactUS > li > a {
        cursor: pointer;
        padding:10px;
    }
        #indexContactUS > li > a > img {
           padding-right:10px;
           float:left;
          
        }
        #indexContactUS > li > a > span {
            float:left;
            width:60%;
        }


#brand ul li a:hover {
    background: #fff;
}

.shopping-cart-list {
    width: 100%;
    float: left;
    padding: 10px;
    border: 1px solid #e2e2e2;
    margin: 5px 0px;
    border-radius: 5px;
}

    .shopping-cart-list .shopping-cart-list-input {
        width: 5%;
        float: left;
        text-align: center;
    }

        .shopping-cart-list .shopping-cart-list-input input {
            width: 15px;
            height: 15px;
            vertical-align: middle;
        }

    .shopping-cart-list .shopping-cart-list-img {
        width: 15%;
        float: left;
    }

        .shopping-cart-list .shopping-cart-list-img img {
            width: 100%;
        }

    .shopping-cart-list .shopping-cart-list-info {
        width: 55%;
        float: left;
        padding: 5px 10px;
        line-height: 22px;
        text-align: left;
    }

    .shopping-cart-list .shopping-cart-list-opertaion {
        width: 25%;
        float: left;
        text-align: center;
    }

        .shopping-cart-list .shopping-cart-list-opertaion button {
            width: 100%;
        }

#divShoppingCartTotle {
    width: 100%;
    border: 1px solid #e2e2e2;
    float: left;
    border-radius: 5px;
    padding: 10px 5px;
    background: #f3f3f3;
    color: #fff;
}
/*商品详情页面商品评论*/
#divCommentLogin {
    width: 100%;
    text-align: center;
    margin: auto;
}

    #divCommentLogin #divCommentLogin_ul li {
        width: 100%;
        text-align: center;
        padding: 10px;
        margin: 20px 0px;
        border: 1px solid #e2e2e2;
        border-radius: 5px;
    }

    #divCommentLogin .products-comment-userinfo {
        width: 100%;
        text-align: left;
        border-bottom: 1px dotted #e2e2e2;
        padding: 5px;
        float: left;
    }

        #divCommentLogin .products-comment-userinfo .products-comment-userinfo-left {
            float: left;
            width: 70%;
            font-weight: bold;
            color: #2c9c1f;
        }

            #divCommentLogin .products-comment-userinfo .products-comment-userinfo-left span {
                color: #ffcc00;
                font-size: 12px;
                font-weight: bold;
            }

        #divCommentLogin .products-comment-userinfo .products-comment-userinfo-right {
            text-align: right;
            width: 30%;
            float: left;
        }


    #divCommentLogin .products-comment-title {
        width: 100%;
        text-align: left;
        font-weight: bold;
        padding: 5px;
        float: left;
        color: #555;
    }

    #divCommentLogin .products-comment-contact {
        width: 100%;
        text-align: left;
        padding: 5px 5px 0px 5px;
        color: #888;
    }

    #divCommentLogin #pageComment {
        padding: 0px!important;
        margin: 0px!important;
    }


/*购物结算*/
#divShoppingSettlement {
    width: 100%;
    text-align: center;
}

    #divShoppingSettlement .shopping-settlement-consignee {
        width: 100%;
        float: left;
        border: 1px solid #e2e2e2;
        border-radius: 5px;
    }

        #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-title {
            font-size: 15px;
            color: #444;
            text-align: left;
            background: #F1F1F1;
            padding: 5px;
            width: 100%;
            font-weight: bold;
        }

            #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-title .pull-right {
                color: #888;
                font-size: 12px;
                padding: 5px;
                font-weight: 500;
            }

        #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-list {
            text-align: left;
            font-size: 16px;
            width: 100%;
            padding: 10px 0px 10px 0px;
        }

            #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-list li {
                padding: 5px 10px;
            }

                #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-list li p {
                    display: none;
                }

                #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-list li:hover {
                    background: #e2eefe;
                    display: block;
                }

                    #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-list li:hover p {
                        background: #e2eefe;
                        display: block;
                    }

            #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-list input {
                width: 16px;
                height: 16px;
                vertical-align: text-top;
                margin-top: 0;
                margin-right: 5px;
            }

            #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-list label {
                cursor: pointer !important;
            }

            #divShoppingSettlement .shopping-settlement-consignee .shopping-settlement-consignee-list span {
                font-size: 12px;
                font-weight: 500;
                padding: 5px;
            }

    #divShoppingSettlement .shopping-settlement-payment {
        margin: 10px 0px;
        width: 100%;
        float: left;
        border: 1px solid #e2e2e2;
        border-radius: 5px;
    }

        #divShoppingSettlement .shopping-settlement-payment .shopping-settlement-payment-title {
            font-size: 15px;
            color: #444;
            text-align: left;
            background: #F1F1F1;
            padding: 5px;
            width: 100%;
            font-weight: bold;
        }

        #divShoppingSettlement .shopping-settlement-payment .shopping-settlement-payment-list {
            text-align: left;
            padding: 10px 0px 10px 0px;
        }

            #divShoppingSettlement .shopping-settlement-payment .shopping-settlement-payment-list li {
                padding: 5px 10px;
            }

                #divShoppingSettlement .shopping-settlement-payment .shopping-settlement-payment-list li:hover {
                    background: #e2eefe;
                }

            #divShoppingSettlement .shopping-settlement-payment .shopping-settlement-payment-list .shopping-settlement-payment-list-input {
                height: 16px;
                width: 16px;
                vertical-align: text-top;
                margin-top: 0;
                margin-right: 5px;
            }

            #divShoppingSettlement .shopping-settlement-payment .shopping-settlement-payment-list .shopping-settlement-payment-list-title {
                width: 10%;
                cursor: pointer;
            }

            #divShoppingSettlement .shopping-settlement-payment .shopping-settlement-payment-list .shopping-settlement-payment-list-contact {
                width: 70%;
                font-weight: 500;
                padding: 0px 10px;
                word-break: keep-all;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                cursor: pointer;
            }

    #divShoppingSettlement .shopping-settlement-delivery {
        margin: 10px 0px;
        width: 100%;
        float: left;
        border: 1px solid #e2e2e2;
        border-radius: 5px;
        height: 100%;
    }

        #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-title {
            font-size: 15px;
            color: #444;
            text-align: left;
            background: #F1F1F1;
            padding: 5px;
            width: 100%;
            font-weight: bold;
        }

        #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list {
            width: 100%;
            padding: 0px 5px;
            height: 100%;
        }

            #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-info {
                width: 100%;
                float: left;
            }

            #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-warehouse {
                margin: 5px 0px;
                border: 1px solid #e2e2e2;
                float: left;
                height: 100%;
                width: 100%;
                border-radius: 5px;
            }

            #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product-warehouse {
                width: 100%;
                float: left;
                height: 100%;
                display: block;
                text-align: left;
                padding: 10px;
                background: #f6f6f6;
                font-weight: bold;
            }

                #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product-warehouse input {
                    width: 16px;
                    height: 16px;
                    vertical-align: text-top;
                    margin-top: 0;
                    margin-right: 2px;
                }

                #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product-warehouse label {
                    cursor: pointer;
                    margin: 0px 10px;
                }

                #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product-warehouse p {
                    color: red;
                    float: right;
                }

            #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product {
                width: 100%;
                float: left;
                background: #f3fbfe;
            }

                #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product li {
                    float: left;
                    list-style: none;
                    width: 100%;
                    text-align: left;
                    border-bottom: 1px dashed #e2e2e2;
                }

                    #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product li .shopping-settlement-delivery-list-product-img {
                        width: 20%;
                        float: left;
                        padding: 5px;
                    }

                    #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product li .shopping-settlement-delivery-list-product-name {
                        width: 60%;
                        float: left;
                        padding: 20px 10px;
                    }

                    #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product li .shopping-settlement-delivery-list-product-price {
                        width: 10%;
                        float: left;
                        padding: 20px 10px;
                        text-align: center;
                    }

                    #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product li .shopping-settlement-delivery-list-product-count {
                        width: 10%;
                        float: left;
                        padding: 20px 10px;
                        text-align: center;
                    }

                #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product .shopping-settlement-delivery-list-product-totle {
                    width: 100%;
                    float: left;
                    text-align: right;
                    padding: 10px;
                }

                    #divShoppingSettlement .shopping-settlement-delivery .shopping-settlement-delivery-list .shopping-settlement-delivery-list-product .shopping-settlement-delivery-list-product-totle span {
                        color: red;
                        padding: 2px;
                        font-weight: bold;
                    }

    #divShoppingSettlement .shopping-settlement-message {
        margin: 10px 0px;
        width: 100%;
        float: left;
        border: 1px solid #e2e2e2;
        border-radius: 5px;
        height: 100%;
    }

        #divShoppingSettlement .shopping-settlement-message .shopping-settlement-message-title {
            font-size: 15px;
            color: #444;
            text-align: left;
            background: #F1F1F1;
            padding: 5px;
            width: 100%;
            font-weight: bold;
        }

        #divShoppingSettlement .shopping-settlement-message .shopping-settlement-message-contact {
            width: 100%;
            padding: 5px;
            height: 100%;
        }

    #divShoppingSettlement .shopping-settlement-totle {
        text-align: right;
        width: 100%;
        margin: 5px 0px;
        border: 1px solid #e2e2e2;
        background: #f4f4f4;
        float: left;
        padding: 20px;
        border-radius: 5px;
    }

        #divShoppingSettlement .shopping-settlement-totle p {
            padding: 5px 10px;
        }

            #divShoppingSettlement .shopping-settlement-totle p span {
                color: red;
                font-size: 15px;
                padding: 2px;
            }

        #divShoppingSettlement .shopping-settlement-totle .shopping-settlement-rate-conversion {
            width: 100%;
            padding: 5px 10px;
            color: #be4e07;
        }

        #divShoppingSettlement .shopping-settlement-totle .glyphicon {
            color: #555;
        }

#spanFreightDetails {
    font-size: 12px!important;
    padding: 0px!important;
    color: #999 !important;
    display: none;
}

#divOperationReceiving ul li {
    width: 100%;
    padding: 5px;
    float: left;
}

    #divOperationReceiving ul li label {
        text-align: right;
        width: 100%;
        padding-top: 10px;
        font-size: 12px;
    }

#divOperationReceiving .btn-primary {
    width: 20%;
}

#divMyAccount {
    width: 100%;
    text-align: center;
    margin: 0px!important;
    padding: 0px!important;
}

    #divMyAccount .my-account-title {
        width: 100%;
        padding: 8px;
        color: #ba0000;
        font-weight: bold;
        font-size: 12pt;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
    }

    #divMyAccount .my-account-count {
        width: 100%;
        padding: 0px;
    }

        #divMyAccount .my-account-count .my-account-message {
            text-align: left;
            padding: 15px;
        }

    #divMyAccount .my-account-orderinfo {
        width: 100%;
        /*padding:2px !important;*/
    }

#MyAccountTab li {
    font-weight: bold;
    font-size: 13px;
}

#MyAccountTabContent div {
    padding: 5px 5px;
    float: left;
    width: 100%;
}

#MyAccountTabContent .myaccounttabcontent-title {
    float: left;
}

    #MyAccountTabContent .myaccounttabcontent-title .myaccounttabcontent-title-division {
        border: 0px;
    }

    #MyAccountTabContent .myaccounttabcontent-title ul li {
        float: left;
        padding: 5px 10px;
        border-left: 1px solid #ddd;
    }

#MyAccountTabContent .myaccounttabcontent-contact {
    border: 1px solid #ddd;
    padding: 0px;
    margin: 0px;
    border-radius: 5px;
}

    #MyAccountTabContent .myaccounttabcontent-contact .myaccounttabcontent-contact-title {
        background: #e4efff;
        padding: 8px;
        font-size: 13px;
        text-align: left;
        font-weight: 500;
        float: left;
    }

    #MyAccountTabContent .myaccounttabcontent-contact .myaccounttabcontent-contact-list {
        margin: 5px 0px;
    }

        #MyAccountTabContent .myaccounttabcontent-contact .myaccounttabcontent-contact-list button {
            width: 50%;
        }

        #MyAccountTabContent .myaccounttabcontent-contact .myaccounttabcontent-contact-list ul li {
            list-style: none;
            text-align: center;
            width: 100%;
            border-bottom: 1px dotted #e2e2e2;
            padding: 5px;
            float: left;
        }
         #MyAccountTabContent .myaccounttabcontent-contact .myaccounttabcontent-contact-list ul li .classwidth50 {
                width: 50% !important;
                float: left;
                text-align: left;
            }

            #MyAccountTabContent .myaccounttabcontent-contact .myaccounttabcontent-contact-list ul li .classwidth40 {
                width: 40% !important;
                float: left;
                text-align: left;
            }

            #MyAccountTabContent .myaccounttabcontent-contact .myaccounttabcontent-contact-list ul li .classwidth30 {
                width: 30% !important;
                float: left;
                text-align: left;
            }

            #MyAccountTabContent .myaccounttabcontent-contact .myaccounttabcontent-contact-list ul li .classwidth20 {
                width: 20% !important;
                float: left;
                text-align: left;
            }

            #MyAccountTabContent .myaccounttabcontent-contact .myaccounttabcontent-contact-list ul li .classwidth10 {
                width: 10% !important;
                float: left;
                text-align: left;
            }

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .products-image {
    width: 10% !important;
    float: left;
    text-align: left;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .products-nameinfo {
    width: 50% !important;
    float: left;
    text-align: left;
    padding: 5px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .products-price {
    width: 15% !important;
    float: left;
    text-align: left;
    padding: 5px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .products-count {
    width: 10% !important;
    float: left;
    text-align: left;
    padding: 5px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .products-subtotal {
    width: 15% !important;
    float: left;
    text-align: left;
    padding: 5px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact >div > .products-totle {
    width: 100% !important;
    float: left;
    text-align: right;
    padding: 5px 20px;
    font-size: 13px;
    font-weight: 300;
}

    #MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact >div> .products-totle > span {
        padding: 5px;
    }


#MyAccountTabContent > .myaccounttabcontent-contact > .myaccounttabcontent-contact-page {
    padding: 5px;
    width: 100%;
    text-align: center;
}


#MyAccountTabContent .listTitle {
    font-weight: bold;
    text-align: center;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .order-order-number {
    float: left;
    width: 28%;
    padding: 5px 2px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .order-order-state {
    float: left;
    width: 10%;
    padding: 5px 2px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .order-order-price {
    float: left;
    width: 9%;
    padding: 5px 2px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .order-order-freight {
    float: left;
    width: 8%;
    padding: 5px 2px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .order-order-paymentmethod {
    float: left;
    width: 10%;
    padding: 5px 2px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .order-order-date {
    float: left;
    width: 15%;
    padding: 5px 2px;
}

#MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .order-order-operation {
    float: left;
    width: 20%;
    padding: 5px 2px;
}

    #MyAccountTabContent > #divMyAccountOrder > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .order-order-operation > a {
        padding: 3px;
    }




#MyAccountTabContent > #divMyAccountPayment > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .payment-order-number {
    float: left;
    width: 25%;
    padding: 5px;
}

#MyAccountTabContent > #divMyAccountPayment > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .payment-order-ament {
    float: left;
    width: 10%;
    padding: 5px;
}

#MyAccountTabContent > #divMyAccountPayment > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .payment-order-date {
    float: left;
    width: 15%;
    padding: 5px;
}

#MyAccountTabContent > #divMyAccountPayment > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .payment-order-account {
    float: left;
    width: 10%;
    padding: 5px;
}

#MyAccountTabContent > #divMyAccountPayment > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .payment-order-makedate {
    float: left;
    width: 15%;
    padding: 5px;
}

#MyAccountTabContent > #divMyAccountPayment > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .payment-order-remarks {
    float: left;
    width: 25%;
    padding: 5px;
}

/*#MyAccountTabContent > #divMyAccountPayment > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .payment-order-operation {
    float: left;
    width: 10%;
    padding: 5px;
}*/

#MyAccountTabContent > #divMyAccountPayment > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .payment-order-operation > a {
    padding: 3px;
}


#divMyAccount > #divAddPaymentRegistrationOperation > #divAddPaymentRegistration > .modal-dialog > .modal-content > .modal-body > .row {
    margin-right: 20px;
}

    #divMyAccount > #divAddPaymentRegistrationOperation > #divAddPaymentRegistration > .modal-dialog > .modal-content > .modal-body > .row > div {
        padding: 5px 0px;
        text-align: right;
    }

        #divMyAccount > #divAddPaymentRegistrationOperation > #divAddPaymentRegistration > .modal-dialog > .modal-content > .modal-body > .row > div > p {
            padding: 5px;
        }

#divMyAccount > #divAddPaymentRegistrationOperation > #divAddPaymentRegistration > .modal-dialog > .modal-content > .modal-footer > .btn-primary {
    width: 30%;
    margin-right: 10px;
}

#divOrderListPaymentRegistration > .modal-dialog > .modal-content > .modal-body > .row {
    margin-right: 20px;
}

    #divOrderListPaymentRegistration > .modal-dialog > .modal-content > .modal-body > .row > div {
        padding: 5px 0px;
        text-align: right;
    }

        #divOrderListPaymentRegistration > .modal-dialog > .modal-content > .modal-body > .row > div > p {
            padding: 5px;
        }

#divOrderListPaymentRegistration > .modal-dialog > .modal-content > .modal-footer > .btn-primary {
    width: 30%;
    margin-right: 10px;
}



#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .details-left {
    width: 30%;
    text-align: right;
    float: left;
    padding: 5px;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .details-right {
    width: 70%;
    float: left;
    text-align: left;
    padding: 5px;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-title > span {
    padding-right: 10px;
}

#divOpeationDetails > #divMyDetailsInfoOpeationDetails > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-3 > p {
    padding: 10px;
    text-align: right;
}

#divOpeationDetails > #divMyDetailsInfoOpeationDetails > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-8 {
    padding: 5px;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .delivery-name {
    float: left;
    width: 10%;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .delivery-address {
    float: left;
    width: 30%;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .delivery-zipcode {
    float: left;
    width: 10%;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .delivery-phone {
    float: left;
    width: 15%;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .delivery-moblie {
    float: left;
    width: 15%;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .delivery-operation {
    float: left;
    width: 20%;
}

    #divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .delivery-operation > a {
        padding: 5px;
    }

#divOperationUserDeliveryHtml > #divOperationUserDelivery > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-3 {
    padding: 12px 5px;
    text-align: right;
}

#divOperationUserDeliveryHtml > #divOperationUserDelivery > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-8 {
    padding: 5px;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .details-password-left {
    float: left;
    width: 30%;
    text-align: right;
    padding: 12px 5px;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .details-password-right {
    float: left;
    width: 50%;
    padding: 5px;
}

#divMyAccountDetails > .myaccounttabcontent-contact > .details-submit > .btn {
    width: 30%;
    margin: 2px 10px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .collection-item-number {
    float: left;
    width: 10%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .collection-item-name {
    float: left;
    width: 50%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .collection-item-type {
    float: left;
    width: 15%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .collection-item-adddate {
    float: left;
    width: 15%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .collection-item-operation {
    float: left;
    width: 10%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .collectiontype-item-name {
    float: left;
    width: 60%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .collectiontype-item-adddate {
    float: left;
    width: 20%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .collectiontype-item-operation {
    float: left;
    width: 20%;
    padding: 5px;
}

    #divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .collectiontype-item-operation > a {
        padding: 5px;
    }

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .purchase-product-number {
    float: left;
    width: 10%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .purchase-product-name {
    float: left;
    width: 50%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .purchase-product-type {
    float: left;
    width: 20%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .purchase-product-price {
    float: left;
    width: 10%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .purchase-product-count {
    float: left;
    width: 10%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .purchase-product-operation {
    float: left;
    width: 10%;
    padding: 5px;
}

#divOperationUserProductReviewsHtml > #divOperationUserProductReviews > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-2 {
    text-align: right;
    padding: 5px;
}

#divOperationUserProductReviewsHtml > #divOperationUserProductReviews > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-9 {
    text-align: left;
    padding: 5px;
}

    #divOperationUserProductReviewsHtml > #divOperationUserProductReviews > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-9 > .radio {
        float: left;
        padding-right: 10px;
        margin: 0px;
    }

        #divOperationUserProductReviewsHtml > #divOperationUserProductReviews > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-9 > .radio > label {
            float: left;
            color: #ffcc00;
            font-size: 15px;
        }

            #divOperationUserProductReviewsHtml > #divOperationUserProductReviews > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-9 > .radio > label > input {
                padding: 5px;
                margin: 3px -15px;
                width: 15px;
                height: 15px;
            }

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .shortage-registration-product-number {
    float: left;
    width: 20%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .shortage-registration-product-name {
    float: left;
    width: 50%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .shortage-registration-product-date {
    float: left;
    width: 15%;
    padding: 5px;
}

#divMyAccountProducts > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .shortage-registration-product-operation {
    float: left;
    width: 15%;
    padding: 5px;
}

#myIndexNavigation {
    width: 100%;
    background: #eeeeee;
}

    #myIndexNavigation > li > a {
        display: block;
        text-decoration: none;
        font-weight: bold;
        color: #333 !important;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
    }

#myIndexNavigationContent {
    padding-top: 15px;
    text-align: center;
    background: #fff;
}

#divMyAccountCommunicate > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .produc-question-name {
    float: left;
    width: 30%;
    padding: 5px;
}

#divMyAccountCommunicate > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .produc-question-title {
    float: left;
    width: 20%;
    padding: 5px;
}

#divMyAccountCommunicate > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .produc-question-date {
    float: left;
    width: 15%;
    padding: 5px;
}

#divMyAccountCommunicate > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .produc-question-replyuser {
    float: left;
    width: 10%;
    padding: 5px;
}

#divMyAccountCommunicate > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .produc-question-replydate {
    float: left;
    width: 15%;
    padding: 5px;
}

#divMyAccountCommunicate > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .produc-question-operation {
    float: left;
    width: 10%;
    padding: 5px;
}

#divMyAccountCommunicate > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .product-questions-details-left {
    float: left;
    width: 20%;
    padding: 5px;
    text-align: right;
}

#divMyAccountCommunicate > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .product-questions-details-right {
    float: left;
    width: 80%;
    padding: 5px;
    text-align: left;
}

#divMyAccountCommunicate > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .product-questions-details-date {
    float: left;
    width: 100%;
    padding-right: 30px;
    text-align: right;
}

#divOrderConsultationOperationHtml > #divOrderConsultationOperation > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-2 {
    text-align: right;
    padding: 5px;
}

#divOrderConsultationOperationHtml > #divOrderConsultationOperation > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-9 {
    text-align: left;
    padding: 5px;
}

#divOrderConsultationOperationHtml > #divOrderConsultationOperation > .modal-dialog > .modal-content > .modal-footer {
    margin-right: 35px;
}

#divOperationUserClientFeedbackHtml > #divOperationUserClientFeedback > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-3 {
    text-align: right;
    padding: 10px;
}

#divOperationUserClientFeedbackHtml > #divOperationUserClientFeedback > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-8 {
    text-align: left;
    padding: 5px;
}

#divMyAccountFriend > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .invitation-friend-email {
    float: left;
    width: 60%;
}

#divMyAccountFriend > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .invitation-friend-date {
    float: left;
    width: 40%;
}

#divMyAccountFriend > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .invitation-consumption-email {
    float: left;
    width: 60%;
}

#divMyAccountFriend > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .invitation-consumption-amount {
    float: left;
    width: 20%;
}

#divMyAccountFriend > .myaccounttabcontent-contact > .myaccounttabcontent-contact-list > ul > li > .invitation-consumption-date {
    float: left;
    width: 20%;
}

#divOperationUserInvitationFriendHtml > #divOperationUserInvitationFriend > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-3 {
    text-align: right;
    padding: 10px;
}

#divOperationUserInvitationFriendHtml > #divOperationUserInvitationFriend > .modal-dialog > .modal-content > .modal-body > .row > .col-xs-8 {
    text-align: left;
    padding: 5px;
}


#divTemplateRight > div > .template-right-box {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-bottom: 20px;
}

    #divTemplateRight > div > .template-right-box > .template-right-box-title {
        padding: 5px 10px;
        background: url(../Images/titlebackgroundimage.png);
        height: 24px;
        border-radius: 5px 5px 0px 0px;
        color: #fff;
        font-weight: bold;
        font-size: 9pt;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #divTemplateRight > div > .template-right-box > .template-right-box-contact {
        width: 100%;
    }

        #divTemplateRight > div > .template-right-box > .template-right-box-contact > ul > li {
            padding: 5px 10px;
            font-size: 9pt;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            border-bottom: 1px dotted #dddddd;
        }



        #divTemplateRight > div > .template-right-box > .template-right-box-contact > ul > .showmore {
            border: 0px;
            text-align: right;
            width: 100%;
        }

        #divTemplateRight > div > .template-right-box > .template-right-box-contact > ul > .products-last-calss {
            border: 0px;
        }

        #divTemplateRight > div > .template-right-box > .template-right-box-contact > ul > li > .template-product-image {
            float: left;
            width: 40%;
        }

        #divTemplateRight > div > .template-right-box > .template-right-box-contact > ul > li > .template-product-name {
            float: left;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 60%;
            padding: 10px 5px;
        }



.template-list-box {
    text-align: center;
    width: 100%;
    border: 1px solid #e2e2e2;
    margin: 0px;
    border-radius: 4px;
}

    .template-list-box > .template-contact-page {
        width: 100%;
        text-align: center;
        padding: 10px;
        margin-top: 5px;
        float: left;
    }

.template-list-title {
    font-weight: bold;
    font-size: 14px;
}

    .template-list-title > .list-page-conatct {
        text-align: center;
        width: 100%;
    }



.template-list-box > .list-page-title {
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #ba0000;
    font-weight: bold;
    font-size: 12pt;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.template-list-box > .list-page-conatct-title {
    padding: 10px;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px dotted #e2e2e2;
}

.template-list-box > .list-page-conatct-body {
    margin-top: 10px;
    padding: 10px;
    text-align: left;
    width: 100%;
}

.template-list-box > .list-page-conatct-date {
    border-top: 1px dotted #e2e2e2;
    text-align: right;
    width: 100%;
    padding: 10px;
}

.template-list-box > .list-page-conatct-button {
    border-top: 1px dotted #e2e2e2;
    text-align: center;
    width: 100%;
    padding: 10px;
}


.template-list-box > .list-page-list > ul > li {
    padding: 5px;
    border-bottom: 1px dotted #e2e2e2;
    float: left;
    list-style: none;
    width: 100%;
}

    .template-list-box > .list-page-list > ul > li > .list-page-list-title {
        float: left;
        width: 65%;
        text-align: left;
        padding: 2px 2px 2px 20px;
    }

    .template-list-box > .list-page-list > ul > li > .list-page-list-date {
        float: left;
        width: 35%;
    }

#divProductReviewsList > .list-page-list > ul > li > .products-reviews-contact {
    width: 50%;
    float: left;
    text-align: left;
    line-height: 20px;
    padding: 5px 10px;
}

#divProductReviewsList > .list-page-list > ul > li > .products-reviews-user {
    width: 15%;
    float: left;
    text-align: left;
    line-height: 20px;
    padding: 5px 10px;
}

    #divProductReviewsList > .list-page-list > ul > li > .products-reviews-user > span {
        font-size: 12px;
        color: #ffcc00;
        font-weight: bold;
    }

#divProductReviewsList > .list-page-list > ul > li > .products-reviews-commodity {
    width: 35%;
    float: left;
    text-align: left;
    line-height: 20px;
    padding: 5px 10px;
}

#divTemplateCustomerComments {
    border: 1px solid #e2e2e2;
    margin: 20px 0px;
    padding: 10px;
    background: #2172d1;
    border-radius: 5px;
}

    #divTemplateCustomerComments > .template-customer-comments > .template-customer-comments-title {
        color: #fff;
        font-weight: bold;
        font-size: 15px;
    }

    #divTemplateCustomerComments > .template-customer-comments > .template-customer-comments-list {
        width: 100%;
    }

        #divTemplateCustomerComments > .template-customer-comments > .template-customer-comments-list > p {
            height: 25px;
            text-align: right;
            width: 100%;
            margin-top: 10px;
        }

            #divTemplateCustomerComments > .template-customer-comments > .template-customer-comments-list > p > a {
                color: #fff;
            }

        #divTemplateCustomerComments > .template-customer-comments > .template-customer-comments-list > ul > li {
            color: #fff;
            background: #4287d8;
            width: 100%;
            text-align: left;
            padding: 5px 1px 5px 10px;
            font-size: 9pt;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 2px 0px;
        }

            #divTemplateCustomerComments > .template-customer-comments > .template-customer-comments-list > ul > li > a {
                color: #fff;
            }

        #divTemplateCustomerComments > .template-customer-comments > .template-customer-comments-list > p > span {
            color: #ffcc00;
            font-size: 12px;
            font-weight: bold;
            padding-right: 3px;
        }

#divTemplateContactInformation {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin: 20px 0px;
    text-align: center;
    background: #447ecd;
}

    #divTemplateContactInformation > ul > li {
        border-bottom: 1px solid #fff;
        padding: 10px;
    }

        #divTemplateContactInformation > ul > li > .clean-class {
            border: 0px;
        }

        #divTemplateContactInformation > ul > li > span {
            padding: 10px;
            color: #fff;
            font-size: 50px;
        }

        #divTemplateContactInformation > ul > li > p {
            padding: 10px;
            color: #fff;
            font-size: 20px;
        }
#divOnlineMessage >.online-message-contact{
    padding:20px;
}
    #divOnlineMessage > .online-message-contact > .row {
        margin:10px 0px;
        text-align:right;
    }