.unselectable {
-webkit-touch-callout: none;
-webkit-user-callout: none;
-webkit-user-select: none;
-webkit-user-drag: none;
-webkit-user-modify: none;
-webkit-highlight: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-callout: none;
-ms-word-break: break-all;
-ms-word-wrap: break-all;
-webkit-word-break: break-word;
-webkit-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
pointer-events: none;
      }
.onlyDesktop{
display: inline-block;
}
@media (max-width: 576px){
.onlyDesktop{
display: none;
}
}
.onlyMobile{
display: none;
}
@media (max-width: 768px){
.onlyMobile{
display: block;
}
}
.list-low-roman>li{
list-style: lower-roman;
}
.list-disc {
    list-style-type: disc;
}
.list-disc>li {
    list-style-type: disc;
}
.list-decimal {
    list-style-type: decimal;
}
.list-decimal>li {
    list-style-type: decimal;
}
.list-lower-alpha {
    list-style-type: lower-alpha;
}
.list-lower-alpha>li {
    list-style: lower-alpha;
}
.list-decimal, .list-upper-roman, .list-lower-roman, .list-lower-alpha, .list-disc {
    margin: 0;
    padding-left: 20px;
}
.list-decimal>li, .list-upper-roman>li, .list-lower-roman>li, .list-lower-alpha>li, .list-disc>li {
    margin: 3px 0;
    position: relative;
}
#tncContent ol.lower-alpha > li::before {
margin-left: -20px;
}
#tncContent table {
width: 100%;
margin-bottom: 0.5em;
}
#tncContent table th,
#tncContent table td {
    border: 1px solid #999999;
    padding: 5px;
}
.offer-Remark{
font-size: 12px;
line-height: 120%;
color: #666;
}
.offer-Remark .list-decimal, .offer-Remark .list-lower-alpha, .offer-Remark .list-disc{
    margin: 0;
    padding-left: 1rem;
}
.offer-Remark .list-decimal>li{
    width: 100%;
	text-align: left;
	padding-left: 0.25rem
}
.tncTablx {
 margin: 6px 0;
 border:1px solid #999999;
 text-align:center;
 border-collapse:collapse;
}
.tncTablx td {
 padding:5px;
 border:1px solid #999999;
 vertical-align: middle;
 text-align: center;
}
.tncTablx .head {
 background-color:#666666;
 color:#FFFFFF;
}
.Remarksublist{
padding-left: 10px;
position: relative;
}
.tncsublist{
padding-left: 25px;
position: relative;
margin: 0.25rem 0;
}
.tncsublist .num, .Remarksublist .num{
position: absolute;
top: 0;
left: 0;
}
.f12{
	font-size: 12px;
	line-height:140%;
	}
.f14{
	font-size: 14px;
	line-height:140%;
	}
.f16{
	font-size: 16px;
	line-height:140%;
	}
.f18{
	font-size: 18px;
	line-height:140%;
	}
.f20{
	font-size: 20px;
	line-height:140%;
	}
.f24{
	font-size: 24px;
	line-height:140%;
	}
.f28{
	font-size: 28px;
	line-height:140%;
	}
.f30{
	font-size: 30px;
	line-height:1;
	}
.f36{
	font-size: 36px;
  line-height:100%;
	}
.f40{
	font-size: 40px;
  line-height:100%;
	}
.f44{
	font-size: 44px;
  line-height:1.2;
	}
.f48{
	font-size: 48px;
  line-height: 1;
	}
.f60{
	font-size: 60px;
  line-height: 1;
	}
.f80{
	font-size: 80px;
  line-height: 1;
	}
.BigFont{
font-size: 140%;
line-height: 1;
}
.BigFont2{
font-size: 180%;
line-height: 1;
}
@media (max-width: 576px){
.f20{
	font-size: 18px;
	line-height:140%;
	}
.f24{
	font-size: 22px;
	line-height:140%;
	}
.f30{
	font-size: 28px;
	line-height:120%;
	}
.f36{
	font-size: 30px;
  line-height:120%;
	}
.f44{
	font-size: 40px;
  line-height:1.2;
	}
.f60{
	font-size: 50px;
  	line-height:1.2;
	}
.f80{
	font-size: 60px;
  	line-height:1.2;
	}
}

body.small-font-size .f12{
    font-size: 10px;
}
body.large-font-size .f12{
    font-size: 14px;
}
body.small-font-size .f14{
    font-size: 12px;
}
body.large-font-size .f14{
    font-size: 16px;
}
body.small-font-size .f16{
    font-size: 14px;
}
body.large-font-size .f16{
    font-size: 18px;
}
body.small-font-size .f18{
    font-size: 16px;
}
body.large-font-size .f18{
    font-size: 20px;
}
body.small-font-size .f20{
    font-size: 18px;
}
body.large-font-size .f20{
    font-size: 22px;
}
body.small-font-size .f24{
    font-size: 22px;
}
body.large-font-size .f24{
    font-size: 26px;
}
body.small-font-size .f30{
    font-size: 26px;
}
body.large-font-size .f30{
    font-size: 34px;
}
body.small-font-size .f36{
    font-size: 32px;
}
body.large-font-size .f36{
    font-size: 40px;
}

body.small-font-size .offer-Remark{
    font-size: 10px;
}
body.large-font-size .offer-Remark{
    font-size: 14px;
}
body.small-font-size #tncContent{
    font-size: 11px;
}
body.large-font-size #tncContent{
    font-size: 14px;
}
body.small-font-size .offer-Remark{
    font-size: 11px;
}
body.large-font-size .offer-Remark{
    font-size: 14px;
}
#tncContent{
    font-size: 12px;
	line-height: 140%;
	}

.mt5{
margin-top: 5px;
}
.mb5{
margin-bottom: 5px;
}
.new-pink{
color: #E4015C;
}
.new-orange{
color: #F07C10;
}
.new-blue{
color: #0066b3;
}
.hanglungmalls-highlight.BigFont2{
background: #2473D1;
background: linear-gradient(155deg, rgba(36, 115, 209, 1) 0%, rgba(8, 143, 103, 1) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.hanglungmalls-highlight.f24 {
	color: #0f70a8;
}
.hanglungmalls-color{
color: #3e1707;
}
.mt5{
	margin-top:5px;
	}
.p20{
	padding:20px;
	}
.card-tag-row{
display: flex;
flex-wrap: wrap-reverse;
justify-content: space-between;
align-items: center;;
}
.card-tag-row .logo {
    max-width: 387px;
    width: 100%;
}
.nowrap{
white-space: nowrap;
}
.promo_caption h1 {
    color: #0066b3;
}
.hanglungmalls-promotion-date {
    text-align: center;
    margin: 0 auto;
    padding: 0 0px 20px;
    display: inline-block;
}
.hanglungmalls-promotion-date span{
    position: relative;
    padding-left: 45px;
    color: #000;
    font-size: 18px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hanglungmalls-promotion-date span:before{
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    width: 28px;
    height: 31px;
    background: url("../images/promotino_period_icon.png") no-repeat;
    background-size: cover;
}
@media (max-width: 576px) {
    .hanglungmalls-promotion-date span{
        font-size: 16px;
    }
}
.hanglungmalls-offer-box {
    margin-top: 50px;
    border-radius: 30px;
    background: #006BB7;
    background: linear-gradient(-90deg, rgba(0, 107, 183, 1) 50%, rgba(5, 76, 156, 1) 100%);
    color: #fff;
    box-shadow: 1px 1px 30px 8px rgba(0, 0, 0, 0.09);
}
.hanglungmalls-offer-box.green {
    background: #007161;
    background: linear-gradient(90deg, rgba(0, 113, 97, 1) 50%, rgba(52, 169, 152, 1) 100%);
}
.hanglungmalls-offer-box.orange {
    background: #D4593B;
    background: linear-gradient(90deg, rgba(212, 89, 59, 1) 50%, rgba(254, 174, 154, 1) 100%);
}


.hanglungmalls-offer-box-header{
    position: relative;
    padding: 25px 25px;
}
.hanglungmalls-offer-box-header-detail {
    width: calc(100% - 70px);
}
.hanglungmalls-offer-box-header-title {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}

.hanglungmalls-offer-box-header-desc {
    margin-top: 10px;
    font-size: 18px;
    color: #fff
}
.hanglungmalls-offer-box-header-img {
    width: 128px;
    position: absolute;
    right: -30px;
    top: -20px;
}
@media (max-width: 576px){
    .hanglungmalls-offer-box {
        margin-top: 55px;
    }
    .hanglungmalls-offer-box-header{
        position: relative;
        padding: 25px 25px;
    }
    .hanglungmalls-offer-box-header-detail {
        width: 100%;
    }
    .hanglungmalls-offer-box-header-img {
        width: 98px;
        right: -6px;
        top: -44px;
    }
    .hanglungmalls-offer-box-header-img img {
        width: 98px;
    }
    .hanglungmalls-offer-box-header-title{
        width: calc(100% - 40px);
        font-size: 20px;
    }
    .hanglungmalls-offer-box-header-desc {
        font-size: 16px;
        margin-top: 5px;
    }
}
.hanglungmalls-offer-box-inner {
    padding: 1px;
}
.hanglungmalls-offer-box-table {
    background-color: #fff;
    border-radius: 30px;
}
.hanglungmalls-offer-box-table table{
    width: 100%;
}
.hanglungmalls-offer-box-table table th,
.hanglungmalls-offer-box-table table td{
    padding: 28px 20px;
    border: 0;
    background-color: transparent;
    text-align: center;
}
.hanglungmalls-offer-box-table table th{
    color: #000;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
}
.hanglungmalls-offer-box-table table td{
    color: #000;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
}
.hanglungmalls-offer-box-table table td:lang(en) {
    font-size: 18px;
}
.hanglungmalls-offer-box-table table tr.color2{
    background-color: #e7f5ff;
}
.hanglungmalls-offer-box-table table  th.arrow-img,
.hanglungmalls-offer-box-table table  td.arrow-img{
    padding: 0;
    vertical-align: middle;
}
.hanglungmalls-offer-box-table table  .blue{
    color: #006bb7;
}
.hanglungmalls-offer-box-table table  .larger{
    font-size: 25px;
}
.hanglungmalls-offer-box-table .remark-text{
    padding: 20px 35px;
    font-size: 12px;
    color: #000;
    text-align: left;
    font-weight: 400;
}
.hanglungmalls-offer-box-table .remark-text:lang(en){
    font-size: 12px;
}
.hanglungmalls-offer-box-table .w-33 td {
    width: 33.3333%;
    border: 1px solid #7fc0ef;
}
.hanglungmalls-offer-box-table .w-33 tr:not(:first-child) td {
    font-weight: 400;
}

.hanglungmalls-offer-box-table .w-33.green td {
    border: 1px solid #7abfb5;
}

.hanglungmalls-offer-box-table .w-33 tr:first-child td { border: none; }
.hanglungmalls-offer-box-table .w-33 tr:last-child td { border-bottom: none; }
.hanglungmalls-offer-box-table .w-33 tr td[rowspan="2"] { border-bottom: none; }
.hanglungmalls-offer-box-table .w-33 td:first-child { border-left: none; }
.hanglungmalls-offer-box-table .w-33 td:last-child { border-right: none; border-bottom: none; }

@media (max-width: 576px) {
    .hanglungmalls-offer-box-table table th,
    .hanglungmalls-offer-box-table table td{
        padding: 10px 10px!important;
        font-size: 14px;
    }
    
    .hanglungmalls-offer-box-table table th:lang(en),
    .hanglungmalls-offer-box-table table td:lang(en){
        font-size: 12px;
    }
    
    .hanglungmalls-offer-box-table table th{
        font-size: 14px;
    }
    .hanglungmalls-offer-box-table table th:lang(en),
    .hanglungmalls-offer-box-table table th:lang(en){
        font-size: 12px;
    }
    .hanglungmalls-offer-box-table table .larger{
        font-size: 16px;
    }
    
    .hanglungmalls-offer-box-table table .larger:lang(en),
    .hanglungmalls-offer-box-table table .larger:lang(en){
        font-size: 14px;
    }
    .hanglungmalls-offer-box-table table  th.arrow-img,
    .hanglungmalls-offer-box-table table  td.arrow-img{
        padding: 0 !important;
    }
    .hanglungmalls-offer-box-table table  th.arrow-img img,
    .hanglungmalls-offer-box-table table  td.arrow-img img{
        width: 20px;
    }
    .hanglungmalls-offer-box-table td.remark-text{
        padding: 10px 20px;
        font-size: 10px!important;
    }
}

.offer_icon {
    position: relative;
}
.offer_icon:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.offer_mall_icon {
    padding-left: 35px;
}
.offer_mall_icon:before {
    width: 30px;
    height: 31px;
}
.offer1_mall_icon:before {
    background: url("../images/offer1_mall_icon.png") no-repeat;
    background-size: cover;
}
.offer2_mall_icon:before {
    background: url("../images/offer2_mall_icon.png") no-repeat;
    background-size: cover;
}
.offer_time_icon {
    padding-left: 35px;
}

.offer_location_icon {
    padding-left: 30px;
}
.offer_location_icon:before {
    width: 23px;
    height: 31px;
}
.offer1_location_icon:before {
    background: url("../images/offer1_location_icon.png") no-repeat;
    background-size: cover;
}
.offer2_location_icon:before {
    background: url("../images/offer2_location_icon.png") no-repeat;
    background-size: cover;
}
.offer_time_icon {
    padding-left: 35px;
}
.offer_time_icon:before {
    width: 30px;
    height: 30px;
}
.offer1_time_icon:before {
    background: url("../images/offer1_time_icon.png") no-repeat;
    background-size: cover;
}
.offer2_time_icon:before {
    background: url("../images/offer2_time_icon.png") no-repeat;
    background-size: cover;
}
@media (max-width: 576px) {
    .offer_icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .offer_mall_icon {
        padding-left: 25px;
    }
    .offer_mall_icon:before {
        width: 20px;
        height: 21px;
    }
    .offer_time_icon {
        padding-left: 35px;
    }

    .offer_location_icon {
        padding-left: 20px;
    }
    .offer_location_icon:before {
        width: 15px;
        height: 20px;
    }
    .offer_time_icon {
        padding-left: 25px;
    }
    .offer_time_icon:before {
        width: 20px;
        height: 20px;
    }
    .offer_time_icon {
        padding-left: 25px;
    }
    .offer_time_icon:before {
        width: 20px;
        height: 20px;
    }
}

.hanglungmalls-offer-box-table-desc {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    text-align: left;
    margin-bottom: 25px;
    font-weight: 400;
}

.hanglungmalls-offer-box-table-btn a{
    font-size: 20px;
    line-height: 26px;
    color: #c9320d;
    text-align: left;
    border: 2px solid #ff7a5d;
    border-radius: 25px;
    padding: 5px 20px;
    min-width: 280px;
    text-align: center;
    position: relative;
    display: inline-block;
}
.hanglungmalls-offer-box-table-btn span{
    padding-right: 20px;
}
.hanglungmalls-offer-box-table-btn span:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 11px;
    height: 15px;
    background: url("../images/offer3_arrow.png") no-repeat;
    background-size: cover;

}
@media (max-width: 576px) {

    .hanglungmalls-offer-box-table-desc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
        padding: 10px;
    }

    .hanglungmalls-offer-box-table-btn a{
        font-size: 14px;
        line-height: 20px;
        border-radius: 25px;
        padding: 5px 25px;
        min-width: 280px;
    }
    
    .hanglungmalls-offer-box-table-btn span {
        display: block;
    }
    .hanglungmalls-offer-box-table-btn span:after {
        right: 10px;
    }
}

.inner .w800 {
    position: relative;
    z-index: 2;
}
.inner .w800:after {
    content: "";
    position: absolute;
    top: 100px;
    left: -90%;
    width: 910px;
    height: 910px;
    background: url("../images/bg1.png") no-repeat;
    background-size: cover;
    z-index: -1;
    user-select: none;
}

.hanglungmalls-offer-box {
    position: relative;
}
.hanglungmalls-offer-box.orange:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 1263px;
    height: 1262px;
    background: url("../images/bg2.png") no-repeat;
    background-size: cover;
    z-index: -1;
    user-select: none;
}