@charset "utf-8";
/* CSS Document */
/* CSS Document */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com 34495e*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
body {
	font-family:"微軟正黑體", "黑体", simhei, sans-serif, "宋体";
	background:url(../images/bg.jpg) repeat-x;
}
.wrap {
	width:1022px;
	height:639px;
	margin:0 auto;
}
.main , .pic {
	height:100%;
	float:left;
}
.main {
	width:426px;
	background:url(../images/main.jpg) no-repeat;
}
.pic {
	width:596px;
	background:url(../images/pic.jpg) no-repeat;
}
.typinggroup {
	width:313px;
	height:300px;
	margin:256px 0 0 59px;
}
.username , .password {
	width:100%;
	height:30px;
	margin-bottom:10px;
}
.username span, .password span {
	font-size:18px;
	margin:7px 32px 9px 0;
	float:left;
	color:#252525;
}
.typinggroup input {
	float:left;
	width:234px;
	height:25px;
	background-color:#231e1a;
	color:#cdb686;
	border-top:1px solid #463e31;
	border-right:1px solid #746c60;
	border-bottom:2px groove #f7f3ea;
	border-left:none;
	font-size:18px;
	padding:0 5px;
}
.submit , .submit2 , .submit3 {
	width:313px;
	height:76px;
	background:url(../images/btn.jpg) no-repeat;
	cursor:pointer;
	margin-bottom:23px;
}
.submit:hover {
	background-position:-313px 0;
}
.submit2 {
	background-position:0 -76px;
}
.submit2:hover {
	background-position:-313px -76px;
}
.submit3 {
	background-position:0 -152px;
}
.submit3:hover {
	background-position:-313px -152px;
}
a.btn4,a.btn5{
	background:url(../images/btn.jpg) no-repeat;
	width:155px;
	height:65px;
	float:left;
	display: block;
}
a.btn4{
	background-position: 0px -235px;
    margin: -88px 0 0 60px;
}
a:visited.btn4,a:hover.btn4{
	background-position: -155px -235px;
}
a.btn5{
	background-position: -327px -235px;
    margin: -88px 0 0 216px;
}
a:visited.btn5,a:hover.btn5{
	background-position:-482px -235px;
}