﻿body
{
    font-family:'Microsoft YaHei';

}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #49768d;
}

::-webkit-scrollbar
{
	width: 10px;
    height:10px;
	background-color: #55a1c5;
}

::-webkit-scrollbar-thumb
{
	background-color: #55a1c5;
}

.contentBox {
    /*background: url('images/bodybg.jpg') no-repeat;*/
    background-size:100% 100%;
}
.HeadBox {
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    height:70px;
    overflow:hidden;
    background: url('images/titlebg.png') repeat-x;
}

.HeadBox .WebTitle
{
    width:100%;
    text-align:center;
    background-size:contain;
    font-size:30px;
    color:#fff;
    line-height:70px;

}

.HeadBox .WebTitle img
{
    height:60px;
    margin-top:10px;
}
.HeadBox .userTool{
   
}
.HeadBox .userTool a
{
   margin-left:10px;
   overflow:hidden;
   display:block;
   float:left;
   border-radius:10px;
   padding-left:10px;
   padding-right:10px;
    padding-top:5px;
   padding-bottom:5px;
}
.HeadBox .userTool a:hover
{
  background-color:#03469d;
 
}
.HeadBox .userTool img{
    width:40px;
    height:40px;
}
.HeadBox .leftMenu
{
   position:absolute;
    left:20px;
    top:10px;

}
.HeadBox .rightMenu
{
    position:absolute;
    top:10px;
    right:20px;
}

.navBack {
    width:100%;
    height:120px;
}

.navBack .backImg
{
    width:100px;
    height:100px;
    margin-left:10px;
    float:left;
    background: url('images/backImg.png') no-repeat center center;
    background-size:65px 65px;
    cursor:pointer;
}
.navBack .backTitle
{
    height:100px;
    line-height:100px;
    float:left;
    font-size:20px;
    color:#ffffff;
}

.NavBodyBox
{
    position:absolute;
    left:0px;
    right:0px;
    top:70px;
    bottom:0px;
    overflow:auto;
    color:#fff;
}

.NavBodyBox  .NavTable
{
    width:100%;
    height:100%;
}


.NavBodyBox  .NavCell
{
    text-align:center;
    vertical-align:central;
    height:100%;
    width:100%;
}

.NavBodyBox .NavMenuBox
{
    margin-left:100px;
    height:95%;
    max-height:680px;
   position:relative;
}

.NavBodyBox .LeftNavBox
{
     position:absolute;
     left:0px;
     top:0px;
     bottom:0px;
}

.NavBodyBox .NavTitle
{
    font-size:30px;
    text-align:left;
    height:90px;
    line-height:100px;
}

.NavBodyBox .MenuRow
{
    height:25%;
}
.NavBodyBox .MenuItem
{
   height:100%;
   float:left;
   padding-right:15px;
   padding-bottom:15px;
   position:relative;
  
}

.NavBodyBox  .nowValid
{
    color:#b7b7b7;
}


.NavBodyBox .MenuItem1
{
   width:140px;
   height:100%;
    position:relative;
     cursor:pointer;
}

.MenuItem1 .MenuTitle
{
    font-size:16px;
    line-height:20px;
    text-align:center;
    position:absolute;
    left:0px;
    right:0px;
    bottom:10px;
    padding-left:10px;
    padding-right:10px;
  
}

.MenuItem1 .MenuContent
{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:40px;
}
.MenuItem1 .MenuPic {
    background: url('images/pic.png') no-repeat center;
    background-size:60px 60px;
    width:100%;
    height:100%;
}


.NavBodyBox .MenuItem2
{
   width:300px;
   height:100%;
   position:relative;
      cursor:pointer;
}



.MenuItem2 .MenuTitle
{
    font-size:18px;
    line-height:45px;
     padding-left:20px;
     text-align:left;
}

.MenuItem2 .MenuContent
{
    position:absolute;
    left:0px;
    right:0px;
    top:45px;
    bottom:0px;
}

.MenuItem2 .MenuText
{
    font-size:15px;
    line-height:25px;
    height:100%;
    width:100%;
    text-align:left;
    padding-left:20px;
    padding-right:20px;
}


.NavBodyBox .MenuItem1:hover,.MenuItem2:hover
{
   box-shadow:0px 0px 20px #FFF;
   opacity:0.8;
}
  
.NewsBox
{
    width:350px;
    height:75%;
    overflow-y:auto;
}


.media
{
    cursor:pointer;
   

}

.media img
{
    width:64px;
    height:64px;
} 


.media  .media-body
{
    text-align:left;
    font-size:14px;
    text-indent:2em;
}

.media  .media-heading
{
    font-size:16px;
    padding-bottom:5px;
    text-indent: 0em;
}

.blackFrame{


}

.blackFrame .modal-content
{

     background-color:#1d2528;
     color:#fff;
}
.blackFrame .modal-header
{
    border-bottom:solid 1px #75c5f0;
}

.blackFrame .modal-header span
{
    color:#fff;
}

#mainTabContent .navMenu h4{
    padding: 15px 20px;
    font-weight: bolder;
    font-size: 16px;
    margin:0;
}

#mainTabContent .content_left{
   padding:10px 20px;
   float:left;
   width:78%;
    height:100%;
}

#mainTabContent .content_left .content_TBox{
    overflow:hidden;
}
#mainTabContent .content_left .content_LBox,#mainTabContent .content_left .content_RBox{
    background-color:#ffffff;
    width:49%;
    height:300px;
}
#mainTabContent .content_left .content_LBox{
    float:left;
}
#mainTabContent .content_left .content_RBox{
    float:right;
}

#mainTabContent .content_left .content_MBox,#mainTabContent .content_left .content_BBox{
    clear:both;
    background-color:#ffffff;
    width:100%;
    height:300px;
    margin-top:10px;
}

#mainTabContent .content_right{
    background-color:#ffffff;
    width:22%;
    float:right;
    height:100%;
}