A:link     {COLOR: #000000; TEXT-DECORATION: none}
A:visited  {COLOR: #333333; TEXT-DECORATION: none}
A:hover    {COLOR: #0066FF; TEXT-DECORATION: underline}
A:active   {COLOR:  #0066FF;text-decoration: none;}
li   {margin-top:8px;}
ul {list-style-type:square ;}
body {margin: 0px;font-size: 15px;}
th{background-color:#F2F2F2; font-weight:normal;}
ol ul{list-style-type:upper-alpha;margin-left:12px;padding-left:12px;}
ol ul ul{list-style-type:lower-alpha;margin-left:12px;padding-left:12px;}
ol ul ul ul{list-style-type:square;margin-left:12px;padding-left:12px;}

ul ol{margin-left:12px;padding-left:12px;}

/*- 標題 -*/
h1   {color: #A31800; font-size:120%;}
h2   {color: #3366CC;font-size:100%;}
h3   {color: #336633;font-size:100%; margin-left:10px;}
h4   {color: #4B1E8E;font-size:100%; margin-left:20px;}
h5   {color: #336699;font-size:100%; margin-left:30px;}
h6   {color: #666600;font-size:100%;}

#body {font-size: 13px;	line-height: 150%;color: #272727;font-family: Arial , Helvetica , sans-serif; background:url(http://www.tmm.org.tw/images/bg-n.gif) left top no-repeat #FFFFFF;}
#container {margin:0 3%;}
#content {margin:1% 3%; font-size: 15px; line-height: 170%;color: #272727;font-family: Arial , Helvetica , sans-serif; letter-spacing:2px; word-break:break-all;}
#content a{color:#538FCC; text-decoration:none;}
#content a:hover {color:#2060A0; text-decoration:underline;}
#name-en{font-size:11px; font-weight:bold; font-family:Arial , Helvetica , sans-serif; color:#CC0033;}
#ibottom{font-size:13px; color:#272727; text-align:center;}
#bottom  {font-size:10px; font-weight:400; font-family:Arial , Helvetica , sans-serif; color:#FFFFFF; text-align:center; background-color:#000000; border:3px solid #FFFFFF;}
#homebody {font-size: 13px;	line-height: 150%;color: #272727;font-family: Arial , Helvetica , sans-serif;background-repeat:no-repeat; background-color:#FFFFFF;}
#head {
  margin: 0px 0 25px 0;
  border-bottom:20px solid #EDEDED;
}
#head h1 {
  color: #A31800;
  font-size:1.2em;
  margin: 20px 20px 5px 30px;
}
#header { 
  margin: 5px 0;
  padding:0 0 0 10px;
  border-bottom: 10px solid #E2E2E2;
  text-align: left;
}
#header h1 {
	margin:15px 15px 8px 10px;
	padding:0px 5px;
	line-height:1.2em;
	line-height:150%;
}
.ood p { font-size: 15px; line-height: 170%;color: #272727;font-family: Arial , Helvetica , sans-serif; letter-spacing:1px; word-break:break-all;}
/*- 導覽 -*/
#navigate {margin:20px 0px 30px 50px;font-size: 13px;	line-height: 100%;color: #272727;font-family: Arial , Helvetica , sans-serif;background-repeat:no-repeat;}
#navigate-artbook {margin:20px 0px 10px 50px;font-size: 13px;	line-height: 100%;color: #272727;font-family: Arial , Helvetica , sans-serif;background-repeat:no-repeat;}

#nav-school {
    margin:0px 0px 10px 40px;
	font-size: 1em;
	line-height: 100%;
	color: #272727;
	font-family: Arial , Helvetica , sans-serif;
}
#nav {
	margin:5px 0px 30px 90px;
	font-size: 13px;
	line-height: 100%;
	color: #272727;
	font-family: Arial , Helvetica , sans-serif;
}
#nav-menu {
	margin:8px 0px 10px 90px;
	font-size: 13px;
	line-height: 100%;
	color: #272727;
	font-family: Arial , Helvetica , sans-serif;
}
/*- 舊內容 -*/
.body {font-size: 13px;line-height: 1.5;color: #272727;}
.body2 {font-size: 15px;line-height: 150%;color: #272727;font-family: Arial , Helvetica , sans-serif;}

/*- 小字 -*/
.s-txet {font-size: 13px;line-height:150%;color: #272727;}
.stxet-r {font-size: 13px;line-height:150%;color: #272727;text-align:right;}

/*- 註解 -*/
.note {font-size:13px; margin:0px 0px 10px 30px;color:#333333;}
.table-note {font-size:13px; margin:0px 30px 10px 0px; text-align:right; color:#333333;}
.bgred {background-color:#932424; color:#FFFFFF;padding:1px 0;}
/*- 表格(大字) -*/
.table {font-size: 15px; line-height: 150%; border-collapse:collapse;color: #272727;font-family: Arial , Helvetica , sans-serif; border:1px solid #cccccc;}
.table-thin {font-size: 15px; line-height: 120%; border-collapse:collapse;color: #272727;font-family: Arial , Helvetica , sans-serif; border:1px solid #CCCCCC;}
.table-noborder {font-size: 15px; line-height: 160%; border-collapse:collapse;color: #272727;font-family: Arial , Helvetica , sans-serif;}
.table-list{margin:-12px 0 0 -12px; padding:0px;}

/*- 表格(小字) -*/
.stable {font-size: 13px; line-height: 150%; border-collapse:collapse;color: #272727;font-family: Arial , Helvetica , sans-serif; border:1px solid #CCCCCC;}
.stable-thin {font-size: 13px; line-height: 120%; border-collapse:collapse;color: #272727;font-family: Arial , Helvetica , sans-serif; border:1px solid #CCCCCC;}
.stable-noborder {font-size: 13px; line-height: 150%; border-collapse:collapse; color: #272727;font-family: Arial , Helvetica , sans-serif;}

/*- 側邊 -*/
.news {font-size: 12px;line-height: 1.5;}
.menu {cursor:pointer; margin:5px 0px 5px 15px;} 

/*- 表單 -*/
.textfield {font-size: 13px;
        color:#272727;
        border-top: 0px solid #FFFFFF;
        border-right: 0px solid #FFFFFF;
        border-left: 0px solid #FFFFFF;
        border-bottom: 1px solid #B7B7AC;
        background-color: #FFFFFF;
}

/*- 項目符號 -*/
.list-triangle {
	list-style-image:url(http://www.tmm.org.tw/images/butto-01.gif);
}
.list-triangle li{
	padding-left: 20px;
	margin-bottom: 12px;
}
.list-new {
	list-style-image:url(http://www.tmm.org.tw/images/news01.gif);
	font-size: 13px;
}
.list-squaregrass {
	list-style-image:url(http://www.tmm.org.tw/images/square_grass.gif);
	font-size:15px;
	line-height:150%;
}
.list-cyclegrass {
  list-style-image:url(http://www.tmm.org.tw/images/tmm_item_cycle_grass.gif);
  line-height:200%;
}
.list-new li {
	padding-left: 20px;
}
.list-circle {list-style-type:circle ;}
.list-a      {list-style-type:lower-alpha ;}
.list-none {list-style:none; margin-left:-20px;}

.list-cht{list-style-type:cjk-ideographic;list-style-type:upper-alpha\9;}
.list-cht ol{margin-left:12px; padding-left:12px;}
.list-cht ul {margin-left:12px; padding-left:12px; list-style-type:lower-alpha;}
.list-cht ul ul {margin-left:12px; padding-left:12px; list-style-type:upper-roman;}
.list-cht ul ul  ul{margin-left:12px; padding-left:12px; list-style-type:square;}

/*- 標題 -*/
.subhead {color: #666666; font-weight:normal;font-size: 13px;}
.subhead-r {color: #666666;font-size: 13px; font-weight:normal;text-align:right;margin:0px;}
.subh1{ font-size:15px; color:#FF9900}

/*- 水平線 -*/
.hr-01{filter:alpha(opacity=0,finishopacity=100,style=1);}

/*- 縮排區塊 -*/
.quote {margin: 25px;padding: 10px;background-color: #F9F9F9;}
.quote-thin {margin: 15px;padding:0px 10px 0px 10px;background-color: #F9F9F9;}

/*-圖片-*/
.images-block {
  font-size:13px;
  color:#666666;
  border:#CCCCCC 1px solid;
  padding:5px;
  margin:5px;
  -webkit-box-shadow: 5px 5px 10px #ccc;
  -moz-box-shadow: 5px 5px 10px #ccc;
  box-shadow: 5px 5px 10px #ccc;}
}
/*- blog式條列 -*/
.b-subject {
    color:#363636;
	margin:5px 30px 20px 15px;
}
.b-subject a, .b-subject a:active, .b-subject a:visited {
    color:#336633;
	font-weight:bold;
	padding:2px;
}
.b-subject a:hover {
    color: #52A552;
	text-decoration: none;
}
.b-conten {
    font-size:13px;
	margin:25px;
	color:#363636;
}
.b-conten a, .b-conten a:active, .b-conten a:visited {
    background:#F2F2F2;
	color:#79AEFF;
}
.b-conten a:hover {
    color: #666666;
	text-decoration: none;
}

.b-border {
    border-bottom:#333333 1px dotted;
	margin:10px 0px 20px 0px;
}

/*- 弱勢居住扶助 -*/
.post {
	border-bottom:1px dotted #666666;
	margin:20px 15px;
}
.post h2 {
	margin: 5px;
	color:#999933;
}

/*- menu -*/

div.nav {
    overflow: hidden;
    padding: 0px;
	font-size:13px;
}

div.nav ul {
    list-style: none;
    padding: 2px 6px;
    line-height: 0px;
}

div.nav li {
    display: inline;
}
/*- menu 租屋學校 -*/
div.nav.shool {
	padding: 0em;
	margin: 0.8em;
	text-align:right;
}

div.nav.shool a, div.nav.shool a:visited  {
	border: 1px solid #E2E2E2;
	margin-right:3px;
	padding:2px 2px;
	background-position:bottom;
	text-decoration: none;
	color: #0061de;
}

div.nav.shool a:hover, div.nav.shool a:active {
	border: 1px solid #0061de;
	background-color:#64A2FD;
	color: #fff;
}
/*- menu 弱勢租屋 -*/
div.nav.fodat {
	padding: 0em;
	margin: 0.8em;
	text-align:right;
}

div.nav.fodat a, div.nav.fodat a:visited  {
	border: 1px solid #dedfde;
	margin-right:0px;
	padding:2px 2px;
	background-position:bottom;
	text-decoration: none;
	color: #FF6600;
}

div.nav.fodat a:hover, div.nav.fodat a:active {
	border: 1px solid #CCCCCC;
	background-color:#FF6600;
	text-decoration: none;
	color: #fff;
}
div.nav.fodat li.current {
    color:#FFF;
	background-color:#FF9933;
	border: 1px solid #CCCCCC;
	margin-right:4px;
	padding:2px 2px;
	background-position:bottom;
}

/*- 網站連結 -*/

div.linklistl{
    margin:5px;
	width:275px;
	float:left;
}
div.linklistr{
    margin:5px;
	width:275px;
	float:right;
}
div.linklistl h2,div.linklistr h2{
    background-color:#F2F2F2;
	padding:2px;
}

/*- 檔案下載 -*/
.download {
    font-size:13px;
	color:#666666;
	text-align:right;
	position:relative;
}

/*- 摘要 -*/
.curlycontainer{
border: 1px solid #b8b8b8;
margin: 2em;
width: auto;
padding-bottom: 0px;
padding-right: 0px;
}

.curlycontainer .innerdiv{
  background: transparent url(images/brcorner.gif) bottom right no-repeat;
  position: relative;
  left: 2px;
  top: 2px;
  padding: 1px 4px 15px 5px;
  -webkit-box-shadow: 5px 5px 10px #ccc;
  -moz-box-shadow: 5px 5px 10px #ccc;
  box-shadow: 5px 5px 10px #ccc;
}

.remind{
  border-top:5px solid #B4CBEA;
  border-bottom:5px solid #B4CBEA;
  border-left:1px solid #B4CBEA;
  border-right:1px solid #B4CBEA;
  margin:25px;
  padding:10px;
}
/*- Menu -*/
.mattblacktabs{
margin-left:15px;
width: 95%;
overflow: hidden;
border-bottom: 1px solid #CCCCCC; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-right: 10px; /*offset of tabs relative to browser left edge*/
font: normal 11px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #9ACD32; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #B5CC88; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: White;
text-decoration: none;
}

.mattblacktabs .current {
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #B5CC88; /*background of tabs (default state)*/
}
.hide{color:#FFFFFF; font-size:8px;}
#bottom a:link, #bottom a:visited{color:#9995CE;text-decoration:none;}
#bottom a:hover, #bottom a:active{color:#FFFFFF;text-decoration:underline;}

.push{margin-left:60%;margin-left:45%\9;}
.plurk {background-color:#CF682F; padding:2px; color:#FFFFFF;font-size:13px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.facebook {background-color:#617AAC; padding:2px; color:#FFFFFF;font-size:13px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.twitter {background-color:#33CCFF; padding:2px; color:#FFFFFF;font-size:13px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}