
.main-container {
	min-height: 83vh;
	padding-top: 20px;
}
.pclass-index .main-container {
	padding-top: 0px;
}
.light-theme .current {
	background: var(--unnamed-color-d6ac00);
    border-color:  var(--unnamed-color-d6ac00);
}

.btn_activity {
	padding:6px;
	
	text-align: center;
	font-size:24px;
	background-color:#f1c40f;
	color:#ffffff;
	border:0px solid transparent;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.block_banner .banner_bg {
	height:400px;
	max-height:80vh ;
	
	background-repeat: no-repeat ;
	background-size:cover;
	background-position:center;
}

.header_desk .item_menu:hover > a {
	color:#D6AC00 ;
}



/**/
.block_about {
	margin-bottom:50px;
	text-align: center;
}
.block_tit {
	display:inline-block;
	padding:0px 0px; 
	margin :0px auto 20px auto;
	
	text-align: center;
	font: normal normal normal 24px/48px GenSenRounded JP;
	color: #000000;
}
.block_tit.sty1 {
	font: normal normal normal 48px/54px GenSenRounded JP;
	color: var(--unnamed-color-d6ac00);
}
.block_tit.sty1:before,
.block_tit.sty1:after {
	content: "";
	display:block;
	height:3px;
	margin: 0 auto ;
	margin-top: -1px ;	
	background-color: var(--unnamed-color-d6ac00);
}
.block_tit .tit_str {
	display:inline-block;
	padding: 12px 12px;
	
	text-align: center;
}
.block_about .block_cont {
	min-height:400px;
	margin-bottom :20px ;
	
	text-align: left;
}

/**/
.item_course {
	margin:0px 0px 90px 0px ;
}
.item_course .pict_bg {
	height:30vw;
	max-height:50vh ;
	
	background-repeat: no-repeat ;
	background-size:contain;
	background-position:center;

	border-radius: 10px;
	-webkit-border-radius: 10px;

	opacity: 1;
}
.item_course .tit {
	font: normal normal normal 36px/41px GenSenRounded JP;
	color: #000000;
	
	text-align: center;
}
.item_course .date {
	text-align: center;
	font: normal normal normal 24px/27px GenSenRounded JP;
	color: #000000;
}

.item_course:hover .pict_bg {
	opacity: 0.9;
}

		
/*搜尋條*/
.seach_input {
	position:relative;
	display:inline-block;
	width:100%;
}
.seach_input > .btn_seach {
	position:absolute;
	top:0px;
	right:0px;
	width: 55px;
	
	background-color: var(--unnamed-color-d6ac00);
	
	color: #FFF;
	border:2px solid #26ABBA;
	border-color: var(--unnamed-color-d6ac00);
	border-radius: 0px 4px 4px 0px;
}
.seach_input > .btn_clean {
	position:absolute;
	top:0px;
	right:60px;
	
	width: 2em;
	
	background-color:transparent;
	border-color: transparent;
    border-radius: 0px ;
}
.seach_input > .btn:hover {
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.seach_input > .btn_seach,
.seach_input > .btn_clean,
.seach_input > input {
	height: 55px;
	margin: 0px;
}
.seach_input > .btn_seach + input {
	padding-right:55px;
}
.seach_input > .btn_clean + input {
	padding-right:60px;
}


.info_result {
	margin-bottom:20px;
	margin-top: 20px;
}

.item_result {
	margin-bottom:10px ;
	padding: 15px;
	
/*	
	border: 1px solid #CCC;
	border-color: var(--unnamed-color-d6ac00);
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
*/	
}

.item_result .tit {
	font: normal normal normal 36px/41px GenSenRounded JP;
}
.item_result .tit a{
	color: #333;
}
.item_result .comm {
	font-size: 13px;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.space_condition {
	padding:20px 10px 20px 30px;
	background-color: #E9F3FC;
	line-height: 25px;
	font-weight: bold;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #A6D1F2;
	font-size: 15px;
}
.space_condition .item_condition {
	display:inline-block;
	width:100%;
	color:#006699;
}

.footer a:hover {
	color:#D6AC00 ;
}
.footer .links .icon {
	padding-left:12px;
	padding-right:12px;
}
.footer .links .icon .fa {
	margin-bottom:12px;
	width: 40px;
    height: 40px;
    line-height: 40px;
	
}
.footer .links .icon .fa-facebook {
	color: #ffffff ;
	background-color: #000000 ;
	-webkit-border-radius: 50% ;
	border-radius: 50% ;
}
.footer .links .icon .fa-facebook:hover {
	background-color: #1877F2 ;
}
.footer .links .icon .fa-youtube-play {
	color: #ffffff ;
	background-color: #000000 ;
	-webkit-border-radius: 50% ;
	border-radius: 50% ;
}
.footer .links .icon .fa-youtube-play:hover {
	background-color: #FF0000 ;
}


