.cf-border-1{
	border-radius: 5px;
	border:2px skyblue solid;
}
.cf-head-1{
	font-size:22px;
	font-weight:bold;
}
.cf-red{
	color:red;
}
.cf-b{
	font-weight: bold;
}
/*-----------------------Element------------------------------*/
.cf-notice{
	position:absolute;
	background-color:white;
	min-width:100px;
	min-height:50px;
	padding:10px;
	border:1px solid rgba(123, 148, 189,1);
	border-radius:10px;
	font-size:16px;
	font-weight:bold;
	z-index:10;
}

.cf-noticebg{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(207, 204, 198,0.9);
	z-index:9;
}

.cf-notice-title-big{
	font-size:20px;
	cursor: pointer;
	
}

.cf-notice-title-big:hover{
	background-color: rgba(50,50,200,0.3);
}
.cf-modal{
	position:absolute;
	left:50px;
	top:50px;
	padding:5px;
	min-width:700px;
	background-color:rgba(123, 148, 189,0.9);
	z-index:10;
}

.cf-ask{
	position:absolute;
	left:45%;
	top:100px;
	background-color:rgba(123, 148, 189,0.9);
	min-width:100px;
	min-height:50px;
	padding:10px;
	border:1px solid rgba(123, 148, 189,1);
	border-radius:10px;
	z-index:10;
	font-size:16px;
}

/*-----------------------Icon------------------------------*/
.cf-closeicon{
	position:absolute;
	right:-4px;
	top:-8px;
	cursor:pointer;
	z-index:11;
	background-color:rgba(240, 16, 12,0.9);
	color:white;
	font-weight:bold;
	border-radius:100%;
	padding:0 7px 0 7px;
}

/*----------------------function-------------------------------*/
.cf-page-click{
	cursor: pointer;
	color:blue;
}
.cf-hide{
	display:none;
}

.cf-rot-180{
	-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  	-moz-transform: rotate(180deg);        /* FF */
 	 -o-transform: rotate(180deg);          /* Opera */
 	 -ms-transform: rotate(180deg);         /* IE9 */
 	 transform: rotate(180deg);     
}

.cf-rot-90{
	-webkit-transform: rotate(90deg);     /* Chrome and other webkit browsers */
  	-moz-transform: rotate(90deg);        /* FF */
 	 -o-transform: rotate(90deg);          /* Opera */
 	 -ms-transform: rotate(90deg);         /* IE9 */
 	 transform: rotate(90deg);     
}
.cf-pointer{
	cursor:pointer;
}
.cf-cantsel {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
/*----------------------style-------------------------------*/
.cf-border{
	border:1px solid black;
}

.cf-reg-border{
	border:2px solid blue;
	margin: 20px;
	padding:20px;
	border-radius:10px;
}

.cf-bg-1{
	background-color:rgba(55, 140, 65,0.8);
}

.cf-bg-2{
	background-color:rgba(5, 168, 130,0.8);
}
.cf-center{
	text-align:center;
}
.cf-right{
	text-align:right;
}
.cf-ver-center{
	vertical-align: center;
}
/*----------------------form-------------------------------*/
.cf-input-notice{
	font-size:15px;
	color:black;
}

.cf-input-warm{
	font-size:18px;
	color:red;
	font-weight: bold;

}

.cf-input-ok{
	font-size:15px;
	color:green;
	font-weight: bold;
}


.cf-hr{
	padding:0;
	margin:0;
	background-color:black;
}



/*----------------------general-------------------------------*/
.cf-menu-leftblock{
	padding:10px;
	border:2px rgba(0,100,100,0.4) solid;
	cursor:pointer;
}
.cf-menu-leftblock:hover{
	background-color:rgba(0,0,200,0.4);
	border-radius: 20px;
}

/*----------------------hover-------------------------------*/
.cf-hover-bold:hover{
	font-weight:bold;
}
.cf-hover-underline:hover{
	text-decoration: underline;
}



/*-----------------------Image------------------------------*/
.cf-img-hover:hover{
	opacity: 0.6;
}
.cf-imgbtn1{
	padding: 3px;
	width:22px;
	cursor: pointer;
}