/*-------版腳----------------------------------------------------------------------------*/

			
	
	/*浮動鍵*/
	.side_btn{
		position: fixed;
		/*bottom:-300px;*/
		bottom:80px;
		z-index:9999;
		/*opacity:0.1;*/ /*新增by pekey 20170428*/
	}
	.side_btn:hover{
		/*opacity:1;*/ /*新增by pekey 20170428*/
	}
	
	
	
	
	
	.YAHOO_but{
		position: fixed;
		right:20px;
		bottom: 97px;
		/*bottom: 149px;*/
		z-index:9999;		
	}
	
		.YAHOO_but a{
			display: block;
			text-decoration: none;
			color: #fff;
			font-size: 12px;
			text-align: center;
			background: #400090;
			width: 52px;
			height: 52px;
			/*padding: 5px 0px 0px;*/
			transition: 0.3s ease all;	
			position:relative;			
		}		
			.YAHOO_but img{
				position: absolute;
			    top: 49%;
			    left: 47%;
			    margin: -24px 0px 0px -23px;
			    width: 50px;
			    height: auto;
			}
		.YAHOO_but_name{
			position:absolute;
			bottom: 6px;
			left: 13px;
			font-weight:bold;
			letter-spacing:0px;
		}
		
		/*Safari和chrome*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.YAHOO_but_name{
				position:absolute;
				bottom:5px;
				left: 50%;
				margin: 0px 0px 0px -13px;
				font-weight:bold;
				font-size:12px;
				letter-spacing: 0px;
				transform: scale(0.8);
			}
		}		
		
		
		
		
			
	.rbh_but {
		position: fixed;
		right:20px;
		/*bottom:-176px;*/
		bottom: 149px;
		z-index:9999;
	}
		.rbh_but a {
			display: block;
			text-decoration: none;
			color: #fff;
			font-size: 12px;
			text-align: center;
			background: #3b5a9b;
			width: 52px;
			height: 52px;
			/*padding: 5px 0px 0px;*/
			transition: 0.3s ease all;	
			position:relative;
		}
				.rbh_but img{
					position:absolute;
					top: 50%;
					left: 50%;
					margin: -25px 0px 0px -20px;
					/*top:5px;
					left:0px;*/
				}
		.rbh_but_name{
			position:absolute;
			bottom:5px;
			left:3px;
			font-weight:bold;
			/*font-size:10px;*/
			letter-spacing: -1px;  /*修改by pekey 20170704*/
		}
		
		/*新增by pekey 20170704*/
		/*Safari和chrome*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.rbh_but_name{
				position:absolute;
				bottom:5px;
				left: 50%;
				margin: 0px 0px 0px -9px;
				/* left: 3px; */
				font-weight:bold;
				font-size:12px;
				letter-spacing: 0px;
				transform: scale(0.8);
			}
		}
	
	.ssunion_but {
		position: fixed;
		right:20px;
		bottom: 201px;
		/*bottom:-128px;*/
		z-index:9999;
	}
		.ssunion_but a {
			display: block;
			text-decoration: none;
			color: #fff;
			font-size: 12px;
			text-align: center;
			background: #00b900;
			width: 52px;
			height: 52px;
			/*padding: 6px 0px 0px;*/
			transition: 0.3s ease all;
			position:relative;
		}
			.ssunion_but img{
				position:absolute;
				top: 50%;
				left: 50%;
				margin: -25px 0px 0px -20px;
				/*top:6px;
				left:0px;*/
			}
		.ssunion_but_name{
			position:absolute;
			bottom:5px;
			left:14px;
			font-weight:bold;
			font-size:10px;
			letter-spacing: 0px;
		}
		
		
		/*新增by pekey 20170704*/
		/*Safari和chrome*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.ssunion_but_name{
				position:absolute;
				bottom:5px;
				left: 50%;
				margin: 0px 0px 0px -20px;
				/*left:14px;*/
				font-weight:bold;
				font-size:12px;
				letter-spacing: 0px;
				transform: scale(0.8);
			}
		}
		
	/*浮動top鍵*/
	.top_but {
		position: fixed;
		right:20px;
		bottom: 45px;
		/*bottom:-78px;*/
		z-index:9999;
	}
		.top_but a {
			display: block;
			text-decoration: none;
			color: #fff;
			font-size: 12px;
			text-align: center;
			background: #595758;
			width: 52px;
			height: 52px;
			/*padding: 9px 0px 0px;*/
			transition: 0.3s ease all;
			position:relative;
		}
			.top_but img{
				position:absolute;
				top:9px;
				left:0px;
			}
			.top_but a:hover, .ssunion_but a:hover, .rbh_but a:hover {
				/*color:rgba(0, 167, 160, 1);
				background: rgba(255, 255, 255, 1);*/
				opacity:0.7;
			}
		.top_but_name{
			position:absolute;
			bottom:5px;
			left:15px;
			font-weight:bold;
			font-size:10px;
			letter-spacing: 0px;
		}	
		
		/*新增by pekey 20170704*/
		/*Safari和chrome*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.top_but_name{
				position:absolute;
				bottom:5px;
				left:15px;
				font-weight:bold;
				font-size:12px;
				letter-spacing: 0px;
			}	
		}
			
			/*.top_but a:before {
				content: '';
				position: absolute;
				border-bottom: solid 10px;
				border-left: solid 6px rgba(0,0,0,0);
				border-right: solid 6px rgba(0,0,0,0);
				top: 9px;
				left: 50%;
				margin: 0px 0px 0px -6px;
			}*/
			
			



.footer{
	background:#002f7d;
	margin-top: 30px;
	/*height:260px;*/
}
	.footer > .wrap{
		padding:30px 0px;
	}
@media (max-width:980px){
	.footer > .wrap{
		padding:30px 20px;
	}
}
			

		
	/*版腳公司資訊*/	
	.footer_left{
		float:left;
		box-sizing: border-box;
		width: 33.3%;
	}
		.footer_logo{
			
		}	
			footer_logo img{
				
			}
			
		.footer_InfoArea{
			padding-top:13px;
		}
			.footer_InfoArea span{
				color:#fff;
				font-size:13px;
				line-height:22px;
				letter-spacing: 0;
			}
		.copyright{
			padding-top:20px;
		}
			.copyright span{
				color:#fff;
				font-size:12px;
				line-height:16px;
			}
			.copyright span a{
				color:#fff;
			}		
	
	
	/*版腳主按鍵*/
	.footer_center{
		min-height: 196px;
		text-align: center;
		width: 33.3%;
		float:right;
		box-sizing: border-box;
		padding:0px 47.5px;
		border-left:1px solid #0060ff;
		border-right:1px solid #0060ff;
	}	
	
		.footer_navbar_bg{
			
		}
		
			/*版腳按鍵左半部*/
			.footer_navbar_left{
				/*float:left;	
				padding:0px 47.5px;*/
			}
				.fNL_list{
					padding: 12px 0px;
				}
					.fNL_list a{
						/*padding:0px 47.5px;*/
						color:#fff;
						font-size: 15px;
					}
					
			/*版腳按鍵右半部*/
			/*.footer_navbar_right{
				float:right;
				padding:0px 47.5px;
			}
			.fNR_list.cart {
				text-align: center;
				letter-spacing: 8px;
			}
				.fNR_list{
					padding:7px 0px;
				}
				
				
				.footer_navbar_right > .fNR_list:first-child{
					letter-spacing: 8px;
				}
					.fNR_list a{ 
						color:#fff;
						font-size:13px;
					}*/
		
		/*版腳社群按鍵*/
		.footer_sns{
			padding:38px 47.5px 0px 47.5px;
		}
			.fS_icon{
				width:33.333333%;
				float:left;
				box-sizing:border-box;
				padding: 0px 10px;
			}
			.fS_icon:first-of-type{
				padding-left:0px;
			}
			.fS_icon:nth-of-type(3){
				padding-right:0px;
			}
				.fS_icon a{
					display:block;
					border-radius: 50%;
					width: 36px;
					height: 36px;
					margin: 0px auto;
				}
				.fS_icon:hover a{
					background:#717a7a;
				}
					.fS_icon img{
						width:100%;
						height:auto;
					}
		
		
	/*版腳fb粉絲團*/	
	.footer_right{
		width: 33.3%;
		float:right;
		box-sizing: border-box;
	}
		.footer_fb{
			float:right;
		}
		
@media (max-width:1080px){
	
	/*版腳公司資訊*/
	.footer_left{
		
	}
	
	/*版腳主按鍵*/
	.footer_center{
		padding:0px;
		border-left: 0px solid #0060ff;
    	border-right: 0px solid #0060ff;
	}
	
	/*版腳fb粉絲團*/		
	/*.footer_right{
		padding-left:40px;
	}*/
}

@media (max-width:940px){	
	
	/*版腳公司資訊*/
	.footer_left{		
	}
	
	/*版腳主按鍵*/
	/*.footer_center{
		padding:0px 20px;
	}
		.footer_navbar_left{
			padding:0px 20px;
		}
		.footer_navbar_right{
			padding:0px 20px;
		}*/
		
		/*版腳社群按鍵*/
		/*.footer_sns {
			padding: 38px 0px 0px;
		}*/
		
	/*版腳fb粉絲團*/		
	.footer_right{
		
	}
}
@media (max-width:890px){	
.footer{
	height:auto;
}
	/*版腳公司資訊*/
	.footer_left{
		float:none;
		width:100%;
		padding:20px 0px 0px;
		text-align:center;
	}
	
	/*版腳主按鍵*/
	.footer_center{
		float:none;
		border:0px;
		border-top:1px solid #0060ff;
		border-bottom:1px solid #0060ff;
		padding:0px;
		width:100%;
		padding:20px 0px;
	}
		/*.footer_navbar_left{
			width: 50%;
			text-align: center;
			padding:0px;
		
		}
		.footer_navbar_right{
			width: 50%;
			text-align: center;
			padding:0px;
		}
			.footer_navbar_right > .fNR_list:first-child{

				letter-spacing:2px;
			}*/
		
		/*版腳社群按鍵*/
		.footer_sns {
			
		}
		
	/*版腳fb粉絲團*/		
	.footer_right{
		float:none;
		padding:0px;
		width:100%;
		padding-bottom:20px;
	}
		.footer_fb{
			float:none;
			text-align:center;
		}
}
