@charset 'utf-8';
body .refine .btn-default{background-color:#7c878e;border-color:#7c878e}
body .refine .btn-default.focus,body .refine .btn-default:focus{background-color:#333;border-color:#333} .teac_text {color:#7c878e;margin-top: 60px;margin-bottom: 30px;padding-left: 10px;font-weight: bold;border-left: 5px solid #7c878e;border-bottom: 0px solid #7c878e;}
body .refine .btn-default:hover{background-color:#333;border-color:#333}
body .refine .btn-default.active,body .refine .btn-default:active,body .refine .open>.dropdown-toggle.btn-default{background-color:#333;border-color:#333}
body .refine .btn-default.active.focus,body .refine .btn-default.active:focus,body .refine .btn-default.active:hover,body .refine .btn-default:active.focus,body .refine .btn-default:active:focus,body .refine .btn-default:active:hover,body .refine .open>.dropdown-toggle.btn-default.focus,body .refine .open>.dropdown-toggle.btn-default:focus,body .refine .open>.dropdown-toggle.btn-default:hover{background-color:#333;border-color:#333}
@media (max-width:767px){
body .refine .refine-block{padding:5px 15px}
body .refine .btn-default{padding:19px 12px 20px}
body .refine select.refine-select{height:66px;line-height:66px;padding:18px 27px;font-size:19px}
body .refine div.refine-select{height:66px;font-size:19px;line-height:1.3333333;border-radius:0}
}
.interview .Youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;margin:30px 0}
.interview .Youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.interview div:nth-child(2) img{width:100%!important;height:inherit!important;margin:0 0 30px}
.pager{position:relative;width:100%}
.pager .btn-next,.pager .btn-prev{background:#7c878e;position:absolute;top:0;padding:5px 20px;color:#fff}
.pager .btn-prev{left:0}
.pager .btn-next{right:0}
.pager ul li a{background-color:transparent;color:#000}
.pager ul li.active a{background-color:transparent;color:#7c878e}
.pager li>a:focus,.pager li>a:hover{color:#fff;background-color:#7c878e}
.magazinecategoryparent{background-color:#f9f9f9;color:#333}
.magazinecategoryparent:hover{background-color:#ecf0f1;cursor:pointer}
.magazinecategorylist a{color:#333;margin-top:10px;margin-bottom:10px}
.magazinecategorylist a.btn.focus,.magazinecategorylist a.btn:focus,.magazinecategorylist a.btn:hover{background-color:#ecf0f1;color:#333}
/* .interview{width:830px !important;margin:0 auto} */
.interview .review_type{font-size:220%;color:#7c878e;line-height:150%}
.interview .review_title{font-size:120%;font-weight:700;
    letter-spacing: 0;
    text-indent: 0;
    text-align: center;color:#000;line-height:150%;letter-spacing: 0;text-indent: 0;text-align: left;margin:0;}
.interview .review_products{border-bottom:#000 1px solid;margin-bottom:10px}
.interview .review_products .label{background:#000;display:inline-block;margin-bottom:10px}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:200;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0;margin-right:5px}
.interview .review_image{margin-bottom:20px}
.interview .review_title02{font-size:120%;font-weight:700;color:#000;line-height:150%;margin-bottom:10px}
.interview .review_description{line-height:25px;margin-bottom:30px}
.interview .review_description_teac{line-height:25px;color:#7c878e;margin-bottom:30px}
.magazines_tit{font-size:150%;color:#7c878e;line-height:150%;text-align:center;margin:30px 0}
.related{border-top:#000 1px solid;margin-bottom:10px}
@media (max-width:767px){
.interview{width:100%;margin:0 auto}
.magazinecategorylist a{margin-top:0;margin-bottom:0}
}
.product_link,.product_link:hover{color:#fff}

.showmorebtn {
	background: #f5f5f5;
	border-bottom: 4px solid #eeeeee;
}
.right, .right-md, .right-sm {
	float: left;
}
.right-xs {
	float: right;
}
.font-xxl {
	font-size: 160%
}
.font-xl {
	font-size: 140%
}
.font-l {
	font-size: 120%
}
.font-s {
	font-size: 80%
}
.font-l small {
	font-size: 80% !important;
}
p.font-xxl+p.font-xxl, p.font-xl+p.font-xl, p.font-l+p.font-l {
	margin-top: 25px;
}
.anchor_link {
	display: block;
	padding-top: 100px;
	margin-top: -100px;
}

.teac_text {color:#7c878e;
	margin-top: 60px;
	margin-bottom: 30px;
	padding-left: 10px;
	font-weight: bold;
	border-left: 5px solid #7c878e;
	border-bottom: 0px solid #7c878e;
}

@media (min-width: 768px) {
.right, .right-sm {
	float: right;
}
.hide_sm {
	display: none!important;
}
}

@media (max-width: 767px) {
.show_sm {
	display: none!important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.font-xxl {
	font-size: 140% !important;
}
.font-xl {
	font-size: 120% !important;
}
.font-l {
	font-size: 100% !important;
}
.font-s {
	font-size: 80% !important;
}
p.font-xxl+p.font-xxl, p.font-xl+p.font-xl, p.font-l+p.font-l {
	margin-top: 20px !important;
}
}

@media (min-width: 992px) {
.right-md {
	float: right;
}
.hide_md {
	display: none!important;
}
}

@media (max-width: 991px) {
.show_md {
	display: none!important;
}
}

.future_description {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 60px;
	display: block;
	clear: both;
	overflow: hidden;
}
.future_description .block-title {
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	padding: 10px 0px 15px 0px;
	margin-bottom: 15px;
	border-bottom: 1px solid #dddddd !important;
	color: #7c878e !important;
}
.future_description .block-detail {
	padding-left: 15px;
	padding-right: 15px;
}
.future_description .block-detail p {
	padding-left: 0px;
	padding-right: 0px
}
.future_description .block-detail small {
	padding-left: 0px;
	padding-right: 0px
}

.future_description .btn-block {
	border: 2px solid #cccccc;
	margin-top: 15px;
}
.future_description .btn.showmorebtn.expended {
	border: 2px solid #cccccc;
}
.future_description .sub-block {
	display: table;
}

@media (max-width: 767px) {
.future_description {
	margin-top: 5px;
	margin-bottom: 30px;
}
.future_description .block-title {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 20px;
}
.future_description [class^="col"] {
	padding-bottom: 5px;
}
}

  .blog_link {
    border:dashed 2px #cccccc; padding: 15px 0px;
    display: table;
  }
  .blog_link:hover {
    background-color: #f5f5f5;
  }
  .blog_link * img {
    margin: 0px!important
  }