@media screen and (min-width: 960px){
*{margin:0;padding:0;text-decoration: none;list-style: none;}
body{background-color:#d4dcda;font-size:16px;font-family:"微软雅黑","宋体",Arial;}

#Header1_HeaderTitle{color:#316745;}
#blogTitle h1{border-bottom:0.1em solid #989898;border-radius:10px;border-bottom-right-radius:5px;z-index:1;}
#home{padding:6% 3.5% 2% 4.5%;}
#sideBar{width:20%;float:left;margin-left:4rem;border-left:0.3rem solid #605d5d;padding-left:0.8rem;border-radius:1px;}
#blogTitle{width:100%;height:7em;position:relative;}
#header h2{color:#888084;font-family:'FZShuTi'}

#navList li{display: inline-block;}
#navList li a{color:#69b076}
#mainContent{width:70%;float:left;}

.postTitle{border-radius:3px; padding:0.1rem 0.3rem;
   background:#C0C0C0;}
#sidebar_search{display:none;}

.postDesc{margin-bottom:0.8rem}
a[id*='_HomePageDays_DaysList_ct']{color:#1A962A;}
a{color:#00552e;}
#header{}

#fixed-top-bar{position:fixed;top:0;width:100%;background:#000000;padding:1em 0;margin-bottom:0.1rem;z-index:100;}
#fixed-top-bar #navigator{position:relative;}
#fixed-top-bar #navigator #navList{float:left;}
#fixed-top-bar #navigator .blogStats{float:right;padding-right:9%;color:#ffffff;}
#fixed-top-bar #navigator #navList li{padding:0 0.5em;}
#home  #navigator{display:none;}

a:hover{
color:#eb6238;
}
#navList a:hover{
    -webkit-transition: color 2s;
    -moz-transition: color 2s;
    -ms-transition: color 2s;
    -o-transition: color 2s;
    transition: color 2s;
color:#00a381;
}

#footer{color:gray;text-align:center;margin-top:2.4em;}
}


@media screen and (max-width: 960px){
*{margin:0;padding:0;text-decoration: none;list-style: none;}
body{background-color:#d4dcda;font-size:16px;font-family:"微软雅黑","宋体",Arial;}
#home{padding:18% 3.5% 2% 4.5%;}
#Header1_HeaderTitle{color:#316745;}
#blogTitle h1{border-bottom:0.1em solid #989898;border-radius:10px;border-bottom-right-radius:5px;}

#blogTitle a{padding:1em 0;}
#blogTitle{width:100%;}



#navList li{display:inline-block;}

.postTitle{border-radius:3px; padding:0.1rem 0.3rem;
   background:#C0C0C0;}
#sidebar_search{display:none;}

.postDesc{margin-bottom:0.8rem}
a[id*='_HomePageDays_DaysList_ct']{color:#1A962A;}
a{color:#00552e;}



#fixed-top-bar{position:fixed;top:0;width:100%;background:#000000;padding:1em 0;margin-bottom:0.1rem;}

#fixed-top-bar #navigator #navList{float:left;padding-left:7%}
#fixed-top-bar #navigator .blogStats{display:none;}
#fixed-top-bar #navigator #navList li{padding:0 0.5em;}
#home  #navigator{display:none;}
#navList li a{color:#69b076}
a:hover{
color:#eb6238;
}
#navList a:hover{
    -webkit-transition: color 2s;
    -moz-transition: color 2s;
    -ms-transition: color 2s;
    -o-transition: color 2s;
    transition: color 2s;
color:#00a381;
}
#header{display:none;}
#footer{color:gray;text-align:center;margin-top:2.4em;}
   #mainContent{width:100%;}
   #sideBar{width:80%;padding:0 0 0 4em;text-align:center;}
}

#blog-calendar{border:0.2em solid gray;box-shadow:0.1em 0.1em 0.4em gray ;border-radius:3px;}
#blog-calendar tr:nth-child(1){background-color:gray;}
#blog-calendar tr:nth-child(2){background-color:#c0c0c0;}
#blog-calendar table tr u{color:red;}
.CalTodayDay{font-weight:600;}

.newsItem .catListTitle{display:none;}
#photo{width:160px;height:130px;margin:0 auto;}
#photo img{width:160px;height:130px;}
#blog-news{padding-top:50px;}

#profile_block{font-size:0.8rem;margin-left:4em;}
#p_b_follow{border:0.1em solid #f7bd8f;width:58px;border-radius:4px;background-color:#f7bd8f;}

.newsItem{margin-bottom:2em;}
#blog-calendar{font-size:0.8rem}
#blog-sidecolumn h3{background:#f7bd8f;color:#595857;text-align:center;margin-top:1rem;font-family:'	Microsoft JhengHei';}