@charset "utf-8";
/* CSS Document */
.bg3{
	position: relative;
	width: 100%;
	display: block;
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:50% 0%,50% 100%,50% 0%;
	background-image:url(../images/bg3_01.jpg),url(../images/kbg.png),url(../images/bg3_02.jpg);
	background-size:100% auto;
	/*overflow:hidden;*/
	}
.bg3::before{
	position:relative;
	width:100%;
	padding-bottom:44%;/*880*/
	display: block;
	content: "";
	}
.bg3::after{
	position:relative;
	width:100%;
	padding-bottom:5%;/*880*/
	display: block;
	content: "";
	}
.b3{
	position:absolute;
	width:100%;
	height:100%;
	pointer-events: none;
	top:0;
	left:0;
	z-index:2;
	}
.wfn{
	position:sticky;
	width:2.5%;/*50*/
	padding-bottom:17.75%;/*355*/
	display:block;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/wfn.png);
	background-size:100% auto;
	top:55%;
	left:0;
	}
/**/
.uidbx{
	position: absolute;
	width: auto;/**/
	height: 32px;/**/
	/*display:none;*/
	display:inline-block;
	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/f_login2bg.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;*/background-image: url(../images/uid2.jpg);}
.sign_outbt{
	position:relative;
	width:50px;/*50*/
	padding-bottom:32px;/**/
	display:none;
	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;
	}
.uidbx.on .sign_outbt{display:inline-block;}
.nb_bx{
	position:relative;
	width:auto;
	height:32px;
	display:none;
	overflow:hidden;
	text-align:right;
	}
.uidbx.on .nb_bx{display:inline-block;}
	
.f_login2{
	position:relative;
	width:134px;/*50*/
	padding-bottom:32px;/**/
	display:inline-block;
	cursor:pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/f_login2.png);
	background-size:100% 100%;
	margin-left:2px;/**/
	margin-right:2px;
	}
.uidbx.on .f_login2{display:none;}

.f_login{
	position:absolute;
	width:220px;/*392 15%*/
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/f_login.png);
	background-size:100% auto;
	right:7px;/**/
	top:.38vw;/*4*/
	/*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;}
/**/
.vd_bx{
	position:relative;
	width:100%;
	display:block;
	margin:0 auto;
	text-align:center;
	z-index:1;
	}
.vd_bx p{
	position:relative;
	width:380px;/*380 18.5%*/
	display:inline-block;
	cursor: pointer;
	margin:0 .5%;
	filter:contrast(100%);
	transition: all .5s;
	}
.vd_bx p::before,.vd_bx p.on::after{
	width:100%;
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size: 100% auto;
	}
.vd_bx p::before{
	position:relative;
	padding-bottom:57.63%;/*219*/
	}
.vd_bx p.on::after{
	position:absolute;
	height:100%;
	top:0;
	left:0;
	/**/
	animation:td1 .55s linear alternate infinite;
	}
.vd_bx p.vd1_bt::before{background-image:url(../images/vd1_bt.png);}
.vd_bx p.on.vd1_bt::before{background-image:url(../images/vd1_bt_a.png);}	
.vd_bx p.on.vd1_bt::after{background-image:url(../images/vd1_bt_a1.png);}	
/**/	
.vd_bx p.vd2_bt::before{background-image:url(../images/vd2_bt.png);}
.vd_bx p.on.vd2_bt::before{background-image:url(../images/vd2_bt_a.png);}	
.vd_bx p.on.vd2_bt::after{background-image:url(../images/vd2_bt_a1.png);}	
/**/	
.vd_bx p.vd3_bt::before{background-image:url(../images/vd3_bt.png);}
.vd_bx p.on.vd3_bt::before{background-image:url(../images/vd3_bt_a.png);}	
.vd_bx p.on.vd3_bt::after{background-image:url(../images/vd3_bt_a1.png);}	
.vd_bx p.on{filter:contrast(120%);}	
.vd_bx p:hover{filter:contrast(170%);}	
.vd_bx a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	}
/**/
.vvbx{
	position:relative;
	width:1650px;/*1650*/
	margin:0 auto;
	top:-3.1vw;/*-2.9*/
	}
.vvbx::before,.vvbx::after{
	position:relative;
	width:100%;
	padding-bottom:6.36%;/*105*/
	display:block;
	content: "";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-size: 100% auto;
	}
.vvbx::before{
	background-position:50% 100%;
	background-image:url(../images/vvbx_01.png);
	}
.vvbx::after{
	background-position:50% 0%;
	background-image:url(../images/vvbx_03.png);
	}
.fly{
	position:absolute;
	width:5.57%;/*92*/
	padding-bottom:5.57%;/**/
	display:block;
	pointer-events: none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/fly.png);
	background-size: 100% auto;
	z-index:1;
	}
.fly.ft1{
	top:-1px;
	right:88px;
	/**/
	-moz-animation: rotate2 5s linear infinite;
    -webkit-animation: rotate2 5s linear infinite;
    -o-animation: rotate2 5s linear infinite;
    -ms-animation: rotate2 5s linear infinite;
    animation: rotate2 5s linear infinite;
	}	
.fly.ft2{
	left:74px;
	bottom:-1px;
	/**/
	-moz-animation: rotate 5s linear infinite;
    -webkit-animation: rotate 5s linear infinite;
    -o-animation: rotate 5s linear infinite;
    -ms-animation: rotate 5s linear infinite;
    animation: rotate 5s linear infinite;
	}		
.vvbx .vcn{
	position:relative;
	width:100%;
	background-attachment:scroll;
	background-repeat:repeat-y;
	background-position:50% 50%;
	background-image:url(../images/vvbx_02.png);
	background-size: 100% auto;
	z-index:1;
	}
.tv1{
	position:relative;
	width:100%;
	padding-bottom:5.5%;
	}		
.vc2{
	position:relative;
	width:90%;/*1485*/
	min-height:200px;
	margin:0 auto;
	display:none;
	/*background-color:#3F0;*/
	/**/
	font-size:1.83rem;/*22*/
	line-height:2.5rem;/*30*/
	font-weight:400;
	color:#d7d7d7;
	text-align:center;
	}
.vc2.on{display:block;}
	
.vc2::before,.vc2::after{
	position:relative;
	width:100%;
	padding-bottom:5.5%;
	content: "";
	display:block;
	}
.vvb2{
	position:relative;
	width:67.34%;/*1000*/
	margin:0 auto;
	padding:24px;/*1.2vw*/
	/**/
	transition: all .5s;
	}
.vvb2::after{
	position:absolute;
	width:123.4%;/*1234*/
	padding-bottom:72.5%;/*725*/
	display:block;
	pointer-events: none;
	content: "";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/today_vdb.png);
	background-size: 100% auto;
	top:50%;
 	left: 50%;
	transform:translate(-50%,-50%);
	}
.vdobx2{
	position:relative;
	width:100%;/*950 80%*/
	padding-bottom:56.21%;/*534 44%*/
	margin:0 auto;
	border-radius:36px;/*30 1.5vw*/
	overflow:hidden;
	/*background-color:#000;*/
	/**/
	-webkit-filter: drop-shadow(0 0 25px rgba(0, 0, 0, 1));
  	filter: drop-shadow(0 0 25px rgba(0, 0, 0, 1));
	}
.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%);
	}
/**/
.bar_bx{
	position:relative;
	width:100%;/*1485*/
	padding-bottom:8.215%;
	/*height:122px;*/
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/bar_bg.png);
	background-size: 100% auto;
	margin:70px auto 0;/*80*/
	}
/**/
.bar1{
	position:absolute;
	width:90%;
	text-align:right;/*center*/
	overflow:hidden;
	top:-5%;
	left:50%;
	transform:translateX(-50%);
	}
.bar1 > div{
	position:relative;
	display:inline-block;
	margin:0 10px;
	}
select{
	border: 0;
	outline:none;
	-webkit-appearance: none; /*Chrome*/
	-moz-appearance: none;/*FF*/
	-ms-appearance: none;
	-o-appearance: none;
	appearance:none;/*CSS3*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image: url(../images/v_bt.png);
	background-position:99% 50%;
	background-size:auto 98%;
	/**/
	cursor: pointer;
	}
select option{background-color:#392853;}
select::-ms-expand{display:none;}
input,textarea,select{
	position: relative;
	width: 100%;
	font-size: 1.83rem;/*22*/
	line-height: 4.16rem;/*50*/
	height: 4.16rem;
	font-family: Arial, 'Noto Sans TC', '微軟正黑體', sans-serif;
	color: #e7e0f3;/*ded7e9*/
	font-weight: 400;
	border:0;
	border-radius: 4.16rem;/*50*/
	padding-left: 1.83rem;/*22*/
	background-color: rgba(75,53,109,.6);
	/*text-align-last:center;
	text-align:center;*/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	
	}
::-webkit-input-placeholder {color:#8b76ab;}
:-ms-input-placeholder {color:#8b76ab;}
::placeholder {color:#8b76ab;}
.bar1 > div.search input{
	width:250px;/*250*/
	padding-right:6.25rem;/*75*/
	}
.bar1 > div.search a{
	position:absolute;
	width:28%;/*70*/
	height:100%;
	/*padding-bottom:20%;50*/
	right:1%;/*5*/
	top:50%;/*50%*/
	transform:translateY(-50%);/**/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image: url(../images/search.png);
	background-position:50% 50%;
	background-size:90% auto;
	}
.bar1 > div.sorting select{
	/*width:250px;250*/
	padding-right:4.58rem;/*55*/	
	}
	
.gyc1{
	position: relative;
	color: #fff;
	display: inline-block;
	text-align: center;
	margin: -18px auto 0;
	padding:10px 25px;
	border-radius:20px;
	/*border: 1px solid rgba(255, 0, 192, .35);*/
	border-top:1px solid rgba(255, 0, 192, .35);

	border-bottom:1px solid rgba(255, 0, 192, .35);
	/*text-shadow: 0 0 20px #ee00ca,0 0 30px #ee00ca,0 0 50px #ee00ca,0 0 60px #ee00ca;*/
	-webkit-filter: drop-shadow(0 0 10px rgba(255, 0, 192, 1));
	filter: drop-shadow(0 0 10px rgba(255, 0, 192, 1));
	}
.gyc1 span{position:relative;display:inline-block;}

.vtvideo{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:3rem 0;
	text-align:left;
	}
.vtvideo > li{
	position:relative;
	width:29%;/*435 1485*/
	/*min-height:150px;*/
	display:inline-block;
	margin:0 2% 2%;/*30*/
	/*border:5px solid #501e8a;5 #0cd8fd*/
	border-top:5px solid #501e8a;
	border-right:5px solid #3d1e5d;
	border-left:5px solid #501e8a;
	border-bottom:5px solid #3d1e5d;/**/
	padding:5px;
	border-radius:15px;/*10*/
	}
.vtvideo > li > .vph{
	position:relative;
	width:100%;/*1280*/
	padding-bottom:56.25%;/*720*/
	display:block;
	cursor: pointer;
	overflow:hidden;
	border-radius:8px;/*10*/
	}
.vtvideo > li > .vph img{
	position:absolute;
	width:100%;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	/*filter:contrast(100%);*/
	transition: all .5s;
	}
.vtvideo > li > .vph:hover img{
	width:110%;
	/*filter:contrast(150%);*/
	}
.vtvideo > li > .vph::after{
	position:absolute;
	width:16%;/*67 410*/
	padding-bottom:16%;
	content: "";
	display:block;
	pointer-events: none;
	border-radius:50px;/*10*/
	background-color:rgba(0,0,0,.65);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image: url(../images/vplay.png);
	background-position:50% 50%;
	background-size:100% auto;
	/**/
	transition: all .5s;
	}
.vtvideo > li > .vph:hover::after{
	background-color:rgba(255,0,0,1);
	}
.ssk2a{
	position:absolute;
	width:20%;/*103*/
	padding-bottom:20%;
	display:block;
	pointer-events: none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image: url(../images/ssk2a.png);
	background-position:50% 50%;
	background-size:100% auto;
	right:-7.5%;
	top:84.5%;
	}	
.vtvideo > li > .v_tit{
	position: relative;
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	padding: 3% 1%  3.3%;
	font-weight:500;
	margin-bottom:5px;
	/*color:#FFF;*/
	}
.vtvideo > li > .v_tit::after{
	position:absolute;
	width:99%;
	height:1px;
	content: "";
	display:block;
	background-color:#3d1e5d;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	}
.vtvideo > li > .v_nbx{
	position:relative;
	width:95%;
	margin:0 auto;
	padding:1% 0 2%;
	font-size:1.5rem;/*18*/
	color:#b1a2c8;
	overflow:hidden;
	}	
.vtvideo > li  .v_nb,.vtvideo  li  .v_nb2{
	position:relative;
	width:46%;
	text-align:right;
	
	}	
.vtvideo > li .v_nb::before,.vtvideo > li .v_nb2::before{
	position:absolute;
	display:block;
	left:0;
	top:0;
	}
.vtvideo > li .v_nb::before{content:"應援力 :";}
.vtvideo > li .v_nb2::before{content:"觀看數 :";}	
.vtvideo > li .v_nb{float:left;}
.vtvideo > li .v_nb2{float:right;}
.vtvideo > li .likebt{
	position:relative;
	width:50%;/*230*/
	padding-bottom:47px;
	display:block;
	cursor: pointer;
	margin:3% auto 0;
	border-radius:25px 5px 25px 5px;/*10*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image: url(../images/like_1.png);
	background-position:50% 50%;
	background-size:100% 100%;
	overflow:hidden;
	bottom:5px;
	transition: all .5s;
	border: 1px solid rgba(255, 180, 0, 1);
	/**/
	-webkit-filter: drop-shadow(0 0 5px rgba(255, 196, 0, 1));
	filter: drop-shadow(0 0 5px rgba(255, 196, 0, 1));
	}
.vtvideo > li .likebt::before,.vtvideo > li .likebt::after{
	position:absolute;
	width:100%;
	height:100%;
	content:"";
	display:block;
	top:0;
	left:0;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
.vtvideo > li .likebt::before{
	background-image: url(../images/like_2.png);
	background-size:100% 100%;
	opacity:0;
	transition: all .5s;
	}
.vtvideo > li .likebt::after{
	background-image: url(../images/like.png);
	background-size:auto 100%;
	}
.vtvideo > li .likebt:hover::after{background-image:url(../images/like0.png);}	
.vtvideo > li .likebt:hover::before{opacity:1;}
.vtvideo > li .likebt:hover{
	border: 1px solid rgba(150, 0, 115, 1);
	-webkit-filter: drop-shadow(0 0 10px rgba(255, 0, 192, .6));
	filter: drop-shadow(0 0 10px rgba(255, 0, 192, .6));
	}
/**/
.vtvo{
	position:relative;
	width:102%;
	padding-bottom: 51.21%;
	left:-1%;
	z-index:1;
	/*
	-webkit-filter: drop-shadow(0 0 25px rgba(0, 0, 0, 1));
  	filter: drop-shadow(0 0 25px rgba(0, 0, 0, 1));*/
	}
.vtvo2{
	position:absolute;
	width:100%;
	padding-bottom: 56.21%;
	border-radius:20px;/*30 1.5vw*/
	overflow:hidden;
	top:49.5%;
 	left: 50%;
	transform:translate(-50%,-50%);
	}
.vtvo2 > .vdx3,
.vtvo2 > .vdx3 video,
.vtvo2 > .vdx3 iframe{
	position:absolute;
	display:block;
	width: 100.5%;
	height: 100.5%;	
	top:50%;
 	left: 50%;
	transform:translate(-50%,-50%);
	}
.sen{
	position:relative;
	text-align:center;
	padding:2rem 0;
	margin:0 auto;
	}

/*20250313*/
.tc3bx{
	position:relative;
	width:95%;
	display:block;
	margin:0 auto;
	}
.tc3{
  	position:absolute;
  	width:10vw;/*200*/
  	padding-bottom:2.75vw;/*55*/
  	display: inline-block;
  	cursor: pointer;
  	background-attachment: scroll;
  	background-repeat: no-repeat;
  	background-position: 0% 0%;
  	background-image: url(../images/tc_bg2.png);
  	background-size: 100% auto;
	right:0;
	bottom:.2vw;
	}
.tc3 > 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;
	}
	
.tc3::after {
  	position: absolute;
  	width: 59%;
  	padding-bottom: 43%;
  	content: "";
  	display: block;
  	background-attachment: scroll;
  	background-repeat: no-repeat;
  	background-position: 50% 50%;
  	background-image: url(../images/ticket.png);
  	background-size: 100% auto;
  	right: 2.5%;
  	top: 50%;
  	transform: translateY(-50%);
	}
.tc3:hover p{
	opacity:1;
	top:105%;
	}
.tc3 p {
  	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;
  	font-size: .8vw;
  	line-height: 1.15vw;
  	color: #fff8f6;
  	text-align: center;
  	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));
  	filter: drop-shadow(0 .3vw .5vw rgba(0, 0, 0, .38));
	}
.tc3 p::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%);
	}

	
@media only screen and (max-width:1650px){
/**/
.vd_bx p{width:23%;/*380*/}
/**/
.vvbx{
	width:100%;/*1650*/
	top:-3.5vw;
	}
.fly.ft1{top:-0.06vw;right:5.3vw;/*88*/}	
.fly.ft2{left:4.48vw;/*74*/ bottom:-0.06vw;/*-1*/}	
/**/
.vvb2{padding:1.45vw;/*1.2vw*/}
.vdobx2{
	border-radius:2.18vw;/*36*/
	/**/
	-webkit-filter: drop-shadow(0 0 1.5vw rgba(0, 0, 0, 1));/*25*/
  	filter: drop-shadow(0 0 1.5vw rgba(0, 0, 0, 1));
	}
/**/
.vc2{
	/**/
	font-size:1.33vw;/*22*/
	line-height:1.818vw;/*30*/
	}
.bar_bx{
    /*height: 7.3939vw;*/
    margin: 4.2424vw auto 0;/*70*/
	}
.gyc1{margin:-1.09vw auto 0;/*-18*/}
/**/
.bar1 > div{margin:0 .6vw;/*10*/}
input,textarea,select{
	font-size: 1.33vw;/*22*/
	line-height: 3vw;/*50*/
	height: 3vw;/*50*/
	border-radius: 3vw;/*50*/
	padding-left: 1.33vw;/*22*/
	}
.bar1 > div.search input{
	width:15.15vw;/*250*/
	padding-right:4.54vw;/*75*/
	}
.bar1 > div.search a{
	width:28%;/*70*/
	height:100%;
	/*padding-bottom:20%;50*/
	}
.bar1 > div.sorting select{
	/*width:250px;250*/
	padding-right:3.33vw;/*55*/	
	}	
/**/
.vtvideo{padding:2.18vw 0;/*36*/}	
.vtvideo > li{
	position:relative;
	width:29%;/*435 1485*/
	display:inline-block;
	margin:0 2% 2%;/*30*/
	border-top:.3vw solid #501e8a;/*5*/
	border-right:.3vw solid #3d1e5d;
	border-left:.3vw solid #501e8a;
	border-bottom:.3vw solid #3d1e5d;/**/
	padding:.3vw;
	border-radius:.9vw;/*15*/
	}
.vtvideo > li > .vph{
	border-radius:.48vw;/*8*/
	}	
.vtvideo > li > .v_tit{
	margin-bottom:.3vw;/*5*/
	}
.vtvideo > li > .v_nbx{
	font-size:1.09vw;/*18*/
	}
.vtvideo > li .likebt{
	padding-bottom:2.84vw;/*47*/
	bottom:.3vw;/*5*/
	}	
	
		
	
}
@media only screen and (max-width:1400px){
/**/
}
@media only screen and (max-width:1200px){
/**/

	
}
@media only screen and (max-width:1000px){	
/**/
.bar1 {text-align:center;top: -15%;}
.bar1 > div{margin:0 .7vw;/*10*/}
input,textarea,select{
	font-size: 1.57vw;/*22*/
	line-height: 3.75vw;/*50*/
	height:  3.75vw;/*50*/
	border-radius: 3.75vw;/*50*/
	padding-left:1.57vw;/*22*/
	}
.bar1 > div.search input{
	width:17.85vw;/*250*/
	padding-right:5.35vw;/*75*/
	}
.bar1 > div.search a{
	width:28%;/*70*/
	height:100%;
	}
.bar1 > div.sorting select{
	padding-right:3.92vw;/*55 1400*/	
	}
}
@media only screen and (max-width:860px){
/**/

}	
@media only screen and (max-width:780px){
/**/
.bg3{background-image:url(../images/bg3m_01.jpg),url(../images/kbg_m.png),url(../images/bg3m_02.jpg);}
.bg3::before{padding-bottom:126%;/*1050*/}
.bg3::after{padding-bottom:13%;}
.wfn{
	width:6.41%;/*50*/
	padding-bottom:45.511%;/*355*/
	top:66vw;/*540*/
	background-position:-.8vw 0%;/*5*/
	}
/**/
.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_login2{
	width:22.56vw;/*176*/
	padding-bottom:5.38vw;/*42*/
	}
/**/
.f_login{
	width:43%;
	right:0%;
	top:2.6vw;	
	}
/**/
.vd_bx p{
	width:33%;/*380*/
	margin:0 -3px;
	}
/**/
.vvbx{top:-7.8vw;}
.vvbx::before,.vvbx::after{
	padding-bottom:13.461538%;/*105*/
	}
.vvbx::before{background-image:url(../images/vvbx_m_01.png);}
.vvbx::after{background-image:url(../images/vvbx_m_03.png);}
.vvbx .vcn{background-image:url(../images/vvbx_m_02.png);}
.fly{
	width:11.794%;/*92*/
	padding-bottom:11.794%;/**/
	}	
.fly.ft1{display:none;animation-play-state:paused;}	
.fly.ft2{left:5.8vw;/*74*/ bottom:-0.06vw;/*-1*/}
/**/
.tv1{padding-bottom:4.5%;}	
.vvb2{
	width:95%;/*1000*/
	padding:3vw;/*24px*/
	}
.vc2{
	font-size:2.8vw;/*22 */
	line-height:3.846vw;/*30*/	
	}	
/**/
.bar_bx{
	padding-bottom:17.3789%;
	/*height:15.641vw;122*/
	background-image:url(../images/bar_bg_m.png);
	margin:8.97vw auto 0;/*80*/
	}
.bar1 {top: -10%;}
.bar1 > div{margin:0 1.2vw;/*10*/}
input,textarea,select{
	font-size: 2.8vw;/*22*/
	line-height: 6.4vw;/*50*/
	height:  6.4vw;/*50*/
	border-radius: 6.4vw;/*50*/
	padding-left:2.8vw;/*22*/
	}
.bar1 > div.search input{
	width:32.05vw;/*250*/
	padding-right:9.61vw;/*75*/
	}
.bar1 > div.search a{
	width:28%;/*70*/
	height:100%;
	}
.bar1 > div.sorting select{
	padding-right:7.05vw;/*55*/	
	}
/**/
.vtvideo{padding:4.6vw 0;/*36*/}	
.vtvideo > li{
	width:47%;/*331 702*/
	display:inline-block;
	margin:0 1.2% 3.5%;/*10*/
	border-top:.64vw solid #501e8a;/*5*/
	border-right:.64vw solid #3d1e5d;
	border-left:.64vw solid #501e8a;
	border-bottom:.64vw solid #3d1e5d;/**/
	padding:.64vw;
	border-radius:1.9vw;/*15*/
	}
.vtvideo > li > .vph{
	border-radius:1.025vw;/*8*/
	}	
.vtvideo > li > .v_tit{
	margin-bottom:.64vw;/*5*/
	}
.vtvideo > li > .v_nbx{
	font-size:2.3vw;/*18*/
	}
.vtvideo > li .likebt{
	padding-bottom:6.025vw;/*47*/
	bottom:.64vw;/*5*/
	border-radius:3.2vw .6vw 3.2vw .6vw;/*10*/
	}

/*20250313*/
.tc3bx{
	width:95%;
	text-align:right;
	padding:5vw 0 0;
	}
.tc3{
  	position:relative;
  	width:28.57vw;/*200 40vw*/
  	padding-bottom:7.85vw;/*55 11vw*/
	bottom:0;
	}
.tc3 > span{
	/**/
	font-size:3.14vw;/*22*/
	line-height:4.28vw;/*30*/
	}
.tc3 p {
  	border-radius: .714vw;/*5*/
  	font-size:2.28vw;/*16*/
  	line-height:3.28vw;/*23*/
	}
	
	
	
}
@media only screen and (max-width:700px){ 
/**/
.uidbx{
	height:6vw;/*42*/
	border-radius:7.14vw;/*50*/
	right:2.2%;/*2.5*/
	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;
	}
.f_login2{
	width:25.142vw;/*176*/
	padding-bottom:6vw;/*42*/
	}
/**/
.f_login{
	width:45%;
	top:3.3vw;	
	}
		
}
@media only screen and (max-width:600px){
/**/
.bar1{width:110%;top:-26%;}
.bar1 > div{margin:0 .5vw;/*10*/}
input,textarea,select{
	font-size: 4vw;/*22*/
	line-height: 9vw;/*50*/
	height:9vw;/*50*/
	border-radius:9vw;/*50*/
	padding-left:4vw;/*22*/
	}
.bar1 > div.search input{
	width:38.18vw;/*210*/
	padding-right:13.63vw;/*75*/
	}
.bar1 > div.search a{
	width:33.3%;/*70*/
	height:100%;
	}
.bar1 > div.sorting select{
	padding-right:10vw;/*55*/	
	}
}
@media only screen and (max-width:500px){
/**/
/**/
.vd_bx p{
	width:33.5%;/*290*/
	margin:2.5vw -3.9px 0;
	}
.vd_bx p::before{
	position:relative;
	padding-bottom:82.75%;/*240*/
	}
.vd_bx p.vd1_bt::before{background-image:url(../images/vd1_m_bt.png);}
.vd_bx p.on.vd1_bt::before{background-image:url(../images/vd1_m_bt_a.png);}	
.vd_bx p.on.vd1_bt::after{background-image:url(../images/vd1_m_bt_a1.png);}	
/**/	
.vd_bx p.vd2_bt::before{background-image:url(../images/vd2_m_bt.png);}
.vd_bx p.on.vd2_bt::before{background-image:url(../images/vd2_m_bt_a.png);}	
.vd_bx p.on.vd2_bt::after{background-image:url(../images/vd2_m_bt_a1.png);}	
/**/	
.vd_bx p.vd3_bt::before{background-image:url(../images/vd3_m_bt.png);}
.vd_bx p.on.vd3_bt::before{background-image:url(../images/vd3_m_bt_a.png);}	
.vd_bx p.on.vd3_bt::after{background-image:url(../images/vd3_m_bt_a1.png);}
/**/
.vc2{
	font-size:4vw;/*20*/
	line-height:6vw;/*30*/
	}		
/**/
.vtvideo{padding:7.2vw 0;/*36*/ text-align:center;}	
.vtvideo > li{
	width:93.5%;/*331*/
	display:inline-block;
	margin:0 0 6.8%;/*10*/
	border-top:1vw solid #501e8a;/*5*/
	border-right:1vw solid #3d1e5d;
	border-left:1vw solid #501e8a;
	border-bottom:1vw solid #3d1e5d;/**/
	padding:1vw;
	border-radius:3vw;/*15*/
	}
.vtvideo > li > .vph{
	border-radius:1.6vw;/*8*/
	}	
.vtvideo > li > .v_tit{
	margin-bottom:1vw;/*5*/
	}
.vtvideo > li > .v_nbx{
	font-size:3.6vw;/*18*/
	}
.vtvideo > li .likebt{
	padding-bottom:9.4vw;/*47*/
	bottom:1vw;/*5*/
	border-radius:5vw 1vw 5vw 1vw;/*10*/
	}
.gyc1{
	width:92%;
	padding: 10px 5px;
	border-radius:5vw;
	}	
/*20250313*/
.tc3bx{
	width:93%;
	text-align:right;
	padding:6vw 0 0;
	}
.tc3{
  	width:40vw;/*200*/
  	padding-bottom:11vw;/*55 11vw*/
	}
.tc3 > span{
	/**/
	font-size:4.4vw;/*22*/
	line-height:6vw;/*30*/
	}
.tc3 p {
  	border-radius: 1vw;/*5*/
  	font-size:3.2vw;/*16*/
  	line-height:4.6vw;/*23*/
	}	
	
		
}
@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){
/* */
}