body{
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana;
	scroll-behavior: smooth;
	user-select:none;
	padding:0;
	margin:0;
	text-align:center;
	font-size:1.0em;
}

.text-small{
	font-size:1.0em;
}
.text-normal{
	font-size:1.1em;
}
.text-big{
	font-size:1.3em;
}

.outline-0{
	outline:none;
}

.break{
	word-break:break-word;
}

.radius-5{
	border-radius:5px;
}
.radius-15{
	border-radius:15px;
}
.radius-50{
	border-radius:50%;
}
.border-0{
	border:none;
}
.border-1{
	border:1px solid #cccccc;
}
.border-1-top{
	border-top:1px solid #cccccc;
}
.border-1-bot{
	border-bottom:1px solid #cccccc;
}
.border-1-left{
	border-left:1px solid #cccccc;
}
.border-1-right{
	border-right:1px solid #cccccc;
}

.user-select{
	user-select:none;
}

.padding-0{
	padding:0;
}
.padding-5{
	padding:5px;
}
.padding-15{
	padding:15px;
}

.margin-0{
	margin:0 auto;
}
.margin-5{
	margin:5px auto;
}
.margin-15{
	margin:15px auto;
}

.flex-gap{
	display:flex;
	gap:15px;
	flex-wrap:wrap;
	flex-direction: row;
}
.flex-nowrap{
	display:flex;
	flex-direction: row;
	flex-wrap:nowrap;
}
.flex-wrap{
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
}

.flex-child{
	word-break: break-word;
}

.content-center{
	align-content:center;
}
.content-right{
	align-content:right;
}

.text-align-center{
	text-align:center;
}

.text-align-left{
	text-align:left;
}

.text-align-right{
	text-align:right;
}

.pointer{
	cursor:pointer;
}

.btn{
	border-radius:2px;
	background-color:#222222;
	color:#eeeeee;
	cursor:pointer;
	text-align:center;
	border:none;
	outline:none;
	padding:15px;
	margin:0 auto;
	margin-top:5px;
}

.sticky-top{
	position:sticky;
	top:0;
	height:auto;
}

.sticky-bot{
	bot:0;
}

.icon{
	width:22px;
	height:22px;
    	outline:none;
    	border:1px solid #445566;
    	padding:15px;
    	margin:0 auto;
	text-align-center;
}

img{
	display:inline-block;
	outline:none;
	margin:0 auto;
	padding:0;
}

.img-def{
	outline:none;
	border:none;
	padding:0;
	margin:0;
}
.img-s{
	width:100px;
	height:auto;
    outline:none;
    border:none;
	padding:0;
	margin:0;
}
.img{
    outline:none;
    border:none;
}
.img-xl{
	width:400px;
	height:auto;
    outline:none;
    border:none;
    padding:0;
    margin:0;
}

/*
	fliro design
*/
p{
	padding:1px;
}
a{
	color:#333333;
}
h1,h2,h3{
	padding:0px;
}
.max-w{
	width:100%;
}
.flex-child{
	flex:1 auto;
	text-align:center;
	align-content:center;
}
@media only screen and (max-width: 1000px) {
	#test{
		display:none;
	}
}

.block{
	display:inline-block;
}
#categoryList{
	margin:15px auto;
	padding:15px;
	outline:none;
	border:none;
	text-align:center;
	background-color:#333333;
	color:#ffffff;
}
/* newdiv test */
.newdiv{
	border:1px solid #999999;
	padding:15px;
	margin:0 auto;
}
#button{
	border-top-right-radius: 32px;
	border-bottom-right-radius: 32px;
        cursor:pointer;
        text-align:center;
        border:none;
        outline:none;
        padding:15px;
        margin:15px auto;
}
#info{
	padding:15px;	
	border-bottom:1px dotted #cccccc;
	content-align:center;
	display:block;
	margin:15px auto;
	text-align:center; /* justify */
	color:#666666;
	width:50%;
}