@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, 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:#303030; background: #e4e1dc;}
a{ color:#15baff; 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(//mypaper.pchome.com.tw/img/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: #494949; padding: 0 0 10px 0; font-size: 15px;}

/*blog cont*/
.date .datediv{ display: inline-block;width: 100%;height: 28px; line-height: 28px; padding: 0 10px; background: #d8d8d8;}
.blogbody2{ background: #fff; padding: 0 0 15px 0;}

/*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;}
.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{ 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;}
.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;}
.comments-post{ padding: 0 10px; line-height: 32px;}
.comments-post input{ /*float: left;*/}

.total-comments-div{ padding: 5px 10px; }
.comments-date{ padding: 0 10px; color: #9e9e9e;}
.comments-reply{ background: #f9ebd4; padding: 10px;}
.comments-reply-tit{ color: #eca100; 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: #494949; 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: #f7f7f7; padding: 10px; position: relative; margin: 12px 0 0 0;margin-bottom:0px;}
#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;}

.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.noimg .innertext{ padding: 0; width: 100%;}
.blogbody2.lis.noimg .extended{ padding: 0; width: 100%;}
.blogbody2.lis.noimg .posted{ width: 930px; padding: 0 15px;}

/*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: #f4f4f4;}

/*活動*/
.tit_blue{ color: #45afb6;}
.tit_green{ color: #1fac4c;}

/*wth100*/
#content-i{ background: #fff; 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:#f4f4f4; 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:#6eb607;}

/*20141210市場情報*/
 .channel_newssection{background:#f4f4f4; overflow:hidden; padding:10px; margin:0 0 10px 0;}
 .channel_newssection img{margin-right:15px; float:left;}
 .channel_newssection p{ color:#000; 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: #454545;}
 .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;}
*/
/*20120914*/
.comments_views{background:#f0f0f0;padding:8px ;margin-bottom: 15px;}
.comments_views .comments-body{margin:0;background:none;font-size: 12px;}
.comments_views .comments-body:first-child{border-top:none;}
.comments-post .postuser{ font-size: 16px; color: #303030; 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: #5b5b5b;}

.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: #f2f2f2; text-align: center;}
#footer{ background: #f2f2f2; 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;}


/*201604文章動態*/
.subscribewp{ background: #fff; }
.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 #e5e5e5; 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 #bfbfbf; 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: #494949; 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: #15baff; text-shadow: 2px 2px 2px rgba(0,0,0,.1); }
.artblk:hover p{ color: #363636; }

.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: #efefef; 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 #efefef 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: #fff; 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 #e5e5e5; padding: 15px 42px; overflow: hidden; background: #efefef;}
.promoreadbx h4{ 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);}