.box.min-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative
}
.search-box {
	display: flex;
	align-items: center;
	position: absolute;
	max-width: 250px;
	right: 0;
	width: 100%
}
.broker-search {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 10px 15px;
	width: 100%;
	font-size: 16px;
	outline: none
}
.broker-search::placeholder {
color:#000;
font-weight:700
}
.search-btn {
	position: absolute;
	right: 10px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 5px
}
.search-btn img {
	width: 24px;
	height: 24px
}
@media (max-width:768px) {
.box.min-box {
}
#breadcrumb {
	padding: 20px 0 30px 0!important
}
.search-box {
	margin-top: 15px;
	width: 100%;
	max-width: 180px
}
}
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto
}
.text-center {
	text-align: center
}
.banner {
	height: 490px;
	max-width: 1900px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0;
	background-size: cover
}
.banner-font2 {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	text-align: center
}
.method {
	background: #F5F5F5;
	max-width: 1240px;
	width: auto;
	border-radius: 25px;
	margin: 50px auto 30px
}
.method-title {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	width: auto;
	padding: 50px 0;
	background-size: cover
}
.method-of-participation {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	padding: 20px;
	background: #000;
	margin-bottom: 30px
}
.method-of-participation h2 {
	color: #F4CF3E;
	font-size: 32px;
	text-align: center;
	font-weight: 800
}
.detailed {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	justify-content: center;
	align-items: stretch;
	justify-items: center;
	padding: 0 30px;
	column-gap: 40px
}
.method-detail {
	font-family: 'Noto Sans JP';
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 20px 0;
	column-gap: 15px;
	width: 95%;
	border-bottom: #D3D3D3 3px solid
}
.method-detail h3 {
	font-weight: 400;
	font-family: 'Arial Black';
	font-size: 48px;
	line-height: 40px;
	font-style: italic
}
.method-detail p {
	font-size: 22px;
	text-align: justify;
	font-weight: 400;
	padding: 0 10px;
	line-height: 40px
}
.method-detail a {
	font-size: 22px;
	text-decoration: underline
}
.method-detail a:hover {
	color: #F4CF3E;
	transition: 0.3s
}
.method-detail strong {
	font-weight: 700
}
.note {
	font-size: 14px;
	padding: 30px 0 0 40px
}
.start-time {
	position: relative;
	width: 60%;
	padding: 10px 5px 0 5px;
	margin-top: 60px;
	background: transparent
}
.start-time::before {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #D3D3D3;
	border-bottom: none;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	transform: perspective(50px) rotateX(5deg);
	transform-origin: bottom;
	z-index: 1
}
.start-time p {
	font-size: 24px;
	line-height: 47px;
	font-weight: 700;
	color: #0009
}
.register {
	max-width: 1240px;
	width: auto;
	padding: 100px 0;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	flex-direction: column;
	margin-bottom: 30px
}
.register-button {
	display: flex;
	column-gap: 40px;
	padding-bottom: 50px;
	width: 60%
}
.register-button a {
	font-family: Noto Sans JP;
	background: linear-gradient(to bottom, #F4CF3E, #FFFFFF);
	font-size: 32px;
	font-weight: 900;
	line-height: 40px;
	text-align: center;
	padding: 20px;
	border-radius: 10px;
	width: 50%
}
.register-button a:hover {
	text-decoration: underline;
	background: linear-gradient(to bottom, #FFFFFF, #F4CF3E);
	transition: 0.5s
}
.register p {
	color: #fff;
	font-size: 24px;
	line-height: 40px;
	text-align: center
}
.register strong {
	color: #F4CF3E
}
.register span {
	font-size: 32px;
	color: #F4CF3E;
	line-height: 60px;
	text-align: center;
	font-weight: 900
}
.partner {
	flex-direction: column;
	row-gap: 20px
}
.partner-detail {
	background: #f5f5f5;
	width: 100%;
	max-width: 1240px;
	align-items: flex-start;
	padding: 20px 0
}
.partner-name {
	border-bottom: solid 3px #D9D9D9;
	padding-bottom: 10px
}
.partner-name h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700
}
.partner-desc {
	padding-top: 20px;
	column-gap: 15px;
	align-items: flex-start;
	width: 100%
}
.partner-text {
	padding: 0 15px;
	width: 75%
}
.partner-grid {
	display: grid;
	column-gap: 30px;
	row-gap: 10px;
	justify-content: flex-start;
	width: 75%
}
.account-type {
	font-size: 16px;
	line-height: 30px;
	flex-direction: column;
	row-gap: 10px;
	align-items: flex-start;
	margin: 0;
	justify-content: flex-start
}
.account-type h3 {
	font-size: 24px;
	line-height: 30px
}
.platform {
	background: #000;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	padding: 0 10px;
	color: #f5f5f5;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
	font-weight: 700
}
.platform:hover {
	background: #f5db68;
	color: #000;
	transition: 0.3s
}
.platform-flex {
	flex-direction: column;
	row-gap: 10px;
	align-items: stretch
}
.announcements {
	background: #000;
	width: 100%;
	max-width: 1024px;
	column-gap: 15px;
	border-radius: 10px;
	margin: 50px auto
}
.announcements h2 {
	color: #F4CF3E;
	font-size: 28px;
	font-weight: 700;
	line-height: 90px
}
.announcements-text {
	align-items: flex-start;
	column-gap: 20px;
	justify-content: space-between;
	margin-left: 0
}
.announcements-text p {
	font-size: 14px
}
.announcements-text h3 {
	font-size: 36px;
	font-style: italic;
	line-height: 45px;
	font-weight: 700;
	font-family: Arial #000
}
.announcements-content {
	max-width: 960px;
	flex-direction: column;
	margin-bottom: 50px
}
.announcements-content hr {
	border: none;
	border-top: 3px solid #D3D3D3;
	margin: 30px 0;
	width: 100%
}
#campaign00 {
	transition: 0.6s
}
.button-title {
	font-size: 18px;
	font-weight: 700;
	color: #D3D3D3
}
.button-sub {
	font-size: 16px;
	color: #D3D3D3
}
.fixed-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	height: 72px;
	background: rgba(0,0,0,.72)
}
.banner-container {
	max-width: 1240px;
	margin: 0 auto;
	height: 100%;
	padding: 0 20px
}
.camp_body {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 30px;
	height: 100%
}
.text-content.vertical-layout {
	flex-direction: column;
	display: flex;
	justify-content: center;
	width: 66%
}
.text-content h2 {
	color: #D3D3D3;
	font-size: 18px;
	font-weight: 700;
	text-align: center
}
.text-content p {
	font-size: 16px;
	opacity: .9;
	color: #D3D3D3;
	text-align: center
}
.camp_btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 3px solid #ccc;
	background-color: #3ca748;
	height: 60px;
	width: 100%;
	text-decoration: none;
	transition: all 0.3s ease
}
.camp_btn:hover {
	background-color: #32943c;
	border-color: #aaa
}
.cta-button {
	width: 33%;
	padding: 6px 0
}
.fyfs {
	padding-left: 15px!important
}
#breadcrumb {
	padding: 20px 0 50px 0!important
}
.zhxx {
	padding-left: 10px!important
}
.fybl {
	padding-left: 10px!important
}
.broker-item {
	display: none
}
.broker-item[data-page="1"] {
	display: grid
}
.pagination a.active {
	background: #FFD73A!important;
	color: #fff!important
}
.register {
	background: url("../images/d4f52fbfe1bd4dbbbc4f0d303afd6118.gif); ?>/assets/images/register-backgroud.webp") round
}
.banner {
	background: url("../images/d4f52fbfe1bd4dbbbc4f0d303afd6118.gif); ?>/assets/images/rewardActivity-background.webp")
}
.method-title {
	background: url("../images/d4f52fbfe1bd4dbbbc4f0d303afd6118.gif); ?>/assets/images/method_background.png") bottom
}
.header1-item-6 {
	padding: 5px 11px!important
}
.header1-item-3 {
	padding: 5px 12px!important
}
.header1-item-5 {
	margin-left: auto;
	margin-right: 30px;
	padding: 5px 35px!important
}
.header1-item-4 {
	padding: 5px 6px!important
}
.regulations p {
	padding-left: 12px!important
}
@media screen and (max-width:1400px) {
.account-type h3 {
	font-size: 20px
}
.broker-list {
	max-width: 1100px!important
}
.header1-item-1 {
	padding-left: 32px!important
}
.zhxx {
	padding-left: 36px!important
}
.broker-info, .account-info {
	padding-left: 35px!important
}
.fybl {
	padding-left: 23px!important
}
.regulations p {
	padding-left: 28px!important
}
.fyfs {
	padding-left: 39px!important
}
}
@media screen and (max-width:1240px) {
.register {
	margin: 0 10px
}
.method, .partner {
	margin: 30px 10px
}
.announcements {
	width: auto;
	margin: 50px 10px
}
}
@media screen and (max-width:1100px) {
.platform {
	font-size: 18px;
	padding: 0 20px
}
.broker-list {
	max-width: 1000px!important
}
.partner-detail {
	flex-direction: column
}
.partner-name {
	text-align: center
}
.partner-text {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	padding-top: 20px
}
.method-of-participation {
	width: 50%
}
.register-button {
	width: 70%
}
.text-content h2 {
	font-size: 16px
}
.text-content p {
	font-size: 14px
}
.broker-info, .account-info {
	padding-left: 29px!important
}
.fybl {
	padding-left: 16px!important
}
.regulations p {
	padding-left: 19px!important
}
.fyfs {
	padding-left: 31px!important
}
}
@media screen and (max-width:1024px) {
.sc_top_banner, .search-box {
	margin-top: 15px
}
.method-detail h3, .announcements-text h3 {
	font-size: 38px
}
.announcements-content, .banner-font2 {
	padding: 0 15px
}
.register {
	width: auto;
	padding: 100px 10px
}
main {
	padding-top: 0
}
}
@media screen and (max-width:968px) {
.account-type h3 {
	font-size: 18px
}
.platform {
	font-size: 18px;
	padding: 0 15px
}
.method-of-participation {
	width: 60%
}
.start-time {
	width: 75%
}
.detailed {
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	padding: 0 10px
}
.method-detail {
	justify-content: flex-start
}
.register-button a {
	font-size: 25px
}
.partner-grid {
	grid-template-columns: repeat(2, 1fr)!important
}
.text-content.vertical-layout, .cta-button {
	width: 100%
}
.text-content h2 {
	font-size: 15px
}
.camp_btn {
	height: 30px
}
.button-sub, .text-content p {
	display: none
}
.camp_body {
	flex-direction: column
}
}
@media screen and (max-width:768px) {
.partner-desc {
	flex-direction: column;
	row-gap: 20px
}
.regulations p {
	padding-left: 0!important
}
.method-of-participation h2 {
	font-size: 26px
}
.start-time {
	width: 85%
}
.method-detail p, .banner-font2, .register p, .announcements-text p, .start-time p {
	font-size: 18px;
	line-height: 30px
}
.method-detail a {
	font-size: 18px
}
.account-type h3 {
	font-size: 24px
}
.platform {
	font-size: 16px;
	padding: 0 15px
}
.account-type {
	align-items: flex-start;
	margin: 0
}
.platform-flex {
	flex-direction: row;
	column-gap: 25px
}
.banner {
	height: 400px
}
.register-button {
	width: 85%
}
.platform {
	width: 120px
}
.register-button a {
	font-size: 20px;
	line-height: 20px
}
.partner-name h2 {
	text-align: start
}
.partner-grid {
	width: 100%
}
}
@media screen and (max-width:576px) {
.method-detail h3, .announcements-text h3 {
	font-size: 24px;
	line-height: 35px
}
.method-detail p, .banner-font2, .register p, .announcements-text p {
	font-size: 16px;
	line-height: 25px
}
.method-detail a {
	font-size: 16px
}
.start-time p {
	font-size: 13px;
	line-height: 25px
}
.method-of-participation h2 {
	font-size: 24px
}
.announcements {
	margin: 30px 10px
}
.announcements h2 {
	font-size: 32px
}
.method-detail img {
	display: none
}
.register-button a {
	font-size: 15px
}
.announcements-content hr {
	margin: 20px 0
}
.register-button {
	column-gap: 25px
}
.register span {
	font-size: 24px
}
.account-type h3 {
	font-size: 20px
}
.banner {
	height: 350px;
	padding: 50px 0 0 0
}
.register-button {
	width: 100%
}
.method-title {
	margin-bottom: 30px
}
.register {
	padding: 100px 10px 60px 10px
}
.note {
	padding: 30px 0 0 20px;
	font-size: 10px
}
.partner-grid {
	column-gap: 15px
}
.platform {
	width: 105px;
	font-size: 15px;
	padding: 0 10px
}
.fixed-banner {
	display: none
}
}
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	margin-top: 20px
}
.pagination a {
	padding: 8px 12px;
	text-decoration: none;
	color: #333;
	border-radius: 4px;
	transition: background-color 0.3s ease
}
.pagination a:hover {
	background-color: #f1f1f1
}
.pagination .active {
	background-color: #FFD73A;
	color: #fff;
	font-weight: 700
}
.pagination .prev, .pagination .next {
	font-weight: 700
}
.pagination a:not(.active):not(.prev):not(.next):hover {
	background-color: #ddd
}
.broker-list {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 20px
}
.header1 {
	display: grid;
	grid-template-columns: repeat(7, minmax(120px, 1fr));
	gap: 20px;
	font-weight: 700;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-bottom: 10px;
	background: #F1F1F1;
	border-radius: 8px
}
.header1-item {
	text-align: left;
	padding: 5px 13px 5px 20px
}
.header1-item-1 {
	padding-left: 27px
}
.broker-item {
	display: grid;
	grid-template-columns: repeat(7, minmax(120px, 1fr));
	gap: 20px;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 5px
}
.broker-logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	text-align: center;
	align-items: center
}
.broker-logo img {
	width: 100%;
	height: auto;
	border: 4px solid #e5e7eb
}
.broker-logo span {
	font-weight: 700;
	font-size: 18px
}
.broker-info, .account-info {
	display: flex;
	flex-direction: column;
	padding-left: 15px;
	justify-content: center;
	width: 100%
}
.regulations {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
	text-align: center
}
.regulations p {
	margin: 0;
	text-align: left
}
.action {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	padding-left: 10px;
	margin-right: 25px;
	margin-left: auto
}
.btn-register {
	padding: 5px 15px;
	background-color: #FFD73A;
	color: #000;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	transition: background-color 0.3s ease
}
.btn-register:hover {
	color: #fff
}
.btn-details {
	padding: 5px 15px;
	background-color: #000;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	transition: background-color 0.3s ease
}
.btn-register:hover, .btn-details:hover {
	background-color: #FFD73A
}
.divider {
	border-top: 1px solid #ccc;
	margin: 5px 0
}
.broker-item p {
	margin: 0
}
.zyjgpz-diplay {
	display: none
}
.pc_cp_name {
	font-size: 24px
}
@media screen and (max-width:1250px) {
.header1-item-1 {
	padding-left: 35px
}
}
@media screen and (max-width:1025px) {
.header1-item-1 {
	padding-left: 28px
}
}
@media screen and (max-width:935px) {
.header1-item-1 {
	padding-left: 20px
}
}
@media screen and (max-width:871px) {
.header1-item-1 {
	padding-left: 15px
}
}
@media screen and (max-width:1000px) {
.header1 {
	display: none
}
.broker-item {
	text-align: center
}
.zyjgpz-diplay {
	display: inline
}
.display-phone {
	display: block!important
}
.regulations {
	width: 100%;
	justify-content: flex-start
}
.regulations p {
	text-align: center;
	padding-left: 0
}
.header1 {
	grid-template-columns: 1fr 1fr;
	gap: 10px
}
.header1-item {
	text-align: center;
	padding: 5px
}
.broker-item {
	grid-template-columns: 1fr;
	gap: 15px;
	padding: 10px
}
.broker-logo {
	align-items: center;
	justify-content: center
}
.broker-info, .account-info, .regulations {
	padding-left: 0;
	gap: 30px;
	justify-content: center;
	flex-direction: row
}
.action {
	width: 100%;
	align-items: center;
	padding-left: 0
}
.btn-register, .btn-details {
	padding: 10px 20px;
	width: 90%;
	font-size: 14px
}
.divider {
	margin: 10px 0
}
.broker-info, .account-info, .regulations, .zhxx, .fybl {
	padding-left: 0!important
}
}
@media screen and (max-width:480px) {
.broker-item {
	grid-template-columns: 1fr;
	padding: 5px
}
.btn-register, .btn-details {
	padding: 10px 15px;
	font-size: 13px
}
}