@charset "UTF-8";

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 1170px;
	position: relative
}

.container:before,.container:after {
	content: " ";
	display: table
}

.container:after {
	clear: both
}

@media only screen and (max-width:1280px) {
	.container {
		width: 100%
	}
}

@media only screen and (max-width:1024px) {
	.container {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}
}

.row {
	display: block;
	padding: 10px 0
}

.row:before,.row:after {
	content: "";
	display: table
}

.row:after {
	clear: both
}

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left
}

.col-lg-12 {
	width: 100%
}

.col-lg-11 {
	width: 91.6666666667%
}

.col-lg-10 {
	width: 83.3333333333%
}

.col-lg-9 {
	width: 75%
}

.col-lg-8 {
	width: 66.6666666667%
}

.col-lg-7 {
	width: 58.3333333334%
}

.col-lg-6 {
	width: 50%
}

.col-lg-5 {
	width: 41.66666666667%
}

.col-lg-4 {
	width: 33.33333333333%
}

.col-lg-3 {
	width: 25%
}

.col-lg-2 {
	width: 16.66666666667%
}

.col-lg-1 {
	width: 8.33333333%
}

.offset-lg-0 {
	margin-left: 0
}

.offset-lg-1 {
	margin-left: 8.333333%
}

.offset-lg-2 {
	margin-left: 16.666667%
}

.offset-lg-3 {
	margin-left: 25%
}

.offset-lg-4 {
	margin-left: 33.333333%
}

.offset-lg-5 {
	margin-left: 41.666667%
}

.offset-lg-6 {
	margin-left: 50%
}

.offset-lg-7 {
	margin-left: 58.333333%
}

.offset-lg-8 {
	margin-left: 66.666667%
}

.offset-lg-9 {
	margin-left: 75%
}

.offset-lg-10 {
	margin-left: 83.333333%
}

.offset-lg-11 {
	margin-left: 91.666667%
}

@media only screen and (max-width:1440px)and (min-width:1170px) {
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left
	}

	.col-md-12 {
		width: 100%
	}

	.col-md-11 {
		width: 91.6666666667%
	}

	.col-md-10 {
		width: 83.3333333333%
	}

	.col-md-9 {
		width: 75%
	}

	.col-md-8 {
		width: 66.6666666667%
	}

	.col-md-7 {
		width: 58.3333333334%
	}

	.col-md-6 {
		width: 50%
	}

	.col-md-5 {
		width: 41.66666666667%
	}

	.col-md-4 {
		width: 33.33333333333%
	}

	.col-md-3 {
		width: 25%
	}

	.col-md-2 {
		width: 16.66666666667%
	}

	.col-md-1 {
		width: 8.33333333%
	}

	.offset-md-0 {
		margin-left: 0
	}

	.offset-md-1 {
		margin-left: 8.333333%
	}

	.offset-md-2 {
		margin-left: 16.666667%
	}

	.offset-md-3 {
		margin-left: 25%
	}

	.offset-md-4 {
		margin-left: 33.333333%
	}

	.offset-md-5 {
		margin-left: 41.666667%
	}

	.offset-md-6 {
		margin-left: 50%
	}

	.offset-md-7 {
		margin-left: 58.333333%
	}

	.offset-md-8 {
		margin-left: 66.666667%
	}

	.offset-md-9 {
		margin-left: 75%
	}

	.offset-md-10 {
		margin-left: 83.333333%
	}

	.offset-md-11 {
		margin-left: 91.666667%
	}

	.col-md-4-custom,.col-md-8-custom {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left
	}

	.col-md-8-custom {
		width: 72%
	}

	.col-md-4-custom {
		width: 28%
	}
}

@media only screen and (max-width:1024px) {
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left
	}

	.col-sm {
		padding: 0
	}

	.col-sm-12 {
		width: 100%
	}

	.col-sm-11 {
		width: 91.6666666667%
	}

	.col-sm-10 {
		width: 83.3333333333%
	}

	.col-sm-9 {
		width: 75%
	}

	.col-sm-8 {
		width: 66.6666666667%
	}

	.col-sm-7 {
		width: 58.3333333334%
	}

	.col-sm-6 {
		width: 50%
	}

	.col-sm-5 {
		width: 41.66666666667%
	}

	.col-sm-4 {
		width: 33.33333333333%
	}

	.col-sm-3 {
		width: 25%
	}

	.col-sm-2 {
		width: 16.66666666667%
	}

	.col-sm-1 {
		width: 8.33333333%
	}

	.offset-sm-0 {
		margin-left: 0
	}

	.offset-sm-1 {
		margin-left: 8.333333%
	}

	.offset-sm-2 {
		margin-left: 16.666667%
	}

	.offset-sm-3 {
		margin-left: 25%
	}

	.offset-sm-4 {
		margin-left: 33.333333%
	}

	.offset-sm-5 {
		margin-left: 41.666667%
	}

	.offset-sm-6 {
		margin-left: 50%
	}

	.offset-sm-7 {
		margin-left: 58.333333%
	}

	.offset-sm-8 {
		margin-left: 66.666667%
	}

	.offset-sm-9 {
		margin-left: 75%
	}

	.offset-sm-10 {
		margin-left: 83.333333%
	}

	.offset-sm-11 {
		margin-left: 91.666667%
	}

	.col-sm-auto {
		width: auto
	}
}

@media only screen and (max-width:768px) {
	.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left
	}

	.col-xs {
		padding: 0
	}

	.col-xs-12 {
		width: 100%!important
	}

	.col-xs-11 {
		width: 91.6666666667%
	}

	.col-xs-10 {
		width: 83.3333333333%
	}

	.col-xs-9 {
		width: 75%
	}

	.col-xs-8 {
		width: 66.6666666667%
	}

	.col-xs-7 {
		width: 58.3333333334%
	}

	.col-xs-6 {
		width: 50%!important
	}

	.col-xs-5 {
		width: 41.66666666667%
	}

	.col-xs-4 {
		width: 33.33333333333%
	}

	.col-xs-3 {
		width: 25%
	}

	.col-xs-2 {
		width: 16.66666666667%
	}

	.col-xs-1 {
		width: 8.33333333%
	}

	.col-xs-4-custom {
		width: 33.33333333333%!important
	}

	.offset-xs-0 {
		margin-left: 0
	}

	.offset-xs-1 {
		margin-left: 8.333333%
	}

	.offset-xs-2 {
		margin-left: 16.666667%
	}

	.offset-xs-3 {
		margin-left: 25%
	}

	.offset-xs-4 {
		margin-left: 33.333333%
	}

	.offset-xs-5 {
		margin-left: 41.666667%
	}

	.offset-xs-6 {
		margin-left: 50%
	}

	.offset-xs-7 {
		margin-left: 58.333333%
	}

	.offset-xs-8 {
		margin-left: 66.666667%
	}

	.offset-xs-9 {
		margin-left: 75%
	}

	.offset-xs-10 {
		margin-left: 83.333333%
	}

	.offset-xs-11 {
		margin-left: 91.666667%
	}
}

@media only screen and (max-width:480px) {
	.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left
	}

	.col-xxs {
		padding: 0
	}

	.col-xxs-12 {
		width: 100%!important
	}

	.col-xxs-11 {
		width: 91.6666666667%
	}

	.col-xxs-10 {
		width: 83.3333333333%
	}

	.col-xxs-9 {
		width: 75%
	}

	.col-xxs-8 {
		width: 66.6666666667%
	}

	.col-xxs-7 {
		width: 58.3333333334%
	}

	.col-xxs-6 {
		width: 50%!important
	}

	.col-xxs-5 {
		width: 41.66666666667%
	}

	.col-xxs-4 {
		width: 33.33333333333%
	}

	.col-xxs-3 {
		width: 25%
	}

	.col-xxs-2 {
		width: 16.66666666667%
	}

	.col-xxs-1 {
		width: 8.33333333%
	}

	.offset-xxs-0 {
		margin-left: 0
	}

	.offset-xxs-1 {
		margin-left: 8.333333%
	}

	.offset-xxs-2 {
		margin-left: 16.666667%
	}

	.offset-xxs-3 {
		margin-left: 25%
	}

	.offset-xxs-4 {
		margin-left: 33.333333%
	}

	.offset-xxs-5 {
		margin-left: 41.666667%
	}

	.offset-xxs-6 {
		margin-left: 50%
	}

	.offset-xxs-7 {
		margin-left: 58.333333%
	}

	.offset-xxs-8 {
		margin-left: 66.666667%
	}

	.offset-xxs-9 {
		margin-left: 75%
	}

	.offset-xxs-10 {
		margin-left: 83.333333%
	}

	.offset-xxs-11 {
		margin-left: 91.666667%
	}
}

.col-custom-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	width: 20%
}

.col-custom-17 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	width: 17%
}

.inner-container {
	padding: 20px 20px 10px 20px
}

@media only screen and (max-width:1024px) {
	.inner-container {
		padding: 20px 0 0 0
	}
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: Tahoma,Helvetica,Arial,"Microsoft Yahei","微软雅黑",STXihei,"华文细黑",sans-serif
}

:focus {
	outline: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	line-height: 1
}

ol,ul {
	list-style: none;
	font-size: 0
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

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

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	-moz-appearance: none
}

input[type=search] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	max-width: 100%
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

a:focus {
	outline: none
}

a:active,a:hover {
	outline: 0
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(https://ggpk168.com/res2/arrow-down.png) no-repeat 95%;
	cursor: pointer
}

button,input {
	line-height: normal
}

button,select {
	text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled],html input[disabled] {
	cursor: default
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: Tahoma,Helvetica,Arial,"Microsoft Yahei","微软雅黑",STXihei,"华文细黑",sans-serif
}

html,button,input,select,textarea {
	color: #212121
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

img {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

.chromeframe {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-justify {
	text-align: justify
}

.text-block {
	display: block
}

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

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

.text-block-right {
	display: block;
	text-align: right
}

.hide {
	display: none
}

.unbold {
	font-weight: normal!important
}

.no-border {
	border: none!important
}

.no-gutter-t-b {
	padding-top: 0;
	padding-bottom: 0
}

.no-gutter-pad {
	padding-left: 0;
	padding-right: 0
}

.no-gutter-pad-left {
	padding-left: 0
}

.no-gutter-pad-right {
	padding-right: 0
}

.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutter-pad-tb {
	padding-top: 0;
	padding-bottom: 0
}

.no-gutters>.col,.no-gutters>[class*="col-"] {
	padding-right: 0;
	padding-left: 0
}

@media(max-width:1024px) {
	.no-p-sm {
		padding: 0!important
	}
}

@media(max-width:576px) {
	.no-p-xs {
		padding: 0!important
	}
}

@media(max-width:576px) {
	.no-pr-xs {
		padding-right: 0!important
	}
}

@media(max-width:576px) {
	.l-p-xs {
		padding-left: 15px!important
	}
}

@media(max-width:576px) {
	.lr-p-xs {
		padding: 0 15px!important
	}
}

.flex {
	display: flex
}

.m-xs {
	margin: 0 15px
}

.v-t-m {
	vertical-align: middle
}

.m-t-b {
	margin: 10px 0 20px
}

.m-btm {
	margin-bottom: 15px
}

.row-flex-web {
	display: flex
}

@media(max-width:1024px) {
	.row-flex-web {
		display: block
	}
}

@font-face {
	font-family:'icomoon';src:url("../Assets/font/icomoon%EF%B9%96dph3a0.eot");src:url("../Assets/font/icomoon%EF%B9%96dph3a0.eot#iefix") format("embedded-opentype"),url("../Assets/font/icomoon%EF%B9%96dph3a0.ttf") format("truetype"),url("../Assets/font/icomoon%EF%B9%96dph3a0.woff") format("woff"),url("../Assets/font/icomoon%EF%B9%96dph3a0.svg#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block
}[class^="mbp-"],[class*=" mbp-"] {
	font-family: 'icomoon'!important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.mbp-email:before {
	content: "1"
}

.mbp-close:before {
	content: "Z"
}

.mbp-ace:before {
	content: ""
}

.mbp-ace-card:before {
	content: ""
}

.mbp-android:before {
	content: ""
}

.mbp-arrow:before {
	content: ""
}

.mbp-arrow-tutorial:before {
	content: ""
}

.mbp-bmm:before {
	content: ""
}

.mbp-customer-service:before {
	content: ""
}

.mbp-dropdown:before {
	content: ""
}

.mbp-global:before {
	content: ""
}

.mbp-ios:before {
	content: ""
}

.mbp-partnership:before {
	content: ""
}

.mbp-payment:before {
	content: ""
}

.mbp-ratio:before {
	content: ""
}

.mbp-security:before {
	content: ""
}

.mbp-smart-betting:before {
	content: ""
}

.mbp-testlabs:before {
	content: ""
}

.mbp-verification:before {
	content: ""
}

.mbp-windows:before {
	content: ""
}

.mbp-views:before {
	content: ""
}

.mbp-weibo:before {
	content: ""
}

.mbp-bmm-testlabs:before {
	content: ""
}

.mbp-right-arrow:before {
	content: ""
}

.mbp-register:before {
	content: ""
}

.mbp-faq:before {
	content: ""
}

.mbp-spin:before {
	content: ""
}

.mbp-wechat:before {
	content: ""
}

.mbp-wechat-shand:before {
	content: ""
}

.mbp-note-shand:before {
	content: ""
}

.red-primary {
	color: #cd171f
}

.pale-yellow {
	color: #fff0c1
}

.primary {
	color: #ffba00!important
}

.primary-semi-dark {
	color: #616161
}

.primary-light {
	color: #757575!important
}

.primary-lighter {
	color: #a1a1a1!important
}

.primary-dark {
	color: #333!important
}

.secondary {
	color: #212121!important
}

.brown {
	color: #b77450!important
}

.orange {
	color: #f80!important
}

.dark-orange {
	color: #ff4200!important
}

.td-yellow {
	color: #e1a900!important
}

.white-base {
	color: #fff!important
}

.white-light {
	color: #f5f5f5!important
}

.white-dark {
	color: #959595!important
}

.green-base {
	color: #6abc5d!important
}

.blue-light {
	color: #e6eff6!important
}

.blue-base {
	color: #3090fe!important
}

.gray-lighter {
	color: #cdcdcd!important
}

.gray-darker {
	color: #252525!important
}

.gray-darkest {
	color: #0c0c0c!important
}

.danger,.red,.event-section .ev-red {
	color: red
}

.gold {
	color: #171717!important
}

.green {
	color: #27ae60
}

.yellow-1 {
	color: #ffda89
}

.yellow-2 {
	color: #ffe138
}

.yellow-3 {
	color: #e5bb5d
}

.txt-red {
	color: #fd5248!important
}

.txt-red a {
	color: #fd5248!important
}

.txt-red a:hover {
	color: #fd5248!important
}

.txt-violet {
	color: #997afe
}

.txt-violet>a {
	color: #997afe!important
}

.txt-blue {
	color: #00a7f0
}

.txt-blue>a {
	color: #00a7f0!important
}

.blue-dark {
	color: #2b95e7!important
}

a.blue {
	color: #0187d0
}

.txt-bold {
	font-weight: bold!important
}

.radius-xxs {
	border-radius: 3px!important
}

.radius-xs {
	border-radius: 5px!important
}

.radius-sm {
	border-radius: 10px!important
}

.radius-md {
	border-radius: 20px!important
}

.radius-lg {
	border-radius: 50px!important
}

.width-full {
	width: 100%!important
}

.width-sm {
	width: 175px!important
}

.width-md {
	width: 70%!important
}

@media only screen and (max-width:576px) {
	.width-md {
		padding: 8px!important;
		height: auto!important
	}
}

.width-lg {
	width: 400px!important
}

.h-auto {
	height: auto!important
}

.font-xs {
	font-size: 13px!important
}

.font-sm {
	font-size: 15px
}

.font-sm-17 {
	font-size: 17px
}

.font-md {
	font-size: 20px!important
}

.font-lg {
	font-size: 25px
}

.font-bold {
	font-weight: bold
}

.txt-right,.txt-center,.txt-left {
	display: block
}

.txt-right {
	text-align: right
}

.txt-center {
	text-align: center;
	margin: 1rem
}

.txt-left {
	text-align: left
}

.txt-slant {
	font-style: italic
}

.txt-slant span {
	font-size: 22px
}

.underline {
	text-decoration: underline
}

@media(max-width:1024px) {
	.m-t-sm {
		margin-top: 20px!important
	}
}

.padd-left {
	padding-left: 90px!important
}

@media(max-width:575px) {
	.no-pad-xs-lr {
		padding-right: 0;
		padding-left: 0
	}
}

.spin-na {
	display: inline-block
}

.border-y {
	border: 1px solid #ffdb5a
}

.border-r {
	border: 1px solid #ff4547
}

.border-v {
	border: 1px solid #997afe
}

.border-b {
	border: 1px solid #4bbbff
}

.border-red {
	border: 1px solid red!important
}

.border-l {
	border-left: 1px solid #ddd
}

.border-right {
	border-right: 1px solid #ddd
}

.white-bg {
	background-color: #fff;
	border: 1px solid #d8d8d8
}

.bottom-section {
	background: #ececec;
	margin-bottom: 7%
}

@media only screen and (max-width:1024px) {
	.bottom-section {
		margin-bottom: 0
	}
}

.section-title {
	text-align: center
}

.section-title h1 {
	font-weight: 600;
	padding: 12px 0;
	border-bottom: 3px solid #cd171f;
	display: inline-block
}

.section-title .title-lg {
	font-size: 3em
}

.section-title .title-md {
	font-size: 2em
}

.section-image {
	text-align: center
}

.section-image img {
	display: inline-block
}

.no-padd {
	padding: 0!important
}

.default-tabs-container {
	width: 100%;
	background-color: #f5f5f5;
	padding: 15px 0;
	font-size: 0;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s;
	color: #b4b4b4;
	box-shadow: none;
	margin: 10px 0
}

.default-tabs-container li {
	border: none;
	padding: 10px 10px;
	text-align: center;
	background: transparent;
	font-size: 17px;
	display: inline-block;
	cursor: pointer;
	height: auto;
	margin-bottom: 0
}

.default-tabs-container li.active {
	color: #212121;
	font-weight: 600;
	border-bottom: 2px solid #cd171f
}

.default-list li {
	font-size: 14px;
	line-height: 28px
}

.list li {
	font-size: 15px;
	line-height: 25px
}

.decimal-list {
	list-style-type: decimal;
	padding-left: 30px
}

.bullet-list {
	padding-left: 10px
}

.bullet-list li {
	position: relative;
	line-height: 30px;
	padding-left: 15px
}

.bullet-list li:before {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	left: 0;
	top: 12px
}

.bl-custom li:before {
	background-color: #212121
}

@media(max-width:1024px) {
	.bl-custom li:before {
		background-color: #fff
	}
}

.dark-light {
	color: #212121
}

@media(max-width:1024px) {
	.dark-light {
		color: #fff
	}
}

.l-h-15 {
	line-height: 15px
}

.l-h-25 {
	line-height: 25px
}

.l-h-30 {
	line-height: 30px
}

.l-h-34 {
	line-height: 34px
}

.l-h-1-2em {
	line-height: 1.2em
}

.l-h-1-5em {
	line-height: 1.5em
}

.l-h-1-8em {
	line-height: 1.8em
}

.l-h-2em {
	line-height: 2em
}

.l-h-2-5em {
	line-height: 2.5em
}

.font-12 {
	font-size: 12px
}

.font-13 {
	font-size: 13px
}

.font-14 {
	font-size: 14px
}

.font-15 {
	font-size: 15px
}

.font-16 {
	font-size: 16px
}

.font-18 {
	font-size: 18px
}

.font-20 {
	font-size: 20px
}

.font-21 {
	font-size: 21px
}

.font-23 {
	font-size: 23px
}

.font-25 {
	font-size: 25px
}

.font-30 {
	font-size: 30px
}

.font-light {
	font-weight: 300
}

.font-normal {
	font-weight: normal
}

.font-bold {
	font-weight: bold
}

.font-italic {
	font-style: italic
}

.b-0 {
	border: none
}

.p-0-important {
	padding: 0!important
}

.p-0 {
	padding: 0
}

.p-r-0 {
	padding-right: 0
}

.p-l-0 {
	padding-left: 0
}

.p-b-0 {
	padding-bottom: 0
}

.p-t-0 {
	padding-top: 0
}

.p-lr-0 {
	padding-left: 0;
	padding-right: 0
}

.p-tb-0 {
	padding-top: 0;
	padding-bottom: 0
}

.m-0 {
	margin: 0
}

.m-r-0 {
	margin-right: 0
}

.m-l-0 {
	margin-left: 0
}

.m-b-0 {
	margin-bottom: 0
}

.m-t-0 {
	margin-top: 0
}

.m-lr-0 {
	margin-left: 0;
	margin-right: 0
}

.m-tb-0 {
	margin-top: 0;
	margin-bottom: 0
}

.m-tb-0-imp {
	margin-top: 0!important;
	margin-bottom: 0!important
}

.section-padd {
	padding: 3% 0
}

@media(max-width:1024px) {
	.section-padd {
		padding: 3% 10%
	}
}

@media(max-width:480px) {
	.section-padd {
		padding: 3% 0
	}
}

.p-5 {
	padding: 5px
}

.p-10 {
	padding: 10px
}

.p-15 {
	padding: 15px
}

.p-20 {
	padding: 20px
}

.p-r-5 {
	padding-right: 5px
}

.p-r-10 {
	padding-right: 10px
}

.p-r-15 {
	padding-right: 15px
}

.p-r-20 {
	padding-right: 20px
}

.p-l-5 {
	padding-left: 5px
}

.p-l-10 {
	padding-left: 10px
}

.p-l-15 {
	padding-left: 15px
}

.p-l-20 {
	padding-left: 20px
}

.p-b-5 {
	padding-bottom: 5px
}

.p-b-10 {
	padding-bottom: 10px
}

.p-b-15 {
	padding-bottom: 15px
}

.p-b-20 {
	padding-bottom: 20px
}

.p-t-5 {
	padding-top: 5px
}

.p-t-10 {
	padding-top: 10px
}

.p-t-15 {
	padding-top: 15px
}

.p-t-20 {
	padding-top: 20px
}

.p-lr-5 {
	padding-left: 5px;
	padding-right: 5px
}

.p-lr-10 {
	padding-left: 10px;
	padding-right: 10px
}

.p-lr-15 {
	padding-left: 15px;
	padding-right: 15px
}

.p-lr-20 {
	padding-left: 20px;
	padding-right: 20px
}

.p-tb-5 {
	padding-top: 5px;
	padding-bottom: 5px
}

.p-tb-10 {
	padding-top: 10px;
	padding-bottom: 10px
}

.p-tb-15 {
	padding-top: 15px;
	padding-bottom: 15px
}

.p-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.m-5 {
	margin: 5px
}

.m-10 {
	margin: 10px
}

.m-15 {
	margin: 15px
}

.m-20 {
	margin: 20px
}

.m-r-5 {
	margin-right: 5px
}

.m-r-10 {
	margin-right: 10px
}

.m-r-15 {
	margin-right: 15px
}

.m-r-20 {
	margin-right: 20px
}

.m-l-5 {
	margin-left: 5px
}

.m-l-10 {
	margin-left: 10px
}

.m-l-15 {
	margin-left: 15px
}

.m-l-20 {
	margin-left: 20px
}

.m-b-5 {
	margin-bottom: 5px
}

.m-b-10 {
	margin-bottom: 10px
}

.m-b-15 {
	margin-bottom: 15px
}

.m-b-20 {
	margin-bottom: 20px
}

.m-t-5 {
	margin-top: 5px
}

.m-t-10 {
	margin-top: 10px
}

.m-t-15 {
	margin-top: 15px
}

.m-t-20 {
	margin-top: 20px
}

.m-lr-5 {
	margin-left: 5px;
	margin-right: 5px
}

.m-lr-10 {
	margin-left: 10px;
	margin-right: 10px
}

.m-lr-15 {
	margin-left: 15px;
	margin-right: 15px
}

.m-lr-20 {
	margin-left: 20px;
	margin-right: 20px
}

.m-tb-5 {
	margin-top: 5px;
	margin-bottom: 5px
}

.m-tb-10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.m-tb-15 {
	margin-top: 15px;
	margin-bottom: 15px
}

.m-tb-20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.m-b-30 {
	margin-bottom: 30px
}

.d-block {
	display: block
}

.d-block-auto {
	display: block;
	margin: 0 auto
}

.d-inline-b {
	display: inline-block
}

.w-100px {
	width: 100px
}

.w-100 {
	width: 100%
}

.w-95 {
	width: 95%
}

.w-90 {
	width: 90%
}

.w-80 {
	width: 80%
}

.w-70 {
	width: 70%
}

.w-50 {
	width: 50%
}

.w-40 {
	width: 40%
}

.w-30 {
	width: 30%
}

.w-20 {
	width: 20%
}

.h-auto {
	height: auto!important
}

@media(max-width:1024px) {
	.w-sm-100 {
		width: 100%
	}

	.w-sm-90 {
		width: 90%
	}

	.w-sm-80 {
		width: 80%
	}

	.w-sm-70 {
		width: 70%
	}

	.w-sm-60 {
		width: 60%
	}

	.w-sm-50 {
		width: 50%
	}

	.w-sm-40 {
		width: 40%
	}

	.w-sm-30 {
		width: 30%
	}

	.w-sm-20 {
		width: 20%
	}

	.w-sm-10 {
		width: 10%
	}

	.p-lr-sm-5 {
		padding-left: 5px;
		padding-right: 5px
	}

	.m-b-sm-10 {
		margin-bottom: 10px
	}
}

@media(max-width:768px) {
	.w-xs-100 {
		width: 100%
	}

	.w-xs-90 {
		width: 90%
	}

	.w-xs-80 {
		width: 80%
	}

	.w-xs-70 {
		width: 70%
	}

	.w-xs-60 {
		width: 60%
	}

	.w-xs-50 {
		width: 50%
	}

	.w-xs-40 {
		width: 40%
	}

	.w-xs-30 {
		width: 30%
	}

	.w-xs-20 {
		width: 20%
	}

	.w-xs-10 {
		width: 10%
	}

	.font-xs-18 {
		font-size: 18px!important
	}

	.d-block-auto-xs {
		display: block;
		margin: 0 auto
	}

	.p-t-10-xs {
		padding-top: 10px
	}
}

@media(max-width:480px) {
	.w-xxs-100 {
		width: 100%
	}

	.w-xxs-90 {
		width: 90%
	}

	.w-xxs-80 {
		width: 80%
	}

	.w-xxs-70 {
		width: 70%
	}

	.w-xxs-65 {
		width: 65%
	}

	.w-xxs-60 {
		width: 60%
	}

	.w-xxs-50 {
		width: 50%
	}

	.w-xxs-40 {
		width: 40%
	}

	.w-xxs-30 {
		width: 30%
	}

	.w-xxs-20 {
		width: 20%
	}

	.m-b-xs-50 {
		margin-bottom: 50px
	}

	.w-xxs-10 {
		width: 10%
	}

	.w-xxs-auto {
		width: auto
	}

	.p-r-0-xs {
		padding-right: 0
	}
}

button,html [type="button"],[type="reset"],[type="submit"] {
	-webkit-appearance: button
}

.btn:not(disabled):not(.disabled) {
	cursor: pointer
}

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: normal;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	outline: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn:hover {
	transition: ease-in .3s
}

.btn-pale-red {
	background: #8c3636;
	color: #fff0c1
}

.btn-pale-red:hover {
	background: #93181e
}

.btn-primary {
	background: #d2232c;
	color: #fff
}

.btn-primary:disabled {
	opacity: .8
}

.btn-primary:disabled:hover {
	cursor: pointer;
	color: #fff;
	background-color: #ffba00;
	border-color: #f0b100
}

.btn-primary-ghost {
	color: #ffdb5a;
	border: 1px solid #ffdb5a!important
}

.btn-primary-ghost:hover {
	background: #ffdb5a;
	color: #333
}

.btn-secondary {
	background: #a1a1a1;
	color: #333
}

.btn-primary:hover,.btn-secondary:hover {
	background: #212121;
	color: #fff
}

.btn-custom {
	color: #5f3201;
	letter-spacing: 3px
}

.btn-shadow {
	-webkit-box-shadow: 1px 3px 6px 1px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 3px 6px 1px rgba(0,0,0,.5);
	box-shadow: 1px 3px 6px 1px rgba(0,0,0,.5)
}

.btn-dark-orange,.btn-light-blue,.btn-dark-yellow {
	color: #fff
}

.btn-dark-orange:hover,.btn-light-blue:hover,.btn-dark-yellow:hover {
	background: #212121;
	color: #fff
}

.btn-dark-orange {
	background-color: #ff4200
}

.btn-light-blue {
	background-color: #00afe1
}

.btn-dark-yellow {
	background-color: #dea618
}

.w-xs {
	min-width: 80px
}

.w-sm {
	min-width: 95px
}

.w-md {
	min-width: 110px
}

.w-lg {
	min-width: 140px
}

.w-xl {
	min-width: 220px
}

@media(max-width:480px) {
	.w-xl {
		min-width: 170px
	}
}

.btn-lg {
	padding: .5rem 1rem;
	font-size: 1.5rem;
	line-height: 1.5;
	border-radius: .3rem
}

.btn-sm {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.btn-rounded {
	border-radius: 2em;
	padding: 6px 18px 8px
}

.btn-block {
	display: block;
	width: 100%
}

.table-default {
	border: 1px #dadada solid;
	border-collapse: collapse;
	overflow: hidden;
	table-layout: fixed;
	margin: 0 auto;
	width: 100%;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 15px
}

@media only screen and (min-width:480px) {
	.table-default {
		margin-bottom: 0
	}
}

.table-default tr {
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa
}

.table-responsive {
	width: 100%;
	height: auto;
	margin: 0 auto
}

.tbl-scroll {
	overflow: auto;
	max-height: 450px
}

.tbl-scroll-wrapper::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	height: 10px;
	border: 1px solid #331509
}

.tbl-scroll-wrapper::-webkit-scrollbar-corner {
	background-color: #000
}

.tbl-scroll-wrapper::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #b2b2b2
}

.tbl-scroll-wrapper::-webkit-scrollbar-track {
	background-color: #d4d4d4
}

@media only screen and (max-width:480px)and (min-width:320px) {
	.table-container {
		overflow-x: scroll
	}
}

@media only screen and (max-width:480px)and (min-width:320px) {
	.table-container .table-default {
		width: 600px
	}
}

.brown-header th {
	background: #c39570!important;
	color: #fff!important
}

.table-header {
	background: #f9f9f9;
	border-bottom: 2px solid #ddd
}

.table-header th {
	color: #555!important;
	background: #f5f5f5!important;
	font-size: 14px!important;
	word-break: break-word
}

.table-titleheader {
	background: #e6eff6
}

.table-nth-color th {
	background: #969696!important
}

.table-default>thead>tr>th {
	background: #848484;
	font-size: 15px;
	color: #232323;
	font-weight: 600
}

.table-custom-3 {
	margin-top: 5px;
	table-layout: auto
}

.table-custom-3>thead>tr>th {
	background: #8c3636;
	color: #ffdcaa;
	font-weight: normal
}

.table-default>thead>tr>th,.table-default>tbody>tr>td,.table-default>tfoot>tr>td {
	text-align: center;
	padding: 9px 5px;
	vertical-align: middle
}

.table-custom>thead>tr>th,.table-custom>tbody>tr>td,.table-custom>tfoot>tr>td {
	padding: 4px 5px!important
}

.table-custom-1,.table-custom-4 {
	border: none!important
}

.table-custom-1 tr,.table-custom-4 tr {
	border-bottom: 1px solid #ddd!important;
	border-top: none
}

.table-custom-1 tr:last-child,.table-custom-4 tr:last-child {
	border-bottom: 3px solid #ddd!important
}

.table-custom-1 tr td img,.table-custom-4 tr td img {
	vertical-align: super;
	max-width: 100%
}

.table-custom-1 thead tr th,.table-custom-4 thead tr th {
	background: #f9f9f9!important;
	border-bottom: 1px solid #ddd;
	padding: 10px 5px!important;
	word-break: break-word
}

.table-custom-1 tbody tr td,.table-custom-4 tbody tr td {
	padding: 6px 5px!important
}

.table-default>tbody>tr:nth-child(odd),.table-default>ul>li:nth-child(odd) {
	background-color: #fff
}

.table-default>tbody>tr:nth-child(even),.table-default>ul>li:nth-child(even) {
	background-color: #f5f5f5
}

.table-custom-1>tbody>tr:nth-child(even),.table-custom-1>ul>li:nth-child(even) {
	background-color: #fff!important
}

.table-custom-3>tbody>tr:nth-child(even) {
	background-color: #fff!important
}

.table-custom-3>thead>tr>th,.table-custom-3>tbody>tr>td,.table-custom-3>tfoot>tr>td {
	border-right: 1px solid #d4d4d4
}

.table-custom-3>thead>tr>th:last-child,.table-custom-3>tbody>tr>td:last-child,.table-custom-3>tfoot>tr>td:last-child {
	border-right: none
}

.table-custom-4>tbody>tr:nth-child(even),.table-custom-4>ul>li:nth-child(even) {
	background-color: #fff!important
}

.table-custom-4 tr:last-child {
	border-bottom: 3px solid #ddd!important
}

.table-default>tbody>tr>td {
	color: #757575;
	font-size: 13px;
	line-height: 19px
}

.td-red {
	color: #b00000!important
}

.td-blue {
	color: #06f!important
}

.td-green {
	color: #74b715!important
}

.td-brown {
	color: #b77450!important
}

.td-lightblue {
	color: #00afe1!important
}

.borderRt {
	border-right: 1px solid #ddd
}

.border-r {
	border-right: 1px solid #b4b4b4
}

.table-border {
	border: 1px solid #ddd!important
}

.layout-auto {
	table-layout: auto!important
}

@media only screen and (max-width:1024px) {
	.allin-table {
		width: 1000px!important
	}
}

@media only screen and (max-width:1024px) {
	.table-container-custom {
		overflow-x: scroll
	}
}

.form-group {
	margin: 5px 0;
	display: block;
	width: 100%
}

@media only screen and (max-width:480px) {
	.form-group {
		margin: 7px 0
	}
}

.form-group:after,.form-group:before {
	display: table;
	content: ''
}

.form-group:after {
	clear: both
}

.form-control {
	border: none;
	background-color: #edeeef;
	-webkit-border-radius: 0;
	display: block;
	width: 100%;
	padding: 12px 10px;
	color: #212121;
	border-radius: 5px
}

.control-lbl {
	color: #212121;
	font-size: 15px;
	padding: 0 0 10px 0;
	font-weight: 600;
	vertical-align: middle
}

.control-lbl-custom {
	color: #bababa;
	font-weight: normal;
	padding: 0;
	font-size: 15px;
	vertical-align: middle
}

.form-textarea {
	height: 120px;
	resize: none
}

select.form-control {
	border-radius: 0;
	background-color: #fff;
	border: 1px solid #b4b4b4;
	color: #909090
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

a {
	text-decoration: none
}

p {
	line-height: 1.7em
}

h1 {
	font-size: 25px
}

h2 {
	font-size: 18px
}

h3 {
	font-size: 16px
}

.flex-center {
	display: flex;
	align-items: center
}

.hidden {
	display: none
}

.bg-light-grey {
	background: #f9fafb!important
}

.bold {
	font-weight: 600
}

.letter-space-3 {
	letter-spacing: 3px
}

.error-msg {
	display: block;
	font-size: 12px;
	margin-top: 5px
}

.border-pale-red {
	border: 1px solid #ff9494!important
}

@media(max-width:1024px) {
	.text-left-sm {
		text-align: left
	}
}

.inline-b {
	display: inline-block
}

.block {
	display: block
}

.v-mid {
	vertical-align: middle
}

@media(max-width:1024px) {
	.mobi-none {
		display: none!important
	}
}

.mobi-show {
	display: none!important
}

@media(max-width:1024px) {
	.mobi-show {
		display: block!important
	}
}

@media(max-width:1024px) {
	.p-0-sm {
		padding: 0
	}
}

@media(max-width:320px) {
	.p-r-0-xxs {
		padding-right: 0
	}
}

.bl-red li:before {
	background-color: #d1000c
}

.bl-brown li:before {
	background-color: #cb9f26
}

.bl-grey li:before {
	background-color: #555
}

.bl-blue li:before {
	background-color: #06f
}

.bl-light-blue li:before {
	background-color: #8ad6ff
}

.bl-white li:before {
	background-color: #fff
}

.bl-white-yellow li:before {
	background-color: #e8e2da
}

.bl-gold-4 li:before {
	background-color: #d1c5a1
}

.bl-fuchsia li:before {
	background-color: #d1177d
}

.bl-black li:before {
	background-color: #000
}

.bl-yellow li:before {
	background-color: #fff59c
}

.bl-secondary li:before {
	background-color: #222
}

.gif-sign {
	height: 22px;
	position: absolute;
	top: 10px;
	z-index: 2;
	left: 20px
}

@media(max-width:1366px) {
	.gif-sign {
		top: 1px
	}
}

@media(max-width:1024px) {
	.gif-sign {
		top: 0;
		height: 23px;
		left: 24px
	}
}

@media(max-width:480px) {
	.gif-sign {
		height: 20px;
		left: 27px
	}
}

.header-icon {
	height: 18px;
	position: absolute;
	top: 16px;
	z-index: 2;
	left: 23px
}

@media(max-width:1440px) {
	.header-icon {
		height: 17px;
		top: 13px
	}
}

@media(max-width:1366px) {
	.header-icon {
		height: 16px;
		top: 6px
	}
}

@media(max-width:1024px) {
	.header-icon {
		height: 17px;
		top: 4px;
		left: 36px
	}
}

@media(max-width:480px) {
	.header-icon {
		height: 16px
	}
}

.header-container {
	background-color: #000
}

.header-container .header-top {
	background: #1a1b1b
}

@media(max-width:1024px) {
	.header-container .header-top {
		background: #5a5a5a
	}
}

.header-container .header-top ul {
	text-align: end
}

@media(max-width:1024px) {
	.header-container .header-top ul {
		display: none
	}
}

.header-container .header-top ul li {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	padding: 10px 15px
}

.header-container .header-top ul li img {
	height: 25px
}

.header-container .header-top ul li .headerjackpot {
	height: 15px;
	vertical-align: middle
}

.header-container .header-top ul li label {
	padding: 0 5px;
	vertical-align: middle;
	font-size: 17px
}

.header-container .header-top ul li span {
	font-size: 17px;
	vertical-align: middle
}

.header-container .top-left img {
	width: 14.5%;
	margin: 0 10px 0 15px;
	border-right: 1px solid #bdbdbd;
	padding-right: 10px
}

@media(max-width:480px) {
	.header-container .top-left img {
		width: 25%;
		margin: 0 7px 0 9px
	}
}

@media(max-width:375px) {
	.header-container .top-left img {
		width: 32%;
		margin: 0 7px 0 6px
	}
}

.header-container .top-left p span {
	font-size: 13px;
	line-height: 15px
}

@media(max-width:480px) {
	.header-container .top-left p span {
		font-size: 11px
	}
}

.header-container .top-left p span:first-child {
	font-size: 16px;
	letter-spacing: 3px;
	padding-bottom: 1px
}

@media(max-width:480px) {
	.header-container .top-left p span:first-child {
		font-size: 15px
	}
}

@media(max-width:320px) {
	.header-container .top-left p span:first-child {
		font-size: 14px
	}
}

.header-container .top-left p span:last-child {
	font-size: 10px
}

@media(max-width:480px) {
	.header-container .top-left p span:last-child {
		font-size: 9px
	}
}

.header-container .top-right {
	text-align: end
}

.header-container .top-right a {
	color: #fff;
	padding: 7px 0;
	font-size: 20px;
	display: inline-block;
	margin: 17px 0;
	letter-spacing: 2px
}

@media(max-width:768px) {
	.header-container .top-right a {
		margin: 9px 0;
		font-size: 18px;
		padding: 5px 0
	}
}

@media(max-width:480px) {
	.header-container .top-right a {
		margin: 3px 0
	}
}

@media(max-width:375px) {
	.header-container .top-right a {
		min-width: 120px;
		font-size: 16px;
		margin: 6px 0
	}
}

@media(max-width:320px) {
	.header-container .top-right a {
		font-size: 15px;
		min-width: 104px
	}
}

.header-container .mobi-nav {
	position: absolute;
	display: block;
	top: -23px;
	right: 13px;
	width: 42px;
	background-color: transparent;
	border: none;
	padding: 5px;
	border-radius: 10px;
	z-index: 10
}

.header-container .mobi-nav .line {
	border-radius: 5px;
	height: 4px;
	width: 100%;
	background-color: #fff;
	display: block;
	margin: 5px 0;
	transition: linear .3s
}

.header-container .mobi-nav .line:first-child {
	background-color: #cd171f
}

.header-container .mobi-nav.active .line:first-child {
	transform: rotate(-45deg) translate(-4px,5px);
	-webkit-transform: rotate(-45deg) translate(-4px,5px)
}

.header-container .mobi-nav.active .line:nth-child(2) {
	display: none
}

.header-container .mobi-nav.active .line:last-child {
	transform: rotate(45deg) translate(-8px,-4px);
	-webkit-transform: rotate(45deg) translate(-2px,-2px)
}

.header-container .header-nav {
	background: url("dn-profile.jpg") no-repeat right;
	background-size: contain;
	border-bottom: 1px solid #cd171f
}

@media(max-width:1024px) {
	.header-container .header-nav {
		background: #171717;
		padding: 15px 0
	}
}

.header-container .header-nav .main-logo {
	display: inline-block
}

.header-container .header-nav .main-logo img {
	height: 50px
}

@media(max-width:1440px) {
	.header-container .header-nav .main-logo img {
		height: 41px
	}
}

@media(max-width:1200px) {
	.header-container .header-nav .main-logo img {
		height: 35px
	}
}

@media(max-width:1024px) {
	.header-container .header-nav .main-logo img {
		height: 36px
	}
}

@media(max-width:480px) {
	.header-container .header-nav .main-logo img {
		height: 24px
	}
}

@media(max-width:375px) {
	.header-container .header-nav .main-logo img {
		height: 29px
	}
}

@media(max-width:360px) {
	.header-container .header-nav .main-logo img {
		height: 25px
	}
}

@media(max-width:320px) {
	.header-container .header-nav .main-logo img {
		height: 25px
	}
}

.header-container .header-nav .main-logo .wsop-logo {
	height: 58px
}

@media(max-width:1440px) {
	.header-container .header-nav .main-logo .wsop-logo {
		height: 48px
	}
}

@media(max-width:1024px) {
	.header-container .header-nav .main-logo .wsop-logo {
		height: 42px
	}
}

@media(max-width:480px) {
	.header-container .header-nav .main-logo .wsop-logo {
		height: 31px
	}
}

@media(max-width:375px) {
	.header-container .header-nav .main-logo .wsop-logo {
		height: 30px
	}
}

@media(max-width:320px) {
	.header-container .header-nav .main-logo .wsop-logo {
		height: 23px
	}
}

.header-container .header-nav .head-menu {
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu {
		display: block;
		position: fixed!important;
		right: -100%;
		top: 103px;
		z-index: 9;
		width: 210px!important;
		border-radius: 0!important;
		height: 100%;
		background: rgba(0,0,0,.9);
		border: none!important;
		-webkit-transition: ease .3s;
		transition: ease .3s;
		overflow-y: scroll;
		overflow-x: hidden;
		padding-top: 60px;
		padding-bottom: 50px;
		min-height: initial
	}
}

@media(max-width:768px) {
	.header-container .header-nav .head-menu {
		top: 78px
	}
}

@media(max-width:480px) {
	.header-container .header-nav .head-menu {
		top: 70px;
		width: 185px!important
	}
}

@media(max-width:320px) {
	.header-container .header-nav .head-menu {
		top: 66px
	}
}

.header-container .header-nav .head-menu li {
	display: inline-block;
	position: relative;
	padding: 25px 0
}

@media(max-width:1440px) {
	.header-container .header-nav .head-menu li {
		padding: 20px 0
	}
}

@media(max-width:1366px) {
	.header-container .header-nav .head-menu li {
		padding: 15px 0
	}
}

@media(max-width:1366px) {
	.header-container .header-nav .head-menu li {
		padding: 12px 0
	}
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu li {
		display: block
	}
}

.header-container .header-nav .head-menu li a {
	position: relative;
	display: block;
	font-size: 14px;
	padding: 10px 20px;
	color: #fff;
	border: 2px solid transparent;
	line-height: 100%
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu li a {
		padding: 10px 10px 10px 35px
	}
}

.header-container .header-nav .head-menu li a:hover {
	color: #fff;
	border: 2px solid #cd171f;
	border-radius: 25px
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu li a:hover {
		border: 2px solid transparent
	}
}

@media(max-width:1440px) {
	.header-container .header-nav .head-menu li a {
		font-size: 14px;
		padding: 10px 18px
	}
}

@media(max-width:1366px) {
	.header-container .header-nav .head-menu li a {
		font-size: 12px
	}
}

.header-container .header-nav .head-menu li a .menu-arrow {
	display: none
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu li a .menu-arrow {
		display: block;
		font-family: 'icomoon';
		position: absolute;
		right: 100px;
		font-size: 9px;
		top: 12px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
		-webkit-transition: -webkit-transform .15s;
		-o-transition: -o-transform .15s;
		transition: transform .15s;
		color: #fff
	}

	.header-container .header-nav .head-menu li a .menu-arrow:before {
		content: ''
	}
}

@media(max-width:480px) {
	.header-container .header-nav .head-menu li a .menu-arrow {
		right: 70px
	}
}

.header-container .header-nav .head-menu li a.active {
	color: #fff;
	border-radius: 25px;
	border: 2px solid #cd171f
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu li a.active {
		border-radius: 0;
		border: 2px solid transparent;
		background: #d2232c
	}
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu li a.subdrop .menu-arrow {
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg)
	}
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu.active {
		right: 0
	}
}

.header-container .header-nav .head-menu>li:hover>ul {
	display: block
}

.header-container .header-nav .head-menu ul {
	display: none;
	position: absolute;
	text-align: center;
	top: 70px;
	z-index: 5;
	background: #fff;
	padding: 0;
	margin: 0;
	width: 100%;
	list-style: none;
	background-color: rgba(0,0,0,.8)!important;
	border: 1px solid #0d0d0d
}

@media(max-width:1440px) {
	.header-container .header-nav .head-menu ul {
		top: 65px
	}
}

@media(max-width:1366px) {
	.header-container .header-nav .head-menu ul {
		top: 52px
	}
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu ul {
		position: initial;
		background-color: rgba(0,0,0,0)!important;
		border: 1px solid transparent
	}
}

.header-container .header-nav .head-menu ul>li {
	background-color: transparent!important;
	width: 100%;
	padding: 0
}

.header-container .header-nav .head-menu ul>li>a {
	display: block;
	padding: 5px 0!important;
	color: #fff;
	line-height: 24px;
	font-size: 13px;
	text-decoration: none;
	border: none
}

@media(max-width:1440px) {
	.header-container .header-nav .head-menu ul>li>a {
		font-size: 12px
	}
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu ul>li>a {
		text-align: left;
		padding-left: 37px!important
	}
}

.header-container .header-nav .head-menu ul>li>a:hover {
	background-color: #8c3636;
	border: none;
	border-radius: 0;
	width: 100%;
	display: block;
	color: #fff0c1
}

@media(max-width:1024px) {
	.header-container .header-nav .head-menu ul>li>a:after {
		content: '';
		display: none
	}
}

.header-container .header-nav .head-menu ul>li>a i {
	position: absolute;
	top: 10px;
	right: 5px
}

.header-container .header-nav .head-menu ul li.active a {
	background-color: #8c3636;
	border: none!important;
	color: #fff0c1;
	border-radius: 0!important
}

.header-fix {
	width: 100%;
	z-index: 25;
	background-color: #000!important;
	top: 0
}

.header-fix .main-logo {
	display: inline-block
}

.header-fix .main-logo img {
	height: 40px!important
}

@media(max-width:480px) {
	.header-fix .main-logo img {
		height: 29px!important
	}
}

@media(max-width:375px) {
	.header-fix .main-logo img {
		height: 30px!important
	}
}

@media(max-width:360px) {
	.header-fix .main-logo img {
		height: 27px!important
	}
}

@media(max-width:320px) {
	.header-fix .main-logo img {
		height: 23px!important
	}
}

.header-fix .main-logo .wsop-logo {
	height: 50px!important
}

@media(max-width:1366px) {
	.header-fix .main-logo .wsop-logo {
		height: 48px!important
	}
}

@media(max-width:555px) {
	.header-fix .main-logo .wsop-logo {
		height: 39px!important
	}
}

@media(max-width:480px) {
	.header-fix .main-logo .wsop-logo {
		height: 34px!important
	}
}

@media(max-width:375px) {
	.header-fix .main-logo .wsop-logo {
		height: 30px!important
	}
}

@media(max-width:320px) {
	.header-fix .main-logo .wsop-logo {
		height: 29px!important
	}
}

.header-fix .head-menu {
	padding: 10px 0
}

@media(max-width:1024px) {
	.header-fix .head-menu {
		top: 0!important
	}
}

.header-fix .head-menu li {
	padding: 5px 0!important
}

.header-fix .head-menu>li:hover>ul {
	display: block
}

.header-fix .head-menu ul {
	text-align: center;
	top: 45px!important
}

.header-fix .head-menu ul li {
	padding: 0!important
}

.header-fix .gif-sign {
	top: -7px
}

@media(max-width:1024px) {
	.header-fix .gif-sign {
		top: -7px
	}
}

@media(max-width:480px) {
	.header-fix .gif-sign {
		top: -3px
	}
}

.header-fix .header-icon {
	top: -4px
}

@media(max-width:1440px) {
	.header-fix .header-icon {
		top: -2px
	}
}

@media(max-width:1366px) {
	.header-fix .header-icon {
		top: -1px
	}
}

@media(max-width:1024px) {
	.header-top-clear .head-menu {
		top: 0!important
	}
}

.submenu-img {
	width: auto;
	height: 30px
}

@media(max-width:1024px) {
	.submenu-img {
		height: 25px
	}
}

.footer-container {
	background: #26282e
}

.footer-top {
	background-color: #191a1c;
	padding: 20px 0
}

.footer-top .more-game {
	width: 60%;
	display: block;
	margin: 0 auto
}

@media(max-width:1024px) {
	.footer-top .more-game {
		width: 70%;
		margin: 0 auto
	}
}

.footer-top .footer-service {
	text-align: center
}

.footer-top .footer-service li {
	padding: 0 10px;
	opacity: .5
}

.footer-top .footer-service li:first-child {
	padding-left: 0
}

.footer-top .footer-service li:last-child {
	padding-right: 0
}

.footer-top .footer-service li:hover {
	opacity: 1;
	cursor: pointer
}

.footer-top .footer-service li:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -20px
}

.footer-top .footer-service li a {
	text-align: center;
	color: #fff;
	display: block;
	-webkit-box-shadow: -1px 5px 14px 0 rgba(0,0,0,.75);
	-moz-box-shadow: -1px 5px 14px 0 rgba(0,0,0,.75);
	box-shadow: -1px 5px 14px 0 rgba(0,0,0,.75);
	border-radius: 25px
}

.footer-top .footer-service li a i {
	font-size: 110px;
	display: block
}

@media(max-width:1366px) {
	.footer-top .footer-service li a i {
		font-size: 90px
	}
}

.footer-top .footer-service li a .service-title {
	font-size: 20px;
	padding: 10px 0;
	font-weight: bold;
	letter-spacing: 2px;
	border-radius: 20px 20px 0 0
}

@media(max-width:1366px) {
	.footer-top .footer-service li a .service-title {
		font-size: 15px
	}
}

.footer-top .footer-service li a .cs-title {
	background: #00becf;
	background: -moz-linear-gradient(left,#00becf 0%,#1e93e2 69%,#0d6ae9 100%);
	background: -webkit-linear-gradient(left,#00becf 0%,#1e93e2 69%,#0d6ae9 100%);
	background: linear-gradient(to right,#00becf 0%,#1e93e2 69%,#0d6ae9 100%)
}

.footer-top .footer-service li a .security-title {
	background: #d248e9;
	background: -moz-linear-gradient(left,#d248e9 0%,#9c68e2 69%,#8c70e1 100%);
	background: -webkit-linear-gradient(left,#d248e9 0%,#9c68e2 69%,#8c70e1 100%);
	background: linear-gradient(to right,#d248e9 0%,#9c68e2 69%,#8c70e1 100%)
}

.footer-top .footer-service li a .bmm-title {
	background: #f84d8f;
	background: -moz-linear-gradient(left,#f84d8f 0%,#c53c95 55%,#ae3398 100%);
	background: -webkit-linear-gradient(left,#f84d8f 0%,#c53c95 55%,#ae3398 100%);
	background: linear-gradient(to right,#f84d8f 0%,#c53c95 55%,#ae3398 100%)
}

.footer-top .footer-service li a .smart-bet-title {
	background: #ffd967;
	background: -moz-linear-gradient(left,#ffd967 0%,#f3a53c 55%,#ec9731 100%);
	background: -webkit-linear-gradient(left,#ffd967 0%,#f3a53c 55%,#ec9731 100%);
	background: linear-gradient(to right,#ffd967 0%,#f3a53c 55%,#ec9731 100%)
}

.footer-top .footer-service li a .service-icon {
	background-color: #fff;
	border-radius: 0 0 20px 20px;
	padding: 20px 10px
}

.footer-top .footer-service li a .service-icon .cs-color {
	background: #00becf;
	background: -moz-linear-gradient(left,#00becf 0%,#1e93e2 69%,#0d6ae9 100%);
	background: -webkit-linear-gradient(left,#00becf 0%,#1e93e2 69%,#0d6ae9 100%);
	background: linear-gradient(to right,#00becf 0%,#1e93e2 69%,#0d6ae9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.footer-top .footer-service li a .service-icon .security-color {
	background: #d248e9;
	background: -moz-linear-gradient(left,#d248e9 0%,#9c68e2 69%,#8c70e1 100%);
	background: -webkit-linear-gradient(left,#d248e9 0%,#9c68e2 69%,#8c70e1 100%);
	background: linear-gradient(to right,#d248e9 0%,#9c68e2 69%,#8c70e1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.footer-top .footer-service li a .service-icon .bmm-color {
	background: #a9182c;
	background: -moz-linear-gradient(top,#a9182c 0%,#a9182b 55%,#231f20 58%,#231f20 100%);
	background: -webkit-gradient(left top,left bottom,color-stop(0%,#a9182c),color-stop(55%,#a9182b),color-stop(58%,#231f20),color-stop(100%,#231f20));
	background: -webkit-linear-gradient(top,#a9182c 0%,#a9182b 55%,#231f20 58%,#231f20 100%);
	background: -o-linear-gradient(top,#a9182c 0%,#a9182b 55%,#231f20 58%,#231f20 100%);
	background: -ms-linear-gradient(top,#a9182c 0%,#a9182b 55%,#231f20 58%,#231f20 100%);
	background: linear-gradient(to bottom,#a9182c 0%,#a9182b 55%,#231f20 58%,#231f20 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9182c',endColorstr='#231f20',GradientType=0);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent
}

.footer-top .footer-service li a .service-icon .smartbet-color {
	background: #ffd967;
	background: -moz-linear-gradient(left,#ffd967 0%,#f3a53c 55%,#ec9731 100%);
	background: -webkit-linear-gradient(left,#ffd967 0%,#f3a53c 55%,#ec9731 100%);
	background: linear-gradient(to right,#ffd967 0%,#f3a53c 55%,#ec9731 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.footer-top .bottom-logo {
	text-align: left
}

@media(max-width:1024px) {
	.footer-top .bottom-logo {
		text-align: center
	}
}

@media(max-width:480px) {
	.footer-top .bottom-logo {
		margin-top: 5px
	}
}

.footer-top .bottom-logo li {
	display: inline-block;
	-webkit-transition: ease-in .5s;
	transition: ease-in .5s;
	margin-right: 17px;
	vertical-align: top
}

@media(max-width:1280px) {
	.footer-top .bottom-logo li {
		margin-right: 3px
	}
}

@media(max-width:1024px) {
	.footer-top .bottom-logo li {
		margin: 0 35px
	}
}

@media(max-width:320px) {
	.footer-top .bottom-logo li {
		margin: 0 15px
	}
}

.footer-top .bottom-logo li:nth-child(2) {
	margin: 0 35px 0 23px
}

@media(max-width:1280px) {
	.footer-top .bottom-logo li:nth-child(2) {
		margin: 0 8% 0 9%
	}
}

@media(max-width:1024px) {
	.footer-top .bottom-logo li:nth-child(2) {
		margin: auto
	}
}

.footer-top .bottom-logo li:nth-child(3) {
	margin-right: 10px
}

.footer-top .bottom-logo li img {
	height: 75px
}

@media(max-width:1024px) {
	.footer-top .bottom-logo li img {
		margin: auto
	}
}

@media(max-width:480px) {
	.footer-top .bottom-logo li img {
		height: 55px
	}
}

.footer-top .bottom-logo .ggpuke-foot {
	background: url(foot-sprite%EF%B9%96v=081821.png) no-repeat -6px -11px;
	width: 85px;
	height: 33px
}

.footer-top .bottom-logo .gg-foot {
	background: url(foot-sprite%EF%B9%96v=081821.png) no-repeat -125px -12px;
	width: 127px;
	height: 27px
}

.footer-top .bottom-logo .weibo-foot {
	background: url(foot-sprite%EF%B9%96v=081821.png) no-repeat -280px -11px;
	width: 100px;
	height: 29px
}

.footer-top .bottom-logo .weibo-foot>a {
	display: block;
	font-size: 27px
}

.footer-top .bottom-logo .apt-foot {
	background: url(foot-sprite%EF%B9%96v=081821.png) no-repeat -283px -11px;
	width: 71px;
	height: 35px
}

.footer-top .bottom-logo .wpt-foot {
	background: url(foot-sprite%EF%B9%96v=081821.png) no-repeat -387px -12px;
	width: 85px;
	height: 35px
}

.footer-bottom {
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 10px 0;
	position: relative
}

.footer-bottom p {
	line-height: 1.5em
}

@media(max-width:1366px) {
	.footer-bottom p {
		text-align: left;
		margin-left: 36%
	}
}

@media(max-width:1200px) {
	.footer-bottom p {
		text-align: left;
		margin-left: 30%
	}
}

@media(max-width:1024px) {
	.footer-bottom p {
		font-size: 12px;
		text-align: center;
		margin-left: auto
	}
}

.footer-bottom .bmm-container {
	top: 13%;
	position: absolute;
	right: 5%
}

@media(max-width:1440px) {
	.footer-bottom .bmm-container {
		right: 0
	}
}

.footer-bottom .bmm-container .bmm-test-foot li {
	display: inline-block;
	margin-right: 10px;
	filter: gray;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%)
}

.footer-bottom .bmm-container .bmm-test-foot li:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%)
}

.footer-bottom .bmm-container .bmm-test-lab {
	background: url(foot-sprite%EF%B9%96v=818211.png) no-repeat -125px -59px;
	width: 150px;
	height: 25px
}

.footer-bottom .bmm-container .iom-gov {
	background: url(foot-sprite%EF%B9%96v=818211.png) no-repeat -32px -55px;
	width: 28px;
	height: 29px
}

.footer-bottom .bmm-container .plus-eighteen {
	background: url(foot-sprite%EF%B9%96v=818211.png) no-repeat -66px -58px;
	width: 25px;
	height: 25px
}

.footer-bottom .bmm-container .gam-care {
	background: url(foot-sprite%EF%B9%96v818211.png) no-repeat -97px -58px;
	width: 23px;
	height: 26px
}

.footer-bottom .bmm-container .begambleaware {
	background: url(foot-sprite%EF%B9%96v=818211.png) no-repeat -277px -58px;
	width: 220px;
	height: 26px
}

.footer-bottom .bmm-container .pagcor {
	background: url(foot-sprite%EF%B9%96v=818211.png) no-repeat -2px -57px;
	width: 28px;
	height: 27px
}

.gg-gwr img {
	width: 100%;
	padding-bottom: 10px
}

@media(max-width:1024px) {
	.gg-gwr img {
		width: 88%
	}
}

@media(max-width:480px) {
	.gg-gwr img {
		width: 100%;
		padding-bottom: 0
	}
}

.gwr-mobi img {
	display: none
}

@media(max-width:1024px) {
	.gwr-mobi img {
		display: inline-block
	}
}

@media(max-width:768px) {
	.gwr-mobi img {
		height: 45px!important
	}
}

@media(max-width:575px) {
	.gwr-mobi img {
		height: 38px!important
	}
}

@media(max-width:375px) {
	.gwr-mobi img {
		height: 36px!important
	}
}

@media(max-width:320px) {
	.gwr-mobi img {
		height: 30px!important
	}
}

.gg-tournament-qr-lbl {
	background-color: #a10b12;
	padding-bottom: 5px;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.gg-tournament-qr-lbl p {
	font-size: 14px
}

.gg-tournament-qr {
	background-color: #fff;
	border-radius: 5px;
	width: 80%;
	margin: 0 auto
}

.gg-tournament-qr img {
	width: 100%;
	padding: 10px
}

@media(max-width:480px) {
	.gg-tournament-qr img {
		padding: 5px
	}
}

@media(max-width:1024px) {
	.footer-img {
		text-align: center
	}
}

.footer-img li {
	display: inline-block;
	vertical-align: top
}

@media(max-width:480px) {
	.footer-img li {
		vertical-align: middle
	}
}

.footer-img li:first-child {
	width: 67%
}

@media(max-width:320px) {
	.footer-img li:first-child {
		width: 100%;
		margin-bottom: 10px
	}
}

.footer-img li:last-child {
	width: 32%
}

@media(max-width:320px) {
	.footer-img li:last-child {
		width: 65%
	}
}

.paused {
	-webkit-animation-play-state: paused!important;
	-moz-animation-play-state: paused!important;
	-o-animation-play-state: paused!important;
	animation-play-state: paused!important
}

.cs-container {
	position: fixed;
	z-index: 8;
	height: auto;
	right: 10px;
	top: 30%
}

@media(max-width:480px) {
	.cs-container {
		top: unset;
		bottom: 245px
	}
}

.cs-container ul li {
	text-align: right;
	display: block
}

.cs-container ul li a {
	color: #fff;
	font-size: 15px;
	background: #cd171f;
	border-radius: 40px;
	margin-bottom: 10px;
	transform: translatey(0);
	animation: float 6s ease-in-out infinite;
	padding: 12px 13px;
	display: inline-block
}

.cs-container ul li a i {
	font-size: 27px;
	vertical-align: middle
}

@media(max-width:480px) {
	.cs-container ul li a i {
		font-size: 20px
	}
}

.cs-container ul li a span {
	vertical-align: middle;
	display: none
}

@media(max-width:1024px) {
	.cs-container ul li a span {
		display: none
	}
}

.cs-container ul li:hover>a {
	background: #212121;
	-webkit-transition: ease-in 1s;
	transition: ease-in 1s;
	cursor: pointer;
	border-radius: 40px;
	color: #fff!important;
	min-width: 170px;
	text-align: center
}

.cs-container ul li:hover>a>i {
	margin-right: 5px
}

.cs-container ul li:hover>a>span {
	display: inline-block
}

.wechat-common {
	display: none;
	position: absolute;
	width: 220px;
	z-index: 3;
	background: #fff;
	padding: 30%;
	border-radius: 5px;
	box-shadow: 1px 1px 4px 3px rgba(0,0,0,.24);
	-webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.24);
	-moz-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.24)
}

.wechat-head-anchor {
	vertical-align: text-top
}

.wechat-head-anchor:hover .wechat-hover {
	display: block
}

.wechat-head {
	position: relative
}

.wechat-head-anchor-coop:hover+.wechat-hover-coop {
	display: block!important
}

@media(max-width:1024px) {
	.wechat-head-anchor-coop:hover+.wechat-hover-coop {
		display: none!important
	}
}

.wechat-hover-coop {
	left: 0;
	top: 74px;
	padding: 25%
}

.wechat-hover {
	left: 55px;
	top: 44px
}

@media(max-width:1024px) {
	.wechat-hover {
		position: fixed;
		width: 53%;
		top: 50%;
		right: auto;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		z-index: 9;
		padding: 0
	}
}

@media(max-width:480px) {
	.wechat-hover {
		width: 70%
	}
}

.wechat-cs {
	position: relative;
	display: none!important
}

@media(max-width:1024px) {
	.wechat-cs {
		display: block!important
	}
}

.wechat-cs:hover {
}

.wechat-cs:hover .wechat-dd {
	display: block
}

.wechat-dd {
	display: none;
	position: absolute;
	width: 220px;
	right: 70px;
	top: -193px;
	background: #fff;
	padding: 30%;
	border-radius: 5px;
	box-shadow: 1px 1px 4px 3px rgba(0,0,0,.24);
	-webkit-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.24);
	-moz-box-shadow: 1px 1px 4px 3px rgba(0,0,0,.24)
}

@media(max-width:1024px) {
	.wechat-dd {
		position: fixed;
		width: 53%;
		top: 50%;
		right: auto;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		z-index: 9;
		padding: 0
	}
}

@media(max-width:480px) {
	.wechat-dd {
		width: 70%
	}
}

@media(max-width:1024px) {
	.wechat-dd-detail {
		margin-bottom: 10px
	}
}

@media(max-width:480px) {
	.wechat-dd-detail {
		padding: 10px
	}
}

.wechat-dd-detail img {
	border: 1px solid #b2b2b2;
	padding: 5px
}

@media(max-width:1024px) {
	.wechat-dd-detail img {
		width: 40%;
		margin-top: 20px
	}
}

@media(max-width:480px) {
	.wechat-dd-detail img {
		width: 95%;
		margin-top: 10px
	}
}

.wechat-dd-close {
	background: #cd171f;
	text-align: right;
	padding: 4px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.wechat-dd-close i {
	font-size: 15px;
	color: #fff
}

.address-shorthand-grp {
	background: #9f0007;
	border-radius: 25px;
	vertical-align: middle;
	padding: 3px 10px
}

@media(max-width:1024px) {
	.address-shorthand-grp {
		background: #000;
		border-radius: 0;
		padding: 12px 10px;
		text-align: center
	}
}

.address-shorthand-grp img {
	height: unset!important;
	margin-right: 5px
}

.address-shorthand-grp label {
	padding: 0!important;
	font-size: 13px!important
}

@media(max-width:1024px) {
	.address-shorthand-grp label {
		font-size: 15px!important
	}
}

.address-shorthand-grp i {
	font-size: 30px;
	color: #fff
}

.success-msg {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	z-index: 4;
	background: #fff;
	padding: 18px 5%;
	border-radius: 5px
}

.success-msg p {
	color: #212121;
	font-size: 20px;
	font-weight: bold
}

.modal-blockUI {
	display: none;
	background-color: rgba(0,0,0,.5);
	height: 100vh;
	position: fixed;
	z-index: 1;
	width: 100%;
	top: 0
}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0 rgba(0,0,0,.6);
		transform: translatey(0)
	}

	50% {
		box-shadow: 0 25px 15px 0 rgba(0,0,0,.2);
		transform: translatey(-20px)
	}

	100% {
		box-shadow: 0 5px 15px 0 rgba(0,0,0,.6);
		transform: translatey(0)
	}
}

@media(max-width:1024px) {
	.black-body {
		background-color: #000
	}
}

.ggpk-landing-body {
}

.ggpk-landing-body .image-box {
}

@media(max-width:768px) {
	.ggpk-landing-body .image-box {
		width: 100%
	}
}

.ggpk-landing-body .image-box .pc-btn {
}

.ggpk-landing-body .image-box .pc-btn .btn-redirect-box {
}

.ggpk-landing-body .image-box .pc-btn .btn-redirect-box img {
}

.ggpk-landing-body .image-box a {
	cursor: unset
}

@media(max-width:1024px) {
	.ggpk-landing-body .image-box a img {
		width: 100%
	}
}

.ggwsop-header {
	position: absolute;
	display: block;
	left: 24px;
	top: 7px
}

@media(max-width:1024px) {
	.ggwsop-header {
		display: none
	}
}

.video-box {
	position: fixed;
	width: 16%;
	left: 6px;
	top: 40%;
	z-index: 11;
	cursor: pointer
}

.video-box>i {
	position: absolute;
	right: -15px;
	color: #fff;
	top: -12px;
	background-color: rgba(0,0,0,.75);
	padding: 5px;
	border-radius: 50%;
	font-size: 14px
}

@media(max-width:1024px) {
	.video-box {
		width: 26%;
		top: 25%
	}
}

@media(max-width:768px) {
	.video-box {
		width: 35%;
		padding: 3px 3px 1px;
		top: auto;
		bottom: 30px
	}
}

@media(max-width:480px) {
	.video-box {
		width: 40%
	}
}

.video-widget-modal {
	display: none
}

.modal {
	background-color: rgba(0,0,0,.85);
	height: 100vh;
	position: fixed;
	z-index: 26;
	width: 100%;
	top: 0
}

.video-box-modal {
	text-align: center;
	position: absolute;
	background-color: #fefefe;
	margin: auto;
	padding: 18px;
	width: 38%;
	border-radius: 5px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	z-index: 26;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3)
}

@media(max-width:1024px) {
	.video-box-modal {
		width: 90%;
		padding: 6px
	}
}

@media(max-width:768px) {
	.video-box-modal {
		padding: 6px 6px 5px
	}
}

.video-box-modal>i {
	position: absolute;
	font-size: 18px;
	background: #fff;
	cursor: pointer;
	padding: 9px;
	border-radius: 50%;
	right: -17px;
	top: -17px;
	color: #4e4e4e;
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.35),0 3px 3px 1px rgba(0,0,0,.2),0 5px 0 -3px rgba(0,0,0,.3)
}

@media(max-width:768px) {
	.video-box-modal>i {
		top: auto;
		bottom: -64px;
		right: 45%;
		font-size: 26px
	}
}

@media(max-width:480px) {
	.video-box-modal>i {
		font-size: 19px
	}
}

.slider-preload {
	padding: 50px 20px 20px 20px
}

.slider-preload img {
	width: 100%;
	margin: 0 auto;
	height: auto;
	border-radius: 20px;
	border: 1px solid #feebeb
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear
}

.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.snow-canvas {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	pointer-events: none
}

.gg-milestone {
	position: relative;
	z-index: 210
}

@media(max-width:1024px) {
	.gg-milestone {
		z-index: 208
	}
}

.gg-milestone-popup {
	display: none;
	position: fixed;
	z-index: 209;
	top: 0;
	width: 100%;
	height: 100%
}

.gg-milestone-box {
	display: block;
	position: absolute;
	text-align: center;
	width: 42%;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 0
}

@media(max-width:1024px) {
	.gg-milestone-box {
		width: 60%
	}
}

@media(max-width:480px) {
	.gg-milestone-box {
		width: 90%
	}
}

@media(max-width:1024px) {
	.ggm-pc {
		display: none
	}
}

.ggm-mobi {
	display: none
}

@media(max-width:1024px) {
	.ggm-mobi {
		display: block
	}
}

.milestone-close {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	z-index: 7;
	background: #111e38;
	border: 2px solid #877333;
	border-radius: 50%;
	padding: 6px 10px
}

@media(max-width:1024px) {
	.milestone-close {
		display: block
	}
}

.milestone-close>span {
	color: #fff;
	font-size: 17px
}

.swiper-pagination-bullet-active {
	color: #fff;
	background-color: #cd171f!important
}

.swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	color: #000;
	background-color: #fff;
	margin: 0 8px 0 10px;
	border: #1f1f1f solid 2px;
	border-radius: 8px;
	opacity: 7
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 14px;
	width: 100%
}

@media(max-width:1600px) {
	.main-banner-container .swiper-slide a>img {
		margin-left: -170px
	}
}

@media only screen and (min-width:1170px)and (max-width:1440px) {
	.main-banner-container .swiper-slide a>img {
		margin-left: -250px
	}
}

@media only screen and (max-width:1170px) {
	.main-banner-container .swiper-slide a>img {
		margin-left: -300px
	}
}

@media(max-width:1200px) {
	.main-banner-container .swiper-slide a>img {
		margin-left: -330px
	}
}

.mobile-download {
	position: absolute;
	background: rgba(0,0,0,.8);
	right: 0;
	top: 0;
	bottom: 0;
	width: 740px;
	height: 370px;
	padding: 20px 31px;
	z-index: 1
}

@media(max-width:1600px) {
	.mobile-download {
		width: 623px
	}
}

@media(max-width:1440px) {
	.mobile-download {
		width: 480px
	}
}

@media(max-width:1366px) {
	.mobile-download {
		width: 475px
	}
}

.mobile-download:before,.mobile-download:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	left: -40px;
	width: 0;
	opacity: .8;
	height: 0;
	display: block
}

.mobile-download:before {
	border-right: 40px solid #000;
	border-top: 0 solid transparent;
	border-bottom: 196px solid transparent
}

.mobile-download:after {
	border-top: 196px solid transparent;
	border-right: 40px solid #000;
	border-bottom: 0 solid transparent;
	bottom: 0;
	top: auto
}

.mobile-download .dl-details {
	font-size: 17px
}

@media(max-width:1600px) {
	.mobile-download .dl-details {
		font-size: 14px
	}
}

.mobile-download a {
	font-size: 22px;
	letter-spacing: 3px
}

.mobile-dl-img {
	width: 42%;
	display: block;
	margin: 30px auto 0
}

@media(max-width:1600px) {
	.mobile-dl-img {
		width: 50%
	}
}

@media(max-width:1440px) {
	.mobile-dl-img {
		width: 38%
	}
}

@media(max-width:1366px) {
	.mobile-dl-img {
		width: 35%
	}
}

.banner-mobi {
	height: 440px;
	padding-top: 50px;
	overflow: hidden
}

@media(max-width:480px) {
	.banner-mobi {
		height: 330px;
		padding-top: 0
	}
}

@media(max-width:375px) {
	.banner-mobi {
		height: 315px
	}
}

@media(max-width:320px) {
	.banner-mobi {
		height: 255px
	}
}

.announcement {
	overflow: hidden;
	height: 40px;
	position: relative;
	padding: 0
}

.announcement .announcement-title {
	display: block;
	font-weight: 700;
	font-size: 16px;
	border-bottom: 40px solid #cd171f;
	border-right: 14px solid transparent;
	height: 0;
	line-height: 40px
}

.announcement .bg-float-sm {
	width: 10%;
	background: #424242;
	height: 40px;
	position: absolute;
	z-index: 1;
	right: 0
}

.announce-scroll {
	width: 80%;
	overflow: hidden;
	height: 40px;
	position: relative;
	padding: 10px 0;
	transform: skew(-20deg)
}

.announce-scroll>div {
	display: inline-block;
	font-size: 0;
	line-height: 30px
}

.news-wrapper {
	overflow: hidden;
	height: 25px;
	position: absolute;
	top: 5px;
	left: 20px
}

.announce-text {
	overflow: hidden;
	display: inline-block;
	padding: 0;
	background: #424242;
	transform: skew(20deg)
}

#list-announce {
	list-style: none;
	margin-left: 20px;
	overflow: hidden;
	height: 30px;
	top: 0
}

#list-announce>li {
	list-style: none;
	display: block;
	margin-bottom: 5px;
	color: #fff;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden
}

#list-announce>li font {
	color: #ff0!important
}

#list-announce>li>a {
	color: #1b1b1b;
	font-size: 16px
}

.promotion .promo-tabs-container {
	box-shadow: none;
	margin: 10px 0
}

.promo-tabs-container {
	width: 100%;
	padding: 0;
	font-size: 0;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s;
	color: #b4b4b4
}

.promo-tabs-container li {
	border: none;
	padding: 10px 10px;
	text-align: center;
	background: transparent;
	font-size: 17px;
	display: inline-block;
	cursor: pointer;
	height: auto;
	margin-bottom: 0
}

.promo-tabs-container li.active {
	color: #212121;
	font-weight: 600;
	border-bottom: 2px solid #cd171f
}

.featured-promotion {
	min-height: 570px;
	padding: 20px 0 0
}

.sec-title {
	color: #333;
	font-size: 21px;
	padding: 50px 0 40px
}

.featured-promotion li {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px
}

.promo-box {
	position: relative;
	overflow: hidden;
	width: 90%;
	margin: 0 auto
}

.promo-box a {
	display: block
}

.promo-box a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	opacity: 0;
	content: "";
	background: rgba(0,0,0,.8);
	transition: all .5s ease-out 0s;
	z-index: 2
}

.promo-box a:hover:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1
}

.promo-box a>img {
	width: 100%;
	transition: all .5s ease-out 0s
}

.promo-box:hover img {
	transform: scale(1.1)
}

.promo-box:hover .promo-detail {
	opacity: 1
}

.promo-detail {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	padding: 0 10px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	z-index: 3;
	pointer-events: none;
	color: #fff
}

.promo-detail .title {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 5px
}

.promo-detail small {
	font-size: 13px;
	text-align: center;
	display: block
}

.promo-caption {
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%)
}

.promo-caption .title {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 5px
}

.promo-caption small {
	font-size: 13px;
	display: block
}

.article-container {
	padding: 0 10%
}

.article-img {
	margin-bottom: 20px
}

.article-img>img {
	display: block;
	margin: 0 auto;
	width: 100%
}

.article-list li {
	border-bottom: 1px dotted #a6a6a6;
	margin-bottom: 0
}

.article-list li:first-child {
	border-top: 1px dotted #a6a6a6
}

.article-list li a {
	font-size: 14px;
	color: #212121;
	padding: 9px 5px;
	display: block
}

.article-list li a:hover {
	color: #0012ff
}

.article-list li a span {
	display: inline-block;
	vertical-align: middle
}

.article-list li a span:first-child {
	margin-right: 10px
}

.article-list li a span.new {
	background: red;
	padding: 3px 10px;
	border-radius: 30px;
	color: #fff;
	font-size: 13px;
	font-weight: 600
}

.article-list li.new>a {
	padding: 7px 5px
}

.article-list li.visited>a {
	color: #0012ff
}

.article-container .easyPaginateNav a {
	color: #333
}

.article-container .easyPaginateNav a:hover {
	color: #ffba00
}

.article-container .easyPaginateNav a.page:hover {
	color: #fff;
	background: #212121
}

.article-container .easyPaginateNav a.current:hover {
	background: #212121
}

.easyPaginateNav {
	text-align: right;
	padding: 14px 0;
	min-height: 45px;
	width: 100%!important
}

.easyPaginateNav a {
	font-size: 13px;
	padding: 0 4px;
	margin: 0 5px;
	border: 1px solid #212121
}

.easyPaginateNav a:hover {
	color: #ffdb5a
}

.easyPaginateNav a.page:hover {
	background: #212121;
	color: #fff
}

.easyPaginateNav a.prev,.easyPaginateNav a.next {
	border: none
}

.easyPaginateNav a.current {
	background: #212121;
	padding: 0 4px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #212121
}

.easyPaginateNav a.current:hover {
	color: #fff
}

.tournament-section {
	padding: 40px 0 20px;
	min-height: 430px
}

@media(max-width:1024px) {
	.tournament-section {
		min-height: initial;
		padding: 0 0 20px
	}
}

.tournament-section>img {
	display: block;
	margin: 0 auto;
	height: 120px
}

.tournament-section p {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px
}

@media(max-width:1024px) {
	.tournament-section p {
		color: #fff!important;
		font-weight: normal;
		background: #171717;
		font-size: 18px;
		padding: 20px 0
	}
}

.tournament-container {
	position: relative;
	max-width: 1222px;
	margin: 20px auto;
	overflow: hidden
}

@media(max-width:1600px) {
	.tournament-container-list .swiper-slide a>img {
		margin-left: 0
	}
}

.swiper-btn-container .swiper-button-prev,.swiper-btn-container .swiper-button-next {
	background-size: 100%;
	background-size: auto;
	width: 12px;
	height: 30px;
	background-color: #212121;
	padding: 30px 0;
	min-width: 28px;
	top: 45%
}

.swiper-btn-container .swiper-button-prev {
	background-image: url(../res/arrow-left.png)
}

.swiper-btn-container .swiper-button-next {
	background-image: url(../res/arrow-right.png)
}

.tournament-container-list {
	width: 1100px
}

.tournament-container-list .swiper-wrapper {
}

.tournament-container-list .swiper-wrapper .swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.tournament-container-list .swiper-wrapper .swiper-slide a img {
	width: 100%
}

.swiper-desc {
	position: absolute;
	width: 100%;
	background-color: #212121;
	bottom: 0;
	min-height: 30px
}

.swiper-desc p {
	line-height: 30px;
	font-size: 14px
}

.special-feature {
	min-height: 320px;
	padding-bottom: 10px;
	padding: 20px 0 0
}

.special-feature p {
	font-size: 17px;
	border-bottom: 3px solid #ffba00;
	display: inline-block;
	font-weight: 600
}

.feature-img {
	width: 100%;
	height: 186px;
	background: #e1e1e1
}

.feature-img img {
	object-fit: cover;
	margin-bottom: 20px;
	width: 100%;
	height: 100%
}

.menu-feature li {
	margin-bottom: 8px
}

.menu-feature li a {
	background: #eee;
	display: block;
	border-radius: 5px;
	color: #707070;
	padding: 14.5px 10px;
	font-size: 12px
}

.feature-aof {
	padding: 3px 12px!important
}

.menu-feature .active {
	background: #c3c3c3
}

.menu-feature li.active>a {
	color: #333
}

.blog-feature li a {
}

.playpoker-download {
	min-height: 520px;
	padding: 40px 0 20px
}

@media(max-width:768px) {
	.playpoker-download {
		min-height: 360px;
		padding: 40px 0 40px
	}
}

@media(max-width:480px) {
	.playpoker-download {
		min-height: 315px;
		padding: 20px 0
	}
}

@media(max-width:414px) {
	.playpoker-download {
		min-height: 285px
	}
}

.playpoker-download img {
	height: 280px
}

@media(max-width:1024px) {
	.playpoker-download img {
		height: auto;
		width: 93%
	}
}

@media(max-width:768px) {
	.playpoker-download img {
		width: 70%
	}
}

@media(max-width:414px) {
	.playpoker-download img {
		width: 80%
	}
}

@media(max-width:375px) {
	.playpoker-download img {
		width: 90%
	}
}

.playpoker-download h5 {
	font-size: 35px;
	padding: 5px 0;
	letter-spacing: 5px
}

@media(max-width:480px) {
	.playpoker-download h5 {
		font-size: 23px;
		letter-spacing: 2px
	}
}

.playpoker-download p {
	color: #717171;
	font-size: 17px
}

@media(max-width:414px) {
	.playpoker-download p {
		font-size: 14px
	}
}

.playpoker-download p:last-child {
	color: #a6a6a6;
	font-size: 14px
}

.playpoker-download a {
	margin: 10px 0 6px
}

@media(max-width:480px) {
	.playpoker-download a {
		font-size: 15px
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform
}

.swiper-invisible-blank-slide {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top,.2s -webkit-transform;
	transition: .2s top,.2s -webkit-transform;
	-o-transition: .2s transform,.2s top;
	transition: .2s transform,.2s top;
	transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left,.2s -webkit-transform;
	transition: .2s left,.2s -webkit-transform;
	-o-transition: .2s transform,.2s left;
	transition: .2s transform,.2s left;
	transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-o-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

.coop-padd {
	padding: 30px 0
}

@media(max-width:480px) {
	.coop-padd {
		padding: 10px 0
	}
}

.coop-games {
	width: 100%
}

.coop-games li {
	display: inline-block
}

@media(max-width:480px) {
	.coop-games li {
		width: 20%;
		padding: 5px
	}
}

@media(max-width:768px) {
	.coop-games img {
		width: 100%
	}
}

.coop-mobile {
	width: 50%
}

@media(max-width:480px) {
	.coop-mobile {
		width: 75%
	}
}

.coop-benefits {
	margin-bottom: 20px
}

@media(max-width:480px) {
	.coop-benefits {
		margin-bottom: 5px
	}
}

.coop-benefits .benefit-icon {
	display: inline-block;
	padding: 20px;
	vertical-align: middle
}

@media(max-width:320px) {
	.coop-benefits .benefit-icon {
		padding: 20px 10px
	}
}

.coop-benefits .benefit-icon i {
	font-size: 50px;
	display: inline-block;
	color: #cd171f
}

@media(max-width:768px) {
	.coop-benefits .benefit-icon i {
		font-size: 33px
	}
}

.coop-benefits .benefit-title {
	display: inline-block;
	vertical-align: middle;
	font-weight: 600
}

.coop-benefits .benefit-title label {
	display: block;
	font-size: 25px;
	padding-bottom: 15px
}

@media(max-width:768px) {
	.coop-benefits .benefit-title label {
		font-size: 18px
	}
}

@media(max-width:480px) {
	.coop-benefits .benefit-title label {
		padding-bottom: 10px
	}
}

.coop-benefits .benefit-title span {
	font-size: 18px
}

@media(max-width:768px) {
	.coop-benefits .benefit-title span {
		font-size: 14px
	}
}

@media(max-width:768px) {
	.coop-benefits .benefit-title span {
		font-size: 12px
	}
}

.agency-contact-bg {
	background-color: #f9fafb;
	padding: 2% 0;
	margin-top: 2%
}

@media(max-width:480px) {
	.agency-contact-bg .agency-block {
		display: block
	}
}

.agency-contact-bg .agency-contact .agency-icon {
	display: inline-block;
	padding: 20px;
	vertical-align: middle
}

@media(max-width:480px) {
	.agency-contact-bg .agency-contact .agency-icon {
		padding: 5px;
		width: 30%
	}
}

.agency-contact-bg .agency-contact .agency-icon img {
	height: 140px
}

@media(max-width:480px) {
	.agency-contact-bg .agency-contact .agency-icon img {
		height: unset;
		width: 100%
	}
}

.agency-contact-bg .agency-contact .agency-title {
	display: inline-block;
	vertical-align: middle;
	font-weight: 600
}

@media(max-width:480px) {
	.agency-contact-bg .agency-contact .agency-title {
		width: 67%
	}
}

.agency-contact-bg .agency-contact .agency-title label {
	display: block;
	font-size: 30px;
	padding-bottom: 7px
}

@media(max-width:480px) {
	.agency-contact-bg .agency-contact .agency-title label {
		font-size: 18px;
		padding-bottom: 7px
	}
}

@media(max-width:480px) {
	.agency-contact-bg .agency-contact .agency-title p {
		display: inline-block;
		font-size: 14px
	}
}

.agency-contact-bg .agency-contact .agency-title a {
	color: #070707;
	font-size: 18px;
	line-height: 1.5em
}

@media(max-width:480px) {
	.agency-contact-bg .agency-contact .agency-title a {
		font-size: 14px
	}
}

@media(max-width:480px) {
	.section-title .title-lg {
		font-size: 1.7em
	}
}

@media(max-width:480px) {
	.section-title .title-md {
		font-size: 1.4em
	}
}

.faq-banner {
	max-width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto
}

.faq-banner img {
	width: 100%
}

.faq-top {
	padding: 8% 0
}

@media(max-width:1024px) {
	.faq-top {
		padding: 5px 0
	}
}

.faq-box-content {
	padding: 40px 35px;
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	min-height: 650px
}

@media(max-width:1024px) {
	.faq-box-content {
		min-height: 100px
	}
}

@media(max-width:1024px) {
	.faq-list {
		border: none;
		min-height: initial;
		padding-left: 0!important;
		padding-right: 0!important
	}
}

.faq-list>label {
	position: relative
}

@media(max-width:1024px) {
	.faq-list>label {
		background: #fff;
		padding: 12px 10px;
		color: #212121;
		width: 50%
	}
}

.faq-list>label:after {
	content: '';
	font-family: icomoon;
	font-size: 10px;
	position: absolute;
	top: 16px;
	color: #000;
	right: 10px;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: linear .3s
}

.faq-list .drop:after {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.faq-list hr {
	height: 4px;
	border: none;
	background-color: #cd171f;
	width: 53%;
	margin-top: 6px;
	text-align: center;
	display: inline-block
}

.faq-list ul {
	font-size: 14px;
	line-height: 27px
}

@media(max-width:1024px) {
	.faq-list ul {
		background: #fff
	}
}

.faq-list ul li a {
	color: #212121
}

.faq-list ul li a:hover {
	color: #cd171f
}

@media(max-width:1024px) {
	.faq-menu-title {
		color: #fff0c1;
		line-height: 23px;
		font-size: 18px;
		padding-top: 0
	}
}

.box-inner.faq-box-content a {
	word-break: break-all;
	font-size: 15px;
	line-height: 20px
}

.faq-section h1 {
	font-size: 1.8em;
	position: relative;
	text-align: right
}

@media(max-width:1024px) {
	.faq-section h1 {
		color: #fff0c1;
		text-align: left;
		font-size: 1.45em;
		padding: 20px 0 10px
	}
}

@media(max-width:480px) {
	.faq-section h1 {
		font-size: 1.1em
	}
}

.faq-section .box-inner {
	width: 100%;
	margin: 10px auto;
	border: 1px solid #cdcdcd
}

@media(max-width:1024px) {
	.faq-section .box-inner {
		border: 1px solid #969696;
		border-radius: 0
	}
}

.faq-section .box-inner h3 {
	background-color: transparent;
	border-bottom: none;
	text-align: left;
	padding: 5px 0
}

.faq-section .faq-box-content {
	padding: 15px 35px
}

@media(max-width:480px) {
	.faq-section .faq-box-content {
		padding: 15px 15px
	}
}

.faq-section .faq-box-content h2,.faq-section .faq-box-content h3,.faq-section .faq-box-content p {
	color: #212121
}

@media(max-width:1024px) {
	.faq-section .faq-box-content h2,.faq-section .faq-box-content h3,.faq-section .faq-box-content p {
		color: #fff
	}
}

.faq-section .faq-box-content h2 {
	padding: 12px 0;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 18px
}

@media(max-width:1024px) {
	.faq-section .faq-box-content h2 {
		color: #fff0c1
	}
}

@media(max-width:480px) {
	.faq-section .faq-box-content h2 {
		padding: 10px 0;
		font-weight: bold;
		font-size: 16px
	}
}

.faq-section .faq-box-content h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0
}

@media(max-width:1024px) {
	.faq-section .faq-box-content h3 {
		color: #fff0c1
	}
}

@media(max-width:480px) {
	.faq-section .faq-box-content h3 {
		font-size: 14px
	}
}

.faq-section .faq-box-content p {
	padding: 5px 0;
	line-height: 1.6em;
	font-size: 15px
}

@media(max-width:480px) {
	.faq-section .faq-box-content p {
		font-size: 13px
	}
}

.faq-section .faq-box-content hr {
	height: 1px;
	border: none;
	background-color: #dedede;
	width: 100%;
	margin-top: 12px;
	text-align: center;
	display: inline-block;
	margin: 10px 0
}

@media(max-width:1024px) {
	.faq-section .faq-box-content hr {
		background-color: #969696
	}
}

.faq-navbar>li {
	margin-bottom: 15px;
	position: relative
}

@media(max-width:1024px) {
	.faq-navbar>li {
		margin-bottom: 0
	}
}

.faq-navbar>li>a {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 10px;
	border-bottom: 2px solid #cd171f;
	display: block;
	margin-bottom: 10px
}

@media(max-width:1024px) {
	.faq-navbar>li>a {
		margin-bottom: 0;
		border-bottom: none;
		padding: 5px 10px;
		font-weight: normal;
		position: relative
	}

	.faq-navbar>li>a:after {
		content: '';
		font-family: icomoon;
		font-size: 10px;
		position: absolute;
		top: 6px;
		color: #000;
		right: 10px;
		transition: linear .3s
	}
}

@media(max-width:480px) {
	.faq-navbar>li>a {
		font-size: 14px
	}
}

@media(max-width:1024px) {
	.faq-dropdown-menu {
		display: none;
		position: absolute;
		left: 100%;
		width: 100%;
		top: 0;
		z-index: 1
	}
}

@media(max-width:1024px) {
	.faq-dropdown-menu li a {
		padding: 4px 9px;
		display: block
	}
}

.faq-dropdown-menu .active a {
	color: #cd171f
}

.faq-nav-link {
	margin-top: 37px
}

@media(max-width:1024px) {
	.faq-nav-link {
		display: none
	}
}

@media(max-width:1024px) {
	.faq-navbar {
		display: none;
		width: 50%
	}
}

@media(max-width:1024px) {
	.faq-navbar>li.active>a {
		color: #cd171f
	}
}

.show {
	display: block
}

.arrow {
	font-size: 60px;
	position: absolute;
	right: -40px;
	top: 45%;
	color: #707070
}

@media(max-width:480px) {
	.arrow {
		font-size: 28px;
		right: -17px
	}
}

.container-medium {
	width: 900px;
	margin: 0 auto
}

.btn-blog {
	min-height: 35px
}

.blog-box {
	margin-bottom: 20px
}

.blog-box .blog-banner {
	width: 100%
}

.blog-box .blog-content {
	background-color: #000;
	font-size: 14px;
	padding: 5% 5% 1% 5%;
	color: #fff
}

.blog-box .blog-content .blog-logo img {
	height: 35px
}

.blog-box .blog-content .blog-logo span {
	padding: 0 12px;
	vertical-align: middle
}

.blog-box .blog-content .clamp-5 {
	height: 130px;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.blog-box .blog-content p {
	padding: 10px 0;
	margin-bottom: 10px
}

.blog-box .blog-content hr {
	border: 1px solid #cd171f;
	display: block;
	color: red!important;
	width: 100%;
	margin: 0;
	padding: 0
}

.blog-box .blog-content .blog-read {
	margin-top: 20px
}

.blog-box .blog-content .art-read {
	margin-top: 5px
}

.blog-title {
	color: #cd171f
}

.blog-title h1 {
	font-weight: 600;
	padding: 12px 0;
	display: inline-block;
	line-height: 1.3em
}

.blog-title .title-lg {
	font-size: 2.5em
}

.blog-title .title-md {
	font-size: 1.7em
}

.blog-title .title-sm {
	font-size: 1.2em
}

.blog-title .blog-subtitle {
	display: block;
	color: #fff;
	line-height: 1.2em;
	padding-bottom: 20px
}

.article-padd {
	padding: 0 10px
}

.recent-art-box {
	border: 1px solid #848484
}

.recent-art-box:hover {
	-webkit-box-shadow: 0 0 7px 0 rgba(132,132,132,.8);
	-moz-box-shadow: 0 0 7px 0 rgba(132,132,132,.8);
	box-shadow: 0 0 7px 0 rgba(132,132,132,.8)
}

.recent-art-title {
	color: #fff;
	padding: 5%
}

.recent-art-title h1 {
	font-weight: 600;
	display: inline-block;
	line-height: 1.3em
}

.recent-art-title .title-sm {
	font-size: 1.2em
}

.article-logo {
	padding-bottom: 5%;
	border-bottom: 1px solid #848484
}

.article-logo img {
	height: 40px!important
}

.article-logo span {
	font-size: 16px!important
}

.article-banner {
	padding: 3% 0
}

.article-text {
	width: 75%
}

.btn-page {
	text-align: right
}

.btn-page button {
	padding: 3px 10px;
	margin: 0 10px;
	font-size: 12px;
	display: inline-block
}

.btn-page>:last-child {
	margin-right: 0
}

.art-share {
	border-top: 1px solid #848484;
	border-bottom: 1px solid #848484
}

.art-share label i {
	font-size: 17px;
	padding: 0 5px;
	vertical-align: bottom
}

.art-prev {
	transform: rotate(180deg);
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.article-thumb {
	margin-bottom: 5%
}

.article-thumb h4 {
	padding-bottom: 3%
}

.recent-art-banner {
	height: 130px
}

.recent-art-banner img {
	object-fit: cover;
	width: 100%;
	height: 100%
}

.video-container {
	width: 100%;
	height: auto;
	text-align: center
}

.video-container video {
	width: 100%;
	margin-bottom: 10px;
	height: 235px
}

.video-content .vid-title {
	font-size: 14px;
	font-weight: 600
}

.video-content .vid-subtitle {
	color: #767676;
	font-size: 14px
}

.video-content .vid-subtitle label {
	padding: 0 3px
}

.video-frame iframe {
	width: 100%;
	height: 235px;
	margin-bottom: 10px
}

.about-bg {
	background: url(background.jpg) no-repeat;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 120vh;
	display: block;
	background-size: cover;
	background-position: center
}

@media(max-width:1024px) {
	.about-bg {
		min-height: unset;
		padding: 0 5%
	}
}

@media(max-width:480px) {
	.about-bg {
		background-position: top right 25%
	}
}

.about-content {
	padding: 15% 0;
	margin-left: 8px
}

@media(max-width:1024px) {
	.about-content {
		padding: 10% 0;
		margin-left: 0
	}
}

.about-content img {
	height: 256px;
	padding-bottom: 4px
}

@media(max-width:1024px) {
	.about-content img {
		height: unset;
		width: 70%;
		padding-bottom: 5px
	}
}

.about-content h3 {
	padding: 33px 0;
	letter-spacing: 10px;
	font-size: 45px
}

@media(max-width:1024px) {
	.about-content h3 {
		padding: 22px 0;
		font-size: 35px
	}
}

@media(max-width:480px) {
	.about-content h3 {
		padding: 15px 0;
		font-size: 22px;
		letter-spacing: 3px
	}
}

.about-content p {
	line-height: 38px
}

@media(max-width:1024px) {
	.about-content p {
		line-height: 2em
	}
}

@media(max-width:480px) {
	.about-content p {
		font-size: 14px
	}
}

.about-content a {
	margin: 0 34px;
	margin-top: 18px
}

@media(max-width:1024px) {
	.about-content a {
		margin: 0;
		margin-top: 18px
	}
}

.about-content p:last-child {
	color: #a6a6a6;
	font-size: 14px;
	padding: 0 11.5%
}

@media(max-width:1024px) {
	.about-content p:last-child {
		font-size: 14px;
		padding: 10px 7%
	}
}

.tutorial-main-banner {
	max-width: 100%;
	height: auto;
	margin: 0 auto
}

.tutorial-main-banner img {
	width: 100%
}

.tutorial-main-content {
	padding: 70px 0
}

@media(max-width:1024px) {
	.tutorial-main-content {
		padding: 0 3%
	}
}

.select-tabs-container {
	width: 100%;
	font-size: 0;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s;
	color: #818181;
	box-shadow: none;
	padding-bottom: 3%;
	border-bottom: 1px solid #cecece
}

@media(max-width:1024px) {
	.select-tabs-container {
		color: unset;
		padding-bottom: unset;
		border-bottom: unset;
		display: none;
		background-color: #fff;
		position: absolute;
		top: 35px;
		overflow: hidden;
		transition: ease .4s;
		-o-transition: ease .4s;
		-webkit-transition: ease-in .5s;
		z-index: 9;
		box-shadow: 0 0 5px 0 #afafaf;
		cursor: pointer
	}
}

.select-tabs-container li {
	padding: 0 10px;
	width: 25%;
	display: inline-block;
	position: relative
}

@media(max-width:1024px) {
	.select-tabs-container li {
		text-align: left;
		display: block;
		position: relative;
		padding: 5px 0;
		cursor: pointer;
		border-bottom: 1px solid #eee;
		width: 100%
	}

	.select-tabs-container li:hover {
		background: #fff6d7
	}
}

.select-tabs-container li .select-tab-menu {
	border: none;
	padding: 15px 10px;
	text-align: center;
	font-size: 18px;
	display: block;
	cursor: pointer;
	height: auto;
	margin-bottom: 0;
	border-radius: 10px;
	background-color: #e5e5e5
}

@media(max-width:1024px) {
	.select-tabs-container li .select-tab-menu {
		color: #333;
		display: inline-block;
		padding: 5px 10px;
		height: auto;
		cursor: pointer;
		width: 100%;
		font-weight: normal;
		background-color: unset;
		border-radius: 0;
		text-align: left
	}
}

@media(max-width:480px) {
	.select-tabs-container li .select-tab-menu {
		font-size: 0
	}
}

.select-tabs-container li .select-tab-menu.active {
	color: #fff0c1;
	font-weight: 600;
	background-color: #cd171f
}

@media(max-width:1024px) {
	.select-tabs-container li .select-tab-menu.active {
		color: unset;
		font-weight: unset;
		background-color: unset
	}
}

.select-tabs-container li .select-tab-menu i {
	font-size: 35px;
	vertical-align: middle;
	padding: 0 10px
}

@media(max-width:1024px) {
	.select-tabs-container li .select-tab-menu i {
		display: none
	}
}

@media(max-width:1024px) {
	.select-tabs-container li .select-tab-menu span.dd-name {
		width: 80px;
		font-size: 13px;
		color: #666;
		display: inline
	}
}

.select-tabs-container :first-child {
	padding-left: 0
}

.select-tabs-container :last-child {
	padding-right: 0
}

.select-drop {
	position: relative
}

.select-drop>.form-control {
	background-color: #fff;
	border-radius: 0;
	text-align: center
}

@media(max-width:480px) {
	.select-drop>.form-control {
		font-size: 13px
	}
}

@media(max-width:375px) {
	.select-drop>.form-control {
		font-size: 12px
	}
}

.arrowDown {
	position: absolute;
	right: 5%;
	display: block;
	top: 11px;
	color: #212121;
	font-size: 12px
}

.install-spec {
	display: block;
	background-color: #f5f5f5;
	margin: 10px 0 20px 0;
	padding: 10px
}

.install-spec img {
	display: inline-block;
	background-color: #fff;
	padding: 10px;
	max-height: 99px
}

@media(max-width:480px) {
	.install-spec img {
		padding: 5px;
		width: 18%;
		max-height: unset
	}
}

.install-spec .mbp-square {
	padding: 0;
	background-color: transparent
}

.install-spec .model {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.8em;
	padding-left: 20px
}

@media(max-width:480px) {
	.install-spec .model {
		line-height: 1.2em;
		padding-left: 10px;
		width: 80%
	}
}

.install-spec .model label {
	display: block;
	font-size: 23px
}

@media(max-width:480px) {
	.install-spec .model label {
		font-size: 16px
	}
}

.install-spec .model ul li {
	font-size: 14px;
	display: block
}

@media(max-width:480px) {
	.install-spec .model ul li {
		font-size: 12px
	}
}

@media(max-width:1024px) {
	.install-spec .qrpc {
		display: none
	}
}

.install-spec .qr-mobi {
	display: none
}

@media(max-width:1024px) {
	.install-spec .qr-mobi {
		display: inline-block
	}
}

.install-process {
	border-bottom: 1px solid #cecece
}

@media(max-width:480px) {
	.install-process ul {
		padding: 0
	}
}

.install-process ul li {
	margin-bottom: 50px;
	padding: 0 30px
}

@media(max-width:480px) {
	.install-process ul li {
		margin-bottom: 30px;
		padding: 0 15px
	}
}

.install-process ul li i {
	font-size: 30px;
	position: absolute;
	right: -14px;
	top: 45%
}

@media(max-width:480px) {
	.install-process ul li i {
		font-size: 18px;
		position: absolute;
		right: -9px;
		top: 45%
	}
}

.install-process ul li label {
	font-size: 18px;
	padding: 10px;
	text-align: center;
	display: block;
	background-color: #cd171f;
	color: #fff;
	line-height: 1.2em
}

.install-process ul li img {
	width: 100%
}

@media(max-width:1024px) {
	.install-process .ios li i,.install-process .android li i {
		color: #cd171f
	}
}

@media(max-width:768px) {
	.install-process .ios>:nth-child(2) i,.install-process .android>:nth-child(2) i {
		display: none
	}
}

.istall-mar-12 {
	margin-left: 12.5%
}

@media(max-width:768px) {
	.istall-mar-12 {
		margin-left: 0
	}
}

.ins-pc {
	padding: 20px 30px!important
}

@media(max-width:480px) {
	.ins-pc {
		padding: 5px 10px!important
	}
}

.ins-pc img {
	width: 75%!important;
	margin: 0 auto;
	display: block
}

@media(max-width:1024px) {
	.ins-pc img {
		width: 100%!important
	}
}

.ins-pc label {
	background-color: transparent!important;
	font-size: 15px!important;
	padding: 20px 10px!important
}

@media(max-width:480px) {
	.ins-pc label {
		font-size: 13px!important
	}
}

.tut-menu-mobi {
	display: none!important
}

@media(max-width:600px) {
	.tut-menu-mobi {
		display: block!important;
		padding-bottom: 0
	}
}

.select-menu-mobile {
	display: block
}

.select-menu-mobile .tutorial-tab-mobi {
	font-size: 0;
	padding: 0
}

.select-menu-mobile .tutorial-tab-mobi .menu-title-mob {
	color: #fff0c1;
	font-weight: 600;
	background-color: #cd171f;
	padding: 14px 5px;
	position: relative;
	display: block;
	width: auto;
	text-align: center;
	font-size: 15px
}

@media(max-width:480px) {
	.select-menu-mobile .tutorial-tab-mobi .menu-title-mob {
		font-size: 13px;
		width: auto;
		padding: 12px 10px
	}
}

@media(max-width:375px) {
	.select-menu-mobile .tutorial-tab-mobi .menu-title-mob {
		font-size: 12px
	}
}

@media(max-width:1024px) {
	.select-padd {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media(max-width:480px) {
	.select-padd {
		padding-left: 5px;
		padding-right: 0
	}
}

.select-drop {
	position: relative
}

.select-drop>.form-control {
	background-color: #fff;
	border-radius: 0;
	text-align: center
}

@media(max-width:480px) {
	.select-drop>.form-control {
		font-size: 13px
	}
}

@media(max-width:375px) {
	.select-drop>.form-control {
		font-size: 12px
	}
}

.arrowDown {
	position: absolute;
	right: 5%;
	display: block;
	top: 11px;
	color: #212121;
	font-size: 12px
}

.select-menu {
	width: 100%;
	display: none;
	background-color: #fff;
	position: absolute;
	top: 35px;
	overflow: hidden;
	transition: ease .4s;
	-o-transition: ease .4s;
	-webkit-transition: ease-in .5s;
	z-index: 9;
	box-shadow: 0 0 5px 0 #afafaf;
	cursor: pointer
}

.select-menu li {
	display: block;
	position: relative;
	padding: 10px 0;
	cursor: pointer;
	border-bottom: 1px solid #eee
}

.select-menu li:hover {
	background: #fff6d7
}

@media(max-width:1024px) {
	.select-menu li {
		padding: 5px 0
	}
}

@media(max-width:577px) {
	.select-menu li {
		padding: 2px 0
	}
}

.select-menu li label {
	color: #333;
	display: inline-block;
	padding: 5px 10px;
	height: auto;
	cursor: pointer;
	width: 100%
}

.select-menu li label span.dd-name {
	width: 80px;
	font-size: 13px;
	color: #666;
	display: inline
}

.select-menu li a {
	position: absolute;
	top: 9px;
	right: 10px
}

@media only screen and (max-width:1024px) {
	.select-menu li a {
		top: 19px
	}
}

.select-menu li a .icons-refresh {
	width: 22px;
	height: 22px;
	background: url("https://ggpk168.com/assets/images/member/icon-refresh.png") no-repeat;
	background-size: contain;
	display: inline-block;
	margin-right: 5px
}

.select-menu li a span {
	vertical-align: super
}

.box-inner {
	border-radius: 10px;
	width: 100%;
	margin: 10px auto;
	border: none
}

.box-inner h3 {
	padding: 18px 5px;
	display: block;
	border: 1px solid transparent;
	text-align: center;
	border-bottom: 1px solid #a1a1a1;
	background-color: #212121;
	border-radius: 5px;
	color: #fff0c1
}

.event-section .box-content {
	padding: 40px 35px;
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	min-height: 650px
}

@media(max-width:1024px) {
	.event-section .box-content {
		border: none
	}
}

@media(max-width:600px) {
	.event-section .box-content {
		padding: 0
	}
}

.event-section .box-content h3 {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3em
}

.event-section .box-content .box-default-title {
	color: #212121
}

@media(max-width:1024px) {
	.event-section .box-content .box-default-title {
		color: #f21d3d
	}
}

.event-section .box-content p {
	color: #7b7b7b;
	font-size: 15px;
	line-height: 30px;
	padding: 0
}

@media(max-width:1024px) {
	.event-section .box-content p {
		color: #fff
	}
}

.event-section .box-content p span.blue-yellow {
	color: #0187d0;
	line-height: 30px
}

@media(max-width:1024px) {
	.event-section .box-content p span.blue-yellow {
		color: #fff0c1
	}
}

.promo-banner {
	display: block;
	margin: 0 auto;
	padding-bottom: 20px;
	max-width: 100%
}

.sidebar-inner {
	margin: 0;
	padding: 0;
	line-height: 25px
}

.sidebar-inner li {
	border: 1px solid #ccc;
	font-size: 15px;
	color: #212121;
	margin: 10px 0;
	border-radius: 5px
}

.sidebar-inner li a {
	padding: 12px 5px;
	display: block;
	font-size: 13px;
	color: #818181;
	background-color: #e5e5e5;
	border: 1px solid #e5e5e5;
	border-radius: 5px
}

.sidebar-inner li a i {
	font-size: 19px;
	vertical-align: middle;
	padding: 0 7px 0 9px
}

.sidebar-inner li a span {
	vertical-align: middle
}

.sidebar-inner li:hover {
	color: #212121;
	font-weight: bold
}

.sidebar-inner li:hover a {
	color: #fff;
	border: 1px solid #ff545b;
	background-color: #cd171f
}

.sidebar-inner li .active {
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	background-color: #cd171f;
	border: 1px solid #ff545b;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 6px 0 rgba(0,0,0,.4)
}

.black-body .eventpg-title {
	border-bottom: 1px solid transparent
}

@media(max-width:1024px) {
	.eventpg-title i {
		display: inline-block!important;
		font-size: 23px;
		vertical-align: sub
	}
}

.event-list li {
	position: relative;
	margin-bottom: 25px
}

@media(max-width:480px) {
	.event-list li {
		padding: 0
	}
}

.event-list li a {
	display: block
}

.event-list li a img {
	width: 100%;
	border: 1px solid #7f7676;
	border-bottom: 1px solid #484848
}

.event-detail {
	background-color: #3b3a3f;
	padding: 3px 0 7px;
	text-align: center;
	line-height: 18px;
	color: #fff;
	font-size: 15px;
	height: 53px
}

.event-detail p {
	vertical-align: middle
}

.event-detail-no-sub {
	padding: 15px 0
}

.ex-event {
	margin-bottom: 40px
}

.ex-event img {
	margin-bottom: 20px
}

.ex-event img.promo-banner {
	margin-bottom: 0
}

.ex-title {
	border-bottom: 1px solid #cd171f;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 20px
}

.ex-title .main-title {
	padding-bottom: 10px
}

.latest-events h1 {
	border-bottom: 1px solid #cd171f;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 20px
}

.evt-reg-section {
	background-color: #fff
}

.evt-basic-box {
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	padding: 0
}

.bg-f0 {
	background-color: #f0f0f0
}

.bb-lr-5 {
	border-radius: 0 0 5px 5px
}

.form-evt-control {
	background-color: #fff;
	display: block;
	width: 100%;
	padding: 12px 10px;
	color: #212121;
	border-radius: 5px;
	border: 1px solid #b9b9b9
}

.event-section .ev-black-bg {
	background-color: #000
}

.event-section .ev-red-primary {
	color: #cd171f!important
}

.event-section .ev-pale-yellow {
	color: #fff0c1!important
}

.event-section .ev-primary {
	color: #ffba00!important
}

.event-section .ev-primary-semi-dark {
	color: #616161!important
}

.event-section .ev-primary-light {
	color: #757575!important
}

.event-section .ev-primary-lighter {
	color: #a1a1a1!important
}

.event-section .ev-primary-dark {
	color: #333!important
}

.event-section .ev-secondary {
	color: #212121!important
}

.event-section .ev-brown {
	color: #b77450!important
}

.event-section .ev-orange {
	color: #f80!important
}

.event-section .ev-dark-orange {
	color: #ff4200!important
}

.event-section .ev-td-yellow {
	color: #e1a900!important
}

.event-section .ev-white-base {
	color: #fff!important
}

.event-section .ev-white-light {
	color: #f5f5f5!important
}

.event-section .ev-white-dark {
	color: #959595!important
}

.event-section .ev-green-base {
	color: #6abc5d!important
}

.event-section .ev-blue-light {
	color: #e6eff6!important
}

.event-section .ev-blue-base {
	color: #3090fe!important
}

.event-section .ev-gray-lighter {
	color: #cdcdcd!important
}

.event-section .ev-gray-darker {
	color: #252525!important
}

.event-section .ev-gray-darkest {
	color: #0c0c0c!important
}

.event-section .ev-danger {
	color: red!important
}

.event-section .ev-gold {
	color: #d09a44!important
}

.event-section .ev-green {
	color: #27ae60!important
}

.event-section .ev-txt-red {
	color: #fd5248!important
}

.event-section .ev-txt-red a {
	color: #fd5248!important
}

.event-section .ev-txt-red a:hover {
	color: #fd5248!important
}

.event-section .ev-txt-violet {
	color: #997afe!important
}

.event-section .ev-txt-violet>a {
	color: #997afe!important
}

.event-section .ev-txt-blue {
	color: #00a7f0!important
}

.event-section .ev-txt-blue>a {
	color: #00a7f0!important
}

.event-section .ev-blue-dark {
	color: #2b95e7!important
}

.event-section .ev-font-12 {
	font-size: 12px!important
}

.event-section .ev-font-13 {
	font-size: 13px!important
}

.event-section .ev-font-14 {
	font-size: 14px!important
}

.event-section .ev-font-15 {
	font-size: 15px!important
}

.event-section .ev-font-16 {
	font-size: 16px!important
}

.event-section .ev-font-18 {
	font-size: 18px!important
}

.event-section .ev-font-19 {
	font-size: 19px!important
}

.event-section .ev-font-20 {
	font-size: 20px!important
}

.event-section .ev-font-21 {
	font-size: 21px!important
}

.event-section .ev-font-22 {
	font-size: 22px!important
}

.event-section .ev-font-23 {
	font-size: 23px!important
}

.event-section .ev-font-24 {
	font-size: 24px!important
}

.event-section .ev-font-25 {
	font-size: 25px!important
}

.event-section .ev-font-30 {
	font-size: 30px!important
}

.event-section .ev-font-35 {
	font-size: 35px!important
}

.event-section .ev-font-40 {
	font-size: 40px!important
}

.event-section .ev-font-light {
	font-weight: 300
}

.event-section .ev-font-normal {
	font-weight: normal
}

.event-section .ev-font-bold {
	font-weight: bold
}

.event-section .ev-font-italic {
	font-style: italic
}

@media(max-width:1024px) {
	.event-section .ev-mb-red-primary {
		color: #cd171f!important
	}

	.event-section .ev-mb-pale-yellow {
		color: #fff0c1!important
	}

	.event-section .ev-mb-primary {
		color: #ffba00!important
	}

	.event-section .ev-mb-primary-semi-dark {
		color: #616161!important
	}

	.event-section .ev-mb-primary-light {
		color: #757575!important
	}

	.event-section .ev-mb-primary-lighter {
		color: #a1a1a1!important
	}

	.event-section .ev-mb-primary-dark {
		color: #333!important
	}

	.event-section .ev-mb-secondary {
		color: #212121!important
	}

	.event-section .ev-mb-brown {
		color: #b77450!important
	}

	.event-section .ev-mb-orange {
		color: #f80!important
	}

	.event-section .ev-mb-dark-orange {
		color: #ff4200!important
	}

	.event-section .ev-mb-td-yellow {
		color: #e1a900!important
	}

	.event-section .ev-mb-white-base {
		color: #fff!important
	}

	.event-section .ev-mb-white-light {
		color: #f5f5f5!important
	}

	.event-section .ev-mb-white-dark {
		color: #959595!important
	}

	.event-section .ev-mb-green-base {
		color: #6abc5d!important
	}

	.event-section .ev-mb-blue-light {
		color: #e6eff6!important
	}

	.event-section .ev-mb-blue-base {
		color: #3090fe!important
	}

	.event-section .ev-mb-gray-lighter {
		color: #cdcdcd!important
	}

	.event-section .ev-mb-gray-darker {
		color: #252525!important
	}

	.event-section .ev-mb-gray-darkest {
		color: #0c0c0c!important
	}

	.event-section .ev-mb-danger {
		color: red!important
	}

	.event-section .ev-mb-gold {
		color: #d09a44!important
	}

	.event-section .ev-mb-green {
		color: #27ae60!important
	}

	.event-section .ev-mb-txt-red {
		color: #fd5248!important
	}

	.event-section .ev-mb-txt-red a {
		color: #fd5248!important
	}

	.event-section .ev-mb-txt-red a:hover {
		color: #fd5248!important
	}

	.event-section .ev-mb-txt-violet {
		color: #997afe!important
	}

	.event-section .ev-mb-txt-violet>a {
		color: #997afe!important
	}

	.event-section .ev-mb-txt-blue {
		color: #00a7f0!important
	}

	.event-section .ev-mb-txt-blue>a {
		color: #00a7f0!important
	}

	.event-section .ev-mb-blue-dark {
		color: #2b95e7!important
	}

	.event-section .ev-mb-font-12 {
		font-size: 12px!important
	}

	.event-section .ev-mb-font-13 {
		font-size: 13px!important
	}

	.event-section .ev-mb-font-14 {
		font-size: 14px!important
	}

	.event-section .ev-mb-font-15 {
		font-size: 15px!important
	}

	.event-section .ev-mb-font-16 {
		font-size: 16px!important
	}

	.event-section .ev-mb-font-18 {
		font-size: 18px!important
	}

	.event-section .ev-mb-font-19 {
		font-size: 19px!important
	}

	.event-section .ev-mb-font-20 {
		font-size: 20px!important
	}

	.event-section .ev-mb-font-21 {
		font-size: 21px!important
	}

	.event-section .ev-mb-font-22 {
		font-size: 22px!important
	}

	.event-section .ev-mb-font-23 {
		font-size: 23px!important
	}

	.event-section .ev-mb-font-24 {
		font-size: 24px!important
	}

	.event-section .ev-mb-font-25 {
		font-size: 25px!important
	}

	.event-section .ev-mb-font-30 {
		font-size: 30px!important
	}

	.event-section .ev-mb-font-35 {
		font-size: 35px!important
	}

	.event-section .ev-mb-font-40 {
		font-size: 40px!important
	}

	.event-section .ev-mb-font-light {
		font-weight: 300
	}

	.event-section .ev-mb-font-normal {
		font-weight: normal
	}

	.event-section .ev-mb-font-bold {
		font-weight: bold
	}

	.event-section .ev-mb-font-italic {
		font-style: italic
	}
}

.player-section {
	position: relative;
	background-image: url(player-bg1.jpg);
	background-color: #000;
	min-height: 600px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	z-index: 1;
	padding: 3% 0;
	transition: ease-in .3s
}

@media(max-width:1024px) {
	.player-section {
		background-image: none!important;
		padding: 0
	}
}

.player-img {
	padding-top: 10px
}

@media(max-width:1024px) {
	.player-img {
		border-top: 0;
		padding-top: 5px
	}
}

.player-img img {
	height: 300px;
	cursor: pointer;
	filter: brightness(50%)
}

@media(max-width:1024px) {
	.player-img img {
		height: auto;
		width: 18%
	}
}

@media(max-width:375px) {
	.player-img img {
		width: 18.5%
	}
}

.player-img img.active {
	filter: brightness(100%)
}

.player-tab {
	margin-bottom: 5px;
	padding-top: 30px
}

.player-tab li {
	display: inline-block;
	font-size: 14px;
	background: #666;
	color: #aeaeae;
	padding: 10px 2px;
	min-width: 100px;
	margin-right: 5px;
	text-align: center;
	cursor: pointer;
	transition: ease-in .3s
}

.player-tab li:hover {
	background: #cd171f;
	color: #fff
}

.player-tab .active {
	background: #cd171f;
	color: #fff
}

.player-desc {
	background: #fff;
	border-radius: 5px;
	padding: 5px 5px 5px;
	width: 100%;
	overflow: hidden
}

@media(max-width:1024px) {
	.player-desc {
		background: none
	}
}

@media(max-width:480px) {
	.player-desc {
		padding: 5px 0 5px
	}
}

.player-desc ul {
	height: 307px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 500%
}

@media(max-width:1024px) {
	.player-desc ul {
		height: auto
	}
}

.player-desc ul li {
	position: relative;
	width: 20%;
	display: inline-block;
	padding: 15px;
	vertical-align: top
}

@media(max-width:480px) {
	.player-desc ul li {
		padding: 20px 6px
	}
}

@media(max-width:375px) {
	.player-desc ul li {
		padding: 20px 8px
	}
}

.player-desc ul li img {
	width: 100%
}

@media(max-width:1024px) {
	.player-desc ul li img {
		margin-left: 15%
	}
}

@media(max-width:480px) {
	.player-desc ul li img {
		margin-left: 19%
	}
}

@media(max-width:1024px) {
	.player-txt {
		border-top: 2px solid #cd171f;
		padding-top: 20px
	}
}

@media(max-width:480px) {
	.player-txt {
		padding-top: 15px
	}
}

.player-txt p {
	font-size: 12px;
	color: #212121;
	line-height: 24px
}

@media(max-width:1024px) {
	.player-txt p {
		color: #fff
	}
}

.player-txt p:nth-child(2) {
	text-indent: 10px;
	color: #000
}

@media(max-width:1024px) {
	.player-txt p:nth-child(2) {
		color: #fff
	}
}

.btm-red-line {
	margin-top: 15px
}

.btm-red-line div {
	display: inline-block;
	background-color: #cd171f;
	height: 12px
}

.btm-red-line>div {
	width: 89%;
	clip-path: polygon(0 0,98.7% 0,100% 100%,0 100%)
}

.btm-red-line>div:nth-child(2),.btm-red-line>div:nth-child(3) {
	width: 2%;
	clip-path: polygon(0% 0,47% 0,100% 100%,51% 100%)
}

.btm-red-line>div:last-child {
	width: 5.5%;
	clip-path: polygon(0% 0,100% 0,100% 100%,18% 100%)
}

@media(max-width:1024px) {
	.playername-sm {
		background: #171717;
		padding: 18px 0 15px
	}
}

@media(max-width:1024px) {
	.playername-sm h1 {
		margin-bottom: 7px
	}
}

@media(max-width:480px) {
	.playername-sm h1 {
		font-size: 18px
	}
}

@media(max-width:1024px) {
	.playername-sm p {
		margin-bottom: 0;
		font-size: 15px
	}
}

@media(max-width:320px) {
	.playername-sm p {
		font-size: 13px
	}
}

.player-name {
	font-size: 25px;
	position: absolute;
	top: 32px;
	line-height: 35px
}

@media(max-width:480px) {
	.player-name {
		font-size: 17px;
		top: 22px;
		line-height: 25px
	}
}

@media(max-width:375px) {
	.player-name {
		font-size: 15px;
		top: 23px;
		line-height: 22px
	}
}

@media(max-width:320px) {
	.player-name {
		top: 18px
	}
}

.player-name span {
	display: block;
	color: #fff
}

.player-name span:last-child {
	color: #ffdcaa!important
}

h3.title-with-line {
	position: relative;
	width: 100%;
	margin: 20px 0;
	text-align: center;
	font-style: normal
}

@media(max-width:1024px) {
	h3.title-with-line {
		margin: 25px 0 20px
	}
}

@media(max-width:480px) {
	h3.title-with-line {
		margin: 15px 0
	}
}

h3.title-with-line:before {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	border-top: 2px solid #ddd
}

h3.title-with-line span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background-color: #fff;
	font-size: 25px;
	font-weight: bold;
	z-index: 2
}

@media(max-width:1024px) {
	h3.title-with-line span {
		font-size: 23px
	}
}

@media(max-width:480px) {
	h3.title-with-line span {
		font-size: 15px;
		line-height: 20px
	}
}

.tournament-titleimg {
	background: #ecf2f5;
	border-radius: 10px;
	font-size: 16px;
	padding: 10px 0
}

.bullet-list {
	padding-left: 10px
}

.bullet-list li {
	position: relative;
	font-size: 15px;
	line-height: 30px
}

.bullet-list-red {
	padding-left: 10px
}

.bullet-list-red li {
	position: relative;
	font-size: 15px;
	line-height: 30px;
	padding-left: 15px
}

.bullet-list-red li:before {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #d1000c;
	left: 0;
	top: 12px
}

.list-indent {
	padding-left: 20px
}

.img-title {
	margin: 20px 0 30px
}

.img-title img {
	width: 17%
}

.img-title span {
	font-size: 21px;
	font-weight: 600;
	vertical-align: bottom;
	font-style: italic
}

.public-tab-drop,.mc-tab-drop {
	display: none
}

@media only screen and (max-width:1024px) {
	.public-tab-drop,.mc-tab-drop {
		display: block;
		position: absolute;
		top: 17px;
		right: 15px;
		background-color: transparent;
		-webkit-transition: ease-in .3s;
		-o-transition: ease-in .3s;
		-moz-transition: ease-in .3s;
		transition: ease-in .3s;
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.public-tab-drop i,.mc-tab-drop i {
		font-size: 16px;
		color: #cd171f
	}
}

.public-tab-drop.active,.active.mc-tab-drop {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.mc-tab-drop i {
	color: #848484
}

@media only screen and (max-width:1024px) {
	.nav-side-bar {
		position: relative
	}

	.sidebar-inner {
		display: none
	}

	.fixed-height {
		padding: 25px 0
	}

	.fixed-height .public-tab-drop,.fixed-height .mc-tab-drop {
		top: 7px
	}

	.fixed-height .public-tab-drop i,.fixed-height .mc-tab-drop i {
		line-height: 27px
	}
}

@media only screen and (max-width:768px) {
	.fixed-height .public-tab-drop,.fixed-height .mc-tab-drop {
		top: 10px
	}
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	border-radius: 20px
}

@media(max-width:480px) {
	.owl-carousel .owl-item img {
		width: 80%;
		margin: 0 auto;
		height: 320px
	}
}

@media(max-width:320px) {
	.owl-carousel .owl-item img {
		width: 60%;
		height: 240px
	}
}

.owl-carousel .owl-item.center img {
	border: 1px solid #feebeb
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
	display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot {
	background: none;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.no-js .owl-carousel {
	display: block
}

.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.owl-height {
	transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
	width: 950px
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]) {
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}

.owl-carousel .owl-item.center {
	z-index: 2
}

.owl-carousel .owl-item.active.center .box {
	opacity: 1;
	transform: scale3d(1,1,1);
	-webkit-transform: scale3d(1,1,1)
}

.owl-carousel .owl-item.center .box {
	opacity: 1;
	transform: scale3d(1,1,1);
	-webkit-transform: scale3d(1,1,1)
}

@media(max-width:480px) {
	.owl-carousel .owl-item.center .box {
		opacity: 1;
		transform: scale3d(.9,.7,.9)!important;
		-webkit-transform: scale3d(.9,.7,.9)!important
	}
}

.owl-carousel .box {
	transform: scale3d(1.5,.85,1.5);
	-webkit-transform: scale3d(1.5,.85,1.5);
	transition: scale3d(1.5,.85,1.5);
	-webkit-transition: scale3d(1.5,.85,1.5);
	-moz-transition: scale3d(1.5,.85,1.5)
}

@media(max-width:480px) {
	.owl-carousel .box {
		transform: scale3d(1.7,.6,1.7);
		-webkit-transform: scale3d(1.7,.6,1.7);
		transition: scale3d(1.7,.6,1.7);
		-webkit-transition: scale3d(1.7,.6,1.7);
		-moz-transition: scale3d(1.7,.6,1.7)
	}
}

.owl-carousel.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel.owl-carousel .owl-dots .owl-dot:hover span {
	background: #cd171f
}

.owl-carousel.owl-carousel .owl-dots {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 40px
}

@media(max-width:480px) {
	.owl-carousel.owl-carousel .owl-dots {
		margin-top: -25px
	}
}

@media(max-width:375px) {
	.owl-carousel.owl-carousel .owl-dots {
		margin-top: -27px
	}
}

@media(max-width:320px) {
	.owl-carousel.owl-carousel .owl-dots {
		margin-top: -4px
	}
}

.owl-carousel.owl-carousel .owl-dots .owl-dot {
	display: inline-block
}

.owl-carousel.owl-carousel .owl-dots .owl-dot span {
	background: rgba(206,206,206,.4);
	display: inline-block;
	border-radius: 50%;
	height: 45px;
	margin: 0 -6px 5px;
	transform: translate3d(0,-50%,0) scale(.3);
	transform-origin: 50% 50% 0;
	transition: all 250ms ease-out 0s;
	width: 45px
}

@media(max-width:375px) {
	.owl-carousel.owl-carousel .owl-dots .owl-dot span {
		height: 40px;
		width: 40px
	}
}

.img-pg-only {
	padding: 3%
}

.img-pg-only img {
	width: 65%;
	border: 1px solid #8c8c8c;
	padding: 40px;
	border-radius: 5px
}

@media(max-width:768px) {
	.img-pg-only img {
		width: 80%
	}
}

@media(max-width:480px) {
	.img-pg-only img {
		width: 100%;
		padding: 15px
	}
}

.evt-reg-section {
	background-color: #fff;
	color: #444
}

@media(max-width:1024px) {
	.evt-reg-section .container-evt {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media(max-width:768px) {
	.evt-reg-section .container-evt {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media(max-width:480px) {
	.evt-reg-section .container-evt {
		padding-left: 5px;
		padding-right: 5px
	}
}

.evt-reg-section label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	line-height: 1.2em;
	font-weight: 500;
	font-size: 16px
}

@media(max-width:480px) {
	.evt-reg-section label {
		font-size: 14px
	}
}

@media(max-width:320px) {
	.evt-reg-section label {
		font-size: 12px
	}
}

.evt-reg-section p {
	font-size: 1.2em;
	font-size: 16px
}

@media(max-width:480px) {
	.evt-reg-section p {
		font-size: 14px
	}
}

@media(max-width:385px) {
	.evt-reg-section p {
		font-size: 12px
	}
}

@media(max-width:320px) {
	.evt-reg-section p {
		font-size: 12px
	}
}

.evt-reg-section .activity-box {
	font-size: 0
}

.evt-reg-section .activity-box li {
	display: inline-block;
	margin: 0 0 10px 0;
	width: 20%;
	padding: 0 10px 0 0
}

@media(max-width:800px) {
	.evt-reg-section .activity-box li {
		width: 25%;
		padding: 0 5px 0 5px
	}
}

@media(max-width:480px) {
	.evt-reg-section .activity-box li {
		width: 33.33%
	}
}

.evt-reg-section .activity-box li span {
	display: block
}

.evt-reg-section .activity-box li span a {
	border: 1px solid #cd171f;
	border-radius: 5px;
	background: #fff;
	color: #cd171f;
	padding: 12px 5px;
	display: block;
	text-align: center;
	vertical-align: middle;
	position: relative;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

@media(max-width:480px) {
	.evt-reg-section .activity-box li span a {
		padding: 7px 5px;
		font-size: 12px
	}
}

.evt-reg-section .activity-box li:hover span a {
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	background: #cd171f;
	color: #fff
}

.evt-reg-section .activity-box li.active span a {
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	background: #cd171f;
	color: #fff
}

.evt-reg-section .evt-reg-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 5px 0
}

@media(max-width:480px) {
	.evt-reg-section .evt-reg-title {
		font-size: 14px
	}
}

.evt-reg-section .evt-basic-box {
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	padding: 0
}

.evt-reg-section .evt-info-box .evt-basic-box>div:nth-child(even) {
	background-color: #f0f0f0
}

.evt-reg-section .evt-info-box .evt-basic-box>div:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.evt-reg-section .evt-note {
	display: inline-block
}

@media(max-width:385px) {
	.evt-reg-section .evt-note {
		font-size: 12px;
		width: 78%
	}
}

.evt-reg-section .evt-note img {
	vertical-align: middle;
	cursor: pointer
}

.evt-reg-section .evt-note img:hover+span {
	visibility: visible
}

@media(max-width:540px) {
	.evt-reg-section .evt-note img {
		height: 22px
	}
}

@media(max-width:480px) {
	.evt-reg-section .evt-note img {
		height: 20px
	}
}

@media(max-width:375px) {
	.evt-reg-section .evt-note img {
		height: 16px
	}
}

.evt-reg-section .evt-note span {
	font-size: 14px;
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	padding: 7px 11px;
	border-radius: 5px;
	color: #8a8a8a;
	margin-left: 17px;
	visibility: hidden;
	line-height: 1.5em
}

@media(max-width:540px) {
	.evt-reg-section .evt-note span {
		font-size: 13px;
		padding: 5px 5px
	}
}

@media(max-width:480px) {
	.evt-reg-section .evt-note span {
		font-size: 12px;
		padding: 5px 3px;
		margin-left: 10px
	}
}

@media(max-width:435px) {
	.evt-reg-section .evt-note span {
		font-size: 10px
	}
}

@media(max-width:425px) {
	.evt-reg-section .evt-note span {
		font-size: 9px
	}
}

@media(max-width:390px) {
	.evt-reg-section .evt-note span {
		font-size: 9px;
		display: inline-block;
		width: 85%;
		vertical-align: middle
	}
}

@media(max-width:320px) {
	.evt-reg-section .evt-note span {
		font-size: 8px
	}
}

.evt-reg-section .evt-note span:before,.evt-reg-section .evt-note span:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 13px solid transparent;
	border-left: 0;
	border-top: 0
}

.evt-reg-section .evt-note span:before {
	border-width: 16px;
	margin-top: -5px;
	margin-left: -16px;
	border-right-color: #ccc
}

@media(max-width:480px) {
	.evt-reg-section .evt-note span:before {
		border-width: 10px;
		margin-left: -10px
	}
}

.evt-reg-section .evt-note span:after {
	border-right-color: #fff;
	margin-top: -4px;
	margin-left: -13px
}

@media(max-width:480px) {
	.evt-reg-section .evt-note span:after {
		margin-top: -4px;
		margin-left: -8px
	}
}

.evt-reg-section .bg-f0 {
	background-color: #f0f0f0
}

.evt-reg-section .bb-lr-5 {
	border-radius: 0 0 5px 5px
}

.evt-reg-section .form-evt-control {
	background-color: #fff;
	display: block;
	width: 100%;
	padding: 12px 10px;
	color: #212121;
	border-radius: 5px;
	border: 1px solid #b9b9b9;
	font-size: 15px
}

.evt-reg-section .evt-gray {
	color: #8a8a8a
}

.evt-reg-section .invited-content {
	min-height: 120px
}

.evt-reg-section .pad-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.evt-reg-section .pad-tb-10 {
	padding-top: 10px;
	padding-bottom: 10px
}

@media(max-width:768px) {
	.evt-reg-section .pad-xs-tb-10 {
		padding-top: 10px;
		padding-bottom: 10px
	}
}

.evt-reg-section .pad-lr-0 {
	padding-left: 0;
	padding-right: 0
}

.evt-reg-section .btn-grp {
	padding: 4% 0
}

.evt-reg-section .btn {
	font-size: 16px;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .752rem .75rem;
	line-height: 1.5;
	border-radius: .3125rem;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	color: #fff
}

@media(max-width:480px) {
	.evt-reg-section .btn {
		font-size: 14px;
		padding: 7px 5px
	}
}

.evt-reg-section .evt-btn-submit {
	background-color: #cd171f;
	border-color: #cd171f;
	width: 22%
}

@media(max-width:480px) {
	.evt-reg-section .evt-btn-submit {
		width: 80%
	}
}

.evt-reg-section .evt-btn-submit:hover {
	background-color: #545454;
	border-color: #545454
}

.evt-reg-section .btn-cancel,.evt-reg-section .btn-confirm {
	width: 30%;
	margin: 0 10px
}

@media(max-width:1440px) {
	.evt-reg-section .btn-cancel,.evt-reg-section .btn-confirm {
		width: 35%
	}
}

@media(max-width:480px) {
	.evt-reg-section .btn-cancel,.evt-reg-section .btn-confirm {
		width: 40%;
		margin: 0 5px
	}
}

.evt-reg-section .btn-cancel {
	background-color: #fff;
	border-color: #cd171f;
	color: #cd171f
}

.evt-reg-section .btn-cancel:hover {
	background-color: #545454;
	border-color: #545454;
	color: #fff
}

.evt-reg-section .btn-confirm {
	background-color: #cd171f;
	border-color: #cd171f
}

.evt-reg-section .btn-confirm:hover {
	background-color: #545454;
	border-color: #545454
}

.evt-reg-section .evt-pop {
	background-color: #fff;
	padding: 20px;
	width: 45%;
	margin: 0 auto;
	position: relative;
	top: 40%;
	border-radius: 10px
}

@media(max-width:1440px) {
	.evt-reg-section .evt-pop {
		width: 55%
	}
}

@media(max-width:600px) {
	.evt-reg-section .evt-pop {
		width: 70%
	}
}

@media(max-width:480px) {
	.evt-reg-section .evt-pop {
		width: 90%;
		padding: 20px 10px
	}
}

.evt-reg-section .evt-pop h4 {
	font-size: 18px;
	color: #444;
	font-weight: bold;
	line-height: 1.5em;
	margin: 5px 0;
	padding-bottom: 15px
}

@media(max-width:480px) {
	.evt-reg-section .evt-pop h4 {
		font-size: 14px
	}
}

.evt-reg-section .evt-block {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.7);
	height: 100%;
	z-index: 2
}

.evt-reg-section .capture-img {
	display: block;
	text-align: center;
	padding-top: 15px
}

.evt-reg-section .capture-img label img {
	height: 60px;
	cursor: pointer
}

@media(max-width:480px) {
	.evt-reg-section .capture-img label img {
		height: 50px
	}
}

.evt-reg-section .capture-img p {
	display: block;
	color: #8a8a8a;
	margin-top: 5px;
	width: 100%
}

.evt-reg-section input[type="file"] {
	display: none;
	width: 100%
}

.evt-reg-section .imageThumb {
	height: 135px;
	border: 1px solid #dadada;
	padding: 1px;
	cursor: pointer;
	width: 100%;
	max-width: 100%;
	border-radius: 7px
}

@media(max-width:480px) {
	.evt-reg-section .imageThumb {
		height: 100px
	}
}

.evt-reg-section .pip {
	display: inline-block;
	margin: 10px 10px 0 0;
	width: 13%;
	position: relative
}

@media(max-width:800px) {
	.evt-reg-section .pip {
		width: 18.6%
	}
}

@media(max-width:600px) {
	.evt-reg-section .pip {
		width: 23.22%
	}
}

@media(max-width:480px) {
	.evt-reg-section .pip {
		margin: 5px 5px;
		width: 22.22%
	}
}

@media(max-width:375px) {
	.evt-reg-section .pip {
		width: 30.25%
	}
}

.evt-reg-section .remove {
	display: inline-block;
	background: #646464;
	border: 1px solid #646464;
	color: #fff;
	text-align: center;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	right: 0
}

@media(max-width:480px) {
	.evt-reg-section .remove {
		padding: 2px 7px;
		font-size: 14px
	}
}

.evt-reg-section .remove:hover {
	background: #fff;
	color: #000
}

.evt-reg-section .img-viewer-box {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.7);
	height: 100%;
	z-index: 100;
	text-align: center;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.evt-reg-section .img-viewer-box .img-viewer-content {
	position: relative;
	top: 150px;
	background-color: #000;
	width: 50%;
	margin: 0 auto;
	border-radius: 10px
}

@media(max-width:1440px) {
	.evt-reg-section .img-viewer-box .img-viewer-content {
		width: 60%;
		top: 15%
	}
}

@media(max-width:1024px) {
	.evt-reg-section .img-viewer-box .img-viewer-content {
		width: 80%
	}
}

@media(max-width:768px) {
	.evt-reg-section .img-viewer-box .img-viewer-content {
		top: 15%
	}
}

@media(max-width:600px) {
	.evt-reg-section .img-viewer-box .img-viewer-content {
		top: 5%;
		width: 90%
	}
}

@media(max-width:480px) {
	.evt-reg-section .img-viewer-box .img-viewer-content {
		width: 95%
	}
}

.evt-reg-section .img-viewer-box .evt-img-controls {
	position: absolute;
	background-color: rgba(98,98,98,.3);
	width: 100%;
	padding: 7px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

@media(max-width:1024px) {
	.evt-reg-section .img-viewer-box .evt-img-controls {
		background-color: rgba(255,255,255,.8)
	}
}

.evt-reg-section .img-viewer-box .evt-img-controls div {
	position: relative;
	vertical-align: middle;
	display: inline-block
}

.evt-reg-section .img-viewer-box .evt-img-controls div img {
	height: 30px;
	cursor: pointer
}

@media(max-width:480px) {
	.evt-reg-section .img-viewer-box .evt-img-controls div img {
		height: 25px
	}
}

@media(max-width:480px) {
	.evt-reg-section .img-viewer-box .evt-img-controls div .evt-back {
		padding-left: 10px
	}
}

@media(max-width:480px) {
	.evt-reg-section .img-viewer-box .evt-img-controls div .evt-delete {
		padding-right: 10px
	}
}

.evt-reg-section .img-viewer-box .evt-view {
	padding: 20px;
	min-height: 70vh;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(max-width:600px) {
	.evt-reg-section .img-viewer-box .evt-view {
		padding: 10px;
		min-height: 90vh
	}
}

.evt-reg-section .img-viewer-box .evt-view img {
	max-width: 100%;
	max-height: 70vh
}

@media(max-width:600px) {
	.evt-reg-section .img-viewer-box .evt-view img {
		padding: 10px;
		max-height: 90vh
	}
}

.evt-reg-section .evt-success-pop {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.7);
	height: 100%;
	z-index: 2
}

.evt-reg-section .evt-success-pop .evt-success-box {
	background-color: #fff;
	padding: 20px;
	width: 25%;
	margin: 0 auto;
	position: relative;
	top: 40%;
	border-radius: 10px
}

@media(max-width:1140px) {
	.evt-reg-section .evt-success-pop .evt-success-box {
		width: 35%
	}
}

@media(max-width:1024px) {
	.evt-reg-section .evt-success-pop .evt-success-box {
		width: 55%
	}
}

@media(max-width:600px) {
	.evt-reg-section .evt-success-pop .evt-success-box {
		width: 70%
	}
}

@media(max-width:480px) {
	.evt-reg-section .evt-success-pop .evt-success-box {
		width: 90%;
		padding: 20px 10px
	}
}

.evt-reg-section .evt-success-pop .evt-success-box h4 {
	font-size: 18px;
	color: #444;
	font-weight: bold;
	line-height: 1.5em;
	margin: 5px 0;
	padding-bottom: 10px
}

.evt-reg-section .evt-success-pop .evt-success-box h4 span img {
	vertical-align: middle;
	height: 22px;
	padding: 0 5px
}

@media(max-width:480px) {
	.evt-reg-section .evt-success-pop .evt-success-box h4 {
		font-size: 16px
	}
}

.evt-reg-section .evt-success-pop .evt-success-box p {
	padding-bottom: 10px
}

.evt-reg-section .evt-error-pop {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.7);
	height: 100%;
	z-index: 2
}

.evt-reg-section .evt-error-pop .evt-error-box {
	background-color: #fff;
	padding: 20px;
	width: 25%;
	margin: 0 auto;
	position: relative;
	top: 40%;
	border-radius: 10px
}

@media(max-width:1140px) {
	.evt-reg-section .evt-error-pop .evt-error-box {
		width: 35%
	}
}

@media(max-width:1024px) {
	.evt-reg-section .evt-error-pop .evt-error-box {
		width: 55%
	}
}

@media(max-width:600px) {
	.evt-reg-section .evt-error-pop .evt-error-box {
		width: 70%
	}
}

@media(max-width:480px) {
	.evt-reg-section .evt-error-pop .evt-error-box {
		width: 90%;
		padding: 20px 10px
	}
}

.evt-reg-section .evt-error-pop .evt-error-box h4 {
	font-size: 18px;
	color: #444;
	font-weight: bold;
	line-height: 1.5em;
	margin: 5px 0;
	padding-bottom: 10px
}

.evt-reg-section .evt-error-pop .evt-error-box h4 span img {
	vertical-align: middle;
	height: 22px;
	padding: 0 5px
}

@media(max-width:480px) {
	.evt-reg-section .evt-error-pop .evt-error-box h4 {
		font-size: 16px
	}
}

.evt-reg-section .evt-error-pop .evt-error-box p {
	padding-bottom: 10px
}

.evt-reg-section .form-evt-control::placeholder {
	color: #888;
	font-size: 15px
}

@media(max-width:480px) {
	.evt-reg-section .form-evt-control::placeholder {
		font-size: 12px
	}
}

.evt-reg-section .form-evt-control::-webkit-input-placeholder {
	color: #888;
	font-size: 15px
}

.evt-reg-section .form-evt-control::-moz-input-placeholder {
	color: #888;
	font-size: 15px
}

.evt-reg-section .form-evt-control::-ms-input-placeholder {
	color: #888;
	font-size: 15px
}

.evt-reg-section .form-evt-control::-o-input-placeholder {
	color: #888;
	font-size: 15px
}

@media(max-width:480px) {
	.evt-reg-section .col-lg-12 {
		padding-left: 5px;
		padding-right: 5px
	}
}

.evt-reg-section .modal {
	display: none;
	background-color: rgba(0,0,0,.5);
	height: 100vh;
	position: fixed;
	z-index: 201;
	width: 100%;
	top: 0;
	left: 0
}

.evt-reg-section .modal-content {
	position: absolute;
	text-align: center;
	background-color: #fefefe;
	margin: auto;
	padding: 10px 25px 10px;
	width: 285px;
	border-radius: 5px;
	top: 45%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	z-index: 202;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3)
}

.evt-reg-section .modal-content .fa-spin {
	display: inline-block
}

.evt-reg-section .modal-content i {
	font-size: 30px;
	color: #cd171f;
	padding: 15px 0 10px;
	display: inline-block
}

.evt-reg-section .modal-content p {
	color: #888;
	padding: 0 0 15px;
	width: 100%;
	font-size: 13px
}

.ggsf-pop {
	display: none;
	position: fixed;
	z-index: 210;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.ggsf-pop .ggsf-container {
	display: block;
	position: absolute;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 0
}

@media(max-width:1600px) {
	.ggsf-pop .ggsf-container {
		width: 70%
	}
}

@media(max-width:1440px) {
	.ggsf-pop .ggsf-container {
		width: 80%
	}
}

.ggsf-pop .ggsf-container .sf-allclose {
	display: none;
	font-size: 30px;
	position: absolute;
	top: -27px;
	right: 25px;
	color: #f3c573;
	border: 2px solid #efc67c;
	border-radius: 50%;
	padding: 10px 10px;
	background-color: #090909;
	width: 8.5%
}

@media(max-width:768px) {
	.ggsf-pop .ggsf-container .sf-allclose {
		display: block;
		width: 9%;
		right: 9px
	}
}

@media(max-width:480px) {
	.ggsf-pop .ggsf-container .sf-allclose {
		font-size: 22px;
		top: -13px;
		right: 5px;
		padding: 5px 10px;
		width: 9.5%
	}
}

@media(max-width:425px) {
	.ggsf-pop .ggsf-container .sf-allclose {
		font-size: 20px;
		top: -15px;
		right: 2px;
		width: 10.5%
	}
}

@media(max-width:375px) {
	.ggsf-pop .ggsf-container .sf-allclose {
		font-size: 17px;
		top: -11px;
		padding: 5px 5px
	}
}

@media(max-width:360px) {
	.ggsf-pop .ggsf-container .sf-allclose {
		width: 11.5%;
		right: -14px
	}
}

@media(max-width:320px) {
	.ggsf-pop .ggsf-container .sf-allclose {
		width: 12.5%
	}
}

.ggsf-pop .ggsf-container .sf-close {
	position: absolute;
	right: 2%;
	top: 5%;
	display: inline-block;
	width: 10%
}

@media(max-width:1024px) {
	.ggsf-pop .ggsf-container .sf-close {
		position: absolute;
		right: unset;
		left: 50%;
		transform: translate(-50%,-50%);
		top: 90%;
		display: inline-block;
		width: 22%
	}
}

.ggsf-pop .ggsf-container .sf-close img {
	width: 100%;
	display: inline-block;
	border: none
}

.ggsf-pop .ggsf-container p {
	font-size: 40px;
	line-height: 1em;
	display: block;
	position: absolute;
	top: 88%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	color: #fff
}

@media(max-width:1024px) {
	.ggsf-pop .ggsf-container p {
		top: 75%
	}
}

@media(max-width:480px) {
	.ggsf-pop .ggsf-container p {
		font-size: 17px
	}
}

@media(max-width:375px) {
	.ggsf-pop .ggsf-container p {
		font-size: 15px
	}
}

.ggsf-pop .ggsf-container p i {
	font-size: 20px;
	padding-left: 2px;
	font-style: normal
}

@media(max-width:480px) {
	.ggsf-pop .ggsf-container p i {
		font-size: 12px
	}
}

.ggsf-pop .ggsf-container p span {
	font-size: 50px;
	vertical-align: top;
	font-style: normal
}

@media(max-width:600px) {
	.ggsf-pop .ggsf-container p span {
		vertical-align: baseline
	}
}

@media(max-width:480px) {
	.ggsf-pop .ggsf-container p span {
		font-size: 27px
	}
}

@media(max-width:375px) {
	.ggsf-pop .ggsf-container p span {
		font-size: 22px
	}
}

.ggsf-pop .ggsf-container a {
	display: inline-block
}

@media(max-width:1024px) {
	.ggsf-pop .ggsf-container a {
		width: 90%
	}
}

@media(max-width:360px) {
	.ggsf-pop .ggsf-container a {
		width: 100%
	}
}

.ggsf-pop .ggsf-container img {
	width: 100%
}

.ggsf-img-border {
	padding: 3px;
	background: linear-gradient(130deg,#d5d1bd,#ffc056 41.07%,#c79a42 76.05%)
}

@media(max-width:480px) {
	.ggsf-img-border {
		padding: 2px
	}
}

.sf-head-box {
	display: inline-block;
	position: relative
}

.sf-head-box .sf-head-text {
	display: inline-block;
	position: absolute;
	left: 60px;
	top: 11px;
	font-weight: bold;
	color: #fff;
	font-size: 14px
}

.sf-head-box .sf-head-text span {
	color: #ffd546;
	font-size: 14px!important;
	vertical-align: top!important
}

.sf-head-box .sf-head-text span:first-child {
	color: #eecf98
}

.sf-head-box img {
	height: 45px!important
}

.ggsf-bottom {
	display: none
}

@media(max-width:1024px) {
	.ggsf-bottom {
		display: block
	}
}

.sf-footer-box {
	display: inline-block;
	width: 100%;
	position: fixed;
	z-index: 99;
	bottom: 0
}

.sf-footer-box .sf-footer-text {
	display: inline-block;
	position: absolute;
	left: 229px;
	bottom: 30px;
	font-weight: bold;
	color: #fff;
	font-size: 27px;
	width: 100%
}

@media(max-width:768px) {
	.sf-footer-box .sf-footer-text {
		left: 179px;
		bottom: 19px
	}
}

@media(max-width:600px) {
	.sf-footer-box .sf-footer-text {
		left: 85px;
		bottom: 11px;
		font-size: 13px
	}
}

@media(max-width:375px) {
	.sf-footer-box .sf-footer-text {
		left: 78px;
		bottom: 8px;
		font-size: 13px
	}
}

@media(max-width:360px) {
	.sf-footer-box .sf-footer-text {
		left: 70px;
		bottom: 9px;
		font-size: 12px
	}
}

@media(max-width:320px) {
	.sf-footer-box .sf-footer-text {
		bottom: 8px;
		font-size: 11px
	}
}

.sf-footer-box .sf-footer-text span {
	color: #ffd546;
	font-size: 15px!important;
	vertical-align: top!important
}

@media(max-width:1024px) {
	.sf-footer-box .sf-footer-text span {
		font-size: 22px!important
	}
}

@media(max-width:600px) {
	.sf-footer-box .sf-footer-text span {
		font-size: 14px!important
	}
}

@media(max-width:375px) {
	.sf-footer-box .sf-footer-text span {
		font-size: 13px!important
	}
}

@media(max-width:320px) {
	.sf-footer-box .sf-footer-text span {
		font-size: 11px!important
	}
}

.sf-footer-box .sf-footer-text span:first-child {
	color: #eecf98
}

.sf-footer-box .sf-footer-text span.sf-close {
	position: fixed;
	right: 25px;
	font-weight: normal;
	color: #6f6860;
	font-size: 30px!important
}

@media(max-width:600px) {
	.sf-footer-box .sf-footer-text span.sf-close {
		right: 16px;
		font-size: 18px!important
	}
}

@media(max-width:375px) {
	.sf-footer-box .sf-footer-text span.sf-close {
		right: 9px
	}
}

@media(max-width:320px) {
	.sf-footer-box .sf-footer-text span.sf-close {
		font-size: 14px!important
	}
}

.sf-footer-box img {
	height: auto;
	width: 100%
}

.primary {
	color: #555
}

.secondary {
	color: #222
}

.black {
	color: #000
}

.dark-grey {
	color: #3e3e3e
}

.dark-2e {
	color: #2e2e2e
}

.white {
	color: #fff
}

.red {
	color: red
}

.red-custom-1 {
	color: #c00
}

.red-custom-2 {
	color: #de0000
}

.red-custom-4 {
	color: #781a1a
}

.red-custom-4 {
	color: #af1313
}

.red-custom-5 {
	color: #832c33
}

.light-red {
	color: #f9384f!important
}

.light-red-2 {
	color: #f25c5c
}

.light-red-3 {
	color: #ff8383
}

.red-custom {
	color: #d63636
}

.red-orange {
	color: #da432f
}

.dark-orange {
	color: #f07b16
}

.golden {
	color: #ffd451
}

.blue {
	color: #2988d1
}

.darker-blue {
	color: #1b4490
}

.light-blue {
	color: #8ad6ff
}

.light-blue-2 {
	color: #67b2ff
}

.cold-blue {
	color: #96f1ff
}

.aqua-blue {
	color: #51e0ff
}

.aqua-blue-1 {
	color: #abfff5
}

.aqua-blue-2 {
	color: #aafffc
}

.emerald-blue {
	color: #04415a
}

.grey {
	color: #555
}

.grey-2 {
	color: #b8c1cf
}

.grey-3 {
	color: #999
}

.grey-4 {
	color: #7e7e7e
}

.grey-blue {
	color: #2e6489
}

.grey-c7 {
	color: #c7c7c9
}

.grey-b4 {
	color: #b4b4b4
}

.grey-ec {
	color: #ececec
}

.grey-bf {
	color: #bfbfbf
}

.maroon {
	color: #b00000
}

.maroon2 {
	color: #460f0f
}

.fuchsia {
	color: #d1177d
}

.royal-blue {
	color: #06f
}

.dark-blue {
	color: #223f9b
}

.green {
	color: #a4c639
}

.green-1 {
	color: #338b61
}

.green-2 {
	color: #3b4d2d
}

.green-3 {
	color: #b0e177
}

.green-4 {
	color: #60d042
}

.light-green {
	color: #acfab8
}

.yellow-green {
	color: #cee88e
}

.yellow-green-1 {
	color: #cfd658
}

.brown {
	color: #472201
}

.brown-2 {
	color: #8a481d
}

.brown-3 {
	color: #794e06
}

.gold {
	color: #b58145
}

.gold-2 {
	color: #e4c670
}

.gold-3 {
	color: #ffdc9e
}

.gold-4 {
	color: #d1c5a1
}

.gold-5 {
	color: #ffe5cc
}

.gold-6 {
	color: #e5bf9a
}

.purple {
	color: #5f278c
}

.light-purple {
	color: #9a2bec
}

.lighter-purple {
	color: #e5b6ec
}

.light-purple-2 {
	color: #7761db
}

.light-purple-3 {
	color: #84afe9
}

.pinkish {
	color: #ff868a
}

.pink {
	color: #ffbda1
}

.pink-1 {
	color: #ad283a
}

.pink-2 {
	color: #e15b87
}

.pink-3 {
	color: #ffa7a7
}

.yellow {
	color: #fff59c
}

.yellow-orange {
	color: #f1b54d
}

.yellow-orange-2 {
	color: #ffaa30
}

.yellow-gold {
	color: #ffd79c
}

.yellow-golden {
	color: #fff8bd
}

.yellow-2 {
	color: #ffc65c
}

.yellow-3 {
	color: #fff9c2
}

.yellow-4 {
	color: #ffe561
}

.yellow-5 {
	color: #fff0de
}

.yellow-6 {
	color: #ffe4c4
}

.yellow-7 {
	color: #f2c888
}

.yellow-8 {
	color: #f8c837!important
}

.yellow-9 {
	color: #ffe180
}

.yellow-10 {
	color: #fffa99
}

.yellow-11 {
	color: #ffe778
}

.yellow-12 {
	color: #d7bf77
}

.yellow-13 {
	color: #ffeecf
}

.yellow-14 {
	color: #ffec95
}

.yellow-15 {
	color: #f2c370
}

.light-fushia {
	color: #eea8ff!important
}

.dark-fushia {
	color: #b52bba!important
}

.off-blue {
	color: #d0e2f2
}

.blue-cyan {
	color: #a8ffff
}

.blue-1 {
	color: #4ca4db
}

.blue-2 {
	color: #212b87
}

.blue-3 {
	color: #2c5e83
}

.pale-white {
	color: #fff4cf
}

.pale-white-2 {
	color: #fff2db!important
}

.brown {
	color: #796156
}

.light-brown {
	color: #b88058
}

.light-brown-2 {
	color: #82644e
}

.white-brown {
	color: #c6b49d
}

.dark-brown {
	color: #392a22
}

.gold-brown {
	color: #ba682c
}

.white-yellow {
	color: #e8e2da
}

.white-yellow2 {
	color: #f5eeda
}

.dark-violet {
	color: #1a1044
}

.dark-violet-2 {
	color: #2d3781
}

.dark-violet-3 {
	color: #442c76
}

.orange {
	color: #e47100
}

.red-custom-3 {
	color: #e82418
}

.plant-green {
	color: #3c9e0b
}

.bg-white {
	background-color: #fff
}

.bg-white-20 {
	background-color: rgba(255,255,255,.2)
}

.bg-off-white {
	background-color: #f7f9fc
}

.bg-semi-dark {
	background-color: #e8ebed
}

.bg-darker {
	background-color: #030407
}

.bg-f3 {
	background-color: #f3f3f3
}

.bg-f5 {
	background-color: #f5f5f5
}

.bg-fa {
	background-color: #fafafa
}

.bg-e4 {
	background-color: #e4e4e4
}

.bg-ed {
	background-color: #ededed
}

.bg-e7 {
	background-color: #e7e7e7
}

.bg-e4d {
	background-color: #e4dfdb
}

.bg-f9 {
	background-color: #f9f9f9
}

.bg-f9fa {
	background-color: #f9fafb
}

.bg-fdf3 {
	background-color: #fdf3f4
}

.bg-a0a {
	background-color: #a0a698
}

.bg-dd {
	background-color: #ddd
}

.bg-ash {
	background-color: #dfd1c4
}

.bg-light-orange {
	background-color: #f2ece4
}

.bg-yellow {
	background-color: #fffbef
}

.bg-light-yellow {
	background-color: #fcf8f2
}

.bg-light-brown {
	background-color: #e1d6ce
}

.bg-light-brown-2 {
	background-color: #fef8eb
}

.bg-light-brown-3 {
	background-color: #f8ece0
}

.bg-choco-brown {
	background-color: #c9bbb1
}

.bg-light-red {
	background-color: #f6eaeb
}

.bg-maroon {
	background-color: #1a0202
}

.bg-dark-maroon {
	background-color: #120101
}

.bg-dark-maroon2 {
	background-color: #1b0502
}

.bg-dark-maroon3 {
	background-color: #140701
}

.bg-dark-maroon4 {
	background-color: #420303
}

.bg-dark-maroon5 {
	background-color: #200
}

.bg-blue {
	background-color: #edf4f9
}

.bg-light-blue {
	background-color: #f5f7fa
}

.bg-yellow-light {
	background-color: #fffcf5
}

.bg-light-green {
	background-color: #f1faf7
}

.bg-light-purple {
	background-color: #faf7ff
}

.bg-dark-purple {
	background-color: #e7e3e8
}

.bg-fushia {
	background-color: #33013e
}

.bg-light-fushia {
	background-color: #fbeaff
}

.bg-violet {
	background-color: #271b33
}

.bg-dark-violet {
	background-color: #1a0303
}

.bg-dark-violet-2 {
	background-color: #040317
}

.bg-dark-violet-3 {
	background-color: #0f0c14
}

.bg-dark-violet-4 {
	background-color: #201a50
}

.bg-dark-violet-5 {
	background-color: #1c1e33!important
}

.bg-dark-violet-6 {
	background-color: #131023
}

.bg-dark-violet-7 {
	background-color: #0e0e21
}

.bg-light-violet {
	background-color: #eeeaf6
}

.bg-light-blue-2 {
	background-color: #121c36
}

.bg-light-blue-3 {
	background-color: #e6edf2
}

.bg-dark-blue {
	background-color: #040a1a
}

.bg-dark-blue-2 {
	background-color: #030511
}

.bg-dark-blue-3 {
	background-color: #090b1a
}

.bg-dark-blue-4 {
	background-color: #192652
}

.bg-aof-blue {
	background-color: #b8d2e4
}

.bg-light-grey {
	background-color: #d0d1cb
}

.bg-darker-grey {
	background-color: #0d0d0c
}

.bg-dark-grey {
	background-color: #171717!important
}

.bg-dark-grey-2 {
	background-color: #2a2b2a!important
}

.bg-dark-grey-3 {
	background-color: #141414
}

.bg-dark-silver {
	background-color: #414141!important
}

.bg-dark-silver2 {
	background-color: #31302f
}

.bg-brown {
	background-color: #2e1205!important
}

.bg-brown-1 {
	background-color: #522323
}

.bg-brown-2 {
	background-color: #3b2f2d
}

.bg-rust {
	background-color: #3a5778
}

.bg-fb-title {
	background-color: #e9f1f7
}

.bl-white-brown li:before {
	background-color: #c6b49d
}

.bl-white-yellow2 li:before {
	background-color: #f5eeda
}

.bl-grey-c7 li:before {
	background-color: #c7c7c9
}

.bl-lighter-purple li:before {
	background-color: #e5b6ec
}

.bg-peach {
	background-color: #f0e2d5
}

.bg-peach2 {
	background-color: #f0e9e1
}

.bg-red2 {
	background-color: #b30000
}

.bg-red-custom-3 {
	background-color: #e82418
}

.bg-red-custom-3:hover {
	background-color: #ee362b
}

.bg-light-pink {
	background-color: #f7edf0
}

.bg-light-pink-2 {
	background-color: #e8dadc
}

.bg-dark-peach {
	background-color: #fdd493
}

.bg-dark-brown {
	background-color: #1e0906
}

.bg-lither-brown {
	background-color: #281816
}

.bg-ocean-blue {
	background-color: #a1cfde
}

.bg-cold-blue {
	background-color: #c0e6ed
}

.bg-avocado {
	background-color: #d2d6c1
}

.bg-avocado-light {
	background-color: #f7f9f1
}

.bg-dark-blue-violet {
	background-color: #100c2b
}

.bg-dark-blue-violet-2 {
	background-color: #0e1327
}

.bg-transparent {
	background-color: rgba(255,255,255,.1)
}

.bg-violet-trans {
	background-color: rgba(24,6,19,.6)
}

.bg-faded-black {
	background-color: rgba(0,0,0,.6)
}

.bg-faded-gray {
	background-color: rgba(51,54,72,.6)
}

.bg-faded-darkgrey {
	background-color: rgba(13,13,12,.7)
}

.bg-faded-maroon {
	background-color: rgba(57,0,0,.5)
}

.bg-peach-brown {
	background-color: #e7c9a1
}

.bg-black {
	background-color: #000
}

.bg-semi-black {
	background-color: #0d0805
}

.bg-grad-blk-vio {
	background: #040001;
	background: -moz-linear-gradient(top,#040001 0%,#281e43 100%);
	background: -webkit-linear-gradient(top,#040001 0%,#281e43 100%);
	background: linear-gradient(to bottom,#040001 0%,#281e43 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#040001',endColorstr='#281e43',GradientType=0)
}

.beat-blue {
	background-color: #1c2e42
}

.ggsop-mb-bg {
	background-color: #361223
}

.ggsop-mb-bg {
	background-color: #361223
}

.flip-go-dark-bg {
	background-color: #030303
}

.bg-lighter-pink {
	background-color: #f3e5e0
}

.bg-emerald-blue {
	background-color: #22616c
}

.bg-coffee {
	background-color: #483d29
}

.bg-brown-tortilia {
	background-color: #605541
}

.bg-cookies-grey {
	background-color: #47413c
}

.bg-coal {
	background-color: #191919
}

.bg-mocha {
	background-color: #e0c68e
}

.bg-trueviolet {
	background-color: #1d0e33
}

.bg-navy-green {
	background-color: #1c2014
}

.bg-navy-dark {
	background-color: #161a10
}

.bg-navy-darker {
	background-color: #11130c
}

.bg-purple {
	background-color: #96218b
}

.bg-darker-purple {
	background-color: #140013
}

.bg-darkbrown-coffee {
	background-color: #0f0808
}

.bg-brown-3 {
	background-color: #4d3018
}

.bg-brown-4 {
	background-color: #634f39
}

.bg-brown-5 {
	background-color: #2b160d
}

.bg-yellow {
	background-color: #fffbef
}

.btn-darker-orange {
	background-color: #bb240a;
	color: #fff
}

.btn:hover {
	transition: ease-in .3s
}

.pc-visible {
	display: block
}

@media(max-width:1024px) {
	.pc-visible {
		display: none
	}
}

.mobile-visible {
	display: none
}

@media(max-width:1024px) {
	.mobile-visible {
		display: block
	}
}

.text-shadow-black-opaque {
	text-shadow: 0 5px 0 rgba(0,0,0,.3)
}

.border-all {
	border: 1px solid #ddd
}

.content-title {
	background: #242323;
	padding: 25px 0
}

@media(max-width:1024px) {
	.content-title {
		padding: 5px 0
	}
}

.content-title h2 {
	line-height: 40px;
	margin-bottom: 0;
	font-size: 30px
}

@media(max-width:1024px) {
	.content-title h2 {
		font-size: 18px
	}
}

.game-section .box-content {
	padding: 40px 35px;
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	min-height: 650px
}

@media(max-width:480px) {
	.game-section .box-content {
		padding: 40px 15px
	}
}

.game-section .box-content hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #eee
}

.game-section .box-content h2 {
	font-size: 22px
}

.game-section .box-content p {
	color: #555;
	font-size: 14px
}

.highlight-plo {
	background: url(https://ggpk168.com/assets/img/games/page4/bg1.png) no-repeat;
	background-size: cover;
	background-position: center
}

.plo-5-content1 {
	background: url(https://ggpk168.com/assets/img/games/page4/bg4.png) no-repeat;
	background-size: cover;
	background-position: center
}

.content-pad-50 {
	padding: 50px 0 40px
}

.flip-go-vid-bg {
	background: url(https://ggpk168.com/assets/img/games/page7/flip-go-vid-bg.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat
}

.fg-vid-group {
	position: relative;
	width: 100%;
	margin: 0 auto
}

.fg-vid-group .video-container video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40%;
	border: 1px solid #641b0b;
	box-shadow: 0 1px 2px 2px #4c1100,2px 2px 3px 8px #230702
}

@media(max-width:1024px) {
	.fg-vid-group .video-container video {
		width: 75%!important
	}
}

.fg-vid-group .video-container .vid-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40%
}

.fg-step-bg {
	background: url(https://ggpk168.com/assets/img/games/page7/fg-step-bg.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative
}

.fg-step-bg .fire-bottom {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0)
}

.fg-table-bg {
	background: url(https://ggpk168.com/assets/img/games/page7/fg-table-bg.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat
}

.fg-table-bottom {
	background: url(https://ggpk168.com/assets/img/games/page7/fg-table-bottom.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat
}

.fg-steps-container .fire {
	position: relative;
	top: 20px
}

.fg-steps-container .fg-steps-item img {
	position: relative
}

.fg-steps-container .fg-steps-item img:nth-child(2) {
	top: -20px
}

@media(max-width:480px) {
	.fg-steps-container .fg-steps-item img:nth-child(2) {
		top: -10px
	}
}

.fg-steps-container .fg-steps-item img:nth-child(3) {
	top: -40px
}

@media(max-width:480px) {
	.fg-steps-container .fg-steps-item img:nth-child(3) {
		top: -20px
	}
}

.fg-steps-container .fg-steps-item img:last-child {
	top: -60px
}

@media(max-width:480px) {
	.fg-steps-container .fg-steps-item img:last-child {
		top: -30px
	}
}

.fg-steps-container .fg-step-item>img {
	margin-top: 15px;
	margin-bottom: 50px
}

@media(max-width:768px) {
	.fg-steps-container .fg-step-item>img {
		margin-bottom: 30px
	}
}

.fg-steps-container .fg-item img {
	position: relative
}

.fg-steps-container .fg-item img:nth-child(2) {
	top: -20px
}

@media(max-width:480px) {
	.fg-steps-container .fg-item img:nth-child(2) {
		top: -20px
	}
}

.fg-steps-container .fg-item img:nth-child(3) {
	top: -19px
}

@media(max-width:480px) {
	.fg-steps-container .fg-item img:nth-child(3) {
		top: -20px
	}
}

.fg-steps-container .fg-item img:nth-child(4) {
	top: -19px
}

@media(max-width:480px) {
	.fg-steps-container .fg-item img:nth-child(4) {
		top: -20px
	}
}

.fg-steps-container .fg-item img:nth-child(5) {
	top: -27px
}

@media(max-width:480px) {
	.fg-steps-container .fg-item img:nth-child(5) {
		top: -20px
	}
}

.fg-step-detail {
	position: relative
}

.fg-step-detail h4 {
	position: absolute
}

.table-flipgo {
	border: 1px #dadada solid;
	border-collapse: collapse;
	overflow: hidden;
	table-layout: fixed;
	margin: 0 auto;
	min-width: 700px;
	margin-bottom: 10px;
	border-radius: 10px;
	background-color: rgba(92,22,12,.5)
}

@media(max-width:1024px) {
	.table-flipgo {
		min-width: 100%
	}
}

.table-flipgo .title-head>th {
	background-color: #300f03
}

.table-flipgo tbody>tr>td,.table-flipgo tfoot>tr>td {
	text-align: center;
	padding: 8px 5px;
	color: #ffeec6;
	font-size: 18px;
	line-height: normal
}

.table-flipgo tbody>tr>td:first-child,.table-flipgo tfoot>tr>td:first-child {
	border-right: 1px solid #76290d
}

@media only screen and (max-width:480px) {
	.table-flipgo tbody>tr>td,.table-flipgo tfoot>tr>td {
		font-size: 14px;
		padding: 5px 5px
	}
}

.table-flipgo tbody>tr>td:last-child {
	color: #f7be6a;
	font-size: 22px
}

@media only screen and (max-width:480px) {
	.table-flipgo tbody>tr>td:last-child {
		font-size: 15px
	}
}

.table-flipgo tbody>tr {
	border-bottom: 1px solid #76290d
}

.table-flipgo tbody>tr:last-child {
	border-bottom: none
}

.table-flipgo tbody>tr:hover {
	background-color: #3d0c05!important
}

.table-flipgo>thead>tr>th {
	font-size: 18px;
	font-weight: 600;
	padding: 10px 0;
	word-break: break-word;
	line-height: normal;
	color: #ffeec6;
	background-color: #661308;
	border-bottom: 1px solid #76290d;
	width: 50%
}

.table-flipgo>thead>tr>th:first-child {
	border-right: 1px solid #76290d
}

@media only screen and (max-width:480px) {
	.table-flipgo>thead>tr>th {
		font-size: 11px;
		padding: 5px 5px
	}
}

.table-flipgo>tbody>tr:nth-child(odd),.table-flipgo>ul>li:nth-child(odd) {
	background-color: rgba(82,18,8,.9)
}

.table-flipgo>tbody>tr:nth-child(even),.table-flipgo>ul>li:nth-child(even) {
	background-color: transparent
}

.table-flipgo tfoot>tr>td {
	color: #fff;
	background-color: #d2b068;
	font-weight: bold
}

.content-padd-custom {
	padding: 1% 0
}

.content-pad-custom-2 {
	padding: 2% 0 3%
}

.custom-section {
	background: #cc9e6c;
	background: -moz-linear-gradient(top,#cc9e6c 1%,#a7a7a7 100%);
	background: -webkit-linear-gradient(top,#cc9e6c 1%,#a7a7a7 100%);
	background: linear-gradient(to bottom,#cc9e6c 1%,#a7a7a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc9e6c',endColorstr='#a7a7a7',GradientType=0)
}

.custom-section h1 {
	letter-spacing: 6px;
	margin: 30px 0 7%;
	font-size: 45px
}

@media(max-width:480px) {
	.custom-section h1 {
		margin: 30px 0 6%;
		letter-spacing: 3px;
		font-size: 27px
	}
}

.custom-section h4 {
	letter-spacing: 9px;
	font-size: 45px;
	margin-bottom: 20px;
	color: #fefefc
}

@media(max-width:480px) {
	.custom-section h4 {
		font-size: 27px;
		letter-spacing: 4px;
		margin: 36px 0 6%
	}
}

.custom-section h2 {
	letter-spacing: 10px;
	font-size: 60px;
	margin-bottom: 20px
}

@media(max-width:1024px) {
	.custom-section h2 {
		font-size: 45px!important
	}
}

@media(max-width:480px) {
	.custom-section h2 {
		font-size: 40px!important;
		letter-spacing: 5px
	}
}

.video-container video {
	width: 70%;
	display: block;
	margin: 0 auto
}

@media(max-width:1024px) {
	.video-container video {
		width: 100%!important
	}
}

.video-85 {
	width: 85%!important
}

@media(max-width:1024px) {
	.video-85 {
		width: 100%!important
	}
}

.table-sng {
	border: 1px #dadada solid;
	border-collapse: collapse;
	overflow: hidden;
	table-layout: fixed;
	margin: 0 auto;
	width: 100%;
	color: #000;
	background-color: #fff;
	margin-bottom: 10px;
	border-radius: 10px
}

.table-sng .title-head>th {
	background-color: #300f03
}

.table-sng tbody>tr>td,.table-sng tfoot>tr>td {
	text-align: center;
	padding: 10px 5px;
	font-size: 14px;
	line-height: normal
}

@media only screen and (max-width:480px) {
	.table-sng tbody>tr>td,.table-sng tfoot>tr>td {
		font-size: 11px;
		padding: 5px 5px
	}
}

.table-sng>thead>tr>th {
	background: #a68254;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	padding: 10px 0;
	word-break: break-word;
	line-height: normal
}

@media only screen and (max-width:480px) {
	.table-sng>thead>tr>th {
		font-size: 11px;
		padding: 5px 5px
	}
}

.table-sng>tbody>tr:nth-child(odd),.table-sng>ul>li:nth-child(odd) {
	background-color: #fff9f0
}

.table-sng>tbody>tr:nth-child(even),.table-sng>ul>li:nth-child(even) {
	background-color: #eee7dc
}

.table-sng tfoot>tr>td {
	color: #fff;
	background-color: #d2b068;
	font-weight: bold
}

.btr-main-title {
	position: relative
}

.btr-main-title h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

@media(max-width:1024px) {
	.btr-main-title h3 {
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		margin-top: 10px
	}
}

.btr-bg1 {
	background: url(https://ggpk168.com/assets/img/games/page8/bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #13180c
}

.btr-bg2 {
	background: url(https://ggpk168.com/assets/img/games/page8/bg2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #13180c
}

.btr-bg3 {
	background: url(https://ggpk168.com/assets/img/games/page8/bg3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #13180c
}

.arrow-royale {
	position: absolute;
	top: 35%;
	right: -32px;
	width: 18%
}

@media(max-width:480px) {
	.arrow-royale {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		right: 43%;
		top: unset;
		bottom: -15%;
		width: 13%
	}
}

.btr-title2 {
	font-size: 0
}

.btr-title2 .title-rev {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.btr-w-bullet {
}

.btr-w-bullet span {
	padding-right: 15px
}

.btr-w-bullet p {
	padding-left: 25px
}

.btr-prompt {
	position: relative;
	background-color: #242e1e;
	padding: 40px;
	margin-top: 5%
}

.btr-prompt h3 {
	position: absolute;
	background: url(https://ggpk168.com/assets/img/games/page8/topbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	width: 18%;
	padding: 5px 0 5px 35px;
	top: -15px;
	left: -15px
}

@media(max-width:480px) {
	.btr-prompt h3 {
		background-position: right;
		width: 30%;
		padding: 5px 0 5px 20px;
		left: 0
	}
}

@media(max-width:432px) {
	.btr-prompt h3 {
		width: 35%;
		padding: 5px 0 5px 15px
	}
}

.tbl-battle-royale-scroll-pc {
	overflow: auto;
	max-height: 420px
}

@media(max-width:768px) {
	.tbl-battle-royale-scroll-pc {
		max-height: 350px
	}
}

@media(max-width:480px) {
	.tbl-battle-royale-scroll-pc {
		max-height: 240px
	}
}

.tbl-body-battle-royale {
	border: 1px solid #190e3e!important
}

.table-battle-royale {
	table-layout: auto;
	border: none;
	background-color: transparent;
	margin-bottom: 0
}

.table-battle-royale>thead>tr>th {
	background: #414632!important;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff
}

@media(max-width:480px) {
	.table-battle-royale>thead>tr>th:nth-child(3) {
		width: 35%
	}
}

@media(max-width:480px) {
	.table-battle-royale>thead>tr>th {
		padding-left: 5px;
		padding-right: 5px
	}
}

@media(max-width:414px) {
	.table-battle-royale>thead>tr>th {
		font-size: 9px
	}
}

.table-battle-royale>thead>tr>th:first-child {
	border-radius: 0
}

.table-battle-royale>thead>tr>th:last-child {
	border-radius: 0
}

.table-battle-royale tbody>tr:hover {
	background-color: #181c10!important
}

.table-battle-royale tbody>tr>td {
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center
}

@media(max-width:1024px) {
	.table-battle-royale tbody>tr>td {
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px
	}
}

@media(max-width:480px) {
	.table-battle-royale tbody>tr>td {
		font-size: 9px
	}
}

.table-battle-royale>tbody>tr:nth-child(odd) {
	background-color: #080d08
}

.table-battle-royale>tbody>tr:nth-child(even) {
	background-color: #040704
}

.table-battle-royale-body {
	border-radius: 0;
	background-color: transparent;
	padding: 10px;
	display: block
}

@media(max-width:480px) {
	.table-battle-royale-body {
		padding: 0
	}
}

.table-battle-royale-wrapper::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	height: 10px;
	border: 1px solid #161910
}

.table-battle-royale-wrapper::-webkit-scrollbar-corner {
	background-color: #0c0319
}

.table-battle-royale-wrapper::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #0f170f
}

.table-battle-royale-wrapper::-webkit-scrollbar-track {
	background: #040704
}

.faq-read {
	cursor: pointer
}

.faq-answer {
	display: none
}

.blue {
	color: #2988d1
}

.hti-faq ul li {
	font-size: 14px;
	line-height: 28px
}

.p-num:before,.p-num-blue:before {
	content: attr(data-num);
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-color: #cc1f1f;
	color: #fff;
	text-align: center;
	line-height: 25px;
	font-size: 15px;
	border-radius: 100%
}

.p-num-blue:before {
	background-color: #06f
}

.smart-box {
	min-height: 100px;
	display: flex
}

.smart-box li {
	text-align: center
}

.smart-box li img {
	margin: 0 auto
}

.smart-box.sb-center {
	align-items: center;
	justify-content: space-around
}

.smart-box.sb-baseline {
	align-items: center;
	justify-content: space-around;
	padding-top: 10px
}

.smart-content {
	min-height: 325px
}

.img-wrap {
	border: 1px solid #ddd
}

.img-wrap h2 {
	padding: 8px 5px;
	font-size: 15px
}

.img-wrap-2 p {
	height: 46px
}

@media(max-width:768px) {
	.img-wrap-2 p {
		height: auto
	}
}

.ongoingpromo-faq-list p:nth-child(odd) {
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
	padding: 10px;
	display: inline-block
}

.ongoingpromo-faq-list p:nth-child(even) {
	margin: 5px 0 5px 50px;
	font-size: 15px;
	border-radius: 5px;
	background-color: #f1fafe;
	padding: 10px
}

@media(max-width:768px) {
	.ongoingpromo-faq-list p:nth-child(even) {
		margin: 5px 0 5px 20px
	}
}

.tbl-blue-header>th {
	background: #354566!important;
	color: #fef19b!important
}

.decimal-list li {
	font-size: 14px
}

.thin-wrapper {
	padding: 0 4%
}

@media(max-width:768px) {
	.thin-wrapper {
		padding: 0
	}
}

.thin-wrapper ul {
	padding-left: 35px
}

.overflow-body {
	height: 153px;
	overflow-y: hidden
}

.tbl-acc i {
	color: #555!important;
	font-weight: bold;
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	display: inline-block
}

.rotate {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.tbl-bg-f9>.th-green {
	background-color: #e3fcef!important
}

.tbl-bg-f9>.th-yellow {
	background-color: #fffae6!important
}

.tbl-bg-f9>.th-yellow {
	background-color: #fffae6!important
}

.tbl-bg-f9>th {
	background: #f9f9f9!important
}

.jackpot-img {
	margin-top: 22%
}

.equal-sign {
	position: absolute;
	top: 210px
}

.d-flex-center {
	display: flex;
	align-items: center
}

.d-flex-block-right {
	display: block;
	flex: 1 0;
	text-align: right
}