@charset "UTF-8";

@media screen  and (max-width:1014px){
    .test-nav{
      display: none;
    }
  }
  @media screen and (min-wdth:1014px) {
    .test-nav{
     display: inline-block;
    }
    
  }
  @media screen  and (max-width:1014px){
    .test-nav2{
      display: inline-block;
    }
  }
  @media screen  and (min-width:1014px){
    .test-nav2{
      display: none;
    }
  }
/*navbar dropdown start*/
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu {
                top: 0%;
                left: 100%;
                margin-top: -3px;
            }
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu .dropdown-submenu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu .dropdown-submenu{ display: block; }
	.navbar .nav-item .dropdown-menu .dropdown-submenu{ margin-top:0; }
	.navbar-nav li:hover>ul.dropdown-menu { display: block; }
/*
	.dropdown-menu>li>a:hover:after {
                transform: rotate(-90deg);
                transition: 1s;
            }
*/
	.dropdown-menu>li>a::after {
                transform: rotate(-90deg);
                transition: 1s;
            }
}	
/* ============ 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;
	}
	.ulsubmenu{
				list-style: none;
				padding-left: 0px;
				display: block;
			}
	.ulsub{
		 color: #bbbbbb;
	}
	/*蓋掉BS預設*/
	.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{
		color: white;
		font-weight: 700;
	}
	.subtoggle::after{
		content:none;
	}
	.dropdown-submenu>.subtoggle:hover{
		background: none;
		color: white;
		font-weight: 700;
		cursor: default;
		
	}
}

/*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;*/
	max-height: 650px;
}
.carousel-inner>.carousel-item>img{
	position: absolute;
	top:0;
	left: 0;
	min-width: 100%;
	height: 388px;
}
.carousel-control-prev,
.carousel-control-next {
  width: 10%;
}
.banner-control {
	display: inline;
}
/* 小於768px時不顯示 */
@media screen and (max-width: 767px) {
  .banner-control {
    display: none;
  }
}
/*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;
*/
	height: 100px;
	width: 100px;
	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;
	box-shadow: 0px 9px 10px 0px #bdbdbdd6;
}
/* news */
.ntnu-news{
    border: 1px solid;
    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;
}

/*蓋掉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;
}

/*btn*/
.btn-rfooter{
	color: #fff;
	background-color: #bfb7b7;
	border-color: #d9d9d9;
}

/* 蓋掉 BS5 預設 accordion  */
.accordion{
	padding: 0px;
}
.accordion-item .day {
	padding: 0px;
	border-radius: 0px;
}
.accordion-button{
	border-radius: 0px;
}
.accordion-item:first-of-type .accordion-button{
	border-radius: 0px;
}
.accordion-item:last-of-type .accordion-button.collapsed{
	border-radius: 0px;
}
.appointmentlist{
	border-left: 0.5rem solid #4E070B;
	padding-left: 10px;
	margin: 0px;
	word-break:break-all;
}
.appointmentnumber{
	text-align: center;
	vertical-align: middle;
	width: 15%;
}

.accordion-item:last-of-type{
	border-radius: 0px;
}
.accordion-button:not(.collapsed){
	background-color:#f2f2f2;
}
.accordion-item .today{
	background: #fffdea;
}
.accordion-button:focus{
	box-shadow:0 0 0 0.25rem rgb(158 158 158 / 35%);
}
.accordion-button.today:focus{
	box-shadow:0 0 0 0.25rem rgb(255 235 59 / 45%);
}


.accordion-item .today::before{
	content:"";
	display: block;
	position: absolute;
	left: 0;
	top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #ebb81e transparent transparent transparent;
	line-height: 0px;
}

.table > :not(caption) > .appoint > *{
	border-bottom-width:0px;
}
.cve>h5{
	font-size: medium;
}