﻿﻿.label,.badge{position:relative;display:inline-block;padding:5px 7px;font-size:12px;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;background-color:#999999}
.badge{padding:1px 4px 0}
.label:empty,.badge:empty{display:none}
a.label:hover,a.label:focus,a.badge:hover,a.badge:focus{color:#ffffff;text-decoration:none;cursor:pointer}
.label-arrow{position:absolute;width:0;height:0;vertical-align:top;content:""}
.label .label-arrow{top:7px;right:-4px;border-left:4px solid #000000;border-top:4px solid transparent;border-bottom:4px solid transparent}
.label-important,.badge-important{background-color:#FF5E52;opacity: .9}
.label-important .label-arrow,.badge-important .label-arrow{border-left-color:#FF5E52;opacity: .9}
.label-warning,.badge-warning{background-color:#f89406}
.label-warning .label-arrow,.badge-warning .label-arrow{border-left-color:#f89406}
.label-success,.badge-success{background-color:#56af45}
.label-success .label-arrow,.badge-success .label-arrow{border-left-color:#56af45}
.label-info,.badge-info{background-color:#3a87ad}
.label-info .label-arrow,.badge-info .label-arrow{border-left-color:#3a87ad}
.label-inverse,.badge-inverse{background-color:#4A4A4A}
.label-inverse .label-arrow,.badge-inverse .label-arrow{border-left-color:#4A4A4A}
a.label-important:hover,a.badge-important:hover{opacity: 1}
a.label-important:hover .label-arrow,a.badge-important:hover .label-arrow{opacity: 1}
a.label-warning:hover,a.badge-warning:hover{background-color:#d57f05}
a.label-warning:hover .label-arrow,a.badge-warning:hover .label-arrow{border-left-color:#d57f05}
a.label-success:hover,a.badge-success:hover{background-color:#49953b}
a.label-success:hover .label-arrow,a.badge-success:hover .label-arrow{border-left-color:#49953b}
a.label-info:hover,a.badge-info:hover{background-color:#317292}
a.label-info:hover .label-arrow,a.badge-info:hover .label-arrow{border-left-color:#317292}
a.label-inverse:hover,a.badge-inverse:hover{background-color:#383838}
a.label-inverse:hover .label-arrow,a.badge-inverse:hover .label-arrow{border-left-color:#383838}

/* 
 * base
 * ====================================================
*/
a{color:#444;text-decoration:none}
a:hover,a:focus{color:#FF5E52;text-decoration:none}
::selection{background:#72d0eb;color:#fff;text-shadow:none}
::-moz-selection{background:#72d0eb;color:#fff;text-shadow:none}
.text-muted a{color: #999;text-decoration: underline;}
.text-muted a:hover{color: #FF5E52;}
.wp-video,.mejs-video,audio,canvas,progress,video,embed{max-width: 100%}
.wp-video{margin-bottom: 16px;}
body, button, input, select, textarea{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
body{margin:0;font-size:14px;line-height:20px;color:#444;overflow-x: hidden;}

/* 
 * frame
 * ====================================================
*/
.header{position: fixed;top: 0;bottom: 0;width: 190px;background-color: #f6f6f6;margin: 0;padding: 0;z-index: 99}
.container{ width:1200px;min-width:1200px;background-color: #fff;margin:0 auto;text-align:left;position:relative;*zoom:1;}
.container:before,.container:after{display:table;content:"";line-height:0}
.container:after{clear:both}
.content-wrap{width:100%;float:left}
.content{margin-right:320px; width:874px;min-height: 800px;overflow: hidden;}
.sidebar{float:right;margin-left:-320px;width:300px;position:relative;}
.error404 {background-color: #fff;}

/* 
 * title
 * ====================================================
*/
.title{position: relative;margin: 0;line-height: 32px;font-size: 20px;border-bottom: 2px solid #eee;}
.title strong{border-bottom: 2px solid #FF5E52;display: inline-block;position: relative;bottom: -2px;font-weight: normal;}
.title .pull-right{float: right;line-height: 32px;}

/*.thumb{max-height:160px;}*/
/* 
 * excerpt
 * ====================================================
*/
.excerpt{padding:25px 0;border-bottom: 1px solid #eee;position:relative;overflow: hidden;}
.excerpt header{margin:0 0 10px 0}
.excerpt .focus{position:relative;margin:10px -6px 0 0;overflow: hidden;}
/*.thumbnail{overflow: hidden;display: block;}*/
.thumbnail .item{display: block;float: left;width: 25%;margin-bottom: 6px;}
.thumbnail .thumb{max-width: 240px;width: 100%;max-height: 132px;}
.focus .thumbnail .thumb{height: 132px;}
/*.thumbnail .thumb:hover{opacity: .9}*/
.thumb-span{margin-right: 6px;display: block;}
.thumb-span{position:relative;font-family: 'Glyphicons Halflings';overflow: hidden;}
/*.thumb-span:hover .thumb{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}*/
.thumb-span::before{content:"";background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
/*.thumb-span::after{content:"\e003";color:rgba(255,255,255,.0);font-size:240px;position:absolute;top:50%;left:50%;margin:10px 0 0 -101px;z-index:3}*/
.thumb-span:hover::before{ background-color:rgba(0,0,0,.4);}
/*.thumb-span:hover::after{font-size:16px;margin:-6px 0 0 -8px;color:rgba(255,255,255,.6);}*/

.excerpt-one{position: relative;}
.excerpt-one .focus{float:left;width: 25.3%; margin-right:30px;}
.excerpt-one .focus .item{width: 100%;}
.excerpt-one .note{margin-top: 6px;padding-right: 15px;}
.excerpt-one .note{margin-right: 25.3%;}
.excerpt header .label{margin-right:5px;position:relative;top:-2px}
.excerpt header small{margin-left: 10px;}
.excerpt header small .glyphicon{margin-right: 2px;font-size: 13px;}
.pagination a{ line-height:40px;}
.post-views .glyphicon{font-size: 13px;margin-right: 2px;top: 2px;}

.excerpt h2{display:inline;font-size:22px;margin:0;font-weight:normal;position:relative;top:1px;line-height:25px}
.excerpt h2 strong{color:#8CAC52;margin-right:10px}
.excerpt h2 a{color: #444;}
.excerpt h2 a:hover{color: #FF5E52;text-decoration: underline;}
.excerpt p{margin-bottom: 0;}
.excerpt .note{color:#777;font-size: 14px;line-height: 22px;margin-bottom: 10px; width:870px;}
.excerpt .itag a{border-style:solid;border-width:1px;border-color:#e2e2e2 #ddd #ddd #e2e2e2;display:inline-block;margin-right:3px;border-radius:1px;padding:0 5px;line-height:18px}
.excerpt .text-muted{font-size: 12px; margin-top:25px;}
.excerpt .views > span, .excerpt .views > a{margin-right: 20px;}


.post-like{text-decoration: none;}
.post-like i{margin-right: 5px;font-size: 13px;top: 2px;width: 13px;}
.post-like.actived{color: #FF5E52;}

a.post-linkto{background-color: #51CC87;color: #fff;opacity: 0.85;filter:alpha(opacity=85);}
.excerpt a.post-linkto{float: right;display: inline-block;padding: 4px 12px;font-size: 12px;text-decoration: none;}
a.post-linkto:hover{opacity: 1;filter:alpha(opacity=100);color: #fff;}
.excerpt-multi .views > a.post-linkto{margin-right: 0;}

/* 
 * widget
 * ====================================================
*/
.widget{clear:both;margin-bottom:20px;position: relative;}
.widget.affix{width: 300px;}
.widget .title{border-bottom: 2px solid #eee;padding-top: 2px;}
.widget .title .btn{position:absolute;top:5px;right:10px;font-weight:normal;padding: 2px 7px 1px}
.widget ul{*zoom:1;list-style: none;padding: 0}
.widget ul:before,.widget ul:after{display:table;content:"";line-height:0}
.widget ul:after{clear:both}
.widget_ads img{display:block;max-width: 100%;}
.widget_ads_inner{position:relative;overflow:hidden}
.widget_ads .sell{display:block;border:solid 1px #d6d6d6;color:#999;text-align:center;height:123px;line-height:123px;font-weight:bold}
.widget_ads .sell:hover{border-color:#bbb;color:#777777}
.widget ul.widget_tags_inner{overflow: hidden;padding-top: 5px;font-size: 12px;margin-right: -6px;}
.widget_tags_inner li{float: left;width: 33.33333%;margin-top: 2px;}
.widget_tags_inner a{color: #777;display: block;margin-right: 6px;background-color: #fafafa;padding: 4px 8px;height: 28px;border-left: 1px solid #ededed;overflow: hidden;}
.widget_tags_inner a:hover{color: #fff;background-color: #FF5E52;border-left-color: #FED426;border-left-width: 4px;}
.widget_postlist .items-01 li a{border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px;padding:8px 90px 8px 0;min-height:76px;}
.widget_postlist .items-01 li a:hover{background-color:#F8FCFE;}
.widget_postlist .items-01 .text{margin-top:1px;display:block;}
.widget_postlist .items-01 .thumbnail{position: absolute;right: 0;top: 8px;}
.widget_postlist .items-01 .thumbnail img{width:80px;height:60px}
.widget_postlist .items-01 .text-muted{margin-right:20px;font-size:12px}
.widget_postlist{overflow: hidden;}
.widget_postlist .items-02{margin-right: -3%;overflow: hidden;}
.widget_postlist .items-02 li{float: left; width: 47%;margin-right: 3%;margin-top: 3%;}
.widget_postlist .items-02 a{position: relative;display: block;}
.widget_postlist .items-02 .thumb{height: 108px;}
.widget_postlist .items-02 .post-views{display: none;}
.widget_postlist .items-02 .text{display: block;position: absolute;top: 120%;left: 0;right: 0;padding: 4px 10px;background-color: #555;background-color: rgba(0,0,0,0.7);color: #fff;font-size: 12px;line-height: 16px;}
.widget_postlist .items-02 a:hover .text{top: auto;bottom: 0}
.widget_postlist .items-03 li a{border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px;padding:8px 0 8px 0;}
.widget_postlist .items-03 li a:hover{background-color:#F8FCFE;}
.widget_postlist .items-03 .text{margin-top:1px;display:block;}
.widget_postlist .items-03 .text-muted{margin-right:20px;font-size:12px}
.widget_calendar{overflow:hidden}
.widget_calendar table{width:100%;text-align:center;}
.widget_calendar table caption{padding:10px 0 5px;font-size:15px;}
.widget_calendar table #prev a,.widget_calendar table #next a{display:block;padding:0 10px}
.widget_calendar table #prev{text-align:left}
.widget_calendar table #next{text-align:right}
.widget_calendar table tbody td,.widget_calendar table tfoot td,.widget_calendar table thead th{padding:5px 3px;border:1px solid #eee;}
.widget_calendar table thead th{background-color:#fbfbfb}
.widget_calendar table tbody td a{display:block;margin:0 3px;background-color:#428BCA;color:#fff}
.widget_calendar table tbody td a:hover{background-color: #357EBD;}

.tagcloud{margin-top: 5px;}
.tagcloud a{display: inline-block;margin: 5px 5px 0 0}

.widget_nav_menu ul{list-style: disc;margin-left: 18px;color: #999;}
.widget_nav_menu li{margin-top: 7px;}
.widget_nav_menu ul ul{margin-left: 20px;font-size: 12px;margin-bottom: 10px;}
.widget_nav_menu ul ul li{margin-top: 5px;}
.widget_nav_menu .glyphicon{margin-right: 5px;color: #999;}
.widget_recent_entries li{border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px;padding:10px 0;}
.widget_recent_entries li:hover{background-color:#F8FCFE;}
.widget_recent_entries li .post-date{display: block;font-size: 12px;color: #999;}
.widget_pages ul{list-style: disc;margin-left: 18px;color: #999;}
.widget_pages li{margin-top: 7px;}

/* 
 * nav top
 * ====================================================
*/
.ui-navtop{}
.ui-navtop .header{bottom:auto;width: 100%;background-color: #fff;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08)}
.ui-navtop .logo{float: left;width: 160px;}
.ui-navtop .logo a{height: 50px;background-position: 50% 50%;}
.ui-navtop .nav{float: left;border-bottom: none;}
.ui-navtop .nav ul{top: 100%;left: 0;border: 2px solid #ddd;text-align: left;}
.ui-navtop .nav ul ul{left: 100%;top:-7px;border-left: none;}
.ui-navtop .nav > li{float: left;text-align: center;	}
.ui-navtop .nav .glyphicon {margin-right: 0;display: block;top: 0;margin-bottom: 5px;}
.ui-navtop .feeds{position: absolute;top: 35px;right: 55px;padding: 0;border-bottom: none;margin-bottom: 0;background-color: transparent;}
.ui-navtop .feed{width: auto;margin-left: 5px;}
.ui-navtop .feed i{margin-right: 3px;width: 8px;height: 8px;border-radius: 50%;top: 0px;}
.ui-navtop .slinks{position: absolute;top:20px;right:50px;margin: 0;line-height: 12px;height: 12px;overflow: hidden;}
.ui-navtop .user-welcome{position: absolute;top:16px;right:0;margin: 0;padding: 0;box-shadow: none;background-color: transparent;border: 1px solid #ddd;padding: 1px;border-radius: 8px;}
.ui-navtop .user-welcome .avatar{float: none;margin-left: 0;top: 0}
.ui-navtop .user-welcome strong{display: none;}
.ui-navtop .user-welcome span{display: none;}
.ui-navtop .user-logout{display: none;}
.ui-navtop .content{margin-left: 0;margin-right: 380px;    padding-right: 20px;}
.ui-navtop .content.no-sidebar{margin-right: 0;}
.ui-navtop.error404 .content{margin-right: 0;}
.ui-navtop section.container{    margin-top: 50px;}
.ui-navtop .footer{background-color: #444;margin: 0;text-align: center;padding: 30px;}
.ui-navtop .sidebar{margin-left: -350px;width: 350px;}
.ui-navtop .widget.affix{width: 360px;}
.ui-navtop .focusmo a{height: 153px;}
.ui-navtop .focusmo li.large a{height: 316px;}
.ui-navtop .focus .thumbnail .thumb{height: 163px;}
.ui-navtop .thumbnail .thumb{max-height: 163px;}
.ui-navtop .excerpt .note{margin-top: 15px;margin-bottom: 15px;}
.ui-navtop .article-header{text-align: center;border-bottom-width: 1px;}
.ui-navtop .article-meta li{float: none;display: inline-block;}
.ui-navtop .relates a img{height: 156px;}
.ui-navtop .user-signin{position: absolute;top: 16px;right: 0;margin-top: 0}
.ui-navtop .widget_postlist .items-02 .thumb{height: 130px;}