a:link     {TEXT-DECORATION: none; color:#3B5998;}
a:visited  {TEXT-DECORATION: none; color:#3B5998;}
a:hover    {TEXT-DECORATION: none; color:#213359;}
a:active   {text-decoration: none;}

body {font-size:100%; color:#272727; font-family: verdana, arial, sans-serif; background:#fff; word-wrap:break-word;}

#header {background:#FFFFFF; padding:5px; border:1px solid #8CACCC; margin-bottom:3px;}

#outer1 {float:left; width:16%; }
#outer2 {float:left; width:60%;width:61%\9; background:#FFFFFF; border-left:1px solid #e0e0e0\9; border-right:1px solid #e0e0e0\9;}
#outer3 {float:right; width:24%; width:23%\9;}
#outer1, #outer2, #outer3 {padding-bottom:32767px;padding-bottom:0\9; margin-bottom:-32767px; margin-bottom:0\9;}
 
#wrapper {overflow:hidden; background:#e0e0e0; background:#FFFFFF\9;}
#head { border-bottom:2px dotted #CCCCCC; margin-bottom:20px;}
#footer {clear:both; background:#333333;}

h1 {font-size:130%; margin:0; padding:10px 0; color:#416182; text-shadow: 2px 2px 0px #E2E2E2;}
#h1-1{font-size:110%; margin:0; padding:10px 0; color:#416182;}
h2 {font-size:115%; margin:0; padding:8px 0; color:#8E0000;}
h3 {font-size:100%; margin:0; padding:8px 0;}
p {font-size:100%; line-height:170%; margin:0; padding:5px 0; text-justify:distribute;}

caption{font-size:120%; color:#F2F2F2; background-color:#333333; padding:4px 0;}
th{background-color:#F2F2F2;}
#content {padding:20px; background-color:#FFFFFF\9;}
#content ul {list-style-type:square;}
#content li{font-size:100%; line-height:170%; padding:4px 3px;;}
#footer p {font-size:80%; color:#F2F2F2; padding:0 0 0 10px;}
#header p {color:#fff;}
#footer a {font-size:80%; color:#FFFF00;text-decoration:none;}
#footer a:hover {text-decoration:underline;}


/*-menu -*/
#info {height:500px;}
 
#menu {margin-top:5px;margin-bottom:5px;}
#menu dl {width: 100%; margin: 0 auto; padding: 0 0 5px 0; background: #69c;}
#menu dt {margin-left:2px; padding:0px; font-size: 85%; color: #fff; border-bottom:1px solid #fff; background: #69c;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#gallery a, #gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px; background: #47a;}
#gallery a:hover {background: #258 ; color:#9cf;}
#gallery  .current {color:#fff; text-decoration:none; display:block; padding:5px; background: #69c;}
#gallery #blog a, #gallery #blog a:visited{color:#fff; text-decoration:none; display:block; padding:5px; background: #FE6602;}
#gallery #blog a:hover {background: #B24700 ; color:#9cf;}

/*-extend-*/
#extend {font-size:100%; margin-top:25px; border-top:1px dotted #666666;}
#extend .linka {color:#F2F2F2; padding:3px 30px; margin-left:20px; font-size:90%; background:#590059;}
#extend a, #extend a:visited{color:#4588CC; text-decoration:none; display:block; padding:4px 8px; padding:0px 5px\9;}
#extend a:hover {color:#29527A;}
#extend  ul {list-style-image:url(http://www.tmm.org.tw/images/tmm_item_cycle_grass.gif);}

/*-poster-*/
.poster {padding:10px;}
.poster h1{font-size:100%; border-bottom:2px dotted #CCCCCC; margin-bottom:5px;}
.poster p {font-size:85%; font-size:95%\9; color:#272727;}

/*-other-*/
.summary{margin:8px; padding:10px; border-top:5px solid #466199; border-bottom:1px dotted #466199; border-left:1px dotted #466199; border-right:1px dotted #466199; }
.summary h3{background-color:#466199; color:#FFFFFF; padding:-10px -10px 5px -10px; margin:-10px -10px 15px -10px; text-align:center;}
.inde1 {margin-left:5px;padding-left:5px;}
.inde2 {margin-left:8px;padding-left:8px;}
.table {font-size: 100%; line-height: 150%; border-collapse:collapse; color: #272727;font-family: Arial , Helvetica , sans-serif; border:1px solid #cccccc;}
.bottom{font-size:90%; color:#666666;}
.dw{background-color:#004200; padding:1px; 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;}
.plurk {background-color:#CF682F; padding:1px; 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:1px; 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;}
.detail{background-color:#CF682F; padding:1px; color:#FFFFFF;font-size:13px;}
.rtitle{font-size:85%; color:#666666; text-align:right;}
.ltitle{font-size:80%; color:#666666;}

/*- 項目list -*/
.lschinese {list-style-type:cjk-ideographic;}

/*- news -*/
#news1{font-size:80%; margin:30px 0 0 0; background:#FFFFF2; padding:3px; border:1px solid #E2E200;}
#news1 p {color:#666666;}
#news1 .ntitle {font-size:90%; font-weight:bold; color:#5D82CC; text-align:center;}
#news1 h2 {background:#E2E200; text-align:center;}

/*- 當前住宅問題迷思 Q & A -*/
.ds1{font-size:120%; color:#FFFFFF; font-weight:bold; padding:3px 5px; background:#4D7A38;-webkit-box-shadow: 3px 3px 8px #ccc; -moz-box-shadow: 3px 3px 8px #ccc; box-shadow: 3px 3px 8px #ccc;}
.dc1{color:#053A55; font-weight:bold; background:#98BFD8;}

#temp {font-size:100%;}
#temp a, #temp a:visited{color:#4588CC; text-decoration:none; display:block; padding:4px 8px; padding:0px 8px\9;}
#temp a:hover {color:#29527A;}
#temp  ul {list-style-image:url(http://www.tmm.org.tw/images/tmm_item_cycle_grass.gif);}