/* HTML5 Template */
/************ TABLE OF CONTENTS ***************
1. Google Fonts
2. Reset
3. Global
4. Scroll To Top
5. Preloader
6. Main Header
7. Rev Slider Wrapper 首页轮播
8. Guide Section 首页办事指南
9. About Section 首页中心简介
10. Lab Section 首页实验室模块
11. Equipment Section 首页仪器设备模块
12. Footer Style 底部
13. Title Menu 子页面标题
14. Lab Table Page Style Two 各实验室/仪器设备展示页面
15. Course Table Page 实验课程展示页面
16. Video Table Page 教学视频展示页面
17. Video Page 视频播放页面
18. List Details “左侧列表-右侧内容”详情页
19. Guide Details “左侧图片-右侧列表”详情页
20. Styled Pagination
**********************************************/
/***
====================================================================
Reset
====================================================================
***/
@media (min-width:1200px) {
.container {padding: 0;}
}
* {margin:0;padding:0;border:none;outline:none;}
/***
====================================================================
Global style
====================================================================
***/
html {height: 100%;overflow-x:hidden;}
body {font-size:15px;color:#555555;line-height:1.8em;font-weight:400;background:#fdfdfd;background-size:cover;background-repeat:no-repeat;background-position:center top;-webkit-font-smoothing: antialiased;font-family: 'Microsoft Yahei';min-height: 100%;}
.page-wrapper {position: relative; min-height: 100%;margin:0 auto;width:100%;min-width:300px;}
footer{height: 105px;clear: both;position:absolute;}
a {text-decoration:none;cursor:pointer;}
a:hover, a:focus, a:visited {text-decoration:none;outline:none;}
h1, h2, h3, h4, h5, h6 {margin:0px;font-family: 'Microsoft Yahei';}
input, button, select, textarea {font-family: 'Microsoft Yahei';}
.button{cursor:pointer; }
p {position:relative;font-size: 16px;line-height:1.8em;font-family: 'Microsoft Yahei';}
ol {padding-left: 15px;}
ol li {padding-left: 5px;list-style-type: decimal!important;list-style-position: outside;font-size: 16px;}
ul, li {list-style:none;padding:0;margin:0;}
/*.strike-through {text-decoration:line-through;}*/
/*.auto-container {position:static;max-width:1200px;padding:0px 15px;margin:0 auto;}*/
/*.small-container {max-width:680px;margin:0 auto;}*/
.section-title h2 {position: relative;font-size: 30px;color: #222222;line-height: 2;font-weight: 600;padding-bottom: 13px;margin-bottom: 10px;}
.section-title h2:before {position:absolute;bottom: 0;left: 0;right:0;margin:auto;width: 120px;height: 3px;background: #fdfdfd;border-bottom:4px double #A30707;content: '';}
.section-title p {font-size: 16px;font-weight: 400;line-height: 1.75;font-family: 'Microsoft Yahei';color: #848484;}
/*.anim-3, .anim-3-all * {transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}*/
/*.anim-5, .anim-5-all * {transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}*/
/*.anim-7, .anim-7-all * {transition:all 0.7s ease;-moz-transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;}*/
.btn-style-one {display: inline-block;line-height: 28px;padding: 10px 24px;border-radius:6px;border: 2px solid #A30707;font-family: 'Microsoft Yahei';font-size: 15px;font-weight: 600;color: #fdfdfd;background: #A30707;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.btn-style-one:hover {border: 2px solid #222222;color: #fdfdfd;background: #222222;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.btn-style-one:visited{color: #fdfdfd;}
.btn-style-two {display: inline-block;line-height: 28px;padding: 10px 24px;border-radius:6px;border: 2px solid #A30707;font-family: 'Microsoft Yahei';font-size: 15px;font-weight: 600;color: #A30707;background: #fdfdfd;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.btn-style-two:hover {border: 2px solid #A30707;color: #fdfdfd;background: #A30707;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.btn-style-two:visited{color: #A30707;}
/***
====================================================================
Preloader style
====================================================================
***/
.preloader {position:fixed;left:0;top:0;z-index:99999;height:100%;width: 100%;background-position:center center;background-color:#fdfdfd;background-repeat:no-repeat;background-image:url("/_upload/tpl/0d/98/3480/images/icons/loader.gif");}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {display:none;position:fixed;bottom:40px;right:40px;z-index:100;width: 45px;height: 45px;line-height: 40px;border: 1px solid #A30707;font-size:24px;text-align:center;color:#fdfdfd;background: #A30707; cursor:pointer; transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.scroll-to-top:hover {border-color: #A30707;color: #A30707;background: #fdfdfd;transition: all 500ms ease;}
/***
====================================================================
Main Header
====================================================================
***/
@-webkit-keyframes menu_sticky {
0% {margin-top:-150px;}
50% {margin-top: -130px;}
100% {margin-top: 0;}
}
@keyframes menu_sticky {
0% {margin-top:-150px;}
50% {margin-top: -130px;}
100% {margin-top: 0;}
}
.main-header-block {position:relative;z-index: 9999;width:100%;padding: 20px 0;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.fixed-header {position:fixed;top: 0px;left: 0px;z-index: 9999;width: 100%; background: #fdfdfd;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);
transition:all 500ms ease;-webkit-animation-name: menu_sticky;animation-name: menu_sticky;-webkit-animation-duration: 0.60s;animation-duration: 0.60s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out; }
.main-header-block .head-left{float:left;display:inline-block;}
.main-header-block .sitelogo {position: relative;float: left;padding-top:10px;}
.main-header-block .header-right {position: relative;float: right;margin-top: 20px;}
.main-header-block .header-right .main-menu-navigation {position: relative;float: left;}
.main-menu-navigation .navbar-collapse {padding:0;}
.main-menu-navigation .wp-menu {position:relative;margin:0;}
.main-menu-navigation .wp-menu .menu-item {display: inline-block;position:relative;margin-right: 30px;padding-right: 10px;text-align: left;}
.main-menu-navigation .wp-menu .menu-item .i1{background:none;}
.main-menu-navigation .wp-menu .menu-item > a.menu-link {display:inline-block;position:relative;line-height: 26px;padding: 12px 0;font-size: 18px;font-weight:500;font-family: 'Microsoft Yahei';color:#222222;opacity:1;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu-navigation .wp-menu .menu-item > a:hover {color: #A30707;text-decoration: none;}
.main-menu-navigation .wp-menu .menu-item a > .menu-switch-arrow > span {display:inline-block;position: absolute;right: -8px;top: 13px;font-size: 18px;}
.main-menu-navigation .menu-item:hover > .sub-menu {visibility:visible;top:120%;opacity:1;transition:all 500ms ease;}
.main-menu-navigation .sub-menu {display:none;position:absolute;left:0;top: 120%;z-index:1;width:200px;padding:0px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu-navigation .wp-menu .sub-menu .sub-item {position:relative;width:100%;border-bottom: 1px solid #e5e5e5;text-align: left;}
.main-menu-navigation .wp-menu .sub-menu .sub-item:last-child {border-bottom:none;}
.main-menu-navigation .wp-menu .sub-menu .sub-item > a{display:block;position:relative;line-height:26px;padding: 12px 20px;font-family: 'Microsoft Yahei';font-size:16px;font-weight: 500;color: #fdfdfd;background: #A30707;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu-navigation .sub-menu .sub-item > a:hover {color: #A30707;background: #fdfdfd;transition:all 500ms ease;}
/**主页banner开始**/
#banner {background: #848484;}
#banner .inner {width:auto;max-width: 1920px;text-align: center;position:relative;}
/***
====================================================================
Guide Section 首页办事指南
====================================================================
***/
.guide-area {
padding: 80px 0px 80px 0px;
}
.guide-area .section-title {
margin-bottom: 40px;
}
.guide-area .block{
padding: 0px 30px;
}
.guide-area .block :hover{
background:#222222;
}
.guide-area .button-holder-block {
margin-bottom: 40px;
padding: 20px 0;
overflow:hidden;
background: #A30707;
text-align: center;
color: #fdfdfd;
font-size: 20px;
cursor: pointer;
}
.guide-area .icon-box {
position: relative;
padding-bottom: 100%;
width: 100%;
height: 0;
left: 0px;
top: 0px;
z-index: 1;
color: #fdfdfd;
margin: 0 auto;
font-size: 80px !important;
}
.guide-area .icon-box span{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.guide-area .button-holder-block .iconfont{
z-index: 1;
color: #fdfdfd;
margin: 20px 0px 20px 0px;
font-size: 80px;
}
.guide-area .button-holder-block h5 a {
font-size: 24px;
font-weight: 600;
line-height: 36px;
color: #fdfdfd !important;
}
.guide-area .button{
text-align: center;
}
/***
====================================================================
About Section 首页中心简介
====================================================================
***/
.about-area {
position: relative;
background: #f5f5f8;
}
.about-area .image-box {
position: relative;
margin: 0px -15px;
overflow: hidden;
height: 500px;
}
.about-area .image-box:before {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
content: '';
background: rgba(38, 44, 55, 0.6);
}
.about-area .image-box img {
float:left;
}
.about-area .content-box{
padding: 80px 0px 50px 0px;
}
.about-area .section-title {
position: relative;
margin-bottom: 40px;
}
.about-area .content-box p{
margin: 0px 80px 40px 80px !important;
}
.about-area .about-content {
align-content: center;
margin: 60px 80px;
}
.about-area .button{
text-align: center;
}
/***
====================================================================
Lab Section 首页实验室模块
====================================================================
***/
.lab-area {
padding: 80px 0px;
/* background: #F5F5F8;*/
}
.lab-area .section-title {
margin-bottom: 40px;
}
.lab-area .image-text {
position: relative;
padding: 20px;
text-align:center;
}
.lab-area .item-holder-box {
margin: 0px 10px 40px 10px;
background: #fdfdfd;
border: 3px solid #f6f6f6;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
cursor: pointer;
}
.lab-area .item-holder-box img {
width: 100%;
}
.lab-area .item-holder-box .image-box{
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 66.66667%;
background-color: #f5f5f8;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
.lab-area .item-holder-box:hover {
border: 3px solid #A30707;
}
.lab-area .item-holder-box h5 a {
font-size: 20px;
font-weight: 600;
line-height: 36px;
color: #222222;
font-family: 'Microsoft Yahei', sans-serif;
}
.lab-area .item-holder-box p {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #848484;
font-family: 'Microsoft Yahei', sans-serif;
}
.lab-area .button{
text-align: center;
}
/***
====================================================================
Equipment Section 首页仪器设备模块
====================================================================
***/
.equipment-area {
position: relative;
padding : 80px 0px 70px;
background:#F5F5F8;
}
.equipment-area .section-title {
position: relative;
margin-bottom: 40px;
}
.equipment-area .image-holder-block {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 40px;
border-radius:8px;
overflow:hidden;
background: #fdfdfd;
cursor: pointer;
}
.equipment-area .image-box {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 75%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
background-color: rgba(38, 44, 55, 0.6);
}
.equipment-area .social-links {
position: absolute;
bottom: -60px;
left: 0px;
width: 100%;
background: rgba(163,7,7,0.95);
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.equipment-area .image-holder-block:hover .social-links {
bottom: -10px;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.equipment-area .image-holder-block:hover{
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.equipment-area .social-links li {
display: inline-block;
padding: 12px 15px;
}
.equipment-area .social-links li i {
font-size: 16px;
color: #fdfdfd;
}
.equipment-area .image-holder-block .image-text h5 {
padding-top: 20px;
}
.equipment-area .image-holder-block .image-text h5 a {
font-size: 20px;
font-weight: 700;
line-height: 36px;
color: #222222;
}
.equipment-area .image-holder-block .image-text p {
padding-bottom: 15px;
}
.equipment-area .image-holder-block .image-text p a {
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: #848484;
font-style: italic;
font-family: 'Microsoft Yahei', sans-serif;
}
.equipment-area .button {
text-align: center;
}
/***
====================================================================
Footer Style
====================================================================
***/
.main-footer-area {
position: absolute;
z-index: 1;
height: 105px;
width:100%;
border-top: 5px solid #A30707;
background-repeat: no-repeat!important;
background-size: cover!important;
}
.main-footer-area:before {
position: absolute;
top: 0px;
left: 0px;
content: '';
z-index: -1;
width: 100%;
height: 100%;
background: rgba(38, 44, 55, 0.95);
}
.footer-bottom {
padding: 13px 0px;
background-color:#222222;
}
.footer-bottom .copyright-text p {
font-size: 14px;
font-weight: 400;
color: #d4dae3;
line-height: 26px;
margin-bottom: 0px;
letter-spacing: .5px;
padding: 6px 0px;
text-transform: capitalize;
font-family: 'Microsoft Yahei', sans-serif;
}
.footer-bottom .copyright-text a {
color: #A30707;
}
/***
====================================================================
Page Title 子页面标题
====================================================================
***/
.page-title {
padding: 10px 0px;
position: relative;
z-index: 1;
background: #f7f7f7;
}
.page-title .title {
font-size: 30px !important;
font-weight: 600;
line-height: 1.5;
color: #222222;
text-transform: capitalize;
}
.page-title .title-menu li {
font-size: 15px;
line-height: 1;
font-weight: 600;
color: #A30707;
margin: 0px 5px;
padding: 10px 0px;
display: inline-block;
text-transform: capitalize;
font-family: 'Microsoft Yahei', sans-serif;
}
.page-title .title-menu li a {
color: #222222;
transition: all 500ms ease;
}
.page-title .title-menu li a:hover {
color: #A30707;
transition: all 500ms ease;
}
/***
====================================================================
Lab Table Page Style Two 各实验室/仪器设备展示页面
====================================================================
***/
.futitle{
margin-top: 30px;
margin-bottom: 10px;
color: #A30707;
}
.futitle h4{
font-weight: 600;
padding: 10px 0px;
}
.lab-table-area {
padding: 10px 0px;
}
.lab-table-area .item-holder-box {
margin-bottom: 10px;
width: 100%;
border: 3px solid #222222;
text-align: center
}
.lab-table-area .item-holder-box :hover h5,
.lab-table-area .item-holder-box :hover p{
background: #A30707;
color: #fdfdfd;
}
.lab-table-area .item-holder-box h5{
font-size: 18px;
color: #222222;
font-weight: 600;
padding: 25px 0px 8px 0px;
}
.lab-table-area .item-holder-box p{
padding: 0px 10px 20px 10px;
margin: 0px!important;
color: #555555;
}
.slide-item-box{
width:100%;
}
/***
====================================================================
Course Table Page 实验课程展示页面
====================================================================
***/
.course-table-area{
padding: 10px 0px;
}
.course-table-area .image-text {
position: relative;
padding: 20px;
text-align:left;
}
.course-table-area .item-holder-box {
margin: 0px 0px 40px 0px;
background: #fdfdfd;
border: 3px solid #f6f6f6;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}
.course-table-area .item-holder-box img {
width: 100%;
}
.course-table-area .item-holder-box .image-box{
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 56.25%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
.course-table-area .item-holder-box:hover {
border: 3px solid #A30707;
}
.course-table-area .item-holder-box h5 {
font-size: 20px;
font-weight: 600;
line-height: 36px;
color: #222222;
font-family: 'Microsoft Yahei', sans-serif;
}
/***
====================================================================
Video Table Page 视频教程展示页面
====================================================================
***/
.video-table-area {
padding: 20px 0px;
}
.video-table-area .image-text {
position: relative;
padding: 20px;
text-align:left;
}
.video-table-area .item-holder-box {
margin: 0px 0px 40px 0px;
background: #fdfdfd;
border: 3px solid #f6f6f6;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.video-table-area .item-holder-box:hover {
border: 3px solid #A30707;
}
.video-table-area .item-holder-box h5 {
font-size: 20px;
font-weight: 600;
line-height: 36px;
color: #222222;
font-family: 'Microsoft Yahei', sans-serif;
}
/***
====================================================================
Video Page 视频播放页面
====================================================================
***/
.container .video-show{
margin: 15px 0px;
}
/***
====================================================================
List Details “左侧列表-右侧内容”详情页
====================================================================
***/
.list-details {
margin: 50px 0px 0px 0px;
padding-bottom: 105px;
}
.list-details .list-memu-area {
margin-bottom: 30px;
margin-right: 30px;
}
.list-details .list-memu-area h4 {
font-size: 24px;
font-weight: 600;
line-height: 26px;
color: #222222;
margin-bottom: 20px;
text-transform: capitalize;
}
.list-details .list-memu-area li {
border-bottom: 1px solid #848484;
transition:all 0.5s ease;
}
.list-details .list-memu-area li a {
font-size: 16px;
line-height: 26px;
font-weight: 550;
color: #848484;
padding: 12px 0px;
display: inline-block;
text-transform: capitalize;
transition:all 0.5s ease;
font-family: 'Microsoft Yahei', sans-serif;
}
.list-details .list-memu-area li:hover a {
color: #A30707;
transition:all 0.5s ease;
}
.list-details .list-memu-area li:hover {
padding-left: 20px;
border-bottom: 1px solid #A30707;
transition:all 0.5s ease;
}
.list-details .list-memu-area li:active{
color: #A30707;
}
.list-details .list-memu-area li i {
margin-right: 10px;
}
.list-details .right-side {
margin-left: 20px;
}
.list-details .title-box img {
width: 100%;
margin: 20px 0px 0px 0px;
}
.list-details .title-box h3 {
font-size: 30px;
font-weight: 600;
line-height: 1;
color: #222222;
margin-top: 10px;
margin-bottom: 20px;
text-transform: capitalize;
}
.list-details .content-text .content-list{
display: block;
width: 100%;
margin-top: 20px;
margin-bottom: 40px;
}
.list-details .content-text .content-list .list-item{
border: none;
width: 100%;
height: 24px;
line-height: 24px;
vertical-align: top;
margin-bottom: 16px;
}
.list-details .content-text .content-list li span a {float: left;font-size: 20px !important;color: #222222 !important;}
.list-details .content-text .content-list .list-item span.news_title :hover{color: #A30707 !important;transition:all 0.5s ease;text-decoration: none;}
.list-details .content-text .content-list .list-item span.news_meta{float: right;font-size: 20px;color: #848484;}
.list-details .content-text .pages_count span{font-size: 16px;color: #848484;padding-top:5px;}
.list-details .content-text .page_jump span{font-size: 16px;color: #848484;padding-top:5px;}
.list-details .content-text .page_jump .pagingJump{padding-top:0px;}
.wp_paging li.page_nav a :hover{color: #A30707 !important;transition:all 0.5s ease;}
.wp_paging li.page_jump .pagingJump :hover{color: #A30707 !important;transition:all 0.5s ease;}
.list-details .tltle-box p {padding-bottom: 15px;}
.list-details .content-box .image-box-4-3 {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 75%;
margin-top: 20px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
.list-details .content-box .image-box-3-2 {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 66.66667%;
margin-top: 20px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
.list-details .content-box .image-box-2-3 {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 150%;
margin-top: 20px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
.list-details .content-text h4 {
font-size: 20px;
font-weight: 600;
line-height: 26px;
color: #222222;
margin-top: 50px;
margin-bottom: 20px;
text-transform: capitalize;
}
.list-details .content-text h5 {
font-size: 16px;
font-weight: 550;
line-height: 20px;
color: #222222;
margin-top: 30px;
margin-bottom: 10px;
text-transform: capitalize;
}
.list-details .content-text li a {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #848484;
padding: 5px 0px;
text-transform: capitalize;
font-family: 'Microsoft Yahei', sans-serif;
}
.list-details .content-text li a i {
font-size: 16px;
width: 18px;
height: 18px;
line-height: 16px;
color: #fdfdfd;
margin-right: 10px;
background: #A30707;
border-radius:2px;
text-align: center;
}
.list-details .content-text h4 {
font-size: 20px;
font-weight: 600;
line-height: 26px;
color: #222222;
margin-top: 50px;
margin-bottom: 20px;
text-transform: capitalize;
}
.list-details .equipment_table{
margin-top: 20px;
}
/***
====================================================================
Guide Details “左侧图片-右侧列表”详情页
====================================================================
***/
.guide-details{
margin: 50px 0px;
}
.guide-details h4{
font-size: 24px;
font-weight: 600;
line-height: 26px;
color: #222222;
margin-bottom: 20px;
text-transform: capitalize;
}
.guide-details .guide-box {
margin-left: 20px;
}
.guide-details .guide-box img{
width: 95%;
margin: 20px 0px 0px 0px;
}
.guide-details .file-memu-area{
margin-bottom: 30px;
margin-right: 30px;
}
.guide-details .file-memu-area li{
border-bottom: 1px solid #848484;
transition:all 0.5s ease;
}
.guide-details .file-memu-area li:hover{
border-bottom: 1px solid #A30707;
transition:all 0.5s ease;
}
.guide-details .file-memu-area li a{
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: #848484;
padding: 12px 0px;
display: inline-block;
text-transform: capitalize;
transition:all 0.5s ease;
font-family: 'Microsoft Yahei', sans-serif;
}
.guide-details .file-memu-area li a:hover{
color: #A30707;
transition:all 0.5s ease;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination {
margin-top: 10px;
}
.styled-pagination li {
position:relative;
display:inline-block;
margin-right: 5px;
}
.styled-pagination li a {
position: relative;
display: block;
line-height: 45px;
font-size: 18px;
width: 45px;
height: 45px;
color: #848484;
font-weight: 600;
text-align: center;
background: #fdfdfd;
border: 1px solid #f6f6f6;
font-family: 'Microsoft Yahei', sans-serif;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li a.prev, .styled-pagination li a.next {
font-size:18px;
}
.styled-pagination li a:hover, .styled-pagination li a.active {
color:#fdfdfd;
background:#A30707;
border-color: #A30707;
transition:all 500ms ease;
}