/* common */
body {min-width:320px; }
#wrap {width:100%;}
#main {width:100%;overflow:hidden; display:block; }

.layout {width:94%; margin: 0 auto; overflow:hidden; display:block;   }

/* sub layout */
#container {width:100%; margin:0 auto; overflow:hidden; display:block; padding:70px 0 0 0 ;}
#content {width:96%; padding:30px 2%; overflow:hidden; display:block;min-height: 500px;}

#header { background:#fff; width:100%; position: fixed; left:0; top:0; z-index:999;  height:70px;}
#header h1 {width:100%;}
#header h1 a { width:100%; margin:13px 0 0 0; padding:0; font-size:0;text-align: center;}
#header h1 a img {width:140px;}
#wrap .total_menu {position: fixed; top:8px; padding:12px 10px; right:5px; z-index:10002; display:block; }
#wrap .total_menu img {width:20px;}
#wrap .contentBG {position: fixed;_position:absolute;top: 0;left: 0; z-index:1000; width:100%;height:100%;background:#000;opacity:.7; filter:alpha(opacity=7);cursor:pointer;display:none;height:0;}
#wrap .side_area {display:block; height:100%;	position: fixed; _position: relative;	top: 0;left: -280px; width:280px;height: 100%; background:#fff;  z-index:10011; overflow-y:auto; border-bottom:1px solid #3f2566;  }
#wrap .side_area h1 {width:100%; padding:30px 0; text-align:center; }
#wrap .side_area h1 img {width:150px;}
#wrap .side_GNB {text-align: center; }
#wrap .side_GNB .menu { background:#3597b7; padding:0; border-top:1px solid #4da4c2  ; border-bottom:1px solid #2a8eaf; }
#wrap .side_GNB .menu > li { width:100%; display:block; overflow:hidden; border-top:1px solid #2a8eaf  ; border-bottom:1px solid #4da4c2; }
#wrap .side_GNB .menu > li > a { display:block;color: #fff;line-height:38px; height:40px; font-weight:600; z-index: 10012;text-decoration:none; font-size:16px;  }
#wrap .side_GNB .menu > li.on > a,
#wrap .side_GNB .menu > li > a:hover,
#wrap .side_GNB .menu > li > a:focus,
#wrap .side_GNB .menu > li > a:active {color: #9adfff;  background: none;text-indent: 0; opacity:1; filter:alpha(opacity=100);}
#wrap .side_GNB .menu > li ul.sub_menu {padding:0; width:100% ;display: none;font-size:0;  }
#wrap .side_GNB .menu > li ul.sub_menu > li {	width:100%;display:inline-block; border-top:1px solid #ccc; 	}
#wrap .side_GNB .menu > li ul.sub_menu > li:first-child {border-top:none;}
#wrap .side_GNB .menu > li ul.sub_menu > li a {	width:100%;color:#333; background:#fff; text-align:center; display:inline-block !important; font-size:14px; line-height:34px; height:35px; vertical-align:middle;font-weight:600; }
#wrap .side_GNB .menu > li ul.sub_menu > li.on a,
#wrap .side_GNB .menu > li ul.sub_menu > li a:hover { background:#5bc4e6; color: #fff;opacity:1; filter:alpha(opacity=100);}
#wrap .side_GNB .menu > li ul.sbox {padding:0; width:100% ;display: none;font-size:0;  padding:30px 0 0 0;}
#wrap .side_GNB ul.sbox {width:100%; *zoom:1; display:inline-block; *display:inline; text-align:center; padding:30px 0 0 0; font-size:0;}
#wrap .side_GNB ul.sbox:after {content:""; display:block; clear:both;}
#wrap .side_GNB ul.sbox li {width:45%; margin:0 1px; border:1px solid #ccc; color:#888; font-weight:600;display:inline-block; #float:left; line-height:1.4; padding:10px 0 ;}





/* footer */
#footer {width:100%; background:#fff; padding:20px 0 25px 0 ; border-top: 1px solid #ccc;}
#footer .fmenu { width:100%; font-size:0; text-align:center; }
#footer .fmenu a { padding:10px 0;  color:#999; line-height:14px; font-size:10pt;}
#footer .fmenu a .dot{ padding:0 7px;  color:#777; font-size:10px; vertical-align:top; line-height:12px; }
#footer p {width:100%; text-align:center; color:#777;overflow:hidden; display:block; padding:0;text-transform:uppercase; font-size:10pt;  line-height:1.4; }
#footer p span {width:100%; color:#666;overflow:hidden; display:block; padding:5px 0 0 0;text-transform:uppercase; font-size:9pt;  }



#container ul.nav {width:100%; overflow:hidden; background:#f5f5f5; }
#container ul.nav li {width:33%; background:#f5f5f5; float:left;  overflow:hidden;}
#container ul.nav li.line {border-right:1px solid #ccc;}
#container ul.nav li.lineTop {border-top:1px solid #ccc;}
#container ul.nav li a {display:block; padding:8px 0;}
#container ul.nav li a p {font-size:16px; text-align:center; color:#000; font-weight:600;}
#container ul.nav .bg{
  background: url(../images/main/quick_bg.png)no-repeat;
  background-size: cover;
  padding: 40px 0;
  float: left;
  overflow: hidden;
}

#container .box{
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 20px;
  margin: 10px;
}
#container .box h3{
  font-size:16px;
  font-weight: 600;
  padding-bottom: 20px;
}
#container .box .more{
  float: right;
}