/***************************/
 /******* MOBILE 300px ******/
/***************************/

body {
 font: 11pt "Tahoma",sans-serif;
 margin: 0;
 padding: 5px;
}

h1 {
 position: absolute;
 width: 98%;
 top: 6px;
 background-image: url('../images/rdo-logo-475x70.png');
 background-repeat: no-repeat;
 /* 移动端 logo 缩小一点（保持比例） */
 background-size: 280px auto;
 border: thin dotted;
}

h1 span {
 position: absolute;
 bottom: auto;
 right: auto;
 left: 8px;
 top: 50px;
 min-width: 300px;
}

h2{
 font-size: 1.4em;
 font-family: "Georgia", serif;
 font-weight: normal;
 clear: both;
}

h3{
 font: normal normal 1.2em "Georgia",serif;
 margin: 0;
 padding: 0;
}

#invisible {
 max-width: 500px;
 min-width: 300px;
 width: 100%;
 margin: 0;
}

#navigation {
 margin:  75px 0 0 0;
 padding: 5px 0 60px 0;
 border-bottom: 1px solid #9393FF;
 border-top: 1px solid #9393FF;
}

/* 移动端：不展开下拉菜单，只保留点击导航滚动到底部 */
#navigation ul {
 display: none !important;
}

#navigation li {
 margin: 0; 
 padding: 0;
 display: inline;
 list-style-type: none;
}
	
#navigation a:link, #navigation a:visited {
 width: 100px;
 float: left;
 font-size: 9pt;
 line-height: 11pt;
 font-weight: bold;
 padding: 0;
}

#navigation a:link.active, #navigation a:visited.active, #navigation a:hover {
 background: none;
 text-decoration: underline;
}

#homepage-generator iframe {
 height: 265px;
}

#homepage-wide-column {
 width: 100%;
}

div.rowl,
div.rowc,
div.rowr,
div.rowlc {
 width: 100%;
 padding: 0;
 margin: 0;
 float: none;
 border: none;
 font-size: 12pt;
}

div.col1 {
 width: 100%;
 padding-right: 0;
 float: none;
}

div.col2 {
 float: none;
 width: 100%;
}

.smallgraph {
 float: none;
}

.submenu {
 float: none;
}

p, ol.spacious, ul.spacious, dl.spacious {
  line-height: 1.4em;
}

#search {
 clear: both;
 display: block;
 width: 100%;
 margin: 6px 0px;
 float: none;
 position: static;
 padding: 0px 0 12px 0;
 border-bottom: 1px solid #9393FF;
}

#homepage-generator {
 display: block;
 float: left;
 margin: 20px 10px 10px 10px;
}

#homepage-more-options-link {
 margin-top: 10px;
 text-align: left;
 font-size: 80%;
}

div.mainindent {
  margin-left:0px;
}

div.maingraphic1 {
  float:none;
  margin-top:.8em;
  padding:.2em .4em .2em .4em;
  text-align:center;
  background-color:#ccffcc;
}

div.maingraphic2 {
  float:none;
  margin-top:.8em;
  padding:.2em .4em .2em .4em;
  text-align:center;
  background-color:#ccccff;
}

div.maingraphic3 {
  display: none;
}

div.two-column {
    width: auto;
}
div.col1{
	width: 160px;
	padding-right: 30px;
	float:left;
	margin-top: 1em;
	margin-bottom: 1em;
}
div.col2{
    padding-top: 1em;
	width: auto;
}