@charset "UTF-8";
.bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg img {
    display: none;
}
.pc_block{
    display: block;
}
.form-horizontal .form-group label.label-control-pc2row{
    margin-top: 0;
}
.form-group .required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #f1416c;
    padding-left: 0.25rem;
    font-weight: 700;
}
.bootstrap-touchspi>*{
    height: 40px;
}
.coin-xs{
    width: 30px !important;
    height: 30px !important;
    padding: 4px !important;
    
}
.w-coins-pic.coin-xs{
    box-shadow: 2px 1px #b44033;
}
.m-coins-pic.coin-xs{
    box-shadow: 2px 1px #4a9183;
}
.coin-xs img {
    vertical-align: top;
    position: relative;
    top: 0px;
}
.desc_item+.desc_item{
    margin-top: 1.5rem;
}
.dropdown-item [class*=" la-"], .dropdown-item [class^=la-] {
    font-weight: 400;
    line-height: 1;
    font-size: 1rem !important;
}
.home_block_title{
    display: flex;
    align-items: center;
}
.home_block_txt{
    flex: 1;
}
.home_block_txt h4 {
    font-weight: 600;
    margin-bottom: 10px;
}
.home_block_title .btn-readmore{
    width: 100px;
    text-align: right;
}
.home_block_title .btn-readmore a {
    color: #878787;
}
.btn-green{
    background-color: #5aab9b;
    color: #FFFFFF;
}
/*右側選單*/
.right_nav{
    display: none;
    position: absolute;
    top: 110px;
    right: -70px;
    left: inherit;
}
.right_nav_item {
    display: block;
    margin-bottom: 12px;
    transform: translateX(0);
    transition: 0.3s;
    text-align: center;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.35rem;
}
.right_nav_item.red{
    border: solid 1px #D4646B;
    box-shadow: 3px 3px 1px #d4646b;
}
.right_nav_item.green{
    border: solid 1px #63b3a1;
    box-shadow: 3px 3px 1px #63b3a1;
}
.right_nav_item img{
    width: 100%;
}
.right_nav_link{
    display: flex;
    align-items: center;
    padding: 7px;
    font-size: 17px;
}
.right_nav_item .quick_btn_icon{
    width: 36px;
    height: 36px;
    overflow: hidden;
    transform:scale(0.8, 0.8);
}
.right_nav_item:hover {
    transform: translateX(-65px);
}
/* .right_nav_link:hover .quick_btn_icon img{
    margin-top: -36px;
} */
.right_nav_pic{
    display: flex;
    position: relative;
    width: 36px;
    height: 36px;
    padding: 3px;
    background-color: #fff;
    overflow: hidden;
}
.right_nav_pic img{
    width: 100%;
    z-index: 2;
    position: relative;
}
.right_nav_link:hover .right_nav_pic::after {
    position: absolute;
    content: "";
    right: -13px;
    top: 13px;
    width: 36px;
    height: 36px;
    background-color: #C95360;
    transform: rotate(45deg);
    z-index: 1;
}
.right_nav_txt{
    flex: 1;
    text-align: left;
    padding-left: 1px;
    padding-right: 9px;
}
/*金色按鈕*/
.btn-gold {
    border-color: #F0B71A !important;
    background-color: #F0B71A !important;
    color: #FFFFFF; 
}
.btn-gold:hover {
    border-color: #e1ac1d !important;
    background-color: #e1ac1d !important;
    color: #FFF !important; 
}
.btn-gold:focus, .btn-gold:active {
    border-color: #e7b323 !important;
    background-color: #e1ac1d !important;
    color: #FFF !important; 
}
/*白色按鈕*/
.btn-white{
    border-color: #fff !important;
    background-color: #fff !important;
    color: #d4646b; 
}
.btn-white:hover, .btn-white:focus{
    color: #b54f55 !important;
    box-shadow: 1px 1px 5px 1px rgb(62 62 62 / 15%);
}
/*首頁標題*/
.index_page_title{
    position: relative;
    margin-bottom: 28px;
    padding-right: 113px;
}
.index_page_title h1{
    font-weight: 600;
    color: #424242;
    line-height: 1.5;
}
.index_page_title_coin_m{
    position: absolute;
    right: 44px;
    top: 34px;
    z-index: 2;
}
.index_page_title_coin_m img{
    width: 60px;
    height: 60px;
}
.index_page_title_coin_w{
    position: absolute;
    right: 0;
    top: 20px;
}
.index_page_title_coin_w img{
    width: 55px;
    height: 55px;
}
/*首頁區塊標題*/
.home_block_title_red{
    background-color: #d4646b;
    padding: 1rem 1.5rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}
.home_block_title_red h2{
    color: #fff;
    margin-bottom: 8px;
    font-weight: 600;
}
.home_block_title_red h4{
    color: #f5f5f5;
    margin-bottom: 0;
}
.home_block_title_red.have_more{
    display: flex;
    align-items: flex-end;
}
.home_block_title_txt{
    flex: 1;
}
.home_block_title_btn .btn-red{
    background-color: #fff;
}
.home_block_title_btn select{
    border-radius: 48px;
    border: none !important;
}
/*首頁主題籌碼*/
.theme_coin_block{
    display: block;
    margin-bottom: 64px;
}
.theme_coin_title h1{
    font-weight: 600;
    color: #424242;
    margin-bottom: 1rem;
}
.theme_coin_item_card{
    width: 80vw;
    max-width: 280px;
    border: solid 3px #51A2E9;
    border-radius: 15px;
    overflow: hidden;
}
.theme_coin_item_bottom{
    position: relative;
    background-color: #51A2E9;
    padding: 1rem 70px 1rem 1rem;
}
.theme_coin_item_title{
    background-color: #fff;
    color: #51A2E9;
    font-size: 1.5rem;
    margin-bottom: 5px;
    font-weight: 400;
    width: fit-content;
    padding: 0 1.5rem;
    border-radius: 40px;
}
.theme_coin_item_txt{
    color: #fff;
}
.theme_coin_item_bottom_cion{
    position: absolute;
    right: .5rem;
    top: -0.7rem;
}
.theme_coin_item_bottom_cion .coin-big{
    width: 100px !important;
    height: 100px !important;
}
/*首頁福利社*/
.home_gift_list{
    margin-bottom: 64px;
}
.home_gift_item .media{
    width: 80vw;
    max-width: 290px;
    background: #FFF;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 10%);
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 0;
    align-content: flex-start;
    padding-bottom: 45px;
    flex-wrap: wrap;
}
.home_gift_item .media .media-top {
    flex: 0 0 100%;
    padding: 10px;
    padding-left: 80px;
    min-width: 0;
}
.home_gift_item .media .media-top .w-coins-pic {
    position: absolute;
    top: 5px;
    left: 10px;
    padding: 8px;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 10px;
}
.home_gift_item .media .store-name {
    display: block;
    color: #1f9086;
    padding: 0;
    background: transparent !important;
    font-size: 1.1rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.home_gift_item .media .media-top .w-coins {
    font-size: 1.5rem;
}
.home_gift_item .media .store_pic {
    position: relative;
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 15px;
    margin-right: 0;
    overflow: hidden;
    background: #f2f2f2;
}
.home_gift_item .media .store_pic a.pic_img {
    display: block;
    padding-top: 71%;
    background-size: cover;
    background-position: center center;
}
.home_gift_item .btn-add-favor {
    position: absolute;
    top: 8px;
    right: 8px;
    left: inherit;
    box-shadow: 0px 1px 5px 1px rgb(62 57 107 / 20%);
    background: #FFF !important;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 7px 0;
    text-align: center;
    white-space: nowrap;
}
.home_gift_item .media .media-body {
    position: relative;
    flex: 0 0 100%;
    padding: 0 10px;
    min-width: 0;
}
.home_gift_item .media .media-body h4.media-heading {
    font-size: 1.2rem;
}
.home_gift_item .media .media-body h4.media-heading a{
    height: 2.8rem;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.home_gift_item .media .media-right {
    flex: 0 0 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.home_gift_item .media .media-right .mycoin-num {
    width: 100%;
    color: #E55942;
    background: #FCE9E9;
    padding: 3px 20px 3px 10px;
    margin-right: -20px;
    border-radius: 30px;
}
/*首頁購賞區*/
.home_product_list{
    margin-bottom: 64px;
}
.home_product_item{
    width: 80vw;
    max-width: 290px;
}
.home_product_item .media {
    background: #FFF;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 10%);
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 0;
    align-content: flex-start;
    padding-bottom: 45px;
    flex-wrap: wrap;
}
.home_product_item .media-top{
    flex: 0 0 100%;
    padding: 6px 10px 5px 10px;
}
.home_product_list .wm-coins{
    display: flex;
    align-items: center;
}
.home_product_list .coin-info img{
    width: 60px;
    height: 60px;
    margin-right: 4px;
}
.home_product_list .media .store_pic {
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 15px;
    margin-right: 0;
    overflow: hidden;
    background: #f2f2f2;
}
.home_product_list .media .store_pic a.pic_img {
    display: block;
    padding-top: 71%;
    background-size: cover;
    background-position: center center;
}
.home_product_list .media .media-body {
    position: relative;
    flex: 0 0 100%;
    padding: 0 10px;
    min-width: 0;
}
.home_product_list .media .media-body h4.media-heading {
    font-size: 1.2rem;
}
.home_product_list .media .media-body h4.media-heading a{
    height: 2.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.home_product_list .media .media-right {
    flex: 0 0 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.home_product_list .media .media-right .mycoin-num {
    width: 100%;
    color: #F0B71A;
    background: #fff3d2;
    padding: 3px 20px 3px 10px;
    margin-right: -20px;
    border-radius: 30px;
}
.home_product_list .media .media-right .btn {
    margin-bottom: 0;
}
.home_product_list .media .media-right .mycoin-num a {
    color: #F0B71A;
}
.home_product_list .media .media-right .mycoin-num img {
    position: relative;
    top: -1px;
    width: 20px;
}
/*不是會員的人扭蛋*/
.ranking_new_member_box{
    text-align: center;
    padding: 1rem;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.ranking_new_member_box h4 .font_red{
    color: #E55942;
}
.ranking_new_member_box h4 .font_line{
    color: #07b53b;
}
.ranking_new_member_box h4 .font_small{
    font-size: 1rem;
}
.ranking_new_member_btn{
    margin-top: 1rem;
}
.kol_face_item {
    width: 165px;
    position: relative;
}
.kol_face_item::before{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(30 30 30 / 50%);
    content: "";
    background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/j78/images/icon_question.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 80%;
    border-radius: 50%;
}
.kol_face_item .bg{
    padding-bottom: 100%;
    border-radius: 50%;
}
.new_member_capsule{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 1rem;
    background-color: rgb(30 30 30 / 90%);
}
.new_member_capsule_content{
    flex: 1;
}
.ranking_new_member_box .fancybox-close-small {
    background: #fa657b;
    color: #FFF;
    top: -15px;
    right: -14px;
    border-radius: 30px;
    opacity: 1;
}
.ranking_kol_face_bg{
    background-image: url(https://www.womo.com.tw/public/womoactivity/images/coin_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 250px;
    height: 250px;
    width: 250px;
    margin: 0 auto 1rem auto;
    padding-top: 43px;
    padding-left: 39px;
}
#signup_fancybox{
    padding: 1.5rem 1rem;
}
#signup_fancybox .ranking_new_member_box{
    margin-top: 1.5rem;
    padding: 0;
}
.new_member_linepoint{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99995;
    height: 0px;
    overflow: hidden;
    transition: 0.5s all;
}
.new_member_linepoint.active{
    height: 100px;
}
.new_member_linepoint .ranking_new_member_box{
    border-radius: 4px 4px 0 0;
    height: 100%;
    max-width: 100%;
}

/*首頁banner-新年*/
.act_banner_block {
    background: #7E191D url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/newyear_bg2.png) repeat center top;
    text-align: center;
    /*margin-top: -32px;*/
    padding-bottom: 1rem;
}
.act_banner_block img {
    max-width: 100%;
}
.act_btn_block {
    padding: 0 15px;
}
.act_btn {
    position: relative;
    display: flex;
    align-items: center;
    color: #7E191D;
    background: #F5B446;
    border-radius: 30px;
    padding: 15px 25px 15px 15px;
    font-size: 1.2rem;
    margin: 1.5rem auto;
    width: fit-content;
    box-shadow: 2px 2px #FFF;
}
.act_btn:hover {
    color: #7E191D;
    transform: translate(2px, 2px);
    box-shadow: 0px 0px #FFF;
}
.act_btn i {
    font-size: 2rem;
    margin-right: 10px;
}
.act_btn .pic {
    position: absolute;
    right: -15px;
    top: -10px;
}
.act_btn_rule {
    display: inline-block;
    color: #feecec;
    margin: 1rem 0 0.5rem 0;
    text-decoration: underline;
}
.act_btn_rule:hover {
    color: #FFF;
    text-decoration: none;
}
@media (max-width: 767px) {
    .act_banner_block {
        /*margin-top: -5px;*/
    }
    .act_btn {
        font-size: 1.1rem;
    }
    .act_btn i {
        font-size: 1.4rem;
        margin-right: 5px;
    }
}

/*首頁扭蛋機*/
.home_capsule_block{
    margin-bottom: 80px;
}
.capsule_ad_box{
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.capsule_ad_btn{
    display: flex;
    align-items: center;
    flex: 1;
    background-color: #172E39;
    padding: 4px;
    border: solid 3px #972313;
    border-radius: 4px;
    margin-right: 1rem;
}
.capsule_ad_btn_img{
    width: 40px;
    margin-right: 8px;
}
.capsule_ad_btn_img img{
    width: 100%;
}
.capsule_ad_btn_img .bg{
    padding-bottom: 100%;
}
.capsule_ad_btn_txt{
    flex: 1;
    color: #fff;
}
.capsule_ad_btn_txt span{
    color: #FFAF58;
}
.capsule_machine_first_tips{
    background-color: #fff;
    margin: 0.5rem auto 1rem auto;
    border-radius: 10px;
    padding: 5px 15px;
    color: #0C543B;
    width: fit-content;
    font-size: 1.2rem;
}
.capsule_machine_first_tips span{
    color: #07b53b;
}
.capsule_ad_link_icon{
    color: #fff;
}
.capsule_ad_link_txt{
    color: #fff;
    line-height: 1.2;
}
.see_rule_box{
    display: flex;
}
.see_rule_img{
    margin-right: 1rem;
    text-align: center;
}
.see_rule_img img{
    width: 100px;
}
.see_rule_txt{
    flex: 1;
    line-height: 1.6;
}
.see_rule_box_2 .capsule_ad_btn{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.see_rule_box_2 .invite_friend_step{
    margin-top: 1.5rem;
    margin-left: -44px;
    margin-right: -44px;
    margin-bottom: 1.5rem;
}
#see_rule_fancybox_right .social-share-btn2{
    margin-top: 1.5rem;
}
#see_rule_fancybox_right .social-share-btn2 ul{
    margin-top: 0;
    margin-bottom: 1.5rem;
}
#see_rule_fancybox_right .social-share-btn2 .line-on-side span{
    background-color: #FFF;
    font-size: 1.1rem;
}
#see_rule_fancybox_right .btn_pro_telegram img{
    margin-top: -4px;
}
.see_rule_2_btn .btn{
    background-color: #0C543B;
    color: #FFAF58;
}
.see_ranking_title{
    color: #D4646B;
    margin-bottom: 1rem;
    font-weight: 600;
    text-align: center;
}
.see_ranking_money{
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
}
.see_ranking_money span{
    margin-left: 4px;
    margin-right: 4px;
    border: solid 3px #172E39;
    background-color: #972313;
    color: #fff;
    font-size: 2rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.see_ranking_rule_box{
    background: #fbeaea;
    border: solid 1px #D4646B;
    border-radius: 10px;
    box-shadow: 3px 3px 1px #d4646b;
    margin-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.see_ranking_rule_lasting{
    background-color: #D4646B;
    color: #fff;
    margin-bottom: 1.5rem;
    border-radius: 10px;
    padding: 0.5rem 1.5rem 0.8rem 1.5rem;
    line-height: 1.6;
    margin-top: -2rem;
    text-align: center;
}
.see_ranking_rule_lasting span{
    font-size: 1.32rem;
    letter-spacing: 0.1rem;
}
.see_ranking_item{
    display: flex;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}
.see_ranking{
    width: 96px;
}
.see_ranking span{
    width: 100%;
}
.see_ranking_txt{
    flex: 1;
    padding-left: 1rem;
    color: #424242;
}
.see_ranking_tips{
    text-align: center;
    color: #D4646B;
}
.ranking_list_tips{
    margin: 1rem;
    margin-bottom: 0.5rem;
    text-align: center;
    flex: 1;
}
.photo_confirm_content{   
    text-align: center;
}
.photo_confirm_content h3{
    margin-bottom: 8px;
    font-weight: 600;
    color: #424242;
}
.photo_confirm_content h4{
    color: #D4646B;
}
.photo_confirm_content p {
    letter-spacing: 0.1rem;
}
.photo_confirm_btn .btn{
    width: 100%;
}
.photo_confirm_btn>div+div{
    margin-top: 8px;
}
.all_rank_page{
    padding-bottom: 1rem !important;
}
.all_rank_page .see_ranking_box{
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-top: -1rem;
}
.all_rank_page .rank-list:last-child{
    border-radius: 0;
}
.all_rank_box{
    position: relative;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.all_rank_title{
    margin-bottom: 2rem;
    text-align: center;
    color: #D05445;
    font-weight: 600;
}
.all_rank_box .all-rank-block{
    margin-top: 0;
    margin-bottom: 0;
}
.my_rank_box{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}
.my_rank{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    background-color: #F4F5FA;
}
.my_rank .mark {
    color: #FFF;
    min-width: 40px;
    padding: 5px;
    box-shadow: 2px 2px 1px #e6e6e6;
    background: #7d92d9;
    background: -moz-linear-gradient(-45deg, #7d92d9 0%, #df6295 100%);
    background: -webkit-linear-gradient(-45deg, #7d92d9 0%, #df6295 100%);
    background: linear-gradient(135deg, #7d92d9 0%, #df6295 100%);
}
.my_rank .coin-pic {
    background: url(../images/coin_bg.png) no-repeat;
    background-size: 100%;
    width: 90px !important;
    padding: 13px 16px 12px 13px !important;
    margin-left: 60px !important;
}
.my_rank .rank-list .name{
    text-align: left !important;
}
.my_rank .rank {
    margin: 0 20px 0 0;
    color: #a7a7a7;
    font-size: 0.9rem;
}
.my_rank .rank span {
    color: #dc8f56;
    display: block;
    font-size: 1.3rem;
}
.capsule_machine_box{
    /*display: grid;
    grid-template-columns: 330px auto;
    border: #0C543B 3px solid;
    border-radius: 15px;
    margin-bottom: -15px;*/
    background: #F6B641;
    padding: 30px;
    position: relative;
    overflow: hidden;
}
.capsule_machine{
    position: relative;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 6;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: #99414A url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/newyear_bg.png) repeat center top;
}
.capsule_bg_pic1 {
    position: absolute;
    top: 40px;
    right: -20px;
    z-index: 100;
}
.capsule_bg_pic2 {
    position: absolute;
    bottom: -10px;
    left: -20px;
    z-index: 100;
}
.capsule_ad_link_box{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    background-color: #0C543B;
    padding: 0.8rem 1.5rem 0 1.5rem;
    border-radius: 0 11px 0 0;
    padding-bottom: 0.8rem;
}
.capsule_ad_box{
    margin-bottom: 0;
}
.capsule_ad_link{
    text-align: center;
}
.capsule_machine_tab{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    display: flex;
    background-color: #043826;
}
.capsule_machine_item{
    padding: 4px 1rem;
    text-align: center;
    flex: 1;
    color: #e1e1e1;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #fff;
    cursor: pointer;
}
.capsule_machine_item.active{
    color: #fff;
    background-color: #0C543B;
    border-bottom: solid 1px #0C543B;
}
.capsule_main_stage{
    display: none;
}
.capsule_main_stage.open{
    display: block;
}
.capsule_main_box{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 3;
    background-color: #0C543B;
}
.capsule_machine_title{
    padding: 1rem 1.5rem 0 1.5rem;
    text-align: center;
}
.capsule_machine_title h2{
    color: #FFAF58;
    font-weight: 600;
    margin-bottom: 8px;
}
.capsule_slogan{
    color: #fff;
    background-color: #0C543B;
    padding: 0 1.5rem 1.2rem 1.5rem;
    font-size: 1.2rem;
    line-height: 1.6;
    text-align: center;
}
.capsule_slogan a{
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.capsule_slogan span{
    color: #e9747c;
    font-weight: 600;
}
.capsule_go_comment{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 4;
    position: relative;
    padding: 0.5rem 1rem 1.5rem 1rem;
    background-color: #F1C887;
    text-align: center;
    color: #3E3A39;
}
.capsule_go_comment:before, 
.capsule_go_comment:after,
.capsule_machine:before, 
.capsule_machine:after {
    position: absolute;
    display: block;
    content: " ";
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #F6B641;
    z-index: 50;
}
.capsule_go_comment:before, 
.capsule_machine:before {
    left: -50px;
}
.capsule_go_comment:after, 
.capsule_machine:after {
    right: -50px;
}
.capsule_go_comment:before, 
.capsule_go_comment:after {
    bottom: -50px;
}
.capsule_machine:before, 
.capsule_machine:after {
    top: -50px;
}
.capsule_times_tips{
    font-size: 1.2rem;
    line-height: 1.6;
}
.capsule_times_tips span{
    font-size: 1.74rem;
    font-weight: 600;
    color: #972313;
}
.capsule_tips_txt {
    color: #99414A;
    margin-top: 5px;
}
.capsule_go_comment::after{
    /*position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    background-color: #fff;
    right: -3px;
    top: 0;*/
}
/* .capsule_go_comment:hover{
    background-color: #FFAF58;
}
.capsule_go_comment:hover::after{
    background-color: #FFAF58;
} */
.capsule_go_comment a{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 1.5rem;
    color: #0C543B;
    font-size: 1.2rem;
}
.capsule_go_comment a .txt{
    flex: 1;
}
.capsule_go_comment a .title1{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 8px;
}
.capsule_go_comment .pic .arrow_icon{
    background-color: #0C543B;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show_comment_btn{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 5;
    border-radius: 0 0 11px 0;
    background-color: #972313;
    text-align: center;
    font-size: 1.74rem;
    font-weight: 600;
    color: #fff;
    padding: 0.7rem 1.5rem 1rem 1.5rem;
    cursor: pointer;
}
.show_comment_btn:hover{
    color: #FFAF58;
}
.show_comment_btn .pic{
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
.show_comment_btn .pic .arrow_icon{
    background-color: #fff;
    color: #0C543B;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show_comment_btn:hover .pic .arrow_icon{
    background-color: #FFAF58;
}
.show_comment_btn.active .pic{
    transform:rotate(180deg);
}
.home_capsule_content_box.active{
    height: auto;
    overflow: initial;
}
.home_capsule_content_box{
    /*height: 0;
    overflow: hidden;*/
}
.home_capsule_content{
    background-color: #F7E5CF;
    padding-top: 2rem;
    padding-bottom: 1rem;
    /*margin-bottom: 40px;
    border-radius: 0 0 10px 10px;*/
}
.home_capsule_content .home_block_title_btn{
    text-align: right;
    padding-right: 8px;
    margin-top: 0.5rem;
}
.activity_norm_link{
    color: #fff;
    font-size: 1rem;
    text-align: center;
    display: block;
    margin-top: 8px !important;
    text-decoration: underline;
}
.activity_norm_link:hover{
    color: #fff;
    text-decoration: underline;
}
.capsule_machine_bg{
    position: relative;
    /*background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/capsule_newyear.png);*/
    background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/capsule_newyear.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto;
    width: 280px;
    height: 360px;
}
.capsule_item .w-coins-pic{
    margin-right: 0;
}
.capsule_list{
    position: relative;
    height: 200px;
}
.capsule_item{
    position: absolute;
}
.capsule_item:nth-child(1){
    right: 91px;
    bottom: 113px;
}
.capsule_item:nth-child(2){
    right: 64px;
    bottom: 68px;
}
.capsule_item:nth-child(3){
    right: 17px;
    bottom: 66px;
}
.capsule_item:nth-child(4){
    left: 114px;
    bottom: 71px;
    z-index: 2;
}
.capsule_item:nth-child(5){
    left: 15px;
    bottom: 66px;
}
.capsule_item:nth-child(6){
    left: 64px;
    bottom: 75px;
}
.capsule_item:nth-child(7){
    left: 36px;
    bottom: 19px;
}
.capsule_item:nth-child(8){
    right: 142px;
    bottom: 29px;
}
.capsule_item:nth-child(9){
    right: 89px;
    bottom: 27px;
    z-index: 2;
}
.capsule_item:nth-child(10){
    right: 37px;
    bottom: 21px;
}
.capsule_tip{
    position: absolute;
    right: -59px;
    bottom: 96px;
    z-index: 2;
    width: 180px;
}
.capsule_tip img {
    width: 100%;
}
.capsule_btn{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 186px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.capsule_start.active{
    animation:rotate-taichi 1s ease-in-out 0s 1 alternate forwards;
    /*animation:rotate-taichi 1s ease-in infinite alternate; 此方式可以有回彈效果*/
} 
/*上架禮物*/
.image-uploader .btn-upload{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes rotate-taichi {
    0%{transform:rotate(0deg);}
    100%{transform:rotate(180deg);}
}
.wallet_coin.active{
    animation:coin-fall 1s ease-in-out 0s 1 alternate forwards;
} 
@keyframes coin-fall {
    0%{
        transform: translateY(-50px);
    }
    100%{
        transform: translateY(0);
    }
}
.coin_inwallet{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.coin_inwallet_coin{
    position: relative;
    z-index: 2;
}
.coin_inwallet_coin .w-coins-pic{
    margin-left: auto;
    margin-right: auto;
    width: 78px;
    height: 78px;
    display: block;
    padding: 10px;
}
.coin_inwallet_wallet{
    position: relative;
    margin-top: -40px;
    text-align: center;
}
.coin_inwallet_wallet img{
    width: 100px;
}
.wallet_cover{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 3;
}
.wallet_cover img{
    width: 100px;
}
.yuelao_icon{
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 28px;
}
.yuelao_icon img{
    width: 100px;
}
#capsule-fancybox{
    width: 100%;
    max-width: 700px;
}
#capsule-fancybox.newmember{
    padding-bottom: 100px;
}
#yuelao_coin_tab{
    margin-top: 16px;
}
#yuelao_coin_tab .nav-item {
    flex: 1;
}
#yuelao_coin_tab .nav-item .nav-link{
    color: #8c8c8c;
    border: 0;
    border-bottom: 3px solid #f4f5fa;
    border-radius: 0;
    background-color: #fff;
    width: 100%;
    justify-content: center;
}
#yuelao_coin_tab .nav-item .nav-link:hover, #yuelao_coin_tab .nav-item .nav-link:focus {
    color: #000;
    border: 0;
    border-bottom: 3px solid #f4f5fa;
    outline: none;
}
#yuelao_coin_tab .nav-item .nav-link.active{
    font-weight: bold;
    color: #000;
    border-bottom: 3px solid #000;
}
.yuelao_coin_tab_pane{
    padding-top: 1rem;
}
.yuelao_coin_tab_pane .yuelao_comment_card_body{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.yuelao_coin_tab_title{
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    color: #464855;
}
.yuelao_coin_tab_title span{
    color: #ED7780;
    font-weight: 600;
}
.who_have_list .media{
    align-items: center;
    padding: 1.5rem 0;
}
.who_have_list .media .media-heading {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0;
}
.who_have_list .media .media-body .icon {
    display: block;
    font-size: 1.5rem;
}
.who_want_list .media{
    align-items: center;
    padding: 1.5rem 0;
}
.who_want_list .media .media-heading {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0;
}
.who_want_list .media .media-right{
    text-align: right;
}
.capsule_fancybox_title{
    margin-bottom: 0;
    text-align: center;
}
#capsule-fancybox .fancybox_btn{
    margin-top: 1.5rem;
}
#capsule-fancybox .fancybox_btn a{
    width: 100%;
}
.capsule_times a{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: #9A1E23;
    border: solid 4px #C9BC9C;
    width: 220px;
    height: 40px;
    border-radius: 40px;
    line-height: 32px;
    font-size: 1.32rem;
    color: #fff;
    font-weight: 600;
}
.capsule_times a .pic{
    margin-left: 8px;
}
.capsule_times a .pic .arrow_icon{
    background-color: #FFAF58;
    color: #972313;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.capsule_times a .pic .arrow_icon .la{
    font-size: 14px;
}
.go_comment_link{
    text-align: center;
    margin-top: 1rem;
}
.yuelao_comment_title{
    background-color: #ED7780;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0.8rem 0.5rem;
}
.yuelao_comment_title h4{
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
}
.yuelao_comment_card{
    padding: 0 8px;
}
.yuelao_comment_item{
    width: 80vw;
    max-width: 310px;
    margin-bottom: 10px;
}
.get_comment_tips{
    text-align: center;
    padding: 0 1rem;
    margin-bottom: 20px;
}
.get_comment_tips span {
    display: block;
    width: fix-content;
    margin: 0 auto;
    color: #E60012;
}
.yuelao_comment_list{
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.yuelao_comment_list.owl-carousel .owl-stage-outer{
    padding-top: 2rem;
}
.yuelao_comment_card_body{
    position: relative;
    border: #912622 3px solid;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, .9);
}
.yuelao_comment_card_body:hover{
    background-color: #fff;
}
.yuelao_comment_card_body iframe{
    min-width: auto !important;
}
.yuelao_comment_card_slogan{
    background-color: #912622;
    color: #fff;
    padding: 3px 20px 3px 10px;
    border-radius: 30px;
    margin-bottom: 1rem;
    width: fit-content;
    margin-top: -2rem;
}
.yuelao_comment_card_btn_block {
    display: flex;
    justify-content: space-around;
}
.yuelao_comment_card_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF9149;
    border: #FF9149 3px solid;
    border-radius: 10px;
    padding: 5px 8px;
    font-size: 1.3rem;
    box-shadow: 3px 3px 0 #ff7e39;
    margin: 0 auto;
    color: #fff;
}
.yuelao_comment_card_btn img{
    width: 30px !important;
    margin-right: 10px;
}
.yuelao_comment_card_btn:hover{
    transform: translate(2px , 2px);
    box-shadow: 1px 1px 0 #FF7E39;
}
.yuelao_comment_card_btn.yuelao_comment_card_btn_green {
    background: #3A4432;
    color: #E9B046;
    border-color: #3A4432;
    box-shadow: 3px 3px 0 #20251C;
}
.yuelao_comment_card_btn.yuelao_comment_card_btn_green:hover{
    transform: translate(2px , 2px);
    box-shadow: 1px 1px 0 #20251C;
}
.comment_content_img .bg{
    padding-bottom: 71%;
}
.comment_name{
    display: flex;
    align-items: center;
}
.comment_content_card{
    background: #FFF;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 10%);
    padding: 0 0 8px 0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1rem;
}
.comment_content_img{
    margin-bottom: 10px;
    position: relative;
}
.yuelao_comment_card_body h4{
    font-size: 1.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.yuelao_comment_card_body h4 i{
    margin-right: 4px;
}
.yuelao_comment_card_body h4 img{
    width: 18px !important;
    margin-right: 4px;
}
.comment_content_txt{
    padding: 0 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 4.35rem;
}
.see_more_link{
    margin-top: 4px;
    padding: 0 1rem;
    text-align: right;
}
.yuelao_comment_card_body .coupon_product_left{
    margin-bottom: 1rem;
}
.yuelao_comment_card_body .coupon_product_left h4 a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 2.6rem;
}
.yuelao_comment_card_body .coupon_product{
    padding: 0 1rem;
}
.yuelao_comment_card_body .coupon_product .media-heading{
    font-size: 1.1rem;
}
.yuelao_comment_card_body .coupon_condition_content h4 {
    font-size: 1rem;
}
.yuelao_comment_card_body .coupon_item_img .bg{
    padding-bottom: 71%;
}
.comment_user_coin{
    position: absolute;
    top: -28px;
    right: 8px;
}
.comment_user_coin .w-coins-pic{
    display: block;
    margin-right: 0;
}
#invite_friend_fancybox{
    padding-left: 0;
    padding-right: 0;
}
.invite_friend_title{
    margin-bottom: 1.5rem;
    text-align: center;
    color: #0C543B;
    font-weight: 600;
}
.invite_friend_title span{
    color: #07b53b;
}
.linepoints{
    color: #07b53b;
}
.linepoints_logo{
    margin-left: 4px;
    margin-right: 4px;
    background-color: #07b53b;
    color: #fff;
    font-weight: 600;
    padding: 4px 16px;
    border-radius: 4px;
}
.linepoints_logo span{
    background-color: #fff;
    color: #07b53b;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.invite_friend_step{
    margin-bottom: -2.5rem;
}
.invite_friend_step_item{
    position: relative;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 2.5rem;
    text-align: center;
}
.invite_friend_step_item .wb{
    word-break: keep-all;
}
.invite_friend_step_item h3{
    margin-bottom: 8px;
    font-weight: 600;
    color: #424242;
}
.invite_friend_step_item p{
    letter-spacing: 0.1rem;
    color: #D4646B;
}
.linepoints_txt{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.invite_friend_step_num{
    position: absolute;
    left: 0;
    top: 4px;
    color: #FFAF58;
    font-weight: 600;
    width: 35px;
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 1.74rem;
} 
.invite_friend_step_num::before{
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 45px;
    border-color: transparent transparent transparent #0C543B;
    z-index: -1;
}
.invite_friend_step>div:nth-child(even) .invite_friend_step_num{
    right: 10px;
    left: auto;
    padding-left: 25px;
}
.invite_friend_step>div:nth-child(even) .invite_friend_step_num::before{
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
#invite_friend_fancybox .social-share-btn2{
    margin-top: 1.5rem;
}
#invite_friend_fancybox .social-share-btn2 ul{
    margin-top: 0;
    margin-bottom: 1.5rem;
}
#invite_friend_fancybox .social-share-btn2 .line-on-side span{
    background-color: #FFF;
    font-size: 1.1rem;
}
#invite_friend_fancybox .btn_pro_telegram img{
    margin-top: -4px;
}
.norm_title{
    color: #0C543B;
    font-weight: 700;
    text-align: center;
}
.norm_date{
    text-align: center;
}
.norm_content ul{
    margin-bottom: 1rem;
}
.norm_content li{
    list-style: disc;
}
/*全亞洲最大*/
.no1web_block{
    margin-bottom: 64px;
}
.no1web_block img{
    width: 100%;
}
/*品牌開外掛*/
.cheating_block img{
    width: 100%;
}
/*口碑籌碼*/
.home_mouth_content{
    background-color: #fff;
    margin-top: 1rem;
    margin-bottom: 64px;
    padding-bottom: 1rem;
    border-radius: 10px;
}
.go_mouth_btne a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #D4646B;
    background: #fff;
    border: solid 1px #D4646B;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 3px 3px 1px #d4646b;
    font-size: 1.2rem;
}
.go_mouth_btne a i{
    margin-right: 8px;
    font-size: 2rem;
}
.mouth_comment_box {
    padding-top: 1rem;
}
.mouth_comment_bottom{
    display: flex;
    align-items: flex-end;
}
.mouth_comment_km{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
}
.km_icon i{
    font-size: 2.6rem !important;
    color: #d4646b;
}
.km_num{
    color: #d4646b;
}
.mouth_comment_list{
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.mouth_comment_list.owl-carousel .owl-stage-outer {
    padding-top: 2rem;
}
.mouth_comment_list .yuelao_comment_card_body{
    border: #d4646b 3px solid;
}
.mouth_comment_list .yuelao_comment_card_slogan{
    background-color: #d4646b;
}
.get_coin_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dd5041;
    border: #dd5041 3px solid;
    border-radius: 10px;
    padding: 5px 8px;
    font-size: 1.3rem;
    box-shadow: 3px 3px 0 #81312b;
    margin: 0 auto;
    color: #fff;
}
.get_coin_btn:hover{
    transform: translate(2px , 2px);
    box-shadow: 1px 1px 0 #81312b;
}
.get_coin_btn.go_store{
    background: #4B847A;
    border: #4B847A 3px solid;
    box-shadow: 3px 3px 0 #0a4d42;
}
.get_coin_btn.go_store:hover{
    transform: translate(2px , 2px);
    box-shadow: 1px 1px 0 #0a4d42;
}
.mouth_comment_store img {
    width: 30px !important;
    margin-right: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
}
/*Skr秀*/
.home_skr_list{
    margin-top: 1rem;
    margin-bottom: 48px;
}
.home_skr_item{
    width: 80vw;
    max-width: 290px;
}
.home_skr_item .play-btn-title{
    height: 4.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/*追蹤動態牆*/
.owl-carousel .owl-item .bg img{
    display: none;
}
.home_follow_list{
    margin-top: 1rem;
}
.home_follow_item{
    width: 80vw;
    max-width: 290px;
}
.home_follow_item .card-body {
    padding: 10px;
}
.home_follow_item .media{
    align-items: center;
}
.home_follow_item .media-left {
    width: 25px;
    height: 25px;
    margin-right: 6px;
}
.home_follow_item .show-po-box, .media .show-po-box{
    padding: 0;
}
.home_follow_item .media-list .media{
    padding: 0;
}
.home_follow_card_content{
    position: relative;
    margin-top: 10px;
}
.home_follow_card_content.video{
    padding-bottom: 100%;
}
.home_follow_card_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home_follow_card_img .bg{
    padding-bottom: 100%;
}
.home_follow_card_txt{
    position: absolute;
    width: 100%;
    background-color: rgb(255 255 255 / 60%);
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 10px;
    color: #000;
    font-weight: 600;
}
.home_follow_card .btn-area {
    margin: 0 -10px;
    margin-top: 10px;
    padding: 10px 10px 0 10px;
    border-top: #e8e8e8 1px solid;
}
.unboxing_photo .media {
    border-top: none !important;
}
.unboxing_photo .show-po-box {
    width: 100%;
    white-space: initial;
}
/*header*/
.womo_header{
    height: 70px;
}
.womo_header .navbar-wrapper{
    height: 100%;
}
.womo_header .navbar-wrapper .navbar-container{
    height: 100%;
    background: #FFF;
}
.header_logo{
    height: 100%;
}
.womo_pc_header_row{
    height: 100%;
    display: flex;
    align-items: center;
}
.header_logo{
    width: 20%;
}
.header_logo a{
    height: 100%;
    display: flex;
    align-items: center;
}
.header_logo img{
    height: 33px;
}
.womo_pc_header_nav{
    position: relative;
    width: 60%;
    height: 100%;
}
.womo_pc_header_nav>.nav{
    height: 100%;
    justify-content: center;
}
.womo_pc_header_nav .get_coin_notice{
    position: absolute;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 60px;
    width: 130px;
    left: calc((100% - 150px)/2);
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    height: auto;
    padding-right: 0;
    cursor: pointer;
}
.womo_pc_header_nav .get_coin_notice span.count{
    margin-left: 8px;
}
.womo_pc_header_nav .get_coin_notice span.open{
    position: initial;
    width: 20px;
    height: 30px;
    bottom: -20px;
    margin-left: 8px;
    left: calc((100% - 30px)/2);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    background-color: #fff;
    color: #d4646b;
}
.headroom--unpinned-top .womo_pc_header_nav .get_coin_notice{
    display: none;
}
.womo_pc_header_notice{
    height: 100%;
    width: 20%;
}
.header_nav_item{
    display: block;
    text-align: center;
    background-color: #fff;
    background-clip: border-box;
}
.header_nav_link{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 7px;
    font-size: 17px;
    position: relative;
}
.header_nav_link .badge-up {
    top: 15px;
    font-size: 12px;
}
.header_nav_link .quick_btn_icon {
    width: 36px;
    height: 36px;
    overflow: hidden;
    transform: scale(0.8, 0.8);
}
.header_nav_link img {
    width: 100%;
}
.header_nav_link:hover .quick_btn_icon img {
    margin-top: -56px;
    /*margin-top: -110px;*/
    /*margin-top: -36px;*/
}
.header_nav_item .header_nav_link.active .quick_btn_icon img {
    /*margin-top: -56px;*/
    margin-top: -110px;
    /*margin-top: -36px;*/
}
.header_nav_pic{
    display: flex;
    position: relative;
    width: 36px;
    height: 36px;
    padding: 3px;
    background-color: #fff;
    overflow: hidden;
}
.header_nav_pic img{
    width: 100%;
    z-index: 2;
    position: relative;
}
.header_nav_link:hover .header_nav_pic::after, 
.header_nav_link.active .header_nav_pic::after {
    position: absolute;
    content: "";
    right: -13px;
    top: 13px;
    width: 36px;
    height: 36px;
    background-color: #C95360;
    transform: rotate(45deg);
    z-index: 1;
}
.womo_header .navbar-nav.float-right{
    height: 100%;
}
.womo_header .navbar-nav.float-right>li{
    height: 100%;
}
.womo_header .navbar-nav.float-right>li a.nav-link-label{
    padding: 0 0.5rem !important;
    display: flex;
    align-items: center;
    height: 100%;
}
.womo_header .navbar-nav.float-right>li a.nav-link-label i{
    font-size: 27px;
    margin-right: 0;
}
.womo_header .navbar-nav.float-right>li a.nav-link-label .badge-up{
    top: 12px;
    right: 0;
}
.womo_header .navbar-container ul.nav li a.dropdown-user-link{
    padding-top: 1.5rem;
}
.womo_pc_header_burger{
    position: fixed;
    top: 70px;
}
.womo_header .womo_pc_header_burger a.menu-toggle, 
.womo_header .womo_pc_header_burger a.menu-toggle2 {
    padding: 0;
    width: 48px;
    height: 48px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.womo_header .womo_pc_header_burger a.menu-toggle i, 
.womo_header .womo_pc_header_burger a.menu-toggle2 i {
    margin-right: 0;
}
#my_coin_notice{
    width: 100%;
    max-width: 700px;
}
.my_coin_notice_kind_item{
    margin-bottom: 1rem;
}
.my_coin_notice_list .media{
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}
.my_coin_notice_list .media .media-heading{
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}
.my_coin_notice_list .media .media-heading .notice_kind_tag{
    margin-right: 4px;
}
.my_coin_notice_list .media .media-right{
    display: flex;
    align-items: center;
    width: 160px;
}
.my_coin_notice_list .media .media-right .w-coins-pic, 
.my_coin_notice_list .media .media-right .m-coins-pic {
    margin-left: 8px;
    margin-right: 10px;
}
.my_coin_notice_count{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.my_coin_notice_count_left{
    flex:1
}
.my_coin_notice_count_left .text-danger{
    margin-right: 5px;
}
.my_coin_notice_count_right{
    text-align: right;
}
.fancybox-content .my_coin_notice_count .btn-sm{
    margin-top: 0;
}
/*開關*/
.womo_switch{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.womo_switch .switchery{
    height: 22px;
    width: 40px;
    background-color: #fff !important;
    border: solid 1px #D3CFC8;
    box-shadow: none !important;
    background-clip:initial;
} 
.womo_switch .switchery>small{
    background-color: #D3CFC8;
    box-shadow: none;
    width: 18px;
    height: 18px;
    top: 2px;
    left: auto !important;
    right: 2px;
}
.womo_switch.active .switchery{
    background-color: #D54E21 !important;
    border: solid 1px #D54E21 !important;
} 
.womo_switch.active .switchery>small{
    background-color: #fff;
    left: 2px !important;
    right: auto;
}
.womo_switch_txt{
    margin-bottom: 0;
    margin-left: 4px;
}
.agree_checkbox.custom-radio .iradio_square-red, .custom-radio .iCheck-helper{
    z-index: 1;
}
.agree_checkbox.custom-radio label{
    margin-left: -30px;
    padding-left: 30px;
    position: relative;
    z-index: 2;
}
/*按鈕並排*/
.two_btn{
    display: flex;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -10px;
}
.two_btn>div{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 10px;
    flex: 1;
}
.two_btn>div a{
    width: 100%;
}
/*評價星星*/
.full_star{
	width: 20px;
	height: 20px;
	background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/icon/star-solid.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}
.null_star{
	width: 20px;
	height: 20px;
	background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/icon/star-solid-null.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}
.half_star{
	width: 20px;
	height: 20px;
	background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/icon/star-solid-half.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}
.store_score_bar{
    height: 100%;
}
.store_score_list{
	display: flex;
    align-items: center;
    margin-left: -5px;
    margin-right: -5px;
}
.store_score_item{
	padding: 0 5px;
	display: flex;
    cursor: pointer;
}
.store_score_item.choose span{
	background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/icon/star-solid.svg);
}
.store_score_item.chosen span{
	background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/icon/star-solid.svg);
}
.store_score_bar.just_show .store_score_list{
    margin-left: -5px;
    margin-right: -5px;
}
.store_score_bar.just_show .store_score_item{
    cursor: auto;
    padding: 0 5px;
}
.store_score_bar.have_count{
    display: flex;
}
.store_score_bar.have_count .store_score_count{
    margin-left: 1rem;
    cursor: pointer;
}
/*日期期間輸入框*/
.period_group{
    display: flex;
    align-items: center;
}
.period_group_item{
    flex: 1;
}
.period_group_separate{
    padding: 0 8px;
}
/*幫助中心-常見問題*/
.question_list .media{
    flex-wrap: wrap;
}
.question_list .js_open_question{
    cursor: pointer;
}
.question_list .media:hover .question_title{
    color: #d4646b;
}
.question_title{
    color: #424242;
}
.open_question:after {
    content: "\f112";
    font-family: 'LineAwesome';
    font-size: 1rem;
    display: inline-block;
    transform: rotate(-90deg);
    transition: -webkit-transform 0.2s ease-in-out;
}
.question_list .media.open .open_question:after{
    transform: rotate(90deg);
}
.answer_content{
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: all 0.2s;
}
.question_list .media.open .answer_content{
    margin-top: 10px;
}
/*輪播*/
.swiper_box{
    position: relative;
    padding: 0 0 40px 0;
}
.swiper_box .gallery_pagination{
    bottom: 24px !important;
}
/*發行者前台*/
.activity_kind_nav_box{
    margin: 0 auto;
    width: 100%;
    max-width: 368px;
}
.activity_kind_nav{
    display: flex;
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.activity_kind_item{
    flex: 1;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.activity_kind_link{
    width: 100%;
    width: 100%;
    padding: 15px;
    border-radius: 15px;
}
.activity_kind_link a{
    display: flex;
}
.activity_kind_link a .txt{
    flex: 1;
    text-align: left;
}
.activity_kind_link a .txt .title {
    color: #000;
    font-size: 1.5rem;
    margin-bottom: 5px;
    font-weight: 400;
    display: block;
}
.activity_kind_link a .txt .title2 {
    color: #5E6060;
}
.activity_kind_link a .pic img {
    min-width: 45px;
}
.fancybox_btn{
    text-align: center;
    margin-top: 40px;
}
.fancybox_btn a.btn-red{
    color: #fff;
}
#gift_chips_fancybox{
    padding: 30px;
}
#gift_chips_fancybox h4{
    margin-bottom: 24px;
}
#gift_chips_fancybox .custom-radio{
    margin-top: 15px;
}
.select_shop_block{
    max-width: 700px;
    margin: 0 auto;
}
.select_shop_block_header{
    text-align: center;
}
.select_shop_block_header h2{
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
}
.select_shop_block_header h4{
    margin-bottom: 20px;
    line-height: 1.8rem;
}
@media (max-width: 768px) {
    .select_shop_block_header h4 span {
        display: block;
    }
}
.select_shop_lise, 
.select_shop_lise2 {
    margin-top: 21px;
    overflow: hidden;
}
.media .custom-radio{
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    padding-left: 30px;
}
.media .custom-radio .iradio_square-red {
    left: 15px;
    position: absolute;
}
.media .custom-radio > .po-gallery {
    width: 100%;
}
.media .custom-radio .po-gallery-swiper {
    border: #f7f7f7 3px solid;
}
.media .custom-radio .po-gallery-swiper .gallery_pagination, 
#gift_detail_fancybox .gallery_pagination {
    bottom: 15px !important;
}
.select_shop_item_box{
    position: relative;
    margin-bottom: 0;
    flex: 1;
}
.select_shop_lise .select_shop_gift_out, 
.select_shop_lise .select_shop_activity_on{
    position: absolute;
    display: flex;
    right: 13px;
    top: 0;
    width: 88px;
    height: 100%;
    align-items: center;
    z-index: 2;
}
.select_shop_lise .select_shop_gift_out img, 
.select_shop_lise .select_shop_activity_on img{
    width: 88px;
}
.select_shop_lise .select_shop_item{
    display: grid;
    grid-template-columns: 30% auto;
}
.select_shop_lise .select_shop_img{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 5;
}
.select_shop_img .bg{
    padding-bottom: 60%;
    border: #f2f2f2 1px solid;
}
.select_shop_lise .select_shop_name{
    padding-left: 17px;
    margin-bottom: 8px;
}
.select_shop_name h5{
    margin-bottom: 4px;
    color: #72B7A8;
}
.select_shop_name, .select_shop_name a {
    color: #72B7A8;
}
.select_shop_lise .select_shop_name span{
    color: #D4646B;
    font-size: 15px;
}
.select_shop_lise .select_shop_name .shop_coupon_status{
    margin-left: 4px;
}
.select_shop_lise .select_shop_name .shop_coupon_status span{
    font-size: 1rem;
    color: #fff;
}
.select_shop_lise .select_shop_countprice{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    margin-bottom: 4px;
    padding-left: 17px;
}
.select_shop_lise .select_shop_getdate{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 3;
    padding-left: 17px;
    margin-bottom: 8px;
}
.select_shop_lise .select_shop_sharedate{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 4;
    padding-left: 17px;
}
.select_shop_lise .select_shop_count, 
.select_shop_lise .select_shop_price{
    display: inline-flex;
    align-items: center;
}
.select_shop_lise .select_shop_count{
    margin-right: 18px;
}
.select_shop_lise .select_shop_price .w-coins-pic{
    width: 30px !important;
    height: 30px !important;
    padding: 4px !important;
    box-shadow: 2px 1px #b44033;
}
.select_shop_lise .select_shop_price .coins_count{
    margin-left: 8px;
    color: #D4646B;
}
.select_shop_lise .select_shop_sharedate{
    display: flex;
}
.media.disabled_cover{
    position: relative;
}
.media.disabled_cover::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.select_shop_lise .media-list+.btn-warning, 
.select_shop_lise2 .media-list+.btn-warning {
    border-radius: 0;
}
.select_shop_lise2 .media {
    border-top: 5px solid #efefef;
}
.select_shop_lise2 .select_shop_item {
    display: block;
}
.select_shop_lise2 .badge.badge-pill {
    margin-bottom: 10px;
}
.select_shop_lise2 .select_shop_header {
    display: flex;
    align-items: center;
    background: #fff3f3;
}
.select_shop_lise2 .select_shop_header .select_shop_img {
    flex: 1;
}
.select_shop_lise2 .select_shop_img .bg {
    border: #fff3f3 3px solid;
    background-color: #FFF;
}
@media (max-width: 767px) {
    .select_shop_lise2 .gift_detail_btn {
    margin-top: 0 !important;   
    }
}
.select_shop_lise2 .gift_detail_btn a {
    display: block;
    background: #000;
    border-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.select_shop_lise2 .select_shop_bot{
    background: #f7f7f7;
    padding: 10px;
}
.select_shop_lise2 .select_shop_name {
    display: flex;
    font-size: 1.2rem;
    margin-top: 5px;
}
.select_shop_lise2 .select_shop_name h5 {
    flex: 1;
    font-size: 1.2rem;
    text-decoration: underline;
}
.select_shop_lise2 .select_shop_item .shop_privilege {
    background: #FFF;
}
.select_shop_lise2 .select_shop_content span {
    
}
.select_shop_lise2 .btn-submit {
    
}
.step-btn-block {
    display: flex;
    justify-content: space-between;
}
.step-btn-block .btn-block + .btn-block {
    margin-top: 0;
}
.fixed-bottom-btn-block {
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: 0;
    width: 100%;
}
.fixed-bottom-btn-inner {
    max-width: 700px;
    margin: 0 auto;
    display: flex;
}
.shop_privilege, 
.shop_privilege_hide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    position: relative;
    padding: 15px 5px 15px 110px;
}
.privilege_name {
    flex: 1;
}
@media (max-width: 374px) {
    .select_shop_lise2 .privilege_name {
        flex: 0 0 100%;
    }
}
.shop_privilege {
    /*background-color: #faddc7;
    border: #FF9149 2px solid;*/
    background-color: #ffe1e1;
    border-radius: 5px;
    margin-top: 10px;
}
.shop_privilege .privilege_name {
    /*color: #FF9149;*/
    color: #000;
    word-break: break-all;
}
.shop_privilege .privilege_title {
    position: absolute;
    left: 0;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    /*background: #FF9149;*/
    background: #FFE3E3;
    color: #D4646B;
    padding: 5px;
    width: 100px;
    text-align: center;
    margin-right: 10px;
}
.shop_privilege .privilege_title > span {
    display: flex;
    align-items: center;
}
.shop_privilege .privilege_title .coin-s-40 {
    
}
.num_status {
    color: #28a745;
    margin-right: 10px;
}
.num_status.disabled {
    color: #6c757d;
}
@media (max-width: 413px) {
    .select_shop_lise2 .select_shop_item .shop_privilege {
        padding: 5px 5px 5px 110px;
    }
    .select_shop_lise2 .select_shop_item .shop_privilege .num_status {
        width: 100%;
        margin-top: 3px;
    }
}
.shop_privilege_hide {
    /*border: #cd506d 2px solid;*/
}
.shop_privilege_hide .privilege_name {
    /*color: #cd506d;*/
}
.shop_privilege_hide .privilege_title {
    /*background: #cd506d;*/
}
.select_shop_lise2 .media.disabled_cover {
    background: #fffafa;
}
.select_shop_lise2 .media.disabled_cover .off-info {
    height: 100%;
}
.select_shop_lise2 .media.disabled_cover::before {
    display: none;
}
.select_shop_lise2 .btn-submit span {
    display: block;
    margin-top: 5px;
    font-size: 0.9rem;
}
#select_womogift_fancybox {
    max-width: 550px;
    padding: 15px 0 0 0;
}
#select_womogift_fancybox .card {
    margin-bottom: 0;
}
.selet_shop_num {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.selet_shop_num .icon {
    flex: 1;
    white-space: nowrap;
    font-size: 1.3rem;
    margin-right: 10px;
}

#gift_detail_fancybox .select_shop_lise2 {
    margin-top: 0;
}
#gift_detail_fancybox .select_shop_img .bg {
    border: #f2f2f2 1px solid;
}
#gift_detail_fancybox .select_shop_bot {
    background: none;
    padding: 0;
}
#gift_detail_fancybox .select_shop_name {
    text-align: center;
    margin: 20px 0;
}
#gift_detail_fancybox .shop_privilege {
    margin-bottom: 0;
}
#gift_detail_fancybox .shop_privilege_hide, 
.privilege-list .shop_privilege_hide {
    /*background: #fac7c7;*/
}
#gift_detail_fancybox .num_status, .privilege-list .num_status {
    color: #FFF;
    background: #FF9149;
    border-radius: 30px;
    padding: 3px 15px;
    margin-right: 0;
    font-size: 0.9rem;
}
#gift_detail_fancybox .shop_privilege_hide .num_status, 
.privilege-list .shop_privilege_hide .num_status {
    background: #cd506d;
}
.privilege-list .shop_privilege_hide .num_status.num_status_green {
    color: #28a745;
    padding: 3px 0;
    background: none;
}
.privilege-list .shop_privilege_hide .num_status.num_status_green.num_status.disabled {
    color: #6c757d;
}
#gift_detail_fancybox .num_status.disabled, 
.privilege-list .num_status.disabled {
    color: #FFF;
    background: #CCC;
}
.shop_privilege_desc {
    /*background: #f7eae1;*/
    background: #FFF;
    padding: 15px;
    margin-bottom: 15px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}
.shop_privilege_desc p {
    margin-bottom: 5px;
}
.shop_privilege_desc p strong {
    color: #2e2e2e;
}
.shop_privilege_desc ul {
    padding-left: 25px;
}
.shop_privilege_desc ul li {
    list-style: disc;
}
.shop_privilege_desc_hide {
    /*background: #f7e1e1;*/
}
.shop_privilege_desc_other {
    background: #e4e4e4;
    border-radius: 5px;
    white-space: pre-line;
}

/*--- privilege-list --*/
.privilege-intro-block {
    padding: 10px 15px 15px 15px;
    text-align: center;
}
@media (max-width: 768px) {
    .privilege-intro-block {
        border-bottom: #f4f5fa 10px solid;
    }
    .two-col-m {
        display: block;
    }
}
.privilege-intro-block h4 {
    font-size: 1.3rem !important;
    margin: 30px 0 20px 0;
    line-height: 2rem;
}
.privilege-intro-block .txt-org {
    color: #FF9149;
}
.privilege-intro-block .txt-red {
    color: #cd506d;
}
.privilege-intro-block p {
    margin: 0;
}
.privilege-intro-list-block {
    width: fit-content;
    margin: 0 auto;
}
.privilege-intro-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*display: flex;
    margin: 5px 1%;
    width: 48%;
    border: #ecccce 1px solid;*/
    /*border-radius: 5px;
    box-shadow: 0px 1px 5px 1px rgb(62 57 107 / 20%);
    overflow: hidden;*/
    margin-bottom: 10px;
}
.privilege-intro-list .icon {
    margin-right: 8px;
}
.privilege-intro-list .icon img {
    width: 40px;
}
.privilege-intro-list .icon .title {
    display: none;
}
.privilege-intro-list-privilege .icon img {
    position: relative;
    top: -2px;
}
.privilege-intro-list-gift .icon img {
    height: 35px;
}
.privilege-intro-list .txt {
    margin-top: 5px;
    text-align: left;
}
@media (max-width: 375px) {
    .privilege-intro-list .txt {
        font-size: 0.9rem;
        text-align: center;
    }
    .privilege-intro-block2 .privilege-intro-list .icon .title {
        display: block;
    }
    .privilege-intro-block2 .privilege-intro-list .icon {
        width: 100% !important;
        justify-content: center;
    }
    .privilege-intro-block2 .privilege-intro-list .icon .pic {
        margin-right: 10px;
    }
    .privilege-intro-block2 .privilege-intro-list .txt .title {
        display: none;
    }
    .privilege-intro-block2 .privilege-intro-list .txt {
        width: 100%;
        text-align: center;
    }
}
.privilege-intro-list .title {
    display: inline-block;
    /*color: #FFF;
    font-size: 1.1rem;
    background: #ff9149;
    padding: 5px;*/
}
.privilege-intro-list .txt span {
    text-align: left;
}
.privilege-intro-block2 .privilege-intro-list-block {
    margin-bottom: 20px;
}
.privilege-intro-block2 .privilege-intro-list .icon {
    padding: 10px;
    background: #FFF;
    border-radius: 5px;
    margin: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
}
.privilege-intro-block2 .privilege-intro-list {
    background: #f7f7f7;
    padding: 5px;
    border-radius: 6px;
    border: #e8e5e5 1px solid;
    align-items: center;
    margin-bottom: 10px;
}
.privilege-intro-block2 .privilege-intro-list > .txt {
    margin: 0;
    padding: 5px 10px;
}
.privilege-intro-block2 .privilege-intro-list .txt span {
    display: block;
}

.btn-full-w.box-shadow-zindex {
    position: relative;
    z-index: 10;
}
.privilege-list-block {
    margin: 0 -7px;
}
.store-privilege-block .privilege-list-block {
    margin: 0;
}
.privilege-self-total-num {
    background: #fcf7f7;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.privilege-self-total-num b {
    font-size: 1.5rem;
    font-weight: normal;
    color: #d13e3e;
}
.privilege-self-total-num .btn {
    margin-left: 15px;
    padding: 3px 7px;
}
.privilege-list {
    position: relative;
    /*width: 50%;
    margin: 0 1% 5px 1%;*/
    background-color: #FFF;
    /*margin: 8px 0;*/
    border-bottom: #f4f5fa 10px solid;
}
.topic-get-success-box .privilege-list {
    border: 0;
}
.privilege-list:first-child {
    margin-top: 0;
    padding-top: 10px;
}
.privilege-list:last-child {
    border: 0;
}
.privilege-list .btn-delete-p {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 1.1rem;
}
.privilege-list .store_pic, 
.privilege-list .store_pic a {
    color: #6B6F82;
}
.privilege-list .store_pic {
    padding: 5px 10px;
}
.privilege-list .store_pic img {
    width: 25px !important;
    border-radius: 25px;
}
.privilege-list .media-header {
    display: flex;
    justify-content: flex-end;
}
.privilege-list .media-header .media-right {
    align-self: flex-end;
}
.privilege-list .pic img {
    width: 100%;
}
.privilege-list .po-gallery-swiper, 
.privilege-list .po-gallery-swiper-privilege {
    /*padding-bottom: 20px;*/
    /*padding-bottom: 80px;*/
}
.store-privilege-block .privilege-list .po-gallery-swiper, 
.shop-offline-info-block .privilege-list .po-gallery-swiper {
    /*padding-bottom: 108px;
    padding-bottom: 64px;*/
}
.privilege-list .gallery_pagination {
    bottom: 6px !important;
}
.privilege_info {
    display: flex;
    align-items: center;
    /*position: absolute;
    bottom: 23px;
    left: 0;*/
    z-index: 555;
    width: 100%;
    padding: 10px;
    background: #4c4c4c;
}
.privilege_store img {
    width: 40px;
}
.privilege_info .txt {
    color: #FFF;
    flex: 1;
    margin-left: 10px;
}
.privilege_info .title {
    color: #FF9149;
    font-size: 1.1rem;
}
.privilege_info .user_privilege_total_num {
    font-size: 0.8rem;
}
.privilege_info .btn {
    padding: 5px 15px !important;
}
.privilege_info .btn i.ft-chevron-right {
    margin-right: -10px;
}
.privilege_info .btn.disabled {
    opacity: 1 !important;
}
.privilege_info .distance-num {
    color: #00ffc8;
    font-size: 1.2rem;
}
.privilege_info_two_col {
    padding: 0;
    display: block;
    background: #4c4c4c;
}
.privilege_info_two_col .privilege_info_inner {
    display: flex;
    align-items: stretch;
    position: relative;
}
.privilege_info_two_col .title-mark {
    color: #D4646B;
    /*background: rgb(255 145 73 / 80%);*/
    background: #FFE3E3;
    display: flex;
    align-items: center;
    padding: 10px;
    width: 110px;
    height: 100%;
    position: absolute;
}
.privilege_info_two_col .title-mark span {
    display: inline-block;
}
.privilege_info_two_col .title-mark span.icon {
    font-size: 1.5rem;
    letter-spacing: 2.3px;
}
.privilege_info_two_col .title-mark span.coin-s-40, 
.shop_privilege .privilege_title .coin-s-40 {
    padding: 4px 4px !important;
    margin: -4px 10px 0 6px;
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
}
a.tip-mess {
    position: relative;
    color: #787777;
    white-space: nowrap;
}
a.tip-mess span {
    display: none !important;
    position: absolute;
    z-index: 20;
    top: -7px;
    left: 23px;
    color: #484848;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0px 1px 5px 1px rgb(62 57 107 / 20%);
    text-align: left;
}
a.tip-mess i {
    position: relative;
    top: 1px;
}
a.tip-mess span:before {
    position: absolute;
    display: block;
    content: " ";
    top: 11px;
    left: -9px;
    border: solid transparent;
    border-top: 5px solid transparent;
    border-right: 6px solid #FFF;
    border-bottom: 5px solid transparent;
}
a.tip-mess:hover span {
    display: block !important;
}
@media (max-width:414px) {
    .select_shop_lise2 a.tip-mess {
        white-space: inherit;
    }
    .select_shop_lise2 a.tip-mess span {
        width: calc(100vw - 200px);
    }
}
@media (max-width:374px) {
    a.tip-mess {
        white-space: inherit;
    }
    a.tip-mess span {
        width: calc(100vw - 120px);
    }
}
.privilege_info_two_col .title {
    font-size: 1rem;
    margin-top: 2px;
    color: #FFF;
}
.privilege_info_two_col .privilege_info_red .title-mark {
    border-top: #FFF 1px solid;
    /*background: #d6738a;
    background: rgb(205 80 109 / 80%);
    border-top: #FFF 1px solid;*/
}
.privilege_info_two_col .privilege_info_red .title-mark > span {
    display: flex;
    align-items: center;
}
.privilege_info_two_col .privilege_info_red .title {
    /*color: #cd506d;*/
}
.privilege_info_two_col .txt, 
.privilege_info_two_col .right-btn {
    margin: 0;
    padding: 10px;
}
.privilege_info_two_col .txt {
    padding-right: 5px;
    padding-left: 120px;
}
.privilege_info_two_col .privilege_info_red .txt, 
.privilege_info_two_col .privilege_info_red .right-btn {
    border-top: #6b6b6b 1px solid;
}
.privilege_info_two_col .right-btn {
    color: #F4DCDC;
    display: flex;
    align-items: center;
}
.privilege_info_two_col .right-btn .num {
    font-size: 0.9rem;
    position: relative;
    top: -2px;
}
.privilege_info_two_col .right-btn .num span {
    color: #cd506d;
    margin-left: 5px;
    font-size: 1.2rem;
}
.privilege_info_two_col .privilege_info_red .right-btn .num span {
    
}
.privilege-list .btn-area {
    margin-top: -10px;
    padding: 0 10px 10px 10px;
    /*display: flex;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;*/
}

.privilege-list .btn-area .btn.btn-block {
    margin: 0;
}
.privilege-list .btn-area .btn-block + .btn-block  {
    margin-top: 5px;
}
.privilege-list .btn-area.btn-area2 {
    padding: 10px;
}
.privilege-list .btn-area.btn-area2 .btn.btn-block {
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-right-width: 0;
}
.privilege-list .btn-area.btn-area2 .btn.btn-block + .btn.btn-block {
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-left-width: 0;
    border-right-width: 1px;
}
.privilege-list .btn-area.btn-area2 .btn.disabled {
    opacity: 1;
}
/*.privilege-list .btn-area .btn.btn-block {
    margin: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}
.privilege-list .btn-area .btn.btn-block + .btn.btn-block {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
}*/
.store-privilege-list .privilege-list .privilege_content {
    padding: 0 5px !important;
}
.store-privilege-list .privilege-list .btn-area {
    margin: 0;
    padding: 0 15px 10px 15px;
}
.store-privilege-list .privilege-list .btn-area .btn.btn-block {
    margin: 0;
    border-radius: 0;
}
.privilege-list .privilege_content {
    padding: 5px 6px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: #949494;
    /*border-top: #f6f5f5 1px solid;*/
    margin: 10px;
}
.privilege_content + .privilege_content {
    margin-top: -15px;
    padding: 0;
    border: 0;
}
.privilege-list .privilege_content dl {
    display: flex;
    align-items: center;
    margin: 0;
}
.privilege-list .privilege_content dl dt {
    font-size: 0.8rem;
    font-weight: normal;
}
.privilege-list .privilege_content dl dd {
    color: #FF9149;
    font-size: 1.1rem;
    margin: 0;
    top: -1px;
    position: relative;
    margin-left: 5px;
}
.privilege-list .badge {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
}
.privilege-list .privilege_content .select_shop_content {
    width: 100%;
}

.privilege-list .shop_privilege_desc {
    margin-bottom: 0;
    font-size: 0.9rem;
}
.privilege-list .shop_privilege_desc ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.privilege-list .shop_privilege_desc ul li {
    list-style: none;
    width: 65%;
}
.privilege-list .shop_privilege_desc ul li:nth-child(2n) {
    width: 35%;
}
.privilege-list .shop_privilege_desc ul li span {
    color: #000;
}
.privilege_btn_block {
    display: flex;
    padding: 0 5px 10px 5px;
}
.privilege_btn_block a {
    flex: 1;
    margin: 5px;
}
.icon-local-store {
    position: relative;
    padding-bottom: 70px;
    max-width: 120px;
    margin: 0 auto;
    left: -10px;
}
.icon-local-store .icon img {
    width: 100%;
}
.icon-local-store .icon-store {
    position: absolute;
    right: -30px;
    bottom: 35px;
    display: block;
    width: 100px !important;
    height: 100px !important;
}

.privilege-type {
    position: absolute;
    text-align: center;
    top: 10px;
    left: 10px;
    z-index: 10;
}
.privilege-type .w-coins-pic {
    position: relative;
    top: -2px;
    width: 45px;
    height: 45px;
    padding: 6px;
}
.privilege-type .txt {
    background: #FFF;
    border: #ea5848 2px solid;
    padding: 10px 20px 10px 50px;
    border-radius: 30px;
    margin-left: -40px;
    color: #b44033;
}

@media (min-width: 768px) {
    .btn-full-w.box-shadow-zindex {
        z-index: -1;
    }
    .privilege-list-block {
        margin: 0;
        background-color: #FFF;
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .privilege-list, 
    .privilege-list:first-child {
        padding: 0;
        border-radius: 10px;
        border: 0;
        box-shadow: 0px 1px 5px 1px rgb(62 57 107 / 20%);
    }
    .privilege-list-block .privilege-list {
        margin: 1%;
        width: 48%;
    }
    .privilege-list .btn-area {
        padding: 5px;
    }
    .store-privilege-list .privilege-list .btn-area {
        padding: 0;
    }
    .store-privilege-list .privilege-list .privilege_content {
        padding: 0 !important;
    }

    .privilege-intro-block2 .privilege-intro-list .icon {
        width: 80px;
        height: 80px;
    }
    .privilege-intro-list .icon img {
        width: 60px;
    }
    .privilege-intro-list-gift .icon img {
        height: 50px;
    }
}

/*- store-privilege-list -*/
.store-privilege-list .privilege-list .privilege_content {
    padding: 0;
    border-top: 0;
    margin-top: 0;
}
.store-privilege-list .privilege-list .po-gallery-swiper {
    padding-bottom: 0;
}
.store-privilege-list .privilege-list .gallery_pagination {
    bottom: 10px !important;
}
.store-privilege-list .privilege-list .shop_privilege_desc, 
.store-privilege-list .privilege-list .shop_privilege_desc_hide {
    background: #f6f6f6;
}

/*- -*/
.fancybox-content .privilege-list > .po-gallery {
    border-radius: 10px;
    overflow: hidden;
}

/*--- comment_recommend_fancybox ---*/
#comment_recommend_fancybox{
    width: 100%;
    max-width: 700px;
    padding-top: 2rem;
}
#comment_recommend_fancybox #imgBox{
    padding: 0 1rem;
}
.comment_recommend_fancybox .mycoupon-line:before, 
.comment_recommend_fancybox .mycoupon-line:after{
    background-color: #fff;
}
.comment_recommend{
    margin-top: 20px;
}
.comment_recommend_store{
    margin-top: 20px;
    position: relative;
    display: flex;
    align-items: center;
    background: #FFF;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%);
}
.comment_recommend_store .store_pic{
    padding: 5px;
}
.comment_recommend_store .store_pic img{
    width: 120px;
}
.comment_recommend_store .mycoupon-line{
    transform: rotate(90deg);
    width: 133px;
    top: 49%;
    left: 64px;
}
/* .comment_recommend_store .store_pic img {
    width: 120px;
    box-shadow: 0px 2px 10px 0px rgb(107 111 130 / 30%);
    border: #FFF 3px solid;
} */
.store_coupon_pic{
    margin-left: 6px;
    width: 120px;
}
.store_coupon_pic .bg{
    padding-bottom: 100%;
}
.comment_recommend_store .store_name{
    flex: 1;
    padding-left: 17px;
    margin-top: -10px;
}
.comment_recommend_store .store_name h4{
    margin-top: 10px;
}
.comment_recommend .notice-desc{
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}
.agree_checkbox a{
    color: #d4646b;
    text-decoration: underline;
}
.coupon_list{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1.5rem;
}
.coupon_list .media{
    display: block;
    width: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px;
    padding-bottom: 0;
    border-top:none;
}
.coupon_item{
    background: #FFF;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 10%);
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 0;
    align-content: flex-start;
}
.coupon_item_img_box{
    position: relative;
}
.coupon_item_img_box .coupon-status{
    right: 1.2rem;
    top: auto;
    bottom: -56px;
}
.comment_recommend_notice{
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}
.comment_recommend_notice_content{
    position: relative;
    background-color: #da5171;
    border-radius: 15px;
    padding: 15px;
    color: #fff;
}
.comment_recommend_notice_content .star_icon{
    position: absolute;
    top: -15px;
    left: -15px;
    width: 40px;
    transform: rotate(30deg);
}
.comment_recommend_notice_content .star_icon img{
    width: 100;
}
.comment_recommend_notice_content .title{
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.comment_recommend_notice_content .title_txt{
    font-size: 1.5rem;
    margin-right: 4px;
    font-weight: 700;
}
.comment_recommend_notice_content .title_tips {
    color: #f1f1f1;
}
.comment_recommend_notice_content .content{
    font-size: 1.1rem;
}
.media.reach .coupon_item_img_box::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: #000;
}
.media.reach_comment .comment_content_card{
    position: relative;
}
.media.reach_comment .comment_content_card::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: #000;
}
.media.reach_comment .comment_content_card .coupon-status{
    top: 200px;
}
.media.reach_all .comment_content_card::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: #000;
}
.media.reach_all a, .media.reach_comment a{
    pointer-events:none;
}
.coupon_item_img{
    position: relative;
}
.coupon_item_img img{
    width: 100%;
}
.product_lave_count{
    position: absolute;
    right: 8px;
    bottom: 12px;
    background: #FFFFFF;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2);
    border-radius: 13px;
    padding: 4px 14px;
}
.coupon_status{
    position: absolute;
    left: 8px;
    top: 8px;
    display: flex;
}
.coupon_status span{
    height: 26px;
    display: flex;
    align-items: center;
}
.coupon_status span+span{
    margin-left: 8px;
}
.coupon_status .border-success{
    background-color: #fff;
}
.coupon_kind{
    display: flex;
    align-items: center;
    padding: 0.5rem;
}
.coupon_kind_pic{
    margin-right: 6px;
}
.coupon_kind_pic .media-object {
    width: 25px;
}
.coupon_item_edit .dropdown-item .la{
    font-size: 1rem;
}
.coupon_item_edit{
    flex: 1;
}
.coupon_item_edit .coupon_status{
    position: initial;
}
.coupon_product{
    padding: 0 1.2rem;
}
.coupon_product .yuelao_comment_card{
    padding: 0;
    padding-top: 0.5rem;
}
.coupon_product .yuelao_comment_card_body{
    border: none;
    padding: 0;
    border-radius: 0;
}
.coupon_product .comment_content_txt{
    display: block;
}
.coupon_product_left{
    flex: 1;
    margin-bottom: 1.2rem;
}
.coupon_product .media-heading{
    margin-top: 12px;
}
.coupon_condition{
    display: flex;
    align-items: center;
}
.coupon_condition .admin_coin{
    width: 60px;
}
.admin_coin .coin-big{
    width: 53px !important;
    height: 53px !important;
    padding: 7px !important;
    box-shadow: 3px 1px #b44033;
}
.coupon_condition_content{
    flex: 1;
    padding-left: 2px;
}
.coupon_condition_content h4{
    color: #D4646B;
    margin-bottom: 0;
}
.coupon_condition_get{
    margin-top: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    text-align: center;
    font-size: 10px;
    padding: 4px 16px;
}
.coupon_product_btn .two_btn{
    flex-wrap: wrap;
}
.coupon_product_right{
    margin-bottom: 1.2rem;
    text-align: center;
}
.coupon_recommend_content{
    background: #FFFFFF;
    box-shadow: 0px 1px 15px 1px rgb(62 57 107 / 7%);
    padding: 1.1rem 1.2rem;
}
.coupon_recommend .store_score_bar{
    height: auto;
    margin-top: 4px;
}
.coupon_recommend_img_list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
    margin-top: 10px;
    margin-bottom: -4px;
}
.coupon_recommend_img_item{
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
}
.coupon_recommend_txt{
    margin-top: 12px;
}
.coupon_recommend_morelink{
    text-align: right;
    margin-top: 10px;
}
.coupon_recommend_morelink a{
    text-decoration-line: underline;
    color: #D4646B;
}
.iwant_coupon_recommend{
    padding: 1.2rem;
}
.iwant_coupon_recommend a{
    width: 100%;
}
#more_recommend_fancybox .store_score_bar{
    margin-bottom: 1rem;
    margin-top: 0;
}
#more_recommend_fancybox .store_score_list{
    margin-top: 0;
}
#more_recommend_fancybox .btn-wishlist{
    color: #d9979f;
    margin-right: 5px;
}
#more_recommend_fancybox .more_recommend_list .media-heading{
    margin-bottom: 3px;
}
.more_recommend_list .txt-tip{
    border-radius: 0.5rem 0.5rem 0 0;
}
.more_recommend_list .media-body{
    position: relative;
}
.more_recommend_txt{
    margin-top: 1rem;
}
.more_recommend_list .date {
    margin-top: 8px;
    color: #999;
}
.more_recommend_list .media .more_recommend_edit{
    position: absolute;
    right: 0;
    top: 0;
}
.more_recommend_list .media-left .media-object{
    width: 60px;
}
.admin_coupon_box .callout-border-left {
    display: table;
    padding: 15px;
    margin: 15px 7.5px 0 7.5px;
}
.admin_coupon_box .callout-border-left p{
    margin: 0;
}
.have_activity_nav_box>.row{
    align-items: center;
    margin-bottom: -8px;
}
.have_activity_nav_box>.row>*{
    padding-bottom: 8px;
}
/*發籌碼*/
.card.get_coin_way {
    box-shadow: 0px 1px 8px 1px rgb(0 0 0 / 10%) !important;
    margin: 0 5px;
}
.currency_story_list_box{
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin-left: -5px;
    margin-right: -5px;
}
.get_coin_way .media{
    align-items: center;
}
.currency_story_storelink{
    margin-bottom: 1rem;
    text-decoration-line: underline;
    color: #D4646B;
}
.currency_story_title{
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
    padding: 1.2rem;
    margin-top: 1.5rem;
}
.currency_story_title .media{
    align-items: center;
    justify-content: center;
}
.currency_story_title .media .media-left{
    padding-right: 1rem;
}
.currency_story_title .media .media-body{
    flex: initial;
}
.currency_story_title .media .media-body h5{
    margin-bottom: 0;
}
.currency_story_list .media{
    align-items: center;
}
.currency_story_list .pic img {
    width: 60px;
}
.currency_story_list .store_link{
    color: #D4646B;
}
.currency_story_btn{
    padding: 0 1.2rem 1.2rem 1.2rem;
    text-align: center;
}
/*品牌頁*/
.store-info .media-heading .store_score_bar{
    justify-content: center;
    margin-top: 1rem;
}
.store-desc-content .task-desc.have_edit_btn{
    position: relative;
    padding-right: 34px;
}
.store-desc-content .task-desc.have_edit_btn .edit_btn{
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
}
.store-desc-content .desc-content-txt .edit_btn {
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
}
.store-desc-content .desc-content-txt .edit_btn i {
    margin-right: 4px;
    font-size: 1.14rem;
    line-height: 1;
}
.media-bordered .edit_btn{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    display: block;
    color: #d4646b;
    width: fit-content;
}
.store-coupon-list .add_gift_btn{
    margin: 1rem auto;
    display: block;
    width: fit-content;
}
.media-bordered .add_gift_btn{
    margin: 1rem auto;
    display: block;
    width: fit-content;
}
.certification_last>div:first-child{
    display: flex;
    align-items: center;
    padding-right: 1rem;
}
.certification_txt{
    flex: 1;
}
.certification_icon{
    padding-left: 8px;
}
.certification_icon img{
    width: 52px;
}
.certification_wait>div:first-child{
    display: flex;
    align-items: center;
    padding-right: 1rem;
}
.certification_wait>div:last-child .btn{
    margin: 0 auto;
    display: flex;
    width: fit-content;
}
.certification_wait>div:last-child .btn_more{
    position: initial;
    display: block;
    margin-top: 8px;
}
.certification_pass>div:first-child{
    padding-right: 0;
}
.certification_pass>div:first-child .txt{
    display: flex;
}
.certification_pass .coin_count{
    display: flex;
    align-items: center;
}
.certification_pass .coin_count i{
    font-size: 1rem !important;
    margin-left: 4px;
}
.certification_pass .coin_count .btn{
    margin-left: 1.5rem;
}
.certification_pass div .m-coins, .certification_pass div .w-coins{
    display:initial;
}
.certification_pass div .w-coins{
    margin-left: 1.5rem;
}
.get_certification_icon {
    position: absolute;
    top: -21px;
    right: 20px;
}
.get_certification_icon img {
    width: 48px;
}
.get_certification_icon span {
    display: block;
}
.get_certification_icon.on span {
    color: #d4646b;
}
.get_certification_icon span a {
    display: flex;
    align-items: center;
    color: #b4b4b5;
}
.get_certification_icon span a:hover {
    color: #878585;
}
.get_certification_icon span a i {
    font-size: 1.2rem;
    width: 10px;
}
.nav.nav-tabs.nav-underline.nav-icon2 .nav-item:first-child a.nav-link span.icon img{
    /*width: 40px;*/
}
.store-info .shop_detail{
    margin-bottom: 2rem;
}
.coin_count_row{
    display: flex;
    margin: 1rem 1.5rem;
}
.coin_m_count_row{
    flex: 1;
    background-color: #eef9f7;
    margin-left: 0.5rem;
    border-radius: 5px;
    overflow: hidden;
}
.coin_w_count_row{
    flex: 1;
    background: rgb(255, 241, 241);
    margin-right: 0.5rem;
    border-radius: 5px;
    overflow: hidden;
}
.coin_count_content{
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
}
.coin_count_title{
    padding: 1rem 1.5rem;
    color: #fff;
}
.coin_m_count_row .coin_count_title{
    background-color: #309e8a;
}
.coin_w_count_row .coin_count_title{
    background-color: #cd506d;
}
.coin_count_btn{
    flex: 1;
    text-align: right;
}
.store_coupon_list_title{
    padding-left: 1.5rem;
}
.store_coupon_list_title span{
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 0px 1px 4px 1px rgb(62 57 107 / 7%);
    border-radius: 8px 8px 0 0;
    color: #000;
}
.store-coupon-list{
    position: relative;
    /*background-color: #fff;
    box-shadow: 0px 1px 4px 1px rgb(62 57 107 / 7%)*/
}
/*購買禮物權*/
.select_gift_item_box{
    position: relative;
    margin-bottom: 0;
    flex: 1;
}
.select_shop_lise .select_gift_item{
    display: grid;
    grid-template-columns: 30% auto;
}
.select_shop_lise .select_gift_img{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 5;
}
.select_gift_img .bg{
    padding-bottom: 60%;
    background-size: auto 100%;
}
.select_shop_lise .select_gift_name{
    padding-left: 17px;
    margin-bottom: 8px;
    padding-right: 110px;
}
.select_gift_name h5{
    margin-bottom: 4px;
}
.select_gift_name span{
    color: #464646;
    font-size: 15px;
}
.select_shop_lise .select_gift_countprice{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    margin-bottom: 4px;
    padding-left: 17px;
}
.select_shop_lise .select_gift_sharedate{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 3;
    padding-left: 17px;
}
.select_shop_lise .gift_detail_btn{
    position: absolute;
    right: 0;
    top: 0;
}
.select_shop_lise .select_gift_count, .select_shop_lise .select_gift_price{
    display: inline-flex;
    align-items: center;
}
.select_shop_lise .select_gift_count{
    margin-right: 18px;
}
.select_shop_lise .select_gift_price .coins_count{
    margin-left: 8px;
    color: #e1ac1d;
}
.select_shop_lise .select_gift_price .wm-coins{
    font-size: 1rem;
}
#set_gift_fancybox{
    width: 100%;
    max-width: 700px;
}
.select_shop_lise .set_gift_store .set_gift_pic{
    margin: -20px -30px 0 -30px;
}
.select_shop_lise .set_gift_pic .bg {
    height: 300px;
    background-size: auto 100%;
}
.select_shop_lise .set_gift_store_pic img {
    width: 120px;
    box-shadow: 0px 2px 10px 0px rgb(107 111 130 / 30%);
    border: #FFF 3px solid;
}
.set_gift_store .shop_detail h5{
    margin-top: 1rem;
}
#set_gift_fancybox .form{
    margin-top: 1.5rem;
}
#set_gift_fancybox .bootstrap-touchspin{
    flex-wrap: nowrap;
}
.gift_total{
    border-top: #e4e4e4 1px solid;
}
.gift_total .form-group{
    padding-top: 1.2rem;
    align-items: center;
}
.gift_total .form-group label {
    margin-bottom: 0;
}
#buygift_success{
    min-width: 300px;
    text-align: center;
}
.gift_detail_content{
    padding: 1.2rem 0;
}
.gift_detail_content .desc img {
    max-width: 100%;
}
.coin_over_box{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #f2f2f2;
    padding: 5px 10px;
}
.coin_over_box .d-flex{
    align-items: center;
}
.coin_over_box .wm-coins {
    font-size: 1rem;
}
.coin_over_box .btn{
    margin-left: 1rem;
    margin-top: 0;
}

/*發籌碼*/
.coins_data_link_box{
    margin: 1rem;
}
.coins_data_link{
    display: flex;
    background: #FFD9D9;
    border-radius: 15px;
    width: 100%;
    max-width: 368px;
    margin: 0 auto;
}
.coins_data_link > a {
    display: flex;
    width: 100%;
    padding: 15px 15px 15px 30px;
    align-items: center;
}
.coins_data_link .pic{
    height: 60px;
}
.coins_data_link .pic img {
    min-width: 60px;
}
.coins_data_link .txt{
    text-align: right;
    flex: 1;
}
.coins_data_link .txt .title {
    color: #000;
    font-size: 1.5rem;
    margin-bottom: 5px;
    font-weight: 400;
}
.no_issued_box{
    margin: 1rem;
}
.no_issued_link{
    display: flex;
    background: #BBE6DC;
    border-radius: 15px;
    width: 100%;
    max-width: 368px;
    margin: 0 auto;
}
.no_issued_link > a {
    display: flex;
    width: 100%;
    padding: 15px 15px 15px 30px;
    align-items: center;
}
.no_issued_link .pic{
    height: 60px;
}
.no_issued_link .pic img {
    min-width: 60px;
}
.no_issued_link .txt{
    text-align: right;
    flex: 1;
}
.no_issued_link .txt .title {
    display: block;
    color: #000;
    font-size: 1.5rem;
    margin-bottom: 5px;
    font-weight: 400;
}
.no_issued_link a .txt .title2 {
    color: #5E6060;
}
.issuedway_list .media{
    width: 100%;
    flex-wrap: wrap;
}
.issuedway_title_box{
    display: flex;
    align-items: center;
    width: 100%;
    background: #f3dada;
    padding: 5px 15px;
    border-radius: 30px
}
.issuedway_switch{
    flex: 1;
}
.issuedway_switch .womo_switch{
    justify-content: flex-end;
}
.issuedway_title{
    color: #a75454;
    font-size: 1.1rem;
}
.issued_fixed{
    border-bottom: 3px solid #eeeff6;
}
.issued_fixed_content{
    width: 100%;
}
.issued_fixed_content .card {
    box-shadow: 0px 1px 8px 1px rgb(0 0 0 / 10%) !important;
    margin-top: 1.5rem;
}
.issued_fixed_content .media {
    align-items: center;
}
.issued_fixed_content .media p{
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 85%;
}
.get-coins-block .issued_fixed_content{
    width: auto;
}
.issued_flash_content{
    width: 100%;
}
.add_flash_btn_box{
    padding: 1.5rem 1.5rem 0 1.5rem;
    margin-bottom: 1.2rem;
    text-align: center;
}
.add_flash_tip{
    margin-top: 8px;
}
.issued_flash_list{
    padding-bottom: 1rem;
}
.issued_flash_item+.issued_flash_item{
    border-top: solid 1px #E8E8E8;
    margin-top: 1.2rem;
}
.issued_flash_item h5{
    margin-bottom: 1.2rem;
    margin-top: 1.2rem;
}
.issued_flash_item .btn{
    margin-top: 0 !important;
}
.issued_flash_item span.date {
    background: #f3f3f3;
    border-radius: 30px;
    padding: 5px 15px;
    font-size: 1.2rem;
    margin: 0 !important;
}
#flash_date_edit{
    width: 100%;
}
.flash_list_box{
    width: 100%;
    padding: 0;
    margin-top: 1rem;
}
.flash_list_box .card{
    margin-bottom: 1.3rem;
    border: none;
    box-shadow: 0px 1px 15px 1px rgb(62 57 107 / 7%) !important;
    padding: 1.5rem 0 0 0;
}
.flash_list_box h5{
    margin-bottom: 0;
    padding: 0 1.5rem;
}
.flash_list_box .txt-tip{
    padding: 9px 0;
    text-align: center;
    color: #8f7474;
    background: #f7f7f7;
    margin-bottom: 0;
    margin-top: 1.2rem;
}
.flash_list_box .media iframe{
    min-width: auto !important;
}
.issued_fixed_content .get-coins-block{
    padding: 0;
}
.issued_fixed_content .get-coins-block .nologin-coins-list .card{
    margin: 0;
}
.user-profile-block .no_issued_card {
    margin: 1.5rem;
    box-shadow: 0px 1px 8px 1px rgb(0 0 0 / 10%) !important;
}
.user-profile-block .no_issued_card .media{
    padding: 1.5rem;
    align-items: center;
}
.no_issued_card .pic {
    width: 60px;
}
.no_issued_card .media-body{
    padding-left: 1rem;
}
.no_issued_card p{
    margin-bottom: 0;
}
.get_coupon_form_box{
    max-width: 700px;
    margin: 0 auto;
}
/*兌換品出貨管理*/
#view_send_fancybox{
    width: 100%;
    max-width: 500px;
}
#view_send_fancybox h4 {
    margin-bottom: 24px;
}
#view_send_fancybox .form-horizontal .form-group p{
    margin: 0.7rem 0;
}
.send_tips{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
    background: rgb(255 255 255 / 60%);
    padding: 15px;
    color: #000;
}
.shipment_unfilled, .shipment_date{
    display: inline-block;
}
.shipment_unfilled{
    padding: 3px 6px;
    border-radius: 2rem;
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    background-color: #FF4961;
    color: #fff;
}
#edit_send_fancybox .card-body{
    padding: 1rem 0;
}
#edit_send_fancybox .form-block{
    margin: 0;
}
/*呼籲啟用商務帳號*/
.appeal_box{
    padding: 2rem 1.5rem;
}
.appeal_content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}
.appeal_content_img{
    height: 63px;
}
.appeal_content_img img{
    height: 100%;
}
.appeal_content_tit{
    flex: 1;
    padding-left: 15px;
}
.appeal_content_tit h1{
    color: #1f9086;
    font-weight: 600;
}
.appeal_content_tit h3{
    color: #796956;
}
.appeal_content_txt{
    width: 100%;
    text-align: center;
    margin-top: 8px;
}
.appeal_content_txt p{
    color: #8A8CBF;
    font-size: 1.2rem;
}
.appeal_content_link_box{
    margin-top: 1.5rem;
}
.appeal_content_link{
    margin: 0 auto;
    max-width: 360px;
    width: 100%;
    display: flex;
    background: #FF737D;
    border-radius: 15px;
}
.appeal_content_link a{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
}
.appeal_content_link .txt {
    text-align: right;
    flex: 1;
    line-height: 1;
}
.appeal_content_link .txt span {
    display: block;
}
.appeal_content_link .txt .title {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 5px;
    font-weight: 400;
    letter-spacing: 1px;
}
.appeal_content_link .txt .title2 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 600;
}
.brand_dm_content{
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 2rem 1rem;
    margin: 0 1rem;
}
.brand_dm_content_tit h1{
    color: #796956;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem;
    letter-spacing: 8px;
    font-size: 2.5rem;
}
.condition_list{
    width: fit-content;
    margin: 0 auto;
}
.condition_list_bar{
    border: solid 4px #75c7cb;
    border-radius: 16px;
    height: 50px;
    display: flex;
    margin-right: auto;
    width: fit-content;
    padding: 0 1.5rem;
    align-items: center;
    color: #75c7cb;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
}
.condition_list_bar>span{
    margin: 0 4px;
    position: relative;
}
.condition_list_bar>span::before{
    content: "";
    color: #D4646B;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/brand_dm_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.condition_list_bar+.condition_list_bar{
    margin-top: 1.2rem;
}
.condition_list_bar .left::after{
    content: "";
    position: absolute;
    bottom: -47px;
    left: 50%;
    width: 150%;
    height: 40px;
    border-width: 0 0 4px 4px;
    border-radius: 4px;
    border-style: solid;
    border-color: #75c7cb;
}
.condition_list_bar .right::after{
    content: "";
    position: absolute;
    bottom: -47px;
    right: 50%;
    width: 150%;
    height: 40px;
    border-width: 0 4px 4px 0;
    border-radius: 4px;
    border-style: solid;
    border-color: #75c7cb;
}
.condition_list_bar .center::after{
    content: "";
    position: absolute;
    bottom: -57px;
    right: 50%;
    width: 150%;
    height: 50px;
    width: 4px;
    background-color: #75c7cb;
}
.condition_list_bar .center>span.arrow{
    position: absolute;
    bottom: -75px;
    height: 10px;
    left: calc(50% - 12px);
}
.condition_list_bar .center>span.arrow::before{
    content: "";
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #75c7cb transparent transparent transparent;
}
.brand_dm_content_appeal{
    margin-top: 70px;
}
.brand_dm_content_block{
    margin-top: 1.5rem;
}
.brand_dm_content_block_tit{
    display: flex;
    margin-bottom: 1.5rem;
}
.brand_dm_content_block_tit_left{
    width: 105px;
}
.brand_dm_content_block_tit_left>div{
    background-image:url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/upgrade_block_tit.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.32rem;
    padding-top: 4px;
}
.brand_dm_content_block_tit_right{
    flex: 1;
    padding-left: 1rem;
    padding-top: 25px;
}
.brand_dm_content_block_tit_right h1{
    color: #8A8CBF;
    padding: 5px 0;
    text-align: center;
    border-top: solid 4px #8A8CBF;
    border-bottom: solid 4px #8A8CBF;
    letter-spacing: 8px;
}
.brand_dm_content_block_bar{
    text-align: center;
    padding-right: 8px;
}
.brand_dm_content_block_bar .underline{
    position: relative;
}
.brand_dm_content_block_bar .underline span{
    z-index: 2;
    position: sticky;
}
.brand_dm_content_block_bar .underline::after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 7px;
    border-radius: 7px;
    background-color: #F2AD94;
    width: 100%;
    z-index: 1;
}
.coin_txt_row{
    display: flex;
    align-items: center;
    justify-content: center;
}
.coin_txt_row_img{
    width: 64px;
    height: 64px;
}
.coin_txt_row_txt{
    padding-left: 1rem;
    color: #796956;
    font-size: 1.2rem;
}
.arrow_txt{
    background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/upgrade_img1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 24px;
    width: fit-content;
    padding-right: 24px;
    padding-left: 10px;
    padding-bottom: 4px;
    font-size: 1.1rem;
    color: #A68E80;
}
.block1_content{
    margin-top: 2rem;
}
.block1_content .arrow_txt_row{
    margin-left: auto;
    margin-right: auto;
    padding-left: 104px;
}
.block1_content .arrow_txt{
    margin-left: auto;
    margin-right: auto;
}
.coin_circulation_list{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: -10px;
}
.coin_circulation_item{
    padding: 0 20px 0 20px;
}
.coin_circulation_item_img{
    position: relative;
    width: 44px;
    height: 44px;
}
.coin_circulation_item_img.first{
    width: 68px;
    height: 68px;
}
.coin_circulation_item_img.fonticon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.coin_circulation_item_coin{
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0;
    right: -20px;
}
.coin_circulation_item_img.first .coin_circulation_item_coin{
    width: 40px;
    height: 40px;
}
.coin_circulation_item_coin img{
    width: 100%;
}
.coin_circulation_item_txt{
    color: #A68E80;
    text-align: center;
    margin-top: 5px;
}
.brand_dm_block_copy{
    font-size: 1.1rem;
    color: #8A8CBF;
    width: 100%;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.2rem;
    text-align: justify;
}
.brand_dm_block_copy span{
    color: #F2AD94;
}
.brand_dm_block5_tit{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem;
}
.brand_dm_block5_tit h1{
    position: relative;
    background-color: #70732F;
    color: #fff;
    text-align: center;
    padding: 0 2rem;
    border-radius: 15px;
    margin-bottom: 0;
    padding: 5px 2rem;
}
.brand_dm_block5_tit h1::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 18px;
    left: -2px;
    top: -7px;
    background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/upgrade_img2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.brand_dm_block5_tit h1::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 18px;
    right: -2px;
    bottom: -7px;
    background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/upgrade_img2.png);
    background-repeat: no-repeat;
    background-size: cover;
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.brand_dm_block5_list{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 1rem;
}
.brand_dm_block5_item{
    padding: 0 4px;
}
.brand_dm_block5_item.multiplication{
    padding-left: 23px;
    position: relative;
}
.brand_dm_block5_item.multiplication::before{
    content: "X";
    position: absolute;
    bottom: 0;
    left: 4px;
    font-size: 1.2rem;
}
.brand_dm_block5_item.equal{
    padding-left: 23px;
    position: relative;
}
.brand_dm_block5_item.equal::before{
    content: "=";
    position: absolute;
    bottom: 0;
    left: 4px;
    font-size: 1.2rem;
}
.brand_dm_block5_item_img{
    text-align: center;
}
.brand_dm_block5_item_txt{
    margin-top: 1rem;
}
.brand_dm_block5_item_txt>span{
    position: relative;
    font-size: 1.2rem;
    color: #796956;
}
.brand_dm_block5_item_txt>span+span{
    margin-left: 12px;
}
.brand_dm_block5_item_txt span.txt{
    position: sticky;
    z-index: 2;
}
.brand_dm_block5_item_txt span.up{
    position: absolute;
    right: -9px;
    top: -9px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon/brand_dm_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.block2_content{
    margin-top: 2rem;
}
.brand_dm_block2_row1{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A68E80;
}
.brand_dm_block2_row1_item{
    padding: 0 10px;
}
.brand_dm_block2_row1_img{
    margin-top: 10px;
}
.brand_dm_block2_row1_item.first{
    padding-right: 24px;
}
.brand_dm_block2_row1_item.first .brand_dm_block2_row1_img{
    position: relative;
}
.brand_dm_block2_row1_item.first .brand_dm_block2_row1_img span{
    position: absolute;
    right: -6px;
    top: calc(50% - 8px);
}
.brand_dm_block2_row1_txt{
    text-align: center;
}
.brand_dm_block2_row1_txt.plus{
    padding-top: 1rem;
}
.brand_dm_block2_row2{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A68E80;
    margin-top: 2rem;
}
.brand_dm_block2_row2_item{
    padding: 0 10px;
}
.brand_dm_block2_row2_img.coin img{
    width: 30px;
}
.brand_dm_block2_row2_img.coin img+img{
    margin-left: 4px;
}
.brand_dm_block2_row2_txt{
    text-align: center;
    margin-bottom: 10px;
}
.brand_dm_block3_row2{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A68E80;
    margin-top: 2rem;
}
.brand_dm_block3_row2_item{
    padding: 0 10px;
}
.brand_dm_block3_row2_txt{
    text-align: center;
    margin-bottom: 4px;
}
.brand_dm_block3_row1{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #A68E80;
    margin-top: 2rem;
}
.brand_dm_block3_row1_txt{
    text-align: center;
    margin-bottom: 10px;
}
.brand_dm_block3_row1_item:first-child{
    padding-right: 20px;
}
.brand_dm_block3_row1_item:last-child{
    padding-left: 20px;
}
.brand_dm_block3_row1_item:first-child .brand_dm_block3_row1_img img, .brand_dm_block3_row1_item:last-child .brand_dm_block3_row1_img img{
    height: 78px;
}
.brand_dm_block3_row1_hell{
    margin-bottom: 10px;
}
.brand_dm_block3_row1_hell .hell_left{
    background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/upgrade_block3_img7.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left center;
    width: 46px;
    padding: 10px 0 0 10px;
    margin-right: 20px;
}
.brand_dm_block3_row1_hell .hell_left span, .brand_dm_block3_row1_hell .hell_right span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.brand_dm_block3_row1_hell .hell_right{
    position: relative;
    width: 46px;
    padding: 10px 10px 0 0;
    margin-left: 20px;
}
.brand_dm_block3_row1_hell .hell_right::before{
    content: "";
    position: absolute;
    background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/upgrade_block3_img7.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left center;
    width: 46px;
    height: 100%;
    top: 0;
    right: 0;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
.brand_dm_block3_row1_hell .d-flex{
    justify-content: center;
}
.brand_dm_block3_row1_hell .hell_center_txt{
    margin-bottom: 10px;
}
.brand_dm_block3_row1_item .arrow_txt{
    margin: 0 auto;
}
/*線下口碑籌碼頁面新增*/
.recommend_shop_block {
    max-width: 700px;
    margin: 0 auto;
}
.recommend_shop_block_header {
    text-align: center;
}
.recommend_shop_form {
    margin-top: 21px;
    overflow: hidden;
    padding: 10px 30px 30px 30px;
}
.recommend_page_login{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.recommend_shop_block .btn-full-w{
    margin-left: -30px;
    margin-right: -30px;
}
.recommend_page_login_way{
    margin-left: -30px;
    margin-right: -30px;
}
.recommend_signin{
    padding-top: 1.7rem;
}
.recommend_signup{
    padding-top: 1rem;
}
.recommend_shop_form .txt-tip{
    padding: 20px 0;
    text-align: center;
    color: #8f7474;
    background: #f7f7f7;
    margin-bottom: 0;
}
/*個人籌碼發行頁*/
.creat-mygift-teaching{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 10px 40px 10px;
}
.mygift-teaching {
    width: 48%;
    margin: 1%;
    text-align: center;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 1px 2px 0 #e2e2e2;
    padding: 15px 30px;
}
.mygift-teaching-content{
    display: flex;
    align-items: center;
}
.mygift-teaching-content .pic{
    width: 100px;
}
.mygift-teaching-content img{
    width: 100%;
}
.mygift-teaching .txt{
    flex: 1;
    text-align: right;
}
.mygift-teaching .title {
    color: #000;
    font-size: 1.2rem;
    padding: 0 0 10px 0;
}
.suitable_for{
    margin: 10px 10px -10px 10px;
}
.suitable_for_item{
    text-align: center;
    padding-bottom: 30px;
}
.suitable_for_item .pic{
    width: 100%;
    max-width: 100px;
    margin: 0 auto 15px auto;
}
.suitable_for_item .pic img{
    width: 100%;
}
.suitable_for_item .title{
    color: #000;
    font-size: 1.2rem;
}
/*社群籌碼*/
.have_or_wish{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.have_or_wish_btn{
    border: solid 1px #FF9149;
    border-radius: 32px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: fit-content;
    padding: 2px;
}
.have_or_wish_item{
    width: 100px;
    text-align: center;
    color: #FF9149;
    line-height: 28px;
    cursor: pointer;
}
.have_or_wish_item.active{
    background-color: #FF9149;
    color: #fff;
    border-radius: 26px;
    cursor: auto;
}
.have_or_wish_list .media-right{
    text-align: right;
}
.ask_count{
    color: #d4646b;
    margin-top: 15px;
    padding-right: 2px;
}
.havelist_block .media-list .media{
    flex-wrap: wrap;
    padding-bottom: 1.2rem;
}
.havelist_block .media-list .media:not(:first-child){
    border-top: 5px solid #efefef;
}
.havelist_gift{
    width: 100%;
    border-top: 1px solid #efefef;
    margin-top: 10px;
    padding-top: 10px;
    /*color: #d4646b;*/
    color: #1f9086;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
}
.media-bordered .add_gift_btn {
    margin: 1rem auto;
    display: block;
    width: fit-content;
}
.add_wish_btn{
    padding: 1rem;
    text-align: center;
}
.wishlist_block .media-list .media{
    padding: 1rem 2rem;
}
.wishlist_block .media-list .coin-pic{
    display: block;
}
.wishlist_block .wish-list .rounded-circle{
    border: none;
}
/*蒐藏秀*/
.user-profile-block .btn-full-w .form{
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
.user-profile-block .btn-full-w .form-group{
    margin-bottom: 0;
}
.product_pic{
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.product_user_cion .w-coins-pic {
    width: 30px !important;
    height: 30px !important;
    padding: 4px !important;
    box-shadow: 2px 1px #b44033;
    margin-left: 0;
    position: relative;
    top: 8px;
}
.product_user_cion .w-coins-pic img {
    vertical-align: top;
    height: auto;
    top: 0;
}
.floow_pic img{
    width: 70px;
}
.btn-floow{
    margin-right: 5px;
}
.userprofile_img{
    width: 70px;
    padding-bottom: 100%;
}
/*womo秀*/
.mygallery_box .media:first-child{
    border-top: 5px solid #f4f5fa;
}
.userprofile_item .show-po-box, .media .show-po-box{
    position: relative;
}
.gallery_swiper {
    width: 100%;
    max-width: 620px;
    overflow: hidden;
    border-radius: 8px;
    border: #efefef 1px solid;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
}
.gallery_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.gallery_swiper_item {
    display: block;
    width: 100%;
}
.gallery_swiper_pic a{
    display: block;
    width: 100%;
}
.gallery_swiper_pic .bg{
    /*padding-bottom: 100%;*/
    padding-bottom: 75%;
    background-size: auto 100%;
    background-color: #000;
}
.gallery-fancybox-box .bg {
    padding-bottom: 0;
}
.gallery-fancybox-box .bg img {
    display: block;
    width: 100%;
}
.gallery_pagination{
    bottom: 12px !important;
    /*bottom: 66px !important;*/
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
}
.gallery_pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border:rgb(227 121 41 / 25%) 1px solid;
    background: #FFF;
    opacity: 1;
}
.gallery_pagination .swiper-pagination-bullet-active{
    background: #e37929;
}
.gallery_author_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0 5px 5px 15px;
}
.gallery_author_item{
    padding-bottom: 10px;
}
.gallery_swiper_txt{
    position: absolute;
    width: 100%;
    background-color: rgb(255 255 255 / 60%);
    bottom: 0;
    left: 0;
    z-index: 2;
}
.gallery_swiper_txt h5{
    padding: 15px 15px 0 15px;
    color: #000;
    font-weight: 600;
}
.author_list{
    margin-top: 32px;
}
.author_list .media {
    align-items: center;
}
.author_list .media-left img {
    width: 50px;
}
.author_list .media-heading{
    margin-bottom: 0;
}
.author_list .media-right .btn-thermometer{
    display: inline-flex;
    align-items: center;
    margin-top: 5px;
}
.gallery_video{
    width: 100%;
    max-width: 620px;
    overflow: hidden;
    border-radius: 8px;
    border: #efefef 1px solid;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
}
.gallery_video_cover{
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: #efefef 1px solid;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
}
.gallery_video_cover .bg{
    padding-bottom: 56%;
}
.gallery_video_cover a.galleryvideo_link{
    position: relative;
}
.gallery_video_cover a.galleryvideo_link:before{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    font: normal normal normal 5rem LineAwesome;
    content: "\f38c";
    color: #FFF;
    transform: translate(-50%, -50%);
}
.womo_count_input_group{
    position: relative;
}
.womo_count_input_group.count_2row {
    max-width: none;
}
.womo_count_input_num {
    position: absolute;
    right: 16px;
    font-size: 12px;
    color: #B3B3B3;
    background-color: #fff;
}
.womo_count_input_group.count_2row .womo_count_input_num {
    position: inherit;
    right: 0;
    text-align: right;
    padding-top: 8px;
    background-color: transparent;
}
.usercoin_box .media{
    border-top: none;
}
/*蒐藏秀(玩家視角)*/
.userprofile_item{
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
    border-radius: 8px;
    border: #efefef 1px solid;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
}
.userprofile_item .gallery_swiper, .userprofile_item .gallery_video_cover{
    box-shadow: none;
}
/*預約登錄成功*/
.reserve_success_coin .wm-coins{
    display: flex;
    align-items: center;
    color: #E3C248;
    font-size: 3rem;
    width: 300px;
    justify-content: center;
}
.reserve_success_coin .wm-coins img{
    width: 60px;
    height: 60px;
    margin-right: 8px;
}
#reserve_success_fancybox .btn-block{
    position: relative;
}
#reserve_success_fancybox .arrow_icon{
    position:absolute;
    right: 25px;
    top: 7px;
}
#reserve_success_fancybox .arrow_icon i{
    width: 25px;
    height: 25px;
    border-radius: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 1rem !important;
    font-weight: bold;
    color: #d4646b;
    background: #fff;
}
/*活動頁*/
.media-right.once_task_btn{
    text-align: right;
}
.reorganize_btn{
    margin-top: 8px;
    padding-right: 2px;
}
.reorganize_btn .btn{
    padding: 0;
    background-color: transparent;
    color: #6B6F82;
}
.reorganize_btn .btn:hover{
    color: #d4646b;
}
.reorganize_btn i{
    display: inline-block;
    margin-right: 4px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
/*個人資料頁*/
.signup_coins, .signup_personal, .signup_womer{
    padding-top: 1.7rem;
}
.signup_coins .personalinfo_block .media-heading{
    margin-bottom: 8px;
}
.member_web_set{
    display: flex;
    align-items: center;
    color: #464646;
}
.member_web_id{
    position: relative;
    flex: 1;
    margin-left: 8px;
}
.member_web_id .txt-verification {
    right: 0;
}
.member_web_set_tips{
    margin-top: 1rem;
}
.add_myhashtag{
    display: block;
    margin-right: 4px;
}
.add_myhashtag .la{
    font-size: 1.8rem;
    display: flex;
}
.add_myhashtag_list{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -5px;
}
.add_myhashtag_item{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 5px;
}
.add_myhashtag_item span{
    display: block;
    font-size: 1rem;
    line-height: 1.8;
    padding: 0 8px;
    border-radius: 3px;
    color: #fff !important;
}
.add_myhashtag_list.orange span{
    background-color: #D4762B;
}
.add_myhashtag_list.red span{
    background-color: #d4646b;
}
.add_myhashtag_fancybox{
    padding: 1rem 2rem 2rem 2rem;
    border-radius: 0.5rem;
}
@media (min-width:600px) {
    .add_myhashtag_fancybox {
        max-width: 500px;
    }
}
.add_myhashtag_fancybox h4.title{
    text-align: center;
    margin-bottom: 1rem;
}
.myhashtag_tips{
    text-align: center;
    margin-bottom: 25px;
    background: #f4e8df;
    color: #be6503;
    border-radius: 30px;
    padding: 3px 5px;
}
.myhashtag_list{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -5px;
}
.myhashtag_item{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 10px;
    /*min-width: 25%;*/
    width: 33.33%;
    text-align: center;
}
.myhashtag_item input[name="face_ai_style"] {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.face_ai_style_list .myhashtag_item label {
    border: solid 2px #f2f2f2;
    background: #f2f2f2;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    padding-bottom: 5px;
}
.face_ai_style_list .myhashtag_item input[name="face_ai_style"]:checked+label {
    border: solid 2px #d4646b;
    background: #ffdcde;
}
.myhashtag_item .pic {
    padding: 5px;
    display: block;
}
.myhashtag_item .pic img {
    width: 100%;
}
.myhashtag_list_r3 .myhashtag_item {
    width: 33.33%;
    padding-left: 6px;
    padding-right: 6px;
}
.myhashtag_list.orange span{
    display: block;
    font-size: 1rem;
    line-height: 1.8;
    padding: 2px 8px;
    border-radius: 3px;
    border: solid 1px #D4762B;
    color: #D4762B !important;
}
.myhashtag_list.orange span.active{
    background-color: #D4762B;
    color: #fff !important;
}
.myhashtag_list.red span{
    display: block;
    font-size: 1rem;
    line-height: 1.8;
    padding: 2px 8px;
    border-radius: 3px;
    border: solid 1px #d4646b;
    color: #d4646b !important;
    cursor: pointer;
}
.myhashtag_list.red span.active{
    background-color: #d4646b;
    color: #fff !important;
}
/*編輯兌換品*/
.gift_presentation, .voucher_criteria{
    padding: 15px 30px;
}
#upload-giftcover{
    width: 300px;
    height: 200px;
    margin: 0 auto;
}
#upload-giftcover .cr-viewport{
    border-radius: 0;
}
.gift_cover_row{
    max-width: 100%;
}
.gift_cover_row #upload{
    display: none;
}
.gift_cover_row figure{
    margin-bottom: 0;
}
/*品牌禮物兌換*/
.coupon_exchange_img .bg{
    /*background-color: #fff;*/
    padding-bottom: 75%;
}
.exchange_coins{
    display: flex;
    align-items: center;
}
.exchange_coins_pic{
    display: inline-flex;
    align-items: center;
}
.coin_insufficient{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-left: -4px;
    margin-right: -4px;
    margin-top: 24px;
}
@media (max-width: 768px) {
    .coin_insufficient .d-flex {
        width: 100%;
    }
}
.coin_insufficient .d-flex > div{
    padding-left: 4px;
    padding-right: 4px;
}
.thanks_card_tips{
    display: block;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
/*自動化圖文回謝設定*/
.thanks-card .thanks-card-sign{
    border-top: none;
    height: auto;
}
.thanks-card-sign .media-heading{
    margin-bottom: 0;
}
.thanks-card-sign .media-heading span{
    margin-left: 8px;
    color: #6B6F82;
}
.thanks-card .card-img-top{
    position: relative;
}
.card-profile-image_box{
    position: relative;
    z-index: 1;
}
.thanks-card .card-profile-image{
    position: initial;
    margin: 0 auto;
    margin-top: -100px;
}
.thanks-card .btn-choice-emo {
    z-index: 2;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: auto;
    bottom: 0;
    right: calc(50% - 70px);
}
.btn-choice:before {
    margin-right: 0;
}
.thanks-card .profile-card-with-cover-content{
    padding-top: 0;
}
#add_business {
    max-width: 500px;
}
#add_business .label-control {
    white-space: nowrap;
}
.thanks_card_btn{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.thanks-card .card-body{
    padding-top: 0;
}
.thanks-card .profile-card-with-cover-content{
    margin-top: 0;
}
.thanks_card_btn .two_btn .btn{
    width: 100%;
}
.thanks_img_set{
    position: relative;
}
.cover_image_btn{
    border: none;
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
}
.thanks_img_set img{
    width: 100%;
}
.thanks_img_set #upload{
    display: none;
}
#thankscard_upload_demo{
    width: 400px;
    height: 300px;
    margin: 0 auto 25px auto;
}
#thankscard_upload_demo .cr-boundary{
    border: solid 1px #dadada;
}
#thankscard_upload_demo .cr-viewport{
    border-radius: 0;
    border: none;
}
.thanks_card_title{
    line-height: 1.8;
    letter-spacing: 0.1rem;
    text-align: justify;
}
.thanks_img_set{
    margin-bottom: 1rem;
}
.thanks_img_set img{
    width: 100%;
}
.open_thanks_card_set i{
    font-size: 27px;
    cursor: pointer;
}
.open_thanks_card_set i:hover{
    color: #d4646b;
}
#thanks_card_fancybox{
    padding: 0;
    width: 100%;
    max-width: 600px;
}
#thanks_card_fancybox .thanks-card{
    padding: 0;
    margin: 0;
}
#thanks_card_fancybox .media{
    border-top: 0;
}
#thanks_card_fancybox .fancybox_btn{
    margin-top: 1rem;
    padding-bottom: 1.5rem;
}
#donate_success_fancybox{
    width: 100%;
    max-width: 300px;
    padding: 1.5rem;
}
.donate_success .media{
    border-top: none;
    padding-left: 0;
    padding-right: 0;
}
.donate_success h3{
    text-align: center;
}
.donate_success .media-list{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
#donate_success_fancybox .fancybox_btn{
    margin-top: 1rem;
}
#donate_success_fancybox .fancybox_btn a{
    width: 100%;
}
.donate_success_icon{
    margin-bottom: 1rem;
    font-size: 60px;
    display: flex;
    color: #28D094;
    justify-content: center;
}
/*個人選單*/
.quickbtn-mycoin{
    display: flex;
    width: 100%;
}
.quickbtn-mycoin .txt .title2 {
    margin-bottom: 10px;
}
.user_dashboard{
    margin-top: 15px;
    background-color: #fff;
    box-shadow: 1px 1px 5px 1px rgb(62 62 62 / 7%);
    border-radius: 15px;
    overflow: hidden;
}
.user_dashboard_info_box{
    display: flex;
    align-items: center;
    padding: 15px 24px 15px 15px;
}
.user_dashboard_info{
    display: flex;
    align-items: center;
    flex: 1;
}
.user_dashboard_photo img{
    border: solid 3px #fff;
    box-shadow: 1px 1px 5px rgb(200 200 200 / 50%);
}
.user_dashboard_name{
    padding-left: 15px;
}
.user_dashboard_name h4{
    margin-bottom: 0;
}
.user_dashboard_link{
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
}
.user_dashboard_item{
    padding-left: 12px;
    padding-right: 12px;
}
.user_dashboard_item img{
    width: 38px;
}
.user_dashboard_data{
    background-color: #da5171;
    color: #fff;
    padding: 15px;
}
.user_dashboard_data_list{
    display: flex;
    justify-content: center;
}
.user_dashboard_data_item{
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    width: 25%;
}
.user_dashboard_data_item:not(:last-child){
    border-right: solid 1px rgb(255 255 255 / 35%);
}
.user_dashboard_data_num{
    font-size: 1.5rem;
    margin-bottom: 5px;
    font-weight: 600;
}
.user_menu_block{
    margin-top: 40px;
}
.user_menu_list{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    padding-left: 0;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -24px;
}
.user_menu_item{
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 24px;
    width: 20%;
}
@media (max-width: 768px) {
    .user_menu_item {
        width: 25%;
    }
}
@media (max-width: 413px) {
    .user_menu_item {
        width: 33.33%;
    }
}
.user_menu_img{
    position: relative;
    margin: 0 auto 4px auto;
    background-color: #fff;
    box-shadow: 1px 1px 5px rgb(200 200 200 / 50%);
    border-radius: 0.35rem;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user_menu_img .badge {
    top: -8px;
    right: -8px;
}
.user_menu_img img{
    width: 38px;
}
.user_btn_block{
    margin-top: 40px;
}
.user_btn_list{
    margin-left: -8px;
    margin-right: -8px;
}
.user_btn_list>div{
    padding-left: 8px;
    padding-right: 8px;
}
.user_btn_item{
    box-shadow: 1px 1px 5px rgb(200 200 200 / 50%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    border-radius: 0.35rem;
    overflow: hidden;
    margin-bottom: 12px;
}
.user_btn_img{
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #da5171;
}
.user_btn_img img {
    width: 30px;
}
.user_btn_txt{
    flex: 1;
    padding-left: 15px;
}
/*購賞區 Gold 禮 卡片*/
.product_list{
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
}
.product_item{
    width: 31.33%;
    margin: 1%;
}
.product_item .media {
    background: #FFF;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 10%);
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 0;
    align-content: flex-start;
    padding-bottom: 45px;
    flex-wrap: wrap;
}
.product_item .media-top{
    flex: 0 0 100%;
    padding: 6px 10px 5px 10px;
}
.product_item .wm-coins{
    display: flex;
    align-items: center;
}
.product_item .coin-info img{
    width: 60px;
    height: 60px;
    margin-right: 4px;
}
.product_item .media .store_pic {
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 15px;
    margin-right: 0;
    overflow: hidden;
    background: #f2f2f2;
}
.product_item .media .store_pic a.pic_img {
    display: block;
    padding-top: 71%;
    background-size: cover;
    background-position: center center;
}
.product_item .media .media-body {
    position: relative;
    flex: 0 0 100%;
    padding: 0 10px;
    min-width: 0;
}
.product_item .media .media-body h4.media-heading {
    font-size: 1.2rem;
}
.product_item .media .media-body h4.media-heading a{
    height: 2.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.product_item .media .media-right {
    flex: 0 0 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.product_item .media .media-right .mycoin-num {
    width: 100%;
    color: #F0B71A;
    background: #fff3d2;
    padding: 3px 20px 3px 10px;
    margin-right: -20px;
    border-radius: 30px;
}
.product_item .media .media-right .btn {
    margin-bottom: 0;
}
.product_item .media .media-right .mycoin-num a {
    color: #F0B71A;
}
.product_item .media .media-right .mycoin-num img {
    position: relative;
    top: -1px;
    width: 20px;
}
/*新手指南*/
.quide_row_1{
    display: flex;
    align-items: center;
    padding: 20px 48px;
    background-color: #DA773D;
}
.quide_header_logo{
    width: 80px;
}
.quide_header_logo img{
    width: 100%;
}
.quide_header_txt{
    flex: 1;
    padding-left: 1rem;
}
.quide_header_txt h3{
    color: #fff;
    font-weight: 500;
    border-bottom: solid 1px #fff;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.quide_header_txt p{
    margin-bottom: 0;
    color: #fff;
}
.quide_row_2{
    background-color: #8A5032;
    text-align: center;
    padding: 20px 32px;
}
.quide_row_2 h1{
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}
.quide_banner img{
    width: 100%;
}
.easy_step{
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
}
.easy_step_title{
    text-align: center;
}
.easy_step_title h1{
    font-weight: 700;
    margin-bottom: 28px;
    letter-spacing: 0.1rem;
}
.easy_step_list{
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}
.easy_step_item{
    flex: 1;
    position: relative;
}
.easy_step_item+.easy_step_item::before{
    content: "";
    position: absolute;
    top: calc((100% - 33px) / 2);
    left: -16px;
    width: 33px;
    height: 33px;
    background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/guide/guide-arrow.png);
    background-repeat: no-repeat;
    background-size: 33px;
}
.easy_step_card{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.easy_step_img{
    text-align: center;
    margin-bottom: 1rem;
}
.easy_step_img img{
    max-width: 100%;
}
.easy_step_link i{
    font-size: 14px !important;
    margin-right: -12px;
}
.easy_step_txt{
    margin-top: 8px;
}
.our_support{
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #EAEAEA;
}
.our_support_title{
    text-align: center;
}
.our_support_title h1{
    font-weight: 700;
    margin-bottom: 28px;
    letter-spacing: 0.1rem;
}
.our_support_list{
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}
.our_support_item{
    flex: 1;
}
.our_support_card{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.our_support_img{
    text-align: center;
    margin-bottom: 1rem;
}
.our_support_img img{
    max-width: 100%;
}
.our_support_link i{
    font-size: 14px !important;
    margin-right: -12px;
}
.our_support_txt{
    margin-top: 8px;
}
.suitable_for_box{
    position: relative;
    padding-top: 40px;
    padding-bottom: 24px;
    background-color: #C05671;
}
.suitable_for_bg1{
    position: absolute;
    left: 5px;
    bottom: 70px;
}
.suitable_for_bg2{
    position: absolute;
    right: 10px;
    bottom: 70px;
}
.suitable_for_title{
    text-align: center;
}
.suitable_for_title h1{
    font-weight: 700;
    margin-bottom: 40px;
    letter-spacing: 0.1rem;
    color: #fff;
}
.suitable_for_list{
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}
.suitable_for_item{
    padding-bottom: 40px;
}
.suitable_for_item .title{
    color: #fff;
}
.quide_row_nft{
    background-color: #572E39;
    text-align: center;
    padding: 20px 32px;
    position: relative;
}
.quide_row_nft h3{
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}
.quide_nft_img1{
    position: absolute;
    left: 60px;
    top: -45px;
}
.quide_nft_img2{
    position: absolute;
    right: 0px;
    top: -60px;
    -moz-transform:rotate(30deg);
    -webkit-transform:rotate(30deg);
    -o-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    transform:rotate(30deg);
}
/*籌碼存摺*/
.opacity_4{
    opacity: 0.4;
}
.three_coin_total{
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.three_coin_total_card{
    margin-bottom: 2rem;
}
.three_coin_total_item .total_img{
    padding-top: 1rem;
    margin-bottom: 8px;
}
.three_coin_total_item .total_img img{
    width: 100%;
    max-width: 55px;
}
.three_coin_total_item .total_coins{
    font-size: 2rem;
    text-align: center;
}
.coins-history-list .media{
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.coins-history-list .pic .bg{
    width: 60px;
    padding-bottom: 100%;
}
.coins-history-list .media-left{
    padding-left: 1.5rem;
}
.coins-history-list .media .media-right {
    display: flex;
    align-items: center;
    padding-right: 1.5rem;
    width: 150px;
}
.coins_history_img{
    margin-right: 8px;
}
.coins_history_info{
    width: 100%;
    color: #adadad;
    border-top: #f2f2f2 1px solid;
    margin-top: 10px;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
}
.coins_history_date{
    flex: 1;
}
.coins_history_total{
    width: 125px;
    font-size: 1rem;
    padding-left: 1rem;
}
/*我的籌碼收入*/
.earnings_card{
    border-radius: 15px;
    overflow: hidden;
}
.earnings_title{
    text-align: left;
}
.earnings_title h5{
    color: #ffff;
    margin-bottom: 0;
}
.not_withdraw .earnings_title{
    background-color: #da5171;
}
.accumulation .earnings_title{
    background-color: #FF9149;
}
.earnings_deposit{
    margin: 10px;
    background-color: #f3f3f3;
    padding: 2rem 1rem 2rem 2rem;
    text-align: center;
}
.earnings_deposit span{
    font-size: 2.8rem;
    margin-right: 8px;
}
.not_withdraw .earnings_deposit{
    color: #da5171;
}
.accumulation .earnings_deposit{
    color: #FF9149;
}
.earnings-history-list .media{
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}
.earnings-history-amount{
    margin-top: 10px;
    display: block;
}
.earnings-history-amount span{
    font-size: 1.14rem;
}
.not_withdraw .earnings-history-amount{
    color: #da5171;
}
.accumulation .earnings-history-amount{
    color: #FF9149;
}
.earnings-history-list .media-right{
    text-align: right;
}
.earnings-history-fee{
    margin-bottom: 10px;
}
.earnings-history-tips{
    margin-top: 12px;
}
.earnings-history-tips a{
    display: flex;
    align-items: center;
}
.earnings-history-list-btn{
    text-align: center;
    border-top: 1px solid #efefef;
    padding-top: 1.5rem;
}
.earnings-history-list-btn .btn{
    /* min-width: 50%; */
    width: 100%;
}
.withdraw-fancybox{
    padding: 30px;
    min-width: 350px;
    border-radius: 4px;
}
.withdraw_fancybox_img{
    text-align: center;
    margin-bottom: 1.5rem;
}
.withdraw_fancybox_img img{
    width: 100px;
}
.withdraw_fancybox_title{
    text-align: center;
}
.withdraw_fancybox_title h4{
    color: #da5171;
}
.withdraw_how_step{
    margin-top: 1.5rem;
}
.withdraw_how_step_item{
    margin-bottom: 1rem;
    background: #f2f2f2;
    padding: 10px;
    border-radius: 10px 
}
.withdraw_reminder_btn{
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.withdraw_reminder_btn h4{
    color: #da5171;
    display: flex;
    align-items: center;
}
.withdraw_reminder_btn h4 i{
    margin-left: 4px;
    font-size: 1.5rem;
}
.withdraw-reminder-fancybox{
    min-width: 300px;
    border-radius: 4px;
}
.withdraw-reminder-fancybox ul{
    margin-bottom: 0;
    padding-left: 1.5rem;
}
.withdraw-reminder-fancybox li{
    list-style: disc;
}
.withdraw-reminder-fancybox li+li{
    margin-top: 1rem;
}
.go-withdraw-fancybox{
    min-width: 360px;
    border-radius: 4px;
}
.go_withdraw_title{
    margin-bottom: 1.5rem;
    text-align: center;
}
.go_withdraw_title h2{
    line-height: 1.5;
}
/*帶客到店紀錄*/
.broker_income_content{
    background-color: #fff;
}
.broker_income_fancybox{
    padding-top: 139px !important;
    background-color: #fff;
}
.broker_income_header{
    position: fixed;
    top: 0;
    left: initial;
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 47px;
    z-index: 99;
    max-width: 598px;
    background-color: #fff;
}
.broker_income_close{
    position: absolute;
    top: 14px;
    right: 13px;
}
.broker_income_header .media{
    padding: 16px 20px;
    align-items: center;
    background: #f4f5fa;
    width: 100%;
}
.broker_income_header .media-body{
    flex: 1;
    padding-left: 1rem;
}
.broker_income_header .media-body h5{
    margin-bottom: 0;
}
.broker_income_img{
    width: 70px;
}
.broker_income_img img{
    width: 100%;
}
.broker_income_fancybox .filter-list-block{
    padding: 1.5rem;
}
.withdraw_recode_count{
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}
.withdraw_recode_count>div:not(:first-child){
    padding-left: 2rem;
}
.withdraw_recode_count>div span{
    color: #da5171;
    font-size: 1.5rem;
}
.withdraw_recode_count>div span span{
    font-size: 1rem;
}
.broker_income_fancybox .btn-full-w{
    padding: 0;
}
.withdraw_recode_list{
    text-align: left;
}
.withdraw_recode_item{
    align-items: center;
    flex-wrap: wrap;
}
.withdraw_recode_item .media-object {
    width: 60px;
}
.withdraw_recode_item .media-right{
    color: #da5171;
    align-self: flex-start;
}
.withdraw_recode_item .media-right span{
    font-size: 2rem;
}
.withdraw_source_date{
    width: 100%;
    background: #f7f7f7;
    padding: 10px;
    margin-top: 1rem;
}
.withdraw_source img{
    width: 16px;
    margin-right: 4px;
}
.withdraw_date{
    text-align: right;
    color: #bdbdbd;
}
.share-rule-fancybox{
    border-radius: 4px;
    max-width: 800px;
}
.withdraw_rule_item h4{
    color: #da5171;
    text-align: justify;
    line-height: 1.4;
}
.withdraw_rule_item+.withdraw_rule_item{
    margin-top: 2.3rem;
}
.withdraw_rule_item p{
    margin-bottom: 0;
}
.withdraw_rule_item p+p{
    margin-top: 1rem;
}
.withdraw_rule_item ul{
    margin-bottom: 0;
    padding-left: 1.5rem;
}
.withdraw_rule_item li{
    list-style: disc;
    text-align: justify;
}
.withdraw_rule_item li+li{
    margin-top: .5rem;
}
/*販售籌碼紀錄*/
.sale_income_content{
    background-color: #fff;
}
.sele_income_fancybox {
    padding-top: 139px !important;
    background-color: #fff;
}
.sele_income_fancybox .btn-full-w.coin_present_value{
    padding: 15px;
    margin: 0;
}
.sele_income_fancybox .filter-list-block {
    padding: 1.5rem;
}
.sele_income_fancybox .btn-full-w {
    padding: 0;
}
.coin_present_value .w-coins-pic{
    margin-right: 1rem;
}
.coin_present_value span{
    color: #da5171;
    font-size: 1.5rem;
}
.coin_present_value span span{
    font-size: 1rem;
}
.withdraw_history_date{
    width: 100%;
    background: #f7f7f7;
    padding: 10px;
    margin-top: 1rem;
}
.withdraw_history_date .row{
    align-items: center;
}
.history_value .w-coins-pic{
    margin-right: 4px;
}
/*累積入帳總額*/
.accumulation_content{
    background-color: #fff;
}
.accumulation_fancybox {
    padding-top: 139px !important;
    background-color: #fff;
}
.accumulation_header{
    position: fixed;
    top: 0;
    left: initial;
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 47px;
    z-index: 99;
    max-width: 598px;
    background-color: #fff;
}
.accumulation_close{
    position: absolute;
    top: 14px;
    right: 13px;
}
.accumulation_header .media{
    padding: 16px 20px;
    align-items: center;
    background: #f4f5fa;
    width: 100%;
}
.accumulation_header .media-body{
    flex: 1;
    padding-left: 1rem;
}
.accumulation_header .media-body h5{
    margin-bottom: 0;
}
.accumulation_img{
    width: 70px;
}
.accumulation_img img{
    width: 100%;
}
.accumulation_money{
    color: #FF9149;
}
.accumulation_money span{
    font-size: 2rem;
}
.accumulation_fancybox .filter-list-block {
    padding: 1.5rem;
}
.accumulation_fancybox .btn-full-w {
    padding: 0;
}
.accumulation_recode_list{
    text-align: left;
}
.accumulation_recode_item{
    position: relative;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 2.3rem !important;
}
.accumulation_recode_item .date {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #bdbdbd;
    padding: 4px 1.5rem;
    border-top: #f2f2f2 1px solid;
}
.accumulation_recode_item h5{
    margin-bottom: 0;
}
.accumulation_recode_item .media-right {
    color: #FF9149;
}
.accumulation_recode_item .media-right span{
    font-size: 1.5rem;
}
/*帳戶設定*/
.account_header{
    position: fixed;
    top: 0;
    left: inherit;
    width: 100%;
    max-width: 600px;
    background: #f4f5fa;
    padding-top: 48px;
    border-right: #eaeaea 1px solid;
    z-index: 99;
}
.account_header .btn-close {
    position: absolute;
    top: 14px;
    right: 13px;
}
.account_fancybox {
    padding-top: 48px !important;
}
.account_content .filter-list-block {
    overflow: initial;
    padding-top: 1.7rem;
}
.account_content .form-block{
    margin: 0;
}
.account_content .form-body{
    padding: 1rem;
}
.account_content .district_hide{
    display: none;
}
.account_datalist{
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #FFF url(../images/icon/arrow-down-sign-to-navigate.svg) no-repeat right center;
    background-size: 30px;
    padding-right: 40px;
}
.account_datalist::-webkit-calendar-picker-indicator{
    display: none;
    -webkit-appearance: none;
}
/*WOMO GOLD管理*/
.trade_record{
    display: none;
}
.mycoins_womo_tabs{
    margin-bottom: 18px;
}
.buy_history_list_box{
    overflow: hidden;
    overflow-x: auto;
}
.buy_history_list{
    min-width: 600px;
    background-color: transparent;
}
.buy_history_list .wm-coins img{
    height: 30px;
}
.buy_history_list .media.show .open_question::after{
    transform: rotate(90deg);
}
.buy_history_list .btn-full-w{
    display: flex;
    padding: 15px 1.5rem;
    margin: 0;
}
.buy_history_list .btn-full-w>div,
.buy_history_list .media-body>div,
.buy_history_content_item>div{
    padding-left: 4px;
    padding-right: 4px;
}
.buy_history_list .btn-full-w>div{
    text-align: left;
}
.buy_history_list .btn-full-w>div:nth-child(1), 
.buy_history_list .media-body>div:nth-child(1),
.buy_history_content_item>div:nth-child(1){
    width: 18%;
}
.buy_history_list .btn-full-w>div:nth-child(2),
.buy_history_list .media-body>div:nth-child(2),
.buy_history_content_item>div:nth-child(2){
    width: 23%;
}
.buy_history_list .btn-full-w>div:nth-child(3),
.buy_history_list .media-body>div:nth-child(3),
.buy_history_content_item>div:nth-child(3){
    width: 19%;
}
.buy_history_list .btn-full-w>div:nth-child(4),
.buy_history_list .media-body>div:nth-child(4){
    width: 18%;
}
.buy_history_list .btn-full-w>div:nth-child(5),
.buy_history_list .media-body>div:nth-child(5),
.buy_history_content_item>div:nth-child(4){
    flex: 1;
}
.buy_history_list .btn-full-w>div:nth-child(6),
.buy_history_list .media-body>div:nth-child(6),
.buy_history_list .media-body>div.last,
.buy_history_content_item>div:nth-child(5){
    width: 15%;
    text-align: right;
}
.buy_history_list .media{
    flex-wrap: wrap;
    padding-top: 1.5rem;
    padding-bottom: 0;
    background-color: #fff;
    margin-top: 5px;
    border-top: none;
}
.buy_history_list .media-body{
    flex: initial;
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 1.5rem;
}
.buy_history_content{
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: all 0.2s;
}
.buy_history_content_item{
    display: flex;
    align-items: center;
}
.buy_history_content_item .wm-coins{
    font-size: 1rem;
}
.buy_history_content_item .wm-coins img{
    height: 19px;
}
.buy_history_content_item .use{
    color: #E55942;
}
.buy_history_content_item .unuse{
    color: #63b3a1;
}
.buy_history_content_item{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid #efefef;
}
/*請選擇儲值WOMO GOLD顆數*/
.buy_goldcoin_header{
    max-width: 700px;
    margin: 0 auto 20px auto;
    text-align: center;
}
.buy_goldcoin_box{
    max-width: 700px;
    margin: 0 auto;
}
.buy_goldcoin_btn{
    margin-top: 40px;
    text-align: center;
}
.buy_goldcoin_btn .btn{
    min-width: 20%;
}
.buy_goldcoin{
    padding: 2rem 1rem;
    margin-bottom: -40px;
}
.buy_goldcoin_item{
    position: relative;
    padding-left: 0;
    padding-bottom: 40px;
    margin-top: 40px;
}
.buy_goldcoin_item.hot{
    top: -0.4rem;
    transform: scale(1.15);
}
.buy_goldcoin_item.discount{
    top: -0.4rem;
    transform: scale(1.15);
    margin-top: 86px;
}
.hot_chose{
    position: absolute;
    width: 100%;
    left: 0;
    top: -24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E55942;
}
.hot_chose img{
    width: 16px;
    margin-right: 4px;
}
.best_discount_box{
    position: absolute;
    width: 100%;
    left: 0;
    top: -78px;
}
.best_discount{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E55942;
    margin-bottom: 0;
    font-weight: 600;
}
.last_discount_bar{
    position: relative;
    height: 8px;
    width: 100%;
    border-radius: 8px;
    background-color: #D8A9A9;
    margin-top: 38px;
}
.last_discount{
    background-color: #d4646b;
    border-radius: 8px;
    height: 8px;
    width: 0;
    transition: all .2s;
}
.last_discount_txt{
    position: absolute;
    right: 0;
    top: -30px;
    display: block;
    background: #ffe1e1;
    border-radius: 30px;
    color: #b35068;
    padding: 1px 10px 0 10px;
    border: #f3b5b5 1px solid;
    white-space: nowrap;
    box-shadow: 1px 1px 4px #00000033;
}
.last_discount_txt:before {
    display: block;
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0;
    border-color: #ffe1e1 transparent transparent;
    bottom: -7px;
    right: 10px;
    transform: translateX(50%);
    z-index: 9;
}
.last_discount_txt:after {
    display: block;
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0;
    border-color: #f57070 transparent transparent;
    bottom: -8px;
    right: 10px;
    transform: translateX(50%);
    z-index: 8;
}
.buy_goldcoin_item.hot .iradio_square-red{
    transform: scale(0.87);
}
.buy_goldcoin_item .iradio_square-red{
    position: absolute;
    top: 8px;
    left: 8px;
    margin: 0;
}
.buy_goldcoin_item label{
    background: #FFF;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 10%);
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
}
.buy_goldcoin_count{
    padding: 1.5rem 1rem 1rem 1rem;
}
.goldcoin_count_img{
    text-align: center;
}
.goldcoin_count_img img{
    height: 45px;
}
.goldcoin_count_coins{
    font-size: 2rem;
    text-align: center;
}
.goldcoin_sabisu{
    position: relative;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f7f7f7;
    box-shadow: 0px 1px 4px 1px rgba(62, 57, 107, 0.15);    
    z-index: 2;
}
.goldcoin_sabisu.orange{
    color: #FFF;
    background: #FF9149;
}
.goldcoin_sabisu.green{
    color: #FFF;
    background: #63b3a1;
}
.goldcoin_sabisu.womored{
    color: #FFF;
    background: #d4646b;
}
.buy_goldcoin_price{
    display: flex;
    justify-content: space-between;
    color: #fff;
    background-color: #9FA1AE;
    padding: 15px 1rem;
}
/*WOMO GOLD管理-詳細資料*/
.order_info_list{
    padding: 1.5rem;
}
.order_info_item{
    display: flex;
}
.order_info_item+.order_info_item{
    margin-top: 1.2rem;
}
.order_info_item_title{
    width: 72px;
    color: #464646;
}
.order_info_item_txt{
    flex: 1;
}
.order_info_item_txt .wm-coins{
    font-size: 1rem;
}
.order_info_box{
    padding-left: 7px;
    padding-right: 7px;
}
.order_info_box+.content-header{
    margin-top: 40px;
}
.order_details .btn-full-w{
    display: flex;
    padding: 15px 1rem;
    margin: 0;
}
.order_details .btn-full-w>div{
    text-align: left;
}
.order_details .media-list .media{
    margin-left: -8px;
    margin-right: -8px;
}
.order_details .media-body{
    flex: initial;
    width: 100%;
    display: flex;
    align-items: center;
}
.order_details .media-body .wm-coins{
    font-size: 1rem;
}
.order_details .btn-full-w>div,
.order_details .media-body>div{
    padding: 0 8px;
}
.order_details .btn-full-w>div:nth-child(1),
.order_details .media-body>div:nth-child(1){
    flex: 1;
}
.order_details .btn-full-w>div:nth-child(2),
.order_details .media-body>div:nth-child(2){
    width: 20%;
}
.order_details .btn-full-w>div:nth-child(3),
.order_details .media-body>div:nth-child(3){
    width: 15%;
    text-align: center;
}
.order_details .btn-full-w>div:nth-child(4),
.order_details .media-body>div:nth-child(4){
    width: 20%;
}
.order_details .btn-full-w>div:nth-child(5),
.order_details .media-body>div:nth-child(5){
    width: 15%;
    text-align: right;
}
.order_price_total{
    margin-top: 1rem;
    text-align: right;
    font-size: 15px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.order_price_total .wm-coins{
    font-size: 15px;
    margin-left: 8px;
}
.goldcoin_use_status .btn-full-w{
    display: flex;
    padding: 15px 1rem;
    margin: 0;
}
.goldcoin_use_status .btn-full-w>div{
    text-align: left;
}
.goldcoin_use_status .media-list .media{
    margin-left: -8px;
    margin-right: -8px;
}
.goldcoin_use_status .media-body{
    flex: initial;
    width: 100%;
    display: flex;
    align-items: center;
}
.goldcoin_use_status .btn-full-w>div,
.goldcoin_use_status .media-body>div{
    padding: 0 8px;
}
.goldcoin_use_status .media-body .wm-coins{
    font-size: 1rem;
}
.goldcoin_use_status .media-body .use{
    color: #E55942;
}
.goldcoin_use_status .media-body .unuse{
    color: #63b3a1;
}
.goldcoin_use_status .btn-full-w>div:nth-child(1),
.goldcoin_use_status .media-body>div:nth-child(1){
    flex: 1;
}
.goldcoin_use_status .btn-full-w>div:nth-child(2),
.goldcoin_use_status .media-body>div:nth-child(2){
    width: 25%;
}
.goldcoin_use_status .btn-full-w>div:nth-child(3),
.goldcoin_use_status .media-body>div:nth-child(3){
    width: 25%;
}
.goldcoin_use_status .btn-full-w>div:nth-child(4),
.goldcoin_use_status .media-body>div:nth-child(4){
    width: 25%;
}
.goldcoin_use_status.return .btn-full-w>div:nth-child(3),
.goldcoin_use_status.return .media-body>div:nth-child(3){
    width: 35%;
}
.goldcoin_use_status.return .btn-full-w>div:nth-child(4),
.goldcoin_use_status.return .media-body>div:nth-child(4){
    width: 15%;
    text-align: right;
}
.order_info_goback_btn{
    margin-top: 40px;
    text-align: center;
}
.order_info_goback_btn .btn{
    min-width: 20%;
}
.order_relativism_btn{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
}
.order_relativism_btn a{
    border-bottom: solid 1px #424242;
}
.order_relativism_btn a:hover{
    border-bottom: solid 1px #E55942;
}
#order_relativism_fancybox{
    min-width: 550px;
    padding: 30px;
}
.order_relativism_list .media{
    padding: 1.5rem 0;
}
.order_relativism_return{
    display: none;
}
.order_relativism_return_step2, .order_relativism_return_step3{
    display: none;
}
.order_relativism_content{
    margin-top: 1.5rem;
}
.return_step_directions span+span::before{
    content: " 〉";
}
.buy_history_list_forreturn .btn-full-w {
    display: flex;
    padding: 15px 1.5rem;
    align-items: center;
    margin: 0;
}
.buy_history_list_forreturn .media-body {
    flex: initial;
    width: 100%;
    display: flex;
    align-items: center;
}
.buy_history_list_forreturn .media-body .wm-coins {
    font-size: 1rem;
}
.buy_history_list_forreturn .btn-full-w>div:nth-child(1),
.buy_history_list_forreturn .media-body>div:nth-child(1){
    width: 10%;
    text-align: left;
}
.buy_history_list_forreturn .btn-full-w>div:nth-child(2),
.buy_history_list_forreturn .media-body>div:nth-child(2){
    width: 20%;
    text-align: center;
}
.buy_history_list_forreturn .btn-full-w>div:nth-child(3),
.buy_history_list_forreturn .media-body>div:nth-child(3){
    width: 20%;
    text-align: center;
    color: #E55942;
}
.buy_history_list_forreturn .btn-full-w>div:nth-child(4),
.buy_history_list_forreturn .media-body>div:nth-child(4){
    width: 20%;
    text-align: center;
    color: #63b3a1;
}
.buy_history_list_forreturn .btn-full-w>div:nth-child(5),
.buy_history_list_forreturn .media-body>div:nth-child(5){
    flex: 1;
    text-align: center;
}
/*退貨明細*/
.gold_coin_return{
    flex-direction: row;
}
.gold_coin_return_info_list{
    flex: 1;
}
.gold_coin_return_confirm{
    margin-top: 40px;
    text-align: center;
    padding-bottom: 20px;
}
.gold_coin_return_info_list{
    padding: 1.5rem;
}
.gold_coin_return_info_item{
    display: flex;
}
.gold_coin_return_info_item+.gold_coin_return_info_item{
    margin-top: 1.2rem;
}
.gold_coin_return_title{
    width: 120px;
    color: #464646;
}
.gold_coin_return_txt{
    flex: 1;
    padding-left: 4px;
}
.gold_coin_return_txt .red{
    color: #E55942;
}
.goldcoin_return_detail .btn-full-w {
    display: flex;
    padding: 15px 1.5rem;
    align-items: center;
    margin: 0;
}
.goldcoin_return_detail .media-body {
    flex: initial;
    width: 100%;
    display: flex;
    align-items: center;
}
.goldcoin_return_detail .media-body .wm-coins {
    font-size: 1rem;
}
.goldcoin_return_detail .btn-full-w>div:nth-child(1),
.goldcoin_return_detail .media-body>div:nth-child(1){
    width: 25%;
    text-align: left;
}
.goldcoin_return_detail .btn-full-w>div:nth-child(2),
.goldcoin_return_detail .media-body>div:nth-child(2){
    width: 25%;
    text-align: center;
}
.goldcoin_return_detail .btn-full-w>div:nth-child(3),
.goldcoin_return_detail .media-body>div:nth-child(3){
    width: 25%;
    text-align: center;
}
.goldcoin_return_detail .btn-full-w>div:nth-child(4),
.goldcoin_return_detail .media-body>div:nth-child(4){
    width: 25%;
    text-align: center;
}
/*WoMall*/
.search-bar-block.womall{
    padding-right: 0;
}
.search-bar-block.womall .search-bar {
    border-right: 0;
}
.nav.nav-tabs.womall .nav-item a.nav-link .icon{
    width: 26px;
    height: 26px;
    overflow: hidden;
    margin: 0 auto 4px auto;
}
.nav.nav-tabs.womall .nav-item a.nav-link .icon img{
    width: 100%;
}
.nav-tabs.womall .nav-item .nav-link:hover, .nav-tabs.womall .nav-item .nav-link.active {
    color: #DCAC2E;
}
.womall .nav-link.active .txt {
    border-bottom: #DCAC2E 2px solid;
}
.womall .nav-link.active .icon img, .womall .nav-link:hover .icon img{
    transform:translateY(-50%);
}
.friend-list-block.womall_list .media {
    padding: 1rem 1.5rem 1rem 1rem;
}
.media-list.womall_list .media .media-left{
    padding-right: 12px;
}
.womall_icon{
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.original-coins{
    color: #b3b3b3;
    margin-right: 1rem;
    position: relative;
}
.original-coins::before{
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: 1px;
    background-color: #b3b3b3;
    top: 50%;
    left: -2px;
    z-index: 1;
}
.friend-list-block .media .media-body .icon.original-coins img {
    height: 20px;
    position: relative;
    top: -2px;
}
.friend-list-block.womall_list .media .media-heading{
    font-size: 1.15rem;
}
.womall_list .media-content{
    color: #4c4c4c;
}
.friend-list-block.womall_list .pic img {
    width: 80px;
}
/*zuvio活動*/
.zuvio_money_btn_list{
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -8px;
}
.zuvio_money_item{
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 8px;
    flex: 1;
}
.zuvio_money_item .btn{
    width: 100%;
    font-size: 1.5rem;
}
.current_collect{
    font-size: 1.5rem;
    width: 100%;
    padding: 1.5rem;
    text-align: center;
    color: #6B6F82;
}
.current_collect .txt-red{
    margin: 0 4px;
}
.share_coin_list .media+.media{
    margin-top: 1rem;
}
.share_coin_list .media-body{
    color: #000;
}
.share_coin_list .media-heading .icon{
    margin-left: 8px;
}
.share_coin_list .media-heading .icon img{
    margin-top: -3px;
}
.share_coin_list .w-coins img{
    height: 45px;
    top: -8px;
}
.zuvio_slogan{
    align-items: center;
}
.zuvio_slogan .media-left img{
    max-width: 100%;
}
.zuvio_slogan .media-body{
    font-size: 2.25rem;
    font-weight: 600;
    color: #000;
    padding-left: 1rem;
    letter-spacing: 0.1rem;
    display: flex;
    flex-wrap: wrap;
}
.zuvio_slogan_mycoin{
    position: relative;
}
.zuvio_slogan_mycoin .w-coins-pic, 
.zuvio_slogan_mycoin .m-coins-pic{
    position: absolute;
    top: 0;
    right: 8px;
    width: 90px;
    padding: 13px;
    height: auto;
}
.rank-list.outrank {
    margin-top: 1rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.rank-list.me {
    background-color: #fff5f5;
}
.rank-list .coin-pic+.coin-pic {
    margin-left: 1rem;
}
.all-rank-block.for1w .rank-list .name{
    padding-right: 0;
}
.all-rank-block.for1w .rank-list .name .name-right {
    width: fit-content;
    margin-left: auto;
    padding-right: 0.5rem;
}
.all-rank-block.for1w .rank-list .name .m-coins{
    font-size: 1.1rem;
}
/*幸運券*/
.lottery-kol-list .media{
    width: 48%;
    margin: 1% 1% 1rem 1%;
}
.lucky_card{
    position: relative;
}
.gift-icon{
    position: absolute;
    right: 0.5rem;
    bottom: 0.4rem;
    display: flex;
    align-items: center;
}
.gift-icon .txt{
    margin-right: 4px;
    padding-top: 4px;
    font-size: 1rem;
}
.open_lottery{
    font-size: 1rem;
}
.scratchcard_fancybox{
    padding: 0;
    background-color: transparent;
    position: absolute;
    top: -100%;
}
.fancybox-is-open .scratchcard_fancybox{
    position: relative;
    top: 0;
}
.scratchcard_fancybox_box{
    background-color: #F4F5FA;
    border-radius: 1.5rem;
}
.prize_list_box{
    padding: 1rem 1rem 96px 1rem;
    background: #cd506e;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}
.prize_list_row{
    overflow-x: auto;
    max-width: 432px;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 12px;
}
.prize_list_row::-webkit-scrollbar {
    height: 12px;
    background-color: #cd506e;
    border-radius: 12px;
}
.prize_list_row::-webkit-scrollbar-thumb {
    border: 4px solid #cd506e;
    background-color: rgb(255 255 255 / 30%);
    border-radius: 8px;
}
.prize_list_box h5{
    color: #fff;
}
.scratchcard{
    padding: 0 1rem 1rem 1rem;
}
#canvas_scratch_card {
    position: relative;
    width: 400px;
    height: 260px;
    background: #ccc;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    margin-top: -80px;
}
.canvas_scratch_content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(https://womophoto.s3.ap-northeast-1.amazonaws.com/public/assets/images/scratch_gift.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.canvas_scratch_prize{
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    position: relative;
}
.canvas_scratch_prize img{
    position: absolute;
    display: block;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
#canvas_scratch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.result_content{
    user-select: none;
}
.winning_content{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: rgba( 255, 255, 255, 0.25 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 3px );
    -webkit-backdrop-filter: blur( 3px );
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
}
.winning_content .card{
    background-color: #fff;
    border-radius: 8px;
    padding: 0.5rem;
    margin-bottom: 0;
    width: 42%;
    box-shadow: 1px 1px 5px rgb(200 200 200 / 50%);
}
.winning_prize{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    border-radius: 8px;
    overflow: hidden;
}
.winning_prize img{
    position: absolute;
    display: block;
    object-fit: contain;
    object-position: center center;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
.winning_prize_name{
    margin-top: 0.5rem;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
}
.winning_btn{
    margin-top: 0.75rem;
}
.winning_btn .btn{
    width: fit-content;
    margin: 0 auto;
}
.winning_msg{
    font-size: 1.32rem;
    color: #BE3E42;
    font-weight: 600;
    margin-bottom: 4px;
    text-shadow: rgb(255 255 255 / 90%) 2px 2px 6px;
}
.winning_msg.los{
    color: #000;
}
.losing_prize{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    margin-bottom: 0.5rem;
    border-radius: 8px;
    overflow: hidden;
}
.losing_prize img{
    position: absolute;
    display: block;
    object-fit: contain;
    object-position: center center;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
.prize_list{
    display: flex;
    margin-left: -6px;
    margin-right: -6px;
    margin-top: 1rem;
    width: fit-content;
}
.prize_item{
    width: 130px;
    padding-left: 6px;
    padding-right: 6px;
}
.prize_card{
    background-color: #fff;
    border-radius: 8px;
    padding: 0.5rem;
}
.prize_card_img{
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    position: relative;
}
.prize_card_img img{
    position: absolute;
    display: block;
    object-fit: contain;
    object-position: center center;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
.prize_card_body h5{
    color: #000;
    margin-top: 8px;
}
.prize_info_item{
    display: flex;
    justify-content: space-between;
}
.loading-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 15%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading-overlay .loader {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    margin:15px auto;
    position: relative;
    color: #FFF;
    box-sizing: border-box;
    animation: animloader 2s linear infinite;
}
@keyframes animloader {
0% {
    box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
}
25% {
    box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 2px;
}
50% {
    box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 2px,  -38px 0 0 -2px;
}
75% {
    box-shadow: 14px 0 0 2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
}
100% {
    box-shadow: 14px 0 0 -2px,  38px 0 0 2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
}
}
/*首頁碼上搶*/
.act-polist-media-blockwomogold{
    margin: -5px 0;
}
.index_womogold_item{
    padding: 5px 0;
}
.index_womogold_item .media{
    align-items: center;
    background-color: #fff;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 8%);
    border-radius: 15px;
    overflow: hidden;
    padding: 1.5rem 1.5rem 1.2rem 1.5rem;
}
.index_womogold_item .media-body{
    flex: 1;
    padding-right: 1rem;
}
.index_womogold_item .media-right{
    width: 100px;
}
.index_womogold_item .media-right img{
    width: 100%;
}
.get_womocoin_box{
    width: 350px;
    padding: 1rem 0 0 0;
}
.get_womocoin_box .buy_goldcoin_item{
    background: #FFF;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 10%);
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    margin-top: 16px;
}
.get_goldcoin_btn .btn{
    border-radius: 0;
}
.get_womocoin_box .best_discount_box{
    position: initial;
}
.get_womocoin_box .best_discount{
    font-size: 1.5rem;
}
/*我要放碼*/
.choose_shop_btn_row{
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}
.choose_shop_btn{
    border: solid 1px #424242;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.choose_shop_btn:hover{
    border: solid 1px #d4646b;
}
.choose_shop_btn_row h4{
    margin-bottom: 0;
    flex: 1;
}
.promote_rule_content .desc ul li {
    list-style: disc;
}
.provide-chips-list .media{
    flex-wrap: wrap;
    align-items: center;
}
.provide-chips-list .media .media-right{
    width: 100px;
    text-align: right;
}
.open_qrcode_btn_box{
    width: 100%;
    margin-top: 10px;
}
.open_qrcode_btn_box a{
    width: 100%;
    border: 0;
    padding: 7px 10px !important;
    border-radius: 10px;
    color: #262626;
    background: #efefef;
}
.provide-chips-shop-list .media{
    align-items: center;
}
#shop_info_fancybox, 
.shop_link_google_fancybox {
    padding-top: 172px !important;
}
#shop_info_fancybox .btn-filter-store-list-block, 
.shop_link_google_fancybox .btn-filter-store-list-block {
    padding: 1rem;
    margin-top: -8px;
}
#shop_info_fancybox .btn-filter-store-list-block a, 
.shop_link_google_fancybox .btn-filter-store-list-block a  {
    margin-top: 0;
    width: 100%;
}
#shop_info_fancybox .btn-filter-store-list-block img, 
.shop_link_google_fancybox .btn-filter-store-list-block img {
    width: 18px;
    position: relative;
    top: -1px;
}
#choose_shop_fancybox{
    position: fixed;
    top: 0;
    width: 100%;
    background: #f4f5fa;
    padding-top: 42px !important;
    z-index: 99;
}
#choose_shop_fancybox .btn-close {
    position: absolute;
    top: 14px;
    right: 13px;
}
.branch-store-list-block .store_pic {
    margin: 0 10px;
}
.branch-store-list-block .store_pic img {
    width: 150px !important;
    box-shadow: 0px 2px 10px 0px rgba(107, 111, 130, 0.3);
    border: #FFF 3px solid;
}
.branch-store-list-block .media{
    align-items: flex-start;
}
.branch-store-list-block .media label{
    flex: 1;
    display: flex;
    align-items: center;
}
.branch-store-list-block .media.disabled label{
    opacity: .5;
}
.shop_info_tip i{
    font-size: 18px;
    position: relative;
    bottom: -3px;
}

/*qrcode_fancybox*/
#qrcode_fancybox {
    max-width: 600px;
}
.print-standee-block-out {
    overflow: auto;
    width: 100%;
}
.print-standee-block {
    background-color: #B74B64;
    width: 525px;
    text-align: center;
    overflow: hidden;
}
.print-standee-block .womologo {
    padding: 10px;
    text-align: left;
}
.print-standee-block .womologo span {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 30px;
    background-color: #efeeee;
}
.print-standee-block .womologo img {
    width: 100%;
    max-width: 230px;
}
.print-standee-block h1 {
    font-size: 2.25rem;
    color: #FFF;
    margin-bottom: 1.5rem;
    font-weight: 800;
}
.qrcode-block {
    border: #FFF 2px solid;
    max-width: 250px;
    margin: 0 auto;
}
.qrcode-block-inner {
    position: relative;
    background-color: #FFF;
    padding: 5px 5px 0 5px;
}
.qrcode-box {
    position: relative;
    width: fit-content;
}
.qrcode-box .m-coins-pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.qrcode-block-inner canvas {
    width: 100%;
}
.qrcode-block-inner h2 {
    color: #C04E68;
    font-weight: bold;
    font-size: 1.7rem;
    margin: 10px 0 0 0;
}
.qrcode-block-inner .desc{
    margin-bottom: 8px;
}
.qrcode-copyright{
    background: #f3f3f3;
    padding: 7px 7px 7px 52px;
    text-align: left;
}
.qrcode_shop_info{
    padding: 0 1rem 1rem 1rem;
    text-align: center;
}
.qrcode_shop_img{
    margin-top: -76px;
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 2;
}
.qrcode_shop_img_coin {
    text-align: center;
}
.qrcode_shop_img_coin img {
    width: 44%;
}
.qrcode_shop_slogn img {
    max-width: 90%;
}
.qrcode_step_block {
    display: flex;
    padding: 0 15px;
}
.qrcode_step_list {
    position: relative;
    flex: 1;
    padding: 10px 10px 10px 10px;
}
.qrcode_step_list img {
    max-width: 100%;
}
.qrcode_step_list + .qrcode_step_list:before {
    position: absolute;
    content: " ";
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
    border: solid transparent;
    border-left: 15px solid #dcdbdb;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.qrcode_step_list1 {
    background-color: #dcdbdb;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.qrcode_step_list2 {
    background-color: #e5e5e5;
    transform: scale(1.01);
}
.qrcode_step_list2:before {
    border-left-color: #dcdbdb;
}
.qrcode_step_list3 {
    background-color: #efeeee;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.qrcode_step_list3:before {
    border-left-color: #e5e5e5 !important;
}
.qrcode_step_list3 .pic {
    position: relative;
}
.qrcode_step_list3 .m-coins-pic {
    position: absolute;
}
.qrcode_step_list3 .m-coins-pic:first-child {
    left: 4px;
    top: 59px;
}
.qrcode_step_list3 .m-coins-pic:nth-child(2) {
    top: 61px;
    right: 8px;
}
.mark-step {
    margin-bottom: 3px;
}
.mark-step img {
    width: 70px;
}
.qrcode_step_list .txt {
    margin-top: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #595959;
    letter-spacing: 3px;
}
.qrcode_shop_info_row {
    display: flex;
    align-items: flex-end;
}
.qrcode_shop_info_txt {
    position: relative;
    color: #FFF;
    text-align: center;
    font-size: 1.4rem;
    padding: 0 10px;
    letter-spacing: 2px;
    margin: 15px 25px;
}
.qrcode_shop_info_txt:before, 
.qrcode_shop_info_txt:after {
    position: absolute;
    bottom: 0;
    content: " ";
    width: 2px;
    height: 20px;
    background-color: #FFF;
}
.qrcode_shop_info_txt:before {
    left: 0;
    transform: rotate(-25deg);
}
.qrcode_shop_info_txt:after {
    right: 0;
    transform: rotate(25deg);
}
.qrcode_shop_info_block {
    position: relative;
    width: 290px;
    height: 144px;
    padding: 79px 33px 18px 49px;
    text-align: left;
    margin: -7px 0 -34px 0;
}
.qrcode_shop_info_block .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.qrcode_shop_info_block .pic img {
    width: 100%;
}
.qrcode_shop_info_block h4, 
.qrcode_shop_info_block .txt {
    position: relative;
    z-index: 10;
}
.qrcode_shop_info_block h4 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 1px;
}
.qrcode_shop_info_block .txt {
    line-height: 1.3;
}

#choose_shop_fancybox .form-body{
    padding: 1rem;
}
.upload-qrcode {
    background-color: #FFF;
    border: #e4e4e4 1px solid;
    font-size: 1.1rem;
    text-align: center;
    padding: 20px 10px;
    border-radius: 10px;
}
.upload-qrcode .btn-upload-qrcode {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8d8d8d;
    background-color: #f1f1f1;
    border: #e4e4e4 1px dashed;
    padding: 30px 15px 30px 15px !important;
    margin: 0 20px 20px 20px;
    border-radius: 10px;
}
.form-block .form-group label {
    margin: 0 auto;
}
.form-block .form-group label .txt{
    color: #868686;
    font-size: 1rem;
    margin-top: 0.5rem;
}
.btn-upload-qrcode-img {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.upload-qrcode #imgBox{
    padding: 0 1rem;
}
/*社群資產大數據分析*/
.assets_analyze_user{
    align-items: center;
    margin-bottom: 30px;
}
.assets_analyze_user .media-body{
    margin-left: 25px;
}
.date_range{
    display: flex;
    align-items: center;
}
.date_range label{
    margin-bottom: 0;
}
.date_range_input{
    flex: 1;
    margin-left: 15px;
}
.assets-analyze-list .table{
    text-align: left;
    min-width: 450px;
}
.assets-analyze-list .table th{
    vertical-align:bottom;
}
.assets-analyze-list .table th .remark{
    font-weight: 400;
}
/*黑色頁籤*/
.nav.nav-tabs.nav-blacktab {
    padding: 15px 10px;
    border-radius: 0;
}
.nav.nav-tabs.nav-blacktab .nav-item {
    padding: 0 5px;
    width: fit-content;
    flex-grow: inherit;
}
.nav.nav-tabs.nav-blacktab .nav-item a.nav-link {
    border: none;
    background-color: #fff;
    border-radius: 40px;
    width: fit-content;
    overflow: visible;
    padding: 0.5rem 1rem;
}
.nav.nav-tabs.nav-blacktab .nav-item a.nav-link:hover {
    color: #000;
}
.nav.nav-tabs.nav-blacktab .nav-item a.nav-link.active:focus, 
.nav.nav-tabs.nav-blacktab .nav-item a.nav-link.active {
    font-weight: bold;
    color: #FFF;
    background-color: #000000;
    border: none;
}
.nav.nav-tabs.nav-blacktab .nav-item a.nav-link .tip-event {
    right: -3px;
    top: -5px;
    width: 10px;
    height: 10px;
}
/*誰抖內我*/
.who-donate-me-list.tab-pane .media{
    padding: 1rem 1.5rem;
    align-items: center;
}
.who-donate-me-list.tab-pane .media.active{
    background-color: #fff8f8;
}
.who-donate-me-list.tab-pane .pic img {
    width: 60px;
}
.who-donate-me-list.tab-pane .media .media-right {
    display: flex;
    align-items: center;
    width: 124px;
}
.who_donate{
    color: #000;
    font-size: 1.1rem;
}
/*我的抖內等級*/
.donate-ranking-list{
    background-color: #F4F5FA;
    box-shadow: none;
}
.donate_lv_row{
    display: flex;
    align-items: center;
    padding: 15px;
}
.donate_lv{
    flex: 1;
    margin-right: 1.5rem;
}
.donate_lv_txt{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.donate_lv_bar{
    height: 8px;
    width: 100%;
    border-radius: 8px;
    background-color: rgb(243, 242, 242);
    margin-bottom: 8px;
}
.donate_lv_how a{
    display: flex;
    align-items: center;
}
.donate_lv_num .lvnum{
    font-size: 1.32rem;
    font-weight: 600;
    color: #000;
}
.donate_lv_coin_list{
    display: flex;
    align-items: center;
    width: fit-content;
}
.donate_lv_coin_item{
    text-align: center;
}
.donate_lv_coin_item+.donate_lv_coin_item{
    margin-left: 8px;
}
.donate_lv_coin_img img{
    width: 45px;
}
.donate_lv_list_box{
    padding: 15px;
}
.donate_lv_list_title{
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
}
.donate_lv_list_title img{
    width: 30px;
    margin-right: 10px;
}
.donate_lv_list_box .media{
    background-color: #F4F5FA;
    border-radius: 0.35rem;
    border-top: none;
}
.donate_lv_list_box .media+.media{
    margin-top: 12px;
}
.donate_lv_list_box .media-left img{
    width: 30px;
}
.donate_lv_list_box .media-body h5{
    font-weight: 600;
}
.donate_lv_list_box .media-body p{
    margin-bottom: 0;
}
.all-rank-block.donate-ranking-block .rank-list .mark{
    left: 50%;
    transform: translateX(-42px) rotate(-20deg);
    top: -22px;
}
.all-rank-block.donate-ranking-block .rank-list:nth-child(1) .mark{
    /*top: 0;*/
}
.donate-ranking-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px !important;
}
.donate-ranking-header h5{
    color: #da5171;
    font-size: 1.32rem;
}
.all-donate-ranking-list .media{
    align-items: center;
}
.all-donate-ranking-list .media-left{
    display: flex;
    align-items: center;
}
.all-donate-ranking-list .media-body{
    text-align: left;
}
.all-donate-ranking-list .media-body a{
    display: block;
    width: fit-content;
}
.all-donate-ranking-list .media-body h5{
    margin-bottom: 0.5rem;
}
.all-donate-ranking-list .media-right{
    display: flex;
    align-items: center;
}
.all-donate-ranking-list .media-right .pic img{
    width: 60px;
}
.my_racking_num h5{
    font-weight: 600;
    text-align: right;
    font-size: 1.4rem;
}
.my_racking{
    position: fixed;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    max-width: 792px;
    border: 1px solid #ebdcdc !important;
    border-radius: 0.5rem;
    z-index: 998;
    background-color: #fff3f3;
}
/*全站大喇叭*/
.allweb_trumpet{
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to left, #cc4f6c 0%, #e27828 100%);
    padding: 0.5rem;
    color: #fff;
}
.allweb_trumpet_img img{
    width: 40px;
}
.allweb_trumpet .name{
    background-color: #fff;
    padding: 0.5rem 1rem;
    color: #e55942;
    margin: 0 1rem;
    border-radius: 30px;
}
.allweb_trumpet .wm-coins img{
    width: 40px;
    height: auto;
}
@media(min-width: 768px) {
    /*右側上方浮動按鈕*/
    /* .quick_btn1 {
        right: -70px;
    }
    .quick_btn1 li:hover{
        transform: translateX(-59px);
    } */
    /*個人籌碼發行頁*/
    .userprofile_item .show-po-box{
        padding: 0;
    }
    .userprofile_item .show-po-btn{
        /*padding: 0 25px;*/
    }
}
@media(max-width: 991px) {
    /*header*/
    .womo_pc_header_nav{
        display: none;
    }
    .header_logo{
        width: auto;
        /*width: auto;
        position: absolute;
        top: 0;
        left: calc(50% - (123px / 2));*/
    }
    .womo_pc_header_notice{
        flex: 1;
        width: 50%;
    }
    .womo_pc_header_notice .navbar-nav.float-right{
        flex-direction: row;
        margin-left: auto;
    }
    .womo_pc_header_notice .navbar-nav.float-right .nav-link{
        position: relative;
    }
    .womo_header .navbar-nav.float-right>li{
        
    }
    .womo_pc_header_notice .navbar-nav.float-right .dropdown-menu{
        position: absolute;
    }
    .womo_pc_header_burger{
        position: initial;
        height: 100%;
        margin-left: -10px;
        /*margin-right: 15px !important;
        border-right: #f3f3f3 1px solid;*/
    }
    .womo_pc_header_burger .nav-item{
        height: 100%;
    }
    .womo_header .womo_pc_header_burger a.menu-toggle, 
    .womo_header .womo_pc_header_burger a.menu-toggle2 {
        height: 100%;
        padding: 0 !important;
        display: flex;
    }
    .header_logo a{
        margin-right: 0;
    }
    /*個人籌碼發行頁*/
    .mygift-teaching{
        padding: 15px;
    }
    /*zuvio活動*/
    .zuvio_money_btn_list{
        display: flex;
        margin-left: -8px;
        margin-right: -8px;
    }
    .zuvio_money_item{
        padding-left: 8px;
        padding-right: 8px;
    }
    .zuvio_money_item .btn{
        font-size: 1.25rem;
    }
    .zuvio_slogan .media-left{
        width: 35%;
    }
    .zuvio_slogan .media-body{
        font-size: 1.5rem;
        letter-spacing: 0.05rem;
    }
    .share_coin_list .media-body{
        padding-right: 16px;
    }
    .current_collect {
        font-size: 1.25rem;
        padding: 1rem;
    }
    .zuvio_slogan_mycoin .w-coins-pic, 
    .zuvio_slogan_mycoin .m-coins-pic{
        right: 0;
        width: 60px;
        padding: 8px;
    }
    .rank-list .coin-pic+.coin-pic {
        margin-left: 0.5rem;
    }
    .all-rank-block.for1w .rank-list .name .name-right {
        padding-right: 0;
    }
}
@media(max-width: 767px) {
    html body .content .content-wrapper{
        padding: 7px 7px 48px 7px;
    }
    .pc_block{
        display: initial;
    }
    .label-control-pc2row{
        margin: 0.7rem 0;
    }
    /*header*/
    .womo_header {
        height: 64px;
    }
    #my_coin_notice{
        width: calc(100% - 30px);
        padding: 1rem;
    }
    #my_coin_notice h4.title-header{
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .my_coin_notice_list{
        margin-bottom: 1rem;
    }
    .my_coin_notice_list .media{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .my_coin_notice_list .media .media-right{
        width: 140px;
    }
    .my_coin_notice_list .media .w-coins{
        font-size: 1rem;
    }
    .my_coin_notice_list .media .media-left{
        padding-right: 5px;
    }
    .my_coin_notice_list .media .media-left .coins-pic{
        width: 50px;
        height: 50px;
    }
    /*全站大喇叭*/
    .allweb_trumpet{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100000;
        height: 64px;
        width: 100%;
    }
    .allweb_trumpet_img img {
        width: 32px;
    }
    .allweb_trumpet .name {
        margin: 0 0.5rem;
        padding: 0.5rem 0.75rem;
    }
    .allweb_trumpet .wm-coins img {
        width: 26px;
    }
    /*右側選單*/
    .right_nav{
        position: absolute;
        top: 73px;
        left: 0;
        right: 0;
        padding: 0 7px;
        margin-left: -2%;
        width: 102%;
    }
    .right_nav ul {
        display: flex;
        justify-content: center;
        padding-left: 0;
        margin-bottom: 0;
    }
    .right_nav li{
        margin-left: 2%;
        flex: 1;
    }
    .right_nav_item:hover {
        transform: translateX(0);
    }
    .right_nav_link{
        justify-content: center;
    }
    .right_nav_txt{
        flex: initial;    
    }
    /*評價星星*/
    .store_score_list{
        margin-left: -12px;
        margin-right: -12px;
    }
    .store_score_item{
        padding: 0 12px;
    }
    /*首頁標題*/
    .index_page_title{
        margin-bottom: 16px;
        padding-right: 70px;
    }
    .index_page_title h1{
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .index_page_title_coin_m {
        right: 24px;
        top: 24px;
    }
    .index_page_title_coin_w {
        right: 0;
        top: 6px;
    }
    .index_page_title_coin_m img {
        width: 40px;
        height: 40px;
    }
    .index_page_title_coin_w img {
        width: 36px;
        height: 36px;
    }
    /*首頁區塊標題*/
    .home_block_title_red{
        padding: 1rem 7px;
        border-radius: 0;
        margin-left: -7px;
        margin-right: -7px;
    }
    .home_block_title_red h2{
        font-size: 1.5rem;
    }
    .home_block_title_red h4{
        font-size: 1.2rem;
    }
    /*首頁扭蛋機*/
    .home_capsule_block{
        margin-left: -7px;
        margin-right: -7px
    }
    .capsule_machine_box{
        display: grid;
        grid-template-columns: 100%;
        padding: 15px;
    }
    .capsule_go_comment:before, 
    .capsule_go_comment:after, 
    .capsule_machine:before, 
    .capsule_machine:after {
        width: 50px;
        height: 50px;
    }
    .capsule_machine:before, 
    .capsule_machine:after {
        top: -25px;
    }
    .capsule_go_comment:before, 
    .capsule_go_comment:after {
        bottom: -25px;
    }
    .capsule_go_comment:after, 
    .capsule_machine:after {
        right: -25px;
    }
    .capsule_go_comment:before, 
    .capsule_machine:before {
        left: -25px;
    }
    .capsule_bg_pic1 {
        width: 70px;
        top: 10px;
        right: -10px;
    }
    .capsule_bg_pic2 {
        width: 60px;
        bottom: -10px;
        left: -15px;
    }
    .capsule_bg_pic1 img, .capsule_bg_pic2 img {
        width: 100%;
    }
    #see_ranking_fancybox{
        width: calc(100% - 30px);
        padding: 1.5rem 1rem;
    }
    #invite_friend_fancybox{
        width: calc(100% - 30px);
    }
    #see_rule_fancybox_right{
        width: calc(100% - 30px);
        padding: 1.5rem 1rem;
    }
    .see_rule_box_2 .invite_friend_step{
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .invite_friend_step_item.social{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .linepoints_txt{
        margin-left: -2rem;
        margin-right: -2rem;
        line-height: 2.2rem;
    }
    .all_rank_box .rank-list .coin-pic{
        width: 70px !important;
        padding: 11px 13px 10px 11px !important;
        margin-left: 35px !important;
    }
    .all_rank_box .all-rank-block{
        margin-bottom: 1.6rem;
    }
    .my_rank_box{
        bottom: 109px;
    }
    .my_rank{
        padding-left: 7px;
        padding-right: 7px;
    }
    .capsule_ad_link_box{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        border-radius: 11px 11px 0 0;
        padding-bottom: 0.8rem;
    }
    .capsule_machine_tab{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 4;
        grid-row-end: 4;
    }
    .capsule_machine{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        padding: 1rem 0;
        border-radius: 0;
    }
    .capsule_go_comment{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
    }
    .capsule_main_box{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 5;
        grid-row-end: 5;
    }
    .capsule_machine_title{
        padding: 1rem 1rem 4px 1rem;
    }
    .capsule_machine_title span{
        font-size: 1.5rem;
    }
    .capsule_slogan{
        padding: 0 1rem 1.5rem 1rem;
    }
    .capsule_go_comment::after{
        /*display: none;*/
    }
    .capsule_go_comment:hover{
        background-color: #fff;
    }
    .capsule_go_comment a{
        padding: 1rem;
    }
    .capsule_go_comment .pic .arrow_icon{
        background-color: #0C543B;
        color: #fff;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
    }
    .capsule_go_comment .pic .arrow_icon i{
        font-size: 1rem !important;
    }
    .show_comment_btn{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 6;
        grid-row-end: 6;
        font-size: 1.5rem;
        padding: 1rem;
        border-radius: 0 0 12px 12px;
    }
    .show_comment_btn .pic .arrow_icon{
        width: 32px;
        height: 32px;
    }
    .show_comment_btn .pic .arrow_icon i{
        font-size: 1rem !important;
    }
    #capsule-fancybox{
        width: calc(100% - 30px);
        padding: 1rem;
    }
    /*主題籌碼*/
    .theme_coin_title h1{
        font-size: 1.74rem;
    }
    /*品牌開外掛*/
    .cheating_block{
        margin-bottom: 1rem;
    }
    /*口碑籌碼*/
    .home_mouth_block .home_block_title_red{
        align-items: center;
    }
    /*發行者前台*/
    .select_shop_img{
        grid-row-start: 1;
        grid-row-end: 1;
    }
    .select_shop_name{
        margin-bottom: 0;
    }
    .select_shop_block {
        padding-top: 1.5rem;
    }
    .select_shop_countprice{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
        padding-left: 0;
        margin-top: 8px;
    }
    .select_shop_getdate {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
        padding-left: 0;
    }
    .select_shop_sharedate {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 4;
        grid-row-end: 4;
        padding-left: 0;
    }
    .select_shop_gift_out, .select_shop_activity_on{
        right: -10px;
        align-items: flex-start;
    }
    #comment_recommend_fancybox{
        width: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #comment_recommend_fancybox form .form-actions, .form-actions{
        padding: 0;
    }
    .comment_recommend_notice_content .title{
        flex-wrap: wrap;
    }
    .full_star{
        width: 24px;
        height: 24px;
    }
    .null_star{
        width: 24px;
        height: 24px;
    }
    .half_star{
        width: 24px;
        height: 24px;
    }
    .coupon_list{
        justify-content: center;
    }
    .coupon_list .media{
        width: 100%;
    }
    .more_recommend_list .media-left .media-object{
        width: 32px;
    }
    .more_recommend_list .coupon_recommend_img_item .media-object{
        width: 48px;
    }
    .have_activity_nav_box>.row{
        margin-bottom: 0;
    }
    /*線下口碑籌碼頁面新增*/
    .recommend_shop_block{
        margin-top: 1rem;
    }
    .comment_recommend_store{
        flex-wrap: wrap;
        justify-content: center;
    }
    .comment_recommend_store .store_pic img{
        width: 100px;
    }
    .store_coupon_pic {
        width: 100px;
    }
    .comment_recommend_store .mycoupon-line {
        width: 114px;
        top: 49%;
        left: 54px;
    }
    .recommend_shop_form .txt-tip{
        margin-top: -30px;
        margin-left: -30px;
        margin-right: -30px;
        padding: 1.2rem 30px;
    }
    .comment_recommend_store .store_name{
        padding-left: 10px;
        padding-right: 5px;
    }
    .comment_recommend_store .store_name h4{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        word-break: break-all;
    }
    /* .comment_recommend_store .store_name{
        width: 100%;
        flex: 100%;
        padding-left: 0;
        text-align: center;
        padding-top: 10px;
        margin-top: 0;
    } */
    /*發籌碼*/
    .card.get_coin_way .media{
        flex-wrap: wrap;
    }
    .get_coin_way .media-right{
        width: 100%;
        padding-left: 0 !important;
        margin-top: 1.2rem;
    }
    .get_coin_way .media-right a{
        width: 100%;
    }
    .currency_story_list .media{
        align-items: flex-start;
    }
    .currency_story_list .pic img {
        width: 45px;
    }
    .currency_story_btn a{
        width: 100%;
    }
    /*購買禮物權*/
    .select_gift_img{
        grid-row-start: 1;
        grid-row-end: 1;
    }
    .select_gift_name{
        margin-bottom: 0;
        padding-right: 0;
    }
    .select_gift_block {
        padding-top: 1.5rem;
    }
    .select_gift_countprice{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
        padding-left: 0;
        margin-top: 8px;
    }
    .select_gift_sharedate {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
        padding-left: 0;
    }
    #set_gift_fancybox {
        width: auto;
    }
    .set_gift_pic .bg{
        height: 200px;
    }
    .gift_total .form-group{
        margin-bottom: 0;
    }
    .gift_total{
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .gift_detail_btn{
        position: initial;
        margin-top: 8px;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 4;
        grid-row-end: 4;
    }
    .coin_over_box{
        flex-wrap: wrap;
    }
    .coin_over_txt{
        word-break: keep-all;
    }
    .select_gift_date{
        flex-wrap: wrap;
        margin-bottom: -8px;
    }
    .select_gift_date .period_group_item{
        flex: 100%;
        padding-bottom: 8px;
    }
    .select_gift_date .period_group_item:first-child::before{
        content: "開始：";
        display: inline-block;
    }
    .select_gift_date .period_group_item:last-child::before{
        content: "結束：";
        display: inline-block;
    }
    .select_gift_date .period_group_separate{
        display: none;
    }
    /*品牌頁*/
    .certification_last>div:first-child, .certification_wait>div:first-child{
        position: relative;
    }
    .certification_txt{
        padding-top: 4px;
        text-align: justify;
    }
    .certification_icon{
        position: absolute;
        left: -35px;
        top: -35px;
    }
    .certification_icon img{
        width: 44px;
    }
    .certification_wait .certification_icon{
        -moz-transform:rotate(-20deg);
        -webkit-transform:rotate(-20deg);
        -o-transform:rotate(-20deg);
        -ms-transform:rotate(-20deg);
        transform:rotate(-20deg);
    }
    .certification_wait .certification_icon img{
        width: 40px;
    }
    .certification_wait>div:last-child .btn_more{
        max-width: 70px;
    }
    .certification_pass>div:first-child .txt{
        font-size: 1rem;
    }
    .certification_pass .coin_count{
        display: block;
    }
    .certification_pass .coin_count .btn {
        margin-left: 0;
    }
    .coin_count_row{
        flex-wrap: wrap;
    }
    .coin_w_count_row, .coin_m_count_row{
        flex: 100%;
        margin: 0;
    }
    .coin_m_count_row{
        order: 1;
        margin-bottom: 1rem;
    }
    .coin_w_count_row{
        order: 2;
    }
    .store-coupon-list{
        padding-top: 0.2rem;
    }
    /*發籌碼*/
    .issued_fixed_content .media-right {
        flex: 0 0 100%;
        margin-top: 20px;
        padding-left: 0 !important;
    }
    .issued_fixed_content .media-right a {
        display: block;
        border-radius: 0.21rem;
    }
    .issuedway_list .media{
        padding: 1rem;
    }
    #flash_date_edit{
        width: auto;
    }
    .user-profile-block .no_issued_card{
        margin: 1rem;
    }
    /*兌換品出貨管理*/
    #view_send_fancybox{
        width: auto;
    }
    /*呼籲啟用商務帳號*/
    .appeal_box {
        padding: 2rem 1rem 0.5rem 1rem;
    }
    .brand_dm_content{
        padding: 1.5rem 0;
    }
    .brand_dm_content_tit h1{
        font-size: 2rem;
        letter-spacing: 0;
    }
    .condition_list_bar {
        font-size: 1.1rem;
        padding: 2px 8px;
        height: auto;
        border: solid 2px #75c7cb;
        text-align: center;
    }
    .condition_list_bar>span{
        word-break: keep-all;
    }
    .condition_list_bar>span::before{
        width: 16px;
        height: 16px;
        top: -12px;
    }
    .condition_list_bar>span .mobile_br{
        display: block;
    }
    .condition_list_bar .left::after{
        bottom: -27px;
        height: 25px;
        border-width: 0 0 2px 2px;
    }
    .condition_list_bar .center::after{
        bottom: -38px;
        height: 35px;
        width: 2px;
    }
    .condition_list_bar .center>span.arrow {
        bottom: -58px;
        left: calc(50% - 11px);
    }
    .condition_list_bar .right::after{
        bottom: -27px;
        height: 25px;
        border-width: 0 2px 2px 0;
    }
    .brand_dm_content_block{
        margin-top: 2.5rem;
    }
    .brand_dm_content_block_tit{
        flex-wrap: wrap;
        margin-top: 2rem;
    }
    .block1_content .arrow_txt_row{
        padding-left: 0;
    }
    .brand_dm_content_appeal {
        margin-top: 50px;
    }
    .brand_dm_content_block_tit_left {
        width: 100%;
    }
    .brand_dm_content_block_tit_left>div {
        height: 105px;
        width: 105px;
        padding-top: 1px;
        margin-left: auto;
        margin-right: auto;
        font-weight: 600;
        font-size: 1.2rem;
        letter-spacing: 1px;
    }
    .brand_dm_content_block_tit_right{
        padding: 4px 0 0 0;
    }
    .brand_dm_content_block_tit_right h1{
        font-size: 1.5rem;
        letter-spacing: 1px;
    }
    .brand_dm_content_block_bar span{
        word-break: keep-all;
    }
    .arrow_txt{
        font-size: 1rem;
        height: auto;
    }
    .coin_circulation_list{
        margin-top: 1rem;
    }
    .coin_circulation_item:nth-child(3), .coin_circulation_item:nth-child(4){
        display: none;
    }
    .brand_dm_block3_row1_item:first-child .brand_dm_block3_row1_img img, .brand_dm_block3_row1_item:last-child .brand_dm_block3_row1_img img{
        height: 52px;
    }
    .brand_dm_block3_row1_item:first-child{
        padding-right: 10px;
    }
    .brand_dm_block3_row1_item:last-child {
        padding-left: 10px;
    }
    .brand_dm_block3_row1_item:nth-child(2) img{
        width: 30px;
    }
    .brand_dm_block3_row2_item {
        padding: 0 5px;
    }
    .brand_dm_block3_row2_item img{
        height: 52px;
    }
    .brand_dm_block5_tit h1 {
        padding: 5px 1rem;
        font-size: 1.5rem;
    }
    .brand_dm_block5_list{
        margin-top: 1.5rem;
    }
    .brand_dm_block5_item_img img{
        height: 52px;
    }
    .brand_dm_block5_item_txt>span {
        font-size: 1rem;
    }
    .brand_dm_block5_item.multiplication::before {
        font-size: 1rem;
        bottom: 8px;
    }
    .brand_dm_block5_item_txt span.up{
        width: 16px;
        height: 16px;
    }
    .brand_dm_block5_item_txt{
        height: 42px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .brand_dm_block5_item_txt .mobile_br{
        display: block;
    }
    .brand_dm_block5_item.equal::before{
        bottom: 8px;
    }
    /*個人籌碼發行頁*/
    .mygift-teaching{
        width: 98%;
        margin-bottom: 12px;
    }
    .wishlist_block .media-list .media{
        padding: 1rem 1rem;
    }
    /*womo秀*/
    .show-po-box{
        width: 100%;
    }
    .gallery_swiper_txt h5{
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.45;
        padding: 10px 10px 0 10px;
    }
    .gallery_video_cover a.galleryvideo_link{
        padding: 2rem 0;
        display: block;
        background-color: #000;
    }
    .gallery_video_cover a.galleryvideo_link:before{
        font: normal normal normal 3rem LineAwesome;
        margin-left: -4px;
    }
    .gallery_author_item .coin-small{
        width: 40px;
        height: 40px;
    }
    /*蒐藏秀(玩家視角)*/
    .wishlist_block .media-list .userprofile_item .media{
        padding: 10px;
    }
    /*活動頁*/
    .media-right.once_task_btn{
        flex-wrap: wrap;
    }
    .reorganize_btn{
        width: 100%;
        text-align: center;
        margin: 12px auto 4px auto;
    }
    /*編輯兌換品*/
    .uploadgiftcover_row{
        position: relative;
    }
    .uploadgiftcover_btn{
        position: initial;;
    }
    .uploadgiftcover_btn button{
        position: absolute;
        top: 4px;
        right: 15px;
        margin-top: 0;
    }
    /*首頁熱門商品*/
    .media-list.womo-product-list .media {
        width: 48%;
    }
    .womo-product-list .media .media-right {
        padding: 10px !important;
    }
    .womo-product-list .media-right a {
        margin: 0;
    }
    /*自動化圖文回謝設定*/
    .thanks-card-sign .media-list .media{
        padding: 1rem 1.5rem;
    }
    #thankscard_upload_demo{
        width: 320px;
        height: 240px;
    }
    #thanks_card_fancybox {
        width: calc(100% - 30px);
    }
    #donate_success_fancybox{
        width: calc(100% - 30px);
    }
    /*個人選單頁*/
    .user_dashboard_block{
        padding-left: 15px;
        padding-right: 15px;
    }
    .user_dashboard_info_box {
        padding: 15px 20px 15px 15px;
    }
    .user_dashboard_data{
        padding: 10px 0;
    }
    .user_menu_block {
        margin-top: 30px;
        padding-left: 4px;
        padding-right: 4px;
    }
    .user_dashboard_item img {
        width: 30px;
    }
    .user_dashboard_data_item{
        padding-left: 8px;
        padding-right: 8px;
    }
    .user_menu_list{
        margin-left: -4px;
        margin-right: -4px;
    }
    .user_menu_item {
        padding-left: 4px;
        padding-right: 4px;
    }
    .home-quickbtn-block{
        margin-top: 30px;
    }
    .user_btn_block{
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    /*購賞區 Gold 禮 卡片*/
    .product_item{
        width: 48%;
    }
    .product_item .coin-info img{
        width: 50px;
        height: 50px;
    }
    .product_item .wm-coins {
        font-size: 1.5rem;
    }
    .product_list .media .media-body {
        margin: 0 !important;
    }
    .product_item .media .media-right{
        margin: 0;
        flex-wrap: wrap;
    }
    .product_item .media .media-right .mycoin-num{
        margin-bottom: 4px;
    }
    .product_item .media .media-right .btn{
        margin: 0 0 10px 0;
    }
    /*請選擇儲值WOMO GOLD顆數*/
    .buy_goldcoin_header{
        padding-top: 1.5rem;
    }
    /*個人資料頁*/
    .member_web_set{
        flex-wrap: wrap;
    }
    .member_web_site{
        word-break: break-all;
        width: 100%;
    }
    .member_web_id{
        flex: initial;
        margin-left: 0;
    }
    .member_web_set_tips{
        margin-top: 1rem;
        word-break: break-all;
    }
    .myhashtag_list{
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: -24px;
    }
    .myhashtag_item{
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 15px;
        min-width: 33.333%;
    }
    .myhashtag_list.red span {
        padding: 2px;
    }
    /*我要放碼*/
    .branch-store-list-block .media {
        padding: 1rem;
    }
    .branch-store-list-block .media label {
        align-items: flex-start;
    }
    .branch-store-list-block .store_pic img {
        width: 120px !important;
    }
    .branch-store-list-block .store_pic {
        margin: 0 8px;
    }
    /*我的抖內等級*/
    .donate_lv{
        margin-right: 1rem;
    }
    .donate_lv_list_box{
        padding: 0 15px 15px 15px;
    }
    .donate_lv_coin_img img {
        width: 32px;
    }
    .all-donate-ranking-list .media {
        padding: 15px 10px;
    }
    .all-donate-ranking-list .pic img{
        width: 60px;
    }
    .all-donate-ranking-list .media-right .pic img {
        width: 50px;
    }
    .my_racking{
        bottom: 70px;
    }
    .get-donate-ranking-list .nav.nav-tabs.nav-blacktab .nav-item{
        flex: 1;
    }
    .get-donate-ranking-list .nav.nav-tabs.nav-blacktab .nav-item a{
        width: 100%;
    }
}
@media(max-width: 600px) {
    .question_list .media {
        padding-bottom: 1rem;
    }
    /*新手指南*/
    .quide_row_1{
        display: flex;
        flex-wrap: wrap;
        padding: 1rem 1.5rem 1.5rem 1.5rem;
    }
    .quide_header_logo{
        width: 100%;
        text-align: center;
        margin-bottom: 8px;
    }
    .quide_header_logo img{
        width: 60px;
    }
    .quide_header_txt{
        flex: 100%;
        padding-left: 0;
        text-align: center;
    }
    .quide_row_2{
        padding: 1rem 1.5rem;
    }
    .quide_row_2 h1{
        font-size: 1.34rem;
    }
    .easy_step{
        padding: 3rem 1.5rem;
    }
    .easy_step_title h1{
        font-size: 1.5rem;
        margin-bottom: 24px;
    }
    .easy_step_list{
        flex-wrap: wrap;
    }
    .easy_step_item{
        flex: 100%;
    }
    .easy_step_item+.easy_step_item{
        padding-top: 64px;
    }
    .easy_step_item+.easy_step_item::before{
        top: 16px;
        left: calc((100% - 33px) / 2);
        -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }
    .our_support{
        padding: 3rem 1.5rem;
    }
    .our_support_title h1{
        font-size: 1.5rem;
    }
    .our_support_list{
        flex-wrap: wrap;
    }
    .our_support_item{
        flex: 100%;
    }
    .our_support_item+.our_support_item{
        margin-top: 32px;
    }
    .suitable_for_box{
        padding: 3rem 1.5rem 1rem 1.5rem;
    }
    .suitable_for_bg1{
        bottom: 650px;
        WIDTH: 80px;
    }
    .suitable_for_bg1 img{
        WIDTH: 100%;
    }
    .suitable_for_bg2{
        bottom: 650px;
        width: 50px;
    }
    .suitable_for_bg2 img{
        WIDTH: 100%;
    }
    .suitable_for_title h1{
        font-size: 1.5rem;
    }
    .suitable_for_list>.row{
        margin-left: -6px;
        margin-right: -6px;
    }
    .suitable_for_list>.row>*{
        padding-left: 6px;
        padding-right: 6px;
    }
    .suitable_for_item{
        padding-bottom: 32px;
    }
    .quide_row_nft{
        padding: 1rem 1.5rem;
    }
    .quide_row_nft h3{
        font-size: 1.34rem;
    }
    .quide_nft_img1{
        left: 5px;
        top: -35px;
        width: 60px;
    }
    .quide_nft_img1 img{
        width: 100%;
    }
    .quide_nft_img2{
        right: 0px;
        top: -40px;
        width: 50px;
    }
    .quide_nft_img2 img{
        width: 100%;
    }
    /*帳戶設定*/
    .account_content .btn-fixed-bot{
        left: 0;
    }
    #order_relativism_fancybox{
        min-width: calc(100% - 30px);
    }
    /*請選擇儲值WOMO GOLD顆數*/
    .buy_goldcoin {
        padding: 0;
        margin-bottom: -16px;
    }
    .buy_goldcoin_item {
        padding-bottom: 16px;
        margin-top: 0;
    }
    .buy_goldcoin_item.hot {
        transform: scale(1);
        top: 0;
    }
    .buy_goldcoin_item.discount {
        transform: scale(1);
        top: 0;
    }
    .buy_goldcoin > div:nth-child(1) {
        order: -2;
    }
    .buy_goldcoin > div:nth-child(3) {
        order: -1;
    }
    .hot_chose{
        position: initial;
        background-color: #fff3d2;
        border-radius: 10px 10px 0 0;
        padding-top: 8px;
        padding-bottom: 16px;
        width: 50%;
        min-width: fit-content;
    }
    .buy_goldcoin .best_discount_box{
        top: -88px;
        z-index: -1;
        display: flex;
        flex-direction: column-reverse;
    }
    .buy_goldcoin .best_discount {
        position: initial;
        background-color: #fff3d2;
        border-radius: 10px 10px 0 0;
        padding-top: 10px;
        padding-bottom: 14px;
        width: 50%;
        min-width: fit-content;
        font-size: 14px;
    }
    .buy_goldcoin .last_discount_bar{
        margin-bottom: 8px;
    }
    .buy_goldcoin_item .iradio_square-red{
        top: 32px;
        left: 1rem;
    }
    .buy_goldcoin_count{
        padding: 1.5rem 1.5rem 1.5rem 3.5rem;
        display: flex;
        align-items: center;
    }
    .goldcoin_count_img{
        width: 45px;
    }
    .goldcoin_count_img img{
        width: 100%;
        height: auto;
    }
    .goldcoin_count_coins{
        flex: 1;
        text-align: left;
        padding-left: 1rem;
    }
    .buy_goldcoin .goldcoin_sabisu{
        position: absolute;
        top: -4px;
        right: 0;
        width: fit-content;
        padding: 4px 1rem 2px 1rem;
        border-radius: 5px;
    }
    .buy_goldcoin_item.hot .iradio_square-red {
        transform: scale(1);
    }
    .buy_goldcoin_item.hot label{
        margin-top: -8px;
    }
    .buy_goldcoin_item.hot .iradio_square-red{
        top: 77px;
    }
    .buy_goldcoin_item.hot .goldcoin_count_img{
        width: 60px;
    }
    .buy_goldcoin_item.hot .goldcoin_sabisu{
        top: 32px;
    }
    .buy_goldcoin_btn {
        margin-top: 30px;
        margin-bottom: 16px;
        text-align: center;
    }
    /*WoMall*/
    .friend-list-block.womall_list .pic img {
        width: 60px;
    }
    /*幸運券*/
    .lottery-kol-list .media{
        width: 98%;
    }
    #canvas_scratch_card{
        width: 100%;
        height: 0;
        padding-bottom: 65%;
    }
    /*首頁碼上搶*/
    .get_womocoin_box {
        width: 100%;
    }
    #get_womocoin.fancybox-content{
        min-width: 320px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
@media(max-width: 425px) {
    /*首頁熱門商品*/
    .womo-product-list .media {
        margin: 1% !important;
        padding-bottom: 79px;
    }
    .womo-product-list .coin-info img{
        width: 50px;
        height: 50px;
        margin-right: 4px;
    }
    .womo-product-list .media .media-top .wm-coins {
        font-size: 1.5rem;
        display: flex;
        align-items: center;
    }
    .womo-product-list .media .media-body {
        margin: 0 !important;
    }
    .womo-product-list .media .media-right {
        padding: 10px 5px !important;
        flex-wrap: wrap;
    }
    .womo-product-list .media .media-right .btn {
        margin: 8px 0 0 0;
    }
    /*購賞區 Gold 禮 卡片*/
    .product_item .media {
        margin: 1% !important;
        padding-bottom: 79px;
    }
    /*個人選單*/
    .user_dashboard_item {
        padding-left: 5px;
        padding-right: 5px;
    }
    /*帶客到店紀錄*/
    .withdraw_recode_list.media-list .media{
        padding: 1.5rem 1rem;
    }
    .share-rule-fancybox{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    /*販售籌碼紀錄*/
    .withdraw_history_date .row{
        margin-left: -4px;
        margin-right: -4px;
    }
    .withdraw_history_date .row>*{
        padding-left: 4px;
        padding-right: 4px;
    }
    .history_value{
        flex: 55%;
    }
    /* .withdraw_history_date .row>*{
        max-width: 100%;
        flex: 100%;
    }
    .withdraw_history_date .withdraw_date{
        text-align: left;
        margin-top: 8px;
    } */
    .accumulation_recode_list.media-list .media {
        padding: 1.5rem 1rem 2rem 1rem;
    }
    .accumulation_recode_item .date {
        padding: 4px 1rem;
    }
    /*帳戶設定*/
    /* .datalist_input{
        position: relative;
    }
    .datalist_input::before{
        content: "";
        position: absolute;
        right: 5px;
        top: 5px;
        height: 30px;
        width: 30px;
        background-color: #fff;
        z-index: 2;
    } */
    /*WOMO GOLD管理*/
    .buy_history_list .wm-coins {
        font-size: 1.5rem;
    }
    .buy_history_list .btn-full-w>div:nth-child(1), 
    .buy_history_list .media-body>div:nth-child(1),
    .buy_history_content_item>div:nth-child(1){
        width: 15%;
    }
    .buy_history_list .btn-full-w>div:nth-child(2),
    .buy_history_list .media-body>div:nth-child(2),
    .buy_history_content_item>div:nth-child(2){
        width: 22%;
    }
    .buy_history_list .btn-full-w>div:nth-child(3),
    .buy_history_list .media-body>div:nth-child(3),
    .buy_history_content_item>div:nth-child(3){
        width: 19%;
    }
    .buy_history_list .btn-full-w>div:nth-child(4),
    .buy_history_list .media-body>div:nth-child(4){
        width: 18%;
    }
    .buy_history_list .btn-full-w>div:nth-child(5),
    .buy_history_list .media-body>div:nth-child(5),
    .buy_history_content_item>div:nth-child(4){
        flex: 1;
    }
    .buy_history_list .btn-full-w>div:nth-child(6),
    .buy_history_list .media-body>div:nth-child(6),
    .buy_history_list .media-body>div:nth-child(5){
        width: 15%;
    }
    .buy_history_content_item .time{
        display: block;
    }
    /*請選擇儲值WOMO GOLD顆數*/
    .buy_goldcoin_btn .btn{
        width: 100%;
    }
    /*WOMO GOLD管理-詳細資料*/
    .order_info_box{
        width: 100%;
    }
    .order_info_box+.content-header{
        margin-top: 30px;
    }
    .order_info_list {
        padding: 1.5rem 1rem;
    }
    .order_info_item_txt{
        text-align: right;
    }
    /* .order_details .btn-full-w {
        padding: 8px;
    }
    .order_details .btn-full-w>div, .order_details .media-body>div {
        padding: 0 4px;
    }
    .order_details .media-list .media{
        padding: 12px 8px;
        margin-left: 0;
        margin-right: 0;
    }
    .order_details .btn-full-w>div:nth-child(2),
    .order_details .media-body>div:nth-child(2){
        width: 18%;
    }
    .order_details .btn-full-w>div:nth-child(4),
    .order_details .media-body>div:nth-child(4){
        width: 18%;
    }
    .order_details .btn-full-w>div:nth-child(5),
    .order_details .media-body>div:nth-child(5){
        width: 90px;
    } */

    
    .order_details .btn-full-w {
        display: none;
    }
    .order_details .media-body {
        display: block;
    }
    .order_details .media-body>div{
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .order_details .media-body>div+div{
        margin-top: 1.2rem;
    }
    .order_details .media-body>div::before{
        display: block;
        width: 100px;
        color: #464646;
        white-space:pre;
        text-align: left;
    }
    .goldcoin_order_detail::before{
        content: "訂單內容";
    }
    .goldcoin_order_price::before{
        content: "單價";
    }
    .goldcoin_order_count::before{
        content: "數量";
    }
    .goldcoin_order_total_price::before{
        content: "總計";
    }
    .goldcoin_buy_again a{
        width: 100%;
    }


    .order_price_total {
        padding-left: 8px;
        padding-right: 8px;
    }
    .order_info_goback_btn{
        margin-top: 30px;
    }
    .order_info_goback_btn a{
        width: 100%;
    }
    .order_relativism_btn{
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .goldcoin_use_status .btn-full-w>div:nth-child(2),
    .goldcoin_use_status .media-body>div:nth-child(2){
        width: 26%;
    }
    .goldcoin_use_status .btn-full-w>div:nth-child(3),
    .goldcoin_use_status .media-body>div:nth-child(3){
        width: 26%;
    }
    .goldcoin_use_status .btn-full-w>div:nth-child(4),
    .goldcoin_use_status .media-body>div:nth-child(4){
        width: 26%;
    }
    .goldcoin_use_status.return .btn-full-w>div:nth-child(3),
    .goldcoin_use_status.return .media-body>div:nth-child(3){
        width: 37%;
    }
    .goldcoin_use_status.return .btn-full-w>div:nth-child(4),
    .goldcoin_use_status.return .media-body>div:nth-child(4){
        width: 22%;
    }
    .goldcoin_use_status .time{
        display: block;
    }
    .buy_history_list_forreturn .btn-full-w {
        display: none;
    }
    .buy_history_list_forreturn .media-body {
        display: block;
    }
    .buy_history_list_forreturn .media-body>div{
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left !important;
    }
    .buy_history_list_forreturn .media-body>div+div{
        margin-top: 1.2rem;
    }
    .buy_history_list_forreturn .media-body>div::before{
        display: block;
        width: 130px;
        color: #464646;
        white-space:pre;
    }
    .goldcoin_source::before{
        content: "來源";
    }
    .goldcoin_count::before{
        content: "總儲值(顆)";
    }
    .goldcoin_count_use::before{
        content: "已使用(顆)\A-無法退貨-";
    }
    .goldcoin_count_unuse::before{
        content: "未使用(顆)\A-有效退貨-";
    }
    .goldcoin_return_money::before{
        content: "有效退款金額\A-需另扣手續費3%-";
    }
    .return_step_directions span{
        display: block;
        text-align: center;
    }
    .return_step_directions span+span::before{
        content: "⌵";
        display: block;
    }
    /*退貨明細*/
    .gold_coin_return{
        flex-direction: column;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .gold_coin_return_info_list{
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0;
        padding-bottom: 0;
    }
    .gold_coin_return_txt{
        text-align: right;
    }
    .gold_coin_return_info_list+.gold_coin_return_info_list{
        margin-top: 1.2rem;
    }
    .goldcoin_return_detail .btn-full-w {
        display: none;
    }
    .goldcoin_return_detail .media-body {
        display: block;
    }
    .goldcoin_return_detail .media{
        padding-left: 23px;
        padding-right: 23px;
    }
    .goldcoin_return_detail .media-body>div{
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left !important;
    }
    .goldcoin_return_detail .media-body>div+div{
        margin-top: 1.2rem;
    }
    .goldcoin_return_detail .media-body>div::before{
        display: block;
        width: 130px;
        color: #464646;
        white-space:pre;
    }
    .buycoin_return_total::before{
        content: "購點有效退貨";
    }
    .money_return_total::before{
        content: "有效退款金額\A-需另扣手續費3%-";
    }
    .givecoin_return_total::before{
        content: "贈點自動回收";
    }
    .coin_return_total::before{
        content: "總計回收顆數";
    }
    /*我要放碼*/
    #qrcode_fancybox{
        padding-left: 1rem;
        padding-right: 1rem;
        width: 90%;
    }
    #qrcode_fancybox.fancybox-content h4.title-header {
        margin: 20px -1rem;
    }
    .print-standee-block{
    }
    .qrcode-box {
        max-width: 100%;
        margin: 30px auto 0 auto;
    }
    .print-standee-block h1{
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .print-standee-block .womologo {
        padding: 1rem 1rem 0.5rem 1rem;
    }
    .qrcode_shop_img img{
        max-width: 100%;
    }
}
@media(max-width: 376px) {
    .issued_fixed_content .w-coins-pic {
        width: 40px;
        height: 40px;
    }
    .womo_pc_header_notice .navbar-nav.float-right {
        
    }
    .womo_header .navbar-nav.float-right>li a.nav-link-label{
        padding: 0 6px !important;
    }
    .index_page_title{
        padding-right: 50px;
    }
    .index_page_title h1 {
        font-size: 1.2rem;
        line-height: 1.6;
    }
    .index_page_title_coin_m {
        right: 22px;
        top: 20px;
    }
    .index_page_title_coin_w {
        right: 0;
        top: 0px;
    }
    .index_page_title_coin_m img {
        width: 38px;
        height: 38px;
    }
    .index_page_title_coin_w img {
        width: 36px;
        height: 36px;
    }
    .capsule_tip {
        right: -20px;
        bottom: 104px;
    }
    #yuelao_coin_tab .nav-item .nav-link{
        padding-left: 4px;
        padding-right: 4px;
    }
    .my_coin_notice_list .media{
        flex-wrap: wrap;
    }
    .my_coin_notice_list .media .media-right {
        padding-left: 55px;
        width: 100%;
        margin-top: 4px;
    }
    .capsule_go_comment{
        padding-left: 8px;
        padding-right: 8px;
    }
    .capsule_times_tips{
        font-size: 1rem;
    }
    /*自動化圖文回謝設定*/
    #thankscard_upload_demo{
        width: 240px;
        height: 180px;
    }
    /*我的籌碼收入*/
    .withdraw-fancybox{
        min-width: auto;
    }
    .withdraw-reminder-fancybox{
        padding: 30px;
        min-width: auto;
    }
    .go-withdraw-fancybox{
        padding: 30px;
        min-width: auto;
    }
    .go_withdraw_title h2 br{
        display: none;
    }
    /*帶客到店紀錄*/
    .withdraw_recode_count{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .withdraw_recode_count>div{
        width: 100%;
    }
    .withdraw_recode_count>div:not(:first-child) {
        padding-left: 0;
    }
    .withdraw_recode_item .media-object {
        width: 52px;
    }
    .withdraw_recode_item .media-right {
        font-size: 1.14rem;
    }
    .withdraw_source_date>.row>*{
        flex: 100%;
        max-width: 100%;
    }
    .withdraw_date{
        text-align: left;
    }
    /*WOMO GOLD管理-詳細資料*/
    .order_table_box{
        overflow: hidden;
        overflow-x: auto;
    }
    .goldcoin_use_status{
        min-width: 400px;
    }
}
@media(max-width: 350px) {
    /*扭蛋機*/
    .capsule_bg_pic1 {
        width: 50px;
    }
    .yuelao_comment_card_btn {
        font-size: 1rem;
    }
    .yuelao_comment_card_btn img {
        display: none !important;
    }

    /*個人選單*/
    .user_dashboard_data_list {
        flex-wrap: wrap;
    }
    .user_dashboard_data_item {
        padding: 10px;
        width: 50%;
    }
    .user_dashboard_data_item:nth-child(3), 
    .user_dashboard_data_item:nth-child(4) {
        border-top: solid 1px rgb(255 255 255 / 35%);
    }
    .user_dashboard_data_item:nth-child(2) {
        border-right: 0 !important;
    }
}