html, body { 
	font-family: 'Helvetica', 'Arial', 'Heiti TC', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
}
.text-justify {
	text-justify: inter-ideograph;
}
.comp-button {
	background-color: #28A745;
	font-size: 16px;
	color: #ffffff;
	text-align: center;	
	padding: .45rem!important;				
}
.comp-button:hover{
	text-decoration: underline;
	background-color: #2ECC71;
	color: #ffffff;
	cursor: pointer;
}
.eng-comp-button {
    display: flex;
	background-color: #28A745;
	font-size: 12px;
	color: #ffffff;
	text-align: left;        		
	height: 50px;
	align-items: center;				
}
.eng-comp-button:hover{
	text-decoration: underline;
	background-color: #2ECC71;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
}
.eng-text-align {
	text-align: left;
}			
.recruit-button {
	background-color: #ff6600;
	font-size: 16px;
	color: #ffffff;
	text-align: center;					
}
.recruit-button:hover{
	text-decoration: underline;
	background-color: #009900;
	color: #ffffff;
	cursor: pointer;
}				
.content{
	font-size: 18px;
	display: inline-block;
	margin: 0 auto;	 	
}
.img-center{	
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 0.5rem;		
}
.modal-img-center{	
	display: block;
	margin-right: auto;
	width: 60%;		
}
.title-type {
	font-size:20px;
	color:#ff6600;
	text-align:center;
	font-weight:bold;
}
.modal-buttom-no-border{
	border-bottom: 0; 
}
.no-data-format{
	font-size:16px;
	font-weight:bold;
	color:#808080;
    text-align:center;	
}
@media (max-width: 976px){
	.logo-size-small{
	  width: 90%;
	}
	.video-size-small{
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%;
	  height: 100%;	  
    }
	.eng-video-size-small{
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%;
	  height: 100%;	  
    }        
    .comp-size-small{
      margin-top: 15px;
    }
    .eng-comp-size-small{
      margin-top: 15px;
    }    
}
@media (min-width: 977px){
	.video-size-large{
	  width: 100%;
	  height: 100%;	  
    }	
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	z-index:1!important
}
.video-wrapper .vedio-responsive {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.banner-type{
	width : 100%;
    opacity: 1; 	
}

