/*
#player:hover
{
    visibility: visible;
}
#player
{
    visibility: hidden;
}
*/
/*
embed:hover {
    visibility: visible;
}
object, embed {
    -webkit-animation-duration: .001s;
    -webkit-animation-name: playerInserted;
    -ms-animation-duration: .001s;
    -ms-animation-name: playerInserted;
    -o-animation-duration: .001s;
    -o-animation-name: playerInserted;
    animation-duration: .001s;
    animation-name: playerInserted;
    position: absolute;
    top: 172px;
    left: 1057px;
    visibility: hidden;
}
iframe { pointer-events:all; }

iframe:hover {
    opacity: 1;
}
iframe {
    position: absolute;
    top: 172px;
    left: 1057px;
    opacity: 0;
}
*/
#blog_music { pointer-events:all; }

#blog_music:hover {
    opacity: 1;
}
#blog_music {
    position: absolute;
    top: 182px;
    width: 269px;
    right: 18px;
    height: 422px;
    opacity: 0;
}
#Magic
{
    background-color: rgba(255,255,255,0);
    position: absolute;
    -webkit-transition-duration: 0.75s;
    -o-transition-property: width height bottom right;
    -o-transition-duration: 0.75s;
    right : 615px;
    top: 55px;
    z-index:100;
}
#Zatanna 
{
    background-color: rgba(255,255,255,0);
    position: absolute;
    right: 600px;
    top: 38px;
    outline: none;
    width: 80px;
}
/*
#False {
    width: 50px;
    background-color: rgba(255,255,255,0);
    position: absolute;
    right: 600px;
    top: 80px;
    outline: none;
}
#False:hover{
    transition: all 0.3s;
    transform: scale(3.0);
}
*/
#page_begin_html{
    width: 0px;
    height: 0px;
}
body{
    background-position:top right;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-image: url(//chuantu.biz/t6/310/1526130244x-1404793567.jpg);*/
    background-size:cover;
}
a, a:link, a:visited, a:active {
    text-decoration: none;
    transition: .2s;
}
.postTitle2:hover,.entrylistItemTitle:hover {
    margin-left: 10px;
    color: #7B68EE;
    text-decoration: none;
    text-shadow: -13px 3px 3px #999;
}
li{list-style:none}
h1{
    font-size: 38px;
    color: #eae62d;
    font-weight: 900;
    margin-bottom: 45.460px;
}
.headermaintitle{
    color: #eae62d;
    font-family: "华文新魏";
    font-size: 38px;
    line-height: 32px;
    padding: 4px 16px;
    font-weight: 900;
    text-shadow: 1px -1px 9px #170ad8;
}
body,input,textarea,select,button{font-family:"Consolas","楷体";font-size:16px}
h2,h3,h4,h5{font-family:"Consolas","\9ED1\4F53";font-weight:900;line-height:130%}
h2,h3{text-shadow:rgba(0,0,0,.3) 1px 1px}
h2{font-size:26px}
h3{font-size:24px;margin-top: 16px;}
h4{font-size:20px}
h5{font-size:18px}
#cnblogs_post_body p, p {
    text-indent: 2em;
    color: black;
}
.entrylist
{
    padding-left: 20px;
    padding-right: 20px;
    /*background-color: rgba(255, 255, 255, 0.3);*/
}
.entrylistItem
{
    padding: 20px;
    /*background-color: rgba(255, 255, 255, 0.3);*/
}
#mainContent
{
    background-color: rgba(255, 255, 255, 0.3);
}
.newsItem
{
    height: 402px;
}
#blog-calendar,.newsItem,.catListEssay,.catListLink,.catListNoteBook,.catListTag,.catListPostCategory,.catListPostArchive,.catListImageCategory,.catListArticleArchive,.catListView,.catListFeedback,.mySearch,.catListComment,.catListBlogRank,.catList,.catListArticleCategory
{padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;margin-top:10px;margin-left:10px;width:230px;background:none;background-color:rgba(255,255,255,.3);transition:.3s}
#topics, #comment_form_container, .day {
    padding: 20px;
    background: none;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .3s;
}
#mainContent,#topics img{max-width:90%}
#nav_next_page
{
    background: none;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .3s;    
}
.entrylistItem:hover,#nav_next_page:hover,#mainContent:hover,#topics:hover,#comment_form_container:hover,#blog-calendar:hover,.newsItem:hover,.catListEssay:hover,.catListLink:hover,.catListNoteBook:hover,.catListTag:hover,.catListPostCategory:hover,.catListPostArchive:hover,.catListImageCategory:hover,.catListArticleArchive:hover,.catListView:hover,.catListFeedback:hover,.mySearch:hover,.catListComment:hover,.catListBlogRank:hover,.catList:hover,.catListArticleCategory:hover,.day:hover,#blog-comments-placeholder:hover
{
    background-color:rgba(255,255,255,0.7)
}
#navList {
    float: right;
    font-size: 16px;
    margin-bottom: 0px;
    border-bottom-width: 45px;
    margin-top: -35px;
}
#navList li{float:left;background-color:rgba(0,0,0,.3);transition:.3s;text-align:center}
#navList li:hover{background-color:rgba(0,0,0,.8)}
#navList a {
    color: #eae62d;
    font-size: 20px;
    line-height: 32px;
    padding: 4px 16px;
    font-weight: 900;
    text-shadow: 1px -1px 9px #170ad8;
}
.blogStats {
    color: #170ad8;
    font-weight: bolder;
    font-style: italic;
    text-align-last: end;
}
#home{width:95%;margin:0 auto}
#main{
    border-top-width: 25px;
    margin-top: 10px;
    text-align:left;
    min-width:950px;
    width:100%;
}
#mainContent{min-height:200px;padding:0 0 10px 0;float:left;width:calc(100% - 270px)}
.postTitle{border-bottom:1px solid #ddd;font-weight:900;font-size:20px}
.postDesc{color:#666;text-align:right}
#green_channel{border:#ff006f 1px dashed;background-color:rgba(255,232,242,.3);font-size:14px;width:90%;border-radius:4px;margin:10px auto}
#green_channel a{background:none;padding:6px 10px;-webkit-border-radius:4px!important;border-radius:4px!important}
#sideBar{width:230px;min-height:200px;float:left;padding:0 0 0 20px}
#comment_nav{margin-top:16px;text-align:right;padding-bottom:8px}
#comment_nav a,#comment_nav a:link,#comment_nav a:visited,#comment_nav a:active{background-color:rgba(0,0,0,.3);color:#EEE;padding:8px;transition:.2s}
#comment_nav a:hover{background-color:rgba(0,0,0,.8);color:#FFF}
div.commentform textarea.comment_textarea, #comment_form_container, input {
    background-color: rgba(255,255,255,0.3);
}
#tbCommentBody{min-width:80%;max-width:100%}
#btn_comment_submit{background-color:#FFE8F2!important;color:#530024;transition:.2s}
#btn_comment_submit:hover{background-color:#FFF!important}
@media only screen and (max-width:767px){img{max-width:90%!important}
#bgimg{max-width:none!important}
.entrylistItem,#topics, #comment_form_container, .day {
    padding: 20px;
    background: none;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .3s;
}
#blog-calendar,.newsItem,.catListEssay,.catListLink,.catListNoteBook,.catListTag,.catListPostCategory,.catListPostArchive,.catListImageCategory,.catListArticleArchive,.catListView,.catListFeedback,.mySearch,.catListComment,.catListBlogRank,.catList,.catListArticleCategory{background:none;background-color:rgba(255,255,255,.7);transition:.3s;width:90%}
#main{min-width:0}
#mainContent{float:none;width:100%}
#sideBar{width:90%}}
#CssGaga{content:"180222144614,dep,334"}
#footer {
    color: #eade91;
    font-size: large;
    font-weight: bold;
    font-style: italic;
    text-align-last: center;
}

/*

Monokai Sublime style. Derived from Monokai by noformnocontent //nn.mit-license.org/

*/
div.postBody {
    color: #666;
    text-shadow: 0 0px rgba(0, 0, 0, 0.05);
}
.cnblogs-markdown .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em !important;
    background: rgba(35, 36, 31, 0.7) !important;
    font-size: 14px !important;
    /* font-weight: bold !important; */
}
.cnblogs-markdown .hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.cnblogs-markdown .hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment, .hljs-deletion, .hljs-meta {
    color: #ff0000;
    color: #00ceff;
}

.feedbackCon img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.feedbackCon img {
border-radius: 40px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#blog-comments-placeholder{
    padding: 20px;
    background: none;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .3s;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-right: 0px;
}