html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: inherit; */
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{
	max-width: 100%;
	height: auto;
}
a{
    text-decoration:none;
}
li{
    list-style: none;
}
/* reset==============END========================= */
body{
    background: #ffffff;
    padding:0;
    margin:0;
    line-height: 1;
    font-family: "微軟正黑體", "Lato",Helvetica,sans-serif;
    overflow: hidden;
}
input:focus {
    outline:none !important;
}

#loading_wrapper{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9900;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
#loading_wrapper img{
    width: calc(200px * 0.5);
    height: calc(200px * 0.5);
}
.w100percent{
    width: 100% !important;
}
.body_gary{
    background: #f5f5f5 !important;
}
.none{
    display: none !important;
}
.ovh{
    overflow: hidden;
}
.op0{
    opacity: 0 !important;
}
.px{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.pr-10{
    padding-right: 10px !important;
}
.pl-10{
    padding-left: 10px !important;
}
.px10{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.fnt-12{
    font-size: 12px;
}
.fnt-13{
    font-size: 13px;
}
.fnt-14{
    font-size: 14px;
}
.fnt-16{
    font-size: 16px;
}
.fnt-18{
    font-size: 18px;
}
.fnt-20{
    font-size: 20px;
}
.title-6{
    font-size: 18px;
}
.all_wraper{
    max-width: 768px;
    /* min-height: calc(100% - 111px); */
    width: 100%;
    height: calc(100% + 111px);
    margin: 0 auto;
    position: relative;
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    background: white;
    /* -webkit-box-shadow: 0px 4px 27px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 27px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 27px 2px rgba(0,0,0,0.3); */
}
.down_nav{
    height: 55px;
    position: fixed;
    bottom: -1px;
    z-index: 8000;
    padding: 8px 5px;
    background: white;
    width: 100%;
    display: flex;
    justify-content: space-around;
    -webkit-box-shadow: 0px 8px 15px 9px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 8px 15px 9px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 15px 9px rgba(0, 0, 0, 0.15);
}
.btn_mask{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: gray;
    z-index: 999;
}
.down_btn{
    width: 50%;
}
.light_box_title{
    margin-top: 40px !important;
    margin-bottom: 50px !important;
    font-size: 14px !important;
}

.nav_op{
    /* width: 30%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.home_gray{
    width: calc(48px * 0.5);
    height: calc(40px * 0.5);
    /* background: url('../img/home_gray.png') no-repeat; */
    margin-bottom: 5px;
    background-size: 100%;
}
.blue .home_gray{
    /* background: url('../img/home_blue.png') no-repeat; */
    background-size: 100%;
}
.member_gray{
    width: calc(35px * 0.5);
    height: calc(40px * 0.5);
    /* background: url('../img/member_gray.png') no-repeat; */
    margin-bottom: 5px;
    background-size: 100%;
}
.blue .member_gray{
    /* background: url('../img/member_blue.png') no-repeat; */
    background-size: 100%;
}
.mycart_gray{
    width: calc(38px * 0.5);
    height: calc(43px * 0.5);
    /* background: url('../img/mycart_gray.png') no-repeat; */
    margin-bottom: 5px;
    background-size: 100%;
    position: relative;
}
.blue .mycart_gray{
    /* background: url('../img/mycart_blue.png') no-repeat; */
    background-size: 100%;
}
.img_blue{
    display: none;
}
.blue .img_blue{
    display: inline;
}
.blue .img_gray{
    display: none;
}
.nav_txt {
    font-size: 12px;
    color: #8e8e8e;
}
.blue .nav_txt{
    color: #24b2ec;
}
.incart{
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
    top: -25%;
    right: -50%;
    /* padding: 2px; */
    background-color: #05a4e7;
    color: white;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    border-radius: 999em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.foot{
    width: 100%;
    height: 55px;
    opacity: 0;
    background-color: #f5f5f5;
}
.pr{
    padding-right: 15px;
}
.pt-8{
    padding-top: 8px !important;
}
.pt-15{
    padding-top: 15px !important;
}

.px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pb-correct{
    padding: 0 10px 74px 10px !important;
}
.pb-correct-lines{
    padding-bottom: 74px !important;
}
.noLines{
    border: none !important;
}
.back_gray{
    background: #f5f5f5;
}
.status{
    display: none;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: fixed;
    z-index: 8002;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    width: 65%;
    font-size: 18px;
    text-align: center;
    transition: all .4s;
}
.mask{
    display: none;
    width: 100%;
    position: fixed;
    z-index: 8003;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 375px){
    .status{
        font-size: 22px;
    }
    .fnt-12 {
        font-size: 14px;
    }

    .fnt-13 {
        font-size: 16px;
    }

    .fnt-14 {
        font-size: 18px;
    }

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

    .fnt-18 {
        font-size: 22px;
    }
    .fnt-20{
        font-size: 22px;
    }
    .light_box_title{
        margin-top: 50px !important;
        margin-bottom: 60px !important;
        font-size: 16px !important;
    }
}
@media screen and (min-width: 414px){
    .status{
        font-size: 26px;
    }
    .fnt-12 {
        font-size: 16px;
    }

    .fnt-13 {
        font-size: 18px;
    }

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

    .fnt-16 {
        font-size: 22px;
    }

    .fnt-18 {
        font-size: 24px;
    }
    .title-6{
        font-size: 22px;
    }
    .light_box_title{
        margin-top: 60px !important;
        margin-bottom: 70px !important;
        font-size: 18px !important;
    }
}
@media screen and (min-width: 480px){
    .status{
        font-size: 30px;
    }
    .fnt-12 {
        font-size: 18px;
    }

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

    .fnt-14 {
        font-size: 22px;
    }

    .fnt-16 {
        font-size: 24px;
    }

    .fnt-18 {
        font-size: 26px;
    }
    .title-6{
        font-size: 24px;
    }
    .fnt-20{
        font-size: 28px;
    }
    .light_box_title{
        margin-top: 70px !important;
        margin-bottom: 75px !important;
        font-size: 20px !important;
    }
}
@media screen and (min-width: 768px){
    .px{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .pl-10{
        padding-left: 20px !important;
    }
    .pr-10{
        padding-right: 20px !important;
    }
    .px10{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .status{
        width: 600px;
    }
    .mycart{
        align-items: center;
    }
    .home_gray{
        width: calc(48px * 0.8);
        height: calc(40px * 0.8);
        margin-bottom: 10px;
    }
    .member_gray{
        width: calc(35px * 0.8);
        height: calc(40px * 0.8);
        background: url('../img/member_gray.png') no-repeat;
        margin-bottom: 10px;
        background-size: 100%;
    }
    .mycart_gray{
        width: calc(38px * 0.8);
        height: calc(43px * 0.8);
        background: url('../img/mycart_gray.png') no-repeat;
        margin-bottom: 10px;
        background-size: 100%;
        position: relative;
    }
    .nav_txt {
        font-size: 18px;
    }
    .incart{
        padding: 4px;
        font-size: 16px;
        width: 30px;
        height: 30px;
        padding: 3px;
        top: -38%;
        right: -57%;
    }
    .foot{
        height: 79px;
    }
    .pr{
        padding-right: 20px;
    }
    .pb-correct{
        padding: 0 10px 99px 10px !important;
    }
    .pb-correct-lines{
        padding-bottom: 99px !important;
    }
    .down_nav{
        height: 99px;
    }
    .fnt-12 {
        font-size: 24px;
    }

    .fnt-13 {
        font-size: 26px;
    }

    .fnt-14 {
        font-size: 28px;
    }

    .fnt-16 {
        font-size: 32px;
    }

    .fnt-18 {
        font-size: 36px;
    }
    .title-6{
        font-size: 36px;
    }
    .fnt-20{
        font-size: 44px;
    }
    .light_box_title{
        margin-top: 90px !important;
        margin-bottom: 100px !important;
        font-size: 28px !important;
    }
}
/* 首頁 Start============================ */
.index .content1{
    display: block;
}
.index .general{
    display: flex;
}
.general{
    display: none;
}
.content1{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* overflow-y: auto; */
    background: white;
    padding-bottom: 55px;
}
.statusbar{
    background: #000000;
    color: #ffffff;
    font-size: 18px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    display: none;
}
.back{
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    display: flex;
}
.close_txt{
    position: absolute;
    left: 20%;
    font-size: 16px;
}
.title{
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    font-weight: bold;
    width: 35%;
}
.more{
    width: calc(60px * 0.5);
    height: calc(13px * 0.5);
    display: flex;
}
.left_arror{
    display: inline-block;
    width: calc(16px * 0.5);
    height: calc(30px * 0.5);
    margin-right: 5px;
}
.searchdiv{
    width: 100%;
    display: inline-flex;
    align-items: center;
    padding: 10px 15px;
    background: #ffffff;
}
.searchindside{
    width: calc(100% - calc(118px * 0.55) - 8px);
    height: 26px;
    border: 1px solid #dedede;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 0 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 8px;
}
.index_sv_btn_link{
    display: inline-flex;
    align-items: center;
    width: calc(118px * 0.55);
    height: calc(40px * 0.55);
}
.index_sv_btn{
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#serchform{
    width: 100%;
    height: 100%;
    display: flex;
}
.scope{
    width: calc(28px * 0.5);
    height: calc(28px * 0.5);
    display: inline-flex;
    padding: 0;
    margin: 0;
    align-self: center;
    margin-right: 10px;
}
.form-group-o{
    display: inline-flex;
    width: calc(100% - 50px);
    box-sizing: border-box;
    height: 100%;
    font-size: 14px;
    color: #099bd5;
}
.search{
    width: 100%;
    height: 100%;
    /* align-self: center; */
    /* padding: 0 0 2px 0; */
    border: none;
    outline: none;
    vertical-align: middle;
    line-height: 24px;
    font-size: 14px;
    color: #099bd5;
}
.search:-ms-input-placeholder{
    color: #c0c1c2;
}
.search:-ms-input-placeholder{
    color: #c0c1c2;
}
.search::-webkit-input-placeholder{
    color: #c0c1c2;
}
.banner{
    width: 100%;
    height: auto;
    position: relative;
}
.home_banner{
    width: 100%;
    height: auto;
}
.banner .lSSlideOuter .lSPager.lSpg{
    position: absolute;
    left: 50%;
    transform: translateX(-50%) !important;
    bottom: 15px;
}
.banner .lSSlideOuter .lSPager.lSpg > li{
    padding: 0 7px;
}
.banner .lSSlideOuter .lSPager.lSpg > li a{
    width: 10px;
    height: 10px;
    background-color: #29b1ec5e;
    background-color: rgba(41, 179, 236, 0.4);
}
.banner .lSSlideOuter .lSPager.lSpg > li.active a{
    background-color: #29b3ec;
}
.banner .lSSlideOuter .lSSlideWrapper .home_banner li img{
    width: 100%;
}
.speakerdiv{
    display: flex;
    width: 100%;
    /* border-top: 1px solid #ececec; */
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    /* box-sizing: border-box; */
    margin-top: -3px;
}
.border{
    border-top: .5px solid #ececec;
    padding: 7px 15px;
    width: 100%;
    height: 100%;
}
.sayit{
    display: flex;
    /* align-items: center; */
    /* margin-left: 12px; */
    font-size: 14px;
    color: #0a9bd5;
    width: 100%;
}
.speaker{
    margin-right: 5px;
    width: 23px;
    box-sizing: border-box;
}
.saysome_box{
    width: calc(100% - 23px);
}
.saysome{
    width: 100%;
    text-align: left;
}
.sayit li{
    /* width: calc(100% - 44px); */
}
.menu{
    width: 100%;
    background-color: #f0f8fe;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    /* padding: 2%; */
    padding: 2.5% 0;
    /* justify-content: space-around; */
}
.log_mem .index_point_bg_div{
    display: flex;
}
.index_point_bg_div{
    background-image: url('../img/index_point_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: calc(140px * 0.5);
    display: flex;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}
.ipbd_txt_img{
    width: calc(124px * 0.5);
    height: calc(48px * 0.5);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.ipbd_down{
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.ipbd_gpoint{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.ipbd_gsymbol{
    width: calc(24px * 0.5);
    height: calc(24px * 0.5);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    align-self: flex-start;
    margin-top: 3px;
}
.ipbd_my_gpoint{
    color: #ffffff;
    font-size: 19px;
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.ipbdlink{
    width: calc(100px * 0.5);
    height: calc(30px * 0.5);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
}
.ipbd_sv_go{
    width: 100%;
    height: 100%;
}
.category{
    background-color: white;
    width: 22%;
    margin: 0 1.2%;
    -webkit-box-shadow: 0px 0px 14px 2px rgba(41,179,236,0.2);
    -moz-box-shadow: 0px 0px 14px 2px rgba(41,179,236,0.2);
    box-shadow: 0px 0px 14px 2px rgba(41,179,236,0.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}
.category.start {
    margin: 0 1.2% 0 2.4%;
}
.category.end {
    margin: 0 2.4% 0 1.2%;
}
/*
.category:nth-child(1){
    margin: 6% 4.25% 3% 8.5%;
}
.category:nth-child(2){
    margin: 6% 4.25% 3% 4.25%;
}
.category:nth-child(3){
    margin: 6% 8.5% 3% 4.25%;
}
.category:nth-child(4){
    margin: 3% 4.25% 6% 8.5%;
}
.category:nth-child(5){
    margin: 3% 4.25% 6% 4.25%;
}
.category:nth-child(6){
    margin: 3% 8.5% 6% 4.25%;
}
*/
.category:after{
    content:'';
    display: block;
    margin-top: 100%;
}
.category_content{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.all_good{
    width: calc(50px * 0.35);
    height: calc(63px * 0.35);
}
.new_good{
    width: calc(74px * 0.35);
    height: calc(64px * 0.35);
}
.sale_good{
    width: calc(90px * 0.35);
    height: calc(62px * 0.35);
}
.info{
    width: calc(78px * 0.35);
    height: calc(60px * 0.35);
}
.overview{
    width: calc(95px * 0.35);
    height: calc(62px * 0.35);
}
.treasure{
    width: calc(85px * 0.35);
    height: calc(70px * 0.35);
}
.string{
    margin-top: 12px;
    color: #535353;
    font-size: 12px;
    font-weight: bold;
}
.new_product{
    padding: 10px 15px;
    display: flex;
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
}
.blue_line{
    width: 100%;
    border-top: 1px solid #0a9bd5;
    align-self: center;
}
.new_product_txt{
    width: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #099bd5;
    position: absolute;
    left: 50%;
    top: 48.5%;
    transform: translate(-50%, -50%);
    background-color: white;
    font-weight: bold;
}
.new_product_content_page{
    width: 100%;
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 15px 15px 15px;
}

.good{
    background-color: white;
    width: 48%;
    margin: 3% 0 0 0;
    position: relative;

}
.good:nth-child(2n){
    margin-left: 3%;
}
.good:after{
    content:'';
    display: block;
    margin-top: 170%;
}
.good_content{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /* padding: 5%; */
}
.good_padding{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 5% 5% 5%
}
.good_link{
    width: 100%;
}
.good_img{
    width: 100%;
    height: 160px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.good_img.line{
    height: 94px;
}
.good_title{
    font-size: 12px;
    color: #444444;
    font-family: Microsoft JhengHei;
    line-height: 14px;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.down_file{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    position: relative;
}
.left_money{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: auto;
}
.real_money{
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.jp{
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #0a9bd5;
}
.real_money_num{
    display: inline-flex;
    color: #0a9bd5;
    font-size: 12px;
    margin-left: 3px;
}
.g_money{
    display: flex;
    align-items: center;
}
.gsymbol{
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.g_monru_num{
    display: inline-flex;
    color: #fe8d42;
    font-size: 12px;
    margin-left: 3px;
    vertical-align: bottom;
}
.right_add{
    display: inline-flex;
    width: calc(55px * 0.5);
    height: calc(55px * 0.5);
    align-self: flex-end;
    cursor: pointer;
}
.right_add.fly {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
@media screen and (min-width: 375px){
    .good_img.line {
        height: 111px;
    }
    .back {
        /* font-size: 18px; */
    }
    .left_arror {
        /* width: calc(16px * 0.6);
        height: calc(30px * 0.6); */
    }
    .close_txt {
        left: 18%;
        /* font-size: 18px; */
        /* top: 30%; */
    }
    .title {
        /* font-size: 18px; */
        width: 43%;
    }
    .more {
        width: calc(60px * 0.6);
        height: calc(13px * 0.6);
    }
    .searchdiv{
        /* padding: 10px 15px; */
    }
    .searchindside{
        width: calc(100% - calc(118px * 0.65) - 10px);
        height: 30px;
        margin-right: 10px;
    }
    .index_sv_btn_link{
        width: calc(118px * 0.65);
        height: calc(40px * 0.65);
    }
    #serchform{

    }
    .scope{
        width: calc(28px * 0.7);
        height: calc(28px * 0.7);
        margin-right: 10px;
    }
    .search{
        line-height: 26px;
        font-size: 16px;
    }
    .speakerdiv{

    }
    .speakerdiv{
        border: 1px solid #ececec;
        margin-top: -4px;
    }
    .border{
        border-top: .5px solid #ececec;
        padding: 7px 15px;
        width: 100%;
        height: 100%;
    }
    .sayit{
        font-size: 16px;
        align-items: center;
    }
    .saysome{
        height: 22px !important;
        line-height: 22px;
    }
    .all_good{
        width: calc(58px * 0.5);
        height: calc(63px * 0.5);
    }
    .new_good{
        width: calc(74px * 0.5);
        height: calc(64px * 0.5);
    }
    .sale_good{
        width: calc(90px * 0.5);
        height: calc(62px * 0.5);
    }
    .info{
        width: calc(78px * 0.5);
        height: calc(60px * 0.5);
    }
    .overview{
        width: calc(95px * 0.5);
        height: calc(62px * 0.5);
    }
    .treasure{
        width: calc(85px * 0.5);
        height: calc(70px * 0.5);
    }
    .string{
        margin-top: 18px;
        font-size: 16px;
    }
/*
    .category {
        width: 26%;
    }
    .category:nth-child(1){
        margin: 4% 2.75% 2.75% 5.5%;
    }
    .category:nth-child(2){
        margin: 4% 2.75% 2.75% 2.75%;
    }
    .category:nth-child(3){
        margin: 4% 5.5% 2.75% 2.75%;
    }
    .category:nth-child(4){
        margin: 2.75% 2.75% 4% 5.5%;
    }
    .category:nth-child(5){
        margin: 2.75% 2.75% 4% 2.75%;
    }
    .category:nth-child(6){
        margin: 2.75% 5.5% 4% 2.75%;
    }
*/
    .new_product{
        padding: 24px 15px;
    }
    .new_product_txt{
        /* width: 32%;
        font-size: 18px; */
        top: 47.5%;
    }
    .good:after{
        /* margin-top: 175%; */
    }
    .good_title{
        font-size: 16px;
        line-height: 20px;
    }
    .jp{
        font-size: 18px;
    }
    .real_money_num{
        font-size: 16px;
        margin-left: 5px;
    }
    .g_monru_num{
        font-size: 16px;
        /* margin-left: 7px; */
        vertical-align: bottom;
    }
    .right_add {
        width: calc(55px * 0.6);
        height: calc(55px * 0.6);
    }
    .index_point_bg_div{
        height: calc(140px * 0.6);
    }
    .ipbd_txt_img{
        width: calc(124px * 0.6);
        height: calc(48px * 0.6);
    }
    .ipbd_gpoint{
        margin-right: 8px;
    }
    .ipbd_gsymbol{
        width: calc(24px * 0.6);
        height: calc(24px * 0.6);
        margin-right: 5px;
        margin-top: 5px;
    }
    .ipbd_my_gpoint{
        font-size: 22px;
    }
    .ipbdlink{
        width: calc(100px * 0.6);
        height: calc(30px * 0.6);
    }
    .good_img {
        height: 175px;
    }
}
@media screen and (min-width: 414px){
    .good_img.line {
        height: 123px;
    }
    .statusbar{
        /* padding: 15px; */
    }
    .left_arror {
        width: calc(16px * 0.7);
        height: calc(30px * 0.7);
    }
    .close_txt {
        /* left: 22%; */
        top: 32%;
    }
    .more {
        width: calc(60px * 0.7);
        height: calc(13px * 0.7);
    }
    .searchdiv{
        /* padding: 10px 20px; */
    }
    .searchindside{
        width: calc(100% - calc(118px * 0.75) - 14px);
        height: 35px;
        margin-right: 14px;
    }
    .index_sv_btn_link{
        width: calc(118px * 0.75);
        height: calc(40px * 0.75);
    }
    .form-group-o{
        font-size: 18px;
        height: 18px;
    }
    .sayit{
        font-size: 18px;
    }
    .speaker {
        margin-right: 6px;
        width: 28px;
    }
    .saysome_box {
        width: calc(100% - 28px);
    }
    .saysome{
        height: 22px !important;
        line-height: 22px;
    }
    .all_good{
        width: calc(50px * 0.6);
        height: calc(63px * 0.6);
    }
    .new_good{
        width: calc(74px * 0.6);
        height: calc(64px * 0.6);
    }
    .sale_good{
        width: calc(90px * 0.6);
        height: calc(62px * 0.6);
    }
    .info{
        width: calc(78px * 0.6);
        height: calc(60px * 0.6);
    }
    .overview{
        width: calc(95px * 0.6);
        height: calc(62px * 0.6);
    }
    .treasure{
        width: calc(85px * 0.6);
        height: calc(70px * 0.6);
    }
    .string{
        margin-top: 20px;
        color: #535353;
        font-size: 16px;
    }
/*
    .category {
        width: 28%;
    }
    .category:nth-child(1){
        margin: 3% 2% 1.5% 4%;
    }
    .category:nth-child(2){
        margin: 3% 2% 1.5% 2%;
    }
    .category:nth-child(3){
        margin: 3% 4% 1.5% 2%;
    }
    .category:nth-child(4){
        margin: 1.5% 2% 3% 4%;
    }
    .category:nth-child(5){
        margin: 1.5% 2% 3% 2%;
    }
    .category:nth-child(6){
        margin: 1.5% 4% 3% 2%;
    }
*/
    .new_product_txt{
        width: 32%;
        font-size: 22px;
    }
    .good:after{
        /* margin-top: 180%; */
    }
    .good_title{
        font-size: 18px;
        line-height: 18px;
    }
    .jp{
        font-size: 20px;
    }
    .real_money_num{
        font-size: 18px;
        /* margin-left: 5px; */
    }
    .g_monru_num{
        font-size: 18px;
        /* margin-left: 8px; */
        vertical-align: bottom;
    }
    .right_add {
        width: calc(55px * 0.7);
        height: calc(55px * 0.7);
    }
    .index_point_bg_div{
        height: calc(140px * 0.7);
    }
    .ipbd_txt_img{
        width: calc(124px * 0.7);
        height: calc(48px * 0.7);
    }
    .ipbd_gpoint{
        margin-right: 12px;
    }
    .ipbd_gsymbol{
        width: calc(24px * 0.7);
        height: calc(24px * 0.7);
        margin-right: 5px;
        margin-top: 8px;
    }
    .ipbd_my_gpoint{
        font-size: 26px;
    }
    .ipbdlink{
        width: calc(100px * 0.7);
        height: calc(30px * 0.7);
    }
    .good_img {
        height: 200px;
    }
}
@media screen and (min-width: 480px){
    .good_img.line {
        height: 143px;
    }
    .statusbar{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .back {
        font-size: 22px;
    }
    .left_arror {
        width: calc(16px * 0.8);
        height: calc(30px * 0.8);
    }
    .close_txt {
        /* left: 22%; */
        font-size: 22px;
        top: 30%;
    }
    .title {
        font-size: 22px;
    }
    .more {
        width: calc(60px * 0.8);
        height: calc(13px * 0.8);
    }
    .searchdiv{
        /* padding: 10px 20px; */
    }
    .searchindside{
        width: calc(100% - calc(118px * 0.85) - 16px);
        height: 40px;
        padding: 0px 20px;
        margin-right: 16px;
    }
    .index_sv_btn_link{
        width: calc(118px * 0.85);
        height: calc(40px * 0.85);
    }
    #serchform{

    }
    .scope{
        width: calc(28px * 0.8);
        height: calc(28px * 0.8);
    }
    .search{
        line-height: 40px;
        font-size: 20px;
    }
    .sayit{
        font-size: 20px;
    }
    .speaker {
        margin-right: 7px;
        width: 30px;
    }
    .saysome_box {
        width: calc(100% - 30px);
    }
    .saysome{
        height: 22px !important;
        line-height: 22px;
    }
    .category {
/*        width: 24%;*/
/*        margin: 4% 3.8%;*/
    }
    .all_good{
        width: calc(55px * 0.7);
        height: calc(63px * 0.7);
    }
    .new_good{
        width: calc(74px * 0.7);
        height: calc(64px * 0.7);
    }
    .sale_good{
        width: calc(90px * 0.7);
        height: calc(62px * 0.7);
    }
    .info{
        width: calc(78px * 0.7);
        height: calc(60px * 0.7);
    }
    .overview{
        width: calc(95px * 0.7);
        height: calc(62px * 0.7);
    }
    .treasure{
        width: calc(85px * 0.7);
        height: calc(70px * 0.7);
    }
    .string{
        margin-top: 24px;
        color: #535353;
        font-size: 20px;
    }
/*
    .category {
        width: 25%;
    }
    .category:nth-child(1){
        margin: 6% 3.125% 3% 6.25%;
    }
    .category:nth-child(2){
        margin: 6% 3.125% 3% 3.125%;
    }
    .category:nth-child(3){
        margin: 6% 6.25% 3% 3.125%;
    }
    .category:nth-child(4){
        margin: 3% 3.125% 6% 6.25%;
    }
    .category:nth-child(5){
        margin: 3% 3.125% 6% 3.125%;
    }
    .category:nth-child(6){
        margin: 3% 6.25% 6% 3.125%;
    }
*/
    .new_product {
        padding: 25px 15px;
    }
    .new_product_txt{
        width: 32%;
        font-size: 24px;
    }
    .new_product_content_page{
        padding: 0 20px 20px 20px;
    }
    .good:after{
        /* margin-top: 200%; */
    }
    .good_title{
        font-size: 20px;
        line-height: 20px;
    }
    .jp{
        font-size: 24px;
    }
    .real_money_num{
        font-size: 20px;
        /* margin-left: 5px; */
    }
    .g_monru_num{
        font-size: 20px;
        /* margin-left: 9px; */
        vertical-align: bottom;
    }
    .right_add {
        width: calc(55px * 0.8);
        height: calc(55px * 0.8);
    }
    .index_point_bg_div{
        height: calc(140px * 0.8);
    }
    .ipbd_txt_img{
        width: calc(124px * 0.8);
        height: calc(48px * 0.8);
    }
    .ipbd_gpoint{
        margin-right: 15px;
    }
    .ipbd_gsymbol{
        width: calc(24px * 0.8);
        height: calc(24px * 0.8);
        margin-right: 8px;
        margin-top: 7px;
    }
    .ipbd_my_gpoint{
        font-size: 30px;
    }
    .ipbdlink{
        width: calc(100px * 0.8);
        height: calc(30px * 0.8);
    }
    .good_img {
        height: 250px;
    }
}
@media screen and (min-width: 768px){
    .good_img.line {
        height: 229px;
    }
    .content1{
        padding-bottom: 100px;
    }
    .statusbar{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .back {
        font-size: 36px;
    }
    .left_arror {
        width: 16px;
        height: 30px;
    }
    .close_txt {
        /* left: 22%; */
        font-size: 36px;
        top: 22%;
    }
    .title {
        font-size: 36px;
    }
    .more {
        width: 60px;
        height: 13px;
    }
    .searchdiv{
        padding: 10px 20px;
    }
    .searchindside{
        width: calc(100% - calc(118px * 1) - 20px);
        height: 45px;
        padding: 0px 20px;
        margin-right: 20px;
    }
    .index_sv_btn_link{
        width: calc(118px * 1);
        height: calc(40px * 1);
    }
    #serchform{

    }
    .scope{
        width: 28px;
        height: 28px;
    }
    .search{
        line-height: 45px;
        font-size: 24px;
    }
    .search{
        padding: 0;
    }
    .speakerdiv {
        /* padding: 12px 20px; */
    }
    .border {
        padding: 7px 20px;
    }
    .sayit{
        font-size: 28px;
    }
    .sayit li {
        /* height: 28px; */
    }
    .category{
        -webkit-box-shadow: 0px 0px 30px 4px rgba(41,179,236,0.2);
        -moz-box-shadow: 0px 0px 30px 4px rgba(41,179,236,0.2);
        box-shadow: 0px 0px 30px 4px rgba(41,179,236,0.2);
    }
    .speaker {
        margin-right: 10px;
        width: 48px;
    }
    .saysome_box {
        width: calc(100% - 48px);
    }
    .saysome{
        height: 36px !important;
        line-height: 30px;
    }
    .all_good{
        width: 50px;
        /* width: auto; */
        height: 64px;
    }
    .new_good{
        width: 74px;
        /* width: auto; */
        height: 64px;
    }
    .sale_good{
        width: 90px;
        /* width: auto; */
        height: 62px;
    }
    .info{
        width: 78px;
        /* width: auto; */
        height: 60px;
    }
    .overview{
        width: 95px;
        /* width: auto; */
        height: 62px;
    }
    .treasure{
        width: 85px;
        /* width: auto; */
        height: 70px;
    }
    .string{
        margin-top: 24px;
        color: #535353;
        font-size: 24px;
    }
    .new_product {
        height: 60px;
    }
    .new_product {
        padding: 36px 20px;
    }
    .new_product_txt{
        width: 28%;
        font-size: 32px;
    }
    .good:after{
        margin-top: 145%;
    }
    .good_title{
        font-size: 28px;
        line-height: 28px;
    }
    .real_money_num{
        font-size: 28px;
        margin-left: 5px;
    }
    .g_monru_num{
        font-size: 28px;
        margin-left: 5px;
        vertical-align: bottom;
    }
    .jp{
        width: 20px;
        height: 20px;
        font-size: 30px;
    }
    .gsymbol{
        width: 20px;
        height: 20px;
    }
    .right_add {
        width: 55px;
        height: 55px;
    }
    .index_point_bg_div{
        height: calc(140px * 1);
    }
    .ipbd_txt_img{
        width: calc(124px * 1);
        height: calc(48px * 1);
    }
    .ipbd_gpoint{
        margin-right: 18px;
    }
    .ipbd_gsymbol{
        width: calc(24px * 1);
        height: calc(24px * 1);
        margin-right: 8px;
        margin-top: 10px;
    }
    .ipbd_my_gpoint{
        font-size: 38px;
    }
    .ipbdlink{
        width: calc(100px * 1);
        height: calc(30px * 1);
    }
    .good_img {
        height: 350px;
    }
}
/* 首頁 End============================ */
/* 商品資訊 :start============================ */
.shop_info .content2{
    display: block;
}
.content2{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100vh;
    /* overflow-y: auto; */
    background: #f5f5f5;
}
.info_block_gp{
    width: 100%;
}
.info_block{
    width: 100%;
    padding: 10px 15px;
    background: white;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    border: 1px solid #e7e7e7;
}
.left_icon{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    width: 44px;
}
.mid_text{
    width: 65%;
}
.info_title{
    color: 383838;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
}
.info_address, .info_number{
    color: #8c8c8c;
    font-size: 12px;
    line-height: 18px;
}
.right_inshop_link{
    width: 30px;
    display: inline-flex;
    align-items: center;
}
.right_inshop{
    width: 100%;
    display: inline-flex;
    align-items: center;
}
.inshop{
    width: 100%;
}

@media screen and (min-width: 375px){}
@media screen and (min-width: 414px){}
@media screen and (min-width: 480px){}
@media screen and (min-width: 768px){
    .right_inshop_link {
        width: 40px;
    }
}
/* 商品資訊 :END============================ */
/* 商品內頁 Start============================*/
.all_goods .content3{
    display: block;
}
.all_goods .general{
    display: flex;
}
.content3{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* height: 100vh; */
    /* overflow-y: auto; */
    background: #f5f5f5;
    /* background: #ffffff; */
    padding-bottom: 65px;
}
.upnav{
    display: flex;
    width: 100%;
    background: #ffffff;
    color: #8e8e8e;
    font-size: 14px;
    height: 34px;
    /* padding: 10px 0; */
    position: relative;
    /* border-bottom: 1px solid #dedede; */
}
.blue{
    color: #099bd5;
    /* border-bottom: 4px solid #099bd5; */
}
.newest{
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    transition: all .4s;
    font-weight: normal;
}
.value{
    width: 29%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s;
    font-weight: normal;
}
.select_arrow{
    width: 8px;
    height: 12px;
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    margin-top: 3px;
}
.hotsale{
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s;
    font-weight: normal;
}
.right_btn{
    width: 11%;
    display: inline-flex;
    justify-content: flex-end;
}
.toggle_btn{
    width: 16px;
    height: 16.5px;
    background: url('../img/arr_lines.png') no-repeat;
    background-size: 100%;
    align-self: center;
}
.toggle_btn.toggle{
    width: 16px;
    height: 16.5px;
    background: url('../img/arr_blocks.png') no-repeat;
    background-size: 100%;
    align-self: center;
}
.u_border{
    width: 30%;
    height: 2px;
    background: #099bd5;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.info_product_content_page{
    width: 100%;
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* padding: 0 15px 15px 15px; */
}

.good_stripe_gp{
    width: 100%;
}
.good_stripe{
    width: 100%;
    background: white;
    padding: 0 10px 0 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    /* border: 1px solid #e7e7e7; */
}
.left_good_pic_link{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* padding: 5px; */
    width: 30%;
}
.left_good_pic{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* padding: 5px; */
    width: 100%;
}
.right_good_part{
    width: 68%;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 2%;
    padding-top: 12px;
    padding-bottom: 10px;
}
.good_title_line{
    width: 100%;
    font-size: 12px;
}
.others_symbol{
    display: flex;
    position: relative;
}
.money_block{
    width: 80%;
    display: inline-flex;
    /* margin-bottom: 3%; */
}
.addcart_block{
    width: 30px;
    height: 30px;
    display: inline-flex;
    margin-left: auto;
}
.addcart_block.fly{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
.real_money_line{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.g_money_line{
    margin-left: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.g_money_line:before{
    content:'';
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #dedede;
    margin-right: 10px;
}
@media screen and (min-width: 375px){
    .upnav{
        font-size: 16px;
        height: 40px;
    }

    .info_product_content_page{
        /* padding: 0 20px 74px 20px; */
    }
    .good_title_line{
        font-size: 16px;
    }
    .g_money_line{
        margin-left: 15px;
    }
    .g_money_line:before{
        height: 20px;
        margin-right: 15px;
    }
    .others_symbol .real_money_line .jp, .others_symbol .real_money_line .real_money_num, .others_symbol .g_money_line .g_monru_num{
        margin-bottom: 3px;
    }
    /* .others_symbol .real_money_line .real_money_num{
        margin-bottom: 3px;
    }
    .others_symbol .g_money_line .g_monru_num{
        margin-bottom: 3px;
    } */
}
@media screen and (min-width: 414px){
    .upnav{
        font-size: 18px;
        height: 46px;
    }
    .info_product_content_page{
        /* padding: 0 20px 74px 20px; */
    }
    .good_title_line{
        font-size: 18px;
    }
}
@media screen and (min-width: 480px){
    .info_product_content_page{
        /* padding: 0 20px 74px 20px; */
    }
    .good_title_line{
        font-size: 20px;
    }
}

@media screen and (min-width: 768px){
    .content3{
        padding-bottom: 100px;
    }
    .upnav{
        font-size: 24px;
        height: 60px;
    }
    .good_stripe{
        padding: 0 15px 0 0;
    }
    .right_good_part{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .toggle_btn{
        width: 21px;
        height: 21.5px;
        /* background: url('../img/arr_lines.png') no-repeat;
        background-size: 100%;
        align-self: center; */
    }
    .toggle_btn.toggle{
        width: 21px;
        height: 21.5px;
        /* background: url('../img/arr_lines.png') no-repeat; */
    }
    /* .value_select{
        height: 60px;
        background: url("../img/select_arrow768.png") no-repeat right center transparent;
        padding-left: 40%;
        background-position-x: 70%;
        background-position-y: 50%;
    }
    .blue .value_select{
        background: url("../img/select_arrow768_blue.png") no-repeat right center transparent;
        background-position-x: 70%;
        background-position-y: 50%;
    } */
    .info_product_content_page{
        /* padding: 0 20px 20px 20px; */
    }
    .good_title_line{
        font-size: 28px;
    }
    .addcart_block{
        width: 54px;
        height: 54px;
    }
    .g_money_line{
        margin-left: 20px;
    }
    .g_money_line:before{
        height: 30px;
        margin-right: 20px;
    }
    .select_arrow{
        margin-left: 10px;
        width: 10px;
        height: 16px;
    }
    .good_stripe {
        margin-bottom: 15px;
    }
}
/* 商品內頁 END============================*/

/* 搜尋頁面 Start============================ */
.search_res .content4{
    display: block;
}
.search_res .general{
    display: flex;
}
.content4{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* height: 100vh; */
    /* overflow-y: auto; */
    background: #f5f5f5;
    /* background: #ffffff; */
    padding-bottom: 65px;
}
.gnf .nf{
    display: flex;
}
.gnf .shadow{
    /* box-shadow: none; */
}
.nf{
    background: #ffffff;
    display: none;
    flex-wrap: wrap;
}
.nf_block{
    width: 100%;
    display: flex;
    margin-top: 15px;
    margin-bottom: 10px;
}
.nf_scopediv{
    display: inline-flex;
}
.nf_scope{
    width: 20px;
    height: 20px;
}
.nf_txt{
    display: inline-flex;
    align-self: center;
    font-size: 14px;
    color: #a0a0a0;
    margin-left: 10px;
}
.you_like{
    font-weight: normal;
}
.shadow{
    position: relative;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
}
@media screen and (min-width: 375px){
    .nf_txt{
        font-size: 16px;
        margin-left: 10px;
    }
    .you_like{
    }
}
@media screen and (min-width: 414px){}
@media screen and (min-width: 480px){
    .nf_txt{
        font-size: 18px;
    }
}
@media screen and (min-width: 768px){
    .nf_txt{
        font-size: 28px;
        line-height: 28px;
        margin-left: 20px;
    }
    .nf_scope{
        width: 40px;
        height: 40px;
    }
    .nf_block{
        margin-bottom: 15px;
    }
}

/* 搜尋頁面 END============================ */
/* @media screen and (min-width: 375px){}
@media screen and (min-width: 414px){}
@media screen and (min-width: 480px){}
@media screen and (min-width: 768px){} */

/* 商品內頁的細節頁面 Start============================ */
.mcd .content5{
    display: block;
}
.content5{
    position: relative;
    z-index: 1;
    width: 100%;
    display: none;
    /* overflow-y: auto; */
    /* background: white; */
    background: #f5f5f5;
    padding-bottom: 70px;
}
.good_pic_sliderdiv{
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    background: #ffffff;
    position: relative;
}
.good_pic_sliderdiv .lSSlideOuter .lSPager.lSpg{
    margin-bottom: 15px;
}
.good_pic_sliderdiv .lSSlideOuter .lSPager.lSpg > li{
    padding: 0 7px;
}
.good_pic_sliderdiv .lSSlideOuter .lSPager.lSpg > li a{
    width: 10px;
    height: 10px;
    background-color: #2c95bf52;
    background-color: rgba(41, 179, 236, 0.4);
}
.good_pic_sliderdiv .lSSlideOuter .lSPager.lSpg > li.active a{
    background-color: #0088bd;
    background-color: rgba(0, 136, 189, 1);
}
.good_pic_sliderdiv .lSSlideOuter .lSSlideWrapper .home_banner li img{
    width: 100%;
}
.good_pic_slider li{
    display: flex;
    justify-content: center;
}
.short_txt{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
    background: #ffffff;
}
.this_good_title{
    font-size: 14px;
    color: #444444;
    margin-bottom: 20px;
}
.this_money_block{
    display: flex;
    align-items: center;
}
.this_jp{
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #0a9bd5;
    margin-bottom: 3px;
}
.this_real_money_num{
    display: inline-flex;
    color: #0a9bd5;
    font-size: 12px;
    /* margin-left: 5px; */
    margin-bottom: 3px;
}
.this_g_money{
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.this_gsymbol{
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.this_g_money::before{
    content: '';
    width: 1px;
    height: 15px;
    background: #dedede;
    margin-right: 10px;
}
.this_g_monru_num{
    display: inline-flex;
    color: #fe8d42;
    font-size: 12px;
    margin-left: 3px;
    vertical-align: bottom;
}
.detail_txt{
    background: #ffffff;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.ctn_title{
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
}
.ctn_lines{
    width: 100%;
    height: 1px;
    background: #0a9bd5;
}
.ctn_txt{
    width: 32%;
    color: #099bd5;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 48%;
    background: #ffffff;
    /* transform: translateX(-50%); */
    transform: translate(-50%, -50%);
    text-align: center;
}
.detail_lines{
    width: 100%;
    margin-top: 20px;
    /* font-weight: bold; */
}
.detail_line{
    color: #383838;
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
}
.good_fluid_lines{
    width: 100%;
    margin-top: 20px;
}
.back_good_lines{
    width: 100%;
    margin-top: 20px;
    font-weight: bold;

}
.line_title{
    display: inline-flex;
}
.line_content{
    display: inline-flex;
    width: 70%;
}
.good_fluid{
    margin-top: 20px;
}
.good_fluid:nth-child(1){
    margin-top: 0px;
}
.contact_us_block{
    background: #ffffff;
    width: 100%;
}
.contact_us{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
}
.contact_content{
    color: #7a7a7a;
    font-size: 12px;
    line-height: 18px;
}
.good_detail{
    height: 54.5px;
}
.shop_link, .detail_shop_cart_link{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 17.5%;
}
.detail_shop_cart{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.shop_link_gray{
    width: calc(38px * 0.5);
    height: calc(37px * 0.5);
    background: url('../img/shop_icon_gray.png') no-repeat;
    background-size: 100%;
}
.shop_link_txt{
    color: #8e8e8e;
    margin-top: 5px;
    font-size: 12px;
}
.detail_mycart_gray{
    width: calc(38px * 0.5);
    height: calc(43px * 0.5);
    background: url('../img/mycart_gray.png') no-repeat;
    background-size: 100%;
    position: relative;
}
.detail_mycart_txt{
    color: #8e8e8e;
    margin-top: 5px;
    font-size: 12px;
}
.detail_incart{
    position: absolute;
    top: -17%;
    right: -60%;
    padding: 3px;
    background-color: #05a4e7;
    color: white;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    border-radius: 999em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.detail_addtoCart{
    width: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #09b3f2;
    font-size: 16px;
    color: #ffffff;
}
.detail_gobuy{
    width: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0085c7;
    font-size: 16px;
    color: #ffffff;
}
.status_addToCart{
    padding: 20px 15px;
    /* top: 30%; */
}

.lightbox_addToCart, .lightbox_gobuy, .lightbox_whichmoney, .lightbox_sv{
    width: 100%;
    position: fixed;
    /* bottom: 0; */
    bottom: -768px;
    z-index: 8004;
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-top: 15px;
    /* padding-bottom: 15px; */
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition: all .4s;
}
.basic_part{
    display: flex;
    border-bottom: 1px solid #e7e7e7;
}
.basic_part_arr{
    display: flex;
}
.basic_left{
    width: 30%;
}
.basic_right{
    width: 70%;
    padding-top: 7px;
    padding-left: 15px;
}
.basic_symbol{
    margin-top: 10px;
}
.choose_size{
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}
.choose_arr{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 8px;
}
.choose_title{
    font-weight: bold;
    font-size: 12px;
    color: #383838;
}
.choose_option{
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}
.choose{
    margin-right: 10px;
    margin-top: 5px;
    font-size: 12px;
    padding: 5px 8px;
}
.choose.active{
    background: #07adee;
    color: #ffffff;
    padding: 5px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.select_num{
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;

}
.select_num_title{
    margin-right: auto;
    font-weight: bold;
    font-size: 12px;
    color: #383838;
}
.select_part{

}
.select_block{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    width: 35px;
    height: 35px;
    border-top: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
    border-left: 1px solid #ababab;
    margin-left: -5px;
}
.select_block.plus{
    border-right: 1px solid #ababab;
}
.select_block.minus.noselect{
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    background: #ebebeb;
}
.select_block.plus.noselect{
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    background: #ebebeb;
}
.bbtn{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
    background: -webkit-linear-gradient(left,#09b3f2,#0091da);
    background: -o-linear-gradient(right,#09b3f2,#0091da);
    background: -moz-linear-gradient(right,#09b3f2,#0091da);
    background: linear-gradient(to right,#09b3f2,#0091da);
    padding: 15px 15px;
}
.light_close{
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 8010;
    right: 3%;
    top: 3%;
}
@media screen and (min-width: 375px){
    .this_good_title{
        font-size: 18px;
    }
    .this_jp{
        width: 16px;
        height: 16px;
        font-size: 16px;
        margin-bottom: 3px;
    }
    .this_real_money_num{
        font-size: 16px;
        margin-bottom: 3px;
    }
    .this_g_money{
        margin-left: 15px;
    }
    .this_gsymbol{
        width: 20px;
        height: 20px;
    }
    .this_g_money::before{
        width: 1px;
        height: 16px;
        margin-right: 15px;
    }
    .this_g_monru_num{
        font-size: 16px;
        /* margin-left: 10px; */
        margin-bottom: 3px;
    }
    .ctn_txt{
        font-size: 18px;
    }
    .good_fluid, .back_good {
        margin-top: 24px;
    }
    .detail_lines, .good_fluid_lines, .back_good_lines{
        margin-top: 24px;
    }
    .detail_line {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .contact_content{
        font-size: 16px;
        line-height: 24px;
    }
    .status_addToCart{
        /* top: 28%; */
    }
    .choose_title{
        font-size: 16px;
    }
    .choose{
        font-size: 16px;
        padding: 5px 8px;
    }
    .select_num_title{
        font-size: 16px;
    }
    .select_block{
        font-size: 18px;
        width: 40px;
        height: 40px;
    }
    .bbtn{
        font-size: 20px;
        padding: 15px 15px;
    }
    .light_close{
        /* width: 24px;
        height: 24px;
        right: 3%;
        top: 3%; */
    }


}
@media screen and (min-width: 414px){
    .this_good_title{
        font-size: 20px;
    }
    .this_jp{
        width: 18px;
        height: 18px;
        font-size: 18px;
        margin-bottom: 3px;
    }
    .this_real_money_num{
        font-size: 18px;
        margin-bottom: 3px;
    }
    .this_g_money{
        margin-left: 15px;
    }
    .this_gsymbol{
        width: 20px;
        height: 20px;
    }
    .this_g_money::before{
        width: 1px;
        height: 18px;
        margin-right: 15px;
    }
    .this_g_monru_num{
        font-size: 18px;
        /* margin-left: 10px; */
        margin-bottom: 3px;
    }
    .ctn_txt{
        font-size: 20px;
    }
    .detail_line {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .good_fluid, .back_good {
        margin-top: 28px;
    }
    .detail_lines, .good_fluid_lines, .back_good_lines{
        margin-top: 28px;
    }
    .contact_content{
        font-size: 18px;
        line-height: 26px;
    }
    .status_addToCart{
        /* top: 26%; */
    }
    .choose_title{
        font-size: 18px;
    }
    .choose{
        font-size: 18px;
        padding: 5px 8px;
    }
    .select_num_title{
        font-size: 18px;
    }
    .select_block{
        font-size: 20px;
        width: 40px;
        height: 40px;
    }
    .bbtn{
        font-size: 24px;
        padding: 15px 15px;
    }
    .light_close{
        /* width: 24px;
        height: 24px;
        right: 3%;
        top: 3%; */
    }
}
@media screen and (min-width: 480px){
    .this_good_title{
        font-size: 22px;
    }
    .this_jp{
        width: 20px;
        height: 20px;
        font-size: 20px;
        margin-bottom: 3px;
    }
    .this_real_money_num{
        font-size: 20px;
        margin-bottom: 3px;
    }
    .this_g_money{
        margin-left: 15px;
    }
    .this_gsymbol{
        width: 20px;
        height: 20px;
    }
    .this_g_money::before{
        width: 1px;
        height: 20px;
        margin-right: 15px;
    }
    .this_g_monru_num{
        font-size: 20px;
        /* margin-left: 10px; */
        margin-bottom: 3px;
    }
    .ctn_txt{
        font-size: 22px;
    }
    .detail_line {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .good_fluid, .back_good {
        margin-top: 32px;
    }
    .detail_lines, .good_fluid_lines, .back_good_lines{
        margin-top: 32px;
    }
    .contact_content{
        font-size: 20px;
        line-height: 28px;
    }
    .status_addToCart{
        /* top: 25%; */
    }
    .choose_title{
        font-size: 20px;
    }
    .choose{
        font-size: 20px;
    }
    .select_num_title{
        font-size: 20px;
    }
    .select_block{
        font-size: 20px;
        width: 40px;
        height: 40px;
    }
    .bbtn{
        font-size: 24px;
        padding: 15px 15px;
    }
    .light_close{
        /* width: 24px;
        height: 24px;
        right: 3%;
        top: 3%; */
    }
}
@media screen and (min-width: 768px){
    .content5 {
        padding-bottom: 105px;
    }
    .light_close{
        right: 1%;
        top: 4%;
    }
    .this_good_title{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .this_jp{
        width: 28px;
        height: 28px;
        font-size: 28px;
        margin-bottom: 3px;
    }
    .this_real_money_num{
        font-size: 28px;
        /* margin-left: 10px; */
        margin-bottom: 3px;
    }
    .this_g_money{
        margin-left: 15px;
    }
    .this_gsymbol{
        width: 20px;
        height: 20px;
    }
    .this_g_money::before{
        width: 1px;
        height: 28px;
        margin-right: 15px;
    }
    .this_g_monru_num{
        font-size: 28px;
        margin-left: 5px;
        margin-bottom: 3px;
    }
    .ctn_txt{
        font-size: 28px;
    }
    .detail_txt{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .detail_lines, .good_fluid_lines, .back_good_lines{
        margin-top: 40px;
    }
    .detail_line {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .good_fluid, .back_good {
        margin-top: 40px;
    }
    .contact_us{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .contact_content{
        font-size: 24px;
        line-height: 32px;
    }
    .good_detail{
        height: 83px;
    }
    .shop_link, .detail_shop_cart_link{
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 17.5%;
    }
    .shop_link_gray{
        width: 38px;
        height: 37px;
        background: url('../img/shop_icon_gray.png') no-repeat;
        background-size: 100%;
    }
    .shop_link_txt{
        color: #8e8e8e;
        margin-top: 5px;
        font-size: 18px;
    }
    .detail_mycart_gray{
        width: 38px;
        height: 43px;
        background: url('../img/mycart_gray.png') no-repeat;
        background-size: 100%;
        position: relative;
    }
    .detail_mycart_txt{
        color: #8e8e8e;
        margin-top: 5px;
        font-size: 18px;
    }
    .detail_incart{
        top: 4%;
        right: -33%;
        padding: 5px;
    }
    .detail_addtoCart{
        font-size: 32px;
    }
    .detail_gobuy{
        font-size: 32px;
    }
    .status_addToCart{
        /* top: 21%; */
    }
    .basic_right {
        padding-top: 24px;
    }
    .basic_symbol{
        margin-top: 30px;
    }
    .choose_title{
        font-size: 24px;
    }
    .choose_arr{
        padding-top: 30px;
        padding-bottom: 16px;
    }
    .choose{
        font-size: 24px;
    }
    .select_num_title{
        font-size: 24px;
    }
    .select_block{
        font-size: 24px;
        width: 60px;
        height: 60px;
    }
    .bbtn{
        font-size: 32px;
        padding: 25px;
    }
    .light_close{
        width: 36px;
        height: 36px;
        right: 1%;
        top: 4%;
    }
}
/* 商品內頁的細節頁面 End============================ */
/* 購物車內頁 Start============================ */
.cart .content6, .order .content6{
    display: block;
}
.content6{
    position: relative;
    z-index: 1;
    width: 100%;
    display: none;
    /* overflow-y: auto; */
    /* background: white; */
    background: #f5f5f5;
    padding-bottom: 55px;
}
.del_taku .taku{

}
.del_none .upper{
    display: none !important;
}
.del_none .no_adress {
    margin-top: 0;
}
.cart_control_bar{
    display: flex;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #ffffff;
    border-bottom: 1px solid #e7e7e7;
}
.select_all1{
    margin-right: 5px !important;
}
.select_all1_label{
    color: #444444;
    font-size: 14px;
}
.del_taku .takus{
    display: flex;
}
.del_taku .shop_get{
    display: none;
}
.del_shop .takus{
    display: none;
}
.getman_detail{
    display: flex;
    color: #383838;
    margin-top: 20px;
    justify-content: flex-end;
}
.getman_name{
    color: #383838;
    margin-right: 5px;
}
.getman_tel{
    color: #8c8c8c;
}
.show_delete, .show_ok{
    color: #0a9bd5;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.select_all1_label{
    font-size: 14px;
}
.cart_content{

}
.cart_stripe_gp{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.cart_good_stripe{
    display: flex;
    background: #ffffff;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
}
.form-control-gropup{
    margin-right: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #444444;
}
.cart_single_stripe{
    margin-right: 0;
    width: 5%;
}
.cart_left_good_pic{
    width: calc(30% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}
.cart_right_good_part{
    width: 65%;
    display: flex;
    flex-direction: column;
}
.cart_good_title_line{
    font-size: 14px;
    margin-bottom: 8px;
}
.good_di{
    display: inline-flex;
    align-items: center;
    color: #8c8c8c;
    font-size: 12px;
}
.good_size_confirm{
    margin-bottom: 8px;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
}
.ad .ad_more{
    display: inline;
    width: 10px;
    margin-left: 5px;
    margin-top: 5px;
}
.ad_more {
    display: none;
}
.good_belong_shop{
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
}
.good_belong_shop::before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #8c8c8c;
    margin-right: 8px;
}
.cart_symbol{
    width: 100%;
    display: flex;
    align-items: center;
}
.cart_money_block{
    display: inline-flex;
}
.cart_real_money_line{
    display: inline-flex;
    align-items: center;
}
.cart_jp{
    width: 10px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #0a9bd5;
}
.cart_real_money_num{
    display: inline-flex;
    color: #0a9bd5;
    font-size: 12px;
    margin-left: 3px;
}
.cart_g_money_line{
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
}
.cart_g_money_line::before{
    content: '';
    width: 1px;
    height: 16px;
    background: #dedede;
    display: block;
    margin-right: 8px;
}
.cart_g_money{
    display: flex;
    align-items: center;
}
.cart_gsymbol{
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.cart_g_monru_num{
    display: inline-flex;
    color: #fe8d42;
    font-size: 12px;
    margin-left: 8px;
    vertical-align: bottom;
}
.cart_num_select{
    display: inline-flex;
    margin-left: auto;
}
.s_cart{
    width: 28px;
    height: 28px;
    margin-left: 0;
}
.select_this{
    display: block;
    content: url('../img/check_box.png');
    position:relative;
    -webkit-appearance: initial;
    width: 16px;
    height: 16px;
    outline: none;
    border: none;
}
.select_this:focus{
    outline: none;
    border: none;
}
.select_this:checked{
    content: url('../img/check_box_checked.png');
    -webkit-appearance: initial;
    width: 16px;
    height: 16px;
    outline: none;
    border: none;
}
.delete_this{
    color: #ffffff;
    background: #e95252;
    font-size: 14px;
    display: none;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 8%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    /* right: 8%; */
    transition: all .4s;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
}
.total_cart_nav{
    width: 100%;
    display: flex;
}
.buy_straght_cart_nav{
    width: 100%;
    display: flex;
}
.modify_cart_nav{
    width: 100%;
    display: none;
}
.downall{
    width: 30%;
    margin-right: 0;
}
.down_select_all_label{
    margin-left: 8px;
}
.total_money{
    width: 40%;
    display: flex;
    justify-content: center;
}
.total_money_arr{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.total_title{
    font-size: 12px;
}
.total_money_block{
    display: inline-flex;
}
.total_real_money_line{
    display: inline-flex;
    align-items: center;
}
.total_jp{
    width: 10px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #0a9bd5;
}
.total_real_money_num{
    display: inline-flex;
    color: #0a9bd5;
    font-size: 12px;
    margin-left: 3px;
}
.total_g_money_line{
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
}
.total_g_money_line::before{
    content: '';
    width: 1px;
    height: 16px;
    background: #dedede;
    display: block;
    margin-right: 8px;
}
.total_g_money{
    display: flex;
    align-items: center;
}
.total_gsymbol{
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.total_g_monru_num{
    display: inline-flex;
    color: #fe8d42;
    font-size: 12px;
    margin-left: 3px;
    vertical-align: bottom;
}
.total_g_money_line{
    display: inline-flex;
}
.next_step, .buy_straight{
    width: 30%;
}
.delete_step{
    width: 30%;
    background: #e95252;
    margin-left: auto;
}
.lightbox_cart_delete{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8004;
    width: 70%;
    padding: 15px 10px;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: none;
    flex-direction: column;
}
.delete_target_selector{
    display: none;
}
.lightbox_cart_delete_title{
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 35px;
    margin-bottom: 35px;
    color: #444444;
}
.lightbox_cart_delete_btns{
    width: 100%;
    display: flex;justify-content: space-around;
}
.light_btn{
    color: white;
    width: 45%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 20px;
    text-align: center;
    font-size: 14px;
}
.light_btn.cancel{
    background: -webkit-linear-gradient(left,#65cef5,#51bbf0);
    background: -o-linear-gradient(right,#65cef5,#51bbf0);
    background: -moz-linear-gradient(right,#65cef5,#51bbf0);
    background: linear-gradient(to right,#65cef5,#51bbf0);
}
.light_btn.makesure{
    background: -webkit-linear-gradient(left,#04a7e3,#0091da);
    background: -o-linear-gradient(right,#04a7e3,#0091da);
    background: -moz-linear-gradient(right,#04a7e3,#0091da);
    background: linear-gradient(to right,#04a7e3,#0091da);
}
.light_btn.b_OK{
    background: -webkit-linear-gradient(left,#04a7e3,#0091da);
    background: -o-linear-gradient(right,#04a7e3,#0091da);
    background: -moz-linear-gradient(right,#04a7e3,#0091da);
    background: linear-gradient(to right,#04a7e3,#0091da);
}
.no_list_in_cart{
    width: 100%;
    display: flex;
    display: none;
    height: 50vh;
    flex-wrap: wrap;
}
.no_list_in_mem {
    width: 100%;
    display: flex;
    height: 50vh;
    flex-wrap: wrap;
}
.no_list_title{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #383838;
    align-self: center;
    font-weight: bold;
}
.no_list_btn_link{
    width: 100%;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background: #ababab;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.no_list_btn{
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background: #ababab;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.cart_how_many{
    display: flex;
    margin-left: auto;
    color: #444444;
    /* font-size: 12px; */
}
.noProducts .no_list_in_cart{
    display: flex;
}
.noProducts .cart_control_bar,
.noProducts .cart_content,
.noProducts .modify_cart_nav{
    display: none;

}
@media screen and (min-width: 375px){
    .cart_control_bar{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .form-control-gropup{
        font-size: 18px;
    }
    .select_all1{
        margin-right: 8px !important;
    }
    .show_delete, .show_ok{
        font-size: 18px;
    }
    .select_all1_label{
        font-size: 18px;
    }
    .cart_good_title_line{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .good_di{
        font-size: 14px;
    }
    .good_size_confirm{
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .good_belong_shop{
        margin-bottom: 10px;
    }
    .good_belong_shop::before{
        height: 14px;
        margin-right: 10px;
    }
    .cart_jp{
        width: 15px;
        height: 15px;
        font-size: 20px;
    }
    .cart_real_money_num{
        font-size: 16px;
        /* margin-left: 5px; */
    }
    .cart_g_money_line{
        margin-left: 10px;
    }
    .cart_g_money_line::before{
        height: 16px;
        margin-right: 10px;
    }
    .cart_g_money{
        display: flex;
        align-items: center;
    }
    .cart_gsymbol{
        width: 16px;
        height: 16px;
    }
    .cart_g_monru_num{
        display: inline-flex;
        color: #fe8d42;
        font-size: 16px;
        margin-left: 10px;
        vertical-align: bottom;
    }
    .s_cart{
        width: 30px;
        height: 30px;
        margin-left: 0;
        font-size: 14px;
    }
    .total_title{
        font-size: 16px;
    }
    .total_jp{
        width: 15px;
        height: 15px;
        font-size: 18px;
    }
    .total_real_money_num{
        font-size: 16px;
        /* margin-left: 5px; */
    }
    .total_g_money_line{
        margin-left: 8px;
    }
    .total_g_money_line::before{
        height: 16px;
        margin-right: 8px;
    }
    .total_gsymbol{
        width: 16px;
        height: 16px;
    }
    .total_g_monru_num{
        font-size: 16px;
        /* margin-left: 5px; */
    }
    .lightbox_cart_delete_title{
        font-size: 16px;
    }
    .light_btn{
        font-size: 16px;
    }
    .delete_this{
        font-size: 16px;
    }

}
@media screen and (min-width: 414px){
    .delete_step{
        font-size: 22px;
    }
    .cart_control_bar{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .form-control-gropup{
        font-size: 20px;
    }
    .select_all1{
        margin-right: 8px !important;
    }
    .show_delete, .show_ok{
        font-size: 20px;
    }
    .select_all1_label{
        font-size: 20px;
    }
    .cart_good_title_line{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .good_di{
        font-size: 16px;
    }
    .good_size_confirm{
        margin-bottom: 12px;
        margin-right: 12px;
    }
    .good_belong_shop{
        margin-bottom: 12px;
    }
    .good_belong_shop::before{
        height: 16px;
        margin-right: 12px;
    }
    .cart_jp{
        width: 18px;
        height: 18px;
        font-size: 20px;
    }
    .cart_real_money_num{
        font-size: 18px;
        /* margin-left: 5px; */
    }
    .cart_g_money_line{
        margin-left: 12px;
    }
    .cart_g_money_line::before{
        height: 18px;
        margin-right: 12px;
    }
    .cart_gsymbol{
        width: 18px;
        height: 18px;
    }
    .cart_g_monru_num{
        font-size: 18px;
        margin-left: 12px;
    }
    .s_cart{
        width: 36px;
        height: 36px;
        margin-left: 0;
        font-size: 16px;
    }
    .delete_this{
        font-size: 20px;
    }
    .no_list_in_cart{
        height: 50vh;
    }
    .no_list_title{
        font-size: 22px;
    }
    .no_list_btn_link{
        width: 100%;
        height: 45px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .no_list_btn{
        font-size: 22px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

}
@media screen and (min-width: 480px){
    .cart_good_stripe {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .cart_control_bar{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .form-control-gropup{
        font-size: 20px;
    }
    .select_all1{
        margin-right: 8px !important;
    }
    .show_delete, .show_ok{
        font-size: 22px;
    }
    .select_all1_label{
        font-size: 22px;
    }
    .cart_good_title_line{
        font-size: 22px;
        margin-bottom: 14px;
    }
    .good_di{
        font-size: 18px;
    }
    .good_size_confirm{
        margin-bottom: 14px;
        margin-right: 14px;
    }
    .good_belong_shop{
        margin-bottom: 14px;
    }
    .good_belong_shop::before{
        height: 18px;
        margin-right: 14px;
    }
    .cart_jp{
        width: 18px;
        height: 18px;
        font-size: 20px;
    }
    .cart_real_money_num{
        font-size: 20px;
        /* margin-left: 5px; */
    }
    .cart_g_money_line{
        margin-left: 14px;
    }
    .cart_g_money_line::before{
        height: 20px;
        margin-right: 14px;
    }
    .cart_gsymbol{
        width: 20px;
        height: 20px;
    }
    .cart_g_monru_num{
        font-size: 20px;
        margin-left: 14px;
    }
    .s_cart{
        width: 32px;
        height: 32px;
        margin-left: 0;
        font-size: 18px;
    }
    .select_this, .select_this:checked{
        width: 18px;
        height: 18px;
        outline: none;
        border: none;
        background-color: #ffffff !important;
    }
    .lightbox_cart_delete{
        width: 60%;
    }
    .lightbox_cart_delete_title{
        font-size: 20px;
    }
    .light_btn{
        font-size: 20px;
    }
    .delete_this{
        font-size: 22px;
    }
    .no_list_in_cart{
        height: 60vh;
    }
    .no_list_in_mem {
        height: 60vh;
    }
    .no_list_title{
        font-size: 24px;
    }
    .no_list_btn_link{
        height: 50px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .no_list_btn{
        font-size: 24px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
}
@media screen and (min-width: 768px){
    .cart_good_stripe {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .ad .ad_more {
        display: inline;
        width: 18px;
        margin-left: 10px;
        margin-top: 10px;
    }
    .cart_left_good_pic{
        width: calc(30% - 40px);
        margin-right: 20px;
        margin-left: 20px;
    }
    .getman_name{
        margin-right: 12px;
    }
    .cart_control_bar{
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .form-control-gropup{
        font-size: 28px;
    }
    .select_all1{
        margin-right: 10px !important;
    }
    .show_delete, .show_ok{
        font-size: 28px;
    }
    .select_all1_label{
        font-size: 28px;
    }
    .cart_good_title_line{
        font-size: 28px;
        margin-bottom: 16px;
    }
    .good_di{
        font-size: 24px;
    }
    .good_size_confirm{
        margin-bottom: 16px;
        margin-right: 16px;
    }
    .good_belong_shop{
        margin-bottom: 16px;
    }
    .good_belong_shop::before{
        width: 2px;
        height: 24px;
        margin-right: 16px;
    }
    .cart_jp{
        width: 20px;
        height: 20px;
        font-size: 24px;
    }
    .cart_real_money_num{
        font-size: 24px;
        margin-left: 5px;
    }
    .cart_g_money_line{
        margin-left: 24px;
    }
    .cart_g_money_line::before{
        height: 24px;
        margin-right: 24px;
    }
    .cart_gsymbol{
        width: 20px;
        height: 20px;
    }
    .cart_g_monru_num{
        font-size: 24px;
        margin-left: 14px;
    }
    .s_cart{
        width: 50px;
        height: 50px;
        margin-left: 0;
        font-size: 20px;
    }
    .select_this, .select_this:checked{
        width: 22px;
        height: 22px;
        outline: none;
        border: none;
    }
    .total_title{
        font-size: 24px;
    }
    .total_jp{
        width: 20px;
        height: 20px;
        font-size: 26px;
    }
    .total_real_money_num{
        font-size: 26px;
        margin-left: 5px;
    }
    .total_g_money_line{
        margin-left: 16px;
    }
    .total_g_money_line::before{
        height: 26px;
        margin-right: 16px;
    }
    .total_gsymbol{
        width: 20px;
        height: 20px;
    }
    .total_g_monru_num{
        font-size: 26px;
        margin-left: 5px;
    }
    .lightbox_cart_delete{
        width: 60%;
        padding: 25px 10px;
    }
    .lightbox_cart_delete_title{
        font-size: 28px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .light_btn{
        font-size: 28px;
    }
    .delete_this{
        font-size: 28px;
    }
    .no_list_in_cart{
        height: 70vh;
    }
    .no_list_in_mem {
        height: 70vh;
    }
    .no_list_title{
        font-size: 32px;
    }
    .no_list_btn_link{
        height: 70px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .no_list_btn{
        font-size: 32px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .content6{
        padding-bottom: 100px;
    }
}
/* 購物車內頁 End============================ */
/* 訂單資訊內頁 Start============================ */
.order .cart_control_bar .form-control-gropup,
.order .cart_control_bar .show_delete {
    display: none;
}
.order .cart_content .cart_good_stripe .cart_single_stripe{
    display: none;
}

.order_control_bar_content{
    width: 100%;
    display: flex;
    align-items: center;
}
.order_shop_icon {
    width: calc(20px * 0.6);
    height: calc(26px * 0.6);
    background-size: 100%;
}
.order_tilte{
    /* font-size: 12px; */
    color: #444444;
    font-weight: bold;
    margin-left: 7px;
}
.order_delivery_way{
    width: 100%;
    display: flex;
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 7px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.order_left_part{
    margin-right: auto;
    display: inline-flex;
    align-items: center;
    align-items: flex-start;
}
.order_left_deliver_icon{
    width: calc(26px * 0.6);
    height: calc(18px * 0.6);
    background-size: 100%;
    margin-right: 5px;
}
.order_left_deliver_title{
    font-weight: bold;
    /* font-size: 12px; */
    color: #444444;
}
.order_right_part {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 70%;
}
.upper{
    display: inline-flex;
    align-items: center;
    color: #444444;
    align-self: flex-end;
}
.deliver_pay{
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
}
.deliver_pay_num {
    margin-left: 5px;
}
.right_arrow_icon{
    width: calc(14px * 0.4);
    height: calc(26px * 0.4);
    margin-left: 5px;
}
.no_adress, .down_address {
    color: #acacac;
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

.order_paid_detail{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 8px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.payinfodin.wp .wei_paid{
    display: flex !important;
}
.payinfodin.wp .game_paid {
    display: none !important;
}
.payinfodin.gp .game_paid {
    display: flex !important;
}
.payinfodin.gp .wei_paid {
    display: none !important;
}
.payinfodin.wp .wei_paid.noneo,
.payinfodin.wp .game_paid.noneo{
    display: none !important;
}
.payinfodin.gp .game_paid.noneo,
.payinfodin.gp .wei_paid.noneo{
    display: none !important;
}
.payinfodin.wp .init.noneod,
.payinfodin.gp .init.noneod {
    display: none !important;
}
.px-order{
    padding-left: 32px;
    padding-right: 10px;
    margin-bottom: 8px;
}
.order_paid_left {
    margin-right: auto;
}
.order_paid_right{
    display: inline-flex;
    align-items: center;
}
.order_paid_dreal{
    display: inline-flex;
}
.game_paid {
    display: none;
}
.game_paid .order_paid_num_right_icon{
    width: 10px;
    height: 10px;
    display: inline-flex;
    align-items: center;
}
.game_paid .order_paid_num_right_num{
    color: #fe8d42;
}
.order_paid_upper{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-bottom: 1px solid #e7e7e7;
}
.order_paid_upper_title{
    font-weight: bold;
    margin-bottom: 12px;
}
.order_paid_upper_title_indside{
    display: inline-block;
    position: relative;
}
.order_paid_upper_title_indside::before {
    content: '';
    display: inline-block;
    width: calc(23px * 0.6);
    height: calc(16px * 0.6);
    background: url('../img/order_paid_left.png') no-repeat;
    background-size: 100%;
    position: absolute;
    left: -22px;
    top: 50%;
    transform: translateY(-50%);
}
.order_paid_way,
.order_paid_num,
.order_paid_delicer_fee,
.order_paid_total_line {
    width: 100%;
    display: inline-flex;
    align-items: center;
}
.order_paid_total_line {
    margin-top: 10px;
    margin-bottom: 0;
}

.order_paid_way_right_icon{
    width: calc(14px * 0.4);
    height: calc(26px * 0.4);
    margin-left: 5px;
}
.order_paid_num_right_num,
.order_paid_delicer_fee_num {
    margin-left: 5px;
}
.order_paid_total_line{
    font-weight: bold;
}
.order_paid_total_icon,
.order_paid_total_num{
    color: #0a9bd5;
}
.order_paid_total_num{
    margin-left: 5px;
}
.lightbox_whichmoney{
    /* bottom:0; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
}
.which-py{
    padding-top: 15px;
    padding-bottom: 15px;
}
.whichmoney_title{
    padding-top: 0px;
    padding-bottom: 20px;
    font-weight: bold;
}
.weishin_paid{
    border-bottom: 1px solid #e7e7e7;
}
.whichmoney_option.selected{
    background: #b7b6b6;
}
.order .order_cart_nav{
    display: flex;
}
.order_cart_nav{
    display: none;
}
.lightbox_pay{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8004;
    width: 70%;
    padding: 20px 10px;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    display: none;
    flex-direction: column;
    align-items: center;
}
.pay_icon{
    width: calc(126px * 0.5);
    height: calc(126px * 0.5);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.lightbox_pay_title{
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 20px;
}
.wechat_loading_gif{
    width: calc(200px * 0.25);
    height: calc(200px * 0.25);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 375px) {
    .order_delivery_way,
    .order_paid_detail {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .order_left_deliver_icon {
        width: calc(26px * 0.7);
        height: calc(18px * 0.7);
    }
    .order_paid_upper_title_indside::before {
        width: calc(23px * 0.7);
        height: calc(16px * 0.7);
        left: -22px;
    }
    .order_shop_icon {
        width: calc(20px * 0.7);
        height: calc(26px * 0.7);
    }
    .px-order {
        margin-bottom: 10px;
    }
    .order_paid_upper_title {
        margin-bottom: 16px;
    }
    .order_paid_total_line {
        margin-top: 16px;
        margin-bottom: 0;
    }
    .deliver_pay {
        margin-left: 8px;
    }
    .right_arrow_icon {
        width: calc(14px * 0.5);
        height: calc(26px * 0.5);
        /* margin-left: 11px; */
    }
    .order_paid_way_right_icon {
        width: calc(14px * 0.5);
        height: calc(26px * 0.5);
        margin-left: 8px;
    }
    .lightbox_whichmoney{
        padding-top: 20px;
    }
    .which-py{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .whichmoney_title{
        padding-top: 0px;
        padding-bottom: 25px;
    }
    .game_paid .order_paid_num_right_icon{
        width: 14px;
        height: 14px;
    }
    .lightbox_pay{
        padding: 30px 10px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .pay_icon{
        width: calc(126px * 0.55);
        height: calc(126px * 0.55);
    }
    .lightbox_pay_title{
        margin-top: 30px;
        margin-bottom: 25px;
    }
    .wechat_loading_gif{
        width: calc(200px * 0.25);
        height: calc(200px * 0.25);
    }
}

@media screen and (min-width: 414px) {
    .order_shop_icon{
        width: calc(20px * 0.8);
        height: calc(26px * 0.8);
    }
    .order_left_deliver_icon {
        width: calc(26px * 0.8);
        height: calc(18px * 0.8);
    }
    .order_paid_upper_title_indside::before {
        width: calc(23px * 0.8);
        height: calc(16px * 0.8);
        left: -22px;
    }
    .deliver_pay {
        margin-left: 8px;
    }

    .right_arrow_icon {
        width: calc(14px * 0.6);
        height: calc(26px * 0.6);
        margin-left: 8px;
    }

    .order_paid_way_right_icon {
        width: calc(14px * 0.6);
        height: calc(26px * 0.6);
        margin-left: 8px;
    }
    .lightbox_whichmoney{
        padding-top: 30px;
    }
    .which-py{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .whichmoney_title{
        padding-top: 0px;
        padding-bottom: 35px;
    }
    .game_paid .order_paid_num_right_icon{
        width: 16px;
        height: 16px;
    }
}

@media screen and (min-width: 480px) {
    .order_shop_icon {
        width: calc(20px * 0.9);
        height: calc(26px * 0.9);
    }

    .order_left_deliver_icon {
        width: calc(26px * 0.9);
        height: calc(18px * 0.9);
    }

    .order_paid_upper_title_indside::before {
        width: calc(23px * 0.9);
        height: calc(16px * 0.9);
        left: -22px;
    }
    .deliver_pay {
        margin-left: 10px;
    }

    .right_arrow_icon {
        width: calc(14px * 0.7);
        height: calc(26px * 0.7);
        margin-left: 10px;
    }

    .order_paid_way_right_icon {
        width: calc(14px * 0.7);
        height: calc(26px * 0.7);
        margin-left: 10px;
    }
    .game_paid .order_paid_num_right_icon{
        width: 18px;
        height: 18px;
    }
    .lightbox_pay{
        padding: 40px 15px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .pay_icon{
        width: calc(126px * 0.75);
        height: calc(126px * 0.75);
    }
    .lightbox_pay_title{
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .wechat_loading_gif{
        width: calc(200px * 0.3);
        height: calc(200px * 0.3);
    }
}

@media screen and (min-width: 768px) {
    .px-order {
        padding-left: 48px;
        padding-right: 20px;
        /* margin-bottom: 16px; */
    }
    .order_paid_upper_title {
        margin-bottom: 20px;
    }
    .order_delivery_way,
    .order_paid_detail {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .order_shop_icon {
        width: 20px;
        height: 26px;
    }

    .order_left_deliver_icon {
        width: 26px;
        height: 18px;
    }

    .order_paid_upper_title_indside::before {
        width: 23px;
        height: 16px;
        left: -30px;
    }
    .deliver_pay {
        margin-left: 10px;
    }

    .right_arrow_icon {
        width: calc(14px * 0.9);
        height: calc(26px * 0.9);
        margin-left: 10px;
    }

    .order_paid_way_right_icon {
        width: calc(14px * 0.9);
        height: calc(26px * 0.9);
        margin-left: 10px;
    }
    .lightbox_whichmoney{
        padding-top: 25px;
    }
    .which-py{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .whichmoney_title{
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .lightbox_whichmoney{
        padding-top: 35px;
    }
    .which-py{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .whichmoney_title{
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .game_paid .order_paid_num_right_icon{
        width: 20px;
        height: 20px;
    }
    .lightbox_pay{
        padding: 60px 35px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .pay_icon{
        width: calc(126px * 1);
        height: calc(126px * 1);
    }
    .lightbox_pay_title{
        margin-top: 80px;
        margin-bottom: 70px;
    }
    .wechat_loading_gif{
        width: calc(200px * 0.5);
        height: calc(200px * 0.5);
    }
}
/* 訂單資訊內頁 End============================ */
/* 配送方式內頁 Start============================ */
.derivery_way .deliver_way_next_nav{
    display: flex;
}
.deliver_way_next_nav{
    display: none;
}
.derivery_way .content7{
    display: block;
}
.content7{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    padding-bottom:65px;
}
.main_stripe{
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: white;
    display: flex;
    height: 50px;
    margin-bottom: 8px;
}
.takubin{
    margin-bottom: 0;
}
.front_color_div{
    background: #ababab;
    width: 8px;
}
.selected .front_color_div{
    background: -webkit-linear-gradient(#09b3f2,#0091da);
    background: -o-linear-gradient(#09b3f2,#0091da);
    background: -moz-linear-gradient(#09b3f2,#0091da);
    background: linear-gradient(#09b3f2,#0091da);
}
.right_text_div{
    display: inline-flex;
    align-items: center;
}
.deliver_option{
    display: inline-flex;
    align-items: center;
}
.blue_hook{
    display: none;
    align-self: center;
    margin-left: auto;
    width: calc(38px * 0.5);
    height: calc(30px * 0.5);
}
.selected .blue_hook{
    display: flex;
}
.deliver_title{
    color: #444444;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 10px;
}
.deliver_cost{
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    color: #0a9bd5;
}
.shop_deli_red_txt{
    color: #eb4d4d;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
}
.new_address_takubin{
    background: white;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    color: #0a9bd5;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    transition: all 0.4s;
    display: block;
    position: relative;
    bottom: 0;
}

.address_div{
    background: white;
    display: none;
    position: relative;
    bottom: 0;
}
.address_stripe{
    border-bottom: 1px solid #e7e7e7;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    display: flex;
}
.address_chkbox_div{
    margin-right: 10px;
}
.adress_right{
    color: #8c8c8c;
}
.address_line{
    margin-top: 8px;
}
.address_chkbox{
    display: block;
    content: url(../img/check_box.png);
    position: relative;
    -webkit-appearance: initial;
    width: 14px;
    height: 14px;
    margin-top: 0 !important;
}
.address_chkbox:checked{
    content: url(../img/check_box_checked.png);
    -webkit-appearance: initial;
    width: 14px;
    height: 14px;
}
/* .store .store-get{
    display: flex;
}
.store-get{
    display: none;
}
.taku .takubin{
    display: flex;
}
.taku .address_div{
    display: block;
}
.taku .new_address_takubin{
    display: block;
}
.takubin, .address_div, .new_address_takubin{
    display: none;
} */
.taku .address_div, .taku .taku_link{
    display: block;
}
.taku .storered{
    display: flex;
}
.store .takured{
    display: flex;
}
.takured{
    display: none;
}
.storered{
    display: none;
}
.taku_link{
    display: none;
}
.store{

}
@media screen and (min-width: 375px){
    .main_stripe{
        margin-bottom: 10px;
    }
    .takubin{
        margin-bottom: 0;
    }
    .new_address_takubin{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .address_line{
        margin-top: 10px;
    }
    .address_stripe{
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media screen and (min-width: 414px){
    .new_address_takubin{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .blue_hook{
        width: calc(38px * 0.6);
        height: calc(30px * 0.6);
    }
    .address_stripe{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .address_line{
        margin-top: 12px;
    }
}
@media screen and (min-width: 480px){
    .main_stripe{
        height: 60px;
    }
    .blue_hook{
        width: calc(38px * 0.7);
        height: calc(30px * 0.7);
    }
    .address_chkbox{
        width: 20px;
        height: 20px;
    }
    .address_chkbox:checked{
        width: 20px;
        height: 20px;
    }
}
@media screen and (min-width: 768px){
    .content7{
        padding-bottom: 105px;
    }
    .main_stripe{
        height: 80px;
    }
    .front_color_div{
        width: 16px;
    }
    .blue_hook{
        width: calc(38px * 0.9);
        height: calc(30px * 0.9);
    }
    .address_chkbox{
        width: 24px;
        height: 24px;
        margin-top: 3px;
    }
    .address_chkbox:checked{
        width: 24px;
        height: 24px;
    }
    .address_stripe{
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .new_address_takubin{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .shop_deli_red_txt {
        font-size: 16px;
        margin-left: 16px;
    }
}
/* 配送方式內頁 End============================ */
/* 所有的新增地址頁面 Start============================ */
.new_address .new_adress_btn_div{
    display: flex;
}
.new_address .content8{
    display: block;
}
.new_adress_btn_div{
    display: none;
}
.content8{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    padding-bottom:65px;
}
.new_address_form_group{
    width: 100%;
    background: #ffffff;
    display: inline-flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}
.odin_select_group{
    height: 40px;
}
.new_address_labeldiv{
    width: 35%;
    font-weight: bold;
    color: #383838;
}
.new_address_inputdiv{
    width: 65%;
    color: #383838;
}
.new_address_select{
    width: 65%;
    color: #383838;
}

.new_address_inputdiv input{
    width: 100%;
    outline: none;
    border: none;
}
.new_address_inputdiv.plus_arrow{
    display: inline-flex;
}
.new_address_inputdiv.plus_arrow input{
    width: calc(100% - 8px);
    outline: none;
    border: none;
}
.new_address_inputdiv.plus_arrow .right_arrow_icon2{
    width: 8px;
}
.new_address_inputdiv input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8c8c8c;
}
.new_address_inputdiv input::-moz-placeholder { /* Firefox 19+ */
  color: #8c8c8c;
}
.new_address_inputdiv input:-ms-input-placeholder { /* IE 10+ */
  color: #8c8c8c;
}
.new_address_inputdiv input:-moz-placeholder { /* Firefox 18- */
  color: #8c8c8c;
}
.new_address_inputdiv.detail_address{
    width: 100%;
    margin-top: 5px;
}
.status_getmanfile{
    /* display: block; */
    width: 70%;
    padding: 20px 15px;
}
@media screen and (min-width: 375px){
    .new_address_form_group{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .status_getmanfile{
        /* top: 41%; */
    }
    .odin_select_group{
        height: 45px;
    }
}
@media screen and (min-width: 414px){
    .new_address_form_group{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .status_getmanfile{
        /* top: 43%; */
    }
    .odin_select_group{
        height: 52px;
    }
    .odin_select{
        height:23px;
    }
}
@media screen and (min-width: 480px){
    .new_address_form_group{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .new_address_inputdiv.detail_address {
        margin-top: 10px;
    }
    .status_getmanfile{
        /* top: 45%; */
    }
    .odin_select_group{
        height: 59px;
    }
    .odin_select{
        height:26px;
    }
}
@media screen and (min-width: 768px){
    .content8{
        padding-bottom:105px;
    }
    .new_address_form_group{
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .status_getmanfile{
        /* top: 43%; */
    }
    .odin_select_group{
        height: 70px;
    }
    .odin_select{
        height:33px;
    }
}
/* 所有的新增地址頁面 End============================ */
/* 購物流程-宅配-新增會員內頁 Start============================ */
.new_member .content9{
    display: block;
}
.new_member .new_member_btn_div{
    display: flex;
}
.new_member_btn_div{
    display: none;
}
.content9{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    padding-bottom:65px;
}
.blue_alert{
    width: 100%;
    height: 35px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    color: #0a9bd5;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
}
.new_member_form_group, .mnc_form_group{
    width: 100%;
    background: #ffffff;
    display: inline-flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}
.member_labeldiv{
    width: 15%;
    font-weight: bold;
    color: #383838;
}
.mnc_labeldiv{
    width: 20%;
    font-weight: bold;
    color: #383838;
}
.member_labeldiv label{
    display: block;
    width: 100%;
}
.new_member_inputdiv{
    width: 80%;
    color: #383838;
}
.mnc_inputdiv{
    width: 80%;
    color: #383838;
}
.new_member_inputdiv input, .mnc_inputdiv input{
    width: 100%;
    outline: none;
    border: none;
}
.new_member_nickname,
.new_member_email,
.new_member_cellphone,
.set_getman_getman,
.set_getman_phone,
.new_address_detail_address,
.new_address_post_num2,
.new_address_post_num,
.odin_select,
.new_address_get_man_phone,
.new_address_get_man
{
    height: 18px !important;
    line-height: 18px !important;
}
.status_newMember,
.status_nickname,
.status_email,
.status_emailErr,
.status_email_repeat,
.status_phone,
.status_phoneErr,
.status_address,
.status_getMan,
.status_getMan_phone,
.status_province,
.status_city,
.status_area,
.status_street,
.status_detail_address,
.status_setgetman,
.status_setgetman_phone,
.status_nadd,
.status_ngi,
.status_gminfo,
.status_pay{
    /* display: block; */
    width: 70%;
    padding: 20px 15px;
    top: 43%;
    transform: translateX(-50%);
}

.lightbox_link_to_weishinPaid, .lightbox_link_to_gamePaid{
    width: 90%;
    background: white;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    position: absolute;
    padding: 60px 20px;
    top: 50%;
    left: 50%;
    transform :translate(-50%, -50%);
    z-index: 8004;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transition: all .4s;
}
.lightbox_link_to_gamePaid{
    /* display: flex; */
}
.weishin_icon{
    align-self: center;
    width: calc(161px * 0.4);
    height: calc(134px * 0.4);
}
.game_icon{
    align-self: center;
    width: calc(161px * 0.4);
    height: calc(117px * 0.4);
}
.de_txt{
    align-self: center;
    color: #383838;
    font-weight: bold;
    margin-top: 20px;
}
.gif{
    align-self: center;
    width: calc(71px * 0.6);
    height: calc(12px * 0.6);
    margin-top: 20px;
}
@media screen and (min-width: 375px){
    .new_member_form_group, .mnc_form_group{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .lightbox_link_to_weishinPaid{
        padding: 65px 20px;
    }
    .lightbox_link_to_gamePaid{
        padding: 65px 20px;
    }
    .weishin_icon{
        width: calc(161px * 0.5);
        height: calc(134px * 0.5);
    }
    .game_icon{
        width: calc(161px * 0.5);
        height: calc(117px * 0.5);
    }
    .de_txt{
        margin-top: 30px;
    }
    .gif{
        width: calc(71px * 0.7);
        height: calc(12px * 0.7);
        margin-top: 30px;
    }
    .new_member_nickname,
    .new_member_email,
    .new_member_cellphone,
    .set_getman_getman,
    .set_getman_phone,
    .new_address_detail_address,
    .new_address_post_num2,
    .new_address_post_num,
    .odin_select,
    .new_address_get_man_phone,
    .new_address_get_man
    {
        height: 26px !important;
        line-height: 22px !important;
    }
}
@media screen and (min-width: 414px){
    .blue_alert{
        height: 46px;
    }
    .new_member_form_group, .mnc_form_group{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .lightbox_link_to_weishinPaid{
        padding: 65px 20px;
    }
    .lightbox_link_to_gamePaid{
        padding: 65px 20px;
    }
    .weishin_icon{
        width: calc(161px * 0.6);
        height: calc(134px * 0.6);
    }
    .game_icon{
        width: calc(161px * 0.6);
        height: calc(117px * 0.6);
    }
    .de_txt{
        margin-top: 35px;
    }
    .gif{
        width: calc(71px * 0.7);
        height: calc(12px * 0.7);
        margin-top: 35px;
    }

}
@media screen and (min-width: 480px){
    .new_member_form_group, .mnc_form_group{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .lightbox_link_to_weishinPaid{
        padding: 80px 20px;
    }
    .lightbox_link_to_gamePaid{
        padding: 80px 20px;
    }
    .weishin_icon{
        width: calc(161px * 0.7);
        height: calc(134px * 0.7);
    }
    .game_icon{
        width: calc(161px * 0.7);
        height: calc(117px * 0.7);
    }
    .de_txt{
        margin-top: 35px;
    }
    .gif{
        width: calc(71px * 0.8);
        height: calc(12px * 0.8);
        margin-top: 35px;
    }
    .new_member_nickname,
    .new_member_email,
    .new_member_cellphone,
    .set_getman_getman,
    .set_getman_phone,
    .new_address_detail_address,
    .new_address_post_num2,
    .new_address_post_num,
    .odin_select,
    .new_address_get_man_phone,
    .new_address_get_man
    {
        height: 26px !important;
        line-height: 26px !important;
    }
}
@media screen and (min-width: 768px){
    .content9{

    }
    .blue_alert{
        height: 70px;
    }
    .new_member_form_group, .mnc_form_group{
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .lightbox_link_to_weishinPaid{
        padding: 100px 20px;
    }
    .lightbox_link_to_gamePaid{
        padding: 100px 20px;
    }
    .weishin_icon{
        width: 161px;
        height: 134px;
    }
    .game_icon{
        width: 161px;
        height: 117px;
    }
    .de_txt{
        margin-top: 60px;
    }
    .gif{
        width: 71px;
        height: 12px;
        margin-top: 60px;
    }
    .new_member_nickname,
    .new_member_email,
    .new_member_cellphone,
    .set_getman_getman,
    .set_getman_phone,
    .new_address_detail_address,
    .new_address_post_num2,
    .new_address_post_num,
    .odin_select,
    .new_address_get_man_phone,
    .new_address_get_man
    {
        height: 35px !important;
        line-height: 35px !important;
    }
}
/* 購物流程-宅配-新增會員內頁 End============================ */
/* 購物流程-門市取貨-設定收件人內頁 Start============================ */
.set_getman .content10{
    display: block;
}
.content10{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    padding-bottom:65px;
}
.set_getman_form_group{
    width: 100%;
    background: #ffffff;
    display: inline-flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}
.set_getman_labeldiv{
    width: 30%;
    font-weight: bold;
    color: #383838;
}
.set_getman_labeldiv label{
    display: block;
    width: 100%;
}
.set_getman_inputdiv{
    width: 70%;
    color: #383838;
}
.set_getman_inputdiv input{
    width: 100%;
    outline: none;
    border: none;
}
.status_set_getman{
    /* display: block; */
    width: 70%;
    padding: 20px 15px;
}
@media screen and (min-width: 375px){
    .set_getman_form_group{
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media screen and (min-width: 414px){
    .set_getman_form_group{
        padding-top: 14px;
        padding-bottom: 14px;
    }
}
@media screen and (min-width: 480px){
    .set_getman_form_group{
        padding-top: 16px;
        padding-bottom: 16px;
    }
}
@media screen and (min-width: 768px){
    .content10{
        padding-bottom:105px;
    }
    .set_getman_form_group{
        padding-top: 18px;
        padding-bottom: 18px;
    }
}
/* 購物流程-門市取貨-設定收件人內頁 End============================ */
/* 會員中心內頁 Start============================ */
.member .content11{
    display: block;
}
.content11{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    padding-bottom: 65px;
}
.member .general, .shop_info .general{
    display: flex;
}
.mem_banner{
    background: url('../img/membg.png') no-repeat;
    background-size: 100%;
    background-position: center;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
}
.white_circle{
    background: #ffffff;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 999rem;
    -moz-border-radius: 999rem;
    border-radius: 999rem;
    /* position: relative; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 14px 2px rgba(41,179,236,0.2);
    -moz-box-shadow: 0px 0px 14px 2px rgba(41,179,236,0.2);
    box-shadow: 0px 0px 14px 2px rgba(41,179,236,0.2);
}
.txts{
    color: #13a3e9;
    line-height: 1.3;
}
.down_line{
    display: inline-flex;
    justify-content: center;
    margin-top: 10px;
}
.game_money{
    display: inline-flex;
    justify-content: center;
    color: #fe8d42;

}
.gimg{
    width: calc(24px * 0.6);
    height: calc(24px * 0.6);
    margin-right: 5px;
}
.store_value{
    margin-left: 10px;
    border: 1px solid #fd9655;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.store_value_img{
    margin-left: 6px;
    width: calc(92px * 0.6);
    height: calc(26px * 0.6);
    align-self: center;
    /* margin-top: 4px; */
}
.unlogin{
    width: 100%;
    /* display: flex; */
    /* background-color: #ffffff; */
    /* opacity: 0; */
    position: relative;
}
.unlogin_mask{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #ffffff;
    opacity: 0;
    z-index: -1;
}
.unlog .unlogin_mask{
    opacity: 0.6;
    z-index: 8050;
}
.icon_box{
    background: #ffffff;
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
}
.icon_btn{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.icon_txt{
    margin-top: 8px;
}
.icon_set{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.icon_deli{
    width: calc(70px * 0.6);
    height: calc(47px * 0.6);
}
.icon_out{
    width: calc(50px * 0.6);
    height: calc(50px * 0.6);
}
.icon_wait_get{
    width: calc(51px * 0.6);
    height: calc(50px * 0.6);
}
.icon_got{
    width: calc(51px * 0.6);
    height: calc(50px * 0.6);
}
.rtNum{
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    background: #05a4e7;
    color: #ffffff;
    position: absolute;
    top: -20%;
    right: -20%;
    font-size: 12px;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    border-radius: 999em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.member_link{
    display: flex;
    text-decoration: none;
    background-color: #ffffff;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    height: 40px;
    align-items: center;
}
.mem_linkdiv{
    width: 100%;
}
.link_content{
    display: flex;
    width: 100%;
}
.link_title{
    color: #535353;
    /* margin-right: auto; */
}
.link_right_arrow{
    width: calc(14px * 0.6);
    height: calc(26px * 0.6);
    margin-left: auto;
}
.front_icon:nth-child(1){
    width: calc(18px * 0.7);
    height: calc(24px * 0.7);
    margin-right: 10px;
}
.front_icon:nth-child(2){
    width: calc(21px * 0.8);
    height: calc(24px * 0.8);
    margin-right: 10px;
}
.front_icon:nth-child(3){
    width: calc(25px * 0.8);
    height: calc(25px * 0.8);
    margin-right: 10px;
}
.front_icon:nth-child(4){
    width: calc(24px * 0.8);
    height: calc(24px * 0.8);
    margin-right: 10px;
}
.front_icon:nth-child(5){
    width: calc(23px * 0.8);
    height: calc(26px * 0.8);
    margin-right: 10px;
}
.fourbtn{
    text-decoration: none;
    color: #535353;
    display: block;
    width: 25%;
}
.gift .got_gift{
    display: flex;
}
.got_gift{
    display: none;
    width: calc(121px * 0.5);
    height: calc(30px * 0.5);
    align-self: center;
    margin-left: 5px;
}
@media screen and (min-width: 375px){
    .store_value_img{
        margin-left: 6px;
        width: calc(92px * 0.7);
        height: calc(26px * 0.7);
        align-self: center;
        margin-top: 2px;
    }
    .got_gift{
        width: calc(121px * 0.6);
        height: calc(30px * 0.6);
        margin-left: 7px;
    }
}
@media screen and (min-width: 414px){
    .member_link {
        height: 45px;
    }
    .front_icon:nth-child(1){
        width: calc(18px * 0.8);
        height: calc(24px * 0.8);
        margin-right: 10px;
    }
    .front_icon:nth-child(2){
        width: calc(21px * 0.9);
        height: calc(24px * 0.9);
        margin-right: 10px;
    }
    .front_icon:nth-child(3){
        width: calc(25px * 0.9);
        height: calc(25px * 0.9);
        margin-right: 10px;
    }
    .front_icon:nth-child(4){
        width: calc(24px * 0.9);
        height: calc(24px * 0.9);
        margin-right: 10px;
    }
    .front_icon:nth-child(5){
        width: calc(23px * 0.9);
        height: calc(26px * 0.9);
        margin-right: 10px;
    }
    .icon_txt{
        margin-top: 10px;
    }
    .store_value_img{
        margin-left: 6px;
        width: calc(92px * 0.8);
        height: calc(26px * 0.8);
        align-self: center;
        margin-top: 2px;
    }
}
@media screen and (min-width: 480px){
    .white_circle {
        width: 100px;
        height: 100px;
    }
}
@media screen and (min-width: 768px){
    .fmg{
        margin-top: 5px;
    }
    .icon_set{

    }
    .icon_txt{
        font-size: 24px;
        margin-top: 16px;
    }
    .icon_deli{
        width: calc(70px * 1);
        height: calc(47px * 1);
    }
    .icon_out{
        width: calc(50px * 1);
        height: calc(50px * 1);
    }
    .icon_wait_get{
        width: calc(51px * 1);
        height: calc(50px * 1);
    }
    .icon_got{
        width: calc(51px * 1);
        height: calc(50px * 1);
    }
    .link_title {
        font-size: 24px;
    }
    .member_link {
        height: 60px;
    }
    .front_icon:nth-child(1){
        width: calc(18px * 0.9);
        height: calc(24px * 0.9);
        margin-right: 10px;
        align-self: center;
    }
    .front_icon:nth-child(2){
        width: calc(21px * 1);
        height: calc(24px * 1);
        margin-right: 10px;
    }
    .front_icon:nth-child(3){
        width: calc(25px * 1);
        height: calc(25px * 1);
        margin-right: 10px;
    }
    .front_icon:nth-child(4){
        width: calc(24px * 1);
        height: calc(24px * 1);
        margin-right: 10px;
    }
    .front_icon:nth-child(5){
        width: calc(23px * 1);
        height: calc(26px * 1);
        margin-right: 10px;
    }
    .icon_txt{
        margin-top: 10px;
    }
    .white_circle {
        width: 150px;
        height: 150px;
    }
    .store_value_img{
        margin-left: 6px;
        width: calc(92px * 1);
        height: calc(26px * 1);
        align-self: center;
        margin-top: 3px;
    }
    .gimg{
        width: calc(24px * 1);
        height: calc(24px * 1);
        margin-right: 5px;
        margin-top: 2px;
    }
    .link_right_arrow {
        width: calc(14px * 1);
        height: calc(26px * 1);
        margin-left: auto;
    }
    .rtNum {
        padding: 4px;
        font-size: 16px;
        width: 30px;
        height: 30px;
    }
    .got_gift{
        width: calc(121px * 1);
        height: calc(30px * 1);
        margin-left: 12px;
    }
}
/* 會員中心內頁 End============================ */
/* 會員中心-全部訂單Start============================ */
.mem_all_order .content12{
    display: block;
}
.content12{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    /* padding-bottom: 65px;  */
}
.all_order_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.single_order{
    background-color: #ffffff;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 10px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.single_order_status{
    display: flex;
    border-bottom: 1px solid #e7e7e7;
    height: 30px;
    align-items: center;
}
.single_order_status_right{
    color: #0a9bd5;
    margin-left: auto;
}
.single_order_good_stripe{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e7e7e7;
    padding-left: 0 !important;
}
.single_order_good_stripe_left_img{
    width: 29%;
}
.single_order_good_stripe_left_img.modos{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.single_order_good_stripe_right_txt{
    width: 69%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 2%;
}
.single_order_good_stripe_title{
    width: 100%;
     word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.single_order_good_stripe_mid{
    display: inline-flex;
    margin-top: 15px;
    color: #8c8c8c;
}
.single_order_good_stripe_cate{
    margin-right: auto;
    display: inline-flex;
    align-items: center;
}
.single_order_good_stripe_cate_color{
    margin-right: 8px;
}
.single_order_good_stripe_cate_shop{
    display: inline-flex;
    align-items: center;
}
.single_order_good_stripe_cate_shop::before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #8c8c8c;
    margin-right: 8px;
}
.single_order_good_stripe_money{
    width: 100%;
    display: inline-flex;
    justify-content: flex-end;
    margin-top: 15px;
}
.single_order_good_stripe_money_symbol_g, .single_order_good_bottom_status_total_money_g{
    width: calc(24px * 0.5);
    height: calc(24px * 0.5);
    margin-right: 5px;
}
.single_order_good_stripe_money_num_g, .single_order_good_bottom_status_total_money_num_g{
    color: #fe8d42;
}
.single_order_good_stripe_money_symbol,
.single_order_good_bottom_status_total_money,
.single_order_good_bottom_status_total_money_s {
    margin-right: 5px;
    color: #0a9bd5;
}
.single_order_good_stripe_money_num, .single_order_good_bottom_status_total_money_num{
    color: #0a9bd5;
}
.real .single_order_good_stripe_money_symbol_g,
.real .single_order_good_stripe_money_num_g,
.real .single_order_good_bottom_status_total_money_g,
.real .single_order_good_bottom_status_total_money_num_g{
    display: none;
}
.game .single_order_good_stripe_money_symbol,
.game .single_order_good_stripe_money_num,
.game .single_order_good_bottom_status_total_money_s,
.game .single_order_good_bottom_status_total_money_sym,
.game .single_order_good_bottom_status_total_money_num{
    display: none;
}
.single_order_good_check_good{
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #adacac;
    border-bottom: 1px solid #e7e7e7;
    text-decoration: none;
}
.single_order_good_check_good:foucus,
.single_order_good_check_good:active,
.single_order_good_check_good:visited,
.single_order_good_check_good:link,
.single_order_good_check_good:hover{
    color: #adacac;
}
.single_order_good_bottom_status{
    display: inline-flex;
    height: 30px;
    align-items: center;
}
.single_order_good_bottom_status_total{
    display: inline-flex;
    margin-left: auto;
}
.single_order_good_bottom_status_total_txt{
    font-weight: bold;
    margin-right: 15px;
}
.single_order_good_bottom_status_total_money{
    display: inline-flex;
    align-items: center;
}
.single_order_good_bottom_status_time{
    color: #adacac;
}
@media screen and (min-width: 375px){
    .single_order_status {
        height: 35px;
        font-size: 16px;
    }
    .single_order_good_bottom_status {
        height: 35px;
    }
    .single_order_good_check_good {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .single_order_good_stripe_cate_color {
        margin-right: 7px;
    }
    .single_order_good_stripe_cate_shop::before {
        height: 14px;
        margin-right: 7px;
    }
}
@media screen and (min-width: 414px){
    .single_order_good_stripe_cate_color {
        margin-right: 8px;
    }
    .single_order_good_stripe_cate_shop::before {
        height: 16px;
        margin-right: 8px;
    }
    .single_order_good_stripe_money_symbol_g, .single_order_good_bottom_status_total_money_g{
        width: calc(24px * 0.6);
        height: calc(24px * 0.6);
        margin-right: 8px;
    }
    .single_order_good_bottom_status_total_money_s{
        margin-right: 8px;
    }
}
@media screen and (min-width: 480px){
    .single_order_status {
        height: 40px;
        font-size: 18px;
    }
    .single_order_good_bottom_status {
        height: 40px;
    }
    .single_order_good_check_good {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .single_order_good_stripe_cate_color {
        margin-right: 10px;
    }
    .single_order_good_stripe_cate_shop::before {
        height: 18px;
        margin-right: 10px;
    }
}
@media screen and (min-width: 768px){
    .single_order_status {
        height: 55px;
        font-size: 28px;
    }
    .single_order_good_bottom_status {
        height: 55px;
    }
    .single_order_good_check_good {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .single_order_good_stripe_right_txt {
        justify-content: space-around;
    }
    .single_order_good_stripe_mid, .single_order_good_stripe_money {
        margin-top: 0;
    }
    .single_order_good_stripe_cate_color {
        margin-right: 15px;
    }
    .single_order_good_stripe_cate_shop::before {
        height: 28px;
        margin-right: 15px;
    }
    .single_order{
        margin-bottom: 20px;
    }
    .single_order_good_stripe_money_symbol_g, .single_order_good_bottom_status_total_money_g{
        width: calc(24px * 1);
        height: calc(24px * 1);
        margin-right: 12px;
    }
    .single_order_good_bottom_status_total_money_s{
        margin-right: 12px;
    }
}
/* 會員中心-全部訂單End============================ */
/* 會員中心-儲值點數Start============================ */
.mem_storage_value .content13{
    display: block;
}
.content13{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    padding-bottom: 65px;
}
.sv_all_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.nowValue{
    display: flex;
    background-color: #ffffff;
    height: 50px;
    justify-content: center;
    border-bottom: 1px solid #e7e7e7;
}
.g_value_box{
    display: inline-flex;
    align-items: center;
}
.g_symbol{
    width: calc(36px * 0.5);
    height: calc(36px * 0.5);
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
}
.g_value{
    color: #fe8d42;
}
.sv_option_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.sv_option{
    width: 100%;
    display: flex;
    background-color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e7e7e7;
    font-weight: bold;
}
.sv_left_num{
    margin-right: auto;
    display: inline-flex;
    align-items: center;
}
.sv_g_stmbol{
    width: calc(24px * 0.5);
    height: calc(24px * 0.5);
    margin-right: 5px;
}
.sv_g_num{
    color: #fe8d42;
}
.sv_right_num{
    width: 50px;
    height: 25px;
    background: -webkit-linear-gradient(left,#09b3f2,#0091da);
    background: -o-linear-gradient(right,#09b3f2,#0091da);
    background: -moz-linear-gradient(right,#09b3f2,#0091da);
    background: linear-gradient(to right,#09b3f2,#0091da);
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.sv_real_money_symbol{
    margin-right: 3px;
}
.sv_noti{
    width: 100%;
    line-height: 1.5;
    color: #adacac;
    background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
    padding-top: 8px;
    padding-bottom: 8px;
}
.sv_noti_ul{

}
.sv_noti_li{

}
.sv_stor_strip{
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.sv_stor_strip_left{
    margin-right: 8px;
}
.sv_stor_strip_right{
    display: inline-flex;
    align-items: center;
}
.sv_stor_strip_right_gsymbol{
    width: calc(24px * 0.65);
    height: calc(24px * 0.65);
    margin-right: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.sv_stor_strip_right_num{
    color: #fe8d42;
}
.sv_num {
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.sv_num_title {
    margin-right: auto;
    font-weight: bold;
    font-size: 12px;
    color: #383838;
}
.total_box{
    display: inline-flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.total_box_txt{
    margin-right: auto;
}
.total_box_total{
    display: inline-flex;
    color: #0a9bd5;
    font-weight: bold;
}
.total_box_total_symbol{
    margin-right: 5px;
}
.select_block_sv{
    width: 25px;
    height: 25px;
}
@media screen and (min-width: 375px){
    .sv_g_stmbol {
        width: calc(24px * 0.6);
        height: calc(24px * 0.6);
    }
    .sv_right_num {
        width: 60px;
        height: 30px;
    }
    .sv_num_title {
        font-size: 16px;
    }
    .select_block_sv {
        width: 30px;
        height: 30px;
    }
    .sv_stor_strip_right_gsymbol {
        width: calc(24px * 0.75);
        height: calc(24px * 0.75);
    }
    .total_box_txt{
        font-size: 16px;
    }
    .total_box_total{
        font-size: 18px;
    }
    .sv_stor_strip_left{
        margin-right: 10px;
    }
}
@media screen and (min-width: 414px){
    .sv_g_stmbol {
        width: calc(24px * 0.65);
        height: calc(24px * 0.65);
    }
    .sv_right_num {
        width: 65px;
        height: 35px;
    }
    .sv_stor_strip_left{
        margin-right: 12px;
    }
    .select_block_sv {
        width: 35px;
        height: 35px;
    }
}
@media screen and (min-width: 480px){
    .sv_g_stmbol {
        width: calc(24px * 0.7);
        height: calc(24px * 0.7);
    }
    .sv_right_num {
        width: 70px;
        height: 40px;
    }
    .sv_num_title {
        font-size: 18px;
    }
    .total_box_txt {
        font-size: 18px;
    }
    .total_box_total {
        font-size: 20px;
    }
}
@media screen and (min-width: 768px){
    .nowValue{
        height: 90px;
    }
    .g_symbol {
        width: calc(36px * 1);
        height: calc(36px * 1);
        margin-right: 12px;
        margin-top: 5px;
    }
    .sv_g_stmbol {
        width: calc(24px * 1);
        height: calc(24px * 1);
        margin-right: 12px;
    }
    .sv_right_num {
        width: 95px;
        height: 55px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .sv_num_title{
        font-size: 24px;
    }
    .total_box{
        font-size: 24px;
    }
    .total_box_total{
        font-size: 26px;
    }
    .total_box {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sv_num{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .total_box_txt {
        font-size: 24px;
    }
    .sv_stor_strip_right_gsymbol {
        width: calc(24px * 1);
        height: calc(24px * 1);
    }
    .sv_stor_strip {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sv_stor_strip_left {
        margin-right: 16px;
    }
}
/* 會員中心-儲值點數End============================ */
/* 會員中心-儲值點數-結果頁面Start============================ */
.mem_storage_result .content14{
    display: block;
}
.content14{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    padding-bottom: 65px;
}
.success .result_success{
    display: flex;
}
.result_success{
    background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
    padding-top: 8px;
    padding-bottom: 8px;
    display: none;
    align-items: center;
    color: #383838;
}
.false .result_false{
    display: flex;
}
.result_false{
    background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
    padding-top: 8px;
    padding-bottom: 8px;
    display: none;
    flex-wrap: wrap;
    /* align-items: center; */
    color: #383838;
}
.result_false_detail{
    font-size: 12px;
    margin-top: 8px;
    color: #adacac;
    line-height: 1.3;
}
@media screen and (min-width: 375px){
    .result_success, .result_false{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .result_false_detail{
        font-size: 14px;
    }
}
@media screen and (min-width: 414px){
    .result_success, .result_false{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .result_false_detail{
        font-size: 16px;
    }
}
@media screen and (min-width: 480px){
    .result_false_detail{
        font-size: 18px;
    }
}
@media screen and (min-width: 768px){
    .result_success, .result_false{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .result_false_txt, .result_success_txt{
        font-size: 24px;
    }
    .result_false_detail{
        font-size: 20px;
    }
}
/* 會員中心-儲值點數-結果頁面End============================ */
/* 會員中心-我的點數Start============================ */
.mem_mypoint .content15{
    display: block;
}
.content15{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    /* padding-bottom: 65px;  */
}
.madjust{
    margin-left: 10px;
    margin-top: 3px;
}
.sv_switch_bar{
    width: 100%;
    display: flex;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.15);
    position: relative;
    color: #8e8e8e;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
}

.sv_stor_record{
    width: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}
.sv_use_record{
    width: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.under_bar{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 2px;
    background-color: #0a9bd5;
    transition: all 0.4s;
}
.sv_stor_record.blue, .sv_use_record.blue{
    color: #0a9bd5;
}
.stor_record_stripe, .use_record_stripe{
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}
.stor_record_stripe_left_title, .use_record_stripe_left_title{
    font-size: 14px;
    color: #444444;
}
.stor_record_stripe_left_time, .use_record_stripe_left_time{
    font-size: 12px;
    margin-top: 3px;
    color: #adacac;
}
.stor_record_stripe_right_num, .use_record_stripe_right_num{
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}
.stor_record_stripe_right_symbol{
    width: calc(24px * 0.6);
    height: calc(24px * 0.6);
    margin-right: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.use_record_stripe_right_symbol{
    width: calc(20px * 0.6);
    height: calc(20px * 0.6);
    margin-right: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.stor_record_stripe_right_stor_num{
    color: #fe8d42;
    font-size: 15px;
    font-weight: bold;
}
.use_record_stripe_right_stor_num, .use_record_stripe_right_use_num {
    color: #444444;
    font-size: 15px;
    font-weight: bold;
}
.threeM_ago{
    width: 100%;
    display: inline-flex;
    display: none;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #adacac;
    background-color: #ffffff;
    align-items: center;
}
.threeM_ago_img{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(18px * 0.7);
    height: calc(10px * 0.7);
    margin-left: 5px;
}
@media screen and (min-width: 375px){
    .stor_record_stripe, .use_record_stripe{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .stor_record_stripe_left_title, .use_record_stripe_left_title {
        font-size: 16px;
    }
    .stor_record_stripe_left_time, .use_record_stripe_left_time {
        font-size: 14px;
        margin-top: 5px;
    }
    .stor_record_stripe_right_stor_num, .use_record_stripe_right_use_num {
        font-size: 18px;
    }
    .stor_record_stripe_right_symbol {
        width: calc(24px * 0.65);
        height: calc(24px * 0.65);
        margin-right: 5px;
    }
    .sv_stor_record {
        height: 45px;
    }
    .sv_switch_bar{
        font-size: 16px;

    }
    .threeM_ago{
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
    }
    .threeM_ago_img{
        width: calc(18px * 0.8);
        height: calc(10px * 0.8);
        margin-left: 5px;
    }
    .use_record_stripe_right_symbol {
        width: calc(20px * 0.7);
        height: calc(20px * 0.7);
        margin-right: 5px;
    }
}
@media screen and (min-width: 414px){
    .sv_switch_bar{
        font-size: 18px;
    }
    .sv_stor_record {
        height: 50px;
    }
    .threeM_ago{
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 16px;
    }
    .threeM_ago_img{
        width: calc(18px * 0.8);
        height: calc(10px * 0.8);
        margin-left: 6px;
    }
    .use_record_stripe_right_symbol {
        width: calc(20px * 0.7);
        height: calc(20px * 0.7);
        margin-right: 5px;
    }
}
@media screen and (min-width: 480px){
    .stor_record_stripe, .use_record_stripe{
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .stor_record_stripe_left_title, .use_record_stripe_left_title {
        font-size: 18px;
    }
    .stor_record_stripe_left_time, .use_record_stripe_left_time {
        font-size: 16px;
        margin-top: 5px;
    }
    .stor_record_stripe_right_stor_num, .use_record_stripe_right_use_num {
        font-size: 20px;
    }
    .stor_record_stripe_right_symbol {
        width: calc(24px * 0.75);
        height: calc(24px * 0.75);
        margin-right: 5px;
    }
    .sv_switch_bar{
        font-size: 20px;
    }
    .sv_stor_record {
        height: 60px;
    }
    .threeM_ago{
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 18px;
    }
    .threeM_ago_img{
        width: calc(18px * 0.85);
        height: calc(10px * 0.85);
        margin-left: 7px;
    }
    .use_record_stripe_right_symbol {
        width: calc(20px * 0.8);
        height: calc(20px * 0.8);
        margin-right: 5px;
    }
}
@media screen and (min-width: 768px){
    .madjust{
        margin-left: 15px;
        margin-top: 5px;
    }
    .stor_record_stripe, .use_record_stripe{
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .stor_record_stripe_left_title, .use_record_stripe_left_title{
        font-size: 24px;
    }
    .stor_record_stripe_left_time, .use_record_stripe_left_time {
        font-size: 20px;
        margin-top: 8px;
    }
    .stor_record_stripe_right_stor_num, .use_record_stripe_right_use_num {
        font-size: 26px;
    }
    .stor_record_stripe_right_symbol {
        width: calc(24px * 1);
        height: calc(24px * 1);
        margin-right: 8px;
    }
    .sv_switch_bar{
        font-size: 28px;
    }
    .sv_stor_record {
        height: 70px;
    }
    .under_bar{
        height: 4px;
    }
    .threeM_ago{
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 20px;
    }
    .threeM_ago_img{
        width: calc(18px * 1);
        height: calc(10px * 1);
        margin-left: 8px;
    }
    .use_record_stripe_right_symbol {
        width: calc(20px * 1);
        height: calc(20px * 1);
        margin-right: 5px;
    }
}
/* 會員中心-我的點數End============================ */
/* 會員中心-訂單詳情Start============================ */
.mem_order_detail .content16{
    display: block;
}
.content16{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    /* padding-bottom: 65px;  */
}
.mod_order_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.mod_status_bar{
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.mod_status{
    width: 100%;
    display: inline-flex;
    align-items: center;
    display: none;
}
.mod_right_txt{
    margin-left: auto;
}
.mod_left_icon_txt{
    display: inline-flex;
    align-items: center;
}
.mod_left_icon{
    display: inline-flex;
    align-items: center;
}
.ow_icon{
    width: calc(42px * 0.5);
    height: calc(28px * 0.5);
    margin-right: 5px;
}
.od_icon{
    width: calc(28px * 0.5);
    height: calc(28px * 0.5);
    margin-right: 5px;
}
.oc_icon, .og_icon{
    width: calc(30px * 0.5);
    height: calc(30px * 0.5);
    margin-right: 5px;
}
.mod_left_txt{
    font-weight: bold;
    color: #0a9bd5;
    font-size: 14px;
}
.mod_right_txt{
    color: #adacac;
    font-size: 12px;
}
.ow .mod_ow{
    display: inline-flex;
}
.od .mod_od{
    display: inline-flex;
}
.oc .mod_oc{
    display: inline-flex;
}
.og .mod_og{
    display: inline-flex;
}
.mod_getman_info{
    display: flex;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
}
.mod_getman_info_left{
    display: inline-flex;
    width: 30%;
}
.mod_getman_info_right{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.mgil_icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(21px * 0.5);
    height: calc(24px * 0.5);
    margin-right: 5px;
}
.mgil_txt{
    font-weight: bold;
    color: #444444;
}
.mgirline{
    margin-bottom: 5px;
    color: #acacac;
}
.mgir_name{
    font-weight: bold;
    color: #383838;
}
.mgir_address{
    margin-bottom: 0;
}
.b_good_indise_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.mod_b_good_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 10px;
}
.bg_status{
    width: 100%;
    background-color: #ffffff;
    display: inline-flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
.bg_status_icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(20px * 0.5);
    height: calc(26px * 0.5);
    margin-right: 5px;
}
.bg_status_txt{
    color: #444444;
    font-weight: bold;
    font-size: 12px;
}
.bgid{
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
}
.mod_pay_info_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-top: 0;
    margin-bottom: 10px;
}
.mod_time_info_box{
    background-color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 10px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    color: #acacac;
    font-size: 12px;
    line-height: 1.3;
}
.mtib_line{
    display: inline-flex;
}
.oc .mtib_AT_box{
    display: inline-flex;
}
.mod_od_surediv{
    display: none;
}
.og .mod_od_surediv{
    display: flex;
}
.mod_oc_backdiv{
    display: none;
}
.oc .mod_oc_backdiv{
    display: flex;
}
.mtib_AT_box{
    display: none;
}
.real .game_pay{
    display: none;
}
.game .real_pay{
    display: none;
}
.game .game_pay{
    display: flex;
}
.real .real_pay{
    display: flex;
}
.real .real_total_txt, .game .game_total_txt{
    display: inline;
}
.game .real_total_txt, .real .game_total_txt{
    display: none;
}
.onlybtn_outer{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px;
}
.onlybtn{
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.onlybtn_blue{
    background: -webkit-linear-gradient(left,#09b3f2,#0091da);
    background: -o-linear-gradient(right,#09b3f2,#0091da);
    background: -moz-linear-gradient(right,#09b3f2,#0091da);
    background: linear-gradient(to right,#09b3f2,#0091da);
}
.onlybtn_gray{
    background-color: #ababab;
}
.lightbox_mod_od_sure{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8004;
    width: 70%;
    padding: 15px 10px;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: none;
    flex-direction: column;
}
.lightbox_mod_od_sure_title{
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 35px;
    margin-bottom: 35px;
    color: #444444;
}
.lightbox_mod_od_sure_btns{
    width: 100%;
    display: flex;justify-content: space-around;
}
.ow .mod_shop_seperator, .od .mod_shop_seperator{
    display: none;
}
.mod_shop_seperator{
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    margin-top: 15px;
}
.ow .mod_shop_info, .od .mod_shop_info{
    display: none;
}
.mod_shop_info{
    display: inline-flex;
    padding-top: 15px;
    flex-wrap: wrap;
}
.mod_shop_get_good_part{
    width: 100%;
    display: none;
    color: #8c8c8c;
    font-size: 12px;
    margin-bottom: 8px;
}
.got .mod_shop_get_good_part{
    display: inline-flex;
}
.getbtn{
    color: #ffffff;
    width: 75px;
    padding: 5px 7px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
}
.getbtn_blue{
    background: -webkit-linear-gradient(left,#09b3f2,#0091da);
    background: -o-linear-gradient(right,#09b3f2,#0091da);
    background: -moz-linear-gradient(right,#09b3f2,#0091da);
    background: linear-gradient(to right,#09b3f2,#0091da);
}
.getbtn_gray{
    background-color: #ababab;
}
@media screen and (min-width: 375px){
    .mod_status_bar{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .ow_icon{
        width: calc(42px * 0.6);
        height: calc(28px * 0.6);
        margin-right: 8px;
    }
    .od_icon{
        width: calc(28px * 0.6);
        height: calc(28px * 0.6);
        margin-right: 8px;
    }
    .oc_icon, .og_icon{
        width: calc(30px * 0.6);
        height: calc(30px * 0.6);
        margin-right: 8px;
    }
    .mod_left_txt{
        font-size: 16px;
    }
    .mod_right_txt{
        font-size: 14px;
    }
    .mod_getman_info{
        margin-bottom: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .mgirline{
        margin-bottom: 6px;
    }
    .mgil_icon{
        width: calc(21px * 0.6);
        height: calc(24px * 0.6);
        margin-right: 6px;
    }
    .bg_status{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .bg_status_icon{
        width: calc(20px * 0.6);
        height: calc(26px * 0.6);
        margin-right: 6px;
    }
    .bg_status_txt{
        font-size: 14px;
    }
    .mod_pay_info_box{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .mod_pay_info_box{
        margin-bottom: 15px;
    }
    .mod_time_info_box{
        margin-bottom: 15px;
        font-size: 14px;
    }
    .mod_time_info_box{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .onlybtn{
        font-size: 16px;
        padding-top: 13px;
        padding-bottom: 13px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .lightbox_mod_od_sure_title{
        font-size: 16px;
    }
    .mod_shop_seperator{
        height: 1px;
        margin-top: 15px;
    }
    .mod_shop_info{
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .mod_shop_get_good_part{
        width: auto;
        font-size: 12px;
        margin-bottom: 0;
    }
    .getbtn{
        width: 75px;
        padding: 5px 7px;
        font-size: 12px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        display: inline-flex;
        align-items: center;
        margin-left: auto;
        justify-content: center;
    }
}
@media screen and (min-width: 414px){
    .onlybtn{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .mod_shop_seperator{
        height: 1px;
        margin-top: 15px;
    }
    .mod_shop_info{
        padding-top: 15px;
        /* padding-bottom: 12px; */
    }
    .mod_shop_get_good_part{
        width: auto;
        font-size: 12px;
    }
    .getbtn{
        width: 85px;
        padding: 5px 7px;
        font-size: 14px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
}
@media screen and (min-width: 480px){
    .mod_status_bar{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .ow_icon{
        width: calc(42px * 0.7);
        height: calc(28px * 0.7);
        margin-right: 8px;
    }
    .od_icon{
        width: calc(28px * 0.7);
        height: calc(28px * 0.7);
        margin-right: 8px;
    }
    .oc_icon, .og_icon{
        width: calc(30px * 0.7);
        height: calc(30px * 0.7);
        margin-right: 8px;
    }
    .mod_left_txt{
        font-size: 18px;
    }
    .mod_right_txt{
        font-size: 14px;
    }
    .mod_getman_info{
        margin-bottom: 15px;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 16px;
    }
    .mgirline{
        margin-bottom: 8px;
    }
    .mgil_icon{
        width: calc(21px * 0.7);
        height: calc(24px * 0.7);
        margin-right: 8px;
    }
    .bg_status{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .bg_status_icon{
        width: calc(20px * 0.7);
        height: calc(26px * 0.7);
        margin-right: 8px;
    }
    .bg_status_txt{
        font-size: 18px;
    }
    .mod_time_info_box{
        font-size: 18px;
    }
    .mod_time_info_box{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .onlybtn{
        font-size: 24px;
        padding-top: 16px;
        padding-bottom: 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .lightbox_mod_od_sure{
        width: 60%;
    }
    .lightbox_mod_od_sure_title{
        font-size: 20px;
    }
    .mod_shop_seperator{
        height: 1px;
        margin-top: 15px;
    }
    .mod_shop_info{
        padding-top: 15px;
        /* padding-bottom: 12px; */
    }
    .mod_shop_get_good_part{
        width: auto;
        font-size: 14px;
    }
    .getbtn{
        width: 100px;
        padding: 5px 8px;
        font-size: 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
}
@media screen and (min-width: 768px){
    .mod_status_bar{
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .ow_icon{
        width: calc(42px * 1);
        height: calc(28px * 1);
        margin-right: 15px;
    }
    .od_icon{
        width: calc(28px * 1);
        height: calc(28px * 1);
        margin-right: 15px;
    }
    .oc_icon, .og_icon{
        width: calc(30px * 1);
        height: calc(30px * 1);
        margin-right: 15px;
    }
    .mod_left_txt{
        font-size: 28px;
    }
    .mod_right_txt{
        font-size: 20px;
    }
    .mod_getman_info{
        margin-bottom: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 24px;
    }
    .mgirline{
        margin-bottom: 12px;
    }
    .mgil_icon{
        width: calc(21px * 1);
        height: calc(24px * 1);
        margin-right: 12px;
    }
    .bg_status{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .bg_status_icon{
        width: calc(20px * 1);
        height: calc(26px * 1);
        margin-right: 12px;
    }
    .bg_status_txt{
        font-size: 24px;
    }
    .mod_b_good_box{
        margin-bottom: 20px;
    }
    .mod_pay_info_box{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .mod_pay_info_box{
        margin-bottom: 20px;
    }
    .mod_time_info_box{
        margin-bottom: 20px;
        font-size: 24px;
    }
    .mod_time_info_box{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .onlybtn{
        font-size: 28px;
        padding-top: 18px;
        padding-bottom: 18px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .lightbox_mod_od_sure{
        width: 60%;
        padding: 25px 10px;
    }
    .lightbox_mod_od_sure_title{
        font-size: 28px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .mod_shop_seperator{
        height: 1px;
        margin-top: 15px;
    }
    .mod_shop_info{
        padding-top: 10px;
        /* padding-bottom: 12px; */
    }
    .mod_shop_get_good_part{
        width: auto;
        font-size: 20px;
    }
    .getbtn{
        width: 123px;
        padding: 7px 8px;
        font-size: 18px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
}
/* 會員中心-訂單詳情End============================ */
/* 會員中心-行動條碼掃描start============================ */
.mem_order_shop_qr .content17{
    display: block;
}
.content17{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    background: white;
    /* background: #f5f5f5; */
    /* padding-bottom: 65px;  */
}
.odin_jscenter{
    justify-content: center;
}
.mosq_qr_box{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 15%;

}
.mosq_qr_inside{
    width: 75%;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.mosq_qr_img{
    /* width: 240px; */
    /* height: 240px; */
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mosq_qr_img img{
    width: 100%;
    height: 100%;
}
.mosq_qr_got_img{
    display: none;
    position: absolute;
    width: calc(196px * 0.5);
    height: calc(195px * 0.5);
    bottom: 17%;
    right: 5%;
}
.mosq_qr_txt{
    display: none;
    margin-top: 8%;
    color: #8c8c8c;
    font-size: 14px;
}
.qr_under{
    background: #ababab;
}
.ungot{

}
.gotit{
    display: none;
}
.got .mosq_qr_img{
    opacity: 0.15;
}
.got .mosq_qr_got_img{
    display: block;
}
.got .mosq_qr_txt{
    display: block;
}
.got .ungot{
    display: none;
}
.got .gotit{
    display: inline;
}
@media screen and (min-width: 375px){
    .mosq_qr_got_img{
        width: calc(196px * 0.6);
        height: calc(195px * 0.6);
        bottom: 20%;
        right: -2%;
    }
    .mosq_qr_txt{
        margin-top: 8%;
        font-size: 16px;
    }
    /* .mosq_qr_img {
        width: 280px;
        height: 280px;
    } */
}
@media screen and (min-width: 414px){
    .mosq_qr_got_img{
        width: calc(196px * 0.7);
        height: calc(195px * 0.7);
        bottom: 22%;
        right: -2%;
    }
    .mosq_qr_txt{
        margin-top: 8%;
        font-size: 18px;
    }
    /* .mosq_qr_img {
        width: 310px;
        height: 310px;
    } */
}
@media screen and (min-width: 480px){
    .mosq_qr_got_img{
        width: calc(196px * 0.8);
        height: calc(195px * 0.8);
        bottom: 24%;
        right: -1%;
    }
    .mosq_qr_txt{
        margin-top: 8%;
        font-size: 20px;
    }
    /* .mosq_qr_img {
        width: 360px;
        height: 360px;
    } */
}
@media screen and (min-width: 768px){
    .mosq_qr_img{
        width: 480px;
        height: 480px;
    }
    .mosq_qr_got_img{
        width: calc(196px * 1);
        height: calc(195px * 1);
        bottom: 24%;
        right: 8%;
    }
    .mosq_qr_txt{
        margin-top: 8%;
        font-size: 28px;
    }
}
/* 會員中心-行動條碼掃描End============================ */
/* 會員中心-我的虛寶Start============================ */
.mem_mytreasure .content18{
    display: block;
}
.content18{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    /* padding-bottom: 65px;  */
}
.mt_title{
    width: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 19px;
    color: #0a9bd5;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    z-index: 2;
}
.mt_title_img{
    width: calc(50px * 0.5);
    height: calc(46px * 0.5);
    margin-right: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.mt_tofriend_btn, .mt_getback_btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 12px;
    background: -webkit-linear-gradient(left,#09b3f2,#0091da);
    background: -o-linear-gradient(right,#09b3f2,#0091da);
    background: -moz-linear-gradient(right,#09b3f2,#0091da);
    background: linear-gradient(to right,#09b3f2,#0091da);
    padding: 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.mt_tofriend_img{
    width: calc(21px * 0.6);
    height: calc(19px * 0.6);
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mt_getback_img{
    width: calc(22px * 0.5);
    height: calc(22px * 0.5);
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mt_sended_btn{
    display: none;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 12px;
    padding: 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #b1b1b1;
}
.mis.send .mt_sended_btn{
    display: inline-flex;
}
.mis.send .mt_tofriend_btn, .mis.send .mt_getback_btn{
    display: none;
}
.mt_udline{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.gift .mt_gift_from{
    display: block;
}
.mt_gift_from{
    display: none;
    font-size: 12px;
    color: #0a9bd5;
    margin-top: 3px;
    margin-right: 5px;
}
.mt_stripe{
    width: 100%;
}
.mt_stripe_left{
    width: 70%;
}
.mt_stripe_right{
    width: 30%;
    justify-content: flex-end;
}
.containerbox{
    width: 100%;
    height: auto;
}
.lightbox_mt_gift{
    width: 85%;
    display: flex;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 8004;
}
.lmtg_white{
    width: 100%;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 35px;
    padding-bottom: 35px;
}
.lmtg_white_icon{
    width: calc(104px * 0.5);
    height: calc(96px * 0.5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.lmtg_white_blue_txt{
    font-weight: bold;
    color: #0a9bd5;
    font-size: 18px;
    margin-bottom: 45px;
}
.lmtg_white_from{
    color: #444444;
    font-size: 14px;
    margin-bottom: 15px;
}
.lmtg_white_giftname{
    color: #444444;
    font-size: 12px;
}
.lmtg_blue_btn{
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: -webkit-linear-gradient(left,#09b3f2,#0091da);
    background: -o-linear-gradient(right,#09b3f2,#0091da);
    background: -moz-linear-gradient(right,#09b3f2,#0091da);
    background: linear-gradient(to right,#09b3f2,#0091da);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.lightbox_mt_getback{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8004;
    width: 70%;
    padding: 15px 10px;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    display: none;
    flex-direction: column;

}
.lightbox_mt_getback_title{
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #444444;
}
.lightbox_mt_getback_btns{
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.lightbox_mt_getback_success{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8004;
    width: 70%;
    padding: 15px 10px;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    display: none;
    flex-direction: column;
    align-items: center;
}
.lightbox_mt_getback_success_title{
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
    color: #444444;
}
.lightbox_mt_getback_success_btns{
    width: 100%;
    display: flex;
    justify-content: center;
}
@media screen and (min-width: 375px){
    .mt_tofriend_btn, .mt_getback_btn{
        font-size: 14px;
        padding: 10px;
    }
    .mt_tofriend_img {
        width: calc(21px * 0.7);
        height: calc(19px * 0.7);
        margin-right: 6px;
    }
    .mt_getback_img{
        width: calc(22px * 0.7);
        height: calc(22px * 0.7);
        margin-right: 6px;
    }
    .mt_sended_btn {
        font-size: 14px;
        padding: 10px;
    }
    .mt_title {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 22px;
    }
    .mt_title_img{
        width: calc(50px * 0.6);
        height: calc(46px * 0.6);
        margin-right: 6px;
    }
    .mt_gift_from{
        font-size: 14px;
        margin-top: 5px;
    }
    .lightbox_mt_gift{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .lmtg_white{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .lmtg_white_icon{
        width: calc(104px * 0.6);
        height: calc(96px * 0.6);
        margin-bottom: 20px;
    }
    .lmtg_white_blue_txt{
        font-size: 22px;
        margin-bottom: 45px;
    }
    .lmtg_white_from{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .lmtg_white_giftname{
        font-size: 14px;
    }
    .lmtg_blue_btn{
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .lightbox_mt_getback_title{
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .lightbox_mt_getback_success_title{
        font-size: 16px;
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 414px){
    .lightbox_mt_getback_title{
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 480px){
    .mt_tofriend_btn, .mt_getback_btn{
        font-size: 18px;
    }
    .mt_tofriend_img {
        width: calc(21px * 0.8);
        height: calc(19px * 0.8);
        margin-right: 8px;
    }
    .mt_getback_img{
        width: calc(22px * 0.8);
        height: calc(22px * 0.8);
        margin-right: 8px;
    }
    .mt_sended_btn {
        font-size: 18px;
    }
    .mt_title {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 26px;
    }
    .mt_title_img{
        width: calc(50px * 0.7);
        height: calc(46px * 0.7);
        margin-right: 10px;
    }
    .mt_gift_from{
        font-size: 16px;
    }
    .lightbox_mt_gift{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .lmtg_white{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .lmtg_white_icon{
        width: calc(104px * 0.8);
        height: calc(96px * 0.8);
        margin-bottom: 20px;
    }
    .lmtg_white_blue_txt{
        font-size: 28px;
        margin-bottom: 40px;
    }
    .lmtg_white_from{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .lmtg_white_giftname{
        font-size: 16px;
    }
    .lmtg_blue_btn{
        font-size: 22px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .lightbox_mt_getback{
        width: 60%;
    }

    .lightbox_mt_getback_title{
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 55px;
    }
    .lightbox_mt_getback_success_title{
        font-size: 20px;
        margin-bottom: 35px;
    }
    .lightbox_mt_getback_success {
        padding: 25px 10px;
    }
}
@media screen and (min-width: 768px){
    .mt_tofriend_btn, .mt_getback_btn{
        font-size: 20px;
    }
    .mt_tofriend_img {
        width: calc(21px * 1);
        height: calc(19px * 1);
        margin-right: 8px;
    }
    .mt_getback_img{
        width: calc(22px * 1);
        height: calc(22px * 1);
        margin-right: 8px;
    }
    .mt_sended_btn {
        font-size: 20px;
    }
    .mt_title {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 38px;
    }
    .mt_title_img{
        width: calc(50px * 1);
        height: calc(46px * 1);
        margin-right: 15px;
    }
    .mt_gift_from{
        font-size: 20px;
        margin-top: 8px;
    }
    .lightbox_mt_gift{
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .lmtg_white{
        -webkit-border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-topright: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .lmtg_white_icon{
        width: calc(104px * 1);
        height: calc(96px * 1);
        margin-bottom: 30px;
    }
    .lmtg_white_blue_txt{
        font-size: 36px;
        margin-bottom: 60px;
    }
    .lmtg_white_from{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .lmtg_white_giftname{
        font-size: 24px;
    }
    .lmtg_blue_btn{
        font-size: 32px;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .lightbox_mt_getback_success {
        padding: 45px 10px;
    }
    .lightbox_mgg_send_success_icon{
        width: calc(104px * 1);
        height: calc(96px * 1);
        margin-bottom: 20px;
    }
    .lightbox_mt_getback_title{
        font-size: 28px;
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .lightbox_mt_getback_success_title{
        font-size: 28px;
        margin-bottom: 55px;
    }
    .lightbox_mt_getback {
        padding: 25px 10px;
    }
}
/* 會員中心-我的虛寶End============================ */
/* 會員中心-我的虛寶-選擇贈送對象Start============================ */
.mem_give_gift .content19{
    display: block;
}
.content19{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    /* padding-bottom: 65px;  */
}
.mgg_form_line{
    width: 100%;
    display: flex;
    background-color: #ffffff;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e7e7e7;
}
.mgg_hint{
    width: 100%;
    display: none;
    background-color: #ffffff;
    align-items: center;
    padding-top: 9px;
    padding-bottom: 9px;
    color: #444444;
    font-size: 12px;
    border-bottom: 1px solid #e7e7e7;
}
.mgg_hint.np, .mgg_hint.nm{
    display: flex;
}
.np .no_this_person, .nm .not_member{
    display: inline-block;
}
.np .not_member, .nm .no_this_person{
    display: none;
}
.mggf{
    display: inline-flex;
    width: 100%;
    height: auto;
}
.mgg-group{
    width: 100%;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
}
.mgg_search_icon{
    width: calc(28px * 0.5);
    height: calc(28px * 0.5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mgg_search{
    width: calc(100% - calc(28px * 0.5) - 8px);
    height: 18px;
    line-height: 18px;
    outline: none;
    font-size: 12px;
    color: #0a9bd5;
    margin-left: 8px;
    border: none;
}
.mgg_search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c0c1c2;
}
.mgg_search::-moz-placeholder { /* Firefox 19+ */
  color: #c0c1c2;
}
.mgg_search:-ms-input-placeholder { /* IE 10+ */
  color: #c0c1c2;
}
.mgg_search:-moz-placeholder { /* Firefox 18- */
  color: #c0c1c2;
}
.status_mggID{
    /* display: block; */
    width: 70%;
    padding: 20px 15px;
}
.lightbox_mgg_sure{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8004;
    width: 70%;
    padding: 15px 10px;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    display: none;
    flex-direction: column;
}
.lightbox_mgg_sure_title{
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 50px;
    color: #444444;
}
.lightbox_mgg_sure_btns{
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.lightbox_mgg_send_success{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8004;
    width: 70%;
    padding: 15px 10px;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    display: none;
    flex-direction: column;
    align-items: center;
}
.lightbox_mgg_send_success_icon{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(104px * 0.5);
    height: calc(96px * 0.5);
    margin-bottom: 15px;
}
.lightbox_mgg_send_success_title{
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
    color: #444444;
}
.lightbox_mgg_send_success_btns{
    width: 100%;
    display: flex;
    justify-content: center;
}
@media screen and (min-width: 375px){
    .mgg_form_line{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .mgg_hint{
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
    }
    .mgg_search_icon{
        width: calc(28px * 0.6);
        height: calc(28px * 0.6);
    }
    .mgg_search{
        width: calc(100% - calc(28px * 0.6) - 10px);
        font-size: 16px;
        margin-left: 10px;
        height: 22px;
        line-height: 22px;
    }
    .lightbox_mgg_sure_title{
        font-size: 16px;
        margin-top: 50px;
        margin-bottom: 60px;
    }
    .lightbox_mgg_send_success_icon{
        width: calc(104px * 0.6);
        height: calc(96px * 0.6);
        margin-bottom: 20px;
    }
    .lightbox_mgg_send_success_title{
        font-size: 16px;
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 414px){
    .lightbox_mgg_sure_title {
        font-size: 18px;
        margin-top: 60px;
        margin-bottom: 70px;
    }
}
@media screen and (min-width: 480px){
    .mgg_form_line{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .mgg_hint{
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 18px;
    }
    .mgg_search_icon{
        width: calc(28px * 0.8);
        height: calc(28px * 0.8);
    }
    .mgg_search{
        width: calc(100% - calc(28px * 0.8) - 12px);
        font-size: 18px;
        margin-left: 12px;
        height: 26px;
        line-height: 26px;
    }
    .lightbox_mgg_sure{
        width: 60%;
    }
    .lightbox_mgg_sure_title{
        font-size: 20px;
        margin-top: 70px;
        margin-bottom: 75px;
    }
    .lightbox_mgg_send_success_icon{
        width: calc(104px * 0.8);
        height: calc(96px * 0.8);
        margin-bottom: 30px;
    }
    .lightbox_mgg_send_success_title{
        font-size: 20px;
        margin-bottom: 35px;
    }
    .lightbox_mgg_send_success {
        padding: 25px 10px;
    }
}
@media screen and (min-width: 768px){
    .mgg_form_line{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .mgg_hint{
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 24px;
    }
    .mgg_search_icon{
        width: calc(28px * 1);
        height: calc(28px * 1);
    }
    .mgg_search{
        width: calc(100% - calc(28px * 0.8) - 15px);
        font-size: 24px;
        margin-left: 15px;
        height: 30px;
        line-height: 30px;
    }
    .lightbox_mgg_sure{
        width: 60%;
        padding: 25px 10px;
    }
    .lightbox_mgg_sure_title{
        font-size: 28px;
        margin-top: 90px;
        margin-bottom: 100px;
    }
    .lightbox_mgg_send_success_title{
        font-size: 28px;
        margin-bottom: 55px;
    }
    .lightbox_mgg_send_success {
        /* padding: 25px 10px; */
    }
}
/* 會員中心-我的虛寶-選擇贈送對象End============================ */
/* 會員中心-首次進入我的帳戶-填寫新帳戶-Start============================ */
.mem_new_acc .content20{
    display: block;
}
.content20{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    /* padding-bottom: 65px;  */
}
.new_address_mnc{
    background: white;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    color: #0a9bd5;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    transition: all 0.4s;
    display: none;
    display: block;
    position: relative;
    bottom: 0;
}
.first .new_address_mnc{
    /* display: block; */
}
.addP .hidethis{
    display: none;
}
.addP .mnc_getAddress_div{
    display: flex;
}
.mnc_getAddress_div{
    display: none;
    width: 100%;
    background-color: #ffffff;
    font-size: 12px;
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 10px;
    /* padding-bottom: 10px; */
}
.mnc_getAddress_files{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.mnc_getAddress_title{
    width: 100%;
    font-weight: bold;
    margin-bottom: 15px;
}
.mnc_getAddress_single_link{
    width: 100%;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}
.mnc_getAddress_single{
    display: flex;
    width: 100%;
}
.mnc_getAddress_single_left{
    width: 80%;
    color: #8c8c8c;
}
.mnc_getAddress_single_name{
    color: #383838;
    margin-bottom: 8px;
}
.mnc_getAddress_single_phone{
    margin-bottom: 8px;
}
.mnc_getAddress_single_right{
    width: 20%;
    justify-content: flex-end;
    position: relative;
}
.modfy_ra{
    width: calc(14px * 0.5);
    height: calc(26px * 0.5);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right:0;
    top: 0;
}
.dt .default_icon{
    display: inline-flex;
}
.default_icon{
    width: calc(73px * 0.5);
    height: calc(30px * 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right:0;
    bottom: 0;
}
.minheighT{
    min-height: auto;
}
.btntoggle .mnc_save_modify{
    display: flex;
}
.mnc_save_modify{
    display: none;
}
.btntoggle .minheighT{
    min-height: calc(100vh - 83px);
}
.mnc_btn_div{
    display: flex;
}
.btntoggle .mnc_btn_div{
    display: none;
}
@media screen and (min-width: 375px){
    .new_address_mnc{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .mnc_getAddress_div{
        font-size: 14px;
        padding-top: 10px;
        /* padding-bottom: 10px; */
    }
    .mnc_getAddress_title{
        margin-bottom: 15px;
    }
    .mnc_getAddress_single_name{
        margin-bottom: 10px;
    }
    .mnc_getAddress_single_phone{
        margin-bottom: 10px;
    }
    .modfy_ra{
        width: calc(14px * 0.6);
        height: calc(26px * 0.6);
    }
    .default_icon{
        width: calc(73px * 0.6);
        height: calc(30px * 0.6);
    }
    .minheighT{
        min-height: calc(100vh - 85px);
    }
}
@media screen and (min-width: 414px){
    .new_address_mnc{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .mnc_getAddress_div{
        font-size: 16px;
        padding-top: 12px;
        /* padding-bottom: 12px; */
    }
    .mnc_getAddress_single_link{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .mnc_getAddress_title{
        margin-bottom: 15px;
    }
    .mnc_getAddress_single_name{
        margin-bottom: 12px;
    }
    .mnc_getAddress_single_phone{
        margin-bottom: 12px;
    }
    .modfy_ra{
        width: calc(14px * 0.7);
        height: calc(26px * 0.7);
    }
    .default_icon{
        width: calc(73px * 0.7);
        height: calc(30px * 0.7);
    }
    .minheighT{
        min-height: calc(100vh - 89px);
    }
}
@media screen and (min-width: 480px){
    .mnc_getAddress_div{
        font-size: 18px;
        padding-top: 15px;
        /* padding-bottom: 15px; */
    }
    .mnc_getAddress_single_link{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .mnc_getAddress_title{
        margin-bottom: 20px;
    }
    .mnc_getAddress_single_name{
        margin-bottom: 12px;
    }
    .mnc_getAddress_single_phone{
        margin-bottom: 12px;
    }
    .modfy_ra{
        width: calc(14px * 0.8);
        height: calc(26px * 0.8);
    }
    .default_icon{
        width: calc(73px * 0.8);
        height: calc(30px * 0.8);
    }
    .minheighT{
        min-height: calc(100vh - 101px);
    }
}
@media screen and (min-width: 768px){
    .new_address_mnc{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .mnc_getAddress_div{
        font-size: 24px;
        padding-top: 20px;
        /* padding-bottom: 20px; */
    }
    .mnc_getAddress_single_link{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mnc_getAddress_title{
        margin-bottom: 25px;
    }
    .mnc_getAddress_single_name{
        margin-bottom: 14px;
    }
    .mnc_getAddress_single_phone{
        margin-bottom: 14px;
    }
    .modfy_ra{
        width: calc(14px * 1);
        height: calc(26px * 1);
    }
    .default_icon{
        width: calc(73px * 1);
        height: calc(30px * 1);
    }
    .minheighT{
        min-height: calc(100vh - 120px);
    }
}
/* 會員中心-首次進入我的帳戶-填寫新帳戶-End============================ */
/* 會員中心-修改帳戶-Start============================ */
.mem_acc_modi .content21{
    display: block;
}
.content21{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    /* padding-bottom: 65px;  */
}
.minHeight_mam{
    min-height: calc(100vh - 140px);
}
.mam_del_add_outer{
    margin-top: 15px;
}
.mam_set_default{
    width: 100%;
    display: inline-flex;
    background-color: #ffffff;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
}
.left_set{
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.right_set{
    margin-left: auto;
}
/* 切換checkbox的樣式 */
.onoffswitch {
    position: relative; width: 30px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 15px;
    border: 2px solid #999999;
    border-radius: 15px;
    background-color: #f5f5f5;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block;
    width: 15px;
    margin: 0px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    border: 2px solid #999999;
    border-radius: 15px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #14A9E8;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #14A9E8;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
}
.lightbox_mam_del{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8004;
    width: 70%;
    padding: 15px 10px;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    display: none;
    flex-direction: column;

}
.lightbox_mam_del_title{
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 50px;
    color: #444444;
}
.lightbox_mam_del_btns{
    width: 100%;
    display: flex;
    justify-content: space-around;
}
@media screen and (min-width: 375px){
    .minHeight_mam{
        min-height: calc(100vh - 148px);
    }
    .mam_set_default {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    /* 切換checkbox的樣式 */
    .onoffswitch {
        width: 40px;
    }
    .onoffswitch-label {
        height: 20px;
        line-height: 20px;
        border-radius: 20px;
    }
    .onoffswitch-label:before {
        width: 20px;
        right: 20px;
        border-radius: 20px;
    }
    .lightbox_mam_del{
        /* padding: 60px 10px 15px 10px; */

    }
    .lightbox_mam_del_title{
        font-size: 16px;
        margin-bottom: 60px;
    }
}
@media screen and (min-width: 414px){
    .minHeight_mam{
        min-height: calc(100vh - 152px);
    }
    .mam_set_default {
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .lightbox_mam_del{
        /* padding: 70px 10px 15px 10px; */

    }
    .lightbox_mam_del_title{
        font-size: 16px;
        margin-bottom: 70px;
    }
}
@media screen and (min-width: 480px){
    .minHeight_mam{
        min-height: calc(100vh - 152px);
    }
    .mam_set_default {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    /* 切換checkbox的樣式 */
    .onoffswitch {
        width: 50px;
    }
    .onoffswitch-label {
        height: 25px;
        line-height: 25px;
        border-radius: 25px;
    }
    .onoffswitch-label:before {
        width: 25px;
        right: 25px;
        border-radius: 25px;
    }
    .lightbox_mam_del{
        width: 60%;
    }
    .lightbox_mam_del_title{
        font-size: 20px;
    }
}
@media screen and (min-width: 768px){
    .minHeight_mam{
        min-height: calc(100vh - 192px);
    }
    .mam_set_default {
        padding-top: 18px;
        padding-bottom: 18px;
        margin-top: 24px;
    }
    /* 切換checkbox的樣式 */
    .onoffswitch {
        width: 60px;
    }
    .onoffswitch-label {
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
    }
    .onoffswitch-label:before {
        width: 30px;
        right: 30px;
        border-radius: 30px;
    }
    .lightbox_mam_del {
        padding: 25px 10px;
    }
    .lightbox_mam_del{
        /* padding: 120px 10px 15px 10px; */

    }
    .lightbox_mam_del_title{
        font-size: 28px;
        margin-bottom: 120px;
    }
}
/* 會員中心-修改帳戶-End============================ */
/* 購物車-交易結果頁面-Start============================ */
.cpa .content22{
    display: block;
}
.content22{
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    /* background: white; */
    background: #f5f5f5;
    /* padding-bottom: 65px;  */
}
.chk_order_div, .failure_ok_div{
    display: none;
}
.success .chk_order_div{
    display: flex;
}
.success .success_box{
    display: inline-flex;
}
.failure .failure_ok_div{
    display: flex;
}
.real_moneys .real_money_show, .real_moneys .real_money_data{
    display: inline-flex;
}
.game_moneys .game_data{
    display: inline-flex;
}
.game_moneys .game_total_money_show{
    display: inline-flex;
}
.failure .failure_box{
    display: inline-flex;
}
.upper_box{
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    background-color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.real_money_data{
    display: inline-flex;
    display: none;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #383838;
    font-weight: bold;
    font-size: 16px;
}
.game_data{
    display: inline-flex;
    display: none;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.game_data_txt{
    font-size: 12px;
    font-weight: bold;
    color: #383838;
    margin-right: 8px;
}
.game_data_point{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2px;
}
.game_data_point_icon{
    width: calc(24px * 0.7);
    height: calc(24px * 0.7);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    margin-top: 3px;
}
.game_data_point_num{
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fe8d42;
    font-weight: bold;
}
.downnpart{
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    background-color: #ffffff;
    padding-top: 12px;
    padding-bottom: 12px;
}
.success_box{
    display: none;
    width: 100%;
    align-items: center;
    /* justify-content: center; */
    flex-wrap: wrap;
    flex-direction: column;
}
.success_box_line1{
    width: 100%;
    font-size: 12px;
    color: #444444;
    display: inline-flex;
    /* justify-content: center; */
    align-items: center;
    line-height: 2;
    font-weight: bold;
}
.game_total_money_show{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.sbl_txt{
    margin-right: 8px;
}
.game_total_money_icon{
    width: calc(24px * 0.5);
    height: calc(24px * 0.5);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    margin-top: 3px;
}
.game_total_money_num{
    font-size: 14px;
    color: #fe8d42;
}
.real_money_show{
    font-size: 14px;
    display: inline-flex;
    display: none;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    color: #0a9bd5;
    font-weight: bold;
}
.real_money_show_num{
    margin-right: 8px;
}
.failure_box{
    display: none;
    width: 100%;
    /* align-items: center; */
    /* justify-content: center; */
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 12px;
    line-height: 2;
}
.failure_box_line1{
    color: #383838;
    font-weight: bold;
}
.failure_box_line2{
    color: #adacac;
}
@media screen and (min-width: 375px){
    .upper_box{
        padding-top: 17px;
        padding-bottom: 17px;
    }
    .real_money_data{
        font-size: 18px;
    }
    .game_data_txt{
        font-size: 14px;
        margin-right: 10px;
    }
    .game_data_point{
        margin-bottom: 3px;
    }
    .game_data_point_icon{
        width: calc(24px * 0.75);
        height: calc(24px * 0.75);
        margin-right: 10px;
        margin-top: 3px;
    }
    .game_data_point_num{
        font-size: 20px;
    }
    .downnpart{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .success_box_line1{
        font-size: 14px;
        line-height: 2;
    }
    .sbl_txt{
        margin-right: 10px;
    }
    .game_total_money_icon{
        width: calc(24px * 0.6);
        height: calc(24px * 0.6);
        margin-right: 10px;
        margin-top: 3px;
    }
    .game_total_money_num{
        font-size: 16px;
    }
    .real_money_show{
        font-size: 16px;
        margin-right: 10px;
    }
    .real_money_show_num{
        margin-right: 10px;
    }
    .failure_box{
        font-size: 14px;
        line-height: 2;
    }
    .real_money_data{
        font-size: 22px;
    }
}
@media screen and (min-width: 414px){
    .real_money_data{
        font-size: 26px;
    }
    .upper_box{
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .game_data_txt{
        font-size: 16px;
        margin-right: 12px;
    }
    .game_data_point{
        margin-bottom: 4px;
    }
    .game_data_point_icon{
        width: calc(24px * 0.8);
        height: calc(24px * 0.8);
        margin-right: 12px;
        margin-top: 4px;
    }
    .game_data_point_num{
        font-size: 22px;
    }
    .downnpart{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .success_box_line1{
        font-size: 16px;
        line-height: 2;
    }
    .sbl_txt{
        margin-right: 12px;
    }
    .game_total_money_icon{
        width: calc(24px * 0.7);
        height: calc(24px * 0.7);
        margin-right: 12px;
        margin-top: 2px;
    }
    .game_total_money_num{
        font-size: 18px;
    }
    .real_money_show{
        font-size: 18px;
        margin-right: 12px;
    }
    .real_money_show_num{
        margin-right: 12px;
    }
    .failure_box{
        font-size: 16px;
        line-height: 2;
    }
}
@media screen and (min-width: 480px){
    .real_money_data{
        font-size: 28px;
    }
    .upper_box{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .game_data_txt{
        font-size: 18px;
        margin-right: 15px;
    }
    .game_data_point{
        margin-bottom: 4px;
    }
    .game_data_point_icon{
        width: calc(24px * 0.9);
        height: calc(24px * 0.9);
        margin-right: 15px;
        margin-top: 4px;
    }
    .game_data_point_num{
        font-size: 24px;
    }
    .downnpart{
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .success_box_line1{
        font-size: 18px;
        line-height: 2;
    }
    .sbl_txt{
        margin-right: 15px;
    }
    .game_total_money_icon{
        width: calc(24px * 0.8);
        height: calc(24px * 0.8);
        margin-right: 15px;
        margin-top: 2px;
    }
    .game_total_money_num{
        font-size: 20px;
    }
    .real_money_show{
        font-size: 20px;
        margin-right: 15px;
    }
    .real_money_show_num{
        margin-right: 15px;
    }
    .failure_box{
        font-size: 18px;
        line-height: 2;
    }
}
@media screen and (min-width: 768px){
    .real_money_data{
        font-size: 32px;
    }
    .upper_box{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .game_data_txt{
        font-size: 20px;
        margin-right: 25px;
    }
    .game_data_point{
        margin-bottom: 3px;
    }
    .game_data_point_icon{
        width: calc(24px * 1);
        height: calc(24px * 1);
        margin-right: 15px;
        margin-top: 3px;
    }
    .game_data_point_num{
        font-size: 24px;
    }
    .downnpart{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .success_box_line1{
        font-size: 20px;
        line-height: 2;
    }
    .sbl_txt{
        margin-right: 20px;
    }
    .game_total_money_icon{
        width: calc(24px * 0.9);
        height: calc(24px * 0.9);
        margin-right: 20px;
        margin-top: 2px;
    }
    .game_total_money_num{
        font-size: 24px;
    }
    .real_money_show{
        font-size: 24px;
        margin-right: 15px;
    }
    .real_money_show_num{
        margin-right: 15px;
    }
    .failure_box{
        font-size: 20px;
        line-height: 2;
    }
}
/* 購物車-交易結果頁面-End============================ */

/* @media screen and (min-width: 375px){}
@media screen and (min-width: 414px){}
@media screen and (min-width: 480px){}
@media screen and (min-width: 768px){} */

.cannotbuy > div {
    filter: opacity(.2);
    -webkit-filter: opacity(.2);
    -moz-filter: opacity(.2);
    -o-filter: opacity(.2);
    -ms-filter: opacity(.2);
}

.cannotbuy > span {
    width: 80px;
    position: absolute;
    right: 23px;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    color: red;
    font-weight: 500;
}