@charset "utf-8";
/* CSS Document */

/* 網站基本設定
---------------------------------------------*/
body {
	color: #4b4b4b;
	font-size: 75%;
	font-family: "微軟正黑體";
	background: #FFFFFF;
}
a {
	color: #5f5f5f;
	}
a:hover {
	color: #000000;
	}
img {
	vertical-align: top;
    display: block;
}
.clean-float {
	clear: both;
}


/* 網站結構設定
---------------------------------------------*/
#wrapper {
	width: 1000px;
	margin: 0 auto;
	}
#header {
	position: relative;
	background-image: url(../images/keyvisual.jpg);
	background-repeat: no-repeat;
	height: 250px;
	}
#content{
	width: 100%;
	margin-top: 38px;
	background: url(../images/content_bg.gif) repeat-y left top;
}
#primary {
	width: 739px;
	float: right;
}
#secondary {
	width: 238px;
	float: left;
}
#footer{
	clear: both;
	width: 100%;
	background: url(../images/footer_bg.gif) repeat-y left top;
	border-top: 1px solid #e0e0e0;
	}

/* 右邊內容_上方區塊
---------------------------------------------*/
#primaryEvent {
	position: relative;
	width: 714px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 20px;
	background-color: #FFF;
}
#event{
	float: left;
	width: 435px;
	border: 4px solid #006a9f;
	margin-top: 22px;
}
#video{
    float: right;
	width: 248px;
	margin-top: 22px;
}
#videoBody{
    width: 240px;
	height: 174px;
	border: 4px solid #8acac3;
}
#videoBodyTitle{
	padding: 8px 0 8px 0;
	border-top: 1px solid #e0e0e0;
}
#videoBody img{
	border-bottom: 1px solid #8acac3;
}
#videoBody p{
	padding: 8px 10px 0 35px;
	line-height: 17px;
	color: #636363;
}
#videoIcon{
	position: absolute;
	left: 486px;
	top: 164px;
}
.videoMore{
	position: absolute;
	left: 655px;
	top: 212px;
	}

/* 右邊內容_下方區塊
---------------------------------------------*/
.space{
	background-color: #FFF;
	width: 714px;
	height: 10px;
	}
#primaryBody {
	width: 714px;
}
#news{
	float: left;
	width: 345px;
}
#news h2{
	width: 330px;
	padding: 10px 0 10px 15px;
	background-color: #FFF;
	border-bottom: 1px solid #e0e0e0;
}
.newsContent{
	float: left;
	width: 154px;
	padding-left:18px;
	margin-bottom: 40px;
}
.newsContent img{
	padding:18px 0 18px 0;
	display: block;
	}
.newsContentDate{
	font-family: Arial, Helvetica, sans-serif;
	color: #474747;
	margin-bottom: 5px;
	font-size: 11px;
	}
.newsContentTitile{
	font-size: 15px;
	font-weight: bold;
	color: #1a1a1a;
	line-height: 17px;
	width: 137px;
	margin-bottom: 10px;
}
.newsContentTitile a{
	color: #4d4d4d;
	text-decoration: none;
}
.newsContentTitile a:hover{
	color: #000;
	text-decoration: underline;
}
.newsContentBody p{
	width: 137px;
	padding-bottom: 10px;
	color: #787878;
	line-height: 21px;
}
#project{
	float: right;
	width: 345px;
	}
#project h2 {
	width: 330px;
	padding: 10px 0 10px 15px;
	background-color: #FFF;
	border-bottom: 1px solid #e0e0e0;
}

/* 左邊內容
---------------------------------------------*/
.read{
	width: 180px;
	margin: 0 0 30px 37px;
	}
.read h2{
	padding: 20px 0 10px 0;
	border-bottom: 1px dotted #8e8e8e;
}
.read p{
	font-size: 12px;
	line-height: 21px;
	color: #5f5f5f;
	padding: 9px 0 9px 0;
	border-bottom: 1px dotted #8e8e8e;
	margin-bottom: 5px;
}
.read dd {
	border-bottom: 1px dotted #8e8e8e;
	padding: 10px 0 10px ;
}
.ad{
	width:180px;
	margin:0 0 40px 37px;
	}
.ad dt{
	margin-bottom: 10px;
}
.ad img{
	border: 2px solid #FFF;
	margin:0;
	padding:0;
	}
.listSection{
	width: 180px;
	margin-left: 37px;
	padding: 0 0 15px 0;
	}
.listSection h2{
	padding: 28px 0 18px 0;
	}
.listSection li{
	border-bottom: 1px dotted #a8a8a8;
	}
.listSection li a{
	padding: 8px 0 8px 0;
	color: #636363;
	display: block;
	text-decoration: none
	}
.listSection li a:hover{
	color: #000000;
	text-decoration: none;
	}
	
/* Footer_內容
---------------------------------------------*/
#footer #copyright{
    padding: 30px 0 30px 0;
	float: right;
	width: 739px;
	}
#footer #copyright p{
	line-height: 18px;
	font-size: 11px;
	}
#footer #copyright a{
	color: #3b3b3b;
	text-decoration: none;
	}
#footer #copyright a:hover{
	color: #000;
	text-decoration: underline;
	}
#footer #link p{
	font-size: 11px;
	margin-bottom: 8px;
	}
#footerLogo{
	float: left	;
	padding: 38px 0 30px 28px;
	}

/* 標誌和通用導覽列
---------------------------------------------*/
h1#logo {
	padding:42px 0 65px 0;
	}
#utilityNavigation{
	position: relative;
	left: 28px;
	width: 150px;
}
#utilityNavigation li{
	top: 0;
	width: 5.5em;
	float: left;
}
#utilityNavigation li a {
	padding-left: 10px;
	text-decoration: none;
	background: url(../images/ico_arrow.gif) left center no-repeat;
	color: #3b3b3b;
}
#utilityNavigation li a:hover{
	color: #000;
	text-decoration: underline;
}
#localNavigation{
	position: absolute;
	right: 0px;
	top: 224px;
	height:15px;
	width: 480px;
	}
#localNavigation li{
	float: left;
	height:15px;
	padding-right: 9px;
}
#localNavigation li a {
	display: block;
	text-decoration: none;
	color: #616161;
}
#localNavigation li a:hover {
	color: #000;
}
#globalNavigation{
	position: absolute;
	background-color: #006a9f;
	height: 36px;
	width: 1000px;
	top: 250px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #e0e0e0;
	}
#globalNavigation li{
	position: relative;
	top: 0px;
	left: 231px;
	float: left;
	padding-left: 32px;
}
#globalNavigation li a{
	display: block;
}

/* 站內搜尋
---------------------------------------------*/
#search{
	position: absolute;
	top: 220px;
	left: 15px;
	height: 65px;
	width: 220px;
	border-top: 2px solid #006a9f;
	border-right: 2px solid #006a9f;
	border-left: 2px solid  #006a9f;
	background: url(../images/search_bg.gif) repeat-x;
}
#search h2 {
	margin: 8px 0 0 20px;
}
#searchButton {
	position: absolute;
	left: 149px;
	top: 30px;
}
#keyWordQ {
	width: 118px;
	font-size: 12px;
	margin: 11px 0 0 25px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}

/* 關於我們
---------------------------------------------*/
#aboutContent {
	width: 100%;
	margin-top: 38px;
	background: url(../images/about_content_bg.gif) repeat-y left top;
    }
#aboutPrimary {
	width: 762px;
	float: right;
	}
#aboutPhoto{
	float: left;
	width: 203px;	
	}
#aboutPhoto img{
	padding-top: 96px;		
	}
#aboutBody{
	float: right;
	width: 462px;
	padding-right: 55px;
	}
#aboutBody p{
	line-height: 28px;
	color: #474545;
	padding-bottom: 35px;
	font-size: 15px;
	letter-spacing: 0.02em;
	text-align: justify;
	}
#aboutBody h3{
	padding: 50px 0 10px 0;
    border-bottom: 1px dotted #aaaaaa;
	margin-bottom: 15px;
}
.jobTitle {
	font-weight: bold;
	color: #2b2b2b;
	text-align: right;
	font-size: 15px;
}
.jobTitle p{
	float: right;
	width: 180px;
	background: url(../images/name.gif) 50px 6px no-repeat;
	padding-top: 15px;
}

/* 關於我們_董事群
---------------------------------------------*/
.trusteeTitle{
	margin: 50px 55px 25px 244px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaaaaa;
	}
.trusteePeople{
	margin: 0 55px 30px 83px;
}
.trusteePhoto{
	float: left;
	width: 120px;
}
.trusteePhoto img{
	padding-top: 7px;
}
.trusteeBody{
	float: right;
	width: 462px;
}
.trusteeBodyName{
	font-size: 15px;
	font-weight: bold;
	color: #006a9f;	
}
.trusteeBodyTitle{
	font-size: 12px;
	font-weight: bold;
	color: #000000;	
}
.trusteeBody p{
	line-height: 28px;
	color: #474545;
	padding-bottom: 35px;
	font-size: 15px;
	letter-spacing: 0.02em;
	text-align: justify;	
}

/* 最新消息
---------------------------------------------*/
#insideContent {
	width: 100%;
	margin-top: 38px;
	background: url(../images/news_content_bg.gif) repeat-y left top;
    }
#insideNewsPrimary {
	width: 652px;
	float: right;
	margin: 0 55px 0 55px;
	padding-bottom:30px;
	}
#insideNewsPrimary h2{
	padding: 20px 0 10px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #dddddd;
}
.insideNewsList{
	padding-bottom: 10px;
}
.insideNewsDate{
	float: left;
	width: 140px;
	padding: 2px 0 8px 0;
	border-bottom: 1px dotted #aaaaaa;
	color: #8e8e8e;
	font-size: 12px;
	text-align: center;
	}
.insideNewsBody{
	float: right;
	width: 495px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #dddddd;
	background: url(../images/more_bg.gif) no-repeat left top;
	font-size: 15px;
}
.insideNewsBody a{
	color: #006a9f;
	text-decoration: none;
	display: block;
	}
.insideNewsBody a:hover{
	color: #000000;
	text-decoration: none;
	}
.newsDetailDate{
	float: left;
	width: 140px;
	}
.newsDetailDate p{
	padding: 4px 0 11px 0;
	border-bottom: 1px dotted #aaaaaa;
	color: #8e8e8e;
	font-size: 12px;
	text-align: center;
	}
.newsDetail{
	float: right;
	width: 495px;
    margin-bottom: 40px;
}
.newsDetail h3{
	font-size: 21px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0 0 6px 0;
	margin-bottom: 16px;
	border-bottom: 1px solid #dddddd;
	color: #006a9f;
	}
.newsDetailBody p{
	line-height: 28px;
	color: #474545;
	padding-bottom: 35px;
	font-size: 125%;
	letter-spacing: 0.02em;
	text-align: justify;
}
.newsDetailPhotoLeft{
	float: left;
	width: 237px;
	/*background-color: #d7f3e4;*/
	height: 185px;
	margin-bottom: 20px;
}
.newsDetailPhotoLeft img {
	border-bottom: 1px solid #FFF;
}
.newsDetailPhotoLeft p {
	padding: 5px 15px 5px 15px;
	font-size: 12px;
	color: #00867d;
	line-height: 18px;
}
/* 最新消息內文樣式01
---------------------------------------------*/
.newsDetailPhotoStyle01{
	padding-bottom: 40px;
}
.newsDetailPhotoStyle01_left{
	padding: 297px 0 20px 0
}
.newsDetailPhotoStyle01 p{
	padding: 0 0 10px 4px;
	font-size: 12px;
	color: #00867D;
	line-height: 18px;
	border-bottom: 1px dotted #dddddd;
	text-align: left;
}
.newsDetailPhotoStyle01 img{
    padding-bottom: 10px;
}
/* 最新消息內文樣式02
---------------------------------------------*/
.newsDetailPhotoStyle02{
	width: 250px;
	float: right;
	padding: 7px 0 0 15px;
}
.newsDetailPhotoStyle02 p{
	padding: 0 0 10px 0;
	font-size: 12px;
	color: #00867D;
	line-height: 18px;
	border-bottom: 1px dotted #dddddd;
	text-align: left;
}
.newsDetailPhotoStyle02 img{
    padding-bottom: 10px;
}
.newsDetailPhotoStyle02_left{
	padding: 230px 0 20px 0
}
/* 最新消息內文樣式03
---------------------------------------------*/
.newsDetailPhotoStyle03{
	width: 250px;
	float: left;
	padding: 7px 15px 0 0;
}
.newsDetailPhotoStyle03 p{
	padding: 0 0 10px 0;
	font-size: 12px;
	color: #00867D;
	line-height: 18px;
	border-bottom: 1px dotted #dddddd;
	text-align: left;
}
.newsDetailPhotoStyle03 img{
    padding-bottom: 10px;
}
.newsDetailPhotoStyle03_left{
	padding: 10px 0 20px 0
}
/* 最新消息內文樣式04
---------------------------------------------*/
.newsDetailPhotoStyle04 {
	padding-bottom: 20px;
	margin-bottom:20px;
	border-bottom: 1px dotted #dddddd;
}
.newsDetailPhotoStyle04_left {
	padding: 297px 0 20px 0
}
.newsDetailPhotoStyle04 p{
	padding: 0 0 10px 4px;
	font-size: 12px;
	color: #00867D;
	line-height: 18px;
	
	text-align: left;
}

.newsDetailPhotoRight {
	float: right;
	width: 237px;
/*	background-color: #d7f3e4;*/
	height: 185px;
	margin-bottom: 20px;
	}
.newsDetailPhotoRight img {
	border-bottom: 1px solid #FFF;
}
.newsDetailPhotoRight p {
	padding: 5px 15px 5px 15px;
	font-size: 12px;
	color: #00867d;
	line-height: 18px;
}

/* 專案成果
---------------------------------------------*/
.insideProjectDate{
	float: left;
	width: 140px;
	}
.insideProjectDate p {
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #aaaaaa;
	color: #8e8e8e;
	font-size: 12px;
	}
.insideProjectDate img {
	margin: 15px 0 15px 0;
	/*border: 1px solid #a0a0a0;*/
	}
.insideProjectBody{
	float: right;
	width: 495px;
	margin-top: 21px;
	padding: 8x 0 8px 0;
	border-top: 1px solid #dddddd;
}
.insideProjectBody p{
	padding-bottom: 15px;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.02em;
	text-align: justify;
}
.insideProjectBody h3{
	padding: 13px 0 14px 0;
	font-size: 15px;
	font-weight: bold;
}
.insideProjectBody a{
	color: #006a9f;
	text-decoration: none;
	display: block;
	background: url(../images/more_bg.gif) no-repeat left top;
	}
.insideProjectBody a:hover{
	color: #000000;
	text-decoration: none;
	}
.projectDetailDate{
	float: left;
	width: 140px;
	}
.projectDetailDateBody{
	padding: 0 0 4px 0;
	border-bottom: 1px dotted #aaaaaa;
	color: #8e8e8e;
	line-height: 20px;
	}
.projectDetailDateLeft{
	float: left;
	width: 40px;
	}
.projectDetailDateRight{
	float: left;
	width: 70px;
	}

/* 網站連結
---------------------------------------------*/	
.insideLinkTitle{
	padding: 28px 0 10px 0;
	}
.insideLinkPhoto{
	float: left;
	width: 140px;
	}
.insideLinkPhoto img {
	padding: 15px 0 15px 0;
	border-top: 1px dotted #aaaaaa;
	}
.insideLinkBody {
	float: right;
	width: 495px;
	padding: 8x 0 8px 0;
	border-top: 1px solid #dddddd;
}
.insideLinkBody p{
	padding-bottom: 15px;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.02em;
	text-align: justify;
}
.insideLinkBody h4{
	padding: 12px 0 5px 0;
	font-size: 15px;
	font-weight: bold;
}
.insideLinkBody a{
	color: #006a9f;
	text-decoration: none;
	display: block;
	}
.insideLinkBody a:hover{
	color: #000000;
	text-decoration: none;
	}

/* 影音專區
---------------------------------------------*/	
.insideVideoTitle{
	padding: 20px 0 10px 0;
	}
.insideVideoBody {
	float: right;
	width: 495px;
	padding: 8x 0 8px 0;
	border-top: 1px solid #dddddd;
}
.insideVideoBody h3{
	padding: 12px 0 5px 0;
	font-size: 15px;
	font-weight: bold;
}
.insideVideoBody p{
	padding-bottom: 15px;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.02em;
	text-align: justify;
}
.insideVideoBody a{
	color: #006a9f;
	text-decoration: none;
	display: block;
	background: url(../images/video_bg.jpg) no-repeat left top;
	}
.insideVideoBody a:hover{
	color: #000000;
	text-decoration: none;
	}

/* Q & A
---------------------------------------------*/
.questionList {
	padding: 0 0 70px 50px;
	width: 602px;	
	}
.questionList li {
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom: 1px solid #eaeaea;
	font-size: 15px;
	}
.questionList li a {
	color:#006a9f;
	display: block;
	text-decoration: none;
	}
.questionList li a:hover {
	color:#171717;
	text-decoration: none;
	}
.answerList {}
.answerListLeft {
	float: left;
	width: 35px;
	}
.answerListLeft p{
	padding: 8px 0 5px 0;
	border-bottom: 1px dotted #aaaaaa;
	color: #8e8e8e;
	font-size: 15px;
	}
.answerListRight {
	float: right;
	width: 600px;
	font-size: 15px;
	}
.answerListRight h3 {
	padding: 8px 0 5px 0;
	border-bottom: 1px solid #dddddd;
	color: #006a9f;
	font-weight: bold;
	}
.answerListRight p {
	padding: 5px 0 5px 0;
	line-height: 28px;
	font-size: 15px;
	}
/*.answerListRight a {
	color: #333;
	text-decoration: underline;	
	}
.answerListRight a:hover {
	color: #F90;
	text-decoration: underline;	
	}*/
.answerListTop{
	text-align: right;
	}
	
/* 著作權聲明
---------------------------------------------*/
#copyrightPhoto{
	float: left;
	width: 203px;	
	}
#copyrightPhoto img{
	padding-top: 101px;		
	}
	
/* 其它
---------------------------------------------*/
.more{
	background: url(../images/ico_arrow.gif) 34px 6px no-repeat;
	clear: both;
	}
.more a{
	text-decoration: none;
	color: #ff9c00;
	display: block;
	width: 45px;
}
.more a:hover{
	text-decoration: underline;
	color: #F60;
}
.back{
	padding: 20px 0 20px 0;
	background: url(../images/ico_arrow_back.gif) 0px 25px no-repeat;
	clear: both;
	}
.back a{
	text-decoration: none;
	color: #ff9c00;
	display: block;
	width: 35px;
	padding-left: 10px;
}
.back a:hover{
	text-decoration: underline;
	color: #F60;
}
.top{
	padding: 40px 0 40px 0;
	clear: both;
	}
.top a{
	text-decoration: none;
	color: #ff9c00;
	display: block;
	width: 32px;
	background: url(../images/ico_arrow_top.gif) 24px center no-repeat;
}
.top a:hover{
	text-decoration: underline;
	color: #F60;
}
.topRight{
	clear: both;
	padding: 40px 0 40px 0;
	}
.topRight a{
	text-decoration: none;
	color: #ff9c00;
	background: url(../images/ico_arrow_top.gif) right center no-repeat;
	width:32px;
	display: block;
	float: right;
}
.topRight a:hover{
	text-decoration: underline;
	color: #F60;
}
.number{
	padding:4px 0;
    margin: 40px 0 40px 0 ;
    background: #eff8e4;
    text-align: center;
    overflow: hidden;
	clear: both;
}
.number li{
	display:inline;  
}
.number li a{
	color: #008677;
	text-decoration: none;
	padding:5px 10px 5px 10px;
}
.number li.current a{
	color: #5b6253;
	text-decoration: none;
	background-color: #e0ead3;
}
.number li a:hover{
	color: #5b6253;
	text-decoration: none;
	background-color: #e0ead3;
}

/*---搜尋結果-----------------------------------------------------*/
.searchList {
	width: auto;
	font-size: 15px;
	border-bottom: 1px solid #dddddd;
	padding:12px 0 12px 0;
	}
.searchList h3 {
	padding: 5px 0 5px 0;
	color: #006a9f;
	font-weight: bold;
	}
.searchList p {
	padding: 5px 0 5px 0;
	line-height: 28px;
	font-size: 15px;
	}
.searchList a {
	color:#006a9f;
	text-decoration: underline;
	}
.searchList a:hover {
	color:#006a9f;
	text-decoration: underline;
	color: #333;
	}
.keyword{
	font-size: 13px;
	color: #F60;
	border-bottom: 1px solid #dddddd;
	padding-bottom:10px;	
	}

/*---跳頁選單設定-----------------------------------------------------*/
#JumpPage{ 
   clear:both; 
   white-space:nowrap;   
   background:#eff8e4; 
   padding:3px 9px; 
   margin:40px 0; 
   text-align:left; 
   overflow:hidden;
}
#JumpPage div.nowpage{
	float:left;
	padding-right:20px;
	text-align:left;
	color: #008677;
   }
#JumpPage div.right{
	float:right;
	padding-left:20px;
	text-align:left;
	color: #008677;
   }
#JumpPage a{ 
   float:left; 
   white-space:nowrap; 
   padding:0 5px;
   }
#JumpPage img{ 
   float:left; 
   white-space:nowrap; 
   padding:0 5px;
   }

/*---訂閱電子報
-----------------------------------------------------*/
.newsLetter {
	float: right;
	width: 100%;
    margin-bottom: 40px;
}
.newsLetter h3{
	font-size: 21px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0 0 6px 0;
	margin-bottom: 16px;
	border-bottom: 1px solid #dddddd;
	color: #006a9f;
	}
.newsLetter h4{
    font-size: 15px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0 0 6px 0;
	margin: 55px 0 16px 0;
	border-bottom: 1px solid #dddddd;
	color: #006a9f;
    }
.newsLetter p {
	line-height: 28px;
	color: #474545;
	padding-bottom: 30px;
	font-size: 125%;
	letter-spacing: 0.02em;
	text-align: justify;
	}
.newsLetter img {
	float: left;
	margin-right: 10px;
	}
.newsLetter li {
	background: url(../images/newsletter_icon_letter.gif) no-repeat left center;
	padding-left:20px;
	margin-bottom:12px;
	font-size: 15px;	
	}
.color_yellow{
	color: #ff7e00;
	font-weight: bold;
	}
.dataInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	border: 1px solid #B0B0B0;
	padding: 1px 5px 1px 5px;
}