*{
	font-family: 微軟正黑體;
/*	outline: 1px solid;*/
}
html,body{
	height: 100%;
}
p{
	margin-bottom: .5rem;
}
.alert-info .alert-link{
	color: #006c80;
}
.custom-file-label::after{
	content:"選擇";
}
body{
 /*	background-image: url(../../images/annual/BG.jpg); */
}

#header{
	background-color: #FFF;
/*	background-image: url('../../images/TOP_BAR_HOME_BUTTON.png')*/
	
}
#header .navbar{
	padding: 0;
}
#header .navbar-collapse{
	flex-grow: 0;
}
#header a{
	text-decoration: none;
	color:#000;
}
#header .headerTitle{
	padding: 20px 0;
	font-weight: bold;
}
#header .nav{
    background-color: #FFF;
    box-shadow: 0 -2px 15px -4px #AAA;
    -webkit-box-shadow: 0 -2px 15px -4px #AAA;
}
#header .nav-item .nav-link{
    color: #000;
    padding: 1rem 1.5rem;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    font-size: 20px;
}
#header .nav-item .nav-link:hover{
    color: #FFF;
    background-color: #0fc1c1; /* green tone #58AC15 blue tone #33b8c7*/
}

/*蓋掉bs4預設 start*/
.dropdown-item:focus, .dropdown-item:hover{
	background-color: #f5dace;
}
a{
    color: #10946C;
}
a:hover{
    color: #23A9E0;
}

/*蓋掉bs4預設 end*/


#section_banner .banner_img{
	height: 170px;
	background-color: #0fc1c1;
	
	background-attachment: fixed;
	position: relative;
}
#section_banner .banner_img .banner_title{
	font-size: 2.6rem;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-shadow: #22503f 0 1px 3px;
}
#section_banner .carousel-inner{
	width: 100%;
	overflow: hidden;
}
#section_banner .carousel-item{
	height: 600px;
}
#section_banner .carousel-item img{
/*	object-fit: cover;*/
	object-fit: contain;
	height: 100%;
}
#section_banner .carousel-caption.carousel-text{
	bottom: 50%;
    transform: translateY(50%);
	background-color: rgba(0,0,0,.25);
}
#section_banner .carousel-caption.carousel-text .hr{
	display: inline-block;
	width: 100px;
	height: 2px;
	background-color: #FFF;
}
#section_index_intro{
	margin-top: 30px;
}
#section_index_intro .index_main_inner{
	padding-bottom: 20px;
	padding-top: 10px;
}
#section_index_intro .main_content {
	line-height: 2;
}
#section_index_info{
	background-image: url(../../images/BGinfo.png);
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
	padding: 20px 0;
}
/*內文標題=========*/
.main_title{
	text-align: center;
}
.main_title h3 {
	position: relative;
	z-index: 20;
	font-weight: bold;
}
.main_title h3::before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translateX(-50%);
	background-color: #000;
	z-index: -1;
}
.main_title h3 span{
	background-color: #FFF;
	display: inline-block;
	padding: 10px 20px;
	color: #0fc1c1; /* green tone #466E0A , blue tone rgb(40, 120, 200)*/
}
.index_main_inner.info .main_title h3::before{
	background-color: #FFF;
}
.index_main_inner.info .main_title h3 span{
	background-color: transparent;
	background-image: url(../../images/BGinfo.png);
	background-attachment: fixed;
	background-position: center top;
	color: #FFF;
	text-shadow: #22503f 0 1px 3px;
}
/*內文標題end======*/

#section_index_info .index_main_inner.info p{
	color: #FFF;
	text-shadow: #22503f 0 1px 3px;
	line-height: 2rem;
	margin: 0;
}
#section_index_info .index_main_inner.info .line{
	height: 100px;
	width: 2px;
	background-color: #fff;
	margin: auto;
}

#section_index_main{
	padding-top: 30px;
}
#section_index_main .index_contact{
	font-weight: bold;
	line-height: 2.5;
	color: rgb(60,90,150); /* green tone #205806*/
}

#section_main .section_main_inner{
	margin: 20px 0;
	background-color: #FFF;
	box-shadow: 0 7px 15px -7px #AAA;
}
#section_main .section_main_inner .section_main_title{
	padding: 15px 5px;
	text-align: center;
	background-color: #00A9C4;
	border-bottom: 4px solid #005EA7;
	color: #FFF;
}
#section_main .section_main_inner .section_main_title h2{
	display: inline-block;
	position: relative;
	z-index: 20;
}
#section_main .section_main_inner .section_main_title h2 span{
	background-color: #00A9C4;
	padding: 0 15px;
}
#section_main .section_main_inner .section_main_title h2::before{
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	width: 250%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #FFF;
	z-index: -1;
}
#section_content{
	padding-top: 30px;
	min-height: 35%;
}
#section_content .title_3{
    margin-top: .8rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    color: #0B9893; /*green tone #4C7E1F , blue tone #2e9abe*/
}
#section_content.section_content_news{
	padding-bottom: 20px;
}
#section_content.section_content_news ol{
	list-style: none;
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
#section_content.section_content_news .news_li{
	
	position: relative;
	padding: 15px;

	margin-bottom: 35px;
}

/* 針對寬度 1200px 以下（小螢幕） */
@media (max-width: 1199px) {
   
}

/* 針對寬度 1200px 以上（大螢幕） */
@media (min-width: 1200px) {

}



/* 小於 486px：手機小尺寸 */
@media (max-width: 485px) {
  #section_content.section_content_news .news_li .date{
    text-align: right;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    width: 20%;
    left: -10px;
    background-color: #0B9893; /*green tone #6D9400 , blue tone ##007694*/
    box-shadow: 0 2px 6px -2px #AAA;
    font-weight: bold;
    color: #FFF;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 10px;
    padding-bottom: 10px;
	border-radius: 999px;
 }
}

/* 486px ~ 767px：一般手機尺寸 */
@media (min-width: 486px) and (max-width: 767px) {
  #section_content.section_content_news .news_li .date{
	text-align: right;
	position: absolute;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
    padding-bottom: 10px;
	width: 16%;
	left: 0px;
	background-color: #0B9893; /*green tone #6D9400 , blue tone ##007694*/
	box-shadow: 0 2px 6px -2px #AAA;
	font-weight: bold;
	color: #FFF;
	top: 50%;
	border-radius: 999px;
	transform: translateY(-50%)
 }
}

/* 768px ~ 1199px：平板尺寸 */
@media (min-width: 768px) and (max-width: 1199px) {
  #section_content.section_content_news .news_li .date{
	text-align: right;
	position: absolute;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
    padding-bottom: 10px;
	width: 15%;
	left: 0px;
	background-color: #0B9893; /*green tone #6D9400 , blue tone ##007694*/
	box-shadow: 0 2px 6px -2px #AAA;
	font-weight: bold;
	color: #FFF;
	top: 50%;
	border-radius: 999px;
	transform: translateY(-50%)
	
 }
}

/* 1200px 以上：桌機或大螢幕 */
@media (min-width: 1200px) {
    #section_content.section_content_news .news_li .date{
    text-align: right;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 15%;
    left: 0px;
    background-color: #0B9893; /*green tone #6D9400 , blue tone ##007694*/
    box-shadow: 0 2px 6px -2px #AAA;
    font-weight: bold;
    color: #FFF;
    top: 50%;
    border-radius: 999px;
    transform: translateY(-50%)
 }
}

#section_content.section_content_news .news_li .date.color2{
	background-color: #D67200;
}
#section_content.section_content_news .news_li .content{
	padding-left: calc(20% + 10px);
}
#section_content.section_content_pay .table_payinfo{
	width: 100%;
	max-width: 630px;
}
#section_content.section_content_pay .table_payinfo th.secondary{
	background-color: #E1E1E1;
	color: #333;
}
#section_content.section_content_pay .table_payinfo th.warning{
    background-color: #5DFFBD;
    color: #FFF;
}
#section_content.section_content_pay .table_payinfo td.warning{
	color: #5DFFBD;
}
#section_content.section_content_sub .sub_title{
	position: relative;
	display: inline-block;
}
#section_content.section_content_sub .sub_title::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 20px;
	background-color: #FFFCA5;
	bottom: -6px;
	z-index: -1;
}
#section_content.section_content_sub .sub_block_outter{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    border: 2px solid #60C6C7; /*green tone #d8c56e , blue tone #6eadd8*/
}
#section_content.section_content_sub .sub_block_outter p{
	margin: 0;
}
#section_content.section_content_sup .sup_name{
	padding: 10px 0;
}
#section_content.section_content_sup .sup_name svg{
	color: #E4C62C;
	margin-right: 5px;
}

#footer{
    background-color: #207E87; /*green tone #5A8E00 , blue tone rgb(69, 169, 255)*/
    color: #FFF;
    padding: 25px 0 40px 0;
    position: relative;
    top: 121px;
}
#footer h4{
	font-weight: bold;
}

/*報名表單css================================================*/
#annual_form{
	background-color: #EEE;
}
#annual_form .container{
	background-color: #fff;
	box-shadow: 0 0 5px 5px #AAA;
}


#annual_form_header{
	padding: 30px 0;
}
#annual_form_body .label_title{
	font-weight: bold;
	color: #0061BB;
}
.remarkred{
	color:#FF0000;
}
.img_preview2{
	width: 80%;
}

/*ICSS 橘色表格*/
.table-bordered-or{
	background: #FCECE8;
	border:1px solid #ff9800;
}
.table-bordered-or td, .table-bordered-or th{
	border:1px solid #ff9800;
}

/*ICSS btn*/
.btn-outline-brick{
	color: #c15d4e;
	border-color:#c15d4e;
	
}

.btn-outline-brick:active{
	color: #ffffff;
	background-color: #c15d4e;
	border-color:#c15d4e;
	
}
.btn-outline-brick:hover{
	color: #ffffff;
	background-color: #c15d4e;
	border-color:#c15d4e;
	
}

.btn-outline-brick:focus{
	box-shadow:0 0 0 0.2rem rgb(193 93 78 / 48%);
	
}