::-webkit-scrollbar {
    width: 12px;
    width: unset;
}

body{
	font-family : "Lucida Console" , "微軟正黑體" ;
}

#header {
	background-color: bisque;
}

div#contains{
	/*background-color : lightgrey ;*/
	height : 100px ;
	transition : height .5s ;
	overflow :hidden ;
    background-color: cornsilk;
    border-width: 12px;
    border-style: double;
    border-color: burlywood;
}

.title{
	background-color : burlywood;
	height : 30px ;	
}

.lists{
	/*background-color : pink ;
	border : 2px brown solid ;*/
	margin-top : 5px ;
	margin-bottom : 7px ;
	padding : 5px ;
}


/*頭像相關*/
div.Avatar {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    /*border: 5px blue double;*/
    padding: 1px;
}
img.Avatar_img{
	margin: auto;
}

div .ib_div{
	display: inline-block ;
}

#img_upload {
	position: relative;
	height: 0px;
	overflow: hidden;
	text-align: center;
	/* background-color: Thistle; */
	border: 0px solid burlywood;
}
/*陳列出版社相關*/
.ps_bottom{
	background-color: rgba(256,180,180,0.5);
	position: absolute;
	width: 120px;
	bottom: -15px;
	left: 0px;
	/*display: none;*/
	height: 0px;
	overflow: hidden;
	transition: all 0.5s;
	border-radius: 0px 0px 5px 5px;
	padding: 0px 5px;
	z-index: 10;
	text-align: center;
	font-weight: bold;
	color: crimson;
}
.unit {
	display: inline-block;
	position: relative;
	/* border: 1px black solid; */
	max-height: 120px;
	width: 120px;
	font-size: 18px;
	margin-top: 5px;
	margin-right: 5px;
	border-radius: 5px;
	vertical-align: middle;
}
.unit:hover {
	border-radius: 5px 5px 0px 0px;
	/*background-color : Violet ; */
}
.unit:hover > .ps_bottom{
	/*display : inline-block ;*/
	height : 50px ;
	background-color : rgba(256,180,180,0.9) ; 
}
.unit_img {
	max-height: 100%;
	max-width: 100%;
	font-size: 18px;
	margin-top: 5px;
	border-width: 5px;
	border-color: blanchedalmond;
	border-style: groove;
	border-radius: 16px;
}


/*search bar css*/
input#keys {
    width: 100%;
    height: 40px;
    font-size: 20px;
}
button.option{
	height: 35px;
	padding: 4px;
	background-color: dimgrey;
	color: bisque;
	border-width : 3px ;
	border-radius: 30%;
	border-color: beige;
	margin-top: 4px;
	position: absolute;
	top: -3px;
}
button#search_submit{
	right: 65px;
}
button#search_setting{
	right: 19px;
}
button.option > i {
	font-size : 28px ;
}

/*泛用 class*/
div.hidden_div {
	display : none ;

}

.pd0{
	padding:0px ;
}

.full_height{
	height : 100% ;
}

.full_width{
	width : 100% ;
}

.hidden-scroll {
    height: 100%;
    width: calc( 100% + 17px );
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0px;
    background-color: white;
}

div#cover_div{
	position :fixed ;
	top : 0px ;
	left : 0px ;
	height : 0 ;
	width : 100% ;
	background-color : rgba( 192 , 256 , 192 , 0.8 ) ;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
	
	overflow : hidden ;
	transition : all 0.5s ;
}

div#cover_div > div {
    margin:auto;
}

div#go-back {
	width: 75px;
	height: 75px;
	position: fixed;
	top: 100px;
	left: 10px;
	background-color: bisque;
	border-width: 5px;
	border-style: double;
	border-color: burlywood;
	border-radius: 50%;
	text-align: center;
	color: #fe537a;
	font-size: 30px;
	font-weight: bolder;
	z-index: 1000;
}