/* CSS Document */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {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, font, 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; f/*ont-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 結束 ~~ */ html , body { margin: 0; padding: 0; background:#fff;-webkit-text-size-adjust: none;font-family:Arial, Helvetica, sans-serif} #MainSet{} a{color:#2c99bc;cursor:pointer;text-decoration:none} .header {position:fixed;top:0; width:100%; height:50px;background:url(http://mypaper.pchome.com.tw/SW/img/hdbg.png) ; z-index:5;box-shadow:0px 1px 1px #999} .logo_box{width:210px;margin:auto;position:relative} .header .h1 {position:absolute;left:5px;top:12px;height:25px;} .header .h2 {position:absolute;left:100px;top:12px;height:25px;} .header .wr{position:absolute; left:5px; top:9px;cursor:pointer;width:42px;height:32px;background:url(/SW/img/btn_write.png) top no-repeat;background-size:100%;} .header .wr:active{background:url(/SW/img/btn_write.png) 0px -32px no-repeat;background-size:100%} .header .allmenu{position:absolute; right:5px; top:9px;cursor:pointer;width:42px;height:32px;background:url(/SW/img/btn_menu.png) top no-repeat;background-size:100%;} .header .allmenu:active{background:url(/SW/img/btn_menu.png) bottom no-repeat;background-size:100%;} .header .backhome{position:absolute; left:50%;margin-left:-21px; top:9px;cursor:pointer;width:42px;height:32px;background:url(/SW/img/btn_home.png) top no-repeat;background-size:100%;} .header .backhome:active{background:url(/SW/img/btn_home.png) bottom no-repeat;background-size:100%;} .header .btnbk{position:absolute; left:5px; top:9px;cursor:pointer;width:49px;height:32px;background:url(/SW/img/btn_bk.png) top no-repeat;background-size:100%;} .header .btnbk:active{background:url(/SW/img/btn_bk.png) bottom no-repeat;background-size:100%;} .content{background:#fff;width:100%; position:relative;} .hlblk01{ padding:5px;font-size:19px;line-height:26px;border-bottom:1px #d3d3d3 solid;} .hlblk01 a{color:#000;display:block} .hlblk01 .bpic{width:100%;display:block;margin:5px 0} .hlblk01 h1{font-size:25px;font-weight:bold;line-height:30px;color:#000} .hlblk01 .autr{color:#535353;font-size:13px;margin-bottom:5px;line-height:21px} .hlblk01 .autr b{float:left;background:url(/SW/img/usricon.png) left no-repeat;width:15px;height:13px;background-size:100%;margin:3px 3px 0 0} .content .btn2func {width: 61px;height: 30px;position: absolute;right: 5%;margin-top:5px;} .content .btnswc {background: url(../img/btn2func.png) left top no-repeat; width: 31px;height: 30px;float: left;cursor: pointer;} .content .btnctg { background:url(../img/btn2func.png) right top no-repeat; width: 30px;height: 30px;float: left;cursor: pointer;} a.givhartfunc{ display:block; width:40px;height:40px;position: absolute; right:5%; margin:-8px 0 0 0;} a.givhartfunc .btnhart{ display:block; width:40px;height: 40px;background:url(../img/givheart.png?20131206) no-repeat; background-size:100%;} .content .username{ display:block; width:75%; font-size:30px; text-indent:45px; background:url(../img/usricon.png) 10px 5px no-repeat; line-height:35px; height:35px; text-overflow:ellipsis;white-space: nowrap; overflow:hidden; color:#2c99bc;} .innertext{margin:5px 0;font-size:14px;line-height:20px; /*height: 1000px; overflow: hidden;*/} .innertext a{color:#000;} .innertext .bpic{width:100%;display:block;margin:5px 0} .innertext h1{font-size:25px;margin:5px 0;font-weight:bold;line-height:32px;color:#2c99bc} .innertext .plg{font-size:19px;line-height:30px;text-align:justify;word-wrap:break-word} .innertext .plg a{color:#2c99bc;} /* .innertext .plg img{display:block} */ .innertext .plg img { width: 100%; } .intautr{color:#535353;font-size:13px;padding:5px 0 0 0;line-height:20px;height:20px} .intautr b{ display:block;float:right; background:url(../img/usricon.png) left no-repeat;width:15px;height:13px;background-size:100%;margin:4px 3px 0 0} .intautr a{float:right;color:#535353} .adarea img{ width:100%; max-width:100%; display:block;} .content_nofx{background:#fff;width:100%;} .content .ftrbtn{background:#f2f2e7;border-top:1px #999 solid;clear:both;height:36px;display:block;text-align:right;position:fixed;bottom:0;width:100%;box-shadow:0px 1px 0px #fff inset;opacity:0.9} .content_nofx .ftrbtn{background:#f2f2e7;border-top:1px #999 solid;clear:both;height:36px;display:block;position:relative;bottom:0;text-align:right;position:relative;bottom:0;width:100%;box-shadow:0px 1px 0px #fff inset;opacity:0.9} .content .ftrbtn img,.content_nofx .ftrbtn img{height:100%;border:0px;border-left:1px #999 solid} .content .ftrbtn img:active,.content_nofx .ftrbtn img:active{background:#e5e5d9;} .setbigtxt,.innertext .setbigtxt{font-size:25px;line-height:36px} #navh{margin:50px 0 0 0;background:#c0c0c0 ;padding-top:5px} .ui-carousel .mask,.ui-touchCarousel .mask {position:relative;overflow:hidden;width:100%;-webkit-mask-box-image: url(/SW/img/navmask.png) 100 stretch;} .ui-carousel ul,.ui-touchCarousel ul {position: absolute;overflow: hidden;margin: 0;padding:0;list-style: none;box-shadow:0 -1px 1px #c0c0c0 inset;} .ui-carousel ul li,.ui-touchCarousel ul li {float: left;width: 100px;line-height: 33px;height: 33px;color: #333;font-size: 15px;text-align: center;margin: 0;font-weight:600;text-shadow:0px 1px 0px #fff;cursor:pointer;display:block} .ui-carousel ul li:first-child,.ui-touchCarousel ul li:first-child{margin-left:40px} .ui-carousel .slted,.ui-touchCarousel .slted{background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;color:#2c99bc;} #my-carousel.ui-carousel-rows-1 .mask,#my-carousel.ui-touchCarousel-rows-1 .mask {height: 33px;} .atcblk h2 .b_orange { background: #ff3817;} .atcblk h2 .b_deepgray { background: #565652;} .atcblk h2 .b_gray { background: #9a9a92;} /*20121023 新聞台內容頁+日期*/ .intautr span{float:left;color: #666;font-size:100%;font-weight:bold;} /*20121218 MENU_BAR*/ .logboox{background:#1c70bc;width:100%;display:block;float:left;height:50px;text-align:center;line-height:50px;font-size:20px;box-shadow:1px 1px 8px 3px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow:1px 1px 8px 3px rgba(0, 0, 0, 0.2) inset;color:#98eaff} .logboox a{color:#FFF;text-shadow:0px 1px 0px #000;font-weight:bold;padding:0px 8px} #mainmenu {position:relative;top:0px;width:100%;background:#f4f8fd;overflow:auto;} #mainmenu a{position:relative;width:50%;display:block;float:left;height:40px;background: url(/SW/img/bg_menu.gif) no-repeat right bottom;background-size:auto 100%;text-align:center;line-height:40px;color:#032c58;font-size:16px} #mainmenu a:active{color:#0092ed;} #mainmenu b{position:absolute;right:10px;top:11px;height:15px;width:10px;background:url(/SW/img/arw_chgo.png);background-size:100%} #mainmenu a:active b{background:url(/SW/img/arw_chgo_a.png);height:15px;background-size:100%} .footbar{border-top:1px #d3d3d3 solid;clear:both;padding:8px 5px;display:block;margin:auto} .btn_seemore{background:#b1b0ab;border:#9a9999 solid 1px;width:90%;display:block;height:40px;cursor:pointer;color:#FFF;font-size:15px;margin:auto;text-align:center;line-height:40px;margin:10px auto} .pmswt{line-height:22px;text-align:center;padding:5px 0px} .pmswt sub{font-size:11px;color:#8b8b8b} .mbbtn_seemore{background:#b1b0ab;border:#9a9999 solid 1px;width:90%;display:block;height:40px;cursor:pointer;color:#FFF;font-size:90%;text-align:center;line-height:40px;margin:10px auto;} .cgabge{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;} .moregreen{ background:#85c7cb; border:1px #6ab7bc solid} .mbfooter{display:block;text-align:center;width:100%;background:#96938d;color:#fff;} .mbfooter a{display:block;width:100%;height:100%;text-decoration:none;color:#3f3f3f;} .mbfooter ul{ list-style: none;margin: 0; padding: 0; border: 0; outline: 0;font-size:120%;height:60px;line-height:60px;border-bottom:1px #d1d1cc solid;} .mbfooter li:nth-child(1),.mbfooter li:nth-child(2){-webkit-box-flex:1;border-right:1px #d1d1cc solid} .mbfooter li:nth-child(2) a{color:#fff} .mbfooter li:first-child{color:#000;background:#aaa7a1} .mbfooter li:last-child{width:60px;background:url(/mobile/img/icon_toparrow.png) center 20% no-repeat;background-size:20px;line-height:80px;font-weight:400;} .mbfooter li:last-child:hover{cursor:pointer} .mbfooter b{font-size:90%;height:40px;line-height:40px;font-weight:normal;} /* header */ #MainSet{width:100%;/*overflow:hidden*/} ul.navgroup{margin-top:0;} .topbar_new a{display:block;width:100%;height:100%;text-decoration:none;} ul.topbar_new{list-style: none;} .topbar_new{margin: 0;border: 0; outline: 0;position:fixed;z-index:5;top:0;left:0;width:100%;height:40px;padding:5px 0;} .topbar_new .btn_back,.topbar_new .btn_backhome{margin-left:5px;width:57px;height:100%;} .topbar_new .logo_box{margin:0;-webkit-box-flex:1;} .topbar_new .btn_menu{margin-right:5px;width:48px;height:100%;} /*個人新聞台*/ .myblog{background-color:#60c5cc;} .myblog .btn_back{background:url(../img/but_back_myblog.png) left 0 no-repeat;background-size:100%;} .myblog .btn_backhome{background:url(../img/but_back.png) left 0 no-repeat;background-size:100%;} .myblog .btn_menu{background:url(../img/but_mainmenu_myblog.png) right 0 no-repeat;background-size:100%;} .logomyblog{margin:0 auto;width:200px;height:40px;} .logomyblog b:first-child{ float: left;width: 95px;height: 40px; background: url(../img/logo_pchome_blue.png) right center no-repeat;background-size: 95px;} .logomyblog b:last-child{float: left;width: 95px;height: 40px;margin-left: 3px; background: url(../img/logo_myblog.png) left center no-repeat;background-size: 92px;} /**/ .search_bk {position:relative; width:100%; height:67px;background:none;box-shadow:0px 0px 0px #fff;border-top:#cacaca solid 1px;height:30px;margin-top: -38px;} .search_bk{} /* searchbar_new */ .searchbar_new input{width:100%;height:100%;outline:none;border:none;margin:0;padding:0;border-radius:0} .searchbar_new{margin-top:50px;width:100%;height:50px;background-color:#58c6ce;} .search_box{-webkit-box-flex:1;height:28px;margin:10px 0 10px 10px;background:#fff;border-right:none} .search_box input{font-size:120%;-webkit-tap-highlight-color:rgba(0,0,0);} /*新聞台*/ .search_myblog{background:#60c5cc;} .search_myblog .input{background:url(/img/but_search_myblog.png) 0 0 no-repeat;background-size:62px;} .box_myblog{border:1px #60c5cc solid;} } /**** Clearfix ****/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both;} .clearfix { zoom: 1; } /* flexible */ .flexbox{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;} ./*20130312 newfooter 2改*/ .content .ftrpage {background:#e2e2e2;opacity:1;} .ftrpage ul{margin:0;padding-left: 0px;} .ftrpage ul li{font-size:78%;color:#7b7b7b;line-height:40px;height:40px;list-style:none} .ftrpage li:first-child{-webkit-box-flex:1;} .ftrpage li:first-child a{color:#333;margin-left:10px;} .ftrpage li:first-child b{margin:0 5px;font-weight:normal;} .ftrpage li:first-child i{margin:0 5px;font-style:normal;} .ftrpage .gopreviousbtn,.ftrpage .gotopbtn,.ftrpage .gonextbtn{ float:right;display:block;width:40px;height:40px;border-left:1px solid #777;box-shadow: 1px 1px 0px #fff inset;} .ftrpage .gotopbtn{background:url(../img/icon_gotop.png) center 70% no-repeat;background-size:24px;} .ftrpage .gopreviousbtn{background:url(../img/icon_goprevious.png) center 70% no-repeat;background-size:17px;} .ftrpage .gonextbtn{background:url(../img/icon_gonext.png) center 70% no-repeat;background-size:17px;} .ftrpage li:last-child:hover{cursor:pointer;} /**/ .content .ftrpage{border-top:1px #cacaca solid;clear:both;height:40px;background-size:auto 100%;display:block;width:100%;box-shadow:0px 1px 0px #fff inset;opacity:0.9} .content .ftrpage .top {position:absolute;right:0px} .content .ftrpage .top img{height:40px;border:0px;border-left:1px #999 solid;cursor:pointer;padding:0px 4px} .content .ftrpage .top img:active{background:#f6efea} /*footer*/ .ftrpage{border-top:1px #cacaca solid;clear:both;height:40px;background-size:auto 100%;display:block;width:100%;box-shadow:0px 1px 0px #fff inset;opacity:0.9;background:#e2e2e2;} .ftrpage ul{margin:0;padding-left: 0px;} .ftrpage ul li{font-size:78%;color:#7b7b7b;line-height:40px;height:40px;list-style:none} .ftrpage li:first-child{-webkit-box-flex:1;} .ftrpage li:first-child a{color:#333;margin-left:10px;} .ftrpage li:first-child b{margin:0 5px;font-weight:normal;} .ftrpage li:first-child i{margin:0 5px;font-style:normal;} .ftrpage .gopreviousbtn,.ftrpage .gotopbtn,.ftrpage .gonextbtn{ float:right;display:block;width:40px;height:40px;border-left:1px solid #777;box-shadow: 1px 1px 0px #fff inset;} .ftrpage .gotopbtn{ background:url(../img/icon_gotop.png) center 70% no-repeat;background-size:24px;} .ftrpage .gopreviousbtn{ background:url(../img/icon_goprevious.png) center 70% no-repeat;background-size:17px;} .ftrpage .gonextbtn{background:url(../img/icon_gonext.png) center 70% no-repeat;background-size:17px;} .ftrpage li:last-child:hover{cursor:pointer;} .ftrpage .top {position:absolute;right:0px} .ftrpage .top img{height:40px;border:0px;border-left:1px #999 solid;cursor:pointer;padding:0px 4px} .ftrpage .top img:active{background:#f6efea} /*部落格列表*/ .memberblogs{ width:85%;margin:5% auto; border:1px #d3d3d3 solid; border-radius: 8px; background:#e8fbff} .memberblogs hr{border-top:1px #999 dotted;border-left:0px;border-right:0px;border-bottom:0px;height:1px;font-size:0;margin:0} .memberblogs h5{padding:3% 0;margin:1%; position:relative} .memberblogs h5:active{background:#f7f6e9;box-shadow:0px 0px 15px #d5d3be inset} .memberblogs h5 .rdmr{width:19px;height:33px;background:url(../img/rdmore.png) no-repeat;display:block;position:absolute;right:4%;margin-top:-6px} .memberblogs h5 h3{margin:0 3%;line-height:20px;height:20px;overflow:hidden;font-size:120%} /*發表文章*/ .content .iptar {margin: 2% 3%;} .content .iptar .txtipt {width: 97%;height: 25px;padding: 1%;font-size: 100%;color: #666;background: #f1f0e2;box-shadow: 1px 1px 8px #dddcd1 inset;border: 1px #c3c2bb solid;border-radius: 7px;} .content .iptar .txtare {width: 97%;height: 300px;padding: 1%;font-size: 100%;color: #666;background: #f1f0e2;box-shadow: 1px 1px 8px #dddcd1 inset;border: 1px #c3c2bb solid;border-radius: 7px;} .content dl {line-height: 45px;text-align: center;font-weight: bold;margin: 0;cursor: pointer;} .content dt {clear: both;display: none;} .postbtn {background: url(../img/nvbarbg.gif) center repeat-x;border: 1px #88af26 solid;border-radius: 8px;height: 45px;line-height: 45px;width: 95%;margin: 20px auto;box-shadow: 0px 1px 3px #fff inset;text-align: center;font-weight: bold;} .content dt h4 {margin: 3%;overflow: hidden;font-size: 120%;} .content dt h4 select {float: right;width: 40%;} /*sharebtnarea*/ ul.sharebtnarea{ display:block; width:100%; overflow:hidden; padding:15px 0; margin:0; } ul.sharebtnarea li{ list-style:none; float: left; margin: 0 10px 0 0;} ul.sharebtnarea li span{ display:block; width:40px; height:40px;} .kazabtn{ background:url(../img/shrbtn_kaza.png) no-repeat; background-size:100%;} .fasbukbtn{ background:url(../img/shrbtn_fb.png) no-repeat; background-size:100%;} .linebtn{ background:url(../img/shrbtn_line.png) no-repeat; background-size:100%;} .emailbtn{ background:url(../img/shrbtn_email.png) no-repeat; background-size:100%;} .gugplsbtn{ background:url(../img/shrbtn_gul.png) no-repeat; background-size:100%;} .recomdbtn{ background:url(../img/btn_recomd.png) no-repeat; background-size:100%;} .graybg{ width:100%; overflow:hidden; background:#ebebeb;} /*reply*/ .comentreply{ width:100%; overflow:hidden; padding: 15px 0;} .comentreply .comentform{ width:100%; margin:5px auto; text-align:left; overflow:hidden;} .comentform .replytxt,.comentform .replyname{ display:block; width:96%; margin:0 auto; border-radius: 5px; background: #eefbfc;box-shadow: 1px 2px 5px #dbf4f6 inset;border: 1px #deeff0 solid; padding:5px;} .comentform .replytxt{height:80px;font-size:16px;} .comentform .replyname{ height:30px; line-height:28px; font-size:16px;} .comentreply a.replysubmit{ display:block; margin:10px; width:43%; line-height:35px; font-size:16px; color:#FFF;text-align:center; border-radius: 5px; float: left; background: -moz-linear-gradient(top, #3ccfd9 0%, #1facb6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ccfd9), color-stop(100%,#1facb6)); background: -webkit-linear-gradient(top, #3ccfd9 0%,#1facb6 100%); background: -o-linear-gradient(top, #3ccfd9 0%,#1facb6 100%); background: -ms-linear-gradient(top, #3ccfd9 0%,#1facb6 100%); background: linear-gradient(to bottom, #3ccfd9 0%,#1facb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ccfd9', endColorstr='#1facb6',GradientType=0 ); } .replyopt{width:95%; margin:0 auto; text-align:left; line-height:28px; font-size:16px;} .comentform a{ color:#2c99bc; font-weight:600;} .comentreply .inputwp{ margin:10px 0;} .inputcode{ display:block; width:50%; float:left;line-height:22px; margin:0 10px 0 0; padding:0;} .inputcode .codetxt{ display:block;width:50%;} .comentform img{ width:120px; margin:0 5px 0 0;} .comentform b{ font-weight:normal;} /*gustbuk*/ .gustbuk{ padding:1.5%;} .comments-body{ background:#FFF; padding:2%; font-size:16px; margin:2%;} .comments-body a.postuser{ font-weight:600;line-height:30px;color:#2c99bc } .comments-body p{ display:block; line-height:20px;margin:5px 0 0 0; padding:0;} .comment-date{ display:block;color: #999; text-align:left; line-height:20px;font-size:14px;} .comentinfo{ display:block; line-height:20px;color: #c0d600;font-weight:600;} .gustbuk .guspic img{ width:50px; height:50px;} .comments-body img{ width:50px; height:50px; float:left; margin:0 5px 0 0;} /*新增站台*/ .addnewblog{width:85%;margin:5% auto; border:1px #b3d5d7 solid; border-radius: 8px; background:#e5f7f8;text-align:left;} .addnewblog h1{ display:block; width:90%; margin:10px auto 0 auto; padding:0; font-size:25px; color:#1facb6; font-weight:600; line-height:40px; background:url(../img/addblogicon.png) 0 7px no-repeat; text-indent:35px;} .adnewinput{width:90%; font-size:15px; color:#999; line-height:30px; margin:3% auto;} .adnewinput input,.addnewblog .addnewbtn{ width:95%; line-height:30px; height:30px; margin:0 auto; font-size:18px;} .adnewinput input{ background: #f1f0e2;box-shadow: 1px 1px 8px #dddcd1 inset;border: 1px #c3c2bb solid;border-radius: 7px; padding:1%;} .addnewblog a{ display:block; width:95%; text-align:center;margin:auto; padding:0; } .addnewblog .addnewbtn{ display:block; margin:15px auto; width:85%; line-height:30px; font-size:18px;font-weight:600; color:#FFF;text-align:center;border:#1facb6 solid 1px;border-radius: 7px; font-weight:600; background: -moz-linear-gradient(top, #3ccfd9 0%, #1facb6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ccfd9), color-stop(100%,#1facb6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3ccfd9 0%,#1facb6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3ccfd9 0%,#1facb6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3ccfd9 0%,#1facb6 100%); /* IE10+ */ background: linear-gradient(to bottom, #3ccfd9 0%,#1facb6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ccfd9', endColorstr='#1facb6',GradientType=0 );} /*2013M版新增 searchbar,修改nav*/ .unihead{width:100%; height:30px; padding:8px 0; background:#60c5cc; position:relative} .unihead .prevpage{ position:absolute; display:block; width:45px; height:46px; line-height:34px; background:url(../img/prevpage_btn.png) 8px 6px no-repeat; background-size:22%; padding:0 0 0 25px; font-size:22px; color:#FFF; font-weight:500;text-shadow:0px 1px 0px #15b1bb; } .uni_search{height:100%; padding:0 8px 0 80px;} .uni_search .inputbox{width:100%; height:100%; background:#d8fdff; border-radius:5px; position:relative;} .unisearchicon{ display:block; width:30px; height:30px; background:url(../img/unisearch_icon.png) 5px 5px no-repeat; background-size:20px; position:absolute; top:0; left:0;} .uni_search .inputbox input{ display:block; width:100%; height:100%; line-height:30px; font-size:16px; border:none; padding:0 0 0 30px;-webkit-appearance: none!important;background-color: transparent; } .navgroup{width:100%;background:#16bac5;height:40px;margin:0;font-size:16px;list-style-type:none;box-shadow:0px -1px 1px #e6e6e6 inset;padding:0;overflow:hidden; } .navgroup>div{display:inline-block;height:40px; text-align:center;} .navgroup .navlr{width:8%;} .navgroup .navlr img{ height:100%; margin:auto; } .navgroup .navlr img:active{opacity:0.6} .navgroup .navlr img.actived{opacity:0.2} .navgroup .navcent{width:81%;} ul.nav{ width:100%;height:40px; list-style:none; margin:0; padding:0; overflow:hidden;} ul.nav li{ display:block; float:left;line-height:40px; height:40px;width:33.3%;text-align:center;} ul.nav a{color:#fff;display:block;font-weight:500} ul.nav .slcted{background:#fff;height:40px;margin:0;position:relative;top:0px;box-shadow:0px -1px 1px #b0b0b0} ul.nav .slcted a{color:#0796a0} ul.nav .lioff{display:none} /*2013M版新增 文章列表圖片正方形 */ .atcblk .picar_M{width:85px;height:85px;display: table;text-align:center;float:left;margin:0 5px 0 0;font-size:0} .atcblk .picar_M .tbcl{display: table-cell; vertical-align: middle;padding:0;margin:0} .atcblk .picar_M .tbcl img{max-height:85px;margin:0;padding:0} /*2013M版新增 文章列表圖片長方形 */ .atcblk .picar{width:120px;height:85px;display: table;text-align:center;background:#ffffff;float:left;margin:0 5px 0 0;font-size:0} .atcblk .picar .tbcl{display: table-cell; vertical-align: middle;padding:0;margin:0} .atcblk .picar img{max-height:85px;max-width:120px;margin:0;padding:0} /*文章列表*/ /*.atcblk{ border-top:1px #d3d3d3 solid;clear:both;padding:8px 5px;display:block}*/ .atcblk a{display:block;} .atcblk a h2{ color:#000; padding:0; margin:0;} .atcblk .date_gray {color: #ccc;font-size:12px; line-height:15px;}/* 時間標記 */ .atcblk .date_gray font{font-size:12px;background: #ff3817;color:#FFF;margin-right: 5px;padding:1px 3px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px} .atcblk h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:17px;line-height:22px;text-shadow:0px 1px 0px #fff; font-weight:bold;} .atcblk p{font-size:14px;line-height:18px;color:#000;height:36px; padding:2px;overflow:hidden; } .listlast{ /*padding:0 0 40px 0;*/}/*seemorediv*/ /*aroops*/ .aroops{ width:100%; margin:20px auto; text-align:center; font-size:20px; line-height:40px;} .aroops .oopsicon{ margin:auto; display:block; width:135px; height:135px; background:url(../img/oopsicon.png) center center no-repeat; background-size:95%;} .inner{padding-bottom:1px;} .oops{padding-bottom:40px;text-align:center;padding-top:15px;} /*.atcblk>a>p{white-space:nowrap;text-overflow:ellipsis;}*/ .inner>h5{padding-left:5px;} /*版主回應*/ .comments-reply{ background:#FFF; padding:2% 4% 0; font-size:15px; border-top:1px solid #ececec;} .hstreply{ padding:0 1% 1%; overflow:hidden;} .hstreply a.hstbtn{ display:block; float:right; margin:0 2% 0 0; width:70px; margin:auto; line-height:25px; height:25px; color:#1facb6; font-size:16px; font-weight:bold; font-size:90%; background:url(/img/replyicon.png) 7px 0px no-repeat; text-indent:28px; background-size:35%;} .hstreply .inputform{ padding:2%; clear:both;} .hstreply .inputform .hostplytxt{ display:block; width:98%; background: #f5f5f5;box-shadow: 1px 0px 2px rgba(0,0,0,.15) inset;border: 1px #c3c2bb solid;padding:1%;height:80px;font-size:15px; border-radius:3px;} .hstreply .inputform a.submitbtn{ display:inline-block;margin: 0.5em 0.5em 0 0;width: 46%;line-height:30px;height:30px;font-size: 15px;color: #FFF;text-align: center;border: #1facb6 solid 1px;font-weight: bold;background:#3ccfd9;} .hstreply .inputform a.delbtn{display:inline-block;margin: 0.5em 0 0 0;width: 46%;line-height:30px;height:30px;font-size: 15px;color: #FFF;text-align: center;border: #a7aaaa solid 1px;font-weight: bold;background:#b2b3b3;} .hstreply a.edrpybtn{display:block; float:right; margin:0 2% 0 0; width:70px; margin:auto; line-height:25px; height:25px; color:#1facb6; font-size:16px; font-weight:bold; font-size:90%; background:url(/img/edrplybtnicon.png) 7px -3px no-repeat; text-indent:28px; background-size:35%;} /* For 2014 新改版修改 START */ .hlblk01{ padding:5px;font-size:19px;line-height:26px;border-bottom:1px #d3d3d3 solid;} .atcblk{ border-bottom:1px #d3d3d3 solid;clear:both;padding:5px;display:block; overflow:hidden;} .atcblk h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:17px;line-height:25px;text-shadow:0px 1px 0px #fff; font-weight:bold;} .atcblk p{font-size:14px;line-height:20px;color:#1e1e1e;height:36px;overflow:hidden;} .atcblk a{display:block;} .atcblk .picar{width:120px;height:85px;display: table;text-align:center;background:#ffffff;float:left;margin:0 5px 0 0;font-size:0} .atcblk .picar img{max-height:85px;max-width:120px;margin:0;padding:0} .atcblk .picar_M .tbcl img{max-height:85px;margin:0;padding:0} .hlblk01 h1{font-size:25px;font-weight:bold;line-height:30px;color:#000} .intautr{color:#535353;font-size:13px;padding:5px 0;line-height:20px;height:20px} .intautr b{ display:block;float:right; background:url(/mobile/img/usricon.png) left no-repeat;width:15px;height:13px;background-size:100%;margin:4px 3px 0 0} .innertext h1{font-size:25px;margin:5px 0;font-weight:bold;line-height:32px;color:#2c99bc} .content .ftrpage{border-top:1px #cacaca solid;clear:both;height:40px;background-size:auto 100%;display:block;width:100%;box-shadow:0px 1px 0px #fff inset;opacity:0.9} .ftrpage{border-top:1px #cacaca solid;clear:both;height:40px;background-size:auto 100%;display:block;width:100%;box-shadow:0px 1px 0px #fff inset;opacity:0.9;background:#e2e2e2;} /* .content{background:#fff;width:100%; position:relative;} */ .content{background:#fff;width:100%; position: relative;} .content_nofx{background:#fff;width:100%;} /* For 2014 新改版修改 END */ /*===20140606新增===*/ @font-face { font-family: 'pcblogm'; src: url('../mobile/font/blog_m-webfont.eot'); src: url('../mobile/font/blog_m-webfont.eot') format('embedded-opentype'), url('../mobile/font/blog_m-webfont.woff') format('woff'), url('../mobile/font/blog_m-webfont.ttf') format('truetype'), url('../mobile/font/blog_m-webfont.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*---------------ICON-------------------------*/ [class^="icon-"],[class*="icon-"]{font-family:'pcblogm';font-style:normal;speak:none;font-weight:normal;-webkit-font-smoothing:antialiased} .icon-blgrss:before{content:'!'} .icon-blgrss{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '!')} .icon-recomd:before{content:'%'} .icon-recomd{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '%')} .icon-prsn:before{content:'"'} .icon-prsn{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '"')} .icon-pen:before{content:'#'} .icon-pen{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '#')} .icon-home:before{content:'$'} .icon-home{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '$')} .icon-like:before{content:'&'} .icon-like{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&')} .btnbgwtg{background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);} /*cont topbar*/ .bmtop{ height:35px; background:#eeeeee; padding:5px; position:relative;} .bmtop .lctit{ font-size:18px; line-height:40px; font-weight:bold; color:#484848;} .sorcutbtn{ position:absolute; right:5px; top:5px;} .sorcutbtn li{ display:block; float:right; margin:0 0 0 8px; height:35px; width:35px; } .sorcutbtn li b{ display:block; width:33px; height:33px; line-height:33px;border:1px solid #1facb6; border-radius:8px; text-align:center; font-size:14px; color:#1facb6; border-sizing:border-box;-webkit-border-sizing:border-box; text-shadow:1px 1px rgba(255,255,255,0.9);} .sorcutbtn li b.slct{border:1px solid #a2a2a2;color:#a2a2a2;} .sorcutbtn li b i{ font-size:24px;} .blgidbx{ width:85%; height:40px; padding:3px 0 0;} .blgidbx .blgattn{ float:left; margin:5px 0 0 5px; width:25px; height:25px; line-height:25px;border-radius:20px; font-size:15px; background:#ff0000; font-weight:normal; text-align:center;} .blgidbx .blgattn a{ color:#FFF;} .bmtop .blgnam{ display:block; float:left; max-width:85%; height:35px; font-size:16px; line-height:35px; font-weight:bold;} .bmtop .blgnam a{ display:block; height:35px;color:#484848;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;} .blgnam .blgpic{ display:block; width:35px; height:35px; border-radius:100%; overflow:hidden; float:left; margin:0px 3px 0 0;} .blgnam .blgpic img{ width:35px;} .atctit{ height:22px;} .atctit .httag{ display:block; width:35px; height:30px; background:url(/mobile/img/httag.png) no-repeat; background-size:35px; margin:-8px 0 0 0; float:left;} .mstrsrtcut{height:35px; background:#eeeeee; border-top:1px solid #d3d3d3; color:#303030;} .mstrsrtcut u{ text-decoration:none; font-size:15px;display:inline-block; height:35px; line-height:35px; padding:0 7px;} .mstrsrtcut u a{ color:#303030; text-decoration:none;} .mstrsrtcut u.slt{ background:#fff; font-weight:bold;} /*推薦訂閱*/ .edtrecom{border-bottom:1px #d3d3d3 solid;clear:both;padding:8px 5px;display:block; background:#efefef;} .edtrecom h1{ font-size:15px; color:#363636; line-height:20px; margin:0 0 5px 0;} .edtrecom h1 a{ font-weight:bold;} .edtrecombx{ height:54px; position:relative; border:1px solid #cecece; background:#fff;} .edtrecombx .picautr{ display:block; width:50px; height:50px; float:left; margin:2px 5px 0 2px; overflow:hidden;} .edtrecombx.picautr img{ width:50px;} .edtrecombx h2{ display:block; width:75%; height:50px;} .edtrecombx h2 a{ display:block; font-weight:bold; height:30px; line-height:30px; overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; font-size:18px;} .edtrecombx h2 em{ display:block; font-size:15px; text-indent:25px; background:url(/mobile/img/usricon.png) 0px 3px no-repeat; background-size:18px; line-height:20px; height:20px; text-overflow:ellipsis;white-space: nowrap; overflow:hidden; color:#2a2a2a;} .likebx{ display:table; width:54px; height:54px; background:#60c5cc; position:absolute; top:0; right:0; text-align:center;} .likebx a.lkbxcel{ display:table-cell; vertical-align:middle; color:#fff; font-size:14px;} .likebx .icon-recomd,.likebx .icon-blgrss{ display:block; font-size:25px;} /*推薦好文*/ .edtrecombx .picblog{ display:block; height:54px; width:95px; overflow:hidden; float:left; margin:0 5px 0 0;} .edtrecombx .picblog img{ width:95px;} .edtrecombx p{ display:block; width:80%; height:50px;} .edtrecombx p a{display:block; font-weight:bold; height:30px; line-height:30px; overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; font-size:16px; color:#000;} .edtrecombx p em{display:block;height:18px; line-height:18px;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; font-size:14px; color:#000;} /*我的讀者*/ .flrblk{border-bottom:1px #d3d3d3 solid;padding:6px 5px;display:block;} .flrblk h5{ display:block; width:80%; height:45px; line-height:45px;} .flrblk h5 a{display:block; font-weight:bold; height:45px; line-height:45px; overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; font-size:18px; color:#303030;} .flrblk h5 a b{ display:block; float:left; margin:0 5px 0 0; width:45px; height:45px; overflow:hidden; border-radius:100%;} .flrblk h5 a b img{ width:45px;} .flrblk p{ float:right; display:table; width:38px; height:38px; border-radius:8px; border:2px solid #1facb6; text-align:center; font-size:12px;} .flrblk p a{display:table-cell; vertical-align:middle; color:#1facb6;} .flrblk p a i{ display:block; font-size:24px; height:22px;} .flrblk p.flractd{border:2px solid #a2a2a2;} .flrblk p.flractd a{ color:#a2a2a2;} /*atctoolbx*/ /* .atctoolbx{ height:35px; background:#fff; border-top:1px solid #c7c7c7; position:fixed; bottom:0; left:0; z-index:999; width:100%; box-shadow:-1px -1px 3px rgba(0,0,0,0.1);} */ .atctoolbx{ height:35px; background:#fff; border-top:1px solid #c7c7c7; position:fixed; bottom: 40px; left: 0; z-index: 999; width: 100%; box-shadow: -1px -1px 3px rgba(0,0,0,0.1); } .atctool{ width:98%; margin:0 auto; height:35px;color:#c7c7c7; font-size:17px; line-height:35px; } .atctool u{ text-decoration:none; display:inline-block; width:32%; height:30px;text-align:center; font-size:15px; } .atctool u a{ color:#2d2d2d; display:block; width:100%; height:100%;} .atctool u b{ margin:0 3px 0 0; } /*topbar*/ .m_topbar ul{border-bottom:#34787d 0.0625rem solid;background-color:#58c6ce;} .m_topbar .m_topbarlogo div{display:inline-block;vertical-align:middle;width:8.75rem;height:100%;background:url(/mobile/img/pchomelogo_blog.png) 0 0 no-repeat;background-size:100%;margin:0rem;padding:0rem} .m_topbar .m_topbarlogo div a:nth-child(1){width:4.1875rem;height:100%;} .m_topbar .m_topbarlogo div a:nth-child(2){width:4.5625rem;height:100%;} /*btmbar*/ .m_container::after{display:block;width:100;height:0rem;content:""} .m_container{ background:#fff;} /*2014 searchbar */ .searchbar_news{width:100%;height:0rem;overflow:hidden;background:#58c6ce; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; } .searchbar_news input{width:100%;height:100%;outline:none;border:none;margin:0;padding:0;border-radius:0} .search_box{-webkit-box-flex:1;height:1.75rem;margin:0.625rem 0rem 0.625rem 0.3125rem;background:#fff;border:0.0625rem #259aa3 solid;border-right:none;} .search_box input{font-size:120%;-webkit-tap-highlight-color:rgba(0,0,0);} /* 20140829 ADD */ .search_btn{width:3.5rem;height:1.75rem;margin:0.625rem 0.625rem 0 0;border:0.0625rem #259aa3 solid;border-left:none;cursor: pointer;} .search_btn input{background:url(/mobile/img/but_search_blog.png) 0 0 no-repeat;background-size:100%;height:1.75rem;} .m_topbar .btn_searchmag{width:2.1875rem;height:100%;background:url(/mobile/img/icon_searchmag.png) 0 0 no-repeat;background-size:100%;margin:0rem;padding:0rem} .m_topbar .btn_publisartbtn{ display:block;width:2.1875rem;height:100%;background:url(/mobile/img/icon_publisartbtn.png) 0 0 no-repeat;background-size:100%;margin:0rem;padding:0rem} .m_topbar .btn_publisartbtn a{ display:block; width:2.1875rem; height:100%;} /*新聞台 rightside*/ .m_slidemenu li.blgchanl span>b{display:inline-block;vertical-align:middle;height:32px;width:32px; background:url(/mobile/img/icon_blgcateg.png) center center no-repeat;background-size:8px;} .m_slidemenu li.blgsite{font-weight:bold;border-bottom:1px solid #3b3c3d;repeat:repeat-x;font-size:16px;width:100%; position:relative;} .m_slidemenu li.blgsite .sitname{ display:block; width:80%; height:32px; overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;height:32px;line-height:32px;padding:6px 0 6px 10px;border-bottom:1px solid #3b3c3d; font-style:normal;} .m_slidemenu li.blgsite .sitname a{ color:#ccc;} .m_slidemenu li.blgsite .sitname u{ display:block; float:left; width:32px; height:32px; border-radius:100%; overflow:hidden; margin:0 5px 0 0;} .m_slidemenu li.blgsite .sitname u img{ width:32px;} .m_slidemenu li.blgsite .note{display:block;background:#ff0000; width:26px; height:26px; text-align:center;line-height:26px;border-radius:100%;color:#fff;margin:0 0 0 5px;font-weight:normal; position:absolute; right:10px; top:10px; font-style:normal;} .m_slidemenu li.blgsite .note a{ display:block; color:#ccc;} em.pubart{ color:#58c6ce; font-style:normal;} em.pubart .icon-pen{ font-size:18px; line-height:30px; margin:0 3px 0 0;} /*===20140606新增 end===*/ /*===20140730新增 ===*/ .ntfblk{border-bottom:1px #d3d3d3 solid;clear:both;padding:8px 5px;display:block} .ntfblk h2{ display:block; font-size:16px; font-weight:bold; line-height:22px; height:44px; overflow:hidden; color:#484848;} .ntfblk h2 a{ color:#2c99bc} .ntfblk p{font-size:14px;line-height:18px;height:18px; padding:2px;overflow:hidden; color:#484848;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;} .ntfblk .date_gray {color: #ccc;font-size:12px; line-height:15px;}/* 時間標記 */ /*===20140730新增 end===*/ /*20141125 SWIPER start*/ /*文章人氣*/ .ratefom{ width:100%;} .ratefom td{ padding:5px; border-bottom:1px solid #ececec;} .ratefom tr{ background:#FFF;} .ratefom tr.rfom1{ height:18px; background:#515151; color:#FFF; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.5); letter-spacing:1px;} .ratefom tr.rfom1 td{ padding:5px;} .ratefom .rtnubr{ width:92px; border-left:1px solid #ececec; text-align:center;} .ratefom a{ font-size:15px; line-height:24px;} .ratefom tr td:first-child{ width:55%;} /*活動*/ .m_tagacttit{ font-size:16px; color:#45afb6; line-height:18px; margin:10px 0 0 0; font-weight:bold; text-indent:5px;} .m_tagacttit2{ font-size:16px; color:#1fac4c; line-height:18px; margin:10px 0 0 0; font-weight:bold;text-indent:5px;} .tagact p{ height:54px;} /*20141222 修改*/ .blgrnav{ width:100%;height:2.5rem; overflow:hidden;position:relative;} .swiper-container{ width:100%; padding:0 0 10px 0; overflow-x:auto;-webkit-overflow-scrolling: touch;border-top: 1px solid #d3d3d3;} .swiper-wrapper {width: 940px;height:2.5rem; width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; width: -ms-max-content; width: max-content;background:#eeeeee; color:#d3d3d3;} .swiper-wrapper a.swiper-slide{ display:inline-block; padding:0 15px; line-height:2.5rem; font-size:15px;text-align:center; color:#303030;} .swiper-slide.active-nav{background: #fff;} /*2013_最新活動-徵文&& 愛分享-*/ .evt_tit{ display:block; margin-left:15px; font-size:20px; line-height:30px; font-family:arial,微軟正黑體; font-weight:600; margin-top:30px;} .tit_blue{ color:#45afb6} .tit_green{ color:#1fac4c} .blog_evt{background:#f4f4f4; margin-left:15px; padding:15px; font-family:arial,微軟正黑體;} .evt_contan{ overflow:hidden;} .evt_contan img{ height:180px; margin-right:15px; float:left;} .evt_date{ display:block; font-size:12px; color:#9c9c9c; text-align:right;} .evt_contan h3 a{ color:#000; font-size:22px;} .evt_contan p{ display:block; margin-bottom:20px; line-height:18px;} .btnarea{ height:30px;} .evt_contan a.btn{ display:block; line-height:30px; width:108px; text-align:center; float:left; 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: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmZWRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzN2IyYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 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: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxZTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZmIwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 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;} .try_even_btn { cursor:pointer; } .innertext iframe{ width:100%;} .comentform .ui-radio{ display:inline-block} /*201707新增*/ .readreleasewp{ padding: 0 20px; margin: 15px 0; position: relative; height: 1000px; overflow: hidden; } .readreleasewp.opn{ height: auto; } .atctoolbx2{ width: 100%; height: 60px; line-height: 60px; } .atctoolbx2 a{ font-size: 15px; font-weight: bold; padding: 0; margin: 0 15px 0 0; color: #111111; border-bottom: 2px solid #58c6ce; } .atc_prenext{ padding: 15px 0; } .atc_prenext p{ width: 100%; height: 35px; line-height: 35px; font-size: 14px; text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; overflow: hidden; } .atc_prenext p a{ font-size: 16px; color: #0189cf; } /* .comentreply{ height: 40px; overflow: hidden; } */ .comentform.replybotm{ width: 100%; height: 45px; line-height: 45px; border-radius: 7px; color: #fff; text-align: center; background: #0187cd; background: -moz-linear-gradient(top, #0187cd 0%, #006ea5 100%); background: -webkit-linear-gradient(top, #0187cd 0%,#006ea5 100%); background: linear-gradient(to bottom, #0187cd 0%,#006ea5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0187cd', endColorstr='#006ea5',GradientType=0 ); } .comentreply table{ width: 100%; } .comentreply table .t13{ display: block; padding: 10px 0; } #authRandnum{ width: 98%; height: 20px; line-height: 20px; margin-top: 2px;} .comentreply.opn{ -webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s; height: 355px; } .artcommd{ padding: 15px 0 0 0; } .artcommd h3.tittxt{ font-size: 14px; color: #8b8b8b; font-weight: normal; text-indent: 10px; line-height: 30px; border-bottom: 1px #d3d3d3 solid; display: block; width: 100%; } .pcadcenterbx{ margin: 15px 0; } .readmorebtn-4o{ position: absolute; left: 0; bottom: 0; display: block; height: 180px; width: 100%; z-index: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+50,000000+80,ffffff+81&0+0,0.6+50,0.8+80,1+81 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.8) 80%, rgba(255,255,255,1) 81%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 80%,rgba(255,255,255,1) 81%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 80%,rgba(255,255,255,1) 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .readmorebtn-4o button{ position: absolute; bottom: 15px; left: 50%; margin: 0 0 0 -150px; display: block; width: 300px; height: 45px; line-height: 45px; text-align: center; color: #fff; border-radius: 5px; font-family: arial,sans-serif,'微軟正黑體'; font-size: 17px; letter-spacing: 1px; background: #0187cd; background: -moz-linear-gradient(top, #0187cd 0%, #006ea5 100%); background: -webkit-linear-gradient(top, #0187cd 0%,#006ea5 100%); background: linear-gradient(to bottom, #0187cd 0%,#006ea5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0187cd', endColorstr='#006ea5',GradientType=0 ); border:0; font-size: 16px; font-weight: bold; } .readmorebtn-4o button b{ display: inline; padding: 3px 8px; background: url(/img/arrowdown.png) center center no-repeat; margin: 0 0 0 3px; -webkit-background-size: 100%;background-size: 100%; } .readmorebtn-4o.rdmornone{ display: none; } /*Footer_PR 20181128*/ .footerPR_wrapper { width: 100%; left: auto; right: auto; bottom: 0; position: fixed; z-index: 1050; width: 100%; border-top:1px solid #fff; height: 2.5rem; } .PR_FBp_box{text-align: center; background-color: rgba(50, 90, 150, 0.95); margin: 0px; position: relative; overflow: hidden; border-top:1px solid #335d95;} .footerPR_wrapper .closeBtn{ display: block; z-index: 100; position: absolute; top: 0px; left: 0px; width:2.5rem; line-height: 0; height: 100%; } .footerPR_wrapper .icon-close{ position: absolute; top: 0.8em; left: 0.8em;} .footerPR_wrapper .icon-close:before { content: ""; background: url(/img/icon_cls.png) no-repeat; width: 0.8em; display: block; height: 0.8em; background-size: 0.8em 0.8em; } position: absolute; top: 0.8em; left: 0.8em;} .footerPR_wrapper .icon-close:before { content: ""; background: url(/img/icon_cls.png) no-repeat; width: 0.8em; display: block; height: 0.8em; background-size: 0.8em 0.8em; }