@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;
		
	}
}


/* acc header  240411 */
@media (max-width: 992px) {
  /* 在這裡放置在網頁寬度小於992px時要套用的CSS樣式 */
	.dropdown-menu.mshow{
		display: block !important;
		border-radius: 0rem;
		border-left: 2px white dashed;
	}
	
}


/*============acc_dl=========================*/
/* 在手机设备上的样式 */
    @media only screen and (max-width: 767px) {
      .acc_dl .acc_dltext {
        /* 在手机上隐藏文字 */
        display: none;
      }
		
		.acc_dl {
			font-size: 24px;
		}	
    }



/*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: 16px;
	line-height: 1;
}
/* 蓋掉bs預設 */
.navbar-dark .navbar-nav .nav-link{
    color: white;
}
.navbar-nav{
	align-items: center;
}

@media (min-width: 992px) {
/* 在這裡放置在網頁寬度大於992px時要套用的CSS樣式 rwd下拉全展開時*/	
/*
.navbar-nav{
	align-items: center;
}
*/
	.mpx-2{
		padding-right:0.5rem !important;
		padding-left:0.5rem !important;
	}	
}

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;
}
/*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;
}
/* 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;
}
/*tab*/
.ntnu-tab01{
	border-top: 2px solid #9b5858;
	padding: 15px;
	background-color: white;
}
/*雙層側邊選單*/
.list-group-sub{
/*	display: flex;*/
	display: none;
/*	position: absolute;*/
/*	top: 0;*/
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	
}
.list-group-item a:active .list-group-sub{
	display: block;
}
/* 自訂list style type */
/*
.olnum2{
  list-style: none; 
  counter-reset: my-counter; 
}
*/
.olnum2 li{
  counter-increment: li;  
}

.olnum2 ::marker {
  content: "(" counter(li) ")";
/*  font-size: 1rem; */
}

/* acc btn focus */
.ntnu-asidel:focus{
	box-shadow: 0 0 0 0.25rem rgb(251 238 238);
}

.btn-lgg{
	padding: 1rem 1rem;
	font-size: 1.5rem;
	border-radius: 15px;
}

.btn-lgg:hover{
	background: #198754;
	border-color: #198754;
	box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);
	filter: brightness(1.1);
}

/*acc left collapse */
.accleft .cnow{
	font-weight: bolder;
}

.accleft a{
	padding-top: 5px;
	padding-bottom: 5px;
}