﻿@charset "utf-8";
* { margin:0; padding:0; }
body { font-family:"微软雅黑"; font-size:14px; }
html,body{height: 100%;width: 100%;}
ul,ol{margin:0; }
li { list-style:none; }
.clear { clear:both;}
a {color: #fff; text-decoration: none;}
img { border:0; }
.login-box{padding-top:100px; }
#login{
width:500px;
border-radius: 10px;
margin:0 auto;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f349be1', endColorstr='#7f91c3e6',GradientType=1 );
background-image: linear-gradient(to bottom, rgba(52, 155, 225, 0.7) 0, rgba(145, 195, 230, 0.7) 50%); 
background-image: -webkit-linear-gradient(to bottom, rgba(52, 155, 225, 0.7) 0, rgba(145, 195, 230, 0.7) 50%); 
background-image: -moz-linear-gradient(to bottom, rgba(52, 155, 225, 0.7) 0, rgba(145, 195, 230, 0.7) 50%); 
background-image: -ms-linear-gradient(to bottom, rgba(52, 155, 225, 0.7) 0, rgba(145, 195, 230, 0.7) 50%); 
background-image: -o-linear-gradient(to bottom, rgba(52, 155, 225, 0.7) 0, rgba(145, 195, 230, 0.7) 50%); 

}
:root .gradient{filter:none;}
#login .c_bt{text-align: right;}
#login .c_bt img{padding: 10px;width: 20px;}
#login table{ text-align: center;font-size: 16px; color: #fff; table-layout: fixed;}
#login table tr{line-height: 30px;/*line-height: 48px;*/}
#login table img{ width: 140px; }
#login .lg_box{background: rgba(255, 255, 255, 0.3);border: 1px solid #fff;border-radius: 10px; margin: 0 auto;padding: 5px;width: 60%;}
#login .lg_box tr td{ margin: 5px; }
#login .lg_box div{ margin-top:5px; }
#login .lg_box label{ border-right:1px #fff solid; margin-right:5px;}
#login .lg_box hr{border:0;background-color:#fff;height:1px;}
#login .lg_box label img{width: 30px;padding-right: 5px;vertical-align: middle;padding-bottom: 5px;}
#login .lg_box input{ height: 36px; vertical-align: middle;margin-bottom:5px;background: transparent;border: transparent; width: 200px;}
#login .lg_yz td{ padding-right: 10px; height: 30px;}
#login .lg_yz td input{ width:20% ;border-radius: 5px; border: transparent; height: 30px;}
#login .lg_yz td img{width: 70px;vertical-align: middle; }
#login .lg_bt{ background: #389de2; text-align: center;border-radius: 5px; height: 40px;line-height: 40px;}
#login .lg_bt a{ display: block; width:100%; }
#footer{ text-align: center; background: #f0f0f0; line-height:36px;width: 100%; margin: 0 auto; font-size: 12px; position: fixed; bottom:0; font-weight:bold; }
#footer1{ text-align: center; color: #fff; width: 100%; font-size: 12px;position: fixed;bottom:0;margin: 5px 0;}
#footer1 span{ width: 120px;vertical-align: bottom; display: none;position:absolute;bottom: 0px;}
#footer1 a{ margin: 0 10px; text-decoration: none; color: #fff;}
#footer1 span img{text-align: top; width: 100px;}

#header{ background: #578ebe;height: 50px; line-height:50px;width: 100%;box-shadow:0 3px 2px rgba(0,0,4,0.2);position: fixed;z-index: 9999; top: 0;}
#header img{height: auto;width:40px;vertical-align: middle; padding-bottom: 5px;}
#header .head_l{ font-size: 16px;color: #fff; width: 83%;display:inline-block; float: left;padding-left: 10px;}
#header .head_r{ font-size: 0.87em; text-align:right; width: 10%; float: right; color: #fff;  }
#header .head_r span a{color: #fff;  padding-right:20px;}


#menu{height:100%;max-width: 1903px; width: 100%;-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;box-sizing:border-box;min-width: 1024px;position: relative;}
#menu .cst_menu { margin:0 auto;width: 960px ;padding-top: 150px; font-weight:bold; font-size:20px; color:#fff;}
#menu .idx_menu{margin:0 auto;width: 960px ;padding-top: 50px;}
#menu .idx_menu .single{ width: 150px;}
#menu .idx_menu .double{ width: 310px; text-align: center;}
#menu .idx_menu div{ display: inline-block; margin:0 10px 10px 0; font-size: 50px;display: block;float: left;font-weight: 300;height: 150px;letter-spacing: 1px;
                line-height: 20px;margin: 0 10px 10px 0;overflow: hidden;position: relative;text-decoration: none;width: 150px;z-index: 1;}
#menu .idx_menu div  a {color: white;font-size: 18px;font-weight: 400;height: 100%;line-height: 16px;overflow: hidden;  position: absolute;text-overflow: ellipsis;
	vertical-align: top;width: 100%;text-decoration: none; display: block;}
#menu .idx_menu div  a:hover{ background: rgba(255,255,255,0.1); }
#menu .idx_menu div  a i{font-size: 60px;margin-top: 30px;display: inline-block;padding: 10px 42px;}
#menu .idx_menu div  a:hover i {
transform:rotate(60deg)  scale(2.5);
-ms-transform:rotate(60deg)  scale(2.5); 	/* IE 9 */
-moz-transform:rotate(60deg)  scale(2.5); 	/* Firefox */
-webkit-transform:rotate(60deg)  scale(2.5); /* Safari 和 Chrome */
-o-transform:rotate(60deg)  scale(2.5); 
transition: all 0.5s ease-in-out 0s;
opacity: 0.2;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); /* IE6/IE7/8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; /*  IE8 */
}
#menu .idx_menu div  a i img{width: 80px; margin:-15px -5px;padding-bottom: 14px}
#menu .idx_menu div p{font-size: 24px;text-align: center; height: 30px;line-height:30px;}
#menu .idx_menu div  a:hover p{transform:scale(1.1);
-ms-transform: scale(1.1); 	/* IE 9 */
-moz-transform: scale(1.1); 	/* Firefox */
-webkit-transform: scale(1.1); /* Safari 和 Chrome */
-o-transform: scale(1.1); 
transition: all 0s linear 0s; }


#menu .idx_menu div  a span{font-size: 24px;position: absolute;top: 65px;width: 150px;text-align: center;}
#menu .idx_menu div  a:hover span{transform:scale(1.1);
-ms-transform: scale(1.1); 	/* IE 9 */
-moz-transform: scale(1.1); 	/* Firefox */
-webkit-transform: scale(1.1); /* Safari 和 Chrome */
-o-transform: scale(1.1); 
transition: all 0s linear 0s;}

#main{height:100%;max-width: 1903px; width: 100%;-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;box-sizing:border-box;min-width: 1024px;padding-left: 140px;position: relative;}

#left{width: 130px;background: #3598dc;height: 100%;position: absolute;left: 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:50px;padding-bottom: 30px}
#left ul {width: 100% ;margin-bottom: 0px;}
#left ul li {background: #53a7e1; width:100%; border-bottom: #3598dc 1px solid;  text-align: center; color: #fff;}
#left ul  li img{ margin:20px 10px 10px 10px}
#left ul> li > a, #left >ul li >a:visited {color: #fff; display: block; width: 100%; height: 120px; cursor: pointer;text-decoration: none;}
#left ul li a.treeone:hover,#left ul li.on a.treeone{border-left:5px #578ebe solid;background: #3598dc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#left ul li ul {display: none;}
/* specific to non IE browsers */
#left ul li .nav1 >li>a{ line-height: 30px;color: #fff;background: #3598dc url("images/erji.png") no-repeat scroll 10% 50%;}
#left ul li ul li a{height: 30px;color:#fff;}
#left ul li ul li ul {display: none;}
#left ul li ul li a {display:block; color:#fff;}
#left ul li ul li a {color:#000;}
#left ul li ul li a {display: block; color:#000;}
#left ul li ul li ul li a {display: block;color:#000;border-bottom: 1px rgba(255,255,255,0.5) dashed;height: 30px; line-height: 30px;}
#left ul li ul li ul li>a {display: block;color:#fff; background: #3598dc url("images/sanji.png") no-repeat scroll 20% 50%;padding-left: 15px;}



#contianer{width:100%;max-width: 1760px;padding-top: 70px; padding-bottom: 30px;}
#contianer .tb_head{width:100%;border-bottom: 1px #4a8bc2 solid;height: 30px;margin-top: 10px;}
#contianer .tb_head ul{ }
#contianer .tb_head ul li a{color: #5f5f5f; float: left; width: 150px; height: 30px;line-height: 30px;text-align: center;border-top-left-radius:10px;
	border-top-right-radius:10px;border:1px #bababa solid;border-bottom: none;margin: 0 10px;}
#contianer .tb_head ul li a:hover,#contianer .tb_head ul li.on a{ text-decoration: none;background: #3598dc; color: #fff; border:1px #4a8bc2 solid;}
#contianer .edictor{ width: 100%;padding-left: 30px;}
#contianer .edictor ul li { float: left; padding:5px;}
#contianer .edictor ul li a{ text-decoration: none;color: #4a8bc2; }
#contianer .edictor ul li span{ padding: 0 3px; }
#contianer table{margin-bottom:10px; }
#contianer table thead{ background: #65b4ea; border-top: 2px #3598dc solid;color: #fff;}
#contianer nav { text-align: right; }
#contianer .pagination{ margin:0;}



#add table{width: 800px;position: fixed;top:180px;left: 500px;box-shadow:0 3px 2px rgba(0,0,4,0.2);display: none;z-index: 9999;border-collapse: separate; border: 2px #fff solid;border-radius: 5px;overflow: hidden;}
#add table thead{ background: #2e6da4;}
#add table thead .close_bt{float: right;}

#add table tr td{ border: 1px #fff solid;}
#add table .btn{padding: 3px 14px;}
