header{
	font-family: 'Roboto',Verdana, Geneva,"微軟正黑體", sans-serif;
	width:100%;
	/*background-color:rgb(204,204,204);
	background-color:rgba(204,204,204,0.8);*/ /*20211103*/
	position:fixed;
	z-index:8888;
	margin:0;
}
	
header .header_w{
	display:block;
	max-width:1366px; /* 20210928*/
	height:86px;
	margin:0 auto;
	position:relative;
}

header .header_w h2{
	display:block;
	width:130px;
	height:42px;
	position:absolute;
	top:40px;/*20240316*/
	left:0px;
}	
	
header .header_w h2 a{
	display:block;
	width:130px;
	height:42px;
	background-image: url(images/phone/SP.svg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

header .header_w h2 a:hover{
	background-image:url(images/phone/SP_hover.svg);
}
	
header .header_w .top_function{
	/*width:430px;*/ /* 20210928*/
	height:42px;
	position:absolute;
	top:24px;
	right:0px;
	overflow:hidden;
}	
	
header .header_w .top_function h6{
	width:180px;
	height:42px;
	float:left;
	text-align:center;
	padding-right:10px;
}	
	
header .header_w .top_function h6 a{
	display:block;
	width:180px;
	height:42px;
	line-height:42px;
	font-size:16px;
	text-decoration:none;
	color:rgb(0, 204, 255);
}
	
header .header_w .top_function h6 a:hover{
	color:#bdbdbd;
}	
	
header .header_w .top_function .search{
	/*width:380px;*/  /* 20210928*/
	height:42px;
	line-height:42px;
	padding-right:10px; /* 20210928*/
	float:left;
	position: relative;
}	
	
header .header_w .top_function .search .SearchText{
	border-radius:20px;
	border:none;
	height: 36px;/*20211021*/
	background-color:#e0e0e0;
	/*width:120px;*/ /* 20210928*/
	padding: 8PX 8px 8px 16px;/* 20210928*/
	font-size:16px;
}

header .header_w .top_function .search input{  /*20210928*/
	outline:none;
}
	
header .header_w .top_function .search_icon{
	width:46px;
	height:42px;
	float:left;
}
	
header .header_w .top_function .search_icon a{
	display:block;
	width:46px;
	height:42px;
	background-image:url(images/desktop/search.png);
	background-position:center center;
	background-repeat:no-repeat;
}
	
header .header_w .top_function .search_icon a:hover{
	background-image:url(images/desktop/search_R.png);
}

header .header_w .top_function .search a{
	display: block;
	position: absolute;
	right:15px;/*20211021*/
	top:-2px;/*20211021*/
	opacity: 1;
}

header .header_w .top_function .search a:hover{
	opacity: 0.75;
}
	
header .header_w .top_function .lan{
	width:128px;/*20210928*/
	height:42px;
	float:left;
}	

header .header_w .top_function .lan a{
	display:block;
	width:128px;/*20210928*/
	height:42px;
	background-image: url(images/phone/lan/us.png);
	background-position:left center;/*20210928*/
	background-size:38px 38px;
	background-repeat:no-repeat;
	line-height:64px; /*20210928*/  /*20211014*/
	text-decoration: none;/*20210928*/
	padding-left: 46px;/*20210928*/
	font-size: 16px;/*20210928*/
	color: #003366;/*20210928*/
	transition: all 0.25s ease;/*20210928*/
}

header .header_w .top_function .lan a:hover{  /*20210928*/
	color: #0395c2;
}

/*------------2018/01/30---------------*/
header .header_w .top_function .shop_icon{
	width:52px; /*20210928*/
	height:42px;
	margin-right: 6px; /*20210928*/
	float:left;
}	

header .header_w .top_function .shop_icon a{
	display:block;
	width:52px; /*20210928*/
	height:42px;
	background-image: url(images/desktop/shop_new.png);
	background-position:center center;
	background-size:52px 42px; /*20210928*/
	background-repeat:no-repeat;
}

header .header_w .top_function .shop_icon a:hover{
	background-image: url(images/desktop/shop_new_R.png);
}
/*------------2018/01/30 end---------------*/

/*------------------------------------NAV-----------------------------------*/

#NAV{
	font-family: 'Roboto',Verdana, Geneva,"微軟正黑體", sans-serif;
	clear:both;
	width:100%;
	height:60px;
	/*background-color:rgb(255,255,255);*/
	background-color:rgba(216, 216, 216, .9); /*20211103*/
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
	
#NAV .nav_w{
	width:1366px;
	height:30px;
	margin:0 auto;
	padding-top:10px;
}	
	
#NAV .nav_w ul{
	display:block;
	width:1081px;
	height:40px;
	list-style:none;
	border-left:1px solid #333;
}

#NAV .nav_w li{
	display:block;
	width:215px;
	height:40px;
	float:left;
	border-right:1px solid #333;
	position:relative;
}	
	
#NAV .nav_w li a{
	display:block;
	width:215px;
	height:40px;
	font-size:16px;
	color:#333;
	background-color:rgb(255,255,255);
	background-color:rgba(255,255,255,0);
	text-decoration:none;
	text-align:center;
	line-height:40px;
}

#NAV .nav_w li:hover a{
	color:#FFF;
	background-color:rgb(0,204,255);
	background-color:rgba(0,204,255,0.7);
}
	
#NAV .nav_w ul ul{
	clear:both;
	display:none;
	width:215px;
	height:auto;
	position:absolute;
	top:40px;
	border-left:none;
	padding:8px 0;
	background-color:rgb(0,204,255);
	background-color:rgba(0,204,255,0.7);
}
	
#NAV .nav_w li:hover ul{
	display:block;
}	
	
#NAV .nav_w li:hover li{
	display:block;
	width:215px;
	height:auto;
	float:none;
	border-right:none;
}		
	
#NAV .nav_w li:hover li a{
	display:block;
	width:215px;
	height:auto;
	padding:10px 8px;
	font-size:16px;
	color:#333;
	background-color:none;
	text-decoration:none;
	text-align:center;
	line-height:1.4;
	border-right:none;
	margin:0 auto;
}
	
#NAV .nav_w li:hover li a:hover{
	background-color:rgb(0,204,255);
	background-color:rgba(0,204,255,1);
	color:#FFF;
}
	
/*---------------------20211024 NAV NEW------------------*/

#NAV .nav_new{
	width:1366px;
	height:45px;
	margin:0 auto;
	padding:5px 0;
	z-index: 999999;
}	

#NAV .nav_new ul{
	display:block;
	width:1366px;
	height:0px;
	list-style:none;
}
	
#NAV .nav_new li{
	display:block;
	width:16.66%;
	line-height: 45px;
	float:left;
	/*border-right:1px solid #999;*//*20211103*/
	transition: all 0.25s ease;
}	

#NAV .nav_new li:first-child{
	/*border-left:1px solid #999;*//*20211103*/
}
		
#NAV .nav_new li a{
	display:inline-block;
	width:100%;
	font-size:16px;
	color:#333;
	background-color:rgba(255,255,255,0);
	text-decoration:none;
	text-align:center;
	line-height:1.3;
	transition: all 0.2s ease;
	vertical-align: middle;
}

#NAV .nav_new li a p{
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

#NAV .nav_new li:hover{
	background-color:rgba(0,204,255,1);
}
	
#NAV .nav_new li:hover a{
	color:#fff;
}

#NAV .nav_new li .nav_each{
	display:none;
}

#NAV .nav_new li:hover .nav_each{
	display: block;
	/*height:450px ;20211103*/
	/*background-color: rgba(211, 211, 211, 1);20211103*/
}

#NAV .nav_new li .nav_each ul{
	border-left:none;
	position: relative;	
}

#NAV .nav_new li:hover .nav_each li ul{
	border-bottom: 6px solid #00ccff;
}

#NAV .nav_new li .nav_each li{
	background-color: rgba(211, 211, 211, 1);/*20211103*/
	height: auto;
}

#NAV .nav_new li .nav_each li:first-child{
	border-left:none;
}

#NAV .nav_new li .nav_each li a{
	line-height: 1.4;
	height: auto;
	padding: 8px;
}

#NAV .nav_new li:hover .nav_each li a{
	color:#333;
}

#NAV .nav_new li:hover .nav_each li:hover a{
	background-color: #999;
	color: #fff;
}

#NAV .nav_new li .nav_each ul li ul{
	display: none;
	position: absolute;
	width: 300px;
	background-color: #999;
	top:0px;
}

#NAV .nav_new li:nth-child(1) .nav_each ul li ul,
#NAV .nav_new li:nth-child(2) .nav_each ul li ul,
#NAV .nav_new li:nth-child(3) .nav_each ul li ul,
#NAV .nav_new li:nth-child(4) .nav_each ul li ul,
#NAV .nav_new li:nth-child(5) .nav_each ul li ul,
#NAV .nav_new li:nth-child(6) .nav_each ul li ul{
	left: 227px;
}

#NAV .nav_new li:nth-child(1) .nav_each ul li ul.lastlist,
#NAV .nav_new li:nth-child(2) .nav_each ul li ul.lastlist,
#NAV .nav_new li:nth-child(3) .nav_each ul li ul.lastlist,
#NAV .nav_new li:nth-child(4) .nav_each ul li ul.lastlist,
#NAV .nav_new li:nth-child(5) .nav_each ul li ul.lastlist,
#NAV .nav_new li:nth-child(6) .nav_each ul li ul.lastlist{
	left: 527px;
}

#NAV .nav_new li .nav_each ul li:hover ul{
	display: block;
}

/*nav 高度 (分語系)*/

/*#NAV .nav_new li:nth-child(1) .nav_each ul li:hover ul,*/
#NAV .nav_new li:nth-child(2) .nav_each ul li:hover ul/*,
#NAV .nav_new li:nth-child(3) .nav_each ul li:hover ul,
#NAV .nav_new li:nth-child(4) .nav_each ul li:hover ul,
#NAV .nav_new li:nth-child(5) .nav_each ul li:hover ul,
#NAV .nav_new li:nth-child(6) .nav_each ul li:hover ul*/{
	height:405px;
}

/*#NAV .nav_new li:nth-child(1) .nav_each ul li:hover ul,
#NAV .nav_new li:nth-child(2) .nav_each ul li:hover ul,*/
#NAV .nav_new li:nth-child(3) .nav_each ul li:hover ul/*,
#NAV .nav_new li:nth-child(4) .nav_each ul li:hover ul,
#NAV .nav_new li:nth-child(5) .nav_each ul li:hover ul,
#NAV .nav_new li:nth-child(6) .nav_each ul li:hover ul*/{
	height:270px;
}

#NAV .nav_new li .nav_each ul li ul li a{
	display: block;
	width: 300px;
	padding: 8px 10px 8px 30px;
	text-align: left;
	transition: all 0.25s ease;
}

#NAV .nav_new li .nav_each ul li:hover ul li:hover a{
	background-color: #00ccff;
	color: #003366;
	padding: 8px 10px 8px 35px;
	position: relative;
}

#NAV .nav_new li .nav_each ul li:hover ul li:hover a:before{
	content: "";
	display:block;
	position:absolute;
	left: -6px;
	top:-9px;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:8px 0 8px 8px;
	border-color: transparent transparent transparent rgb(255, 253, 145);
	margin:20px;
}

#NAV .nav_new li .nav_each ul li{
	float: none;
	border-right:none;
}

/*-----------------20200320------------------*/

#NAV .nav_w li li .lvthird{
	display: none;
	position: absolute;
	left: 215px;
	top:-8px;
}

#NAV .nav_w li li .lvthird a{
	display: block;
	background-image: url(images/desktop/lv3arrow.png);
	background-repeat: no-repeat;
	background-position: 14px 14px;
	text-align: left;
	padding-left:40px;	
}

#NAV .nav_w li li:hover .lvthird{
	display: block;	
}

#NAV .nav_w li li:hover .lvthird a:hover{
	background-image: url(images/desktop/more.png);
}

/*-----------------------------------------------------*/
/*-------------------------------------------phone header-------------------------------------------*/

#PHONE_HEADER{display:none;}
#PHONE_NAV{display:none;}
#PHONE_LAN{display:none;}	

/*------------------------------------------langurage--------------------------------------------*/

#LAN_CONTENT{
	font-family: 'Roboto',Verdana, Geneva,"微軟正黑體", sans-serif;
	width:1080px;
	margin:0 auto;
	padding-top:146px;
	padding-bottom:8%;
}
	
#LAN_CONTENT h2{
	font-family: 'Roboto',Verdana, Geneva,"微軟正黑體", sans-serif;
	text-align:center;
	padding:10% 0 5% 0;
	color:#00ccff;
	font-size:38px;
}
	
#LAN_CONTENT .lan_list{
	width:1080px;
	height:40px;
	border-bottom:1px solid #cccccc;
	margin-top:60px;
} 		
	
#LAN_CONTENT .lan_list h3{
	display:block;
	width:208px;
	height:40px;
	border-radius:30px 30px 0px 0px;
	background-color:#cccccc;
	text-align:center;
	line-height:40px;
	color:#FFF;
	font-size:20px;
}
	
#LAN_CONTENT ul{
	display:block;
	width:960px;
	margin:0 auto;
	padding-top:40px;
	list-style:none;
	overflow:hidden;
}
	
#LAN_CONTENT li{
	display:block;
	width:96px;
	height:180px;
	text-align:center;
	color:#333;
	line-height:1.4;
	float:left;
	font-size:13px;
}	
	
#LAN_CONTENT li span{
	color:#06F;
	font-size:13px;
}			

/*------------------------------------------index end---------------------------------------------*/

/*-------------------------------------------function----------------------------------------------*/		

#DOWN_FUNCTION{
	font-family: 'Roboto',Verdana, Geneva,"微軟正黑體", sans-serif;
	width:100%;
	background-color:#000; /* 20210928*/
	padding-bottom:2.2%;/* 20210928*/
	border-bottom:1px solid #666; 
}
	
#DOWN_FUNCTION .DOWN_FUNCTION_w{
	max-width:1366px; /* 20210928*/
	margin:0 auto;
	overflow:hidden;
}
	
#DOWN_FUNCTION .DOWN_FUNCTION_w .list{
	width:20%;
	float:left;
}	
	
#DOWN_FUNCTION .DOWN_FUNCTION_w .list h5{
	padding:50% 0px 20px 10px;
	font-size:15px;
	color:#333;
}
	
#DOWN_FUNCTION .DOWN_FUNCTION_w .list ul{
	list-style:none;
}	
	
#DOWN_FUNCTION .DOWN_FUNCTION_w .list li{
	font-size:14px;
	line-height:1.4;
	text-decoration:none;
	padding:0 25px 14px 10px;
}	
	
#DOWN_FUNCTION .DOWN_FUNCTION_w .list li a{
	text-decoration:none;
	color: #999;
}	
	
#DOWN_FUNCTION .DOWN_FUNCTION_w .list li a:hover{
	color: #f0eded;
}			

/*--------------------------------------down_funtion_new 20210928-----------------------------------------*/

#DOWN_FUNCTION .DOWN_FUNCTION_new{
	font-family: 'Roboto',Verdana, Geneva,"微軟正黑體", sans-serif;
	max-width:1366px;
	margin:0 auto;
	overflow:hidden;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .down_logo{
	padding-top:60px;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion_list{
	float: left;
	width: 58%;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion_list .down_nav_new{
	overflow: hidden;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion_list .down_nav_new .down_nav{
	width: 25%;
	float: left;
	padding-top: 10px;/*20211024*/
	padding-right: 8px;/*20211024*/
}

/*------20211024-------*/

.down_nav_title{
	overflow: hidden;
	padding-top: 30px;
}

.down_nav_title h6{
	width: 25%;
	float: left;
	color:#fff;
	font-size: 18px;
	padding-right: 8px;/*20211024*/
	line-height: 1.4;/*20211024*/
}

/*------------------*/

.down_nav ul{
	list-style: none;
	padding-top:0px;/*20211024*/
}

.down_nav ul li a{
	display: block;
	line-height: 1.6;/*20211024*/
	padding-bottom: 10px;/*20211024*/
	font-size: 15px;
	color:#00ccff;
	text-decoration: none;
	opacity: 0.8;
	transition: all .25s ease;
}

.down_nav ul li a:hover{
	opacity: 1;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion{
	float:right;
	width: 40%
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion{
	padding-top:60px; 
	overflow: hidden;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion{
	width:242px;
	height: 38px;
	float: right;
	position: relative;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion .down_search{
	width: 232px;
	height: 38px;
	border-radius: 19px;
	background-color:#e6e6e6;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion .down_search input{
	width: 232px;
	height: 38px;
	border-radius: 19px;
	border:none;
	background-color:#e6e6e6;
	font-size: 18px;
	padding-left: 20px;
	outline: none;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion a{
	position: absolute;
	right: 15px;
	bottom: 5px;
	opacity: 1;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion a:hover{
	opacity: .75;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .res_funtion{
	width: 222px;
	height: 38px;
	float: right;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .res_funtion a{
	display: block;
	width: 222px;
	height: 38px;
	border-radius: 19px;
	background-color:#00ccff ;
	text-align: center;
	color:#fff;
	font-size: 18px;
	line-height: 38px;
	text-decoration: none;
	transition: all .3s ease;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .res_funtion a:hover{
	background-color:#ffa620 ;
	color: #000;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon{
	padding-top: 30px;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon ul{
	overflow: hidden;
	width: 100%;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon ul li{
	float: right;
	width: 14.2%;	/*20220823*/
	text-align: right;	
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon ul li a{
	display: block;
	opacity: 0.6;
	transition: all 0.25s ease;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon ul li a:hover{
	opacity: 0.85;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan{
	overflow: hidden;
	padding-top:30px; 
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in{
	float: right;
	width: auto;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a{
	display: block;
	overflow: hidden;
	transition: all 0.25s ease;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a p{
	display: block;
	height: 72px;
	font-size: 16px;
	text-align: left;
	float: right;
	color: #666;
	transition: all 0.25s ease;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a p span{
	font-size: 16px;
	color: #666;
	padding-top: 0px;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a:hover p{
	color:#fff;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a:hover .down_lan_info{
	color: #fff;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a .down_lan_info{
	font-size: 18px;
	color: #00ccff;
	padding-top: 12px;
	transition: all 0.25s ease;
}

/*--------20211103---------*/

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a p.down_lan_flag {
	padding:10px 10px 6px 10px;
}

/*----------------*/

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a p img{
	width:75%;
	height: auto;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .midline{
	float: right;
	width: 6px;
	padding-right: 30px;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .midline p{
	color: #333;
	text-align: center;
	line-height: 72px;
	height: 72px;
	font-size: 36px;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_pp{
	float: right;
	height: 72px;
	line-height: 72px;
	text-align: right;
	width: 25%;
	font-size: 18px;
	padding-right: 18px;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_pp a {
	text-decoration: none;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_pp a p{
	color: #666;	
	transition: all 0.25s ease;
}

#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_pp a:hover p{
	color: #fff;
}

/*------------------------------------------phone function-------------------------------------------*/

#DOWN_ICON{display:none;}

/*--------------------------------------------footer-----------------------------------------------*/

footer{
	font-family: 'Roboto',Verdana, Geneva,"微軟正黑體", sans-serif;
	width:100%;
	height:auto;
	background-color:#000;
}

footer .footer_copy{
	width: 1366px; /* 20210928*/
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}	
	
footer h3{
	text-align:left;
	line-height:60px;
	color:#999;
	float: left;
	font-size: 16px;
}

footer h6{
	display: block;
	text-align:right;
	line-height:60px;
	color:#00ccff;
	float: right;
}

footer ul{
	display:block;
	float: right;
	list-style:none;
	padding:0 30px 0 10px;
}

footer li{
	display: inline-block;
	width: 38px;
	height: 60px;
	text-align: center;
	padding-top: 13px;
}

footer li a{
	opacity: 0.5;
}	

footer li a:hover{
	opacity: 0.3;
}

footer li img{
	width: 34px;
	height: 34px;
}   

@media screen and (max-width: 1365px) {	

	/*--------------20210928-----------------*/

	header .header_w{
		width: 1080px;
	}
	
	/*20211024*/
	#NAV .nav_new{
		width:1080px;
		height:30px;
		margin:0 auto;
		padding-top:5px;
		z-index: 999999;
    }	

	#NAV .nav_new ul{
		display:block;
		width:1080px;
		height:40px;
		list-style:none;
		border-left:none;
	}
	
	#NAV .nav_new li .nav_each li a{
		line-height: 1.4;
		height: auto;
		padding: 8px;
	}
	
    #NAV .nav_new li .nav_each ul li ul{
        display: none;
        position: absolute;
        width: 250px;
        background-color: #999;
        top:0px;
    }
    
	#NAV .nav_new li:nth-child(1) .nav_each ul li ul,
	#NAV .nav_new li:nth-child(2) .nav_each ul li ul,
	#NAV .nav_new li:nth-child(3) .nav_each ul li ul,
	#NAV .nav_new li:nth-child(4) .nav_each ul li ul,
    #NAV .nav_new li:nth-child(5) .nav_each ul li ul,
    #NAV .nav_new li:nth-child(6) .nav_each ul li ul{
        left: 180px;
    }
	
	#NAV .nav_new li:nth-child(1) .nav_each ul li ul.lastlist,
	#NAV .nav_new li:nth-child(2) .nav_each ul li ul.lastlist,
	#NAV .nav_new li:nth-child(3) .nav_each ul li ul.lastlist,
	#NAV .nav_new li:nth-child(4) .nav_each ul li ul.lastlist,
    #NAV .nav_new li:nth-child(5) .nav_each ul li ul.lastlist,
    #NAV .nav_new li:nth-child(6) .nav_each ul li ul.lastlist{
        left: 430px;
    }
    
    #NAV .nav_new li .nav_each ul li:hover ul{
        display: block;
    
	}

	/*nav 高度 (分語系)*/

	/*#NAV .nav_new li:nth-child(1) .nav_each ul li:hover ul,*/
	#NAV .nav_new li:nth-child(2) .nav_each ul li:hover ul/*,
	#NAV .nav_new li:nth-child(3) .nav_each ul li:hover ul,
	#NAV .nav_new li:nth-child(4) .nav_each ul li:hover ul,
	#NAV .nav_new li:nth-child(5) .nav_each ul li:hover ul,
    #NAV .nav_new li:nth-child(6) .nav_each ul li:hover ul*/{
        height: 405px;
	}
	
	/*#NAV .nav_new li:nth-child(1) .nav_each ul li:hover ul,
	#NAV .nav_new li:nth-child(2) .nav_each ul li:hover ul,*/
	#NAV .nav_new li:nth-child(3) .nav_each ul li:hover ul/*,
	#NAV .nav_new li:nth-child(4) .nav_each ul li:hover ul,
	#NAV .nav_new li:nth-child(5) .nav_each ul li:hover ul,
	#NAV .nav_new li:nth-child(6) .nav_each ul li:hover ul*/{
		height:270px;
	}
    
    #NAV .nav_new li .nav_each ul li ul li a{
        display: block;
        width: 250px;
        padding: 8px 10px 8px 30px;
        text-align: left;
        transition: all 0.25s ease;
    }
	
	/*----------------*/

    #DOWN_FUNCTION .DOWN_FUNCTION_new{
		max-width:1080px;
		margin:0 auto;
		overflow:hidden;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .down_logo{
		padding-top:60px;
	}
		
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion_list{
		float: none;
		width: 100%;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion_list .down_nav_new{
		overflow: hidden;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion_list .down_nav_new .down_nav{
		width: 25%;
		float: left;
		padding-top: 10px;/*20211024*/
		padding-right: 12px;/*20211024*/
	}
	
	.down_nav_title h6{  /*20211024*/
		color:#fff;
		font-size: 18px;
		padding-right: 12px;/*20211024*/
		line-height: 1.4;/*20211024*/
	}
	
	.down_nav ul{
		list-style: none;
		padding-top:0px;
	}
	
	.down_nav ul li a{
		display: block;
		line-height: 1.6;/*20211024*/
		padding-bottom: 10px;/*20211024*/
		font-size: 15px;
		color:#00ccff;
		text-decoration: none;
		opacity: 0.8;
		transition: all .25s ease;
	}
	
	.down_nav ul li a:hover{
		opacity: 1;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion{
		float:none;
		width: 100%
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion{
		padding-top:60px; 
		overflow: hidden;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion{
		width:242px;
		height: 38px;
		float: left;
		position: relative;
		margin-left: 10px;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion .down_search{
		width: 232px;
		height: 38px;
		border-radius: 19px;
		background-color:#e6e6e6;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion .down_search input{
		width: 232px;
		height: 38px;
		border-radius: 19px;
		border:none;
		background-color:#e6e6e6;
		font-size: 18px;
		padding-left: 20px;
		outline: none;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion a{
		position: absolute;
		right: 15px;
		bottom: 5px;
		opacity: 1;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .search_funtion a:hover{
		opacity: .75;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .res_funtion{
		width: 222px;
		height: 38px;
		float: left;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .res_funtion a{
		display: block;
		width: 222px;
		height: 38px;
		border-radius: 19px;
		background-color:#00ccff ;
		text-align: center;
		color:#fff;
		font-size: 18px;
		line-height: 38px;
		text-decoration: none;
		transition: all .3s ease;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .main_funtion .res_funtion a:hover{
		background-color:#ffa620 ;
		color: #000;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon{
		padding-top: 30px;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon ul{
		overflow: hidden;
		width: 100%;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon ul li{
		float: left;
		width: 84px;	
		text-align: left;	
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon ul li a{
		display: block;
		opacity: 0.6;
		transition: all 0.25s ease;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .social_icon ul li a:hover{
		opacity: 0.85;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan{
		overflow: hidden;
		padding-top:30px; 
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in{
		float: left;
		width: auto;
		padding-right: 18px;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a{
		display: block;
		overflow: hidden;
		transition: all 0.25s ease;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a p{
		display: block;
		height: 72px;
		line-height: auto;
		font-size: 18px;
		text-align: right;
		float: left;
		color: #666;
		transition: all 0.25s ease;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a:hover p{
		color:#fff;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a:hover .down_lan_info{
		color: #fff;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a .down_lan_info{
		font-size: 20px;
		color: #00ccff;
		transition: all 0.25s ease;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_lan_in a p img{
		width:75%;
		height: auto;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .midline{
		float: left;
		width: 6px;
		padding-right: 10px;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .midline p{
		color: #333;
		text-align: center;
		line-height: 72px;
		height: 72px;
		font-size: 36px;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_pp{
		float: left;
		height: 72px;
		line-height: 72px;
		text-align: left;
		width: 25%;
		font-size: 18px;
		padding-right: 0;
		padding-left:42px;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_pp a {
		text-decoration: none;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_pp a p{
		color: #666;	
		transition: all 0.25s ease;
	}
	
	#DOWN_FUNCTION .DOWN_FUNCTION_new .ft_funtion .down_lan .down_pp a:hover p{
		color: #fff;
	}

	footer .footer_copy{
		width: 1080px;
	}
	
}

@media screen and (max-width: 768px) , screen and  (orientation: portrait) and (max-width:1080px){

	/*-----------------------------------------phone header---------------------------------------*/	

	#PHONE_HEADER{
		display:block;
		width:100%;
		height:60px;
		background-color:rgb(204,204,204);
		background-color:rgba(204,204,204,0.8);
		border-bottom:1px solid #999;
		position:relative;
		position:fixed;
		z-index:8888;
	}
            
	#PHONE_HEADER h1 a{
		display:block;
		width:130px;
		height:34px;
		background-image:url(images/phone/SP.svg);
		position:absolute;
		top:10px;
		left:10px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
            
    #PHONE_HEADER h4{
        display:block;
        width:120px;
        height:30px;
        overflow:hidden;
        position:absolute;
        top:11px;
        right:10px;
    }
            
    #PHONE_HEADER ul{
        display:block;
        list-style:none;
        overflow:hidden;
    }
            
    #PHONE_HEADER li{
        display:block;
        width:40px;
        height:30px;
        text-align:center;
        float:right;
    }	
        
    /*-----------------------------------------phone_nav------------------------------------------*/	
            
    #PHONE_NAV{
        display:none;
        width:100%;
        height:100%;
        background-color:#000;
        z-index:9999;
        position: fixed;
        padding-bottom:16%;
        overflow:auto;
        z-index:99999;
    }
            
    #PHONE_NAV h4{
        width:30px;
        height:30px;
        position:absolute;
        top:40px;
        right:10%;
    }
            
    #PHONE_NAV .phone_search{
        width:80%;
        margin:0 auto;
        overflow:hidden;
        padding-top:20%;
    }		
        
    #PHONE_NAV .phone_search .phone_search_text{
        width:84%;
        height:36px;
        padding-top:6px;
        float:left;
    }
            
    #PHONE_NAV .phone_search .phone_search_text .text{
        width:100%;
        height:24px;
        border-radius:16px;
        border:none;
        background-color:#999;
        font-size:15px;
        padding-left:2%;
        padding-right:2%;
    }	
            
    #PHONE_NAV .phone_search .search_icon{
        width:36px;
        height:36px;
        float:right;
    }
        
    #PHONE_NAV .nav_list{
        width:80%;
        margin:0 auto;
        padding-top:10%
    }
            
    #PHONE_NAV .nav_list h3{
        color:#00ccff;
        font-size:26px;
        line-height:2.0;
        border-bottom:1px solid #036f8a;
        text-align:left;
    }
           
    #PHONE_NAV .nav_list ul{
        display:none;
        width:100%;
        list-style:none;
        overflow:hidden;
    }
            
    #PHONE_NAV .nav_list li{
        width:100%;
        padding-right:2%;
        /*float:left;*/
    }	
            
    #PHONE_NAV .nav_list li a{
        font-size:18px;
        color:#FFF;
        line-height:2.6;
        text-align:center;
        text-decoration:none;
    }		
                        
    /*-----------------------------------------phone_lan------------------------------------------*/	
        
    #PHONE_LAN{
        display:none;
        width:100%;
        height:100%;
        background-color:#000;
        z-index:10000;/*20210928*/
        position:fixed;
        padding-bottom:16%;
        overflow:auto;
    }
            
    #PHONE_LAN h4{
        width:30px;
        height:30px;
        position:absolute;
        top:40px;
        right:10%;
    }		
            
    #PHONE_LAN h3{
        text-align:center;
        font-size:30px;
        color:#00ccff;
        padding-top:28%;
    }
            
    #PHONE_LAN .phone_lan_list{
        display:block;
        width:100%;
        padding-top:20%;
    }
            
    #PHONE_LAN .phone_lan_list .lan_title{
        width:100%;
        border-bottom:1px solid #666666;
    }	
            
    #PHONE_LAN .phone_lan_list h5{
        width:220px;
        height:40px;
        margin:0 auto;
        color:#FFF;
        text-align:center;
        font-size:20px;
        line-height:40px;
        background-color:#666;
        border-radius:30px 30px 0 0;
    }
            
    #PHONE_LAN .phone_lan_list .country_icon{
        width:90%;
        margin:0 auto;
        padding-top:10%;
    }	
            
    #PHONE_LAN .phone_lan_list .country_icon ul{
        list-style:none;
        width:100%;
        overflow:hidden;
    }	
                
    #PHONE_LAN .phone_lan_list .country_icon li{
        display:block;
        width:20%;
        height:120px;
        float:left;
        text-align:center;
        color:#CCC;
        padding-bottom:5%;
        line-height:1.2;
    }
            
    #PHONE_LAN .phone_lan_list .country_icon li span{
        color:#00ccff;
    }	
            
    #PHONE_LAN .phone_lan_list .country_icon li a{
        display:block;
        width:60%;
        margin:0 auto;
    }	
            
    #PHONE_LAN .phone_lan_list .country_icon li a img{
        width:100%;
        height:auto;
    }

	/*-----------------------------------------desktop header---------------------------------------------*/	

    header{display:none;}
    header .header_w{display: none;}

	/*-------------------------------------------function----------------------------------------------*/		

	#DOWN_FUNCTION{display:none;}

	/*----------------------------------------function end---------------------------------------------*/

	#DOWN_ICON{
		display:block;
		width:100%;
		height:auto;
	}
	
	#DOWN_ICON .COMMUNITY{
		display:block;
		width:100%;
		height:auto;
		background-color:#e8e7e7;
	}
	
	#DOWN_ICON .COMMUNITY ul{
		display:block;
		list-style:none;
		width:100%;
		height:72px;
		padding-left:5%;
		padding-right:5%;
		overflow:hidden;
		margin-bottom:0;
	}
	
	#DOWN_ICON .COMMUNITY li{
		display:block;
		float:left;
		width:25%;
		height:72px;
		-webkit-box-sizing:border-box;
	}
	
	#DOWN_ICON .COMMUNITY li a{
		display:block;
		width:100%;
		height:72px;
		text-align:center;
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px 50px;
	}
	
	#DOWN_ICON .COMMUNITY li a.FB{background-image:url(images/phone/FB.png);}	
	#DOWN_ICON .COMMUNITY li a.YT{background-image:url(images/phone/YOUTUBE.png);}
	#DOWN_ICON .COMMUNITY li a.TW{background-image:url(images/phone/TW.png);}
	#DOWN_ICON .COMMUNITY li a.SH{background-image:url(images/phone/SHOPPING.png);}		

	#DOWN_ICON .ALL_ABOUT{
		display:block;
		width:100%;
		height:100px;
		background-color:#454444;
		clear:both;
	}
	
	#DOWN_ICON .ALL_ABOUT ul{
		display:block;
		list-style:none;
		width:100%;
		height:100px;
		padding-left:5%;
		padding-right:5%;
		overflow:hidden;
		border-top:1px solid #333;
		border-bottom:1px solid #333; 
		background-color:#454444;
	}
	
	#DOWN_ICON .ALL_ABOUT .LC{
		display:block;
		float:left;
		width:25%;
		height:100px;
		border-left:1px solid #666;
		-webkit-box-sizing:border-box;
	}
	
	#DOWN_ICON .ALL_ABOUT .FC{
		display:block;
		float:left;
		width:25%;
		height:100px;
		-webkit-box-sizing:border-box;
	}
	
	#DOWN_ICON .ALL_ABOUT li a{
		display:block;
		width:100%;
		height:100px;
		text-align:center;
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:center 10px;
		background-size:50px 50px;
		color:#FFF;
		padding-top:70px;
		font-size:12px;
		letter-spacing:1px;
		background-color:#454444;
	}
	
	#DOWN_ICON .ALL_ABOUT li a.icon05{background-image:url(images/phone/about.png);}	
	#DOWN_ICON .ALL_ABOUT li a.icon06{background-image:url(images/phone/industrial.png);}
	#DOWN_ICON .ALL_ABOUT li a.icon07{background-image:url(images/phone/contact.png);}
	#DOWN_ICON .ALL_ABOUT li a.icon08{ background-image:url(images/phone/Register%20.png);}	

	/*--------------------------------------------footer-----------------------------------------------*/

	footer{
		width:100%;
		height:50px;
		background-color:#000;
	}
	
	footer h3{
		text-align:center;
		line-height:1.2;
		padding:2% 4% 2% 4%;
		color:#999;
		font-size: 13px;
	}

	footer .footer_copy{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		clear: both;
	}	

	footer h6{
		display: none;
		text-align:right;
		line-height:60px;
		color:#00ccff;
		float: right;
	}

	footer ul{
		display:none;
		float: right;
		list-style:none;
		padding:0 30px 0 10px;
	}

}