/* === Yoao headbank StyleSheet File ============================================================
Style Name: css style,Version: 1.0,Author: Zjuliet ZSD,Last Update: 2010-01-25
============================================================================================= */

* {margin:0; padding:0;}
ul,li {list-style:none;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}

/*  common style  */
body {background:#0065ca}
div {margin:0 auto;  text-align:left}
span {background:#FF0}
h2,h3,h4 {text-align:center; padding:20px 0}

.havePic,.f1 {text-align:center}
.f2,.f3 {text-align:right}

/* ============================================================= Font =============================================== */

/* font-family */
p,#footer p,.spec p,#promise h2,#other h3 {font-family:"宋体"}
h2,h3,h4 {font-family:"黑体"}
.f2 {font-family:"楷体_GB2312"}
.f3 {font-family:"华文行楷", "楷体_GB2312"}
/* font-size */
table {font-size:14px} 
p,li,th,#tip .f1 {font-size:15px} 
h3 {font-size:20px}
#footer p,.spec p,.f1,#time #panduan {font-size:13px}
.f2,#email h3,h2 {font-size:36px}
.f3 {font-size:24px}
/* font-weight */
.f1 {font-weight:bold;}
#other #eagle_pic .f1,#other #headbank_pic .f1 {font-weight:normal}
/* line-height */
 {line-height:16px;}
 {line-height:18px;}
 {line-height:160%;}
p,h2,h3,h4,.spec p,li,table {line-height:180%;}
/* letter-spacing */
 {letter-spacing:1pt;}
 {letter-spacing:2pt;}
/* font-color */
h2,h3,h4,th {color:#F00;}
#footer p,#email h3 {color:#FFF}
.f1,.f2 {color:#00F}
.spec {color:#f10}


/* ============================================================= Top & Footer =============================================== */

/* ================== Top === */
#top1,#top2,#top3,#top4,#top5 {width:856px; height:96px; padding:0; background:#fff url(top_1.gif) no-repeat center}
#top2 {height:97px; background-image:url(top_2.gif)}
#top3 {height:99px; background-image:url(top_3.gif)}
#top4 {height:200px; background-image:url(http://2008.yoao.com/headbank-2.jpg)}
#top5 {height:54px; background-image:url(top_5.gif)}
#top1 a,#top2 a,#top3 a,#top4 a,#top5 a {text-decoration: none;}
    
/* ================== Footer === */
#footer {padding:8px 0; text-align:center}
#footer p {margin:0 auto; padding:8px 0}


/* ============================================================= Main Style =============================================== */

.con {width:830px; padding:20px 50px; background:#fff}
.con b {text-align:center}
.con p {padding:20px 0}
.spec {width:100%}
.spec img,.spec p {float:left}
.spec img {border:1px solid #ccc; margin-right:50px}
.con ul li {padding:10px 0; list-style:square inside none}
.con div { width:92%; padding:20px;background:#ffc; border:2px solid #f93; display:block}
.border {display:block; border-bottom:1px solid #666}

#class_pic li {float:left; width:22.5%; text-align:center;padding:5px 8px 10px; height:155px; list-style:none}
#class_pic li[class=class5] {margin-left:37%}

/* time */
#time p {float:left; width:85%; text-align:center}
#time #panduan {float:right; padding-left:0; padding-top:6px; width:10%}

/* famous */
#famous ul li {list-style: none; padding-top:10px; padding-left:15px}
#famous ul li p {float:left; margin-right:10px}

/* list2 */
#list2 li {list-style-type:disc}

/* promise */
#promise div,#gift div {border-color:#f10; background:none}

/* email */
#email div {border-color:#0154ba; background:none; padding:0}
#email h3 {background:#0154ba}
#email ul {width:90%; padding:0 30px}
#email ul li,#other ul li,#link ul li {list-style:none}

/* other */
#other .f2 {text-align:center}
#other #eagle_pic,#other #headbank_pic {border:0; background:none; width:auto; padding:0}
#other #eagle_pic li,#other #headbank_pic li {float:left; width:22.5%; text-align:center;padding:5px 6px 10px; height:210px; display:block}
#other #video li {float:left; width:47%; text-align:center;padding:5px 6px 10px;}

/* link */
#link {width:800px; padding:20px 28px}
#link ul li {float:left; width:200px}


#winpop{
	width: 185px;
	height: 175px;
	position: fixed;
	right: 0px;
	top: 170px;
	border: 1px solid #000;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 0px;
	}
	#title {
	background-color: #F5F5F5;
	margin: 0px;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	}
	#close {
		position: absolute;
		right: 0px;
		text-decoration:none;
	}