/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block
}

audio, canvas, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden], template {
  display: none
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

a {
  background: transparent
}

a:focus {
  outline: thin dotted
}

a:active, a:hover {
  outline: 0
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

mark {
  background: #ff0;
  color: #000
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

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: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button, input {
  line-height: normal
}

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
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

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
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

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

body {
  font-size: 16px;
  font-family: sans-serif;
  background-color: #FCFCFC;
  color: #2C3E50;
  line-height: 1.5
}

a {
  color: #4C83E0;
  text-decoration: none
}

a:visited {
  color: #4C83E0
}

a:hover {
  color: #476EB5;
  text-decoration: underline
}

a:active {
  color: #476EB5;
  text-decoration: underline
}

img {
  vertical-align: bottom
}

ins {
  text-decoration: none
}

::selection {
  background: #476EB5;
  color: #fff
}

::-moz-selection {
  background: #476EB5;
  color: #fff
}

.inner {
  margin: 0 20px
}

#contents {
  width: 85%;
  max-width: 1200px;
  margin: 0 auto
}

#contents .inner {
  width: 100%;
  float: left;
  margin: 0 -270px 0 0
}

#contents .main {
  margin-right: 280px
}

@media screen and (max-width: 900px) {
  #contents {
    width: 95%
  }
  #contents .inner {
    margin-right: 0;
    float: none
  }
  #contents .main {
    margin-right: 0
  }
}

.single #contents .main {
  background-color: #fff;
  border: 1px solid #F0F0F0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 30px
}

body:not(.single) #contents .main .entry-block {
  background-color: #fff;
  border: 1px solid #F0F0F0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 30px
}

.books-block {
  background-color: #fff;
  border: 1px solid #F0F0F0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 30px;
  padding: 10px 0 10px 10px;
  float: left
}

.books-block ul {
  list-style-type: none;
  margin: 0 0 60px 0;
  padding: 0
}

@media screen and (max-width: 360px) {
  .books-block ul {
    margin: 0
  }
}

.books-block ul li {
  float: left;
  margin: 0 10px 10px 0
}

.books-block ul li a {
  display: block;
  overflow: hidden;
  width: 171px;
  padding: 5px 0;
  border: 1px solid #EEF0F0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.books-block ul li a:hover {
  background: #2C3E50
}

.books-block ul li a img {
  max-width: 161px;
  height: 200px;
  border: 1px solid #F0F0F0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 360px) {
  .books-block ul li a {
    width: auto;
    height: 191px;
    padding: 5px;
    overflow: hidden
  }
  .books-block ul li a img {
    max-width: 143px;
    height: auto
  }
}

@media screen and (max-width: 320px) {
  .books-block ul li a {
    width: auto;
    height: 166px;
    padding: 5px;
    overflow: hidden
  }
  .books-block ul li a img {
    max-width: 124px;
    height: auto
  }
}

.book-image {
  margin-right: 30px;
  float: left
}

.book-info {
  margin-top: 1em
}

.book-info table {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
  border: solid #BDC3C7;
  border-width: 1px 0 0 1px
}

.book-info table th {
  width: 15%;
  background-color: #EEF0F0;
  text-align: left;
  padding: 10px;
  border: solid #BDC3C7;
  border-width: 0 1px 1px 0
}

.book-info table td {
  padding: 10px;
  border: solid #BDC3C7;
  border-width: 0 1px 1px 0
}

.book-info table td.amazon-link {
  text-align: center;
  font-size: 1.5em
}

@media screen and (max-width: 568px) {
  .book-image {
    width: 100%;
    margin-right: 0;
    text-align: center
  }
  .book-info {
    width: 100%
  }
}

.thumbnail-wrap {
  float: left;
  margin: 1em 15px 1em 0
}

.thumbnail-wrap img {
  background: #fff;
  border: solid 1px #EEF0F0;
  padding: 5px
}

@media screen and (max-width: 568px) {
  .thumbnail-wrap {
    float: none;
    text-align: center;
    margin-bottom: 0
  }
}

@media screen and (max-width: 360px) {
  .thumbnail-wrap {
    float: none;
    text-align: center;
    margin: 1em 0
  }
}

.read-more {
  display: block;
  margin: 30px 0 0
}

.read-more a {
  display: inline-block;
  background: #2C3E50;
  color: #fff;
  padding: 7px 15px;
  border-radius: 3px;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.read-more a:visited {
  background: #2C3E50;
  color: #fff
}

.read-more a:hover, .read-more a:active {
  background: #476EB5;
  color: #fff
}

.btn, .sacss-btn {
  display: block;
  font-size: 1.6em
}

.btn a, .sacss-btn a {
  display: inline-block;
  background: #e74c3c;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.btn a:visited, .sacss-btn a:visited {
  background: #e74c3c;
  color: #fff
}

.btn a:hover, .sacss-btn a:hover, .btn a:active, .sacss-btn a:active {
  background: #c0392b;
  color: #fff
}

.btn-jsgirls a {
  background-color: #EFDA5B;
  color: #000
}

.btn-jsgirls a:visited {
  background: #EFDA5B;
  color: #000
}

.btn-jsgirls a:hover, .btn-jsgirls a:active {
  background: #F4E58C
}

.entry-block {
  margin-bottom: 50px
}

.entry-header {
  border-bottom: 4px double #BDC3C7
}

.entry-header a {
  color: #2C3E50
}

.entry-header a:hover {
  color: #476EB5;
  text-decoration: none
}

.entry-header .entry-date {
  margin-bottom: 10px;
  display: inline-block;
  padding: 6px 8px;
  background: #2C3E50;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 1em;
  position: relative;
  font-size: 70%
}

.entry-header .entry-date a {
  color: #fff;
  text-decoration: none
}

.entry-header .entry-date:before {
  content: '';
  position: absolute;
  border-top: 5px solid #2C3E50;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px;
  left: 36px
}

.entry-title {
  margin: 0;
  font-size: 1.85em
}

@media screen and (max-width: 768px) {
  .entry-title {
    font-size: 18px
  }
}

.entry-categories-tags {
  text-align: right;
  margin: 0;
  padding: 0
}

.entry-categories-tags li {
  display: inline-block;
  padding-left: 10px;
  font-size: 13px
}

.entry-author:before {
  font-family: 'FontAwesome';
  content: "";
  margin-right: 5px
}

.entry-categories:before {
  font-family: 'FontAwesome';
  content: "";
  margin-right: 5px
}

.entry-tags:before {
  font-family: 'FontAwesome';
  content: "";
  margin-right: 5px
}

.entry-main h3, .entry-main h4, .entry-main h5 {
  margin: 2em 0 1em 0;
  line-height: 1.5
}

.entry-main h3 {
  font-size: 1.5em;
  background-color: #2C3E50;
  padding: 10px;
  color: #fff
}

@media screen and (max-width: 768px) {
  .entry-main h3 {
    font-size: 18px
  }
}

.entry-main h3:before {
  font-family: 'FontAwesome';
  content: "";
  margin-right: 5px
}

.entry-main h3:before {
  color: #BDC3C7
}

.entry-main h3.noicon:before {
  content: "";
  margin-right: 0
}

.entry-main h4 {
  font-size: 1.2rem
}

.entry-main h4:before {
  font-family: 'FontAwesome';
  content: "";
  margin-right: 5px
}

.entry-main h4:before {
  color: #BDC3C7
}

.entry-main h4.balloon {
  font-size: 1rem
}

.entry-main h4.noicon:before, .entry-main h4.balloon:before {
  content: "";
  margin-right: 0
}

.entry-main p {
  line-height: 1.7
}

.entry-main p code {
  word-wrap: break-word;
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #BDC3C7;
  background-color: #F0F0F0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.entry-main p.alert {
  background-color: #e74c3c;
  color: #fff;
  padding: 0.5em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.entry-main img {
  max-width: 100%
}

.entry-main .flame {
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #fff;
  border: solid 1px #EEF0F0;
  padding: 5px;
  max-width: 60%
}

@media screen and (max-width: 900px) {
  .entry-main .flame {
    max-width: 96%
  }
}

.entry-main .caption {
  display: block;
  font-size: 13px;
  color: #666
}

.entry-main a:hover .flame {
  background: #2C3E50
}

.entry-main .flame-wrap {
  background: #fff;
  text-align: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px
}

.entry-main .flame-wrap img {
  max-width: calc(100% - 12px);
  height: 100%;
  padding: 5px;
  border: 1px solid #EEF0F0
}

@media screen and (max-width: 360px) {
  .entry-main .book .fl {
    text-align: center;
    float: none !important;
    margin-bottom: 15px !important
  }
}

.ins-block {
  border-left: 5px dotted silver;
  padding: 5px 10px;
  background-color: #F0F0F0
}

.elink {
  position: relative;
  display: block;
  padding-left: 47px
}

.elink:before {
  content: "LINK";
  margin-right: 10px;
  font-size: 11px;
  padding: 3px 5px;
  background-color: #2C3E50;
  border-radius: 2px;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  line-height: 1.5
}

.elink:after {
  content: '';
  position: absolute;
  border-left: 7px solid #2C3E50;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  top: 8px;
  left: 34px
}

.nlink {
  position: relative;
  display: block;
  padding-left: 52px
}

.nlink:before {
  content: "ネタ元";
  margin-right: 10px;
  font-size: 11px;
  padding: 3px 5px;
  background-color: #f39c12;
  border-radius: 2px;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  line-height: 1.5
}

.nlink:after {
  content: '';
  position: absolute;
  border-left: 7px solid #f39c12;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  top: 8px;
  left: 43px
}

.dlink {
  position: relative;
  display: block;
  padding-left: 87px
}

.dlink:before {
  content: "DOWNLOAD";
  margin-right: 10px;
  font-size: 11px;
  padding: 3px 5px;
  background-color: #8e44ad;
  border-radius: 2px;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  line-height: 1.5
}

.dlink:after {
  content: '';
  position: absolute;
  border-left: 7px solid #8e44ad;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  top: 8px;
  left: 74px
}

.ref {
  position: relative;
  display: block;
  padding-left: 42px
}

.ref:before {
  content: "参照";
  margin-right: 10px;
  font-size: 11px;
  padding: 3px 5px;
  background-color: #e74c3c;
  border-radius: 2px;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  line-height: 1.5
}

.ref:after {
  content: '';
  position: absolute;
  border-left: 7px solid #e74c3c;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  top: 8px;
  left: 32px
}

.demos {
  position: relative;
  display: block;
  padding-left: 54px
}

.demos:before {
  content: "DEMO";
  margin-right: 10px;
  font-size: 11px;
  padding: 3px 5px;
  background-color: #16a085;
  border-radius: 2px;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  line-height: 1.5
}

.demos:after {
  content: '';
  position: absolute;
  border-left: 7px solid #16a085;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  top: 8px;
  left: 44px
}

blockquote {
  background: #F0F0F0;
  border-left: 10px solid #BDC3C7;
  margin: 1.5em 0 0;
  padding: 0.5em 10px
}

blockquote p {
  display: inline
}

blockquote+.cite {
  margin-top: 0;
  background: #F0F0F0;
  border-left: 10px solid #BDC3C7;
  padding: 0.5em 10px;
  font-size: 13px;
  border-top: 1px dashed #BDC3C7;
  position: relative
}

blockquote+.cite:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -10px;
  display: block;
  width: 10px;
  height: 1px;
  background: #BDC3C7
}

.entry-sosial-block iframe.twitter-share-button.twitter-count-horizontal {
  width: 105px !important
}

.entry-sosial-block .fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
  margin-left: 6px
}

.entry-sosial-block .fb_iframe_widget>span {
  vertical-align: baseline !important
}

.entry-sosial-block.main-top {
  height: 26px;
  text-align: right;
  padding-top: 5px
}

.entry-sosial-block.main-bottom {
  border-top: 1px dashed #BDC3C7;
  margin-top: 10px;
  padding-top: 10px
}

.schedule {
  border-collapse: collapse;
  border: solid #BDC3C7;
  border-width: 1px 0 0 1px
}

.schedule th {
  border: solid #BDC3C7;
  border-width: 0 1px 2px 0;
  padding: 8px;
  background-color: #EEF0F0
}

.schedule td {
  border: solid #BDC3C7;
  border-width: 0 1px 1px 0;
  padding: 8px
}

.schedule>tbody>tr:nth-child(2n) td {
  background-color: #EEF0F0
}

.outline {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
  border: solid #BDC3C7;
  border-width: 1px 0 0 1px
}

.outline th {
  width: 15%;
  background-color: #EEF0F0;
  text-align: left;
  padding: 10px;
  border: solid #BDC3C7;
  border-width: 0 1px 1px 0
}

.outline td {
  padding: 10px;
  border: solid #BDC3C7;
  border-width: 0 1px 1px 0
}

.balloon {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  margin: 1em 0 5px 0 !important;
  background-color: #2C3E50;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #fff;
  font-weight: normal
}

.balloon:after {
  content: '';
  position: absolute;
  border-top: 7px solid #2C3E50;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: 34px;
  left: 15px
}

.balloon.demo {
  background-color: #e74c3c
}

.balloon.demo:after {
  border-top: 7px solid #e74c3c
}

.balloon.demo.demo_fail {
  background-color: #F17288
}

.balloon.demo.demo_fail:after {
  border-top: 7px solid #F17288
}

.balloon.demo.demo_success {
  background-color: #16a085
}

.balloon.demo.demo_success:after {
  border-top: 7px solid #16a085
}

.bookMenu {
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em
}

.bookMenu>li {
  margin-bottom: 10px;
  font-weight: bold
}

.bookMenu>li ol {
  font-weight: normal
}

.reference {
  margin: 1em 0;
  padding: 15px;
  background: #EEF0F0;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em
}

.reference ul {
  margin-top: 0;
  margin-bottom: 0
}

.demoBlock {
  margin: .5em 0 1em;
  padding: 15px;
  background: #EEF0F0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #e74c3c;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em
}

.demoBlock.demo_fail {
  border: 3px solid #F17288
}

.demoBlock.demo_success {
  border: 3px solid #16a085
}

.sponsored-block.main-top {
  margin: 3em 0
}

@media screen and (max-width: 320px) {
  .sponsored-block.main-bottom {
    margin-left: -10px
  }
}

.sponsored-block-page.main-top {
  margin: 1em 0 0
}

@media screen and (max-width: 320px) {
  .sponsored-block-page.main-bottom {
    margin-left: -10px
  }
}

[target="_blank"][rel="external"]:not(.elink):not(.nlink):not(.dlink):not(.ref):after {
  font-family: 'FontAwesome';
  content: "\f08e";
  margin-left: 5px
}

.entry-inquiry dd {
  margin: 0
}

.entry-inquiry input {
  width: 99%;
  border: 1px solid #BDC3C7
}

.entry-inquiry textarea {
  width: 99%;
  border: 1px solid #BDC3C7
}

.entry-send input {
  color: #fff;
  background-color: #2C3E50;
  border: 0;
  padding: 10px 30px;
  border-radius: 3px
}

.book a[target="_blank"][rel="external"]:after, .noexternal a[target="_blank"][rel="external"]:after, .image-info a[target="_blank"][rel="external"]:after, .sacss-btn a[target="_blank"][rel="external"]:after, .btn a[target="_blank"][rel="external"]:after, .sacss-btn a[target="_blank"][rel="external"]:after, .btn-jsgirls a[target="_blank"][rel="external"]:after {
  content: "" !important;
  margin-left: 0 !important
}

a[target="_blank"].noexternal[rel="external"]:after {
  content: "" !important;
  margin-left: 0 !important
}

.image-info h4 {
  display: block;
  padding: 1px 0;
  margin: 15px 0 5px;
  border-bottom: 1px dotted #BDC3C7
}

.image-info img {
  margin-bottom: 5px
}

.pager {
  text-align: center;
  margin-top: 30px;
  font-size: 13px
}

.pager span {
  margin: 0 2px 5px;
  padding: 4px 9px;
  display: inline-block;
  border: 1px solid #BDC3C7;
  color: #2C3E50
}

.pager span.current {
  background-color: #476EB5;
  border: 1px solid #476EB5;
  color: #fff
}

.pager a {
  margin: 0 2px 5px;
  padding: 4px 9px;
  display: inline-block;
  border: 1px solid #2C3E50;
  color: #2C3E50;
  text-decoration: none
}

.pager a:hover {
  border: 1px solid #476EB5;
  background-color: #476EB5;
  color: #fff
}

.entry-nav {
  border-top: 1px solid #BDC3C7;
  overflow: hidden;
  margin: 30px 0 0
}

.entry-nav a {
  display: block;
  color: #2C3E50
}

.entry-nav a:visited {
  color: #2C3E50
}

.entry-nav a:hover, .entry-nav a:active {
  color: #476EB5
}

.entry-prev-link {
  width: 50%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.entry-prev-link a {
  position: relative;
  padding: 10px 10px 10px 30px;
  color: #2C3E50
}

.entry-prev-link a:before {
  font-family: 'FontAwesome';
  content: "";
  margin-right: 5px
}

.entry-prev-link a:before {
  position: absolute;
  left: 5px;
  top: 9px
}

.entry-next-link {
  width: 50%;
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.entry-next-link a {
  position: relative;
  padding: 10px 30px 10px 10px;
  color: #2C3E50
}

.entry-next-link a:before {
  font-family: 'FontAwesome';
  content: "";
  margin-right: 5px
}

.entry-next-link a:before {
  position: absolute;
  right: 5px;
  top: 9px
}

#disqus_thread {
  margin: 0;
  border-top: 1px double #BDC3C7;
  padding-top: 15px
}

.yarpp-related h3 {
  font-size: 1.5em
}

@media screen and (max-width: 768px) {
  .yarpp-related h3 {
    font-size: 18px
  }
}

.yarpp-related h3:before {
  font-family: 'FontAwesome';
  content: "";
  margin-right: 5px
}

.yarpp-related h3:before {
  color: #BDC3C7
}

.related-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none
}

.related-block {
  float: left;
  width: 120px;
  margin-right: 15px;
  text-align: center
}

.related-block a {
  display: block
}

.related-thumbnail {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #BDC3C7;
  -moz-box-sizing: bordr-box;
  -webkit-box-sizing: bordr-box;
  box-sizing: bordr-box
}

.related-thumbnail img {
  vertical-align: middle
}

.related-title {
  display: block;
  text-align: left;
  word-break: break-all
}

@media screen and (max-width: 768px) {
  .yarpp-related h3 {
    margin-bottom: 0
  }
  .related-list {
    border-top: solid 1px #EEF0F0
  }
  .related-block {
    width: auto;
    float: none;
    margin-right: 0
  }
  .related-block a {
    position: relative;
    border-bottom: solid 1px #EEF0F0;
    overflow: hidden;
    padding: 6px 5px;
    text-decoration: none
  }
  .related-block a:visited {
    color: #2C3E50
  }
  .related-block a:hover, .related-block a:active {
    background-color: #476EB5;
    color: #fff
  }
  .related-block a:before {
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  .related-thumbnail {
    float: left;
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px
  }
  .related-title {
    overflow: hidden;
    padding-right: 20px
  }
}

.util-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #F0F0F0;
  color: #fff;
  font-size: 16px;
  z-index: 100
}

@media screen and (max-width: 768px) {
  .util-header {
    position: static
  }
}

.util-header a {
  color: #2C3E50;
  text-decoration: none
}

.util-header a:hover, .util-header a:active {
  color: #4C83E0
}

@media screen and (max-width: 568px) {
  .util-header .sp-clear {
    clear: left
  }
  .util-header .sp-hide {
    display: none
  }
}

.util-header ul, .util-header li {
  list-style-type: none;
  padding-left: 0
}

.admin-bar .util-header {
  top: 32px
}

.header-tooltip {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  background-color: #fff;
  color: #2C3E50;
  margin-left: 0;
  padding: 5px;
  border: 1px solid #2C3E50;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 100
}

.header-tooltip.on {
  display: block
}

.content-header {
  clear: both;
  width: 85%;
  max-width: 1200px;
  margin: 0 auto
}

.content-header .inner {
  margin: 0
}

@media screen and (max-width: 900px) {
  .content-header {
    width: 95%
  }
}

.site-title, .site-title a {
  padding-top: 44px;
  font-family: 'Fredericka the Great', Verdana, cursive;
  font-size: 48px
}

@media screen and (max-width: 768px) {
  .site-title, .site-title a {
    padding-top: 0
  }
}

@media screen and (max-width: 568px) {
  .site-title, .site-title a {
    font-size: 34px
  }
}

@media screen and (max-width: 360px) {
  .site-title, .site-title a {
    font-size: 25px
  }
}

.site-title a {
  text-decoration: none;
  color: #2C3E50;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

.site-title a:hover {
  color: #476EB5;
  text-decoration: none
}

#sidebar {
  width: 250px;
  float: right;
  position: relative
}

#sidebar h4 {
  margin-top: 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #BDC3C7
}

@media screen and (max-width: 900px) {
  #sidebar {
    width: 100%;
    float: none;
    padding-bottom: 250px
  }
  #sidebar .sponsored {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
  }
}

#sidebar .sponsored-block {
  width: 250px;
  text-align: center;
  margin: 0 auto
}

.sideblock {
  margin-bottom: 30px
}

.side-categories-list {
  margin: 0;
  padding: 0
}

.side-categories-list li {
  list-style-type: none
}

.side-categories-list li a {
  display: block;
  padding: 6px 5px;
  position: relative;
  border-bottom: solid 1px #EEF0F0;
  text-decoration: none;
  color: #2C3E50
}

.side-categories-list li a:visited {
  text-decoration: none;
  color: #2C3E50
}

.side-categories-list li a:hover, .side-categories-list li a:active {
  background-color: #476EB5;
  color: #fff
}

@media screen and (max-width: 768px) {
  .side-categories-list li a:before {
    content: "\f054";
    position: absolute;
    top: 10px;
    right: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
}

.side-entry-list {
  margin: 0;
  padding: 0
}

.side-entry-list li {
  list-style-type: none
}

.side-entry-list li a {
  overflow: hidden;
  display: block;
  padding: 6px 5px;
  position: relative;
  border-bottom: solid 1px #EEF0F0;
  text-decoration: none
}

.side-entry-list li a:visited {
  text-decoration: none
}

.side-entry-list li a:hover, .side-entry-list li a:active {
  background-color: #476EB5;
  color: #fff
}

@media screen and (max-width: 768px) {
  .side-entry-list li a {
    padding-right: 20px
  }
  .side-entry-list li a:before {
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
}

.side-entry-list .thumb {
  float: left;
  display: block;
  border: solid 1px #EEF0F0;
  overflow: hidden;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 10px
}

.side-entry-list .thumb img {
  vertical-align: middle
}

.side-entry-list .side-entry-title {
  overflow: hidden;
  display: block;
  font-size: 14px
}

.side-about img {
  max-width: 200px;
  max-height: 200px
}

.accordion h4 {
  padding-top: 5px;
  position: relative;
  cursor: pointer
}

.accordion h4:after {
  font-family: 'FontAwesome';
  content: "\f103";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px
}

.accordion h4.opened:after {
  content: "\f102"
}

.accordion h4:hover, .accordion h4:active {
  background-color: #476EB5;
  color: #fff
}

.accordion ul {
  display: none
}

.side-min-bannar {
  background-color: #fff;
  border: 1px solid #BDC3C7;
  padding: 24px 0;
  text-align: center
}

.taglist {
  word-break: break-all
}

#footer {
  background-color: #2C3E50;
  color: #fff
}

#footer a {
  color: #fff;
  text-decoration: none
}

#footer a:visited {
  color: #fff
}

#footer a:hover, #footer a:active {
  color: #476EB5
}

#footer .inner {
  clear: both;
  width: 85%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width: 900px) {
  #footer .inner {
    width: 95%
  }
}

.footer-archive-list ul {
  list-style-type: none;
  padding: 0
}

.footer-archive-list>ul>li {
  clear: left;
  margin-bottom: 10px
}

.footer-archive-list>ul>li>a {
  display: block;
  float: left;
  margin-right: 10px
}

.footer-archive-list>ul>li>ul {
  padding-left: 10px;
  overflow: hidden;
  border-left: 1px solid #fff
}

.footer-archive-list>ul>li>ul>li {
  float: left;
  width: 72px;
  font-size: 12px
}

.footer-archive-list>ul>li>ul>li a {
  display: inline-block;
  width: 43px;
  text-align: right;
  font-size: 16px
}

.copyright {
  margin: 0;
  font-size: 10px;
  text-align: center;
  padding: 15px 0
}

.block404 {
  text-align: center
}

.block404 h2 {
  font-family: 'Fredericka the Great', cursive;
  font-size: 9em;
  margin-top: 0;
  margin-bottom: .5em;
  line-height: 1
}

@media screen and (max-width: 568px) {
  .block404 h2 {
    font-size: 5em
  }
}

.block404 .a-word {
  font-size: 3em;
  margin: 2em 0
}

.block404 .a-word span {
  white-space: nowrap
}

.block404 .goto-home {
  font-size: 1.5em
}

.block404 .goto-home a {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  background-color: #2C3E50;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.block404 .goto-home a:hover {
  background-color: #476EB5
}

code[class*="language-"], pre[class*="language-"] {
  color: #f8f8f2;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, 'Andale Mono', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}

pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  border-radius: 0.3em
}

:not(pre)>code[class*="language-"], pre[class*="language-"] {
  background: #272822
}

:not(pre)>code[class*="language-"] {
  padding: .1em;
  border-radius: .3em
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: slategray
}

.token.punctuation {
  color: #f8f8f2
}

.namespace {
  opacity: .7
}

.token.property, .token.tag {
  color: #f92672
}

.token.boolean, .token.number {
  color: #ae81ff
}

.token.selector, .token.attr-name, .token.string {
  color: #a6e22e
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: #f8f8f2
}

.token.atrule, .token.attr-value {
  color: #e6db74
}

.token.keyword {
  color: #66d9ef
}

.token.regex, .token.important {
  color: #fd971f
}

.token.important {
  font-weight: bold
}

.token.entity {
  cursor: help
}

pre.line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber
}

pre.line-numbers>code {
  position: relative
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.line-numbers-rows>span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber
}

.line-numbers-rows>span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right
}

body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal
}

.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

.lightbox a img {
  border: none
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-container {
  padding: 4px
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.lb-container>.nav {
  left: 0
}

.lb-nav a {
  outline: none
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  display: block
}

.lb-prev {
  left: 0;
  float: left
}

.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat
}

.lb-next {
  right: 0;
  float: right
}

.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-data {
  padding: 0 4px;
  color: #bbbbbb
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.dn {
  display: none !important
}

.dnone {
  display: none
}

.db {
  display: block !important
}

.dblock {
  display: block
}

.oh {
  overflow: hidden
}

.ovv {
  overflow: visible
}

.fl-l {
  float: left
}

.fl-r {
  float: right
}

.fl-n {
  float: none
}

.fl {
  float: left !important
}

.fr {
  float: right !important
}

.fn {
  float: none !important
}

.t-l {
  text-align: left
}

.t-r {
  text-align: right
}

.t-c {
  text-align: center
}

.text-l {
  text-align: left !important
}

.text-r {
  text-align: right !important
}

.text-c {
  text-align: center !important
}

.block-center {
  margin-right: auto;
  margin-left: auto
}

.bold {
  font-weight: bold !important
}

.w0 {
  width: 0px !important
}

.max-w0 {
  max-width: 0px !important
}

.w10 {
  width: 10px !important
}

.max-w10 {
  max-width: 10px !important
}

.w20 {
  width: 20px !important
}

.max-w20 {
  max-width: 20px !important
}

.w30 {
  width: 30px !important
}

.max-w30 {
  max-width: 30px !important
}

.w40 {
  width: 40px !important
}

.max-w40 {
  max-width: 40px !important
}

.w50 {
  width: 50px !important
}

.max-w50 {
  max-width: 50px !important
}

.w60 {
  width: 60px !important
}

.max-w60 {
  max-width: 60px !important
}

.w70 {
  width: 70px !important
}

.max-w70 {
  max-width: 70px !important
}

.w80 {
  width: 80px !important
}

.max-w80 {
  max-width: 80px !important
}

.w90 {
  width: 90px !important
}

.max-w90 {
  max-width: 90px !important
}

.w100 {
  width: 100px !important
}

.max-w100 {
  max-width: 100px !important
}

.w110 {
  width: 110px !important
}

.max-w110 {
  max-width: 110px !important
}

.w120 {
  width: 120px !important
}

.max-w120 {
  max-width: 120px !important
}

.w130 {
  width: 130px !important
}

.max-w130 {
  max-width: 130px !important
}

.w140 {
  width: 140px !important
}

.max-w140 {
  max-width: 140px !important
}

.w150 {
  width: 150px !important
}

.max-w150 {
  max-width: 150px !important
}

.w160 {
  width: 160px !important
}

.max-w160 {
  max-width: 160px !important
}

.w170 {
  width: 170px !important
}

.max-w170 {
  max-width: 170px !important
}

.w180 {
  width: 180px !important
}

.max-w180 {
  max-width: 180px !important
}

.w190 {
  width: 190px !important
}

.max-w190 {
  max-width: 190px !important
}

.w200 {
  width: 200px !important
}

.max-w200 {
  max-width: 200px !important
}

.w210 {
  width: 210px !important
}

.max-w210 {
  max-width: 210px !important
}

.w220 {
  width: 220px !important
}

.max-w220 {
  max-width: 220px !important
}

.w230 {
  width: 230px !important
}

.max-w230 {
  max-width: 230px !important
}

.w240 {
  width: 240px !important
}

.max-w240 {
  max-width: 240px !important
}

.w250 {
  width: 250px !important
}

.max-w250 {
  max-width: 250px !important
}

.w260 {
  width: 260px !important
}

.max-w260 {
  max-width: 260px !important
}

.w270 {
  width: 270px !important
}

.max-w270 {
  max-width: 270px !important
}

.w280 {
  width: 280px !important
}

.max-w280 {
  max-width: 280px !important
}

.w290 {
  width: 290px !important
}

.max-w290 {
  max-width: 290px !important
}

.w300 {
  width: 300px !important
}

.max-w300 {
  max-width: 300px !important
}

.w310 {
  width: 310px !important
}

.max-w310 {
  max-width: 310px !important
}

.w320 {
  width: 320px !important
}

.max-w320 {
  max-width: 320px !important
}

.w330 {
  width: 330px !important
}

.max-w330 {
  max-width: 330px !important
}

.w340 {
  width: 340px !important
}

.max-w340 {
  max-width: 340px !important
}

.w350 {
  width: 350px !important
}

.max-w350 {
  max-width: 350px !important
}

.w360 {
  width: 360px !important
}

.max-w360 {
  max-width: 360px !important
}

.w370 {
  width: 370px !important
}

.max-w370 {
  max-width: 370px !important
}

.w380 {
  width: 380px !important
}

.max-w380 {
  max-width: 380px !important
}

.w390 {
  width: 390px !important
}

.max-w390 {
  max-width: 390px !important
}

.w400 {
  width: 400px !important
}

.max-w400 {
  max-width: 400px !important
}

.w410 {
  width: 410px !important
}

.max-w410 {
  max-width: 410px !important
}

.w420 {
  width: 420px !important
}

.max-w420 {
  max-width: 420px !important
}

.w430 {
  width: 430px !important
}

.max-w430 {
  max-width: 430px !important
}

.w440 {
  width: 440px !important
}

.max-w440 {
  max-width: 440px !important
}

.w450 {
  width: 450px !important
}

.max-w450 {
  max-width: 450px !important
}

.w460 {
  width: 460px !important
}

.max-w460 {
  max-width: 460px !important
}

.w470 {
  width: 470px !important
}

.max-w470 {
  max-width: 470px !important
}

.w480 {
  width: 480px !important
}

.max-w480 {
  max-width: 480px !important
}

.w490 {
  width: 490px !important
}

.max-w490 {
  max-width: 490px !important
}

.w500 {
  width: 500px !important
}

.max-w500 {
  max-width: 500px !important
}

.w510 {
  width: 510px !important
}

.max-w510 {
  max-width: 510px !important
}

.w520 {
  width: 520px !important
}

.max-w520 {
  max-width: 520px !important
}

.w530 {
  width: 530px !important
}

.max-w530 {
  max-width: 530px !important
}

.w540 {
  width: 540px !important
}

.max-w540 {
  max-width: 540px !important
}

.w550 {
  width: 550px !important
}

.max-w550 {
  max-width: 550px !important
}

.w560 {
  width: 560px !important
}

.max-w560 {
  max-width: 560px !important
}

.w570 {
  width: 570px !important
}

.max-w570 {
  max-width: 570px !important
}

.w580 {
  width: 580px !important
}

.max-w580 {
  max-width: 580px !important
}

.w590 {
  width: 590px !important
}

.max-w590 {
  max-width: 590px !important
}

.w600 {
  width: 600px !important
}

.max-w600 {
  max-width: 600px !important
}

.w610 {
  width: 610px !important
}

.max-w610 {
  max-width: 610px !important
}

.w620 {
  width: 620px !important
}

.max-w620 {
  max-width: 620px !important
}

.w630 {
  width: 630px !important
}

.max-w630 {
  max-width: 630px !important
}

.w640 {
  width: 640px !important
}

.max-w640 {
  max-width: 640px !important
}

.w650 {
  width: 650px !important
}

.max-w650 {
  max-width: 650px !important
}

.w660 {
  width: 660px !important
}

.max-w660 {
  max-width: 660px !important
}

.w670 {
  width: 670px !important
}

.max-w670 {
  max-width: 670px !important
}

.w680 {
  width: 680px !important
}

.max-w680 {
  max-width: 680px !important
}

.w690 {
  width: 690px !important
}

.max-w690 {
  max-width: 690px !important
}

.w700 {
  width: 700px !important
}

.max-w700 {
  max-width: 700px !important
}

.w710 {
  width: 710px !important
}

.max-w710 {
  max-width: 710px !important
}

.w720 {
  width: 720px !important
}

.max-w720 {
  max-width: 720px !important
}

.w730 {
  width: 730px !important
}

.max-w730 {
  max-width: 730px !important
}

.w740 {
  width: 740px !important
}

.max-w740 {
  max-width: 740px !important
}

.w750 {
  width: 750px !important
}

.max-w750 {
  max-width: 750px !important
}

.w760 {
  width: 760px !important
}

.max-w760 {
  max-width: 760px !important
}

.w770 {
  width: 770px !important
}

.max-w770 {
  max-width: 770px !important
}

.w780 {
  width: 780px !important
}

.max-w780 {
  max-width: 780px !important
}

.w790 {
  width: 790px !important
}

.max-w790 {
  max-width: 790px !important
}

.w800 {
  width: 800px !important
}

.max-w800 {
  max-width: 800px !important
}

.w810 {
  width: 810px !important
}

.max-w810 {
  max-width: 810px !important
}

.w820 {
  width: 820px !important
}

.max-w820 {
  max-width: 820px !important
}

.w830 {
  width: 830px !important
}

.max-w830 {
  max-width: 830px !important
}

.w840 {
  width: 840px !important
}

.max-w840 {
  max-width: 840px !important
}

.w850 {
  width: 850px !important
}

.max-w850 {
  max-width: 850px !important
}

.w860 {
  width: 860px !important
}

.max-w860 {
  max-width: 860px !important
}

.w870 {
  width: 870px !important
}

.max-w870 {
  max-width: 870px !important
}

.w880 {
  width: 880px !important
}

.max-w880 {
  max-width: 880px !important
}

.w890 {
  width: 890px !important
}

.max-w890 {
  max-width: 890px !important
}

.w900 {
  width: 900px !important
}

.max-w900 {
  max-width: 900px !important
}

.w910 {
  width: 910px !important
}

.max-w910 {
  max-width: 910px !important
}

.w920 {
  width: 920px !important
}

.max-w920 {
  max-width: 920px !important
}

.w930 {
  width: 930px !important
}

.max-w930 {
  max-width: 930px !important
}

.w940 {
  width: 940px !important
}

.max-w940 {
  max-width: 940px !important
}

.w950 {
  width: 950px !important
}

.max-w950 {
  max-width: 950px !important
}

.w960 {
  width: 960px !important
}

.max-w960 {
  max-width: 960px !important
}

.w970 {
  width: 970px !important
}

.max-w970 {
  max-width: 970px !important
}

.w980 {
  width: 980px !important
}

.max-w980 {
  max-width: 980px !important
}

.w990 {
  width: 990px !important
}

.max-w990 {
  max-width: 990px !important
}

.w1000 {
  width: 1000px !important
}

.max-w1000 {
  max-width: 1000px !important
}

.w10p {
  width: 10% !important
}

.min-w10p {
  min-width: 10% !important
}

.max-w10p {
  max-width: 10% !important
}

.w20p {
  width: 20% !important
}

.min-w20p {
  min-width: 20% !important
}

.max-w20p {
  max-width: 20% !important
}

.w30p {
  width: 30% !important
}

.min-w30p {
  min-width: 30% !important
}

.max-w30p {
  max-width: 30% !important
}

.w40p {
  width: 40% !important
}

.min-w40p {
  min-width: 40% !important
}

.max-w40p {
  max-width: 40% !important
}

.w50p {
  width: 50% !important
}

.min-w50p {
  min-width: 50% !important
}

.max-w50p {
  max-width: 50% !important
}

.w60p {
  width: 60% !important
}

.min-w60p {
  min-width: 60% !important
}

.max-w60p {
  max-width: 60% !important
}

.w70p {
  width: 70% !important
}

.min-w70p {
  min-width: 70% !important
}

.max-w70p {
  max-width: 70% !important
}

.w80p {
  width: 80% !important
}

.min-w80p {
  min-width: 80% !important
}

.max-w80p {
  max-width: 80% !important
}

.w90p {
  width: 90% !important
}

.min-w90p {
  min-width: 90% !important
}

.max-w90p {
  max-width: 90% !important
}

.w100p {
  width: 100% !important
}

.min-w100p {
  min-width: 100% !important
}

.max-w100p {
  max-width: 100% !important
}

.mt0 {
  margin-top: 0px !important
}

.mr0 {
  margin-right: 0px !important
}

.mb0 {
  margin-bottom: 0px !important
}

.ml0 {
  margin-left: 0px !important
}

.pt0 {
  padding-top: 0px !important
}

.pr0 {
  padding-right: 0px !important
}

.pb0 {
  padding-bottom: 0px !important
}

.pl0 {
  padding-left: 0px !important
}

.mt5 {
  margin-top: 5px !important
}

.mr5 {
  margin-right: 5px !important
}

.mb5 {
  margin-bottom: 5px !important
}

.ml5 {
  margin-left: 5px !important
}

.pt5 {
  padding-top: 5px !important
}

.pr5 {
  padding-right: 5px !important
}

.pb5 {
  padding-bottom: 5px !important
}

.pl5 {
  padding-left: 5px !important
}

.mt10 {
  margin-top: 10px !important
}

.mr10 {
  margin-right: 10px !important
}

.mb10 {
  margin-bottom: 10px !important
}

.ml10 {
  margin-left: 10px !important
}

.pt10 {
  padding-top: 10px !important
}

.pr10 {
  padding-right: 10px !important
}

.pb10 {
  padding-bottom: 10px !important
}

.pl10 {
  padding-left: 10px !important
}

.mt15 {
  margin-top: 15px !important
}

.mr15 {
  margin-right: 15px !important
}

.mb15 {
  margin-bottom: 15px !important
}

.ml15 {
  margin-left: 15px !important
}

.pt15 {
  padding-top: 15px !important
}

.pr15 {
  padding-right: 15px !important
}

.pb15 {
  padding-bottom: 15px !important
}

.pl15 {
  padding-left: 15px !important
}

.mt20 {
  margin-top: 20px !important
}

.mr20 {
  margin-right: 20px !important
}

.mb20 {
  margin-bottom: 20px !important
}

.ml20 {
  margin-left: 20px !important
}

.pt20 {
  padding-top: 20px !important
}

.pr20 {
  padding-right: 20px !important
}

.pb20 {
  padding-bottom: 20px !important
}

.pl20 {
  padding-left: 20px !important
}

.mt25 {
  margin-top: 25px !important
}

.mr25 {
  margin-right: 25px !important
}

.mb25 {
  margin-bottom: 25px !important
}

.ml25 {
  margin-left: 25px !important
}

.pt25 {
  padding-top: 25px !important
}

.pr25 {
  padding-right: 25px !important
}

.pb25 {
  padding-bottom: 25px !important
}

.pl25 {
  padding-left: 25px !important
}

.mt30 {
  margin-top: 30px !important
}

.mr30 {
  margin-right: 30px !important
}

.mb30 {
  margin-bottom: 30px !important
}

.ml30 {
  margin-left: 30px !important
}

.pt30 {
  padding-top: 30px !important
}

.pr30 {
  padding-right: 30px !important
}

.pb30 {
  padding-bottom: 30px !important
}

.pl30 {
  padding-left: 30px !important
}

.mt35 {
  margin-top: 35px !important
}

.mr35 {
  margin-right: 35px !important
}

.mb35 {
  margin-bottom: 35px !important
}

.ml35 {
  margin-left: 35px !important
}

.pt35 {
  padding-top: 35px !important
}

.pr35 {
  padding-right: 35px !important
}

.pb35 {
  padding-bottom: 35px !important
}

.pl35 {
  padding-left: 35px !important
}

.mt40 {
  margin-top: 40px !important
}

.mr40 {
  margin-right: 40px !important
}

.mb40 {
  margin-bottom: 40px !important
}

.ml40 {
  margin-left: 40px !important
}

.pt40 {
  padding-top: 40px !important
}

.pr40 {
  padding-right: 40px !important
}

.pb40 {
  padding-bottom: 40px !important
}

.pl40 {
  padding-left: 40px !important
}

.mt45 {
  margin-top: 45px !important
}

.mr45 {
  margin-right: 45px !important
}

.mb45 {
  margin-bottom: 45px !important
}

.ml45 {
  margin-left: 45px !important
}

.pt45 {
  padding-top: 45px !important
}

.pr45 {
  padding-right: 45px !important
}

.pb45 {
  padding-bottom: 45px !important
}

.pl45 {
  padding-left: 45px !important
}

.mt50 {
  margin-top: 50px !important
}

.mr50 {
  margin-right: 50px !important
}

.mb50 {
  margin-bottom: 50px !important
}

.ml50 {
  margin-left: 50px !important
}

.pt50 {
  padding-top: 50px !important
}

.pr50 {
  padding-right: 50px !important
}

.pb50 {
  padding-bottom: 50px !important
}

.pl50 {
  padding-left: 50px !important
}

.mt55 {
  margin-top: 55px !important
}

.mr55 {
  margin-right: 55px !important
}

.mb55 {
  margin-bottom: 55px !important
}

.ml55 {
  margin-left: 55px !important
}

.pt55 {
  padding-top: 55px !important
}

.pr55 {
  padding-right: 55px !important
}

.pb55 {
  padding-bottom: 55px !important
}

.pl55 {
  padding-left: 55px !important
}

.mt60 {
  margin-top: 60px !important
}

.mr60 {
  margin-right: 60px !important
}

.mb60 {
  margin-bottom: 60px !important
}

.ml60 {
  margin-left: 60px !important
}

.pt60 {
  padding-top: 60px !important
}

.pr60 {
  padding-right: 60px !important
}

.pb60 {
  padding-bottom: 60px !important
}

.pl60 {
  padding-left: 60px !important
}

.mt65 {
  margin-top: 65px !important
}

.mr65 {
  margin-right: 65px !important
}

.mb65 {
  margin-bottom: 65px !important
}

.ml65 {
  margin-left: 65px !important
}

.pt65 {
  padding-top: 65px !important
}

.pr65 {
  padding-right: 65px !important
}

.pb65 {
  padding-bottom: 65px !important
}

.pl65 {
  padding-left: 65px !important
}

.mt70 {
  margin-top: 70px !important
}

.mr70 {
  margin-right: 70px !important
}

.mb70 {
  margin-bottom: 70px !important
}

.ml70 {
  margin-left: 70px !important
}

.pt70 {
  padding-top: 70px !important
}

.pr70 {
  padding-right: 70px !important
}

.pb70 {
  padding-bottom: 70px !important
}

.pl70 {
  padding-left: 70px !important
}

.mt75 {
  margin-top: 75px !important
}

.mr75 {
  margin-right: 75px !important
}

.mb75 {
  margin-bottom: 75px !important
}

.ml75 {
  margin-left: 75px !important
}

.pt75 {
  padding-top: 75px !important
}

.pr75 {
  padding-right: 75px !important
}

.pb75 {
  padding-bottom: 75px !important
}

.pl75 {
  padding-left: 75px !important
}

.mt80 {
  margin-top: 80px !important
}

.mr80 {
  margin-right: 80px !important
}

.mb80 {
  margin-bottom: 80px !important
}

.ml80 {
  margin-left: 80px !important
}

.pt80 {
  padding-top: 80px !important
}

.pr80 {
  padding-right: 80px !important
}

.pb80 {
  padding-bottom: 80px !important
}

.pl80 {
  padding-left: 80px !important
}

.mt85 {
  margin-top: 85px !important
}

.mr85 {
  margin-right: 85px !important
}

.mb85 {
  margin-bottom: 85px !important
}

.ml85 {
  margin-left: 85px !important
}

.pt85 {
  padding-top: 85px !important
}

.pr85 {
  padding-right: 85px !important
}

.pb85 {
  padding-bottom: 85px !important
}

.pl85 {
  padding-left: 85px !important
}

.mt90 {
  margin-top: 90px !important
}

.mr90 {
  margin-right: 90px !important
}

.mb90 {
  margin-bottom: 90px !important
}

.ml90 {
  margin-left: 90px !important
}

.pt90 {
  padding-top: 90px !important
}

.pr90 {
  padding-right: 90px !important
}

.pb90 {
  padding-bottom: 90px !important
}

.pl90 {
  padding-left: 90px !important
}

.mt95 {
  margin-top: 95px !important
}

.mr95 {
  margin-right: 95px !important
}

.mb95 {
  margin-bottom: 95px !important
}

.ml95 {
  margin-left: 95px !important
}

.pt95 {
  padding-top: 95px !important
}

.pr95 {
  padding-right: 95px !important
}

.pb95 {
  padding-bottom: 95px !important
}

.pl95 {
  padding-left: 95px !important
}

.mt100 {
  margin-top: 100px !important
}

.mr100 {
  margin-right: 100px !important
}

.mb100 {
  margin-bottom: 100px !important
}

.ml100 {
  margin-left: 100px !important
}

.pt100 {
  padding-top: 100px !important
}

.pr100 {
  padding-right: 100px !important
}

.pb100 {
  padding-bottom: 100px !important
}

.pl100 {
  padding-left: 100px !important
}

.m0 {
  margin: 0 !important
}

.p0 {
  padding: 0 !important
}

.b0 {
  border: 0 !important
}

.bt0 {
  border-top: 0 !important
}

.br0 {
  border-right: 0 !important
}

.bb0 {
  border-bottom: 0 !important
}

.bl0 {
  border-left: 0 !important
}

.bold {
  font-weight: bold
}

.normal {
  font-weight: normal
}

.underline {
  text-decoration: underline
}

.posa {
  position: absolute
}

.posr {
  position: relative
}

.poss {
  position: static
}

.posf {
  position: fixed
}

.top0 {
  top: 0
}

.right0 {
  right: 0
}

.bottom0 {
  bottom: 0
}

.left0 {
  left: 0
}

.vt {
  vertical-align: top
}

.vb {
  vertical-align: bottom
}

.vm {
  vertical-align: middle
}

.vbl {
  vertical-align: baseline
}

.clear {
  overflow: hidden;
  *zoom: 1
}

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

.cl:after, .clearfix:after {
  clear: both
}

.c-l {
  clear: left
}

.c-r {
  clear: right
}

.c-b {
  clear: both
}

.clearl {
  clear: left !important
}

.clearr {
  clear: right !important
}

.clearb {
  clear: both !important
}

.font10 {
  font-size: 10px !important
}

.font11 {
  font-size: 11px !important
}

.font12 {
  font-size: 12px !important
}

.font13 {
  font-size: 13px !important
}

.font14 {
  font-size: 14px !important
}

.font15 {
  font-size: 15px !important
}

.font16 {
  font-size: 16px !important
}

.font17 {
  font-size: 17px !important
}

.font18 {
  font-size: 18px !important
}

.font19 {
  font-size: 19px !important
}

.font20 {
  font-size: 20px !important
}

.font21 {
  font-size: 21px !important
}

.font22 {
  font-size: 22px !important
}

.font23 {
  font-size: 23px !important
}

.font24 {
  font-size: 24px !important
}

.font25 {
  font-size: 25px !important
}

.font26 {
  font-size: 26px !important
}

.font27 {
  font-size: 27px !important
}

.font28 {
  font-size: 28px !important
}

.font29 {
  font-size: 29px !important
}

.font30 {
  font-size: 30px !important
}

.font31 {
  font-size: 31px !important
}

.font32 {
  font-size: 32px !important
}

.font33 {
  font-size: 33px !important
}

.font34 {
  font-size: 34px !important
}

.font35 {
  font-size: 35px !important
}

.font36 {
  font-size: 36px !important
}

.font37 {
  font-size: 37px !important
}

.font38 {
  font-size: 38px !important
}

.font39 {
  font-size: 39px !important
}

.font40 {
  font-size: 40px !important
}

.font41 {
  font-size: 41px !important
}

.font42 {
  font-size: 42px !important
}

.font43 {
  font-size: 43px !important
}

.font44 {
  font-size: 44px !important
}

.font45 {
  font-size: 45px !important
}

.font46 {
  font-size: 46px !important
}

.list-style-none {
  list-style-type: none
}

.list-style-none li {
  list-style-type: none
}

.bg-black {
  background-color: #222
}

.bg-dark {
  background-color: #2C3E50
}

.bg-blue {
  background-color: #476EB5
}

.bg-blue {
  background-color: #4C83E0
}

.bg-red {
  background-color: #e74c3c
}

.bg-orange {
  background-color: #f39c12
}

.bg-purple {
  background-color: #8e44ad
}

.bg-green {
  background-color: #16a085
}

.bg-gray {
  background-color: #EEF0F0
}

.bg-silver {
  background-color: #BDC3C7
}

.bg-white {
  background-color: #fff
}

.c-black {
  color: #222
}

.c-dark {
  color: #2C3E50
}

.c-blue {
  color: #476EB5
}

.c-blue {
  color: #4C83E0
}

.c-red {
  color: #e74c3c
}

.c-orange {
  color: #f39c12
}

.c-purple {
  color: #8e44ad
}

.c-green {
  color: #16a085
}

.c-gray {
  color: #EEF0F0
}

.c-silver {
  color: #BDC3C7
}

.c-white {
  color: #fff
}