/*slidebars*/
@media (max-width:991px) {html, body {overflow-y: auto;}}
[canvas] {z-index: 1;}
[canvas=container] {width: 100%;height: 100%;overflow-y: auto;background-color: white;-webkit-overflow-scrolling: touch}
[canvas=container]:before, [canvas=container]:after {clear: both;content: '';display: table;}
[off-canvas] {display: none;position: fixed;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
[off-canvas*=left] {width: 255px;height: 100%;top: 0;left: 0;}
[off-canvas*=reveal] {z-index:1;}
[off-canvas*=push] {z-index:2;}
[off-canvas*=overlay] {z-index: 99;}
[off-canvas*=shift] {z-index:1;}
[canvas=container], [off-canvas] {-webkit-transition: -webkit-transform 300ms;  transition:transform 300ms;-webkit-backface-visibility: hidden; }
[off-canvas*=shift][off-canvas*=left] {-webkit-transform: translate( 50%, 0px ); transform: translate( 50%, 0px );}
@media print {
	[canvas] {-webkit-transform: translate( 0px, 0px ) !important; -ms-transform: translate( 0px, 0px ) !important; transform: translate( 0px, 0px ) !important;}
	[off-canvas] {display: none !important;}
}
/*end slidebars*/ 

body { font-family:"PGFontWeb", Helvetica, tahoma; font-size:23px; line-height:1.2; font-weight:300; color:#333; min-width:320px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin: 0 0 15px 0; line-height:1; font-weight:400;}
h1,.h1 {font-size:51px;}
h2,.h2 {font-size:44px;}
h3,.h3 {font-size:30px;}
h4,.h4 {font-size:23px;}
h5,.h5 {font-size:21px;}
h6,.h6 {font-size:19px;}
@media (max-width:767px) {
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin: 0 0 15px 0;}
	h1,.h1 {font-size:46px;}
	h2,.h2 {font-size:37px;}
	h3,.h3 {font-size:27px;}
	h4,.h4 {font-size:23px;}
	h5,.h5 {font-size:21px;}
	h6,.h6 {font-size:19px;}
}
@media (max-width:543px) {
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin: 0 0 15px 0;}
	h1,.h1 {font-size:37px;}
	h2,.h2 {font-size:33px;}
	h3,.h3 {font-size:27px;}
	h4,.h4 {font-size:23px;}
	h5,.h5 {font-size:21px;}
	h6,.h6 {font-size:19px;}
}
@media (max-width:399px) {.hide-xs{ display:none !important;}}
input[type="file"] { font-size:14px;}
.loading{ width:80px; height:80px; color:#3283C2; position:fixed; top:30%; left:48%; text-align:center; z-index:9999;}
small{ font-weight:300 !important;}
.small-x{ font-size:75%;}
img{ max-width:100%; height:auto;}
.media img{ max-width:inherit; height:auto;}
.text_headline{ font-size:37pt;}
.text_subhead{ font-size:24pt;}
.text_normal{ font-size:14pt;}
p{ margin-bottom:15px; margin-top: 0;}
.pd15{ padding:15px;}
.bg-info{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#f2f2f2;
	padding:10px 15px;
}
.hr-sm{ margin:6px 0;}
hr.line-section{border-width:2px 0 0; border-color: #999;}
.border-bottom{border-bottom:1px solid #999;}
.text-underline{ text-decoration:underline;}
.underline {border-bottom: 3px solid #1b75bc;}
.back-to-result{ margin:15px 0; border-top:1px solid #ddd; padding-top:5px;}
.back-to-result i{ position:relative; top:3px;}
@media (min-width:992px) {.back-to-result{ display:none;}}

.text-blue{ color:#1c3f94; }
.text-blue2{ color:#3283C2;}
.text-blue3, .text-blue3 a{ color:#00aeef;}
.text-gray{ color:#717073;}
.text-red{ color:#ff0000;}

.btn-w-md .btn{ min-width:100px;}
.page-title{ color:#1B75BC; font-weight:bold; margin-bottom:30px;}
.page-title.promotions-title{ color:#1B75BC; font-weight:700; margin-bottom:25px; font-size:35px;}
@media (max-width:767px) {
	h1.page-title{ margin-top:15px; margin-bottom:15px;}
	.page-title{ margin-bottom:15px;}
}
.content-member-m{max-width:440px;}
.content-tab-m #CardStatus{ padding:15px 0; /*border:1px solid #ddd;*/ }
.content-md{ max-width:800px; margin:0 auto;}
.content-section{ margin-bottom:50px;}
.content-section-sm{ margin-bottom:25px;}
span.text-required{ color:red;}

a {color: #3283C2; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;text-decoration:none; outline:none; }
a:hover,a:focus {outline: 0; color:#1c3f94; text-decoration: none;}

.underline-b{ font-weight:400;}
.underline-b:hover { border-bottom:1px solid #999;}
.scrolloff { /*for map*/pointer-events: none;}
#rootwizard{overflow:hidden;}
[off-canvas*="left"]{ width:100%;}
[off-canvas]{ background:#FFF; color:#333;}
.js-close-left-slidebar{ cursor:pointer; display:inline-block; padding:5px 15px; font-size:20px; position:absolute; top:0px; left:5px;}
.main-nav-sm .nav-back{/* background:#f2f2f2; */padding:10px 10px; text-align:center;}
.main-nav-sm .nav-back i{ font-size:48px; position:relative; top:3px; padding-right:4px; line-height:0;}
.menu-view{ padding:10px 15px; margin-bottom:0px;}
.main-nav-sm .menu-list-date{ margin-bottom:15px; margin-top:10px;}
.main-nav-sm .menu-list-date li a{ display:block; padding:10px 15px; border-bottom:1px solid #6b8caf; color:#FFF;}
.main-nav-sm .menu-list-date li a:hover, .main-nav-sm .menu-list-date li a:focus{ background: rgba(255,255,255,0.2); border-bottom:1px solid #a2c5ea;}
.main-nav-sm .search-form .form-control{ background:none; color:#fff; border-color:#f2f2f2;}
.search-nav-m .form-control::-moz-placeholder{ color: #FFF;opacity: 1;}
.search-nav-m .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FFF;}
.search-nav-m .form-control:-ms-input-placeholder { /* IE 10+ */color: #FFF;}
.main-nav-sm .search-form .btn-default{ background:none; border-color:#f2f2f2; color:#fff; padding-top:8px;}
.main-nav-sm .search-form .btn-default i{ font-size:16px;}
.main-nav-sm{ background:#005ebc; color:#FFF;}
.main-nav-sm .layout_sm-nav{ width:400px; max-width:90%; margin:0 auto;}
.main-nav-sm .nav-lang-select{padding-right:15px; padding-bottom:5px; padding-top:0px;}
.main-nav-sm .nav-lang-select .select-lang{ line-height:30px;}
.main-nav-sm .nav-lang-select .select-lang span{ display:inline-block; vertical-align:middle;}

.search-nav-m{ padding:5px 15px;}
.relative{position:relative;}

.table{ font-size:23px;}
.table > tbody > tr.t-header > th{ background:#f2f2f2; text-align:center;}
.table > thead > tr.t-header > th{ background:#f2f2f2; text-align:center;}
.table tr.tr-blue{ background:#1b75bc; color:#FFF;}
.table.table-membership{ margin-bottom:30px; border-bottom:1px solid #bdcbd4;}
.table.table-membership  > tbody > tr > td{ vertical-align:middle; border-color:#bdcbd4;}
.table.table-membership th{ border-top: none; border-bottom:5px solid #bdcbd4; text-align:center; vertical-align:middle;}
.table.table-membership .bg-table{ background:#f2f2f2 url(/images/icons/bg10w.png) repeat-y right;}
.other-privilege{ background:#f2f2f2; padding-top:30px; padding-bottom:30px;}
.table.table-membership h3{ margin-bottom:5px; margin-top:15px;}
@media (min-width:992px) {
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ padding-left:15px; /*padding:4px 8px; vertical-align:inherit; line-height:1.1;*/}
}
@media (max-width:992px) {
	.table.table-membership td img{ width:32px;}
	.table.table-membership td.bg-table img{ width:32px;}
}
@media (max-width:767px) {
	.table.table-membership .bg-table{ background:#f2f2f2;}
	.table.table-membership{ font-size:19px;}
	.table.table-membership td img{ width:24px; display:none;}
	.table.table-membership td.bg-table img{ width:24px; display:block;}
	.table.table-membership h2{ font-size:24px;}
	.table.table-membership h3{ font-size:21px;}
	.table.table-membership .media-left, .table.table-membership .media > .pull-left{ padding-right:0;}
	.table.table-membership th, .table.table-membership td{ padding:3px;}
}
.form-horizontal .has-feedback .form-control-feedback{ font-size:13px;}
.bx-breadcrumb .bx-breadcrumb-item span{font-family:"PGFontWeb"; font-size:19px; line-height:1;}
.breadcrumb-section .bx-breadcrumb {margin:20px 0; margin-bottom:40px;}
.breadcrumb-section .bx-breadcrumb .bx-breadcrumb-item{ margin-bottom:0;}
@media (max-width: 543px) {
	.main-content{ padding-top:0px;}
}

/*Back to top button*/
#back-top{ position:relative; z-index:999;}
#back-top .back-to-top {position:fixed; bottom:15px; right:3%;}
#back-top .back-to-top a {
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top .back-to-top span {
	color:#FFF;
	font-size:16px;
	padding:10px;
	display: inline-block;
	background:#00aeef ;
	background: rgba(0,175,239,0.9);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top .back-to-top a:hover span {background: #1c3f94;}

@media (min-width: 1200px) {
	.container { width:1230px; max-width: 100%; }
	.main-wrapper .container { width:1210px;}
}

.navbar-static-top{ z-index:99;}
.main-wrapper{min-height:350px; position:relative;}
.main-content{ min-height:350px; padding-bottom:30px;}
.main-content.content-full{margin-top:40px;}
.row.content-sm{margin-left: -10px; margin-right: -10px;}
.content-sm [class*="col-"]{padding-left:10px; padding-right:10px;}
.row.content-xs{margin-left: -3px; margin-right: -3px;}
.content-xs [class*="col-"]{padding-left:3px; padding-right:3px;}
.container.container-fix{ max-width:1070px; margin-left:auto; margin-right:auto;}
.container-fix{ max-width:1100px; margin-left:auto; margin-right:auto;}
.container-fix-sm{ max-width:700px; margin:0 auto;}
.container-fix2{ max-width:900px; margin-left:auto; margin-right:auto;}

@media (max-width:767px) {
	.main-content{ margin-top:0px;}
}
/*header*/

@media (min-width:992px) {
	.sticky.is-sticky { position: fixed;left: 0; right: 0; top: 0;z-index: 1000;width: 100%;}
}
@media (max-width:991px) {
	.sticky-wrapper{ height:0 !important;}
	.navbar-static-top{ background:#005ebc;}
}

#header .top-header{ padding-top:15px; padding-bottom:15px; min-height:100px;}
#header .nav-lang-select{ padding-top:2px;}
#header .select-lang{ margin-bottom:15px; color:#999;}
#header .select-lang { color:#999; font-size:20px;}
#header .select-lang a.goto-bangkokair{ color:#505050;}
#header .select-lang a.goto-bangkokair:hover{ border-bottom:1px solid #505050;}
.lang-icons-link{ padding-left:5px;}

.lang-icons-link img{
	height:24px; width:24px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:15px;
}
@media (max-width:991px) {
	.lang-icons-link img{
		height:32px; width:32px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		border:1px solid #005ebc;
	}
}

#header .select-lang .nav-lang-select .data-table-cell{ height:88px;}
#header .nav-lang-select .btn{ margin-right:5px;}
#header .search-page-nav{display:inline-block; padding-left:10px; padding-right:13px; position:relative; top:4px; cursor:pointer;}
#header .search-page-nav i{ line-height:0; font-size:24px; color:#333;}

.top-header .container{ position:relative;}
.search-nav-top{ display:none; position:absolute; top:39px; right:15px; background:#fff; width:260px;}
.search-nav-top .help-block{ position:absolute; top:3px; right:50px; z-index:5;}
.search-form-d .help-block{ position:absolute; top:3px; right:50px; z-index:5;}
.search-form-d .form-group.has-error{ position:relative;}
.mainnav {
	background:#00B3E0;
    height: 50px;
    position: relative;
    z-index: 99;
}
.mainnav .container{ position:relative;}

#header .search-nav{ display:inline-block; position:relative; top:11px; font-weight:400; font-size:29px; color:#FFF; padding-left:15px;}
#header .search-nav a{ color:#FFF;}

/*header-m*/
.header-nav-fix{ position: fixed; left:0; right:0; top:0; background:#f2f2f2; border-bottom:1px solid #ddd; z-index:999; height:50px;}
.nodata-nav-fix{ height:50px; width:100%;}
#header-m{ min-height:50px; background: #FFF;}
#header-m .container{position:relative;}
.logo-pg-mb{ padding:3px 0 10px 0; display:inline-block; position:relative; left:-15px;}
.logo-pg-mb img{ height:37px; width:auto;}
.bar-blue-apply{min-height:60px; padding:10px 15px; color:#FFF; font-size:21px; position:relative; min-width:290px;
border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2;}
.bar-blue-apply.home{ min-height:150px; text-align:left;}
.bar-blue-apply .btn{ margin-left:8px; min-width:100px;}
.bar-blue-apply.home .btn{margin-left:0px; margin-right:15px; min-width:120px;}

.bar-blue-apply .btn-logout{ position:absolute; top:25px; right:15px; font-size:19px;}
.bar-blue-apply .btn-logout span{ color:#FFF; text-decoration:none; }
.bar-blue-apply .btn-logout:hover, .bar-blue-apply .btn-logout:focus{ text-decoration:none;}
.member-short-link{ font-size:19px; padding: 5px 0; background:#f2f2f2; overflow: hidden; }
/* .member-short-link.hidden-lg-up{margin-bottom:15px;} */
.member-short-link li a img{height: 50px;}
@media (max-width: 543px) {
	.bar-blue-apply{ padding:15px 15px;}
	.bar-blue-apply .btn{ margin-left:5px; min-width:60px;}
	.bar-blue-apply.home .btn{ margin-left:0px; min-width:120px;}
}
.my-card{ position:absolute; right:15px; top:13px; font-size:21px;}
.my-card-box{ width:55px; text-align:center; height:32px; line-height:30px; font-size:19px; color:#1c3f94; border:1px solid #1c3f94;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px 5px 5px 10px;
}
.my-card-box:hover{ background:#1c3f94; color:#FFF;}
.my-card a:hover, .my-card a:focus{ text-decoration:none;}
.navbar-icon{ background:none; margin:0; border:none; position:absolute; top:12px; left:10px;}
.navbar-icon .icon-bar {height: 4px; width: 30px;margin-top:4px;}
.navbar-icon .icon-bar {border-bottom:1px solid #1c3f94; border-width:3px;}
.navbar-icon .icon-bar { border-radius: 1px;display: block;}
.my-account-sm{ position:absolute; right:15px; top:8px; font-size:21px;}
.btn-account-sm.btn-default{ border:none;}
.my-account-sm .dropdown-menu{ left:inherit; right:-15px; min-width:270px;}
.my-account-sm .dropdown-menu > li > a{ font-size:21px; padding:6px 10px; padding-left:70px; position:relative;}
.my-account-sm .dropdown-menu i{ font-size:16px;}
.my-account-sm .dropdown-menu img{height:32px; width:auto; position:absolute; left:10px; top:5px; 	}
.my-account-sm .dropdown-menu i{position:absolute; left:20px; top:7px; font-size:24px; color:#ed3d42;}
.my-account-sm .dropdown-menu .support i{font-size:26px; color:#337ab7;}
.my-account-sm .dropdown-menu img.p-left2{ left:15px;}
.my-account-sm .dropdown-menu img.my-profile, .my-account-sm .dropdown-menu img.my-points, .my-account-sm .dropdown-menu img.icon-point-calculator-blue{ left:15px;}
/*footer*/
#footer{ border-top:1px solid #ddd; background:url(/images/template/footer.png) top repeat-x; padding-top:50px;}
#footer .copyright{
	background:#034EA1;
	 color:#FFF;
	 font-size:21px;
	 padding:10px 0;
	 text-align:center;
}
.footer-menu-m{ display:none;}
@media (max-width:991px) {
	#footer{padding-top:40px;}
	.footer-menu-m{ display:block;}
	.nav.footer-menu-m{ margin-bottom:15px; border-top:1px solid #ccc;}
	.nav.footer-menu-m li{ border-bottom:1px solid #ccc;}
}
@media (max-width:767px) {
	#footer .copyright{
		 color:#FFF;
		 height: auto;
		 line-height: inherit; font-size:21px;
		 padding:6px;
	 }
}
@media (max-width: 543px) {
	#footer .copyright{
		 color:#FFF;
		 height: auto;
		 line-height: inherit; font-size:19px;
		 padding:6px;
	 }
	 #footer .copyright span{ display:block;}
}
#footer .footer-section{padding-bottom:30px;}
#footer .footer-links{ display:table; width:100%;}
#footer .call-center{font-size:112px; line-height:0.7; font-weight:700;}
#footer .call-center-text{font-size:18px; line-height:1; margin-bottom:15px; color:#111;}
#footer .social-media-link{margin-top:15px; margin-bottom:25px; font-size:19px;}
@media (max-width:991px) {#footer .social-media-link{margin-top:0px; }}
#footer .social-media-link a {display: inline-block;padding-left:2px; opacity: 1;}
#footer .social-media-link a:hover { display: inline-block;opacity: 0.8;}
#footer .social-title{ display:inline-block; padding-right:5px; color:#999;}
	.facebook,.twitter,.googleplus,.pinterest,.instagram, .youtube{
		width:36px; height:36px; text-align:center; display:inline-block; font-size:22px; padding-top:7px;  margin-bottom:5px;
		transition: background 0.3s;
		-moz-transition: background 0.3s;
		-webkit-transition: background 0.3s;
		-o-transition: background 0.3s;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		background:none;
		border:1px solid #bbccd3;
		color:#bbccd3;
	}
	.facebook:hover{ background:#597ac7; border-color:#597ac7; color:#fff;}
	.twitter:hover{ background:#5bbcec; border-color:#5bbcec;  color:#fff;}
	.googleplus:hover{ background:#db4a3e; border-color:#db4a3e;color:#fff;}
	.pinterest:hover{ background:#cb2027;border-color:#cb2027;color:#fff;}
	.instagram:hover{ background:#507da3;border-color:#507da3;color:#fff;}
	.youtube:hover{ background:#e92718;border-color:#e92718;color:#fff;}

.share-facebook,
.share-twitter,
.share-googleplus{
	display:inline-block;
	padding:3px 10px !important;
	color:#FFF;
	margin:5px 1px;
	text-align:center;
	font-size:18px;
	transition: background 0.3s;
	-moz-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-o-transition: background 0.3s;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#b3b3b3;
	text-decoration:none;
}
.share-facebook i,
.share-twitter i,
.share-googleplus i{display:inline-block; color:#FFF; margin-right:5px; font-size:18px;}
.share-facebook{background:#336298;}
.share-facebook:hover{ background:#2B588B;}
.share-twitter{background:#34C5F1;}
.share-twitter:hover{ background:#2DB5DF;}
.share-googleplus{background:#E64238;}
.share-googleplus:hover{ background:#D4352B;}

@media (max-width:1199px) {
	#footer .call-center-text{font-size:17px;}
	#footer .social-media-link a {display: inline-block;padding-left:3px;}
	#footer .social-title{ display:block;}
}
@media (max-width:991px) {
	#footer .social-media-link a {display: inline-block;padding-right:4px; opacity: 1;}
	.facebook,.twitter,.googleplus,.pinterest,.instagram, .youtube{width:36px; height:36px; text-align:center; display:inline-block; font-size:22px;}
	#footer .footer-section{padding-bottom:0px;}
	.footer-m-call{ max-width:500px; margin:0 auto; height:60px; margin-bottom:15px;}
	.footer-m-call .social-media-link{ width:65%; float:left;}
	#footer .social-box{ margin:0 auto; width:240px;}
	#footer .social-title{ display:inline-block; padding-right:0px; padding-bottom:5px; color:#333; font-weight:700; font-size:21px; padding-left:5px;}
	.call-center-m{ float:left; width:35%; height:70px; border-left:1px solid #ccc; padding-left:15px; line-height:0.8; font-weight:bold; text-align:center; padding-top:6px;}
	.call-center-m span{ font-size:56px; }
}
@media (max-width: 543px) {
	#footer .social-box{ margin:0 auto; width: auto; padding-right:0px;}
	#footer .call-center-m{ padding-left:0; width:100px; text-align:center; float:right;}
	.footer-m-call .social-media-link{ width:180px;}
	#footer .social-media-link a{ padding-right:0; padding-left:0;}
	.facebook,.twitter,.googleplus,.pinterest,.instagram, .youtube{width:32px; height:32px; font-size:17px;}
}
@media (max-width:400px) {
  .hidden-xs-all{ display: none !important; }
}
@media (max-width:543px) {
  .top-manu-container{ padding:0;}
  .member-isauth{ margin-left:15px !important;}
}
.hidden-xs-up {
  display: none !important; }
@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }
.hidden-xl-down {
  display: none !important; }

/*home*/
.home-section-1{background:#f2f2f2; min-height:350px;}
.home-section-2{padding:50px 0; padding-bottom:25px;
	background-image:url(/images/template/home-section-2.jpg);
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.home-section-3{margin-bottom:30px;}
.home-promotions-section{ margin-bottom:0px;}
.home-promotions-section h3{ text-transform:uppercase;}
.experience-section{
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	min-height:240px;
	padding-top:25px;
	padding-bottom:25px;
	color:#FFF;
}
.experience-section h3{font-weight:400; letter-spacing:1px; font-size:50px; line-height:1; position:relative; top:8px;}
.experience-section .btn.btn-lg{ font-size:32px;}
.data-table{ display:table; width:100%; height:100%;}
.data-table-cell{ display: table-cell; vertical-align:middle;}
.experience-section .data-table{height:180px; text-align:center;}
@media (max-width: 1199px) {
	.experience-section h3{ font-size:42px;}
	.experience-section .btn.btn-lg{ font-size:28px;}
}
@media (max-width: 991px) {
	.experience-section{
		min-height:150px;
		padding-top:15px;
		padding-bottom:15px;
	}
	.experience-section .data-table{height:175px; text-align:center;}
	.experience-section h3{ font-size:36px; font-weight:700;}
	.experience-section h3 span{ font-size:32px; display:block; font-weight:300;}
	.experience-section .btn.btn-lg{ font-size:28px;}
}
@media (max-width:767px) {.home-section-1{background:#f2f2f2; min-height:150px;}}
@media (max-width:599px) {
	.experience-section .data-table{height:125px; text-align:center;}
	.experience-section h3{ font-size:32px; font-weight:700;}
	.experience-section h3 span{ font-size:24px; display:block; font-weight:300;}
	.experience-section .btn.btn-lg{ font-size:24px;}
}
.news-section{ margin-bottom:45px;}
.news-section hr.line-section{ margin-bottom:30px;}
.news-section img{ max-width:100%; height:auto; padding-top:0px;}
.header-news{
	height:300px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto;
	margin-bottom:30px;
	color:#FFF;
}
.header-news a{color:#FFF;}
.header-support{
	height:300px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto;
	margin-bottom:30px;
	color:#FFF;
}
.header-support .text-title{
	text-align:center; margin: 90px 0 0 0; font-size:60px; font-weight:bold; line-height:55px;
}
.header-search{
	height:300px;
	background-image:url(/images/template/member-card-bg-priority.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto;
	margin-bottom:30px;
	color:#FFF;
}
.header-search a{color:#FFF;}
.search-content-page{ min-height:300px; padding-bottom:30px;}
@media (max-width: 991px) {
	.header-news, .header-search{ height:230px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}
@media (max-width:767px) {.header-news, .header-search{ height:120px;}}
@media (max-width:543px) {.header-news, .header-search{ height:90px;}}
.home-section-2 img{ max-width:100%; height:auto;}
.home-section-3, .home-section-4{ margin-bottom:60px;}
.home-section-4 .home-collect{ width:100%; height:250px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
}
.home-section-4 .home-collect h2{ font-size:64px; letter-spacing:-0.5px; line-height:1; margin-bottom:5px; text-transform:uppercase; color:#FFF;}
.home-section-4 .container .data-table{display:table; height:100%; width:100%;}
.home-section-4 .home-collect{display:table-cell; vertical-align:middle;  padding-left:50%;}
@media (max-width: 1199px) {.home-section-4 .home-collect h2{ font-size:55px;}}
@media (max-width: 991px) {
	.home-section-4 .home-collect{height:240px;}
	.home-section-4 .home-collect h2{ font-size:40px;}
	.home-section-4 .home-collect{display:table-cell; vertical-align:middle;  padding-left:400px;}
}
@media (max-width:767px) {
	.home-section-4 .home-collect{height:240px;}
	.home-section-4 .home-collect h2{ font-size:32px;}
	.home-section-4 .home-collect{padding-left:0%; text-align:center;}
}
@media (max-width:543px) {
	.home-section-4 .home-collect{padding-left:0%; text-align:center;}
	.home-section-4 .home-collect{height:185px;}
}
.welcome-login{height:375px; background:rgba(255,255,255,1); padding:20px 30px; position:relative;
	-webkit-border-radius:0px 0px 50px 0px;
	-moz-border-radius:0px 0px 50px 0px;
	border-radius:0px 0px 0px 50px;
}
.welcome-login .qr-code img{ width:110px; max-width:100%; height:auto;}
.welcome-login .item-info p{ margin-bottom:5px;}
.welcome-login h2{ line-height:1; margin-bottom:10px;}
.welcome-login .welcome.text-blue h3{ margin-bottom:5px;}
.welcome-login .card-id{ font-size:20px;}
.welcome-login .points-list{ margin-bottom:0;}
.welcome-login .main-login{ margin-bottom:15px;}
.welcome-login .main-login .btn{ font-size:28px; min-width:140px;}
.welcome-login .forget-pass{ padding-bottom:5px;border-bottom:1px solid #ccc; margin-bottom:15px; font-size:21px; padding-left:0px;}
.welcome-login .join-now{ color:#333; text-align: center; font-size:20px;}
.welcome-login .join-now .btn{ font-size:24px; margin-left:15px;}
.welcome-login .remember-me{ padding-top:0px; font-size:20px;}
.welcome-login .form-control{font-size:21px;height:40px;line-height:1.1;padding:8px 12px}
.welcome-login .row-item.item-link-my{ position:absolute; bottom:5px; left:15px; right:15px;}
.welcome-login .row-item.item-link-my img{height:45px;}
@media (max-width:1199px) {
	.home-section-2{padding:30px 0; padding-bottom:30px;}
	.home-section-3, .home-section-4{ margin-bottom:30px;}
	.welcome-login{height:500px; background:rgba(255,255,255,1); padding:15px 25px;}
	.welcome-login h2{ font-size:32px;}
	.welcome-login .form-control{font-size:22px;height:40px;line-height:1.1;padding:6px 12px}
	.welcome-login .form-group {margin-bottom: 10px;}
	.welcome-login .forget-pass{ padding:5px 0; border-bottom:1px solid #ccc; margin-bottom:5px; font-size:19px; padding-left:25px;}
	.home-section-2 .col-sm-12.col-md-7{ max-width:730px;}
	.welcome-login .row-item.item-link-my{ display:none !important;}
	.welcome-login > p.small{ display:none;}
}
.welcome-login .welcome_staff{
    color: #1c3d92;
	display: inline-block;
	margin: 0 auto;
    font-size: 40px;
    padding: 80px 0 20px;
	text-align: left;
	line-height: 20px;
}
.welcome-login .welcome_staff h3{font-size: 60px;}
label { font-weight: 400; font-size:21px;}
.evoucer_how { font-weight: 400; font-size:21px; margin-top:5px; padding-left: 20px;}
.checkbox, .radio{ margin-top:5px;}
.form-control {
	background:rgba(255,255,255,0.8);
    border-radius: 4px;
    box-shadow:none;
    color: #555;
    display: block;
    font-size:21px;
    line-height:1.1;
    padding:6px 12px;
	height:38px;
    transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:100%;
}
.input-group-btn .btn{height:38px;}
.search-nav-top .input-group-btn .btn.btn-default i{ font-size:24px; color:#444;}
search-form .form-control{ height:44px; padding-top:10px; padding-bottom:10px; border-radius: 0px;}
.search-form .btn{ padding:10px 16px;}
.dropdown-menu{font-size:21px;}
.dropdown-header{ font-size:19px;}

/*btn*/
.btn{ font-weight:300; font-size:21px; line-height:1;}
.btn.btn-slim{ font-weight:300;}
.btn.btn-sm{ font-size:19px;}
.btn.btn-lg{ font-size:24px;}
.btn-fix{ min-width:120px;}
.dropdown-menu > li > a{ font-weight:300; font-size:21px;}
.btn .glyphicon{ font-size:16px; top:2px;}
@media (max-width:599px) {
	.btn.btn-lg{ font-size:22px;}
	.btn-group-lg > .btn, .btn-lg{ padding:8px 12px;}
}
.btn-ShowMyCard, .btn.btn-AddPoints, .btn.btn-logout{
	height:50px;
	min-width:35px;
	color:#FFF;
	padding-top:13px;
	padding-bottom:15px;
	padding-left:55px;
	font-size:20px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	border-left:1px solid rgba(255,255,255,0.5);
	border-right:1px solid rgba(255,255,255,0.5);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-ShowMyCard{ border-left:none;}
.btn.btn-AddPoints{border-right:none;}
.th .btn-ShowMyCard, .th .btn.btn-AddPoints, .th .btn.btn-logout{ font-size:21px;}
.btn.btn-ShowMyCard:hover,.btn.btn-ShowMyCard:focus,.btn.btn-ShowMyCard.active, .btn.btn-AddPoints.active , .btn.btn-AddPoints:hover, .btn.btn-logout:hover{background-color:#1c3f94; color:#fff;}
.btn-ShowMyCard{padding:8px 10px 0 5px;}
.btn-ShowMyCard i{
	display: inline-block;
	vertical-align: middle;
	width:44px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image:url(/images/icons/icon-ffpcard.png);
}
.btn.btn-AddPoints{padding: 8px 10px 0 5px;	border-left:0;	}
.btn.btn-AddPoints i{
	display: inline-block;
	vertical-align: middle;
	width:32px;
	height:32px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image:url(/images/icons/icon-addpoints.png);
}
.btn.btn-logout{padding:9px 0; border:0;}
@media screen and (max-width:1199px){
	.btn.notAuth{padding-right:5px;}
	.btn.notAuth span{ font-size:19px; line-height:0px; padding:15px 0; display:inline-block;}
}
@media screen and (max-width:543px){
	.btn.btn-ShowMyCard, .btn.btn-AddPoints{ font-size:19px;}
	.th .btn.btn-ShowMyCard, .th .btn.btn-AddPoints{ font-size:19px;}
}
.btn.btn-login{
	color:#FFF;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:7px;
	font-size:23px;
}
.btn.btn-join{
	border:1px solid #FFF;
	color:#FFF;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:7px;
	margin-left:5px;
	font-size:23px;
}
.btn.btn-login:hover{background:#1c3f94;}
.btn.btn-join:hover, .btn.btn-join:focus{ background:#1c3f94; border-color:#1c3f94; color:#FFF;}

.btn.btn-outline{	border:1px solid ;color:#FFF;}
.btn.btn-outline:hover, .btn.btn-outline:focus{ background:#00aeef; border-color:#FFF; color:#FFF;}

.home-FlyerBonus-list .btn.btn-outline{	border:1px solid ;color:#FFF; }
.home-FlyerBonus-list .btn.btn-outline:hover, .home-FlyerBonus-list .btn.btn-outline:focus{ background:#00aeef; border-color:#FFF; color:#FFF;}

.btn.btn-outline-dark{	border:1px solid #ccc;color:#666;}
.btn.btn-outline-dark:hover, .btn.btn-outline-dark:focus{ background:#1c3f94; border-color:#1c3f94; color:#FFF;}

.btn.btn-outline-blue{	border:1px solid #1c3f94;color:#1c3f94;}
.btn.btn-outline-blue i{color:#1c3f94;}
.btn.btn-outline-blue:hover, .btn.btn-outline-blue:focus{ background:#1c3f94; border-color:#1c3f94; color:#FFF;}
.btn.btn-outline-blue:hover i{color:#FFF;}

.btn.btn-blue{ background:#00B5E2; color:#FFF;}
.btn.btn-blue:hover, .btn.btn-blue:focus{ background:#00aad4;  color:#FFF;}

.btn.btn-gray{ background:#888; color:#FFF;}
.btn.btn-gray:hover, .btn.btn-gray:focus{ background:#666; color:#FFF;}

.btn.btn-gray2{ background:#E6E6E6; color:#333;}
.btn.btn-gray2:hover, .btn.btn-gray2:focus{ background:#C4C4C4; color:#333;}

.btn-primary{ background:#1c3f94 ; border-color:#1c3f94 ;}
.btn-primary:hover, .btn-primary:focus{ background:#213568; border-color:#213568;}

.btn-primary2{ background:#3283C2 ; border-color:#3283C2 ; color:#FFF;}
.btn-primary2:hover, .btn-primary2:focus{ background:#1773ba; border-color:#1773ba; color:#FFF;}

.btn-account-sm i { color:#1c3f94;}

/*Images Overlay*/
.overlay-container, .item-picture{display: block; overflow:hidden; position:relative; background: #003f87;}
.overlay-container img{
	max-width:100%; height:auto;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 1s, transform 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.overlay-container:hover img {opacity: 0.2;}
.overlay-container .picture, .item-picture .picture{
	display:block;
	width:100%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 1s, transform 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-position:center;
}
.overlay-container:hover .picture, .item-picture:hover .picture {opacity: 0.2;}
.overlay-container > a {
	z-index:1;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlay-container .bx-item-caption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding:15px;
	padding-top:25px;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.overlay-container > a.overlay {text-indent: inherit;}
.overlay {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-color: rgba(33, 187, 219, 0.5);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.overlay:hover {text-decoration: none;}
.overlay-container:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.overlay  .button {
  width:180px; text-align:center;
  position:absolute;
  left:50%;
  top:50%; margin-top:-24px;
  margin-left:-90px;
  padding:10px 0px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight:300;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border:1px solid #fff;
  color: #fff;
  overflow: hidden;
}
.overlay .button:hover,.overlay .button:active {color: #fff;}
.overlay .button:hover:after {height: 260%;opacity: 1;}
.overlay .button:active:after {height: 400%;opacity: 1;}
/*Images overlay-info*/
.item-img-box{ margin-bottom:10px;}
.overlay-info {
	color:#ffffff;
	display:table;
	vertical-align:middle !important;
	position: absolute;
	height:100%;
	width:100%;
	text-align:center;
	z-index:5;
}
.overlay-info .headline{
	color:#ffffff;
	display:table-cell;
	vertical-align:middle !important;
	position: relative;
	z-index:5;
	width:100%;
}
.overlay-info .headline span{ font-size:19px; font-weight:400; border:1px solid #FFF; padding:5px 8px; max-width:240px; margin-left:auto; margin-right:auto; display:inline-block;}
/*Images overlay-info*/
/*add on*/
.bx-item-img{margin-bottom:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;height:365px}
.bx-item-img .overlay-container .bx-item-caption {text-align: center;}
.bx-item-img .overlay-container .bx-item-caption h2 {position: relative;margin-bottom:0px;}
.bx-item-img .overlay-container .bx-item-caption p{font-size:20px;line-height:.8;max-width:340px;margin-left:auto;margin-right:auto}
@media (max-width:1199px) {.bx-item-img{height:auto;}}
/*/Images Overlay */
/*Icons*/
.icons-pg{ background:url(/images/icons/icons-pg.png) no-repeat;}
.icons-plane{ background:url(/images/icons/icons-plane-white.png) no-repeat;}
.icons-hotel{ background:url(/images/icons/icons-hotel-white.png) no-repeat;}
.icons-car{ background:url(/images/icons/icons-car-white.png) no-repeat;}
.icons-card{ background:url(/images/icons/icons-card.png) no-repeat;}
.icons-lifestyle{ background:url(/images/icons/icon-lifestyle-white.png) no-repeat;}
.icons-cart{ background:url(/images/icons/icons-cart.png) no-repeat;}
.icons-brc{ background:url(/images/icons/icons-brc.png) no-repeat;}
.icon-ancillary-service{ background:url(/images/icons/icon-ancillary-service-white.png) no-repeat;}
.icons-claim-pg{ background:url(/images/icons/claim-icon-pg.png) no-repeat;}
.icons-claim-airline{ background:url(/images/icons/claim-icon-airline-partners.png) no-repeat;}

/*
.icons-redeem-brc{background:#00b3e0  url(/images/icons/icons-redeem-brc-white.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.icons-redeem-weight{background:#00b3e0 url(/images/icons/icons-redeem-weight.png) no-repeat;}
.icons-redeem-upgrade{background:#00b3e0 url(/images/icons/icons-redeem-upgrade.png) no-repeat;}
.icons-redeem-discount{background:#00b3e0 url(/images/icons/icons-redeem-discount.png) no-repeat;}
*/
.icons-redeem-brc{background:#00b3e0  url(/images/icons/icons-redeem-brc.jpg) no-repeat;}
.icons-redeem-weight{background:#00b3e0 url(/images/icons/icons-redeem-weight.jpg) no-repeat;}
.icons-redeem-upgrade{background:#00b3e0 url(/images/icons/icons-redeem-upgrade.jpg) no-repeat;}
.icons-redeem-discount{background:#00b3e0 url(/images/icons/icons-redeem-discount.jpg) no-repeat;}



.active  .icons-pg{ background:url(/images/icons/icons-pg-blue.png) no-repeat;}
.active  .icons-plane{ background:url(/images/icons/icons-plane-blue.png) no-repeat;}
.active  .icons-hotel{ background:url(/images/icons/icons-hotel-blue.png) no-repeat;}
.active  .icons-car{ background:url(/images/icons/icons-car-blue.png) no-repeat;}
.active  .icons-card{ background:url(/images/icons/icons-card-blue.png) no-repeat;}
.active  .icons-lifestyle{ background:url(/images/icons/icon-lifestyle-blue.png) no-repeat;}
.active  .icons-cart{ background:url(/images/icons/icons-cart-blue.png) no-repeat;}
.active  .icons-brc{ background:url(/images/icons/icons-brc-blue.png) no-repeat;}
.active  .icon-ancillary-service{ background:url(/images/icons/icon-ancillary-service-blue.png) no-repeat;}

.icons-logout{
	background-image:url(/images/icons/icons-logout-white.png);
	background-repeat: no-repeat;
	background-size: contain;
	display:inline-block; vertical-align:middle; width:32px; height:32px;
}
.icons-size, .icons-pg, .icons-plane, .icons-hotel, .icons-car, .icons-card, .icons-lifestyle, .icons-cart, .icons-brc, .icons-note, .icons-claim-pg, .icons-claim-airline, .icon-ancillary-service{
	-webkit-background-size:100%;
	-moz-background-size:100%;
	background-size:100%;
	-o-background-size:100%;
	margin-bottom:0px;
}
.active .pgicons{
	-webkit-background-size:100%;
	-moz-background-size:100%;
	background-size:100%;
	-o-background-size:100%;
}
.icons-lg{ display:inline-block; width:96px; height:96px;}
.icons-md-p{display:inline-block; width:64px; height:64px;}
.icons-md{display:inline-block; width:48px; height:48px;}
.icons-sm-p{display:inline-block; width:48px; height:48px;}
.icons-sm{display:inline-block; width:32px; height:32px;}
.icons-xs{display:inline-block; width:25px; height:25px;}
.calculator-full .panel-primary > .panel-heading h4{ display:none;}
@media (min-width:992px) {.calculator-full .icons-sm-p{display:inline-block; width:64px; height:64px;}}
.note-bg{ background:#f2f2f2 url(/images/icons/icons-note.png) no-repeat; min-height:22px; padding:15px; padding-left:40px; font-size:21px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-position:10px 15px;
	-webkit-background-size:24px;
	-moz-background-size:24px;
	background-size:24px;
	-o-background-size:24px;
}
.note{ background:url(/images/icons/icons-note.png) no-repeat; padding-left:24px; min-height:22px; background-position:0px 2px; color:#505050;
	-webkit-background-size:16px;
	-moz-background-size:16px;
	background-size:16px;
	-o-background-size:16px;
}
.e-news{ background:url(/images/icons/icons-e-news.png) no-repeat; padding-left:40px; min-height:24px;
	-webkit-background-size:32px;
	-moz-background-size:32px;
	background-size:32px;
	-o-background-size:32px;
}
.sms{ background:url(/images/icons/icons-sms.png) no-repeat; padding-left:40px; min-height:34px;
	-webkit-background-size:32px;
	-moz-background-size:32px;
	background-size:32px;
	-o-background-size:32px;
}
.PriorityMembers{ background:#F2F2F2; padding:40px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.flyerbonus-list-icons{ margin:0; padding:0; list-style:none; margin-top:15px; margin-bottom:15px;}
.flyerbonus-list-icons li{ display:inline-block; width:19%; vertical-align:top; margin-bottom:5px; text-align:center;}
.flyerbonus-list-icons li p{ font-size:20px;}
.flyerbonus-list-icons li img{width: 64px;}
.privilege-cards{ max-width:400px; margin:0 auto; margin-bottom:15px;}
.privilege-cards h3{ margin-top:10px;}
.privilege-cards .preview{ font-size:21px;}
@media (max-width:543px) {
	.flyerbonus-list-icons li{ display:inline-block; width:32%; font-size:17px;}
	.PriorityMembers{ padding:15px;}
}
/*calculator*/
.calculator{ position:relative;}
.calculator-box{width:500px; position:absolute; z-index:9; top:-540px; right:15px;}
.calculator-box .nav-tabs.nav-justified > li > a{border-radius:4px 4px 0 0;}
.switch-calculator{ position:relative;}
.switch-calculator a{position:absolute; display:inline-block; right:15px; top:10px;}
.switch-calculator a i{ vertical-align:middle;}
.calculator-box > .panel > .panel-body{ padding:0; min-height:310px;}
.calculator-box .panel-body-title{ background:#f2f2f2; padding:8px 6px; text-align:center; font-size:24px; margin-bottom:0px;}
.with-nav-tabs .nav-tabs.nav-justified{ margin-bottom:-1px;}
.with-nav-tabs > .panel-heading{ padding-bottom:0;}
.with-nav-tabs.panel-primary>.panel-heading{background-color:#1B75BC;border-color:#1B75BC;color:#fff}
.earn-points-calculator .with-nav-tabs.panel-primary > .panel-heading {background-color: #00b3e0;border-color: #00b3e0;}
.with-nav-tabs .nav-tabs.nav-justified > li > a{ border-bottom:none;}
.panel-content-body{ padding:15px; padding-bottom:60px; min-height:280px; position:relative;}
.panel-content-body .form-group.form-submit{ position:absolute; bottom:15px; left:15px; right:15px;}
.panel-content-body hr{ margin:0px 0; margin-bottom:10px;}
.calculator-box .radio{ font-size:20px;}
.calculator-box .panel-content-result .radio{ font-size:23px;}
.calculator-box .form-body{ min-height:180px;}
.panel-content-result{ padding:10px 15px; max-height:475px; padding-bottom:70px; overflow: hidden; position:relative;}
.form-resubmit{ position:absolute; bottom:15px; left:15px; right:15px;}
.calculator-result-title{ padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.calculator-result-title i{ color:#999; vertical-align:middle;}
.calculator-result-title span{ padding-left:15px;}
.panel-title .accordion-toggle{ text-decoration:none;}
.panel-content-result .panel-heading{ padding:6px 15px; min-height:45px; background:#f9f9f9; border-bottom:1px solid #1c3f94;}
.panel-content-result .panel{ border:none;box-shadow:none;}
.panel-content-result .panel-group .panel-heading + .panel-collapse > .list-group, .panel-content-result .panel-group .panel-heading + .panel-collapse > .panel-body{ border:none;}
.result-item h4{margin-bottom:10px; font-size:23px; margin-top:5px;  color:#1b75bc; }
.result-item .row{background:#f2f2f2;font-weight:400;margin-bottom:10px;padding-top:3px;padding-bottom:3px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.result-item .row small{ font-size:19px; color:#666;}
.panel-content-result .rewards-points{ padding-top:5px;}
.panel-content-result .rewards-points span{ font-weight:300; font-size:40px; display:block;color:#333; line-height:0.8;}
.panel-content-result .total-rate-points{padding:10px;background:#f2f2f2;text-align:center;margin-bottom:5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.panel-content-result .total-rate-points span{ font-size:60px; font-weight:700; vertical-align:middle; line-height:0.8;}
.panel-content-result .total-points{ color:#00aeef;}
.panel-content-result .total-points span{ font-weight:700; font-size:60px; display:inline-block; vertical-align:middle; color:#333;}
.panel-content-result .total-price{padding:10px;background:#f2f2f2;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.panel-content-result .total-price span{ font-size:40px; display:inline-block; vertical-align:middle;  position:relative;}
.panel-content-result .total-price i.discount{ font-style:normal; font-size:17px; color:#FF0004; position:absolute; top:-7px; right:5px;}
.calculator-full .calculator{ padding:0;}
.calculator-full .calculator-box{ width:100%; position:static;}
.calculator-full .calculator-box .panel-content-result{ padding:10px 15px; max-height:none; overflow: inherit; padding-bottom:15px; }
.calculator-full .form-resubmit{ position: static; margin-left:auto; margin-right:auto; width:90%; max-width:240px;}
.calculator-full  .form-submit{margin-left:auto; margin-right:auto; width:90%; max-width:240px;}
.calculator-full .panel-claim .calculator-box .panel-content-result{ padding:0;}
.panel-element > .panel-body{ padding:0;}
.panel-element > .panel-body .panel-content-body{ padding-top:0; padding-left:0; padding-right:0;}
.calculator-full .calculator-box .panel-content-body > .panel{ margin-bottom:0;}
@media (min-width:992px) {.calculator-box .form-body{max-height:400px; overflow-x:hidden; overflow-y:auto;}}
@media (max-width:1599px) {.calculator-box{top:-540px; right:15px;}}
@media (max-width:1199px) {
	.calculator-box{width:480px;}
	.calculator-box{top:-500px; right:15px;}
	.panel-content-result{max-height: none;}
	.calculator-box{width:100%;  position:inherit; top:0px; right:0px; margin-bottom:40px;}
	.EarnPointsSlider{ margin-bottom:30px;}
	.calculator-box .nav-tabs.nav-justified > li {display: table-cell;width: 1%;}
	.calculator-box .nav-tabs.nav-justified > li > a {margin-bottom: 0;}
}
@media (max-width:991px) {
	.panel-content-result{max-height: none;}
	.calculator-box{width:100%;  position:inherit; top:0px; right:0px; margin-bottom:40px;}
	.EarnPointsSlider{ margin-bottom:30px;}
	.calculator-box .nav-tabs.nav-justified > li {display: table-cell;width: 1%;}
	.calculator-box .nav-tabs.nav-justified > li > a {margin-bottom: 0;}
}
@media (max-width:599px) {.icons-sm-p{display:inline-block; width:32px; height:32px;}}
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a{ padding:6px 4px; line-height:0;}
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {color: #fff;border:none;}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {color: #fff;background-color: #3071a9;border-color: transparent;}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {color: #428bca;background-color: #f2f2f2;border-bottom:none;}
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover { background:#1e85d6;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu{background-color: #428bca;border-color: #3071a9;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {color: #fff;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {background-color: #3071a9;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {background-color: #4a9fe9;}
.with-nav-tabs.panel-primary{border:none;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.3);-moz-box-shadow:0 3px 8px rgba(0,0,0,.3);box-shadow:0 3px 8px rgba(0,0,0,.3)}
.form-group.form-submit{ margin-bottom:0;}
/***member***/
.authBlock{
	display: inline-block;
	position: absolute;
	top: 0;
	right:15px;
	background:#014fb3;
	background: -moz-linear-gradient(left, #005ebc 0%, rgba(1,79,179,0.9) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #005ebc), color-stop(100%, rgba(1,79,179,0.9)));
	background: -webkit-linear-gradient(left, #005ebc 0%, rgba(1,79,179,0.9) 100%);
	background: -o-linear-gradient(left, #005ebc 0%, rgba(1,79,179,0.9) 100%);
	background: -ms-linear-gradient(left, #005ebc 0%, rgba(1,79,179,0.9) 100%);
	background: linear-gradient(to right, #005ebc 0%, rgba(1,79,179,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ebc', endColorstr='#014fb3', GradientType=1 );
}
@media (max-width:991px) {.authBlock{ background:#005ebc;}}
.member-isauth{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);display:inline-block;vertical-align:middle;margin:0;height:50px}
.member-isauth .show-name{ display: inline-block; vertical-align: bottom;  max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member-isauth .short-lastname{ display: inline-block; vertical-align: bottom;  max-width:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member-isauth .btn-notice{display:inline-block;}
.member-isauth .btn-name{display:inline-block; padding:7px 5px; vertical-align:middle; text-align:left; color:#FFF; height:50px; font-size:21px; max-width:200px; line-height:20px; position: relative; padding-left:35px;}
.member-isauth .btn-name a{color: #FFF;}
.member-isauth .btn-name div.lv-point{font-size:18px; line-height:14px; min-width:115px;}
.member-isauth .btn-ShowMyCard, .member-isauth .btn-AddPoints{border:0;padding:0px; background-position:center center; width: 50px; height: 50px; vertical-align: top;}
.member-isauth .btn-AddPoints{padding:9px 0 0 0;}

@media (max-width:1199px) {
	.member-isauth .btn-name div.lv-point{font-size:16px; line-height:14px;}
	.member-isauth .btn-name div.lv-point{min-width:60px;}
}
@media (min-width:992px) and (max-width:1199px) {.member-tier-show{ display:none;}}
@media (max-width:767px) {.member-isauth .btn-name div.lv-point{font-size:16px;}}
.member-isauth .btn-ShowMyCard{padding:9px 0 0 0;}
.member-isauth .btn-ShowMyCard i{background-image:url(/images/icons/icon-mycard.png);}
@media screen and (max-width:992px){
	.authBlock{display:block;width:100%;position:relative;top:auto;right:auto}
	.member-isauth{display:block;border-left:0;border-right:0}
	.member-isauth .btn-name{width: 50%; max-width: none;}
	.member-isauth .btn-ShowMyCard, .member-isauth .btn-AddPoints{width: 25%; border-left: 1px solid rgba(255, 255, 255, 0.5)}
	.btn-ShowMyCard.notAuth, .btn-AddPoints.notAuth{width: 50%; max-width: none; background: none; padding:9px 0; }
	.btn-AddPoints.notAuth i,.btn-ShowMyCard.notAuth i{background-position:center center;background-repeat:no-repeat;background-size:contain;display:inline-block;height:32px;vertical-align:middle;width:32px}
	.btn-ShowMyCard.notAuth i{width:44px;height:32px;}
	.btn-ShowMyCard.notAuth i{background-image: url("/images/icons/icon-ffpcard.png");}
	.btn-AddPoints.notAuth i{background-image: url("/images/icons/icon-addpoints.png");}
	.member-isauth .btn-logout{display: none;}
	.HideAuthHeaderMobile{/*display: none;*/}
}
.member-isauth .dropdown{display:inline-block;}
.member-isauth .btn-More{color:#FFF;background-color:none;background-image:url(/images/icons/icon-menumore.png);background-repeat:no-repeat;background-position:center;background-size:cover;font-size:30px;width:30px;height:50px}
.member-isauth .dropdown .dropdown-menu{padding:0;margin:0;right:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.member-isauth .dropdown .dropdown-menu li{line-height:20px;margin:0;padding:0}
.member-isauth .dropdown-menu > li > a:hover{background:#00B3E0; color:#FFF;}
.mb-welcome{height:340px;background:url(/images/template/welcome-bg.jpg) top no-repeat;margin-bottom:50px;-webkit-background-size:100%;-moz-background-size:100%;background-size:100%;-o-background-size:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;padding:50px 25px 25px 340px}
.page-bg-blue{ background:url(/images/template/bg-blue-default.jpg) top repeat-x;}
@media (min-width:992px) {
	.page-bg-blue .page-title{ color:#fff;}
	.page-bg-blue .bx-breadcrumb-item{ color:#fff;}
	.page-bg-blue .bx-breadcrumb .bx-breadcrumb-item a{ color:#fff;}
}
@media (max-width:1199px) {.mb-welcome{padding:40px 25px 25px 250px;margin-bottom:30px}}
@media (max-width:991px) {.mb-welcome{padding:25px 25px 25px 200px;margin-bottom:15px}.page-bg-blue{ background:none;}}
.member-isauth-m{height:50px;}
.member-isauth-m .isauth{background:#00adef;}
.member-isauth-m .notauth{background:#f7f7f7;}
.member-isauth-m .notauth .btn{color:#00B3E0;width:50%;background:0 0;padding:0;text-align:center}
.member-isauth-m .notauth .btn-ShowMyCard:hover,.member-isauth-m .notauth .btn-AddPoints:hover{background:#f4f4f4;}
.member-isauth-m .btn i{display:inline-block;width:50px;height:50px;vertical-align:middle;background-position:center;background-repeat:no-repeat;background-size:contain}
.member-isauth-m .notauth .btn-ShowMyCard i{background-image:url(/images/icons/icon-ffpcard-blue.png);}
.member-isauth-m .notauth .btn-AddPoints i{background-image:url(/images/icons/icon-addpoints-blue.png);}
.member-isauth-m .notauth .btn span{display:inline-block;vertical-align:middle;}
.member-isauth-m .isauth .btn-AddPoints,.member-isauth-m .isauth .btn-ShowMyCard{width:25%;background:0 0;padding:0}
.member-isauth-m .isauth .btn-name{display:inline-block;vertical-align:middle;text-align:left;color:#FFF;font-size:21px;overflow:hidden;line-height:20px;width:50%;background:0 0;padding:0 0 0 20px}
.member-isauth-m .isauth .btn-name div.lv-point{font-size:18px; line-height:14px;}
.member-isauth-m .isauth .btn-ShowMyCard i{background-image:url(/images/icons/icon-mycard.png);}
.member-isauth-m .isauth .btn-AddPoints i{background-image:url(/images/icons/icon-addpoints.png);}
/* Earn Points  + */
.item-list-airline{ background:#E1F4FD; margin-bottom:30px;}
.item-list-airline .container{ position:relative; min-height:450px;}
.media.airline-list .media-left img{width:430px;}
.media.airline-list2 .media-left img{ width:145px; margin-right:30px;}
.media.airline-list2{ margin-bottom:30px;}
.item-list-airline-sm{ background:#E1F4FD; margin-bottom:30px;}
.item-list-airline-sm .container{max-width:650px; margin:0 auto;  position:relative; min-height:285px;}
.media.airline-list-sm .media-left{ width:300px;}
.media.airline-list-sm .media-left img{ height:285px; width:auto;}
.row-item{ position:relative; font-size:21px;}
.row-item.small{ font-size:19px;}
.row-item:before, .row-item:after{clear: both;  display: table; content: " ";}
.col-s1, .col-s2, .col-s3, .col-s4, .col-s5, .col-s6, .col-s7, .col-s8, .col-s9{float:left;position: relative;min-height: 1px;}
.col-s1{ width:10%;}
.col-s2{ width:20%;}
.col-s3{ width:30%;}
.col-s4{ width:40%;}
.col-s5{ width:50%;}
.col-s6{ width:60%;}
.col-s7{ width:70%;}
.col-s8{ width:80%;}
.col-s9{ width:90%;}
.flyerbonus-m-list .row{ margin-bottom:30px;}
.flyerbonus-m-list .row h3{ margin-bottom:5px;}
.flyerbonus-m-list .row p{ font-size:21px;}
.flight-booking{width:100%; max-width:400px;}
.flight-booking i{color:#ccc; position:relative; top:2px; padding-right:5px;}
@media (max-width:399px) {.flyerbonus-m-list .row .col-xs-6{ width:100%; margin-bottom:15px;}}
/*Support*/
.search-support{ max-width:850px; margin:15px auto; margin-bottom:30px;}
.nav-member-m{ border:1px solid #337ab7; border-radius:4px; overflow:hidden; margin: 15px 0;}
.nav-member-m.nav-calculator{ border:1px solid #BDCCD4; border-radius:4px; overflow:hidden;}
.nav-member-m.nav-calculator li a{ background:#FFF; color:#999;}
.nav-member-m.nav-calculator li.active a, .nav-member-m.nav-calculator li a:hover{ background:#1b75bc; color:#FFF;}
.content-tab-m{ padding-top:15px;}
.nav-member-m.nav-pills>li>a{border-radius:0;padding-left:0;padding-right:0;line-height:16px;height:50px}
.nav-member-m.nav-pills > li:first-child > a{ border-left:none;}
.nav-member-m.nav-justified > li { display: table-cell; width: 1%;}
.nav-member-m.nav-justified > li > a {margin-bottom: 0;}
@media (max-width:991px) {.nav-member-m.nav-justified > li > a { font-size:19px;}}
.ComingSoon{ font-size:7vw; text-align:center; color:#d3d3d3; border:1px solid #d3d3d3; padding:50px 0; margin-bottom:50px; background:#fff;}
.page404{margin:80px auto;text-align: center;}
.page404 .text01{display:inline-block;width:150px;height:150px;background:#1A75BC;vertical-align:middle;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:20px;line-height:22px;color:#FFF;padding:52px 0 0}
.page404 .text01 span{font-size:60px;}
.page404 .text02{display:inline-block;color:#1A75BC;vertical-align:middle;margin-left:20px;text-align:left;line-height:30px}
.page404 .text02 strong{font-size:40px;}
.page404 .text02 .textEN{font-size:26px;}
.page404 .text02 .textTH,
.page404 .text02 .textTH a{color:#666;font-size:26px;}
.page404 .text02 a{text-decoration: underline;}
.page-disconnect{margin:120px auto;text-align: center;}
.disconnect-left{ text-align:right;}
.disconnect-right{ text-align:left; padding-top:25px;}
.icons-dis{ font-size:34px; margin-bottom:15px;}
.page-disconnect .text01{display:inline-block;width:150px;height:150px;background:#1A75BC;vertical-align:middle;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:20px;line-height:22px;color:#FFF;padding:36px 0 0;text-align:center}
.page-disconnect .text01 span{font-size:34px;}
.page-disconnect .text02{display: inline-block;}
.disconnect-nav-list{ margin:0; padding:0; list-style:none; margin-top:15px;}
.disconnect-nav-list li{ display:inline-block;  border-bottom:1px solid #ddd;}
@media (max-width:767px) {.disconnect-left{ text-align: center;}.disconnect-right{ text-align:center; padding-top:30px;}	}
@media screen and (max-width:480px){
	.page404{margin: 30px auto;	}
	.page404 .text02{margin:0;padding-top:15px;text-align:center;line-height:25px}
	.page404 .text02 strong{font-size:30px;}
	.page404 .text02 .textEN,.page404 .text02 .textTH{font-size:22px;}
}
.what-flyerbonus-section{ background:url(/images/template/what-FlyerBonus.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.type-membership-section{ background:url(/images/template/type-membership.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.how-to-earn-section{ background:url(/images/template/how-to-earn.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.where-spend-section{ background:url(/images/template/where-spend-section.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.section-bg{ background:#f2f2f2; padding:40px 0;}
.section-flyerbonus{height:550px;}
.section-flyerbonus .btn{ text-transform:uppercase;}
.section-flyerbonus-add{padding:50px 0;}
.section-flyerbonus-add .btn{ text-transform:uppercase;}
.text-title-section{ text-transform:uppercase;}
@media (max-width:1599px) {.section-flyerbonus{height:450px;}}
@media (max-width:1199px) {.section-flyerbonus{height:420px;}}
@media (max-width:767px){.text-title-section{text-align:center}.content-section{margin-bottom:25px}.earn-item-list{padding-top:15px}.breadcrumb-section{display:none}}
@media (max-width:543px) {.earn-item-list{ padding-top:15px;}}
.claim-main-nav{list-style:none; padding:0;}
.claim-main-nav li.col-sm-2{ display:inline-block; width:20%; float:left;}
.claim-main-nav li{ margin-bottom:20px; width:33.33%; float:left;}
.claim-main-nav.award li.col-sm-2{display:inline-block; width:33.33%; float:left; max-width:160px;}
.claim-main-nav a{background:#00b3e0;display:block;padding:10px;text-align:center;height:160px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.claim-main-nav a:hover, .claim-main-nav a.active{ background:#1b75bc;}
.claim-main-nav a span{ display:block; text-align:center; font-size:20px; color:#FFF; position:absolute; bottom:5px; left:0; right:0;}
.claim-main-nav a i{ max-width:100%; }
.claim-main-nav i.icons-lg{ width:85px; height:85px; margin-top:20px;}
.claim-main-nav .claim-pg a,
.claim-main-nav .claim-airline a{ padding-left:0;}
.claim-main-nav .claim-pg a i.icons-lg,
.claim-main-nav .claim-airline a i.icons-lg{ padding-left:0; width:128px; height:128px; position:absolute; left:0; top:0px;}
.panel.panel-default.panel-claim > .panel-heading{background:#00aeef; color:#FFF; position:relative; height:65px; line-height:65px; padding:0; padding-left:85px; font-size:26px;}
.panel.panel-default.panel-claim .panel-heading .pgicons{ width:65px; height:65px; position:absolute; left:0; top:0px;}
.panel.panel-default.panel-claim .panel-heading .pgicons.idc{ left:10px;}
.panel.panel-default.panel-claim .panel-heading .btn-back{position:absolute;top:15px;right:15px;background-color:#00AEEF;border-color:#FFF;color:#FFF}
.panel.panel-default.panel-claim .panel-heading .btn-back:hover{background-color: #1B75BC;}
@media (max-width:1199px) {
	.claim-main-nav a{height:125px;}
	.claim-main-nav li.col-sm-2{width:20%;}
	.claim-main-nav a{padding:5px 0;}
	.claim-main-nav a span{font-size:19px;}
	.claim-main-nav i.icons-lg{ width:75px; height:75px; margin-top:15px;}
	.claim-main-nav .claim-pg a i.icons-lg,
	.claim-main-nav .claim-airline a i.icons-lg{padding-left:0; width:100px; height:100px; margin-top:0;}
}
@media (max-width:767px) {
	.claim-main-nav li{width:33.33%; margin-bottom:20px;}
	.claim-main-nav .claim-pg a i.icons-lg,
	.claim-main-nav .claim-airline a i.icons-lg{padding-left:0; width:100px; height:100px; margin-right:0px; margin-top:0;}
}
@media (max-width:499px) {
	.claim-main-nav li{width:50%; margin-bottom:20px;}
	.panel.panel-default.panel-claim .panel-heading{height:auto; min-height:50px; line-height:1; padding-left:60px; font-size:21px; padding-top:15px; padding-bottom:12px;}
	.panel.panel-default.panel-claim .panel-heading .pgicons{ width:50px; height:50px; position:absolute; left:0; top:0px;}
	.panel.panel-default.panel-claim .panel-heading .btn-back{top:12px;right:7px; font-size:19px; padding:2px 6px;}
}
.award-main-lay{ max-width:500px; margin:15px auto;}
.award-main-nav{list-style:none; padding:0;}
.award-main-nav li{display:inline-block; width:33.33%; float:left; max-width:170px; margin-bottom:20px;}
.award-main-nav a{background:#00b3e0;display:block;padding:10px;text-align:center;height:160px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.award-main-nav a:hover, .award-main-nav a.curent{ background:#1b75bc;}
.award-main-nav a span{ display:block; text-align:center; font-size:23px; line-height:0.8; color:#FFF; position:absolute; bottom:5px; left:0; right:0;}
.award-main-nav a i{ max-width:100%; }
.award-main-nav i.icons-lg{ width:85px; height:85px;}
.award-main-nav .claim-pg a,
.award-main-nav .award-airline a{ padding-left:0;}
.award-main-nav .award-pg a i.icons-lg,
.award-main-nav .award-airline a i.icons-lg{padding-left:0; width:128px; height:128px; position:absolute; left:-3px; top:0px;}
@media (max-width:543px) {.award-main-nav li{width:50%;}.award-main-lay{ max-width:320px; }}
.content-section .service-main-nav.row.content-sm{ margin:0 auto; padding:0; list-style:none; max-width:700px;}
.service-btn{
	border:1px solid rgba(173,173,173,.2);
	display:block;
	width:100%;
	padding:5px;
	text-align:center;
	min-height:100px;
	-webkit-border-radius:5px;-moz-border-radius:5px;
	border-radius:5px;
	margin: 0 auto;
}


.service-btn:hover{border:1px solid rgba(173,173,173,1)}
.service-btn span{ 
	display:block; 
	text-align:center; 
	font-size:19px; 
	line-height:18px;
	height: 54px; 
	color:#333; 
	/*position:static; bottom:5px; left:10px; right:10px;*/
}
.service-btn i{ max-width:100%; }

.calculator-box .service-btn{
	min-height:130px;
	/* width: 130px;  */
}
.calculator-box .service-btn i.icons-lg {height:80px;margin-top:0px;width:80px;}

@media (max-width:1200px) {
	.calculator-box .service-btn{
		width: 130px;
	} 
	.calculator-box .service-btn i.icons-lg {
		height:118px;
		margin-top:0px;
		width:118px;
	}
}



.calculator-full .calculator-box .service-btn{ width:150px; min-height:150px; padding:5px; position:relative; border:1px solid rgba(173,173,173,0.2);}
.calculator-full .calculator-box .service-btn:hover{border:1px solid rgba(173,173,173,1)}
.calculator-full .calculator-box .service-btn i.icons-lg{position:static;height:138px;margin-top:0;top:0;left:0;width:138px}
.calculator-full .service-btn span{ display:block; text-align:center; font-size:21px; line-height:0.8; color:#333; position: static; bottom:10px; left:10px; right:10px;}
@media (max-width:767px) {
	.service-main-nav li{ width:25%; margin-bottom:15px; float:left;}
	.calculator-full .calculator-box .service-btn i.icons-lg { margin-top:0;}
	.calculator-full .calculator-box .service-btn{ width:130px; min-height:175px;}
	.calculator-full .calculator-box .service-btn i.icons-lg {height:118px; width:118px;}
}
@media (max-width:543px) {.service-main-nav li{ width:50%; margin-bottom:15px; float:left;}}
@media (max-width:399px) {
	.calculator-full .calculator-box .service-btn{width:120px;  min-height:165px;}
	.calculator-full .calculator-box .service-btn i.icons-lg {height:108px; width:108px;}
}
table.tb_pointearn{margin: 0;}
table.tb_pointearn tr.tr_title{background: #0098CA;color: #FFF;}
table.tb_pointearn tr.tr_title td{border: 2px solid #FFF; border-top: 0; border-bottom: 0;}
table.tb_pointearn tr.tr_title td h3{font-size: 30px; margin: 0;}
table.tb_pointearn tr.tr_col_title{background: #4D4D4D;color: #FFF;text-align: center;}
table.tb_pointearn tr.tr_col_title td{border: 2px solid #FFF; border-top: 0;}
table.tb_pointearn thead td,table.tb_pointearn thead th{padding:8px;}
table.tb_pointearn tbody td,table.tb_pointearn tbody th{text-align:center;background:#F2F2F2;border:2px solid #FFF;padding:5px}
table.tb_pointearn tbody th{color: #1A75BE;vertical-align: middle;}
table.tb_pointearn tbody td{width: 30%}
table.tb_pointearn tfoot td{font-size: 18px;}
table.tb_bangkokairways tbody th.from{width:200px !important;}
table.tb_bangkokairways tbody th,table.tb_bangkokairways tbody td{padding:0 5px;}
.tb_bangkokairways .point{width:100px;line-height:20px;}
table.tb_bangkokairways tbody td{width: auto;}
table.tb_bangkokairways .FlightList{text-align:left;padding-left:15px;}
table.tb_bangkokairways .FlightList .type{font-weight:700;color:#1B75BC;margin:5px 0 0;font-size:26px}
table.tb_bangkokairways .FlightList ul{margin:0;padding:0;list-style:none}
table.tb_bangkokairways .FlightList ul li{font-size:20px;}
table.tb_hotel tbody td{width: auto;}
table.tb_hotel tbody td.night{max-width: 30%;}
@media screen and (max-width:480px){table.tb_pointearn{margin: 0 0 15px 0;}}
.button-point-calculator{display:inline-block;width:150px;padding:5px 0;margin:0 5px 15px;border:2px solid #BBCCD3;text-align:center;color:#1A75BE;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.button-point-calculator:hover{background: #F4F4F4;color: #1A75BE;}
.button-point-calculator i{display:block;margin:10px auto;width:80px;height:80px;background-image:url(/images/icons/icon-point-calculator-blue.png);background-position:center;background-repeat:no-repeat;background-size:cover}
.button-point-calculator.redeem i{background-image: url(/images/icons/b-redeem.png);}
.button-point-calculator.redeemg i{background-image: url(/images/icons/b-redeem-g.png);}
.button-point-calculator.book i{background-image: url(/images/icons/b-redeem.png);}
.button-point-calculator.registerpro21 i{background-image: url(/images/icons/b-register-pro.png);}
.button-point-calculator.claim i{background-image: url(/images/icons/icon-addpoints-blue-dark.png);}
.button-point-pluscash{display:inline-block;width:150px;padding:5px 0;margin:0 5px 15px;border:2px solid #BBCCD3;text-align:center;color:#1A75BE;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.button-point-pluscash:hover{background: #F4F4F4;color: #1A75BE;}
.button-point-pluscash i{display:block;margin:10px auto;width:80px;height:80px;background-image:url(/images/icons/icon-point-pluscashw.png);background-position:center;background-repeat:no-repeat;background-size:cover}
.toppic-banner{max-height:300px; overflow: hidden;color:#FFF;position:relative; margin-bottom: 30px;}
.toppic-banner .text-title{text-align:center;position:absolute; width:100%; top:0; bottom:0;}
@media (max-width:1599px) {.toppic-banner{margin-bottom:40px;}}
@media (max-width:1199px) {.toppic-banner{margin-bottom:30px;}.toppic-banner .h1{ font-size:36px;}}
@media (max-width:991px) {.toppic-banner{margin-bottom:25px;}.toppic-banner .h1{ font-size:36px;}}
@media (max-width:767px) {.toppic-banner .h1{ font-size:32px;}}
@media (max-width:543px) {.toppic-banner .h1{ font-size:24px;}}
.content-table{ display:table; height:100%; width:100%;}
.content-table-cell{ display:table-cell; vertical-align:middle;}
.breadcrumb-topbanner{ position:absolute; left:0; right:0; top:0; color:#fff;z-index:9;
	background: rgba(0,44,91,0.3);
	background: -moz-linear-gradient(bottom, rgba(0,44,91,0) 0%, rgba(0,44,91,0.3) 100%);
	background: -webkit-gradient(bottom top, bottom top, color-stop(0%, rgba(0,44,91,0)), color-stop(100%, rgba(0,44,91,0.3)));
	background: -webkit-linear-gradient(bottom, rgba(0,44,91,0) 0%, rgba(0,44,91,0.3) 100%);
	background: -o-linear-gradient(bottom, rgba(0,44,91,0) 0%, rgba(0,44,91,0.3) 100%);
	background: -ms-linear-gradient(bottom, rgba(0,44,91,0) 0%, rgba(0,44,91,0.3) 100%);
	background: linear-gradient(to top, rgba(0,44,91,0) 0%, rgba(0,44,91,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c5b', endColorstr='#002c5b', GradientType=1 );
	 width:100%;}
.breadcrumb-topbanner .breadcrumb-section .bx-breadcrumb{ margin-bottom:25px; margin-top:20px;}
.breadcrumb-topbanner a{ color:#FFF;}
@media print {#panel{display:none !important;}a[href]:after {content: "";}}

/*walletcard*/
.walletstep{}
.walletstep h3 {font-weight:bold; font-size:32px; margin:0; color:#1c3f94; padding-left:15px;}
.walletstep p {color:#1B75BC; font-size:19px; padding-left:15px; line-height:20px; min-height:60px; margin:0;}
.walletstep-sm h3 {font-size:28px;}

@media screen and (max-width: 1200px) {
.walletstep p {min-height:40px;}	
}
@media screen and (max-width: 992px) {
.walletstep p {min-height:20px;}	
}
@media screen and (max-width: 767px) {
.walletstep{ text-align:center;}
.walletstep h3 , .walletstep p { padding-left:0;}
}

/*.bx-auth-member{ padding-top:90px; padding-bottom:90px; min-height:600px; background:#cbf0f9 url(/images/template/login-page-bg.png) no-repeat left bottom; overflow:hidden;}*/

.bx-auth-member{ padding-top:90px; padding-bottom:85px; min-height:600px; max-height:600px; background: url(/images/template/bg-signin-showyourcard.jpg) no-repeat center; overflow:hidden;}
@media (min-width:543px) {
	.bx-auth-member.addpoints{background: url(/images/template/bg-signin-addpoints.jpg) no-repeat center;}
}

.bx-auth-member .container{ position:relative;}
.bx-auth-member .auth-member-pre{ width:580px; height:600px; background:url(/images/template/login-member.png) no-repeat; position:absolute; z-index:1; top:-45px; left:140px;}
.bx-auth{background:rgba(255,255,255,1); padding:30px; width:470px; min-height:395px; float:right; margin-right:90px; position:relative; z-index:9;
	-webkit-border-radius:0px 0px 50px 0px;
	-moz-border-radius:0px 0px 50px 0px;
	border-radius:0px 0px 0px 50px;
}
.bx-auth h2{ line-height:1; margin-bottom:10px;}
.bx-auth .main-login{ margin-bottom:15px;}
.bx-auth .main-login .btn{ font-size:28px; min-width:140px;}
.bx-auth .forget-pass{ padding:10px 0; border-bottom:1px solid #ccc; margin-bottom:15px; font-size:21px; padding-left:0px;}
.bx-auth .join-now{ color:#333; text-align: center; font-size:20px;}
.bx-auth .join-now .btn{ font-size:24px; margin-left:15px;}
.bx-auth .remember-me{ padding-top:0px; font-size:20px;}
.bx-auth .form-control {
    font-size:22px;
    height:50px;
    line-height:1.1;
    padding:10px 12px;
}

@media (max-width: 1199px) {
	.bx-auth-member .auth-member-pre{ width:580px; height:600px; top:-45px; left:15px;}
	.bx-auth{margin-right:15px;}
}
@media (max-width:991px) {
	.bx-auth{ width:470px;}
	.bx-auth h2{ font-size:40px;}
}
@media (max-width:767px) {
	.bx-auth-member .auth-member-pre{background:none; display:none;}
	.bx-auth{ width:470px; max-width:100%; min-height:inherit; margin-left:auto; margin-right:auto; float:none;}
	.bx-auth h2{font-size:40px;}
	.bx-auth-member{ padding-top:40px; padding-bottom:40px; min-height:300px;}
}
@media (max-width:543px) {
	/*.bx-auth{ padding:25px 15px;}*/
	.bx-auth h2{font-size:28px;}
	.bx-auth-member{ background:none; padding-top:30px; padding-bottom:30px; min-height:430px;}
	.bx-auth .forget-pass{padding:5px 0; border-bottom:1px solid #ccc; margin-bottom:15px; font-size:19px; padding-left:0px; white-space:nowrap;}
	.join-now .btn{ margin-top:5px;}
	.bx-auth .form-control {
		font-size:21px;
		height:40px;
		line-height:1.1;
		padding:8px 12px;
	}
	.bx-auth-member{ background:url(/images/template/auth-member-sm.png) no-repeat top center;}
	.bx-auth{background:rgba(255,255,255,1);}
	
	.bx-auth .forget-pass { margin-bottom:30px;}
	.bx-auth .join-now{ color:#333; text-align: center; font-size:20px; border:2px solid #72bbfe; margin-bottom:30px; padding-top:10px; padding-bottom:10px; background:#ecf8fd;}
	
	
}

.main-login .form-group.has-error{ position:relative;}
.main-login .form-group.has-error .help-block {
    position: absolute;
    right: 11px;
    top: 6px;
}

.block-tips{
	font-size:19px; 
	margin:15px 0 0 0;
	padding: 10px;
	background: #F2F2F2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}