@font-face {
  font-display: swap;
}
body{
	font-family:'微軟正黑體', '蘋方', 'Noto Sans TC', sans-serif;
	font-size:16px;
	}
.WapNo{	
	white-space:nowrap;
	}
	
/*我要預約*/
.BACKTOP{
	position:fixed;
	z-index:999;
	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---我要預約*/


#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; }

#TA01 > ul {
	padding-inline-start:20px;
	font-family:fontAwesome;
	list-style:"\f00c" ;
	}
#TA01 > ul > li {
	font-family:fontAwesome,'微軟正黑體', '蘋方','Noto Sans TC', sans-serif;
	padding-left: 5px;	
	}

.head {
  font-family:'微軟正黑體', '蘋方','Noto Sans TC', sans-serif;
  position: relative;
  color: #fff;
}


.PdArea_09{
	width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 3% 10% 0% 12%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    line-height: 28px;
	background-color:#E9E2E2;
	}
.p-img-01{
	background-size:cover;
	background-image:url(../images/client/event/50/event_10810_book_bk.jpg);
	color: #000;
}
.OpDay{
	border:2px solid #534741; 
	background-color:rgba(255,255,255,0.9);
	padding:20px; 
	width:100%; 
	border-radius:15px;
	margin-top:25px;
	margin-bottom:25px;

	}
.Area1H1{
	font-size:1em; text-shadow:1px 1px 5px rgba(0,0,0,0.6);
	}
.Area1SubT{font-size:0.9em; line-height:2em;}

.TextAl{text-align:center;
}
.PicSize{
	width:100%;
	max-width:200px;
	}
.RT18E{
	font-size:1.1em; 
	line-height:1.2em;
	font-weight:700;
	}
.RTT15B18H{
	font-size:1.4em; 
	font-weight:800; 
	line-height:1.2em;
	}
.RT_SQTT{
	padding:10px 10px 10px 10px;
	border:1px solid #333; 
	margin-left:0px;
	margin-bottom:10px;
	font-size:1.5em;
	line-height:1.5em;
	text-align:center;
	}
.TheLine01{
	border-right:0px solid #CCC;
	}
.WhitTop2Em{
	line-height:1.5em; margin-top:0px; font-size:2em;
	}
.TrHead{
	color:#fff; background-color:#000; padding:15px 16px 15px 16px; font-size:1.3em;
	}
.BkWhite{
	padding:45px 25px 25px 25px; background-color:rgba(255,255,255,0.9); border-radius:15px 15px 15px 15px;
	}
.TopM{margin-top:1%
	}	
.HeadWord01{
	color:#87a84e; font-size:3.6em; font-weight:800;
	}
.TeaInfo{
	color:#5c6845; font-weight:400; font-size:0.8em;
	}
.EvenTime{font-size:1.3em; font-weight:800; color:#DC2326;
	}
.BH_01{
	font-size:0.85em;
	}

.BH_03{
	font-size:1em; font-weight:200;
	}
.ZoneS_01{
	padding:10% 0% 2% 0%;
	}
.TextA2{
	text-align:center;
	}
	
.StPicst{border:5px solid #fff; box-shadow:0px 0px 3px #000;}

.MainBkZone{
	width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 5% 0% 8% 0%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    line-height: 28px;
	background-color:#534741;
	}
.dt-head-bk{background-image:url(../images/client/event/50/workshop_10810_head_bks.jpg);    background-size:cover; }

.TAreaP01{
	font-size:0.85em; font-weight:bold;display:block; padding-bottom:20px;
	}
.MTB45px{
	margin-bottom:45px; margin-top:45px;
	padding:20px 15px 15px 15px; border:3px dotted #dc3545;
	}	

.TpWBox{
	margin-top:-10%; background-color:#fff; color:#000; padding:3%; box-shadow:0px 0px 8px rgba(0,0,0,0.75); font-size:1em;border-radius:15px; margin-bottom:20px;
	}
.ConTUniBox{background-color:#fff; color:#000;box-shadow:0px 0px 8px rgba(0,0,0,0.75); border-radius:12px; margin-bottom:35px;}
.Mt30{margin-top:0px; margin-bottom:20px;}
.FlagBox{ border:3px solid #fff; display:block; color:#fff; height:46px; margin:auto;}
.TmBox{padding:3px 12px; background-color:#637cf0; margin-right:8px; color:#fff; display:inline-block;}
.TmTLwd{font-size:1.15em; font-weight:800; white-space:nowrap;}
.BoxBtArea{background-color:#f7f7f7; padding:8px;border-radius:0px 0px 12px 12px; font-size:0.8em;}
.ScIcon{display:inline-block; padding-left:10px;}
.ScFee{display:inline-block; text-align:center; padding:2px 0 0 5px;}
.ScBtom{display:inline-block; text-align:right; position:absolute; right:0; margin:-5px 15px 0 15px;}

@media only screen and (max-width: 374px) and (min-width: 767px) {
.BH_01{
	font-size:1.48em;
	}

.BH_03{
	font-size:1.2em; font-weight:200;
	}
.ZoneS_01{
	padding:10% 0% 2% 0%;
	}
.TextA2{
	text-align:center;
	}
.MTB45px{
	margin-bottom:45px; margin-top:45px;
	padding:20px 15px 15px 15px; border:3px dotted #dc3545;
	}	
	
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.MainBkZone{
	width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 5% 0% 8% 0%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size:cover;
    line-height: 28px;
	background-color:#534741;
	}

	.ZoneS_01{
	padding:8% 0% 2% 0%;
	}
	.TextA2{
	text-align:center;
	}	
	
.BH_01{
	font-size:1.48em;
	}

.BH_03{
	font-size:1.1em; font-weight:200;
	}
.StoutInfo{
	padding:25px 15px 15px 15px; border:3px dotted #dc3545;
	
	}
.MTB45px{
	margin-bottom:45px; margin-top:45px;
	padding:0px; border:0px dotted #dc3545;
	}
.TpWBox{
	border-radius: 50rem!important;font-size:0.85em;
	}
.Mt30{margin-top:20px;}

.ScFee{display:inline-block; text-align:left;}

	}

	
@media (min-width: 992px) {
	
.StoutInfo{
	padding:25px 15px 15px 15px; border:3px dotted #dc3545;
	
	}
.MTB45px{
	margin-bottom:45px; margin-top:45px;
	padding:0px; border:0px dotted #dc3545;
	}
.BH_01{
	font-size:1.48em;;
	}

.BH_03{
	font-size:1.8em; font-weight:200;
	}
	
.ZoneS_01{
	padding:5% 0 1.5% 0;
	}	
	
.TextA2{
	text-align:center;
	}
.TAreaP01{
	font-size:1.1em; font-weight:bold;
	}	
.Area1H1{
	font-size:1.4em; text-shadow:1px 1px 5px rgba(0,0,0,0.6);
	}
.Area1SubT{font-size:1.8em; line-height:2em;}
.PadingBtm{
	padding-bottom:15px;
	}
.PadingBtm2{
	padding-bottom:30px;
	}
.PdArea_02 h2{
	color:#000; 
	font-size:1.8em;
	line-height:1.8em;
	}
.PdA2sub{
	font-size:1.15em;
	}
.PdArea_02{
	padding:3% 8% 3% 8%; 
	background-color:#a5b779; 
	color:#fff;
	}
.PdArea_03{
	width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 3% 12% 3% 12%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    line-height: 28px;	
	}
.PdArea_06{
	padding:5% 10%; 
	background-color:#323235; 
	color:#fff;
	}
.OpDay{
	border:2px solid #534741; 
	background-color:rgba(255,255,255,0.9);
	padding:20px; 
	width:90%; 
	border-radius:15px;	
	margin-top:0px;
	}
.TextAl{text-align:left;
}
.PicSize{
	width:100%;
	}
.RT18E{
	font-size: 1.2em;
	line-height: 1.3em;
	}
.RTT15B18H{
	font-size:1.6em; 
	font-weight:800; 
	line-height:1.2em;
	}
.RT_SQTT{
	padding: 10px 10px 10px 10px;
	border: 1px solid #333;
	margin-left: 6px;
	font-size: 1.5em;
	line-height: 1.5em;
	text-align: center;
	}
.TheLine01{
	border-right:1px solid #CCC;
	}
.WhitTop2Em{
	line-height:1.8em; margin-top:-30px; font-size:1.8em;
	}

.TrHead{
	color:#fff; background-color:#000; padding:15px 35px 15px 120px; font-size:2.5em;
	}
.BkWhite{
	padding:45px 25px 25px 25px; background-color:rgba(255,255,255,0.9); border-radius:15px 15px 0px 0px;
	}
.TopM{margin-top:15%
	}
.HeadWord01{
	color:#87a84e; font-size:3.8em; font-weight:800;
	}
.TeaInfo{
	color:#5c6845; font-weight:600; font-size:0.85em;
	}
.EvenTime{font-size:1.6em; font-weight:800; color:#DC2326;
	}
.MainBkZone{
	width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 5% 0% 8% 0%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size:cover;
    line-height: 28px;
	background-color:#534741;
	
}
.TpWBox{
	border-radius: 50rem!important;font-size:1.15em;
	}
.Mt30{margin-top:-8%;}
.ScFee{display:inline-block; text-align:left;}
}