@charset "utf-8";
/* CSS Document */
.bg2{
	position: relative;
	width: 100%;
	display: block;
	background-color:#1d0d32;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 0%;
	background-image:url(../images/bg2_01.jpg);
	background-size:100% auto;
	overflow:hidden;
	}
.bg2.on{overflow:visible;}
.bg2::before{
	position:relative;
	width:100%;
	padding-bottom:52%;/*1040*/
	display: block;
	content: "";
	}
.bg2_2{
	position: relative;
	width: 100%;
	/*min-height:2000px;*/
	padding-bottom:2.5vw;/*50*/
	display: block;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 0%;
	background-image:url(../images/bg2_02.jpg);
	background-size: 100% auto;
	/**/
	font-size: 1vw;/*22 1.1*/
	line-height:1.5vw;/*42 2.1*/
	font-weight:400;
	color:#d7d7d7;
	text-align:center;
	}
.bg2_2 .hcon{
	position: relative;
	width: 60%;/*1200*/
	margin: 0 auto;
	padding: 1.5vw 0;/*30*/
	font-size: 1.39vw;/*28 1.4*/
	line-height: 2.5vw;/*50*/
	color:#FFF;
	}
.bg2_2 .hcon span{display:inline-block;}
.ac_tbx{
	position:relative;
	width:100%;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:2vw 0 1.3vw; /*40 26*/
	}
.ac_tbx::before,.ac_tbx::after{
	position:absolute;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size: 100% auto;
	}	
.ac_tbx::before{
	width:14.05%;/*281*/
	padding-bottom:16.85%;/*337*/
	background-image:url(../images/ac_p1.png);
	left:13.8%;/*282*/
	top:14.5%;
	z-index:1;
	animation: ma1 2.3s linear alternate infinite;
	}
.ac_tbx::after{
	width:6.75%;/*135*/
	padding-bottom:7.65%;/*153*/
	background-image:url(../images/ac_p2.png);
	right:14.2%;/*290*/
	bottom:-5.2%;
	}
.ac_time{
	position:relative;
	width:57.8vw;/*1156*/
	height:14.7vw;/*294*/
	display:inline-block;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-image:url(../images/ac_time.png);
	background-size: 100% auto;
	left:2.25%;/*45*/
	}
.ac_time > p{
	position:relative;
	width:22.145328%;/*256*/
	padding-bottom:25.4325%;/*294*/
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: 100% auto;
	margin:0 -1px;
	opacity:.6;
	}
.ac_time > p.on{opacity:1;}
.ac_time > p:nth-child(1){background-image:url(../images/ac_time_1.png);}
.ac_time > p:nth-child(2){background-image:url(../images/ac_time_2.png);}
.ac_time > p:nth-child(3){background-image:url(../images/ac_time_3.png);}
.ac_time > p:nth-child(4){background-image:url(../images/ac_time_4.png);}
.mode_bt{
	position:relative;
	width:10.6%;/*212*/
	padding-bottom:3%;/*60*/
	display:inline-block;
	cursor: pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: 100% auto;
	background-image:url(../images/mode_bt.png);
	margin:-.5vw 0 .5vw 46%;
	z-index:1;
	/*
	-webkit-filter: drop-shadow(0 0 0 rgba(0, 255, 252, 0))contrast(100%);
	filter: drop-shadow(0 0 0 rgba(0, 255, 252, 0))contrast(100%);*/  
	/*
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;*/
	}
.mode_bt::before{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-image:url(../images/mode_bt_a.png);
	background-size: 100% auto;
	top:0;
	left:0;
	}
.mode_bt:hover{
/*	-webkit-filter: drop-shadow(0 0 20px rgba(0, 255, 252, .8))contrast(200%);
	filter: drop-shadow(0 0 20px rgba(0, 255, 252, .8))contrast(200%);*/
	}
.mode_bt:hover::before{
	animation: lf1 .35s linear alternate infinite;
	}
.s3{
	position:relative;
	width:100%;
	padding-bottom:1.5%;/*30*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: auto 100%;
	background-image:url(../images/s3.png);
	}
.bg2_3{
	position: relative;
	width: 100%;
	display: block;
	/*background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 0%;
	background-image:url(../images/bg2_03.png);
	background-size: 100% auto;*/
	}
	
.vtmu{
	position:relative;
	width:100%;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 0%;
	background-image:url(../images/bg2_03.png);
	background-size: 100% auto;
	}
.vtmu.off{display:none;}
.vtcnbx{
	position:absolute;
	width:100%;
	display: block;
	pointer-events:none;
	top:3.5vw;
	opacity:0;
	/*padding-top:3vw;*/
	/**/
	transition: all .5s;
	}	
.vtcnbx.on{
	position: relative;
	pointer-events:auto;
	top:-.5vw;
	opacity: 1;
	}	
/**/
.ac_all_bt{
	position:relative;
	width:31.2%;/*624*/
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image:url(../images/ac_all_bt_1.png);
	margin:0 auto;
	z-index:2;
	}
.ac_all_bt::before{
	position:relative;
	width:100%;/*624*/
	padding-bottom:32.852%;/*205*/
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-image:url(../images/ac_all_bt_2.png);
	background-size: 100% auto;
	}
.ac_all_bt::after{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-image:url(../images/ac_all_bt_2_b.png);
	background-size: 100% auto;
	top:0;
	left:0;
	}
.ac_all_bt:hover::before{background-image:url(../images/ac_all_bt_2_a.png);}
.ac_all_bt:hover::after{animation:td1 .35s linear alternate infinite;}
.acbtbx{
	position:relative;
	display:block;
	text-align:center;
	padding:1% 0 .5%
	}
.acbtbx a{
	position:relative;
	display:inline-block;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size: 100% auto;
	filter:contrast(100%);
	transition: all .5s;
	}
.ack_bt{
	width:22.25%;/*445*/
	margin:0 -1.5%;
	}
.ac1_bt,.ac2_bt,.ac3_bt{width:16.8%;/*336*/margin:0 -.2%;}
.ac1_bt::before,.ac2_bt::before,.ac3_bt::before{padding-bottom:57.738%;/*194*/}

.acbtbx a::before,.acbtbx a::after{
	width:100%;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size: 100% auto;
	}
.acbtbx a::before{position:relative;}
.acbtbx a::after{
	position:absolute;
	height:100%;
	top:0;
	left:0;
	}
.acbtbx a:hover{filter:contrast(155%);}
.acbtbx a:hover::after{animation:td1 .35s linear alternate infinite;}
.acbtbx .ack_bt::before{
	padding-bottom:43.595%;/*194*/
	background-image:url(../images/ack_bt.png);
	}
.acbtbx .ack_bt::after{background-image:url(../images/ack_bt_a.png);}
.acbtbx .ac1_bt::before{background-image:url(../images/ac1_bt.png);}
.acbtbx .ac2_bt::before{background-image:url(../images/ac2_bt.png);}
.acbtbx .ac3_bt::before{background-image:url(../images/ac3_bt.png);}
.acbtbx .ac1_bt::after{background-image:url(../images/ac1_bt_a.png);}
.acbtbx .ac2_bt::after{background-image:url(../images/ac2_bt_a.png);}
.acbtbx .ac3_bt::after{background-image:url(../images/ac3_bt_a.png);}
.bnbx{
	position:relative;
	width:100%;
	min-height:38.5vw;/*734 750 37.5*/
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 0%;
	background-image:url(../images/banner_bg.png);
	background-size: 100% auto;
	top:-2.6vw;
	}
.bnbx .bn1{
	position:absolute;
	width:54vw;/*1080*/
	height:25.45vw;/*509*/
	border-radius:2.35vw;/*47 2.35*/
	background-color:#1e0d33;/*1e0925*/
	top:6.76vw;/*17.6%*/
	left:50%;
	transform:translateX(-50%);
	overflow:hidden;
	/*
  	-webkit-filter: drop-shadow(0 0 .5vw rgba(14, 216, 253, .6));
  	filter: drop-shadow(0 0 .5vw rgba(14, 216, 253, .6));*/
	}
.bnbx .bn1 .swiper-container{width:100%;}
.bnbx .bn1 .swiper-slide{
	width:100%;/**/
	height:25.45vw;/*509*/
	}
.bnbx .bn1 .swiper-slide img{
	position:relative;
	width:100%;
	display:block;
	}
.bnbx .bn1 .swiper-slide img:nth-child(1){display:block;}
.bnbx .bn1 .swiper-slide img:nth-child(2){display:none;}
	
.bnbx .swiper-pagination.adbnmu_1{
	top:91%;
	left:50%;
	transform:translateX(-50%);
	}
.bnbx .adbnmu_1 .swiper-pagination-bullet{
  width:1.25vw;/*25*/
  height:1.25vw;
  border-radius:100%;
  margin:0 .675vw;/*13.5*/
  background:#357480;
  opacity:.8;
	}
.bnbx .adbnmu_1 .swiper-pagination-bullet-active {
	opacity:1;
 	background:#ee00ca;
	/**/
  	-webkit-filter:drop-shadow(0 0 8px rgba(238, 0, 202, .8));/*30*/
  	filter:drop-shadow(0 0 8px rgba(238, 0, 202, .8));
	}
/**/
.bnbx2{
	position:relative;
	width:80%;/*1200*/
	padding-bottom:43.3%;/*650*/
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-image:url(../images/banner_bg2.png);
	background-size: 100% auto;
	margin:.5vw auto 2.5vw;
	left:5.5%;
	}
.bnbx2 .bn2{
	position:absolute;
	width:90%;/*1080*/
	height:78.3%;/*509*/
	border-radius:1.5vw;/*47 2.35*/
	background-color:#1e0d33;/*1e0925*/
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	overflow:hidden;
	}	
.bnbx2 .bn2 .swiper-container{
	position:absolute;
	width:100%;
	/*height:100%;*/
	top:0;
	left:0;
	}
.bnbx2 .bn2 .swiper-slide{
	width:100%;/**/
	/*height:25.45vw;509*/
	}
.bnbx2 .bn2 .swiper-slide img{
	position:relative;
	width:100%;
	/*display:block;*/
	}
.bnbx2 .bn2 .swiper-slide img:nth-child(1){display:block;}
.bnbx2 .bn2 .swiper-slide img:nth-child(2){display:none;}
	
.bnbx2 .swiper-pagination.adbnmu_2{
	top:100%;
	left:50%;
	transform:translateX(-50%);
	}
.bnbx2 .adbnmu_2 .swiper-pagination-bullet{
  width:1vw;/*25 1.25*/
  height:1vw;
  border-radius:100%;
  margin:0 .6vw;/*13.5 .675*/
  background:#357480;
  opacity:.8;
	}
.bnbx2 .adbnmu_2 .swiper-pagination-bullet-active {
	opacity:1;
 	background:#ee00ca;
	/**/
  	-webkit-filter:drop-shadow(0 0 8px rgba(238, 0, 202, .8));/*30*/
  	filter:drop-shadow(0 0 8px rgba(238, 0, 202, .8));
	}
/**/
.vtcnbx2{
	position:relative;
	width:81.75%;/*1635*/
	margin:0 auto;
	}
.vtcnbx2::before,.vtcnbx2::after{
	position:relative;
	width:100%;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-size: 100% auto;
	}
.vtcnbx2::before{
	padding-bottom:4.0978%;/*67*/
	background-position:50% 100%;
	background-image:url(../images/vtcnbx_01.png);
	}
.vtcnbx2::after{
	padding-bottom:10.4587%;/*171*/
	background-position:50% 0%;
	background-image:url(../images/vtcnbx_04.png);
	}
.vtc2a{
	position:relative;
	width:100%;
	padding-bottom:18.96%;/*310*/
	display:block;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 0%;
	background-image:url(../images/vtcnbx_02.png);
	background-size: 100% auto;/**/
	}
.vtc2b{
	position:relative;
	width: 100%;
	min-height:20vw;/*600*/
	display: block;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-image: url(../images/vtcnbx_03.png);
	background-size: 100% auto;
	}
.vtc2b > .vcon{
	position:relative;
	width:80%;/*83*/
	display:none;/*block*/
	margin:0 auto;
	padding:1.2vw 0 0;
	}
	
.back_2{
	position:absolute;
	width:15.1%;/*247*/
	padding-bottom:13.87%;/*227*/
	display:block;
	cursor:pointer;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-image:url(../images/back_2.png);
	background-size: 100% auto;
	left:.35%;
	top:-34.5%;
	}
#v_titbx{
	position:absolute;
	width:35.474%;/*580*/
	height:100%;
	background-attachment:scroll;
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-size: 100% auto;
	top:0%;
	left:50%;
	transform:translateX(-50%);
	/**/
	pointer-events:none;
	}
.v_ti_1{background-image:url(../images/v_tit_1.png);}
.v_ti_2{background-image:url(../images/v_tit_2.png);}
.v_ti_3{background-image:url(../images/v_tit_3.png);}
.v_ti_4{background-image:url(../images/v_tit_4.png);}
.v_ti_5{background-image:url(../images/v_tit_5.png);}
/**/	
.pbx2,.pbx3{
	position:absolute;
	display: block;
	pointer-events:none;
	z-index: 1;
	}
.pbx2{
	width:16%;/*320*/
	height:80%;
	left: 0;
	top:15%;
	/*bottom:5vw;*/	
	}
.pbx3{
	width:31.25%;/*625*/
	height:100%;
	right:0;
	top:0vw;/*-4*/
	}	
.pbx2 p{
  position:sticky;/**/
  width: 100%;
  height:25vw;/*422 21.1  500*/
  left:0;
  top:35%;/*65*/
  overflow:hidden;
}
.pbx2 p::before {
  position: absolute;
  width: 100%;/*320*/
  padding-bottom: 156.25%;/*422 131.875  500*/
  display: block;
  content: "";
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-image: url(../images/p5a.png);
  background-size: 100% auto;
  top:30%;
  right:100%;
  transition: all .8s;
	}
.vtcnbx.on .pbx2 p::before{top:0;right:0;}
.pbx3 p{
  position:sticky;
  width: 100%;
  height:66.35vw;/*1327*/
  right:0;
  top:-15%;
  overflow:hidden;
	}
.pbx3 p::before {
  position: absolute;
  width: 100%;/*625*/
  padding-bottom:212.32%;/*1327*/
  display: block;
  content: "";
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-image: url(../images/p5.png);
  background-size: 100% auto;
  top:0;
  left:100%;
  transition: all .8s;
	}	
.vtcnbx.on .pbx3 p::before{top:0;left:0;}	
/**/
.v_kb{
  position: relative;
  width:89%;
  display: block;
	}
.v_tc {
  position: relative;
  display: block;
  text-align: left;
  padding: 0 0 .5vw;
	}
.v_tc2{
  position: relative;
  display: block;
  text-align: left;
  padding:.5vw 0;
	}
.v_f1 {
  position: relative;
  display: block;
  font-size: 1.25vw;
  line-height:2.2vw;
  font-weight: 500;
  text-align:left;
  padding:.5vw 0;
	}
.vc_r{
	color:#ff2edf;
  /**/
  -webkit-filter: drop-shadow(0 0 10px rgba(255, 0, 192, 1));
  filter: drop-shadow(0 0 10px rgba(255, 0, 192, 1));
	}
.vc_b{
  color:#31eeff;
  /*
  -webkit-filter: drop-shadow(0 0 10px rgba(12, 183, 253, 1));
  filter: drop-shadow(0 0 10px rgba(12, 183, 253, 1));*/
	}
.vc_f{color:#FFF;}
.vcw{font-weight:500;}
.vc_c{color: #d7d7d7;}
.v_f1 p {
  position: relative;
  display: inline-block;
  left: -.5vw;
	}
.v_f2 {
  position: relative;
  display: block;
  font-size: 1.25vw;
  line-height: 3vw;
  font-weight: 500;
  /*color: #4a433e;*/
	}
.v_f2 p {
  position: relative;
  display: inline-block;
  font-size: 1.6vw;/*32*/
  font-weight: 700;
  /*margin-left: -1vw;*/
	}
ul.vc1 {
  position: relative;
  padding-left:1vw;
  text-align:left;
	}
ul.vc1 li {
  position: relative;
  list-style-type: decimal;
  padding: 0 0 5px 0;
	}
.mk{ margin-bottom:1%;}		
.s5 {
  position: relative;
  width: 100%;
  height: .5vw;
  background-attachment: scroll;
  background-repeat: repeat-x;
  background-position: 100% 50%;
  background-image: url(../images/s5.png);
  background-size: auto 100%;
  margin: 1vw 0 .6vw;
	}
.acb1{
	position:relative;
	width:114.7%;
	/*min-height:80px;*/
	margin:0 auto;
	left:-7.28%;
	top:-2.05vw;/*-1.4*/
  background-attachment: scroll;
  background-repeat:no-repeat;
  background-position:50% 100%,50% 0%;/*50% 0%,url(../images/s6a.png),*/
  background-image:url(../images/s6b.png),url(../images/acb.jpg);
  background-size:100% auto;
	}
.acb1::before{
	position:absolute;
	width:41%;/*622*/
	padding-bottom:5.14%;/*78*/
	display: block;
	content: "";
  	background-attachment: scroll;
  	background-repeat: no-repeat;
  	background-position: 50% 50%;
  	background-image: url(../images/s6a1.png);
  	background-size: 100% auto;
	top:-1.5vw;
	left:50%;
	transform:translateX(-50%);
	}
.acb1 > div{
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding: 3vw 0 3.5vw;/*60*/
	font-size: 1.39vw;/*28 1.4*/
	line-height: 2.5vw;/*50*/
	font-weight: 500;
	color: #FFF;
	text-shadow: 0 0 30px #181474,0 10px 20px #181474,0 10px 20px #b51ab8;
	/**/
	}
.acb1 > div > span{display:inline-block;}
.acb1 > div > .bhk{
	position: relative;
	padding:.5vw 1.6vw;
	/*border: 3px solid #FFF;*/
	/**/
	-webkit-filter: drop-shadow(0 10px 30px rgba(30, 12, 96, .6));
	filter: drop-shadow(0 10px 30px rgba(30, 12, 96, .6));
	}
.acb1 > div > .bhk > p{
	position:relative;
	opacity:0;
	top:15px;
	transition: all .55s;
	}
.acb1 > div > .bhk.on > p:nth-child(1){transition: all .8s .25s;}
.acb1 > div > .bhk.on > p:nth-child(2){transition: all  1s .6s;}	
.acb1 > div > .bhk.on > p:nth-child(3){transition: all 1.4s 1s;}
.acb1 > div > .bhk.on > p{opacity:1;top:0;}
/**/

/**/
.stage1,.stage2{
	position:relative;
	width:100%;
	display:none;
	/**/
	transition: all .55s;
	}
.stage1.on,.stage2.on{
	position:relative;
	display:block;
	}
.vvb{
	position: relative;
	width:80%;/*80 75*/
	margin:0 auto;
	border:.5vw solid #0cd8fd;/*10 #0cd8fd #ff2edf*/
	/*border-top:.5vw solid #0cd8fd;
	border-right:.5vw solid #0cd8fd;
	border-left:.5vw solid #ff2edf;
	border-bottom:.5vw solid #ff2edf;*/
	padding:.5vw;
	border-radius:2.5vw;/*50*/
	opacity:0;
	top:15px;
	/**/
	transition: all .5s;
	/**/
	-webkit-filter: drop-shadow(0 0 15px rgba(12, 183, 253, 1));/* 255, 0, 192*/
  	filter: drop-shadow(0 0 15px rgba(12, 183, 253, 1));
	}
.vvb.on{
	opacity:1;
	top:0;
	}
	
.vdobx{
	position: relative;
	width:100%;/*950 80%*/
	padding-bottom:56.21%;/*534 44%*/
	margin:0 auto;
	/*border: .15vw solid #cec0b8;*//*2*/
	border-radius:1.5vw;/*30*/
	overflow:hidden;
	}
.vdobx img{
    position:absolute;
    width:100%;
	display:block;
    top: 0;
    left: 0;
	z-index:1;
	}
.skip{
    position:absolute;
    width:10.21%;/*97*/
	padding-bottom:3.99%;/*38*/
	display:block;
	cursor: pointer;
	border-radius:50px;
	background-color:#e800c5;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/skip.png);
	background-size:100% auto;
	bottom:3.8%;
	right:2.6%;
  /**/
  -webkit-filter: drop-shadow(0 0 10px rgba(255, 0, 192, 1));
  filter: drop-shadow(0 0 10px rgba(255, 0, 192, 1));
	}
.vdobx > .vdx,
.vdobx > .vdx video,
.vdobx > .vdx iframe{
    position:absolute;
	display:block;
    width: 100.5%;
    height: 100.5%;	
    top:50%;
    left: 50%;
	transform:translate(-50%,-50%);
	}
.ct1{
	position:relative;
	width:100%;
	padding-bottom:1%;
	display:block;
	}
.cardbx{
	position:relative;
	width:83.8%;/*950 82 80 75 80*/
	padding-bottom:46.5%;/*37.5 46.2 44.2 42.2 44.5*/
	margin:0 auto;
	text-align:center;
	/**/  
  	-webkit-filter: drop-shadow(0 .2vw .5vw rgba(0, 0, 0, .35));
  	filter: drop-shadow(0 .2vw .5vw rgba(0, 0, 0, .35));
	}
.cardbx li{
	position:absolute;
	width:31%;/*295*/
	/*height:25.7vw;514*/
	padding-bottom:54.0135%;
	display:inline-block;
	/*background-color:rgba(0,0,0,.5);*/
	opacity:0;
	top:30px;
	filter:contrast(110%);
	}
.cardbx li.same{
  	-webkit-filter: drop-shadow(0 0 .8vw rgba(12, 216, 253, 1));
  	filter:drop-shadow(0 0 .8vw rgba(12, 216, 253, 1));	
	}
.cardbx li.same::after{
	position:absolute;
	width:100%;
	height:100%;
	content: "";
	display:block;
	pointer-events:none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-image:url(../images/same2.png);
	background-size:100% auto;
	top:0;
	left:0;
	}	
.cardbx li img{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	}
.cardbx li:nth-child(1){left:0;transition: all .5s;}
.cardbx li:nth-child(2){
	left:50%;
	transform:translateX(-50%);
	/*margin:0 1%;*/
	transition:all .8s;
	}	
.cardbx li:nth-child(3){right:0;transition:all 1.1s;}	
.cardbx.on li{opacity:1;top:0;}	

.btbx{
	position:relative;
	display:block;
	text-align:center;
	padding:2vw 0 0;/*20  1.2vw*/
	z-index:1;
	}	
.calls_bt2,.calls_bt3{
	position:relative;
	width:23.8%;/*344*/
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	
	background-size:100% auto;
	margin:0 auto;
	/**/
	transition: all .8s;

	}
.calls_bt2{
	background-image:url(../images/calls_bt_2.png);
	/**/  
  	-webkit-filter: drop-shadow(0 0 .6vw rgba(255, 164, 2, .5));/*8 20*/
  	filter: drop-shadow(0 0 .6vw rgba(255, 164, 2, .5));	
	}
.calls_bt2.on,.calls_bt2.ov{
	pointer-events:none;
	filter:grayscale(90%);
	}	
.calls_bt3{
	background-image:url(../images/calls_bt_3.png);
	/**/  
  	-webkit-filter: drop-shadow(0 0 .6vw rgba(212, 21, 252, .5));/*8 20*/
  	filter: drop-shadow(0 0 .6vw rgba(212, 21, 252, .5));	
	}
.calls_bt2::before,.calls_bt3::before{
	position:relative;
	width:100%;/*344*/
	padding-bottom:25.581%;/*88*/
	content: "";
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	
	background-size:100% auto;
	opacity:0;
	/**/
	transition: all .8s;
	}
.calls_bt2::before{background-image:url(../images/calls_bt_2a.png);}
.calls_bt3::before{background-image:url(../images/calls_bt_3a.png);}	
	
	
.calls_bt2:hover::before,.calls_bt3:hover::before{opacity:1;}
.calls_bt2:hover{
	-webkit-filter: drop-shadow(0 0 .6vw rgba(255, 164, 2, 1));
  	filter: drop-shadow(0 0 .6vw rgba(255, 164, 2, 1));
	}
.calls_bt3:hover{
  	-webkit-filter: drop-shadow(0 0 .6vw rgba(212, 21, 252, 1));
  	filter: drop-shadow(0 0 .6vw rgba(212, 21, 252, 1))
	}
.s_times{
	position:absolute;
	text-align:left;
	left:0%;/*-2.6*/
	bottom:.3vw;/*2.2vw*/
	padding:.5% .5%;
	/*opacity:.8;*/
	z-index:1;
	}
.s_times span.nb{font-size:1.15vw;/*23*/}
.s_times span.rk{
	position:relative;
	display:inline-block;
	}
.s_times a{
  	position:absolute;
  	width:4.25vw;/*85*/
	/*padding-bottom:1.5vw;*//*28*/
  	padding:1% 3% 0;
  	display:block;
  	cursor: pointer;
  	border-radius:50px;
  	color: #fff;
  	text-align: center;
  	top:48%;
	left:105%;
  	transform: translateY(-50%);
  	background-color:#00a3e6;/*#00a3e6 #da00b9*/
  	transition: all .5s;
  	/**/
  	-webkit-filter: drop-shadow(0 0 8px rgba(12, 183, 253, 1));/* 255, 0, 192*/
  	filter: drop-shadow(0 0 8px rgba(12, 183, 253, 1));
	}
.s_times a:hover {background-color:#2cc6ff;/*#2cc6ff ff25de*/}
.s_times a > p{
	position:relative;
  	top:.01vw;
	display:block;
	}
.ca2_bx{
	position:relative;
	width:100%;
	display:block;
	padding:1vw 0 1.5vw;/*20*/
	}
.ca2_bx > a{
	position:relative;
	width:16%;/*200 1250*/
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/ca2_bt.png);
	background-size:100% auto;
	margin:0 1.5vw;/*30*/
	/**/
	transition: all .5s;
	/**/  
  	-webkit-filter: drop-shadow(0 0 .5vw rgba(36, 177, 224, .5));/*20*/
  	filter: drop-shadow(0 0 .5vw rgba(36, 177, 224, .5));
	}
.ca2_bx > a::before{
	position:relative;
	width:100%;/*200*/
	padding-bottom:29%;/*58*/
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/ca2_bt_a.png);
	background-size:100% auto;
	opacity:0;
	/**/
	transition: all .8s;
	}
.ca2_bx > a:hover::before{opacity:1;}
.ca2_bx > a:hover{
	/**/  
  	-webkit-filter: drop-shadow(0 0 .8vw rgba(36, 177, 224, 1));
  	filter: drop-shadow(0 0 .8vw rgba(36, 177, 224, 1));
	}
.ca2_bx > a::after{
	position:absolute;
	width:100%;/*200*/
	height:100%;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	top:0;
	left:0;
	}
.ca3::after{background-image:url(../images/ca3.png);}
.ca5::after{background-image:url(../images/ca5.png);}
/**/
ul.vc2{
	position:relative;
	padding-left:21px;/*20*/
	}
ul.vc2 li{
	position:relative;
	list-style-type:decimal;
	padding:0 0 5px 0;
	}
ul.vc2 li > div{
	position:relative;
	padding:.25% 0;
	}	
.log{
	position:relative;
	margin:-.5rem auto 0;
	padding:0 0 1rem;
	}
.log > li{
	position:relative;
	border-bottom: 1px dashed #235a70;
	padding:.5rem 1rem;
	}
.log > li .tim{
	position:relative;
	display:block;
	text-align:left;
	padding:.6rem 0 .8rem 2%;
	}
.log > li .ddb{
	position:absolute;
	width:19%;
	text-align:left;
	right:0;
	bottom:10%
	}
.log > li .tk{
	position:relative;
	width:80%;
	text-align:center;
	display:block;
	margin:0 auto;
	}
.log > li .tk > div{
	position: relative;
	width: 29%;
	padding-bottom: 29%;
	display: inline-block;
	border-radius: 99px;
	overflow: hidden;
	margin: 0 1.35%;
	}
.log > li .tk > div.ob{
	background-color:#00ccff;
	/**/  
  	-webkit-filter: drop-shadow(0 0 .8vw rgba(0, 204, 255, 1));
  	filter: drop-shadow(0 0 .8vw rgba(0, 204, 255, 1));
	}
.log > li .tk > div > div{
	position: absolute;
	width: 93%;
	padding-bottom: 93%;
	border-radius: 99px;
	overflow: hidden;
	background-color: #312e34;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/*border: 1px solid #0ba3e1;*/
	}
.log > li .tk > div > div::after{
	position:absolute;
	width:100%;
	height:100%;
	content: "";
	display:block;
	pointer-events:none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image: url(../images/hcb.png);	
	background-size:100% auto;
	left:0;
	top:0;
	}
/*20250217*/
.log > li .tk > div > div.gb::after{
	position:absolute;
	width:100%;
	height:100%;
	content: "";
	display:block;
	pointer-events:none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image: url(../images/hcb2.png);	
	background-size:100% auto;
	left:0;
	top:0;
	}
.log > li .tk > div > div img{
	position:absolute;
	max-width:100%;
	max-height:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	}
.vtm{
	position:relative;
	width:85%;/*140 9vw*/
	/*top:2.5vw;
	left:-1.95%;*/
	text-align:center;
	margin:1vw auto .3vw;
	z-index:1;
	opacity:0;
	transition: all .5s;
	}
.vtm.on{opacity:1;/*left:-3.95%;*/}
.vtm::before{
	position:absolute;
	width:100%;
	display:block;
    content:'❤ 選擇心儀對象';
	color:#ff2edf;
	text-align:center;
	/*left:.5%;*/
	/*top:-2.2vw;*/
	bottom:103%;
  /**/
  -webkit-filter: drop-shadow(0 0 10px rgba(255, 0, 192, 1));
  filter: drop-shadow(0 0 10px rgba(255, 0, 192, 1));
	}
	
.vtm input{display:none;border:0;}
.vtm label{
	position:relative;
    width:9%;/*66*/
	padding-bottom:9%;
	margin:0 -2.2px;
	cursor:pointer;
	display:inline-block;
	background-attachment:scroll;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	opacity:.75;
	transition: all .5s;
	}
.vtm label::before{
			position:absolute;
            width:100%;/*66*/
			height:100%;
            display:block;
            content:'';
			background-attachment:scroll;
			background-position:50% 50%;
			background-repeat:no-repeat;
			background-image: url(../images/vtm_o.png);
			background-size:100% auto;
			top:0%;
			left:0%;/**/
			opacity:0;
			transform:rotate(-180deg);
			transition: all .5s;
        	}
.vtm input[type="checkbox"]:checked + label::before {
			transform:rotate(0deg);
            opacity:1;
       		}
.vtm input[type="checkbox"]:checked + label{opacity:1;}
.vtm label:hover{opacity:1;}	
.vt_1{background-image: url(../images/vt_1.png);}
.vt_2{background-image: url(../images/vt_2.png);}
.vt_3{background-image: url(../images/vt_3.png);}
.vt_4{background-image: url(../images/vt_4.png);}
.vt_5{background-image: url(../images/vt_5.png);}
.vt_6{background-image: url(../images/vt_6.png);}
.vt_7{background-image: url(../images/vt_7.png);}		
.vt_8{background-image: url(../images/vt_8.png);}
.vt_9{background-image: url(../images/vt_9.png);}
.vt_10{background-image: url(../images/vt_10.png);}			

/**/
.vth{
	position:relative;
	width:100%;
	padding-bottom:3.5%;
	display:block;
	}
.vvb2{
	position: relative;
	width:80%;/*80 75*/
	margin:0 auto;
	border:.5vw solid #ff2edf;/*10 #0cd8fd*/
	padding:.5vw;
	border-radius:2.5vw;/*50*/
	margin-bottom:2vw;
	/**/
	transition: all .5s;
	/**/
	-webkit-filter: drop-shadow(0 0 15px rgba(255, 0, 192, 1));/*12, 183, 253*/
  	filter: drop-shadow(0 0 15px rgba(255, 0, 192, 1));
	}
.vvb2a{
	position:relative;
	width:100%;
	display:inline-block;
	}
.vvb2a::before,.vvb2a::after{
			position:absolute;
            display:block;
			pointer-events: none;
            content:'';
			background-attachment:scroll;
			background-position:50% 50%;
			background-repeat:no-repeat;
			background-size:100% auto;

	}
.vvb2a::before{
	width:108.16%;/*1352 1250*/
	padding-bottom:18.48%;/*231*/
	background-image: url(../images/ssk.png);
	top:1%;
	left:50%;
	transform:translateX(-50%);
	}
.vvb2a::after{
	width:8.24%;/*103 1250*/
	padding-bottom:8.24%;/*231*/
	background-image: url(../images/ssk2.png);
	top:84%;
	left:73%;
	transform:translateX(-50%);
	}

	
	
.vdobx2{
	position:relative;
	width:100%;/*950 80%*/
	padding-bottom:56.21%;/*534 44%*/
	margin:0 auto;
	border-radius:1.5vw;/*30*/
	overflow:hidden;
	}
.vdobx2 > .vdx2,
.vdobx2 > .vdx2 video,
.vdobx2 > .vdx2 iframe{
	position:absolute;
	display:block;
	width: 100.5%;
	height: 100.5%;	
	top:50%;
 	left: 50%;
	transform:translate(-50%,-50%);
	}
/**/
.gpbx{
	position: relative;
	padding: 1.5% 5%;
	display: block;
	/*border: 2px solid #0cd8fd;/**/
	text-align:left;
	margin:.5vw auto 1.8vw;
	border-radius:5vw;/*100*/
	background-color:rgba(50,30,70, .65);/*#3d2b54 311f4 #333*/
	background-attachment:scroll;
	background-position:96% 25%;
	background-repeat:no-repeat;
	background-image: url(../images/ssin.png);
	background-size:16.15vw auto;/*323*/
	}
.gpf{
	position:relative;
	display: block;
	}
.gpf strong{
	color: #FFF;
	font-weight: 500;
	}	
.gpname{
	position: relative;
	border-radius: 5vw;
	display: inline-block;
	padding: .8% 3.6% .6%;
	background-color:rgba(100,65,120, .55);/*#653f78*/
	margin:.25vw 0 .7vw;
	font-size: 1.25vw;/*25*/
	font-weight: 500;
	color: #FFF;
	left:-.6%;
	}
.gpname::before,.gpname::after{
			position:absolute;
			width:2.15vw;/*43*/
			height:2.15vw;
            display:block;
            content:'';
			background-attachment:scroll;
			background-position:50% 50%;
			background-repeat:no-repeat;
			background-size:100% auto;
			top:50%;
			transform:translateY(-50%);
			/**/
			-webkit-filter: drop-shadow(0 0 .5vw rgba(25, 15, 35, .8));/*10*/
			filter: drop-shadow(0 0 .5vw rgba(25, 15, 35, .8));
			}
.gpname::before{
	background-image: url(../images/sn_l.png);
	right:91%;
	}
.gpname::after{
	background-image: url(../images/sn_r.png);
	left:91%;
	}		
.vddn{
	position:absolute;
	width:24.5%;/*245 100*/
	padding-bottom:4.5%;/*45*/
	display:block;
	cursor: pointer;
	background-attachment:scroll;
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-image: url(../images/vddn.png);
	background-size:100% auto;
	top:101.5%;
	left:50%;
	transform:translateX(-50%);
	}
.vthom{
	position:relative;
	width:23%;/*300 1308*/
	padding-bottom:6.516%;/*85*/
	display:block;
	cursor: pointer;
	background-attachment:scroll;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-image: url(../images/vthome.png);
	background-size:100% auto;
	margin:2.5vw auto 0;
	}
	
	
@media only screen and (max-width:1600px){
/**/

	
	
}
@media only screen and (max-width:1400px){
/**/
}
@media only screen and (max-width:1200px){
/**/

	
}
@media only screen and (max-width:1000px){	
/**/

}
@media only screen and (max-width:860px){
/**/

}	
@media only screen and (max-width:780px){
/**/
.bg2{background-image:url(../images/bg2m_01.jpg);}
.bg2::before{padding-bottom:140.384615%;/*1095*/}
.bg2_2{
	background-image:url(../images/bg2m_02.jpg);
	font-size:2.5vw;/*22 2.82*/
	line-height:3.8vw;/*42 5.384*/	
	padding-bottom:6.41vw;/*50*/
	}
.bg2_2 .hcon{
	width:95%;
	padding:3.8vw 0 .5vw;/*30 2.5*/
	font-size:4.1vw;/*32*/
	line-height:6.6vw;/*52*/
	font-weight:500;
	}
.bg2_2 .hcon span{display:inline;}
/**/
.vtcnbx{
	top:6.9vw;
	/*padding-top:6vw;*/
	}
.vtcnbx.on{
	top:-5.2vw;
	}	
/**/
.ac_tbx{
	padding:16.23vw 0 7.6vw; /*150 26*/
	overflow:hidden;
	}
.ac_time{
	position:relative;
	width:105.128vw;/*820*/
	height:26.7948vw;/*209*/
	left:-2.564%;
	}
.ac_tbx::before{
	width:30%;/*234*/
	padding-bottom:35.897%;/*280*/
	left:-9.8%;
	top:0%;
	z-index:0;
	}
.ac_tbx::after{
	width:12.82%;/*100*/
	padding-bottom:14.6148%;/*114*/
	right:-6%;
	bottom:-2.6%;
	}
.mode_bt{
	width:27.179%;/*212*/
	padding-bottom:7.6921%;/*60*/
	margin:-5vw 0 1.5vw 0;/*-5vw 52% 1.5vw 0*/
	}
.s3{padding-bottom:3.846%;/*30*/}
.bg2_3{background-image:none;}
.vtmu{background-image:none;}
/**/
.ac_all_bt{width:89.74%;/*700*/}
.acbtbx{
	position:relative;
	display:block;
	text-align:center;
	padding:3% 0 1%
	}
.ack_bt{
	width:57.05%;/*445*/
	margin:-3% -5%;
	}
.ac1_bt,.ac2_bt,.ac3_bt{
	width:43.07%;/*336*/
	margin:-3% 0;
	}
.bnbx{
	min-height:87.18vw;/*520 66vw 680 */
	background-image:url(../images/banner_bg_m.png);
	top:-3.5vw;/*50*/
	}
.bnbx .bn1{
	width:84.3589vw;/*658*/
	height:63.333vw;/*494*/
	border-radius:3.846vw;/*30*/
	top:12.35vw;
	}
.bnbx .bn1 .swiper-slide img:nth-child(1){display:none;}	
.bnbx .bn1 .swiper-slide img:nth-child(2){display:block;}
	
.bnbx .bn1 .swiper-slide{
	height:63.333vw;/*494*/
	}
.bnbx .swiper-pagination.adbnmu_1{
	top:92%;/*85*/
	}
.bnbx .adbnmu_1 .swiper-pagination-bullet{
  width:1.955vw;/*15.25*/
  height:1.955vw;
  margin:0 1.08vw;/*8.5*/
	}
/**/
.bnbx2{
	width:100%;/*1200*/
	padding-bottom:83.33%;/*1000*/
	background-image: url(../images/banner_bg2_m.png);
	margin:0 auto 5.5vw;/*60*/
	left:0;
	}
.bnbx2 .bn2{
	width:90%;/*1080*/
	height:81%;/*810*/
	border-radius:2.35vw;/*47*/
	top:47.6%;
	}
.bnbx2 .bn2 .swiper-slide img:nth-child(1){display:none;}
.bnbx2 .bn2 .swiper-slide img:nth-child(2){display:block;}
.bnbx2 .swiper-pagination.adbnmu_2 {top:93.8%;}
.bnbx2 .adbnmu_2 .swiper-pagination-bullet{
  width:1.955vw;/*15.25*/
  height:1.955vw;
  margin:0 1.08vw;/*8.5*/
	}
	
/**/
.vtcnbx{ overflow:hidden; padding:3vw 0 0;}
.vtcnbx2{width:103%;left:-1.5%;}
.vtcnbx2::before{
	padding-bottom:8.5897%;/*67*/
	background-image:url(../images/vtcnbx_m_01.png);
	}
.vtcnbx2::after{
	padding-bottom:21.923%;/*171*/
	background-image:url(../images/vtcnbx_m_04.png);
	}
.vtc2a{
	padding-bottom:39.86%;/*311 39.87*/
	background-image:url(../images/vtcnbx_m_02.png);
	}
.vtc2b{
	min-height:20vw;/*600*/
	background-image: url(../images/vtcnbx_m_03.png);
	}
.back_2{
	width:30%;/*247*/
	padding-bottom:27.57%;/*227*/
	left:-.55%;
	top:-32.9%;
	}
#v_titbx {width:74.3589%;/*580*/}
.vtc2b > .vcon {
	width:77%;
	padding:3vw 0 0;
	}
		
.pbx2,.pbx3{display: none;}
/**/
.v_kb{width:100%;}
.v_tc {padding: 0 0 2vw;}
.v_tc2{padding:2vw 0;}
.v_f1 {
  font-size: 3.2vw;
  line-height: 5.64vw;
  padding: 1.282vw 0;/*10*/
	}
.v_f1 p {left: -.8vw;}
.v_f2 {
  font-size:3.2vw;
  line-height: 7.69vw;/*60*/
	}
.v_f2 p {
  font-size:4.1vw;/*32*/
  /*margin-left: -2vw;*/
	}
ul.vc1{padding-left: 3vw;}
/**/
.mk{ margin-bottom:1.6vw;}	
/**/
.s5 {
  height: 1.28vw;
  margin: 2.6vw 0 1.38vw;
}	
.acb1{
	width:112%;
	left:-5.9%;
	top:-5.1vw;
	/*url(../images/s6am.png),*/
  	background-image:url(../images/s6bm.png),url(../images/acbm.jpg);
	/*margin-bottom:3.6vw;*/
	}
.acb1::before{
	width:92.6%;/*622 671*/
	padding-bottom:11.612%;/*78*/
	top:-4.85vw;/*30*/
	}
.acb1 > div{
	width:95%;
	padding:8.5vw 0 8.5vw;/*60 8.2*/
	font-size:4.1vw;/*32*/
	line-height:6.6vw;/*52*/
	}
	
/**/
.vvb{
	width:105%;
	border:1.1vw solid #0cd8fd;/**//*10*/
	padding:1.2vw;/*10*/
	border-radius:5.4vw;/*50 6.4*/
	left:-2.5%;
	margin-bottom:2vw;
	/**/
	-webkit-filter: drop-shadow(0 0 2vw rgba(12, 183, 253, 1));/*15*/
  	filter: drop-shadow(0 0 2vw rgba(12, 183, 253, 1));
	}
.vdobx{border-radius:3.84vw;/*30*/}
.ct1 {padding-bottom: 2.5%;}
.cardbx{
	width:105%;/*950*/
	padding-bottom:61.842%;/*540*/
	left:-2.5%;
	/**/  
  	-webkit-filter: drop-shadow(0 .7vw 1.5vw rgba(0, 0, 0, .38));
  	filter: drop-shadow(0 .7vw 1.5vw rgba(0, 0, 0, .38));
	}
.cardbx li.same{
  	-webkit-filter: drop-shadow(0 0 1.5vw rgba(0, 200, 213, 1));
  	filter:drop-shadow(0 0 1.5vw rgba(0, 200, 213, 1));	
	}
.btbx{padding:2.71vw 0 3.07vw;/*21.2 24*/}	
.calls_bt2{width:45vw;/*344*/
	/**/  
  	-webkit-filter: drop-shadow(0 0 2vw rgba(255, 164, 2, .5, .5));
  	filter: drop-shadow(0 0 2vw rgba(255, 164, 2, .5, .5));
	}
.calls_bt2:hover{
	-webkit-filter: drop-shadow(0 0 2vw rgba(255, 164, 2, 1));
  	filter: drop-shadow(0 0 2vw rgba(255, 164, 2, 1));
	}
.calls_bt3{
	width:45vw;/*344*/
  	-webkit-filter: drop-shadow(0 0 2vw rgba(212, 21, 252, .5));
  	filter: drop-shadow(0 0 2vw rgba(212, 21, 252, .5))
	}
.calls_bt3:hover{
  	-webkit-filter: drop-shadow(0 0 2vw rgba(212, 21, 252, 1));
  	filter: drop-shadow(0 0 2vw rgba(212, 21, 252, 1))
	}
.s_times{
	position:relative;
	text-align:center;
	left:0;
	bottom:0;
	padding:2.2vw 0 0;
	}
.s_times span.nb{font-size:2.94vw;/*23*/}
.s_times span.rk{ margin-right:12vw;}
.s_times a{
  	width:12vw;/*85*/
  	padding:1% 3% 0;
  	display:block;
  	top:40%;
	left:105%;/**/
  	/*transform: translate(-50%);*/
  	/**/
  	-webkit-filter: drop-shadow(0 0 .8vw rgba(12, 183, 253, 1));
  	filter: drop-shadow(0 0 .8vw rgba(12, 183, 253, 1));
	}
/**/
.ca2_bx{padding:2.5vw 0 3.8vw;/*20*/}
.ca2_bx > a{
	width:35%;/*200 1250*/
	margin:0 2.5%;/*30*/
	/**/  
  	-webkit-filter: drop-shadow(0 0 2vw rgba(36, 177, 224, .5));/*20*/
  	filter: drop-shadow(0 0 2vw rgba(36, 177, 224, .5));
	}
.ca2_bx > a:hover{
  	-webkit-filter: drop-shadow(0 0 2vw rgba(36, 177, 224, 1));/*20*/
  	filter: drop-shadow(0 0 2vw rgba(36, 177, 224, 1));
	}
/**/
.log > li{padding:.5rem 0;}
.log > li .ddb{
	position:relative;
	width:100%;
	text-align:center;
	right:0;
	bottom:0;
	margin:1rem 0 .5rem;
	}
.log > li .tk{
	width:100%;
	text-align:center;
	}
.log > li .tk > div.ob {
  -webkit-filter: drop-shadow(0 0 1.8vw rgba(0, 204, 255, 1));
  filter: drop-shadow(0 0 1.8vw rgba(0, 204, 255, 1));
	}	
.vtm{
	position:relative;
	width:105%;
	top:0;
	left:-2.5%;
	margin-top:3.6vw;
	}
.vtm.on{opacity:1;left:-2.5%;}
.vtm::before{
	left:0;
	bottom:99.8%;
  /**/
  -webkit-filter: drop-shadow(0 0 .8vw rgba(255, 0, 192, 1));
  filter: drop-shadow(0 0 .8vw rgba(255, 0, 192, 1));
	}	
.vtm label{
    width:20%;/*66*/
	padding-bottom:20%;
	margin:0 -2.5px 0;
	}
/**/
.vvb2{
	width:103%;
	border:1.1vw solid #ff2edf;/*#0cd8fd*/
	padding:1.2vw;/*10*/
	border-radius:5.4vw;/*50 6.4*/
	left:-1.5%;
	/**/
	-webkit-filter: drop-shadow(0 0 2vw rgba(255, 0, 192, 1));/*15    12, 183, 253*/
  	filter: drop-shadow(0 0 2vw rgba(255, 0, 192, 1));
	}
.vvb2a::before{background-image: none;}
.vvb2a::after{
	width:15%;/*103*/
	padding-bottom:15%;/**/
	top:82%;
	left:83.5%;
	}
#vt2 .vvb2a::after{top:75%;left:88.5%;}	
#vt2 .vvb2{
	margin-bottom:6.65vw;
	}
.vdobx2{border-radius:3.84vw;/*30*/}
/**/
.gpbx{
	padding: 2.5% 6.5%;
	margin:.5vw auto 4.3vw;/**/
	border-radius:6vw;/*100 12.8*/
	background-color:rgba(50,30,70, .8);/*#3d2b54 311f4 #333*/
	background-position:135% 20%;
	background-size:45vw auto;/*323*/
	}
.gpname{
	border-radius: 5vw;
	padding: .8% 5% .6%;
	margin:.6vw 0 1.79vw;/*5  14*/
	font-size: 3.2vw;/*25*/
	}
.gpname::before,.gpname::after{
			width:5.15vw;/*43*/
			height:5.15vw;
			/**/
			-webkit-filter: drop-shadow(0 0 1.28vw rgba(25, 15, 35, .8));/*10*/
			filter: drop-shadow(0 0 1.28vw rgba(25, 15, 35, .8));
			}
.vddn{
	width:50%;/*245 100*/
	padding-bottom:9.183%;/*45*/
	}		
.vthom{
	width:60%;/*300*/
	padding-bottom:17%;/*85*/
	margin:6.5vw auto 0;/*50*/
	}			
	
}
@media only screen and (max-width:700px){ 
/**/

	
}
@media only screen and (max-width:600px){
/**/


}
@media only screen and (max-width:500px){
/**/
.mode_bt{
	width:30%;/*212*/
	padding-bottom:8.49%;/*60*/
	}
.bg2_2{
	font-size:3.6vw;/*22/600*/
	line-height:5.5vw;/*42 7*/
	}	
/**/
.v_tc{padding: 0 0 3.5vw;}
.v_tc2{padding:3.5vw 0;}
.v_f1 {
  font-size: 5vw;
  line-height: 8.8vw;
  padding: 0 0 1.2vw;
	}
.v_f1 p {left: -2.2vw;}
.v_f2 {
  font-size: 5vw;
  line-height: 12vw;/*60*/
	}
.v_f2 p {
  font-size:6.4vw;/*32*/
  /*margin-left: -3.8vw;*/
}
	
ul.vc1{padding-left: 4vw;}
.s5 {
  height: 2vw;
  margin: 5.2vw 0 2.2vw;
}	
.acb1 > div{
	padding:9vw 0 10vw;/*60*/
	font-size:4.5vw;/*32*/
	line-height:8vw;/*52*/
	}	
.ca2_bx > a{
	width:38%;/*200 1250*/
	margin:0 3%;/*30*/
	}
.s_times span.nb {font-size: 4.6vw;}
.s_times span.rk{ margin-right:16vw;}
.s_times a{width:16vw;/*85*/top: 48%;}
/**/
.gpname{
	padding: 2.5% 10% 1.5%;
	margin:1vw 0 2.8vw;/*5  14*/
	font-size:4.6vw;/*25*/
	}
.gpname::before,.gpname::after{
			width:8.6vw;/*43*/
			height:8.6vw;
			/**/
			-webkit-filter: drop-shadow(0 0 2vw rgba(25, 15, 35, .8));/*10*/
			filter: drop-shadow(0 0 2vw rgba(25, 15, 35, .8));
			}
.gpbx{
	background-position:140% -20%;
	background-size:65vw auto;/*323*/
	}	
			
				
}
@media only screen and (max-width:470px){
/**/


}

@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/


}
@media only screen and (max-width:340px){
/**/

}
 
/* 螢幕高 */
@media only screen and (max-width:780px) and (max-height:440px){
/* */
}