.highlight { font-size: 18px; }
.highlight sup {color: #b02031; font-weight: normal;}

/**/
#banner_inner { background: url(banner_onlineoffers.jpg) no-repeat top center; }

.content-title {position: relative;}
.content-title:before {content:"●"; color: #b02031; margin-right: 10px;}

/**/
.call { text-align:center; margin-top:20px; }
.giftbox { margin-top:0; }
.wechat img {max-width: 100%;}
.remark {line-height: 1.5;}
.red_table .no_sup { padding-top:12px; }
.online-parties-container { margin:15px -15px 0; }
.online-parties-container .row { display: table; width: 100%; border-collapse: separate; border-spacing: 15px; }
.online-parties-container .party-container {width: 33.33333%; display: table-cell; box-shadow: 0 0 4px #AAA; font-size: 12px; border-bottom: 4px solid #b00931; position: relative; padding-bottom: 40px; padding-top: 1px; }
.online-parties-container .party-container.none { box-shadow: none; border-bottom: 0; }
.online-parties-container .party-container .inner { padding-bottom: 40px; }
.online-parties-container .party-container .tag_new:before, .online-parties-container .party-container .tag_exclusive:before { content: ''; position: absolute; width: 150px; height: 151px; top: -7px; left: -7px; }
.online-parties-container .party-container .tag_new:before { background: url(tag_new.png) no-repeat; }
.online-parties-container .party-container .tag_exclusive:before { background: url(tag_exclusive.png) no-repeat; }
.online-parties-container .party-container .photo { margin: 4px 5px 0; padding-bottom: 10px; border-bottom: 2px solid #b00931; }
.online-parties-container .party-container .photo img {max-width: 100%; width: 100%;}
.online-parties-container .party-container p { text-align: center; }
.online-parties-container .party-container p.red { text-align: left; color: #b02031; padding: 0 10px; margin: 5px 0; }
.online-parties-container .party-container p.url { font-size: 13px; }
.online-parties-container .party-container ul { padding: 5px 10px 5px 25px; }
.online-parties-container .row1 .party-container ul { min-height: 70px;}
.online-parties-container .party-container ul li {list-style-type: disc; margin-bottom: 6px; color: #b00931;}
.online-parties-container .party-container ul li.no-bullet {list-style-type: none; margin-left: -16px;}
.online-parties-container .party-container ul li p {color: black; font-size: 14px; margin: 3px 0; text-align: left; }
.online-parties-container .party-container ul li .s_txt { font-size: 12px; }
.online-parties-container .party-container ul li .highlight { font-size: 17px; }
.online-parties-container .party-container .online-shopping-cta { background-color: #b00931; padding: 4px 15px; color: white; text-align:center; font-size: 16px; display:inline-block; margin-top: 20px; position: absolute; bottom: 20px; left: 50%; margin-left: -47px; }
.online-parties-container .party-container .online-shopping-cta2 { background-color: #b00931; padding: 4px 15px; color: white; text-align:center; font-size: 16px; display:inline-block; margin-top: 5px; }
.online-parties-container .party-container .online-shopping-cta3 { background-color: #b00931; padding: 4px 15px; color: white; text-align:center; font-size: 16px; display:inline-block; margin-left: 10px; }
.online-parties-container .party-container .online-shopping-cta:hover, .online-parties-container .party-container .online-shopping-cta2:hover, .online-parties-container .party-container .online-shopping-cta3:hover {color: #DDD;}
.seperated-line {width: 100%; height: 1px; background-color: #b00931; margin: 20px 0 15px;}
.sign-up-now a {width: 40px; background-color: #b00931; color: white; padding: 4px 10px; margin-bottom: 40px;}
.bluebox { background: #00416E; padding: 0 5px 0 10px; display: inline-block; color: #ffffff; font-weight: bold; font-size: 14px; height: 30px; line-height: 23px; position: relative; }
.bluebox:after { width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #00406e; content: ''; position: absolute; right: -10px; top: 0; }
.bluebox sup { color: #ffffff; }
.bluebox.yellowTxt, .bluebox.yellowTxt sup { color: #ffb300; line-height: 30px; }
/*.onlineoffers { padding: 0 5%; }*/

@media screen and (max-width: 1000px) {
.onlineoffers { padding:0 10px; }
}

@media screen and (max-width: 767px) {
#banner_inner { background-image:url(banner_onlineoffers_m.jpg); }
.red_table .no_sup { padding-top:8px; }
/**/
#content { padding-top:10px; }
.terms {margin-bottom: 30px;}
.onlineoffers { margin-bottom: 30px; width: auto; }
.online-20x-point {max-width: 400px; margin: 0 auto 20px;}
.online-parties-container { margin: 25px 5% 0; }
.online-parties-container .row { display: block; }
.online-parties-container .party-container { display: block; width: 100%; margin-bottom: 15px; padding-bottom: 0; }
.online-parties-container .party-container.none { margin-bottom: 0; }
.online-parties-container .party-container .online-shopping-cta { position: relative; bottom: auto; left: auto; }
.online-parties-container .party-container p.url.noTxt { display: none; }
}

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