/***********************************************************************************/
/***********************************button******************************************/
/***********************************************************************************/
button{
	padding:0;
	vertical-align: middle;
}
@media (max-width: 400px){
	.menu_button_L_50{
		margin:5px calc(12.5% - 35px);
	}
}@media (min-width: 401px) and (max-width: 1024px){
	.menu_button_L_50{
		margin:5px calc(8.33333% - 35px);
	}
}@media (min-width: 1024px){
	.menu_button_L_50{
		margin:5px calc(4.16666% - 35px);
	}
}
.menu_button_L_50{
	width:70px;
	height:40px;
	float:left;
	border-radius:5px;
	font-size:12px;
	line-height:40px;
	text-align:center;
	background-color:rgba(28, 146, 210, 0.5);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	cursor:pointer;
	box-shadow:0px 2px 1px rgba(0, 0, 0, 0.8);
	overflow: hidden;
}
.menu_button_L_50:hover{
	transition:0.5s;
	background-color:rgba(28, 146, 210,0.7);
	box-shadow:2px 3px 5px rgba(0,0,0,0.8);
	transition:0.1s;
}
.menu_button_L_50:active{
	transition:0.1s;
	background-color:rgba(28, 146, 210,1);
}


.off_button_R_10{
	width:10px;
	height:10px;
	float:right;
	border-radius:5px;
	font-size:8px;
	line-height:10px;
	text-align:center;
	color:rgba(255,0,0,1);
	cursor:pointer;
}
.off_button_R_10:hover{
	transition:0.3s;
	color:rgba(255,255,255,1);
	background-color:rgba(255,0,0,0.7);
}
.off_button_R_10:active{
	background-color:rgba(255,0,0,1);
}

.off_button_R_15{
	width:15px;
	height:15px;
	float:right;
	border-radius:7.5px;
	font-size:13px;
	line-height:15px;
	text-align:center;
	color:rgba(255,0,0,1);
	cursor:pointer;
}
.off_button_R_15:hover{
	transition:0.3s;
	color:rgba(255,255,255,1);
	background-color:rgba(255,0,0,0.7);
}
.off_button_R_15:active{
	background-color:rgba(255,0,0,1);
}

.off_button_R_20{
	width:20px;
	height:20px;
	float:right;
	border-radius:10px;
	font-size:17px;
	line-height:20px;
	text-align:center;
	color:rgba(255,0,0,1);
	cursor:pointer;
}
.off_button_R_20:hover{
	transition:0.3s;
	color:rgba(255,255,255,1);
	background-color:rgba(255,0,0,0.7);
}
.off_button_R_20:active{
	background-color:rgba(255,0,0,1);
}

.off_button_R_30{
	width:30px;
	height:30px;
	float:right;
	border-radius:15px;
	font-size:25px;
	line-height:30px;
	text-align:center;
	color:rgba(255,0,0,1);
	cursor:pointer;
}
.off_button_R_30:hover{
	transition:0.3s;
	color:rgba(255,255,255,1);
	background-color:rgba(255,0,0,0.7);
}
.off_button_R_30:active{
	background-color:rgba(255,0,0,1);
}


.off_button_L_15{
	width:15px;
	height:15px;
	float:left;
	border-radius:7.5px;
	font-size:13px;
	line-height:15px;
	text-align:center;
	color:rgba(255,0,0,1);
	cursor:pointer;
}
.off_button_L_15:hover{
	transition:0.3s;
	color:rgba(255,255,255,1);
	background-color:rgba(255,0,0,0.7);
}
.off_button_L_15:active{
	background-color:rgba(255,0,0,1);
}

.off_button_L_20{
	margin:2px;
	width:20px;
	height:20px;
	float:left;
	border-radius:10px;
	font-size:17px;
	line-height:20px;
	text-align:center;
	color:rgba(255,0,0,1);
	cursor:pointer;
}
.off_button_L_20:hover{
	transition:0.3s;
	color:rgba(255,255,255,1);
	background-color:rgba(255,0,0,0.7);
}
.off_button_L_20:active{
	background-color:rgba(255,0,0,1);
}

.off_button_L_20_Explicit{
	margin:2px;
	width:20px;
	height:20px;
	float:left;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	border-radius:5px;
	color:#fff;
	background-color:rgba(0,0,255,0.5);
}
.off_button_L_20_Explicit:hover{
	transition:0.3s;
	background-color:rgba(0,0,255,0.7);
}
.off_button_L_20_Explicit:active{
	background-color:rgba(0,0,255,1);
}

.off_button_L_50{
	margin:5px;
	width:40px;
	height:40px;
	float:left;
	border-radius:20px;
	font-size:25px;
	line-height:30px;
	text-align:center;
	color:rgba(255,0,0,1);
	background-color:rgba(255,0,0,0.5);
	cursor:pointer;
}
.off_button_L_50:hover{
	transition:0.3s;
	color:rgba(255,255,255,1);
	background-color:rgba(255,0,0,0.7);
}
.off_button_L_50:active{
	background-color:rgba(255,0,0,1);
}


.Square_Button_20{
	width:20px;
	height:20px;
	float:left;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	font-size:15px;
	border-radius:5px;
	color:#fff;
	background-color:rgba(0,0,255,0.5);
}
.Square_Button_20:hover{
	transition:0.3s;
	background-color:rgba(0,0,255,0.7);
}
.Square_Button_20:active{
	background-color:rgba(0,0,255,1);
}

/***************************************************************************/
/****************************MenuButton_Icon********************************/
/***************************************************************************/
.topMenuButton{
	margin:5px;
	width:40px;
	height:40px;
	float:left;
	border-radius:50%;
	background-color:rgba(255, 255, 255, 1);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%;
	cursor:pointer;
	overflow: hidden;
}

.MenuButton_Icon{
	position: relative;
	margin:0 auto;
	width:80px;
	height:80px;
	cursor:pointer;
	border-radius:50%;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	border: 2px solid #fff;
}
.MenuButton_Icon:hover{
	filter: brightness(90%);
}
.MenuButton_Icon:active{
	filter: brightness(80%);
}

.MenuButton_Icon .Point{
	position:relative;
	background-color:rgba(92, 232, 255, 1);
	border-radius:3px;
	box-shadow: 0px 0px 10px rgba(92, 232, 255,1);
}
/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
button.Button{
	position: relative;
	padding:0px;
	margin:5px;
	width:36px;
	height:36px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	border-width:0px;
	font-size:20px;
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
}
button.Button:hover{
	transition:0.1s;
	filter: brightness(110%);
}
button.Button:active{
	filter: brightness(120%);
}

button.Left{
	float: left;
}
button.Right{
	float: right;
}
button.Circular{
	border-radius: 50%;
}
button.Chamfer{
	border-radius: 5px;
}

button.Return{
	background-color:rgba(100, 100, 255, 1);
	background-image:url(./Link_Manager.php?Link=Image/SVG_White/Return&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	border: 0px solid #666;
}

button.Replace{
	background-image:url(./Link_Manager.php?Link=Image/SVG_White/Replace&Type=svg);
	background-color:rgba(255, 200, 0, 1);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	border: 0px solid #666;
}

button.Delete{
	background-color:rgba(255, 120, 100, 1);
	background-image:url(./Link_Manager.php?Link=Image/SVG_ICON/Delete&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	border: 0px solid #666;
}

button.Set{
	background-color: rgba(20, 70, 140, 1);
	background-image: url(./Link_Manager.php?Link=Image/SVG_ICON/Gear&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	border: 0px solid #666;
}

button.ADD{
	background-color:rgba(90, 200, 90, 1);
	background-image:url(./Link_Manager.php?Link=Image/SVG_ICON/Plus&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	border: 0px solid #666;
}

button.Seve{
	background-color:rgba(90, 190, 90, 1);
	background-image:url(./Link_Manager.php?Link=Image/SVG_ICON/Seve&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	border: 0px solid #666;
}

button.Mode{
    background-color: rgba(31, 139, 216, 0.6);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	border: 0px solid #666;
}

button.CSV{
	background-color: rgba(0, 145, 214, 0.6);
	background-image: url(./Link_Manager.php?Link=Image/SVG_ICON/TEXT_CSV&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	border: 0px solid #666;
}
button.PDF{
	background-color: rgba(0, 145, 214, 0.6);
	background-image: url(./Link_Manager.php?Link=Image/SVG_ICON/TEXT_PDF&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	border: 0px solid #666;
}


._Return_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:20px;
	line-height:36px;
	text-align:center;
	float:left;
	color:#fff;
	cursor:pointer;
	background-color:rgba(0, 0, 255, 0.6);
	background-image:url(./Link_Manager.php?Link=Image/SVG_White/Return&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
}
._Return_Button:hover{
	transition:0.3s;
	background-color:rgba(0, 0, 255, 0.8);
	box-shadow:0px 0px 3px #333;
}
._Return_Button:active{
	background-color:rgba(0, 0, 255, 1);
}

._Replace_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:25px;
	line-height:35px;
	text-align:center;
	float:left;
	color:#fff;
	cursor:pointer;
	background-color:rgba(255, 200, 0, 1);
	background-image:url(./Link_Manager.php?Link=Image/SVG_White/Replace&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
}
._Replace_Button:hover{
	transition:0.3s;
	background-color:rgba(255, 155, 0, 0.8);
	box-shadow:0px 0px 3px #333;
}
._Replace_Button:active{
	background-color:rgba(255, 155, 0, 1);
}

._ADD_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:25px;
	line-height:36px;
	text-align:center;
	float:left;
	color:#fff;
	cursor:pointer;
	background-color:rgba(0, 171, 0, 0.6);
	background-image:url(./Link_Manager.php?Link=Image/SVG_ICON/Plus&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
}
._ADD_Button:hover{
	transition:0.3s;
	background-color:rgba(0, 171, 0, 0.8);
	box-shadow:0px 0px 3px #333;
}
._ADD_Button:active{
	background-color:rgba(0, 171, 0, 1);
}

._Seve_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:25px;
	line-height:38px;
	text-align:center;
	float:left;
	color:#fff;
	cursor:pointer;
	background-color:rgba(0, 171, 0, 0.6);
	background-image:url(./Link_Manager.php?Link=Image/SVG_ICON/Seve&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
	overflow: hidden;
}
._Seve_Button:hover{
	transition:0.3s;
	background-color:rgba(0, 171, 0, 0.8);
	box-shadow:0px 0px 3px #333;
}
._Seve_Button:active{
	background-color:rgba(0, 171, 0, 1);
}

._Down_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:25px;
	line-height:38px;
	text-align:center;
	float:left;
	color:#fff;
	cursor:pointer;
	background-color:rgba(0, 171, 0, 0.6);
	background-image:url(./Link_Manager.php?Link=Image/SVG_ICON/TEXT_Down&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
	overflow: hidden;
}
._Down_Button:hover{
	transition:0.3s;
	background-color:rgba(0, 171, 0, 0.8);
	box-shadow:0px 0px 3px #333;
}
._Down_Button:active{
	background-color:rgba(0, 171, 0, 1);
}

._Delete_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:30px;
	line-height:36px;
	text-align:center;
	float:right;
	color:#fff;
	cursor:pointer;
	background-color:rgba(255, 50, 0, 0.6);
	background-image:url(./Link_Manager.php?Link=Image/SVG_ICON/Delete&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
}
._Delete_Button:hover{
	transition:0.3s;
	background-color:rgba(255, 50, 0, 0.8);
	box-shadow:0px 0px 3px #333;
}
._Delete_Button:active{
	background-color:rgba(255, 0, 0, 1);
}

._Mode_Button{
    margin: 5px;
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    float: left;
    color: #fff;
	cursor:pointer;
    background-color: rgba(31, 139, 216, 0.6);
    box-shadow: 0px 0px 2px #333;
	border: 0px solid #666;
    border-radius: 50%;
}
._Mode_Button:hover{
	transition:0.3s;
	background-color:rgba(31, 139, 216, 0.8);
	box-shadow:0px 0px 3px #333;
}
._Mode_Button:active{
	background-color:rgba(31, 139, 216, 1);
}

._Set_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:25px;
	line-height:35px;
	text-align:center;
	float:left;
	color:#fff;
	cursor:pointer;
	background-color: rgba(17, 68, 133, 0.6);
	background-image: url(./Link_Manager.php?Link=Image/SVG_ICON/Gear&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
}
._Set_Button:hover{
	transition:0.3s;
	background-color:rgba(17, 68, 133, 0.8);
	box-shadow:0px 0px 3px #333;
}
._Set_Button:active{
	background-color:rgba(17, 68, 133, 1);
}

._Open_Node_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:25px;
	line-height:36px;
	text-align:center;
	float:left;
	color:#fff;
	cursor:pointer;
	background-color:rgba(0, 0, 171, 0.6);
	background-image:url(./Link_Manager.php?Link=Image/SVG_ICON/OpenNode&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
}
._Open_Node_Button:hover{
	transition:0.3s;
	background-color:rgba(0, 0, 171, 0.8);
	box-shadow:0px 0px 3px #333;
}
._Open_Node_Button:active{
	background-color:rgba(0, 0, 171, 1);
}

._Close_Node_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:25px;
	line-height:36px;
	text-align:center;
	float:left;
	color:#fff;
	cursor:pointer;
	background-color:rgba(0, 0, 171, 0.6);
	background-image:url(./Link_Manager.php?Link=Image/SVG_ICON/CloseNode&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
}
._Close_Node_Button:hover{
	transition:0.3s;
	background-color:rgba(0, 0, 171, 0.8);
	box-shadow:0px 0px 3px #333;
}
._Close_Node_Button:active{
	background-color:rgba(0, 0, 171, 1);
}

._CSV_Button{
	margin:5px;
	width:36px;
	height:36px;
	font-size:25px;
	line-height:35px;
	text-align:center;
	float:left;
	color:#fff;
	cursor:pointer;
	background-color: rgba(0, 145, 214, 0.6);
	background-image: url(./Link_Manager.php?Link=Image/SVG_ICON/TEXT_CSV&Type=svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow:0px 0px 2px #333;
	border: 0px solid #666;
	border-radius: 18px;
}
._CSV_Button:hover{
	transition:0.3s;
	background-color:rgba(0, 145, 214, 0.8);
	box-shadow:0px 0px 3px #333;
}
._CSV_Button:active{
	background-color:rgba(0, 145, 214, 1);
}

/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
.Button_20{
	position: relative;
	margin:2px;
	width:20px;
	height:20px;
	float:left;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	font-size:15px;
	border-radius:5px;
	border-width:0px;
	color:#fff;
	opacity:0.7;
	background-repeat: no-repeat;
	background-position: center;
}
.Button_20:hover{
	transition:0.2s;
	opacity:0.9;
}
.Button_20:active{
	opacity:1;
}
.Button_25{
	position: relative;
	margin:2px;
	width:25px;
	height:25px;
	float:left;
	line-height:25px;
	text-align:center;
	cursor:pointer;
	font-size:20px;
	border-radius:5px;
	border-width:0px;
	color:#fff;
	opacity:0.7;
	background-repeat: no-repeat;
	background-position: center;
}
.Button_25:hover{
	transition:0.2s;
	opacity:0.9;
}
.Button_25:active{
	opacity:1;
}
.Button_30{
	position: relative;
	margin:2px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	font-size:25px;
	border-radius:5px;
	border-width:0px;
	color:#fff;
	background-repeat: no-repeat;
	background-position: center;
}
.Button_30:hover{
	transition:0.2s;
}
.Button_30:active{
}

/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/

.ButtonShadow{
	transition:0.1s;
	box-shadow:
		inset 0px 0px 1px 0px rgba(255, 255, 255, 0.3),
		inset 5px 5px 10px 0px rgba(0, 0, 0, 0.2),
		inset -5px -5px 13px 0px rgba(255, 255, 255, 0.2),
		0px 0px 1px 0px rgba(255, 255, 255, 0.3),
		1px 1px 1px 0px rgba(0, 0, 0, 0.5)
	;
}
.ButtonShadow:hover{
	box-shadow:
		inset 0px 0px 1px 0px rgba(255, 255, 255, 0.3),
		inset 2px 2px 10px 0px rgba(0, 0, 0, 0.2),
		inset -2px -2px 10px 0px rgba(255, 255, 255, 0.2),
		0px 0px 1px 0px rgba(255, 255, 255, 0.3),
		1px 1px 1px 0px rgba(0, 0, 0, 0.5)
	;
}
.ButtonShadow:active{
	box-shadow:
		inset 0px 0px 1px 0px rgba(255, 255, 255, 0.3),
		inset 5px 5px 10px 0px rgba(0, 0, 0, 0.2),
		inset -5px -5px 13px 0px rgba(255, 255, 255, 0.2),
		0px 0px 1px 0px rgba(255, 255, 255, 0.3),
		1px 1px 1px 0px rgba(0, 0, 0, 0.3)
	;
}



.BesignateButton{
	color:#fff;
	background-color:rgba(255,123,0,0.5);
}
.SquareButton{
	border-radius:20%;
}