@charset "utf-8";
/* CSS Document */

@charset "UTF-8";
.pace .pace-progress-inner, .page-header, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress .progress-bar { box-shadow: none }
.book-ml-list, .drmenu ul, dl, li, ol, ul { list-style-type: none }
@media print {
.page-container, .page-container .page-content { padding: 0!important; margin: 0!important }
body { background: #fff url(img/bj.jpg) top no-repeat; background-size:cover;margin-top:13.425vh}
.hidden-print, .page-breadcrumb, .page-footer, .page-head, .page-header, .page-prefooter, .theme-panel { display: none }
.no-page-break { page-break-after: avoid }
.page-container .page-content>.container { width: 81.98vw; min-width:1200px; max-width: none!important; margin: 0!important }
.page-container .page-content>.container-fluid>.portlet, .page-container .page-content>.container-fluid>.portlet>.portlet-body, .page-container .page-content>.container>.portlet, .page-container .page-content>.container>.portlet>.portlet-body { padding: 0; margin: 0 }
}
.page-header { opacity: 1; filter: alpha(opacity=100); width: 81.98vw;min-width:1200px;  margin: 0; border: 0; padding: 0; height: 126px; background-image: none }
.page-header:after, .page-header:before { content: " "; display: table }
.page-header:after { clear: both }
.page-header .container, .page-header .container-fluid { position: relative }
.page-header.navbar-fixed-top, .page-header.navbar-static-top { z-index: 9995 }
.page-header .page-header-top { height: auto; background:#dcedfd url(../img/js01.jpg);position:relative; height:230px;    background-size: cover;}
 .page-header .page-header-top  img{position:absolute;bottom:0;right:10px; width:23%}
.page-header .page-header-top.fixed { width: 100%; position: fixed; top: 0; left: 0; z-index: 9995 }
.page-header .page-header-top .page-logo { float: left; display: block; width: 150px; height: 75px; padding-left: 20px; overflow: hidden }
.page-header .page-header-top .page-logo .logo-default { margin: 0 }
.page-header .page-header-top .top-menu { margin: 13px 0 0; padding: 0; float: right }
.page-header .page-header-top .top-menu .navbar-nav { padding: 0; margin-right: 0; display: block }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown { margin: 0; padding: 0 4px; height: 50px; display: inline-block }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle { margin: 0 0 0 1px; padding: 17px 10px 8px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:last-child { padding-right: 0 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i { font-size: 19px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i.glyphicon { font-size: 18px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge { font-family: "Open Sans", sans-serif; position: absolute; top: 9px; right: 24px; font-weight: 300; padding: 3px 6px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus { background: 0 0 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu { z-index: 9996; margin-top: 5px; margin-right: 7px; font-family: "Open Sans", sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:before { position: absolute; top: -8px; right: 9px; display: inline-block!important; border-right: 8px solid transparent; border-bottom: 8px solid #efefef; border-left: 8px solid transparent; content: '' }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:after { position: absolute; top: -7px; right: 10px; display: inline-block!important; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; content: '' }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator { padding-left: 0; padding-right: 6px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator .separator { float: left; display: inline-block; width: 1px; height: 18px; margin-left: 5px; margin-top: 17px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu { min-width: 160px; max-width: 300px; width: 300px; z-index: 9996 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external { display: block; overflow: hidden; padding: 15px; letter-spacing: .5px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>h3 { margin: 0; padding: 0; float: left; font-size: 13px; display: inline-block }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a { display: inline-block; padding: 0; background: 0 0; clear: inherit; font-size: 12px; font-weight: 400; position: absolute; right: 10px; border: 0; margin-top: -2px }
.page-header .page-header-menu .hor-menu .navbar-nav, .page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown { position: static }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list { padding-right: 0!important; padding-left: 0; list-style: none }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a { display: block; clear: both; font-weight: 300; line-height: 20px; white-space: normal; font-size: 13px; padding: 16px 15px 18px; text-shadow: none }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover { opacity: 1; filter: alpha(opacity=100); text-decoration: none }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li:first-child a { border-top: none }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details { overflow: hidden }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon { margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon i { margin-right: 2px; margin-left: 1px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon .badge { right: 15px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time { float: right; max-width: 75px; font-size: 11px; font-weight: 400; opacity: .7; filter: alpha(opacity=70); text-align: right; padding: 1px 5px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle { padding: 17px 0 8px 8px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.circle { float: left; margin-top: -5px; padding: 3px 10px 4px; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; -ms-border-radius: 50%!important; -o-border-radius: 50%!important; border-radius: 50%!important; font-family: "Open Sans", sans-serif; font-weight: 300 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner { float: left; margin-left: -4px; width: 0; height: 0; border-style: solid; border-width: 8px 0 9px 9px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner:not(:root:root) { margin-left: -5px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo { float: left; margin: 0 6px 6px 0 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo img { height: 40px; width: 40px; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; -ms-border-radius: 50%!important; -o-border-radius: 50%!important; border-radius: 50%!important }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li a:hover { text-decoration: none }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject { display: block; margin-left: 46px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .from { font-size: 14px; font-weight: 600 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .time { font-size: 12px; font-weight: 400; opacity: .5; filter: alpha(opacity=50); float: right }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .message { display: block!important; font-size: 12px; line-height: 1.3; margin-left: 46px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task { margin-bottom: 5px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .desc { font-size: 13px; font-weight: 300 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .percent { color: #36c6d3; float: right; font-weight: 600; display: inline-block }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress { display: block; height: 8px; margin: 8px 0 2px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle { padding: 12px 0 7px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img { margin-top: -8px; margin-right: 8px; height: 40px; float: left }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username { float: left; font-size: 400; font-size: 14px; margin-top: 4px; margin-right: 2px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>i { float: left; font-size: 14px; margin-top: 7px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu { width: 210px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a { font-weight: 300; font-size: 13px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a i { width: 15px; display: inline-block; margin-right: 9px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a .badge { margin-right: 10px }
.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler { cursor: pointer; padding: 17px 10px 8px }
.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i { color: #c1ccd1; font-size: 19px }
.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i:before { content: "" }
.page-quick-sidebar-open .page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i:before, .page-quick-sidebar-open .page-quick-sidebar-toggler>i:before { content: "" }
.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i:hover { color: #a4b4bb }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language { padding-left: 0; padding-right: 0; margin: 0 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle { padding: 16px 10px 9px 2px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>img { margin-bottom: 2px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>i { font-size: 14px }.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-menu>li>a { font-size: 13px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-menu>li>a>img { margin-bottom: 2px; margin-right: 5px }
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu { border: 0 }
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before { border-left: none; border-right: none }
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list>li.external a { background: 0 0!important; border: none!important }
.page-header .page-header-top .menu-toggler { float: right; display: none; margin: 23px 3px 0 13px; width: 40px; height: 30px; background: url(../img/menu-toggler.png) center center no-repeat; opacity: .7; filter: alpha(opacity=70) }
.page-header .page-header-top .menu-toggler:hover { opacity: 1; filter: alpha(opacity=100) }
.page-header .page-header-menu { display: block; height: 51px; clear: both }
.page-header .page-header-menu .hor-menu { margin: 0; float: left ; width:100%}
.page-header .page-header-menu .hor-menu .navbar-nav.navbar-right .dropdown-menu { left: auto; right: 0 }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu { left: auto; width: auto }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content { font-family: "Open Sans", sans-serif; padding: 15px; margin: 0 }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content.mega-menu-responsive-content { padding: 10px 18px 10px 45px }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu { padding: 0; margin: 0 }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu:last-child { border-right: 0 }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li { padding: 1px!important; margin: 0!important; list-style: none }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3 { margin-top: 5px; padding-left: 5px; font-size: 15px; font-weight: 400 }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a { display: block; white-space: normal; font-family: "Open Sans", sans-serif; padding: 7px; margin: 0; font-size: 14px; font-weight: 300 }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:focus, .page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:hover { text-decoration: none }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a.iconify { padding: 7px 7px 7px 30px }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a.iconify>i { position: absolute; top: auto!important; margin-left: -24px; font-size: 15px; margin-top: 3px!important }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a .badge, .page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a .label { margin-left: 5px }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown.mega-menu-full .dropdown-menu { left: 15px; right: 15px }
.page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown .dropdown-menu:after, .page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown .dropdown-menu:before { display: none!important }
.page-header .page-header-menu .hor-menu .navbar-nav>li>a { font-size: 1.8rem; font-weight: 400; padding: 15px ​2.8vw }
.page-header .page-header-menu .hor-menu .navbar-nav>li.active .selected, .page-header .page-header-menu .hor-menu .navbar-nav>li.current .selected { left: 50%; bottom: 0; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid transparent; display: inline-block; margin: 0 0 -6px -7px; width: 0; height: 0 }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu { margin-top: 0; border: none }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 300; padding: 10px 12px; white-space: normal }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a .badge, .page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a .label { font-weight: 300 }
.page-header .page-header-menu .hor-menu .navbar-nav>li.classic-menu-dropdown .dropdown-menu { min-width: 195px; max-width: 235px }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-submenu>.dropdown-menu { top: 0 }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-submenu>a:after { top: 9px; right: 10px }
.page-header .page-header-menu .search-form { position: relative; display: inline-block; float: right; transition: width .4s; margin-top: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
.page-header .page-header-menu .search-form .input-group { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
.page-header .page-header-menu .search-form .input-group .form-control { border: 0; font-size: 13px; width: 8vw; font-weight: 300 }
.page-header .page-header-menu .search-form .input-group .form-control:hover { cursor: pointer }
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit { padding: 0; height: 34px; z-index: 3; position: relative; top: 10px; right: 11px }
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i { font-size: 15px }
.page-header .page-header-menu .search-form.open { width: 12vw!important; transition: width .4s }
.page-header .page-header-menu .search-form.open .input-group .form-control { text-indent: 0 }
.page-header .page-header-menu .search-form.open .input-group .form-control:hover { cursor: text }
#imageMenu li img, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover, .scroll-to-top:hover, .scrollbutton, .search-content .tabs li, .theme-panel .theme-colors>li.theme-color:hover, div .todo-tasklist-item:hover { cursor: pointer }
.page-header .page-header-menu .search-form.open .input-group .input-group-btn .btn.submit { margin-left: 0 }
.page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown:hover>.dropdown-menu { display: block }
.page-header .page-header-menu .container-fluid .navbar-nav>li.mega-menu-dropdown.mega-menu-full .dropdown-menu { left: 60px; right: 60px }
.pace .pace-progress { z-index: 10000; top: 126px!important; height: 3px!important }
.page-wrapper, .page-wrapper .page-wrapper-row.full-height, body, html { height: 100% }
.pace .pace-activity { top: 128px; right: 22px; border-radius: 10px!important }
body, html { margin: 0; padding: 0 }
.page-wrapper { display: table; width:100%; table-layout: fixed;background-color: rgba(255,255,255,0) }
.page-wrapper .page-wrapper-row { width: 100%; display: table-row; }
.page-wrapper .page-wrapper-bottom { width: 100%; display: table-cell ;margin:0 auto}
 .page-wrapper .page-wrapper-top { width: 81.98vw; min-width:1200px; margin:0 auto}

.page-wrapper .page-wrapper-middle { background: #fff; width: 81.98vw; min-width:1200px; margin:0 auto; height: 100% }
.page-container { clear: both }
.page-head { background: #fff;}
.page-wrapper{width: 81.98vw;
    min-width: 1200px;  background: #fff;margin:0 auto; clear: both; margin-top: 6.5vh;}
.page-head .container { position: relative ;background-color: rgba(255,255,255,1); }
.page-head .page-title { display: inline-block; float: left; padding: 19px 0; margin: 0; font-size: 14px }
.page-head .page-title>h1 { color: #697882; font-size: 22px; font-weight: 400; margin: 0 }
.page-head .page-title>h1>small { color: #9eacb4; font-size: 13px; font-weight: 400 }
.page-head .page-toolbar { display: inline-block; float: right }
.breadcrumb { background:##eef1f5;  margin: 0; color: #a7b2c0 }
.breadcrumb>li+li:before { display: none }
.breadcrumb .fa { font-size: 6px; margin: 0 2px 0 4px; position: relative; top: -1px }
.breadcrumb>.active { color: #9eacb4 }
.page-content { padding: 15px 0 }
.container-fluid { padding-left: 60px; padding-right: 60px }
.portlet .portlet-input .form-control { background: #F1F3F8; border-radius: 0!important; border-color: #F1F3F8 }
.portlet .portlet-input .form-control:focus { border-color: #cfd6e7 }
.page-prefooter { padding: 30px 0; clear: both }
.page-prefooter h2 { font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px }
.page-prefooter .subscribe-form { padding-top: 5px }
.page-prefooter .subscribe-form .form-control { font-size: 12px; padding: 0 14px; height: 36px }
.page-prefooter .subscribe-form .btn { height: 34px; text-transform: uppercase; padding: 7px 16px }
.page-prefooter .social-icons { padding-top: 9px }
.page-prefooter .social-icons li { opacity: .35; filter: alpha(opacity=35) }
.page-prefooter .social-icons li:hover, .scroll-to-top:hover>i { opacity: 1; filter: alpha(opacity=100) }
.page-prefooter address, .page-prefooter p { margin: 0 }
.page-footer { font-size:1.5rem; font-weight: 300; height: 14.815vh; padding: 17px 0 }
.scroll-to-top { padding: 2px; text-align: center; position: fixed; z-index: 10001; bottom: 5px; display: none; right: 20px }
.scroll-to-top>i { display: inline-block }
.btn-theme-panel { margin-top: 25px }
.btn-theme-panel .btn { opacity: .6; filter: alpha(opacity=60); padding: 0 6px }
.btn-theme-panel .btn>i { font-size: 24px; color: #acbac6 }
.btn-theme-panel .btn:hover, .btn-theme-panel.open .btn { opacity: 1; filter: alpha(opacity=100) }
.theme-panel { z-index: 1000; min-width: 675px; padding: 20px 10px; font-family: "Open Sans", sans-serif }
.theme-panel h3 { margin: 8px 0; font-size: 15px; padding-left: 12px }
.theme-panel .seperator { border-left: 1px solid #EFF2F4 }
.theme-panel .theme-colors { list-style: none; padding: 0; margin: 0 }
.theme-panel .theme-colors>li.theme-color { padding: 8px 12px }
.theme-panel .theme-colors>li.theme-color.active, .theme-panel .theme-colors>li.theme-color:hover { background: #f5f7f8 }
.theme-panel .theme-colors>li.theme-color>.theme-color-view { float: left; margin-top: 0; margin-right: 8px; display: inline-block; border-radius: 10px!important; height: 20px; width: 20px }
.theme-panel .theme-colors>li.theme-color>.theme-color-name { display: inline-block; color: #777; font-size: 14px; font-weight: 300 }
.theme-panel .theme-colors>li.theme-color.theme-color-default .theme-color-view { background: #32c5d2 }
.theme-panel .theme-colors>li.theme-color.theme-color-red-sunglo .theme-color-view { background: #E26A6A }
.theme-panel .theme-colors>li.theme-color.theme-color-red-intense .theme-color-view { background: #E35B5A }
.theme-panel .theme-colors>li.theme-color.theme-color-blue-hoki .theme-color-view { background: #67809F }
.theme-panel .theme-colors>li.theme-color.theme-color-blue-steel .theme-color-view { background: #4B77BE }
.theme-panel .theme-colors>li.theme-color.theme-color-green-haze .theme-color-view { background: #44B6AE }
.theme-panel .theme-colors>li.theme-color.theme-color-purple-plum .theme-color-view { background: #8775A7 }
.theme-panel .theme-colors>li.theme-color.theme-color-purple-studio .theme-color-view { background: #8E44AD }
.theme-panel .theme-colors>li.theme-color.theme-color-yellow-orange .theme-color-view { background: #F2784B }
.theme-panel .theme-colors>li.theme-color.theme-color-yellow-crusta .theme-color-view { background: #F3C200 }
.theme-panel .theme-settings { list-style: none; padding: 0; margin: 0 }
.theme-panel .theme-settings>li { padding: 8px 12px; font-size: 14px; font-weight: 300; color: #777 }
.theme-panel .theme-settings>li .form-control { color: #777; margin-top: -3px; float: right }
.page-portlet-fullscreen .page-quick-sidebar-toggler, .page-portlet-fullscreen .page-quick-sidebar-wrapper { z-index: -1 }
.page-quick-sidebar-toggler { overflow: hidden; z-index: 99999; display: none; width: 28px; height: 27px; position: fixed; top: 10px; right: 15px; text-align: center; padding-top: 6px }
.page-quick-sidebar-toggler:hover { background: #303a43 }
.page-quick-sidebar-open .page-quick-sidebar-toggler { display: inline-block }
.page-quick-sidebar-open .page-quick-sidebar-toggler:hover { background: 0 0 }
.page-quick-sidebar-toggler>i { color: #99a8b5; font-size: 17px }
.page-quick-sidebar-toggler>i:hover { color: #fff!important }
.page-quick-sidebar-wrapper { transition: right .3s; z-index: 9999; position: fixed; top: 0; bottom: 0; width: 320px; right: -320px; overflow: hidden; color: #99a8b5; background: #21282e }
.page-quick-sidebar-open .page-quick-sidebar-wrapper { transition: right .3s; right: 0 }
.page-quick-sidebar-wrapper .page-quick-sidebar { background: #21282e }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs { margin: 0; padding: 0; border: 0 }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li { display: table-cell!important; width: 1%!important; padding: 0; margin: 0; float: none }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a { position: relative; display: block; text-align: center; height: auto; font-size: 14px; padding: 45px 15px 8px; text-transform: uppercase; background: 0 0; margin-right: 0; color: #90a1af; border: 0; border-bottom: 3px solid rgba(243,86,93,.3); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; outline: 0!important }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a>.badge { position: absolute; top: 45px; right: 3px }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li.active>a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li:hover>a { border: 0; border-bottom: 3px solid #f3565d; background: 0 0; color: #fff; text-decoration: none }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu { border: 0; background: #36424c; box-shadow: 5px 5px rgba(97,117,135,.1); margin-top: 8px; margin-right: 20px }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu:before { position: absolute; top: -7px; right: 19px; display: inline-block!important; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #36424c; content: '' }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu:after { position: absolute; top: -6px; right: 20px; display: inline-block!important; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 7px solid #36424c; content: '' }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li>a { padding: 10px 15px; color: #99a8b5 }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li>a>i { color: #93a3b1 }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li:hover>a { background: #3d4a55; color: #99a8b5 }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li:hover>a>i { color: #9babb8 }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li.active>a { background: #38444f; color: #99a8b5 }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li.divider { background-color: #3d4a55 }
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li.open>a.dropdown-toggle { border-bottom: 3px solid #f3565d; background: 0 0; text-decoration: none; color: #90a1af }
.page-quick-sidebar-wrapper .page-quick-sidebar .tab-content { margin: 0; padding: 0 }
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading { font-size: 16px; margin: 10px; color: #6c8296 }
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items { margin: 0; padding: 0; list-style: none }
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li { margin: 0; padding: 15px; background: 0 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #273037 }
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:hover { background: #273037 }
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:last-child { border-bottom: 0 }
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li { border: 0 }
.page-quick-sidebar-wrapper .page-quick-sidebar .inner-content { margin: 10px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list { position: absolute!important; width: 320px!important; transition: margin .3s }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item { position: absolute!important; width: 320px!important; transition: margin .3s; margin-left: 320px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav { padding: 15px 10px 0 }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list { vertical-align: middle; display: inline-block; font-size: 14px; color: #90a1af }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover { text-decoration: none }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list>i { font-size: 17px; line-height: 17px; vertical-align: top; margin-right: 3px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list { transition: margin .3s; margin-left: -320px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail { display: none!important }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item { transition: margin .3s; margin-left: 0 }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users { padding: 10px 0; position: relative }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media { padding: 15px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object { border-radius: 50%!important; width: 45.71px; opacity: .8; filter: alpha(opacity=80); float: left; margin-right: 10px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before { content: " "; display: table }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after { clear: both }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object { opacity: 1; filter: alpha(opacity=100) }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading { margin: 5px 0 0; font-size: 14px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub { font-size: 11px; text-transform: uppercase; color: #657b8d }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small { font-size: 10px; color: #5d7081 }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status { margin-top: 10px; right: 10px; position: absolute; display: inline-block }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages { padding: 0 10px; position: relative }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post { transition: display .3s; padding: 5px 0; margin: 10px auto; font-size: 13px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body { color: #c3c3c3; display: block }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar { width: 45.71px; border-radius: 50%!important }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar { float: left; margin-right: 10px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar { float: right; margin-left: 10px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name { font-size: 12px; font-weight: 300; color: #8496a7 }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message { display: block; padding: 5px; position: relative; color: #90a1af; background: #36424c }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message { text-align: left; margin-left: 55px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow { display: block; position: absolute; top: 9px; left: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right-width: 6px; border-right-style: solid; border-right-color: #36424c }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message { margin-right: 55px; text-align: right }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow { display: block; position: absolute; top: 9px; right: -6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left-width: 6px; border-left-style: solid; border-left-color: #36424c }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name { text-align: right }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form { padding: 20px 10px 15px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list { padding: 10px 0; position: relative }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a { color: #7e91a2 }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .label { margin-top: 5px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc { text-decoration: underline; padding: 0; color: #788c9e }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date { color: #5d7081 }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list { padding: 10px 0; position: relative }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch { margin-top: -3px; float: right; border: 0; min-width: 59px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control { width: 75px!important; padding: 4px!important; float: right; border: 0; margin-top: -4px }
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control { padding: 4px 0!important }
.page-on-load { background: #fefefe }
.page-on-load .page-container, .page-on-load .page-footer, .page-on-load .page-header, .page-on-load .page-prefooter, .page-on-load>.clearfix { display: none; transition: all 2s }
body { background: #fff url(../img/bj.jpg) top no-repeat; background-size:cover;margin-top:13.425vh}
body.page-md { background: #fff }
.theme-font { color: #32c5d2!important }
.pace .pace-progress { background: #32c5d2 }
.portlet.light .btn.btn-circle.btn-icon-only.btn-default { border-color: #bbc2ce }
.portlet.light .btn.btn-circle.btn-icon-only.btn-default>i { font-size: 13px; color: #a6b0bf }
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active, .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover { color: #fff; background: #32c5d2; border-color: #32c5d2 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown .separator, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator .separator { border-left: 1px solid #E3E8EC }
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active>i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover>i { color: #fff }
.page-header { background-color: #fff;border-top:2.778vh solid #256ab7; }
.page-header .page-header-top.fixed { background: #fff!important; box-shadow: 0 1px 10px 0 rgba(50,50,50,.2) }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i { color: #C1CCD1 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover { background-color: #fff }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover>i { color: #a4b4bb }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle .badge.badge-default { background-color: #f36a5a; color: #fff }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle { background-color: #fff }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle>i { color: #a4b4bb }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu:after { border-bottom-color: #f7f8fa }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external { background: #f7f8fa }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>h3 { color: #6f949c }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a { color: #337ab7 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a:hover { color: #23527c; text-decoration: none }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a { border-bottom: 1px solid #EFF2F6!important; color: #222 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover { background: #f8f9fa }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li>a .time { background: #f1f1f1 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li>a:hover .time { background: #e4e4e4 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.circle { background-color: #32c5d2; color: #fff }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner { border-color: transparent transparent transparent #32c5d2 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from { color: #5b9bd1 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress { background-color: #dfe2e9 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i { color: #8ea3b6 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu { width: 195px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user.open>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user.open>.dropdown-toggle>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>i { color: #7089a2 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname { color: #8ea3b6 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language.open>.dropdown-toggle>.langname, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language:hover>.dropdown-toggle>.langname { color: #7089a2 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu { background: #2e343b; border: 0 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu:after { border-bottom-color: #2e343b }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external { background: #272c33 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external>h3 { color: #a2abb7 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external>a:hover { color: #5496cf }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a { color: #aaafb7; border-bottom: 1px solid #256ab7!important }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a>i { color: #6FA7D7 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover { background: #373e47 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a { border-bottom: 0!important }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li.divider { background: #256ab7 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list>li>a .time { background: #23272d }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list>li>a:hover .time { background: #181b1e }
.page-header .page-header-menu { background: #256ab7 }
.page-header .page-header-menu.fixed { box-shadow: 0 1px 10px 0 rgba(68,77,88,.2); width: 100%; position: fixed; top: 0; left: 0; z-index: 9995 }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu, .page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.mega-menu-dropdown>.dropdown-menu { box-shadow: 5px 5px rgba(85,97,111,.2) }
.fc-404-title, .fc-msg-info, .todo-comment { position: relative }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3 { color: #ced5de }
.page-header .page-header-menu .hor-menu .navbar-nav>li>a { color: #fff ;padding:15.5px 12%;text-align: center;}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a>i { color: #BCC2CB }
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:active, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover { color: #fff; background: #00418a!important }
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a>i, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a>i, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:active>i, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus>i, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover>i { color: #fff }
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover { color: #fff; background: #00418a; font-weight:600; }
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover>i, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a>i, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover>i, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a>i { color: #BCC2CB }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu { background: #256ab7 }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a { color: #fff }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a>i { color: #6fa7d7 }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a { color: #fff; background: #00418a }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a>i { color: #6fa7d7 }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover { color: #fff; background: #00418a }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover>i, .page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a>i, .page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover>i, .page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a>i, .page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-submenu>a:after { color: #6fa7d7 }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.divider { background-color: #606d7d }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3 { color: #555 }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a>i { color: #BCC2CB }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a:hover { color: #fff; background: #55616f }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a:hover>i { color: #fff }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.open>a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li:hover>a { color: #333!important; background: #fafafc!important }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.open>a>i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li:hover>a>i { color: #333!important }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a:hover { color: #f1f1f1; background: #4E5966 }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a:hover>i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a>i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a:hover>i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a>i { color: #BCC2CB }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu { box-shadow: 5px 5px rgba(85,97,111,.2); background: #fafafc }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li>a { color: #000 }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li>a>i { color: #6fa7d7 }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li:hover>a { color: #000; background: #eaeaf2 }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li:hover>a>i { color: #6fa7d7 }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a:hover { color: #000; background: #eaeaf2 }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a:hover>i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a>i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a:hover>i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a>i { color: #6fa7d7 }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.divider { /*background-color: #ededf4 */}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>.dropdown-menu { border: 1px solid #eaeaf2; border-top: 0 }
.page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form .input-group { /*background: #38414c */}
.page-header .page-header-menu .search-form .input-group .form-control { color: #616d7d;/* background: #38414c*/ }
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
color:#5f6a7a;
opacity:1
}
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
color:#5f6a7a
}
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
color:#5f6a7a
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i { color: #616d7d }
.page-prefooter { background: #256ab7; color: #a2abb7 }
.page-prefooter a, .page-prefooter h2 { color: #32c5d2 }
.page-prefooter .subscribe-form .form-control { background: #343b44; border-color: #343b44; color: #a2abb7 }
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
color:#939eac;
opacity:1
}
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
color:#939eac
}
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
color:#939eac
}
.page-prefooter .subscribe-form .btn { color: #fff; background-color: #3fc9d5; border-color: #3fc9d5 }
.page-prefooter .subscribe-form .btn.focus, .page-prefooter .subscribe-form .btn:focus { color: #fff; background-color: #28adb9; border-color: #1b727a }
.open>.page-prefooter .subscribe-form .btn.dropdown-toggle, .page-prefooter .subscribe-form .btn.active, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn:hover { color: #fff; background-color: #28adb9; border-color: #27a5b0 }
.open>.page-prefooter .subscribe-form .btn.dropdown-toggle.focus, .open>.page-prefooter .subscribe-form .btn.dropdown-toggle:focus, .open>.page-prefooter .subscribe-form .btn.dropdown-toggle:hover, .page-prefooter .subscribe-form .btn.active.focus, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active:hover { color: #fff; background-color: #22929b; border-color: #1b727a }
.open>.page-prefooter .subscribe-form .btn.dropdown-toggle, .page-prefooter .subscribe-form .btn.active, .page-prefooter .subscribe-form .btn:active { background-image: none }
.page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn[disabled].focus, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn.focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover { background-color: #3fc9d5; border-color: #3fc9d5 }
.page-prefooter .subscribe-form .btn .badge { color: #3fc9d5; background-color: #fff }
.page-footer { background: #256ab7; color: #fff ;   height: 120px; margin:0 auto;}
.scroll-to-top>i { color: #657383; font-size: 32px; opacity: .7; filter: alpha(opacity=70) }
.block-spinner-bar>div, .page-spinner-bar>div { background: #47cbd7 }
.fc-cart-title .fc-sku-name { margin: 0; font-size: 12px; color: #999 }
.fc-image-list .layer-photos-demo { text-align: center }
.fc-image-list img { margin: 10px }
.fc-image-list, .fc-show-total { margin-bottom: 30px }
.fc-sku-group-html { text-align: right }
.fc-image-list { margin-top: 30px }
.fc-list-form li { padding: 20px 0; border-bottom: 1px solid; border-color: #ebf0f5 }
.fc-list-form span { float: right }
.fc-flash { padding: 0!important }
.fc-login { padding-top: 30px }
.fc-login a { margin-left: 10px }
.fc-list-row li { line-height: 25px }
.fc-content-tool { padding-top: 0!important; text-align: left!important; padding-bottom: 10px!important }
.fc-icon-left { float: left!important; margin-right: 8px }
.fc-search-param .control-label { text-align: right; width: 11% }
.fc-search-null { margin-top: 40px }
.fc-msg-icon { font-size: 60px; color: #ddd; width: 80px }
.fc-search-null-icon { font-size: 40px; color: #ddd }
.fc-search-null-txt { color: #9a9393; position: relative; top: -12px; padding-left: 10px }
.fc-msg-info, .fc-msg-url { padding-left: 0; text-align: left }
.fc-msg-info { margin-top: -10px; padding-bottom: 5px; top: -8px }
.fc-msg-title { color: #9a9393; padding-bottom: 0 }
.fc-404-title { color: #9a9393; padding-bottom: 5px; top: -12px; padding-left: 10px }
.fc-msg-body { padding: 90px 0 }
.fc-news-tag-list { border: 0!important }
.fc-show-prev-next { margin: 5px 0;line-height: 200%; }
.search-post-foot>.search-post-meta { display: inline-block; margin-right: 10px }
.portlet-body img { max-width: 100% }
.search-post-foot>.search-post-meta>a { color: #9aa5b2; font-size: 13px; font-weight: 600 }
.search-post-foot>.search-post-meta>a:hover { color: #256ab7; text-decoration: none }
.search-post-foot>.search-post-meta>i { margin-right: 5px }
.search-post-foot>.search-post-meta:last-child { margin-right: 0 }
.search-img-thumb { height: 480px }
.search-post-desc { margin-bottom: 30px }
.search-post-foot { padding-top: 20px; text-align: right }
.search-post-foot>.search-post-tags { text-align: left; float: left; padding: 0 }
.search-post-foot>.search-post-tags>li { list-style: none; margin-bottom: 20px; display: inline-block; margin-right: 5px }
.search-post-foot>.search-post-tags>li>a { background-color: #f4f6f8; color: #a0a9b4; font-size: 11px; font-weight: 600; padding: 7px 10px }
.search-post-foot>.search-post-tags>li>a:hover { background-color: #256ab7; color: #fff; text-decoration: none }
.search-post-foot>.search-post-tags>li:last-child { margin-right: 0 }
.blog-single-foot { border-top: 1px solid; border-bottom: 1px solid; border-color: #f0f1f2; padding: 20px 0; margin-bottom: 20px }
.blog-single-foot>.blog-post-tags { text-align: left; padding: 0; margin: 0 }
.blog-single-foot>.blog-post-tags>li { margin-bottom: 20px; list-style: none; display: inline-block; margin-right: 5px }
.blog-single-foot>.blog-post-tags>li>a { background-color: #f4f6f8; color: #a0a9b4; font-size: 11px; font-weight: 600; padding: 7px 10px }
.blog-single-foot>.blog-post-tags>li>a:hover { background-color: #256ab7; color: #fff; text-decoration: none }
.blog-single-foot>.blog-post-tags>li:last-child { margin-right: 0 }
.search-page .bordered { border: 1px solid #e7ecf1 }
.todo-sidebar { float: left; width: 230px; margin-right: 20px }
.todo-content { overflow: hidden }
.todo-tasklist-item-border-green { border-left: #3faba4 2px solid }
.todo-tasklist-item-border-blue { border-left: #4c87b9 2px solid }
.todo-tasklist-item-border-purple { border-left: #8877a9 2px solid }
.todo-tasklist-item-border-red { border-left: #d05454 2px solid }
.todo-tasklist-item-border-yellow { border-left: #d4ad38 2px solid }
.padding-top-10px { padding-top: 15px }
.todo-userpic { -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; border-radius: 50%!important; border: 1px solid #cedae1 }
.todo-text-color { color: #45535b }
.todo-projects-config { padding: 6px 9px 3px!important }
.todo-projects-config>i { font-size: 14px!important }
.todo-tasklist { padding: 0 }
.todo-project-list ul li a { font-size: 1.6rem!important; padding: 8px 10px ;white-space: nowrap; overflow: hidden;    text-overflow: ellipsis;}
.todo-project-list .nav li a .badge { float: right; margin-top: 1px!important }
.todo-project-list .nav>li.active>a { color: #fff; background-color: #2e5db3!important; font-weight:600;font-size:1.8rem!important }
.todo-task-history { padding: 0; margin: 0 }
.todo-task-history>li { padding: 5px 0 }
.todo-task-history>li>.todo-task-history-desc { overflow: hidden }
.todo-task-history>li>.todo-task-history-date { font-size: 12px; float: right; width: 150px; margin-left: 10px; text-align: right; color: #999 }
.todo-tasklist-item { background: #f6fbfc; padding: 10px; margin-bottom: 15px; overflow: hidden }
.todo-tasklist-item:last-child { margin-bottom: 0 }
div .todo-tasklist-item:hover { background-color: #edf7f9 }
.todo-tasklist-item img { margin: 0 10px 10px 0 }
.todo-tasklist-item-title { font-size: 15px; color: #2b4a5c; font-weight: 600; padding-top: 3px; padding-bottom: 13px }
.todo-tasklist-item-text { font-size: 13px; color: #577688; padding-bottom: 5px }
.todo-tasklist-item ul { margin: 5px 0 0 }
.todo-tasklist-item li { color: #577688; font-size: 13px; margin-right: 10px; margin-bottom: 5px; padding: 0!important }
.todo-tasklist-item li i { color: #b3bfcb; font-size: 15px }
.todo-tasklist-controls { margin-top: 5px }
.todo-tasklist-date { color: #637b89!important; margin-right: 12px }
.todo-tasklist-date i { color: #abbfca!important; margin-right: 5px }
.todo-taskbody-tasktitle { font-size: 18px; color: #778d96 }
.todo-taskbody-taskdesc { font-size: 14px; color: #778d96 }
.todo-username { font-size: 16px; color: #2b4a5c; font-weight: 600; padding: 15px 0 0 15px }
.todo-comment-head { padding-top: 3px }
.todo-comment:hover>.todo-comment-btn { display: block }
.todo-comment-btn { display: none; position: absolute; top: 1px; right: 0; font-size: 12px; color: #566e7c; border-color: #a2aeb5 }
.todo-comment-btn:hover { color: #fff; background-color: #a1b6c2; border-color: #a1b6c2 }
.todo-comment-username { font-size: 14px; color: #2b4a5c; font-weight: 600 }
.todo-comment-date { font-size: 12px; color: #2b4a5c; font-weight: 400 }
.todo-username-btn { margin: 14px 0 0 15px; color: #566e7c; border-color: #a2aeb5 }
.todo-username-btn:hover { color: #fff; background-color: #a1b6c2; border-color: #a1b6c2 }
.form .form-actions.todo-form-actions { padding-top: 10px; border: 0; margin: 0 0 20px }
.login .content .input-icon, .login-code { border-left: 2px solid #256ab7!important }
.page-header-top-index { height: 30px;/* padding-top: 5px; margin-bottom: 30px; border-bottom: 1px solid #f7f1f1*/ }
.page-header-top-index .page-top-index-left { float: left; width: 300px }
.page-header-top-index .page-top-index-right { float: right }
.page-header-member .dropdown-toggle { background: #fff!important }
.page-header-member { float: right; margin-top: -20px }
.page-header-search .btn { color: #656e7b!important }
.page-header-search { width: 400px; float: left; padding-top: 0; margin-left: 120px }
.page-header-top-index span { color: #f7f1f1; padding: 0 5px }
.page-top-index-right a { padding-left: 10px }
.page-header-top-index a { color: #94989e }
.page-header-module { float: left; display: block; width: 100px; height: 75px; overflow: hidden; padding-top: 16px; padding-left: 10px; font-size: 10px; color: #256ab7 }
.login .content .forget-form, .login .content .register-form, .todo-tasklist-devider { display: none }
.fc-list-image .tile-title { text-align: center }
.fc-list-image img { width: 120px }
.fc-list-image { overflow: hidden; margin-top: 5px; margin-bottom: 5px }
.fc-member-name { padding-right: 10px }
.login { padding-top: 50px!important; padding-bottom: 30px!important }
.login-code .input-icon { margin-left: -2px }
.login .content h3 { color: #000 }
.login .content h4 { color: #555 }
.login .content p { color: #222 }
.login .content .forget-form, .login .content .login-form { padding: 0; margin: 0 }
.login .content .input-icon { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
.login .content .input-icon .form-control { border-left: 0 }
.login .content .form-title { font-weight: 300; margin-bottom: 25px }
.login .content .form-actions { background-color: #fff; clear: both; border: 0; padding: 0 30px 5px; margin-left: -30px; margin-right: -30px }
.login .content .forget-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 20px }
.login .content .register-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 0 }
.login .content .form-actions .rememberme { margin-top: 8px; display: inline-block }
.login .content .form-actions .btn { margin-top: 1px }
.login .content .forget-password { margin-top: 25px }
.login .content .create-account { border-top: 1px dotted #eee; padding-top: 10px; margin-top: 15px; clear: both }
.login .content .create-account a { display: inline-block; margin-top: 5px }
.login .content .select2-container { border-left: 2px solid #256ab7!important }
.login .content .select2-container .select2-choice { border-left: none!important }
.login .content .select2-container i { display: inline-block; position: relative; color: #ccc; z-index: 1; top: 1px; margin: 4px 4px 0 -1px; width: 16px; height: 16px; font-size: 16px; text-align: center }
.login .content .has-error .select2-container i { color: #b94a48 }
.login .content .select2-container a span { font-size: 13px }
.login .content .select2-container a span img { margin-left: 4px }
.login-oauth { margin: 0; padding: 0 }
.login-oauth li { float: left; display: inline; list-style: none; margin-right: 5px; margin-bottom: 5px }
.login-options { height: 30px }
.blog-page .bordered { border: 1px solid #e7ecf1 }
.blog-page .blog-container { margin-bottom: 30px }
.blog-page .blog-title>a { color: #4e5a64; font-weight: 600 }
.blog-page .blog-title>a:hover { color: #256ab7; text-decoration: none }
.blog-content-1 .blog-img-thumb { overflow: hidden; position: relative }
.blog-content-1 .blog-img-thumb img { width: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute; margin: auto }
.blog-content-1 .blog-post-content { padding: 20px 20px 30px; background-color: #fff }
.blog-content-1 .blog-post-content>.blog-post-title { overflow: hidden; height: 18px; margin: 0 0 30px }
.blog-content-1 .blog-post-content>.blog-post-title>a { font-size: 18px }
.blog-content-1 .blog-post-content>.blog-post-desc { color: #a0a9b4; font-size: 14px; overflow: hidden; height: 18px; margin: 15px 0 }
.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta { display: inline-block; margin-right: 10px }
.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta>a { color: #9aa5b2; font-size: 13px; font-weight: 600 }
.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta>a:hover { color: #256ab7; text-decoration: none }
.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta>i { margin-right: 5px }
.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta:last-child { margin-right: 0 }
.blog-content-1 .blog-post-lg>.blog-img-thumb { height: 480px }
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-desc { margin-bottom: 30px }
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot { border-top: 1px solid; border-top-color: #f0f1f2; padding-top: 20px; text-align: right }
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags { text-align: left; float: left; padding: 0 }
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li { list-style: none; display: inline-block; margin-right: 5px }
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li>a { background-color: #f4f6f8; color: #a0a9b4; font-size: 11px; font-weight: 600; padding: 7px 10px }
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li>a:hover { background-color: #256ab7; color: #fff; text-decoration: none }
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li:last-child { margin-right: 0 }
.blog-content-1 .blog-post-sm>.blog-img-thumb { height: 200px }
.blog-content-1 .blog-post-sm>.blog-post-content>.blog-post-title { margin: 0 0 15px }
.blog-content-1 .blog-post-sm>.blog-post-content>.blog-post-foot { border: none }
.blog-content-1 .blog-quote { background-color: #fff; padding-bottom: 30px }
.blog-content-1 .blog-quote>.blog-quote-label { color: #fff; padding: 30px 40px 80px; font-size: 18px; line-height: 28px }
.blog-content-1 .blog-quote>.blog-quote-label>i { display: block; font-size: 30px; margin-bottom: 15px }
.blog-content-1 .blog-quote>.blog-quote-avatar { width: 110px; height: 110px; border-radius: 50%!important; margin: -55px auto 25px; overflow: hidden }
.blog-content-1 .blog-quote>.blog-quote-avatar img, .blog-content-2 .blog-single-content>.blog-single-img>img { width: 100% }
.blog-content-1 .blog-quote>.blog-quote-author { text-align: center }
.blog-content-1 .blog-quote>.blog-quote-author>.blog-quote-title { font-size: 20px; margin: 0 0 15px }
.blog-content-1 .blog-quote>.blog-quote-author>.blog-quote-desc { font-size: 16px; color: #9aa5b2; margin: 0 }
.blog-content-1 .blog-video>.blog-img-thumb { height: 330px }
.blog-content-1 .blog-video>.blog-img-thumb img { margin: 0 }
.blog-content-1 .blog-video>.blog-video-play i { color: #da555b; background-color: rgba(0,0,0,.64); font-size: 35px; padding: 27px 20px; position: absolute; z-index: 5; margin: -90px 0 0 20px; border-radius: 50% }
.blog-content-1 .blog-video>.blog-video-content { text-align: center; padding: 30px }
.blog-content-1 .blog-video>.blog-video-content>.blog-video-title { font-size: 20px; margin: 0 0 15px }
.blog-content-1 .blog-video>.blog-video-content>.blog-video-desc { font-size: 16px; color: #9aa5b2; margin: 0 }
.blog-content-1 .blog-banner { background-position: center; text-align: center; padding: 100px 0 }
.blog-content-1 .blog-banner>.blog-banner-title>a { color: #fff }
.blog-content-1 .blog-banner>.blog-banner-title>a:hover { color: #256ab7 }
.blog-content-2 .blog-single-content { padding: 40px 30px 15px; background-color: #fff }
.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-title { font-size: 25px; font-weight: 600; color: #4e5a64; margin: 0 0 40px; display: inline-block }
.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date { float: right; font-size: 13px; font-weight: 600; margin-top: 7px }
.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date>i { margin-right: 5px }
.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date>a { color: #9aa5b2 }
.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date>a:hover { color: #256ab7; text-decoration: none }
.blog-content-2 .blog-single-content>.blog-single-img { margin: 0 0 35px }
.blog-content-2 .blog-single-content>.blog-single-desc>p { margin: 0 0 35px; font-size: 16px; color: #7e8691; line-height: 24px }
.blog-content-2 .blog-single-content>.blog-single-foot { border-top: 1px solid; border-bottom: 1px solid; border-color: #f0f1f2; padding: 20px 0 25px; margin-bottom: 20px }
.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags { text-align: left; padding: 0; margin: 0 }
.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li { list-style: none; display: inline-block; margin-right: 5px }
.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li>a { background-color: #f4f6f8; color: #a0a9b4; font-size: 11px; font-weight: 600; padding: 7px 10px }
.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li>a:hover { background-color: #256ab7; color: #fff; text-decoration: none }
.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li:last-child { margin-right: 0 }
.blog-content-2 .blog-single-content .blog-comments { display: inline-block; font-size: 14px; font-weight: 400; margin: 6px 10px 3px 0 }
.blog-content-2 .blog-single-content .blog-comments .blog-comments-title { font-size: 20px }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list { margin-bottom: 60px }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media { margin: 30px 0 }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media .media-body>.media:last-child { margin-bottom: 0 }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-object { height: 50px; width: 50px; border-radius: 50px!important }
.blog-content-2 .blog-single-content .blog-comments input:focus, .blog-content-2 .blog-single-content .blog-comments textarea:focus, .blog-content-2 .blog-single-sidebar>.blog-single-sidebar-search input:focus { border: 1px solid #ccc; outline: 0 }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading>a { color: #9aa5b2; font-weight: 600 }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading>a:hover { color: #256ab7; text-decoration: none }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading>.c-date { font-size: 14px }
.blog-content-2 .blog-single-content .blog-comments i { position: relative; top: 2px }
.blog-content-2 .blog-single-sidebar { padding: 40px 30px; background-color: #fff }
.blog-content-2 .blog-single-sidebar .blog-sidebar-title { font-weight: 600; font-size: 14px; color: #4e5a64; letter-spacing: 1px; margin-top: 40px; margin-bottom: 30px }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-search input { font-size: 14px; color: #a0a9b4 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul { padding: 0 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li { list-style: none; margin-bottom: 10px; position: relative }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li>a { color: #49a7fa; font-size: 16px; padding-left: 20px; display: block }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li>a:hover { text-decoration: none; color: #256ab7 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li:before { content: "•"; color: #dae0e5; font-size: 30px; position: absolute; margin-top: -9px }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags { text-align: left; padding: 0; margin: 20px 0 0 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li { list-style: none; display: inline-block; margin: 0 5px 20px 0 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li>a { background-color: #f4f6f8; color: #a0a9b4; font-size: 11px; font-weight: 600; padding: 7px 10px }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li>a:hover { background-color: #256ab7; color: #fff; text-decoration: none }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li:last-child { margin-right: 0 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul { padding: 0 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li { list-style: none; border-bottom: 1px solid; border-color: #f0f1f2; padding: 20px 0 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li>a { color: #49a7fa; font-size: 16px }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li>a:hover { text-decoration: none; color: #256ab7 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li:first-child { padding-top: 0 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li:last-child { border: none }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-ui .ui-margin { margin: 0 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-ui .ui-padding { padding: 0 5px 5px 0 }
.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-ui img { width: 100% }
.fc-search-param .form-group label { margin-bottom: 10px }
@media (max-width:991px) {
.blog-content-1 .blog-post-lg>.blog-img-thumb { height: 330px }
.blog-content-1 .blog-post-sm>.blog-img-thumb { height: 170px }
.blog-content-1 .blog-video>.blog-img-thumb { height: 301px }
.blog-content-1 .blog-video>.blog-img-thumb img { height: auto; width: 100% }
}
@media (max-width:480px) {
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot { text-align: left }
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags { float: none }
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-meta { margin-right: 10px; margin-top: 10px }
.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-title { margin-bottom: 0 }
.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date { float: none; margin-bottom: 40px }
}
.news-list-pagination, .news-tabs li { text-align: center }
.fc-search-keyword { border: 1px solid #e1e5ec!important }
.hometel { font-size: 20px; color: #256ab7; padding-right: 20px; padding-top: 2px; font-weight: 700 }
.search-tag a { padding-right: 5px }
.search-tag { margin-top: 8px }
.news-body { border: 1px solid #eee; padding: 15px; font-size: 14px }
.title-btn { border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin-bottom: 30px }
.title-btn label { padding-right: 10px; padding-top: 10px; color: #666 }
.news-keyword-tags label a { margin: 0 5px 0 3px; font-size: 12px; background: #999; color: #fff; padding: 1px 5px }
.news-next-prev p { margin: 10px 0 }
.news-summary { background: #f9f9f9; color: #777; line-height: 24px; padding: 20px 32px; margin-bottom: 32px; overflow: hidden; word-wrap: break-word; word-break: break-all }
.news-comments-body { padding: 30px 12px; border: 1px solid #eee; border-top: 2px solid #256ab7; clear: both }
.news-hits-body { padding: 10px 15px; border: 1px solid #eee; border-top: 2px solid #256ab7; clear: both; margin-bottom: 30px }
.news-hits-body ul { list-style: none; padding: 0; margin-bottom: 0 }
.news-hits-body .news li { line-height: 25px; font-size: 14px }
.news-hits-body .image p { color: #a3a3a3; margin: 4px 0 0 }
.news-hits-body .image h5 { font-size: 14px; color: #646464; max-height: 40px; line-height: 20px; overflow: hidden; font-weight: 400; margin-top: 0 }
.news-hits-body .image .pic img { display: block; width: 83px; height: 62px }
.news-hits-body .image .pic { float: left; margin-right: 17px }
.news-hits-body .image li { zoom: 1; overflow: hidden; margin: 0; padding: 10px 0; border-bottom: 1px solid #eee }
.news-hits-body .image li:last-child { border: 0 }
.news-hits-body .ctitle { font-size: 18px; font-weight: 700; padding-bottom: 12px }
.news-comments-top { margin-top: 20px }
.news-comments-top h4 { float: left; font-weight: 400; font-size: 18px; color: #414141; padding-left: 10px; border-left: 6px solid #256ab7 }
.news-comments-top .count { float: right; font-size: 14px; color: #999; padding-top: 12px }
.news-list { clear: both; list-style: none; padding: 20px }
.news-list li { zoom: 1; overflow: hidden; margin: 0; padding: 20px 0; border-bottom: 1px solid #eee }
.news-list li:last-child { border: 0 }
.news-list .pic { position: relative; z-index: 1; float: left; margin: 3px 15px 0 0; overflow: hidden; width: 200px; height: 150px }
.news-list .con { margin-top: -2px }
.news-list h3 { font-size: 18px; margin-bottom: 5px; font-weight: 400 }
.news-list h5 a { color: #000; font-size: 18px }
.news-list p { color: #aaa; font-size: 14px; line-height: 20px; max-height: 60px; overflow: hidden; margin: 0 0 8px }
.news-list dl { height: 18px; line-height: 18px; color: #999; margin-top: 15px }
.news-list .time { float: left; margin-right: 32px }
.news-list dd { float: right }
.news-list-pagination .page-active a { color: #fff; background-color: #256ab7; border: 1px solid #256ab7 }
.pagination>li>a, .pagination>li>span { color: #000 }
.news-tabs { height: 50px; line-height: 50px }
.news-title { border-bottom: 1px solid #eee; margin-top: 10px }
.news-tabs ul { float: left; list-style: none; padding: 0 }
.news-tabs li.selected { position: relative; border-bottom: 1px solid #256ab7 }
.news-tabs li { float: left; width: 78px; font-size: 16px; margin-bottom: -1px }
.bg-flash { border: 1px solid #eee; padding: 5px; overflow: hidden }
.news-search { padding: 10px 15px 15px; border: 1px solid #eee; text-align: left; margin-bottom: 30px }
.news-search-param { margin: 10px auto; padding: 3px 5px; clear: both }
.news-search-param .input-group { width: 500px; margin-top: 20px }
.btn.default { color: #fff!important; background-color: #1e4a99!important; border-color: #fff!important }
.news-search-param-name { width: 100px; float: left }
.news-search-param-value .label { padding: 3px 10px }
.news-search-param-value .label-success { background-color: #256ab7 }
.news-search-param-value .label-success[href]:focus, .news-search-param-value .label-success[href]:hover { background-color: #d0d0d0 }
.news-search-param-value .label-default { background: 0 0; color: #333 }
.search-content .title { background: #f4f4f4; height: 40px; line-height: 40px }
.search-content .tabs { float: left }
.search-content .tabs ul { list-style: none; padding: 0 }
.search-content .tabs li.selected { background: #fff; border-top: 3px solid #256ab7; height: 40px; line-height: 40px }
.search-content .tabs li { float: left; width: 100px; color: #666; text-align: center; font-size: 16px }
.search-content .tabs li.selected a { color: #256ab7 }
.search-content .title .fr { float: right; font-size: 14px; color: #999; padding-right: 10px }
.search-content .title .fr em { color: #EB6100; padding-left: 5px; padding-right: 8px }
.search-content .no-feed { background-color: #fff; min-height: 320px }
.search-content .no-feed .empty-img { margin: 110px auto 0; width: 167px; height: 74px }
.search-content .no-feed .empty-img img { width: 100%; height: 100% }
.search-content .no-feed p { margin-top: 24px; font-size: 14px; color: #999; text-align: center }
.bg-h { background-color: #F2F2F2 }
.bbs-table .bbs-table-title { position: relative; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px dotted #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 14px }
.bbs-table { margin-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05) }
.bbs-table ul { list-style: none; padding: 0 }
.bbs-table .bbs-list li { position: relative; padding: 15px 15px 15px 75px; border-bottom: 1px dotted #e2e2e2 }
.bbs-table .bbs-list li:last-child { border-bottom: none }
.bbs-table .bbs-list li h2 { height: 26px; font-size: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 }
.bbs-table .bbs-list li h2 .layui-badge { top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #256ab7; background: 0 0; color: #256ab7 }
.bbs-content .news-body, .bbs-content .news-comments-body, .note.note-info { background-color: #fff }
.bbs-table .bbs-list li h2 a { display: inline-block; max-width: 80%; padding-right: 10px; font-size: 16px }
.bbs-table .bbs-list-info { position: relative; font-size: 13px; color: #999 }
.bbs-table .bbs-list-info a[link] { color: #999 }
.bbs-table .bbs-list-info>* { padding-right: 15px }
.bbs-table .bbs-list-kiss { color: #256ab7 }
.bbs-table .bbs-list-badge { position: absolute; right: 15px; top: 15px; font-size: 0 }
.bbs-table .bbs-list-badge .layui-badge { margin-left: 5px; border-radius: 2px; font-size: 12px; color: #999 }
.layui-badge { height: 20px; line-height: 20px; border-radius: 2px }
.bbs-table .bbs-list .bbs-avatar img { display: block; width: 45px; height: 45px; margin: 0; border-radius: 2px }
.bbs-table .bbs-list .bbs-avatar { position: absolute; left: 15px; top: 15px }
.bbs-table .bbs-list-quick .on a { color: #256ab7 }
.bbs-table .bbs-list-quick { border: 1px solid #f2f2f2; border-bottom: none; border-right: 0 }
.layui-clear { clear: both }
.bbs-table .bbs-list-quick .layui-col-xs6 { height: 48px; line-height: 48px; padding: 0 10px; border: 1px solid #f2f2f2; border-left: none; border-top: none; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.bbs-list-tz li, .news-body .title { line-height: 30px }
.layui-col-xs6 { width: 50%; float: left }
.bbs-table .bbs-list-quick a { display: block }
.note.note-info { border-color: #256ab7; color: #010407 }
.bbs-list-tz { padding: 10px 0!important }
.bbs-list-tz li { margin: 2px 15px; white-space: nowrap; overflow: hidden; list-style: decimal-leading-zero inside; color: #256ab7 }
.search-content .bbs-table { margin-top: 30px; box-shadow: none }
.bbs-search-left .bbs-table { box-shadow: none; border: 1px solid #eee }
.wbbs_show .portlet-body p { margin: 10px 0 }
.wbbs_avatar_url { margin-top: 0!important }
.bbs-comments-item:last-child { border: 0 }
.bbs-comments-item .wbbs_avatar p { margin: 10px 0 }
.bbs-comments-item .portlet-body { padding-top: 20px }
.wbbs_show .portlet-body { padding-top: 0 }
.bbs-comments-item .wbbs_reply { margin-left: 20px }
.bbs-comments-item { padding: 15px 0; border-bottom: 1px dotted #DFDFDF }
.book-content { margin-bottom: 20px; overflow: hidden }
.book-content .commonTitle { height: 40px; line-height: 40px; border-bottom: 2px solid rgba(90,90,90,.25); font-size: 24px; color: #256ab7; position: relative }
.book-content .commonTitle h4 { position: relative; font-weight: 400!important; padding-left: 10px; border-left: 5px solid #256ab7 }
.page-footer a { color: #fff }
.page-footer a:hover { color: #e9bd5d }
.mt20 { margin-top: 20px!important }
.fl { float: left!important }
.book-content .commonTitle a { text-decoration: none; color: #acacac; font-size: 14px; padding-left: 15px }
.link-list a { padding-right: 15px }
.link-list { padding-top: 15px }
.fr { float: right!important }
.book-content-list { padding-top: 20px }
.book-content-list .books { border: 1px solid #e7e7e7; margin: 0; padding: 0 }
.book-content-list .books li .book:hover { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); cursor: pointer }
.book-content-list .books li .book:hover img { box-shadow: 0 0 6px rgba(0,0,0,.2) }
.book-content-list .books li .book .bookDetail .bookName:hover, .book-content-list .books li .book .bookDetail .typeAuthor span+a:hover { color: #256ab7 }
.book-content-list .books li .book .bookDetail .typeAuthor span:hover { color: #3c3c3c }
.book-content-list .books li:first-child { border-top: none; padding-top: 0 }
.book-content-list .books li { list-style: none }
.book-content-list .books li .book:first-child { margin-left: 0 }
.book-content-list .books li .book { float: left; width: 50%; height: 191px; padding: 26.5px 12px 23px 4% }
.book-content-list .books li .book img { width: 100px; height: 138px; margin-right: 17px }
.book-content-list .books li .book .bookDetail { margin-left: 117px }
.book-content-list .books li .book .bookDetail .bookName { font-size: 16px; color: #3c3c3c; line-height: 46px }
.book-content-list .books li .book .bookDetail .detail { font-size: 14px; line-height: 25px; color: #868686; max-height: 50px; overflow: hidden }
.book-content-list .books li .book .bookDetail .typeAuthor { font-size: 14px; line-height: 22px; width: 100%; margin-top: 12px; color: #acacac }
.book-content-list .books li .book .bookDetail .typeAuthor span { color: #256ab7; margin-right: 15px; display: inline-block; position: relative }
.recommend { overflow: hidden; border: 1px solid #e7e7e7; background-color: #f9f9f9 }
.recommend .title { font-size: 18px; height: 58px; line-height: 60px; background-color: #e7e7e7; padding-left: 13px }
.recommend ul li:first-child { border-top: none; height: 96px; padding-top: 17px }
.recommend ul li { height: 42px; line-height: 42px; border-top: 1px solid #ececec; padding: 0 13px }
.recommend ul li a { text-decoration: none; font-size: 14px; color: #868686 }
.recommend ul li:nth-child(1) span { color: #fff; background-color: #256ab7 }
.recommend ul li span { display: inline-block; width: 14px; height: 16px; text-align: center; line-height: 16px; color: #bfbfbf; margin-right: 10px; font-size: 12px }
.recommend ul li:first-child img { width: 48px; height: 64px }
.recommend ul li:first-child .bookContent { padding-left: 10px; width: 220px }
.recommend ul li:first-child .bookContent .bookName { font-size: 16px; line-height: 18px; color: #5a5a5a }
.recommend ul li:first-child .bookAuthor, .recommend ul li:first-child .bookType { font-size: 12px; color: #acacac; margin-top: 8px; line-height: 16px }
.recommendCon { margin: 0; padding: 0 }
.text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis }
.recommend ul li:hover { background-color: #efefef }
.recommend ul li:hover .bookContent .bookName, .recommend ul li:hover a { color: #256ab7; font-size: 18px }
.m-bookdetail { position: relative; height: 237px; -webkit-transition: height .3s ease; transition: height .3s ease }
.m-bookdetail .cover { position: relative; float: left; margin-right: 22px; width: 172px; height: 237px }
.f-fl { display: inline; float: left }
.m-bookdetail h3 { position: relative; font-size: 14px; font-weight: 700; color: #06080a; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 48px; margin: 0 }
.displays2, .ismiaosha { display: block }
.m-bookdetail h3 b { font-size: 20px; font-weight: 700 }
.m-bookdetail h3 span { font-size: 14px; font-weight: 400; color: #545c66; margin-left: 14px }
.m-bookdetail .description { position: relative; height: 80px; margin-top: 18px; font-size: 14px; color: #545c66; line-height: 22px; text-align: justify; overflow: hidden; -webkit-transition: height .3s ease; transition: height .3s ease }
.m-bookdetail .ops2 { margin-top: 10px }
.m-bookdetail .ops2 a { margin-right: 10px }
.book-content-list p { margin: 10px 0 }
.book-ml-list li span { float: right }
.book-ml-list li { padding: 10px 0; font-size: 14px; border-bottom: 1px dotted #e2e2e2 }
.book-ml-list li:last-child { border-bottom: none }
.book-ml-list { padding: 20px 0 0 }
.book-tag-list { padding-top: 20px }
.image-thumbnail img { width: 200px; height: 200px; overflow: hidden; border-radius: 20px!important }
.image-thumbnail3 img { width: 200px; height: 200px; overflow: hidden; border-radius: 5px!important }
.image-thumbnail2 img { width: 150px; height: 150px; overflow: hidden; border-radius: 20px!important }
.image-thumbnail4 img { width: 150px; height: 150px; overflow: hidden; border-radius: 5px!important }
.image-list .image-item { width: 20%; float: left }
.image-list .image-item-list { width: 30%; float: left }
.preview, .smallImg { width: 100%; overflow: hidden }
.image-list .image-title { margin-top: 10px; margin-bottom: 20px }
.image-list { text-align: center }
.image-list .fang-info { padding: 5px 18px 0; text-align: left; color: #777ba }
.image-list .fang-item { height: 280px }
.image-list .fang-title { margin-top: 10px; padding: 0 18px; text-align: left }
.down-title { margin-top: 20px }
.down-title h3 { margin-top: 0; font-size: 16px; font-weight: 700 }
.down-title .info label span { color: #000 }
.down-title .info label { padding-right: 15px }
.job-lx p { margin: 10px 0 }
.job-btn { text-align: center; margin: 10px 0 20px }
.down-title .info { color: #999; padding-top: 5px }
.category-flag { padding-bottom: 0; height: 258px; overflow: hidden }
.category-flag .image li:last-child { padding-top: 20px!important }
.category-flag .image li:first-child { padding-bottom: 20px!important }
.category-flag .image li { pading-bottom: 10px }
dl, li, ol, ul { margin: 0; padding: 0 }
.preview { height: 362px; border: 1px solid #f5f5f5 }
.smallImg { position: relative; height: 60px; margin-top: 1px; background-color: #F1F0F0; padding: 6px 5px; float: left }
.scrollbutton { width: 14px; height: 50px; overflow: hidden; position: relative; float: left }
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled { background: url(../img/d_08.png) no-repeat }
.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled { background: url(../img/d_09.png) no-repeat; margin-left: 375px; margin-top: -50px; float: right }
#imageMenu { height: 50px; width: 95%; overflow: hidden; margin-left: 0; float: left }
#imageMenu li { height: 50px; width: 60px; overflow: hidden; float: left; text-align: center }
#imageMenu li img { width: 50px; height: 50px }
.bigImg, .bigImg #midimg { width: 100%; height: 300px }
#imageMenu li#onlickImg img, #imageMenu li:hover img { border: 3px solid #959595 }
.bigImg { position: relative; float: left; overflow: hidden }
#bigView, #bigView img, #winSelector, .ismiaosha { position: absolute }
.bigImg #winSelector { width: 160px; height: 160px }
#winSelector { cursor: crosshair; filter: alpha(opacity=15); -moz-opacity: .15; opacity: .15; background-color: #000; border: 1px solid #fff }
#bigView { border: 1px solid #959595; overflow: hidden; z-index: 999 }
.ismiaosha { z-index: 3; left: -8px; top: -8px; width: 100px; height: 100px; overflow: hidden; text-indent: -999em; background-position: -10000px -10000px }
.ms_status_0 { background-position: -101px -569px }
.ms_status_1 { background-position: 0 -569px }
.ms_status_2 { background-position: -202px -569px }
.product_info h1 { font-size: 18px; font-weight: 400; line-height: 32px; padding-top: 0; margin-top: 0 }
.product_info h1 .ico { margin-left: 5px; border-radius: 2px; font-size: 14px; line-height: 16px; color: #fff; display: inline-block; vertical-align: 2px; padding: 4px 6px; background-color: #df5841 }
.product_info h1 .display0 { display: none }
.product_info h1 .s_tuijian { background-color: #ff707d }
.product_info h1 .s_duotaocan { background-color: #ffa95e }
.product_info h1 .s_mianyuyue { background-color: #2fd4da }
.product_info h1 .s_tehui { background-color: #89e951 }
.product_info .status { margin: 10px 0 }
.product_info .timeover { color: #ff006a; font-size: 18px }
.product_info .timeok { color: #999; font-size: 16px }
.product_info .timeok em { color: #f60 }
.product_info .price { position: relative; z-index: 1; background-color: #f8f8f8; padding: 21px 0 16px; color: #f78115; font-size: 14px }
.product_info .price em { font-size: 24px; font-style: normal }
.product_info .price .del, .product_info .price .dels { line-height: 40px; color: silver; font-size: 16px; text-decoration: line-through }
.product_info .btn3 .addto:hover, .product_info .btn3 .buyto:hover, .product_info .price .dels, .tg_sys_list2 .item .s { text-decoration: none }
.product_info .price li { float: left; width: 130px; padding: 0 0 0 25px; border-right: 1px solid #f3f3f3 }
.product_info .price .list_1 { width: px }
.product_info .price .tit { color: #888; display: block; padding-left: 15px }
.product_info .price .mobilread { position: absolute; right: 15px; top: 12px; width: 75px; font-size: 12px; text-align: center; color: #999 }
.product_info .price .mobilread img { display: block; vertical-align: top; width: 50px; height: 50px; margin-top: 5px }
.dr_format_list li, .product_info .sel .b .item_btn, .table_form td label, select { vertical-align: middle }
.product_info .tabe { padding: 10px 0; border-bottom: 1px solid #eee }
.product_info .tabe li { float: left; width: 33%; text-align: center; color: #999; font-size: 14px; line-height: 16px }
.product_info .tabe li.b { border-left: 1px solid #eee; border-right: 1px solid #eee }
.product_info .sel { overflow: hidden; font-size: 14px; margin: 10px 0 }
.product_info .sel .a, .product_info .sel .b { float: left }
.product_info .sel .a { width: 72px; color: #999; line-height: 33px }
.product_info .sel .b { width: 450px }
.product_info .sel .b .item_btn { position: relative; z-index: 1; display: inline-block; margin-right: 5px; border: 1px solid #ddd; padding: 5px 10px; margin-bottom: 5px }
.product_info .sel .b .item_btn.current, .product_info .sel .b .item_btn:hover { border: 2px solid #f78115; padding: 4px 9px; text-decoration: none; color: #333 }
.product_info .sel .b .s { display: none }
.product_info .sel .b .item_btn.current .s { display: block; width: 10px; height: 10px; overflow: hidden; background-position: -412px -385px; position: absolute; right: 0; bottom: 0 }
.product_info .num .increase, .product_info .num .reduce { float: left; width: 30px; height: 30px; border: 1px solid #ddd; text-indent: -999em; overflow: hidden }
.product_info .num .increase { border-left: 0 none; background-position: -397px -295px }
.product_info .num .reduce { border-right: 0 none; background-position: -398px -339px }
.product_info .num_ipt { float: left; width: 45px; height: 30px; border: 1px solid #ddd; text-align: center; outline: 0; font-size: 14px }
.product_info .num .knum, .product_info .num .numTips { color: #999; font-size: 14px; padding: 0 9px; height: 34px; line-height: 34px; float: left }
.product_info .num .numTips { display: inline; display: none; border: 1px solid #fdb878; background-color: #fff7d2; margin-left: 15px }
.product_info .num .knum em, .product_info .num .numTips em { color: #f78115 }
.product_info .btn3 { margin-top: 15px }
.product_info .btn3 .addto, .product_info .btn3 .buyto, .product_info .btn3 .buyto2 { float: left; font-size: 18px; padding: 5px 40px }
.product_info .btn3 .buyto2 { background-color: #2fd4da; border: 1px solid #2fd4da; color: #fff; display: inline }
.product_info .btn3 .buyto { background-color: #f78115; border: 1px solid #f78115; color: #fff; margin-right: 10px; display: inline }
.i_buy .btn2, .i_buy .hd { display: none }
.product_info .btn3 .addto { background-color: #fcd9b9; border: 1px solid #f78115; color: #f78115; padding: 5px 25px 5px 47px; background-position: -380px -244px; margin-right: 10px }
.product_info .disabled .addto, .product_info .disabled .addto:hover, .product_info .disabled .buyto, .product_info .disabled .buyto2, .product_info .disabled .buyto:hover { background-color: #ccc; color: #fff; cursor: default; border: 1px solid #ccc }
.button, .carbox span, .sorting, .sorting_asc, .sorting_desc { cursor: pointer }
.product_info .disabled .addto { background-position: -380px -572px }
.i_buy .hd { position: relative; z-index: 1; color: #f78115 }
.i_buy .hd .close { position: absolute; right: 0; top: -5px; font-size: 14px; color: #f78115 }
.i_buy .btn2 .buyok { background-color: #f78115; border: 1px solid #f78115; color: #fff; display: inline-block; font-size: 18px; padding: 5px 40px }
.i_buy_open { position: absolute; z-index: 2; border: 2px solid #f78115; padding: 10px; background-color: #fff }
.i_buy_open .btn2, .i_buy_open .hd { display: block }
.i_buy_open .btn { display: none }
.i_buy_open .btn2 { display: block; visibility: hidden; margin: 10px 0 0 73px }
.i_buy_open .visible { visibility: visible }
.carbox span { float: left; min-width: 40px; padding: 0 8px; text-align: center; line-height: 22px; position: relative; background: #fff; margin-right: 8px }
.sku-name { width: 62px; padding-right: 10px!important; padding-bottom: 5px!important; text-align: right!important }
.carbox .txt { padding: 4px 6px; border: 1px solid #ccc; color: #646464; background: #fff; margin-bottom: 5px; white-space: nowrap }
.carbox span.txt:Hover { border: 2px solid #e4393c; padding: 3px 5px }
.carbox span.curr { padding: 3px 5px; border: 2px solid #256ab7 }
.carbox span.curr b { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; overflow: hidden }
.attributes { clear: both; padding: 5px 0; overflow: hidden }
.attribute-label { padding-bottom: 5px; color: #999; font-size: 14px }
.info-orther { padding: 10px 0; font-size: 14px }
.store_info { border: 1px solid #eee; font-size: 14px }
.store_info .hd { background-color: #f7f7f7; border-bottom: 1px solid #eee; font-size: 16px; color: #444; padding: 8px 0 8px 10px }
.store_info .pic, .store_info .shop_title { border-bottom: 1px dashed #eee; display: block }
.store_info .bd { padding: 10px }
.store_info .pic { padding-bottom: 10px }
.store_info .pic img { margin: 0 auto; display: block; width: 150px; height: 100px; vertical-align: top }
.store_info .shop_title { color: #005a9f; margin-bottom: 15px; font-size: 14px; text-align: center; height: 40px; line-height: 40px; overflow: hidden }
.store_info .line { overflow: hidden; margin: 3px 0 }
.store_info .line .a, .store_info .line .b { display: block; float: left; line-height: 22px }
.store_info .line .a { text-align: right; width: 72px; color: #aaa }
.store_info .line .b { width: 134px }
.store_info .commitment_hd { height: 34px; line-height: 34px; margin: 10px auto; color: #fff; font-size: 14px; text-align: center; background-position: 0 -532px }
.store_info .commitment_bd { padding: 0 }
.store_info .commitment_bd li { padding-left: 30px; position: relative; z-index: 1; height: 28px; line-height: 28px; overflow: hidden }
.store_info .commitment_bd li .sp { display: block; position: absolute; left: 3px; top: 4px; border-radius: 2px; color: #fff; font-size: 12px; text-align: center; width: 20px; height: 20px; background-color: #2bb8aa; line-height: 20px }
.search-mall { border: 0 }
.tg_sys_list2 .bd { overflow: hidden }
.tg_sys_list2 .bd ul { padding: 0 }
.tg_sys_list2 .item { position: relative; z-index: 1; width: 220px; border: 0; padding: 9px 10px 15px 9px; border-right: 1px solid #eee; border-bottom: 1px solid #eee }
.tg_sys_list2 .item:hover { border: 1px solid #f60 }
.tg_sys_list2 .item .img { width: 200px; height: 200px }
.tg_sys_list2 .item .shop { top: 258px }
.tg_sys_list2 .item .price { font-size: 14px }
.tg_sys_list2 .item .price em { font-size: 26px; color: #f60; font-style: normal }
.tg_sys_list2 .item .po { position: absolute; z-index: 2; top: 0; left: 0; text-align: center; width: 239px }
.tg_sys_list2 .item .s { display: inline-block; width: 55px; height: 37px; background-position: -74px -126px; color: #fff; font-size: 16px; line-height: 32px }
.tg_sys_list2 .item .s_duotaocan { background-position: -132px -126px }
.tg_sys_list2 .item .s_mianyuyue { background-position: -190px -126px }
.tg_sys_list2 .item .display0 { display: none }
.miaosha_list .item { border-bottom: 1px solid #ffc600 }
.miaosha_list .item:hover { -moz-box-shadow: 0 0 12px #888; -webkit-box-shadow: 0 0 12px #888; box-shadow: 0 0 12px #888 }
.tg_sys_list .item { float: left; width: 222px; padding: 0; overflow: hidden; position: relative; z-index: 1; border: 1px solid #eee; margin: 3px }
.tg_sys_list .item .tit { display: block; height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 5px; padding: 0 8px }
.tg_sys_list .item .shop { position: absolute; top: 282px; right: 28px; font-size: 12px; color: #999; background-color: #fff; height: 24px; overflow: hidden; padding-left: 10px }
.tg_sys_list2 .item .shop { right: 10px }
.tg_sys_list .item .img { display: block; width: 200px; height: 200px; margin: 0 auto }
.tg_sys_list .item .timer, .tg_sys_list .item .timer_bg { font-size: 16px; color: #fff; text-align: center; z-index: 2; display: block; height: 30px; line-height: 30px; position: absolute; top: 9px; left: 27px; right: 27px }
.tg_sys_list .item .timer_bg { z-index: 1; background-color: #333; FILTER: alpha(opacity=60); moz-opacity: .6; opacity: .6 }
.tg_sys_list .item .timer em { color: #f60 }
.tg_sys_list .item .price { margin-bottom: 10px; display: block; overflow: hidden; height: 26px; line-height: 26px; font-size: 12px; color: #f60; padding: 0 8px }
.tg_sys_list .item .price em { font-size: 18px; color: #f60 }
.tg_sys_list .item .price .del { color: #aaa; text-decoration: line-through; padding-left: 10px }
.tg_sys_list .item .price .sell { float: right; color: #aaa; font-size: 14px }
.tg_sys_list .item .price .sell em { color: #f60; font-size: 14px }
.tg_sys_list .item .btn { margin-top: 10px; display: block; border: 1px solid #f98113; background-color: #fff; color: #f98113; font-size: 14px; text-align: center; padding: 6px 0 }
.tg_sys_list .item .btn:hover { background-color: #f98113; color: #fff; text-decoration: none }
.tg_sys_list .item .sell_out, .tg_sys_list .item .start { display: block; position: absolute; z-index: 2; top: 76px; left: 50%; margin-left: -60px; width: 120px; height: 120px; background-color: #000; background-color: rgba(0,0,0,.6); color: #fff; text-align: center; line-height: 120px; font-size: 20px; border-radius: 50% }
.tg_sys_list .item .start { background-color: #fbc49d; background-color: rgba(247,129,21,.6) }
.tg_sys_list .item .sell_out, .tg_sys_list .item .start, .tg_sys_list .status_0 .sell_out, .tg_sys_list .status_1 .sell_out, .tg_sys_list .status_1 .start, .tg_sys_list .status_2 .start, .tg_sys_list .status_2 .timer, .tg_sys_list .status_2 .timer_bg { display: none }
.tg_sys_list .status_0 .start, .tg_sys_list .status_2 .sell_out { display: block }
.mall-price { display: block; overflow: hidden; height: 26px; line-height: 26px; font-size: 12px; color: #f60; text-align: left; padding: 0 18px; margin-bottom: 15px }
.displayorder, .fixed_menu .po, .fixed_menu li a, .input-text-c, .picBut { text-align: center }
.mall-price .sell { float: right; color: #aaa; font-size: 14px }
.mall-price em { font-size: 14px; color: #f60; font-style: normal }
.label-success { background-color: #256ab7!important }
.font-green-sharp { color: #256ab7!important }
.fixed_menu { position: fixed; bottom: 220px; right: 100px; z-index: 3; padding: 0 }
.fixed_menu ul { padding: 0 }
.fixed_menu li { margin-bottom: 10px; position: relative; padding: 0 }
.fixed_menu li a { position: relative; z-index: 2; display: block; width: 70px; height: 65px; border-radius: 6px!important; padding-top: 45px; background-color: #4c4c4c; color: #fff; font-size: 12px }
.fixed_menu li a:hover { text-decoration: none; opacity: .9 }
.fixed_menu li s { display: block; position: absolute; top: 8px; right: 10px; background-color: #fff; border-radius: 21px; color: #f30; padding: 0 6px; text-decoration: none; font-size: 12px }
.fixed_menu .li_5, .fixed_menu li .display0 { display: none }
.fixed_menu .li_1 a { background-color: #f7a515; background-position: 17px -343px }
.fixed_menu .li_2 a { background-color: #256ab7; background-position: -66px -345px }
.fixed_menu .li_3 a { background-color: #2995d5; background-position: 19px -426px }
.fixed_menu .li_4 a { background-color: #63ba3b; background-position: -69px -428px }
.fixed_menu .li_5 a { background-position: -145px -345px }
.fixed_menu .po { position: absolute; z-index: 1; border: 1px solid #eee; background-color: #f3f3f3; font-size: 16px; padding: 10px; height: 75px; border-radius: 3px; right: 0; top: -15px; display: none }
.newListSelected span, a.close-own { display: block }
.dr_table>tbody>tr>td, .dr_table>tbody>tr>th, .dr_table>tfoot>tr>td, .dr_table>tfoot>tr>th, .dr_table>thead>tr>td, .dr_table>thead>tr>th { padding-top: 15px!important }
;
body fieldset { border: 1px solid #d8d8d8; padding: 10px; border-radius: 3px }
.bk10 { height: 10px; clear: both; font-size: 1px; line-height: 1px }
body fieldset legend { padding: 3px 8px; font-weight: 700; border-radius: 3px; border: 1px solid #d8d8d8; background-color: #f9f9f9 }
body fieldset.blue { border: 1px solid #dce3ed }
body fieldset.blue legend { padding: 3px 8px; font-weight: 700; color: #347add; background: 0; border: 0; font-size: 12px; width: auto }
.sorting, .sorting2 { padding-right: 10px }
.html5 a, .sorting2 a { font-size: 12px; line-height: 1.5!important; border-radius: 2px; text-decoration: none }
.sorting { background: url(../../../admin/images/sort_both.png) right center no-repeat }
.sorting2 a { padding: 5px!important }
.html5 a { padding: 1px 5px!important }
.sorting_asc, .sorting_desc, .table-list .dr_option a { padding-right: 10px }
.sorting_desc { background: url(../../../admin/images/sort_desc.png) right center no-repeat }
.sorting_asc { background: url(../../../admin/images/sort_asc.png) right center no-repeat }
.picBut { background: url(../../../admin/images/picBnt.png) 0 -28px no-repeat; color: #FFF; float: left; font-weight: 700; height: 28px; line-height: 26px; margin-right: 10px; width: 75px }
.picBut a { color: #fff; text-decoration: none; width: 75px }
.table-list td, .table-list th { padding-left: 12px; font-weight: 400 }
.table-list .dr_option { padding-left: 20px }
.table-list thead th { height: 40px; border-bottom: 1px solid #ddd; font-weight: 700; font-size: 14px }
.table-list tbody td { border-bottom: 1px dashed #eaeaea; padding-top: 5px; padding-bottom: 5px; height: 40px }
div.btn { background: #f6f6f6; padding: 6px 12px 0; height: 30px }
.nHover tr:hover, .nHover tr:hover td { background: 0 }
.dr_table tr:hover { background: 0 0!important }
.table-list .input-text-c { padding: 0; height: 18px }
.td-line, .td-line td, .td-line th { border: 1px solid #eee }
.button { background: #eee; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; color: #797979; padding: 5px 9px; filter: none; min-width: 80px; height: 28px; border-radius: 3px }
.button:hover { background: #ccc; text-shadow: none }
@-moz-document url-prefix() {
.button {
margin-top:-1px
}
}
.table-list td.on, .table-list th.on, .table-list tr.on, .table-list tr.on td, .table-list tr.on th { background: #fdf9e5 }
a.close-own { background: url(../../../admin/images/cross.png) left 3px no-repeat; width: 16px; height: 16px; position: absolute; outline: 0; right: 7px; top: 8px; text-indent: 200px; overflow: hidden }
a.close-own:hover { background-position: left -46px }
.table_form .input-text { height: 25px; line-height: 25px }
.input-focus, .input-text, .input-text-c, .measure-input, input.date, input.endDate, textarea { margin: 0 5px 0 0; padding: 2px 0 2px 5px; border: 1px solid #d0d0d0; background: #fff; font-size: 12px; border-radius: 3px }
.displayorder, select { border-width: 1px; border-style: solid }
.input-focus { background: #FFF; border-color: #afcee6; font-size: 12px }
input.endDate, input.mydate { background: #fff; padding-right: 18px; font-size: 12px; border-radius: 3px!important }
textarea, textarea.input-focus, textarea.input-text { font-size: 12px; height: auto; padding: 5px; margin: 0 }
.search-form { margin-bottom: 10px }
ul.newList, ul.newList * { margin: 0; padding: 0 }
select { background: #f9f9f9; border-color: #666 #ccc #ccc #666; color: #333; padding: 2px }
.table_form { font-size: 12px }
.displayorder { box-shadow: rgba(0,0,0,.0745098) 0 1px 1px inset; border-color: #c2cad8; border-image: initial; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 30px; font-size: 12px; line-height: 1.5; padding: 5px 10px; border-radius: 3px; width: 35px!important; background: 0 0!important }
.table_form td { padding-left: 12px }
.table_form th { font-weight: 400; text-align: right; padding-right: 10px; color: #777 }
.table_form td, .table_form th { padding: 8px 0 8px 8px }
.table_form tbody td, .table_form tbody th { border-bottom: 1px dashed #eaeaea }
.colorpanel tbody td, .colorpanel tbody th { padding: 0; border-bottom: 0 }
.js ul.newList { left: -9999px }
ul.newList { list-style: none; color: #000; background: #fff; position: absolute; border: 1px solid #ccc; top: 22px; left: 0; overflow: auto; z-index: 9999 }
.dr_cgbox, .drmenu ul li, div#areaid { position: relative }
.newListSelected { color: #000; height: 22px; padding: 4px 0 0 6px; float: left; background: url(../../../admin/images/select-bg.png) right 0 no-repeat; border-left: 1px solid #dfdfdf }
ul.newList li a { padding: 3px 8px; display: block; text-decoration: none }
.selectedTxt { overflow: hidden; height: 16px; padding: 0 23px 0 0 }
.measure-input { background: url(../../../admin/images/ruler.gif) 0 9px repeat-x }
.hiLite { background: #e0ebf4!important; color: #444!important }
.newListHover { background: #f2f7fb!important; color: #000!important; cursor: default }
.newListSelFocus, .newListSelHover { background-position: right -26px; cursor: default }
.newListOptionTitle { font-weight: 700 }
.newListOptionTitle ul { margin: 3px 0 0 }
.newListOptionTitle li { font-weight: 400; border-left: 1px solid #ccc }
.onCorrect, .onError, .onFocus, .onShow { border-color: #40b3ff }
.onCorrect, .onError, .onFocus, .onLoad, .onShow, .onTime { display: inline-block; display: -moz-inline-stack; zoom: 1; vertical-align: middle; color: #444; margin-left: 10px; overflow: hidden; line-height: 25px }
.onShow { background: 0; color: #959595 }
.onFocus { background-position: 3px -147px }
.onError { background-position: 3px -47px; color: red }
.onCorrect { background-position: 3px -247px }
.onLamp { background-position: 3px -200px }
.onTime { background-position: 3px -1356px }
.linkage-menu { height: 200px; overflow-y: auto; padding: 0 4px }
.linkage-menu h6 { border-bottom: 1px solid #e2ecee; padding: 2px 0 3px; margin-bottom: 5px }
.linkage-menu h6 a.rt { font-weight: 400; font-family: 'å®‹ä½“'; color: #377abe }
.linkage-menu div.menu a { width: 74px; line-height: 22px; text-decoration: none; padding-left: 4px; overflow: hidden; height: 22px }
.file, .folder, .mtop { line-height: 16px; text-indent: 20px }
.linkage-menu div.menu a:hover { background: #d9e4ed; color: #377abe }
div#areaid { height: 18px; margin: 0 5px 0 0; padding: 2px 5px; border: 1px solid #d0d0d0; background: url(../../../admin/images/input.png) repeat-x #FFF; top: -2px }
.add, .audit, .del, .down, .edit, .file, .folder, .grant, .upload { background: url(../../../admin/images/ico.gif); float: left; height: 16px; width: 16px }
.picList ul { padding: 0 }
.picList li { padding: 8px 0; list-style: none; font-size: 12px }
.display { display: none }
.option { border-top: 1px dashed #ccc; padding: 5px 0; margin-top: 10px }
.add, .audit, .del, .down, .edit, .grant, .upload { margin-left: 5px }
.file, .folder { margin-right: 5px; margin-top: 5px; white-space: nowrap }
.folder { background-position: 0 0 }
.file { background-position: 0 -80px }
.edit { background-position: 0 -64px }
.del { background-position: 0 -48px }
.grant { background-position: 0 -16px }
.down { background-position: 0 -96px }
.upload { background-position: 0 -115px }
.audit { background-position: 0 -32px }
.add { background-position: 0 -206px }
.mtop { background: url(../../../admin/images/ico.gif) 0 -128px no-repeat; float: left; height: 16px; margin-left: 10px }
.selectcolor { background: url(../../../admin/images/ico.gif) 0 -112px no-repeat; cursor: pointer; height: 16px; margin-left: 5px; padding: 0 8px; width: 16px }
.dr_format_wrap { background-color: #f8f8f8; border: 1px solid #d7d7d7; overflow: hidden }
.dr_format_group { margin: 5px 20px 15px }
.dr_format_label { display: inline-block; margin-top: 5px; margin-bottom: 5px; font-weight: 700 }
.dr_format_wrap label { float: none; line-height: 1.5; padding: 0; text-align: left; width: auto }
.dr_format_list li { display: inline-block; height: 25px; overflow: hidden; width: 145px; clear: none; margin: 0 }
.dr_format_map { display: inline-block; overflow-x: hidden; overflow-y: auto; width: auto }
.dr_format_wrapper { margin: 10px 10px 0 0 }
.dr_format_wrap .labelname { display: inline-block; height: 22px; line-height: 23px; overflow: hidden; padding-left: 5px; white-space: nowrap; width: 100px }
.dr_format_table td, .dr_format_table th { border: 1px solid #d7d7d7!important; height: 25px; text-align: center; vertical-align: middle }
.dr_format_table th { background-color: #ededed; font-weight: 400; padding: 3px!important }
.dr_format_table td { max-width: 200px; min-width: 60px; padding: 3px 5px }
.dr_border_none td, .dr_border_none th { border: none!important }
.dr_member_cgbox .dr_cgbox a { display: inline-block; background: 0; border: 0; height: auto; line-height: normal; padding: 3px 0; font-size: 12px; font-weight: 400; text-decoration: none; margin-right: 0 }
.dr_member_cgbox .dr_cgbox_a { border: 0 }
.dr_cgbox { z-index: 9999; background: #FFF; left: -16px }
.dr_member_cgbox .dr_cgbox { left: -6px; top: 1px; width: 50% }
.dr_cgbox a { color: #06F; font-weight: 400 }
.drmenu .drtop, .h_cart_inner .total em, .mytitle { font-weight: 700 }
.dr_cgbox .cg_items img { margin-top: -2px }
.dr_cgbox .cg_items span { padding: 0 5px; cursor: default }
.dr_cgbox .cg_items li { border: none!important; float: none; padding: 0 10px 0 0; border-bottom: 1px solid #eee }
.dr_member_cgbox li { cursor: pointer }
.drmenu ul { padding: 0; margin: 0 }
.drmenu ul li { float: left }
.drmenu ul li a, .drmenu ul li a:visited { display: block; text-align: center; color: #000; line-height: 30px; margin-top: 3px }
.drmenu ul li ul { display: none; z-index: 99999 }
.drmenu ul li:hover ul { display: block; position: absolute; background: #FFF; top: -7px; right: -40px; border: 1px solid #eee; border-top: 0; padding-bottom: 5px }
.drmenu ul li:hover ul li a { display: block; color: #69F; text-decoration: none }
.drmenu ul li:hover ul li { float: none; overflow: hidden; width: 130px; height: 25px; padding: 5px }
.drmenu .drtop { background: #368ee0; text-align: center; color: #FFF }
.drmenu .drtop2 { color: #FFF!important; margin-top: -3px }
.aadd, .adel, .aedit, .ago, .alist { color: #fff!important }
.dr_color td { padding-top: 0!important; padding-bottom: 0!important; height: 11px!important; line-height: 11px!important; border-bottom: none!important }
.dr_color_value { width: 50px; height: 16px; margin-left: 10px; z-index: 1 }
.cover li .upload-preview img, .cover li div { width: 90px; height: 71px }
.aedit { background-color: #1abc9c; border-color: #1abc9c }
.ago { background-color: #f39c12; border-color: #f39c12 }
.alist { background-color: #3498db; border-color: #3498db }
.adel { background-color: #ff6c60; border-color: #ff6c60 }
.aadd { background-color: #34495e; border-color: #34495e }
.dr_option a { padding: 3px 5px 3px 4px!important; font-size: 12px; line-height: 1.5!important; border-radius: 2px; margin-right: 5px; text-decoration: none }
.cover { list-style: none; padding: 0 }
.cover li { border-radius: 3px; margin: 0 10px 0 0; float: left; border: 1px solid #ddd; padding: 0; overflow: hidden }
.cover li div { background: #f6f6f6; position: relative }
.cover li.pic { background: #f6f6f6!important }
.cover li.upload-container div { background: url(../../../admin/images/add_photo.png) 50% 50% no-repeat #f6f6f6; cursor: pointer }
.cover li a { position: absolute; width: 16px; height: 16px; background: url(../../../admin/images/buttons-master.png); top: 3px }
.cover li a.remove { background-position: -48px -539px; right: 3px }
.cover li a.remove:hover { background-position: -32px -539px }
.cbody .input-text { height: 21px }
.cover li a.preview { background-position: -48px -587px; left: 3px }
.cover li a.preview:hover { background-position: -32px -587px }
.cover li .rearrange-text { display: block; width: 90px; text-align: center; background: rgba(0,0,0,.5); color: #fff; position: absolute; bottom: 0; left: 0 }
.dr_content_right .cbody { padding: 12px }
.dr_content_right .ctitle { background: #f4f4f4; height: 25px; font-weight: 700; padding: 10px 0 0 10px }
.dr_content_right { width: 24%; float: right; margin-top: 12px; border-radius: 3px; border: 1px solid #d8d8d8 }
.dr_content_left { width: 75%; float: left }
.dr_content_right .onCorrect, .dr_content_right .onError, .dr_content_right .onShow { margin-left: 0; margin-top: 5px }
.form-date .mydate { background-position: right 7px!important }
.form-actions { margin: 20px 0 }
.mytitle { min-height: 40px!important }
.form-body .onShow { margin-top: 5px; margin-bottom: 5px; margin-left: 0 }
.mytitle .caption { font-size: 14px!important }
.h_cart_inner .coupon, .h_cart_inner .other { text-align: right; font-size: 14px; color: #999 }
.add, .audit, .del, .down, .edit, .grant, .upload { margin-top: 10px }
.h_cart_inner { width: 290px; height: 305px; position: absolute; right: 80px; top: 0; border: 1px solid #e4e4e4; box-shadow: 0 1px 2px 0 rgba(0,0,0,.3); background: url(../../images/mh/shoppingcartnull.png) 50% 15px no-repeat #fff }
.h_cart_inner .arrow { display: block; position: absolute; top: -8px; right: 40px; width: 11px; height: 6px; overflow: hidden; background-position: -235px -32px }
.h_cart_inner .coupon { padding: 8px 8px 0 0 }
.h_cart_inner .other { padding: 8px 8px 8px 0; line-height: 30px }
.h_cart_inner .other .chrmoneyAll, .h_cart_inner .other .chrmoneyYunfei, .h_cart_inner .other .chrmoneyyouhui, .h_cart_inner .other .daijinnum { display: block }
.h_cart_inner .other .em2 { display: none }
.h_cart_inner .other em { color: #d00 }
.h_cart_inner .total { position: absolute; left: 0; right: 0; bottom: 0; padding-left: 12px; height: 45px; line-height: 45px; background-color: #f3f0eb; color: #e5573f; font-size: 16px }
.h_cart_inner .total .btn { float: right; display: inline; margin: 8px 8px 0 0; padding: 2px 26px; line-height: 24px; background-color: #77ae49; border-bottom: 1px solid #5f9534; color: #fff; border-radius: 0; background-image: none; font-size: 16px; width: auto }
.decrement, .itxt { float: left }
.h_cart_inner .total .btn:hover { color: #fff; text-decoration: none; background-color: #6a9f3d; border-bottom: 1px solid #53842b }
.h_cart_inner .total .disabled, .h_cart_inner .total .disabled:hover { background-color: #ddd; border-bottom: 1px solid #ccc; cursor: default }
.quantity-form { position: relative; overflow: hidden; height: 22px; width: 75px; margin-bottom: 10px; float: left }
.downspan, .itxt, .upspan { position: absolute; font-family: verdana }
.promo-num { width: 75px; display: inline-block; text-align: center }
.downspan, .upspan { top: 0; z-index: 2; display: block; height: 22px; line-height: 22px; width: 42px; text-align: center; left: 19px; color: #333; font-size: 12px; margin-left:-.2px\9;
margin-top:-.1px\9
}
.decrement, .increment, .itxt { border: 1px solid #cacbcb; height: 22px; line-height: 18px; text-align: center; margin: 0 }
.decrement, .increment { border-right: 0; padding: 1px 0; width: 17px; color: #666; background: #fff }
.decrement:hover, .increment:hover { text-decoration: none }
.decrement.disabled, .increment.disabled { cursor: default; color: #e9e9e9 }
.itxt { left: 17px; top: 0; width: 41px; padding: 1px; font-size: 12px; color: #333; border-radius: 0 }
.increment { float: right; border: 1px solid #cacbcb; border-left: 0; color: #666 }
.stepBlock { width: 1086px; height: 66px; margin: 30px auto }
.stepBlock h2 { width: 977px; height: 15px; margin: 0 auto; background: url(../img/stepkuaison.png) left top no-repeat }
.stepBlock h2.first { background-position: 0 0 }
.stepBlock h2.second { background-position: 0 -15px }
.stepBlock h2.third { background-position: 0 -30px }
.stepBlock h2.fourth { background-position: 0 -45px }
.stepBlock .stepTxt { margin: 6px 0 0 }
.stepBlock .stepTxt span { display: inline-block; float: left; font-size: 14px; color: #9e9e9e }
.stepBlock .stepTxt span.selected { color: #dd3d2c }
.stepBlock .stepTxt span.one { margin-left: 30px }
.stepBlock .stepTxt span.two { margin-left: 243px }
.stepBlock .stepTxt span.three { margin-left: 230px }
.stepBlock .stepTxt span.four { margin-left: 220px }
.media:first-child { margin-top: 15px }
.index-tt ul li { width: 100%; line-height: 27px; float: left; margin-right: 5px; display: inline; height: 27px; overflow: hidden }
.index-tt ul li b { color: #fc6e00; font-size: 14px; font-weight: 400; float: left }
.index-tt ul li a { font-size: 14px; color: #4e4e4e; float: left; width: 260px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.index-tt ul li span { color: #a9a9a9; font-size: 12px; float: right; width: 40px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.index-tt .index-title, .search-content-2 .search-container>ul .search-item>.search-content .search-counter-label, .search-content-2 .search-container>ul .search-item>.search-content .search-counter-number, .search-content-4 .search-table .table-download, .search-content-4 .search-table .table-status, .search-page .search-pagination { text-align: center }
.index-tt ul { padding: 0; margin-top: 5px }
.index-tt .index-title a { font-size: 18px }
.index-tt .index-desc { color: #b7b7b7; font-size: 14px; text-indent: 2em; letter-spacing: 1px; line-height: 20px; margin-top: 8px; padding-bottom: 10px; border-bottom: 1px dashed #e5e5e5; position: relative; z-index: 1 }
.index-tt { border-top: 1px solid #eee }
.login-form .form-actions .forget-password { padding-left: 10px }
.login-form { padding-top: 50px }
.login-form .form-actions .uppercase { margin-right: 10px }
.login-form .login-options { margin-bottom: 15px; margin-top: 15px }
.login-form .form-title { margin-bottom: 30px; font-size: 20px }
.news-search-param-value { line-height: 25px }
.news-search-param-name { padding-top: 5px }
.search-container .zt0 { position: absolute; left: -5px; top: -5px; width: 67px; height: 68px; background: url(../img/bookzt.png) }
.search-container .zt1 { position: absolute; left: -5px; top: -5px; width: 67px; height: 68px; background: url(../img/bookzt.png) 0 -68px }
.index-container .zt0, .index-container .zt1 { position: absolute; left: 12px; top: -5px; width: 67px; height: 68px }
.index-container .zt0 { background: url(../img/bookzt.png) }
.index-container .zt1 { background: url(../img/bookzt.png) 0 -68px }
.search-page .search-bar { padding: 20px; margin-bottom: 40px; background-color: #fff }
.search-page .search-bar input { border: none; background-color: #f3f6f9; color: #a0a9b4; height: 55px }
.search-page .search-bar button { color: #fff; height: 55px; width: 130px; margin-left: -3px; margin-top: -2px }
.search-page .search-bar .search-desc { margin: 0; color: #a0a9b4; font-size: 13px }
.search-page .search-filter { background-color: #fff; padding: 40px 30px 0; margin-bottom: 30px }
.search-page .search-filter>.search-label { color: #a0a9b4; font-size: 11px; letter-spacing: 1px; font-weight: 700; margin-bottom: 10px; margin-top: 40px }
.search-page .search-filter>.search-label:first-child { margin-top: 0 }
.search-page .search-filter input, .search-page .search-filter select { color: #727f89; font-weight: 700; font-size: 14px }
.search-page .search-filter button { margin: 40px 0; padding: 15px 0 }
.search-page .search-filter .search-filter-divider { display: block; height: 1px }
.search-page .search-pagination>.pagination>li>a { margin: 0 3px }
.search-page .search-pagination>.pagination>.page-active>a { background-color: #256ab7; color: #fff }
.search-content-1 .search-container, .search-content-2 .search-container { background-color: #fff }
.search-page .search-pagination.pagination-rounded>.pagination>li>a { border-radius: 50%!important }
.search-content-1 .search-container>ul { padding: 0 20px 20px; margin-bottom: 0 }
.search-content-1 .search-container>ul .search-item { list-style: none; padding: 20px 0; border-bottom: 1px solid; border-color: #f4f6f8 }
.search-content-1 .search-container>ul .search-item>a>img { width: 100px; float: left; margin-right: 20px }

.search-content-1 .search-container>ul .search-item>.search-content>.search-title { font-size: 20px; margin: 15px 0 10px; font-weight: 600 }
.search-content-1 .search-container>ul .search-item>.search-content>.search-title>a { color: #4e5a64; font-size: 16px; font-weight: 400 }
.search-content-1 .search-container>ul .search-item>.search-content>.search-title>a:hover { text-decoration: none; color: #49a7fa }
.search-content-1 .search-container>ul .search-item>.search-content>.search-desc { color: #a0a9b4; font-size: 15px; margin: 0 }
.search-content-1 .search-container>ul .search-item:last-child { border: none }
.search-content-2 .search-container>ul { padding: 20px; margin-bottom: 0 }
.search-content-2 .search-container>ul>.search-item-header { list-style: none; padding: 0 0 5px; border-bottom: 1px solid; border-color: #f4f6f8 }
.search-content-2 .search-container>ul>.search-item-header h3 { font-size: 17px; color: #a0a9b4; margin: 5px 0 0 }
.search-content-2 .search-container>ul .search-item { list-style: none; padding: 20px 0; border-bottom: 1px solid; border-color: #f4f6f8 }
.search-content-2 .search-container>ul .search-item:last-child, .search-content-4 .search-table th { border: none }
.search-content-2 .search-container>ul .search-item>.search-content p { margin: 0 }
.search-content-2 .search-container>ul .search-item>.search-content .search-title { font-size: 19px; margin: 0 0 20px; font-weight: 600 }
.search-content-2 .search-container>ul .search-item>.search-content .search-title>a { color: #4e5a64 }
.search-content-2 .search-container>ul .search-item>.search-content .search-title>a:hover { text-decoration: none; color: #49a7fa }
.search-content-2 .search-container>ul .search-item>.search-content .search-desc { color: #a0a9b4; font-size: 13px }
.search-content-2 .search-container>ul .search-item>.search-content .search-desc>a { color: #49a7fa }
.search-content-2 .search-container>ul .search-item>.search-content .search-desc>a:hover { text-decoration: none; color: #326b9e }
.search-content-2 .search-container>ul .search-item>.search-content .search-counter-number { font-size: 21px; color: #4e5a64; margin-bottom: 15px }
.search-content-2 .search-container>ul .search-item>.search-content .search-counter-label { font-size: 13px; color: #8b96a4 }
.search-content-3 .tile-container { margin-bottom: 30px }
.search-content-3 .tile-container>.tile-thumbnail { height: 200px; overflow: hidden; position: relative }
.search-content-3 .tile-container>.tile-thumbnail img { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
.search-content-3 .tile-container>.tile-title { background-color: #fff; padding: 20px 0 }
.search-content-3 .tile-container>.tile-title>h3 { font-size: 19px; font-weight: 600; height: 20px; width: 220px; overflow: hidden; margin: 0; display: inline-block }
.search-content-3 .tile-container>.tile-title>h3>a { color: #4e5a64 }
.search-content-3 .tile-container>.tile-title>h3>a:hover { text-decoration: none; color: #49a7fa }
.search-content-3 .tile-container>.tile-title i { float: right; font-size: 24px; margin: 0 5px }
.search-content-3 .tile-container>.tile-title>.tile-desc { font-size: 14px }
.search-content-3 .tile-container>.tile-title>.tile-desc>p { margin: 20px 0 0 }
.search-content-3 .tile-container>.tile-title>.tile-desc>p>a:hover { text-decoration: none }
.search-content-4 .search-bar .extra-buttons button { margin-right: 20px }
.search-content-4 .search-bar .extra-buttons button:last-child { margin-right: 0; width: 170px }
.search-content-4 .search-table th>a { color: #fff }
.search-content-4 .search-table th>a:hover { text-decoration: none; color: #eee }
.search-content-4 .search-table td, .search-content-4 .search-table th { padding: 20px 30px; vertical-align: middle }
.search-content-4 .search-table td { border-color: #fff }
.search-content-4 .search-table .table-status i { font-size: 26px; padding-top: 10px }
.search-content-4 .search-table .table-date { font-weight: 600; font-size: 14px; width: 180px }
.search-content-4 .search-table .table-date a { color: #49a7fa }
.search-content-4 .search-table .table-date a:hover { text-decoration: none; color: #326b9e }
.search-content-4 .search-table .table-title { width: 390px }
.book_left .zt0, .book_left .zt1 { position: absolute; left: 10px; top: -5px; width: 67px; height: 68px }
.search-content-4 .search-table .table-title>h3 { margin: 0; color: #4e5a64; font-size: 19px; font-weight: 600 }
.search-content-4 .search-table .table-title>h3>a { color: #4e5a64 }
.search-content-4 .search-table .table-title>h3>a:hover { text-decoration: none; color: #49a7fa }
.search-content-4 .search-table .table-title>p { margin-bottom: 0; margin-top: 10px }
.search-content-4 .search-table .table-title>p>a { color: #49a7fa }
.search-content-4 .search-table .table-title>p>a:hover { text-decoration: none; color: #326b9e }
.search-content-4 .search-table .table-desc { font-size: 14px; color: #8b96a4 }
.search-content-4 .search-table .table-download i { font-size: 30px; padding-top: 10px }
.bookname small { font-size: 12px; color: #999; margin-left: 12px; cursor: pointer }
.bookname { color: #333; font-size: 20px; line-height: 20px; margin-bottom: 12px }
.book_left { overflow: hidden }
.book_left .zt0 { background: url(../img/bookzt.png) }
.book_left .zt1 { background: url(../img/bookzt.png) 0 -68px }
.bookinfo i { padding: 0 10px }
.bookinfo { margin-bottom: 20px; font-size: 12px; color: #707070 }
.bookdesc { font-size: 12px; line-height: 20px; color: #999 }
.btn-circle2 { padding: 7px 30px; border-radius: 10px!important; overflow: hidden }
.booklist { clear: both; margin: 0; padding: 25px 0 15px; list-style: none }
.booklist li { margin-right: 5%; float: left; line-height: 1.8em; box-flex: 1; overflow: hidden; margin-bottom: 10px; width: 43%; margin-left: 2% }
.booklist li a { font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #404040; display: inline-block }
.booklist li span { float: right; width: 40px; text-align: right; display: inline-block }
.booktitle .bookinfo, .booktitle h3, .subscribe .title { text-align: center }
.booklist li span.free { color: #a7c7a8 }
.booklist li span.vip { font-size: 0; background: url(../img/vip.png) -250px -31px no-repeat; margin-top: 5px; width: 24px; margin-left: 16px; display: inline-block; height: 12px }
.icon-box, .scroll-top { display: block; width: 60px; height: 60px }
.bookad { margin-top: -10px; padding: 0 20px; overflow: hidden }
.book_sns { padding-top: 20px }
.booktitle h3 { font-weight: 700 }
.icon-box { box-shadow: 0 2px 4px 0 #e9e4db; background: url(../img/book.png) no-repeat }
.scroll-top { background: url(../img/book.png) 0 -384px no-repeat }
.side-left { margin-left: -675px }
.side-right { margin-left: 535px }
.side-left, .side-right { position: fixed; left: 50%; top: 220px; z-index: 99 }
.icon-box-appqr { background-position: -64px 0 }
.icon-box-bookshelf { background-position: 0 -64px }
.icon-box-bookshelf2 { background-position: -448px -64px }
.icon-box-setting { background-position: 0 -192px }
.icon-box-prev { background-position: 0 -256px }
.icon-box-next { background-position: 0 -320px }
.icon-box-catalog { background-position: 0 -128px }
.subscribe { margin-top: 48px; margin-bottom: 48px }
.subscribe .title { font-size: 18px; color: #333; line-height: 100%; height: 18px; margin-bottom: 48px }
.subscribe .title .ico { display: inline-block; height: 9px; width: 149px }
.subscribe .title .left_ico { margin-right: 15px; background: url(../img/read.png) center no-repeat }
.subscribe .title .right_ico { margin-left: 15px; background: url(../img/read2.png) center no-repeat }
.badge-success { background-color: #256ab7!important }
.page-content-wrapper .page-content { margin-left: 0!important }
@media (max-width:768px) {
.page-header-menu .page-header-search { display: none!important }
}



/***************************/

* { margin: 0; padding: 0; }

ul { list-style: none; }

a { text-decoration: none; }

#navmenu { font-size: 24px; position: relative; z-index: 10; width: 1200px; margin: 0 auto; height: 59px; border-radius: 5px; }

#navmenu ul { float: left; padding: 0 0px 0 0; }

#navmenu ul li { float: left; height: 57px; line-height: 57px; position: relative; padding: 0 0 0 0px; }

#navmenu ul li a { padding: 0 40px 0 40px; color: #fff; float: left; }

#navmenu ul li a:hover { color: #fff; text-shadow: 1px 1px 1px #000000; border-radius: 3px; background: #3276c1; }

#navmenu ul li ul { position: absolute; top: 57px; line-height: 37px; left: 0; width: 195px; background: #3276c1; filter: alpha(opacity=90); opacity: .9; -moz-opacity: .9; display: none; }

#navmenu ul li ul li { background: none; height: 40px; float: left; border-bottom: 1px #fff solid; padding: 4px; display: block; margin-left: 2px; }

#navmenu ul li ul li a { float: none; border-radius: 5px; color: #fff; display: block; font-size: 18px; line-height: 30px; padding: 3px 0px 3px 35px; width: 145px; }

#navmenu ul li ul li a:hover { background: #3276c1; }

#navmenu ul li ul li ul { position: absolute; top: 0; left: 115px; width: 120px; background: #3a3a3a; filter: alpha(opacity=90); opacity: .9; -moz-opacity: .9; display: none; }

#navmenu ul li ul li ul li { background: none; float: left; border-bottom: 1px #535252 solid; padding: 4px; display: block; width: 108px; margin-left: 2px; }

#navmenu ul li ul li ul li a { float: none; border-radius: 5px; color: #fff; display: block; font-size: 14px; line-height: 30px; padding: 3px 10px; width: 90px; }

#navmenu ul li ul li ul li a:hover { background: #1A1A1A; }

/* 效果CSS结束 */
					/*调整样式表*/

* { padding: 0; margin: 0; }

/*End*/

.sliderkit { POSITION: relative; TEXT-ALIGN: left; DISPLAY: none; OVERFLOW: hidden }

.sliderkit A { TEXT-DECORATION: none }

.sliderkit A:hover { TEXT-DECORATION: none }

.sliderkit A:focus { OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000; OUTLINE-WIDTH: 1px }

.sliderkit IMG { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px ; width:81.98vw;min-width:1200px;  vertical-align: bottom}

.sliderkit .sliderkit-btn { Z-INDEX: 10 }

.sliderkit .sliderkit-panel { Z-INDEX: 1; POSITION: absolute; OVERFLOW: hidden }

.sliderkit .sliderkit-panel-active { Z-INDEX: 5 }

.sliderkit .sliderkit-panel-old { Z-INDEX: 4 }

.sliderkit .sliderkit-panel .sliderkit-panel-textbox { Z-INDEX: 1; POSITION: absolute }

.sliderkit .sliderkit-panel .sliderkit-panel-text { Z-INDEX: 3; POSITION: absolute; TOP: 0px; LEFT: 0px }

.sliderkit .sliderkit-panel .sliderkit-panel-overlay { Z-INDEX: 2; POSITION: absolute; TOP: 0px; LEFT: 0px }

.photoslider-bullets { WIDTH: 81.98vw; min-width:1200px; HEIGHT: 230px; padding: 0px; margin: 0px auto;background: url(../img/top_bj.jpg) bottom; vertical-align:bottom }

#box { width: 81.98vw;min-width:1200px;  margin: 0 auto; background:#fff }

#content { width: 97.8%; margin:0 auto; overflow: hidden; }

.box { width: 50%; margin-top: 3vh;height: 50vh; overflow: hidden; position: relative; float: left; }

.box-1 ul { }

.box-1 ul li { width: 100%; height:  50vh; position: relative; overflow: hidden; }

.box-1 ul li img { display: block; width:100%; height:  50vh; }

.box-1 ul li h2 { position: absolute; left: 0; bottom: -10px; height: 40px; width: 100%; background: rgba(0,0,0,.7); text-indent: 1em;  font-size: 15px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal; color: ghostwhite }

.box-2 { position: absolute; right: 10px; bottom: 14px; }

.box-2 ul li { float: left; width: 8px; height: 8px; overflow: hidden; margin: 0 3px; border-radius: 8px; background: #fff; text-indent: 100px; cursor: pointer; }

.box-2 ul .on { background: #256ab7; }
.foot{ width:81.98vw}
.box-3 span { position: absolute; color: white; background: rgba(125,125,120,.3); width: 50px; height: 80px; top: 50%; font-family: "微软雅黑"; line-height: 80px; font-size: 60px; margin-top: -40px; text-align: center; cursor: pointer; }

.box-3 .prev { left: 10px; }

.box-3 .next { right: 10px; }

.box-3 span::selection { background: transparent; }

.box-3 span:hover { background: rgba(125,125,120,.8); }

#content_new { width: 48%; float: right; }

.newsnav { width: 100%; height: 58px; line-height: 58px; border-bottom: 2px solid #256ab7; margin-bottom: 15px; }

.newsnav .more { float: right; font-size: 15px; color: #999; }

.newsnav .more a { color: #999; }

.newsnav img { margin-left: 4px }

.newsnav p { width: 107px; font-weight: bold; font-size: 2.0rem; color: #256ab7; padding-left: 13px; border-bottom: 4px solid #256ab7; height: 57px; line-height: 57px; position: relative; }

.ul_li { overflow: hidden; }

.ul_li span { display: inline-block;white-space: nowrap;    overflow: hidden;
    text-overflow: ellipsis; }
	
.news_li {white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; font-size:1.7rem; line-height:240%; }
.news_li li{ border-bottom:1px solid #f1f1f1}
.news_li  span{float:right;font-size:1.4rem}

.li_left { float: left;font-size: 1.7rem; }

.li_right { float: right; font-size: 14px; }

.new_ul li { line-height: 46px; font-size: 16px; color: #3d3d3d;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  border-bottom:1px solid #f1f1f1}/*contnet end*/

#content_c { width: 97.8%; margin: 15px auto; overflow: hidden; }

.jigou, .jiceng, .gongshi, .ruhui { width: 32%; float: left; margin-right: 2%; color: #3d3d3d; }

.jiceng_ul, .gongshi_ul, .ruhui_ul, .zhengce_ul, .us_div { width: 97%; margin: 0 auto; overflow: hidden; }
.us_div li{ line-height:200%; font-size:1.6rem}
.us_div li.uscen{ text-align:center}
.zhengce, .us { width: 32%; float: right; }

.zhengce { color: #3d3d3d; }

.biaoti_bg { background: url(../img/011.jpg) no-repeat left bottom/*-webkit-linear-gradient(top, #fbfbfb, #e8e8e8)*/; border: 1px solid #cacaca; margin: 0 0 6px 0;height:36px; overflow:hidden; }

.biaoti { height: 35px; line-height: 35px; width: 98%; }

.biaoti span { display: inline-block; }

.biaoti a { color: #000; }

.span_img { font-size: 18px; color: #fff; text-indent: 2.7rem; }

.span_more { float: right; font-size: 14px; }

.span_more img { margin-left: 4px }

.jigou h3 { font-size: 18px; font-weight: normal; text-align: center; line-height: 40px; }
.jj_p { line-height: 200%; color: #000; font-size: 1.7rem; text-indent: 3.6rem; width: 97%; margin: 0 auto; }
.jiceng_ul_li, .zhengce_ul_li, .gongshi_ul_li, .ruhui_ul_li, .us_p { line-height: 40px;font-size:1.6rem }

/*contnet_c end*/
#content_b { width: 96%; margin: 15px auto; overflow: hidden; clear:both}
.ad { width: 81.98vw; min-width:1200px; margin: 0  auto; overflow: hidden; clear:both; background:#fff; text-align:center}
.us_p_img { text-align: center; padding: 20px 0 10px 0; }
.ad .img{ width: 98%; margin:10px auto;}
.us_ps { text-align: center; }
.yqlj{width: 81.98vw;min-width:1200px;  margin:0 auto;background: #fff; }
#yqlj{background: #256ab7; color: #fff;height:50px; width:98%; margin:0 auto }
#yqlj>ul>li{border-right: none;width:16%;margin: 10px 2%; float:left; line-height:30px; font-size:18px}
#yqlj>ul>li:first-child{width:90px;}
#yqlj>ul>li select{ width:230px;height:30px; border:1px solid #ddd; border-radius:10px;font-size:16px}
.m_s{ float:right;width:18%; max-width:11.97vw;}
.bjh{border-left: 1px solid #f0f0f0;}
.dz{ float:right; margin-top:1.2vh}
.f_wz{ padding-top:3.1vh; font-size:1.6rem;width:100%}
.myscroll { width: 100%; height: 260px; margin: 0 auto; border: 1px solid #ccc; line-height: 26px; font-size: 12px; overflow: hidden;}
.uscen img{width:50%; margin:10px auto;}