/* ========================== 特色店家分類 ========================== */
.sub-banner {
    width: 100%;
    background-image: url(../Images/sub_banner1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 160px;
    color: #FFF;
    text-align: center;
}

    .sub-banner h2 {
        margin: 0;
        padding-top: 60px;
    }

.products_block {
    margin: 130px 0;
}

.products_L {
    height: 500px;
    overflow: hidden;
    position: relative;
}

    .products_L img {
        width: 100%;
    }

.products_L_Btitle {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
}

.products_R {
    padding: 110px 60px 0 40px;
    position: relative;
}

    .products_R h3 {
        font-size: 30px;
        margin: 20px 0;
        color: #b20000;
    }

    .products_R p {
        line-height: 30px;
        color: #4d6a67;
    }

.products_R_Btitle {
    padding: 0 15px;
    display: block;
    position: absolute;
    left: 0;
    top: -60px;
    background-color: #6d817f;
    width: 100%;
    transition: .7s;
    color: #FFF;
    border: 1px solid #6d817f;
    transition: .7s;
}

    .products_R_Btitle:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%;
    }


    .products_R_Btitle:hover {
        transition: .3s;
        background-color: #FFF;
        color: #6d817f;
        border: 1px solid #6d817f;
        text-decoration: none;
    }

    .products_R_Btitle:focus {
        text-decoration: none;
    }

    .products_R_Btitle h4 {
        font-size: 20px;
        line-height: 30px;
        display: inline-block;
        vertical-align: middle;
    }


.line_bottom {
    border-bottom: 1px solid #b9c0c4;
}

.line_top {
    border-top: 1px solid #b9c0c4;
}

.products_LB {
    padding: 110px 60px 20px 40px;
}

    .products_LB h3 {
        font-size: 30px;
        margin: 20px 0;
        color: #b20000;
    }

    .products_LB p {
        line-height: 30px;
        color: #4d6a67;
    }

/* ----- 特色店家分類product -----*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);

figure.snip0016 {
    font-family: '微軟正黑體', Arial;
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    max-height: 220px;
    width: 100%;
    background: #000000;
    text-align: left;
}

    figure.snip0016 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    figure.snip0016 img {
        max-width: 100%;
        opacity: 1;
        width: 100%;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.snip0016 figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 50px 10px 10px 45px;
        width: 100%;
        height: 100%;
    }

        figure.snip0016 figcaption::before {
            position: absolute;
            top: 60px;
            right: 30px;
            bottom: 45px;
            left: 100%;
            border-left: 3px solid rgba(255, 255, 255, 0.8);
            content: '';
            opacity: 0;
            background-color: rgba(255, 255, 255, 0.5);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
        }

    figure.snip0016 h2,
    figure.snip0016 p {
        margin: 0 0 5px;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
    }

    figure.snip0016 h2 {
        word-spacing: -0.15em;
        font-weight: 300;
        text-transform: uppercase;
        -webkit-transform: translate3d(30%, 0%, 0);
        transform: translate3d(30%, 0%, 0);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

        figure.snip0016 h2 span {
            font-weight: 800;
        }

    figure.snip0016 p {
        margin-top: 15px;
        font-weight: 200;
        -webkit-transform: translate3d(0%, 30%, 0);
        transform: translate3d(0%, 30%, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    figure.snip0016 a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        color: #ffffff;
    }

    figure.snip0016 .snip0016-title {
        z-index: 1;
        width: 100%;
        top: 0;
        position: absolute;
        background-color: rgba(0,0,0,.5);
        padding: 15px 20px;
        font-size: 15px;
        text-align: center;
    }

    figure.snip0016:hover img {
        opacity: 0.2;
    }

    figure.snip0016:hover figcaption h2 {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0%, 0);
        transform: translate3d(0%, 0%, 0);
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    figure.snip0016:hover figcaption p {
        opacity: 0.9;
        -webkit-transform: translate3d(0%, 0%, 0);
        transform: translate3d(0%, 0%, 0);
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    figure.snip0016:hover figcaption::before {
        background: rgba(255, 255, 255, 0);
        left: 30px;
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

@media (min-width: 981px) and (max-width: 2048px) {
    figure.snip0016 {
        width: 100%;
    }
}



/* ========================== 產品分類頁 ========================== */

.stylish-input-group {
    margin-left: 10px;
}

    .stylish-input-group .input-group-addon {
        background: white !important;
    }

    .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc;
    }

    .stylish-input-group button {
        border: 0;
        background: transparent;
    }




#left ul.nav li.parent a {
    padding: 0px;
    color: #ccc;
}

#left ul.nav > li.parent > a {
    border: solid 1px #999;
    text-transform: uppercase;
}

#left ul.nav li.parent a:hover {
}

/* link tag (a)*/
#left ul.nav li.parent ul li a {
    color: #222;
    border: none;
    display: block;
    padding-left: 5px;
}

    #left ul.nav li.parent ul li a:hover {
        background-color: #f4f4f4;
        color: #b20000;
        transition: .3s;
    }

/* sign for parent item */
#left ul.nav li .sign {
    display: inline-block;
    width: 14px;
    background-color: transparent;
    color: #b20000;
}

#left ul.nav li.parent > a > .sign {
    margin-left: 0px;
}

/* label */
#left ul.nav li .lbl {
    padding: 5px 12px;
    display: inline-block;
}

#left ul.nav li.current > a > .lbl {
    color: #fff;
}

#left ul.nav {
    font-size: 20px;
}

.list-form {
    margin-top: 6px;
    color: #6e6e6e !important;
    font-size: 15px;
}

#left ul.nav > li.item-1.parent > a {
    padding-left: 15px;
    border: none;
}

    #left ul.nav > li.item-1.parent > a > .sign,
    #left ul.nav > li.item-1 li.parent > a > .sign {
        margin-left: 0px;
        background-color: none;
    }

#left ul.nav > li.item-1 .lbl {
    color: #000;
}

#left ul.nav > li.item-1 li.current > a .lbl {
    background-color: none;
    color: #fff !important;
}

/* theme 2 */
#left ul.nav > li.item-8.parent > a {
    padding-left: 15px;
    border: none;
}

    #left ul.nav > li.item-8.parent > a > .sign,
    #left ul.nav > li.item-8 li.parent > a > .sign {
        padding: 0;
    }

#left ul.nav > li.item-8 .lbl {
    color: #000;
}

#left ul.nav > li.item-8 li.current > a .lbl {
    background-color: #51c3eb;
    color: #fff !important;
}

/* theme 3 */
#left ul.nav > li.item-15.parent > a {
    border: solid 1px #94cf00;
}

    #left ul.nav > li.item-15.parent > a > .sign,
    #left ul.nav > li.item-15 li.parent > a > .sign {
        margin-left: 0px;
        background-color: #94cf00;
    }

#left ul.nav > li.item-15 .lbl {
    color: #94cf00;
}

#left ul.nav > li.item-15 li.current > a .lbl {
    background-color: #94cf00;
    color: #fff !important;
}

.breadcrumb {
    margin: 15px 0;
    background-color: transparent;
}

    .breadcrumb a {
        transition: .7s;
        text-decoration: none;
        color: #aeaeae;
    }

        .breadcrumb a:hover {
            transition: .3s;
            color: #777;
        }


/* ----- product tab -----*/
.line_top {
    border-top: 1px solid #c5cace;
}

.product_tab li {
    list-style: none;
    display: inline-block;
}

.product_tab a {
    margin-right: 5px;
    padding: 6px 13px;
    background-color: #dee4e3;
    display: block;
    transition: .7s;
    color: #67696c;
    text-decoration: none;
}

.product_tab .active {
    background-color: #6d817f;
    color: #FFF;
    text-decoration: none;
}

.product_tab a:hover {
    transition: .3s;
    background-color: #6d817f;
    color: #FFF;
    text-decoration: none;
}

.product_number_inf {
}

/* ---------- input
.form-horizontal, .control-label{
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right;
}
select{
	height: 30px;
	line-height: 30px;
}
.controls{
	margin-left: 180px;
}
---------- */
/* ========================== 特色店家首頁 ========================== */
.store-logo img {
    height: 50px;
    width: 180px;
}

.store-logo-xs img {
    height: 50px;
    width: 180px;
}

.inf_bar .pull-left {
    margin-top: 4px;
}
/*上方logo_S.png圖檔*/
.pull-left img {
    width: 51px;
}

.col-sm-10 col-sm-offset-2 col-md-8 col-md-offset-3 {
}
    .col-md-offset-3
{
    margin-left: 32%;
}


.inf_bar .otop_bar span {
    margin: 0;
}

.otop_menu, .otop_menu li {
    text-align: center;
}

.otop_bar {
    font-size: 14px;
    margin-top: 8px;
}

    .otop_bar a {
        margin-left: 0;
    }

        .otop_bar a::after {
            margin: 0 3px;
            content: "l";
        }

        .otop_bar a:nth-child(9)::after {
            content: "";
        }

.wrapper {
    margin-bottom: 25px;
    position: relative;
}

.banner_store img {
    width: 100%;
}

.wrapper .banner_stroe {
}

.wrapper #stars {
    position: absolute;
    bottom: -40px;
}

.fake-div {
    height: 135px;
}

#stars {
    color: #FFF;
    background-color: #6e8280;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 320px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
}


    #stars .star-rating {
        margin-top: 50px;
    }

/* ----- stars ----- */
.star-rating {
    margin: 5px 0;
    color: #f7d137;
}

    .star-rating .fa-star, .star-rating .fa-star-o {
        color: #f7d137;
        font-size: 18px;
        margin-left: 0;
    }




#store_menu {
}

.store_text1 {
    clear: #6d817f;
    text-align: center;
    padding: 10px 0;
}

.text_DIV1 {
    line-height: 35px;
    padding: 30px 200px;
}

.store_BG2 {
    width: 100%;
}

    .store_BG2 img {
        width: 100%;
    }

.store_text2 {
}

    .store_text2 img {
        width: 100%;
    }

.store_Simg {
    position: relative;
}

    .store_Simg img {
        top: -100px;
        position: absolute;
    }

.store_content3 {
    padding: 100px 0 30px 0;
}

.store_BG3 {
}

    .store_BG3 img {
        width: 100%;
    }

.store_text3 {
    color: #6d817f;
    padding: 120px 80px 0 80px;
}

    .store_text3 h3 {
        margin-bottom: 20px;
    }

.text_DIV3 {
    line-height: 35px;
}

.store_content4 {
    padding-top: 40px;
    padding-bottom: 60px;
}

.store_products {
    margin: 10px 0;
    border: 1px solid #cad2d7;
}

.products_frame {
}

    .products_frame img {
        width: 100%;
    }

.products_content {
    margin: 15px;
}

.price {
    font-weight: bold;
    color: #b20000;
}

.product_name {
    font-size: 18px;
    margin: 15px 0;
}

#search-icon .number_data, .number_data {
    margin-top: 7px;
    text-align: right;
}


/* ========================== 特色店家-最新消息 ========================== */
#store_newsC {
    padding: 0 0 50px 0;
}

/* ----- sidebar menu -----*/
ul.sidebar-menu {
    margin: 0;
    padding: 0;
    max-width: 100%;
    list-style: none;
    list-style-type: none;
}

.sidebar-menu li a span {
    margin-right: 20px;
    color: #466562;
}

.sidebar-menu li a {
    background-color: transparent;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    color: #466562;
    transition: .7s;
}

    .sidebar-menu li a:hover {
        transition: .3s;
        background-color: #dee4e3;
        display: block;
        text-decoration: none;
    }

li.have-children ul {
    padding: 0px;
}

    li.have-children ul li a {
        background-color: transparent;
        padding-left: 10px;
    }

        li.have-children ul li a:hover {
            color: #b20000;
            background-color: transparent;
            padding-left: 20px;
        }

li.have-children, li {
    position: relative;
}

.have-children span::after {
    position: absolute;
    right: 10px;
    content: "\f054";
    color: #466562;
    transition: all .5s;
}

li.active.have-children span::after {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.have-children .list-active {
    background-color: #dee4e3;
    font-weight: bold;
    color: #b20000;
}

/* ----- hover images -----*/
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

figure.hover_img {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 0 12px 0;
    width: 100%;
    background: #466562;
    text-align: center;
}

    figure.hover_img * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    figure.hover_img img {
        max-width: 100%;
        vertical-align: top;
    }

    figure.hover_img i {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        font-size: 34px;
        color: #6d817f;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #ffffff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    }

    figure.hover_img a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
    }

    figure.hover_img:hover img,
    figure.hover_img.hover img {
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    figure.hover_img:hover i,
    figure.hover_img.hover i {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }


.news_title {
    margin: 5px 0;
    font-size: 24px;
    text-align: center;
}


/* ----- news hover effest -----*/
figure.snip1084 {
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    width: 100%;
    background: #000000;
    text-align: center;
}

    figure.snip1084 * {
        -webkit-box-sizing: padding-box;
        box-sizing: padding-box;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    figure.snip1084 img {
        opacity: 1;
        width: 100%;
    }

    figure.snip1084 figcaption {
        top: 50%;
        left: 40px;
        right: 40px;
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        figure.snip1084 figcaption h2 {
            padding: 5px 10px;
            background-color: rgba(0,0,0,.5);
            position: relative;
            font-weight: 400;
            text-transform: uppercase;
            margin: 0;
            -webkit-transform: translateY(75%);
            transform: translateY(75%);
        }

            figure.snip1084 figcaption h2 span {
                font-weight: 800;
            }

        figure.snip1084 figcaption p {
            font-size: 0.9em;
            font-weight: 500;
            opacity: 0;
            margin: 0;
        }

    figure.snip1084:before,
    figure.snip1084:after {
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
        transition: opacity 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s, transform 0.6s;
    }

    figure.snip1084:before {
        border-top: 1px double #fff;
        border-bottom: 1px double #fff;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }

    figure.snip1084:after {
        border-right: 1px double #fff;
        border-left: 1px double #fff;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    figure.snip1084 a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 1;
    }

    figure.snip1084.blue {
        background: #0a212f;
    }

    figure.snip1084.red {
        background: #36100c;
    }

    figure.snip1084.yellow {
        background: #562e0a;
    }

    figure.snip1084:hover img,
    figure.snip1084.hover img {
        opacity: 0.2;
        -webkit-filter: blur(5px);
        filter: blur(5px);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    figure.snip1084:hover figcaption h2,
    figure.snip1084.hover figcaption h2,
    figure.snip1084:hover figcaption p,
    figure.snip1084.hover figcaption p {
        opacity: 1;
        border-color: rgba(255, 255, 255, 0.5);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    figure.snip1084:hover figcaption p,
    figure.snip1084.hover figcaption p {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    figure.snip1084:hover:before,
    figure.snip1084.hover:before,
    figure.snip1084:hover:after,
    figure.snip1084.hover:after {
        opacity: 0.8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }


/* ----- box carousel -----*/


/* ========================== 特色店家-最新消息內頁 ========================== */
.news_content {
}

    .news_content img {
        width: 100%;
    }

.news_content_title {
    color: #000;
    margin-bottom: 25px;
    text-align: left;
}

.news_content_title_inf {
    float: left;
    font-size: 18px;
    margin-top: 22px;
}

    .news_content_title_inf span::after {
        margin: 0 5px 0 8px;
        content: "l";
    }

.news_content_social {
    padding-top: 5px;
    padding-bottom: 20px;
    float: left;
}

    .news_content_social .icons {
        margin-top: 14px;
    }

        .news_content_social .icons img {
            width: 30px;
        }

.news_special_text {
    color: #8c7b00;
    line-height: 36px;
    border-top: 1px solid #dee4e3;
    border-bottom: 1px solid #dee4e3;
    font-style: italic;
    padding: 20px 0;
    margin: 40px 0;
}

.news_text {
    line-height: 36px;
    margin: 25px 0;
}


/* ========================== 特色店家-詳細商品頁 ========================== */
.lead {
    font-size: 24px;
    font-weight: bold;
}

.goToDescription {
    font-size: 12px;
    text-align: center;
    margin-bottom: 40px;
}

    .goToDescription a {
        color: #999999;
        text-decoration: underline;
    }

#productMain {
    margin-bottom: 10px;
}

    #productMain .icons {
        margin-bottom: 12px;
    }

    #productMain .sizes {
    }

        #productMain .sizes h3 {
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        #productMain .sizes h2 {
            margin: 10px 0 5px 0;
        }

        #productMain .sizes a {
            color: #67696c;
        }

            #productMain .sizes a:hover {
                color: #67696c;
                text-decoration: none;
            }

    #productMain .price {
        display: block;
        color: #a30000;
        font-size: 40px;
        margin-bottom: 10px;
    }

.text-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.box {
    background: #fff;
    margin: 0 0 20px;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0;
    border-left: none;
    border-right: none;
}

    .box .box-header {
        background: #f7f7f7;
        margin: -20px 0 20px;
        padding: 20px;
        border-bottom: solid 1px #eeeeee;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

        .box .box-header:before,
        .box .box-header:after {
            content: " ";
            display: table;
        }

        .box .box-header:after {
            clear: both;
        }

        .box .box-header:before,
        .box .box-header:after {
            content: " ";
            display: table;
        }

        .box .box-header:after {
            clear: both;
        }

    .box .box-footer {
        background: #f7f7f7;
        margin: 30px 0 -20px;
        padding: 20px;
        border-top: solid 1px #eeeeee;
    }

        .box .box-footer:before,
        .box .box-footer:after {
            content: " ";
            display: table;
        }

        .box .box-footer:after {
            clear: both;
        }

        .box .box-footer:before,
        .box .box-footer:after {
            content: " ";
            display: table;
        }

        .box .box-footer:after {
            clear: both;
        }

.product {
    background: #fff;
    border-bottom: solid 1px #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 60px;
    overflow: hidden;
    text-align: center;
}

    .product .image {
        overflow: hidden;
    }

        .product .image img {
            -webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
        }

.detail_text {
    color: #6e8280;
    font-size: 16px;
    line-height: 25px;
}


/* ----- tab ----- */
.tabs {
    margin-top: 20px;
}

ul.tabs {
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

    ul.tabs li {
        float: left;
        margin: 0;
        cursor: pointer;
        padding: 0px 30px;
        height: 40px;
        line-height: 40px;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background-color: #6e8280;
        color: #FFF;
        overflow: hidden;
        position: relative;
    }

.tab_last {
    border-right: 1px solid #ccc;
}

ul.tabs li:hover {
    background-color: #dee4e3;
    color: #333;
}

ul.tabs li.active {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #ccc;
    display: block;
}

.tab_container {
    margin-bottom: 30px;
    border-top: 1px solid #ccc;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}

.tab_content {
    padding: 5px 0 25px 0;
    display: none;
}

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

    .tab_content p {
        line-height: 30px;
    }

.tab_drawer_heading {
    display: none;
}


.minus, .plus {
    background-color: #ccc;
    padding: 4px 10px;
    margin-top: -3px;
}

.cart_number {
    margin-top: 7px;
}

#product-social {
    text-align: center;
    margin-top: 40px;
    margin-bottom: -5px;
}

    #product-social .icons i {
        color: #466562;
        margin: 0 4px;
    }

        #product-social .icons i:hover {
            color: #FFF;
            background-color: #466562;
        }

/* ----- tab modify ----- */
#tab-modify .nav-tabs-dropdown {
    display: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    #tab-modify .nav-tabs-dropdown:before {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        position: absolute;
        right: 30px;
    }

#tab-modify .nav-tabs > li > a {
    margin: 0;
    border-radius: 0;
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    padding: 10px 35px;
}

#tab-modify .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #FFF;
    border: 1px solid #ccc;
    background-color: #6e8280;
}

#tab-modify .tab-content {
    padding: 10px 0 25px 0;
}

    #tab-modify .tab-content img {
        max-width: 100%;
    }

    #tab-modify .tab-content p {
        line-height: 24px;
    }

#tab-modify .nav-tabs-dropdown {
    background-color: #6e8280;
    color: #FFF;
}

@media screen and (min-width: 769px) {
    #tab-modify #nav-tabs-wrapper {
        display: block !important;
        border-bottom: 1px solid #ccc;
    }
}

@media screen and (max-width: 768px) {
    #tab-modify .nav-tabs-dropdown {
        display: block;
        font-size: 20px;
        border-bottom: 1px solid #ccc;
    }

    #tab-modify #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }

    #tab-modify .nav-tabs-horizontal {
        min-height: 20px;
        margin-bottom: 20px;
        background-color: #fcfcfc;
    }

        #tab-modify .nav-tabs-horizontal > li {
            float: none;
        }

            #tab-modify .nav-tabs-horizontal > li,
            #tab-modify .nav-tabs-horizontal > li > a {
                background: transparent;
                width: 100%;
            }

                #tab-modify .nav-tabs-horizontal > li.active > a,
                #tab-modify .nav-tabs-horizontal > li.active > a:hover,
                #tab-modify .nav-tabs-horizontal > li.active > a:focus {
                    color: #ffffff;
                    border: none;
                    background-color: #6e8280;
                }
}

/* ----- pay -----*/
.store_pay {
    display: block;
    margin-top: 10px;
}

    .store_pay img {
        margin: 0 4px;
    }

    .store_pay a {
        text-decoration: none;
        color: #67696c;
    }

        .store_pay a:hover {
            text-decoration: none;
            color: #000;
        }

/* ----- cart ----- */
#cart {
    margin-bottom: -10px;
}

.qt, .qt-plus, .qt-minus {
    display: block;
    float: left;
}

.qt {
    font-size: 18px;
    line-height: 32px;
    width: 35px;
    text-align: center;
}

.qt-plus, .qt-minus {
    background: #fcfcfc;
    border: none;
    font-size: 24px;
    font-weight: 300;
    height: 100%;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
}

    .qt-plus:hover, .qt-minus:hover {
        background: #6d817f;
        color: #fff;
        cursor: pointer;
    }

.qt-plus {
    padding: 0 8px;
    background-color: #dee4e3;
    line-height: 32px;
}

.qt-minus {
    padding: 0 12px;
    background-color: #dee4e3;
    line-height: 32px;
}

.full-price {
    font-size: 18px;
    margin: 5px 0 0 15px;
}

.minused {
    transition: .7s;
    font-weight: lighter;
}

.added {
    transition: .3s;
    font-weight: bold;
}

.box .btn_general, .box .btn_general_line {
    margin: 15px 0;
}

/* ----- zoom ----- */
.zoom {
    display: inline-block;
    position: relative;
}

    .zoom img {
        display: block;
    }

        .zoom img::selection {
            background-color: transparent;
        }

/* -----  img carousel -----*/

/* Elastislide Style */

.elastislide-list {
    list-style-type: none;
    display: none;
}

.no-js .elastislide-list {
    display: block;
}

.elastislide-carousel ul li {
    min-width: 20px; /* minimum width of the image (min width + border) */
}

.elastislide-wrapper {
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    min-height: 60px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

    .elastislide-wrapper.elastislide-loading {
        background-image: url(http://tympanus.net/Development/Elastislide/images/loading.gif);
        background-repeat: no-repeat;
        background-position: center center;
    }

.elastislide-horizontal {
}

.elastislide-vertical {
    padding: 40px 10px;
}

.elastislide-carousel {
    overflow: hidden;
    position: relative;
}

    .elastislide-carousel ul {
        position: relative;
        display: block;
        list-style-type: none;
        padding: 0;
        margin: 0;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

.elastislide-horizontal ul {
    white-space: nowrap;
}

.elastislide-carousel ul li {
    margin: 0;
    -webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
    height: 100%;
    display: inline-block;
}

.elastislide-vertical ul li {
    display: block;
}

.elastislide-carousel ul li a {
    display: inline-block;
    width: 100%;
}

    .elastislide-carousel ul li a img {
        display: block;
        border: 2px solid white;
        max-width: 100%;
    }

/* Navigation Arrows */

.elastislide-wrapper nav span {
    position: absolute;
    background: #ddd url(http://tympanus.net/Development/Elastislide/images/nav.png) no-repeat 4px 3px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    text-indent: -9000px;
    cursor: pointer;
    opacity: 0.8;
}

    .elastislide-wrapper nav span:hover {
        opacity: 1.0;
    }

.elastislide-horizontal nav span {
    top: 50%;
    left: 10px;
    margin-top: -11px;
}

.elastislide-vertical nav span {
    top: 10px;
    left: 50%;
    margin-left: -11px;
    background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {
    right: 10px;
    left: auto;
    background-position: 4px -17px;
}

.elastislide-vertical nav span.elastislide-next {
    bottom: 10px;
    top: auto;
    background-position: -17px -18px;
}

.demo-3 .elastislide-horizontal {
    background-color: #000;
    padding: 30px 60px;
}

.no-touch .demo-3 .elastislide-horizontal {
    opacity: 0.8;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

    .no-touch .demo-3 .elastislide-horizontal:hover {
        opacity: 1;
    }

.demo-3 .elastislide-wrapper nav span {
    background-color: #000;
}

.demo-3 .elastislide-carousel ul li a {
    padding: 0 10px;
}

    .demo-3 .elastislide-carousel ul li a img {
        border-radius: 10px;
        border: none;
    }

.demo-4 .elastislide-horizontal {
    background-color: transparent;
    border-radius: 20px 20px 0 0;
}

    .demo-3 .elastislide-horizontal.elastislide-loading,
    .demo-4 .elastislide-horizontal.elastislide-loading {
        background-image: url(http://tympanus.net/Development/Elastislide/images/loading_dark.gif);
    }
/* ----- detail img carousel -----*/

.carouselwrap {
    position: relative;
    width: 100%;
    max-width: 960px;
    overflow: hidden;
    margin: 0 auto;
}

.carousel {
    background-color: #FFF;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}

    .carousel .item {
        display: inline-block;
        text-align: center;
        margin: 0;
        padding: 0;
        overflow: hidden;
        vertical-align: top;
    }

        .carousel .item img {
            opacity: .6;
            max-height: 350px;
        }

        .carousel .item .mainimg {
            opacity: 1;
        }

.ic_title {
    width: 100%;
    background: #F8F8F8;
    text-align: center;
}

    .ic_title p {
        padding: 8px 0;
    }

.back_btn {
    padding: 10px;
    position: absolute;
    left: 10px;
    z-index: 50000000;
    top: 40%;
    cursor: pointer;
}

.next_btn {
    padding: 10px;
    position: absolute;
    right: 10px;
    z-index: 50000000;
    top: 40%;
    cursor: pointer;
}

.no_select {
    transition: .7s;
    color: #6d817f;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(255,255,255,0.6);
}

    .no_select:hover {
        transition: .3s;
        color: #6d817f;
        background-color: rgba(255,255,255,0.9);
    }
/* ========================== 特色店家-關於我們 ========================== */
#about_page h3 {
    color: #000;
}

.title_tick p::before {
    content: "●";
    margin-right: 10px;
}

#about_page iframe {
    margin-top: 20px;
}




/* ========================== 各分類列表 ========================== */
.category-box {
    width: 100%;
    float: left;
    padding: 25px 0;
    border-top: 1px solid #ccc;
}

.category-box-img {
    margin-bottom: 20px;
}

    .category-box-img img {
        width: 100%;
    }

.category-box-inf {
    float: left;
}

.box-inf-title {
    font-size: 24px;
}

.category-box-products {
    margin-bottom: 20px;
}

    .category-box-products img {
        width: 100%;
        margin-bottom: 5px;
    }

    .category-box-products p a {
        color: #67696c;
        text-decoration: none;
    }

        .category-box-products p a:hover {
            color: #67696c;
            text-decoration: none;
        }

.category-box-inf a {
    color: #67696c;
    text-decoration: none;
}

.category-box-inf a {
    color: #67696c;
    text-decoration: none;
}


/* ----- tags ----- */
.tagcloud01 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .tagcloud01 ul li {
        display: inline-block;
        margin: 2px;
        padding: 0;
    }

        .tagcloud01 ul li a {
            display: inline-block;
            max-width: 100px;
            height: 28px;
            line-height: 28px;
            padding: 0 1em;
            background-color: #FFF;
            border: 1px solid #aaa;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            color: #6d817f;
            font-size: 13px;
            text-decoration: none;
            -webkit-transition: .7s;
            transition: .7s;
        }

            .tagcloud01 ul li a:hover {
                transition: .3s;
                background-color: #6d817f;
                border: 1px solid #6d817f;
                color: #fff;
            }




/* ----- pagination -----*/
.pagination {
    margin: 60px 0;
}

    .pagination > .active > span {
        border: 1px solid #6d817f;
        background-color: #6d817f;
        transition: .7s;
    }

    .pagination > li > a {
        color: #6d817f;
    }

        .pagination > li > a:hover {
            border: 1px solid #6d817f;
            background-color: #6d817f;
            color: #FFF;
            transition: .3s;
        }

/* ----- search bar ----- */
.search-bar {
    margin: 5px 0 5px 0;
}



/* ----- search icon ----- */
#search-icon span {
    margin-left: 15px;
}

#search-icon input {
    outline: none;
}

    #search-icon input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
    }

    #search-icon input::-webkit-search-decoration,
    #search-icon input::-webkit-search-cancel-button {
        display: none;
    }


    #search-icon input[type=search] {
        background: #ededed url(http://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
        border: solid 1px #ccc;
        padding: 6px 6px 6px 0px;
        width: 55px;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }

        #search-icon input[type=search]:focus {
            width: 130px;
            background-color: #fff;
            border-color: #6d817f;
            -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
            -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
            box-shadow: 0 0 5px rgba(109,207,246,.5);
        }

    #search-icon input:-moz-placeholder {
        color: #999;
    }

    #search-icon input::-webkit-input-placeholder {
        color: #999;
    }

    #search-icon input[type=search] {
        width: 20px;
        padding-left: 10px;
        color: transparent;
        cursor: pointer;
    }

        #search-icon input[type=search]:hover {
            background-color: #fff;
        }

        #search-icon input[type=search]:focus {
            width: 130px;
            padding-left: 32px;
            color: #000;
            background-color: #fff;
            cursor: auto;
        }

    #search-icon input:-moz-placeholder {
        color: transparent;
    }

    #search-icon input::-webkit-input-placeholder {
        color: transparent;
    }

#search-icon .product_tab ul {
    padding-left: 0;
}
/* ========================== 聯絡我們 ========================== */
#contact {
    min-height: 500px;
    margin: 0 0 50px 0;
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
}

label {
    margin-bottom: 5px;
}

.form-horizontal .controls {
    margin-left: 180px;
}

.important-write {
    color: red;
}

.contact-right {
    line-height: 24px;
}

/* ========================== 會員點數 ========================== */
#B11, #B21, #B31, #B41, #B51 {
    color: #b20000;
    background-color: #f8fef4;
}

#B12, #B22, #B32, #B42, #B52 {
    background-color: #f8fef4;
}


/* ========================== 會員編輯 ========================== */
#member_edit {
    min-height: 500px;
    margin: 0 0 50px 0;
}

/* ========================== 消費滿意評價 ========================== */
.inner {
    margin-right: 15px;
    border: #EFEFEF 3px solid;
    padding: 20px 5px;
    background-color: white;
    overflow: hidden;
    position: relative;
}

.rating {
    float: left;
    width: 30%;
    text-align: center;
}

.rating-num {
    color: #333333;
    font-size: 72px;
    font-weight: 100;
    line-height: 1em;
}

.rating-stars {
    font-size: 20px;
    color: #E3E3E3;
    margin-bottom: .5em;
}

    .rating-stars .active {
        color: #737373;
    }

.rating-users {
    font-size: 14px;
}

.histo {
    float: left;
    width: 65%;
    font-size: 13px;
}

.histo-star {
    float: left;
    padding: 3px;
}

.histo-rate {
    width: 100%;
    display: block;
    clear: both;
}

.bar-block {
    margin-left: 5px;
    color: black;
    display: block;
    float: left;
    width: 90%;
    position: relative;
}

.bar {
    padding: 7px;
    display: block;
}

#bar-five {
    width: 0;
    background-color: #9FC05A;
}

#bar-four {
    width: 0;
    background-color: #ADD633;
}

#bar-three {
    width: 0;
    background-color: #FFD834;
}

#bar-two {
    width: 0;
    background-color: #FFB234;
}

#bar-one {
    width: 0;
    background-color: #FF8B5A;
}

.rating_inf {
    padding-top: 12px;
}

/* ----- comments ----- */
.feedback_star_number {
    font-size: 24px;
    font-weight: bold;
    color: #b20000;
}




.rating-block {
    background-color: #f6f6f6;
    padding: 20px;
    margin-top: 15px;
    -webkit-box-shadow: 2px 5px 8px -4px rgba(0,0,0,0.53);
    -moz-box-shadow: 2px 5px 8px -4px rgba(0,0,0,0.53);
    box-shadow: 2px 5px 8px -4px rgba(0,0,0,0.53);
}



.reply {
    color: #000;
    background-color: #f8fef4;
}

    .reply td {
        border-top: 1px #FFF solid !important;
    }


/* ========================== 購物車清單 ========================== */

/* ----- steps -----*/
.cart-step-arrow {
    padding: 0px;
    background: transparent;
    list-style: none;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: -5px;
    border-radius: 4px;
}

    .cart-step-arrow > li {
        display: table-cell;
        vertical-align: top;
        width: 1%;
    }

        .cart-step-arrow > li + li:before {
            padding: 0;
        }

    .cart-step-arrow li a {
        color: #6d817f;
        text-decoration: none;
        padding: 10px 0 10px 45px;
        position: relative;
        display: inline-block;
        width: calc( 100% - 10px );
        background-color: #dee4e3;
        text-align: center;
        text-transform: capitalize;
    }

    .cart-step-arrow li.completed a {
        color: #FFF;
        background: #6d817f;
    }

        .cart-step-arrow li.completed a:after {
            border-left: 30px solid #6d817f;
        }

    .cart-step-arrow li.active a {
        background: #ffc107;
    }

        .cart-step-arrow li.active a:after {
            border-left: 30px solid #ffc107;
        }

    .cart-step-arrow li:first-child a {
        padding-left: 15px;
    }

    .cart-step-arrow li:last-of-type a {
        width: calc( 100% - 38px );
    }

    .cart-step-arrow li a:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid white;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        margin-left: 1px;
        left: 100%;
        z-index: 1;
    }

    .cart-step-arrow li a:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid #dee4e3;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 2;
    }

.cart-step .nav-pills > li.active > a {
    margin: 2px;
    border-radius: 0;
    background-color: #6d817f;
}

.cart-step .nav-pills > li.disabled > a {
    margin: 2px;
    border-radius: 0;
    background-color: #dee4e3;
}

.cart-step .thumbnail {
    border: none;
    border-radius: 0;
}




.shop-checkout {
    max-height: 70px;
}

.shop-checkout-delete .fa-times {
    transition: .7s;
    color: #a0a0a0;
    padding: 8px 12px;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
}

    .shop-checkout-delete .fa-times:hover {
        border: 1px solid #b20000;
        transition: .3s;
        color: #FFF;
        padding: 8px 12px;
        background-color: #b20000;
    }

.table > tbody .checkou_tr span {
    font-size: 20px;
    font-weight: bold;
}

.table > tbody .total_tr {
    background-color: #f6f6f6;
}

    .table > tbody .total_tr:hover {
        background-color: #f6f6f6;
    }

.table .checkbox {
    text-align: center;
}

.table > thead > tr > th .checkbox {
    margin: 0;
}

.checkout_price {
    font-size: 20px;
    color: #b20000;
}

.total_tr, .checkou_tr {
    white-space: nowrap;
}


/* ----- counter ----- */
table .center {
    float: left;
    width: 150px;
    margin: auto;
}

/* ----- modal ----- */
#content {
    display: none;
}

.color_red {
    font-weight: bold;
    color: #b20000;
}

.scotch-overlay {
    position: fixed;
    z-index: 1039;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 1ms opacity ease;
    -moz-transition: 1ms opacity ease;
    -ms-transition: 1ms opacity ease;
    -o-transition: 1ms opacity ease;
    transition: 1ms opacity ease;
    background: rgba(0,0,0,.6);
}

.scotch-modal {
    position: absolute;
    z-index: 1040;
    top: 50%;
    left: 49.6%;
    opacity: 0;
    width: 94%;
    padding: 20px 25px;
    -webkit-transition: 1ms opacity ease;
    -moz-transition: 1ms opacity ease;
    -ms-transition: 1ms opacity ease;
    -o-transition: 1ms opacity ease;
    transition: 1ms opacity ease;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 2px;
    background: #fff;
}

    .scotch-modal.scotch-open.scotch-anchored {
        top: 20px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .scotch-modal.scotch-open {
        opacity: 1;
    }

.scotch-overlay.scotch-open {
    opacity: 1;
}

/* Default Animation */

.scotch-overlay.fade-and-drop {
    display: block;
    opacity: 0;
}

.scotch-modal.fade-and-drop {
    top: -300%;
    opacity: 1;
    display: block;
}

    .scotch-modal.fade-and-drop.scotch-open {
        top: 25%;
        -webkit-transition: 500ms top 500ms ease;
        -moz-transition: 500ms top 500ms ease;
        -ms-transition: 500ms top 500ms ease;
        -o-transition: 500ms top 500ms ease;
        transition: 500ms top 500ms ease;
    }

        .scotch-modal.fade-and-drop.scotch-open.scotch-anchored {
            -webkit-transition: 500ms top 500ms ease;
            -moz-transition: 500ms top 500ms ease;
            -ms-transition: 500ms top 500ms ease;
            -o-transition: 500ms top 500ms ease;
            transition: 500ms top 500ms ease;
        }

.scotch-overlay.fade-and-drop.scotch-open {
    top: 0;
    -webkit-transition: 500ms opacity ease;
    -moz-transition: 500ms opacity ease;
    -ms-transition: 500ms opacity ease;
    -o-transition: 500ms opacity ease;
    transition: 500ms opacity ease;
    opacity: 1;
}

.scotch-modal.fade-and-drop {
    -webkit-transition: 500ms top ease;
    -moz-transition: 500ms top ease;
    -ms-transition: 500ms top ease;
    -o-transition: 500ms top ease;
    transition: 500ms top ease;
}

.scotch-overlay.fade-and-drop {
    -webkit-transition: 500ms opacity 500ms ease;
    -moz-transition: 500ms opacity 500ms ease;
    -ms-transition: 500ms opacity 500ms ease;
    -o-transition: 500ms opacity 500ms ease;
    transition: 500ms opacity 500ms ease;
}


/* ----- carousel -----*/
@keyframes slider-key-next {
    0% {
        left: 100%;
    }

    100% {
        left: 0;
    }
}

@keyframes slider-key-left {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@keyframes slider-key-previous {
    0% {
        left: -100%;
    }

    100% {
        left: 0;
    }
}

@keyframes slider-key-right {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

.slider {
    overflow: hidden;
    position: relative;
}

    .slider > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        float: left;
        width: 100%;
        overflow: hidden;
    }

        .slider > ul > li {
            position: absolute;
            left: 100%;
            top: 0;
            width: 100%;
            height: 100%;
            visibility: hidden;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
        }

            .slider > ul > li.active {
                visibility: visible;
                left: 0;
            }

            .slider > ul > li.left {
                animation-name: slider-key-left;
            }

            .slider > ul > li.next {
                animation-name: slider-key-next;
            }

            .slider > ul > li.right {
                animation-name: slider-key-right;
            }

            .slider > ul > li.previous {
                animation-name: slider-key-previous;
            }

.slider {
    max-width: 545px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

    .slider > button {
        transition: 0.3s;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-color: #FAFAFA;
        opacity: 0.5;
        border: 0;
        outline: none;
        padding: 0;
        cursor: pointer;
        border-radius: 100%;
        box-shadow: 0 3px 6px rgba(0,0,0,0.2);
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center;
    }

        .slider > button:hover {
            opacity: 1;
            box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        }

        .slider > button:nth-child(2) {
            left: 10px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAEAUlEQVR4Xu3dO24UQRCAYftYcAGfABFa4nUciDEcgQCJOwAShCBE7hMACY+A7mAly7K9NdNd1fX4LU0A9M5M1/8x3iUwpyd8lZ7Aaends/kTABRHAAAAFJ9A8e3zBABA8QkU3z5PAAAUn0Dx7fMEAEDxCRTfPk8AAJSdwOO282/teF92Am3jVZ8Az9reX7bjVzvOKiOoCOAQ//AXvzSCagCuxy+PoBKA2+KXRlAFwLH4ZRFUACCNXxJBdgBb419FcK/94kv2j4iZAeyN35u/bcfDdvwBQMwJEF/YLeMTgPjC+H1ZNgDE3xA/GwDib4yfCQDxd8TPAoD4O+NnAED8gfjRARB/MH5kAMSfED8qAOJPih8RAPEnxo8GgPiT40cCQHyF+FEAEF8pfgQAxFeM7x0A8ZXjewZAfIP4XgEQ3yi+RwDEN4zvDQDxjeN7AkD8BfG9ACD+ovgeABB/YfzVAIi/OP5KAMR3EH8VAOI7ib8CAPEdxbcGQHxn8S0BEN9hfCsAxHca3wIA8R3H1wZAfOfxNQEQP0B8LQDEDxJfAwDxA8WfDYD4weLPBED8gPFnARiJ/6ndxIt2/As6P6+3/aHd2KXk5kZ/RtBIfMn9sWbfBB60l72RvHQEAPElE16zRh0A8deElV5VFQDxpRnWrVMDQPx1UbdcGQBbppVwrRqAPqun7bhIOLRMW1IF0Af1pB2vMk0s2V7UAfR59f92rSMY+SiZbO5utmMCoO/2UTteg8BN+MONmAEYRfC5neB5O/66G2HsG/rYbt/kn4IPYxp5ErxrJ+lif8eeecy7n/n9GwQBDcwEMPrtgCfBAkCzAYBgQcSRS2oAAMFIEePXagEAgXHIvZfTBACCvVUMX6cNAASGMfdcygIACPaUMXqNFQAQGAXdehlLACDYWsdgvTUAEBhE3XKJFQBAsKWQ8tpVAECgHFZ6+pUAQCCtpLhuNQAQKMaVnNoDABBISimt8QIABEqBj53WEwAQHKul8OfeAIBAIfJdp/QIAASGCLwCAIERAs8AQGCAwDsAECgjiAAABIoIogAAgRKCSABAoIAgGgAQTEYQEQAIJiKICgAEkxBEBgCCCQiiAwDBIIIMAEAwgCALABDsRJAJAAh2IMgGAAQbEWQEAIINCLICAIEQQWYAIwh+tBffb8dX4RzDLssOYA+CHv+sHf1n7aX/qgBgC4JS8ftgqgCQICgXvxqAuxCUjF8RwE0IysavCuAqgp+V3vDd9I620nuA6/s/b7/xvcq7/ds+zlQGkP4jnmSDAJBMKfEaACSOK9kaACRTSrwGAInjSrYGAMmUEq8BQOK4kq0BQDKlxGsAkDiuZGsAkEwp8RoAJI4r2RoAJFNKvOY/NR8wkHwupfAAAAAASUVORK5CYII=);
        }

        .slider > button:nth-child(3) {
            right: 10px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAEDklEQVR4Xu3cTW5TMRSG4XSAQMASmHUOEkwAiQ0gMWQBIFaAWA8qYgZijFhA1wXnQkPTNsn133GP/b2VPKjqe22f74nj3kg52fAjXYET6dWz+A0AxBEAAADiFRBfPjsAAMQrIL58dgAAiFdAfPnsAAAQr4D48tkBACBegc3mlVXg1NqZYiXUd4Al/J/W7lv7YO2zGgJlANvwH1yE/lsRgSqA6+FvX/hyCBQBHApfEoEagLXw5RAoAUgNXwqBCoAnluq5te2BL/WwP/2ZQAXAXUv8u7U3qcnv9JsagQqAJU8Q7NGvBAAEAPhbAXaCHQhqO8B26SC4qIQqAHYCAPB2sFRAeQfg7QAA/09DsmcCdoDLE7EkAgBc/d9YDgEAbj4ckUIAgP0fDsggAMDhT4ckEADg+MeD0yMAwPrnw1MjAMA6gKkfGwMgDcC0CACQDmBKBADIAzAdAgDkA5gKAQDKAEyDAADlAKZAAIA6AMMjAEA9gKERAKANgGERAKAdgCERAKAtgOEQAKA9gKEQAMAHwDAIAOAHYAgEAPAFEB4BAPwBhEYAgD4AwiIAQD8AIREAoC+AcAgA0B9AKAQAuB0AYRDkAHhks35xe/WacuQ7tqqP1p4VrK7Jt5flAHhrk/xWMFEu8atANQIA+IXT685VCADQKybfcYoRAMA3mJ53L0IAgJ4R+Y+VjQAA/qH0HAEAPasdbKwl/PfWznLmxQ6QU624fZfw31n7kjtFAORWLF7/4vCXpQAgXqA5M6oKPxfA8ij4ec7s6LtageVR8CdrT1d73uxQHX4ugII5csmRCtyzv/2w9rqgSk3CB0BB5RtdEiJ8ADRKM/M2YcIHQGZyDbqHCh8ADRLNuEW48AGQkV5l15DhA6Ay1cTLw4YPgMQEK7qFDh8AFckmXBo+fAAkpFjYZYjwAVCY7splw4QPgPYAhgofAG0BDBc+ANoBGDJ8ALQBMGz4AKgHMHT4AKgDMHz4ACgHMEX4ACgDME34AMgHMFX4AMgDMF34AEgHMGX4AEgDMG34AFgHMHX4ADgOYPrwAXAYgET4ANgPQCZ8ANwEIBU+AK4CkAsfAJcAJMMHwD8AsuEDQDx8dQDSr/ztu1/OV8SsPzcbpwfhX2SlCIDwd16oagAI/9ourQSA8Pe8RasAIPwD5zMVAI9t/efWHmaeU5t9G1fmuN26qwBYCvrS2q8MBNOHr/gcIBWBRPiKAFJ2ApnwVQEcQyAVvjKAfQjkwlcHsIvggf1S9H373Y7rTgMp/RdwqITLwfDU2lenGoe+LQBCx+M/OQD41zj0CAAIHY//5ADgX+PQIwAgdDz+kwOAf41DjwCA0PH4Tw4A/jUOPQIAQsfjPzkA+Nc49AgACB2P/+QA4F/j0CP8AQt1MpCfJsp4AAAAAElFTkSuQmCC);
        }

    .slider > ul > li > img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .slider > ul > li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0;
    }

        .slider > ul > li h1,
        .slider > ul > li p {
            position: relative;
            padding: 0 15%;
            color: #fff;
            font-family: sans-serif;
        }

.checkout_total {
    font-size: 18px;
    padding: 20px 10px;
    background-color: #f6f6f6;
    color: #606060;
    margin-bottom: 30px;
}




/* ========================== 填寫付款及寄送方式 ========================== */
.checkout1-pay {
    float: left;
    padding: 15px 25px;
    width: 100%;
    background-color: #f6f6f6;
}

.checkout1-number {
    margin: 10px 0;
}


.checkout1-pay .btn_red {
    float: right;
}



.fa-arrow-circle-right {
    color: #b20000;
}

.checkout_block {
    padding: 10px 5px;
    margin: 30px 0;
    border: 2px solid #e9e9e9;
}

.shop-checkout2 tr img {
    max-width: 80px;
    margin-right: 8px;
    padding-bottom: 15px;
}

.shop-checkout2 > tbody > tr > td {
    padding: 12px 6px 0 6px;
    border: none;
}

.shop-checkout2 > tbody > tr:hover {
    background-color: transparent;
}

.shop-checkout2 a {
    transition: .3s;
    color: #000;
    text-decoration: none;
}

    .shop-checkout2 a:hover {
        transition: .2s;
        color: #a4a6a9;
        text-decoration: none;
    }

.color_orange {
    margin-right: 10px;
    color: #ff5623;
    font-size: 20px;
}

.color_black {
    font-size: 20px;
}

.color_green {
    color: rgba(78,170,62,1);
}

.shop-checkout2 .price {
    padding: 6px 0;
    font-size: 18px;
}

.payment .table {
    margin: 10px 0;
}


.payment .form-check-label {
    font-weight: lighter;
    margin: 12px 0;
    padding-bottom: 10px;
    width: 100%;
}

.input[type=checkbox], input[type=radio] {
    margin-right: 5px;
}


.fa-credit-card, .fa-truck, .fa-exchange {
    margin-right: 4px;
}

.form-check-inline {
    margin-right: 10px;
}

.agree-text {
    font-size: 15px;
    line-height: 24px;
}

.black_text a {
    color: #000;
    font-weight: bold;
}

    .black_text a:hover {
        text-decoration: none;
    }

.delivery-tr {
    background-color: #f8fef4;
    border-top: 1px solid #d0edbe;
    border-bottom: 1px solid #d0edbe;
}

    .delivery-tr:hover {
        background-color: #f8fef4 !important;
        border-top: 1px solid #d0edbe;
        border-bottom: 1px solid #d0edbe;
    }

.form-important {
    margin-top: 25px;
    padding: 20px;
    background-color: rgba(78,170,62,1);
    color: #FFF;
}

.card_content {
    color: #a8a8a8;
}

/* ----- Modal ----- */

.close {
    position: absolute;
    top: 10px;
    font-size: 16px;
    right: 5px;
    color: #999;
    cursor: pointer;
    background: none;
    border: none;
}
/**
 *	Custom Modal
 */

.modal-frame {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 50;
    visibility: hidden;
}

/*.modal-body {
 	-webkit-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.26);
 	-moz-box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.26);
 	box-shadow: 6px 9px 5px -4px rgba(0,0,0,0.26);
 	border: 1px solid #d7d7d7;
 	top:0;right:0;bottom:0;left:0;
 	width:300px;
 	border-radius:0;
 	background:#FFF;
 	position:absolute;
 	left:60%;
 	margin-left:-250px;
 	height:400px;
 	margin-top:-250px;
 	top:30%;
 	z-index:100;
 }*/


.modal-inner {
    padding: 40px 10px;
    opacity: 0;
    -webkit-transform: scale(.5);
    -webkit-transition: .2s ease-in-out;
    -moz-transform: scale(.5);
    -moz-transition: .2s ease-in-out;
    -ms-transform: scale(.5);
    -ms-transition: .2s ease-in-out;
    -o-transform: scale(.5);
    -o-transition: .2s ease-in-out;
    transform: scale(.5);
    transition: .2s ease-in-out;
}


/**
 *  Modal overlay
 */
.modal-inner {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
}

/**
 *  Enter states
 */

.modal-frame.active {
    visibility: visible;
    height: inherit;
    display: block;
}

    .modal-frame.active .modal-body {
        -webkit-animation: popperIn .45s;
        -moz-animation: popperIn .45s;
        -ms-animation: popperIn .45s;
        -o-animation: popperIn .45s;
        animation: popperIn .45s;
    }

@-webkit-keyframes popperIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.06);
    }

    40% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes popperIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1.06);
    }

    40% {
        opacity: 1;
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes popperIn {
    0% {
        opacity: 0;
        transform: scale(1.06);
    }

    40% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes popperOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }

    30% {
        opacity: 1;
    }

    40% {
        -webkit-transform: scale(1.05);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.15);
    }
}

@-moz-keyframes popperOut {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
    }

    30% {
        opacity: 1;
    }

    40% {
        -moz-transform: scale(1.05);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1.15);
    }
}

@keyframes popperOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    30% {
        opacity: 1;
    }

    40% {
        transform: scale(1.05);
    }

    100% {
        opacity: 0;
        transform: scale(1.15);
    }
}

.modal-frame.active .modal-inner {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transition: .15s ease-in-out;
    -webkit-transition-delay: .13s;
    -moz-transform: scale(1);
    -moz-transition: .15s ease-in-out;
    -moz-transition-delay: .13s;
    -ms-transform: scale(1);
    -ms-transition: .15s ease-in-out;
    -ms-transition-delay: .13s;
    -o-transform: scale(1);
    -o-transition: .15s ease-in-out;
    -o-webkit-transition-delay: .13s;
    transform: scale(1);
    transition: .15s ease-in-out;
    transition-delay: .13s;
}

.modal-frame.active .modal-overlay {
    opacity: .5;
    visibility: visible;
}

/**
 *  Leave States
 */
.modal-frame.leave .modal-body {
    opacity: 0;
    -webkit-animation: popperOut .5s;
    -webkit-transition: .3s ease-in-out;
    -webkit-transition-delay: .2s;
    -webkit-transform: scale(.95);
    -moz-animation: popperOut .5s;
    -moz-transition: .3s ease-in-out;
    -moz-transition-delay: .2s;
    -moz-transform: scale(.95);
    -ms-animation: popperOut .5s;
    -ms-transition: .3s ease-in-out;
    -ms-transition-delay: .2s;
    -ms-transform: scale(.95);
    animation: popperOut .5s;
    transition: .3s ease-in-out;
    transition-delay: .2s;
    transform: scale(.95);
}

.modal-frame.leave .modal-inner {
    opacity: 0;
    -webkit-transform: scale(.95);
    -webkit-transition: .15s ease-in-out;
    -moz-transform: scale(.95);
    -moz-transition: .15s ease-in-out;
    -ms-transform: scale(.95);
    -ms-transition: .15s ease-in-out;
    -o-transform: scale(.95);
    -o-transition: .15s ease-in-out;
    transform: scale(.95);
    transition: .15s ease-in-out;
}

/* ========================== 填寫付款及寄送方式 RWD ========================== */

.RWD-chekout-title {
    width: 100%;
    float: left;
    padding: 5px 10px;
    background-color: #f6f6f6;
}

    .RWD-chekout-title input, .RWD-chekout-name input {
        margin-top: 8px;
    }

    .RWD-chekout-title span {
        font-size: 18px;
    }

.RWD-chekout-name {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
}

    .RWD-chekout-name span {
        font-size: 18px;
        font-weight: bold;
    }

    .RWD-chekout-name .btn_green {
        padding: 3px 8px;
    }

.RWD-chekout-item {
    width: 100%;
    float: left;
    padding: 5px 10px;
}

.item-pic img {
    margin-left: 5px;
    max-height: 70px;
}

.item-name {
    display: table;
    height: 70px;
}

    .item-name span {
        display: table-cell;
        vertical-align: middle;
    }

    .item-name a {
        display: table-cell;
        vertical-align: middle;
    }

.RWD-chekout-item .price {
    margin-left: 6px;
}

.item-text {
    padding: 10px;
    background-color: #f8fef4;
    border-top: 1px solid #d0edbe;
}

.table-nowrap {
    white-space: nowrap;
}

.table-rwd-pic img {
    height: 70px;
}




/* ========================== 會員專區 ========================== */
.member_feature_block a {
    color: #6d817f;
    text-decoration: none;
    display: block;
}

.member_feature {
    padding: 20px;
    border: 2px solid #f6f6f6;
    text-align: center;
    margin-top: 25px;
    height: 200px;
    background-color: #fafafa;
    transition: .7s;
}

    .member_feature:hover {
        margin-top: 15px;
        transition: .3s;
        -webkit-box-shadow: 0px 9px 35px -21px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 9px 35px -21px rgba(0,0,0,0.75);
        box-shadow: 0px 9px 35px -21px rgba(0,0,0,0.75);
    }

    .member_feature span {
    }

    .member_feature i {
        padding-top: 25px;
        text-align: center;
        color: #6d817f;
        margin: 0 auto;
        display: table;
        border-radius: 50px;
        border: 2px solid #6d817f;
        height: 100px;
        width: 100px;
        transition: .7s;
    }

    .member_feature a {
        color: #6d817f;
        display: block;
        text-decoration: none;
    }

        .member_feature a:hover {
            text-decoration: none;
        }

    .member_feature i:hover {
        color: #FFF;
        background-color: #6d817f;
        border: 2px solid #6d817f;
        transition: .3s;
    }


.fa-check-circle {
    color: rgba(78,170,62,1);
}

/* ========================== 訂單查詢 ========================== */
.order-search {
    margin-bottom: 15px;
}

.order-search-title {
    background-color: #f6f6f6;
    padding: 12px 8px;
}

.order-search-text {
    padding: 12px 8px;
    border: 1px solid #ddd;
}

    .order-search-text p {
    }

/* ========================== 評價 商品&店家 ========================== */
.comment-logo img {
    height: 90px;
}

.comment-logo p {
    font-size: 24px;
    font-weight: bold;
    margin: 2px 0 15px 0;
}


.comment-box {
    width: 100%;
    float: left;
    -webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    -moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    border: 1px solid #d5d5da;
    text-align: center;
}

.btn-comment {
    float: left;
    margin-top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #6d817f;
    color: #FFF;
    padding: 12px 15px;
    width: 100%;
    display: block;
    transition: .6s;
}

    .btn-comment:hover {
        background-color: #98a7a5;
        transition: .3s;
        color: #FFF;
        text-decoration: none;
    }

    .btn-comment:focus {
        color: #FFF;
        text-decoration: none;
    }

.product-box {
    width: 100%;
    float: left;
    -webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    -moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    border: 1px solid #d5d5da;
}

.product-btn {
    margin-top: 30px;
    float: left;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f8fa;
    color: #FFF;
    padding: 12px 15px;
    width: 100%;
    display: block;
    transition: .6s;
}

.product-box img {
    margin-top: 12px;
    width: 100%;
}

.product-text {
    margin-top: 15px;
    font-size: 16px;
}

.product-btn .star-rating {
    text-align: center;
}

.comment-store {
    margin-top: 20px;
    -webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    -moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    border: 1px solid #d5d5da;
}

.comment-store-title {
    color: #FFF;
    text-align: center;
    width: 100%;
    padding: 15px;
    background-color: #6d817f;
}

.comment-store-text {
    padding: 5px 5px 10px 5px;
    width: 100%;
    background-color: #98a7a5;
    color: #FFF;
    text-align: center;
}

.comment-store-rating {
    padding: 30px 20px 15px 20px;
}

.star-rating-title {
    color: #777;
    font-size: 18px;
}

.star-rating-end {
    margin-left: 10px;
    color: #acacac;
}

.comment-store-rating .star-rating {
    margin: 20px 0;
}

.comment-store .form-group {
    margin: 0 20px 10px 20px;
}

.btn-comment-group {
    margin: 30px 0;
}

.btn-comment-B1 {
    margin: 0 4px;
    border: 1px solid #b20000;
    background-color: #FFF;
    color: #b20000;
    padding: 6px 20px;
    transition: .6s;
}

    .btn-comment-B1:hover {
        transition: .3s;
        border: 1px solid #b20000;
        background-color: #b20000;
        color: #FFF;
        padding: 6px 20px;
    }

.btn-comment-B2 {
    margin: 0 4px;
    border: 1px solid #b20000;
    background-color: #b20000;
    color: #FFF;
    padding: 6px 20px;
    transition: .6s;
}

    .btn-comment-B2:hover {
        transition: .3s;
        border: 1px solid #b20000;
        background-color: #FFF;
        color: #b20000;
        padding: 6px 20px;
    }

.product-store {
    margin-top: 20px;
    -webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    -moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.11);
    border: 1px solid #d5d5da;
}

.comment-product-title {
    margin-bottom: 15px;
    color: #FFF;
    text-align: center;
    width: 100%;
    padding: 15px;
    background-color: #6d817f;
}

.comment-store-photo {
    padding: 10px;
    background-color: #f8f8fa;
}

.comment-product-img img {
    margin: 10px 0;
    width: 100%;
}

.product-store .star-rating {
    margin-bottom: 15px;
}

.comment-store-photo img {
    width: 90px;
}

.comment-store-sp {
    margin: 8px 0;
    color: #ff7200;
}


/* ========================== RWD ========================== */
@media(max-width:980px) {
    .stylish-input-group {
        margin-left: 0;
    }

    .cart-step-arrow li {
        font-size: 14px;
    }

    .search_bar_input {
        margin-top: 10px;
    }

    #search-icon .number_data, .number_data {
        margin-top: 12px;
        text-align: left;
    }

    .product_number_inf {
        margin-bottom: 15px;
    }

    #search-icon span {
        margin-left: 0;
    }

    .form-horizontal .control-label {
        text-align: left;
    }

    .product_tab {
        margin: 10px 0;
    }

    .products_L_Btitle {
        left: 60px;
        top: -55px;
    }

    .products_R {
        padding: 80px 20px 40px 30px;
    }

    .text_DIV1 {
        padding: 30px 120px;
    }

    .store_text3 {
        padding: 0px 80px 0 80px;
    }

    .store_content3 {
        padding: 20px 0 30px 0;
    }

    .store_text3 h3 {
        text-align: center;
    }

    li.active.have-children span::after {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .sidebar-menu .have-children > ul {
        display: none;
    }
}


@media(max-width:767px) {
    .inner {
        margin-right: 0;
    }

    .rating {
        width: 100%;
    }

    .histo {
        padding: 15px;
        width: 100%;
    }

    .full-price {
        margin: 20px 0 10px 0;
    }

    .text_DIV1 {
        padding: 30px 30px;
    }

    .store_content3 {
        padding: 20px 0 30px 0;
    }

    .store_text3 {
        padding: 0px 50px 0 50px;
    }

    .news_content_social ul {
        padding-bottom: 8px;
        padding-left: 0;
        float: left;
    }

    .product .text {
        padding: 10px;
    }

        .product .text h3 {
            font-size: 14px;
            font-weight: 700;
            height: 39.6px;
            text-transform: uppercase;
            letter-spacing: 0.08em;
        }

    .product .text {
        padding: 10px;
    }

        .product .text h3 {
            font-size: 14px;
            font-weight: 700;
            height: 39.6px;
            text-transform: uppercase;
            letter-spacing: 0.08em;
        }

            .product .text h3 a {
                color: #555555;
            }

                .product .text h3 a:hover {
                    text-decoration: none;
                }

        .product .text p.price {
            font-size: 18px;
        }

            .product .text p.price del {
                color: #999999;
            }

    .product .buttons {
        clear: both;
        position: absolute;
        display: none;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border: solid 1px transparent;
        padding: 20px;
        background: rgba(255, 255, 255, 0.9);
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        text-align: center;
    }

        .product .buttons .btn {
            margin-bottom: 20px;
        }

    .product:hover {
        border-bottom: solid 1px #808080;
        top: 0;
    }

        .product:hover .buttons {
            clear: both;
            position: absolute;
            top: 0;
            background: rgba(255, 255, 255, 0.5);
        }

        .product:hover .image img {
            -webkit-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
            -o-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }

    .form-important {
        margin-top: 0;
    }


    .wrapper #stars {
        width: 100%;
        height: 30px;
        bottom: -30px;
    }

    #stars {
        padding-top: 4px;
    }

        #stars img {
            padding: 10px 10px 0 0;
            float: left;
        }

    .modal-body {
        margin-left: -200px;
    }

    #member_edit .btn_login {
        margin: 5px 0;
    }

    .box .btn_general, .box .btn_general_line {
        margin: 6px 0;
    }

    .products_L {
        height: auto;
    }

    figure.snip0016 {
        max-height: none;
    }

    .checkout1-list {
        margin-bottom: 20px;
    }

    .checkout1-pay {
        padding: 10px 5px;
    }

        .checkout1-pay .btn_red {
            float: left;
        }

    .rwd-noline {
        border-top: 0 !important;
    }

    .tabl_pad_0 {
        padding: 0;
    }
}

@media(max-width:480px) {
    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
    }

    .form-horizontal .controls {
        margin-left: 0;
    }

    .tabs {
        display: none;
    }

    .tab_drawer_heading {
        background-color: #FFF;
        color: #000;
        border-top: 1px solid #ccc;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .d_active {
        background-color: #666;
        color: #fff;
    }

    blockquote {
        margin: 10px 0 35px 0;
    }

    .product-box {
        margin: 10px 0;
    }
}

@media(max-width:450px) {
    .tabs {
        display: none;
    }

    .tab_drawer_heading {
        background-color: #6e8280;
        color: #FFF;
        border-top: 1px solid #ccc;
        margin: 0;
        padding: 15px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .d_active {
        border-bottom: 1px solid #ccc;
        background-color: #fff;
        color: #000;
    }

    .text_DIV1 {
        padding: 30px 20px;
    }

    .store_text3 {
        padding: 0px 35px 0 35px;
    }

    .modal-body {
        margin-left: -180px;
    }

    .item-pic img {
        margin-left: 5px;
        max-height: 40px;
    }

    .item-name {
        display: table;
        height: 40px;
    }
}