.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;  
}
/* 上方區塊 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;
	}
	
/* 上方區塊 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 *//*GOOGLE FONTS*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-family: Arial,Helvetica,sans-serif;
}

/*--------------------刊頭--------------------*/
#roodo_logo {
    margin-left: 130px;
    line-height: 42px;
    color: #999;
    font-size: 12px;
    float: left;
}


/*--------------------BASIC-------------------*/
body {}

#container {
	    width: 90%;
    margin: 0 auto;
    }

a:link {    text-decoration: none;color: #aaa;}
a:visited {}
a:hover {}

a.acalendar:hover {}

#container {
	width: inherit;
    margin: 10px auto 0;
    background-color: #FFFFFF;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    min-width: 310px;
    max-width: 1040px;
	}

/*-----------------功能壩---------------------*/
#topnav {
    position: absolute;
    right: 0;
    margin: 0;
    background-color: #FFF;
text-align: right;
line-height: 39px;
    width: inherit;
	}
	
#topnav ul{border-bottom: #d0d0d0 1px solid;background: #fff;}

#topBody {
	height: 42px;
    width: 100%;
    top: 0px;
    z-index: 100;
    position: fixed;
    text-align: left;
    font-family: Arial,Sans-serif;
    border-bottom: #d0d0d0 1px solid;
    background: #fff url(http://blog.roodo.com/_img/logo2.png) no-repeat 8px 5px / 100px 48px;
}

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

.search-text {outline: medium;}
	
/*-----------------頂上大圖-------------------*/

#banner {    
    border-bottom: 1px solid #eee;
    margin: 0 0 15px 0;
	}
	
#banner a:link, #banner a:visited  {color: #555;}
#banner a:hover {}
.blogtitle {
	margin: 0 8px;
    padding: 15px 0;
}

#subbanner a:hover {}

h1 {}
h2 {}
h3.title {color:#000;}

.description {margin: 0 20px;}

/*--------------------主欄-------------------*/
#container div#content {
    float: left;
    width: 70%;
    margin: 0 10px;
    overflow: hidden;
    min-width: 298px;
}

.main {line-height: 2;font-size: 15px;color: #666;}
.main .pict  {display: block;    overflow: hidden;    max-width: 400px;}
.main .pict a img {width:100%;    height: inherit;}

/*日期*/
div#content .date { 
    color: #BCBDBF;
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
    background-color: #F8F8F8;
    margin: 0 0 10px 0;
    border-radius: 10px;
	}
/*標題*/
div#content .title { margin: 0 0 10px 0;font-weight: normal;    font-size: x-large;}
/*張貼*/
.posted {    font-size: 12px;    width: 90%;    padding-bottom: 20px;    margin-bottom: 20px;    border-bottom: 1px solid #eee;}
/*圖片*/

/*追加內容*/
.dir { margin-bottom: 20px; }

#relative_article {    clear: both;    overflow: auto;    margin-bottom: 20px;}
#relative_article ul {list-style:none;    padding: 0;    margin: 0;}
#relative_article li	{    float: left;    width: 23%;    margin-right: 2%;line-height: 1.6;    font-size: 13px;overflow: hidden;}
#relative_article li:first-child  {border-left:0px;}
.relative_photo {width:100%;overflow: hidden;}
.relative_photo img {width:100%;border:0px;}
#relative_article li a {    display: block;}

.tools {margin-top:15px;}

#text {
    border: #666666 1px solid;
    WIDTH: 97%;
    HEIGHT: 150px;
}

.comments-head { margin: 20px 0;}
.comments-body {line-height: 1.5;    font-size: 15px;    padding: 30px;    border-radius: 10px;    background-color: rgba(0,0,0,0.03);}
.comments-post {    margin: 5px 0 30px 0;    font-size: 12px;    color: #949494;}

a.aposted:link, a.aposted:visited {margin: 0 0 5px 0;}
a.atrackback-post, a.atrackback-post:link, a.atrackback-post:visited {}

/*留言板*/
table.form {    padding: 10px;    font-size: small; width: 100%;}
#author,#email,#url {    width: 98%;}

input[name=preview], input[name=save] {    width: 49%;    border: 0px;    line-height: 2;    background-color: #F8F8F8;    background-color: #DADADA;   color: #fff;   border-radius: 10px;}

	
	
/*--------------------側欄-------------------*/
#container div#links, #container div#links-more  {float: right;    border-radius: 10px;     background-color: rgba(0,0,0,0.03);    width: 20%;	   }
#links {    
    font-size: 0.5em;
    line-height: 2;
    padding: 20px;
    margin: 0 10px 10px 0;
    word-wrap: break-word;
	}
	
#links-more {
    font-size: 0.5em;
    line-height: 2;
    padding: 20px;
    margin: 0 10px 10px 0;
    word-wrap: break-word;
	}

#links table {width:100%;}

/*自我介紹*/
.side .photo {width:100%;}
.side .photo img {width:100%;}

/*欄位*/
.sidetitle {border-top: 5px solid #eee;    padding-top: 10px;}
.side, .calendartable {    margin-bottom: 20px;}
.sidebody {}

/*欄位第一項*/
#links div.sidetitle:first-child , #links-more div.sidetitle:first-child {border-top: 0px;  padding-top: 0px;}
/*側欄廣告控制用，刪除會破版*/
.sidebody iframe {width:100%;}





/*--------------------回首頁-------------------*/
.pagetop {    margin-bottom: 20px;}

.blog {}

.main-continues {}

a.aposted:hover {}

.menu {}

.trackback-url {}
.trackback-body {}
.trackback-post {}


label {}

#text {}

.calendarhead {}
.calendartable {}
.calendarweek {}
.calendarwd {}
.calendard {}
.calendardbg {}

.calendar {}



a.aside:visited {}

a.arss {}
a.arss:link {}
a.arss:visited {}
a.arss:hover {}

.pict {}

.photo {}

.nickname {}

.message {}

.quote {}

.blogtimes {}

.powered {}

.syndicate {}

.checkers {}

D .adbox {}

.adbox {}

a:link, a:visited {}

a:hover, a.acontinues:hover {}

A.acalendar:link,A.acalendar:visited,A.acalendar:active,A.aside:hover {}
A.acontinues:link,A.acontinues:visited,A.amenu:hover,A.atrackback-post:hover {}
A.amenu,#subbanner A:visited {}

A.amenu:link,A.amenu:visited,A.aside:link {}

#banner a:link,#banner a:visited,#banner a:active {}

#subbanner A,#subbanner A:link {}



@media screen and (min-width: 320px) and (max-width: 374px) {
#topBody {background: #fff url(http://blog.roodo.com/_img/logo3.png) no-repeat 8px 10px / 62px 30px;}
}

@media screen and (min-width: 320px) and (max-width: 485px) {
#topnav li.first {display:none;}
#topnav li.child-nth(2) {display:none;}

.search_top {display:none;}
}


@media screen and (min-width: 320px) and (max-width: 684px) {
#container div#links, #container div#links-more  { float: left;    width: 86%;    margin: 20px 0;     background-color: rgba(0,0,0,0.0);}
.pagetop {    
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #aaa;
    background-color: #eee;
    padding: 10px;
    width: 100%;
    text-align: center;}
.light_box {width: 95%;}
#container div#content {width: calc(100% - 20px);}
#container div#links, #container div#links-more {width: 91%;}
#topBody {}
}

@media screen and (max-width: 320px) {
#banner {margin-top: 15px;}
}