﻿@charset "utf-8";

/* 2013-11-22 subject short */
body{background:#feb37d;}
.mangaread_top{z-index:6;}
.box_m{background:url(../images/subject/2013/short/icontitle.png?v=266) 25px 0 no-repeat; text-shadow: 1px 0 0 #fff; font-family:'Oswald',Arial,Helvetica,sans-serif; height:42px; color:#d96036; font-weight:bold; font-size:22px; line-height:34px;}
.box_m i{color:#baf4f6; font-style:normal; float:left; margin:-2px 22px 0 34px;}
.bgleft, .bgright{display:block; position:absolute;width:50%;z-index:0; height:1335px; top:48px;}
.bgleft{background:url(../images/subject/2013/short/leftbg.jpg?v=266) no-repeat right 0; left:0; }
.bgright{background:url(../images/subject/2013/short/rightbg.jpg?v=266) no-repeat 0 0; right:0;}
.shorttop{background:url(../images/subject/2013/short/shortopbg.png?v=266) no-repeat 0 0; height:540px; margin:0 auto 30px; position:relative; width:980px;}
.shorttop .shortmes{text-indent:24px; color:#fff; position:absolute; left:142px; bottom:112px; text-align:justify; width:674px;}
.shorttop .listsubject{position:absolute; left:13px; bottom:20px;}
.shorttop .listsubject li{float:left; margin:0 5px;}
.shorttop .shortshare{position:absolute; left:130px; top:220px; width:340px; height:74px; background:url(../images/subject/2013/short/share.png?v=266) no-repeat 0 -75px;}
.shortshare span {position:absolute; width:42px; height:36px; cursor:pointer;}
.shortshare span:hover{background:url(../images/subject/2013/short/share.png?v=266) no-repeat;}
.shortshare .st_twitter_custom{top:25px; left:22px;}
.shortshare .st_twitter_custom:hover{background-position:-22px -24px;}
.shortshare .st_facebook_custom{top:20px; left:94px;}
.shortshare .st_facebook_custom:hover{background-position:-94px -19px;}
.shortshare .st_googleplus_custom{top:15px; left:164px;}
.shortshare .st_googleplus_custom:hover{background-position:-164px -14px;}
.shortshare .st_sharethis_custom{top:8px; left:238px;}
.shortshare .st_sharethis_custom:hover{background-position:-238px -7px;}
.short_content{width:980px; margin:0 auto;}
.short_contentL{float:left; width:638px;}
.onepart{background:url(../images/subject/2013/short/onepartbgt.png?v=266) 0 36px no-repeat; margin-bottom:30px;}
.onepartC{background:url(../images/subject/2013/short/onepartbgf.png?v=266) left bottom no-repeat; padding:24px 0 32px;}
.short_contentR{float:right; width:324px;}
.twopart{background:url(../images/subject/2013/short/twopartbgt.png?v=266) 0 36px no-repeat;}
.twopartC{background:url(../images/subject/2013/short/twopartbgf.png?v=266) left bottom no-repeat; padding:24px 0 32px;}
.threepart{background:url(../images/subject/2013/short/threepartbgt.png?v=266) 0 0 no-repeat; width:980px; margin:30px auto 0;}
.threepartC{background:url(../images/subject/2013/short/threepartbgf.png?v=266) left bottom no-repeat; padding:24px 0 32px;}
.threepartM{background-color:#fff3b9; border:1px solid #fbaa75; border-top:none; border-bottom:none;}
.fourpart{float:left; width:488px; position:relative; top:-56px;}
ul.listmanga{background-color:#fff3b9; letter-spacing:-3px; min-height:200px; margin:0 2px; border:1px solid #fbaa75; border-top:none; border-bottom:none;}
ul.listmanga li{display:inline-block; letter-spacing:0; vertical-align:top; text-align:center; color:#8e592f;}
ul.listmanga li img{padding:1px; border:1px solid #d7cd9d; width:100px; height:124px;}
ul.listmanga li a:hover img{border-color:#8e592f;}
ul.listmanga li a.nowrap{color:#00b2b6; font-weight:bold; display:block;}
.onepartC ul.listmanga li{width:127px; margin:5px 15px;}
.twopartC ul.listmanga li{width:128px; margin:5px 15px;}
.threepartC ul.listmanga{border:none; background:none; position:relative; bottom:-30px;}
.threepartC ul.listmanga li{width:130px; margin:0 15px;}
.short_comment{background:#fff; margin-top:60px;}
.short_comment .title{background:url(../images/subject/2013/short/commentbg.png?v=266) center top no-repeat; width:218px; height:80px; margin:0 auto; position:relative; top:-24px;}
.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:108px; height:108px; background:url(../images/subject/2013/short/btop.png?v=266) 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;}
body, button, input, select, textarea{font-family:Verdana,sans-serif; font-size:12px; line-height:150%;}
article, aside, header, footer, nav, dialog, figure, section{display:block; position:relative;}