/* Text */
.tx-prompt,.ms-tx2,.s4-tx,.s5-tx,.tx-log2,.tx-h-page2,button.btn-more,.tx-num-bk,.tx-note,ul li a,.now,.kickoff,.tx-match-h,.topic-play,.cm-head,.program-topic,.program-topic2
{font-family:'Prompt', sans-serif;}
.ms-tx1,.tx-log1
{font-family: 'Cinzel', serif;}
.fwhead{color:#c19c5e;font-size:1.3rem;font-weight:900;line-height:0.8;margin-top:15px;}
.tx-log1{font-size:1.1rem;}.tx-log2{font-size:0.64rem;}
.tx-log1,.tx-log2{color:#080602;font-weight:600;line-height:0.9;text-shadow:1px 1px 0px rgba(241, 223, 136, 0.8);margin:0 auto;text-align:center;-webkit-transition:all .3s;transition:all .3s;}
.tx-h-page{font-size:0.8rem;color:#d60000;font-weight:400;}
.ft-cc{font-size:0.6rem;color:#666;text-align:center;width:100%;padding:8px 0;background:#000;}
.p-link,.p-link2{font-size:0.68rem;}
.tx-ct{font-size:0.74rem;line-height:1.3;color:#6f6f6f;}
.tx-ct2{font-size:0.64rem;font-weight:100;line-height:1.2;margin-bottom:10px !important;display:block;width:100%;}
.tx-ft{font-size:0.6rem;color:#666;text-indent:30px;width:100%;padding:8px 0;margin: 0;}
.tx-green{color:#85c11c;margin:0}
.tx-cc{font-size:0.64rem;text-indent:60px;line-height:1.3;color:#6f6f6f;padding:15px;margin:0 auto;font-weight:100;}

/* Top fix */
.fix-top{z-index:997;position:fixed;top:0;left:0;right:0;width:100%;max-height:45px;display:-ms-flexbox;display: -webkit-flex;display: flex;
padding:0 45px;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;align-items: center;box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
background: rgba(235,235,235,1);
background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(247,247,247,1) 15%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 61%, rgba(252,252,252,1) 82%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,235,235,1)), color-stop(15%, rgba(247,247,247,1)), color-stop(37%, rgba(255,255,255,1)), color-stop(61%, rgba(255,255,255,1)), color-stop(82%, rgba(252,252,252,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(247,247,247,1) 15%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 61%, rgba(252,252,252,1) 82%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(247,247,247,1) 15%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 61%, rgba(252,252,252,1) 82%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(247,247,247,1) 15%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 61%, rgba(252,252,252,1) 82%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(235,235,235,1) 0%, rgba(247,247,247,1) 15%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 61%, rgba(252,252,252,1) 82%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=1 );
}
a.fixtop-logo{z-index:999;display:inline;align-items:center;justify-content:center;padding:0;color:#777;margin-right:7px;font-size:0.8rem;font-weight:800;line-height:0.8;margin-top:6px;}
a.fixtop-logo img{display:inline;padding-right:5px;width:36px;margin-top:-5px;}
a.fixtop-logo:link,a.fixtop-logo:visited{color:#85c11c;}
a.fixtop-logo:hover{color:#565656 !important;}
b.tx-black{color:#454545;-webkit-transition:all .3s;transition:all .3s;}
a.fixtop-logo:hover b.tx-black{color:#85c11c;}
.fixtop-name{width:100%;display:block;color:#fff;text-align:center;font-size:0.8rem;font-weight:700;}
.btn-promotion{height:100%;padding:6px 15px;color:#fff;border-left: 1px solid #100d09;border-right: 1px solid #100d09;
background: rgba(166,120,57,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(166,120,57,1)), color-stop(91%, rgba(70,57,40,1)), color-stop(100%, rgba(70,57,40,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
background: radial-gradient(ellipse at center, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67839', endColorstr='#463928', GradientType=1 );
}
.btn-promotion:hover{background:#016656;opacity:0.8;}
.tx-h-phone{font-size:0.9rem;font-weight:900;text-align:left;color:#db0000;}
.fix-top-right{position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;}

/* head */
.headbox{position:relative;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;padding:26px 10vw 0;color:#fff;
-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;align-items: center;margin:0 auto 10px;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(13,13,13,1) 61%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(61%, rgba(13,13,13,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(13,13,13,1) 61%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(13,13,13,1) 61%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(13,13,13,1) 61%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(13,13,13,1) 61%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.head-left{width:30%;max-width:280px;display:block;position:relative;}
.head-right{width:70%;max-width:680px;padding-left:30px;display:-ms-flexbox;display: -webkit-flex;display: flex;
-webkit-justify-content:flex-end;justify-content:flex-end;align-items: center;}

nav.fullmenu{width:100%;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;padding:0;margin:15px auto 0;}
.top-play{width:100%;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-start;justify-content:flex-start;padding:0;margin:0 auto 0;}
.topmenu{position:relative;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;color:#fff;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;align-items: center;margin:0 auto;}
.topmenu:after,.top-play:after{z-index:25;content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:#3c8516;border-right: 1px solid #91ca00;}
.topmenu:before,.top-play:before{z-index:22;content:"";position:absolute;left:0;bottom:0;width:100%;height:5.5px;background:#91ca00;}
.topmenu li{display:-ms-flexbox;display: -webkit-flex;display: flex;}
.submenu{z-index:22;position:relative;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;padding:0 15px 3px;color:#fff;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;align-items: center;margin:0 auto 5px;background:#151515;}

ul li a:link.link-menubar,ul li a:visited.link-menubar
{z-index:20;color:#c7c7c7;font-size:.8rem;text-align:center;padding:3px 30px 5px;margin:0 auto;border-radius:0;position:relative;-webkit-transition: all 0.3s ; transition: all 0.3s;cursor: pointer;border:1px solid #444;border-top:1px solid #5b6169;border-left:1px solid #202020;border-right:1px solid #434343;box-shadow:0 -2px 5px rgba(0, 0, 0, 0.87);
background: rgba(61,65,69,1);
background: -moz-linear-gradient(top, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(61,65,69,1)), color-stop(27%, rgba(61,65,69,1)), color-stop(47%, rgba(17,19,20,1)), color-stop(64%, rgba(17,19,20,1)), color-stop(100%, rgba(23,28,25,1)));
background: -webkit-linear-gradient(top, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
background: -o-linear-gradient(top, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
background: -ms-linear-gradient(top, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
background: linear-gradient(to bottom, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4145', endColorstr='#171c19', GradientType=0 );
}
ul li a:hover.link-menubar{z-index:24;color:#fff;margin-top:-5px;padding-bottom:10px;border-radius: 4px 4px 0 0;border:1px solid #b1eb35;border-bottom: transparent;
background: rgba(145,202,0,1);
background: -moz-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,202,0,1)), color-stop(1%, rgba(145,202,0,1)), color-stop(31%, rgba(145,202,0,1)), color-stop(42%, rgba(111,175,7,1)), color-stop(87%, rgba(67,137,21,1)), color-stop(99%, rgba(59,130,24,1)), color-stop(100%, rgba(59,130,24,1)));
background: -webkit-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: -o-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: -ms-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: linear-gradient(to bottom, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ca00', endColorstr='#3b8218', GradientType=0 );
}
li a.link-sub:link,li a.link-sub:visited{font-size:0.64rem;color:#737373;padding:4px 5px;-webkit-transition: all 0.3s ; transition: all 0.3s;cursor: pointer;}
li a.link-sub:hover{color:#fff;}
li a.link-sub:after{content:"";border-right:1px solid #373737;margin-left:10px;}

.topic-play{z-index:24;font-size:0.84rem;color:#fff;position:relative;margin:0 0 0 5px;padding:5px 20px;border:1px solid #b1eb35;border-bottom: transparent;border-radius: 4px 4px 0 0;
background: rgba(145,202,0,1);
background: -moz-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,202,0,1)), color-stop(1%, rgba(145,202,0,1)), color-stop(31%, rgba(145,202,0,1)), color-stop(42%, rgba(111,175,7,1)), color-stop(87%, rgba(67,137,21,1)), color-stop(99%, rgba(59,130,24,1)), color-stop(100%, rgba(59,130,24,1)));
background: -webkit-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: -o-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: -ms-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: linear-gradient(to bottom, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ca00', endColorstr='#3b8218', GradientType=0 );}

ul li a:link.now,ul li a:visited.now{z-index:24;color:#fff;margin-top:-5px;padding-bottom:10px;border:1px solid #b1eb35;border-bottom: transparent;border-radius: 4px 4px 0 0;
background: rgba(145,202,0,1);
background: -moz-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,202,0,1)), color-stop(1%, rgba(145,202,0,1)), color-stop(31%, rgba(145,202,0,1)), color-stop(42%, rgba(111,175,7,1)), color-stop(87%, rgba(67,137,21,1)), color-stop(99%, rgba(59,130,24,1)), color-stop(100%, rgba(59,130,24,1)));
background: -webkit-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: -o-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: -ms-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
background: linear-gradient(to bottom, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 1%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 42%, rgba(67,137,21,1) 87%, rgba(59,130,24,1) 99%, rgba(59,130,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ca00', endColorstr='#3b8218', GradientType=0 );
}

.kickoff{z-index:20;width: 100%;color:#c7c7c7;font-size:.8rem;text-align:center;padding:3px 30px 5px;margin:0 5px 0 0;border-radius:0;position:relative;-webkit-transition: all 0.3s ; transition: all 0.3s;border:1px solid #444;border-top:1px solid #5b6169;border-left:1px solid #202020;border-right:1px solid #434343;box-shadow:0 -2px 5px rgba(0, 0, 0, 0.87)
background: rgba(61,65,69,1);
background: -moz-linear-gradient(top, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(61,65,69,1)), color-stop(27%, rgba(61,65,69,1)), color-stop(47%, rgba(17,19,20,1)), color-stop(64%, rgba(17,19,20,1)), color-stop(100%, rgba(23,28,25,1)));
background: -webkit-linear-gradient(top, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
background: -o-linear-gradient(top, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
background: -ms-linear-gradient(top, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
background: linear-gradient(to bottom, rgba(61,65,69,1) 0%, rgba(61,65,69,1) 27%, rgba(17,19,20,1) 47%, rgba(17,19,20,1) 64%, rgba(23,28,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4145', endColorstr='#171c19', GradientType=0 );}


/* page */
.main-page{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;margin:42px auto 0;padding:0;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;color:#444;
background: rgba(64,64,64,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(64,64,64,1) 0%, rgba(0,0,0,1) 74%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(64,64,64,1)), color-stop(74%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(64,64,64,1) 0%, rgba(0,0,0,1) 74%, rgba(0,0,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(64,64,64,1) 0%, rgba(0,0,0,1) 74%, rgba(0,0,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(64,64,64,1) 0%, rgba(0,0,0,1) 74%, rgba(0,0,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(64,64,64,1) 0%, rgba(0,0,0,1) 74%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#000000', GradientType=1 );
}

.logo-main{margin:0 auto 30px;}
.mobox{width:100%;margin: 0 auto;padding:0 10vw;max-width:1280px;}
.box{width:100%;margin:15px auto;}
.slide-box{width:100%;position:relative;display:block;max-height:100%;}
.sec1-slide{width:100%;height:100%;display:grid;text-align:center;}
.tabin{display:grid;width:100%;height:auto;max-height:360px;padding:0;overflow: hidden;align-items:center;justify-content:center;background:#000;}
.mainbox{z-index:41;position:relative;width:100%;margin:0 auto;padding:8px 0;display:-ms-flexbox;display: -webkit-flex;display: flex;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;}

.content-box{width:100%;position:relative;margin:0 auto;padding:20px;border-radius:10px;display:grid;grid-gap:0;grid-template-columns:1fr;
justify-content:center;border:1px solid #242424;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(41,41,41,1) 28%, rgba(13,13,13,1) 78%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(28%, rgba(41,41,41,1)), color-stop(78%, rgba(13,13,13,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(41,41,41,1) 28%, rgba(13,13,13,1) 78%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(41,41,41,1) 28%, rgba(13,13,13,1) 78%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(41,41,41,1) 28%, rgba(13,13,13,1) 78%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(41,41,41,1) 28%, rgba(13,13,13,1) 78%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.head-play{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;}
.head-play2{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(26,26,26,1) 8%, rgba(43,43,43,1) 24%, rgba(23,23,23,1) 55%, rgba(3,3,3,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(8%, rgba(26,26,26,1)), color-stop(24%, rgba(43,43,43,1)), color-stop(55%, rgba(23,23,23,1)), color-stop(100%, rgba(3,3,3,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(26,26,26,1) 8%, rgba(43,43,43,1) 24%, rgba(23,23,23,1) 55%, rgba(3,3,3,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(26,26,26,1) 8%, rgba(43,43,43,1) 24%, rgba(23,23,23,1) 55%, rgba(3,3,3,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(26,26,26,1) 8%, rgba(43,43,43,1) 24%, rgba(23,23,23,1) 55%, rgba(3,3,3,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(26,26,26,1) 8%, rgba(43,43,43,1) 24%, rgba(23,23,23,1) 55%, rgba(3,3,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#030303', GradientType=0 );
}
.iframe-play{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;padding:0;margin:3px auto 0;}
.footer-play{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;margin:10px auto;padding:0;
-webkit-justify-content:flex-end;justify-content:flex-end;flex-wrap:wrap;}

.match-box{width:100%;position:relative;padding:15px 20px;}
.tx-match-h{color:#fff;font-size:1.6rem;font-weight:900;margin:0;}

.ms-tx1{font-size:1.4rem;padding:0;margin:0;line-height:1;color:#fff;font-weight:100;}
.ms-tx2{font-size:0.7rem;padding:0;margin:0;color:#82cf28;}
.s4-tx{font-size:2rem;padding:0;margin:0;line-height:1;color:#fff;font-weight:100;}
.s5-tx{font-size:2rem;padding:0;margin:0;line-height:1;color:#fff;font-weight:100;}

.main-footer{width:100%;position:relative;margin:0 auto 30px;padding:0;display:-ms-flexbox;display: -webkit-flex;display: flex;
-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;min-height:300px;background:#000;color:#444;}
	.mf-left{width:55%;padding:30px 5%;background:#000 url(../images/banner/s6.jpg)no-repeat center center;background-size:cover;
	display:-ms-flexbox;display: -webkit-flex;display: flex;align-items:center;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;
	}
	.mf-right{width:45%;background:#fff;padding:30px 3%;}
.video-size{width:100%;height:500px;}

/* list */
.content-match{width:100%;padding:0;margin:15px auto;position:relative;display:grid;grid-gap:0;grid-template-columns:1fr;overflow:hidden;border-radius:12px;background:#191d20;border:1px solid #25292c;}
.content-match2{width:100%;padding:0;margin:15px auto;position:relative;display:grid;grid-gap:0;grid-template-columns:1fr;overflow:hidden;border-radius:12px;background:#171717;border:1px solid #222;}

.cm-head{width:100%;padding:10px 15%;position:relative;margin:0 auto;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items: center;flex-wrap:wrap;font-size:1rem;color:#82cf28;padding:10px;border-bottom:1px solid #454545;
background: rgba(16,17,19,1);
background: -moz-linear-gradient(top, rgba(16,17,19,1) 0%, rgba(25,29,36,1) 11%, rgba(16,17,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,17,19,1)), color-stop(11%, rgba(25,29,36,1)), color-stop(100%, rgba(16,17,19,1)));
background: -webkit-linear-gradient(top, rgba(16,17,19,1) 0%, rgba(25,29,36,1) 11%, rgba(16,17,19,1) 100%);
background: -o-linear-gradient(top, rgba(16,17,19,1) 0%, rgba(25,29,36,1) 11%, rgba(16,17,19,1) 100%);
background: -ms-linear-gradient(top, rgba(16,17,19,1) 0%, rgba(25,29,36,1) 11%, rgba(16,17,19,1) 100%);
background: linear-gradient(to bottom, rgba(16,17,19,1) 0%, rgba(25,29,36,1) 11%, rgba(16,17,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101113', endColorstr='#101113', GradientType=0 );
}
.program-box{width:100%;position:relative;display:block;padding:15px;}
.program-topic{width:100%;padding:8px 20px 5px;position:relative;margin:0 auto;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-start;justify-content:flex-start;align-items: center;flex-wrap:wrap;border: 1px solid #474c52;border-bottom:1px solid #0c0c0c;border-radius:8px 8px 0 0;font-size:0.9rem;color:#fff;text-shadow: 1px 2px 3px #000;
background: rgba(69,77,84,1);
background: -moz-linear-gradient(top, rgba(69,77,84,1) 0%, rgba(69,77,84,1) 1%, rgba(38,43,47,1) 4%, rgba(44,49,53,1) 30%, rgba(51,56,62,1) 97%, rgba(16,17,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,77,84,1)), color-stop(1%, rgba(69,77,84,1)), color-stop(4%, rgba(38,43,47,1)), color-stop(30%, rgba(44,49,53,1)), color-stop(97%, rgba(51,56,62,1)), color-stop(100%, rgba(16,17,19,1)));
background: -webkit-linear-gradient(top, rgba(69,77,84,1) 0%, rgba(69,77,84,1) 1%, rgba(38,43,47,1) 4%, rgba(44,49,53,1) 30%, rgba(51,56,62,1) 97%, rgba(16,17,19,1) 100%);
background: -o-linear-gradient(top, rgba(69,77,84,1) 0%, rgba(69,77,84,1) 1%, rgba(38,43,47,1) 4%, rgba(44,49,53,1) 30%, rgba(51,56,62,1) 97%, rgba(16,17,19,1) 100%);
background: -ms-linear-gradient(top, rgba(69,77,84,1) 0%, rgba(69,77,84,1) 1%, rgba(38,43,47,1) 4%, rgba(44,49,53,1) 30%, rgba(51,56,62,1) 97%, rgba(16,17,19,1) 100%);
background: linear-gradient(to bottom, rgba(69,77,84,1) 0%, rgba(69,77,84,1) 1%, rgba(38,43,47,1) 4%, rgba(44,49,53,1) 30%, rgba(51,56,62,1) 97%, rgba(16,17,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454d54', endColorstr='#101113', GradientType=0 );
}

.list-row{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;margin:0 auto;padding:5px 15px;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid #282e33;-webkit-transition: all 0.3s ; transition: all 0.3s;}
.list-row:nth-child(odd){background:#181b1e;}
.list-row:hover{background:#22272d;}
.list-row2{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;margin:0 auto;padding:5px;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid #282e33;-webkit-transition: all 0.3s ; transition: all 0.3s;}
.list-row2:nth-child(odd){background:#181b1e;}
.list-row2:hover{background:#22272d;}
.match-table{width:100%;display:grid;margin:0 auto;padding:0;overflow: hidden;border:1px solid #282e33;border-top:1px solid #000;border-radius:0 0 8px 8px;box-shadow: 0 -15px 24px #000;}
.lr-date{width:15%;padding:0;margin:0 auto;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-start;justify-content:flex-start;align-items:center;font-size:0.66rem;color:#fff;font-weight:700;line-height:1;}
.lr-date::before{padding-right:10px;vertical-align: middle;font-family: "ui02";font-weight:400;content:"\0070";color:#91ca00;font-size:1em;}
.lr-team{width:75%;padding:0;margin:0 auto;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items:center;}
	.tm-home{width:42%;text-align:right;font-size:0.72rem;line-height:1.2;color:#fff;}
	.tm-away{width:42%;text-align:left;font-size:0.72rem;line-height:1.2;color:#fff;}
	.tm-time{width:16%;font-size:0.84rem;color:#82cf28;padding:0 3px;text-align:center;}
	.tm-ct{font-size:0.68rem;line-height:1.2;color:#fff;padding:0;margin:0;}
	.tm-flag{width:26px;height:26px;margin:0 3px;}
	.tm-home2{width:40%;display: flex;align-items: center;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;text-align: right;}
	.tm-away2{width:40%;display: flex;align-items: center;}
	
.lr-link{width:10%;padding:0;margin:0 auto;position:relative;display:grid;}
.lr-link2{width:6%;padding:0;margin:0 auto;position:relative;display:grid;}
.lr-team2{width:55%;padding:0;margin:0 auto;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items:center;}
.lr-cup{width:20%;padding:0;margin:0 auto;font-size:0.6rem;color:#fff;}

.match-table2{width:100%;display:grid;grid-template-columns:1fr;margin:0 auto;padding:0;overflow: hidden;border-radius:0;box-shadow: 0 -15px 24px #000;background:#fff;grid-gap: 1px;border-bottom: 2px solid #626262;}
.program-topic2{width:100%;padding:8px 20px 5px;position:relative;margin:0 auto 2px;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-start;justify-content:flex-start;align-items: center;flex-wrap:wrap;font-size:0.9rem;color:#fff;
background: rgba(145,202,0,1);
background: -moz-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 60%, rgba(74,135,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,202,0,1)), color-stop(31%, rgba(145,202,0,1)), color-stop(60%, rgba(111,175,7,1)), color-stop(100%, rgba(74,135,0,1)));
background: -webkit-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 60%, rgba(74,135,0,1) 100%);
background: -o-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 60%, rgba(74,135,0,1) 100%);
background: -ms-linear-gradient(top, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 60%, rgba(74,135,0,1) 100%);
background: linear-gradient(to bottom, rgba(145,202,0,1) 0%, rgba(145,202,0,1) 31%, rgba(111,175,7,1) 60%, rgba(74,135,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ca00', endColorstr='#4a8700', GradientType=0 );
}

.pro-time{width:100%;height:100%;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;margin:0 auto;padding:0;-webkit-justify-content:center;justify-content:center;align-items:center;background:#f1f1f1;}
	.pro-time p{font-size:0.7rem;font-weight:700;padding:5px;margin:0 auto;color:#3d3d3d;text-align:center;}
.time-live{width:100%;font-size:0.9rem;color:red;text-align:center;}
.pro-team{width:100%;height:100%;position:relative;display:grid;grid-gap:10px;grid-template-columns:1fr 90px 1fr;grid-template-areas:"t-home t-score t-away";align-items:center;}
.pt-home{grid-area:t-home;width:100%;font-size:0.7rem;text-align:right;}
.pt-away{grid-area:t-away;width:100%;font-size:0.7rem;}
.pt-score{grid-area:t-score;width:100%;display:grid;grid-gap:0;grid-template-columns:1fr;text-align:center;}
.pro-ht{width:100%;line-height:1.1;font-size:0.68rem;padding: 3px;background:#a4dc16;color:#444;}
.pro-ft{width:100%;line-height:1.1;font-size: 0.8rem;font-weight:700;color:#fff;background: #87c202;padding: 3px;}
.pro-price{width:100%;height:100%;position:relative;display:grid;align-items:center;padding:5px;font-size:0.64rem;color:#fff;text-align:center;background:#2a303c;}


.list-row3{width:100%;position:relative;display:grid;grid-gap:10px;grid-template-columns:23% 60px 1fr auto auto;
margin:5px auto 0;padding:0 10px 0 0;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;background:#fff;font-size: 0.7rem;-webkit-transition: all 0.3s ; transition: all 0.3s;}
.scr-cup{width:100%;height:100%;display:grid;grid-gap:0;grid-template-columns:1fr;align-items:center;text-align:center;line-height:1.1;font-size: 0.74rem;padding:8px;}
.scr-time{font-weight:700;color:#000;text-align:center;}
.scr-team{width:100%;height:100%;position:relative;display:grid;grid-gap:10px;grid-template-columns:1fr 90px 1fr;grid-template-areas:"t-home scr-price t-away";align-items:center;}
.scr-price{grid-area:scr-price;width:100%;height:100%;display:grid;grid-gap:0;grid-template-columns:1fr;align-items:center;text-align:center;line-height:1.1;font-size: 0.74rem;color:#fff;background: #87c202;padding: 3px;}
.scr-ht{width:100%;padding:0 5px;text-align:center;}
.scr-ft{width:100%;padding:0 5px;text-align:center;font-size: 0.8rem;font-weight:700;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;margin:0 auto;padding:0;-webkit-justify-content:center;justify-content:center;align-items:center;color:#e01708;}
.scr-ht:before{content:"HT";margin-right:2px;display:inline;font-size:0.4rem;font-weight:700;color:#fff;padding:4px;border-radius:6px;background:#000;}
.scr-ft:before{content:"FT";margin-right:2px;display:inline;font-size:0.4rem;font-weight:700;color:#fff;padding:4px;border-radius:6px;background:#e01708;}

.gray-filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.test-ads {max-width:960px;max-height:240px
    margin: 0 auto 5px;
}


/* footer */
.footer-box{width:100%;padding:10px 15%;position:relative;margin:0 auto;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items: center;flex-wrap:wrap;}
.footer-box-in{width:100%;position:relative;display:grid;grid-gap:20px;grid-template-columns:55% 1fr;}
.ftb-left{width:100%;margin:0 auto;display:block;text-align: left;}
.ftb-right{width:100%;margin:0 auto;display:block;}
.ftb-right-link{width:100%;display:grid;grid-gap:5px;grid-template-columns:1fr 1fr 1fr;}
.footer-menu{position:relative;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;color:#fff;
-webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items: center;margin:0 auto 5px;}
.ft-icon{display:inline;margin-right:8px;opacity:0.6;-webkit-filter: grayscale(1);filter: grayscale(1);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.ft-icon:hover{opacity:1;-webkit-filter: grayscale(0);filter: grayscale(0);}
.ft-icon img{height:20px}
.ftb-col3{width:100%;position:relative;display:block;font-size:0.6rem;text-align:left;}

/* page content */

/* form */
.row-form{width:100%;position:relative;display:block;font-size:0.7rem;margin:0 auto 5px;
display:-ms-flexbox;display: -webkit-flex;display: flex;justify-content:center;align-items:center;}
.input-01{font-size:15px;padding:3px 10px 3px 40px;margin:0 auto;width:100%;background:#232323;
border:1px solid #404040;color: #444;border-radius:4px;}
.input-01:focus{background:#000;color:#fff;border:1px solid #222;}
.label-01{pointer-events: none;position: absolute;top:50%;left:10px;overflow:hidden;transform:translateY(-50%);
color:#fff;font-weight:100;font-size:1.2em;line-height:1;}
.label-02{width:100%;position:relative;display:grid;color:gray;font-weight:100;font-size:0.86em;line-height:1;}


select{color:#668cc7 !important;font-size:16px !important;display:grid;align-items:center;margin-bottom:15px !important;box-shadow: 0 0 10px rgba(23, 199, 255, 0.6);}
select option{color:#668cc7 !important}
.input-02{font-size:20px;padding:10px 20px 10px 70px;margin:0 auto;width:100%;background:#9e9067;
border-bottom:1px solid #ad8a59;color: #fff;border-radius:4px;outline: none;}
.input-02:focus{background:#fefefe;color:#000;border-bottom:1px solid #2061b0;}
.input-03{font-size:18px;padding:10px 20px;margin:0 auto;width:100%;background:#fff;color:#0bb7ff !important;
border:1px solid #e2e2e2;color: #444;border-radius:4px;box-shadow:none !important;font-size:0.7rem;}

.input-04{font-size:16px;padding:8px 20px;margin:0 auto;width:100%;background:#060606;color:#1ef500;
border-radius:4px;box-shadow:none;border:1px solid rgb(169, 169, 169);}

.input-05{font-size:1rem;padding:5px 20px;margin:0 auto;width:100%;background:#968e72;color: #fff;
border-radius:4px;box-shadow:none;position:relative;display:block;}

.input-06{font-size:0.8rem;padding:10px 20px;margin:0 auto 5px;width:100%;background:#e8e8e8;color: #000;
border-radius:0;box-shadow:none;position:relative;display:block;}

.row-form-otp{width:100%;position:relative;display:grid;grid-gap:10px;grid-template-columns:1fr auto;
font-size:0.7rem;margin:0 auto 15px;}
.row-form-time{width:100%;position:relative;display:grid;grid-gap:10px;grid-template-columns:1fr 1fr;
font-size:0.7rem;margin:0 auto 15px;}


::placeholder {color:#a3a3a3;opacity: 1;font-size:0.8rem;}
:-ms-input-placeholder {color:#a3a3a3}
::-ms-input-placeholder {color:#a3a3a3;}
::selected{color:#a3a3a3;text-align:center;}

/* banner fix */
.banner-fix-right{z-index:996;width:60px;height:100%;position:fixed;top:50%;right:0;transform:translateY(-50%);}
.bfix-h{z-index:994;width:60px;height:300px;position:fixed;top:50%;right:0;transform:translateY(-50%);
display:flex;display: -webkit-flex;
background:url(../images/icon/bfix-h.png)no-repeat right center;background-size:70%;opacity:1;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.banner-fix-right:hover .bfix-h{opacity:0;right:-100px}
.bfix-ct{z-index:997;width:80px;height:100vh;overflow:hidden;display:flex;display: -webkit-flex;
-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;
flex-direction: column;background:#2a2a2a;position:fixed;top:50%;right:-100px;transform:translateY(-50%);
-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.banner-fix-right:hover .bfix-ct{right:0}
p.bfix-im,p.bfix-idl{font-size:0.4rem;color:#fff;font-weight:600;margin:0;}
p.bfix-im i{margin-right:8px;}
.bfix-iline,.bfix-iandro,.bfix-iios{font-size:0.3rem;background:none;opacity:0.7;width:100%;padding: 5px 0;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bfix-iline:hover,.bfix-iandro:hover,.bfix-iios:hover{background:none;opacity:1;}

.bfix-iline:before{width:60px;height:60px;position:relative;display:block;margin:0 auto;overflow:hidden;
content:"";background:url(../images/icon/icon-app.png)no-repeat 0px 0px;background-size:180px;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bfix-iline:hover:before{background:url(../images/icon/icon-app.png)no-repeat 0px -60px}
.bfix-iline{border-top:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;padding-bottom:5px;}
.bfix-idl{margin-top:15px !important;}

.bfix-iandro:before{width:60px;height:60px;position:relative;display:block;margin:0 auto;overflow:hidden;
content:"";background:url(../images/icon/icon-app.png)no-repeat -120px 0px;background-size:180px;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bfix-iandro:hover:before{background:url(../images/icon/icon-app.png)no-repeat -120px -60px}
.bfix-iandro{padding-bottom:5px;}

.bfix-iios:before{width:60px;height:60px;position:relative;display:block;margin:0 auto;overflow:hidden;
content:"";background:url(../images/icon/icon-app.png)no-repeat -60px 0px;background-size:180px;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bfix-iios:hover:before{background:url(../images/icon/icon-app.png)no-repeat -60px -60px}
.bfix-iios{border-bottom:1px solid #7a7a7a;padding-bottom:5px;}

.banner-fix-left{z-index:991;position:fixed;left:15px;bottom:5vh;width:120px;height:auto;display:flex;display: -webkit-flex;
-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.bfix-left-qr{padding:10px;border-radius:14px;box-shadow:3px 5px 10px rgba(0, 0, 0, 0.13);overflow:hidden;text-align:center;
background:#2d2d2d}
.qr-box{margin:0 auto 5px;width:100%;}
.toggle-qr{position:absolute;top:-5px;left:-5px;font-size:0.7rem;line-height:1;
color:#fff;background:#17c207;padding:3px 4px;display:block;border-radius:6px;}
button.ft-icon{background:none;margin:0 auto;}button.ft-icon:hover{background:#f3f3f3}
button.ft-icon i{line-height:1;font-size:1.8rem;color:#444;}

.gray-filter{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.color{-webkit-filter: grayscale(0%)!important;filter: grayscale(0%)!important;}
.test-ads{margin:0 auto 5px;}


/* popup */
.modal-dialog{width:100%;height:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;align-items: center;}
.modal-content{width:90%;max-width:480px;border-radius:12px;background:#fff;box-shadow:0 5px 30px rgba(0, 0, 0, 0.7);padding:20px;color:#444;text-align:center;display:block;position:relative;}
.modal-header{-webkit-justify-content:center !important;justify-content:center !important;padding: 0 !important;}
button.close{position:absolute;right:0;top:0;}
.modal-title{font-size:0.8rem;margin-bottom:15px !important;}
.tded-box{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items: center;margin: 10px auto 5px;}
.custom-control-label{text-align: left;width: 100%;}

/* Make it a marquee */
.textrun-box{width: 100%;margin: 0 auto 5px;padding:3px 5px 3px;overflow: hidden;position:relative;background:#001d21;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items: center;}
.datebox{width:25%;padding:3px 5px;display:inline;position:relative;font-size:0.7rem;color:#008b83;text-align:right;}
.marquee {
    width: 73%;
    margin: 0 auto;
	padding:2px;
    overflow: hidden;
	background:#000;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;color:#008b83;
}
.marquee:hover {
    animation-play-state: paused
}

/* Icon */

/* button */

/* responsive */
@media only screen and (max-width:1600px){
.main-s4,.main-s5{padding:8% 0;}
}
@media (max-width:1080px){
.ms{height:220px;}
.ms-tx1{font-size:1.1rem;}.ms-tx2{font-size: 0.64rem;}
.main-s4,.main-s5{padding:5% 0;}
.mobox{padding:0 5%;}
.page-register{padding:20px 5%;}
.list-row2{grid-template-columns: 10% 45px 1fr 15%;}
.pro-team{grid-template-columns: 1fr 60px 1fr;}
.list-row3{grid-template-columns: 15% 60px 1fr auto auto;}
.scr-cup{font-size:0.6rem;}.scr-ft{font-size:0.7rem;}
}
@media (max-width:960px){
.headbox{padding:26px 5% 10px;}
.head-left{width:40%;}
.head-right{width:60%;}.login-box{max-width:360px;}
.datebox{width:30%;}.marquee{width:70%;font-size: 0.64rem;}
.tx-ct{font-size:0.68rem;}
.s4-tx,.s5-tx{font-size:1.4rem;}
button.btn-try{font-size:0.74rem !important;}button.btn-try:hover:after{font-size:0.6rem;}
button.btn-try:hover{padding-right: 35px;}
.mf-left{width:35%;}
.mf-right{width:65%;}
.contact-col{width:100%;}
.box-ct-50{width:100%;border-bottom:1px solid #444;}

}
@media (max-width:880px){
.list-row3{grid-template-columns: 20% 60px 1fr auto auto;}
.scr-team{grid-template-columns: 1fr 90px;grid-template-areas: "t-home scr-price""t-away scr-price";grid-gap: 0;}
.pt-home{text-align:left;}
.lr-date{width:20%;}.lr-team2{width:60%;}.lr-cup{width:20%;}
.lr-team{width:70%;}
.lr-link2{width:100%;}
}
@media (max-width:760px){
ul li a:link.link-menubar, ul li a:visited.link-menubar{padding: 3px 10px;margin: 0 2px 3px;border-radius: 0px;}
.submenu{-webkit-justify-content: center;justify-content: center;padding: 0 5%;}
.mobox{padding:5px 10px;}
.ms{width:100%;height:140px;}
.pg-login-box{grid-template-columns: 1fr;max-width:600px;}
.pg-login-left{padding: 10% 30px;background: #161616 url(../images/bg-login.jpg)no-repeat top center;background-size: cover;}
.video-size{height:460px;}

}
@media (max-width:680px){
#toggle + label{display:block !important;top:0 !important}
.banner-fix-left{display:none;}
.fix-top{padding:3px;-webkit-justify-content: center;justify-content: center;}
.fix-top-right{display:none;}
.btn-promotion{width:80%;}
.headbox{-webkit-justify-content: center;justify-content: center;}
.head-left{width:100%;padding:0;}
.head-right{width:100%;height:auto;padding:0;}.login-box{max-width:100%;}
.mf-left{width:100%;}
.mf-right{width:100%;padding: 20px 5%;}
.datebox{width:100%;text-align: center;}.marquee{width:100%;font-size: 0.64rem;}
.pg-contact-box{grid-template-columns: 1fr;}
.row-form{display: block;}.label-02{text-align: left;padding-bottom: 5px;}
ul.box-ct-form li{grid-gap:0;grid-template-columns: 1fr;}
.footer-box{padding:10px 5%;}
.ftb-left img{text-align:center;}
.footer-box-in{grid-template-columns: 1fr;}
.top-play{display:grid;grid-template-columns:1fr;}
.top-play li{width:100%;}
.topic-play{width:100%;margin:0;text-align: center;}
.head-play2{text-align: center;}
.video-size{height:400px;}
.lr-date{width:20%;font-size:0.64rem;}.lr-date:before{display:none;}
.lr-team2{width:100%;}.lr-cup{width:100%;text-align:center;}
.lr-team{width:70%;}
.tm-time{font-size:0.7rem;}
button.btn-more{font-size:0.6rem !important;padding:2px 3px !important;}
.pro-time p{font-size:0.6rem;}.time-live{font-size:0.8rem;}
.pro-team{padding:3px;grid-template-columns: 1fr 30%;grid-gap:0;grid-template-areas: "t-home t-score""t-away t-score";}
.pt-home,.pt-away{text-align:left;font-size:0.68rem;}
.list-row3{grid-template-columns:65px 1fr 20%;padding: 0;grid-gap: 0;
grid-template-areas:"scr-01 scr-01 scr-01""scr-02 scr-03 scr-04""scr-02 scr-03 scr-05";}
.scr-cup{grid-area:scr-01;}.scr-time{grid-area:scr-02;font-size: 0.6rem;}.scr-team{grid-area:scr-03;}.scr-ht{grid-area:scr-04;}.scr-ft{grid-area:scr-05;}
.scr-ht:before{padding:2px 10px;margin:0 2px 2px;}
.scr-ft:before{padding:2px 10px;margin:2px 5px 0;}

}
@media (max-width:580px){
.list-row{padding:5px 0;}
.lr-date{width:100%;-webkit-justify-content: center;justify-content: center;padding:5px;background:#2e3338;}
.lr-team{width:100%;}.lr-link{width:100%;}
button.btn-more{margin:5px auto !important}
.list-row2{grid-template-columns: 1fr;grid-gap:0;margin-bottom: 5px;}
.pro-price{background:#fff;color:#8bc34a;}
.pro-team{padding:3px 10px;}
.list-row3{grid-template-columns:1fr 25%;padding: 0;grid-gap: 0;
grid-template-areas:"scr-01 scr-01""scr-02 scr-02""scr-03 scr-04""scr-03 scr-05";}
.scr-team{grid-template-columns: 1fr 70px;}
.scr-time{background: #e7e7e7;}.scr-team{padding-left:10px;}.scr-price{font-size:0.6rem;}

}
@media (max-width:480px){
.login-form{grid-template-columns: 1fr 100px;}
.topmenu{display:none}
.message{max-width:100% !important;background:rgba(0, 0, 0, 0.87) !important;}
.pg-register{padding:14px;}
.ftb-right-link{grid-template-columns: 1fr;}
.video-size{height:300px;}
}