body {
    font-family:Arial,"微軟正黑體";
    font-size: 14px;
    color: #212121;
    position: relative;
    background: #f6f6f6;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    color: #444;
    text-decoration: none
}

a:hover {
    color: #212121;
}

a:focus {
    text-decoration: none !important;
    outline: none !important;
}

button:focus, button:hover {
    outline: none !important;
}

ul, ol {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

input, button {
    outline: none;
}

.header {
    padding: 10px 5%;
}

.header a:hover {
    position: relative;
    top: 1px;
    left: 1px;
}

.header .icon {
    margin-left: 2%;
}

.header-a c {
    display: none;
}
.header-a o {
    font-family:Arial;
    font-size: 12px;
    letter-spacing:1px;
    color: #1d80e7;
    font-weight:bold;
    float:right;
    margin-left:-25px;
    position:absolute;
}
/*右上展開購物車明細*/
.header-a .list_cart_text{
    display: none;
    width: 350px;
    height:auto;
    padding:1%;
    background-color: rgba(57, 57, 57, 0.96);
    color:#ffffff;
    position:absolute;
    z-index:1;
    text-align:center;
}
.header-a .cart_text:hover .list_cart_text{
    display: block;
    top:50px;
    right:3%;
    line-height: 130%;
    letter-spacing:1px;
}


.list_cart_text .textsay{
    width:320px;
    background-color: #ffac55;
    color: #20233f;
    text-align: center;
    font-size:120%;
    padding:2%;
}
.list_cart_text .total{
    width:320px;
    text-align: center;
    font-size:130%;
    padding:2%;
}
.list_cart_text .no_p{
    width:320px;
    text-align: center;
    font-size:130%;
    padding:2%;
}
.list_cart_text .go_c a{
    margin:2% 0 2% 0;
    width: 100%;
    background-color: #ffac55;
    color: #20233f;
    text-align: center;
    font-size:150%;
    float: left;
}
.list_cart_text .left{
    float: left;
    text-align:left;
    width: 30%;
}
.list_cart_text .left img{
    margin-bottom:20%;
}
.list_cart_text .right{
    float: right;
    text-align:left;
    width:65%;
    margin-left:1%

}
.list_cart_text .right .p_title {
    color: #ffffff;
}
.list_cart_text .right .p_title a{
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.list_cart_text .right .p_title2 {
    color: #ff7113;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.list_cart_text  .p_oper {
    background-color: #a6e1ec;
    border-radius:50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: 2%;
}
.list_cart_text  .p_oper span{
    text-align: center;
    font-size: 110%;
    color: #0a0a0a;
    font-weight: bold;
}

.cart_text_boxs{
    float:left;
    border-width:2px;
    border-bottom-style:dashed;
    border-color:#ffac55;
    padding:5px;
}

.header-a, .header-a a {
    font-size: 120%;
    color: #6d6a6a;
    letter-spacing: 3px;
    height: 40px;
    line-height: 40px;
}

.header-a span {
    padding: 0 10px;
}

.header-a ul li {
    display: inline;
    letter-spacing: 10px;
}

/*my cart 購物車對話框*/
.header-a b {
    font-size: 200%;
}

.modal-body {
    text-align: center !important;
    font-size: 120% !important;
}

.modal-footer {
    text-align: center !important;
}

.modal-footer button {
    width: 100% !important;
    font-size: 120% !important;
    margin-bottom: 2% !important;
}

.modal-footer button.btn.btn-light {
    background-color: #514e4e;
    color: #ffffff;
}

.carttext_buy_body {
    font-size: 180%;
    color: #fa1858;
    text-align: center;
    margin: 2%;
}

.buybutton {
    width: 100% !important;
    font-size: 120% !important;
    margin-bottom: 2% !important;
}

.cartext b {
    font-size: 180%;
}

.cartbox_check {
    font-size: 120%;
    color: #337ab7;

    padding-left: 3%;
}

.cartbox_check input {
    margin-right: 10px;
    margin-left: 10px;
}

.nav-list li {
    float: left;
    margin-top: 5px;
}

.nav-list li {
    height: 32px;
    line-height: 32px;
}

.nav-list li:last-child {
    border: none;
    padding-right: 0;
}

.nav-list li a {
    font-size: 110%;
    color: #5d5c5c;
}

.banner {
    overflow: hidden;
    margin-bottom: 1%;
}

.slick-box {
    position: relative;
}

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

.container {
    width: 1290px;
}

.select-width {
    width: 150px;
    margin-bottom: 20px;
    height: 36px;
    font-size: 18px;
    box-shadow: none;
    border-radius: 2px;
    margin-right: 15px;
}

.select-txt {
    line-height: 36px;
    font-size: 18px;
    color: #5c5757;
    margin: 0 10px 0 15px;
}

.select-width-sm {
    width: 82px;
    margin: 0;
}

.select-txt-sm {
    margin: 0 10px;
}

.select-width-lg {
    width: 520px;
    margin: 0 20px;
}

.btn-search {
    padding: 0;
    height: 36px;
    border-radius: 0;
    background: #6d6a6a;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 75px;
}

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

.lb-link a {
    display: block;
    /*text-decoration: underline;*/
    float: left;
    margin: 0px 0px;
    font-size: 27px;
    color: #1e231e;
}

.lb-link-left {
    width: 700px;
}

.lb-link-right {
    width: 500px;
}

.txt-elise {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lb-gg {
    margin: 15px auto;
}

.slick-dots {
    bottom: 65px;
}

.slick-dots li, .slick-dots li button {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
}

.slick-dots li.slick-active button {
    background: #f22f31;
}

.slick-dots li button:before {
    display: none;
}

.slick-box a {
    display: block;
    width: 150px;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    bottom: 130px;
    text-align: center;
    background: #e71f19;
    height: 40px;
    border-radius: 40px;
    font-size: 25px;
    color: #fff;
}

/*通用頁面使用*/
.common_use_title-top {
    width: 100%;
    margin: 0 auto;
    font-size: 250%;
    line-height: 250%;
    color: #fbf9f9;
    background-color: #c4593d;
}

.common_use_title-top span {
    display: inline-block;
    height: 62px;
    padding-top: 10px;
}

.common_use_title-b {
    font-size: 26px;
    color: #c4593d;
    margin-bottom: 25px;
}

.common_use_box {
    margin: 2% 10% 5% 10%;
    padding: 5%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 9px #b8b8b8;
}

.common_use_box span {
    color: #5d4545;
    font-size: 150%;
}

.common_use_box p {
    font-size: 200%;
}

.common_use_box p a:hover {
    position: relative;
    top: 1px;
    left: 1px;
}

.common_use_box .number-input {
    width: 100px;
    box-shadow: none;
}
/*常見QA列表*/
.qa_box {
    float:left;
    width:100%;
    font-size:130%;
    color: #525252;
    margin: 0 auto;
    padding: 3%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 1px;
    background-color: #fff;
    margin-bottom: 2%;
}
.qa_box p{
    width:95%;
    color: #7b1303;
    font-size:120%;
    text-align: left;
    padding-left: 5%;
    padding-top: 10px;
    background: url(../images/qa_icon01.png) left center no-repeat;
    margin-bottom:3%;
}
.qalist{
    width:85%;
    max-width: 100%;
    float: left;
    margin-left:9%;
    margin-bottom:2%;
    background-color: #f5f5f5;
    padding: 20px;
}
.qa_title {
    color: #423c3b;
    font-size:120%;
    padding-left:2px;
    background: url(../images/qa_icon02.png) left center no-repeat;
}
.qa_title c{
    color: #423c3b;
    margin-left:1%;
    display:inline-table;
    width:80%;
    line-height:150%;
    text-align: left;
}
.qa_info {
    font-size:120%;
    display: none;
    box-sizing: border-box;
    padding: 30px;
    line-height:180%;
    border: solid 2px #ffffff;
    border-radius: 8px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.qalist .open_btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #dc4a34;
    font-size:120%;
    padding-left:8%;
    position: relative;
    cursor: pointer;
}
.qalist .open_btn:after {
    content: "";
    left: 2px;
    width: 95px;
    height: 30px;
    text-align: center;
}
.qalist .open .open_btn:after {
    content: "";
    background-color: #161616;
    color:#ffffff;
}

/*會員頁面使用*/
.member_box {
    float:left;
    width:100%;
    font-size:130%;
    color: #525252;
    margin: 0 auto;
    padding: 3%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 1px;
    background-color: #fff;
    margin-bottom: 2%;
}
.member_box p{
    width:95%;
    color: #7b1303;
    font-size:120%;
    text-align: left;
    padding-left: 8%;
    padding-top: 10px;
    background: url(../images/login_icon.png) left center no-repeat;
}
.member_box .member_icon01{
    float: left;
    width:100%;
    color: #7b1303;
    font-size:120%;
    text-align: left;
    padding-left: 5%;
    padding-top: 10px;
    background: url(../images/member_icon.png) left center no-repeat;

}
.member_box .mdata{
    width: 85%;
    float: left;
    margin-left:9%;
    padding: 30px;
    background-color: #e8e7e7;
    border-radius: 8px;
    margin-bottom:3%;
}
.member_box .mdata span{
    font-size:110%;
    font-weight: bold;
    width:150px;
    text-align:center;
    color: #bb1e09;
    margin-right:1%;
}
.member_box .mdata ul li  c{
    font-size:80%;
    color: #06586b;
    margin-right:1%;
}
.member_box .mdata .send{
    width:100px;
    margin-left: 45%;
    margin-bottom:5%;
}
.member_box .mdata .send button{
    background-color:#bb1e09;
    color:#ffffff;
    font-size:100%;
    margin-bottom:3%;
}
.member_box .order_send{
    width:100px;
    margin-bottom:1%;
    margin-right:10%;
    float:right;
}
.member_box .order_send button{
    background-color: #096d60;
    color:#ffffff;
    font-size:100%;
    margin-bottom:3%;
}
/*購物金*/
.shopcash{
    width:95%;
    max-width: 100%;
    float: left;
    margin-bottom:2%;
    background-color: #f5f5f5;
    padding: 20px;
}
.shopcash_title {
    color: #423c3b;
    font-size:120%;
    padding-left:8%;
    background: url(../images/shopcash_icon.png) left center no-repeat;
}
.shopcash_info {
    display: none;
    box-sizing: border-box;
    padding: 30px;
    line-height:180%;
    border: solid 2px #ffffff;
    border-radius: 8px;
}
.shopcash_info .col-sm-4{
    width:250px;
}
.shopcash_info .box{
    background-color: #efecd6;
    border-radius:5px;
    padding:2%;
    margin-bottom:2%;
    margin-right:2%;
}
.shopcash_info ul li{
    display:inline-table;
    text-align:left;
    margin-bottom:5px;
    color:#272323;
}
.shopcash_info ul li b{
    font-size: 120%;
    color:#bb1e09;
}
.shopcash_title .open_btn {
    color: #f7f6f6;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #534e56;
    font-size:15px;
    position: relative;
    cursor: pointer;
}
.shopcash_title .open .open_btn:after {
    content: "關閉";
}



/*歷史訂單*/
.member_box .oldorder_icon{
    float: left;
    width:95%;
    color: #7b1303;
    font-size:120%;
    text-align: left;
    padding-left: 5%;
    padding-top: 10px;
    background: url(../images/oldorder_icon.png) left center no-repeat;
    margin-bottom:3%;
}
.oldorder{
    width: 86%;
    float: left;
    margin-left:8%;
    padding: 15px;
    border: solid 2px #d1d1d1;
    border-radius: 8px;
    margin-bottom:3%;
}
.oldorderlist{
    width:33%;
    margin:0 auto;
    display:inline-table;
}
.oldorderlist ul{
    background-color:#f5efe1;
    border-radius: 10px;
    padding: 10px;
    margin-bottom:5%;
    margin-left:3%;
    line-height:200%;
}
.oldorderlist ul li{
    font-size:16px;
    display: table;
    color: #212121;
}
.oldorderlist ul li a{
    margin-left:5px;
    background-color:#3e4d8e;
    color: #ffffff;
    padding:2px 10px 2px 10px;
    display:inline-block;
}
.oldorderlist ul li span{
    font-size:100%;
    color: #212121;
}
.oldorderlist ul li t {
    border-radius:5px;
    padding:2px;
    background-color:#f16e0e;
}
.oldorderlist ul li t a{
    color: #f7f7f7;
    text-decoration:none;
}
/*匯款回報填寫修改展開設定*/
.info_pen ul {
    padding: 1px;
    margin:0;
    background: #f5f5f5;
}
.info_pen ul li input{
    width:250px;
    font-size:14px;
}
.info_pen .send{
    width:100px;
    margin-bottom:5%;
}
.info_pen .send button{
    background-color:#094cbb;
    color:#ffffff;
    font-size:100%;
    margin-left:70px;
}
.oldorderlist .open_pen {
    color: #f7f6f6;
    display:inline-table;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #dc4a34;
    font-size:100%;
    position: relative;
    cursor: pointer;
}
.oldorderlist .open_pen:after {
    content: "填寫/修改";
    left: 2px;
    width: 100px;
    height: 30px;
    text-align: center;
}
.oldorderlist .info_pen {
    display: none;
    box-sizing: border-box;
    padding: 5px;
    line-height:180%;
    border: solid 1px #22748c;
    border-radius: 5px;
    background-color:#fbfbfb;
}
.openpen .open_pen:after {
    content: "關閉";
}
/*匯款明細展開設定*/
.oldorderlist .open_money_order {
    color: #f7f6f6;
    display:inline-table;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #534e56;
    font-size:100%;
    position: relative;
    cursor: pointer;
}
.oldorderlist .open_money_order:after {
    content: "瀏覽";
    left: 2px;
    width: 100px;
    height: 30px;
    text-align: center;
}
.oldorderlist .info_money_order {
    display: none;
    box-sizing: border-box;
    padding: 5px;
    line-height:180%;
    border: solid 1px #22748c;
    border-radius: 5px;
    background-color:#fbfbfb;
}
.oldorderlist .info_money_order c{
    font-size:100%;
    color: #212121;
    display:inline-block;
}
.openmoney .open_money_order:after {
    content: "關閉";
}
/*訂單明細order_details*/
.member_box .order_details_icon{
    float: left;
    width:95%;
    color: #7b1303;
    font-size:120%;
    text-align: left;
    padding-left: 5%;
    padding-top: 10px;
    background: url(../images/order_details_icon.png) left center no-repeat;
    margin-bottom:3%;
}
.order_details_box{
    width:85%;
    color: #525252;
    margin-left:8%;
    padding: 3%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 20px;
    background-color: #fff9f57a;
    float:left;
}

.order_details_box ul li{
    display:inline-table;
    width:280px;
    margin-right:1%;
}
.order_details_box ul li span{
    color: #7b1303;
    font-size: 100%;
}
/*歷史訂單明細商品項目*/
.order_details_text{
    width:85%;
    color: #525252;
    margin-left:8%;
    padding: 3%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 20px;
    background-color: #eaeaeab3;
    float:left;
}
.order_details_text .title{
    font-size:130%;
    background-color: #dc4a34;
    color:#ffffff;
    padding-left:2%;
}
.order_details_text .title2{
    font-size:130%;
    background-color: #159aa9;
    color:#ffffff;
    padding-left:2%;
}
.order_details_text span{
    display:table;
}
.order_details_text img{
    max-width: 100%;
}
.order_details_text ul{
    background-color: #ffffff;
    width:32%;
    display:inline-table;
    margin:5px 3px 2% 3px;
    line-height:120%;
}
.order_details_text ul li{
    padding:10px;
}
.order_details_text ul li span{
    color: #7b1303;
    font-size: 100%;
    display:inline-table;
}

.member_box .text_input{
    width: 30%;
    line-height:150%;
    font-size:100%;
    padding-left:2%;
    border: 1px solid #c4c7c7b5;
    border-radius:5px;
}
.member_box span {
    color: #5d4545;
    font-size: 150%;
}
.member_box a {
    color: #ffffff;
}
.member_box a:hover {
    position: relative;
    top: 1px;
    left: 1px;
}
.member_box small {
    font-size: 120%;
    color: #c43a2e;
    margin-left: 5px;
}
.member_box input {
    margin-bottom: 3%;
}
.email_text{
    width: 50%;
    float: left;
    margin-left:9%;
}
.email_text span{
    float: left;
    font-size:110%;
    width:150px;
    text-align-last: justify;
    color: #dc4a34;
}
.email_text .email_text_input{
    width:300px;
    line-height:150%;
    font-size:100%;
    padding-left:2%;
    border: 1px solid #c4c7c7b5;
    border-radius:5px;
}
.email_text .v_code{
    width:300px;
    height: 75px;
    line-height:150%;
    font-size:100%;
    padding-left:2%;
    border: 1px solid #c4c7c7b5;
    border-radius:5px;
    display:table;
}
.member_box .no_m{
    width:100%;
    display:flex;
    justify-content:center;
    padding-top:5%;
}
.member_box .no_m a{
    color: #2681ad;
    font-size:80%;
}
.forget{
    margin-left:150px;
}
.forget label{
    max-width: 300px;
    font-size:80%;
    color:#6b534f;
    display:inline-table;
}

.other_login{
    float: left;
    max-width: 40%;
    margin-left:5%;
}
.other_login a{
    text-decoration:none;
}
.other_login .line{
    width: 300px;
    text-align: center;
    border-radius: 5px;
    background-color: #00b900;
    color: #ffffff;
    padding: 0 auto;
    margin-bottom: 5%;
}
.other_login .fb{
    width: 300px;
    text-align: center;
    border-radius: 5px;
    background-color: #2332ff;
    color: #ffffff;
    padding: 0 auto;
    margin-bottom: 5%;
}
.other_login .gmail{
    width: 300px;
    text-align: center;
    border-radius: 5px;
    background-color: #a5080d;
    color: #ffffff;
    padding: 0 auto;
    margin-bottom: 5%;
}
/*註冊按扭*/
.fb_re_but {
    background-color: #3b5999;
    text-align: center;
    margin: 2%;
    padding: 2%;
}

.fb_re_but.btn-fb span {
    font-size: 250%;
    letter-spacing: 5px;
    padding-left: 85px;
    background: url(../images/fb.png) left center no-repeat;
}

.line_re_but {
    background-color: #00b900;
    text-align: center;
    margin: 2%;
    padding: 2%;
}

.line_re_but.btn-line span {
    font-size: 250%;
    letter-spacing: 5px;
    padding-left: 85px;
    background: url(../images/line.png) left center no-repeat;
}

.email_re_but {
    background-color: #f6f6f6;
    border-radius:5px;
    text-align: center;
    margin: 2%;
    padding: 2%;
}

.email_re_but.btn-email span {
    display:inline-grid;
    padding:1% 25% 1% 25%;
    background-color:#dc4a34;
    color: #ffffff;
    font-size: 150%;
    letter-spacing: 5px;
}

.email_input_box {
    width: 80%;
    padding-left: 25%;
    margin-top: 2%;
}

.email_input_box small {
    font-size: 110%;
    color: #4c85e4;
    text-align: left;
}
.form-check .form-check-label{
    color:#dc4a34 !important;
}
.form-check .form-check-input{
    width:20px;
    height:20px
}

/*商品列表*/
.all_product_box {
    text-align: center;
    background: #ffffff;
}

.all_p_title-top {
    width: 85%;
    margin-left: 200px;
    font-size: 300%;
    color: #ca2313;
}

.all_p_title-top span {
    padding-left: 6%;
    background: url(../images/all_product_icon.png) left center no-repeat;
    display: inline-block;
    height: 75px;
    padding-top: 10px;
}

.all_p_title-b {
    font-size: 26px;
    color: #e43929;
    margin-left: 20px;
    letter-spacing: 1.5px;
}

.all_product-title a {
    font-size: 150%;
    font-weight: bold;
    color: #3b3d3b;
}

.all_product-title {
    background: #f6f6f6;
    padding: 8px;
    text-align: center;
    height: 70px;
    line-height: 180%;
    display: flex;
    align-items: center;
}

.all_product-list li {
    float: left;
    width: 16%;
    /*(32%,25%,20%,16%)*/
    padding: 0 5px;
    margin-bottom: 20px;
}

.all_product-img img {
    max-width: 100%;
    height: 150px;
    /*(300,250,200,150)*/
}

.all_product-list {
    margin-left: 50px;
}

.all_procuct-bottom {
    /*padding-left: 280px;*/
    position: relative;
    margin-bottom: 60px;
    margin-top: 20px;
}

.all_cp-bottom-title a {
    font-size: 110%;
    text-align: left;
    padding: 0 10px;
    color: #595656;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.all_cp-bottom-title {
    font-size: 110%;
    text-align: center;
    padding: 0 10px;
    color: #595656;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.all_cp-number {
    font-weight: bold;
    font-size: 120%;
    color: #f73a14;
    margin: 5px 0 15px 10px;
}

.cartext {
    width: 100%;
    height: 100%;
    margin-top: -30px;
}

.cartext a:hover {
    position: relative;
    top: 1px;
    left: 1px;
}

.all_cp-more {
    margin-top: 2%;
    display: block;
    color: #fff;
    font-size: 100%;
    line-height: 35px;
    background: #dc4a34;
}

.all_cp-more a {
    color: #fff;
}

.all_cp-more a:hover {
    position: relative;
    top: 1px;
    left: 1px;
}

/*加入購物車彈出視窗*/
.pop-up-w .btns div {
    display: block;
    cursor: pointer;
}
.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    z-index: 1000;
}
.pop-up-w {
    position: fixed;
    display: none;
    background: #fff;
    border-radius: 5px;
    overflow: scroll;
    width: 90%;
    max-width: 1300px;
    max-height: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    padding:3%;
}
.pop-up-w.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}
.pop-up-w .pop_pop_content {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow-y: auto
}
.pop-up-w .btn {
    height: 50%;
    overflow: hidden
}
.pop-up-w .btn button {
    float:right;
    border: 0;
    color: #333;
    cursor: pointer;
    background: #fff;
    line-height: 45px;
    font-size: 15px;
}
.pop-up-w .btn button:nth-child(1) {
    width:50px;
    height:50px;
    line-height:25px;
    border-radius:50%;
    background-color: #888;
    font-size: 150%;
    color: #fff;
    margin-right:10px;
    margin-top:10px;
}
.pop-up-w.pop-up-w-pop-up-w .btn button {
    float: none;
    width: 100%
}
.pop-up-w.pop-up-w-model .pop_content {
    text-align: left
}
.pop-up-w.pop-up-w-model .pop_content .form .input-item {
    margin-bottom: 12px;
    position: relative
}
.pop-up-w.pop-up-w-model .pop_content .form .input-item input {
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid #eee;
    padding: 10px
}
.pop-up-w.pop-up-w-model .pop_content .form .input-item .getcode {
    border: 0;
    top: 0;
    right: 0;
    position: absolute;
    background: 0;
    line-height: 37px;
    color: #f60;
    width: 100px;
    text-align: center
}
.pop-up-w .tabs-right-tt {
    font-size: 200%;
    font-weight: bold;
    color: #161616;
    margin-bottom: 1%;
}

.pop-up-w .tabs-money {
    font-size: 180%;
    color: #e7543e;
    margin-bottom: 1%;
}
.pop_content .hg-list li  {
    width:auto;
}
.pop_content .hg-list li a {
    text-align:center;
}
.pop_content .tabs-right-width {
    width: 50%;
    padding:1px;
}
.pop_btn-row .col-xs-12 .btn-car {
     width:100%;
     background: #e7543e;
     color: #ffffff;
     font-size:120%;
 }
.pop_btn-row .col-xs-12 .btn-cc{
    margin-top:3px;
    width:100%;
    background: #00BCD4;
    color: #f6f6f6;
    font-size:120%;
}
.pop_content .xq-box-p {
    font-size: 120%;
    text-align: left;
    color: #2f2e2e;
    line-height: 150%;
    max-width: 100%;
    margin: 5% auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*單一商品頁*/
.product-title a {
    font-size: 150%;
    color: #3b3d3b;
}

.product-title {
    line-height: 50px;
    background: #f6f6f6;
    padding: 0 10px;
    text-align: center;
}

.product-list li {
    float: left;
    width: 20%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.product-img img {
    /*原商品圖顯示尺寸 width: 100%; */
    /*width: 100%;*/
    width: 340px;
    height: 236px;
}

.product-list {
    padding: 0 3%;
}

.product-bottom {
    background: #f6f6f6;
    height: 210px;
    padding: 10px 0;
}

.cp-bottom-title a {
    font-size: 21px;
    color: #1e231e;
}

.cp-bottom-title {
    padding: 0 10px;
}

.cp-number {
    font-size: 28px;
    color: #c30136;
    margin: 5px 0 15px 0;
}

.cp-more {
    display: block;
    color: #fff;
    font-size: 26px;
    line-height: 45px;
    background: #a0a0a0;
}

.add_p_title-top {
    max-width: 80%;
    margin-left: 200px;
    margin-bottom: 10px;
    font-size: 200%;
    color: #12927b;
}

.add_p_title-top span {
    padding-left: 4%;
    background: url(../images/add_p_title.png) left center no-repeat;
    display: inline-block;
}

.all_product_box .add_p {
    margin: 2px;
    font-size: 120%;
    font-weight: bold;
    color: #f73a14;
    text-align: center;
}

.all_product_box .add_p_select {
    width: 150px;
    margin: 10px auto;
}

.all_product_box .add_p_select p {
    margin-top: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #e7543e;
    letter-spacing: 1px;
}

.add_p_select .count_numo {
    font-size:130%;
    color:#797878;
    width:30px;
    text-align:center;
    background: #fffefe;
    border-color:#c4c4c4;
    border-width:1px;
    height: 30px;
    line-height: 15px;
    border-radius: 3px;
}

.add_p_select .count_num {
    font-size:130%;
    color:#797878;
    width:50px;
    text-align:center;
    background: #fffefe;
    border-color:#c4c4c4;
    border-width:1px;
    height: 30px;
    line-height: 15px;
    border-radius: 3px;
}

/*購物車清單cart*/
.cart_list_box {
    font-size:110%;
    color: #525252;
    margin: 0 auto;
    padding: 3%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 1px;
    background-color: #fff;
    margin-bottom: 1%;
}
.cart_list_box p{
    width:100%;
    color: #7b1303;
    font-size:120%;
    text-align: left;
    padding-left: 5%;
    padding-top: 10px;
    background: url(../images/car.png) left center no-repeat;
    margin-bottom:3%;
}
.cart_list_box p span{
    background-color:#d9534f;
    color:#fbfbfb;
    margin:0px 5px 0px 5px;
    padding:2px 5px 2px 5px;
}
.cart_list_box .p_st{
    position:absolute;
    margin-top:110px;
    margin-left:1%;
    font-size:13px;
    color:#9c9c9c;
    max-width:85%;
    text-align:left;
    line-height:150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.cartbox {
    max-width: 1650px;
    text-align: center;
    background-color: #fbf1ee57;
    border: 1px #e0e0e0 solid;
    border-radius: 5px;
    padding: 1% 1% 40px 1%;
    display: flex;
    margin-bottom: 1%;
}

/*清單項目橫排設定*/
.cartbox .checkbox,
.cartbox .pimg,
.cartbox .p_title,
.cartbox .p_select,
.cartbox .price,
.cartbox .num_but,
.cartbox .p_total,
.cartbox .p_oper {
    display: inline;
    margin-left: 1%;
    line-height: 180%;
}
.cartbox .p_select {
    width: 200px;
    line-height: 180%;
}
.cartbox .p_title {
    max-width: 30%;
    line-height:150%;
}
.cartbox .p_title c {
    font-size: 100%;
}

.cartbox .num_but {
    width: 140px;
}
/*confirm_orderg數量區*/
.cartbox .num_but .input_m{

}
.cartbox .num_but c {
    display: none;
}
.cartbox .p_total {
    width: 120px;
}
.cartbox .pimg img {
    width: 100px;
    max-width: 100%;
}
.cartbox .pimg  a:hover {
    width: 100px;
    float:left;
    border: solid 5px #d9534f;
}
.cartbox .checkbox span,
.cartbox .pimg span,
.cartbox .p_title span,
.cartbox .p_select span,
.cartbox .price span,
.cartbox .num_but span,
.cartbox .p_total span,
.cartbox .p_oper span {
    color: #866161;
    margin-right: 3px;
    border-radius: 3px;
    display: grid;
}
.cartbox .p_oper .btn-danger {
    font-size: 100%;
    padding: 5px;
    border-radius: 3px;
}
.cart_number-input {
    width: 100px;
    height: 30px;
    margin-bottom:2%;
}
.cartbox .btn-secondary {
    font-size: 14px;
    width: 30px;
    background: #dcdcdc;
    height: 50px;
    line-height: 15px;
}
.cartbox .numbt {
    font-size: 14px;
    width:50px;
    text-align:center;
    background: #fffefe;
    border-color:#b0b0b0;
    border-width:1px;
    height: 30px;
    line-height: 15px;
    border-radius: 3px;
}
.cartbox p {
    font-size: 120%;
    text-align: left;
    margin-left: 10%;
    line-height: 130%;
    margin-top: 5%;
    margin-bottom: 5%;
}
.cartbox p t {
    color: #c4593d;
}

/*預購清單區*/
.cart_list_box_pre {
    font-size:110%;
    color: #234a1b;
    margin: 0 auto;
    padding: 3%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 1px;
    background-color: #fff;
    margin-bottom: 1%;
}
.cart_list_box_pre p{
    width:100%;
    color: #6f9809;
    font-size:120%;
    text-align: left;
    padding-left: 5%;
    padding-top: 10px;
    background: url(../images/car_pre.png) left center no-repeat;
    margin-bottom:3%;
}
.cart_list_box_pre p span{
    background-color: #add940;
    color:#403d3d;
    margin:0px 5px 0px 5px;
    padding:2px 5px 2px 5px;
}
.cart_list_box_pre .p_st{
    position:absolute;
    margin-top:110px;
    margin-left:1%;
    font-size:13px;
    color:#9c9c9c;
    max-width:85%;
    text-align:left;
    line-height:150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.cartbox_pre{
    max-width: 1650px;
    text-align: center;
    background-color: #def5a54f;
    border: 1px #e0e0e0 solid;
    border-radius: 5px;
    padding: 1% 1% 60px 1%;
    display: flex;
    margin-bottom: 1%;
}

/*清單項目橫排設定*/
.cartbox_pre .checkbox,
.cartbox_pre .pimg,
.cartbox_pre .p_title,
.cartbox_pre .p_select,
.cartbox_pre .price,
.cartbox_pre .num_but,
.cartbox_pre .p_total,
.cartbox_pre .p_oper {
    display: inline;
    margin-left: 1%;
    line-height: 180%;
}
.cartbox_pre .p_select {
    width: 200px;
    line-height: 180%;
}
.cartbox_pre .p_title {
    max-width: 30%;
    line-height:150%;
}
.cartbox_pre .p_title c {
    font-size: 100%;
    color:#234a1b;
}

.cartbox_pre .num_but {
    width: 140px;
}
/*confirm_orderg數量區*/
.cartbox_pre .num_but c {
    display: none;
}
.cartbox_pre .p_total {
    width: 120px;
}
.cartbox_pre .pimg img {
    width: 100px;
    max-width: 100%;
}
.cartbox_pre .pimg  a:hover {
    width: 100px;
    float:left;
    border: solid 5px #d9534f;
}
.cartbox_pre .checkbox span,
.cartbox_pre .pimg span,
.cartbox_pre .p_title span,
.cartbox_pre .p_select span,
.cartbox_pre .price span,
.cartbox_pre .num_but span,
.cartbox_pre .p_total span,
.cartbox_pre .p_oper span {
    color: #2d2b2b;
    margin-right: 3px;
    border-radius: 3px;
    display: grid;
}
.cartbox_pre .p_oper .btn-danger {
    font-size: 100%;
    padding: 5px;
    border-radius: 3px;
    background-color:#5f800b;
    border-color:#95c716;
}
.cartbox_pre .btn-secondary {
    font-size: 14px;
    width: 30px;
    background: #dcdcdc;
    height: 30px;
    line-height: 15px;
}
.cartbox_pre .numbt {
    font-size: 14px;
    width:50px;
    text-align:center;
    background: #fffefe;
    border-color:#b0b0b0;
    border-width:1px;
    height: 30px;
    line-height: 15px;
    border-radius: 3px;
}
.cartbox_pre p {
    font-size: 120%;
    text-align: left;
    margin-left: 10%;
    line-height: 130%;
    margin-top: 5%;
    margin-bottom: 5%;
}
.cartbox_pre p t {
    color: #c4593d;
}

/*訂單確認區*/
.checkout_box{
    width:100% ;
    max-width:1650px;
    background-color: #f5f5f5;
    border: 1px #e0e0e0 solid;
    border-radius: 5px;
    padding: 2%;
    height:80px;
    line-height:80px;
    display:inline-table;
}
.checkout{
    text-align: right;
}
.checkout ul li{
    display:inline;
}
.checkout ul li span{
    margin-left: 2%;
    color: #2838d0;
}
.checkout_box ul li .text_input{
    height:35px;
    padding:10px;
    border-radius:5px;
    border: 1px #d9534f solid;
}
/*確定訂單頁confirm_order容器*/
.confirm_order .cartbox,.confirm_order .cartbox_pre {
    padding-left: 8%;
}
.confirm_order .con_box {
    text-align: center;
    font-size:110%;
}
.confirm_order .con_box ul li{
    display:inline-table;
}
.all_check .left{
    float:left;
}
.all_check .right ul li{
    color: #0a0a0a;
    font-weight:500;
    display:inline-table;
    margin-right:1%;
}
.all_check .right span{
    font-size:150%;
    color:#ef0d06e3;
}
.all_check .right button{
    font-size:180%;
}
.all_check .right .btn-warning{
    background-color:#f0ad4e ;
    border-color: #e8941b;
    color:#2c2929;
}

/*確定付款區*/
.con_box{
    text-align: center;
}
.con_box ul li{
    display:inline;
}
.con_box li{
    margin-left: 1%;
}
.con_box ul li span{
    color: #2838d0;
}
.con_box ul li .text_input{
    height:35px;
    padding:10px;
    border-radius:5px;
    border: 1px #d9534f solid;
}
.con_box .cart_number-input {
    width: 140px;
    height:40px;
    padding:5px 10px 5px 10px;
    margin-right:5px;
}
.con_form {
    width:100%;
    display:inline-table;
}
.con_form .textarea{
    margin-top:2%;
}
.con_form .textarea textarea{
    width:80%;
    height:200px;
    border-radius:5px;
    border-color:#dc4a343b;
    padding:2%;
}
.con_form ul li{
    width:350px;
    text-align:right;
    float:left;
    margin:0 auto;
}
.con_form ul li  span{
    margin-right:5px;
    color: #464646;
}
.con_form ul li .text_input{
    line-height:35px;
    height:35px;
    padding:0px 10px;
    border-radius:5px;
    border: 1px #a0a0a0 solid;
}
.con_form .title{
    text-align: center;
    font-size: 120%;
    background-color: #dc4a34;
    color: #f7f7f7;
    height: 30px;
    line-height:30px;
}
.checkout_box .payable{
    text-align:center;
    line-height:300%;
}
.checkout_box .payable span{
    color:#d9534f;
    font-size:180%;
}
.checkout_box .payable c{
    font-size:150%;
    color: #302f31;
    margin-right:5px;
}
.checkout_box .payable o{
    font-size:150%;
    color: #302f31;
    margin-left:5px;
}
.checkout_box .payable button{
    font-size:180%;
}

/*公告*/
.news_box{
    float:left;
    width:100%;
    font-size:130%;
    color: #525252;
    margin: 0 auto;
    padding: 3%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 1px;
    background-color: #fff;
    margin-bottom: 2%;
}
.news_box p{
    width:95%;
    color: #7b1303;
    font-size:120%;
    text-align: left;
    padding-left: 8%;
    padding-top: 10px;
    background: url(../images/news_icon01.png) left center no-repeat;
    margin-bottom:3%;
}
.news_list{
    margin:1% 10% 1% 10%;
}
.news_list ul li{
    list-style-image:url(../images/news_icon02.png);
    border-bottom:1px dotted #d6d8da;
    margin-bottom:1%;
}
.news_list .title{
    font-size:95%;
    float: left;
    width: 80%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.news_list .title a{
    text-decoration:none;
}
.news_list .title a:hover{
    text-decoration:underline;
}
.news_list .updated{
    font-size:80%;
    float: right;
    max-width: 20%;
}
/*公告說明*/
.news_board{
    float:left;
    width:100%;
    font-size:130%;
    color: #525252;
    margin: 0 auto;
    padding: 3%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 1px;
    background-color: #fff;
    margin-bottom: 2%;
}
.news_board p{
    margin:1% 5% 1% 5%;
    line-height:150%
}
.news_board .title{
    background-color:#e7543e;
    color: #f7f6f6;
    font-size: 120%;
    letter-spacing:2px;
    padding:5px 1% 5px 1%;
}
.news_board .updated{
    color: #a09b9b;
    font-size: 80%;
    text-align: right;
    padding:5px 6% 5px 5%;
}
.news_board .board{
    width:80%;
    margin:0 auto;
    padding:2%;
    font-size: 100%;
    color: #565252;
    border: solid 1px #e2e1e1;
    border-radius: 10px;
    box-shadow: 5px 5px 7px rgb(212 207 207);
    white-space: pre-wrap;
    word-wrap: break-word;
}
.news_board .board span{
    line-height:180%;
}
.news_board .toallnews{
    margin:2% auto 2% auto;
    width: 150px;
    text-align: center;
    color: #ffffff;
    background-color: #5f5f5f;
    border-radius: 3px;
    padding: 2px;
}
.news_board .toallnews a{
    color: #ffffff;
}
/*聯絡我們*/
.contact_us_box{
    float:left;
    width:100%;
    font-size:130%;
    color: #525252;
    margin: 0 auto;
    padding: 3%;
    line-height: 250%;
    border: solid 1px #e2e1e1;
    border-radius: 1px;
    background-color: #fff;
    margin-bottom: 1%;
}
.contact_us_box_l{
    float:left;
    width: 50%;
}
.contact_us_box_l p{
    width:95%;
    color: #7b1303;
    font-size:120%;
    text-align: left;
    padding-left: 9%;
    padding-top: 10px;
    background: url(../images/contact_us_icon01.png) left center no-repeat;
}
.contact_us_box_l ul{
    width:80%;
    padding-left:2%;
}
.contact_us_box_l .btn-success{
    background-color:#5cb85c;
    font-size:100%;
}
.contact_us_box_r{
    float: left;
    max-width: 40%;
    margin-left:5%;
}
.contact_us_box_r p{
    width:95%;
    color: #7b1303;
    font-size:120%;
    text-align: left;
    padding-left:15%;
    padding-top: 10px;
    background: url(../images/contact_us_icon02.png) left center no-repeat;
}
.contact_us_box_r ul{
    width:80%;
    padding-left:2%;
}
.contact_us_box_r span{
    float: left;
    width:100px;
    text-align-last: justify;
    color: #dc4a34;
}
.contact_us_map_iframe{
    width: 100%;
    height: 250px;
}
.contact_us_box_r_input{
    width:250px;
    line-height:150%;
    font-size:100%;
    padding-left:2%;
    border: 1px solid #c4c7c7b5;
    border-radius:5px;
}
.contact_us_box_r select{
    width:400px;
    height:30px;
    line-height:150%;
    font-size:100%;
    padding-left:2%;
    border: 1px solid #c4c7c7b5;
    border-radius:5px;
}
.contact_us_box_r .textarea_box{
    width:400px;
    line-height:150%;
    font-size:100%;
    padding-left:2%;
    border: 1px solid #c4c7c7b5;
    border-radius:5px;
}
.contact_us_send{
    width:100%;
    margin-left: 30%;
}
.contact_us_send .btn{
    height: 38px;
    border-radius: 1;
    background: #6d6a6a;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 75px;
}

.card-body input {
    border-radius: 5px;
    background: #fff;
    line-height: 20px;
    width: 60px;
    border: 1px solid #878585;
    text-align: center;
    color: #a2120f;
}
.card-body input {
    border-radius: 5px;
    background: #fff;
    line-height: 20px;
    width: 60px;
    border: 1px solid #878585;
    text-align: center;
    color: #a2120f;
}

.cartbox button {
    width: 100%;
    font-size: 120%;
}
.cartbox_pre button {
    width: 100%;
    font-size: 120%;
}
.addressee {
    width: 100%;
    font-size: 180%;
    text-align: center;
    background-color: #868686;
    color: #ffffff;
    font-weight: bold;
    padding: 1% 2% 1% 2%;
    margin-top: 2%;
}

.cart_input_box {
    width: 80%;
    padding-left: 25%;
    margin-top: 2%;
}

.cart_input_box small {
    font-size: 150%;
    color: #20233f;
    text-align: left;
}

.cart_input_box button {
    font-size: 130%;
    margin-top: 3%;
}

.cart_total_box {
    text-align: center;
    margin: 3%;
}

.cart_total_box span {
    font-size: 180%;
    color: #03a9f4;
    font-weight: bold;
}

.cart_total_box select {
    width: 300px;
    height: 50px;
    margin-left: 40%;
    margin-top: 2%;
    line-height: 180%;
    font-size: 100%;
    background-color: #03A9F4;
    color: #ffffff;
}

.receipt_list_box {
    font-size: 150%;
    width: 100%;
    padding: 5px;
}

.receipt_list_box button {
    font-size: 160%;
    letter-spacing: 2px;
}

.receipt_list_box2 {
    width: 80%;
    text-align: left;
    margin-left: 30%;
}

.receipt_list_box2 ul {
    line-height: 150%;
    font-size: 100%;
}

.receipt_list_box2 li {
    width: 320px;
    border-width: 1px;
    border-bottom-style: dotted;
    border-color: #969799;
}

.receipt_list_box2 ul li span {
    background-color: #c4593d;
    color: #ffffff;
}

.receipt_list_box2 p {
    margin-top: 3%;
    color: #c4593d;
    font-weight: bold;
}

.box-hide {
    overflow: hidden;
}

.b-list li {
    float: left;
    width: 33.333333%;
    padding: 0 5px;
}

.b-list {
    margin: 20px -5px;
}

.b-list li img {
    width: 100%;
}

.title-tow .title-top {
    color: #ec0525;
    border-color: #ec0525;
}

.title-tow .title-top span {
    background: url(../images/icon-tt02.png) left center no-repeat;
}

.title-tow .title-b {
    color: #ec0525;
}

.top_menu {
    position: fixed;
    right: 10px;
    bottom: 50px;
    width: 80px;
    z-index: 10000;
}

.bottom {
    padding: 10px 9%;
    position: relative;
    background: #d7d7d7;
}

.bottom img {
    width: 100%;
}

.bottom a {
    position: absolute;
    left: 13%;
    bottom: 6.4%;
    width: 14.5%;
    margin-bottom: 10px;
}

.footer {
    background: #172122;
    padding-top: 50px;
    padding-bottom: 10px;
}

.footer a:hover {
    position: relative;
    top: 1px;
    left: 1px;
}

.footer-tt {
    text-align: center;
    font-size: 120%;
    height: 35px;
    line-height: 35px;
    display: table;
}

.footer-tt a {
    margin-left: 1%;
    color: #ffffff;
    background-color: #dc4a34;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    letter-spacing: 1px;
}

.footer-bottom {
    padding-top: 1%;
    margin: 0 auto;
    color: #b3b1af;
    letter-spacing: 3px;
    display: table;
}

.footer-bottom a {
    color: #b3b1af;
    text-decoration: none;
}

.footer-bottom a:hover {
    color: #ffddc0;
}

.cp-more:hover {
    background: #e71f19;
    color: #fff;
}

.lb-link a:hover, .product-title a:hover {
    color: #e71f19;
}

.btn-search:hover {
    color: #fff;
}

.gg-box a {
    display: block;
    float: left;
    width: 50%;
    padding: 0 5px;
}

.gg-box {
    overflow: hidden;
}

.gg-box .clearfix {
    margin: 0 -5px;
}

.lb-link-left {
    width: 100%;
    text-align: center;
}

.nav-list li {
    position: relative;
}

/*pc商品分類選單*/
.nav-down {
    position: absolute;
    display: none;
    z-index: 100000;
    top: 30px; /*30*/
    left: -50px; /*-800*/
    width: 200px; /*1200*/
    padding-top: 10px;
    background: rgba(0, 0, 0, 0.9);
}
.nav-down-list {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px #ffffffc2 solid;
}

.nav-down-list li {
    text-align: left;
    float: none;
    padding: 0;
    height: auto;
    margin: 0;
    width: 100%;
    /*line-height: 34px;*/
    line-height: 200%;
}

.nav-down-list a {
    color: #ffffff;
}
/*展開收合設定*/
.panel-heading .accordion-toggle:before{
    content: "－";
    float:right;
}
.panel-heading .accordion-toggle.collapsed:before{
    content: "＋";
    float:right;
}

.nav-one {
    margin: auto;
    /* background-color: #e7543e; */
}

.nav-one span {
    color: #f9f9f9;
}

.nav-tow {
    padding-left: 7%;
    margin-bottom: 20px;
}

.nav-tow span {
    color: #fff4e0;
}

.nav-three {
    font-size: 80%;
    padding-left: 10%;
    margin-bottom: 20px;
    word-break: keep-all;
    word-wrap: break-word;
}

.nav-tow .nav-three a {
    color: #ffffff;
}

.nav-list li:hover .nav-down {
    display: block;
}

.nav-list li a:hover {
    text-decoration: underline !important;
}

.menu-button {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1000;
    display: none;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.menu-button .bar:nth-of-type(1) {
    margin-top: 0px;
}

.menu-button .bar:nth-of-type(3) {
    margin-bottom: 0px;
}

.bar {
    position: relative;
    display: block;
    width: 50px;
    height: 3px;
    margin: 5px auto;
    background-color: #e7543e;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.cross .bar {
    margin: 12px auto;
}

.cross .bar:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-45deg);
    -ms-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
}

.cross .bar:nth-of-type(2) {
    opacity: 0;
}

.cross .bar:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    -ms-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
}

.phone-fl {
    display: none;
}

.web_position {
    /*border-top: solid 1px #a8a6a6;*/
    background-color: #e8e8e8;
    margin-bottom: 20px;
}

.web_position-icon {
    padding-left: 70px;
    background: url(../images/web_position.png) left center no-repeat;
    height: 60px;
    line-height: 60px;
    font-size: 130%;
    color: #464a46;
}

.tabs-width {
    width: 46%;
}

.tabs-width-box {
    position: relative;
    /*padding: 25px  0px  0px 0px;*/
}

.tabs-width-box img {
    width: 745px;
    max-width: 100%
}

.tabs-img-list li {
    float: left;
    width: 19.9%;
    padding: 0 3px;
}

.tabs-img-list {
    margin: 25px -5px;
}
.tabs-img-list a:hover {
    float:left;
    border: solid 5px #d9534f;
}
.tabs-right-width {
    width: 50%;
    padding: 3% 3% 3% 1%;
}

.tabs-right-tt {
    font-size: 200%;
    font-weight: bold;
    color: #161616;
    margin-bottom: 3%;
}

.container-lg {
    width: 1650px;
}

.tabs-right-number {
    font-size: 130%;
    margin-bottom: 3%;
}

.tabs-right-status {
    font-size: 130%;
    margin-bottom: 3%;
}

.tabs-right-status span {
    padding: 5px;
    letter-spacing: 5px;
    background-color: #e7bc3e;
    color: #161616;
}

.hg-box {
    position: relative;
    padding-left: 80px;
    font-size: 120%;
    color: #1f251f;
    margin-bottom: 3%;
}

.hg-box span {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 30px;
    font-size: 120%;
    color: #1f251f;
}

.hg-list li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.hg-list li a {
    display: inline-block;
    padding: 0px 15px;
    height: 30px;
    line-height: 28px;
    border: solid 1px #b3afaf;
    border-radius: 3px;
    font-size: 120%;
    color: #1c1d1c;
	text-decoration:none;
}
.hg-list_checkbox {
    background-color:#e7bc3e38;
}
.hg-list .btn{
   padding: 3px!important;
}
.hg-list .btn.active{
    background-color:#f3e9ce;
    -webkit-box-shadow: inset 0 0 0;
    box-shadow: inset 0 0 0;
    border: solid 1px #f3d283;
}
.hg-list .btn.active a{
    border:0px;

}

.tabs-money {
    font-size: 200%;
    color: #e7543e;
    margin-bottom: 3%;
}

.tabs-money b {
    font-weight: bold;
}

.tabs-money span {
    font-size: 80%;
    padding-right: 20px;
    text-decoration: line-through;
    color: #6a6768;
}

.number-input {
    width: 100%;
    box-shadow: none;
    margin-bottom: 3%;
}

.number-input span {
    margin-left: 5px;
    color: #e7543e;
}

.number-input .count_numo {
    font-size: 130%;
    color:#797878;
    width:30px;
    text-align:center;
    background: #fffefe;
    border-color:#797878;
    border-width:1px;
    height: 30px;
    line-height: 15px;
    border-radius: 3px;
}

.number-input .count_num {
    font-size: 130%;
    color:#951a1a;
    width:50px;
    text-align:center;
    background: #fffefe;
    border-color:#797878;
    border-width:1px;
    height: 30px;
    line-height: 15px;
    border-radius: 3px;
}

.btn-row .col-xs-4 {
    padding: 0 5px;
}

.btn-row {
    margin: 0 -5px;
}

.btn-row .col-xs-4 .btn {
    width: 100%;
    height: 60px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    border-radius: 0;
    border: none;
    margin-top: 15px;
}

.btn-row .col-xs-4 .btn-add {
    background: #179bda;
    color: #ffffff;
}

.btn-row .col-xs-4 .btn-add span {
    padding-left: 48px;
    background: url(../images/add.png) left center no-repeat;
}

.btn-row .col-xs-4 .btn-car {
    background: #e7543e;
    color: #ffffff;
}

.btn-row .col-xs-4 .btn-car span {
    padding-left: 48px;
    background: url(../images/car.png) left center no-repeat;
}

.btn-row .col-xs-4 .btn-kf {
    background: #039c72;
    color: #ffffff;
}

.btn-row .col-xs-4 .btn-kf span {
    padding-left: 48px;
    background: url(../images/query.png) left center no-repeat;
}

.procuct-bottom {
    position: relative;
    margin-bottom: 2%;
    margin-top: 70px;
}

.left-box {
    position: relative;
    float: left;
    left: 0px;
    width: 180px;
    top: 0;
}

.left-box-tt {
    background: #dc4a34;
    font-size: 160%;
    color: #fff;
    height: 60px;
    line-height: 60px;
}

.left-box-tt img {
    margin-right: 10px;
}

.left-box-a {
    font-size: 135%!important;
    font-weight: bold!important;
    color: #e8001a;
}

.left-box-b {
    font-size: 110%!important;
    padding-left: 8px!important;
    padding-top: 5%!important;
}

.left-box-b a {
    color: #141415;
    text-decoration:none!important;
}

.left-box-nav {
    padding: 20px 10px 20px 10px;
    border: solid 1px #c0bebe;
    border-top: none;
}

.left-box-sm li a {
    font-size: 110%;
    color: #737272;
}

.left-box-sm li {
    margin-top: 10px;
    padding-left: 35px;
    padding-bottom: 2%;
    line-height: 100%;
}

.all_procuct-bottom {
    /*margin-left:-300px;*/
}

.all_product-title-tt {
    font-size: 37px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #686d81;
    border-bottom: solid 1px #686d81;
}

.all_product-title-tt span {
    line-height: 53px;
    padding-left: 80px;
    display: inline-block;
    background: url(../images/icon-sm.png) left center no-repeat;
}

.all_p_list-box {
    margin-left: 150px;
}

.product-title-tt {
    font-size: 200%;
    margin-left: 200px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #686d81;
    border-bottom: solid 1px #686d81;
}

.product-title-tt span {
    line-height: 53px;
    padding-left: 60px;
    display: inline-block;
    background: url(../images/icon-sm.png) left center no-repeat;
}

.product-title-tt c {
    line-height: 53px;
    padding-left: 60px;
    display: inline-block;
    background: url(../images/icon-sm2.png) left center no-repeat;
}

.xq-box {
    border: solid 1px #e2e1e1;
    padding: 30px;
    margin-left: 200px;
    margin-bottom: 3%;
}

.xq-box img {
    /*width: 100%;*/
    /*商品說明圖區圖片尺寸設定為：大於此區寬度不超過寬，小於此區寬度以圖片實際寬顯示*/
    max-width: 100%;
}

.xq-box-p {
    font-size: 180%;
    text-align: left;
    color: #2f2e2e;
    line-height: 40px;
    max-width: 88%;
    margin: 10px auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.map-box {
    width: 100%;
    height: 276px;
}

.slick-top {
    margin: 0;
}

.slick-top .slick-dots {
    display: none !important;
}

.container.dropdown-menu {
    display: block !important;
    position: static;
    margin: 0 auto !important;
    float: none;
    border: none;
    padding: 0 15px;
    box-shadow: none;
}

@media ( max-width: 1600px) {
    .container {
        width: 1560px;
    }
}

@media ( max-width: 1440px) {
    .container {
        width: 1400px;
    }

    .all_product-list li {
        width: 20%;
    }

    .product-img img {
        width: 251px;
        height: 174px;
    }

    .tabs-img-list li {
        width: 19.8%;
    }
}

@media ( max-width: 1366px) {
    .container {
        width: 1280px;
    }
    .nav-down {
        width: 1200px;
    }
    .select-width-lg {
        width: 460px;
    }
    .btn-row .col-xs-4 .btn-car span {
        padding-left: 36px;
    }
    /*.all_p_title-top {*/
        /*width: 65%;*/
    /*}*/
    .all_p_title-top span {
        padding-left: 10%;
    }
    .product-img img {
        width: 221px;
        height: 153px;
    }
    .contact_us_box_r{
        margin-left:4%;
    }
    /*confirm_order確定付款區*/
    .confirm_order .con_box {
        line-height:350%
    }
}

@media ( max-width: 1024px) {
    .container {
        width: 1000px;
    }
    /*商品列表*/
    .all_p_title-top {
        width: 80%;
    }
    .all_product-list li {
        width: 33%;
    }
    .all_product-img img {
        height: 170px;
    }
    .product-img img {
        width: 173px;
        height: 120px;
    }

    .nav-down {
        left: -500px;
        width: 900px;
    }
    .nav-one span {
        font-size: 120%;
    }
    .select-width-lg {
        width: 220px;
    }
    .tabs-right-width {
        padding: 0%;
    }
    .tabs-money {
        font-size: 180%;
    }

    .footer-left {
        margin-right: 10px;
    }

    .btn-row .col-xs-4 .btn {
        font-size: 130%;
    }
    .btn-row .col-xs-4 .btn-add span {
        padding-left: 40px;
        background-size: 25px;
        padding-right: 20px;
    }
    .btn-row .col-xs-4 .btn-car span {
        padding-left: 30px;
        background-size: 35px;
        padding-right: 20px;
    }
    .btn-row .col-xs-4 .btn-kf span {
        padding-left: 40px;
        background-size: 35px;
        padding-right: 40px;
    }
    .add_p_title-top span {
        padding-left: 6%;
    }
    /*購物車*/
    .cart_list_box .p_st{
        margin-top:130px;
    }
    .cartbox{
        align-items: center;
    }
    .cartbox .num_but {
        width: 140px;
    }
    .cartbox_pre{
        align-items: center;
    }
    .cartbox_pre .num_but {
        width: 140px;
    }
    /*歷史訂單*/
    .oldorderlist {
        width: 49.5%;
    }
    /*訂單明細*/
    .member_box .order_details_icon{
        padding-left: 8%;
    }
    /*qa問答*/
    .qa_title c{
        width:75%;
        margin-left:1%;
    }
    /*聯絡我們*/
    .contact_us_box_l p{
        padding-left: 13%;
    }
    .contact_us_box_r_input{
        width:400px;
    }
    .contact_us_box_r p{
        padding-left: 18%;
    }
}

@media ( max-width: 768px) {
    .container {
        width: 100%;
    }

    .header {
        padding: 10px 15px;
        position: relative;
        z-index: 100000;
    }

    .logo img {
        height: 80px;
    }

    .nav-phone {
        position: absolute;
        display: none;
        box-shadow: 1px 2px 3px #ddd;
        border-top: solid 1px #ddd;
        left: 0;
        right: 0;
        top: 100%;
        background: #dddddd;
        padding: 3%;
    }

    .header-a span {
        display: none;
    }

    .header-a .icon {
        float: left;
    }

    .header-a c {
        width: 200px;
        display: block;
        color: #ff715b;
    }
    .header-a o {
        float:left;
        margin-top:-42px;
        margin-left:-82px;
        font-size:14px;
        color: #e7543e;
    }

    .header-a {
        text-align: center;
        padding: 0;
        display: table;
        margin: 0 auto;
    }

    .header-a .nav-list-pc {
        display: none;
    }

    .header-a a {
        margin: 10px;
        font-size: 150%;
        display: block;
        line-height: 40px;
        color: #dcdcdc;
    }

    /*商品分類選單*/
    .nav-down-list {
        background: rgba(0, 0, 0, 0.9);
    }

    .nav-list li {
        float: none;
        width: 100%;
        padding: 0;
        border: none;
        margin: 0;
        line-height: 40px;
        text-align: center;
    }

    .nav-list li a {
        /*color: #f9f6f6;*/
        font-size: 140%;
        line-height: 40px;
        padding: 0 15px;
    }
    /*展開收合設定*/
    .panel-heading .accordion-toggle:before{
        font-size:25px!important;
    }
    .panel-heading .accordion-toggle.collapsed:before{
        font-size:25px!important;
    }
    .panel-title{
        margin-bottom:1%!important;
    }
    .panel-group .panel {
        margin-bottom:0!important;
    }

    .gg-box .clearfix {
        margin: 5px -5px;
    }

    .slick-list {
        padding: 5px 0 0 0;
    }

    /*隱藏pc搜尋區*/
    #pcselect {
        display: none;
    }

    .select-width {
        width: 100%;
        margin: 0;
    }

    .phone-width {
        width: 50%;
        padding-right: 5px;
        margin-bottom: 10px;
    }

    .phone-width-r {
        width: 50%;
        padding-left: 5px;
        margin-bottom: 10px;
    }

    .select-width-sm {
        width: 90px;
    }

    .qj-width {
        width: 330px;
        float: none !important;
        margin: 0 auto;
    }

    .search-box {
        width: 100%;
        position: relative;
        margin-top: 10px;
    }

    .btn-search {
        width: 100%;
        margin-top: 10px;
    }

    .search-box .pull-left {
        width: 100%;
    }

    .nav-list-phone {
        display: none;
    }

    .phone-fl {
        position: relative;
    }

    .btn-search-fl {
        background: #d80451;
        color: #fff;
        margin-bottom: 10px;
    }

    .nav-down-list a {
        line-height: 34px;
    }

    .nav-down-list {
        width: 100%;
        padding: 15px;
        height: auto;
        overflow-y: auto;
    }

    .nav-one span {
        font-size: 170%;
    }

    .nav-tow span {
        font-size: 150%;
    }

    .nav-three {
        font-size: 130%;
    }

    .btn-search-fl span {
        display: block;
        background: url(../images/raw-b.png) right center no-repeat;
        margin-right: 10px;
        margin-left: 10px;
    }

    .gg-box a {
        width: 100%;
        margin-bottom: 10px;
    }

    .lb-link a {
        font-size: 16px;
    }

    .lb-gg {
        margin-top: 5px;
    }

    .title-top span {
        font-size: 36px;
        background-size: 50px auto;
        padding-top: 0;
        padding-left: 60px;
        line-height: 62px;
    }

    .title-b {
        font-size: 18px;
    }

    .title-top {
        width: 230px;
    }

    /*通用頁*/
    .common_use_box {
        margin: 2% 5% 5% 5%;
    }

    .footer-tt a {
        display: table;
        font-size: 25px;
        float: left;
        margin-bottom: 2%;
    }

    /*商品列表*/
    .all_procuct-bottom {
        margin-left: -200px;
        height: 180px;
    }

    .all_product-list li {
        width: 50%;
    }

    .all_product-img img {
        width: 100%;
        height: auto;
    }

    .all_product-title-tt {
        padding-left: 0;
    }

    .all_product-title-tt span {
        font-size: 24px;
        background-size: 36px;
        padding-left: 48px;
    }

    .all_cp-more {
        font-size: 120%;
    }

    .all_cp-number {
        font-size: 180%;
    }

    .all_cp-bottom-title {
        font-size: 180%;
    }

    .cp-more {
        font-size: 22px;
    }

    .product-bottom {
        height: 180px;
    }

    .cp-number {
        font-size: 22px;
    }

    .cp-bottom-title a {
        font-size: 18px;
    }

    /*購物車cart*/
    .cartbox .p_title {
        max-width: 20%;
    }
    .cartbox .checkbox span,
    .cartbox .pimg span,
    .cartbox .p_title span,
    .cartbox .p_select span,
    .cartbox .p_oper span {
        display: none;
    }
    .cartbox .num_but, .cartbox .p_total {
        width: 170px;
    }
    /*預購區*/
    .cartbox_pre .p_title {
        max-width: 20%;
    }
    .cartbox_pre .checkbox span,
    .cartbox_pre .pimg span,
    .cartbox_pre .p_title span,
    .cartbox_pre .p_select span,
    .cartbox_pre .p_oper span {
        display: none;
    }
    .cartbox_pre .num_but, .cartbox_pre .p_total {
        width: 170px;
    }
    /*訂單確認區*/
    .checkout .right {
        float:left;
        width:100%;
        text-align:left;
    }

    .title-tow .title-top span {
        background-size: 50px auto;
    }

    .b-list li {
        width: 100%;
        margin-bottom: 10px;
    }

    .b-list {
        padding: 0 10px;
    }

    .bottom {
        padding: 10px;
        margin-bottom: 15px;
    }

    .bottom a {
        left: 9%;
    }

    .footer-tt {
        font-size: 48px;
    }

    .footer-center {
        width: 100%;
        padding-left: 18%;
    }

    .footer-bottom {
        font-size: 16px;
        margin-bottom: 12%;
    }

    .footer-bottom span {
        display: block;
    }

    .menu-button {
        display: block;
        top: 40px;
    }

    .phone-fl {
        display: block;
    }

    .tabs-width, .tabs-right-width {
        width: 100%;
    }

    .tabs-right-tt {
        font-size: 250%;
    }

    .tabs-money {
        font-size: 250%;
    }

    .btn-row {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        margin: 0;
    }

    .btn-row .col-xs-4 {
        padding: 0;
    }



    .left-box {
        display: none;
    }

    .procuct-bottom {
        margin-left: -320px;
        margin-top: 20px;
        padding: 0;
    }
    /*購物車彈出視窗*/
    .pop_content .tabs-width, .pop_content .tabs-right-width {
        width: 100%;
    }
    .pop-up-w .number-input {
        width: 100%;
        font-size: 120%;
        letter-spacing: 2px;
    }

    /*單一商品頁*/
    .web_position-icon {
        font-size: 150%;
        background-size: 25px auto;
        padding-left: 35px;
        height: auto;
        line-height: 50px;
    }

    .web_position {
        padding-top: 10px;
        margin-bottom: 0px;
    }

    .product-list li {
        width: 100%;
    }

    .product-title a {
        font-size: 18px;
    }

    .product-title-tt {
        font-size: 250%;
    }

    .product-img img {
        width: 100%;
        height: auto;
    }

    .product-title-tt {
        padding-left: 130px;
    }

    .product-title-tt span {
        font-size: 80%;
        background-size: 36px;
        padding-left: 48px;
    }

    .tabs-right-number {
        font-size: 180%;
    }

    .tabs-right-status {
        font-size: 180%;
    }

    .number-input {
        width: 100%;
        font-size: 150%;
        letter-spacing: 2px;
    }
    .all_product_box .add_p {
        font-size: 180%;
    }
    .all_product_box .add_p_select p {
        font-size: 14px;
    }
    .btn-row .col-xs-4 .btn {
        font-size: 200%;
        padding: 10px 0;
    }

    .btn-row .col-xs-4 .btn span {
        background-size: 35px auto;
        padding-left: 55px;
    }

    .btn-row .col-xs-4 .btn-kf span {
        background-size: 35px auto;
        padding-left: 55px;
    }

    .xq-box {
        border: solid 1px #e2e1e1;
        padding: 10px;
        margin-left: 320px;
        margin-bottom: 3%;
    }

    .xq-box-p {
        font-size: 150%;
        line-height: 160%;
    }

    .container.dropdown-menu {
        display: none !important;
        margin-top: 10px !important;
        padding: 0;
    }

    .open .container.dropdown-menu {
        display: block !important;
        width: 95%;
    }

    .dropdown-ss {
        /*padding: 0 15px;*/
    }

    .btn-search-sm span {
        background: url(../images/raw-a.png) right center no-repeat;
        display: block;
        margin: 0 10px;
        font-size: 130%;
    }

    .open .btn-search-sm span {
        background: url(../images/close.png) right center no-repeat;
    }

    .btn-search-f1 {
        background: #e7543e;
        margin-bottom: 2%;
    }

    .btn-search-f1 span {
        /*
        2020/11/30 背景顏色由後台調整,此圖片的背景顏色是固定的,故拿掉此圖
        background: url(../images/raw-b.png) right center no-repeat;
        */
        display: block;
        margin: 0 10px;
        font-size: 130%;
    }

    .open .btn-search-f1 span {
        /*
        2020/11/30 背景顏色由後台調整,此圖片的背景顏色是固定的,故拿掉此圖
        background: url(../images/close_f1.png) right center no-repeat; */
    }

    .slick-dots {
        bottom: 10px;
    }

    .slick-box a {
        bottom: 50px;
        width: 100px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 16px;
        margin-left: -50px;
    }
    /*購物清單*/
    .cart_list_box p{
        padding-left: 8%;
    }
    .cart_list_box .p_st{
        margin-top:150px;
    }
    /*預購區*/
    .cart_list_box_pre p{
        padding-left: 8%;
    }
    .cart_list_box_pre .p_st{
        margin-top:150px;
    }
    /*confirm_order確定付款區*/
    .con_form ul li{
        width:80%;
    }
    .con_form ul li .text_input{
        width:300px;
    }
    .con_box .cart_number-input {
        height:50px;
    }
    /*QA問答*/
    .qa_title {
        padding-left: 12%;
    }
    .qa_title c {
        font-size:18px;
    }
    .qa_box p {
        padding-left: 10%;
    }
    /*公告單一頁*/
    .news_board .board {
        width: 90%;
    }
    /*聯絡我們*/
    .contact_us_box_l p{
        padding-left: 18%;
    }
    .contact_us_box_r p{
        padding-left: 23%;
    }
    .contact_us_box_r{
        margin-left:3%;
    }
    .contact_us_box_r_input{
        width:300px;
    }
    .contact_us_box_r select{
        width:300px;
    }
    .contact_us_box_r .textarea_box{
        width:300px;
    }
    /*會員資料*/
    .member_box .member_icon01{
        padding-left: 10%;
    }
    .shopcash_title {
        padding-left: 15%;
    }
    .shopcash_info .col-sm-4{
        width:200px;
    }
    /*歷史訂單*/
    .member_box .oldorder_icon{
        padding-left: 10%;
    }
    /*訂單明細*/
    .order_details_text ul{
        width:48%;
    }
    .order_details_text ul li{
        padding:5px;
    }
    /*會員登入*/
    .email_text{
        max-width: 100%;
        margin-left:25%;
    }
    .forget{
        margin-left:0px;
        display:table;
    }
    .email_text .no_m a{
        margin-left:0px;
    }
    .other_login{
        margin-top:5%;
        margin-left:25%;
    }
}

@media ( max-width: 480px) {
    .footer-center {
        padding-left: 1%;
    }
    .footer-tt a {
        float: left;
        font-size: 16px;
        padding: 3px;
        margin: 2% 2% 2% 7%;
        width: 140px;
    }
    .web_position-icon {
        font-size: 130%;
    }
    .btn-row .col-xs-4 .btn {
        font-size: 130%;
    }
    .btn-row .col-xs-4 .btn-add span {
        padding-left: 35px;
        background-size: 25px;
    }
    .btn-row .col-xs-4 .btn-car span {
        padding-left: 35px;
        background-size: 35px;
    }
    .btn-row .col-xs-4 .btn-kf span {
        padding-left: 35px;
        background-size: 35px;
    }
    .all_product_box .add_p {
        font-size: 150%;
    }
    .all_p_list-box {
        padding-top: 10px;
        margin: 0px;
        margin-left: 150px;
    }
    .all_product-list li {
        width: 100%;
    }

    .all_p_title-top {
        width: 400px;
        font-size: 200%;
        line-height: 200%;
    }
    .all_p_title-top span {
        padding-left: 80px;
        font-size: 100%;
    }
    .all_cp-bottom-title {
        font-size: 150%;
    }
    .fb_re_but.btn-fb span {
        padding-left: 50px;
        font-size: 150%;
        background-size: 15%;
    }
    .line_re_but.btn-line span {
        padding-left: 50px;
        font-size: 150%;
        letter-spacing: 0.5px;
        background-size: 15%;
    }
    .email_re_but.btn-email span {
        padding-left: 50px;
        font-size: 150%;
        background-size: 15%;
    }
    .email_input_box {
        width: 100%;
        padding-left: 30px;
    }

    .receipt_list_box2 {
        margin-left: 5%;
    }
    .add_p_title-top span {
        padding-left: 15%;
    }

    /*購物車*/
    .cartbox {
        display: inline-grid;
        padding-bottom: 40px;
        font-size: 120%;
    }
    .cart_list_box .p_st{
        max-width:95%;
        margin-top:-45px;
    }
    .cartbox .checkbox {
        margin-bottom: 25px;
    }
    .cartbox .pimg img {
        width:100%;
    }
    .cartbox .p_title {
        max-width: 100%;
    }
    .cartbox .p_select {
        width: 100%;
    }
    .cartbox .num_but span {
        display: none;
    }
    /*confirm_orderg數量區*/
    .cartbox .num_but c {
        display:inline;
    }
    .cart_number-input {
        width: 45%;
    }
    .cartbox .price span {
        background-color: #797878;
        color: #ffffff;
        padding: 1px 5px 1px 5px;
        display: inline;
    }
    .cartbox .p_total{
        color: #346fdc;
    }
    .cartbox .p_total span {
        background-color: #346fdc;
        color: #ffffff;
        padding: 1px 5px 1px 5px;
        display: inline;
    }
    .cartbox .num_but span {
        display: none;
    }
    .cartbox .price,
    .cartbox .num_but,
    .cartbox .p_total {
        margin-bottom: 2%;
        width: 100%;
    }

    /*預購區*/
    .cartbox_pre {
        display: inline-grid;
        padding-bottom: 40px;
        font-size: 120%;
    }
    .cart_list_box_pre .p_st{
        max-width:95%;
        margin-top:-45px;
    }
    .cartbox_pre .checkbox {
        margin-bottom: 25px;
    }
    .cartbox_pre .pimg img {
        width:100%;
    }
    .cartbox_pre .p_title {
        max-width: 100%;
    }
    .cartbox_pre .p_select {
        width: 100%;
    }
    .cartbox_pre .num_but span {
        display: none;
    }
    /*confirm_orderg數量區*/
    .cartbox_pre .num_but c {
        display:inline;
    }
    .cartbox_pre .price span {
        background-color: #797878;
        color: #ffffff;
        padding: 1px 5px 1px 5px;
        display: inline;
    }
    .cartbox_pre .p_total{
        color: #346fdc;
    }
    .cartbox_pre .p_total span {
        background-color: #346fdc;
        color: #ffffff;
        padding: 1px 5px 1px 5px;
        display: inline;
    }
    .cartbox_pre .num_but span {
        display: none;
    }
    .cartbox_pre .price,
    .cartbox_pre .num_but,
    .cartbox_pre .p_total {
        margin-bottom: 2%;
        width: 100%;
    }
    /*訂單確認區*/
    .checkout .right {
        text-align:center;
        line-height:180%;
    }
    .checkout .right ul li{
        margin-bottom:2%;
    }
    /*訂單確認頁confirm_order第一層容器設定*/
    .confirm_order .cartbox,.confirm_order .cartbox_pre ,.confirm_order .cart_list_box_pre{
        padding-left: 0px;
    }
    .confirm_order .checkout_box .checkout li{
        float:left;
    }
    .confirm_order .checkout_box .checkout ul li span{
        margin-left: 10px;
        margin-right:0px;
    }
    /*confirm_order確定付款區*/
    .confirm_order .con_box .con_cc{
        line-height:300%;
        margin-bottom:2%;
    }
    .con_box ul li span{
        display:inline;
    }
    .con_form ul li{
        width:95%;
    }
    .con_form ul li .text_input{
        width:200px;
    }

    .all_check .left{
        float:unset;
        text-align:center;
    }
    .checkout{
        text-align: center;
    }
    .all_check .right span{
        font-size:200%;
    }
    /*公告*/
    .news_box{
        margin-bottom: 5%;
    }
    .news_box p{
        text-align: center;
    }
    .news_list ul li{
        line-height:120%;
        height:50px;
    }
    .news_list .title{
        width: 100%;
    }
    .news_list .updated{
        float:inherit;
        max-width: 100%;
    }
    /*QA問答*/
    .qalist{
        width:98%;
        margin-left:1%;
    }
    .qa_box p {
        text-align: center;
        padding-left: 0px;
    }
    .qa_title {
        /*padding-left: 55px;*/
        line-height:150%;
        background-position:-1px -1px;
    }
    .qa_title b{
        display:none;
    }
    .qa_title c {
        width: 70%;
    }
    /*聯絡我們*/
    .contact_us_box_l{
        float:left;
        width: 100%;
    }
    .contact_us_box_l p{
        text-align: center;
        padding-left: 0px;
        background-position:60px center;
    }
    .contact_us_box_l ul {
        width: 100%;
    }
    .contact_us_box_r{
        max-width: 100%;
    }
    .contact_us_box_r p{
        text-align: center;
        padding-left: 0px;
        background-position:60px center;
    }
    .contact_us_box_r ul{
        width:100%;
    }
    .contact_us_send{
        margin-left: 120px;
    }
    /*會員資料*/
    .member_box .member_icon01{
        text-align: center;
        padding-left: 0px;
        background-position:70px center;
    }
    .member_box .mdata{
        width: 100%;
        margin:2px;
        margin-bottom:15%;
    }
    .member_box .text_input {
        width: 100%;
    }
    /*購物清單*/
    .cart_list_box p{
        text-align: center;
        padding-left: 0px;
        background-position:50px center;
    }
    .cart_list_box .p_st{
        position:relative;
        /* padding-top:50px; */
    }
    /*預購區*/
    .cart_list_box_pre p{
        text-align: center;
        padding-left: 0px;
        background-position:50px center;
    }
    .cart_list_box_pre .p_st{
        position:relative;
        /* padding-top:50px; */
    }
    /*購物金*/
    .shopcash_title {
        background-position:-9999px;
    }
    .shopcash{
        width:100%;
    }
    .shopcash_info {
        padding: 10px;
    }
    .shopcash_info .col-sm-4{
        width:100%;
    }

    /*歷史訂單*/
    .member_box .oldorder_icon{
        text-align: center;
        padding-left: 10%;
    }
    .member_box .oldorder{
        width: 95%;
        margin-left:3%;
    }
    .oldorderlist {
        width:98%;
    }
    /*訂單明細*/
    .member_box .order_details_icon{
        padding-left: 0px;
        text-align: center;
        background-position:60px center;
    }
    .order_details_box,.order_details_text{
        width:95%;
        margin-left:3%;
    }
    .order_details_text ul{
        width:98%;
    }

    /*會員登入*/
    .member_box p{
        text-align:center;
        padding-left: 0px;
        background-position:60px center;
    }
    .member_box .register_icon {
        text-align:center;
        padding-left: 0px;
        background-position:60px center;
    }
    .email_text{
        margin-left:5%;
    }
    .other_login{
        margin-left:5%;
        display:table;
    }
}

@media ( max-width: 414px) {
    .footer {
        padding-top: 3%;
    }

    .footer-tt a {
        font-size: 20px;
    }

    .footer-bottom {
        font-size: 110%;
        margin-bottom: 30%;
    }

    .all_p_title-top {
        width: 380px;
    }

    .all_p_title-b {
        font-size: 18px;
    }

    .all_cp-more {
        font-size: 110%;
    }

    .all_cp-number {
        font-size: 150%;
    }

    .receipt_list_box {
        font-size: 120%;
    }

    .receipt_list_box button {
        font-size: 120%;
    }
}

@media ( max-width: 375px) {
    .footer-tt a {
        width: 140px;
        margin: 10px 15px;
    }
    .btn-row .col-xs-4 .btn {
        font-size: 140%;
    }
    .btn-row .col-xs-4 .btn-add span {
        background-size: 25px;
    }
    .btn-row .col-xs-4 .btn-car span {
        padding-left: 23px;
        background-size: 30px;
    }
    .all_p_title-top {
        width: 340px;
    }
    .tabs-money {
        font-size: 160%;
    }
    .receipt_list_box {
        font-size: 110%;
    }
    .forget label{
        font-size:12px;
    }
}

@media ( max-width: 360px) {
    .footer-tt a {
        width: 130px;
    }
    .btn-row .col-xs-4 .btn {
        font-size: 120%;
    }
    .btn-row .col-xs-4 .btn-car span {
        padding-left: 28px;
    }
    /*會員登入*/
    .email_text .email_text_input,.other_login .line,.other_login .fb{
        width:260px;
    }
}



/* 商品列表下方頁碼 */
@media (max-width: 768px){
    .footer {
        padding-top: 3%;
        margin-top:40%;
    }
}
.gb_orange{
    color: #ffffff;
    background-color: #dc4a34;
    border: 1px solid #dc4a34;
}
.gb_white{
    color: #dc4a34;
    background-color: #ffffff;
    border: 1px solid #dc4a34;
}
.page_box{
    margin-top: 50px;
    width:100%;
    text-align: center;
    font-size: 120%;
    height: 35px;
    line-height: 35px;
    display: table;
}
.page_prev{
    cursor: pointer;
    margin-left: 1%;
    color: #ffffff;
    background-color: #dc4a34;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    letter-spacing: 1px;
}
.page_number{
    cursor: pointer;
    margin-left: 1%;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    letter-spacing: 1px;
}
.page_next{
    cursor: pointer;
    margin-left: 1%;
    color: #ffffff;
    background-color: #dc4a34;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    letter-spacing: 1px;
}