#tennis-court.col-md-7{flex:0 0 56.5%;max-width:56.5%}#junior-court.col-md-2{flex:0 0 15%;max-width:15%}#rooftop-court.col-md-3{flex:0 0 28.5%;max-width:28.5%}#show-court.col-md-5{flex:0 0 42.8571428571%;max-width:42.8571428571%}#practice-court.col-md-7{flex:0 0 57.1428571429%;max-width:57.1428571429%}.padding-content{padding:5px 15px 25px 35px}.title-heading{font-size:30px;color:#0fc0ff}.background-row{background-color:#323232}.background-box{position:relative;background-color:#262626;padding:10px}.current-state-icon{position:absolute}.schedule-icon,.wifi-icon{display:inline-block}.background-black{background-color:#000}.border-grey{border:1px solid #b3b3b3}.border-white{border:1px solid #fff}.class-mode input.btn{font-size:11px}.box input.btn:hover{background-color:#fff!important;color:#000!important;font-weight:700}.box .class-mode input.btn{border-radius:0}#junior-court .class-mode,#rooftop-court .class-mode,#tennis-court .class-mode{padding-top:33px;padding-bottom:33px}.text-13{font-size:13px;font-weight:700}.text-18{font-size:18px;font-weight:700}.text-name{font-size:26px}.wp-led{height:100%;display:flex;justify-content:center;align-items:center}.text-green{color:#00d608}.text-red{color:red}.text-white{color:#fff}.class-icon{font-size:25px!important}.active-mode{color:#00d608;background-color:#fff}.box input.btn:hover.active-mode{color:#00d608!important}.default-mode{color:#fff;background-color:#000}.size-icon{width:18px;height:18px}.not-connection-button{opacity:.4;pointer-events:none}.not-connection-button.active-mode{color:#000}.not-click{pointer-events:none}.off-state{color:#595959!important;font-weight:700}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:19px}input[type=button]:disabled{opacity:1;pointer-events:none}.flashing-mode{color:#00d608;background-color:#fff;position:relative;-webkit-animation:flashing .5s linear infinite alternate;animation:flashing .5s linear infinite alternate}@-webkit-keyframes flashing{0%{background-color:#fff}50%{background-color:transparent}to{background-color:#fff}}@keyframes flashing{0%{background-color:#fff}50%{background-color:transparent}to{background-color:#fff}}.plr-0{padding-left:0!important;padding-right:0!important}@media only screen and (min-width:1175px)and (max-width:1220px){.width-state .border{padding:12px 0!important}.size-icon{width:14px;height:14px}.title-heading{font-size:16px}.text-18{font-size:14px;font-weight:700}.text-13{font-size:13px;font-weight:700}.text-14{font-size:14px;font-weight:700}.class-name{font-size:18px;font-weight:700}.class-mode input.btn{font-size:10px}#show-court .class-mode{margin-top:12px;margin-bottom:9px}#show-court .width-state{margin-top:14px!important}#practice-court .class-mode{margin-top:15px!important}#junior-court .width-state,#rooftop-court .width-state,#tennis-court .width-state{margin-top:4px!important}#junior-court .class-mode,#rooftop-court .class-mode,#tennis-court .class-mode{padding-top:50px;padding-bottom:35px}#junior-court .class-name,#practice-court .class-name,#rooftop-court .class-name,#show-court .class-name,#tennis-court .class-name{margin-top:15px}.ptb-responsive{padding:10px 24px 5px}.background-box{width:147px;height:188px;padding:8px 5px 8px;margin:0 3px}.box .p-3.border{padding:13px 18.5px}.width-state{width:134px;height:54px}.box .class-mode input.btn{width:79px;height:25px;line-height:1}.box .class-remote input.btn{width:47px;height:48px;padding:0}.class-remote{margin-right:6px}#show-court .background-row{display:flex;width:497px;height:206px}#practice-court .background-row{display:flex;width:658px;height:206px}#tennis-court .background-row{display:flex;width:655px;height:401px}#junior-court .background-row{display:flex;width:167px;height:401px}#rooftop-court .background-row{display:flex;width:408px;height:401px}.background-row .row{justify-content:center;align-content:center}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:12px}#practice-court .width-mode{margin-top:5px;margin-bottom:18px}#show-court.pr-3{padding-right:8px!important}#practice-court.pl-3{padding-left:13px!important}#junior-court.pl-2{padding-left:5px!important}#junior-court.pr-2{padding-right:5px!important}}@media only screen and (min-width:1221px)and (max-width:1535px){.h5,h5{font-size:12px}.der-footer{font-size:10px}.size-icon{width:14px;height:14px}.title-heading{font-size:18px}.text-18{font-size:11.5px;font-weight:700}.text-13{font-size:12px;font-weight:700}.text-14{font-size:10px;font-weight:700}.width-state{width:138px;height:54px}.box .class-mode input.btn{width:73px;height:25px;line-height:1}.box .class-remote input.btn{width:50px;height:40px;padding:0}.class-name{font-size:24px;font-weight:700}.class-mode input.btn{font-size:12px}#show-court .class-mode{margin-top:12px;margin-bottom:9px}#show-court .width-state{margin-top:14px!important}#practice-court .class-mode{margin-top:15px!important}#junior-court .width-state,#rooftop-court .width-state,#tennis-court .width-state{margin-top:4px!important}#junior-court .class-mode,#rooftop-court .class-mode,#tennis-court .class-mode{padding-top:50px;padding-bottom:35px}#junior-court .class-name,#practice-court .class-name,#rooftop-court .class-name,#show-court .class-name,#tennis-court .class-name{margin-top:15px}.ptb-responsive{padding:10px 24px 5px}.box .p-3.border{padding:13px 18.5px}.class-remote{margin-right:13px}#show-court .background-row{display:flex;width:696px;height:206px}#practice-court .background-row{display:flex;width:921px;height:206px}#tennis-court .background-row{display:flex;width:917px;height:401px}#junior-court .background-row{display:flex;width:234px;height:401px}#rooftop-court .background-row{display:flex;width:571px;height:401px}.background-row .row{justify-content:center;align-content:center}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:12px}#practice-court .width-mode{margin-top:5px;margin-bottom:18px}#show-court.pr-3{padding-right:8px!important}#practice-court.pl-3{padding-left:13px!important}#junior-court.pl-2{padding-left:5px!important}#junior-court.pr-2{padding-right:5px!important}}@media only screen and (min-width:1450px)and (max-width:1535px){.background-box{width:185px;height:187px;padding:8px 23px 7px;margin:0 4px}}@media only screen and (min-width:1366px)and (max-width:1449px){.background-box{width:172px;height:187px;padding:8px 18px 7px;margin:0 4px}}@media only screen and (min-width:1280px)and (max-width:1365px){.background-box{width:160px;height:187px;padding:8px 12px 7px;margin:0 4px}}@media only screen and (min-width:1221px)and (max-width:1279px){.background-box{width:154px;height:187px;padding:8px 7px 7px;margin:0 4px}}@media only screen and (min-width:1536px)and (max-width:1700px){.size-icon{width:14px;height:14px}.title-heading{font-size:24px}.text-13,.text-18{font-size:16px;font-weight:700}.text-14{font-size:15px;font-weight:700}.class-name{font-size:24px;font-weight:700}.class-mode input.btn{font-size:12px}#show-court .class-mode{margin-top:12px;margin-bottom:9px}#show-court .width-state{margin-top:14px!important}#practice-court .class-mode{margin-top:15px!important}#junior-court .width-state,#rooftop-court .width-state,#tennis-court .width-state{margin-top:4px!important}#junior-court .class-mode,#rooftop-court .class-mode,#tennis-court .class-mode{padding-top:50px;padding-bottom:35px}#junior-court .class-name,#practice-court .class-name,#rooftop-court .class-name,#show-court .class-name,#tennis-court .class-name{margin-top:15px}.ptb-responsive{padding:10px 24px 5px}.box .p-3.border{padding:13px 18.5px}.class-remote{margin-right:13px}#show-court .background-row{display:flex;width:696px;height:206px}#practice-court .background-row{display:flex;width:931px;height:206px}#tennis-court .background-row{display:flex;width:917px;height:401px}#junior-court .background-row{display:flex;width:234px;height:401px}#rooftop-court .background-row{display:flex;width:571px;height:401px}.background-row .row{justify-content:center;align-content:center}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:12px}#practice-court .width-mode{margin-top:5px;margin-bottom:18px}#show-court.pr-3{padding-right:8px!important}#practice-court.pl-3{padding-left:13px!important}#junior-court.pl-2{padding-left:5px!important}#junior-court.pr-2{padding-right:5px!important}}@media only screen and (min-width:1618px)and (max-width:1700px){.background-box{width:210px;height:187px;padding:8px 12px 7px;margin:0 4px}.width-state{width:185px;height:54px}.box .class-mode input.btn{width:111px;height:25px;line-height:1}.box .class-remote input.btn{width:60px;height:48px;padding:0}}@media only screen and (min-width:1536px)and (max-width:1617px){.background-box{width:197px;height:187px;padding:8px 6px 7px;margin:0 4px}.width-state{width:185px;height:54px}.box .class-mode input.btn{width:111px;height:25px;line-height:1}.box .class-remote input.btn{width:60px;height:48px;padding:0}}@media only screen and (min-width:1701px)and (max-width:1899px){.size-icon{width:14px;height:14px}.title-heading{font-size:24px}.text-13,.text-14,.text-18{font-size:16px;font-weight:700}.class-name{font-size:24px;font-weight:700}.class-mode input.btn{font-size:12px}#show-court .class-mode{margin-top:12px;margin-bottom:9px}#show-court .width-state{margin-top:14px!important}#practice-court .class-mode{margin-top:15px!important}#junior-court .width-state,#rooftop-court .width-state,#tennis-court .width-state{margin-top:4px!important}#junior-court .class-mode,#rooftop-court .class-mode,#tennis-court .class-mode{padding-top:50px;padding-bottom:35px}#junior-court .class-name,#practice-court .class-name,#rooftop-court .class-name,#show-court .class-name,#tennis-court .class-name{margin-top:15px}.ptb-responsive{padding:10px 24px 5px}.box .p-3.border{padding:13px 18.5px}.class-remote{margin-right:13px}#practice-court .background-row,#show-court .background-row{display:flex;width:100%;height:206px}#junior-court .background-row,#rooftop-court .background-row,#tennis-court .background-row{display:flex;width:100%;height:401px}.background-row .row{justify-content:center;align-content:center}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:12px}#practice-court .width-mode{margin-top:5px;margin-bottom:18px}#show-court.pr-3{padding-right:8px!important}#practice-court.pl-3{padding-left:13px!important}#junior-court.pl-2{padding-left:5px!important}#junior-court.pr-2{padding-right:5px!important}}@media only screen and (min-width:1800px)and (max-width:1899px){.background-box{width:230px;height:187px;padding:8px 18px 7px;margin:0 6px}.width-state{width:194px;height:54px}.box .class-mode input.btn{width:120px;height:25px;line-height:1}.box .class-remote input.btn{width:60px;height:48px;padding:0}}@media only screen and (min-width:1701px)and (max-width:1799px){.background-box{width:218px;height:187px;padding:8px 12px 7px;margin:0 6px}.width-state{width:194px;height:54px}.box .class-mode input.btn{width:120px;height:25px;line-height:1}.box .class-remote input.btn{width:60px;height:48px;padding:0}}@media only screen and (min-width:1900px)and (max-width:1920px){.text-18{font-weight:700}.text-13,.text-18{font-size:21px}.text-14{font-size:19px;font-weight:700}.class-name{font-size:42px;font-weight:700}.class-mode input.btn,.h5,h5{font-size:16px}.der-footer{font-size:14px}#show-court .class-mode{margin-top:12px;margin-bottom:9px}#show-court .width-state{margin-top:14px!important}#practice-court .class-mode{margin-top:15px!important}#junior-court .width-state,#rooftop-court .width-state,#tennis-court .width-state{margin-top:18px!important}#junior-court .class-mode,#rooftop-court .class-mode,#tennis-court .class-mode{padding-top:50px;padding-bottom:35px}#junior-court .class-name,#practice-court .class-name,#rooftop-court .class-name,#show-court .class-name,#tennis-court .class-name{margin-top:15px}.box .p-3.border{padding:13px 18.5px}.width-state{width:215px;height:70px}.box .class-mode input.btn{width:124px;height:32px;line-height:1}.box .class-remote input.btn{width:75px;height:63px;padding:0 0 0 4px}.class-remote{margin-right:16px;margin-left:0}.background-row .row{justify-content:center;align-content:center}#practice-court .width-mode{margin-top:5px;margin-bottom:25px}}@media only screen and (min-width:1900px)and (max-width:1920px)and (min-height:981px){.title-heading{font-size:30px}.ptb-responsive{padding:10px 24px 5px}.background-box{width:251px;height:243px;padding:12px 17px 18px;margin:0 4px}#show-court .background-row{display:flex;width:795px;height:268px}#practice-court .background-row{display:flex;width:1058px;height:268px}#tennis-court .background-row{display:flex;width:1048px;height:530px}#junior-court .background-row{display:flex;width:267px;height:530px}#rooftop-court .background-row{display:flex;width:530px;height:530px}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:19px}}@media only screen and (min-width:1900px)and (max-width:1920px)and (max-height:980px){.title-heading{font-size:24px}.ptb-responsive{padding:0 24px}.background-box{width:251px;height:235px;padding:12px 17px 10px;margin:0 4px}#show-court .background-row{display:flex;width:795px;height:250px}#practice-court .background-row{display:flex;width:1058px;height:250px}#tennis-court .background-row{display:flex;width:1048px;height:500px}#junior-court .background-row{display:flex;width:267px;height:500px}#rooftop-court .background-row{display:flex;width:530px;height:500px}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:10px}.v-application .pt-4,.v-application .pt-5{padding-top:12px!important}}@media only screen and (min-width:1921px)and (max-width:2341px){.size-icon{width:18px;height:18px}.title-heading{font-size:28px}.text-18{font-weight:700}.text-13,.text-14,.text-18{font-size:18px}.class-name,.text-14{font-weight:700}.class-name{font-size:40px}.class-mode input.btn{font-size:14px}.h5,h5{font-size:18px}.der-footer{font-size:16px}#show-court .class-mode{margin-top:12px;margin-bottom:9px}#show-court .width-state{margin-top:14px!important}#practice-court .class-mode{margin-top:15px!important}#junior-court .width-state,#rooftop-court .width-state,#tennis-court .width-state{margin-top:30px!important}#junior-court .width-mode,#rooftop-court .width-mode,#tennis-court .width-mode{margin-top:2px}#junior-court .class-mode,#rooftop-court .class-mode,#tennis-court .class-mode{padding-top:50px;padding-bottom:35px}#junior-court .class-name,#practice-court .class-name,#rooftop-court .class-name,#show-court .class-name,#tennis-court .class-name{margin-top:15px}.ptb-responsive{padding:20px 24px 5px}.box .p-3.border{padding:13px 18.5px}.class-remote{margin-right:20px}#show-court .background-row{display:flex;width:1435px;height:330px}#practice-court .background-row{display:flex;width:1919px;height:330px}#tennis-court .background-row{display:flex;width:1905px;height:653px}#junior-court .background-row{display:flex;width:490px;height:653px}#rooftop-court .background-row{display:flex;width:959px;height:653px}.background-row .row{justify-content:center;align-content:center}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:19px}#practice-court .width-mode{margin-top:5px;margin-bottom:38px}#show-court.pr-3{padding-right:15px!important}#practice-court.pl-3{padding-left:15px!important}#tennis-court.pr-1{padding-right:5px!important}#junior-court.pl-2.pr-2{padding-left:10px!important;padding-right:10px!important}#rooftop-court.pl-1{padding-left:5px!important}}@media only screen and (min-width:2229px)and (max-width:2341px){.background-box{width:294px;height:305px;padding:12px 18px 18px;margin:0 5px}.width-state{width:258px;height:93px}.box .class-mode input.btn{width:145px;height:45px;line-height:1}.box .class-remote input.btn{width:85px;height:70px;padding:0 0 0 4px}}@media only screen and (min-width:2116px)and (max-width:2228px){.background-box{width:278px;height:305px;padding:12px 17px 18px;margin:0 5px}.width-state{width:241px;height:93px}.box .class-mode input.btn{width:145px;height:45px;line-height:1}.box .class-remote input.btn{width:70px;height:70px;padding:0 0 0 4px}}@media only screen and (min-width:2003px)and (max-width:2115px){.background-box{width:262px;height:305px;padding:12px 17px 18px;margin:0 5px}.width-state{width:226px;height:93px}.box .class-mode input.btn{width:129px;height:45px;line-height:1}.box .class-remote input.btn{width:70px;height:70px;padding:0 0 0 4px}}@media only screen and (min-width:1921px)and (max-width:2002px){.background-box{width:250px;height:305px;padding:12px 17px 18px;margin:0 5px}.width-state{width:215px;height:93px}.box .class-mode input.btn{width:119px;height:45px;line-height:1}.box .class-remote input.btn{width:70px;height:70px;padding:0 0 0 4px}}@media only screen and (min-width:2342px)and (max-width:2964px){.size-icon{width:24px;height:24px}.title-heading{font-size:36px}.text-18{font-weight:700}.text-13,.text-14,.text-18{font-size:24px}.class-name,.text-14{font-weight:700}.class-name{font-size:40px}.class-mode input.btn{font-size:18px}.h5,h5{font-size:26px}.der-footer{font-size:22px}#show-court .class-mode{margin-top:12px;margin-bottom:9px}#show-court .width-state{margin-top:14px!important}#practice-court .class-mode{margin-top:15px!important}#junior-court .width-state,#rooftop-court .width-state,#tennis-court .width-state{margin-top:30px!important}#junior-court .width-mode,#rooftop-court .width-mode,#tennis-court .width-mode{margin-top:2px}#junior-court .class-mode,#rooftop-court .class-mode,#tennis-court .class-mode{padding-top:50px;padding-bottom:35px}#junior-court .class-name,#practice-court .class-name,#rooftop-court .class-name,#show-court .class-name,#tennis-court .class-name{margin-top:15px}.ptb-responsive{padding:20px 24px 5px}.box .p-3.border{padding:13px 18.5px}.class-remote{margin-right:28px;margin-left:12px}#show-court .background-row{display:flex;width:1435px;height:356px}#practice-court .background-row{display:flex;width:1919px;height:356px}#tennis-court .background-row{display:flex;width:1905px;height:705px}#junior-court .background-row{display:flex;width:490px;height:705px}#rooftop-court .background-row{display:flex;width:959px;height:705px}.background-row .row{justify-content:center;align-content:center}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:19px}#practice-court .width-mode{margin-top:5px;margin-bottom:38px}#show-court.pr-3{padding-right:15px!important}#practice-court.pl-3{padding-left:15px!important}#tennis-court.pr-1{padding-right:5px!important}#junior-court.pl-2.pr-2{padding-left:10px!important;padding-right:10px!important}#rooftop-court.pl-1{padding-left:5px!important}}@media only screen and (min-width:2852px)and (max-width:2964px){.background-box{width:377px;height:323px;padding:12px 20px 18px;margin:0 8px}.width-state{width:335px;height:93px}.box .class-mode input.btn{width:190px;height:45px;line-height:1}.box .class-remote input.btn{width:100px;height:84px;padding:0 0 0 4px}}@media only screen and (min-width:2739px)and (max-width:2851px){.background-box{width:361px;height:323px;padding:12px 12px 18px;margin:0 8px}.width-state{width:335px;height:105px}.box .class-mode input.btn{width:190px;height:45px;line-height:1}.box .class-remote input.btn{width:100px;height:84px;padding:0 0 0 4px}}@media only screen and (min-width:2626px)and (max-width:2738px){.background-box{width:345px;height:323px;padding:12px 14px 18px;margin:0 8px}.width-state{width:313px;height:105px}.box .class-mode input.btn{width:170px;height:45px;line-height:1}.box .class-remote input.btn{width:100px;height:84px;padding:0 0 0 4px}}@media only screen and (min-width:2513px)and (max-width:2625px){.background-box{width:329px;height:323px;padding:12px 17px 18px;margin:0 8px}.width-state{width:290px;height:105px}.box .class-mode input.btn{width:150px;height:45px;line-height:1}.box .class-remote input.btn{width:95px;height:84px;padding:0 0 0 4px}}@media only screen and (min-width:2400px)and (max-width:2512px){.background-box{width:313px;height:323px;padding:12px 18px 18px;margin:0 8px}.width-state{width:275px;height:105px}.box .class-mode input.btn{width:147px;height:45px;line-height:1}.box .class-remote input.btn{width:85px;height:84px;padding:0 0 0 4px}}@media only screen and (min-width:2342px)and (max-width:2399px){.background-box{width:305px;height:323px;padding:12px 14px 18px;margin:0 8px}.width-state{width:275px;height:105px}.box .class-mode input.btn{width:147px;height:45px;line-height:1}.box .class-remote input.btn{width:85px;height:84px;padding:0 0 0 4px}}@media only screen and (min-width:2965px)and (max-width:3440px){.size-icon{width:30px;height:30px}.title-heading{font-size:48px}.text-18{font-size:42px;font-weight:700}.text-13,.text-14{font-size:35px}.class-name,.text-14{font-weight:700}.class-name{font-size:48px}.class-mode input.btn{font-size:28px}.h5,h5{font-size:26px}.der-footer{font-size:22px}#show-court .class-mode{margin-top:12px;margin-bottom:9px}#show-court .width-state{margin-top:14px!important}#practice-court .class-mode{margin-top:15px!important}#junior-court .width-state,#rooftop-court .width-state,#tennis-court .width-state{margin-top:30px!important}#junior-court .width-mode,#rooftop-court .width-mode,#tennis-court .width-mode{margin-top:2px}#junior-court .class-mode,#rooftop-court .class-mode,#tennis-court .class-mode{padding-top:50px;padding-bottom:35px}#junior-court .class-name,#practice-court .class-name,#rooftop-court .class-name,#show-court .class-name,#tennis-court .class-name{margin-top:15px}.ptb-responsive{padding:20px 24px 5px}.box .p-3.border{padding:13px 18.5px}.class-remote{margin-right:28px;margin-left:12px}#show-court .background-row{display:flex;width:1435px;height:356px}#practice-court .background-row{display:flex;width:1924px;height:356px}#tennis-court .background-row{display:flex;width:1905px;height:705px}#junior-court .background-row{display:flex;width:490px;height:705px}#rooftop-court .background-row{display:flex;width:959px;height:705px}.background-row .row{justify-content:center;align-content:center}.mt-junior-court:nth-child(2),.mt-rooftop-court:nth-child(3),.mt-rooftop-court:nth-child(4),.mt-tennis-court:nth-child(5),.mt-tennis-court:nth-child(6),.mt-tennis-court:nth-child(7),.mt-tennis-court:nth-child(8){margin-top:19px}#practice-court .width-mode{margin-top:5px;margin-bottom:38px}#show-court.pr-3{padding-right:15px!important}#practice-court.pl-3{padding-left:15px!important}#tennis-court.pr-1{padding-right:5px!important}#junior-court.pl-2.pr-2{padding-left:10px!important;padding-right:10px!important}#rooftop-court.pl-1{padding-left:5px!important}}@media only screen and (width:3440px){.class-remote{margin-right:28px;margin-left:12px}}@media only screen and (min-width:3400px)and (max-width:3440px){.background-box{width:444px;height:auto;padding:12px 14px;margin:0 13px}.width-state{width:413px;height:93px}.box .class-mode input.btn{width:233px;height:45px;line-height:1}.box .class-remote input.btn{width:134px;height:100px;padding:0 0 0 4px}}@media only screen and (min-width:3299px)and (max-width:3399px){.background-box{width:430px;height:auto;padding:12px 21px 18px;margin:0 13px}.box .class-remote input.btn{width:123px;height:auto;padding:0 0 0 4px}.box .class-mode input.btn{width:220px;height:auto;line-height:1}.width-state{width:387px;height:auto}}@media only screen and (min-width:3191px)and (max-width:3298px){.background-box{width:415px;height:auto;padding:12px 24px 18px;margin:0 13px}.box .class-remote input.btn{width:100px;height:auto;padding:0 0 0 4px}.box .class-mode input.btn{width:220px;height:auto;line-height:1}.width-state{width:365px;height:auto}}@media only screen and (min-width:3090px)and (max-width:3190px){.background-box{width:399px;height:auto;padding:12px 22px 18px;margin:0 13px}.box .class-remote input.btn{width:100px;height:auto;padding:0 0 0 4px}.box .class-mode input.btn{width:211px;height:auto;line-height:1}.width-state{width:354px;height:auto}}@media only screen and (min-width:3078px)and (max-width:3190px){.background-box{width:399px;height:auto;padding:12px 22px 18px;margin:0 13px}.box .class-remote input.btn{width:100px;height:auto;padding:0 0 0 4px}.box .class-mode input.btn{width:211px;height:auto;line-height:1}.width-state{width:354px;height:auto}}@media only screen and (min-width:2965px)and (max-width:3077px){.background-box{width:383px;height:auto;padding:12px 13px 18px;margin:0 13px}.box .class-remote input.btn{width:100px;height:auto;padding:0 0 0 4px}.box .class-mode input.btn{width:211px;height:auto;line-height:1}.width-state{width:354px;height:auto}}