Template:Nankai New/screen.css

.clearfix {

 *zoom: 1;

} .clearfix:before, .clearfix:after {

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

} .clearfix:after {

 clear: both;

} .hide-text {

 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;

} .input-block-level {

 display: block;
 width: 100%;
 min-height: 27px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;

} .colored {

 color: #f34343;

} .coloredGray {

 background: #f3f3f3;
 padding: 18px 0;

} .lightText {

 color: #9e9e9e;

} .darkBg {

 background: #000000;

} .grayBg {

 background: #212121;

} .iconBg {

 background: #f34343;

}

.brand::after {

 background: #f34343;

} .menu li a:hover {

 color: #f34343;

} .menu li > ul {

 border-top: 2px solid #f34343;

} .active > a {

 color: #f34343 !important;

}

.btn:hover, .btn:focus {

 background-color: #f34343 !important;

} .btn-color {

 background: #f34343;

} .accordion-heading-active::after {

 background: #f34343;

}

/*Defaul page style No. 1 */ /* General Style ==================================================*/

/*Type ==================================================*/ p {

 margin: 0 0 18px 0;
 font-size: 1.3rem;

} a, button {

 font-family: inherit;

} .lead {

 margin-bottom: 18px;
 font-size: 1.9500000000000002rem;
 font-weight: 200;
 line-height: 27px;

} small {

 font-size: 85%;

} strong {

 font-weight: bold;

} em {

 font-style: italic;

} cite {

 font-style: normal;

} .muted {

 color: #999999;

} a.muted:hover, a.muted:focus {

 color: #808080;

} .text-warning {

 color: #c09853;

} a.text-warning:hover, a.text-warning:focus {

 color: #a47e3c;

} .text-error {

 color: #b94a48;

} a.text-error:hover, a.text-error:focus {

 color: #953b39;

} .text-info {

 color: #3a87ad;

} a.text-info:hover, a.text-info:focus {

 color: #2d6987;

} .text-success {

 color: #468847;

} a.text-success:hover, a.text-success:focus {

 color: #356635;

} .text-left {

 text-align: left;

} .text-right {

 text-align: right;

} .text-center {

 text-align: center;

}

.page-header {

 padding-bottom: 8px;
 margin: 18px 0 27px;
 border-bottom: 1px solid #eeeeee;

} 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;

} hr {

 margin: 17px 0;
 border: 0;
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #ffffff;

} abbr[title], abbr[data-original-title] {

 cursor: help;
 border-bottom: 1px dotted #999999;

} abbr.initialism {

 font-size: 90%;
 text-transform: uppercase;

} blockquote {

 padding: 0 0 0 30px;
 margin: 0 0 18px;
 border-left: 2px solid #dbd8d8;
 color: #979797;
 font-style: italic;

} blockquote p {

 margin-bottom: 0;
 font-size: 1.6rem;
 font-weight: 300;
 line-height: 1.25;

} blockquote small {

 display: block;
 line-height: 18px;
 color: #999999;

} blockquote small:before {

 content: '\2014 \00A0';

} blockquote.pull-right {

 float: right;
 padding-right: 15px;
 padding-left: 0;
 border-right: 5px solid #eeeeee;
 border-left: 0;

} blockquote.pull-right p, blockquote.pull-right small {

 text-align: right;

} blockquote.pull-right small:before {

 content: ;

} blockquote.pull-right small:after {

 content: '\00A0 \2014';

} q:before, q:after, blockquote:before, blockquote:after {

 content: "";

} address {

 display: block;
 margin-bottom: 18px;
 font-style: normal;
 line-height: 18px;

}

/* 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;

}