@charset "utf-8";
html{ 
background: url(../images/bg02.png) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body{
display: block;
margin: 0px;
}
ul, menu, dir {
display: block;
list-style-type: none;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;

-moz-margin-before: 0em;
-moz-margin-after: 0em;
-moz-margin-start: 0px;
-moz-margin-end: 0px;
-moz-padding-start: 0;
}
.imgShower{
cursor:pointer;
z-index:1007;
position:absolute;
top:50%;
left:50%;
display:none;
}
.close_btn {
background: url(../images/icon_close.png);
background-size: 100% 100%;
width: 42px;
height: 42px;
position: absolute;
right: -25px;
top: -25px;
cursor: pointer;
}
.imgShower img{
box-shadow: 0px 0px 5px 5px #FFF;
-moz-box-shadow: 0px 0px 5px 5px #FFF;
-webkit-box-shadow: 0px 0px 5px 5px #FFF;
}
.blackLayer{
position:absolute;
z-index:1005;
background-color: #000;
opacity: .8;
width:100%;
display:none;
}
.comic_content{
height:800px;
}
/* comic menu */
.comic_menu{
height:70px;
position:relative;
}
.menu_title{
	width:142px;
	height:70px;
	background-size:100% 100%;
	float:left;
	background-image: url(../images/icon47.png);
}
.menu_align{
height:46px;
padding:24px 0 0 0;
width:960px;
margin:0 auto;
}
.menu_t1,.menu_t2,.menu_t3,.menu_t4,.menu_t5,.menu_t6{
width:102px;
height:46px;
float:left;
margin: 0 15px 0 15px;
cursor:pointer;
}
.menu_t1{
background:url(../images/icon41.png);
background-size:100% 100%;
}
.menu_t2{
background:url(../images/icon42.png);
background-size:100% 100%;
}
.menu_t3{
background:url(../images/icon43.png);
background-size:100% 100%;
}
.menu_t4{
background:url(../images/icon44.png);
background-size:100% 100%;
}
.menu_t5{
background:url(../images/icon45.png);
background-size:100% 100%;
}
.menu_t6{
background:url(../images/icon46.png);
background-size:100% 100%;
}
.menu_1 div div,.menu_2 div div,.menu_3 div div,.menu_4 div div,.menu_5 div div,.menu_6 div div{
color: #61ACA0;
background-color:#fff;
text-align:center;
height:30px;
margin:3px 0 3px 0;
border: 1px #61ACA0;
line-height:30px;
border-radius:5px;
font-weight:bold;
}
/* .menu_1 div,.menu_2 div,.menu_3 div,.menu_4 div,.menu_5 div,.menu_6 div{
background-color: #c3e5f1;
} */
.menu_1,.menu_2,.menu_3,.menu_4,.menu_5,.menu_6{
margin-left:5px;
margin-top:50px;
width: 90px;
position:absolute;
overflow:hidden;
z-index:1006;
}
/* photo container */
.content_blank{
width:100%;
height:10px;
}
.photo_container{
width:100%;
height:730px;
border-radius:25px;
background:#fff;
}
.photo_ul{
margin-top:0;
height:600px;
}
.photo_ul li{
float:left;
width:960px;
text-align:center;
overflow:hidden;
}
.photo_ul img{
cursor:pointer;
}
.photo_area{
width:100%;
height:600px;
overflow:hidden;
border-radius:12px 12px 0 0;
position:relative;
}
.photo_blank{
width:100%;
height:8px;
}
/*.hr{
width:890px;
margin:4px auto 0 auto;
padding:0 15px 0 15px;
height:2px;
background:#999999;
border-radius:20px;
}*/
.photo_list{
border-radius:0 0 25px 25px;
width:100%;
}
.photo_scroll{
width:920px;
height:110px;

padding:0 20px 0 20px;
}
.scroll_menu{
width:920px;
height:110px;
overflow:hidden;
}
.scroll_container{
height:110px;
}
.scroll_list{
height:100px;
}
.scroll_list li{
padding: 0 10px 0 10px;
float:left;
height:100px;
}
.scroll_list div{
padding: 0 10px 0 10px;
float:left;
height:100px;
display: inline-block;
}
.scroll_list img{
height:100px;
cursor:pointer;
max-width:133px;
display: inline-block;
}
.antiscroll-scrollbar-horizontal {
margin-left: 25px;
}
.noContent{
height:730px;
width:100%;
text-align:center;
line-height:730px;
color:#61ACA0;
font-size:20px;
font-weight:bold;
}

/* CSS Document */