html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
overflow-y: scroll
}
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
display: block
}
*,*:before,*:after {
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}[hidden],template {
display: none
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
del {
text-decoration: line-through
}
a:active,a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,select {
text-transform: none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],html input[disabled] {
cursor: default
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0
}
.ie7 input[type="checkbox"] {
vertical-align: baseline
}
.ie6 input {
vertical-align: text-bottom
}
select,input,textarea {
font: 99% sans-serif
}
table {
font-size: inherit;
font: 100%
}
small {
font-size: 85%
}
strong {
font-weight: bold
}
td,td img {
vertical-align: top
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
th {
font-weight: bold;
vertical-align: bottom
}
td {
font-weight: normal;
vertical-align: top
}
.ie7 img {
-ms-interpolation-mode: bicubic
}
.clearfix:before,.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden
}
.clearfix:after {
clear: both
}
.clearfix {
zoom: 1
}
input,button,textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
img,object {
height: auto;
max-width: 100%;
vertical-align: middle
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
font-weight: 500;
line-height: 1.1;
color: inherit
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
font-weight: normal;
line-height: 1;
color: #999
}
h1,h2,h3 {
margin-top: 20px;
margin-bottom: 10px
}
h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small {
font-size: 65%
}
h4,h5,h6 {
margin-top: 10px;
margin-bottom: 10px
}
h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small {
font-size: 75%
}
h1,.h1 {
font-size: 36px
}
h2,.h2 {
font-size: 30px
}
h3,.h3 {
font-size: 24px
}
h4,.h4 {
font-size: 18px
}
h5,.h5 {
font-size: 14px
}
h6,.h6 {
font-size: 12px
}
p {
margin: 0 0 10px
}
cite {
font-style: normal
}
ul,ol {
list-style: none;
margin-top: 0;
margin-bottom: 10px
}
ul ul,ol ul,ul ol,ol ol {
margin-bottom: 0
}
dl {
margin-top: 0;
margin-bottom: 20px
}
dt,dd {
line-height: 1.428571429
}
dt {
font-weight: bold
}
dd {
margin-left: 0
}
abbr[title],abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999
}
blockquote {
padding: 10px 20px;
margin: 20px 0 20px;
border-left: 5px solid #eee
}
blockquote p:last-child {
margin-bottom: 0
}
blockquote:before,blockquote:after {
content: ""
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571429
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
white-space: nowrap;
background-color: #f9f2f4;
border-radius: 4px
}
pre,code {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
word-break: break-all;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
border-radius: 4px
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.not-ie a {
-webkit-transition: background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out;
transition: background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out
}
.aligncenter {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto
}
.alignleft {
text-align: left
}
.alignright {
text-align: right
}
.alignleft {
float: left
}
.alignright {
float: right
}
img.alignleft {
margin-right: 20px
}
img.alignright {
margin-left: 20px
}
.hide {
display: none
}
.show {
display: block
}
.invisible {
visibility: hidden
}
.affix {
position: fixed
} body {
font: 80.75%/1.5 STheiti,Verdana,'Microsoft Yahei',arial,sans-serif;
overflow: hidden;
letter-spacing: 0.5px;
font-weight: 300;
font-size: 15px;
line-height: 1.75em;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
a {
text-decoration: none;
outline: none;
}
a:focus {
outline: none;
}
.container {
width: 100%;
padding: 0 50px;
} .wp_box .container {
width: 1100px;
margin: 0 auto;
padding: 0;
}
.wp_box .leftbar_bg{
width: 60px;
}
.wp_box .leftbar {
position: absolute;
padding-top: 15px;
display: inline-block;
height: 100%;
width: 60px;
z-index: 2;
}
.wp_width #wp_box{
padding: 0;
}
.wp_box #wrapper {
padding: 0;
top: -40px;
width: 1040px;
float: right;
}
.wp_box #main {
position: relative;
display: inline-block;
float: left;
width: 780px;
margin-left: 10px;
margin-right: 10px;
padding: 0;
}
.wp_box .rightbar {
display: inline-block;
position: relative;
width: 230px;
margin-right: 10px;
float: right;
padding: 0;
}
.wp_box .me_img{
margin-bottom:0;
}
.wp_box .me_avatar {
position: absolute ! important;
width: 70px;
height: 70px;
bottom: -35px;
border-radius: 4px;
left: 15px;
text-align: center;
margin-left: 0;
}
.wp_box .me_avatar img {
border-radius: 8px;
padding: 4px;
display: block;
width: 70px;
margin: 0 auto;
height:auto;
border:none;
}
.wp_box .me_name {
font-size: 18px;
display: block;
width: 100%;
height: 45px;
padding-top: 9px;
padding-left: 90px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.wp_box .about_me:before {
content: '';
height: 7px;
position: absolute;
z-index: 0;
top: 40px;
left: 0;
width: 100%;
}
.wp_box .rightbar .widget_archive li ,.wp_box .rightbar .widget_categories li ,.wp_box .rightbar .widget_links li {
width: 100%;
}
.wp_box .rightbar .cs_widget_qr .widget-title:after {
height: 55px;
width: 55px;
}
.wp_box .cs_widget_qr .qr-caption{
font-size: 18px;
}
.wp_box.leftbar_close #wrapper{
padding: 0;
width: 1100px;
}
.wp_box.leftbar_close #main{
width: 835px;
} .wrapper_bg {
position: fixed;
z-index: -3;
top: 0;
width: 1100px;
height: 100%;
}
.wrapper_bg:before {
content: "";
width: 13px;
position: absolute;
left: -7px;
height: 100%;
}
.wrapper_bg:after {
content: "";
width: 13px;
position: absolute;
right: -7px;
height: 100%;
}
#wrapper {
padding-left: 60px;
position: relative;
top: 75px;
display: inline-block;
width: 100%;
}
#main {
position: relative;
max-width: 1500px;
display: block;
float: left;
padding: 0 15px;	
margin-right: 29.4118%;
width: 70.5882%;
}
.leftbar_close #wrapper {
padding-left:20px;
}
.leftbar_close #main {
} .sticky-wrapper {
float: left;
z-index: 20;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.header {
top: 0;
left: 0;
display: block;
z-index: 99999;
width: 100%;
height: 50px;
}
.header:before {
content: '';
height: 3px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.header hgroup {
float: left;
}
.admin-bar .header , .admin-bar .header .bar {
top: 32px;
}
.admin-bar .header-menu .header-menu-wrapper > ul > li > .dropdown {
top: 82px;
}
.logo {
display: block;
text-indent: -9999px;
margin: 0;
}
.logo-image {
display: inline-block;
padding-top: 8px;
margin-bottom: 0;
margin-right: 30px;
float: left;
}
.logo-image a {
display: block;
text-align: center;
}
.logo-image img {
display: inline-block;
height: 30px;
}
.logo-text {
display: block;
font-weight: normal;
margin-right: 30px;
margin-bottom: 0;
}
.logo-text a i {
height: 50px;
line-height: 50px;
font-size: 30px;
}
.logo-subtitle {
width: 100%;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
margin: 11px 0 0 0;
display: inline-block;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
.in a {
-webkit-animation: hue 20s infinite linear;
animation: hue 20s infinite linear;
background-image: -webkit-linear-gradient(180deg, #f35626, #feab3a);
background-image: linear-gradient(180deg, #f35626, #feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.logo-text a {
font-size: 26px;
height: 50px;
line-height: 50px;
-webkit-transition: .1s ease-in;
-moz-transition: .1s ease-in;
-o-transition: .1s ease-in;
transition: .1s ease-in;
}
.logo-text a:hover {
-webkit-transition: .1s ease-in;
-moz-transition: .1s ease-in;
-o-transition: .1s ease-in;
transition: .1s ease-in;
}
.header-menu {
float: left;
font-size: 14px;
}
.header-menu .header-menu-wrapper > ul > li {
display: inline-block;
padding: 0 15px;
line-height: 2;
position: relative;
}
.header-menu .header-menu-wrapper > ul > li:before {
position: absolute;
left: 0px;
top: 11px;
}
.header-menu .header-menu-wrapper > ul > li > a {
font-family: 'Microsoft Yahei';
display: inline-flex;
font-size: 14px;
height: 50px;
line-height: 50px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.header-menu .header-menu-wrapper > ul > li > .dropdown {
left: 0;
top: 50px;
transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
-ms-transition: all .1s linear;
}
.header-menu .header-menu-wrapper > ul > li > .dropdown .dropdown {
position: static;
}
.header-menu .header-menu-wrapper > ul > li > .dropdown .dropdown .dropdown-wrapper {
background-color: transparent;
border-bottom: none;
border-radius: 0;
position: static;
}
.header-menu .header-menu-wrapper > ul > li > .dropdown .dropdown .dropdown-wrapper.arrow-up-left:before {
display: none;
}
.header-menu .header-menu-wrapper > ul > li > .dropdown .dropdown .dropdown-wrapper .sub-menu > li:first-child > a {
border-radius: 0;
-webkit-border-radius: 0;
}
.select-menu, .select {
display: none;
}
.header-nav {
padding-left: 30px;
padding-top: 7px;
float: left;
}
.header-nav div {
float: left;
width: 100%;
}
.nav a {
display: block;
padding: 4px 18px;
font-size: 15px;
line-height: 20px;
}
.nav a:hover {
text-decoration: none;
cursor: pointer;
}
.current-menu-item  , .header-menu .header-menu-wrapper > ul > li:hover {
border-radius: 5px;
}
.nav, .nav ul {
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: relative;
line-height: 28px;
}
.nav li {
float: left;
position: relative;
}
.nav li:last-child {
margin-right: 0;
}
header  .search {
float: right;
}
header .member_login {
float: right;
margin-left: 10px;
margin-top: 1px;
}
header .log-in-out {
margin-top: 4px;
float: left;
position: relative;
}
#searchform {
position: relative;
}
header #searchbox {
float: right;
margin-top: 9px;
margin-left: 10px;
}
header .skin {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
position: relative;
text-align: center;
margin-top: 3px;
width: 60px;
height: 51px;
font-size: 16px;
padding-top: 8px;
float: right;
margin-left: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
cursor: pointer;    
}
.skin ul{
visibility: hidden;
opacity:0;
transition:.2s;
position: absolute;
right: -1px;
top: 46px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
width: 140px;
height: 60px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
header .skin:hover ul{
visibility: visible;
opacity:1;
}
.skin ul li{
font-size: 14px;
padding-top: 7px;
width: 33.33%;
height: 100%;
line-height: 60px;
display: inline-block;
float: left;
}
.skin span{
display: block;
width: 27px;
height: 27px;
margin: 0 auto 3px;
border-radius: 5px;
}
.skin1 span{
background: #6E4C3E;
background: -webkit-gradient(linear,left top,left bottom,from(#B3765C),to(#6A4A3C));
border: 1px solid #502F20;
}
.skin2 span{
background: #333333;
background: -webkit-gradient(linear,left top,left bottom,from(#464646),to(#151515));
border: 1px solid #333231;
}
.skin3 span{
background: #3DB4CC;
background: -webkit-gradient(linear,left top,left bottom,from(#67D9EF),to(#2D92A5));
border: 1px solid #467D88;
}
.skin ul li a{
text-align: center;
width: 100%;
line-height: 1;
display: inline-block;
}
.skin ul li a:hover{
}
header .skin i {
font-size: 24px;
}
header #searchbox .search-text {
padding: 1px 0 1px 32px;
border-radius: 5px;
width: 190px;
height: 30px;
font-size: 13px;
outline: none;
}
#searchbox i {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
position: absolute;
height: 30px;
line-height: 30px;
top: 0;
left: 0px;
padding-left: 7px;
padding-right: 7px;
}
.log-in-out .icon-login {
text-align: center;
display: inline-block;
border-radius: 50%;
width: 30px;
height: 30px;
}
header .log-in-out .login_bg {
display: none;
position: absolute;
z-index: 100;
top: 43px;
right: 0;
}
#login-form label {
display: none;
}
#user_login , #user_pass {
padding: 3px 0 3px 29px;
border-radius: 5px;
font-size: 13px;
outline: none;
}
input#wp-submit {
width: 100%;
text-align: center;
font-size: 15px;
border-radius: 5px;
cursor: pointer;
line-height: 33px;
display: block;
padding: 0 15px;
outline: 0
}
.login-username:before {
content: "\f007";
position: absolute;
top: 21px;
left: 23px;
font-family: FontAwesome;
font-size: 15px;
margin-left: 4px;
}
.login-password:before {
content: "\f023";
position: absolute;
top: 65px;
left: 24px;
font-family: FontAwesome;
font-size: 15px;
margin-left: 4px;
}
header .profile {
margin-top: 8px;
float: left;
position: relative;
}
.profile i {
font-size: 16px;
padding: 0 10px 0 0;
}
header .profile .dropdown {
top: 26px;
padding-top: 15px;
left: auto;
right: 0
}
header .log-in-out #login-form {
padding: 15px;
}
header .log-in-out .login-links {
font-size: 13px;
line-height: 17px;
padding: 11px 15px;
}
.log-in-out .icon-login i {
line-height: 2.2;
font-size: 18px;
}
.login-submit {
margin: 0;
}
header .member {
float: left;
}
header .member .avatar img {
border-radius: 5px;
width: 28px;
}
header .log-in-out + .member {
margin-right: 40px;
}
.icon-login.hovered, .icon-login:hover, .icon-logins:focus, .dropel:hover .icon-login, .dropel:focus .icon-login {
background-position: left -176px;
}
.dropdown {
position: fixed;
width: 100%;
opacity: 0;
visibility: hidden;
z-index: 100;
}
.profile .dropdown {
position: absolute;
width: auto;
}
.profile .sub-menu li {
display: block;
}
li:hover .dropdown, 
li:focus .dropdown, 
.dropel:hover .dropdown, 
.dropel:focus .dropdown {
opacity: 1;
visibility: visible;
}
li:active .dropdown, 
li:active .dropdown, 
.dropel:active .dropdown, 
.dropel:active .dropdown {
-webkit-transition: opacity .2s linear;
}
.dropdown .dropdown-wrapper,.login_bg .dropdown-wrapper {
position: relative;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.member_login .dropdown-wrapper , .login_bg .dropdown-wrapper {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.log-out:hover {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.header-menu-list .sub-menu, .profile .sub-menu {
list-style-type: none;
text-align: left;
font-size: 14px;
line-height: 18px;
display: inline-block;
}
.profile .sub-menu {
width: 190px;
margin-bottom: 0;
}
.sub-menu li {
display: inline-block;
}
.mobile-menu > li {
border-radius: 0;
}
.mobile-menu .sub-menu > li {
display: block;
}
.sub-menu li:before {
float: left;
padding: 11px 10px 0;
font-size: 16px;
}
.header-menu-list .sub-menu > li > a , .profile .sub-menu > li > a {
font-family: 'Microsoft Yahei';
display: block;
padding: 10px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.header-menu-list .sub-menu > li:first-child > a , .profile .sub-menu > li:first-child > a {
border-radius: 0;
-webkit-border-radius: 0;
}
.header-menu-list .sub-menu > li:last-child > a , .profile .sub-menu > li:last-child > a {
border-bottom: 0;
border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
}
.header-menu-list .sub-menu ul , .profile .sub-menu ul {
list-style-type: none;
font-size: 14px;
line-height: 18px;
}
.header-menu-list .sub-menu ul > li > a , .profile .sub-menu ul > li > a {
display: block;
padding: 7px 20px 11px 35px;
}
.header-menu-list .sub-menu ul > li > a:hover , .profile .sub-menu ul > li > a:hover {
text-decoration: none;
}
#menu-toggle {
display: none;
float: right;
font-size: 24px;
line-height: 24px;
padding-top: 13px;
}
a.menu-toggle:before {
content: "\f0c9";
font-family: FontAwesome;
}
a.open-nav:before {
content: "\f00d";
font-family: FontAwesome;
}
.mobile-nav {
display: none;
padding: 50px 10px 10px;
width: 100%;
height: 100%;
position: fixed;
overflow: scroll;
z-index: 99998;
}
.open-nav {
display: none;
}
.mobile-nav .menu-item-has-children > a:after {
display: none;
}
.mobile-menu > li {
line-height: 2.5;
}
.mobile-nav a {
padding-left: 10px;
display: block;
font-size: 15px;
}
.mobile-nav .sub-menu {
padding-left: 20px;
} #banner {
position: relative;
display: table;
width: 100%;
height: 200px;
margin-top: 50px;
font-size: 1.1rem;
}
.banner_bg {
height: 8px;
width: 100%;
} .posts-nav , #comment-nav-below {
text-align: center;
margin: 0 auto 20px;
font-size: 14px;
padding: 10px 0
}
.posts-nav .page-numbers , #comment-nav-below .page-numbers {
border-radius: 3px;
display: inline-block;
text-align: center;
min-width: 30px;
padding: 0 5px;
line-height: 30px;
margin: 0 5px;
} #header_slider {
border-radius: 5px;
margin-bottom: 25px;
}
.slider {
position: relative;
padding: 10px 10px 0px;
}
.sticky_slider {
overflow: hidden;
position: relative;
padding: 0 10px 0px;
}
ul#sticky {
margin-bottom: 0;
}
.slider p {
position: absolute;
width: 100%;
bottom: 0;
margin: 0;
padding: 10px;
}
.sticky_slider p {
line-height: 1.5;
font-size: 14px;
}
.sticky_slider .featured-image {
border-radius: 5px;
display: block;
height: 100px;
overflow: hidden;
}
.ls-action {
opacity: 0;
}
.slider:hover .ls-action {
opacity: 1;
} #bulletin_box {
padding-left: 12px;
margin-bottom: 25px;
}
#bulletin_box .fa-bell-o {
position: absolute;
padding-top: 10px;
}
#bulletin {
height: 34px;
line-height: 34px;
overflow: hidden;
padding: 10px 10px 10px 25px;
}
#bulletin li {
line-height: 1;
padding-bottom: 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 700px;
overflow: hidden;
}
#bulletin a {
line-height: 1;
}
#bulletin a:hover {
}
.bulletin_remove {
position: relative;
top: -28px;
left: -6px;
float: right;
font-size: 14px;
height: 18px;
width: 18px;
display: block;
line-height: 16px;
margin: 4px 0 3px 0;
text-align: center;
}
.bulletin_remove:hover {
}
#bulletin_close {
color: #666;
}
#bulletin span {
color: #666;
} .read_more a {
display: block;
}
.post-copyright , .read_more {
clear: both;
font-size: 12px;
padding: 6px 15px 5px;
border-radius: 5px;
text-align: center;
margin: 40px;
}
.post-copyright a , .read_more a {
text-decoration: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
} a.jm-post-like {
font-weight: normal;
display: inline-block;
width: auto;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
-moz-transition: all 0.3s ease-out 0.2s;
-webkit-transition: all 0.3s ease-out 0.2s;
-o-transition: all 0.3s ease-out 0.2s;
}
#like_btn {
float: right;
padding: 8px 10px 5px;
}
.jm-post-hate{
margin-right:10px;
}  .post-sticky{
width:48px;
height:66px;
background:url(//pwsz.com/wp-content/themes/Island/images/sticky.png) top left no-repeat;
position: absolute !important;
right: 20px;
top: -5px;
z-index: 2;
}
.top_meta {
font-size: 12px;
display: block;
padding: 0 20px;
margin: 0 ! important;
}
.top_meta li {
float: left;
margin-right: 15px;
margin-bottom: 0;
list-style-type: none ! important;
}
.top_meta li i {
padding-right: 5px;
}
.bottom_meta {
overflow: hidden;
position: relative;
min-height: 40px;
width: 100%;
margin-bottom: 0;
padding: 0px 10px;
}
.bottom_meta:before {
content: '';
height: 2px;
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
}
.post .bottom_meta li {
margin-left: 5px;
list-style-type: none;
margin-bottom: 0;
}
.post .bottom_meta li span {
line-height: 1.4;
float: left;
padding-right: 5px;
}
.meta_tabs a {
position: relative;
float: left;
height: 20px;
padding: 0 9px;
margin-top: 10px;
margin-left: 13px;
font-size: 11px;
line-height: 20px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.meta_tabs a:before,
.meta_tabs a:after {
content: "";
float: left;
position: absolute;
}
.meta_tabs a:before {
top: 0;
left: -9px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 9px 10px 0;
}
.meta_tabs a:after {
top: 8px;
left: 0;
width: 4px;
height: 4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
} .mejs-controls a.mejs-horizontal-volume-slider:after {
display: none;
}
.audio-wrapper *:focus {
outline: none ! important;
}
.audio-wrapper {
position: relative;
display: block;
padding: 20px 20px 0px;
}
.audio-wrapper .mejs-controls .mejs-button button {
background: none;
}
.cue-playlist-container .mejs-previous button:before , .cue-playlist-container .mejs-next button:before , .mejs-play button:before , .mejs-pause button:before , .mejs-mute button:before , .mejs-unmute button:before , .cue-playlist-container .is-closed button:before , .cue-playlist-container .is-open button:before , .cue-playlist-container .mejs-toggle-player-button button:before , .cue-playlist-container .is-closed .mejs-toggle-player-button button:before {
font-family: FontAwesome;
font-size: 15px;
margin-left: 4px;
line-height: 2.4;
}
.cue-playlist-container .mejs-previous button:before {
content: "\f048";
}
.cue-playlist-container .mejs-next button:before {
content: "\f051";
}
.mejs-play button:before {
content: "\f04b";
}
.mejs-pause button:before {
content: "\f04c";
}
.mejs-mute button:before {
content: "\f028";
}
.mejs-unmute button:before {
content: "\f026";
}
.cue-playlist-container .mejs-toggle-playlist-button button:before {
content: "\f0c9";
}
.cue-playlist-container .open .mejs-toggle-playlist-button button:before {
content: "\f00d";
}
.cue-playlist-container .mejs-toggle-player-button button:before {
content: "\f0d9";
}
.cue-playlist-container .is-closed .mejs-toggle-player-button button:before {
content: "\f0da";
}
.audio-wrapper .mejs-play button:before , .audio-wrapper .mejs-pause button:before , .audio-wrapper .mejs-mute button:before , .audio-wrapper .mejs-unmute button:before {
position: relative;
font-size: 13px ! important;
top: -7px;
margin-left: 0 ! important;
}
.audio-wrapper span {
}
.audio-wrapper .mejs-container .mejs-controls {
border-radius: 0;
}
.audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-total , .audio-wrapper .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
border-radius: 0;
}
.audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-loaded {
border-radius: 0;
}
.audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-current , .audio-wrapper .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
} .qrcode-box {
position: absolute;
width: 115px;
height: 150px;
right: 5px;
top: 270px;
padding: 6px 6px 0;
z-index: 11;
border-radius: 5px;
}
.qrcode-box .qrcode-desc {
text-align: center;
font-size: 12px;
margin-bottom: 10px;
}  #breadcrumb {
width: 100%;
border-radius: 4px;
list-style: none;
display: inline-block;
}
#breadcrumb .icon {
font-size: 14px;
}
#breadcrumb li {
float: left;
}
#breadcrumb li:after {
content: "\f105";
font-family: FontAwesome;
font-size: 14px;
left: 0;
}
#breadcrumb li a {
height: 40px;
line-height: 40px;
padding: 0 10px;
text-align: center;
}
#breadcrumb li:first-child a {
width: 40px;
}
#breadcrumb li:last-child:after {
display: none;
}
.ias-trigger-prev {
display: none ! important;
}
.ias-trigger a {
padding: 10px 20px;
border-radius: 5px;
}
.ias-trigger a:before {
content: "\f021";
font-family: FontAwesome;
margin-right: 10px;
font-size: 14px;
left: 0;
} .loading_style1 .loading-bar {
position: fixed;
top: 50px;
left: 0;
right: 0;
height: 2px;
z-index: 800;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
display: block;
-webkit-animation: shift-rightwards 1s ease-in-out infinite;
-moz-animation: shift-rightwards 1s ease-in-out infinite;
-ms-animation: shift-rightwards 1s ease-in-out infinite;
-o-animation: shift-rightwards 1s ease-in-out infinite;
animation: shift-rightwards 1s ease-in-out infinite;
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s;
}
@-webkit-keyframes shift-rightwards {
0% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
40% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
60% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
@-moz-keyframes shift-rightwards {
0% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
40% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
60% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
@-o-keyframes shift-rightwards {
0% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
40% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
60% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes shift-rightwards {
0% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
40% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
60% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
.loading_style2 .loading-bar {
position: fixed;
z-index: 9;
top: 50px;
width: 100%;
text-align: center;
-webkit-animation: loading 1s infinite linear;
-moz-animation: loading 1s infinite linear;
-o-animation: loading 1s infinite linear;
animation: loading 1s infinite linear;
background: #f09d1f;
background: -moz-linear-gradient(left,  #f09d1f 0%, #f09d1f 20%, #f09d1f 20%, #eb5d47 20%, #eb5d47 20%, #eb5d47 40%, #cb3246 40%, #cb3246 60%, #cb3246 60%, #962422 60%, #962422 80%, #208488 80%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f09d1f), color-stop(20%,#f09d1f), color-stop(20%,#f09d1f), color-stop(20%,#eb5d47), color-stop(20%,#eb5d47), color-stop(40%,#eb5d47), color-stop(40%,#cb3246), color-stop(60%,#cb3246), color-stop(60%,#cb3246), color-stop(60%,#962422), color-stop(80%,#962422), color-stop(80%,#208488));
background: -webkit-linear-gradient(left,  #f09d1f 0%,#f09d1f 20%,#f09d1f 20%,#eb5d47 20%,#eb5d47 20%,#eb5d47 40%,#cb3246 40%,#cb3246 60%,#cb3246 60%,#962422 60%,#962422 80%,#208488 80%);
background: -o-linear-gradient(left,  #f09d1f 0%,#f09d1f 20%,#f09d1f 20%,#eb5d47 20%,#eb5d47 20%,#eb5d47 40%,#cb3246 40%,#cb3246 60%,#cb3246 60%,#962422 60%,#962422 80%,#208488 80%);
background: -ms-linear-gradient(left,  #f09d1f 0%,#f09d1f 20%,#f09d1f 20%,#eb5d47 20%,#eb5d47 20%,#eb5d47 40%,#cb3246 40%,#cb3246 60%,#cb3246 60%,#962422 60%,#962422 80%,#208488 80%);
background: linear-gradient(to right,  #f09d1f 0%,#f09d1f 20%,#f09d1f 20%,#eb5d47 20%,#eb5d47 20%,#eb5d47 40%,#cb3246 40%,#cb3246 60%,#cb3246 60%,#962422 60%,#962422 80%,#208488 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09d1f', endColorstr='#208488',GradientType=1 );
height: 3px;
margin: 0 auto;
width: 100%;
}
.loading_style3 .loading-bar {
position: fixed;
z-index: 9;
top: 50px;
width: 100%;
text-align: center;
-webkit-animation: loading 1s infinite linear;
-moz-animation: loading 1s infinite linear;
-o-animation: loading 1s infinite linear;
animation: loading 1s infinite linear;
background: #4cd964;
background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cd964', endColorstr='#ff2d55',GradientType=1 );
height: 3px;
margin: 0 auto;
width: 100%;
}
@-webkit-keyframes loading {
0% {
background-position: 0;
}
100% {
background-position: 1440px;
}
}
@-moz-keyframes loading {
0% {
background-position: 0;
}
100% {
background-position: 1440px;
}
}
@-o-keyframes loading {
0% {
background-position: 0;
}
100% {
background-position: 1440px;
}
}
@keyframes loading {
0% {
background-position: 0;
}
100% {
background-position: 1440px;
}
} #controls {
padding: 2px;
width: 30px;
position: absolute;
top: 120px;
right: -30px;
text-align: center;
transition: .25s ease-out;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
#controls a.selected {
border-radius: 4px;
}
#controls a {
display: block;
font-weight: bold;
padding: 4px;
margin-bottom: 2px;
}
#controls a:hover {
border-radius: 4px;
transition: none;
}
#small {
font-size: 10px !important;
}
#medium {
font-size: 14px !important;
}
#large {
font-size: 18px  !important;
}
.small {
font-size: 75%;
} .ajax_gif {
background: url(//pwsz.com/wp-content/themes/Island/images/ajax.gif) no-repeat center center;
} h3.related_title {
text-align: center;
padding: 0 40px;
font-size: 18px;
margin-bottom: 5px;
}
.related_img {
margin-bottom: 0;
padding: 0 40px;
width: 100%;
display: inline-block;
min-height: 50px;
}
.related_box {
min-height: 200px;
float: left;
overflow: hidden;
margin-bottom: 0 ! important;
width: 20%;
}
.wp_width .related_box {
min-height: 240px;
}
.related_box:last-child {
border-right: 0;
}
.related_box .r_title {
width: auto;
line-height: 1.5;
font-weight: 400;
font-size: 13px;
margin: 0 10px;
overflow: hidden;
}
.related_box .r_pic {
margin: 6px;
}
.related_box .r_pic img {
width: 100%;
margin-bottom: 0 !important;
padding: 2px !important;
} .animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
}
.animated.hinge {
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(0);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(0);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(0);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(0);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
} #drawer-inside {
}
#drawer-toggle {
float: right;
margin-top: 7px;
margin-left: 20px;
text-align: center;
font-size: 28px;
}
#drawer-toggle2 {
display: none;
}
#drawer {
display: block;
width: 100%;
z-index: 1;
}
#drawer:before {
content: '';
height: 7px;
position: absolute;
z-index: 0;
top: -7px;
left: 0;
width: 100%;
}
#drawer-inside {
padding-bottom: 40px;
position: relative;
z-index: 15;
line-height: 22px;
}
.columns1 .widget {
width: 100%;
}
.columns2 .widget {
width: 50%;
}
.columns3 .widget {
width: 33.33%;
}
.columns4 .widget {
width: 25%;
}
#drawer-inside .widget {
float: left;
font-size: 13px;
padding: 20px 0 20px;
}
#drawer-inside .widget:last-child {
margin-right: 0;
padding-right: 0;
}
#drawer-inside .widget p {
margin-bottom: 20px;
}
#drawer-inside .widgettitle {
display: inline-block;
text-transform: uppercase;
font-size: 18px;
line-height: 20px;
margin-top: 0;
margin-bottom: 15px;
letter-spacing: 0px;
}
#drawer-inside .chirp li:last-child {
border-bottom: none;
} .leftbar_bg {
position: fixed;
top: 0;
z-index: -2;
height: 100%;
width: 50px;
}
.leftbar {
position: fixed;
padding-top: 60px;
display: inline-block;
height: 100%;
width: 50px;
z-index: 2;
}
.lfixed {
position: fixed ! important;
top: 60px ! important;
}
.left_menu {
width: 46px;
margin: 0 auto;
padding: 0 5px;
}
.left_menu ul li {
border-radius: 50%;
margin-bottom: 20px;
clear: both;
display: block;
}
.left_menu ul li a {
text-align: center;
display: block;
}
.left_menu i {
padding: 5px;
text-align: center;
font-size: 18px;
width: 30px;
height: 36px;
line-height: 28px;
border-radius: 50px;
}
.left_menu img {
width: 100%;
border-radius: 50%;
}
.left_code {
padding: 10px;
position: fixed;
bottom: 50px;
display: none;
}
.left_menu span {
padding-top: 11px;
padding-left: 12px;
white-space: nowrap;
float: left;
display: none;
}
.toggle-leftbar .left_menu span ,.toggle-leftbar .left_code {
transition: all 0.4s;
-webkit-transition: all 0.4s;
display: block;
}
.toggle-leftbar {
border: none;
}
.leftbar-visible {
transition: all 0.2s;
-webkit-transition: all 0.2s;
left: 0px;
} .rightbar {
position:absolute;
right:0;
display: inline-block;
float: right;
padding: 0px 25px;
margin-left: -100%;
width: 29.4118%;
}
.rightbar .sub-menu li {
padding-left: 20px;
}
.rightbar .sub-menu li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none ! important;
}
.me_img {
position: relative;
margin-bottom: 25px;
}
.about_me {
margin-bottom: 15px;
border-radius: 5px;
}
.me_bg {
min-height: 125px;
}
.me_bg img {
width:100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.me_content {
min-height: 90px;
line-height: 1.5;
font-size: 14px;
padding: 10px;
}
.me_avatar img {
display: block;
width: 100px;
margin: 0 auto;
border-radius: 50%;
height: 100px;
border: 4px solid rgba(0, 0, 0, 0.3);
}
.me_avatar {
position: absolute ! important;
bottom: -25px;
left: 50%;
text-align: center;
width: 100px;
margin-left: -50px;
}
.social_link {
min-height: 46px;
position: relative;
margin: 0;
padding: 8px 0 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.social_link:before {
content: '';
height: 2px;
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
}
.social_link li {
border-bottom: 0px ! important;
margin-bottom: 0px ! important;
text-align: center;
width: 20%;
display: inline-block;
float: left;
}
.social_link li  a {
display: block;
width: 100%;
}
.social_link li  a i {
padding: 6px 0;
font-size: 20px;
}
.social_link li  a img {
width: 30px;
border-radius: 50%;
}
.sidebar-contentWrapper {
padding-top: 0px;
}
.rightbar aside {
margin-bottom: 15px;
}
.rightbar .widget {
width: 100%;
margin-bottom: 15px;
border-radius: 5px;
clear: both;
}
.rightbar .widget div , .rightbar .widget ul , .rightbar .widget {
padding: 10px;
}
.widget div.clearfix {
padding: 0;
}
.rightbar .widget ul li {
font-size:14px;
margin-bottom: 8px;
}
.textwidget.cs_widget_link {
margin-bottom: 15px;
}
.widget_recent_entries li:before,.widget_pages li:before {
content: "\f0f6";
font-family: FontAwesome;
margin-right: 10px;
font-size: 14px;
left: 0;
}
.widget_archive li:before {
content: "\f115";
font-family: FontAwesome;
margin-right: 10px;
font-size: 14px;
left: 0;
}
.widget_links li:before {
content: "\f0c1";
font-family: FontAwesome;
margin-right: 10px;
font-size: 14px;
left: 0;
}
.widget_categories li:before {
content: "\f097";
font-family: FontAwesome;
margin-right: 10px;
font-size: 14px;
left: 0;
}
.widget_meta li:before,.widget_nav_menu li:before {
content: "\f101";
font-family: FontAwesome;
margin-right: 10px;
font-size: 14px;
left: 0;
}
.widget_recent_comments li:before {
content: "\f0e5";
font-family: FontAwesome;
margin-right: 10px;
font-size: 14px;
left: 0;
}
.rightbar .widget_archive li ,.rightbar .widget_categories li ,.rightbar .widget_links li {
width: 48%;
display: inline-block;
}
.widget_archive li,.widget_archive li a,.widget_categories li a {
font-size: 14px;
}
.rightbar .widget-title {
margin-top: 0;
}
.rightbar .widget .widget-title {
position: relative;
border-radius: 5px;
margin: 0 0 5px 0;
text-align: center;
letter-spacing: 2px;
font-size: 13px;
font-weight: 400;
padding: 10px 5px 15px 0;
}
.rightbar .widget .widget-title:before {
content: '';
height: 7px;
position: absolute;
z-index: 0;
top: 36px;
left: 0;
width: 100%;
}
.rightbar .cs_widget_qr .widget-title:after {
background:url(//pwsz.com/wp-content/themes/Island/images/buy-corner.png) top left no-repeat;    
background-size: cover;    
content: '';
height: 65px;
width: 65px;
position: absolute;
z-index: 0;
top: -1px;
left: -1px;
}
.rightbar .widget .widget-title span {
padding-bottom: 6px;
font-size: 15px;
font-weight: normal;
}
.rightbar .widget .widget-title span:before {
content: '';
height: 8px;
position: absolute;
border-radius: 8px;
z-index: 0;
top: 16px;
left: 10px;
width: 8px;
}
.rightbar .widget .widget-title span:after {
content: '';
height: 8px;
position: absolute;
border-radius: 8px;
z-index: 0;
top: 16px;
right: 10px;
width: 8px;
}
.rightbar .widget ul li a {
}
.rightbar .widget ul li a:hover {
}
.tagcloud a {
display: inline-block;
padding: 0 5px;
margin-right: 3px;
margin-bottom: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.search-form-input {
padding: 5px 0 5px 10px;
border-radius: 4px;
width: 100%;
font-size: 13px;
outline: none;
}
.search-button {
position: relative;
border: none;
padding: 8px;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: none;
}
#customers-count {
padding-top: 20px;
font-family: Georgia,serif;
text-transform: uppercase;
font-size: 12px;
margin-top: -14px
}
#customers_num {
width: 230px;
height: 34px;
background: url(//pwsz.com/wp-content/themes/Island/images/customers_count_bg.png) no-repeat;
}
.et_count {
height: 44px;
display: inline-block;
position: relative;
text-align: left;
color: #D8D3BF;
font-family: Arial,sans-serif;
font-size: 23px;
font-weight: 700;
text-shadow: -1px -1px 0 #000;
letter-spacing: 24px;
padding: 10px 0 0 16px
}
.et_count:after {
font: 80.75%/1.5 STheiti,Verdana,'Microsoft Yahei',arial,sans-serif;
}
#comment-list {
width: 100%;
}
#comment-list ul {
padding: 0;
}
#comment-list li {
position:relative;
width:100%;
height: 42px;
display: inline-block;
margin-bottom: 0
}
#comment-list li a {
display: inline;
width: 280px;
height: 40px;
cursor: pointer
}
#comment-list .avatar {
position:absolute;
left:0;
float: left;
width: 32px;
height: 32px;
border-radius: 5px;
}
#comment-list .s_r {
float: left;
width: 100%;
padding-left: 40px;
height: 40px
}
#comment-list .s_name {
display: block;
overflow: hidden;
width: 100%;
height: 18px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 18px;
}
#comment-list .s_desc {
display: block;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
;font-size: 13px;
line-height:  16px;
}
#wp-smiley {
border-radius: 3px;
padding: 5px;
line-height: 1;
margin-bottom: 10px;
}
.wp-smiley{
height:auto ! important;
max-height:none ! important;
}
.rightbar .wp-smiley{
zoom:0.8;
-moz-transform:scale(0.8);
　　-moz-transform-origin:top left;
} .post {
position: relative;
margin: 0 0 20px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pattern {
width: 100%;
text-align: center;
display: block;
height: 36px;
margin-top: 20px;
margin-bottom: 25px;
}
.format-status .pattern {
margin-bottom: 0;
}
.post:last-child .pattern {
display: none;
}
.post li {
list-style-type: square;
margin-bottom: 5px;
}
.format-standard.featured-image {
max-width: 100%;
width: 100%;
}
.format-standard .featured-image img, .attachment-large-image {
padding: 10px 10px 0;
max-width: 100%;
width: 100%;
height: auto;
float: left;
display: inline-block;
margin-bottom: 0 ! important;
}
.post .box-wrap {
border-radius: 5px;
display: inline-block;
width: 100%;
}
.post .box {
position: relative;
word-wrap: break-word;
margin: 0 auto;
padding: 0;
}
.page .post .box {
border-radius: 3px;
overflow: hidden;
}
.content {
min-height: 50px;
padding: 5px 20px 0;
}
.article-nav {
text-align: center;
}
.post .box header {
overflow: hidden;
}
.post .post-content {
position: relative;
width: 100%;
float: left;
padding: 0;
}
.single .post .post-content {
padding-bottom:20px;
}
.page .post-content {
padding-bottom: 25px;
}
.post .post-content ul {
margin: 0 0 30px 18px;
}
.post .post-content ol li {
margin-left:25px;
list-style-type: decimal;
}
.post .more-link {
width: 100%;
}
.post .more-link:after {
content: " ";
}
.post .excerpt-more .more-link {
margin-top: 30px;
}
.page .date-title, .error404 .date-title {
display: none;
}
.archive-title {
font-weight: bold;
padding: 15px 0;
margin: 0 0 30px 0;
text-align: center;
font-size: 14px;
letter-spacing: 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.entry-title {
min-height:40px;
position: relative;
font-weight: 400;
font-size: 22px;
line-height: 50px;
margin: 0;
padding: 5px 20px;
}
.intro {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
margin: -4px 0 12px 0;
padding: 0 0 14px 0;
}
blockquote {
}
blockquote p {
margin-bottom: 0 ! important;
}
.header .widgets {
display: inline-block;
}
.header .widget {
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 1px #ddd;
word-wrap: break-word;
display: inline-block;
width: 100%;
}
.header .widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.header .widgettitle {
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0px;
}
#content {
width: 100%;
margin: 0 auto;
}
#content p {
margin: 0 0 10px;
}
#content article img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
#content .pagelink {
font-weight: bold;
}
.post-nav {
overflow: hidden;
display: inline-block;
width: 100%;
margin: 0 auto 70px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ajax_load .post-nav {
background: none;
box-shadow: none;
border: none;
}
.single .post-nav {
margin: 0;
}
.post-nav-inside {
width: 100%;
}
.post-nav a {
font-size: 14px;
text-transform: uppercase;
display: block;
width: 100%;
padding: 10px 15px;
}
.post-nav i {
font-size: 11px;
}
.post-nav-left i {
padding-right: 2px;
}
.post-nav-right i {
padding-left: 2px;
}
.post-nav-left {
text-align: left;
float: left;
width: 50%;
}
.post-nav-left a:before {
content: "\f060";
font-family: FontAwesome;
margin-right: 10px;
font-size: 14px;
left: 0;
}
.post-nav-right {
float: right;
width: 50%;
text-align: right;
}
.post-nav-right a:after {
content: "\f061";
font-family: FontAwesome;
margin-left: 10px;
font-size: 14px;
left: 0;
}
#content .infinite {
display: none;
} .format-status {
border-radius: 3px;
margin-bottom: 25px;
}
.format-status .bottom_meta {
display: none;
}
.format-status .box header {
position: relative;
overflow: visible ! important;
}
.format-status .more-link {
float: left;
display: inline;
}
i.cut-icon {
position: absolute;
right: 8px;
bottom: -10px;
font-size: 25px;
}
.format-status .box , .format-status .post-content {
border-radius: 3px;
overflow: hidden;
margin: 0;
}
.format-status .entry-title {
position: relative;
padding: 10px 20px 5px;
margin: 0;
background: none;
box-shadow: none;
}
.entry-title:before {
content: '';
height: 2px;
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
width: 100%;
}
.format-status .box-wrap:before {
display: none;
}
.status-top {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: absolute;
background: url(//pwsz.com/wp-content/themes/Island/images/stripes.png);
top: 0;
width: 100%;
height: 5px;
}
.status-bottom {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
position: absolute;
background: url(//pwsz.com/wp-content/themes/Island/images/stripes.png);
bottom: 0;
width: 100%;
height: 5px;
}
.format-status .content{
padding-bottom:20px;
}
.format-status .box, .format-status .post-content {
border-radius: 0;
}
.format-status .read_more ,.format-status .related_img , .format-status .related_title , .format-status .post-copyright {
display: none;
} .format-aside .box {
margin-bottom: 20px;
}
.home .format-aside .box header , .archive .format-aside .box header, .search .format-aside .box header {
margin-bottom: 10px;
}
.home .format-aside .featured-image , .archive .format-aside .featured-image, .search .format-aside .featured-image {
position:absolute;
left:0;
z-index: 100;	
float: left;
width: 130px !important;
height: 120px;
margin-left: 20px;
border-radius: 5px;
overflow: hidden;
display: inline-block;
}
.format-aside .featured-image img {
}
.home .format-aside .post-content , .archive .format-aside .post-content, .search .format-aside .post-content {
min-height:120px;
padding-left: 170px;
padding-right: 15px;
float: left;
}
.format-aside  .entry-title {
}
.home .format-aside  .content , .archive .format-aside  .content , .search .format-aside  .content {
padding: 0;
}
.home .format-aside  .top_meta , .archive .format-aside  .top_meta, .search .format-aside  .top_meta {
padding-left: 0;
}
.format-aside  .top_meta li {
margin-bottom: 0;
}
.home #content .format-aside  p , .archive #content .format-aside  p, .search #content .format-aside  p {
line-height: 1.6;
margin: 0;
}
.home .format-aside .read_more , .home .format-aside .read_more:hover , .archive .format-aside .read_more , .archive .format-aside .read_more:hover, .search .format-aside .read_more , .search .format-aside .read_more:hover {
background: none;
border: none;
text-align: left;
padding: 0;
margin: 0;
font-size: 14px;
}
.format-aside .read_more a {
display: inline;
}
.single .format-aside .featured-image img {
padding-bottom: 20px;
} .comments {
width: 100%;
margin: 20px 0 20px;
border-radius: 5px;
}
#comments {
display: inline-block;
width: 100%;
margin: 0 auto;
padding: 0px 20px 0;
}
#comments-title {
position: relative;
font-size: 20px;
padding: 20px 0px;
margin: 0;
}
#comments-title:before {
display:none;
}
.comments-open {
margin-bottom: 60px !important;
}
#respond {
margin: 0 0 15px 0;
padding: 0px 0 60px 0;
}
.comment #respond {
margin-top: 0px;
padding-bottom: 10px;
}
#respond h3 {
display: inline-block;
font-size: 24px;
font-weight: normal;
margin: 0;
}
.commentlist #respond h3 {
margin-top: 15px;
}
#respond label {
position: absolute;
top: 12px;
left: 10px;
}
.comment-form-comment  label {
display: none;
}
#respond p {
position: relative;
}
#respond .required {
font-size: 10px;
}
#respond p {
margin-bottom: 15px;
}
#commentform p {
width: 100%;
}
#respond input[type="text"], #respond textarea {
border: none;
width: 100%;
padding: 10px 10px 10px 100px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
}
#respond textarea {
padding: 10px;
}
#respond .comment-form-comment {
width: 100%;
display: inline-block;
}
.comment-notes{
display: none;
}
#wp-smiley {
margin-bottom: 5px;
}
#respond input:focus, #respond textarea:focus {
outline: none;
}
#respond textarea {
line-height: 22px;
width: 100%;
}
#commentform #submit {
width: 100%;
text-align: center;
font-size: 15px;
border-radius: 5px;
cursor: pointer;
line-height: 40px;
display: block;
padding: 0 15px;
outline: 0
}
.form-allowed-tags {
display: none !important;
}
.commentlist {
display: block;
list-style-type: none !important;
counter-reset: li;
}
.commentlist li {
position: relative;
float: left;
width: 100%;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
position: relative;
list-style: none;
}
.commentcount {
position: absolute;
right: 7px;
height: auto;
top: 14px;
z-index:999;
}
span.author {
margin-left: 5px;
font-size: 12px;
}
.children li {
padding-left: 20px;
}
.children li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none ! important;
}
.comment-block {
position: relative;
padding: 10px 0 10px 10px;
border: 0 !important;
}
.children {
margin-top: 5px;
}
.comment-text p {
font-size: 13px;
line-height: 1.5em;
margin: .5em 0 !important;
word-wrap: break-word;
text-indent: 0;
clear: none;
}
.comment-info span a {
font-size: 12px;
margin-right: 8px;
}
.comment-reply a:before {
content: "\f112";
font-family: FontAwesome;
margin-right: 5px;
}
#cancel-comment-reply-link {
position: relative;
margin: 0 0 0 8px;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
-webkit-transition: .1s ease-in;
-moz-transition: .1s ease-in;
-o-transition: .1s ease-in;
transition: .1s ease-in;
}
#cancel-comment-reply-link:hover {
-webkit-transition: .1s ease-in;
-moz-transition: .1s ease-in;
-o-transition: .1s ease-in;
transition: .1s ease-in;
}
#cancel-comment-reply-link i {
font-size: 18px;
}
#cancel-comment-reply-link i:hover {
cursor: pointer;
}
.comment-notes, .comments .logged-in-as {
width: 100% !important;
font-size: 11px;
line-height: 18px;
text-transform: uppercase;
margin-top: 5px !important;
}
.comment-notes .required {
position: relative !important;
top: auto !important;
right: auto !important;
}
.comment-awaiting-moderation {
font-weight: bold;
font-size: 11px;
}
.comment-body {
padding: 15px 15px 12px 32px;
border-radius: 5px;
}
.author-img {
position: absolute;
top: 26px;
left: -11px;
padding: 5px;
width: 41px;
height: 41px;
box-shadow: -1px 0 1px rgba(0,0,0,.15) inset;
border-radius: 46px;
}
.author-img img {
display: block;
max-width: none ! important;
width: 32px !important;
height: 32px !important;
border-radius: 32px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
-webkit-transition: .4s all ease-in-out;
-moz-transition: .4s all ease-in-out;
-o-transition: .4s all ease-in-out;
-ms-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;
}
.comment-block:hover .author-img img {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fn , .fn a {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#comment-nav-below {
border-radius: 5px;
display: inline-block;
width: 100%;
padding: 10px;
overflow: hidden;
display: inline-block;
width: 100%;
}
#comment-nav-below .nav-previous {
float: left;
width: 50%;
}
#comment-nav-below .nav-next {
float: right;
width: 50%;
text-align: right;
}
#comment-nav-below .nav-previous  a:before {
content: "\f060";
font-family: FontAwesome;
margin-right: 10px;
font-size: 14px;
left: 0;
}
#comment-nav-below .nav-next a:after {
content: "\f061";
font-family: FontAwesome;
margin-left: 10px;
font-size: 14px;
left: 0;
} .wp-caption img, .size-thumbnail {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.gallery-wrap {
margin-bottom: 10px;
} .foot_btn {
position: fixed;
z-index: 4;
right: 35px;
bottom: 70px;
display: none;
}
.foot_btn li {
margin-bottom: 15px;
}
.foot_btn li>a {
width: 40px;
height: 40px;
text-align: center;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: background 200ms linear;
-moz-transition: background 200ms linear;
transition: background 200ms linear;
-webkit-backface-visibility: hidden;
display: inline-block;
line-height: 1;
font-size: 20px;
padding: 9px 10px 10px 10px;
}
#fi-wx-show {
border-radius: 5px;
padding: 5px;
width: 150px;
height: 150px;
position: fixed;
right: 90px;
bottom: 85px;
}
.rightbar .copyright {
margin: 40px 0;
font-size: 13px;
text-transform: uppercase;
}
#wrapper .copyright {
text-align: center;
margin: 40px 0;
font-size: 10px;
text-transform: uppercase;
}
.share_show {
padding:15px;
width: 160px;
position: fixed;
right: 75px;
bottom: 70px;
}
.bdsharebuttonbox{
border-radius: 5px;	
padding:10px;
}
.bdsharebuttonbox a{
font-size:14px !important;
padding-left:20px !important;
} .wp-caption {
max-width: 96%;
text-align: center;
text-transform: uppercase;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 40px 10px 0;
}
.wp-caption.alignright {
margin: 5px 0 10px 40px;
}
img.alignleft, img.alignright {
padding: 5px;
}
img.alignleft {
margin: 5px 40px 10px 0;
}
img.alignright {
margin: 5px 0 10px 40px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 10px !important;
margin: 0 !important;
padding: 3px 0 0 0!important;
}
.gallery {
margin-bottom: 30px !important;
}
.gallery-caption {
text-align: center;
}
.gallery-item {
float: none !important;
display: inline-block;
width: 115px !important;
margin-right: 2px;
margin-bottom: 2px;
}
.gallery-icon {
width: 87px;
}
.gallery-item img {
width: 75px;
height: auto;
padding: 5px;
} .error404 .post-content {
padding: 40px;
}
.error404 .post .search-form {
margin-top: 30px;
margin: 0 auto;
position: relative;
}
.error404 .post .search-form-input {
margin-bottom: 20px;
} ul.xoxo.blogroll {
margin: 0;
}
.linkcat {
padding-top: 20px;	
list-style-type: none ! important;
}
.linkcat h2 {
display: none;
}
.linkcat li {
display: inline-block;
width: 32%;
list-style-type: none;
border-radius: 4px;
}
.linkcat li a {
padding: 2px 10px 4px;
display: inline-block;
width: 100%;
}
.linkcat li a:after {
display: none;
}
.linkcat li a img {
margin-right: 7px;
margin-bottom: 0 !important;
line-height: 1;
width:18px;
} #archives:after {
clear: both;
display: block;
visibility: hidden;
height: 0!important;
content: " ";
font-size: 0!important;
line-height: 0!important
}
#archives {
zoom: 1
}
#archives-content {
width: 100%;
}
#archive-nav {
position: absolute;
width: 142px;
height: 175px;
right: -15px;
top: 300px;
padding: 10px 10px 0 10px;
z-index: 11;
border-radius: 5px;
}
.archive-nav {
display: block;
width: 50px;
text-align: center
}
.month {
display: none;
}
.month.monthed {
display: block;
padding: 5px;
cursor: pointer;
}
.monthall {
display: none
}
.year.selected .monthall {
display: block
}
.year-toogle {
display: block;
padding: 5px;
text-decoration: none;
font-size: 14px;
letter-spacing: 0;
}
.archive_title {
padding-bottom: 40px
}
.brick {
margin-bottom: 10px
}
.archives a {
position: relative;
display: block;
padding: 10px;
font-style: normal;
line-height: 18px;
border-radius: 4px;
}
.time {
color: #888;
padding-right: 10px
}
#archives h3 {
padding-bottom: 10px
}
.brick em {
padding-left: 10px
}
.brick a:after, a.fluidbox:after , a.content-img:after {
display: none;
} #footer {
position: relative;
z-index: 3;
width: 100%;
margin-top: 150px;
}
#copyright {
position: absolute;
text-align: center;
bottom: 0;
z-index: 17;
width: 100%;
height: 50px;
font-size: 14px;
}
.copyright {
height: 50px;
line-height: 50px;
}
.copyright a {
} #awaiting_comments{
position:fixed;
top: 65px;
right: 24px;
z-index:9999;
max-width: 180px;
_width:130px;
display:block;
float:none;
padding: 5px 12px;
background-color:#fff;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0 1px 1px rgba(0,0,0,0.25);
border:1px solid #aaa;
}
#awaiting_comments i{
margin-right: 7px;
}
#awaiting_comments a{
line-height: 1;
color:#d32;
text-decoration:none;
} .baidu_submit {
display: inline-block;
position: absolute;
right: 20px;
top: -25px;
font-size: 12px;	
}
.baidu_submit i{
margin-right:5px;
} #ds-thread {
padding: 15px;
} #pixie {
z-index: -10;
position: fixed;
top:0;
left:0;
} .cs_widget_qr {
border-radius: 5px;
}
.cs_widget_qr .textwidget{
padding: 0 !important;
}
.qr-wrapper{
border-bottom-left-radius: 4px;    
border-bottom-right-radius: 4px;    
position: relative;
}
.qr-wrapper:before {
content: '';
height: 2px;
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
}
.qr-text {
min-height: 20px;
line-height: 1.5;
font-size: 14px;    
padding: 10px;
}
.cs_widget_qr .qr-caption{
padding: 0 !important;
height: 50px;
line-height: 50px;
font-size: 22px;
display: inline-block;
text-align: center;
float: left;
width: 33.33%;
border-bottom-left-radius: 4px;
}
.cs_widget_qr .qr-caption .fa{
margin-right: 5px;
}
.qr-img img{
margin-bottom: 5px;
}
.cs_widget_qr .qr-alipay,.cs_widget_qr .qr-weixin{
position: relative;
height: 50px;    
display: inline-block;
padding-top: 12px;
text-align: center;
float: left;
width: 33.33%;
cursor:pointer;
}
.cs_widget_qr .qr-alipay{
background: url(//pwsz.com/wp-content/themes/Island/images/alipay-bg.png) center center no-repeat;
background-size: 25px;
}
.cs_widget_qr .qr-weixin{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;	
background: url(//pwsz.com/wp-content/themes/Island/images/weixin-bg.png) center center no-repeat;
background-size: 25px;
}
.cs_widget_qr .qr-img{
display: none;
color: #555;	
position: absolute;
z-index: 1;
top: 108%;
right: 0;
border-radius: 5px;
padding: 5px;
width: 150px;
}
.cs_widget_qr .qr-wrapper div:hover .qr-img{
display: block;
} .modal-bg{
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
color:#6A4A3C;
z-index: 99999;
width: 100%;
height: 100%;
overflow:hidden;
}
.modal-bg a{
color:#6A4A3C;
}
.modal-bg a:hover{
color:#000;
}
.modal-body{
position: fixed;
top: 50%;
left: 50%;
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 5px;	
margin-left: -200px;
margin-top: -150px;
width: 400px;
min-height: 300px;
overflow: hidden;	
}
.modal-head{
padding: 0 15px;
height: 40px;
background: #EFEDE8;
border-bottom: 1px solid #E6E4DD;	
}
.modal-title{
line-height: 40px;	
float: left;
}
.modal-close{
line-height: 40px;
font-size: 18px;
float: right;
}
.modal-main{
padding:15px;
}
.modal-main img{
margin-bottom:10px;
} .download-wrap{
float: left;
width: 100%;		
padding: 20px;
}
.post-download {
width: 100%;	
border-radius: 5px;	 
overflow: hidden; 
}
.dlview .dl-box{
display: none;
}
.dlview .dl-view{
display: block;
}
.dl-view {
display: none;
margin: 15px;
color: red;
}
.dl-title {
padding: 0 15px;
height: 40px;
line-height: 40px;	    
}
.dl-title .fa,.modal-title .fa{
margin-right: 5px;
font-size: 12px;
}
.dl-box div{
padding: 7px 15px;
}
.dl-box div:last-child{
border-bottom: none;
}
.dl-box a{
text-decoration: none;
}
.dl-box span{
color: red;
}
.download-bg .modal-body{
margin-left: -300px;
margin-top: -200px;
width: 600px;
min-height: 300px;    
}
.modal-bottom{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 60px;
font-size: 13px;
line-height: 1.5;
padding:7px 15px;
color: #8C8C8C;
border-top: 1px solid #E6E4DD;	    
}
.dl-btn a{
display: block;
margin: 0 auto;
width: 150px;
margin-top: 50px;
margin-bottom: 20px;
font-size: 20px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 5px;
background: #9A6031;
color: white;        
border: 1px solid #E6E4DD;	        
}
.download-bg .dl-btn a:hover{
background: #754722;    
color: white;        
}
.dl-btn .fa{
font-size: 18px;
margin-right: 5px;
}
.dl-tqcode{
margin: 0 auto;
width: 150px;
text-align: center;
} .prettyprint {
padding: 22px;
background-size: 100% 1.6em
}
.prettyprint.linenums {
padding: 22px 8px;
background-size: 100% 1.7em;
}
ol.linenums {
margin: 0 0 0 38px;
padding-left: 0
}
ol.linenums li {
margin-left:0 !important;
margin-bottom: 0;
padding-left: 16px;
line-height: 22px;
}
pre , code {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
} @-webkit-keyframes fluidboxLoading {
0 {
-webkit-transform: translate(-50%,-50%) rotateX(0) rotateY(0)
}
50% {
-webkit-transform: translate(-50%,-50%) rotateX(-180deg) rotateY(0)
}
100% {
-webkit-transform: translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)
}
}
@keyframes fluidboxLoading {
0 {
transform: translate(-50%,-50%) rotateX(0) rotateY(0)
}
50% {
transform: translate(-50%,-50%) rotateX(-180deg) rotateY(0)
}
100% {
transform: translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)
}
}
.fluidbox {
outline: 0
}
.fluidbox-overlay {
background-color: rgba(255,255,255,0.85);
cursor: pointer;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
opacity: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: all .125s ease-in-out .125s
}
.fluidbox-wrap {
padding-bottom: 10px;
background-position: center center;
background-size: cover;
margin: 0 auto;
position: relative
}
.fluidbox-closed .fluidbox-wrap img {
transition: opacity 0 ease-in-out .25s
}
.fluidbox-ghost {
background-size: 100% 100%;
background-position: center center;
position: absolute;
-webkit-transition-property: opacity,-webkit-transform;
-moz-transition-property: opacity,-moz-transform;
-o-transition-property: opacity,-o-transform;
transition-property: opacity,transform;
transition-duration: 0,0.25s;
transition-delay: .25s,0
}
.fluidbox-opened .fluidbox-ghost {
transition-delay: 0,0
}
.fluidbox-loader {
perspective: 200px;
position: absolute;
top: 0;
left: 0;
bottom: 0
}
.fluidbox-loader::before {
background-color: rgba(255,255,255,0.85);
content: '';
transform-style: preserve-3d;
transition: all .25s ease-in-out;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
width: 20%;
padding-bottom: 20%
}
.fluidbox-loading .fluidbox-loader::before {
-webkit-animation: fluidboxLoading 1s 0 infinite ease-in-out forwards;
animation: fluidboxLoading 1s 0 infinite ease-in-out forwards;
opacity: 1
} .light-slider img {
width: 100%
}
.ls-slide-outer {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.light-slider:before,.light-slider:after {
content: " ";
display: table
}
.ls-slide-wrapper {
max-width: 100%;
overflow: hidden;
position: relative
}
.ls-slide-wrapper>.light-slider:after {
clear: both
}
.ls-slide-wrapper .ls-slide {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit
}
.ls-slide-wrapper .ls-fade {
position: relative
}
.ls-slide-wrapper .ls-fade>* {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%
}
.ls-slide-wrapper.using-css .ls-fade>* {
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit
}
.ls-slide-wrapper .ls-fade>*.active {
z-index: 10
}
.ls-slide-wrapper.using-css .ls-fade>*.active {
opacity: 1
}
.ls-slide-outer .ls-pager.ls-pg {
margin: 0 0 10px 0!important;
padding: 0;
text-align: center
}
.ls-slide-outer .ls-pager.ls-pg>li {
cursor: pointer;
display: inline-block;
padding: 0 5px
}
.ls-slide-outer .ls-pager.ls-pg>li a {
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all .5s linear 0;
transition: all .5s linear 0
}
.ls-slide-outer .media {
opacity: .8
}
.ls-slide-outer .media.active {
opacity: 1
}
.ls-slide-outer .ls-pager.ls-gallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ls-slide-outer .ls-pager.ls-gallery li {
overflow: hidden;
-webkit-transition: border-radius .12s linear 0 .35s linear 0;
transition: border-radius .12s linear 0 .35s linear 0
}
.ls-slide-outer .ls-pager.ls-gallery li.active,.ls-slide-outer .ls-pager.ls-gallery li:hover {
border-radius: 5px
}
.ls-slide-outer .ls-pager.ls-gallery img {
display: block;
height: auto;
max-width: 100%
}
.ls-slide-outer .ls-pager.ls-gallery:before,.ls-slide-outer .ls-pager.ls-gallery:after {
content: " ";
display: table
}
.ls-slide-outer .ls-pager.ls-gallery:after {
clear: both
}
.ls-action>a {
border-radius: 50%;
display: block;
top: 50%;
height: 46px;
width: 46px;
cursor: pointer;
position: absolute;
z-index: 9999;
margin-top: -16px;
-webkit-transition: opacity .35s linear 0;
transition: opacity .35s linear 0
}
.ls-prev:before {
content: "\f104";
font-family: FontAwesome;
font-size: 35px;
line-height: 1.3;
padding-left: 25px;
}
.ls-next:after {
content: "\f105";
font-family: FontAwesome;
font-size: 35px;
line-height: 1.3;
padding-left: 10px;
}
.ls-action>a:hover {
opacity: 1
}
.ls-action>.ls-prev {
left: -23px;
}
.ls-action>.ls-next {
right: -23px;
}
.ls-action>a.disabled {
pointer-events: none
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden
}
.ls-slide-outer.vertical {
position: relative
}
.ls-slide-outer.vertical.no-pager {
padding-right: 0 !important
}
.ls-slide-outer.vertical .ls-gallery {
position: absolute !important;
right: 0;
top: 0
}
.ls-slide-outer.vertical .light-slider>* {
width: 100% !important;
max-width: none !important
}
.ls-slide-outer.vertical .ls-action>a {
left: 50%;
margin-left: -14px;
margin-top: 0
}
.ls-slide-outer.vertical .ls-action>.ls-next {
background-position: 31px -31px;
bottom: 10px;
top: auto
}
.ls-slide-outer.vertical .ls-action>.ls-prev {
background-position: 0 -31px;
bottom: auto;
top: 10px
}
.ls-slide-outer.ls-rtl {
direction: rtl
}
.ls-slide-outer .light-slider,.ls-slide-outer .ls-pager {
padding-left: 0;
list-style: none outside none
}
.ls-slide-outer.ls-rtl .light-slider,.ls-slide-outer.ls-rtl .ls-pager {
padding-right: 0
}
.ls-slide-outer .light-slider>*,.ls-slide-outer .ls-gallery li {
float: left
}
.ls-slide-outer.ls-rtl .light-slider>*,.ls-slide-outer.ls-rtl .ls-gallery li {
float: right !important
}
@-webkit-keyframes rightEnd {
0 {
left: 0
}
50% {
left: -15px
}
100% {
left: 0
}
}
@keyframes rightEnd {
0 {
left: 0
}
50% {
left: -15px
}
100% {
left: 0
}
}
@-webkit-keyframes topEnd {
0 {
top: 0
}
50% {
top: -15px
}
100% {
top: 0
}
}
@keyframes topEnd {
0 {
top: 0
}
50% {
top: -15px
}
100% {
top: 0
}
}
@-webkit-keyframes leftEnd {
0 {
left: 0
}
50% {
left: 15px
}
100% {
left: 0
}
}
@keyframes leftEnd {
0 {
left: 0
}
50% {
left: 15px
}
100% {
left: 0
}
}
@-webkit-keyframes bottomEnd {
0 {
bottom: 0
}
50% {
bottom: -15px
}
100% {
bottom: 0
}
}
@keyframes bottomEnd {
0 {
bottom: 0
}
50% {
bottom: -15px
}
100% {
bottom: 0
}
}
.ls-slide-outer .right-end {
-webkit-animation: rightEnd .3s;
animation: rightEnd .3s;
position: relative
}
.ls-slide-outer .left-end {
-webkit-animation: leftEnd .3s;
animation: leftEnd .3s;
position: relative
}
.ls-slide-outer.vertical .right-end {
-webkit-animation: topEnd .3s;
animation: topEnd .3s;
position: relative
}
.ls-slide-outer.vertical .left-end {
-webkit-animation: bottomEnd .3s;
animation: bottomEnd .3s;
position: relative
}
.ls-slide-outer.ls-rtl .right-end {
-webkit-animation: leftEnd .3s;
animation: leftEnd .3s;
position: relative
}
.ls-slide-outer.ls-rtl .left-end {
-webkit-animation: rightEnd .3s;
animation: rightEnd .3s;
position: relative
}
.light-slider.lsGrab>* {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.light-slider.lsGrabbing>* {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing
}
.light-slider a {
position: relative;
display: block;
} [data-tooltip] {
position: relative;
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
[data-tooltip]:before,[data-tooltip]:after {
letter-spacing: 2px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999999;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
[data-tooltip]:before {
content: '';
border: 6px solid transparent
}
[data-tooltip]:after {
height: 22px;
padding: 11px 11px 0 11px;
font-size: 13px;
line-height: 11px;
content: attr(data-tooltip);
white-space: nowrap
}
[data-tooltip].simptip-position-top:before {
border-top-color: rgba(0,0,0,0.7)
}
[data-tooltip].simptip-position-top:after {
background-color: rgba(0,0,0,0.7);
color: #ecf0f1
}
[data-tooltip].simptip-position-bottom:before {
border-bottom-color: rgba(0,0,0,0.7)
}
[data-tooltip].simptip-position-bottom:after {
background-color: rgba(0,0,0,0.7);
color: #ecf0f1
}
[data-tooltip].simptip-position-left:before {
border-left-color: rgba(0,0,0,0.7)
}
[data-tooltip].simptip-position-left:after {
background-color: rgba(0,0,0,0.7);
color: #ecf0f1
}
[data-tooltip].simptip-position-right:before {
border-right-color: rgba(0,0,0,0.7)
}
[data-tooltip].simptip-position-right:after {
background-color: rgba(0,0,0,0.7);
color: #ecf0f1
}
[data-tooltip].simptip-position-top.half-arrow:before {
border-right: 7px solid rgba(0,0,0,0.7)
}
[data-tooltip].simptip-position-bottom.half-arrow:before {
border-right: 7px solid rgba(0,0,0,0.7)
}
[data-tooltip]:hover,[data-tooltip]:focus {
background-color: transparent
}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after {
opacity: 1;
visibility: visible
}
.simptip-position-right:before,.simptip-position-left:before,.simptip-position-right:after,.simptip-position-left:after {
bottom: 50%
}
.simptip-position-right:before,.simptip-position-left:before {
margin-bottom: -5px
}
.simptip-position-right:after,.simptip-position-left:after {
margin-bottom: -14.66667px
}
.half-arrow.simptip-position-right:before,.half-arrow.simptip-position-left:before {
bottom: 16px;
border-style: none;
border-top: 7px solid transparent
}
.simptip-multiline.simptip-position-right:before,.simptip-multiline.simptip-position-left:before,.simptip-multiline.simptip-position-right:after,.simptip-multiline.simptip-position-left:after {
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%);
-webkit-filter: blur(0);
filter: blur(0);
margin-bottom: 0
}
.simptip-multiline.simptip-position-right:before,.simptip-multiline.simptip-position-left:before {
margin-bottom: 0
}
.simptip-multiline.half-arrow.simptip-position-right:before,.simptip-multiline.half-arrow.simptip-position-left:before {
margin-bottom: -2px
}
.simptip-position-right:before,.simptip-position-right:after {
left: 100%
}
.simptip-position-right:before {
margin-left: -2px
}
.simptip-position-right:after {
margin-left: 10px
}
.simptip-position-right.simptip-movable:before {
margin-left: -10px
}
.simptip-position-right.simptip-movable:after {
margin-left: 2px
}
.simptip-position-right.simptip-movable:hover:before,.simptip-position-right.simptip-movable:hover:after {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
.simptip-position-right.simptip-movable.half-arrow:before {
margin-left: -5px
}
.simptip-position-right.simptip-movable.simptip-multiline:hover:before,.simptip-position-right.simptip-movable.simptip-multiline:hover:after {
-webkit-transform: translate(10px,50%);
-moz-transform: translate(10px,50%);
-ms-transform: translate(10px,50%);
-o-transform: translate(10px,50%);
transform: translate(10px,50%)
}
.simptip-position-right.half-arrow:before {
margin-left: 3px;
border-right: 7px solid rgba(0,0,0,0.7)
}
.simptip-position-left:before,.simptip-position-left:after {
right: 100%
}
.simptip-position-left:before {
margin-right: -2px
}
.simptip-position-left:after {
margin-right: 10px
}
.simptip-position-left.simptip-movable:before {
margin-right: -10px
}
.simptip-position-left.simptip-movable:after {
margin-right: 2px
}
.simptip-position-left.simptip-movable:hover:before,.simptip-position-left.simptip-movable:hover:after {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
.simptip-position-left.simptip-movable.half-arrow:before {
margin-right: -5px
}
.simptip-position-left.simptip-movable.simptip-multiline:hover:before,.simptip-position-left.simptip-movable.simptip-multiline:hover:after {
-webkit-transform: translate(-10px,50%);
-moz-transform: translate(-10px,50%);
-ms-transform: translate(-10px,50%);
-o-transform: translate(-10px,50%);
transform: translate(-10px,50%)
}
.simptip-position-left.half-arrow:before {
margin-right: 3px;
border-left: 7px solid rgba(0,0,0,0.7)
}
.simptip-position-bottom:before,.simptip-position-top:before,.simptip-position-bottom:after,.simptip-position-top:after {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.simptip-position-bottom:after,.simptip-position-top:after {
width: auto
}
.half-arrow.simptip-position-bottom:before,.half-arrow.simptip-position-top:before {
border-style: none;
border-right: 7px solid rgba(0,0,0,0.7)
}
.simptip-position-bottom:before,.simptip-position-bottom:after {
top: 100%
}
.simptip-position-bottom:before {
margin-top: -5px
}
.simptip-position-bottom:after {
margin-top: 7px
}
.simptip-position-bottom:hover:before,.simptip-position-bottom:hover:after {
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0)
}
.simptip-position-bottom.simptip-movable:before {
margin-top: -15px
}
.simptip-position-bottom.simptip-movable:after {
margin-top: -3px
}
.simptip-position-bottom.simptip-movable:hover:before,.simptip-position-bottom.simptip-movable:hover:after {
text-shadow: none;
-webkit-transform: translate(-50%,10px);
-moz-transform: translate(-50%,10px);
-ms-transform: translate(-50%,10px);
-o-transform: translate(-50%,10px);
transform: translate(-50%,10px)
}
.simptip-position-bottom.simptip-movable.half-arrow:before {
margin-top: -10px
}
.simptip-position-bottom.half-arrow:before {
margin-top: 0;
border-top: 7px solid transparent
}
.simptip-position-top:before,.simptip-position-top:after {
bottom: 100%
}
.simptip-position-top:before {
margin-bottom: -5px
}
.simptip-position-top:after {
margin-bottom: 7px
}
.simptip-position-top:hover:before,.simptip-position-top:hover:after {
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0)
}
.simptip-position-top.simptip-movable:before {
margin-bottom: -15px
}
.simptip-position-top.simptip-movable:after {
margin-bottom: -3px
}
.simptip-position-top.simptip-movable:hover:before,.simptip-position-top.simptip-movable:hover:after {
-webkit-transform: translate(-50%,-10px);
-moz-transform: translate(-50%,-10px);
-ms-transform: translate(-50%,-10px);
-o-transform: translate(-50%,-10px);
transform: translate(-50%,-10px)
}
.simptip-position-top.simptip-movable.half-arrow:before {
margin-bottom: -10px
}
.simptip-position-top.half-arrow:before {
margin-bottom: 0;
border-bottom: 7px solid transparent
}
.simptip-movable:before,.simptip-movable:after {
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
-ms-transition: all .1s linear;
transition: all .1s linear
}
.simptip-smooth:after {
-webkit-border-radius: 4px;
border-radius: 4px
}
.simptip-fade:before,.simptip-fade:after {
-webkit-transition: opacity .2s linear,visibility .2s linear;
-moz-transition: opacity .2s linear,visibility .2s linear;
-o-transition: opacity .2s linear,visibility .2s linear;
-ms-transition: opacity .2s linear,visibility .2s linear;
transition: opacity .2s linear,visibility .2s linear
}
.simptip-multiline:after {
height: auto;
width: 150px;
padding: 11px;
line-height: 19px;
white-space: normal;
text-align: left
}
.simptip-success.simptip-position-top:before {
border-top-color: #62c462
}
.simptip-success.simptip-position-top:after {
background-color: #62c462;
color: #ecf0f1
}
.simptip-success.simptip-position-bottom:before {
border-bottom-color: #62c462
}
.simptip-success.simptip-position-bottom:after {
background-color: #62c462;
color: #ecf0f1
}
.simptip-success.simptip-position-left:before {
border-left-color: #62c462
}
.simptip-success.simptip-position-left:after {
background-color: #62c462;
color: #ecf0f1
}
.simptip-success.simptip-position-right:before {
border-right-color: #62c462
}
.simptip-success.simptip-position-right:after {
background-color: #62c462;
color: #ecf0f1
}
.simptip-success.simptip-position-top.half-arrow:before {
border-right: 7px solid #62c462
}
.simptip-success.simptip-position-bottom.half-arrow:before {
border-right: 7px solid #62c462
}
.simptip-info.simptip-position-top:before {
border-top-color: #5bc0de
}
.simptip-info.simptip-position-top:after {
background-color: #5bc0de;
color: #ecf0f1
}
.simptip-info.simptip-position-bottom:before {
border-bottom-color: #5bc0de
}
.simptip-info.simptip-position-bottom:after {
background-color: #5bc0de;
color: #ecf0f1
}
.simptip-info.simptip-position-left:before {
border-left-color: #5bc0de
}
.simptip-info.simptip-position-left:after {
background-color: #5bc0de;
color: #ecf0f1
}
.simptip-info.simptip-position-right:before {
border-right-color: #5bc0de
}
.simptip-info.simptip-position-right:after {
background-color: #5bc0de;
color: #ecf0f1
}
.simptip-info.simptip-position-top.half-arrow:before {
border-right: 7px solid #5bc0de
}
.simptip-info.simptip-position-bottom.half-arrow:before {
border-right: 7px solid #5bc0de
}
.simptip-danger.simptip-position-top:before {
border-top-color: #e74c3c
}
.simptip-danger.simptip-position-top:after {
background-color: #e74c3c;
color: #ecf0f1
}
.simptip-danger.simptip-position-bottom:before {
border-bottom-color: #e74c3c
}
.simptip-danger.simptip-position-bottom:after {
background-color: #e74c3c;
color: #ecf0f1
}
.simptip-danger.simptip-position-left:before {
border-left-color: #e74c3c
}
.simptip-danger.simptip-position-left:after {
background-color: #e74c3c;
color: #ecf0f1
}
.simptip-danger.simptip-position-right:before {
border-right-color: #e74c3c
}
.simptip-danger.simptip-position-right:after {
background-color: #e74c3c;
color: #ecf0f1
}
.simptip-danger.simptip-position-top.half-arrow:before {
border-right: 7px solid #e74c3c
}
.simptip-danger.simptip-position-bottom.half-arrow:before {
border-right: 7px solid #e74c3c
}
.simptip-warning.simptip-position-top:before {
border-top-color: #e67e22
}
.simptip-warning.simptip-position-top:after {
background-color: #e67e22;
color: #ecf0f1
}
.simptip-warning.simptip-position-bottom:before {
border-bottom-color: #e67e22
}
.simptip-warning.simptip-position-bottom:after {
background-color: #e67e22;
color: #ecf0f1
}
.simptip-warning.simptip-position-left:before {
border-left-color: #e67e22
}
.simptip-warning.simptip-position-left:after {
background-color: #e67e22;
color: #ecf0f1
}
.simptip-warning.simptip-position-right:before {
border-right-color: #e67e22
}
.simptip-warning.simptip-position-right:after {
background-color: #e67e22;
color: #ecf0f1
}
.simptip-warning.simptip-position-top.half-arrow:before {
border-right: 7px solid #e67e22
}
.simptip-warning.simptip-position-bottom.half-arrow:before {
border-right: 7px solid #e67e22
} #mouse-tooltip {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.mouse-tooltip { max-width: 300px;
font-size: small;
padding: 8px 12px;
color: #222;
line-height: 1.5;
background: #FFFFFF;
border: 1px solid #aaa;
border-radius: 5px;
}
.mouse-tooltip--hidden {
display: none !important;
}
.with-tooltip:before , .with-tooltip:after {
display: none;
} .cue-playlist-container {
width: 74px;
}
.playlist-closed {
width: 100%;
} #wp_frame {
min-height: 900px;
}
.page-template-custom-work #banner , .page-template-custom-work .leftbar_bg , .page-template-custom-work .leftbar , .page-template-custom-work .rightbar , .page-template-custom-work #drawer {
display: none;
}
.single-work #banner , .single-work .leftbar_bg , .single-work .leftbar , .single-work .rightbar , .single-work #drawer , .single-work .mate-cat {
display: none;
}
.page-template-custom-work #wrapper {
top: 60px;
}
.single-work #wrapper {
top: 80px;
}
.single-work .qrcode-box {
right: 160px;
top: 80px;
}
.page-template-custom-work #main , .page-template-custom-work #wrapper {
padding-left: 0;	
width: 100%;
margin-left: 0;
margin-right: 0;
}
.single-work #wp_frame , .single-work .wrapper_bg {
width: 800px;
}
.single-work #wrapper {
margin: 0 auto;
display: block;
padding-left:0;
float: none;
}
.single-work #main {
margin: 0 auto;
float: none;
display: block;
}
.page-template-custom-work .featured-image {
width: 206px;
height: 206px !important;
overflow: hidden;
display: block;
}
.page-template-custom-work .featured-image img {
padding: 10px;
width: 100%;
margin-bottom: 0 !important;
}
.page-template-custom-work .featured-image img:hover {
opacity: 0.8;
transition: opacity 250ms ease;
}
.work-wrap {
position: relative;
}
.work-mate {
position: relative;
padding: 5px 10px;
margin-bottom: 0;
height: 33px;
}
.page-template-custom-work .like_btn {
font-size: 13px;
float: right;
}
.work_tabs {
font-size: 13px;
float: left;
}
.work-nav {
margin-top: 40px;
padding: 0 18px 0;
width: 100%;
text-align: center;
}
.work-mate:before {
content: '';
height: 2px;
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%
}
.work_meta {
margin-bottom: 0;
}
.work_meta li {
list-style-type: none;
float: left;
}
.single-work .work_tabs {
padding: 8px 10px 5px;
font-size: 0.928571429rem;
}
.work-content {
width: 100%;
padding: 0 10px 10px;
line-height: 1.5;
}
.work-content a {
display: block;
width: 100%;
height: 100%;
}
.grid {
position: relative;
margin: 0 auto;
width: 98%;
}
.grid-item {
transition: .3s ease-in-out;
position: absolute;
top: 0;
left: 0;
width: 208px;
border-radius: 3px;
} .readers-list{
margin:20px 0 0 !important;
}
.readers-list li{
margin-right: 28px;
margin-bottom:20px;
position: relative;
list-style-type:none;
float:left;
}
.readers-list img{
width:45px;
height:45px !important;
margin-bottom:0 !important;
border-radius:10px;
}
.readers-list .cnt{
position: absolute;
top: -7px;
right: -12px;
text-align: center;
display: inline-block;
line-height: 1;
font-size: 10px;
background-color: #E64040;
padding: 3px;
color: #fff;
height: 20px;
min-width: 20px;
border-radius: 11px;
border: 2px solid #ffffff;
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
} .form-submit {
float: right;
max-width: 250px;
}
input.pullee {
float: left;
}
.pullee {
appearance: none;
}
.pullee:active::-webkit-slider-thumb {
appearance: none;
transform: scale(1.1);
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
.pullee:active::-moz-range-thumb {
transform: scale(1.1);
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
.pullee:active::-ms-thumb {
transform: scale(1.1);
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
.pullee:focus {
outline: none;
}
.pullee::-webkit-slider-thumb {
appearance: none;
transform-origin: 50% 50%;
transform: scale(1);
transition: transform ease-out 100ms;
cursor: -webkit-grab;
cursor: -moz-grab;
}
.pullee::-moz-range-thumb {
transform-origin: 50% 50%;
transform: scale(1);
transition: transform ease-out 100ms;
cursor: -webkit-grab;
cursor: -moz-grab;
}
.pullee::-ms-thumb {
transform-origin: 50% 50%;
transform: scale(1);
transition: transform ease-out 100ms;
cursor: -webkit-grab;
cursor: -moz-grab;
}
.pullee::-webkit-slider-runnable-track {
}
.pullee::-moz-range-track {
}
.pullee::-moz-focus-outer {
}
.pullee::-ms-track {
}
.pullee::-ms-fill-lower, .pullee::-ms-fill-upper {
background-color: transparent;
}
.pullee::-ms-tooltip {
display: none;
}
input[type="range"] {
background-repeat:no-repeat;
width: 250px;
-webkit-appearance: none;
height:42px;
}
input[type="range"]::-webkit-slider-thumb {	
-webkit-appearance: none;
height: 40px;
width: 40px;
background-repeat:no-repeat;
}
.unlock i{
text-align: center;
margin-top: 5px;
float: left;
width: 30px;
height: 30px;
border-radius: 50%;
color: #fff;
margin-left: 10px;
font-size: 18px;
line-height: 32px;
}
.unlock .fa-lock{
background-color: #4DBCFF;
}
.unlock .fa-check{
background-color: #6BD863;
}
input.disabled{
opacity:0.5;
} #loading-comments {
display: none;
margin:20px 0;
width: 100%;
height: 45px;
text-align: center;
color: #808080;
font-size: 22px;
line-height: 45px;
}  .accordion {
width: 100%;
margin: 20px auto;
}
.accordion h1{
cursor: pointer;
}
.accordion h1 {
border-radius:5px;
padding: 10px 20px;
margin:10px 0;
font-size: 1.1rem;
font-weight: normal;
}
.accordion h1 i {
margin-right: 10px;
font-size:1rem;
}
.accordion div, .accordion p {
display: none;
}
.accordion p {
padding: 15px 20px;
margin:0 !important;
}
.accordion .opened-for-codepen {
display: block;
} @media only screen and (max-width:768px) {
.header-menu,.mate-cat,.mate-view,#drawer,.format-status .box:before,.leftbar,.slider p,.mate-com,.post .box-wrap:before,.member_login,.corner-qrcode,.related_title,.related_img,.mate-qrcode,.mate-sidebar,#breadcrumb,.commentlist>li:before , .home .format-aside .featured-image , .archive .format-aside .featured-image , .search .format-aside .featured-image {
display: none !important;
}
#archive-nav {
margin-right: 10px !important;
}
#footer {
padding-top: 200px;
}
.linkcat li {
width: 45%;
}
.post-copyright {
visibility: hidden
}
#main {
width: 100%;
padding-left: 8px;
padding-right: 8px
}
.post-nav , .posts-nav {
margin: 0 auto;
}
.format-status,.post,#header_slider {
margin-bottom: 20px
}
.header {
height: 50px
}
.slider {
padding: 2px
}
.slider .light-slider img {
border: none!important
}
.slide,.slide--up,.slide--reset {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.open-nav {
display: block
}
.format-status .content {
padding: 15px
}
.format-status .entry-title {
padding: 15px 0 5px 15px
}
#menu-toggle {
display: block
}
.logo-image img {
height: 30px
}
.container {
width: 100% !important;
padding: 0
}
.logo-text a {
font-size: 32px
}
#wrapper {
}
.post .featured-image img,.attachment-large-image {
padding: 5px 5px 0
}
.top_meta,.content {
padding: 0 15px 15px
}
.post-copyright,.read_more {
margin: 0 15px
}
.entry-title {
padding: 5px 15px
}
.single .post-nav {
margin: 20px auto 0
}
.comments {
margin: 20px 0 80px
}
#comments-title {
padding: 10px 0px
}
#comments {
padding: 0 15px 0
}
#respond h3 {
font-size: 22px
}
#respond {
padding: 0
}
.vcard {
padding: 3px
}
.children li {
padding-left: 10px
}
.form-submit{
max-width:100%;
}
.unlock .pullee{
margin-bottom: 20px !important;		
}	
}
@media only screen and (max-width:1100px) {
body {
font-size: 14px;
line-height: 24px
}
.container {
padding:0 20px;
}
header .member_login {
margin-right: 0
}
.linkcat li{
width: 49%;
}
#wrapper {
top: 60px;
}
#wrapper , .leftbar_open #wrapper {
padding: 0;
float: left;
width: 100% !important;
}
#main {
width: 100% !important;
margin: 0;
}
.cue-playlist-container {
width: 100%;
}
.rightbar,#controls,.edit-link,#searchbox,#drawer ,.leftbar,.skin,.home .format-aside .featured-image, .archive .format-aside .featured-image, .search .format-aside .featured-image , #bulletin_box  , .baidu_submit{
display: none;
}
.wp_box .rightbar,.wp_box .leftbar,.wp_box #banner,.wp_box .banner_bg{
display: none;
}
.wp_box #wrapper{
top: 60px;
}
.wp_box .container{
width: 100%;
padding: 0 10px;
}
.wp_box #main{
width: 100% !important;
margin: 0;
}
.wrapper_bg ,.rightbar_bg,.leftbar_bg{
opacity: 0;
}
.home .format-aside .post-content, .archive .format-aside .post-content, .search .format-aside .post-content {
width: 100% !important;
display: block;
padding: 0 15px 15px;
margin: 0 !important;
}
.post-nav , .posts-nav {
margin-bottom: 150px;
}
.entry-title {
font-size: 22px;
line-height: 1.5;
}
#content p {
margin-bottom: 10px
}
blockquote {
margin: 20px 0 20px 0 !important;
word-wrap: break-word
}
}
@media only screen and (max-width:1024px) {
}
.comment-reply-link-edit{color:#FC6D26 !important;}