/* Global Box Sizing and Font-Smoothing */

html { font-size: 100%; -webkit-text-size-adjust: 100%; 
                          -ms-text-size-adjust: 100%;}

body {
	font-family:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
	font-size:16px/24px;
    line-height:24px;
    color: #1c1c1c; /* Lighter on the eyes than #000 Black */
    margin: 0px; background: #cccccc; background-size: cover;
}

img {
    border: 0px;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

img{
max-width:100%;height:auto;
}

/* ==========================================================================
   Typography stuff goes here
   ========================================================================== */
h1,h2,h3,h4,h5,h6 { font-weight: bold; margin:0; padding:0;}
/*h1 see mediaqueries*/ 
h2 {font-size: 1.0em;}
h3 {font-size: 1.5em; line-height:28px;font-family:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}
h4 {font-size: 1em; margin-bottom:5px; }
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}
a,a:hover, a:focus, a:active{font-family:-apple-system,Arial,sans-serif;}
a:hover, a:focus, a:active { outline: none; }
a {color: #000066; font-weight:700; text-decoration: none;}
a:hover { color:#000; text-decoration: none; }
.frontpage a {display:block; }
.frontpage a:hover { width: 100%;}
.books:hover {background-color:#CCC;}
.link a:hover { display:inline-block; width: 100%;  /*Dirty IE Hack*/  zoom: 1;  *display: inline;}
p{font-family:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:24px;}
.mfp-content .bookpopup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 1200px;
  margin: 20px auto;
}

#email {
width: 300px;
}

.filtered {
display: none;
}

#filter {
clear:both;
}

#filter ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
text-transform:none; 
}



.filter-include { 
    border-left:thick solid blue;
    opacity: 1;
}

.filter-exclude { 
    border-right:thick solid red;
    opacity: 1;
}


img
{
margin:0;
padding:0;
border:0;
}

/* =============================================================================
   Main container stuff goes here and other globals
   ========================================================================== */
.container{
 background: #414141; border:1px solid #000; border-radius:10px;
    max-width:1200px;width:95%;margin:0 auto;position:relative; 
	behavior: url(http://www.kmapk.com/PIE.htc);}

/* =============================================================================
   Header stuff goes here
   ========================================================================== */
header {
    clear:both; 
    color:white; 
    text-align:center; 
    text-transform:none; 
    display:block;
    box-shadow:inset 0px -5px 8px #000000;
    min-height:70px;
    border-radius: 10px 10px 0px 0px; 
}

.hicon{
    display:inline-block;
    color:lightgray;
    text-align: center;
    vertical-align: bottom;
    text-shadow: 2px 2px 2px black;
}

.submit {
    color: lightgray;
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
    -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none; 
		  behavior: url(http://www.kmapk.com/PIE.htc);}

.hicon64{
    font-size: 64px;
    line-height: 64px;
    width: 64px;
    height: 64px;
	overflow:hidden;
}

.hicon32{
    font-size: 24px;
    line-height: 32px;
    width: 32px;
    height: 32px;
}

.headleft {
    float: left;
}

.headcenter
{
float:none;
margin:auto;
text-align:center;
height:70px;
display:table;
}

header h1{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 100%;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
                 0px 8px 13px rgba(0,0,0,0.1),
                 0px 18px 23px rgba(0,0,0,0.1);
	behavior: url(http://www.kmapk.com/PIE.htc);}

.headright {
    float: right;
}

/* =============================================================================
   Section and Article stuff goes here
   ========================================================================== */
section {
clear:both;
background-color: #fff;
min-height:680px;
}

article {
border-bottom:#dddddd dashed 1px;
max-width:1200px;
}

/*-------------frontpage article-------------*/

.frontpage h2 {
    padding: 5px 0 0 5px;
}

.frontpage h4 {
    padding: 5px 0 5px 20px;
     font-style: italic;
}

/*-------------books article-------------*/
.books {
    clear: both;
    min-height: 100px;
	padding:3px 7px 5px;
}
.books .preview img{width:85px; height:85px;}
.books .cover {
    float:left;
    margin: 4px 10px 4px 4px;
    width: 85px;
    height: 85px;
	display:block;
}

.books1{
    clear: both;
    min-height: 110px;
	padding:3px 7px 5px;
}
.books1 .preview1 img{width:80px; height:100px;}
.books1 .cover1 {
    float:left;
    margin: 4px 10px 4px 4px;
    width: 80px;
    height: 100px;
	display:block;
}

.bookpopup .cover {
    float:left;
    margin: 4px 10px 4px 4px;
    width: 80px;
    height: 100px;
}



.download {
    float: right;
    line-height:40px;
    text-align: right;
    margin: 6px;
}

.download a {
    border-radius: 6px;
    box-shadow:0 0 10px #000;
    background: darkgray;  
    background: radial-gradient(#666, black);
    color: #EEE;
    text-decoration : none;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    text-align: center;
	behavior: url(http://www.kmapk.com/PIE.htc);}

.download img {
    vertical-align:middle;
}

.books h4{
    display: inline;
    font-style: italic;
}
.books1 h4{
    display: inline;
    font-style: italic;
}

/*-------------books popup article-------------*/
.bookpopup h2{
    margin: 15px 15px; 
}

.bookpopup h3{
    display:inline;  /*Dirty IE Hack*/  zoom: 1;  *display: inline;
}

.bookpopup h4{
    border-top: 1px solid black;
}

.fullclickpopup{
    display: block;
}

section .bookpopup{
    padding: 8px 8px;
}

/* =============================================================================
   Footer stuff goes here
   ========================================================================== */
footer
{
clear:both;
color:white;
box-shadow:inset 0px 5px 8px #000000;
border-radius: 0px 0px 10px 10px; 
height:32px;
}

.footleft
{
float:left;
height:32px;
}


.footright
{
float:right;
height:32px;
}

.footcenter
{
margin:auto;
text-align:center;
height:32px;
display:table;
font-weight: bold;
}

.footcenter p, .footcenter a
{
display: table-cell;
vertical-align: middle;
text-align: center;
line-height: 100%;
}

/* =============================================================================
   Aside stuff goes here
   ========================================================================== */   
#tool
{
width:100%;
overflow: hidden;
}


/*-------------Search Aside-------------*/
#tool input[type=search]
{
vertical-align: middle;
width: 100%;
margin: 3px;
}

.stop select
{
vertical-align: middle;
margin: 4px;
}

#sort
{
cursor:pointer;
}

.stop
{
display: block;
overflow: hidden;
}

/* =============================================================================
   Mediaquerie stuff goes here
   ========================================================================== */
/* 100px and greater */
@media only screen and (min-width: 100px) {
h1 {font-size: 1em;}
.container { width:100%; }
}
   
/* 320px and greater */
@media only screen and (min-width: 320px) {
h1 {font-size: 1.2em;}
}

/* 480px and greater */
@media only screen and (min-width: 480px) {
h1 {font-size: 1.5em;}
body {  font-size: 1em;/*12px/16px */
            font-weight:450; /* Better supported than 'lighter' attribute */
    }
}

/* 768px and greater */
@media only screen and (min-width: 768px) {
h1 {font-size: 1.5em; line-height: 1em;}
.container { box-shadow:0 0 20px #000;}
body {  margin: 5px; 
            font-size: 16px;/*12px/16px */
            font-weight:800; /* Better supported than 'lighter' attribute */
    }
}


.paili li {
white-space:normal\9;
display: inline-block;
padding: .2em 0em;
margin: 2px;
margin-right:20px;
color: black;
background-color: white;
opacity: 0.8;
white-space:nowrap; 
text-overflow:ellipsis; 
overflow: hidden; 
behavior: url(http://www.kmapk.com/PIE.htc);}
.wxpd li {
display: inline-block;
padding: .2em 0em;
margin: 2px;
margin-right:20px;
color: black;
background-color: white;
opacity: 0.8;
white-space:nowrap; 
text-overflow:ellipsis; 
overflow: hidden; 
behavior: url(http://www.kmapk.com/PIE.htc);}

.pagelist li {
display: inline-block;
padding: .2em 0em;
margin: 2px;
margin-right:20px;
color: black;
background-color: white;
opacity: 0.8;
white-space:nowrap; 
text-overflow:ellipsis; 
overflow: hidden; 
behavior: url(http://www.kmapk.com/PIE.htc);}

a:link, a:visited{text-decoration: none;}
a:hover{color:#F60; text-decoration: underline;}

.clear{clear:both; height:1px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

.new{border-bottom:#dddddd 1px solid; font-size:18px; color:#333333; padding-bottom:4px; margin:15px 0 0;}
h3 sup{color:#cc0000; font-weight:normal; font-size:16px;}
.paili{ margin:0; padding:15px 0 0 0;}
.paili li{ font-size:16px; list-style:none; line-height:16px; font-weight:500}
.pailm{ margin:0; padding:15px 0;}
.pailm li{ font-size:16px;   float:left;}
.cpjs{ margin:15; padding:0; font-size: 16px; font-weight: normal;}
.wxpd { margin:0; padding:15px 0;}
.wxpd li{ font-size:16px;  float:left;}


div, span, table{able-layout: fixed; word-wrap:break-word;} 
div#container{width: 1200px;margin:0 auto;} 
h1{color: #3CA3FF;margin: 1em 0 0;letter-spacing: 0px} 

.tooltip{ 
width: 400px; color:#000; 
font:lighter 12px Arial,sans-serif; 
text-decoration:none;text-align:center} 
.tooltip{ 
width: 400px; color:#000; 
font:lighter 12px Arial,sans-serif; 
text-decoration:none;text-align:center} 
.tooltip span.top{ 
text-align:left; 
text-indent:1em; 
padding: 30px 8px; 
background: url(../images/20080817171524699.gif) no-repeat top; 
} 
.tooltip b.bottom{padding:3px 8px 15px;color: #548912; 
background: url(../images/20080817171524699.gif) no-repeat bottom; 
} 


/*---------- 用户登陆*/
#floatDiv {
	background: #CCC;
	border: 1px #999 solid;
}
#headDiv{
	height:30px;
	background-color:#CCC;
	cursor:move;
}
#headDiv h3{
	font-size: 14px;
	font-weight: bold;
	color:#000;
	float:left;
	text-indent:10px;
	line-height:30px;
}
#headDiv span {
	margin-right:6px;
	margin-top:7px;
	float:right;
}
#bodyDiv {
	margin:0px 6px 0px 6px;
	background: #FFF;
	border: 1px #999 solid;
	clear:both;
}
#bodyDiv a{
	color:#666;
}
#bodyDiv ul{
	width:400px;
	color:#1973C1;
	margin-bottom:6px;
	vertical-align:middle;
}
#bodyDiv ul li{margin-right:0px; font-family:'sans-serif';}
#bodyDiv ul #yzm img{margin-top:-8px; position:relative; top:8px;}
#gbnt{margin-bottom:10px; margin-top:-5px;}
#bodyDiv .tbx{
	border:1px #B7D1F4 solid;
	width:125px;
	height:18px;
}
#bodyDiv .code{
	border:1px #B7D1F4 solid;
	width:60px;
	height:18px;
}
#bodyDiv .submit{
	width:58px;
	height:23px;
	border:0px;
	background:url(../images/login.gif) no-repeat;
}

.fullclickpopup{ padding-top:5px;}
.cover img{padding-top:5px;}
.fullclickpopup h2{height:22px; line-height:22px;}
.fullclickpopup h4{ color:#333; Font-style:normal; height:22px; line-height:22px;}
.fullclickpopup .sa{color:#333; font-size: 16px; Font-style:normal; height:22px; line-height:22px;}
.fancydetail:hover { color:#000; text-decoration: none; }


.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#f60;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

.frontpage h2 a{display:inline}
#bodyDiv ul li{padding-top:0px\0; height:22px; line-height:22px; }
#bodyDiv ul li SPAN{ width:60px; font:Arial, Helvetica, sans-serif; font-size:14px; display:inline; height:22px; line-height:22px;}
#bodyDiv a{ width:85px; font:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin-left:10px; margin-top:2px;}
#gbnt{height:23px; line-height:25px; display:block;}
#gbnt .submit{width:65px; height:25px; float:left; margin-left:65px; margin-top:2px; display:block;}
#wsk ul{ width:220px; display:block; float:left; list-style-type:none; }
#wsk ul li{ list-style-type:none; padding:3px 0;overflow:hidden; height:16px;}


.focus span{width:10px;height:10px;margin-right:10px;border-radius:50%;background:#666;font-size:0;}
.focus span.current{background:#fff}

#menubox{ width:105px; padding:8px 6px 8px 6px; background-color:#ffffff; border:#1c1c1c solid 1px;filter:alpha(opacity=90);opacity: 0.90; position:absolute; top:0px; left:0px; display:none; z-index:9999;}
#menubox a{ width:93px; padding-left:3px; padding-right:3px;display:block; color:#000066;border-bottom:#414141 dashed 1px;height:26px; line-height:26px;}
#menubox a:hover{background-color:#414141; color:#ffffff; text-decoration:none;}

#ck_second{ width:96%; margin:0 auto; margin-top:19px;}
#ck_second ul{list-style:none}
#ck_second ul li{ width:64px; height:92px; position:relative; float:left; margin-right:50px;}
#ck_second ul li p{ background:url(images/ck_piaobg.gif) no-repeat; width:133px; height:68px; font-size:12px; color:#000000; line-height:20px; padding:6px 13px 0 13px;  position:absolute; left:-45px; top:-74px; display:none; z-index:999;}
#ck_second ul li:hover p{ display:block;}
#ck_second ul .ck_yxd p{ display:block;}
#ck_second ul li .ck_icon1{ background:url(../images/ck_icon1.jpg) no-repeat; width:64px; height:92px; display:block;}
#ck_second ul li .ck_icon2{ background:url(../images/ck_icon2.jpg) no-repeat; width:64px; height:92px; display:block;}
#ck_second ul li .ck_icon3{ background:url(../images/ck_icon3.jpg) no-repeat; width:64px; height:92px; display:block;}

#ck_second ul li .ck_icon5{ background:url(../images/ck_icon11.jpg) no-repeat; width:64px; height:92px; display:block;}
#ck_second ul li .ck_icon6{ background:url(../images/ck_icon12.jpg) no-repeat; width:64px; height:92px; display:block;}
#ck_second ul li .ck_icon7{ background:url(../images/ck_icon13.jpg) no-repeat; width:64px; height:92px; display:block;}
#ck_second ul li .ck_icon8{ background:url(../images/ck_icon8.jpg) no-repeat; width:64px; height:92px; display:block;}
#ck_second ul li .ck_icon9{ background:url(../images/ck_icon9.jpg) no-repeat; width:64px; height:92px; display:block;}


ul.nav_menu{width:96%; margin:5px; list-style: none;border-bottom:2px solid #999;padding: 0px;}


.nav_menu {
	position: relative;
	margin: 20px 0;
}
.nav_menu ul {
	margin: 0;
	padding: 0;
}
.nav_menu li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.nav_menu a {
	padding: 3px 12px;
	text-decoration: none;
	color: #666;
	line-height: 100%;
}
.nav_menu a:hover {
	color: #fff;
	background:#999;
	border-radius:5px;
}
.nav_menu .current a {
	background: #999;
	color: #fff;
	border-radius: 5px;
}

header h1{margin-top:20px\9;}
.footcenter p{height:32px; line-height:32px;}
.dede_pages{ width:100%;height:64px; display:block; overflow:hidden;}
.footcenter{ height:auto}


.banner{padding-top:20px; display:block;}
.banner .focus1{position:relative;}
.banner .focus1 .f_pic{width:100%; }
.banner .focus1 .pagination{bottom:10px;left:0;position:absolute;width:100%;text-align:center;}
.banner .focus1 .pagination .toc{display:inline-block;margin:0 3px;width:15px;height:5px;line-height:99;overflow:hidden;background:#fff;}
.banner .focus1 .pagination .selected{background:#82c900;}
.subLineTab{display:inline-block;}
#rtt {width:55px; height:55px; background:url('images/rrt.png'); background-size:cover; position:fixed; right:15px; bottom:120px; border-radius: 5px; z-index:1000; display:none;cursor:pointer;}

.black_overlay{
         display: none; 
         position: absolute;  
         top: 0%;  
         left: 0%;  
         width: 100%;  
         height: 100%;  
         background-color:#4D4D4D;  
         z-index:1001;  
         -moz-opacity: 0.8;  
         opacity:.80;  
         filter: alpha(opacity=80);  
} 
.white_content {
        display: none;  
        position: absolute; 
        top: 10%; 
        left: 33%;         
        background-color: white; 
        z-index:1002; /* 数字的大小指明了div的相对层，数字大的在上层 */
        overflow: auto;
}  
@media (max-width: 1200px) { 
.white_content {
        display: none;  
        position: absolute; 
        top: 10%; 
        left: 15%;         
        background-color: white; 
        z-index:1002; /* 数字的大小指明了div的相对层，数字大的在上层 */
        overflow: auto;
}  
} 

.msg24 {
	padding-left: 5px;
	width: 94%;
	margin:0 auto;
}
.msg24 .tips {
	font-size: 14px;
	font-weight: bold;
	color: #404040;
	background: url(http://www.kmapk.com/images/msg_bg.png) no-repeat;
	border: 1px solid #ddd;
	padding: 10px 10px 10px 36px;
	line-height: 22px;
	background-position: 15px -892px;
	border-color: #ffcc7f;
	background-color: #ffffe5;
	text-align:left;
}
.wtit{height:30px; line-height:30px; padding-left:10px; margin:15px 20px 0; background-color:rgb(241, 241, 241); clear:both;}
.wcon{width:640px; height:auto; margin:10px 0 10px 20px; float:left; display:block;}
.wcon ul li{list-style-type:none;}
.wioc{padding:15px; height:160px; width:125px;  float:left;}