.content-slot {
	padding-bottom: 0
}

@media only screen and (max-width:767px) {
	.content-slot .banner-page .img {
		height: 400px
	}
}

@media only screen and (max-width:479px) {
	.content-slot .banner-page .img {
		height: 350px
	}
}

@media only screen and (max-width:479px) {
	.content-slot .banner-page .img img {
		object-position: 63%
	}
}

.content-slot .banner-page .box-text {
	width: 530px;
	padding-bottom: 200px
}

@media only screen and (max-width:767px) {
	.content-slot .banner-page .box-text {
		width: 100%;
		padding-bottom: 0;
		text-align: center
	}
}

.content-slot .banner-page .box-text h1 {
	font-size: 8rem
}

.content-slot .banner-page .box-text h1 span {
	margin-top: -35px;
	font-size: 10rem
}

.content-slot .banner-page .box-text h2 {
	margin-left: 0
}

.content-slot .banner-page .box-text p {
	text-shadow: 0 1px 5px #000
}

@media only screen and (max-width:1112px) {
	.content-slot.-inner {
		padding-top: 120px
	}
}

@media only screen and (max-width:1023px) {
	.content-slot.-inner {
		padding-top: 110px
	}
}

@media only screen and (max-width:479px) {
	.content-slot.-inner {
		padding-top: 90px
	}
}

.content-slot.-inner .intro-how-to .container {
	display: flex;
	justify-content: space-between
}

@media only screen and (max-width:1023px) {
	.content-slot.-inner .intro-how-to .container {
		flex-direction: column;
		padding-bottom: 80px
	}
}

.content-slot.-inner .intro-how-to .rope {
	bottom: 64px
}

@media only screen and (max-width:1023px) {
	.content-slot.-inner .intro-how-to .rope {
		bottom: 0
	}
}

.content-slot.-inner .intro-how-to .box-text {
	position: relative;
	z-index: 2
}

.content-slot.-inner .intro-how-to .box-text .title {
	margin-bottom: 30px
}

.content-slot.-inner .intro-how-to .box-text .title h1 {
	font-style: italic;
	font-size: 4.8rem;
	line-height: 1;
	color: #f88710
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .intro-how-to .box-text .title h1 {
		font-size: 3.6rem
	}
}

.content-slot.-inner .intro-how-to .box-text .title h1 span {
	display: block;
	color: #fff
}

.content-slot.-inner .intro-how-to .box-text p {
	line-height: 1.8
}

.content-slot.-inner .intro-how-to .box-text .group-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px
}

@media only screen and (max-width:1023px) {
	.content-slot.-inner .intro-how-to .box-text .group-btn {
		justify-content: flex-start
	}
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .intro-how-to .box-text .group-btn {
		display: block
	}
}

.content-slot.-inner .intro-how-to .box-text .group-btn a {
	width: calc(50% - 10px)
}

@media only screen and (max-width:1023px) {
	.content-slot.-inner .intro-how-to .box-text .group-btn a {
		width: auto
	}
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .intro-how-to .box-text .group-btn a {
		width: 100%
	}
}

@media only screen and (max-width:1023px) {
	.content-slot.-inner .intro-how-to .box-text .group-btn a+a {
		margin-left: 20px
	}
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .intro-how-to .box-text .group-btn a+a {
		margin-left: 0;
		margin-top: 20px
	}
}

.content-slot.-inner .intro-how-to .box-img {
	width: 490px;
	min-width: 490px;
	max-width: 100%;
	position: relative;
	margin-left: 54px;
	z-index: 2
}

@media only screen and (max-width:1023px) {
	.content-slot.-inner .intro-how-to .box-img {
		min-width: inherit;
		order: -1;
		margin-left: 0;
		margin-bottom: 40px
	}
}

.content-slot.-inner .intro-how-to .box-img .img {
	border: 4px solid #f88710;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	overflow: hidden
}

.content-slot.-inner .intro-how-to .box-img .img img {
	width: 100%;
	margin: 0
}

.content-slot.-inner .example {
	padding: 100px 0
}

.content-slot.-inner .example .title {
	margin-bottom: 30px;
	text-align: center
}

.content-slot.-inner .example .title h2 {
	font-style: italic;
	line-height: 1;
	color: #f88710
}

.content-slot.-inner .example .title h2 span {
	color: #fff
}

.content-slot.-inner .example .owl-nav {
	width: 114px;
	left: auto;
	right: 0;
	bottom: 35px
}

@media only screen and (max-width:1112px) {
	.content-slot.-inner .example .owl-nav {
		bottom: auto;
		top: 52vw
	}
}

@media only screen and (max-width:767px) {
	.content-slot.-inner .example .owl-nav {
		width: 80px
	}
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .example .owl-nav {
		top: 50vw
	}
}

.content-slot.-inner .example .img {
	border: 2px solid #f88710;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	overflow: hidden
}

.content-slot.-inner .example .detail {
	width: 750px;
	max-width: 100%;
	position: relative;
	padding-left: 142px;
	margin-left: 14px
}

@media only screen and (max-width:1023px) {
	.content-slot.-inner .example .detail {
		width: 100%;
		padding-right: 140px
	}
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .example .detail {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0
	}
}

.content-slot.-inner .example .detail .step {
	width: 112px;
	height: 112px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #f88710;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: -55px;
	font-style: italic;
	font-weight: 500;
	font-size: 4.8rem;
	line-height: 1;
	color: #000
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .example .detail .step {
		width: 60px;
		height: 60px;
		top: -65px;
		font-size: 3.6rem
	}
}

.content-slot.-inner .example .detail .step small {
	display: block;
	margin-bottom: -5px;
	font-style: normal;
	font-weight: 400;
	font-size: 1.8rem
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .example .detail .step small {
		display: none
	}
}

.content-slot.-inner .example .detail .des {
	margin: 20px 0 0;
	font-size: 2rem;
	line-height: 1.6
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .example .detail .des {
		margin-top: 50px;
		font-size: 1.8rem
	}
}

.content-slot.-inner .example .box-des {
	margin-top: 90px
}

@media only screen and (max-width:767px) {
	.content-slot.-inner .example .box-des {
		margin-top: 60px
	}
}

.content-slot.-inner .example .box-des .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .example .box-des .container {
		display: block
	}
}

.content-slot.-inner .example .box-des .col {
	width: auto;
	max-width: unset;
	flex-basis: auto;
	flex-grow: 0;
	width: calc(50% - 20px);
	padding: 0;
	margin: 0
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .example .box-des .col {
		width: 100%
	}
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .example .box-des .col+.col {
		margin-top: 40px
	}
}

.content-slot.-inner .example .box-des h3 {
	margin-bottom: 25px;
	color: #f88710
}

.content-slot.-inner .example .box-des ol {
	padding: 0;
	margin: 0 0 1rem;
	list-style: none;
	counter-reset: number
}

.content-slot.-inner .example .box-des ol li {
	font-size: 2rem;
	line-height: 1.6
}

.content-slot.-inner .example .box-des ol>li {
	position: relative;
	padding-left: 2.5rem;
	margin: 0 0 5
}

.content-slot.-inner .example .box-des ol>li:before {
	counter-increment: number;
	content: counters(number, ".") ".";
	position: absolute;
	left: 0;
	top: 0
}

.content-slot.-inner .example .box-des ol ol>li {
	padding-left: 3.2rem
}

.content-slot.-inner .example .box-des ol ol>li ol>li {
	padding-left: 4.4rem
}

.content-slot.-inner .example .box-des ol ol>li ol>li ol>li {
	padding-left: 5.5rem
}

.content-slot.-inner .example .box-des ol ol>li:before {
	content: counters(number, ".") ""
}

.content-slot.-inner .example .box-des p {
	font-size: 2rem;
	line-height: 1.6
}

.content-slot.-inner .game-slot-other {
	text-align: center
}

.content-slot.-inner .game-slot-other .container {
	padding: 100px 0
}

.content-slot.-inner .game-slot-other .title {
	margin-bottom: 40px
}

.content-slot.-inner .game-slot-other .title h2 {
	font-style: italic;
	color: #f88710
}

.content-slot.-inner .game-slot-other .title h2 span {
	color: #fff
}

.content-slot.-inner .game-slot-other .list-slot {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -15px 0
}

.content-slot.-inner .game-slot-other .list-slot .item {
	width: 25%;
	padding: 15px 0;
	text-align: center
}

@media only screen and (max-width:1023px) {
	.content-slot.-inner .game-slot-other .list-slot .item {
		width: 33.33%
	}
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .game-slot-other .list-slot .item {
		width: 50%
	}
}

.content-slot.-inner .game-slot-other .list-slot .item .img {
	display: block;
	border: none;
	border-radius: 0
}

@media only screen and (max-width:767px) {
	.content-slot.-inner .game-slot-other .list-slot .item .img img {
		width: 90%
	}
}

.content-slot.-inner .game-slot-other .list-slot .item p {
	margin: 20px 0 0;
	font-style: italic;
	font-weight: 500;
	font-size: 2.4rem
}

@media only screen and (max-width:767px) {
	.content-slot.-inner .game-slot-other .list-slot .item p {
		margin-top: 10px;
		font-size: 2rem
	}
}

@media only screen and (max-width:479px) {
	.content-slot.-inner .game-slot-other .list-slot .item p {
		font-size: 1.8rem
	}
}

.content-slot.-inner .game-slot-other .btn {
	margin-top: 60px
}