.blog-L{
  float: left;
  width: 45%;
  height: auto;
  min-height: 100%;
  _height: 100%;
}

.blog-R{
  float: left;
  width: 55%;
}

.blog-L div.blog-inner{
  padding: 7%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.blog-thumbs div.blog-inner{
  padding: 3%;
}

.blog-R div.blog-inner{
  padding: 7%;
}

.blog-thumb{
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  padding: 20px 5px 0;
}

.blog-thumb A:link, .blog-thumb A:visited{
  display: block;
  text-decoration: none;
  width: 200px;
  padding: 15px;
}

.blog-thumb A:hover{
  background-color: #F4F4F4;
}

.blog-thumb span{
  display: block;
  cursor: pointer;
}

.blog-thumb span.bth-img{
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #DFDFE1;
}

.blog-thumb span.bth-ttl{
  padding: 10px 0;
  font-size: 12pt;
  color: #23356A;
}

.blog-thumb span.bth-date{
  font-size: 10pt;
  color: #555;
}

.news-thumb {
  max-width: 900px;
  margin: 0 auto 3em;
}

.nth-img {
  float: left;
  width: 280px;
  margin-right: 10px;
  max-width: 40%;
}

.nth-img img {
  display: block;
}

.nth-body {
  float: left;
  max-width: 60%;
}

.nth-date {
  width: 95px;
  display: block;
  margin-bottom: 10px;
  padding: 5px 10px;
  color: #fff;
  background: #f58400;
  border-radius: 5px;
}

.news-thumb:hover .nth-date {
  background: #cb6f04;
}

.blog-bg{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.blog-bg img{
  width: 100%
}

.blog-dark{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
}

.blog-more{
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 4;
}

.blog-more A:link, .blog-more A:visited{
  display: block;
  border-radius: 5px;
  border: 1px solid #FFF;
  padding: 10px 30px;
  color: #FFF;
  text-decoration: none;
  font-size: 13pt;
}

.blog-more A:hover{
  border: 1px solid #F4F4F4;
  color: #F4F4F4;
}

.blog-wp{
  position: relative;
  z-index: 3;
  padding: 200px 0;
}

.blog-inner-ttl{
  font-size: 30pt;
  color: #FFF;
}

.blog-inner-date{
  padding-top: 10px;
  font-size: 14pt;
  color: #F4F4F4;
}

.blog-arr{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 4;
}

.blog-arr div.blog-prev{
  float: left;
  padding-left: 20px;
}

.blog-arr div.blog-next{
  float: right;
  padding-right: 20px;
}

.blog-arr A:link, .blog-arr A:visited{
  dislay: block;
  padding: 10px 30px;
  border: 1px solid #FFF;
  border-radius: 5px;
  color: #FFF;
  text-decoration: none;
}

.blog-arr A:hover{
  border: 1px solid #F4F4F4;
  color: #F4F4F4;
}

.blog-arr-hidden{
  display: none;
}

.bcmM{
  width: 87%;
  padding: 10px 20px;
  border: 1px solid #BEBEBE;
  border-radius: 5px;
  background-color: #FFF;
  line-height: 150%;
}

.bcm-warning{
  padding-left: 80px;
  color: #FF0000;
  padding-bottom: 20px;
}

.blog-posted{
  position: relative;
  padding-top: 15px;
  padding-bottom: 20px;
  text-transform: uppercase;
  color: #333333;
  font-family: Verdana;
  font-size: 8pt;
}

.blog-posted span{
  position: absolute;
  top: -1px;
  left: 80px;
  width: 19px;
  height: 11px;
  background: url(/images/comment-arr.gif) no-repeat;
}

.blog-posted font{
  color: #2F7AEE;
}

.blog-comments{
  padding-top: 50px;
}

.blog-comments label{
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14pt;
  text-transform: uppercase;
}

.bcm-new{
  position: relative;
  display: none;
}

.bcm-new label{
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 10pt;
  border-bottom: 1px solid #BEBEBE;
}

.bcm-new-btn{
  text-align: center;
  padding-top: 30px;
}

.bcm-new-btn A:link, .bcm-new-btn A:visited{
  border: 1px solid #23356A;
  color: #23356A;
  padding: 10px 30px;
  border-radius: 5px;
  background-color: #FFF;
  font-size: 12pt;
  text-decoration: none;
}

.bcm-new-btn A:hover{
  background-color: #B2B2B2;
  color: #FFF;
}

.bcm-input{
  padding-bottom: 10px;
}

.bcm-input span{
  display: block;
  float: left;
  width: 70px;
  padding-top: 3px;
  text-align: right;
  padding-right: 10px;
  font-family: Verdana;
  font-size: 8pt;
}

.bcm-input div{
  float: left;
}

.bcm-input input{
  width: 400px;
  font-family: Verdana;
  font-size: 9pt;
  padding: 2px;
  border: 1px solid #BEBEBE;
  background-color: #FFF;
}

.bcm-input textarea{
  width: 400px;
  height: 100px;
  font-family: Verdana;
  font-size: 9pt;
  padding: 2px;
  border: 1px solid #BEBEBE;
  background-color: #FFF;
  resize: none;
}

.bcm-btn{
  padding-left: 80px;
}

#form-error{
  background-color: #EA2C2C;
  border: 2px solid #790F0F;
  padding: 15px;
  position: absolute;
  left: 160px;
  top: 70px;
}

.bcm-none{
  color: #E83731;
}

.c_error_fieldset{
  width: 200px;
  text-align: left;
  border: none;
}

.c_error_legend{
  padding-bottom: 2px;
  color: #FF0000;
  font-family: Verdana;
  font-size: 8pt;
  border: 1px solid #B8B5B3;
  background-color: #FFF;
  padding: 2px 5px;
}

.c_error_container{
  padding: 8px 10px;
}

.c_error_label{
  padding: 2px;
  color: #FFF;
  font-family: Verdana;
  font-size: 8pt;
}

.c_error_close{
  padding-top: 10px;
  text-align: center;
}

.c_error_close A:link, .c_error_close A:visited{
  color: #000;
}

@media (max-width: 1150px) {
  .blog-L, .blog-R{
    width: 100%;
  }
  .blog-wp{
    padding: 100px 0;
  }
  .blog-txt{
    display: none;
  }

  .blog-thumbs div.blog-inner {
    text-align:center;
  }
}

@media screen and (max-width: 780px) {

}

@media screen and (max-width: 575px) {
	.bcm-input span{
		width: 100%;
		padding-right: 0;
		padding-bottom: 5px;
		text-align: left;
	}
	.bcm-input div{
		width: 100%;
	}
	.bcm-input input, .bcm-input textarea{
		width: 95%;
	}
	.bcm-btn{
		padding-left: 0;
	}
	.bcm-warning{
		padding-left: 0;
	}
}