/* fullmenu top */
#fullmenu_top .hier1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 237px;
	height: 270px;
	background-color: #282828;
}
#fullmenu_top .hier2 {
	position: absolute;
	top: 0px;
	left: 240px;
	width: 240px;
	height: 270px;
	background-color: #282828;
}

#fullmenu_top .hier1 .list {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 225px;
	height: 260px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

#fullmenu_top .hier1 .listline {
	width: 225px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.flmenu .listline.active,
.flmenu .smline.active
{
	color: #000;
	background-color: rgb(255,170,0);
}
#fullmenu_top .listline p {padding: 0 10px;}
#fullmenu_top .hier1 .listline div {
	width: 40px;
	height: 32px;
	background-position: center;
	background-repeat: no-repeat;
}
#fullmenu_top .hier1 .listline:nth-child(1) div {background-image:url('../image/icon/i1w.png');}
#fullmenu_top .hier1 .listline:nth-child(2) div {background-image:url('../image/icon/i2w.png');}
#fullmenu_top .hier1 .listline:nth-child(3) div {background-image:url('../image/icon/i3w.png');}
#fullmenu_top .hier1 .listline:nth-child(4) div {background-image:url('../image/icon/i4w.png');}
#fullmenu_top .hier1 .listline:nth-child(5) div {background-image:url('../image/icon/i5w.png');}
#fullmenu_top .hier1 .listline:nth-child(6) div {background-image:url('../image/icon/i6w.png');}
#fullmenu_top .hier1 .listline:nth-child(7) div {background-image:url('../image/icon/i7w.png');}
#fullmenu_top .hier1 .listline:nth-child(8) div {background-image:url('../image/icon/i8w.png');}
#fullmenu_top .hier1 .listline:nth-child(1).active div {background-image:url('../image/icon/i1b.png');}
#fullmenu_top .hier1 .listline:nth-child(2).active div {background-image:url('../image/icon/i2b.png');}
#fullmenu_top .hier1 .listline:nth-child(3).active div {background-image:url('../image/icon/i3b.png');}
#fullmenu_top .hier1 .listline:nth-child(4).active div {background-image:url('../image/icon/i4b.png');}
#fullmenu_top .hier1 .listline:nth-child(5).active div {background-image:url('../image/icon/i5b.png');}
#fullmenu_top .hier1 .listline:nth-child(6).active div {background-image:url('../image/icon/i6b.png');}
#fullmenu_top .hier1 .listline:nth-child(7).active div {background-image:url('../image/icon/i7b.png');}
#fullmenu_top .hier1 .listline:nth-child(8).active div {background-image:url('../image/icon/i8b.png');}

#fullmenu_top .hier2 .list {
	position: absolute;
	top: 28px;
	left: 5px;
	width: 230px;
	height: 260px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
#fullmenu_top .hier2 .listline {
	width: 230px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#fullmenu_top .listline.nouse {display: none;}
#fullmenu_top .listline.cannot {color: #888;}

/* title */
.flmenu .ftitm {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	height: 22px;
	box-sizing: border-box;
	padding: 0 5px;
	color: #ddd;
	background-color: #808080;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.flmenu .ftitm div {
	width: 26px;
	height: 16px;
	color: #282828;
	background-color: #ddd;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.flmenu .ftits {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	padding: 0 5px;
	color: #ddd;
	background-color: #808080;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.flmenu .ftits div {
	width: 46px;
	height: 16px;
	color: #282828;
	background-color: #ddd;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.flmenu .ftitst {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	padding: 0 3px;
	color: #ddd;
	background-color: #808080;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.flmenu .ftitst div:nth-of-type(1) {
	width: 200px;
	height: 24px;
	background-color: #000;
	box-sizing: border-box;
	padding: 0 3px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.flmenu .ftitst div .sic {
	width: 24px;
	height: 24px;
	margin: 0 5px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.sic.i0 {background-image: url('../image/icon/i1w.png');}
.sic.i1 {background-image: url('../image/icon/i2w.png');}
.sic.i2 {background-image: url('../image/icon/i3w.png');}
.sic.i3 {background-image: url('../image/icon/i4w.png');}
.sic.i4 {background-image: url('../image/icon/i5w.png');}
.sic.i5 {background-image: url('../image/icon/i6w.png');}
.sic.i6 {background-image: url('../image/icon/i7w.png');}
.sic.i7 {background-image: url('../image/icon/i8w.png');}

.flmenu .ftitst div:nth-of-type(2) {
	width: 264px;
	height: 24px;
	box-sizing: border-box;
	padding: 0 3px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.flmenu .ftitst div:nth-of-type(2) div {
	width: 46px;
	height: 16px;
	color: #282828;
	background-color: #ddd;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* fullmenu mid */
#fullmenu_mid .hier1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 38px;
	height: 270px;
	background-color: #282828;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
#fullmenu_mid .hier2 {
	position: absolute;
	top: 0px;
	left: 40px;
	width: 198px;
	height: 270px;
	background-color: #282828;
}
#fullmenu_mid .setF {
	position: absolute;
	top: 0px;
	left: 240px;
	width: 240px;
	height: 270px;
	background-color: #282828;
}

#fullmenu_mid .hier1 div {
	width: 32px;
	height: 32px;
	background-position: center;
	background-repeat: no-repeat;
}
#fullmenu_mid .hier1 div.nouse {display: none;}
#fullmenu_mid .hier1 div.hidden {visibility: hidden;}
#fullmenu_mid .hier1 div:nth-of-type(1) {background-image:url('../image/icon/i1w.png');}
#fullmenu_mid .hier1 div:nth-of-type(2) {background-image:url('../image/icon/i2w.png');}
#fullmenu_mid .hier1 div:nth-of-type(3) {background-image:url('../image/icon/i3w.png');}
#fullmenu_mid .hier1 div:nth-of-type(4) {background-image:url('../image/icon/i4w.png');}
#fullmenu_mid .hier1 div:nth-of-type(5) {background-image:url('../image/icon/i5w.png');}
#fullmenu_mid .hier1 div:nth-of-type(6) {background-image:url('../image/icon/i6w.png');}
#fullmenu_mid .hier1 div:nth-of-type(7) {background-image:url('../image/icon/i7w.png');}
#fullmenu_mid .hier1 div:nth-of-type(8) {background-image:url('../image/icon/i8w.png');}
#fullmenu_mid .hier1 div:nth-of-type(1).active {background-image:url('../image/icon/i1y.png');}
#fullmenu_mid .hier1 div:nth-of-type(2).active {background-image:url('../image/icon/i2y.png');}
#fullmenu_mid .hier1 div:nth-of-type(3).active {background-image:url('../image/icon/i3y.png');}
#fullmenu_mid .hier1 div:nth-of-type(4).active {background-image:url('../image/icon/i4y.png');}
#fullmenu_mid .hier1 div:nth-of-type(5).active {background-image:url('../image/icon/i5y.png');}
#fullmenu_mid .hier1 div:nth-of-type(6).active {background-image:url('../image/icon/i6y.png');}
#fullmenu_mid .hier1 div:nth-of-type(7).active {background-image:url('../image/icon/i7y.png');}
#fullmenu_mid .hier1 div:nth-of-type(8).active {background-image:url('../image/icon/i8y.png');}


#fullmenu_mid .hier2 .list {
	position: absolute;
	top: 36px;
	left: 2px;
	width: 198px;
	height: 234px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
#fullmenu_mid .hier2 .listline {
	width: 190px;
	height: 32px;
	box-sizing: border-box;
	padding: 0 6px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#fullmenu_mid .setF .list {
	position: absolute;
	top: 36px;
	left: 0px;
	width: 240px;
	height: 260px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
#fullmenu_mid .setF .list.cannot{color: #888!important;}
#fullmenu_mid .setF .listline {
	width: 240px;
	height: 31px;
	box-sizing: border-box;
	padding: 0 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#fullmenu_mid .setF .listline p {
	white-space: nowrap;
	overflow: hidden;
}
#fullmenu_mid .listline.cannot {color: #888;}


/* fullmenu set */
.flmset .contents {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 480px;
	height: 240px;
}

.flmset .contents .setlist {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 480px;
	height: 231px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	
}
.setlist .listline {
	width: 470px;
	height: 28px;
	box-sizing: border-box;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.setlist .listline > p {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.setlist .listline > p:nth-of-type(1) {width: 230px;}
.setlist .listline > p:nth-of-type(2) {
	flex-grow: 1;
	color: #fa0;
}
.setlist .listline.active > p {color: #000!important;}
.setlist .listline.cannot > p:nth-of-type(1) {color: #888;}
.setlist .listline.cannot > p:nth-of-type(2) {color: #a60;}
.setlist .listline.nofcs > p:nth-of-type(2) {color: #fff;}
.setlist .listline.cannot.nofcs > p:nth-of-type(2) {color: #999;}
.inactive .setlist .listline.active {background-color: #a60;}

.flmenu .selectmenu {
	position: absolute;
	background-color: #000;
	border: 2px solid #333;
	/*display: flex;*/
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	display: none;
}
.flmset .selectmenu {
	top: 36px;
	left: 235px;
	width: 236px;
	height: 186px;
}
.flmenu .submenu.enable {display: flex;}

.flmenu .smline {
	height: 28px;
	box-sizing: border-box;
	padding: 0 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.qmenu .smline p:nth-of-type(1){text-align: left;}
.qmenu .smline p:nth-of-type(2){text-align: right;}
.flmset .smline {width: 230px;}
.flmenu .smline.nouse {display: none;}
.flmenu .smline.disable {color: #888}

.flmenu .smarw {
	width: 230px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: center;
	visibility: hidden;
}

.flmenu .smarw.enable {visibility: visible;}
.flmenu .smarw.aup {background-image: url('../image/icon/miniarrow_up.png');}
.flmenu .smarw.adw {background-image: url('../image/icon/miniarrow_dw.png');}

.flmenu .spinner {
	position: absolute;
	width: 240px;
	height: 44px;
	background-color: #000;
	border: 2px solid #333;
	box-sizing: border-box;
	padding-right: 10px;
	/*display: flex;*/
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	display: none;
}
.flmset .spinner {
	top: 28px;
	left: 235px;
}
.flmenu .spinner.enable {display: flex;}
.flmenu .spinner .num {
	width: 90px;
	height: 44px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flmenu .spinner .numtxt {
	width: 80px;
	height: 28px;
	background-color: rgb(255,170,0);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flmenu .slider {
	width: 140px;
	height: 28px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.flmenu .listline .slider {
	display: none;
	color: #696969;
}
.flmenu .listline.nts .slider {display: flex;}
.flmenu .listline.active .slider {color: #000;}
.flmenu .listline.active.cannot .slider {color: #a60;}
.flmenu .slider .point {
	width: 106px;
	height: 6px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.flmenu .slider .point div:nth-of-type(1) {
	height: 2px;
}
.flmenu .slider .point div:nth-of-type(2) {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: #fff;
}
.flmenu .listline .slider .point div:nth-of-type(2) {background-color: #696969;}
.flmenu .slider .bar {
	width: 104px;
	height: 10px;
	border: 1px solid #fff;
	background-color: #000;
	display: flex;
	box-sizing: border-box;
	padding: 0 2px;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.flmenu .listline .slider .bar {border: 1px solid #696969;}
.flmenu .slider .bar div {
	width: 50px;
	height: 4px;
	background-color: #fff;
}
.flmenu .listline .slider .bar div {background-color: #696969;}
.flmenu .slider .scale {
	width: 110px;
	height: 12px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	font-size: 10px;
}

/*slider nothing */
.flmenu .nonsl .slider {display: none;}
.flmenu .spinner.nonsl {width: 90px;}


/* fullmenu add */
#fullmenu_add .contents {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 480px;
	height: 240px;
}

#fullmenu_add .contents .list {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 480px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	
}
#fullmenu_add .listline {
	width: 470px;
	height: 28px;
	box-sizing: border-box;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#fullmenu_add .listline > p {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
#fullmenu_add .listline > p:nth-of-type(1) {width: 230px;}
#fullmenu_add .listline > p:nth-of-type(2) {width: 110px;color: #fa0;}
#fullmenu_add .listline > p:nth-of-type(3) {flex-grow: 1;}
#fullmenu_add .listline.active > p {color: #000 !important;}
#fullmenu_add .listline.nouse {display: none;}

#fullmenu_add .contents .btmbt {
	position: absolute;
	top: 190px;
	left: 100px;
	width: 370px;
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
#fullmenu_add .bt {
	width: 92px;
	height: 30px;
	box-sizing: border-box;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #808080;
	background-color: #000;
	margin: 0 1px;
}
#fullmenu_add .bt.cannot {background-color: #808080;}
#fullmenu_add .bt.nouse {display: none;}
#fullmenu_add .bt.active {
	color: #000;
	background-color: rgb(255,170,0);
}

#fullmenu_add .spinner {
	top: 60px;
	left: 223px;
}

/* fullmenu line */
#fullmenu_line .listtit {
	position: absolute;
	top: 30px;
	left: 140px;
	width: 220px;
	height: 25px;
	box-sizing: border-box;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#fullmenu_line .contents {
	position: absolute;
	left: 0px;
	top: 55px;
	width: 480px;
	height: 215px;
}

#fullmenu_line .contents .list {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 215px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	
}
#fullmenu_line .listline {
	width: 480px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#fullmenu_line .listline > p {
	padding: 0 10px;
}
#fullmenu_line .menuline {
	width: 100px;
	height: 30px;
	box-sizing: border-box;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #444;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}
#fullmenu_line .active .menuline{background-color: rgb(255,170,0);}
#fullmenu_line .bg {
	width: 380px;
	height: 30px;
	box-sizing: border-box;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #444;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
}
#fullmenu_line .bg > div{
	box-sizing: border-box;
	padding: 0 10px;
}
#fullmenu_line .bg > div.active{
	color: #000;
	background-color: rgb(255,170,0);
}
#fullmenu_line .chk {
	width: 40px;
	height: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
#fullmenu_line .chkbox {
	width: 15px;
	height: 15px;
	color: transparent;
	background-color: #eee;
	border: 1px solid #888;
}
#fullmenu_line .chkbox.chks {
	background: no-repeat center url(../image/icon/chk.png);
}
#fullmenu_line .chk.non,
#fullmenu_line .val.non
{
	filter: brightness(50%);
}
#fullmenu_line .val {
	width: 100px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#fullmenu_line .lnk {
	width: 200px;
	height: 30px;
	display: none;
	align-items: center;
	justify-content: flex-start;
}
#fullmenu_line .linked .val{display: none;}
#fullmenu_line .linked .chk{display: none;}
#fullmenu_line .linked .lnk{display: flex;}

#fullmenu_line .selectmenu {
	top: 36px;
	left: 155px;
	width: 106px;
	height: 186px;
}
#fullmenu_line .smline {width: 100px;}

#fullmenu_add .spinner {
	top: 34px;
	left: 222px;
}
#fullmenu_add .selectmenu {
	top: 36px;
	left: 238px;
	width: 106px;
	height: 186px;
}
#fullmenu_add .smline {width: 100px;}