a:link,a:visited{
color:#fff
}
.featurepage{
background-color:#fff
}
.selfRepInner p{
font-size:17px
}
.expandField .selfRepInner .secLeft{
width:60%;
color:#FFF;
padding-right:5%;
border-right:1px solid #303030;
box-sizing:border-box
}
.expandField .selfRepInner .secRight{
width:40%;
color:#fff;
padding-top:60px
}
/* .listCover
------------------------- */
.listmain{
background-color:#3a157a;
background-image:url(../images/main_bg.png);
position:relative;
width:100%;
overflow:hidden
}
.listmain:before{
content:"";
background-image:url(../images/main_border.png);
width:100%;
height:20px;
background-repeat:repeat-x;
position:absolute;
bottom:0;
left:0;
z-index:2
}
.listmain:after{
content:"";
background-image:url(../images/main_bg_shine.png);
background-position:right;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:0
}
img.main{
position:absolute;
top:0;
left:0;
z-index:3
}

/* .listItem
------------------------- */
.listItem.listmain{
background-size:cover
}
.main-cover-inline{height:480px;}
.featurepage-sns-box{position:absolute;right:0;top:14px;z-index:5;}
.listmin-block .listItem:hover img{
color:#eee
}
.listCover .listItem img{
padding-bottom:10px
}
.listCover .listItem .p-tit{
padding-bottom:6px;
text-align:left;
line-height:1.2em;
font-weight:700;
color:#333;
transition:all,0.1s
}
.listmin-block .listItem:hover .p-tit{
color:#58E0C8
}
.listCover .listItem .p-data{
color:#999
}
.listmin{
background:#fff
}
p.listmin-tit{color:#666;letter-spacing:-0.5px;font-size: 35px;}
rt{
font-size:14px;
line-height:1
}
.shin_back {
padding-bottom: 2em;
}
.shin_back a{display:block;height:70px;background-color:#3B3BC7;margin: 60px 0 20px;text-align:center;border-radius:35px;background-image:url(../images/back_arow.png);background-repeat:no-repeat;background-position:96%;width:60%;margin-left:20%;color:#fff;line-height:70px;font-size: 23px;font-weight:700;}
.shin_back a:hover{
background-color:#D70A40;
}
.shin_back p {
text-align:center
}
.spin_infinite{
width:300%;position:absolute;
top:-215%;left:-100%;
z-index:0;max-width:none;
-webkit-animation:rotation 80s linear infinite;
-moz-animation:rotation 80s linear infinite;
-ms-animation:rotation 80s linear infinite;
-o-animation:rotation 80s linear infinite;
animation:rotation 80s linear infinite
}
@-webkit-keyframes rotation{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotation{
0%{-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotation{
0%{-ms-transform:rotate(0deg);}
100%{-ms-transform:rotate(360deg);}
}
@-o-keyframes rotation{
0%{-o-transform:rotate(0deg);}
100%{-o-transform:rotate(360deg);}
}
@keyframes rotation{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}