@charset "utf-8";
/* CSS Document */
body {margin:0;FONT-FAMILY: Arial;}

.left {float:left}
.right {float:right}

.topbg{height:57px; width:995px; margin:auto; background:url("");border-right: 1px solid #cdcdcd;border-left: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;}
.topbg .pclogo{margin:0;float:left;margin:0px 15px 0px 18px;*margin:0px 15px 0px 16px;_margin:0px 15px 0px 10px;}
.topbg .midsearch {float:left; margin-top:18px; width:450px;padding:0px 5px;}
.topbg .midsearch .boticon{text-align:left;float:left; border-top: 2px solid #31a5ef;border-right: 0px;border-bottom: 2px solid #31a5ef;border-left: 2px solid #31a5ef;height:21px;cursor:pointer}
.topbg .midsearch .textarea{float:left;border-top: 2px solid #31a5ef;border-left:0;border-bottom: 2px solid #31a5ef;border-right: 2px solid #31a5ef;height:21px;}


.topbg .searchicon {float:left;font-size:12px;color:#3f97c4;LINE-HEIGHT:23px;height:23px;overflow:hidden;}
.topbg .searchicon a{color:#3f97c4; TEXT-DECORATION:none;}
.topbg .searchicon a:hover{color:#3f97c4; TEXT-DECORATION:underline;}

.topbg .rightlist {float:right;font-size:13px;color:#cccccc;background:url("") repeat-x;padding-top:3px;*padding-top:5px;padding-top:6px \9;}
.topbg .rightlist a{TEXT-DECORATION:none;color:#6e6e6e;}
.topbg .rightlist a:hover{TEXT-DECORATION:underline;}
.topbg .rightlist .linktext{line-height:16px;float:left; height:18px;overflow: hidden;}
.topbg .rightlist .linktexteng{*line-height:13px;line-height:16px;line-height:13px \9;float:left; height:18px;overflow: hidden;margin-right:15px;}
.topbg .rightlist .linkicon{
	background-image: url("") ;
	float:left;
	width:75px;
	background-repeat: no-repeat;
	background-position: 80px 4px ;
	*background-position: 76px 1px ;
	background-position: 80px 1px \9;
	overflow: hidden;
	line-height:16px;
	padding:0 8px;
	height:18px;
}
.topbg .rightlist .linkicon:hover{BACKGROUND-POSITION: 80px -17px;*BACKGROUND-POSITION: 76px -20px;BACKGROUND-POSITION: 80px -20px \9;TEXT-DECORATION:underline;}
.topbg .rightlist li{
	float:right;
    list-style-image: none;
	list-style-type: none;
}
.topbg .rightlist ul{height:18px; width:180px;margin:0px;padding:0px;}
.topbg .rightlist li span{line-height:16px;*line-height:12px;line-height:12px \9;float:left;padding:0 3px; height:18px;overflow: hidden;font-size:12px;color:#d9ccd9;width:10px;}

.topbg .rightlist .listdown{font-size:12px;margin-top:8px;text-align:right;color:#5d5d5d;padding-right:15px;BORDER: none;}
.topbg .rightlist .listdown a{TEXT-DECORATION:none;color:#3f97c4;}
.topbg .rightlist .listdown a:hover{TEXT-DECORATION:none;}

#rightsearchbar{text-align:left;position:absolute;z-index:1;width:220px;background-color:#FFFFFF;border: 2px solid #838383;-moz-box-shadow: 2px 2px 3px #cecece;margin-top:8px;padding:1px;}
.rightbar{font-size:13px; color:#d3d3d3;LINE-HEIGHT:23px;}
.rightbar a{TEXT-DECORATION:none; color:#000000; padding-left:8px;}
.rightbar a:hover{TEXT-DECORATION:underline;}
.rightdown {font-size:12px;color:#6e6e6e; background-color:#ededed;LINE-HEIGHT:23px;padding-left:3px;display:block;padding-top:3px;}
.rightdown a{TEXT-DECORATION:none;color:#6e6e6e;}
.rightdown a:hover{TEXT-DECORATION:underline;}

#midsearchbar{text-align:left;position:absolute;z-index:2; cursor:pointer}

/* 站長css開始 */
.mytopbg{height:30px; width:100%; margin:auto;border-bottom: 1px solid #cdcdcd; background:#ffffff;}
.mytopbg .mypclogo{margin:0;float:left;margin:3px 15px 0px 18px;*margin:3px 15px 0px 16px;_margin:3px 15px 0px 10px;}
.mytopbg .mymidsearch {float:left; margin-top:3px; width:400px;padding:0px 5px;}
.mytopbg .mymidsearch .boticon{text-align:left;float:left; border-top: 2px solid #31a5ef;border-right: 0px;border-bottom: 2px solid #31a5ef;border-left: 2px solid #31a5ef;height:21px; cursor:pointer}
.boticon .out{font-size:12px;color:#838383;background:url("") no-repeat;LINE-HEIGHT:21px;display:block;width:68px;*width:80px;TEXT-DECORATION:none;BACKGROUND-POSITION: 60px 0px;overflow: hidden;padding-left:8px;}
.boticon .over{font-size:12px;color:#838383;background:url("") no-repeat;LINE-HEIGHT:21px;display:block;width:68px;*width:80px;TEXT-DECORATION:none;BACKGROUND-POSITION: 60px -21px;overflow: hidden;padding-left:8px;}
.mytopbg .mymidsearch .textarea{float:left;border-top: 2px solid #31a5ef;border-left:0;border-bottom: 2px solid #31a5ef;border-right: 2px solid #31a5ef;height:21px;}

.mytopbg .searchicon {float:left;font-size:12px;color:#3f97c4;LINE-HEIGHT:23px;width:200px;}
.mytopbg .searchicon a{color:#3f97c4; TEXT-DECORATION:none;}
.mytopbg .searchicon a:hover{color:#3f97c4; TEXT-DECORATION:underline;}

.mytopbg .myrightlist {margin-right:20px;margin-top:2px;float:right;font-size:13px;color:#cccccc;padding-top:3px;*padding-top:5px;padding-top:6px \9;}
.mytopbg .myrightlist a{TEXT-DECORATION:none;color:#6e6e6e;}
.mytopbg .myrightlist a:hover{TEXT-DECORATION:underline;}
.mytopbg .myrightlist .linktext{line-height:16px;float:left; height:18px;overflow: hidden;}
.mytopbg .myrightlist .linktexteng{*line-height:13px;line-height:16px;line-height:13px \9;float:left; height:18px;overflow: hidden;}
.mytopbg .myrightlist .linkicon{
	float:left;
	width:70px;
	background-image: url("") ;
	background-repeat: no-repeat;
	background-position: 67px 4px ;
	*background-position: 63px 1px ;
	background-position: 67px 1px \9;
	overflow: hidden;
	line-height:16px;
    padding-right:8px;
	height:18px;

}
.mytopbg .myrightlist .linkicon:hover{BACKGROUND-POSITION: 67px -17px;*BACKGROUND-POSITION: 63px -20px;BACKGROUND-POSITION: 67px -20px \9;TEXT-DECORATION:underline;}
.mytopbg .myrightlist li{
	float:left;
    list-style-image: none;
	list-style-type: none;
}
/*.mytopbg .myrightlist ul{height:18px; width:290px;}*/
.mytopbg .myrightlist ul{height:18px;padding:0px;margin:0px;}
.mytopbg .myrightlist li span{line-height:16px;*line-height:12px;line-height:12px \9;float:left;padding:0 3px; height:18px;overflow: hidden;font-size:12px;color:#d9ccd9;width:5px;}

.mylistdown{float:left;font-size:12px;margin-top:6px;text-align:right;color:#5d5d5d;BORDER: none;width:120px;}
.mylistdown a{TEXT-DECORATION:none;color:#3f97c4;}
.mylistdown a:hover{TEXT-DECORATION:none;}

#myrightsearchbar{margin-right:70px;right:0;position:absolute;top:20px;z-index:1;width:220px;background-color:#FFFFFF;border: 2px solid #838383;-moz-box-shadow: 2px 2px 3px #cecece;margin-top:8px;padding:1px;visibility: hidden;}
.myrightbar{font-size:13px; color:#d3d3d3;LINE-HEIGHT:23px;text-align:left;}
.myrightbar a{TEXT-DECORATION:none; color:#000000; padding-left:8px;}
.myrightbar a:hover{TEXT-DECORATION:underline;}
.myrightdown {font-size:12px;color:#6e6e6e; background-color:#ededed;LINE-HEIGHT:23px;padding-left:3px;display:block;padding-top:3px;}
.myrightdown a{TEXT-DECORATION:none;color:#6e6e6e;}
.myrightdown a:hover{TEXT-DECORATION:underline;}

#mymidsearchbar{text-align:left;position:absolute;z-index:2;}
.mymidbar{font-size:12px; color:#838383;width:76px;background-color:#FFFFFF; border: 1px solid #838383;-moz-box-shadow: 2px 2px 3px #cecece ;LINE-HEIGHT:23px;}
.mymidbar .STE .out{TEXT-DECORATION:none; color:#838383; padding-left:8px;display:block;width:68px;}
.mymidbar .STE .over{TEXT-DECORATION:none; color:#ffffff; padding-left:8px;display:block;width:68px;background-color:#1398ec;}
/* 站長css結速 */
#comments-page .comments-body #comments-form{_width:95%;*width:95%;*margin:auto;_margin:auto}
#recommend_list_data{_width:480px;*width:480px}

/*四頭條*/
#sixi {width: 848px;display: block;clear:both;line-height:35px;overflow: hidden;}
#sixi span{float: left;width: 212px;padding:0 0 3px 0;text-align:center; height: 35px; overflow: hidden;}
#sixi span a{font-size: 16px;}

#stickers4 {height: 65px; width: 934px;display: block;clear:both;overflow: hidden;}
#stickers4 span{float: left;padding:0 0 3px 0;text-align:center;}

#sm{word-wrap: break-word; word-break: break-all;overflow:hidden;width:82%;_width:80%;*width:80%;position:relative;z-index:100}
.smimg{position:relative;margin:-65px 10px 5px 0;padding-left:83%;_padding-left:81%;*padding-left:81%;}
.posted{position:relative;z-index:100}

/*強制換行*/
.brk{word-wrap: break-word; word-break: break-all;}
.brk_h{word-wrap: break-word; word-break: break-all;overflow:hidden;}

/*station_side*/
.mypage_tit{margin: 5px auto; width: 95%; font-size: 12px; line-height: 18px;}
.mypage_img{border:0px; margin: 5px 5px 10px 0pt; width: 24px; height: 24px; float: left;}
.mypage_nick{text-align: right; font-size: 11px;overflow:hidden;height:15px;}
.visit_img{width:45px;height:45px;float:left;margin:2px;}

.news_round {padding: 10pt 10pt 0;}
.news_content {border: 1px solid rgb(218, 218, 218); margin: 0pt; padding: 0pt 10px; background: rgb(248, 248, 248) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 13px; line-height: 30px; font-weight: bold;height:30px;}
.news_title {float:left;font-size: 12px; font-weight: normal; color: rgb(102, 102, 102); margin-right: 5px; overflow:hidden;height:30px;}
.salead {width:250px;float:left;height:30px;}


/*  側欄分類  */
.ctghd{font-size:13px;cursor:pointer}
.ctghd img{margin:0 3px 0 0}
.ctgsub{font-size:12px;margin:0 0 8px 0px;padding-left:20px;}


#container1 .newsBody a{color:#3f97c4}




/* topbar2013 */
.topbar2013{position:relative;top:0;left:0;z-index:1001;display:block;min-width:100%;height:auto;font-size:13px;color:#fff;font-family:Arial, Helvetica, sans-serif}
.topbar2013{
background: #66c9d0;
background: url("");
background: -moz-linear-gradient(top,  #66c9d0 0%, #37b5be 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66c9d0), color-stop(100%,#37b5be));
background: -webkit-linear-gradient(top,  #66c9d0 0%,#37b5be 100%);
background: -o-linear-gradient(top,  #66c9d0 0%,#37b5be 100%);
background: -ms-linear-gradient(top,  #66c9d0 0%,#37b5be 100%);
background: linear-gradient(to bottom,  #66c9d0 0%,#37b5be 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c9d0', endColorstr='#37b5be',GradientType=0 );

}
.topbar2013{-moz-box-shadow:0px 4px 4px rgba(50%,50%,50%,0.3);-webkit-box-shadow:0px 4px 4px rgba(50%,50%,50%,0.3);box-shadow:0px 4px 4px rgba(50%,50%,50%,0.3);}

.topbar2013 div{display:block;}
.topbar2013 img{border:none}
.topbar2013 a{color:#fff;text-decoration:none}
.topbar2013 em{font-style:normal}

.topbar2013 .topbar{display:block;width:997px;height:44px;margin:0 auto;padding:20px 0 0 0;border-bottom:#33b4bd 1px solid;}
.topbar2013 .topbar>div{float:left}
.topbar2013 .logoarea{margin:0;padding:0;width:258px;height:30px;}
/*.topbar2013 .logoarea{background:url(../img/pchomestocklogo.png) 0 0 no-repeat}*/

.topbar2013 .searchbar{position:relative;margin:0;padding:0;width:184px;height:28px;border:#269ca4 1px solid;border-right:none;background:#fff;-moz-box-shadow:3px 3px 3px rgba(50%,50%,50%,0.3) inset;-webkit-box-shadow:3px 3px 3px rgba(50%,50%,50%,0.3) inset;box-shadow:3px 3px 3px rgba(50%,50%,50%,0.3) inset;}
.topbar2013 .searchbar form{margin:0;padding:0;font-size:12px;}
.topbar2013 .searchbar .s_txtarea{float:left;border:0;padding:0;margin:5px 0 5px 4px;outline:none;background:none; *background:#FFF;width:130px;height:18px;line-height:18px;color:#4e4e4e;/*height:18px \9;margin-top:4px \9;*/}

.topbar2013 .searchbar .s_submit1{margin:-1px 0 0 0;padding:0;outline:none;width:50px;height:30px;*height:28px;line-height:13px; *line-height:20px; *border:none; *margin-top:0px;cursor:pointer;
	border:1px #269ca4 solid;color:#fff;font-family:"新細明體"}

.topbar2013 .searchbar .s_submit2{
background: #626262;
background: url("");
background: -moz-linear-gradient(top,  #626262 0%, #1f1f1f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#1f1f1f));
background: -webkit-linear-gradient(top,  #626262 0%,#1f1f1f 100%);
background: -o-linear-gradient(top,  #626262 0%,#1f1f1f 100%);
background: -ms-linear-gradient(top,  #626262 0%,#1f1f1f 100%);
background: linear-gradient(to bottom,  #626262 0%,#1f1f1f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#1f1f1f',GradientType=0 );
}

.topbar2013 .searchbar .s_submit2{position:absolute;top:-1px;left:190px;margin:0;padding:0;outline:none;width:50px;height:30px;line-height:13px;cursor:pointer;
	border:#505050 1px solid;color:#fff;font-family:"新細明體"}

.topbar2013 .searchbar .s_submit1{
background: #ffb53c;
background: url("");
background: -moz-linear-gradient(top,  #ffb53c 0%, #ff6400 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb53c), color-stop(100%,#ff6400));
background: -webkit-linear-gradient(top,  #ffb53c 0%,#ff6400 100%);
background: -o-linear-gradient(top,  #ffb53c 0%,#ff6400 100%);
background: -ms-linear-gradient(top,  #ffb53c 0%,#ff6400 100%);
background: linear-gradient(to bottom,  #ffb53c 0%,#ff6400 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb53c', endColorstr='#ff6400',GradientType=0 );
}

.topbar2013 .topnewstext{padding:0 10px 0 65px;color:#fff;height:30px;line-height:30px;width:50px;overflow:hidden;  }
.topbar2013 .topnewstext b{display:inline-block;*display:inline;*padding:4px;margin:4px;width:22px;height:22px;line-height:22px;background:#fff;border-radius:22px;color:#f03d4a;font-weight:600;font-size:11px;text-align:center;-webkit-text-size-adjust:none}

.topbar2013 .topnewstext a{ margin:0 3px;}

.topbar2013 .memberlogin{position:relative;width:305px;height:30px;line-height:30px; margin-left: 180px;}
.topbar2013 .memberlogin b{position:absolute;top:-5px;right:10px;width:22px;height:22px;line-height:20px;background:#4f4f4f;border-radius:22px;color:#fff;font-weight:normal;font-size:13px;text-align:center;font-family:Verdana, Geneva, sans-serif}
.topbar2013 .memberlogin>div{position:absolute;top:0;right:0;}
.topbar2013 .memberlogin a{display:inline-block;font-size:12px;line-height:30px;height:30px;margin:0 2px;}
.topbar2013 .memberlogin .email{background: url("") 0 center no-repeat;padding-left:15px;}
.topbar2013 .memberlogin .user em{margin:0 5px 0 0;font-size:12px;font-family:Arial, Helvetica, sans-serif,'微軟正黑體'}

/* 2020-12-22 更新 */
.topbar2013 .memberlogin { float: right !important; width: 400px; margin: 0 10px 0 80px; }
.topbar2013 .memberlogin a { float: left; }
.topbar2013 .memberlogin a:hover { color: #fff; text-decoration: underline; }
.topbar2013 .memberlogin a:hover img { filter: brightness(115%); transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.topbar2013 .memberlogin>div { float: right;}
.topbar2013 .memberlogin>div span { float: left; padding: 0 7px; display: inline-block; }
/* Foodpanda */
.panda-btn { height: 30px; }
.panda-btn img { height: 100%; display: block; }


.topbar2013 .contentnav{width:100%;border-top:#4c3c3c;background:#505050;}
.topbar2013 .contentnav ul{display:block;width:830px;height:38px;margin:0 auto;padding:0;list-style:none;}
.topbar2013 .contentnav ul li{position:relative;float:left;height:38px;line-height:38px;text-align:center;background:none;color:#fff;font-size:17px;font-family:Arial, Helvetica, sans-serif,'微軟正黑體';font-weight:normal;}

/* for add ihealth patch padding */

.topbar2013 .contentnav ul li a{display:block;padding:0 12px;height:100%;font-size:17px;}

.topbar2013 .contentnav ul li a:hover{background:#444;font-size:17px;;color:#fff}
.topbar2013 .contentnav ul li a.tabon{background:#fff;color:#000;font-size:17px;text-shadow: 1px 1px 1px #ccc;height:44px;}
.topbar2013 .contentnav ul li em{display:block;position:absolute;top:-5px;right:-5px;z-index:1000;width:19px;height:15px;}

.topbar2013 .contentnav ul li .myper{ background-color:#84f600;text-shadow: 1px 1px 1px #666;}
.topbar2013 .contentnav ul li .myper:hover{ background:#80ee00;}
.topbar2013 .contentnav ul li .myper span{ display:block; float:left; margin:10px 5px 0 0; width:17px; height:17px; background:url("");}

.topbar2013 .contentnav ul li .notice{ background-color:#5cd900;text-shadow: 1px 1px 1px #666;border-left:1px solid #56ca01;width: 120px;}
.topbar2013 .contentnav ul li .notice:hover{ background:#80ee00;}
.topbar2013 .contentnav ul li .notice span{position:absolute;right:-12px;top:-5px;padding:1px 6px;border-radius:17px;background-color:#FF3F3F;font-size: 13px;line-height:17px}
.topbar2013 .contentnav ul li .new span{position:absolute;right:-12px;top:-8px;padding:3px 2px 2px 2px;border-radius:2px;border:1px solid #4abdc6;background-color:#077fd1;font-size:12px;-webkit-transform : scale(0.75);line-height:12px;letter-spacing:1px;z-index: 200}