@charset "utf-8";
/* 通用樣式表 */
body{font-size:12px; font-family:  Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#4a5d67; text-align:left; line-height:21px; background-image:url(../images/bg4.jpg); background-repeat:repeat-y; background-position:center top;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td{padding:0; margin:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal; font-style:normal;}

b{font-weight:bold; font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
	
/* 字體屬性[定義規則，小寫 "f" 加屬性名稱] */
.fB {font-weight:bold;}
.fN{ font-weight:normal;}
.font{ font-family:"細明體";}

/* 字體大小[定義規則，小寫 "f" 加字體大小]*/
.f10px{font-size:10px;}
.f11px{font-size:11px;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}

a:link,
a:visited{color:#006ea6;text-decoration:none;}
a:hover{color:#e66000;text-decoration:underline;}

/* 其他屬性 */
.unLine a:link,.unLine a:visited,.unLine a:hover{ text-decoration: none;}
.underline a:link,.underline a:visited,.underline a:hover{ text-decoration: underline;}

.clearfix {zoom:1;}
.clearfix:after {content:'.'; display:block; visibility:hidden; clear:both; height:0;}

#clearfix {zoom:1;}
#clearfix:after {content:'.'; display:block; visibility:hidden; clear:both; height:0;}
.textcenter{ text-align:center;}

/* 顏色屬性[定義規則，小寫 "c" 加 "-" 加顏色屬性或名稱] */

.c-main{color:#006ea6;}
.c-main a:link,
.c-main a:visited{color:#006ea6;text-decoration:none;}
.c-main a:hover{color:#e66000;text-decoration:underline;}

.c-sub{color:#8a9499;}
	.c-sub a:link,
	.c-sub a:visited{text-decoration:none; color:#8a9499;}
	.c-sub a:hover{color:#8a9499; text-decoration:underline;}

.c-alarm{color:#e66000;}
	.c-alarm a:link,
	.c-alarm a:visited{text-decoration:none; color:#e66000;}
	.c-alarm a:hover{color:#e66000; text-decoration:underline; }
	
.c-black{color:#001926;}
	.c-black a:link,
	.c-black a:visited{text-decoration:none; color:#001926;}
	.c-black a:hover{color:#001926; text-decoration:underline; }	
	



/* 按鈕輸入框 */
.form-list span{ display:block; float:left; margin-right:10px;}
.form-input{ background:url(../images/bg_input_serch.gif); height:17px; line-height:14px;padding:2px 5px 0 5px; border:solid 1px #85cef2; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; width:220px; color:#4f9ac1;}
.from-input-ie1px { border-right:none;}
.btn-ie1px{ *margin-top:1px;}

.btn-top,.btn-top-on{ background: url(../images/hd_top_input.gif) no-repeat 0 0; width:42px; height:20px; color:#5b8091; border:none; font-size:12px; cursor:pointer; line-height:20px; margin-top:8px; padding:0; }
.btn-top-on { background:url(../images/hd_top_input.gif) no-repeat 0 -20px;}	

.btn-search,.btn-search-on{ background: url(../images/input_serch.gif) no-repeat 0 0; width:54px; height:21px; font-weight:bold; color:#FFFFFF; border:none; font-size:12px; cursor:pointer; line-height:21px; margin:0; padding:0;}
.btn-search-on { background:url(../images/input_serch.gif) no-repeat 0 -21px;}

.btn-frombtn-w80,.btn-frombtn-w80-on{ background:url(../images/btn_frombtn_w80.gif) no-repeat 0 0; width:80px; height:21px; font-weight:bold; color:#4d4139; border:none; font-size:12px; cursor:pointer; line-height:21px; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}	

.btn-frombtn-w80-on { background:url(../images/btn_frombtn_w80.gif) no-repeat 0 -21px;}
/* 圖標 */
.ico{ background:url(../images/ico.gif) no-repeat 0 0; width:16px; height:16px;}
.arr{ width:8px; height:8px; background:#8a9499 url(../images/list_arr.gif) no-repeat 0 0;}


	

/* 頂部內容 */
#header { background:url() repeat-x; height:80px; width:100%; margin:0 auto; }
#header .bd { padding:15px 0 0 0; background:url(../images/bg_hd.jpg) no-repeat; width:910px; height:65px; margin:0 auto;position: relative}
	#header .pie_logo{ width:170px; height:48px; float:left;}
	
#header .bd-a,#header .bd-b{ width:325px; margin:0 0 0 auto; height:25px; line-height:25px;}

#header .bd-b{ position:absolute; right:40px; top:40px; z-index:0;}
#header .bd-a{ position:relative; z-index:9999;}

#header .bd-a span{ display:block; float:left;}

.line-top,.line-top-r{ background:url(../images/line_top.gif) no-repeat left; height:7px; font-size:1px; line-height:1px; overflow:hidden; width:100%; padding:0; }
.line-top-r{ background-position:right; margin:0;  width:100%;}


#autoAutomatic{ position:absolute;background:url(../images/serch_bg.png);_background:url(../images/serch_bg.gif);width:220px;height:40px;right:70px; top:0px; color:#FFF; padding:50px 63px 0 30px; z-index:9998; text-align:center; }
#autoAutomatic input{ margin-left:10px;}

.displayNone { display:none;}


#searchBox {position:relative; z-index:3;}

/* 內容 */
#content{ background:url(../images/bg_body.gif) repeat-x top; width:910px; margin:auto;}
.main{ width:910px; height:auto; margin:12px auto 10px auto; background:url(../images/bg_main.gif); position:relative;}
.main-r-top{ background:url(../images/right_top.gif); width:241px; height:120px; position:absolute; top:0; right:0px; z-index:1;}
.main-r-bottom{ background:url(../images/right_bottom.gif); width:240px; height:120px; position:absolute; bottom:0; right:1px; z-index:1;}

.h10px{ margin-top:10px;}

/* 內容塊背景 */


/* 標題 */
.title{ font-size:14px; background:url(../images/ico.gif) no-repeat center left; padding:7px 0 0 25px; height:28px; overflow:hidden;  font-weight:bold;color:#006ea6;}
.cur-hd-more{ float:right; font-size:12px; font-weight:normal;}


/* 分隔線 */

.line-dashed{ background:url(../images/line_dashed.gif);  height:1px; overflow:hidden; margin:0 5px;}
.line-01,.line-01-r,.line-02,.line-02-r{height:5px; overflow:hidden; font-size:5px; line-height:5px; padding:0; margin:0;}
.line-01,.line-01-r{ background:url(../images/line_01.gif) no-repeat 0 0; }
.line-02,.line-02-r{ background:url(../images/line_02.gif) no-repeat 0 0;}
.line-01-r,.line-02-r{ float:right; width:100px; background-position:right; _margin-top:-1px;}

.lastline{ position:absolute; left:0; bottom:0px; height:1px; border:solid 1px #FFF; border-left:none; border-right:none; width:100%; background:#FFF; overflow:hidden; margin-bottom:-1px;}


.ad-640{ width:640px; margin-top:10px; overflow:hidden;}
/* 內容左、中、右以及寬度控制 */

.bd-left{float:left; width:640px; padding:0 10px;}
.bd-right{float:right; width:240px; position:relative; z-index:10; padding-bottom:120px;}

/* 推薦派 */

.recom{ width:210px; padding-right:10px; float:left;}
	.recom .list{ margin-bottom:10px;}
	.recom .img{ float:left; width:92px; height:92px; position:relative;}
		.recom .img img{ width:90px; height:90px; border:solid 1px #7fc5e7;}
	.recom .cont{ float:right; width:105px; height:92px;}

.recom .addpie{color:#FFF; display:block; margin-top:5px; }
	.recom .addpie a,
	.recom .addpie a:link,
	.recom .addpie a:visited,
	.recom .addpie a:hover{ background:url(../images/btn_addpie.gif);display:block;width:75px; height:21px;color:#FFF;text-decoration:none; text-align:center; }
	.recom .addpie a:hover{ background-position:0 -21px;}
	
	
/* 頭條 */
.hot{ width:380px; padding:30px 10px 0px 30px;background:url(../images/ling_01.gif) no-repeat center left; float:right; position:relative;}
	.hot .list{ background:url(../images/line_dashed.gif) repeat-x bottom; padding-bottom:5px;}
		.hot .list .tit{ font-size:14px; height:28px; line-height:28px; font-weight:bold; overflow:hidden;}
		.hot .list .txt{ height:px; line-height:24px; height:72px; overflow:hidden;color:#8a9499;}		
.hot .lastline{ width:420px;}

/* 發起活動 */
.pie-go{ height:40px; width:200px; margin:20px auto; text-align:center;}
.pie-go a,
.pie-go a:link,
.pie-go a:visited{ display:block; width:200px; height:40px; text-indent:-9999px; background:url(../images/btn_newpie.gif) 0 0;}
.pie-go a:hover{ background-position:0 -40px;}



/* 熱門話題 */
.hot-topica{ width:100%; background:url(../images/ling_02.gif) no-repeat center top; position:relative; padding-top:10px; *padding-bottom:6px;}
	
.hot-topica ul li{ background:url(../images/line_dashed.gif) repeat-x bottom; height:39px; overflow:hidden; padding-bottom:1px;
*margin-bottom:-6px;_margin-bottom:-1px;}

.hot-main{ border-bottom:solid 1px #bfe2f3; height:25px; line-height:25px; overflow:hidden; padding-top:1px; text-align:center; }

#hotlist{ height:39px; line-height:39px; padding-left:5px; overflow:hidden;}

.bgcss01{ background:none;}
.bgcss02{ background:#eef9ff;}


#hotlist span,.hot-main span{ display:block; float:left;white-space:nowrap; overflow: hidden;}
#hotlist .arr{ margin:16px 7px 0 0;}

	.hot-topica-tit{ width:390px; font-size:14px; overflow:hidden;}
	
	.hot-topica-writer{ width:72px;text-align:center;}
	.hot-topica-mount{ width:40px; padding:0 14px; text-align:center; font-size:10px;}
	.hot-last-rep{width:66px;  text-align:center;}



.hot-main .hot-topica-tit{ padding-left:30px; font-size:12px; width:214px; text-align:left;}
.hot-main .hot-topica-writer{ padding-left:160px; width:66px;}
.hot-main .hot-topica-mount{ font-size:12px;}
.hot-main .hot-last-rep{ padding-left:20px; width:66px;}

/* 派分類 */
.pieori{width:100%; background:url(../images/ling_02.gif) no-repeat center top; position:relative; padding-top:10px;}

.pieori dl{ display:block; float:left; width:198px; background:url(../images/ling_03.gif) no-repeat center right; min-height:110px; _height:110px;color:#8a9499; line-height:24px; padding:15px 0 15px 15px;}

.pieori dt{ font-weight:bold; width:100%; display:block; }
.pieori dd{ display:block; padding-right:20px; white-space:nowrap; float:left;}

.pie-ori ul{ width:630px; background:#000; overflow:hidden;}
.pie-ori ul li{ height:auto;}

.pie-ori{ width:630px;height:auto;overflow:hidden;}
.pie-over{width:640px;}


/* 首頁右側 */
.toppie{ background:url(../images/ling_04.gif) no-repeat bottom; height:auto; padding-left:20px; width:220px; overflow:hidden;margin-top:10px; padding-bottom:15px;}

.toppie2{height:auto; padding-left:20px; width:220px; overflow:hidden;margin-top:10px; padding-bottom:15px;}
	/* 公告 */
	.toppie-list{ line-height:24px; height:24px; background:url(../images/arr_r.gif) no-repeat center left; padding-left:10px; width:204px; overflow:hidden;}
	
	/* 明星掌門人 */
	.star-head{ width:230px; margin-bottom:10px; height:82px;}
		.star-head .img{ float:left; width:82px; height:82px;}
		.star-head .img img{ width:80px; height:80px; border:solid 1px #7fc5e7;}
		
		.star-head .info{ width:140px; white-space: normal; overflow:hidden; }
		
	/* top 熱門 最大 新建  */	
	
	
	
	.hidden{display:none;}
	.sd01,.sd02,.sd03{cursor:pointer; width:100%;}

		.sd01 .title,.sd02 .title,.sd03 .title{ float:left;}
		.sd01 .arr,.sd02 .arr,.sd03 .arr{background:#006ea6 url(../images/list_arr.gif) 0 0; width:8px; height:8px; overflow:hidden; float:right; margin:10px 5px 0 0;}
			.sd01 .arr{ background-position:0 -8px;}
			.sd03 .title{ color:#e66000;}
		
		.sd01 a,sd02 a,
		.sd01 a:link,.sd02 a:link,
		.sd01 a:visited,.sd02 a:visited{ display:block; width:100%; height:30px;}
		
		.sd02 a:hover,.sd01 a:hover{text-decoration:none;}
		.sd02 a:hover .title{color:#e66000; text-decoration:none;}	
		
	.nobico{ background:url(../images/ico_topten.gif)no-repeat 0 0;}
		
	.recom .img .nobico{ position:absolute; left:0; top:0;}
	
	.toplist{ height:16px; line-height:16px; padding-bottom:10px; overflow:visible;}
		.toplist .nobico{ float:left;}
	.toplist-tit{ width:120px; font-weight:bold; float:left; padding-left:10px;}
	.toplist-txt{ float:right; width:72px;}
.h1px{ clear:both;}

/* 列表頁面 */
.pie-list{ width:100%; position:relative; padding-top:10px;}
	.hot-topica .tit,.pie-list .tit{ line-height:30px;}
	.pie-list ul{ margin-top:5px;}
	.pie-list ul li{ display:block; line-height:26px; width:130px; padding-right:20px; white-space:nowrap; float:left;}

.pie-ori-list{ width:100%; background:url(../images/ling_02.gif) no-repeat center top; position:relative; padding-top:20px; margin-top:20px;}
	.pie-ori-list .tit{ line-height:20px; margin-bottom:20px;}
	
	.pie-ori-list .tit a,.hot-topica .tit a{ margin:0 5px 0 5px;}
	.se02 a:link,
	.se02 a:visited{text-decoration:none; color:#001926;}
	.se02 a:hover{color:#006ea6; font-weight:bold; text-decoration:underline;}	
	
	.se01{ font-weight:bold;}
	.se01 a:link,
	.se01 a:visited{text-decoration:none;color:#006ea6;}
	.se01 a:hover{color:#006ea6; text-decoration:underline;}	

	#d01,#d02,#d03,#d04{ display:none;}
	
	.pie-ori-list .list{ padding:20px 0; background:url(../images/ling_05.gif) center top no-repeat;}
	
		.pie-ori-list .list .img{ float:left; padding-right:10px;}
		.pie-ori-list .list .img img{ width:90px; height:90px; border:solid 1px #7fc5e7; }
		.pie-ori-list .list .cont{ float:left; width:420px; white-space:normal; line-height:19px;}
	
	.pie-ori-list .addpie{ float:right; margin-top:40px;}
	
	.pie-ori-list .addpie a,
	.pie-ori-list .addpie a:link,
	.pie-ori-list .addpie a:visited,
	.pie-ori-list .addpie a:hover{ background:url(../images/btn_addpie.gif);display:block;width:75px; height:21px;color:#FFF;text-decoration:none; text-align:center; }
	.pie-ori-list .addpie a:hover{ background-position:0 -21px;}




/* 翻頁樣式表 */
.pie-ctrl{ background:url(../images/ling_02.gif) no-repeat center top; width:100%;}

   .page-ctrl{ padding:20px 0; width:100%; height:20px; color:#555; line-height:20px; color:#001926;}
   .page-ctrl span{ display:block; width:auto; float:left; margin-left:5px;}
   .page-ctrl a{ display:block; float:left; margin-left:2px; margin-right:3px; padding:0 6px; width:auto; background:#e5f7ff; border:solid 1px #b8d6e6; height:20px; line-height:20px;}
   .page-ctrl a:link,
   .page-ctrl a:visited{ text-decoration:none;}
   .page-ctrl a:hover{ text-decoration:none;background:#006ea6; color:#FFF;}
   
   .page-l-info{ float:left; padding:0 0 0 10px; line-height:20px; _line-height:28px;}
   .page-l-goto{ float:left;}
   .page-r{ float:right; padding:0 5px 0 0; display:block; }
   
   .ctrl-input{ background:#FFF; border:solid 1px #b8d6e6; height:18px; line-height:28px; width:28px; padding:0 2px;}
   
   #action{ background:none; font-weight:bold; color:#555; cursor:default; border:none;}
   
   
/* 留言 */
.formtxt{ width:610px; margin:5px auto; padding-top:5px; line-height:20px;}

.formtxt input{ margin-right:10px;}
.formtxt span{ display:block; float:left;}
.forminput{ line-height:16px; height:16px; width:120px; border:solid 1px #ffd5b7;}

.formcont{ width:610px; margin:0 auto;}




/* 頂部內容 */
#toper { background:url(../images/cur_tf_bg_top.gif) repeat-x 0 0; width:100%;}
	#toper a:link,
	#toper a:visited{text-decoration:none; color:#5b8091;}
	#toper a:hover{color:#fff; text-decoration:none; background:#5b8091;}

	#toper .bd{height:36px; width:100%; margin:0 auto;overflow:hidden; line-height:35px; _line-height:38px; color:#5b8091;}
		#toper .bd .logo{ float:left; margin:5px 0 0 10px; display:inline;}
			
		#toper .bd .login span{ display:block; float:left; margin:0 5px 0 0;}
		
		#toper .bd .login{ float:left; margin:0 0 0 10px; display:inline;}
		#toper .bd .login .ft-ico { background:url(../images/cur_tf_ico_user.gif) no-repeat 0 0; height:16px; width:16px; margin-top:11px;}
		#toper .bd .login .input-border{ border:solid 1px #b8d5da; width:60px; height:17px; margin:8px 0 0 0; font-size:12px; line-height:17px; font-family:"微軟雅黑", Verdana, Arial, Helvetica, sans-serif; color:#5b8091;}	
		
		#toper .bd .login .btn,
		#toper .bd .login .btn-on{background: url(../images/cur_tf_bg_btn.gif) no-repeat 0 0; width:42px; height:20px; color:#5b8091; border:none; font-size:12px; cursor:pointer; line-height:20px; margin:8px 0 0 0; padding:0 0 5px 0; font-family:"微軟雅黑", Verdana, Arial, Helvetica, sans-serif; }
		#toper .bd .login .btn-on { background-position:0 -20px;}
		
		#toper .bd .login .btn-ie1px{ *margin-top:1px;}
		
		
		#toper .bd .nav{ float:right; display:inline; margin:0 10px 0 0; color:#b8d5da;}
		#toper .bd .nav span{ margin:0 0 0 10px; float:right;}
			
	
	
	
/* 尾部 */
#footer{ width:100%; margin:10px 0 0 0; background:#fff;}
    #footer a:link,
	#footer a:visited{text-decoration:none; color:#0ba9bd;}
	#footer a:hover{color:#fff; text-decoration:none; background:#0ba9bd;}

	#footer .bd,
	#footer .bd .bg-left,
	#footer .bd .bg-right {background:url(../images/cur_tf_bg_foot.gif) no-repeat 0 0;}

	#footer .bd{ background-repeat:repeat-x; background-position:0 -8px; height:65px; width:910px; margin:0 auto; text-align:center; font-size:10px; line-height:70px; position:relative; color:#aaaaaa; overflow:hidden;}
	
	#footer .bd .bg-left,
	#footer .bd .bg-right{ background-position:0 0; height:4px; width:200px; position:absolute; top:0; overflow:hidden;}
	#footer .bd .bg-left {left:0;}
	#footer .bd .bg-right{ background-position:0 -4px; right:0;}
	
	#footer .bd .logo{position:absolute; top:21px; left:80px;}
		#footer .bd .logo a:link,
		#footer .bd .logo a:visited{ display:block; background:url(../images/cur_tf_logo_foot.gif) no-repeat 0 0; width:155px; height:26px; overflow:hidden;}
		#footer .bd .logo a:hover{ background-position:0 -26px;}

 /*文章分頁*/
.article_page {text-align:center; clear:both; margin-top:20px; }
.article_page a { font-family:"細明體"; padding:4px 7px; background:#FFFFFF; border:0px solid #CCCCCC; color:#666666; font-size:12px; text-decoration:none; vertical-align:middle; height:1%;}
.article_page a:hover { color:#FFFFFF; background:#0066CB; text-decoration:none; }
.article_page strong {font-family:"細明體"; padding:4px 7px; font-weight:bold; color:#333333;font-size:14px; vertical-align:middle;}
.article_page a.more { border:none; background:none; color:#666666; padding:2px 0;}


/*登錄*/

.int{border:solid 1px #b8d5da;background:#fff; width:80px; height:17px; line-height:15px; }
.int_top{padding-top:0px;*padding-top:5px}

.s_bn{padding-top:0px}
.input_bn{background:url(../images/login.gif) no-repeat 0px 0px; width:39px; height:18px; border:none; cursor:pointer}

.t_text01{color:#c63902;padding-right:5px} 
.t_text01 a:link,.t_text01 a:visited{color:#c63902}
.t_text02{color:#fff; font-weight:bold}
.clear{height:5px; width:100%; clear:both; font-size:0px; overflow:hidden}
#topbox{ margin:0 auto;width:910px;overflow:hidden}
.intopbox{width:910px;float:center }
.t_left{float:left; height:28px; width:75%}
.t_left li{float:left;padding-top:6px; margin-right:8px}
.t_left_line{background:url(../images/t_line.gif) no-repeat right 5px; padding-right:10px}
.t_right{float:right; width:25%; text-align:right; line-height:28px}