.page-wrapper {
	padding-top:6vh;
}
header {
	position: fixed;
	z-index:1000;
}

.header-desk {
	
}
.header-desk.header_bg {
	background-color: #cccccc ;
}
.header-desk .header_top {	
	display: table;
	width:100%;
}
.header-desk .header_block {
	display: table-cell;
	padding-top:6px;
	padding-bottom:6px;
}

.header-phone {
	background-color: #ffffff ; 	
}

.header-phone .header_top {
	border-bottom:1px solid #cccccc ;
}

.header-phone .header_menu_btn {
	display:inline-block;
	padding: 6px 15px;
	text-align:center;
}
.header-phone .header_menu {
	height:0px;
	max-height:90vh;
	overflow:hidden;
	
	transition: height 1s ;
}
.header-phone .header_menu .item_menu {
	padding: 6px 15px;
	border-bottom:2px solid #cccccc ;
}

header.menu_open 
.header-phone .header_menu {
	height:auto;
}


.header_body {
	min-height: 5vh;
}

section > view  {
	padding:15px 6px 6px 6px ;

	border-radius: 5px;
	border: 1px solid #CCC;	
	
}	
.page_link {
	margin-bottom:12px;
}
.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;
    
    font: 400 13.3333px Arial;
    border: 1px outset buttonface;
    border-image: initial;
	
	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: 85%;
	min-height:180px;
	margin-bottom:30px;
	padding:12px;
	border:1px solid #cccccc ;
	
	overflow:hidden;
}
.block_info p {
	margin-bottom:10px;
}