@charset "utf-8";
/* CSS Document */
body{
	background: #8fbdcc;
	}
@media screen and (min-width: 1260px) and (max-width: 1440px) {
	header{
		position: fixed;
		height: 90px;
		z-index: 1000;
		background: #8fbdcc;
	}
	article{
		padding-top: 170px;
	}
	textarea:focus, input:focus{
		outline: none;
	}
	#Line1{
		max-width: 1050px;
		height: 1px;
		border-bottom: 1px solid #FFF;
		margin: 0 auto;
	}
	#ContactTitle{
		max-width: 1050px;
		height: 550px;
		margin: 0 auto;
		padding-top: 50px;
		padding-bottom: 20px;
	}
	#ContactLeft{
		width: 450px;
		height: 440px;
		float: left;
		padding-left: 50px;
	}
	#ContactRight{
		width: 450px;
		height: 440px;
		float: right;
		padding-top: 145px;
		padding-right: 50px;
	}
	#TitleText1{
		width: 100%;
		height: 50px;
		color: #FFF;
		font-size: 50px;
		font-weight: lighter;
		font-style: italic;
		padding-top: 35px;
	}
	#TitleText2{
		width: 30px;
		height: 280px;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		font-size: 18px;
		line-height: 30px;
		font-weight: 300;
		color: #FFF;
		padding-top: 80px;
		padding-left: 30px;
		letter-spacing: 1.5px;
		float: left;
	}
	#TitleText3{
		padding-top: 80px;
		padding-left: 60px;
		color: #FFF;
		float: left;
	}
	#ContactText6{
		width: 100%;
		height: 50px;
		font-size: 20px;
		font-weight: 200;
		letter-spacing: 3px;
	}
	#ContactLine{
		width: 160px;
		height: 1px;
		border-bottom: 2px solid #FFF;
		margin-top: 13px;
		margin-bottom: 35px;
	}
	.ContactText{
		width: 100%;
		min-height: 40px;
		line-height: 25px;
		font-size: 16px;
		font-weight: 200;
	}
	.ContactText1{
		width: 100%;
		height: 40px;
		font-size: 16px;		
		font-weight: 200;			
	}
	#ContactBtn{
		width: 72px;
		height: 32px;
		text-align: center;
		line-height: 30px;
		border: 1px solid #FFF;
		box-sizing: border-box;
		text-decoration: none;
		color: #FFF;
		display: block;
		position: absolute;
		margin-left: 210px;
		margin-top: -27px;
		cursor: pointer;
	}
	#Contact{
		max-width: 950px;
		background: #f3f2f1;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 70px;
		margin-bottom: 150px;
	}
	#Contact:after{
		content: ".";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both; 
	}
	.ContactList{
		width: 100%;	
		padding-bottom: 45px;
	}
	.ContactList:after{
		content: ".";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both; 
	}
	.ContactListLeft{
		width: 220px;
		float: left;
	}
	.ContactListLeftText1{
		font-size: 40px;
		line-height: 35px;
		font-weight: lighter;
		font-style: italic;
	}
	.ContactListLeftText2{
		font-size: 16px;
		font-weight: 300;
		text-align: justify;
		padding-top: 20px;
		color: #8e8e8e;
		letter-spacing: 1.5px;
	}
	.ContactListRight{
		width: 570px;
		float: right;
		border-top: 1px solid #000;
		padding-top: 45px;
		box-sizing: border-box;
	}
	.CList1, .CList2{
		width: 100%;
	}
	.CList1:after, .CList2:after{
		content: ".";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both; 
	}
	.Input01{
		width: 255px;
		height: 50px;
		line-height: 50px;
		margin: 0px 10px 25px 20px;
		background: #FFF;
		text-align: left;
		float: left;
		box-sizing: border-box;
		padding-left: 10px;
		font-size: 16px;
		font-weight: 300;
		color: #8e8e8e;
		letter-spacing: 2.7px;
	}
	.Input02{
		width: 245px;
		height: 50px;
		line-height: 40px;
		padding-left: 10px;
		margin: 10px;
		float: left;
		font-size: 16px;
		font-weight: 300;
		margin: 0px 10px 25px 15px;
	}
	
	.Input03{
		width:150px;
		height: 50px;
		line-height: 40px;
		padding-left: 10px;
		margin: 10px;
		float: left;
		font-size: 16px;
		font-weight: 300;
		margin: 0px 10px 15px 10px;
		box-sizing: border-box;
	}
	.InputStyle01{
		width: 240px;
		height: 40px;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 1px;
		padding-left: 10px;
		box-sizing: border-box;
		border: none;
	}
	.BtnCheckBox{
		display:none;
		
	}
	.BtnCheckBox + label{
		width: 100%;
		margin-right: 0px;
		vertical-align:middle;
	}
	.BtnCheckBox + label:before {
		content: "";
		display: inline-block;
		width: 25px;
		height: 25px;
		vertical-align:middle;
		margin-right: 10px;
		background:url("/Assets/Web/Images/Contact/ChceckBox.png") no-repeat;
	}
	.BtnCheckBox:checked + label:before {	
		content:""; /* Tick */
		background:url("/Assets/Web/Images/Contact/ChceckBoxTrue.png") no-repeat; 
	}
	.CList3{
		width: 100%;
		text-align: right;
	}
	#Sex_1 + label{
		margin-right: 35px;
		padding-left: 10px;
	}
	#Message{
		width: 810px;
		height: 180px;
		border: none;
		padding: 20px;
		box-sizing: border-box;
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 1px;
	}
	#BtnForm{
		width: 810px;
		height: 40px;
		float: right;
		padding-top: 30px;
	}
	#BtnClear{
		width: 140px;
		height: 50px;
		line-height: 50px;
		text-align:center;
		cursor: pointer;
		color: #8fbdcc;
		float: right;
	}
	#BtnSend{
		width: 140px;
		height: 50px;
		line-height: 50px;
		text-align:center;
		cursor: pointer;
		float: right;
		color: #FFF;
		background: #000;
		font-weight: normal;
	}
	#FooterLine{
		max-width: 1050px;
		height: 1px;
		border-top: 1px solid #FFF;
		margin: 0 auto;
		padding-top: 200px;
	}
	#VCode{
		float: left;
	}
	#VCode img{
		float: left;
		margin-right: 15px;
	}
	#Code{
		width: 120px;
		height: 40px;
		float: left;
		border: none;
		font-size: 18px;
		text-align: center;
		font-weight: 300;
		letter-spacing: 1px;
	}
	.Noinput::placeholder{
		color: #ab272d;
	}
	.Noinput::-ms-input-placeholder{
		color: #ab272d;
	}
	#Message::placeholder{
		font-family:"vista-sans", "Noto Sans TC", sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: #8e8e8e;
		letter-spacing: 1.5px;
		
	}
	#Code::placeholder{
		font-family:"vista-sans", "Noto Sans TC", sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: #8e8e8e;
		letter-spacing: 1.5px;	
		text-align: center;
	}
	#MessBox{
		width: 100%;
		height: 50px;
		text-align: center;
		color: red;
		font-size: 16px;
		line-height: 50px;
		display: none;
	}
	.MessageFormWeb{
		display: none;
	}
	.MessageFormMobile{
		width: 100%;
		min-height: 10px;
		border: 1px solid #AAA;
		padding: 20px;
		box-sizing: border-box;
		margin-top: 120px;
	}
}
#ContactRight img{
		width: 100%;
	}
	.ColorRed{
		color: crimson;
	}