*,body{padding:0;margin:0;overflow:hidden}header{background:rgba(255,255,255,.8);position:relative;z-index:3}header:before{position:absolute;top:0;left:0;right:0;height:2px;content:'';background:#d6090d}header:after{position:absolute;bottom:0;left:0;right:0;height:1px;content:'';background:#eee}header h1{font-size:14px;display:block;height:50px;line-height:50px;padding-left:20px;color:#666;background:url(/Images/about/logo1.png) no-repeat 15px center;padding-left:170px}header nav{position:absolute;left:100px;right:200px;top:0;text-align:right}header nav li{line-height:50px;display:inline-block;position:relative}header nav li+li:before{position:absolute;content:'';left:0;top:20px;bottom:20px;width:1px;background:rgba(22,22,22,.3)}header nav li a{display:block;text-decoration:none;outline:none;color:#666;padding:0 10px;font-size:14px}header nav li a:hover{color:#d6090d}header a.btn{border:1px solid #d6090d;position:absolute;right:0;top:0;text-decoration:none;outline:none;color:#fff;background:#d6090d;border-radius:3px;padding:5px 10px;line-height:1;font-size:14px;top:12px;right:15px}#iframewrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#iframewrap>iframe{position:absolute;left:0;top:0;bottom:0;right:0;height:100%}#iframewrap .bg{background:rgba(255,255,255,.9);position:absolute;top:0;right:0;bottom:0;left:0}#iframewrap .url{font-size:30px;position:absolute;left:0;right:0;text-align:center;top:50%;margin-top:-150px}#iframewrap .url a:hover{color:#d6090d!important}#iframewrap .url a.uu{display:inline-block;text-decoration:none;color:#333;font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;position:relative}#iframewrap .url a.uu:after{content:'';position:absolute;left:0;bottom:0;right:0;height:1px;background:#999}#iframewrap .url a.tt{display:block;text-decoration:none;font-size:18px;color:#999}footer{height:50px;background:rgba(255,255,255,.5);position:absolute;z-index:3;bottom:0;left:0;right:0;font-size:12px}footer .foot{width:1200px;margin:0 auto;line-height:50px;color:#333}footer .foot .left>a{color:#333;padding:0 5px}footer .foot:after{content:'';display:block;clear:both}footer .left{float:left}footer .right{float:right}#message{position:absolute;left:0;top:50px;bottom:50px;right:0;z-index:33;background:url(/Content/2019/img/loading.gif) no-repeat center center rgba(255,255,255,1);-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}#message>p{position:absolute;bottom:50%;text-align:center;left:0;right:0;margin-bottom:-80px}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-ms-animation-name:fadeOut;animation-name:fadeOut;height:0}.hot{position:absolute;left:20px;right:20px;bottom:100px}.hot h2{font-size:16px;font-weight:bold;display:block;line-height:1;padding:10px 0;padding-left:5px}.grid{display:none}.grid-item{width:100%;float:left}@media(min-width:768px){.grid{display:block}.grid-item{width:25%;float:left}}.grid-item a{text-decoration:none;color:#333;font-size:12px}.project{padding-bottom:10px;color:#fff;overflow:hidden;cursor:pointer;margin:5px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}.project-img{position:relative;height:190px;overflow:hidden;z-index:1}.project-img img{width:100%;transition:transform .4s ease;-webkit-transition:-webkit-transform .4s ease;-moz-transition:-moz-transform .4s ease}.project:hover .project-meta{background:rgba(20,29,34,.36);background:rgba(214,0,29,.86)}.project:hover .project-meta a{color:#fff}.project:hover .project-meta:before{border-bottom:8px solid #d6001d}.project:hover .project-meta h4{color:#fff;font-weight:bold}.project-meta{padding:5px 20px 0;position:relative;height:60px;z-index:2;background:rgba(0,0,0,.03)}.project-meta a:not(:first-child){margin-right:4px}.project-meta:before{content:'';display:block;position:absolute;top:-10px;left:20px;width:10px;height:10px;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:8px solid #fff}.project-meta h4{margin-bottom:5px;color:#000;font-size:16px;font-weight:normal}.project-meta span.project-category{font-size:11px;margin:0;text-transform:uppercase;color:rgba(0,0,0,.5);overflow:hidden;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding-right:50px;display:block}.project:hover .project-meta span.project-category{font-size:11px;margin:0;text-transform:uppercase;color:rgba(255,255,255,.5)}.project-like{position:absolute;right:5px;top:15px;vertical-align:top}.project-like .icons{font-size:24px;color:#dce3e8;transition:color .3s;-webkit-transition:color .3s;-moz-transition:color .3s;cursor:pointer}.project:hover .project-like .icons{color:#dce3e8}.project-like span.like-count{font-size:12px;font-weight:300;vertical-align:top;color:#dce3e8;position:relative;top:10px}