@font-face {
  font-display: swap;
}
body{
	font-family:'微軟正黑體', '蘋方', 'Noto Sans TC', sans-serif;
	font-size:16px;
	width:100%;
	height:100%;
	overflow-x:hidden;
	}
.WapNo{	
	white-space:nowrap;
	}
	
/*我要預約*/
.BACKTOP{
	position:fixed;
	z-index:9999;
	padding-bottom:50px;
	bottom:0px;
	right:50px;
	display:block;
	text-align:center;
	font-family:'微軟正黑體', '蘋方','Noto Sans TC',"Noto Sans","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
	font-weight:900;
	}

.GObook{
	position:fixed;
	z-index:998;
	padding-bottom:150px;
	bottom:0px;
	right:50px;
	display:block;
	text-align:center;
	font-family:'微軟正黑體', '蘋方','Noto Sans TC',"Noto Sans","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
	font-weight:900;

	}

/*Go Event*/
.GEvent{
	position:fixed;
	z-index:999;
	padding:28px;
	bottom:100px;
	right:38px;
	display:block;
	text-align:center;
	font-family:'微軟正黑體', '蘋方','Noto Sans TC',"Noto Sans","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
	}

.Gimgshadow{
	box-shadow:1px 1px 5px #333;
	}
#red_book{
	background-color:#FF0004;
	color:#fff; 
	font-size:1.5em; 
	display:block; 
	padding:15px; 
	border-radius:8px; 
	box-shadow:1px 1px 2px #333333;
	text-decoration:none;
	}	

	
	
.GEvent_m{
	position:fixed;
	z-index:666;
	padding:18px;
	bottom:30px;
	right:10px;
	display:block;
	text-align:center;
	font-family:'微軟正黑體', '蘋方','Noto Sans TC',"Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
	}	
#red_book_m{
	background-color:#FF0004;
	color:#fff; 
	font-size:1em; 
	display:block; 
	padding:6px; 
	border-radius:5px; 
	box-shadow:1px 1px 1px #333333;
	text-decoration:none;
	}	
	
#booking{
	position:relative;
	z-index:888;
	}	

/*END---我要預約*/

/*麵包屑*/
.BrZone{
	display:block; margin-top:80px; background-color:#fff; height:40px;
	}

#BB-gray { font-size: 0.8em; padding: 2px 15px; list-style: none; margin-bottom: 1px; text-decoration: none; }
#BB-gray > li { display: inline-block; padding: 0px; }
#BB-gray > li + li:before { content: ">"; padding: 0 5px; }
#BB-gray > li > a { text-decoration: none; }

#BB-gray { color: #666; }
#BB-gray > li { color: #666; }
#BB-gray > li + li:before { color: #666; }
#BB-gray > li > a { color: #666; }

/*END--麵包屑*/


/*主視覺區塊*/
.MainHeadZone{
	width: 100%;
    margin: 0;
    height:auto;
    padding: 5%;
    background-repeat: no-repeat;
	background-attachment:scroll;
    background-position: center center;
    background-size:contain;
    line-height:1.5em;
	background-color:#000;
	color:#fff;
	}
.MHZBK-pic-01{
	background-repeat:repeat;
	background-image: url(../images/background/5-dots-blue.jpg);
}
/*END*/

/*最上方標題區*/
.MainHdTlZ{
	margin:30px 0 60px 0;
	text-align:center;
	text-shadow:0px 2px 5px rgba(0,0,0,0.6);
	}
.MainHdTlZ > h1{
	font-size:2.3em;
	margin-bottom:20px;
	font-weight:400;
	}
.MainHdTlZ > h2{
	color:#CAC2FF;
    font-size: 1.8em;
	line-height:1.38em;
	}
.MainHdTlZ > h3{
	font-size:5em;
	margin-bottom:20px;
	font-weight:400;
	}
.MainHdSBTl{
	font-size:1em;
	background-color:#cc0000;
	color:#fff;
	padding:8px 16px;
	line-height:2em;
	
	}

/*END*/

/*講座時間與內容*/
.EvTimeBd{
	border-right:0px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-bottom:35px;
	}
.EvTimeHd{
	font-size:1em; margin-top:20px; line-height:1.3em;
	border:1px solid #CCC; padding:8px 16px; margin-bottom:15px;
	display:block; text-align:center;
	}
.EvTimeDy{
	font-size:1.8em;line-height:1.6em;
	}
.EvTimeWk{
	font-size:1.1em;
	color:#6F39C4;
	padding-bottom:35px;
	}
.EvTimeInfo{
	font-size:1.1em;
	color:#CC0000;
	padding-bottom:35px;
	}
.EvTimeBt{
	padding:2% ; margin:2% 0%;
	background-color:#574974;
	border-color:#574974;
	}
.EvTimeBt > a{
	color:#fff ;font-size:1em;
	}
.EvTimeBt > a:hover{
	color:#C7E9FC;
	text-decoration:none;
	}
.EvContZn{
	padding:0% 3%;
	}
.EvContTl{
	font-size:1em;
	padding:8px; 
	background-color:#6D5790; color:#fff;
	display:block;
	text-align:center;
	margin:30px 0;
	}
.EvContInfo{
	font-size:1.1em;
	line-height:1.3em;
	}
	
/*END*/

/*學校與主講人*/
.PicCLKUL{
	width:40%;
	}
/*END--學校與主講人*/

/*開課與預約*/
.OpDay{
	border:2px solid #fff;
	background-color:#fff;
	color:#000;
	padding:25px;  
	border-radius:15px;
	margin:25px;
	box-shadow:0px 3px 6px rgba(0,0,0,0.75);
	}
.BooKArea{
	width: 100%;
    margin: 0;
    height: auto;
    padding: 3%;
    background-repeat: no-repeat;
	background-attachment:scroll;
    background-position: center center;
    background-size: cover;
    line-height: 28px;
	background-color:#000;
	color:#fff;
	}
.BA-img-01{
	background-size:cover;
	background-image: url(../images/client/event/kingston/kingston-pic-bk.jpg);
	color:#fff;
}
/*END--開課與預約*/

@media (min-width: 480px) and (max-width: 767px) {
/*視差滾動背景區塊*/	
.MainHeadZone{
    background-attachment:scroll;
	}
.BooKArea{
	background-attachment:scroll;
}
/*END---視差滾動背景區塊*/

/*講座時間與內容*/
.EvTimeBd{
	border-right:0px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-bottom:35px;
	}
.EvTimeHd{
	font-size:1em; margin-top:20px; line-height:1.3em;
	border:1px solid #CCC; padding:8px 16px; margin-bottom:15px;
	display:block; text-align:center;
	
	}
.EvTimeDy{
	font-size:2.7em;line-height:1.3em;
	}
.EvTimeWk{
	font-size:1.1em;
	padding-bottom:35px;
	}
.EvTimeInfo{
	font-size:1.1em;
	padding-bottom:35px;
	}
.EvTimeBt{
	padding:2% ; margin:2% 0%;
	}
.EvTimeBt > a{
	color:#fff ;font-size:1em;
	}
.EvTimeBt > a:hover{
	color:#C7E9FC;
	text-decoration:none;
	}

/*END*/
/*學校與主講人*/
.PicCLKUL{
	width:80%;
	}
/*END--學校與主講人*/

}
@media (min-width: 768px) and (max-width: 979px) {
/*麵包屑*/
.BrZone{
	display:block; margin-top:80px; background-color:#fff; height:30px;
}
/*END--麵包屑*/	
	
	
/*視差滾動背景區塊*/	
.MainHeadZone{
    background-attachment:fixed;
	}
.BooKArea{
	background-attachment:fixed;
	padding: 3% 5%;
}
/*END---視差滾動背景區塊*/

/*講座時間與內容*/
.EvTimeBd{
	border-right:0px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-bottom:35px;
	}
.EvTimeHd{
	font-size:1em; margin-top:20px; line-height:1.3em;
	border:1px solid #CCC; padding:8px 16px; margin-bottom:15px;
	display:block; text-align:center;
	}
.EvTimeDy{
	font-size:2.7em;line-height:1.3em;
	}
.EvTimeWk{
	font-size:1.1em;
	padding-bottom:35px;
	}
.EvTimeInfo{
	font-size:1.1em;
	padding-bottom:35px;
	}
.EvTimeBt{
	padding:2% ; margin:2% 0%;
	}
.EvTimeBt > a{
	color:#fff ;font-size:1em;
	}
.EvTimeBt > a:hover{
	color:#C7E9FC;
	text-decoration:none;
	}
.EvContTl{
	font-size:1.1em;
	padding:8px 16px; 
	display:inherit;
	text-align:center;
	margin:20px 0;
	}

/*END*/

/*學校與主講人*/
.PicCLKUL{
	width:100%;
	}
/*END--學校與主講人*/

}
@media (min-width: 980px) and (max-width: 1199px) {
/*麵包屑*/
.BrZone{
	display:block; margin-top:80px; background-color:#fff; height:30px;
}
/*END--麵包屑*/
	
/*視差滾動背景區塊*/	
.MainHeadZone{
    background-attachment:fixed;
	}
.BooKArea{
	background-attachment:fixed;
	padding: 3% 5%;
}
/*END---視差滾動背景區塊*/

/*最上方標題區*/
.MainHdTlZ{
	margin:0px 0 30px 0;
	}

.MainHdSBTl{
	font-size:1.5em;	
	}
/*END--最上方標題區*/

/*講座時間與內容*/
.EvTimeBd{
	border-right:1px solid #CCC;
	border-bottom:0px solid #CCC;
	padding-bottom:5px;
	}
.EvTimeHd{
	font-size:1.2em;; margin-top:-10px; line-height:1.3em;
	border:0px solid #CCC; padding:0px 0px; margin-bottom:0px;
	display:inherit; text-align:left;	
	}
.EvTimeDy{
	font-size:2.3em;line-height:1.3em;
	}
.EvTimeWk{
	font-size:1.1em;
	padding-bottom:35px;
	}
.EvTimeInfo{
	font-size:1.1em;
	padding-bottom:35px;
	}
.EvTimeBt{
	padding:auto ; margin:3% 0%;
	}
.EvTimeBt > a{
	color:#fff ;font-size:1.1em;
	}
.EvTimeBt > a:hover{
	color:#C7E9FC;
	text-decoration:none;
	}
.EvContTl{
	font-size:1.45em;
	padding:10px; 
	display:inherit;
	margin:5px 5px;
	}
.EvContInfo{
	font-size:1.35em;
	line-height:1.5em;
	}
/*END*/

/*學校與主講人*/
.PicCLKUL{
	width:40%;
	}
/*END--學校與主講人*/


}

@media (min-width: 1200px) {
/*麵包屑*/
.BrZone{
	display:block; margin-top:80px; background-color:#fff; height:30px;
}
/*END--麵包屑*/
/*視差滾動背景區塊*/	
.MainHeadZone{
    background-attachment:fixed;
	}
.BooKArea{
	background-attachment:fixed;
	padding: 3% 5%;
}
/*END---視差滾動背景區塊*/

/*最上方標題區*/
.MainHdSBTl{
	font-size:1.6em;
	background-color:#cc0000;
	color:#fff;
	padding:8px 16px;
	
	}
/*END--最上方標題區*/

/*講座時間與內容*/
.EvTimeBd{
	border-right:1px solid #CCC;
	border-bottom:0px solid #CCC;
	padding-bottom:5px;
	}
.EvTimeHd{
	font-size:1.3em;; margin-top:-10px; line-height:1.3em;
	border:0px solid #CCC; padding:0px 0px; margin-bottom:0px;
	display:inherit; text-align:left;
	}
.EvTimeDy{
	font-size:2.7em;line-height:1.3em;
	}
.EvTimeWk{
	font-size:1.1em;
	padding-bottom:35px;
	}
.EvTimeInfo{
	font-size:1.1em;
	padding-bottom:35px;
	}
.EvTimeBt{
	padding:3% ; margin:4% 0%;
	}
.EvTimeBt > a{
	color:#fff ;font-size:1.2em;
	}
.EvTimeBt > a:hover{
	color:#C7E9FC;
	text-decoration:none;
	}
.EvContTl{
	font-size:1.8em;
	line-height:1em;
	padding:20px; 
	display:inherit;
	margin:5px 5px;
	}
.EvContInfo{
	font-size:1.35em;
	line-height:1.5em;
	}
/*END*/

/*學校與主講人*/
.PicCLKUL{
	width:50%;
	}
/*END--學校與主講人*/


}