@charset "utf-8";
/* CSS Document */

.p0,.p1,.p2,.p3,.p4,.p5{ float:left;-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;}

#bg{ background:url(bg2.jpg) no-repeat;}

.logo{ background:url(logo.png) no-repeat center top; width:30px; height:60px; background-size:contain; position:absolute; left:10px; bottom:50px; z-index:2;}

.aniC{ width:100%; position:fixed; left:0; top:0; bottom:0; text-align:center; -webkit-transition:all 1s ease-in-out; z-index:2;}
.aniC .hua{ background:url(flower.png) no-repeat right bottom; width:230px; height:350px; background-size:contain; position:absolute; right:0px; bottom:0px;
-webkit-animation: ani-la 2s infinite linear; -webkit-animation-direction:alternate; -webkit-transform-origin:right bottom;
}
.aniC .iFallC{}
.aniC .iFallC .flower1{ background:url(flower1.png) no-repeat; width:28px; height:30px;}
.aniC .iFallC .flower2{ background:url(flower2.png) no-repeat; width:53px; height:44px;}
.aniC .iFallC .flower3{ background:url(flower3.png) no-repeat; width:38px; height:35px;}
.aniC .iFallC .flower4{ background:url(flower4.png) no-repeat; width:49px; height:41px;}
@-webkit-keyframes ani-la {
	0% { -webkit-transform:rotate(-10deg);}
	100%  { -webkit-transform:rotate(10deg);}
}

.diggC{ position:absolute; bottom:60px; left:0; right:0; height:80px; line-height:24px; -webkit-writing-mode:horizontal-tb;-moz-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb; color:#fff; font-size:10pt; text-align:center;}
.diggC .btnlike{ bottom:24px;}
.diggC .whoDigg{ position:absolute; left:0; right:0; height:24px; cursor:pointer; bottom:0px; z-index:9;}



#show{ box-sizing:border-box!important;color:#fff; font-size:14pt; line-height:2;}
.part .info{ color:rgba(255,255,255,.5); font-size:10pt; margin-top:10px; padding:10px 0; border-top:1px dashed #rgba(255,255,255,.5);}

#content{ overflow:hidden; z-index:1; text-align:justify; word-wrap:break-word; padding:5px; background-size:contain; position:absolute; bottom:10%; left:0; right:0; background:url(heart.png) no-repeat center top; background-size:auto 216px; height:200px; padding:50px 0 60px;}
#content .contentB{ background:url(envelope.png) no-repeat center bottom; background-size:contain; height:172px; position:absolute; left:0; right:0; bottom:0;}
#content .contentS{ color:#4b4b4b;overflow:hidden; box-sizing:border-box; height:200px;}
#content .contentC{ padding:10px; position:relative; color:#fffbda; text-align:center; width:250px; margin:0 auto;}
#show .info img{ border-radius:50%; height:32px; width:32px; border:2px solid #fff; margin:0 5px;}

.btnlike{ background:none; left:0; bottom:50px; box-shadow:none; margin:0; width:auto; padding:10px; font-size:12pt;}
.btnlike i, .btnlike em{ color:#74c54f;}
.copyright{ bottom:60px;}

@-webkit-keyframes articleView {
	0%{ -webkit-transform:translate(0,50%);}
	100%{ -webkit-transform:translate(0,-100%);}
}

.tip-up{ left:auto; bottom:auto; right:0px; top:60%; margin:-7px 0 0;
 -webkit-animation: tipRight 2s infinite linear;
}

@-webkit-keyframes tipRight {
	0% { opacity:0; -webkit-transform:rotate(-90deg) translateY(0);}
	30% { -webkit-transform:rotate(-90deg) translateY(-15px); opacity:.8; }
	80% { -webkit-transform:rotate(-90deg) translateY(-20px); opacity:.8; }
	100% { -webkit-transform:rotate(-90deg) translateY(-25px); opacity:0; }
}

@media (max-height:480px) {
#content{ background-size:auto 180px; height:180px; padding:50px 0 30px;}
#content .contentB{ background-size:contain; height:152px;}
#content .contentS{height:180px;}
#content .contentC{ width:210px; font-size:12pt;}
}