@charset "utf-8";
.nav {position:absolute; width:100%; z-index:1; top:40px; right:0; z-index:999;}
.nav ul {margin:0 auto; letter-spacing:-4px; white-space:-4px; float:right;}
.nav ul:before, .nav ul:after { content:""; display:table; }
.nav ul:after {clear:both;}
* html .nav ul {zoom:1;}
.nav ul {zoom:1;}

.nav ul li.hanablank{display:none;} 

.nav ul li a span.txt{display:none;}
.nav ul li {float:left; position:relative; letter-spacing:normal; white-space:normal; width:130px;}
.nav ul li a {display:block; position:relative; padding:0; height:40px; padding:10px 0; color:#cccccc; text-decoration:none; display:inline-block; }
.nav ul li a:hover {background-color:#fff;}
.nav ul li.current a {padding-top:0; color:#fff; font-weight:bold; border-top:2px solid #dd4b39; }
.nav ul li.current a.iconsub { background-position:right 12px; }

.nav ul li.on a {display:block; color:#3366cc;background-color:#fff; z-index:2; }
.nav ul li.on a:hover { background-color:#fff; }
.nav ul li.on a.iconsub { padding-right:16px; }

.nav li ul { display:none; }
.nav li.on ul { position:absolute; top:40px; left:0px; width:130px; padding:10px 0; background-color:#fff; display:block; }
.nav li.on ul li {float:none; height:40px; line-height:40px; text-align:left; letter-spacing:-1px;}
.nav li.on ul li a {color:#555; font-weight:normal; padding:0 10px; display:block; font-size:12px;}
.nav li.on ul li a:hover, .nav li.on ul li a:focus { background-color:#008584; color:#fff;}

/*.nav li.on ul li ul { left:150px; top:-10px; }*/


/* IE7 */
*:first-child+html .nav ul li a { display:inline; zoom:1; }
*:first-child+html .nav ul li ul li { height:1%; }
*:first-child+html .nav ul li ul li a { display:block; }


/* IE6 */
* html .nav ul li a { display:inline; zoom:1; }
* html .nav ul li ul li { height:1%; }
* html .nav ul li ul li a { display:block; }
* html .section .article { height:408px; }

.wrap {min-width:1200px;}
a.header_mobile_totalMenu { position:absolute; width:24px; height:20px; right:10px; top:-35px; font-size:0; text-indent:-5000px; background:url(../image/icon_totalmenu.png) no-repeat left top; display:none; }

@media (min-width:320px) and (max-width:1040px){
    .container { position:relative; width:100%; overflow:hidden; }
	ul.topsection{position:absolute; top:-33px; left:5px}
	ul.topsection li{float:left; color:#ccc; font-size:12px;}
	ul.topsection li a{display:block; color:#fff; padding:0 5px}
	.nav{position:absolute; left:0; top:55px; width:100%; border-bottom:0; z-index:1; display:none;}
	.section {width:100%; left:0; z-index:2; margin-top:5px;}
	.section.on {left:100%;}
	
	.wrap {min-width:100%;}
	.header {width:100%;}
    .header .header_wrap, .nav ul, .section, .footer .CreateBy {width:100%; }

	.header .header_wrap {padding-bottom:10px;}
	.header .header_ti h1 { top:0px; margin:40px auto 0; display:block;}
	
	.nav ul li a span.img{display:none;}
	.nav ul li a span.txt{display:block;}

    .nav ul {margin:0 auto; letter-spacing:-4px; white-space:-4px; float:none;}
	.nav ul {padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#006766;}
	.nav ul li {float:none; width:100%; padding:0; margin:0}
	.nav > ul > li{border-bottom:1px solid #397372; margin:0; padding:0;}
	.nav ul li a {display:block; font-size:13px; color:#fff; padding:0; line-height:30px; height:30px;}

	.nav ul li a.iconsub { padding-right:17px; background-image:url(../image/icon_arrow.gif); background-repeat:no-repeat; background-position:98% 25px; }
	
	.nav ul li a {display:block; padding:10px 12px;}
	.nav ul li a:hover {background-color:#fff; color:#006766}
	.nav ul li.on a {border:none; color:#222; padding:10px 12px;}
	.nav ul li.on a:hover { background-color:#fff; color:#006766}
	.nav ul li.on a.iconsub { padding-right:16px; }
	
	.nav li.on ul {width:100%; position:relative; top:0px; left:0; border:none; background:red; margin:0; padding:0}
	.nav li.on ul li {float:none; font-size:12px; text-align:left;}
	.nav li.on ul li a {padding:0 15px; color:#555; font-weight:normal; display:block; border-top:1px solid #ececec; height:40px; line-height:40px;}
	.nav li.on ul li a:hover { background-color:#eff3fb; color:#006766}

	.nav ul li.hanablank{display:block;} 
	.nav ul li.hanablank1{display:none;} 
	
	.footer { border-top:none; }
	
	a.header_mobile_totalMenu { color:#fff; display:block; }
}