@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

*{
	font-family: 'Noto Sans TC', sans-serif;
}

body {
  /*background: url('../images/index_PC.jpg') no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-color: #F6F6F6;
  font-family: 'Noto Sans TC', sans-serif;
}
.row{margin:0 !important;}
#id_KV_animation {
    position: relative;
    width: 70%;
    height: 500px;
    /*top: 8em;*/
    margin:18vh auto 0;
    display: block;
    text-align: center;
}
#id_KV_animation_container{
	width:100%;
	height:100%;
}

#logo {
    position: relative;
    /* top: 1em; */
    /* left: 3%; */
    display: block;
    margin: 2vh 0 0 -1em;
    width: 70px;
}
#logo img{
	width: 100%;
}

.navbar{
	background-color: #FFF;
}

.ml-auto, .mx-auto{
	/*使Navigation內的nav-item置中*/
	margin: 0 auto;
}

.nav-item{
	margin: 0 1.5em;
	text-transform: uppercase;
}

.nav-link img{
	height: 20px;
	margin-right: 7px;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
	/*Navigation 選中狀態*/
	color: #333;
}

.navbar-dark .navbar-nav .nav-link{
	/*Navigation 未選中狀態*/
	color: #333;
}

.navbar-dark .navbar-nav .nav-link:hover{
	/*Navigation 未選中狀態 hover*/
	color: #333;
	position: relative;
}

.eng1, .eng2, .eng3, .eng4, .eng5, .eng6{
	display: block;
}

.zhtw1, .zhtw2, .zhtw3, .zhtw4, .zhtw5, .zhtw6{
	display: none;
	top: 0.5em;
}

.navbar-toggler{
	/*Navigation漢堡底色*/
	background-color: #63488f;
	outline: none;
}

.navbar-toggler:hover{
	/*Navigation漢堡底色 Hover*/
	background-color: #8670aa;
	outline: none;
}

.navbar-dark .navbar-toggler-icon{
	/*Navigation漢堡三條線*/
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}


@media (min-width: 2000px) {
	#id_KV_animation{
		top: 20vh;
	}
}


@media (max-width: 1399px) {
	#id_KV_animation{
		top:5vh;
	}
}


@media (max-width: 1299px) {
	#id_KV_animation{
		top: 7vh;
	}
}



@media (max-width: 1199px) {
	.nav-item{
		margin: 0 1em;
		text-transform: uppercase;
	}
	#id_KV_animation{
		top: 5vh;
	}
}

/*========== Navigation隱藏或顯示 ==========*/
@media (min-width: 1023px) {
	.onlyPC{
		display: block;
	}

	.onlyMobile{
		display: none;
	}
}

@media (max-width: 1023px) {
	.onlyPC{
		display: none;
	}

	.onlyMobile{
		display: block;
	}

	#logo {
		position: relative;
		/* top: 0.5em; */
		/* left: 0.5em; */
		margin: 0.5em 0 0 0em;
	}
	#id_KV_animation{
		position: relative;
    	width: 98%;
	}
}
@media (max-width: 991px) {
	#logo {
		position: relative;
		margin: 1em 0 0 -0.5em;
	}
}
@media (max-width: 480px) {
	#logo {
		margin: 0.5em 0 0 -1em;
    	width: 60px;
	}
}
@media (max-width: 375px) {
	#logo {
		margin: 0.8em 0 0 -1em;
	}
}


/*Language下拉式選單*/
.separation{
  background-color: #888;
  margin: 5px 10px 0 10px;
  width: 2px;
  height: 30px;
}

.navbar-expand-lg .navforIndex{
	width: 1600px;
}

.navforIndex li{
	/*margin-left: 0.15vw;*/
}

.dropup button{
	border-radius: 0px;
	border: 0px solid #aaa;
	background-color: #FFF;
	color: #333333;
	margin-top: 2px;
}

.dropdown button{
	margin: 2px 0 0 10px;
	border-radius: 0px;
	border: 0px;
	background-color: #f6f6f6;
	color: #333333;
}
.dropdown button:link,
.dropdown button:visited,
.dropdown button:focus,
.dropdown button:hover,
.dropdown button:active{
	background-color: #f6f6f6;
	color: #333333;
	border: 0px;
}

 .dropup button:link,
 .dropup button:visited,
.dropup button:focus,
.dropup button:hover,
.dropup button:active{
	background-color: #FFF;
	color: #333333;
	border: 0px;
}

.dropup .active, .dropdown .active{
	/*background-color: #ccc;*/
	color: #333333;
}

.dropdown-menu{
	/*background-color: #F6F6F6;*/
	border-radius: 0px;
}

.dropdown-menu a:hover{
	background-color:rgba(157,244,227,1);
}
.dropdown-item.active, .dropdown-item:active {
   /* color: #fff;*/
    text-decoration: none;
    background-color: #ccc;
}
.show>.btn-secondary.dropdown-toggle {
     color: #333333; 
     background-color:inherit !important; 
     border: 0px;
}
/*.show>.btn-secondary.dropdown-toggle{ background-color:inherit !important; }*/
.btn-secondary.focus, .btn-secondary:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(130,138,145,0) !important;
}