@charset "utf-8";
body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
	font-size:12px;
	color:#333;
	overflow-y:scroll;
}
sup{
	-webkit-text-size-adjust:none;
	font-size:10px;
}
h1,h2,h3,h4,h5{
	margin:0;
}

.header {
	/*width: 1080px;*/         /* 固定寬度 */
	width: 100%;
	max-width: 980px;      /* 最大寬度 */
	min-width: 980px;      /* 最小寬度 */
	margin: 0px auto 0px;  /* 上邊距 0px、左右自動置中、下邊距 10px */
}

.content,.footer{
	width:980px;
	margin:0 auto;	
}

/* Solve image blurry in chrome browser */
img {
	image-rendering: -webkit-optimize-contrast;
}
img a{
	border:0px;
}
a{
	color:inherit;
	text-decoration: none;
	/*color:expression(this.parentNode.currentStyle['color']);*/ 
}
a:link{
	color:inherit;
}
a:visited{
	color:inherit;
}

.search img{
	cursor: pointer;
}
.search_input{
	width:140px;
	height:14px;
}


.header{
	min-height:113px;
	padding-top:10px;
	margin-bottom:1px;
}

/*--- Updated by Joseph on 20231121 ---*/
/*--- Stick the header while scrolling the page ---*/
.header_bg{
	background:url(images/menu_bg_orange.png) repeat-x;
	background-position:0px 0px;
	height:200px;
	width:100%; margin:0px auto;
	position:fixed;
	top:0;
	z-index:10000;
}
.header_right{
	width:100%;
	float:right;
	text-align:right;
	vertical-align:baseline;
}

.single_menu h3{
	margin-left:15px;	
}
.single_menu h3,.single2_contentarea h3,.single_contentarea h3{
	-webkit-text-size-adjust:none;
	font-size:18px;
	font-weight:100;
	color:#333;
	margin-bottom:5px;
}
.single_menu{	
	margin-right:15px;
	width:189px;
	background:url(images/single2_menu_bg.jpg) no-repeat;
	min-height:360px;	
	padding:20px;
}
.single_menu ul>li{
	margin:0px 15px;
	padding:6px 0 6px 10px;
	background:url(images/list_style.png) no-repeat left 10px;
	color:#333;		
	min-width:150px;
}
.single_menu ul>li.selected{
	background:url(images/list_style_hover.png) no-repeat left 10px;		
	color:#043F8B;
	font-weight:bold;
}
.single_menu ul>li>ul>li{
	margin:0px 0px 0 5px;
	padding:6px 0 0px 10px;
	background:url(images/list_style.png) no-repeat left 10px;
	color:#333;		
}
.single_menu ul>li>ul>li>ul>li{
	margin:0 0 0 -9px;
	padding:6px 0 0 10px;
	background:url(images/list_style.gif) no-repeat left 13px;		
	color:#333;		
}
.single_menu ul>li:hover{
	background:url(images/list_style_hover.png) no-repeat left 10px;
	cursor:pointer;
}
.single_menu ul>li>ul>li:hover{
	background:url(images/list_style_hover.png) no-repeat left 10px;		
	cursor:pointer;
}
.single_menu ul>li>ul>li>ul>li:hover{	
	cursor:pointer;
}
.single_menu ul>li a:hover{
	color:#043F8B;
}
.single_menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.menu{
	list-style:none;
	margin:0px;
	padding:0px;
}
.menu li{
	float:left;
}
.menu a{
	text-decoration: none;
}

.top_menu{
	margin-top:2px;
	vertical-align:baseline;
}

.top_menu p {
	margin: 0px 0px; /* 上下 5px，左右 0 */
	line-height: 1.5;
}

.top_menu ul{	
	float:right;	
}
.top_menu ul li{
	border-left:1px solid #333;
	padding:0 6px;		
}
.top_menu ul li:hover{
	color:#A8C7EA;
	cursor:pointer;
}
.top_menu ul li:first-child{
	border-left:none;
	cursor:auto;
}
.top_menu ul li img{
	cursor:pointer;
	border:1px solid #fff;
}
.top_menu ul li img:hover{
	border:1px solid #A8C7EA;
}
.top_menu a{	
	color : #333;
}
.top_menu a:hover{	
	color : #A8C7EA;
}

/* 消除图片与下方 Tea 之间的空白 / 空行 */
.top_menu .menu-top-menu p {
	margin: 0;
	padding: 0;
	line-height: 1;
}

/* 让列表项之间也没有多余间距 */
.top_menu .menu-top-menu li {
	margin: 0;
	padding: 0;
}

.zone.zone-navigation{
	vertical-align:baseline;
	margin: 0;
	padding: 0;
}

.menu.menu-top-menu li{
	display: inline-flex;       /* 讓 li 裡的內容橫向排列 */
	align-items: baseline;         /* 垂直置中，文字和圖片底線對齊 */
}
.menu.menu-top-menu a, .menu.menu-top-menu img {
	vertical-align:baseline;     /* 保險措施，避免圖片偏移 */
}
.menu.menu-top-menu .title {
	line-height: 2;             /* 避免文字上下留太多空隙 */
}
.menu.menu-top-menu-chi li{
	display: inline-flex;       /* 讓 li 裡的內容橫向排列 */
	align-items: baseline;         /* 垂直置中，文字和圖片底線對齊 */
}
.menu.menu-top-menu-chi a, .menu.menu-top-menu-chi img {
	vertical-align:baseline;     /* 保險措施，避免圖片偏移 */
}
.menu.menu-top-menu-chi .title {
	line-height: 2;             /* 避免文字上下留太多空隙 */
}

.main_menu ul{
	width : 100%;               /*整個選單的寬度*/
	margin: 8px 0px 1px 0px;    /*整個選單的上右下左內距*/
	padding: 1px;
	/*color : white;*/
	color : #cc4e00;                    /*(dark orange)*/
}
.main_menu ul li{
	/*border-right:1px solid white;*/
	border-right:1px solid #001F4D;     /*右邊分隔線（深橙色直線）(dark blue)*/
	line-height:10px;                   /*選單高度*/
	padding-top:0px;                    
	padding-right:10px;                 /*選單右內距*/
	padding-bottom:0px;                 
	padding-left:10px;                  /*選單左內距*/
}
.main_menu sup{
	-webkit-text-size-adjust:none;
	font-size:0.6em;
	line-height:1px;
}
.main_menu ul li:last-child{
	border-right:none;
	padding-right:0px;
}
.main_menu ul .last{
	border-right:none;
	padding-right:0px;
}
.main_menu ul li:hover{
	color:#A8C7EA;
	cursor:pointer;
}
.main_menu a{	
	/*color : white;*/
	color : #cc4e00;                    /*(dark orange)*/
	font-size : 14px;
}
.main_menu a:hover{	
	color : #A8C7EA;
}

.main_menu .widget-cn_menu li{
	padding-right:16px;                   /*微調中文選單的左右內距, 覆蓋前面的.main_menu ul li*/
	padding-left:16px;                    /*微調中文選單的左右內距, 覆蓋前面的.main_menu ul li*/
}
.main_menu .widget-cn_menu a{
	font-size : 18px;                     /*微調中文選單的字型大小, 覆蓋前面的.main_menu a*/
}


/*--- Updated by Joseph on 20231121 ---*/
/*--- Fine tune the position of the submenu in top ---*/
.submenu{
	position:absolute;
	width:100%;
	left:0%;
	right:0%;
	top:140px;
	margin:0 auto;
	background:#F7F7F7;
	border:1px solid #CCC;
	border-top:none;	
	padding:0;
	padding-bottom:0px;
	z-index:10000;
	display:none;
}
.submenu li{
	width:100%;
}
.submenu ul li ul{
  	display:none;
	padding:0;
	margin:0;
}
.submenu ul li ul h4 sup{
  	-webkit-text-size-adjust:none;
  	font-size:0.6em;
	line-height:1px;
}

/*--- Updated by Joseph on 20231121 ---*/
/*--- Fine tune the position of the submenu content in top ---*/
.submenu ul li ul li{
	width:20%;
	/*margin-right:15px;*/
	padding:2%;
	-webkit-text-size-adjust:none;
  	font-size:11px;
	color:#888;
	margin-bottom:15px;	
  	list-style:none;
  	float:left;
}
.submenu ul li ul li:hover{
	background:#EBF0F4;
	cursor:pointer;
}
.submenu ul li ul h4{
	color:#35478C;
	-webkit-text-size-adjust:none;
  	font-size:12px;
	border-bottom:1px solid #35478C;
	line-height:13px;
	margin-bottom:4px;
	padding-bottom:4px;
}
.submenu .close_sub_menu{
	position:absolute;
	bottom:-1px;
	right:0px;
	background:url(images/close_sub_menu.jpg);
	width:18px;
	height:18px;
	cursor:pointer;
}

/*--- Updated by Joseph on 20231121 ---*/
/*--- Lower the position of website main content area ---*/
.content{
	margin-top:153px;
}
.banner,.login,.news1,.news2,.news3,.news4,.adv1,.adv2,.adv3{
	float:left;
	margin-bottom:15px;
}
.banner{
	width:729px;
	height:392px;	
	position:relative;
}
.login{
	margin-left:15px;
	width:236px;
	height:392px;
	background:url(images/login_bg.jpg) no-repeat;
	position:relative;
}
.index_spacer{
	height:392px;
}
.news1,.news2,.news3,.news4{
	width:233px;
	height:260px;
	padding-top:56px;
	overflow:hidden;
}
.news_title{
	color:#fff;
	-webkit-text-size-adjust:none;
	font-size:15px;
	line-height:45px;
	padding:0 15px;
}
.news_list li{
	margin:0px 15px;
	padding:12px 0 13px 0;
	border-bottom:1px solid #ddd;
	color:#043F8B;
	height:43px;
}
.news_list li:last-child{
	border-bottom:none;
}
.news_list li:hover{
	color:#A8C7EA;
	cursor:pointer;
}
.news_more{
	margin: 0 0 -2px 5px;
}
.news_list li h5{
	color:#333;
}
.news1{
	background:url(images/news1.jpg) no-repeat;
}
.news2{
	background:url(images/news2.jpg) no-repeat;
	margin-left:15px;}
.news3{
	background:url(images/news3.jpg) no-repeat;
	margin-left:15px;}
.news4{
	background:url(images/news4.jpg) no-repeat;
	margin-left:16px;
	width:235px;
}
.adv1{}
.adv2{margin-left:19px;}
.adv3{margin-left:19px;}
/*--- Updated by Joseph on 20231129 ---*/ 
.footer_bg{
	/*background:url(images/footer_line.gif) repeat-x top center;*/
	border-top: 1px solid #f0aa39;
	width: 1010px;
	margin: 0px auto;
}
.footer{	
	/*color:#fff;*/
	color:Black;
	padding:16px 0;
}
/*--------------------------------------*/
.copyright{
	-webkit-text-size-adjust:none;
	font-size:10px;
	float:right;
	width:450px;
	text-align:right;
}
.ul_style{
	list-style:none;
	margin:0px;
	padding:0px;
}

.clear{
	clear:both;
}

sup{
	-webkit-text-size-adjust:none;
	font-size:0.6em;
	line-height:1px;
}

.logo{
	float:left;
}

/*--- Updated by Joseph on 20231121 ---*/
/*--- Set the position of the member's login in top ---*/
.top_login{
	text-align:center;
	margin-top:-27px;
	float:right;
}
.login_title{
	width:190px;
	line-height:30px;
	background:url(images/login_titile_v1.1.jpg) no-repeat;
	-webkit-text-size-adjust:none;
font-size:20px;
	height:38px;
	color:#333;
	padding:0px 0 0 45px;
	letter-spacing: -1px;
}
.login_form{
	width:120px;
}
.login_button{
	width:63px;
	height:29px;
	background:url(images/login_button.jpg) no-repeat;
	border:1px solid #CCCCCC;
	cursor: pointer;
}
.login_table{
	background:url(images/login_table.jpg) no-repeat bottom center;
	-webkit-text-size-adjust:none;
	font-size:12px;
}
.login_table a{
	color:#6A8C33;
	text-decoration:none;
	-webkit-text-size-adjust:none;
	font-size:11px;
}
.hotlink_list{
	padding:0px 15px 15px 15px;
}
.hotlink_list li{
	margin:8px 10px;
	-webkit-text-size-adjust:none;
	font-size: 11px;
	font-weight: normal;
	margin-bottom:14px;
}
.hotlink_list li:hover{
	color:#A8C7EA;
	cursor:pointer;
}
.hotlink_list li img{
	margin-bottom:-3px;
	margin-right:5px;
}
.footer_text{
	-webkit-text-size-adjust:none;
	font-size:9px;
	text-align:center;
	margin-bottom:5px;
	width:1010px; 
	margin:0px auto;
}
.footer_text sup{
	-webkit-text-size-adjust:none;
	font-size:0.8em;
}

.margin_right{
	/*margin-right:0px;*/
}
.login_box{
	height:201px;
	overflow:hidden;
}

.single_content2{
	width:729px;
	float:right;	
}
.single_banner{
	position:relative;
	width:980px;
	height:192px;
	margin-bottom:15px;
	z-index:-1;
}
.single_title{
	background:url(images/single_title_bg.png) no-repeat left;
	position:absolute; 
	left:0; 
	bottom:0; 
	line-height:55px;
	height:55px;
	color:#fff;
	-webkit-text-size-adjust:none;
	font-size:18px;
	min-width:500px;
	padding-left:40px;
}
.banner_top_corner{
	background:url(images/banner_top_corner.png); 
	position:absolute; 
	right:0; 
	top:0; 
	width:56px; 
	height:56px; 
	z-index:1000;
}
.single_contentarea{
	width:920px;
	margin-bottom:30px;
	float:left;	
	padding:20px 30px;
	background:url(images/single_content_bg.jpg) no-repeat top;
}
.single2_contentarea{
	width:701px;
	margin-bottom:30px;
	float:right;
	margin-left:15px;
	padding:20px;
	padding-left:0px;	
	/*width:auto;*/
}
.single2_contentarea h3{
	color: #043F8B;
}
.divide_line{
	float:left;	
	background:url(images/divide_line.jpg) no-repeat right top;
}
.gallery div{
	float: left;
	font-weight: bold;
	text-align: center;
	width: 190px;
	padding: 20px;
}
.gallery img{
	padding:10px;
	border:1px solid #ddd;
	margin-bottom:10px;
}
.single2_contentarea a{
	color:#043F8B;
}
.single2_contentarea a:hover{
	color:#6A7DC8;
}
.news_table{
	width:720px;
}
.news_table td{
	padding:10px 5px;
	border-bottom:1px solid #ddd;
}
.table_img_limit img{
	/*width:720px;*/
	margin-left:-20px;
	width:742px;
}
.loop_table_border{
	border:1px solid #ddd;
}
.table_title{
	background:#d6f0fd;	
	line-height:10px;
}
.ce_online .table_title{
	background:url(images/ce_online_bg.jpg) bottom;
	line-height:12px;
	-webkit-text-size-adjust:none;
	font-size:11px;
	font-weight:bold;
	padding:3px 3px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.ce_online .table_title:hover{
  	background:url(images/ce_online_bg.jpg) bottom;
}
.loop_table_border tr:hover{
	background:#EFF9FE;	
}
.table_title:hover{
	background:#d6f0fd;	
	cursor: default;
}
a img{
	border:none;
}

.media_table .media_title{
	width:100px;
	float:left;
	text-align:center;	
	margin: 0 8px;
}
.media_title div{
	width:100px;
	margin:0 auto;
	height:100px;
	border:1px solid #ddd;
	margin-bottom:8px;
}
.media_title div:hover{
	background:#d6f0fd;
}
.media_table{
	border:1px solid #ddd;
}
.pagination{
	overflow: hidden;
}
.pagination li:last-child{
	border-right:none;
}
#go_bod,#go_member{
	font-weight:bold;
	color: #043F8B;
}
.location{
	margin-bottom:15px;
}
.location a{
	color: #043F8B;		
}
.location a:hover{
	color:#6A7DC8;	
}
.gallery_jq {
	height: 580px;
}
.changeCulture{
	display: none;
}
.hidden{
	display: none;
}
#ShopCartDiv{
	position:relative;
}
.cart_table{
	position:absolute; 
	left:-260px; 
	top:280px;
	margin:0px;
	padding:0px;
}
.ce_online{
	min-height:800px;
}
.cart_table .maintitle{width:200px; line-height:36px; padding:0 15px; background:#06418E; color:#fff;}
.cart_table .bdtxt{width:200px; padding:0 15px; color:#333;  min-height:30px;}
.TotalPriceTr .bdtxt{border-top:1px solid #333;}
.cart_table .checkout{width:60px; line-height:25px; text-align:center; color:#333; background:#E5E5E5; border:1px solid #999; text-decoration:none; margin: 0 0 15px 0; float:right;}
.cart_table .cart_catalog{width:100px; line-height:25px; text-align:left; text-decoration:none; margin: 0 0 15px 0; float:left;}

/*************Programming Css**************/
#lbl_search{
	font-weight:bold;
	color:#FF0000;
	display:none;
	height:25px;
	width:468px
}
#lbl_fail{
	color:#FF3366;
	font-weight:bold;
	height:65px;
	width:596px;
	display:none;
}
#lbl_result{
	color:#FF3366;
	font-weight:bold;
	height:115px;
	width:606px;
	display:none;
}
#memnoError{
	color:#FF0000;
	/*font-family:Verdana;*/
	-webkit-text-size-adjust:none;
	font-size:8pt;
	font-weight:bold;
	height:35px;
	width:153px;
	display:none;
}
.search-results .single2_contentarea{
	padding:0;
	width:940px;
	margin-top:-15px;
} 
#OnlineReadList{
	position:relative;
}
#OnlineReadList a{
	position:absolute;
	right:0px;
}

/*--- Updated by Joseph on 20231130 ---*/ 
/*-----------------------------------site map at bottom-------------------------------------*/
.bottom_sitemap{
	color: White;
	-webkit-text-size-adjust:none;
	font-size: 12px;
	line-height: 25px;
	margin: 0px auto;
	width: 100%;
}
.bottom_sitemap a{
	text-decoration:none;
	color: White;
}
.bottom_sitemap2 ul{
	width:220px;
	height:250px;
	margin:0px;
	padding:0px;
}
.bottom_sitemap li
{   
	list-style:none;
	margin-right: 17px;
	width: 220px;
	border-bottom: 1px solid White;
}
.bottom_sitemap li:hover{
	list-style:disc;
	font-weight: bold;
}
.bottom_sitemap strong {
	color: White;
	font-size: 14px;
}
.bottom_sitemap_table_main 
{ 
	background-color: #16529A;
	text-align: center;
	width: 100%;    
}
.bottom_sitemap_table_main td
{ 
	padding: 5px;  
}
.bottom_sitemap_table_sub 
{ 
	background-color: #16529A;
	text-align: center;
	width: 1080px;
}
.bottom_sitemap_table_sub tr
{ 
	text-align: left;
}
.bottom_sitemap_table_sub td 
{  
	padding-left: 1.5%;
	width: 25%;
	vertical-align: top;
}

/*------------------------------------------------------------------------------------------*/

/*-----------------------------------------site map-----------------------------------------*/
.sitemap{
	color: #35478C;
	float:right;
	-webkit-text-size-adjust:none;
	font-size: 12px;
	line-height: 25px;
	width:940px;
}
.sitemap a{
	text-decoration:none;
	color: #35478C;
}
.sitemap ul{
	width:220px;
	height:250px;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	float:left;
}
.sitemap li{
	list-style:none;
	float:left;
	margin-right: 15px;
	width: 220px;
}
.sitemap li li{
	list-style:circle;
	margin-left:15px;
}
.sitemap li li:hover{
	list-style:disc;
	font-weight: bold;
}
.sitemap h4 {
	border-bottom: 1px solid #35478C;
	color: #35478C;
	margin-bottom: 4px;
	padding-bottom: 4px;
	-webkit-text-size-adjust:none;
	font-size:14px;
}
.last_no_border{
	border-right:none;
}

/*----------------------------------- calendar -------------------------------------*/
.calendar_view{
	width : 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 1px;
}
.calendar_view .day td{
	background : #FFFFFF;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 1px;
	height: 50px;		
	width: 14%;
	padding: 5px;
	vertical-align: top;
	font-size: 11px;
}
.calendar_view .weekday td{
	background : #D6F0FD;
	text-align : center;
	height: 30px;	
}
.calendar_view  .course_code{
	color:Orange;
	font-size: 14px;
}
#tooltip{
	display:none;
	background: none repeat scroll 0 0 #FFFFEE;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	position: absolute;	
	padding: 10px;
	vertical-align: middle;
}
/*----------------------------------- Checkout -------------------------------------*/

#confirmTable{
	width : 730px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #BBBBBB;
}
	
#confirmTable th{
	background : #f4dfd2;
	text-align : center;
	height: 30px;
	border: 1px solid #BBBBBB;
}
	
#confirmTable td{
	text-align : left;
	rtical-align : middle;
	font-size: 11px;
	line-height: 1.5em;
	padding: 5px;
	border: 1px solid #BBBBBB;
}
	
.button{
	background: #DDDDDD;
	border: 1px solid #BBBBBB;
	cursor: pointer;
	margin: 5px;
	padding: 5px;
	float: left;
	line-height: 1.5;
	min-width: 100px;
	text-align: center;
}
	
.button:hover{
	background: #EEEEEE;
}
	
#confirmLoginForm{
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: left;
	width: 350px;
	line-height: 2;
	padding: 10px;
}
#confirmRegForm{
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: left;
	width: 350px;
	line-height: 2;
	padding: 10px;
}
#reg_info{
	width : 99%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #BBBBBB;
}

	
#reg_info td{
	text-align : left;
	rtical-align : middle;
	font-size: 11px;
	line-height: 1.5em;
	padding: 5px;
	border: 1px solid #BBBBBB;
}
	
.news1 .manage-actions{ position: absolute;}
.news2 .manage-actions{ position: absolute;}
.news3 .manage-actions{ position: absolute;}
.news4 .manage-actions{ position: absolute;}

/*--- Updated by Joseph on 20230425 ---*/ 
/*----------------------------------- homepage latest update tabs -------------------------------------*/
/* Style the tab */
.tab {
	overflow: hidden;
	border: 0px solid #ccc;
	background-color: #ffffff; 
}

/* Style the buttons inside the tab */
.tab button {
	background-color: inherit;
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	font-size: 13px;
}

/* Change background color of buttons on hover */
/*.tab button:hover {
	background-color: #A2E8FF;
	color: #043FA9;
}*/


/* Change background color of buttons on active */
.tab button.active {
	color: #043FA9;
}

/* Style the tab content of latest updates */
.tabcontent, .tabOtherContent {
	display: none;
	border: 0px solid #ccc;
	border-top: none;
}

.tabcontent a:hover, .tabOtherContent a:hover {
	color:#A8C7EA;
	cursor:pointer;
}

.tabcontent a, .tabOtherContent a {
	color:#043F8B;	
}

/* Style the tab2 content of news */
.tab2content {
	border: 0px solid #ccc;
	border-top: none;
}

.tab2content a:hover {
	color:#A8C7EA;
	cursor:pointer;
}

.tab2content a {
	color:#043F8B;	
}

/* Style the tabExpand */
.tabExpand {
	overflow: hidden;
	border: 0px solid #ccc;
	background-color: #ffffff;
}

/* Style the expand buttons of latest updates & news inside the tabExpand */
.tabExpand button {
	background-color: inherit;
	float: left;
	border: 1;
	outline: none;
	cursor: pointer;
	padding: 8px 22px;
	transition: 0.3s;
	font-size: 13px;
}

/*--- Updated by Joseph on 20231122 ---*/ 
/*--- Style the label box for content of latest updates ---*/
.exams_label_box {
	background-color: #FDB445;
	color: White;
	font-weight: bold;
	text-align: center; 
	border: 1px solid #FDB445;
	border-radius: 5px;
	width: 60px;
	padding: 10px;
}

.events_label_box {
	background-color: #5ABCF9;
	color: White;
	font-weight: bold;
	text-align: center;
	border: 1px solid #5ABCF9;
	border-radius: 5px;
	width: 60px;
	padding: 10px;
}

.training_label_box {
	background-color: #7FDEC0;
	color: White;
	font-weight: bold;
	text-align: center;
	border: 1px solid #7FDEC0;
	border-radius: 5px;
	width: 60px;
	padding: 10px;
}

.news_label_box {
	background-color: #FF6856;
	color: White;
	font-weight: bold;
	text-align: center;
	border: 1px solid #FF6856;
	border-radius: 5px;
	width: 60px;
	padding: 10px;
}

.other_label_box {
	background-color: #3780EF;
	color: White;
	font-weight: bold;
	text-align: center;
	border: 1px solid #3780EF;
	border-radius: 5px;
	width: 60px;
	padding: 10px;
}
/*-----------------------------------------------------------------------------------------------------*/

/*--- Updated by Joseph on 20231120 ---*/ 
/*--- Style the button menu on upper right ---*/
.upperRightButton
{
	float:left;
	margin-left:15px;
	/*margin-bottom:15px;	
	width:236px;
	height:392px;
	background:url(images/login_bg.jpg) no-repeat;
	position:relative;*/
}

/*--- 走馬燈結構 ---*/ 
.marquee-container {
	width: 100%;
	max-width: 980px;      /* 最大寬度 */
	min-width: 200px;      /* 最小寬度 */
	margin: 0 auto;        /* 左右置中 */
	overflow: hidden;      /* 超出部分隱藏 */
	background: #ffffff;
	position: relative;
	border-radius: 12px;
	height: 420px;         /* 視需要調整高度 */
	border: 1px solid #ccc; /* 可選，方便看框線 */
}

.marquee-content {
	display: inline-block;
	white-space: nowrap;
	position: absolute;
	will-change: transform;
}