/*
 * Globals
 */
/* @font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url("/static/font/ZNo-5SxCwH1CXgZ-n3bt2g.woff2") format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
} */

@font-face {
  font-family: 'Consolas';
  font-style: normal;
  src: url("/static/font/Consolas.ttf") format('truetype');
}

@font-face {
  font-family: 'MiSans-Medium';
  font-style: normal;
  src: url("/static/font/MiSans-Medium.ttf") format('truetype');
}

body {
  /* font-family: 'Source Han Serif SC','Source Han Serif','source-han-serif-sc','PT Serif','SongTi SC','MicroSoft Yahei',Georgia,serif; */
  font-family: 'MiSans-Medium';
  color: #6B6B6B;
  font-size: 12px;
  cursor: url("/static/images/arr112.png"), default;
  background-color: #FFFFFF;
}

/* 页面全部变灰 */
/* html {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
} */

/*a:hover{
  cursor: url("/static/images/arr105.png"), pointer;
}*/

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: 'MiSans-Medium', sans-serif;
  font-weight: normal;
  color: #333;
}

/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

/*
 * Masthead for nav
 */

.blog-masthead {
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
          box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
  transition: all .2s;
}

/* Active state gets a caret at the bottom */
.blog-nav .active {
  color: #fff;
}
.blog-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}

/*
 * Blog name and description
 */

.blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-title {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: normal;
}
.blog-description {
  font-size: 20px;
  color: #999;
}

/*
 * Main column and sidebar layout
 */

.blog-main {
  font-size: 18px;
  line-height: 1.5;
}

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}

/*
 * Blog posts
 */

.blog-post {
  margin-bottom: 60px;
}
.blog-post-title {
  margin-bottom: 5px;
  font-size: 40px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}

/*
 * Footer
 */

.blog-footer {
  padding: 40px 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*

  Theme Name: Icy
  Theme URI: http://www.wildweblab.com/theme/icy
  Description: Icy is a clean and elegant blogging theme with Post Formats. Responsive layout and Retina ready icons & images makes this theme look beautiful on any device. Easy to use Theme Options panel, integrated Customizer, Custom Menu and 6 Widget Areas will allow you to easily customize your website. Icy is build on the latest WordPress and web standards such as HTML5 & CSS3, it's also child theme friendly.
  Author: WildWebLab.com
  Author URI: http://www.wildweblab.com
  Version: 1.0.7
  Tags: post-formats, light, blue, white, gray, red, theme-options, threaded-comments, translation-ready, custom-menu, custom-header, fixed-width, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, featured-images, full-width-template, editor-style

  License: GNU General Public License v2.0 (or later)
  License URI: http://www.opensource.org/licenses/gpl-license.php


  *********************************

  WARNING! DO NOT EDIT THIS FILE!

  To make it easy to update your theme, you should not edit the styles in this file.
  Instead go to Appearance > Theme Options > Styling > Custom CSS and enter your custom CSS there.
  Any style attributes declared there will override the ones in this file and will not be lost during theme update.

  You have been warned!

  *********************************


  Table of Contents:
  ------------------

  1. Reset & Clearfixes
  2. General
    2.1 Typography
    2.2 Grid & Layout
  3. Header
  4. Navigation
    4.1 Breadcrumbs
    4.2 Pagination
  5. Posts
    5.1 Galleries
    5.2 Post Formats
    5.3 Attachment
    5.4 Author Bio
  6. Comments
  7. Footer
  8. Widgets
  9. Misc
    9.1 Forms
    9.2 Tables
    9.3 Buttons
    9.4 404 Page
  10. Media Queries

*/


/* 1. Reset
--------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  border-radius: 0px;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section { display: block; }

body { line-height: 1; }

ol,
ul { list-style: none; }

blockquote,
q {
  quotes: none;
  margin-top: -10px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Clearfixes */

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.row:after,
.clearfix:after { clear: both; }

.row,
.clearfix { zoom: 1; }


/* 2. General
--------------------------------------- */

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body { font-size: 100%; }

body {
  color: #4e4e4e;
  padding: 0;
  margin: 0;
  font-family: 'MiSans-Medium', sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
}

/* 2.1 Typography
--------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.2em 0;
  line-height: 1.1;
  font-family: 'MiSans-Medium', sans-serif;
  font-weight: 300;
  color: #333;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0;
}

h1 {
  font-size: 1.5em;
  font-weight: normal;
}

h2 {
  font-size: 1.4em;
  font-weight: normal;
}

h3 {
  font-size: 1.3em;
  font-weight: normal;
}

h4 {
  font-size: 1.2em;
  font-weight: normal;
}

h5 {
  font-size: 1.1em;
  font-weight: normal;
}

h6 {
  font-size: 1em;
  font-weight: normal;
}

.widget>ul>li>a {
  color: #1A1A1A;
  text-decoration: none;
  line-height: inherit;
  font-size: 14px;
  font-weight: 400;
  font-family: 'MiSans-Medium', sans-serif;
}
.widget>ul>li>a:hover {
  color: #66ab27;
  transition: all .3s;
}
.widget-hover>ul>li>a:hover {
  color: #f00;
  padding-left: 0.5rem !important;
}

p {
  font-size: 15px;
  line-height: 1.8;
  color: #1A1A1A;
  margin: 1.25em 0;
  font-family: 'MiSans-Medium', sans-serif
}

span {
  font-family: 'MiSans-Medium', sans-serif!important;
}

p a,
p a:visited {
  line-height: inherit;
  word-break: break-all;
  color: #4381fd;
  font-size: inherit;
}

em,
i,
var {
  font-style: italic;
  line-height: inherit;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 70%;
  line-height: inherit;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 20px 0 20px;
  height: 0;
}

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: inside;
}

ul li ul,
ul li ol {
  margin-left: 10px;
  margin-bottom: 0;
}

ul,
ul.square,
ul.circle,
ul.disc { margin-left: 0.5em; }

ul.square { list-style-type: square; }

ul.square li ul { list-style: inherit; }

ul.circle { list-style-type: circle; }

ul.circle li ul { list-style: inherit; }

ul,
ul.disc { list-style-type: disc; }

ul.disc li ul { list-style: inherit; }

ul.no-bullet { list-style: none; }

ul.large li { line-height: 21px; }

ol {
  margin-left: 1.5em;
  list-style: decimal;
}

ol li ul,
ol li ol,
ul li ul,
ul li ol { margin: 0 0 0 1.2em; }

dl { margin: 0 1em;}

dl dt { font-weight: bold; }

dl dd { margin-bottom: 1.25em; }

abbr,
acronym {
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  cursor: help;
}

abbr { text-transform: none; }

cite { font-style: italic; }

address {
  margin-bottom: 1.25em;
  /*font-style: italic;*/
}

code,
kbd,
tt {
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace!important;
  font-size: 1.0em;
  padding: 1px 3px;
  border-radius: 3px;
}

/* 2.2 Grid & Layout
--------------------------------------- */

.container1200,
.container1140,
.container1024,
.container {
  margin: 0 auto;
  width: 100%;
  clear: both;
}

.container1200 { max-width: 1200px; }

.container1140 { max-width: 1140px; }

.container1024 { max-width: 1050px; }

.container {
  max-width: 1140px;
  /*background: #eeefff;*/
  /*border-radius: 5px;*/
  /*padding: 20px 10px;*/
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}

.row {
  width:100%;
  margin:0 auto;
}

.span1 { width:8.33%; }

.span2 { width:16.66%; }

.span3 { width:25%; }

.span4 { width:33.33%; }

.span5 { width:41.66%; }

.span6 { width:50%; }

.span7 { width:58.33%; }

.span8 { width:66.66%; }

.span9 { width:75%; }

.span10 { width:83.33%; }

.span11 { width:91.66%; }

.span12 { width:100%; }

.span1-5 { width:20%; } /* This column can be used as a one fifth of the row */

.span1-8 { width:12.5%; } /* This column can be used as a one eigth of the row */

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.span1-5,
.span1-8,
#content,
#sidebar-primary,
#sidebar-secondary {
  min-height: 1px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.row .row { margin-left: -10px; }

sub,
sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Content Sidebar */

.layout-cs #content {
  width: 70%;
  float: left;
}

.layout-cs #sidebar-primary {
  width: 30%;
  float: right;
}

/* Sidebar Content */

.layout-sc #content {
  width: 66.66%;
  float: right;
}

.layout-sc #sidebar-primary {
  width: 33.33%;
  float: left;
}

/* Content */

.layout-c #content { width: 100%; }


/* 3. Header
--------------------------------------- */

#header {
  margin-bottom: 20px;
  background-color: #2196F3;
  /*opacity: 0.9;*/
  position: fixed;
  width: 100%;
  z-index: 99999;
}

#header .container {
  padding: 0 15px;
  margin-top: -15px;
  background: none;
  border-radius: none;
  padding: 0;
}

#header a {
  text-decoration: none;
  border: 0;
  font-size: 15px;
  font-weight: 600;
  font-family: 'MiSans-Medium', sans-serif;
}

#header ul li a:hover,
#header ul li a:focus {
  text-decoration: none;
  color: #FFF;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
a {
  color: #4381fd;
}

#logo {
  float: left;
  padding: 10px 0px 0px 25px;
}

#site-title {
  margin: 0;
  font-size: 2.5em;
  line-height: 55px;
  font-family: 'MiSans-Medium', sans-serif;
}

#site-title a {
  color: #FFF;
  font-size: 24px;
  font-weight: 500;
}

#site-description {
  display: block;
  margin-top: 10px;
  color: #ffffff;
  margin-left: -25px;
}

/* 4. Navigation  */
.nav a,
#header-widget .menu a {
  display: block;
  position: relative;
  padding: 10px 10px;
  text-decoration: none;
  color: #FFF;
  font-size: 15px;
}

.nav a:hover,
#header-widget .menu a:hover { color: #236688; }

.nav ul,
#header-widget ul.menu {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

.nav ul li,
#header-widget ul.menu li {
  float: left;
  position: relative;
  list-style: none;
}

.nav ul li:hover,
#header-widget ul.menu li:hover {
  visibility: inherit;
  /*background: #ffdc89;*/
}

/*.nav ul li:hover a,
#header-widget ul.menu li:hover a {
  color: #fff;
}*/

.nav ul li:hover li ul,
#header-widget ul.menu li:hover li ul { top: -999em; }

.nav ul ul li,
#header-widget ul.menu ul li { width: 100%; }

/* First submenu */

.nav ul li:hover ul,
#header-widget ul.menu li:hover ul {
  left: 0;
  top: 100%;
  z-index: 999;
}

.nav .sub-menu,
#header-widget .sub-menu {
  position: absolute;
  top: -999em;
  margin: 0;
  min-width: 180px;
  padding: 0.3em 0;
  background: #236688;
}

.nav .sub-menu li,
#header-widget .sub-menu li { border-right: none; }

.nav .sub-menu li a,
#header-widget .sub-menu li a {
  padding: 0.3em 1em;
  color: #fff;
}

/* Second submenu */

.nav ul li li:hover ul,
#header-widget ul.menu li li:hover ul {
  left: 100%;
  top: -0.24em;
  margin-top: -1px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.nav ul li li:hover li ul,
#header-widget ul.menu li li:hover li ul { top: -999em; }

.nav ul li li li:hover ul,
#header-widget ul.menu li li li:hover ul {
  left: 10em;
  top: 0;
}

/* Menu in the header */

#header-widget .menu a {
  padding: 7px 15px;
  color: #fff;
  color: rgba(255, 255, 255, 0.9);
}

/* Arrows */

.menu .sf-sub-indicator { display: none; }

.menu .sf-with-ul {
  padding-right: 2em !important;
}

.menu .sf-with-ul:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.4);
}

.nav .sf-with-ul:after {
  border-top-color: rgba(0, 0, 0, 0.13);
}

.menu > li > .sf-with-ul:focus:after,
.menu > li:hover > .sf-with-ul:after,
.menu > .sfHover > .sf-with-ul:after {
  border-top-color: #fff; /* IE8 fallback colour */
  border-top-color: rgba(255, 255, 255, 0.9);
}

/* Right-facing arrows */

.menu ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  border-left-color: rgba(255, 255, 255, 0.4);
}

.menu ul li > .sf-with-ul:focus:after,
.menu ul li:hover > .sf-with-ul:after,
.menu ul .sfHover > .sf-with-ul:after {
  border-left-color: #fff;
  border-left-color: rgba(255, 255, 255, 0.9);
}

/* Hide mobile menu */
.mobile-menu,
.mobile-menu-text,
.mobile-menu-icon { display: none; }

/* 4.1 Breadcrumbs
--------------------------------------- */

.breadcrumb {
  padding: 12px 20px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  -moz-box-shadow: 0px 1px 5px #eee;
  -webkit-box-shadow: 0px 1px 5px #eee;
  box-shadow: 0px 1px 5px #eee;
}

.breadcrumb li { display: inline-block; }

.breadcrumb .divider { padding: 0 8px; }


/* 4.2 Pagination
--------------------------------------- */

.page-navigation {
  display: block;
  margin-bottom: 20px;
  padding: 12px 0;
}

.page-navigation .current,
.page-navigation a {
  clear: both;
  margin-right: 3px;
  padding: 11px 15px 11px;
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.page-navigation .current,
.page-navigation a:hover {
	background:rgba(0,128,255,0.5);
}

.page-navigation .dots { margin-right: 3px; }

.nav-previous { float: left; }

.nav-next { float: right; }

/* Page Links */

.page-links { margin-bottom: 1.25em; }

/* Comments Navigation*/

.comment-navigation {
  margin-bottom: 20px;
}


/* 5. Posts
--------------------------------------- */

.hentry {
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.hentry header { margin-bottom: 10px; }

.entry-title { margin: 0 0 15px; }

.entry-title, .entry-title a {
  color: #000;
  font-size: 1.75rem;
  font-family: 'MiSans-Medium', sans-serif;
  font-weight: 500;
}

.entry-title a:hover {
  color: #66ab27;
}

/* Entry meta */

.entry-info {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 0.8em;
  line-height: 1.3;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.entry-meta {
  font-size: 0.8em;
  line-height: 1.3;
  border-top: 1px solid #eee;
  height: 30px;
  margin: 20px 0;
}

.entry-date,
.author.vcard,
.entry-tags,
.entry-categories,
.full-size-link {
  margin-right: 10px;
  font-size: 12px;
}

.comments-link { float: right; }

.more-link {
  float: right;
  margin-left: 10px;
}

.more-link,
.entry-info,
.entry-meta,
.entry-info a,
.entry-meta a {
  color: #999999;
  /*text-transform: uppercase;*/ /*字符全部大写*/
  font-size: 12px;
}

.more-link:hover,
.entry-info a:hover,
.entry-meta a:hover {
  color: #f00;
  transition-duration: .3s;
}

.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date { display: none; }

/* Alignment */

.alignleft {
  float: left;
  margin: 0.45em 1.1em 1em 0;
}

.alignright {
  float: right;
  margin: 0.45em 0 1em 1.1em;
}

.aligncenter {
  display: block;
  text-align: center;
  margin: 0 auto 1.25em;
}


/* Images */

img.scale-with-grid {
  max-width: 100%;
  height: auto;
}

.hentry img,
.comment-content img,
.widget img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
  height: auto;
}

img[class*="align"],
img[class*="wp-image-"] {
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full { max-width: 100%; }

.wp-caption {
  max-width: 100%;
  margin-bottom: 1.25em;
  text-align: center;
  border: 1px solid #fff;
  background-color: #f5f5f5;
  color: #666;
  -moz-text-shadow: 1px 1px 0px #fff;
  -webkit-text-shadow: 1px 1px 0px #fff;
  text-shadow: 1px 1px 0px #fff;
  -webkit-box-shadow: 1px 1px 6px #ddd;
  -moz-box-shadow: 1px 1px 6px #ddd;
  box-shadow: 1px 1px 6px #ddd;
}

.wp-caption img {
  margin: 0;
  padding: 0.4em 0.4em 0;
  background: none;
  border: 0;
}

.wp-caption-text {
  margin: 3px 0;
  padding: 0;
  text-align: center;
  font-size: 0.9em;
}

.post-thumbnail {
  margin: 10px -20px 20px;
  text-align: center;
}

.attachment-wwl-large { max-width: 100% !important; }


/* 5.1 Galleries
--------------------------------------- */

.gallery {
  margin-bottom: 1.25em !important;
  margin-right: -5px !important;
}

.gallery img {
  border: 1px solid #fff !important;
  -webkit-box-shadow: 1px 1px 6px #DDD;
  -moz-box-shadow: 1px 1px 6px #ddd;
  box-shadow: 1px 1px 6px #DDD;
}

.gallery-item {
  margin: 5px 0 0 !important;
  padding-right: 5px;
}

.gallery-caption { margin: -5px 0 0; }


/* 5.2 Post Formats
--------------------------------------- */

.post-format-indicator {
  position: absolute;
  top: 20px;
  width: 50px;
  height: 50px;
  background-color: #2196F3;
  background-image: url("/static/images/post.png");
	background-position: -150px 0px;
	margin-left: -20px;
  opacity: 0.9
}

.layout-cs .post-format-indicator,
.layout-c .post-format-indicator { left: -56px; }

.layout-sc .post-format-indicator { right: -50px; }

.post-format-indicator .entry-format {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background-image: url("/static/images/post.png");
  background-position: 0 -100px;
}

.layout-sc .post-format-indicator .entry-format {
  background-position: -50px -100px;
}

.hentry.format-link .entry-header,
.hentry.format-aside .entry-header,
.hentry.format-status .entry-header,
.hentry.format-quote .entry-header {
  margin-bottom: 20px;
}
.entry-header{
position:relative;
}
.hentry.format-link .entry-content a {
  font-size: 2.125em;
  font-family: 'MiSans-Medium', sans-serif;
  line-height: 1.1;
}

.hentry.format-video .first-video {
  margin: 0 -20px 20px -20px;
}

/* Post Format Images */

.hentry.format-standard .post-format-indicator {
  background-position: -150px 0;
}

.hentry.format-aside .post-format-indicator {
  background-position: 0 0;
}

.hentry.format-gallery .post-format-indicator {
  background-position: -200px 0;
}

.hentry.format-image .post-format-indicator {
  background-position: 0 -50px;
}

.hentry.format-audio .post-format-indicator {
  background-position: -50px 0;
}

.hentry.format-video .post-format-indicator {
  background-position: -200px -50px;
}

.hentry.format-status .post-format-indicator {
  background-position: -150px -50px;
}

.hentry.format-quote .post-format-indicator {
  background-position: -100px -50px;
}

.hentry.format-link .post-format-indicator {
  background-position: -50px -50px;
}

.hentry.format-chat .post-format-indicator {
  background-position: -100px 0;
}


/* 5.3 Attachment
--------------------------------------- */

.attachment #content { width: 100%;  }

.attachment .hentry { padding-bottom: 0; }

.attachment .entry-title { margin-bottom: 20px; }

.attachment .entry-attachment {
  margin: 0 auto;
  text-align: center;
}

.attachment .entry-attachment img { margin-bottom: 1em; }


/* 5.4 Author Bio
--------------------------------------- */

.author-info {
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.author-avatar { float: left; }

.author-description { margin-left: 90px; }

.author-title { margin-top: 0; }

.author-link { margin-left: 3px; }


/* 6. Comments
--------------------------------------- */

#comments {
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.comments-title { margin: 0 0 20px; }

.commentlist,
.commentlist .children {
  margin: 0;
  list-style: none;
}

.commentlist {
  margin-bottom: 50px;
}

.commentlist .avatar {
  position: absolute;
  left: -50px;
  margin-top: 5px;
}

.commentlist article.comment {
  position: relative;
  margin: 0 0 5px 50px;
  padding: 5px 0 5px 10px;
}

.commentlist .comment-author { font-weight: bold; }

.commentlist .comment-author a { border-color: rgba(255, 255, 255, 0); }

.commentlist .comment-author a:hover { border-color: #236688; }

.commentlist .comment-meta,
.commentlist .comment-edit-link {
  margin-bottom: 0.7em;
}

.commentlist .comment-meta a,
.commentlist .comment-reply-link,
.commentlist .comment-edit-link {
  color: #888;
  font-size: 0.9em;
  line-height: 0.9;
}

.comment-meta a:hover,
.comment-reply-link:hover,
.comment-edit-link:hover {
  color: #236688;
}

.comment-edit-link { margin-left: 10px; }

.comment-content p { margin-bottom: 0.5em; }

.comment-moderation {
  margin-bottom: 0.5em;
  font-weight: bold;
}

.commentlist .children,
.commentlist .children li { margin-left: 27px; }

.commentlist #respond { margin-bottom: 20px; }

.commentlist .comment.depth-1:last-of-type #respond { margin-bottom: -50px; }

#reply-title { margin: 0; }

#cancel-comment-reply-link {
  display: block;
  margin: 1.2em 0 1.8em;
}

#commentform { max-width: 550px; margin: 20px 0 0; }

#commentform p { margin: 0 0 2px; }

#commentform input[type="text"] { vertical-align: baseline; }

#commentform input[type="text"],
#commentform textarea { margin-bottom: 5px; }

#commentform label {
  display: inline;
  margin-left: 10px;
}

#commentform #comment { width: 97%; }

#commentform #submit { margin: 5px 0 0 !important; }

#commentform .com-logged-in { margin: -10px 0 10px; }

.bypostauthor > article.comment { background: #ffffed; }

.nocomments { margin: 0; }


/* 7. Footer
--------------------------------------- */

#footer {
  line-height: 1.5;
  width: 100%;
}

#footer-widgets {
  margin-bottom: 20px;
  padding: 15px 5px 20px 5px;
}

#footer-content {
  padding: 25px 0;
  background: #FFFFFF;
  /*opacity: 0.9;*/
  color: #8590A6;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  border-top: 1px solid #eee;
}

#footer-content span a {
  color: #8590A6;
}

#copyright {
  float: left;
  padding-left: 15px;
}

#credit {
  float: right;
  padding-right: 15px;
}

/* 8. Widgets
--------------------------------------- */

.widget {
  margin-bottom: 10px;
  padding: 25px;
  font-size: 0.95em;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  -moz-box-shadow: 0px 1px 5px #eee;
  -webkit-box-shadow: 0px 1px 5px #eee;
  box-shadow: 0px 1px 5px #eee;
}

.calendar-widget {
  margin-bottom: 10px;
  font-size: 0.95em;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  -moz-box-shadow: 0px 1px 5px #eee;
  -webkit-box-shadow: 0px 1px 5px #eee;
  box-shadow: 0px 1px 5px #eee;
  margin-top: -2px;
}

.widget-title {
  margin-top: -20px!important;
  margin-bottom: 10px!important;
  padding: 10px 0;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}
h3.widget-title {
  margin: 0;
}

.widget ul {
  margin: 0;
  list-style: none;
}

.widget ul li ul,
.widget ul li ol {
  margin-left: 15px;
  margin-bottom: 0;
}

.widget select {
  max-width: 100%;
}

#header-widget {
  float: right;
  padding: 25px 5px 10px;
}

#header-widget ul { border: 0; }

#header .widget-title { display: none; }

#header-widget .widget-content {
  float: left;
  margin-left: 10px;
}

/* Footer Widgets */

#footer .widget {
  padding: 0;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Search Widget */

.widget_search {
  padding: 0 !important;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 25px 0 0 0;
}

.search-form label { display: none; }

.s {
  height: 40px;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 50px;
  transition: all .2s ease!important;
  width: 100%;
  padding-left: 15px!important;
}

.search-submit {
  float: right;
  height: 40px;
  width: 50px;
  margin-top: -50px;
  color: #0084FF;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.search-submit:hover {
  color: #6bc30d;
}

.search-submit .icon-search {
  margin-right: -0.5em;
}

/* Social Icons */

.social-icons a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0 5px 5px 0;
  text-align: center;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  font-size: 20px !important;
  color: #FFF;
}

.social-icons a:last-child {
  margin-right: 0;
}

.social-icons i {
  /*margin-right: -0.3em;*/
  font-size: 1em;
}

#header .social-icons {
  float: right;
  padding: 25px 0 0 10px;
  margin-right: 15px;
}

.widget_wwl_social_widget {
  padding: 0 !important;
  margin-bottom: 10px;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#footer .social-icons a {
  background: rgba(255, 255, 255, 0.5);
}

#footer .social-icons a:hover {
  background: #fff;
}

/* WP Calendar Widget */

#calendar_wrap { max-width: 300px; }

#wp-calendar {
  width: 100%;
  font-size: 1em;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#wp-calendar td {
  padding: 8px 5px;
  text-align: center;
  border: none;
}

#wp-calendar a {
  display: block;
  text-decoration: none;
}

#wp-calendar a:hover {
  text-decoration: none;
}

#wp-calendar td#today { font-weight: bold; }

#wp-calendar caption {
  text-align: right;
  margin: 0 10px 10px;
}

#wp-calendar th {
  text-align: center;
  padding: 5px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: bold;
}

#wp-calendar #prev {
  text-align: left;
  padding-left: 10px;
}

#wp-calendar #next {
  text-align: right;
  padding-right: 10px;
}


/* 9. Misc
--------------------------------------- */

.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.space-top { margin-top: 20px; }

.space-bot { margin-bottom: 20px; }

.space-htop { margin-top: 10px; }

.space-hbot { margin-bottom: 10px; }


/* 9.1 Forms
--------------------------------------- */

fieldset { margin-bottom: 10px; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
  background: #fff;
  border: 1px solid #eee;
  padding: 7px 6px;
  outline: none;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  margin: 0;
  margin-bottom: 10px;
}

input::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 13px;
  font-family: 'MiSans-Medium', sans-serif;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 13px;
  font-family: 'MiSans-Medium', sans-serif;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 13px;
  font-family: 'MiSans-Medium', sans-serif;
}

textarea::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 13px;
  font-family: 'MiSans-Medium', sans-serif;
}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 13px;
  font-family: 'MiSans-Medium', sans-serif;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 13px;
  font-family: 'MiSans-Medium', sans-serif;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  border: 1px solid;
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
  outline: none;
  box-shadow: none;
}

textarea { min-height: 120px; }

input[type="checkbox"] { display: inline; }

form span,
legend span {
  font-size: 12px;
  color: #444;
}


/* 9.2 Tables
--------------------------------------- */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.hentry table,
#comments table {
  width: 100%;
  margin-bottom: 34px;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0 0 1px;
}

.hentry th,
#comments th {
  padding: 8px 8px 9px 8px;
  font-weight: normal;
  font-size: 1.1em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px 1px 0;
  text-transform: uppercase;
}

.hentry td,
#comments td {
  padding: 8px 8px 9px 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px 1px 0;
}


/* 9.3 Buttons
--------------------------------------- */

#commentform #submit,
input[type="submit"],
button {
  display: inline-block;
  *display: inline;
  padding: 5px 20px;
  margin-bottom: 5px;
  *margin-left: 0.3em;
  line-height: 20px;
  color: #333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  *zoom:1;
}

button.large {
  padding: 10px 35px;
  font-size: 1.1em;
}

button.small {
  padding: 3px 13px;
  font-size: 0.8em;
}

/* Skyblue color button */

button.skyblue {
  color:#fff !important;
  background-color: #26a2b6;
  background: -moz-linear-gradient(#34bac9, #26a2b6);
  background: -webkit-gradient(linear, left top, left bottom, from(#34bac9), to(#26a2b6));
  background: -webkit-linear-gradient(#34bac9, #26a2b6);
  background: -o-linear-gradient(#34bac9, #26a2b6);
  background: -ms-linear-gradient(#34bac9, #26a2b6);
  background: linear-gradient(#34bac9, #26a2b6);
}

button.skyblue:hover,
button.skyblue:active {
  background: #a9016b;
  background: -webkit-gradient(linear, left top, left bottom, from(#26a2b6), to(#34bac9));
  background: -moz-linear-gradient(top, #26a2b6, #34bac9);
}

/* Blue color button */

button.blue {
  color: #fff !important;
  background-color: #008fd5;
  background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#0085c6));
  background: -moz-linear-gradient(top, #008fd5, #0085c6);
  filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffe6e6e6", GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.blue:hover,
button.blue:active {
  background: #008fd5;
  background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#009de9));
  background: -moz-linear-gradient(top, #008fd5, #009de9);
}

/* Green color button */

button.green {
  color: #fff !important;
  background-color: #46a546;
  background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#419a41));
  background: -moz-linear-gradient(top, #46a546, #419a41);
  filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.green:hover,
button.green:active {
  background: #46a546;
  background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#4cb34c));
  background: -moz-linear-gradient(top, #46a546, #4cb34c);
}

/* Yellow color button */

button.yellow {
  color: #fff !important;
  background-color: #f0bf4a;
  background: -moz-linear-gradient(#f0c930, #f0bf4a);
  background: -webkit-gradient(linear, left top, left bottom, from(#f0c930), to(#f0bf4a));
  background: -webkit-linear-gradient(#f0c930, #f0bf4a);
  background: -o-linear-gradient(#f0c930, #f0bf4a);
  background: -ms-linear-gradient(#f0c930, #f0bf4a);
  background: linear-gradient(#f0c930, #f0bf4a);
}

button.yellow:hover,
button.yellow:active {
  background: #f0bf4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0bf4a), to(#f0c930));
  background: -moz-linear-gradient(top, #f0bf4a, #f0c930);
}

/* Orange color button */

button.orange {
  color: #fff !important;
  background-color: #ff5c00;
  background: -moz-linear-gradient(#ff6f40, #ff5c00);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6f40), to(#ff5c00));
  background: -webkit-linear-gradient(#ff6f40, #ff5c00);
  background: -o-linear-gradient(#ff6f40, #ff5c00);
  background: -ms-linear-gradient(#ff6f40, #ff5c00);
  background: linear-gradient(#ff6f40, #ff5c00);
}

button.orange:hover,
button.orange:active {
  background: #d798d1;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5c00), to(#ff6f40));
  background: -moz-linear-gradient(top, #ff5c00, #ff6f40);
}

/* Red color button */

button.red {
  color: #fff !important;
  background-color: #bd362f;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#b1322c));
  background: -moz-linear-gradient(top, #bd362f, #b1322c);
  filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.red:hover,
button.red:active {
  background: #bd362f;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#cc3b34));
  background: -moz-linear-gradient(top, #bd362f, #cc3b34);
}

/* Magenta color button */

button.magenta {
  color: #fff !important;
  background-color:#b9298f;
  background: -moz-linear-gradient(#b93180, #b9298f);
  background: -webkit-gradient(linear, left top, left bottom, from(#b93180), to(#b9298f));
  background: -webkit-linear-gradient(#b93180, #b9298f);
  background: -o-linear-gradient(#b93180, #b9298f);
  background: -ms-linear-gradient(#b93180, #b9298f);
  background: linear-gradient(#b93180, #b9298f);
}

button.magenta:hover,
button.magenta:active {
  background: #b9298f;
  background: -webkit-gradient(linear, left top, left bottom, from(#b9298f), to(#b9358f));
  background: -moz-linear-gradient(top, #b9298f, #b9358f);
}

/* Black color button */

button.black {
  color: #fff !important;
  background-color: #111;
  background: -moz-linear-gradient(#222, #111);
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
  background: -webkit-linear-gradient(#222, #111);
  background: -o-linear-gradient(#222, #111);
  background: -ms-linear-gradient(#222, #111);
  background: linear-gradient(#222, #111);
}

button.black:hover,
button.black:active {
  background: #222;
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
  background: -moz-linear-gradient(top, #222, #333);
}

/* 9.4 404 Page
--------------------------------------- */

.error404 #content .widget {
  padding: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* 10. Media Queries
--------------------------------------- */

/* 960px Screens */

@media only screen and (max-width: 960px) {
  .row .row .span1,
  .row .row .span2,
  .row .row .span3,
  .row .row .span4,
  .row .row .span5,
  .row .row .span6,
  .row .row .span7,
  .row .row .span8,
  .row .row .span9,
  .row .row .span10,
  .row .row .span11,
  .row .row .span12,
  .row .row .span1-5,
  .row .row .span1-8 {
    width: 100% !important;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .row .row > div:last-child { margin-bottom: 0 !important; }

  .post-format-indicator { display: none; }
}

/* iPad & Tablets */

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait) {
  body { font-size: 90%; }

  .row { margin-bottom: 0 !important; }

  .span1,
  .span2,
  .span3,
  .span4,
  .span5,
  .span6,
  .span7,
  .span8,
  .span9,
  .span10,
  .span11,
  .span12,
  .span1-5,
  .span1-8,
  #content,
  #sidebar-primary,
  #sidebar-secondary {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }

  #header { text-align: center; }

  #logo,
  #site-title a,
  #header .social-icons,
  #header-widget,
  #header-widget .widget-content {
    float: none;
    margin: 0 auto;
    padding: 10px 0;
  }

  #header-widget { padding: 0; }

  #header-widget ul.menu li,
  .nav ul.menu li {
    float: none;
    display: inline-block;
    text-align: left;
  }

  .nav {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }

  .nav .menu { display: none; }

  .mobile-menu {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: none !important;
    border: 0 !important;
    opacity: 0;
  }

  .mobile-menu-text {
    display: block;
    float: left;
    margin-left: 20px;
    overflow: hidden;
    line-height: 45px;
  }

  .mobile-menu-icon {
    display: block;
    float: right;
    margin-right: 10px;
    line-height: 45px;
    font-size: 22px;
  }

  #content { margin-bottom: 10px; }

  .hentry,
  .widget,
  .author-info,
  #comments {
    padding: 25px;
    margin-left: 0px;
  }

  .entry-info { padding-bottom: 10px; }

  .entry-meta { padding-top: 10px; }

  #copyright,
  #credit {
    display: block;
    float: none;
    padding: 0 15px;
    margin: 0 auto 20px auto;
  }

  .post-thumbnail {
    margin: 10px -10px 20px;
  }

  .hentry.format-video .first-video {
    margin: 0 -10px 20px -10px;
  }

  .commentlist .children,
  .commentlist .children li {
    margin-left: 0;
  }

  video {
    height: 180px!important;
  }
}

/* Mobile Devices */

@media (max-width : 480px) {
  .entry-title {
    font-size: 1.5em !important;
  }
  /*.entry-meta { display: none; }*/
}

/* Retina Images */

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 13/10),
       only screen and (min-resolution: 120dpi) {
  body {
    background-size: 100px 100px;
  }

  #footer {
    background-size: 100px 100px;
  }

  .post-format-indicator,
  .post-format-indicator .entry-format {
    background-size: 250px 150px;
  }
}

.blogroll{
  width:250px;
  display:block;
  overflow:auto;
  zoom:1;
}
.blogroll li{
  float:left;
  width:120px;
  display:block;
}

.archive {
  padding: 5px 30px;
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  -moz-box-shadow: 0px 1px 5px #eee;
  -webkit-box-shadow: 0px 1px 5px #eee;
  box-shadow: 0px 1px 5px #eee;
}

.archive .divider { padding: 0 8px; }

.fenlei{
	float:left;
}
.jiathis_style{
	float:left;
}
.p1{
  float:left;
}
.p2{
  float:right;
}
.curent{
  width:30px;
  height:30px;
  /*footerfooter*/
}

#ds-reset .ds-avatar {
  background:none !important;
}

#nav2{
  display:block;
  position:relative;
  background:rgba(255,255,255,0.2);
}
.nav-toggle{
	content:"33333333333";
  font-size:30px;
  color:#fff;
  padding:5px;
  position:absolute;
  right:20px;
  top:100px;
}
#nav2 li a{
	line-height:30px;
  text-align:center;
  color:#000;
}
@media screen and (max-width: 760px) {
  .liaspan{
    width:31em;
    word-break:keep-all;  /* 不换行 */
    white-space:nowrap;  /* 不换行 */
    overflow:hidden;  /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;  /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
  }
}
@media screen and (min-width: 760px) {
	#nav2{
		display:none;
  }
}

#scrollUp {
  background-image: url("https://img.yangsihan.com/top.gif");
  bottom: 20px;
  right: 10px;
  width: 50px; /* Width of image */
  height: 50px; /* Height of image */
  border-radius: 30px;
}

div.syntaxhighlighter .container:before,div.syntaxhighlighter .container:after {
  content:none;
}

.archive pre{
	background:#1b2426;
  margin: 5px 0;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle !important;
  border-top: 1px solid #eee;
  font-size: 14px;
  font-family: 'MiSans-Medium';
}
th[align*="center"],
tr[align*="center"] {
  text-align: center;
}

.pagination > li > a,
.pagination > li > span {
  background-color: #fff !important;
  color: #999;
}
.pagination>.active>span {
  background-color: #2196F3 !important;
  border-color: #2196F3 !important;
}
.paginate {
  text-align: center;
}

a:hover,
a:focus {
  text-decoration: none;
  color: blue;
  transition: all .2s;
}

/* 轮播插件 */
.swiper-container {
  margin-bottom: 10px!important;
}

.swiper-button-next,
.swiper-button-prev {
  width: 30px!important;
  height: 30px!important;
}

.swiper-slide img {
  height: 300px;
  width: 100%;
  border-radius: 2px;
  cursor: pointer;
}

/* 新标签云 */
.new_tag {
  float: left;
  margin-right: 5px;
  padding: 5px 10px;
  margin-bottom: 5px;
  color: #fff;
  font-family: 'MiSans-Medium';
}

#tag_cloud a:hover {
  color: #fff;
}

video {
  background-color: #000;
  width: 100%;
  height: 350px;
  margin: 10px 0;
}

/* Valine */
#veditor {
  background-image: url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/comment-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  background-color: rgba(255,255,255,0);
  resize: vertical;
}
#vcomments .vcards .vhead .vsys {
  color: #7889c3;
}
#vcomments .vwrap .vemojis .vemoji, #vcomments .vwrap .vpreview .vemoji {
  max-height: 25px !important;
  max-width: 45px !important;
}
#vcomments .vcards .vcontent .vemoji {
  max-height: 24px !important;
  max-width: 50px !important;
}
#vcomments .vcards .vmeta .vat {
  font-weight: 700;
  color: #2196f3;
}
#vcomments .vcards .vhead a.vnick, .v[data-class=v] .vcards .vcard .vhead .vnick {
  color: #ff9800;
  font-weight: 700;
}
#vcomments .vcards .vcontent a {
  color: #2196f3;
  line-height: inherit;
}
#vcomments .vwrap {
  border-radius: 8px;
  border-style: dashed;
  border: 1px dashed rgba(85,85,85,.3);
}
/* valine样式 */

:not(pre) > code[class*="language-"], pre[class*="language-"] {
  font-size: 14px!important;
}

code span {
  font-family: "Consolas"!important;
}

code p {
  font-family: "Consolas"!important;
}

blockquote p {
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
  color: #555;
}

blockquote {
  border-left: 4px solid #2196F3;
  background-color: rgb(248, 248, 248);
  margin-left: 0;
  margin: 1em 0;
  font-size: 15px;
  padding: 10px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  text-align: left;
}

.no-articles {
  text-align: center;
  padding-top: 50px;
  color: #999;
}

button {
  outline: none!important;
}
#reward {
  text-align:center;
  margin-bottom:10px;
}
#reward button {
  border-radius:50px;
  background-color:red;
  color:#fff;
  width:100px;
  height:45px;
  outline:none;
}

/* 广告位 */
#ad_swiper img {
  height: 150px;
}
ul li {
  font-size: 15px!important;
  line-height: 1.8;
  color: #333;
}
ol li{
  font-size: 15px!important;
  line-height: 1.8;
  color: #333;
}

img {
  max-width: 100%;
}
.pull-center {
  text-align: center;
}
/* 文章详情页进度条 */
#content_progress {
  /* Positioning */
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000000;
  width: 100%;
  height: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  color: #FFFF00;
}
/* 进度条 */
#content_progress::-webkit-progress-bar {
  background-color: transparent;
}
#content_progress::-webkit-progress-value {
  background-color: #FFFF00;
}
#content_progress::-moz-progress-bar {
  background-color: #FFFF00;
}
/* 文章详情页站点介绍 */
#site-state .site-state-img {
  height: 150px;
  width: 150px;
  border: 1px solid #eee;
  border-radius: 50%;
}
.site-state-item:first-child {
  border-left: none;
}
.site-state-item {
  display: inline-block;
  padding: 0 15px;
  border-left: 1px solid #eee;
}
.site-state-item-name {
  font-size: 13px;
  color: #999;
}
.site-state-item-count {
  display: block;
  text-align: center;
  color: inherit;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
.site-description {
  margin-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #999;
}
.layui-btn {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 18px;
  background-color: #009688;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
}
.quote-content * {
  color: gray;
  font-size: 14px;
}
/* wangeditor */
.comment-input {
  border: 1px solid #eee;
  border-radius: 0;
  height: 40px;
  font-size: small;
}
#comment_form textarea {
  font-size: small;
  padding: 10px 5px;
}
@media (min-width: 1200px) {
  .comment-input:first-child {
    border-right: none;
  }
  .comment-input:last-child {
    border-left: none;
  }
}
/* 文章排名样式 */
#new_post .first-rank {
  color: #fff;
  background: red;
  padding: 2px 4px 3px 8px;
  border-radius: 50%;
}
#new_post .second-rank {
  color: #fff;
  background: #2ea7e0;
  padding: 2px 4px 3px 8px;
  border-radius: 50%;
}
#new_post .third-rank {
  color: #fff;
  background: #6bc30d;
  padding: 2px 4px 3px 8px;
  border-radius: 50%;
}
#new_post .other-rank {
  color: #666;
  background: #edefee;
  padding: 2px 4px 3px 8px;
  border-radius: 50%;
}
.swiper-button-prev,
.swiper-button-next {
  display: none;
}
.modal {
  top: 20%!important;
}

/* 友情提醒 */
.expired-tips {
  padding: 10px;
  font-size: 15px;
  border: 1px solid #e2e2e2;
  background-color: #ffffc0;
  border-left: 4px solid #fff000;
  color: #333;
  overflow: hidden;
}

/* 自定义滚动条 */
::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}
::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
::-webkit-scrollbar-thumb {
  background-color: #2196F3;
  border-radius: 10px;
}
