.satom,.srss12,.sbblog,.scopyurl,.sblog,.sfb,.smagz,.splurk,.sroodo,.srss,.stwitter,.sbrss,.scc {background: url('http://cdn.rimg.tw/blog/images/bsprite.v1.2.png');}
.satom {background-position: -0px -0px; width: 131px; height: 15px;}
.srss12 {background-position: -0px -25px; width: 12px; height: 12px;}
.sbblog {background-position: -0px -47px; width: 131px; height: 34px;}
.scopyurl {background-position: -0px -91px; width: 55px; height: 18px;}
.sblog {background-position: -0px -119px; width: 45px; height: 26px;}
.sfb {background-position: -0px -155px; width: 15px; height: 15px;}
.smagz {background-position: -0px -180px; width: 62px; height: 26px;}
.splurk {background-position: -0px -216px; width: 15px; height: 15px;}
.sroodo {background-position: -0px -241px; width: 46px; height: 26px;}
.srss {background-position: -0px -277px; width: 27px; height: 15px;}
.stwitter {background-position: -0px -302px; width: 15px; height: 15px;}
.sbrss {background-position: -0px -327px; width: 131px; height: 15px;}
.scc {background-position: -0px -352px; width: 88px; height: 31px;}

.pic1 {
	BORDER-RIGHT: #e1e1e1 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #e1e1e1 1px solid; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 2px; BORDER-LEFT: #e1e1e1 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #e1e1e1 1px solid; TEXT-ALIGN: center
}
.pic2 {
	BORDER-RIGHT: #e1e1e1 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e1e1e1 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #e1e1e1 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e1e1e1 1px solid; TEXT-ALIGN: center
}
.space1 {
	MARGIN-BOTTOM: 1px
}
.space3 {
	MARGIN-BOTTOM: 3px
}
.space5 {
	MARGIN-BOTTOM: 5px
}
.space10 {
	MARGIN-BOTTOM: 10px
}
.space15 {
	MARGIN-BOTTOM: 15px
}
.space20 {
	MARGIN-BOTTOM: 20px
}
.space25 {
	MARGIN-BOTTOM: 25px
}
.space30 {
	MARGIN: 60px
}
.dir {
	FONT-SIZE: 13px; 
	padding: 5px 0px 5px 0px; 
	COLOR: #e1e1e1; 
	TEXT-ALIGN: center
}
.tools {
	MARGIN: 5px 0px
}
.adbox {
	padding: 15px 0px; LINE-HEIGHT: 130%
}
.adtext {
	FONT-SIZE: 12px
}

TABLE.form {
}
LABEL {
}

#ccode_ans {
	BORDER: #666666 1px solid; WIDTH: 50px;
}

#text {
	BORDER: #666666 1px solid; WIDTH: 370px; HEIGHT: 150px
}

.ccode_info {
	padding-left: 5px; FONT-SIZE: 12px; FONT-WEIGHT: normal;
}

.myicon {
}

.myicon img{
	BORDER: #ffffff 1px solid;
}

.myicon-c {
}

.myicon-c img {
	BORDER: #ffffff 1px solid; margin: 0px 0px 7px 0px;
}

.myicon-info {
	float: left; padding: 0px 0px 5px 5px; FONT-SIZE: 12px; FONT-WEIGHT: normal;
}

a.myicon:link {
	TEXT-DECORATION: none;  
}

a.myicon:visited {
	TEXT-DECORATION: none;  
}
/* ¤W¤è°Ï¶ô start */

#relative_article{};
#relative_article h3{
  font-size:0.75em;
	margin:5px 0;
	padding:0px;
	text-decoration: underline #666;
	}
#relative_article ul{
	margin:0;
	padding:0;
	padding-top:3px;
	overflow: hidden;
	height: 180px;
	list-style: none;
 }
#relative_article li{
	list-style:none;
	float:left; 
	border-left:1px solid #ccc;
	text-align:center;
	vertical-align: baseline;
	background: transparent;
	zoom: 1;
	
	 }
#relative_article li a {
	display:block;
	width:113px;
	height:170px; 
	
	}
#relative_article li a:hover {
	background: #EEE; 
	color: #666;
	}
	
.relative_photo img{
	padding:1px;
	border:1px solid #ccc;
	margin-bottom:5px;
	margin-top:5px;
	}
.relative_text{
	display: block;
	text-align: left;
	margin: 2px 10px 0 10px;
	line-height: 20px;
	overflow: hidden;
	}
	
/* ¤W¤è°Ï¶ô end */
#top_back {
  height:25px;
	width:100%;
}
#topBody {
	height:25px;
	width:100%;
	top: 0px;
	z-index: 100;
	position: fixed;
	text-align: left; 
	font-family: Arial,Sans-serif;
	 border-bottom: #d0d0d0 1px solid;
	 background: url(/_img/top-back.gif) repeat-x top  ;
}

#roodo_logo {
	margin-left:10px;
	line-height:25px;
	color:#999;
	font-size:12px;
	float: left;
}
#roodo_logo a {
	margin-left:4px;
	margin-right:3px;
	color:#929292;
	text-decoration:none;
}
#roodo_logo a:hover {
	color:#df0024;
}

#topnav {
	margin: 4px 0px 0px; 
	padding: 0px; 
	text-align: right; 
	color: rgb(214, 214, 214); 
	font-size: 12px; 
	float: right;
}
#topnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 3px;
	right: 5px;
}
#topnav li {
	padding: 0px 1px; display: inline;
}
#topnav li.first {
	padding: 0px 5px 0px 0px; color: rgb(62, 62, 62); border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}


a.topside {
	line-height:20px;
	color: rgb(130, 130, 130); 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
}
a.topside:link {
	color: rgb(130, 130, 130);
}
a.topside:visited {
	color: rgb(130, 130, 130); 
}
a.topside:hover {
	color: rgb(223, 0, 36); 
}

.search_top {
  float: left;
  margin-left: 7px;
  display: block;
  height: 24px;
  width: 140px;
  background-color: white;
  border: 1px solid #d0d0d0;
}

/* line 213, ../sass/waterfall.scss */
.search-text {
  display: block;
  font-size: 13px;
  color: #766c54;
  line-height: 25px;
  text-indent: 5px;
  height: 26px;
  width: 120px;
  border-width: 0px;
  border-style: none;
  background-color: transparent;
}
.search-btn {
	float:right;
	margin-top:-28px;
	border:0px;
	border-style:none;
	}
.search-btn img {
 border:0px;
 }
 
.adw{
	margin-left:10px;
	line-height:25px;
	font-size:12px;
	text-indent:20px;
	float:left;
	background:url(/_img/top-arrow.gif) no-repeat left;
	}
.adw a{
	text-decoration:none;
	color:#333;
	}
.adw a:hover{
	text-decoration:none;
	color:#df0024;
	}

body {
	margin: 0px;
}

/* end top and footer css */body {
color:#CCC;
background-color:#222;
fon-size:14px;
line-height:180%;
font-family:Verdana, 微軟正黑體, 蘋果儷中黑;
margin:0;
padding:0;
}

a {
text-decoration:none;
}

#container {
min-width:980px;
max-width:85%;
width:auto!important;
box-shadow:0 0 10px #000;
background-color:#333;
overflow:hidden;
margin:2em auto;
}

h1,h2,h3 {
text-align:left;
margin:0 auto;
padding:0;
}

p {
clear:both;
margin:0;
}

table {
border-collapse:collapse;
}

.main table {
fon-size:14px;
font-family:Verdana, 微軟正黑體;
line-height:2em;
width:100%;
}

.main td {
padding:.5em 0;
}

#banner {
box-shadow:0 3px 7px #111;
background-color:#333;
}

h1.blogtitle {
font:4em/1.2 Georgia;
font-style:italic;
letter-spacing:-.05em;
font-weight:700;
padding:30px 0 0 10px;
}

.description {
border-top:1px solid #FF3;
text-align:right;
color:#FFF;
background-color:#993;
height:1.8em;
position:relative;
}

.description p {
font-size:.9em;
position:relative;
bottom:2.5em;
margin:0 10px 0 50%;
}

#hmenu {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
}

#hmenu li {
float:left;
display:inline-block;
list-style-type:none;
border-right:1px solid #FF0;
}

#hmenu li a {
display:block;
background-color:#993;
color:#FF3;
padding:0 1em;
}

#hmenu li a:hover {
background-color:#FF3;
color:#000;
}

#content {
z-index:-1;
padding-top:2em;
}

.blog {
float:left;
background-color:#333;
border-right:1px solid #993;
min-width:640px;
max-width:65%;
width:auto!important;
padding:0 1.8%;
}

.date {
float:right;
color:#666;
font-size:.75em;
background-color:#222;
width:5em;
margin-bottom:2em;
line-height:1.5em;
padding:.5em;
}

h3.title {
width:85%;
font-size:1.5em;
color:#CC3;
font-family:微軟正黑體, Verdana;
font-weight:400;
margin:0;
}

.main {
clear:both;
line-height:1.5em;
font-size:1em;
}

.main hr {
border:#993 dotted 1px;
clear:both;
}

.main p {
text-align:justify;
margin:.75em auto;
}

.main h1,.main h2,.main h3 {
clear:both;
color:#FFF;
margin:.75em 0;
}

.main table tr:hover {
background-color:#222;
}

.main-continues {
display:block;
font-size:.8em;
color:#333;
clear:both;
text-align:center;
}

a.acontinues {
display:block;
color:#993;
background-color:#444;
margin:0 auto;
padding:.75em;
}

a.acontinues:hover {
background:#993;
}

.posted {
font-size:.75em;
text-align:right;
padding-bottom:3em;
margin-bottom:3em;
border-bottom:1px solid #993;
}

.posted a {
color:#999;
}

.main img {
border:4px solid #666;
width:100%;
height:auto;
margin:.5em 1em .5em auto;
}

.stwitter img,.splurk img,.sfb img {
background-color:transparent;
margin:0;
padding:0;
}

.pagetop {
text-align:center;
}

#relative_article {
margin:1em auto;
}

.relative_photo img {
float:none;
margin:0 auto;
padding:0;
}

.relative_text span {
color:#999;
font-size:.8em;
}

.main #relative_article li a {
height:180px;
}

.dir {
border-color:#993;
border-style:solid;
border-width:1px 0;
margin:1em auto;
}

.dir:first-child {
border-top:0;
margin-top:0;
}

.adbox {
opacity:0.3;
width:480px;
margin:auto;
}

.comments-head {
background-color:#666;
margin:1em 50px 0;
padding:10px;
}

.comments-body,.trackback-body {
border:1px solid #666;
border-bottom-width:0;
font-size:.9em;
margin:0 50px;
padding:10px;
}

.comments-post,.trackback-post {
border:1px solid #666;
border-top-width:0;
font-size:.8em;
text-align:right;
background-color:#222;
margin:0 50px 2em;
padding:0 10px;
}

table.form {
border:1px solid #666;
font-size:.9em;
background-color:#222;
box-shadow:0 0 10px #111;
margin:1em auto;
}

.form td {
padding:10px;
}

.form tr {
border-bottom:1px solid #333;
}

#links {
min-width:240px;
max-width:27.3%;
width:auto!important;
float:right;
background-color:#333;
padding:0 1.8%;
}

.side {
padding-bottom:1.5em;
margin-bottom:2em;
border-bottom:1px solid #993;
}

.sidebody {
padding-bottom:.5em;
border-bottom:1px solid #444;
margin:.5em auto;
}

.side .sidebody:last-child {
border-bottom-width:0;
}

.sidebody a,.side a {
color:#CCC;
}

.sidetitle {
font-size:1.5em;
color:#CC3;
font-family:微軟正黑體, Verdana;
font-weight:400;
margin:0;
}

.srss12 {
font-size:12px;
}

#sub-cat-248518,#sub-cat-1002100 {
display:block;
}

.blogbody .amenu:first-child,.blogbody .amenu:last-child {
display:block;
background-color:#993;
color:#FF0;
font-size:1.2em;
padding:1em;
}

.blogbody .amenu:first-child:hover,.blogbody .amenu:last-child:hover {
color:#000;
background-color:#FF0;
}

.blogbody .amenu:first-child {
text-align:left;
margin-right:40%;
}

.blogbody .amenu:last-child {
text-align:right;
margin-left:40%;
}

.comments-body .myicon-c + br,.comments-body .myicon-c {
display:none;
}

.comments-reply {
color:#CC3;
}

blockquote {
background-color:#222;
line-height:3em;
color:#AAA;
margin:2em;
padding:1em 2em;
}

.blog div.apps {
width:41%;
float:left;
border:1px dotted #FF0;
margin:2%;
padding:2%;
}

.blog div.apps img.icon {
width:auto;
}

.blog .NYCpassList li {
display:inline;
border:1px dotted #999;
line-height:2.5em;
white-space:nowrap;
margin:.25em;
padding:.25em .5em;
}

.side .photo {
margin:1em;
}

.blogtitle a,.main a:hover,.pagetop a:hover,.amenu a:hover,.sidebody a:hover {
color:#FF3;
}

.main ol,.main dl,.main ul,.main table,.main p,br {
clear:both;
}

.main a,.blog a,.amenu a,.dir a:hover,.comments-body a,.comments-post a:hover,.trackback-post a:hover {
color:#993;
}

.pagetop a,.form label {
color:#AAA;
}

.dir a,.comments-post a,.trackback-post a {
color:#666;
}