:root{
  --movDx: 114px;
  --bColor0: #424951;
  --bColor1: #F8F8DC;
  --bColor2: #f7f7f7;
  --bColor3: #555;
  --bColor4: #999999;
  --bColor5: #aaaaaa;
}
body {
  background: var(--bColor1);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
#panel{
  background: var(--bColor2);
  border-radius: 20px;
  border: 5px solid var(--bColor4);
  width: calc(1200px + var(--movDx));
  height: 670px;
  display: flex;
  box-shadow: 0 2px 6px #666600;
  padding: 0 10px;
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 25px;
}
#left-panel{
  width: calc(500px + var(--movDx));
  height: 560px;
  background: var(--bColor0);
  border-radius: 14px;
  border: 5px solid var(--bColor3);
  display: flex;
  box-shadow: 0 8px 32px #0009;
  padding: 0 10px;
  position: absolute;
  z-index: 2;
  left: 5px;
  top: 5px;
}
/* #region 上面 logo */
#vpo-badge {
  vertical-align: top;
  text-align: right;
  background: #e25d00;
  width: 510px;
  height: 55px;
  bottom: 8px;             /* 徽章底部剛好貼在橘條頂端 */
  padding: 0 20px;         /* 左右內距 */
  position: absolute;
  z-index: 4;
  left: 10px;
  top: 5px;
/* 完整膠囊形狀（圓角＝高度的一半） */
  border-radius: 40px 40px 40px 0;     
}
#vpo{
  position: absolute;
  color: var(--bColor1);
  font-size: 32px;
  font-weight: bold;
  z-index: 9;
  left: 480px;
  top: 10px;
}
#backPan {
  padding: 0;
  background: var(--bColor0);
  width: 474px;
  height: 45px;
  border-radius: 40px 0px 0px 0;  
  position: absolute;
  z-index: 5;
  left: 0px;
  top: 5px;
}
#logo{
  /*color: var(--bColor5);*/
  color: white;
}
#G{
  font-size:24pt;
  font-family:"Noto Sans JP Black";
  vertical-align: middle;
  position: absolute;
  z-index: 8;
  top: 0px;
  left: 3px;
}
#hrLine {
  width: 15px;        /* 線條寬度 */
  height: 6px;        /* 線條高度 */
  border: none;       /* 移除預設邊框 */
  background: red;  /* 背景色設為紅色 */
  margin: 0 4px;      /* 適度間距 */
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 7;
  top: 24px;
  left: 24px;
}
#uW,#instek,#gds2102e{
  font-size:20pt;
  font-family:"Nova Slim";
  vertical-align:middle;
  position: absolute;
  z-index: 8;
}
#uW{
  font-family:"Consolas";
  font-size: 24pt;
  top: -4px;
  left: 28px;
}
#instek{
  top: 2px;
  left: 48px;
}
#gds2102e{
  top: 2px;
  left: 148px;
}
#dso{
  font-size:11pt;
  font-family:"Arial";
  vertical-align: middle;
  position: absolute;
  z-index: 8;
  top: 5px;
  left: 290px;
}
#MHz100{
  font-size: 11pt;
  font-family: "Arial";
  position: absolute;
  z-index: 8;
  top: 20px;
  left: 290px;
}
/* #endregion */
#display{
  border-radius: 5px;
  width: calc(440px + var(--movDx));
  height: 436px;
  background: black;
  position: absolute;
  z-index: 10;
  top: 60px;
  left: 10px;
}
/* #region 中間 8 顆直排鈕 */
#right-nobe{
  /**background: yellow;/**/
  display: flex;
  flex-direction: column;
  justify-content: center; 
  gap: 28px;
  width: 56px;
  height: 520px;
  position: absolute;
  z-index: 20;
  top: 35px;
  left: calc(458px + var(--movDx));
}
.btnY,.btnX{
  border: none;
  outline: none;
  cursor: pointer;
  background: radial-gradient(circle at top left,
                #ffffff 0%, #e0e0e0 40%, #c8c8c8 100%);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.2),
    0 4px 8px rgba(0,0,0,0.3);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.btnX:active,.btnY:active{
  transform: scale(0.85);
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.4),
    0 2px 4px rgba(0,0,0,0.2);
}
.btnY{
  margin: 0 auto;
  border-radius: 50%;
}
.btnX{
  width: 48px;
  height: 22px;
  margin: auto 0;
  border-radius: 12px;
}
.ks{
  width: 35px;
  height: 35px;
}
.kM{
  width: 42px;
  height: 42px;
}
#r8{
  width: 36px;
  height: 22px;
  border-radius: 6px;
}
.labMB{
  color: white;
  font-size: 10pt;
  font-family: "Arial";
  position: absolute;
}
#rmMeO{
  z-index: 121;
  top: 440px;
  left: calc(458px + var(--movDx));
}
#rmOpt{
  z-index: 121;
  top: 504px;
  left: calc(467px + var(--movDx));
}
/* #endregion */
/* #region 下面 7 顆橫排鈕 */
#bottom-nobe{
  /** background: yellow;/**/
  display: flex;
  align-items: center;
  justify-content: space-between;  
  width: calc(430px + var(--movDx));
  height: 52px;
  padding: 0 5px;
  position: absolute;
  z-index: 40;
  top: 505px;
  left: 10px;
}
/* #endregion */
/* #region 右邊*/
#right-panel{
  border-radius: 14px;
  /*background: purple;*/
  width: 656px;
  height: 430px;
  position: absolute;
  z-index: 50;
  top: 5px;
  left: calc(540px + var(--movDx));
}
#var-Select{
  flex-direction: column;         /* 垂直排列 */
  justify-content: space-evenly;  /* 垂直平均分配間距 */
  display: flex;                    /* 1. 變成 flex 容器 */
  align-items: center;              /* 2. 垂直置中 */
  width: 95px;
  height: 144px;
  padding: 10px 0;
  position: absolute;
  z-index: 60;
  top: 5px;
  left: 5px;
}
#tSl {
  cursor: pointer;
  width: 50px;
  height: 50px;
  margin:0 auto;
  border-radius: 50%;
  background: linear-gradient(to bottom, #ddd, #bbb);
  border: 2px solid #999;
  box-shadow:
    inset 0 4px 6px rgba(255,255,255,0.6),
    inset 0 -4px 6px rgba(0,0,0,0.2),
    0 2px 4px rgba(0,0,0,0.3);
  position: absolute;
  z-index: 61;
  top: 16px;
  left: 22px;
}
/* 指示桿 */
#tSl::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  width: 4px;
  height: 16px;
  background: #060606;
  border-radius: 2px;
  transform: translateX(-50%);
}
#tSl-sel{
  cursor: pointer;
  font-size: 12pt;
  height: 32px;
  width: 70px;
  border-radius: 8px;
  position: absolute;
  z-index: 61;
  top: 110px;
  left: 15px;
}
.tsl-sel:active {
  transform: scale(0.85);
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.4),
    0 2px 4px rgba(0,0,0,0.2);
}
/* #endregion */
/* #region 中間上下兩群*/
#butknosel{
  width: 220px;
  height: 156px;
  position: absolute;
  z-index: 65;
  top: 5px;
  left: 110px;
}
/* #region 中上 4x2 按鈕 */
#button4x2{
  width: 440px;
  /*background: purple;*/
  display: grid;
  grid-template-columns: repeat(4, 75px);
  grid-template-rows: repeat(2, 24px);
  gap: 12px 32px;
  justify-content: center;  /* 水平置中整個格線 */
  align-content: center;    /* 垂直置中整個格線 */
  position: relative; 
  margin: 0;
  padding: 8px 0;
}
.btn4x2{
  position: relative;       /* 如果有 ::before 之類的偽元素定位需要 */
  width: 100%;              /* 滿格寬 */
  height: 100%;             /* 滿格高 */
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;            /* 文字置中用 */
  align-items: center;
  justify-content: center;
  font-size: 12pt;
  color: #333;
  background: radial-gradient(
    circle at top left,
    #ffffff 0%,
    #e0e0e0 40%,
    #c8c8c8 100%
  );
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.2),
    0 2px 4px rgba(0,0,0,0.3);
  border-radius: 14px;      /* pill shape，高度一半 */
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.btn4x2:active {
  transform: scale(0.9);
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.4),
    0 1px 2px rgba(0,0,0,0.2);
}
#SaRe{
  font-size: 10pt;
}
#knobBnt{
  display: flex;
  /* 外框線 & 圓角 */
  border: 2px solid #333;
  border-top-width: 6px;   /* 加粗頂部線條 */
  border-bottom-width: 0;
  border-radius: 8px;
  align-items: center;
  justify-content: space-between;
  /*background: red;*/
  width: 405px;
  height: 96px;
  padding: 0 16px;
  position: absolute;
  z-index: 70;
  top: 84px;
  left: 0px;
}
.btn.arrow {
  margin: 0;
  padding: 0;
  width: 42px;
  height: 20px;
  vertical-align: top;
  font-size: 12pt;
}
/* 膠囊按鈕 */
.btn.pill {
  width: 80px;
  height: 30px;
  border-radius: 12px;
}
/* Push Zero 按鈕 */
.btn.push-zero {
  margin: 2px 0 0 0;
  border-radius: 4px;
  font-size: 12px;
  background: #666;
  color: #fff;
  box-shadow: none;
}
/* 小旋鈕 */
.knob.small {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ccc;
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.2),
    0 4px 8px rgba(0,0,0,0.2);
  position: relative;
  cursor: grab;
  transition: box-shadow 0.1s ease;
  z-index: 71;
  top: 0px;
  left: 0px;
}
.knob.small:active {
  cursor: grabbing;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.4),
    0 2px 4px rgba(0,0,0,0.2);
}
/* 大旋鈕 */
.knob.large {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ccc;
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.2),
    0 4px 8px rgba(0,0,0,0.2);
  cursor: grab;
  transition: box-shadow 0.1s ease;
}
.knob.large:active {
  cursor: grabbing;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.4),
    0 2px 4px rgba(0,0,0,0.2);
}

/* 左側十字按鈕 Grid */
.btn-cross {
  /*background: yellow;*/
  font-size: 12pt;
  width: 140px;
  height: 88px;
  position: absolute;
  z-index: 73;
  top: 0px;
  left: 0px;
}
#MLeft{
  border-radius: 50% 10% 10% 50%;
  position: absolute;
  z-index: 74;
  top: 45px;
  left: 6px;
}
#MSearch{
  position: absolute;
  z-index: 75;
  top: 4px;
  left: 26px;
}
#MRight{
  border-radius: 10% 50% 50% 10%;
  position: absolute;
  z-index: 76;
  top: 45px;
  left: 86px;
}
#MSetClear{
  position: absolute;
  z-index: 77;
  top: 60px;
  left: 26px;
}
/* Position 控制 */
.pos-control {
  /*background: blue;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 10px 0 0 5px;
  width: 150px;
  height: 88px;
  position: absolute;
  z-index: 78;
  top: 0px;
  left: 120px;
}
.pos-control .label {
  font-size: 12pt;
  color: #333;
  letter-spacing: 1px;
}
.pos-control .arrows {
  font-size: 12pt;
  user-select: none;
}
/* Zoom & Play 群 */
.zoom-group {
  /*background: #33cc99;*/
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  position: absolute;
  height: 88px;
  z-index: 79;
  top: 10px;
  left: 270px;
}
.zoom-group .icon-btn {
  background: #999999;
  width: 46px;
  height: 24px;
  border-radius: 12px;
  font-size: 12pt;
}
.zoom{
  height: 30px;
  background: #999999;
  margin: 10px 0 0 0;
}
/* Scale 標籤 */
.scale-control {
  /*background: green;*/
  display: flex;
  padding: 5px 0 0 7px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: absolute;
  z-index: 80;
  top: 10px;
  left: 366px;
}
.scale-control .label {
  font-size: 12pt;
  color: #333;
  letter-spacing: 1px;
}
#horizontal {
  transform: translateX(-50%);
  /* 標籤外觀 */
  padding: 2px 10px;
  background: #333;
  color: #fff;
  font-size: 16px;
  height: 81;
  border-radius: 10px;
  position: absolute;
  z-index: 81;              /* 確保蓋住框線 */
  top: -14px;              /* 浮出框線之外 */
  left: 50%;
}
/* #endregion */
/* #dregion 右側直排*/
/* 整體側邊面板 */
#right-Knob{
  /*background: #ff9900;*/
  width: 110px;
  height: 390px;
  position: absolute;
  z-index: 90;
  top: 5px;
  left: 554px;
}
.side-panel {
  width: 120px;                /* 面板寬度 */
  height: 220px;
  text-align: center;
  padding: 16px 0;                /* 內距 */
  background: #e0e0e0;         /* 面板底色 */
  border: 2px solid #666;      /* 面板邊框 */
  border-radius: 8px;          /* 面板圓角 */
  display: flex;
  flex-direction: column;      /* 直排 */
  gap: 16px;                    /* 按鈕間距 */
  align-items: center;
}
/* 各按鈕顏色 */
.autoset, .runstop, .single, .default{
  cursor: pointer;
  font-size: 12pt;
  border-radius: 10px;
  height: 30px;
}
.autoset {
  background: linear-gradient(to bottom, #66aaff, #3366cc);
  color: #fff;
  width: 90px;
}
.runstop, .single {
  background: linear-gradient(to bottom, #ddd, #bbb);
  color: black;
  width: 90px;
  height: 30px;
}
.default {
  width: 90px;
  background: linear-gradient(to bottom, #555, #333);
  color: #fff;
}
.b2tn{
    margin: 0;
    background:#666666;
    text-align: center;
    height: 76px;
    display: flex;
    flex-direction: column;      /* 直排 */
    gap: 20px;
    padding: 20px 15px;
}
/* 整體 TRIGGER 區塊 */
.trigger-panel {
  width: 120px;
  height: 236px;
  padding: 14px 0 0 0;
  color: #eeeeee;
  background: #666666;
  border: 2px solid #666;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 16px;
  font-family: sans-serif;
}
.trigger{
    line-height: 1.4;
    display: inline-block;
    border-radius: 25px;
    width: 132px;
    position: absolute;
    z-index: 100;
    top: 276px;
    left: -6px;
    background: black;
}
/* 旋鈕區 */
.knob3-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.knob3 {
  width: 40px;
  height: 40px;
  border: 4px solid #888;
  border-radius: 50%;
  background: linear-gradient(145deg, #ddd, #fff);
  box-shadow:
    inset 2px 2px 5px rgba(0,0,0,0.1),
    2px 2px 4px rgba(0,0,0,0.2);
}
.knob3-label {
  font-size: 10pt;
  border-color: #cccccc;
  border-width: 3px;
  color: #cccccc;
  text-align: center;
  line-height: 1.2;
}
.gp{
    height: 40px;
}
/* 三顆直排按鈕 */
.trigger-buttons {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  align-items: center;
}
.trigger-buttons .btn{
  width: 80%;
  padding: 4px 0;
  border: none;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  box-shadow:
    inset 0 -2px 0 rgba(0,0,0,0.3),
    0 2px 4px rgba(0,0,0,0.2);
  transition: transform 0.1s, box-shadow 0.1s;
}
.trigger-buttons .btn:active {
  transform: translateY(1px);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.3),
    0 1px 2px rgba(0,0,0,0.2);
}
/* 各按鈕顏色範例 */
.menu, .half, .force{
  background: #444444; 
  color:#dddddd;
  border-radius: 20px;
}
/* #endregion */
/* #region 中下左按鈕群 */
#vertical{
  border: 4px solid #333;
  border-color: black black var(--bColor2) var(--bColor2);
  border-radius: 12px;
  box-sizing: border-box;
  /*background: #99ff00;*/
  width: 320px;
  height: 350px;
  position: absolute;
  z-index: 110;
  top: 220px;
  left: 5px;
}
.labVertical {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 16px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 999px;
  z-index: 111;
  white-space: nowrap;
}
/* 上下兩區 */
.upper-section {
  /*background: blue;*/
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  margin-bottom: 24px;
}
.lower-section {
  display: flex;
  /*justify-content: space-between;*/
}
/* POSITION 區塊 */
.pos-control2, .pos-control3 {
  /*background: red;*/
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  width: 100px;
  height: 150px;
  position: absolute;
  z-index: 112;
  top: 10px;
  left: 5px;
}
.pos-control2 .above-label {
  letter-spacing: 1px;
  margin-bottom: 4px;
  display: block;
}
.pos-control3 {
  z-index: 113;
  top: 10px;
  left: 210px;
}
.pos-control3 .above-label {
  letter-spacing: 1px;
  margin-bottom: 4px;
  display: block;
}

.pos-control .below-label {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 6px;
  background: #333;
  color: #fff;
  font-size: 12pt;
  border-radius: 6px;
}
/* 中間直排三顆小圓 */
.center-cluster {
  margin: 8px 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.circle-group {
  text-align: center;
}
.circle-btn {
  width: 28px;
  height: 28px;
  border: 2px solid #333;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12pt;
}
.circle-btn.math { background: #f88; }
.circle-btn.ref  { background: #fff; }
.circle-btn.bus  { background: #8cf; }
.label-vert {
  font-size: 12px;
  margin-top: 4px;
}
/* CH1 / CH2 膠囊按鈕 */
.pill {
  cursor: pointer;
  display: inline-block;
  min-width: 50px;
  padding: 2px 12px;
  background: #fff;
  border: 2px solid #333;
  border-radius: 999px;
  font-size: 12pt;
  font-weight: bold;
  margin-top: 8px;
  text-align: center;
}
/* 底部 SCALE 區塊 */
.scale-left{
  /*background: green;*/
  flex: 1;
  position: relative;
  text-align: center;
  width: 96px;
  position: absolute;
  z-index: 114;
  top: 170px;
  left: 6px;
}
.scale-right{
  /*background: purple;*/
  flex: 1;
  position: relative;
  text-align: center;
  width: 96px;
  position: absolute;
  z-index: 115;
  top: 170px;
  left: 208px;
}
.scale-control2 .above-label {
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 8px;
  display: block;
}
.knob.large {
  cursor: pointer;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border: 4px solid #888;
  border-radius: 50%;
  background: linear-gradient(145deg, #eee, #ccc);
  box-shadow:
    inset 2px 2px 4px rgba(0,0,0,0.2),
    2px 2px 4px rgba(0,0,0,0.1);
}
/* 底部圖示背景 */
#leftC{
  background: url('images/Kyell.png') no-repeat right center;
  display: flex;
  width: 100px;
  height: 100px;
  align-items: center;
  justify-content: center;/* 水平置中，可視需求刪掉 */
}
#rightC {
  /**/background: url('images/kblue.png') no-repeat right center;/**/
  /** background: red;/**/
  display: flex;
  width: 100px;
  height: 100px;
  align-items: center;
  justify-content: center;/* 水平置中，可視需求刪掉 */
}
/* #endregion */
/* #region 下按鈕群 */
#bottomB{
  border: 3px solid var(--bColor4);
  border-radius: 30px 30px 0 10px; 
  background: var(--bColor3);
  width: calc(1155px + var(--movDx));
  height: 87px;
  position: absolute;
  z-index: 120;
  top: 580px;
  left: 4px;
}
#bottomB1{
  background: var(--bColor2);    /* 紫底 */
  border: 3px solid var(--bColor2);      /* 同樣粗框 */
  border-radius: 30px 0 0 0;     /* 同樣只上方圓角 */
  width: calc(960px + var(--movDx));
  height: 54px;
  position: absolute;
  z-index: 122;
  top: 30px;
  left: 200px;
}
#ch1,#ch2,#ExtTrig,#power{
  color: var(--bColor5);
  position: absolute;
  font-size: 16pt;
  font-weight: bold;
}
#ch1{
  z-index: 123;
  top: 2px;
  left: calc(574px + var(--movDx));
}
#ch2{
  z-index: 124;
  top: 2px;
  left: calc(774px + var(--movDx));
}
#ExtTrig{
  z-index: 125;
  top: 2px;
  left: calc(974px + var(--movDx));
}
#power{
  z-index: 127;
  top: 30px;
  left: 64px;
}
#power:active{
  transform: scale(0.85);
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.4),
    0 2px 4px rgba(0,0,0,0.2);
}
.boxBt{
  background: var(--bColor2);
  padding: 6px 6px;
  border: 3px solid var(--bColor4);
  border-radius: 8px;
  width: 100px;
  height: 35px;
  position: absolute;
  z-index: 128;
  top: 2px;
  left: calc(140px + var(--movDx));
}
/* USB 主插槽＋次插槽 */
#usb-port {
  width: 20px;
  height: 32px;
  background: #eee;
  border: 1px solid var(--bColor4);
  border-radius: 4px;
  position: relative;
  top: 0px;
  left: 16px;
}
/* 裡面金屬接腳 */
#usb-port::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 74%;
  width: 40%;
  height: 90%;
  background: var(--bColor4);
  transform: translate(-50%, -50%);
}
.touchT {
  width: 18px;
  height: 6px;
  background: var(--bColor4);
}
#tch1{
  cursor: pointer;
  position: absolute;
  z-index: 130;
  top: 10px;
  left: 70px;
}
#tch2{
  cursor: pointer;
  position: absolute;
  z-index: 131;
  top: 30px;
  left: 70px;
}
/* 三個 BNC 接頭 (CH1, CH2, EXT TRIG) */
.jack {
  width: 36px;
  height: 36px;
  border: 3px solid black;
  border-radius: 50%;
}
.jack::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 20px;
  height: 20px;
  border: 3px solid var(--bColor3);
  border-radius: 50%;
}
#cnc1{
  cursor: pointer;
  position: absolute;
  z-index: 132;
  top: 6px;
  left: calc(374px + var(--movDx));
}
#cnc2{
  cursor: pointer;
  position: absolute;
  z-index: 132;
  top: 6px;
  left: calc(575px + var(--movDx));
}
#cncExt{
  cursor: pointer;
  position: absolute;
  z-index: 132;
  top: 6px;
  left: calc(800px + var(--movDx));
}
#M300rms{
  width: 100px;
  height: 60px;
  position: absolute;
  z-index: 133;
  top: 0px;
  left: calc(850px + var(--movDx));
}
#p2v{
  position: absolute;
  z-index: 134;
  top: 6px;
  left: calc(262px + var(--movDx));
}
#poff{
  position: absolute;
  z-index: 136;
  top: 60px;
  left: 66px;
  width: 27pt;
  height: 16pt;
}
#pon{
  position: absolute;
  z-index: 135;
  top: 60px;
  left: 106px;
  width: 20pt;
  height: 16pt;
}
#pow-knob {
  cursor: pointer;
  top: 20px;
  left: 6px;
  width: 44px;
  height: 44px;
  background: var(--bColor4);         /* 旋鈕淺灰 */
  border: 4px solid var(--bColor5);       /* 外圈白色 */
  border-radius: 50%;
  position: relative;
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.2),
    0 2px 4px rgba(0,0,0,0.3);
}
    /* 旋鈕頂端的小指示條 */
#pow-knob::before {
  content: "";
  position: absolute;
  top: 8%;
  left: 50%;
  width: 4px;
  height: 14px;
  background: #666;
  transform: translateX(-50%);
  border-radius: 2px;
}


/* #endregion */