@charset "utf-8";
@import url("set.css");
/* CSS Document */
/* -index CSS------------------------------------------------------------------------------------ */
#WRAPPER {width:880px;margin:0 auto;
          background:url(../images/bg.jpg) repeat-y;}
		   
#MAIN {width:850px;margin:0 auto;
       font-family: Arial,Verdana, Helvetica, sans-serif,"新細明體";}

#NAVBAR {display:block;width:840px; height:25px; padding-right:10px; padding-top:5px; }
#NAVBAR .navbar{float:right; color:#09F;}
#NAVBAR a{font-size:13px; text-decoration:none;padding:2px;color:#09F;}
#NAVBAR a:hover{color:#f60;}
table .content{ margin-top:50px;}
#HEADER {display:block;width:848px; height:280px;background:url(../images/bg_yournews.jpg) 500px 160px no-repeat;}
#HEADER_P {display:block;width:848px; height:210px;}
#HEADER ul{ padding:15px;}
#HEADER li{ float:left;}
#HEADER a{ display:block; width:56px; height:53px; background:url(../images/mainnav.gif); 
           text-indent:-9999px; margin-left:5px; margin-right:5px;}
#HEADER a.school:hover{ background-position:left bottom;}
#HEADER a.science{background-position:-56px top;}
#HEADER a.science:hover {background-position:-56px bottom;}
#HEADER a.international{background-position:-112px top;}
#HEADER a.international:hover{background-position:-112px bottom;}
#HEADER a.art{background-position:-168px top;}
#HEADER a.art:hover{background-position:-168px bottom;}
#HEADER a.life{background-position:112px top;}
#HEADER a.life:hover{background-position:112px bottom;}
#HEADER a.physical{background-position:56px top;}
#HEADER a.physical:hover{background-position:56px bottom;}

.clear {clear:both; height:0px; font-size:1px; line-height:0px;}
.space {height:10px; font-size:1px;}

#CONTENT { width:810px; margin:0; padding:0; padding-left:20px; }

.news_main{ display:block;width:520px;height:260px;background:url(../images/news_main_bg.jpg) no-repeat; float:left;margin-bottom:30px;}
.news_main h3{ padding:15px 0 0 30px;} 
.news_main h3 a{ background:url(../images/h3.jpg) no-repeat left center; padding-left:18px; color:#069; text-decoration:none;}
.news_main img{ float:right;margin-right:40px; padding-left:10px;}
.news_main p{margin-left:20px;padding:35px 0 0 30px;; font-size:13px;line-height:20px;}
.more a{ padding-left:50px;font-size:11px; line-height:30px; color:#f60; text-decoration:none;}


.news_film{ float:right;margin-right:10px;display:block;width:280px;height:200px;background:url(../images/news_film_bg.jpg) no-repeat; 
            padding-top:60px; margin-right:2px;text-align:center;}
.news_film h5 a {text-decoration:none; font-size:15px; color:#666; font-weight:normal;line-height:40px;}

.news_l,.news_r{display:block;width:400px;height:285px;margin-bottom:20px;}
.news_l{background:url(../images/bg_news.jpg) no-repeat;float:left;}
.news_r{background:url(../images/bg_news.jpg) no-repeat; float:right;}

.news_l .news_title ,.news_r .news_title{ float:left; margin:0; padding:0;}
.news_l h3 ,.news_r h3{ padding:25px 0 0 80px;} 
.news_l h3 a ,.news_r h3 a{ background:url(../images/h3.jpg) no-repeat left center; padding-left:18px; color:#069; text-decoration:none;}
.news_l img,.news_r img{ float:right;padding-left:10px;}
.news_l p,.news_r p{padding:50px 40px 0 100px; font-size:13px;line-height:20px;}

.news_other,news_link{display:block;width:400px;height:260px;margin-bottom:20px;margin-bottom:40px;}
.news_other{float:left;background:url(../images/news_other_bg.jpg) no-repeat;}
.news_link {float:right;background:url(../images/news_other_bg.jpg) no-repeat;}
.news_link a,.news_link_a a{color:#09c;text-decoration:none;font-weight:bold;}
.news_link a:hover,.news_link_a a:hover{ text-decoration:underline;color:#f60;}
.news_other ul{margin-top:40px; margin-left:80px; list-style-image:url(../images/icon.gif);}
.news_other ul a{ color:#666; font-size:15px; text-decoration:none; line-height:25px;}
.news_other ul a:hover{color:#f60;}

/* -news_detail CSS------------------------------------------------------------------------------------ */

.news_film_s{text-align:center;}
.news_film_s h5 a {text-decoration:none; font-size:15px; color:#666; font-weight:normal;line-height:30px;}

.newsdetail_title h3{ font-size:18px;color:#09c;}
td.newsdetail_img{ padding-top:15px;padding-bottom:10px;}
td.newsdetail_image_info{ font-size:13px;color:#999; line-height:20px; text-align:justify;text-justify:distribute; line-height:22px;}
td.newsdetail_article p{ color:#333333; padding-top:15px;text-align:justify;text-justify:distribute; font-size:15px;
                         line-height:25px;}

.news_other_p ul{ padding-left:15px;}
.news_other_p ul a{font-size:11px; text-decoration:none;color:#6cf;}
.news_other_p ul a:hover{color:#f60;}

/* -news_list CSS------------------------------------------------------------------------------------ */

.news_list h3 {font-size:15px;margin-bottom:12px;}
.news_list h3 a{color:#09c;text-decoration:none;}
.news_list h3 a:hover{ text-decoration:underline;}
.news_list p{font-size:12px;color:#666; line-height:17px;}
.news_list img{float:left; margin-right:10px;}

.page_number { padding:0 10px 0 10px;font-size:14px;line-height:20px;text-align:center;}
.page_number span{color:#fff;padding:0 2px 0 2px;background-color:#09c;}
.page_number a{ padding:0 2px 0 2px;text-decoration:none;color:#09c;} 
.page_number a:hover{font-weight:bold;}
