/*修改部份*/

body {
    width: 100%;
    background: url(../images/bg.jpg) repeat top fixed #d4edea;
}

header, .footer {
    background-color: #3f3f3f;
}

.tabBox {
    width: 100%;
    top: 70px;
    background: #a7e6df;
    z-index: 15;
    margin: 0 auto;
}

.tab {
    display: flex;
    margin: 0 auto;
}

.tab a {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: .1rem;
    font-size: 1.2rem;
    color: #FF641E;
    padding: 0.5rem;
    margin: 0.5rem 3rem;
    background-color: #d4edea;
    border: 2px solid #FF641E;
    border-radius: 50px;
}

.tab a:hover{
color: #d4edea;
    background-color: #FF641E;
    border: 2px solid #FF641E;
}

.tab a.active{
    color: #d4edea;
    background-color: #FF641E;
    border: 2px solid #FF641E;
}

/* wrapper kv-主視覺 */

.wrap-topview {
    background: url(../images/kv-bg.png) no-repeat center top;
    /* 主視覺背景 */
    height: 650px;
        background-size: cover;
        width: 100%;
        overflow: hidden;
        position: relative;
}

.title-kv .kv{
    -webkit-animation: fadeInDown 0.8s ease-out;
  animation: fadeInDown 0.8s ease-out;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.thanksBox{
    display: contents;
    position: relative;
    overflow: hidden;
}

.thanksBox .thanks{
    position: absolute;
    z-index: 10;
    width: 120px;
    height: 50px;
    animation: updown 1.2s ease-in-out 0.5s infinite alternate;
}

.thanksBox .leftBox .thanks{
    right: 2rem;
    top: 17rem;
    animation: updown 1.4s ease-in-out 0.5s infinite alternate;
}

@-webkit-keyframes updown {
  from{
    transform:translate(0,0)
  }
  to{
    transform:translate(0,20px)
  }
}
@keyframes updown {
  from{
    transform:translate(0,0)
  }
  to{
    transform:translate(0,20px)
  }
}

.thanksBox .rightBox .thanks {
    right:0;
    top: -1rem;
}

.thanksBox .leftBox {
    display: block;
    max-width: 45em;
    width: 33%;
    position: absolute;
    height: auto;
    z-index: 10;
    left: -7rem;
    bottom: 0;
}

.thanksBox .rightBox {
    display: block;
    max-width: 32em;
    width: 55%;
    position: absolute;
    height: auto;
    z-index: 10;
    right: 0rem;
    bottom: 0;
}

/* main-section */

.main-section {
    background: url(../images/content-bg.png) no-repeat top fixed; !important
}

.sectionBox{
  margin: 2rem 0;
}

/* 每日幸運一把抓 */

.title {
    display: block;
    position: relative;
    margin: 2rem auto;
    max-width: 435px;
    width: 100%;
}

.diceBox{
background: url(../images/dice-bg.png) no-repeat center 4rem;
background-size: contain;
height: 800px;
width: 100%;
}

.dice{
    margin-bottom: 5rem;
}
.leftmoney{
    top: 14rem;
    position: absolute;
    left: 12rem;
    animation: updown 1s ease-in-out 0.5s infinite alternate;
}

.rightmoney{
    top: 15rem;
    position: absolute;
    right: 13rem;
    animation: updown 1.4s ease-in-out 0.5s infinite alternate;
}

.dice-money{
    margin: 3rem auto 0;
    width: 360px;
    display: block;
    -webkit-animation: wobble-hor-bottom 1s linear 1s infinite both;
	        animation: wobble-hor-bottom 1s linear 1s infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-8-23 15:58:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}

.diceBox h3{
    color: #4e20a8;
    font-size: 2rem;
}

.diceBox .btn{
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 1rem auto;
    animation: big 1s;
    animation-iteration-count: infinite;
}

@keyframes big {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.06);
  }
  50% {
    transform: scale(1);
  }
}

/* 登記滿額瘋回饋 */

.giveback-list {
    padding: 0rem 0 1.8rem;
    background-color: #ffd9d7;
    border: 10px solid #ffffe4;
    margin-bottom: 4rem;
    border-radius: 20px;
}
.giveback-list h3{
  background-color: #FF641E;
    border-radius: 10px 10px 0 0;
    color: #ffffe4;
    text-align: center;
    padding: 0.8rem 0;
    font-size: 1.5rem;
    font-weight: 500;
}

.giveback-list p{
  padding: 1rem 4rem;
    text-align: center;
    font-size: 1.3rem;
    min-height: 130px;
}

.giveback-list a.btn{
  background-color: #34373b;
    border: 8px solid #ffffe4;
    border-radius: 50px;
    position: absolute;
    bottom: -2.3rem;
    left: 35%;
    width: 30%;
    color: #ffffe4;
    font-size: 1.3rem;
    padding: 0.5rem 2rem 0.5rem 1.5rem
}

.giveback-list a.btn i.angle-right {
    position: absolute;
    right: 1.2rem;
    top: 0.5rem;
    color: #fbebca;
    animation: left 1s infinite;
}


.fas {animation: left 1s infinite;}
@keyframes left {
  0% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(8px, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

/* 刷台灣Pay歡樂再加倍 */

.taiwanpayBox{
background: url(../images/taiwanpay-bg.png) no-repeat center 1.5rem;
background-size: contain;
height: 650px;
width: 100%;
}

.taiwanpayBox p{
  font-size: 1.8rem;
  padding: 1rem 0 0;
  color: #4c4347;
}

.taiwanpayBox .copy-coupon{
  padding: 0.5rem 6rem 0 7.5rem;
}

.taiwanpayBox .copy-coupon .copy{
  position: absolute;
  width: 7rem;
  height: 16rem;
  right: 9rem;
  top:1rem;
}

.taiwanpayBox .copy-coupon .copy .copy-icon{
  position: absolute;
  bottom: 0;
  left: 2rem;
  width: 45%;
  -webkit-animation: shake-vertical 7s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical 7s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}

.taiwanpayBox .caption{
  text-align: center;
    font-size: 1.2rem;
    color: #ff61ab;
    margin-top: -0.3rem;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-8-24 12:7:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}


/*------------限時巨惠------------*/

.dealsBox .deals-list{
  margin: 1.5rem 0;
}

.deals-list .day{
  position: absolute;
  top: -0.8rem;
    left: 2rem;
}

.deals-list .btn {
    position: absolute;
    top: 0rem;
    right: 0rem;
    height: 15rem;
    width: 10rem;
    cursor: pointer;
    text-indent: -9999px;
}

.deals-list.copy-coupon{
padding: 0;
}

.deals-list .copy-icon{
  position: absolute;
  width: 25%;
  bottom: 1rem;
    left: 4.2rem;
-webkit-animation: shake-vertical 7s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical 7s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}

.deals-list .direction{
  position: absolute;
    bottom: 0;
    width: 70%;
    left: 2rem;
    height: 100px;
    text-indent: -9999px;
}

/*------------激殺商品------------*/

.m_tab_bar{
  display: none;
}

.tab_bar {
  width: 100%;
  margin: 2rem 0;
}

.tab_bar ul {
  margin-bottom: 0;
}

.tab_bar ul li {
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  display: inline-block;
    padding: 0.5rem 0;
}

.tab_bar ul li a.btn{
  width: 280px;
  height: 90px;
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
}

.tab_bar ul li.active a.btn1{
background: url(../images/tab-1-active.png) no-repeat;
background-size: 100%;
}
.tab_bar ul li a.btn1{
  background: url(../images/tab-1.png) no-repeat;
  background-size: 100%;
}

.tab_bar ul li.active a.btn2{
background: url(../images/tab-2-active.png) no-repeat;
background-size: 100%;
}

.tab_bar ul li a.btn2{
  background: url(../images/tab-2.png) no-repeat;
  background-size: 100%;
}

.tab_bar ul li.active a.btn3{
background: url(../images/tab-3-active.png) no-repeat;
background-size: 100%;
}

.tab_bar ul li a.btn3{
  background: url(../images/tab-3.png) no-repeat;
  background-size: 100%;
}

.tab_bar ul li.active a.btn4{
background: url(../images/tab-4-active.png) no-repeat;
background-size: 100%;
}

.tab_bar ul li a.btn4{
  background: url(../images/tab-4.png) no-repeat;
  background-size: 100%;
}

.mm-tab{
  padding: 0;
}

.m_tab_bar ul {
    margin-bottom: 0;
    display: flex;
}

.m_tab_bar ul li.active {
    background-color: #fff5d1;
}

.m_tab_bar ul li.active a{
  color: #FF641E;
}
.m_tab_bar ul li {
    width: 33.33%;
    border: none;
    outline: none;
    text-align: center;
    background-color: #FF641E;
    list-style: none;
    padding: 0.8rem 0;
}

.m_tab_bar ul li a{
  color: #d4edea;
}

.toppic-pid-box h3.sub-title {
    font-size: 1.8rem;
    color: #FF641E;
    font-weight: 600;
}

.toppic-pid-box h3.sub-title:after {
    content: "";
    display: block;
    height: 6px;
    width: 55px;
    background-color: #FF641E;
    margin: 5px auto;
}

.toppic-pid-box{
  background-color: rgb(255 245 209);
  border: 6px solid #FF641E;
}

/* 活動說明 */

.policyBox {
    background-color: rgb(149 219 211);
}

.policy h3 {
   color: #4e20a8;
   background-color: #e4e0ff;
    border: 6px solid #947fd5;
}

.policy h4, .policy p span {
    color: #4e20a8;
    font-weight: bold;
}

.policyBox-1 {
    background-color: rgb(135 194 187);
}

.policy-1 h3 {
   color: #FF641E;
   background-color: #ffd9d7;
    border: 6px solid #FF641E;
    width: 40% !important;
}

.policy-1 h4, .policy-1 p span {
    color: #FF641E;
    font-weight: bold;
}

.policy-2 h3{
  width: 65% !important;
}
/*跳出視窗..............*/

.fancybox-button {
	color: #FFF !important;
}

.popupBox {
	padding: 1.5rem !important;
	border-radius: 0.5rem;
	width: 400px;
	background-color: #957fd5 !important;
}
.popupBox-orange{
  padding: 1.5rem !important;
	border-radius: 0.5rem;
	width: 400px;
	background-color: #FF641E !important;
}
.popupBox h2 {
	font-size: 1.8rem;
	color: #a7e6df;
	margin: 1.5rem 0 0.5rem;
	font-weight: 600;
	padding-bottom: 0.5rem;
}

.popupBox h3 {
	font-size: 1.2rem;
	color: #a7e6df;
	text-align: center;
}

.coupon-submit {
	padding: 0 0 0.5rem !important;
}

.coupon-submit .SerialnumberBox {
	background-color: #ffb901;
	margin: 1.5rem 0;
	padding: 1rem;
}

.SerialnumberBox h4 {
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.5;
}

.coupon-submit p {
	font-size: 1rem !important;
}

.popupBox p {
	font-size: 1.3rem;
	line-height: 1.8;
	color: #e6fffc;
}
.popupBox p span{
    color: #feb903;
    font-size: 2rem;
    padding: 0 0.5rem;
}

.popupBox.w-400 {
	width: 400px;
}

.popupBox.w-500 {
	width: 500px;
}

.popupBox a.btn-orange {
	margin: 1rem auto 0;
	background-color: #ffb901;
	border: 3px solid #fee240;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	width: 80%;
	display: block;
	padding: 0.5rem 0;
	font-size: 1.3rem;
	font-weight: normal;
	color: #494068;
	border-radius: 30px;
}

.popupBox .main .panel-box .remind {
	color: red;
	font-size: 1rem;
	text-align: center;
	margin-top: 0.5rem;
}

.download-btn a.btn-orange {
	margin: 1rem 0.5rem 0;
	width: 50%;
	color: #ffffff;
	font-size: 1.2rem;
	padding-left: 2rem;
	text-align: center;
	border-radius: 10px;
}

.download-btn a.green-btn {
	margin: 1rem 0.5rem 0;
	width: 50%;
	color: #ffffff;
	font-size: 1.2rem;
	padding-left: 2.5rem;
}

.popupBox a.green-btn {
	background-color: #ffb901;
	border-radius: 0.5rem;
	color: #00469b;
	margin: 1rem 0.5rem 0;
	padding: 0.8rem;
	display: block;
	text-align: center;
}

.icon-ios {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2223px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2023%2030%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2057.1%20%2883088%29%20-%20https%3A//sketch.com%20--%3E%0A%20%20%20%20%3Ctitle%3Eapple%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22ios_black%22%20transform%3D%22translate%28-12.000000%2C%20-8.000000%29%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M23.683999%2C17.1073079%20C24.7943234%2C17.1073079%2026.9085938%2C15.5340606%2029.0882427%2C15.7693656%20C30.0002158%2C15.7966474%2032.5954052%2C16.1388059%2034.2697567%2C18.6430428%20C34.1345675%2C18.7260248%2031.1781348%2C20.5084321%2031.2102699%2C24.1721431%20C31.2468375%2C28.5633673%2034.9545676%2C30.0149835%2035%2C30.0308979%20C34.9778378%2C30.1332044%2034.4193513%2C32.1259085%2033.0286755%2C34.1493046%20C31.8673781%2C35.9305752%2030.6506753%2C37.67206%2028.7181346%2C37.7038887%20C26.8409992%2C37.7482215%2026.2093776%2C36.5705595%2024.0563233%2C36.5705595%20C21.8833231%2C36.5705595%2021.2107014%2C37.67206%2019.4100256%2C37.7482215%20C17.5694579%2C37.8175626%2016.1632685%2C35.8464565%2014.959863%2C34.0811003%20C12.5541601%2C30.4764997%2010.6814572%2C23.9231972%2013.1924304%2C19.4637686%20C14.4091332%2C17.2766821%2016.6275659%2C15.868262%2018.9989174%2C15.8307496%20C20.8417014%2C15.7921004%2022.5515124%2C17.1073079%2023.683999%2C17.1073079%20Z%20M29.111513%2C8.75%20C29.2954589%2C10.4653397%2028.6328102%2C12.1556712%2027.6643236%2C13.3981273%20C26.653729%2C14.6212589%2025.0369991%2C15.5567954%2023.4623773%2C15.436301%20C23.2562692%2C13.7857554%2024.0541071%2C12.0306298%2024.9472423%2C10.9598213%20C25.9567289%2C9.74464695%2027.7097561%2C8.81365741%2029.111513%2C8.75%20Z%22%20id%3D%22apple%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: 40px 7px;
}

.icon-google {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2222px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2022%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2057.1%20%2883088%29%20-%20https%3A//sketch.com%20--%3E%0A%20%20%20%20%3Ctitle%3Egoogle%20play%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20x1%3D%2250%25%22%20y1%3D%220%25%22%20x2%3D%2250%25%22%20y2%3D%22100%25%22%20id%3D%22linearGradient-1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%231E79AF%22%20offset%3D%220%25%22%3E%3C/stop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2363FFD3%22%20offset%3D%22100%25%22%3E%3C/stop%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20x1%3D%2284.7178118%25%22%20y1%3D%2228.8782655%25%22%20x2%3D%225.24419544%25%22%20y2%3D%2277.6611704%25%22%20id%3D%22linearGradient-2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23DC4057%22%20offset%3D%220%25%22%3E%3C/stop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%239E36BB%22%20offset%3D%22100%25%22%3E%3C/stop%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20x1%3D%2250%25%22%20y1%3D%220%25%22%20x2%3D%2250%25%22%20y2%3D%2297.8256537%25%22%20id%3D%22linearGradient-3%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FF9676%22%20offset%3D%220%25%22%3E%3C/stop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFD074%22%20offset%3D%22100%25%22%3E%3C/stop%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20x1%3D%2217.4435371%25%22%20y1%3D%2220.2975638%25%22%20x2%3D%22100%25%22%20y2%3D%2279.7024362%25%22%20id%3D%22linearGradient-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2351C6AD%22%20offset%3D%220%25%22%3E%3C/stop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23D5FFA1%22%20offset%3D%22100%25%22%3E%3C/stop%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22google-play-black%22%20transform%3D%22translate%28-11.000000%2C%20-11.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22google-play%22%20transform%3D%22translate%2811.000000%2C%2012.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.938480335%2C-0.152995221%20C0.515889775%2C-0.0196989555%200.242410522%2C0.411708171%200.242410522%2C1.06440023%20L0.245015086%2C21.6064711%20C0.245015086%2C22.2519402%200.510029505%2C22.676781%200.920899526%2C22.8186135%20L12.3191241%2C11.3236163%20L0.938480335%2C-0.152995221%22%20id%3D%22left%22%20fill%3D%22url%28%23linearGradient-1%29%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.920899526%2C22.8186135%20C1.21651758%2C22.9197348%201.58701685%2C22.8724573%201.99072432%2C22.6492025%20L15.9004%2C14.9350915%20L12.3191241%2C11.3236163%20L0.920899526%2C22.8186135%22%20id%3D%22bottom%22%20fill%3D%22url%28%23linearGradient-2%29%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.9023535%2C14.9350915%20L20.6452651%2C12.3052809%20C21.6070005%2C11.7701259%2021.6070005%2C10.8994321%2020.6452651%2C10.3655904%20L15.8847727%2C7.72593037%20L12.3191241%2C11.3216464%20L15.9023535%2C14.9350915%22%20id%3D%22right%22%20fill%3D%22url%28%23linearGradient-3%29%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.8841215%2C7.72593037%20L1.99072432%2C0.022325483%20C1.59678397%2C-0.19501966%201.23344724%2C-0.245580313%200.939131476%2C-0.152995221%20L12.3191241%2C11.3216464%20L15.8841215%2C7.72593037%22%20id%3D%22top%22%20fill%3D%22url%28%23linearGradient-4%29%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: 20px 10px;
}

.sweet-alert button {
	background-color: #ff61ab!important;
	color: #FFF !important;
	font-size: 1.2rem !important;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
	border: 4px solid #ff61ab !important;
}

.sweet-alert .sa-icon.sa-success .sa-line {
	background-color: #ff61ab !important;
}

.sweet-alert h2 {
	font-size: 20px !important;
}


/* RESPONSIVE
-------------------------------------------------- */
@media (max-width: 1600px) {
    
}

@media (max-width: 1366px) {
  .deals-list .copy-icon {
    bottom:1rem;
}
.diceBox {
    height: 670px;
}
.dice {
    margin-bottom: 0.5rem; 
}
.leftmoney {
    top: 10rem;
    left: 9rem;
}
.rightmoney {
    top: 10rem;
    right: 9rem;
}
.diceBox .btn{
  margin: 0 auto;
}
.title {
    margin: 0rem auto 2rem;
}
.giveback-list p {
    min-height: 160px;
}
.copy-coupon p {
    padding: 0.5rem 0;
}
  .taiwanpayBox {
    height: 570px;
}
.taiwanpayBox .copy-coupon .copy .copy-icon {
    bottom: 2rem;
    left: 3rem;
  }
}

@media (max-width: 1280px) {
.thanksBox .rightBox{
  right: 3rem;
}
.thanksBox .leftBox{
    left: -5rem;
}

}


@media (max-width: 1200px) {
    .tabBox {
            width: 100%;
            top: 0;
        }
                .tab a {
                    padding: 0.5rem;
                    margin: 0.5rem 1rem;
                }
 .mm-wrap-topview {
    display: block;
        background: url(../images/kv-m-bg.png) no-repeat top;
        background-size: contain;
 }

.deals-list .day {
    width: 25%;
}
.policy-1 h3{
  width: 60% !important;
}
.tab_bar ul li a.btn {
    width: 220px;
    height: 70px;
}
.diceBox {
    height: 840px;
}
.dice-money{
  width: 400px;
}
.dice {
    margin-bottom: 6.5rem;
}
.diceBox h3 {
    margin-bottom: 1rem;
}
.taiwanpayBox .copy-coupon {
    padding: 0.5rem 10rem 0 12rem;
}

.deals-list .copy-icon {
    bottom: 2rem;
    left: 5rem;
}
.policy h3 {
  width: 50% !important;
}

  .taiwanpayBox .copy-coupon .copy {
    right: 13.5rem;
}
}
    
@media (max-width: 992px) {

.policy-1 h3{
  width: 70% !important;
}
.tab_bar ul li a.btn {
    width: 180px;
    height: 60px;
}
.tab_bar {
    margin: 1rem 0;
}
.toppic-pid-box .deals-list-box {
    margin: 0 auto;
    padding: 0rem 1.5rem;
}
.dice-money {
    width: 300px;
    margin: 0 auto;
}
.dice {
    margin-bottom: 3.5rem;
}
.diceBox h3 {
  font-size: 1.6rem;
  margin: 0;
}
.diceBox {
    height: 630px;
}
.giveback-list p {
    padding: 1rem;
  }
  .giveback-list a.btn{
    width: 50%;
    left: 22%;
  }
  .taiwanpayBox .copy-coupon {
    padding: 0 5rem 0 8rem;
}

.deals-list .copy-icon{
  bottom: -3rem;
  left: 2.5rem;
}
.policy h3 {
    width: 60% !important;
}
.taiwanpayBox .copy-coupon .copy {
    right: 7.5rem;
}
.taiwanpayBox .copy-coupon .copy .copy-icon {
    bottom: 3rem;
    left: 3rem;
}
}

@media (max-width: 768px) {
  .title {
    width: 80%;
    margin: 0 auto 1rem;
}
.policy-1 h3{
  width: 70% !important;
}
.deals-list .copy-icon {
    bottom: 1rem;
    left: 4.5rem;
}
}

/* APP and mobile */
@media (max-width: 576px) {
  .m_tab_bar {
    display: block;
    top: 50px;
    margin-bottom: 0.5rem;
}
.tab_bar {
    display: none;
}

    .mm-wrap-topview .title_kv .kv {
        height: auto;
    }

    .toppic-pid-box h3.sub-title img{
        width: 70%;
    }
        .tab a {
            font-size: 1rem;
            padding: 0.3rem;
            margin: 0.5rem 0.3rem;
        }
.policy h3{
  width: 100% !important;
  font-size: 1.2rem !important;
}
.policyBox, .policyBox-1 {
    padding: 2rem 0 !important;
}
.toppic-pid-box {
    margin-bottom: 2rem;
    padding: 1rem 0;
}
.toppic-pid-box h3.sub-title{
  font-size: 1.4rem;
}
.dealsBox .deals-list {
    margin: 1rem 0;
}
.deals-list .day {
    top: -0.4rem;
}
.deals-list .btn{
  height: 12rem;
  width: 7rem;
}
.deals-list .copy-icon, .deals-list.copy-coupon .copy-icon {
    left: 2.5rem;
    width: 30%;
    bottom: 2rem;
}
.dice-money {
    width: 50%;
    margin: 0 auto;
}
.rightmoney {
    top: 2rem;
    right: 2rem;
    width: 20%;
}
.leftmoney {
    top: 2rem;
    left: 2rem;
    width: 20%;
}
.dice {
    margin-bottom: 0rem;
}
.diceBox h3 {
    font-size: 1.2rem;
    margin: 1rem 0 0.5rem;
}
.diceBox .btn {
    margin: 0 auto;
    padding: 0 2rem;
}
.diceBox {
    height: auto;
    margin-bottom: 0;
}
.giveback-list p {
    min-height: auto;
}
.giveback-list{
  margin-bottom: 3rem;
}
.copy-coupon {
    padding: 0;
}
.taiwanpayBox {
    background: url(../images/mm-taiwanpay-bg.png) no-repeat center 1.5rem;
    background-size: contain;
    height: 450px;
    width: 100%;
    margin-bottom: 1rem;
}

.taiwanpayBox .caption {
    font-size: 1rem;
    margin-top: 0;
}
.taiwanpayBox p {
    font-size: 1.1rem;
    padding: 5rem 0 0;
}
.taiwanpayBox .copy-coupon {
    padding: 0.5rem 1rem 0 1.5rem;
}
.taiwanpayBox .copy-coupon .copy {
    right: 1rem;
    height: 10rem;
}
.taiwanpayBox .copy-coupon .copy .copy-icon {
    bottom: 1rem;
    left: 3rem;
    width: 30%;
}
.sectionBox {
    margin: 2rem 0 0;
}
}