/* CSS Document */

@import url(thickbox.css);
/* CSS Document */

/* 统一字体设置 - 使用粗体中文字体 */
* {
    font-family: 'SimHei', '黑体', 'STHeiti', '华文黑体', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei', '微软正黑体', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif !important;
    font-weight: 500 !important;
    vertical-align: baseline !important;
    font-feature-settings: normal !important;
    text-orientation: mixed !important;
}

/*==============================================================================以下為主選單*/

/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {
background-image:url(../images/nav_bg.jpg);
background-repeat:no-repeat;
font-family: 'SimHei', '黑体', 'STHeiti', '华文黑体', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei', '微软正黑体', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif !important;
font-weight: 500 !important; 
width:900px; /*主選單總寬度*/
height:60px;
margin:0px 0px; /*預設50px 0px*/
}


/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul { /*主選單按鈕位置*/
	list-style-type: none;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 34px;
	padding: 0px;
}

#header > .menu ul { /*FF*/
	padding-top:15px;
	margin:0 0 0 34px;
	}
	
*+html > body .menu ul{ /*IE7*/
	padding-top:15px;
	}

/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; /*讓主選單置左*/
position:relative;
}

/* make the dropdown ul invisible */
.menu ul li ul {
	display: none;
	margin: 0px;
	padding: 0px;
}

/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited { /*主選單按鈕各項設定*/
	display:block;
	text-align:center;
	text-decoration:none;
	width:104px; /*按鈕寬度*/
	height:30px; /*按鈕高度*/
	color:#FFF;
	border:1px solid #fff;
	border-width:0px 0px 0 0; /*預設1px 1px 0 0*/
	border-collapse:collapse;/*底色，預設c9c9a7、C2B384*/
	line-height:30px;
	font-size:1em;
	background-image: url(../images/nav_button_off.jpg);
	background-repeat: no-repeat;
	background-color: #A45D27;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a { /*FF主選單按鈕，滑鼠經過時*/
	color:#FFF;
	background-image: url(https://www.fgs.org.tw/images/nav_sub_button_off.jpg);
}

/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul { /*子選單*/
display:block; 
position:absolute; 
top:15px; /*FF子選單與主選單的距離，預設31px*/
left:-34px; 
width:105px;
}

/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a { /*FF子選單*/
	color:#000;
	background-repeat: repeat;
}

/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover { /*FF子選單，滑鼠經過時*/
	color:#FFF;
}



/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */
/* Get rid of any default table style */
table {
border-collapse: collapse; /*IE專用，FF啟用此項的話，頁籤會錯誤*/
margin:0; 
padding:0;
}

.news > table{
	border-collapse:separate;
	}

/*==========================================================================以下為版面基本項目*/

html{
	background-image:url(../images/html_bg.jpg);
	background-repeat:repeat-y;
	font-size:0.8em;
	color:#666666;
	background-position: center center;
	}

/* ignore the link used by 'other browsers' */
.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}

/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover { /*主選單按鈕，滑鼠經過時*/
	color:#fff;
	background-image:url(../images/nav_button_on.jpg);
	background-repeat:no-repeat;
}

/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li a:hover ul { /*子選單*/
	display:block;
	position:absolute;
	top:15px; /*IE子選單與主選單的距離，預設32*/
	left:-34px; /*IE，預設0*/
	width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a { /*IE子選單*/
	color:#FFC;
}

/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover { /*IE子選單，滑鼠經過時*/
	color:#FFC;
	background-repeat:no-repeat;
	background-image: url(../images/nav_button_on.jpg);
	background-color: #A05925;
}
	
body{
	width:900px;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	}
		
a:link, a:visited{
	color:#666666;
	text-decoration:none;
	}

a:hover{
	color:#F60;
	text-decoration:none;
	}

/*==========================================================================以下為兩欄式版面佈局*/
	
#header{
	background-color:#FFFFFF;
	/*border-bottom:1px #CCCCCC solid;*/
	margin-bottom:10px;
	}
	
body > #header{
	margin-bottom:0;
	}

#sidebar{
	float:left;
	width:200px;
	margin:0 0 100px 5px;
	}
	
body > form > #sidebar{
	margin:-20px 0 100px 10px; /*加下邊界是為了避免sidebar緊靠著footer，例如「修持中心」等內容較少的頁面*/
	}
	
*+html > body #sidebar{
	margin:0px 0 100px 10px;
	}

	
#maincontent{
	float:right;
	width:670px;
	padding:0px;
	margin:0;
	_margin:-240px 0 0 0;
	}
	
body > form > #maincontent{
	margin:10px 10px 0 0;

	}
	
#footer{
	clear:both;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
	height:86px;
	width:900px;
	margin-bottom:0;
	padding:0;
	}

/*============================================================================以下為弘法事業表格*/

#maincontent table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:1em;
	border:1px #CCCCCC solid;
	width:670px;
	color:#666666;
	text-align:left;
	margin:0 0 35px 0;
	}
	
body > #maincontent table{
	margin:0 0 30px 0;
	}
	
#maincontent table td{
	padding:5px;
	}
	
#maincontent table caption{
	margin:0;
	font-size:1.2em;
	font-weight:bold;
	}
	
body > #maincontent table caption{
	margin:-15px 0 0 0;
	}

/*============================================================================以下為會員中心*/

.member_maincontent{
    width:670px;
    margin:0 10px 0 0;
}
	
.member_maincontent form fieldset dl dt{
    display:block;
    float:left;
    clear:left;
    width:130px;
    text-align:right;
    margin:5px 10px 0 0;
}

.member_maincontent > form fieldset dl dt{
    margin:0 10px 0 0;
}

.member_maincontent span{
    color:#f00;
    margin-left:10px;
}

.member_choose_title
{
	background-image:url(../images/member_choose_title.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:30px;
	font-family: 'SimHei', '黑体', 'STHeiti', '华文黑体', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei', '微软正黑体', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif !important;
font-weight: 500 !important;
	font-size:16px;
	font-weight:bold;
	color:#555;
	padding:5px 0 0 10px;
}

.member_choose_1
{
    background-image:url(../images/member_choose_bg.jpg);
    background-repeat:repeat-y;
    width:300px;
    float:left;
    margin:0 0 0 10px;
}

.member_choose > .member_choose_1
{
    margin:0 0 0 20px;
}

.member_choose_1 form
{
    margin:15px 50px 10px 50px;
}

.member_choose_2 form
{
    margin:15px 20px 10px 20px;
}

.member_choose_2
{
    background-image:url(../images/member_choose_bg.jpg);
    background-repeat:repeat-y;
    width:300px;
    float:right;
    margin:0 5px 0 0;
}

.member_choose > .member_choose_2
{
    margin:0 20px 0 0;
}

.member_choose_button a
{
    background-image:url(../images/member_choose_button_off.jpg);
    background-repeat:no-repeat;
    margin:25px 0 36px 50px;
    display:block;
    width:200px;
    height:60px;
}

.member_choose_2 > .member_choose_button a
{
    margin:25px 0 29px 50px;
}

.member_choose_button a:hover
{
    background-image:url(../images/member_choose_button_on.jpg);
    background-repeat:no-repeat;
}

.register_process
{
    margin:0 30px 0 30px;
}

.register_process p
{
    padding:8px 0px 0px 40px;
    height:30px;
}

.register_process > p
{
    padding:5px 0 0 40px;
}

.register_process img
{
    margin:0 30px 0 55px;
}

/*============================================================================以下為搜尋結果頁碼樣式*/

div.page_num {
	padding: 3px; 
	margin: 3px; 
	text-align: center;
}
div.page_num a {
	border: 1px solid #ddd;
	padding: 2px 5px;
	color: #88af3f; 
	margin-right: 2px; 
	text-decoration: none;
}
div.page_num a:hover {
	border: 1px solid #85bd1e;
	color: #638425; 
	background-color: #f1ffd6;
}
div.page_num a:active {
	border: 1px solid #85bd1e;
	color: #638425; 
	background-color: #f1ffd6;
}
div.page_num span.current {
	border: 1px solid #b2e05d;
	background-color: #b2e05d;
	padding: 2px 5px;
	font-weight: bold; 
	color: #fff; 
	margin-right: 2px; 
}
div.page_num span.disabled {
	border: 1px solid #f3f3f3;
	padding: 2px 5px;
	color: #ccc; 
	margin-right: 2px; 
}

/*================================================================================以下為食宿介紹之相簿效果*/

.pic{
     border:1px solid #ccc;
     padding:5px;
     margin:5px;
     float:left;
     }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFF;
padding: 5px;
left: -1000px;
border: 1px solid #ccc;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 50%;
left: 80px; /*position where enlarged image should offset horizontally */
}

/*============================================================================以下為其他項目*/

h4{
    margin-bottom:5px;
    }

img{
	border:none;
	}

.toplink{
	width:900px;
	margin:0;
	padding:2px 0 2px 0;
	text-align:right;
	}
	
.item_title_g{ /*各項目標題背景*/
	background-image:url(../images/item_title_g.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:30px;
	font-family: 'SimHei', '黑体', 'STHeiti', '华文黑体', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei', '微软正黑体', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif !important;
font-weight: 500 !important;
	font-size:16px;
	font-weight:bold;
	color:#555;
	margin:0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 25px;
	}
	
.item_content > .item_title_g{
    margin:20px 0 0 0;
    }
    
*+html > body .item_content .item_title_g{
    margin:0;
    }
	
.item_bottom{
    margin:0 0 10px 0;
    }
	
.item_content ul{ /*選單內外距*/
    margin:5px 5px 0 30px;
    padding-top:0;
    padding-bottom:0;
    }
    
.item_content > ul{
    margin:5px 0 0 0;
    padding:0 0 0 30px;
    }
    
*+html > body .item_content ul{
    margin:5px 5px 0 30px;
    padding:0;
    }

.item_content{
	background-image:url(../images/item_bg_content.jpg);
	background-repeat:repeat-y;
	}
	
.item ul{
	line-height:1.8em; /*子選單行距*/
	list-style-type:disc;
	list-style-image:url(../images/list_style_ie.jpg);
	}
	
#sidebar > .item ul{
	list-style-image:url(../images/list_style.png);
	}

.item li img{
	vertical-align:text-bottom;
	vertical-align:middle;
	margin-left:10px;
	}
	
.item form{
	margin:0;
	padding:0 12px;
	}
	
.to{ /*「至」*/
	margin-left:75px;
	}
	
.search_button{
	float:right;
	background-color:#CCFFCC;
	border:#009933 1px solid;
	padding:3px;
	margin:10px 5px 0 0;
	}
	
.inside_title{
	background-image:url(../images/inside_title_bg.jpg);
	background-repeat:no-repeat;
	width:670px;
	height:30px;
	font-family: 'SimHei', '黑体', 'STHeiti', '华文黑体', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei', '微软正黑体', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif !important;
font-weight: 500 !important;
	font-size:16px;
	font-weight:bold;
	color:#555;
	padding:5px 0 0 10px;
	_margin:-100px 0 0 0;
	}
		
#maincontent p{
	margin:0 0 10px 0;
	_margin:-240 0 0 0;
	
	}

#maincontent ul{
	list-style:disc;
	}
	
body > form > #maincontent ul{
	list-style:none;
	}

.news li{
	border-bottom:1px #FFF solid; /*內文分隔線，預設#DDD*/
	padding:0.5em 0;
	}
		
.area , .regulation_maincontent h2{ /*最新消息之分區*/
	border-bottom:1px #878258 solid;
	border-left:10px #878258 solid;
	padding:2px 0 2px 5px;
	font-size:1.3em;
	font-weight:bold;
	}
	
.area_language{ /*多國語言版之分類標題，例如四大宗旨*/
	border-bottom:1px #878258 solid;
	border-left:10px #878258 solid;
	width:270px; /*長度太短的話，四大宗旨的標題會強迫換行*/
	padding:2px 0 2px 5px;
	font-size:1.3em;
	font-weight:bold;
	}
	
.area_subject{ /*專題介紹之分類標題，例如佛陀紀念館\時代意義\興建緣起*/
	border-bottom:1px #878258 solid;
	border-left:10px #878258 solid;
	width:220px; /*長度太短的話，標題會強迫換行*/
	padding:2px 0 2px 5px;
	font-size:1.3em;
	font-weight:bold;
	}

.news_content{ /*內文文字*/
	line-height:25px;
	font-size:1.2em;
	}
	
.news_content_img{
	float: right;
	margin:0 0 5px 0;
}

.news_content_img img{
	margin:0 0 8px 0;
}
	
.rss{
	background-image:url(../images/rss_bg.jpg);
	background-repeat:no-repeat;
	width:32px;
	height:16px;
	margin-left:15px;
	padding:2px 5px;
	vertical-align:middle;
	display:none; /*RSS暫不顯示*/
	}
	
.item_title_g ul > .rss{
	background-image:url(../images/rss_large.png);
	width:16px;
	padding:0 0 0 16px;
	}
	
.map{ /*google map位置*/
	margin:10px 0 0 30px;
	}

.fgs_calendar th{ /*行事曆表格標題*/
	font-size:1.2em;
	border:1px #CCCCCC solid;
	border-bottom:3px #CCCCCC solid;
	}

.fgs_calendar td{ /*行事曆表格*/
	border:1px #CCCCCC dotted;
	border-width:1px 0 1px 0;
	}
	
.fgs_traffic td{ /*交通食宿表格*/
	border:1px #CCCCCC dotted;
	border-width:1px 0 1px 0;
	}
	
.inside_th { /*下拉表單*/
	text-align:right;	
	}
		
.inside_select { /*下拉表單*/
	color:#666666;
	margin-left:0;
	}
	
.news > form > .inside_select {
	margin:0 0 10px 535px;
	}
	
.option {
  color:#666464;
  background-color:#000000
  }
  
.inside_p { /*標題*/
	color: #666666 ;
	font-size:1.2em;
	font-weight:bold;
	}
	
.footer_copyright{ /*版權宣告*/
	float:left;
	margin:15px 0 0 70px;
	line-height:1.5em;
	}
	
#footer > .footer_copyright{
	margin:15px 0 0 130px;
	}
	
.footer_link{ /*信使網路繁簡通*/
	float:right;
	margin:55px 20px 0 0;
	}
	
.fgs_transportation_table td{ /*高鐵接駁時間表*/
    text-align:center;
    }
    
/*============================================================================以下為人才招募 co-worker_list.aspx與co-worker_content.aspx*/

.co-worker_list_table_top_td{ /*co-worker_list.aspx職缺清單最上面一排td*/
    background-color:#ffb;
    width:200px;
    border:1px solid #ccc;
    }

.co-worker_list_table td{ /*co-worker_list.aspx職缺清單各項資料靠左*/
    text-align:left;
    }
    
.tr_odd{ /*co-worker_list.aspx表格偶數列的底色為淺灰色*/
    background-color:#eee;
    }

.co-worker_list_table tr:hover{
    background:#ccff99;
    }

.co-worker{
    margin:0 0px 10px 0;
    padding:0;
    width:659px;
    }
        
.co-worker_inner{
    margin:0px;
    padding:5px;
    }
    
.co-worker_item_title{ /*co-worker_content.aspx的單位名稱，如「佛光山電視中心」*/
    margin:0;
    padding:0 0 0 20px;
    font-size:1.2em;
    font-weight: 700;
    background-image:url(../images/icon_user.gif);
    background-repeat:no-repeat;
    background-position:left center;
    }
    
.co-worker_area{ /*「職務說明」與「聯絡方式」文字*/
    border-top:1px solid #ccc;
    padding:5px 0 0 0;
    color:#00f;
    }
    
.co-worker_inner ul{
    margin:0;
    padding:0;
    }
    
.co-worker_inner li{
    border-width:0px 0px 0px 0px;
    line-height:1.2em;
    }
    
.co-worker_content_back_list{ /*「返回職缺總覽」文字*/
    text-align:right;
    margin:10px 30px 0 0;
    background-image:url(../images/action_back.gif);
    background-repeat:no-repeat;
    background-position:522px center;
    }
    
/*============================================================================以下為通用表格*/

.general_table td{
    border:1px solid #ccc;
    }
    
.general_table_first_tr td{
    text-align:center;
    background-color:#ffb;
    border:1px solid #ccc;
    }
    
.striped{ /*表格條紋，搭配jQuery*/
    background-color:#dde;
    }
    
/*============================================================================以下為通用表單*/

.general_form div{
    margin:5px 10px 5px 0;
    }
    
.general_form div label{
    display:block;
    }
    
/*============================================================================悉達多太子票選頁面*/

.vesak_vote_img{ /*解決IE6縮圖問題*/
    min-height: 200px;
    max-height: 300px;
    /*_height: expression( document.body.clientHeight < 200? "200px" : document.body.clientHeight > 400? "400px" : "auto" );*/
    _Width: expression( document.body.clientWidth < 200? "200px" : document.body.clientWidth > 300? "300px" : "auto" );
    }
    
/*============================================================================以下為自訂字體尺寸*/

#setfontsize{
    margin:0 0 0 500px;
    }
    
#setfontsize a{
    vertical-align:middle;
    }
    
#setfontsize > a{
    vertical-align:bottom;
    }
    
*+html > body #setfontsize a{
	vertical-align:middle;
	}
	
/*============================================================================以下為專題介紹*/

.subject_list{
    float:left;
    width:323px;
    height:110px;
    border:1px solid #ccc;
    margin:0 10px 10px 0;
    }
    
.subject_list_inner{
    padding:5px;
    }
    
.subject_list_left{
    float:left;
    width:150px;
    }
    
.subject_list_right{
    float:right;
    position:relative;
    width:158px;
    height:100px;
    margin:0 0 0 0px;
    }
    
.subject_list p{
    font-size:16px;
    }
    
.subject_list_link{
    background:url(https://www.fgs.org.tw/images/button_s.jpg) no-repeat;
    width:56px;
    height:28px;
    position:absolute;
    bottom:0;
    right:0;
    text-align:center;
    line-height:29px;
    }
    
.subject_list_right > .subject_list_link{
    line-height:26px;
    }
    
.subject_gallery img{
    border:1px solid #ccc;
    margin:5px 5px 5px 0;
    padding:5px;
    }
    
/*============================================================================以下為通用票選*/

.vote_list{ /*活動介紹清單縮排*/
    text-indent:-5em;
    margin-left:5em;
    }
    
.news > ol > li.vote_list{ /*活動介紹清單縮排*/
    margin-left:0;
    padding-left:5em;
    }
    
.av_vote{ /*影片區塊外框*/
    border:1px solid #ccc;
    width:210px;
    float:left;
    margin:0px;
    }
    
.av_vote_inner{ /*影片區塊內框*/
    padding:5px 5px 0;
    }
    
.submit_button{
    text-align:center;
    margin:50px 0
    }
    
/*============================================================================以下為常見問答*/

.qa_title{
    background:url(../images/qa_title_bg.jpg) no-repeat;
    height:40px;
    margin:5px 0 0 0;
    }
    
.qa_title_inner{
    padding:10px 0 0 15px;
    }
    
.qa_title_inner p{
    font-size:1.2em;
    font-weight:bold;
    }