/* 頻道Common css style created in 2012.08.30 */ /***Reset***/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin:0; padding:0; border:0; font-size:100%; /*font:inherit;*/ font-style:inherit; vertical-align:baseline; background:transparent;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;} body{ /*line-height:1;*/ line-height:normal;} ol, ul{ list-style:none;} i,em{ font-style:normal;} input,button,textarea,select,optgroup,option{ font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{ *font-size:100%;} blockquote, q{ quotes:none;} blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none;} table{ border-collapse:collapse; border-spacing:0;} /***Common***/ body{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#333;} /*safari, opera*//*針對IOS設備*/ @media all and (-webkit-min-device-pixel-ratio:0){ body{ min-width:1024px;} } table{ font-size:inherit; font-size:100%;} pre,code,kbd,samp,tt{font-family:monospace; font-size:12px; line-height:100%;} .clear{ clear:both;padding:0px;} .clearLine{ border-left:1px #fff solid;}/*分隔線*/ /*a:link,a:visited{ color:#333; text-decoration:none;}*/ a{ color:#333; text-decoration:none;} a:hover{ color:#666; text-decoration:underline;} .none{ display:none !important; visibility:hidden !important;} .block{ display:block !important; visibility:visible !important;} .pointer{ cursor:pointer;} /*a:focus{ outline:0;}*//*將選取虛框取消*/ /***Main Area***/ #midPage{ width:100%; margin:0px auto; padding:0px 0px 0px 0px; background:#f5f5f5; overflow:hidden} #btmPage{ width:100%; margin:0px auto; padding:0px 0px 0px 0px; background:#e5e5e5;} #header{ width:100%; margin:0px auto 0px; background:#fff;} #footer{ width:980px; margin:0px auto 0px;} #middle{ width:645px; float:left; padding:0px 0px 0px 20px; _padding:0px 0px 0px 15px;} #middle2{ width:840px; float:right; padding:0px 0px 0px 0px; margin:8px 0px 0px;}/*for名人堂，其他設定在vip.css*/ #middle3{ width:980px; padding:8px 0px 0px 0px;}/*for無左右側欄*//*for個人微博*/ #middle4{ width:673px; float:left; padding:0px 0px 0px 0px; margin:0px 9px 0px;}/*for視頻底層頁，其他設定在mov.css*/ #sideRt{ width:300px; float:right; padding:0px 20px 0px 0px; _padding:0px 15px 0px 0px;} #sideRt2{ width:300px; float:right; padding:8px 0px 0px 0px; margin:0px 9px 0px 0px;}/*for視頻底層頁，其他設定在mov.css*/ #sideLt{ width:132px; float:left;}/*for名人堂，其他設定在vip.css*/ #main{ width:1000px; margin:0px auto;}/*預留中間背景使用*/ #mainError{ width:980px; min-height:300px; margin:0px auto;}/*for404等相關錯誤頁*/ #mainEmpty{ width:980px; min-height:300px; margin:0px auto;}/*for無微博&關注資料頁*/ /*AD*/ .ad300{ width:300px; height:100px; margin:0px 0px 8px 0px;}/*for AD300x100*/ .ad300Text{ width:300px; margin:0px 0px 16px 0px;}/*for AD300x100 text*/ .ad300Big{ width:300px; height:250px; margin:0px 0px 8px 0px;}/*for AD300x250*/ .ad300Big{ width:300px; height:250px; margin:0px 0px 8px 0px;}/*for AD300x250*/ .ad300_600{ width:300px; height:600px; margin:10px 0px 8px 0px;}/*for AD300x600*/ .ad468{ width:468px; height:60px; margin:0px 0px 0px 0px; float:left;}/*for AD468x60*/ .ad468Text{ margin:0px 0px 8px 0px;}/*for AD468x60 text*/ .ad728{ margin:0px 0px 8px 0px;}/*for AD728x90*/ .ad210{ margin:0px 0px 8px 0px;}/*for AD210x300*/ .ad200{ margin:0px 0px 8px 0px;}/*for AD200x200*/ .ad205{ padding-left:2.5px!important; padding-top:2.5px!important;}/*for AD200x200 in 205x205 block*/ .ad300{ margin:0px 0px 0px 0px;}/*for AD300x100*/ .ad300Big{ margin:0px 0px 0px 0px;}/*for AD300x250*/ .ad900{ margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; padding:0px 0px 10px 0px\9; *margin:0px 0px 10px 0px; *padding:0px 0px 0px 0px;}/*for AD900x60*/ /*for googleAds特定設定*/ .gAdsBlock{} .gAdsBlock .gAdsHd{ display:block;}/*for GoogleAD header*/ .gAdsBlock .gAdsHd h3{ font-size:11px; color:#888; margin:0px 0px 3px 0px;} .gAdsBlock .gAdsHd h3 a{ color:#888888;} .gAdsBlock .gAdsHd h3 a:hover{ color:#333333; text-decoration:none;} /*for googleAds個別廣告設定*/ .gAdsBlock.ad200{ margin-left:auto; margin-right:auto; width:200px;} .gAdsBlock.ad210{ margin-left:auto; margin-right:auto; width:210px;} .gAdsBlock.ad300{ margin-left:auto; margin-right:auto; width:300px;} .gAdsBlock.ad300Big{ margin-left:auto; margin-right:auto; width:300px; min-height:250px; *height:250px; _height:250px;} .gAdsBlock.ad468{ margin-left:auto; margin-right:auto; width:468px;} .gAdsBlock.ad728{ margin-left:auto; margin-right:auto; width:728px;} .gAdsBlock.ad900{ margin-left:auto; margin-right:auto; width:900px; text-align:center;} /*AD廣告字樣*/ .ad_remark{ display:block; clear:both; width:100%; margin:0px 0px 5px 0px; padding:1px 0px; background:#ff4b9b;} .ad_remark h3{ font-size:13px; color:#ffe7f2; line-height:1.5em; padding:0px 10px 0px 32px; background:url(/images/icon/ico_ad.gif) no-repeat 8px 3px;} /*Align對齊*/ .divLt{ float:left;} .divRt{ float:right;} .txtLt{ float:left;} .txtRt{ float:right;} .left{ float:left;} .right{ float:right;} /*for頻道各單元*/ body#index{}/*首頁*/ body#but_a{} body#but_b{} body#but_c{} body#but_d{} body#but_e{} body#but_f{} body#but_g{} body#but_h{} body#but_i{} body#but_j{} body#but_k{} body#but_l{} body#but_m{} body#but_n{} body#error_info{}/*for404等相關錯誤頁*/ body#empty_info{}/*for無微博&關注資料頁*/ body#mov{}/*for視頻底層頁*/ /*for個人微博各單元*/ body#mIndex{}/*首頁*/ body#mbut_a{} body#mbut_b{} body#mbut_c{} /***topBar***/ #topBar{ width:100%; height:31px; padding:0px 0px 0px 0px; background:#363636 url(/images/topbar_bg.gif) repeat-x; border-bottom:1px #4e4e4e solid; position:fixed; _position:absolute; z-index:10000000; top:0px; left:0px;} .tbCont{ width:980px; margin:0px auto; color:#fff; font-size:75%;} .wbInfo{ min-width:610px; *min-width:auto; _min-width:auto;} .wbInfo #tLogo{ float:left; background:url(/images/weibologo_top.png) no-repeat; _background:url(/images/fix/weibologo_top.gif) no-repeat; margin:4px 12px 0px 0px; padding:0px 0px 0px 0px; width:52px; height:20px;}/*for個人首頁*/ .wbInfo #tLogo a{ width:52px; height:20px; display:block; float:left; color:#000; font-size:0px; text-indent:-100000px;} .wbInfo ul{ float:left; /*min-width:550px; _width:550px;*/} .wbInfo ul li{ float:left; margin:0px 4px 0px 0px; _margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:31px; border-left:1px transparent solid; border-right:1px transparent solid;} .wbInfo ul li a{ color:#fff; display:block; padding:7px 15px 7px 15px; padding:9px 15px 3px 15px\9 !important; *padding:6px 15px 6px 15px !important; _padding:6px 15px 6px 15px !important; vertical-align:middle\9; line-height:18px;} .wbInfo ul li a:hover{ color:#fff; text-decoration:none;} .wbInfo ul li.channel a,.wbInfo ul li.plaza a,.memInfo .dropDown a{} .wbInfo ul li.mobile a{ padding:7px 15px 7px 15px; padding:8px 15px 3px 15px\9 !important; *padding:6px 15px 6px 15px !important; _padding:6px 15px 6px 15px !important;} /*for firefox*/ @-moz-document url-prefix(){ .wbInfo ul li a{ padding:8px 15px 6px 15px;} .wbInfo ul li.channel a{padding:8px 7px 6px 9px;} .wbInfo ul li.plaza a{padding:8px 7px 6px 9px;} .memInfo ul li.member a{padding:7px 0px 3px 0px;} .memInfo ul li.browse a{padding:10px 7px 4px 7px;} .memInfo .dropDown a{padding:8px 7px 6px 9px;} } /*safari, opera*/ @media all and (-webkit-min-device-pixel-ratio:0){ .wbInfo ul li a{ padding:7px 15px 7px 15px;} .wbInfo ul li.channel a{ padding:7px 7px 7px 9px;} .wbInfo ul li.plaza a{ padding:7px 7px 7px 9px;} .memInfo .dropDown a{ padding:7px 7px 7px 9px;} } .wbInfo .homePg{} .wbInfo .channel{ position:relative; z-index:200;} .wbInfo .plaza{ position:relative; z-index:200;} .wbInfo .official{} .wbInfo .mobile{} .wbInfo .sinaHPg{} .wbInfo .bizWb{} /*for行銷活動特別版位*/ .wbInfo .eventSp{ padding:0px;} .wbInfo .eventSp a{ color:#fff; vertical-align:middle\9; padding:9px 4px 5px 4px; padding:8px 4px 2px 4px\9 !important; *padding:8px 4px 5px 4px !important; _padding:8px 4px 5px 4px !important; } .wbInfo .eventSp a:hover{ color:#fff; text-decoration:none;} .wbInfo .eventSp:hover{ border-left:1px transparent solid; border-right:1px transparent solid; background:transparent; -webkit-box-shadow:inset #222 0px 0px 0px; -moz-box-shadow:inset #222 0px 0px 0px; box-shadow:inset #222 0px 0px 0px;} .memInfo{ float:right; min-width:350px; _width:350px; height:31px;} .memInfo ul{ float:right;} .memInfo ul li{ float:left; margin:0px 4px 0px 0px; padding:0px 0px 0px 0px; height:31px; border-left:1px transparent solid; border-right:1px transparent solid;} .memInfo .signUp{ width:155px; margin:0px 4px 0px 4px;} .memInfo .signUp .pointTxt{ display:inline-block; float:left; padding:7px 0px 7px 0px; padding:10px 0px 4px 0px\9 !important; *padding:8px 0px 9px 0px !important; _padding:8px 0px 9px 0px !important;} .memInfo .signUp em{ margin:0px 0px 0px 5px; } .memInfo .signUp em a{ color:#fff; display:inline-block; float:right; padding:7px 5px 9px 5px; padding:10px 5px 4px 5px\9 !important; *padding:10px 5px 7px 5px !important; _padding:10px 0px 7px 0px !important; *vertical-align:middle; _vertical-align:middle;} .memInfo .signUp em a:hover{ color:#fff; text-decoration:none; border-left:0px transparent solid; border-right:0px transparent solid; background:#333; -webkit-box-shadow:inset #222 0px 3px 6px; -moz-box-shadow:inset #222 0px 3px 6px; box-shadow:inset #222 0px 3px 6px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} /*for firefox*/ @-moz-document url-prefix(){ .memInfo .signUp .pointTxt{ padding:8px 0px 6px 0px;} .memInfo .signUp em a{padding:8px 5px 8px 5px;} } /*safari, opera*/ @media all and (-webkit-min-device-pixel-ratio:0){ .memInfo .signUp .pointTxt{ padding:7px 0px 7px 0px;} .memInfo .signUp em a{ padding:7px 5px 9px 5px;} } .memInfo .logIn{} .memInfo .logIn a{ color:#fff; display:block; padding:7px 5px 9px 5px; padding:10px 5px 4px 5px\9 !important; text-decoration:none;} .memInfo .logIn a:hover{ border-left:0px transparent solid; border-right:0px transparent solid; background:#333; -webkit-box-shadow:inset #222 0px 3px 6px; -moz-box-shadow:inset #222 0px 3px 6px; box-shadow:inset #222 0px 3px 6px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .memInfo .logOut{} .memInfo .logOut a{ color:#fff; display:block; padding:7px 5px 9px 5px; padding:10px 5px 4px 5px\9 !important; text-decoration:none;} /*for firefox*/ @-moz-document url-prefix(){ .memInfo .logIn a{padding:8px 5px 8px 5px;} .memInfo .logOut a{padding:8px 5px 8px 5px;} } /*safari, opera*/ @media all and (-webkit-min-device-pixel-ratio:0){ .memInfo .logIn a{ padding:7px 5px 9px 5px;} .memInfo .logOut a{ padding:7px 5px 9px 5px;} } .memInfo .member{ float:left; width:auto; height:31px; position:relative; z-index:200;} .memInfo .mName{ float:left; margin:0px 15px 0px 0px; padding:0px 5px 0px 2px; min-width:95px\9; border-left:1px transparent solid; border-right:1px transparent solid;} .memInfo img.mImg{ border:0px #61b5f0 solid; margin:-3px 5px 0px; *float:left; _float:left; vertical-align:middle;} .memInfo .mName a{ color:#fff; font-weight:bold; display:block; padding:7px 0px 7px 0px; padding:7px 0px 3px 0px\9 !important;} .memInfo .mName a:hover{ color:#61b5f0; color:#fff; text-decoration:none;} .memInfo .mName img{} .memInfo .mNotice{ float:left; position:relative; z-index:200; *width:60px; _width:60px;} .memInfo .mNotice a{ color:#fff; display:block; padding:7px 7px 7px 9px; padding:10px 7px 4px 9px\9 !important;} /*for firefox*/ @-moz-document url-prefix(){ .memInfo .mName a{padding:8px 0px 6px 0px;} .memInfo .mNotice a{padding:8px 7px 6px 9px;} } /*safari, opera*/ @media all and (-webkit-min-device-pixel-ratio:0){ .memInfo .mName a{ padding:7px 0px 3px 0px;} .memInfo .mNotice a{ padding:7px 7px 7px 9px;} } .memInfo .browse{ float:left; width:auto; *min-width:150px; _min-width:150px; height:31px; position:relative; z-index:200; margin:0px 0px 0px 15px !important;} .memInfo .browse a{ color:#fff; display:block; padding:9px 7px 5px 7px; padding:12px 7px 2px 7px\9 !important; text-decoration:none; border-left:1px transparent solid; border-right:1px transparent solid;} .memInfo .browse a:hover{ border-left:1px #444 solid; border-right:1px #444 solid; background:#333; -webkit-box-shadow:inset #222 0px 3px 6px; -moz-box-shadow:inset #222 0px 3px 6px; box-shadow:inset #222 0px 3px 6px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .memInfo .clearLine{ float:left; margin:8px 5px 8px 5px; height:14px;}/*分隔線*/ .memInfo .loginBlock{ *width:220px; _width:220px;} .memInfo .memberBlock{} .memInfo .otherBlock{ *width:70px; _width:70px;} /*發表&搜尋區塊*/ .memInfo .qkPost{ margin:0px -4px 0px 0px;} .memInfo .qkSearch{ margin:0px 0px 0px 0px;} .memInfo .qkPost a{ width:15px; height:13px; padding:9px 9px 9px 9px; display:block;} .memInfo .qkPost a:hover,.memInfo .qkPost.open a{ width:15px; padding:9px 8px 9px 8px; border-left:1px #444 solid; border-right:1px #444 solid; background:#333; -webkit-box-shadow:inset #222 0px 3px 6px; -moz-box-shadow:inset #222 0px 3px 6px; box-shadow:inset #222 0px 3px 6px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .memInfo .qkSearch a{ width:15px; height:18px; padding:7px 9px 6px 9px; display:block;} .memInfo .qkSearch a:hover,.memInfo .qkSearch.open a{ width:15px; padding:7px 8px 6px 8px; border-left:1px #444 solid; border-right:1px #444 solid; background:#333; -webkit-box-shadow:inset #222 0px 3px 6px; -moz-box-shadow:inset #222 0px 3px 6px; box-shadow:inset #222 0px 3px 6px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .memInfo .qkPost .ico{ background:url(/images/icon/ico_topbar.png) no-repeat; _background:url(/images/fix/icon/ico_topbar.gif) no-repeat; width:15px; height:13px; display:block;} .memInfo .qkSearch .ico{background:url(/images/icon/ico_topbar.png) no-repeat left -126px; _background:url(/images/fix/icon/ico_topbar.gif) no-repeat left -126px; width:15px; height:18px; display:block;} .memInfo .qkPost .ico:hover{ background-position:left -63px;} .memInfo .qkSearch .ico:hover{ background-position:left -194px;} .memInfo .qkPost a:hover .ico{ background-position:left -63px;} .memInfo .qkSearch a:hover .ico{ background-position:left -194px;} /*topBar下拉選單-相關設定*/ .tbCont .dropDown{ font-weight:normal; position:absolute; /*top:100%; left:0px;*/ z-index:1000; display:none; min-width:95px; width:auto; padding:5px 0; margin:-2px 0 0; list-style:none; background-color:#ffffff; border:1px #e9e9e9 solid; border:1px solid rgba(0, 0, 0, 0.05); *border-right-width:2px; *border-bottom-width:2px; -webkit-border-radius:0px 6px 6px 6px; -moz-border-radius:0px 6px 6px 6px; border-radius:0px 6px 6px 6px; webkit-box-shadow:0 5px 10px rgba(180, 180, 180, 0.5); -moz-box-shadow:0 5px 10px rgba(180, 180, 180, 0.5); box-shadow:0px 5px 10px rgba(180, 180, 180, 0.5); -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .tbCont .dropDown:before{ position:absolute; top:-7px; /*left:9px;*/ display:inline-block; border-right:7px transparent solid; border-bottom:7px #ccc solid; border-left:7px transparent solid; border-bottom-color:rgba(0, 0, 0, 0.5); content:'';} .tbCont .dropDown:after{ position:absolute; top:-6px; /*left:10px;*/ display:inline-block; border-right:6px transparent solid; border-bottom:6px #ffffff solid; border-left:6px transparent solid;content:'';} .tbCont .open .dropDown{ display:block;} .tbCont .dropDown li{ float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:auto; *word-break:keep-all; border-bottom:1px #e9e9e9 solid;} .tbCont .dropDown li a{ /*min-width:105px;*/ display:block; padding:8px 15px 8px 20px !important; _padding:8px 25px 8px 0px !important; color:#444444;} .tbCont .dropDown li a:hover{ background-color:#62c8f1; text-decoration:none; color:#fff; font-weight:bold;} .tbCont .dropDown .last{ border-bottom:0 !important;} /*.tbCont b.arrow{ display:inline-block; width:0; height:0; vertical-align:top; border-top:6px solid #000000; border-right:5px solid transparent; border-left:5px solid transparent; content:"";}*/ .tbCont b.arrow{ display:inline-block; width:8px; height:5px; vertical-align:top; background:url(/images/icon/ico_arrow.gif) no-repeat left -15px;} .wbInfo li:hover{ border-left:1px #444 solid; border-right:1px #444 solid; background:#333; -webkit-box-shadow:inset #222 0px 3px 6px; -moz-box-shadow:inset #222 0px 3px 6px; box-shadow:inset #222 0px 3px 6px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .wbInfo li:hover li:hover{ background:#fff; -webkit-box-shadow:inset #222 0px 0px 0px; -moz-box-shadow:inset #222 0px 0px 0px; box-shadow:inset #222 0px 0px 0px;} .wbInfo .dropDown li:hover{ border-left:0px transparent solid; border-right:0px transparent solid;} .wbInfo li.open{ border-left:1px #444 solid; border-right:1px #444 solid; background:#333; -webkit-box-shadow:inset #222 0px 3px 6px; -moz-box-shadow:inset #222 0px 3px 6px; box-shadow:inset #222 0px 3px 6px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .wbInfo .channel .arrow,.wbInfo .plaza .arrow,.memInfo .member .arrow{ margin-left:4px; margin-top:4px;} :root .wbInfo .channel .arrow{ margin-top:1px \0;}/*for IE9*/ :root .wbInfo .plaza .arrow{ margin-top:1px \0;}/*for IE9*/ :root .memInfo .member .arrow{ margin-top:6px \0;}/*for IE9*/ .wbInfo .open .arrow{ margin-left:4px; margin-top:4px; background-position:left -15px;} :root .wbInfo .open .arrow{ margin-top:1px \0;}/*for IE9*/ /*.wbInfo .open:hover .arrow{ border-top-color:#666; border-bottom-color:#666;}*/ .wbInfo .open:hover .arrow{ background-position:left top;} .wbInfo li:hover .arrow{ background-position:left top;} .memInfo .option:hover{ border-left:1px #444 solid; border-right:1px #444 solid; background:#333; -webkit-box-shadow:inset #222 0px 3px 6px; -moz-box-shadow:inset #222 0px 3px 6px; box-shadow:inset #222 0px 3px 6px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .memInfo .option:hover li:hover{ background:#fff; -webkit-box-shadow:inset #222 0px 0px 0px; -moz-box-shadow:inset #222 0px 0px 0px; box-shadow:inset #222 0px 0px 0px;} .memInfo .dropDown{ min-width:120px;} .memInfo .dropDown li:hover{ border-left:0px transparent solid; border-right:0px transparent solid;} .memInfo .dropDown li a{ font-weight:normal;} .memInfo .option .arrow{ margin-left:4px; margin-top:6px; background-position:left -15px;} .memInfo .option:hover .arrow{ background-position:left top;} .memInfo .option .dropDown{ top:29px; *top:30px; *left:0px;} .memInfo .mNotice.open{ border-left:1px #444 solid; border-right:1px #444 solid; background:#333; -webkit-box-shadow:inset #222 0px 3px 6px; -moz-box-shadow:inset #222 0px 3px 6px; box-shadow:inset #222 0px 3px 6px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .memInfo .mNotice .arrow{ margin-left:4px; margin-top:4px;} .memInfo .mNotice.open .arrow{ margin-left:4px; margin-top:4px; background-position:left -15px;} :root .memInfo .mNotice.open .arrow{ margin-top:1px \0;}/*for IE9*/ /*.memInfo .mNotice.open:hover .arrow{ border-top-color:#666; border-bottom-color:#666;}*/ .memInfo .mNotice.open:hover .arrow{ background-position:left top;} .memInfo .dropDown li.fans{ padding:2px 15px 2px 15px; _padding:2px 15px 2px 0px; border-bottom:1px solid #e9e9e9; _margin:0px 0px 0px -5px;} .memInfo .dropDown li.fans em{ color:#44b1dd; color:#444; font-family:Verdana, Geneva, sans-serif; line-height:1.5em; padding:0px 5px; white-space:pre; *display:block; _display:block;}/*white-space:pre 為了不斷行*/ .memInfo .dropDown li.fans b{ font-size:11px; color:#44b1dd; margin:0px 3px 0px 3px;} /*快速Search&建議清單*/ #qkSearchBar{ background:#000000; width:100%; height:60px; position:absolute; top:-60px; z-index:9999999;} #qkSearchBar input[type="text"],#qkSearchBar textarea{ outline-style:none; -webkit-appearance:none;} #qkSearchBar .qsbCont{ width:900px; margin:0px auto 0px; padding:10px 30px;} #qkSearchBar .qsBox{} #qkSearchBar .qsBox .btnQkSearch{ float:right; width:80px; height:28px; padding:2px 0px 0px; _padding:4px 0px 0px; margin:5px 0px 0px 0px; margin:3px 0px 0px 0px\9; text-align:center; cursor:pointer; background:url(/images/icon/ico_quick_search.gif) no-repeat left top; border:1px #11a4d4 solid; color:#fff; font-size:16px; font-weight:bold; font-family:'Microsoft JhengHei','微軟正黑體',Arial, Helvetica, sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} #qkSearchBar .btnQkSearch:hover,#qkSearchBar .btnQkSearch:active{ background:url(/images/icon/ico_quick_search.gif) no-repeat left -78px; border:1px #097dbe solid;} #qkSearchBar .qsBox .inptQkSearch{ float:left; width:780px; padding:6px 14px; color:#666; font-size:15px; line-height:150%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px #167ea6 solid; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} #qkSearchBar .qsClose{ position:absolute; z-index:300; top:5px; right:10px;} #qkSearchBar .qsClose a{ color:#fff; font-size:15px; font-weight:bold; font-family:Verdana,'Microsoft JhengHei','微軟正黑體', Arial, Helvetica, sans-serif;} #qkSearchBar .qsClose a:hover{ color:#aaa; text-decoration:none;} #qkSearchBar .suggestList{ position:absolute; z-index:9999990; top:51px; top:44px\9; width:810px;} :root #qkSearchBar .suggestList{ top:44px \0;}/*for IE9*/ /*for firefox*/ @-moz-document url-prefix(){ #qkSearchBar .suggestList{ top:46px;} } /*safari, opera*/ @media all and (-webkit-min-device-pixel-ratio:0){ #qkSearchBar .suggestList{ top:51px;} } #qkSearchBar .suggestList ul{ font-size:13px; border:1px #bbb solid; border-width:1px 1px 1px 1px; border-top-style:solid; background:#fff;} #qkSearchBar .suggestList ul li{ line-height:1.8em; color:#666; border-bottom:1px #ddd dashed; font-family:Verdana, Geneva, sans-serif;} #qkSearchBar .suggestList ul li.item{ padding:3px 8px;} #qkSearchBar .suggestList ul li.active{ background:#eee;} #qkSearchBar .suggestList .keyWd{ font-weight:normal; font-style:normal; color:#44b1dd; padding:0px 3px 0px 3px;} #qkSearchBar .suggestList ul li.active {font-weight:bold;} #qkSearchBar .suggestList ul li.active .keyWd{ font-weight:bold;} #qkSearchBar .suggestList ul li a{ display:block; padding:3px 8px;} #qkSearchBar .suggestList ul li a:hover{ text-decoration:none;} /***瀑布流相關共用***/ #w_loading_img{ height:70px; width:70px; margin:80px auto 0; } #w_loading_img #ajaxloader_img{ display:none; } #controlPanel{ position:fixed; z-index:10; display:none;} #gotop,#goup,#godown{ color:#fff; font-size:0px; text-indent:-100000px; z-index:10;} #gotop a,#goup a,#godown a{ display:block; filter:alpha(opacity=50); opacity:0.5;} #gotop a:hover,#goup a:hover,#godown a:hover{ display:block; filter:alpha(opacity=100); opacity:1;} #gotop{ width:51px; height:47px; margin:0px auto 0px auto;} #gotop a{ background:url(/images/icon/ico_top.gif) no-repeat left top; width:51px; height:47px;} #gotop a:hover{ background:url(/images/icon/ico_top.gif) no-repeat left -97px;} #goup,#godown{ width:41px; height:32px; margin:0px auto 0px auto;} #goup a,#godown a{ width:41px; height:32px;} #goup a{ background:url(/images/icon/ico_up.gif) no-repeat left top;} #goup a:hover{ background:url(/images/icon/ico_up.gif) no-repeat left -82px;} #godown a{ background:url(/images/icon/ico_down.gif) no-repeat left top;} #godown a:hover{ background:url(/images/icon/ico_down.gif) no-repeat left -82px;} /*麵包屑breadCrumb*/ .breadCrumb{width:805px; margin:8px 0px 8px 5px; padding:3px 0px 8px 0px; border-bottom:1px solid #dcdcdc} .breadCrumb p{font-size:11px; color:#aaa;margin:0px 0px 0px 10px; padding:0px; letter-spacing:0.2em;} .breadCrumb p a:link,.breadCrumb p a:visited{font-size:12px;color:#666; text-decoration:none; letter-spacing:2px} .breadCrumb p a:hover{ color:#2494db !important; text-decoration:none;} .breadCrumb .current{font-size:12px;color:#555555;letter-spacing:1px; font-weight:bold; font-style:normal; letter-spacing:2px } .breadCrumb .index{} /*分類切換狀態(頁籤)*/ .categyStatus{ width:250px;} .csTabNav{ width:100%;} .csTabNav .csTab{ float:left; width:58px; height:22px; font-size:13px; font-weight:bold; color:#666; text-align:center; margin:0px 5px 0px 0px; } .csTabNav .tabOn{ color:#fff;} .csTabNav a{ display:block; padding:2px 3px 0px; height:20px; color:#666; border:1px #d1d1d1 solid; background:#d4d4d4 url(/images/category_tab_bg.gif) repeat-x; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset #fff 0px 0px 2px; -moz-box-shadow:inset #fff 0px 0px 2px; box-shadow:inset #fff 0px 0px 2px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/} .csTabNav a:hover{ color:#fff; background:url(/images/category_tab_bg.gif) repeat-x left -176px; -webkit-box-shadow:inset #28698f 0px -1px 2px; -moz-box-shadow:inset #28698f 0px -1px 2px; box-shadow:inset #28698f 0px -1px 2px; text-decoration:none;} .csTabNav .tabOn a{ color:#fff; border:1px transparent solid; background:#65c2e9 url(/images/category_tab_bg.gif) repeat-x left -176px; -webkit-box-shadow:inset #28698f 0px -1px 1px; -moz-box-shadow:inset #28698f 0px -1px 1px; box-shadow:inset #28698f 0px -1px 1px;} .csTabNav .tabOn a:hover{} .csTabNav b{} .csTabNav b.icon{ display:inline-block; width:9px; height:8px; vertical-align:top; background:url(/images/icon/ico_category_tab.gif) no-repeat;} .csTabNav .icon{ margin-top:5px; padding:0px 3px 0px 0px;} /*New頁碼*/ .pageBar{ margin:35px auto 10px; padding:0px; /*width:600px;*/ line-height:26px; color:#333333; font-size:13px; clear:both; text-align:center; font-weight:bold} .pageBar spsn{ margin:2px 0px;} .pageBar spsn.pgNone{ padding:4px 10px; *padding:0px 10px; color:#333;} .pageBar span.pgBox{ margin:0px 1px; padding:0px 0px; color:#fff;} .pageBar span.pgPrev,.pageBar span.pgNext,.pageBar span.pgFirst,.pageBar span.pgLast{ color:#0c80cb; background:#fff;} .pageBar span.pgCurrent{ padding:4px 10px; *padding:0px 10px; border:1px #65c7dc solid; color:#fff; background:#8edceb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; behavior:url(/lib/iecss3pie/pie.htc); position:relative\9;/*額外讓IE8(含)以下支援*/} .pageBar span.pgBox a{ text-decoration:none; padding:4px 8px; *padding:0px 8px; color:#0c80cb; border:1px #fff solid; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; behavior:url(/lib/iecss3pie/pie.htc); position:relative\9;/*額外讓IE8(含)以下支援*/} .pageBar span.pgBox a:hover{ color:#0c80cb; border:1px #48b6cd solid;} .pageBar span.pgPrev a,.pageBar span.pgNext a,.pageBar span.pgFirst a,.pageBar span.pgLast a{ text-decoration:none; padding:4px 11px; *padding:2px 11px 0px; *margin:-2px 0px 0px; background:#fff; color:#0c80cb; border:1px #8edceb solid; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; behavior:url(/lib/iecss3pie/pie.htc); position:relative\9;/*額外讓IE8(含)以下支援*/} .pageBar span.pgPrev a:hover,.pageBar span.pgNext a:hover,.pageBar span.pgFirst a:hover,.pageBar span.pgLast a:hover{ color:#fff; border:1px #65c7dc solid; background:#8edceb;} .pageBar span.pgTxt{ display:block; color:#999; font-weight:normal; font-size:12px; margin:0px 0px 0px 0px;} .pageBar span.pgTxt b{ margin:0px 5px; font-size:9px;} /*看更多按鈕*/ .moreWbBar{ margin:14px 17px 15px 17px; width:100%; height:38px;} .moreLink a{ display:block; width:auto; height:28px!important; padding:8px 0px 0px 0px; border:1px solid #dadada; text-align:center; font-family:'Microsoft JhengHei','微軟正黑體', Arial, Helvetica, sans-serif; color:#444!important; font-size:18px!important; letter-spacing:0.2em; font-weight:bold; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f0f0f0; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f0f0f0), to(#dddddd)); background:-webkit-linear-gradient(#f0f0f0, #dddddd); background:-moz-linear-gradient(#f0f0f0, #dddddd); background:-ms-linear-gradient(#f0f0f0, #dddddd); background:-o-linear-gradient(#f0f0f0, #dddddd); background:linear-gradient(#f0f0f0, #dddddd); -pie-background:linear-gradient(#f0f0f0, #dddddd); behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/ } .moreLink a:hover{ color:#444!important; text-decoration:none; border:1px solid #d0d0d0; background:#ededed; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#d5d5d5)); background:-webkit-linear-gradient(#ededed, #d5d5d5); background:-moz-linear-gradient(#ededed, #d5d5d5); background:-ms-linear-gradient(#ededed, #d5d5d5); background:-o-linear-gradient(#ededed, #d5d5d5); background:linear-gradient(#ededed, #d5d5d5); -pie-background:linear-gradient(#ededed, #d5d5d5); } .moreLink a:active{ color:#444!important; border:1px solid #d0d0d0; background:#d5d5d5; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#d5d5d5), to(#e0e0e0)); background:-webkit-linear-gradient(#d5d5d5, #e0e0e0); background:-moz-linear-gradient(#d5d5d5, #e0e0e0); background:-ms-linear-gradient(#d5d5d5, #e0e0e0); background:-o-linear-gradient(#d5d5d5, #e0e0e0); background:linear-gradient(#d5d5d5, #e0e0e0); -pie-background:linear-gradient(#d5d5d5, #e0e0e0); } .moreLink i.arrow{ width:20px; height:12px; background:url(/images/icon/ico_arrow_more.png) no-repeat left top; display:inline-block; margin:0px 0px 0px 5px;} .moreLink a:hover i.arrow{ background:url(/images/icon/ico_arrow_more.png) no-repeat left top;} .moreLink a:active i.arrow{ background:url(/images/icon/ico_arrow_more.png) no-repeat left -62px;} /*18禁提示頁面*/ #ageLimitPage{ min-width:inherit;}/*for body id使用*/ #ageLimit{ /*width:780px; position:relative;*/ z-index:100;} #ageLimit .alCont{ width:740px; padding:0px 20px 0px 20px; margin:20px auto; /*position:absolute;*/ z-index:200;} #ageLimit .alcLeft{ float:left; width:235px;} #ageLimit .alcRight{ float:right; width:468px;} #ageLimit .lockBanner{ background:url(/images/pic/lock.png) no-repeat; *background:url(/images/fix/pic/lock.png) no-repeat; _background:url(/images/fix/pic/lock.png) no-repeat; width:235px; height:365px; text-indent:-100000px;} #ageLimit h2{ font-size:26px; width:468px; margin:40px auto 85px auto; line-height:1.5em; font-family:'Microsoft JhengHei','微軟正黑體',Arial, Helvetica, sans-serif; color:#fff;} #ageLimit .buttonBar{ width:412px; margin:0px auto;} #ageLimit button{ width:174px; height:102px; text-indent:-100000px; font-size:0px; color:transparent; cursor:pointer; border:0px; text-align:center; margin:0px 15px 0px 15px;} #ageLimit button.already{ background:url(/images/pic/lock_btn.gif) no-repeat left -112px; float:left;} #ageLimit button.already:hover{ background:url(/images/pic/lock_btn.gif) no-repeat left top;} #ageLimit button.under18{ background:url(/images/pic/lock_btn.gif) no-repeat -234px -112px;} #ageLimit button.under18:hover{ background:url(/images/pic/lock_btn.gif) no-repeat -234px top;} #ageLimit .alBg{ background:#222; width:780px; height:400px; filter:alpha(opacity=85); opacity:0.85; position:absolute; z-index:150;} /*.cboxIframe{background:tranparent !important;} #cboxLoadedContent{border:0px solid #000 !important; background:tranparent !important;} #cboxClose{top:0px !important; right:0px !important;}*/ /*.cboxIframe{background:tranparent !important;} #cboxLoadedContent{ background:#000 !important;}*/ /*404等相關錯誤頁*/ .errorInfo{ width:980px; margin:15px auto 0px auto; padding:72px 0px; background:#fff; font-family:'Microsoft JhengHei','微軟正黑體',Arial, Helvetica, sans-serif;} .errorInfo .eiCont{} .error404{width:570px; height:290px;margin:0px auto 0px;padding:0px; background:url(/images/bg_error.gif) no-repeat;} .error404 .infoTxt{ float:left; width:435px; padding:0px; margin:70px 0px 0px 135px; letter-spacing:2px;} .error404 .infoTxt h1{padding:0px;margin:0px 0px 5px 0px;font-size:28px;color:#218dd3;} .error404 .infoTxt p{ padding:0px;margin:0px;font-size:16px; color:#333;line-height:1.6em;} .error404 .infoLink{float:left;width:435px;padding:0px;margin:25px 0px 0px 135px;color:#999; font-size:11px; letter-spacing:2px;} .error404 .infoLink a{font-size:15px;color:#218dd3; font-weight:bold; margin:0px 6px;} .error404 .infoLink a:hover{font-size:15px;color:#218dd3;} .error503{width:570px; height:290px;margin:0px auto 0px;padding:0px; background:url(/images/bg_error.gif) no-repeat;} .error503 .infoTxt{ float:left; width:450px; padding:0px; margin:70px 0px 0px 135px; letter-spacing:2px;} .error503 .infoTxt h1{padding:0px;margin:0px 0px 5px 0px;font-size:28px;color:#218dd3;} .error503 .infoTxt p{ padding:0px;margin:0px;font-size:16px; color:#333;line-height:1.6em;} .error503 .infoLink{float:left;width:435px;padding:0px;margin:50px 0px 0px 135px;color:#999; font-size:11px; letter-spacing:2px;} .error503 .infoLink a{font-size:15px;color:#218dd3; font-weight:bold; margin:0px 6px;} .error503 .infoLink a:hover{font-size:15px;color:#218dd3;} /*無微博&關注資料頁for個人首頁*/ .emptyInfo{ width:980px; margin:15px auto 0px auto; padding:72px 0px; background:#fff; font-family:'Microsoft JhengHei','微軟正黑體',Arial, Helvetica, sans-serif;} .emptyInfo .eiCont{} .emptyInfo .emptyWeibo{width:570px; height:290px;margin:0px auto 0px;padding:0px; background:url(/images/bg_empty_vip.gif) no-repeat;} .emptyInfo .emptyWeibo .infoTxt{ float:left; width:435px; padding:0px; margin:90px 0px 0px 135px; letter-spacing:2px;} .emptyInfo .emptyWeibo .infoTxt h1{padding:0px;margin:0px 0px 5px 0px;font-size:28px;color:#222;} .emptyInfo .emptyWeibo .infoTxt p{ padding:0px;margin:0px;font-size:16px; color:#333;line-height:1.6em;} .emptyInfo .emptyWeibo .infoLink{float:left;width:435px;padding:0px;margin:50px 0px 0px 135px;color:#999; font-size:11px; letter-spacing:2px;} .emptyInfo .emptyWeibo .infoLink a{font-size:15px;color:#218dd3; font-weight:bold; margin:0px 6px;} .emptyInfo .emptyWeibo .infoLink a:hover{font-size:15px;color:#218dd3;} .emptyInfo .emptyFollow{width:570px; height:290px;margin:0px auto 0px;padding:0px; background:url(/images/bg_empty_vip02.gif) no-repeat;} .emptyInfo .emptyFollow .infoTxt{ float:left; width:435px; padding:0px; margin:90px 0px 0px 135px; letter-spacing:2px;} .emptyInfo .emptyFollow .infoTxt h1{padding:0px;margin:0px 0px 5px 0px;font-size:28px;color:#222;} .emptyInfo .emptyFollow .infoTxt p{ padding:0px;margin:0px;font-size:16px; color:#333;line-height:1.6em;} .emptyInfo .emptyFollow .infoLink{float:left;width:435px;padding:0px;margin:50px 0px 0px 135px;color:#999; font-size:11px; letter-spacing:2px;} .emptyInfo .emptyFollow .infoLink a{font-size:15px;color:#218dd3; font-weight:bold; margin:0px 6px;} .emptyInfo .emptyFollow .infoLink a:hover{font-size:15px;color:#218dd3;} /*微博Loading狀態for個人首頁*/ .loadingStatus{ height:250px; width:980px; padding:0px 0px 0px 0px; background:#f5f5f5; display:table-cell; vertical-align:middle; text-align:center;} .loadingStatus img{} /*右下角彈跳區塊共同設定*/ .popupBox{ width:250px; height:80px; position:fixed; _position:absolute; bottom:0px; right:20px; z-index:500000;} /*#contPicBg .popupBox{ margin:0px 0px 0px 880px;}*//*for底層頁*/ .popupBox p{ width:225px; margin:0px 0px 0px 0px; padding:0px 13px 0px 17px; color:#fff; line-height:1.5em; font-size:13px; position:absolute; z-index:500; top:22px;} .popupBox p a{ color:#fff; text-decoration:underline;} .popupBox p a:hover{ color:#309cdf;} .popupClose{ position:absolute; z-index:500; top:2px; right:6px;} .popupClose a{ padding:2px 2px 2px 2px; color:#fff; font-size:12px; font-weight:bold; font-family:Verdana,'Microsoft JhengHei','微軟正黑體', Arial, Helvetica, sans-serif;} .popupClose a:hover{ color:#aaa; text-decoration:none;} .popupBg{ width:100%; height:100%; position:absolute; z-index:300; background:#f455ab; filter:alpha(opacity=70); opacity:0.7;} .icoNpo{ background:url(/images/icon/ico_npologo.png) no-repeat left -127px; _background:url(/images/fix/icon/ico_npologo.gif) no-repeat left -127px; width:17px; height:15px; display:inline-block; vertical-align:middle; margin:0px 2px 0px 2px;} .icoNpo02{ width:31px; height:27px; display:block; margin:0px auto 10px auto;} .icoNpo02 a{ display:block; background:url(/images/icon/ico_npologo.png) no-repeat left top; _background:url(/images/fix/icon/ico_npologo.gif) no-repeat left top; width:31px; height:27px; font-size:0px; color:#f5f5f5; text-indent:-100000px;} .icoNpolarge{_background:url(/images/fix/icon/ico_npologo_large.png) no-repeat left 0px;width:31px;height:27px; display:inline-block; vertical-align:middle; margin:0px 2px 0px 0px;background-image:url(/images/icon/ico_npologo_large.png); background-repeat:no-repeat; background-position:left 0px;} /*for微公益彈跳*/ .popupBox.npoBox{} .npoBox .popupBg{ background:#f455ab; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f455ab), to(#ed6123)); background:-webkit-linear-gradient(#f455ab, #ed6123); background:-moz-linear-gradient(#f455ab, #ed6123); background:-ms-linear-gradient(#f455ab, #ed6123); background:-o-linear-gradient(#f455ab, #ed6123); background:linear-gradient(#f455ab, #ed6123); -pie-background:linear-gradient(#f455ab, #ed6123); -webkit-border-radius:6px 6px 0px 0px; -moz-border-radius:6px 6px 0px 0px; border-radius:6px 6px 0px 0px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/ } #maincont{ position:relative;}/*for 瀑布流的.popupBox.npoBox位置而設定*/ #maincont .promoteEvent_rightad{ position:absolute; left:1000px; top:145px; z-index:9999} /*針對瀏覽區域*/ @media screen and (max-width:900px){ /*.popupBox{ margin:0px 0px 0px 0px; right:20px;}*/ body{ min-width:1000px;}/*for firefox*/ } /*針對瀏覽設備的可視範圍(如手機)*/ @media screen and (max-device-width:480px){ .popupBox{ margin:0px 0px 0px 0px; right:10px;} } /***SiteMap***/ #siteMap{ color:#999; font-family:Verdana,Arial,sans-serif; font-size:12px; line-height:1.6em; width:100%; background:#e5e5e5;} #siteMap .smList{ width:900px; margin:0px auto 0px auto; clear:both; padding:25px 40px 40px 40px; background:url(/images/footer_line.gif) repeat-x left bottom;} #siteMap a{ color:#373737} #siteMap a:hover{ color:#373737 } #siteMap dl{ float:left; width:18%; color:#444; margin:0px; /*display:inline;*/} #siteMap dl dt{ margin:0px 0px 8px 0px; color:#37ade3; font-weight:bold;} #siteMap dl dd{ line-height:1.8em; color:#373737;} #siteMap .listRt{ width:90px;} #siteMap dd.fb{ background:url(/images/icon/ico_footer.gif) no-repeat left 3px; padding:0px 0px 0px 21px;} #siteMap dd.wb{ background:url(/images/icon/ico_footer.gif) no-repeat left -63px; padding:0px 0px 0px 21px;} #siteMap dd.epaper{ background:url(/images/icon/ico_footer.gif) no-repeat left -126px; padding:0px 0px 0px 21px;} /***Footer***/ #footer{ color:#999; font-family:Verdana,Arial,sans-serif; font-size:12px; line-height:160%; width:980px; margin:0px auto 0px auto; padding:25px 0px 25px 0px; text-align:center} #footer a{ color:#9f9f9f; margin:0px 6px 0px 6px;} #footer a:hover{ color:#9f9f9f;} .copyrights{ font-family:Verdana, Geneva, Helvetica, sans-serif; font-size:11px; color:#9f9f9f} .fList{ float:left; width:690px;} #fLogo{ float:right; width:240px; background:url(/images/weibologo_footer.gif) no-repeat;}