@font-face{ font-family:Univers; src:url(../images/Univers.otf);}
a:focus{ border:none; outline:none;}
a,img{ border:none;}
h1,h2,h3,h4,p,form,input,textarea{ margin:0; padding:0; border:none; border-radius:0; font-weight:100;}
input:focus, textarea:focus{ border:none; border-bottom: 1px solid #000; outline: none; }
body{ margin:0; padding:0; background:#fff;}


#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;}
#logo-m{ margin:10px 20px; padding:0;}
#logo-m img{ display:block; border:none;}

#search{width:198px; height:24px; border:none; border-bottom:solid 1px #000; margin-top:40px; font-weight:bold; font-family:'Times New Roman','Microsoft Yahei'}
#search-r{width:420px; border:solid 3px #fff; padding:20px 30px; background:#e5e5e5; margin-left:-3px; 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:140px; background:#fff; position:fixed;  _position:absolute; _top:0; left:0; top:0px; margin:0; padding:0; width:100%; z-index:1001;}

.nav{ border:solid 4px #33eda2; padding:20px; margin:0; width:180px; z-index:1200; position:fixed;  _position: absolute;right:40px; top:10px; background:#fff;}
.nav-m{ position:static; margin:0 auto; margin-top:10px;}
.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;}


#detail{ margin:0 40px; position:relative; margin-top:230px;  font-family:"Microsoft Yahei"; _z-index:-1;}
#detail .info-title{ height:80px; border-bottom:solid 1px #000; position:relative;}
#detail .info-title h2{ height:30px; font-size:1.5em; margin-bottom:10px; overflow:hidden;}
#detail .info-title h3{ height:30px; margin-bottom:10px; font-size:1.5em; padding-right:50px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
#detail .info-title-m{ border-bottom:solid 1px #000; display:block; height:auto;}
#detail .info-title-m h2{ line-height:30px; font-size:1.5em; margin:0; padding:0; margin-bottom:10px;}
#detail .info-title-m h3{ line-height:30px; margin-bottom:10px; font-size:1.5em;margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
#detail .code-b{width:96px; height:96px; z-index:1111; background:#fff; position: absolute; right:0; bottom:5px; display:none; }
#detail .code-b img{width:96px; height:96px; display:block;}
#detail .code{position: absolute; right:0; bottom:5px; cursor:pointer;}
#detail .code img{ width:32px; height:32px;}


#detail .info{ position:absolute; left:0px; padding:20px 0; font-size:14px; line-height:26px; margin-top:20px; color:#7f7f7f;}
#detail .info img{ display:block; margin:0 auto; width:100%; height:auto; padding:0;}
#detail .info-m{ margin:20px 0; color:#7f7f7f}
#detail .info-m img{ width:100%; height:auto; display:block; margin:0 auto;}
#detail .sider{ width:220px; position: absolute; right:4px; _right:44px; top:120px; font-size:14px; line-height:24px; color:#7f7f7f;}
#detail .sider img{ width:100%; height:auto;}
#detail .sider-m{ margin:20px 0; color:#7f7f7f}
#detail .sider-m img{ width:100%; height:auto;}
#detail .code-m{ width:auto; margin-top:20px; text-align:center;}
#detail .code-m{ width:auto; margin-top:20px; text-align:center; display:none;}
#detail .code-m img{ width:240px; height:240px; margin:20px auto;}

#copyright{ margin:20px 0; color:#666; font-size:0.875em;}