@import url(_reset.css);@import url(_font-awesome.min.css);@import url("https://fonts.googleapis.com/css?family=Prompt:200,300,400,500,600&subset=thai");@import url(../js/vendor/fancybox/jquery.fancybox.css);.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;width:100%;max-width:1200px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}.container-fluid:before,.container-fluid:after{content:" ";display:table}.container-fluid:after{clear:both}.row{margin-left:-10px;margin-right:-10px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-1{width:8.33333%}.col-xs-2{width:16.66667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333%}.col-xs-5{width:41.66667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333%}.col-xs-8{width:66.66667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333%}.col-xs-11{width:91.66667%}.col-xs-12{width:100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.33333%}.col-xs-pull-2{right:16.66667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.33333%}.col-xs-pull-5{right:41.66667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.33333%}.col-xs-pull-8{right:66.66667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.33333%}.col-xs-pull-11{right:91.66667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.33333%}.col-xs-push-2{left:16.66667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.33333%}.col-xs-push-5{left:41.66667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.33333%}.col-xs-push-8{left:66.66667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.33333%}.col-xs-push-11{left:91.66667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0%}.col-xs-offset-1{margin-left:8.33333%}.col-xs-offset-2{margin-left:16.66667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333%}.col-xs-offset-5{margin-left:41.66667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333%}.col-xs-offset-8{margin-left:66.66667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333%}.col-xs-offset-11{margin-left:91.66667%}.col-xs-offset-12{margin-left:100%}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.33333%}.col-sm-pull-2{right:16.66667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333%}.col-sm-pull-5{right:41.66667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.33333%}.col-sm-pull-8{right:66.66667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333%}.col-sm-pull-11{right:91.66667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.33333%}.col-sm-push-2{left:16.66667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333%}.col-sm-push-5{left:41.66667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.33333%}.col-sm-push-8{left:66.66667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333%}.col-sm-push-11{left:91.66667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-offset-12{margin-left:100%}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.33333%}.col-md-pull-2{right:16.66667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333%}.col-md-pull-5{right:41.66667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.33333%}.col-md-pull-8{right:66.66667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333%}.col-md-pull-11{right:91.66667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.33333%}.col-md-push-2{left:16.66667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333%}.col-md-push-5{left:41.66667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.33333%}.col-md-push-8{left:66.66667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333%}.col-md-push-11{left:91.66667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-offset-12{margin-left:100%}}@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.33333%}.col-lg-pull-2{right:16.66667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333%}.col-lg-pull-5{right:41.66667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.33333%}.col-lg-pull-8{right:66.66667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333%}.col-lg-pull-11{right:91.66667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.33333%}.col-lg-push-2{left:16.66667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333%}.col-lg-push-5{left:41.66667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.33333%}.col-lg-push-8{left:66.66667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333%}.col-lg-push-11{left:91.66667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-offset-12{margin-left:100%}}.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-15{width:20%;float:left}@media (min-width: 768px){.col-sm-15{width:20%;float:left}}@media (min-width: 992px){.col-md-15{width:20%;float:left}}@media (min-width: 1200px){.col-lg-15{width:20%;float:left}}*{box-sizing:border-box}a{text-decoration:none}*,*:focus,a,a:focus{outline:none}img{display:block;max-width:100%}.smooth-img{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1, 1)}.clear,.clearfix:after{clear:both;height:0px;overflow:hidden}.clearfix:after{content:"";display:block}.floatL{float:left}.floatR{float:right}.floatN{float:none}.txtL{text-align:left}.txtR{text-align:right}.txtC{text-align:center}.grayImg{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}.input ::-webkit-input-placeholder{color:#ccc}.input :-moz-placeholder{color:#ccc}.input ::-moz-placeholder{color:#ccc}.input :-ms-input-placeholder{color:#ccc}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #fff inset;-webkit-text-fill-color:#000}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px #fff inset;-webkit-text-fill-color:#000}a{-webkit-transition:all 200ms ease 0s;-moz-transition:all 200ms ease 0s;-ms-transition:all 200ms ease 0s;transition:all 200ms ease 0s}.inb{display:inline-block}.selectbox{position:relative}.selectbox.show-options .sb-options{visibility:visible;opacity:1}.selectbox .sb-selector{display:block;width:100%}.selectbox .sb-options{position:absolute;top:100%;left:0;visibility:hidden;opacity:0}ol,ul{margin:15px 0 30px 15px}ol li,ul li{margin-bottom:5px}ol{list-style:decimal outside none}ul{list-style:disc outside none}p{margin:15px 0}.visible-xs{display:none !important}@media only screen and (max-width: 767px){.visible-xs{display:block !important}}.hidden-xs{display:block !important}@media only screen and (max-width: 767px){.hidden-xs{display:none !important}}.border-radius,.main-header .main-nav,[class^="popup-"] .popupContainer,.popup-select-player .tennis-player .item,.popup-msg,.section-intro .btn-play,.section-play .box-overlay .box-txt .row,.section-play .box-overlay>[class^="popup"],.box-content,.section-score .box-dateSelect-slider .date-item.slick-current .txt{border-radius:7px}.txt-gold{color:#e9cc81}.wta-gd,.section-intro .btn-play,.section-match .box-match-date a.slick-current>span{background:#b1914c;background:-moz-linear-gradient(top, #b1914c 0%, #e9cb81 28%, #fff 51%, #e9cb81 71%, #987931 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, #b1914c), color-stop(28%, #e9cb81), color-stop(51%, #fff), color-stop(71%, #e9cb81), color-stop(100%, #987931));background:-webkit-linear-gradient(top, #b1914c 0%, #e9cb81 28%, #fff 51%, #e9cb81 71%, #987931 100%);background:-o-linear-gradient(top, #b1914c 0%, #e9cb81 28%, #fff 51%, #e9cb81 71%, #987931 100%);background:-ms-linear-gradient(top, #b1914c 0%, #e9cb81 28%, #fff 51%, #e9cb81 71%, #987931 100%);background:linear-gradient(to bottom, #b1914c 0%, #e9cb81 28%, #fff 51%, #e9cb81 71%, #987931 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1914c', endColorstr='#987931', GradientType=0 )}.txt-gd,.head-section,.section-score .tbl-ranking thead th strong,.section-winners h1,.section-winners h2,.box-match .match-item .box-center .box-score{background:#b1914c;background:-moz-linear-gradient(top, #b1914c 0%, #b1914c 18%, #ffeaba 39%, #e9cb81 54%, #987931 86%, #987931 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, #b1914c), color-stop(18%, #b1914c), color-stop(39%, #ffeaba), color-stop(54%, #e9cb81), color-stop(86%, #987931), color-stop(100%, #987931));background:-webkit-linear-gradient(top, #b1914c 0%, #b1914c 18%, #ffeaba 39%, #e9cb81 54%, #987931 86%, #987931 100%);background:-o-linear-gradient(top, #b1914c 0%, #b1914c 18%, #ffeaba 39%, #e9cb81 54%, #987931 86%, #987931 100%);background:-ms-linear-gradient(top, #b1914c 0%, #b1914c 18%, #ffeaba 39%, #e9cb81 54%, #987931 86%, #987931 100%);background:linear-gradient(to bottom, #b1914c 0%, #b1914c 18%, #ffeaba 39%, #e9cb81 54%, #987931 86%, #987931 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1914c', endColorstr='#987931', GradientType=0 );-webkit-background-clip:text;-webkit-text-fill-color:transparent}.grayBall,.section-play .box-tennis-ball.selected .tennis-ball .box-img img,.section-score .box-score .tennis-ball .box-img img{-webkit-filter:grayscale(70%);filter:grayscale(70%)}.grayNone{-webkit-filter:grayscale(0);filter:grayscale(0)}.flipInX,.section-play .box-tennis-ball .box-total-score .txt-total-score{-webkit-backface-visibility:visible !important;backface-visibility:visible !important}[class^="btn"]{cursor:pointer;display:inline-block}.btn-solid{font-family:"Prompt",sans-serif;border-radius:3px;color:#fff;font-weight:600;font-size:16px;padding:7px 30px;border:none;overflow:hidden;position:relative;text-align:center;text-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:1px 1px 0 rgba(0,0,0,0.1)}.btn-solid:hover{text-shadow:0 0 3px rgba(0,0,0,0.6)}.btn-solid:hover:after{opacity:1}.btn-solid span{display:block;position:relative;font-weight:400;z-index:2}.btn-solid:after{background-color:rgba(0,0,0,0.1);position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;display:block;content:"";opacity:0}.btn-signin{background-color:#330072}.box-btn{margin:15px 0}@media only screen and (min-width: 992px){.elm-ani{opacity:0.2;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:500ms all ease;-moz-transition:500ms all ease;-ms-transition:500ms all ease;transition:500ms all ease}.elm-ani.show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.btn-menu{background-color:rgba(219,11,91,0.9);width:45px;height:45px;position:absolute;position:fixed;top:10px;right:10px;z-index:1000;display:block;border-radius:50%;overflow:hidden}.btn-menu span{display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:350ms all cubic-bezier(0.68, -0.55, 0.265, 1.55);-moz-transition:350ms all cubic-bezier(0.68, -0.55, 0.265, 1.55);-ms-transition:350ms all cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:350ms all cubic-bezier(0.68, -0.55, 0.265, 1.55)}.btn-menu span.active{background:url("../img/close.svg") 50% 50%/30px auto no-repeat;opacity:0;visibility:hidden;-webkit-transform:scale(0.3);-moz-transform:scale(0.3);-ms-transform:scale(0.3);transform:scale(0.3)}.btn-menu span.inactive{background:url("../img/menu.svg") 50% 50%/26px auto no-repeat;opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.show-menu .btn-menu span.inactive{opacity:0;visibility:hidden;-webkit-transform:scale(0.3);-moz-transform:scale(0.3);-ms-transform:scale(0.3);transform:scale(0.3)}.show-menu .btn-menu span.active{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[class^='section']{padding:50px 0;margin-left:0}@media only screen and (max-width: 767px){[class^='section']{padding:15px 0;margin-left:0}}@media only screen and (min-width: 992px){[class^='section']{margin-left:8.3333%}}html:not(.signup-page){background-image:url("../img/bg_tennis-court.png");background-position:50% 50%;background-size:100% auto;background-attachment:fixed;background-color:#1f0052;background-repeat:no-repeat;min-height:100vh;width:100%}body{font-family:"Prompt",sans-serif;line-height:1.4;color:#fff;font-size:16px;font-weight:300}@media only screen and (max-width: 767px){body{font-size:16px}}.signup-page{background-color:#f1f1f1}.signup-page body{color:#500878}.box-banner{display:none}.box-banner a{background-color:#000;display:block;margin-bottom:5px}.box-banner a:hover img{opacity:0.9}@media only screen and (min-width: 768px){.box-banner{position:fixed;top:50%;right:0;width:198px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:101;visibility:hidden}.box-banner.show{visibility:visible}.box-banner.show .inner{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.box-banner .inner{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;transition:all 350ms ease}}@media only screen and (max-width: 767px){.box-banner{position:static;width:100%;max-width:198px;margin:20px auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.main-footer{background-color:#330072}.main-footer .copyright{display:block;padding:15px 0;text-align:center;font-size:12px}@media only screen and (max-width: 767px){.main-footer .copyright{font-size:10px}}.main-footer .copyright a{color:#fff;display:inline-block;margin:0 5px}.main-header{position:fixed;top:20px;left:0;width:100%;z-index:100}@media only screen and (min-width: 768px){.main-header.style2{background-color:rgba(75,0,198,0.9);top:0}.main-header.style2 .main-nav{background-color:rgba(75,0,198,0)}.main-header.style2 .main-nav>a{font-size:14px;padding:10px}}@media only screen and (min-width: 992px){.main-header .container{opacity:0;visibility:hidden;-webkit-transition:650ms all cubic-bezier(0.645, 0.045, 0.355, 1) 350ms;-moz-transition:650ms all cubic-bezier(0.645, 0.045, 0.355, 1) 350ms;-ms-transition:650ms all cubic-bezier(0.645, 0.045, 0.355, 1) 350ms;transition:650ms all cubic-bezier(0.645, 0.045, 0.355, 1) 350ms;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}.isLoaded .main-header .container{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.main-header .main-nav{background-color:rgba(75,0,198,0.9);text-align:center;-webkit-transition:all 200ms ease 0s;-moz-transition:all 200ms ease 0s;-ms-transition:all 200ms ease 0s;transition:all 200ms ease 0s}.main-header .main-nav>a{display:inline-block;padding:20px 10px;margin:0 10px;color:#fff;font-size:16px;position:relative}.main-header .main-nav>a:after{content:"";display:block;width:100%;height:0;background-color:#e9cc81;position:absolute;left:0;bottom:0;-webkit-transition:150ms all ease;-moz-transition:150ms all ease;-ms-transition:150ms all ease;transition:150ms all ease}@media only screen and (max-width: 767px){.main-header .main-nav>a:after{display:none}}.main-header .main-nav>a:hover:after,.main-header .main-nav>a.active:after{height:4px}@media only screen and (max-width: 767px){.main-header .main-nav>a.active{background-color:rgba(177,145,46,0.8);border-radius:5px}}.main-header .main-nav>a.link:after{display:none}.main-header .main-nav>a.link:hover{background-color:#db0b5b}.main-header .main-nav .box-lang{display:inline-block}.main-header .main-nav .box-lang a{font-size:12px;width:35px;height:35px;display:inline-block;line-height:35px;color:#fff;border-radius:50%}.main-header .main-nav .box-lang a:hover{background-color:rgba(0,0,0,0.2)}.main-header .main-nav .box-lang a.activated,.main-header .main-nav .box-lang a.activated:hover{background-color:#db0b5b}@media only screen and (max-width: 767px){.main-header .main-nav .box-lang{display:block;text-align:center}.main-header .main-nav .box-lang a{font-size:16px !important;width:40px !important;height:40px !important;line-height:40px !important}}@media only screen and (min-width: 768px) and (max-width: 991px){.main-header{height:50px}.main-header .main-nav>a{padding:15px 0 !important;font-size:14px}}@media only screen and (max-width: 767px){.main-header{background-color:rgba(51,0,114,0.95);position:fixed;width:100%;height:100%;z-index:999;top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:350ms all ease;-moz-transition:350ms all ease;-ms-transition:350ms all ease;transition:350ms all ease}.show-menu .main-header{opacity:1;visibility:visible}.show-menu .main-header .container{-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.main-header .container{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%) scale(0.9);-moz-transform:translateY(-50%) scale(0.9);-ms-transform:translateY(-50%) scale(0.9);transform:translateY(-50%) scale(0.9);-webkit-transition:350ms all ease;-moz-transition:350ms all ease;-ms-transition:350ms all ease;transition:350ms all ease}.main-header .container .main-nav{background-color:transparent}.main-header .container .main-nav>a{display:block;font-size:18px}}.main-header.style2 .box-lang a{width:30px;height:30px;line-height:30px;padding:0}.form{width:100%;max-width:400px;margin:0 auto}.form:before,.form:after{content:" ";display:table}.form:after{clear:both}.form .container-fluid>.row{margin-bottom:5px}.form .txt-label{font-weight:500}.form .input{margin:5px 0}.form .box-input.require .input-txt{background-color:#ffe5e5;border:1px solid #f00}.form .input-txt{border:1px solid #aaa;width:100%;padding:5px 10px;font-size:14px}.form .input-txt:focus{border:1px solid #666}.form .box-input-row{margin:0 -10px}.form .box-input-row:before,.form .box-input-row:after{content:" ";display:table}.form .box-input-row:after{clear:both}.form .col-2{float:left;padding:0 10px;width:50%}.form .txt-remark{font-family:'tahoma',sans-serif;display:block;color:#999;font-size:12px;font-style:italic;clear:both}.form .box-radio{padding:5px 0}.form .box-radio label{display:inline-block;margin-right:20px;cursor:pointer;vertical-align:middle}.form .box-radio input{vertical-align:middle;margin-right:5px}.form [class^="btn"]{cursor:pointer}.form [class^="btn"].btn-check{border:none;background:transparent;font-weight:700;text-decoration:underline}.form [class^="btn"].btn-submit{background-color:#00a523;color:#fff;font-size:16px;border:none;display:inline-block;padding:10px 25px;border-radius:3px;text-shadow:0 0 2px rgba(0,0,0,0.5)}.form .head{margin:20px 10px;font-size:20px;font-weight:500;border-bottom:2px solid #330072;color:#330072}.form .subhead{margin:10px 0;font-size:16px;font-weight:500;padding-bottom:5px;border-bottom:1px solid #330072}[class^="popup-"]{color:#330072;padding:10px}@media only screen and (max-width: 767px){[class^="popup-"]{max-width:100%}}[class^="popup-"] .head{font-size:22px;text-align:center;font-weight:600;margin-bottom:20px}[class^="popup-"] .popupContainer{background-color:#f1f1f1;padding:40px}@media only screen and (max-width: 767px){[class^="popup-"] .popupContainer{padding:20px}}.popup-signup .form{width:100%;max-width:400px;margin:0 auto}@media only screen and (max-width: 767px){.popup-signup .form{max-width:100%}}.popup-signin{width:780px}.popup-signin .form{width:250px}@media only screen and (max-width: 767px){.popup-signin .form{width:100%}}.popup-signin .form small a{color:#666}.popup-signin .subhead{font-size:16px;text-align:center;font-weight:500;margin:-10px 0 15px 0;color:#333}.popup-signin .btn-signin{margin-top:10px}.popup-signin .row{margin-bottom:10px;margin-left:0;margin-right:0}.popup-signin .btn-signup{background-color:#00a523}.popup-signin label{margin-bottom:5px;display:block}.popup-signin .box-signin{border-right:1px solid #ccc}@media only screen and (max-width: 767px){.popup-signin .box-signin{border:none;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px}}.popup-select-player{background-image:url("../img/bg_tennis-court.png");background-position:50% 50%;background-size:100% auto;background-color:#1f0052;background-repeat:no-repeat;width:700px}.popup-select-player .popupContainer{background-color:transparent !important;padding:20px 40px;color:#e9cc81}@media only screen and (max-width: 767px){.popup-select-player .popupContainer{padding:20px}}.popup-select-player .head{font-size:20px;color:#b1914c}.popup-select-player .form{max-width:none}.popup-select-player .tennis-player{padding:0 40px 30px 40px;opacity:0;visibility:hidden;height:1px;overflow:hidden}.popup-select-player .tennis-player.slick-initialized{opacity:1;visibility:visible;height:auto;overflow:visible}.popup-select-player .tennis-player .item{padding:10px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}.popup-select-player .tennis-player .item.active{background-color:#db0b5b}.popup-select-player .tennis-player .item.active:hover .box-img{opacity:1}.popup-select-player .tennis-player .item:hover .box-img{opacity:0.9}.popup-select-player .tennis-player .item span{display:block;text-align:center}.popup-select-player .tennis-player .item .box-name{color:#e9cc81;font-size:12px;font-weight:400;margin-top:10px;min-height:32px}.popup-select-player .btn-confirm{background-color:#00a523}.popup-select-player .txt-label{margin-bottom:5px;font-size:14px;display:block}.popup-msg{text-align:center}.popup-msg .popupContainer{padding:40px 80px}.popup-msg .head{font-size:35px;font-weight:500;white-space:nowrap}.popup-msg .msg{font-size:24px;font-weight:400;color:#333}.popup-msg .msg-small{font-size:18px;font-weight:400;color:#333}.popup-msg strong{font-weight:600;color:#330072}.section-intro{background:url("../img/bg_intro.jpg") 50% 50%/cover no-repeat;height:100vh;padding-top:100px;margin-left:0 !important}.section-intro.p2{background:none;background-color:#100034;height:auto;padding-top:30px;padding-bottom:0}@media only screen and (min-width: 992px){.section-intro{opacity:0;visibility:hidden;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:850ms all cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:850ms all cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:850ms all cubic-bezier(0.645, 0.045, 0.355, 1);transition:850ms all cubic-bezier(0.645, 0.045, 0.355, 1)}html.isLoaded .section-intro{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@media only screen and (min-height: 750px){.section-intro{padding-top:150px}}.section-intro .elm{opacity:0;visibility:hidden;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:850ms all cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:850ms all cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:850ms all cubic-bezier(0.645, 0.045, 0.355, 1);transition:850ms all cubic-bezier(0.645, 0.045, 0.355, 1)}.isLoaded .section-intro .elm{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.section-intro .txt-kv{width:90%}.section-intro .txt-intro{-webkit-transform-origin:0 0;transform-origin:0 0}.section-intro .txt-intro .box-txt-1{position:relative;margin:20px 0;font-size:18px;font-weight:300;padding-left:20px}@media only screen and (max-width: 767px){.section-intro .txt-intro .box-txt-1{font-size:14px;padding:0;margin-top:0}}.section-intro .txt-intro .box-txt-1:before{width:1px;height:40%;position:absolute;left:0;top:10px;background-color:#e9cc81;content:"";display:block}@media only screen and (max-width: 767px){.section-intro .txt-intro .box-txt-1:before{display:none}}.section-intro .txt-intro .box-txt-1 .txt-gold{font-size:28px;font-weight:200;display:block;text-transform:uppercase}@media only screen and (max-width: 767px){.section-intro .txt-intro .box-txt-1 .txt-gold{font-size:20px}}.section-intro .txt-intro .box-txt-2{position:relative;margin:20px 0;font-size:18px;font-weight:300}@media only screen and (max-width: 767px){.section-intro .txt-intro .box-txt-2{font-size:14px;margin-top:10px}}.section-intro .txt-intro .box-txt-2 .txt-white{display:block}.section-intro .txt-intro .box-txt-2 .txt-gold{font-size:36px;font-weight:200;display:inline-block;line-height:1;margin-bottom:10px;position:relative}@media only screen and (max-width: 767px){.section-intro .txt-intro .box-txt-2 .txt-gold{font-size:28px;padding-right:70px}}.section-intro .txt-intro .box-txt-2 .txt-gold strong{font-size:50px;display:block;position:relative;z-index:3}@media only screen and (max-width: 767px){.section-intro .txt-intro .box-txt-2 .txt-gold strong{font-size:30px}}.section-intro .txt-intro .box-txt-2 .txt-gold .txt-free{position:absolute;text-indent:-9999px;right:0;top:-35px;display:block;width:80px;height:80px}@media only screen and (max-width: 767px){.section-intro .txt-intro .box-txt-2 .txt-gold .txt-free{right:0;top:0px;width:60px;height:60px}}.section-intro .txt-intro .box-txt-2 .txt-gold .txt-free:before{text-indent:0;font-weight:300;font-size:40px;color:#fff;content:"FREE";display:block;line-height:80px;text-align:center;width:80px;position:absolute;top:5px;left:-10px;font-style:italic;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);z-index:2;letter-spacing:2px}@media only screen and (max-width: 767px){.section-intro .txt-intro .box-txt-2 .txt-gold .txt-free:before{font-size:24px;line-height:60px}}.section-intro .txt-intro .box-txt-2 .txt-gold .txt-free:after{background-color:#4c00ff;opacity:0.8;width:80px;height:80px;border-radius:50%;content:"";display:block;position:absolute;top:0;left:0;z-index:1}@media only screen and (max-width: 767px){.section-intro .txt-intro .box-txt-2 .txt-gold .txt-free:after{width:60px;height:60px}}.section-intro .box-txt-kv{position:relative}@media only screen and (max-width: 767px){.section-intro .box-txt-kv{position:inherit}}.section-intro .box-txt-kv .btn-popup-vdo{position:absolute;right:0;top:0;width:220px;overflow:hidden;margin-top:20px}.section-intro .box-txt-kv .btn-popup-vdo img{-webkit-transition:1s all ease;-moz-transition:1s all ease;-ms-transition:1s all ease;transition:1s all ease}.section-intro .box-txt-kv .btn-popup-vdo:hover:after{opacity:0}.section-intro .box-txt-kv .btn-popup-vdo:hover:before{opacity:0.95}.section-intro .box-txt-kv .btn-popup-vdo:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.section-intro .box-txt-kv .btn-popup-vdo:before{background:#fff;content:"\f144";font-family:"fontawesome";font-size:50px;position:absolute;top:50%;left:50%;color:#db0b5b;width:39px;height:39px;line-height:40px;border-radius:50%;z-index:2;display:block;opacity:0.8;-webkit-transition:350ms all ease;-moz-transition:350ms all ease;-ms-transition:350ms all ease;transition:350ms all ease;-webkit-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.section-intro .box-txt-kv .btn-popup-vdo:after{background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;content:"";-webkit-transition:350ms all ease;-moz-transition:350ms all ease;-ms-transition:350ms all ease;transition:350ms all ease}.section-intro .btn-play{font-size:28px;padding:5px 30px;color:#160341;font-weight:600;border:1px solid #e9cc81}.section-intro .btn-play:hover{background:#e9cc81;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}.section-intro .btn-play.sty2{font-size:20px}@media only screen and (max-width: 767px){.section-intro{background:url("../img/bg_intro-m.jpg") 50% 0/100% auto no-repeat #1f0052;padding-top:65%;text-align:center;height:auto;min-height:100vh}.section-intro.p2{background:none;padding-top:0;min-height:auto}.section-intro br{display:none}.section-intro .txt-kv{width:100%}.section-intro .box-txt-kv .btn-popup-vdo{width:60px;height:60px;top:-120%;left:50%;margin-top:-30px;margin-left:-30px}.section-intro .box-txt-kv .btn-popup-vdo img{display:none}.section-intro .box-txt-kv .btn-popup-vdo:before{background:none;color:#fff}.section-intro .box-txt-kv .btn-popup-vdo:after{display:none}}@media only screen and (min-height: 750px){.section-intro .txt-intro .box-txt-1,.section-intro .txt-intro .box-txt-2{margin:40px 0}.section-intro .txt-kv{width:100%}}.section-play{position:relative}.section-play .header{color:#e9cc81;padding:0 30px;margin:15px 0 50px 0;line-height:1}.section-play .header:before,.section-play .header:after{content:" ";display:table}.section-play .header:after{clear:both}@media only screen and (max-width: 767px){.section-play .header{padding:0}}.section-play .header .datetime,.section-play .header .head{float:left;display:block;text-align:center}.section-play .header .datetime{font-weight:200;position:relative;font-size:30px;margin-top:10px;width:45%}.section-play .header .datetime:before,.section-play .header .datetime:after{content:" ";display:table}.section-play .header .datetime:after{clear:both}@media only screen and (max-width: 767px){.section-play .header .datetime{font-size:20px;width:100%}}.section-play .header .datetime .d{color:#fff;display:inline-block;vertical-align:middle}.section-play .header .datetime .my{color:#e9cc81;display:inline-block;vertical-align:middle}.section-play .header .head{width:55%;font-size:45px;text-align:center;border-right:1px solid #b1914c}@media only screen and (max-width: 767px){.section-play .header .head{font-size:30px;border-right:none;width:100%}}.section-play .header .head.head-bonus{color:#db0b5b;border:none;font-weight:600}.section-play .tennis-ball-container{position:relative}.section-play .tennis-ball-container:before,.section-play .tennis-ball-container:after{content:" ";display:table}.section-play .tennis-ball-container:after{clear:both}.section-play .box-tennis-ball:before,.section-play .box-tennis-ball:after{content:" ";display:table}.section-play .box-tennis-ball:after{clear:both}.section-play .box-tennis-ball.selected{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0) scale(1.5);-moz-transform:translate3d(-50%, -50%, 0) scale(1.5);-ms-transform:translate3d(-50%, -50%, 0) scale(1.5);transform:translate3d(-50%, -50%, 0) scale(1.5)}.section-play .box-tennis-ball.selected .tennis-ball{cursor:default;-webkit-animation:650ms ease 1 bounceIn;-moz-animation:650ms ease 1 bounceIn;-ms-animation:650ms ease 1 bounceIn;animation:650ms ease 1 bounceIn}.section-play .box-tennis-ball.selected .tennis-ball .txt-score-inner{-webkit-animation:650ms ease 1 bounceIn forwards 350ms;-moz-animation:650ms ease 1 bounceIn forwards 350ms;-ms-animation:650ms ease 1 bounceIn forwards 350ms;animation:650ms ease 1 bounceIn forwards 350ms}.section-play .box-tennis-ball.selected .tennis-ball .box-img img{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}@media only screen and (max-width: 767px){.section-play .box-tennis-ball.selected{-webkit-transform:translate3d(-50%, -50%, 0) scale(2.5);-moz-transform:translate3d(-50%, -50%, 0) scale(2.5);-ms-transform:translate3d(-50%, -50%, 0) scale(2.5);transform:translate3d(-50%, -50%, 0) scale(2.5)}}.section-play .box-tennis-ball.remove-1{-webkit-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 0ms 1 forwards;-moz-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 0ms 1 forwards;-ms-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 0ms 1 forwards;animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 0ms 1 forwards}.section-play .box-tennis-ball.remove-2{-webkit-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 150ms 1 forwards;-moz-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 150ms 1 forwards;-ms-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 150ms 1 forwards;animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 150ms 1 forwards}.section-play .box-tennis-ball.remove-3{-webkit-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 300ms 1 forwards;-moz-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 300ms 1 forwards;-ms-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 300ms 1 forwards;animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 300ms 1 forwards}.section-play .box-tennis-ball.remove-4{-webkit-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 450ms 1 forwards;-moz-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 450ms 1 forwards;-ms-animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 450ms 1 forwards;animation:zoomOut 450ms cubic-bezier(0.77, 0, 0.175, 1) 450ms 1 forwards}.section-play .box-tennis-ball.remove-1 a,.section-play .box-tennis-ball.remove-2 a,.section-play .box-tennis-ball.remove-3 a,.section-play .box-tennis-ball.remove-4 a{cursor:default}.section-play .box-tennis-ball .tennis-ball .box-img img{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transition:350ms all cubic-bezier(0.68, -0.55, 0.265, 1.55);-moz-transition:350ms all cubic-bezier(0.68, -0.55, 0.265, 1.55);-ms-transition:350ms all cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:350ms all cubic-bezier(0.68, -0.55, 0.265, 1.55)}.section-play .box-tennis-ball .tennis-ball:hover .box-img img{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}.section-play .box-tennis-ball .tennis-ball .txt-score-inner{display:block;opacity:0}.section-play .box-tennis-ball .txt-score strong{font-size:75px}@media only screen and (max-width: 767px){.section-play .box-tennis-ball .txt-score{font-size:10px}.section-play .box-tennis-ball .txt-score strong{font-size:40px}}.section-play .box-tennis-ball .box-total-score{position:absolute;left:50%;bottom:-10px;-webkit-transform:translate3d(-50%, 100%, 0) scale(1);-moz-transform:translate3d(-50%, 100%, 0) scale(1);-ms-transform:translate3d(-50%, 100%, 0) scale(1);transform:translate3d(-50%, 100%, 0) scale(1);-webkit-transform-origin:50% 0%;transform-origin:50% 0%}@media only screen and (max-width: 767px){.section-play .box-tennis-ball .box-total-score{-webkit-transform:translate3d(-50%, 100%, 0) scale(0.5);-moz-transform:translate3d(-50%, 100%, 0) scale(0.5);-ms-transform:translate3d(-50%, 100%, 0) scale(0.5);transform:translate3d(-50%, 100%, 0) scale(0.5)}}.section-play .box-tennis-ball .box-total-score .txt-total-score{background-color:rgba(177,145,46,0.8);padding:10px 20px;font-size:14px;white-space:nowrap;border-radius:3px;text-shadow:1px 1px 0 rgba(0,0,0,0.4);letter-spacing:1px;font-weight:400;-webkit-animation:flipInX 850ms ease 1 forwards;-moz-animation:flipInX 850ms ease 1 forwards;-ms-animation:flipInX 850ms ease 1 forwards;animation:flipInX 850ms ease 1 forwards}.section-play .box-tennis-ball .box-total-score .txt-total-score .txt-your-score{font-weight:600;color:#330072;display:inline-block;text-shadow:none}.section-play .txt-remark{font-weight:300}.section-play .box-overlay{background-color:rgba(0,0,0,0.9);position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;padding:0 20px;-webkit-transition:350ms all ease;-moz-transition:350ms all ease;-ms-transition:350ms all ease;transition:350ms all ease;opacity:0;visibility:hidden}.section-play .box-overlay.show,.section-play .box-overlay.box-form{opacity:1;visibility:visible}.section-play .box-overlay .box-txt{position:absolute;top:50%;left:50%;text-align:center;color:#333;padding:10px;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.section-play .box-overlay .box-txt .row{padding:50px;background-color:#f1f1f1}.section-play .box-overlay .box-txt h1{font-size:24px;margin:0 0 15px 0;font-weight:500;color:#330072}@media only screen and (min-width: 768px){.section-play .box-overlay .box-txt h1{white-space:nowrap}}.section-play .box-overlay .box-txt p{font-size:18px}@media only screen and (max-width: 767px){.section-play .box-overlay .box-txt{width:100%}.section-play .box-overlay .box-txt .row{padding:20px;margin:0}.section-play .box-overlay .box-txt p{font-size:16px}}.section-play .box-overlay>[class^="popup"]{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.section-play .countdown-timer{text-align:center}.section-play .countdown-timer div{display:inline-block;margin:0 5px;position:relative}.section-play .countdown-timer .h+.m:before,.section-play .countdown-timer .s:before{content:":";font-size:24px;display:block;position:absolute;left:-10px;top:10px;color:#330072}.section-play .countdown-timer .num{background-color:#330072;font-size:24px;font-weight:600;display:block;color:#fff;min-width:50px;padding:10px 5px;border-radius:3px}.section-play .countdown-timer .txt{margin-top:5px;font-size:14px;display:block;font-weight:500}.box-tennis-ball{width:25%;float:left;position:relative;padding:15px}@media only screen and (max-width: 767px){.box-tennis-ball{width:33.3333%;padding:10px}}@media only screen and (min-width: 992px){.box-tennis-ball{padding:15px 30px 15px 60px}}@media only screen and (min-height: 750px){.box-tennis-ball{padding:15px 30px}}.box-tennis-ball .tennis-ball{position:relative;display:block}.box-tennis-ball .box-img{display:block;position:relative}.box-tennis-ball .box-img img{display:block}.box-tennis-ball .box-txt{position:absolute;font-weight:200;font-size:30px;text-align:center;background-color:rgba(177,145,46,0.8);color:#fff;text-transform:uppercase;top:-20px;right:-20px;width:50px;height:50px;border-radius:50%;line-height:50px;display:block}.bonus-container .box-tennis-ball .box-txt{background-color:#db0b5b;opacity:0.8}@media only screen and (max-width: 767px){.box-tennis-ball .box-txt{font-size:18px;top:-15px;right:-15px;width:35px;height:35px;line-height:35px}}.box-tennis-ball .txt-score{display:block;font-size:16px;text-align:center;width:100%;position:absolute;left:0;top:50%;z-index:3;color:#201547;font-weight:500;line-height:1;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 767px){.box-tennis-ball .txt-score{font-size:14px}}.box-tennis-ball .txt-score strong{font-size:45px;display:block;font-weight:500}@media only screen and (max-width: 767px){.box-tennis-ball .txt-score strong{font-size:30px}}.box-content{background-color:rgba(0,0,0,0.3);padding:20px 45px}.box-content ol{margin:15px 0 30px 15px}@media only screen and (max-width: 767px){.box-content{padding:20px}}.head-section{font-size:30px;margin-bottom:20px}.head-section *{font-weight:600}@media only screen and (max-width: 767px){.head-section{font-size:22px}}.section-howToPlay .box-txt-bonus{background-color:rgba(0,0,0,0.3);padding:20px 0;margin:20px -45px -20px -45px;border-radius:0 0 7px 7px}.section-howToPlay .box-txt-bonus .head-section{font-size:40px;line-height:1.2}.section-howToPlay .box-txt-bonus .head-section span{display:block;font-size:24px;-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:#e9cc81}.section-howToPlay .box-txt-bonus p{font-size:18px}@media only screen and (max-width: 767px){.section-howToPlay .box-txt-bonus{margin:20px -20px -20px -20px;padding:15px}.section-howToPlay .box-txt-bonus .head-section{font-size:24px}.section-howToPlay .box-txt-bonus .head-section span{font-size:18px}.section-howToPlay .box-txt-bonus p{font-size:16px}}.section-score .tabbox .tb-select{list-style:none;margin:0;border-bottom:1px solid #e9cc81}.section-score .tabbox .tb-select:before,.section-score .tabbox .tb-select:after{content:" ";display:table}.section-score .tabbox .tb-select:after{clear:both}.section-score .tabbox .tb-select li{width:50%;float:left;text-align:center;margin:0}.section-score .tabbox .tb-select li.active a{font-size:30px;opacity:1;border-bottom:3px solid #e9cc81}.section-score .tabbox .tb-select li:hover a{opacity:1}.section-score .tabbox .tb-select li a{font-size:25px;color:#e9cc81;opacity:0.5;line-height:50px;height:50px;display:block}.section-score .tabbox .tb-select li a img{display:inline-block;height:45px;vertical-align:top}.section-score .tabbox .tb-select li a span{display:inline-block;vertical-align:top}@media only screen and (max-width: 767px){.section-score .tabbox .tb-select li a{font-size:16px !important}.section-score .tabbox .tb-select li a img{display:none}}.section-score .box-score{padding-top:20px}.section-score .box-score:before,.section-score .box-score:after{content:" ";display:table}.section-score .box-score:after{clear:both}.section-score .box-score .tennis-ball .box-img img{display:block}@media only screen and (max-width: 767px){.section-score .box-score{padding-right:10px}}.section-score .box-dateSelect-slider{margin:20px 0}.section-score .box-dateSelect-slider .date-item{display:block;font-size:26px;font-weight:200;text-align:center;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}.section-score .box-dateSelect-slider .date-item.slick-current{font-weight:300}.section-score .box-dateSelect-slider .date-item.slick-current .txt{opacity:1}.section-score .box-dateSelect-slider .date-item .txt{display:block;opacity:0.3}.section-score .box-dateSelect-slider .date-item .txt:hover{opacity:1}.section-score .box-dateSelect-slider .date-item .d{color:#fff}.section-score .box-dateSelect-slider .date-item .my{color:#e9cc81;display:inline-block;padding-left:5px;font-size:22px}@media only screen and (max-width: 767px){.section-score .box-dateSelect-slider .date-item .my{font-size:16px}.section-score .box-dateSelect-slider .date-item .my .y{display:block}}.section-score .box-dateSelect-slider .slick-list{overflow:hidden}.section-score .box-dateSelect-slider .slick-prev{left:-40px}@media only screen and (max-width: 767px){.section-score .box-dateSelect-slider .slick-prev{left:-5px}}.section-score .box-dateSelect-slider .slick-next{right:-40px}@media only screen and (max-width: 767px){.section-score .box-dateSelect-slider .slick-next{right:-5px}}.section-score .tbl-ranking{margin:30px 0 50px 0;position:relative;font-weight:300}.section-score .tbl-ranking caption{display:table-caption;text-align:center;position:absolute;bottom:-40px;left:0;width:100%}.section-score .tbl-ranking .col-name{text-align:left}.section-score .tbl-ranking thead th{padding:10px 0;background-color:rgba(0,0,0,0.3);text-align:center}.section-score .tbl-ranking thead th strong{font-size:20px;display:block;font-weight:500}@media only screen and (max-width: 767px){.section-score .tbl-ranking thead th strong{font-size:14px}}.section-score .tbl-ranking thead th:first-child{border-radius:7px 0 0 7px}.section-score .tbl-ranking thead th:last-child{border-radius:0 7px 7px 0}.section-score .tbl-ranking tbody td{font-size:16px;padding:7px 0;text-align:center;vertical-align:middle}@media only screen and (max-width: 767px){.section-score .tbl-ranking tbody td{font-size:12px}}.section-score .tbl-ranking tbody tr:first-child .num{width:25px;height:25px;line-height:25px;border-radius:50%;text-align:center;display:inline-block;background-color:rgba(177,145,46,0.8)}@media only screen and (max-width: 767px){.section-score .tbl-ranking tbody tr:first-child .num{width:20px;height:20px;line-height:20px}}.section-score .tbl-ranking tbody .crown{margin-right:10px}.section-score .tbl-ranking .your-ranking td{padding:10px 0;text-align:center;background-color:rgba(177,145,46,0.5)}.section-score .tbl-ranking .your-ranking td:first-child{border-radius:7px 0 0 7px}.section-score .tbl-ranking .your-ranking td:last-child{border-radius:0 7px 7px 0}.section-score .tbl-ranking .your-ranking .crown{margin-right:10px}.section-score .tbl-ranking .your-ranking .col-name{text-align:left}.section-score .tbl-ranking .crown{width:24px;display:inline-block;vertical-align:middle;margin-top:-5px}.section-rules{padding-bottom:50px}.section-rules h3{font-size:22px;margin:15px 0 5px 0}.section-rules p{margin:5px 0 15px 0}.relate-news{background-color:#3e00a3;padding:30px 0;position:relative;z-index:102}.relate-news .header{position:relative;margin-bottom:10px}.relate-news .header:after{background-color:#8857d7;width:100%;height:1px;position:absolute;bottom:14px;left:0;content:"";display:block;z-index:1}.relate-news .header .head{font-size:38px;font-weight:600;color:#fff;float:left;background-color:#3e00a3;position:relative;z-index:2;padding-right:10px}.relate-news .header .head span{color:#db0b5b}.relate-news .header a{float:right;color:#fff;font-style:italic;font-size:12px;line-height:45px}.relate-news .box-article{margin-bottom:20px}.relate-news .box-article .slick-dots{bottom:-20px}.relate-news .article-item{margin-bottom:15px;display:block;padding:0 10px}.relate-news .article-item:before,.relate-news .article-item:after{content:" ";display:table}.relate-news .article-item:after{clear:both}.relate-news .article-item:hover .headline{text-decoration:underline}.relate-news .article-item:hover .box-img img{opacity:0.9}.relate-news .article-item .box-img,.relate-news .article-item .box-txt{float:left;width:50%}@media only screen and (max-width: 767px){.relate-news .article-item .box-img,.relate-news .article-item .box-txt{width:100%}}.relate-news .article-item .box-img{background-color:#fff}.relate-news .article-item .box-txt{padding-left:20px}@media only screen and (max-width: 767px){.relate-news .article-item .box-txt{margin-top:10px;padding:0}}.relate-news .article-item .headline{font-size:15px;color:#fff;height:81px;overflow:hidden;margin-bottom:15px}@media only screen and (max-width: 767px){.relate-news .article-item .headline{height:auto}}.relate-news .article-item .cate{background-color:#00d8ff;font-size:11px;display:inline-block;padding:2px 5px 0 5px;color:#000;font-weight:600}.box-preload{background-color:#1f0052;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1001}.box-preload:after{background-color:rgba(0,0,0,0.7);width:100%;height:100%;top:0;left:0;position:absolute;z-index:1;content:"";display:block}.box-preload.hide{opacity:0;visibility:hidden;-webkit-transition:350ms all ease 350ms;-moz-transition:350ms all ease 350ms;-ms-transition:350ms all ease 350ms;transition:350ms all ease 350ms}.box-preload.hide .box-ball{opacity:0;visibility:hidden;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:350ms all cubic-bezier(0.77, 0, 0.175, 1) 0s;-moz-transition:350ms all cubic-bezier(0.77, 0, 0.175, 1) 0s;-ms-transition:350ms all cubic-bezier(0.77, 0, 0.175, 1) 0s;transition:350ms all cubic-bezier(0.77, 0, 0.175, 1) 0s}.box-preload .box-ball{width:100px;height:250px;position:absolute;top:50%;left:50%;margin:-125px 0 0 -50px;z-index:2}.box-preload .shadow{position:absolute;left:50%;bottom:5%;margin-left:-50px;width:100px;height:33.33333px;background:#000;border-radius:50%;-webkit-animation:pulse 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate;-moz-animation:pulse 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate;-ms-animation:pulse 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate;animation:pulse 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate}.box-preload .txt{color:#ccc;font-size:16px;text-align:center;white-space:nowrap;position:absolute;bottom:-25px;left:-50%;letter-spacing:1px;width:200%}.box-preload .ball{background:url("../img/tennis.svg") 50% 50%/100% auto no-repeat;position:absolute;top:10%;left:50%;margin-left:-50px;width:100px;height:100px;border-radius:50%;z-index:2;-webkit-transform:rotate(-125deg);-moz-transform:rotate(-125deg);-ms-transform:rotate(-125deg);transform:rotate(-125deg);-webkit-animation:bounce 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate;-moz-animation:bounce 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate;-ms-animation:bounce 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate;animation:bounce 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate}.box-countdown .box-preload{background-color:transparent;width:100px;height:30px;margin:0 auto;visibility:visible;opacity:1;position:relative}.box-countdown .box-preload:after{display:none}.box-countdown .box-preload .box-ball{width:50px;height:150px;top:-150%;margin:-75px 0 0 -25px;visibility:visible;opacity:1}.box-countdown .box-preload .shadow{bottom:9%;margin-left:-25px;width:50px;height:16.66667px;background:#999;-webkit-animation:pulse2 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate;-moz-animation:pulse2 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate;-ms-animation:pulse2 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate;animation:pulse2 600ms cubic-bezier(0.63, 0.09, 0.75, 0.46) infinite alternate}.box-countdown .box-preload .ball{top:10%;left:50%;margin-left:-25px;width:50px;height:50px}.box-loader{background-color:rgba(0,0,0,0.3);opacity:0;visibility:hidden;-webkit-transition:350ms all ease;-moz-transition:350ms all ease;-ms-transition:350ms all ease;transition:350ms all ease}.box-loader.show{opacity:1;visibility:visible}.box-loader .loader,.box-loader .loader:before,.box-loader .loader:after{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:loading 1.8s infinite ease-in-out;-moz-animation:loading 1.8s infinite ease-in-out;-ms-animation:loading 1.8s infinite ease-in-out;animation:loading 1.8s infinite ease-in-out}.box-loader .loader{color:#500878;font-size:10px;margin:-1.25em 0 0 -1.25em;position:absolute;top:50%;left:50%;text-indent:-9999em;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.box-loader .loader:before,.box-loader .loader:after{content:'';position:absolute;top:0}.box-loader .loader:before{left:-3.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.box-loader .loader:after{left:3.5em}.section-timeout{padding:25px 0}.box-timeout-play .box-content{background-color:rgba(219,11,91,0.8);min-height:400px;position:relative}@media only screen and (max-width: 767px){.box-timeout-play .box-content{padding:0 15px;min-height:calc(100vh - 100px)}}.box-timeout-play .box-content .box-txt{width:100%;position:absolute;top:50%;left:0;padding:0 15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.box-timeout-play h1{font-size:32px}@media only screen and (max-width: 767px){.box-timeout-play h1{font-size:28px}}.box-timeout-play p{font-size:18px}.section-winners section{margin-bottom:30px}.section-winners h1{font-size:40px;font-weight:600;margin:15px 0}@media only screen and (max-width: 767px){.section-winners h1{font-size:22px}}.section-winners h2{margin:10px 0;font-size:30px;font-weight:600}@media only screen and (max-width: 767px){.section-winners h2{font-size:22px}}.section-winners .winner-1{background:url("../img/crown.png") 0 50%/32px auto no-repeat;padding-left:38px;margin:10px 0;font-size:26px;font-weight:500}@media only screen and (max-width: 767px){.section-winners .winner-1{font-size:20px}}.section-winners .winners-2-list{margin-left:30px}.section-winners .winners-2-list li{font-size:20px;margin-bottom:5px}@media only screen and (max-width: 767px){.section-winners .winners-2-list li{font-size:16px}}.section-winners .prize-detail{font-size:16px;margin-bottom:5px}@media only screen and (max-width: 767px){.section-winners .prize-detail{font-size:14px}}@-webkit-keyframes loading{0%,
  80%,
  100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@-moz-keyframes loading{0%,
  80%,
  100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@-o-keyframes loading{0%,
  80%,
  100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes loading{0%,
  80%,
  100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}@-moz-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}@-o-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}@-webkit-keyframes zoomOut{from{opacity:1;transform:scale3d(1, 1, 1)}20%{transform:scale3d(1.1, 1.1, 1.1)}95%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}@-moz-keyframes zoomOut{from{opacity:1;transform:scale3d(1, 1, 1)}20%{transform:scale3d(1.1, 1.1, 1.1)}95%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}@-o-keyframes zoomOut{from{opacity:1;transform:scale3d(1, 1, 1)}20%{transform:scale3d(1.1, 1.1, 1.1)}95%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1;transform:scale3d(1, 1, 1)}20%{transform:scale3d(1.1, 1.1, 1.1)}95%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}@-webkit-keyframes pulse{0%{width:90px;height:25px;margin-left:-45px;margin-top:-3px}100%{width:100px;height:30px}}@-moz-keyframes pulse{0%{width:90px;height:25px;margin-left:-45px;margin-top:-3px}100%{width:100px;height:30px}}@-o-keyframes pulse{0%{width:90px;height:25px;margin-left:-45px;margin-top:-3px}100%{width:100px;height:30px}}@keyframes pulse{0%{width:90px;height:25px;margin-left:-45px;margin-top:-3px}100%{width:100px;height:30px}}@-webkit-keyframes pulse2{0%{width:45px;height:12px;margin-left:-22px;margin-top:-2px}100%{width:50px;height:15px}}@-moz-keyframes pulse2{0%{width:45px;height:12px;margin-left:-22px;margin-top:-2px}100%{width:50px;height:15px}}@-o-keyframes pulse2{0%{width:45px;height:12px;margin-left:-22px;margin-top:-2px}100%{width:50px;height:15px}}@keyframes pulse2{0%{width:45px;height:12px;margin-left:-22px;margin-top:-2px}100%{width:50px;height:15px}}@-webkit-keyframes bounce{0%{top:10%}100%{top:50%}}@-moz-keyframes bounce{0%{top:10%}100%{top:50%}}@-o-keyframes bounce{0%{top:10%}100%{top:50%}}@keyframes bounce{0%{top:10%}100%{top:50%}}@-webkit-keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@-moz-keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@-o-keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.section-player{margin-left:0}.section-player .tb-select{margin:15px 0 25px 0;padding:0}.section-player .tb-select:before,.section-player .tb-select:after{content:" ";display:table}.section-player .tb-select:after{clear:both}@media only screen and (max-width: 767px){.section-player .tb-select{margin:10px 0}}.section-player .tb-select li{list-style:none;display:inline-block;padding:0 20px;border-left:1px solid #e9cc81}@media only screen and (max-width: 767px){.section-player .tb-select li{width:50%;float:left;padding:0}}.section-player .tb-select li.active a{opacity:1}.section-player .tb-select li:first-child{border-left:0}.section-player .tb-select li a{font-size:20px;font-weight:500;color:#e9cc81;opacity:0.5}@media only screen and (max-width: 767px){.section-player .tb-select li a{font-size:14px}}.section-player .box-player{padding:10px}@media only screen and (max-width: 767px){.section-player .box-player{padding:5px 10px}}.section-player .box-player span{display:inline-block}.section-player .box-player .num{background-color:rgba(177,145,46,0.8);width:35px;height:35px;line-height:35px;border-radius:50%;margin:0 auto;color:#fff;font-weight:500;font-size:18px}@media only screen and (max-width: 767px){.section-player .box-player .num{width:30px;height:30px;line-height:30px;font-size:14px}}.section-player .box-player .img{margin:10px 0;border-radius:5px;overflow:hidden;position:relative}@media only screen and (max-width: 767px){.section-player .box-player .img{margin:5px 0}}.section-player .box-player .img:before{width:100%;height:100%;top:0;left:0;position:absolute;z-index:2;border:1px solid #e9cc81;opacity:0.5;content:"";display:block;border-radius:5px;box-sizing:border-box}.section-player .box-player .name{font-size:14px}@media only screen and (max-width: 767px){.section-player .box-player .name{font-size:10px}}.section-player .box-single-player:before,.section-player .box-single-player:after{content:" ";display:table}.section-player .box-single-player:after{clear:both}.section-player .box-single-player .box-player{width:12.5%;float:left}@media only screen and (max-width: 767px){.section-player .box-single-player .box-player{width:25%}}.section-player .box-double-player:before,.section-player .box-double-player:after{content:" ";display:table}.section-player .box-double-player:after{clear:both}.section-player .box-double-player .box-player{width:25%;float:left;padding:10px 20px}@media only screen and (max-width: 767px){.section-player .box-double-player .box-player{width:50%}.section-player .box-double-player .box-player:nth-child(2n+1){clear:left}}.section-player .box-double-player .box{width:50%;padding:0 5px;float:left}.section-player .box-double-player .box:before,.section-player .box-double-player .box:after{content:" ";display:table}.section-player .box-double-player .box:after{clear:both}.section-match{margin-left:0;background-color:rgba(0,0,0,0.5)}.section-match .box-match-date{margin:15px 0 15px 10%;width:80%}@media only screen and (max-width: 767px){.section-match .box-match-date{width:100%;margin:15px 0}}.section-match .box-match-date a{opacity:0.3;display:block}@media only screen and (max-width: 767px){.section-match .box-match-date a .d{display:block}}.section-match .box-match-date a>span{display:block;padding-top:5px;padding-bottom:5px;color:#e9cc81;font-size:22px}@media only screen and (max-width: 767px){.section-match .box-match-date a>span{font-size:16px}}.section-match .box-match-date a.slick-current{opacity:1}.section-match .box-match-date a.slick-current>span{border:1px solid #e9cc81;border-radius:5px;color:#201547;font-weight:600}.box-match .match-item{position:relative;margin-bottom:20px;padding-top:20px;border-top:1px solid rgba(177,145,46,0.8);vertical-align:top}.box-match .match-item:first-child{border-top:none}.box-match .match-item .match-header{font-size:18px;margin-bottom:10px}@media only screen and (max-width: 767px){.box-match .match-item .match-header{font-size:16px}}.box-match .match-item .match-header .time{display:inline-block;color:#e9cc81;margin-left:10px}.box-match .match-item .box-player{display:inline-block;padding:0 100px 0 0;max-width:300px;vertical-align:top;-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);-webkit-transition:500ms all cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;-moz-transition:500ms all cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;-ms-transition:500ms all cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;transition:500ms all cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;opacity:0}@media only screen and (max-width: 767px){.box-match .match-item .box-player{max-width:40vw;padding:0 10vw 0 0}}.box-match .match-item .box-player+.box-player{padding:0 0 0 100px;-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px)}@media only screen and (max-width: 767px){.box-match .match-item .box-player+.box-player{padding:0 0 0 10vw}}.box-match .match-item .box-player.dp .box{width:50%;padding:0 5px;float:left}.box-match .match-item .box-player .box-status{text-transform:uppercase;font-size:30px;font-weight:500}.box-match .match-item .box-player .box-status.win{color:#34ba00}.box-match .match-item .box-player .box-status.lose{color:#ed1212}.box-match .match-item .box-player .box-img{background:#fff;margin:10px 0;border-radius:5px;border:1px solid rgba(177,145,46,0.8);overflow:hidden;display:inline-block}@media only screen and (max-width: 767px){.box-match .match-item .box-player .box-name{font-size:12px}}.box-match .match-item .box-center{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:500ms all 0s;-moz-transition:500ms all 0s;-ms-transition:500ms all 0s;transition:500ms all 0s;opacity:0}.box-match .match-item .box-center .box-score{font-size:60px;font-weight:600;padding-top:50px}@media only screen and (max-width: 767px){.box-match .match-item .box-center .box-score{font-size:26px;padding-top:30px}}.box-match .match-item .box-center .score-set{display:block;font-size:18px;color:#fff}@media only screen and (max-width: 767px){.box-match .match-item .box-center .score-set{font-size:14px;width:20vw;margin:0 auto}}.box-match .slick-active .box-player,.box-match .slick-active .box-player+.box-player{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.box-match .slick-active .box-center{opacity:1}.section-ticket{margin-left:0}.section-ticket h3{font-size:24px;margin:20px 0}.section-ticket .box-seatmap{text-align:center}.section-ticket .box-seatmap a{display:inline-block;cursor:zoom-in}.section-ticket .box-price-date a{color:#e9cc81;font-size:14px;text-align:center;opacity:0.3;line-height:24px}@media only screen and (max-width: 767px){.section-ticket .box-price-date a{line-height:1.4;font-size:16px}}.section-ticket .box-price-date a .d{color:#fff}@media only screen and (max-width: 767px){.section-ticket .box-price-date a .d{display:block;font-size:22px}}.section-ticket .box-price-date a.slick-current{opacity:1;font-size:24px}@media only screen and (max-width: 767px){.section-ticket .box-price-date a.slick-current{font-size:16px}}.section-ticket .box-price-detail .item .box-session{text-align:center;border-top:1px solid rgba(177,145,46,0.8);margin-top:20px}.section-ticket .box-price-detail .item .box-session .head-time{font-size:18px;margin-top:20px;color:#e9cc81;text-transform:uppercase}.section-ticket .box-price-detail .item .box-session .box-price{background-color:#fff;display:inline-block;margin:10px;border-radius:5px;padding:10px;text-align:center}.section-ticket .box-price-detail .item .box-session .box-price.ca{border:1px solid #330072;color:#330072}.section-ticket .box-price-detail .item .box-session .box-price.cb{border:1px solid #db0b5b;color:#db0b5b}.section-ticket .box-price-detail .item .box-session .box-price span{display:block}.section-ticket .box-price-detail .item .box-session .box-price .type{font-size:14px}.section-ticket .box-price-detail .item .box-session .box-price .price{font-size:20px;font-weight:500}@media only screen and (max-width: 767px){.section-ticket .box-price-detail .item .box-session .box-price .price{font-size:22px}}.section-ticket .box-price-detail .item .box-session .btn-buy{background-color:#ed1c24;border-radius:3px;color:#fff;font-size:20px;padding:10px 30px}.section-ticket .box-price-detail .item .box-session .btn-buy:hover{filter:brightness(80%)}.section-news{background-color:rgba(0,0,0,0.5);padding:30px 0;margin-left:0;padding-bottom:100px}@media only screen and (max-width: 767px){.section-news{padding-bottom:30px}}.section-news .box-article{margin:20px 0}.section-news .box-article .box-article-slider{padding:0 40px;padding-bottom:30px}.section-news .article-item{padding:0 10px}.section-news .article-item .box-img{background-color:#fff;margin-bottom:10px;display:block;position:relative}.section-news .article-item .box-img:before{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;opacity:0.3;box-sizing:border-box;z-index:2;display:block;content:""}.section-news .article-item .headline{font-size:18px;color:#fff;display:block;overflow:hidden;height:50px}.section-news .article-item .cate{background-color:#00d8ff;font-size:11px;display:inline-block;padding:2px 5px 0 5px;color:#000;font-weight:600;margin-top:5px}.section-news .article-item:hover .box-img{opacity:0.8}.section-news .article-item:hover .headline{text-decoration:underline}.section-news .btn-more-news{background-color:#db0b5b;font-size:18px;padding:10px 30px;border-radius:3px;color:#fff;display:inline-block}.section-news .btn-more-news:hover{filter:brightness(90%)}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-arrow{background-color:#db0b5b;background-size:22px auto;background-repeat:no-repeat;background-position:50% 50%;position:absolute;top:50%;border:none;cursor:pointer;border-radius:50%;text-indent:-9999px;width:40px;height:40px;margin-top:-20px;z-index:99}.slick-arrow:hover{filter:brightness(90%)}.slick-arrow.slick-disabled{display:none !important}.slick-arrow.slick-prev{background-image:url("../img/prev-white.svg");left:-10px}@media only screen and (max-width: 767px){.slick-arrow.slick-prev{left:0}}.slick-arrow.slick-next{background-image:url("../img/next-white.svg");right:-10px}@media only screen and (max-width: 767px){.slick-arrow.slick-next{right:0}}.slick-dots{position:absolute;bottom:0;left:0;width:100%;text-align:center;margin:0;z-index:99}.slick-dots li{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#f1f1f1}.slick-dots li button{background-color:transparent;text-indent:-9999px;border:none;cursor:pointer;display:block;width:100%;height:100%}.slick-dots li.slick-active{background-color:#db0b5b}
/*# sourceMappingURL=main.css.map */