﻿@charset "utf-8";
/* CSS Document */
.left_list_nav .list-group .list-group-item .badge{ display:none;}
.left_list_nav > .list-inline{ padding-top:5px; padding-bottom:10px; color:#555;}
.left_list_nav > .list-inline a{ color:#555;}
.left_list_nav > .list-inline a:hover{ color:#337ab7;}
.icon_rss:after{ content: " "; background:url(https://asssets.51microshop.com/assets/images/rss.png) center center no-repeat; background-size:100% 100%; height:16px; width:16px; display:inline-block; vertical-align:middle;}
.list-group-item.icon_rss:after{ margin-left:5px; margin-top:-4px;}
.blognav{ margin-bottom:15px;}
.blog_meta span{ padding:0 2px;}
.blog_like{ padding:15px 0;}
.blog_like .btn{ margin-bottom:10px;}
.blog_like .btn span{ margin-right:10px}
.blog_like .btn.on{ cursor:auto; filter: Alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
.blog_list .blog_list_li{ margin-bottom:45px;}
.blog_list.blog_left_img .blog_list_li .blog_li_img{ display:none; position:relative; left:0; bottom:0; right:0; top:0; padding-bottom:60%;}
.blog_list .blog_list_title{ margin: 10px 0; font-size:1.5em;}
.blog_list.blog_left_img .blog_list_li.show_img .blog_li_img{ display:block;}
.blog_list.blog_left_img .blog_list_li .blog_li_img a{ display:block; position:absolute; left:0; right:0; bottom:0; top:0; background-position:center center; background-size:cover; background-color:#ccc; z-index:1; background-repeat:no-repeat;}
@media (min-width: 768px){
.blog_list .blog_list_li{ padding:0 5px 10px; position:relative; float:left; width:50%; overflow:hidden; margin:0;}
.blog_list .blog_list_li .blog_list_li_model{ padding-bottom:60%; position:relative;}
.blog_list .blog_list_li .blog_li_content{ position:absolute; left:0px; right:0px; bottom:0px; padding:10px; z-index:1; color:#fff;}
.blog_list .blog_list_li .blog_li_content .blog_meta{ color:#dfdcdc;}
.blog_list .blog_list_li .blog_tags{ display:none;}
.blog_list .blog_content{ margin:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; position:relative; display:none;}
.blog_list .blog_list_li:hover .blog_content{ display:block;}
.blog_list .blog_list_li .blog_li_content a{ color:inherit; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.blog_list .blog_list_li .blog_li_content a:hover{ color:red;}
.blog_list.blog_left_img .blog_list_li .blog_li_img{ display:block; position:absolute; left:0; bottom:0; right:0; top:0; padding:0;}
.blog_list.blog_left_img .blog_list_li .blog_li_img a:before { content: " "; position:absolute; left:0; top:0; right:0; bottom:0; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)) repeat scroll 0 0;}
.blog_list.blog_left_img .blog_list_li .blog_li_img img{ display:none;}
.blog_list .blog_li_img .blog_list_title{ font-size:2.5em;}
}
@media (max-width: 767px) {
.blog_list .blog_list_li{ width:100%;}
}
#reiew_detail_bk .Review_zs { position: absolute; margin: 10px; top: 0; left: 0; width: 90px; height: 90px; }
#reiew_detail_bk .Review_ys h1 { line-height: 20px; font-size: 14px; color: #333; font-weight: 700; margin-bottom: 15px; font-family: "Brandon", Helvetica, Arial, sans-serif; }
#reiew_detail_bk .Review_ys h1 a { color: #333; }
#reiew_detail_bk .Review_ys h1 a:hover { color: #B00606; }
#reiew_detail_bk .Review_ys span { line-height: 18px; font-size: 16px; color: #FDCA01; font-weight: 700; }
.review_detail_bk_2 { padding: 20px 10px 0 10px; }
.review_detail_bk_2 li { background: none repeat scroll 0% 0% #FCFFFA; border: 1px solid #D0E4C2; padding: 10px 15px 5px; margin-bottom: 10px; }
.review_detail_bk_2 .review_y p { min-height: 60px; line-height: 20px; font-size: 12px; }
.review_detail_bk_2 .review_y div { border-top: 1px solid #D0E4C2; line-height: 20px; color: #756161; font-size: 12px; }
.blognav a { color:color:#444;
}
.blognav .next { text-align: right; float:right;}
.blognav .meta-nav { display: block; color: #777; text-transform: uppercase; font-size:0.8em;}
.blognav .post-title { font-weight: 600; text-transform: none; display: block; overflow: hidden; text-overflow: ellipsis;}
.blognav .btn { display:block; text-align: inherit; padding: 17px; position: relative; font-size:1.2em; border:1px dashed transparent;}
.blognav .previous .btn { padding-left: 40px; }
.blognav .previous .btn:before { content: "«"; position: absolute; left: 0; top:0; color: #ccc; font-size:56px; font-family: Arial; line-height:initial;}
.blognav .next .btn { padding-right: 40px; }
.blognav .next .btn:before { content: "»"; position: absolute; right:0; top: 0; color: #ccc; font-size:56px; font-family: Arial; line-height:initial;}
.blognav .screen-reader-text, .blognav .glyphicon { display: none; }
.blognav .btn:hover{ border-color:#CFD9E7;}
.blogreviews { position: relative; padding-top: 15px; min-height:100px;}
.blogreviews .panel{ position:relative; z-index:2;}
.blogreviews:before { -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; content: " "; position:absolute; left:0; right:0; bottom:0; top:0; background:#fff url(/assets/images/loading1.gif) center center no-repeat; filter: Alpha(opacity=0); -moz-opacity:0; opacity:0; z-index:0;}
.blogreviews.lodding:before { content: " "; display:block; filter: Alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:9; }
.blogreviews .panel-default { position: relative; margin-left: 80px; }
.blogreviews .panel-default .panel-heading { padding: 5px 15px; font-size:0.8em;}
.blogreviews .panel-default .panel-heading .right{ float:right;}
.blogreviews .panel-default .panel-heading .right span{ cursor:pointer; margin-left:15px; position:relative;}
.blogreviews .panel-default .panel-heading .right span.on{ cursor:auto;}
.blogreviews .panel-default .panel-heading .right span.on:after{ content: "+1"; font-size:0.6em; position:absolute; left:90%; bottom:100%; font-family: "Brandon", Helvetica, Arial, sans-serif;}
.blogreviews .panel-default .panel-heading .right span:before{ vertical-align:text-bottom; margin-right:3px;}
.blogreviews .panel-default .panel-heading:before { content: " "; border-style: solid; border-color: transparent #ddd transparent transparent; border-width: 10px; position: absolute; right: 100%; top: 3px; margin-right: 0px; }
.blogreviews .panel-default .panel-heading:after { content: " "; border-style: solid; border-color: transparent #F5F5F5 transparent transparent; border-width: 10px; position: absolute; right: 100%; top: 3px; margin-right: -1px; }
.blogreviews .user_img { position: absolute; top: -10px; right: 100%; width: 50px; margin-right: 15px; text-align: center; }
.blogreviews .user_img div{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.blogpaging{ text-align:center; padding:15px 0; position:relative; z-index:2;}
.blogpaging li{ cursor:pointer;}
.blogpaging li.active{ background-color:#000; color:#fff;}

.blogshow_html{ padding:20px 0;}

.tabs_model .btn-xs{ position:relative; margin-left:15px; padding-left:12px; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important;}
.tabs_model .btn-xs:hover:before{ background-color:#E6E6E6; border-color:transparent transparent #adadad #adadad;}
.tabs_model .btn-xs:focus:before,.tabs_model .btn-xs:active:before{ border-color:transparent transparent #8c8c8c #8c8c8c !important; background-color:#E6E6E6 !important;}
.tabs_model .btn-xs:before { content: " "; border:1px solid #ccc; border-color:transparent transparent #ccc  #ccc; position:absolute; right:100%; top:50%; background-color:#fff; margin-right:-8px; margin-top:-8px; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); height:16px; width:16px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.tabs_model .btn-xs:after { content: " "; width:6px; height:6px; border:1px solid #ccc; background-color:#fff; position:absolute; left:0; top:50%; margin-top:-3px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
