@charset "utf-8";
/* CSS Document */
#LoadForm{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 12000;
	background:rgba(0,0,0,0.7);
}
#Loading{
	width: 100px;
	height: 100px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;

}

@media screen and (min-width: 1441px) {
	.ShowMobile{
		display: none;
	}
	body,html{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	header{
		width: 100%;
		height: 150px;
		position: fixed;
		z-index: 1000;
	}
	#HeaderForm{
		max-width: 1600px;
		height: 150px;
		margin: 0 auto;
		padding-top: 26px;
		box-sizing: border-box;
	}
	#Logo{
		width: 209px;
		height: 60px;
		float: left;
		background: url("/Assets/Web/Images/Logo.png") no-repeat;
		margin-top: 17px;
	}
	#Menu{		
		float: right;
		padding-right: 80px;
		padding-top: 5px;
	}
	#Menu ul{
		list-style: none;
	}
	#Menu ul li{
		width: 205px;
		height: 50px;
		float: left;
	}
	#Menu ul li a{
		color: #FFF;
		text-decoration: none;
	}
	#Banner{
		width: 100%;
		height: 100vh;
		background: url("/Assets/Web/Images/IndexBanner.jpg") no-repeat;
		background-size: cover;
		overflow: hidden;
	}
	.MenuC{
		height: 34px;
		font-size: 18px;
		font-weight: bold;
		font-family: brisbane, sans-serif;
		font-weight: 600;
		font-style: normal;
		text-shadow: 5px 5px 6px #000;
		letter-spacing: 1px;
		
	}
	.MenuE{
		font-size: 16px;
		font-family: brisbane, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-shadow: 5px 5px 6px #000;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.HeaderBg{
		background-color: #a5a5a5;
	}
	.MenuCNo{
		text-shadow: none;
	}
	.MenuENo{
		text-shadow: none;
	}
	#BannerForm{
		max-width: 1600px;
		height: 100vh;
		margin: 0 auto;
	}
	#BannerText{
		width: 700px;
		height: 400px;
		top: 50%;
		position: absolute;
		margin-top: -100px;	
		padding-left: 80px;
		box-sizing: border-box;
		overflow: hidden;
	}
	#BannerText1{
		width: 700px;
		height: 150px;
		line-height: 60px;
		font-size: 32px;
		color: #FFF;
		letter-spacing: 10px;
		text-shadow: 5px 5px 6px #000;
		position:relative;
	}
	#BannerText2{
		width: 700px;
		height: 150px;
		line-height: 60px;
		font-size: 38px;
		font-weight: bold;
		color: #FFF;
		letter-spacing: 4px;
		text-shadow: 5px 5px 6px #000;
		position:relative;
	}	
	.BFont1{
		color: #92d1d5;
		font-weight: bold;
	}
	#BannerBottomBg{
		width: 640px;
		height: 420px;
		background: url("/Assets/Web/Images/BannerBottomBg.png") left bottom;
		position: absolute;
		right: 0px;
		bottom: 0px;
		
	}
	#BannerLine{
		width: 320px;
		height: 190px;
		background: url("/Assets/Web/Images/Vector.png")left top;
		position: absolute;
		right: 260px;
		bottom: 80px;
		z-index: 100;
	}
	#Copyright{
		max-width: 1600px;
		height: 30px;
		color: #FFF;
		font-size: 16px;
		font-family: brisbane, sans-serif;
		font-weight: 300;
		padding-left: 150px;
		margin: 0 auto;		
		margin-top: -50px !important;	

		
	}
	#About{
		width: 100%;
		padding-top: 150px;
		padding-bottom: 150px;
	}
	#AboutForm{
		max-width: 1600px;
		height: 800px;
		padding: 150px;
		margin: 0 auto;
		box-sizing: border-box;
		background: url("/Assets/Web/Images/AboutBg.jpg") no-repeat;		
		
	}
	#AboutRight{
		width: 450px;
		float: right;
	}
	#AboutTitle{
		width: 100%;
		height: 150px;
		font-family: brisbane, sans-serif;	
		font-style: 700;
		font-size: 36px;
		font-weight: bold;
		color: #FFF;
		letter-spacing: 8px;
	}
	#AboutContent{
		width: 100%;
		line-height: 35px;
		font-size: 18px;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 18px;
		color: #FFF;
		letter-spacing: 7px;
		margin-bottom: 40px;
	}
	#AboutMore{
		width: 190px;
		line-height: 35px;
		font-size: 18px;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		color: #FFF;
		letter-spacing: 5px;
		float: right;
		text-align: right;
		background: url("/Assets/Web/Images/AboutMoreBg.png") left center no-repeat;
		
	}
	#Flexible{
		width: 100%;
		height: 880px;
		background: url("/Assets/Web/Images/FlexibleBg.jpg") #a5a5a5 left center no-repeat;
		
	}
	#FlexibleForm{
		max-width: 1600px;
		height: 880px;
		margin: 0 auto;
		padding-top: 200px;
		box-sizing: border-box;
	}
	#FlexibleLeft{
		width: 350px;
		float: left;
		padding-left: 80px;		
	}
	#FlexibleTitle{
		width: 300px;
		height: 130px;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 36px;
		color: #FFF;
		letter-spacing: 6px;
		text-align: left;
		border-bottom: 1px solid #FFF;
	}
	#FlexibleText1{
		width: 300px;
		height: 130px;
		
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-size: 36px;
		font-style:italic;
		color: #FFF;
		letter-spacing: 6px;
		text-align: left;
		padding-top: 30px;		
	}
	#FlexibleText2{
		width: 300px;
		line-height: 40px;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-size: 18px;
		color: #FFF;
		letter-spacing: 3px;
		text-align: left;
		padding-top: 30px;	
			
	}
	#FlexibleMore{
		width: 48px;
		height: 94px;
		float: left;
		margin-top: 380px;
	}
	#FlexibleBtn{
		width: 48px;
		height: 94px;
		background: url("/Assets/Web/Images/FlexibleMorer.png") no-repeat;	
	}
	#IndexText1{
		width: 100%;
		height: 140px;
		line-height: 140px;
		text-align: center;
		font-family: brisbane, sans-serif;
		font-weight: 300;
		font-size: 18px;
		color: #FFF;
		background-color: #92D1D5;
		letter-spacing: 4.5px;
	}

	#Products{
		width: 100%;
		height: 880px;
		background: url("/Assets/Web/Images/ProductsBg.jpg") #a5a5a5 left center no-repeat;
		
	}
	#ProductsForm{
		max-width: 1600px;
		height: 880px;
		margin: 0 auto;
		padding-top: 220px;
		box-sizing: border-box;
	}
	#ProductsRight{
		width: 350px;
		float: right;
		padding-right: 30px;		
	}
	#ProductsTitle{
		width: 300px;
		height: 130px;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 36px;
		color: #FFF;
		letter-spacing: 6px;
		text-align: left;
		border-bottom: 1px solid #FFF;
	}
	#ProductsText1{
		width: 300px;
		height: 130px;
		
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-size: 36px;
		font-style:italic;
		color: #FFF;
		letter-spacing: 6px;
		text-align: left;
		padding-top: 30px;		
	}
	#ProductsText2{
		width: 300px;
		line-height: 40px;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-size: 18px;
		color: #FFF;
		letter-spacing: 3px;
		text-align: left;
		padding-top: 30px;	
			
	}
	#ProductsMore{
		width: 48px;
		height: 94px;
		float: right;
		margin-top: 340px;
		margin-right: 50px;
	}
	#ProductsBtn{
		width: 48px;
		height: 94px;
		background: url("/Assets/Web/Images/FlexibleMorer.png") no-repeat;	
	}
	#Service{
		width: 100%;
		padding-top: 150px;
		overflow: hidden;
	}
	#ServiceForm{
		width:1600px;
	
		
	}
	#ServiceTitle{
		width: 100%;
		height: 150px;
	}
	#ServiceTitleEn{
		width: 100%;
		height: 50px;
		color: #a5a5a5;
		font-family: brisbane, sans-serif;
		font-weight: 400;
		font-size: 32px;
		letter-spacing: 6px;		
	}
	#ServiceTitleTw{
		width: 100%;
		height: 50px;
		color: #a5a5a5;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-size: 36px;
		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;
	}
	.ServiceImg{
		max-width: 565px;
		height: 520px;	
		text-align: center;
	}
	.ServiceImg img{
		max-width: 100%;
	}
	.ServiceName{
		width: auto;
		height: 80px;
		line-height: 20px;
		color: #646464;
		padding: 30px 50px;
		font-size: 26px;
		border: 1px solid #646464;
		border-radius: 50px;
		box-sizing: border-box;
		text-align: center;
		font-family: brisbane, sans-serif;
		font-weight: 700;		
		margin: 0 auto;
		display:inline-block;
		margin-top: 40px;
		letter-spacing: 6px;
		
	}
	#Contact{
		width: 100%;
		padding-top: 160px;
		padding-bottom: 250px;
	}
	#ContactForm{
		max-width: 1600px;
		height: 800px;
		padding: 150px;
		margin: 0 auto;
		box-sizing: border-box;
		background: url("/Assets/Web/Images/ContactBg.jpg") no-repeat;		
		
	}
	#ContactLeft{
		width: 450px;
		float: left;
		padding-top: 50px;
	}
	#ContactTitle{
		width: 100%;
		height: 100px;
		font-family: brisbane, sans-serif;	
		font-style: 700;
		font-size: 36px;
		font-weight: bold;
		color: #FFF;
		letter-spacing: 8px;
	}
	#ContactContent{
		width: 100%;
		height: 180px;
		line-height: 35px;
		font-size: 18px;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 18px;
		color: #FFF;
		letter-spacing: 7px;
		margin-bottom: 40px;
	}
	#ContactMore{
		width: 200px;
		height: 66px;
		line-height: 66px;
		font-size: 26px;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #646464;
		letter-spacing: 5px;
		float: left;
		text-align: center;
		background: #FFF;		
		
	}
	#ToTop{
		width: 60px;
		height: 100px;
		position: fixed;
		right: 50px;
		bottom: 150px;
		z-index: 1000;
		text-align: center;
		display: none;
	}
	#BtnLine{
		width: 60px;
		height: 60px;		
		background: url("/Assets/Web/Images/Line.png") no-repeat;
		cursor: pointer;
		margin-bottom: 50px;
		
	}
	#BtnToTop{
		width: 60px;
		height: 15px;
		background: url("/Assets/Web/Images/ToTop.png") no-repeat center center;
		cursor: pointer;
	}
	Footer{
		width: 100%;
		height: 500px;
		background: #a5a5a5;
	}
	#FooterForm{
		max-width: 1600px;
		height: 500px;
		margin: 0 auto;
		
		box-sizing: border-box;
	}
	#FooterLogo{
		width: 209px;
		height: 260px;
		float: left;
		background: url("/Assets/Web/Images/Logo.png") no-repeat;
		margin-top: 100px;
	}
	#FooterText{
		width: 875px;
		height: 175px;
		float: right;		
		margin-top: 90px;
		border-bottom: 1px solid #FFF;
		padding-bottom: 70px;
		margin-right: 80px;
		box-sizing: border-box;
	}
	#FooterText1{
		width: 350px;
		line-height: 36px;
		font-size: 20px;
		font-family: brisbane, sans-serif;
		font-weight: bold;
		font-style: normal;
		color: #FFF;
		letter-spacing: 3px;
		float: left;
	}
	#FooterTC{
		font-size: 18px;
		font-weight: 400 !important;;
	}
	#FooterText2{
		width: 360px;
		line-height: 36px;
		font-size: 20px;
		font-family: brisbane, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #FFF;
		letter-spacing: 3px;
		float: right;
	}
	#FooterCopyright{
		width: 875px;
		font-size: 16px;
		font-family: brisbane, sans-serif;
		font-weight: 300;
		font-style: normal;
		color: #FFF;	
		float: right;
		margin-top: 70px;
		margin-right: 80px;
		box-sizing: border-box;
	}
	/* Footer End*/
}