@charset "utf-8";

/* 2014-07-22 subject short */
body{background:#ebebeb;}
.mangaread_top{z-index:6;}
.bgleft, .bgright{display:block; position:absolute; width:50%; z-index:0; height:730px; top:48px;}
.bgleft{background:url(../images/subject/2014/short/leftbg.jpg?v=001) no-repeat right 0; left:-490px;}
.bgright{background:url(../images/subject/2014/short/rightbg.jpg?v=001) no-repeat 490px 0; right:0;}
.shorttop{height:730px; margin:0 auto; position:relative; width:980px; top:-25px; background: url(../images/subject/2014/short/shortopbg_01.jpg?v=001) no-repeat left top,url(../images/subject/2014/short/shortopbg_02.jpg?v=001) no-repeat left 150px,url(../images/subject/2014/short/shortopbg_03.jpg?v=001) no-repeat left 300px,url(../images/subject/2014/short/shortopbg_04.jpg?v=001) no-repeat left 450px,url(../images/subject/2014/short/shortopbg_05.jpg?v=001) no-repeat left 600px;}
.shorttop .shortmes{color:#fff; position:absolute; left:90px; bottom:265px; text-align:justify; width:400px; font-weight:400; font-size:14px; font-family:arial,sans-serif; transform:skewY(-9deg); -ms-transform:skewY(-9deg); -moz-transform:skewY(-9deg); -webkit-transform:skewY(-9deg); -o-transform:skewY(-9deg);}
.shorttop .shortshare{position:absolute; right:0px; bottom:200px; width:292px; height:49px; background:url(../images/subject/2014/short/share.png?v=001) no-repeat 0 -49px;}
.shortshare span {position:absolute; width:49px; height:49px; cursor:pointer;}
.shortshare span:hover{background:url(../images/subject/2014/short/share.png?v=001) no-repeat;}
.shortshare .st_twitter_custom{top:0; left:10px;}
.shortshare .st_twitter_custom:hover{background-position:-11px -0;}
.shortshare .st_facebook_custom{top:0; left:88px;}
.shortshare .st_facebook_custom:hover{background-position:-89px 0;}
.shortshare .st_googleplus_custom{top:0; left:164px;}
.shortshare .st_googleplus_custom:hover{background-position:-165px 0;}
.shortshare .st_sharethis_custom{top:0; left:238px;}
.shortshare .st_sharethis_custom:hover{background-position:-239px 0;}
.shorttop .listsubject{position:absolute; left:0; bottom:80px; height:90px; width:780px; padding:13px 80px 13px 120px; background:url(../images/subject/2014/short/listsubject.png?v=001) no-repeat;}
.shorttop .listsubject li{float:left; margin:0 6px;}
.shorttop .listsubject li img{border-radius:5px;}
.shorttop .listsubject li .more{width:30px; height:60px; display:inline-block; margin:0 0 0 15px; background:none;}
.short_content{width:980px; margin:-120px auto 0;}
.short_content_left{float:left; width:635px;}
.short_content_right{float:right; width:325px;}
.listpart{border:2px solid #ff7158; background:#faefd9; border-radius:20px; margin-bottom:22px;}
.listpart .title{font-family:'Fredoka One', cursive; font-size:24px; color:#ff3b21; height:48px; line-height:42px; background:url(../images/subject/2014/short/titlebg.png?v=001) left top no-repeat;}
.listpart .title em{font-size:36px; color:#fff; margin:0 30px 0 2px; font-family:'Audiowide', cursive;}
.listpart ul{padding:0 15px 30px;}
.listpart ul li{width:120px; display:inline-block; margin:15px 13px 0; vertical-align:top}
.listpart ul li a{color:#272727;}
.listpart ul li a:hover{color:#ff3b21;}
.listpart ul li p{margin-top:10px; font-weight:700; text-align:center;}
.listpart ul li img{width:120px; height:145px; box-shadow:4px 4px 1px #b9b1a1;}
.short_content_right .listpart ul li{margin:15px 11px 3px;}
.short_content_two{width:980px; margin:0 auto;}
.short_content_two .listpart{float:left; width:476px;}
.short_content_two .listpart:last-child{margin-left:20px;}
.short_comment{background:#fff; margin-top:60px;}
.short_comment .title{background:url(../images/subject/2014/short/commentbg.png?v=001) center top no-repeat; width:307px; height:71px; margin:0 auto; position:relative; top:-35px;}
.short_comment .commentlist{background:#fff; width:960px; padding:10px; margin:0 auto;}
footer{background-color:#e0f2fc; margin-top:0;}
#back_top{margin-left:490px; width:94px; height:70px; background:url(../images/subject/2014/short/btop.png?v=001) center top no-repeat; border:none; box-shadow:none; text-align:left; text-indent:-9999px;}
#back_top span{display:none;}
.comment-tab{width:960px;margin:0 auto;}
article, aside, header, footer, nav, dialog, figure, section{display:block; position:relative;}