/* CSS Document */
/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/

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, font, 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, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
address { font-style: normal; }
input ,select{ font-size:100%;}
img{ border:0; outline:0;}

/* index
-------------------------------------------------------------------------------------------*/
body{
	font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
	font-size:12px;
	margin:0;
	-webkit-text-size-adjust:none;
	background:url(../images/match/bg1-3.png) repeat-x;
	}
a:link, a:visited, a:hover, a:active{ text-decoration: none;}
.clear{
	clear:both;
	height:0px;
	}		
#main{
	width:1000px;
	margin:0 auto;
	}
#header{
	position:relative;
	width:100%;
	}
.bannerline{
	position:absolute;
	top:0;
	width:100%;
	height:25px;
	background:url(../images/match/01-5.png) no-repeat;
	}
.bl{
	width:216px;
	margin-left:776px;
	padding-top:6px;
	}
.bl a{
	display:block;
	width:71px;
	color:#fff;
	}
.bl a:hover{
	display:block;
	width:71px;
	color:#000;
	}		
.bl1{
	float:left;
	width:71px;
	text-align:center;
	color:#fff;
	border-right:1px #FFF solid;
	}
.bl2{
	float:left;
	width:71px;
	text-align:center;
	color:#fff;
	}					
#content{
	width:100%;
	}
#left{
	float:left;
	width:200px;
	}
#right{
	float:right;
	width:791px;
	}
#login{
	width:100%;
	height:141px;
	background:url(../images/match/01-6.png);
}
#login2{
	width:100%;
	height:164px;
	background:url(../images/match/01-6-1.png);
}
.loginbar{
	width:172px;
	padding:58px 0 0 15px;
	}
.lb1{
	width:120px;
	float:left;
	}
.sublb1{
	width:100%;
	margin-bottom:7px;
	}
.sublb2{
	width:100%;
	}		
.lb2{
	float:left;
	width:47px;
	height:40px;
	}
.btnlogin{
	text-align:center;
	color:#fff;
	width:47px;
	height:40px;
	background:url(../images/match/01-3.png);
	border:0;
	cursor:pointer;
}
.lb2a{
	text-align:center;
	color:#fff;
	width:47px;
	height:40px;
	background:url(../images/match/logout.png);
	border:0;
	cursor:pointer;
	}	
.lb1a{
	float:left;
	margin-right:5px;
	}
.lb1b{
	float:left;
	width:80px;
	height:12px;
	border:1px #ccc solid;
	}
.loginbutton{
	width:100%;
	padding-top:10px;
	}
.lbutton{
	float:left;
	border:0;
	width:62px;
	height:15px;
	background:url(../images/match/01-1.png);
	margin-right:5px;
	cursor:pointer;
	}
.lbutton1{
	float:left;
	border:0;
	width:84px;
	height:15px;
	background:url(../images/match/01-2.png);
	cursor:pointer;
	}
.regsiter{
	width:100%;
	}
.leftbar{
	width:100%;
	}
.bar1{
	width:190px;
	padding-left:10px;
	height:30px;
	line-height:30px;
	background:#d94485;
	color:#FFF;
}
.bar2{
	width:198px;
	height:24px;
	line-height:24px;
	border-left:1px #ddd solid;
	border-right:1px #ddd solid;
	border-bottom:1px #ddd solid;
	padding:3px 0 3px 0;
}
.bar2:hover{
	background:#e9e9e9;
	}	
.bar2a{
	float:left;
	width:24px;
	height:24px;
	margin:0 5px 0 4px;
	background:url(../images/20-4png.png) no-repeat;
	}
.bar2b{
	float:left;
	font-size:14px;
	}
.bar2b a{
	color:#000;
	}		
.youtube{
	width:100%;
	margin:10px 0 0 0;
	}
.adv{
	width:100%;
	}
.adv img {
	display:block;
	margin: 5px 0;
	}
.menu{
	width:791px;
	height:37px;
	background:url(../images/match/01-7.png) repeat-x;
	text-align:center;
	}
.menu a{
	color:#000;
	font-size:14px;
}
.menu a:hover{
	color:#FFF;	
	}	
.m1{
	float:left;
	width:98px;
	margin-top:10px;
	border-right:1px #FFF solid;
	}
.m2{
	float:left;
	width:98px;
	margin-top:10px;
	}
.subright{
	width:790px;
	padding:5px 0 0 0;
	border:1px #ccc solid;
	}
.seemore{
	padding-top:5px;
	}	
.micon{
	float:right;
	}
.more{
	float:right;
	margin:0 5px 0 10px;
	}
#footer{
	width:100%;
	height:135px;
	}
.ft1{
	width:973px;
	padding-top:35px;
	margin:0 auto; 
	}
.ft1a{
	float:left;
	width:80px;
	text-align:center;
	color:#6C6;
	border-right:1px #666 solid;
	}
.ft1a a{ color:#F69;}	
.ft1b a{ color:#F69;}
.ft1b{
	float:left;
	width:80px;
	text-align:center;
	color:#6C6;
	}
.ft2{
	width:700px;
	padding:10px 0;
	margin:0 auto;
	color:#666;
	}
.ft3{
	width:165px;
	margin:0 auto;
	color:#666;
	text-align:center;
	}
/* knowlede2 start */
.kl1{
	width:760px;
	margin:0 auto;
	line-height:24px;
	font-size:14px;
	}
.kl1-1{
	border-bottom:1px #999 solid;
	padding:20px 0 5px 0;
	 }
.kl1-1a{
	float:left;
	margin:0 10px 0 5px;
	 }
.kl1-1b{
	float:left;
	font-size:16px;
	 }  
.kl1-2{
	line-height:36px;
	padding:0 0 5px 0;
	}
.kl1-2a{
	float:left;
	width:620px;
	height:36px;
	background:#eef5ed;
	 }
.kl1-2a1{
	float:left;
	margin:0 10px 0 15px;	
	}
.kl1-2a2{
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#666;
	}		 
.kl1-2b{
	float:right;
	width:140px;
	height:36px;
	background:#b4d1cb;
	 }
.kl1-2b1{
	padding:0 10px 0 25px;
	float:left;	
	}
.kl1-2b2{
	float:left;
	color:#F33;	
	}
.kl1-3{
	width:500px;
	padding-top:15px;
	 }
.kl1-3a{
	float:left;
	font-size:28px;
	line-height:60px;
	width:160px;
	margin:0 20px 0 0;
	font-weight:bold;
	background:url(../images/knowledge/3.png) no-repeat left;
	 }
.kl1-3b{
	float:left;
	font-size:16px;
	color:#999;
	line-height:70px;
	 }
.kl2-1{
	width:750px;
	padding:20px 5px 40px 5px;
	}
.kl2-2{
	padding:10px 0 10px 0;
	border-top:1px #999 dotted;
	}
.kl2-2a{
	float:left;
	width:640px;
	}
.kl2-2a1{
	float:left;
	}
.kl2-2a2{
	float:left;
	padding:0 0 0 10px;
	}
.kl2-2a2a{
	color:#666;
	}
.kl2-2a2b{
	padding-top:3px;
	}				
.kl2-2b{
	width:120px;
	float:right;
	}
.kl2-2b1{
	float:left;
	margin-right:30px;
	color:#999;
	}
.kl2-2b2{
	float:left;
	}
.kl2-3{
	width:710px;
	height:84px;
	background:#e9e9e9;
	padding:15px 0 0 50px;
	border-top:1px #999 solid;
	margin-top:30px;
	}
#kl2-3a{
	width:600px;
	height:60px;
	float:left;
	margin-right:15px;
	}
#kl2-3b{
	float:left;
	}
.kl2-4{
	width:142px;
	height:23px;
	margin:30px auto;
	}					
.about1{
	padding:25px 0 25px 0;
	line-height:24px;
	font-size:14px;
	}
.about1 > *{
	line-height:24px;
	}					 			   				  		 	  
/* login
-------------------------------------------------------------------------------------------*/
.lb1c{
	float:left;
	color:#F33;
	margin-right:5px;
	}
.lb1d{
	float:left;
	margin-right:5px;
	}
.lb1e{
	float:left;
	margin-right:5px;
	}
.lgb{
	width:84px;
	height:15px;
	border:0;
	background:url(../images/match/modify.png);
	cursor:pointer;
	}
.aaa{
	position:absolute;
	width:600px;
	top:80px;
	left:370px;
	font-size:52px;
	}