/*simplememory*/
#google_ad_c1, #google_ad_c2 {display:none;}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, 
.syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, 
.syntaxhighlighter textarea {
font-size: 14px!important;
}
#home {
opacity: 0.8;
margin: 0 auto;
width: 85%;
min-width: 950px;
/* background-color: #dfeef72e; */
padding: 30px;
margin-top: 30px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#blogTitle h1 {
font-size: 30px;
font-weight: bold;
font-family: "Comic Sans MS";
line-height: 1.5em;
margin-top: 20px;
color: #515151;
}
.headermaintitle {
    color: #fff !important;
    font-size: 42px;
}
.headermaintitle:hover {
    color: #e9d543 !important;
    font-size: 44px;
}
#navList a:hover {
color: #1318ec;
text-decoration: none;
}
#navList a {
display: block;
width: 3em;
height: 22px;
float: left;
text-align: center;
font-size: 15px;
font-weight: bold;
/* padding-top: 18px; */
}
#navigator {
font-size: 15px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
height: 55px;
clear: both;
margin-top: 25px;
}
.catListTitle {
margin-top: 21px;
margin-bottom: 10.5px;
text-align: left;
border-left: 10px solid rgba(82, 168, 236, 0.8);
padding: 10px 0 14px 10px;
background-color: #f5f5f5;
}
#ad_under_post_holder #google_ad_c1,#google_ad_c2{  
display: none !important;
}
body {
color: #000;
background: url("https://www.cnblogs.com/images/cnblogs_com/super-yu/1295159/o_11.jpg"
) fixed;
background-size: 100%;
background-repeat: no-repeat;
font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
font-size: 12px;
min-height: 101%;
}
#topics .postTitle {
    border: 0px;
    font-size: 200%;
    font-weight: bold;
    float: left;
    line-height: 1.5;
    width: 100%;
    padding-left: 5px;
}

.forFlow .postTitle {
    padding: 0 0 0 5px;
}
#sideBarMain{
	margin-top: 0px;
}

#mainContent {
    min-height: 200px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    float: left;
    width: 75%;
    background: #fff;
}

div.commentform p{
margin-bottom:10px;
}
.comment_btn {
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #ddd;
color: #999;
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
.comment_btn:hover{
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #258fb8;
color: white;
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
#commentform_title {
background-image:none;
background-repeat:no-repeat;
margin-bottom:10px;
padding:0;
font-size:24px;
}
#commentbox_opt,#commentbox_opt + p {
text-align:center;
}
.commentbox_title {
width: 100%;
}
#tbCommentBody {
font-family:'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif;
margin-top:10px;
max-width:100%;
min-width:100%;
background:white;
color:#333;
border:2px solid #fff;
box-shadow:inset 0 0 8px #aaa;
// padding:10px;
height:250px;
font-size:14px;
min-height:120px;
}
.feedbackItem {
font-size:14px;
line-height:24px;
margin:10px 0;
padding:20px;
background:#F2F2F2;
box-shadow:0 0 5px #aaa;
}
.feedbackListSubtitle {
font-weight:normal;
}

#blog-comments-placeholder, #comment_form {
padding: 20px;
background: #fff;
-webkit-box-shadow: 1px 2px 3px #ddd;
box-shadow: 1px 2px 3px #ddd;
margin-bottom: 50px;
}
.feedback_area_title {
margin-bottom: 15px;
font-size: 1.8em;
}
.feedbackItem {
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
padding: 5px;
background: rgb(248, 248, 248);
}
.color_shine {background: rgb(226, 242, 255);}
.feedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;}
#comment_form .title {
font-weight: normal;
margin-bottom: 15px;
}

#logo{
    width: 50px;
    height: 50px;
    border-radius: 30px !important;
    background-repeat: no-repeat;
    background-size: 126% 103%;
    background-image: url(https://www.cnblogs.com/images/cnblogs_com/super-yu/1295159/t_0.jpg);
    float: left;
    margin: 19px 10px 0px 0px;
}

/*canvas {
        background-image: linear-gradient(-50deg,RGB(255, 106, 100),RGB(71, 0, 182));/*对canvas做背景颜色渐变处理，第一个参数是角度，后面2个是起始颜色，这个我就不细讲了，查查就知道*/
width: 100%;
    height: 40px;
    margin-top: -30px;
      }*/


/*旋转正方体*/
/*最外层容器样式*/
.wrap_cube{
	/*position: absolute;
	z-index:2;
        right: 125px;
        top: 66px;*/
}
/*包裹所有容器样式*/
.cube{
	width: 100px;
	height: 100px;
	margin: 37px auto;
	transform-style: preserve-3d;
	transform: rotateX(-30deg) rotateY(-80deg);
	-webkit-animation: rotate 20s infinite;
	/*匀速*/
	animation-timing-function: linear;
}
@-webkit-keyframes rotate{
	from{transform: rotateX(0deg) rotateY(0deg);}
	to{transform: rotateX(360deg) rotateY(360deg);}
}
.cube div{
	position: absolute;
	width: 100px;
	height: 100px;
	opacity: 0.8;
	transition: all .4s;
}
/*定义所有图片样式*/
.pic{
	width: 100px;
	height: 100px;
}
.cube .out_front{
	transform: rotateY(0deg) translateZ(50px);
}
.cube .out_back{
	transform: translateZ(-50px) rotateY(180deg);
}
.cube .out_left{
	transform: rotateY(90deg) translateZ(50px);
}
.cube .out_right{
	transform: rotateY(-90deg) translateZ(50px);
}
.cube .out_top{
	transform: rotateX(90deg) translateZ(50px);
}
.cube .out_bottom{
	transform: rotateX(-90deg) translateZ(50px);
}
/*定义小正方体样式*/
.cube span{
	display: bloack;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 25px;
	left: 25px;
}
.cube .in_pic{
	width: 50px;
	height: 50px;
}
.cube .in_front{
	transform: rotateY(0deg) translateZ(25px);
}
.cube .in_back{
	transform: translateZ(-25px) rotateY(180deg);
}
.cube .in_left{
	transform: rotateY(90deg) translateZ(25px);
}
.cube .in_right{
	transform: rotateY(-90deg) translateZ(25px);
}
.cube .in_top{
	transform: rotateX(90deg) translateZ(25px);
}
.cube .in_bottom{
	transform: rotateX(-90deg) translateZ(25px);
}
/*鼠标移入后样式*/
.cube:hover .out_front{
	transform: rotateY(0deg) translateZ(0px);
}
.cube:hover .out_back{
	transform: translateZ(0px) rotateY(180deg);
}
.cube:hover .out_left{
	transform: rotateY(90deg) translateZ(0px);
}
.cube:hover .out_right{
	transform: rotateY(-90deg) translateZ(0px);
}
.cube:hover .out_top{
	transform: rotateX(90deg) translateZ(0px);
}
.cube:hover .out_bottom{
	transform: rotateX(-90deg) translateZ(0px);
}