*{
 margin: 0;
 padding: 0;
}

.whole{
 width: 1400px;
 left: 0px;
 top: 0px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 }
body{
 margin: 0px;
 padding: 0px;

 font-family: "Trebuchet MS", Helvetica, sans-serif;
 font-size: 12px;
 text-transform: uppercase;
 overflow-x: hidden;
 background-repeat: no-repeat;
}


ul.oe_menu{
 list-style: none;
 z-index: 2;
 float: right;
 margin-right: 30px;
 margin-top: -100px;
}

ul.oe_menu > li{
 width: 112px;
 padding-bottom: 2px;
 position: relative;
 float: left;
 height: 70px;
}
ul.oe_menu > li > a{
 display: black;
 color: #F00;
 text-decoration: none;
 font-weight: bold;
 font-size: 17px;
 width: 90px;
 height: 20px;
 margin: 1px;
 opacity: 0.8;
 padding-right: 10px;
 padding-bottom: 30px;
 padding-left: 10px;
 padding-top: 30px;
}
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
 opacity: 1.0;
 color: #grey;
}
ul.oe_menu div{
 position: absolute;
 top: 50px;
 left: 1px;
 padding: 30px;
 display: none;
 height: auto;
 width: 500px;
 text-align: left;
 z-index: -1;
 background-image: url(images222.png);
}

ul.oe_menu div ul li a{
 text-decoration: none;
 color: #ffffff;
 padding: 2px 2px 2px 4px;
 margin: 2px;
 display: block;
 font-size: 12px;
 text-align: left;
}
ul.oe_menu div ul.oe_full{
 width:100%;
}
ul.oe_menu div ul li a:hover{
 background:#000;
 color:#fff;
}
ul.oe_menu li ul{
 list-style:none;
 float:left;
 width: 150px;
 margin-right:10px;
}
li.oe_heading{
 font-size:18px;
 margin-bottom:10px;
 padding-bottom:6px;
 border-bottom:1px solid #ddd;
}
.whole .logo {
 height: 100px;
 width: 620px;
 padding:20px;
}

.tabs .menu {
 list-style-type: none;
}
.tabs .menu .news_log {
 height: 40px;
 width: 311px;
 
 }
.tabs .menu ul {
 list-style-type: none;
 float: none;
}
.tabs .menu li a {
 text-decoration: none;
 color: #FFF;
 font-size: 18px;

}
.tabs .menu li a:hover {
 font-size: 18px;
 color: #3CC;
}
.tabs .menu li {
 float: left;
 margin-left: 17%;
 height: 30px;
 padding-top: 20px;
 font-size: 16px;
 font-weight: bold;
}


.tab{
 clear: both;
 display: none;
 margin-top: 0px;
}
.tabs {
 margin-top: 0px;
 margin-right: 20px;
 clear: both;
 float: left;margin-left: 15px;
 position: absolute;background: url(images222.png);
 top: 250px; width:312px;}

.tabs .main {
 top: 0px;
 background-repeat: repeat;
 
}
.tabs .main .tab ul {
 float: none;
 font-size: 14px;
}
.tabs .main .tab ul li {
 text-align: left;
 list-style-type: none;
 padding-top: 3px;
 padding-right: 5px;
 padding-bottom: 3px;
 padding-left: 20px;
}
.logo .wordmiddle img {
 float: left;
 padding-right: 0px;
 margin-left: -180px;
 margin-bottom: 0px;
}
.tabs .main .tab ul li a {
 text-decoration: none;
 color: #FFFFFF;
}
.tabs .main .tab ul li a:hover {
 color: #f33;
}
.list{
 margin: auto;
 height: 100%;background:#ff3333;
 text-align: left;
}
.leftsidebar_box {
 float: none;
}
.leftsidebar_box dt{
 padding-left: 40px;
 padding-right: 10px;
 background-repeat: no-repeat;
 background-position: 10px center;
 font-size: 14px;
 position: relative;
 line-height: 48px;
 cursor: pointer;
}
.leftsidebar_box dd{

 padding-top: 5px;
 padding-left: 40px;
}
.leftsidebar_box dd a{
 color: #FFFFFF;
 line-height: 20px;
 text-decoration: none;
}
.leftsidebar_box dd a:hover {
 color: #F33;
}

.leftsidebar_box dt img{
 position: absolute;
 right: 10px;
 top: 20px;
}
.system_log dt{
 background-image: url(imagescloud.png);
 font-size: 17px;
 font-weight: bold;
 color: #FFF;
 margin-left: 15px;
}
.custom dt{
 background-image: url(imagessystem.png);
 margin-left: 15px;
 font-size: 17px;
 font-weight: bold;
 color: #FFF;
}
.channel dt{
 background-image: url(imagescustom.png);
margin-left: 15px;
 font-size: 17px;
 font-weight: bold;
 color: #FFF;
}
.about dt{
 background-image: url(imagessource.png);
margin-left: 15px;
 font-size: 17px;
 font-weight: bold;
 color: #FFF;
}
.leftsidebar_box dl dd:last-child{
 padding-bottom: 10px;
}