@charset "utf-8";

a:hover	{color:#327EDA;}

#mainArea {width:980px; margin:30px auto; overflow:hidden;}

#mainArea .leftBox {float:left; padding:50px 0; width:157px;}
#mainArea .leftBox .leftMenu h1 {margin-left:10px; color:#6a6a6a; font-size:18px; font-weight:600;}

#mainArea .leftBox .leftMenu ul {list-style:none; margin-top:25px; border-bottom:1px solid #E6E6E6;}
#mainArea .leftBox .leftMenu ul li {border-top:1px solid #E6E6E6;}
#mainArea .leftBox .leftMenu ul li a.big {padding:5px 10px 8px; color:#676767; font-size:13px; font-weight:bold; display:block; overflow:hidden;}
#mainArea .leftBox .leftMenu ul li a.big i {float:right; color:#fff; font-size:1.2em;}
#mainArea .leftBox .leftMenu ul li a.big:hover {color:#fff; background:#b3d3f9;}
#mainArea .leftBox .leftMenu ul li.on a.big {color:#fff; font-weight:bold; background:#85BAF4;}

#mainArea .leftBox .leftMenu ul li ul {margin:5px 0 15px; border:0; display:none;}
#mainArea .leftBox .leftMenu ul li ul li {border:0;}
#mainArea .leftBox .leftMenu ul li ul li a.small {padding:3px 0 4px 25px; color:#5b5b5b; font-size:11px; background:#fff; display:block; overflow:hidden;}
#mainArea .leftBox .leftMenu ul li ul li a.small i {float:right; margin-right:10px; color:#fff; font-size:1.2em;}
#mainArea .leftBox .leftMenu ul li ul li a.small:hover {color:#67a9f1; font-weight:normal; background:#fff}
#mainArea .leftBox .leftMenu ul li ul li a.small:hover i {color:#67a9f1;}
#mainArea .leftBox .leftMenu ul li ul li.on a.small {color:#67a9f1; font-weight:bold; background:#fff}
#mainArea .leftBox .leftMenu ul li ul li.on a.small i {color:#67a9f1;}

#mainArea .leftBox .leftSubMenu ul {margin-top:30px; list-style:none; overflow:hidden;}
#mainArea .leftBox .leftSubMenu ul li {float:left; margin:2px;}
#mainArea .leftBox .leftSubMenu ul li a {padding:5px 7px; width:56px; height:54px; font-size: 11px; text-align: right; color:#fff; background-color: #818285; border-radius: 6px; background-image: url('/company/images/submenu_icon.png'); display: inline-block;}
#mainArea .leftBox .leftSubMenu ul li a:hover {background-color: #00aeef;}
#mainArea .leftBox .leftSubMenu ul li a.menu1 {background-position: 5px 15px;}
#mainArea .leftBox .leftSubMenu ul li a.menu2 {background-position: -90px 12px;}
#mainArea .leftBox .leftSubMenu ul li a.menu3 {background-position: -167px 5px;}
#mainArea .leftBox .leftSubMenu ul li a.menu4 {background-position: -233px 15px;}
#mainArea .leftBox .leftSubMenu ul li a.menu5 {background-position: -313px 15px;}
#mainArea .leftBox .leftSubMenu ul li a.menu6 {background-position: -393px 12px;}
#mainArea .leftBox .leftSubMenu ul li a.menu7 {background-position: -470px 10px;}
#mainArea .leftBox .leftSubMenu ul li a.menu8 {background-position: -542px 10px;}
#mainArea .leftBox .leftSubMenu ul li.on a {background-color: #00aeef;}

#mainArea .mainBox {float:left; position:relative; padding:30px 20px 100px 50px; width:752px; border-left:1px solid #E6E6E6;}
#mainArea .mainBox h2 {margin-left:20px; color:#505050; font-size:28px; font-weight:400;}
#mainArea .mainBox .content {margin-top:30px;}
#mainArea .mainBox .topBox {position:absolute; bottom:0; right:0;}