/* 頻道Header css style created in 2012.09.10 */ /***Header***/ #head{ padding:22px 0px 0px 0px; margin:32px auto 0px; height:80px; width:980px;} #head #logo{ float:left; width:143px; height:51px; background:url(/images/weibologo.png?20140331) no-repeat; _background:url(/images/fix/weibologo.gif?20140331) no-repeat; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/weibologo.png?20140331', sizingMethod='crop');*/ padding:0px 0px 0px 0px; margin:0px 15px 0px 10px; color:#fff; font-size:0px; text-indent:-100000px;} #head #logo a{ display:block; width:143px; height:51px;} #head #itemButn{ float:right; margin:14px 0px 0px 0px; width:212px;} #head #itemButn ul{ float:right; margin:0px 2px 0px 0px;} #head #itemButn ul.loginBlock{ float:left; margin:0px 0px 0px 0px;} #head #itemButn ul li{ float:left; font-size:12px; width:50px; height:50px; text-align:center; margin:0px 10px 0px 0px; _overflow:hidden;} #head #itemButn ul li a{ display:block; line-height:80px;} #head #itemButn ul li a:hover{ text-decoration:none; color:#888;} #head #itemButn .logIn{ background:url(/images/icon/ico_header.png?v=20130722) no-repeat 12px -88px; _background:url(/images/fix/icon/ico_header.gif?v=20130722) no-repeat 12px -88px; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/icon/ico_header.png?v=20130722", sizingMethod="crop");*/} #head #itemButn .publish{ background:url(/images/icon/ico_header.png?v=20130722) no-repeat 12px -146px; _background:url(/images/fix/icon/ico_header.gif?v=20130722) no-repeat 12px -146px;} #head #itemButn .official{ background:url(/images/icon/ico_header.png?v=20130722) no-repeat 12px -209px; _background:url(/images/fix/icon/ico_header.gif?v=20130722) no-repeat 12px -209px;} #head #itemButn .guide{ background:url(/images/icon/ico_header.png?v=20130722) no-repeat 12px -270px; _background:url(/images/fix/icon/ico_header.gif?v=20130722) no-repeat 12px -270px;} #head #itemButn .logInFb{ background:url(/images/icon/ico_header.png?v=20130722) no-repeat 12px -493px; _background:url(/images/fix/icon/ico_header.gif?v=20130722) no-repeat 12px -493px;} /*#head #itemButn ul li:hover{ filter:alpha(opacity=70); opacity:0.7; zoom:1;}*/ #head #itemButn .logIn:hover{ background-position:-72px -88px;} #head #itemButn .publish:hover{ background-position:-72px -146px;} #head #itemButn .official:hover{ background-position:-72px -209px;} #head #itemButn .guide:hover{ background-position:-72px -270px;} #head #itemButn .logInFb:hover{ background-position:-72px -493px;} #head #itemButn ul li.clearLine{ float:left; margin:10px 8px 0px 0px; width:auto; height:23px; border-left:3px #e8e8e8 solid;}/*分隔線*/ /*Search&建議清單*/ #head #search{ float:left; width:300px; margin:15px 0px 0px 0px; position:relative; z-index:1;} #head #search input[type="text"],#head #search textarea{ outline-style:none; -webkit-appearance:none;} #search .suggestList{ position:absolute; z-index:9999; left:10px; top:34px; _top:31px; min-width:166px; max-width:265px; _width:265px;} :root #search .suggestList{ min-width:160px \0; max-width:260px \0; top:32px \0;}/*for IE9*/ /*for firefox*/ @-moz-document url-prefix(){ #search .suggestList{ min-width:176px; max-width:286px; top:30px;} } /*safari, opera*/ @media all and (-webkit-min-device-pixel-ratio:0){ #search .suggestList{ max-width:265px; _width:265px; top:34px;} } #search .suggestList ul{ font-size:13px; border:1px #bbb solid; border-width:1px 1px 1px 1px; border-top-style:solid; background:#fff;} #search .suggestList ul li{ line-height:1.8em; color:#666; border-bottom:1px #ddd dashed; font-family:Verdana, Geneva, sans-serif;} #search .suggestList ul li.item{ padding:3px 8px;} #search .suggestList ul li.active{ background:#eee;} #search .suggestList .keyWd{ font-weight:normal; font-style:normal; color:#44b1dd; padding:0px 3px 0px 3px;} #search .suggestList ul li.active {font-weight:bold;} #search .suggestList ul li.active .keyWd{ font-weight:bold;} #search .suggestList ul li a{ display:block; padding:3px 8px;} #search .suggestList ul li a:hover{ text-decoration:none;} #head .sBox{}/*包住搜尋的Box，預留使用*/ #head input.inptSearch { padding:6px 14px; padding:6px 4px 7px\9; _padding:6px 14px 7px; float:left; color:#666; font-size:13px; line-height:150%; margin:3px -3px 0px 0px; margin:1px -3px 0px 0px\9; -webkit-border-radius:14px 0 0 14px; -moz-border-radius:14px 0 0 14px; border-radius:14px 0 0 14px; border-width:0px 0px 1px 0px; border-width:1px\9; border-color:#ccc; border-style:solid; /* IE7-8 doesn't have border-radius, so don't indent the padding */ -webkit-box-shadow:inset #bbb 1px 2px 1px; -moz-box-shadow:inset #bbb 1px 2px 1px; box-shadow:inset #bbb 1px 2px 1px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/ } :root #head input.inptSearch{ padding:6px 14px 7px \0; margin:3px 0px 0px 0px \0;}/*for IE9*/ /*for firefox*/ @-moz-document url-prefix(){ #head input.inptSearch{ margin:1px -3px 0px 0px; padding:6px 14px 7px;} } /*safari, opera*/ @media all and (-webkit-min-device-pixel-ratio:0){ #head input.inptSearch{ margin:3px -3px 0px 0px; padding:6px 14px;} } /*#head input.inptSearch:focus{ outline:0;}*//*將選取虛框取消*/ #head .btnSearch{ float:left; padding:6px 25px 5px 15px; *padding:4px 20px 3px 5px; _padding:2px 20px 3px 5px; margin-bottom:0; *margin-left:.2em; _margin-left:0px; *margin-top:1px; _margin-top:1px; font-size:13px; line-height:20px; *line-height:20px; color:#555; font-weight:bold; text-align:center; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); vertical-align:middle; cursor:pointer; background-color:#f5f5f5; *background-color:#e6e6e6; /*background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background:-webkit-linear-gradient(top, #ffffff, #e6e6e6); background:-o-linear-gradient(top, #ffffff, #e6e6e6); background:linear-gradient(to bottom, #ffffff, #e6e6e6); background:-moz-linear-gradient(top, #ffffff, #e6e6e6);*/ background:url(/images/icon/ico_search.png) no-repeat right top; _background:url(/images/fix/icon/ico_search.gif) no-repeat -125px 2px; border:1px #bbbbbb solid; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color:#e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color:#a2a2a2; -webkit-border-radius:0px 14px 14px 0px; -moz-border-radius:0px 14px 14px 0px; border-radius:0px 14px 14px 0px; /*filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false);*/ *zoom:1; /*-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/ behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/ } :root #head .btnSearch{ padding:4px 25px 4px 15px \0; margin-top:3px \0;}/*for IE9*/ /*for firefox*/ @-moz-document url-prefix(){ #head .btnSearch{ padding:3px 25px 3px 15px; margin-top:1px; } } /*safari, opera*/ @media all and (-webkit-min-device-pixel-ratio:0){ #head .btnSearch{ padding:6px 25px 5px 15px; margin-top:2px;} } #head .btnSearch:hover, #head .btnSearch:active, #head .btnSearch.active{ color:#333333; background-color:#e6e6e6; background-color:#d9d9d9 \9; } #head .btnSearch:active, #head .btnSearch.active { background-color:#cccccc \9; } #head .btnSearch:first-child { *margin-left:0;} #head .btnSearch:hover { text-decoration:none; background:url(/images/icon/ico_search.png) no-repeat right -130px; _background:url(/images/fix/icon/ico_search.gif) no-repeat -125px -130px; /* Buttons in IE7 don't get borders, so darken on hover */ /*-webkit-transition:background-position 0.1s linear; -moz-transition:background-position 0.1s linear; -o-transition:background-position 0.1s linear; transition:background-position 0.1s linear;*/ } #head .btnSearch:focus { outline:thin #333 dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; } #head .btnSearch.active, #head .btnSearch:active { background:url(/images/icon/ico_search.png) no-repeat right -260px; _background:url(/images/fix/icon/ico_search.gif) no-repeat -125px -260px; outline:0; /*-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);*/ } /***導覽列***/ #navBar{ width:100%; /*font-family:'Microsoft Yahei';*/ font-family:'Microsoft JhengHei','微軟正黑體',Arial, Helvetica, sans-serif;} #mainNavBar{ width:100%; height:39px; border-top:1px #ebebeb solid; background:url(/images/nav_bg.gif) repeat-x;} #mainNavBar ul{ height:39px; width:980px; overflow:hidden; margin:4px auto 0px auto;} #mainNavBar li{ width:auto; height:35px; margin:0px 3px 0px 6px; font-size:15px; font-weight:bold; text-align:center; line-height:120%; float:left; overflow:hidden;} #mainNavBar li .navLabel{ display:block;} /*#mainNavBar li .navLabel{ color:#ffffff; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:block;}*/ #mainNavBar li a{ display:block; color:#fff; line-height:160%; padding:5px 10px 0px 10px; height:30px\9; _width:45px;} #mainNavBar li a:hover{ color:#0c80cb; text-decoration:none; border-left:0px #dfe1e0 solid; background:url(/images/navbtn_bg.gif) no-repeat right top; padding:5px 10px 6px 10px;} #mainNavBar li a:active{} /*在此單元預設&變色變化*/ #mainNavBar li.butOn{ border-left:0px #dfe1e0 solid; background:url(/images/navbtn_bg.gif) no-repeat right top; color:#0c80cb;} #mainNavBar li.butOn a{ display:block; line-height:160%; color:#0c80cb;} #mainNavBar li.butOn a:hover{ color:#0c80cb; border-left:0px #dfe1e0 solid;} /*首頁ICON*/ #mainNavBar li.index a{ display:block; _width:16px;} #mainNavBar li.index a .navLabel{ background:url(/images/icon/ico_header.png?v=20130722) no-repeat left -378px; _background:url(/images/fix/icon/ico_header.gif?v=20130722) no-repeat left -378px; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon/ico_header.png?v=20130722', sizingMethod='crop');*/ color:transparent; text-indent:-100000px; *cursor:pointer; _cursor:pointer; *overflow:hidden;} /*for firefox*/ @-moz-document url-prefix(){ #mainNavBar li.index a .navLabel{ min-width:16px;} } /*safari, opera*/ @media all and (-webkit-min-device-pixel-ratio:0){ #mainNavBar li.index a .navLabel{ min-width:auto;} } #mainNavBar li.index a:hover .navLabel{ background-position:left -329px; color:transparent; text-indent:-100000px;} #mainNavBar li.index.butOn a .navLabel{ background-position:left -329px; color:transparent; text-indent:-100000px;} /*其他單元*/ #mainNavBar li.but_c a{ _width:60px;} #mainNavBar li.but_a.butOn a,#mainNavBar li.but_b.butOn a,#mainNavBar li.but_c.butOn a,#mainNavBar li.but_d.butOn a,#mainNavBar li.but_e.butOn a,#mainNavBar li.but_f.butOn a, #mainNavBar li.but_g.butOn a,#mainNavBar li.but_h.butOn a,#mainNavBar li.but_i.butOn a,#mainNavBar li.but_j.butOn a,#mainNavBar li.but_k.butOn a,#mainNavBar li.but_l.butOn a, #mainNavBar li.but_m.butOn a,#mainNavBar li.but_n.butOn a{ padding:5px 10px 0px 10px;} /*特開項目世足*/ #mainNavBar ul{ overflow:visible;} #mainNavBar li{ overflow:visible;} #mainNavBar li.but_sp{ position:relative;} #mainNavBar li.but_sp a{ color:#f0ff00; _width:124px; padding:5px 20px 0px 15px;} #mainNavBar li.but_sp a:hover{ color:#f0ff00; /*background:url(/images/navbtn_sp_bg.gif) no-repeat left top;*/ background:none; padding:5px 20px 6px 15px;} /*#mainNavBar li.but_sp a .navLabel{ background:url(/images/nav_sp_bg.png) no-repeat right -20px; _background:url(/images/fix/nav_sp_bg.gif) no-repeat right -20px;}*/ #mainNavBar li.but_sp .icoLabel{ position:absolute; right:0px; width:48px; height:47px; float:right; margin:-21px -15px 0px 0px; background:url(/images/nav_sp_bg.png) no-repeat right top; _background:url(/images/fix/nav_sp_bg.gif) no-repeat right top;} /*#mainNavBar li.but_sp.butOn{ color:#f0ff00; background:#009b3a url(/images/navbtn_sp_bg.gif) no-repeat left top;} #mainNavBar li.but_sp.butOn a{ display:block; line-height:160%; color:#f0ff00;} #mainNavBar li.but_sp.butOn a:hover{ color:#f0ff00;}*/ /*隨Body id變化*/ /*#index li.index{} #index li.index .navLabel{} #index li.but_a{} #index li.but_a .navLabel{}*/ /***Header子導覽列***/ /*--主要for微博精選上方--*/ #subNavBar{ width:100%; height:50px; background:#fff url(/images/subnav_bg.png) repeat-x left top; background:url(/images/subnav_bg.gif) repeat-x left top\9;} #subNavBar ul{ height:50px; width:980px; margin:0px auto 0px auto; margin:0px auto 0px auto\9; *background:url(/images/subnav_bg.gif) repeat-x left top; _background:url(/images/subnav_bg.gif) repeat-x left top;} #subNavBar li{ width:auto; min-width:55px; height:50px; margin:0px 0px 0px 0px; font-size:15px; font-weight:bold; text-align:center; float:left; position:relative; z-index:200;} #subNavBar li a{ display:block; float:left; color:#666; line-height:180%; padding:12px 8px 0px 8px; *padding:12px 6px 0px 6px; _padding:12px 6px 0px 6px; border-left:1px transparent solid; border-right:1px transparent solid; width:auto; min-width:35px; height:38px;} #subNavBar li a:hover,#subNavBar .open .subTop a:first-child{ color:#2494db; text-decoration:none; background:#f5f5f5 url(/images/subnavbtn_bg.png) repeat-x left top; background:url(/images/subnavbtn_bg.gif) repeat-x left top\9; border-left:1px #d4d4d4 solid; border-right:1px #d4d4d4 solid; width:auto; min-width:35px;} #subNavBar b.arrow{ display:inline-block; width:6px; height:3px; vertical-align:top; background:url(/images/icon/ico_arrow02.gif) no-repeat;} #subNavBar li.subLv1 .arrow{ margin-top:12px; margin-left:2px; *margin-top:10px; _margin-top:10px;} #subNavBar .open .arrow{ background-position:left -18px;} #subNavBar li.subLv1:hover .arrow{ background-position:left -18px;} #subNavBar li .ltLine{} #subNavBar li .rtLine{ border-right:1px #ebebeb solid; display:block; width:1px; height:34px; float:right; position:absolute; top:8px; right:-1px; z-index:300;} #subNavBar li:hover .rtLine{ display:none; border-right:0px #ebebeb solid;} /*在此單元預設&變色變化*/ #subNavBar li.butOn{} #subNavBar li.currentHd{ display:none;} #subNavBar li.currentHd02{ display:none;} #subNavBar li.butOn a{ color:#e8880a; font-weight:bold; background:#f5f5f5 url(/images/subnavbtn_bg.png) repeat-x left top; background:url(/images/subnavbtn_bg.gif) repeat-x left top\9; border-left:0px #d4d4d4 solid; border-right:0px #d4d4d4 solid; width:auto; min-width:37px; _padding:15px 0px 0px 0px; _height:35px;} #subNavBar li.butOn a:hover{ border-left:0px #d4d4d4 solid; border-right:0px #d4d4d4 solid; width:auto; min-width:37px;} #subNavBar li.butOn .ltLine{ border-left:1px #d4d4d4 solid; display:block; width:1px; height:50px; float:left; position:absolute; top:0px; left:-1px; z-index:300;} #subNavBar li.butOn .rtLine{ border-right:1px #d4d4d4 solid; display:block; height:50px; top:0px;} /*有第2層的項目時*/ #subNavBar li.subLv1{ position:relative; z-index:999998;} #subNavBar li.subLv1 a{ _padding:15px 0px 0px 0px; _height:35px;} #subNavBar li .subTop{ display:block; position:relative; z-index:200;} #subNavBar li .subTop a{ display:block; float:left;} /*子導覽列的第2層*/ #subNavBar .subLv2{} #subNavBar .subDropDown{ font-weight:normal; position:absolute; top:100%; left:0px; z-index:1000; display:none; min-width:290px; _width:290px; padding:10px 12px; margin:0px 0 0; list-style:none; border:1px #d4d4d4 solid; border-top:0px; background:#f5f5f5 url(/images/subdropdown_bg.gif) no-repeat right bottom;} #subNavBar .subRt{ top:100%; right:-1px; left:auto;}/*for subDropDown右側對齊*/ #subNavBar li.open .subDropDown{ display:block;} #subNavBar li:last-child.open .subDropDown,#subNavBar li:nth-last-child(2).open .subDropDown, #subNavBar li:nth-last-child(3).open .subDropDown,#subNavBar li:nth-last-child(4).open .subDropDown{ /*讓最後4個選單置右對齊，不超出畫面*/ left:auto; right:0px; } #subNavBar li.butOn:hover .subDropDown{ display:block; left:-1px;} #subNavBar li:last-child.butOn:hover .subDropDown{ /*最後1個選單置右對齊*/ left:auto; right:0px; } #subNavBar .subDropDown ul{ float:left; width:210px; height:auto; margin:0px; padding:0px; *background:none; _background:none;} #subNavBar .subDropDown li{ font-size:13px; float:left; color:#333; position:static; height:auto; margin:0px 5px 2px 0px; width:auto !important;} #subNavBar .subDropDown li a{ color:#777; background:none; padding:5px 6px 5px 6px; width:auto !important; _word-break:keep-all; height:15px; line-height:1.3em; border-left:0px transparent solid; border-right:0px transparent solid;}/*border覆寫parent*/ #subNavBar .subDropDown li a:hover{ background:#ddd none; color:#333; border:0px #f5f5f5 solid !important;} #subNavBar .subDropDown li.current{ background:#a9d533 none; color:#fff;} #subNavBar .subDropDown li.current a{ color:#fff;} #subNavBar .subDropDown li.current a:hover{ background:#a9d533 none; color:#333;} #subNavBar .subDropDown li.strong{ background:#ff2616 none;} #subNavBar .subDropDown li.strong a{ color:#fff;} #subNavBar .subDropDown li.strong a:hover{ background:#ff2616 none;} #subNavBar .subDropDown .eventPromo{ float:right; width:75px; height:80px; margin:0px 0px 0px 0px; padding:0px; border:0px !important; overflow:hidden} #subNavBar .subDropDown .eventPromo a{ color:#666; background:none !important; padding:0px !important; margin:0px !important; border:0px !important; border:0px;} #subNavBar .subDropDown .eventPromo img{ border:0px !important;} /*--主要for微博精選下方--*/ #subNavBar02{ width:100%; height:45px; position:fixed; _position:relative; top:50%; background:#fff url(/images/subnav_bg02.png) repeat-x left top; background:url(/images/subnav_bg02.gif) repeat-x left top\9; z-index:1000001; border-bottom:15px solid #f5f5f5} #subNavBar02 ul{ height:45px; width:980px; margin:0px auto 0px auto; *background:url(/images/subnav_bg02.gif) repeat-x left top; _background:url(/images/subnav_bg02.gif) repeat-x left top;} #subNavBar02 li{ width:auto; min-width:50px; height:45px; margin:0px 0px 0px 0px; font-size:15px; font-weight:bold; text-align:center; float:left; position:relative; z-index:200;} #subNavBar02 li a{ display:block; float:left; color:#666; line-height:180%; padding:9px 5px 0px 5px; *padding:9px 3px 0px 3px; _padding:9px 3px 0px 3px; border-left:1px transparent solid; border-right:1px transparent solid; width:auto; min-width:39px; height:36px;} #subNavBar02 li a:hover,#subNavBar02 .open .subTop a:first-child{ color:#2494db; text-decoration:none; background:#f5f5f5 url(/images/subnavbtn_bg.png) repeat-x left top; background:url(/images/subnavbtn_bg.gif) repeat-x left top\9; border-left:1px #d4d4d4 solid; border-right:1px #d4d4d4 solid; width:auto; min-width:39px;} #subNavBar02 b.arrow{ display:inline-block; width:6px; height:3px; vertical-align:top; background:url(/images/icon/ico_arrow02.gif) no-repeat;} #subNavBar02 li.subLv1 .arrow{ margin-top:12px; margin-left:2px; *margin-top:10px; _margin-top:10px;} #subNavBar02 .open .arrow{ background-position:left -18px;} #subNavBar02 li.subLv1:hover .arrow{ background-position:left -18px;} #subNavBar02 li .ltLine{} #subNavBar02 li .rtLine{ border-right:1px #ebebeb solid; display:block; width:1px; height:29px; float:right; position:absolute; top:8px; right:-1px; z-index:300;} #subNavBar02 li:hover .rtLine{ display:none; border-right:0px #ebebeb solid;} /*在此單元預設&變色變化*/ #subNavBar02 li.butOn{} #subNavBar02 li.butOn a{ color:#e8880a; font-weight:bold; background:#f5f5f5 url(/images/subnavbtn_bg.png) repeat-x left top; background:url(/images/subnavbtn_bg.gif) repeat-x left top\9; border-left:0px #d4d4d4 solid; border-right:0px #d4d4d4 solid; width:auto; min-width:41px; _padding:12px 0px 0px 0px; _height:33px;} #subNavBar02 li.butOn a:hover{ border-left:0px #d4d4d4 solid; border-right:0px #d4d4d4 solid; width:auto; min-width:41px;} #subNavBar02 li.butOn .ltLine{ border-left:1px #d4d4d4 solid; display:block; width:1px; height:45px; float:left; position:absolute; top:0px; left:-1px; z-index:300;} #subNavBar02 li.butOn .rtLine{ border-right:1px #d4d4d4 solid; display:block; height:45px; top:0px;} /*有第2層的項目時*/ #subNavBar02 li.subLv1{ position:relative; z-index:999998;} #subNavBar02 li.subLv1 a{ _padding:12px 0px 0px 0px; _height:33px;} #subNavBar02 li .subTop{ display:block; position:relative; z-index:200;} #subNavBar02 li .subTop a{ display:block; float:left;} /*子導覽列的第2層*/ #subNavBar02 .subLv2{} #subNavBar02 .subDropDown{ font-weight:normal; position:absolute; top:100%; left:0px; z-index:1000; display:none; min-width:290px; _width:290px; padding:10px 12px; margin:0px 0 0; list-style:none; border:1px #d4d4d4 solid; border-top:0px; background:#f5f5f5 url(/images/subdropdown_bg.gif) no-repeat right bottom;} #subNavBar02 .subRt{ top:100%; right:-1px; left:auto;}/*for subDropDown右側對齊*/ #subNavBar02 li.open .subDropDown{ display:block;} #subNavBar02 li:last-child.open .subDropDown,#subNavBar02 li:nth-last-child(2).open .subDropDown, #subNavBar02 li:nth-last-child(3).open .subDropDown,#subNavBar02 li:nth-last-child(4).open .subDropDown{ /*讓最後4個選單置右對齊，不超出畫面*/ left:auto; right:0px; } #subNavBar02 li.butOn:hover .subDropDown{ display:block; left:-1px;} #subNavBar02 li:last-child.butOn:hover .subDropDown{ /*最後1個選單置右對齊*/ left:auto; right:0px; } #subNavBar02 .subDropDown ul{ float:left; width:210px; height:auto; margin:0px; padding:0px; *background:none; _background:none;} #subNavBar02 .subDropDown li{ font-size:13px; float:left; color:#333; position:static; height:auto; margin:0px 5px 2px 0px; width:auto !important;} #subNavBar02 .subDropDown li a{ color:#777; background:none; padding:5px 6px 5px 6px; width:auto !important; _word-break:keep-all; height:15px; line-height:1.3em; border-left:0px transparent solid; border-right:0px transparent solid;}/*border覆寫parent*/ #subNavBar02 .subDropDown li a:hover{ background:#ddd none; color:#333; border:0px #f5f5f5 solid !important;} #subNavBar02 .subDropDown li.current{ background:#a9d533 none; color:#fff;} #subNavBar02 .subDropDown li.current a{ color:#fff;} #subNavBar02 .subDropDown li.current a:hover{ background:#a9d533 none; color:#333;} #subNavBar02 .subDropDown li.strong{ background:#ff2616 none;} #subNavBar02 .subDropDown li.strong a{ color:#fff;} #subNavBar02 .subDropDown li.strong a:hover{ background:#ff2616 none;} #subNavBar02 .subDropDown .eventPromo{ float:right; width:75px; height:80px; margin:0px 0px 0px 0px; padding:0px; border:0px !important; overflow:hidden} #subNavBar02 .subDropDown .eventPromo a{ color:#666; background:none !important; padding:0px !important; margin:0px !important; border:0px !important; border:0px;} #subNavBar02 .subDropDown .eventPromo img{ border:0px !important;} /*在此單元的主標題*/ /*第1個主標題*/ #subNavBar02 li.currentHd{ width:auto !important; height:auto !important; margin:10px 6px 0px 10px !important; _margin:0px !important; _padding:10px 6px 0px 10px !important;} #subNavBar02 li.currentHd a{ display:block; height:24px !important; _overflow:hidden; background:url(/images/subnavhd_bg.gif) no-repeat left top !important; border:1px #35a1e0 solid !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/ padding:0px 8px 0px 10px !important; width:auto !important; line-height:160% !important; color:#fff !important; font-weight:bold;} #subNavBar02 li.currentHd a:hover{ color:#fff; text-decoration:none; background:url(/images/subnavhd_bg.gif) no-repeat left -74px !important; width:auto; filter:alpha(opacity=85); opacity:0.85; zoom:1;} #subNavBar02 li.currentHd b.arrow{ display:inline-block; width:4px; height:7px; vertical-align:top; background:url(/images/icon/ico_arrow02.gif) no-repeat left -36px; margin-top:8px; margin-left:8px;} /*第2個主標題*/ #subNavBar02 li.currentHd02{ width:auto !important; height:auto !important; margin:10px 0px 0px 20px !important; _margin:0px !important; _padding:10px 6px 0px 10px !important;} #subNavBar02 li.currentHd02 a{ display:block; height:24px !important; _overflow:hidden; background:url(/images/subnavhd_bg02.gif) no-repeat left top !important; border:1px #ed982a solid !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; behavior:url(/lib/iecss3pie/pie.htc);/*額外讓IE8(含)以下支援*/ padding:0px 8px 0px 10px !important; width:auto !important; line-height:160% !important; color:#fff !important; font-weight:bold;} #subNavBar02 li.currentHd02 a:hover{ color:#fff; text-decoration:none; background:url(/images/subnavhd_bg02.gif) no-repeat left -74px !important; width:auto; filter:alpha(opacity=85); opacity:0.85; zoom:1;} #subNavBar02 li.currentHd02 b.arrow{ display:inline-block; width:4px; height:7px; vertical-align:top; background:url(/images/icon/ico_arrow02.gif) no-repeat left -36px; margin-top:8px; margin-left:8px;} /*--for微公益--*/ #subNavBar03{ width:100%; height:50px; background:#fff url(/images/subnav_bg.png) repeat-x left top; background:url(/images/subnav_bg.gif) repeat-x left top\9;} #subNavBar03 ul{ height:50px; width:980px; margin:0px auto 0px auto; margin:0px auto 0px auto\9; *background:url(/images/subnav_bg.gif) repeat-x left top; _background:url(/images/subnav_bg.gif) repeat-x left top;} #subNavBar03 li{ width:auto; min-width:95px; height:50px; margin:0px 0px 0px 0px; font-size:15px; font-weight:bold; text-align:center; float:left; position:relative; z-index:200;} #subNavBar03 li a{ display:block; float:left; color:#666; line-height:180%; padding:12px 10px 0px 10px; *padding:12px 8px 0px 8px; _padding:12px 8px 0px 8px; border-left:1px transparent solid; border-right:1px transparent solid; width:auto; min-width:73px; height:38px;} #subNavBar03 li a:hover,#subNavBar03 .open .subTop a:first-child{ color:#2494db; text-decoration:none; background:#f5f5f5 url(/images/subnavbtn_bg.png) repeat-x left top; background:url(/images/subnavbtn_bg.gif) repeat-x left top\9; border-left:1px #d4d4d4 solid; border-right:1px #d4d4d4 solid; width:auto; min-width:73px;} #subNavBar03 b.arrow{ display:inline-block; width:6px; height:3px; vertical-align:top; background:url(/images/icon/ico_arrow02.gif) no-repeat;} #subNavBar03 li.subLv1 .arrow{ margin-top:12px; margin-left:2px; *margin-top:10px; _margin-top:10px;} #subNavBar03 .open .arrow{ background-position:left -18px;} #subNavBar03 li.subLv1:hover .arrow{ background-position:left -18px;} #subNavBar03 li .ltLine{} #subNavBar03 li .rtLine{ border-right:1px #ebebeb solid; display:block; width:1px; height:34px; float:right; position:absolute; top:8px; right:-1px; z-index:300;} #subNavBar03 li:hover .rtLine{ display:none; border-right:0px #ebebeb solid;} /*在此單元預設&變色變化*/ #subNavBar03 li.butOn{} #subNavBar03 li.currentHd{ display:none;} #subNavBar03 li.currentHd02{ display:none;} #subNavBar03 li.butOn a{ color:#e8880a; font-weight:bold; background:#f5f5f5 url(/images/subnavbtn_bg.png) repeat-x left top; background:url(/images/subnavbtn_bg.gif) repeat-x left top\9; border-left:0px #d4d4d4 solid; border-right:0px #d4d4d4 solid; width:auto; min-width:75px; _padding:15px 0px 0px 0px; _height:35px;} #subNavBar03 li.butOn a:hover{ border-left:0px #d4d4d4 solid; border-right:0px #d4d4d4 solid; width:auto; min-width:75px;} #subNavBar03 li.butOn .ltLine{ border-left:1px #d4d4d4 solid; display:block; width:1px; height:50px; float:left; position:absolute; top:0px; left:-1px; z-index:300;} #subNavBar03 li.butOn .rtLine{ border-right:1px #d4d4d4 solid; display:block; height:50px; top:0px;} /*有第2層的項目時*/ #subNavBar03 li.subLv1{ position:relative; z-index:999998;} #subNavBar03 li.subLv1 a{ _padding:15px 0px 0px 0px; _height:35px;} #subNavBar03 li .subTop{ display:block; position:relative; z-index:200;} #subNavBar03 li .subTop a{ display:block; float:left;} /*子導覽列的第2層*/ #subNavBar03 .subLv2{} #subNavBar03 .subDropDown{ font-weight:normal; position:absolute; top:100%; left:0px; z-index:1000; display:none; min-width:290px; _width:290px; padding:10px 12px; margin:0px 0 0; list-style:none; border:1px #d4d4d4 solid; border-top:0px; background:#f5f5f5 url(/images/subdropdown_bg.gif) no-repeat right bottom;} #subNavBar03 .subRt{ top:100%; right:-1px; left:auto;}/*for subDropDown右側對齊*/ #subNavBar03 li.open .subDropDown{ display:block;} #subNavBar03 li.butOn:hover .subDropDown{ display:block; left:-1px;} #subNavBar03 .subDropDown ul{ float:left; width:210px; height:auto; margin:0px; padding:0px; *background:none; _background:none;} #subNavBar03 .subDropDown li{ font-size:13px; float:left; color:#333; position:static; height:auto; margin:0px 5px 2px 0px; width:auto !important;} #subNavBar03 .subDropDown li a{ color:#777; background:none; padding:5px 6px 5px 6px; width:auto !important; _word-break:keep-all; height:15px; line-height:1.3em; border-left:0px transparent solid; border-right:0px transparent solid;}/*border覆寫parent*/ #subNavBar03 .subDropDown li a:hover{ background:#ddd none; color:#333; border:0px #f5f5f5 solid !important;} #subNavBar03 .subDropDown li.current{ background:#a9d533 none; color:#fff;} #subNavBar03 .subDropDown li.current a{ color:#fff;} #subNavBar03 .subDropDown li.current a:hover{ background:#a9d533 none; color:#333;} #subNavBar03 .subDropDown li.strong{ background:#ff2616 none;} #subNavBar03 .subDropDown li.strong a{ color:#fff;} #subNavBar03 .subDropDown li.strong a:hover{ background:#ff2616 none;} #subNavBar03 .subDropDown .eventPromo{ float:right; width:75px; height:80px; margin:0px 0px 0px 0px; padding:0px; border:0px !important; overflow:hidden} #subNavBar03 .subDropDown .eventPromo a{ color:#666; background:none !important; padding:0px !important; margin:0px !important; border:0px !important; border:0px;} #subNavBar03 .subDropDown .eventPromo img{ border:0px !important;} /*特開POP!微博*/ #mainNavBar li.popPromo{position: relative; width:210px;} #mainNavBar li.popPromo .popW{width:180px;height:36px;z-index:300;position: absolute;top:-49px;right:0px; } #mainNavBar li.popPromo a:hover{background: none;}