body{background-color: #f7f7f7;}
body:lang(tc-HK){font-family: Microsoft JhengHei;}
.sc,.tc{}
.form{
position: absolute;
max-width: 750px;
width: 100%;
height: auto;
top: 30px;
left: 50%;
transform: translate(-50%, 0);
background-color: #fff;
-webkit-box-shadow: 0px 2px 7px 0px rgba(194,194,194,1);
-moz-box-shadow: 0px 2px 7px 0px rgba(194,194,194,1);
box-shadow: 0px 2px 7px 0px rgba(194,194,194,1);
margin-bottom: 50px;
}
.form_header{position: relative;}
.form_header img{
width: 100%;height: auto;
}
.Header_Title{position: absolute;
bottom: 40px;
left: 50%;
transform: translate(-50%, 0);
color: #fff;
font-size: 24px;
}
.swissflag{width: auto;height: auto;}
.form_container{
min-height: 600px;
width: 100%;
padding: 15px 15px 10px 15px;
background-color: #fff;
background-size: cover;
background-position: bottom;
}
.fullrow{width: 100%;}
.form_container h1{
text-align: center;
margin:10px 0;
font-weight: bold;
color: #141f40;
text-shadow: 2px 2px 2px rgba(210, 210, 210, 1);
font-size: 32px;
letter-spacing: 1.5px;
line-height: 1.6;
}
.form_container hr{border:0;border-top: 1px solid #eee;}
.rowInput{width: 100%; margin-bottom: 25px; float: left; }
.rowInput .Title{width: 20%;float: left;}
.rowInput .Title label{position: relative;top: 8px;font-size: 16px; }
.rowInput .inputFiled{width: 80%;float: left;}
.rowInput .form-control{
border:2px solid #ddd;
width: 100%;
background-color: #fff;
padding: 8px;
font-size: 16px;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
}
.rowInput .form-control-half{
border:2px solid #ddd;
width: 49%;
background-color: #fff;
padding: 8px;
font-size: 16px;
font-family: Microsoft JhengHei;
border-radius: 0;
}
.rowInput .form-control:focus{border-color: #4c413c;}
/*my radio style*/
/*filter*/
.filterRow input[type=radio],
.filterRow input[type=checkbox] {
display: none;
}
.filterRow input[type=radio] + label,
.filterRow input[type=checkbox] + label {
position: relative;
display: inline-block;
top: 8px;
border: 2px solid #ddd;
font-weight: normal;
padding: 6px 15px;
background-color: #fff;
color: #777;
margin: 0 7px 10px 0 ;
cursor: pointer;
border-radius: 0;
font-size: 16px;
min-width: 80px;
text-align: center;
-o-transition: color .2s ease-out, background .2s ease-in;
-ms-transition: color .2s ease-out, background .2s ease-in;
-moz-transition: color .2s ease-out, background .2s ease-in;
-webkit-transition: color .2s ease-out, background .2s ease-in;
transition: color .2s ease-out, background .2s ease-in;
}
.filterRow input[type=radio]:checked + label,
.filterRow input[type=checkbox]:checked + label{
background-color: #d26068;
color: #fff;
border: 2px solid #d26068;
}
.rowInput button{
cursor: pointer;
border:0;
background-color: #fff;
color: #777;
padding: 8px 24px;
margin-left: 10px;
font-size: 16px;
font-family: Microsoft JhengHei;
border-radius: 0;
border: 2px solid #ddd;
min-width: 80px;
}
.rowInput button:hover{
background-color: #141f40;
border: 2px solid #141f40;
color: #fff;
}
.rowInput button[type="submit"]{
border: 2px solid #141f40;
background-color: #141f40;
color: #fff;
}
/*success*/
.success p{
font-size: 17px;
line-height: 1.8;
letter-spacing: 0.5px;
margin-bottom: 30px;
}
.success img{width: 80px;height: 80px;}