/*
Theme Name: theme others
Theme URI: have others
Author: others
Author URI: had another person on the first page
Description: if there is a problem with this theme please contact email to 2015sanproject@gmail.com
Version: 1.0
*/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background-color: #333;
  color: #f2f2f2;
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
  line-height: 22px;
}
a, a:visited {
  text-decoration: none;
  color: #f2f2f2;
}
a:hover {
  color: #4d90fe;
}
h1 {
  text-align: center;
}
#jwarp {
  background-color: #000;
  width: 1040px;
  margin: 0 auto;
  border: 1px solid #f1f1f1;
}
#jhead {
  border-bottom: solid;
}
.jhtitle {
  text-align: center;
  padding: 20px;
  font-size: 30px;
  font-weight: bold;
}
#jcontent {
  line-height: 1.5em;
  text-align: left;
  width: 100%;
  margin-left: 10px;
}
.jpost ul {
  padding: 0;
}
.jpost ul li,
.jrelated ul li {
  float: left;
  overflow: hidden;
  text-transform: capitalize;
  width: 25%;
  padding: 5px 0;
}
#jfoot {
  text-align: center;
  border-top: solid;
}
.jclear {
  clear: both;
}
#jsingle {
  width: 733px;
  line-height: 1.5em;
  text-align: left;
  float: left;
  margin-left: 3px;
}
.jimg {
  float: left;
  width: 178px;
  height: 220px;
  /*margin: 0 6px 18px 0;*/
  overflow: hidden;
}
#jside {
  float: left;
  margin-top: 20px;
  width: 300px;
}
.jsidetitle {
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-bottom: solid;
  margin-left: 24px;
  padding-bottom: 10px;
}
.jimg p {
  margin: 0;
}

.jimg h2,
.jimg h3,
.jimg h4,
.jimg h5,
.jimg h6,
.jimg p,
.jimg strong,
.jimg em,
.jimg u,
.jrelated h2,
.jrelated h3,
.jrelated h4,
.jrelated h5,
.jrelated h6,
.jrelated p,
.jrelated strong,
.jrelated em,
.jrelated u 
{

  text-decoration: none;
  font-style: initial;
  font-weight: 400;
  font-size: 12px;
  margin: 0;
  display: inline;
}

.jrelated h2,
.jrelated h3,
.jrelated h4,
.jrelated h5,
.jrelated h6,
.jrelated p,
.jrelated strong,
.jrelated em,
.jrelated u {
  color: #07c;
}


.large img {
  height: auto;
  width: 100%;
}



@media (max-width: 1036px) and (min-width: 767px) {
  #jwarp {
    width: 700px;
  }
  .jimg {
    width: 25%;
  }
  #jsingle, #jside {
    float: none;
    width: 100%;
  }
}

@media (max-width: 766px) and (min-width: 481px) {
  #jwarp {
    width: 470px;
  }
  #jsingle, #jside {
    float: none;
    width: 100%;
  }
  .jimg {
    width: 33.33%;
  }
}

@media (max-width: 480px)  {
  #jwarp {
    width: 100%;
  }
  #jsingle, #jside {
    float: none;
    width: 100%;
  }
  .jimg {
    width: 50%;
  }
}
.kulakan {
  margin: 30px auto;
  text-align: center;
}
.kulakan1 {
  margin-left: 30px;
}

.fafafa {
  padding: 5px;
  border-bottom: 1px solid #333;
}