#header-mobile{ display: none; height:65px; background: #112e61; position: relative; } #header-mobile .logo{ top:17px; left:10px; position: absolute; } #bottom_m{display: none} .rightmeaus{ right:auto; left:0;} .Warp{ position:relative; left:0; z-index:88;} .rightmeaush5,.rightmeaustop,.rightmeausdl a,.rightmeauslist .a{padding:0 15px;} .rightmeaus a,rightmeaus a:hover,.rightmeaus{ color:#b8956b;} .rightmeausdl,.rightmeaus,.Warp,.N,.Nav-fxied{transition: all 0.8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;-webkit-transition: all 0.8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;-moz-transition: all 0.8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;} /*.rightmeausdl,.rightmeaus{transform: translateX(300px);-webkit-transform: translateX(300px);-moz-transform: translateX(300px);} .rightmeausdlOn,.rightmeausOn{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);}*/ .rightmeaus{ position:fixed; right:0; top:65px; z-index:99999;width:100%; } .rightmeauslist,.rightmeaustop{ line-height:45px; background:#000;} .rightmeaustop{ background:#2bb0e9; color:#fff; } .rightmeauslist{ position:relative;} .rightmeausdl{ position:absolute; left:0; top:0;background:rgba(19,128,193,1); } .rightmeauslist li,.rightmeauslist dd{ border-bottom:1px solid rgba(21,94,194,0.5);} .rightmeausdl{ width:100%;} .rightmeauslist .a{ display:block; } .rightmeaustop,.rightmeauslist .a{cursor:pointer;} .library-icon-web-font .icon-right{margin-top:25px;font-weight:bold;float:right; } .library-icon-web-font .icon-right{ color:#2bb0e9; } .ico-close{ background:url(../images/close-btn-icon-small_02.png) left top no-repeat; width:14px; margin-top:18px; float:right; height:14px;} .rightmeaush5{ background:#155ec2;} .rightmeausdl a{ display:block;} .rightmeaush5{ cursor:pointer;} .rightmeausdl,.rightmeaus{left:-100%; height:100%;} .rightmeausdlOn,.rightmeausOn{left:0;} .WarpOn,.NOn{left:300px;} .rightmeaus a, rightmeaus a:hover, .rightmeaus{ color:#fff;} .rightmeaustop{ background:#111;} .rightmeauslist .a:hover,.rightmeausdl a:hover{ /*background:rgba(202,202,202,1);*/} .rightmeaus{ background:rgba(19,128,193,1);} .rightmeauslist, .rightmeaustop{ background:none;} .rightmeaustop{ background:#137bd6; display:none;} .icon-right{ color:#fff;} .icon-right-big{ float:right; margin-top:18px;} .rightmeaustop span{ color:#000;} .fr{float:right;} .menu{ width: 28px; height: 25px; position: relative; float: right; margin-right: 10px; margin-top: 23px; } .menu span { width: 100%; position: absolute; right: 0; top: 0; background: #1380c1; display: block; height: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: top; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; } .menuon .m1,.menuon .m2,.menuon .m3{ background:#ccc;} .menuon .m1{ transform:rotate(45deg); top:9px !important;} .menuon .m2{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);} .menuon .m3{ transform:rotate(-45deg); top:9px !important;width:28px;} .menu .m2 { top: 9px; } .menu .m3 { top: 18px; } #bottom_m{ color: #FFFFFF; font-size: 0.75em; text-align: center; background: #062E65; padding:15px 0; } #bottom_m a{ color: #FFFFFF; } #bottom_m .friend{ font-size:1.5em; font-weight: 800; margin-bottom: 5px; } @media screen and (max-width: 769px) { #header-wrapper{ display: none; } #header-mobile{ display: block !important; } body{ font-size:16px; min-width: 0 !important; background: #062E65; } #index-news{ display: none; } #active-uni{ display: none; } #contact{ display: none; } #bottom{ display: none; } #bottom_m{ display: block !important; } }