.topnav{display:block;position:relative;background:#fff;}
.topbar .header-nav a.logo{width:145px;margin:5px 0;display:inline-block; vertical-align: middle;}
.topbar .header-nav h2{display:inline-block;vertical-align: middle;font-weight:400;font-size:28px; padding-left:15px; border-left:1px solid #b0b0b0;}
.topnav a.username{line-height:30px;max-width:250px;overflow:hidden;display:inline-block;color:#555;margin-top:28px;float:right;position:relative;}
.topnav a.username span{display:inline-block;float:left}
.topnav a.username span.nametext{width:140px;margin-left:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.topnav a.username img{float:left;width:20px;height:20px;border:0;margin-top:5px;border-radius:50%}
/*.topnav a.username:hover span.nametext{text-decoration:underline}*/
.topnav a.username .nav-down{background:url(../images/memicons.png) -111px 0 no-repeat;width:14px;height:8px;line-height:8px;overflow:hidden;margin:10px 0 0 2px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.topnav a:hover .nav-down{-webkit-transform:rotate(180deg) translate(5px,0);-moz-transform:rotate(180deg) translate(5px,0);-ms-transform:rotate(180deg) translate(5px,0);-o-transform:rotate(180deg) translate(5px,0);transform:rotate(180deg) translate(5px,0)}
#footer .sitemap .y-last ul li a i,.input-addon a.button .icon-weibo,.input-addon .share-triggers a,/*.sharearea a,*/#header .entry a .icon-user{background:url(../images/snsico.png) no-repeat;}
@media only screen and (max-width:480px) and (min-width:360px){
.form-item .y-span9{width:100%;}
.form-item .control-label.y-span3{text-align:left;width:100%;}
.form-item .pull-left{ display:block;width:100%;clear:both;margin-top:10px;}
.form-item .y-span9.y-last a.btn.btn-max{display:block; width:100%;text-align:center;}
}
@media only screen and (max-width:360px) and (min-width:280px){
.form-item .y-span9{width:100%;}
.form-item .control-label.y-span3{text-align:left;width:100%;}
.form-item .pull-left{ display:block;width:100%;clear:both;margin-top:10px;}
.form-item .y-span9.y-last a.btn.btn-max{display:block; width:100%;text-align:center;}
}
.y-span1{width:6.5%;}.y-span2{width:15%;}.y-span3{width:23.5%;}.y-span4{width:32%;}.y-span5{width:40.5%;}.y-span6{width:49%;}.y-span7{width:57.5%;}.y-span8{width:66%;}.y-span9{width:74.5%;}.y-span10{width:83%;}.y-span11{width:91.5%;}.y-span12{width:100%;}.y-row{zoom:1;margin-left:auto;margin-right:auto;}.y-row:before,.y-row:after{content:"\0020";display:block;height:0;overflow:hidden;}.y-row:after{clear:both;}.y-row .y-last{margin-right:0;}.clearfix:before,.clearfix:after{display:table;content:" ";}.clearfix:after{clear:both;}
ul.subnav{position:absolute;width:100px;right:40px;top:56px;display:none;z-index:1001;padding:7px 0;box-shadow:0 3px 6px 0 rgba(0,0,0,.75);background-color:#3a3a3a;-webkit-transition:display 2.5s ease-out;-moz-transition:display 2.5s ease-out;-ms-transition:display 2.5s ease-out;-o-transition:display 2.5s ease-out;transition:display 2.5s ease-out;display:none;overflow:hidden;white-space:nowrap}
ul.subnav li a:hover{background-color:#555;text-decoration:underline}
ul.subnav li.split{width:100%;background:#555;display:block;height:1px}
ul.subnav li{display:block;overflow:hidden}
ul.subnav li a{display:block;padding:0 25px;line-height:40px;background-color:#3a3a3a;color:#fff;min-width:50px;text-align:left;margin:0;font-size:12px}
.user-nav ul li.split{width:100%;background:#454545;display:block;height:1px}
ul.subnav li.split{width:100%;background:#555;display:block;height:1px}