@charset "utf-8";

/* 新聞報導區 卡片自訂樣式 */
#ex_newsCarousel {
	margin-bottom: 50px;
}
#ex_newsCarousel .carousel-indicators {
	bottom: -50px;
}
#ex_newsCarousel .carousel-indicators button {
    background-color: #D9DADD;
}
#ex_newsCarousel .carousel-indicators .active {
    background-color: #0062D7;
}
.card {
    color: #000000;
    text-decoration: none;
    font-size: 1.1rem;
}
.card:hover {
    background-color: #F3F3F3;
}
.card-title{
    font-size: 1.2rem;	
}

/* 最新公告區 teb頁籤自訂樣式 */
#myTab .nav-link {
    background-color: #D9DADD;
    color: #4E4D4D;
    /*-webkit-box-shadow: inset 0px -2px 3px -1px rgba(77,77,77,0.30);
    box-shadow: inset 0px -2px 3px -1px rgba(77,77,77,0.30);*/
    margin-right: 1rem;
	margin-top: 0.25rem;
	padding-top: 0.8rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    /* [disabled]padding-bottom: 1rem; */
    /*border-top-right-radius: 35px;*/
    font-weight: bold;
	font-size: 1.3rem;
}
#myTab .nav-link:hover {
    background-color: #FFCC00;
}
#myTab .active {
    color: #C20001;
    background: linear-gradient(to bottom, rgba(220,235,255), rgba(255,255,255));
    /*-webkit-box-shadow: -2px -3px 5px -3px rgba(0,0,0,0.60);
    box-shadow: -2px -3px 5px -3px rgba(0,0,0,0.60);*/
  	background-color: #fff;
  	border-color: #dee2e6 #dee2e6 #fff;
}
.moreStyle {
    padding-left: 2rem;
    padding-right: 2rem;
	padding-top: 0.5rem;
    display: block;
    text-align: right;
    text-decoration: none;
    border-top-color: #dee2e6;
    border-top-style: solid;
    border-top-width: 1px;
    
}

/* 招生資訊區 teb頁籤自訂樣式 */
#admissions {
	margin-bottom: 15px;
}
#admissions ul {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}
#admissions ul li {
    margin-bottom: 1px;
}
#admissions ul li a{
    color: #039;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 2.55rem;
    font-weight: bold;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    border-left: 5px solid #227AFF;
    border-bottom: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #FFFFFF;
}
#admissions ul li a:hover{
    background-color: #FC0;
    color: #039;
    font-weight: bold;
    border-left: 5px solid #FF8F21;
}

/* 廣告專區/計畫專區 連結輪播區 自訂樣式 */
#adv-Carousel {
	margin-bottom: 50px;
}
#adv-Carousel .carousel-indicators {
	bottom: -50px;
}
#adv-Carousel .carousel-indicators button {
    background-color: #D9DADD;
}
#adv-Carousel .carousel-indicators .active {
    background-color: #0062D7;
}
.splink {
    display: block;
    color: #FFFFFF;
    line-height: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    height: 5rem;
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    border-radius: 5px;
    text-decoration: none;
    background-color: #2D96F7;
}
.hyperlink {
    display: block;
    color: #FFFFFF;
    line-height: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    height: 7rem;
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
    padding-top: 1.3rem;
    padding-right: 1.3rem;
    padding-bottom: 1.3rem;
    padding-left: 1.3rem;
    border-radius: 5px;
    text-decoration: none;
}
.hyperlink-bg01 {
            background-image: linear-gradient(270deg, #396BE1 0%, #8e54e9  51%, #396BE1  100%);
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
          }
.hyperlink-bg01:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
.hyperlink-bg02 {
            background-image: linear-gradient(270deg, #fb71a0 0%, #E34D72  51%, #fb71a0  100%);
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
          }
.hyperlink-bg02:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }         
.hyperlink-bg03 {
            background-image: linear-gradient(270deg, #ff8008 0%, #ffa751  51%, #ff8008  100%);
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
          }
.hyperlink-bg03:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }

.hyperlink-bg04 {
            background-image: linear-gradient(270deg, #9db646 0%, #39a45a  51%, #9db646  100%);
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
          }
.hyperlink-bg04:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }