/* ogenki talk comment */
.mp-blog-loader {
  background: url('/National_Library/20160930123623oe_/http://www.asiabooks.com/skin/frontend/asiabooks/default/mpblog/images/ajax-loader.gif') no-repeat scroll 50% 0 transparent;
  height: 11px;
  width: 100%;
}

.comment-form-input input, .comment-form-input textarea {
  width: 98%;
  padding: 5px;
}
.mp-comment-form h3 {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 5px;
}
.comment-form-field {
  margin-bottom: 10px;
  position: relative;
  float:left;
  width:100%;
}
.comment-form-field textarea {
  height: 60px;
  max-height: 60px;
}
.comment-form-field input {
  height: 18px;
}
.comment-form-field input, .comment-form-field textarea {
  border: 1px solid #e3e3e3;
}
.comment-form-field label .mp-required {
}
.comment-form-field label .mp-private, .comment-form-field label .mp-required {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.4);
  float: none;
  font-size: 12px;
  left: auto;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  top: auto;
  width: auto;
}
.comment-form-field label .mp-private {
  float: none;
  position: absolute;
  right: 15px;
}
.comment-form-field label {
  display: block;
  left: 5px;
  line-height: 24px;
  padding: 0 !important;
  top: 5px;
  width: 100%;
  font-size:14px;
  color:#868585;
}

.comment-form-field input:focus, .comment-form-field textarea:focus {
  border-color:#3F9DE9;
}
.mp-form-footer button {
  position: relative;
  white-space: nowrap;
  float: left;
}
.mpblog-post .mp-content ol {
  margin-left: 20px;
}
.mpblog-post .mp-content ul {
  margin-left: 20px;
}
.box-comment-list {float:left; width:100%; border-bottom:solid 2px #FFB345;}
.mp-comment-content {float:left; width:100%; border-bottom:solid 1px #FFB345; color:#868585;}
.mp-comment-content .mp-comment-left {float:left; width:100px; }
.mp-comment-content .mp-comment-right { margin-left:110px; text-align:center;}
.mp-comment-content .mp-comment-left {text-align:left;}
.mp-comment-content .mp-comment-left span {display:block; width:100%; text-align:left;}

.mp-comment-content .mp-comment-date {color:#F99300;}
.mp-comment-content .mp-comment-date,
.mp-comment-content .mp-content {float:left; width:100%; margin: 0 0 10px; padding:0px; text-align:left;}
.mp-comment-reply-btn a {
  float: left;
  background:url(/National_Library/20160930123623oe_/http://www.asiabooks.com/skin/frontend/asiabooks/default/mpblog/images/icon-reply.png) no-repeat 5px 5px  #F99300;
  color:#fff;
  font-family: 'RsuBold';
  font-size:14px;
  padding:0 10px 0px 25px;
  line-height:24px;
  text-transform:uppercase;
  border-radius:3px;
  color:#fff;
  text-decoration:none;
}
.mp-comment-reply-btn a:hover {
  background-color:#3BBF9A;
  color:#fff;
  text-decoration:none;
}
.mp-comment-content .mp-share {float:right;}
.mp-comment-form .mp-form-footer {float:left; width:100%;}

/* asiabooks blog */
.mpblog-home {float:left; width:100%;}
.mpblog-home .box-home-blog {float:left; width:100%; margin-bottom:20px;}
.mpblog-home .celebrity-recommend {float:left; width:74.3%; background:#fff; padding:25px;}
.mpblog-home .celebrity-recommend .short-content {float:left; width:37%; margin-right:5%; position:relative;}
.mpblog-home .celebrity-recommend .post-content {float:left; width:58%; background:url(/National_Library/20160930123623oe_/http://www.asiabooks.com/skin/frontend/asiabooks/default/mpblog/images/line-grey.png) repeat-x left bottom;}
.mpblog-home .celebrity-recommend .title6,
.mpblog-home .testimonial .title8 {line-height:30px; padding-bottom:20px; margin-top:10px; border-bottom:solid 1px #d8d8d8;}
.mpblog-home .view-all {padding-top:2px; padding-bottom:2px; padding-left:15px; float:right; border-left:solid 1px #d8d8d8;}
.mpblog-home .celebrity-recommend .des-content .readmore { float:left; clear:both; margin:20px 0 30px;}
.mpblog-home .box-home-blog .des-content {font-family: 'Helvetica'; font-size:13px; font-weight:normal;}
.mpblog-home .celebrity-recommend-banner {float:right; width:24.35%;}

.mpblog-home .testimonial {background:#fff; padding:20px;}
.mpblog-home .testimonial .short-content {float:left; width:40%;}
.mpblog-home .testimonial .post-content {float:left; width:60%; padding-left:4%;}
.mpblog-home .testimonial .title8 a {color:#1C9569; line-height:30px;}
.mpblog-home .testimonial .readmore {float:left; clear:both; margin:20px 0;}

.mpblog-home .inspiring-book .view-all {position:absolute; top:11px; right:45px; }
.mpblog-home .inspiring-book .title-book-content {padding-right:155px; position:relative;}
.mpblog-home .inspiring-book .mpblog-grid {float:left; width:100%; padding: 25px 15px 15px; background:#fff;}
.mpblog-home .inspiring-book .title-book {margin-bottom:0px;}
.mpblog-home .inspiring-book .des-content {color:#5D5D5D; font-family: 'Helvetica'; font-size:11px; font-weight:normal; text-align:left; float:left; width:100%; line-height:20px; overflow: hidden; margin-bottom: 5px; height:80px;}
.mpblog-home .inspiring-book .view-more.style1 {margin-top:25px;}

/* list post*/
.box-left {float:left; width:17.5%;}
.box-right {float:right; width:81%;}
.category-blog-banner {float:left; width:100%; margin-bottom:40px;}
.mpblog-list.products-list {float:left; width:100%; margin:5px 0;}
.mpblog-list .mpblog-post {float:left; width:100%; background:#fff; padding: 30px 20px 20px; margin-bottom:20px;}
.mpblog-list .box-images {float:left; width:175px;}
.mpblog-list.products-list > li .product-image {width:100%; margin:0px 0 15px;}
.mpblog-list .article-title{margin:0;}
.mpblog-list .article-author{color:#ddd; padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #ddd;}
.category-inspiring-book .mpblog-list .article-author label{display: none;}
.mpblog-post.item .icon-attribute-product {float:left; width:100%; margin:10px 0 10px 5px;}
.mpblog-list .box-info {margin-left:190px;}
.mpblog-list.products-list .product-name a {font-size:21px; font-family: 'Merriweather', serif; }
.mpblog-list.products-list .product-brand {float:left; margin-right:30px; margin-top:3px;}
.mpblog-list.products-list .product-ratings {float:left; width:auto;}
.mpblog-list.products-list .product-ratings {margin-bottom:0px;}
.mpblog-list.products-list .des-content {float:left; width:100%;padding-top:15px; border-top:solid 1px #e1e1e1;}
.mpblog-list .ratings .rating-box,
.mpblog-list .ratings .rating-links {float:left;}
.mpblog-list .no-rating {margin-top:3px;}
.mpblog-list.products-list .product-brand label {color:#b7b7b7;}
.mpblog-list.products-list .product-brand a {color:#000;}

.mpblog-container.category-list .category-name {margin-bottom:10px;}
.mpblog-list.products-list .icon-attribute-product a {width:auto; margin:0px 3px 0 0;}
.mpblog-container.category-list .view-mode,
.mpblog-container.category-list .sort-by,
.mpblog-container.category-list .sort-direction {display:none;}
.mpblog-container.category-list .limiter,
.mpblog-container.category-list .sorter {float:right;}

.category-inspiring-book .mpblog-list li.item:nth-child(2n) .box-images {float:right;}
.category-inspiring-book .mpblog-list li.item:nth-child(2n) .box-info {margin-right:190px; margin-left:0px;}
.category-inspiring-book .mpblog-list.products-list .product-brand a {color:#b7b7b7;}

.category-list.testimonial .short-content {float:left; width:31.5%; margin-right:2%;  }
.category-list.testimonial .short-content .short-content-ifo {float:left; width:100%; position:relative; padding-bottom:77%;}
.category-list.testimonial .short-content .short-content-ifo iframe,
.category-list.testimonial .short-content .short-content-ifo img {position:absolute; top:0px; left:0px; width:100%; height:100%; max-width:100%; max-height:100%;}
.category-list.testimonial .blog-content {float:left; width:49%;}
.category-list.testimonial .customer-name {font-size:20px; font-family: 'Merriweather', serif; font-weight:normal; color:#1C9569; border-bottom:solid 1px #D9D9D9; padding-bottom:7px; margin-bottom:12px; }
.category-list.testimonial .des-content {font-family: 'Helvetica'; font-size:13px;}

.category-list.testimonial .mpblog-list .mpblog-post {padding-top:20px;}
.category-list.testimonial .customer-img {float:right; width:15.5%; border:solid 1px #BCBCBC; padding:5px;}
.mpblog-post-detail .category-list-products { margin-top:30px;}

.mpblog-detail { padding:30px 20px; float:left; width:100%; background:#fff; }
.mpblog-post-view .short-content {float:left; width:32.5%; padding:0 60px 0 38px;   }
.mpblog-post-view .short-content .box-image {float:left; width:100%; position:relative; }
.mpblog-post-view .short-content .box-image img {box-shadow:0 0 4px 2px #ddd;}
.mpblog-post-view .mpblog-post-content {float:right; width:67.5%;}
.mpblog-post-view .mpblog-title { float:left; font-size:36px; color:#000; font-family: 'RsuBold'; text-transform:uppercase; width: 100%;}
.mpblog-post-view .mpblog-post-content.style3 .mpblog-title { border-bottom:solid 1px #ddd; width:100%;}
.mpblog-post-view .mp-share {float:right;}
.mpblog-post-view .mpblog-post-content.style3  .mp-share {float:left; width: 245px; /*width:100%;*/}
.mpblog-post-view .full-content {float:left; width:100%; padding-top:15px; border-top:solid 1px #ddd; font-family: 'Helvetica'; font-size:13px;}
.mpblog-post-view .mpblog-post-content.style3 .full-content { border-top:none; padding-top:0px;}
.mpblog-post-view .sharing-links {float:left; margin:15px 0;}
.mpblog-post-view .sharing-links li {float:left;}
.mpblog-post-view .sharing-links .td-facebook {padding-right:10px;}
.mpblog-index-post .mpblog-post-detail .mpblog-detail{margin-bottom: 40px;}

.mpblog-post-detail .product-view .product-shop .product-content-left {padding-bottom:30px; margin-bottom: background:url(/National_Library/20160930123623oe_/http://www.asiabooks.com/skin/frontend/asiabooks/default/mpblog/images/line-grey.png) bottom left repeat-x;}
.mpblog-post-detail .product-view .product-shop .box-payment {float:right;}
.author.hide,
.mp_view_number .posted-by, .mp_view_number .mpblog-classic.glyphicons.user, .mp_view_number .date, .mp_view_number .mpblog-classic.glyphicons.eye_open {display:none;}
.mp_view_number{float:left;border-left:solid 1px #cdcdcd;padding-left:14px;margin-top:13px;}

.category-list.testimonial .cut-fullcontent,
.category-inspiring-book .cut-fullcontent {max-height:192px; overflow:hidden;}
.category-inspiring-book .mpblog-list .mpblog-post {position:relative;}
.category-inspiring-book .mpblog-list .mpblog-post a.readmore {position:absolute; bottom:20px;}
.mpblog-post.item li.availability.out-of-stock{margin-top:11px;border:1px solid #D6D6D6;background:#eee;position:relative;border-radius:2px;text-align:center;height:27px;font-size:15px;line-height:23px;color:#393939;display:block;width:107px}

/* responsive*/
@media only screen and (max-width: 979px){
  .box-left, .box-right{width: 100%; margin-bottom: 20px;}
}
@media only screen and (max-width: 889px){
  .mpblog-post-view .mpblog-post-content,.mpblog-post-view .short-content{float: none;padding: 0;width: 100%;}
}
@media only screen and (max-width: 770px){
  .mpblog-index-category .col1-layout .pager .pages {float: right;}
  .mpblog-index-category .limiter { float: left; margin-top: -37px; margin-right: 130px !important; }
}
@media only screen and (max-width: 720px){
  .mpblog-index-post .category-list-products .title-book .title-link-right{float: none; width: 198px; margin: 20px auto;}
  .inspiring-book .mpblog-grid.products-grid > li:nth-child(3n){margin-right:2% !important;}
}
@media only screen and (max-width: 620px){
  .mpblog-index-category .toolbar label {display: block; }
  .mpblog-index-category .sorter .limiter {width: 110px;margin-top: 0;}
  .mpblog-index-category .col1-layout .pager { width: 130px; padding-left: 10px; padding-right: 10px; float: right; }
  .mpblog-index-category .limiter {margin-right: -9px !important;}
}
@media only screen and (max-width: 418px){
  .mpblog-index-category .mpblog-list .box-images {float: none !important; width: 100%;}
  .mpblog-index-category .products-grid li .product-image .product-image-content> a {  padding-bottom: 73.7%;}
  .mpblog-index-category .mpblog-list .box-info{margin-left:0;display:block;width:100%;float:none;margin-top:28px;}
  .mpblog-index-category .mpblog-post.item .icon-attribute-product{width:115px;left:50%;margin-left:-57.5px;position:relative;}
  .mpblog-index-category .mpblog-post.item .icon-attribute-product span:last-child{margin-right:0;}
  .mpblog-index-category .products-grid li.item .actions{width:159px;position:relative;margin:0 auto 20px; float: none !important;}

  .mpblog-index-category .mpblog-list .box-images:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
  .mpblog-index-category .box-info .des-content.a-left{height: 235px;overflow:hidden;position:relative;}
  .category-inspiring-book .mpblog-list .mpblog-post a.readmore { position: absolute; bottom: 0;}
}
@media only screen and (max-width: 379px){
  .mpblog-index-category .mpblog-list .article-title {font-size: 24px;}
}