@charset "utf-8";

/* 2015-04-02 subject Manhwa Show Time */
body{}
.mangaread_top{z-index:3;}


.subject-top{height:503px; margin:-25px auto 0; z-index:2; position:relative;
	background: url(../images/subject/2015/showtime2015/topbg_01.jpg?v=002) no-repeat center top,
	url(../images/subject/2015/showtime2015/topbg_02.jpg?v=002) no-repeat center 128px,
	url(../images/subject/2015/showtime2015/topbg_03.jpg?v=002) no-repeat center 268px,
	url(../images/subject/2015/showtime2015/topbg_04.jpg?v=002) no-repeat center 392px;}
.subject-top .share-btn{position:absolute; right:50%; margin-right:-140px; top:290px; width:280px; height:30px; background:url(../images/subject/2015/showtime2015/share.png?v=002) no-repeat 103px 3px;}
.share-btn span{position:absolute; height:30px; line-height:26px; width:100px; cursor:pointer; top:0; font-size:26px; color:#fff; font-family:'Roboto', Arial, sans-serif;}
.share-btn span:hover{background:url(../images/subject/2015/showtime2015/share.png?v=002) no-repeat 103px -27px;}
.share-btn .st_twitter_custom{left:100px; width:30px;}
.share-btn .st_twitter_custom:hover{background-position:3px -33px;}
.share-btn .st_facebook_custom{left:154px; width:30px;}
.share-btn .st_facebook_custom:hover{background-position:-51px -33px;}
.share-btn .st_googleplus_custom{left:203px; width:30px;}
.share-btn .st_googleplus_custom:hover{background-position:-100px -33px;}
.share-btn .st_sharethis_custom{left:250px; width:30px;}
.share-btn .st_sharethis_custom:hover{background-position:-147px -33px;}

.subject_one_part{background:#2c4947; padding:50px 0 40px;}
.subject_info{padding-bottom:30px; margin:0 auto; width:980px; font-size:13px; color:#b8b8b8; text-align:justify;}
.subject_info .title{background:#3c5e5c; height:2px; font-size:0; text-align:center; margin-bottom:20px;}
.subject_info .title span{font-size:18px; margin-top:-12px; text-transform:uppercase; background:#2c4947; display:inline-block; padding:0 35px; color:#fff; font-family:'Roboto', Arial, sans-serif; text-align:center; line-height:26px; margin-bottom:10px;}
.subject_info .text_info{background:url(../images/subject/2015/showtime2015/text_infobg.png?v=002) no-repeat center center;}
.subject_info p{text-align:center; line-height:20px;}
.listsubject{margin:0 auto; width:980px; text-align:center;}
.listsubject li{margin:0 10px; display:inline-block;}
.listsubject li img{border-radius:2px;}
.listsubject li .more{background:#129bc9; color:#fff; line-height:60px; border-bottom:2px solid #00698c; border-radius:2px; width:60px; font-family:'Roboto', Arial, sans-serif; display:block; text-transform:uppercase; height:60px; font-size:18px; margin:0; text-align:center;}

.subject_two_part{background:#ededed; text-align:center; padding-bottom:30px;}
.subject_two_part .title{background:#f0ca0e; font-weight:700; text-transform:uppercase; line-height:80px; margin-bottom:30px; font-size:30px; color:#fff; padding:0 35px; font-family:'Roboto', Arial, sans-serif; display:inline-block;}

.subject_three_part{background:#3a3a3a; text-align:center; padding-bottom:30px;}
.subject_three_part .title{background:#000; font-weight:700; text-transform:uppercase; line-height:80px; margin-bottom:30px; font-size:30px; color:#fff; padding:0 35px; font-family:'Roboto', Arial, sans-serif; display:inline-block;}

.subject_four_part{background:#f2cc11; text-align:center; padding-bottom:30px; position:relative; z-index:2;}
.subject_four_part .title{line-height:80px; font-weight:700; margin-right:92px; text-transform:uppercase; font-size:30px; color:#f0ca0e; font-family:'Roboto', Arial, sans-serif; display:inline-block;}
.subject_four_part .title span{color:#545e5e; margin-right:5px;}
.subject_four_part .fourbg_right{background:#ededed; width:50%; position:absolute; height:100%; right:0; top:0; z-index:-1;}

.post_list_title{width:980px; margin:0 auto 20px;}
.post_list_title span{float:left; line-height:30px; font-size:22px; text-transform:uppercase; padding:0 10px; color:#f0ca0e; background:#ededed; margin-left:7px;}
.post_list_title span.right{float:right; color:#ededed; background:#f0ca0e; margin-right:7px;}

.post_list{width:982px; margin:0 auto; letter-spacing:-3px;}
.post_list li{width:150px; color:#828282; margin:0 6px 10px; display:inline-block; letter-spacing:0; vertical-align:top;}
.post_list li img{width:148px; height:212px; border:1px solid #e1e1e1;}
.post_list li a{color:#828282;}
.post_list li p{margin-top:5px;}

.subject_comment{background:url(../images/subject/2015/showtime2015/footerbg.jpg?v=002) center top no-repeat #87bd5f; padding:100px 0 30px;}
.subject_comment .commenttitle{color:#032e8d; background:url(../images/subject/2015/showtime2015/commenttitle.png?v=002) left top no-repeat; margin:0 auto 100px; width:395px; height:124px;}
.subject_comment .commentlist{width:980px; margin:0 auto; color:#717171;}
.comment_content .comment_reply{border-color:#87bd5f;}
.comment_content .time{color:#909090;}
.comment_top{background:none; border:none;}
.discus_comment li{border-bottom:1px dashed #74a351;}
.write_comment .textarea textarea{background:#5e8442; border:1px solid #5e8442; color:#a8a8a8;}
#back_top{margin-left:490px; width:52px; height:52px; padding:0; background:url(../images/subject/2015/showtime2015/btop.png?v=002) center top no-repeat; border:none; box-shadow:none; text-align:left; text-indent:-9999px;}
#back_top span{display:none;}
.comment-tab{width:980px;margin:0 auto;}