@charset "utf-8";
/* CSS Document */
.genderTag
{
	display:inline-block;
	background-color:#DDD;
	color:#FFF;
	padding:5px;
	cursor:pointer;
}
.tagFocus
{
	background-color:#F4C327;
	color:#FFF;
}


#dataform hr
{
	border:0;
	height:1px;
	background-color:#CCC;
}

.noticeColor
{
	color:#FF3366;
}

.chooseBoxAlign
{
	display:inline-block;
	vertical-align:middle;
	
	width:25px;
	height:25px;
	
	margin:0px !important;
}

/* btn */
.defaultBtn
{
	display: inline-block;
    background-color: #3998c7;
    font-size: 13px;
    color: #FFF;
    width: 30px;
    height: 30px;
    line-height: 30px;
	border: 0px;
	
	transition: all .15s ease-in-out;
}
.defaultBtn:hover, .defaultBtn:focus
{
	opacity:0.8;
}

.toolBtn
{
	display: inline-block;
    background-color: #FAB061;
    font-size: 13px;
    color: #FFF;
    width: 30px;
    height: 30px;
    line-height: 30px;
	border: 0px;
	
	transition: all .15s ease-in-out;
}
.toolBtn:hover, .toolBtn:focus
{
	opacity:0.8;
}

.radius {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.flex_btnblock
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: center; 
}
.form_infobtn
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: center; 
	
	color: #fff;
	background-color: var( --sub1-color );
	
    font-size: 14px;
	
    padding: 6px 7px 7px;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    transition: all .15s ease-in-out;
}
.form_infobtn:hover
{
	background-color:var( --main-color );
}

.sendv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --main-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	border-width:0px;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.sendv2_btn.hover_btn
{
    background-color:#fff;
    color: var( --main-color );
}
.sendv2_btn:hover
{
	color: #fff;
	background-color:var( --sub-color );
}
.sendv2_out_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:#fff;
    color: var( --main-color );
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	border:1px solid var( --main-color );
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.sendv2_out_btn.hover_btn
{
    color: var( --sub-color );
	border-color:var( --sub-color );
}
.sendv2_out_btn:hover
{
	color: var( --sub-color );
	border-color:var( --sub-color );
}

.flex_btnblock .sendv2_btn
{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}


.sendv3_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --sub1-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	border-width:0px;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.sendv3_btn.hover_btn
{
    background-color:#fff;
    color: var( --main-color );
}
.sendv3_btn:hover
{
	color: #fff;
	background-color:var( --sub-color );
}
.flex_btnblock .sendv3_btn
{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}

.defaultv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --fonts1-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.defaultv2_btn:hover
{
	background-color:var( --fonts-color );
}
.delv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --red1-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.delv2_btn:hover
{
	background-color:var( --red2-color );
}
.excelv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --green-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.excelv2_btn:hover
{
	background-color:var( --green1-color );
}
.addv2_btn
{
	color:var( --fonts8-color );
	text-align: center;
    padding: 3px 5px;
    background-color:var( --bg5-color );
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.addv2_btn:hover
{
	background-color:var( --bg4-color );
}
.delv2sim_btn
{
	color:#fff;
	text-align: center;
    padding: 3px 5px;
    background-color:var( --red1-color );
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.delv2sim_btn:hover
{
	background-color:var( --red2-color );
}

.searchv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --main-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
    transition: all .15s ease-in-out;
}
.searchv2_btn.hover_btn
{
    background-color:#fff;
    color: var( --main-color );
}
.searchv2_btn:hover
{
	color: #fff;
	background-color:var( --sub-color );
}

.btn_sm_padding
{
	font-size: 13px;
	min-width:100px;
	padding: 5px;
}
.btn_inline
{
	display:inline-block;
}
.btn_lrmargin
{
	margin-left:5px;
	margin-right:5px;
}
.btn_group
{
	position:relative;
	display:flex;
}
.only_icon
{
	margin:0px;
	min-width:30px;
	width:30px;
}
.zero_marign
{
	margin:0px;
}
.sendv2_btn.left_noradius
{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.sendv2_btn.right_noradius
{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.form_input_v1
{
	width:100%;
	background-color: #f9f9f9;
    border: 1px #ededed solid;
	
    -webkit-box-shadow: 0 0px 0.5px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0px 0.5px 0px rgba(0,0,0,0.1);
    font-size: .9em;
    padding: 8px;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.form_input_v1:hover, .form_input_v1:focus, .form_input_v1:visited
{
	background-color: #fff;
    border: 1px var( --main-color ) solid;
}
.max_300form
{
	max-width:300px;
}
.dark_inputborder
{
	border: 1px #7f7f7f solid;
}
.error_inputborder
{
	border: 1px #FF5151 solid;
}