/* */ * { word-break: break-all; letter-spacing:0.05em;} body { margin: 0; padding: 0; background: #000; font: 12px "Arial","Trebuchet MS", "Lucida Console", "Lucida Sans"; text-align: center; color: #FFF; } a { text-decoration: none; color: #CCC;} a:hover { text-decoration: underline;color:#c43a1a; } a img { border: none; } ul {padding:0px;margin:0px} li {list-style:none;} li cite {float:right;width:5em;font-style:normal;} .clear-div {height:0px;overflow:hidden;} form { margin: 0; padding: 0; } input, button, select, textarea { font: 1em "Trebuchet MS", "Lucida Console", "Lucida Sans"; } button { cursor: pointer; height:2em;} .dotline {height:1px;background:url(../images/dotline_h.gif) repeat-x;} /*提示框*/ #notice { margin: 200px auto 0; background: #F1F1F1; border: solid; border-color: #A72424 #FFEFEF #FFEFEF; border-width: 4px 1px 1px; } #notice_message { padding: 1.5em 1em; font-size: 1.17em;color:#333;} #notice_message.warning { color:red; } #notice_links { margin: 0; line-height: 2em; border-top: 1px solid #F5F5F5; background: #CCC; padding: 0 1em; } #notice_links a { color:#333;margin: 0 2px; } /*用於AJAX調用的DIV*/ .xspace-ajaxdiv { position:absolute; padding: 5px;background: #a4a4a4; text-align: left; } .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; } .xspace-ajaxdiv h5 a { float: right; font-weight: normal;color:#fff; } .xspace-ajaxcontent { background: #2f2f2f; border: 1px solid #000; } .xspace-ajaxcontent form { margin: 0; } /*分頁*/ .pages { text-align: right; height: 32px; } .xspace-page { float: right; margin: 5px 5px 0 0; } .xspace-page a, .xspace-page span { float: left; display: inline; margin-right: 3px; line-height: 20px; padding: 0 6px; color:#000;background: #ccc; } span.xspace-totlerecord, span.xspace-totlepages { color: #000; } span.xspace-totlerecord { margin-right: 0; border-right: 1px solid #FFF; } span.xspace-current { background: #c43a1a; color: #fff; font-weight: bold; } /*外層*/ #wrap { width: 990px; padding: 0 5px; w\idth: 980px; margin: 0 auto; background: #000; text-align: left; } /*頁首*/ #header { float:left;background: #000 repeat-x; } #topmenu { float: right; width:720px;height:55px;overflow:hidden;} #topmenu ul { float:right;margin-top: 36px;list-style: none; } #topmenu li { float: left; padding:0 16px 0 17px;border-right:1px solid #BBB;} #topmenu li.menuclear {border-right-width:0;} #topmenu a { float: left; height: 14px; text-decoration: none; color: #FFF; overflow: hidden;} #topmenu a:hover {color:#c43a1a;} #aboutus { float:right;width:197px;height:22px;margin:10px 10px 0 0; padding:2px 0 0 0;text-align: center;background:url(../images/about_us.gif) no-repeat; color:#BBB;} #aboutus a {padding:0 3px 0 4px;} /*站點標題*/ #pagetitle h2 { margin: 0; } #pagetitle h2 a { float: left; width: 200px; height: 85px; background: url(../images/logo.gif); text-indent: -9999px; overflow: hidden; } /*導航條*/ #mainmenu { float:left;width: 980px; height: 38px; margin: 0; z-index: 9998; position: relative; left: 0px; overflow: hidden;} #mainnav li { display: inline; } #mainnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; background: url(../images/navbg.jpg) no-repeat; } /* BUTTONS */ #mainnav li #home a { background-position: 0 0; } #mainnav li#news a { background-position: -117px 0; } #mainnav li#blog a { background-position: -234px 0; } #mainnav li#friends a { background-position: -351px 0; } #mainnav li#photo a { background-position: -468px 0; } #mainnav li#shop a { background-position: -585px 0; } #mainnav li#bbs a { background-position: -702px 0; } /* OVER STATES */ #mainnav li #home a:hover { background-position: 0 -38px; } #mainnav li#news a:hover { background-position: -117px -38px; } #mainnav li#blog a:hover { background-position: -234px -38px; } #mainnav li#friends a:hover { background-position: -351px -38px; } #mainnav li#photo a:hover { background-position: -468px -38px; } #mainnav li#shop a:hover { background-position: -585px -38px; } #mainnav li#bbs a:hover { background-position: -702px -38px; } /* PRESSED STATES */ #mainnav li #home a:active { background-position: 0 -76px; } #mainnav li#news a:active { background-position: -117px -76px; } #mainnav li#blog a:active { background-position: -234px -76px; } #mainnav li#friends a:active { background-position: -351px -76px; } #mainnav li#photo a:active { background-position: -468px -76px; } #mainnav li#shop a:active { background-position: -585px -76px; } #mainnav li#bbs a:active { background-position: -702px -76px; } /*快速搜索*/ #globalsearch { width: 163px; height: 38px; position: absolute; top: 0; right: 0;background:url(../images/navbg.jpg) no-repeat 100% 0;overflow:hidden;} #searchform input {margin:10px 0 0 34px;height:13px;border:0;} [xmlns] #searchform input {margin-top:12px;} #searchform * { vertical-align: middle; } #searchkey { width: 100px; } #searchform button { border: none; position: absolute;right:9999px;height: 36px; width: 55px; text-indent: -9999px; } #menu {width: 100%; line-height: 28px; background: #E1EBF1 url(../images/menu.gif); } #menu ul { margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden; } #menu li { float: left; height: 28px; line-height: 32px; overflow: hidden; padding: 0 10px; background: url(../images/menu_item.gif) no-repeat right top; } #menu h1, #menu h2 { margin: 0; font-size: 1em; padding-left: 10px; } .empty { float:left;line-height: 10px; height: 10px; background-position: left bottom; overflow: hidden; } /*麵包屑導航*/ #nav { width:985px;margin-bottom:10px;padding-left:5px;height: 28px; line-height: 30px; overflow: hidden; background: url(../images/line-top.jpg) no-repeat 0 27px; } /*主顯示版塊*/ .content { float:left;overflow: hidden; } .topcontent { float:left;background: #000; } .side { float: right; width: 240px; display: inline; margin-right: 0px; overflow: hidden; } #news-headline-btm {width:397px;height:5px;background:url(../images/news-headline-btm.gif) no-repeat;overflow:hidden;} .viewmain-top {float:left;width:665px;height:8px;background:#232323 url(../images/mainarea-top.gif) no-repeat;overflow:hidden;} .viewmain {float:left;width:665px;background:#232323 url(../images/mainarea-bg.gif) repeat-y;overflow:hidden;} /*首頁圖文資訊*/ .catpic{ float: left; margin:10px 0 0 0; width:340px;height:110px;padding-top:10px;} [xmlns] .catpic{margin-left:10px;} .catpic a img { float:left;width: 100px; height: 75px; border: 3px solid #f0f0f0; margin:0 15px 0 10px;} .catpic strong a, .news-right-pic strong a {color:#c43a1a;} .catpic span, .news-right-pic span {line-height:1.6em;color:#ccc;} .clothes .dotline {float:left;margin:0 0 15px 8px;width:340px;} [xmlns] .clothes .dotline {width:330px;} /*Firefox Hack*/ .news-right-pic { float:left;padding:0 8px 10px 8px;background:#2f2f2f;} .news-right-pic a img {float:left;width:100px;height:75px;border:2px solid #f0f0f0;margin-right:5px;} .news-right-pic strong a {letter-spacing:0em;} .news-right-pic span {letter-spacing:0em;} #tshowmain {float:left;width:660px;margin-left:5px;overflow:hidden;} #tshowpic {float:left;width:162px;height:138px;overflow:hidden;text-align:center;} #tshowpic a {line-height:1.5em;} #tshowpic li {float:left;} #tshowpic li div {margin-left:5px;width:150px;height:115px;overflow:hidden;border:1px solid #f0f0f0;} #tshowpic li div a img {width:150px;height:115px;} .picborder {background:#a4a4a4 url(../images/picbg.gif) no-repeat;} /*首頁欄目*/ .two,.three {float:left;width:980px;} .clothes {float:left;width:665px;background:#232323 url(../images/newsbg.gif) repeat-y;overflow:hidden;} .clothes-1 {float:left;width:350px;height:275px;overflow:hidden;} .clothes-2 {float:right;width:295px;padding-top:10px;height:265px;overflow:hidden;} .clothes-2 .msgtitlelist li { margin-left:5px;padding-left:14px;background:url(../images/icon-square1.gif) no-repeat 0 8px;} .three {margin-top:10px;} [xmlns] .three {margin-top:15px;} .three .clothes-1 {width:360px;} .three .clothes-1 li {float:left;} .newspic {float:left;width:150px;height:115px;margin:12px;text-align:center;overflow:hidden;} [xmlns] .newspic {margin-left:10px;} .newspic a {color:#DFDFDF;} .newspic a img {width: 120px; height: 90px; display: block; border: 3px solid #f0f0f0;margin-bottom:5px;} .newspic a:hover img {border:3px solid #c43a1a;} .categorypic {float:left;width:150px;height:140px;margin:3px;text-align:center;overflow:hidden;} .categorypic a img {width:145px;height:120px;border:1px solid #f0f0f0;} .categorypic a:hover img {border:1px solid #c43a1a;} .news-right {float:right;width:300px;background:#2f2f2f url(../images/news-right-bar.gif) no-repeat;} .news-right span a {color:#313131;line-height:2.3em;} .news-right-btm {float:left;width:300px;height:9px;background:#000 url(../images/news-right-btm.gif) no-repeat;overflow:hidden;} #brand {float:left;height:278px;overflow:hidden;margin-top:8px;} [xmlns] #brand {margin-left:3px;} #brand li {float:left;margin:4px;font-weight:bold;text-align:center;border:1px solid #AFAFAF;} #brand li a {width:135px;line-height:2em;display:block;overflow:hidden;color:#DFDFDF;} #brand li a:hover {text-decoration:none;color:#000;background:#ccc;} #hometag {float:left;width:280px;height:265px;overflow:hidden;padding:10px;} #hometag div { margin: 5px 5px 0 5px; padding-bottom: 10px; line-height: 1.8em; } #hometag div a { white-space: nowrap; margin-right: 5px; } #hometag div a em { font-style: normal; color: #c43a1a; font-size: 10px; } #top1 {float:left;width:300px;height:80px;background:#3c3c3c url(../images/top1.gif) no-repeat 2px 7px;overflow:hidden;} #top1 li {margin:12px 0 0 32px;} .top1-author {margin:5px 0 0 32px;} #top1 li strong a {color:#c43a1a;font-size:16px;} .top1-btm {float:left;width:300px;height:11px;background:url(../images/news-right-mid.gif) no-repeat;} #top9 {float:left;width:300px;height:188px;background:#2f2f2f url(../images/top9.gif) no-repeat 4px 6px;overflow:hidden;} #top9 ul {margin-top:5px;} #top9 li {margin:0 0 4px 28px;} #top9 li cite {height:1.2em;margin-right:5px;overflow:hidden;} #top9 cite a {color:#AFAFAF;} #bbspic {float:left;width:300px;height:274px;overflow:hidden;} #bbspic li {float:left;width:140px;height:85px;margin:3px;overflow:hidden;} #bbspic li div {width:130px;height:70px;overflow:hidden;} #tshow {float:right;width:315px;height:284px;margin-top:8px;background:#2f2f2f url(../images/tshowbg.gif) repeat-x;overflow:hidden;} #tshow .picborder {margin:10px 0 0 15px;width:72px;height:104px;} #tshow img {width:64px;height:96px;margin:4px;} .tshow-left {float:left;width:8px;height:284px;background:url(../images/tshow-left.gif) no-repeat;} .tshow-right {float:right;width:8px;height:284px;background:url(../images/tshow-right.gif) no-repeat;} #tshownews {float:left;margin-top:30px;width:180px;height:250px;overflow:hidden;} #tshownews .msgtitlelist {line-height:2em;} #tshownews .msgtitlelist li {height:2em;padding-left:10px;background:url(../images/icon-square1.gif) no-repeat 0 10px;} .bar,.right-bar {width:665px;height:28px;background: #c8c8c8 url(../images/barbg.gif) repeat-x;overflow:hidden;} .bar-left {float:left;width:200px;padding-left:40px;font-size:14px;font-weight:bold;background:url(../images/bar-left.gif) no-repeat; } .bar-left a {line-height:2em;color:#313131;margin-right:10px;} .bar-right {float:right;width:30px;height:28px;background:url(../images/bar-right.gif) no-repeat right top;} .bar-more {margin:8px 0 0 0;} .bar-btm {float:left;width:665px;height:9px;background:url(../images/newsbg-btm.gif) no-repeat;overflow:hidden;} .right-bar{width:300px;} /*首頁最新導讀*/ #one-mid {float:left;width:397px;height:350px;margin-left:10px;background:#272727 url(../images/1-mid-btm.gif) no-repeat bottom;overflow:hidden;} #one-mid .dotline {margin:0 0 5px 15px;width:365px;} /*Firefox Hack*/ [xmlns] #one-mid .dotline {width:370px;} #channel {float:left;width:40px;margin:0 0 0 6px;font-size:14px;} #channel ul {float:left;list-style: none;} #channel li {margin:0 0 4px 0;} #freshnews {float:left;margin-left:5px;} #freshnews ul {float:left;list-style:none;} #freshnews li {font-size:14px;margin:0 0 4px 0;} /*用戶面板*/ #userpanel { overflow: hidden; height: 115px; background: #3c3c3c url(../images/1-right-top.gif) no-repeat 0 0; } /*未登錄*/ #userpanel fieldset { border: none; padding: 0 10px; margin: 0; position: relative; } #userpanel legend { padding-left: 14px; line-height: 27px; margin-bottom: 5px; } [xmlns] #userpanel legend {padding-left:20px;color:#000;} #userpanel input { width: 100px; } #userpanel p { margin: 0.3em 0;color:#E1E1E1;} #userpanel label { padding-right: 10px; } #userpanel #dologin {position: absolute; right: 20px; bottom: 50px; width: 42px; height: 28px; border: none; background: #F3F3F3 url(../images/btn_login.gif) no-repeat; text-indent: -9999px; } #userpanel form a { line-height: 2em; color: #E1E1E1; border-right: 1px solid #8E8E8E; padding-right: 5px; } /*登錄後*/ #userpanel h3 { color:#313131;margin: 0; line-height: 26px; padding-left: 30px; font-size: 1em; font-weight: normal; } #userpanel ul { margin: 8px 20px 0 15px; } #userpanel li { line-height: 2em; height: 2em; border-bottom: 1px solid #4D4D4D; } #userpanel li a { padding-left: 8px; margin: 0 10px; background: url(../images/icon_item.gif) no-repeat 0px 4px; } /*右側欄目*/ #one-right {height:288px;background:#2F2F2F url(../images/1-right-mid.gif) no-repeat; padding-top:15px;} .right-btm {height:9px;background: url(../images/1-right-btm.gif) no-repeat ;overflow:hidden;} .right-btm1 {height:15px;background: url(../images/right-btm.gif) no-repeat ;overflow:hidden;} /*空間之星、圖片新聞*/ #spacestar, #picnews {height: 91px; he\ight: 87px; overflow: hidden; } #spacestar h3, #picnews h3 { font-size: 1em;height:20px;} #spacestar strong {background:url(../images/icon-notice.gif) no-repeat 10px 2px; padding-left: 25px;overflow:hidden; line-height:24px;} #spacestar ul, #picnews ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } #spacestar li, #picnews li { float: left; display: inline; border: 1px solid #F1F5F6; margin: 5px 1px 5px 2px; width: 50px; height: 50px; padding: 1px; } #spacestar img, #picnews img { width: 50px; height: 50px; } .hotblog {height:175px;overflow:hidden;} .hotblog ul {margin-top:10px;margin-left:10px;} .hotblog ul li { line-height:1.5em;height:20px;padding-left:15px;background:url(../images/icon_item.gif) no-repeat 5px 7px;} /*站點地圖*/ #sitemap ul { margin: 5px 0; padding: 0; list-style: none; zoom: 1; overflow: hidden; } #sitemap li { float: left; padding: 0 1em 0 0; } /*登錄頁面*/ .loginpanel { width: 290px; margin: 0 auto; } .loginpanel fieldset { margin: 0; padding: 0; border: none; } .loginpanel legend { display: none; } .loginpanel p { margin: 10px 0; } .loginpanel label { margin-right: 5px; } .loginpanel input { width: 200px; } .loginpanel button { margin-left: 3.3em; } /*鏈接*/ #friendlink ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } #friendlink li { float: left; padding: 0 1em; margin: 5px 0; white-space: nowrap; line-height: 31px; } #friendlink li img { width: 88px; height: 31px; } /*影音版塊*/ #indexvideo { background: #000 url(../images/icon_video.gif) no-repeat 50% 50%; height: 215px; text-align: center; margin-bottom: 5px; overflow: hidden; } #indexvideo img { width: 233px; height: 175px; margin: 10px auto 0; } #indexvideo p { line-height: 30px; width: 233px; text-align: left; margin: 0 auto; } #indexvideo p a { color: #BBB; } #indexvideo p .smalltxt { color:#666; } #video { background-image: none; padding-bottom: 0; } #videobox { background: #000; height: 280px; overflow: hidden; } #hotvideo { float: left; padding: 10px; width: 340px; w\idth: 320px; height: 260px; background: #000 url(../images/icon_video.gif) no-repeat 50% 50%; } #hotvideo img { width: 320px; height: 240px; } #hotvideo p { margin: 3px 0; } #hotvideo p .smalltxt { color: #666; } #hotvideolist { float: right; padding: 10px 10px 0 0; } #hotvideolist ul { margin: 0; padding: 0; list-style: none; } #hotvideolist li { height: 88px; overflow: hidden; text-align: center; } #hotvideolist img { border: 1px solid #333; padding: 2px; width: 86px; height: 66px; w\idth: 80px; he\ight: 60px; } #hotvideolist p { margin: 0; } #videobox a { color: #BBB; } .mainarea { float: left; display: inline; margin-left: 2px; width: 728px; overflow: hidden; } .mainarea .block { margin-bottom: 5px; padding-bottom: 10px; overflow: hidden; } .mainarea .block h2 { font-size: 1.17em; margin: 5px 0; } .mainarea .block h2 a { color: #000; } .mainarea .block h3 { margin: 5px 0; background: url(../images/icon_lighttitle.gif) no-repeat 5px 10px; font-size: 1.17em; line-height: 2.2em; height: 2em; overflow: hidden; padding-left: 20px; } .mainarea .midmain .block { background: url(../images/dotline_h.gif) repeat-x bottom; } .midmain { float: left; width: 440px; } .midmain .smalltxt { font-size: 0.83em; color: #B9BCBF; } .midmain .more { color: #1DA4CD; } .midside { float: right; width: 220px; } .mainarea .midside .block { margin-bottom: 5px; background: #E1EBEF url(../images/blocktitle.gif) no-repeat 100% 0; } .side .block {background:#2f2f2f url(../images/bar-short.gif) repeat-x; } .side .block h3 {height:28px;line-height:30px;font-size:12px;padding-left:30px;color:#000;font-weight:normal;overflow:hidden;} .mainarea .midside .block h3, .side .block h1 { margin: 0; font-size: 1.17em; line-height: 39px; height: 36px; background: url(../images/blocktitle.gif) no-repeat -497px 0; color: #FFF; padding-left: 10px; overflow: hidden; } .mainarea .midside .block ol, .side .block ol { margin: 5px; padding: 0; background: url(../images/line_bg.gif); line-height: 26px; font-weight: bold; color: #1DA4CD; } .mainarea .midside .block ol li, .side .block ol li { margin-left: 30px; } .mainarea .midside .block ol li a, .side .block ol li a { font-weight: normal; } .mainarea .midside .block ul, .side .block ul { margin:0 5px 0 5px; padding: 0 0 5px; line-height: 1.8em; } .mainarea .midside .block ul li, .side .block ul li { padding-left: 15px; background: url(../images/icon_item.gif) no-repeat 5px 8px; } .mainarea .midside .block .smalltxt, .mainarea .midside .block .smalltxt a, .side .block .smalltxt, .side .block .smalltxt a { color: #999; } * .blockG { background: #E6F3D9 url(../images/news-right-bar.gif) no-repeat ; } * .blockG h3, * .blockG h1 { background: url(../images/news-right-bar.gif) no-repeat; } * .blockG h1 {text-align:right;padding-right:10px;} .side .block a.more, .midside .block a.more { float: right; line-height: 40px; height: 36px; overflow: hidden; padding: 0 10px; color: #FFF; } h1#tagname { margin: 10px; text-align: center; font-size: 1.6em; background-image: none !important; padding: 0 !important; } h1#tagname, h1#tagname a { color: #f1f1f1;} /*幻燈片*/ #slideimg { float:left;width: 300px;height: 370px;margin:10px 0 0 5px; } [xmlns] #slideimg { margin:10px 0 0 10px; } /*Firefox Hack*/ #slidefooter { height: 25px; line-height: 25px; text-align: center; overflow: hidden;} #slidenext { float: right; width: 30px;} #slideprev { float: left; width: 30px; } #slidefooter p { margin: 0px; } #slidefooter a { text-decoration: none; color: #FFF; } /*頭條信息*/ #home-headline, #headline { float:left;height: 65px;width:397px;margin:0 0 0 10px; padding:10px 0 0 0;text-align:center;overflow:hidden;} #home-headline {background:#272727 url(../images/1-mid-top.gif) no-repeat;} #home-headline strong a, #headline strong a {color: #c43a1a; font-size: 16px; text-decoration :none;} #home-headline strong a:hover, #headline strong a:hover {text-decoration:underline;} #home-headline p , #headline p { text-align:left;margin: 2px 15px; color: #E3E3E3; } #headline {background:url(../images/news-headline.gif) no-repeat;} #hotarticle div a {color:#000;} /*選項卡*/ .tabblock {background:url(../images/tab-bg.jpg) repeat-x; margin-bottom: 5px; } .tabblock h3 { margin: 0; line-height: 28px; height: 28px; font-size: 1em; } .tabblock h3 .tab { font-weight: normal; float: left; padding: 0 10px; color: #e1e1e1; } .tabblock h3 .curtab { font-weight: bold; background:url(../images/tab.gif) no-repeat center 0;height: 28px;overflow: hidden; } .tabblock a.more { float: right; line-height: 22px; padding-right: 10px; font-weight: normal; color: #c43a1a; } .tabcontent .msgtitlelist {margin-top:6px;} .tabcontent .msgtitlelist li {padding-left:10px;height:1.7em;} .tabcontent .msgtitlelist li cite {color:#333;} /*同城*/ #cityspace { float:left;padding-left:3px;background: #2f2f2f; height: 36px; line-height: 36px; text-align: center; } #cityspace form * { vertical-align: middle;background:#f1f1f1; } #cityspace form button { border: none; padding: 0; margin: 0; background: transparent url(../images/btn_cityspace.gif) no-repeat 50% 50%; text-indent: -9999px; width: 80px; height: 36px; overflow: hidden; } #cityspace form button#goodscitysearch { background-image: url(../images/btn_citygoods.gif); } /*調查、公告*/ #polls, #announcement { height:56px;background:url(../images/icon-notice.gif) no-repeat 10px 4px; line-height:20px; padding-left: 26px;overflow:hidden; } #polls {margin-top:7px;} #polls li, #announcement li {list-style-type:square;margin-left:0px;} #polls strong, #announcement strong { color: #979797; } #polls a.more, #announcement a.more { float: right; background: url(../images/btn_more.gif) no-repeat 50% 50%; width: 80px; text-indent: -9999px; } #dopoll table { margin: 10px 30px; line-height: 1.8em; } #dopoll td { vertical-align: top; border-bottom: 1px solid #E1ECF0; } #pollresult ul { margin: 10px 30px; padding: 0; line-height: 1.8em; list-style: none; } #pollresult li { border-bottom: 1px solid #E1ECF0; } #pollresult li div { color: #656D77; } #pollresult li div.pollpercent { line-height: 15px; height: 15px; overflow: hidden; background: #80CC57 url(../images/blocktitle_2.gif) repeat-x 0 -9px; } /*TAG*/ #hottag div { margin: 5px 5px 0 5px; padding-bottom: 10px; line-height: 1.8em; } #hottag div a { white-space: nowrap; margin-right: 3px; } #hottag div a em { font-style: normal; color: #c43a1a; font-size: 10px; } /*快捷面板*/ .quicklink { margin: 0; padding: 0; list-style: none; zoom: 1; overflow: hidden; } .quicklink li { float: left; width: 49%; padding: 10px 0; text-align: center; } .quicklink a { display: block; line-height: 3em; margin: 0 60px; padding: 0 10px; background-color: #D7EDC1; border: 1px solid; border-color: #E3F2D4 #E3F2D4 #CCE1B7 #CCE1B7 } .thumbmsg { float: left; margin-right: 10px; text-align: center; } .thumbmsg img { width: 120px; height: 100px; display: block; border: 1px solid #F1F5F6; padding: 1px; margin-bottom: 5px; } .side .thumblist { margin: 0; padding: 0; list-style: none; } .side .thumblist li { border-bottom: 1px solid #FFF; padding-left: 77px !important; background-image: none !important; height: 67px; } .side .thumblist li div { float: left; display: inline; margin-left: -67px; border: 1px solid #E9E9E9; background: #FFF; } .side .thumblist li img { width: 60px; height: 60px; } .side .thumblist li h6 { font-size: 1em; margin: 5px 0; font-weight: normal; } .side .thumblist li h6 a { color: #1DA4CD; } .side .thumblist li p { margin: 0; color: #656D77; } /*資訊文章列表*/ .msgtitlelist { margin: 5px; padding: 0; list-style: none; line-height: 1.8em; } .msgtitlelist li { height: 1.8em; overflow: hidden; } .msgtitlelist cite { float: right; font-style: normal; width: 5em; height: 1.8em; color: #B9BCBF; overflow: hidden; } .msgtitlelist cite a { color: #999; } .icon-msg a:hover{text-decoration:none;} .list2col { overflow: hidden; } .list2col li { width: 48%; float: left; display: inline; margin: 0 5px; } .linelist { float:left;padding:0 15px;} .linelist li {border-bottom:1px solid #2F2F2F;} .linelist li cite {width:3em;color:#888;} .articlelist { font-size: 1.17em; } .articlelist li {border-bottom:1px solid #7F7F7F;} .articlelist li a { color:#F4F4F4;} .imagelist { margin: 0; padding: 0 0 0 11px; list-style: none; background: #232323; overflow: hidden; } .imagelist li { float: left; display: inline; width: 100px; height: 130px; overflow: hidden; margin: 8px 14px 0; text-align: center; } .imagelist li p a {color:#fff;} .imagelist div {width: 100px; height: 100px; background: #FFF; overflow: hidden; font-size: 80px; line-height: 80px; } .imagelist div a { display: table-cell; vertical-align: middle; } .imagelist img { max-width: 140px; max-height: 140px; width: expression(this.width > 140 && this.width > this.height ? 140 : true); height: expression(this.height > 140 ? 140 : true); font-size: 12px; } @media all and (min-width: 0px){ .imagelist img { width: 100px; height: 100px; } } /*for Opera Only*/ .imagelist p { margin: 0; line-height: 30px; height: 30px; overflow: hidden; } .messagelist { margin: 0; padding: 0; list-style: none; } .messagelist li { background: url(../images/dotline_h.gif) repeat-x bottom; padding: 5px 10px; } .messagelist h4 { border-left: 3px solid #c43a1a; padding-left: 5px; margin: 5px 0 0; font-size: 1.17em; } .messagelist h4 a { color: #f8f8f8; } .messagelist p { margin: 5px 0; padding-left: 8px; color: #656D77; line-height: 1.7em; } .messagelist p.msginfo { color: #999; } .thumbmsglist { margin: 0; padding: 0; list-style: none; clear: both; } .thumbmsglist li { background: url(../images/dotline_h.gif) repeat-x bottom; padding: 5px 10px; zoom: 1; overflow: hidden; } .thumbmsglist li .thumb { float: left; width: 80px; height: 80px; margin: 0; text-align: center; overflow: hidden; } .thumbmsglist li .thumb img { border: 1px solid #F3F3F5; padding: 1px; max-width: 75px; max-height: 75px; width: expression(this.width > 75 && this.width > this.height ? 75 : true); height: expression(this.height > 75 ? 75 : true); } .thumbmsglist div { float: right; width: 550px; } .thumbmsglist li em { float: right; color: #1DA4CD; font-style: normal; } .thumbmsglist li h4 { margin: 0; font-size: 1.17em; } .thumbmsglist li h4 a { color: #333; } .thumbmsglist li h6 { margin: 0; font-size: 1em; font-weight: normal; } .thumbmsglist li h6 a { color: #1DA4CD } .thumbmsglist li p { margin: 5px 0; color: #656D77; line-height: 1.7em; } .thumbmsglist li p.msginfo { color: #999; } .thumb2col { padding: 10px; zoom: 1; overflow: hidden; } .thumb2col li { width: 320px; w\idth: 300px; float: left; } .thumb2col li div { width: 210px; } .blockcategorylist { overflow: hidden; } .blockcategory { margin:0 5px 5px 0;float: left; width: 330px; height: 280px;overflow: hidden;background:#232323; } .blockcategory .msgtitlelist {padding-left:5px;} .blockcategory .msgtitlelist cite {width:3.5em;color:#999;} .blockcategory h3 { margin: 2px 0 0; font-size: 1.17em; background: #F3F3F5 url(../images/barbg.gif) repeat-x; line-height: 1.8em; padding-left: 5px; } .blockcategory h3 a { color: #000;margin-left:5px; } .blockcategory .more { color: #c43a1a;} /*欄目封面圖片*/ .catepic { text-align: center; background: url(../images/dotline_h.gif) repeat-x bottom; } .catepic img { margin-top: 10px; max-width: 170px; max-height: 170px; width: expression(this.width > 170 && this.height < this.width ? 170: true); height: expression(this.height > 170 ? 170: true); } .catepic p { text-align: left; padding: 10px; margin: 0; } /*專題列表*/ #subjectlist { border-color: #86B9D6; padding: 2px; } #subjectlist h3 { border: none; background: #9FC8DF; } #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; } #subjectlist p { margin: 0; line-height: 1.2em; } /*閱讀文章*/ #articledetail {margin:8px 8px 0 8px;} #articlectrl { margin:0;padding:10px 0;background:url(../images/dotline_h.gif) repeat-x bottom; color:#ccc;} #articlectrl span { float: right; } h1#articletitle { margin:15px 0; text-align: center; font-size: 1.33em;color:#c43a1a;} #articleinfo {margin-left:20px;width:600px;text-align: center; color: #999;line-height:28px;border-bottom:1px solid #4F4F4F;border-top:1px solid #4F4F4F;margin-bottom:10px; } #articlebody { padding:0 10px;font-size: 1.17em; line-height: 1.8em; } #articlebody * { line-height: normal; } #articlebody p, #articlebody div { color:#bfbfbf;line-height: 1.8em !important; margin: 10px 0; } #articlebody p *, #articlebody div * { line-height: normal !important; } #articlebody img { max-width: 620px; max-height: 620px; width: expression(this.width>620 && this.width>this.height ? 620 : true); height: expression(this.height > 620 ? 620 : true); } #relativetags {width:600px;border:1px solid #3f3f3f;padding:5px 0;margin:15px;} #relativetags strong {color:#efefef;margin:10px 0;padding-left:25px;background:url(../images/icon_lighttitle.gif) no-repeat 5px 3px;} #relativetags ul {width:99%;margin-top:5px;} #relativetags li {float:left;width:290px;line-height:1.5em;height:1.7em;background:url(../images/icon-square1.gif) no-repeat 15px 7px;overflow:hidden;} #relativetags li a {margin-left:25px;} /*評論列表*/ #commentlist dl { margin: 0; padding: 0; } #commentlist dt { border: solid #E1ECF0; border-width: 1px 1px 0; padding: 5px; background: #555; } #commentlist dt span { float: right; } #commentlist dd { margin: 0 0 5px; border: solid #E1ECF0; border-width: 0 1px 1px; padding: 5px; line-height: 1.8em;background: #ccc; color:#333;} #commentlist dd * { line-height: normal; } #commentlist dd p, #commentlist dd div { line-height: 1.8em !important; margin: 10px 0; } #commentlist dd p *, #commentlist dd div * { line-height: normal !important; } #commentlist dd img { max-width: 500px; max-height: 500px; width: expression(this.width>500 && this.width>this.height ? 500 : true); height: expression(this.height > 500 ? 500 : true); } #commentlist dd .xspace-quote { margin: 10px 10px 10px 30px; padding: 5px; border-left: 3px solid #C43A1A; line-height: 1.8em; } #commentlist p.more { margin: 5px 0; background: url(../images/icon_item.gif) no-repeat 5px 6px; padding-left: 13px; } #commentlist p.more a { font-weight: bold; color: #1DA4CD; } /*投票*/ #xspace-rates { text-align: center; width: 430px; margin: 5px auto; padding: 20px 0; height: 90px; he\ight: 50px; overflow: hidden; background: #FFF; } #xspace-rates-bg { width: 210px; height: 30px; margin: 0 auto 5px; background: url(../../../images/base/rate_star.gif); } #xspace-rates-star { height: 30px; background: url(../../../images/base/rate_star.gif) 0 -30px; margin: 0 auto 0 0; } #xspace-rates-a { height: 30px; margin-top: -30px; } #xspace-rates a { float: left; text-align: left; width: 30px; height: 30px; text-indent: -999px; overflow: hidden; background-color: transparent !important; } .xspace-rates-5 { width: 30px; } .xspace-rates-3 { width: 60px; } .xspace-rates-1 { width: 90px; } .xspace-rates0 { width: 120px; } .xspace-rates1 { width: 150px; } .xspace-rates3 { width: 180px; } .xspace-rates5 { width: 210px; } #xspace-rates p { margin: 0; } /*發表評論*/ #comment { float:left;width: 600px; margin-left:20px;} #comment h2 {font-size:14px;font-weight:bold;margin:10px 0 5px 0;padding-left:5px;border-left:3px solid #c43a1a;} #comment span{float:right;color:#c43a1a;} #comment span a {color:#ccc;} #comment form { margin: 0; padding: 5px 15px; } #comment p { margin: 0; } .seccodeline * { vertical-align: middle; } #comment label { margin-right: 10px; } #message { border: 1px solid #ccc; padding: 5px; vertical-align: text-top; height: 80px; width: 340px; } #seccode { border: 1px solid #ccc; height: 23px; line-height: 23px; padding: 0 5px; } #submitcomm { margin-left: 3.1em; } #search { width: 600px; margin: 0 auto; } #search form { text-align: center; margin: 4em 0; color:#111111;} #search .open { text-align: left !important; line-height: 30px; margin: 2em !important; } #search .open div div { clear: both; padding-left: 7em; } #search .open label { float: left; width: 7em; } #search .open div label { margin-left: -7em; } #search .open button { float: right; } #search .open fieldset { border: none; margin: 0; padding: 0; } #search .open fieldset label { float: none; margin: auto; white-space: nowrap; margin-right: 1em; } #footer {float:left;width: 990px; w\idth: 980px;margin-top:10px;} #breadcrumb {width:100%;background:url(../images/breadcrumb_top.gif) no-repeat;height: 32px;font-weight: bold;padding-left:13px;overflow:hidden;} #breadcrumb li {float:left;margin:0 5px;padding-right:20px;height:32px;background:url(../images/breadcrumb_arrow.gif) no-repeat right 0;} #breadcrumb li a {color:#a5a4a4;line-height:32px;} #footerlink { float:right;width:100%;padding: 8px 0; border-bottom:1px solid #252525; } #footerlink span {float:right;color:#bababa;} #btm-menu {float:left;width:100%;background:#000;padding-top:10px;background:url(../images/directory_bgblack.png) repeat-y;} #btm-menu dl { margin: 0 1.5em; padding: 0; height: 25px;line-height:23px;overflow: hidden; } #btm-menu dt { float: left; width: 4em; white-space: nowrap; } #btm-menu dt a {color: #b2b2b2;} #btm-menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; } #btm-menu dd a { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap;color: #666;} .btm-menu-btm {width:100%;height:8px;background:url(../images/breadcrumb_btm.png) no-repeat;overflow:hidden;} #copyright {color:#666;margin:4px 8px;line-height:1.4em;} #copyright span {float:left;} #copyright cite {float:right;font-style:normal;} #copyright cite a {color:#666;} /*廣告位*/ .ad1 {width:980px;height:90px;margin:10px 0;float:left;} .ad1-right,.ad2-right {float:right;width:240px;height:90px;overflow:hidden;} .adbox { width: 728px; overflow: hidden; float:left;} .ad2-right {width:300px;} .ad-category {float:right;width:300px;overflow:hidden;}