@charset "utf-8"; /* CSS Document */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div {display:block;} /* ~~ CSS reset 開始 ~~ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0;/* font-weight: inherit;*/ font-style: inherit; font-size: 100%;} :focus {outline: 0;} ol, ul {list-style: none;} caption, th, td {font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* ~~ CSS reset 結束 ~~ */ body{ font-family: "微軟正黑體","儷黑 Pro",Arial,Helvetica,sans-serif; font-size:16px; line-height: 150%; color:#969594; background: #151515;} a{ color:#ffffff; text-decoration:none;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} ::selection{background:#71e2ea} select,input,textarea{font-family: "微軟正黑體","儷黑 Pro",Arial,Helvetica,sans-serif;} input.btn01{ cursor: pointer; padding: 5px 10px; border: 1px solid #b1b0b0; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #dbdbdb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#dbdbdb)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#dbdbdb 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#dbdbdb 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#dbdbdb 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#dbdbdb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dbdbdb',GradientType=0 );} /* 2016-12-20 ADD for Article Content */ .innertext p { line-height: 170%; -webkit-margin-before: 1em; -webkit-margin-after: 1em; } /*topbar*/ .topbar2013,.sixiwp{width:100%; min-width: 1240px;} /*headr*/ #banner{position:relative; width:100%; min-width: 1240px; height:335px; background:url(../show/theme/N003/hdtitbg.jpg) center top;} #pageheader{ width:1240px; margin: auto;} #pageheader h1{ display:block; width:100%; text-align:center; padding: 60px 0 0 0;} #pageheader h1 a{ font-size:60px; text-shadow:2px 2px 5px rgba(0,0,0,.4); color:#FFF; line-height:70px;} #pageheader h1 .description{ display:block; font-size:16px; color:#fff; text-shadow:2px 2px 5px rgba(0,0,0,.4); line-height:30px; letter-spacing:1px;} /* #pageheader h1 .likopt{ width: 308px; height: 30px; margin:10px auto;} */ #pageheader h1 .likopt { width: 308px; height: 30px;} .likopt i{display:block; float: left; height: 30px; margin: 5px;line-height: 30px; width: 144px; font-style: normal; color: #00eeff; font-size: 14px; text-align: left; box-shadow: 1px 1px 7px rgba(0,0,0,0.3); text-shadow: 1px 1px 5px rgba(0,0,0,0.3); cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAeCAYAAADpYKT6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNqckEEKACAIBAt6rI/tSbp2CXQPC5G3YVZRp5ntcWtl5igACqIDGcgYIpohkDHvoA1Pc1fmAx635h55Dxv13iPAAF/AWJ5ev2QbAAAAAElFTkSuQmCC);} .likopt i span{ display: block; float: left; overflow: hidden; width:30px; height: 30px; line-height: 30px; text-align: center; border-right: 1px solid #514b4a; font-size: 16px;} .likopt i b{ margin: 0 5px; font-size: 16px;} .likopt i.actv span{ color: #797979; text-shadow:none; cursor:text;} .likopt i.actv{ color: #dddddd; cursor:text;} #description2{ width: 100%; height: 33px; position: absolute; bottom: 0;} .service1{ width: 1240px; height: 33px; margin: 0 auto; } .serviceList{ display: flex; flex-flow:row; display: -moz-box; width: 1240px; height: 33px; margin: auto; background:url(//mypaper.pchome.com.tw/img/serviceListbg.png); } .serviceList li{ text-align: center; line-height: 33px; border-left: 1px solid #454545; display: block\9; width: 94px\9;} .serviceList li.flx1{flex: 1; -webkit-flex: 1; -moz-box-flex: 1;} .serviceList li.flx2{flex: 2; -webkit-flex: 2; -moz-box-flex: 2;} .serviceList li:hover,.serviceList li.on{ border-bottom: 3px solid #15baff; } .serviceList li a{ display: block; width: 100%; line-height: 33px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);} .serviceList li:hover,.serviceList li.on{ border-bottom: 3px solid #15baff; } .serviceList li a u{ margin:0 0 0 5px; text-decoration:none; color:#FFF; padding:1px 5px; font-size: 13px; border-radius:50px; background:#15baff} /*sethdpic*/ .htpicset{ display: none; width: 90px; padding:0 3px; height: 34px; line-height: 34px; background: url(//mypaper.pchome.com.tw/img/bop60.png); float: right; font-size: 14px; font-weight: bold;} .htpicset a{ display: block; width: 100%; height: 34px; line-height: 34px; color: #e5e5e5;} .htpicset .ic-set{ display: block; width: 25px; line-height: 34px; height: 34px; text-align: center; font-size: 18px; float: left; font-weight: normal;} .htpicset a:hover{ color: #41cbd6;} #banner:hover .htpicset{display: block; } /*blgbody*/ #main2{ width: 1240px; padding: 15px 0 0 0; margin: 0 auto; overflow: hidden;} #content{ float: left; width: 960px; padding: 0 20px 0 0;} #links{ float: left; width: 260px; background: #000; padding: 0 0 10px 0; font-size: 15px;} /*blog cont*/ .date .datediv{ display: inline-block;height: 28px; line-height: 28px; padding: 0 10px} .blogbody2{ background: #e2e2e2; padding: 0 0 15px 0;} .blogbody2 a{color: #00a4e8} /*article_awr*/ i.awrart{ background: url(/img/awr_awrart.png) no-repeat;} i.hotart{ background: url(/img/awr_hotart.png) no-repeat;} i.hotpic{ background: url(/img/awr_hotpic.png) no-repeat;} /*單文頁*/ .articletext{ padding: 0 15px;} .articletext .title{ font-size: 40px; line-height: 52px;color: #000} .articletext .title i{ display: inline-block; width: 52px; height: 52px; margin: 0 10px 0 0;} .blogbody2 .sharbtn{ overflow: hidden; padding: 15px 0; font-size: 16px;} .sharbtn u{ color:#333333;display: inline-block; padding: 0 5px; height: 28px; line-height: 30px; background: #d8d8d8; float: left; margin: 0 10px 0 0; border-radius: 3px; text-decoration: none; font-weight: bold; cursor: pointer;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .sharbtn u span{ padding: 0 2px; font-weight: normal;} .sharbtn u span.ic-start{ padding: 0 2px 0 0;} .sharbtn u.on,.sharbtn u:hover{ background: #969696; color: #e3e3e3;} .sharbtn i{ display: block; float: left; height: 28px; cursor: pointer;margin: 0 10px 0 0; border-radius: 3px;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .sharbtn i.shrkait{ background: url(/img/shr_ico.png) 0 0 no-repeat #3bb4d7; width: 48px;} .sharbtn i.shrfb{ background:#5375bb; width: 28px; font-size: 18px; text-align: center; line-height: 30px; color: #fff} .sharbtn i.shrkait:hover{ background-color:#0096c2;} .sharbtn i.shrfb:hover{ background:#39599a;} .sharbtn i.shrpapr{background: url(/img/shr_ico.png) 0 -28px no-repeat #42bac2; width: 90px;} .sharbtn i.shrpapr:hover{ background-color:#01a6b2; } .articletext .innertext{ padding: 10px 0 0 0; font-size: 16px;color: #333333} .innertext img{ max-width: 930px;} .aticeofopt .gtrepot{ float:right; display:block; width:70px; line-height:28px; background:#d5d5d5; font-size:13px; text-align:center; border-radius:2px; margin:0 0 10px 0; cursor:pointer;} .gtrepot a{ line-height: 28px; font-size: 13px; color: #303030; text-decoration: underline;} .aticeofopt .atictag{ clear: both; overflow: hidden; padding: 0 0 10px 0;} .atictag a{ font-size: 18px;} .atictag i{ display: inline-block; color: #57b4dc; background: #e4e4e4; line-height: 26px; padding: 3px 5px; margin: 8px 5px 0 0; font-style: normal;} #article_author{ text-align: right; line-height: 40px; border-bottom: 1px dotted #d2d2d2;} .extended .extdhl{ background: #15baff; color: #fff; padding: 0 5px;} .commentbx{padding: 0 15px;} #nvbar{ height: 35px; background: #f0f0f0; border-bottom: 1px solid #cecece; padding: 0; margin: 0 0 10px 0;} #nvbar .tab{ display: block; float: left; width: 125px; height: 35px; line-height: 35px; text-align: center;} #nvbar .tab_on{ display: block; float: left; width: 125px;height: 35px; line-height: 35px; text-align: center; background: #fff; border: 1px solid #cecece; border-bottom: none;} #nvbar .tab a,#nvbar .tab_on a{ color:#303030} .comments-head{ display: block; width: 95px; height: 34px; line-height: 34px; text-align: center; float: right; background: #15baff;margin: -45px 0 0 0;} .comments-head a{color: #fff; font-size: 18px;} .comments-body{ background: #f0f0f0; padding: 10px 0 0;color: #333333} .comments-post{ padding: 0 10px; line-height: 32px;} .comments-post input{ /*float: left;*/} .comments-post-tit{color: #333333} .total-comments-div{ padding: 5px 10px; } .comments-date{ padding: 0 10px; color: #333333;} .comments-reply{ background: #afafaf; padding: 10px;} .comments-reply-tit{ color: #000; font-size: 14px; font-weight: bold;} .comments-reply .comments-date{ padding: 0;} .mstreplyinpt{ text-align: center; padding: 10px;} .mstreplyinpt input{ margin: 0 5px; font-size: 16px;} .comments-bottom{ padding: 10px 0 0 0;} .hostreply{ background: #f9ebd4; padding: 10px; display: none;} .hostreply.op{ display: block;} .hostreply textarea { display: block; padding: 10px; margin: 0 0 10px 0; width: 860px; height: 80px; line-height: 22px; background: #fffaf2; border: 1px #fffaf2 solid; outline: none; font-size: 15px;} .hostreply textarea:focus{ background: #fff; border: 1px #edd0a1 solid;} #comments-form{ overflow: hidden; padding: 10px 0;} #comments-form .tit{ width: 15%; float: left; text-align: right; } #comments-form .ip{ float: left; width: 80%;} #comments-form .ip input{ display: block; width: 100%; } #comments-form .ip textarea{display: block; width: 100%; height: 100px; line-height: 30px;} #comments-form center{ text-align: left;} .comments-body input{margin: 0 5px; font-size: 16px; } .extnartbx{ padding: 10px 0; line-height: 140%; overflow: hidden;} .extnartbx h3{ line-height: 40px; font-weight: bold} .extnartbx>div{ float: left; width: 95px; padding: 0 10px;} .extnartbx>div img{ width: 95px; height: 95px;} /*guest*/ .blgwbgbx{ background: #fff; padding: 0 15px;} .ppersevtit{ font-size: 20px; color: #ffffff; line-height: 35px; font-weight: bold} .adfrndcont{ padding: 10px; border-bottom: 1px dotted #888888; overflow: hidden; position: relative;} .adfrndcont p{ font-size: 25px; line-height: 60px; font-weight: bold;} .adfrndcont p b{ display: block; width: 95px; height: 95px; border-radius: 100%; overflow: hidden; float: left; margin: 0 15px 0 0;} .adfrndcont p b img{ width: 95px;} .adfrndcont .adoptbox{ position: absolute; bottom: 15px; height: 34px; left: 120px;} .adoptbox .rsart,.adoptbox .delfrnd{ display: inline; padding: 6px 15px; color: #fff; text-align: center; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); font-size: 17px; cursor: pointer; margin: 0 10px 0 0; font-style: normal;} .adoptbox .delfrnd{font-style: normal;} .adoptbox .delfrnd{background: #00c5d3; background: -moz-linear-gradient(top, #00c5d3 0%, #01aab6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c5d3), color-stop(100%,#01aab6)); background: -webkit-linear-gradient(top, #00c5d3 0%,#01aab6 100%); background: -o-linear-gradient(top, #00c5d3 0%,#01aab6 100%); background: -ms-linear-gradient(top, #00c5d3 0%,#01aab6 100%); background: linear-gradient(to bottom, #00c5d3 0%,#01aab6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5d3', endColorstr='#01aab6',GradientType=0 );} .unrs{ cursor: default; background: #aeaeae; background: -moz-linear-gradient(top, #aeaeae 0%, #848484 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeaeae), color-stop(100%,#848484));background: -webkit-linear-gradient(top, #aeaeae 0%,#848484 100%); background: -o-linear-gradient(top, #aeaeae 0%,#848484 100%); background: -ms-linear-gradient(top, #aeaeae 0%,#848484 100%); background: linear-gradient(to bottom, #aeaeae 0%,#848484 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#848484',GradientType=0 );} /*==================================*/ .rsart{background: #00c5d3; background: -moz-linear-gradient(top, #00c5d3 0%, #01aab6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c5d3), color-stop(100%,#01aab6)); background: -webkit-linear-gradient(top, #00c5d3 0%,#01aab6 100%); background: -o-linear-gradient(top, #00c5d3 0%,#01aab6 100%); background: -ms-linear-gradient(top, #00c5d3 0%,#01aab6 100%); background: linear-gradient(to bottom, #00c5d3 0%,#01aab6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5d3', endColorstr='#01aab6',GradientType=0 );} .unrs{ cursor: default; background: #aeaeae; background: -moz-linear-gradient(top, #aeaeae 0%, #848484 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeaeae), color-stop(100%,#848484));background: -webkit-linear-gradient(top, #aeaeae 0%,#848484 100%); background: -o-linear-gradient(top, #aeaeae 0%,#848484 100%); background: -ms-linear-gradient(top, #aeaeae 0%,#848484 100%); background: linear-gradient(to bottom, #aeaeae 0%,#848484 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#848484',GradientType=0 ); } /*recmd & subs*/ #content-cato{height: 130px;background: #333333;padding: 10px;position: relative;margin: 12px 0 0 0;} #content-cato .lf{ display: block; width: 150px; height: 150px; overflow: hidden; position: absolute; top: 0; left: 0; } #content-cato .lf img{ width: 150px; min-height: 150px} #content-cato .rf{ display: block; line-height: 30px;} #content-cato .rf>span{ line-height: 25px; padding: 15px 0;} #content-cato .rsart{ cursor: pointer; position: absolute; bottom: 0; right: 0; display: block; width: 95px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; color: #fff; font-style: normal;} .pusblgr{ font-style:italic; line-height: 30px; } .pusblgr a{ font-weight: bold;} .rf .atit{ display: block; font-size: 28px; line-height: 35px; padding: 5px 0; height: 35px; } .rf .atit a{ display: block; height: 35px; line-height: 35px; text-shadow:1px 1px 2px rgba(0,0,0,0.15); text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; overflow: hidden;} #content-cato .date{ color: #878686; font-size: 14px; line-height: 30px;} #content-cato .pusblgr,#content-cato .rf{ padding: 0 0 0 155px;} #content-cato.noimg .pusblgr,#content-cato.noimg .rf,#content-cato.noimg .date{ padding: 0;} .rf .atit i{ cursor: pointer; display: block; width: 95px; height: 32px; line-height: 32px;border-radius: 3px; text-align: center; color: #fff; font-size: 15px; position: absolute; bottom: 0; right: 0; font-style: normal;} .date .views_wrtr{ background: url(//mypaper.pchome.com.tw/img/sideicon02.gif) 0 2px no-repeat;} .rf .atit .artnoteico{ position: absolute; left: 0; top: 0;} .atit i.delrs{ position: absolute; bottom: 0; right: 0; display: block; width: 50px; height: 32px; line-height: 32px;border-radius: 3px; text-align: center; color: #fff; font-size: 15px; position: absolute; bottom: 0; right: 0; font-style: normal;} i.delrs{ background: #00c5d3; background: -moz-linear-gradient(top, #00c5d3 0%, #01aab6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c5d3), color-stop(100%,#01aab6)); background: -webkit-linear-gradient(top, #00c5d3 0%,#01aab6 100%); background: -o-linear-gradient(top, #00c5d3 0%,#01aab6 100%); background: -ms-linear-gradient(top, #00c5d3 0%,#01aab6 100%); background: linear-gradient(to bottom, #00c5d3 0%,#01aab6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5d3', endColorstr='#01aab6',GradientType=0 ); } /*首頁文章列表*/ .blogbody2.lis{ height: 280px; overflow: hidden; position: relative; margin: 0 0 25px 0;} .blogbody2.lis .articletext{ padding: 15px; position: relative;} .blogbody2.lis .articletext .title { font-size: 34px; line-height: 42px; display: block; width: 610px; padding: 0 0 10px 10px; float: right;} .blogbody2.lis .articletext .title:hover{ text-shadow:1px 1px 3px rgba(0,0,0,0.2);} .blogbody2.lis .innertext img{ width: 320px; position: absolute; top: 0; left: 0;} .blogbody2.lis .innertext { padding: 0 0 0 320px; line-height: 24px;color: #505050} .blogbody2.lis .extended{ padding: 0 0 0 320px; line-height: 30px;} .blogbody2.lis .posted { width: 625px; line-height: 30px; height: 30px; position: absolute; right: 0; bottom: 8px; } .posted a{ padding: 0 5px;} .posted a:first-child{ padding: 0 5px 0 0;} /*文章列表x圖*/ .blogbody2.lis.noimg .articletext .title{ padding: 0; width: 100%;} .blogbody2.lis .articletext .title a{ color: #000} .blogbody2.lis.noimg .innertext{ padding: 0; width: 100%;color: #505050} .blogbody2.lis.noimg .extended{ padding: 0; width: 100%;} .blogbody2.lis.noimg .posted{ width: 930px; padding: 0 15px;} .blogbody2.lis .extended a,.blogbody2.lis .posted a{color:#00a4e8} /*page*/ #page{ width: 100%; padding: 5px 0 15px 0; text-align: center; line-height: 30px; } #page span{ font-size: 20px; letter-spacing: 2px;} /*article_pv*/ .ratefom{ width:100%; font-size: 18px;} .ratefom tr.rfom1{ height:18px; background:#7b7b7b; color:#FFF; text-align:center; letter-spacing:1px;} .ratefom td{ padding:8px; border-bottom:1px solid #cccccc; } .ratefom td:first-child{ border-right: 1px solid #cccccc; width: 100px; padding:5px 10px;} .ratefom .rtnubr{width:90px; border-left:1px solid #cccccc; text-align:center;} .ratefom td a{ font-size: 20px; line-height: 28px; font-weight: bold;} .ratefom td i{display: block; float: left; width: 40px; height: 40px; margin: 0 8px 0 0;} .ratefom td i.awrart{ background: url(/img/awr_awrart_s.png) no-repeat;} .ratefom td i.hotart{ background: url(/img/awr_hotart_s.png) no-repeat;} .ratefom td i.hotpic{ background: url(/img/awr_hotpic_s.png) no-repeat;} .evntr{background: #000;} /*活動*/ .tit_blue{ color: #ffffff} .tit_green{ color: #ffffff} /*wth100*/ #content-i{ background: #292929; padding:10px 20px;} .evt_tit{ display:block; margin-left:15px; font-size:20px; line-height:30px; font-family:arial,微軟正黑體; font-weight:600; margin-top:10px;} .evt_contan{background: #333333;overflow:hidden;padding:10px;margin:0 0 10px 0;} .evt_contan img{ height:180px; margin-right:15px; float:left;} .evt_date{ display:block; font-size:12px; color:#9c9c9c; text-align:left;} .evt_contan h3 a{ font-size:22px; line-height: 45px; font-weight: bold;} .evt_contan p{ display:block; margin-bottom:20px; line-height:25px;} .btnarea{ height:30px;} .evt_contan a.btn, .evt_contan .actendbtn { display: block; line-height: 30px; width: 108px; text-align: center; float: right; color: #FFF; text-decoration: none; font-size: 15px; margin-right: 10px; box-shadow: 0px 2px 2px rgba(50%,50%,50%,0.5),0px 4px 4px rgba(50%,50%,50%,0.2); -moz-box-shadow: 0px 2px 2px rgba(50%,50%,50%,0.5),0px 4px 4px rgba(50%,50%,50%,0.2); -webkit-box-shadow: 0px 2px 2px rgba(50%,50%,50%,0.5),0px 4px 4px rgba(50%,50%,50%,0.2); } .btn_blue{background: rgb(95,237,247); background: -moz-linear-gradient(top, rgb(95,237,247) 0%, rgb(55,178,187) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(95,237,247)), color-stop(100%,rgb(55,178,187))); background: -webkit-linear-gradient(top, rgb(95,237,247) 0%,rgb(55,178,187) 100%); background: -o-linear-gradient(top, rgb(95,237,247) 0%,rgb(55,178,187) 100%); background: -ms-linear-gradient(top, rgb(95,237,247) 0%,rgb(55,178,187) 100%); background: linear-gradient(to bottom, rgb(95,237,247) 0%,rgb(55,178,187) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fedf7', endColorstr='#37b2bb',GradientType=0 );} .btn_green{background: rgb(81,227,0); background: -moz-linear-gradient(top, rgb(81,227,0) 0%, rgb(63,176,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(81,227,0)), color-stop(100%,rgb(63,176,0))); background: -webkit-linear-gradient(top, rgb(81,227,0) 0%,rgb(63,176,0) 100%); background: -o-linear-gradient(top, rgb(81,227,0) 0%,rgb(63,176,0) 100%); background: -ms-linear-gradient(top, rgb(81,227,0) 0%,rgb(63,176,0) 100%); background: linear-gradient(to bottom, rgb(81,227,0) 0%,rgb(63,176,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51e300', endColorstr='#3fb000',GradientType=0 );} .dotline{display:block; border-bottom:1px dotted #959595; margin:15px 0;} .actendbtn{ background: rgb(183,183,183); background: -moz-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(94,94,94,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,183,183,1)), color-stop(100%,rgba(94,94,94,1))); background: -webkit-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(94,94,94,1) 100%); background: -o-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(94,94,94,1) 100%); background: -ms-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(94,94,94,1) 100%); background: linear-gradient(to bottom, rgba(183,183,183,1) 0%,rgba(94,94,94,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#5e5e5e',GradientType=0 ); } .try_even_btn { cursor:pointer; } #ppage-title{overflow: hidden; padding: 10px 0 0 15px;} #ppage-title .ppage-title{ font-size:20px;font-weight:bold;line-height:30px;color:#ffffff} /*20141210市場情報*/ .channel_newssection{background:#333333;; overflow:hidden; padding:10px; margin:0 0 10px 0;} .channel_newssection img{margin-right:15px; float:left;} .channel_newssection p{ color:#fff; font-size:22px; line-height:35px; padding:0; margin:0; font-weight:bold;} .channel_newssection p span{ font-size: 18px;} .channel_newssection .adtxt{display:block; margin-bottom:5px; line-height:24px; text-decoration:none; color: #969594} .channel_newssection .icon_more{ display: block; line-height: 30px; width: 108px; text-align: center; float: right; color: #FFF; text-decoration: none; font-size: 15px; margin-right: 10px; box-shadow: 0px 2px 2px rgba(50%,50%,50%,0.5),0px 4px 4px rgba(50%,50%,50%,0.2); -moz-box-shadow: 0px 2px 2px rgba(50%,50%,50%,0.5),0px 4px 4px rgba(50%,50%,50%,0.2); -webkit-box-shadow: 0px 2px 2px rgba(50%,50%,50%,0.5),0px 4px 4px rgba(50%,50%,50%,0.2); background: rgb(95,237,247); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(95,237,247) 0%, rgb(55,178,187) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(95,237,247)), color-stop(100%,rgb(55,178,187))); background: -webkit-linear-gradient(top, rgb(95,237,247) 0%,rgb(55,178,187) 100%); background: -o-linear-gradient(top, rgb(95,237,247) 0%,rgb(55,178,187) 100%); background: -ms-linear-gradient(top, rgb(95,237,247) 0%,rgb(55,178,187) 100%); background: linear-gradient(to bottom, rgb(95,237,247) 0%,rgb(55,178,187) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fedf7', endColorstr='#37b2bb',GradientType=0 ); } .channel_newssection .icon_more a{color: #fff;} /*map*/ #container_map {width: 1210px;margin:15px auto 0 auto;background:#fff; padding: 15px;} .btn_link{background:url(//mypaper.pchome.com.tw/img/Map/map_link.gif) no-repeat; float: right; margin-left:5px; cursor:pointer; width:49px;display:block;color:#fff;font-size:11px;text-decoration:none;padding-left:20px;line-height:26px;} .btn_link2{float: right; width: 47px; font-size: 12px; height:25px; line-height:25px; background: url(/img/map_link2.gif); text-align: center; margin: 0 5px 0 0;} .btn_link2 a{color: #fff;} /*about*/ .subtit{ width: 1065px; height: 30px; line-height: 30px; background: #f4f4f4; color: #737373; font-weight: bold; text-indent: 10px; margin: 10px auto;} #info-author{width: 965px; padding: 10px 50px; margin: 0 auto; overflow: hidden; font-size: 18px; line-height: 30px;} #info-author .pic{width: 100px; height: 100px; border-radius: 100%; overflow: hidden;float: left;} #info-author .dis{ float: left; padding: 0 0 0 20px;} .dis .tit{font-size: 30px; line-height: 50px; color: #15baff; } #info-author .intro{ width: 840px; float: left; padding: 0 0 0 20px; text-align: justify;} #info-author-list{width: 965px; margin: 20px auto; overflow: hidden;} #info-author-list .l{ float: left; font-weight: bold;} #info-author-list .r{ width: 840px; float: left; padding: 0 0 0 20px;line-height: 30px;} #info-author-list .r.stasnam{font-size: 30px; } #info-author-list .r .actv{display:block; float: left; height: 30px; line-height: 30px; width: 144px; font-style: normal; color: #00eeff; font-size: 14px; text-align: left; box-shadow: 1px 1px 7px rgba(0,0,0,0.3); text-shadow: 1px 1px 5px rgba(0,0,0,0.1); cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAeCAYAAADpYKT6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNqckEEKACAIBAt6rI/tSbp2CXQPC5G3YVZRp5ntcWtl5igACqIDGcgYIpohkDHvoA1Pc1fmAx635h55Dxv13iPAAF/AWJ5ev2QbAAAAAElFTkSuQmCC);} #info-author-list .r span{ display: block; float: right; overflow: hidden; width:30px; height: 30px; line-height: 30px; text-align: center; border-left: 1px solid #514b4a; font-size: 16px;} #info-author-list .r b{ margin: 0 5px; font-size: 16px;} #info-author-list .r.actv span{ color: #797979; text-shadow:none; cursor:text;} #info-author-list .r.actv{ color: #dddddd; cursor:text;} /*reply_views*/ .comments_views{ padding: 0 15px; background: #f0f0f0; } .comments_views .comments-body{border-top: 1px dotted #a0a0a0;} .comments_views .comments-body:first-child{border-top:none;} .comments-post .postuser{ font-size: 16px; color: #333333; font-weight: bold;} .comments-body .comments-date{ font-size: 14px; line-height: 35px;} /*guestbuk*/ #content-c{ background: #fff; font-size: 16px; padding: 0 0 10px 0;} #content-c #ppage-title{ border-bottom: 1px dotted #01afbc;} #content-c #ppage-title .ppage-title{font-size: 35px; color: #01c3d1; line-height: 55px;text-shadow: 1px 1px 3px rgba(0,0,0,0.2); font-weight: normal; float: left;} #content-c #ppage-title select{ float: left; display: block; width: 100px; height: 30px; line-height: 30px; font-size: 17px; margin: 13px 0 0 10px;} #ppage-title .right{ float: right; width: 135px; height: 48px; margin: 0 20px 0 0; } #ppage-title .right a{ display: block; width: 100%; height: 48px; line-height: 48px; border-radius: 3px; border: 1px solid rgb(55,178,187); text-align: center; color: #fff; font-size: 18px; text-shadow:1px 1px 3px #008d98; background: rgb(95,237,247); background: -moz-linear-gradient(top, rgb(95,237,247) 0%, rgb(55,178,187) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(95,237,247)), color-stop(100%,rgb(55,178,187))); background: -webkit-linear-gradient(top, rgb(95,237,247) 0%,rgb(55,178,187) 100%); background: -o-linear-gradient(top, rgb(95,237,247) 0%,rgb(55,178,187) 100%); background: -ms-linear-gradient(top, rgb(95,237,247) 0%,rgb(55,178,187) 100%); background: linear-gradient(to bottom, rgb(95,237,247) 0%,rgb(55,178,187) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fedf7', endColorstr='#37b2bb',GradientType=0 );} #content-c #comments-page{ margin: 10px 20px;} .msgtit{ font-weight: bold; line-height: 35px; font-size: 18px;} /*category*/ h3.cg1{ line-height: 25px; padding: 10px 0 0 15px; font-size: 18px; font-weight: bold;} ul.cgul{ padding: 0 0 0 30px;} ul.cgul li{ line-height: 30px; height: 30px; display: block; font-size: 15px; color:#3f3f3f;} ul.cgul li a{ font-size: 16px;} /*rightside*/ .sidetitle{ padding: 10px 25px 0 25px; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; color: #fff; border-bottom: 1px solid #757575; text-shadow:1px 1px 3px rgba(0,0,0,0.3);} #boxMySpace .boxMySpaceImg{ text-align: center; line-height: 35px; font-size: 18px;text-align: center;} #boxMySpace .boxMySpaceImg img{ width: 100px; height: 100px; border-radius: 100%; } .boxMySpaceDis{ padding: 0 0 20px 0;} .boxMySpaceDis span{ display: block; padding: 0 30px; font-size: 13px; line-height: 18px; color: #c3c2c2; text-align: center;} .boxMySpaceDis .mastsoclarea{ line-height: 45px; font-size: 23px; text-align: center; padding: 0;} .mastsoclarea i{padding: 0 4px;} .mastsoclarea .clz{ color: #6b6b6b;} .boxMySpaceDis .prsnav a{ display: block; width: 100%; height: 33px; line-height: 33px; text-align: center; margin: 1px 0 0 0; background: #333333;} .mystatnsotcu{ text-align: center; line-height: 28px; height: 28px;background: #41cbd6;} .mystatnsotcu b{ display: block; width: 129px; height: 28px; line-height: 28px; float: left; border-left: 1px solid #494949; color: #fff;} .mystatnsotcu b a{ display: block;padding: 0 5px; height: 28px; color: #fff;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; overflow: hidden;} .mystatnsotcu b a:hover{ background: #00b0be;} .mystatnsotcu b:first-child{ border-left:none;} #links .side{ padding: 0px 25px 10px 25px; color: #c3c2c2;} #links .side a{ display: inline-block; padding: 10px 0 0 0;} #links .side .comment{ padding: 5px 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; overflow: hidden; height: 18px;} .side .comment .comment_name{ display: inline;} #links .side .comment a{ display: inline; padding: 0;} .syndicate i{ color: #ff8e17;} .side .visit_img{ width: 45px; margin: 0 2px; border-radius:100%;} .side .popunubr{ padding: 5px 0;} .side .popunubr li{ line-height: 25px;} .flislttop{ top: 10px;left: 20px;;position: relative; width: 85%; border: 1px solid #a4a4a4; background: #FFF; line-height: 25px; height: 25px;} .flislttop img { position: absolute; right: 0; top: 3px; cursor: pointer;} .flislttop span{ padding: 0 0 0 28px; background: url(/img/flibg.gif) no-repeat; cursor: pointer;} .flislt{ position: relative; padding: 10px 20px;} .flislttop2{ position: relative; width: 100%; border: 1px solid #a4a4a4; background: #FFF; line-height: 25px; height: 25px;} .flislttop2 img{ position: absolute; right: 0; top: 3px; cursor: pointer;} .flislttop2 span{ padding: 0 0 0 28px; background: url(/img/flibg.gif) no-repeat; cursor: pointer;} .flislt ul{ width: 100%; max-height: 250px; border: 1px solid #a4a4a4;overflow:hidden;overflow-y:auto; background: #f2f2f2;} .flislt ul::-webkit-scrollbar{-webkit-appearance: none;width:10px} .flislt ul::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,0.2);-webkit-box-shadow:0 0 1px rgba(255,255,255,0.8)} .flislt ul li{ display: block; padding: 3px; border-top: 1px solid #a4a4a4; height: 30px; line-height: 30px; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; background: #f2f2f2;} .flislt ul li:first-child{ border-top:none;} .flislt ul li img{ height: 30px; margin: 0 5px 0 0;} .side .bsrch{ padding: 5px 0; position: relative;} .side .bsrch .btn02{ display:block; width: 100%; border: 1px solid #a4a4a4;background: #f2f2f2; height: 23px; line-height: 23px; text-indent: 5px;} .side .bsrch .btn01{ position: absolute; right: 0; top: 6px; display: block; width: 25px; height: 25px; border: none; background: url(/img/srchicon.png) 0 2px no-repeat; cursor: pointer; background-size: 90%; text-indent: -9999px;} a.gotop span{ position: fixed; right: 0; bottom: 40px; display: block; width: 75px; height: 35px; line-height: 35px; background: #292929; text-align: center;} #footer{background: #292929;height: 45px;font-size: 13px;text-align: center;line-height: 22px;padding: 15px 0;} .topbar2013,.sixiwp{width:100%; min-width: 1240px;} .btn_showexfad{position:absolute;z-index:100;right:0;cursor:pointer;border:1px solid #FFF} .btn_showexfad:hover{border:1px solid #626262} .showexfad-container:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .showexfad-container{line-height:20px;display:block;padding:0 15px;background:#FFF;color:#000000;opacity:.60;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60)} .icon_showad{position:absolute;top:6px;right:3px} #content-cato.noimg .lf{ display:none;} /*201705文章動態*/ .blog{ background: #292929; } .blog .ppersevtit{ padding: 5px 10px; } .blog span.icfnt{ padding: 0 3px 0 0; } .pctwetim{ font-size: 13px; color: #818181; text-decoration: none; font-weight: normal;} .sttwallbx a:hover{text-shadow: 2px 2px 2px rgba(0,0,0,.15);} .sttwallbx em.idimg{ display: block; border-radius: 100%; overflow: hidden;} em.idimg img{ width: 100%; } .ppersevtit i.opt{ font-size: 14px; font-style: normal;} i.opt a{ padding: 0 10px; font-weight: bold;} i.opt a.on{ color: #737373; } .ppersevtit .pctwee_btn{ display: block; width: 105px; height: 36px; line-height: 36px; text-align: center; cursor: pointer; font-size: 15px; color: #fff; font-weight: bold; background: #15baff; border-radius: 3px; border: 1px solid #0badf0; float: right; text-decoration: none;} .pctwee_btn a{ color: #fff; } .pctwee_btn a:hover{ text-shadow: 2px 2px 2px rgba(0,0,0,.15);} .pctwee_btn .ic-pctwee{ font-size: 22px; padding: 0 3px 0 0; } .sttwallbx{border-top: 1px solid #3d3d3d;padding: 30px 42px;overflow: hidden;} .sttwallbx em.idimg{ width: 60px; height: 60px; float: left; } .sttwallbx .wal_ctr{ width: 802px; overflow: hidden; float: left; padding: 0 0 0 14px; } .wal_ctr h3{ font-size: 22px; font-weight: bold; line-height: 30px;} .sttwallbx .walopt{ display: block; } .walopt li{ display: inline-block; padding: 0 8px; font-size: 14px; line-height: 26px; border-radius: 3px; background: #15baff; color: #fff; margin: 0 3px; cursor: pointer;} .walopt li a{ color: #fff; } .sttwallbx .artblk{height: 84px;border: 1px solid #3d3d3d;padding: 0 0 0 10px;} .artblk .artpic{ display: block; width: 96px; height: 84px; overflow: hidden; float: left; margin: 0 10px 0 -10px} .imgblk img{ width: 100%; } .artblk h3{font-size: 18px;line-height: 30px;font-weight: bold;color: #ffffff;margin:10px 0 0 0;display: block;height: 30px;overflow: hidden;} .artblk p{ font-size: 13px; line-height: 17px; color: #a1a1a1; display: block; height: 35px; overflow: hidden; } .artblk:hover h3{ color: #ffffff; text-shadow: 2px 2px 2px rgba(0,0,0,.1); } .artblk:hover p{ color: #a1a1a1 } /* .twereplybx{} */ .twereply{ padding: 10px 0 0 0; overflow: hidden;} .twereply em.idimg{ width: 32px; height: 32px; float: left; margin:0 15px 0 0;} .twereply .rp_contr{width: 727px;border-radius: 10px;background-color: #3d3d3d;float: left;padding: 10px 14px;position: relative;} .rp_contr .rparw{display: block;width: 0;height: 0;border-style: solid;border-width: 0 12px 12px 0;border-color: transparent #3d3d3d transparent transparent;position: absolute;top: 14px;left: -10px;} .rp_contr{ font-size: 14px; line-height: 20px; } .rp_contr i{color: #818181; font-style: normal; } .twereplyBtn{ padding: 10px 0 0 0px; overflow: hidden; font-size: 14px;} .m_reply{ display: block; width: 100%; border-radius: 6px; background: #fff; position: relative; overflow: hidden; } .m_reply textarea{ width: 98%; outline: none; border: none; min-height: 30px; padding: 5px; } .hstreply{display: block;padding: 10px;border-radius: 5px;background: #a1a1a1;color: #3d3d3d;overflow: hidden;margin: 10px 0 0 0;} .hstreply em.idimg{ width: 32px; height: 32px; float: left; margin:0 10px 0 0;} .loadmore{ height: 32px; background: url(/img/loading1.gif) center center no-repeat; padding: 0 0 10px 0; } /*20160714 promo_reading*/ .promoreadbx{border-top: 1px solid #3d3d3d;padding: 15px 42px;overflow: hidden;background: #000;} .promoreadbx h4{ color:#ffffff;font-size: 22px; line-height: 36px; float: left; } .promoreadbx p{font-size: 13px;color: #818181;line-height: 36px;float: left;margin: 0 0 0 10px;} .promoread_btn{ float: left; display: block; height: 34px; line-height: 34px; background: #41cbd6; border: 1px solid #32b6c1; padding: 0 10px; border-radius: 3px; color: #fff; margin: 0 0 0 10px;} .promoread_btn:hover{ text-shadow: 2px 2px 2px rgba(0,0,0,.15);} /* 2020/01/06 單文頁欄寬/圖片尺寸調整 */ #main2 { width: calc(1240px - 260px); } #content { width: 700px; } #pageheader { width: 100%; } #banner { width: 100%; min-width: calc(1240px - 260px); } .articletext { padding: 0 30px; } .comments-body { padding: 10px 0 15px; } .service1 { width: 100%; } .serviceList { width: 100%; max-width: 1240px; } .serviceList li { flex: auto; -webkit-flex: auto; -moz-box-flex: auto; } .topbar2013 { width: 100%; min-width: calc(1240px - 260px); } .topbar2013 .topbar { width: 100%; max-width: calc(1240px - 260px); } ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86