.desktopimg{
display: block;
          margin: 2rem;
}
.mobileimg{
display: none;
}
@media only screen and (max-width: 767px) {
  .desktopimg{
display: none;
}
.mobileimg{
display: block;
margin: 10px;
}
}
  tr{
  text-align: center;
  }
    .highlight {
      padding-bottom: 10px !important;
    }

    ul.numLst li,
    ol.numLst li {
      width: 99.8%;
      padding: 0 0px 5px;
      margin: 0 0 0 25px;
      list-style: decimal;
      line-height: 17px;
    }

    .TermsAndConditions .tableWrap table {
      width: 98.7%;
    }

    .tableWrap table {
      border-right: 1px solid #CCCCCC;
      border-top: 1px solid #CCCCCC;
      width: 99.8%;
      box-shadow: 2px 2px 4px #CCCCCC;
      position: relative;
    }

    table {
      border-collapse: collapse;
      border-spacing: 0;
      table-layout: fixed;
    }

    .tableWrap tr th,
    .tableWrap tr td {
      border-bottom: 1px solid #CCCCCC;
      border-left: 1px solid #CCCCCC;
      line-height: 17px;
      padding: 10px 8px;
      text-align: left;
      word-wrap: break-word;
      vertical-align: middle;
    }

    ul.footer-remarks-six li {
      list-style-type: disc;
      line-height: 18px;
      padding-top: 5px;
    }

    .footer-remarks-six {
      padding-top: 0px;
    }

    ul {
      list-style: none;
    }

    ul.numLst li ul.alphaLst {
      margin: 10px 0 0;
    }

    .TermsAndConditions ul {
      padding: 0;
    }

    ul.numLst li ul.alphaLst li {
      padding: 0 0 5px 0;
      list-style: lower-alpha;
      line-height: 17px;
    }

    .new_disclaimers ul.numLst li {
      font-size: 10px;
      line-height: 16px;
    }

    @media(max-width: 768px) {
      .tab-table {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
      }

      .tab-table table {
        width: 275%;
      }
    }

    @media only screen and (max-width:414px) {
      .new_disclaimers {
        padding-right: 30px;
      }
    }

    @media only screen and (min-width:420px) and (max-width:736px) {
      .new_disclaimers {
        padding-right: 20px;
      }
    }
  </style>
  <style>
    .worko-tabs hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #ffffff;
    }

    .worko-tabs .flex-tabs {
      display: flex !important;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 40px;
    }

    .worko-tabs .flex-tabs .tab {
      flex-grow: 1;
      width: 100%;
      margin-bottom: 60px;
    }

    .worko-tabs .flex-tabs .panel {
      background-color: #F5F7F8;
      padding: 50px 0px;
      min-height: 300px;
      display: none;
      width: 100%;
      flex-basis: auto;
    }

    .worko-tabs .flex-tabs .panel .tnc {
      font-size: 16px;
      text-align: left;
      margin-top: 30px;
    }

    .worko-tabs .tab {
      display: inline-block;
      padding: 30px;
      vertical-align: top;
      cursor: hand;
      cursor: pointer;
      border-radius: 10px;
      font-size: 21px;
      font-weight: bold;
      position: relative;
    }

    .worko-tabs .tab span {
      min-height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .worko-tabs .more {
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: -30px;
      left: 0;
      font-size: 20px;
      font-weight: normal;
      font-weight: bold;
    }

    .worko-tabs .tab .gift_icon {
      width: 47px;
      height: 47px;
      margin: 10px auto 15px;
    }

    .panel .lmtable h3 {
      font-size: 28px;
    }

    .lmtable {
      text-align: center;
    }

    .lmtable table {
      color: #333333;
      font-weight: normal;
      margin: 20px auto;
      width: 100%;
      border-radius: 20px;
      overflow: hidden;
    }

    .lmtable table tbody th,
    .lmtable table tbody td {
      border: 2px solid #ffffff;
      padding: 10px 5px;
      border-left: 0;
    }


    .lmtable table tbody td:last-child {
      border-right: 0;
    }

    .lmtable table tbody td {
      background: #efebde;
    }

    .lmtable table tbody td.bg {
      background: #efebde !important;
    }

    .lmtable table tbody tr:nth-child(2) td {
      background: #cacaca;
    }


    #tab-one-panel table th {
      background: #B5995C;
      color: #ffffff;
    }

    #tab-two-panel table th {
      background: #281814;
      color: #ffffff;
    }

    .lmtable .tnc {
      color: #333333;
      font-weight: normal;
    }

    .highlight {
      font-weight: bold;
    }

    .hide_btn {
      width: 100%;
      text-align: center;
      text-decoration: underline;
      font-size: 16px;
      margin-top: 30px;
      cursor: pointer;
    }

    .worko-tabs .tab.CG {
      background-color: #efebde;
      color: #B5995C;
    }

    .worko-tabs .tab.CPC {
      background-color: #d4d1d0;
      color: #281814;
    }

    .worko-tabs .tab.CG hr {
      border-top: 1px solid #B5995C;
    }

    .worko-tabs .tab.CPC hr {
      border-top: 1px solid #281814;
    }

    .worko-tabs .tab.CG .gift_icon {
      background: url("../images/privileges-and-offers/CG_gift_icon.png") no-repeat center;
      background-size: contain;
    }

    .worko-tabs .tab.CPC .gift_icon {
      background: url("../images/privileges-and-offers/CPC_gift_icon.png") no-repeat center;
      background-size: contain;
    }

    .worko-tabs .tab.CG .more,
    #tab-one-panel .hide_btn,
    #tab-one-panel h3,
    #tab-one-panel .highlight {
      color: #B5995C;
    }

    .worko-tabs .tab.CPC .more,
    #tab-two-panel .hide_btn,
    #tab-two-panel h3,
    #tab-two-panel .highlight {
      color: #281814;
    }

    .worko-tabs .tab:hover>hr,
    .worko-tabs .tab.active>hr {
      border-top: 1px solid #ffffff;
    }

    .worko-tabs .tab:hover .gift_icon,
    .worko-tabs .tab.active .gift_icon {
      background: url("../images/privileges-and-offers/white_gift_icon.png") no-repeat center;
      background-size: contain;
    }

    .worko-tabs .tab.active {
      cursor: default;
    }

    .worko-tabs .tab.CG:hover,
    .worko-tabs .tab.CG.active {
      background-color: #B5995C;
      color: #fff;
    }

    .worko-tabs .tab.CPC:hover,
    .worko-tabs .tab.CPC.active {
      background-color: #281814;
      color: #fff;
    }

    .worko-tabs .tab.active .more {
      display: none;
    }

    .apply_wrap {
      margin-top: 40px
    }

    .applyBtn {
      min-width: 235px;
    }

    #tab-one-panel .applyBtn {
      background: #B5995C;
    }

    #tab-two-panel .applyBtn {
      background: #281814;
    }

    /* new style */
    body {
      font-family: 'Citi-Sans', Helvetica, Arial, 'sans-serif' !important;
    }

    .bannerTxt {
      top: 80% !important;
    }

    .siteLocation {
      max-width: 1198px;
      margin: auto;
      padding: 0 20px;
    }

    .textGold {
      color: #B5995C;
      font-weight: bold;
    }

    .mt50 {
      margin-top: 50px;
    }

    .mb40 {
      margin-bottom: 40px;
    }

    .mainHeading {
      font-size: 40px;
      line-height: normal;
    }

    .locationTable {
      max-width: 1198px;
      margin: 50px auto;
    }

    .text-center {
      text-align: center;
    }

    .text-left {
      text-align: left;
    }

    .locationTable th {
      padding: 10px 0;
    }

    .subHeading {
      font-size: 24px;
    }

    .locationTable .siteBtn:hover,
    .locationTable .siteBtn.active,
    .siteBtn.active {
      background-color: #8E6F32;
      color: #fff;
    }

    .locationTable .siteBtn,
    .siteBtn {
      background-color: #F4F0E6;
      color: #8E6F32;
      cursor: pointer;
    }

    .locationTable td {
      padding: 10px 0;
      border-radius: 10px;
    }

    .hideDiv {
      display: none;
    }

    .locationTable table {
      width: 100%;
      border-spacing: 5px;
      border-collapse: separate;
    }

    td.siteBtn.active a,
    .siteBtn:hover a,
    .siteBtn.active a {
      color: #fff !important;
    }

    .locationTable img {
      vertical-align: middle;
      padding: 0px 5px 0 10px;
    }

    .pl10 {
      padding-left: 10px;
    }

    #back-top {
      width: 100%;
      margin: 0px auto;
      float: left;
      text-align: center;
      /* margin-top: 20px; */
      background-color: #ad9861;
    }

    #back-top {
      display: block;
    }

    #back-top span {
      background: url(images/carat_up.png) no-repeat 10px 23px;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 16px;
      margin-bottom: 0;
      padding: 14px 10px 20px 32px;
      transition: all 1s ease 0s;
      z-index: 9999;
      line-height: 25px;
    }

    .footer-fixed.fixed {
      background-color: #ad9861;
    }

    .footer-fixed.fixed {
      position: relative;
    }

    .footer-fixed {
      background-color: rgba(173, 152, 97, 0.9);
      color: #fff;
    }

    .footer-fixed {
      position: fixed;
      bottom: -1px;
      width: 100%;
      float: left;
      -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
      z-index: 3;
      display: none;
    }

    .cta {
      display: inline-block;
    }

    .fixed-links a,
    .fixed-links>span {
      color: #fff;
    }


    .title>img,
    .title b {
      display: inline-block;
      vertical-align: middle;
    }

    .title {
      font-size: 32px;
    }

    .mb20 {
      margin-bottom: 20px;
    }

    .offer_list img {
      margin: 0 auto;
    }

    .offer_tip {
      max-width: 1024px;
      width: 100%;
      margin: 0 auto;
      font-weight: normal;
    }

    .lmtable.offer_four table tbody tr:nth-child(2) td {
      background: #efebde;
    }

    .offer_four table {
      font-size: 16px;
    }

    .pageBanner .bannerImg {
      height: 100%;
      margin-bottom: 50px;
    }

    .visibleBigscreen,
    .visibleDesktop,
    .visibleTablet {
      margin: 0 auto;
    }

    @media (min-width: 992px) {
      h1.pagetitle {
        font-size: 50px;
      }
    }

    @media (min-width: 1740px) {
    .visibleBigscreen {
        display: none;
    }
}
    @media(max-width:1200px) {
      .worko-tabs .tab {
        max-width: 26% !important;
      }

      .innerBanner {
        margin: -11.4% auto 5%;
        max-width: 840px;
        padding: 0px;
        width: 100%;
      }

      h1.pagetitle {
        font-size: 48px;
      }

      .bannerTxt {
        position: relative;
        height: auto;
        display: block;
      }

      .pageBanner .bannerImg {
        margin-bottom: 0;
      }
    }

    @media (max-width: 992px) {
      .flex-tabs {
        flex-direction: column;
      }

      .worko-tabs .flex-tabs .tab {
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
      }

      #tab-two-label {
        margin-top: 40px;
      }

      .flex-tabs .tab:last-of-type {
        border-bottom: none;
      }

      .flex-tabs #tab-one-label {
        order: 1;
      }

      .flex-tabs #tab-two-label {
        order: 3;
      }

      .flex-tabs #tab-one-panel {
        order: 2;
      }

      .flex-tabs #tab-two-panel {
        order: 4;
      }
    }

    @media (max-width: 580px) {
      .mainHeading {
        font-size: 22px;
      }

      .subHeading,
      .siteBtn.active {
        font-size: 18px !important;
      }

      .locationTable {
        margin: 0px auto 50px;
      }

      .title b {
        font-size: 20px;
        margin-top: 20px;
        display: block;
      }

      .offer_tip {
        font-size: 14px !important;
      }
    }

    @media (min-width: 992px) {
      .worko-tabs .tab {
        max-width: 340px;
      }

      .worko-tabs .tab.CG {
        margin-right: 30px;
      }
    }
    .pageBanner .bannerImg {
    height: auto;
    margin-bottom: 50px;
}
  </style>
  <style>
  @media only screen and (min-width:768px) and (max-width:1024px) {
  	li.ddown{padding: 18px 5px 18px 0;}
  }
  
</style>	
<style type="text/css">
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, img { margin: 0;    padding: 0;    border: 0;    outline: 0;    font-size: 100%;}
    body, .cbolui-ddl-pre .action-module-d-9-0 .hTable.highlight .five-col .common-module-body.text-center a.d9-primary-link, .cbolui-ddl-pre .bold, .cbolui-ddl-pre b, .cbolui-ddl-pre strong, .cbolui-ddl-pre body  {font-family: '微軟正黑體','Microsoft JhengHei','Heiti TC'; line-height: 1.2;}
    .cbolui-ddl-pre ol, .cbolui-ddl-pre ul { margin: 0;}
    .cbolui-ddl-pre p { margin-bottom: 0px; line-height: 1.2; font-size: 16px;}
    a { text-decoration: none;    outline: 0px;    display: inline-block;}
    img {    line-height: 0px;    max-width: 100%;}
    #pageWrappper {visibility: hidden;}
    #pageLoader {width: 100%;height: 100%;background: url("/views/citigold/images/img-loader.gif") no-repeat scroll center center;position:absolute;}
   .pageBanner {position: relative;width: 100%;margin: 0 auto;}
  .pageBanner img {max-width: 100%;}
  .bannerImg {position: relative; }
  .HomeBanner{}
  .bannerImg div {width: 100%;position: relative;}
    
   .btnStyle {    color: #ffffff;    background: #000000;    outline: 0px;    border: 0px;    border-radius: 6px;      font-size: 100%;    padding: 17px 12px;    text-align: center;    font-size: 16px;    line-height: 16px; display: inline-block;}
    
    /* Back to Top */
  #back-top {width: 100%;margin: 0px auto;float: left;text-align: center;}
  #back-top span {background: url("/views/citigold/images/icons/carat_up_gold.png") no-repeat 10px 23px;color: #333;cursor: pointer;display: inline-block;font-size: 16px;margin-bottom: 0;padding: 14px 10px 14px 32px;transition: all 1s ease 0s;z-index: 9999;line-height: 25px;}
    /* Fixed footer */
  .footer-fixed {background-color: rgba(255, 255, 255, 0.9);position:fixed; bottom: -1px;width: 100%;float: left; -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);z-index: 3;display:none;}
  .footer-fixed.fixed {position: relative; background-color: rgba(255, 255, 255, 1);}
  .fixed-links {padding: 20px 0;display: block;width: 100%;text-align: center;}
  .fixed-links a span.link-text, .fixed-links > span span.link-text {padding-top: 8px;display: inline-block;}	
  .fixed-links a span.call-text, .fixed-links span.call-text {color: #333333;padding-right:5px;}
    
    /* Footer */
  .footer-logo {padding: 20px 0 34px;display: inline-block;}
  .footer-heading {font-family: "interstate-bold", arial;padding-bottom: 14px;}
  .footer-heading a {padding-bottom: 14px;font-family: "interstate", arial;line-height: 18px;color: #ffffff;}
  .socialIcon ul>li {padding-left: 40px;padding-top: 22px;}
  .footerInfo {margin-bottom: 11px;font-size: 16px;line-height: 22px;letter-spacing: 0px;display: inline-block;width: 100%;}
  .pagefooter {background: #333333;color: #fff;width: 100%;float: left;}
  .footer-divider {border-top: 1px solid #ffffff;opacity: 0.5;}
  .footerlist-ul > li > a {color: #fff;margin-bottom: 12px;float: left;}
  .footerlist-ul > li {width: 100%;float: left;display: inline-block;}
  .footerTc .row { margin: 0px;}
  .footerTc a {font-size: 12px;letter-spacing: -0.4px;line-height: 16px;color: #fff;}
  .footerTc a:hover {color: #fff;}
  .footerTc li {margin: 0px 20px 0px 0px;     float: left;}
  .footer-seperator {border-bottom: 1px solid #ffffff;opacity: 0.5;}
  .copyright > p {font-size: 12px;line-height: 18px; margin: 0px;}
  .copyright {padding-top: 18px;}
  .copyright {padding-bottom: 41px}
  .footerTc {padding-top: 13px;}
    
   @media (min-width: 768px) {
      .visibleDesktop, .visibleTablet {display: inline-block;}
      .visibleMobile,.visibleXSM {display: none !important;}
  }
  @media (min-width: 992px){
      .visibleDesktop, .visibleTablet, .mobileTabHidden {display: inline-block;}
      .visibleMobile,.visibleXSM {display: none !important;}
  }
    @media (min-width: 1200px){
      .pagefooter .container, .pageBanner .container, #form .step_container  {    width: 1420px;}
    }
  @media (max-width: 1500px){
      .container, .pagefooter .container, .pageBanner .container, #form .step_container  {    width: 100%;}
  }
  @media(max-width: 767px) {
       .visibleDesktop, .visibleTablet, .mobileTabHidden,.visibleXSM {display: none !important;}
      .mobContainer {display: table;content: "";padding-right: 10px;padding-left: 10px;margin-right: auto;margin-left: auto;width: 100%;}
      .bannerTxt {    height: auto;    display: block;    -webkit-box-align: center;    -ms-flex-align: center;    -ms-grid-row-align: center;    align-items: center; position: relative;}
  }
  @media (max-width: 736px) {
      .footer-fixed.fixed {display: block !important;}
      .footer-fixed {display: block}
  }
    
</style>
<style type="text/css">		  
.black {color: #000;}
.white {color: #fff;}
.pblue {color: #056db2;}
.pblue2 {color: #000254;}
.pred {color: #ec1c24;}
.porange {color: #f7931e;}
.bold { font-weight: bold;}
.hidden-phone{display:none}
.nowrap{ white-space: nowrap;}

.banner {background: -webkit-linear-gradient(top,#00bdf2,#00b3f0 18%,#0066b3 77%,#004985);    background: linear-gradient(180deg,#00bdf2,#00b3f0 18%,#0066b3 77%,#004985);    color: #ffffff;    height: 70px;}
/*.cbolui-ddl-pre .navbar {min-height: 55px;}*/
    
.banner { position: relative;}
.banner .lang_wrap {height: 70px;}
.logoWrapper { padding-top: 15px;}
.lang { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #fff !important;}
.lang a {color: #fff !important;}
.bannerbg { background: #f2f2f2; position: relative;}
.bannerbg .container { padding: 0px;}
.bannerImg div {display:table;}
.mastHeadImage { text-align: center;}
.mastHeadImage img { width: 100%;}
.HomeBanner .innerBanner { margin:0;    width: 70%; background: transparent;  }
.pageBanner .container {position: relative;}
.lang-switch { position: absolute; right: 40px; top: 10px;  z-index: 1;    }
.homebanner_cta h1.mainHeading { line-height: 1.2;color: #333; font-weight: bold; text-align: left;  padding-bottom: 10px; margin: 0;}
.homebanner_cta h2 {  line-height: 1.2;  color: #333333; text-align: left;  padding-bottom: 10px; margin: 0;}
.landingPara { margin-top: 30px;  text-align: center;}
.applywrap { margin: 70px auto; text-align: center;}
.applybtn, .applybtn:hover{ min-width: 165px; font-size: 24px; font-weight: bold; line-height: 1.2; padding: 10px 20px; background: #ed8b00 !important; color: #ffffff !important;  /*transition: all .2s ease-in-out;*/ border-radius: 5px;}
/*.applybtn:hover {-webkit-transform: scale(1.1);    transform: scale(1.1);  }*/

.cardface_wrap { padding: 10px 0px; background: #fff;}
.col-table { display: table; text-align: center; width: 100%;}
.col-row {display:table-row;}
.col-cell {display:table-cell; vertical-align: middle; }
.line {  width: 100%; border-bottom: #ccc 1px solid; margin: 30px auto;}
.section_title {font-size: 36px;}
.section_txt {font-size: 21px;}
.section_subtitle {font-size: 24px;}
.mb20 {margin-bottom: 20px;}
    
#leadin, #form, #reward, #links { padding: 50px 0 50px; overflow: hidden;}
#form, #reward.referee { background: #f3f2f7; }
.btn_wrap {
    width: fit-content;
    padding: 20px 40px;
    position: relative;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    margin: auto;
}

.btn_wrap a {padding: 10px 20px; display: inline-block; margin: auto 5px; color: #fff;  font-size: 24px;}
.btn_wrap a.active, .btn_wrap a:hover { border: #fff 1px solid; border-radius: 5px;  color: #fff; }
   
    
/* leadin */
    .leadin_txt { font-size: 21px;  margin-bottom: 50px;}
    .acct_wrap { margin-top: 20px;}
    .acct_title { font-size: 24px; color: #fff; padding: 5px 10px;  margin-bottom: 20px; min-width: 285px; display: inline-block; font-weight: bold;}
    .acct_offer { font-size: 21px; padding-left: 70px; position: relative;}
    .acct_offer strong { font-size: 200%;}
    .cpc .acct_title { background:#281814; }
    .cg .acct_title { background:#b4975a; }
    .cp .acct_title { background:#000254; }
    .cpc .acct_offer { color:#281814;  background: url(/english/banking/mgm/images/cpc_icon.png) no-repeat left top;  }
    .cg .acct_offer { color:#b4975a;  background: url(/english/banking/mgm/images/cg_icon.png) no-repeat left top;  }
    .cp .acct_offer { color:#000254;  background: url(/english/banking/mgm/images/cp_icon.png) no-repeat left top;  }
    .cpc .acct_offer:after, .cg .acct_offer:after {content: ""; position: absolute;    right: -10px;  height: 100%;  top: 0;  border-right: #666666 1px solid;}
    .acct_rebate { font-size: 24px; padding: 0 5px;}
    .acct_rebate strong { font-size: 150%;}
    .acct_txt { font-size: 21px;}
    .acct_box {padding-top: 20px; border-top: #7e80a9 1px solid;}
    .acct_features { font-size: 21px; background: url(/english/banking/mgm/images/add.png) no-repeat left center;    padding-left: 25px; text-align: left; cursor: pointer;}
    .acct_features.less {background-image: url(/english/banking/mgm/images/less.png);}
    .acct_listitle { font-size: 21px; text-align: left;}
    .acct_list { padding-left: 25px; display: none;}
    .acct_list li, .reward_list_txt li { font-size: 21px !important; margin-bottom: 5px; list-style: disc; color: #333 !important; text-align: left; font-family: '微軟正黑體','Microsoft JhengHei','Heiti TC' !important;}
    .cpc .acct_listitle {color: #281814 !important; }
    .cg .acct_listitle {color: #A5865F !important; }
    .cp .acct_listitle {color: #0E2A4B !important; }
    .acct_action { text-align: right;}
    .acct_action a {color: #333 !important; font-size: 21px !important;}
    .referee .acct_title {width: 100%;}
    
/* form */
    .step_wrap { margin-top: 20px;}
    .step_table { width: auto; margin:auto;}
    .step_tip {font-size: 20px; margin-top: 30px;}
    .step_icon { width: 40px; }
    .step_num {text-align: left; padding-right: 10px; width: 60px;}
    /*.step_num span {width: 40px;    height: 40px; background: #056db2;  border-radius: 50%;    display: inline-block;    text-align: center;   color: #ffffff;     vertical-align: middle;    font-size: 30px;}*/
    .step_txt { font-size: 21px; text-align: left;}		  
    .cbolui-ddl-pre .theme-light .form-control, .cbolui-ddl-pre .theme-light .input-group.focus-group {border-color: #666; background-color: #fff; margin: 0;}
    #form .btn { margin: 0; width: 100%; line-height: 1.2; padding: 6px 20px; min-height: 50px; white-space:normal; border-color: #000254; background: #000254;}
    #copyBtn { display: none;}
    
/* share */
    .share_txt { font-size: 30px; margin-right: 20px; display: inline-block; vertical-align: middle;}
    .share_arrow { margin-left: 10px;}
    .share_iconwrap { display: inline-block;}
    .share_icon { display: inline-block; position: relative; padding: 0 10px;}
    .share_icon:after{border-left: 1px solid #333333;    position: absolute;    left: 0;    top: 25%;    height: 50%;    content: "";}
    #errorShareMsg { display: none;}
    
/* reward */
    .reward_box {  border: 1px solid #666666;  position: relative;  padding:87px 20px 40px; margin-bottom: 40px; margin-top: 60px;}
    .reward_head {   position: absolute;   top: -34%; left: 50%;  transform: translateX(-50%);  max-width: 80%; width: 100%;}
    .reward_txt {font-size: 21px;}
    .reward_table { margin-top: 30px;}
    .reward_table table { width: 100%;}
    .reward_table th,.reward_table td { padding: 10px; width: 50%; font-size: 21px; }
    .reward_table th { background: #056db2; color: #fff; font-size: 21px; text-align: center;}
    .reward_table th:first-child, .reward_table td:first-child { border-right: #fff 10px solid;}
    .reward_table th:last-child, .reward_table td:last-child { border-left: #fff 10px solid;}
    .reward_table td.table_line {border-bottom: #666 1px solid}
    .reward_table td strong { font-size: 150%;}
    .reward_table td.reward_remark { font-size: 16px;}
    
    .reward_listwrap { margin-bottom: 40px;}
    .reward_list { padding: 20px 0; border-bottom: #000000 1px solid;}
    .reward_list:last-child {  border-bottom: #000000 0px solid;}
    .reward_list_icon {  width: 30%; padding-right: 30px; text-align: right; vertical-align: top;}
    .reward_list_title { font-size: 24px}
    .reward_list_txt { font-size: 21px}
    .reward_list_txt ul { padding-left: 20px;}
    .reward_list_cont a {color: #000254 !important; font-size: 21px !important;}
    
/* action */
    #action  { padding: 50px 0;  background: url(/english/banking/mgm/images/action_bg.jpg) no-repeat center; background-size: cover; }
    .action_txt {font-size: 30px; }
    

    
    
    
.borrow { font-size: 26px; text-align: center; margin-bottom: 30px;}
    /*.relink_wrap { display: none; padding-left: 30px;}*/
.relink_wrap a {  margin-bottom: 10px; font-size: 21px; color: #333;}
.sticky_title {font-size: 30px; color: #ffffff;  text-align: center; margin-right: 10px; display: inline-block/*-webkit-animation: glow 1s ease-in-out infinite alternate;  -moz-animation: glow 1s ease-in-out infinite alternate;  animation: glow 1s ease-in-out infinite alternate;*/}
    
@-webkit-keyframes glow {
from {
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #e88923, 0 0 4px #e88923, 0 0 5px #e88923, 0 0 6px #e88923, 0 0 7px #e88923;
}
to {
text-shadow: 0 0 2px #fff, 0 0 3px #ff4da6, 0 0 4px #ff4da6, 0 0 5px #ff4da6, 0 0 6px #ff4da6, 0 0 7px #ff4da6, 0 0 8px #ff4da6;
}
}

/* footer */
.tandc a { font-size: 18px;}
.footer-top { background: #fff;}
footer .footer-border {width:100%;height:60px;margin:0 auto;padding:0;}
footer .footer-border span {display:inline-block;vertical-align:top;}
footer .footer-border .citi-blue {background-color:#056dae;width:55px;height:55px;float:right;}
footer .footer-border .blue {background-color:#0a91cb;width:90px;height:45px;float:right;margin-top:35px;}
footer .footer-border .med-blue {background-color:#32b2e4;width:90px;height:8px;float:right;margin-top:47px;}
footer .footer-border .dk-blue {background-color:#002a54;width:10px;height:5px;float:right;clear:both;}
footer .footer-border .lt-blue {background-color:#5fc6f1;width:calc(100% - 10px);height:5px;display:block;float:right;overflow:hidden;}
.citi-logo-mobile {float:right;display:none;margin:29px 15px 0 0;}
.citi-logo-desktop {float:right;width:65px;margin:30px 15px 0 0;}
.footer-fixed  {background-color: rgba(0, 2, 84, 1); }
.footer-fixed.fixed {background-color: rgba(0, 2, 84, 1);}
.fixed-links {padding: 10px 0; }
.fixed-links .col-cell { padding-right: 0px; padding-left: 30px; }
#back-top, #socialShare { background: #ffffff;}
#back-top span {  background: url(/views/citigold/images/icons/carat_up_black.png) no-repeat 10px 23px;}


@media (min-width: 768px) {
footer .footer-border {height:110px;}
footer .footer-border .citi-blue {height:100px;	width:100px;}
footer .footer-border .blue {margin-top:55px;}
footer .footer-border .med-blue {margin-top:85px;	height:15px;	width:120px;}
footer .footer-border .lt-blue, footer .footer-border .dk-blue {height:10px;}
.cbolui-ddl-pre .menu-sticky-wrapper {min-height: auto;}
.bannerTxt {position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); }

.acct_title { font-size: 18px; min-width: 220px;}
.acct_offer {  padding-left: 45px; }
.acct_offer strong { font-size:150%;}
.cpc .acct_offer, .cg .acct_offer, .cp .acct_offer  { background-size: 40px;  }
.reward_head {top:-22%;}

}
@media (min-width: 992px){
.homebanner_cta h1.mainHeading {font-size: 26px;}
.homebanner_cta h2 {font-size: 22px;}

.acct_title { font-size: 24px; min-width: 285px;}
.acct_offer { font-size: 21px; padding-left: 70px; }
.acct_offer strong { font-size:200%;}
.cpc .acct_offer, .cg .acct_offer, .cp .acct_offer  { background-size: 60px;  }
.reward_head {top:-34%;}
}
@media (min-width: 1200px){
.homebanner_cta h1.mainHeading {font-size: 26px;}
.homebanner_cta h2 {font-size: 22px;}
.homebanner_cta .mainTxt, .homebanner_cta .mainTxt span.dollar { font-size: 38px;}
.homebanner_cta .mainTxt span {font-size: 60px;}


}

@media (max-width: 1200px){
#leadin .container, #form .container, #reward .container, #links .container, #action .container .footer-fixed .container  { width: 100%;}
.overlay_bg .container  { width: 90%;}
}
/*@media (max-width: 992px) and (min-width: 768px){*/
@media (max-width: 1024.98px) and (min-width: 768px){
.homebanner_cta h1.mainHeading { font-size: 21px;  padding-bottom: 10px; padding-top: 10px;}
.homebanner_cta h2 {font-size: 18px;}
.HomeBanner .container { padding: 0px;}
.HomeBanner .innerBanner {  width: 73%;  }
.bannerbg .container { width: 100%;}	
.fixed-links .col-cell, .fixed-links .sticky_wrap  { padding: 0px;  }

}
@media (max-width: 1024.98px){
.logo-wrapper a { display: block;}
.sticky_txt { display: none;}
.sticky_action { text-align: center;}
.lang-switch { right: 20px;}
}
@media (max-width: 767.98px) {
body {line-height: 1.2;}	
.landingPara { text-align: center;}
.mobContainer, .mobContainer .container{padding: 0px;}
.HomeBanner .innerBanner {  width: 100%; padding-top: 40px; padding-bottom: 30px; background: #fff;}
.homebanner_cta h1.mainHeading {font-size: 26px; text-align: center;}
.homebanner_cta h2 { font-size: 20px;  text-align: center;}
.pageTitleBorder {border-bottom: 0px solid #666666;}

.col-cell, .share_txt {display:block; width: 100%; }
.share_icon, .step_cell .col-cell {display:table-cell; width: auto;}
.step_cell .step_num { width: 70px;}
.step_icon { padding: 20px 0;}
.cpc, .cg, .cp { margin-bottom: 20px;}
.acct_title { width: 100%;}
.acct_offer {display: inline-block;}	
.share_iconwrap { display: table; margin: auto;}
.share_txt { margin-right: 0px;}
.share_icon.first:after { border-left: 0px #333333 solid;}
.form_wrap .col-md-6:first-child { margin-bottom: 20px;}
.cpc .acct_offer:after, .cg .acct_offer:after {border-right: #666666 0px solid;}
.reward_list .col-cell {display:table-cell;}
.reward_list_icon { width: 30%;}

/* footer */
.citi-logo-desktop {display:none;}
.citi-logo-mobile {float: right;    display: block;    width: 40px;    margin: 15px 8px 0 0;}
footer .footer-border .blue {width:45px;height:30px;margin-top:25px;}
.footerTc .pull-left {width: 33.33333%;}
.footerTc li {margin: 0px 0px 10px 0px;     float: none;}
.sticky_wrap {border-right: #fff 0px solid;}
}
@media (max-width: 480px){
.homebanner_cta h1.mainHeading {font-size: 24px; }
/*.section_title { font-size: 20px; }
.section_txt { font-size: 16px; }*/
.sticky_action .applybtn, .sticky_action .applybtn:hover {min-width: 100%; margin-bottom: 0px;}

#leadin, #form, #reward, #links {padding: 30px 0 30px;}

.leadin_txt, .reward_txt, .reward_table th, .reward_table td, .acct_list li, .reward_list_txt li, .acct_action a, .reward_list_cont a, .reward_list_txt, .acct_txt, .step_txt, .acct_listitle, .acct_features { font-size: 16px !important;}
.section_title { font-size: 24px;}
.section_txt, .step_tip, .relink_wrap a { font-size: 14px;}
.acct_title, .section_subtitle, .acct_rebate, .reward_list_title, .action_txt, .share_txt { font-size: 20px;}
.reward_table td.reward_remark  { font-size: 12px !important;}
.acct_offer { font-size: 16px; padding-left: 60px; }
.acct_offer strong { font-size:200%;}
.cpc .acct_offer, .cg .acct_offer, .cp .acct_offer  { background-size: 55px;  }
.reward_box {padding-top: 67px; margin-top: 40px;}
.reward_head {top:-15%;}	
#action {padding: 30px 0;}
.reward_table_wrap { padding: 0 !important;}
.reward_table th {padding: 5px;}
.reward_table th img {width: 30px;}
.reward_list_icon { padding-right: 20px;}


.applybtn, .applybtn:hover {font-size: 16px; }


.borrow { font-size: 20px; }
.fixed-links a {font-size: 16px; padding: 10px 15px; min-width:auto;}
.fixed-links .col-cell {padding: 0px 5px; text-align: center;}
.sticky_title  {font-size: 14px; max-width: 205px;    vertical-align: middle; text-align: left;}
.btn_wrap a  {font-size: 18px;}
}
@media (max-width: 320px){
.container {padding-right: 10px;    padding-left: 10px;}
.fixed-links .col-cell {display: block;     width: 100%;}
.sticky_action .applybtn, .sticky_action .applybtn:hover {min-width: 100%; margin-bottom: 10px;}
}
    .banner{background: #AD9154;}
    .twoborder {border:1px solid #B5995C; border-radius: 15px; padding: 30px; margin: 20px 0;}
    .twoborder .blue-border, .twoborder .blue-border li {/*border:1px solid #281814;*/ color:#281814;}
    .twoborder .gold-border, .twoborder .gold-border li {/*border:1px solid #B5995C;*/ color:#B5995C;}
    .twoborder .newtitle{font-size: 25px; background: #fff; padding: 0 15px; display: table; margin: -13px auto 0 auto;}
    .twoborder .col-md-6.col-sm-12 {padding-left: 20px; padding-right: 20px}
    .newtxt  .large{font-size: 150%;}
    .newtxt { font-size: 25px;}
    .newtxt{padding: 20px 10px;}
    .twoborder_line { position: relative;}
    .twoborder_line::before {    content: " ";    display: block; position: absolute; top: 5%; left: 50%; width: 1px; height: 90%; background: #B5995C;}
    .applystep_code, .applystep_btn, .applystep_txt  { display: inline-block; vertical-align: middle; margin:10px;}
    .applystep_txt { padding-left: 45px; position: relative; color: #B5995C; font-size: 25px;}
    .applystep_num { background:#B5995C; color: #fff; font-size: 25px; line-height: 25px; text-align: center; border: 1px solid #B5995C; border-radius: 50%; display: inline-block; position: absolute; left: 0; width: 30px;height: 30px; top: 50%; margin-top: -15px;}
    .applystep_code .form-control { width: 165px; height: 40px; padding: 5px;}
    .applystep_btn .applybtn, .applystep_btn .applybtn:hover { min-width: 120px; margin: 0px; font-size: 25px; font-weight: bold;}
    /*.blue-border .newtxt{border-right: 1px solid #B5995C;}*/
    .step_num, .step_txt{text-align: center; width: auto; margin: 0 20px;}
    .step_num{color:#B5995C; font-size: 35px; border: 1px solid #B5995C; border-radius: 50%; display: inline-block; width: 70px; padding: 12.5px 0;}
    .step_txt{padding-top: 20px;}
    .extrareward{display: table; color:#B5995C; background: #fff; padding: 0 20px; margin: 0 auto 20px auto;;}
    .extrareward>div{display: table-cell; vertical-align: middle; font-size: 42px; }
    .reward_box{border: 1px solid #B5995C; padding-bottom: 80px;}
    .reward_head{max-width: none;}
    .pblue2{color:#B5995C;}
    .section_txt{font-size: 16px;}
    #form, #step, #reward.referee{background: #f6f6f6;}
    #form>div:nth-child(2){background: #163C6A; padding-top: 40px; padding-bottom: 20px;}
    #form>div:nth-child(1){padding-bottom: 40px;}
    #form>div:nth-child(3){padding-top: 40px;}
    #form .btn{background: #163C6A; border: 1px solid #fff;}
    .reward_table th{background: #fff; color:#B5995C; padding-bottom: 20px; font-size: 25px;}
    .reward_table table tr{background: #F6F6F6;}
    .reward_table table tr:first-child{border:0;}
    .reward_table td strong{font-size: 100%;}
    .reward_table td.table_line{border-color: #B5995C;}
    .reward_table th:first-child, .reward_table td:first-child{border-right: 0;}
    .reward_table th:last-child, .reward_table td:last-child{border-left:0;}
    .reward_table table{width: auto; margin: 0 auto;}
    .footer-fixed, .footer-fixed.fixed{background-color: #fff;-webkit-box-shadow: 0px -5px 5px 0px rgba(136,136,136,.6);
-moz-box-shadow: 0px -5px 5px 0px rgba(136,136,136,.6);
box-shadow: 0px -5px 5px 0px rgba(136,136,136,.6);}
    .sticky_title{font-size: 21px; color:#B5995C;}
    .applybtn img{padding-right: 10px;}
    .applybtn, .applybtn:hover{background: #fff !important; padding: 0; line-height: 1; font-size: 21px; color:#B5995C !important; font-weight: normal;}
    .bannerbg{background: #2c211f;
background: -moz-linear-gradient(left,  #2c211f 0%, #2c211f 50%, #fbf9fa 51%, #fbf9fa 100%);
background: -webkit-linear-gradient(left,  #2c211f 0%,#2c211f 50%,#fbf9fa 51%,#fbf9fa 100%);
background: linear-gradient(to right,  #2c211f 0%,#2c211f 50%,#fbf9fa 51%,#fbf9fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c211f', endColorstr='#fbf9fa',GradientType=1 );
    }
    .detailsIn ul li a span{color: #B5995C; border-color:#B5995C;}
    .detailsIn ul li a p, .detailsIn ul li.selected a p{color:#B5995C;}
    .detailsIn ul li.selected a span{background:#B5995C; border-color:#B5995C;}
    .reward_txt{padding: 0 10px;}
    .share_icon:after{border-color:#B5995C;}
    #form>div:nth-child(2){color:#fff;}
    #form .larger{font-size: 125%;}
    @media (max-width: 992px){
        .extrareward>div,.reward_txt{font-size: 18px;}
        .extrareward>div>img{width: 35px;}
        .twoborder .blue-border{margin: 0;}
        .twoborder .gold-border{margin-top: 25px;}
        .reward_txt {padding: 35px 10px;}
        .extrareward{margin: 0px auto -5px auto;}

}

    @media (max-width: 767px){
        .step_table>.step_cell:nth-child(n+2){margin-top: 40px;}
    }
    .twoborder ul{display: none; margin-left: 20px;}
    .twoborder ul li{ font-size: 16px; text-align: left;}
    .twoborder .spbtn>div{display: inline-block;}
    .twoborder .spbtn{padding: 5px 0; background: #fff;; border: 0; font-size: 16px;}
    .twoborder .bbo .spbtn>div:first-child{padding:2px 2px; color:#fff; background-color: #281814; margin-right: 5px;}
    .twoborder .gbo .spbtn>div:first-child{padding:2px 2px; color:#fff; background-color: #B5995C; margin-right: 5px;}
    .twoborder .spbtn>div>.pm{width: 20px; height: 20px; color:#fff;} 
    .twoborder .spbtn>div>.pm:last-child{display: none;}
    #reward.referee{background:#fff;}
    .reward_list_cont a{color:#B5995C !important;}
    .reward_list, .reward_list:last-child{border-bottom:2px solid #B5995C; }
    .newtxt a{margin-top: 15px;}
    .newtxt a,.applybtn, .newtxt a:hover,.applybtn:hover{min-width: 165px; text-decoration: none !important;    font-weight: bold;    line-height: 1.2;    padding: 10px 20px;    background: #B5995C !important;    color: #ffffff !important;    /* transition: all .2s ease-in-out; */    border-radius: 5px;}
    .applybtn, .applybtn:hover{font-size: 24px;}
    .bbo .spbtn>div:last-child{color:#281814;}
    .gbo .spbtn>div:last-child{color:#B5995C;}
    .bbo p{color:#281814; font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
    .gbo p{color:#B5995C; font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
    .fixed-links{padding: 20px 0;}
    .newtxt a:hover,.applybtn:hover{background: #281814 !important;;}
    .blue-border .newtxt a:hover{
background: #B5995C !important;}
    .blue-border .newtxt a{background: #281814 !important;}
    @media (max-width: 767px){
        .reward_list_icon{width: 70px;}
        .reward_list_icon img{max-width: 50px;}
    }
    @media (max-width: 991px){
        .twoborder_line::before {display: none !important;}
    }
    @media (max-width: 480px){
        .twoborder  {padding: 10px;}
    }