@charset "utf-8";
/* CSS Document */

html,body{ height:100%; margin:0; padding:0;}
a{ outline:0;}
img{ border:none;}
body.index{background:#120219 url(images/bg-index.jpg) repeat-x; background-position: center bottom; background-position:inherit\9; background-size:contain; min-width:1000px;}
.title{ margin:0 auto; padding:0; width:1000px; min-height:100%; background:url(images/index.jpg) no-repeat center bottom; background-size:contain; height:1000px\9; max-height:1000px; position:relative;}
.logo{ position:absolute;}
.index .logo{top:20px; left:20px;}
.MMC .logo{top:20px; right:20px;}
.MFC .logo{top:20px; right:20px;}
.NC .logo{top:20px; left:20px;}

body{ background:url(images/bg-content.jpg);}

.MMC .header{ background:url(images/header-mmc.jpg) no-repeat center top; width:1000px; height:515px; margin:0 auto; position:relative;}
.MFC .header{ background:url(images/header-mfc.jpg) no-repeat center top; width:1000px; height:529px; margin:0 auto; position:relative;}
.NC .header{ background:url(images/header-nc.jpg) no-repeat center top; width:1000px; height:448px; margin:0 auto; position:relative;}

.wrap-box{ width:1000px; margin:0 auto; box-sizing:border-box; padding:0 50px 50px 50px; position:relative;}
[class^=l-]{border-radius: 10px;  color: #fff; display: block; float: left; height: 20px; text-align: center; width: 20px; margin-right:5px;}
.l-b{ background-color: #2c1599;}
.l-p{ background-color: #b41d7d;}
.l-g{ background-color: #63a206;}
p{ line-height:1.35;}
.author{ color:#666; font-size:12px;}
.AC{ text-align:center; }
.SLIDES img{ height:232px; width:auto;}
.N-books{text-align:center; float:left; width:20%; margin-bottom:20px; font-size:13px; line-height:1.5;}
.SLIDES{ overflow:hidden;}
.mark{ background-color:#fff24a;}
p a.text{ color: #2c1599;; border-bottom:1px solid #2c1599; text-decoration:none;}
p a.text:hover{ border-bottom:none;}
.G-books{ font-size:13px; overflow:hidden; clear:both;}
.G-books img{ width:200px; float:left; vertical-align:top; margin-right:10px;}
.bb{ font-weight:bold; color:#369;}

#note{ display:none; width:600px; height:auto; box-sizing:border-box; padding:20px; background:url(images/bg-content.jpg); border:1px solid #f7f7fd; position:relative;}
.note_close{ display:block; position:absolute; top:10px; right:10px; background-color:#ffdf09; height:20px; width:20px; border-radius:10px; color:#4555a6; font-family:Arial, Helvetica, sans-serif;sans-serif; line-height:22px; text-align:center; font-size:13px; font-weight:bold; cursor:pointer;}

.vote{ display:block; width:113px; height:120px; background:url(images/vote.png) no-repeat; background-position:-50px -50px; margin:20px auto;}
.vote:hover{ background-position:-256px -50px;}

#gotop {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 25px;
    bottom: 20px;
    height: 50px;
    position: fixed;
    right: 20px;
    width: 50px;
    z-index: 99999;
}

#gotop a {
    display: block;
    height: 0px;
    text-indent: -9999px;
    transition: all 0.5s ease 0s;
    width: 0px;
	border-bottom:15px solid #dedede;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	position:absolute;
	top:15px;
	left:15px;
}


.index [class^=NAV] {
    background-image: url(images/nav-index.png);
    background-repeat: no-repeat;
    display: block;
	position:absolute;
}

.index .NAV01 {
    width: 195px;
    height: 52px;
    background-position: -5px -253px;
	bottom:215px;
	left:70px;
}

.index .NAV02 {
    width: 195px;
    height: 52px;
    background-position: -210px -5px;
	bottom:160px;
	left:70px;
}

.index .NAV03 {
    width: 195px;
    height: 52px;
    background-position: -210px -67px;
	bottom:105px;
	left:70px;
}

.index .NAV04 {
    width: 195px;
    height: 52px;
    background-position: -210px -129px;
	bottom:50px;
	left:70px;
}

.index .NAV01:hover  {
    width: 195px;
    height: 52px;
    background-position: -5px -5px;
}

.index .NAV02:hover {
    width: 195px;
    height: 52px;
    background-position: -5px -67px;
}

.index .NAV03:hover {
    width: 195px;
    height: 52px;
    background-position: -5px -129px;
}

.index .NAV04:hover {
    width: 195px;
    height: 52px;
    background-position: -5px -191px;
}
[class^=NAVc] {
    background-image: url(images/nav.png);
    background-repeat: no-repeat;
    display: block;
	position:absolute;
}
[class^=NAVc]:hover{ margin-top:2px;}

.NAVc-f1 {
    width: 84px;
    height: 24px;
    background-position: -50px -50px;
	top:324px;
	right:160px;
}

.NAVc-m1 {
    width: 84px;
    height: 24px;
    background-position: -234px -50px;
	top:336px;
	left:165px;
}

.NAVc-f2 {
    width: 176px;
    height: 24px;
    background-position: -50px -174px;
	top:363px;
	right:69px;
}

.NAVc-f3 {
    width: 154px;
    height: 24px;
    background-position: -326px -174px;
	top:402px;
	right:91px;
}

.NAVc-f4 {
    width: 149px;
    height: 24px;
    background-position: -50px -298px;
	top:441px;
	right:96px;
}

.NAVc-m2 {
    width: 177px;
    height: 24px;
    background-position: -299px -298px;
	top:375px;
	left:165px;
}

.NAVc-m3 {
    width: 155px;
    height: 24px;
    background-position: -50px -422px;
	top:414px;
	left:165px;
}

.NAVc-m4 {
    width: 155px;
    height: 24px;
    background-position: -305px -422px;
	top:453px;
	left:165px;
}

.NAVc-n1{
    width: 84px;
    height: 24px;
    background-position: -418px -50px;
	top:292px;
	right:160px;
}

.NAVc-n2{
    width: 178px;
    height: 24px;
    background-position: -602px -50px;
	top:331px;
	right:66px;
}

.NAVc-n3 {
    width: 178px;
    height: 24px;
    background-position: -580px -174px;
	top:370px;
	right:66px;
}

.NAVc-n4 {
    width: 150px;
    height: 24px;
    background-position: -576px -298px;
	top:409px;
	right:94px;
}

[class^="Tt"] {
    background-image: url(images/title.png);
    background-repeat: no-repeat;
    display: block;
	clear:both;
}

.Tt-mmc1 {
    width: 131px;
    height: 55px;
    background-position: -5px -5px;
}

.Tt-mfc1 {
    width: 131px;
    height: 55px;
    background-position: -146px -5px;
}

.Tt-mmc2 {
    width: 131px;
    height: 55px;
    background-position: -287px -5px;
}

.Tt-mfc2{
    width: 131px;
    height: 55px;
    background-position: -428px -5px;
}

.Tt-mmc3 {
    width: 592px;
    height: 60px;
    background-position: -5px -70px;
	margin:20px auto;
}

.Tt-mfc3 {
    width: 604px;
    height: 60px;
    background-position: -5px -140px;
	margin:20px auto;
}

.Tt-mmc4 {
    width: 200px;
    height: 62px;
    background-position: -5px -210px;
}

.Tt-mmc5 {
    width: 200px;
    height: 62px;
    background-position: -215px -210px;
}

.Tt-mfc4 {
    width: 204px;
    height: 63px;
    background-position: -425px -210px;
}

.Tt-mfc5 {
    width: 204px;
    height: 63px;
    background-position: -5px -283px;
}

.Tt-nc2 {
    width: 132px;
    height: 55px;
    background-position: -219px -283px;
}

.Tt-nc3 {
    width: 132px;
    height: 55px;
    background-position: -361px -283px;
}

.Tt-nc1 {
    width: 672px;
    height: 55px;
    background-position: -5px -356px;
	margin:30px auto 20px auto;
}

.Tt-nc4 {
    width: 672px;
    height: 55px;
    background-position: -5px -421px;
	margin:50px auto 20px auto;
}

.Tt-nc5 {
    width: 201px;
    height: 63px;
    background-position: -5px -486px;
}

.Tt-nc6 {
    width: 201px;
    height: 63px;
    background-position: -216px -486px;
}

.Tt-N1 {
    width: 180px;
    height: 61px;
    background-position: -5px -559px;
}
.Tt-N2 {
    width: 180px;
    height: 61px;
    background-position: -195px -559px;
}
.Tt-N3 {
    width: 180px;
    height: 61px;
    background-position: -385px -559px;
}
@media only screen and (max-width: 1024px) {
	.index .NAV01{ bottom:165px; left:100px;}
	.index .NAV02{ bottom:110px; left:100px;}
	.index .NAV03{ bottom:220px; left:800px;}
	.index .NAV04{ bottom:165px; left:800px;}
	}
	@media only screen and (max-device-width: 1024px) {
			body.index{background:#120219 url(images/bg-1024.jpg) repeat; background-size:auto; min-width:1000px;}
			.index .NAV01{ bottom:340px; left:60px;}
			.index .NAV02{ bottom:285px; left:60px;}
			.index .NAV03{ bottom:230px; left:60px;}
			.index .NAV04{ bottom:175px; left:60px;}

	}