@charset "utf-8";
/* About background, color, img... */

body { background: #fff url(../images/bg.gif) repeat;}
a:link, a:visited{ color: #e0a52f;text-decoration:none;}
a:hover, a:focus  { color: #d7940e/*#e0ca9d*/;text-decoration:underline;}
a:active { color: #4cb5e9;}
/*background: #e0d1b4; */
/*-----Lead bricks-----*/
a.brick { color: #fff;}
/*-----Guide-----*/
#guide { border-top: 3px solid #78d2ff;}
#guide_wrapper ul li a { background: url(../images/dot.gif) 0 50% no-repeat; color: #878787; text-decoration: none;}
#guide_wrapper ul li a:hover, #guide_wrapper ul li a:focus  {color: #b6b6b6;}
#guide_wrapper ul li.nodot a { background: none;}
/*-----Logo-----*/
h1#logo { background: url(../images/logo.png) no-repeat;}
/*-----Social Button-----*/
#social_btn ul li a { background: url(../images/social_btn.png) no-repeat;}
#social_btn ul li.donate_btn a { background-position: 0 0;}
#social_btn ul li.facebook_btn a { background-position: 0 -45px;}
#social_btn ul li.blog_btn a { background-position: 0 -90px;}
#social_btn ul li.radio_btn a { background-position: 0 -135px;}
#social_btn ul li.eletter_btn a { background-position: 0 -180px;}
#social_btn ul li.shocksme_btn a { background-position: 0 -450px;}
#social_btn ul li.donate_btn a:hover, #social_btn ul li.donate_btn a:focus { background-position: 0 -225px;}
#social_btn ul li.facebook_btn a:hover, #social_btn ul li.facebook_btn a:focus { background-position: 0 -270px;}
#social_btn ul li.blog_btn a:hover, #social_btn ul li.blog_btn a:focus { background-position: 0 -315px;}
#social_btn ul li.radio_btn a:hover, #social_btn ul li.radio_btn a:focus{ background-position: 0 -360px;}
#social_btn ul li.eletter_btn a:hover, #social_btn ul li.eletter_btn a:focus { background-position: 0 -405px;}
#social_btn ul li.shocksme_btn a:hover, #social_btn ul li.shocksme_btn a:focus { background-position: 0 -495px;}
/*-----Scalable Font-----*/
#scalable_font ul li a { background: url(../images/scalable.png) no-repeat;}
#scalable_font ul li.font_small a { background-position: 0 0;}
#scalable_font ul li.font_medium a { background-position: -20px 0;}
#scalable_font ul li.font_large a { background-position: -40px 0;}
#scalable_font ul li.font_small a:hover, #scalable_font ul li.font_small a:focus { background-position: 0 -15px;}
#scalable_font ul li.font_medium a:hover, #scalable_font ul li.font_medium a:focus { background-position: -20px -15px;}
#scalable_font ul li.font_large a:hover, #scalable_font ul li.font_large a:focus{ background-position: -40px -15px;}
/*-----Service-----*/
#service ul li h2 a { background: url(../images/service.png) no-repeat;}
/*盲用電腦*/
#service ul li#service_1 h2 a { background-position: 0 0;} 
#service ul li#service_1 h2 a:hover, #service ul li#service_1 h2 a:focus  { background-position: 0 -241px;}
/*弱勢輔具*/
#service ul li#service_2 h2 a { background-position: -210px 0;}
#service ul li#service_2 h2 a:hover, #service ul li#service_2 h2 a:focus { background-position: -210px -241px;}
/*點譯出版*/
#service ul li#service_3 h2 a { background-position: -420px 0;}
#service ul li#service_3 h2 a:hover, #service ul li#service_3 h2 a:focus { background-position: -420px -241px;}
/*視障重建*/
#service ul li#service_4 h2 a { background-position: -630px 0;}
#service ul li#service_4 h2 a:hover, #service ul li#service_4 h2 a:focus { background-position: -630px -241px;}
/*-----More-----*/
.more a { background: url(../images/more.png) 0 0 no-repeat;}
.more a:hover, .more a:focus { background-position: 0 -18px;}
/*-----Dotted Bottom-----*/
.dotted_top { background: url(../images/dot2.png) top no-repeat;} 
.dotted_bottom { background: url(../images/dot2.png) bottom no-repeat;} 
/*-----News-----*/
#recently { background: url(../images/dot3.png) right no-repeat;}
#recently h2.title_6 { background: url(../images/news_title_6.png) no-repeat;}
#press h2.title_7 { background: url(../images/news_title_7.png) no-repeat;}
#press h2.title_8 { background: url(../images/news_title_8.png) no-repeat;margin-top:65px;}
#recently ul li .date { background: url(../images/date.png) 0 0 no-repeat;}
#press ul li .date { background: url(../images/date.png) 0 -51px no-repeat;}
#recently ul li .date .month { color: #764f00;}
#press ul li .date .month { color: #4d6106;}
#recently ul li .date .day, #press ul li .date .day { color: #fff;}
/*-----Content-----*/
#breadcrumb { color: #4c473d;}
#article h1.title { background: url(../images/dot4.png) 0 50% no-repeat; color: #4c473d;}
#article .content p, #article .content li { color: #807766;}
.aside { background: url(../images/aside_bg.png) repeat-y;}

/*----Content Table Liz insert----*/
#article .content table {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.3em;
	letter-spacing: .5px;
	border: 1px solid #009e9b;
	margin-bottom:15px;
}
#article .content table caption {
	text-align:left;
	color: #736a64;
	line-height: 2.0;
	font-weight:bold;
}
#article .content table th {
	background-color: #009e9b;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #008481;
}
#article .content table tr.even {
	background-color: #f1f1f1;
}
#article .content table td {
	color: #736a64;
	padding: 15px 8px;
	border: 1px solid #c8c8c8;
	line-height: 1.5;
}

/*
= 最新消息內頁的list設定 Liz insert
-----------------------------------------------*/
#article ul.news_list{padding-left:40px;margin-top:25px;}
#article ul.news_list li{
	display: block;
	font-size: 1.3em;
	padding: 7px 0 7px 20px;
	line-height: 1.7;
	border-bottom: 1px dashed #d9c8bd;
	background: url(../images/report_list_bg.png) no-repeat 0 10px;
}
#article ul.news_list li a, #article ul.news_list li a:visited {
	color: #726963;
	text-decoration: none;
}
#article ul.news_list li:hover {
	background-color: #ffeee3;
	background-position: 0 -48px;
}
#article ul.news_list li a:hover, #article ul.news_list li a:focus {
	color: #f6856e;
	text-decoration: underline;
}
#article ul.news_list li .date{margin-right:25px;}
/*

/*
= 常見問答 Accordion的設定 Liz insert
-----------------------------------------------*/
#article div.accordion {margin-top:25px;}
#article div.accordion h3 {
	color: #6b635d;
	font-size:13px;
	cursor: pointer;
	line-height:16px;
	margin-bottom:15px;
	padding:0px 0px 0px 25px;
	background: url(../images/arrow_1.png) no-repeat top left;
}
#article div.accordion p {padding:0 0 15px 0;}
#article div.accordion h3.open{
	background-image: url(../images/arrow_2.png);
	color: #009e9b;
}
#article div.accordion h3:hover {
	background-image: url(../images/arrow_2.png);
	color: #009e9b;
}
/*把active放到open的class裡面*/
#article div.accordion h3:active {}
/*-----Aside-----*/
.aside ul li { background: url(../images/aside_navline.png) right bottom no-repeat;}
.aside ul li a { color: #17a2e8;}
.aside ul li a:hover, .aside ul li a:focus{ background: url(../images/aside_navbg.png) 9px 0 no-repeat; color: #fff;}
.aside ul li ul li { background: none;}
.aside ul li ul li a { background: none; color: #4c473d;}
.aside ul li ul li a:hover, .aside ul li ul li a:focus {  background: none; color: #807766;}
/*-----Contact-----*/
#contact h2 { background: url(../images/contact.png) no-repeat;}
#contact p { color: #807766;}
#contact p span { color: #a2c627;}
/*-----Footer Info-----*/
#footer_info { background: url(../images/footer_bg.png) repeat-x;}
#top_wrapper .top { background: url(../images/top_bg.png) no-repeat;}
#top_wrapper .top a { color: #fff;}
#footer_wrapper {color: #8b8b8b;}
#menu_wrapper .brick { color: #4b4b4b;}
#menu_wrapper .footer_column h3 { color: #6a6a6a;}
#menu_wrapper .footer_column ul li a { color: #bebebe;}
#menu_wrapper .footer_column ul li a:hover, #menu_wrapper .footer_column ul li a:focus{ color: #6a6a6a;}