@charset "utf-8";
/* CSS Document */

body {}
.all-elements { overflow-x: hidden; }
.page-content { background-color: #FFFFFF; z-index: 10; display: block; position: relative; min-height: 100%; }
.page-content-wrapper { display: block; margin-top: 0px; margin-bottom: 0px; padding: 20px; padding-bottom: 15px; }
.page-sidebar { background-color: #f1f1f1; width: 262px; display: block; position: absolute; z-index: 2; top: 0px; left: 0px; bottom: 0px; overflow: hidden; position: fixed; }
.page-sidebar-scroll { z-index: 2; overflow: scroll; overflow-x: hidden; /* -webkit-overflow-scrolling: touch;*/
height: 100%; }
.page-header { background-color: #70a816; border-bottom: solid 1px #ebebed; height: 50px; width: 100%; z-index: 12; position: relative; }
.deploy-sidebar { position: absolute; z-index: 999; background-image: url(../images/header-nav.png); background-size: 18px 12px; background-repeat: no-repeat; background-position: 15px 19px; width: 50px; height: 50px; display: block; }
.bread-crumb { z-index: 99; display: block; text-align: center; text-transform: uppercase; color: #fff; font-family: 'Lato', '微软雅黑'; font-weight: 700; height: 50px; font-size: 18px; padding: 0 0 0 60px; }
.deploy-contact { position: absolute; right: 0px; top: 0px; z-index: 999; background-image: url(../images/header-mail.png); background-size: 18px 12px; background-repeat: no-repeat; background-position: 12px 18px; width: 50px; height: 50px; float: right; }
.content-header { margin-left: 10px; margin-right: 10px; margin-bottom: 20px; }
.content-logo { background: url(../images/logo.png); display: block; float: left; width: 175px; height: 42px; }
.facebook-content { background-image: url(../images/facebook-color.png); background-size: 17px 16px; background-repeat: no-repeat; position: absolute; width: 20px; height: 20px; right: 0px; }
.twitter-content { background-image: url(../images/twitter-color.png); background-size: 17px 16px; background-repeat: no-repeat; position: absolute; width: 20px; height: 20px; right: 40px; }
.section-title { margin-bottom: 10px; height: 26px; }
.section-title strong { background-color: #8fc835; height: 24px; line-height: 24px; padding: 0 10px; border-radius: 4px; position: absolute; top: 1px; right: 0px; }
.section-title a { color: #fff; }
.section-title h4 { margin-bottom: -0px; float: left; color: #74b20f; }
.section-title em { color: #e34e47; float: left; padding-left: 8px; }
.section-title strong img { margin-left: 8px; margin-top: 7px; }
.services-item em { text-align: center; display: block; color: #e34e47; margin-bottom: 10px; }
.services-item h4 { text-align: center; margin-bottom: 0px; }
.services-item strong { text-align: center; font-style: normal; font-weight: 400; display: block; width: 150px; margin-left: auto; margin-right: auto; }
.services-item img { width: 100px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
/*Testimonials*/

.quote-item img { width: 100px; float: left; margin-right: 20px; }
.quote-item em { display: block; font-size: 10px; color: #c1c1c1; }
.quote-item { height: 60px; overflow: hidden; }
/*Copyright Content*/

.copyright-content { font-size: 10px; text-transform: uppercase; text-align: left; float: left; }
.copyright-sidebar { margin-bottom: 0px!important; }
.copyright-sidebar p { font-size: 10px!important; }
.facebook-footer { float: right; background-image: url(../images/facebook-color.png); background-repeat: no-repeat; background-position: 11px 13px; background-size: 20px 19px; width: 40px; height: 40px; }
.help-footer { float: right; background-image: url(../images/help.png); background-repeat: no-repeat; background-position: 11px 13px; background-size: 20px 19px; width: 40px; height: 40px; }
.twitter-footer { float: right; background-image: url(../images/twitter-color.png); background-repeat: no-repeat; background-position: 11px 13px; background-size: 20px 19px; width: 40px; height: 40px; }
.go-up-footer { float: right; background-image: url(../images/go-up.png); background-repeat: no-repeat; background-position: 11px 13px; background-size: 20px 19px; width: 40px; height: 40px; }
/*Sidebar*/

.sidebar-section { background-color: #8fc835; height: 49px; margin-bottom: 20px; }
.sidebar-section p { font-family: 'Lato', '微软雅黑'; font-size: 12px; color: #FFFFFF; text-transform: uppercase; font-weight: 700; padding-top: 15px; padding-left: 20px; }
.sidebar-section a { background-repeat: no-repeat; width: 50px; height: 50px; position: absolute; left: 205px; top: 0px; }
.sidebar-close { background-image: url(../images/sidebar-close.png); background-size: 13px 13px; background-position: 19px 19px; }
.sidebar-header { opacity: 0.8; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
.sidebar-logo { background-image: url(../images/logo-white.png); background-size: 75px 16px; background-repeat: no-repeat; display: block; float: left; width: 75px; height: 16px; }
.facebook-sidebar { background-image: url(../images/facebook-white.png); background-size: 17px 16px; background-repeat: no-repeat; position: absolute; width: 20px; height: 20px; left: 200px; }
.twitter-sidebar { background-image: url(../images/twitter-white.png); background-size: 17px 16px; background-repeat: no-repeat; position: absolute; width: 20px; height: 20px; left: 160px; }
.sidebar-decoration { background-color: rgba(255,255,255,0.1); width: 220px; height: 1px; margin-bottom: 20px; }
.navigation-items { width: 220px; margin-left: 20px; }
.nav-item a { opacity: 0.7; text-transform: uppercase; font-family: 'Lato', '微软雅黑'; font-weight: 800; line-height: 50px; color: #000; border-top: solid 1px rgba(0,0,0,0.1); background-size: 16px 14px; background-repeat: no-repeat; padding-left: 10px; background-position: 0px 17px; }
.home-nav { background-image: url(../images/sidebar-home.png); }
.features-nav { background-image: url(../images/sidebar-features.png); }
.media-nav { background-image: url(../images/sidebar-gallery.png); }
.contact-nav { background-image: url(../images/sidebar-mail.png); }
.close-nav { background-image: url(../images/sidebar-hide.png); }
.twitter-nav { background-position: 0px 18px!important; background-image: url(../images/twitter-white.png); }
.facebook-nav { background-position: 0px 18px!important; background-image: url(../images/facebook-white.png); }
#selected-nav { background-image: url(../images/nav-active.png) !important; background-repeat: no-repeat; background-size: 9px 9px; position: absolute; left: 205px; top: 20px; width: 9px; height: 9px; }
.unselected-nav { background-image: url(../images/nav-inactive.png); background-repeat: no-repeat; background-size: 9px 9px; position: absolute; left: 205px; top: 20px; width: 9px; height: 9px; }
.unselected-sub-nav { background-image: url(../images/nav-inactive.png); background-repeat: no-repeat; background-size: 9px 9px; position: absolute; left: 205px; top: 20px; width: 9px; height: 9px; }
.selected-sub-nav { background-image: url(../images/nav-active.png); background-repeat: no-repeat; background-size: 9px 9px; position: absolute; left: 205px; top: 20px; width: 9px; height: 9px; }
.submenu-deploy em { background-image: url(../images/submenu-active.png); background-size: 10px 10px; position: absolute; width: 10px; height: 10px; left: 205px; top: 20px; z-index: 9999; }
.dropdown-nav { background-image: url(../images/submenu-inactive.png)!important; }
.nav-item-submenu { display: none; }
.active-submenu { display: block; }
.nav-item-submenu a { font-family: 'Lato', '微软雅黑'; font-weight: 700!important; color: #000; margin-bottom: 0px; margin-top: 0px; height: 50px!important; line-height: 50px!important; padding-left: 20px; margin-left: 0px; font-size: 10px; font-weight: 400; border-bottom: solid 1px rgba(255,255,255,0.03); }
.nav-item-submenu a:last-child { border-bottom: none!important; }
.link-nav { background-image: url(../images/nav-link.png); backgrund-repeat: no-repeat; background-size: 14px 14px; height: 14px; width: 14px; position: absolute; left: 203px; top: 18px; }
/*Sidebar Updates*/

.sidebar-notifications { margin-left: 20px; }
.sidebar-notifications h3 { color: #dfdfdf; font-size: 12px; font-family: 'Lato', '微软雅黑'; font-weight: 400; margin-bottom: 0px; margin-left: 40px; }
.sidebar-notifications p { color: #949494; font-size: 10px; font-family: 'Lato', '微软雅黑'; font-weight: 400; margin-bottom: 0px; margin-left: 40px; }
.sidebar-red { background-image: url(../images/sidebar-warning.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: 0px 10px; margin-bottom: 20px; }
.sidebar-green { background-image: url(../images/sidebar-ok.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: 0px 10px; margin-bottom: 20px; }
.sidebar-blue { background-image: url(../images/sidebar-info.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: 0px 10px; margin-bottom: 20px; }
.sidebar-yellow { background-image: url(../images/sidebar-question.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: 0px 10px; margin-bottom: 20px; }
/*Wide Portfolio*/

.overlay { z-index: 99; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); }
.show-wide { position: absolute; z-index: 9999; top: 7px; right: 20px; width: 29px; height: 29px; background-color: rgba(0,0,0,0.8); background-image: url(../images/wide-plus.png); background-size: 15px 15px; background-repeat: no-repeat; background-position: 7px 7px; }
.link-wide { position: absolute; z-index: 9999; top: 7px; right: 60px; width: 29px; height: 29px; background-color: rgba(0,0,0,0.8); background-image: url(../images/wide-link.png); background-size: 15px 15px; background-repeat: no-repeat; background-position: 7px 7px; }
.wide-folio { margin-top: -17px; margin-bottom: 20px; }
.wide-items { margin-bottom: 20px; }
.wide-item { margin-bottom: 3px; }
.wide-item .responsive-image { margin-bottom: 0px; }
.wide-image { max-height: 100px; overflow: hidden; }
.wide-item-titles { position: relative; z-index: 999; top: 30px; margin-bottom: -45px; }
.wide-item-titles h4 { font-family: 'Open Sans', '微软雅黑'; font-weight: 200; font-size: 18px; text-transform: uppercase; color: #FFFFFF; position: relative; z-index: 999; text-align: left; padding-left: 20px; margin-bottom: 5px; pointer-events: none; }
.wide-item-titles p { color: #FFFFFF; margin-bottom: 0px; color: rgba(255,255,255,0.7); text-align: left; padding-left: 20px; position: relative; z-index: 999; pointer-events: none; }
.wide-item-content { display: none; margin-top: 20px; margin-left: 20px; margin-right: 20px; }
 @media (min-width:760px) {
.wide-image { max-height: 150px; }
.wide-item-titles { top: 55px; margin-bottom: -45px; }
}
.contact-call { padding-top: 5px; color: #666; padding-left: 30px; background-image: url(../images/contact_phone.png); background-position: 0px 5px; background-repeat: no-repeat; background-size: 18px 18px; height: 30px; display: block; }
.contact-text { color: #666; padding-left: 30px; background-image: url(../images/contact_message.png); background-position: 0px 2px; background-repeat: no-repeat; background-size: 18px 18px; height: 20px; display: block; margin-bottom: 2px; }
.contact-mail { color: #666; padding-left: 30px; background-image: url(../images/contact_mail.png); background-position: 3px 3px; background-repeat: no-repeat; background-size: 14px 14px; height: 20px; display: block; margin-top: 5px; margin-bottom: 2px; }
.contact-facebook { color: #666; padding-left: 30px; background-image: url(../images/contact_facebook.png); background-position: 0px 0px; background-repeat: no-repeat; background-size: 20px 20px; height: 20px; display: block; margin-top: 5px; margin-bottom: 2px; }
.contact-twitter { color: #666; padding-left: 30px; background-image: url(../images/contact_twitter.png); background-position: 0px 0px; background-repeat: no-repeat; background-size: 20px 20px; height: 20px; display: block; margin-top: 5px; margin-bottom: 2px; }













/*Adjustments for tablets*/

@media screen and (orientation:landscape) {
}

/*Tablet Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width:  1024px) and (orientation : landscape) {
}

/*Tabet Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width:  1024px) and (orientation : portrait) {
}

/*Preview Frame, demo only*/
@media only screen and (width : 798px) {
}
.li { position: relative; height: 18px; overflow: hidden; font-size: 14px; }
.li .price { position: absolute; background: #fff; padding: 0 0 0 10px; top: 0; right: 0; }
.qz { line-height: 20px; }
.qz li { float: left; width: 50%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1 }
.t { height: 40px; overflow: hidden; display: block;font-size: 14px;color: #333;line-height: 20px; }
.artlist li { line-height: 36px; height: 36px; overflow: hidden; position: relative; border-bottom: 1px dotted #ededed; font-size: 14px; }
.artlist li a{padding: 0 90px 0 0;}
.artlist li span{font-size: 12px;color: #999;display: block;height: 36px;width: 75px;position: absolute;top:0;right: 0;text-align:left;line-height: 40px;}
.page-num { text-align: center; margin-bottom: 20px; }
.page-num a,.page-num span { display: inline-block; padding: 2px 8px; background: #efefef; margin-right: 2px;position: relative;overflow: hidden;}
a.this,span.current { background: #e34e47; color: #fff; }
.red { color: #C33; }
.searchbf li { line-height: 26px; height: 76px; overflow: hidden; position: relative; border-bottom: 1px dotted #ededed; font-size: 14px; margin-bottom: 10px; }
.searchbf li a { height: 26px; overflow: hidden; }
.searchbf li p { height: 36px; line-height: 18px; overflow: hidden; }
.sccontent{}
.sccontent h1{padding:15px 0; text-align:center; font-weight:normal; font-size: 16px; line-height: 20px;}
.sccontent-date{padding:4px 0; text-align:center; background:#f1f1f1; color:#666; border: 1px dotted #ccc;font-size: 12px;}
.art{padding: 20px 10px; font-size: 14px; line-height: 1.8;}
.art p{padding:0 0 20px 0; font-size: 14px; line-height: 1.8;}