@media (max-width: 961px){
footer.pagefooter #socialShare ul {
    width: 115%;
    font-size: 0;
    border-bottom: solid #e0e0e0 0px;
}
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.cbolui-ddl-pre ol, .cbolui-ddl-pre ul {
    margin-top: 4px !important;
    margin-bottom: 12px;
}
 .cbolui-ddl-pre ul.breadcrumbs {
    margin: 22px 0 0px;
    padding: 15px 0px 0px 0px ;
    list-style: none;
    float: left;
    display: block;
    }
.cbolui-ddl-pre .col-xs-12 {
    width: 104%;
}
.cbolui-ddl-pre ul.breadcrumbs li {
    margin: 5px;
    padding: 0;
    float: left;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.cbolui-ddl-pre ol, .cbolui-ddl-pre ul {
    margin-top: 4px !important;
    margin-bottom: 12px;
}
 .cbolui-ddl-pre ul.breadcrumbs {
    margin: 22px 0 0px;
    padding: 15px 0px 0px 0px ;
    list-style: none;
    float: left;
    display: block;
    }
.cbolui-ddl-pre .col-xs-12 {
    width: 104%;
}
.cbolui-ddl-pre ul.breadcrumbs li {
    margin: 5px;
    padding: 0;
    float: left;
}
}
.bin{
  padding-top:10px;
}
			html {
				display: none;
				visibility: hidden;
			}
			h3 {
				font-size:22px;
			}			
			.theme-light {
				background: #fff;
			}
			.theme-gray {
				background: #eee;
			}
	.tnc li {
	  font-size: 12px;
	  line-height: 18px;
	  color: #333;
	}
	.tnc li a {color: #333; text-decoration: underline;}
	.tnc ol>li:before {
	  font-family: Interstate_Light,sans-serif;
	}
	.tnc ol ol>li:before {
	  content: counter(li-counter,lower-alpha)')';
	}
	.tnc table {
	  border-top: 1px solid grey;
	  border-left: 1px solid grey;
	}
	.tnc table th , .tnc table td {
	  text-align:center;
	  padding:5px;
	  border-bottom: 1px solid grey;
	  border-right: 1px solid grey;
	}
	.tnc table th {
	  background-color: #cccccc;
	}
	.tnc table td {
	  background-color: #ffffff;
	}
	.pagefooter {
	background: #333333;
	color: #fff;
	width: 100%;
	float: left;
	}
	.footer-logo {
	padding: 20px 0 34px;
	display: inline-block;
	}
	.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;}
	.fixed-links a  {font-size: 16px;    line-height: 16px; margin: 0; min-width: 265px;}
	.sticky_txt, .sticky_action { float: none;}
	.sticky_txt { font-size: 25px; font-weight: bold;  text-align: left; margin-bottom: 15px;}
	.sticky_action { text-align: right;}
	.footer-divider {
	border-top: 1px solid #ffffff;
	opacity: 0.5;
	}
	.footerTc {
	padding-top: 13px;
	}
	.footerTc li {
	margin: 0px 20px 0px 0px;
	display: inline-block;
	}
	.footerTc a {
	font-size: 12px;
	letter-spacing: -0.4px;
	line-height: 16px;
	color: #fff;
	}
	@media (max-width: 767px){
		.footer-logo {
			padding: 20px 20px 34px;
		}
		.footer-divider {
			display: none;
		}
		.footerTc {
			padding-bottom: 9px;
			padding-top: 31px;
		}
		.footerTc ul > li {
			width: calc(100% - 10px);
		}
		.footerTc a {
			padding-bottom: 21px;
		}
		.container-fluid{
			padding: 0px 20px;
		}
		.new-header ul.breadcrumbs>li:not(:nth-last-child(-n+2)), .new-header ul.breadcrumbs>li:last-child, .new-header ul.breadcrumbs>li:not(:nth-last-child(-n+1)) .cbol-icon{
			display: inline-block;
		}
		.mobileBreadcrumb{
			padding-top: 10px!important;
		}
}
	@media (min-width:768px) {
	    .container-fluid{
			padding: 0px 20px;
		}
	}
	@media (min-width:992px) {
	    .container-fluid {
	        max-width: none;
					padding-left: 60px;
	        padding-right: 60px
	    }
	}
	@media (min-width:1200px) {
	    .container-fluid {
	        max-width: none
	    }
	}
	@media (min-width:1440px) {
	    .container-fluid {
				padding-left: 20px;
				padding-right: 20px;
				margin-right: auto;
				margin-left: auto;
	      max-width: 1440px
	    }
	}
	.btn-less-more{
	    background-color: transparent;
	    color: #056dae;
	    margin: 20px;
	    display: none;
			cursor: pointer;
			border: 0;
	}
	.btn {
	    line-height: 34px;
	    padding-top: 0;
	    padding-bottom: 0;
	    vertical-align: middle;
	    margin-right: 20px;
	    text-align: center;
	    font-size: 16px;
	    font-size: 1rem;
	    font-family: Interstate_Bold,sans-serif;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    font-weight: 700;
	    border-radius: 6px;
	}
	.show-less-content p small {
			font-size: 12px;
			line-height: 18px;
			color: #333;
	}
	.show-less-content p.tc {
			font-size: 12px;
			line-height: 18px;
			color: #333;
	}
	.spacer_md-sm {
	    height: 40px;
	}
	ol {
	    list-style-type: none;
	    margin: 0 0 0 25px;
	    padding: 0;
	    counter-reset: li-counter;
	}
	li {
	    margin-bottom: 9px;
	}
	ol>li:before {
	    position: absolute;
	    top: 0;
	    left: -22px;
	    margin-right: 0;
	    font-family: Interstate_Bold,sans-serif;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    text-align: left;
	    color: #464646;
	    content: counter(li-counter);
	    counter-increment: li-counter;
	}
	ol>li {
	    position: relative;
	    padding-left: 0;
	    text-indent: 0;
	}
.copyright{
  padding-right:10px;
}
.img-icon{
  padding-top: 40px;
}
			.mb{
				margin-left:50px!important;
			}
			.mbap{
				margin-left:50px!important;
				list-style:decimal!important;	
			}
			body{line-height: normal; font-family: 微軟正黑體,黑體,儷黑Pro,sans-serif;}
			.mb20 { margin-bottom: 20px;}
			.mb40 { margin-bottom: 40px;}
			.nowrap {white-space: nowrap;}
			sup {line-height: 0;}
			.otherSection, .promoSection, .submitSection {padding: 40px 0; text-align: center; background-color: #EEEEEE;}		
			.mrewardSection, .linkSection, .stepSection {padding: 40px 0; text-align: center; }
			.otherSection h2, .promoSection h2, .appSection h2, .mrewardSection h2 , .submitSection h2, .linkSection h2, .stepSection h2 {color:#333333; font-size: 40px; line-height: normal; font-weight: bold;}
			.otherSection h3, .appSection h3, .mrewardSection h3 , .submitSection h3, .linkSection h3, .stepSection h3 {color:#333333; font-size: 26px; line-height: normal;}
			.linkSection h2 { color:#003F85; }
			.stepSection h2 { color:#056cad; }
			.mrewardSection a, .submitSection a{font-size:18px; text-decoration: underline; color:#003F85;}
			.mreward_wrap {padding: 0px;}
			.otherSection .gr{background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.10)); height: 2em; width: 100%; bottom: 0px; left: 0px; position: absolute; background-repeat: no-repeat;}
			.otherSection .ph{width: 32%; display: inline-block; text-align: center;}
			.otherSection .phc{position: relative; max-height: 250px; margin-top: 40px;}
			.otherSection .phtext{margin-top: 20px;}
			.otherSection .phtext span{font-size:20px; color:#003F85;}
			.otherSection .phtext .ph{vertical-align: top;}
			.promoSection{background: #EEEEEE; padding: 40px 0;}
			.promoSection img{padding-top: 10px;}
			.promoSection h3{color:#003F85; font-size:22px; margin-top: 20px; padding: 0;}
			.promoSection p{color:#333; font-size: 16px; margin-top: 5px; padding: 0;min-height: 42px;}
			.promoSection a{color:#003F85; font-size: 16px; text-decoration: underline; margin-top: 20px;}
			.shadow{background-image: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0)); height: 0.5em; width: 100%; bottom: 0px; left: 0px; background-repeat: no-repeat;}
			.appSection {padding: 40px 0 0 0; text-align: center; position: relative;}
			.appSection .bigshadow{background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.10)); height: 2em; width: 100%; bottom: 0px; left: 0px; position: absolute; background-repeat: no-repeat;}
			.linkSection a{font-size:18px; text-decoration: underline; color:#003F85; margin-bottom: 5px;}
			.ctaSection{padding: 20px 0; background:-moz-linear-gradient(90deg, rgba(0, 71, 133, 1) 0%, rgba(0, 102, 179, 1) 20%, rgba(0, 179, 240, 1) 80%, rgba(0, 189, 242, 1) 100%); background:-webkit-linear-gradient(90deg, rgba(0, 71, 133, 1) 0%, rgba(0, 102, 179, 1) 20%, rgba(0, 179, 240, 1) 80%, rgba(0, 189, 242, 1) 100%); background:-o-linear-gradient(90deg, rgba(0, 71, 133, 1) 0%, rgba(0, 102, 179, 1) 20%, rgba(0, 179, 240, 1) 80%, rgba(0, 189, 242, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BDF2', endColorstr='#004785', GradientType=0 ); background:-ms-linear-gradient(90deg, rgba(0, 71, 133, 1) 0%, rgba(0, 102, 179, 1) 20%, rgba(0, 179, 240, 1) 80%, rgba(0, 189, 242, 1) 100%); background:linear-gradient(90deg, rgba(0, 71, 133, 1) 0%, rgba(0, 102, 179, 1) 20%, rgba(0, 179, 240, 1) 80%, rgba(0, 189, 242, 1) 100%); font-weight:bold; font-size: 20px; color: #ffffff;}
			.ctaSection strong {font-size:200%; color:#e15429;}
			.ctaSection span {font-size:80%; }
			.ctaSection a {color:#fff; background-color: #e15429; border-radius: 5px; padding: 15px 10px; width: 100%;  max-width: 220px; font-size: 16px; text-align: center; white-space: nowrap;}
			.ctaSection_row { display: flex; align-items: center;}
			.ctaSection_row .col9 {display: flex; align-items: center;}
			.ctaSection_row .col3 {text-align: right;}	
			.ctaSection_card { min-width: 110px; margin-right: 20px;}
			.ctaSection_card img {display: block;}
			.phrow .container .row{padding: 0;}
			.phslickbtn button{width: 40%; padding: 20px; background: #EBEBEB; color: #003F85; margin: 10px; display: inline-block; border: 0; border-radius: 0; cursor: pointer; font-weight:bold;}
			.phrow{padding-top: 40px;}
			.phslick,.phslick>div{max-height: 306px;margin-bottom: -2px;}
			@media (max-width: 1420px){
				.ctaSection_row .col9 {display: flex;}
			}
			@media (max-width: 1200px){
				.ctaSection {font-size: 20px;}
			}
			@media (max-width: 767px){
				.otherSection h2, .promoSection h2, .appSection h2, .mrewardSection h2 , .submitSection h2, .stepSection h2 { font-size: 28px;}
				.linkSection h2 {  font-size: 26px;}
				.otherSection h3, .appSection h3, .mrewardSection h3 , .submitSection h3, .linkSection h3,.stepSection h3 {font-size: 21px;}
				.otherSection .phc{ margin-top:0; width: 100%;}
				.otherSection .phc.aright{text-align: right;}
				.otherSection .ph{margin-top:0; width: 100%; text-align: left; font-size:80%; line-height: 1.25;}
				.phm table td .ph {  padding: 0 10px;}
				.phm table td img {  max-height: 150px;  height: 150px;  width: 140px;  min-width: 140px;}
				.otherSection .ph span{color:#003F85; font-size:125%;}
				.otherSection .gr{background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); height: 1.5em; width: 100%; bottom: 0px; left: 0px; position: absolute; background-repeat: no-repeat;}
				.promoSection h2{font-size:27px;}
				.promoSection p{min-height:0;}
				.promoSection h3{margin-top: 15px;}
				.promoSection img{padding-top: 20px;}
				.appSection h2{line-height: 1.25;}
				.promoTop p:first-of-type, .buySection .half p, .linkSection a{font-size:18px;}
				.phslick, .phslick>div{max-height: auto;}
				.phslickbtn{overflow-x: auto; white-space: nowrap;}
				.phslickbtn button{width:auto;}
				.phm {  margin-top: 20px;   position: relative;}
				.ctaSection { padding: 10px 0; font-size: 16px; line-height: 1;}
				.ctaSection strong {  font-size: 120%;  }
				.ctaSection_row .col-sm-12{ padding: 0; }
				.ctaSection_row .col9 { padding-right: 10px;}
				.ctaSection_row .col3 {text-align: center; width: auto;}
				.ctaSection_card {  margin-right: 10px; display: none;}
				.ctaSection a {padding: 10px 10px;  width: auto; max-width: none;}
				.tnc { padding-top: 20px;}
			}	
			/* animation */
.animation-element, .kv {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/
.animation-element.slide-left, .kv.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-50px, 0px, 0px);
  -webkit-transform: translate3d(-50px, 0px, 0px);
  -o-transform: translate(-50px, 0px);
  -ms-transform: translate(-50px, 0px);
  transform: translate3d(-50px, 0px, 0px);
}
.animation-element.slide-left.in-view, .kv.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation element sliding right*/
.animation-element.slide-right, .kv.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(50px, 0px, 0px);
  -webkit-transform: translate3d(50px, 0px, 0px);
  -o-transform: translate(50px, 0px);
  -ms-transform: translate(50px, 0px);
  transform: translate3d(50px, 0px, 0px);
}
.animation-element.slide-right.in-view, .kv.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation element sliding fadein*/
.animation-element.fade-in, .kv.fade-in {
  opacity: 0;
  -moz-transition: all 1000ms linear;
  -webkit-transition: all 1000ms linear;
  -o-transition: all 1000ms linear;
}
.animation-element.fade-in.in-view, .kv.fade-in.in-view {
  opacity: 1;
}
/* bounce-up */
.animation-element.bounce-up, .kv.bounce-up {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 50px, 0px);
  -webkit-transform: translate3d(0px, 50px, 0px);
  -o-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate3d(0px, 50, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.animation-element.bounce-up.in-view, .kv.bounce-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
			#pageWrappper {overflow: hidden;}
			.citigold { color: #B4975A; }
			.citiplus { color: #00bdf2; }
			.bannerCon_new {background-color: #d1dae0;}
			.bannerCon {height: 670px; background-color: #d1dae0; background-image: url(/chinese/credit-cards/citi-the-club-card/images/banner_bg.jpg); background-repeat: no-repeat; background-position: center top; z-index: 1; }
			.bannerCon .container-fluid { position: relative;}
			.banner_wrap { max-width: 1400px; margin: auto;}
			.banner_wrap img  { width: 100%; }
			.bannerCon .scaleCont {position: absolute; width: 100%; height: 670px; max-width: 1420px; left: 0; }	
			.banner_img1 { position: absolute; /*top: 50%; transform: translateY(-50%);*/ top: 26px;  left: 80px; }			
			.banner_curves { position: absolute; top: 88px; right: 75px;  width: 792px; }
			.banner_img7 { position: absolute; top: 38px; left: 78px; ;}
			.banner_img2 { position: absolute; top: -33px; left: 247px;}
			.banner_img3 { position: absolute; top: 49px; right: 56px; }
			.banner_img4 { position: absolute; top: 185px; left: 143px; }
			.banner_img5 { position: absolute; top: 312px; left: 54px;}
			.banner_img6 { position: absolute; top: 275px;right: -80px; }
			.banner_card { position: absolute; top: 171px; left: 366px; }
			/*.banner_card.godonw {transform: translateY(600px) !important;}*/
			.banner_card.godonw {transform: translateY(400px) !important;}
			.banner_remark {position: absolute; left: 80px; bottom: 20px; font-size: 12px; }
			.light1 { position: absolute; top: 284px; left: 365px;}
			.light2 { position: absolute; top: 362px; left: 443px;}
			.light3 { position: absolute; top: 315px; left: 664px;}
			.banner_card_img {  -moz-transition: all 700ms ease-out;  -webkit-transition: all 700ms ease-out;  -o-transition: all 700ms ease-out;  transition: all 700ms ease-out;}
			.banner_card_img.rotate { -ms-transform: rotate(-23deg);  transform: rotate(-23deg);}
			.mainCon {min-height: 4480px; padding: 0px 0px 70px; background-color: #d1dae0; background-image: url(/chinese/credit-cards/citi-the-club-card/images/main_bg_1016.jpg); background-repeat: no-repeat; background-position: center top; position: relative; overflow: hidden;}
			.mainCon .container-fluid {position: relative; z-index: 10;}
			.mainCon .container {width: 1120px;}
			.curves2 { position: absolute; top: 1610px; left: -254px; width: 400px; display: none;}
			.curves1 { position: absolute; top: 150px; left: -365px; width: 556px;}
			.curves3 { position: absolute; top: 400px; /*left: 1060px;*/ right: 0px; width: 378px; }
			.curves4 { position: absolute; top: 2700px; /*left: 960px; */ right: -200px; width: 673px; }
			.curves5 { position: absolute; top: 4960px; /*left: 860px;*/ right: -100px; width: 733px; }
			.img1 { position: absolute; top: 155px; left: 289px; width: 228px;}
			.img2 { position: absolute; top: 239px; left: 328px; width: 233px; }
			.img6 { position: absolute; top: 328px; left: 346px; width: 235px; }
			.img3 { position: absolute; top: 418px; left: 343px; width: 235px; }
			.img4 { position: absolute; top: 503px; left: 319px; width: 229px; }
			.img5 { position: absolute; top: 590px; left: 272px; width: 237px; }
			.leadin { font-size: 22px; line-height: 1.2; color: #ffffff; margin: 40px auto;}
			.welcome_box {font-size: 36px; line-height: 1.2; color: #ffffff; margin-top: 60px;}
			.welcome_box span {font-size: 80%;}			
			.welcome_btn .btnimg {border-radius: 7px;overflow: hidden;}
			.welcome_btn a {margin-right: 10px; vertical-align: middle; display: inline-block;}
			.welcome_btn a img { display: block;}
			.welcome_remark a {font-size: 16px; margin-right: 15px; color: #ffffff;  text-decoration: underline;} 
			.applybtn {color: #fff; background-color: #e9851e; border-radius: 7px; padding: 15px 10px; width: 100%; max-width: 220px; font-size: 16px; text-align: center;}
			.offer_tab { margin-top: 60px; }
			.offer_tabox {font-size: 28px; line-height: 1.2; color: #2e368f; margin-bottom: 40px; padding: 0; }
			.offer_tabox strong, .welcome_box strong {font-size: 160%;}
			.offer_tabox strong span  {font-size: 50%; font-weight: normal;}
			.offer1_txt {color: #fca017;}
			.offer2_txt {color: #ff1679 !important;}
			.offer3_txt {color: #f15a26; font-size: 150% !important;}			
			.offer3_txt img {width: 50px; display: inline-block; vertical-align: baseline; margin-top: -20px; position: relative; top: -20px; margin-left: -10px;}
			.offer3_txt .nowrap { display: inline-block; }
			.offer4_txt {color: #b297c7; font-size: 150% !important;}
			.offer5_txt {color: #9d1f60; }
			.offer6_txt {color: #7ec351; }
			.offer1_gradientxt  {  background-color: #f15a26;   background-image: linear-gradient(90deg, #ed1f79, #f15a26);   background-size: 100%;  background-repeat: repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
			.offer2_gradientxt  {  background-color: #ff1679;   background-image: linear-gradient(90deg, #ed1f79, #a72785);   background-size: 100%;  background-repeat: repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
			.offer3_gradientxt  {  background-color: #00ac9d;   background-image: linear-gradient(90deg, #00ac9d, #089fc5);   background-size: 100%;  background-repeat: repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
			.offer3_gradientxt1  {  background-color: #00ac9d;   background-image: linear-gradient(90deg, #00ac9d, #00ac9d);   background-size: 100%;  background-repeat: repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
			.offer3_gradientxt2  {  background-color: #00ac9d;   background-image: linear-gradient(90deg, #00a9aa, #00a6b8);   background-size: 100%;  background-repeat: repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
			.offer3_gradientxt3  {  background-color: #00ac9d;   background-image: linear-gradient(90deg, #00a6b8, #00a1c9);   background-size: 100%;  background-repeat: repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
			.offer3_gradientxt4  {  background-color: #00ac9d;   background-image: linear-gradient(90deg, #00a1c9, #00a1c9);   background-size: 100%;  background-repeat: repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
			/*.offer3_gradientxt2 img  { display: inline-block; vertical-align: baseline; margin-top: -20px;}*/
			.offer4_gradientxt1  {  background-color: #2e368f;   background-image: linear-gradient(90deg, #2e368f, #662f90);   background-size: 100%;  background-repeat: repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
			.offer4_gradientxt2  {  background-color: #2e368f;   background-image: linear-gradient(90deg, #662f90, #a44261);   background-size: 100%;  background-repeat: repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
			.offer_btn {margin-top: 20px; display: inline-block; cursor: pointer;}
			.offer1 {margin-top: 120px; }
			.offer2 {margin-top: 60px; }
			.offer4, .offer3  {margin-top: 80px; }
			.offer3  {margin-bottom: 80px; }
			.offer6 {margin-top: 300px;  float: right;}
			.offer_remark { color: #2e368f; font-size: 16px; line-height: 1.2; }
			.offer_txt { color: #2e368f; font-size: 22px; line-height: 1.5; }
			.offer_txt a, .offer_remark a, .step_remark a  { color: #2e368f; text-decoration: underline;}
			.offer_title, .welcome_title {font-size: 50px; line-height: 1.2; }
			.offer_subtitle {font-size: 35px;}
			.offer_title strong {font-size: 150%; line-height: 1.1;}
			.logo_box { background: #ffffff; border-radius: 10px; padding: 60px 40px; text-align: center; position: relative; overflow: hidden;}
			.offer_box {background:linear-gradient(90deg, #d1dae0, #efeff0); padding: 50px 40px; box-shadow: 10px 10px 10px #91b6c6; font-size: 22px; line-height: 1.2; margin-right: 20px; margin-bottom: 40px; }
			.offer6 .offer_box {background:linear-gradient(90deg, #efeff0, #d1dae0); }
			.offer_box a { color: #2e368f; text-decoration: underline;}
			.offer_box .offer_remark  { color: #333333; }
			.offer_remark ul { list-style: disc; margin-left: 15px; color: #333333; }
			.offer_list { width: 100%; display: table;}
			.offer_icon { width: 75px; padding-right: 15px; display: table-cell; vertical-align: middle;}
			.offer_cont { display: table-cell; vertical-align: middle;}
			.overlay { position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0;   z-index: 1000;  background: rgba(0, 0, 0, 0.7); display:none;}
			.popup {  max-width: 1440px;  position: absolute;  top: 50%;  left: 50%;  width: 100%;  transform: translateX(-50%) translateY(-50%);  padding: 15px;}
			.popup-inner {  position: relative;  padding: 80px 80px 80px 80px;  background: #ffffff; display: table; min-height: 100px; /*border-radius: 20px;*/ width: 70%;margin-right:auto;margin-left:auto;}
			.close {  position: absolute;  top: 30px;  right: 30px;  width: 30px;  cursor: pointer;}
			.popup_wrap {width: 100%; display: table-cell; vertical-align: middle;}
			.popup_img { padding-right: 30px; width: 40%; display: table-cell; vertical-align: middle;}
			.popup_img img { max-width: 100%;}
			/*.popup_cont {width: 60%; display: table-cell; vertical-align: middle; }*/
			.popup_cont {width: 100%; font-size: 21px; line-height: 1.2; }
			.popup_cont p { margin-bottom: 9px;}
			.popup_head { font-size: 30px; font-weight: bold; }
			.popup_head strong { font-size: 150%; }
			.popup_subhead { margin-bottom: 9px; font-weight: bold; }
			.popup_txt { position: relative; margin-left: 30px; margin-bottom: 9px; }			
			.popup_txt span {position: absolute; margin-left: -28px;}
			.popup_txt a, .popup_remark_wrap a { text-decoration: underline; color: #333333;}
			.popup_remark_wrap { margin-top: 30px; font-size: 14px;}
			.popup_remark { position: relative; margin-left: 22px; margin-bottom: 5px; font-size: 14px;  }
			.popup_remark span {position: absolute; margin-left: -20px;}
			.popup_remark .popup_remark {margin-left: 18px;}
			.popup_remark .popup_remark span {margin-left: -16px;}
			.hotel_logo {  margin-bottom: 30px;}
			.hotel_logo img { max-width: 100%;}
			.hotel .popup_txt, .hotel .popup_txt a, .hotel .popup_remark_wrap a  {color: #2e368f;}
			/*.shop_box { margin-bottom: 40px; border-bottom: #ccc 1px solid;padding-bottom: 30px;}*/
			.shop_box { display: none;}
			.notification_box { display: inline-block; margin: 20px auto 40px; border: #2e368f 1px solid; border-radius: 15px; padding: 20px 40px;}
			.notification_box .offer_icon { vertical-align: top;}
			.tab_nav {    display: table;    width: 100%;    text-align: center;}
			.tabhead { width: 50%; display: table-cell;padding: 20px 10px;   border-top: 5px solid #fff;  color: #002a53;  border-bottom: 5px solid #f9f9f9;    background-color: #f9f9f9; min-height: 80px; cursor: pointer;}
			.tabhead:hover {color: #333333;}
			.tabhead.active {   border-top: 5px solid #fff;  color: #333333;  border-bottom: 5px solid #086dae; background-color: #fff; box-shadow: 0 0 5px 1px rgb(51 51 51 / 25%);}
			.tab_wrap  { display:none; }
			.tab_box  {  padding: 50px 60px; }
			.tab2 { display: block; }
			.step_title { font-size: 30px;  font-weight: bold;}					
			.detailsArea { position: relative;	text-align: center; padding: 0;}
			.detailsIn {	width: 100%;	display: block;	position: relative;}
			.detailsIn.fullLength {	text-align: left;}
			.detailsIn>p {	font-size: 16px;	line-height: 24px;	color: #666;}
			.detailsIn ul {	padding: 20px 0 30px;	font-size: 0;}
			.detailsIn ul li:hover p {text-decoration: none;}
			.detailsIn ul li {	padding: 0 0 20px 0;}
			.detailsIn ul li:last-child {	padding: 0}
			.detailsIn ul li a { width: 100%; }
			.detailsIn ul li a span {	width: 40px;	height: 40px;	line-height: 36px;	border: 2px solid #056dae;	border-radius: 50%;	display: inline-block;	text-align: center;	margin-right: 20px;	color: #056dae;	vertical-align: middle;	font-size: 18px;}
			.detailsIn ul li.selected a span {	color: #fff;	background: #056dae; border: 2px solid #056dae;}
			.detailsIn ul li a p {		font-size: 18px;	line-height: 1.2;	color: #58595b;	width: calc(100% - 65px);	display: inline-block !important;	vertical-align: middle;}
			.detailsIn ul li.selected a p {	font-weight: bold; color: #056dae; text-decoration: none;}
			.detailsIn .detailsTop ul {	padding: 20px 0 40px 0;}
			/*.detailsLeft, .detailsRight {display: table-cell; vertical-align: middle;}*/
			.detailsLeft {	width: 65%;	padding: 0px 0 0 80px;	float: right;	text-align: left;}
			.Slider2_step ul { padding: 0px;}
			.Slider5_step ul { padding: 0px;}
			.detailsRight {	width: 35%;	float: left;}
			.detailsRight .dispImg img {	display: block;	margin: 0 auto;}
			.detailsRight .dispImg {	margin: 0 auto;	text-align: center;	position: relative;	width: 240px;}
			.detailsRight div.p1.dispImg {	display: block;}
			.detailsRight .dispImg video {	width: 100%;}
			/* owl-dots Custom */
			.owl-theme .owl-dots .owl-dot span {	width: 16px;	height: 16px;	background-color: #e2e3e4;border: 1px solid #002a54; border-radius: 50%;	}
			.owl-theme .owl-dots .owl-dot.active span {	background-color: #002a54;}
			/*.owl-dots.custom {	height: 50px;}*/
			.owl-dots {	display: none;}
			.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute; top: 50%; margin: 0; margin-top: -15px; outline: 0; width: 15px; height: 30px; text-indent: -9999px; z-index: 999;}
			.owl-carousel .owl-nav button.owl-prev { left: 0px; background: url(/chinese/credit-cards/citi-the-club-card/images/owl_prev.png) no-repeat !important;}
			.owl-carousel .owl-nav button.owl-next { right: 0px; background: url(/chinese/credit-cards/citi-the-club-card/images/owl_next.png) no-repeat !important;}
			.step_remark_wrap { margin-top: 20px; padding-left: 65px;}
			.step_remark_wrap.visible-mobile {padding-left: 0px; }
			.step_remark_wrap.visible-mobile .step_remark {padding: 5px 10px;}
			.step_remark { font-size: 12px;}
			.step_remark.visible-mobile {margin-top: 20px; }
			.step_remark.box { background: #fcecda; padding: 10px 15px; }
			.step_remark ul { padding: 0; font-size: 100%; list-style: disc; margin-left: 15px;}
			.step_remark ul li { margin-bottom: 3px; padding-bottom: 0;}
			.step_tips { display: table; background: #b8d4e8; padding: 5px 10px; margin-top: 20px; }
			.tips_icon {width: 18px; display: table-cell; vertical-align: middle;}
			.tips_txt { padding-left: 10px;  font-size: 12px; display: table-cell; vertical-align: middle;}	
			.space {display: none;}
			.offer1_banner .owl-dots {	display: block; margin-top: -30px !important; z-index: 1; position: relative;}
			.offer1_banner .owl-dots .owl-dot span {	width: 10px;	height: 10px;	background-color: #e2e3e4;border: 0px solid #e2e3e4; }
			.offer1_banner .owl-dots .owl-dot.active span {	background-color: #d1dae0;}
			.slide_box { position: relative; margin-top: 40px; margin-bottom: 60px;}
			.slide_txtwrap { position: relative; margin-top: 20px;  z-index: 10; }
			#Slider3 .dispImg { width: auto; max-width: 280px;}
			.detailsIn .offer_txt {line-height: 1.2;}
			.Slider3_step {margin-top: 150px;}
			.Slider3_step ul li a span  {color: #2e368f; border: 2px solid #2e368f; vertical-align: top;}
			.Slider3_step ul li.selected a span {background: #2e368f; border: 2px solid #2e368f;}
			.Slider3_step ul li.selected a p  {color: #2e368f;}
			.Slider5_step {margin-top: 150px;}
			.Slider5_step ul li a span  {color: #2e368f; border: 2px solid #2e368f; vertical-align: top;}
			.Slider5_step ul li.selected a span {background: #2e368f; border: 2px solid #2e368f;}
			.Slider5_step ul li.selected a p  {color: #2e368f;}
			.step_remark_hs { display: inline-block; min-height: 20px; padding-left: 25px; font-weight: bold; /*cursor: pointer;*/ background-image: url(/chinese/credit-cards/citi-the-club-card/images/icon_redown.png); background-repeat: no-repeat; background-position: left center; line-height: 1.5;  margin-bottom: 5px;}
			.step_remark_hs.down { background-image: url(/chinese/credit-cards/citi-the-club-card/images/icon_reup.png); }
			.step_remark_hs_wrap { display: none; /*padding-left: 25px;*/ }
			.step_remark_hs_wrap p { position: relative; margin-bottom: 3px; padding-left: 20px;}
			.step_remark_hs_wrap p span { position: absolute; left: 0; top: 0;}
			.backtop {display: inline-block; padding: 10px 15px; background: #25a6da; color: #ffffff; font-size: 16px; border-radius: 25px; cursor: pointer; margin-top: 10px;}
			.backtop img { margin-right: 10px; vertical-align: middle; display: inline-block;}
			.text-right { text-align: right;}
			.merchant_wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;/* justify-content: center;*/}
			.merchant_box {width: calc(26% - 20px); height: 190px; margin: 5px;  position: relative; background: #ffffff; border-radius: 10px; padding: 10px; text-align: center; display: flex; align-items: center;  justify-content: center; overflow: hidden}
			.merchant_box .plus, .logo_box .plus { width: 45px; height: 45px; position: absolute; top: 0px; right: 0px; background: url(/chinese/credit-cards/citi-the-club-card/images/icon_plus.png) no-repeat center; background-size: contain; -moz-transition: all 500ms linear;  -webkit-transition: all 500ms linear;  -o-transition: all 500ms linear;   opacity: 1;}
			.merchant_box .plus_overlay, .logo_box .plus_overlay {background: rgba(46, 54, 143, 0.85); width: 100%; height: 100%; position: absolute;z-index: 1; -moz-transition: all 500ms linear;  -webkit-transition: all 500ms linear;  -o-transition: all 500ms linear; opacity: 0; top: 0; left: 0;}
			.merchant_box .plus_overlay span, .logo_box .plus_overlay span{ color: #ffffff; font-size: 19px; text-decoration: underline; position: absolute; bottom: 20px; left: 0; right: 0;}
			.merchant_box:hover .plus, .logo_box:hover .plus {  opacity: 0;}			
			.merchant_box:hover .plus_overlay, .logo_box:hover .plus_overlay {  opacity: 1;}	
			.offer3_boxmain { margin-bottom: 60px;}
			.offer3_boxwrap {padding: 0;}
			.offer3_box { padding: 0 20px; }
			.offer3_box .offer_txt { font-size: 18px; position: relative; }
			.offer3_box .new_icon { position: absolute; right: -45px; top: -30px; height: 30px;}
			.offer3_box:last-child {border-right: #808080 0px solid;}
			.offer3_img {  display: flex; align-items: center; justify-content: center;}
			.offer3_iconwrap { display: inline-block; position: relative; }
			.offer3_new { width: 60px;  position: absolute; top: -20px; right: -65px;}
			@media(min-width:768px) {
				.tabox1 { width: 20%;}
				.tabox2 { width: 30%;}
				.offer3_img { min-height: 120px; }
				.offer3_box {border-right: #808080 1px solid; display: flex;flex-direction: column;}
				.offer3_boxwrap {display: flex; margin-bottom: 40px;}
			}
			@media(min-width: 992px) {
				.curves2 { display: block;}
				.slide_txtwrap { position: absolute; top: 50%;  margin-top: 0px;  transform: translateY(-50%); }
				.offer3_boxwrap {display: flex;}
				/*.offer3_boxwrap:first-child { border-right: #808080 1px solid;}*/
				.offer3_boxmain {display: flex; width: 100%;}
				.offer3_boxwrap {margin-bottom: 0px;}
			}
			@media (max-width: 1420px){
				/*.mainCon {height: 3902px; padding: 70px 0;background-image: url(/chinese/credit-cards/citi-the-club-card/images/main_bg_2000.jpg); background-size: 100% auto;}*/
				.banner_curves, .banner_img1, .curves1, .curves2, .curves3, .curves4, .curves5 { transform : scale(0.8); }
				.bannerCon .scaleCont, .bannerCon {height: 500px; }
				.bannerCon {background-position: center bottom;}
				.banner_curves { transform-origin : 100% 0%; }
				/*.banner_img1 { left: 100px; transform: scale(0.8) translateY(-65%);  transform-origin : 0% 50%;}	*/			
				.banner_img1 { left: 100px; transform-origin : 0% 10%;}				
				.curves1 { transform-origin: 50% 0%;}
				.curves3 { transform-origin: 100% 50%;}
				.curves4 { transform-origin: 0% 60%; }
				.curves5 { transform-origin: 0% 30%;}
				/*.banner_card.godonw {transform: translateY(650px) !important;}*/
				.banner_card.godonw {transform: translateY(400px) !important;}
				.banner_remark {left: 100px;}
			}
			@media (max-width: 1200px){
				.mainCon .container {  width: 100%;}
				.bannerCon .scaleCont, .bannerCon { height: 500px;}
				.banner_curves, .banner_img1, .curves1, .curves2, .curves3, .curves4, .curves5 { transform : scale(0.7); }
				.curves1 { transform-origin: 50% 0%;}
				.curves3 { transform-origin: 100% 50%;}
				.curves4 { transform-origin: 50% -70%;}
				.curves5 { transform-origin: 0% -50%;}
				/*.banner_card.godonw {transform: translateY(850px) !important;}*/
				.banner_card.godonw {transform: translateY(470px) !important;}
				.leadin { font-size: 20px;}
				.welcome_box {font-size: 30px;}
				.offer_tabox  { font-size: 28px;}				
				.offer_remark  { font-size: 14px;}				
				.offer_txt, .offer_box  { font-size: 18px;}
				.offer_title, .welcome_title  { font-size: 46px;}
				.offer_subtitle {font-size: 30px;}
				/*.offer3_gradientxt2 img { width: 70px;}*/
				.logo_box {padding: 50px 30px;}
				.popup_cont { font-size: 19px;}
				.popup_head { font-size: 28px;}
				.offer3_icon { width: 80%;}
				.offer3_new { width: 45px; top: -10px; right: -40px;}
			}
			@media (max-width: 1000px){
				.bannerCon .scaleCont, .bannerCon { height: 400px;}				
				.banner_curves, .banner_img1, .curves1, .curves3, .curves4, .curves5 { transform : scale(0.6); }
				.banner_curves {top: 58px;}
				.banner_img1 { left: 60px; }
				.banner_remark {left: 60px; bottom: 10px;}
				/*.curves3 { transform-origin: -30% 50%;}*/
				.curves1 { transform-origin: 30% 0%;}
				.curves3 { transform-origin: 50% 50%;}
				.curves4 { transform-origin: 10% -80%;}
				.curves5 { transform-origin: -0% -100%;}
				.tab_box {padding: 40px 30px;}
				.detailsLeft {padding: 0px 0 0 20px;}
				.detailsIn ul li a span { margin-right: 10px;}
			}
			@media (max-width: 820px){
				.bannerCon .scaleCont, .bannerCon { height: 350px;}				
				.banner_curves, .banner_img1, .curves1, .curves3, .curves4, .curves5 { transform : scale(0.55); }
				.banner_img1 { left: 20px; top: 6px; }
				.banner_remark {left: 20px;}
			}
			@media (max-width: 767.98px) {
				.mainCon {  background-size: cover; padding-top: 0px;}
				.bannerCon {background-size: cover;}
				.bannerCon .scaleCont, .bannerCon { height: 670px; position: relative;}
				.banner_img1 { position: relative; top: 0px; left: 0px;  transform: scale(0.6) ;  text-align: center; padding-top: 20px; padding-bottom: 20px; transform-origin: 50% 10%}
				.banner_curves, .curves1, .curves3, .curves4, .curves5{ transform : scale(0.6); }
				.curves3 { transform-origin: 140% 100%;}
				.curves4 { transform-origin: 100% 680%;}
				.curves5 { transform-origin: 100% 370%;}
				.banner_curves {transform-origin : 70% 100%; top: auto; bottom: -120px;}
				.banner_card.godonw {transform: translateY(350px) !important;}
				.banner_remark {left: 0px; bottom: 15px; font-size: 10px; }
				/*.curves3 { transform-origin: -80% 100%;}*/
				.mainCon .container { padding: 0;}	
				.offer6 { margin-top: 0px;}
				.logo_box {padding: 20px 20px;}
				.offer_tabox { margin-bottom: 20px;}
				.offer_tabox strong {  font-size: 150%;}
				.popup-inner {  padding: 55px 15px 15px 15px; width:100% !important;margin-right:auto;margin-left:auto;}
				.close {   top: 15px;  right: 15px; }				
				.popup_txt {  margin-left: 25px; }
				.popup_txt span {margin-left: -22px;}
				.popup_img { padding-right: 0px; width: 100%; display: block; margin-bottom: 20px}
				.popup_cont {width: 100%; display: block; font-size: 16px; }
				.popup_head { font-size: 26px;}
				.popup_remark_wrap { margin-top: 20px; font-size: 12px;}
				.popup_remark { margin-left: 20px;font-size: 12px;  }
				.popup_remark span { margin-left: -18px;}
				.popup_remark .popup_remark {margin-left: 16px;}
				.popup_remark .popup_remark span {margin-left: -14px;}
				.notification_box { padding: 20px 10px;}
				.notification_box .offer_icon,.notification_box .offer_cont { display: block; width: 100%;}
				.notification_box .offer_icon { padding-right: 0px; margin-bottom: 20px;}
				.step_title {font-size: 26px;}
				.detailsIn ul li:hover p { text-decoration: none;	}
				.detailsLeft { width: 100% !important; padding: 0; float: none;	}
				.detailsRight { width: 100% !important; float: none;	}
				.detailsIn ul { padding: 0px 0 80px 0 !important; text-align: center; position: relative;	}
				.detailsIn ul li { display: inline-block; padding: 4px 0; width: 64px;	}
				.detailsIn ul li.breakline { width: 100%; display: block;	}
				.detailsIn ul li a p { position: absolute; display: none !important; top: auto;  left: 5%; width: 90%; margin: 20px 0 0 0;}
				.detailsIn ul li a span { margin-right: 0;	}
				.detailsIn ul li.selected a p { display: block !important;	}
				.owl-dots {	display: block;}
				.detailsIn ul li:first-child p { display: none !important;}         
				.offer3_txt img { width: 30px;}
				#Slider3 .dispImg { width: 240px;}
				.Slider3_step {margin-top: 20px;}
				.Slider3_step ul {padding: 0px 0 0px 0 !important; text-align: left;}
				.Slider3_step ul li, .Slider3_step ul li a { width: 100% !important;}
				.Slider3_step ul li a span { margin-right: 20px;}
				.Slider3_step ul li a p {width: calc(100% - 65px); display: inline-block !important; margin: 0 0 0 0; text-align: left; position: relative; left: 0; font-size: 16px; padding-left: 0px;}
				.Slider3_step ul li:first-child p, .Slider3_step ul li.selected a p {display: inline-block !important; }
				.Slider5_step {margin-top: 20px;}
				.Slider5_step ul {padding: 0px 0 0px 0 !important; text-align: left;}
				.Slider5_step ul li, .Slider3_step ul li a { width: 100% !important;}
				.Slider5_step ul li a span { margin-right: 20px;}
				.Slider5_step ul li a p {width: calc(100% - 65px); display: inline-block !important; margin: 0 0 0 0; text-align: left; position: relative; left: 0; font-size: 16px; padding-left: 0px;}
				.Slider5_step ul li:first-child p, .Slider5_step ul li.selected a p {display: inline-block !important; }
				.step_remark_hs_wrap p { text-align: left;}
				.backtop {padding: 5px 15px; font-size: 14px;}
				.offer4 {  margin-bottom: 80px;}
				.merchant_box {width: calc(34% - 20px);}
				.offer3_box { margin-bottom: 40px;}
			}
			@media (max-width: 480px){
				.mainCon {  background-image: url(/chinese/credit-cards/citi-the-club-card/images/main_bg_m_1016.jpg); background-size: 100% auto; height: auto; }
				.bannerCon {  background-image: url(/chinese/credit-cards/citi-the-club-card/images/banner_bg_m.jpg); background-size: 100% auto; }
				.banner_img1 img { max-width: 250px;}
				.banner_img1 {transform : scale(1);}
				.theclub_logo {margin-bottom: 20px;}
				.bannerCon .scaleCont, .bannerCon { height: 600px; }
				.curves1, .curves3, .curves4, .curves5 { transform : scale(0.4); }
				.banner_curves {transform: scale(0.55); transform-origin: -10% 100%;  right: auto;  bottom: -60px; }		
				.curves1 { transform-origin: 30% -10%;}
				.curves3 { transform-origin: 60% 50%;}
				.curves4 { transform-origin: 50% 100%;}
				.curves5 { transform-origin: 50% 140%;}
				.banner_card.godonw {transform: translate(0px, 300px) !important;}
				.banner_card_img.rotate {transform: rotate(-23deg) translateX(-20%);}
				.leadin {font-size: 16px;}	
				.welcome_box {font-size: 28px;}
				.welcome_btn a { margin-right: 0px;}
				.welcome_btn a img { width: 150px;}
				.applybtn { max-width: 150px; padding: 7px 5px;}
				.offer_tabox  { font-size: 23px;}				
				.offer_txt, .offer_box  { font-size: 16px;}
				.offer_remark  { font-size: 12px;}
				.offer_title, .welcome_title  { font-size: 38px;}
				.offer_subtitle {font-size: 30px;}
				/*.offer3_gradientxt2 img { width: 40px; margin-top: -40px;}*/
				.offer_btn img { width: 28px;}
				.offer_txt a img { width: 26px;}
				.offer2, .offer3, .offer4 {margin-top: 40px;}
				.offer3  {margin-bottom: 40px; }
				.offer_box {margin-right: 0px; padding: 50px 30px;}
				.offer_box a img { width: 155px;}
				.hotel_logo {  margin-bottom: 30px;}
				.hotel_logo img { /*height: 50px;*/ max-width: 30vw;}
				.tab_box {  padding: 40px 0px;}
				.detailsIn ul  { padding: 0px 0 100px 0 !important;}
				.detailsIn ul li { width: 50px;}
				.space { display: inline-block;}
				/*.detailsIn ul li a p {font-size: 16px;}*/
				.Slider3_step ul {padding: 0 !important; }
				.Slider5_step ul {padding: 0 !important; }
				.offer_tab { margin-top: 30px;}
				.slide_box { margin-bottom: 30px;}
				.merchant_box {width: calc(52% - 20px); height: 137px;}
				.merchant_box .plus_overlay span, .logo_box .plus_overlay span { font-size: 16px; bottom: 10px; }
			}
			@media (max-width: 428px){
				.banner_curves {transform: scale(0.5);  }		
			}
			@media (max-width: 400px){
				.bannerCon .scaleCont, .bannerCon { height: 560px; }
				.banner_curves {transform: scale(0.44); transform-origin: -9% 100%; }		
			}
.popup-1 .newclose {
	  position: absolute;
	  top: 0;
	  right: 10%;
	  font-size: 30px;
	  font-weight: bold;
	  text-decoration: none;
	  color: #333;
	     background: url(https://www.online.citibank.co.in/portal/images/close-img.png) no-repeat transparent;
		width: 30px;
		height: 30px;
	}
	.popup-1 .newclose:hover {
	  color: #06D85F;
	}
	@media screen and (max-width: 499px){
		.popsec .popup-1 .newclose{
			right: 0%;
		}
		.popsec .popup-2 .newclose2{
			right: 0%;
		}
	}
	@media screen and (max-width: 767px) and (min-width: 500px){
		.popsec .popup-1 .newclose{
			right: 0%;
		}
		.popsec .popup-2 .newclose2{
			    right: 0%;
		}
		 .popup-2 {
			width: 34%;
		}
	}
	@media screen and (max-width: 1024px) and (min-width: 768px){
		.popsec .popup-1 .newclose{
			right: 0%;
		}
		.popsec .popup-2 .newclose2{
			    right: 0%;
		}
		.popup-2{
			width: 37%;
		}
		.popup-1 {
    width: 70%;
}
	}
	@media screen and (max-width: 1367px) and (min-width: 1025px){
		.popsec .popup-1 .newclose{
			right: 0%;
		}
	}
	@media screen and (min-width: 1700px) and (max-width: 1920px){
		.popsec .popup-1 .newclose{
			right: 18%;
		}
		.popsec .popup-2 .newclose2{
			    right: 18%;
		}
	}
	/*iPhone 6+ landscape*/
	@media only screen and (min-device-width: 700px) and (max-device-width: 736px) and (orientation : landscape) { 
		.popsec .popup-2 .newclose2 {
			right: 0%;
		}
	}
	@media only screen and (max-device-width: 1180px) and (min-device-width: 746px) and (orientation : landscape) {
	.popsec .popup-2 .newclose2 {  
					right: 0%;
				}
				.popsec .popup-1 .newclose {
					right: 0%;
				}
				.popup-1{
					width: 50%;
				}
				.popup-2{
					width: 27%;
				}
	}
	.popup-1 {
		padding: 20px;
		border-radius: 5px;
		width: 90%;
		position: relative;
		top: 15%;
		margin: 0 auto;
		text-align: center;
	}
	.popup-1 .content {
	  max-height: 30%;
	  overflow: auto;
	}
	@media screen and (max-width: 700px){
	 .popup-1{
	   width: 95%;
	 }
   }
   @media screen and (max-width: 767px) and (min-width: 500px){
	   .popup-1{
		   width: 80%;
		 }
   }
   @media screen and (min-width: 320px) and (max-width: 760px){
	   .desktop-img-pop{
		  display: none;
		 }
		 .mobile-img-pop{
		display: block !important;
		 }
		}
   .newoverlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.7);
		transition: opacity 500ms;
		z-index: 9999999;
		width: auto;
		display: none;
	}
/* 20231017 update */
	.spacer-60 {  height: 60px;}
			.spacer-40 {  height: 40px;}
			.spacer-20 {  height: 20px;}
			.visibleMobile { display: none;}
	.owl-item .item {   transform: translate3d(0, 0, 0);   transform: scale(0.9);  transition: all .25s ease-in-out;   margin: 50px 0;  }
			/*.screenshot_slider .owl-item .item img {  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);   }*/
			.screenshot_slider .owl-item .item .screen_cont {    -webkit-transition: 0.3s;     -o-transition: 0.3s;    transition: 0.3s;    -webkit-transform: scale(0.80);    -ms-transform: scale(0.80);    transform: scale(0.80);}
			.screenshot_slider .owl-item .item .screen_cont .screen_detail {    display: none;  margin-bottom: 30px;}
			.screenshot_slider .owl-item .item .screen_cont .screen_detail .shot_title {    font-size: 25px; font-weight: bold; line-height: 1.2;}
			.screenshot_slider .owl-item .item .screen_cont .screen_detail a { color: #333333; text-decoration: underline; margin-top: 10px;}
			.screenshot_slider .owl-item.center .item .screen_cont {    -webkit-transform: scale(1.15);    -ms-transform: scale(1.15);    transform: scale(1.15);}
			.screenshot_slider .owl-item.center .item .screen_cont .screen_detail { display: block; }
			.screen_nav { width: 100%; height: 75px; display: flex; flex-wrap: wrap;}
			.screen_navlist { width: calc(20% - 10px); height:100%;  background: #becef7; color: #255be3; cursor: pointer; margin: 0 5px;  padding: 10px;  border-radius: 10px;  display: flex;  justify-content: center;  align-content: center;  flex-direction: column; line-height: 1.2;}
			.screen_navlist:hover, .screen_navlist.active {background: #255be3; color: #ffffff;  }
	@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
			  	.spacer-60 {  height: 30px;}
				.spacer-40 {  height: 20px;}
				.spacer-20 {  height: 20px;}
			}
	@media (max-width: 767.98px) {
		.visibleDesktop { display: none;}
		.screen_boxlist {background: #fff; width: 100%; padding: 20px 20px 0; border: #eeeeee 1px solid; border-radius: 20px; margin-bottom: 10px;}			
				.screen_box {width: 100%;   display: flex;  flex-direction: row; align-items: center;}
				.screen_img {min-width: 120px;  padding-right: 15px;}
				.screen_img img { display: block;}
				.screen_offer {font-size: 21px; font-weight: bold; text-align: left; width: 100%;}
				.screen_offer a {font-size: 14px; font-weight: normal; margin-top: 10px; color: #333333; text-decoration: underline; }
				.screen_boxlist.bg { background: #d3def9;} 
				.screen_boxlist.bg .screen_box {  flex-direction: row-reverse;} 
				.screen_boxlist.bg .screen_img {  padding-right: 0px; padding-left: 15px;} 
	}
@media only screen and (min-width : 300px) and (max-width : 800px){.spendles{width:unset !important;}}.spendles{width:125%}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
}
         .popup__question__info{text-align: center;}
         .popup__question__info p, .popup__question__info table { font-family: 'Interstate-Regular', arial, Microsoft JhengHei, sans-serif; font-size: 21px;}
         .popup__question__info table{margin: 20px auto; font-size: 17px; min-width: 890px;}
         .popup__question__info table th{font-weight: normal; background-color: #cde2ef; border: 1px solid #ffffff; padding: 10px;}
         .popup__question__info table td{font-weight: normal; background-color: #e6f0f7; border: 1px solid #ffffff; padding: 10px;}
         .popup__question__info table tr:nth-child(odd) td{background-color: #f3f8fb;}
         .popup__question__info table td.rowtd, .popup__question__info table tr:nth-child(odd) td.rowtd{background: #cde2ef;}
         .popup__question__info .overflowtable{overflow-x: auto;}
.overlay .popup {
  max-width: 1440px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  padding: 10px;
}
.overlay .popup .popup-inner {
  position: relative;
  padding: 50px 20px 20px;
  background: #ffffff;
  border-radius: 10px;
}
        .m50d{margin-top: 90px;}
        @media (max-width: 1024px) {
            .m50d{margin-top: 0px;}}
        @media (max-width: 767px) {
             .popup__question__info .overflowtable{max-height: 400px; max-height: calc(50vh);}
        }
@media (min-width: 1024px) {
  .overlay .popup .popup-inner {
    display: flex
  }
}
.overlay .popup .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  cursor: pointer;
}
.overlay .popup__question__container {
  text-align: center;
  width: 100%;
}
.overlay .popup__question__main {
  font-size: 28px;
  line-height: 34px;
}
.overlay .popup__question__remark {
  font-size: 22px;
  line-height: 26px;
}
.overlay .popup__question__info {
  margin-bottom: 20px;
}
.overlay .popup__question__button {
  display: flex;
  width: 80%;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .overlay .popup__question__button {
    width: 400px;
  }
}
.overlay .popup__question__button a {
  height: 50px;
  text-align: center;
  color: #ffffff;
  background: #ed642c;
  border-radius: 10px;
  font-size: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  width: 50%;
  margin: 10px;
}
@media (min-width: 1024px) {
  .overlay .popup__question__button a {
    width: 180px;
  }
}
.overlay .popup__question__button a span {
  width: 100%;
  font-size: 20px;
  line-height: 1;
}
.overlay .icon1 {
  width: 102px;
}
.overlay .icon2 {
  width: 102px;
  text-align: right;
  margin: 0 0 0 auto;
}
               table, th, td {
   border: 1px solid black;
   border-collapse:collapse;
   padding:10px;
}
               table, th, td {
   border: 1px solid black;
   border-collapse:collapse;
   padding:10px;
}
             table, th, td {
   border: 1px solid black;
   border-collapse:collapse;
   padding:10px;
}
.popup_wrap, .popup__question__container ul { list-style: disc; margin-left: 15px;}
@media (min-width: 1023px){                                      
#socialshare{z-index:100!important;} 
}
.popup_wrap, .popup__question__container {
     display: block;
     max-height: 420px !important;
     overflow-y: auto;
}
@media (max-width: 767.98px){
.popup_wrap, .popup__question__container {
     display: block;
     max-height: 420px !important;
}
}