* {margin:0 auto}
a {color:#06C;text-decoration:none;outline:medium none}
a:hover {color:#1384B0;text-decoration:underline}
img {border:0}
small {font-size:12px;color:#999}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
button, input, select, textarea {margin: 0;}
blockquote ul{list-style: square;margin:0;}
h1, h2, h3, h4, h5, h6 {
line-height: 1.6em;
font-family:"微軟正黑體","Microsoft JhengHei","Times New Roman",Times,serif;
clear: both;
}
h1{font-size: 2em}
h2{font-size: 1.8em}
h3{font-size: 1.6em}
h4{font-size: 1.4em}
h5{font-size: 1.2em}
h6{font-size: 1em}
p, ul, ol, dl, blockquote, table, article, article footer, nav {
font: 13px/1.7em "Trebuchet MS","Lucida Grande","Lucida Sans",Arial,sans-serif;
letter-spacing: 0.07em;
margin-top: 15px;
margin-bottom: 15px;
text-align: justify;
}
.assistive-text{
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.fix{display:block; clear:both;}
body {
background: url(//ezla.myds.me/wp-content/themes/knut/img/bg.jpg) repeat scroll 0 0 transparent;
color:#444;
font:13px "Trebuchet MS","Lucida Grande","Lucida Sans",Arial,Times New Roman, Times
} #header{
height: 140px;
width: 1000px;
position: relative;
}
#header h1{
padding: 0;
text-align: center;
}
#header h1.no-logo{
padding-top: 45px;
}
#header h1 a.text{
color: #3A4146;
font-size: 50px;
padding-top: 45px;
}
#header h1 a img{
width: auto;
height: 120px;
padding-top: 10px
}
#header h1 a:hover{
text-decoration: none;
color:#666;
} #achang-menu{
width: 1000px;
}
#access {
background: url(//ezla.myds.me/wp-content/themes/knut/img/nav-bg.png) no-repeat scroll 0 0 transparent;
clear: both;
display: block;
margin: 0 auto;
width: 1000px;
}
#access ul {
list-style: none;
margin: 0 auto;
padding-left: 0;
text-align: center;
display: block;
}
#access li {
position: relative;
}
#access ul li{
display: inline-block;
vertical-align : top;
}
#access ul li:last-child{
padding-right: 0;
}
#access ul li:before {
background: url(//ezla.myds.me/wp-content/themes/knut/img/nav-sp.png) no-repeat scroll 0 0 transparent;
content: " ";
display: block;
float: right;
height: 10px;
margin-top: 15px;
width: 1px;
}
#access ul li:last-child:before{
display: none;
}
#access a {
font-size: 15px;
font-family: "微軟正黑體",Arial;
color: #000;
line-height: 42px;
padding:5px 20px;
text-decoration: none;
}
#access ul ul {
background-color: #FFF;
border: 1px solid #A79583;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
display: none;
left: 0;
padding: 0 10px;
position: absolute;
top: 42px;
width: 188px;
z-index: 99999;
text-align:left;
}
#access ul ul a {
background-color:#FFF;
border-bottom: 1px dotted #A79583;
color: #000000;
display: block;
font-weight: normal;
height: auto;
line-height: 30px;
padding: 5px 10px;
width: 168px;
}
#access ul ul li:before{
display: none;
}
#access ul ul li:last-child a{
border: none;
}
#access li:hover > a {
color: #B15A6E;
}
#access ul li:hover > ul {
display: block;
}
#access ul li ul li:hover > ul{
display: none;
}
#access .current_page_item > a,
#access .current_page_ancestor > a ,
#access ul li.current-menu-item a{
color: #625141;
}
#access ul li.current-menu-item ul li a{
color: #54450A
}
#access ul li.current-menu-item ul li a:hover{
color: #625141
}
#access ul li.current-menu-item ul li.current-menu-item a{
color: #625141;
} #content {
overflow: hidden;
padding: 30px 0 15px;
width: 1000px
}
#main{
float: left;
width: 680px;
overflow: hidden;
}
#main .page-main article img{
background-color: #FFF;
border: 1px solid #CCC;
padding: 10px;
max-width: 640px;
height: auto;
}
#main .page-single img{
max-width: 640px;
height: auto;
}
span.sticky{
color: red;padding-right: 5px
} .blog-post figure{
display: block;
text-align: center;
padding: 10px 0
}
.blog-post figure img{
max-width: 640px;
height: auto;
border-radius:2px;
} .page-main{
margin-top:0;
}
.page-main .blog-post{
margin-top: 0;
padding-bottom: 45px;
background: url(//ezla.myds.me/wp-content/themes/knut/img/post-line.png) no-repeat scroll bottom center transparent;
}
.page-main header,
.page-single header{
position: relative;
}
.page-main h1,
.page-single h1{
clear: both;
font-size: 16px;
line-height: 22px;
padding-left: 65px;
position: relative;
top: -22px;
}
.page-main h1 a,
.page-single h1 a{
color: #625141;
font-size:16px;
}
.page-main h1 a:hover,
.page-single h1 a:hover{
text-decoration: none;
color: #A79583;
}
.page-main .day,
.page-single .day{
color: #666;
display: block;
float: left;
font-family: 'Times New Roman',Arial;
font-size: 54px;
font-weight: bold;
height: 45px;
line-height: 45px;
text-align: left;
width: 57px;
}
.page-main .readmore a:hover,
.page-single .readmore a:hover{
text-decoration: none;
color: #B15A6E
}
.page-main .date,
.page-single .date{
padding-left: 10px;
}
.page-main .category,
.page-single .category{
background: url(//ezla.myds.me/wp-content/themes/knut/img/cat.png) no-repeat scroll 0 3px transparent;
margin-left: 15px;
padding-left: 20px;
color: #9A9A9A
}
.page-main .category a,
.page-single .category a{
color: #9A9A9A
}
.page-main .readmore{
padding: 10px 0 0;
text-align: center;
}
.page-main .readmore a{
background: #FFF;
border: 1px solid #CCC;
border-radius: 5px;
color: #999;
display: block;
font-weight: 800;
margin-bottom: 10px;
padding: 0;
height: 34px;
width: 90px;
line-height: 34px
}
#page-page article{
margin: 0
}
#page-archive h1.top-title{
color: #3F3F3F;
font-size: 22px;
line-height: 35px;
padding-bottom: 20px;
top:0;
padding: 0 0 20px
}
.page-main .pw-post{
text-align: center;
padding: 20px 0
}
.page-main .pw-post p{
text-align: center;
} .pagination{
padding-top: 20px;
line-height:36px;
text-align:center;
text-decoration:none;
width:100%;
overflow:hidden;
clear: both;
padding-bottom: 20px
}
.pagination .prev{
margin-right:5px
}
.pagination a{
padding:3px 8px;
text-decoration:none;
color:#555;
border:1px solid #C4A38D;
border-radius: 10px
}
.pagination a.current{
padding: 3px 8px;
font-weight:bold;
text-decoration: none;
border: 1px solid #C4A38D;
background:#FFF;
color: #454545;
border-radius: 10px
}
.pagination .current,
.pagination a:hover{
background: #A59482;
border: 1px solid #C4A38D;
padding: 3px 8px;
color: #FFF;
border-radius: 10px
}
.pagination span.link_title{
font-weight: 800;
padding-right: 5px;
} #sidebar {
float: right;
letter-spacing: 1px;
line-height: 145%;
overflow: hidden;
width: 290px;
}
#sidebar a {
color: #6D6D6D
}
#sidebar a:hover{
text-decoration: none;
color: #B15A6E
}
#sidebar h3{
font:15px Arial,sans-serif;
padding: 3px 0 3px 10px;
text-align: left;
color: #000
}
#sidebar .widget {
line-height: 1.7em;
margin-bottom: 35px;
overflow: hidden;
padding: 0 0 20px;
width: 290px;
}
#sidebar .widget.ss h3{
margin-bottom: 20px
}
#sidebar .widget h3{
font-size: 15px;
font-weight: 800;
color: #635546;
padding: 0 0 3px;
border-bottom: 2px solid #A59482;
margin-bottom: 10px;
}
#sidebar ul {
padding: 5px 8px;
margin:0;
list-style: none;
}
#sidebar ul li:before {
background: url(//ezla.myds.me/wp-content/themes/knut/img/li.png) no-repeat scroll 0 0 transparent;
content: "";
display: block;
float: left;
height: 25px;
margin-left: 0;
margin-top: 8px;
opacity: 7;
padding-right: 10px;
width: 16px;
}
#sidebar ul li {
background: url(//ezla.myds.me/wp-content/themes/knut/img/li-under.png) no-repeat scroll right bottom transparent;
line-height: 25px;
padding: 2px 0;
clear: both;
}
#sidebar .textwidget{
padding: 0 5px;
} #comments{
padding-top: 0px;
border: 8px solid #A79583
}
#comment-inner{
padding: 20px;
background-color: #FFF
}
#comments h1{
color: #333;
font-size: 18px;
font-weight: 800;
line-height: 30px;
margin-bottom: 19px;
}
.commentlist li ul li {
padding:15px;
margin:15px auto 0;
border: 1px solid #DCDCDC
}
.nocomments {
border-bottom: 5px solid #DCDCDC;
color: #555;font-size: 20px;
padding: 15px 10px;
text-align: center;
}
.commentlist {
padding: 0;
margin-bottom: 30px;
}
.commentlist li {
padding:0 10px 15px;
margin:0;
list-style: none;
}
.commentlist .children{
clear: both;
margin: 0 0 0 5.5%;
padding: 0;
}
.commentlist p {
clear: both;
margin: 0 ;
padding-left: 60px;
padding-top: 10px;
}
.comment-author{
float: left;
}
.authormeta{
float: left;
overflow: hidden;
padding-left: 10px;
}
.authormeta .timelink{
padding-top: 3px;
}
.authormeta .timelink a{
font-size: 12px;
}
.commentlist cite, .commentlist cite a {
font-family: "微軟正黑體",Arial;
font-size: 16px;
font-style: normal;
font-weight: 800;
display: block;
}
.commentlist .comment-author img {
float: left;
border-radius: 3px;
box-shadow: 0 0 1px #CCC;
}
.comment-body .reply{
text-align: right;
padding-right: 10px
}
.comment-body .reply a {
background-color: #666;
border-radius: 2px 2px 2px 2px;
color: #FFF;
display: inline-block;
font-size: 15px;
font-weight: normal;
line-height: 16px;
opacity: 0.8;
padding: 5px 10px;
text-decoration: none;
}
.comment-body .reply a:hover{
background-color: #999
}
#commentform{
position: relative;
height: 225px;
overflow: hidden;
}
.comment-form-comment{
margin: 0;
position: absolute;
right: 0;
top: 0;
}
.comment-form-comment textarea{
height: 140px;
width: 350px;
}
.comfiled{
margin: 0;
height: 60px;
width: 235px;
}
.comfiled label{
color: #3F3F3F;
display: inline-block;
font-size: 13px;
padding-right: 0;
width: 70px;
}
.comfiled input{
width: 145px;
font-size:12px;
}
.comfiled .required{
padding-left: 3px;
color:#F25123;
}
.form-submit{
bottom: 0;
position: absolute;
right: 0;
}
.form-submit #submit:hover{
background-color: #F26D23
}
.unapproved{
color: #F25123;
font-size: 13px;
padding-left: 10px;
} .commentlist ul.children{
border-bottom: 2px dashed #999;
margin-bottom:35px;
}
.commentlist ul.children > .children{
border: none;
margin-bottom: 0;
} #respond {
overflow: hidden;
}
#respond h3{
font-family: "微軟正黑體",Arial,sans-serif;
color: #3F3F3F;
font-size: 26px;
line-height: 35px;
padding-bottom: 20px;
} .commentlist #respond{
position: relative;
}
.commentlist #respond p{
padding-left: 0;
}
.commentlist #respond .comfiled{
margin: 0;
height: 35px;
width: 270px;
}
.commentlist #respond .comfiled label{
color: #3F3F3F;
display: inline-block;
font-size: 13px;
padding-right: 0;
width: 70px;
}
.commentlist #respond .comfiled  input{
width: 60%
}
.commentlist #respond .comment-form-comment textarea{
width: 100%
}
.commentlist #respond .comment-form-comment{
position: relative;
}
.commentlist #respond #commentform{
height: 350px;
}
#cancel-comment-reply-link{
background-color: #666;
color: #FFF;
font-size: 15px;
font-weight: normal;
line-height: 16px;
padding: 8px 13px;
text-decoration: none;
bottom: 0;
font-family: arial;
position: absolute;
right: 95px;
z-index: 999;
border-radius:3px;
}
#cancel-comment-reply-link:hover{
background-color: #999;
} .footer-line{
background: url(//ezla.myds.me/wp-content/themes/knut/img/copytight-line.png) repeat-x scroll center top transparent;
display: block;
height: 10px;
width: 100%;
}
#footer {
background: url(//ezla.myds.me/wp-content/themes/knut/img/copyright-bg.jpg) repeat scroll 0 0 transparent;
clear: both;
height: 130px;
margin: 0 auto;
width: 100%;
}
#footer-inner{
width: 1000px;
padding-top: 20px
}
#webname{
float: left;
width: 260px;
height: 80px;
display: block;
}
#webname a{
background: url(//ezla.myds.me/wp-content/themes/knut/img/footer-logo.png) no-repeat scroll 0 0 transparent;
display: block;
float: left;
height: 80px;
text-indent: -999em;
width: 260px;
}
#webinfo{
text-align: right;
padding-top:25px;
color: #6F4F42;
line-height: 20px
}
#webinfo a{
color: #A59482
} .search-box {
background: url(//ezla.myds.me/wp-content/themes/knut/img/search.gif) no-repeat scroll 0 0 transparent;
height: 52px;
margin: 0;
overflow: hidden;
width: 290px;
}
.search-box #s{
background: none repeat scroll 0 0 transparent;
border: medium none;
font-size: 15px;
height: 32px;
line-height: 32px;
margin-bottom: 0;
margin-left: 40px;
margin-top: 10px;
padding: 0;
width: 240px;
}
*+html .search-box #s{
float: left;
}
.search-box #searchsubmit{
display: none;
} #share-box {
float: left;
margin-left: -100px;
background-color: #EEE;
position: absolute;
border-radius: 5px;
text-align: center;
padding-top: 8px;
}
#share-box .sn {
float: left;
clear: left;
padding: 5px;
width: 75px
} .fbbox{
background: url(//ezla.myds.me/wp-content/themes/knut/img/fbox.png) no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 245px;
padding: 0 0 0 60px;
width: 235px;
z-index: 99999;
position:fixed;right:-250px;
top:30%;}
.fbbox div{
margin-left: -7px;
border:none;position:relative;display:block;}
.fbbox div .fb-like-box{
background-color: #FFF;
} .single-top,.single-center,.single-bottom{
border: 1px dashed #666;
padding: 30px 0;
text-align: center;
margin: 20px 0
} input, textarea {
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 3px;
color: #000;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
line-height: 1.4;
outline: medium none;
padding: 6px;
resize: none;
margin-bottom:10px
}
input[type=submit]{
background-color: #F25123;
border: medium none;
font-size: 15px;
margin: 0;
border-radius: 3px;
color: #FFF;
cursor: pointer;
}
input[type=submit]:hover{
background: #F26D23
}
blockquote{
background-color: #EEE;
border: 1px solid #DCDCDC;
color: #000;
margin: 1.5em;
padding: 1em;
}
pre {
border: 1px solid #CCC;color:#333;
display:block;
font:13px/120% Courier New;
overflow:auto;
padding:10px 10px 10px 21px;
width:93%;
margin: 15px 0;
}
table {
width: 100%;
border-radius: 3px;
font-family: Arial,Georgia,"Times New Roman",Times,serif;
color: #333;
}
table td, table th {
border-top-color: white;
border-bottom: 1px solid #999;
color: #555;
}
table th {
font-family: Georgia,"Times New Roman",Times,serif;
font-weight: 800;
padding: 7px 7px 8px;
text-align: left;
line-height: 1.3em;
font-size: 15px;
}
table td {
font-size: 12px;
padding: 4px 7px 2px;
vertical-align: top;
}
table tr:hover{
background-color: #EEE
}
fieldset{
border-color: #999;
}
fieldset legend{
font-weight: 800
} *+html #access a{
line-height: 50px
}
*+html #access ul ul {
padding: 0;
width: 0;
height: 0;
overflow: hidden;
border: none;
}
*+html .page-main .day,
*+html .page-single .day{
width: auto;
height: auto;
float: none;
font: 13px/13px Arial;
display: inline;
font-weight: 400;
color: #444;
}
*+html .page-main .date,
*+html .page-single .date{
padding-left: 0
}
*+html .page-main h1,
*+html .page-single h1{
top: 0;
padding-left:0;
}
*+html #sidebar ul li{
background: url(//ezla.myds.me/wp-content/themes/knut/img/li-under.png) no-repeat scroll center bottom transparent;
line-height: 31px;
padding: 2px 0 2px 15px;
}
*+html #access,
*+html #access li,
*+html #access ul li{
float: left;
}