@charset "utf-8";
/* CSS Document */
.bg1{
	position: relative;
	width: 100%;
	display: block;
	background-attachment:scroll;
	background-repeat:repeat-y;/*no-repeat,no-repeat,*/
	background-position:50% 0%;
	background-image:url(../images/inbg.jpg);/*url(../images/bg1_2.png),url(../images/bg1_1.png),*/
	background-size:100% auto;
	overflow:hidden;
	}
.bg1.on{overflow:visible;}
.bg1::before{
	position:relative;
	width:100%;
	padding-bottom:42.6%;/*852*/
	display: block;
	content: "";
	}
.bg1::after{
	position:absolute;
	width:100%;
	padding-bottom:64%;/*1280*/
	display: block;
	pointer-events:none; 
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/bg1_2.png);
	background-size:100% auto;
	top:0;
	left:0;
	}
.mcbx1,.mcbx2{
	position: relative;
	width: 100%;
	display: block;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-size: 100% auto;
	/**/
	font-size: 1.1vw;/*22*/
	line-height: 2.1vw;/*42*/
	font-weight:400;
	color: #FFF;
	text-align:center;
	}
.mcbx1 > .con1{
	position:relative;
	width:40%;/*800*/
	margin:1% auto 0;
	}	
.mcbx1 > .con1 span{ display:inline-block;}
.timebx{
	position: relative;
	width: 100%;
	display: block;
	color:#ff3686;
	padding:1.1vw 0 2.5vw;/*22 50 2.5*/
	}
.timebx strong{
	font-size: 1.8vw;/*36*/
	}	
.mcbx1{
	/*min-height:394px;*/
	background-position:50% 100%;
	background-image:url(../images/bg1_1_01.png);
	}
.mcbx2{
	min-height:45vw;/*1040*/
	background-position:50% 0%;
	background-image:url(../images/bg1_1_02.png);
	}
.uidbx{
	position: absolute;
	width: auto;/**/
	height: 32px;/**/
	display:none;
	border-radius: 50px;
	right:18px;/*14*/
	top:.95vw;/*19*/
	padding-left:18px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/uid.jpg);
	background-size: 100% 100%;
	z-index: 1;
	overflow: hidden;
	/**/
  	-webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, .8));
  	filter: drop-shadow(0 0 30px rgba(0, 0, 0, .8));
	/**/
	font-size: 1.25rem;/*15*/
	line-height: 32px;
	color: #fff;
	text-align: right;
	}
.uidbx.on{display:inline-block;}
	
.sign_outbt{
	position:relative;
	width:50px;/*50*/
	padding-bottom:32px;/**/
	display:inline-block;
	cursor:pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/sign_out.png);
	background-size:100% 100%;
	margin-left:7px;/**/
	margin-right:5px;
	}
.nb_bx{
	position:relative;
	width:auto;
	height:32px;
	display:inline-block;
	overflow:hidden;
	text-align:right;
	}
.f_login{
	position:relative;
	width:19.6%;/*392*/
	/*padding-bottom:6.5%;130*/
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/f_login.png);
	background-size:100% auto;
	top:-1vw;
	margin:0 auto;
	/**/
	transition: all .5s;
	}	
.f_login::before{
	position:relative;
	width:100%;/*392*/
	padding-bottom:33.163%;/*130*/
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/f_login_a.png);
	background-size:100% auto;
	opacity:0;
	/**/
	transition: all .5s;
	}
.f_login:hover::before{opacity:1;}
.g_mubx{
	position:relative;
	width:100%;
	text-align:center;
	margin:-1.8vw auto 0;
	padding:0 0 .8vw;
	}
.g_mubx > a{
	position:relative;
	width:11.65%;/*233*/
	padding-bottom:11.65%;/**/
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	/**/
	transition: all .5s;
	}
.g_mubx > a::before{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	top:0;
	left:0;
	opacity:0;
	/**/
	transition: all .5s;
	}
.g_mubx > a:hover::before{opacity:1;}
.g_mu_1{background-image:url(../images/g_mu_1.png);margin-right:-1.2%;/*-44*/}
.g_mu_1::before{background-image:url(../images/g_mu_1a.png);}
.g_mu_2{background-image:url(../images/g_mu_2.png);}	
.g_mu_2::before{background-image:url(../images/g_mu_2a.png);}
.g_mu_3{background-image:url(../images/g_mu_3.png);margin-left:-1.2%;}	
.g_mu_3::before{background-image:url(../images/g_mu_3a.png);}
/**/
.taskmubx{
	position:relative;
	width:100%;
	}
.taskmubx.off{display:none;}	
.taskmubx > div{
	position:relative;
	width:100%;
	padding-bottom:33.85%;/*677*/
	/**/  
  	-webkit-filter: drop-shadow(0 .15vw .3vw rgba(0, 0, 0, .15));
  	filter: drop-shadow(0 .15vw .3vw rgba(0, 0, 0, .15));
	}
.taskmubx > div > a{
	position:absolute;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	/**/
	transition: all .3s;
	}
.taskmubx > div > a::before{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	top:0;
	left:0;
	transition: all .5s;
	}
.taskmubx > div > a:hover::before{
	animation: td1 .35s linear alternate infinite;/*alternate*/
	}
.taskmubx > div > a > p{
	position:absolute;
	width:1.4vw;/*28*/
	padding-bottom:1.4vw;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image:url(../images/rc.png);
	right:0;
	top:1%;
	}
		
.task_bt_1,.task_bt_2,.task_bt_3,.task_bt_4{
	width:13.67%;/*273*/
	padding-bottom:4.3063%;/*86*/
	}
.task_bt_1{
	background-image:url(../images/task_bt_1.png);
	top:8.5%;
	left:34%;
	}
.task_bt_1::before{background-image:url(../images/task_bt_1b.png);}
.task_bt_1:hover{background-image:url(../images/task_bt_1a.png);}
.task_bt_2{
	background-image:url(../images/task_bt_2.png);
	top:31%;
	left:28.5%;
	}
.task_bt_2::before{background-image:url(../images/task_bt_2b.png);}
.task_bt_2:hover{background-image:url(../images/task_bt_2a.png);}
.task_bt_3{
	background-image:url(../images/task_bt_3.png);
	top:25.2%;
	left:52%;
	}
.task_bt_3::before{background-image:url(../images/task_bt_3b.png);}
.task_bt_3:hover{background-image:url(../images/task_bt_3a.png);}
.task_bt_4{
	background-image:url(../images/task_bt_4.png);
	top:53.2%;
	left:51.5%;
	}
.task_bt_4::before{background-image:url(../images/task_bt_4b.png);}
.task_bt_4:hover{background-image:url(../images/task_bt_4a.png);}	
.task_bt_5{
	width:16.8%;/*336*/
	padding-bottom:4.3%;/*86*/
	background-image:url(../images/task_bt_5.png);
	bottom:14.2%;
	right:24.2%;
	}
.task_bt_5::before{background-image:url(../images/task_bt_5b.png);}
.task_bt_5:hover{background-image:url(../images/task_bt_5a.png);}

.taskmubx::after{
	position:relative;
	width:100%;
	padding-bottom:11.5%;/*230*/
	display:block;
	content: "";
	}
/**/
.taskall{
	position:absolute;
	width:100%;/**/
	display:block;
	pointer-events:none; 
	margin:0 auto;
	top:-3.5vw;
	opacity:0;
	transition: all .5s;
	}
.taskall.on{position:relative;pointer-events:auto;opacity:1;}	
.taskbx{
	position:relative;
	width:84.7%;/*1694*/
	margin:0 auto;
	opacity:0;
	top:100px;
	/**/
	transition: all .5s;
	}
.taskall.on .taskbx{
	opacity:1;
	top:0;
	}	
.taskbx > .tbx{
	position:relative;
	width:100%;
	min-height:38vw;/*800*/
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:50% 0%,50% 100%,50% 50%;
	background-image:url(../images/task_bx_02.png),url(../images/task_bx_04.png),url(../images/task_bx_03.png);
	background-size:100% auto;
	z-index:1;
	}
.t_back{
	position:absolute;
	width:6.78%;/*115*/
	padding-bottom:5.875%;/*100*/
	display:block;
	cursor:pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/back.png);
	background-size:100% auto;
	top:2.9vw;
	right:7%;
	z-index:1;
	}
.t_back:hover{background-image:url(../images/back_a.png);}
.taskbx::before,.taskbx::after{
	position:relative;
	width:100%;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:100% auto;
	}
.taskbx::before{
	padding-bottom:7.2018%;/*122*/
	background-position:50% 100%;
	background-image:url(../images/task_bx_01.png);
	}
.taskbx::after{
	padding-bottom:13.7886%;/*115 6.7886*/
	background-position:50% 0%;
	background-image:url(../images/task_bx_05.png);
	}
.pbx{
	position:absolute;
	width:34%;/*680*/
	height:100%;
	display:block;
	pointer-events:none; 
	left:0;
	bottom:6.8vw;
	z-index:1;
	}
.p1bx{
	position:sticky;
	width:100%;/*680*/
	height:68vw;/*1360*/
	left:0;
	top:-15%;
	overflow:hidden;
	}
.p1bx::before{
	position:absolute;
	width:100%;
	padding-bottom:200%;/*1360*/
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-image:url(../images/p1.png);
	background-size:100% auto;
	top:0;
	right:100%;
	/**/
	transition: all .8s;
	}
.taskall.on .p1bx::before{right:0;}
/**/
.taskbx > .tbx .tcon{
	position:relative;
	width:85%;/*1440 1694*/
	margin:0 auto;
	display:none;
	/**/
	font-size:1vw;/*20*/
	line-height:1.5vw;/*30*/
	color:#68615c;
	}
.taskbx > .tbx .tcon .t_tit{
	position:relative;
	width:40.27%;/*580*/
	padding-bottom:9.026%;/*130*/
	margin:0 auto 1.3vw;/*26*/
		/*background-color:rgba(0,0,0,.5);*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100% auto;
	}
.t_tit_1{background-image:url(../images/t_tit_1.png);}
.t_tit_2{background-image:url(../images/t_tit_2.png);}
.t_tit_3{background-image:url(../images/t_tit_3.png);}
.t_tit_5{background-image:url(../images/t_tit_5.png);}
.tc{
	position:relative;
	display:block;
	text-align:center;
	margin:0 auto .75vw;
	}
/*1*/
.venuebx{
	position:relative;
	width:72%;/*950 65.972*/
	margin:0 20%;
	text-align:left;
	}
.v_bg2,.v_bg3{
	position:relative;
	display:block;
	padding:1.25vw;/*25*/
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: 50% 50%;
	border-radius:.4vw;/*8*/
	}
.v_bg2{background-image: url(../images/tbg_2.jpg);}
.v_bg3{background-image: url(../images/tbg_3.png);}
.v_tc{
	position:relative;
	display:block;
	text-align:left;
	padding:0 0 .5vw;
	}
.v_f1{
	position:relative;
	display: block;
	font-size:1.25vw;/*25*/
	line-height:2.2vw;
	font-weight:500;
	color:#4a433e;
	}
.v_f1 p{
	position:relative;
	display:inline-block;
	left:-.5vw;/*6*/
	}
.v_f2{
	position:relative;
	display: block;
	font-size:1.25vw;/*25*/
	line-height:2.8vw;
	font-weight:700;
	color:#4a433e;
	}
.v_f2 p{
	position:relative;
	display:inline-block;
	font-size:1.4vw;/*28*/
	margin-left:-1vw;/*20*/
	}	
.v_co2{
	position:relative;
	padding-left:5.8%;
	}
.v_co2:after{
	position:relative;
	width:100%;
	padding-bottom:6%;
	display:block;
	content: "";
	}
ul.vc1{
	position:relative;
	padding-left:1vw;/*20*/
	}
ul.vc1 li{
	position:relative;
	list-style-type:decimal;
	padding:0 0 5px 0;
	}
ul.vc1 li > div{
	position:relative;
	padding:.25% 0;
	}	
.s1{
	position: relative;
	width: 100%;
	height:.5vw;/*10*/
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 100% 50%;
	background-image: url(../images/s1.png);
	background-size:auto 100%;
	margin:.5vw 0 .6vw;
	}
.s1::before,.s1::after{
	position:absolute;
	width:1%;
	padding-bottom:1%;
	display:block;
	content: "";
	background-color:#948b84;
	border-radius:99px;
	top:50%;
	transform:translateY(-50%);
	}
.s1::before{left:100%;}
.s1::after{right:100%;}
.tbbx{
	position:relative;
	text-align:center;
	margin:.8vw 0 1vw;
	}
.tbbx table{
	position:relative;
	width:95%;
	}
.tbbx2{
	position:relative;
	text-align:center;
	margin:.5vw 0 1vw;
	}
.tbbx2 table{
	position:relative;
	width:99%;
	}	
.tbg1{
	height:2.5vw;/*50*/
	color:#f2e7e3;
	font-weight: 500;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: 50% 50%;
	background-image: url(../images/tbg_1.jpg);
	
	}
.tbbx table tr td,.tbbx2 table tr td{
	position: relative;
	padding:.5vw .5vw .4vw;/* 10px 10px 8px */
	border-bottom: 1px dashed #948b84;
	}
/*2*/
.cabx1{
	position:absolute;
	width:13.8%;/*200*/
	display:block;
	padding:2.1vw 0 0 0;/*42*/
	right:1%;
	top:11.5vw;
	z-index:2;
	}
.tc_bx{
	position:relative;
	width:100%;/*200*/
	padding-bottom:27.5%;/*55*/
	display:inline-block;
	cursor: pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-image:url(../images/tc_bg.png);
	background-size:100% auto;
	margin:0 auto 1.75vw;/*35*/
	}
.tc_bx:hover{z-index:2;}
.tc_bx:hover .tcc{
	opacity:1;
	top:105%;
	}
.tc_bx .tcc{
	position:absolute;
	width:128%;
	padding:2.2% 2% 2% 2%;
	display:block;
	pointer-events:none; 
	background-color:rgba(0,0,0,.7);
	backdrop-filter: blur(2px);
	border-radius:.25vw;/*5*/
	/**/
	font-size:.8vw;/*18*/
	line-height:1.15vw;
	color:#fff8f6;
	text-align:center;/*left*/
	z-index:1;
	opacity:0;
	/**/
	transition: all .5s;
	/**/
	left:50%;
	top:80%;
	transform:translateX(-50%);
	/**/  
  	-webkit-filter: drop-shadow(0 .3vw .5vw rgba(0, 0, 0, .38));/*8 20*/
  	filter: drop-shadow(0 .3vw .5vw rgba(0, 0, 0, .38));
	}
.tc_bx .tcc::before{
	position:absolute;
	width:7%;/*18*/
	padding-bottom:5.83%;/*15*/
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../images/v1.png);
	background-size:100% auto;
	opacity:.7;
	/**/
	left:50%;
	bottom:100%;
	transform:translateX(-50%);
	}
.ca1_bx{
	position:relative;
	width:100%;
	display:block;
	padding:3.5vw 0 0 0;/*70*/
	/**/  
  	-webkit-filter: drop-shadow(0 .3vw .5vw rgba(0, 0, 0, .3));/*8 20*/
  	filter: drop-shadow(0 .3vw .5vw rgba(0, 0, 0, .3));
	}
.ca1_bx > a{
	position:relative;
	width:100%;
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/ca1_bt.png);
	background-size:100% auto;
	margin:0 0 1.5vw;/*30*/
	}
.ca1_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/ca1_bt_a.png);
	background-size:100% auto;
	opacity:0;
	/**/
	transition: all .8s;
	}
.ca1_bx > a:hover::before{opacity:1;}
.ca1_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;
	}
.ca1::after{background-image:url(../images/ca1.png);}
.ca2::after{background-image:url(../images/ca2.png);}
	
.tc_bx > span{
	position:absolute;
	width:42%;
	display:block;
	left:3.6%;
	top:50%;
	transform:translateY(-50%);
	overflow:hidden;
	/**/
	font-size:1.1vw;/*22*/
	line-height:1.5vw;
	color:#fff8f6;
	text-align:center;
	}
.tc_bx::after{
	position:absolute;
	width:59%;/*118*/
	padding-bottom:43%;/*86*/
	content: "";
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	right:2.5%;
	top:50%;
	transform:translateY(-50%);
	}
.currency::after{background-image:url(../images/currency.png);}
.ticket::after{background-image:url(../images/ticket.png);}
	
.vdobx{
	position: relative;
	width: 65.972%;/*950 1440*/
	padding-bottom: 37.0832%;/*534*/
	margin: 0 auto;
	border: .15vw solid #cec0b8;/*2*/
	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:#ff3d5d;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/skip.png);
	background-size:100% auto;
	bottom:3.5%;
	right:2%;
	}
.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%);
	}
.btbx{
	position:relative;
	display:block;
	text-align:center;
	padding:1.06vw 0 1.2vw;/*20*/
	}	
.calls_bt{
	position:relative;
	width:23.8%;/*344*/
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-image:url(../images/calls_bt.png);
	background-size:100% auto;
	margin:0 auto;
	/**/  
  	-webkit-filter: drop-shadow(0 .4vw .6vw rgba(0, 0, 0, .38));/*8 20*/
  	filter: drop-shadow(0 .4vw .6vw rgba(0, 0, 0, .38));
	}
.calls_bt::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-image:url(../images/calls_bt_a.png);
	background-size:100% auto;
	opacity:0;
	/**/
	transition: all .8s;
	}
.calls_bt:hover::before{opacity:1;}

.calls_bt.on,.calls_bt.ov{
	pointer-events:none;
	filter:grayscale(90%);
	}	


.s_times{
	position:absolute;
	text-align: right;
	right: 1.5%;
	bottom:2.2vw;
	padding:.5% .5%;
	opacity:.7;
	}
.s_times span.nb{font-size:1.15vw;/*23*/}

	
	
.stage1,.stage2{
	position:relative;
	width:100%;
	display:none;
	/*pointer-events:none; 
	opacity:1;*/
	transition: all .55s;
	}
.stage1.on,.stage2.on{
	position:relative;
	display:block;
	/*pointer-events:auto;
	opacity:1;
	z-index:1;*/
	}
.cardbx{
	position:relative;
	width: 65.972%;/*950 1440*/
	/*height:27vw;540 37.5%*/
	padding-bottom:36%;/*37.5*/
	margin: 0 auto;
	/*background-color:rgba(0,0,0,.5);*/
	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;
	}
.cardbx li.same{
  	-webkit-filter: drop-shadow(0 0 .6vw rgba(0, 200, 213, 1));
  	filter:drop-shadow(0 0 .6vw rgba(0, 200, 213, 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/same.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;}	

.ckbx{
	position:absolute;
	width:80%;
	padding:3.5% 0 2.5%;
	font-size:1.25vw;/*25*/
	color:#cfbfa2;/*fef3f0*/
	border-radius:50px;
	/*background-color:rgba(38,32,32,.86);*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-image:url(../images/ckbx.png);
	background-size:100% 100%;
	text-align:center;
	bottom:6.5%;
	left:50%;
	transform:translateX(-50%);
	/**/  
  	-webkit-filter: drop-shadow(0 .35vw .5vw rgba(0, 0, 0, .25));/*8 20*/
  	filter: drop-shadow(0 .35vw .5vw rgba(0, 0, 0, .25));
	}
.ckbx span{
	position:relative;
	display:inline-block;
	margin-left:27%;
	}
.ckbx span::before{
	position:absolute;
	width:3.5vw;/*118 70*/
	padding-bottom:2.55vw;/*86 51*/
	content: "";
	display:inline-block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(../images/currency.png);
	right:110%;
	top:35%;
	transform:translateY(-50%);
	}


.calbx{
	position:relative;
	margin:0 auto;
	text-align:center;
	padding:1.3vw 0 1.6vw;
	opacity:0;
	/**/
	transition:all 1.5s;
	}
.stage2.on .calbx{opacity:1;}
.calbx > div{
	position: relative;
	width: 15.15vw;/*303*/
	height: 4.2vw;/*84*/
	margin: 0 auto;
	font-size: 1.05vw;/*22*/
	font-weight: 500;
	/**/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image: url(../images/cal_bg.png);
	background-size: 100% auto;
	}
.calbx > div > div{
	position: relative;
	top:51%;
	transform:translateY(-50%);
	}
.calbx > div > div > span{
	font-size:1.35vw;/*26*/
	display:inline-table;
	}
/**/
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;
	}	
.tbbx3{
	position:relative;
	text-align:center;
	margin:1rem 0 1.6rem;
	}
.tbbx3 table{
	position:relative;
	width:99%;
	/**/  
  	-webkit-filter: drop-shadow(0 5px 15px rgba(12, 183, 253, 1));/*8 20*/
  	filter: drop-shadow(0 5px 15px rgba(12, 183, 253, 1));
	}	
.tbg2{
	color:#fff;
	font-weight:500;
	background-color:rgba(12,183,253,.6);
	padding:7px 0 5px;
	border-radius:5px;
	}
.tbbx3 table tr td{
	position: relative;
	padding:1.5% 1.5%;/* 10px 10px 8px */
	border-bottom: 1px dashed #367994;
	}
.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%;
	display:block;
	}
.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%);
	}
/**/
.g_bx{
	position:relative;
	width:47.5%;/*950*/
	margin-left:7%;
	margin-top:6px;
	margin-bottom:6px;
	display:none;
	/**/  
  	-webkit-filter: drop-shadow(0 .5vw 2.5vw rgba(0, 0, 0, .75));/*10 50*/
  	filter: drop-shadow(0 .5vw 2.5vw rgba(0, 0, 0, .75));
	}
.g_bx::before,.g_bx::after{
	position:relative;
	width:100%;
	content: "";
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;	
	background-size:100% auto;
	}
.g_bx::before{
	padding-bottom:16.842%;/*160*/
	background-position:50% 100%;
	background-image: url(../images/g_bx_01.png);
	}
.g_bx::after{
	padding-bottom:3.684%;/*35*/
	background-position:50% 0%;
	background-image: url(../images/g_bx_03.png);
	}
.g_b1{
	position:relative;
	width:100%;
	/*min-height:200px;*/
	display:block;
	/**/
	background-attachment: scroll;
	background-repeat:repeat-y;
	background-position: 50% 50%;
	background-image: url(../images/g_bx_02.png);
	background-size: 100% auto;
	z-index:1;
	}
.g_b1 > div{
	position:relative;
	width:99%;/*935 98.5*/
	margin:0 auto;
	display:none;
	/*text-align:center;*/
	}
#g_tbx{
	position:absolute;
	width:42.1%;/*400*/
	padding-bottom:14.41925%;/*137*/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: 100% auto;
	top:0;
	left:50%;
	transform:translateX(-50%);
	}
.g_tit_1{background-image: url(../images/g_tit_1.png);}
.g_tit_2{background-image: url(../images/g_tit_2.png);}
.g_tit_3{background-image: url(../images/g_tit_3.png);}
.clo1{
	position:absolute;
	width:11.157%;/*106*/
	padding-bottom:9.5781%;/*91*/
	display:block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/clos_5.png);
	background-size: 100% auto;
	top:-.2vw;
	right:3.89%;/*37*/
	z-index:2;/**/
	}
/**/

	
	
	
	
	

		

@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){
/**/
.bg1{background-image:url(../images/inbg_m.jpg);}
.bg1::before{padding-bottom:110.897%;/*865*/}
.bg1::after{
	padding-bottom:137.82%;/*1075*/
	background-image:url(../images/bg1_2_m.png);
	}
.mcbx1,.mcbx2{
	font-size:2.82vw;/*22*/
	line-height:5.384vw;/*42*/
	}
.mcbx1 > .con1{
	width:98%;
	padding:7% 0 0;
	font-weight: 500;
	}
.timebx{padding:2.82vw 0 6.41vw;/*22 50*/}
.timebx strong{font-size: 4.615vw;/*36*/}
.mcbx1{
	/*min-height:360px;*/
	background-position:50% 100%;
	background-image:url(../images/bg1_1m_01.png);
	}
.mcbx2{
	min-height:97vw;/*876*/
	background-position:50% 0%;
	background-image:url(../images/bg1_1m_02.png);
	}
.uidbx{
	height:5.38vw;/*42*/
	border-radius: 6.4vw;/*50*/
	right:2%;/*16*/
	top:6.025vw;/*47*/
	padding-left:2.4vw;/*19*/
	/**/
  	-webkit-filter: drop-shadow(0 0 3.84vw rgba(0, 0, 0, .8));
  	filter: drop-shadow(0 0 3.84vw rgba(0, 0, 0, .8));/*30*/
	/**/
	font-size:2.69vw;/*21*/
	line-height:5.38vw;/*42*/
	}
.sign_outbt{
	width:9.1vw;/*71*/
	padding-bottom:5.38vw;/*42*/
	margin-left:1.28vw;/*10*/
	margin-right:.5vw;
	}
.nb_bx{height:5.38vw;/*42*/ top:.1vw;}
/**/
.f_login{
	width:50.25%;/*392*/
	top:-3.5vw;
	}
.g_mubx{
	margin:-6vw auto 0;
	padding:0 0 2.2vw;
	}
.g_mubx > a{
	width:30%;/*233*/
	padding-bottom:30%;/**/
	}
.g_mu_1{margin-right:-5.6%;/*-44*/}
.g_mu_3{margin-left:-5.6%;}	
/**/
.taskmubx > div{padding-bottom:71.79%;/*560*/}
.taskmubx::after{padding-bottom:29.9%;/*210*/}

.task_bt_1,.task_bt_2,.task_bt_3,.task_bt_4{
	width:35%;/*273*/
	padding-bottom:11.025%;/*86*/
	}
.task_bt_1{
	top:5.3%;
	left:9%;
	}
.task_bt_2{
	top:28.8%;
	left:2.5%;
	}
.task_bt_3{
	top:22.6%;
	left:49%;
	}
.task_bt_4{
	top:51.6%;
	left:45.5%;
	}
.task_bt_5{
	width:43.07%;/*336*/
	padding-bottom:11.023%;/*86*/
	bottom:10.5%;
	right:3.6%;
	}
/**/
.taskall{top:-6.9vw;}
.taskbx{
	width:100%;/*1694*/
	top:100px;
	}
.taskbx > .tbx{
	min-height:62vw;/*800*/
	background-image:url(../images/task_bx_m_02.png),url(../images/task_bx_m_04.png),url(../images/task_bx_m_03.png);
	}
.taskbx::before{
	padding-bottom:12.179%;/*95*/
	background-image:url(../images/task_bx_m_01.png);
	}
.taskbx::after{
	padding-bottom:11.41%;/*89*/
	background-image:url(../images/task_bx_m_05.png);
	}
.t_back{
	width:14.74%;/*115 91 11.6*/
	padding-bottom:12.817%;/*100 79 10.07*/
	top:5.5vw;/*5.9*/
	right:5.2%;/*3*/
	}	
.pbx{display:none;}
/**/
.taskbx > .tbx .tcon{
	width:86.5%;
	/**/
	font-size:2.5vw;/*20*/
	line-height:3.8vw;/*30*/
	}
.taskbx > .tbx .tcon .t_tit{
	width:68.174%;/*452 /663*/
	padding-bottom:15.23%;/*101*/
	margin:0 auto 3.3vw;/*26*/
	}	
/**/
.taskmubx > div > a > p {
  	width:3.5vw;/*28*/
  	padding-bottom:3.5vw;
  	right: 0;
  	top:.8%;
	}
/*1*/
.venuebx{
	width:95%;
	padding:0 0 0 0;
	margin:0 auto;
	}
.v_bg2,.v_bg3{
	padding:3.2vw;/*25*/
	border-radius:1vw;/*8*/
	}
	
.v_tc{padding:0 0 2vw;}
.v_f1{
	font-size:3.2vw;/*25*/
	line-height:5.64vw;/*44*/
	}
.v_f1 p{left:-.8vw;/*6*/}
.v_f2{
	font-size:3.2vw;/*25*/
	line-height:7.2vw;/*56*/
	}
.v_f2 p{
	font-size:3.58vw;/*28*/
	margin-left:-2vw;/*20*/
	}
.v_co2{padding-left:0;}
ul.vc1{padding-left:3vw;/*20*/}
.s1{
	height:1.28vw;/*10*/
	margin:1.28vw 0 1.38vw;
	}
.tbbx{
	margin:2vw 0 2.56vw;/*16 20*/
	}
.tbbx2{
	margin:1vw 0 2.56vw;/*16 20*/
	}
.tbbx table,.tbbx2 table{width:98%;}
.tbg1{height:6.41vw;/*50*/}
.tbbx table tr td,.tbbx2 table tr td{
	padding:1.28vw 1.28vw 1vw;/* 10px 10px 8px */
	}
	
/*2*/
.cabx1{
	position:relative;
	width:100%;/*200*/
	padding:3vw 0;/*42*/
	right:0;
	top:0;
	}
.tc_bx{
	width:35%;/*200*/
	padding-bottom:9.625%;/*55*/
	margin:0 2% 3vw;/*35*/
	}
.tc_bx > span{
	line-height:3.8vw;
	font-size:3vw;/*25.74*/
	}
.tc_bx .tcc{
	position:absolute;
	width:128%;
	padding:3.8% 3.8% 3.8% 3.8%;
	border-radius:.64vw;/*5*/
	/**/
	font-size:2.3vw;/*18*/
	line-height:3.2vw;
	/**/  
  	-webkit-filter: drop-shadow(0 .7vw 1.5vw rgba(0, 0, 0, .38));/*8 20*/
  	filter: drop-shadow(0 .7vw 1.5vw rgba(0, 0, 0, .38));
	}
.ca1_bx{
	position:relative;
	width:100%;
	display:block;
	padding:0 0 0 0;/*70*/
	/**/  
  	-webkit-filter: drop-shadow(0 .7vw 1.5vw rgba(0, 0, 0, .38));/*8 20*/
  	filter: drop-shadow(0 .7vw 1.5vw rgba(0, 0, 0, .38));
	}
.ca1_bx > a{
	width:35%;
	margin:0 2% 1vw;/*35*/
	}
.vdobx{
	width:100%;/*950*/
	padding-bottom:56.21%;/*534*/
	border:0.307vw solid #cec0b8;/*2.4*/
	}
.btbx{padding:2.71vw 0 3.07vw;/*21.2 24*/}	
.calls_bt{width:45vw;/*344*/
	/**/  
  	-webkit-filter: drop-shadow(0 .8vw 2vw rgba(0, 0, 0, .3));/*8 20*/
  	filter: drop-shadow(0 .8vw 2vw rgba(0, 0, 0, .3));
	}
.s_times{
	position:relative;
	text-align:center;
	right:0;
	bottom:0;
	padding:1.5% 0 1%;
	}
.s_times span.nb{font-size:2.94vw;/*23*/}
.cardbx{
	width:100%;/*950*/
	padding-bottom:56.842%;/*540*/
	/**/  
  	-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));	
	}
	
.calbx{padding:1vw 0 1.2vw;}
.calbx > div{
	width:38.84vw;/*303*/
	height: 10.769vw;/*84*/
	margin: 0 auto;
	font-size:2.82vw;/*22*/
	}
.calbx > div > div{top:51%;}
.calbx > div > div > span{
	font-size:3.33vw;/*26*/
	}
	
.ckbx{
	position:absolute;
	width:80%;
	padding:2% 0 1.5%;
	font-size:2.8vw;/*25*/
	}
.ckbx span{
	margin-left:37%;
	}
.ckbx span::before{
	width:8vw;/*118 62*/
	padding-bottom:5.76vw;/*86 45*/
	}
/**/
.tbbx3 table tr td.tbg2{border-radius:3px;padding:8px 0 5px;}
.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));
	}
/**/
.g_bx{
	width:98%;/*950*/
	margin-left:0;
	margin-top:6px;
	margin-bottom:6px;
	/**/  
  	-webkit-filter: drop-shadow(0 1.28vw 6.41vw rgba(0, 0, 0, .75));/*10 50*/
  	filter: drop-shadow(0 1.28vw 6.41vw rgba(0, 0, 0, .75));
	}
.g_bx::before{
	padding-bottom:20.512%;/*160*/
	background-image: url(../images/g_bx_m_01.png);
	}
.g_bx::after{
	padding-bottom:4.487%;/*35*/
	background-image: url(../images/g_bx_m_03.png);
	}
.g_b1{background-image: url(../images/g_bx_m_02.png);}
#g_tbx{
	width:51.282%;/*400*/
	padding-bottom:17.564085%;/*137*/
	}
.clo1{
	width:13.589%;/*106*/
	padding-bottom:11.666%;/*91*/
	top:-.5vw;
	right:4.74%;/*37*/
	}

	
	
}
@media only screen and (max-width:700px){ 
/**/
.uidbx{
	height:6vw;/*42*/
	border-radius:7.14vw;/*50*/
	right:2.2%;/*16 1.28*/
	top:6.71vw;/*47*/
	padding-left:2.71vw;/*19*/
	/**/
  	-webkit-filter: drop-shadow(0 0 5vw rgba(0, 0, 0, .8));
  	filter: drop-shadow(0 0 5vw rgba(0, 0, 0, .8));/*30*/
	/**/
	font-size:3vw;/*21*/
	line-height:6vw;/*42*/
	}
.sign_outbt{
	width:10.14vw;/*71*/
	padding-bottom:6vw;/*42*/
	margin-left:1.42vw;/*10*/
	margin-right:.35vw;
	}
.nb_bx{
	height:6vw;/*42*/
	top:.1vw;
	}
/**/
	
}
@media only screen and (max-width:600px){
/**/
.g_mubx{
	margin:-8vw auto 0;
	padding:0 0 2.2vw;
	}
.g_mubx > a{
	width:38%;/*233*/
	padding-bottom:38%;/**/
	}
.g_mu_1{margin-right:-8.6%;/*-44*/}
.g_mu_3{margin-left:-8.6%;}	
/**/

}
@media only screen and (max-width:500px){
/**/
.bg1{background-size:140% auto;}
.mcbx1,.mcbx2{
	background-size: 140% auto;
	font-size:3.6vw;/*22 /600*/
	line-height:7vw;/*42*/
	}
.mcbx1{background-position:18% 100%;}
.mcbx2{background-position:18% 0%;}
.mcbx1 > .con1{width:96%;}
.mcbx1 > .con1 span{display:inline;}
.timebx{padding:3.6vw 0 8.3vw;/*22 50*/}
.timebx strong{font-size:5.8vw;/*36*/}
.taskmubx > div{
	padding-bottom:100.79%;
	/**/  
  	-webkit-filter:drop-shadow(0 .5vw 1vw rgba(0, 0, 0, .35));
  	filter:drop-shadow(0 .5vw 1vw rgba(0, 0, 0, .35));
	}
.taskmubx::after {
  padding-bottom:19%;
}	
.f_login{width:56%;/*392*/}
.taskbx > .tbx .tcon{
	/**/
	font-size:3.6vw;/*20*/
	line-height:5.5vw;/*30*/
	}
/**/
.taskmubx > div > a > p {
  	width:5.3vw;/*28*/
  	padding-bottom:5.3vw;
  	right: 0;
  	top:.8%;
	}
.task_bt_1,.task_bt_2,.task_bt_3,.task_bt_4{
	width:49%;/*273*/
	padding-bottom:15.435%;/*86*/
	}
.task_bt_1{
	top:4.8%;
	left:8.5%;
	}
.task_bt_2{
	top:28.5%;
	left:.5%;
	}
.task_bt_3{
	top:22%;
	left:50.5%;
	}
.task_bt_4{
	top:51.1%;
	left:49.5%;
	}
.task_bt_5{
	width:60.3%;/*336*/
	padding-bottom:15.435%;/*86*/
	bottom:11%;
	right:1.6%;
	}	
	
/*1*/
.v_tc{padding:0 0 3.5vw;}
.v_f1{
	font-size:5vw;/*25*/
	line-height:8.8vw;/*44*/
	}
.v_f1 p{left:-2.2vw;/*6*/}
.v_f2{
	font-size:5vw;/*25*/
	line-height:11.2vw;/*56*/
	}
.v_f2 p{
	font-size:5.6vw;/*28*/
	margin-left:-3.8vw;/*20*/
	}
ul.vc1{padding-left:4vw;/*20*/}
.s1{
	height:2vw;/*10*/
	margin:1.8vw 0 2.2vw;
	}
.tbbx{margin:3.8vw 0 4.5vw;/*16 20*/}
.tbbx table{width:98%;}
.tbg1{height:10vw;/*50*/}
.tbbx table tr td,.tbbx2 table tr td{
	padding:2vw 2vw 1.6vw;/* 10px 10px 8px */
	}
	
/*2*/
.tc_bx{
	width:40%;/*200*/
	padding-bottom:11%;/*55*/
	}
.tc_bx > span{
	line-height:4.5vw;
	font-size:3.5vw;/*25.74*/
	}
.tc_bx .tcc{
	position:absolute;
	width:138%;
	padding:3.8% 3.8% 3.8% 3.8%;
	border-radius:.64vw;/*5*/
	/**/
	font-size:3vw;/*18*/
	line-height:4.3vw;
	}
.ca1_bx > a{
	width:38%;
	margin:0 3% 1vw;/*35*/
	}
.s_times span.nb{font-size:4.6vw;/*23*/}

.skip {
  width:15%;/*97*/
  padding-bottom: 5.87%;/*38*/
  }
.calbx > div{
	width:60.6vw;/*303*/
	height: 16.8vw;/*84*/
	font-size:4.2vw;/*22*/
	}
.calbx > div > div > span{
	font-size:5.2vw;/*26*/
	}	
.ckbx{
	padding:2% 0 1.5%;
	font-size:3.5vw;/*25*/
	line-height:3.6vw;
	}
.ckbx span{
	margin-left:37%;
	}
.ckbx span::before{
	width:8vw;/*118 62*/
	padding-bottom:5.76vw;/*86 45*/
	}
	
.tbbx3 table{font-size:1.22rem;}
/**/
#g_tbx{background-size:105% auto;}

}
@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){
/* */
}