@charset "utf-8";
/* CSS Document */
/*-----------------------------basic------------------------------*/
html,body {
	margin:0px;
	padding:0px;
	font-size: 15px;
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
	line-height: 1.5;
	color:#4e4036;
}

img{
	vertical-align:middle;
}

em{
	color:#cd5555;
	padding:5px;
	font-style:normal;
	font-size:15px;
}

a{
	color:#4e4036;
}

input{
	border:none;
	vertical-align:middle;
}

textarea[readonly]
{
    background-color:#E3E3E3;
	color:#6D6D6D;
}

textarea{
	border:none;
	width:90%;
}

#wrapper{
	position:relative;
	width:1200px;
	margin:10px auto 0 auto;
	padding:0px;
	background-image:url(../images/background.png);
	background-repeat:repeat;
}

#secondary{
	position:absolute;
	top:-10px;
	left:0px;
	width:250px;
	height:1010px;
	min-height:1010px;
	height:auto;
}

#primary{/*包住右邊的區塊 #banner、#_secondary、#_primary*/
	position:relative;
	margin:10px 0 0 250px;
	height:1000px;
	height:auto;
	min-height:1000px;
}

#banner{
	width:950px;
	height:140px;
}

#_content{
	position:relative;
	width:950px;
}

#_secondary{
	position:absolute;
	top:0px;
	left:0px;
	width:145px;
	height:860px;
}

#_primary{
	margin:0px 0px 0px 170px;
	padding:10px;
}

#_saperate{
	position:absolute;
	top:0px;
	left:145px;
	height:860px;
	width:25px;
}

#_saperate img{
	margin:0 auto;
	display:block;
}

#_saperate span{
	display:block;
	font-size:18px;
	width:25px;
	height:110px;
	text-align:center;
	writing-mode:vertical-lr;
	-o-writing-mode:vertical-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
	color:#4f4f4f;   
}

#footer{
	clear:both;
}

#logo{
	margin:0px auto;
	width:160px;
	height:275px;
	background-color:#fff;
	box-shadow:3px 3px 10px #999;
}

#logo img{
	margin:16px 26px;
}

#login{
	margin:30px auto;
}

#login_ps{
	margin:30px auto;
	display:table;
	width:500px;
}

#paper_page{
	text-align:center;
}

#paper_page a{
	text-decoration:none;
	font-size:13px;
	color:#666;
}

#paper_page a:hover{
	color:#cd5555;
}
/*------------------------------------------------*/
#add{
	position: fixed;
	/*right:-40px;
	width:40px;
	top:0px;
	*/
	z-index:101;
	right:0px;
	width:100%;
}

#add_content{
	text-align:center;
/*	position:absolute;
	right:40px;*/
	width:500px;
	display:table;
	margin:auto;
/*	top:0px;*/
	z-index:102;
}

#add_content div{
	padding:25px 15px;
	position:relative;
/*	background-image:url(../images/bk.png);*/
	z-index:9999;
	border-radius:5px;
	background-color:#fff;
	border:3px solid #ccc;
	
	background-image:linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -moz-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -webkit-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 80px);
	background-image: -o-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -ms-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
}

#add_content div em{
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;
	display:block;
	font-style:normal;
	width:25px;
	height:8px;
	border:1px solid #ccc;
	
	background-color:#cd5555;
	background-image:linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
	background-image: -moz-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
	background-image: -webkit-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
	background-image: -o-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
	background-image: -ms-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
}

#add_content div em:hover{
	background-image:linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -moz-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -webkit-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -o-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -ms-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
}

#add_content div em a{
	color:#fff;
	display:block;
	margin-top:-5px;
	text-align:center;
	text-decoration:none;
	font-weight:bolder;
	font-size:12px;
}

#add_tab{
	position:fixed;
	right:10px;
}

#add_tab span{
	display:block;
	width:40px;
	height:40px;
	background-color:#fff;
	padding:10px;
	margin:3px 0;
	text-align:center;
	box-shadow:1px 1px 3px #666;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	background-image:linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 90px);
	background-image: -moz-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 90px);
	background-image: -webkit-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 90px);
	background-image: -o-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 90px);
	background-image: -ms-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 90px);
}

#add_tab span a{
	text-decoration:none;
	color:#333;
	padding:0px;
}

#add_tab span{
	text-transform:uppercase;
}

#body_black{
    display: none;
    background: #000;
    position: fixed; 
    left: 0; 
    top: 0;
    width: 100%; 
    height: 100%;
    z-index: 100;
}

#close a{
	color:#fff;
}

.opacity1{
	opacity:1.0;
}
/*----------------------------------------------------*/
#submit{
	text-align:center;
	margin:0 5px;
}

#submit input{
	background-color:#000;
	background-image:linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
	background-image: -moz-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
	background-image: -webkit-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
	background-image: -o-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
	background-image: -ms-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 10%, 40%, .2) 30px);
	padding:0px 10px 2px 10px;
	color:#F3F3F3;
	border:none;
	border-radius:2px;
	margin:0px 1px;
	height:24px;
	font-size:14px;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
}

#submit input:hover{
	background-image:linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -moz-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -webkit-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -o-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
	background-image: -ms-linear-gradient( hsla( 0, 10%, 50%, .2), hsla( 0, 0%, 100%,.5) 25px);
}
/*-----------------------------basic------------------------------*/

/*-----nav-----*/
#nav{
	display:table;
	height:25px;
	margin:auto;
	padding:20px 0px;
	font-size:15px;
}

.nav ul{
	height:24px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.nav ul li{
	float:left;
	display:block;
	list-style:none;
	width:91px;
	text-align:center;
	position:relative;
}

.nav ul li a{
	text-decoration:none;
	display:block;
	width:90px;
	border-right:1px dotted #999;
	color:#4e4036;
	-webkit-transition:margin-top .5s ease-out;
	-moz-transition:margin-top .5s ease-out;
	-o-transition:margin-top .5s ease-out;
	transition:margin-top .5s ease-out;
}

.nav a:hover{
	margin-top:-23px;
}

.nav_En li:nth-child(1) a:after, .nav_En li:nth-child(2) a:after, .nav_En li:nth-child(3) a:after, .nav_En li:nth-child(4) a:after, .nav_En li:nth-child(5) a:after, .nav_En li:nth-child(6) a:after, .nav_En li:nth-child(7) a:after, .nav_En li:nth-child(8) a:after, .nav_En li:nth-child(9) a:after, .nav_En li:nth-child(10) a:after{
	content:attr(title);
}

.nav_En a:after{
	display:block;
	margin:0px 0px;
}
/*-----nav-----*/

/*-----_secondary-----*/
._secondary_nav ul{
	margin:0px auto;
	padding:0px;
}

._secondary_nav ul li{
	position:relative;
	text-align:center;
	margin:1px 0;
	list-style:none;
}

._secondary_nav ul li a{
	display:block;
	text-decoration:none;
	padding:5px;
	font-size:15px;
}

._secondary_nav ul li a:hover{
	color:#CD5555;
}
/*-----_secondary-----*/

/*-----footer-----*/
.footer ul{
	display:table;
	margin:0px 0px 0px 550px;
	padding:0px;
}

.footer ul li{
	float:left;
	list-style:none;
	width:80px;
	text-align:center;
	padding:2px 5px;
}

.footer ul li a{
	text-decoration:none;
	display:block;
	width:90px;
	border-right:1px dotted #999;
	color:#4f4f4f;
	font-size:12px;
}

.footer span{
	font-size:11px;
	display:table;
	color:#999;
	margin-left:60px;
	padding:0px;
}
/*-----footer-----*/

/*-----_span_list jquery-----*/
.span_list a{
	color:#CD5555;
	font-weight:bold;
}

.span_list span{
	position:absolute;
	width:27px;
	height:25px;
	right:5px;
	top:3px;
	background-image:url(../images/list.png);
}

.color4e4036{
	color:#4e4036;
}

/*-----_span_list-----*/

/*----div jquery-----*/
#padding_30{
	padding:5px 30px;
	height:750px;
	height:auto;
	min-height:750px;
/*	overflow-x:hidden;
	overflow-y:auto;*/
}

#padding_30 > div{
	display:none;
}

#padding_30 > div:first-of-type{
	display:block;
}

#padding_15{
	padding:15px;
	height:750px;
	overflow-x:hidden;
	overflow-y:auto;
}

#padding_30_ > div{
	display:none;
}

#padding_30_ > div:first-of-type{
	display:block;
}

#padding_60{
	padding:5px 60px;
	height:750px;
	overflow-x:hidden;
	overflow-y:auto;
}

#contact_step2 > div{
	display:none;
}

#contact_step2 > div:first-of-type{
	display:block;
}

#contact_step1,#contact_step2,#contact_step3{
	border-left:1px dotted #999;
	border-right:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:-1px 0px 5px 0px;
}

#contact_step2{
	font-size:14px;
}
/*----div-----*/

/*-----secondary_-----*/
#secondary_{
	position:relative;
	width:132px;
	display:table;
	margin:40px auto 0px auto;
	font-size:14px;
}

#secondary__title{
	position:relative;
	margin:0px auto;
	width:132px;
	display:table;
	font-size:15px;
	font-weight:bolder;
}

#secondary_ em{
	font-style:normal;
	color:#c33;
	font-size:12px;
}

#secondary_ a{
	text-decoration:none;
	color:#4e4036;
	font-size:12px;
}

#secondary_ a:hover{
	font-weight:bolder;
}

#secondary_ table tr td span{
	color:#069;
	font-size:12px;
}

#secondary_ td{
	font-size:12px;
	padding:2px 0px;
}

#secondary_ td:hover{
	font-weight:bolder;
}

.span_1{
	position:absolute;
	width:100%;
	text-align:center;
	top:0px;
}

.margin_top15px{
	margin-top:15px;
}

/*-----secondary_-----*/

/*-----class-----*/
.class_family{
	font-size:22px; 
	font-weight:bolder;
	color:#666; 
	/*font-family:DFKai-sb;*/
}
/*-----class-----*/

/*-----news-----*/
.news table{
	width:100%;
}

.news table thead td{
	text-align:center;
	color:#666;
	border-bottom:1px dotted #999;
}

.news table tbody td{
	padding:4px 10px;
}

.news table tbody tr:hover{
	font-weight:bolder;
	cursor: pointer;
}

.news table tfoot tr td{
	border:1px dotted #999;
	padding:30px;
}

/*-----news-----*/

/*-----story-----*/
.story table{
	width:100%;
}

.story table thead td{
	text-align:center;
	color:#666;
	border-bottom:1px dotted #999;
}

.story table tbody tr:hover, .story table tfoot tr:hover{
	background-color:#f3f3f3;
	cursor: pointer;
}

.story table tbody td{
	padding:0px 5px;
}

.story table tfoot td{
	padding:0px 5px;
}

.story_detail tbody td{
	border-bottom:1px dotted #999;
	padding-bottom:5px;
}

.story_detail tfoot td{
	padding:10px;
}

.mg thead td{
	border-bottom:1px dotted #999;
	text-align:center;
	color:#069;
	font-size:13px;
}

.mg tbody td{
	padding:5px;
	border-bottom:1px dotted #999;
	border-left:1px dotted #999;
}

.mg{
	margin:10px 0;
	border-top:1px dotted #999;
	border-right:1px dotted #999;
}
/*-----story-----*/

/*-----login-----*/
.login table{
	padding:15px;
}
/*-----login-----*/


/*-----button-----*/
#button{
	padding:0px 0px 20px 0px;
}

#button a{
	color:#666;
	font-size:14px;
}
/*-----button-----*/
#question{
	color:#cd5555;
}

#answer{
	margin:0px 0px 20px 0px;
	padding:5px;
}

#form_{
	margin-top:30px;
	padding:0px;
}

.form_ table{
	width:100%;
	margin:10px 0px;
	border-left:1px dotted #999;
	border-top:1px dotted #999;
}

.form_ table thead td{
	color:#999;
	font-size:12px;
	padding:0px 5px;
}

.form_ table thead td span{
	font-weight:bolder;
}

.form_ table tbody td{
	text-align:center;
	background-image:url(../images/bk.png);
	color:#f3f3f3;
	font-size:13px;
}

.form_ table tfoot td span{
	font-size:12px;
}

.form_ table tfoot td{
	text-align:center;
	border-right:1px dotted #999;	
	border-bottom:1px dotted #999;
}

.input_number{
	width:45px;
}

.input_name{
	width:50px;
}

.input_buddha{
	width:120px;
}

.input_add{
	width:160px;
}

.alternative{
	width:120px; 
	font-size:16px; 
	text-decoration:none; 
	margin:5px; 
	padding:5px; 
}

.text_center{
	text-align:center;
}

.font_size12{
	font-size:12px;
}

.class a{
	color:#069;
}

.color069{
	color:#069;
}

.color999{
	color:#666;
}

.colorfff{
	color:#fff;
}

.colorcd5555{
	color:#cd5555;
}

.width100{
	width:100%;
}

.font_border{
	font-weight:bolder;
}

.margin_top20px{
	margin-top:20px;
}

.margin_top40px{
	margin-top:40px;
}

.display_block{
	display:block;
}

.display_none{
	display:none;
}

.margin5px{
	margin:5px;
}

.bg_aph{
	background-image:url(../images/bk.png);
}

.border_right{
	border-right:1px dotted #999;
}

#titlenav a{
	font-size:14px;
	color:#666;
}

#ps{
	position:relative;
	display:table;
	margin:10px auto;
	padding:10px;
/*	box-shadow:1px 1px 5px #666;
	border:1px dotted #999;*/
}

#ps_ {
	position:relative;
	margin:0px 0px 1px 0px;
}

#tbody_title{
	position:absolute;
	width:100px;
	text-align:center;
	color:#FFF; /*#333*/
	background-color:#cd5555 ;/* #C33 #ccc*/
	/*border:2px solid #000;*/
}

#tbody_ps{
	margin-left:125px;
}

#ps_ span{
	color:#cd5555;
	top:-6px;
	padding:5px;
	position:absolute;
	left:100px;
}

.class_span1{
	display:block;
	text-align:center;
	color:#cd5555 ;/* #C33 */
	padding:1px 5px;
	font-size:18px;
}

.float_right{
	float:right;
}

.aph07{
	opacity:0.7;
}

.border_left{
	border-left:1px dotted #999;
}

.padding5{
	padding:5px;
}

.width20{
	width:20%;
}

.height{
	height:100px;
}

.submit a{
	color:#666;
	font-size:13px;
	padding:5px;
}

.login_join td{
	padding:5px;
}

.login_join td span{
	color:#069;
}

#qlist a{
	color:#cd5555;
	text-decoration:underline;
	cursor: pointer;
}

#qlist li{
	margin:5px;
}

.calendar table{
	width:70%;
	margin:10px auto;
	border:1px dotted #999;
}

.calendar table thead td{
	background-image: url(../images/bk.png);
	color:#fff;
	text-align:center;
}

.calendar table tbody td{
}

.calendar table tbody tr:hover{
	color:#cd5555;
	font-weight:bolder;
	cursor:pointer;
	background-color:#fff;
}

.bolder{
	/*font-weight:bolder;*/
	font-size:110%;
}

.bottom{
	border-bottom:1px dotted #999;
}

.fontsize15px{
	font-size:16px;
}

.top{
	border-top:1px dotted #999;
}