@charset "utf-8";
/* CSS Document */
body{background:#fff;
margin:0px;
padding:0px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;}

div,table,tr,td,th,h1,h2,h3,h4,h5,h6,li,ul,ol,span,p,a,header,footer,nav,section{margin:0px; padding:0px;}

img{border:none;}

a{color:#565656;}

p{word-wrap:break-word; }


@font-face {
    font-family: myFirstFont;
    src: url(fonts/OpenSans-Regular.ttf);
}


::selection {color:#2b2b2b;background:#b80400;}
::-moz-selection {color:#2b2b2b;background:#b80400;}




.login{width:100%; float:left;}

.login img{width:100%;}


.header{width:100%; float:left; border-bottom:1px solid #CCCCCC; padding:10px 0px;}


.header_right{width:100%; float:left; padding:5px 0px; background:none;}

.header_right ul{list-style:none; float:right;}

.header_right ul li{float:left; padding:0px 5px; border-right:1px solid #333333}

.header_right ul li a{color:#333333; text-decoration:none; font-weight:bold; font-size:13px}

.header_right ul li a:hover{ border-bottom:1px dashed #333333;}



.menu{width:100%; float:left; background:#565656; max-height:24px; position:relative; z-index:20;}


.body{width:100%; float:left; background:none;}

.tab{width:100%; float:left; background:none; margin:15px 0px; }

.table_head{width:100%; float:left; background:none; margin:15px 0px; }


.table_right{width:100%; float:left; background:none;}

.table_right ul{list-style:none; float:right;}

.table_right ul li{float:left; padding:0px 5px;}



.table_body{width:100%; float:left; background:none; margin:10px 0px; overflow-y:scroll; height:435px; }


.table_btn{width:100%; float:left; background:none; margin:0px 0px; border-top:1px solid #CCCCCC; }



.footer{width:100%; float:left; background:#ededed; margin:0px 0px; padding:00px 0px; }


.footer_menu{width:100%; float:left; background:none;}


.footer_menu ul{list-style:none; margin:0px auto; padding-left:30px;}

.dropdown-menu li{width:100%;}

.det_total{width:100%; float:left; margin-top:15px;}

.det_total_table{width:100%; float:left; margin-top:10px; overflow:auto;}
.det_total_table table tr td{padding:5px 0px;}


.entry_right_top{width:100%; float:left;margin-top:10px;}
.entry_right{width:100%; float:left;margin-top:10px; overflow-y:scroll; height:180px;}


.footer_menu ul li{float:left; padding:20px 10px; text-align:center;}

.footer_menu ul li:hover{background:#b80400;}

.footer_menu ul li span{width:100%; float:left; background:none; text-align:center; text-indent:10px; font-size:30px;}




.footer_menu ul li a{color:#000000; font-weight:bold; text-decoration:none; font-size:18px; text-align:center; }



.gu_head{width:100%; float:left;}

.gu_body{width:100%; float:left;}


.role{width:100%; float:left; margin-top:10px; }



.man_img{width:100%; float:left; background:#FFFFFF; border:1px solid #999999; padding:3px;}

.man_img img{width:100%;}


.btm_table{width:100%; float:left; overflow:auto;}





.rep_tab{width:100%; float:left; overflow:auto;}

.rep_tab h4{padding:10px 0px; width:100%; float:left;}



@media screen and (max-width:768px){

.menu{width:100%; float:left; background:#565656; max-height:24px;}


.header_right{width:100%; float:left; padding:5px 0px; background:none;}

.header_right ul{list-style:none; float:left;}

.header_right ul li{float:left; padding:5px 5px; border-right:1px solid #333333;}

.header_right ul li a{color:#333333; text-decoration:none; font-weight:bold; font-size:14px}

.header_right ul li a:hover{ border-bottom:1px dashed #333333;}

}











@media screen and (max-width:640px){

.menu{width:100%; float:left; background:#565656; max-height:50px;}


.header_right{width:100%; float:left; padding:5px 0px; background:none;}

.header_right ul{list-style:none; float:left;}

.header_right ul li{float:left; padding:5px 5px; border-right:1px solid #333333; font-size:14px}

.header_right ul li a{color:#333333; text-decoration:none; font-weight:bold;}

.header_right ul li a:hover{ border-bottom:1px dashed #333333;}

}




















@media screen and (max-width:480px){

.menu{width:100%; float:left; background:#565656; max-height:50px;}


.header_right{width:100%; float:left; padding:5px 0px; background:none;}

.header_right ul{list-style:none; float:left;}

.header_right ul li{float:left; padding:5px 5px; border-right:1px solid #333333;}

.header_right ul li a{color:#333333; text-decoration:none; font-weight:bold; font-size:14px}

.header_right ul li a:hover{ border-bottom:1px dashed #333333;}

}







@media screen and (max-width:480px){

.menu{width:100%; float:left; background:#565656; max-height:50px;}


.header_right{width:100%; float:left; padding:5px 0px; background:none;}

.header_right ul{list-style:none; float:left;}

.header_right ul li{float:left; padding:5px 5px; border-right:0px solid #333333; width:100%;}

.header_right ul li a{color:#000; text-decoration:none; font-weight:bold; font-size:14px}

.header_right ul li a:hover{ border-bottom:1px dashed #333333; color:#000;}

}










@media screen and (max-width:320px){

.menu{width:100%; float:left; background:#565656; max-height:50px;}


.header_right{width:100%; float:left; padding:5px 0px; background:none;}

.header_right ul{list-style:none; float:right;}

.header_right ul li{float:left; padding:5px 5px; border-right:0px solid #333333; width:100%;}

.header_right ul li a{color:#000; text-decoration:none; font-weight:bold; font-size:14px}

.header_right ul li a:hover{ border-bottom:1px dashed #333333; color:#000;}

}