
.menu_div{ background-color:#f1f1f1; width:100%; height:78px;
font-family: 'Oswald';font-size: 18px; font-weight:bold;max-width:1930px; text-align:left; display:inline-block; position:relative; z-index:999; }
.menu_item{ /* display:table-cell; vertical-align:middle; */ width:100%; height:100%; display:inline-block;}
.menu_right {
	height:100%;
/*	float:right;*/
  	background-color: #f1f1f1;
  	color:#000;
	display:block;
	
}

.menu_d_1{ width:67%; height:100%; text-align:right; display:inline-block; }

.adiv {
	height:100%;
	background-color:#f1f1f1;
	vertical-align:middle;
/*	min-width:105px;*/
	width:12%;
  	text-align: center;  
	display:inline-block;
}

.adiv_txt{ 
	display:inline-block; padding-top:13%; font-weight:bold;
		font-weight:bold;
		font-family:'Oswald', sans-serif;
	

/*text-shadow: 0px 0.2px, 0.2px 0px, 0.2px 0.2px;*/
}

.menu_right a {
  color: #000;
  text-decoration: none;
}

.menu_right a:hover {
 
  color: #F5A523;
}

.menu_logo{ vertical-align:bottom; display:inline-flex; align-items:flex-end;width:30%; }

.active {
  color: #8fc320;
}
.active a{
 color: #FFF;
}




.logo_div{ display:inline-block; width:56%;
		
		
		float:left; margin-bottom:2%; margin-left:4%; }
.logo_div img{ width:100%;}


.d1{ color:#F5A523;}

.mobile_menu_item {display:none;cursor:pointer; width:17%; float:right;}
#mobile_menu_div{ display:none;}


.father{-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.adiv_son{ 
	position:relative; z-index:1; height:50px; width:140px; line-height:50px; margin:5px; top:60px;
	background-color:#fff;
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	 opacity: 0;}

.father:hover .adiv_son{ /*子選單 */

    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
	opacity: 1;

}

.triangle{ /*三角形*/
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #696969 transparent transparent transparent;

}

.lang_limit{position:relative; z-index:1;  transition:0.2s;transition-timing-function:linear; opacity:0; padding:5px; }

.cname {display:inline-block; float:left;font-family: 'FUTURAB', sans-serif; vertical-align:bottom;}

.green_bar{width:100%; height:10px; background-color:#096;opacity: 0;transition:0.5s;}
.green_bar_on{opacity:1;}
.adiv:hover .green_bar{opacity: 1;}

.lang_div{width:140px; display:flex; position:relative; z-index:2;cursor:pointer;background-color:#fff; padding:5px;border-radius: 8px;}/*語言區*/

@media screen and (min-width: 1919px) { /* 大於1920要執行的css */
	.menu_div{ height:88px; font-size:24px;}
	.adiv { width:11%;}
	
			.menu_d_1{ width:69%; float:right;}
			.menu_logo{ width:28%;}	
		
	
}

@media screen and (max-width: 1559px) { /* 小於1600進入 */
	.menu_logo{width:auto; vertical-align:top;}
	.logo_div{ width:255px;}
	.menu_d_1{ width:78%;}
	.adiv {width:10%;}
}

@media screen and (max-width: 1240px) { /* 小於1200進入 */
	.adiv { width:11%;}
	.menu_d_1{ width:78%;}
	.logo_div{ width:235px;}
}
@media screen and (max-width: 1100px) { /* 小於1100進入 */
	.menu_item{ display:none;}
	.menu_d_1{ display:none;}
	.mobile_menu_item {display:block;}
	.menu_div{ height:55px; position:fixed; top:0; left:0; z-index:999;}
	.logo_div{ padding-top:0px;}
	
	.menu_line{
	width: 38px;
    height: 7px;
    background-color: #000;
    border-radius: 6px;
    margin-left: 10px;
    margin-top: 8px;	
	}
	
	#mobile_menu_div{background-color:rgba(38, 38, 38, 0.94); color:#fff; 
		width:100%; position:fixed; top:55px; left:0; z-index:998; 
		text-align:left;
		padding-top:10px;
		padding-bottom:15px;
		}
	#mobile_menu_div a {
	  color: #fff;
	  text-decoration: none;
	}
	
	#mobile_menu_div a:hover {
		color:#F5A523;
	}

	
	.adiv{ display:block; font-size:24px; margin-bottom:10px; text-align:left; padding-left:20px; width:auto; background-color:unset; color:#fff;}

	
}

@media screen and (max-width: 450px) { 
	.menu_d_1{float:right; padding-right:10px;}
}

@media screen and (max-width: 330px) { 
	.logo_div img{ width:200px;}
}