/*风格提取自wp的iNove风格*/
*{padding:0;margin:0;}
html{box-sizing: border-box;}
body{background:#fff url(bg.jpg) repeat-x;color:#555;line-height:120%;font: 1.2em 'Century Gothic',"San Francisco","Lucida Grande","Lucida Sans Unicode","helvetica neue",Verdana,tahoma,Aril,PingFangSC-Light,"hiragino sans gb",STXihei,"华文细黑","WenQuanYi Micro Hei","Microsoft YaHei UI","Microsoft YaHei","微软雅黑",Heiti,"黑体",sans-serif;}
img{border:none;}
li{list-style: outside none none;margin: 0;padding: 0;}
/*input,textarea{-webkit-appearance:none;outline:none;}*/
.add{margin-bottom:10px;clear:both;}
.log{border:1px #ccc solid;height:17px;padding:4px;font-family: 'Century Gothic',"San Francisco","Lucida Grande","Lucida Sans Unicode","helvetica neue",Verdana,tahoma,Aril,PingFangSC-Light,"hiragino sans gb",STXihei,"华文细黑","WenQuanYi Micro Hei","Microsoft YaHei UI","Microsoft YaHei","微软雅黑",Heiti,"黑体",sans-serif;}
.relog{width:80%;font-size:1em;padding:2px;}
#pname{margin-bottom:5px;*margin-bottom:0px;font-size:1.0em;}
input.search,input.pass{height:2em;border:1px #ccc solid;padding:2px;box-sizing: border-box;float: left;margin-top: 4px;}
textarea.addlog{width:85%;font-size:1.2em;height:auto;box-sizing: border-box;}
textarea#plog{width:75%;font-size:1em;height:auto;}
input:focus {border: 1px solid #37b8eb;}
textarea:focus {border: 1px solid #37b8eb;}
#searchbox input {border-right:none; margin:2px 0;}
#searchbox .btn{float: left; font-size:10pt; margin:2px 0;padding:0;}
.btn {
    width: 3em;
    height: 2em;
    border: none;
    cursor: pointer;
    margin-top: 4px;
    background-color: rgb(63,181,91);
    color: #fff;
    font-size: 1.0em;
} 
#eadd{ float:right}
.uppic{float:left; margin-top:8px}
a{color:rgb(61,61,71);text-decoration:none;}
a:hover{color: rgb(63,181,91);}
#wrap{padding:0;margin:0 auto;max-width:100vw;}
#tit{width:50%}
#header{background:#333; color:#f5f5f5;margin-bottom:0px;}
#caption{height:43px;padding:25px 30px 21px;max-width:960px;margin:0 auto;}
#title a{text-decoration:none;color:#FFF;height:30px;display:block;font-family:"Trajan Pro";letter-spacing:0;}
#tagline{color:#FFF;text-decoration:none;font-size:0.8em;padding:0 3px;}
#navigation{background:#fff;height:31px;line-height:31px;overflow:hidden;margin:0 auto;}
#menus{margin:0 auto; max-width:960px;padding-right:5%;}
#menus li{display:inline;list-style:none;}
#menus li a{background:transparent url(menu.gif) no-repeat;display:block;height:31px;line-height:31px;padding:0 20px;margin-left:-10px;text-decoration:none;float:left;z-index:1;}
#menus li a:hover{background-position:0 -31px;transition:all ease 0.2s;}
#menus li.end_item a:hover{background-position: 0 0;}
#other{float:right;padding-right:10px;}
#content{border-top: 1px solid #ccc;background:url(sidesep.png) #fff right repeat-y;
         clear:both;max-width:100%;min-height:75vh;overflow:hidden;box-shadow:0 3px 3px rgba(0, 0, 0, 0.155) inset;}
#frame {margin:0 auto;padding-left:1em;}
#frame tr td {vertical-align: top;}
#main{max-width:80vw; margin:2em auto; padding-left:1em; position:relative; right:5vw;}
.boxPost {
    word-wrap: normal;
    max-width: 80%;
    clear: both;
    border: 1px solid #ccc;
    padding: 1em;
    overflow: hidden;
    margin-bottom: 10px;
    opacity: 0.8;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
    .boxPost:hover {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.155) inset;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        opacity: 1;
    }
.boxPost h1{font-size:1.2em;line-height:22px; margin-bottom: 10px;color:#2970a6}
.textPost{font-size:0.9em;word-break:break-all;word-wrap:break-word;line-height:28px}
.time{font-size:0.8em;color:#999999;float:left}
.navPost{float:right;}
.navPost a{font-size:0.8em;}
.rpfm{clear:both;}
.comlist{clear:both;border-bottom:1px #B4B4B4 dotted;margin-bottom:5px;overflow:hidden}
#comment_list {word-wrap:normal; max-width:90%;clear:both;border-bottom:1px solid #ccc;overflow:hidden;margin-bottom:10px;}
#comment_list h4{border-bottom: 1px dotted #ccc;font-size:0.8em;margin-bottom:5px;}
#content p{line-height:24px;}
#errmsg{color:red}
.ico{background:#548AF5;padding:1px 5px;font-size:0.8em;color:#fff;border-radius:3px;}
.si{background:#444;}
.jin{background:#c81623;}
/*侧边栏*/
@media screen and (max-width:1360px) {
   #content{background:#fff;}
   #frame tr td{min-width:0;padding-left:0;}
   #sidebar,#other,.info{display:none;}
   #wrap{padding-top:0;}
   #main{max-width:80vw; margin: 2em 10vw;padding:0;}
    .boxPost {max-width:100%;}
   #atime{margin-top:15px;}
}
#sidebar{position:absolute;top:2em;right:0;margin-left:3px;line-height:145%;overflow:hidden;padding-bottom:10px;}
.widget {
    /*background: url(widgetsep.png) bottom no-repeat;*/
    background-image: none;
    border-bottom: 1px solid #fff;
    padding: 10px 15px 19px;
    margin: 0;
    color: rgb(61,61,71);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
}
    .widget:hover {
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        background-image: -webkit-linear-gradient(right, rgba(63,181,91,0.5) 0%, #fff 100%);
        background-image: -ms-linear-gradient(right, rgba(63,181,91,0.5) 0%, #fff 100%);
        background-image: -o-linear-gradient(right, rgba(63,181,91,0.5) 0%, #fff 100%);
        background-image: -webkit-linear-gradient(right, rgba(63,181,91,0.5) 0%, #fff 100%);
        background-image: linear-gradient(right, rgba(63,181,91,0.5) 0%, #fff 100%);
        background-image: -webkit-linear-gradient(right, rgba(63,181,91,0.5), #fff);
        color: rgb(63,181,91);
        border-color: rgb(63,181,91);
    }
/*.widget:last-child{border:none;}*/
#blogimg{text-align:center; margin-bottom:5px;}
#sidebar h2 {
    font-size: 1em;
    margin-bottom: 10px;
    background: linear-gradient(left, #fff 0%, rgba(63,181,91,0.5));
    color: #333;
    padding: 1em;
}
    #sidebar h2 span {
        font-size: 0.95vw;
        font-weight: normal;
    }
#sidebar ul li{list-style:none;margin-left: 3px;padding-bottom:2px;font-size:0.8em;}
#sidebar a:hover {
    color: rgb(63,181,91);
    text-decoration: none;
}
.comment li,.topic li{border-bottom: 1px dotted #B4B4B4; line-height:24px;}
.comment li:last-child,.topic li:last-child{border-bottom:none}

/*分页*/
#pager{margin:10px 0;text-align:right; clear:both;font-size:0.8em;}
#pager a{margin-right:5px;padding:3px 6px;text-decoration:none;border:1px solid #EDEFF0;}
#pager a:hover{background:#F7F7F7;border:1px solid #CCC;}
#pager span{margin-right:5px;padding:3px 6px;border:1px solid #EDEFF0;text-align:center}
    #pager .current {
        background-color: rgb(63,181,91);
        border: 1px solid #27a9e3;
        color: #fff;
    }
#footer{background:#333;color:#62626c;text-align:center;font-size:0.8em;max-width:100vw; clear:both; padding:3vh 0}
#footer a{color:#2A2A2A;}
.tabtitle {
    background: #f4f4f4;
    /*border-bottom: 1px solid #ddd;*/
 
    line-height: 30px;
    padding: 0 10px 0 20px;
    display: -webkit-box;
    overflow-x: auto;
	overflow-y:hidden;
    white-space: nowrap;
    
}
.tabtitle li{
    cursor: pointer;
    display:inline-block;
    padding: 0 15px;
}

.tabtitle li.on{
    background: #fff ;
   /* border-color: #ddd #ddd #fff;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;*/
	border:1px solid #ddd;
	border-bottom:0;
    height:30px;}
.tabcontent{clear:both;margin:10px 0 0 10px;}

.s_b {
	height:108px;
	margin-bottom:5px;
}
.s_d {
	height:30px; 
}
.s_e { 
	height:60px;
}

.input_textarea {
    width:90%;
	height:68px;
    border:1px #ccc solid;
    font:14px Verdana, Arial;
    margin-top:5px;
    padding:5px;
}
 
.input_narrow {
	width:50%;
	height:17px;
    border:1px #ccc solid;
    font:14px Verdana, Arial;
    margin-top:5px;
    padding:5px; display:block
}
.s_h {height:258px;margin-bottom:5px;}
.s_h .input_textarea{height:218px;}
.ef{margin-bottom: 5px;}
.select {
    border: 1px #ccc solid;
    padding: 2px;
}
.textTitle{margin-bottom:8px;}
.textPic{float: left;
margin-right:15px;
margin-left: 0; 
width: 240px;
min-width: 200px;
height: auto;}
.textPic img{padding: 3px;border: solid 1px #F1F1F1;}
.textNav{clear:both}
#log{width: 95%;
border: 1px #ccc solid;
font: 0.8em Verdana, Arial;
padding:4px;
border-top: none;
overflow:auto;
height: 300px;box-sizing: border-box;}
.nicEdit-panelContain{box-sizing: border-box;}