body{
	position: absolute;
	font-family: 'Noto Sans TC', sans-serif;
	/* min-width:768px; */
}

img {
	height: 100vh;
	width: 100%;
	property-events: none;
	background-size:cover;
	background-position:left;
}

.ContentImg {
	height: auto;
	width: 100%;
	property-events: none;
	background-size:cover;
	background-position:left;
}

a{
	text-decoration:none;
	
}
.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
img[usemap], map area[shape]{
	outline-width:0;
}
.mask-image {
	-webkit-filter:blur(3px);
}
.custom{
	background-repeat:no-repeat;
	
}
.people{
	top:0;
	left:0;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	animation: 1s ease 0s normal forwards 1 fadein;
}
.text_1{
	left: 0;
	right: 0;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	/* background-color:#ffffff; */
	
}
.text{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	animation: 1s ease 0s normal forwards 1 fadein;
	/* background-color:#ffffff; */
}
.people_close{
	position:absolute;
	top:15%;
	right:15%;
	width:40px;
	height:40px;
	z-index:100;
}
@keyframes fadein{
	0% { opacity:0; }
	100% { opacity: 1; }
}

header{
	width:100%;
	background-color: #ededed;
	position: absolute;
	top:0px;
	z-index:100000;
	text-decoration:none;
	opacity:1;
}
header nav ul{
	margin-bottom:0px;
	text-align:center;
	
}
header nav ul li{
	list-style:none;
	display:inline-block;
	
}
header nav ul li a{
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	color:#666666;
	font-size:16px;
	letter-spacing:2px;
	font-weight:600;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	transition:all ease 0.5s;
	font-family: 'Noto Sans TC', sans-serif;
	
}
header nav ul li a:hover{
	background-color:#b3daff;
	color:#666666;
	text-decoration:none;
}
.header_bt .fa{
	position:absolute;
	z-index:1000;
	top:0px;
	left:0px;
	
	cursor:pointer;
}
.header_bt .fa{
	font-size:25px;
	background-color:rgba(0, 102, 255, 0.6);
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	margin:5px;
	color:#fff
}
.header_bt .fa:hover{
	background-color:rgba(0, 102, 255, 1);
}

.header_bt2 .fa{
	position:absolute;
	z-index:1000;
	top:35px;
	left:0px;
	font-family: 'Noto Sans TC', sans-serif;
	cursor:pointer;
}
.header_bt2 .fa{
	font-size:25px;
	background-color:rgba(0, 102, 255, 0.6);
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	margin:5px;
	opacity:1;
	color:#fff
}
.header_bt2 .fa:hover{
	background-color:rgba(0, 102, 255,1);
}

.cartoon_p{
	width:20vw;
	height:20vw;
	bottom:0%;
	left:0%;
	position: absolute;
	z-index:10000;
	display:none;
}
.nav_li{
	text-decoration:none;
}
.nav_img{
	width:50px;
	height:50px;
}
.tab_img{
	width:100px;
	height:100px;
	margin-right:5px;
}
.tab_a{
	font-size:20px;
	text-decoration:none;
	
}
.tab_a:hover{
	text-decoration:none;
	cursor:pointer;
}
.tab_a:active{
	text-decoration:none;
}
.tab-content p{
	font-size:20px;
	letter-spacing: 2px;
}
@media (max-width: 768px) {
	.nav_li{
		text-decoration:none;
		font-size:12px;
	}
	.nav_img{
		width:25px;
		height:25px;
	}
	.header_bt i{
		font-size:20px;
		
	}
	.header_bt i:hover{
		font-size:25px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.nav_li{
		text-decoration:none;
		font-size:12px;
	}
	.nav_img{
		width:25px;
		height:25px;
	}
	.header_bt i{
		font-size:20px;
		
	}
	.header_bt i:hover{
		font-size:25px;
	}
	.tab-content p{
		font-size:16px;
		letter-spacing: 2px;
		
	}
}
.modal-dialog {
	width: 100%; /* New width for default modal */
}
.modal-sm {
	width: 350px; /* New width for small modal */
}
.nav-tabs>li>a {
	font-size:18px;
}
.modal-body p a{
	
	text-decoration:none;
	color:#000;
}
.modal-body p a:hover{
	text-decoration:none;
	color:#000;
}

.modal-content .modal-title{
	font-size:35px;
	
}
.modal-header{
	padding:5px;
	
}
@media (max-width: 1200px) {
	.tab_a{
		font-size:14px;
		
	}
	.tab_img{
		width:80px;
		height:80px;
		margin-right:5px;
	}
}
@media (max-width: 1000px) {
	.nav-tabs>li>a {
		font-size:12px;
	}
	
	.modal-content .modal-title{
		font-size:20px;
		padding:5px;
	}
	.modal-body p {
		font-size:14px;
	}
	.tab_a{
		font-size:14px;
		
	}
	.tab_img{
		width:50px;
		height:50px;
		margin-right:5px;
	}
}
@media (max-width: 700px) {
	.nav-tabs>li>a {
		font-size:12px;
	}
	
	.modal-content .modal-title{
		font-size:25px;
		padding:5px;
		
	}
	.modal-body p a{
		font-size:14px;
	}
	.tab_a{
		font-size:14px;
		
	}
	.tab_img{
		width:50px;
		height:50px;
		margin-right:5px;
	}
}


.mydiv:hover {  
	animation: scrolling 12s .2s linear 1;
}
#tab_1_Modal .tab-content img{
	width:80%;
	
}


.marquee {
  width: 100%; /* the plugin works for responsive layouts so width is not necessary */
  height:100px;
  overflow: hidden;
  border:1px solid #ccc;
}
/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 80px;
  left: 160px;
}
.tip_img{
	/* display:none; */
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	/* width:auto; */
	height:100vh;
	text-align:center;
	z-index:10000;
}
.tab_padding_bt_20{
	padding-bottom:20px;
	
}

.overlay {
  height: 100%;
  width: 100vw;
  display: none;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.9);
  /* overflow-y: hidden; */
}

.overlay-content {
  position: relative;
  top: 0;
  width: 100%;
  text-align: center;
  margin-top: 0px;
  z-index:10000;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  z-index:10001;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 0px;
  right: 35px;
  }
}
.full_modal-dialog {
  width: 98% !important;
  min-width: 98% !important;
  /* max-height: 92% !important; */
  padding: 0 !important;
  overflow-y: hidden;
  overflow-x: hidden;
}

.full_modal-content {

  background-color:rgba(255, 255, 255, 1);

}
.btn{
	padding:0.5rem 0.5rem;
	
}
ol{
	margin-bottom:0;
	
}
.listAhover:hover{
	color:#0047b3;
}
.cid-rADWDi781V{
	background-image:none;
}