UL{list-style-position:outside;word-break:break-all;list-style-type:none;word-wrap:break-word;margin:0;padding:0;} .IndexPost-Title-Bg{float:left;width:1008px;text-align:left;padding:0;} /*初始狀態*/ #zishu_test { width: 550px; height: 420px; float:left; margin:6px;} #zishu_test1 { width: 550px; height: 500px; float:left; margin:6px;} #zishu_test2 { width: 600px; height: 200px; float:left; margin:6px;} #zishu_test3 { width: 600px; height: 289px; float:left; margin:6px;} #zishu_test4 { width: 500px; height: 394px; float:left; margin:6px;} #zishu_test5 { width: 550px; height: 367px; float:left; margin:6px;} #zishu_test6 { width: 500px; height: 293px; float:left; margin:6px;} #zishu_test7 { width: 550px; height: 466px; float:left; margin:6px;} #zishu_test8 { width: 371px; height: 550px; float:left; margin:6px;margin: 0 200px 0 100px;} #zishu_testlogo { width: 276px; height: 186px; float:left; margin:1px;} #zishu_test9 { width: 458px; height: 304px; float:left; margin:6px;margin: 0 0 0 70px;} #zishu_test10 { width: 600px; height: 400px; float:left; margin:6px;} /*滑鼠移到上面效果*/ #zishu_test:hover { width: 550px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_test1:hover { width: 550px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_test2:hover { width: 600px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_test3:hover { width: 600px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_test4:hover { width: 500px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_test5:hover { width: 550px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_test6:hover { width: 500px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_test7:hover { width: 550px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_test8:hover { width: 371px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_testlogo:hover { width: 276px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} #zishu_test9:hover { width: 458px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:0 0 0 70px;} #zishu_test10:hover { width: 600px; border-bottom:2px #b4b4b4 solid; border-right:2px #b4b4b4 solid;margin:5px;} /*清單設定*/ #zishu_test li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test1 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test2 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test3 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test4 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test5 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test6 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test7 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test8 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_testlogo li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test9 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} #zishu_test10 li{ float:left; width:14%;text-align:center; margin:0 auto; list-style:none;} /*清單文字效果設定*/ #zishu_test li a{border:1px solid #E2E2E2;width:550px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test1 li a{border:1px solid #E2E2E2;width:550px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test2 li a{border:1px solid #E2E2E2;width:600px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test3 li a{border:1px solid #E2E2E2;width:600px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test4 li a{border:1px solid #E2E2E2;width:500px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test5 li a{border:1px solid #E2E2E2;width:550px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test6 li a{border:1px solid #E2E2E2;width:500px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test7 li a{border:1px solid #E2E2E2;width:550px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test8 li a{border:1px solid #E2E2E2;width:371px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_testlogo li a{border:1px solid #E2E2E2;width:276px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test9 li a{border:1px solid #E2E2E2;width:458px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test10 li a{border:1px solid #E2E2E2;width:600px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 14px;} #zishu_test li img{ width:550px; height:420px;border-bottom:1px solid #E2E2E2;} #zishu_test1 li img{ width:550px; height:500px;border-bottom:1px solid #E2E2E2;} #zishu_test2 li img{ width:600px; height:200px;border-bottom:1px solid #E2E2E2;} #zishu_test3 li img{ width:600px; height:289px;border-bottom:1px solid #E2E2E2;} #zishu_test4 li img{ width:500px; height:394px;border-bottom:1px solid #E2E2E2;} #zishu_test5 li img{ width:550px; height:367px;border-bottom:1px solid #E2E2E2;} #zishu_test6 li img{ width:500px; height:293px;border-bottom:1px solid #E2E2E2;} #zishu_test7 li img{ width:550px; height:466px;border-bottom:1px solid #E2E2E2;} #zishu_test8 li img{ width:371px; height:550px;border-bottom:1px solid #E2E2E2;} #zishu_testlogo li img{ width:276px; height:186px;border-bottom:1px solid #E2E2E2;} #zishu_test9 li img{ width:458px; height:304px;border-bottom:1px solid #E2E2E2;} #zishu_test10 li img{ width:600px; height:400px;border-bottom:1px solid #E2E2E2;} #zishu_test li span{display:none;} #zishu_test1 li span{display:none;} #zishu_test2 li span{display:none;} #zishu_test3 li span{display:none;} #zishu_test4 li span{display:none;} #zishu_test5 li span{display:none;} #zishu_test6 li span{display:none;} #zishu_test7 li span{display:none;} #zishu_test8 li span{display:none;} #zishu_testlogo li span{display:none;} #zishu_test9 li span{display:none;} #zishu_test10 li span{display:none;} /*滑鼠停留在上效果(黑色區塊)*/ #zishu_test li a:hover{ border:1px solid #000; height:420px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test1 li a:hover{ border:1px solid #000; height:500px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test2 li a:hover{ border:1px solid #000; height:200px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test3 li a:hover{ border:1px solid #000; height:289px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test4 li a:hover{ border:1px solid #000; height:394px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test5 li a:hover{ border:1px solid #000; height:367px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test6 li a:hover{ border:1px solid #000; height:293px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test7 li a:hover{ border:1px solid #000; height:466px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test8 li a:hover{ border:1px solid #000; height:550px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_testlogo li a:hover{ border:1px solid #000; height:186px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test9 li a:hover{ border:1px solid #000; height:304px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} #zishu_test3 li a:hover{ border:1px solid #000; height:400px;font-family: "Arial";font-size: 15px;text-align:left;line-height: 17px; text-align:center;} /*滑鼠停在上面黑色底效果*/ #zishu_test li a:hover span{margin-top:420px;display:block;background:#333; width:550px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test1 li a:hover span{margin-top:500px;display:block;background:#333; width:550px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test2 li a:hover span{margin-top:200px;display:block;background:#333; width:600px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test3 li a:hover span{margin-top:289px;display:block;background:#333; width:600px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test4 li a:hover span{margin-top:394px;display:block;background:#333; width:500px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test5 li a:hover span{margin-top:367px;display:block;background:#333; width:550px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test6 li a:hover span{margin-top:293px;display:block;background:#333; width:500px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test7 li a:hover span{margin-top:466px;display:block;background:#333; width:550px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test8 li a:hover span{margin-top:550px;display:block;background:#333; width:371px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_testlogo li a:hover span{margin-top:187px;display:block;background:#333; width:186px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test9 li a:hover span{margin-top:304px;display:block;background:#333; width:458px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} #zishu_test10 li a:hover span{margin-top:400px;display:block;background:#333; width:600px;color:#fff;position:absolute; border-top:1px solid #000;font-family: "Arial";font-size: 15px;} table { font-family: arial; font-size:14px; padding: 0 80px 0 200px; text-align: left; table-layout: auto; } th { text-align: left; border: 1px solid; background-color: yellow; padding: auto; } td { border-bottom:1 solid #000000; text-align: left; } .fail { color:#FF0000; } * html #zishu_test li a:hover span {margin-left:0px; } /* IE6 */ *+html #zishu_test li a:hover span {margin-left:0px; }/* IE7 */ /*---------- cool導航 ---------*/ #navigation {margin:0; width: 100%; border-top:1px #e2e2e2 solid;border-bottom:1px #e2e2e2 solid } #menus li { display:inline; list-style:none;border:1px #e2e2e2 solid} #menus li a { background:transparent url(menu.gif) no-repeat; display:block; color:#382E1F; height:31px; line-height:31px; padding:0 20px; margin-left:-10px; text-decoration:none; font-size:11px; float:left; z-index:1;} #menus li a:hover { background-position:0 -31px;} #menus li.current_page_item a, #menus li.current-cat a { background-position:0 -62px;} #menus li a.home { background-position:0 -93px; width:45px; padding:0; margin-left:0; text-indent:-999em;} #menus li a.home:hover { background-position:0 -124px;} #menus li.current_page_item a.home { background-position:0 -155px;} #menus li a.lastmenu:hover { background-position:0 0;}