body {
	/*
	background: -moz-linear-gradient(top,  #ad4c48 0%, #f57e00 100%); 
	background: -webkit-linear-gradient(top,  #ad4c48 0%,#f57e00 100%); 
	background: linear-gradient(to bottom,  #ad4c48 0%,#f57e00 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad4c4800', endColorstr='#f57e0000',GradientType=0 ); 
	*/
	background-image: url(/images/pixel_mutual.png);
    background-repeat: repeat;
}

header {

}
header .bg_header {	/*這有關MENU的開關 */
	
}
.header-desk {
	position:fixed;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	
	background-color: #ffffff;
	box-shadow: 0px 0px 5px 0px #cccccc;
	
	z-index:1000;
}
.header-desk a {
	text-decoration: none;
	color: #ad4c48;
}
.header-desk .href_logo {
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	height:100%;
	z-index:1;
}
.header-desk + .header-desk_interval {	/*要對應 header_desk 高度 */
	height:75px;
}
.header-desk .bg_header {
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	height:100%;
	z-index:-1;
	
	background-image: url(/images/bg_header.jpg);
    background-repeat: repeat;
}
.header-desk .header-desk-munu {
	position:relative;
	
	width:100%;
	background-image: url(/images/bg_header_menu.jpg);
	background-size:contain;
	background-repeat: repeat-x;
	z-index:1;
}
.header-desk .header-desk-munu .tab_link {
	width:auto;
}
.header-desk .header-web {
	width:100%;
	table-layout:fixed;
}
.header-desk .header-info {
	
}
.header-desk .block_logo {
	position:relative;
	
}
.header-desk .logo_string {
	margin:0.2em 0px ; 
	font-size: 1.5em;
	text-overflow:ellipsis;	
	white-space:nowrap;
	overflow:hidden;
}
.header-desk .btn_link {
	display:inline-block;
	width:100%;
	height: 100%;
	padding:4px 1em ;
	text-align:center;
}
.header-desk .block_info {
	display:inline-block;
	width:100%;
	margin:6px 0px ;
	
	background-color: #ffffff ; 
	vertical-align:middle;
	text-align: center;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	word-break: keep-all;
	white-space:nowrap;
}
.header-desk .block_info a {
	/*margin:0px 6px ;*/
	padding:6px ;
}


.header_phone {
	position: fixed;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 100%;
    z-index: 1000;
}
.header_phone > .header-container {
	position: relative;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px 0px #cccccc;
	z-index: 2;
}
.header_phone .bars {
	width: 3em;
    text-align: center;
    height: 2em;
    vertical-align: middle;
}
.header_phone .js-menu_sw {
	font: normal normal normal 24px/1 FontAwesome;
    cursor: pointer;
}
.header_phone .js-menu_sw:before {
	content: "\f0c9";
}
.header_phone .header_menu_btn {
	display:inline-block;
	padding: 6px 15px;
	text-align:center;
}
.header_phone .header_menu {
	position:relative;
	display:block;
	/*display:none;*/
	height:90vh ;
	max-height:0vh ;
	padding: 0px 0px 0px 0px ;
	
	opacity:0;
	overflow:hidden;
	transition: opacity 0.5s;
	z-index:0;
}
.header_phone .header_menu > .bg_menu {
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	height:100%;
	z-index:1;
	
	background-color: rgba(0, 0, 0,0.8) ;
}
.header_phone .list_menu {
	position:relative;
	width:100% ;
	height:100% ;
	margin: 0px auto 0px auto;
	padding: 15px ;
	overflow-y:auto;
	z-index:2;
	
}

.header_phone .list_menu .item_menu {
	
}
.header_phone .item_menu .ahref {
	display:inline-block;
	width:100%;
	color: #ffffff;
}
.header_phone .item_menu .tit {
	padding: 0;
	text-align:center;
	font-size:1.2em;
}
.header_phone + .header_phone_interval {	/*要對應 header_desk 高度 */
	height:2em;
}

header.menu_active
.header_phone .header_menu {
	display:block;
	max-height:90vh ;
	opacity:1;
	z-index:999;
}
header.menu_active .bg_header {
	position:fixed;
	top:0px;
	left:0px;
	display:inline-block;
	width: 100vw;
    height: 100vh;
	z-index:1;
}


.header_body {
	min-height: 5vh;
}

section {
	position:relative;
}
section .section-center {
    min-height: 80vh;
}
section > .section-bg_fixed {
	position:fixed;
    top: 10vh;
    left: 0px;
    width: 100%;
    height: 90vh;
	
	background-image: url(/upload/buddha0/buddha0_1b.jpg);
    background-size: contain;
    background-position: center top ;
    background-repeat: no-repeat;
    z-index: -1;
	opacity:0.6 ;
}
.pclass-index section > .section-bg_fixed {
	opacity:1;
}
@media (max-width: 767px) {
	section > .section-bg_fixed {
		
	}
}
.page_link {
	padding-left: 16px;
}
.page_link a {
	margin-bottom:12px;
	color: #3B6DE6;
}
.page_link_title {
	font-size: 35px;
	text-align: center;
	color: #333;
}

.block_friends {
	
}
.block_friends .item_friends {
	position:relative;
	display:inline-block;
	width:20%;
	height:40px;
	line-height:40px;
	
	text-align:center;	
	text-overflow:ellipsis;	
	white-space:nowrap;
	overflow:hidden;
	
	border-bottom:1px solid transparent ;
	
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
}
.block_friends .item_friends:hover {
	border-color:#3B6DE6 ;
}

button,
a.btn {
	appearance: button;
	-webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: buttonface;
    box-sizing: border-box;
    vertical-align:middle;
    /*font: 400 13.3333px Arial;*/
	font-size:1em;
    border: 1px outset buttonface;
    border-image: initial;
	text-decoration:none;
	cursor:pointer;
}
.btn {
	padding:6px 12px ;
}
.btn-submit {
	background-color: #3B6DE6;
	border-radius: 5px;
	font-size:15px;
	color: #FFF;
}
.btn_gotop {
	position:fixed;
	bottom : 5vh;
	right:2vw ;
	
	z-index:100;
	text-align:center;
	background-color: #cccccc ;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
.btn_gotop .fa {
	padding:9px 10px 11px 10px;
	font-size:24px;
	font-weight:800;
}

/*
.block_form {
	padding-top:20px;
	font-size: 15px;
}
.block_form .block_option,
.block_form .block_input {
	padding-bottom:10px;
}
.block_form .icon_req {
	color:red;
}
.block_form a.btn {
	margin-right:5px ;
	margin-bottom:5px ;
}
.block_form a.btn:last-of-type {
	margin-right:0px ;
}


.pclass_member .block_info {
	height: 90%;
	min-height:150px;
	margin-bottom:30px;
	padding:12px;
	border:1px solid #cccccc ;
	
	overflow:hidden;
}
.block_info p{
	margin-bottom:10px;
}
*/
.form-content {
	
}
.form-content .unit {
	display:block;
	width:100%;
	margin-bottom:1em;
	table-layout:fixed;
}
.form-content .unit .utit {
	display:block;
	width:100%;
	vertical-align:middle;
}
.form-content .unit .uinp {
	display:block;
	width:100%;
	vertical-align:middle;
}
.form-content .unit.tab {
	display:table;
	width:100%;
}
.form-content .unit.tab .utit {
	display:table-cell;
	width:25%;
	padding:0 6px;
}
.form-content .unit.tab .uinp {
	display:table-cell;
	padding:0 6px;
}

.form-content .w-section-header {
	padding:0px 0px 2px 6px;
	margin-bottom:6px;
	border-left:6px solid #ad4c48 ;
	border-bottom:1px solid #ad4c48 ;
}


.table-filter-header {
	
}
.table-filter-header .buttarea {
	display:inline-block;
	width:100%;
	margin-bottom:6px;
}

/*項目樣式 - 左邊有雲圖案*/
.item_sty1 {
	padding-top: 5px ;
	padding-bottom: 5px ;
	
	text-decoration:none;
	background-image:url('/images/item_sty1.png');
	background-repeat:no-repeat;
	background-position:left;
	
	font-size:20px;
	font-family:"微軟正黑體","新細明體", sans-serif;
	
	font-weight: bold;
	color:#efd6b8;
}
.item_sty1 a {
	padding: 0px 5px 0px 70px;
	color:#efd6b8 ;
}
.item_sty1.active a {
	color: #ad4c48;
}
.item_sty1:hover a {
	color:#679377;
	
}


/*表格*/
.table_about {
	width:100%;
	
	background-color: #F9F2E8;
	border: 1px solid #ACE1D1;
	border-collapse:separate;
	border-spacing:1px;
}
.table_about th,
.table_about td {
	padding-left:2px;
	line-height:20px;
	border: 1px solid #ACE1D1;
}
.table_about th {
	background-color:#ACE1D1;
	color:#000;
	vertical-align:top;
}

.btn {
	display: inline-block;
    min-width: 100px;
	height: 32px;
    padding: 5px;
	
    background-color: #333344;
    border: 1px solid #bbaa77;
    text-align: center;
	font-size: 15px;
    color: #ccb355;
	cursor: pointer;
}

/*  -------------------------------------- main --------------------------------------*/

/*view-member*/
.menber_menu {
	padding-top :10px; 
	padding-bottom:20px;
}
.towname {
	position: relative;
	height: 150px;
	width: 132px;
	margin: 0px auto;
	background-image: url('/images/tow.png');
}
.towname .townamein{
	position: absolute;
    text-align: center;
    top: 24%;
    width: 100%;
    font-size: 21px;
    color: #077519;
    font-weight: bold;
	text-shadow: #c7c4c4 0.1em 0.1em 0.1em;
}
.towname .town_sub{
	position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    font-size: 21px;
    color: #077519;
    font-weight: bold;
	}
.towname .townamein a{
	color: #930;
}
.item_people .name {
	color:#0000ff ;
	font-size:18px ;
	font-weight:800 ;
}




.item_meeting {
	position:relative;
	padding:5px;
	margin-bottom:10px;
	
	background-color: #ffffff ;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	border:2px solid transparent;
	color: #333;
}
.item_meeting .fa-circle {
	/* position:absolute; */
	/* top:0px; */
	/* left:0px; */
}	
.item_meeting .fa-users {
	font-size:30px;
}
.item_meeting .pict {
	height:30px;
}
.item_meeting .pict img {
	max-height:30px;
}
.item_meeting .tit {
	font-size:20px;
	text-overflow:ellipsis;	
	white-space:nowrap;
	overflow:hidden;
}
.item_meeting .time {
	text-align:right;
}
.item_meeting:hover {
	border-color:green ;
}