#smartmenu{
padding:5px;
color:#fff;
}
#smartmenu a:link{
color:#FF9;
}
#smartmenu a:hover{
color:#FF9;
}
#smartmenu a:visited{
color:#FF9;
}
#smartmenu #f-info{
border:2px #fff solid;
padding:5px 5px;
margin:10px 4px;
}
#smartmenu{display: none;}
.smartobjct{display: none;}
#menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #096;
width: 100%;
border-bottom: 5px solid #eee;
z-index: 9999;
}
#menu-btn {
display: none;
}
#menu-content {
margin: 0;
list-style-type: none;
padding-left: 0;
}
#menu-content > li {
position: relative;
float: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#menu-content > li > a {
display: block;
padding: 0 15px;
line-height: 40px;
color: #fff;
font-size: 15px;
text-decoration: none;
}
#menu-content > li > a:hover {
background-color: #13845A;
}
#menu-content > li > a > .blogicon-chevron-down {
margin-right: 5px;
}
#menu-content > li > ul.second-content {
visibility: hidden;
opacity: 0;
position: absolute;
padding-left: 0;
list-style-type: none;
-webkit-box-shadow: 1px 1px 7px #aaa;
box-shadow: 1px 1px 7px #aaa;
z-index: 9999;
}
#menu-content > li:hover > ul.second-content {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.2s, visibility 0.2s;
transition: opacity 0.2s, visibility 0.2s;
}
#menu-content > li > ul.second-content > li {
min-width: 220px;
}
#menu-content > li > ul.second-content > li > a {
display: block;
line-height: 40px;
font-size: 14px;
text-decoration: none;
color: #159867;
background: #fff;
padding-left: 10px;
}
#menu-content > li > ul.second-content > li > a:hover {
background: #eee;
color: #159867;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
@media screen and (max-width: 999px) {
.smartobjct{display: inline;}
#smartmenu{display: block;}
#menu{
border-bottom:none;
}
nav {
position: fixed;
top: 0;
left: -900px;
bottom: 0;
width: 70%;
background-color: #096;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 3;
opacity: 0;
}
.open nav {
left: 0;
opacity: 0.9;
}
nav .inner {
padding: 25px;
}
nav .inner ul {
list-style: none;
margin: 0;
padding: 0;
}
nav .inner ul li {
position: relative;
margin: 0;
}
nav .inner ul li a {
display: block;
color: #333;
font-size: 14px;
text-decoration: none;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.toggle_btn {
display: block;
position: fixed;
top: 5px;
right: 20px;
width: 30px;
height: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
z-index: 99;
background-color: #096;
border: 1px solid #fff;
}
.toggle_btn span {
position: absolute;
left: 0;
width: 20px;
height: 2px;
margin: 0 4px;
background-color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.toggle_btn span:nth-child(1) {
top: 6px;
}
.toggle_btn span:nth-child(2) {
top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 5px;
}
.open .toggle_btn span {
background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(6px) rotate(-315deg);
transform: translateY(6px) rotate(-45deg);
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(45deg);
}
#mask {
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index: 2;
cursor: pointer;
}
#menu-content > li {
width: 100%;
margin-bottom: 15px;
}
#menu-content > li:hover {
background: none;
}
#menu-content > li > a {
height: 100%;
padding: 0px;
font-size: 16px;
border-bottom: 1px solid #fff;
}
#menu-content > li > a:hover {
background: none;
}
#menu-content > li > ul.second-content {
visibility: visible;
opacity: 1;
width: 100%;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu-content > li > ul.second-content > li {
width: 100%;
text-align-last: left;
}
#menu-content > li > ul.second-content > li > a {
color: #fff;
background: #096;
padding-left: 10px;
font-size:16px;
}
#menu-content > li > ul.second-content > li > a:hover {
background: none;
color: #ccc;
}
} .l-nav {
background: #1fb583;
}
.l-nav ul {
display: flex;
margin: 10px auto;
padding: 0;
width: 100%;
max-width: 960px;
list-style-type: none;
}
.l-nav ul li {
position: relative;
width: 20%;
}
.l-nav ul li a {
display: block;
padding: 10px 5px;
color: #fff;
text-align: center;
text-decoration: none;
}
.l-nav ul li a:hover {
background-color: #13845A;
height: 100%;
color: #fff;
}
.l-nav .active{
background-color: #13845A;
}
.myBlogList .a{width: 83%;display: block;float: left;}
.myBlogList time{width: 16%; display: block;float: left;font-size: 1em;}
.myBlogList li{border-bottom: dotted 1px #ccc; margin-bottom: 1em;}
@media (max-width: 767px) {
}
@media (max-width: 643px) {
.l-nav ul {
display: block;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 643px;
list-style-type: none;
}
.l-nav ul li {
position: relative;
width: 100%;
border-bottom: 1px solid #fff;
}
}