@font-face{ font-family:Univers; src:url(../images/Univers.otf);}
a,img{ border:none;}
a:focus{ border:none; outline:none;}
form,input,textarea{ margin:0; padding:0; border:none; border-radius:0;}
.clear{ clear:both; overflow:hidden; height:0; font-size:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*+height:1%;}
input:focus, textarea:focus{ border:none;border-bottom: 1px solid #000;outline: none; }
body{ margin:0; padding:0;}

#top{ margin:0 auto; padding:0; position:relative; width:100%;}
#logo{ position:fixed;  _position:absolute; left:40px; top:40px; margin:0; padding:0; z-index:1002;}
#logo img{ display:block;}

#logo a{ border:none;}
#dodo-logo { width:180px; height:180px;text-align:center; vertical-align:middle;  margin:0; padding:0; float:left; position:relative; overflow:hidden;}
.do-logo{display:none; position:absolute; left:0; top:0; z-index:1104;}

#search{width:198px; height:24px; border:none; border-bottom:solid 1px #000; margin-top:30px; font-weight:bold; font-family:'Times New Roman','Microsoft Yahei';}

#search-r{width:420px; border:solid 3px #fff; padding:20px 30px; background:#e5e5e5; position:fixed; _position:absolute; margin-left:-3px;top:155px; z-index:9999; display:none; }
#search-r h2{font-size:1em; color:#000; padding-bottom:10px; font-weight:bold; _margin-bottom:3px; font-family:'Microsoft Yahei';}
#search-r ul{list-style:none; color:#fff; padding:0; margin:0; font-family:'Microsoft Yahei'; font-size:1em;}
#search-r ul li{ width:420px; border-bottom:dotted 1px #fff; display:block;}
#search-r ul li h4{ width:370px; color:#666; font-size:0.875em;  line-height:24px; display: inline-block; margin:0; padding:6px 0 0 0; _float:left;}
#search-r ul li span{ width:50px; color:#333; font-size:0.875em; display: inline-block; text-align:right; line-height:24px; padding:6px 0 0 0;  font-family:'Microsoft Yahei'; _float:left; vertical-align:top;}

#search-r .line{ border-bottom:solid 1px #fff;}
#search-r .result li{ width:420px; padding:6px 0; border-bottom:solid 1px #fff; display:block;}
#search-r ul li a{ font-size:1em; color:#666; text-decoration:none;}

.white{height:230px; background:#fff; position:fixed;  _position:absolute; left:0; top:0px; margin:0; padding:0; width:100%; z-index:1001;}

.nav{ position:fixed; border:solid 4px #000; top:10px; padding:20px; margin:0; width:180px; z-index:1200;}
.nav ul{ list-style:none; margin:0; padding:0; font-weight:bold;}
.nav ul li{text-align:center; display:block; height:35px; line-height:35px;}
.nav ul li a{font-size:1.252em; font-weight:bold; color:#333; text-decoration:none; font-family:Univers,"Microsoft Yahei";}

.b-art{border:solid 4px #33eda2;}
.b-architecture{border:solid 4px #ff667a;}
.b-magazine{border:solid 4px #00ffff;}
.b-thoughts{border:solid 4px #7c37ff;}
.b-events{border:solid 4px #ffec00;}
.b-aboutus{border:solid 4px #c1df21;}

#art a{font-size:0.9em; color:#000; font-weight:100; text-decoration:none;}
#art a:hover{font-size:0.9em; color:#000; text-decoration:none;}
#art a span{font-size:1.15em; font-weight:bold;}
#art a.cur{font-size:0.9em; color:#33eda2; font-weight:100; text-decoration:none;}

#architecture a{font-size:0.9em; font-weight:100;color:#000; text-decoration:none;}
#architecture a:hover{font-size:0.9em;color:#000; text-decoration:none;}
#architecture a span{font-size:1.15em; font-weight:bold;}
#architecture a.cur{font-size:0.9em; color:#ff667a; font-weight:100; text-decoration:none;}

#magazine a{font-size:0.9em; color:#000; font-weight:100; text-decoration:none;}
#magazine a:hover{font-size:0.9em; color:#000; text-decoration:none;}
#magazine a span{font-size:1.15em; font-weight:bold;}
#magazine a.cur{font-size:0.9em; color:#00ffff; font-weight:100; text-decoration:none;}

#thoughts a{font-size:0.9em; color:#000; font-weight:100; text-decoration:none;}
#thoughts a:hover{font-size:0.9emem; color:#000; text-decoration:none;}
#thoughts a span{font-size:1.15em; font-weight:bold;}
#thoughts a.cur{font-size:0.9em; color:#7c37ff; font-weight:100; text-decoration:none;}

#events a{font-size:0.9em; color:#000; font-weight:100; text-decoration:none;}
#events a:hover{font-size:0.9em; color:#000; text-decoration:none;}
#events a span{font-size:1.15em; font-weight:bold;}
#events a.cur{font-size:0.9em; color:#ffec00; font-weight:100; text-decoration:none;}

#aboutus a{font-size:0.9em;  font-weight:100; color:#000; text-decoration:none;}
#aboutus a:hover{font-size:0.9em; color:#000; text-decoration:none;}
#aboutus a span{font-size:1.15em; font-weight:bold;}
#aboutus a.cur{font-size:0.9em; color:#c1df21; font-weight:100; text-decoration:none;}

.hplogo{margin:0;padding:0;position:relative; width:180px; height:180px;}
.hplogo div{display:none;pointer-events:none;position:absolute}


#all-content{margin:0 auto; padding:0; margin-top:220px; height:400px; position:relative;}
.project{width:140px; height:140px; margin:20px; float:left; position:relative; }
.project h5{display:block; color:#fff; position:absolute; width:220px;left:-40px; top:-40px; margin-top:80px; z-index:1119; text-align:center; font-family:Univers,'Microsoft Yahei'; font-size:1em; font-weight:100; line-height:24px; display:none;}
.project h5 a{ font-size:1em; color:#fff; text-decoration:none;}
.project h5 a:hover{ font-size:1em; color:#fff; text-decoration:none;}
.maindiv{width:140px; height:140px; float:left; position:relative; cursor:pointer;}
.mainimg{position:absolute; left:-40px; top:-40px; z-index:1000; display:none; z-index:1116; }
.mainimg img{ display:block; width:220px; height:220px; border-radius:110px; border:none;}
.mainimg a{ display:block; border:none; text-decoration:none;}
.art .yuan{ width:140px; height:140px; background:url(../images/art-yuan.png) no-repeat; position:absolute; z-index:-1; top:-180px; display:none;}
.architecture .yuan{ width:140px; height:140px; background:url(../images/architecture-yuan.png) no-repeat; position:absolute; z-index:-1; top:-180px; display:none;}
.magazine .yuan{ width:140px; height:140px; background:url(../images/magazine-yuan.png) no-repeat; position:absolute; z-index:-1; top:-180px; display:none;}
.thoughts .yuan{ width:140px; height:140px; background:url(../images/thoughts-yuan.png) no-repeat; position:absolute; z-index:-1; top:-180px; display:none;}
.events .yuan{ width:140px; height:140px; background:url(../images/events-yuan.png) no-repeat; position:absolute; z-index:-1; top:-180px; display:none;}


#copyright{ font-family:'Microsoft Yahei'; margin:50px 0 20px 0; color:#666; font-size:0.875em; height:20px; }