* {

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



@font-face {

	font-family: "interstate";

	src: url('../fonts/Interstate_exLight.eot');

	src: url('../fonts/Interstate_exLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Interstate_exLight.woff') format('woff'), url('../fonts/Interstate_exLight.ttf') format('truetype'), url('../fonts/Interstate_exLight.svg') format('svg');

	font-weight: 200;

	font-style: normal;

}



@font-face {

	font-family: "interstate-light";

	src: url('../fonts/Interstate-Light.eot');

	src: url('../fonts/Interstate-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Interstate-Light.woff') format('woff'), url('../fonts/Interstate-Light.ttf') format('truetype'), url('../fonts/Interstate-Light.svg') format('svg');

	font-weight: 300;

	font-style: normal;

}



@font-face {

	font-family: "interstate";

	src: url('../fonts/Interstate-Regular.eot');

	src: url('../fonts/Interstate-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Interstate-Regular.woff') format('woff'), url('../fonts/Interstate-Regular.ttf') format('truetype'), url('../fonts/Interstate-Regular.svg') format('svg');

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: "interstate";

	src: url('../fonts/Interstate-Bold.eot');

	src: url('../fonts/Interstate-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Interstate-Bold.woff') format('woff'), url('../fonts/Interstate-Bold.ttf') format('truetype'), url('../fonts/Interstate-Bold.svg') format('svg');

	font-weight: 700;

	font-style: normal;

}



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



*:before,

*:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



html {

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}



body {

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

	line-height: 24px;

	color: #333333;

	margin: 0;

	background: #ffffff;

	letter-spacing: 0px;

}



html,

body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

ins,

kbd,

q,

samp,

small,

strong,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video,

img {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary,

a {

	display: block;

	margin: 0px;

	padding: 0px;

}



a {

	text-decoration: none;

	color: #B4975A;

	outline: 0px;

	display: inline-block;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

}



img {

	line-height: 0px;

	max-width: 100%;

}



ul {

	list-style: none;

}



::-webkit-input-placeholder {

	color: #333333;

}



:-moz-placeholder {

	color: #333333;

}



::-moz-placeholder {

	color: #333333;

}



:-ms-input-placeholder {

	color: #333333;

}



#pageLoader {

	width: 100%;

	height: 100%;

	background: url(../images/img-loader.gif) no-repeat scroll center center;

	position: absolute;

}



#pageWrappper {

	visibility: hidden;

}



p {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

}



.container {

	width: 1020px;

	padding-right: 20px;

	padding-left: 20px;

	margin-right: auto;

	margin-left: auto;

}



.headerBg {

	background: -webkit-linear-gradient(top, #00bdf2, #00b3f0 18%, #0066b3 77%, #004985);

	background: linear-gradient(180deg, #00bdf2, #00b3f0 18%, #0066b3 77%, #004985);

	color: #ffffff;

	height: 70px;

}



.logoWrapper {

	padding: 15px 0 0;

	float: left;

	line-height: 0;

	width: 70px;

}



.text-center {

	text-align: center;

}



.text-left {

	text-align: left;

}



.pull-left {

	float: left;

}



h4.subTitle {

	font-size: 16px;

	letter-spacing: 2px;

	line-height: 16px;

	padding-bottom: 10px;

}



h1.mainHeading {

	font-size: 42px;

	line-height: 50px;

	letter-spacing: 0px;

	padding: 0 0 50px;

}



h2.mainHeading {

	font-size: 42px;

	line-height: 50px;

	letter-spacing: 0px;

	padding: 0 0 40px;

}



h3.subHeading {

	font-size: 32px;

	line-height: 32px;

	letter-spacing: 0px;

	padding: 10px 0 50px;

}



.innerContainer {

	margin: 0px auto;

	float: none !important;

}



.row {

	margin-right: -10px;

	margin-left: -10px;

}



.col12,

.col11,

.col10,

.col9,

.col8,

.col7,

.col6,

.col5,

.col4,

.col3,

.col2,

.col1,

.col-sm-12,

.col-sm-11,

.col-sm-10,

.col-sm-9,

.col-sm-8,

.col-sm-7,

.col-sm-6,

.col-sm-5,

.col-sm-4,

.col-sm-3,

.col-sm-2,

.col-sm-1,

.col-md-12,

.col-md-11,

.col-md-10,

.col-md-12,

.col-md-11,

.col-md-10,

.col-md-9,

.col-md-8,

.col-md-7,

.col-md-6,

.col-md-5,

.col-md-4,

.col-md-3,

.col-md-2,

.col-md-1,

.col2by5,

.col-md-1by8,

.col1by8 {

	position: relative;

	padding: 0 10px;

	float: left;

}

.lang.text-right{text-align: right; color:#fff; padding-top: 22.5px;}

.lang.text-right a{color:#fff;}

.lang.text-right a:last-child{margin-left: 20px;}

.rowcenter *[class^="col"],

.rowcenter *[class^="col-"] {

	float: none;

	display: inline-block;

}



.rowtable *[class^="col"],

.rowtable *[class^="col-"] {

	float: none;

	display: inline-table;

}



.rowleft *[class^="col"],

.rowleft *[class^="col-"] {

	float: left;

	display: inline;

}



.row:after,

.row:before {

	display: table;

	content: "";

}



.container {

	display: block;

	content: "";

}



.container-noTab {

	display: inline-block;

	content: "";

}



.row:after {

	clear: both;

}



@media(min-width: 768px) {

	.col-md-12 {

		width: 100%;

	}



	.col-md-11 {

		width: 91.0909%;

	}



	.col-md-10 {

		width: 83.33333333%;

	}



	.col-md-9 {

		width: 75%;

	}



	.col-md-8 {

		width: 66.66666667%;

	}



	.col-md-7 {

		width: 58.33333333%;

	}



	.col-md-6 {

		width: 50%;

	}



	.col-md-5 {

		width: 41.66666667%;

	}



	.col-md-4 {

		width: 33.33333333%;

	}



	.col-md-3 {

		width: 25%;

	}



	.col-md-2 {

		width: 16.66666667%;

	}



	.col-md-1 {

		width: 8.33333333%;

	}



	.col2by5 {

		width: 19.5%;

	}



	.col-md-1by8 {

		width: 13%;

	}



	.visibleDesktop,

	.visibleTablet {

		display: block;

	}



	.visibleMobile,

	.visibleXSM {

		display: none !important;

	}



	.hiddenMobile {

		display: block;

	}



	.visibleSM {

		display: none !important;

	}



	.visible320 {

		display: none !important;

	}



	.col-md-pull-12 {

		right: 100%;

	}



	.col-md-pull-11 {

		right: 91.66666667%;

	}



	.col-md-pull-10 {

		right: 83.33333333%;

	}



	.col-md-pull-9 {

		right: 75%;

	}



	.col-md-pull-8 {

		right: 66.66666667%;

	}



	.col-md-pull-7 {

		right: 58.33333333%;

	}



	.col-md-pull-6 {

		right: 50%;

	}



	.col-md-pull-5 {

		right: 41.66666667%;

	}



	.col-md-pull-4 {

		right: 33.33333333%;

	}



	.col-md-pull-3 {

		right: 25%;

	}



	.col-md-pull-2 {

		right: 16.66666667%;

	}



	.col-md-pull-1 {

		right: 8.33333333%;

	}



	.col-md-pull-0 {

		right: auto;

	}



	.col-md-push-12 {

		left: 100%;

	}



	.col-md-push-11 {

		left: 91.66666667%;

	}



	.col-md-push-10 {

		left: 83.33333333%;

	}



	.col-md-push-9 {

		left: 75%;

	}



	.col-md-push-8 {

		left: 66.66666667%;

	}



	.col-md-push-7 {

		left: 58.33333333%;

	}



	.col-md-push-6 {

		left: 50%;

	}



	.col-md-push-5 {

		left: 41.66666667%;

	}



	.col-md-push-4 {

		left: 33.33333333%;

	}



	.col-md-push-3 {

		left: 25%;

	}



	.col-md-push-2 {

		left: 16.66666667%;

	}



	.col-md-push-1 {

		left: 8.33333333%;

	}



	.col-md-push-0 {

		left: auto;

	}



	.col-md-offset-12 {

		margin-left: 100%;

	}



	.col-md-offset-11 {

		margin-left: 91.66666667%;

	}



	.col-md-offset-10 {

		margin-left: 83.33333333%;

	}



	.col-md-offset-9 {

		margin-left: 75%;

	}



	.col-md-offset-8 {

		margin-left: 66.66666667%;

	}



	.col-md-offset-7 {

		margin-left: 58.33333333%;

	}



	.col-md-offset-6 {

		margin-left: 50%;

	}



	.col-md-offset-5 {

		margin-left: 41.66666667%;

	}



	.col-md-offset-4 {

		margin-left: 33.33333333%;

	}



	.col-md-offset-3 {

		margin-left: 25%;

	}



	.col-md-offset-2 {

		margin-left: 16.66666667%;

	}



	.col-md-offset-1 {

		margin-left: 8.33333333%;

	}



	.col-md-offset-0 {

		margin-left: 0;

	}



	h1.mainHeading {

		font-size: 40px;

		line-height: 48px;

		letter-spacing: 0px;

	}



	h2.mainHeading {

		font-size: 40px;

		line-height: 48px;

		letter-spacing: 0px;

	}



	h3.subHeading {

		font-size: 24px;

		line-height: 30px;

		letter-spacing: 0px;

	}



	h4.pagetitle {

		font-size: 16px;

		letter-spacing: 2px;

		line-height: 14px;

		color: #333333;

	}



	h5.sub-title {

		font-size: 12px;

		line-height: 16px;

		letter-spacing: 1px;

	}



	h1.pagetitle {

		font-size: 55px;

		line-height: 55px;

		letter-spacing: 0px;

	}



	.bannerGoldTxt .pagetitle {

		font-size: 30px;

		line-height: 36px;

	}



	.homePageSection .callLine {

		margin: 20px 15px 14px;

	}

}





@media(min-width: 992px) {

	.col12 {

		width: 100%;

	}



	.col11 {

		width: 91.0909%;

	}



	.col10 {

		width: 83.33333333%;

	}



	.col9 {

		width: 75%;

	}



	.col8 {

		width: 66.66666667%;

	}



	.col7 {

		width: 58.33333333%;

	}



	.col6 {

		width: 50%;

	}



	.col5 {

		width: 41.66666667%;

	}



	.col4 {

		width: 33.33333333%;

	}



	.col4by3 {

		width: 30%;

	}



	.col3 {

		width: 25%;

	}



	.col2 {

		width: 16.66666667%;

	}



	.col1 {

		width: 8.33333333%;

	}



	.col1by8 {

		width: 13%;

	}



	.col2by5 {

		width: 19.5%;

	}



	.visibleDesktop,

	.visibleTablet,

	.mobileTabHidden {

		display: block;

	}



	.visibleMobile,

	.visibleXSM {

		display: none !important;

	}



	.visibleSM {

		display: none !important;

	}



	.visible320 {

		display: none !important;

	}



	.col-pull-12 {

		right: 100%;

	}



	.col-pull-11 {

		right: 91.66666667%;

	}



	.col-pull-10 {

		right: 83.33333333%;

	}



	.col-pull-9 {

		right: 75%;

	}



	.col-pull-8 {

		right: 66.66666667%;

	}



	.col-pull-7 {

		right: 58.33333333%;

	}



	.col-pull-6 {

		right: 50%;

	}



	.col-pull-5 {

		right: 41.66666667%;

	}



	.col-pull-4 {

		right: 33.33333333%;

	}



	.col-pull-3 {

		right: 25%;

	}



	.col-pull-2 {

		right: 16.66666667%;

	}



	.col-pull-1 {

		right: 8.33333333%;

	}



	.col-pull-0 {

		right: auto;

	}



	.col-push-12 {

		left: 100%;

	}



	.col-push-11 {

		left: 91.66666667%;

	}



	.col-push-10 {

		left: 83.33333333%;

	}



	.col-push-9 {

		left: 75%;

	}



	.col-push-8 {

		left: 66.66666667%;

	}



	.col-push-7 {

		left: 58.33333333%;

	}



	.col-push-6 {

		left: 50%;

	}



	.col-push-5 {

		left: 41.66666667%;

	}



	.col-push-4 {

		left: 33.33333333%;

	}



	.col-push-3 {

		left: 25%;

	}



	.col-push-2 {

		left: 16.66666667%;

	}



	.col-push-1 {

		left: 8.33333333%;

	}



	.col-push-0 {

		left: auto;

	}



	.leftNavBarSection {

		display: block;

	}





	h1.mainHeading {

		font-size: 42px;

		line-height: 50px;

		letter-spacing: 0px;

	}



	h2.mainHeading {

		font-size: 42px;

		line-height: 50px;

		letter-spacing: 0px;

	}



	h3.subHeading {

		font-size: 26px;

		line-height: 32px;

		letter-spacing: 0px;

	}



	h4.pagetitle {

		font-size: 16px;

		letter-spacing: 2px;

		line-height: 16px;

		color: #333333;

		margin-bottom: 8px;

	}



	h5.sub-title {

		font-size: 12px;

		line-height: 16px;

		letter-spacing: 1px;

	}



	h1.pagetitle {

		font-size: 68px;

		line-height: 76px;

		letter-spacing: 0px;

	}



	.bannerGoldTxt .pagetitle {

		font-size: 42px;

		line-height: 48px;

	}



	.homePageSection .callLine {

		margin: 20px 50px 14px;

	}

}



@media(max-width: 767px) {



	.col-sm-12,

	.col-sm-11,

	.col-sm-10,

	.col-sm-9,

	.col-sm-8,

	.col-sm-7,

	.col-sm-6,

	.col-sm-5,

	.col-sm-4,

	.col-sm-3,

	.col-sm-2,

	.col-sm-1,

	.col-md-12,

	.col-md-11,

	.col-md-10,

	.col-md-9,

	.col-md-8,

	.col-md-7,

	.col-md-6,

	.col-md-5,

	.col-md-4,

	.col-md-3,

	.col-md-2,

	.col-md-1,

	.col2by5 {

		position: relative;

		padding: 0 10px;

		float: left;

	}



	.col-sm-12 {

		width: 100%;

	}



	.col-sm-11 {

		width: 91.0909%;

	}



	.col-sm-10 {

		width: 83.33333333%;

	}



	.col-sm-9 {

		width: 75%;

	}



	.col-sm-8 {

		width: 66.66666667%;

	}



	.col-sm-7 {

		width: 58.33333333%;

	}



	.col-sm-6 {

		width: 50%;

	}



	.col-sm-5 {

		width: 41.66666667%;

	}



	.col-sm-4 {

		width: 33.33333333%;

	}



	.col-sm-3 {

		width: 25%;

	}



	.col-sm-2 {

		width: 16.66666667%;

	}



	.col-sm-1 {

		width: 8.33333333%;

	}



	.chatlist {

		padding-bottom: 20px;

	}



	.visibleDesktop,

	.visibleTablet,

	.mobileTabHidden,

	.visibleXSM,

	.hiddenMobile {

		display: none !important;

	}



	.visibleSM {

		display: none !important;

	}



	.visible320 {

		display: none !important;

	}



	.visibleMobile {

		display: inline-block !important;

	}



	.col-sm-pull-12 {

		right: 100%;

	}



	.col-sm-pull-11 {

		right: 91.66666667%;

	}



	.col-sm-pull-10 {

		right: 83.33333333%;

	}



	.col-sm-pull-9 {

		right: 75%;

	}



	.col-sm-pull-8 {

		right: 66.66666667%;

	}



	.col-sm-pull-7 {

		right: 58.33333333%;

	}



	.col-sm-pull-6 {

		right: 50%;

	}



	.col-sm-pull-5 {

		right: 41.66666667%;

	}



	.col-sm-pull-4 {

		right: 33.33333333%;

	}



	.col-sm-pull-3 {

		right: 25%;

	}



	.col-sm-pull-2 {

		right: 16.66666667%;

	}



	.col-sm-pull-1 {

		right: 8.33333333%;

	}



	.col-sm-pull-0 {

		right: auto;

	}



	.col-sm-push-12 {

		left: 100%;

	}



	.col-sm-push-11 {

		left: 91.66666667%;

	}



	.col-sm-push-10 {

		left: 83.33333333%;

	}



	.col-sm-push-9 {

		left: 75%;

	}



	.col-sm-push-8 {

		left: 66.66666667%;

	}



	.col-sm-push-7 {

		left: 58.33333333%;

	}



	.col-sm-push-6 {

		left: 50%;

	}



	.col-sm-push-5 {

		left: 41.66666667%;

	}



	.col-sm-push-4 {

		left: 33.33333333%;

	}



	.col-sm-push-3 {

		left: 25%;

	}



	.col-sm-push-2 {

		left: 16.66666667%;

	}



	.col-sm-push-1 {

		left: 8.33333333%;

	}



	.col-sm-push-0 {

		left: auto;

	}



	.col-sm-offset-12 {

		margin-left: 100%;

	}



	.col-sm-offset-11 {

		margin-left: 91.66666667%;

	}



	.col-sm-offset-10 {

		margin-left: 83.33333333%;

	}



	.col-sm-offset-9 {

		margin-left: 75%;

	}



	.col-sm-offset-8 {

		margin-left: 66.66666667%;

	}



	.col-sm-offset-7 {

		margin-left: 58.33333333%;

	}



	.col-sm-offset-6 {

		margin-left: 50%;

	}



	.col-sm-offset-5 {

		margin-left: 41.66666667%;

	}



	.col-sm-offset-4 {

		margin-left: 33.33333333%;

	}



	.col-sm-offset-3 {

		margin-left: 25%;

	}



	.col-sm-offset-2 {

		margin-left: 16.66666667%;

	}



	.col-sm-offset-1 {

		margin-left: 8.33333333%;

	}



	.col-sm-offset-0 {

		margin-left: 0;

	}



	h1.mainHeading {

		font-size: 38px;

		line-height: 46px;

		letter-spacing: 0px;

	}



	h2.mainHeading {

		font-size: 38px;

		line-height: 46px;

		letter-spacing: 0px;

	}



	h3.subHeading {

		font-size: 22px;

		line-height: 28px;

		letter-spacing: 0px;

	}



	h4.pagetitle {

		font-size: 16px;

		letter-spacing: 2px;

		line-height: 16px;

		color: #333333;

		margin-bottom: 8px;

	}



	h5.sub-title {

		font-size: 10px;

		line-height: 14px;

		letter-spacing: 1px;

	}



	h1.pagetitle {

		font-size: 60px;

		line-height: 70px;

		letter-spacing: 0px;

	}

}



#pageLoader {

	width: 100%;

	height: 100%;

	background: url(../images/img-loader.gif) no-repeat center center;

	position: absolute;

}



#pageWrappper {

	visibility: hidden;

}



.bannerCon {

	position: relative;

	line-height: 0;

	z-index: 0;

	width: 100%;

	display: block;

}



#back-top {

	float: left;

	width: 100%;

	margin: 0px auto;

	text-align: center;

}



#back-top span {

	background: url(../images/carat_up_gold.png) no-repeat 10px 23px;

	color: #333;

	cursor: pointer;

	display: inline-block;

	font-size: 16px;

	margin-bottom: 0;

	padding: 14px 10px 14px 32px;

	transition: all 1s ease 0s;

	z-index: 9999;

	line-height: 25px;

}



.footer-logo {

	padding: 35px 0 35px;

	display: inline-block;

	width: 25%;

	float: left;

}



.pagefooter {

	background: #333333;

	color: #fff;

	width: 100%;

	float: left;

}



.copyright {

	width: 75%;

	float: right;

	padding: 35px 0 35px;

	font-size: 12px;

	line-height: 18px;

	text-align: right;

}



.visibleTabPhone {

	display: none;

}



.hide {

	display: none;

}



h1 {

	font-size: 42px;

	line-height: 52px;

	font-family: "interstate-light", arial, Microsoft JhengHei;

	color: #333;

	padding-bottom: 22px;

}



h1 span {

	font-family: "interstate-bold", Arial;

	display: block;

}



.bodyCon1 p {

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

	line-height: 24px;

	color: #666;

}

.bodyCon1>div>div p{



	padding-bottom: 10px;

}

.bodyCon1>div>div p:last-child{



	padding-bottom: 0px;

}



.bodyCon1 h5 {

	font-family: "interstate", arial;

	font-size: 16px;

	line-height: 24px;

	color: #666;

	padding: 27px 0 30px 0;

}



.bodyCon {

	position: relative;

}



.bodyCon1 {

	background: #fff;

	margin: 0;

	z-index: 11;

}



.bannerCon>img {

	width: 100%;

}



.mobport,

.visible-mobile {

	display: none !important;

}



.notmobport,

.hidden-mobile {

	display: block !important;

}

.pointsSection{background:#FAFAFA; color:#333;

	padding: 30px 0 40px;}

.contArea, .pointsArea {

	position: relative;

	margin: 0 auto;

	text-align: center;

	padding: 30px 0 40px;

}

.pointsArea{padding:15px 30px; background-color:#fff;}

.pointsAreatxt{background-color: #fafafa; padding: 15px 30px 7.5px 30px;}

.pointsArea h2{font-size:23px; font-weight: bold;}

.pointsArea p {font-size:16px; line-height: normal; margin-top:10px; margin-bottom: 0px; }

.pointsArea p:last-child {font-size:16px; line-height: normal; margin-top:10px; margin-bottom: 20px; }

.pointsArea table {width:100%; max-width: 600px; margin: 0 auto;}

.pointsArea table tr{min-height:45px;}

.pointsArea table tr td{width:50%;border-bottom:1px solid #00B1EC; line-height: 1; padding: 10px 40px;}

.pointsArea table tr td:last-child{ padding: 10px 20px;}

.pointsArea table tr.deepblue td{border-color:#036DAE;}

strong.deepblue{color:#036DAE; font-size: 20px;}

.pointsArea table tr td span{font-size:18px;}

.pointsArea table tr:last-child td{border:0;}

.pointsSection > div:last-child p{padding-top:10px; }

.pointsSection > div:last-child p:last-child{padding-top:0px; margin-top: 0px; }

.tc{padding-top:10px!important; font-size: 12px !important; text-align: left;}

.pointsSection img{margin: 0 auto;}

.divCenter {

	display: block;

	margin: 0 auto;

	float: none;

}



.promoTop {

	padding: 0 40px;

}



.promoTop p:first-of-type {

	margin-bottom: 15px;

	font-size:23px;

}



.promoArea {

	display: table;

	text-align: center;

	width: 100%;

	font-size: 0;

	padding: 40px 0 20px 0;

}



.promo {

	display: inline-block;

	width: 25%;

	/*padding: 0 90px;*/

	padding: 0 40px;

	box-sizing: border-box;

	/*vertical-align: top;*/

}



.promoLeft {

	/*border-right: 1px solid #999;*/

	position: relative;

}



/*.promoLeft:after {

	content: 'OR';

	position: absolute;

	right: -11px;

	top: calc(50% - 13px);

	background: #fff;

	color: #999;

	width: 20px;

	height: auto;

	font-size: 12px;

	word-wrap: break-word;

	line-height: normal;

	font-family: "interstate-light", arial, Microsoft JhengHei;

	box-sizing: content-box;

	padding: 5px 0;

}*/



.promo p {

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

	line-height: 24px;

	color: #666;

}



.promoTop p span {

	font-family: "interstate", arial;

}



.paySection {

	background: #fff;

}



.trackSection {

	background: #fafafa;

}

.trackSection p{padding-bottom: 20px;}

.faqSection {

	background: #fff;

}



.detailsArea {

	position: relative;

	text-align: center;

	padding: 80px 0 0px;

}



.detailsArea h2,

.faqArea h2 {

	font-size: 42px;

	font-family: "interstate-light", arial, Microsoft JhengHei;

	line-height: 52px;

	color: #333;

	padding-bottom: 28px;

}



.detailsArea h4 {

	font-size: 16px;

	font-family: "interstate-light", arial, Microsoft JhengHei;

	line-height: 24px;

	color: #666;

	letter-spacing: 1px;

}



.detailsIn {

	width: 100%;

	display: block;

	position: relative;

}



.detailsIn.fullLength {

	text-align: left;

}



.detailsIn>p {

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

	line-height: 24px;

	color: #666;

}



.detailsIn ul {

	padding: 40px 0 30px;

	font-size: 0;

}



.detailsIn ul li:hover p {

	text-decoration: underline;

}



.detailsIn ul li {

	padding: 0 0 20px 0;

}



.detailsIn ul li:last-child {

	padding: 0

}



.detailsIn ul li a {}



.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;

	display: inline-block;

	vertical-align: middle;

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

}



.detailsIn ul li.selected a span {

	color: #fff;

	background: #056DAE;

}



.detailsIn ul li a p {

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

	line-height: 24px;

	color: #056DAE;

	width: calc(100% - 60px);

	display: inline-block;

	vertical-align: middle;

}



.detailsIn ul li.selected a p {

	font-family: "interstate", arial;

	text-decoration: underline;

	font-weight: bold;

}



.detailsLeft {

	width: 65%;

	padding: 60px 80px 0 0;

	float: left;

	text-align: left;

	box-sizing: border-box;

}



.detailsRight {

	width: 35%;

	float: left;

}



.detailsRight .dispImg img {

	display: block;

	margin: 0 auto;

}



.detailsRight .dispImg {

	margin: 0 auto;

	text-align: center;

	position: relative;

	width: 250px;

		/*top: 40px !important;*/

}



.detailsRight div.p1.dispImg {

	display: block;

}



.detailsRight .dispImg video {

	width: 100%;

}



.detailsBottom {

	margin-bottom: 20px;

	width: 100%;

	clear: both;

}



.detailsTop {}



.disMob {

	display: none;

	padding: 20px 20px 0;

	text-align: center;

	color: #056DAE;

	font-family: "interstate", arial;

	font-size: 16px;

	line-height: 22px;

}



.detailsIn .detailsTop ul {

	padding: 20px 0 40px 0;

}



.detailsBottom video {

	width: 100%;

	display: block;

}



.reverse .detailsLeft {

	padding: 40px 0 0 80px;

	float: right;

}



.reverse .detailsRight {

	float: left;

}



.faqQns {

	display: none;

	background: #f5f5f5;

}

.faqHead{background-color: #f5f5f5;}

.faqQns.opened {

	display: block;

}



.faqQns.opened .faq:first-child {

	border-top: 0;

}



.ans {

	display: none;

}



.faqArea {

	padding: 40px 0 80px;

}



.faqArea>.row>h4 {

	text-align: center;

	padding: 0 0 40px 0;

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

	line-height: 24px;

	color: #666;

}



.faq {

	border-top: 1px solid #999;

	padding-left: 60px;

}



.faqHead h4 {

	cursor: pointer;

	position: relative;

	padding: 10px 0 10px 30px;

	border-top: 1px solid #999;

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

	line-height: 24px;

	color: #333;

}



.faq .qn {

	cursor: pointer;

	position: relative;

}



.faqHead h4:before {

	background: url(../images/sample.png) no-repeat;

	transform: rotate(0deg);

	transition: 0.3s all linear;

	left: 0;

	top: calc(50% - 4px);

	position: absolute;

	content: '';

	width: 15px;

	height: 8px;

}



.faqHead h4.opened:before {

	transform: rotate(180deg);

}



.ctaSection {

	background: #036DAE;

	padding: 10px 0;

	z-index: 11;

	position: relative;

}



.ctaSection .start {

	margin: 0 auto;

	display: block;

	text-align: center;

	padding: 13px 52px;

	border: 0;

	background: #002A57;

	color: #fff;

	font-family: "interstate", arial;

	border-radius: 6px;

	font-size: 16px;

	cursor: pointer;

	width: 500px;

}



.sticky {

	position: fixed;

	bottom: 0;

	width: 100%;

}



.sticky+footer {

	padding-top: 90px;

}



/*.sticky + .bodyCon{padding-top: 90px;}*/





.faq .qn h5:before {

	background: url(../images/sample.png) no-repeat;

	transform: rotate(0deg);

	transition: 0.3s all linear;

	left: -30px;

	top: calc(50% - 4px);

	position: absolute;

	content: '';

	width: 15px;

	height: 8px;

}



.faq .qn.opened h5:before {

	transform: rotate(180deg);

}



.faq .qn h5 {

	padding: 10px 0;

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

	line-height: 24px;

	color: #333;

	position: relative;

}



.faq .ans,

.faq .ans p {

	padding: 0;

	font-family: "interstate-light", arial, Microsoft JhengHei;

	font-size: 16px;

	line-height: 24px;

	color: #666;

}



.faq .ans {

	padding: 0 0 20px 0;

}



.faq .ans p a {

	color: #056DAE;

}



.bannerCon .flexslider {

	position: relative;

}



.bannerCon .flex-direction-nav {

	display: none;

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

}



.bannerCon .flex-control-nav {

	display: none;

}



.bannerCon {

	position: relative;

}



.bannerCon>img {

	width: 100%;

}



.bsOuter>img {

	/*width: 100%;*/

	margin: 0 auto;

}



.bsOuter {

	position: relative;

	top: 0;

	width: 100%;

	height: 100%;

}



.bsInner {

	width: 90%;

	margin: 0 auto;

	display: table;

	height: auto;

	text-align: center;

	/*transform: translateY(-35%);*/

	top: 30%;

	position: absolute;

	left: 5%;

}



.bsInner h2 {

	font-size: 37px;

	max-width: 1020px; padding:0 20px;

	font-family: 'Interstate-Light', arial, Microsoft JhengHei;

	font-weight: normal;

	line-height: normal;

	color: #fff;

	/*text-shadow: 1px 1px 5px #333;*/

	/* text-shadow: 0px 0px 4px rgba(0,77,142,0.8), 0px 0px 15px rgba(0,77,142,1), 0px 0px 15px rgba(0,77,142,1); */

	font-weight: bold;

	margin: 0 auto;

	margin-bottom: 20px;

}

.bsInner p{font-size:27px; color:#fff; line-height: normal;

	max-width: 1020px; padding:0 20px;

	/* text-shadow: 0px 0px 4px rgba(0,77,142,0.8), 0px 0px 15px rgba(0,77,142,1), 0px 0px 15px rgba(0,77,142,1); */

	font-weight: bold;

	margin: 0 auto;

	margin-bottom: 20px;}

.ban3 .bsInner{

	top: 20%;}



.ban3 .bsInner h2 {

	font-size: 37px;

	font-family: 'Interstate-Light', arial;

	font-weight: normal;

	line-height: normal;

	color: #036DAE;

	/*text-shadow: 1px 1px 5px #333;*/

	font-weight: bold;

	text-align:left;

	text-shadow:none;

	margin-bottom: 20px;

}

.ban3 .bsInner p{color:#036DAE;

	text-align:left;

	text-shadow:none;}

.ban3 .bsInner div{max-width:1020px; margin: 0 auto; text-align: left; padding:0 20px;}

.ban3 .bsInner div a{font-size:25px; color:#fff; background: #ff0000; padding: 7.5px 12.5px;

    line-height: normal;}

.bsInner a img {

	width: 240px;

}

.slick-dots{

    display: block;

    position: absolute;

    bottom:100px;

    text-align: center;

    width: 100%;}

.slick-dots li{display:  inline-block; margin: 0 7.5px;}

.slick-dots li button{font-size:0; padding: 4.5px; border:0; border-radius: 50%; background-color: #999;}

.slick-dots li.slick-active{display:  inline-block;}

.slick-dots li.slick-active button{background-color: #fff;}

.videoCover {

	position: fixed;

	width: 100%;

	height: 100%;

	overflow: hidden;

	text-align: center;

	display: none;

	top: 0;

	left: 0;

	z-index: 11;

	background: rgba(0, 0, 0, 0.8);

}

.cards.container{position:relative;}

.cards img{position:absolute; top:20px; z-index: 999;}

.qrb img{display: inline-block; margin-left: 20px; vertical-align: middle;}

.qrb  p{color:#fff; font-size:23px; display: inline-block;}.qrb{margin: 0 !important;}

.videoContainer {

	position: fixed;

	width: 50%;

	top: 100px;

	left: 25%;

}



.videoCover img {

	position: absolute;

	right: -12px;

	top: -12px;

	cursor: pointer;

	z-index: 20;

}



.videoCover video {

	width: 100%;

}

.detailsIn ul li.breakline {

	display: none;

}

.owl-theme .owl-dots .owl-dot span {

	width: 16px;

	height: 16px;

	background-color: #D8D8D8;

}

.owl-theme .owl-dots .owl-dot.active span {

	background-color: #4990E2;

}

.borrow img{margin:0px auto 40px auto; display: block;}

.borrow {padding: 40px;}



@media (max-width:1600px) {

	.videoContainer {

		width: 64%;

		left: 18%;

	}

}



@media (max-width:1500px) {}



@media (max-width:1366px) {

	.bsInner h2 {

		font-size: 46px;

		line-height: 54px;

	}

}



@media (max-width:1260px) {}



@media (max-width:1200px) {}



@media (max-width:1080px) {

	.container {

		width: 100%;

	}



	.detailsLeft {

		padding: 0px 60px 0 0;

	}



	.reverse .detailsLeft {

		padding: 0 0 0 60px;

	}

}



@media (max-width:1024px) {



	/*.faqArea{padding: 40px 0 80px;}

.detailsArea{padding: 80px 0 40px;}

.contArea{padding: 30px 0 80px;}*/

	h1 {

		font-size: 32px;

		line-height: 42px;

	}



	.detailsArea h2,

	.faqArea h2 {

		font-size: 32px;

		line-height: 42px;

	}



	.detailsRight .dispImg {

		top: 0px !important

	}



	.detailsRight .dispImg img {

		/*margin: 80px auto 0;*/

	}

}



@media (max-width:992px) {

	.bsInner h2 {

		font-size: 36px;

		line-height: 44px;

		margin-bottom: 20px;

	}



	.bsInner a img {

		width: 200px;

	}



	.promo {

		padding: 0 40px;

	}

}



@media (max-width:880px) {

	.promo {

		padding: 0 40px;

	}



	.promoTop p br {

		display: none;

	}

}



@media (max-width:768px) {

.lang.text-right{text-align: right; color:#fff; padding-top: 11.5px;}

.lang.text-right a{color:#fff;}

.lang.text-right a:last-child{margin-left: 10px;}

		.detailsRight .dispImg {

	margin: 0 auto;

	text-align: center;

	position: relative;

	width: 220px;

		/*top: 40px !important;*/

}



	h1.mainHeading {

		font-size: 40px;

		line-height: 48px;

		letter-spacing: 0px;

	}



	h2.mainHeading {

		font-size: 40px;

	}



	h3.socialHead {

		padding: 40px 0 0 0;

	}

}



@media (max-width:767px) {

	.bodyCon1 p{line-height: normal;}

	.pointsArea table tr td{padding: 10px 20px;}

	.ban3 .bsInner div{padding: 0;}

	.headerBg {

		background: url(../images/hbanner.jpg) repeat-x 0 bottom;

		height: 44px;

	}



	.hidden-mobile {

		display: none !important;

	}



	.visible-mobile {

		display: block !important;

	}



	.detailsIn ul li:hover p {

		text-decoration: none;

	}



	.row {

		margin: 0;

	}



	.detailsRight .dispImg img {

		margin: 0 auto;

	}



	.detailsRight div.dispImg {

		top: auto !important;

	}



	h1 {

		font-size: 26px;

		line-height: 36px;

		padding-bottom:10px;

	}



	.detailsArea h2 {

		font-size: 26px;

		line-height: 36px;

		padding-bottom: 0;

	}



	.faqArea h2{

		font-size: 26px;

		line-height: 36px;

		padding-bottom: 20px;}

	.detailsArea {

		padding: 40px 0 0;

	}



	.contArea, .pointsArea {

		padding: 30px 0 40px;

	}

	.pointsArea{padding: 30px 10px 20px 10px;}

	.visibleTabPhone {

		display: block;

	}



	h1.mainHeading {

		font-size: 26px;

		line-height: 32px;

		padding-bottom: 23px;

	}



	h2.mainHeading {

		font-size: 26px;

		padding-bottom: 40px;

		line-height: 32px;

	}



	h4.subTitle {

		font-size: 12px;

		line-height: 18px;

		letter-spacing: 1px;

		margin-bottom: 8px;

	}



	.headBgColor {

		height: 55px;

	}



	.logoWrapper {

		padding: 7px 0 0;

		width: 52px;

	}



	.detailsRight .dispImg {

		display: block;

	}



	.reverse .detailsLeft,

	.detailsLeft {

		width: 100%;

		padding: 0;

		float: none;

	}



	.reverse .detailsRight,

	.detailsRight {

		width: 100%;

		float: none;

	}



	.detailsIn ul {

		padding: 80px 0 30px 0;

		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;

		left: 5%;

		width: 90%;

		margin: 20px 0 0 0;

		font-family: "interstate", arial;

		top: 0;

	}



	.detailsIn ul li a span {

		margin-right: 0;

	}



	.detailsIn ul li:first-child p {

		display: block;

	}



	.promo {

		display: inline-block;

		width: 50%;

		margin: 0 auto;

		padding: 10px;

	}



	.promoLeft {

		padding-bottom: 40px;

		border-right: 0;

		border-bottom: 1px solid #999;

	}



	.promoRight {

		padding-top: 40px;

	}



	.promoLeft:after {

		right: calc(50% - 15px);

		top: calc(100% - 8px);

		width: 30px;

		height: 16px;

		padding: 0;

	}



	.detailsLeft p {

		text-align: center;

	}



	/*.detailsIn .pointChange1 ul li p{display:none;}

	.detailsIn .pointChange1 ul {padding: 20px 0 40px 0;}*/

	.detailsIn .detailsTop ul li p {

		display: none;

	}



	.detailsIn .detailsTop ul li a {

		display: block;

	}



	/*.disMob{display:block;}*/

	.bodyCon1 {

		margin: 0;

	}



	/*.bsInner h2 {

		font-size: 26px;

		line-height: 32px;

	}*/



	.bsInner h2, .ban3 .bsInner h2{font-size:25px; line-height: normal; margin-bottom: 10px; padding:0;}

	.bsInner p{font-size:16px; margin-bottom: 10px; padding:0;}

	 .ban3 .bsInner div a{font-size:16px; margin-bottom: 10px;}

	.cards img{width:50%;}

	.videoContainer {

		width: 80%;

		left: 10%;

		top: 30px;

	}



	.faqArea {

		padding: 40px 0;

	}

}



@media (max-width:667px) {}



@media (max-width:640px) {}



@media (max-width:568px) {}



@media (max-width:480px) {}



@media (max-width:440px) {

	.notmobport {

		display: none !important;

	}



	.mobport {

		display: block !important;

	}



	.promoTop {

		padding: 0;

	}



	.bodyCon1 {

		margin: 0;

	}



	.videoContainer {

		top: 100px;

	}



	.bsInner a img {

		width: 160px;

	}



	.ctaSection .start {

		padding: 13px 30px;

		width: 240px;

	}

}



@media (max-width:420px) {}



@media (max-width:375px) {}



@media (max-width:360px) {}



@media (max-width:320px) {

	.promo {

		width: 80%;

	}



	h1 {

		font-size: 24px;

		line-height: 34px;

	}

}





.hero-2-v4-bottom {

	background-color: rgba(0, 0, 0, 0.2);

	padding: 10px 0;

	float: left;

	z-index: 100;

	position: absolute;

	width: 100%;

	bottom: 0;

}



.appdl>div {

	display: inline-block;

	margin: 10px;

}

.ctaSection .appdl>div{margin: 10px 10px 0 10px;}

.hero-2-v4-bottom a {

	display: inline-block

}



.hero-2-v4-bottom a img {

	height: 42px;

	text-align: center

}



@media screen and (max-width:375px) {

	.hero-2-v4-bottom > div {

		max-width: 130px;

		margin-left: 5px;

		margin-right: 5px;

	}

	.hero-2-v4-bottom a {

		margin-left: 5px;

		margin-right: 5px

	}

}



@media screen and (min-width:768px) {

	.hero-2-v4-content {

		max-width: 90%;

		margin: 0 auto;

		padding: 0

	}



	.hero-2-v4-content h1 {

		font-size: 60px;

		line-height: 67px

	}



	.hero-2-v4-bottom {

		padding: 10px 0

	}

}

@media screen and (min-width:769px) and (max-width: 991px) {

	.bsInner {

		top: 35%;

	}

	.hero-2-v4-bottom > div {

		margin-top: 0;

		margin-bottom: 0;

	}

}



@media screen and (max-width:768px) {

	.hero-2-v4-bottom {

		padding: 0;

	}



	.bsInner {

		top: 25%;

	}

	.slick-dots{bottom:110px;}

}



@media screen and (max-width:480px) {

	.hero-2-v3 {

		background-size: cover

	}



	.hero-2-v3 .hero-2-v3-title h1 {

		font-size: 28px;

		padding-bottom: 20px

	}



}

@media screen and (min-width:1200px) {

	.bsInner {

		top: 30%;

	}

}

@media (max-width:1081px){

	.light-box {

		display: none;

	}

}

@media (min-width:1082px) {

	.light-box {

		background: #002A57;

		bottom: 154px;

		border-radius: 10px;

		-moz-border-radius: 10px;

		-khtml-border-radius: 10px;

		color: #fff;

		display: none;

		font-family: interstate;

		font-weight: 300;

		width: 1082px;

		height: 301px;

		position: absolute;

		left: 0;

		right:0;

		margin: auto;

	}

	.light-box.visible {

		display: block

	}

	.ctaSection.clicked .light-box {

		display: block;

	}

	.title-box {

		font-size: 28px;

		margin-top: 50px;

		margin-bottom: 40px;

		text-align: center;

	}

	.close {

		cursor: pointer;

		font-size: 16px;

		top: 25px;

		right: 25px;

		position: absolute;

	}

	.light-box::before {

	  content: '';

	  position: absolute;

	  bottom: -39px;

	  top: auto;

	  left: 0;

	  right: 0;

	  width: 50px;

	  margin: auto;

	  border-width: 40px 25px 0px 25px;

	  border-style: solid;

	  border-color: #002A57 transparent;

	}

	.sms {

		margin-left: 135px;

		margin-right: 25px;

	}

	.or {

		margin-left: 98px;

		margin-right: 86px;

	}

	.bold {

		font-weight: 700;

	}

	.qrcode-block p,.qrcode-block img {

		font-size: 20px;

		display: inline-block;

		vertical-align: middle;

	}

	.qrcode {

		margin-right: 35px;

		width: 108px;

		height: 108px;

	}

}

.hero-2-v5 .wrapper-hero-2-v5 .item-menu .navbar-hero-2-v5 .wrapper-menu ul li a {

	background-color: transparent

}

/* Custom */

.owl-dots.custom {

	height: 50px;

}

.owl-dots.custom .owl-dot {

	display: none;

}

.owl-dots.custom .owl-dot.show {

	display: inline-block;

}

.bsOuter>img.visible-hd{width:100%; display: none!important;}

.bsOuter>img.hidden-hd{display: block !important;}

@media screen and (min-width:1600px) {.bsOuter>img.visible-hd{display:block !important;} .bsOuter>img.hidden-hd{display:none !important;}}

@media screen and (max-width:767px) { .bsOuter>img.hidden-hd.hidden-mobile{display:none !important;}}



@media (min-width: 992px){

.cbolui-ddl-pre .col-md-1, .cbolui-ddl-pre .col-md-10, .cbolui-ddl-pre .col-md-11, .cbolui-ddl-pre .col-md-12, .cbolui-ddl-pre .col-md-2, .cbolui-ddl-pre .col-md-3, .cbolui-ddl-pre .col-md-4, .cbolui-ddl-pre .col-md-5, .cbolui-ddl-pre .col-md-6, .cbolui-ddl-pre .col-md-7, .cbolui-ddl-pre .col-md-8, .cbolui-ddl-pre .col-md-9 {float: none;}}

@media (min-width: 768px){

.cbolui-ddl-pre .col-md-1, .cbolui-ddl-pre .col-md-10, .cbolui-ddl-pre .col-md-11, .cbolui-ddl-pre .col-md-12, .cbolui-ddl-pre .col-md-2, .cbolui-ddl-pre .col-md-3, .cbolui-ddl-pre .col-md-4, .cbolui-ddl-pre .col-md-5, .cbolui-ddl-pre .col-md-6, .cbolui-ddl-pre .col-md-7, .cbolui-ddl-pre .col-md-8, .cbolui-ddl-pre .col-md-9 {float: none;}}

footer.pagefooter #socialShare ul.blue{border-top-color:#008ce6 !important;}

@media (min-width: 962px){

	footer.pagefooter #socialShare {z-index:999 !important;}}