@media screen and (max-width:1900px) {
	.popout2 {
		position: fixed;
		width: 80vw;
		max-width: 1100px;
		padding: 50px 20px 20px 20px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -45%);
	}

	.popcont2 p {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.popc {
		width: 50px;
		height: 50px;
	}

	.popout2 .swiper-button-prev,
	.popout2 .swiper-button-next {
		width: 40px;
		height: 40px;
	}

	.popout2 .swiper-button-prev {
		left: -4%;
	}

	.popout2 .swiper-button-next {
		right: -4%;
	}

	.popcont2 .mask {
		position: relative;
		height: calc(80vh - 220px);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y;
	}

	.scroll {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		/* 確保不擋住下方內容操作 */
		background: transparent;
		pointer-events: auto;
	}

	.opic1aa {
		width: 95%;
		height: 455px;
	}

	.opic2aa {
		width: 95%;
		height: 485px;
	}

	.opic3aa {
		width: 95%;
		height: 485px;
	}

	.opic4aa {
		width: 95%;
		height: 485px;
	}

	.op_t1 {
		width: 80%;
	}
}

@media screen and (max-width:1500px) {
	.water {
		right: 1%;
	}

	a.logo {
		margin-left: 1%;
	}

	.nav {
		right: 1%;
	}

	.watertitle {
		width: 500px;
	}
}

@media screen and (max-width:1440px) {

	.info3 {
		width: 90%;
	}

	.e1a {
		width: 650px;
	}

	.e1b {
		width: 600px;
		top: 580px;
		left: calc(50% - 300px);
	}

	.e2cont1>div,
	.e2cont2>div {
		display: block;
		margin: 0 auto 20px auto;
	}

	.e2cont2>div.e2p3 {
		width: 552px;
		height: 485px;
	}

	.e2cont3 {
		width: 600px;
		margin: 0 auto;
	}

	.e3cont>div {
		width: 450px;
		height: 360px;
		margin: 0 20px 20px;
	}

	.e3cont>div p {
		width: 280px;
		height: 260px;
	}
}

@media screen and (max-width:1370px) {
	.e5w_bg {
		width: calc(96% - 40px);
	}

	.e5w .info2 {
		width: calc(100% - 10px);
		margin: 20px auto 50px -20px;
		padding: 20px 20px 20px 30px;
	}

	.e5w .info2.e5w2 {
		margin: 40px auto 0 -20px;
		padding-bottom: 50px;
	}

	.e5w.e5b {
		padding: 90px 20px 50px 20px;
	}
}

@media screen and (max-width:1320px) {
	.water {
		right: 0;
	}

	.w1,
	.w3 {
		width: 110px;
		height: 108px;
	}

	.w2,
	.w4 {
		width: 110px;
		height: 100px;
	}

	.w1300 {
		width: 100%;
	}

	.footer .w1300 {
		width: 90%;
	}

	.kv_t1,
	.kv_b1 {
		left: 2%;
	}

	.kv_t2 {
		left: 2%;
	}

	.kv_t2_bg {
		left: 0.7%;
	}

	.kv_b2 {
		left: calc(2% + 260px);
	}

	.kv1_t1 {
		left: calc(50% - 550px);
	}

	.kv1_t2,
	.kv2_t2 {
		width: 500px;
		left: calc(50% - 550px);
	}

	.e2cont {
		width: calc(96% - 40px);
		padding: 30px 20px;
	}

	.e5w p {
		width: 540px;
		font-size: 35px;
		left: calc(50% - 240px);
	}

	.e5w table {
		width: 100%;
	}

	.info2 {
		width: 90%;
	}

	.p6cont>a {
		margin: 0;
		font-size: 28px;
	}

	.download {
		width: 200px;
		height: 100px;
		margin: 10px auto;
	}

	.p6c2a {
		width: 400px;
		font-size: 50px;
		top: -20px;
		left: calc(50% - 200px);
		text-align: center;
	}

	.p6c2b {
		background: url(../image/p7_line_m.png) no-repeat top center;
		background-size: contain;
		width: 400px;
		top: 50px;
		left: calc(50% - 200px);
	}

	.p6c2c {
		width: fit-content;
		font-size: 22px;
		top: 70px;
		left: calc(50% - 175px);
	}

	.p6c2c span {
		font-size: 32px;
	}

	.qrcode>a div {
		width: 150px;
		height: 150px;
		margin: 0 10px;
	}

	.opic1aa {
		height: 405px;
	}

	.opic2aa {
		width: 95%;
		height: 455px;
	}

	.opic3aa {
		width: 95%;
		height: 455px;
	}

	.opic4aa {
		width: 95%;
		height: 455px;
	}

}

@media screen and (max-width:1220px) {

	.e5b1,
	.e5b2 {
		display: block;
		margin: 0 auto 40px auto;
	}

	.e5acont {
		width: 100%;
		height: 550px;
	}

	.e5text {
		padding: 8px 10px;
	}

	.e5text:nth-child(1),
	.e5text:nth-child(4) {
		padding: 8px 10px;
	}

	.e5a1 {
		background: url(../image/p6_p1_m2.png) no-repeat center;
		width: 445px;
		left: calc(50% - 460px);
	}

	.e5cont2 {
		max-width: 300px;
		top: 30px;
		left: calc(50% + 75px);
	}

	.erl1 {
		width: 110px;
		left: calc(50% - 70px);
	}

	.erl2 {
		width: 110px;
		left: calc(50% - 70px);
	}

	.erl3 {
		width: 110px;
		left: calc(50% - 70px);
	}

	.erl4 {
		width: 110px;
		top: 370px;
		left: calc(50% - 70px);
	}
}

@media screen and (max-width:1170px) {

	.e1_cont {
		width: 85%;
	}

	.e1 .info {
		margin-top: 35px;
	}

	.e1_1_cont {
		width: 95%;
		height: 509px;
		margin: 34px auto 0;
		flex-direction: column;
		align-items: center;
	}

	.e1_1_cont2a {
		background: url(../image/p2_pic1_m.png) no-repeat top center;
		background-size: contain;
		width: 230px;
		height: 235px;
	}

	.e1_1_cont2b {
		background: url(../image/p2_pic2_m.png) no-repeat top center;
		background-size: contain;
		width: 230px;
		height: 235px;
	}

	.e1_1_cont2c {
		background: url(../image/p2_pic3_m.png) no-repeat top center;
		background-size: contain;
		width: 230px;
		height: 255px;
	}

	.e1_1 .info {
		width: 90%;
	}

	.e2cont2 {
		height: 350px;
	}

	.e2cont3>div.e2p3 {
		background: url(../image/e2_p3_m.png) no-repeat center;
		background-size: contain;
		width: 455px;
		height: 330px;
	}

	.e2cont3>div.e2p4 {
		background: url(../image/e2_p4_m.png) no-repeat center;
		background-size: contain;
		width: 455px;
		height: 330px;
	}

	.e2p1 {
		background: url(../image/e2_p1_m.png) no-repeat center;
		background-size: contain;
	}

	.e2p2 {
		background: url(../image/e2_p2_m.png) no-repeat center top;
		background-size: contain;
		width: 465px;
	}

	.e4_title {
		width: 80%;
		margin: 0 auto;
	}

	.e4bg2 {
		display: none;
	}

	.e4cont {
		width: 800px;
		height: 450px;
	}

	.e4cont .e4info {
		text-align: start;
	}

	.e4cont iframe {
		margin: 30px 35px 30px 30px;
		width: calc(100% - 65px);
		height: calc(100% - 90px);
	}

	.mvbt span {
		font-size: 28px;
		margin: 5px;
		padding: 6px 20px;
	}

	.e4cont .btn,
	.e4cont .btn2 {
		transform: scale(0.7);
		top: 150px;
	}

	.e4cont .btn {
		left: calc(50% - 457px);
	}

	.e4cont .btn2 {
		left: calc(50% + 388px);
	}
}

@media screen and (max-width:1120px) {
	.toggle {
		display: block;
		position: fixed;
		top: 15px;
		right: 15px;
		z-index: 65;
		background: url(../image/nav.png) no-repeat;
		background-size: contain;
		height: 40px;
		width: 40px;
		cursor: pointer;
	}

	.active2 {
		background: url(../image/close.png) no-repeat;
		background-size: contain;
	}

	.top {
		z-index: 60;
		height: 70px;
	}

	a.logo {
		width: 180px;
		height: 45px;
		padding-top: 13px;
	}

	.nav {
		position: fixed;
		display: none;
		right: 0;
		top: 70px;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.9);
		z-index: 52;
	}

	.nav span {
		display: inline-block;
	}

	.nav i {
		display: none;
	}

	.nav a,
	.nav p {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding: 20px 0;
		margin-left: 0;
		text-align: center;
		font-size: 25px;
		letter-spacing: 1px;
		z-index: 52;
	}

	.nav p a {
		border-bottom: none;
		padding: 0;
	}

	.nav a.account {
		padding: 15px 0;
		border-radius: 0;
		margin-right: 0;
		font-size: 28px;
	}

	.kv2 .kv_p {
		width: 600px;
		top: 213px;
		left: calc(50% + 1px);
	}

	.kv2 .kv_p .body {
		width: 600px;
		top: 213px;
		left: calc(50% + 1px);
	}

	.kv2 .kv_p .hand {
		width: 242px;
		top: 210px;
		left: calc(50% - 300px);
	}

	.kv2 .kv_p .hand2 {
		width: 275px;
		top: 233px;
		left: calc(50%);
	}

	.kv_t1 {
		width: 600px;
	}

	.kv_t2 {
		left: 10%;
	}

	.kv_t2_bg {
		left: 8.4%;
	}

	/* .popup{
	z-index: 200;
} */
	.popcont span {
		width: 50%;
		height: 50px;
		padding-top: 5px;
	}
}

@media screen and (max-width:1000px) {

	.p2q>div {
		display: block;
		width: 350px;
		height: 380px;
		margin: 0 auto 15px auto;
	}

	.e2tab>div {
		width: 227px;
		height: 143px;
	}

	.e2tab1 {
		background: url(../image/e2_b1_m.png) no-repeat center bottom;
		background-size: contain;
	}

	.e2tab2 {
		background: url(../image/e2_b2_m.png) no-repeat center bottom;
		background-size: contain;
	}

	.e2tab3 {
		background: url(../image/e2_b3_m.png) no-repeat center bottom;
		background-size: contain;
	}

	.e2tab1:hover,
	.e2tab1.on {
		background: url(../image/e2_b1_on_m.png) no-repeat center bottom;
		background-size: contain;
		filter: drop-shadow(0px 0px 40px rgba(237, 137, 25, 0.75));
	}

	.e2tab2:hover,
	.e2tab2.on {
		background: url(../image/e2_b2_on_m.png) no-repeat center bottom;
		background-size: contain;
		filter: drop-shadow(0px 0px 40px rgba(237, 137, 25, 0.75));
	}

	.e2tab3:hover,
	.e2tab3.on {
		background: url(../image/e2_b3_on_m.png) no-repeat center bottom;
		background-size: contain;
		filter: drop-shadow(0px 0px 40px rgba(237, 137, 25, 0.75));
	}

	.e2cont {
		margin: -9px auto 0 auto;
	}

	.e3 {
		padding: 120px 0;
	}

	.e3_title {
		height: 220px;
	}

	.e3cont>div {
		display: block;
		height: 360px;
		margin: 0 auto 50px auto;
	}

	.e5w p {
		line-height: 1.2;
	}

	.e5b table.p5table2 {
		margin-top: 30px;
	}
}

.p5table2 th {
	font-size: 30px;
}

@media screen and (max-width:900px) {
	.e5w p {
		width: 300px;
		font-size: 32px;
		line-height: 1.2;
		left: calc(50% - 150px);
		margin-top: -12px;
	}

	.e5w p {
		margin-top: -10px;
	}

	.popout3 {
		width: calc(90% - 60px);
		padding: 30px;
		top: 10%;
		left: 5%;
	}

	.e1_light4,
	.e1_light6 {
		display: none;
	}
}

@media screen and (max-width:850px) {
	.d1 {
		flex-wrap: wrap;
	}

	.d-title,
	.d-date {
		width: 100%;
	}

	.op6 .info4 {
		max-height: 110px;
		overflow-y: auto;
	}

	.popout,
	.popout2 {
		width: 450px;
	}

	.popout2 .swiper-button-prev {
		left: -2%;
	}

	.popout2 .swiper-button-next {
		right: -2%;
	}

	.mask {
		height: calc(80vh - 200px);
		overflow: auto;
	}

	.opic1aa {
		background: url(../image/popc1_m.png) no-repeat;
		background-size: contain;
		width: 395px;
		height: 1625px;
	}

	.opic2aa {
		background: url(../image/popc2_m.png) no-repeat;
		background-size: contain;
		width: 400px;
		height: 777px;
	}

	.opic3aa {
		background: url(../image/popc3_m.png) no-repeat;
		background-size: contain;
		width: 406px;
		height: 950px;
	}

	.opic4aa {
		background: url(../image/popc4_m.png) no-repeat;
		background-size: contain;
		width: 446px;
		height: 400px;
	}

	.e4cont {
		width: 500px;
		height: 290px;
	}

	.e4cont iframe {
		margin: 35px 20px 20px 20px;
		width: calc(100% - 40px);
		height: calc(100% - 60px);
	}

	.e5acont {
		height: 500px;
	}

	.e5text ul {
		font-size: 16px;
	}

	.e5a1 {
		background: url(../image/p6_p1_m2.png) no-repeat center;
		background-size: contain;
		width: 317px;
		top: 30px;
		left: calc(50% - 240px);
	}

	.erl1 {
		width: 30px;
		top: 90px;
		left: calc(50% + 55px);
	}

	.erl2 {
		width: 40px;
		top: 205px;
		left: calc(50% + 45px);
	}

	.erl3 {
		width: 50px;
		top: 305px;
		left: calc(50% + 35px);
	}

	.erl4 {
		width: 80px;
		top: 440px;
		left: calc(50% + 5px);
	}
}

@media screen and (max-width:780px) {
	.kv2 {
		height: 750px;
		background-position-y: 65px;
	}

	.kv_light {
		width: 60%;
		height: 330px;
		top: 430px;
		left: calc(50% - 300px);
	}

	.kv2 .kv_light2 {
		top: 230px;
		left: calc(50% - 320px);
		width: 60%;
		height: 330px;
	}

	.kv2 .kv_p {
		width: 400px;
		top: 345px;
		left: calc(50% - 30px);
	}

	.kv2 .kv_p .body {
		width: 400px;
		top: 340px;
		left: calc(50% - 30px);
	}

	.kv2 .kv_p .hand {
		width: 162px;
		top: 140px;
		left: calc(50% - 200px);
	}

	.kv2 .kv_p .hand2 {
		width: 195px;
		top: 142px;
		left: calc(50%);
	}

	.kv_t1 {
		width: 500px;
		top: 130px;
		left: calc(50% - 250px);
	}

	.kv_t2 {
		width: 50%;
		top: 390px;
		left: 5%;
	}

	.kv_t2_bg {
		width: 55%;
		top: 380px;
		left: 2.7%;
	}

	.kv1_t2,
	.kv2_t2 {
		width: 400px;
		top: 520px;
		left: calc(50% - 200px);
	}

	.e1_1 {
		height: 1780px;
	}

	.e1_1 .e1_1_t {
		background: url(../image/p2_t_m.png) no-repeat top center;
		background-size: contain;
		width: 500px;
		margin: 120px auto 0;
	}

	.e1_1 .e1_1_t2 {
		background: url(../image/p2_t2_m.png) no-repeat top center;
		background-size: contain;
		width: 200px;
		height: 70px;
		margin-top: 46px;
	}

	.e1_1_cont {
		background: url(../image/p2_bg2_m.png) no-repeat top center;
		background-size: contain;
		width: 430px;
		height: 1018px;
		margin: 0px auto 0;
	}

	.e1_1 .e1_1_cont2 {
		width: 80%;
		margin-top: 20px;
		flex-direction: column;
		align-items: center;
	}

	.e1_1_cont2a {
		background: url(../image/p2_pic1_m.png) no-repeat top center;
		background-size: contain;
		width: 480px;
		height: 285px;
	}

	.e1_1_cont2b {
		background: url(../image/p2_pic2_m.png) no-repeat top center;
		background-size: contain;
		width: 480px;
		height: 285px;
	}

	.e1_1_cont2c {
		background: url(../image/p2_pic3_m.png) no-repeat top center;
		background-size: contain;
		width: 480px;
		height: 285px;
	}

	.e5w table {
		font-size: 20px;
	}

	.e5w table td {
		padding: 5px;
	}

	.p5b1 {
		width: 550px;
	}

	.e2cont1>div {
		width: 500px;
		height: 450px;
	}

	.e2cont1>div {
		width: 470px;
		height: 300px;
	}

	.e2cont1 {
		padding: 0 10px;
	}

	.e2cont3 {
		width: 465px;
		margin: 0 auto;
	}

	.e2a .info {
		margin: 4px auto 0px;
	}
}

@media screen and (max-width:700px) {
	.popcont {
		font-size: 22px;
		padding: 20px 10px 10px 30px;
	}

	.watertitle {
		width: 300px;
	}

	.kv_p {
		width: 65px;
		height: 280px;
		top: 240px;
		left: calc(50% - 20px);
	}

	.p5red,
	.e5blue {
		font-size: 18px;
		padding: 10px 15px;
		left: 0;
		top: 0;
	}

	.e5w p {
		width: 250px;
		font-size: 28px;
		left: calc(50% - 125px);
		margin-top: -2px;
		border-radius: 0 0 20px 20px;
	}

	.p6cont>a {
		font-size: 22px;
		width: 160px;
		font-weight: 700;
	}

	.download {
		width: 150px;
		height: 100px;
	}

	.p6c2a {
		top: -20px;
	}

	.p6c2b {
		background: url(../image/p7_line_m.png) no-repeat top center;
		background-size: contain;
		width: 400px;
		top: 50px;
		left: calc(50% - 200px);
	}

	.f_m7 {
		display: block;
	}

	.e5blue {
		border-radius: 20px 0 0 0;
	}

	.e1 {
		background: url(../image/p1_bg_m.png) no-repeat top center;
		height: 800px;
	}

	.e1a {
		background: url(../image/p1_t_m.png) no-repeat;
		background-size: contain;
		width: 465px;
		height: 147px;
	}

	.e1b {
		margin-top: 30px;
		width: 400px;
		height: 230px;
	}

	.e1_light {
		top: 255px;
	}

	.e1_light2 {
		top: 476px;
	}

	.e1_light5 {
		top: 446px;
	}

	.e1 .info {
		margin-top: 0;
	}

	.e2cont_p,
	.e2cont_p2 {
		width: 80%;
	}

	.e2cont_p3 {
		width: 90%;
	}

	.footer .w1300 {
		align-items: start;
		flex-direction: column;
	}

	.footer .w1300 span {
		font-size: 15px;
		display: inline-block;
		width: 100%;
	}

	.footer .w1300>div {
		width: 100%;
	}

	.footer .w1300>div:last-child {
		font-size: 13px;
		text-align: left;
	}

	.info3 {
		text-align: start;
	}
}

@media screen and (max-width:650px) {
	.op2 .info4 {
		height: 100px;
		overflow-y: auto;
	}

	.p2tab>div {
		width: 220px;
		height: 60px;
	}

	.p2cont p {
		font-size: 25px;
	}

	.e2 {
		margin-top: -70px;
		padding: 89px 0 80px 0;
	}

	.e3 {
		padding: 89px 0 250px 0;
	}

	.e2tab>div {
		width: 150px;
		height: 90px;
		margin: 0;
	}

	.e2cont {
		border: 2px solid;
		border-image: linear-gradient(to bottom, #f0c149 0%, #ffeba6 50%, #f0c149 100%);
		border-image-slice: 1;
		margin: -9px auto 0 auto;
	}

	.e2_title {
		background: url(../image/p3_t_m.png) no-repeat center;
		background-size: contain;
		width: 90%;
		height: 176px;
		margin: 0 auto;
	}

	.e3_title {
		background: url(../image/p4_t_m.png) no-repeat center;
		background-size: contain;
		width: 90%;
		height: 176px;
		margin: 0 auto;
	}

	.e4 {
		padding: 24px 0 94px;
	}

	.e4cont {
		background: url(../image/e4_bg2_m.png) no-repeat;
		background-size: contain;
		width: 400px;
	}

	.e4cont .btn,
	.e4cont .btn2 {
		transform: scale(0.5);
		top: 70px;
	}

	.e4cont .btn {
		left: calc(50% - 250px);
	}

	.e4cont .btn2 {
		left: calc(50% + 182px);
	}
}

@media screen and (max-width:600px) {
	html {
		-webkit-text-size-adjust: none;
	}

	a.logo {
		margin-left: 10px;
	}

	.kv_p {
		width: 50px;
		height: 250px;
		top: 210px;
		left: calc(50% - 10px);
	}

	.e1_1 {
		margin-top: -140px;
	}

	.p2cont {
		width: calc(98% - 20px);
		padding: 30px 10px;
	}

	.p2w {
		width: 470px;
	}

	.p2w table {
		font-size: 17px;
		width: 450px;
	}

	.p2w table b {
		font-size: 20px;
		margin-left: 2px;
	}

	.mvbt {
		margin-top: 75px;
	}

	.e5w {
		padding: 20px;

	}

	.e5w.e5b {
		padding: 70px 20px 50px 20px;
	}

	.e5w .info2 {
		width: calc(100% - 30px);
		margin: 20px auto 50px -10px;
	}

	.e5_title {
		background: url(../image/p6_t1_m.png) no-repeat center top;
		width: 100%;
		height: 140px;
		padding-bottom: 20px;
	}

	.e5_title2 {
		background: url(../image/p6_t2_m.png) no-repeat center top;
		width: 100%;
		height: 76px;
		padding-bottom: 20px;
	}

	.e5_title3 {
		background: url(../image/p6_t3_m.png) no-repeat center top;
		width: 100%;
		height: 76px;
		padding-bottom: 20px;
	}

	p5table tr:nth-child(2) td:nth-child(2) {
		padding: 10px;
	}

	p5table span {
		display: inline-block;
		margin: 5px;
	}
}