html,body{
font:17px Helvetica,Arial,sans-serif;
margin:0 0;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,145,212,0.4)}
body a{text-decoration:none}
#header,
#toolsbar{
position:relative;
z-index:100;
text-align:left}
#toolsbar div{display:inline-block}
#toolsbar div a{display:block;font-size:15px}
#toolsbar div.more a{
background-image:url(media/img/arrow.white.down.png) ;
background-repeat:no-repeat;
background-position:4px center;
padding-left:18px;
margin-right:0
}
#srchArea input{
width:90%;
color:#333;
background:white url(media/img/srch.field.bg.png) no-repeat 6px 6px;
padding-left:24px;
padding-right:6px;
text-shadow:none;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border:2px solid #bbb;
}
#desktop{min-height:240px}
#categories,
#moremenu{
position:absolute;
z-index:10;
width:100%;
background:white;
opacity:0.9;
top:-1000px;
-webkit-transition: top 0.3s ease-in;
-moz-transition:top 0.3s ease-in;
}
#categories.show,
#moremenu.show{
top:0;
}
#categories div,
#moremenu div{
border-bottom:1px solid #bbb;
padding:4px 10px;
}
#categories a,
#moremenu a{
display:block;
color:#000;
text-shadow:1px 1px 2px #666;
padding:4px 24px 4px 4px;
background:url(media/img/arrow.grey.png) no-repeat right center}

#contents div.item a{
display:block;
padding:4px 0}
#contents div.item .datetime{display:block;font-size:80%}
#contents div.item .cmts{font-size:80%;margin-left:10px}
#contents div.item .cmts:after{content:"則留言"}
#contents a.godoc{display:block}
#viewmore a{display:block;text-align:center}

div.cmtArea a.cm_email{text-align:right;opacity:0.6;margin:6px 0;display:block}
div.cmtArea a.body,
div.cmtArea a.cm_email{font-size:15px}
#contentpage #contentarea div.title{margin-bottom:10px}

input,
textarea{
background:white;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:none;
font-size:17px;
color:#333
}

#commenteditor{margin:10px auto;width:98%}
#commenteditor input{width:95%}
textarea{height:180px;width:95%}
#copyright{
margin-top:10px;
font-size:15px;
}

#viewmore{text-align:center}
#viewmore a,
button.post,
a#showcomments,
a.godoc{
width:70%;
margin:10px auto;
display:block;
text-align:center;
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.6);
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.6);
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
border-width:0;
border-top:1px solid rgba(255,255,255,0.25);
border-bottom:1px solid rgba(0,0,0,0.25);
background:#1c79d6 url(media/img/reflect.btn.png) repeat-x center center;
font-size:15px;
padding:5px 10px 6px; 
color:#fff; 
text-decoration:none;
-moz-border-radius:5px; 
-webkit-border-radius:5px}

div.photoarea{
border-top:1px solid #999;
margin:10px auto;
}
div.photoarea img{
display:block;
margin:4px auto;
border:1px solid #333;
-webkit-box-shadow:0 2px 4px #333;
-moz-box-shadow:0 2px 4px #333;
}
div.photoarea img:first-child{margin-top:10px}

#copyright:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}
#nicetypoinfo{float:right;margin:20px auto 6px auto;font-size:14px;color:#666;}

div#floatDiv{
-moz-box-shadow:1px 2px 4px rgba(0,0,0,0.9);
-webkit-box-shadow:1px 2px 4px rgba(0,0,0,0.9);
-webkit-border-radius:12px;
-moz-border-radius:12px;
display:none;
width:60px;
height:60px;
position:absolute;
top:0;left:50%;
margin-left:-30px;
opacity:0.6;
background:#000 url(media/img/float.loading.gif) no-repeat center center;
z-index:1000}
#contents span.emptysrch:after{content:"目前找不到符合的搜尋結果！"}

@media screen and (max-height:300px){
}