@charset "utf-8";
/* CSS Document */
body {margin:0;FONT-FAMILY: Arial;}
ul,li{margin:0; padding:0;}
.topbg ul,.topbg li{margin:0; padding:0;}
.topbg{height:57px; width:995px; margin:auto; background:url(../img/header2011/1_02.jpg);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;width:200px;}
.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(../img/header2011/rightbg.jpg) 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;}
.topbg .rightlist .linkicon{
	float:left;
	width:35px;
	background-image: url(../img/header2011/rightbot-2.gif) ;
	background-repeat: no-repeat;
	background-position: 40px 4px ;
	*background-position: 36px 1px ;
	background-position: 40px 1px \9;
	overflow: hidden;
	line-height:16px;
	padding:0 8px;
	height:18px;

}
.topbg .rightlist .linkicon:hover{BACKGROUND-POSITION: 40px -17px;*BACKGROUND-POSITION: 36px -20px;BACKGROUND-POSITION: 40px -20px \9;TEXT-DECORATION:underline;}
.topbg .rightlist li{
	float:left;
    list-style-image: none;
	list-style-type: none;
}
.topbg .rightlist ul{border-left:1px solid #eaeaea;height:18px; width:205px;}
.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:5px;}

.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}

/* 20111006 new */
.topbg .midsearchnew{padding:15px 0 0 0;float:left}
.topbg .midsearchnew a{color:#3f97c4; TEXT-DECORATION:none;}
.topbg .midsearchnew a:hover{color:#3f97c4; TEXT-DECORATION:underline;}
.topbg .searchblock {float:left;font-size:12px;color:#3f97c4;LINE-HEIGHT:23px;padding:4px 2px 4px 4px}
.topbg .searchblock a,.topbg .keyword a{color:#3f97c4; TEXT-DECORATION:none;}
.topbg .searchblock a:hover,.topbg .keyword a:hover{color:#3f97c4; TEXT-DECORATION:underline;}
.topbg .midsearchnew .searchblock{background:url(../img/header2011/orgsearchbg.gif) no-repeat;height:29px;padding:0}
.topbg .midsearchnew .txtipt{float:left;border: 0px;width:131px}
.topbg .midsearchnew .txtipt input{outline:none;background:none;margin:3px 2px;height:22px;line-height:22px;color:#fff;width:125px}
.topbg .midsearchnew .srchbtn{float:left;margin:0 1px 0 0;cursor:pointer}
.topbg .keyword{float:left;margin-left:5px;font-size:12px;line-height:33px}
.topbg .rightlistnew{float:right;font-size:13px;color:#cccccc;background:url(../img/header2011/rightbg.jpg) repeat-x;line-height:24px;padding:0 5px}
.topbg .rightlistnew ul li{list-style-type:none;display:inline}
.topbg .rightlistnew li a{margin:0 3px}
.topbg .rightlistnew a{TEXT-DECORATION:none;color:#6e6e6e;}
.topbg .rightlistnew a:hover{TEXT-DECORATION:underline;}
.topbg .rightlistnew .listdown{font-size:12px;line-height:25px;text-align:right;color:#5d5d5d;padding-right:10px;}
.topbg .rightlistnew .listdown a{TEXT-DECORATION:none;color:#3f97c4;}
.topbg .rightlistnew .listdown a:hover{TEXT-DECORATION:none;}
.topbg .rightlistnew .listdown b{color:#3c3c3c;text-decoration:underline}



/* 站長css開始 */
.mytopbg{background-color:#FFFFFF;border-bottom: 1px solid #cdcdcd;width:100%; height:31px;display:block; min-width:995px; }
.mytopbg .mypclogo{width:180px;margin:0;float:left;margin:3px 15px 0px 18px;*margin:3px 15px 0px 16px;_margin:3px 15px 0px 10px;}
.mytopbg .mymidsearch {width:300px;float:left; margin-top:3px;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;}
.mytopbg .mymidsearch .boticon a{font-size:12px;color:#838383;background:url(../img/header2011/bottomicon-1.gif) no-repeat;LINE-HEIGHT:21px;display:block;width:68px;TEXT-DECORATION:none;BACKGROUND-POSITION: 60px 0px;overflow: hidden;padding-left:8px;}
.mytopbg .mymidsearch .boticon a:hover{BACKGROUND-POSITION: 60px -21px;}
.mytopbg .mymidsearch .textarea{float:left;border-top: 2px solid #31a5ef;border-bottom: 2px solid #31a5ef;border-right: 2px solid #31a5ef;height:21px;}


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

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

}
.mytopbg .myrightlistnew .linkicon:hover{BACKGROUND-POSITION: 70px -17px;*BACKGROUND-POSITION: 66px -20px;BACKGROUND-POSITION: 70px -20px \9;TEXT-DECORATION:underline;}
.mytopbg .myrightlistnew li{
	float:left;
    list-style-image: none;
	list-style-type: none;
}
.mytopbg .myrightlistnew ul{height:18px;}
.mytopbg .myrightlistnew 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;}


#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;margin-left:218px;*margin-left:-405px;top:26px;z-index:2;visibility: hidden;}
.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 .text a{TEXT-DECORATION:none; color:#838383; padding-left:8px;display:block;width:68px;}
.mymidbar .text a:hover{color:#ffffff;background-color:#1398ec;}

/* 20111006 new */
.mytopbg .mymidsearchnew{padding:2px 0 0 0;float:left}
.mytopbg .mymidsearchnew a{color:#3f97c4; TEXT-DECORATION:none;}
.mytopbg .mymidsearchnew a:hover{color:#3f97c4; TEXT-DECORATION:underline;}
.mytopbg .searchblock {float:left;font-size:12px;color:#3f97c4;LINE-HEIGHT:23px;padding:4px 2px 4px 4px}
.mytopbg .searchblock a,.topbg .keyword a{color:#3f97c4; TEXT-DECORATION:none;}
.mytopbg .searchblock a:hover,.topbg .keyword a:hover{color:#3f97c4; TEXT-DECORATION:underline;}
.mytopbg .mymidsearchnew .searchblock{background:url(../img/header2011/orgsearchbg.gif) no-repeat;height:29px;padding:0}
.mytopbg .mymidsearchnew .txtipt{float:left;border: 0px;width:131px}
.mytopbg .mymidsearchnew .txtipt input{outline:none;background:none;margin:3px 2px;height:22px;line-height:22px;color:#fff;width:125px}
.mytopbg .mymidsearchnew .srchbtn{float:left;margin:0 1px 0 0;cursor:pointer}

.mytopbg .keyword{float:left;margin-left:5px;font-size:12px;line-height:25px}

.page {width:700px;display:block;font-size:13px;height:100px;overflow:auto;margin:auto;text-align:center}
.page a,.page b{height:30px;width:23px;text-align:center;text-decoration:none;line-height:30px;margin:15px 4px;display:inline-block;}
.page p{height:30px;width:30px;display:inline-block;text-align:center;text-decoration:none;line-height:30px;margin:15px 4px;font-weight:bold}
.page .pre,.page .nxt{height:50px;width:50px;text-decoration:none;line-height:50px;margin:4px;display:inline-block;}
.page .arw{height:0;width:0;font-size:0;line-height:0px;border-width:6px;margin-top:-14px}


/*達人動態*/
#rb .tit a{ display:block;color:#51ade1;text-decoration:none;}
#rb .tit a b{ display:inline-block; text-align:center; width:30px; line-height:16px; margin-left:5px;-webkit-text-size-adjust:none;  font-size:11px;font-weight:normal; color:#FFF; font-family:arial,新細明體; background:#ee2356; border-radius:3px;}
#rb .mst_news{ position:absolute; z-index:10; margin-left:-70px; width:270px; height:300px; border:1px solid #000; border-radius:5px; background:url(../img/master/bg_opacity95.png);-moz-box-shadow: 1px 1px 1px #bdbdbd;-webkit-box-shadow: 1px 1px 12px #bdbdbd;box-shadow: 1px 1px 1px #bdbdbd;}
ul.mst_newslist{ display:block; width:260px; height:295px; padding:0px 10px 0 0;overflow:hidden;overflow-y:auto; list-style: none;}
ul.mst_newslist::-webkit-scrollbar{-webkit-appearance: none;width:10px}
ul.mst_newslist::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,0.1);-webkit-box-shadow:0 0 1px rgba(255,255,255,0.8)}

ul.mst_newslist li{ margin:0; padding:0;border-bottom:1px #CCC solid;width:260px;}
ul.mst_newslist li a{ display:block;width:260px; overflow:hidden; padding:5px;}
.mstalb{ display:block; float:left; margin-right:10px;box-shadow:1px 1px 1px #CCC;}
ul.mst_newslist li a:hover{ background:#e2e2e2;}
.mstalb img{ width:55px; height:55px; border:0;}
.mstcontent{ width:175px; float:left; font-size:12px; line-height:18px; color:#000;font-family:arial,新細明體; text-decoration: none;}
.mstcontent a, .mstcontent b, .mstcontent span{ text-decoration: none;}
.mstcontent i{ display:block; width:75px; line-height:18px; text-align:center; font-size:11px; background:#ee2356; color:#FFF; font-style:normal; margin-bottom:3px;}
.mstcontent span{ display:block; color:#878787;}
.newarro{ display:block; width: 0px;height: 0px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent; position:absolute; right:55px; top:-8px;}

#topbb .left .idfotopic{ width:50px; height:50px;}
#topbb .left .idfotopic b{ display:block; width:30px; height:30px; background:url(/img/master/smallaward.png) no-repeat; position:absolute; margin:5px 0 0 5px;}