@charset "utf-8";
/* CSS Document */
/*go top start*/
.toTop-arrow {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 1rem;
	display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 18px;
	height: 5px;
	border-radius: 3px;
	background: #f90;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 0.5rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 0.5rem;
}
.toTop-arrow:focus {
	outline: none;
}
/*go top end*/

/*banner top*/
.bannerT {
	object-fit: cover;
}

/*run loading*/
.loading {
	position: fixed;
	height: 98vh;
	width: 98vw;
	background-color: rgba(229,229,229,0.50);
	top: 5px;
	border-radius: 25px;
	overflow: hidden;
	z-index: 1100;
	line-height:100vh;
}

/*countdown*/
.countdown01 {
	padding: 25px 20px 10px;
	border-radius: 15px;
	position: fixed;
	right: 0;
	top: 0;
	width: auto;
	background-color: rgba(255,99,99,0.80);
	z-index: 3;
}

/*會員主頁上的序號ˇ*/
#onmemSort {
	position: relative;
}
#memSort {
	position: absolute;
	background-color: #646464;
	border-radius: 5px;
	width: 50px;
	padding: 2px 0;
	line-height: 30px;
	text-align: center;	
	right: -5px;
	top: -5px;
}

/*委員會主副偉搜尋框*/
#draggable {
	position: fixed;
	padding: 0.5em;
	border-radius: 5px;
	right: -213px;
	top: 30%;
	background-color: rgba(255,188,16,1.00);
	z-index: 3;
}

/*公告背景*/
.announcebg {
	background-image:url('../../../_img/bg.jpg');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position: center center;
	background-size: cover;
}

/*活動邀請設定*/
.invBgcolor {
	background-color: rgba(19,19,19,0.28)
}

@media screen and (max-width: 768px) { /*平板以下*/
	 .invBgPic {
		 background-image:url('../../../_img/invitedbg.jpg');
		 background-repeat:no-repeat;
		 /*background-attachment:fixed;*/
		 background-position: center center; /*水平垂直至中*/
		 background-size: cover;
		 /*height: 380px;自訂*/
		 /*max-height: 568px;*/
		 /*opacity: 0.75;*/		 
	 }
	/*vlog*/
	.vlogBanner {
		/*background-image:url('');
		background-repeat:no-repeat;
		background-position: center center; 水平垂直至中
		background-size: cover;*/
		height: 285px;
	}
	.fixdiv {
		position: fixed;
		bottom: 20px;
		left: 10%;
		width: 70%;
		margin: 0 auto;
		background-color: rgba(139,138,138,0.78)
	}
}

@media screen and (min-width: 769px) { /*桌機*/
	 .invBgPic {
		 background-image:url('../../../_img/invitedbg.jpg');
		 background-repeat:no-repeat;
		 /*background-attachment:fixed;*/
		 background-position: center center; /*水平垂直至中*/
		 background-size: cover;
		 /*height: 380px;自訂*/
		 min-height: 568px;
		 /*opacity: 0.75;*/		 
	 }
	/*vlog*/
	.vlogBanner {
		/*background-image:url('');
		background-repeat:no-repeat;
		background-position: center center; 水平垂直至中
		background-size: cover;*/
		height: 568px;
	}
	.fixdiv {
		position: fixed;
		bottom: 20px;
		left: 10%;
		width: 30%;
		margin: 0 auto;
		background-color: rgba(139,138,138,0.78)		
	}
}

.vlogActpic {
	max-height: 450px;
	object-fit: cover;
}