html.fp-enabled, .fp-enabled body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fp-slide {
	float: left
}
.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block
}
.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%
}
.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}
.fp-slidesContainer {
	float: left;
	position: relative
}
.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent
}
.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff
}
.fp-scrollable {
	overflow: hidden;
	position: relative
}
.fp-scroller {
	overflow: hidden
}
.iScrollIndicator {
	border: 0!important
}
.fp-notransition {
	-webkit-transition: none!important;
	transition: none!important
}
#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0)
}
#fp-nav.right {
	right: 17px
}
#fp-nav.left {
	left: 17px
}
.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0!important;
	right: 0;
	margin: 0 auto!important
}
.fp-slidesNav.bottom {
	bottom: 17px
}
.fp-slidesNav.top {
	top: 17px
}
#fp-nav ul, .fp-slidesNav ul {
	margin: 0;
	padding: 0
}
#fp-nav ul li, .fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative
}
.fp-slidesNav ul li {
	display: inline-block
}
#fp-nav ul li a, .fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px
}
#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer
}
.privileg {
    width: 100%;
    max-width: 760px;
    color: #fff;
   	border: 1px solid #fff;
    margin-top: 70px;
    position: relative;
    height: auto;
    right: -35%;
    border-radius: 15px;
    background: #000000;
}
.privileg ul{margin-left: 30px;}
.privileg ul li{
	display: inline-block;
    padding: 20px 10px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 35px;
}
.privileg ul li a{color: #EACE98;cursor: pointer;}

.panel-faq{margin-left: 40px;}
.privileg ul li a.active{text-decoration: underline;}
.panel-faq p{color: #EACE98;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	width: auto;
	opacity: 1
}
#fp-nav ul li .fp-tooltip.right {
	right: 20px
}
#fp-nav ul li .fp-tooltip.left {
	left: 20px
}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {
	height: auto!important
}
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell {
	height: auto!important
}
@font-face {
	font-family: 'EdwardianScriptITC';
	src: url(/Content/VIP/fonts/EdwardianScriptITC.woff) format('woff'), url(/Content/VIP/fonts/EdwardianScriptITC.ttf) format('truetype'), url(/Content/VIP/fonts/EdwardianScriptITC.svg#EdwardianScriptITC) format('svg');
	font-weight: normal;
	font-style: normal
}
body {
	background: #151515;
	margin: 0;
	padding: 0
}
.holderRelative {
	position: relative;
	height: 100%
}
.thisRelative {
	position: relative;
	height: 100%
}
.logo {
	z-index: 999;
	position: fixed;
	bottom: 15px;
	left: 15px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
#logo img {
	max-width: 100px;
	height: auto
}
.relative {
	position: relative
}
.absolute {
	position: absolute
}
.logoOnModal {
	text-align: center
}
.missionAccomplish {
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9);
	position: relative;
	z-index: 99999
}
.missionAccomplish img {
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	margin: auto;
	opacity: .5
}
.missionAccomplish .img-accomplished {
	max-height: 100%;
	max-width: 100%;
	height: 80%;
	width: 80%;
	display: block;
	position: relative;
	box-sizing: border-box;
	margin: auto;
	opacity: .5;
	background: url(/Content/VIP/images/mission-accomplished.png) no-repeat center center;
	background-size: contain
}

#loginPart {
	background: rgba(0,0,0,.8);
	z-index: 9999999
}
#loginPart .modal-dialog {
	top: 25%;
	z-index: 99999;
	max-width: 450px
}
#loginPart .modal-content {
	background: #111;
	color: #fff;
	min-height: 200px;
	border: 4px solid #bda066;
	position: relative
}
#loginPart .modal-content .close {
	color: #fff;
	opacity: 1
}
.contentModal {
	padding-top: 20px
}
.loginTable {
	width: 100%;
	border-collapse: collapse
}
.loginTable tr td input {
	width: 100%;
	border: 1px solid #ccc;
	padding: 8px;
	margin-bottom: 8px;
	font-size: 13px;
	color: #333
}
.loginTable tr:last-child td:first-child {
	width: 70%
}
.errorMsg {
	color: red;
	display: none;
	padding: 5px;
	font-size: 12px;
	margin: 2px 0
}
.clickheretxt {
	color: #fff;
	margin-top: 10px;
	display: block
}
.clickheretxt:hover, .clickheretxt:focus, .clickheretxt:active {
	color: #fee71b
}
.vertical-lines-right {
	position: fixed;
	height: 80px;
	top: 0;
	right: 62px;
	content: "";
	width: 1px;
	left: auto!important;
	background: #fff;
	z-index: 21;
	opacity: .5;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.vertical-lines-right::before {
	position: absolute;
	height: calc(100vh - 420px);
	top: 135px;
	right: 0;
	content: "";
	width: 1px;
	background: #fff
}
.navToggle {
	position: fixed;
	top: 95px;
	right: 50px;
	left: auto!important;
	width: 35px;
	height: 35px;
	border-top: 2px solid #fff;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	cursor: pointer;
	z-index: 9999;
	opacity: .5
}
.navToggle:before {
	position: absolute;
	right: 0;
	top: 7px;
	width: 26px;
	height: 2px;
	background: #fff;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	content: ""
}
.navToggle:after {
	position: absolute;
	right: 0;
	top: 16px;
	width: 16px;
	height: 2px;
	background: #fff;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	content: ""
}
.navToggle:hover:before {
	width: 35px
}
.navToggle:hover:after {
	width: 35px
}
.navToggle.open {
	border-top: 0 solid #fff;
	margin-right: -8px;
	margin-top: 8px
}
.navToggle.open:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 28px
}
.navToggle.open:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	width: 28px
}
.navContent {
	position: fixed;
	top: 0;
	right: -350px;
	height: 100%;
	background: #101010;
	padding: 30px;
	width: 350px;
	z-index: 9999;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.nav {
	margin-top: 20px
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%
}
.nav ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 0;
	color: #fff
}
.nav ul li a:hover {
	text-decoration: none;
	color: #fee71b
}
.menu {
	position: fixed;
	bottom: 150px;
	right: 60px;
	z-index: 70;
	padding: 0;
	margin: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.menu li {
	display: block;
	color: #000;
	background: #fff;
	background: rgba(255,255,255,.5);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 8px
}
.menu li.active {
	background: #fee71b;
	color: #fff
}
.menu li a {
	text-decoration: none;
	color: #000
}
.menu li.active a:hover {
	color: #000
}
.menu li:hover {
	background: #fee71b
}
.menu li a, .menu li.active a {
	height: 8px;
	width: 8px;
	display: block
}
.menu li.active a {
	color: #fff
}
.scroll-down-icon {
	z-index: 100;
	position: fixed;
	left: auto!important;
	bottom: 140px;
	right: 65px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.scroll-down-icon span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}
.scroll-down-icon span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 14px;
	height: 14px;
	margin-left: -7px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb07 2s infinite;
	animation: sdb07 2s infinite;
	opacity: 0;
	box-sizing: border-box
}
.scroll-down-icon span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}
.scroll-down-icon span:nth-of-type(2) {
	top: 11px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}
.scroll-down-icon span:nth-of-type(3) {
	top: 22px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
@-webkit-keyframes sdb07 {
0% {
opacity:0
}
50% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes sdb07 {
0% {
opacity:0
}
50% {
opacity:1
}
100% {
opacity:0
}
}
.lastvertical {
	position: fixed;
	height: 80px;
	bottom: 0;
	right: 65px;
	content: "";
	background: #fff;
	z-index: 21;
	opacity: .5;
	width: 1px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.lastvertical::before {
	position: absolute;
	height: 80px;
	bottom: 0;
	right: 0;
	content: "";
	width: 1px;
	left: auto!important;
	background: #fff;
	z-index: 21;
	opacity: .5
}
.atease {
	overflow-x: hidden;
	position: relative;
	left: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.bodyRight {
	left: -350px
}
.navPush {
	right: 366px
}
.navContPush {
	right: 0
}
.navAndVerticalRight {
	right: 378px
}
.menuNav {
	right: 375px
}
.progress-bar {
	width: 0;
	-webkit-animation: progress 1.5s ease-in-out forwards;
	animation: progress 1.5s ease-in-out forwards;
	-moz-animation: progress 1.5s ease-in-out forwards;
	overflow: visible
}
.progress-bar .title {
	opacity: 1;
	-webkit-animation: show .35s forwards ease-in-out .5s;
	animation: show .35s forwards ease-in-out .5s;
	position: absolute;
	top: -20px;
	color: #fff;
	font-weight: bold;
	font-size: 15px
}
@-webkit-keyframes progress {
from {
width:0
}
to {
	width: 100%
}
}
@keyframes progress {
from {
width:0
}
to {
	width: 100%
}
}
@-webkit-keyframes show {
from {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes show {
from {
opacity:0
}
to {
	opacity: 1
}
}
.leftSlide {
	position: fixed;
	width: 300px;
	height: 100%;
	background: #777;
	text-align: center
}
.rightContent {
	padding: 20px;
	margin-left: 130px
}
.loginPart {
	padding: 0;
	margin: 0
}
.login {
	float: left
}
.btnLogin {
	width: 158px;
	height: 40px;
	line-height: 40px;
	background: #fee71b;
	color: #373201;
	text-align: center;
	display: block;
	border: none;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer
}
.welcome {
	color: #fff;
	float: left
}
/*term*/
.faqTerm img {
    margin: 20px;
}
.faqTerm img {
    margin: 0 28px;
}
.faqTerm .flower-w {
	width: 422px;
    margin: 0 auto;
}
.faqTerm .flower-w img{
	position: relative;
}
.faqTerm{
	background: url(../images/vip/board.png) no-repeat;
	width: 100%;
    margin: 0 auto;
    max-width: 960px;
    top: 10%;
    position: relative;
    height: 673px;
    padding: 30px;
}
.faqTerm .faqTextRow{
	padding:0 4px 0px 46px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.faqHeader-text {
    position: relative;
    z-index: 999;
}

/*about*/
.faqabout{
	width: 100%;
    margin: 0 auto;
    max-width: 960px;
    top: 10%;
    position: relative;
    height: 673px;
    padding: 30px;
    background: url(../images/vip/box.png) no-repeat;
}
.faqabout p{color: #EACE98;font-family: Arial, Helvetica, sans-serif;}
.faqabout h3{color: #EACE98;font-size: 20px;font-family: Arial, Helvetica, sans-serif;}

.faqabout .cen{color: #EACE98; font-size: 20px}
.faqHeader-text h1 {
    color: #fee71b;
    font-weight: bold;
    font-size: 40px;
    padding-bottom: 30px;
    display: block;
    padding-left: 20px;
    padding-top: 10px;
    text-transform: uppercase;
	background: linear-gradient(#FFD700, #FFA500, #DAA520);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
}
.atease{
	overflow-x: hidden!important;
	overflow-y: hidden!important;
}
.contact-container-bg{
	width: 100%;
    margin: 0 auto;
    max-width: 700px;
    top: 10%;
    position: relative;
    height: 590px;
    padding: 30px;
    background: url(../images/vip/contactus.png) no-repeat;
}
.contact_con{padding: 0  16px}
.contact_con h1{font-size: 16px; font-weight: bold;color:#EACE98;font-family: Arial, Helvetica, sans-serif;}
.contact_con h2{font-size: 16px; font-weight: bold;color:#EACE98;font-family: Arial, Helvetica, sans-serif;line-height: 2px;}
.contact_con p{font-size: 12px;color:#EACE98;font-family: Arial, Helvetica, sans-serif; line-height: 22px;}
/*end*/
.welcome span {
	color: #fee71b;
	font-weight: bold;
	text-overflow: ellipsis;
	width: 130px;
	overflow: hidden;
	margin: auto;
	padding: 0;
	vertical-align: baseline;
	line-height: normal;
	white-space: nowrap
}
.language {
	float: right;
	vertical-align: middle;
	color: #fff;
	font-size: 13px
}
.language a {
	vertical-align: middle;
	color: #fff;
	text-decoration: none
}
.language .active {
	color: #fee71b
}
html:lang(vi-vn) .language .langVN {
	color: #fee71b
}
html:lang(en-us) .language .langUS {
	color: #fee71b
}
html:lang(zh-CN) .language .langCN {
	color: #fee71b
}
.copyright {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #999;
	font-size: 12px
}
html:lang(vi-vn) .copyright {
	font-size: 11px
}
.socialMedia {
	position: absolute;
	bottom: 20px;
	right: 0;
	font-size: 20px
}
.socialMedia i {
	margin-bottom: 2px
}
.instagram {
	color: #517fa6;
	display: block
}
.youtube {
	color: #cf3427;
	display: block
}
.facebook {
	color: #39599f;
	display: block
}
.twitter {
	color: #269fd8;
	display: block
}
.responsive-table thead th {
	background: #0d3211 url(/Content/VIP/images/thbg.jpg) repeat-x;
	height: 81px;
	color: #fee71b;
	text-transform: uppercase
}
.responsive-table tbody tr:nth-child(odd) td, .responsive-table tbody tr:nth-child(odd) th {
	background: #0c4216;
	border: 1px solid #2a6335
}
.responsive-table tbody tr:nth-child(even) td, .responsive-table tbody tr:nth-child(even) th {
	background: #0f521c;
	border: 1px solid #2a6335
}
@media(min-width:768px) {
.GodLevel tbody tr.gold td[rowspan] {
	background: #0c4216;
	color: #fff
}
}
.responsive-table tbody .gold {
	background: linear-gradient(-45deg, #eee32a, #eccf02, #fff087);
	background-size: 50% 100%;
	color: #000;
	animation: linear-gradient 8s ease-in infinite;
	font-weight: bold;
	border: 2px solid #654713;
	-webkit-box-shadow: 0 0 33px -8px rgba(143,143,143,1);
	-moz-box-shadow: 0 0 33px -8px rgba(143,143,143,1);
	box-shadow: 0 0 33px -8px rgba(143,143,143,1);
	font-size: 14px
}
.responsive-table tbody tr.gold td {
	background: transparent;
	background-color: transparent;
	border: none;
	color: #251700;
	padding: 10px;
	font-weight: bold;
	font-size: 1em
}
.responsive-table tbody tr.gold th[scope="row"] {
	background: transparent;
	color: #422a00;
	border: none;
	font-weight: bold;
	padding: 10px;
	font-size: 1.1em
}
@media(max-width:767px) {
.responsive-table tbody tr.gold {
	background: unset
}
.responsive-table tbody tr.gold td[scope="row"], .responsive-table tbody tr.gold th[scope="row"] {
	background: linear-gradient(-45deg, #eee32a, #eccf02, #fff087);
	background-size: 50% 100%;
	color: #000;
	animation: linear-gradient 8s ease-in infinite
}
.responsive-table tbody tr.gold td {
	color: #fff
}
}
.responsive-table tbody tr:not(.gold):hover>td, .responsive-table tbody tr:hover>th {
	background: #398e3b;
	cursor: pointer
}
.responsive-table.rptblrmv tbody tr td:nth-child(3) {
	display: none
}
.responsive-table.rptblrmv tbody tr td:nth-child(5) {
}
.responsive-table.rptblrmv thead tr th:nth-child(5) {
}
.responsive-table.rptblrmv thead tr th:nth-child(3) {
	display: none
}
.responsive-table thead th:first-of-type {
	text-align: center
}
.responsive-table tbody td[data-title]:before {
	color: #fff
}
@keyframes linear-gradient {
0% {
background-position:0% 50%
}
100% {
background-position:400% 400%
}
}

@media(min-width:1520px){.contact_con{margin-top: -20px}}
.closeBtn {
	position: absolute;
	right: -15px;
	top: -15px;
	background: #e6e6e6;
	opacity: 1;
	border: none;
	color: #9c9c9c;
	font-size: 25px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	padding: 0;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	z-index: 9
}
.tblbeg .tblAnchor {
	pointer-events: auto;
	cursor: pointer
}
.tblAnchor {
	color: #fff;
	pointer-events: auto;
	cursor: pointer
}
.tblAnchor:hover, .tblAnchor:focus {
	color: #fee71b
}
.tblAnchor:target {
	color: #fee71b
}
.responsive-table tbody tr.gold td a.tblAnchor {
	color: #251700
}
.flareLeft {
	position: absolute;
	height: 438px;
	width: 187px;
	bottom: -191px;
	left: 15px;
	z-index: 9;
	background: url(../images/vip/flower_b.png) no-repeat
}
.flareRight {
	position: absolute;
	height: 300px;
	width: 178px;
	top: 23px;
	right: 43px;
	z-index: 9;
	background: url(../images/vip/flower_t.png) no-repeat
}
.flareLeft-con {
	position: absolute;
	height: 100px;
	width: 94px;
	bottom: 21px;
	left: 15px;
	z-index: 9;
	background: url(../images/vip/con_b.png) no-repeat
}
.flareRight-con{
	position: absolute;
	height: 100px;
	width: 94px;
	top: 20px;
	right: 27px;
	z-index: 9;
	background: url(../images/vip/conct_t.png) no-repeat
}
.flareLoginL {
	position: absolute;
	height: 197px;
	width: 37px;
	top: -20px;
	left: -21px;
	z-index: 9;
	background: url(../images/vip/flareLoginL.png) no-repeat
}
.flareLoginR {
	position: absolute;
	height: 197px;
	width: 37px;
	bottom: -30px;
	right: -21px;
	z-index: 9;
	background: url(../images/vip/flareLoginL.png) no-repeat
}
.shines {
	background: url(../images/vip/shine-1.png) top center no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	animation: shining 1.7s linear .5s infinite;
	opacity: 0
}
.shines-1 {
	background: url(../images/vip/shine-2.png) top center no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	left: -10px;
	top: 15px;
	animation: shining 1.2s linear infinite
}
.shines-2 {
	background: url(../images/vip/shine-3.png) top center no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	right: -10px;
	top: 5px;
	animation: shining 1.6s linear .3s infinite;
	opacity: 0
}
.faqTextRow p{color: #fff;font-family: Arial;}
.shines-3 {
	background: url(../images/vip/shine-2.png) top center no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	top: -4px;
	animation: shining 1.9s linear .7s infinite;
	opacity: 0
}
.shines-4 {
	background: url(../images/vip/shine-3.png) top center no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 40px;
	top: -5px;
	animation: shining 1.8s linear 1s infinite;
	opacity: 0;
	z-index: 99999
}
.shines-5 {
	background: url(../images/vip/shine-3.png) top center no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 45px;
	bottom: -5px;
	animation: shining 2.6s linear 1s infinite;
	opacity: 0;
	z-index: 99999
}
.shines-6 {
	background: url(../images/vip/shine-2.png) top center no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	left: -10px;
	top: 6px;
	animation: shining 1.8s linear .5s infinite
}
@keyframes shining {
0% {
transform:scale(.1) rotate(0deg);
opacity:0
}
50% {
transform:scale(.8) rotate(-320deg);
opacity:1;
filter:brightness(1.4)
}
100% {
transform:scale(.1) rotate(-620deg);
opacity:0
}
}
@keyframes shining-2 {
0% {
}
50% {
filter:brightness(1.1)
}
100% {
}
}
.navtop-mobile {
	display: none
}
.showMobile {
	display: none
}
.showDestop {
	display: block
}
.modal .modalBenefits {
	width: 100%;
	border: 3px solid #fff
}
@media(max-width:767px) {
.modal .modalBenefits {
	width: unset
}
}

@media(min-width:1920px){
.privileg{
	right: -40%;
	margin-top: 10%;
}
#top-us{top:-30px!important;}
}
@media(min-width:1367px)and (max-width:1920px) {
.tblAnchor span {
	font-size: 12px
}
.spanSmall {
	font-size: 12px
}
}
@media only screen and (max-width:1024px) {
body {
	min-width: 100%
}
.logo {
	bottom: inherit;
	top: 13px;
	left: initial;
	right: 75px
}
.responsive-table tbody td:first-child {
	text-align: left;
	font-weight: bold
}
}
@media only screen and (max-width:1024px) {
body {
	min-width: 100%;
	margin-top: 60px
}
.vertical-lines-right, .menu, .scroll-down-icon, .lastvertical {
	display: none
}
.navtop-mobile {
	width: 100%;
	height: 60px;
	display: block;
	position: fixed;
	z-index: 8889;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.8)
}
.navToggle {
	top: 20px;
	right: 26px;
	z-index: 9999
}
.logo {
	z-index: 9999;
	left: 14px;
	width: 100%
}
.logo.bodyRight {
	bottom: inherit;
	top: 13px;
	left: -114px
}
.bodyRight {
	left: -348px
}
.navPush {
	right: 388px
}
.navContPush {
	right: 0
}
.navAndVerticalRight {
	right: 400px
}
.menuNav {
	right: 396px
}
}
@media screen and (max-width:768px) {
.responsive-table tbody tr.gold td a.tblAnchor {
	color: #fff
}
.flareRight, .flareLeft {
	display: none
}
.btnLogin {
	font-size: 18px
}
.showMobile {
	display: block
}
.showDestop {
	display: none!important
}
}
@media only screen and (max-width:480px) {
.bodyRight {
	left: -250px
}
.btnLogin {
	width: 128px;
	font-size: 14px
}
.language {
}
.welcome {
	line-height: 20px
}
.logo.bodyRight {
	right: 298px
}
.navContent {
	width: 250px;
	padding: 15px
}
.navToggle {
	right: 20px;
	top: 20px
}
.navPush {
	right: 260px
}
.navAndVerticalRight {
	right: 272px
}
.menuNav {
	right: 268px
}
.nav ul li a {
	padding: 5px 0
}
.socialMedia {
	bottom: 35px;
	left: 0
}
.navContPush {
}
.socialMedia a {
	display: inline-block
}
}
@media only screen and (max-height:480px) {
.socialMedia {
	position: static;
	margin-top: 15px
}
.copyright {
	position: static
}
.navContent .holderRelative {
}
.navContent {
	overflow-x: scroll
}
.nav ul li a {
	padding: 5px 0
}
.socialMedia a {
	display: inline-block
}
}
@media only screen and (max-height:380px) {
}
@media only screen and (max-height:320px) {
.menu {
	display: none
}
}
.tblBenefit tr:hover>td.noHover {
	background-color: #0c4216!important
}
@font-face {
	font-family: 'Candlescript Demo Version';
	src: url(/Content/VIP/fonts/CandlescriptDemoVersion.eot);
	src: url(/Content/VIP/fonts/CandlescriptDemoVersion.eot?#iefix) format('embedded-opentype'), url(/Content/VIP/fonts/CandlescriptDemoVersion.woff) format('woff'), url(/Content/VIP/fonts/CandlescriptDemoVersion.ttf) format('truetype'), url(/Content/VIP/fonts/CandlescriptDemoVersion.svg#CandlescriptDemoVersion) format('svg');
	font-weight: normal;
	font-style: normal
}

.blackout {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
	z-index: 9999
}
.colorYellow {
	color: #fee71b
}

.welcomeNote {
	position: absolute;
	right: 15%;
	width: 530px;
	top: 28%;
	text-align: left;
	color: #fff;
	padding: 40px 40px 0;
	border-bottom: 1px solid #fff;
	background: #000000a3;
	font-size: 16px;
}
.welcomeNote .holderRelative .Note-w{margin-left: 70px;margin-top: 40px}
.holderRelative span{color: #F9E21A}

.welcome1st {
	font-size: 65px;
	font-weight: bold;
	font-style: italic
}

.welcome1st span {
	color: #fee71b;
	font-size: 122px;
	line-height: 0
}
.welcome2nd {
	font-size: 44px;
	font-weight: bold;
	font-style: italic;
	line-height: 45px;
	margin-top: 20px
}

.welcome3rd {
	font-size: 30px;
	margin-top: 40px;
	line-height: 30px;
	color: #dbc75b
}

@media(min-width:1366px) {
.welcome1st {
	font-size: 3.5vw
}

.welcome1st span {
	font-size: 5.5vw
}
.welcome2nd {
	font-size: 25px;
	line-height: 30px
}
.welcome3rd {
	font-size: 20px;
	line-height: 30px
}
}
.name {
	position: absolute;
	bottom: 50px;
	left: 190px;
	line-height: normal
}
.modelName {
	position: relative;
	text-transform: uppercase;
	color: #fff;
	font-size: 50px;
	letter-spacing: 20px;
	font-style: italic
}

.firstLetter {
	font-family: 'Candlescript Demo Version';
	font-size: 150px;
	color: #fff;
	margin-right: 10px;
	text-transform: none
}
.tagline {
	top: 0px;
	position: absolute;
	left: 157px;
	color: #fee71b;
	font-size: 70px;
	display: block;
	width: auto;
	letter-spacing: 2px;
	text-transform: uppercase
}
.logo-vip{
	width: 200px;
	height: 200px;
	top: 0px;
	position: absolute;
	left: 20px;
}
.tagline-bronze{left: 27px!important;top: 10px!important}
.tagline-center{left: 300px!important; top: 200px!important;}
.tagline-bottom{left: 150px!important; top: 400px!important;}
.tagline-about{left: 250px!important; top: -1px!important;}
.tagline-left{left: 30px!important;top: 100px!important;}
.tagline-right{left: 610px!important;top: 220px!important;}
.tagline-term{left: 30px!important;top: 20px!important;}
.tagline-term-c{left: 560px!important;top: 150px!important;}
.tagline-term-b{left: 418px!important;top: 340px!important;}
.tagline-term-d{left: 550px!important;top: 332px!important;}
.tagline-term-e{left: 412px!important;top: 191px!important;}
.tagline-term-f{left: 577px!important;top: 320px!important;}
.tagline-term-h{left: 154px!important;top: 400px!important;}
.tagline-co{left: 418px!important;top: 20px!important;}
.tagline-cou{left: 418px!important;top: 400px!important;}
.tagline-coz{left: 418px!important;top: 730px!important;}
.tagline-about-ah{left: 535px!important;top: 315px!important;} 
.tagline-pri-ac{left: 535px!important;top: 73px!important;} 
.tagline-pri-ab{left: 381px!important;top: 343px!important;} 
.tagline-pri-ad{left: 604px!important;top: 391px!important;}
.tagline-pri-af{left: 212px!important;top: 465px!important;}
.tagline-ho{left: 348px!important;top: 165px!important;}
.tagline-hi{left: 119px!important; top:40px!important;}
.tagline-hq{left: 320px!important; top:140px!important;}
.tagline-hr{left: 119px!important; top:20px!important;}
.tagline-hrs{left: 340px!important; top:180px!important;}
.tagline b {
	font-weight: normal;
	color: red
}
.copyline {
	padding:10px 10px 10px;
	position: absolute;
	left: 15%;
	top: 80px;
	color: #fff;
	/*font-style: italic;*/
	font-size: 21px!important;
	line-height: 28px;
	text-align: left;
}
.midHolder {
	background: url(../images/vip/text-box.png) no-repeat;
	width: 430px;
	height: 253px;
	padding:62px 61px;
	position:relative;
	top: 0;
}
.logo-vip .logo-w{width: 170px; height: auto;}
.midHolder p{
	font-size: 18px!important;
    line-height: 24px!important;
    color: #ffff;
    font-family: Arial;
    margin-top: 80px;
    padding-left: 18px;
}
.midHolder p.platinum{margin-top: 65px;}
.midHolder p.diamond{margin-top: 64px;}
.midHolder p.gold{margin-top: 67px;padding-left: 24px!important;}
.midHolder p span{
	color: #F4CF3A;
	font-weight: bold;
	font-style: italic!important;
}
.topHolder {
	height: 52px;
	width: 545px
}
.bottomHolder {
	height: 52px;
	width: 545px
}
.midHolder {
	width: 545px;
	padding: 5px 40px;
	position: relative
}

.signature {
	position: absolute;
	padding: 5px;
	bottom: -35px;
	right: 10px;
	z-index: 99
}
.signatureBlack {
	position: absolute;
	padding: 5px;
	bottom: -15px;
	right: 10px;
	z-index: 99
}
/*.sig {
	background: url(../images/vip/signature_all.png) no-repeat;
	display: block;
	margin-bottom: -20px
}*/
.sig1 {
	background-position: 0 0;
	width: 186px;
	height: 45px
}
.sig2 {
	background-position: 0 -52px;
	width: 186px;
	height: 54px
}
.sig3 {
	background-position: 0 -112px;
	width: 186px;
	height: 49px
}
.sig4 {
	background-position: 0 -174px;
	width: 186px;
	height: 42px
}
.sig5 {
	background-position: 0 -232px;
	width: 186px;
	height: 43px
}
.sigName {
	color: #fff;
	font-size: 14px
}

.sigName span {
	color: #fee71b
}
.copyline2 {
	padding: 30px;
	position: absolute;
	right: 10%;
	top: 15%;
	color: #fff;
	font-style: italic;
	font-size: 21px;
	line-height: 28px;
	text-align: center
}

.copyline2 p:first-child {
	font-weight: bold;
	font-size: 30px;
	line-height: 40px
}
.copyline2 p:first-child span {
	color: #fee71b
}
.extraHolder3 {
	position: absolute;
	bottom: -31px;
	left: -61px;
	background: url(../images/vip/forplaceholder3.png) no-repeat;
	width: 210px;
	height: 415px
}
.midHolder2 {
	padding: 20px 50px;
	background: url(../images/vip/midplaceholder.jpg) repeat-y;
	width: 545px;
	position: relative
}
.moreDetails {
	display: none
}
@media(max-width:1566px) {
.copyline-master {
	left: 4%;
	top: 8%
}
}
@media(max-width:1366px) {
/*term*/

.faqTerm img {
    margin: 0 28px;
}
.faqTerm .flower-w {
	width: 400px;
    margin: 0 auto;
}
.faqTerm .flower-w img{
	position: relative;
}
.faqTerm{
	width: 100%;
    margin: 0 auto;
    max-width: 800px;
    top: 10%;
    position: relative;
    height: 524px;
    padding: 30px;
    background: url(../images/vip/board_small.png) no-repeat;
}

.faqTerm .faqTextRow{
	padding:0 25px 0px 46px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
/*end term*/
.faqabout{
	width: 100%;
    margin: 0 auto;
    max-width: 800px;
    top: 10%;
    position: relative;
    height: 524px;
    padding: 30px;
    background: url(../images/vip/box_small.png) no-repeat;
}
.flareLeft{
	bottom: -236px;
}
.h1, .h2, .h3, h1, h2, h3{
	margin-top: 0!important;
}
.faqabout img {
    margin: 24px 28px;
}
.faqabout p{
	line-height:1.4em;
}

.tagline{left: 119px;}
.logo-vip .logo-w{width: 120px; height: 80px;}
.welcomeNote {
	position: absolute;
	right: 15%;
	width: 450px;
	top: 28%;
	text-align: left;
	color: #fff;
	padding: 40px 40px 0;
	border-bottom: 1px solid #fff;
	background: #000000a3
}
.welcomeNote .holderRelative .Note-w{margin-left: 35px;margin-top: 40px}
.copyline, .copyline2 {
	/*background: #000;*/
	left: -16%;
	top: 24px;
	width: 100%;
	bottom: 22px;
	font-size: 16px;
	padding: 10px
}
.privileg {
    width: 100%;
    max-width: 660px;
    color: #fff;
    border: 1px solid #fff;
    background: #000000;
    margin-top: 70px;
    position: relative;
    border-radius: 15px;
    height: auto;
    right: -479px;
}
.silver p {
    font-size: 14px!important;
    line-height: 12px!important;
    color: #ffffff;
    font-family: Arial;
}
.bronze p{
	font-size: 14px!important;
    line-height: 12px!important;
    color: #f3b6ac;
    font-family: Arial;
}
.gold p{
	font-size: 14px!important;
    line-height: 12px!important;
    color: #fccb08;
    font-family: Arial;
}
.platinum p{
	font-size: 14px!important;
    line-height: 12px!important;
    color: #fe335a;
    font-family: Arial;
}
.diamond p{
	font-size: 14px!important;
    line-height: 12px!important;
    color: #4646ae;
    font-family: Arial;
}
.topHolder, .bottomHolder, .extraHolder1, .extraHolder2, .extraHolder3 {
	display: none
}
.topHolder{

}
.midHolder {
	background: url(../images/vip/text-box.png) no-repeat;
	width: 430px;
	height: 253px;
	padding:62px 61px;
	position:relative;
	top: 75px;
	left: 18px;
}
.midHolder p{
	font-size: 16px!important;
    line-height: 24px!important;
    color: #ffff;
    font-family: Arial;
    margin-top: 20px;
    padding-left: 13px;
}
.midHolder p.platinum{margin-top: 0;}
.midHolder p.diamond{margin-top: 0;}
.midHolder p.gold{margin-top: 18px;}
.midHolder p span{
	color: #F4CF3A;
	font-weight: bold;
	font-style: italic;
}
.midHolder2 {
	background: none;
	width: 545px;
	padding: 10px 40px
}
.modelName {
	font-size: 30px;
	letter-spacing: 5px
}
.firstLetter {
	font-size: 80px
}
.thisRelative {
	margin-left: 400px;
	position:relative;
}
.copyline p:first-child, .copyline2 p:first-child {
	font-size: 24px
}
.moreDetails {
	display: none;
	position: absolute;
	bottom: 50px;
	right: 190px;
	line-height: normal
}
.moreDetails a {
	color: #fff;
	font-size: 24px;
	font-style: italic
}

.moreDetails a:hover {
	text-decoration: none
}
.signature {
	display: block;
	position: absolute;
	bottom: 0;
	right: -50%;
	line-height: normal
}
.signatureBlack {
	display: block;
	position: absolute;
	bottom: 15px;
	right: -50%;
	line-height: normal
}
.name {
	left: 0
}
}
#section0 {
   background: url(../images/vip/VIP_Home.jpg);
   background-size: cover;
   background-position: center center
   }
#section1 {
      background: url(../images/vip/Bronze.jpg) no-repeat;
      background-size: cover;
      background-position: center center;
   }
   #section2 {
      background: url(../images/vip/Silver.jpg);
      background-size: cover;
      background-position: center center
   }
   #section3 {
      background: url(../images/vip/Gold.jpg);
      background-size: cover;
      background-position: center center
   }
   #section4 {
      background: url(../images/vip/Platinum.jpg);
      background-size: cover;
      background-position: center center
   }
   #section5 {
      background: url(../images/vip/Diamond.jpg);
      background-size: cover;
      background-position: center center;
   }
@media only screen and (max-width:1024px) {
#section0 {
	background-size: cover;
	background-position: 31% 0
}

.welcomeNote {
	position: absolute;
	width: 100%;
	right: inherit;
	top: inherit;
	bottom: 0;
	left: 50%;
	padding: 30px 60px;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	background-color: rgba(0,0,0,.9)
}


.welcome1st {
	font-size: 25px
}
.welcome1st span {
	font-size: 40px
}

.welcome2nd {
	font-size: 20px;
	margin-top: 0
}

.welcome3rd {
	margin-top: 15px
}
.thisRelative {
	margin: 0 auto
}
.midHolder, .midHolder2 {
	margin: 0 auto;
	width: 90%
}
.midHolder p+p, .midHolder2 p+p {
	margin-bottom: 0
}
.signature, .signatureBlack {
	position: absolute;
	right: inherit;
	left: 0;
	top: -88px
}
.welcome1st {
	font-size: 5.4vw
}
.welcome1st span {
	font-size: 8vw
}
.welcome2nd {
	font-size: 4vw;
	margin-top: 0
}
}
@media only screen and (max-width:768px) {
#section0 {
	background-size: cover;
	background-position: 31% 0
}
.tagline {
	top: 70px
}
.welcomeNote {
	position: absolute;
	width: 100%;
	right: inherit;
	top: inherit;
	bottom: 0;
	left: 50%;
	padding: 15px 20px;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	background-color: rgba(0,0,0,.9)
}
.welcome1st {
	font-size: 25px;
	line-height: normal
}
.welcome1st span {
	font-size: 40px
}

.welcome2nd {
	font-size: 20px;
	margin-top: 0
}

.welcome3rd {
	margin-top: 15px
}
.thisRelative {
	margin: 0 auto
}
.midHolder, .midHolder2 {
	margin: 0 auto;
	width: 100%;
	padding: 10px
}
.signature, .signatureBlack {
	position: absolute;
	right: inherit;
	left: 0;
	top: -88px
}

.copyline p:first-child, .copyline2 p:first-child {
	margin-bottom: 6px
}
.welcome1st {
	font-size: 5.4vw
}
.welcome1st span {
	font-size: 8vw
}

.welcome2nd {
	font-size: 4vw;
	margin-top: 0
}
}
@media only screen and (max-width:480px) {
#section3 {
	background-position: 37% center
}
.welcomeNote {
	padding: 15px 5px
}
.welcome2nd {
	line-height: 22px
}
.midHolder, .midHolder2 {
	margin: 0 auto;
	width: 100%;
	padding: 10px
}
.midHolder p, .midHolder2 p {
	line-height: 20px
}
.copyline p:first-child, .copyline2 p:first-child {
	font-size: 24px;
	line-height: 30px
}
.signature, .signatureBlack {
	position: absolute;
	right: inherit;
	left: 0;
	top: -70px
}
}


/*.faqHolder .main_text_container {
    height: auto;
    margin-top: 50px;
    overflow-y: auto;
}*/
.faqTextRow {
    padding: 20px;
}
/*contact us*/
.contactHolder {
    width: 900px;
    padding: 50px;
    margin: 0 auto;
    color: #fff;
    background: rgba(0,0,0,.7);
    border: 4px solid #bda066;
    position: relative;
    margin-top: 2%;
    font-size: 15px;
}
.contactHolder h1 {
    color: #fee71b;
    font-size: 33px;
    font-weight: 700;
}
.Contact-text {
    margin-bottom: 30px;
}
.Contact-text p {
    position: relative;
    line-height: 30px;
    margin-top: 20px;
    color: #fff;
    font-family: Arial;
}
.contact-us-live-chat {
    background: url(../images/vip/live-chat-holder.png) no-repeat top center;
    width: 771px;
    height: 178px;
    margin-bottom: 75px;
    margin-top: 30px;
    position: relative;
}
.live-chat-text {
    font-weight: 600;
    color: #fee71b;
    position: absolute;
    font-size: 32px;
    bottom: 0;
    width: 100%;
    right: 0;
    padding-left: 200px;
    height: 103px;
    line-height: 100px;
    text-align: center;
}
.contact-no {
    width: 33%;
    float: left;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 32px;
    line-height: 35px;
}
.contact-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.con-icon-1{background: url(../images/faq/phone.png) no-repeat;}
.con-icon-2{background: url(../images/faq/wechat.png) no-repeat;}
.con-icon-3{background: url(../images/faq/line1.png) no-repeat;}
.con-icon-4{background: url(../images/faq/skype1.png) no-repeat;}
.con-icon-5{background: url(../images/faq/e-mail1.png) no-repeat;}

.contact-no a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: block;
}
.text {
    text-align: center;
    color: #8A4F00;
    letter-spacing: -1px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
   position: absolute;
    margin-top: -72px;
    margin-left: 53px;
}