.main-block { width:1200px; height:100%; padding:0; margin:0px auto; } #menu-block { width:100%; height:45px; line-height:45px; background:#E4890E url('../images/menu_bg.jpg'); border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } #menu-block a { direction:ltr; text-decoration:none; font-size:16px; font-family:"微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif, "新細明體"; letter-spacing:1px; } #main-menu {} #main-menu ul { display:table; width:1200px; margin:0px auto; list-style:none; } #main-menu ul li { display:table-cell; border-right:1px dotted #F2BF7B; text-align:center; } #main-menu ul li a { display:inline-block; color:#ffffff; } #main-menu ul li:hover { color:#ffff00; background-color:#943F16; } #main-menu ul li a:hover { color:#ffff00; } #main-menu ul.drop { background:#943F16; position:absolute; border-radius:0 0 3px 3px; display:none; z-index:9999; margin-top:0px; margin-left:0px; } #main-menu ul.drop li { display:block; line-height:40px; text-align:center; border-bottom:1px solid #D78515; border-right:0; } #main-menu ul.drop li a { background:none; padding:2px; color:#ffffff; } #main-menu ul.drop li:hover { background:#CF6321; } #main-menu ul.drop li a:hover { color:#ffff00; } #main-menu ul li:hover > .drop { display:block; width:120px; } #main-menu ul.drop1 { background:#943F16; position:absolute; border-radius:0 0 3px 3px; display:none; z-index:9999; margin-top:0px; margin-left:-30px; } #main-menu ul.drop1 li { display:block; line-height:40px; text-align:center; border-bottom:1px solid #D78515; border-right:0; } #main-menu ul.drop1 li a { background:none; padding:2px; color:#ffffff; } #main-menu ul.drop1 li:hover { background:#CF6321; } #main-menu ul.drop1 li a:hover { color:#ffff00; } #main-menu ul li:hover > .drop1 { display:block; width:120px; } #main-menu ul.drop2 { background:#CF6321; position:absolute; border-radius:0 0 3px 3px; display:none; z-index:9999; margin-top:-44px; margin-left:120px; } #main-menu ul.drop2 li { display:block; line-height:40px; text-align:center; border-bottom:1px solid #D78515; } #main-menu ul.drop2 li a { background:none; padding:2px; color:#ffffff; } #main-menu ul.drop2 li:hover { background:#A86409; } #main-menu ul.drop2 li a:hover { color:#ffff00; } #main-menu ul li:hover > .drop2 { display:block; width:180px; } #main-menu ul.drop3 { background:#A86409; position:absolute; border-radius:0 0 3px 3px; display:none; z-index:9999; margin-top:-44px; margin-left:180px; } #main-menu ul.drop3 li { display:block; line-height:40px; text-align:center; border-bottom:1px solid #D78515; } #main-menu ul.drop3 li a { background:none; padding:2px; color:#ffffff; } #main-menu ul.drop3 li:hover { background:#6D4105; } #main-menu ul.drop3 li a:hover { color:#ffff00; } #main-menu ul li:hover > .drop3 { display:block; width:220px; } /* #menu-block a:link, #menu-block a:visited, #menu-block a:active { color:#ffffff; } #menu-block a:hover { color:#ffff00; background-color:#943F16; padding:5px; margin:0 3px; } #menu-block ul.main-menu { display:table; list-style: none; margin:0; } #menu-block ul.main-menu li { display:table-cell; text-align:center; } #menu-block ul.main-menu li span { display:inline-block; width:7px; height:16px; background:url('../images/menu_span.png') no-repeat; } */ #logo-block { height:120px; background:#7CC6ED url('../images/logo-right.png') center center no-repeat; font-size:16px; } #logo-left { float:left; width:600px; padding:10px 0; display:inline-block; } #logo-right { float:right; height:25px; line-height:25px; padding:5px 10px; border:solid #ffffff 2px; border-top:0; border-radius:0 0 10px 10px; background-color:#D94E02; display:table; } #logo-right a { direction:ltr; text-decoration:none; } #logo-right a:link, #logo-right a:visited, #logo-right a:active { color:#ffffff; } #logo-right a:hover { color:#ffff00; } a { direction:ltr; unicode-bidi:embed; } a:link, a:visited, a:active { color:#993300; text-decoration:none; } a:hover { color:#F1561A; text-decoration:underline; } img { border-width:0; } /* Main blocks ---------------------------------------- */ #main-body { width:1160px; height:100%; padding:20px; margin:10px auto; background-color:#ffffff; border:1px solid #cccccc; border-radius:10px; } #main-footer { height:300px; padding:10px; text-align:center; color:#222222; letter-spacing:1px; background:url('../images/footer_bg.png') bottom center no-repeat; } #main-footer p{ padding-bottom:5px; font-size:16px; } #footer-block { width:1160px; margin:10px auto; } #footer-block a:link, #footer-block a:visited, #footer-block a:active { color:#9F2D06; text-decoration:none; } #footer-block a:hover { color:#FF6600; text-decoration:none; } .footer-left { float:left; width:120px; display:inline-block; text-align:left; } .footer-center { float:left; width:600px; display:inline-block; text-align:left; } .footer-right { float:left; width:400px; display:inline-block; text-align:left; } .web-copyright { clear:both; padding-top:20px; letter-spacing:2px; } .main-copyright { color:#F4D8D2; background-color:#444444; padding:10px 0; border-top:1px solid #ffffff; text-align:center; letter-spacing:1px; } .main-copyright a:link, .main-copyright a:visited, .main-copyright a:active { color:#F4D8D2; text-decoration:none; } .main-copyright a:hover { color:#ffffff; text-decoration:none; } /************************************************************************************************/ form { margin:0px; display:inline } img { vertical-align:middle; } br { height:1px; padding:4px; } div .br { height:5px;} .br1 { line-height:5px; } .ball { clear:both; background:url('../images/small_ball.gif') center center repeat-x } .left { float:left } .right { float:right } .clear { height:0; clear:both } .clear_right { height:0; clear:right } .topiclist ul { list-style-type:none } .topiclist ul li { list-style-type:none } .topiclist ul li.left { background-color: #ffffff } .topiclist ul li.right { background-color: #F4F7FF } .block_body { padding:3px; text-align:left; line-height:150%; word-wrap:break-word; word-break:break-all } .more { height:22px; } .more a { display:inline-block; width:43px; height:22px; margin:3px; background:url('../images/more.gif') 0 2px no-repeat; } .fouum_topic { display:inline-block; width:10px; height:12px; background:url('../images/icon_pages.gif') center center no-repeat} .fouum_topic1 { display:inline-block; width:8px; height:8px; background:url('../images/icon_red.gif') center center no-repeat} /* 合併區塊 開始 */ .TaP { margin:0px; padding:0px; float:left; clear:none; width:100%; } .TaP ul { margin:0; padding:0; } /*連結點位置*/ .TaPT { position:relative; top:7px; float:left; color:#003399; height:24px; line-height:24px; letter-spacing:2px; padding:0 10px; margin:0px 1px 0px 0px; background:#dddddd url("../images/title_bg1.gif") repeat; list-style:none; border-radius:5px 5px 0 0; -moz-user-select:none; -khtml-user-select:none; cursor:pointer } /* 連結點 */ .TaPTS { position:relative; top:1px; height:28px; line-height:28px; background:#ffffff url("../images/title_bg2.gif") repeat-x; color:#cc0000; border-bottom:solid 1px #ffffff; } /* 滑鼠移過的區塊 */ .TaPCG { clear:both; } /* 說明內容框 */ .TaPC { padding:4px; color:#444444; font-size:13px} /* 說明內容 */ /* 合併區塊 結束 */ /* 月曆 開始 */ .month_body table { color:#000000 } .month_body td { padding:3px 0; } .month_body td.sat { color:#006600 } .month_body td.sun { color:#ff0000 } .month_body .today { background-color:#8B0D8E; font-weight:bold; color:#ffffff; font-size:14px } .month_body .allday { border:solid 1px #cccccc; } /* 月曆 結束 */