@charset "utf-8";
/* CSS Document */
html,body{margin:0;}
body{
	width:1002px;
	margin:auto;
	font-size: 63%;
	position: relative;
	background-image: url(../images/MainBg.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-color:#F7F7F6;
}
ul, ul li{margin:0; padding:0; list-style:none}
dl{height:1%}
dl, dt, dd{margin:0; padding:0}
a:focus{outline:0}
input:focus{outline:0}
a{ color:#0058A6;text-decoration:none}
a:hover{text-decoration:underline}
form{margin:0; padding:0}
img{border: 0 none;}
.Clear{clear:both;}
.Text,.TextBox{
	border:1px solid #CCC;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
}
/*------------------------------------
	Globe Area By Ivy 2009.07.29
------------------------------------*/
.BordFrame span{
	display:block;
	height:3px;
	overflow:hidden;
	position:absolute;
	width:3px;
	z-index:2;
	background-image: url(../images/Border.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.BordFrame .TL{
	background-position: 0px 0;
	left:-1px;
	top:-1px;
}
.BordFrame .TR{
	background-position: 0px -8px;
	right:-1px;
	top:-1px;
}
.BordFrame .BL{
	background-position: 0px -16px;
	bottom:-1px;
	left:-1px;
}
.BordFrame .BR{
	background-position: 0px -24px;
	bottom:-1px;
	right:-1px;
}
/*Dialog*/
.Dialog{
	border:1px solid #DDD;
	background-color:#fff;
	position:absolute;
	font-size:13px;
	width:100%;
}
.Dialog .Title{
	border-bottom:1px solid #DDDDDD;
}
.Dialog .Title h3{
	color:#CC5B00;
	font-size:15px;
	margin:5px 0 0;
	padding:0 5px 5px;
}
.Dialog .Title .Close{
	position:absolute;
	right:8px;
	top:8px;
	z-index:1000;
}
.Dialog .Title .Close a{
	background-image:url(../images/ButClose.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
	display:block;
	height:14px;
	width:14px;
}
.Dialog .Title .Close a:hover{
	background-position: -14px 0;
}
/*PageBar*/
.PageBar{
	margin-top: 8px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.PageBar a{
	border: 1px solid #996C33;
	color:#996C33;
	background-color:#FFF;
	height:20px;
	line-height:20px;
	margin-right:1px;
	padding:1px 5px;
	text-decoration: none;
}
.PageBar a:hover{
	background-color:#ED6D00;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #ED6D00;
}
.PageBar #on {
	background-color:#ED6D00;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #ED6D00;
	cursor: default;
}
/*Search*/
.SearchText .Text{
	color:#999;
	letter-spacing: 0.1em;
}
#ToolBlock .SearchBlock .SearchText .SearchAllow{
	color:#666;
	letter-spacing: 0.1em;
}
/*Star*/
.StarBox a{
	background-image: url(../images/star.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -99999px;
	display: block;
	height: 16px;
	width: 16px;
	float:left;
	margin-right: 2px;
}
.StarBox a.On{
	background-position: 0px -50px;
}
.StarBox a.clicked{
	background-position: 0px -25px;
}
/*BoxArea*/
.BoxArea{
	margin-bottom: 15px;
	line-height:1.5;
	color:#000;
	position:relative;
	border:1px solid #DBE1E6;
	background-color:#FFF;
	z-index:1;
}
.BoxArea h3{
	color:#CC5B00;
	font-size: 15px;
	margin:5px 0;
	padding:0 5px 5px;
	border-bottom: 1px solid #ddd;
}
.BoxArea .Description{
	display:none;
}
.BoxArea .Box dt{
	display:none;
}
.BoxArea .Box h4{
	margin:0;
	padding:0;
	font-size: 15px;
	font-weight:normal;
}
/*Daniel新增區塊 for 首頁TOP新聞區*/
.BoxArea .Box h2 a{
	color: #0058a6;
}
.BoxArea .Box h2 a:hover{
	text-decoration: none;
	color:#ed6d00;
}
.BoxArea .Box h3 a{
	color: #0058a6;
}
.BoxArea .Box h3 a:hover{
	text-decoration: none;
	color:#ed6d00;
}
/*Daniel新增區塊 for 首頁TOP新聞區 結束*/
 /*Daniel新增區塊 for 熱門關鍵字 結束*/
#ToolBlock .Popular #FixHotWorkSearch span a{
	color: #0058A6;
	font-weight: bold;
}
#ToolBlock .Popular #FixHotWorkSearch span a:hover{
	text-decoration: none;
	color:#ed6d00;
	font-weight: bold;
}
/*Daniel新增區塊 for 熱門關鍵字 結束*/
.BoxArea .Box h4 a{
	color: #0058a6;
}
.BoxArea .Box h4 a:hover{
	text-decoration: none;
	color:#ed6d00;
}
.Box{
	padding: 3px 10px 10px;
	position:relative;
}
.Box dt{
	display:none;
}
.ArticleItem{
	margin-bottom: 12px;
}
.TabBlock{
	font-size: 12px;
	border-bottom: 1px solid #DDD;
	letter-spacing: 1px;
	line-height: 1.6;
	margin-bottom: 5px;
	height:24px;
}
.TabBlock li{
	display:block;
	float:left;
	margin-left:3px;
	position:relative;
}
.TabBlock li a{
	float:left;
	color:#999;
	position:relative;
	top:1px;
	background-image: url(../images/TabBg.gif);
	background-position: center top;
	background-repeat: repeat-x;
	padding:5px 10px;
	text-align:center;
	text-decoration:none;
}
*html .TabBlock li a{
	padding:3px 10px 2px;
}
.TabBlock li a:hover{
	color:#00627d;
	text-decoration:none;
}
.TabBlock li span.Curve01 {
	right:0;
	top:1px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/TopRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.TabBlock li span.Curve02 {
	left:0;
	top:1px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/TopLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.TabBlock li.Active a{
	color:#0058A6;
	font-weight:bold;
	padding:5px 10px;
	position:relative;
	top:1px;
	background-image: url(../images/ActiveBg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	cursor:default;
}
*html .TabBlock li.Active a{
	padding:3px 10px 2px;
}
.TabBlock li span{
	height:25px;
	position:absolute;
	width:12px;
	z-index:2;
}
.TabBlock li.Active span.Curve01 {
	height:25px;
	right:0;
	top:1px;
	width:8px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/RightCurrent.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.TabBlock li.Active span.Curve02 {
	left:0;
	top:1px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/LeftCurrent.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.NumberList .ListItem{
	position:relative;
	margin: 0 0 5px;
	padding: 0 0 5px;
	background-image: url(../images/LineDot.gif);
	background-repeat: repeat-x;
	background-position:bottom;
}
.NumberList .ListItem span{
	font-size:16px;
	font-weight:bold;
	color:#C4C4C4;
	float:left;
	width: 20px;
	text-align:center;
}
.NumberList .ListItem .ItemBox{
	font-size: 13px;
	color: #0058a6;
	margin-left: 25px;
}
.NumberList .ListItem a{
	color:#0058A6;
}
.NumberList .ListItem a:hover{
	color: #ed6d00;
	text-decoration: none;
}
.AdFrame{
	margin-bottom: 20px;
	text-align:center;
}
.AdFrame img{
	margin-bottom: 5px;
}
.AdFrame embed{
	margin-bottom: 5px;
}
*+html .AdFrame object{
	margin-bottom: 5px;
}
*html .AdFrame object{
	margin-bottom: 5px;
}

.AdFrameText{
	margin-bottom: 20px;
	padding: 0 6px;
}

#Sidebar02 .AdFrame{
	margin-bottom: 0;
}
#Sidebar02 #Ad_11.AdFrame{
	margin-bottom:10px;
}
#Left_1 .ListHeader{
	position:relative;
}
#Left_1 .LazyPage{
	position:absolute;
	right:8px;
	top:3px;
	color:#999;
	font-size:11px;
}
#FunpNews .Partner{
	text-align:right;
	color:#888;
	font-size:11px;
}
#Center_3 .MainArticle{
	margin-bottom: 8px;
}
#Center_3 .MainArticle h4{
	line-height: 1.3;
	margin-bottom: 3px;
}
#Center_3 .MainArticle .ArticlePhoto{
	text-align:center;
	margin-bottom: 3px;
}
#Center_3 .ContentBlock li.ArticleItem{
	background-image: url(../images/IconDot.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-bottom: 3px;
	background-position:left 6px;
}
#Center_3 .ContentBlock li.ArticleItem h4{
	font-size: 13px;
	line-height: 1.3;
}
#Center_3 .More{
	text-align:right;
	margin-top:3px;
}
#TimelyFrame .Timely{
	text-align:center;
}
#Right_1 .ContentBlock{
	text-align:center;
}
#Right_1 .ContentBlock .MagaInfor{
	color: #666;
	font-size:11px;
}
#Right_1 .ContentBlock .MagaPhoto{
	margin-bottom: 8px;
}
#Right_1 .ContentBlock .OrderService{
	float:left;
	width: 50%;
	margin-left: 10px;
}
#Right_1 .ContentBlock .OrderService02{
	margin-left: 52%;
}
#Right_1 .ContentBlock .OrderService li,
#Right_1 .ContentBlock .OrderService02 li{
	margin-right: 8px;
	background-image: url(../images/IconDot.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 12px;
	text-align:left;
}
#Right_1 .ContentBlock .OrderService li a,
#Right_1 .ContentBlock .OrderService02 li a{
	color: #0058A6;
}
#Right_1 .ContentBlock .OrderService li a:hover,
#Right_1 .ContentBlock .OrderService02 li a:hover{
	color: #ED6D00;
	text-decoration:none;
}
#Right_3 h3{
	border: 0 none;
}
#Right_3 .EventList h4{
	font-size: 13px;
}
#Right_3 .EventList li{
	background-image: url(../images/LineDot.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#Right_3 .EventList li .EventDate{
	font-size: 10px;
	color:#999;
}
/*------------------------------------
	Main Area By Ivy 2009.07.29
------------------------------------*/
/* Head Start */
#Header{
	font-size: 1.2em;
}
#Header .TopBar{
	font-size: .9em;
	color: #888;
	position: absolute;
	right:0;
	top:8px;
}
*html #Header .TopBar{
	width:405px;
}
#Header .TopBar a{
	color: #888;
}
#Header .TopBar .FamilySite dt,
#Header .TopBar .FamilySite dd{
	float:left;
}
#Header .TopBar .FamilySite dd{
	border-right: 1px solid #ccc;
	padding-right: 8px;
	margin-right:8px;
}
#Header .TopBar .FamilySite dd.First{
	border-left: 0 none;
	margin-left: 3px;
}
#Header .TopBar .UserBlock{
	position:absolute;
	right:5px;
	top:5px;
}
#Header .TopBar .UserBlock li{
	display:inline;
}
#Header .TopBar .UserBlock li.SignIn{
	border-right: 1px solid #ccc;
	padding-right: 8px;
	margin-right:8px;
}
#Header h1{
	background-image: url(../images/Logo.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	margin:0;
	padding:0;
	width: 285px;
	height: 103px;
}
#Header h1 a{
	height: 103px;
	display: block;
	text-indent: -99999px;
}
#Header h2{
	display:none;
}
#Header .TopAd{
	position:absolute;
	right:5px;
	top:35px;
}
/* Head End */
/* Navigation Start */
#Navigation{
	width: 990px;
	margin: 0 auto 8px;
	font-size:12px;
}
#Navigation .MainNav{
	background-color: #FF7300;
	position: relative;
	height: 25px;
	padding-left: 20px;
}
#Navigation .MainNav .BordFrame span{
	height:5px;
	width:5px;
	background-image: url(../images/BorderBlue.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#Navigation .MainNav .BordFrame .TL{
	background-position: 0 0;
}
#Navigation .MainNav .BordFrame .TR{
	background-position: 0 -10px;
}
#Navigation .MainNav .MemberBlock{
	color:#666;
	font-size:11px;
	position:absolute;
	right:5px;
	top:30px;
	display:none;
}
#Navigation .MainNav .MemberBlock a{
	color:#666;
}
#Navigation .MainNav .MemberBlock a:hover{
	color:#000;
	text-decoration:none;
}
#Navigation .MainNav li{
		float:left;
		font-size:13px;
		font-weight:bold;
}
#Navigation .MainNav li a{
	color:#FFFFFF;
	float:left;
	margin-right:8px;
	padding:5px 10px 0;
	position:relative;
}
#Navigation .MainNav li a:hover{
	text-decoration: none;
	color: #333;
}
#Navigation .MainNav li.NavENews{
	position:absolute;
	width:100px;
	right: 195px;
	padding-left: 12px;
	background-image: url(../images/IconEnews.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size:11px;
	display:none;
}
#Navigation .MainNav li.NavShopping{
	position:absolute;
	width:100px;
	right: -18px;
	padding-left: 12px;
	background-image: url(../images/IconShop.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size:11px;
}
/*****2011-10-25 Daniel新增 開始*****/
#Navigation .MainNav li.NavNewShopping{
   	border-left: 1px solid #EEEEEE;
    display: inline;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 0.6;
    margin-top: 6px;
    padding: 0 3px 3px 3px;
    text-align: center;
    position: absolute;
    right: 0;
}
#Navigation .MainNav li.NavNewShopping a{
   	color: #FFFFFF;
   	font-size: 12px;
    text-align: center;
    margin-right: 0px;
}
#Navigation .MainNav li.NavNewShopping a:hover{
   	text-decoration:underline;
}

#Navigation .MainNav li.NavMedia{
    display: inline;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-top: 3px;
    padding: 0 3px 3px 3px;
    text-align: center;
    position: absolute;
    right: 80px;
}

#Navigation .MainNav li.NavMedia a{
	color: #FFFFFF;
   	font-size: 12px;
    text-align: center;
    margin-right: 0px;
}
#Navigation .MainNav li.NavMedia a:hover{
   	text-decoration:underline;
}
/*****2011-10-25 Daniel新增 結束*****/
#Navigation .MainNav li.NavRSS{
	position:absolute;
	width:85px;
	right: 195px;
	font-size:11px;
	padding-left: 12px;
	background-image: url(../images/IconRss.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	display:none;
}
#Navigation .MainNav li.AddPlurk{
	background-image:url(../images/Favorites/IconPlurk.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:12px;
	position:absolute;
	right:0;
	width:85px;
	font-size:11px;
	display:none;
}
#Navigation .MainNav li.AddFB{
	background-image:url(../images/Favorites/IconFacebook.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:12px;
	position:absolute;
	right:0;
	width:110px;
	font-size:11px;
}
#Navigation .MainNav li.NavDaily{
	background-image:url(../images/IconApp.png);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:12px;
	position:absolute;
	right:185px;
	width:120px;
	font-size:11px;
}
#Navigation .MainNav li.NavIPad{
	background-image:url(../images/IconApp.png);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:12px;
	position:absolute;
	right:305px;
	width:120px;
	font-size:11px;
}
#Navigation .Nav li a{
	display:block;
}
#Navigation .Nav li.Active a{
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#D8D8DC;
	border-style:solid;
	border-width:1px 1px 0;
	color:#314251;
	margin-bottom:-1px;
	padding:5px 9px 3px;
	color:#ff6600;
}
#Navigation .SubNav{
	border-color:#DCDCDC;
	border-style:solid;
	border-width:0 1px 1px;
	height: 18px;
	background-color: #FFFFFF;
	background-position: 0 0;
	padding-top: 7px;
	color:#999999;
	padding-left: 20px;
}
#Navigation .SubNav a{
	color:#000;
	margin:0 10px;
	position:relative;
	color: #333;
}
#Navigation .SubNav a:hover{
	color: #CC5B00;
	text-decoration: none;
}
#Navigation .SubNav a.Active{
	font-weight:bold;
}
#Navigation .SubNav a.Active:hover{
	color:#000;
	cursor:default;
}
/* Navigation End */
/* SearchBlock Start */
#ToolBlock{
	width: 990px;
	margin:auto;
	position:relative;
	font-size: 1.2em;
	padding-top: 3px;
	height: 25px;
	z-index:2;
}
#ToolBlock .Popular{
	margin-right: 400px;
	font-size:11px;
}
#ToolBlock .Popular a{
	margin:0 3px;
	color:#666;
}
#ToolBlock .SearchBlock .Search{
	position:absolute;
}
#ToolBlock .SearchBar{
	position:relative;
	z-index: 2;
}
#ToolBlock .SearchBar .SearchMenu{
	background-image: url(../images/IconSearch.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position:absolute;
	top:3px;
	left:3px;
	text-indent:-9999px;
	width: 23px;
	height: 19px;
}
#ToolBlock .SearchBlock{
	position:absolute;
	right: 0;
	top: 0px;
}
.MenuBox{
	left:-30px;
	margin-top:0;
	position:absolute;
	top:28px;
	z-index: 9999;
	display:none;
}
.MenuBox fieldset{
	border:1px solid #9A9A9A;
	width:107px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	display:none;
}
.MenuBox fieldset legend{
	display:none;
}
.MenuBox fieldset span{
	background-image: url(../images/DiaTop.gif);
	background-repeat: no-repeat;
	background-position: top;
	display:block;
	height:8px;
	left:0;
	position:absolute;
	text-indent:-9999em;
	top:-7px;
	width:107px;
}
.MenuBox fieldset input{
	left:-9999px;
	position:absolute;
	top:0;
}
.MenuBox fieldset label{
	background:#FFFFFF none repeat scroll 0 0;
	border-top:1px dotted #CCCCCC;
	color:#0058A6;
	cursor:pointer;
	display:block;
	padding:5px;
}
.MenuBox fieldset label:hover{
	text-decoration:none;
	background-attachment: scroll;
	background-color: #FFFFCC;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.MenuBox fieldset .First{
	border-top:medium none;
}
#ToolBlock .SearchBlock .SearchText .Text{
	border: 1px solid #ccc;
	width: 200px;
	padding: 2px 2px 2px 28px;
	margin:0 3px 0 0;
	vertical-align:middle;
}
#ToolBlock .SearchBlock .SearchText button{
	border:0 none;
	cursor:pointer;
	font-size:100%;
	height:22px;
	margin:0 5px 0 0;
	padding:0;
	text-align:center;
	background-color: transparent;
	background-image: url(../images/ButtonSearch.png);
	background-repeat: no-repeat;
	vertical-align:middle;
	width: 66px;
}
#ToolBlock .SearchBlock a.AdvancedSearch{
	color:#FF6600;
	display:none;
}
/* SearchBlock End */
/* Central Start */
#Central{
	border-top: 4px solid #ff7907;
	font-size: 1.2em;
	padding-bottom:10px;
}
/* Central End */
/* Breadcrumbs End */
#Breadcrumbs{
	color: #666;
	margin: 8px 0 8px 8px;
}
#Breadcrumbs a{
	color:#ED6D00s;
}
#Breadcrumbs a:hover{
	color:#CC5B00;
	text-decoration:none;
}
/* Breadcrumbs End */
/* Footer */
#Footer{
	text-align:center;
	font-size: 12px;
}
#Footer .DownLink{
	letter-spacing:0.1em;
	background-color: #ED6D00;
	margin-bottom: 10px;
}
#Footer .DownLink li{
	display:inline;
	line-height: 2.6;
	border-left: 1px solid #eee;
	padding:0 3px 0 7px;
}
#Footer .DownLink li.First{
	border:0 none;
}
#Footer .DownLink li	a{
	color:#FFF;
}
#Footer .Copyright{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	font-size:.9em;
	line-height: 1.7;
	letter-spacing:0.1em;
}
.NewAdBlock{
	margin-bottom:15px;
	text-align:center;
}
.Box .ContentBlock .MagaPhoto img{
	border: 1px solid #ddd;
	padding: 3px;
}
.Box .PhotoListContent .ArticlePhoto img{
	border: 1px solid #ddd;
	padding: 3px;
}