/*--------------------------Let's start with text, links and HTML-------------------------*/

html,body{
margin:0;
padding:0;
background:#fff url(../images/menu-bg.png) repeat-x fixed;

}

a:link{
color:#2a3d54;
text-decoration:none;
}

a:visited{
color:#2a3d54;
text-decoration:none;
}

a:hover{
color:#CCCCCC;
text-decoration:none;
}

a:active{
color:#2a3d54;
text-decoration:none;
}

h1{
font:bold 19px sans-serif;
letter-spacing:2px;
width: 830px;
border-bottom:5px solid #fab821;
margin:0;
padding:0;
color:#59493f;
margin-bottom:8px;
margin-left:20px;
margin-top:10px;
line-height:25px;
}

h2{
font:bold 12px sans-serif;
width: 200px;
border-bottom:1px solid #dedede;
margin:0;
padding:0;
color:#a0d500;
margin-bottom:8px;
margin-left:20px;
margin-top:10px;
}

h3{
font: bold 16px sans-serif;
margin:0;
color:#a0d500;
padding:0;
float:left;
margin-top:10px;
margin-left:30px;
background:#fff url(../images/zlogo-head.png.png);
}

* html h3{
margin-left:20px;
}

h4{
font: bold 14px sans-serif;
margin:0;
color:#646464;
padding:0;
float:left;
margin-top:90px;
margin-left:30px;
}

* html h4{
margin-left:20px;
}

.style1{
float:left;
font:9px Verdana;
color:#666666;
margin:0;
padding:0;
margin-left:10px;
}

.style2{
padding:5px;
font:12px sans-serif;
}

#footer a{
color:#009e96;
}

#footer a:hover{
color:#CCCCCC;
}

/*--------------------------End-------------------------*/


/*font*/
.font-main{
line-height:20px;	
font-size:13px;	
font-family: "新細明體", PMingLiU, "細明體", MingLiU, "標楷體", DFKai-sb, serif;
}


/*--------------------------End-------------------------*/

/*--------------------------Start divs-------------------------*/

#container{
width:1000px;
height:100%;
text-align:left;
margin:0 auto;
}

#top{
width:1000px;
height:66px;
background:#007d7d;
padding-top:10px;
}

#menu{
width:1000px;
background:url(../images/nav-bg.png) repeat-x;
height:40px;
border-bottom:1px solid #c8d6e6;
}

#main-top{
width:1000px;
height:120px;
/*background:url(../images/headertext.gif) repeat-x;*/
float:left;
margin:0;

}

#headertext{
width:280px;
height:120px;
background:#FFFFFF;
/*background:url(../images/headertext.gif) repeat-x;*/
float:left;
border-bottom:10px solid #009e96;
}
#headertext-step{
width:200px;
height:154px;
background:#FFFFFF;
/*background:url(../images/headertext.gif) repeat-x;*/
float:left;
border-bottom:10px solid #009e96;
}
#step{
background:#FFFFFF;
float:left;
width:800px;
height:154px;
border-bottom:10px solid #e60012;text-align:center;
}

#open{
background:#FFFFFF;
float:left;
width:600px;
height:100px;
text-align:center;margin-top:25px;
}


#banner{
background:#FFFFFF;
float:left;
width:720px;
height:120px;
border-bottom:10px solid #e60012;
}

#account-info{
background:#FFFFFF;
float:left;
width:480px;
height:80px;
border:2px solid #cfa972;
margin:10px 0px 0px 30px;
padding:8px 20px;
-moz-border-radius: 10px;  
-webkit-border-radius: 10px; border-radius: 10px;
font-size:15px;
font-family: "新細明體", PMingLiU, "細明體", MingLiU, "標楷體", DFKai-sb, serif;
color:#000000;
}

#content{
width:1000px;
min-height:500px;
height: auto !important;
height: 100px;
background:#f6f6f6;
/*background:#FAFCFF url(../images/contentbg.png) repeat;*/
margin:0;
padding:0;
border-top:0px solid #000;
/*border-left:5px  solid #9c5e1b;*/
/*border-right:5px  solid #9c5e1b;*/
/*border-bottom:10px solid #9c5e1b;*/
float:left;
}

* html #content{
height:162px; /*defines the height in IE6*/
}

#ca-container{
width:860px;
min-height:400px;
height: auto !important;
height: 100px;
float:left;
margin-left:50px;
padding:10px;
border:5px solid #6a3906;
margin-top:30px;
margin-bottom:10px;
background:#FFF;
}

#ca-container-m{
width:860px;
min-height:400px;
height: auto !important;
height: 100px;
float:left;
margin-left:50px;
padding:10px;
border:0px solid #6a3906;
margin-top:30px;
margin-bottom:10px;

}
#lable{
width:860px;
height: 120px;
float:left;
border-right:1px solid #707070;
border-bottom:10px solid #009e96;
padding:5px;
margin-top:10px;
background:#FFF;text-align:center;
}
#left-box{
width:370px;
height:400px;
float:left;
margin:0px;
padding-top:20px;
border:0px solid #6a3906;
margin-left:60px;
margin-bottom:10px;
background:#FFF;
}
#right-box{
width:380px;
height: 400px;
float:left;
margin:0px;
padding:5px;
border:0px solid #6a3906;
margin-top:30px;
margin-bottom:10px;
background:#FFF;
}

#left-box2{
width:500px;
height:400px;
float:left;
padding-top:20px;
border:0px solid #6a3906;
margin-left:30px;
margin-bottom:10px;
background:#FFF;
}
#right-box2{
width:300px;
height: 400px;
float:left;
padding:5px;
border:0px solid #6a3906;
margin-top:0px;
margin-bottom:10px;
background:#FFF;
}
#left-box3{
width:600px;
height:500px;
float:left;
padding-top:20px;
border:0px solid #6a3906;
margin-left:20px;
margin-bottom:10px;

}
#right-box3{
width:160px;
height: 500px;
float:left;
padding:0px;
border:0px solid #6a3906;
margin-top:0px;
margin-bottom:10px;
margin-left:30px;
}

#rook-container{
width:860px;
min-height:600px;
height: auto !important;
height: 100px;
float:left;
margin-left:70px;
padding:5px;
border:0px solid #6a3906;
margin-top:30px;
margin-bottom:10px;

}

#rook-container2{
width:860px;
min-height:400px;
height: auto !important;
height: 100px;
float:left;

padding:5px;
border-bottom:2px solid #707070;
border-right:1px solid #707070;
margin-bottom:10px;
background:#FFF;
}

#rook-container3{
width:850px;
min-height:400px;
height: auto !important;
height: 100px;
float:left;

padding:5px;
border-bottom:2px solid #707070;
border-right:1px solid #707070;
margin-bottom:10px;
background:#FFF;
}
#rookie-container{
width:850px;
min-height:457px;
height: auto !important;
height: 457px;
float:left;
margin-left:80px;
padding:20px;
border:0px solid #6a3906;
margin-top:30px;
margin-bottom:10px;
background:url(../images/c-bg.png) no-repeat;
}

#log-in{
width:500px;
height:150px;
float:left;
margin:0;
padding:3px;background:#f8d869;background:#FAFCFF url(../images/login-box-bg.png) no-repeat;
}
#log-A{
width:250px;
height:150px;
float:left;
margin:0;
padding:0;}
#log-B{
width:200px;
height:150px;
float:left;
margin:0;
padding:0;}

 /*#log-in ul{float:left; list-style: none;}
#log-in li{margin: 0px 10px 10px 0px;}*/

#listwrap{width:810px;margin:20px 0 5px 80px;padding:0;display:block;float:left;

}











.news{
width:340px;
height:100%;
float:left;
margin-left:10px;
padding:0;
margin:0;
margin-top:10px;
}

* html .news{
width:320px;
}

#footer{
width:1000px;
height:80px;
background:#fff;
font:12px sans-serif;
color:#000;
padding:0;
float:left;
margin:0;
}

/*--------------------------End-------------------------*/

/*--------------------------Start menu css-------------------------*/

#menu ul{
list-style-type:none;
margin:0;
font:bold 15px Verdana;
text-decoration:none;
float:left;
padding:12px;
width:1000px;
}

#menu li{
display:inline;
}

#menu li a{
color:#646464;
padding:12px;
}

#menu li a:hover{
background:url(../images/nav-ov.png) repeat-x;
}
/*-------------------------------------------------------------------------*/
form { margin: 0; padding: 0; }
input[type="text"] {font-family: Arial, Helvetica, sans-serif;font-size: 13px;padding: 2px 5px;color: #666666;line-height: 14px;color: #666666;border: 1px solid #CCCCCC;}
textfield { _position: relative; border: 1px solid #7DCECA; font-family:"Lucida Grande", sans-serif; height: 13px; color: #A1A1A1; }
textarea { font-family: Arial, Helvetica, sans-serif;font-size: 12px;padding: 2px 5px;color: #666666;background-color:transparent;line-height: 14px;color: #666666;border: 1px solid #CCCCCC; }
select { font-family: Arial, Helvetica, sans-serif;font-size: 12px;padding: 1px 0px;color: #666666;background-color:transparent;line-height: 14px;color: #666666;border: 1px solid #CCCCCC;}
/*---------------------------box---------------------------------*/
#cabox{margin:1px;
	float: left;
	display:block;
	width:220px;
	height:152px;
	padding:12px 0 0 12px;
    background: url(../images/ca-box_bg.png) no-repeat;
}

#cabox ul {
	list-style-type:none;	/* 去除項目清單的小黑點 */
	margin-left:35px;	/* 清除項目清單的外間距 */
	padding-left:20px;	/* 清除項目清單的內間距 */
    width:200px;
	list-style-image:url(../images/li-arrow01.png); 
}
#cabox li a{
    display:block;	/* 將超連結設定為區塊模式 */
	line-height:20px;	/* 設定超連結區塊的行高 */
	/* text-indent:1px;	設定超連結區塊的文字內縮 */
	text-decoration:none;
	/* 去除超連結的底線 */
	color:#6a3906;
	font-size:15px;
	font-family:Arial;
}

#cabox li a:hover {
 
	color:#ff0000;

}

.fontmain{font-size: 18px;
	font-family: "新細明體", PMingLiU, "細明體", MingLiU, "標楷體", DFKai-sb, serif;}