* {
    -webkit-text-size-adjust: none;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: Arial, Helvetica, 'Microsoft JhengHei', '微軟正黑體', sans-serif;
    color: #333333;
    background: #fff;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

input[type='radio'] {
    display: none;
}

a:link,
a:visited {
    color: #333333;
    text-decoration: none;
}

a:hover,
a:active {
    color: #b00931;
}

img {
    border: 0px;
}

sup {
    font-size: 0.8em;
}

.clear {
    clear: both;
}

.clearfix:after {
    display: table;
    clear: both;
    content: ' ';
}

.view_desktop {
    display: block !important;
}

.view_mob {
    display: none !important;
}


/**/

#container {}


/**/

#content {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 0 40px;
}


/**/

#banner_inner img {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}


/**/

.bocpay {
    font-size: 10px;
}


/**/

.highlight {
    font-size: 1.2em;
    color: #b00931;
}

.bocpay h5,
.bocpay h4,
.bocpay h3 {
    margin-bottom: 0;
}

.btn_detail img {
    width: 100%;
    max-width: 130px;
    display: block;
    margin: 10px auto;
}

.enjoy {
    display: block;
    width: 100%;
    margin: 20px auto 0 auto;
    text-align: center;
}

.merchant-enjoy {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.enjoy img {
    width: 70%;
    max-width: 450px
}

.merchant-enjoy img {
    width: 70%;
    max-width: 450px
}

.tnc {
    font-size: 13px;
    padding: 0 30px 80px 30px;
    z-index: -1;
}

#tnc_button {
    display: block;
    width: 70%;
    max-width: 182px;
    margin: 0 auto;
    z-index: -1;
}

.swiper-container {
    background: #fff;
    width: 100%;
}

.tabs {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    color: #a9a9a9;
    font-size: 18px;
}

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

.tabs span {
    vertical-align: middle;
    display: inline-block;
    margin: 5px;
}

.tabs .swiper-slide {
    padding: 10px 0;
}

.tabs .swiper-slide-thumb-active {
    color: #b00931;
    font-weight: bold;
    border-bottom: 4px solid #b00931;
}

.offers {
    position: relative;
    margin-top: 60px;
}

.selector {
    color: #a9a9a9;
    text-align: center;
    font-size: 16px;
}

.selector .swiper-slide {
    border-bottom: 2px solid #a9a9a9;
    padding: 10px 0;
}

.selector .swiper-slide-thumb-active {
    color: #fff;
    font-weight: bold;
    border-bottom: 2px solid #b00931;
    background-color: #b00931;
}

.lastestoffer {
    margin: 0 10%;
}

.offer_coupon_btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 90px;
}

.offer_coupon_btn>div {
    display: block;
    cursor: pointer;
}

.offer_coupon_btn img {
    width: 100%;
}

.shop_list {
    display: block;
    width: 100%;
    position: relative;
    padding: 10px 0;
    border-top: 1px solid #d9d9d9;
}

.shop_list.wtnc {
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    border-top: 1px solid #d9d9d9;
}

.shop_list:first-child {
    padding-top: 20px;
    border-top: 0;
}

.shop_list .logo,
.shop_list .detail {
    display: table-cell;
    vertical-align: middle;
    padding: 25px 0;
}

.lastestoffer .remark {
    display: table-cell;
    vertical-align: middle;
    padding: 25px 15%;
}

.lastestoffer .remark.wlist {
    display: block;
    vertical-align: middle;
    padding: 0 10% 35px 15%;
}

.shop_list .logo {
    width: 40%;
    padding-left: 15%;
}

.shop_list .logo img {
    width: 100%;
    max-width: 140px;
}

.shop_list h5 {
    font-size: 16px;
    margin-top: 0;
    color: #b00931;
}

.shop_list h5 sup {
    color: #333333;
    font-weight: 400;
}

.shop_list h5 sup.reg {
    color: #b00931;
}
.content-header {
	font-size: 16px;
}
.shop_list li {
    margin-top: 10px;
    margin-left: 16px;
    font-size: 16px;
}

.shop_list li:before {
    content: "\2022";
    display: inline-block;
    width: 16px;
    margin-left: -16px;
}

.shop_list li strong {
    color: #b00931;
}

.shop_list h4 {
    font-size: 16px;
    margin-top: 10px;
}

.bounsmon {
    width: 100%;
    max-width: 130px;
    vertical-align: top;
    margin-top: -4px;
}

.btn_detail {
    display: block;
    text-align: center;
    width: 170px;
    height: 35px;
    margin: 0 auto;
    padding-top: 17px;
    padding-bottom: 0px;
    background-color: #b00931;
}

.btn_detail a {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.btn_detail_m {
    display: inline-block;
    text-align: center;
    width: 180px;
    height: 35px;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 0px;
    background-color: #b00931;
}

.btn_detail_m:first-child {
    margin-right: 5%;
}

.btn_detail_m a {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.merchant_details {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.moreoffer_head {
    margin: 0 10%;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #b00931;
    text-align: center;
    font-weight: bold;
    background: #fff;
}

.moreoffer_head span {
    display: inline-block;
    margin: 15px;
}

.moreoffer_head svg {
    position: relative;
    height: 7px;
    width: 30%;
    stroke: #b00931;
    stroke-width: 5px;
    vertical-align: middle;
}

.moreoffer {
    /* margin: 0 20%; */
    margin: 0 0%;
    font-size: 18px;
    color: #b00931;
    background: #fff;
}

.hklogo,
.mllogo {
    margin-top: 20px;
}

.hklogo img {
    display: inline-block;
    width: 30%;
    max-width: 150px;
    margin: 0 1% 10px;
    vertical-align: middle;
}

.mllogo img {
    display: inline-block;
    width: 60%;
    max-width: 140px;
    margin: 0 1% 10px;
    vertical-align: middle;
}

.mllogo table,
.mllogo tr {
    margin: 0 auto;
}

.mllogo th {
    padding: 5px 30px;
    text-align: left;
}

.mllogo th:before {
    content: "\2022";
    display: inline-block;
    width: 20px;
}

.logo_group {
    text-align: center;
    padding-bottom: 20px;
}

.moreoffer_m {
    margin: 0 10%;
}

.moreoffer_m .selector {
    font-size: 16px;
    letter-spacing: 0px;
}

.logo_group_m {
    margin: 0;
    text-align: center;
    /* padding-bottom: 20px; */
    margin-top: 20px;
}

.logo_group_m img {
    display: inline-block;
    width: 22%;
    max-width: 250px;
    margin: 0 1% 10px;
}

.logo_wrapper {
    width: 22%;
    display: inline-block;
    vertical-align: top;
    margin: 5px 1% 10px;
}

.logo_wrapper img {
    width: 80%;
    margin: 0;
}

.hkm .headline {
    margin: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #b00931;
    text-align: center;
}

.burnpoints {
    margin: 0 10%;
}

#burnpoints_tnc_pdf {
    min-height: 40px;
}

.refund {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 4%;
    min-height: 600px;
}

.refund p {
    font-size: 16px;
    text-align: left;
}

.refund .sticker {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 350px;
    min-height: 60px;
}

.refund .sticker img {
    display: block;
    width: 100%;
}

.refund .sticker a {
    position: absolute;
    right: 0%;
    width: 27%;
    height: 50%;
}

.refund .sticker a.link1 {
    bottom: 50%;
}

.refund .sticker a.link2 {
    bottom: 0%;
}

.refund .logo {
    width: 130px;
    vertical-align: bottom;
    margin: 0 6px -16px;
}

.monday img {
    width: 100%;
}

.monday {
    width: 100%;
    max-width: 260px;
    margin: 0px auto;
    min-height: 180px;
}

.mgm {
    margin: 0 10%;
}

.mgm p {
    font-size: 16px;
    text-align: left;
}

.mgm p span {
    display: inline-block;
    width: 70%;
    margin-left: 15px;
}

.mgm p span strong,
.mgm .sharingreward_slide>div span strong {
    font-size: 16px;
    color: #b00931;
}

.mgm .date {
    color: #b00931;
    margin-left: 10%;
    margin-bottom: 30px
}

.push {
    display: inline-block;
    width: 80%;
    max-width: 40px;
    margin: 0 13px 0 10%;
    vertical-align: top;
}

.s_icon {
    display: inline-block;
    width: 80%;
    max-width: 40px;
    margin: -5px 13px 0 10%;
    vertical-align: top;
}

.bulb {
    width: 80%;
    max-width: 40px;
    margin: -5px 13px 0 10%;
    vertical-align: top;
}

#pointslider,
#mgmslider {
    max-width: 730px;
    position: relative;
    margin: 0 auto 40px;
}

#pointslider .mobile_skin,
#mgmslider .mobile_skin {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}

#pointslider .slider,
#mgmslider .slider {
    width: 250px;
    margin-left: 50px;
    float: left;
}

#pointslider .slides img,
#pointslider .mobile_skin img,
#mgmslider .slides img,
#mgmslider .mobile_skin img {
    width: 100%;
    display: block;
}

.img-caption {
    margin: 22% 0 0 0;
    width: 45%;
    float: right;
}

.img-caption ul {
    width: 100%;
    display: block;
}

.img-caption ul li div {
    margin: 8% 0;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    text-align: left;
    margin-left: 35px;
    color: #666666;
}

.img-caption ul li div span {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    left: -35px;
    text-align: center;
    background: #b00931;
    color: #fff;
    border-radius: 50%;
}

/* .img-caption ul li.caption-1 div span {
    background: url(../images/1-1.png) center no-repeat;
    background-size: cover;
}

.img-caption ul li.caption-2 div span {
    background: url(../images/2-1.png) center no-repeat;
    background-size: cover;
}

.img-caption ul li.caption-3 div span {
    background: url(../images/3-1.png) center no-repeat;
    background-size: cover;
}

.img-caption ul li.caption-4 div span {
    background: url(../images/4-1.png) center no-repeat;
    background-size: cover;
}

.img-caption ul li.select-cap.caption-1 div span {
    background: url(../images/1-2.png) center no-repeat;
    background-size: cover;
}

.img-caption ul li.select-cap.caption-2 div span {
    background: url(../images/2-2.png) center no-repeat;
    background-size: cover;
}

.img-caption ul li.select-cap.caption-3 div span {
    background: url(../images/3-2.png) center no-repeat;
    background-size: cover;
}

.img-caption ul li.select-cap.caption-4 div span {
    background: url(../images/4-2.png) center no-repeat;
    background-size: cover;
} */

.remark {
    font-size: 11px;
    margin-bottom: 0;
}

ul.remark {
    padding: 0;
    margin-left: 15px;
}

ul.remark li {
    list-style: disc;
}

div.remark li.tabmark {
    list-style: none;
    margin-left: 0px;
    width: 95%;
    /* text-indent: -28px;
    padding-left: 60px; */
}

div.remark li.tabmark.movein {
    margin-left: 0px;
}

div.remark li.s:before {
    content: "\002a\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
}

div.remark li.h:before {
    content: "\0023\00a0\00a0\00a0\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    font-size: 6px;
    vertical-align: top;
    text-align: right;
}

div.remark li.t:before {
    content: "\005e\00a0\00a0\00a0\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    margin-top: 2px;
    font-size: 8px;
    vertical-align: top;
    text-align: right;
}

div.remark li.c:before {
    content: "\002b\00a0\00a0\00a0\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    margin-top: 2px;
    font-size: 8px;
    vertical-align: top;
    text-align: right;
}

ul.remark li.tmark {
    list-style: none;
}

ul.remark li.m:before {
    content: "*\00a0\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -13px;
    margin-top: 2px;
    font-size: 8px;
    vertical-align: top;
    text-align: right;
}

ul.remark li.t:before {
    content: "\005e\00a0\00a0\00a0\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -13px;
    margin-top: 2px;
    font-size: 8px;
    vertical-align: top;
    text-align: right;
}


div.remark li.i:before {
    content: "Remarks:\00a0\00a0\00a0";
    display: inline-block;
    vertical-align: initial;
    text-align: right;
    font-size: 1em;
}

div.remark li.ii:before {
    content: "Remarks:\00a0\00a0\00a0";
    display: inline-block;
    vertical-align: initial;
    text-align: right;
    font-size: 1em;
}

div.remark li.iii:before {
    content: "Remarks:\00a0\00a0\00a0";
    display: inline-block;
    vertical-align: initial;
    text-align: right;
    font-size: 1em;
}

div.remark li.iv:before {
    content: "Remarks:\00a0\00a0\00a0";
    display: inline-block;
    width: 40px;
    margin-left: -15px;
    vertical-align: text-bottom;
    text-align: right;
    font-size: 1em;
}

div.remark li.v:before {
    content: "Remarks:\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
}

div.remark li.vi:before {
    content: "Remarks:\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
}

div.remark li.tabmark>div {
    display: inline-block
}

div.remark li.tabmark>div:first-child,
div.remark li.tabmark>div:nth-child(2) {
    width: 20%;
    vertical-align: top;
    font-size: 10px;
    max-width: 50px;
    display: none;
}

div.remark li.tabmark.i .normal_remarks {
    display: inline-block;
}

div.remark li.tabmark.star .star_remarks {
    display: inline-block;
    width: auto;
    vertical-align: top;
    font-size: 10px;
    max-width: 50px;
}

div.remark li.tabmark div:last-child {
    font-size: 10px;
    width: 77%
}

div.remark li.vii:before {
    content: "7\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
}

div.remark li.viii:before {
    content: "8\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
}

div.remark li.ix:before {
    content: "9\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
}

div.remark li.x:before {
    content: "10\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
}

div.remark li.xi:before {
    content: "11\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
}

div.remark li.xii:before {
    content: "12\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
}

div.remark li.xiii:before {
    content: "13\00a0\00a0\00a0";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
}

.fullrow {
    margin: 30px 0 30px;
}

.fullrow .inline {
    width: 49.3%;
    display: inline-block;
    vertical-align: top;
}

.fullrow .inline img {
    display: block;
}

.fullrow .inline h3 {
    font-family: "Microsoft YaHei", 微软雅黑, tahoma, arial, simsun;
    font-size: 26px;
    line-height: 30px;
    margin-top: 0;
    background-color: #ffffff;
    text-align: center;
    width: 160px;
    top: -7px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
}

.dlApp {
    text-align: center;
    position: relative;
    border: 2px solid #b00931;
    border-radius: 20px;
    margin-right: -20px;
    z-index: 2;
    background-color: #ffffff;
    min-height: 145px;
}

.dlApp .app {
    display: table;
    margin: 10px auto 0;
    border-spacing: 15px;
}

.dlApp .app div {
    display: table-cell;
    vertical-align: middle;
    border-spacing: 0;
}

.dlApp .app img {
    width: 100%;
    margin: 0 auto;
}

.dlApp .app .ico {
    width: 17%;
}

.dlApp .app .ico img {
    max-width: 70px;
    margin-bottom: 2px;
}

.dlApp .app .dl {
    width: 60%;
}

.dlApp .app .dl div {
    display: table-cell;
    border-spacing: 5px;
}

.dlApp .app .dl .app-store img {
    max-width: 109px;
    margin-right: 10px;
}

.dlApp .app .dl .google-play img {
    max-width: 135px;
}

.dlApp .app .qrcode {
    width: 23%;
}

.dlApp .app .qrcode img {
    max-width: 93px;
}

.dlApp .app .pay {
    color: #b00931;
    font-size: 10px;
}

.upay {
    text-align: center;
    position: relative;
    border: 10px solid #b00931;
    border-radius: 20px;
}

.upay .uapp {
    display: table;
    margin: 0 auto 0;
    border-spacing: 15px;
}

.upay .uapp .pay {
    color: #b00931;
    font-size: 10px;
}

.upay .uapp .payqr,
.upay .words {
    color: #333333;
    font-size: 10px;
}

.upay .words {
    vertical-align: bottom;
    text-align: center;
    padding-top: 8%;
}

.upay .uapp .uico {
    width: 46%;
    max-width: 120px;
}

.upay .uapp .ico {
    width: 22%;
    max-width: 70px;
}

.upay .uapp div {
    display: table-cell;
    vertical-align: middle;
    border-spacing: 0;
}

.upay .uapp img {
    width: 100%;
    margin: 5px auto;
}

.upay .remark {
    display: table;
    text-align: left;
    margin: -15px 0 10px 0;
}

.floating {
    position: fixed;
    z-index: 9;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(176, 9, 49, 0.9);
}

.floating.sticky {
    position: absolute;
}

.floating .container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: table;
    border-spacing: 5px;
}

.floating .welcome {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #ffffff;
    padding: 5px 0;
}

.floating .welcome strong {
    font-size: 30px;
}

.floating .dlApp {
    border: 0;
    margin-right: 0;
    min-height: auto;
    display: table-cell;
    vertical-align: middle;
    width: 44%;
}

.floating .dlApp img {
    display: block;
}

.floating .app {
    border-spacing: 10px;
    margin-top: 0;
}

.floating .app .ico {
    width: 17%;
}

.floating .app .qrcode {
    width: 17%;
}

.floating .app .qrcode img {
    max-width: 70px;
}

.floating .controler {
    position: absolute;
    right: 5%;
    top: -30px;
    width: 60px;
    height: 30px;
    background-color: rgba(176, 9, 49, 0.9);
    background-image: url("../images/ico_close.png");
    background-repeat: no-repeat;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}

.floating .controler.active {
    background-image: url("../images/ico_open.png");
}

.pt_table {
    width: 100%;
    max-width: 350px;
    margin-bottom: 0px;
}

.pt_table img {
    width: 100%;
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 1000px) {}

@media screen and (max-width: 768px) {
    .view_desktop {
        display: none !important;
    }
    .view_mob {
        display: block !important;
    }
    /*#banner_inner { background-image: url("banner_bocpay_m.jpg"); }*/
    /**/
    #content {
        padding: 10px 0 10px;
    }
    .tabs {
        font-size: 16px;
    }
    .offers {
        position: relative;
        margin-top: 40px;
    }
    .selector {
        font-size: 14px;
    }
    .lastestoffer,
    .moreoffer_m {
        margin: 0 5%;
    }
    .shop_list {
        padding: 10px 0;
    }
    .shop_list:first-child {
        padding-top: 15px;
    }
    .shop_list .logo {
        width: 40%;
        padding-left: 10%;
    }
    .shop_list .logo img {
        width: 90%;
        max-width: 100px;
    }
    .shop_list h5 {
        font-size: 15px;
    }
	.content-header {
		font-size: 15px;
	}
    .shop_list li {
        margin-left: 15px;
        font-size: 15px;
    }
    .shop_list li:before {
        width: 15px;
        margin-left: -15px;
    }
    .shop_list h4 {
        font-size: 16px;
        margin-top: 10px;
    }
    .bounsmon {
        width: 90%;
        max-width: 120px;
        margin-top: -6px;
    }
    .lastestoffer .remark {
        padding: 25px 5%;
    }
    .lastestoffer .remark.wlist {
        padding: 0 5% 35px 5%;
    }
    .pnsbr {
        display: none;
    }
    .btn_detail_m a {
        font-size: 14px;
    }
    .moreoffer_m .selector {
        font-size: 14px;
        letter-spacing: 0px;
    }
    .enjoy img {
        width: 55%;
        max-width: 450px
    }
	.merchant-enjoy img {
        width: 55%;
        max-width: 450px
    }
    .btn_detail a {
        font-size: 14px;
    }
    .moreoffer_head {
        margin: 0;
        font-size: 18px;
    }
    .moreoffer {
        margin: 0 0%;
        font-size: 18px;
    }
    .hklogo img,
    .mllogo img {
        max-width: 100px;
    }
    .mllogo th {
        padding: 5px 20px;
    }
    .mllogo th:before {
        width: 18px;
    }
    .burnpoints {
        margin: 0 5%;
    }
    .refund p {
        font-size: 18px;
    }
    .refund .logo {
        width: 120px;
        margin: 0 6px -10px;
    }
    .mgm {
        margin: 0 5%;
    }
    .mgm p {
        font-size: 18px;
    }
    .mgm p span strong,
    .mgm .sharingreward_slide>div span strong {
        font-size: 18px;
    }
    .push {
        width: 40%;
    }
    .s_icon {
        width: 40%;
    }
    .bulb {
        width: 40%;
    }
    .fullrow .inline {
        display: block;
        width: auto;
    }
    .fullrow .inline h3 {
        font-size: 16px;
        line-height: 20px;
        width: 100px;
        margin-left: -50px;
    }
    .dlApp {
        margin-right: 0;
        min-height: auto;
    }
    .dlApp .app {
        border-spacing: 10px;
        margin: 0 auto;
    }
    .dlApp .app .ico {
        width: 22%;
    }
    .dlApp .app .dl {
        width: 78%;
    }
    .dlApp .app .qrcode {
        display: none;
    }
    .upay .uapp {
        border-spacing: 10px;
    }
    .dlApp .app .ico,
    .upay .uapp .pay,
    .upay .uapp .payqr,
    .upay .words {
        font-size: 12px;
    }
    .floating .welcome {
        font-size: 10px;
        line-height: 20px;
    }
    .floating .welcome strong {
        font-size: 16px;
    }
    .floating .dlApp {
        width: 36%;
        border-radius: 10px;
    }
    .floating .app {
        border-spacing: 5px;
    }
    .floating .app .ico {
        width: 20%;
    }
    .floating .app .dl {
        width: 34%;
    }
    .floating .app .dl div {
        display: block;
        width: auto;
    }
    .floating .app .dl .app-store {
        margin-bottom: 3px;
    }
    #mgmslider,
    #pointslider {
        width: auto;
        margin-bottom: 25px;
    }
    #mgmslider .slider,
    #pointslider .slider {
        width: 70%;
        margin: 0 auto;
        float: none;
    }
    #pointslider .slider .phone-txt,
    #mgmslider .slider .phone-txt {
        display: block;
    }
    .img-caption {
        width: 80%;
        margin: 20px auto;
    }
    .img-caption li {
        display: none;
    }
    .img-caption li.select-cap {
        display: block;
    }
    .img-caption ul li div {
        margin: 0;
    }
    .flex-direction-nav .flex-prev {
        left: -30px!important;
    }
    .flex-direction-nav .flex-next {
        right: -30px!important;
    }
}

@media screen and (max-width: 565px) {
    .moreoffer_head svg {
        width: 35%;
    }
}

@media screen and (max-width: 475px) {
    div.remark li.tabmark.movein {
        margin-left: 10px;
    }
    #tnc_button {
        display: block;
        width: 50%;
        max-width: 100px;
        margin: 0 auto;
    }
    .tabs {
        font-size: 10px;
    }
    .tabs .swiper-slide {
        padding: 5px 0;
        min-height: 32px;
    }
    .offers {
        position: relative;
        margin-top: 20px;
    }
    .selector {
        font-size: 10px;
    }
    .selector .swiper-slide {
        padding: 5px 0;
    }
    .shop_list {
        padding: 5px 0;
    }
    .shop_list:first-child {
        padding-top: 10px;
    }
    .shop_list .logo {
        width: 40%;
        padding-left: 5%;
    }
    .shop_list .logo img {
        width: 80%;
        max-width: 90px;
    }
    .shop_list h5 {
        font-size: 12px;
    }
	.content-header {
		font-size: 12px;
	}
    .shop_list li {
        margin-left: 10px;
        font-size: 12px;
    }
    .shop_list li:before {
        width: 10px;
        margin-left: -10px;
    }
    .shop_list h4 {
        font-size: 10px;
        margin-top: 10px;
    }
    .lastestoffer .remark {
        padding: 15px 0;
        width: 100%;
    }
    .lastestoffer .remark.wlist {
        padding: 0 8px 35px 0;
    }
    ul.remark li.t:before {
        margin-left: -15px;
    }
    .bounsmon {
        width: 80%;
        max-width: 100px;
        margin-top: -5px;
    }
    .btn_detail {
        width: 120px;
        padding-top: 8px;
        height: 21px;
    }
    .btn_detail a {
        font-size: 12px;
    }
    .btn_detail_m {
        width: 120px;
        padding-top: 9px;
        height: 25px;
    }
    .btn_detail_m a {
        font-size: 12px;
    }
    .moreoffer_m .selector {
        font-size: 10px;
        letter-spacing: 0px;
    }
    .moreoffer_m .selector .swiper-wrapper .swiper-slide {
        height: 32px;
    }
    .moreoffer_m .selector .swiper-wrapper .swiper-slide span {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .moreoffer_head {
        font-size: 10px;
    }
    .moreoffer {
        font-size: 10px;
    }
    .hklogo img,
    .mllogo img {
        max-width: 70px;
    }
    .mllogo th {
        padding: 5px 15px;
    }
    .mllogo th:before {
        width: 14px;
    }
    .refund p {
        font-size: 10px;
    }
    .refund .logo {
        width: 90px;
        margin: 0 6px 0px;
    }
    .mgm p {
        font-size: 10px;
    }
    .mgm p span strong,
    .mgm .sharingreward_slide>div span strong {
        font-size: 10px;
    }
    .mgm p span {
        width: 60%;
    }
    .push {
        width: 15%;
        max-width: 40px;
    }
    .s_icon {
        width: 15%;
    }
    .bulb {
        width: 15%;
    }
}

@media screen and (max-width: 332px) {
    .btn_detail_m:first-child {
        margin-right: 3%;
    }
    .btn_detail_m {
        width: 120px;
        height: 24px;
    }
    .btn_detail_m a {
        font-size: 12px;
    }
}

@media screen and (max-width: 280px) {
    .moreoffer_head svg {
        width: 18%;
    }
}

.floating_wrapper>div {
    display: inline-block;
    vertical-align: middle;
}

.floating_wrapper>div:last-child {
    width: 200px;
    margin-left: 20px;
}

.floating_wrapper #tnc_button {
    max-width: 182px;
    width: 100%;
}

@media screen and (max-width: 565px) {
    .floating_wrapper>div:last-child {
        width: 200px;
        margin-left: 0px;
        margin-top: 0px;
        margin: 0 auto;
    }
    .floating_wrapper #tnc_button {
        max-width: 150px;
        width: 100%;
    }
    .floating_wrapper>div {
        display: block;
    }
}

a.floating_remark,
a.floating_remark:hover {
    text-align: left;
    font-size: 15px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    a.floating_remark,
    a.floating_remark:hover {
        font-size: 12px;
        font-weight: normal;
    }
}

.tnc_button_style {
    background: #fcfbfc;
    color: #470000;
    line-height: 1.4;
    height: auto;
    text-align: center;
    border: 1px #878687 solid;
    padding: 10px 0px;
    border-radius: 6px 0px 6px 0px;
    margin: 1em 0px;
}

.sharingreward_slide>div {
    font-size: 10px;
    text-align: left;
    margin: 1em 0px
}

.sharingreward_slide>div>span {
    display: inline-block;
    width: 65%;
    margin-left: 15px;
}

.merchant_desc {
    text-align: center;
    padding: 0 25px;
    font-size: 1rem;
    font-weight: bold;
}

@media screen and (max-width: 330px) {
    .lastestoffer,
    .moreoffer_m {
        margin: 0 1%;
    }
}

/* Start --- box1 & box2 */
.refund {
    padding-left: 0%; }
    .refund .box1, .refund .box2 {
      position: relative;
      width: 100%;
      margin: 0 auto;
      max-width: 600px;
      margin-top: 15px; 

    min-height: 170px;}
      .refund .box1 img, .refund .box2 img {
        width: 100%; }
        .refund .box1 img.view_m, .refund .box2 img.view_m {
          display: none; }
          @media screen and (max-width: 767px) {
            .refund .box1 img.view_m, .refund .box2 img.view_m {
              display: block; } }
        .refund .box1 img.view_d, .refund .box2 img.view_d {
          display: block; }
          @media screen and (max-width: 767px) {
            .refund .box1 img.view_d, .refund .box2 img.view_d {
              display: none; } }
    .refund .box1.en a.link1 {
      position: absolute;
      right: 2%;
      bottom: 44%;
      width: 35%;
      height: 36%; }
      @media screen and (max-width: 767px) {
        .refund .box1.en a.link1 {
          bottom: 44%;
          width: 35%;
          height: 36%; } }
    .refund .box1.en a.link2 {
      position: absolute;
      right: 2%;
      bottom: 7%;
      width: 35%;
      height: 36%; }
      @media screen and (max-width: 767px) {
        .refund .box1.en a.link2 {
          right: 2%;
          bottom: 7%;
          width: 35%;
          height: 36%; } }
    .refund .box1 a.link1 {
      position: absolute;
      right: 2%;
      bottom: 40%;
      width: 35%;
      height: 36%; }
      @media screen and (max-width: 767px) {
        .refund .box1 a.link1 {
          bottom: 40%;
          width: 35%;
          height: 36%; } }
    .refund .box1 a.link2 {
      position: absolute;
      right: 2%;
      bottom: 3%;
      width: 35%;
      height: 36%; }
      @media screen and (max-width: 767px) {
        .refund .box1 a.link2 {
          right: 2%;
          bottom: 3%;
          width: 35%;
          height: 36%; } }
    .refund .box2.en a {
      position: absolute;
      right: 2%;
      bottom: 4%;
      width: 36%;
      height: 25%; }
      @media screen and (max-width: 767px) {
        .refund .box2.en a {
          right: 2%;
          bottom: 4%;
          width: 36%;
          height: 25%; } }
    .refund .box2 a {
      position: absolute;
      right: 2%;
      bottom: 4%;
      width: 36%;
      height: 25%; }
      @media screen and (max-width: 767px) {
        .refund .box2 a {
          right: 2%;
          bottom: 4%;
          width: 36%;
          height: 25%; } }
/* End --- box1 & box2 */