@charset "UTF-8";
html, body { margin: 0; padding: 0; border: 0; width: 100%; /*height:100%;*/ font-size: 97%; color: #333; line-height: 155%; -webkit-text-size-adjust: none; background: #FFF; font-family: \5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,"微軟正黑體",Arial,sans-serif; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

a { text-decoration: none; padding: 0; margin: 0; color: #333; }

.underline { text-decoration: underline; }

.whiteUnderline { text-decoration: none; display: inline; color: #fff; border-bottom: solid 1px #fff; padding-bottom: 2px; }

.whiteUnderline:hover { text-decoration: none; color: #fff; }

a:focus, a:hover { text-decoration: underline; color: #000; }

table, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; vertical-align: top; }

table td { padding: 5px; }
table th { padding: 5px; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }

ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

h1 { font-family: Microsoft JhengHei,"微軟正黑體",Arial,sans-serif; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

.red { font-weight: bold; }

input, select, textarea { font-family: Arial, Verdana, Helvetica, sans-serif; }

.floatLeft { float: left !important; }

.floatRight { float: right !important; }

.displayNone, .hidden { display: none; }

.center { text-align: center; }

.clearfix { display: inline-block; }

.clearfix:after { content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }

.clearfix { display: block; }

.verMidOut { width: 100%; height: 100%; display: table; position: relative; overflow: visible; }

.verMidMid { width: 100%; display: table-cell; top: 50%; vertical-align: middle; *position: absolute; overflow: visible; }

.verMidIn { width: 100%; position: relative; top: -50%; overflow: visible; font-size: 114%; }

.fixed { position: fixed !important; left: 0; top: 0; }

.bullet li { list-style: disc; padding-left: 10px; }

.bullet { padding-left: 18px; }

.listStyleTick { list-style: none; }

.listStyleTick li:before { content: '✓'; }

.noBullet li { list-style: none; }

p { margin-bottom: 20px; }

:root * > span.nobreak { display: inline-block !important; }

.red { color: #DB1100; }

.terms { font-size: 85%; }

.contentContainer > h1 { display: none; }

.animate { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; }

.desktopOnly { display: inline-block; }

.mobileOnly, .responsiveComplonent { display: none; }

.screenreader { position: absolute; top: -1000px; left: 0; overflow: hidden; width: 1px; height: 1px; }

.underline.alt { text-decoration: none; border-bottom: 1px solid #333; }

.underline.alt:hover { border-bottom: 1px solid #DB1100; }

.bold { font-weight: bold; }

.strike { text-decoration: line-through; }

.desktop a.desktop { display: inline-block !important; }

.desktop a.mobile { display: none !important; }

.desktop-display { display: inline-block !important; }

.mobile-display { display: none !important; }

.expand-btn.arrow { color: #000; display: inline; padding-right: 15px; background: url(/media/51967/inline_redArrow.png) 100% no-repeat; text-decoration: none; font-weight: bold; }

ol.decimal { list-style-type: decimal !important; }

.content-table-set table tr td { padding: 10px; border: 1px solid #CCCCCC; }

.content-table-set table tr td.center { text-align: center; }

.content-table-set table tr td.verticalMiddle { vertical-align: middle; }

.content-table-set table tr td.grey { background-color: #CCCCCC; border: 1px solid #ffffff; }

#mainContainer .promoList h2 { font-weight: normal; }

#mainContainer:not(.inner) .promoList h2 { font-weight: bold; }

#mainContainer { min-width: 290px; margin: 0 auto; padding: 30px; margin-top: 110px; }

#mainContainer h2 { margin: 0; font-weight: bold; line-height: 155%; }

#mainContainer h2 img { display: block; }

.error { color: #F00; display: none; font-size: 80%; }

#mainContainer.inner ol { margin-left: 25px; }

#headerContainer { min-width: 320px; position: fixed; z-index: 1000; width: 100%; background: #FFF; }

div.sectionName { display: none; }

.promopage-dropdownSelector label { position: absolute; top: -1000px; left: -1000px; overflow: hidden; width: 1px; height: 1px; }

.rycContainer { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0 5px 0; margin-bottom: 10px; }

.langBarContainer { height: 36px; background: #000000; line-height: 36px; position: relative; z-index: 9; }

.langBarContainer .langBar { text-align: right; margin: 0 auto; max-width: 980px; }

.langBarContainer .langBar #btnLang { position: relative; width: 75px; text-align: center; font-size: 80%; color: #FFF; display: inline-block; padding-left: 10px; padding-right: 25px; background: url(/media/51968/langbar_dropdown.jpg) right center no-repeat; }

.langBarContainer .langBar #btnLang .list { display: none; background: #000; position: absolute; width: 100%;top: 36px; }

.langBarContainer .langBar #btnLang:hover .list, .langBarContainer .langBar #btnLang:focus .list, .langBarContainer .langBar #btnLang.focus .list { display: block; left: unset; top: 36px;width: 75px; }

.langBarContainer .langBar #btnLang .list a { line-height: 36px; display: block; color: #FFF; padding: 0px; text-align: center;font-size: 80%; }

.navBarContainer { height: 62px; position: relative; z-index: 2; }

.navBarContainer .navBar { height: 62px; margin: 0 auto; line-height: 57px; width: auto; }

.navBarContainer .navBar .logo { /*width:240px;*/ float: left; }

.navBarContainer .navBar .logo img { vertical-align: middle; margin-top: 18px; }

.navBarContainer .navBar .nav { /*width:723px;*/ background: url(/media/51970/mainNav_divider.jpg) right center no-repeat; font-size: 1.1em; }

.navBarContainer .navBar .nav > ul > li { height: 62px; background: url(/media/51970/mainNav_divider.jpg) left center no-repeat; }

.navBarContainer .navBar .nav > ul > li { float: left; }

.navBarContainer .navBar .nav > ul > li.active { border-bottom: 5px solid #CB0000; }

.navBarContainer .navBar .nav > ul > li.active > a { margin-top: 0px; }

.navBarContainer .navBar .nav > ul > li > a { color: #656565; display: block; text-align: center; }

.navBarContainer .navBar .nav > ul > li a.hasSubMenu { background: url(/media/302303/ico_mainMenuArrow_desktop.png) right center no-repeat; }

body.tc .navBarContainer .navBar .nav > ul > li > a, body.sc .navBarContainer .navBar .nav > ul > li > a { width: 173px; }

body.tc .navBarContainer .navBar .nav > ul > li > a.nav1, body.sc .navBarContainer .navBar .nav > ul > li > a.nav1 { width: 171px; }

body.en .navBarContainer .navBar .nav > ul > li > a.nav1 { width: 158px; }

body.en .navBarContainer .navBar .nav > ul > li > a.nav2 { width: 175px; }

body.en .navBarContainer .navBar .nav > ul > li > a.nav3 { width: 200px; }

body.en .navBarContainer .navBar .nav > ul > li > a.nav4 { width: 160px; }

.navBarContainer .navBar .nav > ul > li > a:hover { text-decoration: none; }

.navBarContainer .navBar .nav > ul li .submenu { display: none; position: absolute; width: 241px; background: #EDEDED; }

.navBarContainer .navBar .nav > ul li:hover > .submenu { display: block; }

.navBarContainer .navBar .nav > ul li a.focus + .submenu { display: block; }

.navBarContainer .navBar .nav > ul > li > .submenu { top: 62px; }

.navBarContainer .navBar .nav > ul > li .submenu li { position: relative; padding: 0 20px; }

.navBarContainer .navBar .nav > ul > li .submenu li a { display: block; line-height: 1.2em; padding: 15px 15px 15px 0px; border-top: 1px solid #CBCBCB; color: #656565; text-align: left; }

.navBarContainer .navBar .nav > ul > li > .submenu > ul > li:first-child > a, .navBarContainer .navBar .nav > ul > li .submenu li a.nav1 { border-top: 0; }

.navBarContainer .navBar .nav > ul > li .submenu .submenu { left: 241px; top: 0; }

.navBarContainer .navBar .nav > ul > li:hover { background-color: #EDEDED; }

#footerContainer { min-width: 320px; }

#footerContainer .footerlinksContainer { background: #333333; height: 155px; }

#footerContainer .footerBottomContainer { background: #000000; color: #FFF; font-size: 80%; overflow: hidden; }

#footerContainer .footerBottomContainer .inner { margin: 0 auto; }

#footerContainer .footerBottomContainer .inner .nav li { float: left; padding: 0 10px; background: url("/media/51966/footer_navDivider.png") left center no-repeat; }

#footerContainer .footerBottomContainer .inner .nav li a { color: #FFF; }

#footerContainer .footerBottomContainer .inner .nav li:first-child { padding-left: 0px; background: none; }

#mainContainer { width: auto; padding: 0; overflow: hidden; }

#mainContainer .contentContainer { width: auto; margin: 0 auto; overflow: hidden; }

#mainContainer .contentContainer .mainVisual { z-index: 0; position: relative; overflow: hidden; }

#mainContainer .contentContainer .mainVisual div .text p { margin-bottom: 0; padding-bottom: 0; }

#mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text p { font-size: 15px; }

#mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text p.subtitle { font-size: 22px; padding-bottom: 12px; }

#mainContainer .contentContainer .mainVisual div .text { background: #CB0000; padding: 15px; max-width: 424px; }

:root * > #mainContainer .contentContainer .mainVisual div .text { background: RGBA(203, 0, 0, 0.95); opacity: 0.9; }

#mainContainer .contentContainer .mainVisual div .text.whitebox { background: #FFF; }

#mainContainer .contentContainer .mainVisual div .text .title, .mainVisualTitle { font-size: 153%; line-height: 1.2em; font-weight: bold; color: #FFF; }

.english #mainContainer .contentContainer .mainVisual div .text .title { font-size: 153%; }

#mainContainer .contentContainer .mainVisual div .text .title, #mainContainer .contentContainer .mainVisual div .text .title * { font-weight: 300; }

#mainContainer.home .contentContainer .mainVisual div .text .desc, #mainContainer.maximiser .contentContainer .mainVisual div .text .desc, #mainContainer .contentContainer .mainVisual div .text.whitebox .desc { color: #333; }

#mainContainer .contentContainer .mainVisual div .text .desc { font-size: 114%; line-height: 1.2em; color: #FFF; }

#mainContainer.inner .contentContainer .mainVisual div .text .desc .red { color: #FFF; }

.english #mainContainer .contentContainer .mainVisual div .text .desc { /*font-size:109%;*/ }

#mainContainer .contentContainer .mainVisual div .text .desc { color: black; /*font-size: 22px;*/ }

#mainContainer .contentContainer .mainVisual div .text > img { padding: 10px 0; }

#mainContainer .contentContainer .mainVisual div .text .clickableMask { text-indent: -9999px; overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/media/52061/spacer.gif); }

#mainContainer .contentContainer .mainVisual div .text .desc > img { margin-bottom: 4px; margin-left: 8px; }

#mainContainer.home .contentContainer .mainVisual div .text, #mainContainer.maximiser .contentContainer .mainVisual div .text, #mainContainer.maximiser .contentContainer .mainVisual div .text.whitebox { background: #FFF; }

#mainContainer.home .contentContainer .mainVisual div .text .title, #mainContainer.maximiser .contentContainer .mainVisual div .text .title, #mainContainer.maximiser .contentContainer .mainVisual div .text.whitebox .title, .home .mainVisualTitle { color: #000; }

#mainContainer.home .contentContainer .mainVisual div .text { background: transparent; }

#mainContainer.home .contentContainer .mainVisual div .text.whitebox .title { color: #ce0025; }

#mainContainer .contentContainer .mainVisual div .text.whitebox .title { color: #000; }

#mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text.whitebox .title * { font-size: 48px; font-weight: 700; font-family: Microsoft JhengHei,"微軟正黑體",Arial,sans-serif; }

#mainContainer.inner .promoDesc a { text-decoration: underline; }

#mainContainer.inner .promoDesc > div > .left { width: 556px; float: left; margin-bottom: 20px; }

#mainContainer.inner .promoDesc > div > .left a { text-decoration: underline; }

#mainContainer.inner .promoDesc > div > .left a:hover, #mainContainer.inner .promoDesc > .left a:focus { color: #333; }

#mainContainer.inner .promoDesc table, #mainContainer.inner .promoDesc table tr, #mainContainer.inner .promoDesc table tr td, #mainContainer.inner .promoDesc table tr th { border: 1px solid #CCC; }

#mainContainer.inner .promoDesc table.vMiddle tr td { vertical-align: middle; }

#mainContainer.inner .promoDesc table.vMiddle tr td > p { margin-bottom: 0; }

#mainContainer.inner .promoDesc table.wilson tr td { padding: 5px; }

#mainContainer.inner .promoDesc h1 { font-size: 123%; font-weight: bold; margin-bottom: 10px; margin-top: 0; }

#mainContainer.inner .promoDesc > div > .right { float: right; margin-bottom: 20px; }

#mainContainer.inner .promoDesc > div > .redButton { width: 100%; font-size: 1.2em; padding: 15px 20px; text-align: center; }

#mainContainer.inner .promoDesc > div.oneCol > .left { width: 80%; float: none; }

#mainContainer.inner .promoDesc > div.oneCol > .right { display: none; }

#mainContainer.inner .promoDesc > div.alignLeft > .left { text-align: left; }

#mainContainer.inner .promoDesc > div.alignRight > .left { text-align: right; }

#mainContainer.inner .promoDesc .right span { display: block; font-size: 106%; }

#mainContainer.inner .floatLeft { float: left; width: 100px; }

#mainContainer.inner .floatRight { float: right; width: 140px; }

#mainContainer.inner .large { font-size: 129% !important; line-height: 1.2em; }

#mainContainer.inner .xlarge { font-size: 585% !important; line-height: 1.2em; }

#mainContainer.inner .semilarge { /*font-size:133% !important;*/ line-height: 1.2em; }

#mainContainer.inner .normal { font-size: 113% !important; line-height: 1.2em; }

#mainContainer.inner .xsmall { font-size: 80% !important; line-height: 1.2em; }

#mainContainer.inner .red { color: #DB1100; }

#mainContainer.inner .promoDesc .red { font-weight: bold; }

#mainContainer.inner #offerContent .red { font-weight: bold; }

.tAndC .red { font-weight: bold; }

#mainContainer.inner .bottom { border-top: 1px solid #CB0000; padding-top: 10px; }

#mainContainer.inner .right { text-align: right; }

#mainContainer.inner .bold { font-weight: 700; }

#mainContainer.inner .pageFooter { margin-top: 20px; }

#mainContainer.inner .pageFooter ol { margin-bottom: 20px; list-style: decimal; margin-left: 22px; }

#mainContainer.inner .pageFooter h3 { font-weight: bold; }

#mainContainer.inner a.arrow { color: #000; display: inline; padding-right: 15px; background: url(/media/51967/inline_redArrow.png) 100% no-repeat; text-decoration: none; font-weight: bold; }

#mainContainer.inner a.arrow:hover { text-decoration: underline; }

#mainContainer.inner a.arrow:visited { color: #404040; }

#mainContainer.inner a.red-border { padding-left: 15px; position: relative; }

#mainContainer.inner a.red-border:before { width: 3px; height: 1em; background: #C30005; content: ' '; position: absolute; display: block; left: 0; top: 0.2em; }

#mainContainer.inner a.actionArrow { color: #333333; display: inline-block; padding-right: 15px; background: url(/media/51967/inline_redArrow.png) right center no-repeat; }

#mainContainer.inner a.actionArrow:hover { text-decoration: none; }

a.actionArrow { color: #333333; display: inline-block; padding-right: 15px; background: url(/media/51967/inline_redArrow.png) right center no-repeat; }

a.actionArrow:hover { text-decoration: none; }

#mainContainer.inner .pageContent .leftNav > ul li.active { border-bottom: 0; }

#mainContainer.inner .pageContent { margin: 0 auto 30px; }

#mainContainer.inner .pageContent .leftNav { width: 100%; }

#mainContainer.inner .pageContent .leftNav > ul { margin: 0; }

#mainContainer.inner .pageContent .leftNav > ul li { float: left; width: 25%; border: 1px solid #E7E6E6; }

#mainContainer.inner .pageContent .leftNav.leftNav-1 > ul li { width: 100%; }

#mainContainer.inner .pageContent .leftNav.leftNav-2 > ul li { width: 50%; }

#mainContainer.inner .pageContent .leftNav.leftNav-3 > ul li { width: 33.3333333333%; }

#mainContainer.inner .pageContent .leftNav.leftNav-4 > ul li { width: 25%; }

#mainContainer.inner .pageContent .leftNav.leftNav-5 > ul li { width: 20%; }

#mainContainer.inner .pageContent .leftNav > ul li:last-child { border-right: 1px solid #E7E6E6; }

#mainContainer.inner .pageContent .leftNav > ul > li a { background: #EDEDED; color: #656565; padding: 5px 10px; height: 70px; min-height: 60px\9; line-height: 120%; }

#mainContainer.inner .pageContent .leftNav > ul > li a .verMidMid { top: 100%\9; }

#mainContainer.inner .pageContent .leftNav > ul > li a .verMidIn { top: 0; }

#mainContainer.inner .pageContent .leftNav > ul > li.active a { background: #FFF; border-top: 5px solid #CB0000; border-bottom: 0; }

#mainContainer.inner.premier-themed .pageContent .leftNav > ul > li a { color: #262362; text-align: center; }

#mainContainer.inner.premier-themed .pageContent .leftNav > ul > li.active a { font-weight: bold; }

#mainContainer.inner .pageContent .leftNav > ul > li > ul { display: none; }

#mainContainer.inner .pageContent .leftNav > ul > li.active > ul { display: block; }

#mainContainer.inner .pageContent .leftNav > ul > li.active > ul a { border-top: 0; padding: 5px 30px; }

#mainContainer.inner .pageContent .leftNav > ul > li.active > ul a.last { padding-bottom: 15px; }

#mainContainer.inner .pageContent .leftNav > ul > li a:hover { color: #DB1100; }

#mainContainer.inner .pageContent .rightContent { border: 1px solid #E7E6E6; width: 100%; }

#mainContainer.inner .pageContent .leftNav + .rightContent { border-top: 0; }

#mainContainer.inner .pageContent .rightContent .page { display: none; }

#mainContainer.inner .pageContent .rightContent .page > * { display: none; }

#mainContainer.inner .pageContent .rightContent .page.active { padding: 19px; display: block; }

#mainContainer.inner .pageContent .rightContent .page.active > * { display: block; }

#mainContainer.inner .pageContent .rightContent .page .tab { display: block; }

#mainContainer.inner .pageContent .rightContent .page h2 { font-size: 160%; margin-bottom: 15px; }

#mainContainer.inner .pageContent .rightContent .page h3 { font-weight: bold; font-size: 114%; margin-bottom: 15px; }

#mainContainer.inner .pageContent .rightContent .page img, #mainContainer.inner .pageContent .rewardsPlus.rc-promotion img, #mainContainer.inner .pageContent table.diningCity img { max-width: 100%; }

#mainContainer.inner .pageContent .rightContent .page ol { margin-bottom: 20px; list-style: decimal; margin-left: 22px; }

#mainContainer.inner .pageContent .rightContent .page .latest-offer-support-logo ol { margin-left: 0; list-style: none; }

#mainContainer.inner .pageContent .rightContent .page .latest-offer-support-logo ol li { width: 24%; display: inline-block; text-align: center; padding: 15px; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content { min-height: 250px; }

#mainContainer.inner .pageContent .rightContent .page .item .logoTitle { border-bottom: 1px solid #E7E6E6; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content .listTitle { line-height: 3em; border-bottom: 4px solid #d7d8d6; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content .logoList { margin-bottom: -18px; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content .logoList li { float: left; margin-bottom: 16px; text-align: center; padding: 10px; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content .logoList li .logo { height: 143px; line-height: 142px; border: 1px solid #D7D7D5; overflow: hidden; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content .logoList li .name { color: #888; min-height: 46px; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content .milesLogoList li { padding: 10px 0; border-top: 1px solid #EEE; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content .milesLogoList li:first-child { border: 0; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content .milesLogoList li .logo { text-align: center; }

#mainContainer.inner .pageContent .rightContent .page .ryc-content .milesLogoList li span { display: block; }

#mainContainer.home { background: #FFF; }

#mainContainer.home .contentContainer .promoList { margin: 0 auto; z-index: 1; position: relative; margin-bottom: 90px; }

#mainContainer.home .contentContainer .promoList .block { position: relative; border: 1px solid #D7D7D5; padding: 10px; margin-left: 20px; background: #FFF; color: #333333; }

#mainContainer.home .contentContainer .promoList .block .image { margin-bottom: 8px; }

#mainContainer.home .contentContainer .promoList .block .image img { width: 291px; }

#mainContainer.home .contentContainer .promoList .block .title { font-size: 150%; line-height: 1.2em; padding: 0 2px; }

#mainContainer.home:not(.inner) .contentContainer .promoList .block .title { font-size: 150%; line-height: 1.2em; padding: 0 2px; color: #333333; }

#mainContainer.home .contentContainer .promoList .block .title span { display: inline-block; padding-right: 13px; background: url(/media/51971/redArrow.png) right center no-repeat; }

#mainContainer.home .contentContainer .promoList .block .desc { font-size: 114%; line-height: 1.25em; padding: 0 2px; color: #333333; }

#mainContainer.home .contentContainer .promoList .block .clickableMask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/media/52061/spacer.gif); }

#mainContainer.home .contentContainer .where-to-use h1 { font-size: 160%; font-weight: bold; margin-bottom: 20px; }

#mainContainer.home .contentContainer .promopage h1 { font-size: 160%; font-weight: bold; margin-bottom: 20px; }

#mainContainer.home .contentContainer .promopage h2 { font-size: 120% !important; margin-top: 20px; }

#mainContainer.home .contentContainer .promopage p { font-size: 112%; line-height: 180%; }

#mainContainer.home .contentContainer .promopage ul { margin: 0; padding: 0 0 0 20px; font-size: 112%; list-style-position: outside; list-style-type: disc; }

#mainContainer.home .contentContainer .promopage ul li { padding: 3px 0; }

#mainContainer.home .contentContainer .promopage ul li .image-wrap img { width: 460px; margin: 10px 0 20px 0; }

#mainContainer.home .contentContainer .remarks { margin-top: 20px; font-size: 80%; }

#mainContainer.home .contentContainer .remarks:after { content: ''; display: block; clear: both; overflow: hidden; height: 0; }

#mainContainer.home .contentContainer .remarks .item { font-size: 100%; }

#mainContainer.home .contentContainer .remarks .item a { text-decoration: underline; }

#mainContainer.home .contentContainer .remarks .item span { float: left; font-size: 100%; width: 20px; display: inline-block; }

#mainContainer.home .contentContainer .remarks .item .desc { margin-left: 20px; }

#mainContainer.home .contentContainer .promopage .youtube-link { width: 500px; height: 300px; }

#mainContainer.home .contentContainer .promopage .faqShowHide { border-bottom: 1px solid #e3e3e3; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideQuestion { border-top: 1px solid #e3e3e3; margin: 0; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideQuestion a { cursor: pointer; color: #000; line-height: 135%; display: block; padding: 20px 28px 20px 0; background: url("/dc-media/apple-pay/arrow-down.png") no-repeat right center; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideQuestion.opened a { background: url("/dc-media/apple-pay/arrow-up.png") no-repeat right center; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideQuestion a:hover { text-decoration: underline; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideAnswer p { font-size: 110%; margin-top: 20px; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideAnswer p.disclaimer { font-size: 90%; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideAnswer h3 { font-weight: bold; font-size: 110%; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideAnswer ul { margin-bottom: 20px; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideAnswer ol li { font-size: 103%; }

#mainContainer.home .contentContainer .promopage .faqShowHide .faqShowHideAnswer ul li { font-size: 100%; }

#mainContainer.home .contentContainer .promopage .compatibility-wrap { width: 710px; margin-left: 15px; }

#mainContainer.home .contentContainer .promopage .compatibility-wrap .row { display: table; width: 100%; border-bottom: 1px solid #999; font-size: 90%; }

#mainContainer.home .contentContainer .promopage .compatibility-wrap .row.header-row { background: #ededed; border-top: 1px solid #999; border-bottom: 1px solid #999; font-size: 95%; font-weight: bold; }

#mainContainer.home .contentContainer .promopage .compatibility-wrap .row h3 { font-size: 100%; margin-bottom: 7px; }

#mainContainer.home .contentContainer .promopage .compatibility-wrap .row .col-devices, #mainContainer.home .contentContainer .promopage .compatibility-wrap .row .col-in-apps, #mainContainer.home .contentContainer .promopage .compatibility-wrap .row .col-in-stores { padding: 18px 12px; display: table-cell; vertical-align: middle; }

#mainContainer.home .contentContainer .promopage .compatibility-wrap .row .col-devices { width: 64%; text-align: left; }

#mainContainer.home .contentContainer .promopage .compatibility-wrap .row .col-in-apps { width: 18%; text-align: center; }

#mainContainer.home .contentContainer .promopage .compatibility-wrap .row .col-in-stores { width: 18%; text-align: center; }

#remarksContainer { text-align: right; font-size: 80%; font-style: italic; margin-top: 30px; }

#mainContainer.inner.ryc .contentContainer .mainVisual { height: 374px; }

.rewardsTermsContainer { background-color: #FFF; padding: 30px 30px 10px 30px; }

.rewardsTermsContainer h1 { padding-bottom: 20px; margin: 0px !important; color: #f00; font-weight: bold; font-size: 114%; }

.rewardsTermsContainer.tips h2 { color: #DB0011; }

.rewardsTermsContainer h2 { /*font-size:114%;*/ padding-bottom: 20px; }

.rewardsTermsContainer ul { list-style: outside disc; padding: 0 0 0px 20px; margin-left: 20px; font-size: 93%; }

.rewardsTermsContainer li ul { font-size: 100%; }

.rewardsTermsContainer li { font-size: 85%; margin-bottom: 15px; }

.rewardsTermsContainer li li { margin-bottom: 0; }

.rewardsTermsContainer ol { list-style: outside decimal; padding: 0 0 0 20px; margin-left: 20px; /*font-size:93%*/ }

.rewardsTermsContainer ol ol { list-style: lower-roman; margin-left: 0; padding-bottom: 0; }

#mainContainer.inner .rewardsTermsContainer ol.customlist { margin: 10px 0 10px 10px; }

.rewardsTermsContainer ol.customlist li { position: relative; }

.rewardsTermsContainer ol.customlist .number { position: absolute; margin-left: -10px; text-align: right; }

.rewardsTermsContainer table { border-top: #666 1px solid; border-left: #666 1px solid; }

.rewardsTermsContainer table td { border-bottom: #666 1px solid; border-right: #666 1px solid; padding: 5px; font-size: 80%; width: 10%; }

.rewardsTermsContainer a { color: #666; text-decoration: underline; }

.rewardsTermsContainer .note { padding-bottom: 20px; }

.rewardsTermsContainer .breakLine { border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; height: 0; overflow: hidden; }

.rewardsTermsContainer .hsbcSizeText02 p { padding: 0; line-height: 2em; }

#mainContainer.inner .promopage-listToggle { position: relative; text-align: right; padding: 0 0 20px 0; }

#mainContainer.inner .promopage-listToggle .buttonContainer { font-size: 0; background: #E8E8E8; border: 1px solid #DDDBDB; padding: 4px; display: inline-block; }

#mainContainer.inner .promopage-listToggle .buttonContainer a { text-align: left; text-indent: -9999px; width: 29px; height: 29px; margin-left: 3px; display: inline-block; border: 1px solid #E8E8E8; background-image: url(/media/51974/btn_sprite.png); background-repeat: no-repeat; }

#mainContainer.inner .promopage-listToggle .buttonContainer a.gridBtn { background-position: center 9px; }

#mainContainer.inner .promopage-listToggle .buttonContainer a.listBtn { background-position: center -38px; }

#mainContainer.inner .promopage-listToggle .buttonContainer a.mapBtn { background-position: center -92px; }

#mainContainer.inner .promopage-listToggle .buttonContainer a:hover, #mainContainer.inner .promopage-listToggle .buttonContainer a.active { background-color: #F3F3F3; border: 1px solid #DDDBDB; }

#mainContainer.inner .promopage-listToggle .buttonContainer a:first-child { margin: 0; }

#mainContainer.inner .promopage-content .map { display: none; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; margin-top: -20px; }

#mainContainer.inner .promopage-content.mapView .list { display: none; }

#mainContainer.inner .promopage-content.mapView .map { display: block; }

.greyBorderBox { border: 1px solid #DDDBDC; }

.redBorderBox { border: 1px solid #DB1100; }

#mainContainer.inner .extraPromoBlock { padding: 12px; float: right; margin: 10px; }

#mainContainer.inner .extraPromoBlock > div { padding: 0px; }

#mainContainer.inner .extraPromoBlock .xlarge { font-size: 398% !important; }

.merchant-list .logo { float: right; }

.merchant-list .item { padding: 10px 0; margin-bottom: 10px; min-height: 80px; border-bottom: 1px solid #ccc; position: relative; }

.merchant-list .item.last { border-bottom: 0; }

.merchant-list .item:first-child { border-top: 0; }

.merchant-list .item ul { margin-bottom: 0px; margin-left: 22px; list-style-type: disc; }

.merchant-list .item ul ul { list-style-type: circle; }

.merchant-list .item .btnMenu { float: right; color: #333; }

.map, .map > div { height: 402px; }

.map .mapList { overflow: auto; font-size: 80%; }

.map .mapList > ul > li { line-height: 1.3em; padding: 26px 0 10px; background: url(/media/80349/marker.png) left 5px no-repeat; border-bottom: 1px solid #EEE; }

.map .mapList li > div { padding: 5px 0; }

.map .mapList li .title { font-weight: bold; }

.map .mapList li .openTime { color: #CCC; display: none; }

.map .mapList li .address { display: none; }

.map .mapList li .details { display: none; }

.map .mapList li.active .openTime { display: block; }

.map .mapList li.active .address { display: block; }

.map .mapList li.active .details { display: block; }

.map .mapList li .details ul { list-style-type: disc; margin-left: 20px; }

.map .makerInfoBox { padding-left: 38px; height: 53px; background: url(/media/80350/marker_large.png) left bottom no-repeat; }

.map .makerInfoBox .title { display: inline-block; background: #FFF; line-height: 1.2em; min-height: 34px; padding: 3px 7px; width: 120px; font-size: 80%; -webkit-box-shadow: -11px -9px 7px -9px rgba(0, 0, 0, 0.29); -moz-box-shadow: -11px -9px 7px -9px rgba(0, 0, 0, 0.29); box-shadow: -11px -9px 7px -9px rgba(0, 0, 0, 0.29); }

.ryc-example-chart { /*font-size:93%;*/ }

.ryc-example-chart div { position: relative; text-align: center; }

.ryc-example-chart .row .sign { position: absolute; display: block; width: 21px; height: 21px; margin-left: -10px; margin-top: -10px; top: 50%; overflow: hidden; z-index: 1; }

.ryc-example-chart .row .sign.firstSign { left: 25%; }

.ryc-example-chart .row .sign.firstSign.twoCol { left: 23%; }

.ryc-example-chart .row .sign.firstSign.threeCol { left: 33%; }

.ryc-example-chart .row .sign.secondSign { left: 50%; }

.ryc-example-chart .row .sign.secondSign.threeCol { left: 66%; }

.ryc-example-chart .row .sign.thirdSign { left: 75%; }

.ryc-example-chart .row .sign.or { background: #D6D6D6; line-height: 21px; }

.ryc-example-chart .row .sign.arrow { text-indent: -9999px; background: url(/media/80356/example_greaterThan.jpg) center no-repeat; }

.ryc-example-chart .row.greyBackground .sign.arrow { background: url(/media/80363/example_greaterThan_grey.jpg) center no-repeat; }

.ryc-example-chart .row .sign.plus { text-indent: -9999px; background: url(/media/80355/example_plus.jpg) center no-repeat; }

.ryc-example-chart .row .sign.arrowDown { text-indent: -9999px; background: url(/media/80354/example_below.jpg) center no-repeat; }

.ryc-example-chart .row .sign.outerSign { position: relative; display: inline-block; margin-top: 5px; }

.ryc-example-chart .row { margin: 0 !important; }

.ryc-example-chart .alignmentHelper { display: inline-block; height: 100%; font-size: 0; vertical-align: middle; }

.ryc-example-chart .row > .greyBorder { border-right: 1px solid #DDDBDC; }

.ryc-example-chart .row > .greyBorder.hvBottom { border-bottom: 1px solid #DDDBDC; }

.ryc-example-chart .bottomBorder { border-bottom: 1px solid #DDDBDC; }

.ryc-example-chart .row > .greyBorder.last { border-right: 0px; }

.ryc-example-chart .greyBorderBox { border: 1px solid #DDDBDC; }

.ryc-example-chart .greyBackground { background: #EDEDED; }

.ryc-example-chart .hvPadding { padding: 0 10px; }

.ryc-example-chart .redBorder { border: 1px solid #DB1100; }

.ryc-example-chart .row.greyBorder { border: 1px solid #DDDBDC; }

.ryc-example-chart .row.hvPadding { padding: 10px; }

.ryc-example-chart .large { font-size: 110%; }

.ryc-example-chart .small { font-size: 80%; }

.ryc-example-chart .grey { color: #828282; }

.ryc-example-chart .bold { font-weight: bold; }

.ryc-example-chart .detailsTable > div { padding-top: 58px !important; }

.ryc-example-chart .detailsTable > div:nth-child(5) { line-height: 29px !important; }

.ryc-example-chart .blackBackground { background: #424242; color: #FFF; }

.ryc-example-chart .detailsTable > div .blackBackground { position: absolute; top: 0; left: 0; width: 100%; line-height: 58px; height: 58px; }

body.en .ryc-example-chart .detailsTable > div:nth-child(5) .blackBackground { line-height: 29px; }

.ryc-example-chart .detailsTable > div .blackBackground > span { line-height: 58px !important; }

a.merchantBtn { display: block; width: 71px; height: 24px; margin: 3px auto; background: url(/media/80359/details_merchantBtn.jpg) no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.en a.merchantBtn { background: url(/media/80365/details_merchantBtn_en.jpg) no-repeat; width: 118px; height: 25px; }

.ryc-example-chart .detailsTable > div .content img { display: block; margin: 0 auto; max-width: 100%; }

.videoFrame { height: 0; padding-bottom: 59%; position: relative; margin-bottom: 10px; }

.videoFrame iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.videoBtn.redBlockBtn { width: auto; display: block; }

.redBlockBtn .arrow { width: 5px; height: 9px; vertical-align: middle; background: url(/media/80393/white_arrow.png) no-repeat; display: inline-block !important; margin-left: 3px; }

a.redBlockBtn { display: inline-block; line-height: 44px; text-align: center; padding: 0px 25px; color: #FFF; background: #CB0000; height: 44px; margin-right: 10px; margin-bottom: 10px; }

a.whiteBtn { display: inline-block; line-height: 44px; text-align: center; padding: 0px 25px; color: #CB0000; background: #FFF; height: 44px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #CB0000; }

a.whiteBtn:hover { background: #f2f2f2; text-decoration: none; }

a.whiteBtn:focus { border: 1px solid #000; }

a.whiteBtn:active { background: #d9d9d9; border: 1px solid #CB0000; text-decoration: none; }

.english a.redBlockBtn { width: 128px; }

.english a.redBlockBtn.redeemBtn { width: auto; }

#mainContainer.inner .promopage-content.gridView .list .item .thumb { width: 125px; min-height: 110px; margin: 10px auto 0 auto; }

#mainContainer.inner .promopage-content.gridView .list .item .thumb img { width: 125px; max-height: 110px; margin: 0 auto; display: block; }

#mainContainer.inner .promopage-content.gridView .list .item .top .text { padding: 10px; padding-top: 6px; }

#mainContainer.inner .promopage-content.gridView .list .item .top .title { font-size: 14px; line-height: 100%; margin: 0 0 5px 0; font-weight: bold; }

#mainContainer.inner .promopage-content.gridView .list .item .top .short-desc { font-size: 80%; line-height: 120%; margin: 0 0 10px 0; }

#mainContainer.inner .promopage-content.gridView .list .item .top .detailedDescription { background: #D7D7D7; font-size: 80%; line-height: 150%; padding: 5px 2px 7px 9px; position: absolute; bottom: 0; width: 100%; min-height: 84px; }

@media only screen and (max-width: 979px) { #mainContainer.inner .promopage-content.gridView .list .item .top .detailedDescription { position: relative; } }

.specialPrize { font-size: 100%; font-weight: bold; }

#mainContainer.inner .promopage-content.listView .list .item .top.clearfix.hasThumb .text .content ul { list-style-type: disc; padding-left: 20px; margin-bottom: 25px; }

#mainContainer.inner .promopage-content.listView .list .item .top.clearfix.hasThumb .text .content li { margin: 0px; }

.rycOfferBox { width: 250px; float: right; padding: 0 0 15px 15px; }

.customList li { list-style-type: none; position: relative; }

.customList .listValue { position: absolute; Left: -15px; }

.customList.slideTheCity li { margin-left: 20px; }

.hutchsion.offers .terms.customList li { list-style-type: none; position: relative; }

.desc { font-size: 114%; }

.tAndC { padding: 20px 40px; }

/*.tAndC .hsbcLogo {margin:0 0 20px 0;}*/
.anchor { top: -100px; position: relative; }

.textAlignVert span { display: table; height: 59px; width: 100%; position: relative; overflow: hidden; line-height: 120%; }

.textAlignVert span span { position: absolute; top: 50%; display: table-cell; vertical-align: middle; text-align: center; left: 50%; }

.textAlignVert span span span { position: relative; top: -50%; left: -50%; }

.en .hsbcLogo { background-image: url(/media/3615438/hsbc_logo_tnc_160-x-30.jpg); background-repeat: no-repeat; height: 100px; }

.sc .hsbcLogo { background-image: url(/media/3615439/hsbc_logo_tnc_160-x-30_sc.jpg); background-repeat: no-repeat; height: 100px; }

.tc .hsbcLogo { background-image: url(/media/3615440/hsbc_logo_tnc_160-x-30_tc.jpg); background-repeat: no-repeat; height: 100px; }

.item .text .title p { margin-bottom: 0px; }

#mainContainer.inner .promopage-content.gridView .list .item .top .title { line-height: 22px; }

.promopage-content .item .content p { margin-bottom: 5px; }

.ryc-example-chart .row.table { display: table; }

.ryc-example-chart .row.table > div { display: table-cell; float: none !important; vertical-align: middle; padding: 10px 10px; }

#mainContainer.inner .pageContent .rightContent .page .hongthai .offerImg { max-width: 235px; margin-right: 20px; margin-top: -10px; }

.hutchsion.offers.hongthai .offerContainer { background: none; }

/*Rewards of your choice tips starts*/
.pageContent .tipsContainer { margin: 40px 0; }

.pageContent .tipsContainer h2 { font-size: 160%; }

#mainContainer.inner .pageContent .tipsContainer ol { margin-left: 0; }

.pageContent .tipsContainer li.tipItem { list-style: none; margin: 40px 0; margin-bottom: 65px; }

.pageContent .tipsContainer .tipItem .tipTitle { font-size: 140%; display: inline-block; float: left; margin-right: 14px; }

.pageContent .tipsContainer .tipItem img { float: left; }

.pageContent .tipsContainer .tipItem .tipContent { float: right; width: 65%; border-left: 1px solid #333; padding-left: 20px; }

.pageContent .tipsContainer .tipItem .tipContent h3 { font-size: 150%; font-weight: bold; margin-bottom: 10px; }

.pageContent .tipsContainer .tipItem .tipContent p { margin-top: 20px; margin-bottom: 0; }

.pageContent .tipsContainer .tipItem .tipContent p:first-child { margin-top: 0; }

.rycTC { margin-top: 40px; }

h2.semilarge.bold { font-weight: bold; }

#mainContainer.inner .pageContent .rightContent .page .zhanjiang li .photoContainer.chiuchow.dessert img { max-height: none; width: 49.5%; }

.hutchsion.offers #offer1p1 { margin-top: 60px; }

.hutchsion.offers #offer1p2 { margin-top: 30px; }

/*Rewards of your choice tips ends*/
.hongthai .item { position: relative; }

/* YRO */
.searchedFor { display: none; margin-bottom: 20px; }

.searchedFor span { font-size: 123%; margin-bottom: 10px; font-weight: bold; }

.yro-sorter { display: none; }

.yro-sorter > div.spending, .yro-sorter > div.date, .yro-sorter > div.type, .yro-sorter > div.merchants { border: 1px solid #ccc; width: 189px; padding: 0 5px; position: relative; }

.yro-sorter > div.type, .yro-sorter > div.merchants { padding: 0; }

.yro-sorter .selectBg { margin-bottom: 15px; }

.yro-sorter > div input, .yro-sorter > div select { width: 140px; padding: 3px; border: 0; line-height: 30px; height: 32px; background: none; }

.yro-sorter > div.date { padding: 0; }

.yro-sorter > div input.dateTxt { width: 184px; }

.yro-sorter > div.spending { padding-right: 0; }

.yro-sorter > div input { font-size: 92%; }

.yro-sorter > div select { padding: 3px 40px 3px 10px; -webkit-appearance: none; appearance: none; -moz-appearance: none; -ms-appearance: none; width: 100%; }

.yro-sorter > div select::-ms-expand { display: none; }

.yro-sorter > div .selectBg { background: url("/media/353138/dropdown_bg.jpg") right 3px no-repeat; border: 1px solid #ccc; }

.yro-container select { padding: 3px 40px 3px 10px; -webkit-appearance: none; appearance: none; -moz-appearance: none; -ms-appearance: none; width: 100%; background: none; }

.yro-container select::-ms-expand { display: none; }

.yro-container .selectBg { background: url("/media/353138/dropdown_bg.jpg") right 3px no-repeat; border: 1px solid #ccc; margin-bottom: 15px; }

.yro-sorter > div.active .selectBg { background-position: right -30px; }

.yro-sorter > div.active { border-color: #5a5a5a; }

.yro-sorter > div input.spendingTxt { width: 150px; font-size: 85%; }

.yro-sorter > div.buttons { margin-left: 0; margin-right: 0; padding-right: 0; width: auto; float: right; }

.yro-sorter > div.buttons a { display: block; text-indent: -9999px; width: 29px; height: 30px; float: left; margin-right: 5px; }

.yro-sorter > div.buttons a.dim { opacity: 0.5; filter: alpha(opacity=50); }

.yro-sorter .submissionButtons { text-align: right; padding-top: 35px; margin: 35px 0; border-top: 1px solid #CCC; }

.yro-sorter .submissionButtons > a { display: inline-block; margin-left: 10px; line-height: 48px; text-align: center; padding: 0 5px; width: 130px; border: 1px solid #CB0000; height: 48px; }

.yro-sorter .submissionButtons a.btnCalculate { color: #FFF; background: #CB0000; }

.yro-sorter .submissionButtons a.btnReset { color: #CB0000; background: #FFF; }

.yro-sorter .submissionButtons > a:hover { text-decoration: none; }

.yro-container .firstLevelTab { background: #EDEDED; margin-bottom: 20px; overflow: hidden; position: relative; }

.yro-container .firstLevelTab:before { content: ' '; display: block; width: 100%; height: 1px; background: #D6D4D4; position: absolute; bottom: 0px; left: 0px; }

.yro-container .firstLevelTab > div { padding: 0; text-align: center; border-left: 0; display: block; float: left; width: 14.2%; height: 52px; position: relative; z-index: 2; }

.yro-container .firstLevelTab > div:first-child { width: 15%; }

.yro-container .firstLevelTab a { display: block; background: url(/media/51970/mainNav_divider.jpg) left center no-repeat; }

.yro-container .firstLevelTab a { color: #656565; padding: 20px 29px; line-height: 115%; display: table; width: 100%; height: 52px; }

.yro-container .firstLevelTab a .verMidMid { top: 100%\9; height: 100%; }

.yro-container .firstLevelTab a .verMidIn { top: 0; }

.yro-container .firstLevelTab .active { background: #FFF; border-bottom: 0; border-right: 1px solid #D6D4D4; border-left: 1px solid #D6D4D4; }

.yro-container .firstLevelTab .active a { background: #FFF; border-top: 5px solid #CB0000; border-bottom: 0; }

.yro-container .firstLevelTab .active + div a, .yro-container .firstLevelTab div:first-child a { background: none; }

.yro-container .secondLevelTab { padding: 0; margin: 0; }

.yro-container .secondLevelTab .navImg { max-width: 100%; margin-bottom: 20px; width: 100%; }

.yro-container .secondLevelTab .nav > div { padding: 0; text-align: center; border: 1px solid #D6D4D4; border-top: 0; background: #EDEDED; }

.yro-container .secondLevelTab .nav > div:first-child { border-top: 1px solid #D6D4D4; }

.yro-container .secondLevelTab .nav a { display: block; background: #E7E7E7; }

.yro-container .secondLevelTab .nav a { color: #656565; padding: 5px 10px; min-height: 70px; min-height: 60px\9; line-height: 120%; display: table; width: 100%; }

.yro-container .secondLevelTab .nav a .verMidMid { top: 100%\9; height: 100%; }

.yro-container .secondLevelTab .nav a .verMidIn { top: 0; }

.yro-container .secondLevelTab .nav .active { background: #FFF; border-right: 1px solid #FFF; }

.yro-container .secondLevelTab .nav .active a { background: #FFF; border-left: 5px solid #CB0000; border-bottom: 0; }

.yro-container .yroContent { padding-right: 0px; padding-left: 20px; }

.yro-container .yroContent .yro-promo-block { border: 1px solid #D6D4D4; padding: 12px; margin-bottom: 20px; }

.yro-container .yroContent .yro-promo-block > .col-md-9 { border-left: 1px solid #D6D4D4; }

.yro-container .yroContent .yro-promo-block a { text-decoration: underline; font-weight: bold; color: #000000; }

.yro-container .yroContent .yro-promo-block a:hover { color: #000000; }

.yro-container .yroContent .yro-promo-block .logo { text-align: center; padding: 0; }

.yro-container .yroContent .yro-promo-block .logo img { max-width: 100%; }

.yro-container .yroContent .yro-promo-block .title { font-weight: bold; font-size: 16px; margin-bottom: 10px; line-height: 1.2em; display: block; font-family: \5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,"微軟正黑體",Arial,sans-serif; }

.yro-container .yroContent .yro-promo-block ul { list-style-type: disc; margin-left: 20px; font-size: 14px; margin-bottom: 20px; }

.yro-container .yroContent .yro-promo-block .expandDetails { display: none; margin-bottom: 20px; }

.yro-container .yroContent .yro-promo-block .closeBtn { display: none !important; }

.yro-container .yroContent .yro-promo-block.active .expandDetails { display: block; }

.yro-container .yroContent .yro-promo-block.active .detailsBtn { display: none !important; }

.yro-container .yroContent .yro-promo-block.active .closeBtn { display: inline-block !important; }

.yro-container .instalmentTNC { margin-top: 20px; padding: 0 12px; }

.yro-container .instalmentList li { width: 50%; float: left; padding-right: 25px; margin-bottom: 1em; }

.yro-container .instalmentList { list-style-type: disc; margin: 12px 32px; }

.yro-container ul { list-style-type: disc; margin-left: 25px; margin-bottom: 25px; }

.yro-container .noMargin { margin: 0 !important; }

.termsTable { max-width: 650px; margin-bottom: 20px; }

.en .termsTable { max-width: 1050px; }

.specialTerms { display: none; }

.no-record { padding: 50px 0; text-align: center; }

.yro-sorter input.date, .yro-sorter input.title { border: 1px solid #CCC; width: 100%; }

.yro-sorter.date-sorter { display: block; }

/* Responsive Layout */
@media only screen and (min-width: 980px) { #sb-site { margin-left: 0 !important; }
  .sb-slidebar.sb-active { display: none !important; } }

/* Phone */
@media only screen and (max-width: 979px) { .responsiveComplonent { display: block !important; }
  .desktopComplonent { display: none !important; }
  .navBarContainer { height: 50px; }
  .navBarContainer .navBar { height: 50px; }
  .navBarContainer .navBar .nav { display: none; }
  .navBarContainer .menuToggle { display: block; z-index: 999; height: 32px; width: 98px; position: absolute; top: 0; left: 0; background: url("/media/235059/menu-btn.png") 25% 50% no-repeat; font-size: 90%; font-weight: bold; line-height: 32px; padding-left: 48px; border-right: 1px solid #d9d9d9; margin-top: 10px; }
  .navBarContainer .menuToggle:hover, .navBarContainer .menuToggle:focus { color: #000; text-decoration: none; }
  .navBarContainer .navBar .logo { margin: 0 auto; float: none; text-align: center; }
  .navBarContainer .navBar .logo img { margin-top: 5px; }
  .responsiveLeft { text-align: left !important; }
  #mainContainer.inner .promoDesc > .right { width: auto; float: none; }
  #mainContainer.inner .promoDesc > .right > .top > img { max-width: 100%; }
  #footerContainer .footerBottomContainer { padding: 12px; padding-left: 29px; }
  #footerContainer .footerBottomContainer .inner .copyright p { margin: 0; font-size: 77%; text-align: right; }
  /* Home Complonent */
  #mainContainer.home .contentContainer .promoList { padding: 10px; }
  #mainContainer.home .contentContainer .promoList .block { width: 100%; margin: 0 0 10px 0; }
  #mainContainer.home .contentContainer .promoList .block img { width: 100%; }
  .sb-slidebar { background: #3A3A3A; }
  .sb-slidebar .navBar { border-top: 36px #000 solid; }
  .sb-slidebar .navBar a { display: block; padding: 20px 25px 22px; color: #FFF; background: url(/media/80336/mainMenu_divider.jpg) bottom repeat-x; text-decoration: none !important; }
  .sb-slidebar .navBar a:hover { text-decoration: none; }
  .sb-slidebar .navBar .submenu { background: #222; display: none; }
  .sb-slidebar .navBar .submenu a { background: none; padding: 20px 25px 20px 40px; border-bottom: 1px solid #000; text-decoration: none; }
  .sb-slidebar .navBar .submenu .submenu a { padding: 10px 25px 10px 50px; }
  .sb-slidebar .navBar .nav li, .sb-slidebar .navBar .nav li:hover { text-decoration: none !important; }
  .sb-slidebar .navBar .nav li.active > .submenu { display: block; }
  .sb-slidebar .navBar .nav > ul > li > a { background: url(/media/80337/ico_mainMenuArrow.png) 90% center no-repeat; border-top: 1px solid #555555; border-bottom: 1px solid #222; }
  .sb-slidebar .navBar .nav > ul > li a.hasSubMenu { background: url(/media/80337/ico_mainMenuArrow.png) 90% center no-repeat !important; padding: 20px 30px 20px 40px !important; }
  .sb-slidebar .navBar .nav { border-bottom: 1px solid #555; }
  #mainContainer.inner .contentContainer .mainVisual { margin: -15px -15px 15px; }
  #mainContainer .contentContainer .mainVisual { height: auto; margin-bottom: 0; position: relative; /*width:110%;*/ }
  #mainContainer .contentContainer .mainVisual div .text { position: relative; }
  #mainContainer .contentContainer .mainVisual .list > div > img { /*height: 320px;  left: 50%; margin-left: -391px;  position: absolute;  top: -17px;*/ width: 100%; padding-top: 36px; }
  #mainContainer.home .contentContainer .mainVisual .list > div > img, #mainContainer .contentContainer .mainVisual.heroBanner .list > div > img { height: auto; width: 100%; left: auto; margin-left: 0; position: relative; top: auto; }
  #mainContainer.home .contentContainer .mainVisual div .text { margin: 17px; }
  #mainContainer .contentContainer .mainVisual div .text { /*margin: 17px 17px 17px 0;*/ }
  #mainContainer.home .contentContainer .mainVisual div .text, #mainContainer .contentContainer .mainVisual.heroBanner div .text { margin: 0; }
  #mainContainer.inner .promoDesc > .left { width: auto; }
  #mainContainer.inner .pageContent .leftNav { display: none; }
  #mainContainer { margin-top: 86px; }
  #mainContainer.inner { padding: 15px; margin-top: 50px; }
  #mainContainer.inner .pageContent .rightContent .page .ryc-content .thumb { overflow: hidden; margin-bottom: 15px; }
  #mainContainer.inner .pageContent .rightContent .page .ryc-content .thumb img { width: 100%; }
  #mainContainer.inner .promopage-listToggle { margin-top: -1px; padding: 0; }
  #mainContainer.inner .promopage-content .list .item { position: relative; padding: 20px 0 40px; }
  #mainContainer.inner .promopage-content .list div:first-child .item:first-child { border: 0; padding-top: 0; }
  #mainContainer.inner .promopage-content .list .item .top .title { border-bottom: 1px solid #D7D7D7; font-size: 17px; line-height: 1.2em; padding: 8px 0; }
  #mainContainer.inner .promopage-content .list .item.active .top .title { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
  #mainContainer.inner .promopage-content .list .item .top .title .short-desc { display: block; font-size: 113%; }
  #mainContainer.inner .promopage-content .list .item.active .top .title .short-desc { /*display:none;*/ }
  #mainContainer.inner .promopage-content .list .item .top .content { padding-top: 0px; font-size: 93%; display: none; }
  #mainContainer.inner .promopage-content .list .item.active .top .content { display: block; }
  #mainContainer.inner .promopage-content .list .item .top .content li { margin: 20px 0 0px 0; }
  #mainContainer.inner .promopage-content .list .item .top .content li:first-child { margin-top: 10px; }
  #mainContainer.inner .promopage-content .list .item .bottom { border: 0; padding-top: 20px; padding-bottom: 10px; }
  #mainContainer.inner .promopage-content .list .item .bottom .short-desc { display: none; font-size: 93%; }
  #mainContainer.inner .promopage-content .list .item.active .bottom .short-desc { display: none; }
  #mainContainer.inner .promopage-content .list .item .bottom a { color: #333333; }
  #mainContainer.inner .promopage-content .list .item .bottom a:hover { text-decoration: none; }
  #mainContainer.inner .promopage-content .list .item .bottom a.detailsBtn, #mainContainer.inner .promopage-content .list .item .bottom a.closeBtn { display: inline-block; padding-right: 15px; background: url(/media/51967/inline_redArrow.png) right center no-repeat; position: absolute; }
  #mainContainer.inner .promopage-content .list .item .bottom a.detailsBtn, #mainContainer.inner .promopage-content .list .item .bottom a.closeBtn { left: 0px; bottom: 8px; }
  #mainContainer.inner .promopage-content .list .item .bottom a.closeBtn, #mainContainer.inner .promopage-content .list .item.active .bottom a.detailsBtn { display: none; }
  #mainContainer.inner .promopage-content .list .item.active .bottom a.closeBtn, #mainContainer.inner .promopage-content .list .item .bottom a.detailsBtn { display: inline-block; }
  #mainContainer.inner .promopage-content .list .item .bottom a.mapBtn { width: 29px; height: 29px; background: #F3F3F3 url(/media/51974/btn_sprite.png) center -142px no-repeat; border: 1px solid #D7D7D7; text-indent: -9999px; display: block; bottom: 5px; right: -1px; position: absolute; }
  #mainContainer.inner .promopage-content .map { height: auto; margin-top: 20px; }
  .map > div { height: 402px; }
  .map > div.mapList { height: 201px; }
  .rewardsTermsContainer { padding: 0; }
  .textAlignVert span { height: 56px; font-size: 95%; }
  #mainContainer.home .contentContainer .promoList .block .image img { width: 100%; }
  .langBarContainer .langBar #btnLang .list { padding-top: 0px; }
  .langBarContainer .langBar #btnLang { width: 100px; }
  .langBarContainer .langBar #btnLang .list a { line-height: 36px; }
  /*RYC Tips*/
  .pageContent .tipsContainer .tipItem .tipTitle { display: block; float: none; text-align: center; margin-bottom: 10px; }
  .pageContent .tipsContainer .tipItem img { float: none; display: block; margin: 0 auto 20px auto; }
  .pageContent .tipsContainer .tipItem .tipContent { border-left: 0; border-bottom: 1px solid #333; padding-bottom: 25px; margin: 0 auto; float: none; padding-left: 10px; }
  /*RYC Tips Ends*/
  #mainContainer.inner .pageContent .rightContent .page .zhanjiang li .photoContainer.appetizer img, #mainContainer.inner .pageContent .rightContent .page .zhanjiang li .photoContainer.chiuchow.dessert img, #mainContainer.inner .pageContent .rightContent .page .zhanjiang li .photoContainer.rice.chiuchow img, #mainContainer.inner .pageContent .rightContent .page .zhanjiang li .photoContainer.mainDish.chiuchow img { max-width: 287px; max-height: none; }
  #mainContainer.inner .pageContent .rightContent .page .zhanjiang .photoContainer.mainDish img { max-height: none; max-width: 275px; }
  #mainContainer.inner .pageContent .rightContent .page .zhanjiang li .photoContainer.chiuchow.dessert img { width: 49.5%; max-width: none; }
  #mainContainer.inner .pageContent .rightContent .hutchsion.offers .offerContainer .offerImg { max-width: 100%; position: relative; float: none; }
  #mainContainer.inner .pageContent .rightContent .hutchsion.offers .offerContainer .offerImg#offer1p1, #mainContainer.inner .pageContent .rightContent .hutchsion.offers .offerContainer .offerImg#offer1p2 { top: 0 !important; }
  #mainContainer.inner .pageContent .rightContent .hutchsion.offers.hongthai .offerContainer .offerImg { max-width: 40%; }
  .yro-container .yroContent .yro-promo-block > .col-md-9 { border-left: 0px; }
  #mainContainer.inner .promoDesc > div > .left .left { width: 100% !important; float: none !important; }
  #mainContainer.inner .promoDesc > div > .left .right { width: 100% !important; float: none !important; text-align: left; }
  #mainContainer.inner ol { margin-left: 0; }
  #mainContainer.inner ol.parknshopRemark { margin-left: 22px; }
  .travel-promopage.merchant-list .logo { text-align: left; padding: 0 0 20px 0; } }

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 979px) { .responsiveComplonent.mobileOnly { display: none !important; }
  #mainContainer.home .contentContainer .promoList { padding: 10px 27px; }
  #mainContainer.home .contentContainer .promoList .block { width: 47%; float: left; margin: 0 1% 10px; margin-left: 0; margin-right: 18px; height: 40vw; }
  #mainContainer.home .contentContainer .promoList .block .desc { min-height: 50px; }
  body #mainContainer.home .contentContainer .promoList .block .desc { min-height: 100px; }
  #mainContainer.home .contentContainer .mainVisual div .text { right: 10px; }
  #mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text { right: 6%; top: 38%; }
  body.en #mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text { max-width: 300px; }
  #mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text.whitebox .title * { font-size: 40px; }
  #mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text p.subtitle { font-size: 18px; }
  /*#mainContainer.home .contentContainer .mainVisual div .text{left:10px}*/
  #mainContainer .contentContainer .mainVisual .list > div > img { width: 100%; height: auto; position: absolute; left: 50%; margin-left: -550px; }
  #mainContainer.home .contentContainer .mainVisual .list > div > img, #mainContainer .contentContainer .mainVisual.heroBanner .list > div > img { height: auto; width: 100%; position: relative; }
  #mainContainer.home .contentContainer .mainVisual { height: auto !important; width: auto !important; }
  #mainContainer.inner .pageContent { width: auto; }
  #mainContainer.inner .pageContent .rightContent { width: 100%; float: right; }
  #mainContainer.inner .pageContent .rightContent .page { padding: 20px 15px; }
  #mainContainer.inner .pageContent .rightContent .page .ryc-content .thumb { float: left; }
  #mainContainer.inner .pageContent .rightContent .page .ryc-content > .text { width: 70%; }
  #mainContainer.inner .pageContent .rightContent .page .ryc-content .logoList li { text-align: center; }
  #mainContainer.inner .pageContent .rightContent .page .ryc-content .logoList li .logo { width: 110px; height: 110px; line-height: 110px; border: 1px solid #D7D7D5; }
  #mainContainer.inner .pageContent .rightContent .page .ryc-content .logoList li .logo img { max-width: 90%; }
  #mainContainer.inner .promopage-content.gridView .list .item { width: 45%; /*height:240px;*/ height: 300px; margin-left: 5%; margin-bottom: 20px; }
  #mainContainer.inner .promopage-content.listView .list .item { padding: 20px 20px 40px 20px; min-height: 200px; border-top: 1px solid #D7D7D7; margin-bottom: 10px; }
  #mainContainer.inner .promopage-content.listView .list div:first-child .item:first-child { border-top: 0; margin-top: -20px; }
  #mainContainer.inner .promopage-content.listView .list .item .top { width: auto; border: 0; padding: 0 10px; }
  #mainContainer.inner .promopage-content.listView .list .item .top .title { border-bottom: 1px solid #CCC; padding-bottom: 8px; margin-bottom: 8px; }
  #mainContainer.inner .promopage-content.listView .list .item .bottom { width: auto; padding: 0 10px; }
  #mainContainer.inner .promopage-content .list .item .bottom a.detailsBtn, #mainContainer.inner .promopage-content.listView .list .item .bottom a.closeBtn { left: 0px; bottom: 5px; }
  #mainContainer.inner .promopage-content.listView .list .item .thumb { top: 20px; }
  #mainContainer.inner .promopage-listToggle { margin-top: 0px; padding: 20px 20px 0 20px; }
  #mainContainer.inner .promopage-listToggle .buttonContainer { display: inline-block; }
  #mainContainer.inner .promopage-content .map { margin-top: -20px; } }

/* Destop */
@media only screen and (min-width: 980px) { .responsiveComplonent { display: none !important; }
  .desktopComplonent { display: block !important; }
  #sb-site { transition: transform 0ms ease; webkit-transition: -webkit-transform 0 ease; }
  /* Header Complonet */
  #headerContainer { min-width: 990px; }
  .navBarContainer .navBar { height: 62px; width: auto; max-width: 980px; }
  #mainContainer { min-width: 990px; }
  #footerContainer { min-width: 990px; }
  #footerContainer .footerBottomContainer { height: 50px; }
  #footerContainer .footerBottomContainer .inner { width: 980px; }
  #footerContainer .footerBottomContainer .inner .nav li { line-height: 30px; }
  #footerContainer .footerBottomContainer .inner .nav { float: left; }
  #footerContainer .footerBottomContainer .inner .copyright { float: right; line-height: 30px; }
  /* Home Complonent */
  #mainContainer.home .contentContainer .promoList { width: 980px; }
  #mainContainer.home .contentContainer .promoList .block { width: 313px; height: 360px; float: left; }
  #mainContainer.home .contentContainer .promoList .block2 { width: 48%; }
  body.english #mainContainer.home .contentContainer .promoList .block { width: 313px; height: 370px; }
  #mainContainer.home .contentContainer .promoList .block:first-child { margin-left: 0; }
  #mainContainer.home .contentContainer .mainVisual div .text { right: 50%; margin-right: -490px; }
  #mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text { margin-right: -455px; }
  /* #mainContainer.home .contentContainer .mainVisual div .text{left:50%;margin-left:-490px;} */
  #mainContainer.inner .pageContent { width: 980px; }
  #mainContainer.inner .pageContent .rightContent { width: 100%; }
  /*#mainContainer.inner .pageContent .rightContent .page .ryc-content > .text{width:75%;}*/
  #mainContainer.inner .promopage-content.gridView .list .item { width: 23.5%; float: left; min-height: 320px; margin-left: 1.5%; }
  #mainContainer.inner .promopage-content.gridView .list .item.no-desc { min-height: 320px; }
  body.en #mainContainer.inner .promopage-content.gridView .list .item { min-height: calc(320px + 50px); }
  .offer-mx #mainContainer.inner .promopage-content.gridView .list .item { min-height: 320px !important; }
  .broadway #mainContainer.inner .promopage-content.gridView .list .item { min-height: 440px !important; }
  .broadway #mainContainer.inner .promopage-content.gridView .list .item.no-desc { min-height: 340px !important; }
  body.en.broadway #mainContainer.inner .promopage-content.gridView .list .item { min-height: 440px !important; }
  body.tc.broadway #mainContainer.inner .promopage-content.gridView .list .item { min-height: 440px !important; }
  body.sc.broadway #mainContainer.inner .promopage-content.gridView .list .item { min-height: 440px !important; }
  #mainContainer.inner .promopage-content.listView .list .item { padding: 20px 20px 20px 20px; min-height: 140px; min-height: 100px\9; border: 1px solid #D7D7D7; margin-bottom: 20px; }
  #mainContainer.inner .promopage-content.listView .list .item .top { float: left; width: 80%; min-height: 98px; min-height: 68px\9; padding: 0 15px; border-right: 1px solid #CCCCCC; }
  #mainContainer.inner .promopage-content.listView .list .item .bottom { float: right; width: 161px; }
  #mainContainer.inner .promopage-content.listView .list .item .bottom a.detailsBtn, #mainContainer.inner .promopage-content.listView .list .item .bottom a.closeBtn { left: 70%; bottom: 20px; }
  #mainContainer.inner .promopage-content.listView .list .item .thumb { top: 0; }
  #mainContainer.inner .promopage-content.listView .list .item .top.fullBoxWidth { width: 100%; }
  #mainContainer.inner .promopage-content.listView .list .item .top.fullBoxWidth { width: 100%; border-right: none; }
  #mainContainer.inner .promopage-content.listView .list .item .bottom.fullBoxButton a.detailsBtn, #mainContainer.inner .promopage-content.listView .list .item .bottom.fullBoxButton a.closeBtn { left: 90%; } }

@media only screen and (min-width: 1100px) { #mainContainer .contentContainer .mainVisual div .text { right: 50%; margin-right: -550px; }
  #mainContainer .contentContainer .mainVisual.textLeft div .text { left: 50%; margin-left: -550px; } }

@media screen and (max-width: 1099px) and (min-width: 768px) { #mainContainer .contentContainer .mainVisual div .text { right: 0; }
  #mainContainer .contentContainer .mainVisual.textLeft div .text { left: 0; } }

/* Mobile Only */
@media only screen and (max-width: 767px) { #mainContainer .contentContainer { overflow: visible; }
  .desktopOnly { display: none !important; }
  .mobileOnly { display: inline-block !important; }
  #mainContainer.inner .pageContent .rightContent .page { display: block; padding: 0 0 0 0; overflow: hidden; }
  #mainContainer.inner .pageContent .rightContent .page.active { /*padding:20px -20px 20px 20px;*/ padding: 0; }
  #mainContainer.inner .pageContent .rightContent .page > .tab { border-bottom: 1px solid #E7E6E6; margin: 0px 0 0px; border-top: 1px solid #E7E6E6; width: 100%; display: none; }
  #mainContainer.inner .pageContent .rightContent .page > .tab a { display: block; background: #EDEDED; color: #656565; padding: 20px; }
  #mainContainer.inner .pageContent .rightContent.promopage .page > .tab { display: none !important; }
  #mainContainer.inner .pageContent .rightContent.promopage .page.active > .tab { display: none !important; }
  #mainContainer.inner .pageContent .rightContent .page.active > .tab { margin-bottom: 20px; margin-top: -20px; margin-left: -20px; width: 150%; }
  #mainContainer.inner .pageContent .rightContent .page.active > .tab a { background: #FFF; border-left: 6px solid #CB0000; padding-left: 14px; }
  #mainContainer .contentContainer .mainVisual div .text .title { font-size: 158%; /*margin-bottom:10px;*/ }
  #mainContainer .contentContainer .mainVisual div .text .desc { /*font-size:133%;*/ }
  .english #mainContainer .contentContainer .mainVisual div .text .title { font-size: 158%; }
  .english #mainContainer .contentContainer .mainVisual div .text .desc { /*font-size:113%;*/ }
  .english #mainContainer .contentContainer .mainVisual.heroBanner div .text .title { font-size: 158%; /*margin-bottom:10px;*/ }
  .english #mainContainer .contentContainer .mainVisual.heroBanner div .text .desc { font-size: 113%; }
  #mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text.whitebox .title * { font-size: 28px; }
  #mainContainer.home .contentContainer .mainVisual:not(.videoBanner) div .text .desc { font-size: 18px; }
  .english #mainContainer.inner .promoDesc h1 { font-size: 160%; }
  #mainContainer .contentContainer .mainVisual div .text { max-width: 100%; }
  #mainContainer.inner .promoDesc > .left h1 { font-size: 160%; }
  #mainContainer.inner .promoDesc > .left p { /*font-size:93%;*/ }
  .promopage-content.mapView { margin-top: -20px; }
  .rightContent.promopage { position: relative; margin-top: 20px; border: 0 !important; }
  #mainContainer.inner .promopage-listToggle { display: none !important; }
  #mainContainer.inner .promopage-listToggle .buttonContainer a.gridBtn { display: none; }
  #mainContainer.inner .promopage-listToggle { margin-top: -1px; padding: 0; position: absolute; right: 0; top: -50px; }
  /*.promopage-dropdownSelector{border:1px solid #D7D7D7;line-height:32px;height:32px;overflow:hidden;margin:20px 0;background:url(/media/80353/dropdown_btn.jpg) right top no-repeat; width:100%;} .promopage-dropdownSelector select{width:120%;border:0;line-height:32px;height:32px;padding:0 5px;font-size:93%;background:none;} */
  .promopage-dropdownSelector select { padding: 6px 40px 6px 10px; -webkit-appearance: none; appearance: none; -moz-appearance: none; -ms-appearance: none; width: 100%; background: url("/media/353138/dropdown_bg.jpg") right 5px no-repeat; border: none; }
  .promopage-dropdownSelector select::-ms-expand { display: none; }
  .promopage-dropdownSelector { background: url("/media/253621/dropdown_bg.jpg") right 3px no-repeat; border: 1px solid #ccc; display: block !important; }
  .mobileLinebreak { display: block; }
  .ryc-example-chart .row .sign { position: relative; top: auto; left: auto !important; margin: 20px auto; }
  .ryc-example-chart .row .sign.twoCol { display: none; }
  .ryc-example-chart .row.largeDisplay { display: none !important; }
  .ryc-example-chart .mobileNoBorder { border: 0 !important; }
  .ryc-example-chart .mobileGreyBorderBox { border: 1px solid #DDDBDC; padding-bottom: 10px; }
  .ryc-example-chart .mobileGreyBorderBox > div { padding: 10px 0; /*margin:0 -15px 10px;*/ background: #FFF; }
  .ryc-example-chart .row .sign.or { margin: -10px auto; }
  .ryc-example-chart .row > .greyBorder { border-bottom: 1px solid #DDDBDC; border-right: 0; padding: 20px 10px; }
  .ryc-example-chart .row > .greyBorder.last { border-bottom: 0px; }
  .ryc-example-chart .row .sign.arrow { text-indent: -9999px; background: url(/media/80354/example_below.jpg) center no-repeat; }
  .ryc-example-chart .row.greyBackground .sign.arrow { background: url(/media/80364/example_below_grey.jpg) center no-repeat; }
  .ryc-example-chart .detailsTable > div .content { min-height: 100px; max-width: 200px; margin: 0 auto; }
  .ryc-example-chart .mobileTable { display: table !important; width: 100%; padding-bottom: 0 !important; }
  .ryc-example-chart .mobileTable > div.mobileTablecell { display: table-cell !important; vertical-align: middle; height: 120px; }
  .ryc-example-chart .row.table { display: block; }
  .ryc-example-chart .row.table > div { display: block; }
  #footerContainer .footerBottomContainer { padding-left: 15px; }
  #mainContainer, #mainContainer.inner { margin-top: 42px; }
  .navBarContainer .navBar, .navBarContainer { height: 42px; }
  .navBarContainer .navBar .logo img { margin-top: 12px; height: 18px; }
  .navBarContainer .menuToggle { margin-top: 7px; height: 28px; text-indent: -9999px; width: 42px; background-position: 44% 50%; padding-left: 0; overflow: hidden; }
  .navBarContainer .navBar .logo { margin: 0; text-align: left; }
  .navBarContainer .navBar .logo a { margin-left: 56px; }
  .yro-container .yroContent { padding-top: 20px; padding-left: 0; }
  .yro-container .secondLevelTab .nav .active { border-right: 1px solid #D6D4D4; }
  .yro-container .firstLevelTabMobile { margin: 0 -15px; }
  .yro-container .firstLevelTabMobile a { display: block; border-bottom: 1px solid #D7D8D6; background: #EDEDED url(/media/378422/arrow_firstLevelTab.jpg) right center no-repeat; padding: 15px 15px; margin: 0 0 10px; }
  .yro-container .firstLevelTabMobile a.active { background: #EDEDED url(/media/378423/arrow_firstLevelTab_active.jpg) right center no-repeat; }
  #mainContainer.home .contentContainer .promopage ul li .image-wrap img { width: 100%; }
  #mainContainer.home .contentContainer .promopage .compatibility-wrap { width: 100%; }
  #mainContainer.home .contentContainer .promopage .compatibility-wrap .row .col-devices, #mainContainer.home .contentContainer .promopage .compatibility-wrap .row .col-in-apps, #mainContainer.home .contentContainer .promopage .compatibility-wrap .row .col-in-stores { padding: 14px 8px; }
  #mainContainer.home .contentContainer .promopage .youtube-link { width: 100%; height: 420px; } }

/* Tablet and Desktop */
@media screen and (min-width: 768px) { #mainContainer .contentContainer .mainVisual { height: 450px; margin: 0 auto 20px auto; width: 1100px; position: relative; }
  #mainContainer .contentContainer .mainVisual .list > div > img { width: 1100px; }
  #mainContainer .contentContainer .mainVisual .list > div > img { position: absolute; top: 0; left: 50%; margin-left: -550px; }
  #mainContainer .contentContainer .mainVisual div .text { position: absolute; top: 108px; }
  #mainContainer .contentContainer .mainVisual div .text.top { top: 108px; }
  #mainContainer .contentContainer .mainVisual div .text.center { top: 200px; }
  #mainContainer .contentContainer .mainVisual div .text.bottom { top: auto; bottom: 108px; }
  #mainContainer.inner .pageContent .leftNav { display: block; width: 100%; }
  #mainContainer.inner .pageContent .rightContent { float: right; }
  #mainContainer.inner .pageContent .rightContent .page .ryc-content .thumb { float: left; max-height: none; margin-bottom: 0px; margin-right: 10px; }
  /*#mainContainer.inner .pageContent .rightContent .page .ryc-content > .text{float:right;}*/
  #mainContainer.inner .promopage-content.listView .list .item .top { font-size: 113%; padding-bottom: 30px; }
  #mainContainer.inner .promopage-content.listView .list .item .top .text { font-size: 93%; }
  #mainContainer.inner .promopage-content.listView .list .item .top.hasThumb .text { padding-left: 180px; }
  #mainContainer.inner .promopage-content.listView .list .item .top .title { font-size: 113%; }
  #mainContainer.inner .promopage-content.listView .list .item.active .top .title { border-bottom: 1px solid #D7D7D7; padding-bottom: 8px; margin-bottom: 8px; }
  #mainContainer.inner .promopage-content.listView .list .item .top .short-desc { /*font-size:17px;*/ }
  #mainContainer.inner .promopage-content.listView .list .item .content { display: none; }
  #mainContainer.inner .promopage-content.listView .list .item.active .content { display: block; padding-bottom: 50px; }
  #mainContainer.inner .promopage-content.listView .list .item .content li { margin: 15px 0 0; }
  #mainContainer.inner .promopage-content.listView .list .item .bottom { border: 0; padding: 40px 0 0 10px; /*font-size: 97%;*/ }
  #mainContainer.inner .promopage-content.listView .list .item.active .bottom .short-desc { /*display:none;margin-top:15px;*/ }
  #mainContainer.inner .promopage-content.listView .list .item .top .short-desc { display: block; }
  #mainContainer.inner .promopage-content.listView .list .item.active .top .short-desc { /*display:none;*/ }
  #mainContainer.inner .promopage-content.listView .list .item .top .title.no-underline { border-bottom: 0; }
  #mainContainer.inner .promopage-content.listView.visa-signature .thumb { margin-top: 40px; }
  #mainContainer.inner .promopage-content.listView.visa-signature .text .content { overflow: hidden; }
  #mainContainer.inner .promopage-content.listView.visa-signature ul.bullet { width: 100%; float: left; }
  #mainContainer.inner .promopage-content .list .item .bottom a { color: #333333; }
  #mainContainer.inner .promopage-content .list .item .bottom a:hover { text-decoration: none; }
  #mainContainer.inner .promopage-content .list .item .bottom a.detailsBtn, #mainContainer.inner .promopage-content .list .item .bottom a.closeBtn { left: 10px; display: inline-block; padding-right: 15px; background: url(/media/51967/inline_redArrow.png) right center no-repeat; position: absolute; }
  #mainContainer.inner .promopage-content .list .item .bottom a.closeBtn, #mainContainer.inner .promopage-content .list .item.active .bottom a.detailsBtn { display: none; }
  #mainContainer.inner .promopage-content .list .item.active .bottom a.closeBtn, #mainContainer.inner .promopage-content .list .item .bottom a.detailsBtn { display: inline-block; }
  #mainContainer.inner .promopage-content .list .item .bottom a.mapBtn { width: 29px; height: 29px; background: #F3F3F3 url(/media/51974/btn_sprite.png) center -142px no-repeat; border: 1px solid #D7D7D7; text-indent: -9999px; display: block; bottom: -1px; right: -1px; position: absolute; }
  #mainContainer.inner .promopage-content.listView .list .item .thumb { position: absolute; left: 0; }
  #mainContainer.inner .promopage-content .list .item { position: relative; }
  #mainContainer.inner .promopage-content.gridView { margin-left: -13px; }
  #mainContainer.inner .promopage-content.gridView .list .item { border: 1px solid #D7D7D7; padding: 0; margin-bottom: 20px; }
  #mainContainer.inner .promopage-content.gridView .list .item .thumb img { max-width: 100%; margin-top: 0; }
  #mainContainer.inner .promopage-content.gridView .list .item { float: left; }
  #mainContainer.inner .promopage-content.gridView .list .item .top .short-desc { /*display: none;*/ font-size: 80%; display: block; }
  #mainContainer.inner .promopage-content.gridView .list .item .bottom .short-desc { display: none; }
  #mainContainer.inner .promopage-content.gridView .list .item .content { display: none; }
  #mainContainer.inner .promopage-content.gridView .list .item .bottom { border: 0; padding: 0 10px; }
  #mainContainer.inner .promopage-content.gridView .list .item .bottom a.detailsBtn, #mainContainer.inner .promopage-content.gridView .list .item .bottom a.closeBtn { /*display:none;*/ }
  #mainContainer.inner .promopage-listToggle { display: block; }
  /** 20180727 mooncake **/
  #mainContainer.inner.mooncake-promo .promopage-content.gridView .list .item { width: 48%; margin-left: 2%; }
  /** 20180727 mooncake **/ }

@media screen and (max-width: 1100px) and (min-width: 768px) { #mainContainer.home .contentContainer .mainVisual .list > div > img, #mainContainer .contentContainer .mainVisual.heroBanner .list > div > img { height: auto; width: 100%; position: relative; }
  #mainContainer.home .contentContainer .mainVisual.videoBanner .list > div > img { position: absolute; height: auto; width: 100%; }
  #mainContainer.home .contentContainer .mainVisual { height: auto !important; width: auto !important; } }

/*mobile*/
@media only screen and (max-width: 500px) { .rycOfferBox { display: block; width: 90%; margin: 5%; padding: 0; }
  .yro-container .instalmentList li { width: 100%; float: none; }
  #mainContainer.home .contentContainer .promopage .youtube-link { width: 100%; height: 280px; } }

#mainContainer .contentContainer .mainVisual .clickableMaskFull { position: absolute; width: 100%; height: 100%; z-index: 1000; pointer-events: all; }

/*Slide the City added on 20150625*/
.rightContent .offersTitle { font-size: 114%; }

.rightContent .offersContent { /*font-size:114%; font-weight:bold;*/ }

.rightContent .offersContent.slide { width: 690px; }

.rightContent .slideLogo { float: left; }

.rightContent .photosContainer img { float: left; margin: 0 1px 2px 0; }

.rightContent .divider { width: 100%; height: 1px; background: #ccc; margin: 15px 0 15px 0; }

.rightContent .rightText { display: inline-block; margin-left: 10px; }

.rightContent .remarks { font-size: 80%; padding-bottom: 10px; }

.rightContent .remarks ol { padding-left: 20px; }

.rightContent .remarks a { text-decoration: underline; }

/*Slide the City ends*/
/*Ice-cream truck added on 20150625*/
.rightContent img.icecreamTruck { float: right; }

.rightContent .offersContent.icecream { width: 410px; }

.rightContent table.icecream { width: 875px; }

.rightContent table.icecream td { border: 1px solid #ccc; padding: 5px 0 5px 0; text-align: center; font-size: 93%; font-weight: bold; width: 33%; }

.rightContent table.icecream .header td { background: #f4f4f4; }

/*Ice-cream truck ends*/
/*FAQ added on 20150625*/
.rightContent ol.offersContent span.question { display: block; margin-bottom: 4px; }

.rightContent ol.offersContent li { margin-bottom: 15px; color: #000; }

.rightContent ol.offersContent li table { border: 1px solid #000; }

.rightContent ol.offersContent li td { padding: 5px; }

/*FAQ ends*/
/*Latest Offers Responsive */
@media only screen and (max-width: 979px) { .rightContent .offersContent.slide { width: 470px; }
  .rightContent img.icecreamTruck { float: none; }
  .rightContent table.icecream { width: 100%; }
  .rightContent .offersContent.icecream { width: 100%; } }

@media only screen and (max-width: 767px) { .rightContent .offersContent.slide { width: 400px; }
  .rightContent table.icecream td { font-size: 80%; }
  .textAlignVert span span { font-size: 90%; }
  .zh .textAlignVert span span { font-size: 100%; } }

@media only screen and (max-width: 500px) { .rightContent .offersContent.slide { width: 100%; display: block; }
  .rightContent .offersTitle { margin-top: 25px; } }

/*Hutchsion added on 20150706*/
.hutchsion.offers .offerContainer { /*background:url('/media/162203/fade-bg.png') repeat-x #E8E8E8;*/ margin-bottom: 25px; position: relative; }

.hutchsion.offers .offerHeader { background: #EDEDED; color: #000; border: 1px solid #CCC; min-height: 60px; vertical-align: middle; padding: 20px 15px; font-size: 110%; display: block; margin-bottom: 15px; }

.hutchsion.offers .offerHeader span { vertical-align: middle; }

.hutchsion.offers .offerContent { position: relative; }

.hutchsion.offers sup.black { color: #000; }

.hutchsion.offers .remarks { padding-left: 5px; }

.hutchsion.offers .remarks sup { padding-right: 5px; }

#mainContainer.inner .pageContent .rightContent .hutchsion.offers .offerImg { float: right; margin: 20px; max-width: 27%; position: absolute; right: 0; }

#mainContainer.inner .pageContent .rightContent .hutchsion.offers .offerImg#offer1p1 { top: -10px; margin-top: 0; }

#mainContainer.inner .pageContent .rightContent .hutchsion.offers .offerImg#offer1p2 { top: 90px; margin-top: 0; }

.chinese #mainContainer.inner .pageContent .rightContent .hutchsion.offers .offerImg#offer1p2 { top: -10px; }

.hutchsion.offers ul.terms { padding-left: 20px; }

.hutchsion.offers .terms li { list-style: disc; }

.hutchsion.offers .offer1 .terms { margin-top: 70px; }

.hutchsion.offers.notes span { margin: 10px 0; }

.hutchsion.address ul { margin-left: 0; }

.hutchsion.address li { list-style: none; }

/*.hutchsion.address, .hutchsion.tAndC{margin-left:20px;}*/
@media only screen and (max-width: 767px) { .hutchsion.offers .offerHeader span { padding: 5px 10px 0 10px; font-size: 110%; display: block; } }

@media only screen and (max-width: 500px) { .hutchsion.offers img.offerImg { width: 60%; max-width: 60%; float: none; margin: 20px auto 0 auto; display: block; }
  .textAlignVert span span { font-size: 85%; }
  .zh .textAlignVert span span { font-size: 95%; }
  .offDinner.en .btnContainer a { height: 100%; min-height: 62px; }
  .offDinner.zh .btnContainer a { height: 100%; min-height: 62px; } }

.topshop.hutchsion.offers .offerContainer { background: none !important; }

/*Hutchsion ends*/
/*TVC added on 20150727*/
.tvcContainer { width: 102%; }

.tvcContainer .tvc { float: left; width: 31.6666666667%; margin-right: 1.5%; position: relative; margin-bottom: 20px; border: 1px solid #CCC; }

.tvcContainer .tvc > a { width: 100%; display: block; color: #333; }

.tvcContainer .tvc > a .iconPlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/media/223753/btn_play.png) no-repeat 50% 35%; }

.tvcContainer .tvc > a img { width: 100%; margin-bottom: 5px; }

.tvcContainer .tvc > a .description { width: 80%; display: block; padding: 0 0 10px 10px; min-height: 48px; line-height: 120%; }

.tvcContainer .tvc a.btnFB { position: absolute; right: 10px; bottom: 26px; display: block; width: 20px; height: 20px; background: url(/media/223752/icon_fb.png) no-repeat; }

#tvcOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #FFF; opacity: 0.8; filter: alpha(opacity=80); }

#tvcLightbox { position: fixed; width: 600px; z-index: 1001; left: 0; top: 20%; }

#tvcLightbox .tvcLightboxContainer { width: 600px; margin: 0 auto; }

#tvcLightbox .tvcLightboxContainer iframe { width: 100%; height: 337px; }

#tvcLightbox .tvcLightboxContainer .btnFB { display: block; width: 49px; height: 21px; background: url(/media/223765/btn_fb_tc.png) no-repeat; margin: 10px 0 0 0; }

.en #tvcLightbox .tvcLightboxContainer .btnFB { background-image: url(/media/235057/btn_fb_en.png); width: 59px; }

@media only screen and (max-width: 767px) { .tvcContainer .tvc { width: 48.5%; }
  #tvcLightbox { width: 100%; left: 0 !important; }
  #tvcLightbox .tvcLightboxContainer { width: 90%; margin: 0 auto; }
  #tvcLightbox .tvcLightboxContainer iframe { height: 300px; } }

@media only screen and (max-width: 500px) { .tvcContainer .tvc { width: 100%; margin-right: 0; }
  #tvcLightbox .tvcLightboxContainer iframe { height: 200px; } }

.yro-container .tnc { display: inline-block; width: 100%; margin-top: 35px; }

div.tAndC ol { padding-left: 30px; margin-bottom: 20px; }

div.tAndC > ol > li { margin-bottom: 20px; }

div.tAndC > ol > li > ol, div.tAndC > ol > li > ol > li > ol { margin-bottom: 0; }

div.tnc ol { padding-left: 20px; }

div.tnc ol li { margin-bottom: 15px; font-size: 13px; }

div.tnc table td { border: 1px solid #333; text-align: center; padding: 10px; font-size: 85%; }

div.tnc.manning span.txtRed { color: #DB1100; }

.promoDesc table.leadIn { width: 100%; margin-bottom: 20px; }

.promoDesc table.leadIn td { text-align: center; padding: 10px; }

div.tnc span.subheader { display: block; margin-bottom: 20px; font-weight: bold; }

div.tnc.sogo table td { text-align: left; }

#mainContainer.inner p a.mobile { display: none; }

@media only screen and (max-width: 767px) { #mainContainer.inner .left a.mobile { display: inline-block !important; }
  #mainContainer.inner .left a.desktop { display: none !important; } }

#mainContainer.inner .diningOffers .promopage-content.listView .list .item .top.clearfix .text .content li.subheader { list-style: none; margin-left: -20px; }

#mainContainer.inner .diningOffers .promopage-content.listView .list .item .top.clearfix .text .content .tnc { font-size: 85%; list-style-type: none; padding-left: 0; }

#mainContainer.inner .diningOffers .promopage-content.listView .list .item .top.clearfix .text .content ul.tnc li { line-height: 20px; padding-left: 10px; text-indent: -10px; }

#mainContainer.inner .diningOffers .promopage-content.listView .list .item .top.clearfix .text .content ul ul { margin-left: 0; list-style-type: circle; margin-bottom: 0; }

#mainContainer.inner .diningOffers .promopage-content.listView .list .item .top.clearfix .text .content .tnc ul { list-style-type: none; }

#mainContainer.inner .diningOffers .promopage-content.listView .list .item .top.clearfix .text .content ul ul ul li { list-style-type: square; }

#mainContainer.inner .left a.btnRegister { background: #DB0011; color: #fff; text-decoration: none; padding: 10px 35px; height: 44px; }

#mainContainer.inner .left a.btnRegister:hover { color: #FFF; background: #A40000; }

#mainContainer.inner .left a.btnRegister:active { color: #FFF; background: #780009; }

#mainContainer.inner .left a.btnRegister:focus { color: #FFF; }

#mainContainer.inner .left a.btnRegister[disabled=disabled] { color: #666; background: none; border: 1px solid #D7D8D6; pointer-events: none; }

#mainContainer.inner .left .image_desktop, #mainContainer.inner .left .image_mobile { padding: 10px 0; }

#mainContainer.inner .left .image_mobile { display: none; }

.redTxt { color: #DB1100; }

.redTxt a { color: #DB1100; }

.address h2 { font-weight: bold; font-size: 20px; margin-bottom: 20px; }

.address .subheader { text-decoration: underline; margin-bottom: 20px; display: block; }

#mainContainer.inner .promopage-content.gridView .list .item .thumb { width: 140px; }

.promoDesc ul { list-style: disc; padding-left: 20px; }

.promoDesc ul.bullet.mini { padding-left: 48px; }

.promoDesc ul.bullet.mini li { font-size: 13px; margin-top: 10px; }

.btnContainer { width: 100%; margin: 20px 0; border-right: 1px solid #ccc; background: #EDEDED; }

.btnContainer a { float: left; background: #EDEDED; border: 1px solid #CCC; border-right: 0; width: 25%; height: 60px; display: block; text-align: center; color: #000; font-size: 110%; text-decoration: none; padding: 0 3px; }

.btnContainer.col2 a { width: 50%; }

.btnContainer.col3 a { width: 33.3%; }

.btnContainer.col4 a { width: 25%; }

.btnContainer.col5 a { width: 20%; }

.btnContainer.col6 a:first-child { width: 17.5%; }

.btnContainer.col7 a:nth-child(-n+4) { width: 25%; }

.btnContainer.col6 a { width: 16.5%; }

.btnContainer.col7 a { width: 33.3%; }

.btnContainer a.active { background: #FFF; }

#mainContainer.inner .diningOffers .promopage-content.listView .list .item { padding: 10px 20px; min-height: 112px; margin-bottom: 12px; }

#mainContainer.inner .diningOffers .promopage-content.listView .list .item .top { padding-bottom: 0; padding-left: 0; }

#mainContainer.inner .diningOffers .promopage-content.listView .list .item .top ul { list-style-type: disc; padding-left: 20px; margin-bottom: 25px; }
#mainContainer.inner .diningOffers .promopage-content.listView .list .item .top ul li { margin-bottom: 5px; }

#mainContainer.inner .pageContent .rightContent .page .diningOffers .item .thumb { width: 160px; position: relative; }

#mainContainer.inner .pageContent .rightContent .page .diningOffers .item .thumb img { max-width: 130px; max-height: 90px; }

#mainContainer.inner .pageContent .diningOffers .item .thumb { width: 160px; position: relative; }

#mainContainer.inner .pageContent .diningOffers .item .thumb img { max-width: 130px; max-height: 90px; }

#mainContainer.inner .pageContent .diningOffers .list .item .thumb { position: relative; }

.diningOffers .item .thumb img { margin: 0 auto; display: block; max-height: 120px; }

.diningOffers .list .item .thumb { display: table; float: left; margin-right: 15px; }

div.address table { margin: 10px 0 10px 0; width: 95%; }

div.address table td.address { width: 800px; padding-right: 10px; text-align: left; padding-bottom: 15px; }

div.address table td { height: 30px; min-width: 175px; padding-bottom: 10px; }

a.btnOfferMenu { text-decoration: underline; display: inline-block; }

ul.pl li { padding-left: 10px; text-indent: -10px; }

.nobr { white-space: nowrap; }

.promoDesc .left img { max-width: 100%; height: auto; }

@media only screen and (max-width: 767px) { .diningOffers .list .item .thumb { float: none; } }

@media (max-width: 1100px) { #mainContainer .contentContainer .mainVisual .list > div > img { width: 100%; margin-left: 0; left: 0; } }

.anchorFix { position: absolute; top: -40px; }

.chinese .promoList .block .title h2 { font-size: 94%; }

#offerContent .merchant-list .item { padding: 0; min-height: 0; border: 0; margin: 0; padding-bottom: 25px; }

#offerContent .merchant-list + .promopage-content.gridView .list .item.no-desc, #offerContent .merchant-list + .promopage-content.gridView .list .item { min-height: 230px; }

.desktopOnly.block { display: block; }

@media (min-width: 980px) { #mainContainer.inner .promopage-content.listView .list .item .top.hasThumb .text { width: 90%; } }

.footer-card { padding-bottom: 30px; }

@media only screen and (min-width: 980px) { .footer-card { width: 980px; margin: 0 auto; } }

@media only screen and (max-width: 979px) { .footer-card .card-img { padding-right: 15px; }
  .btnContainer.col6 a, .btnContainer.col6 a:first-child { width: 50%; }
  #mainContainer.inner .pageContent .rightContent .page .latest-offer-support-logo ol li { width: 100%; } }

.footer-card .card-img { float: right; padding-bottom: 50px; }

.home + #footerContainer .footer-card { display: none; }

.home.applePay + #footerContainer .footer-card { display: block; }

.offer-list { padding-bottom: 20px; }

.offer-list .offerHeader { width: 100%; height: 60px; background: #DB0918; }

.offer-list .offerHeader span { font-size: 153%; font-weight: bold; color: #FFF; display: inline-block; padding: 18px 0 0 20px; }

.offer-list .offerHeader span.right { float: right; font-size: 16px; font-weight: normal; padding-right: 15px; }

.offer-list .offerImg { max-width: 25%; float: right; }

.offer-list.left-photo .offerImg { float: left; max-width: 50%; }

.offer-list .offerContent { padding: 20px; position: relative; }

.offer-list .offerContent .title { font-size: 20px; font-weight: bold; width: 70%; display: block; }

.offer-list .offerContent ul { margin-top: 10px; width: 70%; }

.offer-list .item { padding-top: 20px; }

.offer-list.left-photo .offerContent { max-width: 45%; float: left; padding-top: 0; }

div.tnc li li { margin-bottom: 0px; }

.leadin-table { margin: 10px 0; width: 100%; table-layout: fixed; }

.leadin-table td { padding: 5px; }

/*.leadin-table td:first-child {width:15%;}*/
.leadin-table p { margin-bottom: 0; }

.expand-content { display: none; margin-top: 15px; }

.expand-container .btn-open { display: inline-block; }

.expand-container .btn-close { display: none; }

.expand-container.active .btn-close { display: inline-block; }

.expand-container.active .btn-open { display: none; }

.navBarContainer .navBar .nav > ul > li > a { vertical-align: middle; display: table-cell; padding: 0 12px; line-height: 24px; }

.navBarContainer .navBar .nav > ul > li { display: table; position: relative; }

.navBarContainer .navBar .nav > ul > li > .submenu { left: 0; }

.txt-light-grey { color: #999; }

#inAppOverlay { display: none; }

#mainContainer #inAppOverlay { display: block; }

a.skip:link, a.skip:visited { display: block; overflow: hidden; text-indent: -600em; font-size: small; width: 12em; height: 0; position: absolute; }

a.skip:focus, a.skip:active { text-indent: 0; font-size: small; width: 12em; height: auto; overflow: visible; top: 0; left: 0; z-index: 1000; color: #fff;}

.offers.hongthai .offerHeader { display: block; font-weight: bold; font-size: 20px; padding: 10px 15px; margin-top: 10px; }

.offers.hongthai img { float: right; }

#offerContent .merchant-list .offers.hongthai .item { padding: 20px 0; border-bottom: 1px solid #ccc; }

.offers.hongthai .offerContent { padding-left: 15px; }

@media screen and (max-width: 767px) { #offerContent .merchant-list + .promopage-content.gridView .list .item.no-desc, #offerContent .merchant-list + .promopage-content.gridView .list .item { min-height: 250px; } }

@media screen and (max-width: 1023px) { .desktop-display { display: none !important; }
  .mobile-display { display: inline-block !important; } }

#mainContainer.inner .pageContent .rightContent .page .apple-pay-steps ol { margin-left: 0; }

.apple-pay-steps li { display: inline-block; max-width: 45%; margin-right: 20px; margin-bottom: 20px; vertical-align: top; }

.apple-pay-steps img { margin-bottom: 10px; }

#mainContainer.inner .pageContent .rightContent .page .apple-pay-steps h3 { font-weight: normal; line-height: 22px; padding-left: 19px; text-indent: -19px; }

#mainContainer.inner .pageContent .rightContent .page .apple-pay-steps.moneyback h3 { padding-left: 0; text-indent: 0; }

#mainContainer.inner .pageContent .rightContent .page .hongthai .title { padding-left: 15px; display: inline-block; max-width: 70%; }

.android-pay-steps li { display: inline-block; width: 30%; margin-right: 20px; margin-bottom: 20px; vertical-align: top; }

.android-pay-steps li img { max-width: 250px; display: block; margin: 0 auto; }

#mainContainer.inner .pageContent .rightContent .page .android-pay-steps h3 { font-weight: normal; line-height: 22px; padding-left: 19px; text-indent: -19px; }

.applePay .where-to-use .shop, .applePay .where-to-use .app { float: left; width: 45%; }

.applePay .where-to-use .shop { margin-right: 20px; }

.mini-game-steps ul.bullet { padding-bottom: 10px; }

.mini-game-steps ul.bullet li { display: list-item; width: 100%; max-width: 100%; padding: 0; margin: 0; text-align: left; font-weight: bold; }

.mini-game-steps ul.bullet.question { padding: 0 0 10px 0; }

.mini-game-steps ul.bullet.question li { list-style-type: none; }

.mini-game-steps ul.bullet.ans li p { margin: 0; }

.mini-game-steps ul.bullet.ans li { font-weight: 400; }

.mini-game-steps > p { text-align: left; }

.mini-game-steps ol { text-align: center; }

.mini-game-steps ol.col3 li, .card-control ol.col3 li { width: 32%; margin-right: 10px; }

.mini-game-steps ol.col3 li:last-child, .card-control ol.col3 li:last-child { margin-right: 0; }

@media screen and (max-width: 980px) { .apple-pay-steps li { max-width: 100%; margin-right: 0; }
  .yro-container .firstLevelTab > div { width: 16.6%; }
  .yro-container .firstLevelTab a { /*min-height:77px;*/ }
  #mainContainer.inner .pageContent .rightContent .page .hongthai img { float: none; max-width: 100%; margin-top: 10px !important; }
  #mainContainer.inner .pageContent .rightContent .page .hongthai .title { padding-left: 0; max-width: 100%; }
  .offers.hongthai .offerContent { padding-left: 0; }
  .android-pay-steps li { width: 100%; margin-right: 0; }
  .android-pay-steps li img { width: auto; }
  .applePay .where-to-use .shop, .applePay .where-to-use .app { float: none; width: auto; } }

@media screen and (max-width: 420px) { #mainContainer.inner .pageContent .rightContent .page .hongthai img { width: 100%; } }

#mainContainer.applePay .where-to-use h2 { margin-bottom: 15px; margin-top: 20px; font-size: 120%; }

#mainContainer.applePay .where-to-use p { font-size: 112%; line-height: 180%; }

.pklogos img { max-height: 43px; margin-bottom: 4px; display: inline-block; }

@media only screen and (max-width: 767px) { table.wilson { font-size: 90%; }
  .btnContainer.col4 a { width: 50%; margin-top: -1px; }
  .btnContainer.col5 a { width: 50%; margin-top: -1px; }
  .btnContainer.col5 a:first-child { width: 33%; }
  .btnContainer.col5 a:first-child + a { width: 33%; }
  .btnContainer.col5 a:first-child + a + a { width: 33%; } }

.grey-table { max-width: 100%; }

.grey-table .header { background-color: #ededed; border-top: 1px solid #999; font-weight: bold; }

.grey-table tr { border-bottom: 1px solid #CCC; }

.grey-table td { text-align: center; vertical-align: middle; padding: 5px; }

#mainContainer.inner .promopage-content.listView .list .item .top.clearfix.hasThumb .text .content > ul > li { margin-bottom: 5px; }

@media screen and (max-width: 980px) { .btnContainer.travel-offers a.emirates, .btnContainer.travel-offers a.hotels { width: 50%; border-top: 0; } }

.applePay .leadin-table td { vertical-align: middle; }

/***** UI DCE Update: 2016/08/17 *****/
.yro-sorter > div .selectBg, .yro-container .selectBg { border: 0; background: none; }

.yro-container .yroContent .yro-promo-block { position: relative; }

@media only screen and (min-width: 980px) { .navBarContainer .navBar .nav { /*float:left;*/ }
  .navBarContainer .navBar .logo { padding-right: 60px; }
  .navBarContainer .navBar, .navBarContainer, .navBarContainer .navBar .nav > ul > li { height: 79px; }
  body.en .navBarContainer .navBar .nav > ul > li { width: 130px; }
  .navBarContainer .navBar .nav > ul > li > a { color: #404040; font-size: 16px; width: auto !important; padding: 0 18px; }
  body.en .navBarContainer .navBar .nav > ul > li > a { padding: 0 10px; }
  .navBarContainer .navBar .nav > ul > li.active > a { text-decoration: underline; }
  .navBarContainer .navBar .nav > ul > li > .submenu { top: 79px; }
  .navBarContainer .navBar .nav { background: none; }
  .navBarContainer .navBar .logo img { margin-top: 18px; }
  #headerContainer { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
  #mainContainer { margin-top: 115px; }
  .yro-container a.anchor { display: block; position: relative; top: -250px; visibility: hidden; } }

@media only screen and (min-width: 768px) { .yro-container .firstLevelTab a .verMidIn { font-size: 14px; }
  .yro-container .firstLevelTab a { padding: 0 10px; }
  .yro-container .firstLevelTab .active { margin-left: -1px; margin-right: -1px; }
  .yro-container .firstLevelTab .active a, .yro-container .firstLevelTab .active a:hover { padding-top: 0px; border-top: 5px solid #CB0000; border-left: none; border-right: none; padding: 0; }
  .yro-container .firstLevelTab a:hover { background: #FFF; margin-bottom: -1px; border: 1px solid #D6D4D4; border-bottom: 0; text-decoration: none; }
  .yro-container .firstLevelTab a:active { text-decoration: none; }
  .yro-container .firstLevelTab .active + div a:hover, .yro-container .firstLevelTab div:first-child a:hover { background: #FFF; }
  .yro-container .firstLevelTab div:hover + div a { background: none; }
  .yro-container .firstLevelTab, .yro-container .secondLevelTab { margin-bottom: 10px; }
  .yro-container .ddlMerchantList { margin-bottom: 20px; }
  .yro-container .yroContent { padding-left: 0; }
  .yro-container .secondLevelTab .nav > div { padding: 0; text-align: center; border-left: 0; background: none; display: block; float: left; border: 0; width: 11%; line-height: 1.2em; background: url(/media/51970/mainNav_divider.jpg) left center no-repeat; }
  .yro-container .secondLevelTab .nav > div a { font-size: 14px; }
  .yro-container .secondLevelTab .nav a { background: none; border: 0; padding: 5px 12px; }
  .yro-container .secondLevelTab .nav > div:first-child { border: 0; background: none; }
  .yro-container .secondLevelTab .nav .active { background: url(/media/51970/mainNav_divider.jpg) left center no-repeat; font-weight: bold; }
  .yro-container .secondLevelTab .nav .active a { border: 0; background: none; }
  .yro-container .secondLevelTab .nav a .verMidIn { font-size: 97%; } }

.select-target.select-theme-default { width: 305px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 18px; }

.select-target.select-theme-default:focus { outline: 1px solid blue; }

.select-element, .select-element.select-open { z-index: 999; width: 305px; }

.select.select-theme-default .select-options .hr-option { margin-top: -21px; padding: 0 9px; }

.select.select-theme-default .select-options .select-option { font-size: 14px; padding: 15px  18px; }

.select.select-theme-default .select-options .select-option[data-value~="-1"] { display: none !important; }

.select-target.select-theme-default b { top: 9px; height: 22px; right: 0px; padding-left: 43px; width: 0; }

.select-target.select-theme-default b:after { font-size: 14px; top: -9px; right: 12px; content: ' '; width: 15px; height: 40px; background: url(/media/1761914/dropdown_arrow.png) center no-repeat; }

@media only screen and (max-width: 979px) { .select-target.select-theme-default { width: 100%; }
  .select-element, .select-element.select-open { width: 50%; padding: 0 30px 0 0; box-sizing: border-box; }
  .ddlMerchantList .selectBg { width: 50%; padding: 0 15px 0 0; margin-left: 0; box-sizing: border-box; } }

@media only screen and (max-width: 768px) { .select-element, .select-element.select-open { width: 100%; padding: 0 30px 0 0; }
  .ddlMerchantList .selectBg { width: 100%; padding: 0 0px 0 0; } }

.grey-table { max-width: 100%; }

.grey-table .header { background-color: #ededed; border-top: 1px solid #999; font-weight: bold; }

.grey-table tr { border-bottom: 1px solid #CCC; }

.grey-table td { text-align: center; vertical-align: middle; padding: 5px; }

.android-pay-steps li { display: inline-block; width: 30%; margin-right: 20px; margin-bottom: 20px; vertical-align: top; }

.android-pay-steps li img { max-width: 250px; display: block; margin: 0 auto; }

.rc-promotion li img { margin-bottom: 10px; }

.rc-promotion li h3, .mini-game li h3 { font-size: 114%; font-weight: normal; line-height: 22px; padding-left: 19px; text-indent: -19px; margin: 0 auto; }

#mainContainer.inner .pageContent .rightContent .page .android-pay-steps h3 { font-weight: normal; line-height: 22px; padding-left: 19px; text-indent: -19px; }

@media screen and (max-width: 980px) { .android-pay-steps li { width: 100%; margin-right: 0; }
  .android-pay-steps li img { width: auto; } }

#mainContainer.home .promoList h2 { line-height: 120%; margin-bottom: 10px; }

/* Update on 20170308 */
/* Fix inner page banner size on ipad */
@media screen and (max-width: 1100px) and (min-width: 768px) { #mainContainer.inner .contentContainer .mainVisual .list > div > img, #mainContainer .contentContainer .mainVisual.heroBanner .list > div > img { height: auto; width: 100%; position: relative; }
  #mainContainer.inner .contentContainer .mainVisual { height: auto !important; width: auto !important; } }

/* End update on 20170308 */
/* Update on 20170310 */
.border-gray { border: 1px solid #CCCCCC; }

.item-container { padding: 20px; box-sizing: border-box; margin-bottom: 20px; }

.item-container .item-section { display: inline-block; vertical-align: top; }

.item-container .item-section.item-visual { width: 20%; text-align: center; }

.item-container .item-section.item-visual img { max-width: 130px; width: 100%; }

.item-container .item-section.item-content { width: 80%; }

.item-container .item-section:nth-of-type(2) { margin-left: -4px; padding: 0 0 0 20px; box-sizing: border-box; }

.item-container .premier-item.item-content-premier { width: 76%; }

.item-container .item-section.premier-item { margin: 25px 0 25px 0; }

.item-container .item-section.premier-item:nth-of-type(even) { padding: 0 0 0 4%; box-sizing: border-box; }

@media only screen and (max-width: 767px) { .item-container .item-section { display: block; width: auto !important; }
  .item-container .item-section:nth-of-type(2) { margin: 0; padding: 20px 0 0 0; }
  .item-container .item-section.item-visual { text-align: left; } }

/* END Update on 20170310 */
/* MAIN VISUAL LIMIT WIDTH */
#mainContainer .contentContainer .mainVisual div .text { max-width: 360px; }

/*#mainContainer .contentContainer .mainVisual div .text { max-width: 340px;}*/
#mainContainer.inner .promoDesc > .left a.arrow { text-decoration: none; }

#mainContainer.inner .promoDesc > .left a.arrow:hover { text-decoration: underline; }

/* CHEAT FOR HOMEPAGE CAPTURE */
.promoList .block:nth-child(3) + .block, .promoList .block:nth-child(4) + .block { margin-top: 100px; }

/* Update on 20170510 */
.expand-content.fullWidth { margin: 0 -19px; padding: 0 19px; }

div.cardTable { margin: -19px; }

.expand-content.fullWidth div.cardTable { margin: 0 -19px; }

div.cardTable table { width: 100%; }

div.cardTable table td { background: url(/media/3151137/bg_gradient.jpg) center bottom repeat-x; padding: 25px 30px; border: 1px solid #FFF; width: 50%; }

div.cardTable table td div.card { text-align: center; margin: 25px 0; }

div.cardTable table td div.card img { max-height: 100px !important; }

div.cardTable table td.noBg { background: none; }

@media only screen and (max-width: 767px) { div.cardTable table { display: block; }
  div.cardTable table tr { display: block; }
  div.cardTable table td { width: 100%; display: block; }
  #mainContainer .contentContainer .mainVisual div .text { max-width: 100%; } }

#mainContainer.centerNav.inner .pageContent .leftNav > ul li { text-align: center; }

/*Update at 20170606*/
.navBarContainer .navBar .nav > ul > li > a { font-size: 15px; }

.navBarContainer .navBar .nav { font-size: 1em; }

@media only screen and (max-width: 970px) { #mainContainer.inner .promoDesc > div > .left { width: auto; float: none; }
  #mainContainer.inner .promoDesc > div > .right { width: auto; float: none; text-align: left; }
  #mainContainer.inner .left .image_desktop { display: none; }
  #mainContainer.inner .left .image_mobile { display: block; } }

/*Update at 20170706*/
body.en .navBarContainer .navBar .nav > ul li .submenu { width: 231px; }

body.en .navBarContainer .navBar .nav > ul > li .submenu .submenu { left: 231px; }

.navBarContainer .navBar .nav > ul li .submenu { width: 255px; }

.navBarContainer .navBar .nav > ul > li .submenu .submenu { left: 235px; }

.navBarContainer .navBar .nav > ul li a.hasSubMenu.focus ~ .submenu { display: block; }
 

.fontsize18 { font-size: 18px; }

#mainContainer.inner .promoDesc > div > .left .left { width: 550px; float: left; }

#mainContainer.inner .promoDesc > div > .right .right { width: 550px; float: right; }

/*Update at 20170808*/
.remove-margin { margin: 0px auto; }

.remove-margin p { margin: 0px; }

.item-container .item-section.centerProductImage { width: 39%; /*text-align: right;*/ }

#mainContainer.inner .pageContent .rightContent .page .item-container .item-section.centerProductImage img { max-width: 65%; }

.item-container .item-section.centerProductContent { width: 60%; text-align: left; }

@media only screen and (max-width: 768px) { /*Update at 20170808*/
  .item-container .item-section.centerProductImage { width: 100%; text-align: center; }
  #mainContainer.inner .pageContent .rightContent .page .item-container .item-section.centerProductImage img { max-width: 50%; } }

.quality-healthcare table { width: 100%; }

.quality-healthcare table th, .quality-healthcare table td { padding: 10px; text-align: center; }

.quality-healthcare table th { background-color: #f7f7f7; }

.quality-healthcare .additional-offer { padding: 16px; border: 1px solid #ccc; }

/*Update at 20171017 Mannings*/
.mannings .expand-container .expand-content table { width: 100%; }

.mannings .expand-container .expand-content table td:nth-child(1) { width: 25%; }

.mannings .expand-container .expand-content table td { padding: 10px; }

.mannings .expand-container .expand-content table .center td { text-align: center; }

/*Update at 20171123 Rewards Plus*/
.contentAppLogo { display: inline-block; min-width: 350px; width: 40%; margin: 20px 20px; }

.contentAppLogo .leftLogo, .contentAppLogo .rightLogo { display: inline-block; float: left; }

.contentAppLogo .leftLogo { width: 22%; }

.contentAppLogo .rightLogo { width: 70%; margin-left: 5%; }

.contentAppLogo .rightLogo .logo.storeLogo { width: 49%; display: inline-block; margin-top: 10px; font-size: 1.4em; }

.navRewardsBtn .btn { display: inline-block; }

.navRewardsBtn .btn a { text-decoration: none; font-size: 1.2em; background-color: #DF001D; color: #ffffff; padding: 15px 20px; margin-bottom: 5px; text-align: center; display: inline-block; }

.rewardsPlus { text-align: center; }

.rewardsPlus.mini-game { text-align: left; }

.rewardsPlus li { max-width: 32%; margin-right: 0; }

.rewardsPlus li h3 { text-align: left; }

.rewardsPlus li:nth-child(odd) { margin-right: 10%; }

.rewardPlusOffer { width: 100%; }

.rewardPlusOffer .left { width: 68%; }

.rewardPlusOffer .right { width: 30%; }

/** 20180528 rc promotion **/
#mainContainer.inner .pageContent .rewardsPlus.rc-promotion ol li:last-child { margin-right: 42%; }

/** 20180528 rc promotion **/
/** 20180628 rewards minigame **/
#mainContainer.inner .pageContent .rewardsPlus.mini-game ol li img { width: 100%; }

/** 20180628 rewards minigame **/
/** 20180716 card-control **/
.card-control li:nth-child(odd) { margin-right: 20px; }

.card-control ol.special-row li:nth-child(1) { width: 100%; padding-right: 24px; margin-right: 0; }

.card-control ol.special-row li:nth-child(2) { max-width: 64%; margin-left: -4px; }

.card-control ol.special-row li .col-img { width: 100%; display: inline-block; max-width: 47%; }

.card-control ol.special-row li .col-img.col-img-1 { margin-right: 20px; }

.card-control ol.special-row-2 li { max-width: 66%; margin-right: 0; }

.card-control ol.special-row-2 li .col-img { width: 100%; display: inline-block; max-width: 47.42%; }

.card-control ol.special-row-2 li .col-img:nth-child(1) { margin-right: 20px; }

.card-control ol.special-row.style2 li:nth-child(1) { max-width: 64%; margin-left: -4px; margin-right: 20px; padding-right: 0; }

.card-control ol.special-row.style2 li:nth-child(2) { width: 100%; max-width: 32%; padding-right: 24px; margin-right: 0; margin-left: 0; }

.card-control ol.special-row.style2 li h3 { margin-left: 10px; }

/** 20180716 card-control **/
@media only screen and (max-width: 768px) { .rewardsPlus li, .mini-game-steps ol.col3 li, .card-control ol.col3 li { max-width: 100%; width: 100%; margin-right: 0; }
  #mainContainer.inner .pageContent .rewardsPlus.rc-promotion ol li:last-child { margin-right: 0; }
  /** 20180716 card-control **/
  .card-control ol.special-row li:nth-child(2), .card-control ol.special-row li .col-img, .card-control ol.special-row.style2 li:nth-child(1), .card-control ol.special-row.style2 li:nth-child(2), .card-control ol.special-row-2 li .col-img, .card-control ol.special-row-2 li { max-width: 100%; }
  /** 20180716 card-control **/ }

@media only screen and (max-width: 600px) { .navRewardsBtn .btn { width: 100%; }
  .navRewardsBtn .btn a { text-decoration: none; font-size: 1.1em; float: left; }
  .navRewardsBtn .btn a span { display: block; } }

@media only screen and (max-width: 420px) { .contentAppLogo { width: 100%; min-width: 100%; margin: 0; } }

/** stickybar */
#stickyPromotionWrap { display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2; -webkit-transition: bottom 0.3s ease-out; -moz-transition: bottom 0.3s ease-out; -o-transition: bottom 0.3s ease-out; -ms-transition: bottom 0.3s ease-out; transition: bottom 0.3s ease-out; }

#stickyPromotionWrap .clear { clear: both; }

#stickyPromotionWrap .stickyPromotion { display: table; width: 100%; max-width: 1150px; padding: 12px; margin: 0 auto; background: white; border: 1px solid #C1C1C1; }

#stickyPromotionWrap .stickyText { display: table-cell; vertical-align: middle; }

#stickyPromotionWrap .stickyPromotion > .stickyBtn { display: table-cell; vertical-align: middle; text-align: right; min-width: 193px; }

#stickyPromotionWrap .stickyBtn > a { width: 150px; margin: 0; color: #FFF; background: #CB0000; min-height: 44px; min-width: 44px; display: block; }

#stickyPromotionWrap .closeBtn { width: 20px; height: 42px; display: inline-block; position: relative; background: #FFF; text-align: center; vertical-align: middle; margin-top: -4px; margin-left: 8px; cursor: pointer; position: relative; }

#stickyPromotionWrap .closeBtn:before, #stickyPromotionWrap .closeBtn:after { content: ''; position: absolute; height: 1px; width: 12px; top: 6px; left: 0; right: 0; margin: -1px auto; background-color: #7f7f7f; }

#stickyPromotionWrap .closeBtn:before { transform: rotate(45deg); }

#stickyPromotionWrap .closeBtn:after { transform: rotate(-45deg); }

@media only screen and (max-width: 979px) { #stickyPromotionWrap .stickyPromotion { max-width: 100%; padding: 6px 12px; } }

@media only screen and (max-width: 767px) { #stickyPromotionWrap .stickyPromotion > .stickyBtn { min-width: 153px; }
  #stickyPromotionWrap .stickyText { font-size: 12px; padding-right: 0; line-height: 150%; }
  #stickyPromotionWrap .stickyBtn > a { width: 110px; min-height: 44px; min-width: 44px; line-height: 38px; font-size: 14px; margin-top: 0; padding: 0 12px; display: inline-block;}
  #stickyPromotionWrap .closeBtn { height: 37px; } }

.leadin-video-frame { width: 100%; height: 313px; padding-bottom: 20px; }

.leadin-video-frame iframe { width: 100%; height: 100%; }

/** herobanner with video **/
#mainContainer .contentContainer .mainVisual.videoBanner .videoWrap { width: 52%; height: 0; padding-bottom: 29.25%; position: relative; float: right; margin-top: 50px; margin-bottom: 50px; margin-right: 80px; }

#mainContainer .contentContainer .mainVisual.videoBanner .videoWrap .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

#mainContainer .contentContainer .mainVisual.videoBanner .textWithVideo { width: 29.5%; height: auto; position: relative; float: left; margin-top: 7.6%; margin-left: 66px !important; top: 0 !important; left: 0 !important; background: #FFF !important; max-width: 400px !important; }

#mainContainer .contentContainer .mainVisual.videoBanner .textWithVideo p { line-height: 1.5em; }

#mainContainer .contentContainer .mainVisual.videoBanner .btnRegister { font-size: initial; background: #DB0011; color: #fff; text-decoration: none; padding: 10px 35px; margin-top: 30px; display: inline-block; min-width: 44px; min-height: 44px; }

#mainContainer .contentContainer .mainVisual.videoBanner div .text.textWithVideo .title { padding-bottom: 34px; color: #333; }

@media only screen and (max-width: 979px) { #mainContainer .contentContainer .mainVisual.videoBanner { margin-top: 20px; }
  #mainContainer .contentContainer .mainVisual.videoBanner .list > div > img { display: none; }
  #mainContainer .contentContainer .mainVisual.videoBanner .videoWrap { width: 100%; min-height: 0; padding-bottom: 56%; float: none; margin: 0 !important; }
  #mainContainer .contentContainer .mainVisual.videoBanner .textWithVideo { width: 100%; max-width: 100% !important; margin: 0 !important; padding-top: 25px; }
  #mainContainer .contentContainer .mainVisual.videoBanner div .text.textWithVideo .title { padding-bottom: 20px; }
  #mainContainer .contentContainer .mainVisual.videoBanner div .text.textWithVideo .title br { display: none; }
  #mainContainer .contentContainer .mainVisual.videoBanner .textWithVideo p { font-size: 115%; line-height: 1.25em; }
  #mainContainer .contentContainer .mainVisual.videoBanner .btnRegister { margin-top: 16px; } }

/*Update at 20171218 lucky draw list table*/
.lucky-draw-table { width: 60%; }

.lucky-draw-table tr td { padding: 10px; border: 1px solid #CCCCCC; }

.lucky-draw-table tr td:nth-child(odd) { width: 50%; text-align: left; }

.lucky-draw-table tr td:nth-child(even) { width: 50%; text-align: center; }

.lucky-draw-table tr td.header { text-align: center; font-weight: bold; }

@media only screen and (max-width: 767px) { .lucky-draw-table { width: 100%; } }

/*Update at 20171218 lucky draw list table*/
.threeColumnBox { width: 100%; margin-top: 30px; }

.threeColumnBox ol { margin-left: 0 !important; }

.threeColumnBox ol li { width: 32%; margin-right: 1%; min-height: 195px; }

.threeColumnBox ol li.col-12 { width: 100%; }

.threeColumnBox ol li.col-6 { width: 49%; }

.threeColumnBox ol li.col-6 h2 { max-width: inherit; padding: 10px 20px; }

.threeColumnBox ol li p { padding: 10px 20px; clear: both; }

.threeColumnBox ol li ul.desc-list { width: 50%; display: inline-block; padding: 10px 20px; vertical-align: top; float: left; }

.threeColumnBox ol li ul.desc-list li { display: block; width: 100%; min-height: auto; display: list-item; margin-left: 20px; }

.threeColumnBox ol li h2 { max-width: 250px; margin: 10px auto !important; }

.threeColumnBox ol li:nth-last-child(1) { margin-right: 0; }

.threeColumnBox.mobileCapImg ol li img { min-height: 430px; }

.offboxMaths { width: 100%; display: inline-block; margin: 20px 0; }

.offboxMaths .boxImg { width: 29%; display: inline-block; float: left; }

.offboxMaths .plusText { font-size: 72px; color: #333; padding-top: 4%; width: 5%; display: inline-block; float: left; text-align: center; line-height: 80px; }

@media only screen and (max-width: 959px) { .threeColumnBox ol li { width: 100% !important; margin-right: 0; min-height: auto; }
  .threeColumnBox ol li h2 { max-width: inherit; padding: 0 20px; }
  .threeColumnBox.mobileCapImg ol li img { min-height: inherit; }
  .offboxMaths .plusText { font-size: 56px; }
  .threeColumnBox ol li ul.desc-list { width: 100%; padding-bottom: 0; padding-top: 0; }
  .threeColumnBox ol li ul.desc-list:nth-child(1) { padding-top: 10px; } }

@media only screen and (max-width: 767px) { .threeColumnBox ol li img { max-width: 100%; }
  .offboxMaths .boxImg { width: 100%; }
  .offboxMaths .plusText { font-size: 56px; width: 100%; } }

/*Update at 20180105 HP exclusive offer cross border table*/
.crossBorderTable tr td { padding: 0 50px; }

@media only screen and (max-width: 767px) { .crossBorderTable tr td { padding: 0; } }

.crossBorderTable.noBorder, .crossBorderTable.noBorder tr, .crossBorderTable.noBorder tr td { border: none !important; }

/* smartappbanner */
#android-banner-wrapper { width: 100%; height: 84px; display: none; }

.has-ios-banner #android-banner-wrapper { height: 79px; }

.has-banner #android-banner-wrapper, .has-ios-banner #android-banner-wrapper { display: block; }

#android-banner-wrapper .android-banner-inner { position: fixed; width: 100%; height: 84px; top: 0; z-index: 1001; }

.has-ios-banner #android-banner-wrapper .android-banner-inner { height: 79px; background: #f2f2f2; border-bottom: 1px solid #cdcdcd; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; }

.has-banner .utility-bar-container { top: 84px; }

.has-ios-banner .utility-bar-container { top: 79px; }

.has-banner .navbar { top: 119px; }

.has-ios-banner .navbar { top: 114px; }

@media only screen and (max-width: 60em) { .has-banner .navbar { top: 84px; }
  .has-ios-banner .navbar { top: 79px; }
  .has-banner .navbar .main-nav { top: -84px; }
  .has-ios-banner .navbar .main-nav { top: -79px; } }

.has-banner #android-banner { position: relative; background: #DFDFDF; }

.has-banner #android-banner .appCloseButton { display: inline-block; margin: 7px; float: right; }

.has-banner #android-banner .hsbcLogo { float: left; margin: 7px; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); width: 57px; height: 57px; margin-bottom: 26px; }

.has-banner #android-banner .appName { float: left; color: #333333; font-weight: bold; font-family: Arial,sans-serif; white-space: nowrap; margin: 8px 0px 0px; top: 10px; font-size: 0.842em; }

.has-banner #android-banner .appName span { display: block; margin-top: 10px; font-size: 70%; font-weight: normal; }

.has-banner #android-banner .appInstall { position: absolute; bottom: 0; right: 7px; float: right; max-width: 140px; width: 30%; margin-bottom: 10px; }

.has-banner #android-banner .appInstall a { display: inline-block; }

.has-banner #android-banner .appInstall img { width: 100%; max-width: 140px; height: 28px; }

.has-banner #android-banner br { clear: both; height: 1px; }

.has-ios-banner #android-banner .appCloseButton { display: block; position: fixed; left: 5px; top: 21px; width: 22px; color: #737373; font-size: 22px; text-align: center; line-height: 1.5; }

.has-ios-banner #android-banner .hsbcLogo { display: block; position: fixed; left: 30px; top: 10px; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); height: auto !important; background-image: none !important; }

.has-ios-banner #android-banner .appName { display: block; position: fixed; width: 50%; left: 98px; top: 18px; color: #101010; font-size: 13px; line-height: 1.2; }

.has-ios-banner #android-banner .appName span { display: block; color: #393939; font-size: 11px; }

.has-ios-banner #android-banner .appInstall { display: block; position: fixed; right: 5px; top: 26px; padding: 0 10px; min-width: 10%; height: 24px; color: #007aff; font-size: 16px; text-align: center; line-height: 24px; }

.has-ios-banner #android-banner .appName span.innerText, .has-banner #android-banner .appName span.innerText { display: inline-block; font-size: 100%; margin: 0; }

.has-ios-banner #android-banner .appName span.grey, .has-banner #android-banner .appName span.grey { color: #676767; }

.has-ios-banner #android-banner .appName span.bold, .has-banner #android-banner .appName span.bold { font-weight: bold; }

.has-banner #android-banner-wrapper, .has-banner #android-banner-wrapper .android-banner-inner, .has-banner #android-banner { height: 84px; }

/*Update at 20180206 CHY Special*/
.cnyOffer #sb-site { background-color: #fff; background-image: url("/media/5525991/180018_cny_promopage.jpg"); background-size: 1100px; background-repeat: repeat-y; background-position: center 146px; color: #fff; text-align: center; }

.cnyOffer #sb-site #mainContainer.inner .promoDesc { padding: 0 20px; }

.cnyOffer #sb-site #mainContainer.inner .promoDesc p { padding: 0 160px; }

.cnyOffer #sb-site #mainContainer.inner .promoDesc > div.alignLeft > .left { text-align: center; }

.cnyOffer #sb-site #mainContainer.inner .promoDesc > div > .left a { text-decoration: none; color: #fff; }

.cnyOffer #sb-site #mainContainer.inner a.arrow { color: #fff; }

.chyPromo-container { text-align: center; }

.chyPromo-container .titleImg { max-width: 360px; margin: 0 auto; padding-bottom: 20px; }

.chyPromo-container .desc { width: 100%; max-width: 780px; margin: 0 auto; }

@media only screen and (max-width: 980px) { .cnyOffer #sb-site { background-size: 1064px; background-position-y: 0px; }
  .cnyOffer.cnyOfferEn #sb-site { background-size: 1200px; background-position-y: 40px; }
  .cnyOffer #sb-site #mainContainer.inner { padding: 15px 0; } }

@media only screen and (max-width: 720px) { .cnyOffer.cnyOfferEn #sb-site { background-size: 1160px; }
  .cnyOffer #sb-site #mainContainer.inner .promoDesc p { padding: 0 20px; } }

@media only screen and (max-width: 500px) { .cnyOffer #sb-site #mainContainer.inner .promoDesc p { padding: 0; } }

/* Update at 20180403*/
.logoTable-5 { width: 100%; }

.logoTable-5 td { width: 20%; text-align: center; }

.logoTable-5 td img { width: 80%; padding: 0 10%; }

@media only screen and (max-width: 500px) { .logoTable-5 td { width: 100%; display: block; } }

/** 20180529 accordion listing **/
.accordionList { border-bottom: 1px solid #e3e3e3; }

.accordionList .accordionHeader { border-top: 1px solid #e3e3e3; margin: 0; }

.accordionList .accordionHeader a { cursor: pointer; color: #000; line-height: 135%; display: block; padding: 20px 28px 20px 0; background: url("/dc-media/apple-pay/arrow-down.png") no-repeat right center; text-decoration: none !important; }

.accordionList .accordionHeader a:hover { text-decoration: underline !important; }

.accordionList .accordionHeader.opened a { background: url("/dc-media/apple-pay/arrow-up.png") no-repeat right center; }

.accordionList .accordionHiddenContent p { font-size: 110%; margin-top: 20px; }

.accordionList .accordionHiddenContent ul { margin: 0; margin-bottom: 20px; padding: 0 0 0 20px; font-size: 112%; list-style-position: outside; list-style-type: disc; }

.accordionList .accordionHiddenContent ul li { font-size: 97%; }

/** 20180529 accordion listing - END **/
/* Reward Plus Download Page */
.contentAppLogo { display: inline-block; min-width: 350px; width: 40%; margin: 20px 20px; height: auto; }

.contentAppLogo .logo { padding: 0; width: auto; height: auto; float: none; font-size: 30px; font-weight: bold; }

.contentAppLogo .leftLogo, .contentAppLogo .rightLogo { display: inline-block; float: left; }

.contentAppLogo .leftLogo { width: 22%; }

.contentAppLogo .rightLogo { width: 70%; margin-left: 5%; }

.contentAppLogo .rightLogo .logo { letter-spacing: 0px; width: 100%; height: 38px; float: left; padding-right: 5px; position: relative; }

.contentAppLogo .rightLogo .logo p { font-size: 20px; font-weight: bold; line-height: 100%; position: absolute; }

.contentAppLogo .rightLogo .logo:before { height: auto; }

.contentAppLogo .rightLogo .logo.storeLogo { width: 48%; display: inline-block; margin-top: 10px; font-size: 1.4em; }

.navRewardsBtn .btn { display: inline-block; }

.navRewardsBtn .btn a { text-decoration: none; font-size: 1.2em; background-color: #DF001D; color: #ffffff; padding: 15px 20px; margin-bottom: 5px; text-align: center; display: inline-block; }

.contentAppLogo.yr_2018 { width: 100%; margin: 0; }

.contentAppLogo.yr_2018 .leftLogo { width: 70px; }

.contentAppLogo.yr_2018 .rightLogo { width: 83.5%; margin-left: 20px; }

.contentAppLogo.yr_2018 .rightLogo .desc { font-size: 154%; line-height: 1.2; font-weight: bold; }

.contentAppLogo.yr_2018 .rightLogo .desc p { margin-bottom: 4px; }

.contentAppLogo.yr_2018 .rightLogo .logo { width: 192px; }

.contentAppLogo.yr_2018 .rightLogo .logo.storeLogo { width: 134px; margin-top: 0; }

/** 20180626 **/
.contentAppLogo.yr_2018 .leftLogo, .contentAppLogo.yr_2018 .leftLogo img { width: 50px; }

.contentAppLogo.yr_2018 .rightLogo { margin-left: 10px; }

.contentAppLogo.yr_2018 .rightLogo .desc { font-size: 110%; }

.contentAppLogo.yr_2018 .rightLogo .logo { width: 140px; }

.contentAppLogo.yr_2018 .rightLogo .logo.storeLogo { width: 100px; }

@media only screen and (max-width: 767px) { .contentAppLogo.yr_2018 .leftLogo { width: 22%; max-width: 77px; }
  .contentAppLogo.yr_2018 .rightLogo { width: 74%; margin-left: 10px; }
  .contentAppLogo.yr_2018 .rightLogo .desc { font-size: 120%; }
  .contentAppLogo.yr_2018 .rightLogo .logo { width: 100%; margin-bottom: 10px; margin-top: 6px; min-height: 40px; }
  .contentAppLogo.yr_2018 .rightLogo .logo img { max-width: 210px !important; }
  .contentAppLogo.yr_2018 .rightLogo .logo.storeLogo { width: auto; min-height: 40px; }
  .contentAppLogo.yr_2018 .rightLogo .logo.storeLogo img { max-width: 96px !important; } }

@media only screen and (max-width: 420px) { .contentAppLogo { width: 100%; min-width: 100%; margin: 0; }
  .contentAppLogo .rightLogo .logo { height: 32px; } }

.leadin-full #mainContainer.inner .promoDesc > div > .left { width: 100%; }

.leadin-full #mainContainer.inner .promoDesc > div > .right { display: none; }

@media only screen and (max-width: 767px) { .no-nav .navBarContainer .navBar .logo a { margin-left: 10px; } }

/* update 2018-08-06 RB XDomain */
iframe#rb_content { margin-top: 110px; margin-bottom: 30px; border: none; height: 1px; }

iframe#rb_content .language-bar, iframe#rb_content .site-container, iframe#rb_content .footer-wrap { display: none; }

@media only screen and (max-width: 1065px) { iframe#rb_content .wrapper { padding-top: 0 !important; } }

@media only screen and (max-width: 979px) { iframe#rb_content { margin-top: 50px; } }

@media only screen and (max-width: 767px) { iframe#rb_content { margin-top: 42px; } }

/* update 2018-09-10 Dyson */
a.btnRegister { background: #DB0011; color: #fff; text-decoration: none; }

a.btnRegister:hover { color: #FFF; background: #A40000; }

a.btnRegister:active { color: #FFF; background: #780009; }

a.btnRegister:focus { color: #FFF; }

a.btnRegister[disabled=disabled] { color: #666; background: none; border: 1px solid #D7D8D6; pointer-events: none; }

/* Hack YRO Mobile Select */
.mobile .yro-sorter > div select { -webkit-appearance: inhert !important; appearance: inhert !important; -moz-appearance: inhert !important; -ms-appearance: inhert !important; opacity: 0; /*pointer-events: all !important*/; }

#mainContainer.inner .left a.btnRegister.mobile { text-decoration: none; }

/* update 2019-01-08 Reward Plus Table Booking */
.mini-game-steps p { text-align: left; }

/* update 2019-01-09 Maxim dining */
.maxim-offers-anchor-template { width: 840px; margin: 0 auto; }

.maxim-offers-anchor-template .photosContainer { margin-bottom: 20px; }

.maxim-offers-anchor-template .photosContainer img { width: 49.9%; margin-right: 0.1%; }

.maxim-offers-anchor-template .photosContainer img:last-child { margin-right: 0; }

@media only screen and (max-width: 767px) { .maxim-offers-anchor-template { width: 100%; }
  .maxim-offers-anchor-template .photosContainer img { width: 100%; }
  .btnContainer .textAlignVert span span.long { top: 10%; } }

.no-num h3 { text-indent: 0 !important; margin-top: 10px; padding-left: 0 !important; }

@media only screen and (max-width: 979px) { #mainContainer.inner .pageContent ol { margin-left: 25px; } }

/* update 2019-03-25 Red Box Table */
.box-table { width: 100%; display: table; border-spacing: 30px; border-collapse: separate; }

.box-table ul { list-style: none !important; padding: 0; margin: 0; display: table-row; }

.box-table ul li { border: 1px solid #999; display: table-cell; list-style: none; padding: 0; margin: 0; position: relative; vertical-align: middle; width: 33.333333%; }

.box-table ul li h3 { color: #FFF; font-weight: bold; background: #de1f26; padding: 15px 20px; text-align: center; position: absolute; left: 0; top: 0; width: 100%; }

.box-table ul li p { color: #333; padding: 20px 25px; margin: 0; text-align: center; vertical-align: middle; margin-top: 46px; }

@media only screen and (max-width: 767px) { .box-table, .box-table ul, .box-table ul li { width: 100%; display: block; }
  .box-table ul li { margin-bottom: 20px; } }

/* 2019-04-01 smaller font size on homepage banner */
#mainContainer .contentContainer .mainVisual div .text.textWithVideo .title { font-size: 130%; }

@media only screen and (min-width: 980px) { body.en #mainContainer.inner.maxim-mx-rice-dumplings .promopage-content.gridView .list .item { min-height: 400px; } }

@media only screen and (max-width: 979px) and (min-width: 768px) { body.en #mainContainer.inner.maxim-mx-rice-dumplings .promopage-content.gridView .list .item { height: 335px; } }

.scroll-x { overflow-y: hidden; width: 100%; -webkit-overflow-scrolling: touch; }

.diningOffers .fullBoxWidth .roundTable { width: 100%; }

#mainContainer.inner .pageContent .leftNav-6 > ul li { width: 16.6667%; }

td.col-s { width: 15%; }

td.col-m { width: 20%; }

#mainContainer.inner .promoDesc > div.oneCol > .left { margin-bottom: 0; }

.modal-stickybar { display: none; position: fixed; z-index: 9999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); }

.modal-stickybar .modal-content { position: relative; background-color: #fff; margin: auto; padding: 0; border: 1px solid #888; max-width: 500px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: transparent; -webkit-animation-duration: 0.4s; animation-name: transparent; animation-duration: 0.4s; }

.modal-stickybar .mclose { cursor: pointer; }

.modal-stickybar .modal-header { padding: 5px 5px 5px 10px; background-color: #fff; color: #333; border-bottom: 1px solid #ddd; border-left: 10px solid #fff; border-right: 10px solid #fff; }

.modal-stickybar .modal-header th { font-weight: bold; padding: 10px; }

.modal-stickybar .modalcontainer { table-layout: auto; border-collapse: collapse; width: 100%; text-align: center; vertical-align: middle; }

.modal-stickybar .modal-body { display: block; text-align: center; }

.modal-stickybar .modal-text { display: block; text-align: center; margin: 40px 0px 30px 0px; color: #333; }

.modal-stickybar a[class^='btn-'] { font-family: 'UniversNextforHSBC-Regular', Arial, sans-serif; text-align: center; padding: 15px 20px; color: #fff !important; display: inline-block; font-size: 16px; -webkit-transition: background .2s, border .2s; -moz-transition: background .2s, border .2s; -o-transition: background .2s, border .2s; -ms-transition: background .2s, border .2s; transition: background .2s, border .2s; text-decoration: none; }

.modal-stickybar a.btn-red { background: #db0011; border: 1px solid #db0011; min-width: 44px; min-height: 44px; }

.modal-stickybar a.btn-white { color: #000 !important; border: 1px solid #000; min-width: 44px; min-height: 44px; }

#stickyPromotionWrap .closeBtn { display: none !important; }

.subNav { background-color: #EDEDED; text-align: left; }

.subNav > .submenu { display: none; padding: 15px 30px; }

.subNav > .submenu.active { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-grow: row wrap; justify-content: flex-start; }

.subNav > .submenu > ul { padding-top: 20px; flex: 0 0 33%; }

.subNav > .submenu > ul > li { padding-bottom: 20px; padding-right: 20px; }

.subNav > .submenu > ul > li > a { font-size: 16px; }

.subNav > .submenu > ul > li > a ~ .submenu ul { padding-left: 15px; }

.subNav > .submenu > ul > li > a ~ .submenu ul li a { font-size: 14px; }

.subNav > .submenu > ul li { line-height: 150%; }

.modal-stickybar .modal-content.step-2, .modal-stickybar .modal-content.step-3 { display: none; }

.box-table-new { width: 100%; display: table; border-spacing: 30px; border-collapse: separate; }

.box-table-new ul { list-style: none !important; padding: 0; margin: 0; display: table-row; }

.box-table-new ul li { border: 1px solid #999; display: table-cell; list-style: none; padding: 0; margin: 0; position: relative; vertical-align: middle; width: 33.333333%; }

.box-table-new ul li h3 { color: #FFF; font-weight: bold; background: #de1f26; padding: 15px 20px; text-align: center; position: absolute; left: 0; top: 0; width: 100%; }

.box-table-new ul li p { color: #333; padding: 20px 25px; margin: 0; text-align: center; vertical-align: middle; margin-top: 46px; }

@media only screen and (max-width: 767px) { .box-table, .box-table ul, .box-table ul li { width: 100%; display: block; }
  .box-table ul li { margin-bottom: 20px; } }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li { vertical-align: top; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li p { margin-top: 75px; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li.title_grey h3 { background: #E0E0E0 !important; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li.button_grey a.btnRegister { background: #E0E0E0 !important; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li table { width: 100%; border-collapse: collapse; border: none; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li table tr { border: none; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li table tr td { padding: 0; border: none; text-align: center; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li table tr td.td-img { padding: 30px 0 30px 0; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li table tr td.td-img img { width: 100px; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li table tr td.td-text { padding: 0 20px; height: 5em; }

@media only screen and (max-width: 767px) { #mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li table tr td.td-text { height: fit-content; } }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li table tr td.td-a { padding: 15px 20px 20px 20px; }

#mainContainer.inner .promoDesc .box-table.box-table-new.reward-plus ul li table tr td h3 { position: relative; }

@media only screen and (max-width: 767px) {.promoIcon{ display:inline-block !important; }}

@media only screen and (max-width: 767px) {.promoIcon .leftLogo{ display:inline-block !important; width: 100% !important;max-width: initial !important;}}
			
@media only screen and (max-width: 767px) {.promoIcon .rightLogo{ display:inline-block !important; width: 100% !important;margin-top:10px;margin-left:0}}

.tips-step {display: flex; justify-content: flex-start; max-width: 1024px;width: 100%; flex-wrap: wrap;}
		
.tips-step > div { width: 50%; padding: 20px;}

@media only screen and (max-width: 767px) {.tips-step > div { width: 100%; padding: 20px;}}
		
.tips-step > div img {width: 100%; padding-bottom: 10px;}

table.offer-table {border-collapse: unset;}

table.offer-table tr:first-child td {border-top: 1px solid;}

table.offer-table tr td {border-right: 1px solid; border-bottom: 1px solid;}

table.offer-table tr td:first-child {border-left: 1px solid;}



.navBarContainer .navBar .nav > ul > li {font-size:14px;}

body.en .navBarContainer .navBar .nav > ul li .submenu {width:470px;}

body.en .navBarContainer .navBar .nav > ul > li .submenu .submenu {left:470px;}

body.en .navBarContainer .navBar .nav > ul > li:last-child .submenu .submenu {left:-470px;}

.navBarContainer .navBar .nav > ul > li .submenu li a {padding:13px 13px 13px 0;}



.mobile-click-icon {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/media/80337/ico_mainMenuArrow.png) 60% no-repeat;
    height: 100%;
    width: 25px;
    padding-right: 24px;
}

li.active > .mobile-click-icon {
    height: 50%;
}

.sb-slidebar .navBar .submenu ul li {
    position: relative;
}


.stickyBarWithOnlineChatBox .LPMcontainer.LPMoverlay {
bottom: 65px !important;
}

/* Table without inner border - 20250321*/

.border-none {
  border-collapse: collapse;
  border: none !important;
}

.border-none td {
  border: none !important;
  border-right: 1px solid #CCC !important;
}

.border-none tr {
  border: none !important;
}

.border-none tr:first-child td {
  border-top: 1px solid #CCC !important;
}

.border-none tr:last-child td {
  border-bottom: 1px solid #CCC !important;
}

.border-none tr td:first-child {
  border-left: 1px solid #CCC !important;
}

.border-none tr td:last-child {
  border-right: 1px solid #CCC !important;
}


/* .apply-btn:focus ~ .hoverlink.hidden { display: block!important; } */




.navBarContainer .navBar .nav > ul li a.hasSubMenu { position: relative; }
.navBarContainer .navBar .nav > ul li a { background:none; }
.navBarContainer .navBar .nav > ul li a.hasSubMenu::before { content: "";position: absolute;width: 8px;height: 8px;border: 1px solid #808080;border-left: 0;border-bottom: 0;transform: rotate(45deg) translateY(calc(-50% - 4px)); top: 50%; right: 0;}
.mobile-click-icon { display: none !important; }
.navBarContainer .navBar .nav > ul > li a.hasSubMenu { background:none; }


.itemGridCard { padding: 10px; border: 1px solid #ededed; display: grid; grid-template-columns: 175px 1fr; min-height: 160px; margin-bottom: 12px;}
.itemGridCard .itemGridCardContent { padding-left: 5px }
.itemGridCard .itemGridCardContent p:first-child{ font-size: 18px; }
.itemGridCard .itemGridCardContent .expand-container >a { width: 100%; display: block !important; text-align: right; }
.itemGridCard .item-section { width: 100%; }
.itemGridCard .item-section img { max-height: 90px; width: 100%; object-fit: contain; }
@media (max-width: 767px) {
    .itemGridCard { grid-template-columns: 1fr; }
}


.language-dropdown button {border: 0;background: url(/media/51968/langbar_dropdown.jpg) right center no-repeat;position: relative;width: 75px;text-align: center;font-size: 80%;color: #FFF;display: inline-block;padding-left: 10px;padding-right: 25px;}
.language-dropdown .list {display: block !important;}
.language-dropdown .list[hidden] {display: none !important;}
.langBarContainer .langBar #btnLang {background: unset!important;}

.expand-content ul {list-style: disc;margin-left: 20px;}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */