/*below is common setting*/
* {box-sizing: border-box}
body {min-height:100vh;margin:0 auto;padding:1em;font: small Verdana, Geneva, Arial, Helvetica;width:100%;max-width:768px;background-image: linear-gradient(135deg,#f1f1ef,#5F9EA0,#f1f1ef);}
a{text-decoration:none; color: steelblue;}
a:hover{color:#00B4FF;}
li{margin:0 -1em;}
h2{padding:0;text-align:left;}
img{margin:0 0 -0.6em 0;padding:0;border:0;}
blockquote{margin:1em 0;padding:0.1em 1em;border-left:4px solid gray;background:#f6f6f6;font-size:small;line-height:1.8em;}
.myputty{font-size:small;background:lightgray;color:#2895c3;padding:.4em}
abbr{border:0;background:mistyrose;text-decoration:none; padding:0.2em}
@font-face {font-family: "mywebfont"; src: url("mywebfont.ttf");}
@font-face {font-family: "adele"; src: url("adele-light-webfont-2.ttf");}

#siteheader{border-radius:16px 16px 0 0;display:block;margin:0;padding:0.6em 0;text-align:center; font:xxx-large mywebfont;font-weight:normal;background-image: linear-gradient(45deg,#5F9EA0,#f1f1ef);}
#siteheader a{color:black;}
#slogan1 {margin:0;padding:2px ;text-align:center;font-size:.5em;font-family: "adele";font-weight: bold;}
#slogan2 {margin:0;padding:0 ;text-align:center;font-size:.4em;background:#333;font-weight:bold; color:lightgreen}
/*文章主体的样式*/
#blog-meta{overflow:auto;background:white; color:#666; margin: 0; padding:0.5em 1em; display:none;}	
article{overflow:auto;background:white; color:#666; margin: 0; padding:1em;}	
section{overflow:auto;margin-bottom:1em;padding:0em 2em;border:solid 1px #D6D2CA;background:white;}
section h2{border:none; }
.leftimg{float:left; width:100%;max-width:300px; margin:0.5em 2em 0.5em 0; }
textarea,input{border:none;background:#f6f4f0;}
.coding{width:88%;border:none;border-left:5em solid #DDDDCE;background:#EEEEDD;font:14px Arial; color:#8090AC;padding:0.5em;}
table{margin:0 0 1em 0;width:100%;border-collapse:collapse;font-size:small;line-height:1.6em;}
th{padding:.8em;border:solid lightgray 1px;vertical-align:middle;text-align:center;font-weight:normal;background:#EEEEDD;}
td{padding:.8em;border:solid lightgray 1px;vertical-align:top;}

/*footer的样式*/
footer{border-radius:0 0 16px 16px; background-image: linear-gradient(45deg,#f1f1ef,#5F9EA0);color:#666; margin:0; padding:1.5em 0.5em; line-height:1em; border-top:solid 4px #5F9EA0;}
#twopoints{margin:1em;font:1em Microsoft YaHei, Verdana, Geneva, Arial, Helvetica;float:left;text-align:center;}
#atme{margin:1.8em 0; text-align:center;}
footer {clear: both;text-align:center;margin: 0 auto;}


/*日记本样式 */
.ymd {margin: 1em 2em 1em 0;float:left;text-align:center;font-weight: bold; } 
.ym {display:block;color: white;background:steelblue;width: 5em;height:1.7em;border:1px solid rgba(0,0,0,0.25); padding:0.2em 0 0 0} 
.d {display:block;color: steelblue;width: 5em;height: 2.4em;border: 1px solid rgba(0,0,0,0.25); padding:0.7em 0 0 0}
.jilu{color:steelblue;font-size:1.5em;line-height:1.3em;}
.jiluholder{background:lightgrey;border:none}

/*nav的样式*/
nav{margin:0;padding:1em 0.5em;background:#f1f1ef; font-size:1em;font-weight:bold;border-bottom:solid 3px #5F9EA0;}
nav a{color:#999;}
#nav-left{display:inline;margin:0;padding:0;text-align:left;}
#nav-left a{padding:0.5em 0.3em 0.3em 0.3em;}
/*#nav-left a:hover{color:#00B4FF;background: url('lavalamp.png') no-repeat scroll 0 0 #121212;background-position:top center;}*/
#nav-left a:hover{color:#00B4FF;background-position:top center;}

#nav-right{float:right;display:inline;margin:0;padding:0;text-align:right;color:#999;font-size:1em;font-weight:bold;}
#nav-right a{padding:0.5em;}
/*#nav-right a:hover{color:#00B4FF;background: url('lavalamp.png') no-repeat scroll 0 0 #121212;background-position:top center;}*/
#nav-right a:hover{color:#00B4FF;background-position:top center;}

/*音频视频播放器的样式*/
.avplayer{overflow:auto;text-align:center;padding:0 ;background:#f1f1ef; }
.avplayer p{color:#a0c3cb;padding:0;}
.avplayer a{color:#999;}
.avplayer a:hover{color:lightgrey}
audio{background-color:#f1f1ef}

/*课文标题的样式*/
#coursetitle { background:#f1f1ef; margin:0;padding:0.5em 0 ;color:steelblue; text-align:center;line-height:0.5em;font:1.5em "Microsoft YaHei";font-weight:bold}
#coursetitle span{display:none;font:0.75em Microsoft YaHei;color:#999}


/*课文的样式*/
.nce{overflow:auto;clear:both;padding:1em; margin:0; background:#f1f1ef;border-top:solid 3px #5F9EA0;}
.nce p {margin:0.5em;text-indent: 0;}
.bigimg {width:100%;margin:1em 0;border:0;padding:0}
.smallimg {float:left;border:0;margin-right:1em}
.nce table{background:white}
#tapequestion{display:none}
.article-nce{padding:0;background:black}
.article-nce h2{display:block;margin:0;padding:0;font:x-large "楷体";color:#444;font-weight:bold}
.article-nce h3{display:block;margin:0;padding:0;font:large "楷体";color:steelblue;font-weight:bold}
.nce-section-title{display:none;overflow:auto;clear:both;padding:0.5em; margin:0; background:#D6D2CA;border-top:solid 4px black; }
.tips{display:inline;font:large "楷体";color:steelblue;font-weight:bold}