/* 重設部分預設 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  padding: 20px;
  background-color: #f5f5f5;
}

/* 電路板容器，設定相對定位以方便內部接點的絕對定位 */
#board-container {
  position: relative;
  display: inline-block;
  margin: 20px auto;
  border: 0;
  background:none;
}

/* PCB 圖片樣式 */
#pcb-image {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
#tmp1,#tmp2,#tmp3,#tmp4,#tmp5 {
  position: absolute;
  z-index: 3;
}
#RL1-overlay,#RL2-overlay,#RL3-overlay,#RL4-overlay,#RL5-overlay,
#RL1-dPoint,#RL2-dPoint,#RL3-dPoint,#RL4-dPoint,#RL5-dPoint,
#sw-1,#sw-2 {
  position: absolute;
  z-index: 5;
}

.RL{display:none;}

/* 接點標示的樣式 */
.point {
    position: absolute;
    width: 15pt;
    height: 15pt;
    line-height: 20pt; /* 置中垂直對齊 */
    /*text-align: center; /* 置中水平對齊 */
    /*background-color: rgba(255, 255, 0, 0.8);*/
    /*color: #000;*/
    /*border: 1px solid #999;*/
    border:0;
    border-radius: 50%; /* 設定為圓形 */
    /*font-size: 14px;
    font-weight: bold;*/
    cursor: pointer;
    user-select: none;
    transition: transform 0.2s;
    z-index:10;
}

.point:hover {
  transform: scale(1.1);
}

/* 以下為範例位置，請根據圖片實際接點位置做調整 */
#pointVin {top:2.4%;left:38.4%;}
#pointG {top:16.5%;left:50.6%;}
#pointA {top:16.7%;left:91.8%;}
#pointB {top:37.5%;left:87.5%;}
#pointC {top:65.2%;left:87.7%;}
#pointD {top:86.2%;left:91.8%;}
#pointE {top:37.5%;left:75.3%;}
#pointF {top:65.2%;left:75.3%;}
#pointH {top:86.2%;left:50.6%;}
#pointI {top:9.5%;left:25.9%;}
#pointJ {top:37.5%;left:25.9%;}
#pointK {top:65.2%;left:25.9%;}
#pointL {top:37.5%;left:13.6%;}
#pointM {top:65.2%;left:13.6%;}
#pointN {top:37.5%;left:1.3%;}
#pointO {top:65.2%;left:1.3%;}

/*電阻值文字樣式*/
.rText {
    position: absolute;
    text-align: left; /* 如有需要可改為 center，根據需求決定 */
    color: #000;
    font-size: 18px;
    font-weight: bold;
    z-index: 20;  /* 文字層級高於圖片 */
  }
/*電阻值位置*/
#R1 {top:22.6%;left:90.2%;}
#RL1{top:50.4%;left:88.2%;}
#R2 {top:78.8%;left:90.2%;}
#RL2{top:22.6%;left:76%;}
#R3 {top:50.4%;left:78%;}
#R4 {top:78.8%;left:78%;}
#R5 {top:50.8%;left:54%;}
#R6 {top:22.6%;left:28.6%;}
#RL3{top:50.4%;left:30.6%;}
#R7 {top:78.8%;left:28.6%;}
#R8 {top:22.6%;left:16.5%;}
#R9 {top:50.4%;left:16.5%;}
#RL4{top:78.8%;left:18.5%;}
#RL5{top:22.6%;left:6.2%;}
#R10{top:50.4%;left:4.2%;}
#R11{top:78.8%;left:4.2%;}

/*命題*/
.Ques{
    position: relative;
    display: inline-block;
    margin: 20px auto;
    border: 1 solid black;
    background:lightskyblue;
    font-size:24pt;
    width:90px;
    text-align:right;
}
label,input,span,#ans1,#ans2,#ans3{
    font-family:標楷體;
    font-size:18pt;
    display:inline;
}
select{
  text-align:left;
  font-family:標楷體;
  font-size:12pt;
  display:inline;
}
input{
  width:50px;
}
.VCC{
  width:40px;
  font-size:12pt;
}
#Vccc,.rNumerator,.rDenominator{
  width:140px;
  font-size:12pt;
  text-align:center;
}
#studentId{
  width:40px;
}
#showInfoBtn,#AnswerBtn,#GameStart {
  font-family: 標楷體;
  font-size: 18pt;
  padding: 5pt;
  background-color: #aaaaaa;  /* 背景色 */
  border-radius: 5pt;         /* 倒角 */
  border: none;               /* 去掉預設邊框，可視需求保留或調整 */
  cursor: pointer;            /* 滑鼠變手型，增加可點擊感 */
}

/* voltageDivision.css 末尾加上 */
.rdin {
  margin: 0 2px 0 0;       /* 右邊留 2px，數值跌小就更貼近 */
  vertical-align: middle;  /* 保證圓圈與文字垂直置中 */
  padding: 0;              /* 取消任何 padding */
}

/* 針對 radio 按鈕，恢復自動寬度並微調右邊距 */
input[type="radio"] {
  width: auto !important;      /* 取消全域 50px */
  margin: 0 2px 0 0;           /* 右邊保留 2px 空間，可再微調 */
  padding: 0;                  /* 去掉 padding */
  vertical-align: middle;      /* 讓圓圈跟文字垂直置中 */
}
#VOMType1,#VOMType2,#VOMType3,#openR{
  width:120px;font-size:18pt;
  vertical-align:middle;
  text-align:center;
}
.Vcc{
  width:80px;font-size:18pt;
  vertical-align:middle;
  text-align:center;
}
[id^="vomPR"], 
[id^="vomPB"] {
  cursor: pointer;
}
table,td{
  /*border:1pt solid blue;*/
  border:0;
}

dialog#resultDialog {
  display: block !important;
}