@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1260px) and (max-width: 1440px) {
	.ShowMobile{
		display: none;
	}
	header{
		width: 100%;
		height: 100px;
		position: fixed;
		z-index: 1000;
		transition: all .3s;
	}
	#HeaderForm{
		max-width: 1256px;
		height: 150px;
		margin: 0 auto;
		padding-top: 10px;
		box-sizing: border-box;
		padding-left: 80px;
		padding-right: 80px;
		
	}
	#Logo{
		width: 157px;
		height: 45px;
		float: left;
		background: url("/Assets/Web/Images/LogoNb.png") no-repeat;		
		margin-top: 15px;
		
	}
	#Menu{		
		float: right;
		padding-top: 5px;
	}
	#Menu ul{
		list-style: none;
	}
	#Menu ul li{
		width: 150px;
		height: 40px;
		float: left;
	}
	#Menu ul li a{
		color: #FFF;
		text-decoration: none;
	}
	#Banner{
		width: 100%;
		height: 100vh;
		background: url("/Assets/Web/Images/IndexBannerNb.jpg") no-repeat top center;
		background-size: cover;
		overflow: hidden;
	}

	.MenuC{
		height: 25px;
		font-size: 14px;
		font-weight: bold;
		
		font-weight: 600;
		font-style: normal;
		text-shadow: 5px 5px 6px #000;
		letter-spacing: 1px;		
	}
	.MenuE{
		font-size: 12px;
		
		font-weight: 400;
		font-style: normal;
		text-shadow: 5px 5px 6px #000;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.HeaderBg{
		background-color: #a5a5a5;
		transition: all .3s;
	}
	.MenuCNo{
		text-shadow: none;
	}
	.MenuENo{
		text-shadow: none;
	}
	#BannerForm{
		width: 100%;
		height: 720px;
		margin: 0 auto;
	}
	#BannerText{
		width: 700px;
		height: 400px;
		top: 50%;
		position: absolute;
		margin-top: -100px;	
		padding-left: 150px;
		box-sizing: border-box;
		overflow: hidden;
	}
	#BannerText1{
		width: 700px;
		height: 120px;
		line-height: 40px;
		font-size: 24px;
		color: #FFF;
		letter-spacing: 6px;
		text-shadow: 5px 5px 6px #000;
		position:relative;
	}
	#BannerText2{
		width: 700px;
		height: 150px;
		line-height: 40px;
		font-size: 32px;
		font-weight: bold;
		color: #FFF;
		letter-spacing: 4px;
		text-shadow: 5px 5px 6px #000;
		position:relative;
	}	
	.BFont1{
		color: #92d1d5;
		font-weight: bold;
	}
	#BannerBottomBg{
		width: 479px;
		height: 323px;
		background: url("/Assets/Web/Images/BannerBottomNbBg.png") left bottom no-repeat;
		background-size: contain;
		position: absolute;
		right: 0px;
		bottom: 0px;
		
	}
	#BannerLine{
		width: 240px;
		height: 146px;
		background: url("/Assets/Web/Images/VectorNb.png")left top;
		background-size: cover;
		position: absolute;
		right: 110px;
		bottom: 90px;
		z-index: 100;
	}
	#Copyright{
		max-width: 1256px;
		height: 30px;
		color: #FFF;
		font-size: 12px;		
		font-weight: 300;
		padding-left: 100px;
		position: absolute;
		bottom: 60px;
		
	}
		
	#About{
		width: 100%;
		padding-top: 120px;
		padding-left: 80px;
		padding-right: 80px;
		box-sizing: border-box;
	}
	#AboutForm{
		max-width: 1300px;
		height: 800px;
		padding: 100px;
		margin: 0 auto;
		box-sizing: border-box;
		background: url("/Assets/Web/Images/AboutNbBg.png") no-repeat;		
		
	}
	#AboutRight{
		width: 350px;
		float: right;
	}
	#AboutTitle{
		width: 100%;
		height: 150px;
			
		font-style: 700;
		font-size: 28px;
		font-weight: bold;
		color: #FFF;
		letter-spacing: 5px;
	}
	#AboutContent{
		width: 100%;
		line-height: 30px;
		font-size: 15px;
		
		font-weight: 700;
		font-style: normal;
	
		color: #FFF;
		letter-spacing: 4px;
		margin-bottom: 40px;
	}
	#AboutMore{
		width: 130px;
		line-height: 35px;		
		font-weight: 700;
		font-style: normal;
		font-size: 14px;
		color: #FFF;
		letter-spacing: 2px;
		float: right;
		text-align: right;
		background: url("/Assets/Web/Images/AboutMoreNbBg.png") left center no-repeat;
		
	}
	
	#Flexible{
		width: 100%;
		height: 660px;
		background: url("/Assets/Web/Images/FlexibleNbBg.png") #a5a5a5 left center no-repeat;
		
	}
	#FlexibleForm{
		max-width: 1256px;
		height: 660px;
		margin: 0 auto;
		padding-left: 50px;		
		padding-top: 150px;
		box-sizing: border-box;
	}
	#FlexibleLeft{
		width: 350px;
		float: left;
		padding-left: 30px;		
	}
	#FlexibleTitle{
		width: 300px;
		height: 120px;
		
		font-weight: 700;
		font-style: normal;
		font-size: 28px;
		color: #FFF;
		letter-spacing: 6px;
		text-align: left;
		border-bottom: 1px solid #FFF;
	}
	#FlexibleText1{
		width: 300px;
		height: 90px;
		
		
		font-weight: 700;
		font-size: 28px;
		font-style:italic;
		color: #FFF;
		letter-spacing: 6px;
		text-align: left;
		padding-top: 40px;		
	}
	#FlexibleText2{
		width: 300px;
		line-height: 30px;
		
		font-weight: 700;
		font-size: 15px;
		color: #FFF;
		letter-spacing: 3px;
		text-align: left;
		padding-top: 30px;	
			
	}
	#FlexibleMore{
		width: 42px;
		height: 80px;
		float: left;
		margin-top: 290px;
	}
	#FlexibleBtn{
		width: 42px;
		height: 80px;
		background: url("/Assets/Web/Images/FlexibleMorer.png") no-repeat;	
		background-size: contain;
	}
	#IndexText1{
		width: 100%;
		height: 120px;
		line-height: 120px;
		text-align: center;
		
		font-weight: 300;
		font-size: 14px;
		color: #FFF;
		background-color: #92D1D5;
		letter-spacing: 3px;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
	#Products{
		width: 100%;
		height: 660px;
		background: url("/Assets/Web/Images/ProductsNbBg.jpg") #a5a5a5 right center no-repeat;

	}
	#ProductsForm{
		max-width: 1400px;
		height: 660px;
		margin: 0 auto;
		padding-top:150px;
		box-sizing: border-box;
	}
	#ProductsRight{
		width: 300px;
		float: right;
		padding-right: 30px;		
	}
	#ProductsTitle{
		width: 300px;
		height: 120px;
		line-height: 40px;
		
		font-weight: 700;
		font-style: normal;
		font-size: 28px;
		color: #FFF;
		letter-spacing: 6px;
		text-align: left;
		border-bottom: 1px solid #FFF;
		

	}
	#ProductsText1{
		width: 300px;
		height: 100px;		
		line-height: 1.2;
		
		font-weight: 700;
		font-size: 28px;
		font-style:italic;
		color: #FFF;
		letter-spacing: 6px;
		text-align: left;
		padding-top: 30px;		
	}
	#ProductsText2{
		width: 300px;
		line-height: 2;
		
		font-weight: 700;
		font-size: 14px;
		color: #FFF;
		letter-spacing: 3px;
		text-align: left;
		padding-top: 30px;	
			
	}
	#ProductsMore{
		width: 42px;
		height: 80px;
		float: right;
		margin-top: 286px;
		margin-right: 120px;
	}
	#ProductsBtn{
		width: 42px;
		height: 80px;
		background: url("/Assets/Web/Images/FlexibleMorer.png") no-repeat;	
		background-size: contain;
	}
	/* 我們的主力產品 Start*/
	#Service{
		width: 100%;
		padding-top: 120px;
		overflow: hidden;
	}
	#ServiceForm{
		max-width: 1400px;
	
		
	}
	#ServiceTitle{
		width: 100%;
		height: 150px;
	}
	#ServiceTitleEn{
		width: 100%;
		height: 50px;
		color: #a5a5a5;
		
		font-weight: 400;
		font-size: 28px;
		letter-spacing: 6px;		
	}
	#ServiceTitleTw{
		width: 100%;
		height: 50px;
		color: #a5a5a5;
		
		font-weight: 700;
		font-size: 28px;
		letter-spacing: 6px;	
	}
	#ServiceSlick{
		width: 100%;
		height: 550px;		
	}
	#ServiceR{
		width: 250px;
		height: 550px;
		background: url("/Assets/Web/Images/ServiceR.png") repeat-y;
		position: absolute;
		z-index: 10;
		right: 0px;
	}
	.ServiceList{
		width: 600px;
		height: 550px;	
		padding: 30px;
		box-sizing: border-box;
		margin-left: -30px;
	}
	.ServiceList:hover .ServiceName{
		background: #646464;
		color: #FFF;
		transition: all .5s ease-out;
	}
	.ServiceImg{
		max-width: 565px;
		height: 520px;	
		text-align: center;
	}
	.ServiceImg img{
		max-width: 100%;
		transform:scale(1,1);
		transition: all .5s ease-out;
		
	}
	.ServiceImg img:hover{
		transform:scale(1.03,1.03);		
		transition: all .5s ease-out;
	}
	.ServiceName{
		width: auto;
		height: 60px;
		line-height: 20px;
		color: #646464;
		padding: 20px 50px;
		font-size: 20px;
		border: 1px solid #646464;
		border-radius: 50px;
		box-sizing: border-box;
		text-align: center;
		
		font-weight: 700;		
		margin: 0 auto;
		display:inline-block;
		margin-top: 40px;
		letter-spacing: 6px;
		
	}
	/* 我們的主力產品 End*/
	/* 聯絡我們 Start*/
	#Contact{
		width: 100%;		
		padding-bottom: 150px;
		padding-left: 80px;
		padding-right: 80px;
		box-sizing: border-box;
	}
	#ContactForm{
		max-width: 1300px;
		height: 660px;
		padding: 125px;
		margin: 0 auto;
		box-sizing: border-box;
		background: url("/Assets/Web/Images/ContactBg.jpg") no-repeat center;		
		background-size: contain;
		
	}
	#ContactLeft{
		width: 370px;
		float: left;
		padding-top: 50px;
	}
	#ContactTitle{
		width: 100%;
		height: 80px;
			
		font-style: 700;
		font-size: 28px;
		font-weight: bold;
		color: #FFF;
		letter-spacing: 8px;
	}
	#ContactContent{
		width: 100%;
		height: 180px;
		line-height: 35px;
		font-size: 15px;
		
		font-weight: 700;
		font-style: normal;
		
		color: #FFF;
		letter-spacing: 3px;
		margin-bottom: 40px;
	}
	#ContactMore{
		width: 155px;
		height: 55px;
		line-height: 55px;
		font-size: 20px;
		
		font-weight: 700;
		font-style: normal;
		color: #646464;
		letter-spacing: 5px;
		float: left;
		text-align: center;
		background: #FFF;	
		
	}
	/* 聯絡我們 End*/
	/* Footer Start*/
	#ToTop{
		width: 40px;
		height: 100px;
		position: fixed;
		right: 30px;
		bottom: 70px;
		z-index: 1000;
		text-align: center;
		display: none;
	}
	#BtnLine{
		width: 40px;
		height: 40px;		
		background: url("/Assets/Web/Images/Line.png") no-repeat;
		background-size: contain;
		cursor: pointer;
		margin-bottom: 30px;
		
	}
	#BtnToTop{
		width: 40px;
		height: 12px;
		background: url("/Assets/Web/Images/ToTop.png") no-repeat center center;
		background-size: contain;
		cursor: pointer;
	}
	Footer{
		width: 100%;
		height: 350px;
		background: #a5a5a5;
		padding-left: 150px;
		padding-right: 150px;
		box-sizing: border-box;
	}
	#FooterForm{
		max-width: 1440px;
		height: 350px;
		margin: 0 auto;		
		box-sizing: border-box;
	}
	#FooterLogo{
		width: 157px;
		height: 260px;
		float: left;
		background: url("/Assets/Web/Images/LogoNb.png") no-repeat;
		margin-top: 80px;
	}
	#FooterText{
		width: 595px;
		height: 135px;
		float: right;		
		margin-top: 90px;
		border-bottom: 1px solid #FFF;
		padding-bottom: 50px;
		margin-right: 100px;
		box-sizing: border-box;
	}
	#FooterText1{
		width: 300px;
		line-height: 36px;
		font-size: 16px;
		
		font-weight: bold;
		font-style: normal;
		color: #FFF;
		letter-spacing: 2px;
		float: left;
	}
	#FooterTC{
		font-size: 16px;
		font-weight: 400 !important;;
	}
	#FooterText2{
		width: 290px;
		line-height: 36px;
		font-size: 16px;
		
		font-weight: 700;
		font-style: normal;
		color: #FFF;
		letter-spacing: 3px;
		float: right;
	}
	#FooterCopyright{
		width: 595px;
		font-size: 12px;
		
		font-weight: 300;
		font-style: normal;
		color: #FFF;	
		float: right;
		margin-right: 100px;
		margin-top: 30px;
		box-sizing: border-box;
	}
	/* Footer End*/
}