@charset "UTF-8";

@media screen  and (max-width:1014px){
    .test-nav{
      display: none;
    }
	
  }
  @media screen and (min-width:1014px) {
    .test-nav{
/*     display: inline-block;*/
		display: inline-flex;
		align-items: center;
    }
	/*搜尋框*/
    .gsc-search-button .gsc-search-button-v2{
	  margin: 0px;
	  padding: 7px 15px;	
    }
    
  }
  @media screen  and (max-width:1014px){
    .test-nav2{
      display: inline-block;
    }
	  /*搜尋框*/
    .gsc-search-button .gsc-search-button-v2{
	  margin: 0px;
	  padding: 11px 15px;	
    }
  }
  @media screen  and (min-width:1014px){
    .test-nav2{
      display: none;
    }
  }
/*navbar dropdown start*/
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */
@media all and (max-width: 992px){
	.dropdown-menu{
		border: none;
		background-color: rgba(0,0,0,0.00);
	}
	.dropdown-item{
		color: white;
	}
}
/*navbar dropdown end*/
.ntnu-bg{
    background-image: url('../images/pageBg.png');
    background-repeat: no-repeat;
    background-position: top;
    background-color: #f2f2f2;
    background-size: 100%;
}

/* header */
.ntnu-nav-top{
    height: 60px;
    background: #4E070B;
}
.ntnu-nav-dark{
    background: #4E070B;
}

.ntnu-nav-brick{
    background: #840000;
}

.ntnu-nav-brick .nactive{
    background: #990000;
}
.ntnu-h-top{
	font-size: 20px;
	line-height: 2;
}
/* 蓋掉bs預設 */
.navbar-dark .navbar-nav .nav-link{
    color: white;
}
a{
    color:#990000 ;
    text-decoration: none;
}
a:hover{
    color: #4E070B;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: #840000;
}

.nav-link{
    color: #840000;
}
/*蓋掉bs 預設*/
.dropdown-item.active, .dropdown-item:active{
	background-color:#990000;
}
/*蓋掉bs 預設 banner*/
.carousel .carousel-item{
	max-height: 388px;
}
.carousel-inner>.carousel-item>img{
	position: absolute;
	top:0;
	left: 0;
	min-width: 100%;
	height: 388px;
}
/*index 系統連結*/
.link-img{
	width: 100%;
	transition: box-shadow 0.6s,filter 0.6s;
}
.link-img:hover{	
	box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.3);
    filter: brightness(1.1);
}
.link-up{
	display: inline-block; 
	height: 150px;
	width: 150px;
	border-radius: 50%;
	transition-duration: 0.6s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.link-up:hover{
/*	transform:  scale(1.2);*/
	transform: translate(0,-10px);
	color: greenyellow;
}
/* news */
.ntnu-news{
    border: 1px solid;
    border-radius: 5px;
    padding: 15px;
    background-color: white;
}

/*專區頁籤式*/
.ntnu-tab01{
    border-top: 2px solid #9b5858;
/*    border-radius: 5px;*/
    padding: 15px;
    background-color: white;
}



/*蓋掉bs預設 手風琴*/
.accordion-button:not(.collapsed){
    color:#4E070B ;
    background-color: #fbeeee;
}
.accordion-button:focus{
    border-color: #840000;
    box-shadow: 0 0 0 0.25rem rgb(119 12 18 / 29%);
}
/*蓋掉bs預設 list-group-flush*/
.list-group-flush > .list-group-item:last-child{
	border-bottom-width: 1px;
}

/*asideleft*/
.ntnu-asidel{
	color:#840000;
	font-size: 20px;
}
.ntnu-asidel.active{
	background: #840000;
	color: white;
	width: 85%;
/*	padding-left:20%;*/
/*	padding-right: 20%;*/
	font-size:20px;
}

/* form law */
.ntnu-formspan{
	display: inline-block; 
	width: 60%;
	font-size: 18px;
	color: #555
}
.ntnu-formfile{
	display: inline-block;
	float: right
}
.ntnu-formfileimg{
	width: 45px;
}

.ntnu-law{
	min-height: 62px
}
.ntnu-lawlink{
	font-size: 18px;
	color: #555
}
/*a mailto*/
a.mailto{
	color: white;
}
a.mailto:hover{
	color: white;
}

/*高等教育*/
.a5mt1>td{
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px dotted #942629;
}
.a5mt1h>td{
    padding: 10px;
    vertical-align: middle;
    background-color:rgb(246, 225, 220) ;
}
.a5mt1a{
    text-decoration: none;
}

/*蓋掉bs預設 pagination */
.page-link{
	color: #840000;
}
.page-link:focus{
	color: #840000;
	box-shadow: 0 0 0 0.25rem rgb(132 0 0 / 25%);
}
.page-link:hover{
	color: #840000;
}
.page-item.active .page-link{
	background-color:#840000;
	border-color: #840000;
}