/* 通用樣式表 */
body{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10; padding:0; color:#0b2f4d;  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;}
.fsong { font-family:"細明體";}

a:link,
a:visited{color:#0b2f4d; text-decoration:none;}
a:hover{color:#bd0a01;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;}

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

.c-main{color:#005499;}
.c-main a:link,
.c-main a:visited{color:#005499;text-decoration:none;}
.c-main a:hover{color:#bd0a01;text-decoration:underline;}

.c-sub{color:#7fa9cc;}
	.c-sub a:link,
	.c-sub a:visited{text-decoration:none; color:#7fa9cc;}
	.c-sub a:hover{color:#bd0a01; 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:#bd0a01; 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:3px 5px 0 0px; border:solid 1px #ff974c; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; width:250px;}
.from-input-ie1px { border-right:none;}

.btn-search,
.btn-search-on{ background: url(../images/bg_btn_search.gif) no-repeat 0 0; width:30px; 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/bg_btn_search.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;}

.pic-border img { border:1px solid #d7e7f1;}

/* 頭部 */
#header{ width:910px; height:60px; margin:0 auto 10px auto;}
	#header .logo a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_see.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
	#header .logo_churchinfo a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_churchinfo.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
	#header .logo_orginfo a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_orginfo.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
	#header .logo_wisdom a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_wisdom.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
	#header .logo_family a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_family.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
	#header .logo_lifeducation a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_lifeducation.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
	#header .logo_video a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_video.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
	#header .logo_macauinfo a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_macauinfo.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
	#header .logo_service a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_service.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
	#header .logo_news a{ float:left; display:block; height:60px; width:190px; background:url(../images/logo_news.gif) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}

	#header .nav-box{ float:right; height:60px;}
	#header .nav-box .nav{ float:left; margin:2px 0 0 0; padding:0 0 0 5px; height:31px; background:url(../images/bg_nav2.gif) repeat-x 0 0; width:710px; display:inline;}
	#header .nav-box .nav li{ float:left; line-height:31px; height:31px; display:inline;}
	#header .nav-box .nav li.line{ background:url(../images/bg_nav2.gif) no-repeat 0 -31px; width:2px; overflow:hidden; margin:0 8px;}
	#header .nav-box .nav li a{ display:block; float:left; height:31px; font-size:14px; font-weight:bold; padding:0 5px; color:#fff;}
	#header .nav-box .nav li a:hover{ background:url(../images/bg_nav2.gif) repeat-x 0 -124px;}
	
	#nav01 #header .nav-box .nav li.on01 a,
	#nav02 #header .nav-box .nav li.on02 a,
	#nav03 #header .nav-box .nav li.on03 a,
	#nav04 #header .nav-box .nav li.on04 a,
	#nav05 #header .nav-box .nav li.on05 a,
	#nav06 #header .nav-box .nav li.on06 a,
	#nav07 #header .nav-box .nav li.on07 a,
	#nav08 #header .nav-box .nav li.on08 a,
	#nav09 #header .nav-box .nav li.on09 a,
	#nav10 #header .nav-box .nav li.on10 a{ background:url(../images/bg_nav2.gif) repeat-x 0 -93px; text-decoration:none;}
		
	#header .nav-box .nav-right { float:right; width:5px; height:31px; margin:2px 0 0 0; overflow:hidden; background:url(../images/bg_nav2.gif) no-repeat 0 -62px; }
	
	#header .nav-box .weather,
	#header .nav-box .location { float:left; line-height:27px;}
	#header .nav-box .weather { margin:0 20px 0 0; display:inline;}
	
	#header .nav-box .search { float:right; width:168px;}
		#header .nav-box .search .search-input { background:url(../images/bg_input_search.gif) no-repeat 0 0; width:139px; height:21px; margin:5px 0 0 0; float:left; display:inline; overflow:hidden;}
		#header .nav-box .search .search-input .form-input { border:none; width:130px; float:right;}
		#header .nav-box .search .search-btn {float:right; display:inline; margin:5px 0 0 0;}
		#header .nav-box .search .search-btn .btn-search { margin:0; padding:0;}

/* 內容 */
.content{ width:910px; margin:0 auto 10px auto;}

.cont-left{ float:left;}
.cont-middle{ float:left;}
.cont-right{ float:right;}

.w230 { width:230px;}
.w280 { width:270px;}
.w300 { width:300px;}
.w370 { width:370px;}
.w380 { width:380px;}
.w390 { width:390px;}
.w670 { width:670px;}

.w10space { margin:0 10px 0 0; display:inline;}

.ad-910-75 { width:910px; margin:0 auto 5px auto;}

/*通用*/

/*更多*/
.more a { display:inline; float:right; background:url(../images/ico_more.gif) no-repeat 0 0; width:35px; height:20px; overflow:hidden; text-indent:-9999px; margin:5px 10px 0 0;}
.more a:hover { background-position:0 -20px;}

/*通用外框、標題*/
.cur-box-out { border:1px solid #cbe3f0; background:#d7e7f1; padding:3px;}
.cur-box-in { border:1px solid #cbe3f0; background:#fff;}

/*圖標*/
.title { height:28px; line-height:28px; padding:0 0 0 25px; background:url(../images/ico_cur.gif) no-repeat 5px -32px;}
.title-l { float:left; font-size:13px; font-weight:bold;}
.subject{ background-position:5px -32px;}
.voice{ background-position:5px -60px;}
.rank{ background-position:5px -90px;}
.author{ background-position:5px -116px;}
.notice{ background-position:5px -144px;}
.tenbrick { background-position:5px -300px;}
.other { background-position:5px -201px;}

/*通用列表*/
.cur-cont-list li { line-height:21px; height:21px; background:url(../images/ico_point2.gif) no-repeat 0 center; padding:0 0 0 20px;}


/*熱點圖片內容*/
#page-wrap{ background:#d7e7f1; width:300px; height:325px; position:relative; margin:0 auto;}

.slider-wrap{position: absolute; top:80; left:0; background:url(../images/bg_hot_img.gif) no-repeat 2px 2px; width:288px; height:215px; padding:6px 6px 5px 6px;}		

.stripViewer{ position:relative; overflow:hidden; width: 288px; height:226px;}
.stripViewer .panelContainer{ position:relative; left:0; top:0; }
.stripViewer .panelContainer .panel{ float: left; height: 100%; position: relative; width: 288px; }
.photo-meta-data { background:url(../images/transpBlack.png) repeat 0 0; _background:#000; padding:0 10px; height:28px; line-height:28px; margin-top:-28px; _margin-top:-30px; position:relative!important; position: inherit; z-index:9999; color:#fff; width:268px; filter:alpha(opacity=50);}
.photo-meta-data div { position: relative;}
.photo-meta-data div,
.photo-meta-data div a:link,
.photo-meta-data div a:visited{color:#fff;text-decoration:none;}
.photo-meta-data div a:hover{color:#fff;text-decoration:underline;}

.stripNavL, .stripNavR, .stripNav{ display: none; }

.nav-thumb{ border:1px solid #7fa9cc; padding:2px; background:#fff;}

#movers-row{ margin: -86px 0 0 85px; }
#movers-row div{ float:left; width:86px; height:86px; margin-left:15px; display:inline;}

.cross-link	{ display:block; width:80px; margin-top:-7px; position:relative; padding-top:7px; z-index: 9999; }
.active-thumb { background:url(../images/icon-uparrowsmallwhite.gif) 35px 0 no-repeat; }

.active-thumb .nav-thumb {border:2px solid #77ad17; padding:1px;}
a:hover .nav-thumb {border:1px solid #77ad17; padding:2px;}
a:hover.active-thumb .nav-thumb {border:2px solid #77ad17; padding:1px;}



/*熱點文字內容*/
.hot-cont-box { padding:0 10px; background:url(../images/bg_hot.gif) no-repeat 0 0;}
.hot-cont-box .hot-cont-title { font-size:13px; font-weight:bold; height:33px; padding:0 0 0 25px; line-height:33px; background:url(../images/ico_cur.gif) no-repeat 0 0;}
.hot-cont-box .hot-cont-bd { background:url(../images/line_dashed.gif) repeat-x 0 bottom; padding:5px 10px 12px 10px; margin:0 0 12px 0;}
.hot-cont-box .hot-cont-bd h3 { font-size:16px; font-weight:bold; height:36px; line-height:36px; text-align:center;}
.hot-cont-box .hot-cont-bd p { line-height:21px;}

/*專題*/
.subject-box { background:url(../images/bg_subject_title.gif) repeat-x 0 0; height:315px;}
.subject-box .bd { background:url(../images/bg_subject_bd.gif) no-repeat center 0; padding:10px; line-height:17px;}
.subject-box .bd img { float:left; margin:0 10px 0 0;}
.subject-box .bd h3 { font-weight:bold; margin:0 0 3px 0;}
.subject-box .bd .line{ background:url(../images/line_dashed.gif) repeat-x 0 10px; height:12px; line-height:0; padding:11px 0 0 0; overflow:hidden;}

/*視點*/
.viewport-box .title { background:url(../images/bg_tab_title.gif) repeat-x 0 -28px; height:28px; padding:0;}
	.viewport-box .title-l { float:left; height:28px; width:5px; background:url(../images/bg_tab_title.gif) no-repeat 0 0; overflow:hidden;}
	.viewport-box .title-r { float:right; height:28px; width:5px; background:url(../images/bg_tab_title.gif) no-repeat -5px 0; overflow:hidden;}

	.viewport-box .title-m { float:left; position:relative; width:500px;}
		.viewport-box .title-m .viewport-tabs { position:absolute; top:-3px; left:0; font-size:13px; z-index:999;}
		.viewport-box .title-m .viewport-tabs li{ display:inline; margin:0; padding:0; cursor:pointer;}
		.viewport-box .title-m .viewport-tabs li a{ display:block; float:left; padding:0 0 0 21px; height:31px; line-height:28px; background: url(../images/bg_tab.gif) no-repeat 0 0; }
		.viewport-box .title-m .viewport-tabs li a span {float:left; display:block; background:url(../images/bg_tab.gif) no-repeat right -93px; padding:3px 20px 0 0; color:#fff;}
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		.viewport-box .title-m .viewport-tabs li a span {float:none;}
		/* End IE5-Mac hack */
		.viewport-box .title-m .viewport-tabs li a:hover span{ color:#fff; text-decoration:underline;}
		
		.viewport-box .title-m .viewport-tabs li.on a{ background:url(../images/bg_tab.gif) no-repeat 0 -62px;}
		.viewport-box .title-m .viewport-tabs li.on a span{ color:#005499; text-decoration:none; font-weight:bold; background:url(../images/bg_tab.gif) no-repeat right -155px;}
		.viewport-box .title-m .viewport-tabs li.on a:hover span{ color:#bd0a01; text-decoration:underline; }
		
		li#first a{ background: url(../images/bg_tab.gif) no-repeat 0 -31px;}
		li#first.on a{ background: url(../images/bg_tab.gif) no-repeat 0 -62px;}
		li#last a span { background: url(../images/bg_tab.gif) no-repeat right 0;}
		li#last.on a span { background: url(../images/bg_tab.gif) no-repeat right -155px;}
		
.viewport-box .bd{ border-left:2px solid #cbe3f0; border-bottom:2px solid #cbe3f0; border-right:2px solid #cbe3f0; padding:10px; height:218px; overflow:hidden;}

.viewport-box .bd .viewport-cont { margin:0 0 0 5px; line-height:17px;}	
.viewport-box .bd .viewport-cont .viewport-cont-list { width:320px; float:left; margin:9px 0; display:inline;}	
.viewport-box .bd .viewport-cont .viewport-cont-list .list-pic { float:left; width:94px; height:94px; margin:0 10px 0 0; display:inline;}
.viewport-box .bd .viewport-cont .viewport-cont-list .list-info { float:left; width:205px;}
.viewport-box .bd .viewport-cont .viewport-cont-list .list-info h3{ margin:0 0 3px 0;}
		
		


/*今日聲音*/
.voice-box { background:url(../images/bg_cur_title.gif) no-repeat 0 0;}
.voice-box .bd { padding:10px 5px;}

/*熱貼排行*/
.rank-box { background:url(../images/bur_title.gif) no-repeat 0 0; margin:0 0 10px 0;}
.rank-box .bd { padding:10px 5px;}
.rank-cont-list { background:url(../images/list.gif) no-repeat 3px 0;}
.rank-cont-list li { line-height:21px; height:21px; padding:0 0 0 25px;}
.rank-tab { float:right; margin:0 10px 0 0; display:inline;}
.rank-tab li { display:inline;}
.rank-tab li a { float:left; display:block; padding:2px 8px 0 8px; height:20px; line-height:20px; margin:6px 0 0 0;}
.rank-tab li.on a { font-weight:bold; color:#005499; background:#cbe3f0;}

/*專欄作家*/
.author-box { background:url(../images/bg_cur_title.gif) no-repeat 0 0; margin:0 0 10px 0;}
.author-box .bd { padding:10px 5px 0 5px;}
.author-box .bd .user-pic { float:left; margin:0 10px 0 5px; display:inline; width:62px; height:62px; padding:0 0 10px 0;}
.author-box .bd .user-info { float:right; width:130px; line-height:20px;}

/*投稿須知*/
.notice-box{ background:url(../images/bg_cur_title.gif) no-repeat 0 0; margin:0;}
.notice-box .bd { padding:10px 5px;}

/*視頻評論*/
.video-box { background:url(../images/bg_cur_title3.gif) no-repeat 0 0; margin:0 auto; width:270px;}
.video-box .title-l a{ color:#fff;}
.video-box .more a { background-position:0 -40px;}
.video-box .more a:hover { background-position:0 -20px;}
.video-box .bd {border-left:2px solid #cbe3f0; border-right:2px solid #cbe3f0; padding:10px;}
.video-box .bd .fB { height:24px; line-height:24px; background:url(../images/bg_title_line.gif) no-repeat right center; padding:0 0 0 8px;}

.video-box .video-img { margin:0 0 10px 0;}
.video-box .video-img .pic { float:left; text-align:center; width:123px;}
.video-box .video-img .pic img { margin:0 0 10px 0;}

/*環球視野*/

.fov-box { background:url(../images/bg_cur_title4.gif) no-repeat 0 0; margin:0;}
.fov-box .title { padding:0;}
.fov-box .title .title-l{ padding:0 0 0 10px;}

.fov-box .bd { background:url(../images/bg_tenbrick_bd.gif) no-repeat 0 0; padding:20px 10px 10px 10px;}
.fov-box .bd .cur-cont-list li { line-height:25px; height:25px;}


/*近視專訪*/
.interview-box { background:url(../images/bg_cur_title3.gif) no-repeat 0 0; margin:0 auto; width:270px;}
.interview-box .title-l a{ color:#fff;}
.interview-box .more a { background-position:0 -40px;}
.interview-box .more a:hover { background-position:0 -20px;}
.interview-box .bd {border-left:2px solid #cbe3f0; border-bottom:2px solid #cbe3f0; border-right:2px solid #cbe3f0; padding:10px;}
.interview-box .bd .user-pic { float:left; margin:0 10px 0 5px; display:inline; width:82px; height:82px;}
.interview-box .bd .user-info { float:left; width:148px; line-height:20px;}
.interview-box .bd .line{ background:url(../images/line_dashed.gif) repeat-x 0 10px; height:11px; line-height:0; padding:9px 0 0 0; overflow:hidden;}

/*嶺南十拍*/
.tenbrick-box { background:url(../images/bg_cur_title2.gif) no-repeat 0 0; margin:0;}
.tenbrick-box .title { padding:0;}
.tenbrick-box .title .title-l a { width:90px; display:block; text-indent:-9999px; overflow:hidden; padding:0;}

.tenbrick-box .bd { background:url(../images/bg_tenbrick_bd.gif) no-repeat 0 0; padding:20px 10px 0 10px;}
.tenbrick-box .bd .tenbrick-cont-list { line-height:18px; padding:0 0 11px 0; background:url(../images/line_dashed.gif) repeat-x 0 bottom; margin:0 0 10px 0;}
.tenbrick-box .bd .tenbrick-cont-list h3 { margin:0 0 3px 0; font-size:13px; padding:0 0 0 20px; background:url(../images/ico_cur.gif) no-repeat 0 -231px;}

/*畫語權*/
.cartoon-box { margin:0;}
.cartoon-box .title { background:url(../images/bg_tab_title.gif) repeat-x 0 -28px; height:28px; padding:0;}
	.cartoon-box .title-l { float:left; height:28px; width:5px; background:url(../images/bg_tab_title.gif) no-repeat 0 0; overflow:hidden;}
	.cartoon-box .title-m { float:left; color:#fff; font-size:13px; font-weight:bold; padding:0 0 0 20px; margin:0 0 0 0; background:url(../images/ico_cur.gif) no-repeat 0 -250px;}
	.cartoon-box .title-m a {color:#fff;}
	.cartoon-box .title-r { float:right; height:28px; width:5px; background:url(../images/bg_tab_title.gif) no-repeat -5px 0; overflow:hidden;}
.cartoon-box .more a { background-position:0 -40px; margin-right:5px;}
.cartoon-box .more a:hover { background-position:0 -20px;}
.cartoon-box .bd {border-left:2px solid #cbe3f0; border-bottom:2px solid #cbe3f0; border-right:2px solid #cbe3f0; padding:10px;}
.cartoon-box .bd .cartoon-cont { padding:0 0 0 3px;}
.cartoon-box .bd .cartoon-cont li { float:left; margin:0 11px; display:inline; width:124px; height:120px;}
.cartoon-box .bd .cartoon-cont li .cartoon-pic { padding:1px; border:1px solid #d7e7f1; margin:0 0 3px 0;}
.cartoon-box .bd .cartoon-cont li .cartoon-info { text-align:center; height:21px; line-height:21px;}

/*友情鏈接*/
.link-box {border:2px solid #cbe3f0; background:url(../images/bg_link.gif) repeat-y 0 0; padding:10px 10px 10px 0;}
.link-box .link-title { float:left; width:16px; text-align:center; background:none; padding:1px 8px 0 8px; line-height:16px; font-weight:bold;}
.link-box .bd { float:left; padding:0 5px; line-height:21px; width:850px;}