@charset "utf-8";

/* 2015-01-12 subject Goodbye, 2014! Hello, 2015! */
body{background:url(../images/subject/2015/goodbye2014/bg.png?v=002) 0 0 repeat-x #061c3e; font-family:Arial;}

.mangaread_top{z-index:3;}
.bgleft, .bgright, .bgleft_one, .bgright_one, .bgleft_two, .bgright_two, .bgleft_three, .bgright_three{display:block; position:absolute; width:50%; z-index:-1; height:924px; top:0;}
.bgleft{background:url(../images/subject/2015/goodbye2014/bgleft.jpg?v=002) no-repeat right 0; left:-490px;}
.bgright{background:url(../images/subject/2015/goodbye2014/bgright.jpg?v=002) no-repeat 490px 0; right:0;}
.subject-top{margin:-73px auto 0; position:relative; width:980px; height:924px; z-index:2;
	background: url(../images/subject/2015/goodbye2014/topbg_01.jpg?v=002) no-repeat left top,
	url(../images/subject/2015/goodbye2014/topbg_02.jpg?v=002) no-repeat left 199px,
	url(../images/subject/2015/goodbye2014/topbg_03.jpg?v=002) no-repeat left 400px,
	url(../images/subject/2015/goodbye2014/topbg_04.jpg?v=002) no-repeat left 600px,
	url(../images/subject/2015/goodbye2014/topbg_05.jpg?v=002) no-repeat left 800px;}
.subject-top .share-btn{position:absolute; left:150px; top:348px; width:357px; height:46px; background:url(../images/subject/2015/goodbye2014/share.png?v=002) no-repeat 0 0;}
.share-btn span {position:absolute; height:45px; width:45px; cursor:pointer; top:0;}
.share-btn .st_twitter_custom{left:42px;}
.share-btn .st_facebook_custom{left:120px;}
.share-btn .st_googleplus_custom{left:204px;}
.share-btn .st_sharethis_custom{left:276px;}
.subject-top .subject-topinfo{color:#fff; padding-top:545px; width:980px;}
.subject-top .subject-topinfo .title{font-size:22px; font-weight:700; text-align:center; line-height:50px;}
.subject-top .subject-topinfo p{margin:20px; font-size:14px; line-height:20px; text-align:justify;}
.listsubject{margin:50px 0 0 50px;}
.listsubject li{margin:0 10px; float:left;}
.listsubject li.more{ background:none;}
.listsubject li.more a{display:block; width:90px; height:55px;}
.subject_main{position:relative;}
.subject_main_one{background:url(../images/subject/2015/goodbye2014/bg_one.jpg?v=002) no-repeat; width:980px; margin:0 auto; height:698px; padding-top:100px;}
.subject_main_one .title, .subject_main_two .title{font-size:20px; font-weight:bold; text-align:center; color:#fff; line-height:70px; text-transform:uppercase; margin-bottom:30px;}
.bgleft_one, .bgright_one{height:798px;}
.bgleft_one{background:url(../images/subject/2015/goodbye2014/bg_one_left.jpg?v=002) no-repeat right 0; left:-490px;}
.bgright_one{background:url(../images/subject/2015/goodbye2014/bg_one_right.jpg?v=002) no-repeat 490px 0; right:0;}
.subject_main_two{background:url(../images/subject/2015/goodbye2014/bg_two.jpg?v=002) no-repeat; width:980px; margin:0 auto; height:1102px; padding-top:100px;}
.bgleft_two, .bgright_two{height:1202px;}
.bgleft_two{background:url(../images/subject/2015/goodbye2014/bg_two_left.jpg?v=002) no-repeat right 0; left:-490px;}
.bgright_two{background:url(../images/subject/2015/goodbye2014/bg_two_right.jpg?v=002) no-repeat 490px 0; right:0;}
.subject_main_three{background:url(../images/subject/2015/goodbye2014/bg_three.jpg?v=002) no-repeat; width:980px; margin:0 auto; height:386px; padding-top:100px; position:relative;}
.bgleft_three, .bgright_three{height:486px;}
.bgleft_three{/* background:url(../images/subject/2015/goodbye2014/bg_three_left.jpg?v=002) no-repeat right 0;  */left:-490px;}
.bgright_three{background:url(../images/subject/2015/goodbye2014/bg_three_right.jpg?v=002) no-repeat 490px 0; right:0;}
.character{background:url(../images/subject/2015/goodbye2014/character.png?v=002) no-repeat 0 0; right:-164px; height:390px; position:absolute; z-index:2; top:156px; display:block; position:absolute; width:390px;}
.list_manga{text-align:center;}
.list_manga li{width:144px; display:inline-block; margin:0 5px 15px; vertical-align:top;}
.list_manga li img{width:142px; height:190px; border:1px solid #fff;}
.list_manga li a{color:#fff;}
.list_manga li p{text-align:center; line-height:24px; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; width:100%;}
.subject_comment{color:#000; padding:108px 0 20px; background:url(../images/subject/2015/goodbye2014/commentbg.png?v=002) left top repeat-x #e0f2fc;}
.subject_comment_main{width:980px; margin:20px auto;}
.subject_comment .title-one{color:#032e8d; background:url(../images/subject/2015/goodbye2014/comment_title.png?v=002) left top no-repeat; height:80px; width:218px; text-align:center; margin:40px auto 20px; text-indent:-9999px;}
#back_top{margin-left:500px; width:70px; height:180px; padding:0; background:url(../images/subject/2015/goodbye2014/btop.png?v=002) center top no-repeat; border:none; box-shadow:none; text-align:left; text-indent:-9999px;}
#back_top span{display:none;}
footer{background-color:#e0f2fc; margin-top:0; padding-top:20px;}

/* poll result */
.pollhere{width:350px; display:inline-block; vertical-align:top; padding:0 0 0 20px; position:relative;}
.pollhere .title{text-indent:-9999px; display:none;}
.pollhere ul{color:#d9d9d9; padding:20px 10px 0;}
.pollhere ul li{margin-left:5px; line-height:26px;}
.pollhere ul li label{line-height:26px; height:26px; display:inline-block;}
.pollhere ul li input{margin:-2px 5px 0 0;}
.pollhere ul li .see_result{text-decoration:underline; background:none; border:none; box-shadow:none; color:#416761; float:right; height:auto;text-align:right; margin:10px 0 0; padding:0; line-height:25px;}
.pollhere ul li .vote{height:25px; width:80px; background:url(../images/subject/2015/goodbye2014/vote_btn.png?v=002) left top no-repeat; border:none; text-indent:-9999px; box-shadow:none; padding:0; margin:10px 0 0; display:inline-block; vertical-align:top;}
.poll_result{border:5px solid #a88e53; background-color:#003d33; padding:30px 25px; position:relative; z-index:11; width:800px; min-height:450px;}
.poll_result .close{width:16px; height:16px; background-color:#909090; color:#f2f2f2; line-height:16px; text-align:center; position:absolute; top:5px; right:5px;}
.poll_result .close:hover{background-color:#c80a26; text-decoration:none;}
.poll_result .show_result{margin-top:20px;}
.box_Tbg .titleT{color:#fff; font-size:20px; font-weight:bold; height:60px; line-height:60px; display:block; width:480px; padding-left:180px; margin:0 auto;}
.show_result table{width:700px;}
.show_result tr{height:32px; line-height:32px; border-bottom:1px dotted #164c43;}
.show_result tr td{padding-left:10px;}
.show_result tr.title{background:#282828; color:#fff; font-size:14px; font-weight:bold; margin-bottom:0;}
.all_bg{position:fixed;z-index:5;left:0;top:0;width:100%;height:100%;background:#000; opacity:0.6; filter:alpha(opacity=60); display:none;}
.show_box{display:none; position:fixed; top:50%; left:50%; margin-left:-375px;margin-top:-260px; z-index:6;}