Template:Nankai New/screen.css

.menu li a:hover {

 color: #f34343;

} .menu li > ul {

 border-top: 2px solid #f34343;

}

/* General Style ==================================================*/

/*Type ==================================================*/

ul, ol {

 padding: 0;
 margin: 0 0 9px 25px;

} ul ul, ul ol, ol ol, ol ul {

 margin-bottom: 0;

} li {

 line-height: 18px;

} ul.unstyled, ol.unstyled {

 margin-left: 0;
 list-style: none;

} ul.inline, ol.inline {

 margin-left: 0;
 list-style: none;

} ul.inline > li, ol.inline > li {

 display: inline-block;
 *display: inline;
 /* IE7 inline-block hack */

 *zoom: 1;
 padding-left: 5px;
 padding-right: 5px;

} dl {

 margin-bottom: 18px;

} dt, dd {

 line-height: 18px;

} dt {

 font-weight: bold;

} dd {

 margin-left: 9px;

} .dl-horizontal {

 *zoom: 1;

} .dl-horizontal:before, .dl-horizontal:after {

 display: table;
 content: "";
 line-height: 0;

} .dl-horizontal:after {

 clear: both;

} .dl-horizontal dt {

 float: left;
 width: 160px;
 clear: left;
 text-align: right;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

} .dl-horizontal dd {

 margin-left: 180px;

}

/* Header Style ==================================================*/ .mainHeader {

 width: 100%;
 height: 155px;
 position: relative;

} /*social navigation*/ .navTop {

 position: realtive;
 height: 29px;
 background: #4a4a4a;

} .navTop ul {

 margin: 0;
 padding: 0;

} .navTop ul li {

 float: left;

} .navTop ul li a {

 width: 29px;
 height: 29px;
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
 display: block;
 padding: 0;
 margin: 0;
 -webkit-transition: all 0.5s linear;
 -moz-transition: all 0.5s linear;
 -o-transition: all 0.5s linear;
 transition: all 0.5s linear;

} .navTop ul li a:hover {

 background-color: #000000 !important;

} .mainNav {

 min-height: 126px;
 background: #000000;

} /*logo*/ .brand {

 width: 252px;
 height: 51px;
 display: block;
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
 position: relative;
 margin: 35px 0;

} .brand::before {

 content: ;
 display: block;
 width: 252px;
 height: 51px;
 position: absolute;
 top: 0;
 left: 0;
 background: url(../img/logo.png) 0 0 no-repeat;
 z-index: 10;

} .brand::after {

 content: ;
 display: block;
 width: 29px;
 height: 32px;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1;

} /*Menu*/ .menu {

 padding: 50px 0;
 background: #000000;

} .menu li {

 position: relative;
 margin: 0 5px;

} .menu li a {

 color: #6c6c6c;
 padding-bottom: 25px;
 font-size: 15px;
 text-transform: uppercase;
 -webkit-transition: color 0.3s linear;
 -moz-transition: color 0.3s linear;
 -o-transition: color 0.3s linear;
 transition: color 0.3s linear;

} .menu li a:hover {

 background: none;
 text-decoration: none;

} .menu li a:hover ~ ul {

 display: block;

} .menu li > ul {

 position: absolute;
 top: 40px;
 left: -50px;
 display: none;
 background: #0f0f0f;
 width: 163px;
 text-align: center;
 padding: 10px 0;
 z-index: 1000;

} .menu li > ul > li {

 border-bottom: 1px solid #1f1f1f;
 margin: 0;

} .menu li > ul > li a {

 padding: 5px 0;
 display: block;
 text-transform: none;
 font-size: 13px;

} .menu li > ul > li:last-child {

 border: none;

} .menu li > ul:hover {

 display: block;

} .menu li:last-child {

 padding-right: 0;
 margin-right: 0;

} .menu li:nth-child(4) > ul {

 left: -35px;

}