html,
body {
font-family:"微软雅黑";
}
body.mobile {
position: relative;
}
body.pace-primary .pace .pace-progress {
background-color: #973694;
}
body.pace-success .pace .pace-progress {
background-color: #10cfbd;
}
body.pace-complete .pace .pace-progress {
background-color: #48b0f7;
}
body.pace-warning .pace .pace-progress {
background-color: #f8d053;
}
body.pace-danger .pace .pace-progress {
background-color: #f55753;
}
body.pace-dark .pace .pace-progress {
background-color: #000000;
}
body.pace-white .pace .pace-progress {
background-color: #ffffff;
}
.mobile-wrapper {
height: 100%;
width: 100%;
}
.mobile-wrapper > .swiper-wrapper > .swiper-slide {
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: initial;
display: block;
}
/* Header
------------------------------------
*/
.header {
position: relatived;
top: 0;
height: 60px;
width: 100%;
z-index: 800;
background-color: #fff;
-webkit-transition: background 0.4s ease, height 0.4s ease;
transition: background 0.4s ease, height 0.4s ease;
}
.header.bottom {
position: absolute;
bottom: 0;
top: auto;
}
.header.bottom.affix {
position: fixed;
bottom: auto;
top: 0;
}
.header.transparent-light {
background-color: transparent;
}
.header.transparent-light .menu > li > a:not(.btn) {
color: #ffffff;
opacity: 0.5;
}
.header.transparent-light .menu > li > a:not(.btn):focus {
opacity: 0.8;
}
.header.transparent-light .menu > li > a:not(.btn):hover {
opacity: 0.8;
}
.header.transparent-light .menu > li > a:not(.btn).active {
opacity: 1;
}
.header.transparent-light .search-toggle {
color: #ffffff;
}
.header.transparent-light .menu.bordered > li > a {
border-color: #ffffff;
}
.header.transparent-light.alternate .menu > li > a:before {
max-width: 100%;
}
.header.transparent-light.alternate span:before {
max-width: 100%;
}
.header.transparent-light.alternate .search-toggle {
color: #121212;
}
.header.transparent-light.alternate .menu-toggler .one,
.header.transparent-light.alternate .menu-toggler .two,
.header.transparent-light.alternate .menu-toggler .three {
background-color: #121212;
}
.header.transparent-light.alternate.minimized .search-toggle {
color: #ffffff;
}
.header.transparent-light.alternate.minimized .menu-toggler .one,
.header.transparent-light.alternate.minimized .menu-toggler .two,
.header.transparent-light.alternate.minimized .menu-toggler .three {
background-color: #ffffff;
}
.header.transparent-light .menu-toggler .one,
.header.transparent-light .menu-toggler .two,
.header.transparent-light .menu-toggler .three {
background-color: #ffffff;
}
.header.transparent-dark {
background-color: #ffffff;
}
.header.transparent-dark.alternate .menu > li > a:before {
color: #ffffff;
max-width: 100%;
}
.header.transparent-dark.alternate .menu > li > a > span:before {
color: #ffffff;
max-width: 100%;
}
.header.transparent-dark.alternate .search-toggle {
color: #ffffff;
}
.header.transparent-dark.alternate .menu-toggler .one,
.header.transparent-dark.alternate .menu-toggler .two,
.header.transparent-dark.alternate .menu-toggler .three {
background-color: #ffffff;
}
.header.transparent-dark .menu > li > a {
color: #000;
opacity: 1;
}
.header.transparent-dark .menu > li > a:focus {
opacity: 0.8;
}
.header.transparent-dark .menu > li > a:hover {
color: #FF0000;
}
.header.transparent-dark .menu > li > a.active {
opacity: 1;
}
.header.transparent-dark .search-toggle {
color: #121212;
}
.header.transparent-dark .menu.bordered > li > a {
border-color: #121212;
}
.header.dark-solid {
background-color: #000000;
}
.header.dark-solid .menu > li > a:not(.btn) {
color: #ffffff;
opacity: 0.5;
}
.header.dark-solid .menu > li > a:not(.btn):focus {
opacity: 0.8;
}
.header.dark-solid .menu > li > a:not(.btn):hover {
opacity: 0.8;
}
.header.dark-solid .menu > li > a:not(.btn).active {
opacity: 1;
}
.header.dark-solid .search-toggle {
color: #ffffff;
}
.header.dark-solid .menu.bordered > li > a {
border-color: #ffffff;
}
.header.dark-solid .menu-toggler .one,
.header.dark-solid .menu-toggler .two,
.header.dark-solid .menu-toggler .three {
background: #ffffff;
}
.header.dark {
-webkit-box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.14);
box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.14);
color:#333;
}
.header.dark .menu > li > a:not(.btn) {
color: #fff;
opacity: 0.9;
}
.header.dark .menu > li > a:not(.btn):focus {
opacity: 0.8;
}
.header.dark .menu > li > a:not(.btn):hover {
opacity: 0.8;
}
.header.dark .menu > li > a:not(.btn).active {
opacity: 1;
}
.header.dark .search-toggle {
color: #ffffff;
}
.header.dark .menu.bordered > li > a {
border-color: #ffffff;
}
.header.dark .menu-toggler .one,
.header.dark .menu-toggler .two,
.header.dark .menu-toggler .three {
background: #fff;
}
.header.light-solid {
border-bottom: 1px solid #f0f0f0;
background-color: #ffffff;
}
.header.light-solid .menu > li > a:not(.btn) {
color: #000000;
opacity: 0.5;
}
.header.light-solid .menu > li > a:not(.btn):focus {
opacity: 0.8;
}
.header.light-solid .menu > li > a:not(.btn):hover {
opacity: 0.8;
}
.header.light-solid .menu > li > a:not(.btn).active {
opacity: 1;
}
.header.light-solid .search-toggle {
color: #000000;
}
.header.light-solid .menu.bordered > li > a {
border-color: #000000;
}
.header.light-solid .menu-toggler .one,
.header.light-solid .menu-toggler .two,
.header.light-solid .menu-toggler .three {
background: #000000;
}
.header.light {
border-bottom: 1px solid #f0f0f0;
background-color: #fafafa;
}
.header.light .menu > li > a:not(.btn) {
color: #000000;
opacity: 0.5;
}
.header.light .menu > li > a:not(.btn):focus {
opacity: 0.8;
}
.header.light .menu > li > a:not(.btn):hover {
opacity: 0.8;
}
.header.light .menu > li > a:not(.btn).active {
opacity: 1;
}
.header.light .search-toggle {
color: #000000;
}
.header.light .menu.bordered > li > a {
border-color: #000000;
}
.header.light .menu-toggler .one,
.header.light .menu-toggler .two,
.header.light .menu-toggler .three {
background: #000000;
}
.header.alternate .logo {
display: none;
}
.header.alternate .alt {
display: inline-block;
}
.header.bg-header {
height: 125px;
}
.header.bg-header .header-inner {
line-height: 85px;
}
.header.bg-header .menu-toggler {
margin-top: 47.5px;
margin-right:13px;
}
.header.md-header {
height: 88px;
}
.header.md-header .header-inner {
line-height: 88px;
}
.header.md-header .menu-toggler {
margin-top: 36.5px;
}
.header.sm-header {
height: 44px;
}
.header.sm-header .header-inner {
line-height: 44px;
}
.header.sm-header .menu-toggler {
margin-top: 14.5px;
}
.header.minimized {
height:145px;
padding:10px 0;
}
.header.minimized .header-inner {
line-height: 60px !important;
}
.header.minimized .logo {
display: none;
}
.header.minimized .alt {
display: inline-block;
}
.header.minimized .menu-toggler {
margin-top: 22.5px !important;
}
.header.minimized .menu > li > a:before {
max-width: 0 !important;
}
.header.minimized .menu > li > a > span:before {
max-width: 0;
}
.header .alt {
display: none;
}
.header.horizontal {
width: 100%;
height: auto;
}
.header .header-inner {
line-height: 60px;
width: 100%;
-webkit-transition: line-height 0.4s ease;
transition: line-height 0.4s ease;
}
.header > .pull-right,
.header .pull-left {
position: relative;
}
.header .menu {
font-family:"微软雅黑";
margin: 0;
display: inline-block;
}
.header .menu.bordered > li > a {
border-right: 1px solid;
}
.header .menu > li {
display: inline-block;
list-style: none;
/* font-weight: bold;*/
font-weight: 400;
font-size: 16px;
margin-right: 40px;
vertical-align: middle;
}
.header .menu > li.multiline > nav {
top: 43px;
}
.header .menu > li.classic.dark > nav > span.arrow {
background-image: url(../images/black.svg);
}
.header .menu > li.classic.dark > nav:before,
.header .menu > li.classic.dark > nav:after {
height: 7px;
background-color: #000000;
border-color: #000000;
}
.header .menu > li.classic.dark > nav ul {
background-color: #000000;
}
.header .menu > li.classic.dark > nav ul li a {
color: #ffffff;
}
.header .menu > li.horizontal.dark > nav {
background-color: #000000;
border-bottom: 0;
}
.header .menu > li.horizontal.dark > nav ul li a {
color: #ffffff;
}
.header .menu > li.horizontal.dark > span.arrow {
background-image: url(../images/black.svg) !important;
}
.header .menu > li.horizontal.dark > span.arrow:before,
.header .menu > li.horizontal.dark > span.arrow:after {
background-color: #000000 !important;
border-top: 0 !important;
}
.header .menu > li.horizontal.dark .container {
border-right-color: rgba(255, 255, 255, 0.4);
}
.header .menu > li.mega.dark .container {
background-color: #000000;
text-color: #ffffff;
}
.header .menu > li.mega.dark .container .sub-menu-heading {
color: #ffffff;
}
.header .menu > li.mega.dark .container ul.sub-menu > li a {
color: #ffffff;
}
.header .menu > li.mega.dark > span.arrow {
background-image: url(../images/black.svg) !important;
}
.header .menu > li.mega.dark > span.arrow:after,
.header .menu > li.mega.dark > span.arrow:before {
background-color: #000000 !important;
}
.header .menu > li > a {
position: relative;
text-transform: uppercase;
padding-right: 17px;
display: block;
}
.header .menu > li > a span {
margin-bottom: 7px;
}
.header .menu > li > a:before {
color: #000000;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
max-width: 0;
white-space: pre;
line-height: inherit;
content: attr(data-text);
-webkit-transition: max-width 0.5s;
transition: max-width 0.5s;
}
.header .menu > li > a.btn,
.header .menu > li > a.btn:hover {
opacity: 1;
}
.header .menu > li > a > span {
font-size: 12px;
font-family: Arial;
color: inherit;
opacity: 0.8;
display: block;
position: relative;
line-height: 15px;
text-transform: none;
}
.header .menu > li > a > span:before {
color: #000;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
max-width: 0;
white-space: pre;
line-height: inherit;
content: attr(data-text);
-webkit-transition: max-width 0.5s;
transition: max-width 0.5s;
}
.header .menu > li:last-child {
border-right: none;
}
.header .menu > li.open.horizontal {
position: relative !important;
}
.header .menu > li.open.horizontal > span.arrow {
background-image: url(../images/white.svg);
background-repeat: no-repeat;
width: 14px;
height: 7px;
left: calc(50% - 14px);
margin-top: 8px;
position: absolute;
z-index: 2;
}
.header .menu > li.open.horizontal > span.arrow:before {
content: '';
position: absolute;
height: 7px;
width: 100vw;
background-color: #ffffff;
display: block;
left: -100vw;
border-top: 1px solid #e6e6e6;
}
.header .menu > li.open.horizontal > span.arrow:after {
content: '';
position: absolute;
height: 7px;
left: 14px;
background-color: #ffffff;
border-top: 1px solid #e6e6e6;
width: 100vw;
}
.header .menu > li.open.mega {
position: relative !important;
margin-top: -1px;
}
.header .menu > li.open.mega > span.arrow {
background-image: url(../images/white.svg);
background-repeat: no-repeat;
width: 14px;
height: 7px;
left: calc(50% - 14px);
margin-top: 10px;
position: absolute;
}
.header .menu > li.open.mega > span.arrow:before {
content: '';
position: absolute;
height: 7px;
width: 100vw;
background-color: #ffffff;
display: block;
left: -100vw;
border-top: 1px solid rgba(0, 0, 0, 0.07);
border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.header .menu > li.open.mega > span.arrow:after {
content: '';
position: absolute;
height: 7px;
left: 14px;
width: 100vw;
background-color: #ffffff;
border-top: 1px solid rgba(0, 0, 0, 0.07);
border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.header .menu > li.open.classic > nav {
border-color: rgba(0, 0, 0, 0.07);
}
.header .menu > li.open > .classic {
max-height: 999px;
}
.header .menu > li.open > .mega,
.header .menu > li.open > .horizontal {
display: block;
}
.header .menu > li.classic {
position: relative;
}
.header .menu > li.open > a {
opacity: 1;
}
.header .menu > li.mega.open,
.header .menu > li.horizontal.open {
position: inherit;
}
.header .menu > li > .classic {
margin: 0;
padding: 0;
position: absolute;
overflow: hidden;
left: 0;
right: 0;
top: 34px;
min-width: 190px;
left: 50%;
margin-left: -102px;
max-height: 0;
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
border: 1px solid rgba(0, 0, 0, 0);
border-top: 0;
z-index:999;
}
.header .menu > li > .classic > span.arrow {
background-image: url(../images/nav_bg.png);
background-repeat: no-repeat;
width: 14px;
height: 7px;
left: calc(50% - 7px);
position: absolute;
top: 0;
}
.header .menu > li > .classic:before {
content: '';
position: absolute;
height: 7px;
width: calc(50% - 7px);
background-color: #ffffff;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.header .menu > li > .classic:after {
content: '';
position: absolute;
height: 7px;
right: 0;
width: calc(50% - 7px);
background-color: #ffffff;
border-top: 1px solid rgba(0, 0, 0, 0.12);
top: 0;
}
.header .menu > li > .classic ul {
padding: 0;
list-style: none;
overflow: hidden;
background-color: #ffffff;
margin-top: 0;
}
.header .menu > li > .classic ul > li {
margin: 5px 25px;
opacity: 1;
-webkit-transition: all 0.1s linear 0.1s;
transition: all 0.1s linear 0.1s;
}
.header .menu > li > .classic ul > li a {
color: #000000;
text-transform: uppercase;
opacity: 0.6;
font-size: 14px;
line-height: 30px;
line-height: 30px;
display: block;
}
.header .menu > li > .classic ul > li a:focus {
opacity: 0.8;
}
.header .menu > li > .classic ul > li a:hover {
opacity: 0.8;
color: #ff0000;
}
.header .menu > li > .classic ul > li a.active {
opacity: 1;
}
.header .menu > li > .classic ul > li:first-child {
margin-top: 20px;
}
.header .menu > li > .classic ul > li:last-child {
margin-bottom: 20px;
}
.header .menu > li > .horizontal {
margin: 0;
margin-top: 15px;
padding: 0;
position: fixed;
background-color: #fff;
list-style: none;
display: none;
left: 0;
right: 0;
width: 100%;
border-bottom: 1px solid #e6e6e6;
}
.header .menu > li > .horizontal.dark {
background-color: #000000;
}
.header .menu > li > .horizontal.dark ul li a {
color: #ffffff;
}
.header .menu > li > .horizontal .container {
overflow: hidden;
border-right: 1px solid #e6e6e6;
}
.header .menu > li > .horizontal ul {
white-space: nowrap;
padding-left: 0;
}
.header .menu > li > .horizontal ul li {
margin: 2px 9px 6px 9px;
display: inline-block;
}
.header .menu > li > .horizontal ul li a {
color: #000000;
opacity: 0.5;
text-transform: uppercase;
line-height: 35px;
font-size: 11px;
}
.header .menu > li > .horizontal ul li a:focus {
opacity: 0.8;
}
.header .menu > li > .horizontal ul li a:hover {
opacity: 0.8;
}
.header .menu > li > .horizontal ul li a.active {
opacity: 1;
}
.header .menu > li > .mega {
position: fixed;
display: none;
left: 0;
right: 0;
}
.header .menu > li > .mega .container {
margin-top: 17px;
background-color: #fff;
list-style: none;
padding-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.07);
border-top: 0;
padding: 50px 60px;
}
.header .menu > li > .mega .container ul.sub-menu {
padding: 0;
list-style: none;
overflow: hidden;
}
.header .menu > li > .mega .container ul.sub-menu > li {
margin: 5px 0;
opacity: 1;
padding-left: 0;
-webkit-transition: all 0.1s linear 0.1s;
transition: all 0.1s linear 0.1s;
}
.header .menu > li > .mega .container ul.sub-menu > li a {
color: #000000;
text-transform: uppercase;
opacity: 0.5;
font-size: 11px;
line-height: 30px;
}
.header .menu > li > .mega .container ul.sub-menu > li a:focus {
opacity: 0.8;
}
.header .menu > li > .mega .container ul.sub-menu > li a:hover {
opacity: 0.8;
}
.header .menu > li > .mega .container ul.sub-menu > li a.active {
opacity: 1;
}
.header .menu > li > .mega .container ul.sub-menu > li:first-child {
margin-top: 19px;
}
.header .menu > li > .mega .container ul.sub-menu > li:last-child {
margin-bottom: 19px;
}
.header .menu > li > .mega .container .sub-menu-heading {
color: #000000;
font-size: 12px;
text-transform: uppercase;
margin: 0;
padding-bottom: 5px;
}
.menu > li.mega > nav.mega {
max-height: 0;
min-width: 190px;
overflow: hidden;
display: block !important;
}
.menu > li.mega.open > nav.mega {
max-height: 999px;
}
.search-toggle {
display: inline-block;
color: #000;
}
.header.sm-header .menu > li > .classic {
top: 26px;
}
.menu-toggler {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 1;
width: 15px;
height: 15px;
margin-top: 22.5px;
display: inline-block;
user-select: none;
box-sizing: content-box;
cursor: pointer;
}
.menu-toggler .one,
.menu-toggler .two,
.menu-toggler .three {
width: 100%;
height: 2px;
background: #000000;
margin-bottom: 3px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.menu-toggler .one,
.menu-toggler .two {
transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
}
.menu-toggler.on .one {
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.menu-toggler.on .two {
opacity: 0;
}
.menu-toggler.on .three {
transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
[data-pages="header-toggle"] {
display: none;
z-index: 10;
}
.side-menu {
display: none;
position: fixed;
height: 100%;
width: 250px;
background-color: #fff;
z-index: 10;
}
.menu-content[data-pages-direction="slideLeft"],
.menu-content[data-pages-direction="pushLeft"] {
left: 0;
}
.menu-content[data-pages-direction="slideRight"],
.menu-content[data-pages-direction="pushRight"] {
right: 0;
}
.menu-content[data-pages-direction="fullScreenOverlay"] {
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
.menu-content[data-pages-direction="slideTop"] {
top: 0;
}
/* END Italic */
/* BEGIN Semibold */
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/Semibold/OpenSans-Semibold.eot');
src: url('../fonts/opensans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/opensans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/opensans/Semibold/OpenSans-Semibold.svg#OpenSansSemibold') format('svg');
font-weight: 600;
font-style: normal;
}
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot');
src: url('../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff') format('woff'), url('../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.ttf') format('truetype'), url('../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic') format('svg');
font-weight: 600;
font-style: italic;
}
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/Bold/OpenSans-Bold.eot');
src: url('../fonts/opensans/Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/Bold/OpenSans-Bold.woff') format('woff'), url('../fonts/opensans/Bold/OpenSans-Bold.ttf') format('truetype'), url('../fonts/opensans/Bold/OpenSans-Bold.svg#OpenSansBold') format('svg');
font-weight: bold;
font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot');
src: url('../fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff') format('woff'), url('../fonts/opensans/BoldItalic/OpenSans-BoldItalic.ttf') format('truetype'), url('../fonts/opensans/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic') format('svg');
font-weight: bold;
font-style: italic;
}
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot');
src: url('../fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/opensans/ExtraBold/OpenSans-ExtraBold.ttf') format('truetype'), url('../fonts/opensans/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold') format('svg');
font-weight: 800;
font-style: normal;
}
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot');
src: url('../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff') format('woff'), url('../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic') format('svg');
font-weight: 800;
font-style: italic;
}
/* END Extrabold Italic */
/*------------------------------------------------------------------
[6. Typography]
*/
/* Standard elements
--------------------------------------------------
*/
/* To Load Hinted Fonts for Windows */
html {
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
color: #626262;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.01em;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-feature-settings: "kern" 1;
-moz-font-feature-settings: "kern" 1;
}
/* Headings
------------------------------------
*/
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 15x 0;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-weight: 300;
color: #2c2c2c;
}
h3 small,
h4 small,
h5 small {
font-weight: 300;
}
h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
padding-bottom: 10px;
}
.block-title {
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
/* Lins and Others
------------------------------------
*/
a {
text-shadow: none !important;
color: #2FA5FB;
transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
}
a:focus,
a:hover,
a:active {
color: #ff0000;
}
a,
a:focus,
a:hover,
a:active {
outline: 0 !important;
text-decoration: none;
}
br {
line-height: normal;
clear: both;
}
code {
color: #c64643;
background-color: #f0f0f0;
}
code:hover {
background-color: #fddddd;
}
dd,
p {
display: block;
font-size: 16px;
font-weight: 300;
letter-spacing: 0.01em;
line-height: 25px;
margin: 0px 0px 10px 0px;
font-style: normal;
white-space: normal;
}
small,
.small {
line-height: 18px;
}
label.inline {
display: inline-block;
position: relative;
top: 0px;
font-size: 13px;
}
ul > li,
ol > li {
/* padding-left: 3px;*/
line-height: 24px;
}
ul.lg-icon > li,
ol.lg-icon > li {
font-size: 21px;
}
ul.lg-icon > li span,
ol.lg-icon > li span {
font-size: 14px;
}
ul.no-style,
ol.no-style {
list-style: none;
padding-left: 5px;
}
address {
margin-bottom: 0px;
}
address a {
color: #626262;
}
blockquote {
padding: 0 0 0 18px;
border-left: 0;
}
blockquote:before {
content: '';
font-family: FontAwesome;
content: "\f10d";
margin-right: 13px;
float: left;
}
blockquote p {
font-size: 16px;
}
blockquote small {
line-height: 29px;
color: #8b91a0;
padding-left: 30px;
}
blockquote small:before {
content: "";
}
blockquote.pull-right {
border-right: 0;
}
blockquote.pull-right:before {
float: right;
content: '';
font-family: FontAwesome;
content: "\f10d";
margin-left: 13px;
margin-right: 0;
}
blockquote.pull-right small {
padding-right: 30px;
}
blockquote.pull-right small:after {
content: "";
}
hr {
border-color: #e6e6e6;
}
hr.double {
border-width: 2px;
}
hr.dotted {
border-style: dotted none none;
}
/* Font Sizes
------------------------------------
*/
.small-text {
font-size: 12px !important;
line-height: 21px !important;
letter-spacing: 0.03em;
}
.normal-text {
font-size: 13px !important;
}
.large-text {
font-size: 15px !important;
}
/* Font Weights
------------------------------------
*/
.normal {
font-weight: normal;
}
.semi-bold {
font-weight: 400 !important;
}
.bold {
font-weight: bold !important;
}
.light {
font-weight: 300 !important;
}
/* Misc
------------------------------------
*/
.all-caps {
text-transform: uppercase;
}
.muted {
opacity: .5;
}
.hint-text {
opacity: .7;
}
.no-decoration {
text-decoration: none !important;
}
.line-through {
text-decoration: line-through;
}
/* Monochrome Colors
------------------------------------
*/
.bg-master {
background-color: #626262;
}
.bg-master-light {
background-color: #e6e6e6;
}
.bg-master-lighter {
background-color: #f0f0f0;
}
.bg-master-lightest {
background-color: #F4F7FB;
}
.bg-master-dark {
background-color: #2c2c2c;
}
.bg-master-darker {
background-color: #1a1a1a;
}
.bg-master-darkest {
background-color: #121212;
}
/* Contextual Colors
------------------------------------
*/
/* Primary
------------------------------------
*/
.bg-primary {
background-color: #973694;
}
.bg-primary-dark {
background-color: #7a2c78;
}
.bg-primary-darker {
background-color: #5b2059;
}
.bg-primary-light {
background-color: #ac5ea9;
}
.bg-primary-lighter {
background-color: #ead7ea;
}
/* Complete
------------------------------------
*/
.bg-complete {
background-color: #48b0f7;
}
.bg-complete-dark {
background-color: #3a8fc8;
}
.bg-complete-darker {
background-color: #2b6a94;
}
.bg-complete-light {
background-color: #6dc0f9;
}
.bg-complete-lighter {
background-color: #daeffd;
}
/* Success
------------------------------------
*/
.bg-success {
background-color: #10cfbd;
}
.bg-success-dark {
background-color: #0da899;
}
.bg-success-darker {
background-color: #0a7c71;
}
.bg-success-light {
background-color: #40d9ca;
}
.bg-success-lighter {
background-color: #cff5f2;
}
/* Info
------------------------------------
*/
.bg-info {
background-color: #3b4752;
}
.bg-info-dark {
background-color: #303a42;
}
.bg-info-darker {
background-color: #232b31;
}
.bg-info-light {
background-color: #626c75;
}
.bg-info-lighter {
background-color: #d8dadc;
}
/* Danger
------------------------------------
*/
.bg-danger {
background-color: #f55753;
}
.bg-danger-dark {
background-color: #c64643;
}
.bg-danger-darker {
background-color: #933432;
}
.bg-danger-light {
background-color: #f77975;
}
.bg-danger-lighter {
background-color: #fddddd;
}
/* Warning
------------------------------------
*/
.bg-warning {
background-color: #f8d053;
}
.bg-warning-dark {
background-color: #c9a843;
}
.bg-warning-darker {
background-color: #957d32;
}
.bg-warning-light {
background-color: #f9d975;
}
.bg-warning-lighter {
background-color: #fef6dd;
}
/* More Color Options
------------------------------------
*/
/* Menu
------------------------------------
*/
.bg-menu-dark {
background-color: #21252d;
}
.bg-menu {
background-color: #2b303b;
}
.bg-menu-light {
background-color: #788195;
}
/* Gradients
------------------------------------
*/
.gradient-grey {
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
}
.gradient-black {
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
}
/*------------------------------------------------------------------
[7. Buttons]
*/
/*
[Buttons Base Styles]
*/
.btn {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 0.01em;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-feature-settings: "kern" 1;
-moz-font-feature-settings: "kern" 1;
margin-bottom: 0;
border: 1px solid #f0f0f0;
text-align: center;
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background-image: none !important;
color: #626262;
background-color: #ffffff;
text-shadow: none;
box-shadow: none;
line-height: 21px;
padding-left: 17px;
padding-right: 17px;
position: relative;
transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
}
.btn:hover {
background-color: #fafafa;
border: 1px solid rgba(98, 98, 98, 0.27);
}
.btn.active {
border-color: #e6e6e6;
background: #fff;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: none !important;
outline-style: none;
}
.btn .caret {
margin-left: 3px;
}
.btn .caret.single {
margin-left: 0px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
box-shadow: none;
}
button:focus {
outline: none !important;
}
/*
Alternate buttons
--------------------------------------------------
*/
.btn-black,
.btn-black:focus {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.btn-black.active,
.btn-black:active,
.btn-black.active:focus,
.btn-black:active:focus,
.btn-black:active:hover,
.open .dropdown-toggle.btn-black {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.btn-black.hover,
.btn-black:hover,
.open .dropdown-toggle.btn-black {
background-color: #333333;
border-color: #333333;
color: #ffffff;
}
.btn-black.active:hover {
background: #000000;
border-color: #000000;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
background-color: #000000;
border-color: #000000;
}
.btn-black .badge {
color: #000000;
background-color: #ffffff;
}
.btn-primary,
.btn-primary:focus {
color: #ffffff;
background-color: #973694;
border-color: #973694;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary.active:focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open .dropdown-toggle.btn-primary {
background-color: #7a2c78;
border-color: #7a2c78;
color: #ffffff;
}
.btn-primary.hover,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
background-color: #ac5ea9;
border-color: #ac5ea9;
color: #ffffff;
}
.btn-primary.active:hover {
background: #822e7f;
border-color: #822e7f;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #973694;
border-color: #973694;
}
.btn-primary .badge {
color: #973694;
background-color: #ffffff;
}
.btn-success,
.btn-success:focus {
color: #ffffff;
background-color: #10cfbd;
border-color: #10cfbd;
}
.btn-success.active,
.btn-success:active,
.btn-success.active:focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open .dropdown-toggle.btn-success {
background-color: #0da899;
border-color: #0da899;
color: #ffffff;
}
.btn-success.hover,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
background-color: #40d9ca;
border-color: #40d9ca;
color: #ffffff;
}
.btn-success.active:hover {
background: #0eb2a3;
border-color: #0eb2a3;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #10cfbd;
border-color: #10cfbd;
}
.btn-success .badge {
color: #10cfbd;
background-color: #ffffff;
}
.btn-complete,
.btn-complete:focus {
color: #ffffff;
background-color: #48b0f7;
border-color: #48b0f7;
}
.btn-complete.active,
.btn-complete:active,
.btn-complete.active:focus,
.btn-complete:active:focus,
.btn-complete:active:hover,
.open .dropdown-toggle.btn-complete {
background-color: #3a8fc8;
border-color: #3a8fc8;
color: #ffffff;
}
.btn-complete.hover,
.btn-complete:hover,
.open .dropdown-toggle.btn-complete {
background-color: #6dc0f9;
border-color: #6dc0f9;
color: #ffffff;
}
.btn-complete.active:hover {
background: #3e97d4;
border-color: #3e97d4;
}
.btn-complete.disabled,
.btn-complete[disabled],
fieldset[disabled] .btn-complete,
.btn-complete.disabled:hover,
.btn-complete[disabled]:hover,
fieldset[disabled] .btn-complete:hover,
.btn-complete.disabled:focus,
.btn-complete[disabled]:focus,
fieldset[disabled] .btn-complete:focus,
.btn-complete.disabled:active,
.btn-complete[disabled]:active,
fieldset[disabled] .btn-complete:active,
.btn-complete.disabled.active,
.btn-complete[disabled].active,
fieldset[disabled] .btn-complete.active {
background-color: #48b0f7;
border-color: #48b0f7;
}
.btn-complete .badge {
color: #48b0f7;
background-color: #ffffff;
}
.btn-info,
.btn-info:focus {
color: #ffffff;
background-color: #3b4752;
border-color: #3b4752;
}
.btn-info.active,
.btn-info:active,
.btn-info.active:focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open .dropdown-toggle.btn-info {
background-color: #303a42;
border-color: #303a42;
color: #ffffff;
}
.btn-info.hover,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
background-color: #626c75;
border-color: #626c75;
color: #ffffff;
}
.btn-info.active:hover {
background: #333d47;
border-color: #333d47;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #3b4752;
border-color: #3b4752;
}
.btn-info .badge {
color: #3b4752;
background-color: #ffffff;
}
.btn-warning,
.btn-warning:focus {
color: #ffffff;
background-color: #f8d053;
border-color: #f8d053;
}
.btn-warning.active,
.btn-warning:active,
.btn-warning.active:focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open .dropdown-toggle.btn-warning {
background-color: #c9a843;
border-color: #c9a843;
color: #ffffff;
}
.btn-warning.hover,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
background-color: #f9d975;
border-color: #f9d975;
color: #ffffff;
}
.btn-warning.active:hover {
background: #d5b347;
border-color: #d5b347;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f8d053;
border-color: #f8d053;
}
.btn-warning .badge {
color: #f8d053;
background-color: #ffffff;
}
.btn-danger,
.btn-danger:focus {
color: #ffffff;
background-color: #f55753;
border-color: #f55753;
}
.btn-danger.active,
.btn-danger:active,
.btn-danger.active:focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open .dropdown-toggle.btn-danger {
background-color: #c64643;
border-color: #c64643;
color: #ffffff;
}
.btn-danger.hover,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
background-color: #f77975;
border-color: #f77975;
color: #ffffff;
}
.btn-danger.active:hover {
background: #d34b47;
border-color: #d34b47;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #f55753;
border-color: #f55753;
}
.btn-danger .badge {
color: #f55753;
background-color: #ffffff;
}
.btn-default,
.btn-default:focus {
color: #5e5e5e;
background-color: #ffffff;
border-color: #f0f0f0;
}
.btn-default.active,
.btn-default:active,
.btn-default.active:focus,
.btn-default:active:focus,
.btn-default:active:hover {
background-color: #f0f0f0;
border-color: #e6e6e6;
color: #2c2c2c;
}
.btn-default.hover,
.btn-default:hover {
background-color: #fafafa;
border-color: rgba(98, 98, 98, 0.27);
color: #1a1a1a;
}
.btn-default.active:hover {
background: #f0f0f0;
}
.btn-link {
color: #5e5e5e;
background-color: transparent;
border: none;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link.disabled,
.btn-link[disabled] {
background-color: transparent;
border: none;
text-decoration: none;
outline: none;
}
/*
Button Sizes
--------------------------------------------------
*/
.btn-lg,
.btn-group-lg > .btn {
padding-left: 28px;
padding-right: 28px;
line-height: 23px;
}
.btn-sm,
.btn-group-sm > .btn {
padding-left: 16px;
padding-right: 16px;
font-size: 11.9px;
line-height: 20px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 2px 9px;
font-size: 10.5px;
}
.btn-cons {
margin-right: 5px;
min-width: 120px;
}
/*
Rounded buttons
--------------------------------------------------
*/
.btn-rounded {
border-radius: 100px;
}
/*
Bordered buttons
--------------------------------------------------
*/
.btn-bordered {
background-color: transparent;
border-width: 2px;
border-color: #fff;
color: #fff;
}
.btn-bordered:hover {
background-color: #ffffff;
border: 2px solid #ffffff;
color: #000000;
}
.btn-bordered.btn-primary {
background-color: transparent;
border-color: #973694;
color: #973694;
}
.btn-bordered.btn-primary:hover {
background-color: #973694;
color: #ffffff;
}
.btn-bordered.btn-success {
background-color: transparent;
border-color: #10cfbd;
color: #10cfbd;
}
.btn-bordered.btn-success:hover {
background-color: #10cfbd;
color: #ffffff;
}
.btn-bordered.btn-complete {
background-color: transparent;
border-color: #48b0f7;
color: #48b0f7;
}
.btn-bordered.btn-complete:hover {
background-color: #48b0f7;
color: #ffffff;
}
.btn-bordered.btn-info {
background-color: transparent;
border-color: #3b4752;
color: #3b4752;
}
.btn-bordered.btn-info:hover {
background-color: #3b4752;
color: #ffffff;
}
.btn-bordered.btn-warning {
background-color: transparent;
border-color: #f8d053;
color: #f8d053;
}
.btn-bordered.btn-warning:hover {
background-color: #f8d053;
color: #ffffff;
}
.btn-bordered.btn-danger {
background-color: transparent;
border-color: #f55753;
color: #f55753;
}
.btn-bordered.btn-danger:hover {
background-color: #f55753;
color: #ffffff;
}
.btn-bordered.btn-black {
background-color: transparent;
border-color: #000000;
color: #000000;
}
.btn-bordered.btn-black:hover {
background-color: #000000;
color: #ffffff;
}
.btn-bordered.btn-white {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
.btn-bordered.btn-white:hover {
background-color: #ffffff;
color: #000000;
}
/*
Dropdown menus
--------------------------------------------------
*/
.btn-group.open .dropdown-toggle,
.open .dropdown-toggle,
.open.dropdown-default .dropdown-toggle {
box-shadow: none;
}
/* Pages default dropdown */
.dropdown-default {
display: inline-block;
}
.dropdown-default.open > .btn.dropdown-toggle {
border-color: transparent !important;
background: transparent !important;
z-index: 791 !important;
}
.dropdown-default.open .dropdown-menu {
opacity: 1;
transform: scale(1, 1);
z-index: 700;
}
.dropdown-default.open .dropdown-menu li {
visibility: visible;
}
.dropdown-default.open.dropup > .btn-primary + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-success + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-complete + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-warning + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-danger + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-info + .dropdown-menu:after {
top: auto;
bottom: 0;
}
.dropdown-default.open > .btn-primary + .dropdown-menu:after,
.dropdown-default.open > .btn-success + .dropdown-menu:after,
.dropdown-default.open > .btn-complete + .dropdown-menu:after,
.dropdown-default.open > .btn-warning + .dropdown-menu:after,
.dropdown-default.open > .btn-danger + .dropdown-menu:after,
.dropdown-default.open > .btn-info + .dropdown-menu:after {
top: 0;
height: 42px;
}
.dropdown-default.open > .btn-primary + .dropdown-menu:after {
background-color: #973694;
}
.dropdown-default.open > .btn-success + .dropdown-menu:after {
background-color: #10cfbd;
}
.dropdown-default.open > .btn-complete + .dropdown-menu:after {
background-color: #48b0f7;
}
.dropdown-default.open > .btn-warning + .dropdown-menu:after {
background-color: #f8d053;
}
.dropdown-default.open > .btn-danger + .dropdown-menu:after {
background-color: #f55753;
}
.dropdown-default.open > .btn-info + .dropdown-menu:after {
background-color: #3b4752;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu {
margin-bottom: -47px;
padding-bottom: 49px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu:after {
bottom: 49px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu {
margin-bottom: -34px;
padding-bottom: 36px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu:after {
bottom: 36px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu {
margin-bottom: -29px;
padding-bottom: 31px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu:after {
bottom: 31px;
}
.dropdown-default.dropup .dropdown-menu {
margin-bottom: -40px;
padding: 0 3px 44px 0 !important;
transform-origin: center bottom 0;
}
.dropdown-default.dropup .dropdown-menu:after {
bottom: 43px;
top: auto !important;
}
.dropdown-default .btn.dropdown-toggle {
text-align: left;
padding-right: 27px;
}
.dropdown-default .btn.dropdown-toggle.btn-lg {
padding-right: 42px;
}
.dropdown-default .btn.dropdown-toggle.btn-lg .caret {
right: 26px;
}
.dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu {
margin-top: -47px;
padding-top: 49px;
}
.dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu:after {
top: 49px;
}
.dropdown-default .btn.dropdown-toggle.btn-sm {
padding-right: 26px;
}
.dropdown-default .btn.dropdown-toggle.btn-sm .caret {
right: 16px;
}
.dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu {
margin-top: -34px;
padding-top: 36px;
}
.dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu:after {
top: 36px;
}
.dropdown-default .btn.dropdown-toggle.btn-xs {
padding-right: 21px;
}
.dropdown-default .btn.dropdown-toggle.btn-xs .caret {
right: 8px;
}
.dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu {
margin-top: -29px;
padding-top: 31px;
}
.dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu:after {
top: 31px;
}
.dropdown-default .btn.dropdown-toggle .caret {
position: absolute;
right: 15px;
top: 50%;
margin-top: -2px;
}
.dropdown-default .btn-rounded {
padding-left: 17px;
padding-right: 17px;
}
.dropdown-default .btn-rounded + .dropdown-menu {
border-radius: 17px;
}
.dropdown-default .dropdown-menu {
margin-top: -40px;
padding-top: 42px;
overflow: hidden;
backface-visibility: hidden;
display: block;
opacity: 0;
transform: scale(1, 0);
transform-origin: center top 0;
-webkit-transition: all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
transition: all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
z-index: -1;
}
.dropdown-default .dropdown-menu:after {
content: "";
position: absolute;
height: 1px;
left: 0;
top: 42px;
background: #e6e6e6;
width: 100%;
}
.dropdown-default .dropdown-menu li {
visibility: hidden;
}
.dropdown-menu {
position: absolute;
display: none;
float: left;
list-style: none;
text-shadow: none;
-webkit-box-shadow: 0px 0px 5px rgba(98, 98, 98, 0.2);
box-shadow: 0px 0px 5px rgba(98, 98, 98, 0.2);
border: none;
border-radius: 3px;
font-size: 13px;
margin: 0;
background: #fafafa;
min-width: 50px;
z-index: 700;
}
.dropdown-menu .divider {
background-color: #e6e6e6;
height: 1px;
margin: 3px 0;
border-bottom: 0px;
}
.dropdown-menu > li {
padding-left: 0px;
}
.dropdown-menu > li:first-child {
padding-top: 9px;
}
.dropdown-menu > li:last-child {
padding-bottom: 9px;
}
.dropdown-menu > li.dropdown-header {
padding: 3px 20px;
}
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus {
color: #1a1a1a;
text-decoration: none;
background-color: #f0f0f0;
background-image: none;
}
.dropdown-menu > li.disabled > a,
.dropdown-menu > li.disabled > a:hover,
.dropdown-menu > li.disabled > a:focus {
color: #959595;
}
.dropdown-menu > li.disabled > a:hover,
.dropdown-menu > li.disabled > a:focus {
text-decoration: none;
cursor: default;
background-color: transparent;
background-image: none;
}
.dropdown-menu > li > a {
line-height: 35px;
color: #626262;
padding: 0 20px;
border-radius: 3px;
text-align: left;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #1a1a1a;
text-decoration: none;
background-color: transparent;
background-image: none;
}
.dropdown-backdrop {
z-index: 600;
}
/*
Animated buttons
--------------------------------------------------
*/
.btn-animated {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.btn-animated > span {
display: inline-block;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.btn-animated:before {
position: absolute;
height: 100%;
width: 100%;
font-size: 100%;
line-height: 2.5;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-animated:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-animated.from-top:before {
left: 0;
top: -100%;
}
.btn-animated.from-top:hover:before,
.btn-animated.from-top.show-icon:before {
top: 0;
}
.btn-animated.from-top:hover > span,
.btn-animated.from-top.show-icon > span {
-webkit-transform: translateY(300%);
-ms-transform: translateY(300%);
transform: translateY(300%);
}
.btn-animated.from-left:before {
left: -100%;
top: 0;
}
.btn-animated.from-left:hover:before,
.btn-animated.from-left.show-icon:before {
left: 0;
}
.btn-animated.from-left:hover > span,
.btn-animated.from-left.show-icon > span {
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
}
.btn-animated.fa:before {
font-family: FontAwesome;
}
.btn-animated.pg:before {
font-family: "pages-icon";
}
/*
Tag buttons
--------------------------------------------------
*/
.btn-tag {
line-height: 17px;
border-radius: 17px 3px 3px 17px;
padding: 5px 19px;
}
.btn-tag:hover,
.btn-tag.hover {
border-color: transparent;
}
.btn-tag.btn-tag-light {
background: #fafdff;
color: #5b8ca5;
border: 1px solid #cbe4f0;
}
.btn-tag.btn-tag-light:hover {
background: #fff;
}
.btn-tag.btn-tag-dark {
background: #e6e6e6;
color: #626262;
}
.btn-tag.btn-tag-dark:hover {
background: #ebebeb;
}
.btn-tag.btn-tag-rounded {
border-radius: 17px;
}
/*
Misc buttons
--------------------------------------------------
*/
.btn-toolbar .btn {
padding-left: 14px;
padding-right: 14px;
}
.pager .disabled > button,
.pager .disabled > button:hover,
.pager .disabled > button:focus,
.pager .disabled > span {
cursor: not-allowed;
opacity: .5;
}
@media (max-width: 767px) {
.listcent{width: 100%}
.erji { background: -webkit-linear-gradient(left, #F3F3F3 , #FFFFFF);
background: -o-linear-gradient(right, #F3F3F3 , #FFFFFF);
background: -moz-linear-gradient(right, #F3F3F3 , #FFFFFF);
background: linear-gradient(to right, #F3F3F3 , #FFFFFF);
background: linear-gradient(to left, #FFFFFF , #F3F3F3);}
.center{ width:98%}
.zhongying {
position:relative;
top:30px;
text-align:center;
background:#f4f9ff;
}
.edui-upload-video{height:auto!important}
.zhongying a,.ying a{ display:block;background:#f4f9ff; font-size:13px; margin-right:5px;text-align:center; padding:15px; width:34%; float:left;}
.ying{position:relative;top:30px;background:#CCC;}
.zhongying a:hover,.ying a:hover{background:#dbdada; }
.banner {
max-height: 470px;
}
.jgerji{line-height: 90px;}
.jgerji ul li{margin-right: 20px;}
.banner .content {
padding-top: 70px !important;
}
.banner .content h1 {
line-height: 40px !important;
font-size: 26px !important;
}
.banner .content h3 {
font-size: 18px !important;
line-height: 22px !important;
margin-bottom: 0 !important;
}
.nav.nav-tabs.nav-stack-sm li {
float: none;
}
.nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:after,
.nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:before {
display: none;
}
#timeoff-laptop-position {
position: static !important;
}
.image-responsive-mobile {
width: auto;
max-width: 100%;
height: auto !important;
}
}
/*** General Small Screen Desktops ***/
/*** General tablets and phones ***/
@media (max-width: 991px) {
.center{ width:98%}
.dis_none{ display:none;}
.header .menu > li {
display: block;
}
.header .menu-content .header-inner {
line-height: 0 !important;
}
.menu-content {
display: none;
position: fixed;
top: 0;
bottom: 0;
height: 100%;
width: 250px;
background-color: #fff;
z-index: 90;
overflow-y: auto;
}
body.menu-opened > .header:before {
position: fixed;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 10;
content: '';
}
}
@media (min-width: 1200px){
.container {
width: 1200px;
}
.dis{
display:none;
}
}
@media screen and (max-width: 1230px) {
.center{ width:95%}
.dis_none{
display:none;
}
.header .menu > li {
display: block;
}
.header .menu-content .header-inner {
line-height: 0 !important;
}
.menu-content {
display: none;
position: fixed;
top: 0;
bottom: 0;
height: 100%;
width: 250px;
background-color: #fff;
z-index: 90;
overflow-y: auto;
}
body.menu-opened > .header:before {
position: fixed;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 10;
content: '';
}
/** Responsive Smart Header ***/
.header.dark .menu-content .menu > li > a:not(.btn):hover,
.header.light .menu-content .menu > li > a:not(.btn):hover,
.header.light-solid .menu-content .menu > li > a:not(.btn):hover,
.header.transparent-dark .menu-content .menu > li > a:not(.btn):hover,
.header.transparent-light .menu-content .menu > li > a:not(.btn):hover,
.header.dark .menu-content .menu > li > a:not(.btn):active,
.header.light .menu-content .menu > li > a:not(.btn):active,
.header.light-solid .menu-content .menu > li > a:not(.btn):active,
.header.transparent-dark .menu-content .menu > li > a:not(.btn):active,
.header.transparent-light .menu-content .menu > li > a:not(.btn):active {
opacity: 0.9;
}
.header.dark .menu-content .menu > li > a:not(.btn):visited,
.header.light .menu-content .menu > li > a:not(.btn):visited,
.header.light-solid .menu-content .menu > li > a:not(.btn):visited,
.header.transparent-dark .menu-content .menu > li > a:not(.btn):visited,
.header.transparent-light .menu-content .menu > li > a:not(.btn):visited,
.header.dark .menu-content .menu > li > a:not(.btn):focus,
.header.light .menu-content .menu > li > a:not(.btn):focus,
.header.light-solid .menu-content .menu > li > a:not(.btn):focus,
.header.transparent-dark .menu-content .menu > li > a:not(.btn):focus,
.header.transparent-light .menu-content .menu > li > a:not(.btn):focus {
opacity: 0.9;
}
.header.dark .menu-content .menu > li > a:not(.btn).active,
.header.light .menu-content .menu > li > a:not(.btn).active,
.header.light-solid .menu-content .menu > li > a:not(.btn).active,
.header.transparent-dark .menu-content .menu > li > a:not(.btn).active,
.header.transparent-light .menu-content .menu > li > a:not(.btn).active {
background-color: #000000;
color: #ffffff;
}
.header.dark .menu-content.mobile-dark a:not(.btn),
.header.light .menu-content.mobile-dark a:not(.btn),
.header.light-solid .menu-content.mobile-dark a:not(.btn),
.header.transparent-dark .menu-content.mobile-dark a:not(.btn),
.header.transparent-light .menu-content.mobile-dark a:not(.btn) {
color: #525252 !important;
}
.header.dark .menu-content.mobile-dark a:not(.btn):hover,
.header.light .menu-content.mobile-dark a:not(.btn):hover,
.header.light-solid .menu-content.mobile-dark a:not(.btn):hover,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn):hover,
.header.transparent-light .menu-content.mobile-dark a:not(.btn):hover,
.header.dark .menu-content.mobile-dark a:not(.btn):active,
.header.light .menu-content.mobile-dark a:not(.btn):active,
.header.light-solid .menu-content.mobile-dark a:not(.btn):active,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn):active,
.header.transparent-light .menu-content.mobile-dark a:not(.btn):active {
color: #000 !important;
}
.header.dark .menu-content.mobile-dark a:not(.btn):visited,
.header.light .menu-content.mobile-dark a:not(.btn):visited,
.header.light-solid .menu-content.mobile-dark a:not(.btn):visited,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn):visited,
.header.transparent-light .menu-content.mobile-dark a:not(.btn):visited,
.header.dark .menu-content.mobile-dark a:not(.btn):focus,
.header.light .menu-content.mobile-dark a:not(.btn):focus,
.header.light-solid .menu-content.mobile-dark a:not(.btn):focus,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn):focus,
.header.transparent-light .menu-content.mobile-dark a:not(.btn):focus {
color: #525252;
}
.header.dark .menu-content.mobile-dark a:not(.btn).active,
.header.light .menu-content.mobile-dark a:not(.btn).active,
.header.light-solid .menu-content.mobile-dark a:not(.btn).active,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn).active,
.header.transparent-light .menu-content.mobile-dark a:not(.btn).active {
color: #fff;
}
.header.dark .menu-content.mobile-dark.mobile-dark p,
.header.light .menu-content.mobile-dark.mobile-dark p,
.header.light-solid .menu-content.mobile-dark.mobile-dark p,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark p,
.header.transparent-light .menu-content.mobile-dark.mobile-dark p {
color: #525252;
}
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn),
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn),
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn),
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn),
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn) {
color: #525252;
}
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active {
color: #000 !important;
}
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus {
color: #525252;
}
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active {
background-color: #272b35;
color: #fff ;
}
.header .menu > li > a:before,
.header .menu > li > a > span:before {
display: none;
}
.header:last-child.header {
top: -200%;
}
.header.bg-header .menu-content .header-inner {
line-height: initial;
}
.menu-content .menu > li.classic > nav ul,
.menu-content .menu > li.horizontal > nav,
.menu-content .menu > li.mega .container {
background-color: #f0f0f0;
}
.menu-content.mobile-dark {
background-color: #fff !important;
}
.menu-content.mobile-dark .menu > li.classic > nav ul,
.menu-content.mobile-dark .menu > li.horizontal > nav,
.menu-content.mobile-dark .menu > li.mega .container {
background-color: #f2f2f2;
}
.menu-content.mobile-dark ul li .sub-menu-heading {
color: #ffffff !important;
opacity: 1;
}
.menu-content .menu > li.mega .container {
margin-top: 0;
}
.menu-content .menu > li > a:not(.btn) {
margin-bottom: 0 !important;
}
.menu-content ul {
width: 100%;
padding: 0;
}
.menu-content ul li {
padding: 0;
margin-right: 0 !important;
}
.menu-content ul li a {
opacity: 1 !important;
padding: 10px 10px 10px 35px;
}
.menu-content ul li .sub-menu-heading {
padding: 20px 10px 10px 35px;
opacity: 0.5;
}
[data-pages-direction="slideLeft"] {
display: block;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-opened {
overflow-y: hidden;
}
.menu-opened [data-pages-direction="slideLeft"] {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
}
[data-pages-direction="slideRight"] {
display: block;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-opened {
overflow-y: hidden;
}
.menu-opened [data-pages-direction="slideRight"] {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
}
[data-pages-direction="slideTop"] {
display: block;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-opened {
overflow-y: hidden;
}
.menu-opened [data-pages-direction="slideTop"] {
-webkit-transform: translate3d(0, calc(0% + 65px), 0);
transform: translate3d(0, calc(0% + 65px), 0);
-ms-transform: translate(0, calc(0% + 65px));
}
.header .menu > li > .classic {
top: 0 !important;
position: relative;
left: auto;
right: auto;
margin-left: 0;
}
.header .menu > li > .classic:before,
.header .menu > li > .classic:after,
.header .menu > li > .classic .arrow {
display: none;
}
.header .menu > li > .classic ul > li {
margin: 5px 0;
}
.header .menu > li > .classic ul > li:first-child {
margin-top: 17px;
}
.header .menu > li > .classic ul > li:last-child {
margin-bottom: 17px;
}
.header .menu > li > .mega {
position: relative;
margin-top: 0;
border: 0;
}
.header .menu > li > .mega .container {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0;
}
.header .menu > li > .horizontal {
position: relative;
margin-top: 0;
border: 0;
}
.header .menu > li > .horizontal .container {
padding: 0;
}
.header .menu > li > .horizontal .container > ul {
padding: 15px 0;
margin: 0;
}
.header .menu > li > .horizontal .container > ul > li {
margin: 5px;
display: block;
}
.header .menu > li.horizontal > span.arrow {
display: none;
}
.header .menu > li.mega > span.arrow {
display: none;
}
.error-container {
width: auto;
}
.header.bg-header {
height: 145px;
}
.header.bg-header .header-inner {
line-height: 70px;
}
.header.bg-header .menu-toggler {
margin-top: 27.5px;
}
.header.md-header {
height: 88px;
}
.header.md-header .header-inner {
line-height: 88px;
}
.header.md-header .menu-toggler {
margin-top: 36.5px;
}
.header.sm-header {
height: 44px;
}
.header.sm-header .header-inner {
line-height: 44px;
}
.header.sm-header .menu-toggler {
margin-top: 14.5px;
}
.visible-sm-inline {
display: inline!important;
}
.demo{
top:330px;
right:180px;
}
.news-top{
margin-top:5px;
margin-bottom:20px;
}
.news-big-fu{
width:94%;
}
.bot-b{
width:100%;
}
.more_bom{
height:25px;
margin-top:3em;
}
.shu_ju{
padding:30px;
}
.xinwen_bg {
padding-bottom:0;
}
}
@media (max-width: 991px) {
.dis_none{
display:block;
}
.demo{
top:330px;
right:130px;
}
.s_inp01 {
bottom:-60px;
padding:15px 0;
width:100%;
position:absolute;
background:#f3f3f3;
}
.inp01 {
width:90%;
margin-left:5%;
background:#fff;
color: #3a3a3a;
font-size: 14px;
height:3.5em;
position: relative;
}
.sou {
width:8%;
position:absolute;
right:7%;
margin-top:12px;
border:none;
z-index:99;
background:url(../images/serch1.png) no-repeat center right;
}
.display{
display:none;
}
/** Responsive Smart Header ***/
.header.dark .menu-content .menu > li > a:not(.btn):hover,
.header.light .menu-content .menu > li > a:not(.btn):hover,
.header.light-solid .menu-content .menu > li > a:not(.btn):hover,
.header.transparent-dark .menu-content .menu > li > a:not(.btn):hover,
.header.transparent-light .menu-content .menu > li > a:not(.btn):hover,
.header.dark .menu-content .menu > li > a:not(.btn):active,
.header.light .menu-content .menu > li > a:not(.btn):active,
.header.light-solid .menu-content .menu > li > a:not(.btn):active,
.header.transparent-dark .menu-content .menu > li > a:not(.btn):active,
.header.transparent-light .menu-content .menu > li > a:not(.btn):active {
opacity: 0.9;
}
.header.dark .menu-content .menu > li > a:not(.btn):visited,
.header.light .menu-content .menu > li > a:not(.btn):visited,
.header.light-solid .menu-content .menu > li > a:not(.btn):visited,
.header.transparent-dark .menu-content .menu > li > a:not(.btn):visited,
.header.transparent-light .menu-content .menu > li > a:not(.btn):visited,
.header.dark .menu-content .menu > li > a:not(.btn):focus,
.header.light .menu-content .menu > li > a:not(.btn):focus,
.header.light-solid .menu-content .menu > li > a:not(.btn):focus,
.header.transparent-dark .menu-content .menu > li > a:not(.btn):focus,
.header.transparent-light .menu-content .menu > li > a:not(.btn):focus {
opacity: 0.9;
}
.header.dark .menu-content .menu > li > a:not(.btn).active,
.header.light .menu-content .menu > li > a:not(.btn).active,
.header.light-solid .menu-content .menu > li > a:not(.btn).active,
.header.transparent-dark .menu-content .menu > li > a:not(.btn).active,
.header.transparent-light .menu-content .menu > li > a:not(.btn).active {
background-color: #000000;
color: #ffffff;
}
.header.dark .menu-content.mobile-dark a:not(.btn),
.header.light .menu-content.mobile-dark a:not(.btn),
.header.light-solid .menu-content.mobile-dark a:not(.btn),
.header.transparent-dark .menu-content.mobile-dark a:not(.btn),
.header.transparent-light .menu-content.mobile-dark a:not(.btn) {
color: #525252 !important;
}
.header.dark .menu-content.mobile-dark a:not(.btn):hover,
.header.light .menu-content.mobile-dark a:not(.btn):hover,
.header.light-solid .menu-content.mobile-dark a:not(.btn):hover,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn):hover,
.header.transparent-light .menu-content.mobile-dark a:not(.btn):hover,
.header.dark .menu-content.mobile-dark a:not(.btn):active,
.header.light .menu-content.mobile-dark a:not(.btn):active,
.header.light-solid .menu-content.mobile-dark a:not(.btn):active,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn):active,
.header.transparent-light .menu-content.mobile-dark a:not(.btn):active {
color: #000 !important;
}
.header.dark .menu-content.mobile-dark a:not(.btn):visited,
.header.light .menu-content.mobile-dark a:not(.btn):visited,
.header.light-solid .menu-content.mobile-dark a:not(.btn):visited,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn):visited,
.header.transparent-light .menu-content.mobile-dark a:not(.btn):visited,
.header.dark .menu-content.mobile-dark a:not(.btn):focus,
.header.light .menu-content.mobile-dark a:not(.btn):focus,
.header.light-solid .menu-content.mobile-dark a:not(.btn):focus,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn):focus,
.header.transparent-light .menu-content.mobile-dark a:not(.btn):focus {
color: #525252;
}
.header.dark .menu-content.mobile-dark a:not(.btn).active,
.header.light .menu-content.mobile-dark a:not(.btn).active,
.header.light-solid .menu-content.mobile-dark a:not(.btn).active,
.header.transparent-dark .menu-content.mobile-dark a:not(.btn).active,
.header.transparent-light .menu-content.mobile-dark a:not(.btn).active {
color: #fff;
}
.header.dark .menu-content.mobile-dark.mobile-dark p,
.header.light .menu-content.mobile-dark.mobile-dark p,
.header.light-solid .menu-content.mobile-dark.mobile-dark p,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark p,
.header.transparent-light .menu-content.mobile-dark.mobile-dark p {
color: #525252;
}
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn),
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn),
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn),
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn),
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn) {
color: #525252;
}
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover,
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active {
color: #000 !important;
}
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited,
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus {
color: #525252;
}
.header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active,
.header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active,
.header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active,
.header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active,
.header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active {
background-color: #272b35;
color: #fff ;
}
.header .menu > li > a:before,
.header .menu > li > a > span:before {
display: none;
}
.header:last-child.header {
top: -200%;
}
.header.bg-header .menu-content .header-inner {
line-height: initial;
}
.menu-content .menu > li.classic > nav ul,
.menu-content .menu > li.horizontal > nav,
.menu-content .menu > li.mega .container {
background-color: #f0f0f0;
}
.menu-content.mobile-dark {
background-color: #fff !important;
}
.menu-content.mobile-dark .menu > li.classic > nav ul,
.menu-content.mobile-dark .menu > li.horizontal > nav,
.menu-content.mobile-dark .menu > li.mega .container {
background-color: #f4f9ff;
}
.menu-content.mobile-dark ul li .sub-menu-heading {
color: #ffffff !important;
opacity: 1;
}
.menu-content .menu > li.mega .container {
margin-top: 0;
}
.menu-content .menu > li > a:not(.btn) {
margin-bottom: 0 !important;
}
.menu-content ul {
width: 100%;
padding: 0;
}
.menu-content ul li {
padding: 0;
margin-right: 0 !important;
}
.menu-content ul li a {
opacity: 1 !important;
padding: 10px 10px 10px 35px;
}
.menu-content ul li .sub-menu-heading {
padding: 20px 10px 10px 35px;
opacity: 0.5;
}
[data-pages-direction="slideLeft"] {
display: block;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-opened {
overflow-y: hidden;
}
.menu-opened [data-pages-direction="slideLeft"] {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
}
[data-pages-direction="slideRight"] {
display: block;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-opened {
overflow-y: hidden;
}
.menu-opened [data-pages-direction="slideRight"] {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
}
[data-pages-direction="slideTop"] {
display: block;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-opened {
overflow-y: hidden;
}
.menu-opened [data-pages-direction="slideTop"] {
-webkit-transform: translate3d(0, calc(0% + 65px), 0);
transform: translate3d(0, calc(0% + 65px), 0);
-ms-transform: translate(0, calc(0% + 65px));
}
.header .menu > li > .classic {
top: 0 !important;
position: relative;
left: auto;
right: auto;
margin-left: 0;
}
.header .menu > li > .classic:before,
.header .menu > li > .classic:after,
.header .menu > li > .classic .arrow {
display: none;
}
.header .menu > li > .classic ul > li {
margin: 5px 0;
}
.header .menu > li > .classic ul > li:first-child {
margin-top: 17px;
}
.header .menu > li > .classic ul > li:last-child {
margin-bottom: 17px;
}
.header .menu > li > .mega {
position: relative;
margin-top: 0;
border: 0;
}
.header .menu > li > .mega .container {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0;
}
.header .menu > li > .horizontal {
position: relative;
margin-top: 0;
border: 0;
}
.header .menu > li > .horizontal .container {
padding: 0;
}
.header .menu > li > .horizontal .container > ul {
padding: 15px 0;
margin: 0;
}
.header .menu > li > .horizontal .container > ul > li {
margin: 5px;
display: block;
}
.header .menu > li.horizontal > span.arrow {
display: none;
}
.header .menu > li.mega > span.arrow {
display: none;
}
.error-container {
width: auto;
}
}
@media (min-width: 992px) {
.header.static {
position: static;
}
.header.static .affix {
position: fixed !important;
top: 0;
width: 100%;
}
.clip-mega-menu {
overflow: hidden;
}
}
@media (min-width: 768px) {
.row-same-height {
overflow: hidden;
}
.row-same-height > [class*="col-sm"] {
margin-bottom: -99999px;
padding-bottom: 99999px;
}
}
.pad_zuoyou_0{
padding:0;
}
/*** Phones ***/
@media (max-width: 767px) {
.pad_zuoyou_0{
padding-left:0;
padding-right:0;
padding-bottom:0;
}
.inp01 {
height:2.5em;
}
.sou {
margin-top:5px;
}
.more_bom{
height:25px;
margin-top:0.5em;
}
.shu_ju{
padding:20px;
}
.container {
padding-left:15px;
padding-right: 15px;
}
.menu-content {
width: 210px;
overflow-y: auto;
}
.logo {
display: inline-block;
width:90px;
height:43px;
margin-left:6px;
}
.header.minimized .alt {
display: inline-block;
width:90px;
height:43px;
margin-left:13px;
}
.header.bg-header {
height: 70px;
}
.header.bg-header .header-inner {
line-height: 70px;
}
.header.bg-header .menu-toggler {
margin-top: 27.5px;
}
.header.md-header {
height: 88px;
}
.header.md-header .header-inner {
line-height: 88px;
}
.header.md-header .menu-toggler {
margin-top: 36.5px;
}
.header.sm-header {
height: 44px;
}
.header.sm-header .header-inner {
line-height: 44px;
}
.header.sm-header .menu-toggler {
margin-top: 14.5px;
}
.footer_nav{
height:240px;
}
.dibu{
/*padding-top:15px;*/
margin-bottom:3em;
}
.book-scroll-wrap li.open{width: 100%;}
.shut{display: none}
.book-scroll-wrap li .detail p{font-size: 14px;display: none}
}
@media (min-width: 1600px)and (max-width: 1800px){
.center{ width:1200px;}
.logo {
display: inline-block;
width: 125px;
height: 60px;
margin-left: 0;
}
}
@media (min-width: 1231px)and (max-width: 1400px) {
.center{ width:1200px;}
.logo {
display: inline-block;
width: 125px;
height: 60px;
margin-left: 0;
}
.header.minimized .alt{
width: 84px;
height: 40px;
}
}
@media (min-width: 1400px)and (max-width: 1600px) {
.center{ width:1200px;}
.logo {
display: inline-block;
width: 125px;
height: 60px;
margin-left: 0;
}
.header.minimized .alt{
width: 125px;
height: 60px;
}
}
}
@media (min-width: 1024px)and (max-width: 1200px) {
.center{ width:1200px;}
.logo {
display: inline-block;
width: 125px;
height:60px;
margin-left: 13px;
}
.header.minimized .alt{
width: 125px;
height:60px;
}
}
@media only screen (min-width: 768px) and (max-width: 1024px) {
.center{ width:100%;}
.logo {
display: inline-block;
width: 102px;
height: 49px;
margin-left: 13px;
}
.header.minimized .alt{
width: 102px;
height: 49px;
}
}
/*** Retina Display Images **/