#demosandy9 div {
border: 4px solid #F00; /*方框的:粗細、型態、顏色*/
border-radius: 20px;
background-color: #0F0; /*我方輸出信息之文字底色-包覆文字之扁橢圓底色*/
  padding: 20px 30px 10px 25px; /*對話方框內部文字與方框邊界之間距*/
  margin: 10px 188px 0px 20px; /*對話方框對外距離(對話方框於外側所推出的距離;或說往外推出的距離)*/
  font-size: 20px; /*頁面中間已傳出之文字的大小*/
  color: blue; /*文字的顏色*/
}

/*⬛⬛⬛⬛↓↓↓↓擷取供給：於方框內輸入文字，方框高度會自動提升↓↓↓↓⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛*/
#ta-framewilly { /*本處為外部方框，外部方框用來包覆內部輸入文字的方框*/
  margin: 0;
  padding: 10px 10px;
  max-width: 1230px; /*●使用max-width，則於瀏覽器縮小時，方框自動隨瀏覽器縮小。瀏覽器變大時，最大只能到達max-width寬度●使用width則瀏覽器縮小時，方框依舊維持固定，參考https://www.w3schools.com/css/tryit.asp?filename=trycss_max-width  */
  height: 40px; /* \|/20250703B 甲=乙=丙=丁。本處是.甲:外部方框高度++++丁在.js中 */
  /*border-top: 10px solid gray;*/ /*四邊方框上面的一邊(單邊)線*/
  background-color: #F00; /*四邊方框的顏色*/
}

#textareaTSAIR {  /*內部輸入文字的方框*/
  overflow: hidden;
  margin:  0;
  padding: 0;
  border:  0;
  outline: 0;
  width: 100%;
  height: 40px; /* \|/20250703B 甲=乙=丙=丁。本處是.乙:內部方框高度++++丁在.js中 */
  font-size: 34px; /* \|/20250703D見.js++++\|/20250703B 甲=乙=丙=丁。本處是.丙:內部方框文字大小，要比甲、乙、丁更小些，才可於輸入文字時，方框不會因著所輸入的文字而改變高度、也可避免初始狀態產生垂直scrollbar++++丁在.js中 */
  resize: none;
  color: orange; /*文字顏色*/

/*9999 瑋倫獨創，於輸入文字過多時，生成垂直scrollbar 999999999999999999999999999999999999999999999999999*/
/*  overflow:scroll;*/ /*選擇A_本法會使水平與垂直scrollbar同時呈現 參考https://css-tricks.com/forums/topic/why-no-scroll-bar-when-using-a-div-within-a-div/*/

    overflow: auto; /*選擇B_於文字過多時，自動呈現垂直scrollbar。本法可僅呈現水平或垂直scrollbar，參考https://stackoverflow.com/questions/9940280/how-to-have-only-a-vertical-scroll-bar-on-a-div*/
    overflow-x: hidden; /*選擇B_本法可僅呈現水平或垂直scrollbar，參考https://stackoverflow.com/questions/9940280/how-to-have-only-a-vertical-scroll-bar-on-a-div*/
/*6666 瑋倫獨創，於輸入文字過多時，生成垂直scrollbar 6666666666666666666666666666666666666666666666666666*/    
}
/*⬛⬛⬛⬛↑↑↑↑擷取供給：於方框內輸入文字，方框高度會自動提升↑↑↑↑⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛*/