/* CSS Document */ @import url("reset.css"); /* ==========================================瘋杭州首頁=========================================== */ #CRAZY{ margin:0;padding:0; height:100%;} /* ================瘋杭州首頁(上)=============== */ #CRAZY #CRAZYA { margin:0;background-image:url(../images/crazy_a_bg.jpg); width:632px; height:465px; background-repeat:no-repeat; position:relative;} #CRAZY #CRAZYA #CRAZYA1 { margin:0; float:left;width:390px;} #CRAZY #CRAZYA span.title {text-align:left; color:#999; font-size:12px; position:absolute; left:0;} #CRAZY #CRAZYA span.title a{color:#999; text-decoration:none;} #CRAZY #CRAZYA #CRAZYA1 h2{ background-image:url(../images/crazy_a_title.jpg); background-repeat: no-repeat; width:133px; height:30px; margin-top:100px;margin-left:10px; margin-bottom:2px; text-indent:-9999px;} #CRAZY #CRAZYA #CRAZYA1 h3{ padding-left:20px;font:"細明體"; font-size:16px; color:#856626; width:370px; margin-top:5px;} #CRAZY #CRAZYA #CRAZYA1 h4{ margin:5px 0; padding-left:20px;font:"細明體"; font-size:12px; color:#584927; } #CRAZY #CRAZYA #CRAZYA1 h4 span{ font-family:Arial, Helvetica, sans-serif; color: #ae8b39; } #CRAZY #CRAZYA #CRAZYA1 p img{ background-color:#CCCCCC; float:left; margin:3px 8px 0px 0px; padding:5px; background-color:#FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 2px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666;} #CRAZY #CRAZYA #CRAZYA1 p { margin-left:18px; color: #999999; font-size:12px; text-indent:2em; width:370px; letter-spacing:0.2em;} #CRAZY #CRAZYA #CRAZYA1 p span a { color: #CC9900; } #CRAZY #CRAZYA #CRAZYA1 p span a:hover { color:#FFCC00;} #CRAZY #CRAZYA #CRAZYA2 img.GOGO { position:absolute; top:374px; left: 537px; width: 46px; height: 25px; } /* ===============瘋杭州首頁(中1)============== */ #CRAZY #CRAZYB {clear:both;margin:0; background-image:url(../images/crazy_b_bg.jpg); width:632px; height:138px; background-repeat:no-repeat;} #CRAZY #CRAZYB h2 { color:#895f03; font-size: 16px; margin:5px 15px; padding-top:30px;} #CRAZY #CRAZYB h3 { display:block; width:200px; height:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#584927; padding-left:15px;} #CRAZY #CRAZYB h3 span{ font-family:Arial, Helvetica, sans-serif; color: #ae8b39; } #CRAZY #CRAZYB p { color: #999999; font-size: 12px; width:360px; margin:14px;} #CRAZY #CRAZYB p span a { color: #CC9900; } #CRAZY #CRAZYB p span a:hover { color:#FFCC00;} /* ==============瘋杭州首頁(中2)============== */ #CRAZY #CRAZYC { clear:both; margin:0; width:632px;} /* =============瘋杭州首頁(下)============= */ #CRAZY #CRAZYD { clear:both; margin:0; background-image:url(../images/crazy_d_bg.jpg); background-repeat:no-repeat; width:632px; height:672px;} #CRAZY #CRAZYD #CRAZYDCONTENT { margin:0 auto; width:585px; margin-left:15px; height:310px;} #CRAZY #CRAZYD #CRAZYDCONTENT .crazy1{ margin:0; padding:0px; width:191px; height:220px;margin-top:70px; float:left;margin-left:2px;} #CRAZY #CRAZYD #CRAZYDCONTENT .crazy1 img{ margin:0; padding:2px; width:165px; height:93px; background-color:#FFFFFF;margin-left:10px; margin-top:0px; margin-bottom:-5px;} #CRAZY #CRAZYD #CRAZYDCONTENT .crazy1 h2{ display:block; width:170px; font-size:16px; margin:2px;margin-left:10px; color:#FFFFFF;margin-top:8px; } #CRAZY #CRAZYD #CRAZYDCONTENT .crazy1 h3{ padding:5px; font-size:12px; margin:0px; color:#145101;} #CRAZY #CRAZYD #CRAZYDCONTENT .crazy1 a{ display:block; background-image:url(../images/crazy_c_go.jpg); width:31px; height:19px; text-indent:-9999px; margin-left:80px; margin-top:0px;} #CRAZY #CRAZYD #CRAZYDCONTENT .crazy1 span{ margin-left:70px;display:block; background-color:#333333; width:60px; height:20px; font-size:12px; color:#FFFFFF; text-align:center; line-height:20px;} /* ==========================================新聞內文=========================================== */ #READ {position:relative;height:100%;/* margin:0 auto;*/} /* 上-標題 */ .READ1 {position:relative; background-image:url(../images/read_bg1.jpg); width:630px; height:132px; background-repeat:no-repeat;} .READ1 .READ1LEFT ul{ position:absolute; top:25px;left:20px;} .READ1 .READ1LEFT ul li { font-size:13px; padding-left:10px; } .READ1 .READ1LEFT ul li.LEFT1 { display:block; background-image:url(../images/read_icon.gif); height:30px; line-height:30px; background-repeat:no-repeat;color: #584927; font-family:Arial, Helvetica, sans-serif; font-size:18px;font-weight:bold; background-position:0 10px; padding-left:20px; margin-bottom:15px;} .READ1 .READ1RIGHT ul{position:absolute; top:25px; right:50px;} .READ1 .READ1RIGHT ul li { font-size:13px;} .READ1 .READ1RIGHT ul li.RIGHT1 { display:block; font-size:13px; text-decoration:none; margin-bottom:45px;} .READ1 .READ1RIGHT ul li.RIGHT2 a{ display:block; margin-left:30px; color:#FFFFFF; background-image:url(../images/read_next.jpg); background-repeat:no-repeat; width:69px; height:32px; line-height:32px; font-size:12px; text-align: center;} .READ1 .READ1RIGHT ul li.RIGHT2 a:hover { background-color: #999933; color: #583c11;} /* 中-連結列表 */ .READ2 {clear:both; margin:0; background-image:url(../images/read_bg2.jpg); background-repeat:repeat-y; width:636px; } .READ2 p { margin:0; font-family:"新細明體"; font-size:12px; padding-left:45px; color:#615337; letter-spacing:0.1em; line-height:20px; padding-right:35px; text-indent:2em; padding-bottom:10px;} .READ2 img{margin-right:50px; float:right; padding:5px; background-color:#FFFFFF; border-top-width: thin; border-right-width: 1px; border-bottom-width: 2px; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC;} /* 下半-連結列表 */ .READ3 {clear:both; margin:0; background-image:url(../images/read_bg3.jpg); width:636px; height:200px; background-repeat:no-repeat; } .READ3 ul { margin-left:520px; list-style:none;} .READ3 li.NEXT { } .READ3 li.NEXT a{ display:block; margin:0; padding:0; width:69px; background-image: url(../images/read_next.jpg);height:32px; background-repeat:no-repeat; text-decoration:none; color: #666666; font-size:12px; line-height:32px; text-align:center;} .READ3 li.NEXT a:hover{ color:#000000;} /* 回上一頁清單 */ .READ3 li.BACKLIST {} .READ3 li.BACKLIST a{ display:block; width:100px; margin:0; padding:0; background-image: url(../images/read_icon.gif); background-repeat:no-repeat; background-position:0 2px; text-decoration:none; color: #666666; font-size:12px; text-align:center; margin-top:50px; padding-left:5px; } .READ3 li.BACKLIST a:hover{ color: #663300;} /* ==========================================新聞清單頁面=========================================== */ #NEWS{width:630px; margin:0 auto; padding:0; height:100%;} /* ======================新聞清單頁面(最新新聞)====================== */ #NEWS #NEWSA{width:626px;} #NEWS #NEWSA h2{ background-image:url(../images/newslist_title1.jpg); width:626px; height:74px; text-indent:-9999px;} #NEWS #NEWSA .NEWSA1 { margin:0; width:270px; margin:16px; float:left;} #NEWS #NEWSA .NEWSA1 h3{ font-size:18px; font-family:"新細明體"; color:#856626;} #NEWS #NEWSA .NEWSA1 h4{ font-size:13px; font-family:"新細明體"; color:#5c4716;margin:10px;} #NEWS #NEWSA .NEWSA1 h4 span{ font-size:13px; font-family:"新細明體"; color:#ae8b39;} #NEWS #NEWSA .NEWSA1 img{ float:left; width:140px; height:100px; border:solid 1px #000000; margin-right:10px;} #NEWS #NEWSA .NEWSA1 p a{ font-size:12px; font-family:"新細明體"; color:#6f6e6c; text-decoration:none; line-height:18px;} #NEWS #NEWSA .NEWSA1 p a:hover{ text-decoration: underline;} #NEWS #NEWSA .NEWSA1 p span a { text-decoration: none; color:#c19637;} #NEWS #NEWSA .NEWSA1 p span a:hover { color:#FFCC00;} #NEWS #NEWSA .NEWSA2 { width:600px;} #NEWS #NEWSA .NEWSA2 ul.listnum1{ clear:both; float:right;height:50px; margin-right:5px; } #NEWS #NEWSA .NEWSA2 ul.listnum1 li{ float:left;} #NEWS #NEWSA .NEWSA2 ul.listnum1 li a{ display:block; width:30px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787675;letter-spacing:0.5em; padding-right:2px;} #NEWS #NEWSA .NEWSA2 ul.listnum1 li a:hover{ color: #CCCCCC;} /* ======================新聞清單頁面(在台新聞公告)====================== */ #NEWS #NEWSB{ clear:both;width:626px;background-image:url(../images/newslist_bg.jpg); background-repeat:repeat-y;} #NEWS #NEWSB h2{ margin:0;background-image: url(../images/newslist_title2.jpg); background-repeat:no-repeat; width:626px; height:63px; text-indent:-9999px;} #NEWS #NEWSB .NEWSB1 { margin:0; width:576px; margin:25px;} #NEWS #NEWSB .NEWSB1 h3{ font-size:18px; font-family:"新細明體"; color:#856626;} #NEWS #NEWSB .NEWSB1 h4{ font-size:13px; font-family:"新細明體"; color:#5c4716; margin:10px; } #NEWS #NEWSB .NEWSB1 h4 span{ font-size:13px; font-family:"新細明體"; color:#ae8b39;} #NEWS #NEWSB .NEWSB1 img{ float:left; width:100px; height:70px; border:solid 1px #000000; margin-right:10px;} #NEWS #NEWSB .NEWSB1 p a{ font-size:12px; font-family:"新細明體"; color:#6f6e6c; text-decoration:none; line-height:18px;} #NEWS #NEWSB .NEWSB1 p a:hover{ text-decoration: underline;} #NEWS #NEWSB .NEWSB1 p span a { text-decoration: none; color:#c19637;} #NEWS #NEWSB .NEWSB1 p span a:hover { color:#FFCC00;} #NEWS #NEWSB .NEWSB2 { width:620px;text-align:right;} #NEWS #NEWSB .NEWSB2 ul.listnum2{ clear:both; float:right;height:50px; margin-right:5px; text-align:right;} #NEWS #NEWSB .NEWSB2 ul.listnum2 li{ float:left;} #NEWS #NEWSB .NEWSB2 ul.listnum2 li a{ display:block; width:30px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787675; text-align:center; letter-spacing:0.5em; padding-right:2px;} #NEWS #NEWSB .NEWSB2 ul.listnum2 li a:hover{ color: #CCCCCC;} /* ======================新聞清單頁面(其他清單列表)====================== */ #NEWS #NEWSC{ clear:both;width:626px; position:relative;} #NEWS #NEWSC h2{ margin:0; background-image:url(../images/newslist_title3.jpg); background-repeat:no-repeat; width:626px; height:36px; text-indent:-9999px;} #NEWS #NEWSC h3{ margin:25px 0 5px 25px; color:#996600; font-size:16px; } #NEWS #NEWSC h3 span{margin-left:425px; color:#ae8b39;} #NEWS #NEWSC ul{ margin-left:27px;} #NEWS #NEWSC ul li{ font-family:Arial, Helvetica, sans-serif; color:#856626; font-size:16px; margin:5px; font-weight: bold; margin:0; } #NEWS #NEWSC ul li.newsc1 a{ display:block; margin:0; width:585px; height:28px;font-family:Arial, Helvetica, sans-serif; color:#856626; font-size:14px; font-weight: normal; padding-bottom:0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; line-height:28px;} #NEWS #NEWSC ul li.newsc1 a:hover {color:#CC9933;} #NEWS #NEWSC ul li.newsc1 a span { position:absolute; right:42px; font-family:Arial, Helvetica, sans-serif; color:#ae8b39; font-size:13px;font-weight: normal; float:right; } #NEWS #NEWSC ul li.newsc1 a:hover span { color: #993300;} #NEWS #NEWSC .NEWSC2 { width:620px;text-align:right; margin-top:20px;} #NEWS #NEWSC .NEWSC2 ul.listnum3{ clear:both; float:right;height:50px; margin-right:5px; text-align:right;} #NEWS #NEWSC .NEWSC2 ul.listnum3 li{ float:left;margin-right:5px;} #NEWS #NEWSC .NEWSC2 ul.listnum3 li a{ display:block; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787675; text-align:center; padding-right:2px;font-weight: normal;} #NEWS #NEWSC .NEWSC2 ul.listnum3 li a:hover{ color: #CCCCCC;} /*==============推文按鈕列==============*/ #socaillink{ padding-left:35px; color:#717171; background-image:url(../images/read_bg2.jpg); background-repeat:repeat-y;width:601px;height:50px;} #socaillink img{ margin:0; border:none; float:left; width:16px; height:16px;} #socaillink span.t1{ float:left; line-height:28px;} #socaillink span.t2{ float:left;}