.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}
.prestige #lang_button { color: #94532C!important; }
.prestige #lang_button:after { background-position: 0px -120px!important; }
.prestige #lang_elem_list [role="option"].focused { background: #94532C; }

.tnc_exlink:after { content: ''; background: url(icn_stroke_non_hase_link_grey02.svg) no-repeat; width: 20px; height: 20px; margin-left: 0; margin-top: -4px; display: inline-block; vertical-align: middle; }
.tnc_exlink:hover { color: #94532C!important; }
.tnc_exlink:hover:after { background: url(icn_solid_external_link_pse.svg) no-repeat; }

.tnc_hideshow:after { content: ''; background: url(icn_stroke_chevron_down_grey02.svg) no-repeat; width: 20px; height: 20px; margin-left: 0; margin-top: -4px; display: inline-block; vertical-align: middle; }
.tnc_hideshow:hover { color: #94532C!important; }
.tnc_hideshow:hover:after { background: url(icn_stroke_chevron_down_hase_pse.svg) no-repeat; }
.tnc_hideshow.opened:after { background: url(icn_stroke_chevron_up_grey02.svg) no-repeat; }
.tnc_hideshow.opened:hover:after { background: url(icn_stroke_chevron_up_hase_pse.svg) no-repeat; }

h4, h5 { font-family:Arial, Verdana, Helvetica, sans-serif, "Microsoft JhengHei", "微軟正黑體" !important; color:#444444; }
h4 { font-size:20px; line-height:24px; }
h5 { font-size:16px; line-height:20px; }
p { font-size:16px; line-height:22px; }
p a:hover, p a:active { color:#a68c64; }
#main_content_area { padding-bottom:0; }
#footer p.borrow { font-size:15px; font-weight:normal; margin-bottom:15px; }
#footer .footer_bar { width:100%; height:6px; background-color:#f8e1b5; }
/*.view_d { display:block; }*/
.view_m { display:none; }
.banking_logo.prestige { position:relative; z-index:1; }
/* home */
.home { background:url(bg.jpg) no-repeat #dac499 top left; }
.home h1 { font-size:40px; font-weight:bold; color:#4f3818; display: inline-block;}
.home h2 { font-size:24px; font-weight:bold; color:#734b00; display: inline-block;}
.home .title p { font-size:16px; line-height:24px; font-weight:normal; color:#734b00; padding-top:10px; margin: 0 4%; }
.home .top-head { padding:20px 0; }
.home .title { width:100%; text-align:center;  padding-top:10px;}
.home .cf { width:100%;  position:relative; text-align: center;}
.home .cf img{ width:100%; max-width:300px; }
.home .cf .cf_gif{ position:absolute; top:0; left: 50%; margin-left: -150px;}
.home  .title .line{ width:100%; left: 50%; padding:10px 0;}
.home .remark { width:100%; text-align:center;  margin-bottom:30px;}
.home .tel:before { content:''; display:inline-block; vertical-align:top; background:url(ico_phone.png); width:15px; height:9px; margin-top:5px; margin-right:8px; }

.home .list-menu { margin-bottom:30px; text-align:center; }
.home .list-menu li { list-style:none; display:inline-block; margin-top:10px; vertical-align:top; }
.home .list-menu li a { display:block; width:256px; font-size:20px; font-style: italic; font-weight:bold; line-height:22px; color:#4f3818; margin:0 -13px;}
.home .list-menu li a i { background:url(arrow.png) no-repeat 0 0px; width:12px; height:12px; vertical-align:baseline; display:inline-block; margin-right:5px; }
.home .list-menu li a .subject { margin-bottom:10px; }
.home .list-menu li.m1 a .subject, .home .list-menu li.m2 a .subject, .home .list-menu li.m3 a .subject { margin-bottom:20px; margin-top:12px; }
.home .list-menu li a .thumb { height:112px; }
.home .list-menu li.m1 a .thumb { background:url(home_menu1.png) no-repeat; }
.home .list-menu li.m2 a .thumb{ background:url(home_menu2.png) no-repeat; }
.home .list-menu li.m3 a .thumb{ background:url(home_menu3.png) no-repeat; }
.home .list-menu li.m4 a .thumb{ background:url(home_menu4.png) no-repeat ; }
.home .list-menu li.m1 a:hover .thumb{ background:url(home_menu1_over.png) no-repeat; }
.home .list-menu li.m2 a:hover .thumb{ background:url(home_menu2_over.png) no-repeat; }
.home .list-menu li.m3 a:hover .thumb{ background:url(home_menu3_over.png) no-repeat; }
.home .list-menu li.m4 a:hover .thumb{ background:url(home_menu4_over.png) no-repeat; }
.main_banner { position: relative;}
/* inner page header */
.animenu__toggle { display: none; outline:none; }
.top-menu { background-color:#e2d1b3; }
.top-menu ul { display:table; width:85% }
.top-menu li { list-style:none; text-align:center; display:table-cell; height:40px; vertical-align:middle; width:25%; color:#734b00; font-size:15px; font-weight:bold; line-height:16px; cursor:pointer; }
.top-menu li.active { color:#ffffff; background:url(menu_bg.jpg) #906c48 repeat-y; }
.top-menu li:hover { color:#ffffff; background:url(menu_bg.jpg) #906c48 repeat-y; }
.top-menu li a { color:#734b00; line-height: 40px; display: block; }
.top-menu li.active a, .top-menu li:hover a { color:#ffffff; }
.top-menu li.logo { display:none; text-align:left; }
.animenu__nav--open { display: block !important; }
.animenu__nav--open .animenu__nav__child { display: block; }
/* top banner */
.top-banner { background-position:top right; background-repeat:no-repeat; width:100%; height:240px; color:#4f3818; display:table; position:relative; }
.top-banner .tagline { display:table-row; }
.top-banner .cell { display:table-cell; vertical-align:middle; width:50%; padding-left:20px; }
.top-banner .card { width:20%; }
.top-banner .card  img { width:100%; max-width:180px; }
.top-banner .title { width:30%; }
.top-banner h1 { font-size:30px; font-weight:normal; line-height:34px; margin:0; }
.top-banner h2 { font-size:24px; font-weight:normal; line-height:26px; }
.top-banner.banner-welcome { background-image:url(banner-welcome-offer.jpg); }
.top-banner.banner-extravagant { background-image:url(banner-extravagant-rewards.jpg); height: 270px; background-position: left center; }
.top-banner.banner-superior { background-image:url(banner-superior-experiences.jpg); }
.top-banner.banner-travel { background-image:url(banner-travel.jpg); }
.top-banner.banner-rewards { background-image:url(banner-exclusive-rewards.jpg); }
.top-banner.banner-gourmet { background-image:url(banner-gourmet-delights.jpg); }
.top-banner.banner-wine { background-image:url(banner-wine-privileges.jpg); }
.top-banner.banner-overseas { background-image:url(banner-overseas-shopping.jpg); }
.top-banner.banner-birthday { background-image:url(banner-birthday-privileges.jpg); }
/* tab filter */
.filter-area { border-spacing:0; }
.ui-tab-list { display:table; width:100%; }
.ui-tab-list a { display:table-cell; outline:0; cursor:pointer; font-size:16px; font-weight:bold; color:#3e3224; background:url(tabBG.jpg) no-repeat #cab799 scroll center center / cover; height:60px; border-radius:0 !important; padding-left:20px; margin:0; line-height:20px; vertical-align: middle; border-right:2px solid #e1d0b3; width: 25%;}
.ui-tab-list a:hover { color:#ffffff; background:url(tabBG_o.jpg) no-repeat #835a3d scroll center center / cover; }
.ui-tab-list a:hover i { background-position:0 -11px; }
.ui-tab-list a:first-child { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.ui-tab-list a:last-child { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border-right:0; } 
.ui-tab-list a i { background:url(sub_arrow.png) no-repeat 0 0px; width:10px; height:11px; vertical-align:middle; display:inline-block; margin-right:5px; }
.ui-tab-list a span { vertical-align:middle; display:inline-block; width: 75%; }
.ui-tab-list a.current { color:#ffffff; background:url(tabBG_o.jpg) no-repeat #835a3d scroll center center / cover; }
.ui-tab-list a.current i { background-position:0 -11px; }
/* listing of logo */
.subtitle { position: relative; text-align: center; padding: 30px 23px 0; }
.subtitle h1 { display: inline-block; position: relative; z-index: 1; background-color: #ffffff; padding: 0 20px; color: #4f3818; }
.subtitle .line { position: absolute; z-index: 0; width: 80%; left: 10%; top: 36px;; }
.list-logo li { list-style:none; float:left; width:16.66667%; text-align:center; padding:0.3em 1em; }
.list-logo li img { max-width:100%; display:block; margin:0 auto; }
.merchant_box { border: 5px solid #e5d9bf; margin-top: 20px; position: relative; }
.merchant_box:after { content: ''; background: url("line_h.png") no-repeat center center; width: 23px; height: 80%; position: absolute; left: 50%; top: 10%; margin-left: -11px; }
.merchant_box .inner_box { border: 8px solid #f4f3f3; }
.merchant_box .title_offer { margin-top: -30px; }
.merchant_list { margin-left: 0!important; margin-bottom: 15px; margin-top: 15px; display: table; }
.merchant_list>ul { margin-left: 0!important; display: table-row; }
.merchant_list>ul>li { list-style:none; display: table-cell; vertical-align: top; width:50%; padding: 1em; position: relative; }
.merchant_list>ul>li:after { content: ''; background: url("line_b.png") no-repeat scroll center center / cover; opacity: .5; width: 50%; height: 1px; position: absolute; left: 25%; bottom: 0; }
.merchant_list>ul:last-child>li { border-bottom: 0!important; }
.merchant_list>ul:last-child>li:after { display: none; }
.specialoffer { position: absolute; top: -15px; right: 0; /*background-color: #e5d9bf; padding: 5px 10px; color: #4f3818; font-size: 12px;*/ }
/*  */
.yro-bar { margin-top:15px; text-align: center; }
.yro-bar a { color:#4f3818; font-size:22px; display:block; }
.yro-bar a:after { content: ''; background: url(icn_stroke_non_hase_link_grey02.svg) no-repeat; width: 26px; height: 26px; margin-left: 0; margin-top: -2px; display: inline-block; vertical-align: middle; }
.yro-bar a:hover { color: #94532C!important; }
.yro-bar a:hover:after { background: url(icn_solid_external_link_pse.svg) no-repeat; }

.yro-bar-wine {margin-top:15px; width:100%; height:47px; line-height:26px; font-size:16px; display:block; text-align:center; }
.hotline { padding-bottom:20px; }
.tncWrapper { position: relative; padding: 20px 10px; background-color: #EEEEEE; margin: 15px 0; display:none; }
.tncWrapper p.tncTitle { font-size: 11px; color: #000; font-weight: bold; margin-bottom: 0px !important; }
.tncWrapper ul.number { list-style: decimal; margin-left: 20px; margin-bottom:0; }
.tncWrapper ul li { font-size: 11px !important; line-height: 14px !important; }
.min-height { min-height: 150px;}
/* detail page */
.inner-detail { position:relative; }
.inner-detail .row { padding:20px 0 !important; margin:0 23px; border-bottom:1px solid #d4d4d4; }
.inner-detail.row-without-line .row { border-bottom:0; }
.inner-detail .img-center { text-align:center; }
.inner-detail h2 { font-size:20px; color:#4f3818; margin-bottom:10px; }
.inner-detail ul { margin-left:20px; }
.inner-detail .logo_ul { margin-left:0px; }
.inner-detail ul li { color:#3e3224; font-size: 16px;}
.inner-detail .txt { margin-top:10px; }
.inner-detail .remark { margin-bottom:10px; line-height: 18px;}
.inner-detail .remark a { color:#363636; text-decoration:underline !important; }
.inner-detail .remark a:hover { text-decoration:none !important; }
.inner-detail .btn_back a { background:url(btn_back.png); width:70px; height:24px; display:block; font-size:14px; color:#3e3224 !important; text-align:right; line-height:24px; position:fixed; padding-right:10px; right:0; bottom:0; }
.inner-detail .btn_back a:hover { text-decoration:none !important; }
.inner-detail ul li ul { margin-left:0; }
.remarkStyle { display: block; padding-left: 10px; background: url(list-line.jpg) 0 8px no-repeat; line-height: 1.6;}
.inner-detail .title { text-align:center; padding:30px 23px 0; }
.inner-detail .title h1 { color:#4f3818; }
.inner-detail .title p { color:#734b00; font-size:16px; margin-bottom:20px; line-height:24px; }
.remark.tel { margin:10px 0; }
.remark.tel:before { content:''; display:inline-block; vertical-align:top; background:url(ico_phone.png); width:15px; height:9px; margin-top:5px; margin-right:8px; }
.txt.tel,.txt.mail { margin-top: 0; font-size: 12px; line-height: 18px; }
.txt.tel:before { content:''; display:inline-block; vertical-align:top; background:url(ico_phone.png); width:15px; height:9px; margin-top:5px; margin-right:8px; }
.txt.tel.float-left,.txt.mail.float-left { float: left; padding-right: 30px;}
.txt.mail:before { content:''; display:inline-block; vertical-align:top; background:url(ico_mail.png); width:15px; height:9px; margin-top:6px; margin-right:8px; }
.black-bg { background:url(bg.jpg) no-repeat #dac499 top left; padding-bottom:30px; }
.black-bg p a:link, .black-bg p a:visited { color:#222222; }
.black-bg .tel { color:#222222; }
.black-bg .tel:before { content:''; display:inline-block; vertical-align:top; background:url(ico_phone.png); width:15px; height:9px; margin-top:5px; margin-right:8px; }
.top { margin-bottom:0px;}
.bottom { margin-bottom:30px;}
/* welcome offer page */
.welcome-content { color:#734b00; text-align:center; width:100%; }
.welcome-content p { font-size:16px; line-height:24px; }
.welcome-content .line{ width:100%; left: 50%; padding:10px 0;}
.welcome-content ul.welcome-number { list-style: none; margin-left: 0px; margin-bottom: 0; font-size: 11px; text-align:left; color:#222222;}
.welcome-content .list-menu { margin-bottom:30px; text-align:center; }
.welcome-content .list-menu li { list-style:none; display:inline-block; width:230px;; margin:0; vertical-align: top;}
.welcome-content .list-menu li.m1 { padding-right: 20px; }
.welcome-content .list-menu li.m2 { padding-left: 20px; border-left: 1px solid #794f36; }
.welcome-content .list-menu li .subject { margin-bottom:10px; font-size:18px; font-style: italic; font-weight:bold; line-height:22px; color:#4f3818 }
.welcome-content .list-menu li .btn_apply { margin-bottom:5px; }
.welcome-content .list-menu li .btn_apply a { background: rgb(121,79,54); background: -moz-linear-gradient(0deg, rgba(121,79,54,1) 0%, rgba(173,140,100,1) 100%); background: -webkit-linear-gradient(0deg, rgba(121,79,54,1) 0%, rgba(173,140,100,1) 100%); background: linear-gradient(0deg, rgba(121,79,54,1) 0%, rgba(173,140,100,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#794f36",endColorstr="#ad8c64",GradientType=1); padding: 7px 20px; color: #ffffff; font-size: 15px; }
.welcome-content .list-menu li .btn_apply a:after { content: ''; background: url(icn_stroke_non_hase_link_white.svg) no-repeat; width: 22px; height: 22px; margin-left: 0; margin-top: -4px; display: inline-block; vertical-align: middle; }
.welcome-content .list-menu li .btn_apply a:hover { background: #794f36; }
.welcome-content .list-menu li .btn_apply a:hover:after { background: url(icn_solid_external_link_white.svg) no-repeat; }
.welcome-content .list-menu li span {font-size: 11px; font-style: italic;}

@media (max-width: 640px) {
.welcome-content .list-menu li { width: 50%; }
}

.welcome_offer .offer_row { text-align:center; color:#4f3818; font-size:18px; }
.welcome_offer .col { display:inline-block; text-align:left; line-height:40px; margin:0 25px; position:relative; }
.welcome_offer .col b { font-size:20px; color:#4f3818; }
.welcome_offer .col b span { font-size:50px; }
.welcome_offer .col span.and { position:absolute; top:45%; left:-35px; }
.welcome_offer .offer3 { font-size:18px; margin-top:20px; }
.welcome_offer .offer3 b { font-size:24px; font-weight:bold; color:#4f3818; }
/* extravagant rewards page */
.extravagant-content { color:#734b00; text-align:center; width:100%; }
.extravagant-content p { font-size:16px; line-height:24px; }
.extravagant-content .line{ width:100%; left: 50%; padding:10px 0;}
.extravagant-content p.remark { font-size: 11px; text-align:left; color:#222222; margin-top: 10px;}
.extravagant-content ul.extravagant-number { list-style-type: lower-roman; margin-left: 20px; margin-bottom: 0; font-size: 11px; text-align:left; color:#222222;}
.extravagant-content ul.extravagant-number a {text-decoration:underline; color:#222222;}
.extravagant-content ul.extravagant-number2 { list-style: none; margin-left: 0px; margin-bottom: 0; font-size: 11px; text-align:left; color:#222222;}
.extravagant-content ul.extravagant-number2 a {text-decoration:underline; color:#222222;}
.extravagant-content b { color:#734b00; font-size:24px; font-weight:bold; }
.offer_table { font-size:16px;}
.offer_table tbody { border:0; background-color: #7a540c; }
.offer_table tbody tr:nth-child(even) { background-color: #f3eee1; }
.offer_table th {  background-color: #7a540c; color:#ffffff; border-right:1px solid #ffffff;  border-bottom:1px solid #ffffff; font-size:16px;  }
.offer_table th:last-child { border-right:0; }
.offer_table td { border-bottom:1px solid #734b00; border-right:1px solid #734b00; background-color:#f3eee1; color:#734b00; font-size:14px; }
.offer_table td:last-child { border-right:0; }
.offer_table .border_bottom{ border-bottom:0;}
.offer_table tr:nth-child(even) { background-color: #f3eee1; }
.offer_table b { color:#f68b1f; font-size:32px; font-weight:bold; }
.offer_table b1 { color:#734b00; font-size:20px; font-weight:bold; }
.offer_table b2 { color:#734b00; font-size:14px; font-weight:bold; }

.btnMore { margin-top:20px;}
.btnMore a { background: rgb(121,79,54); background: -moz-linear-gradient(0deg, rgba(121,79,54,1) 0%, rgba(173,140,100,1) 100%); background: -webkit-linear-gradient(0deg, rgba(121,79,54,1) 0%, rgba(173,140,100,1) 100%); background: linear-gradient(0deg, rgba(121,79,54,1) 0%, rgba(173,140,100,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#794f36",endColorstr="#ad8c64",GradientType=1); padding: 7px 20px; color: #ffffff; font-size: 15px; }
.btnMore a:after { content: ''; background: url(icn_stroke_non_hase_link_white.svg) no-repeat; width: 22px; height: 22px; margin-left: 0; margin-top: -4px; display: inline-block; vertical-align: middle; }
.btnMore a:hover { background: #794f36; }
.btnMore a:hover:after { background: url(icn_solid_external_link_white.svg) no-repeat; }

.extravagant-content .offer_mastercard { text-align:left; padding: 20px 18% 0px 0; background: url(extravagantRewards/5_mastercard.png) no-repeat center right 2%; }
.extravagant-content .offer { text-align:center; color:#222222;}
.extravagant-content .logo { background-color:#e6d8be; padding-bottom: 15px; margin: 10px 0 20px 0;}
.extravagant-content .logo img{ margin:0 25px;}
.extravagant-content .logo .left { padding-right: 0px; text-align: right; }
.extravagant-content .logo .right { padding-left: 0px; text-align: left; }
.extravagant-content .offer_15x { text-align: left; padding: 50px 0 50px 20%; margin-left: 0px; background: url(extravagantRewards/extravagant_img01.png) no-repeat center left 2%; font-size:18px; font-weight:bold;}
.extravagant-content .offer_10x { text-align: left; padding: 50px 0 50px 20%; margin-left: 0px; background: url(extravagantRewards/extravagant_img02.png) no-repeat center left 2%; font-size:18px; font-weight:bold; }
.extravagant-content .offer_5x { text-align: left; padding: 50px 0 50px 20%; margin-left: 0px; background: url(extravagantRewards/extravagant_img03.png) no-repeat center left 2%; font-size:18px; font-weight:bold; }
.extravagant-content span{ font-size: 21px; }
.extravagant-content .hs-box { border: 3px solid #cfb585; padding:0px;-webkit-border-radius: 0px;border-radius: 0px; background-color: #7a540c; }
/*.hs-imgbox {width: 150px; float: left; margin-right:15px; }*/
.extravagant-content .hs-imgbox img {width: 100%;}
.extravagant-content .offeword {font-size: 21px; line-height: 20px; padding: 15px; color: #ffffff; vertical-align: middle; font-weight: bold; margin-top: 10px;}
.extravagant-content .offeword b {color: #ffc20e;}
.extravagant-content .offeword .bigfont {font-size: 30px;}
.extravagant-content .topword { margin-top: 10px;}
.extravagant-content .topm {margin-top: 20px;}
.extravagant-content .bottom {margin-bottom: 20px;}

.extravagant-content .call_for_act_area { width: auto; }
.extravagant-content .call_act_content { padding-right: 15px; }
.extravagant-content .call_act_content .callfont { font-size: 16px; }
@media (max-width: 768px) {
.top-banner.banner-extravagant { background-image:url(banner-extravagant-rewards_m.jpg); height: 270px; background-position: center center; background-size: auto;}
.extravagant-content .call_for_act_area { width: 100%; }
.extravagant-content .call_act_content { padding-right: 0; }
}
.extravagant-content .col-large { width: 48.5%; }
.extravagant-content .col-small { width: 3%; padding: 0; }
.extravagant-content .padright-0 { padding-right: 0; }
.extravagant-content .padleft-0 { padding-left: 0; }
.extravagant-content .graybox { background-color: #f3eee1; position: relative; padding-top: 43px; padding-bottom: 10px; margin-top: 43px; }
.extravagant-content .graybox .title { position: absolute; top: -23px; left: 50%; margin-left: -195px; }
.extravagant-content .graybox .title img { max-width: 100%; }
.extravagant-content .plus { padding-top: 150px; }
.extravagant-content .offer table { margin-top: 10px; font-weight: bold; font-size: 16px; line-height: 22px; }
.extravagant-content .offer tbody, .offer tbody tr:nth-child(even) { border: 0; background-color: transparent; }
.extravagant-content .offer td { height: 64px; }
.extravagant-content .offer .line { padding: 0; height: 1px; }
.extravagant-content .offer .line img { width: 100%; height: 1px; }
.extravagant-content .offer .b_txt { font-size: 210%; vertical-align: middle; }
.extravagant-content .offer .s_txt { font-size: 80%; vertical-align: middle; }
.extravagant-content .offer .cashdollars { vertical-align: middle; }
.extravagant-content .offer .arrow { padding: 0; }

.extravagant-content .call_for_act_area { width: auto; }
.extravagant-content .call_act_content { padding-right: 15px;}
.extravagant-content .reward-content b { color: #333;}
.extravagant-content .exclusive-tel:before { content: '';display: inline-block; vertical-align: top; background: url(extravagantRewards/ico_goldphone.png); width: 30px;  height: 30px;  margin-right: 0 0 0 3px; position: absolute; left: 10px; top: 5px;}
.extravagant-content .exclusive-site:before { content: '';display: inline-block; vertical-align: top; background: url(extravagantRewards/ico_site.png); width: 30px;  height: 30px;  margin-right: 0 0 0 3px; position: absolute; left: 10px; top: 5px;}
.extravagant-content .exclusive-dori:before { content: '';display: inline-block; vertical-align: top; background: url(extravagantRewards/ico_dori.png); width: 30px;  height: 30px;  margin-right: 0 0 0 3px; position: absolute; left: 10px; top: 5px;}
.extravagant-content .callfont { color: #734b00; }

@media (max-width: 768px) {
.extravagant-content .call_for_act_area {
    width: 100%;
}
.extravagant-content .call_act_content {
    text-align: center;
    padding: 0;
}
.extravagant-content .exclusive-tel:before, .extravagant-content .exclusive-site:before, .extravagant-content .exclusive-dori:before {
	text-align: center;
	position: relative;
    left: 0;
    top: 50%;
	margin: 0px 0px 5px 0px;}
 .extravagant-content .col-large { width: 100%; padding-left: 0.625rem; padding-right: 0.625rem; }
 .extravagant-content .col-small { width: 100%; padding-left: 0.625rem; padding-right: 0.625rem; }
 .extravagant-content .plus { padding-top: 15px; }
}
/* wine privileges page */
.logo_table { font-size:16px; }
.logo_table tbody { border:1px solid #e7dabd; background-color: #ffffff; }
.logo_table tbody tr:nth-child(even) { background-color: #ffffff; }
.logo_table th {  background-color: #ffffff; color:#4f3818;  border-bottom:1px solid #e7dabd; }
.logo_table th:last-child { border-right:0; }
.logo_table td { border-bottom:1px solid #e7dabd; border-right: 1px solid #e7dabd; background-color:#ffffff; color:#4f3818; }
.logo_table .titletop {vertical-align: top;}
.logo_table td img{ padding-top:15px; padding-bottom:5px; }
.logo_table td:last-child { border-right:0; }
.logo_table .border_bottom{ border-bottom:0;}
.logo_table .border_bottom_last { padding-bottom:10px; padding-top:10px;}
.goldbg { background-color:#7a540c; color:#FFFFFF; font-weight:bold; text-align:center; vertical-align:middle; font-size:25px;}
.goldtitle { background-color:#cab699; color:#FFFFFF; font-weight:bold; text-align:center; vertical-align:middle; font-size:25px; margin-bottom:20px;}
.logo_table .greentel:before { content:''; display:inline-block; vertical-align:top; background:url(tel-icon.png); width:14px; height:14px; margin-top:5px; margin-right:8px; }
.inner-detail .titlename{ font-size:17px; color: #4f3818; font-weight: bold; padding:5px; padding-bottom:0px!important; vertical-align:top; }
.logo_table .contact { margin-left:5px; font-size:14px;}
/* overseas shopping page */
.overseas-content { color:#734b00; text-align:center; width:100%; }
.overseas-content p { font-size:16px; line-height:24px; }
.overseas-content .line{ width:100%; left: 50%; padding:10px 0;}
.overseas-content .offer { margin-left: 10px; }
.overseas-content .offer li { text-align:left; font-size:16px; line-height:34px; }
.overseas-content .offer b { color:#734b00; font-weight:bold; font-size:20px;}
.overseas-content ul.overseas-number { list-style-type: decimal; margin-left: 20px; margin-bottom: 0; font-size: 11px; text-align:left; color:#222222;}
.overseas-content ul.overseas-number a {text-decoration:underline; color:#222222;}
.overseas-content .offer { text-align:left;}
.overseas-content .logo { background-color:#e6d8be; padding-bottom: 15px; margin: 10px 0 20px 0; }
.overseas-content .logo img{ margin:2px;}
.overseas-content .logo .left { padding-right: 0px; text-align: right; }
.overseas-content .logo .right { padding-left: 0px; text-align: left; }
.overseas-content .btnMore a { display:table; }


@media (max-width: 970px) {
.home h1 { font-size:48px; }
/* overseas shopping page */
.overseas-content .logo .left { padding-right: 0.625rem; text-align: center; }
.overseas-content .logo .right { padding-left: 0.625rem; text-align: center; }
/* extravagant rewards page */
.extravagant-content .logo .left { padding-right: 0.625rem; text-align: center; }
.extravagant-content .logo .right { padding-left: 0.625rem; text-align: center; }
.extravagant-content .offer_15x { padding-left: 22%; }
.extravagant-content .offer_10x { padding-left: 22%; }
.extravagant-content .offer_5x { padding-left: 22%; }
}

@media (max-width: 768px) {
.top-menu ul { width:82% }
.extravagant-content .offer_15x { padding-left: 25%; }
.extravagant-content .offer_10x { padding-left: 25%; }
.extravagant-content .offer_5x { padding-left: 25%; }
}

@media (max-width: 690px) {
.top-menu ul { width:80% }
.top-banner { display:block; }
.top-banner .tagline { display:block; text-align: center; padding-top:15px; }
.top-banner .cell { display:block; vertical-align:middle; width:40%; }
.extravagant-content .offer_15x { padding-left: 30%; }
.extravagant-content .offer_10x { padding-left: 30%; }
.extravagant-content .offer_5x { padding-left: 30%; }
}

@media (max-width: 640px) {
.view_d { display:none; }
.view_m { display:block; }
/* home */
.home .top-head { padding-top:30px; }
.home .title { width:100%; float:none; text-align:center; padding-top:0; }
.home .cf { width:100%; float:none; text-align:center; }
.home .cf  .cf_gif{ left:50%; margin-left:-150px; }
.home .list-menu li { margin-bottom:15px; margin-top:0px; }
.home .list-menu li a { width:430px; height:100px; padding-top:40px; padding-left:170px; font-size:22px; text-align:left; }
.home .list-menu li a:hover i { background-position:0 0px; }
.home .list-menu li a i { margin-bottom:2px; }
.home .list-menu li a .subject { margin-bottom:0; }
.home .list-menu li.m1 a .subject, .home .list-menu li.m2 a .subject, .home .list-menu li.m3 a .subject { margin-bottom:0; margin-top:0; }
.home .list-menu li.m1 a, .home .list-menu li.m1 a:hover { background:url(home_menu1_m.jpg) no-repeat; }
.home .list-menu li.m2 a, .home .list-menu li.m2 a:hover { background:url(home_menu2_m.jpg) no-repeat; }
.home .list-menu li.m3 a, .home .list-menu li.m3 a:hover { background:url(home_menu3_m.jpg) no-repeat; }
.home .list-menu li.m4 a, .home .list-menu li.m4 a:hover { background:url(home_menu4_m.jpg) no-repeat; }
.home .list-menu li a .thumb { display:none; }
  .years88 { display: none; }
/* inner page header */
.animenu__toggle { display: inline-block; border: 0; cursor: pointer; height: 50px; width: 60px; background: center center no-repeat; text-indent: -99999px; position:absolute; top:5px; right:0; z-index:9999; }
.animenu__toggle__bar { display: block; width: 30px; height: 2px; background-color: #94532C; margin-left: 14px; -webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.animenu__toggle__bar + .animenu__toggle__bar { margin-top: 4px; }
.animenu__toggle--active .animenu__toggle__bar { position: absolute; margin-left: 14px; margin-top: -2px; background-color: #94532C; }
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) { opacity: 0; }
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.lan_area { right:60px; }
.top-menu { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}
.top-menu ul { display:block; margin-top:60px; width:100%; border-top:1px solid #94532C; }
.top-menu li { text-align:left; display:block; height:auto; width:100%; padding:20px 0.5rem; font-size:20px; }
.top-menu li br { display:none; }
.top-menu li:hover { background:none; color:#734b00; }
.top-menu li.active { background-size:100%; }
.top-menu li.active:hover { color:#ffffff; background:url(menu_bg.jpg) repeat-y; background-size:100%; }
.top-menu li a { line-height:normal; }
.top-menu li.logo { padding:20px 0; border-bottom:1px solid #ffffff; }
/* top banner */
.top-banner { background-size:162%; }
.top-banner .tagline { padding-top:45px; }
.top-banner .card  img { width:70%; }
.top-banner h1 { font-size:20px; line-height:24px; padding-top:5px; }
.top-banner h2 { font-size:16px; }
/* tab filter */
.filter-area { display:block; background-color:#e1d0b3; }
.ui-tab-list a { padding-left: 15px; }
/* listing of logo */
.list-logo li { width:33.333%; padding: 0.3em; }
.merchant_box.columns, .merchant_list .columns { padding: 0 0.625rem!important; }
.merchant_box:after { display: none; }
.merchant_list { display: block; margin: 0; }
.merchant_list>ul { display: block; }
.merchant_list>ul>li { display: table; width:100%; padding: 1em; }
.merchant_list>ul>li:after { width: 80%; left: 10%; }
.merchant_list>ul:last-child>li:after { display: block; }
.merchant_list>ul:last-child>li:last-child:after { display: none; }
.merchant_list>ul:first-child>li:nth-child(1), .merchant_list>ul:first-child>li:nth-child(2) { padding-top: 30px; }
.specialoffer { top: 0; }
/* detail page */
.inner-detail .row { margin:0 15px; }
.inner-detail .row .columns { padding:0; }
.inner-detail .row .columns.large-3.noimg { display:none; }
.inner-detail .row .columns.large-3 { margin-bottom:10px; }
.inner-detail .img-center { text-align:left; }
/* welcome offer page */
.welcome_offer .col { text-align:center; }
.welcome_offer .col span.and { position:relative; top:auto; left:auto; display:block; }
.welcome_offer .offer3 { margin-top:0; }
.welcome_offer .offer3 span { display:block; }
/* extravagant rewards page */
.extravagant-content .offer_mastercard { padding-right: 30%; background-position: center right 0; }
.extravagant-content .offer_15x { padding-left: 35%; background-position: center left 0; }
.extravagant-content .offer_10x { padding-left: 35%; background-position: center left 0; }
.extravagant-content .offer_5x { padding-left: 35%; background-position: center left 0; }
}