﻿@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans300.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans400.woff) format('woff');
}

/*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans700.woff) format('woff');
}*/
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/opensans400i.woff) format('woff');
}
/*---------------------------------------------------    重写-----------------------------------------------------------*/
body{font-family:"Open Sans","Helvetica Neue","Microsoft YaHei","宋体",Helvetica,Arial,sans-serif;font-size: 12px;color: #555;}

a,a:focus{ outline: none;}
/*重置table class*/
.table{margin-bottom:0}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{vertical-align:middle}
.table .col{ width: 30px;text-align: center;}

.badge{ font-weight: normal;background: #abbac3;}
/*重置.label class*/
.label{ font-size: 85%;}
.label-default{background-color: #ABBAC3;}
/*改写lengend*/
legend{ margin-bottom: 15px;padding-bottom: 5px;font-size:18px}

/*重写分页区域*/
.pagination{margin-top: 10px;margin-bottom: 5px;}
.pagination>li>span{ cursor: pointer;}
.pageset{ margin-top: 10px;margin-bottom: 5px;}

.paging{overflow:auto}
.paging div{margin-top:10px}
/*重写label&help-block*/
label {font-weight:normal;}
.help-block {margin-bottom:0;}
/*重写form-control*/
.form-control{display: inline-block;font-size:12px;padding-left: 6px;padding-right: 6px;border:1px solid #d5d5d5;-webkit-box-shadow:none;-ms-box-shadow:none;box-shadow:none;color:#555}
.form-control:focus{-ms-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}

/*page header*/
.page-header{border-bottom:1px dotted #e2e2e2;margin:20px 0 20px;padding-bottom:10px;font-size:20px;color:#2679b5}
.page-header a,.page-header button{ float: right;}
.page-header a,.page-header .btn-link{ font-size: 12px;padding: 6px 5px 0 0;}
/*新增与重写适应jquery validate的类,需改js中的默认class*/
label.has-error { color:#d16e6c;padding-left: 0;}
label.has-error:empty{ display: none!important;}
.has-error .has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error .input-group-addon{color:#d16e6c}
.has-error .form-control{border-color:#d16e6c;-webkit-box-shadow:none;box-shadow:none;color:#d16e6c;}
.has-error .form-control:focus{border-color:#db8978;-webkit-box-shadow:none;box-shadow:none;}

/*新增alert-fixed*/
.alert-fixed{position:fixed;left: 0;right: 0;top: 0;top: 0;z-index: 999;padding: 8px;opacity: .9}
.alert-fixed .close{ right: 0;}
/*ui dialog宽度小于768px时,control-label的padding-top以及form-inline的重置*/
@media (max-width: 768px) {
    .form-horizontal-dialog{ margin-top: 10px;}
    .form-horizontal-dialog .control-label{ padding-top: 7px;text-align: right}
    .form-horizontal-dialog .has-error label.has-error{ padding-left: 0 !important;}

    .form-horizontal-dialog .form-inline .form-control{display:inline-block;width:37%;vertical-align:middle} /*37%为特殊定制,适应对话框弹出单行*/
    .form-horizontal-dialog .form-inline .form-control-static{display:inline-block}

    .form-horizontal-dialog .help-block{ margin-bottom: 0;}

}
/*#region tab菜单部分*/
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:0;border:1px solid #ddd;border-left-width: 0;border-radius: 0;background: #FAFAFA;}
.nav-tabs>li:first-child>a{ border-left-width: 1px;}
.nav-tabs>li>a:hover{ border-color: #ddd;background:#fff;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:1px solid #ddd;border-left-width: 0;border-bottom-color:transparent}
.nav-tabs>li.active:first-child>a,.nav-tabs>li.active:first-child>a:hover,.nav-tabs>li.active:first-child>a:focus{border-left-width: 1px;}
@media(min-width:992px) {
    .nav-tabs>li>a{padding-left: 20px;padding-right: 20px;}
}

.navbar{ margin-bottom: 0;border-radius:0;}

.navbar-toggle{position:relative;float:right;padding:7px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:5px}

.navbar-default{background-color:#3479B8;border-width: 0;}
.navbar-default .navbar-brand{ color: #fff;padding:0 15px;}
.navbar-default .navbar-nav{ font-size: 14px;}
.navbar-default .navbar-nav>li>a{ color: #fff;padding-left: 20px;padding-right:20px}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#ccc;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#08c;background-color:#e7e7e7}

.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{ background-color: #ddd;}
/*.navbar-default .navbar-toggle .icon-bar{background-color:#888}*/
.navbar-default .navbar-toggle .ico-bars{ background-color: transparent;color: #fff;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}
/*新增*/
.navbar-default .navbar-right .navbar-nav{ font-size: 12px;}
.navbar-default .navbar-right .navbar-nav>li>a{ color: #fff;padding-left: 15px;padding-right:15px}
.navbar-default .dropdown-toggle:hover{ background: #fff;}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#eee}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#ccc;background-color:transparent}
}
/*#endregion*/


/*新增：针对asp.net webform显示label,webform仅支持显示的label*/
.radio-group input[type="radio"],.checkbox-group input[type="checkbox"]{position: relative;margin-left: 30px;top:2px;}
.radio-group input[type="radio"]:first-child,.checkbox-group input[type="checkbox"]:first-child{ margin-left: 0;}
.radio-group label,.checkbox-group label{ padding-left: 5px; }

.radio-group-sm input[type="radio"],.checkbox-group-sm input[type="checkbox"]{position: relative;margin-left: 10px;top:2px;}
.radio-group-sm input[type="radio"]:first-child,.checkbox-group-sm input[type="checkbox"]:first-child{ margin-left: 0;}
.radio-group-sm label,.checkbox-group label{ padding-left: 2px; }

.form-horizontal .radio-group, .form-horizontal .checkbox-group {
    padding-top:5px;
}
.table-striped>tbody>tr:nth-child(odd){background-color:#FCFCFD}
/*带横线边框的表格*/
.table-rowbordered{border:1px solid #E9E9E9}
.table-rowbordered>thead>tr>th,.table-rowbordered>tbody>tr>th,.table-rowbordered>tfoot>tr>th,.table-rowbordered>thead>tr>td,.table-rowbordered>tbody>tr>td,.table-rowbordered>tfoot>tr>td{border-bottom:1px solid 	#Eaeaea}
.table-rowbordered>thead>tr>th,.table-rowbordered>thead>tr>td{ background: linear-gradient(to bottom, #F8F8F8, #ECECEC) #fafafa;line-height:1.8em}
/*不带任何边框的表格*/
.table-nobordered>thead>tr>th,.table-nobordered>tbody>tr>th,.table-nobordered>tfoot>tr>th,.table-nobordered>thead>tr>td,.table-nobordered>tbody>tr>td,.table-nobordered>tfoot>tr>td{padding:8px 5px;line-height:1.42857143;border-top-width:0}
.table-nobordered>thead>tr>th{vertical-align:bottom;border-bottom-width:0}
.table-nobordered>tbody+tbody{ border-top-width:0}

/*alert info custom*/
.alert{border-radius:0}
.alert-sm{ margin-bottom: 10px;padding: 8px 5px;font-size: 11px;line-height: 1.7;border-radius: 0;}

/*功能键区域*/
.btn-action{margin-bottom:10px}
.btn-action .btn-group .btn>i.fa{padding-right:3px}
/*提交按钮区域*/
.action{padding:5px 0;margin:10px 0;background:#fff}


/*#form-control宽度*/
.w-mini{width:40px !important}
.w-small{width:120px !important}
.w-medium{ width: 320px !important;}
select.w-medium{ width: 320px !important;}
.w-large{ width: 400px !important;}
.w-xlarge{width:650px !important}
.w-max{ width: 100% !important;}





/*加载状态*/
.loading{position:absolute;z-index:999;padding:10px 18px;opacity:.9;top:0;left:50%;top:50%;line-height:2em;background:#fff}
.loading span{position:relative;bottom:3px;padding-left:5px;color:#666}

/*full-container右侧(添加产品，文章，图片)*/
#full-sidebar{float:right;width:200px}
.full-content{margin-right:205px;min-width:658px}

/*----------------------------------------------------------自定义----------------------------------------------------------------*/

.doc-container{ position: relative;}

.sidebar{position:relative;float:left;width:180px;border-right:solid 1px #eee;background:#fdfdfd;}
.sidebar ul{position:relative;padding: 30px 0 30px 20px;overflow:hidden;_zoom:1;right:-1px}
.sidebar li a{display:block;text-align:right;padding-right:50px;width:159px;height:38px;color:#666;text-decoration:none}
.sidebar .active{height:38px;border:solid 1px #ddd;border-right:solid 1px #fff;border-radius:5px 0 0 5px;background:#fff;font-weight:bold;color:#428bca}
.sidebar .fa{ font-size: 14px;padding-right: 5px;}

.main-content{margin:0  0 0 180px;padding: 0 15px;overflow: auto;}

@media(max-width:992px) {
    .sidebar {width:50px;}
    .sidebar ul{ padding: 0;}
    .sidebar li a{ padding-left:0;padding-right: 0;width: auto;text-align: center;font-size: 16px;line-height: 16px;}
    .sidebar .active{ border-radius: 0;}
    .main-content {
        margin-left:50px;
    }
    .sidebar > ul > li > a > span {
        display:none;
    }
}


.main-content .tab-content,.content-box .tab-content{ padding: 15px;overflow: hidden;}
.tab-content.bordered{ border: solid 1px #ddd;border-top-width: 0; }

.inline-edit td {background-color: #FEFCF1;}
.inline-edit table td,.inline-edit table th{ padding: 4px 5px;font-size: 12px;}
.inline-action { margin-top: 5px;}

/*全文搜索*/
.search_box {
    background: #efefef;
    float: left;
    padding: 5px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*图片集*/

#photo-list{ overflow: hidden;clear: both;}
.photoitem{float:left;width:164px;margin:0 10px 15px 0;text-align:center}
.photoitem>.photo{display:table;table-layout:fixed;border:solid 1px #ddd;width:164px;height:120px;padding:1px}
    .photoitem > .photo > span {
        -moz-user-select: none;
        user-select: none;
        display: table-cell;
        vertical-align: middle;
        cursor: pointer;
        width: 164px;
        height: 120px;
        position: relative;
    }
.photoitem>.photo>span>img{max-width:160px;max-height:120px}
.photoitem>.caption{height:27px;padding:5px 0}

.photoitem.active>.photo{ border: solid 2px #1e90ff;padding:0}

.photoitem .desc {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    /*opacity: 0.5;*/
    bottom: 0;
    z-index: 2;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.4);
    color: #eee;
}
/*评论和留言列表*/
.post-list  .title{ overflow: hidden;margin-bottom:5px}
.post-list  .title .pull-right{ margin-top: 4px;}
/*皮肤*/
.theme{ border-radius: 0;padding: 0;position: relative;}

.theme .screenshot{position:relative;overflow:hidden}
.theme .screenshot:after{content:"";display:block;padding-top:66.6666%}
.theme .screenshot img{position:absolute;top:0}

.theme .caption{ border-top: solid 1px #ddd;background: #f6f6f6;position: relative;padding: 0 10px;height: 38px;line-height: 38px;}
.theme .caption h3{ font-size: 14px;margin-top: 10px;color: #666;font-weight: 300}

.theme .theme-action,.theme .theme-current{ position: absolute;right: 0;bottom: 0;padding-right: 10px;}
.theme .theme-action{display: none;}

.box {
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    margin-bottom: 10px;
    overflow: auto;
    padding: 10px;
}

/*底部*/
.footer{font-size:12px;margin:0;padding:10px 0 5px 10px;line-height:2em;border-top:solid 1px #f2f2f2}
.footer p{ margin: 0;}
