@charset "utf-8"; /* CSS Document */ /*全站間距 原margin:20px 0 0 0; 改為 margin:10px 0 0 0;*/ html, body{ margin:0; padding:0;font-size:16px;font-family:arial,"微軟正黑體"; line-height:20px;color:#000; background: url(../images/allbg.jpg) repeat-x;} img{ margin:0; padding:0;} a { text-decoration: none; outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */color:#000;} a:hover { text-decoration:none; color:#3d3d3d;} div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img { margin: 0; padding: 0;border: none; } img { border: none; } ul, li{ list-style:none;} .fL { float: left; } .fR { float: right; } .clr { clear: both;} .tRight { text-align: right; } .tLeft { text-align:left;} .tCenter { text-align: center; } p{text-align:justify;} h2, h3{text-transform:uppercase;} /*底色*/ .allbg{ /*background: url(../images/color.jpg) repeat-x bottom; padding-bottom:35px;*/} .pagesize{ position:relative; width:100%; min-width:1024px; padding:0 ; margin:0 auto; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #goTop{ position:fixed; bottom:10px; right:10px; width:36px; height:36px; display:block;} #goTop a{ width:36px; height:36px; display:block; background: url(../images/btn_top.png) no-repeat;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;} #goTop a:hover{ background-position:0 -36px;} /* 上方選項*/ .toplinks{ width:1000px; height:20px; padding:10px 0 0 0; margin:0 auto; font-size:14px; line-height:20px; } .toplinks .links{ text-align:right;color:#007ac5; font-weight:bold;} .toplinks .links a{ color:#007ac5;vertical-align:middle; } .toplinks .links a:hover{ color:#28558e;} .toplinks .links .type01{ height:20px;line-height:20px; overflow:hidden; display:inline-block;*display:inline;zoom:1;vertical-align:middle; text-align:center; margin:0 3px; *margin:0;} .toplinks .links .type01 a{ text-decoration:underline; color:#555555;padding:0;} .toplinks .links .type01 a:hover{ text-decoration:none;} .toplinks .links .type02{ position:relative; width:225px; height:20px;line-height:20px; overflow:hidden; display:inline-block;*display:inline;zoom:1;vertical-align:middle; text-align:center; margin:0 3px; *margin:0;} .toplinks .links .type02 ul{ position:absolute; top:0; left:0;width:225px;} .toplinks .links .type02 a{ color:#fff; background-color:#f28d00; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:block;overflow:hidden; text-overflow : ellipsis;white-space : nowrap;} .toplinks .links .type02 a:hover{background-color:#dc5d09;} .search{ position:absolute; right:0; width:193px;top:7px;} .search .keyword{ float:left; width:168px; height:25px; background:url(../images/search.jpg) no-repeat;} .search .keyword input{ border:0; margin-left:2px; margin-top:3px; width:150px;} .search .sbtn{ float:left; width:25px; height:25px; background:url(../images/sbtn.jpg) no-repeat;} .search .sbtn a{width:25px; height:25px; display:block;} .header{ position:relative; width:1000px; height:60px; display:block; margin:0 auto;} .header .logo{ background:url(../images/logo.jpg) 0 -3px no-repeat; width:115px; height:58px; position:absolute; bottom:15px; left:0;} .header .logo a{width:115px; height:58px; display:block;} .header .channel{ height:58px; font-size:24px; font-weight:bold; color:#000099; line-height:56px;position:absolute; bottom:12px;left:120px;} .header .topBn{ position:absolute; bottom:5px; left:185px; width:160px; height:76px; display:block; overflow:hidden;} .header .topBn img{ width:160px; height:76px;} .header .tool{ float:right; padding:11px 0 0 0;} .header .tool ul li{ display:inline-block;} .header .tool ul li a.fb{ width:36px; height:36px; display:block; background:url(../images/btn_fb.png) no-repeat; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .header .tool ul li a.setting{ width:36px; height:36px; display:block; background:url(../images/btn_setting.png) no-repeat; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .header .tool ul li a:hover{ background-position:0 -36px; } /*search*/ .searchArea { width: 116px;} .sb-search { position: relative; width: 0%; min-width: 36px; height: 36px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .sb-search-input { position: absolute; top: 0; right: 0; width: 100%; height: 36px; margin: 0; z-index: 10; padding: 5px 45px 5px 5px;color: #000; background:rgba(0, 0, 0, 0); font-size: 14px; box-sizing:border-box;} .sb-search-input::-webkit-input-placeholder {color: #000;} .sb-search-input:-moz-placeholder {color: #000;} .sb-search-input::-moz-placeholder {color: #000;} .sb-search-input:-ms-input-placeholder {color: #000;} .sb-icon-search, .sb-search-submit { width: 36px; height: 36px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 36px; text-align: center; cursor: pointer; } .sb-search-submit { background:rgba(0, 0, 0, 0); border: none; outline: none; z-index: -1; } .sb-icon-search {z-index: 90; background: url(../images/btn_search.png) center center no-repeat; background-image:url(../images/btn_search.png) \9;} /* Open state */ .sb-search.sb-search-open, .no-js .sb-search { width:200px; } .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { z-index: 91;background: url(../images/btn_search.png) center center no-repeat; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } .sb-search.sb-search-open .sb-search-input{ background-color:#fafafa; border:1px solid #eeeeee; border-color:#ddd \9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .nav_wrapper{ width:100%; min-width:1000px; border-top:1px solid #bebebe; border-bottom:1px solid #007ac5;} /*css for scroll*/ /*.nav_wrapper2{ position:fixed; top:0; width:100%; border-top:1px solid #bebebe; border-bottom:1px solid #007ac5; background-color:rgba(255,255,255,0.8); z-index:99;}*/ .nav_wrapper2{ position:fixed; top:0; width:100%; min-width:1000px; border-top:1px solid #bebebe; border-bottom:1px solid #007ac5; background-color:rgba(0,122,197,1);background-image:url(../images/bg_blue.png) \9; z-index:99;} .nav{ width:1000px; height:40px; display:block; line-height:40px; margin:0 auto;} .nav li{ width:58px; font-size:18px; text-align:center; float:left;} .nav li a{ display:block; color:#007ac5; /*border-bottom:6px solid #fff;*/ margin:0 auto;} .nav li a:hover, .nav li a.on{ background-color:#007ac5; color:#fff;} .nav_wrapper2 .nav li a{ color:#fff;} .nav_wrapper2 .nav li a:hover{ background-color:#63b3ff; } .nav_wrapper2 .nav li a.on{ background-color:#63b3ff;} .nav li:first-child{ width:65px;} .nav li:last-child{ width:65px; float:right;} .sub_wrapper{ width:100%; min-width:1000px; background-color:#f9f9f9; /*border-bottom:1px solid #d8d8d8;*/} .sub{ position:relative; width:1000px; height:30px; display:block; margin:0 auto; line-height:30px; font-size:14px; text-align:left;} .sub ul li{ display:inline-block;*display:inline;zoom:1; margin:0 3px;} .sub ul li a{ color:#555555;} .sub ul li a.orange{ color:#f28d00; text-decoration:underline;} .sub a.stars{ position:absolute; width:41px; height:24px; display:block; background:url(../images/icon_stars.png) no-repeat; top:2px; right:110px;} .sub a.receipt{ position:absolute; width:41px; height:20px; display:block; background:url(../images/icon_receipt.png) no-repeat; top:5px; right:61px;} .sub a.lottery{ position:absolute; width:41px; height:20px; display:block; background:url(../images/icon_lottery.png) no-repeat; top:5px; right:10px;} /*麵包屑*/ .route{ position:relative; width:676px; height:20px; padding:0 0 0 4px; margin:10px 0 0 0; display:block; overflow:hidden; background-color:#f4f6f9; font-size:14px; line-height:20px;} .route.single{ position:relative; width:1000px; height:20px; padding:0 0 0 4px; margin:10px auto 0; display:block; overflow:hidden; background-color:#f4f6f9; font-size:14px; line-height:20px;} .route a{ margin:0 5px;} .route input{ position:absolute; top:0; width:22px; height:22px; border:none; display:block;} .route input.small{ right:125px; background:url(../images/icon_small.png) no-repeat;} .route input.middle{ right:100px; background:url(../images/icon_middle.png) no-repeat;} .route input.big{ right:75px; background:url(../images/icon_big.png) no-repeat;} .route input.mail{ right:50px; background:url(../images/icon_mail.png) no-repeat;} .route input.fb{ right:25px; background:url(../images/icon_fb.png) no-repeat;} .route input.google{ right:0px; background:url(../images/icon_google.png) no-repeat;} .route input:hover{ background-position:0 -20px;} /*main*/ .main{} .twoSet{ width:1000px; margin:0 auto;} /*左欄系列*/ .twoSet .Lset{ float:left; width:700px; font-size:16px; line-height:28px;} /*.twoSet .Lset a{ color:#333333;}*/ .twoSet .Lset a:hover{ color:#0079c5;} /*左欄-影音新聞*/ .videoBox{ width:680px; margin:10px 0 0 0;} .videoBox h2{ position:relative; width:100%; height:28px; padding:4px 0 0 0;} .videoBox h2 span.TTitle{ float:left; display:block;font-size:26px; line-height:28px; font-weight:bold; color:#007ac5;} .videoBox h2 span.TTitle a{ color:#007ac5;} .videoBox h2 span.TTag{ float:right; width:566px; display:block; border-bottom:1px solid #8cbad6;font-size:16px; line-height:16px; font-weight:bold; color:#8cbad6; vertical-align:top; padding: 0 0 9px 0;} .videoBox h2 a.more{ position:absolute; top:5px; right:0; width:20px; height:20px; display:block; background:url(../images/btn_more.png) no-repeat;} .videoBox h2 a.more:hover{ background-position:0 -20px;} .videoBox ul{ padding:8px 0 0 0;} .videoBox ul li{ position:relative; float:left; width:220px; height:124px; display:block; overflow:hidden; margin:0 10px 0 0; margin:0 5px 0 0 \9;} .videoBox ul li:last-child{ margin:0;} .videoBox ul li .cover{ position:absolute; top:0; left:0; width:200px; height:34px; padding:90px 10px 0 10px; display:block; overflow:hidden; background:url(../images/video_bg.png) 0 0 no-repeat; cursor:pointer;} .videoBox ul li:hover .cover{ background:url(../images/video_bg.png) 0 -124px no-repeat; } .videoBox ul li .cover a{ color:#fff;} .videoBox ul li .cover a:hover{color:#fff; text-decoration:underline;} /*左欄-分類區塊*/ .twoBox{ width:680px; margin:10px 0 0 0;} .twoBox .box{ width:330px;} .twoBox .box h3{ position:relative; width:100%; height:30px; display:block; overflow:hidden; border-top:1px solid #0079c5;} .twoBox .box h3 span{ padding:3px 10px; font-size:20px; line-height:30px; font-weight:normal; color:#fff; background-color:#0079c5;} .twoBox .box h3 span.en{ padding:0 10px; font-size:16px; font-weight:bold; color:#8cbad6; background-color:#fff;} .twoBox .box h3 a{ position:absolute; top:5px; right:0; width:20px; height:20px; display:block; background:url(../images/btn_more.png) no-repeat;} .twoBox .box h3 a:hover{ background-position:0 -20px;} .twoBox .box .pic{ width:330px; height:190px; display:block; overflow:hidden; margin:10px 0 0 0;} .twoBox .box .pic.noPic{background: url(../images/noPic330x190.jpg) 0 0 no-repeat; background-size:330px 190px;} .twoBox .box .pic.noPic img{ display:none;} .twoBox .box h4{ width:330px; height:30px; display:block; overflow:hidden; font-size:18px; line-height:32px; font-weight:normal; border-bottom:1px solid #d2d2d2;} .twoBox .box h4 a{ color:#0079c5; } .twoBox .box ul{ padding:5px 0 0 0;} .twoBox .box ul li{ background:url(../images/icon_liDot_s.png) 4px 12px no-repeat; padding:0 0 0 17px;} /**/ /*左欄-分類區塊*/ .twoBox{ width:680px; margin:10px 0 0 0;} .twoBox h3{ position:relative; width:100%; height:30px; display:block; overflow:hidden; border-top:1px solid #0079c5;} .twoBox h3 span{ padding:1px 10px; font-size:20px; font-weight:normal; color:#fff; background-color:#0079c5;} .twoBox h3 span.en{ padding:0 10px; font-size:16px; font-weight:bold; color:#8cbad6; background-color:#fff;} .twoBox h3 a{ position:absolute; top:5px; right:0; width:20px; height:20px; display:block; background:url(../images/btn_more.png) no-repeat;} .twoBox h3 a:hover{ background-position:0 -20px;} /*左欄-精選照片*/ .spPic{ width:680px; margin:10px 0 0 0;} .spPic h3{ position:relative; width:100%; height:30px; display:block; overflow:hidden; border-top:1px solid #f28d00;} .spPic h3 span{ padding:3px 10px; font-size:20px; font-weight:normal; color:#fff; background-color:#f28d00;} .spPic h3 span.en{ padding:0 10px; font-size:16px; font-weight:bold; color:#f28d00; background-color:#fff;} .spPic h3 a{ position:absolute; top:5px; right:0; width:20px; height:20px; display:block; background:url(../images/btn_more_org.png) no-repeat;} .spPic h3 a:hover{ background-position:0 -20px;} .spPic .picZone{ padding:10px 0 0 0;} /*左欄-雜誌*/ .magazineBox{ position:relative; width:680px; margin:10px 0 0 0; } .magazineBox h3{ position:relative; width:680px; height:30px; display:block; overflow:hidden; font-size:22px; font-weight:normal; color:#0079c5; background:url(../images/h3_magazine_l.png) no-repeat; text-align:center;} .magazineBox h3 a{ position:absolute; top:3px; right:50%; margin-right:-50px; width:20px; height:20px; display:block; background:url(../images/btn_more.png) no-repeat;} .magazineBox h3 a:hover{ background-position:0 -20px;} .magazineBox a.prev{ position:absolute; top:180px; left:0; width:18px; height:35px; display:block; background:url(../images/btn_ar_l.png) no-repeat;} .magazineBox a.next{ position:absolute; top:180px; right:0; width:18px; height:35px; display:block; background:url(../images/btn_ar_r.png) no-repeat;} .magazineBox ul{ width:645px; height:318px; display:block; overflow:hidden; padding:10px 0 0 30px;line-height:20px;} .magazineBox ul li{ float:left; width:188px; height:315px; display:block; overflow:hidden; margin:0 25px 0 0; border-top:2px solid #0079c5; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;} .magazineBox ul li .pic{ width:158px; height:208px; display:block; overflow:hidden; margin:0 auto; padding:12px 0 0 0;} .magazineBox ul li .pic img{ width:158px; height:208px; } .magazineBox ul li .info{ width:160px; height:80px; padding:10px 14px 0; display:block; overflow:hidden;} .magazineBox ul li .info h4{color:#000;} .magazineBox ul li .info h4 a{ color:#000;} .magazineBox ul li .info p{ font-size:14px; color:#555555;} /*左欄-雜誌-列表(圖)*/ .magazinePic{ position:relative; width:680px; margin:10px 0 0 0; } .magazinePic h3{ width:680px; height:28px; padding:4px 0 0 0;display:block;border-bottom:3px solid #f28d00;} .magazinePic h3 span.recentlyTitle{ float:left; display:block;font-size:32px; line-height:32px; font-weight:normal; color:#f28d00;background-color:#fff; padding-right:10px;} .magazinePic h3 span.recentlyTitle a{ color:#f28d00; } .magazinePic h3 span.recentlyTag{ float:left; font-size:20px; line-height:20px; font-weight:bold; color:#f28d00; vertical-align:top; padding: 0 0 9px 0; } /*左欄-雜誌-精選*/ .magazinePic.spPhoto{} .magazinePic.spPhoto ul{ width:692px; height:470px; display:block; overflow:hidden; margin:10px 0 0;} .magazinePic.spPhoto ul li{float:left;width:160px; height:200px; overflow:hidden; background-color:#f9f9f9; border:1px solid #ccc; padding:10px; margin:0 12px 14px 0;} .magazinePic.spPhoto ul li .pic{ width:160px; height:160px;overflow:hidden;} .magazinePic.spPhoto ul li .pic a{ display:block; } .magazinePic.spPhoto ul li .pic img{ height:auto;} .magazinePic.spPhoto ul li .pic.noPic{width:160px; height:160px; display:block; background: url(../images/noPic450x300.jpg) center center no-repeat; background-size:160px auto;} .magazinePic.spPhoto ul li .pic.noPic img{ display:none;} .spPhoto ul li.first{ width:270px; height:436px;} .spPhoto ul li.first .pic.noPic{width:270px; height:440px; display:block; background: url(../images/noPic450x300.jpg) center center no-repeat; background-size:270px auto;} .spPhoto ul li.first .pic.noPic img{ display:none;} .spPhoto ul li.first .pic{ width:270px; height:auto;} .spPhoto ul li.first .info h4{ font:normal 18px/24px arial,"微軟正黑體";} .magazinePic a.prev{ position:absolute; top:140px; left:0; width:18px; height:35px; display:block; background:url(../images/btn_ar_l.png) no-repeat;} .magazinePic a.next{ position:absolute; top:140px; right:0; width:18px; height:35px; display:block; background:url(../images/btn_ar_r.png) no-repeat;} .magazinePic ul{ width:640px; height:255px; display:block; overflow:hidden; text-align:center; margin:10px 0 0 20px;} .magazinePic ul li{display:inline-block;*display:inline;zoom:1;width:188px; height:240px; overflow:hidden; background-color:#f9f9f9; border:1px solid #ccc; padding:5px; margin:0 3px;} .magazinePic ul li .pic{ width:188px; height:188px;overflow:hidden;} .magazinePic ul li .pic a{ display:block; } .magazinePic ul li .pic img{ height:188px;} .magazinePic ul li .pic.noPic{width:188px; height:188px; display:block; background: url(../images/noPic450x300.jpg) center center no-repeat; background-size:188px auto;} .magazinePic ul li .pic.noPic img{ display:none;} .magazinePic ul li .info{ display:block; overflow:hidden;} .magazinePic ul li .info h4{color:#000; font:normal 16px/20px arial,"微軟正黑體"; margin-top:5px; text-align:justify; height:44px;overflow:hidden; margin:5px 0 0;} .magazinePic ul li .info h4 a{ color:#333;} /*左欄-雜誌-列表(多圖)*/ .magazinePic.showOther{} .magazinePic.showOther ul{ width:700px; height:auto; display:block; overflow:visible; text-align:center; margin:10px 0 0 -10px;} .magazinePic.showOther ul li{display:inline-block;*display:inline;zoom:1;width:208px; height:230px; overflow:hidden; background-color:#f9f9f9; border:1px solid #ccc; padding:5px; margin:0 3px;} .magazinePic.showOther ul li .pic{ width:208px; height:188px;overflow:hidden;} .magazinePic.showOther ul li .pic a{ display:block; } .magazinePic.showOther ul li .pic img{ height:188px;} .magazinePic.showOther ul li .pic.noPic{width:208px; height:188px; display:block; background: url(../images/noPic450x300.jpg) center center no-repeat; background-size:208px auto;} .magazinePic.showOther ul li .pic.noPic img{ display:none;} /*左欄分類焦點*/ .sortFocus{ width:680px; height:278px; margin:10px 0 0 0;} .sortFocus .picSet{ position:relative; float:left; width:364px; height:238px; display:block;} .sortFocus .picSet .pic{width:364px; height:238px; display:block; overflow:hidden; margin:40px 0 0;} .sortFocus .picSet .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:364px 238px;} .sortFocus .picSet .pic.noPic img{ display:none;} .sortFocus .picSet .picTitle{ position:absolute; top:0; left:0; width:660px; height:40px; padding:0 10px; display:block; overflow:hidden;font-size:26px;background-color:rgba(0,122,197,0.8); background-image:url(../images/bg_blue.png) \9; text-align:left; line-height:44px;} .sortFocus .picSet .picTitle a{ color:#fff; text-shadow: 2px 0px 2px #000;} .sortFocus .picSet .picTitle a:hover{ color:#fff; text-decoration:underline;} .sortFocus .picSet .prev{ position:absolute; top:0; left:0; width:24px; height:40px;} .sortFocus .picSet .prev a{ width:24px; height:40px; display:block; background: url(../images/btn_ar_lw.png) 0 0 no-repeat;} .sortFocus .picSet .next{ position:absolute; top:0; right:0; width:24px; height:40px;} .sortFocus .picSet .next a{ width:24px; height:40px; display:block; background: url(../images/btn_ar_rw.png) 0 0 no-repeat;} .sortFocus .picSet2{ position:relative; float:left; width:362px; height:278px; display:block; border:1px solid #007ac5; border-top:none;} .sortFocus .picSet2 .picTitle{ position:absolute; top:0; left:0; width:680px; height:40px; display:block; overflow:hidden; font-size:20px; background-color:#007ac5; text-align:center; line-height:40px;} .sortFocus .picSet2 .picTitle a{ color:#fff;} .sortFocus .picSet2 .picTitle a:hover{ color:#fff; text-decoration:underline;} .sortFocus .picSet2 p{ padding:50px 7px 0; font-size:18px; line-height:42px;} .sortFocus ul{ float:right; width:306px; height:238px; display:block; overflow:hidden; font-size:18px; line-height:59px;margin:40px 0 0;} .sortFocus ul li{ padding:0 0 0 10px; border-bottom:1px solid #e9e9e9; background:url(../images/icon_bar.jpg) 0 26px no-repeat;} .sortFocus ul li:last-child{ border-bottom:none;} .sortFocus ul li a:hover{ color:#007ac5;} /*左欄即時新聞*/ .recentlyBox{ width:680px; margin:10px 0 0 0; line-height:24px;} .recentlyBox h3{ width:680px; height:24px; padding:4px 0 0 0;display:block;border-bottom:3px solid #dae7f0; text-transform:none;} .recentlyBox h3 span.recentlyTitle{ float:left; display:block;font-size:32px; line-height:32px; font-weight:normal; color:#007ac5;padding-right:10px; background-color:#fff;} .recentlyBox h3 span.recentlyTitle a{ color:#007ac5;} .recentlyBox h3 span.recentlyTag{ float:left; font-size:19px; line-height:19px; font-weight:bold; color:#8cbad6; vertical-align:top; } .recentlyBox h3 .more a{background: rgba(0, 0, 0, 0) url(../images/btn_more.png) no-repeat scroll 0 0;display: block;height: 20px;width: 20px; float:right; margin:0;} .recentlyBox h3 .more a:hover{ background-position:0 bottom;} .recentlyBox ul li{ position:relative; padding:10px 0; border-bottom:1px dotted #aaaaaa;} .recentlyBox ul li.noLine{ border:none;} .recentlyBox ul li .pic{ float:left; display:block; overflow:hidden; margin:0 15px 0 0; width:189px; height:126px;} .recentlyBox ul li .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:189px 126px;} .recentlyBox ul li .pic.noPic img{ display:none;} .recentlyBox ul li .pic .playCover{ width:189px; height:126px;background: url(../images/video_bg3.png) no-repeat scroll center 0; cursor:pointer; position:absolute; top:10px; left:0; display:block; background-size:189px 252px;} .recentlyBox ul li .pic .playCover:hover{ background-position:0 -126px;} .recentlyBox ul li h4{ font-size:20px; font-weight:bold; margin:0 0 8px 0;} .Lset .recentlyBox ul li h4 a{ color:#28558e;} .recentlyBox ul li.issueBox{padding:0 0;} .recentlyBox ul li.issueBox h4{ position:relative; width:100%; height:30px; display:block; overflow:hidden; border-top:1px solid #f28d00; margin:0 0 7px;} .recentlyBox ul li.issueBox h4 span{ padding:4px 10px; font-size:20px; line-height:30px; font-weight:normal; color:#fff; background-color:#f28d00;} .recentlyBox ul li.issueBox h4 span.en{ padding:0 10px; font-size:16px; font-weight:bold; color:#f28d00; background-color:#fff;} .recentlyBox ul li.issueBox h4 a{ position:absolute; top:5px; right:0; width:20px; height:20px; display:block; background:url(../images/btn_more_org.png) no-repeat;} .recentlyBox ul li.issueBox h4 a:hover{background-position:0 -20px;} .recentlyBox ul li.issueBox ul.subitem{ padding:0 0 5px 0;} .recentlyBox ul li.issueBox ul.subitem li{width:330px; height:64px; display:inline-block; *display:inline; zoom:1; padding:0; margin:0 0 0 0;} .recentlyBox ul li.issueBox ul.subitem li:nth-child(odd){ margin:3px 14px 0 0;} .recentlyBox ul li.issueBox ul.subitem .pic{ float:left; width:96px; height:64px; margin:0;} .recentlyBox ul li.issueBox ul.subitem .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:96px 64px;} .recentlyBox ul li.issueBox ul.subitem .pic.noPic img{ display:none;} .recentlyBox ul li.issueBox ul.subitem .spInfo{ float:right; width:230px; } .recentlyBox ul li.issueBox ul.subitem .spInfo h5{ font-weight:normal; font-size:16px; line-height:24px; margin: 0 0 5px ; height:20px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; } .recentlyBox ul li.issueBox ul.subitem .spInfo h5 a{color:#dc5d09;} .recentlyBox ul li.issueBox ul.subitem .spInfo ul{ } .recentlyBox ul li.issueBox ul.subitem .spInfo ul li{ height:20px;line-height:20px;background: rgba(0, 0, 0, 0) url(../images/icon_liDot_issue_s.png) no-repeat scroll 3px 8px; *background-image:url(../images/icon_liDot_issue_s.png); *background-position:4px 13px; *background-repeat:no-repeat; padding: 0 0 0 17px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; width:13em; margin: 0; } .recentlyBox ul li.issueBox ul.subitem .spInfo a:hover{color:#b54d08;} .recentlyBox ul li.issueBox li{border:none;} .recentlyBox ul li p{ color:#555555;overflow:hidden;} .recentlyBox ul li p a{color:#28558e;} .recentlyBox ul li .cpInfo{ padding:8px 0 0 0; font-size:14px; line-height:16px;color:#555555; float:left;} .recentlyBox ul li .cpInfo .cp{ display: inline-block;} .recentlyBox ul li .cpInfo .cp a{ color:#007ac5;font-weight:bold;} .recentlyBox ul li .view{ padding:8px 0 0 0;font-size:14px; line-height:16px; color:#28558e; float:right; /*border:1px solid #ededed; position:absolute; bottom:15px; right:10px;*/} /*左欄直播頻道 new*/ .recentlyBox ul.live{position:relative; padding:10px 0 0; border:none;} .recentlyBox ul.live li{ float:left; position:relative; padding:5px; width:210px; height:220px; display:block; overflow:hidden; margin:0 10px 10px 0; background-color:#f4f4f4;border:none;} .recentlyBox ul.live li:nth-child(3n+3){ margin:0 0 10px 0;} .recentlyBox ul.live li .pic{ position:relative; width:210px; height:118px; display:block; overflow:hidden; margin:0 0 5px 0;; padding:0; float:none;} .recentlyBox ul.live li .pic img{width:210px; height:118px; } .recentlyBox ul.live li .pic .timeInfo{ position:absolute; top:0; left:0; width:200px; height:108px; display:block; overflow:hidden; text-align:right; padding:5px; color:#fff; background-color:rgba(0,0,0,0.5);} .recentlyBox ul.live li a.TT{font:16px; line-height:24px; color:#28558e; } .recentlyBox ul.live li .upLoad{ padding:0 5px;} .recentlyBox ul.live li .upLoad a{ color:#333333;} .recentlyBox ul.live li .upLoad a img{ vertical-align:middle; margin:0 5px 0 0;} .programList{ clear:both;color:#333333; } .programList .pName{ padding:10px; font-size:20px; line-height:50px;} .programList .pName .logo{ float:left; height:50px;} .programList .pName .logo img{height:50px; width:auto; vertical-align: middle;} .programList ul.programDate{} .programList ul.programDate li{ width:90px; height:44px; line-height:44px; padding:0; text-align:center; display:inline-block; overflow:hidden; border:1px solid rgba(197,219,231,0); border-radius:3px;} .programList ul.programDate li a{ width:90px; height:44px; display:block;} .programList ul.programDate li:hover{ border:1px solid rgba(197,219,231,1); background-color: rgba(242,248,252,1);} .programList ul.programDate li:hover > a{ color:#008fdb;} .programList ul.programDate li.on{ border:1px solid rgba(197,219,231,1); background-color: rgba(242,248,252,1);} .programList ul.programDate li.on a{ color:#008fdb;} .programList table{ line-height:50px; border:1px solid #e2e7eb;} .programList table tr:nth-child(2n+2){ background-color:#f8f9fa;} .programList table th{ font-size:18px; background-color:#e2e7eb; text-align:left; padding:0 0 0 20px;} .programList table td{ padding:0 0 0 20px;} .programList table td p{ width:450px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .programList table tr.over td{ color:#aaaaaa;} .programList table tr.on td{ color:#008fdb; border-top:1px solid rgba(197,219,231,1);border-bottom:1px solid rgba(197,219,231,1);background-color: rgba(242,248,252,1);} .programList table tr.on td:nth-child(1){border-left:1px solid rgba(197,219,231,1);} .programList table tr.on td:nth-child(2){border-right:1px solid rgba(197,219,231,1);} /*BREAKING NEWS*/ .recentlyBox.brN h3{ border-color:#d98989;} .recentlyBox.brN h3 span.recentlyTitle a{ color:#b31414;} .recentlyBox.brN h3 span.recentlyTag{color:#d98989; } /*左欄即時新聞 - 圖文樣式2*/ .recentlyBox.type2 ul li{ padding:15px 0;} .recentlyBox.type2 ul li .pic{ float:left; width:330px; height:220px; display:block; overflow:hidden; margin:0 15px 0 0;} .recentlyBox.type2 ul li .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:330px 220px;} .recentlyBox.type2 ul li .pic.noPic img{ display:none;} /*左欄即時新聞 - 圖文樣式3*/ .recentlyBox.type3{ margin:0;} .recentlyBox.type3 ul li{ padding:10px 0;} .recentlyBox.type3 ul li .pic{ float:left; width:189px; height:126px; display:block; overflow:hidden; margin:0 15px 0 0;} .recentlyBox.type3 ul li .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:189px 126px;} .recentlyBox.type3 ul li .pic.noPic img{ display:none;} /*左欄即時新聞 - 圖文樣式4 -影音*/ .recentlyBox.type4{ margin:0;} .recentlyBox.type4 ul li{ padding:15px 0;} .recentlyBox.type4 ul li .pic{ float:left; width:165px; height:92px; display:block; overflow:hidden; margin:0 15px 0 0; position:relative;} .recentlyBox.type4 ul li .pic.noPic{background: url(../images/noPic330x190.jpg) 0 0 no-repeat; background-size:165px 92px;} .recentlyBox.type4 ul li .pic.noPic img{ display:none;} .recentlyBox.type4 ul li .pic .playCover{ width:165px; height:92px;background: url(../images/video_bg2.png) no-repeat scroll center 0; cursor:pointer; position:absolute; top:0; left:0; display:block;} .recentlyBox.type4 ul li .pic:hover .playCover{background-position: center bottom; } .recentlyBox.type4 ul li h4{ margin:0 0 5px;} .recentlyBox.type4 ul li p{ height:auto;} .recentlyBox.type4 ul li .cpInfo{padding:0;} /*左欄即時新聞-分類篩選-recentlyBox*/ .recentlyBox .selectbox{ margin:10px 0 0 ;} .recentlyBox .selectbox{ font-size:16px; color:#333333; background:#f2f8fc url(../images/bg_topictit.jpg) 0 0 repeat-y;line-height:18px; padding:3px 10px 3px 20px; vertical-align:middle;} .recentlyBox .selectbox select{ padding:0 5px 0 0; margin:0 10px 0 5px; color:#333; font:16px/20px arial,"微軟正黑體";} .recentlyBox .selectbox span.searchGo a{ color:#007ac5; font-size:16px; line-height:16px; background-color:#fff; border:1px solid #007ac5; padding:4px 10px 2px 10px; float:right; display:block;} .recentlyBox .selectbox span.searchGo a:hover{ background-color:#007ac5; color:#fff;} .recentlyBox .selectbox h4{ font-size:20px; margin:10px 0 0; font-weight:normal;} .recentlyBox .selectbox h4 a{ color:#007ac5;} /*左欄即時新聞-分類篩選-sortRecentlyBox*/ .sortRecentlyBox .selectbox{ margin:10px 0 0 ;} .sortRecentlyBox .selectbox{ font-size:16px; color:#333333; background:#f2f8fc url(../images/bg_topictit.jpg) 0 0 repeat-y;line-height:18px; padding:3px 10px 3px 20px; vertical-align:middle;} .sortRecentlyBox .selectbox select{ padding:0 5px 0 0; margin:0 10px 0 5px; color:#333; font:16px/20px arial,"微軟正黑體";} .sortRecentlyBox .selectbox span.searchGo a{ color:#007ac5; font-size:16px; line-height:16px; background-color:#fff; border:1px solid #007ac5; padding:4px 10px 2px 10px; float:right; display:block;} .sortRecentlyBox .selectbox span.searchGo a:hover{ background-color:#007ac5; color:#fff;} .sortRecentlyBox .selectbox h4{ font-size:20px; margin:10px 0 0; font-weight:normal;} .sortRecentlyBox .selectbox h4 a{ color:#007ac5;} /*左欄專題-分類即時新聞-頁籤*/ .issue .recentlyTab{ border-bottom:3px solid #f28d00; height:30px; width:680px; margin:10px 0 0 0; overflow:hidden;} .issue .recentlyTab ul li{margin:0; padding:0;} .issue .recentlyTab li{ display:inline-block;*display:inline;zoom:1; font-size:18px; line-height:36px; border-bottom:none; } .issue .recentlyTab li a{color:#555555; background-color:#e5e5e5;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px; padding:4px 15px;} .issue .recentlyTab li a:hover, .issue .recentlyTab li.on a{ background-color:#f28d00; color:#fff;} /*左欄-iframe*/ .iframeArea{ margin:15px 0 0;} /*左欄單文頁*/ .inContent{ width:680px;} .inContent h2{ font-size:26px; font-weight:normal; color:#28558e; line-height:26px; margin:15px 0 0 0; font-weight:bold; text-transform:none;} .inContent .inContentLogo{float:right; margin-right:5px;} .inContent .inContentLogo img{ width:63px; } .inContent .inContentLogo img:hover{ opacity:0.8;filter:alpha(opacity=80); /* IE8 及其早期版本語法 */ } .inContent .cpInfo{ width:100%; padding:10px 0 0 0; font-size:14px; line-height:16px;color:#555555; position:relative;} .inContent .cpInfo .cp{ display: inline-block;} .inContent .cpInfo .cp a{ color:#007ac5; font-weight:bold;} .inContent .cpInfo .cp a:hover{ color:#28558e;} .inContent .cpInfo .view{ padding:0 3px; color:#28558e; border:1px solid #ededed; margin:0 0 0 10px ;} .inContent .cpInfo .backTo{ position:absolute; right:0;} .inContent .cpInfo .backTo a{ display:block;color:#007ac5;} .inContent .cpInfo .backTo a:hover{ color:#28558e;} .inContent .detail{ padding:15px 0 0 0;} .inContent .detail p{ margin:0 0 20px;} .inContent .detail .picSet{ position:relative; float:left; width:450px; min-height:300px; display:block; overflow:hidden; margin:0 15px 0 0;} .inContent .detail .picSet .pic{ width:450px; min-height:300px; display:block; overflow:hidden;} .inContent .detail .picSet .pic img{ width:100%;} .inContent .detail .picSet .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:450px 300px;} .inContent .detail .picSet .pic.noPic img{ display:none;} .inContent .detail .picSet span{ width:327px; height:25px; padding:0 0 0 15px ; display:block; overflow:hidden; font-size:14px; line-height:25px; background:url(../images/icon_picTitle.jpg) 0 5px no-repeat;} .inContent .detail .picSet a{ position:absolute; bottom:32px; right:5px; width:22px; height:22px; display:block; overflow:hidden; background:url(../images/icon_enlarg.png) 0 0 no-repeat;} .inContent .detail .picSet a:hover{ background-position:0 -22px;} .inContent .detail .picSet.Big{ position:relative; float:none; width:100%; height:auto; display:block; overflow:hidden; margin:0;} .inContent .detail .picSet.Big .pic{width:100%; height:auto; display:block; overflow:hidden;} .inContent .detail .picSet.Big .pic img{width:100%; height:auto; display:block; overflow:hidden;} .inContent .detail .picSet.Big span{ width:100%; height:25px; padding:0 0 0 15px ; display:block; overflow:hidden; font-size:14px; line-height:25px; background:url(../images/icon_picTitle.jpg) 0 5px no-repeat;} .inContent .detail{ line-height:28px; color:#555555; margin:0 0 20px 0;} .inContent .detail.big{ font-size:20px; line-height:32px; color:#555555; margin:0 0 20px 0;} .inContent .detail.middle{ font-size:18px; line-height:29px; color:#555555; margin:0 0 20px 0;} .inContent .detail.small{ font-size:16px; line-height:26px; color:#555555; margin:0 0 20px 0;} .inContent .detail.small p{ margin:0 0 10px;} .inContent .detail p a{ color:#007ac5;} .inContent .detail p a:hover{ color:#28558e;} .inContent .cpBox{ width:680px; height:92px; display:block; overflow:hidden; margin:0 0 20px 0; } .inContent .fbLike{ width:680px; height:20px; display:block; overflow:hidden;} .inContent .btnSet{width:680px; height:50px; display:block; overflow:hidden; margin:10px 0 0 0; line-height:50px;} .inContent .btnSet .prev{ float:left; width:335px; height:50px; display:block; overflow:hidden; text-align:left;} .inContent .btnSet .prev a{ width:275px; height:50px; padding:0 20px 0 40px; display:block; background:url(../images/a_prev.png) no-repeat;} .inContent .btnSet .next{ float:right; width:335px; height:50px; display:block; overflow:hidden; text-align:right;} .inContent .btnSet .next a{ width:275px; height:50px; padding:0 40px 0 20px; display:block; background:url(../images/a_next.png) no-repeat;} .inContent .btnSet a{ color:#007ac5;} .inContent .btnSet a:hover{ color:#fff; background-position:0 -50px;} .recentlyBox .inContent{ margin:10px 0 0 0;} /*左欄延伸閱讀or為您推薦*/ .listBox{ width:680px; margin:10px 0 0 0;} .listBox h3{ width:100%; height:28px; padding:4px 0 0 0;} .listBox h3 span.TTitle{ float:left; display:block;font-size:26px; line-height:28px; font-weight:normal; color:#007ac5;} .listBox h3 span.TTitle a{ color:#007ac5;} .listBox h3 span.TTag{ float:right; width:566px; display:block; border-bottom:1px solid #8cbad6;font-size:16px; line-height:16px; font-weight:bold; color:#8cbad6; vertical-align:top; padding: 0 0 6px 0;} /*左欄-新聞左右列表*/ .listBox .set{ clear:both;} .listBox .set ul{ margin:10px 0 0;} .listBox .set ul li{ width:336px; height:32px; line-height:32px; display:inline-block;*display:inline;zoom:1; overflow:hidden; background:url(../images/line_laNews.png) bottom no-repeat; font-size:18px; padding:0;} .listBox .set ul li a{ padding:0 0 0 20px; color:#333333; background:url(../images/icon_liDot_m.png) 7px 9px no-repeat;overflow:hidden; text-overflow : ellipsis;white-space : nowrap; line-height:24px; width:320px; display:block;} .listBox .set ul li a:hover{ color:#007ac5;} .set ul li.borN{ background:none;} .listBox .set.type1 ul li{ width:100%; display:inline-block;*display:inline;zoom:1; overflow:hidden; background:none; font-size:18px; padding:8px 0 0; border-bottom:1px dotted #cedbe4;/* border-bottom:1px solid #ddd;*/} .listBox .set.type1 ul li.b_bg{ background-color:#f2f8fc;} .listBox .set.type1 ul li a{ float:left; width:560px; padding:0 0 0 20px; color:#333333; background:url(../images/icon_liDot_m.png) 7px 9px no-repeat;overflow:hidden; text-overflow : ellipsis;white-space : nowrap; line-height:24px; display:block;} .listBox .set.type1 ul li a:hover{ color:#007ac5;} .listBox .set.type1 ul li .cp{ float:right; width:90px; font-size:14px; padding:0 0 0 0; background:none; text-align:right; } .listBox .set.type1 ul li .cp a{color:#007ac5; width:80px; background:none; padding:0 10px 0 0;} .listBox .set.type1 ul li .cp a:hover{color:#28558e;} /*左欄專題-焦點左右列表*/ .issue .issueFocus .fullBox.inbox{ padding:4px 0 0 0; margin-top:30px; margin-bottom:-8px;} .issue .issueFocus ul.fullBox.inbox li{ width:320px; height:24px; line-height:24px; display:inline-block;*display:inline;zoom:1; overflow:hidden; font-size:16px; padding:0;} .issue .issueFocus .fullBox.inbox li a{ padding:0 0 0 17px; color:#333333;overflow:hidden; text-overflow : ellipsis;white-space : nowrap;display:block;} .issue .issueFocus .fullBox.inbox li a:hover{color:#b54d08;} .issue .issueFocus .fullBox.inbox li.borN{ background:none;} /*左欄熱門文章列表*/ .listBox.popList{ width:680px; margin:10px 0 0 0;} .listBox.popList h3{ position:relative; width:100%; height:30px; display:block; overflow:hidden; border-top:1px solid #0079c5;} .listBox.popList h3 span{ padding:3px 10px; font-size:20px; font-weight:normal; color:#fff; background-color:#0079c5; line-height:20px;} .listBox.popList h3 span.en{ padding:0 10px; font-size:16px; font-weight:bold; color:#0079c5; background-color:#fff;} .listBox.popList h3 a{ position:absolute; top:5px; right:0; width:20px; height:20px; display:block; background:url(../images/btn_more.png) no-repeat;} .listBox.popList h3 a:hover{ background-position:0 -20px;} .popList .set{ padding:0;} /*搜尋標題*/ .searchTit{ font-size:22px; color:#333; background:#f2f8fc url(../images/bg_topictit.jpg) 0 0 repeat-y; height:30px; line-height:30px; padding:0 10px 0 20px;} .searchTit a{color:#007ac5;} /*左欄雜誌標題*/ .topicBox{margin:10px 0 0 0; width:680px; } .topicTit{ font-size:22px; color:#007ac5; background:#f2f8fc url(../images/bg_topictit.jpg) 0 0 repeat-y; height:30px; line-height:30px; padding:0 10px 0 20px;} .topicTit a{color:#28558e;} .topicTit a:hover{color:#007ac5;} .topicTit span.topicTag{ color:#333333; font-size:16px; float:right;} .topicTit span.more{ float:right; margin:5px 0 0;} .topicTit span.more a{ width:20px; height:20px; display:block; background:url(../images/btn_more.png) 0 0 no-repeat;} .topicTit span.more a:hover{ background-position:0 bottom;} .topicBox h4{ font-size:20px; margin:10px 0 0; font-weight:normal;} .topicBox h4 a{ color:#007ac5;} .twoSet .Lset .topicBox h4 a:hover{ color:#28558e;} .topicBox .pic{ padding:5px; background-color:#eee; float:left; margin:10px 10px 0 0;} .topicBox ul{ margin:10px 0 0;} .topicBox li{display:inline-block;*display:inline;zoom:1;} .topicBox li a{ background-image:url(../images/icon_liDot_s.png); background-position:0 12px; background-repeat:no-repeat; padding-left:10px; display:block;} /*左欄雜誌標題-首頁樣式*/ .topicBox.listType{ border-bottom:1px dotted #cedbe4; padding-bottom:20px;} .topicBox.listType .topicTit{ padding:0 10px 0 20px; float:left; width:470px; margin-bottom:10px;} .topicBox.listType .topicTit a{color:#007ac5;} .topicBox.listType .topicTit a:hover{color:#28558e;} .topicBox.listType .pic{margin:0 10px 0 0;} .topicBox.listType li a{ font-size:18px; line-height:36px; background-position:5px 15px; padding-left:20px;} /* 左欄其他主題-圖片列表*/ ul.topicPic{margin:15px 0 0 -15px;} .recentlyBox ul.topicPic li{border:none; padding:0;width:158px;} .topicPic li{ border:none;width:158px; float:left; margin-left:15px; position:relative;} .topicPic .pic{padding:5px; background-color:#eee; } .topicPic .pic img{width:148px;} .topicPic li:hover .topicOverlay{ display:block; position:absolute; top:0; left:0; bottom:20px;background:rgba(0, 122, 197, 0.8);background: transparent\9; overflow:hidden;} .topicPic .topicOverlay{ display:none; color:#fff; padding:10px; position:relative;} .topicPic .topicOverlay a{ display:block; position:absolute; top:0; left:0; right:0; bottom:0;} .topicPic .topicOverlay h5{ font-size:16px; line-height:24px;text-align:center; vertical-align:middle; margin-top:50px; } .topicPic .topicOverlay p{font-size:14px;line-height:24px;} .topicPic span.TTag a{ display:block;background-color:#007ac5; height:20px; text-align:center; color:#fff; line-height:20px;} .topicPic span.TTag a:hover{ color:#fff;background-color:#28558e;} .topicPic .line{ margin:0 0 15px 15px; border-bottom:1px dotted #cedbe4; height:5px;} /*標題固定樣式*/ .titType{ width:680px; margin:10px 0 0 0;} .titType h3{ height:24px; line-height:24px; padding:0;border-bottom:1px solid #8cbad6;} .titType h3 span.recentlyTitle{ float:left; display:block;font-size:26px; line-height:30px; font-weight:normal; color:#007ac5; background-color:#fff; margin-bottom:-1px; padding-right:10px;} .titType h3 span.recentlyTitle a{ color:#007ac5;} .titType h3 span.recentlyTag{font-size:16px; line-height:20px; font-weight:bold; color:#8cbad6; vertical-align:top; border:none; } .titType h3 .more a{background: rgba(0, 0, 0, 0) url(../images/btn_more.png) no-repeat scroll 0 0;display: block;height: 20px;width: 20px; float:right; margin:0;} .titType h3 .more a:hover{ background-position:0 bottom;} /*左欄分類即時新聞*/ .sortRecentlyBox{ width:680px; margin:10px 0 0 0; line-height:24px;} .sortRecentlyBox h3{ width:100%; height:24px; padding:4px 0 0 0; border-bottom:1px solid #8cbad6; position:relative;} .sortRecentlyBox h3 span.TTitle{ float:left; display:block;font-size:26px; line-height:30px; font-weight:normal; color:#007ac5; background-color:#fff; margin-bottom:-1px; padding-right:5px;} .sortRecentlyBox h3 span.TTitle a{ color:#007ac5;} .sortRecentlyBox h3 .TTag{ float:left; display:block;font-size:16px; line-height:20px; font-weight:bold; color:#8cbad6; vertical-align:top; padding: 0 0 9px 0;} .sortRecentlyBox h3 .TTag .chose{ position:absolute; top:0; right:0; font-size:14px; color:#333333;} .sortRecentlyBox h3 .TTag .chose select{ vertical-align:top;} .sortRecentlyBox p{ margin:10px 0 0; font-size:18px;} .sortRecentlyBox ul{clear:both;} .sortRecentlyBox ul li{ font-size:18px; line-height:40px; border-bottom:1px dotted #cedbe4;} .sortRecentlyBox ul li.b_bg{ background-color:#f2f8fc;} .sortRecentlyBox ul li a{ float:left; padding:0 0 0 26px; background:url(../images/icon_liDot_m.png) 10px 17px no-repeat;} .sortRecentlyBox ul li .cp{ float:right; font-size:14px; padding:0 5px 0; background:none;} .sortRecentlyBox ul li .cp a{ padding:0 5px 0;color:#007ac5; background:none; } .sortRecentlyBox ul li .cp a:hover{color:#28558e;} /*增加排名*/ .sortRecentlyBox ul.rank li a{ background:none; padding:0;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; width:32em;} ul.rank .red, ul.rank .blue{ float:left; font-size:26px; line-height:40px; padding:0 10px;} /*adBox*/ .adBox{ width:680px; height:90px; display:block; overflow:hidden; margin:10px 0 0 0;} /*FbCommentBox*/ .FbCommentBox{ width:678px; height:133px; display:block; overflow:hidden; border:1px solid #8cbad6; margin:10px 0 0 0;} .FbCommentBox.addComment{ height:auto;} /*左欄Hi編推薦樣式二(有圖)*/ .recommend02{ width:680px; margin:10px 0 0 0;} .recommend02 h3{ width:100%; height:28px; padding:4px 0 0 0;} .recommend02 h3 span.TTitle{ float:left; display:block;font-size:26px; line-height:28px; font-weight:bold; color:#f28d00;} .recommend02 h3 span.TTitle a{ color:#f28d00; padding:0 0 0 40px; background:url(../images/icon_hi.png) 0 3px no-repeat;} .recommend02 h3 span.TTitle a:hover{ color:#f28d00;} .recommend02 h3 span.TTag{ float:right; width:554px; display:block; border-bottom:1px solid #f28d00;font-size:16px; line-height:16px; font-weight:bold; color:#f28d00; vertical-align:top; padding: 0 0 6px 0;} .recommend02 ul{ padding:4px 0 0 0;} .recommend02 ul li{ position:relative; padding:5px 0;} .recommend02 ul li .pic{ float:left; width:189px; height:126px; display:block; overflow:hidden; margin:0 10px 0 0;} .recommend02 ul li .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:189px 126px;} .recommend02 ul li .pic.noPic img{ display:none;} .recommend02 ul li h4{ font-size:20px; font-weight:normal;} .Lset .recommend02 ul li h4 a{ color:#dc5d09;} .Lset .recommend02 ul li h4 a:hover{ color:#f28d00;} .recommend02 ul li p{ color:#555555;line-height:24px;} .recommend02 ul li .view{ font-size:14px; line-height:16px; padding:0 3px; color:#dc5d09; border:1px solid #ededed; position:absolute; bottom:5px; right:0;} /*左欄頁碼*/ .page { width:680px; margin: 20px 0 0; text-align:center; font-size: 18px; line-height:20px;} .page a{ padding:0 10px; display:block;} .page a:hover{ color:#0079c5;} .page .current a{ color: #0079c5; font-weight:bold;} .page ul { display:inline-block; padding:0; margin:0 auto; } .page li { float:left; height: 20px;} .page .prev, .page .next { width:22px; height:22px; display:inline-block; text-indent:-999px; } .page .prev a{ width:22px; height:22px; background:url(../images/btn_prev.png) 0 0 no-repeat; padding:0;} .page .next a{ width:22px; height:22px; background:url(../images/btn_next.png) 0 0 no-repeat; padding:0;} .page .prev a:hover,.page .next a:hover{ background-position: 0 -22px;} /*左欄-專題系列*/ .issue{} .issue h4{ color:#dc5d09;} .issue h4 a{ color:#b54d08; } .issue .box ul{ padding:5px 0 0 0;} .issue .box ul li{ background:url(../images/icon_liDot_issue_s.png) 4px 13px no-repeat; padding:0 0 0 17px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .twoSet .issue a:hover{ color:#b54d08;} .issue .recentlyBox h3{border-bottom: 3px solid #f3bb7f;} .issue .recentlyBox h3 span.recentlyTitle {color: #e77800; } .issue .recentlyBox h3 span.recentlyTitle a{color: #e77800;background-color:#fff;} .issue .recentlyBox h3 span.recentlyTag {color: #f3bb7f;} .issue .recentlyBox ul li h4, .issue .recentlyBox ul li h4 a {color:#e77800;} .issue .recentlyBox ul li .view{ color:#b51e00;} .issue .inContent .cpInfo .view {color:#b51e00;} .issue .recentlyBox ul li .cpInfo .cp a{ color:#e77800;font-weight:bold;} /*左欄專題-頁碼*/ .issue .page a:hover{color: #e77800; font-weight:bold;} .issue .page .current a {color: #e77800;} .issue .page .prev a{ background:url(../images/btn_prev_issue.png) 0 0 no-repeat;} .issue .page .prev a:hover{ background-position: 0 -22px;} .issue .page .next a{ background:url(../images/btn_next_issue.png) 0 0 no-repeat;} /*左欄專題-前後頁*/ .issue .inContent .btnSet{width:680px; height:50px; display:block; overflow:hidden; margin:10px 0 0 0; line-height:50px;} .issue .inContent .btnSet .prev{ float:left; width:335px; height:50px; display:block; overflow:hidden; text-align:left;} .issue .inContent .btnSet .prev a{ width:275px; height:50px; padding:0 20px 0 40px; display:block; background:url(../images/a_prev_issue.png) no-repeat;} .issue .inContent .btnSet .next{ float:right; width:335px; height:50px; display:block; overflow:hidden; text-align:right;} .issue .inContent .btnSet .next a{ width:275px; height:50px; padding:0 40px 0 20px; display:block; background:url(../images/a_next_issue.png) no-repeat;} .issue .inContent .btnSet a{ color:#dc5d09;} .issue .inContent .btnSet a:hover{ color:#fff; background-position:0 -50px;} .issue .inContent .btnSet.text_xl a{ font-size:30px;text-align:center;} /*左欄專題-分類標題*/ .issue .spTopic { width:680px; margin: 20px 0 0; color:#333;} .issue .spTopic h3{ position:relative; width:100%; height:30px; display:block; overflow:hidden; border-top:1px solid #f28d00;} .issue .spTopic h3 span{ padding:4px 10px; font-size:20px; line-height:30px; font-weight:normal; color:#fff; background-color:#f28d00;} .issue .spTopic h3 span.en{ padding:0 10px; font-size:16px; font-weight:bold; color:#f28d00; background-color:#fff;} .issue .spTopic h3 a{ position:absolute; top:5px; right:0; width:20px; height:20px; display:block; background:url(../images/btn_more_org.png) no-repeat;} .issue .spTopic h3 a:hover{background-position:0 -20px;} .issue .spTopic .pic{ display:block; overflow:hidden; margin:10px 0 0 0; float:left; width:330px; height:220px;} .issue .spTopic .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:364px 238px;} .issue .spTopic .pic.noPic img{ display:none;} .issue .spTopic h4{ height:30px; display:block; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:normal; } .issue .spTopic h4 a{color:#dc5d09;} .line{ border-bottom:1px solid #d2d2d2; padding:10px 0 0;} /*左欄專題-子分類標題*/ .issue .spTopic .spInfo{ width:335px; float:right; margin:5px 0 0;} .issue .spTopic .subitem{ } .issue .spTopic .subitem li{width:334px;display:inline-block;*display:inline;zoom:1;} .issue .spTopic .subitem .pic{ width:96px; height:64px;} .issue .spTopic .subitem .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:96px 64px;} .issue .spTopic .subitem .pic.noPic img{ display:none;} .issue .spTopic .subitem .spInfo{ width:230px;} .subitem .spInfo h4{ font-size:16px; line-height:16px; margin:5px 0 ; height:16px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .subitem .spInfo .box ul{ margin:0;} .subitem .spInfo .box li{ line-height:22px;background: rgba(0, 0, 0, 0) url(../images/icon_liDot_issue_s.png) no-repeat scroll 2px 13px;padding: 0 0 0 17px;} .subitem .spInfo .in{ width:230px; height:50px; display:block; overflow:hidden;} .subitem .spInfo .in ul{ margin:0;} .subitem .spInfo .in li{ line-height:22px;background: rgba(0, 0, 0, 0) url(../images/icon_liDot_issue_s.png) no-repeat scroll 3px 8px; *background-image:url(../images/icon_liDot_issue_s.png); *background-position:4px 13px; *background-repeat:no-repeat; padding: 0 0 0 17px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; width:13em;} /*左欄專題-焦點標題*/ .issueTitle{ color:#e77800; font-size:32px; line-height:32px; background:url(../images/icon_tit_issuetit.png) 0 0 no-repeat; padding-left:40px; margin:10px 0 0 0; width:640px;} .issueTitle .cateNav{ float:right; margin:5px 0 0;} .issueTitle .cateNav a{ background:#e77800; color:#fff;display:inline-block;*display:inline;zoom:1; font-size:18px; line-height:24px; width:24px; height:24px; margin:0 0 0 5px; text-align:center;border-radius: 20px;} .issueTitle .cateNav a:hover{ background-color:#b54d08; color:#fff;} /*左欄專題-大圖效果*/ .desSlideshow{ width:680px; height:304px; overflow:hidden; position:relative; padding:20px 0; margin:0;} .desSlideshow .slideNav{ position:absolute; top:30px; left:10px; z-index:9; height:285px; overflow:hidden;} .desSlideshow .slideNav li{width:auto;} .desSlideshow .slideNav li a{ display:inline-block; line-height:56px; height:56px; color:#fff;background:rgba(0,0,0,0.9);background: transparent\9; background-image:url(../images/bg_tp_black.png); padding:0 20px; margin-bottom:1px; font-size:20px;} .desSlideshow .slideNav li a:hover{background:rgba(231,120,0,0.8);background: transparent\9;background-image:url(../images/bg_tp_org.png); color:#000;} .desSlideshow .bgFold{ background:url(../images/bg_issue_foldarea.png) 0 0 no-repeat; position:absolute;top:20px; left:0; right:0; bottom:0; z-index:4;} .desSlideshow .switchBigPic{ width:680px; height:304px;overflow:hidden; position:absolute; top:20px; left:0; z-index:1;} .desSlideshow a.up{ position:absolute; top:0; left:30px; width:70px; height:30px; display:block; overflow:hidden; background:url(../images/btn_up_issue.png) no-repeat; z-index:13;} .desSlideshow a.down{ position:absolute; bottom:0; left:30px; width:70px; height:30px; display:block; overflow:hidden; background:url(../images/btn_down_issue.png) no-repeat; z-index:13;} .desSlideshow a.up:hover, a.down:hover{ background-position:0 -30px;} /*左欄影音焦點*/ .videoFocus{ width:680px;margin:10px 0 0 0;} .videoFocus .picSet{ position:relative; float:left; width:364px; height:246px; display:block; overflow:hidden;} .videoFocus .picSet .pic{width:364px; height:246px; display:block; overflow:hidden;} .videoFocus .picSet .pic.noPic{background: url(../images/noPic480x312.jpg) 0 0 no-repeat; background-size:364px 246px;} .videoFocus .picSet .pic.noPic img{ display:none;} .videoFocus .picSet .picTitle{ position:absolute; bottom:0; left:0; width:364px; height:40px; display:block; overflow:hidden;font-size:20px;background-color:rgba(0,122,197,1); text-align:center; line-height:40px;} .videoFocus .picSet .picTitle a{ color:#fff; text-shadow: 1px 1px 2px #000;} .videoFocus .picSet .picTitle a:hover{ color:#fff; text-decoration:underline;} .videoFocus ul{ float:right; width:306px; display:block; font-size:18px; line-height:48px;} .videoFocus ul li{ padding:0 0 0 8px; border-bottom:1px solid #e9e9e9; background:url(../images/icon_bar.jpg) 0 20px no-repeat;} .videoFocus ul li:last-child{ border-bottom:none;} .videoFocus ul li a:hover{ color:#007ac5;} /*影音焦點 new*/ .videoTop{ width:1000px; height:428px; display:block; overflow:hidden; background-color:#313131; margin: 10px 0 0;} .videoTop .vedoiLset{ position:relative; float:left; width:760px; height:428px; display:block; overflow:hidden; border-right:1px solid #fff;} .videoTop .vedoiRset{ position:relative; float:right; width:239px; height:428px; display:block; overflow:hidden; background-color:#081b27;} .videoTop .vedoiLset h2{ position:absolute; top:15px; left:20px; font-size:20px; color:#fff; font-weight:normal;} .videoTop .vedoiLset h2 a{color:#fff;} .videoTop .vedoiLset iframe{width:760px; height:427px; display:block; overflow:hidden; border:1px solid #aaaaaa;} .videoTop .vedoiLset .progressBar{ position:absolute; left:20px; bottom:30px; width:720px; height:2px; display:block; background-color:rgba(255,255,255,0.3);} .videoTop .vedoiLset .progressBar span{height:2px; display:block; background-color:#488ab3;} .videoTop .vedoiLset .cover{ position:absolute; top:0; left:0; width:760px; height:428px; display:block; overflow:hidden; background-color:rgba(0,0,0,0.7);} .videoTop .vedoiLset a.play{ position:absolute; left:345px; top:145px; width:70px; height:70px; display:block; background: url(../images/btn_play.png) no-repeat; opacity:0.7; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;} .videoTop .vedoiLset a.play:hover{ opacity:1;} .videoTop .vedoiLset .timeInfo{ position:absolute; left:20px; bottom:5px; font-size:14px; color:#fff;} .videoTop .vedoiLset .timeInfo span.now{} .videoTop .vedoiLset .timeInfo span.total{} .videoTop .vedoiLset .timeInfo a.volumeOn{ width:9px; height:13px; display:inline-block; background: url(../images/volumeOn.png) no-repeat;} .videoTop .vedoiLset .timeInfo a.volumeOff{ width:16px; height:13px; display:inline-block; background: url(../images/volumeOff.png) no-repeat;} .videoTop .vedoiRset a.arrowUp{ width:239px; height:14px; display:block; background: url(../images/arrow_u.png) center no-repeat; } .videoTop .vedoiRset a.arrowDown{ width:239px; height:14px; display:block; background: url(../images/arrow_d.png) center no-repeat; } .videoTop .vedoiRset a.end{opacity:0.3;} .videoTop .vedoiRset .vedoiMenu{ width:239px; height:400px; display:block; overflow:hidden;} .videoTop .vedoiRset .vedoiMenu ul{ font-size:20px; line-height:40px;} .videoTop .vedoiRset .vedoiMenu ul li a{ width:199px; height:40px; display:block; padding:0 20px; color:#488ab3; background-color:rgba(72,138,179,0); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;} .videoTop .vedoiRset .vedoiMenu ul li:hover{ background-color:rgba(72,138,179,1);} .videoTop .vedoiRset .vedoiMenu ul li:hover > a{ color:#fff;} .videoTop .vedoiRset .vedoiMenu ul li.on{ background-color:rgba(72,138,179,1);} .videoTop .vedoiRset .vedoiMenu ul li.on a{ color:#fff;} /*影片嵌入*/ .videoEmbed{ margin-bottom:10px; width:680px; height:404px;} /*圖片嵌入*/ .picEmbed{ margin:0 10px 10px 0; width:342px; height:192px; float:left;} /*左欄專題-焦點*/ .issueFocus{ width:680px; min-height:258px;background-color:#ffefd8; border:1px solid #edd8c1;margin: 10px 0 0; padding:10px; box-sizing: border-box; } .issueFocus .picSet .pic{display: block;height: 238px;overflow: hidden;width: 364px; float:left; z-index:99; } .issueFocus .picSet .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:364px 238px;} .issueFocus .picSet .pic.noPic img{ display:none;} .issueFocus .picSet .picTitle{ margin:0 -24px 0 364px; z-index:0;/*float:right;*/} .issueFocus .picSet .picTitle .TTitle{ background:url(../images/title_issue_bg.png) right 0 no-repeat;color:#fff; font-size:22px; line-height:30px; padding:5px 15px; width:316px; height:76px; box-sizing: border-box; } .issueFocus .picSet .picTitle .TTitle a{ color:#fff;} .issueFocus .picSet .picTitle .picInfo{ padding:0 20px 0 15px;text-align:justify;} .issueFocus .picSet .picTitle .picInfo p{ font-size:16px; line-height:24px;} .issue .issueFocus .twoBox{ margin-top:240px; width:670px;} .issue .twoBox{ width: 680px; margin:0; } .issue .twoBox .box ul li { background: rgba(0, 0, 0, 0) url(../images/icon_liDot_issue_s.png) no-repeat scroll 4px 13px; line-height: 30px; border:none;} /*左欄專題-焦點-文字列表*/ .issue ul.fullBox{ margin:10px 0 0;} .issue ul.fullBox li { padding:0 0 0 17px; background: rgba(0, 0, 0, 0) url(../images/icon_liDot_issue_s.png) no-repeat scroll 4px 13px; *background-image:url(../images/icon_liDot_issue_s.png); *background-position:4px 13px; *background-repeat:no-repeat; line-height: 30px; border:none; width:320px;display:inline-block;*display:inline;zoom:1;overflow : hidden;text-overflow : ellipsis;white-space : nowrap;} /*左欄專題-單文頁*/ .issue .page .next a:hover{ background-position: 0 -22px;} .issue .inContent h2 { color:#dc5d09;} .issue .inContent .cpInfo .cp{ display: inline-block;} .issue .inContent .cpInfo .cp a{ color:#e77800; font-weight:bold;} .issue .inContent .cpInfo .cp a:hover{ color:#dc5d09;} /*左欄專題-分類即時新聞*/ .issue .sortRecentlyBox h3{ border-bottom:1px solid #dc5d09;} .issue .sortRecentlyBox h3 span.TTitle{ float:left; display:block;font-size:26px; line-height:30px; font-weight:normal; color:#dc5d09; background-color:#fff;} .issue .sortRecentlyBox h3 span.TTitle a{ color:#dc5d09;} .issue .sortRecentlyBox h3 span.TTitle a:hover{ color:#b54d08;} .issue .sortRecentlyBox h3 .TTag{ color:#e77800; position:relative; float:none;} .issue .sortRecentlyBox h3 .TTag .chose{ position:absolute; top:0; right:0; font-size:14px; color:#333333;} .issue .sortRecentlyBox ul{clear:both;} .issue .sortRecentlyBox ul li{ font-size:18px; line-height:40px; border-bottom:1px dotted #cedbe4;} .issue .sortRecentlyBox ul li.b_bg{ background-color:#fefaf7;} .issue .sortRecentlyBox ul li a{ float:left; padding:0 0 0 26px; background:url(../images/icon_liDot_issue_m.png) 10px 18px no-repeat; } .issue .sortRecentlyBox ul li .cp{ background:none;} .issue .sortRecentlyBox ul li .cp a{ padding:0;color:#e77800; background:none; } .issue .sortRecentlyBox ul li .cp a:hover{color:#dc5d09;} /*左欄-轉寄*/ .mailBox input[type="text"]{ width:100%; height:30px; border:1px solid #ddd;} .mailBox .notice{ font-size:14px;} .mailBox .Verifi{ text-align:left;} .mailBox .Verifi > div {display:inline-block;*display:inline;zoom:1; vertical-align:middle; margin-right:10px;} .mailBox .Verifi input[type="text"]{ width:188px;margin-right:10px;} .mailBox .Verifi a{ color:#007ac5; font-size:14px; text-decoration:underline;} .mailBox .Verifi a:hover{ color:#28558e; text-decoration:none;} .mailBox .mailBtn{ margin:10px 0 0 0;} .mailBox .mailBtn a{ border:1px solid #007ac5; height:50px; color:#007ac5; font-size:30px; line-height:50px; text-align:center; display:block;} .mailBox .mailBtn a:hover{ background-color:#007ac5;color:#fff;} .mailBox .tBlue th, .mailBox .tBlue td{ padding:20px 10px;} .mailInfo { margin:10px 0 0;} .mailInfo a{ color:#28558e;} .mailBox .btnSet{width:680px; height:50px; display:block; overflow:hidden; margin:10px 0 0 0; line-height:50px; font-size:30px;} .mailBox .btnSet .prev{ float:left; width:335px; height:50px; display:block; overflow:hidden; text-align:left;} .mailBox .btnSet .prev a{ width:275px; height:50px; padding:0 20px 0 40px; display:block; background:url(../images/a_prev.png) no-repeat;} .mailBox .btnSet .next{ float:right; width:335px; height:50px; display:block; overflow:hidden; text-align:right;} .mailBox .btnSet .next a{ width:275px; height:50px; padding:0 40px 0 20px; display:block; background:url(../images/a_next.png) no-repeat;} .mailBox .btnSet a{ color:#007ac5;} .mailBox .btnSet a:hover{ color:#fff; background-position:0 -50px;} /*左欄-星座運勢*/ .horoscopeBox{ width:680px; margin:10px 0 0 0; line-height:24px;} .horoscopeBox h3{ width:680px; height:28px; padding:4px 0 0 0;display:block; border-bottom:3px solid #8cbad6;} .horoscopeBox h3 span.horoscopeTitle{ float:left; display:block;font-size:32px; line-height:32px; font-weight:normal; color:#007ac5;background-color:#fff; padding-right:10px; margin-bottom:-3px;} .horoscopeBox h3 span.horoscopeTitle a{ color:#007ac5;} .horoscopeBox h3 span.horoscopeTag{ display:block; font-size:20px; line-height:20px; font-weight:bold; color:#8cbad6; vertical-align:top; padding: 0 0 9px 0;} .horoscopeInfo{ width:680px; *width:640px; background-color:#f9f9f9; border:1px solid #dddddd; padding:20px; box-sizing: border-box;border-radius: 8px;} /*左欄-星座分類*/ .horoscopeSet{ text-align:left; margin:20px -10px 0 0;} .horoscopeSet > div { width:338px;height:90px; padding-top:35px; padding-bottom:10px;display:inline-block;*display:inline;zoom:1; margin-right:4px;} .horoscopeSet > div li{ width:105px; height:80px;display:inline-block;*display:inline;zoom:1; margin-right:2px;} .horoscopeSet > div li a{ display:block;width:105px; height:80px;} .horoscopeSet .fireBox{ background:url(../images/horoscope_icon/sign_fire.png) center 0 no-repeat;} .horoscopeSet .windBox{ background:url(../images/horoscope_icon/sign_wind.png) center 0 no-repeat;} .horoscopeSet .earthBox{ background:url(../images/horoscope_icon/sign_earth.png) center 0 no-repeat;} .horoscopeSet .waterBox{ background:url(../images/horoscope_icon/sign_water.png) center 0 no-repeat;} .horoscopeSet .fireBox li.type01 a{ background:url(../images/horoscope_icon/sign_icon_Ar.png) 0 0 no-repeat;} .horoscopeSet .fireBox li.type02 a{ background:url(../images/horoscope_icon/sign_icon_Leo.png) 0 0 no-repeat;} .horoscopeSet .fireBox li.type03 a{ background:url(../images/horoscope_icon/sign_icon_Sgr.png) 0 0 no-repeat;} .horoscopeSet .windBox li.type01 a{ background:url(../images/horoscope_icon/sign_icon_Gem.png) 0 0 no-repeat;} .horoscopeSet .windBox li.type02 a{ background:url(../images/horoscope_icon/sign_icon_Lib.png) 0 0 no-repeat;} .horoscopeSet .windBox li.type03 a{ background:url(../images/horoscope_icon/sign_icon_Aqr.png) 0 0 no-repeat;} .horoscopeSet .earthBox li.type01 a{ background:url(../images/horoscope_icon/sign_icon_Tau.png) 0 0 no-repeat;} .horoscopeSet .earthBox li.type02 a{ background:url(../images/horoscope_icon/sign_icon_Vir.png) 0 0 no-repeat;} .horoscopeSet .earthBox li.type03 a{ background:url(../images/horoscope_icon/sign_icon_Cap.png) 0 0 no-repeat;} .horoscopeSet .waterBox li.type01 a{ background:url(../images/horoscope_icon/sign_icon_Cnc.png) 0 0 no-repeat;} .horoscopeSet .waterBox li.type02 a{ background:url(../images/horoscope_icon/sign_icon_Sco.png) 0 0 no-repeat;} .horoscopeSet .waterBox li.type03 a{ background:url(../images/horoscope_icon/sign_icon_Psc.png) 0 0 no-repeat;} .horoscopeSet .fireBox li a:hover, .horoscopeSet .fireBox li.on a{ background-position:0 bottom;} .horoscopeSet .windBox li a:hover, .horoscopeSet .windBox li.on a{ background-position:0 bottom;} .horoscopeSet .earthBox li a:hover, .horoscopeSet .earthBox li.on a{ background-position:0 bottom;} .horoscopeSet .waterBox li a:hover, .horoscopeSet .waterBox li.on a{ background-position:0 bottom;} /*左欄-星座介紹*/ .horoscopeInfo p{ color:#555; font-size:16px; line-height:30px;} .horoscopeInfo .horoscopeToday{} .horoscopeToday .infoSet{ width:360px;} .horoscopeToday .infoSet .signTit{ font-size:24px; line-height:32px; height:32px; padding:0; color:#333; vertical-align:top; font:bold 24px/32px Arial, "微軟正黑體";} .horoscopeToday .infoSet .signTit span{ width:138px; height:32px; display:inline-block;*display:inline;zoom:1; vertical-align:top; margin-right:16px;} .horoscopeToday .signSet{ width:150px; height:150px; margin:10px 0 0 0;} /*左欄-星座分類*/ .horoscopeInfo h4{margin:10px 0 0 0; font-size:20px;} /*左欄-星座分類-火象*/ .horoscopeInfo.fire h4{ color:#c3454e;} .horoscopeInfo.fire .infoSet .signTit span{ background:url(../images/horoscope_icon/sign_fire.png) center 0 no-repeat;} .horoscopeInfo.fire .infoSet .date{ background-color:#edbcbf;} /*左欄-星座分類-水象*/ .horoscopeInfo.water h4{ color:#007ac5;} .horoscopeInfo.water .infoSet .signTit span{ background:url(../images/horoscope_icon/sign_water.png) center 0 no-repeat;} .horoscopeInfo.water .infoSet .date{ background-color:#beddf2;} /*左欄-星座分類-風象*/ .horoscopeInfo.wind h4{ color:#74aa00;} .horoscopeInfo.wind .infoSet .signTit span{ background:url(../images/horoscope_icon/sign_wind.png) center 0 no-repeat;} .horoscopeInfo.wind .infoSet .date{ background-color:#d6dfc4;} /*左欄-星座分類-土象*/ .horoscopeInfo.earth h4{ color:#ec983e;} .horoscopeInfo.earth .infoSet .signTit span{ background:url(../images/horoscope_icon/sign_earth.png) center 0 no-repeat;} .horoscopeInfo.earth .infoSet .date{ background-color:#f5e2cd;} /*左欄-星座標示*/ .horoscopeToday .signSet.Aries{/*白羊*/ background:url(../images/horoscope_icon/sign_Ar.png) center center no-repeat;} .horoscopeToday .signSet.Taurus{/*金牛*/ background:url(../images/horoscope_icon/sign_Tau.png) center center no-repeat;} .horoscopeToday .signSet.Gemini{/*雙子*/ background:url(../images/horoscope_icon/sign_Gem.png) center center no-repeat;} .horoscopeToday .signSet.Cancer{/*巨蟹*/ background:url(../images/horoscope_icon/sign_Cnc.png) center center no-repeat;} .horoscopeToday .signSet.Leo{/*獅子*/ background:url(../images/horoscope_icon/sign_Leo.png) center center no-repeat;} .horoscopeToday .signSet.Virgo{/*處女*/ background:url(../images/horoscope_icon/sign_Vir.png) center center no-repeat;} .horoscopeToday .signSet.Libra{/*天秤*/ background:url(../images/horoscope_icon/sign_Lib.png) center center no-repeat;} .horoscopeToday .signSet.Scorpio{/*天蠍*/ background:url(../images/horoscope_icon/sign_Sco.png) center center no-repeat;} .horoscopeToday .signSet.Sagittarius{/*射手*/ background:url(../images/horoscope_icon/sign_Sgr.png) center center no-repeat;} .horoscopeToday .signSet.Capricorn{/*魔羯*/ background:url(../images/horoscope_icon/sign_Cap.png) center center no-repeat;} .horoscopeToday .signSet.Aquarius{/*水瓶*/ background:url(../images/horoscope_icon/sign_Aqr.png) center center no-repeat;} .horoscopeToday .signSet.Pisces{/*雙魚*/ background:url(../images/horoscope_icon/sign_Psc.png) center center no-repeat;} .horoscopeToday .signBox{ width:205px;margin:10px 0 0;} .horoscopeToday .signBox > div { margin:10px 0 0;} .horoscopeToday .signBox .date{ height:22px; width:117px; text-align:center; line-height:22px; font-size:18px; padding:0 3px;display:inline-block;} .horoscopeToday .signBox li{ font-size:18px; padding:6px 0;} .signBox .star1{ background:url(../images/star_1.png) right center no-repeat} .signBox .star2{ background:url(../images/star_2.png) right center no-repeat} .signBox .star3{ background:url(../images/star_3.png) right center no-repeat} .signBox .star4{ background:url(../images/star_4.png) right center no-repeat} .signBox .star5{ background:url(../images/star_5.png) right center no-repeat} .cirColor{ width:20px; height:20px; border-radius: 20px;display:inline-block;*display:inline;zoom:1; vertical-align:sub; margin-left:5px;} /*左欄-星座日曆*/ .calendarset{ width:250px; height:250px; background-color:#fff; border:1px solid #ddd;} .cal_tit{height:50px;position:relative; text-align:center;} .cal_date{width:250px;} .cal_month{ font:bold 18px/50px arial,"微軟正黑體"; color:#007ac5;} .cal_name{ font:15px/21px arial,"微軟正黑體"; height:24px;background-color:#ff6000;border-radius: 10px;} .btn_left, .btn_right{ position:absolute; width:20px; height:20px; top:15px;} .btn_left{ left:10px;} .btn_right{ right:10px;} .btn_right a{width:22px; height:22px; display:block; background:url(../images/btn_next.png) 0 0 no-repeat;} .btn_left a{width:22px; height:22px; display:block; background:url(../images/btn_prev.png) 0 0 no-repeat;} .btn_right a{ background-position:right 0;} .btn_left a:hover, .btn_right a:hover{ background-position:0 bottom;} .calendar{ padding:0 9px; text-align:left; font:14px/22px Verdana;} .calendar li{ display:inline-block;*display:inline;zoom:1; border:1px solid #fff; margin:2px 2px 0 2px;} .calendar li li{ width:22px;text-align:center; *border:1px solid #fff;} .calendar li li:hover{ border:1px solid #007ac5;border-radius: 22px;} .calendar li li.on{ border:1px solid #007ac5;border-radius: 22px;} .calendar .month{ color:#1e80d7;} .calendar .non_mouth{ color:#999;} .calendar .select_day{background:url(../images/cal_on.png) right 0 no-repeat; background-image:url(../images/cal_on.png) \9;} .fortune { width:680px; height:56px; position:relative; margin:15px 0 0;} .fortune .type01{ width:80px; height:60px; background:url(../images/fortune_type_1.png) 0 0 no-repeat; position:absolute; left:80px; top:-3px;} .fortune .btn a{ display:block;width:660px; height:50px; background:url(../images/bg_fortune.jpg) 0 0 no-repeat; text-align:center; font-size:32px; line-height:50px; color:#007ac5; padding-left:20px;} .fortune .btn a:hover{ background-position:0 bottom; color:#fff;} /*左欄-12生肖*/ .lunarBox{ width:680px; margin:10px 0 0 0; line-height:24px;} .lunarBox h3{ width:680px; height:28px; padding:4px 0 0 0;display:block; border-bottom:3px solid #8cbad6;} .lunarBox h3 span.lunarTitle{ float:left; display:block;font-size:32px; line-height:32px; font-weight:normal; color:#007ac5;background-color:#fff; padding-right:10px; margin-bottom:-3px;} .lunarBox h3 span.lunarTitle a{ color:#007ac5;} .lunarBox h3 span.lunarTag{ display:block; font-size:20px; line-height:20px; font-weight:bold; color:#8cbad6; vertical-align:top; padding: 0 0 9px 0;} .lunarInfo{ width:680px; background-color:#f9f9f9; border:1px solid #dddddd; padding:20px; box-sizing: border-box; *width:640px;border-radius: 8px;} /*左欄-生肖分類*/ .lunarSet{ text-align:left; margin:20px -10px 0 0; height:180px;} .lunarSet > li{ width:105px; height:80px;display:inline-block;*display:inline;zoom:1; margin-right:5px;*margin:0 10px 10px 0;} .lunarSet > li a{ display:block;width:105px; height:80px;} .lunarSet li.type01 a{ background:url(../images/lunar_icon/lunar1.png) 0 0 no-repeat;} .lunarSet li.type02 a{ background:url(../images/lunar_icon/lunar2.png) 0 0 no-repeat;} .lunarSet li.type03 a{ background:url(../images/lunar_icon/lunar3.png) 0 0 no-repeat;} .lunarSet li.type04 a{ background:url(../images/lunar_icon/lunar4.png) 0 0 no-repeat;} .lunarSet li.type05 a{ background:url(../images/lunar_icon/lunar5.png) 0 0 no-repeat;} .lunarSet li.type06 a{ background:url(../images/lunar_icon/lunar6.png) 0 0 no-repeat;} .lunarSet li.type07 a{ background:url(../images/lunar_icon/lunar7.png) 0 0 no-repeat;} .lunarSet li.type08 a{ background:url(../images/lunar_icon/lunar8.png) 0 0 no-repeat;} .lunarSet li.type09 a{ background:url(../images/lunar_icon/lunar9.png) 0 0 no-repeat;} .lunarSet li.type010 a{ background:url(../images/lunar_icon/lunar10.png) 0 0 no-repeat;} .lunarSet li.type011 a{ background:url(../images/lunar_icon/lunar11.png) 0 0 no-repeat;} .lunarSet li.type012 a{ background:url(../images/lunar_icon/lunar12.png) 0 0 no-repeat;} .lunarSet li a:hover, .lunarSet li.on a{ background-position:0 bottom;} /*左欄-生肖介紹*/ .lunarInfo p{ color:#555; font-size:16px; line-height:30px;} .lunarInfo .lunarToday{} .lunarToday .thisWeek{ background-color:#007ac5; color:#fff; font-size:26px; line-height:40px; text-align:center;border-radius: 4px;} .lunarToday .infoSet{ width:360px;} .lunarToday .infoSet .signTit{ font-size:24px; line-height:32px; height:32px; padding:0; color:#333; vertical-align:top; font:bold 24px/32px Arial, "微軟正黑體";} .lunarToday .infoSet .signTit span{ width:138px; height:32px; display:inline-block;*display:inline;zoom:1; vertical-align:top; margin-right:16px;} .lunarToday .signSet{ width:150px; height:150px; margin:10px 0 0 0;} /*左欄-生肖分類*/ .lunarInfo h4{margin:10px 0 0 0; font-size:20px; color:#007ac5;} /*左欄-生肖介紹*/ .lunarItem{ text-align:left; margin:10px 0 0 0;} .lunarItem h4{ color:#333; margin:0 0 5px; font-size:24px;} .lunarItem > div {display:inline-block;*display:inline;zoom:1; vertical-align:top;} .lunarItem li{ line-height:16px; padding:8px 0;} .lunarItem .signTit{ width:255px;} /*左欄-生肖圖示*/ .lunarItem .signPic{ width:140px; height:115px; margin-right:10px;} .lunarInfo.type01 .signPic{ background:url(../images/lunar_icon/lunar_big1.png) 0 0 no-repeat;} .lunarInfo.type02 .signPic{ background:url(../images/lunar_icon/lunar_big2.png) 0 0 no-repeat;} .lunarInfo.type03 .signPic{ background:url(../images/lunar_icon/lunar_big3.png) 0 0 no-repeat;} .lunarInfo.type04 .signPic{ background:url(../images/lunar_icon/lunar_big4.png) 0 0 no-repeat;} .lunarInfo.type05 .signPic{ background:url(../images/lunar_icon/lunar_big5.png) 0 0 no-repeat;} .lunarInfo.type06 .signPic{ background:url(../images/lunar_icon/lunar_big6.png) 0 0 no-repeat;} .lunarInfo.type07 .signPic{ background:url(../images/lunar_icon/lunar_big7.png) 0 0 no-repeat;} .lunarInfo.type08 .signPic{ background:url(../images/lunar_icon/lunar_big8.png) 0 0 no-repeat;} .lunarInfo.type09 .signPic{ background:url(../images/lunar_icon/lunar_big9.png) 0 0 no-repeat;} .lunarInfo.type010 .signPic{ background:url(../images/lunar_icon/lunar_big10.png) 0 0 no-repeat;} .lunarInfo.type011 .signPic{ background:url(../images/lunar_icon/lunar_big11.png) 0 0 no-repeat;} .lunarInfo.type012 .signPic{ background:url(../images/lunar_icon/lunar_big12.png) 0 0 no-repeat;} /*左欄-生肖運勢比數*/ .lunarItem .starPer{ width:220px;} .lunarItem .starPer li{ position:relative;line-height:15px; padding:8px 0;} .lunarItem .starPer li span{ height:30px; width:140px; display:block; position:absolute; top:0; left:80px; overflow:hidden;} .lunarItem .starPer li.star1 span{ width:28px;} .lunarItem .starPer li.star2 span{ width:55px;} .lunarItem .starPer li.star3 span{ width:82px;} .lunarItem .starPer li.star4 span{ width:110px;} .lunarItem .starPer li.star5 span{ width:140px;} .starPer .lucky span{ background:url(../images/lunar_icon/lunar_icon1.png) 0 center repeat-x;} .starPer .love span{background:url(../images/lunar_icon/lunar_icon2.png) 0 center repeat-x;} .starPer .money span{background:url(../images/lunar_icon/lunar_icon3.png) 0 center repeat-x;} .starPer .job span{background:url(../images/lunar_icon/lunar_icon4.png) 0 center repeat-x;} .lunar_fortune { width:680px; height:56px; position:relative; margin:15px 0 0;} .lunar_fortune .btn a{ display:block;width:680px; height:50px; background:url(../images/bg_fortune.jpg) 0 0 no-repeat; text-align:center; font-size:32px; line-height:50px; color:#007ac5;} .lunar_fortune .btn a:hover{ background-position:0 bottom; color:#fff;} .lunar_fortune .star{ width:80px; height:60px; background:url(../images/fortune_star.png) 0 0 no-repeat; position:absolute; left:180px; top:-3px;} /*右欄系列*/ .twoSet .Rset{ float:right; width:300px; font-size:16px; line-height:28px;} .twoSet .Rset a{ color:#333333;} /*右欄-投票*/ .voteBox{ position:relative; width:272px; padding:86px 13px 10px; margin:10px 0 0 0; border:1px solid #dddddd; background-color:#ebebeb;} .voteBox .bg{ position:absolute; top:-10px; left:0; width:298px; height:90px; display:block; overflow:hidden; background:url(../images/vote_bg.png) 0 0 no-repeat;} .voteBox p{ font-size:16px; line-height:24px; font-weight:bold; color:#ae0303;} .voteBox ul li{font-size:16px; line-height:20px; padding:0 0 5px 25px;} .voteBox input{width:100px; display:inline-block; margin:10px 10px 0 10px;} .voteBox input[type="radio"]{ width:auto; margin:-4px 7px 0 -20px; vertical-align:middle;} .voteBox input.type01, .voteBox input.type02, .voteBox input.type03{height:30px; cursor:pointer;} .voteBox input.type01{ background:url(../images/btn_vote01.png) 0 0 no-repeat; } .voteBox input.type02{ background:url(../images/btn_vote02.png) 0 0 no-repeat;} .voteBox input.type03{ background:url(../images/btn_vote03.png) 0 0 no-repeat;} .voteBox input:hover{ background-position:0 -30px;} /*右欄-top10*/ .top10{ width:298px; border-top:2px solid #b31414; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; margin:10px 0 0 0; padding:8px 0;} .top10 h3{ position:relative; height:30px; background:url(../images/h3_top10.png) 0 0 no-repeat;} .top10 h3 a{ position:absolute; right:0; top:0; width:30px; height:30px; display:block; background:url(../images/top10_ar.png) 0 0 no-repeat;} .top10 ul{ padding:7px 14px 0 9px} .top10 ul li{} .top10 ul li img{ vertical-align:middle; margin:0 1px 1px 0;} .top10 ul li a{ color:#333333; padding:0 0 0 9px;} .top10 ul li a:hover{ color:#b31414;} /*右欄bn系列-300x100-300x250-300x600*/ .bn{ margin:10px 0 0 0;} /*右欄熱門專題*/ .hotIssue{ width:300px; margin:10px 0 0 0;} .hotIssue h3{ position:relative; width:100%; height:30px; display:block; overflow:hidden; border-top:1px solid #f28d00; margin:0 0 0;} .hotIssue h3 span{ padding:4px 8px; font-size:20px; line-height:30px; font-weight:normal; color:#fff; background-color:#f28d00;} .hotIssue h3 span.en{ padding:0 10px; font-size:16px; font-weight:bold; color:#f28d00; background-color:#fff;} .hotIssue h3 a{ position:absolute; top:5px; right:0; width:20px; height:20px; display:block; background:url(../images/btn_more_org.png) no-repeat;} .hotIssue h3 a:hover{background-position:0 -20px;} .hotIssue .box{width:300px;margin:5px 0 0 0;} .hotIssue .box .pic{ float:left; width:96px; height:64px; margin:0;} .hotIssue .box .pic.noPic{background: url(../images/noPic450x300.jpg) 0 0 no-repeat; background-size:96px 64px;} .hotIssue .box .pic.noPic img{ display:none;} .hotIssue .box .spInfo{ float:right; width:197px; } .hotIssue .box .spInfo h4{ font-weight:normal; font-size:16px; line-height:16px; margin:0; line-height:22px; overflow:hidden; /*white-space:nowrap; text-overflow:ellipsis;*/ } .hotIssue .box .spInfo h4 a{color:#dc5d09;} .hotIssue .box .spInfo ul li{ line-height:22px;background: rgba(0, 0, 0, 0) url(../images/icon_liDot_issue_s.png) no-repeat scroll 3px 8px; *background-image:url(../images/icon_liDot_issue_s.png); *background-position:4px 13px; *background-repeat:no-repeat; padding: 0 0 0 17px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; width:13em; margin: 0; } .hotIssue .box .spInfo a:hover{color:#b54d08;} /*右欄地方新聞*/ .localNews{width:298px; border-top:2px solid #0079c5; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; margin:10px 0 0 0; padding:8px 0;} .localNews h3{ position:relative; height:30px; background:url(../images/h3_localNews.png) 0 0 no-repeat;} .localNews h3 span{ padding:0 0 0 140px; font-weight:normal; line-height:36px;} .localNews h3 a{ position:absolute; right:0; top:0; width:30px; height:30px; display:block; background:url(../images/localNews_ar.png) 0 0 no-repeat;} .localNews ul{ padding:7px 14px 0 9px} .localNews ul li{ background:url(../images/icon_liDot_s.png) 4px 12px no-repeat; padding:0 0 0 15px;} .localNews ul li a{ color:#333333; padding:0 0 0 9px;} .localNews ul li a:hover{ color:#0079c5;} /*右欄關鍵字*/ .keySearch{ width:298px; height:168px; border:1px solid #dddddd; background-color:#f9f9f9; margin:10px 0 0 0;} .keySearch h3{width:298px; height:70px; display:block; background:url(../images/h3_key.jpg) 0 0 no-repeat; } .keySearch ul{ padding:19px 8px 0; text-align:center;} .keySearch ul li{ display:inline-block; margin:0 4px;} .keySearch ul li a:hover{ color:#0079c5; text-decoration:underline;} /*右欄FB300x500*/ .FB{ margin:10px 0 0 0;} /*右欄特輯推薦樣式一*/ .sp{ width:298px; border-top:2px solid #0079c5; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; margin:10px 0 0 0; padding:0 0 8px;} .sp h3{ position:relative; height:30px; background:url(../images/h3_sp.png) 0 0 no-repeat; margin:8px 0 0;} .sp h3 a{ position:absolute; right:0; top:0; width:30px; height:30px; display:block; background:url(../images/localNews_ar.png) 0 0 no-repeat;} .sp > div{ border-bottom:1px solid #ddd; } .sp > div.last{ border:none;} .sp .in{ padding:0px 10px 0;} .sp .in .pic{ float:left; width:90px; height:60px; display:block; padding:0 10px 0 0 ; } .sp .in .pic img{ width:90px; height:60px; border:1px solid #eeeeee;} .sp .in h4{ font-size:18px; line-height:24px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .sp .in a:hover{ color:#0079c5;} .sp .in h4.inTit a{ color:#007ac5; line-height:36px;} .sp .in h4.inTit a:hover{ color:#28558e;} .sp .in p{ line-height:20px;overflow:hidden; height:40px;} .sp .in ul{ padding:8px 0 0 0;} .sp .in ul li{ background:url(../images/icon_liDot_s.png) 8px 12px no-repeat; padding:0 0 0 15px;} .sp .in ul li a{ color:#333333; padding:0 0 0 9px;} .sp .in ul li a:hover{ color:#0079c5;} /*右欄天氣*/ .Rset .weatherBox{ width:300px; height:50px; display:block; overflow:hidden;margin:10px 0 0 0;} .Rset .weatherBox .weather{ float:left; width:50px; height:50px; display:block; overflow:hidden;} .Rset .weatherBox .weather1{ background:url(../images/weather_icon/weather1.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox .weather2{ background:url(../images/weather_icon/weather2.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox .weather3{ background:url(../images/weather_icon/weather3.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox .weather4{ background:url(../images/weather_icon/weather4.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox .weather5{ background:url(../images/weather_icon/weather5.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox .weather6{ background:url(../images/weather_icon/weather6.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox .weather7{ background:url(../images/weather_icon/weather7.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox .weather8{ background:url(../images/weather_icon/weather8.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox .weather9{ background:url(../images/weather_icon/weather9.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox .weather10{ background:url(../images/weather_icon/weather10.png) 0 0 no-repeat; background-size:50px 50px;} .Rset .weatherBox h3{ float:left; width:90px; padding:0 0 0 7px;color:#333333; font-weight:bold; font-size:20px; line-height:50px;} .Rset .weatherBox h3 a{ color:#333333;} .Rset .weatherBox h3 a img{ margin:0 0 0 5px ;} .Rset .weatherBox .areaSelect{float:left; padding:0; margin:9px 0 0 5px; width:90px; height:30px; display:block; overflow:hidden; background-color: #fff; font-size:20px; line-height:30px;} .Rset .weatherBox .areaSelect a{background:url(../images/icon_weather_arrow.png) 70px 8px no-repeat; display:block; color:#000; font-weight:bold;} /* .Rset .weatherBox .areaSelect{float:left; padding:0; margin:9px 0 0 5px; width:90px; height:30px; display:block; overflow:hidden; background:url(../images/icon_weather_arrow.png) 70px 8px no-repeat; background-color: #fff; font-size:20px; line-height:30px;} .Rset .weatherBox .areaSelect select{ padding:0; margin:0; border:none; width:100%; box-shadow:none; background-color:transparent; background-image:none; font-size:20px; line-height:30px; font-family:Arial,"微軟正黑體"; font-weight:bold;-webkit-appearance: none;-moz-appearance: none;appearance: none;overflow:hidden;width: 122%;}*/ .Rset .weatherBox .areaSelect select:focus{outline: none;} .Rset .weatherBox .txt{ float:left; width:150px; padding:0;} .Rset .weatherBox .txt p{ padding:0 0 0 7px; font-size:18px; line-height:24px; color:#007ac5;} /*右欄-精選照片*/ .Rset .spPic{ width:300px; margin:10px 0 0 0;} .Rset .spPic h3{ position:relative; width:100%; height:30px;display:block; overflow:hidden; background:url(../images/h3_spPic_r.png) 0 0 no-repeat; border:none;} .Rset .spPic h3 span{position:absolute; top:0; left:95px; padding:0; color:#f28d00; background:none;font-size:22px; font-weight:normal} .Rset .spPic h3 a{ position:absolute; top:5px; right:95px; width:20px; height:20px; display:block; background:url(../images/btn_more_org.png) no-repeat;} .Rset .spPic h3 a:hover{ background-position:0 -20px;} .Rset .spPic .picZone{} .Rset .spPic .picZone ul{ margin:5px 0 0;} .Rset .spPic .picZone li{display:inline-block;*display:inline;zoom:1; margin:-8px -2px 0 0; *margin:0 2px 2px 0;width:148px;overflow:hidden;} .Rset .spPic .picZone li img{ width:150px; height:auto;} .Rset .spPic .picZone li a{ display:block;} .Rset .spPic .picZone li:hover img{opacity:0.8;filter:alpha(opacity=80); } /*右欄雜誌*/ .Rset .magazineBox{ position:relative; width:300px; height:240px; display:block; margin:10px 0 0 0; background:url(../images/h3_magazine_r.png) 0 3px no-repeat;} .Rset .magazineBox h3{ position:relative; width:300px; height:30px; padding:0 ; display:block; overflow:hidden; font-size:22px; font-weight:normal; color:#0079c5; background:none;} .Rset .magazineBox h3 span{position:absolute; top:0; left:115px; padding:0; color:#0079c5; background:none;font-size:22px; font-weight:normal} .Rset .magazineBox h3 a{ position:absolute; top:3px; right:50%; margin-right:-40px; width:20px; height:20px; display:block; background:url(../images/btn_more.png) no-repeat;} .Rset .magazineBox h3 a:hover{ background-position:0 -20px;} .Rset .magazineBox .info{ padding:0 8px 10px; line-height:20px;} .Rset .magazineBox .info .pic{ float:left; width:150px; height:198px; display:block; border:1px solid #dddddd; margin:0 6px 0 0;} .Rset .magazineBox .info .pic img{width:150px; height:198px;} .Rset .magazineBox .info h4{ font-size:18px;} .Rset .magazineBox .info h4 a:hover{color:#0079c5;} .Rset .magazineBox .info p{ font-size:14px; color:#555555; overflow:hidden; height:120px; margin:5px 0 0;} /*右欄熱門專題*/ .Rset .hotIssue .box .spInfo ul li{ width:180px;} /*Hi編推薦 .recommend{ position:relative; width:884px; height:36px; display:block; overflow:hidden; padding: 0 0 0 116px; margin:20px auto 0; background:url(../images/recommend.jpg) 0 0 no-repeat;} .recommend ul{ position:absolute;} .recommend ul li{ font-size:16px; line-height:36px; padding:0 0 0 8px; text-align:left;} .recommend ul li a{background:url(../images/icon_redDot.jpg) 0 center no-repeat; padding:0 16px; width:360px; margin:0 20px;display:inline-block;*display:inline;zoom:1;} .recommend ul li a:hover{ text-decoration:underline;}*/ /*左欄Hi編推薦*/ .Lset .recommend{ width:560px; height:36px; display:block; overflow:hidden; padding: 0 0 0 120px; margin:10px 0 0; background:url(../images/recommend_l.jpg) 0 0 no-repeat; position:relative;} .Lset .recommend ul{ position:absolute; min-height:40px;} .Lset .recommend ul li{ } .Lset .recommend ul li > a{ display:inline-block;} .Lset .recommend ul li a{ font-size:18px; line-height:36px; background:url(../images/icon_redDot.jpg) 6px 14px no-repeat; padding:0 0 0 20px; width:260px;overflow:hidden;} .Lset .recommend ul li a:hover{ color:#333333; text-decoration:underline;} /*ad*/ .ad{ width:728px; height:90px; display:block; overflow:hidden; margin:20px auto 0 auto; } /*footer*/ /*footer*/ .footer{ width:100%; min-width:1024px; padding:35px 12px 0 12px; background: url(../images/color.jpg) repeat-x top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .company{ padding:20px 150px 20px 0;width:850px; margin:0 auto;font-size:13px; position:relative;} .company .website{ background:url(../images/website.jpg) no-repeat; padding-left:95px; font-weight: bold; margin-bottom:10px;height:25px; line-height:25px;} .company .browser{ text-align: center; width:109px; height:22px; position:absolute; background: url(../images/browser.jpg) no-repeat; right:15px;} .company .change{ height:65px; width:140px; border-left:1px solid #E1E1E1; text-align:center; line-height:65px; position:absolute; right:0; top:50px;} .m_footer { display: none;} /*browser*/ .footer .browser-info a{ color:#015593;} .footer .browser-info a:hover{ color:#cc0000;} .footer .browser-info { display: none; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CBCBCB; height: 180px; position: absolute; right: 0; top: -190px; width: 415px; z-index: 500; } .footer .browser-info h6.browser-title { background: url(../images/sprites-bg.png) repeat-x scroll 0 0 transparent; height: 27px; margin: 0 0 12px; padding: 13px 0 0 15px; } .footer .browser-info h6.browser-title span { color: #333333; display: block; font: 14px/10px "微軟正黑體","Microsoft JhengHei",Arial; height: 14px; text-align: left; } ul.browser-version { list-style: none outside none; margin: 0; padding: 0 15px; } ul.browser-version li { background: none no-repeat scroll 5px top transparent; color: #000; float: left; line-height: 1.4em; /* margin: 0 0 15px;*/ min-height: 40px; padding: 5px 0 0 14%; text-align: left; width: 36%; font-size: 13px; } ul.browser-version li { background: url(../images/ico-browser.png) no-repeat scroll 0 0 transparent; } ul.browser-version li.ie { background-position: 0 0; } ul.browser-version li.chrome { background-position: 0 -100px; } ul.browser-version li.firefox { background-position: 0 -200px; } ul.browser-version li.safari { background-position: 0 -300px; } .footer span.browser-icon { background: url(../images/browser-icon.png) no-repeat scroll 0 0 transparent; bottom: -10px; display: block; height: 10px; position: absolute; right: 73px; width: 17px; z-index: 501; } .footer .browser-info a.browser-close { background-image: url(../images/popup-btn-close.png); background-repeat: no-repeat; display: block; height: 14px; margin-top: 18px; position: absolute; right: 5px; text-align: left; text-indent: -9999px; top: -6px; width: 50px; } .company{ padding:20px 0;width:1000px; margin:0 auto;font-size:13px; position:relative;} .company .website{ background:url(../images/website.jpg) no-repeat; padding-left:95px; font-weight: bold; margin-bottom:10px;height:25px; line-height:25px;} .company .browser{ width:109px; height:22px; position:absolute; background: url(../images/browser.jpg) no-repeat; right:15px;} .company .browser a{ width:109px; height:22px; line-height:22px;} .company .change{ height:65px; width:140px; border-left:1px solid #E1E1E1; text-align:center; line-height:65px; position:absolute; right:0; top:50px;} /*合作媒體*/ .partners{ width:100%; min-width:1024px; display:block; overflow:hidden; background-color:#eee; padding:20px 12px 12px 12px; margin:10px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .partners .pBox{ width:100%; margin:0 auto; } .partners h4{ font-size:15px; color:#434343; margin-left:30px; } .partners h4 .more{ display:inline-block;*display:inline;zoom:1;vertical-align:text-bottom; margin-left:5px;} .partners h4 .more a{background: rgba(0, 0, 0, 0) url(../images/btn_more.png) no-repeat scroll 0 0;display: block;height: 20px;width: 20px; margin:0;} .partners h4 .more a:hover{ background-position:0 bottom;} .partners .pBox ul{ margin:5px 0 0; vertical-align:top;margin-left:30px;} .partners .pBox li{ width:134px;display:inline-block;*display:inline;zoom:1; margin:0; padding:0;vertical-align:top;} .partners .pBox li a{ color:#535353; display:block; font-size:13px; line-height:18px; padding:5px 0 5px 10px; background-image:url(../images/icon_liDot_s.png); background-position:0 12px; background-repeat:no-repeat;} .partners .pBox li a:hover{ color:#0079c5;} /*popUp視窗*/ .popup_overlay { width: 100%;position:fixed;top:0;left: 0; bottom:0; right:0;background-color: #000;opacity:0.3;-moz-opacity:0.3;-khtml-opacity: 0.3;filter:alpha(opacity=30);z-index: 96; } .popupArea{ width:860px; min-height:600px; background-color:#fff;z-index:99; position:absolute; top:90px; left:50%; margin-left:-430px;} /*popUp視窗-首頁*/ .popupList{ background:rgba(0,122,197,0.8);background: transparent\9; width:300px; border:1px solid #fff; position:fixed; top:190px; left:50%; margin-left:-150px;z-index: 98;} .popupList a{ color:#fff;} .popupList .close a{ background:url(../images/btn_pop_close.png) center center no-repeat; width:32px; height:32px; float:right; display:block; margin:-15px -15px 0 0;} .popupList ul{ padding:5px 10px;} .popupList li a{ display:block;font-size:20px; line-height:40px; border-top:1px solid #fff; font-weight:bold; background:url(../images/icon_liDot_w_s.png) 0 center no-repeat; padding-left:10px;} .popupList li a:hover{ color:#e0f3ff;} .popupList li:first-child a{ border:none;} .popupList .popupInfo{ display:none;} .popupList .popupInfo .goto{ float:right; margin-top:-30px;} .popupList .popupInfo .goto a{ font-size:16px; line-height:20px; height:20px;display:inline-block;*display:inline;zoom:1; background:none; padding:0 5px; text-align:center;border-radius: 4px; margin-left:5px; border:1px solid #fff;} .popupList .popupInfo li{color:#fff; font-size:18px; font-weight:normal;display:inline-block;*display:inline;zoom:1; line-height:30px; } .popupList .popupInfo input[type="checkbox"]{ margin-right:5px;} .popupInfo ul.horoscope{ margin-right:-28px; margin-bottom:10px;} .popupInfo ul.horoscope li{ width:32.3%; border:none;} .popupList .localNews{ border:none; margin:0; width: 284px;} .popupList .localNews li{ width: 32.3%;} /*pop table*/ .popTb{ background:rgba(0,122,197,0.8);background: transparent\9; border:1px solid #fff; position: absolute; top:130px; left:50%;z-index: 98;} .popTb.w01{ width:790px; margin:0 -395px; } .popTb.w02{ width:1000px; margin:0 -500px;} .popTb .in{padding:30px;} .popTb .close a{ background:url(../images/btn_pop_close.png) center center no-repeat; width:32px; height:32px; float:right; display:block; margin:-15px -15px 0 0;} .popTb h2{ margin:0 0 20px; text-align:center; color:#fff;} .popTb td{ text-align:center; padding:20px 10px; background-color:#fff; border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;} .popTb td:last-child{ border-right:none;} .popTb td.tLeft{ text-align:left;} .popTb td.mid{ font-size:14px;} .popTb td .small{ font-size:12px;} .popTb tr.noLine td{ border-bottom:none;} .popTb.w01 td.c01{ background-color:#33ff33;} .popTb.w01 td.c02{ background-color:#ffff33;} .popTb.w01 td.c03{ background-color:#ff3333;} .popTb.w01 td.c04{ background-color:#993399;} .popTb.w01 td.c05{ background-color:#825c33;} .popTb.w01 .w01 td.c03, .w01 td.c04, .w01 td.c05{ color:#fff;} .popTb.w02 td.c01{ background-color:#b0ffb0;} .popTb.w02 td.c02{ background-color:#5aff33;} .popTb.w02 td.c03{ background-color:#5ad933;} .popTb.w02 td.c04{ background-color:#ffff33;} .popTb.w02 td.c05{ background-color:#ffd933;} .popTb.w02 td.c06{ background-color:#ffae33;} .popTb.w02 td.c07{ background-color:#ff8383;} .popTb.w02 td.c08{ background-color:#ff3333;} .popTb.w02 td.c09{ background-color:#ad3333;} .popTb.w02 td.c10{ background-color:#d859ff;} .popTb.w02 td ul{ margin:0 0 0 20px;} .popTb.w02 td ul li{ list-style:decimal;} .popTb .from{ text-align:right; color:#fff; font-size:14px; line-height:2;} .popTb ul .fL{ width:40px; color:#fff; line-height:24px;} .popTb ul .fR{ width:900px; margin:0 0 10px; font-weight:bold; color:#fff; line-height:24px;} /* error錯誤頁 */ .errorBox{ width:680px; height:400px; margin:10px 0 0 0; background:url(../images/bg_error.jpg) 0 0 no-repeat;padding:150px 20px 20px;box-sizing: border-box;} .errorBox p{ color:#333; font-size:20px; line-height:30px; text-align:center;} /*左欄投票*/ .voteArea{ margin:10px 0 0 0; background:none; border:none; width:680px; padding:0; font-size:18px; color:#555;} .voteArea p{ color:#cc0000; font-weight:normal;} .voteArea .vInfo{ color:#fff; padding:10px 20px;text-align:justify; margin:5px 0 0;} .voteField{ width:678px; background-color:#007ac5; position:relative;} .voteField .foot{ width:678px; height:10px; background-image:url(../images/votebox_bg.png); position:absolute; bottom:-10px;} .voteInfo{ background-color:#f2f8fc; border:1px solid #007ac5; margin:-10px auto 0 auto; width:620px; padding:30px 20px 20px;} .voteInfo li{ text-align:left;} .voteInfo li > div {display:inline-block;*display:inline;zoom:1; vertical-align:middle;} .voteInfo .mL{ width:20px; height:20px;} .voteInfo .voteAnswer{ width:595px;} .voteInfo.result .voteAnswer{ width:100%;} .voteInfo .voteFoot{ width:100%; height:60px; position:relative;} .voteInfo .fbLike{ width:auto; position:absolute; left:0; bottom:0;} .voteBtn{ width:240px;position:absolute; right:0; bottom:0; text-align:right;} .voteBtn > div{display:inline-block;*display:inline;zoom:1; vertical-align:middle; *margin-left:10px; margin-left:6px;} .voteBtn .btn_vote01 a, .voteBtn .btn_vote02 a , .voteBtn .btn_vote03 a{ width:100px; height:30px; display:block;} .voteBtn .btn_vote01 a{ background:url(../images/btn_vote01.png) 0 0 no-repeat;} .voteBtn .btn_vote01 a:hover{ background-position:0 bottom;} .voteBtn .btn_vote02 a{ background:url(../images/btn_vote02.png) 0 0 no-repeat;} .voteBtn .btn_vote02 a:hover{ background-position:0 bottom;} .voteBtn .btn_vote03 a{ background:url(../images/btn_vote03.png) 0 0 no-repeat;} .voteBtn .btn_vote03 a:hover{ background-position:0 bottom;} /*左欄投票得票率*/ .rateBox{ width:100%; height:30px; font-size:16px; color:#555;position:relative;} .rateBox span{position:absolute; right:0; top:0;} .rateBox .rateLine{ position:relative; width:570px; height:4px; background-color:#aaa; top:12px;} .rateBox .rateGet{ position:absolute; top:0; left:0;height:4px;} /*左欄樂透*/ .lotteryList{} .lotteryList ul li{padding:0; border:none; vertical-align:middle; *margin:0 2px;} .lotteryList li{display:inline-block;*display:inline;zoom:1; width:50px; height:50px; background:url(../images/bg_lotto.png) 0 0 no-repeat; font:26px/52px Arial; text-align:center; } .lotteryList li.spNum{ width:80px; height:50px; background:none; font-size:18px; font-family:arial,"微軟正黑體";} .lotteryList li.spBg{background:url(../images/bg_lotto_sp.png) 0 0 no-repeat;width:50px; height:50px; margin-left:-10px; color:#fff; } .lotteryList li.link{background:none;width:100px; height:50px; } .lotteryList li.link a{ display:block;} .lotteryList .notice{ margin:10px 0 0 0;} /*左欄統一發票對獎*/ .invoiceBox{ width:680px; margin:10px 0 0 0;} .invoiceBox h3{ color:#007ac5;font:normal 32px/36px arial,"微軟正黑體"; position:relative; height:32px;} /*左欄統一發票對獎+雜誌標題-分類頁籤*/ .invoiceBox .invoiceTab{ border-bottom:3px solid #dae7f0; width:548px; height:30px; position:absolute; top:0; right:0; overflow:hidden;} .invoiceBox .invoiceTab li{ font-size:20px; float:left; margin-right:5px;} .invoiceBox .invoiceTab li a{ height:28px; background-color:#e5e5e5; padding:2px 10px 0 10px; display:block;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;line-height:28px; } .invoiceBox .invoiceTab li a:hover, .invoiceBox .invoiceTab li.on a{ background-color:#dae7f0; color:#007ac5;} table.tGrey{ border:1px solid #8cbad6; margin:10px 0 0; } .tGrey th, .tGrey td{border-top:1px solid #eee;border-left:1px solid #eee; text-align:center; padding:20px;font:normal 18px/21px Arial, "微軟正黑體"; color:#555;} .tGrey th:first-child, .tGrey td:first-child{ border-left:none;} .tGrey .tGreyTit{ background-color:#f2f8fc; border-top:2px solid #007ac5; border-bottom:1px solid #8cbad6; color:#007ac5; font-size:20px;} .tGrey.tL td{ text-align:left;} .tGrey.tL th{text-align:center;} .tGrey.tL th:first-child, .tGrey.tL td:first-child{ text-align:center;} .tGrey th{ background-color:#f7f7f7;} table.tBlue{ border:1px solid #eee; border-top:none; margin:10px 0 0; } .tBlue th, .tBlue td{border-top:1px solid #eee; text-align:center; padding:20px;font:normal 18px/21px Arial, "微軟正黑體"; color:#555;} .tBlue th{ background-color:#f2f8fc; position:relative;} .tBlue th .link{ position:absolute; right:10px; top:20px;} .tBlue th .link a{ color:#007ac5; text-decoration:underline; font-size:16px;} .tBlue th .link a:hover{ color:#28558e;text-decoration:none;} .invoiceBox td p{ text-align:center;} .invoiceBox .num{ font: 30px/40px Arial, "微軟正黑體";} /*左欄-分類頁籤*/ .tabBox{ margin:10px 0 0 0; width:680px;position:relative; min-height:30px;} .tabBox h3{color:#007ac5;font:normal 28px/28px arial,"微軟正黑體"; position:relative; height:32px;} .tabBox h3 .itemTab{ border-bottom:3px solid #dae7f0; width:560px; position:absolute; top:-5px; right:0; } .tabBox .itemTab{ border-bottom:3px solid #dae7f0; width:100%; height:30px; position:absolute; top:-5px; right:0;overflow:hidden;} .tabBox .itemTab ul li{ margin:0; padding:0;} .tabBox .itemTab li{ font-size:20px; display:inline-block;*display:inline;zoom:1;*margin-right:5px;} .tabBox .itemTab li a{ height:28px; padding:2px 10px 0 10px; display:block;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;line-height:28px; } .tabBox .itemTab li a:hover, .tabBox .itemTab li.on a{ background-color:#dae7f0; color:#007ac5;} .tabBox .itemTab.fR{ text-align:right;} .tabBox .itemTab.fR li{ *margin:0 0 5px 0;} .sortRecentlyBox.tabBox h3{ border:none;} /*左欄注意事項*/ .noticeBox{ width:680px; margin:10px 0 0;} .noticeBox h4{ color:#007ac5; font:normal 18px/30px arial,"微軟正黑體"; background:url(../images/icon_notice.png) 0 center no-repeat; padding-left:30px;} .noticeBox li{ color:#555; font-size:16px; line-height:24px; position:relative; padding-left:30px; margin:10px 0 0;} .noticeBox span.dec{ position:absolute; top:0; left:0; width:20px; text-align:center;} /*左欄-來源出處*/ .source{ text-align:right; font-size:14px; color:#555;} .source a{ color:#007ac5;} .source a:hover{ color:#28558e;} /*文字顏色*/ .red{ color:#d22509;} .blue{ color:#007ac5;} /*精選照片*/ .picFlexslider{ position:relative; width:640px; margin:10px 0 0 20px; overflow:hidden; } .picFlexslider ul{ width:630px; height:255px; display:block; overflow:hidden; text-align:center; margin:0px;} .picFlexslider ul li{display:inline-block;*display:inline;zoom:1;width:188px; height:240px; overflow:hidden; background-color:#f9f9f9; border:none; padding:5px; margin:0 3px;} .picFlexslider ul li .pic{ width:188px; height:188px;overflow:hidden;} .picFlexslider ul li .pic a{ display:block; } .picFlexslider ul li .pic img{ height:188px;} .picFlexslider ul li .info{ display:block; overflow:hidden;} .picFlexslider ul li .info h4{color:#000; font:normal 16px/20px arial,"微軟正黑體"; margin-top:5px; text-align:left;} .picFlexslider ul li .info h4 a{ color:#333;} /*左欄氣象*/ .weatherZone{ position:relative; width:1000px; height:540px; display:block; overflow:hidden; padding:48px 0 0 0; margin:10px auto 0; background:url(../images/weather_bg.jpg) 0 48px no-repeat; color:#fff;} .weatherZone .instant{position:absolute; top:58px; left:0; width:1000px; height:30px; display:block; line-height:30px; text-align:center;} .weatherZone .instant a{ padding:0 12px; border-radius:2px; color:#fff; background-color:#e46142; height:30px; display: inline-block; font-size:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} .weatherZone .instant a:hover{ background-color:#d03511;} .weatherZone .tag{ position:absolute; top:0; left:0; width:1000px; height:60px; display:block; overflow:hidden; background:url(../images/weather_tag_bg.jpg) repeat-x;} .weatherZone .tag ul li{ width:110px; height:60px; display: inline-block; overflow:hidden; padding:0 10px 0 0; text-align:center;} .weatherZone .tag ul li a{ width:110px; height:60px; display:block; overflow:hidden; color:#d5efff; line-height:58px;} .weatherZone .tag ul li a:hover{ background:url(../images/weather_tag_on.png) no-repeat; color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.5);line-height:36px;} .weatherZone .tag ul li a.on{ background:url(../images/weather_tag_on.png) no-repeat; color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.5);line-height:36px;} .weatherZone .date{ position:absolute; top:10px; right:0; width:160px; height:60px; display:block; padding:0 0 0 60px; background:url(../images/weather_date.jpg) no-repeat; color:#fff; line-height:38px;} .weatherZone .sentTime{ position:absolute; bottom:15px; right:30px; height:20px; line-height:20px; padding:0 0 0 26px; background:url(../images/map/icon_sentTime.png) no-repeat;} .weatherZone .search{ position:absolute; top:115px; left:390px; width:580px; height:45px; font-size:45px; line-height:45px; color:#fff;} .weatherZone .search a{ display:inline-block; color:#fff; padding:0 20px 0 0; margin:0 20px 0 0; background:url(../images/map/search_ar.png) right no-repeat; } .weatherZone .search input[type="button"]{ float:right; width:85px; height:45px; background-color:#fff; border:none; border-radius: 5px; font-size:20px; color:#19ae86; cursor:pointer;} .weatherZone .box01, .box02, .box03, .box04, .box05{ width:1000px; height:540px; display:block; overflow:hidden;} .weatherZone .box01 .map{ position:absolute; top:48px; left:0; width:370px; height:540px; display:block; background:url(../images/map/box01_mapBg.png) no-repeat;} .weatherZone .box01 .map.bg01{background:url(../images/map/box01_mapBg01.png) no-repeat;} .weatherZone .box01 .map.bg02{background:url(../images/map/box01_mapBg02.png) no-repeat;} .weatherZone .box01 .map.bg03{background:url(../images/map/box01_mapBg03.png) no-repeat;} .weatherZone .box01 .map.bg04{background:url(../images/map/box01_mapBg04.png) no-repeat;} .weatherZone .box01 .map.bg05{background:url(../images/map/box01_mapBg05.png) no-repeat;} .weatherZone .box01 .map.bg06{background:url(../images/map/box01_mapBg06.png) no-repeat;} .weatherZone .box01 .map.bg07{background:url(../images/map/box01_mapBg07.png) no-repeat;} .weatherZone .box01 .map.bg08{background:url(../images/map/box01_mapBg08.png) no-repeat;} .weatherZone .box01 .map.bg09{background:url(../images/map/box01_mapBg09.png) no-repeat;} .weatherZone .box01 .map.bg10{background:url(../images/map/box01_mapBg10.png) no-repeat;} .weatherZone .box01 .map.bg11{background:url(../images/map/box01_mapBg11.png) no-repeat;} .weatherZone .box01 .map.bg12{background:url(../images/map/box01_mapBg12.png) no-repeat;} .weatherZone .box01 .map.bg13{background:url(../images/map/box01_mapBg13.png) no-repeat;} .weatherZone .box01 .map.bg14{background:url(../images/map/box01_mapBg14.png) no-repeat;} .weatherZone .box01 .map.bg15{background:url(../images/map/box01_mapBg15.png) no-repeat;} .weatherZone .box01 .map.bg16{background:url(../images/map/box01_mapBg16.png) no-repeat;} .weatherZone .box01 .map.bg17{background:url(../images/map/box01_mapBg17.png) no-repeat;} .weatherZone .box01 .map.bg18{background:url(../images/map/box01_mapBg18.png) no-repeat;} .weatherZone .box01 .map.bg19{background:url(../images/map/box01_mapBg19.png) no-repeat;} .weatherZone .box01 .map.bg20{background:url(../images/map/box01_mapBg20.png) no-repeat;} .weatherZone .box01 .map.bg21{background:url(../images/map/box01_mapBg21.png) no-repeat;} .weatherZone .box01 .map.bg22{background:url(../images/map/box01_mapBg22.png) no-repeat;} .weatherZone .box01 .weatherBox{ position:absolute; top:180px; left:380px; width:120px; height:120px; display:block; overflow:hidden;} .weatherZone .box01 .weatherBox.weather1{ background:url(../images/map/weather_icon/weather1.png) no-repeat;} .weatherZone .box01 .weatherBox.weather2{ background:url(../images/map/weather_icon/weather2.png) no-repeat;} .weatherZone .box01 .weatherBox.weather3{ background:url(../images/map/weather_icon/weather3.png) no-repeat;} .weatherZone .box01 .weatherBox.weather4{ background:url(../images/map/weather_icon/weather4.png) no-repeat;} .weatherZone .box01 .weatherBox.weather5{ background:url(../images/map/weather_icon/weather5.png) no-repeat;} .weatherZone .box01 .weatherBox.weather6{ background:url(../images/map/weather_icon/weather6.png) no-repeat;} .weatherZone .box01 .weatherBox.weather7{ background:url(../images/map/weather_icon/weather7.png) no-repeat;} .weatherZone .box01 .weatherBox.weather8{ background:url(../images/map/weather_icon/weather8.png) no-repeat;} .weatherZone .box01 .weatherBox.weather9{ background:url(../images/map/weather_icon/weather9.png) no-repeat;} .weatherZone .box01 .weatherBox.weather10{ background:url(../images/map/weather_icon/weather10.png) no-repeat;} .weatherZone .box01 .detail{ position:absolute; top:205px; left:510px;} .weatherZone .box01 .detail .temp{ font-size:36px;} .weatherZone .box01 .detail .temp span{ font-size:60px;} .weatherZone .box01 .state{ position:absolute; top:260px; left:510px; font-size:16px; width:250px; height:28px; line-height:28px; text-align:center; display:block; background-color:#19ae86; border-radius:30px;} .weatherZone .box01 .info{ position:absolute; top:198px; right:30px;} .weatherZone .box01 .info ul li{ width:170px; height:30px; padding:0 10px; line-height:30px; display:block; background-color:rgba(0,90,150,0.3);} .weatherZone .box01 .info ul li:nth-child(2){ background-color:rgba(0,90,150,0);} .weatherZone .box01 .otherDay{position:absolute; bottom:55px; left:380px;} .weatherZone .box01 .otherDay ul li{ float:left; margin:0 10px 0 0; width:190px; height:210px; display:block; padding:18px 0 0 0;} .weatherZone .box01 .otherDay ul li:nth-child(1){ background-color:rgba(0,90,150,0.8);} .weatherZone .box01 .otherDay ul li:nth-child(2){ background-color:rgba(0,116,187,0.8);} .weatherZone .box01 .otherDay ul li:nth-child(3){ background-color:rgba(0,133,218,0.8);} .weatherZone .box01 .otherDay ul li p{ text-align:center; line-height:24px;} .weatherZone .box01 .otherDay ul li p.temp{ font-size:20px; line-height:36px;} .weatherZone .box01 .otherDay ul li p.blue{ color:#33d1ff;} .weatherZone .box01 .otherDay ul li .weatherBox{ position: static; width:80px; height:80px; display:block; margin:5px auto ;} .weatherZone .box01 .otherDay ul li .weatherBox.weather1{ background:url(../images/map/weather_icon/weather1.png) no-repeat; background-size:80px 80px;} .weatherZone .box01 .otherDay ul li .weatherBox.weather2{ background:url(../images/map/weather_icon/weather2.png) no-repeat; background-size:80px 80px;} .weatherZone .box01 .otherDay ul li .weatherBox.weather3{ background:url(../images/map/weather_icon/weather3.png) no-repeat; background-size:80px 80px;} .weatherZone .box01 .otherDay ul li .weatherBox.weather4{ background:url(../images/map/weather_icon/weather4.png) no-repeat; background-size:80px 80px;} .weatherZone .box01 .otherDay ul li .weatherBox.weather5{ background:url(../images/map/weather_icon/weather5.png) no-repeat; background-size:80px 80px;} .weatherZone .box01 .otherDay ul li .weatherBox.weather6{ background:url(../images/map/weather_icon/weather6.png) no-repeat; background-size:80px 80px;} .weatherZone .box01 .otherDay ul li .weatherBox.weather7{ background:url(../images/map/weather_icon/weather7.png) no-repeat; background-size:80px 80px;} .weatherZone .box01 .otherDay ul li .weatherBox.weather8{ background:url(../images/map/weather_icon/weather8.png) no-repeat; background-size:80px 80px;} .weatherZone .box01 .otherDay ul li .weatherBox.weather9{ background:url(../images/map/weather_icon/weather9.png) no-repeat; background-size:80px 80px;} .weatherZone .box01 .otherDay ul li .weatherBox.weather10{ background:url(../images/map/weather_icon/weather10.png) no-repeat; background-size:80px 80px;} .weatherZone .box02 .remind{ position:absolute; top:125px; left:65px; width:250px; height:28px; line-height:28px; display:block; border-radius:99em; background-color:#19ae86; color:#fff; text-align:center;} .weatherZone .box02 .search{ font-size:30px;} .weatherZone .box02 ul{ position:absolute; top:170px; left:390px;} .weatherZone .box02 ul li{ width:560px; height:85px; display:block; padding:0 0 0 20px; margin:0 0 10px ;} .weatherZone .box02 ul li:nth-child(1){ background:url(../images/weather_386bg01.png) no-repeat;} .weatherZone .box02 ul li:nth-child(2){ background:url(../images/weather_386bg02.png) no-repeat;} .weatherZone .box02 ul li:nth-child(3){ background:url(../images/weather_386bg03.png) no-repeat;} .weatherZone .box02 ul li:nth-child(4){ background:url(../images/weather_386bg04.png) no-repeat;} .weatherZone .box02 ul li h3{ float:left; width:190px; display:block; font-size:20px; line-height:85px; font-weight:normal;} .weatherZone .box02 ul li p{ float:left; line-height:22px; padding:10px 0 0 ;} .weatherZone .box02 ul li .weatherBox{ float:left; width:120px; height:85px; line-height:85px; display:block;overflow:hidden; padding: 0 0 0 80px;} .weatherZone .box02 ul li .weather1{ background:url(../images/map/weather_icon/weather1.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 ul li .weather2{ background:url(../images/map/weather_icon/weather2.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 ul li .weather3{ background:url(../images/map/weather_icon/weather3.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 ul li .weather4{ background:url(../images/map/weather_icon/weather4.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 ul li .weather5{ background:url(../images/map/weather_icon/weather5.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 ul li .weather6{ background:url(../images/map/weather_icon/weather6.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 ul li .weather7{ background:url(../images/map/weather_icon/weather7.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 ul li .weather8{ background:url(../images/map/weather_icon/weather8.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 ul li .weather9{ background:url(../images/map/weather_icon/weather9.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 ul li .weather10{ background:url(../images/map/weather_icon/weather10.png) left no-repeat; background-size:80px 80px;} .weatherZone .box02 .map{ position:absolute; top:170px; left:20px; width:340px; height:380px; display:block;} .weatherZone .box02 .map.bg01{background:url(../images/map/map368_01.png) center no-repeat;} .weatherZone .box02 .map.bg02{background:url(../images/map/map368_02.png) center no-repeat;} .weatherZone .box02 .map.bg03{background:url(../images/map/map368_03.png) center no-repeat;} .weatherZone .box02 .map.bg04{background:url(../images/map/map368_04.png) center no-repeat;} .weatherZone .box02 .map.bg05{background:url(../images/map/map368_05.png) center no-repeat;} .weatherZone .box02 .map.bg06{background:url(../images/map/map368_06.png) center no-repeat;} .weatherZone .box02 .map.bg07{background:url(../images/map/map368_07.png) center no-repeat;} .weatherZone .box02 .map.bg08{background:url(../images/map/map368_08.png) center no-repeat;} .weatherZone .box02 .map.bg09{background:url(../images/map/map368_09.png) center no-repeat;} .weatherZone .box02 .map.bg10{background:url(../images/map/map368_10.png) center no-repeat;} .weatherZone .box02 .map.bg11{background:url(../images/map/map368_11.png) center no-repeat;} .weatherZone .box02 .map.bg12{background:url(../images/map/map368_12.png) center no-repeat;} .weatherZone .box02 .map.bg13{background:url(../images/map/map368_13.png) center no-repeat;} .weatherZone .box02 .map.bg14{background:url(../images/map/map368_14.png) center no-repeat;} .weatherZone .box02 .map.bg15{background:url(../images/map/map368_15.png) center no-repeat;} .weatherZone .box02 .map.bg16{background:url(../images/map/map368_16.png) center no-repeat;} .weatherZone .box02 .map.bg17{background:url(../images/map/map368_17.png) center no-repeat;} .weatherZone .box02 .map.bg18{background:url(../images/map/map368_18.png) center no-repeat;} .weatherZone .box02 .map.bg19{background:url(../images/map/map368_19.png) center no-repeat;} .weatherZone .box02 .map.bg20{background:url(../images/map/map368_20.png) center no-repeat;} .weatherZone .box02 .map.bg21{background:url(../images/map/map368_21.png) center no-repeat;} .weatherZone .box02 .map.bg22{background:url(../images/map/map368_22.png) center no-repeat;} .weatherZone .box03{ padding:70px 0 0;} .weatherZone .box03 .search{ width:100%; top:80px; left:0; font-size:30px; text-align:center;} .weatherZone .box03 .search a{ margin:0;} .weatherZone .box03 .chart{ position:absolute; top:120px; left:0; width:1000px; height:325px; display:block; background-color:none;} .highcharts-point{fill:rgba(255,255,255,0.8);stroke:rgba(255,255,255,0.3); stroke-width:15;} .highcharts-area{ fill:rgba(50,250,255,0.5); border-bottom:1px solid #fff;} .highcharts-grid.highcharts-yaxis-grid{display:none;} .highcharts-axis-line{/* stroke:#fff;*/} .highcharts-axis-labels.highcharts-xaxis-labels text tspan{ font-size:16px; } .highcharts-legend{ display:none;} .highcharts-tick{ stroke:rgba(255,255,255,0);} .highcharts-credits{ display:none;} .weatherZone .box03 ul.week{ position:absolute; bottom:15px; left:25px;} .weatherZone .box03 ul.week li{ position:relative; float:left; width:127px; height:150px; display:block; padding:10px 0 0; margin:0 10px 0 0; text-align:center; transition:background-color 0.3s;} .weatherZone .box03 ul.week li span{ width:100%; line-height:18px; display:block;} .weatherZone .box03 ul.week li span.temp{ position:absolute; bottom:8px;} .weatherZone .box03 ul.week li.weather1{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather1.png) center 50px no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li.weather2{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather2.png) center 50px no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li.weather3{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather3.png) center 50px no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li.weather4{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather4.png) center 50px no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li.weather5{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather5.png) center 50px no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li.weather6{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather6.png) center 50px no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li.weather7{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather7.png) center 50px no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li.weather8{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather8.png) center 50px no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li.weather9{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather9.png) center 50px no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li.weather10{ background:rgba(0,60,100,0.5) url(../images/map/weather_icon/weather10.png) center no-repeat; background-size:80px 80px;} .weatherZone .box03 ul.week li:hover{ background-color:rgba(255,255,255,0.4);} .weatherZone .box03 ul.week li.on{ background-color:rgba(255,255,255,0.4);} .weatherZone .box04 .search{ width:100%; top:80px; left:0; font-size:30px; text-align:center;} .weatherZone .box04 .search a{ margin:0;} .weatherZone .box04 .cityName{ position:absolute; top:80px; left:770px; width:210px; height:80px; display:block; background-color:rgba(0,0,0,0.3); font-size:20px; line-height:80px; text-align:center; } .weatherZone .box04 .weatherBox{ position:absolute; top:170px; left:770px; width:130px; height:80px; padding:0 0 0 80px; display:block;line-height:80px; overflow:hidden;} .weatherZone .box04 .weatherBox.weather1{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather1.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .weatherBox.weather2{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather2.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .weatherBox.weather3{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather3.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .weatherBox.weather4{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather4.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .weatherBox.weather5{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather5.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .weatherBox.weather6{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather6.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .weatherBox.weather7{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather7.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .weatherBox.weather8{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather8.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .weatherBox.weather9{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather9.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .weatherBox.weather10{ background:rgba(0,0,0,0.3) url(../images/map/weather_icon/weather10.png) 10px no-repeat; background-size:70px 70px;} .weatherZone .box04 .globalMap{ position:absolute; top:120px; width:1000px; height:470px; display:block;} .weatherZone .box04 .globalMap.map01{ background:url(../images/map/globalMap01.png) no-repeat;} .weatherZone .box04 .globalMap.map02{ background:url(../images/map/globalMap02.png) no-repeat;} .weatherZone .box04 .globalMap.map03{ background:url(../images/map/globalMap03.png) no-repeat;} .weatherZone .box04 .globalMap.map04{ background:url(../images/map/globalMap04.png) no-repeat;} .weatherZone .box04 .globalMap a{ width:26px; height:26px; display:block; position:absolute; background:url(../images/map/point.png) no-repeat;} .weatherZone .box04 .globalMap a:hover{ background:url(../images/map/point_on.png) no-repeat;} .weatherZone .box04 .globalMap a.on{ background:url(../images/map/point_on.png) no-repeat;} /*map01*/ .weatherZone .box04 .map01 a.po01{ top:92px; left:128px;}/*莫斯科*/ .weatherZone .box04 .map01 a.po02{ top:196px; left:92px;}/*伊斯坦堡*/ .weatherZone .box04 .map01 a.po03{ top:212px; left:236px;}/*新德里*/ .weatherZone .box04 .map01 a.po04{ top:237px; left:266px;}/*加德滿都*/ .weatherZone .box04 .map01 a.po05{ top:255px; left:354px;}/*河內*/ .weatherZone .box04 .map01 a.po06{ top:301px; left:339px;}/*曼谷*/ .weatherZone .box04 .map01 a.po07{ top:310px; left:361px;}/*胡志明市*/ .weatherZone .box04 .map01 a.po08{ top:332px; left:329px;}/*吉隆坡*/ .weatherZone .box04 .map01 a.po09{ top:352px; left:343px;}/*新加坡*/ .weatherZone .box04 .map01 a.po10{ top:403px; left:383px;}/*雅加達*/ .weatherZone .box04 .map01 a.po11{ top:130px; left:481px;}/*伯力*/ .weatherZone .box04 .map01 a.po12{ top:155px; left:474px;}/*海參威*/ .weatherZone .box04 .map01 a.po13{ top:193px; left:450px;}/*首爾*/ .weatherZone .box04 .map01 a.po14{ top:196px; left:502px;}/*東京*/ .weatherZone .box04 .map01 a.po15{ top:209px; left:485px;}/*大阪*/ .weatherZone .box04 .map01 a.po16{ top:290px; left:427px;}/*馬尼拉*/ .weatherZone .box04 .map01 a.po17{ top:353px; left:500px;}/*關島*/ .weatherZone .box04 .map01 a.po18{ top:260px; left:663px;}/*伯斯*/ .weatherZone .box04 .map01 a.po19{ top:280px; left:760px;}/*墨爾本*/ .weatherZone .box04 .map01 a.po20{ top:240px; left:790px;}/*布里斯班*/ .weatherZone .box04 .map01 a.po21{ top:267px; left:792px;}/*雪梨*/ .weatherZone .box04 .map01 a.po22{ top:306px; left:855px;}/*奧克蘭*/ .weatherZone .box04 .map01 a.po23{ top:325px; left:842px;}/*威靈頓*/ /*map02*/ .weatherZone .box04 .map02 a.po01{ top:92px; left:330px;}/*溫哥華*/ .weatherZone .box04 .map02 a.po02{ top:118px; left:342px;}/*西雅圖*/ .weatherZone .box04 .map02 a.po03{ top:152px; left:356px;}/*舊金山*/ .weatherZone .box04 .map02 a.po04{ top:180px; left:356px;}/*洛杉磯*/ .weatherZone .box04 .map02 a.po05{ top:227px; left:305px;}/*檀香山*/ .weatherZone .box04 .map02 a.po06{ top:167px; left:383px;}/*拉斯維加斯*/ .weatherZone .box04 .map02 a.po07{ top:238px; left:412px;}/*墨西哥城*/ .weatherZone .box04 .map02 a.po08{ top:315px; left:465px;}/*利瑪*/ .weatherZone .box04 .map02 a.po09{ top:368px; left:479px;}/*聖地牙哥(智利)*/ .weatherZone .box04 .map02 a.po10{ top:383px; left:498px;}/*布宜諾斯艾利斯*/ .weatherZone .box04 .map02 a.po11{ top:340px; left:533px;}/*里約*/ .weatherZone .box04 .map02 a.po12{ top:208px; left:445px;}/*邁阿密*/ .weatherZone .box04 .map02 a.po13{ top:148px; left:480px;}/*華盛頓特區*/ .weatherZone .box04 .map02 a.po14{ top:123px; left:494px;}/*紐約*/ .weatherZone .box04 .map02 a.po15{ top:100px; left:480px;}/*蒙特婁*/ .weatherZone .box04 .map02 a.po16{ top:120px; left:455px;}/*多倫多*/ .weatherZone .box04 .map02 a.po17{ top:140px; left:445px;}/*溫哥華*/ /*map03*/ .weatherZone .box04 .map03 a.po01{ top:241px; left:173px;}/*倫敦*/ .weatherZone .box04 .map03 a.po02{ top:136px; left:278px;}/*奧斯陸*/ .weatherZone .box04 .map03 a.po03{ top:158px; left:335px;}/*斯德哥爾摩*/ .weatherZone .box04 .map03 a.po04{ top:125px; left:413px;}/*赫爾辛基*/ .weatherZone .box04 .map03 a.po05{ top:199px; left:291px;}/*哥本哈根*/ .weatherZone .box04 .map03 a.po06{ top:408px; left:56px;}/*里斯本*/ .weatherZone .box04 .map03 a.po07{ top:383px; left:93px;}/*馬德里*/ .weatherZone .box04 .map03 a.po08{ top:233px; left:231px;}/*阿姆斯特丹*/ .weatherZone .box04 .map03 a.po09{ top:271px; left:186px;}/*布魯塞爾*/ .weatherZone .box04 .map03 a.po10{ top:296px; left:163px;}/*巴黎*/ .weatherZone .box04 .map03 a.po11{ top:326px; left:210px;}/*日內瓦*/ .weatherZone .box04 .map03 a.po12{ top:224px; left:288px;}/*柏林*/ .weatherZone .box04 .map03 a.po13{ top:248px; left:258px;}/*法蘭克福*/ .weatherZone .box04 .map03 a.po14{ top:268px; left:316px;}/*布拉格*/ .weatherZone .box04 .map03 a.po15{ top:296px; left:319px;}/*維也納*/ .weatherZone .box04 .map03 a.po16{ top:319px; left:291px;}/*威尼斯*/ .weatherZone .box04 .map03 a.po17{ top:366px; left:299px;}/*羅馬*/ .weatherZone .box04 .map03 a.po18{ top:229px; left:371px;}/*華沙*/ .weatherZone .box04 .map03 a.po19{ top:294px; left:404px;}/*布達佩斯*/ .weatherZone .box04 .map03 a.po20{ top:410px; left:419px;}/*雅典*/ .weatherZone .box04 .map03 a.po21{ top:186px; left:802px;}/*開羅*/ .weatherZone .box04 .map03 a.po22{ top:351px; left:795px;}/*約翰尼斯堡*/ /*map04*/ .weatherZone .box04 .map04 a.po01{ top:326px; left:394px;}/*昆明*/ .weatherZone .box04 .map04 a.po02{ top:270px; left:452px;}/*重慶*/ .weatherZone .box04 .map04 a.po03{ top:228px; left:473px;}/*西安*/ .weatherZone .box04 .map04 a.po04{ top:208px; left:420px;}/*蘭州*/ .weatherZone .box04 .map04 a.po05{ top:387px; left:506px;}/*海口*/ .weatherZone .box04 .map04 a.po06{ top:342px; left:542px;}/*香港*/ .weatherZone .box04 .map04 a.po07{ top:318px; left:528px;}/*廣州*/ .weatherZone .box04 .map04 a.po08{ top:310px; left:592px;}/*福州*/ .weatherZone .box04 .map04 a.po09{ top:283px; left:564px;}/*南昌*/ .weatherZone .box04 .map04 a.po10{ top:260px; left:530px;}/*武漢*/ .weatherZone .box04 .map04 a.po11{ top:261px; left:616px;}/*杭州*/ .weatherZone .box04 .map04 a.po12{ top:239px; left:633px;}/*上海*/ .weatherZone .box04 .map04 a.po13{ top:216px; left:580px;}/*南京*/ .weatherZone .box04 .map04 a.po14{ top:193px; left:534px;}/*開封*/ .weatherZone .box04 .map04 a.po15{ top:158px; left:603px;}/*青島*/ .weatherZone .box04 .map04 a.po16{ top:141px; left:545px;}/*北京*/ .weatherZone .box04 .map04 a.po17{ top:110px; left:615px;}/*瀋陽*/ .weatherZone .box05 .search{ top:150px; left:560px; width:410px; font-size:30px;} .weatherZone .box05 .sentTime{ top:120px; left:560px; width:410px;} .weatherZone .box05 .dataFrom{ position:absolute; bottom:15px; right:30px; height:20px; line-height:20px;} .weatherZone .box05 h2{ color:#33f8ff; font-size:50px; font-weight:normal; line-height:1.2;} .weatherZone .box05 h2 span{ font-size:26px;} .weatherZone .box05 h3{font-size:24px; text-align:center; margin:15px 0 0;} .weatherZone .box05 h3 a{ color:#fff; text-decoration:underline;} .weatherZone .box05 .pmBox{ position:absolute; top:215px; left:560px; width:180px; height:270px; padding:20px 10px 10px; display:block; background-color:rgba(0,116,187,0.8);} .weatherZone .box05 .psiBox{ position:absolute; top:215px; left:770px; width:180px; height:270px; padding:20px 10px 10px; display:block; background-color:rgba(0,91,147,0.8);} .weatherZone .box05 .grade{ position:absolute; top:30px; right:10px;font-size:30px; line-height:40px; min-width:20px; height:40px; padding:0 10px; text-align:center; border-radius:99em; color:#fff; background-color:rgba(255,255,255,0.3);} .weatherZone .box05 .slog{ text-align:center; color:#fff; margin:15px 0 0;} .weatherZone .box05 .slog span{ min-width:20px; padding:5px 8px; line-height:40px; height:40px; font-size:24px;font-weight:bold; border-radius:99em; text-shadow:1px 0px 3px rgba(0,0,0,0.5); } .weatherZone .box05 .slog span.c01{background-color:#b0ffb0;} .weatherZone .box05 .slog span.c02{background-color:#5aff33;} .weatherZone .box05 .slog span.c03{background-color:#5ad933;} .weatherZone .box05 .slog span.c04{background-color:#ffff33;} .weatherZone .box05 .slog span.c05{background-color:#ffd933;} .weatherZone .box05 .slog span.c06{background-color:#ffae33;} .weatherZone .box05 .slog span.c07{background-color:#ff8383;} .weatherZone .box05 .slog span.c08{background-color:#ff3333;} .weatherZone .box05 .slog span.c09{background-color:#ad3333;} .weatherZone .box05 .slog span.c10{background-color:#d859ff;} .weatherZone .box05 ul{ padding:10px 0 0; margin:10px 0 0; font-size:14px; border-top:1px dotted #fff;} .weatherZone .box05 ul li .blue{ color:#33f8ff;} .weatherZone .box05 .pmMap{ position:relative; width:560px; height:540px; display:block;background:url(../images/map/pmMap.png) no-repeat;} .weatherZone .box05 .pmMap .spot{ position:absolute; width:7px; height:7px; display:block; border-radius:99em; background-color:#46bea3; cursor:pointer;} .weatherZone .box05 .pmMap .spot.c01{background-color:#b0ffb0;} .weatherZone .box05 .pmMap .spot.c02{background-color:#5aff33;} .weatherZone .box05 .pmMap .spot.c03{background-color:#5ad933;} .weatherZone .box05 .pmMap .spot.c04{background-color:#ffff33;} .weatherZone .box05 .pmMap .spot.c05{background-color:#ffd933;} .weatherZone .box05 .pmMap .spot.c06{background-color:#ffae33;} .weatherZone .box05 .pmMap .spot.c07{background-color:#ff8383;} .weatherZone .box05 .pmMap .spot.c08{background-color:#ff3333;} .weatherZone .box05 .pmMap .spot.c09{background-color:#ad3333;} .weatherZone .box05 .pmMap .spot.c10{background-color:#d859ff;} .weatherZone .box05 .pmMap .spot.p01{ top:70px; left:80px;}/*馬祖*/ .weatherZone .box05 .pmMap .spot.p02{ top:140px; left:80px;}/*金門*/ .weatherZone .box05 .pmMap .spot.p03{ top:220px; left:100px;}/*澎湖*/ .weatherZone .box05 .pmMap .spot.p04{ top:418px; left:125px;}/*楠梓*/ .weatherZone .box05 .pmMap .spot.p05{ top:426px; left:132px;}/*仁武*/ .weatherZone .box05 .pmMap .spot.p06{ top:437px; left:120px;}/*左營*/ .weatherZone .box05 .pmMap .spot.p07{ top:448px; left:120px;}/*前金*/ .weatherZone .box05 .pmMap .spot.p08{ top:455px; left:135px;}/*復興*/ .weatherZone .box05 .pmMap .spot.p09{ top:460px; left:128px;}/*前鎮*/ .weatherZone .box05 .pmMap .spot.p10{ top:470px; left:132px;}/*小港*/ .weatherZone .box05 .pmMap .spot.p11{ top:48px; left:321px;}/*觀音*/ .weatherZone .box05 .pmMap .spot.p12{ top:43px; left:330px;}/*大園*/ .weatherZone .box05 .pmMap .spot.p13{ top:53px; left:340px;}/*桃園*/ .weatherZone .box05 .pmMap .spot.p14{ top:64px; left:326px;}/*平鎮*/ .weatherZone .box05 .pmMap .spot.p15{ top:66px; left:336px;}/*小港*/ .weatherZone .box05 .pmMap .spot.p16{ top:75px; left:341px;}/*龍潭*/ .weatherZone .box05 .pmMap .spot.p17{ top:68px; left:307px;}/*湖口*/ .weatherZone .box05 .pmMap .spot.p18{ top:85px; left:298px;}/*新竹*/ .weatherZone .box05 .pmMap .spot.p19{ top:97px; left:315px;}/*竹東*/ .weatherZone .box05 .pmMap .spot.p20{ top:100px; left:290px;}/*頭份*/ .weatherZone .box05 .pmMap .spot.p21{ top:118px; left:278px;}/*苗栗*/ .weatherZone .box05 .pmMap .spot.p22{ top:137px; left:268px;}/*三義*/ .weatherZone .box05 .pmMap .spot.p23{ top:160px; left:272px;}/*豐原*/ .weatherZone .box05 .pmMap .spot.p24{ top:163px; left:248px;}/*沙鹿*/ .weatherZone .box05 .pmMap .spot.p25{ top:170px; left:256px;}/*西屯*/ .weatherZone .box05 .pmMap .spot.p26{ top:172px; left:266px;}/*忠明*/ .weatherZone .box05 .pmMap .spot.p27{ top:190px; left:270px;}/*大里*/ .weatherZone .box05 .pmMap .spot.p28{ top:185px; left:237px;}/*線西*/ .weatherZone .box05 .pmMap .spot.p29{ top:193px; left:241px;}/*彰化*/ .weatherZone .box05 .pmMap .spot.p30{ top:207px; left:228px;}/*二林*/ .weatherZone .box05 .pmMap .spot.p31{ top:213px; left:307px;}/*埔里*/ .weatherZone .box05 .pmMap .spot.p32{ top:220px; left:265px;}/*南投*/ .weatherZone .box05 .pmMap .spot.p33{ top:246px; left:266px;}/*竹山*/ .weatherZone .box05 .pmMap .spot.p34{ top:245px; left:251px;}/*斗六*/ .weatherZone .box05 .pmMap .spot.p35{ top:234px; left:223px;}/*崙背*/ .weatherZone .box05 .pmMap .spot.p36{ top:238px; left:208px;}/*麥寮*/ .weatherZone .box05 .pmMap .spot.p37{ top:249px; left:201px;}/*臺西*/ .weatherZone .box05 .pmMap .spot.p38{ top:281px; left:250px;}/*嘉義*/ .weatherZone .box05 .pmMap .spot.p39{ top:272px; left:213px;}/*新港*/ .weatherZone .box05 .pmMap .spot.p40{ top:281px; left:203px;}/*朴子*/ .weatherZone .box05 .pmMap .spot.p41{ top:294px; left:218px;}/*新營*/ .weatherZone .box05 .pmMap .spot.p42{ top:320px; left:217px;}/*善化*/ .weatherZone .box05 .pmMap .spot.p43{ top:329px; left:200px;}/*安南*/ .weatherZone .box05 .pmMap .spot.p44{ top:340px; left:196px;}/*臺南*/ .weatherZone .box05 .pmMap .spot.p45{ top:362px; left:239px;}/*美濃*/ .weatherZone .box05 .pmMap .spot.p46{ top:381px; left:212px;}/*橋頭*/ .weatherZone .box05 .pmMap .spot.p47{ top:391px; left:222px;}/*鳳山*/ .weatherZone .box05 .pmMap .spot.p48{ top:404px; left:223px;}/*大寮*/ .weatherZone .box05 .pmMap .spot.p49{ top:414px; left:220px;}/*林園*/ .weatherZone .box05 .pmMap .spot.p50{ top:382px; left:243px;}/*屏東*/ .weatherZone .box05 .pmMap .spot.p51{ top:407px; left:250px;}/*潮州*/ .weatherZone .box05 .pmMap .spot.p52{ top:488px; left:273px;}/*恆春*/ .weatherZone .box05 .pmMap .spot.p53{ top:378px; left:322px;}/*臺東*/ .weatherZone .box05 .pmMap .spot.p54{ top:328px; left:333px;}/*關山*/ .weatherZone .box05 .pmMap .spot.p55{ top:180px; left:378px;}/*花蓮*/ .weatherZone .box05 .pmMap .spot.p56{ top:99px; left:405px;}/*冬山*/ .weatherZone .box05 .pmMap .spot.p57{ top:90px; left:402px;}/*宜蘭*/ .weatherZone .box05 .pmMap .spot.p58{ top:176px; left:441px;}/*淡水*/ .weatherZone .box05 .pmMap .spot.p59{ top:174px; left:451px;}/*陽明*/ .weatherZone .box05 .pmMap .spot.p60{ top:174px; left:481px;}/*萬里*/ .weatherZone .box05 .pmMap .spot.p61{ top:184px; left:495px;}/*基隆*/ .weatherZone .box05 .pmMap .spot.p62{ top:193px; left:431px;}/*林口*/ .weatherZone .box05 .pmMap .spot.p63{ top:198px; left:439px;}/*菜寮*/ .weatherZone .box05 .pmMap .spot.p64{ top:207px; left:443px;}/*新莊*/ .weatherZone .box05 .pmMap .spot.p65{ top:216px; left:443px;}/*板橋*/ .weatherZone .box05 .pmMap .spot.p66{ top:226px; left:444px;}/*土城*/ .weatherZone .box05 .pmMap .spot.p67{ top:196px; left:449px;}/*三重*/ .weatherZone .box05 .pmMap .spot.p68{ top:199px; left:457px;}/*大同*/ .weatherZone .box05 .pmMap .spot.p69{ top:207px; left:457px;}/*萬華*/ .weatherZone .box05 .pmMap .spot.p70{ top:216px; left:457px;}/*永和*/ .weatherZone .box05 .pmMap .spot.p71{ top:222px; left:463px;}/*新店*/ .weatherZone .box05 .pmMap .spot.p72{ top:189px; left:459px;}/*士林*/ .weatherZone .box05 .pmMap .spot.p73{ top:203px; left:464px;}/*中山*/ .weatherZone .box05 .pmMap .spot.p74{ top:210px; left:468px;}/*古亭*/ .weatherZone .box05 .pmMap .spot.p75{ top:203px; left:473px;}/*松山*/ .weatherZone .box05 .pmMap .spot.p76{ top:200px; left:485px;}/*汐止*/ .weatherZone .box05 .pmMap .spot.now{ width:12px; height:12px; border-radius:0; border:3px solid #13a494; transition:all 0.3s; z-index:1;} .weatherZone .box05 .pmMap .spot.car{ border:3px solid #32f6fe;} .weatherZone .box05 .pmMap .spot.pause{background:url(../images/map/pm_icon01.png) no-repeat;} .weahterCenter{ width:680px; margin:10px 0 0 0;} .weahterCenter .TTitle{ width:680px; height:44px; display:block; padding:0 0 0 15px; line-height:44px; color:#fff; font-size:20px; background:url(../images/map/TTitle.jpg) no-repeat;} .weahterCenter .TTitle span{ margin:0 0 0 80px; color:#007ac5;font-size:16px;} .weahterCenter .box{ width:680px; color:#555555; line-height:24px; margin:10px 0;} .weahterCenter .box .fL{ float:left; width:40px;} .weahterCenter .box .fR{ float:right; width:640px;} .weahterCenter .box .fR ul{ margin:0 0 0 16px;} .weahterCenter .box .fR ul li{ list-style:decimal; margin:0 0 10px 0;} .weahterCenter .box .pic{ width:600px; height:470px; display:block; overflow:hidden; margin:0 auto; color:#666666;} .weahterCenter .box .pic img{ width:600px; height:440px;} .weahterCenter .box .pic span{ font-size:14px; line-height:30px;} .weahterCenter .box table{ margin:0 0 20px 0; border-top:1px solid #cddbef;border-left:1px solid #cddbef;} .weahterCenter .box table th{ padding:7px 5px; font-size:20px; font-weight:bold; text-align:center; color:#005b93; background-color:#eef5ff; border-bottom:1px solid #cddbef;border-right:1px solid #cddbef;} .weahterCenter .box table td{ padding:7px 5px; border-bottom:1px solid #cddbef;border-right:1px solid #cddbef; vertical-align:middle;} .weahterCenter .box table td.blue{color:#000; background-color:#f6faff; font-weight:bold; text-align:center;} .weahterCenter .box table td span{ color:#b31414;}