.sideCartNum {
    padding-left: 26px;
}


.Side {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 100;
    text-align: right;
}

/*.Side_in{ position:relative;}*/

a.Side_btn {
    display: block;
    width: 47px;
    height: 47px;
    background-color: #413e5d;
    color: #FFF;
    margin-bottom: 0.5px;
    vertical-align: bottom;
}

.Side_btn {
    transition-duration: 0.5s;
    /* 不支援IE瀏覽器 */
    -moz-transition-duration: 0.5s;
    /* Firefox 使用的語法 */
    -webkit-transition-duration: 0.5s;
    /* Chrome、Safari 使用的語法 */
    -o-transition-duration: 0.5s;
    /* Opera 使用的語法 */
}

.Side_btn span {
    vertical-align: middle;
}

.Side_btn span.side_text {
    opacity: 0;
    width: 0px;
    overflow: hidden;
    font-size: 0px;
    text-align: left;
    font-family: Microsoft JhengHei;
    float: left;
}

/*.Side_btn:hover{ width:180px;}
.Side_btn:hover span.side_text{ display:block; width:180px;}*/
.Side_btn span.side_icon {
    display: inline-block;
    width: 47px;
    height: 47px;
    background-image: url(../images/Side_icon.png);
    background-repeat: no-repeat;
    /* margin-right:5px;*/
    float: left;
}

.Side_btn span.side_icon1 {
    background-position: left 5px;
    padding-right: 11px;
    padding-top: 2px;
    color: red;
}

.Side_btn span.side_icon2 {
    background-position: left -47px;
}

.Side_btn span.side_icon3 {
    background-position: left -99px;
}

.Side_btn span.side_icon4 {
    background-position: left -151px;
}

.Side_btn span.side_icon5 {
    background-position: left -208px;
}

.Side_btn span.side_icon6 {
    background-position: left -248px;
}

.Side .btn1 {
    background-color: #ad000e;
}

.Side .btn2 {
    background-color: #940025;
}

.Side .btn3 {
    background-color: #6a001d;
}

.Side .btn4 {
    background-color: #36000e;
}

.Side .btn5 {
    background-color: #0f0206;
}

.Side_btn:hover {
    width: 177px;
    margin-left: -130px
}

.Side_btn:hover span.side_text {
    width: 120px;
    opacity: 1;
    font-size: 14px;
    padding: 12px 0 5px 0;
    transition-duration: 0.5s;
    /* 不支援IE瀏覽器 */
    -moz-transition-duration: 0.5s;
    /* Firefox 使用的語法 */
    -webkit-transition-duration: 0.5s;
    /* Chrome、Safari 使用的語法 */
    -o-transition-duration: 0.5s;
    /* Opera 使用的語法 */
}

.Side_btn span {
    vertical-align: middle;
}

#back-to-top {
    /* display:none;*/
    opacity: 0;
}

#back-to-top {
    transition-duration: 0.5s;
    /* 不支援IE瀏覽器 */
    -moz-transition-duration: 0.5s;
    /* Firefox 使用的語法 */
    -webkit-transition-duration: 0.5s;
    /* Chrome、Safari 使用的語法 */
    -o-transition-duration: 0.5s;
    /* Opera 使用的語法 */
}

#back-to-top.show {
    opacity: 1;
    /*display:block; */
}

.Quantity_out {
    position: relative;
}

.Quantity {
    /*position: absolute;
    top: 2px;
    left: 20px;
    width: 20px;*/
    height: 17px;
    /*background-color: #333;*/
    font-size: 9px;
    line-height: 17px;
    text-align: center;
    border-radius: 15px;
}

@media (max-width: 768px) {
    #leftMenu .nav-list li .sb-submenu {
        display: none;
    }

    /*------測邊----------------*/

    .Side {
        position: fixed;
        left: 0;
        top: inherit;
        bottom: 0px;
        z-index: 100;
        width: 100%;
        height: 40px;
        margin: 0;
    }

    a.Side_btn {
        float: left;
        display: inline-block;
        width: 33.33333%;
        height: 40px;
        text-align: center;
        bcolor: #FFF;
        margin-bottom: 0px;
        border-radius: 0;
    }

    a.Side_btn i {
        display: none;
    }

    .Side_btn span {
        width: inherit;
        width: 100%;
        text-align: center;
        line-height: 40px;
        margin: 0;
    }

    .Side_btn:hover {
        margin: 0;
    }

    #back-to-top {
        position: fixed;
        right: 0px;
        bottom: 50px;
        width: 40px;
        height: 40px;
    }

    #back-to-top span.side_text {
        display: none;
    }

    .Side_btn span.side_text {
        opacity: 1;
        width: 100%px;
        font-size: 12px;
        text-align: center;
        float: none;
    }

    .Side_btn span.side_icon {
        display: block;
        width: 100%;
        height: 32px;
        background-image: url(../images/Side_icon_S.png);
        background-repeat: no-repeat;
        float: none;
    }

    .Side_btn span.side_icon1 {
        background-position: center 2px;
    }

    .Side_btn span.side_icon2 {
        background-position: center -40px;
    }

    .Side_btn span.side_icon3 {
        background-position: center -80px;
    }

    .Side_btn span.side_icon4 {
        background-position: center -120px;
    }

    .Side_btn span.side_icon5 {
        background-position: center -160px;
    }

    .Side_btn:hover {
        width: 25%;
        margin: 0;
    }

    .Side_btn:hover span.side_text {
        width: 100%;
        opacity: 1;
        font-size: 10px;
        padding: 0;
    }

}