body, div, h1, h2, h3, h4, p, ul, li { margin:0; padding:0; } body { background-color: #f5fbfe; height:100%; overflow:auto; } /*---- 最外層包裝 ----*/ #WRAPPER { width: 800px; margin:0 auto; padding:0 11px; background-image: url(http://sites.google.com/a/dnt.tw/loc_implant/images/outer_bg.jpg); } /*---- 頁首 ----*/ #HEADER { background-color: #FFFFFF; } #HEADER h1 a { text-indent: -9999px; display: block; width: 800px; height: 160px; } /*---- 主選單 ----*/ #MAIN_NAV { background-color: #0054a7; overflow:auto; width: 800px; } #MAIN_NAV ul { list-style-type:none; } #MAIN_NAV li { float: left; } #MAIN_NAV li a { display: block; padding: 5px 10px 5px 10px; background-color: #0075c2; color: #FFFFFF; font-weight: bold; font-family: Arial; font-size: 10pt; text-decoration: none; border-right:1px solid #FFFFFF; } #MAIN_NAV li a:hover { background-color: #FFFFFF; color: #000000; } /*---- 次選單 1 ----*/ #SUB_NAV_1{float:left; width:160px;} #SUB_NAV_1 a{ color:#6699FF;} #SUB_NAV_1 a:hover{ color:#FF0000;} #SUB_NAV_1 p,#SUB_NAV_1 h2{ text-align:center; padding:5px 6px; font-size:10pt;} #SUB_NAV_1 h2{ font-size:12pt; background-color:#addef8;color:#001960;} /*---- 次選單 2 ----*/ #SUB_NAV_2{ float:right; width:160px;} #SUB_NAV_2 a{ color:#6699FF;} #SUB_NAV_2 a:hover{ color:#FF0000;} #SUB_NAV_2 p,#SUB_NAV_2 h2{ text-align:center; padding:5px 6px; font-size:10pt;} #SUB_NAV_2 h2{font-size:12pt; background-color:#addef8;color:#001960;} /*---- 次選單 3 ----*/ #SUB_NAV_3{ float:right; width:200px;} #SUB_NAV_3 a{ color:#000;} #SUB_NAV_3 p,#SUB_NAV_3 h2{ padding:5px 6px; font-size:10pt;} #SUB_NAV_3 h2{ font-size:12pt; background-color:#00a0e9;color:#FFF;text-align:center;} #SUB_NAV_3 ul,#SUB_NAV_3 li{padding:3px 3px;list-style-type:circle;font-size:10pt;margin-left:1em;} #SUB_NAV_3 li img{max-width: 150px;border: 3px solid #00A0E9;} /*---- 內容區 ----*/ #CONTENT { margin-right:360px; margin-left:160px; } #CONTENT h2, #CONTENT h4, #CONTENT p { padding:5px 20px; font-size:11pt; } #CONTENT h2 { font-size: 12pt; text-align: center; background-color:#00387d; color:#FFF; } #CONTENT .image { border-style:solid; border-width:4px; border-color:#FFF; } #CONTENT .link { cursor:hand; text-decoration:underline; color:#000; } #CONTENT .text { font-size: 9pt; padding-top: 0px; } /*---- 頁尾 ----*/ #FOOTER { clear: both; background-color: #0075c2; text-align:right; height:60px; } #FOOTER h2, #FOOTER p { font-size: 10pt; padding:5px 20px; font-family: Arial; color: #FFFFFF; } #FOOTER a { font-size: 10pt; font-family: Arial; color: #FFFFFF; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } /*---- 返回頁首 ----*/ #backtop {position:fixed; bottom:0;right:0;height:35px;width:35px;} #backtop a{display:block;height:35px;width:35px;text-indent:-9999px;background:url(http://sites.google.com/a/dnt.tw/loc_implant/images/back_top.gif);} #backtop a:hover{border:none;background:url(http://sites.google.com/a/dnt.tw/loc_implant/images/back_top_m.gif);} #backtop a:focus{-moz-outline-style:none;} /* 樹狀清單 */ #SUB_NAV_3 .tree{ list-style: none; margin: 0 0 0 1em; border-left: 1px dotted; padding:0; } #SUB_NAV_3 .tree li{ padding: 0 0 0 1.5em; border-bottom: 1px dotted; margin:0; } #SUB_NAV_3 .tree li div{ position: relative; top: .8em; display: block; padding: 0.25em 0 0.25em 10px; background: #FFF; margin-bottom:-1px; text-decoration:none; } *+html #SUB_NAV_3 .tree { zoom:1; padding-bottom:1px; margin-bottom:-1px; } /*hack ie 7*/ * html #SUB_NAV_3 .tree { zoom:1; padding-bottom:1px; margin-bottom:-1px; } /*hack ie 6*/ *+html #SUB_NAV_3 .tree li a{ zoom:1; vertical-align:top; } /*hack ie 7*/ * html #SUB_NAV_3 .tree li a{ zoom:1; vertical-align:top; } /*hack ie 6*/