/*modify by pekey 20190523*/
@charset "utf-8";
/* CSS Document */

/*------------------------------------------CSS Setting Start-------------------------------*/

/*================*/
/*-- loading --*/
/*================*/

.loading {
 	position: fixed;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: #FFF;
	text-align:center;
	
	/*新增by pekey 20171211*/
	padding-top:250px;
 } 
 
	
	/*Loading畫面CSS開始*/
	#circularG{
		position:relative;
		width:58px;
		height:58px;
		margin: auto;
	}
	
	.circularG{
		position:absolute;
		background-color:rgb(201,9,21);  /*此為Loding的點點顏色*/
		width:14px;
		height:14px;
		border-radius:9px;
			-o-border-radius:9px;
			-ms-border-radius:9px;
			-webkit-border-radius:9px;
			-moz-border-radius:9px;
		animation-name:bounce_circularG;
			-o-animation-name:bounce_circularG;
			-ms-animation-name:bounce_circularG;
			-webkit-animation-name:bounce_circularG;
			-moz-animation-name:bounce_circularG;
		animation-duration:1.1s;
			-o-animation-duration:1.1s;
			-ms-animation-duration:1.1s;
			-webkit-animation-duration:1.1s;
			-moz-animation-duration:1.1s;
		animation-iteration-count:infinite;
			-o-animation-iteration-count:infinite;
			-ms-animation-iteration-count:infinite;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-iteration-count:infinite;
		animation-direction:normal;
			-o-animation-direction:normal;
			-ms-animation-direction:normal;
			-webkit-animation-direction:normal;
			-moz-animation-direction:normal;
	}
	
		#circularG_1{
			left:0;
			top:23px;
			animation-delay:0.41s;
				-o-animation-delay:0.41s;
				-ms-animation-delay:0.41s;
				-webkit-animation-delay:0.41s;
				-moz-animation-delay:0.41s;
		}
		
		#circularG_2{
			left:6px;
			top:6px;
			animation-delay:0.55s;
				-o-animation-delay:0.55s;
				-ms-animation-delay:0.55s;
				-webkit-animation-delay:0.55s;
				-moz-animation-delay:0.55s;
		}
		
		#circularG_3{
			top:0;
			left:23px;
			animation-delay:0.69s;
				-o-animation-delay:0.69s;
				-ms-animation-delay:0.69s;
				-webkit-animation-delay:0.69s;
				-moz-animation-delay:0.69s;
		}
		
		#circularG_4{
			right:6px;
			top:6px;
			animation-delay:0.83s;
				-o-animation-delay:0.83s;
				-ms-animation-delay:0.83s;
				-webkit-animation-delay:0.83s;
				-moz-animation-delay:0.83s;
		}
		
		#circularG_5{
			right:0;
			top:23px;
			animation-delay:0.97s;
				-o-animation-delay:0.97s;
				-ms-animation-delay:0.97s;
				-webkit-animation-delay:0.97s;
				-moz-animation-delay:0.97s;
		}
		
		#circularG_6{
			right:6px;
			bottom:6px;
			animation-delay:1.1s;
				-o-animation-delay:1.1s;
				-ms-animation-delay:1.1s;
				-webkit-animation-delay:1.1s;
				-moz-animation-delay:1.1s;
		}
		
		#circularG_7{
			left:23px;
			bottom:0;
			animation-delay:1.24s;
				-o-animation-delay:1.24s;
				-ms-animation-delay:1.24s;
				-webkit-animation-delay:1.24s;
				-moz-animation-delay:1.24s;
		}
		
		#circularG_8{
			left:6px;
			bottom:6px;
			animation-delay:1.38s;
				-o-animation-delay:1.38s;
				-ms-animation-delay:1.38s;
				-webkit-animation-delay:1.38s;
				-moz-animation-delay:1.38s;
		}
		
		
		
		@keyframes bounce_circularG{
			0%{
				transform:scale(1);
			}
		
			100%{
				transform:scale(.3);
			}
		}
		
		@-o-keyframes bounce_circularG{
			0%{
				-o-transform:scale(1);
			}
		
			100%{
				-o-transform:scale(.3);
			}
		}
		
		@-ms-keyframes bounce_circularG{
			0%{
				-ms-transform:scale(1);
			}
		
			100%{
				-ms-transform:scale(.3);
			}
		}
		
		@-webkit-keyframes bounce_circularG{
			0%{
				-webkit-transform:scale(1);
			}
		
			100%{
				-webkit-transform:scale(.3);
			}
		}
		
		@-moz-keyframes bounce_circularG{
			0%{
				-moz-transform:scale(1);
			}
		
			100%{
				-moz-transform:scale(.3);
			}
		}
	/*Loading畫面CSS結束*/

.loading_tit{
	padding:20px 0px 0px 15px;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	color:#333;
	font-family:微軟正黑體;
	text-align:center;
}







#top{
	border-top: 0.00005px #fff0 solid;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	z-index:5;
	opacity: 0;
}





/*/////////////////////////////////////////////////////////*/
/*-------版頭--------*/
/*/////////////////////////////////////////////////////////*/

.header {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	transition: 0.3s ease all;
	/*padding: 25px 0px 0px;*/
	padding: 45px 0px 0px;
	/*border-top:3px #003d79 solid;
	background: #eaeaea;
	background:#d8d8d8;*/
	background:#fff;
}

/*浮動*/
.header.fixed{
	/* padding: 25px 0px 0px; */
	padding: 15px 0px 0px;
	/*box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.3);
	transition: 0.3s ease all;
	padding: 0px;
	background-color: #fff;*/
}

	.header > .wrap {
		position: relative;
		/*width: 90%;*/
		width: auto;
	}


@media (max-width: 990px){


.header > .wrap {
   /* width: 90%;*/
}	
	/*.header{
		padding: 5px 0px 0px;
	}*/
	/*浮動*/
	/*.header.fixed{
		padding: 5px 0px 0px;
	}*/
}

/*================*/
/*-- 手機menu按鍵 --*/
/*================*/
.menu_btn {
	position:absolute;
	width: 31px;
	height: 18px;
	/*background-color: #d97d7d;
	 top: 13px; */
	top: 50%;
	right: 5%;
	/*right: 0px;*/
	-webkit-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
	cursor:pointer;
	display:none;
	z-index: 99;
	text-align: right;
}
	.menu_btn span {
		display: inline-block;
		background-color: #222262;
		height:2px;
		/*height:4px;*/
		margin: 0px 0px 6px;
		transition:0.3s ease all;
		border-radius:3px;
		width: 100%;
	}

	.menu_btn span:nth-of-type(2){
		width: 26px;
	}
	.menu_btn span:nth-of-type(3){
		width: 21px;
	}
	
	
	
		/*點擊*/
		.menu_btn.active {
			width: 30px;
			top: 30px;
			right:3%;
			position: fixed;
		}
			.menu_btn.active span {
				background:#ffffff;
				margin: 6px 0px;
			}
			/*.menu_btn.active span:nth-of-type(1) {
				transform: rotate(45deg);
				transform-origin: top left;
			}
			.menu_btn.active span:nth-of-type(2) {
				opacity: 0;
			}
			.menu_btn.active span:nth-of-type(3) {
				transform: rotate(-45deg);
				transform-origin: bottom left;
			}*/

			.menu_btn.active span:nth-of-type(1) {
				/*transform: rotate(39deg);
				transform-origin: top left;*/
				width: 100%;
				transform: translateY(1px) rotate(45deg);
			}
			.menu_btn.active span:nth-of-type(2) {
				opacity: 0;
			}
			.menu_btn.active span:nth-of-type(3) {
				/*transform: rotate(-39deg);
				transform-origin: bottom left;*/
				transform: translateY(-27px) rotate(-45deg);
				width: 100%;
			}

@media (max-width: 990px){
	
		/*手機menu按鍵*/
		.menu_btn {
			display:block;
			/*right: 0px;
			left: auto;
			top: 50%;
			margin: -12px 0px 0px;*/
		}
}
@media (max-width: 640px){
	
		/*手機menu按鍵*/
		/*.menu_btn {
			left: 15px;
		}*/
}




/*================*/
/*----- logo -----*/
/*================*/
.logo{
	/*width: 250px;*/
	/* width: 270px; */
	width: 350px;
	margin: 0px auto;
	transition: 0.3s ease all;
	float: left;
	/*animation-name: bounceIn;
	animation-duration: 1.2s;
	animation-fill-mode: both;*/
	visibility: visible;
	padding: 10px 0px 0px 5%;
}

/*浮動*/
.header.fixed .logo{
	transition: 0.3s ease all;
	/* width: 170px;
	padding: 10px 0px; */

	
	padding: 0px 0px 0px 5%;
}


	.logo a{
		display: block;
		transition:0.3s ease all;
	}
	
		.logo img{
			width: 100%;
			height: auto; 
		} 
	
	/*hover*/
	.logo a:hover{
		/*transform: scale(0.9);
		animation: bounceIn;	*/
	}
	
	
	
	
						
	
/*@media (max-width: 1140px){
	
	.logo {
		width: 250px;
    	padding: 20px 0px;
	}
}*/
	

@media (max-width: 990px){
	.logo{
		transition: 0.3s ease all;
		width: 270px;
		/* padding: 10px 0px 10px 50px; */
		/*padding: 5px 0px;*/
		padding: 5px 0px 5px 5%;
		/* float: none;*/
	}
	
	/*浮動*/
	.header.fixed .logo {
		padding: 5px 0px 5px 5%;
		transition: 0.3s ease all;
	}

}

@media (max-width: 640px){
	
}
			
			
			
		
		
		
		
		
		
		
		
		
			
.headerRight_topArea{
	background: #7887f7;
	padding: 5px 0px;
}	


.headerRight_topArea > .wrap{
	position:relative;
}


/*首頁上方快速連結區*/
.htlink_area{
	float:left;
	box-sizing:border-box;
}
	.header_top_link{
		float:left;
		box-sizing:border-box;
		padding-right:10px;
	}
		.header_top_link a{
			display:block;
			font-size:13px;
			line-height: 20px;
			color:#fff;
			text-decoration:none;
			position:relative;
		}  
		.header_top_link:hover > a{
			color:#081ba8;
		}		
		.header_top_link a:before {
			position: absolute;
			content: "|";
			top: -4px;
			right: -7px;
			font-size: 15px;
			line-height: 25px;
			color: #aeb7ff;		
		} 		
		

					
	.header_top_link:nth-child(3){
		padding-right:0px;
	}
	.header_top_link:nth-child(3) a:before{
		display:none;
	}






.headerRight{
	/*position:relative;*/
}

.headerRight.pc{
}
/*.headerRight.mobile{
	display:none;
}*/









/*================*/
/*----- Google多語系翻譯套用 -----*/
/*================*/			
	
/*Google多語系翻譯*/
.Esperanto{
	position: absolute;
	top: 50%;
	right: 95px;
	margin: -17px 0px;
	z-index:4;
}
	.Esperanto select{
		width: 122px;
		font-size: 12px;
		line-height: 34px;
		padding: 0px 0px 0px 7px;
		color: #58595b;
		border: 1px solid #bfbfbf00;
		border-radius: 26px;
	}   






/*================*/
/*----- 語系 -----*/
/*================*/			
						
			
                 
  	
	/*語系區塊*/
	.Lang_area {
		position: absolute;
		top: 50%;
		right: 0px;
		margin: -17px 0px;
		z-index:4;
	}
	
		.Lang{
			text-align: center;
			border-radius: 26px;
			background-color: #fff;
			border: solid 0.5px #bfbfbf00;
		}
			.Lang > a {
				font-size: 12px;
				line-height: 34px;
				color: #58595b;
				display: block;
				/*border: 1px #c3c3c3 solid;
				border-radius: 5px;*/
				text-decoration:none;
				padding: 0px 20px 0px 9px;
			}
			
			.Lang > a:before {
				position: absolute;
				content: "";
				border-top: solid 7px #58595b;
				border-left: solid 4px rgba(255,255,255,0);
				border-right: solid 4px rgba(255,255,255,0);
				top: 15px;
				right: 8px;
			}		
			
		
		.nL_in_area{
			background-color: #fff;
    		border-radius:3px;
			display:none;
			margin: 1px 0px 0px;
   			box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
		}
		/*.nL_in_area.active{
			display:block;
		}	*/	
		
		
		
			.nL_in{
				text-align: center;
			}
				.nL_in > a{
					color: #B3B3B3;
					display: inline-block;
					text-decoration: none;
					font-size: 12px;
					line-height: 24px;
					text-decoration:none;
				}
							
			.Lang > a:hover ,
			.nL_in > a:hover {
				opacity:0.5;
			}			
	
	                  
				
			
			
			


















/*================*/
/*----- 搜尋 -----*/
/*================*/			
						
		




/*PC搜尋區塊------------------------------------------------*/

.search_areaPC{
}
	/*搜尋icon*/
	.search_iconPC{
		transition: 0.3s ease all;
		padding: 5px 0px 20px 20px;
	}
		.search_iconPC label{
			position: relative;
			display: block;
		}
			/*.search_iconPC i{
				font-size: 35px;
				line-height: 35px;
				color: #1838d9;
				display: block;
			}*/
			
			.search_iconPC label div{
				position:relative;
				display:block;
			}
			.search_iconPC label div img{
				width:20px;
				height: 20px;
				display: block;
			}
			.search_iconPC label div:before{
				position: absolute;
				content: '';
				background-color: #1838d9;
				width: 0%;
				height: 1px;
				bottom: -10px;
				left: 0px;
				opacity: 0;
				transition: 0.2s ease all;
			}
			
			
		/*hover*/
		.search_iconPC:hover label{
			/*opacity:0.5;*/
			transition: 0.3s ease all;
		}	
		.search_iconPC:hover label div:before{
			background-color:#1838d9;
			width: 120%;
			opacity:1;
			transition: 0.2s ease all;
		}		
		
		
		


.search_inAreaPC{
	-webkit-transition: top .2s;
	transition: top .2s;
	position: absolute;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	display:none;
	top: 58px;
	left: 0px;
	/*right: 0px;*/
	background: rgba(255, 255, 255, 0.95);
	box-sizing: border-box;
	padding: 30px 10% 30px;
	/* border-bottom-left-radius: 10px; */
	/* border-bottom-right-radius: 10px; */
}
.header3.fixed .search_inAreaPC{
	top: 77px;
}
	
	/*搜尋類別*/
	.search_categoryAreaPC3{
		position: absolute;			
		left: 15px;
		width: 59px;
		z-index: 2;
	}
		.search_categoryAreaPC3 select{
			color: #fff;
			background: #000 url(../images/select_arrow_white.png) no-repeat;
			background-size: 13px;
			background-position: right;
			padding-right: 18px !important;
		}

	.search_inBoxPC{
		position: relative;
		width: 100%;
		padding: 0px 50px 0px 0px;
		box-sizing: border-box;
	}
		.search_inBoxPC input{
			background: transparent;
			border: 0px;
			/*color: #fff;*/
			color: #333;
			font-size: 16px;
			font-weight: bold;
			line-height: 22px;
			height: 40px;
			padding: 0px;
			border-radius: 0;
			width: 100%;
			border-bottom: 1px solid #1838d9;
		}
		.search_inBoxPC input[type="text"]:focus{
			border: 0px;
		}
		
	.search_inBoxPC a{
		z-index: 2002;
		color: #1838d9;
		position: absolute;
		right: 0px;
		top: 10px;
		text-decoration: none;
	}
		.search_inBoxPC span{
			display:inline-block;
			vertical-align:middle;
		}
		.search_closePC{
			font-size:22px;
			font-weight:lighter;
		}	
		























			
	
@media (max-width: 990px){


.header {
    padding: 10px 0px;
}
.header.fixed {
    padding: 10px 0px;
}

	/*.Lang_area {
		display:none;
	}

	.search_area {
		display: none;
	}*/
	
	.headerRight.mobile {
		display:block;
	}
	.headerRight.pc .Esperanto{
		display:none;
	}
	.headerRight.mobile .Esperanto {
		right: 40px;
		margin: -18px 0px;
	}
	
	
		/*.Lang_area {
			position: relative;
			top: auto;
			right: auto;
			margin: auto;
		}	
						
			.Lang {
				border-radius: 0px;
			}	
			.Lang > a {
    			line-height: 20px;
			}
			.Lang > a:before {
				top: 8px;
			}*/
			
			
	
	
	
	
.search_areaPC {
    /*position: absolute;
    top: 50%;
    right: 10px;
	-webkit-transform: translateX(0%) translateY(50%);
    transform: translateX(0%) translateY(50%);*/
}
	
	.search_iconPC {
		/*transition: 0.3s ease all;*/
		/*padding:0px;*/
		padding: 14px 50px 0px 0px;
	}	
		.search_inAreaPC {
			top: 56px;
			padding: 20px 5% 20px;
		}	
	
}			
			

			
	
@media (max-width: 425px){
	
	.logo {
		width: 210px;
		/*width: 125px;*/
	}		
	.headerRight.mobile .Esperanto {
		right: 30px;
		/*margin: -18px 0px;*/
	}		
	
	
	
	
.search_areaPC {
    /*right: 27px;*/
}	
	.search_iconPC {
		padding: 9px 40px 0px 0px;
	}
		.search_inAreaPC {
			top: 48px;
			padding: 10px 5% 10px;
		}	
		/*.search_iconPC i {
			font-size: 27px;
			line-height: 27px;
		}*/	
		.search_iconPC label div:before {
			bottom: -7px;
		}	
	
			
}
			
			
			
	
	
/*版頭區塊_右半部快速連結*/
.header_rightLink{
	position:absolute;
	top: -35px;
	right: 5%;

	width: 265px;
}
	.header_rightLink a{
		text-decoration: none;
		color: #000;
		font-size: 14px;
		line-height: 20px;
		display:inline-block;
		position:relative;
		letter-spacing: 0.5px;
		font-family: 'Raleway', sans-serif;
	} 

		/* .header_rightLink > a:before{
			position:absolute;
			content:'';
			background-color:#1838d9;
			width:0%;
			height:1px;
			bottom:0px;
			left:0px;
			opacity:0;
			transition: 0.2s ease all;
		} */
		
		/*hover*/
		/* .header_rightLink:hover > a:before{
			background-color:#1838d9;
			width:100%;
			opacity:1;
			transition: 0.2s ease all;
		} */

			.header_rightLink img{
				width: 100%;
				height: auto;
			}



.header.fixed .header_rightLink{
	display:none;
	transition:0.3s ease all;
}














/*================*/
/*----- 主按鍵 -----*/
/*================*/

.header_rightArea{
    float: right;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
	/* padding-right: 5%; */
    padding: 20px 5% 0px 0px;
}

.header.fixed .header_rightArea{
	padding: 10px 5% 0 0;
}

	.navbar{
		font-family: 'Noto Sans TC', sans-serif;
		/* margin-right: -30px; */
		/* padding: 20px 0px 0px; */
		/* margin: 0 -25px; */
	}
	
	/*浮動*/
	/*.header.fixed .navbar{
		padding: 0px 0px;
	}*/
	
		
		.nav{
			float: left;
			box-sizing: border-box;
			position: relative;
			padding: 0px 20px;
			/* padding: 0px 0px 15px; */
		}
		
		/*手機版隱藏*/
		.nav2{
			display:none;
		}
			.nav > a{
				display: block;
				font-weight: 700;
				text-decoration: none;
				color: #000000;
				font-size: 21px;
				line-height: 34px;
				transition: 0.3s ease all;
				padding: 0px 0px 15px;
				position:relative;
			}
			.nav > a:before{
				position: absolute;
				content:'';
				background-color:#1838d9;
				width: 0%;
				height: 1px;
				bottom: 12px;
				left: 0px;
				opacity: 0;
				transition: 0.2s ease all;
			}
			/*hover*/
			.nav:hover > a:before{
				background-color:#1838d9;
				width:100%;
				opacity:1;
				transition: 0.2s ease all;
			}





			
			/*.header.fixed .nav > a{
				transition: 0.3s ease all;
				font-size: 16px;
				padding: 20px 30px;
			}*/
			
			
			/*hover*/
			.nav:hover > a {
				/*opacity: 0.5;*/
				/*transition: 0.3s ease all;*/
			}
				.nav_span{
					color: #000;
					position: absolute;
					top: 16px;
					right: 3px;
					font-size: 12px;
				}
				
				
			/*主按鍵_下拉選單*/
			.navOpen.pc {
				position:absolute;
				top: 59px;
				left: 50%;
				width: 165px;
				-webkit-transform:translateX(-50%) translateY(0);
				transform:translateX(-50%) translateY(0);
				display: none;
				z-index: 2;
			}
			.navOpen.pc.geneinfo {
				width: 100%;
				position:absolute;
				left: 0;
				top: 80px;
				display: none;
				z-index: 2;
				background-color: rgba(255,255,255,0.9);
				box-shadow: 9px 6px 19px -8px rgba(0,0,0,0.5);
				border-top: 1px solid rgba(0,0,0,0.1);
				
				transition: 0.3s ease all;
			}
							
			
			/*.header.fixed .navOpen.pc.geneinfo {
				top: 56px;
			}*/
				.geneinfo_area{
					text-align: center;
					padding: 30px 0px;
				}
				
					/*子選單_標題區塊*/
					.nav_titArea{
						float: left;
						width: 20%;
						height: 100%;
						box-sizing: border-box;
						padding: 50px 40px;
					}
						.nav_titIn{
							color: #595757;
							font-size: 1.4em;
							text-align: right;
						}
						
						
					
					/*子選單_連結列表區塊*/
					.nav_inArea{
						float: left;
						width: 80%;
						min-height: 132px;
						box-sizing: border-box;
						padding: 7px 0px 7px 40px;
						border-left: 1px solid #716764;
					}
						.nav_inContent{
							text-align: left;
						}
							.navIn_listArea{
								float: left;
								padding-right: 100px;
								box-sizing: border-box;
							}
								.navIn_list{
									display: inline-block;
									box-sizing: border-box;
									width: 24%;
									padding: 7px 0px;
									text-align: left;
								}
									.navIn_list a{
										display: inline-block;
										color: #595757;
										text-decoration: none;
										font-size: 1em;
										letter-spacing: 0;
									}
									/*hover*/
									.navIn_list a:hover{
									}
							
			
			/*mobile版*/
			.navOpen.mobile {
				display:none;
				opacity:0;
				z-index:-999999;
				position: absolute;
			}	
			
			/*hover*/ 
			.nav:hover .navOpen.pc {
				display: block;
				transition: 0.3s ease all;
			}

			/* 當滑鼠滑到有下拉選單的主按鍵，下拉選單才會被打開 */ /* modify by pekey 20201119*/
			/* .nav.sstc.show .navOpen.pc {
				display: block;
				transition: 0.3s ease all;
			} */
			
			
			
			
			.nav.sstc {
				position: static;
			}
						
				.navOpen.pc.sstc {
					width: 100%;
					position: absolute;
					left: 0;
					top: 59px;
					/*display: none;*/
					-webkit-transform: translateX(0%) translateY(0%);
					transform: translateX(0%) translateY(0%);
					background: rgba(255, 255, 255, 0.95);
					/*border-top: 1px solid rgba(0,0,0,0.1);*/
					transition: 0.3s ease all;
					z-index: 2;
					padding: 30px 0px;
					/*display: block;*/
				}
				
				.navOpenBgSstcW {
					width: 1100px;
					/* width: 80%; */
					margin: 0 auto;
					display: flex;
					flex-wrap: nowrap;
					flex-direction: row;
				}
				
				
				
				
				
				.navOpenBgImg{
					width:250px;
					box-sizing:border-box;
					margin-right: 80px;
				}
					.navOpenBgImg img{
						width:100%;
						height:auto;
					}				
				
				
				
				
				/* .navOpenBg.sstc {
					width: 250px;
					min-height: 192px;
					border-right: 1px #616161 solid;
				}
					.navOpenBg.sstc .navOpenList a{
						text-align:left;
						padding: 5px 10px 5px 40px;
						background-color: #fff0;
						word-wrap: break-word;
						position: relative;
					}*/

			
								
				.navOpenBg {
					position:relative;
				}
				
				
				
				.navOpen.pc.sstc .navOpenBg{
					display: flex;
					flex-wrap: nowrap;
					flex-direction: row;
					min-height: 192px;
					width: calc(100% - 250px);
					box-sizing:border-box;
				}
				

				
				
				.navOpenBgIn{
					box-sizing:border-box;
					width: 33.3%;
				}
	

					.navOpen.pc  .navOpenList a {
						font-size: 17px;
						line-height: 30px;
						color: #222;
						padding: 0px 20px;
						margin-bottom: 30px;
						/*background: rgba(0,0,0,0.6);*/
						transition: 0.3s ease all;
						text-decoration: none;
						display: block;
						font-weight: lighter;
						font-family: 'Noto Sans TC', sans-serif;
					}
						/*.navOpen.pc  .navOpenList a:hover {
							text-decoration:none;
							transition: 0.3s ease all;
						}*/	
						
					.navOpen.pc  .navOpenList > a {
						position:relative;
					}

					 .navOpen.pc.sstc  .navOpenList a:before {
						position:absolute;
						content:"";
						background-image:url(../images/icon_right_nav.svg);
						background-position:center;
						background-repeat:no-repeat;
						background-size:8px;
						top:50%;
						left:0px;
						-webkit-transform: translateX(0%) translateY(-50%);
						transform: translateX(0%) translateY(-50%);
						width:8px;
						height:14px;
					}						
					
					/* .navOpen.pc.sstc  .navOpenList a:hover {
						opacity:0.5;
					}*/						
					
					.navOpen.pc  .navOpenList > a:after{
						position:absolute;
						content:'';
						background-color:#1838d9;
						width:0%;
						height:1px;
						bottom:0px;
						left:20px;
						opacity:0;
						transition: 0.5s ease all;
					}					
					.navOpen.pc  .navOpenList > a:hover:after { 
						position:absolute;
						content:'';
						background-color:#1838d9;
						width: calc(100% - 30px);
						height:1px;
						bottom:0px;
						left:20px;
						opacity:1;
						transition: 0.5s ease all;
					}							
					
					
					
					
					
					
					
					
						
						
						
						
@media (max-width: 1500px){

	.navbar {
		/*margin:0px -20px;*/
	}	
			.nav > a {
				/*padding: 0px 20px 25px;*/
			}	
			
}

@media (max-width: 1280px){

	.navbar {
		/*padding: 19px 0px;*/
		/*margin:0px -15px;*/
	}	
	
		.nav{
			padding: 0px 20px 0px;
			/*padding: 19px 0px;*/
		}
			.nav > a {
				padding: 0px 0px 25px;
			}	
			
			.navOpen.pc {
				top:40px;
			}
			
			
			
	.navOpenBgSstcW {
		width: 900px;
	}			
		.navOpenBgImg {
			width: 180px;
			margin-right: 30px;
		}			
		.navOpen.pc.sstc  .navOpenBg {
			width: calc(100% - 180px);
		}	
		
		.navOpen.pc.sstc .navOpenList a {
			padding: 0px 10px 0px 15px;
			margin-bottom: 21px;
		}
		.navOpen.pc.sstc .navOpenList a:before {
			background-size: 6px;
			width: 6px;
			height: 11px;
		}		
		
		
			
}
						
		
	

@media (max-width: 990px){
	
	/* 當滑鼠滑到有下拉選單的主按鍵，下拉選單才會被打開 */ /* modify by pekey 20201119*/
	.nav.sstc.show .navOpen.pc {
		display: none;
	}
	
		
	/*版頭區塊_右半部快速連結*/
	.header_rightLink{
		display:none;
	}	


	.header_rightArea{
		/*position: fixed;
		width: 200px;
		top: 0px;
		right: -200px;
		height: 100%;
		box-sizing: border-box;
		background: rgba(0, 0, 0, 0.7);
		transition: 0.3s ease all;
		padding: 65px 0px 0px;
		overflow-y: auto;
		z-index: 4;	
		
		display:block;
		flex-wrap: unset;
		flex-direction: unset;
		align-items: unset;	*/

		padding: 0px 5% 0px 0px;
	}
	
	.header_rightArea.active{
		/*right: 0px;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);	*/	
	}

	.header.fixed .header_rightArea {
		padding: 0px 5% 0px 0px;
	}
	
	/*主按鍵*/
	.navbar {
		padding: 0px 0px;
		margin:0px;
		position: fixed;		
		top: 0px;
		/*width: 200px;
		right: -200px;*/
		width: 100%;
		right: -100%;
		height: 100%;
		box-sizing: border-box;
		background: rgba(0, 0, 0, 0.7);
		transition: 0.3s ease all;
		padding: 46px 0px;
		overflow-y: auto;
		z-index: 4;
	}
		/*.header.fixed .navbar{
			padding: 46px 0px;
		}*/
		.navbar.active {
			right: 0px;
			background: #1b276d;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
		}
			.nav {
				float:none;
				width: 100%;
				padding: 0px;
				position: relative;
			}
			/*手機版打開*/
			.nav2{
				display:block;
			}
				/*.nav.geneinfo:after {
					position: absolute;
					content: '';
					border-top: solid 5px #999;
					border-left: solid 3px rgba(255,255,255,0);
					border-right: solid 3px rgba(255,255,255,0);
					top: 19px;
					right: 15px;
				}*/
				
				.nav > a {
					border: none;
					border-radius: 0px;
					text-align: left;
					padding: 15px 49px 15px 10px;
					color: #ffffff;
					border-bottom: 1px solid #566b8b;
					font-size: 17px;
					line-height: 22px;
					text-align: center;
					letter-spacing: 0px;
				}
				.nav2 > a {
					padding: 15px 10px 15px 10px;
				}
					
				.nav > a:before{
					height: 2px;
					bottom: 0px;
					transition: 0.5s ease all;
				}
				/*hover*/
				.nav:hover > a:before{
					background-color: #bdffff;
				}
				
				.nav.sstc > a:after{  /*.nav.sstc > a:after {*/  /* modify by pekey 20201119*/
					position: absolute;
					content: "";
					background-image: url(../images/icon_bottom_nav.svg);
					background-position: center;
					background-repeat: no-repeat;
					background-size: 15px;
					top: 50%;
					right: 25px;
					-webkit-transform: translateX(0%) translateY(-50%);
					transform: translateX(0%) translateY(-50%);
					width: 15px;
					height: 11px;
				}
				.nav2 > a:after {
					display:none;
				}				
				
				
				
				
				
				
				
				/*.header.fixed .nav > a{
					transition: 0.3s ease all;
					padding: 13px 15px;
				}*/
				
				
				
				
				
					/*當前模式*/
					.nav.active > a{
						background: transparent;
					}
					
					
						/*展開選單*/
						.navOpen {
							position:relative;
							top:0px;
							left:0px;
							margin:0px;
							width:auto;
							border-radius:0px;
							background:#444;
						}
							.navOpen:before, .navOpen:after {
								border-bottom: solid 8px #444;
								left: 23px;
							}
								.nO_list a {
									text-align:left;
									padding: 15px 15px;
								}
								
						
						/*hover*/
						.nav:hover .navOpen.pc {
							display:none;
						}	
						/*.fixed_nav:hover .navOpen.pc {
							display:none;
						}*/
							
							.navOpen.mobile {
								display: none;
								opacity: 1;
								z-index: 1;
								position: relative;
							}
								.navOpenBg {
									box-shadow: none;
								}
									.navOpen.mobile  .navOpenList {
									}
									.navOpen.mobile  .navOpenList > a {
										text-align:left;
										font-size:14px;
										color: #cecece;
										line-height:22px;
										/*padding: 12px 15px;*/
										padding: 12px 15px 12px 30px;
										background-color: rgba(0, 0, 0, 0.7);
										transition:0.3s ease all;
										text-decoration:none;
										display:block;
										border-bottom: 1px solid #5b5b5b;
										position:relative;
									}
										.navOpenList > a:hover {
											opacity: 0.7;
										}
										
									.navOpen.mobile  .navOpenList > a:before {
										position:absolute;
										content:"";
										background-image:url(../images/icon_right_nav.svg);
										background-position:center;
										background-repeat:no-repeat;
										background-size:6px;
										top:50%;
										left:15px;
										-webkit-transform: translateX(0%) translateY(-50%);
										transform: translateX(0%) translateY(-50%);
										width:6px;
										height:11px;
									}
										
										
										
										
}