/* 

main 
#main .container { position: relative; margin: 0 auto; }
#main .container > img { display: inline-block; height: 100%; }

#mylang {color:white;font-size: 18px;float:right;margin-top:26px;margin-right:170px;font-family: "microsoft yahei", Verdana, "u5faeu8f6fu96c5u9ed1", "宋体", Arial;}
#mylang span{margin-right: 12px;}
#mylang span a {color:white;}
#mylang .activate{border-bottom:2px solid #f8b551;}

loginForm
#loginForm { position: absolute; top: 20%; right: 10%; }
#loginForm > img { margin-right: -10px; margin-top: 50px; position: relative; z-index: 2; }
#loginForm form{ display: inline-block; width: 372px; background-color: #fff; text-align: center; border: 1px solid #eee; border-radius: 10px; vertical-align: middle; box-shadow: 1px 1px 1px #eee; }
#loginForm fieldset { border: none; padding: 0; }
#loginForm legend { padding: 1em; font-size: 24px; line-height: 18px; color: #333; }
#loginForm img { vertical-align: middle; }
#loginForm div:not(.btn) { height: 180px; padding: 1em; margin: -2px; background: #3f7fcf; }
#loginForm div:not(.btn) input:not([type="checkbox"]) { width: 242px; padding: 10px; box-sizing: border-box; font-size: 20px; line-height: 18px; }
#loginForm div:not(.btn) input:not([type="checkbox"]):focus { outline: 1px solid #f8b551; }
#loginForm input { vertical-align: middle; }
#loginForm input:not([type="checkbox"]) { height: 42px; }
#loginForm .remember { margin: 2em 2em 0; text-align: right; font-size: 14px; line-height: 18px; color: #fff; }
#loginForm .remember input { width: 16px; height: 16px; }
#loginForm .btn { padding: 1em; }
#loginForm .btn input { width: 120px; background-color: #f8b551; border-radius: 10px; border: none; font-size: 24px; line-height: 18px; color: #fff; cursor: pointer; }
*/

/*reset*/
html,body { position: relative; min-width: 1350px; min-height: 100vh;  position: relative; margin: 0; padding: 0; background-color: #fff; font-family: Arial, "微软雅黑"; color: #333; font-size: 14px;}
h1,h2,h3,p { margin: 0; }
ul { list-style: none; }
a { text-decoration: none; }
a img { border: none; }
header,div,input,select,textarea { box-sizing: border-box; }
input,select,textarea{border:1px solid #ccc;}
input,select,textarea,button { display: inline-block; outline: none; vertical-align: middle; }
input[type="checkbox"] { width: 14px; height: 20px; vertical-align: middle; }
input[type="button"],button { cursor: pointer; }
table { border-collapse: collapse; width: 100%; background: #fff; text-align: center; font-size: 14px; }
tbody tr:nth-of-type(2n) { background-color: #f7fbff; }
th,td { line-height: 34px; }
th { background-color: #33ccc4; color: #fff; }
td { border: 1px solid #e0e9f4; color: #666; }
table input[type="text"]:focus, table select:focus { outline: 1px solid #f8b551; }
img { vertical-align: middle; }
label { font-size: 14px; }
label span { display: inline-block; vertical-align: middle; }
label span:first-child { line-height: 30px; text-align: right; }
label span:last-child > * { display: block; }

/*main*/
#main { width: 100%; }
#main .container { position: relative; margin: 0 auto; }
#main .container > img { display: inline-block; height: 100%; }

#mylang {color:white;font-size: 18px;float:right;margin-top:-40px;margin-right:170px;font-family: "microsoft yahei", Verdana, "u5faeu8f6fu96c5u9ed1", "宋体", Arial;}
#mylang span{margin-right: 12px;}
#mylang span a {color:white;}
#mylang .activate{border-bottom:2px solid #f8b551;}

/*header*/
#header { width: 100%; height: 116px; background: url(img/header-bg.jpg) no-repeat; background-color: #023c86; }
#logo { width: 350px; padding: 38px 0 0 124px; font-size: 18px; color: #fff; vertical-align: bottom; }
#logo img { height: 40px;vertical-align: bottom; }

/*footer*/
/*#footer {
	position: fixed;
	bottom: 0;
    width: 100%;
    height: 42px;
    background-color: #023d88;
    color: #fff;
    text-align: center;
    line-height: 42px;
}*/

/*loginForm*/
#loginForm { position: absolute; top: 20%; right: 10%; }
#loginForm > img { margin-right: -6px; margin-top: 48px; position: relative; height: 230px; }
#loginForm form{ display: inline-block; width: 372px; background-color: #fff; text-align: center; border: 1px solid #eee; border-radius: 10px; vertical-align: middle; box-shadow: 1px 1px 1px #eee; }
#loginForm fieldset { border: none; padding: 0; }
#loginForm legend { padding: 1em; font-size: 24px; line-height: 18px; text-align: left; color: #333; }
#loginForm img { vertical-align: middle; }
#loginForm p { margin: 10px 0;}
#loginForm div:not(.btn) { /**height: 180px;**/ padding: 1em; margin: -2px; background: #3f7fcf; }
#loginForm div:not(.btn) input:not([type="checkbox"]) { width: 242px; padding: 10px; box-sizing: border-box; font-size: 20px; line-height: 18px; }
#loginForm div:not(.btn) input:not([type="checkbox"]):focus { outline: 1px solid #f8b551; }
#loginForm input { vertical-align: middle; }
#loginForm input:not([type="checkbox"]) { height: 42px; }
#loginForm .remember { margin: 2em 2em 0; text-align: right; font-size: 14px; line-height: 18px; color: #fff; }
#loginForm .remember input { width: 16px; height: 16px; }
#loginForm .btn { padding: 1em; }
#loginForm .btn input { width: 120px; background-color: #f8b551; border-radius: 10px; border: none; font-size: 24px; line-height: 18px; color: #fff; cursor: pointer; }


#footer {
	font-family: Arial, "微软雅黑";
	font-size:14px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 42px;
    background-color: #023d88;
    color: #fff;
    text-align: center;
    line-height: 42px;
}

#footer p {margin:0px;}