body{ background-color:#e8f2f4; font-size:12px; color:#707070; font-family:Arial, Helvetica, sans-serif; line-height:18px; margin:auto; letter-spacing:1px; margin-top:0px;  }
html{overflow-x: hidden;}
*{font-size:12px; color:#707070;}
.aa{ font-size:10px; line-height:12px; float:left;}
.aaa{ color:#FFFF00; font-size:10px; line-height:12px; float:left;}
.aaaa{ color:#FFFF00; font-size:10px; line-height:12px; float:left; padding-top:30px;}
.container {BACKGROUND: none transparent scroll repeat 0% 0%}
a{ color:#707070; text-decoration:none;}
a:hover{ color:#003366; text-decoration:none;}
a img{ border:0px; cursor:pointer;}
.clear{ clear:both;}


/*Main content-------------------------*/
#Outbox{ margin-right:auto; margin-left:auto; width:1000px;  position:relative; z-index:2; }
.ALL{ width:1000px; position:relative; z-index:200; }
#Allayer_up{ width:1000px; float:left;}
#Allayer_down {width:980px;margin-top:450px; float:left; margin-left:10px; margin-right:10px;background:url(../../Images/main_bgWhite_top.png) left top repeat-x;}
#bottom{width:1000px; float:left;}
.headerswf{ position: absolute; z-index:0;  top:55px; width:100%; left: -300px;}
.BG_L{ position: absolute; z-index:0; top:645px; width:100%; left: -300px; }

/*logo----------------------------*/
.layer1{ position:absolute; z-index:10;}

/*sitemap------------------------------*/
.layer2{ position:absolute; top:5px; right:0px;}
.sitemap{ text-align:right;}
.BTNsites{text-align:right; padding-top:5px;}
.entreLigne{ padding-right:1px;}

/*weather-----------------------------*/
.weather{ position:absolute; top:55px; width:260px; padding-left:40px; }
.localTime{color:#073b45; letter-spacing:normal;}
.localTime_night{ color:#669; letter-spacing:normal; }
.weather_icons{ float:left; width:80px; padding-top:13px;}
.weather_broadcast{ float:right; width: 170px; padding-left:10px;}
.broadcast_title{ font-size:14px; color:#acf4ff;}
.broadcast_title a { color:#acf4ff; text-decoration:none;}
.broadcast_title a:hover{  color:#069; text-decoration:none; }

.broadcast_title_night{font-size:14px; color:#999}
.broadcast_title_night a{ color:#999; text-decoration:none;}
.broadcast_title_night a:hover{ color:#99C; text-decoration:none;}
.broadcast_content{ color:#fffefe;}
.broadcast_content_night{ color:#9CC;}
.tempsDegree{ color:#FFFFFF; font-size:33px; font-weight:300; line-height:35px;}
.oC{ color:#FFFFFF; font-size:16px; font-weight:400;}

/*menu--------------------------*/
.menu{ position:absolute; top:55px; right:0px; float:right;}
.menu_liste{float:left;}


/*LEFT--------------------------------*/
#left{float:left; width:740px; padding-left:20px;}

/*news------------------------------*/
.news{ width:740px; height:250px; }

.news_sence0{ width:740px; padding-top:5px;height:250px; background:url(../../Images/news_BG.png) top no-repeat;}
.news_left{ float:left; width:445px; padding-left:20px;}

.news_list_latest{ width:445px; float:left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #3583a4; font-size:12px; color:#707070;}
.news_date_latest{ font-weight:500; text-align:left;}
.news_title_latest{ float:left; width:445px; font-size:14px; font-weight:500; color:#1b8ab3;}
.news_content_latest{ float:left; width:445px; font-size:12px; color:#191919; padding-bottom:20px;}

.news_list_latest a{ font-size:12px; color:#000000;}
.news_list_latest a:hover{color:#003366;}

.news_list{ width:445px; float:left; line-height:22px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #3583a4; }
.news_date{ float:left; }
.news_content{ float:left; padding-left:8px; }

.news_list a{ font-size:12px; color:#707070;}
.news_list a:hover{color:#003366;}
.more{ float:right; width:50px; color:#1b8ab3; font-size:11px;}
.more a{ color:#1b8ab3; text-decoration:none;}
.more a:hover { color:#003366; text-decoration:none;}

.news_center{float:left; vertical-align:middle;}
.news_right{ float:left; top:0px;}
.news_RSS{ text-align:right; top:0px; padding-right:8px;}
.news_photo{padding:20px 0px 0px 3px;}

/*blogs---------------------------------------*/
.blogs{ width:740px; padding-top:5px;height:250px; background:url(../../Images/news_BG.png) top no-repeat;}
.blog_forALLtxt{ width: 430px; float:left;}
.blog_decor{  width: 290px; float:left; padding-left:20px; padding-top:20px; padding-bottom:30px;}

.blogs_items{ padding:5px 0px 0px 30px;}
.blogs_items a{ color:#707070;}
.blogs_items a:hover{color:#003366;}
.datted_bottom{ width: 600px; border-bottom:1px dotted #006699;}
.pages{ width: 740px; padding-top:20px; text-align:center;}
.btn_pages{ text-align:center }
.current_page{ color:#006699; font-size:12px; font-weight:500; padding-left:20px; padding-right:20px; line-height:17px;}


/*new functions----------------------------------*/
.new_functions{ width:740px; padding-top:5px;height:250px; background:url(../../Images/news_BG.png) top no-repeat; }

/*CONTENT------------------------------------*/
.content_left{ float:left; width:255px;}

/*thephone------------------------*/
.thephone{ background:url(../../Images/1/phone/phone_BG.png) top no-repeat; height:313px;}
.screen_position{ padding-top:63px; padding-left:30px;}
.screen{ background-color:#666666; width:191px; height:185px; }
.allzone{ float:left; text-align: center; width:191px; padding-left:30px; }
.zone{ color:#d2aa00; float:left; width:63px; }
.zone a{ color:#d2aa00; text-decoration:none;}
.zone a:hover{ color:#ffe161; text-decoration:none;}


.ebook{ padding-top:10px; height:202px;}
.keysearch{ padding-top:5px; }
.keysearch a{ font-size:12px; color:#707070;}
.keysearch a:hover{color:#003366;}.keysearch_items{ padding: 0px 0px 3px 35px; }

.content_right{ float:left; width:485px;}



/*RIGHT------------------------------*/
#right{float:right; width:220px; padding-top:0px; text-align:center;}


/*search---------------------------*/
.search{ background:url(../../Images/1/serch_BG.png) top no-repeat; height:48px; padding-left:25px; padding-top:28px;}
.choix{ color:#FFFFFF; text-align:left;}
.radio1{ float:left; line-height:18px; vertical-align:middle; }
.radio2{ float:left; line-height:18px; vertical-align:middle;}
.radio1 label, .radio2 label{color:White;}
.search_field{ width: 177px; float: left;}
.search_text{ background:url(../../Images/1/search_field.jpg) top left no-repeat; height:20px;  padding-left:10px; width:96px; color:#000000; float:left; line-height:20px;}

/*epaper---------------------------*/
.epaper{ background: url(../../Images/1/epaper_BG.png) top no-repeat; height:85px; padding-left:28px;}
.epaper_field{ width:177px; float:left; }
.epaper_text{ color:#FFFFFF; padding: 30px 0px 5px 0px; text-align:left; }
.epaper_txt2{ background: url(../../Images/1/epaper_field.jpg) top left no-repeat; height:20px; padding-left:10px; width:114px; color:#000000; float:left; line-height:20px; text-align:left}

.4themes{ margin-left:auto; margin-right:auto; width:177px;}
.theme_menu_text{padding:0px 0px 0px 0px;  color:#fff;   margin:0px; line-height:16px;   }
.theme_1_menu{}
.theme_1_menu a{ text-align:left;  padding:8px 0 0px 25px; color:#FFFFFF; background: url(../../Images/themes_1_menu_BG.jpg) top left no-repeat; width:137px;   display:block; cursor:pointer;}
.theme_1_menu a:hover{padding:8px 0 0px 25px;  color:#FFFFFF; background: url(../../Images/themes_1_menu_BG_2.jpg) top left no-repeat; width:137px;   display:block; cursor:pointer;}

.theme_2_menu{}
.theme_2_menu a{ text-align:left;    padding:8px 0 0 25px; color:#FFFFFF; background: url(../../Images/themes_2_menu_BG.jpg) top left no-repeat; width:137px;  display:block; cursor:pointer;}
.theme_2_menu a:hover{padding:8px 0 0 25px;   color:#FFFFFF; background: url(../../Images/themes_2_menu_BG_2.jpg) top left no-repeat; width:137px;  display:block; cursor:pointer;}

.theme_3_menu{}
.theme_3_menu a{ text-align:left;    padding:8px 0 0 25px; color:#FFFFFF; background: url(../../Images/themes_3_menu_BG.jpg) top left no-repeat; width:137px;  display:block; cursor:pointer;}
.theme_3_menu a:hover{padding:8px 0 0 25px;   color:#FFFFFF; background: url(../../Images/themes_3_menu_BG_2.jpg) top left no-repeat; width:137px;  display:block; cursor:pointer;}

.theme_4_menu{}
.theme_4_menu a{text-align:left;    padding:8px 0 0px 25px; color:#FFFFFF; background: url(../../Images/themes_4_menu_BG.jpg) top left no-repeat; width:137px;  display:block; cursor:pointer;}
.theme_4_menu a:hover{ padding:8px 0 0px 25px;  color:#FFFFFF; background: url(../../Images/themes_4_menu_BG_2.jpg) top left no-repeat; width:137px;  display:block; cursor:pointer;}


/*Q and A -------------------------------*/
#QA{ padding-top:40px; clear:both; }
.QA_themes{ float:left;}

/*banners-----------------------------------*/
#banners{ /*float:left;*/ padding-left:100px; padding-right:100px;}
.banner_items{ padding: 15px 10px 0px 10px; float:left;}


/*FOOTER------------------------------------*/
.CI{ padding-top:25px; padding-left:30px; float:left; }
.footer_text{ padding-top:15px; padding-left:30px; float:left; color:#297d92;}
.footer_text a { color:#297d92; text-decoration:none;}
.footer_text a:hover { color:#003366; text-decoration:none;}
.add{ text-align:left; color:#999999; padding-top:10px;}

/* 下方鏈結 banner 樣式 */
#advBanner {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 64px;	 
	width: 764px;
	
	
	padding:0 6px 0 13px;
	
}

/* root element for scrollable items */
.advItems {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.advItems div {
	
	text-align:left;
	height:64px;
	
}

.advItems a{padding:0 2px;}

/*-----------------------------*/
/* 首頁浮動喔 */
/*-----------------------------*/
.dFlayer { z-index:9999; position:absolute; TOP: 350px; Right:20px;}


