body { 	margin: 0; 	padding: 0; 	background-color: #eee; 	height: 100vh; 	/* 让 body 占据整个视窗高度 */ 	display: flex; 	flex-direction: column; } .title_img { 	float: left; 	width: 100%; 	background-position: center top; 	background-size: cover; 	background-repeat: no-repeat; } .navbar-light .navbar-nav .nav-link { 	color: #1f364b; } .dropdown:hover .dropdown-menu { 	display: block; } .title_div .navbar-collapse.collapse { 	height: 100%; } .title_div { 	float: left; 	width: 100%; 	padding: 0% 2%; 	background-color: #ffd035; } .title_main_a { 	/*float: right;*/ 	/*width: 8%;*/ 	padding: 1.5% 1%; 	color: #1f364b; 	font-weight: 600; 	text-align: center; 	text-decoration: none; 	height: 100%; 	align-items: center; 	display: flex; 	justify-content: center; } .title_main_a:hover { 	background: #fff; } .title_main_select_a { 	float: right; 	width: 8%; 	padding: 1.5% 1%; 	color: #1f364b; 	font-weight: bold; 	text-align: center; 	text-decoration: none; 	background: #fff; } .footer { 	background-color: #ffd035; 	color: white; 	text-align: center; 	padding: 10px 0; 	bottom: 0; 	width: 100%; } .main_div { 	float: left; 	width: 80%; 	margin-left: 10%; 	margin-top: 5%; 	margin-bottom: 10%; } .main_div_content { 	float: left; 	width: 100%; 	font-weight: bold; 	text-align: center; 	position: relative; } .main_div_title { 	/*float: left;*/ 	width: 100%; 	display: flex; 	align-items: end; } .main_div_font { 	/*float: left;*/ 	font-size: 1.5em; 	margin: 0 3% 0 0%; 	/*width: 12%;*/ 	background: #ffd035; 	font-weight: bold; 	position: relative; } .main_div_hr { 	/*float: left;*/ 	padding: 2px; 	/*width: 84%;*/ 	margin-top: 1.25%; 	background: #1f364b; 	border-radius: 5px; 	height: 2px; } /*首頁*/ .home_div { 	/*float: left;*/ 	width: 100%; 	margin: 2% 0; 	align-items: center; 	display: flex; 	justify-content: center; } .home_80_div { 	/*float: left;*/ 	width: 80%; 	margin: 2% 0; 	align-items: center; 	display: flex; 	justify-content: center; } .home_main_img { 	/*float: left;*/ 	/*width: 40%;*/ 	border-radius: 20px; 	max-width: fit-content; } .home_main_font { 	text-align: left; 	/*float: left;*/ 	/*width: 50%;*/ 	/*margin: 5%;*/ 	color: #707070; } .home_main_font p { 	color: #1f364b; 	font-weight: bold; 	font-size: 1.2em; } /*首頁*/ /*代表會*/ .rep_div { 	float: left; 	width: 100%; } .rep_usr_div { 	float: left; 	width: 48%; 	margin-left: 25%; 	padding: 1%; 	background: #fff; 	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; 	border-radius: 12px; 	height: 300px; } .rep_usr_img_div { 	float: left; 	width: 30%; 	height: 100%; } .rep_usr_div img { 	float: left; 	width: 100%; } .rep_usr_content_div { 	float: left; 	width: 70%; } .rep_usr_content_name { 	float: left; 	width: 100%; 	font-weight: bold; 	color: #666; 	font-size: 2em; } /*代表會*/ /*table*/ .content_table_css { 	float: left; 	width: 100%; 	text-align: center; 	color: #444444; 	margin: 2% 0; 	cursor: initial; } .content_table_css th { 	background: #43567c; 	color: #fff; 	z-index: 4; 	top: 7.8%; } .content_table_css td { 	padding: 0.5%; 	text-align: left; } .content_table_css tr { 	cursor: pointer; 	background: #fff; } .content_table_css tr:hover { 	background: #e4e4e4; } /*table*/ /*最新消息*/ .main_div_content_css { 	position: absolute; 	top: 0%; 	left: 0%; 	width: 100%; 	height: 100vh; 	z-index: 5; 	display: none; 	/*background: linear-gradient(to bottom, #064072, #000);*/ } .content_div_css { 	z-index: 6; 	position: fixed; 	left: 20%; 	top: 6%; 	height: 500px; 	background: #fff; 	border-radius: 30px; 	padding: 2% 0% 4% 0%; 	width: 60%; 	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; 	overflow-x: hidden; 	overflow-y: scroll; } .content_img_css { 	width: 60%; 	margin-left: 20%; 	margin-right: 20%; 	border-radius: 25px; 	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .content_pre { 	float: left; 	width: 90%; 	padding: 2% 5% 10% 5%; 	color: #787878; 	word-break: break-all; 	white-space: pre-wrap; 	background: #fff; 	border: 0; } .content_div_title { 	text-align: center; 	font-size: 1.5em; 	margin-bottom: 4%; 	float: left; 	width: 100%; 	color: #2d393e; 	font-weight: bold; } .content_div_acc_title { 	float: left; 	width: 80%; 	margin: 0 0 2% 10%; 	color: #777; 	font-size: 0.5em; } .user_png { 	width: 4%; 	position: absolute; 	margin-top: 3.5%; 	margin-left: 14%; } .content_div_input { 	width: 68%; 	background: #f1f1f1; 	font-size: 1em; 	margin-left: 10.5%; 	padding: 3% 0% 3% 10%; 	border-radius: 3px; 	border: none; } .content_div_btn { 	cursor: pointer; 	float: left; 	width: 78%; 	padding: 1.5% 0; 	text-align: center; 	margin-left: 10.5%; 	border: 1px solid #dcdddd; 	margin-top: 10%; 	background: #4976ff; 	border-radius: 12px; 	color: #fff; } .content_div_btn:hover { 	background: #668cff; } .content_close_btn { 	position: fixed; 	right: 19%; 	top: 3%; 	width: 3%; 	cursor: pointer; 	z-index: 7; } /*最新消息*/ .main_div_content_css ::-webkit-scrollbar { 	width: 7px; } .main_div_content_css ::-webkit-scrollbar-button { 	background: transparent; } .main_div_content_css ::-webkit-scrollbar-track-piece { 	background: transparent; } .main_div_content_css ::-webkit-scrollbar-thumb { 	border-radius: 50px; 	background: #bbb; } /* 背景顏色 */ .main_div_content_css ::-webkit-scrollbar-track { 	background: #f1f1f1; 	background: transparent; } .main_div_content_css ::-webkit-scrollbar-thumb:hover { 	background: #5a85d3; } /* 寬度 */ ::-webkit-scrollbar { 	width: 6px; } /* 背景顏色  */ ::-webkit-scrollbar-track { 	background: #f1f1f1; } /* 滑塊樣式  */ ::-webkit-scrollbar-thumb { 	background: #bbb; } /* 懸停樣式  */ ::-webkit-scrollbar-thumb:hover { 	background: #5a85d3; } /**/ .dropdown-menu-main { 	color: #000000; 	background-color: #f8d45d; 	border-color: rgb(255 208 53 / 15%); } .dropdown-menu-main .dropdown-item { 	color: #000000; 	font-weight: 600; } .dropdown-menu-main .dropdown-item:hover { 	color: #000000; } .dropdown-menu-main .dropdown-item:active { 	color: #ffffff; 	background-color: #000000; } /*活動剪影*/ .eventPhoto_cover:hover { 	transform: scale(1.1); } .link_css { 	font-size: 1.2em; 	margin-bottom: 20%; 	margin-top: 2%; 	float: left; 	padding: 1% 2%; 	width: 23%; 	margin-left: 1%; 	background: #fff; 	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; 	border-radius: 5px; } .link_css:hover { 	cursor: pointer; 	background: #e5e5e5; 	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; }