@keyframes colorChangeM3Light {
0%, 25%, 50% {
fill:#79c
}
75%, to {
fill:#252531
}
}
@keyframes colorChangeM3Dark {
0%, 25%, 50% {
fill:#79c
}
75%, to {
fill:#252531
}
}
@keyframes opacityLoader {
to {
opacity:0
}
}
@keyframes colorChange {
0%, 25%, 50% {
fill:#f4b53e
}
75%, to {
fill:#252531
}
}
.entryLogin {
	font-size:14px;
	text-align:center
}
.entryLogin .cardWrap h1:not(.noArrow):before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
width:6px;
height:25px;
margin:auto;
background:#36a638;
border:1px solid #36a638;
border-radius:8px
}
.entryLogin .registerCard .button button {
	border-color:#d6d6d6
}
.entryLogin .cardWrap button.grey:hover, .entryLogin .cardWrap input[type=submit].grey:hover, .entryLogin .registerCard .button button:hover {
	background:#36a638;
	border-color:#36a638;
	color:#fff
}
.entryLogin .cardWrap .inputBigColumn {
	position:relative;
	display:flex;
	align-items:center;
	height:40px;
	line-height:40px;
	padding:0 12px;
	margin-top:20px
}
.entryLogin .cardWrap .inputBigColumn:focus-within {
border-color:#36a638
}
.entryLogin .cardWrap .inputBigColumn .icon {
	width:20px;
	height:20px;
	background:url(data:image/webp;base64,UklGRgYCAABXRUJQVlA4WAoAAAAQAAAALAAALgAAQUxQSHsBAAABkNVsex05P4FKP4Magnu4j1UCE+19NWbQMBgzmCFQbRh0GMQMJgwSBjaDd4/J70i9j4gJkP39dSqU6fkkB4wLn5eLNtKJ7Ytv4h7AOjgR0ZiBEhvoA2qUz8MKeLsM1ctWnaGoVQ942a4zjFYrJNkbAGfjoeouGWGwucEo+3vINhmigQA2KwSL1QqjbDUbVasMvYFCtUkwGkS423goui9DtJEMaVeAqkY9EHZogSTWdyhhk3tAVTOdgYt+FgvgxV5noDyfOvHddQFqlJaa2V69NI7rhppU2vtbzqx57FX+7113+fjcuSbudJ0K28t08UbnCePl6vadFz7OOaU0hD6llOd3wOS2uQmgjr2TvSHNvL9s8QXIUYz9WIGHfuIL1CgN9Q489ANXYHbSdgD+fTDBrNI6AoOIRKhe2g9QVGSBQY44Q5IeVjlkgCJ3iMeQDD8X0IMM8ATIQQP8XiEcJMHTCMtJD6B/gK+uctws4tfDZBWRL6fb3yPefokIAFZQOCBkAAAAcAQAnQEqLQAvAD5VIItFo6IhHjQAOAVEtIBlACpcqOlcSKg750aWGy/9SQAA/u1n//9v+HVH//dmN/f+nE0F9/3/IoWJVxM/sAdFhbYnnvcJ8ddrd/A4P//7kRa3/+l6nCSAAA==)no-repeat 50%;
	background-size:contain;
	margin-right:10px
}
.entryLogin .cardWrap .inputBigColumn .verifyCode {
	display:flex
}
.entryLogin .cardWrap .inputBigColumn .inputColumn {
	flex-grow:1
}
.entryLogin .cardWrap .inputBigColumn input {
	width:100%;
	height:22px;
	background:transparent;
	padding-left:12px;
	border:none;
	border-left:1px solid #d6d6d6;
	border-radius:0;
	box-sizing:border-box;
	color:#000
}
.entryLogin .cardWrap .inputBigColumn input::placeholder {
color:#999
}
.entryLogin .cardWrap .inputBigColumn .rightIcon {
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
	background-position:50%
}
.entryLogin .cardWrap .inputBigColumn .rightIcon.password.hide {
	background-image:url(data:image/webp;base64,UklGRsgCAABXRUJQVlA4WAoAAAAQAAAAIQAAGQAAQUxQSAYBAAABkHJb22K3Qzo6iWNOuXXM1XFl1nXkSAdUGUYVAq4WFdPV4wqa0XVdVTjie7+ZNRExAXBugqZL3d3QBtXnzbBZ9UOu1Wq16tFtehIe/jD7630NOKf605o/a7DDLGGik9WgnZwju7et+q2jGidVi2606Ib9iXbltgMc/ag6+kedhclgNjPpHdL35ldC4I1gUHUtwO3cXSgD1yaTiacAJjLCZLRQxaekj2rNJEQGXEo+QBmtDlZFhwNWqr4/YjhJPBt8iBidNT9Lvkg8GUGRKah6LvFshs7gHNWXJHosgt+qk9XgbNtsD8BZ045qcPJ95FXSX6rLa9R/ozrbDEdUJ5thd2lJ4+cAVlA4IJwBAADQCgCdASoiABoAPm0wlEckIqIhKrgKAIANiWkAy+d4EiB2A5u/8B4O0V/np5p/ov2AP45/QuqB+1XsU/qgECwbdn9hTb11rzFsi0g1rnVj3zl5/j0kLweUza6w5sVnAAD+t2DbmTVrT9nMNxtjG7AHnKJ7LzuLAZ+qddmka5JY0LrfgJpbGc2FxtBvj8Kz3GkcnlPgay2DtjxzhOshGco1JrrDGzoJ8JopbW6+VjGjdHmuIPlkYFfWLDEopJF3RZn4pido7EBwKHZZ3H0FtSucsjkUJUpVJB5+BIFObN7Y+fAGQKaGBe1dJMcs2DkI4KppvjudbBy13i+psaLoe/uv1bHyZOUQfoVBm8W3THoglbk5J7wH9Qf4wj2Rf83SZAVvUpeKBve7Jnt5q/uOvaMjC0CAEECCcjVV8xXEo5wP/8LRUtd1FMZgGZTry3PZL8Q4WHfYS/d+BvUqG3hk/pWShATl3QnVvD9Bp32X+S/3MpyT3LMoi5/gPomGq83qhzfs0C6DhGLD5QIDgcQZ14n9g02mzhSERfwM4uAA);
	display:unset
}
.entryLogin .inputRegister .customCheckbox {
	font-size:12px;
	line-height:19px
}
.entryLogin .inputRegister .customCheckbox .checkmark {
	top:0;
	left:0
}
.entryLogin .inputRegister .customCheckbox .checkmark:after {
	background-image:none
}
.entryLogin .inputRegister .customCheckbox input:checked~.checkmark {
background-image:url(images/1.webp)!important
}
.entryLogin .inputRegister .customCheckbox:hover input~.checkmark {
background-image:url(data:image/webp;base64,UklGRmQCAABXRUJQVlA4WAoAAAAwAAAAWgAAWgAAVlA4TEYCAAAvWoAWEC+hJJIkZ/fgnX+dx+In+BbUtm3k2Ffe7T/ndfmD2raNHPvKu/3nvC5/UNi2kZo6fGb+BADu3gC0tdtItvteI9nue22fs0UkAmjn3jYzf5/D515nZiki+P3vVVUiomQmigiQhC8kOJKkSJIvM0N3VUZk9czu/P+Nu1PTB32MEf1n4LaRojnmwT3IvQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICTjW3btm3btm3btm3btm3btm3btm3btm3btjeHHzf3OoyWJEmSJEmSJEmSJEmSJEmSJEmSJEmSJElSlNKOPzh3H9WO5aeRzTGdz8/tvYRqNC0vdZXFKc/KpowtpXH55adR6bFMm7mtGqOpOpcfvTrcnfJ+d50iWx3a2d6XkN1nbWjrIh/0amTUpmHa/0Iq51Cluan1Wjxarrn/xVTlQZaQSu+7opR2M/WL2FjHKD7ull+ranZHfCmrJk/DKrcqvFXotki/qIaqy/9f0rJtcx2/I+W//zJlKTl9UdJi++myI2ORrcQXIrs4xfa6YwrjKgedfSFDZ0fUlHvmUbK6tcMvh6xMJVyyV2JVY6VBX8zQiqxx3WtxlFLV88vNonRlF4idT0VZo53sKHLuMZvq0y57W5B3TqlQqrxlzFyaltWYqRlTFoSRIbvU6QM0ctgiw2Xp7Lw33ut+vldExPJrSk7xHBcfDPz+Wu8LXwJU1vr4o9Lq+GU5Qx4eHu5ub2+vry5Pv/3/AwA=)
}
.entryLogin .registerCard .tips.visible {
	display:block;
	margin-top:8px;
	font-size:12px;
	text-align:left;
	color:#bdbdbd
}
.entryLogin .registerCard .tips.visible span.valid {
	color:#bdbdbd
}
.entryLogin .registerCard .verifyCode {
	align-items:center
}
.entryLogin .registerCard .columnMobile .inputColumn {
	align-items:center
}
.entryLogin .registerCard .inputBigColumn.columnLegalAge {
	display:block;
	text-align:left;
	padding:0;
	font-size:12px;
	color:#198754;
	background:none
}
.entryLogin .registerCard .inputBigColumn.columnLegalAge .tncDesc {
	margin-left:1.25rem
}
.entryLogin .inputRegister .inputBigColumn.columnLegalAge .customCheckbox {
	position:relative;
	color:#ccc;
	font-weight:500
}
.entryLogin .registerCard .inputBigColumn.columnMobile:focus-within .inputText, .entryLogin .registerCard .inputBigColumn.columnMobile:focus-within .phoneCountryWrap {
border-color:#36a638
}
.entryLogin .registerCard .inputBigColumn.columnMobile .inputColumn .phoneCountryWrap {
	margin-right:8px
}
.entryLogin .registerCard .inputBigColumn .vdp-datepicker__calendar {
	right:0;
	width:100%;
	margin-top:10px
}
.entryLogin .registerCard .inputBigColumn.columnMobile .inputColumn .phoneCountryWrap>p:after {
	content:"";
	position:absolute;
	top:-3px;
	bottom:0;
	right:0;
	width:6px;
	height:6px;
	margin:auto;
	border:solid #ccc;
	border-width:2px 0 0 2px;
	transform:rotate(-135deg)
}
.entryLogin .cardWrap .inputBigColumn .icon.confirm_pw, .entryLogin .cardWrap .inputBigColumn .icon.password {
	background-image:url(data:image/webp;base64,UklGRpABAABXRUJQVlA4WAoAAAAQAAAAJwAALgAAQUxQSA8BAAABgGPbttvkDeFX1Ll3qEG/J6mjzDlDz7JmQKbNtNgzsGbg2FsTYH2NgEOU/iO2ETEBkre/Um9AozprRLW/TsYjozDneN9M3uEK3uaA9LggIhJeA67gyQJxv3xqU3DGi3HQNJLRJFD1EkFiJHMBsD4cWMkZwbUHC03Ja8B5iCDKJTHYfDGE+SKY82K9RH8sEwQN2A1yX8FVEGTYbaBcte9Mgy94JSINgFizCTAnc8CxEVVTg57U4FrUmzDag369PVgARN/C2T+v7/G5++nTicoDmbc1DrIFGjK+lrEsKr7/XyGcxRDqXcPCHjSMVgEYMSm4o9lAsXIFxCJzfMW0X0TCRC8uyIdjS4eXinszIyIiAFZQOCBaAAAA8AMAnQEqKAAvAD5lJo9FpCIhGqQAQAZEs4BkxCDr98bs3J+XvL5UcAD+7I3//z34mJf/t/Mbv/AxA3f6YXIUcoShgfGOAJRSPDYqEINxSwK4oVmNi8RzwQAA)
}
.entryLogin .cardWrap .inputBigColumn .icon.vertify {
	background-image:url(data:image/webp;base64,UklGRrgDAABXRUJQVlA4WAoAAAAQAAAAIAAAIAAAQUxQSH4BAAABkLNt2zG5G7rHM7sb20nvyuhS2U6XyklrJ50721z7B6SzzbWN7yre93tnJiImQGYjzk1vdin5v+D5Yq3Ynoz+UB2QeZ+4dLoKOoclUQB9XKSxrXDJqYaWsXKTlvRy16GGCvk6KNBJrrK4LqmQikAqpBaOtpMtTaNF9tF7dB869oZsMcCA0ZZIJfTk0A1ct2gB58nWLl7I2gY5QDy2GSosyhTZ6qSfEW7jinQA4lLgJe0WiewgX2X+57rMvzJr2Op3m43GSJBzAvw+IPMc093CMN6n2dZD0O0fefKBMhOvrGyTwwMosBuO9X4BD8fneLKOxVOKfbJgZpp2c19pEgTTdZivTtdToV/U9fMZ30V3wCXY36I6eBcNBoLRf9ANDsByi9Z72L2FquKPE3GLtPr+/4Yf96dK0ju8oE/JIfBxrwDLqWPSDRicgtkQNKyPYX1SF2CLXBdB7wSnZR6E5D7oPXi5+43Mk8XARSUfLcex90lAqY3Mv5ednX17YkTOVlA4IBQCAADQCgCdASohACEAPm0ukkYkIqGhLigAgA2JaQDF6ZQkuN2IEAeNj6cX+H5I/pf2BP43/TuqX6GP6WjOxHoUkqMeSaEp+tBVreT4YHcu+YVQhCAkqGAnEacAVEtaYu3kwAD+83/kZ+7716zgtCcJqcdqjdt0afyXXH+nD81vXBTH4ljJRmxMc/nc7LBB7L/8RJhlBbkbVRIawVdP+9T5srTcRB00hM8zFJ/S6oC1lFOrRGrL7fCPoqjna86oHPMPkAysTZfGUL3E6rlnuqusbyRzGqkmVsE5vcR6bm2GqtxlTTl5yS5swUUvrPbx5y75wDJEFRLkYz6fksBFM9nkt8x16W/0OoUbwVJzS2hVJIXFxZh/9MzfwpUJpIdlBolhIdGZQcnql7oyiC6wy3M44lBr8oGVvabebIv6woxy+Rrk13x3N/p4nYuBEeIerbIegR6n0P+o8wjpvS8oTI4JYSY56XqBcERaphLBIc7gxW0Qbw+9vxN95tVlFur7O27VqZWqudCjjZUfWeXq+Md3j7/7q0vrVzbexsH1vvDTg+vcPJwmIDn9vitoskzwagccI0aQ2wj9vv4GmAvr7Lb9wNRM3thV4jMUc24h1VNRaTnBhhEekegcEZqCED/4oe///5LaWzi3zO0GX+Kzv9Hm//7RXf/X4/x3AS3tF9RyJFH//rD1f/5zN//ycOyuJlaLYagAAAAA)
}
.entryLogin .cardWrap .inputBigColumn .icon.withdrawal_pw {
	background-image:url(data:image/webp;base64,UklGRsoBAABXRUJQVlA4WAoAAAAQAAAAKwAAKwAAQUxQSA0BAAABgFzb1vLk4lZCRjjUYJVoC2kB1xL+MrIyZFGAawXuEk/4z+C3933IOCImQJZLIYRL8rKTxA4fSOnBN1DN56vAtztgQ5K2AGcHgGKBfVc38BVXghtXt/AZ9/V39dzB50DsF9z2uPjE8NMMY6MTqxMboKnMTcBMhv+kLujypwY1f6Zgyp/U/x3asrSRrfODbUkFjAuSnvnojtkDkKRvm29J7QCBpB2SVLQoKhphWwJYlvNlAJ0B8hI4Ay78OCV21o/ZuMm4G4g0IAKNCNzETWYAcpJIQlIOsDkESbqmFClxLUlwmGEuzvUcEELJjxKEATDowyAQCKA0N+l4rgQgjeLtqKRRX0YVG4TuwkCSAABWUDgglgAAAPAEAJ0BKiwALAA+bS6SRiQioaEuKACADYlnDbAFPhf/tABNnDfbRhRK3JR3EkGyYAD+663//yNtKBTd0hzIYVQxDYUA+s+sgAF00XnFIEj9x3IwccBCu9/qS//9wA//cL///cAg1l/4H1YleeHuWtw6JO22zqrPkTxLRy8zxGOLAp2U9F1Z/dcsO9HTlxwg5kRMN34AAA==)
}
.entryLogin .cardWrap .inputBigColumn .icon.email {
	background-image:url(data:image/webp;base64,UklGRlgBAABXRUJQVlA4WAoAAAAQAAAAJwAAGgAAQUxQSAUBAAABgFtbe6TmK+EPve/OFTqkBErQcQGGDqADb+GmSR1BB9CB1IHpQOrgBbNpqCAiJkCLHUe4m2nJkT5GIK0nzsALba9JA8AnFGA1gW2A0lp7IFSzCMXtO+QLbKyOi3Bw6pErEK2Gy5BMA+QS/LtxPsPWNEiWILsxHmjUHiJrIPthr8BS46QG8EMC4FVFHgg9toPiVElrIFjLIjBTLZ8BokkuA/y7Sh5ogLwKwGEL2VVZQZnJFTqTaQl5XiFAcZLsrcDBS5IH/BgLkG40elZgMcwiJFNFVyAMsQiN6lqC0OcyNKptCaJ1bDJ4TdhAjC3Aa9IG4HMPbFYTR+B5znGWEz39HePXhQAAVlA4ICwAAAAwAwCdASooABsAPm02l0ikIqIhJWgAgA2JaQAAKUKP18IAAP7x/U6gkfqAAA==)
}
.entryLogin .cardWrap .inputBigColumn .icon.real_name {
	background-image:url(data:image/webp;base64,UklGRrQBAABXRUJQVlA4WAoAAAAQAAAAMwAAIgAAQUxQSEwBAAABkFBtWxZpb4Q3AhGIQAQbDA3WBkuDtcFMg7WBNMAGMw2gwf396AuaICImQKz+Z4P370Plvn7jtD5uM1Xgk/MO8LyJB3IQEdHU4HkLrTDLqf9ANE3fnV96lGARo29UNUx0b0eVj5gTREPq4yDAbFNYDb51LQcJgk0yxSASOp2cSecKpsEJtCPTrosQOgr5OgeLzcFynezgTC/wN5igWCJkueMKxZ18QXOmZev89Se6Q/3xIu5RgCDWme73ieiKsXkxp752JpLOihO7rj17PHsUjPXpTON9AWh5SXkHqN83iEBbvBxq3IFNr0rAqmKdPlD0mggtSKdmKHqFh+al/wXLFQUmGag7hHERFhnqYDvQjc4apdB0jCQI/yW6q4eXDHbw+m/u+8zgR8nK+z9JuXP1mSbDE/j/BhbyuABhEBfFQTtpnDbCIPVyoToZDFZQOCBCAAAA8AMAnQEqNAAjAD5pKJBFpCKhmVQAQAaEtIAASHfFrZ6cLHGQ8zuZAAD+8oWLx2089gdov/0p3zTunHolf/+GiAAA)
}
.entryLogin .cardWrap .inputBigColumn .icon.bday {
	background-image:url(data:image/webp;base64,UklGRpwBAABXRUJQVlA4WAoAAAAQAAAALAAALAAAQUxQSDkBAAABgFtr29rmHSGclH+VlhlVBSp7A2uD2BOEmaFPmZKxkjYIUwUTyBu8xfsL/IfaiJgAxOc/Ih8ZmoBbyLAqIpnFMUk/A48kvQxCktPufKYyhampKWMzUyl90OJPTY4YmaJ6No8pQ5QtIUkeVMFnhcIkDHBryxupyqf5sBRxa2ET7duYJovYTsOq1jLvqqpo742JDKoAE6U6AqqAgxgvhlEOVYWI6YOR1pGA6dz8H4Vw1PtVOt91F+j70ilg/F1LGVGFKtTfZ8oK9M2pTGlGFU1QdaybQMuNrgJDVzoLTJxpKRlVqEIV6q9xrXKqcqZyqMncTNC8rEtA+74uA72LVmB8XovJqEIV6hIwTv01XlVeVN5UnjWZm3m3pi00blQFpFcmydug8tTeUJw1nkshUHTnzgCoG8252Q4AAFZQOCA8AAAAkAMAnQEqLQAtAD5tNpdIpCKiISOIAIANiWkAy2gLUV200dYh5AD+9DGY78PDLu3TFA/V5j4BvStIkCQA)
}
.entryLogin .cardWrap .inputBigColumn .icon.qq {
	background-image:url(data:image/webp;base64,UklGRoICAABXRUJQVlA4WAoAAAAQAAAAMwAAMgAAQUxQSAoCAAABgFXbVtjoSngSkICD4mDioDgYHAwOGgeNg8ZBcZA4SByAg/uR8IBREBETgJ4/r2/mNX9fT4P/6N6ZjduvjHJfdn3JCHmxd3b9ZONA30s2DvWdPqzvpbbvNbougdXdAOFmt0CoZelgcqUYAJgvBgBihZ8OK6sLAGMMyQVXqdE1GdYnwDGbk/Ty3QTYa9+mReGASIZEutnPHkg12gbDJp/I6ZQYdUuD1wRA1gWZjIC1wKHIDavmi+tE8sDVUet0VHsAcpBkACCbKqqsjq/Hz8bb9+O5Ub2qXMPIpAotJc0xuhBjOluoiqoyO2ht2P/B6dHu1lGroKsftACmSQSmz6fGj3Fv0U2rPLPCKgLVB/Of1NyXB9XZVAw7vp+Px+PndbD9U1l6jHQ3hv97vZkrcygjkq3QXHJlgkndSgBSJQCYWDUA3NmlRAGwVDYAaw23biktexBcY4UGyC0AXFxTuewpTgZVRYBlh96+lhD/T6wRSWFGzQp73BSSflQiy53ndTUk50FCcnHnJc6F+wQsZJYxnqSBxMLd4t6QDGMOckFzJA8ZEcgibcjkZ4DNZETzdJCk7yYbSb5Nw5v3vpNsvM1WFVh/dbEHq1mVFNxs22+m0nUi30Ylz4PqSeN05Pb3YwDI4/eTqT9Fg9jQf7fQm/nU7V4At5y61aOjjXMq3NMcJ0HVhiUV8kzRC5RWUDggUgAAABAEAJ0BKjQAMwA+bTKURyQjIiEqCACADYlpAABNbFekjAavoBP/iAJQAP7fVf/2w//9o9//9oMGd0b/tJBsUGhlI147/4MU///EdZ199ws8AAA=)
}
.entryLogin .cardWrap .inputBigColumn .icon.whatsapp {
	background-image:url(data:image/webp;base64,UklGRsgBAABXRUJQVlA4WAoAAAAQAAAAMAAAMAAAQUxQSAMBAAABgFbbWh3nSkACEpCAg+KgOGgcDA6Kg+Bg4iBxMHUQHICD20eed63+j4gJwIXuY5wbSb7mx5vB7fZz5cnn+z3+ySvXh7nMjLx6DReFxhuf5ooH713duZF3N3dm5P3NHctUbPZIpObL7Nkmwrw3U9ZteerOW7MQ/R9P5flPkaIF0LQGIFB7AZIYgUXNo6lFUD39A1kv/QuLmkdWs4hiFbBiBcCkFQBEqQoApiulP0hC3Wyg6gzYXmW+sO2o2t1OlonYXVUSdh1FC/aLyICDTaIHHAxUnCyOlgO9lH5NDTjetnoJAEyq56aAk4Eka/bYd3k50KfB4nRhzQ6nnffRe49ro4U6AFZQOCCeAAAAMAYAnQEqMQAxAD5tKpBFpCKhnPilVEAGxLSAAFFzKWKKLt9gSAoYA5GSANDcJ0gmgs8TzxYYcgsNCAD++Kwy45CRNGFtK+w7bWnvLdUSv/XaluHyIWEc0969Wo9yckryDI1ej0omaIR9o15GFP/nDxxAEec4yCCVZ+OtAwWdWUnscH2ah8gLR11hcSDYsEbPK3/0RrX+5M//+vQAAAA=)
}
.entryLogin .cardWrap .inputBigColumn .icon.telegram {
	background-image:url(data:image/webp;base64,UklGRu4BAABXRUJQVlA4WAoAAAAQAAAAMwAAKwAAQUxQSHcBAAABgJZtW5jqiUAEIhCBBocGroE20AbSYDY4NpAGWwNtMBq8P7bBtyWIiAng1OH51fLkzO4yaTOf529U40n8/avmU1z+1XtceC7qLge5yyTLfEgc1VzL3mDnr1+1ZzfsBau/f3X+IoP2MfXPr3qz46r9YnH5qHuOMKoxd4VxUf8D3EetQ5u7TDKcA4RJzaEljIsM6wNIi9rZdZdJpsUDV3WWrTAuMq03gFG9eRU/Mi4ecJO6B2CQcR0Awlf9AViM3g4gLTIE+JnUxPouy7JKFi8H4EaZ5hU+145fZO0m2aYNIL1qQ3aswyJjvwek128jsjksMq70hscspY27zEsX8FMG3Cj7h0XWF3jrwGgRpAA60llQdTvmh+lL0ypXq5dNkryXop+NbjZOGqLkIdsEG956RwkgVQuMBylt4ee+YuWlsgO562HFLGneIdWOaHaTVPbwc5sz8x2QW2bsi/RqItW9fIC75dCGLzvxANPHxszJY5GKOxs4RysAVlA4IFAAAACQBACdASo0ACwAPmkokEWkIqGZVABABoS0gABCtvVQ7z++1BYZoxlgNgfE0wAA/u2an//5BMn+rw+2JqbfdhH//8lDb/imCxD/+04veAAAAA==)
}
.entryLogin .cardWrap .inputBigColumn .icon.facebook {
	background-image:url(data:image/webp;base64,UklGRv4AAABXRUJQVlA4WAoAAAAQAAAAMwAAMwAAQUxQSKUAAAABcFZbbxR9EiqhEuqASkBCJOBgxgFIqAQkxAESqAQcrNOFZPZfETEBAGw/r2Ln3uJMq3ACQKt4gl0V2kHDMGuY1veRmTmKip1B0ndSgkGuExKQ38qIKLzLoJJRhi2ZZCBtmlvjsIrkFK2CMyYV6xdlYWYeUvz4Mouql+GlGRX+bWhVPOTUKvkvYtGwjBqC1+AR5AXAsLTRAABFSZGQdL6mS/lshzMAVlA4IDIAAADQAwCdASo0ADQAPm02mEkkIyKhIggAgA2JaQAAEDboRgnfBFliGAAA/vH3AAkc3gAAAA==)
}
.entryLogin .cardWrap .inputBigColumn .icon.line {
	background-image:url(data:image/webp;base64,UklGRowBAABXRUJQVlA4WAoAAAAQAAAANAAANAAAQUxQSHoAAAABcBpt/9O8KzAAJDqH5VC4FMdkqQv0SBQan7ZBXeDPAqj09v107iJiAnhMF6eL5n7c4WVYXJTz+pNmddF2MRBWF3XnQ3HRz0gvFpOlidHJxO5isvzPtTexGpvodkxE5AbmUHdyZw+Indi5waOfSc09XiajXam56kY8AlZQOCDsAAAAkAgAnQEqNQA1AD5tLpNGJCKhoTH1WACADYlpAAsAR2Fli1AEEfwGTFE2JjEIlZimiEEjD6VsqGP9+uittFM1PdqWVdzvvZ7MGjrz3kAA/vfiNXBn/9zBAjaELNjzj+WoDeuPV58obPqrXd1ydiC6cn9LZqj8LBEgojlLFmXTErkanbzu96vK3cdG1+e1muqOvozsN86oda9nJIPlyfr/eHfxtWj3H28piusanPHif76vV9KxsWuVjN+vHRUkxQX528lyCFHACA4aAcWQvbQ0Pmu1oWGWrsLXjU5ShwEARLWcU7ZYFujsE/h8AAA=)
}
.entryLogin .cardWrap .inputBigColumn .icon.wechat {
	background-image:url(data:image/webp;base64,UklGRgwCAABXRUJQVlA4WAoAAAAQAAAAMwAALQAAQUxQSKUBAAABgBXbdt1mQ7gQBMEQxKBmUDNIGFgMagYRg4aBzcBmEDOQGNwPvYMgIiaAevlZ91NVz/3/YfhKeZxa/1llmFmDtodVxvxp5zAPkF37v6TXFHTkafpI0LGndDk1fzt3V9zO3Tk9pcOm+SggsRAFJOZ0azNa9AC+4AF8QW2TLx3JUTiSo+RbRCsXWLS8wKKV0vCs0c9Haz8frV0a3lUd4/tprYXJNIQRfqK3do/O0L/bZchOj3XdX+v6I1+wkdr/oJXnKqWrS1wAfk9tDS+T27pMgPxrzzBn5h4LMAXt/EqIbW9gCtr9lbimKGCCDtwAuVscsGs+HkfhPq6CWmBuMTBrPk6wZC4BXzgBXN0FvAsbwJXMgBTUAviqDUSLLjkSC1DaEraaJ9hSELCa7oArHRmWCgvPkoa/l+Y/667lkOOschXdc1arlmF3blfVy7n3rQ7ssCNjVf1EaiYgjnpmvBOq/aAomWYzaKOzG3JLL64BcaK7XN3ixEDxneLE2Dn2CMJocbFN7TCQxceW/QtSsdZaI3beblVV+x3V86Hqvw6Mj+b7QCYAAFZQOCBAAAAAsAMAnQEqNAAuAD5tLJFFpCKhmAQAQAbEtIAAPbj1wdOiCtFwRAAA/vH548bD//4lykyPDgf//4jQeeAbSwAAAA==)
}
.entryLogin .cardWrap .inputBigColumn .icon.promot_code {
	background-image:url(data:image/webp;base64,UklGRs4AAABXRUJQVlA4WAoAAAAQAAAAMwAAIgAAQUxQSEUAAAABT6A0kiQ1evYk44P6RD4iAtL933mEUBLbVvRZMlCABlAASwQkMX4E/N74alRE/yegnAernw+vh9P3rV9uLK51LkjKcBQAVlA4IGIAAAAwBQCdASo0ACMAPm0ykkYkIyGhMBgIAIANiWkAAC53t3z2yTYIB8BHyjryoGju8jmIgAD+9NXTezflqoNfa01h/1n0ZJHSY+HEczio9wEAQdVb5kdekx5VObxn5B5kSOyYAA==)
}
.entryLogin .cardWrap .inputBigColumn .phoneCountryWrap>p:after {
	content:"";
	position:absolute;
	top:-3px;
	bottom:0;
	right:0;
	width:6px;
	height:6px;
	margin:auto;
	border:solid #ccc;
	border-width:2px 0 0 2px;
	transform:rotate(-135deg)
}
.entryLogin .cardWrap .inputBigColumn.columnMobile {
	position:relative;
	display:flex;
	align-items:center;
	height:24px;
	line-height:24px;
padding:.375rem .75rem;
	margin-top:15px;
	background:#fff
}
.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn {
	display:flex;
	justify-content:space-between
}
.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn .phoneCountryWrap {
	border-radius:8px
}
.entryLogin .cardWrap .inputBigColumn.columnMobile:has(.inputColumn.hasCountryPop) {
background:none;
padding:.375rem 0;
border:none
}
.entryLogin .cardWrap .inputBigColumn.columnMobile:focus-within .inputText, .entryLogin .cardWrap .inputBigColumn.columnMobile:focus-within .phoneCountryWrap {
border-color:#36a638
}
.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn .mobilecodeWrap {
	position:relative;
	display:flex;
	align-items:center;
	height:24px;
	line-height:24px;
padding:.375rem .25rem;
	background:#fff
}
.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn .phoneCountryWrap {
	color:#999;
	margin:0;
	padding:0;
	padding-left:30px;
	border:none
}
.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn .phoneCountryWrap>p {
	position:relative;
	padding-right:12px
}
.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn .phoneCountryWrap>p:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:4px;
	height:4px;
	margin:auto;
	border:solid #ccc;
	border-width:2px 0 0 2px;
	transform:rotate(-135deg)
}
.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn .inputText {
	flex-grow:1;
	height:37.6px
}
.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn.hasCountryPop .inputText {
	background:#fff;
padding:.375rem .75rem;
	margin-left:5px
}
.entryLogin .cardWrap.registerCard {
	margin-bottom:0
}
@keyframes zoomInOut {
0%, to {
transform:scale(1.02)
}
50% {
transform:scale(.98)
}
}
@media (max-width:767px) {
.entryLogin .cardWrap {
max-width:350px
}
}
.mainApp:has(.appAgentIndex) .headerWrap .notice .marquee .marquee-text-wrap, .mainApp:has(.appAgentInfo) .headerWrap .notice .marquee .marquee-text-wrap {
margin-left:10px;
width:97.15%
}
.agentReg.entryLogin .cardWrap .inputBigColumn {
	border:1px solid #d6d6d6;
	border-radius:8px
}
.agentReg.entryLogin .cardWrap .inputBigColumn .icon {
	filter:invert(0)
}
.agentReg.entryLogin .cardWrap .inputBigColumn .icon.promot_code {
	background:url(data:image/webp;base64,UklGRoAAAABXRUJQVlA4WAoAAAAwAAAALAAAJQAAVlA4TGIAAAAvLEAJEA8wzGM80PMf8GBW29aMa/5HA1FoJoJMEsggxuyNZgEi+q/AbRslo2PoMwAAGImIgtWIGgBDVtqmLDeKO+x20C3cO39HS0ZPgSOyjqSTJV6fCkCXed28hh0R1XCqAg==);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50%
}
.agentReg.entryLogin .cardWrap .inputBigColumn input {
	font-size:16px
}
.agentReg.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn .mobilecodeWrap {
	border:1px solid #d6d6d6;
	border-radius:8px
}
.agentReg.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn .phoneCountryWrap {
	background:url(data:image/webp;base64,UklGRmgBAABXRUJQVlA4TFwBAAAvKgATEJfCoG0kR/7CH3Cb0HDYto0kMdt/w3uP5bBt20Bibv+J7/4thpEkKWlcsiFTgiIgd7mAKsFfqYhEJC1BCS2kqFQq4v//BaWo2aIEpSChpbLNNi3P+yqSlv//V5BKoYT9p7INAoEfgcCPFz9WXAicXOIM6pOHGmfjJnnwuDvT6bRnuu56e6ZWdGvulnuMXQUcRpJtWufbtm3vt23//LN5PgH8iuj/BBDR5z6H1ovtj4hIdx6A4/BMREdwvdJjINKulusqNcrVlsj4ewfQCJv0er3eVVKh4tHr9XpjsAbgMAdaZr1krquglzfoxU1NYA0gqZdpCaWzqbgwlc2ErXqZMWAMwC9HQy8w7ANuFo4/ZjycvCxcYgEWPrEoiwgwnABFFgVgugB6Tgb2LrDaA+gkHBrZYm0Ah/cAwl67qX67B+H4RScRjhci3WnAYnQj4XuznGk0W++eRAQ=)no-repeat left 7px center;
	background-size:12px
}
.agentReg.entryLogin .cardWrap .inputBigColumn.columnMobile .inputColumn.hasCountryPop .inputText {
	border:1px solid #d6d6d6;
	border-radius:8px
}
.agentReg.entryLogin .cardWrap button {
	width:100%;
	animation:none;
	background:rgb(54 166 56/50%);
	border-radius:8px;
	margin-top:20px;
	color:#fff
}
.agentReg.entryLogin .cardWrap button.grey:hover, .agentReg.entryLogin .cardWrap input[type=submit].grey:hover, .agentReg.entryLogin .registerCard .button button:hover {
	background:#36a638;
	border-color:#36a638;
	color:#fff
}
.agentReg.entryLogin .cardWrap .inputBigColumn .rightIcon {
	width:17px;
	height:11px
}
.agentReg.entryLogin .registerCard .inputBigColumn.columnLegalAge {
	border:none;
	margin-top:10px;
	line-height:19px;
	height:15px
}
.agentReg.entryLogin .registerCard .inputBigColumn.columnLegalAge:first-child {
	margin-top:19px
}
.agentReg.entryLogin .inputRegister .customCheckbox .checkmark {
	display:block;
	background-image:url(data:image/webp;base64,UklGRmQCAABXRUJQVlA4WAoAAAAwAAAAWgAAWgAAVlA4TEYCAAAvWoAWEC+hJJIkZ/fgnX+dx+In+BbUtm3k2Ffe7T/ndfmD2raNHPvKu/3nvC5/UNi2kZo6fGb+BADu3gC0tdtItvteI9nue22fs0UkAmjn3jYzf5/D515nZiki+P3vVVUiomQmigiQhC8kOJKkSJIvM0N3VUZk9czu/P+Nu1PTB32MEf1n4LaRojnmwT3IvQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICTjW3btm3btm3btm3btm3btm3btm3btm3btjeHHzf3OoyWJEmSJEmSJEmSJEmSJEmSJEmSJEmSJElSlNKOPzh3H9WO5aeRzTGdz8/tvYRqNC0vdZXFKc/KpowtpXH55adR6bFMm7mtGqOpOpcfvTrcnfJ+d50iWx3a2d6XkN1nbWjrIh/0amTUpmHa/0Iq51Cluan1Wjxarrn/xVTlQZaQSu+7opR2M/WL2FjHKD7ull+ranZHfCmrJk/DKrcqvFXotki/qIaqy/9f0rJtcx2/I+W//zJlKTl9UdJi++myI2ORrcQXIrs4xfa6YwrjKgedfSFDZ0fUlHvmUbK6tcMvh6xMJVyyV2JVY6VBX8zQiqxx3WtxlFLV88vNonRlF4idT0VZo53sKHLuMZvq0y57W5B3TqlQqrxlzFyaltWYqRlTFoSRIbvU6QM0ctgiw2Xp7Lw33ut+vldExPJrSk7xHBcfDPz+Wu8LXwJU1vr4o9Lq+GU5Qx4eHu5ub2+vry5Pv/3/AwA=);
	background-size:cover;
min-width:.3rem;
margin-right:.2rem;
	position:absolute;
	width:1rem;
	height:1rem
}
.agentReg.entryLogin .inputRegister .customCheckbox input:checked~.checkmark {
background-image:url(images/1.webp)!important
}
.agentReg.entryLogin .inputRegister .customCheckbox:hover input~.checkmark {
background-image:url(data:image/webp;base64,UklGRmQCAABXRUJQVlA4WAoAAAAwAAAAWgAAWgAAVlA4TEYCAAAvWoAWEC+hJJIkZ/fgnX+dx+In+BbUtm3k2Ffe7T/ndfmD2raNHPvKu/3nvC5/UNi2kZo6fGb+BADu3gC0tdtItvteI9nue22fs0UkAmjn3jYzf5/D515nZiki+P3vVVUiomQmigiQhC8kOJKkSJIvM0N3VUZk9czu/P+Nu1PTB32MEf1n4LaRojnmwT3IvQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICTjW3btm3btm3btm3btm3btm3btm3btm3btjeHHzf3OoyWJEmSJEmSJEmSJEmSJEmSJEmSJEmSJElSlNKOPzh3H9WO5aeRzTGdz8/tvYRqNC0vdZXFKc/KpowtpXH55adR6bFMm7mtGqOpOpcfvTrcnfJ+d50iWx3a2d6XkN1nbWjrIh/0amTUpmHa/0Iq51Cluan1Wjxarrn/xVTlQZaQSu+7opR2M/WL2FjHKD7ull+ranZHfCmrJk/DKrcqvFXotki/qIaqy/9f0rJtcx2/I+W//zJlKTl9UdJi++myI2ORrcQXIrs4xfa6YwrjKgedfSFDZ0fUlHvmUbK6tcMvh6xMJVyyV2JVY6VBX8zQiqxx3WtxlFLV88vNonRlF4idT0VZo53sKHLuMZvq0y57W5B3TqlQqrxlzFyaltWYqRlTFoSRIbvU6QM0ctgiw2Xp7Lw33ut+vldExPJrSk7xHBcfDPz+Wu8LXwJU1vr4o9Lq+GU5Qx4eHu5ub2+vry5Pv/3/AwA=)
}
.agentReg.entryLogin .inputRegister .customCheckbox input:checked~.checkmark+.tncDesc {
color:#36a638!important
}
.agentReg.entryLogin .registerCard .inputBigColumn.columnLegalAge .tncDesc {
	color:#000
}
.agentReg.entryLogin .registerCard .inputBigColumn .verifyCode {
	position:relative;
	top:0;
	right:0;
	height:40px;
	border-radius:8px;
	overflow:hidden
}
.agentReg.entryLogin .registerCard .inputBigColumn .verifyCode img {
	width:86px;
	height:28px
}
.agentReg.entryLogin .cardWrap h1:not(.noArrow):before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
width:6px;
height:30px;
margin:auto;
background:#36a638;
border:1px solid #36a638;
border-radius:8px
}
.agentReg.entryLogin .cardWrap h1 {
	position:relative;
	font-size:28px;
	text-align:left;
	padding-left:23px;
	margin-top:20px;
	cursor:pointer
}
.popupWrap.RegForm .popupContent {
	padding:35px 45px
}
.popupWrap.RegForm .cardWrap.registerCard {
	width:100%;
	max-width:unset;
	margin:0
}
.entryLogin.agentReg .cardWrap .inputBigColumn.columnMobile {
	border:1px solid #d6d6d6;
	border-radius:8px
}
body:has(.appAgentIndex) div#fw-wrap, body:has(.appAgentInfo) div#fw-wrap {
display:none
}
@media (min-width:1600px) {
}
@media (min-width:1439px) {
}
@media (max-width:1440px) {
}
@media (max-width:1200px) {
}
@media (max-width:900px) {
}
@media (max-width:812px) {
}
@media (min-width:768px) and (max-width:1440px) {
}
@media (max-width:767px) {
.agentReg.entryLogin .cardWrap.registerCard button {
background:#36a638;
color:#fff;
padding:15px 0;
display:flex;
align-items:center;
justify-content:center
}
.agentReg.entryLogin .cardWrap h1 {
display:none
}
}
@media (min-width:768px) {
}
@media (min-height:700px) and (max-height:930px) and (min-width:1025px) {
}
@media (max-width:767px) {
}
.popupWrap.redPacketPopup {
	right:0;
	margin:auto
}
.popupWrap.redPacketPopup .popupContent {
	width:100%;
	background:transparent;
	padding:0;
	box-shadow:none
}
.popupWrap.redPacketPopup .popupClose {
	position:absolute;
top:-.6rem;
right:.8rem;
width:.7rem;
	height:auto
}
.popupWrap.redPacketPopup .packetOpenButton {
	position:absolute;
	top:19%;
	text-align:center;
	left:0;
	right:0
}
.popupWrap.redPacketPopup .packetOpenButton img {
	width:100px;
	height:100px
}
.popupWrap.redPacketPopup .packetInfo {
	position:absolute;
	top:45%;
	left:0;
	right:0;
	width:48%;
	margin:auto;
	color:#fff;
	text-align:center
}
@keyframes startRain {
0% {
transform:translateY(-400px);
-ms-transform:translateY(-400px);
-webkit-transform:translateY(-400px)
}
to {
	transform:translateY(120vh);
	-ms-transform:translateY(120vh);
	-webkit-transform:translateY(120vh)
}
}
@keyframes shaking {
0% {
margin-left:-50px
}
10% {
margin-left:50px
}
20% {
margin-left:-50px
}
30% {
margin-left:50px
}
40% {
margin-left:-50px
}
50% {
margin-left:50px
}
60% {
margin-left:-50px
}
70% {
margin-left:50px
}
80% {
margin-left:-50px
}
90% {
margin-left:50px
}
to {
	margin-left:0
}
}
@media (max-width:767px) {
}
@media (min-width:768px) {
}
@media (max-width:767px) {
}
@media (max-width:767px) {
}
.pushNotificationPopup[data-v-198d0819]:has(.popupNotify) {
background:transparent!important
}
@keyframes badgeScale {
0% {
transform:scale(1)
}
50% {
transform:scale(1.5)
}
to {
	transform:scale(1)
}
}
body:has(#popNoticeModal.active) {
overflow-y:hidden
}
body:has(#popNoticeListModal.active) {
overflow-y:hidden
}
@media (min-width:1900px) {
}
@media (min-width:1500px) {
}
@media (max-width:1500px) {
}
@media (max-width:1420px) {
}
@media (max-width:1056px) {
}
@media (max-width:1024px) {
}
@media (min-width:767px) {
}
@media (max-width:767px) {
.m-none {
display:none
}
.noticePopup .detail-content .forms-btn-g a {
background:#fff;
font-weight:600
}
.noticePopup .detail-content .forms-btn-g a:hover {
background:#fff!important
}
}
@media (max-width:364px) {
}
@keyframes jumpAndRotate {
0% {
transform:translateY(0) rotate(0)
}
25% {
transform:translateY(-5px) rotate(90deg)
}
50% {
transform:translateY(0) rotate(180deg)
}
75% {
transform:translateY(-5px) rotate(270deg)
}
to {
	transform:translateY(0) rotate(1turn)
}
}
@media (min-width:768px) and (max-width:1056px) {
}
@media (max-width:767px) {
}
:root {
--bg-white:#fff;
--bg-white2:#f2f2f2;
--bg-white3:#ddd;
--text-black:#000;
--text-black2:#333;
--text-grey:#888;
--text-white:#fff;
--border-grey:#e8e8e8
}
@media (min-width:1439px) {
}
@media (max-width:1024px) {
}
@media (max-width:767px) {
}
@media (max-width:396px) {
}
@media (min-width:320px) and (max-width:424px) {
}
.show {
	display:block
}
@media (max-width:767px) {
@keyframes blink {
0%, to {
border-color:transparent
}
50% {
border-color:#000
}
}
}
@media (max-width:767px) {
}
@keyframes slide-down-enter {
0% {
transform:translateY(-50%)
}
to {
	transform:translateY(0)
}
}
.appPlatform {
	margin:0 auto
}
.platformList {
	position:relative;
	box-sizing:border-box
}
.platformList .platformMenu {
	background:none;
	cursor:pointer
}
.platformList .platformMenu.current>div, .platformList .platformMenu:hover>div {
	position:relative;
	background:linear-gradient(135deg, #5d85ec, #4f62eb);
	box-shadow:inset 0 0 9px 4px #fff
}
.platformList .platformMenu.current>div:before, .platformList .platformMenu:hover>div:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-shadow:0 6px 7px #3c8cf7;
	border-radius:15px 20px
}
.platformList .platformMenu>div img {
	display:block;
	margin:0 auto
}
.popularNav ul {
	flex-wrap:wrap
}
.popularNav ul li:first-of-type {
	margin-left:-12px;
	padding-left:24px
}
.platformWrap .categoryWrap {
	display:flex
}
.platformWrap .gamesList ul {
	flex-wrap:wrap;
	overflow:hidden
}
.platformWrap .gamesList ul li {
	position:relative;
	background:transparent;
	padding:0
}
.platformWrap .gamesList ul li .gameName {
	text-align:center
}
.platformWrap .gamesList ul li .gameRollover {
	position:absolute;
	top:250px;
	left:0;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	align-items:center;
	flex-direction:column;
	width:100%;
	background:rgba(0, 0, 0, .5);
	z-index:-1;
transition:all .3s;
	opacity:0
}
.platformWrap .gamesList ul li:hover .gameRollover {
	top:0;
	opacity:1;
	z-index:1
}
.platformWrap .gamesList ul li .gameRollover a {
	display:block;
	text-align:center;
	margin:5px 0
}
.platformWrap .gamesList ul li .gameRollover .iconFavourite {
	display:block;
	margin-bottom:10px;
	cursor:pointer
}
.platformWrap .gamesList ul li .gameRollover .iconFavourite.current, .platformWrap .gamesList ul li .gameRollover .iconFavourite:hover {
	background-position:100%
}
@media (max-width:767px) {
}
.game-page {
	background:#fff
}
.game-list {
	overflow-x:hidden;
	background-color:#fff;
	height:100%
}
.game-banner {
	text-align:center;
	height:399px;
	margin-top:100px;
	background-repeat:no-repeat;
	background-position:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	width:100%;
	object-fit:cover;
	background-size:800px 45px;
	animation:shine 1s linear infinite
}
.game-page {
	height:100%
}
.game-banner.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
	animation-iteration-count:1
}
.game-banner.animated {
-webkit-animation-duration:.4s!important;
animation-duration:.4s!important;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.show-game-list .game-type-platform .platformList {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:-50px;
	height:55px;
	overflow-x:scroll;
	scrollbar-width:none;
	-ms-overflow-style:none;
	overflow-y:hidden;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
	flex-direction:unset!important;
	flex-wrap:unset!important;
	justify-content:unset!important;
	padding-top:unset!important
}
.game-page .defaultbanner::-webkit-scrollbar, .game-page .game-list::-webkit-scrollbar, .game-page::-webkit-scrollbar, .show-game-list .game-type-platform .platformList::-webkit-scrollbar {
display:none
}
.show-game-list .game-type-platform .platformList .slide {
	width:1440px;
	height:55px;
	display:flex
}
.show-game-list .game-type-platform .platformList .platformMenu {
	width:100px;
	height:48px;
	margin:0 5px;
	padding:1px 0
}
.show-game-list .game-type-platform .popularNav {
	border-radius:unset;
	margin-top:0;
	margin-bottom:0;
	position:relative;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:3px
}
.show-game-list .game-type-platform .popularNav ul li {
	margin:0;
	height:35px;
	justify-content:center
}
.show-game-list .platformWrap .gamesList ul li .gameRollover a {
	font-size:16px;
	border-radius:8px;
	box-shadow:unset;
	width:95.5px;
	height:43.5px;
	line-height:40px;
	color:#fff;
	font-weight:500
}
.show-game-list .platformWrap .gamesList ul li .gameRollover .iconFavourite {
	background:url(data:image/webp;base64,UklGRmgBAABXRUJQVlA4WAoAAAAQAAAAFgAAFAAAQUxQSNAAAAABgGPb2rHnrr/8/+CJUxql7aS009m2rcq27aSz0/2sUmICmcWL7xtCREwAACqdvxh0Axs3eLhUDm7l72BIePnXLEDHb4WB6cP/6QAabwlsk4Gu88GSKQ1uZgJ//KcOfPq2682BkL6sBKhpvHMVwRNipxsDVNV+fDir4n87XaBKW4vjhxoavSuuklSomwDojxT5WQhA+psSukgGu7AkpzusBX+3V0azMgHx9YBINz8D2aNZHh3OQH7ilrHf6YTSOosnooyFUO5v2XgOgZo2DQRJVlA4IHIAAABwBACdASoXABUAPl0kjkWjoiEb9AA4BcS0gABEcYBkOGQlHws0guwzCTwXoAD+/qxV2Iy8jJUMGrTlNnvF/0WYaRd6f7du2PvXlC2fvNVcBum+O+UhhLzNQ/BdvDm/yCy/I2e/+QnspbRUAXd5MeajAAA=)no-repeat 50%;
	background-size:20px;
	width:90px;
	height:40px;
	background-color:#36a638!important;
	border-radius:8px
}
.show-game-list .platformWrap .gamesList ul li .gameRollover .iconFavourite:hover {
	background:url(data:image/webp;base64,UklGRpADAABXRUJQVlA4TIQDAAAvRUAPEFVAjiRJaDT+O50PECzsGVDSRUi4bdt4a7Xnxkkd89mvtm3bto2vNpMOO87Xuyeg26L9lpE/DNjQcuxfouIU/bORD63H/NHvgAdOua3Io1xBLs0MD5wT7aimXUOuxhNc59FCc4dStWe4LmSMaYFk93Du2enPAxGOnr/X/PMIRx9ubP1scwnCUUgDyQ1MEw4laFWx71RDFaVYQ9xQ6cY+kerEofhNSqIYOmK+anEDlQPRl0hMQgnoFj50lUrzD8os2RmNHShBHSKHrpLKcwflhuECZgaKk3noLotzKALlgdYlFKfPQ3epTUB5pP2kEco29dB9KgKUI+FDMbmDMkUxtFA1DjkiP/PHB0SgGFpJZhaKk5bDM5R2bGipMiiDJ6QuITc0Q2uxL5T7IFzZ0GrDEO7zQTGE+z60XAsciXKHlpO5gmwdvpDxoQeV41Bqhh6UAOX7UH5DONMTKcHBAvZE9iFDQ+mGfkPPKnZJNfSofIibdMg5pPKhKHv2S4TYyf4h9qce54Rks5QPss3MQTr8LU9Dm+uCDIstt7tpgUyKhdzvpg6ywA4JYZvphYzQVLSbWYI0DHmGJG7GCckesgFp24sJinFIHeRkL7WQi6E4IJxlK2eQtqFyCeneyVco9qFSCfGJ2Mgw5GioovIG6d5HtACk6JA6iF/0NrohzxQnlJ4hg7vQ80Nqh85VQkIMm1iGvFB+IHcPWdtDCpS8oc9yoGTuIMYrZBe7EAHyTPM+EjsQP+vQVcZ/yPz7dEApHLquFkr526ThkLmhmxgBIvr5LhZeiIv6TiI9QR7o3kTtGuJhHrrvDxHiFP4ezAqESxpaqRTKEeVr9EFpGVr7g7JF8RINUFaxRRmCIpC/QjkOOaYaWo2ZgrJB/gI1OORa5NB6EjNQ1skf0wjlnn7oyX9zUATKZzD9UG7oh54ltQDlSMQTZOaguMQMPf0zB8VFv47aFpRjkUPPYwahPHKsonUOZYNq6JUacYhb/BpfPUGZIh16qSIf0E89tkAaP5RubOi1UvihLFLdwdThEFHx0JtZuaBcs12jMg/FLXbo3cKsQ/FIucLKCeWGZejtmDYc+uon/yCDD4ogfGhDqbxQztkOFAZx6KuNZGjLn3MoASVDcbiE4pY0tCu5/i+UZbWClVOmoY0leYVTXDfZ0NaibR08iR3aHdPATzQjYugPFEnbCwE=)no-repeat 50%;
	background-size:20px
}
.platformList .platformMenu:hover>div:before, .show-game-list .game-type-platform .platformList .platformMenu.current>div:before {
	box-shadow:unset;
	border-radius:8px;
	content:unset
}
.show-game-list .game-type-platform .platformList .platformMenu.current>div, .show-game-list .game-type-platform .platformList .platformMenu:hover>div {
	box-shadow:unset;
animation:btn-hover .5s ease forwards
}
.show-game-list .game-type-platform .platformList .platformMenu>div {
	background:#fff;
	border:2px solid #fff
}
.show-game-list .game-type-platform .platformList .platformMenu>div img {
	height:40px;
	padding:5px 0
}
.tabWrap {
	position:relative;
	z-index:999;
	background:inherit
}
.tabs .relative {
	position:relative
}
.defaultbanner {
	max-width:2000px;
	margin:0 auto 25px
}
.tabs ul li {
	/*display:inline-block;*/
	display:none;
	cursor:pointer;
	color:#828282;
	font-weight:500;
	font-size:16px;
	line-height:40px;
	flex:0 0 10%;
	text-align:center
}
.show-game-list {
	background-color:#fff;
	border-radius:8px;
	position:relative
}
.show-game-list ul {
	grid-template-columns:repeat(4, 1fr)
}
.show-game-list .popularNav ul {
	display:flex;
	justify-content:flex-start;
	align-content:flex-start;
	position:relative
}
.popularNav ul .sub-filter-game {
	position:relative
}
.show-game-list .platformWrap .gamesList ul {
	display:grid;
	grid-template-columns:repeat(10, 1fr);
	grid-gap:unset;
	padding-top:5px
}
.show-game-list .platformWrap .gamesList ul li .gameRollover {
	height:130px;
	border-radius:8px;
	box-shadow:unset;
	justify-content:space-evenly
}
.show-game-list .platformWrap .gamesList ul li {
	width:130px;
	height:auto;
	margin:0 6px 0
}
.show-game-list .platformWrap .gamesList .imageWrap {
	height:130px;
	border-radius:8px;
	overflow:hidden;
	width:130px;
	box-sizing:border-box;
	background:transparent
}
.show-game-list .platformWrap .gamesList ul li .gameName {
	height:40px;
	margin-top:0;
	color:#828282;
font-size:.8rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.show-game-list .platformWrap .gamesList ul li img {
	width:130px;
	height:130px;
	border-radius:8px;
	box-sizing:border-box
}
.show-game-list .platformWrap .gamesList ul li img.v-lazy-image-loaded {
	background:#4f4f4f;
	border:1px solid #4f4f4f;
transition:all .3s ease
}
.show-game-list .platformWrap .categoryWrap {
	margin-bottom:0
}
.show-game-list .appPlatform {
	width:unset
}
.game-type-banner {
	height:50px;
	background-color:#fff;
	border-radius:8px;
	line-height:50px;
	font-size:16px;
	display:flex;
	align-items:center;
	box-shadow:0 3px 3px 0 rgba(0, 0, 0, .1);
	width:1440px;
	margin:13px auto;
	border:1px solid #e8e8e8;
	overflow:hidden
}
.game-type-banner img {
	margin:13px 0 13px 20px;
	cursor:pointer;
	width:8px;
	padding-right:10px
}
.game-type-banner div {
	margin:13px 0 13px 5px;
	text-transform:uppercase
}
.show-game-list .game-type-platform .platformList .platformMenu>div {
	padding:0;
	border-radius:8px;
	height:100%;
	display:flex;
	align-items:center;
	position:relative
}
.games::-webkit-scrollbar {
width:0;
background-color:transparent
}
.show-game-list .appPlatform .displayNumberGame .progress-bar {
	display:flex;
	align-items:center;
	height:4px;
	background-color:#f0f0f0;
	margin:25px auto 0;
	width:180px;
	border-radius:74px
}
.show-game-list .appPlatform .displayNumberGame .progress-bar .progress {
	height:100%;
	border-radius:74px;
transition:all .3s ease
}
.show-game-list .appPlatform .displayNumberGame p {
	margin:20px auto 23px;
	color:#000;
	font-size:14px;
	font-weight:600;
	text-align:center
}
.show-game-list .appPlatform .loadMore {
	margin:20px auto 0;
	width:180px;
	height:44px;
	color:#fff;
	font-size:14px;
	border-radius:7px;
	font-weight:600;
	text-align:center;
	line-height:44px;
	cursor:pointer
}
.game-type-banner .casinoSearch {
	width:20px;
	height:20px;
	margin-left:auto;
	padding:15px 30px
}
.show-game-list .platformWrap .gamesList .keepHoverInImg {
	position:relative;
	overflow:hidden;
	border-radius:8px
}
.popupWrap.popupGame .popupContent .buttonNav {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	padding-top:0;
	flex-direction:column;
	height:100%;
	margin-top:0;
	justify-content:center;
	border:none
}
.popupWrap.popupGame .popupContent .buttonNav span {
	background:#36a638;
	margin:6px 0;
	color:#fff;
	text-align:center;
	cursor:pointer
}
.popupWrap.popupGame .popupContent .buttonNav span:not(.btnFreeplay) {
background:#bebebe
}
.kz4 .popupWrap.popupGame .popupContent {
	width:344px;
	height:170px;
	background-color:#fff;
	border-radius:8px;
	padding-bottom:0
}
.kz4 .popupWrap.popupGame .popupContent .buttonNav {
	width:100%
}
.kz4 .popupWrap.popupGame .popupContent .buttonNav span {
	width:301px;
	max-width:calc(100% - 20px);
	padding:0;
	height:46px;
	font-size:16px;
	border-radius:8px;
	display:flex;
	justify-content:center;
	align-items:center
}
.kz4 .popupWrap.popupGame .popupContent .buttonNav span:not(.btnFreeplay) {
background-color:#fff;
color:#000;
border:1px solid #707070
}
@keyframes heartbeat {
0% {
transform:scale(1)
}
50% {
transform:scale(1.2)
}
to {
	transform:scale(1)
}
}
@media (max-width:767px) {
.game-list {
width:unset!important;
height:unset
}
.game-banner {
margin-top:80px;
height:153px;
padding:0
}
.tabs {
padding:0;
width:unset;
position:relative
}
.show-game-list .popularNav::-webkit-scrollbar, .tabs ul.type::-webkit-scrollbar {
display:none
}
.show-game-list .popularNav::-webkit-scrollbar-thumb, .tabs ul.type::-webkit-scrollbar-thumb {
background-color:#888
}
.show-game-list .popularNav::-webkit-scrollbar-thumb:hover, .tabs ul.type::-webkit-scrollbar-thumb:hover {
background-color:#555
}
.show-game-list .popularNav::-webkit-scrollbar-track, .tabs ul.type::-webkit-scrollbar-track {
background-color:transparent
}
.show-game-list .popularNav::-webkit-scrollbar-thumb, .tabs ul.type::-webkit-scrollbar-thumb {
background-color:transparent;
border-radius:.25em
}
.show-game-list .popularNav::-webkit-scrollbar-thumb:hover, .tabs ul.type::-webkit-scrollbar-thumb:hover {
background-color:transparent
}
.show-game-list {
padding:0 10px 0;
border-radius:16px
}
.show-game-list ul {
justify-content:center;
height:auto;
margin-bottom:120px
}
.show-game-list .popularNav ul {
display:grid;
grid-template-columns:unset;
justify-content:center
}
.show-game-list .popularNav ul li {
height:40px!important;
width:75px!important;
grid-row:1
}
.show-game-list .game-type-platform .platformList {
top:-110px
}
.show-game-list .platformWrap .gamesList ul {
grid-gap:unset;
padding-top:5px
}
.show-game-list .game-type-platform .platformList .platformMenu {
width:97px;
height:48px;
margin:0 4px;
padding:1px 0
}
.show-game-list .game-type-platform .platformList .platformMenu>div img {
height:45px
}
.game-type-banner {
display:none
}
.game-type-banner {
height:44px;
line-height:44px;
width:unset;
margin:0;
box-shadow:unset
}
.game-type-banner img {
margin:13px;
position:relative;
left:unset;
z-index:1;
order:unset;
padding-right:0
}
.game-type-banner div {
margin:13px 0;
flex:1;
text-align:center;
order:2;
position:relative;
left:-15px
}
.show-game-list .game-type-platform .popularNav ul li {
margin:0 20px 0 0;
height:30px!important;
line-height:25px!important
}
.show-game-list .game-type-platform .popularNav {
height:28px;
top:-40px;
padding-bottom:0;
margin-bottom:16px;
overflow-x:scroll;
overflow-y:hidden
}
.show-game-list .platformWrap .gamesList .imageWrap {
height:112px;
width:112px
}
.show-game-list .platformWrap .gamesList ul li .gameName {
height:17px;
text-align:center;
font-size:12px;
line-height:17px;
margin:3px 0;
padding-top:0
}
.show-game-list .platformWrap .gamesList ul li {
width:112px;
height:130px;
margin:0 auto 35px
}
.show-game-list .platformWrap .gamesList ul li .gameRollover {
width:112px;
height:112px;
border-radius:8px
}
.show-game-list .platformWrap .gamesList ul li img {
width:112px;
height:112px;
position:relative;
z-index:0
}
.show-game-list .platformWrap .gamesList ul {
grid-template-columns:repeat(3, 1fr)
}
.show-game-list .platformWrap .gamesList ul li .gameRollover a {
font-size:13px;
width:80px;
height:36px;
line-height:36px
}
.show-game-list .platformWrap .gamesList ul li .gameRollover .iconFavourite {
width:80px;
height:36px;
line-height:36px
}
.show-game-list .game-type-platform .platformWrap {
margin-top:-45px
}
.show-game-list .game-type-platform .platformList .platformMenu>div {
display:flex;
align-items:center
}
.show-game-list .game-type-platform .platformList .slide {
width:unset
}
.game-type-banner .casinoSearch {
position:absolute;
right:0;
width:16px;
height:16px;
padding:5px 18px
}
}
@media (max-width:767px) {
}
@media (min-width:510px) and (max-width:767px) {
}
@media (max-width:385px) {
}
@media (min-width:768px) and (max-width:1440px) {
.game-list {
width:1440px
}
.kz4 .show-game-list .platformWrap .gamesList ul {
grid-template-columns:repeat(8, 1fr)
}
}
@media (min-width:768px) and (max-width:1024px) {
.kz4 .show-game-list .platformWrap .gamesList ul {
grid-template-columns:repeat(4, 1fr)
}
}
@media (min-width:1025px) and (max-width:1200px) {
.kz4 .show-game-list .platformWrap .gamesList ul {
grid-template-columns:repeat(5, 1fr)
}
}
@media (min-width:1201px) and (max-width:1439px) {
.kz4 .show-game-list .platformWrap .gamesList ul {
grid-template-columns:repeat(6, 1fr)
}
}
@media (min-width:1024px) and (max-width:1125px) {
}
@media (min-width:1126px) and (max-width:1200px) {
}
@media (min-width:1201px) and (max-width:1270px) {
}
@media (min-width:1271px) and (max-width:1385px) {
}
:root {
--member-light-color:#999;
--member-dark-color:#000
}
.flexBox {
	justify-content:center
}
.flexStart {
	justify-content:flex-start
}
.lightFont {
	color:var(--member-light-color)!important
}
.popupWrap {
	justify-content:center
}
.popupReferral .popupContent {
	padding:20px
}
.popupReferral .popupContent .popupDetails {
	margin-bottom:20px
}
.popupReferral .popupContent .popupDetails h3 {
	margin-bottom:20px;
	font-size:16px
}
.popupReferral .popupContent .popupDetails h3, .popupReferral .popupContent .popupDetails p span {
	color:#000;
	font-weight:600
}
.popupReferral .popupContent .popupDetails p, .popupReferral .popupContent .popupDetails textarea {
	color:#999;
	font-size:15px
}
.popupReferral .popupContent .popupDetails textarea {
	width:100%;
	border:none;
	padding:0;
	overflow:auto
}
.popupReferral .popupContent .button-div {
	display:flex;
	justify-content:flex-end
}
.popupReferral .popupContent .button-div button.pop-button {
	color:#999;
	background:none;
	border:none;
	cursor:pointer;
	width:105px;
	height:35px;
	border-radius:8px
}
.popupReferral .popupContent .button-div button.pop-button:hover {
	color:#000;
	background:#f5f5f5;
	font-weight:600
}
.popupReferSocial .shareDialog .close-button:hover {
	background:#f5f5f5;
	color:#000;
	border-radius:8px
}
.popupReferSocial .popupContent.facebookWrap {
	width:530px;
	text-align:justify;
	border-radius:8px;
	background-color:#fff;
	transform:translate(-50%, -50%);
	position:absolute;
	top:50%;
	left:50%
}
.popupReferSocial .popupContent.facebookWrap p {
	color:#999;
	font-size:14px;
	padding:1rem
}
.popupReferSocial .popupContent.facebookWrap p:nth-child(2) {
padding:0 1rem 1rem 1rem!important
}
.popupReferSocial .popupContent.facebookWrap .popupSelect {
	display:flex;
	justify-content:flex-end;
	padding:1rem;
	align-items:center
}
.popupReferSocial .popupContent.facebookWrap .popupSelect a .buttonContainer {
	font-size:14px;
	color:#999;
	margin-left:2rem
}
.popupReferSocial .popupContent.facebookWrap .popupSelect span {
	font-size:14px;
	color:#999;
	cursor:pointer
}
@media (min-width:1439px) {
}
@media (max-width:1440px) {
}
@media (max-width:1024px) {
}
@media (min-width:768px) {
}
@media (max-width:767px) {
.popupReferral .popupContent {
margin:10px
}
.popupReferral .popupContent .button-div {
justify-content:space-around
}
.popupReferSocial .shareDialog {
width:350px;
height:350px
}
.popupReferSocial .shareDialog header .dialog-link textarea {
width:255px;
overflow:hidden;
height:30px!important;
padding:0
}
.popupReferSocial .shareDialog .targets {
grid-template-columns:repeat(3, 1fr)!important;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8
}
.popupReferSocial .shareDialog .close-button {
text-align:center;
left:30px;
width:auto
}
.popupReferSocial .popupContent.facebookWrap {
width:85%;
padding:2rem 1rem 1rem 1rem;
border-radius:18px
}
.popupReferSocial .popupContent.facebookWrap p {
padding:.3rem;
font-size:15px
}
.popupReferSocial .popupContent.facebookWrap p:nth-child(2) {
padding:.3rem!important
}
.popupReferSocial .popupContent.facebookWrap .popupSelect {
justify-content:space-around;
padding:2rem 0 1rem 0
}
.popupReferSocial .popupContent.facebookWrap .popupSelect a .buttonContainer {
margin:0;
color:#000;
font-size:16px
}
.popupReferSocial .popupContent.facebookWrap .popupSelect span {
font-size:16px
}
.popupReferSocial .qrWrap {
width:85%;
padding:2rem 1rem 1rem 1rem;
border-radius:18px
}
.popupReferSocial .qrWrap p {
padding:.3rem;
font-size:16px;
line-height:25px
}
.popupReferSocial .qrWrap img {
width:40%
}
.popupReferSocial .popupContent.qrWrap .buttonContainer span {
font-size:16px;
justify-content:center;
color:#000;
margin-right:0
}
@media (max-height:950px) {
}
@media (max-height:750px) {
}
}
@media (max-width:396px) {
}
@media (max-width:514px) {
}
@media (max-width:1024px) {
}
@media (min-width:768px) and (max-width:1024px) {
}
@media (-o-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:3/2), (-o-min-device-pixel-ratio:7/4), (-webkit-min-device-pixel-ratio:1.5), (-webkit-min-device-pixel-ratio:1.75), (-webkit-min-device-pixel-ratio:2.00), (min-device-pixel-ratio:1.5) and (min--moz-device-pixel-ratio:1.75), (min-device-pixel-ratio:1.75) and (min--moz-device-pixel-ratio:2.00), (min-device-pixel-ratio:2.00), only screen and (min--moz-device-pixel-ratio:1.5) {
}
.popupSocialShare .shareDialog .close-button {
	height:40px;
	background:#fff;
	border:none;
	text-align:center;
	width:100px;
	position:absolute;
	bottom:10px;
	right:30px;
	color:#333;
	font-size:16px;
	font-weight:500
}
.popupSocialShare .shareDialog .close-button:hover {
	background:#f5f5f5;
	color:#000;
	border-radius:8px
}
@media (min-width:1439px) {
}
@media (max-width:767px) {
.popupSocialShare .shareDialog {
width:350px;
height:350px
}
.popupSocialShare .shareDialog header .dialog-link textarea {
width:255px;
overflow:hidden;
height:55px
}
.popupSocialShare .shareDialog .targets {
grid-template-columns:repeat(3, 1fr);
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8
}
.popupSocialShare .shareDialog .close-button {
text-align:center;
left:30px;
width:auto
}
}
@media only screen and (min-device-width:320px) and (max-device-width:812px) {
}
@keyframes shine {
0% {
background-position:-468px 0
}
to {
	background-position:468px 0
}
}
@media (max-width:767px) {
}
@font-face {
font-family:PingFangSc;
font-style:normal;
font-weight:500;
src:url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF)format("woff")
}
a, body, button, div, em, form, h1, h2, h3, h4, html, img, input, label, li, p, span, textarea, ul {
	margin:0;
	padding:0;
	outline:0;
	font-family:-apple-system, ProximaNova, Microsoft Yahei UI, PingFangSc, Segoe UI, sans-serif;
	touch-action:manipulation
}
div, h3, img, input, label, li, p, span, ul {
	font-family:Arial, sans-serif
}
textarea {
	resize:none;
	color:#414755
}
input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
-webkit-transition:"color 9999s ease-out, background-color 9999s ease-out";
-webkit-transition-delay:9999s
}
#app {
	min-height:100vh;
	margin:0;
	padding:0
}
#app, #app:first-child {
	width:100%;
	height:100%
}
body {
	overflow-y:scroll
}
::-webkit-scrollbar {
width:5px
}
::-webkit-scrollbar, ::-webkit-scrollbar-track {
background-color:transparent
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover {
background-color:#d9d9d9;
border-radius:10px
}
img {
	border:none
}
p {
	margin-bottom:0
}
em, i {
	font-style:normal
}
a, body, button, input {
	outline:none;
	color:#000;
	text-decoration:none
}
body {
	font-size:12px
}
ul {
	margin:0;
	padding:0;
	list-style-type:none
}
a {
	cursor:pointer
}
a:active, a:hover, a:link, a:visited {
	text-decoration:none
}
body, div, form, h1, h2, h3, h4, html, p {
	-webkit-text-size-adjust:100%
}
input {
	line-height:normal
}
.mainApp:not(.greenTheme)>a, .mainApp:not(.greenTheme)>div, .mainApp:not(.greenTheme)>img {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none
}
@keyframes loading {
0% {
opacity:1
}
to {
	opacity:0
}
}
@-webkit-keyframes loading {
0% {
opacity:1
}
to {
	opacity:0
}
}
::placeholder {
color:#cbced8
}/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@-webkit-keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@-webkit-keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity:0;
	-webkit-transform:scale3d(.3, .3, .3);
	transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity:0;
	-webkit-transform:scale3d(.3, .3, .3);
	transform:scale3d(.3, .3, .3)
}
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, 2000px, 0);
	transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, 2000px, 0);
	transform:translate3d(0, 2000px, 0)
}
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity:0;
	-webkit-transform:translate3d(-2000px, 0, 0);
	transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity:0;
	-webkit-transform:translate3d(-2000px, 0, 0);
	transform:translate3d(-2000px, 0, 0)
}
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity:0;
	-webkit-transform:translate3d(2000px, 0, 0);
	transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity:0;
	-webkit-transform:translate3d(2000px, 0, 0);
	transform:translate3d(2000px, 0, 0)
}
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, -2000px, 0);
	transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, -2000px, 0);
	transform:translate3d(0, -2000px, 0)
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity:1
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity:0
}
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, 2000px, 0);
	transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, 2000px, 0);
	transform:translate3d(0, 2000px, 0)
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(-2000px, 0, 0);
	transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(-2000px, 0, 0);
	transform:translate3d(-2000px, 0, 0)
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(2000px, 0, 0);
	transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(2000px, 0, 0);
	transform:translate3d(2000px, 0, 0)
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, -2000px, 0);
	transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, -2000px, 0);
	transform:translate3d(0, -2000px, 0)
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform:perspective(400px);
	transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform:perspective(400px);
	transform:perspective(400px)
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform:perspective(400px);
	transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform:perspective(400px);
	transform:perspective(400px)
}
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform:perspective(400px) rotateX(90deg);
	transform:perspective(400px) rotateX(90deg);
	opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform:perspective(400px) rotateX(90deg);
	transform:perspective(400px) rotateX(90deg);
	opacity:0
}
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform:perspective(400px) rotateY(90deg);
	transform:perspective(400px) rotateY(90deg);
	opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform:perspective(400px) rotateY(90deg);
	transform:perspective(400px) rotateY(90deg);
	opacity:0
}
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity:1
}
to {
	-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
	transform:translate3d(100%, 0, 0) skewX(30deg);
	opacity:0
}
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
to {
	-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
	transform:translate3d(100%, 0, 0) skewX(30deg);
	opacity:0
}
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	opacity:1
}
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:rotate(200deg);
	transform:rotate(200deg);
	opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:rotate(200deg);
	transform:rotate(200deg);
	opacity:0
}
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	opacity:0
}
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	opacity:0
}
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	opacity:0
}
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	opacity:0
}
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform:translate3d(0, 700px, 0);
	transform:translate3d(0, 700px, 0);
	opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform:translate3d(0, 700px, 0);
	transform:translate3d(0, 700px, 0);
	opacity:0
}
}
@-webkit-keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes rollOut {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0) rotate(120deg);
	transform:translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0) rotate(120deg);
	transform:translate3d(100%, 0, 0) rotate(120deg)
}
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
	opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
	opacity:0
}
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity:0;
	-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin:center bottom;
	transform-origin:center bottom;
	-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
	animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity:0;
	-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin:center bottom;
	transform-origin:center bottom;
	-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
	animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity:0;
	-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
	transform:scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin:left center;
	transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity:0;
	-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
	transform:scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin:left center;
	transform-origin:left center
}
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity:0;
	-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
	transform:scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin:right center;
	transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity:0;
	-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
	transform:scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin:right center;
	transform-origin:right center
}
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity:0;
	-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin:center bottom;
	transform-origin:center bottom;
	-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
	animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity:0;
	-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin:center bottom;
	transform-origin:center bottom;
	-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
	animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
.slideInLeft {
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility:hidden;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility:hidden;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility:hidden;
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility:hidden;
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility:hidden;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility:hidden;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility:hidden;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility:hidden;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}
.animated {
	-webkit-animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@media (prefers-reduced-motion:reduce), (print) {
.animated {
-webkit-animation-duration:1ms!important;
animation-duration:1ms!important;
-webkit-transition-duration:1ms!important;
transition-duration:1ms!important;
-webkit-animation-iteration-count:1!important;
animation-iteration-count:1!important
}
}
:root {
--main-black:#333;
--black-2:#828282;
--black-3:#4f4f4f;
--black-4:#999;
--black-5:#bdbdbd;
--black-6:#e0e0e0;
--main-white:#fff;
--white-2:#f2f2f2;
--white-3:#d9d9d9;
--primary-color-hover:rgba(76, 158, 234, 0.1);
--black-hover:rgba(0, 0, 0, 0.1);
--black2-hover:rgb(0 0 0/20%);
--disabled-button-color:#d6d6d6
}
html {
	height:100%
}
body {
	background-color:var(--main-white)
}
#app {
	background:#fff;
	height:100vh
}
.flexBox {
	display:flex;
	align-items:center
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) {
input {
font-size:16px
}
}
@keyframes shakeArrow {
0% {
transform:translateX(0)
}
10% {
transform:translateX(-2px)
}
20% {
transform:translateX(2px)
}
30% {
transform:translateX(-2px)
}
40% {
transform:translateX(2px)
}
50% {
transform:translateX(-2px)
}
60% {
transform:translateX(2px)
}
70% {
transform:translateX(-2px)
}
80% {
transform:translateX(2px)
}
90% {
transform:translateX(-2px)
}
to {
	transform:translateX(0)
}
}
.headerWrap .notice .layout .marquee:before {
	content:"";
	display:block;
	background:url(data:image/webp;base64,UklGRogBAABXRUJQVlA4THwBAAAvLoAMEHDctpEkMf+0u6q62nu8I+TQtnbs0RPbrrLS2zYr2yidVGmNil0q2y5tazzT28b3v2cCyNdkbc5Xyj9DOeL8wWkkRar/KCmOGeootFoi9GFoK4C+bUxdvmPpFcbunvHwCWsc+dJfEO0P1qT5Bpv0r1TSYU22fwD43+jBfSfPfwC+cLywhD1FNAB+SSYlN+lKTo+xp4wGwE/x5JThNV4WvP0H4LsYcmrB20IxAN9EklM4lcDGY3grjJTukECYCGFDav8yplQa/i9+GjWXCphkiKWhtZShDb3vGWJoncUMwkeD5lIe45Dxt6PS/ElzlqHAiib6FU8qQRAFGGZQENVUgCIAMM6gIEI9p54xcwsAphkWhNDnLeY0skfYOQcA84yqXsseYe8SAMzcEFXUGmHrDAD43hDptDXCxjHgN9crItq/NcJSr03JZJG3X2vr3H0NIxy9GzkPIEy9mNhIIAzdDrRHEGKn4xZCDNIVtkksN/M+0NE5YJizDQ==)no-repeat;
	width:15px;
	height:15px;
	position:relative;
	z-index:1;
	background-size:100% 100%;
	min-width:15px
}
.headerWrap .notice .marquee {
	width:100%;
	box-sizing:border-box
}
.headerWrap .notice .marquee {
	font-size:13px;
	max-width:1920px;
	margin:auto;
	color:#333;
	display:flex;
	position:relative;
	top:90px;
	padding:0 80px
}
.headerWrap .notice .marquee .marqueeContent {
	margin-right:70px;
	width:auto
}
.headerWrap .notice .marquee .marquee-text-wrap {
	margin-left:10px;
	z-index:99
}
@keyframes beat {
to {
transform:scale(2);
opacity:0
}
}
.footerWrap {
	width:100%;
	position:fixed;
	bottom:0;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, .1);
	z-index:100
}
@media (max-width:1024px) {
}
@media (min-width:1024px) {
.d-block {
display:block
}
#app {
background:#fff
}
}
@media (min-width:767px) {
}
@media (max-width:767px) {
.m-none {
display:none
}
.marquee-wrap .notice .layout {
padding:0 10px
}
.headerWrap .notice .marquee {
top:65px;
padding:0 5px
}
.header {
height:fit-content
}
.headerLogo img {
object-fit:contain
}
.navWrap {
height:59px
}
.navWrap>.layout {
height:49px!important;
padding:0 8px 0 16px!important
}
}
.headerWrap {
	background-color:var(--main-white);
	position:relative
}
.header {
	width:100%;
	z-index:1001
}
.headerLogo {
	height:6.5vh;
	max-height:30px
}
.headerLogo img {
	height:100%;
	object-fit:contain;
	width:100%;
	max-width:100px
}
.headerLogo a {
	display:block;
	width:100%;
	height:100%;
	max-height:80px
}
.header-menu ul li {
	position:relative;
	text-transform:none!important;
	font-weight:500;
	text-align:center;
font-size:.85vw;
	line-height:35px;
	width:fit-content;
	height:35px;
	margin:0 5px 0 0!important;
	max-width:150px;
transition:all .3s ease;
	border-radius:8px;
	padding:0 10px
}
.header-menu ul li:hover p {
	font-weight:800
}
.header-menu ul li a {
	display:flex!important;
	justify-content:center;
	width:100%
}
.header-menu ul li img {
	height:28px;
	margin:0 5px 0 0;
	opacity:0
}
.header-menu ul li.active img {
	opacity:1
}
.header-menu ul li.active a {
	color:#fff
}
.header-menu ul li p {
	margin-left:-10px;
transition:all .1s ease-out;
	font-weight:600;
	color:#222
}
.header-menu ul li:not(.active):hover p {
font-weight:600;
color:#333
}
.header-menu ul li .indicator {
	position:absolute;
	border-radius:8px;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1
}
.header-menu ul li .indicator.animated {
animation-duration:.3s!important
}
.headerWrap .balance .balanceLogo {
	width:20px;
	height:20px;
	background-size:contain!important;
	margin-right:5px;
	background-position:50%!important;
	background-repeat:no-repeat
}
.headerWrap .balance .balanceLogo.VND {
	background:url(data:image/webp;base64,UklGRkwFAABXRUJQVlA4TEAFAAAvXUAXEH8HKbJt10qfRxoyRgB6MI+UHN5ZJBEQG0lSJEXP3T3z++8k8yTsSJIcVVnIX3AP73FCPNmwI9tu2ywTKNvUV2rLZbsGuYBs5QjSAAQkCR2wGyDV48sjhyKEkIQgQiAbJ0JINsLGmIvhYuZlHwSysViIhq8Y2Qgbpxg2NhaLDRLCZwTysUkWZ4RQrCxCKMii5pRFZfGFMzaSUDQkNSHZWCQh8yP897Eg4cCB/TfHcE49FvyH7NK40CL1WAwRi6yaUQ+RArbGZYg6hFrGQoboomdntp0OpVXb2OIj+vEXdna5OpiO3aBj2L3MNgEJBQX/KP9CRqYKF5ZRUJBQMP6TICGj4IaCwgomDNFRgwPSjAoj5giYa9WoQpMqrWKBw5ZtMSIaCZEqxKGLIf+JzrjjNkQUo8FWex660kU/WlgKC+PwsTmNv43VzTq9X3Gyvsb9bv3RKcw+/R1/RRc/31k+eDvn89rbKd0xfTx/N8/He/X09ZvRnx/XdHt8TvfXt3gzPNy/HABFAYAMyVWlN7at92Lbtm0cY9t2thaxbdu2bSdn4yO2Z6aruj8gov8TADyjl05/f+/23p1bfL4tO/cevvd6ytJoMGTMoi9nfKjQc+PRtF/axUw/50VC350p8TrNfrARyTc9mKDLzGPI9MzEDBpMPIiMD83ltvo8Mr+0glPsm/XI3v8yjs2Ka6jlzbFM5m9ATf0LOMQ9Ro0/JpCNOI5an/5FNHI/ar53JcnqXaj9rdUEq3ajAXeNVJa4H42475+i5GNoyNNxah6jMZ8pmYcGnapg7UaTbFjjKG4vGvVqgpNXaNivDn5EMgsaIg0l8C+3dwqZVxHSVgR419ZENA9+t3PIRLdtzEAT4SKry2Y6bTETedYUyqupwjmyh6b6KInZaKpNMQHT0VQ4L+Akl9bV7RaV/VenfuOW7XqquwAAI3xc7FeRtULiiCSA72gunATwQYtqXF4AHNSiNpfbEO1hFNKra/9QSV0unhGzkKm7U/W8LiFE5vLNQhDrc8HRU5l0LCJs5m2OjdhMfs8iqLJwWLUJm5dPOAwqIRznYPP0LINhhYRyBkevM6gkrNOLlCuZk9e+7XQthGW2BgMR0d2piovRjm1k7gIWpQagZdeifLZGkLUR8hJBaHNwYTYRdOVlWfug7Sp8tlG5c8hqoR5bt1N1F/Kumuy4TtVRltWtyb6zVCmyYqjJ0XtUbWX5dbn/mqqDLJcur6ZTdZZldGsybxZVb5nopcnoaA9RWEZZqh7eEXCICIvLyutxGOADVQ1Zeg9bwwtyeQHwnaqDTJQOtRFWRnCZBDDCR+TOLxMVgyy6FBRcIpIA4BwRNrQQ+ZsORBzYroJLsDkPADCFKriwhRAiS3Zhn2xhQPxmIuyWyYZ1bheLTfEB8IAK26c5KtIvH4tPIJ1Nhp3yOCg/BMuxmCODy2QYXjfNRpH2iFiLQxRYLqFDDEqpXrZQ7sL/1+uGgUP7BgbRLLaCQww0vA0255pohh04ZZ6LYHvUOtP4l9uDd+o616Gtq+wtOEzYp6ypoHWpupLsBH5vNMmGNeB8nkmmgsqP5ngESpOPqxnWl1hJVIIaSDygRMNr/0D1zz0m2DUS1K++pd+t5UD594Bu+5YB7YgTekUlAnXCM50eJQPDb5t12TgFeK69osf1P8A19s0Gfv6XCcB45Wdup8YB8++3OR2eARrOPMXlzETQdM7jTXSbP44BjeMnX/BRRJxfGA+6xyx6ecynwnPw+bREMOSI8ZNfPj1ybdeWiIgtu64defpy8ugRwBM=)
}
.header-menu ul li.active p {
	margin:0 3.5px;
transition:all .1s ease-out;
	font-weight:800;
	color:#fff
}
.mainApp .agentSwitchlang {
	font-size:16px;
	font-weight:400;
	position:relative
}
.mainApp .agentSwitchlang .switchlang {
	left:unset;
	right:0;
	top:unset;
	margin-top:10px
}
.mainApp .agentSwitchlang .toggleLang {
	display:flex;
	align-items:center;
	box-shadow:10px 6px 5px 15px #fff;
	cursor:pointer
}
.mainApp .agentSwitchlang .toggleLang.active, .mainApp .agentSwitchlang .toggleLang:hover {
	background:#36a638;
	color:#fff;
	border-radius:8px
}
.mainApp .agentSwitchlang .toggleLang .lang-icon.selected {
	display:flex
}
.mainApp .agentSwitchlang .toggleLang.active .lang-icon.selected, .mainApp .agentSwitchlang .toggleLang:hover .lang-icon.selected {
	display:flex;
	opacity:1
}
.mainApp .agentSwitchlang .toggleLang .lang-icon img {
	width:28px;
	height:auto
}
.kz4.mainApp .agentSwitchlang .toggleLang {
	padding:6px
}
.kz4.mainApp .agentSwitchlang .toggleLang .lang-icon.selected {
	opacity:1;
	width:28px
}
.kz4 .switchlang .imgLang a div.vit {
	background:url(data:image/webp;base64,UklGRloHAABXRUJQVlA4TE4HAAAvKUAKEE0oaNvIUcfv8Ef8ICL6H5HUBnhFEi7fFLiVpAVAEP6/PYSato2g8Id4U3vvehD6n9CCCY6IFJwmyfDOAIAjQgZKt60dk6TzfhHZtm3b3T+AI4/sWU9te2Tbtm3btt1ZiIz4vve5jS+yXOP70sG27fjfXNfz/v5Kbdt2J2vK0dFbtnR1O9l2R2OyNdq228mKk9/73nK0bTv26HxitTaqVN6CbavKoHNrYwmqgmpUeaaybXMBUyb5pAgDQODVN2f/N5jNZhuJF1izbfet6dlme812Mg5gK3DbRsnwGF8BgjxDhVOFs04yMz6Dz9MB9pTPwao4Sxc7imcG5mEDAFZAAfCsKT7xC6xOC5xiLC3Rz+6i9t2IOWfYfkvW3QDEts8b9OUJ+GQZXGmSeyyDv1MJOyuornV5ncNE7jrLDgIgLoKW2p/BA3DNcrjUOFiaKjrnuNg5Xe3JR7JVgQClWFIAAVAkgE3oywmDF9/0kG80TwVzXOziOkvUnr4HSZBSSpEIJAIXAy0FPg0cKgP9nyJVF7TuEjVHzVIVlSBJVBSJAyQhArs13ASgD4Qp0en+d8O2j3PbcuwEIYCCwIgCIDBiBScxAfEicrTwqDOcpgmcG49q6t+vg5+Lm5ZRhQQSAUEgURDYq/LWp9RBIgAWGCgEgLCQrD0D9zoOIsZh7DEL+pN3oQmjHSQBIcACSyIIJEvmu9W84pm0AwQBgG1BYUDYeXCq8LFHIH0IcHPwoyfvhX4gJKgggkTgDBECgACFteqe31Li5yABBEBAAgFgBgQGqwCHS+MmjUNVfzxkpxncI3nQGXRF4BwCMkQIEZQIy/vORHZbkt++AUCQIAAISAEREBjQWQ0e6XCBhXYAmz9/4HJv8B5EmLMDCDK4DhY4wIJF+G4C+YCtXfbAmCQRAHYAQDADSwD2k8ZlCsENwPZPVxj//Q8+DZ/AAEYGfaiDQgeAAGcIUJBs4aq/6Qcsyj8/gQICKAgQQhIF06kAoMFZekELYIP7n91g6lf4QN6TScBAkINEYQRyyCIgSJbgo7+YkkiIsAKffAaAgiAJIAAUBAzo/NoBCBynrlVY6Ch5vdeooBeqIku3kaXUUhd/VxhtidHGRPCqddmWdRpgEZ5LpxtmFw2kkVoyZAkQEAAnYCUIc8LAb8D2PHtqGHyLJMMYVNIRtTVzTlaF63JtGLhmYKJ23YBE7Ya16jJABPtHKnxY9RpTZEMJQ2OKhlQ9stxnr0nkQiYF/qLQ4H3dgO0kggxNMQrzh06hxkh7ZL7JaXPUKzIAFqHlXWwZABmA7y2z7/Jz1l152TxQw0D4E4DATqoA20yIKY30pSeS+YqO5Ea/WG6yaP56ToZW23Dms9s2d9aQCAjwd+B3EAJQbDvmGayhkQZqmSyLNrotqBKDoi/zTB7YsjYDWtrmO8tdVwvus0dABMEosAqWQQAoCIDtwTK0AQ000hRZ5ivmKWjkYtAYK+arVzbzqKXbM62s/MfXVtt92XlZcgiIQQ9YCysBTDATANt1pxHnCkEiirmLbmPOhhp1o18Mil5j9/UmLd+eGmp5wEEneUgjGXKIMDZgCqshGAHahXpK0xA0JnIRMHdjpFE1KKJRF6XfOHmTWsPV9zPk+BxVSw7uBw1YB2ATAAIfugzYnnux6/PuRjdUIKkbIQABASpJsMz46PC0AmRozSaDN3n1o1zUEwKy0AEIAAExHbAN2J7jSJPzLVbegQQhdYFIkgAJUkDWHXfs5h5DGeB9b13x6kEtAhzhPxCAQeEPbwHbBkHznGWuKgiCujACJCj2gX0PGQx8Z7X9vr9hHe47qB+0Ku8AvvvkIUeef0yANSgMAAJigG/dc0vmOdu97jYQAhqIIoEESCE1ls53f01qATLclK0uqx0aaYq6uHiPcet/85QMwHrPvvdf1AAwATAD0NKms5um7kEyKQIaSBCSBCgMNm+3fTFf67tUuyFbPMSwRpoK2UQjWTb68qFLL5kF7HHtsjf3bKSBAutAAIILv3oEDEnnJLOsR4QcQhJIEMC7TJY8Od9u3/evyI2QXNgZHMXaP7xy6P2Hfb1NpSOWHkFHA6YwABDT4Wmjw7CzprSjjAxOIQogBWRe/7uS8x4aQ1REo+QiS0gWSUgpZ925w8FLT9GAKQZMMO85BYwj1UaS2RCFmJACooIwyTzPdRb5lv+IIkRSXIqAKQqmYwJg/vAO9Hg8YV9tAcyBqMgS4gw5qCgSQYgDFJKkYBUMWo9Nh6fUAOOLJG0rwAwqJIIIAaaQIA6QABFSSCAgAGYAFDo8qw+YkqQDdbO1ABMsESgYUUNAISEICAKAYMCFwFpfeckkMGVhW0VsKlULAApFQGFEUAiAgGDAhMKA/7wDScDUCMNvNpKaNhCgIDBAKAxIWp/sf+N9I+AQMHUCXvKnd6wnlXkBpjAHDaQANoMCEOi+8LXroBWYegGvwBb/yWR9oeygnjloUAAEOizzmt884FdXwQFgdiIG)50%;
	background-size:cover
}
.kz4 .switchlang .imgLang a div.chs {
	background:url(data:image/webp;base64,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)50%;
	background-size:cover
}
.kz4 .switchlang .imgLang a div.eng {
	background:url(data:image/webp;base64,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)50%;
	background-size:cover
}
.kz4 .switchlang .imgLang a div.ind {
	background:url(data:image/webp;base64,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)50%;
	background-size:cover
}
.kz4 .switchlang .imgLang a div.tha {
	background:url(data:image/webp;base64,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)50%;
	background-size:cover
}
.switchlang {
	position:absolute;
	left:80px;
	top:50px;
	border:1px solid #e8e8e8;
	border-radius:8px;
	background:#fff;
	flex-direction:column
}
.switchlang .imgLang {
	display:block
}
.switchlang .imgLang a {
	display:flex;
	align-items:center;
	color:#999;
	border-top:1px solid #e8e8e8;
	width:270px;
	padding:15px
}
.switchlang .imgLang a:hover {
	background:#36a638;
	color:#fff
}
.switchlang .imgLang a:last-child {
	border-radius:0 0 8px 8px
}
.switchlang .imgLang a div {
	width:25px;
	height:25px;
	display:block;
	float:left;
	margin-right:8px
}
.loginWrap {
	position:relative
}
.loginWrap {
	display:flex;
	justify-content:flex-end
}
.loginedNav {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	min-width:14.3vw
}
.loginedNav .username .account-balance {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	cursor:pointer
}
.loginedNav .username .account-balance p {
font-size:.75vw;
	color:#bdbdbd
}
.loginedNav .username .account-balance img {
	width:16px;
	margin-right:4px;
	margin-top:-3px
}
.loginedNav .moneyOperate>a {
	margin:0 9px 0 15px;
	background-color:#36a638;
	border-radius:8px;
font-size:.85vw;
	width:3.9vw!important;
	display:block;
	text-align:center;
	height:2vw;
	line-height:2vw;
	color:#fff
}
.loginedNav .avatarWrap {
	position:relative
}
.loginedNav .avatarWrap img {
	width:2vw;
	height:2vw;
	cursor:pointer;
	border-radius:50%
}
.loginedNav .balance {
	display:flex;
	align-items:center;
	position:relative;
	cursor:pointer;
	font-weight:700;
	margin-top:2px;
	padding-bottom:6px
}
.loginedNav .balance>div {
	display:flex;
	align-items:center;
	justify-content:space-between
}
.loginedNav .balance em {
font-size:.85vw;
	color:#000
}
.headerWrap .currencyLogo {
	background-size:contain!important;
	background-position:50%!important;
	background-repeat:no-repeat!important
}
.headerWrap .currencyLogo.VND {
	background:url(data:image/webp;base64,UklGRkwFAABXRUJQVlA4TEAFAAAvXUAXEH8HKbJt10qfRxoyRgB6MI+UHN5ZJBEQG0lSJEXP3T3z++8k8yTsSJIcVVnIX3AP73FCPNmwI9tu2ywTKNvUV2rLZbsGuYBs5QjSAAQkCR2wGyDV48sjhyKEkIQgQiAbJ0JINsLGmIvhYuZlHwSysViIhq8Y2Qgbpxg2NhaLDRLCZwTysUkWZ4RQrCxCKMii5pRFZfGFMzaSUDQkNSHZWCQh8yP897Eg4cCB/TfHcE49FvyH7NK40CL1WAwRi6yaUQ+RArbGZYg6hFrGQoboomdntp0OpVXb2OIj+vEXdna5OpiO3aBj2L3MNgEJBQX/KP9CRqYKF5ZRUJBQMP6TICGj4IaCwgomDNFRgwPSjAoj5giYa9WoQpMqrWKBw5ZtMSIaCZEqxKGLIf+JzrjjNkQUo8FWex660kU/WlgKC+PwsTmNv43VzTq9X3Gyvsb9bv3RKcw+/R1/RRc/31k+eDvn89rbKd0xfTx/N8/He/X09ZvRnx/XdHt8TvfXt3gzPNy/HABFAYAMyVWlN7at92Lbtm0cY9t2thaxbdu2bSdn4yO2Z6aruj8gov8TADyjl05/f+/23p1bfL4tO/cevvd6ytJoMGTMoi9nfKjQc+PRtF/axUw/50VC350p8TrNfrARyTc9mKDLzGPI9MzEDBpMPIiMD83ltvo8Mr+0glPsm/XI3v8yjs2Ka6jlzbFM5m9ATf0LOMQ9Ro0/JpCNOI5an/5FNHI/ar53JcnqXaj9rdUEq3ajAXeNVJa4H42475+i5GNoyNNxah6jMZ8pmYcGnapg7UaTbFjjKG4vGvVqgpNXaNivDn5EMgsaIg0l8C+3dwqZVxHSVgR419ZENA9+t3PIRLdtzEAT4SKry2Y6bTETedYUyqupwjmyh6b6KInZaKpNMQHT0VQ4L+Akl9bV7RaV/VenfuOW7XqquwAAI3xc7FeRtULiiCSA72gunATwQYtqXF4AHNSiNpfbEO1hFNKra/9QSV0unhGzkKm7U/W8LiFE5vLNQhDrc8HRU5l0LCJs5m2OjdhMfs8iqLJwWLUJm5dPOAwqIRznYPP0LINhhYRyBkevM6gkrNOLlCuZk9e+7XQthGW2BgMR0d2piovRjm1k7gIWpQagZdeifLZGkLUR8hJBaHNwYTYRdOVlWfug7Sp8tlG5c8hqoR5bt1N1F/Kumuy4TtVRltWtyb6zVCmyYqjJ0XtUbWX5dbn/mqqDLJcur6ZTdZZldGsybxZVb5nopcnoaA9RWEZZqh7eEXCICIvLyutxGOADVQ1Zeg9bwwtyeQHwnaqDTJQOtRFWRnCZBDDCR+TOLxMVgyy6FBRcIpIA4BwRNrQQ+ZsORBzYroJLsDkPADCFKriwhRAiS3Zhn2xhQPxmIuyWyYZ1bheLTfEB8IAK26c5KtIvH4tPIJ1Nhp3yOCg/BMuxmCODy2QYXjfNRpH2iFiLQxRYLqFDDEqpXrZQ7sL/1+uGgUP7BgbRLLaCQww0vA0255pohh04ZZ6LYHvUOtP4l9uDd+o616Gtq+wtOEzYp6ypoHWpupLsBH5vNMmGNeB8nkmmgsqP5ngESpOPqxnWl1hJVIIaSDygRMNr/0D1zz0m2DUS1K++pd+t5UD594Bu+5YB7YgTekUlAnXCM50eJQPDb5t12TgFeK69osf1P8A19s0Gfv6XCcB45Wdup8YB8++3OR2eARrOPMXlzETQdM7jTXSbP44BjeMnX/BRRJxfGA+6xyx6ecynwnPw+bREMOSI8ZNfPj1ybdeWiIgtu64defpy8ugRwBM=)
}
.headerWrap .popupCurrency {
	border:1px solid #d6d6d6
}
.headerWrap .popupCurrency .popupHeader h2 {
	padding:15px;
	border-bottom:1px solid #e8e8e8;
	font-size:16px
}
.headerWrap .popupCurrency .popupInner ul {
	overflow-y:auto;
	height:350px
}
.headerWrap .popupCurrency .popupInner ul::-webkit-scrollbar-thumb {
background-color:#888;
border-radius:.25em
}
.headerWrap .popupCurrency .popupInner ul::-webkit-scrollbar-track {
background-color:transparent
}
.headerWrap .popupCurrency .popupInner ul li {
	padding:15px;
	border-bottom:1px solid #e8e8e8;
	display:flex;
	align-items:center;
	cursor:pointer;
	position:relative
}
.headerWrap .popupCurrency .popupInner ul li:last-child {
	border-bottom:none
}
.headerWrap .popupCurrency .popupInner ul li.selected p {
	color:#fff!important
}
.headerWrap .popupCurrency .popupInner ul li p.lightFont.balance {
	position:absolute;
	right:80px
}
.headerWrap .popupCurrency .popupInner ul li img {
	filter:brightness(0) invert(1);
	position:absolute;
	right:15px;
	width:25px;
	height:25px
}
.headerWrap .popupCurrency .popupInner ul li .currencyLogo {
	width:30px;
	height:30px;
	margin-right:10px
}
.headerWrap .popupCurrency .popupFooter {
	padding:15px;
	display:flex;
	justify-content:flex-end
}
.headerWrap .popupCurrency .popupFooter a {
	color:#999;
	padding:0 20px
}
.walletMenu {
	z-index:10;
	width:290px;
	border-top:none;
	border-bottom:none;
	position:absolute;
	top:41px;
	left:-170px;
	background:#fff;
	box-shadow:0 3px 3px rgba(0, 0, 0, .16);
	border-radius:8px;
	overflow:hidden;
	border:1px solid #e8e8e8
}
.playerMenuBackground {
	padding-top:50px;
	position:absolute;
	right:0;
	opacity:0;
	z-index:-1;
	visibility:hidden;
	max-height:calc(100vh - 100px)
}
.playerMenu {
	display:block;
	z-index:10;
	width:290px;
	border-top:none;
	border-bottom:none;
	position:unset;
	height:100%;
	top:35px;
	right:0;
	background:#fff;
	box-shadow:0 10px 20px 0 rgba(0, 0, 0, .16);
	border-radius:8px
}
.playerMenu .playerInfo {
	padding:25px 10px 0
}
.playerMenu .playerInfo .playerDetails>div>p>span {
	font-size:16px
}
.playerMenu .playerInfo .playerDetails>div>p>span:first-child {
	color:#bdbdbd;
	margin-right:6px
}
.playerMenu .playerInfo .playerDetails>div>p>span:nth-child(2) {
font-family:ProximaNova, sans-serif;
font-weight:600
}
.playerMenu .playerInfo .playerDetails>div>p>label {
	color:#fff;
	margin-left:8px;
	border-radius:8px;
	line-height:18px;
	padding:0 7px;
	height:18px;
	text-align:center
}
.playerMenu .playerInfo .vipDetails {
	margin-top:8px
}
.playerMenu .playerInfo .vipDetails .vipdeposit {
	margin-bottom:10px
}
.playerMenu .playerInfo .vipDetails p {
	color:#bdbdbd
}
.playerMenu .playerInfo .vipDetails .progressBar {
	position:relative;
	width:100%;
	height:5px;
	margin-top:5px;
	background:#ddd;
	border-radius:4px;
	overflow:hidden
}
.playerMenu .playerInfo .vipDetails .progressBar span {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	border-radius:4px
}
.playerMenu .playerInfo .btnWrap {
	display:flex;
	justify-content:space-between;
	margin-top:15px
}
.playerMenu .playerInfo .btnWrap .depositBtn {
	width:132px;
	height:38px;
	background-color:#36a638;
	border-radius:8px;
	line-height:38px;
	text-align:center;
	color:#fff;
	font-size:16px;
	cursor:pointer
}
.playerMenu .playerInfo .btnWrap .withdrawBtn {
	width:132px;
	height:38px;
	background-color:#fff;
	border-radius:8px;
	line-height:38px;
	text-align:center;
	font-size:16px;
	cursor:pointer
}
.playerMenu ul.withIcon li>i {
	display:block;
	width:30px;
	height:30px;
	flex-shrink:0;
	padding:4px;
	border-radius:8px;
	background:#d6d6d6;
	margin-right:10px;
	overflow:hidden;
	box-sizing:border-box
}
.playerMenu ul.withIcon li>i:before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:url(images/2.svg)no-repeat 50%;
	background-size:contain
}
.playerMenu ul.withIcon li.active>i, .playerMenu ul.withIcon li:hover>i {
	background:#36a638
}
.playerMenu ul.withIcon li:hover p {
	font-weight:500
}
.playerMenu ul.withIcon li.active>i:before, .playerMenu ul.withIcon li:hover>i:before {
	filter:invert(1)
}
.playerMenu ul.withIcon li>i.generalProfile:before {
	background-size:18px
}
.playerMenu ul.withIcon li>i.generalWallet:before {
	background-image:url(images/3.svg)
}
.playerMenu ul.withIcon li>i.generalBanking:before {
	background-image:url(images/4.svg)
}
.playerMenu ul.withIcon li>i.generalTransaction:before {
	background-image:url(images/5.svg)
}
.playerMenu ul.withIcon li>i.generalGift:before {
	background-image:url(images/6.svg)
}
.playerMenu ul.withIcon li>i.generalBetHistory:before {
	background-image:url(images/7.svg)
}
.playerMenu ul.withIcon li>i.generalBonus:before {
	background-image:url(images/8.svg)
}
.playerMenu ul.withIcon li>i.serviceReferral:before {
	background-image:url(images/9.svg)
}
.playerMenu ul.withIcon li>i.serviceSupport:before {
	background-image:url(images/10.svg)
}
.playerMenu ul.withIcon li>i.systemTimezone:before {
	background-image:url(images/11.svg)
}
.playerMenu ul.withIcon li>i.systemLogout:before {
	background-image:url(images/12.svg)
}
.playerMenu ul.withIcon {
	margin-top:20px;
	overflow-y:auto;
	scrollbar-width:thin;
	scrollbar-color:transparent transparent;
	max-height:700px
}
.playerMenu ul.withIcon::-webkit-scrollbar {
width:0;
height:0
}
.playerMenu ul.withIcon li {
	display:flex;
	align-items:center;
	margin-bottom:30px;
	cursor:pointer
}
.playerMenu ul.withIcon li p {
	font-size:14px;
	color:#000;
	font-weight:500
}
.playerMenu ul.withIcon li span {
	font-size:12px;
	color:#999
}
.navWrap {
	background:#fff;
	position:relative;
	z-index:1;
	height:auto;
	clear:both;
transition:all .1s ease
}
.navWrap>.layout {
	display:flex;
	align-items:center;
	justify-content:space-between;
	max-width:1920px;
	height:80px;
	margin:auto;
	padding:0 80px
}
.navWrap>.layout>.flexBox {
	overflow-x:scroll;
	scrollbar-width:none;
	-ms-overflow-style:none;
	overflow-y:hidden;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
	height:100%;
	width:auto!important;
	flex-direction:unset!important;
	flex-wrap:unset!important;
	justify-content:unset!important;
	padding-top:unset!important;
	flex:1;
	margin-left:20px;
	position:relative
}
.navWrap>.layout>.flexBox::-webkit-scrollbar {
display:none
}
.msportSideNavContent {
	height:100%;
	width:0;
	position:fixed;
	top:0;
	left:0;
	overflow-x:hidden;
	z-index:999
}
.msportSideNavContent .msportSideNavBg {
	background:rgba(51, 51, 51, .5);
	height:100%
}
.msportSideNavContent .msportSideNav-bg {
	background:#fff;
	height:100%;
	width:300px;
	position:fixed;
	top:0;
	left:-300px;
	overflow-x:hidden;
transition:.3s;
	z-index:999
}
.msportSideNavContent .msportSideNav-bg #menu {
	padding:35px 20px
}
.msportSideNavContent .msportSideNav-bg #menu li {
	display:flex
}
.msportSideNavContent .msportSideNav-bg #menu li:not(:first-child) {
margin-top:30px
}
.msportSideNavContent .msportSideNav-bg #menu li .settingIcon {
	width:22px;
	height:22px;
	background:#d6d6d6;
	border-radius:10px;
	padding:4px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:10px
}
.msportSideNavContent .msportSideNav-bg #menu li .settingIcon img {
	width:100%
}
.msportSideNavContent .msportSideNav-bg #menu li div h4 {
	font-size:14px;
	color:#000;
	font-weight:500
}
.msportSideNavContent .msportSideNav-bg #menu li div p {
	font-size:12px;
	color:#999;
	font-weight:500
}
.nav>ul {
	display:flex;
	align-items:center;
	justify-content:flex-start
}
.nav>ul>li {
	margin:0 5px
}
.nav>ul>li:first-child {
	margin-left:20px
}
.nav>ul>li:last-child {
	margin-right:0
}
.nav>ul>li>a {
	position:relative;
	color:#333;
	font-size:16px!important;
	align-items:center;
transition:all .3s ease;
	display:block;
	font-weight:600
}
.nav>ul>li {
	text-transform:uppercase
}
.popupLogoutConfirmation .popupContent.logoutWrap {
	width:530px;
	text-align:justify;
	border-radius:8px;
	background-color:#fff;
	transform:translate(-50%, -50%);
	position:absolute;
	top:50%;
	left:50%;
	padding:0
}
.popupLogoutConfirmation .popupContent.logoutWrap p {
	color:#999;
	font-size:16px;
	padding:1rem
}
.popupLogoutConfirmation .popupContent.logoutWrap p:nth-child(2) {
padding:0 1rem 1rem 1rem!important
}
.popupLogoutConfirmation .popupContent.logoutWrap .popupSelect {
	display:flex;
	justify-content:flex-end;
	padding:1rem
}
.popupLogoutConfirmation .popupContent.logoutWrap .popupSelect span {
	font-size:17px;
	color:#999;
	cursor:pointer
}
.popupLogoutConfirmation .popupContent.logoutWrap .popupSelect .confirm {
	font-size:17px;
	color:#000;
	margin-left:2rem
}
.popupReferSocial .popupContent .popupSelect span {
	height:40px;
	width:100px;
	display:flex;
	justify-content:center;
	align-items:center
}
.popupWrap {
	display:flex;
	top:100%;
	align-items:center;
	opacity:1;
	z-index:4999
}
.popupWrap, .popupWrap .popupOverlayBg {
	position:fixed;
	left:0;
	width:100%;
	height:100%
}
.popupWrap .popupOverlayBg {
	top:0;
	background:rgba(0, 0, 0, .5);
transition:all .3s;
	opacity:0;
	visibility:hidden;
	z-index:999
}
.popupWrap .popupContent {
	position:relative;
	width:500px;
	max-height:90%;
	margin:auto;
	padding-bottom:20px;
	background:#fff;
	border-radius:6px;
	box-shadow:0 0 5px #bbb;
transition:all .6s;
	opacity:0;
	visibility:hidden;
	z-index:1000
}
.popupWrap .popupContent img {
	width:100%;
	height:100%
}
.popupWrap .buttonNav {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #ccc
}
.popupWrap .buttonNav span {
	margin:0 10px;
	cursor:pointer
}
.popupWrap.switchCurrencyPopup .buttonNav span {
	width:unset!important;
	padding:0 15px 0 15px
}
.popupWrap.typeNotice .popupContent .noticeWrap .noticeContent {
	padding:20px
}
.popupWrap.popupAds.typeNotice .popupContent .noticeWrap .noticeContent .noticeTitle {
margin-bottom:.2rem;
	word-break:break-all;
	font-weight:400
}
.popupWrap.popupAds.typeNotice .popupContent .noticeWrap .noticeContent p {
	min-height:1.5rem;
	word-break:break-all
}
.popupWrap.typeNotice .popupContent {
	width:50%;
	padding:0;
border-radius:.28rem;
	overflow:hidden
}
.popupWrap.typeNotice .popupContent .noticeHeader {
	display:flex;
	align-items:center;
height:.9rem;
line-height:.9rem;
	padding:20px;
	justify-content:flex-start;
	background:#fff;
	color:#000
}
.popupWrap.typeNotice .popupContent .noticeHeader span {
	font-size:16px;
	font-weight:700
}
.popupWrap.typeNotice .popupContent .noticeWrap {
	color:#a9b0cc;
	background:#f5f5f5
}
.popupWrap.typeNotice .popupContent .noticeWrap .noticeContent {
	color:#999;
	background:#fff
}
.noticePopup {
	position:fixed;
	display:flex;
	align-items:center;
	background:rgba(0, 0, 0, .7);
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	visibility:hidden;
transition:all .3s;
	z-index:100001
}
.noticePopup .detail-content {
	position:relative;
	width:550px;
	left:0;
	right:0;
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 10px rgba(0, 0, 0, .4)
}
.noticePopup .modal-content.modal-message div:nth-child(2) {
text-align:left;
margin:20px 20px 5px
}
.noticePopup .detail-content .forms-btn-g {
	text-align:center!important;
	margin:0!important;
	background-color:unset!important;
	padding:30px 5px 15px!important
}
.noticePopup .detail-content .forms-btn-g a {
	height:25px;
	line-height:25px;
	min-width:60px;
	display:inline-block;
	background:-webkit-linear-gradient(left, #dccab8, #d2b496);
	background-image:linear-gradient(180deg, #62b3ff, #4078fa)
}
.noticePopup .detail-content .forms-btn-g a:hover {
	background:#f5f5f5!important;
	color:#000!important;
	font-weight:700!important
}
.noticePopup .modal-content.modal-message {
	text-align:center;
	height:100%;
	word-wrap:break-word;
	white-space:normal;
	font-size:14px
}
.noticePopup .modal-content.modal-message div.button {
	display:flex;
	align-items:center
}
.noticePopup .modal-content.modal-message div:first-child {
	text-align:center;
	color:#fff;
	background-color:#13182f;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:20px;
	padding:15px 20px 15px
}
.noticePopup .modal-content.modal-message div.button .forms-btn-g:nth-child(2) {
display:none
}
.games .kz4 .headerWrap>.header {
	position:fixed;
	z-index:1000
}
@media (min-width:1920px) {
.loginedNav {
min-width:8.3vw
}
}
@media (min-width:3840px) {
.loginedNav {
min-width:5.3vw
}
.loginedNav .username .account-balance p {
font-size:.25vw
}
.loginedNav .balance em {
font-size:.5vw
}
.loginedNav .avatarWrap img {
width:.9vw;
height:.9vw
}
.loginedNav .moneyOperate>a {
width:2vw!important;
height:.9vw;
line-height:.9vw;
font-size:.5vw
}
}
@media (min-width:768px) and (max-width:1440px) {
.headerWrap .notice .marquee {
padding:0
}
}
@media (max-width:767px) {
.popupWrap.switchCurrencyPopup .buttonNav span {
padding:0 7px 0 7px!important
}
}
@keyframes btn-hover {
0% {
transform:scale(1.1)
}
to {
	transform:scale(1)
}
}
@media (max-width:767px) {
.headerLogo img {
max-height:45px
}
.loginedNav .moneyOperate>a {
display:none!important
}
.loginedNav .avatarWrap {
margin-left:10px;
position:unset
}
.loginedNav .avatarWrap img {
width:40px;
height:40px
}
.loginedNav .balance em {
font-size:14px
}
.loginedNav .username .account-balance img {
width:16px
}
.loginedNav .username .account-balance p {
font-size:14px
}
.loginedNav .username .account-balance {
justify-content:center;
height:49px
}
.loginedNav .balance {
height:20px
}
.walletMenu {
top:50px;
width:240px;
height:310px;
left:-105px
}
.header {
z-index:101;
top:0
}
.mainApp .agentSwitchlang {
display:none
}
.playerMenuBackground {
top:0;
z-index:auto;
opacity:unset;
visibility:unset
}
.playerMenuBackground {
display:none
}
.playerMenu {
top:0;
right:-8px;
z-index:1000;
border-radius:0;
height:100vh;
position:absolute
}
.playerMenu ul.withIcon li>i.generalBetHistory:before {
background-image:url(images/7.svg)
}
.noticePopup .detail-content {
width:340px
}
.noticePopup .modal-content.modal-message div:first-child span, .noticePopup .modal-content.modal-message div:nth-child(2) {
font-size:14px
}
.noticePopup .modal-content.modal-message div.button {
justify-content:space-around
}
.popupLogoutConfirmation .popupContent.logoutWrap {
width:85%;
padding:2rem 1rem 1rem 1rem;
border-radius:18px
}
.popupLogoutConfirmation .popupContent.logoutWrap p {
padding:.3rem;
font-size:14px
}
.popupLogoutConfirmation .popupContent.logoutWrap .popupSelect {
justify-content:space-around;
padding:2rem 0 1rem 0
}
.popupLogoutConfirmation .popupContent.logoutWrap .popupSelect span {
font-size:16px
}
.popupLogoutConfirmation .popupContent.logoutWrap .popupSelect .confirm {
margin:0;
color:#000;
font-size:16px
}
.switchlang {
display:flex;
flex-wrap:wrap;
z-index:1002;
width:100%;
height:100vh;
position:fixed;
top:0;
left:0
}
.switchlang .imgLang {
display:none
}
.switchlang .imgLang a {
width:auto
}
.switchlang .imgLang a:last-child {
border-radius:0
}
.popupWrap.redPacketPopup .packetBg {
display:block;
width:100%!important;
margin:0 auto
}
.popupWrap.redPacketPopup .popupClose img {
width:22px!important;
height:22px!important
}
.redPacketWrap {
z-index:10005;
position:relative
}
.popupWrap.typeNotice .popupContent {
width:80%;
border-radius:16pt
}
.popupWrap.typeNotice .popupContent .noticeHeader {
padding:20px
}
}
@keyframes fadeInLeft_in {
0% {
opacity:0;
transform:translate3d(-70px, 0, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
@keyframes fadeInRight_in {
0% {
opacity:0;
transform:translate3d(70px, 0, 0)
}
to {
	opacity:1;
	transform:translateZ(0)
}
}
.noticePopup .modal-content.modal-message div:first-child {
	font-size:16px;
	background-color:#fff;
	color:#000;
	text-align:left;
	font-weight:600
}
.noticePopup .detail-content {
	border-radius:8px
}
.noticePopup .modal-content.modal-message div:nth-child(2) {
margin:0 20px;
font-size:16px;
color:#999
}
.noticePopup .modal-content.modal-message div.button {
	justify-content:flex-end
}
.noticePopup .detail-content .forms-btn-g a.cancel {
	background:#fff;
	color:#999;
	border:none;
	font-size:16px;
	border-radius:8px;
	font-weight:400;
	padding:3px 20px
}
.noticePopup .modal-content.modal-message div.button .forms-btn-g:nth-child(2) {
display:flex
}
.noticePopup .detail-content .forms-btn-g a {
	background:#fff;
	color:#999;
	border:none;
	font-size:16px;
	border-radius:8px;
	font-weight:400;
	padding:3px 20px
}
.popupWrap.redPacketPopup .packetBg {
	display:block;
	width:100%;
	margin:0 auto
}
.popupWrap.redPacketPopup .popupContent {
	max-width:400px
}
.popupWrap.redPacketPopup .packetOpenButton {
	background-size:contain!important;
	height:50px
}
.popupWrap.redPacketPopup .packetInfo {
	line-height:unset
}
.popupWrap.redPacketPopup .packetInfo p {
	font-size:unset!important
}
.popupWrap.redPacketPopup .popupClose img {
	width:33px;
	height:33px
}
@media (min-width:768px) and (max-width:1440px) {
.nav>ul>li>a {
font-size:14px!important
}
.header-menu ul li {
padding:2px 12px
}
.header-menu ul li img {
height:28px
}
.headerLogo {
width:80px!important
}
.loginedNav .avatarWrap img {
width:30px;
height:30px
}
.loginedNav .moneyOperate>a {
font-size:14px;
width:65px!important;
height:35px;
line-height:35px
}
.loginedNav .username .account-balance p {
font-size:12px
}
.loginedNav .balance em {
font-size:14px
}
.loginedNav .username .account-balance img {
width:16px
}
.loginedNav {
min-width:220px
}
.header-menu ul li {
height:30px;
line-height:30px
}
}
@keyframes rotate {
0% {
transform:rotate(0deg)
}
to {
	transform:rotate(1turn)
}
}
@media (max-width:1100px) {
}
@media (min-height:450px) and (max-height:765px) and (min-width:375px) and (max-width:767px) {
.playerMenu ul.withIcon {
height:calc(100vh - 250px);
max-height:100%
}
}
@media (min-height:450px) and (max-height:700px) and (min-width:320px) and (max-width:767px) {
.playerMenu ul.withIcon {
height:calc(100vh - 165px);
max-height:100%
}
}
@media (max-width:449px) and (min-height:600px) {
.playerMenu ul.withIcon {
height:calc(100vh - 200px);
max-height:100%
}
}
@media (max-width:450px) {
.headerLogo {
max-height:23px
}
.navWrap>.layout>.flexBox {
margin-left:10px
}
}
@media (max-width:361px) {
}
body:has(.appEnterGame)::-webkit-scrollbar {
display:none
}
.popupReferSocial .popupContent {
	width:100%;
	padding:0;
	border-radius:10px;
transition:all .6s;
	opacity:0;
	visibility:hidden;
	z-index:1000
}
.popupReferSocial .shareDialog {
	width:600px;
padding:.3rem 0;
	border-radius:10px;
	background-color:#fff;
	height:260px;
	transform:translate(-50%, -50%);
	position:absolute;
	top:50%;
	left:50%
}
.popupReferSocial .shareDialog header {
	padding:15px 20px
}
.popupReferSocial .shareDialog header .logo {
	display:flex;
	justify-content:flex-start;
	align-items:center
}
.popupReferSocial .shareDialog header img {
	width:40px;
	height:auto;
	margin-right:10px
}
.popupReferSocial .shareDialog header .dialog-title {
	font-weight:600;
	font-size:15px;
	color:#333
}
.popupReferSocial .shareDialog header .dialog-link {
	font-size:13px;
	color:#bdbdbd;
	margin-top:5px
}
.popupReferSocial .shareDialog header .dialog-link textarea {
	width:350px;
	border:none;
	padding:0
}
.popupReferSocial .shareDialog .targets {
	display:grid;
margin:.2rem .3rem;
	align-items:center;
	text-align:center;
	justify-content:flex-start;
	grid-template-columns:repeat(7, 1fr);
	gap:10px;
	padding-bottom:10px
}
.popupReferSocial .shareDialog .targets a.button {
	background:none;
	border:none;
	border-radius:8px;
	padding:6px 15px;
	margin-right:12px
}
.popupReferSocial .shareDialog .targets a.button img {
	width:40px;
	height:40px;
	display:block;
padding:.2rem;
	border-radius:10px;
margin:.5rem auto;
	white-space:nowrap
}
.popupReferSocial .shareDialog .targets a.button img.copy {
	padding:0;
	margin:0;
	width:32px;
	height:31px
}
.popupReferSocial .shareDialog .targets a.button .image-container {
	border-radius:12px;
	width:25px;
	height:25px;
	margin:15px auto;
padding:.2rem;
	display:flex;
	align-items:center;
	justify-content:center
}
.popupReferSocial .shareDialog .targets span {
	font-size:14px;
	color:#000
}
.popupReferSocial .qrWrap {
	width:550px;
	border-radius:10px;
	background-color:#fff;
	transform:translate(-50%, -50%);
	position:absolute;
	top:50%;
	left:50%
}
.popupReferSocial .qrWrap p {
	color:#999;
	font-size:14px;
	padding:1rem
}
.popupReferSocial .qrWrap img {
	width:30%;
	height:auto;
	margin:1rem auto;
	display:block;
	border:1px solid #dee2e6;
border-radius:.5rem;
	background-color:#fff;
	box-shadow:0 5px 10px 0 rgba(0, 0, 0, .1)
}
.popupSideNav .popupContent .popupHeader {
	font-size:16px;
	margin-bottom:20px
}
.popupSideNav .popupContent .popupInnerContent ul li {
	font-size:14px;
	color:#000;
	position:relative
}
.popupSideNav .popupContent .popupInnerContent ul li label {
	display:flex;
	padding-left:25px
}
.popupSideNav .popupContent .popupInnerContent ul li input {
	position:absolute;
	opacity:0;
	cursor:pointer
}
.popupSideNav .popupContent .popupInnerContent ul li .checkmark {
	position:absolute;
	top:0;
	left:0;
	height:12px;
	width:12px;
	background-color:#fff;
	border-radius:50%;
	border:2px solid #bdbdbd
}
.popupSideNav .popupContent .popupInnerContent ul li .checkmark:after {
	content:"";
	display:none
}
.popupSideNav .popupContent .popupInnerContent ul li input:checked~.checkmark:after {
display:block
}
.popupSideNav .popupContent .popupInnerContent ul li input:checked~p {
color:#000
}
.popupSideNav .popupContent .popupInnerContent ul li .checkmark:after {
	width:10px;
	height:10px;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:25%;
	transform:translate(-25%, -55%)
}
.popupSideNav .popupContent .buttonContainer {
	display:flex;
	margin-top:15px
}
.popupSideNav .popupContent .buttonContainer .button {
	width:105px;
	padding:10px 0;
	margin-left:5px;
	font-size:14px;
	text-align:center
}
.popupSideNav .popupContent .buttonContainer .button:hover {
	background-color:#f5f5f5;
	font-weight:600;
	border-radius:8px
}
.popupSideNav.popupTimeZone .popupContent {
	width:350px;
	padding:20px 0 20px 15px
}
.popupSideNav.popupTimeZone .popupContent .popupInnerContent {
	max-height:400px;
	overflow-y:scroll
}
.popupSideNav.popupTimeZone .popupContent .popupInnerContent ul li {
	margin-bottom:25px
}
.popupSideNav .popupContent .buttonContainer {
	margin-right:15px;
	justify-content:center
}
.popupSideNav .popupContent .popupInnerContent ul li input:checked~.checkmark {
background-color:#fff;
border:2px solid #0f1868
}
.popupSideNav .popupContent .popupInnerContent ul li .checkmark:after {
	background:#0f1868
}
@media (max-width:767px) {
.popupReferSocial .shareDialog {
width:350px;
height:350px
}
.popupReferSocial .shareDialog header .dialog-link textarea {
width:255px;
overflow:hidden;
height:30px!important;
padding:0
}
.popupReferSocial .shareDialog .targets {
grid-template-columns:repeat(3, 1fr)!important;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8
}
.popupReferSocial .shareDialog .close-button {
text-align:center;
left:30px;
width:auto
}
.popupReferSocial .qrWrap {
width:85%;
padding:2rem 1rem 1rem 1rem;
border-radius:18px
}
.popupReferSocial .qrWrap p {
padding:.3rem;
font-size:16px;
line-height:25px
}
.popupReferSocial .qrWrap img {
width:40%
}
.popupReferSocial .popupContent.qrWrap .buttonContainer span {
font-size:16px;
justify-content:center;
color:#000;
background:linear-gradient(90deg, #4b9bf7, #66d3fa);
border:1px solid #63c2fa;
border-radius:8px
}
.popupSideNav .popupContent {
width:85%
}
.popupSideNav .popupContent .buttonContainer {
margin-top:35px
}
.popupSideNav .popupContent .popupInnerContent ul li {
margin-bottom:15px
}
.popupSideNav .popupContent .popupInnerContent ul li .checkmark:after {
width:9px;
height:9px;
transform:translate(-14%, -52%)
}
.popupSideNav .popupContent .buttonContainer {
justify-content:space-around
}
}
@media (min-width:768px) {
}
@media (min-width:768px) and (max-width:1438px) {
}
@media (min-width:1439px) {
}
@media (min-width:1024px) {
}
.appWrap {
	display:block!important
}
.mainApp:not(.lang-chs):not(.lang-eng) .navWrap>.layout>.flexBox {
width:78%;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-end;
padding-top:12px
}
.mainApp:not(.lang-chs):not(.lang-eng) .nav {
margin-right:0
}
.mainApp:not(.lang-chs) .loginWrap {
margin-left:0
}
.mainApp:not(.lang-chs) .loginedNav .moneyOperate {
align-items:flex-start
}
.mainApp:not(.lang-chs) .loginedNav .moneyOperate>a {
width:45px
}