@font-face{
    font-family:Segoe;
	src:url(/tokyolottery/fonts/segoeui.ttf);
    /* src:url('/font/Segoe UI.ttf') */
}
@font-face{
    font-family:SegoeBold;
    src:url(/tokyolottery/fonts/segoeuib.ttf);
}
@font-face{
    font-family:Digital;
    src:url(/tokyolottery/fonts/digital-7.ttf);
}
body,pre,span{
    margin:0;
    font-family:Segoe,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
/* body{
    /* background-color:#1c0112 */
	/* background-color:#1c0112; */
/* } */ 
code{
    font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace
}
a{
    color:inherit;
    text-decoration:none
}
*{
    box-sizing:border-box;
    letter-spacing:.05em
}
@keyframes rotation{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(359deg)
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes leftToRight{
    0%{
        left:-100%
    }
    100%{
        left:0
    }
}

.MuiContainer-root {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}
@media (min-width:600px) {
.MuiContainer-root {
	padding-left: 24px;
	padding-right: 24px;
}
}
.MuiContainer-disableGutters {
padding-left: 0;
padding-right: 0;
}
@media (min-width:600px) {
.MuiContainer-fixed {
	max-width: 600px;
}
}
@media (min-width:960px) {
.MuiContainer-fixed {
	max-width: 960px;
}
}
@media (min-width:1280px) {
.MuiContainer-fixed {
	max-width: 1280px;
}
}
@media (min-width:1920px) {
.MuiContainer-fixed {
	max-width: 1920px;
}
}
@media (min-width:0px) {
.MuiContainer-maxWidthXs {
	max-width: 444px;
}
}
@media (min-width:600px) {
.MuiContainer-maxWidthSm {
	max-width: 600px;
}
}
@media (min-width:960px) {
.MuiContainer-maxWidthMd {
	max-width: 960px;
}
}
@media (min-width:1280px) {
.MuiContainer-maxWidthLg {
	max-width: 1280px;
}
}
@media (min-width:1920px) {
.MuiContainer-maxWidthXl {
	max-width: 1920px;
}
}

.jss3 {
  margin: auto;
  padding: 0 20px;
  max-width: 1180px;
}
@media (max-width:959.95px) {
  .jss3 {
    margin: 0px;
    padding: 0px;
  }
}

.jss44 {
  margin: auto;
  padding: 0 20px;
  max-width: 1180px;
  background-image: radial-gradient(circle, #e2e7ed 0%, #ffffff 100%);
}
@media (max-width:959.95px) {
  .jss44 {
    margin: 0px;
    padding: 0px;
  }
}

.jss1 {
	color: #FFF;
	background-color: #fff;
  }
  .jss2 {
	position: relative;
	animation: fadeIn ease-in .5s;
	min-height: calc(100vh - 195px);
	transition: all .5s ease-in-out;
	background-size: 100% auto;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
  }
  @media (max-width:959.95px) {
	.jss2 {
	  min-height: calc(100vh - 185px);
	  background-size: 140% auto;
	}
  }
  @media (max-width:599.95px) {
	.jss2 {
	  min-height: calc(100vh - 155px);
	  background-size: 150% auto;
	}
  }

  .jss45 {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss45 {
	  font-size: 2vw;
	}
  }
  .jss46 {
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
  }
  .jss47 span {
	font-size: 26.0px;
	font-family: SegoeBold;
  }
  @media (max-width:959.95px) {
	.jss47 span {
	  font-size: 3.3vw;
	}
  }
  @media (max-width:599.95px) {
	.jss47 span {
	  font-size: 4vw;
	}
  }
  .jss48 {
	width: auto;
	height: 100%;
  }
  .jss49 {
	width: 100%;
	display: flex;
	padding: 2px 0px 10px 0px;
	position: relative;
	align-items: center;
	flex-direction: row;
	justify-content: center;
  }
  .jss50 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	opacity: 0.3;
	z-index: 0;
	position: absolute;
  }
  .jss51 {
	color: #fff;
	width: 35px;
	height: 35px;
	margin: 3px;
	display: flex;
	padding: 1px;
	z-index: 1;
	font-size: 28px;
	text-align: center;
	align-items: center;
	font-family: SegoeBold;
	border-radius: 5px;
	justify-content: center;
	background-color: #22599a;
  }
  @media (max-width:959.95px) {
	.jss51 {
	  width: 32px;
	  height: 32px;
	  margin: 2px;
	  font-size: 24px;
	  border-radius: 4px;
	}
  }
  @media (max-width:599.95px) {
	.jss51 {
	  width: 5vw;
	  height: 5vw;
	  margin: 1px;
	  font-size: 5vw;
	  border-radius: 2px;
	}
  }

  .jss28 {
	display: flex;
	position: relative;
	align-items: flex-start;
	border-radius: 5px;
	flex-direction: column;
	justify-content: center;
  }
  .jss29 {
	display: flex;
	position: relative;
	align-items: flex-end;
	vertical-align: text-bottom;
	justify-content: flex-start;
  }
  @media (max-width:599.95px) {
	.jss29 {
	  width: 100%;
	  justify-content: center;
	}
  }
  .jss29 span {
	color: #ffbd76;
	height: auto;
	margin: 0px;
	display: inline-block;
	font-size: 26.0px;
	align-items: flex-start;
	font-family: SegoeBold;
	text-transform: uppercase;
	vertical-align: middle;
	justify-content: flex-end;
  }
  @media (max-width:959.95px) {
	.jss29 span {
	  font-size: 3.3vw;
	}
  }
  @media (max-width:599.95px) {
	.jss29 span {
	  font-size: 4.2vw;
	}
  }
  .jss30 {
	height: 40px;
	display: flex;
	align-items: flex-end;
	vertical-align: text-bottom;
	justify-content: flex-end;
  }
  .jss30 span {
	color: #ffbd76;
	height: auto;
	margin: 0px;
	display: inline-block;
	font-size: 26.0px;
	align-items: flex-start;
	font-family: SegoeBold;
	text-transform: uppercase;
	vertical-align: bottom;
	justify-content: flex-end;
  }
  @media (max-width:959.95px) {
	.jss30 span {
	  font-size: 3.3vw;
	}
  }
  @media (max-width:599.95px) {
	.jss30 span {
	  font-size: 4.2vw;
	}
  }
  .jss31 {
	width: auto;
	display: flex;
	padding: 20px;
	position: relative;
	animation: fadeIn ease-in .5s;
	transition: all .5s ease-in-out;
	align-items: center;
	flex-direction: column;
	background-size: auto 100%;
	justify-content: space-around;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
  }
  @media (max-width:959.95px) {
	.jss31 {
	  font-size: 2vw;
	}
  }
  .jss32 {
	flex: 1;
	display: flex;
	z-index: 2;
	justify-content: center;
  }
  .jss33 {
	height: 100%;
	display: flex;
	z-index: 0;
	position: absolute;
  }
  .jss34 {
	width: 80px;
	height: 100%;
	display: flex;
	position: relative;
  }
  .jss35 {
	top: -8%;
	left: 85%;
	width: auto;
	height: 100px;
	z-index: 1;
	position: absolute;
  }
  @media (max-width:959.95px) {
	.jss35 {
	  height: 90px;
	}
  }
  @media (max-width:599.95px) {
	.jss35 {
	  height: 80px;
	  margin: 2px 2px 0px 2px;
	}
  }

  .jss60 {
	width: 100%;
	overflow: hidden;
	font-size: 26.0px;
	border-spacing: 0px;
  }
  .jss60 table {
	overflow: hidden;
	border-collapse: collapse;
  }
  @media (max-width:959.95px) {
	.jss60 {
	  font-size: 3.3vw;
	}
  }
  .jss61 tr {
	height: 60px;
	background-color: #29184e;
  }
  .jss61 th {
	text-align: left;
  }
  @media (max-width:959.95px) {
	.jss61 tr {
	  height: 9.375vw;
	}
  }
  .jss62 tr {
	height: 40px;
  }
  @media (max-width:959.95px) {
	.jss62 tr {
	  height: 6.25vw;
	}
  }
  .jss63 {
	margin: 6px;
	display: flex;
	align-items: center;
	flex-direction: colum;
	justify-content: center;
  }
  .jss64 {
	color: #fff;
	width: 35px;
	height: 35px;
	margin: 2px;
	display: flex;
	padding: 1px;
	font-size: 28px;
	box-sizing: content-box;
	align-items: center;
	font-family: SegoeBold;
	border-radius: 5px;
	justify-content: center;
	background-color: #22599a;
  }
  @media (max-width:959.95px) {
	.jss64 {
	  width: 32px;
	  height: 32px;
	  margin: 2px;
	  font-size: 24px;
	  border-radius: 4px;
	}
  }
  @media (max-width:599.95px) {
	.jss64 {
	  width: 5vw;
	  height: 5vw;
	  margin: 1px;
	  font-size: 5vw;
	  border-radius: 2px;
	}
  }

  .jss52 {
	margin: 80px 100px 20px 0px;
	padding: 5px;
	position: relative;
	border-radius: 5px;
  }
  @media (max-width:959.95px) {
	.jss52 {
	  margin: 60px 0px 10px 0px;
	}
  }
  @media (max-width:599.95px) {
	.jss52 {
	  margin: 30px 0px 10px 0px;
	}
  }
  .jss54 {
	width: 100%;
	margin: 1px;
	display: inline-block;
	z-index: 1;
  }
  @media (max-width:959.95px) {
	.jss54 {
	  width: 100%;
	}
  }
  .jss55 {
	display: flex;
	z-index: 1;
	position: relative;
	align-items: flex-end;
	margin-left: 10px;
  }
  .jss55 span {
	color: #22599a;
	margin: 0px;
	font-size: 26.0px;
	font-family: SegoeBold;
  }
  @media (max-width:959.95px) {
	.jss55 span {
	  font-size: 3.3vw;
	}
  }
  @media (max-width:599.95px) {
	.jss55 span {
	  font-size: 4.2vw;
	}
  }
  .jss56 {
	width: auto;
	height: 12px;
	margin: 2px 2px 0px 2px;
  }
  @media (max-width:959.95px) {
	.jss56 {
	  margin: 2px 2px 0px 2px;
	}
  }
  .jss57 {
	left: -10%;
	bottom: -20%;
	height: 180%;
	display: flex;
	z-index: 0;
	position: absolute;
  }
  @media (max-width:599.95px) {
	.jss57 {
	  height: 160%;
	}
  }
  .jss58 {
	left: -5%;
	bottom: -20%;
	height: 140%;
	display: flex;
	z-index: 0;
	position: absolute;
  }

  .jss59 {
    width: 100%;
    display: flex;
    z-index: 1;
    justify-content: space-around;
}

  .jss23 {
	display: flex;
	min-height: 100%;
	align-items: flex-start;
	flex-direction: column;
	justify-content: flex-start;
  }
  .jss24 {
	width: 100%;
	display: flex;
	align-self: stretch;
	align-items: flex-start;
	margin-bottom: 15px;
	flex-direction: row;
	justify-content: flex-end;
  }
  @media (max-width:959.95px) {
	.jss24 {
	  justify-content: center;
	}
  }
  .jss24 span {
	padding: 0 0 0 15px;
  }
  .jss24 :nth-child(1) {
	color: #fff;
  }
  .jss24 :nth-child(2) {
	color: #1ab50d;
  }
  .jss24 :nth-child(3) {
	color: #ffbb02;
  }
  @media (max-width:959.95px) {
	.jss24 span {
	  padding: 0 0 0 10px;
	  font-size: 2vw;
	}
  }
  .jss25 {
	width: 200px;
	height: 490px;
	display: flex;
	position: relative;
	flex-flow: column;
	align-items: center;
	margin-right: 10px;
	flex-direction: column;
	justify-content: space-around;
  }
  @media (max-width:959.95px) {
	.jss25 {
	  width: 100%;
	  height: 40px;
	  margin-right: 0;
	  flex-direction: row;
	}
  }
  @media (max-width:599.95px) {
	.jss25 {
	  width: 100%;
	  height: 28px;
	  margin-right: 0;
	}
  }
  .jss26 {
	width: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss26 {
	  width: 100%;
	  flex-wrap: wrap;
	  flex-direction: column;
	}
  }
  .jss27 {
	width: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss27 {
	  width: 70%;
	  margin-bottom: 10px;
	}
  }
  @media (max-width:599.95px) {
	.jss27 {
	  width: 100%;
	}
  }

  .jss10 {
	border: 1px solid #000;
	cursor: pointer;
	height: 40px;
	display: inline-flex;
	padding: 10px;
	position: relative;
	min-width: 210px;
	max-height: 100%;
	align-items: center;
	border-radius: 5px;
	justify-content: space-between;
	background-color: transparent;
  }
  @media (max-width:959.95px) {
	.jss10 {
	  height: 30px;
	  display: flex;
	  padding: 0 5px 0 5px;
	  max-width: 140px;
	  min-width: 120px;
	  max-height: 40px;
	  margin-left: 10px;
	}
  }
  @media (max-width:599.95px) {
	.jss10 {
	  height: 25px;
	  display: flex;
	  padding: 0 5px 0 5px;
	  max-width: 120px;
	  min-width: 100px;
	  max-height: 40px;
	  margin-left: 10px;
	}
  }
  .jss11 {
	height: 100%;
  }
  @media (max-width:959.95px) {
	.jss11 {
	  height: 43%;
	}
  }
  .jss12 {
	height: 100%;
  }
  .jss13 {
	color: #000;
	padding: 0 10px;
	font-size: 16.5px;
  }
  @media (max-width:959.95px) {
	.jss13 {
	  padding: 0 1vw;
	  font-size: 14px;
	}
  }
  @media (max-width:599.95px) {
	.jss13 {
	  padding: 0 1vw;
	  font-size: 12px;
	}
  }
  .jss14 {
	top: 100%;
	left: 0;
	width: 100%;
	border: 1px solid #000;
	z-index: 1101;
	position: absolute;
	min-width: 210px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.4);;
  }
  .jss15 {
	width: 100%;
	height: 45px;
	display: inline-flex;
	padding: 10px 10px;
	align-items: center;
  }
  @media (max-width:959.95px) {
	.jss15 {
	  height: 30px;
	  padding: 1vw;
	  min-width: 160;
	}
  }
  .jss15:hover {
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.6);;
  }
  .jss16 {
	width: 100%;
	height: 45px;
	display: inline-flex;
	padding: 10px 10px;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.6);;
  }
  @media (max-width:959.95px) {
	.jss16 {
	  height: 30px;
	  padding: 1vw;
	  min-width: 160;
	}
  }
  .jss17 {
	color: #FFF;
	margin-left: 20px;
  }

  .jss4 {
	display: flex;
	padding: 20px 0 10px;
	align-items: center;
	justify-content: space-between;
  }
  @media (max-width:959.95px) {
	.jss4 {
	  padding: 0px 0 0px;
	}
  }
  .jss5 {
	display: flex;
	padding: 20px 0 10px;
	align-items: center;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss5 {
	  width: 100%;
	  height: 40px;
	  padding: 0px 0px 0px 0px;
	  font-size: 2.5vw;
	  background-color: #98c6e8;
	}
  }
  @media (max-width:599.95px) {
	.jss5 {
	  width: 100%;
	  height: 30px;
	  padding: 0px 0px 0px 0px;
	  font-size: 2.5vw;
	  background-color: #98c6e8;
	}
  }
  .jss6 {
	color: #000;
	display: flex;
	align-items: flex-start;
	margin-right: 45px;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss6 {
	  color: white;
	  width: 34%;
	  height: 100%;
	  display: flex;
	  font-size: 2.0vw;
	  align-items: center;
	  margin-right: 0px;
	  justify-content: flex-start;
	}
  }
  @media (max-width:599.95px) {
	.jss6 {
	  color: white;
	  width: 34%;
	  height: 100%;
	  display: flex;
	  font-size: 2.5vw;
	  align-items: center;
	  margin-right: 0px;
	  justify-content: flex-start;
	}
  }
  .jss7 {
	color: #000;
	margin-right: 45px;
  }
  @media (max-width:959.95px) {
	.jss7 {
	  width: 34%;
	  height: 100%;
	  display: flex;
	  font-size: 2.0vw;
	  align-items: center;
	  margin-right: 0px;
	  justify-content: center;
	}
  }
  @media (max-width:599.95px) {
	.jss7 {
	  width: 34%;
	  height: 100%;
	  display: flex;
	  font-size: 2.5vw;
	  align-items: center;
	  margin-right: 0px;
	  justify-content: center;
	}
  }
  .jss8 {
	color: #000;
	display: flex;
	font-family: SegoeBold;
  }
  @media (max-width:959.95px) {
	.jss8 {
	  width: 100%;
	  height: 100%;
	  align-items: center;
	  margin-right: 0px;
	  justify-content: center;
	  background-color: #fff;
	}
  }
  .jss9 {
	color: #000;
	display: flex;
  }
  @media (max-width:959.95px) {
	.jss9 {
	  width: 100%;
	  height: 100%;
	  align-items: center;
	  margin-right: 0px;
	  justify-content: center;
	}
  }

  .jss36 {
	height: 90px;
	display: flex;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss36 {
	  height: auto;
	  padding: 1vw 0;
	}
  }
  .jss37 {
	color: black;
	width: 100%;
	height: 100%;
	display: flex;
	text-align: center;
	align-items: center;
	flex-direction: column;
	justify-content: center;
  }
  .jss38 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .jss39 {
	margin: 0px 20px 0 20px;
	display: flex;
	flex-wrap: wrap;
	font-size: 10px;
	align-items: center;
	flex-direction: row;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss39 {
	  font-size: 1.55vw;
	}
  }
  .jss40 {
	width: 100%;
	display: flex;
	font-size: 10px;
	align-items: center;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss40 {
	  font-size: 2vw;
	  align-items: center;
	}
  }
  .jss40 pre, .jss40 span {
	font-size: 16.5px;
	word-wrap: break-word;
	margin-left: 3px;
	margin-right: 3px;
  }
  @media (max-width:959.95px) {
	.jss40 pre, .jss40 span {
	  font-size: 1.8vw;
	}
  }
  .jss41 {
	margin-top: 10px;
  }
  .jss42 {
	height: 60px;
	margin: 5px;
  }
  @media (max-width:959.95px) {
	.jss42 {
	  height: 55px;
	  margin: 2px;
	}
  }
  @media (max-width:599.95px) {
	.jss42 {
	  height: 8.5vw;
	  margin: 1px;
	}
  }
  .jss43 {
	height: 20px;
	margin: 5px;
  }
  @media (max-width:959.95px) {
	.jss43 {
	  height: 20px;
	}
  }
  @media (max-width:599.95px) {
	.jss43 {
	  height: 4vw;
	}
  }

  .jss19 {
	width: 100%;
	display: flex;
	position: relative;
	min-height: calc(100vw / 1920 * 360);
	align-items: flex-end;
	margin-bottom: 5px;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss19 {
	  min-height: calc(100vw / 1920 * 540);
	}
	.jss19 ball__left {
	  display: flex;
	}
  }
  .jss20 {
	width: 100%;
	display: flex;
	position: relative;
	min-height: calc(100vw / 1920 * 220);
	align-items: flex-end;
	margin-bottom: 5px;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss20 {
	  min-height: calc(100vw / 1920 * 380);
	}
	.jss20 ball__left {
	  display: flex;
	}
  }
  .jss20t {
	width: 100%;
	display: inline-block;
	align-items: center;
	justify-content: center;
  }
  .jss21 {
	left: 0%;
	width: 30%;
	bottom: 5%;
	position: absolute;
  }
  @media (max-width:959.95px) {
	.jss21 {
	  left: 10px;
	  width: 30%;
	  bottom: 5%;
	}
  }
  @media (max-width:599.95px) {
	.jss21 {
	  left: 50%;
	  width: 50%;
	  bottom: 10%;
	  min-width: 190px;
	  transform: translateX(-50%);
	}
  }
  .jss22 {
	left: 50%;
	width: 38%;
	bottom: 55%;
	z-index: 1;
	position: absolute;
	transform: translateX(-50%);
  }
  @media (max-width:1279.95px) {
	.jss22 {
	  bottom: 130px;
	}
  }
  @media (max-width:959.95px) {
	.jss22 {
	  top: 15%;
	  left: 50%;
	  width: 50%;
	}
  }

.MuiTouchRipple-root {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	border-radius: inherit;
	pointer-events: none;
  }
  .MuiTouchRipple-ripple {
	opacity: 0;
	position: absolute;
  }
  .MuiTouchRipple-rippleVisible {
	opacity: 0.3;
	animation: MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
	transform: scale(1);
  }
  .MuiTouchRipple-ripplePulsate {
	animation-duration: 200ms;
  }
  .MuiTouchRipple-child {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	border-radius: 50%;
	background-color: currentColor;
  }
  .MuiTouchRipple-childLeaving {
	opacity: 0;
	animation: MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .MuiTouchRipple-childPulsate {
	top: 0;
	left: 0;
	position: absolute;
	animation: MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
  }
  @-webkit-keyframes MuiTouchRipple-keyframes-enter {
	0% {
	  opacity: 0.1;
	  transform: scale(0);
	}
	100% {
	  opacity: 0.3;
	  transform: scale(1);
	}
  }
  @-webkit-keyframes MuiTouchRipple-keyframes-exit {
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
  }
  @-webkit-keyframes MuiTouchRipple-keyframes-pulsate {
	0% {
	  transform: scale(1);
	}
	50% {
	  transform: scale(0.92);
	}
	100% {
	  transform: scale(1);
	}
  }

  .MuiButtonBase-root {
	color: inherit;
	border: 0;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	outline: 0;
	padding: 0;
	position: relative;
	align-items: center;
	user-select: none;
	border-radius: 0;
	vertical-align: middle;
	-moz-appearance: none;
	justify-content: center;
	text-decoration: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
  }
  .MuiButtonBase-root::-moz-focus-inner {
	border-style: none;
  }
  .MuiButtonBase-root.Mui-disabled {
	cursor: default;
	pointer-events: none;
  }
  @media print {
	.MuiButtonBase-root {
	  -webkit-print-color-adjust: exact;
	}
  }

  .MuiSvgIcon-root {
	fill: currentColor;
	width: 1em;
	height: 1em;
	display: inline-block;
	font-size: 1.5rem;
	transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	flex-shrink: 0;
	user-select: none;
  }
  .MuiSvgIcon-colorPrimary {
	color: #3f51b5;
  }
  .MuiSvgIcon-colorSecondary {
	color: #f50057;
  }
  .MuiSvgIcon-colorAction {
	color: rgba(0, 0, 0, 0.54);
  }
  .MuiSvgIcon-colorError {
	color: #f44336;
  }
  .MuiSvgIcon-colorDisabled {
	color: rgba(0, 0, 0, 0.26);
  }
  .MuiSvgIcon-fontSizeInherit {
	font-size: inherit;
  }
  .MuiSvgIcon-fontSizeSmall {
	font-size: 1.25rem;
  }
  .MuiSvgIcon-fontSizeLarge {
	font-size: 2.1875rem;
  }

  .MuiPaginationItem-root {
	color: rgba(0, 0, 0, 0.87);
	height: 32px;
	margin: 0 3px;
	padding: 0 6px;
	font-size: 0.875rem;
	min-width: 32px;
	box-sizing: border-box;
	text-align: center;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.43;
	border-radius: 16px;
	letter-spacing: 0.01071em;
  }
  .MuiPaginationItem-page {
	transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }
  .MuiPaginationItem-page:hover {
	background-color: rgba(0, 0, 0, 0.04);
  }
  .MuiPaginationItem-page.Mui-focusVisible {
	background-color: rgba(0, 0, 0, 0.12);
  }
  .MuiPaginationItem-page.Mui-selected {
	background-color: rgba(0, 0, 0, 0.08);
  }
  .MuiPaginationItem-page.Mui-disabled {
	opacity: 0.38;
  }
  .MuiPaginationItem-page.Mui-selected:hover, .MuiPaginationItem-page.Mui-selected.Mui-focusVisible {
	background-color: rgba(0, 0, 0, 0.12);
  }
  .MuiPaginationItem-page.Mui-selected.Mui-disabled {
	color: rgba(0, 0, 0, 0.26);
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.08);
  }
  @media (hover: none) {
	.MuiPaginationItem-page.Mui-selected:hover, .MuiPaginationItem-page.Mui-selected.Mui-focusVisible {
	  background-color: rgba(0, 0, 0, 0.08);
	}
  }
  @media (hover: none) {
	.MuiPaginationItem-page:hover {
	  background-color: transparent;
	}
  }
  .MuiPaginationItem-sizeSmall {
	height: 26px;
	margin: 0 1px;
	padding: 0 4px;
	min-width: 26px;
	border-radius: 13px;
  }
  .MuiPaginationItem-sizeSmall .MuiPaginationItem-icon {
	font-size: 1.125rem;
  }
  .MuiPaginationItem-sizeLarge {
	height: 40px;
	padding: 0 10px;
	font-size: 0.9375rem;
	min-width: 40px;
	border-radius: 20px;
  }
  .MuiPaginationItem-sizeLarge .MuiPaginationItem-icon {
	font-size: 1.375rem;
  }
  .MuiPaginationItem-textPrimary.Mui-selected {
	color: #fff;
	background-color: #3f51b5;
  }
  .MuiPaginationItem-textPrimary.Mui-selected:hover, .MuiPaginationItem-textPrimary.Mui-selected.Mui-focusVisible {
	background-color: #303f9f;
  }
  .MuiPaginationItem-textPrimary.Mui-selected.Mui-disabled {
	color: rgba(0, 0, 0, 0.26);
  }
  @media (hover: none) {
	.MuiPaginationItem-textPrimary.Mui-selected:hover, .MuiPaginationItem-textPrimary.Mui-selected.Mui-focusVisible {
	  background-color: #3f51b5;
	}
  }
  .MuiPaginationItem-textSecondary.Mui-selected {
	color: #fff;
	background-color: #f50057;
  }
  .MuiPaginationItem-textSecondary.Mui-selected:hover, .MuiPaginationItem-textSecondary.Mui-selected.Mui-focusVisible {
	background-color: #c51162;
  }
  .MuiPaginationItem-textSecondary.Mui-selected.Mui-disabled {
	color: rgba(0, 0, 0, 0.26);
  }
  @media (hover: none) {
	.MuiPaginationItem-textSecondary.Mui-selected:hover, .MuiPaginationItem-textSecondary.Mui-selected.Mui-focusVisible {
	  background-color: #f50057;
	}
  }
  .MuiPaginationItem-outlined {
	border: 1px solid rgba(0, 0, 0, 0.23);
  }
  .MuiPaginationItem-outlined.Mui-selected.Mui-disabled {
	border: 1px solid rgba(0, 0, 0, 0.12);
  }
  .MuiPaginationItem-outlinedPrimary.Mui-selected {
	color: #3f51b5;
	border: 1px solid rgba(63, 81, 181, 0.5);
	background-color: rgba(63, 81, 181, 0.12);
  }
  .MuiPaginationItem-outlinedPrimary.Mui-selected:hover, .MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-focusVisible {
	background-color: rgba(63, 81, 181, 0.16);
  }
  .MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-disabled {
	color: rgba(0, 0, 0, 0.26);
  }
  @media (hover: none) {
	.MuiPaginationItem-outlinedPrimary.Mui-selected:hover, .MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-focusVisible {
	  background-color: transparent;
	}
  }
  .MuiPaginationItem-outlinedSecondary.Mui-selected {
	color: #f50057;
	border: 1px solid rgba(245, 0, 87, 0.5);
	background-color: rgba(245, 0, 87, 0.12);
  }
  .MuiPaginationItem-outlinedSecondary.Mui-selected:hover, .MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-focusVisible {
	background-color: rgba(245, 0, 87, 0.16);
  }
  .MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-disabled {
	color: rgba(0, 0, 0, 0.26);
  }
  @media (hover: none) {
	.MuiPaginationItem-outlinedSecondary.Mui-selected:hover, .MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-focusVisible {
	  background-color: transparent;
	}
  }
  .MuiPaginationItem-rounded {
	border-radius: 4px;
  }
  .MuiPaginationItem-ellipsis {
	height: auto;
  }
  .MuiPaginationItem-ellipsis.Mui-disabled {
	opacity: 0.38;
  }
  .MuiPaginationItem-icon {
	margin: 0 -8px;
	font-size: 1.25rem;
  }

  .MuiPagination-ul {
	margin: 0;
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
  }

  .MuiButton-root {
	color: rgba(0, 0, 0, 0.87);
	padding: 6px 16px;
	font-size: 0.875rem;
	min-width: 64px;
	box-sizing: border-box;
	transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.75;
	border-radius: 4px;
	letter-spacing: 0.02857em;
	text-transform: uppercase;
  }
  .MuiButton-root:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.04);
  }
  .MuiButton-root.Mui-disabled {
	color: rgba(0, 0, 0, 0.26);
  }
  @media (hover: none) {
	.MuiButton-root:hover {
	  background-color: transparent;
	}
  }
  .MuiButton-root:hover.Mui-disabled {
	background-color: transparent;
  }
  .MuiButton-label {
	width: 100%;
	display: inherit;
	align-items: inherit;
	justify-content: inherit;
  }
  .MuiButton-text {
	padding: 6px 8px;
  }
  .MuiButton-textPrimary {
	color: #3f51b5;
  }
  .MuiButton-textPrimary:hover {
	background-color: rgba(63, 81, 181, 0.04);
  }
  @media (hover: none) {
	.MuiButton-textPrimary:hover {
	  background-color: transparent;
	}
  }
  .MuiButton-textSecondary {
	color: #f50057;
  }
  .MuiButton-textSecondary:hover {
	background-color: rgba(245, 0, 87, 0.04);
  }
  @media (hover: none) {
	.MuiButton-textSecondary:hover {
	  background-color: transparent;
	}
  }
  .MuiButton-outlined {
	border: 1px solid rgba(0, 0, 0, 0.23);
	padding: 5px 15px;
  }
  .MuiButton-outlined.Mui-disabled {
	border: 1px solid rgba(0, 0, 0, 0.12);
  }
  .MuiButton-outlinedPrimary {
	color: #3f51b5;
	border: 1px solid rgba(63, 81, 181, 0.5);
  }
  .MuiButton-outlinedPrimary:hover {
	border: 1px solid #3f51b5;
	background-color: rgba(63, 81, 181, 0.04);
  }
  @media (hover: none) {
	.MuiButton-outlinedPrimary:hover {
	  background-color: transparent;
	}
  }
  .MuiButton-outlinedSecondary {
	color: #f50057;
	border: 1px solid rgba(245, 0, 87, 0.5);
  }
  .MuiButton-outlinedSecondary:hover {
	border: 1px solid #f50057;
	background-color: rgba(245, 0, 87, 0.04);
  }
  .MuiButton-outlinedSecondary.Mui-disabled {
	border: 1px solid rgba(0, 0, 0, 0.26);
  }
  @media (hover: none) {
	.MuiButton-outlinedSecondary:hover {
	  background-color: transparent;
	}
  }
  .MuiButton-contained {
	color: rgba(0, 0, 0, 0.87);
	box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
	background-color: #e0e0e0;
  }
  .MuiButton-contained:hover {
	box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
	background-color: #d5d5d5;
  }
  .MuiButton-contained.Mui-focusVisible {
	box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
  }
  .MuiButton-contained:active {
	box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
  }
  .MuiButton-contained.Mui-disabled {
	color: rgba(0, 0, 0, 0.26);
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0.12);
  }
  @media (hover: none) {
	.MuiButton-contained:hover {
	  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
	  background-color: #e0e0e0;
	}
  }
  .MuiButton-contained:hover.Mui-disabled {
	background-color: rgba(0, 0, 0, 0.12);
  }
  .MuiButton-containedPrimary {
	color: #fff;
	background-color: #3f51b5;
  }
  .MuiButton-containedPrimary:hover {
	background-color: #303f9f;
  }
  @media (hover: none) {
	.MuiButton-containedPrimary:hover {
	  background-color: #3f51b5;
	}
  }
  .MuiButton-containedSecondary {
	color: #fff;
	background-color: #f50057;
  }
  .MuiButton-containedSecondary:hover {
	background-color: #c51162;
  }
  @media (hover: none) {
	.MuiButton-containedSecondary:hover {
	  background-color: #f50057;
	}
  }
  .MuiButton-disableElevation {
	box-shadow: none;
  }
  .MuiButton-disableElevation:hover {
	box-shadow: none;
  }
  .MuiButton-disableElevation.Mui-focusVisible {
	box-shadow: none;
  }
  .MuiButton-disableElevation:active {
	box-shadow: none;
  }
  .MuiButton-disableElevation.Mui-disabled {
	box-shadow: none;
  }
  .MuiButton-colorInherit {
	color: inherit;
	border-color: currentColor;
  }
  .MuiButton-textSizeSmall {
	padding: 4px 5px;
	font-size: 0.8125rem;
  }
  .MuiButton-textSizeLarge {
	padding: 8px 11px;
	font-size: 0.9375rem;
  }
  .MuiButton-outlinedSizeSmall {
	padding: 3px 9px;
	font-size: 0.8125rem;
  }
  .MuiButton-outlinedSizeLarge {
	padding: 7px 21px;
	font-size: 0.9375rem;
  }
  .MuiButton-containedSizeSmall {
	padding: 4px 10px;
	font-size: 0.8125rem;
  }
  .MuiButton-containedSizeLarge {
	padding: 8px 22px;
	font-size: 0.9375rem;
  }
  .MuiButton-fullWidth {
	width: 100%;
  }
  .MuiButton-startIcon {
	display: inherit;
	margin-left: -4px;
	margin-right: 8px;
  }
  .MuiButton-startIcon.MuiButton-iconSizeSmall {
	margin-left: -2px;
  }
  .MuiButton-endIcon {
	display: inherit;
	margin-left: 8px;
	margin-right: -4px;
  }
  .MuiButton-endIcon.MuiButton-iconSizeSmall {
	margin-right: -2px;
  }
  .MuiButton-iconSizeSmall > *:first-child {
	font-size: 18px;
  }
  .MuiButton-iconSizeMedium > *:first-child {
	font-size: 20px;
  }
  .MuiButton-iconSizeLarge > *:first-child {
	font-size: 22px;
  }

  .jss82 {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-color: white;
  }
  @media (max-width:959.95px) {
	.jss82 {
	  font-size: 2.2vw;
	}
  }
  @media (max-width:599.95px) {
	.jss82 {
	  font-size: 2.8vw;
	}
  }
  .jss83 {
	width: 100%;
	border: 1px solid black;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
  }
  .jss83 div {
	width: 100%;
	height: 60px;
  }
  .jss83 th:nth-child(1) {
	border-top-left-radius: 6px;
  }
  .jss83 th:nth-child(2) {
	border-top-right-radius: 6px;
  }
  @media (max-width:959.95px) {
	.jss83 div {
	  height: 50px;
	}
  }
  @media (max-width:599.95px) {
	.jss83 div {
	  height: 40px;
	}
  }
  .jss84 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  }
  @media (max-width:959.95px) {
	.jss84 {
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	}
  }
  .jss84 :nth-child(1) {
	padding-left: 10px;
  }
  .jss84 div {
	text-align: center;
  }
  .jss85 {
	height: 100%;
	display: flex;
	align-items: center;
	font-family: SegoeBold;
	justify-content: center;
  }
  .jss86 {
	width: 100%;
	display: flex;
	align-items: center;
	border-left: 1px solid black;
	border-right: 1px solid black;
	flex-direction: column;
	justify-content: center;
  }
  .jss86 div {
	text-align: center;
  }
  .jss87 {
	color: white;
	width: 100%;
	height: 100%;
	display: flex;
	z-index: 1;
	font-size: 18px;
	align-items: center;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss87 {
	  font-size: 16px;
	}
  }
  @media (max-width:599.95px) {
	.jss87 {
	  font-size: 10px;
	}
  }
  @media (max-width:359.95px) {
	.jss87 {
	  font-size: 6px;
	}
  }
  .jss88 {
	color: white;
	display: flex;
	z-index: 1;
	align-items: center;
	justify-content: flex-end;
  }
  .jss89 {
	color: white;
	display: flex;
	z-index: 1;
	align-items: center;
	justify-content: flex-start;
  }
  @media (max-width:959.95px) {
	.jss89 {
	  color: red;
	  font-size: 2.0vw;
	}
  }
  @media (max-width:599.95px) {
	.jss89 {
	  color: red;
	  font-size: 2.1vw;
	  line-height: 80%;
	}
  }
  .jss90 {
	color: white;
	width: 100%;
	display: flex;
	font-size: 18px;
	align-items: center;
	line-height: normal;
	flex-direction: column;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss90 {
	  font-size: 16px;
	}
  }
  @media (max-width:599.95px) {
	.jss90 {
	  font-size: 9px;
	}
  }
  @media (max-width:359.95px) {
	.jss90 {
	  font-size: 7px;
	}
  }
  .jss91 {
	color: white;
	width: 30px;
	height: 30px;
	margin: 3px;
	display: flex;
	box-sizing: content-box;
	align-items: center;
	font-family: SegoeBold;
	border-radius: 5px;
	justify-content: center;
	background-color: black;
  }
  @media (max-width:599.95px) {
	.jss91 {
	  width: 5vw;
	  height: 5vw;
	  margin: 1px;
	  font-size: 2.8vw;
	  border-radius: 2px;
	}
  }
  .jss92 {
	width: 100%;
	height: 60px;
	display: flex;
	position: relative;
	align-items: center;
	border-bottom: 1px solid black;
	justify-content: flex-start;
  }
  @media (max-width:959.95px) {
	.jss92 {
	  height: 60px;
	}
  }
  @media (max-width:599.95px) {
	.jss92 {
	  height: 40px;
	}
  }
  .jss93 {
	width: 100%;
	height: 60px;
	display: flex;
	position: relative;
	align-items: center;
	border-bottom: 1px solid black;
	justify-content: center;
  }
  @media (max-width:959.95px) {
	.jss93 {
	  height: 60px;
	}
  }
  @media (max-width:599.95px) {
	.jss93 {
	  height: 40px;
	}
  }
  .jss93 span {
	color: black;
	display: flex;
	box-sizing: content-box;
	align-items: center;
	font-family: SegoeBold;
	justify-content: center;
  }
  .jss94 {
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 1px);
	display: flex;
	z-index: 0;
	position: absolute;
	background-color: #2c041e;
  }
  .jss95 {
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 1px);
	display: flex;
	z-index: 0;
	position: absolute;
	border-bottom: 1px solid black;
	background-color: #490b32;
  }
  
  .jss96 {
	width: 30px;
	flex-wrap: nowrap;
  }
  .jss96 li {
	background-color: red;
  }
  .jss96.MuiPagination-root {
	display: flex;
	flex-direction: row;
  }
  .jss96.MuiPaginationItem-root {
	width: 30px;
	padding: 6px;
  }
  .jss96.Mui-selected {
	color: black;
	border: 1px solid #075eab;
	background-color: white;
  }