/* -----copyright------

 Theme Name: Html5CSS3

 Author: jgpy.cn

 Pub Date: 2013-1-16

 Last Modified: 2013-1-29

----------------------*/



/*=global*/

body{background:#def;font:12pt "微软雅黑",Arial;text-shadow:none;color:#456;word-break:break-all;margin:0 auto;width:auto;}

img{border:none;vertical-align:text-bottom;width:100%;}

ul,ol{list-style:none;}

ins,a{text-decoration:none}

a{color:#3A6EA5}

a:hover{color:#39C}

input,

textarea,

select{outline:none;border:1px solid #ddd;border-radius:3px;box-shadow:0 0 2px 2px #eee inset;background:#f9f9f9;padding:0 5px;font:14px/32px "微软雅黑",Arial;color:#666;width:auto;}

textarea{line-height:24px;padding:5px;overflow:auto}

input:focus,

textarea:focus{border-color:#39C;background:#fff;color:#123}

input.err,

textarea.err{border-color:#C33;box-shadow:0 0 3px 3px #FFEEF7 inset;}

input[type='text']{height:30px;width:65%;}

input[type='checkbox'],

input[type='radio']{border:none;background:none;}

select{padding:5px 5px 5px 1px;}

button,

input[type='submit'],

.btn{outline:none;border:1px solid #069;box-shadow:0 -10px 10px rgba(0,0,0,.2) inset, 0 0 1px #fff inset;background:#3A6EA5;color:#fff;border-radius:6px;text-shadow:0 -1px rgba(0,0,0,.5);cursor:pointer;height:34px;padding:0 15px;font:bold 14px "微软雅黑",Arial;margin:0 10px 0 0;}





/*=nohtml5*/

#nohtml5{position:fixed;z-index:99999;top:0;left:0;padding:0 1%;width:98%;color:#F30;background:#FFC;line-height:2;text-align:center;font-size:1em;margin:0;}

:root hgroup>#nohtml5{display:none}



/*=header*/

body>header{max-width:600px;background:#3A6EA5;color:#fff;padding:2px 0px;margin:0 auto;position:relative;}

body>header a,

body>header a:hover{color:#fff}

body>header h2{float:left;font-size:14pt;letter-spacing:1px;line-height:4px;margin-left:5px;}

body>header nav{line-height:3px;margin:5px 0;}

body>header nav ul{margin:0;padding:0;}

body>header nav li{float:left;margin:2px 0 0 2px;height:4px;font-size:11pt;}

body>header nav li:before{content:" / ";color:rgba(0,0,0,.3);margin:0 2px 0 0;text-shadow:none}

body>header nav li:first-child::before{display:none}

body>header:after{display:block;content:".";clear:both;height:0;overflow:hidden;}

body>header:before,

body>header nav:after,

#main>section:before,

#main>section:after{width:100%;height:0;overflow:hidden;display:block;clear:both;content:".";}

body>header nav:after,

/* #main>section:after{margin:0 0 0 30px;-webkit-transform:rotate(2deg);transform:rotate(2deg);left:auto;right:50px;} */



/*=wrap*/

body>section{max-width:600px;margin:1px auto;position:relative;padding:0 ;}

body>header ul:after,

body>section:after,

#main:after,

#extra>dl:first-child dd:after{content:".";height:0;clear:both;overflow:hidden;font:0px/0 arial;display:block}



/*=global layout*/

#main>section,

aside{background:#fefefe;-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.2);}



section>article,

section>nav,

article~dl,

aside>dl{padding:1px 0;margin:8px 20px;line-height:1.5;}

/*=main*/

#main{padding:0 ;float:left;}

#main::after{display:inline-block;content:"--------";font-size:20em}

#main>section{float:left;position:relative;width:100%;margin:0 0 -14px}

#main>section>nav{border:none}

/*=nav*/

#main nav{text-align:center;}

#main nav>span,

#main nav a{margin:0 5px;}

#main nav span{display:inline-block;height:24px;line-height:24px;padding:0 8px;border:1px solid #eee;border-radius:3px}

#main nav>span{background:#def;box-shadow:0 0 2px rgba(0,0,0,.2) inset;border-color:#abc;}

/*=article*/

article{border-bottom:1px solid #eee;border-top:1px solid #fff;overflow:hidden}

article>header h1,
article>header h2{font-size:14pt; margin:10px 0 0 0;text-align:center;}
article>header h3{font-size:13pt;color:#3A6EA5;font-weight:100;line-height:1.5;margin:0;}

article>header h4{font-size:12pt;margin:0;font-weight:100;}

article>header h5{margin:5px;font-weight:100;color:#abc;text-align:center;}

article>header h5 a:link{color:#3A6EA5;text-decoration:underline;}

article>header h5 em{margin-right:5px;}

article>header time{color:#abc;line-height:3;margin:0;font-size:5px}

article>section{margin:5px 0}

article>section ul{border-left:5px solid #eee;list-style:disc outside none;}

article>section ol{background:#f5f5f5;border:1px solid #eee;margin:10px 0;border-radius:5px;list-style: decimal outside none;}

article>section li{background:#fff;padding:0 0 0 10px;color:#789;}

article>section li p{color:#456;margin:0}

article>section ol li:nth-child(even){background:#f9f9f9}

article>section pre{max-width:400px;}

article>section>article{margin:0}

article>footer{color:#789;}

article>footer h4,

article>footer h5{font-weight:100;font-size:.12px;margin:0}

article>footer h4 a{margin:0 5px 0 0}

article>footer h5{text-align:right;word-spacing:5px}

article>footer h5 em{font-style:normal;border-left:1px dotted #ddd;padding:0 0 0 8px;}

article>footer h5 em:first-child{border:none;padding:0}

article>nav{margin:20px 0 0;}

article>nav p{margin:0;text-align:left}

article>section .tag-name{margin:0 10px 0 0}

/*=hilitecode*/

article .syntaxhighlighter{width:100%!important}

/*=main dl*/

article~dl{border-top:1px solid #fff;border-bottom:1px solid #eee;}

article~dl:last-child{border-bottom:none}

#related li time{float:right;color:#abc}





/*=pstcmt*/

#postcmt dd{position:relative;padding:108px 0 0 0;margin:0 12px 0 100px;}

#postcmt dd h5{font-size:14px;font-weight:100;position:absolute;left:10px;top:5px;margin:0;}

form[action*='act=cmt'] p{margin:12px 0 0;}

form[action*='act=cmt'] p label{margin:0 -10px 0 10px;display:block}

form[action*='act=cmt'] p img{right:0;position:absolute;margin:-2px -2px 0 0;z-index:2}

form[action*='act=cmt'] p sup{color:#F36;position:absolute}

form[action*='act=cmt'] input{height:32px;width:100%;display:block;background:none;margin:0 0 -29px -10px;text-indent:60px;}

form[action*='act=cmt'] textarea,

form[action*='act=cmt'] span[class^='xhe_']{height:96px;position:absolute;top:0;left:0;background:none;width:100%;}

form[action*='act=cmt'] textarea:focus{background:#fff!important;}

form[action*='act=cmt'] button{}

#postcmt figure{position:absolute;left:-100px;top:0;margin:0;padding:0;width:80px;text-align:center;}

#postcmt figure img{width:80px;height:80px;display:block;margin:0 0 3px}

#postcmt figure b{margin:0 5px 0 0 }

#postcmt figure ins{color:#789;font-size:12px;position:relative;top:-1px;white-space:nowrap}

blockquote textarea{background:white!important;position:relative!important;width:95%!important;}

blockquote input{background:white!important;width:95%!important;}

/*=side extra*/

aside{width:100%;margin:0 -260px 0 0;float:left;}

aside:after{width:140px;height:30px;overflow:hidden;display:block;clear:both;content:".";border-radius:50px;z-index:-1;position:absolute;margin:-40px 0 0 50px}

aside>dl{border-top:1px solid #eee;}

aside dl:first-child{border:none}

article~dl>dt,

aside>dl>dt{font-size:12pt;color:#3A6EA5;margin:0 0 5px;background-color:#ddeeff;}

article~dl ul,

aside ul{overflow:hidden;padding:0;margin:-5px 0}

article~dl li,

aside li{dotted #def;padding:5px 0;margin:0 8px 0 0;float:left}
aside li a:link{color:#3A6EA5;
    text-decoration:underline;}
.tag-count {display: none;}


article~dl dd,

aside dd{font-size:12pt;margin:0}

article~dl p,

aside p{margin:0;}

article~dl dd a,

aside dd a{color:#456}

article~dl dd a:hover,

aside dd a:hover{color:#39C}

#extra>dl:first-child figure{float:left;margin:0 10px 0 0;}



/*=canledar*/

table[id$='Calendar']{width:100%;table-layout:fixed;text-align:center;border:none}

table[id$='Calendar'] small{font-size:12px;}

table[id$='Calendar'] td a{display:block;background:#def;}

table[id$='Calendar'] td b{display:block;background:#3A6EA5;color:#fff;text-shadow:none;}

/*=catalog*/

#divCatalog ul ul{margin:0 0 0 10px}

#divCatalog ul ul li:before{content:"└ ";color:#ddd;margin:0 0 5px}

/*=footer*/

body>footer{color:#3A6EA5;text-align:center;clear:both;max-width:600px; margin:0 auto;background-color:#FFFFFF;}

body>footer *{font-size:12pt;font-weight:100;}

body>footer h5{font-size:.14pt;margin:10px 0 0}

body>footer a{color:#3A6EA5}