/*
#三级菜单样式
*/
.topDIV{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;line-height:1.42857143;color:#333;
        top:15px; right:20px; 
	box-sizing:border-box;
}
 
@media print{ .topDIV :before,:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}
 
.topDIV .table-bordered th,.table-bordered td{border:1px solid #ddd!important}}
 
 
 
.topDIV a{color:#428bca;text-decoration:none}
.topDIV a:hover,a:focus{color:#2a6496;text-decoration:underline}
.topDIV a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
 
.topDIV .container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.topDIV .row{margin-right:-15px;margin-left:-15px}
 
 
 
 
.topDIV .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.topDIV .dropdown{position:relative}
.topDIV .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.topDIV .dropdown-menu.pull-right{right:0;left:auto}

.topDIV .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.topDIV .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}
 
 
.topDIV .open>.dropdown-menu{display:block}
.topDIV .open>a{outline:0}
.topDIV .dropdown-menu-right{right:0;left:auto}
.topDIV .dropdown-menu-left{right:auto;left:0}
 
.topDIV .dropdown-submenu {  
    position: relative;  

}  




.topDIV .dropdown-submenu > .dropdown-menu {  
    top: 0;  
    left: 100%;  
   
    margin-left: -1px;  
    -webkit-border-radius: 0 6px 6px 6px;  
    -moz-border-radius: 0 6px 6px;  
    border-radius: 0 6px 6px 6px;  
}  
.topDIV .dropdown-submenu:hover > .dropdown-menu {  
    display: block;  
}  
.topDIV .dropdown-submenu > a:after {  
    display: block;  
    content: " ";  
    float: right;  
    width: 0;  
    height: 0;  
    border-color: transparent;  
    border-style: solid;  
    border-width: 5px 0 5px 5px;  
    border-left-color: #ccc;  
    margin-top: 5px;  
    margin-right: -10px;  
}  
.topDIV .dropdown-submenu:hover > a:after {  
    border-left-color: #fff;  
}  
.topDIV .dropdown-submenu.pull-left {  
    float: none;  
}  
.topDIV .dropdown-submenu.pull-left > .dropdown-menu {  
    left: -100%;  
    margin-left: 10px;  
    -webkit-border-radius: 6px 0 6px 6px;  
    -moz-border-radius: 6px 0 6px 6px;  
    border-radius: 6px 0 6px 6px;  
}
 

 
 
 
 

 

 

 

.topDIV .dropdown-toggle{
	height: 5px;
}


.dropdown>.dropdown-menu{
overflow: visible;
display: none;

}

 
 
 

 
.topDIV .clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}
.topDIV .clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}

















#img_my{
display: none;
}






#site_nav_under {
display: none;
}
.c_ad_block, .ad_text_commentbox {
display: none;
margin: 0;
padding: 0;
}
#player {
    margin-top: 10px;
    display:none;
    border-radius: 2px;
    box-shadow: 0 0 10px #ccc;
    background: #fff;
}
#ad_under_google {
height: 0;
overflow: hidden;
}
#ad_under_google a {
display: none;
}
#home {
margin: 0 auto;
width: 65%;
min-width: auto;
background-color: #fff;
padding-top:15px !important;
padding-bottom: 5%;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 5%;
box-shadow: 0 2px 0px rgba(100, 100, 100, 0.3);
}

#page_begin_html{
margin: 0 auto;
width: 65%;
min-width: auto;
background-color: #fff;
padding-top: 1%;

padding-left: 5%;
padding-right: 5%;
margin-top:5%;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

#main {
    width: 100%;
    text-align: left;
    margin-top:0px !important
}

html{     
width:100%;   
overflow-x:hidden !important;
}
@media screen and (max-width: 900px) {
#home {
margin: 0 auto;
width: 100% !important;
min-width: auto;
background-color: rgb(232 235 245);
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
box-shadow: 0 2px 0px rgba(100, 100, 100, 0.3)  !important;
}}


@media screen and (max-width: 900px) {
#page_begin_html{
margin: 0px;
width: 100%;
min-width: auto;
background-color: rgb(232 235 245);
padding:0px;
margin-top: 0px;
margin-bottom: 0px;
box-shadow: 0 2px 0px rgba(100, 100, 100, 0.3)  !important;
}}

@media screen and (max-width: 900px) {
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory{
background: rgb(232 235 245);
margin-bottom: 35px;
}}

@media screen and (max-width: 900px) {
#myheader,#sideBar,.day{
    padding-left: 5%;
padding-right: 5%;
}}

@media screen and (max-width: 900px) {
.postDesc{
width: auto !important
}}



.entrylistTitle, .PostListTitle, .thumbTitle{
margin-bottom: 0px;

}
.entrylistItem{
padding-bottom:inherit;
}


#blogTitle {
height: 60px;
clear: both;
}
#navigator {
font-size: 18px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
height: 50px;
clear: both;
margin-top: 0px;
}
#blogTitle h2 {
font-weight: normal;
font-size: 18px;
font-size: 1.18571429rem;
line-height: 2.546153846;
color: #757575;
float: left;
}
#menu1sty{
padding-top: 0px!important;
line-height: 50px ;
}

body{
background-image:url("https://images.cnblogs.com/cnblogs_com/brainstorm-yc/1542956/o_sky.jpg");
background-repeat:no-repeat;
background-size:100%;
background-attachment: fixed;
filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.8;
}

@media screen and (max-width:900px){
#navigator {
font-size: 13px;

}}

@media screen and (max-width:900px){
#navList li {
    margin: 0 15px 0 0;
}}
@media screen and (max-width:900px){
#ctrosize {
    background:white;
    width: 6em !important;
}}



@media screen and (max-width:900px){
.post{
margin-left: 5%;
margin-right: 5%;
}}

@media screen and (max-width:900px){
body{
background-color: rgb(232 235 245);
background-image:url("");
background-size:100%;
filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.9;
}}

@media screen and (max-width:900px){
.entrylistTitle{
    padding-left: 5%;
}}

@media screen and (max-width:900px){
.entrylistPosttitle,.entrylistPostSummary,.entrylistItemPostDesc{
    margin-left: 5%;
margin-right: 5%;
}}




/* 隐藏反对按钮 

.buryit {

display:none;

}*/
/*隐藏默认的导航栏 */
#header{display:none;}
#homepage_top_pager{display:none;}

/*
#page_begin_html {display:none;}
*/
.ment_style{
    color: #6a6a6a;
    font-weight: bold;
    padding-top: 15px !important;
    display: block;
    width: 5em;
    height: 22px;
    float: left;
    text-align: center;
    padding: 3px 10px;
    clear: both;
    line-height: 20px;
    font-size: 15px !important;
    text-decoration: none;
}

#navList a {
    display: block;
    width: 6em;
    height: 22px;
    float: left;
    text-align: left;
    padding-top: 19px;
}







media="only screen and (max-width: 767px)"
#navList a {
    width: auto;
}





@media screen and (max-width: 900px) { #blog-news{display:none; }
@media screen and (max-width: 900px) { .catListBlogRank{display:none; }
@media screen and (max-width: 900px) { #c_n9{display:none; }
@media screen and (max-width: 900px) {#sidebar_news{display:none !important; }