/* --------------------- 媒体查询 --------------------- */

/* 顶屏 - 4K 分辨率 */
@media screen and (min-width: 3840px) {
  #ph { display: none; }
  img {width: 70pt;height: auto;}
  .ssk { border-radius: 0; font-size: 1rem; text-align: left; }
  .leftDiv { position:fixed; left:0;   width:9vw; height:auto; border-radius: 0 0 0.25rem 0 ; background-color:white; text-align:center;}
  .rightDiv{ position:fixed; left:9vw; top:0px; width:100%; height:100%; margin:0rem; box-sizing:border-box; overflow: auto; } 
}

/* 2K 分辨率 */
@media screen and (min-width: 2560px) and (max-width: 3839px) {
  #ph { display: none; }
  img {width: 70pt;height: auto;}
  .ssk { border-radius: 0; font-size: 1rem; text-align: left; }
  .leftDiv { position:fixed; left:0;   width:9vw; height:auto; border-radius: 0 0 0.25rem 0 ; background-color:white; text-align:center;}
  .rightDiv{ position:fixed; left:9vw; top:0px; width:100%; height:100%; margin:0rem; box-sizing:border-box; overflow: auto; } 
}

/* 1080P 分辨率 */
@media screen and (min-width: 1901px) and (max-width: 2559px) {
  #ph { display: none; }
  img {width: 70pt;height: auto;}
  .ssk { border-radius: 0; font-size: 1rem; text-align: left; }
  .leftDiv { position:fixed; left:0;   width:9vw; height:auto; border-radius: 0 0 0.25rem 0 ; background-color:white; text-align:center;}
  .rightDiv{ position:fixed; left:9vw; top:0px; width:100%; height:100%; margin:0rem; box-sizing:border-box; overflow: auto; } 
}

/* 次屏 - iPad Pro 等 */
@media screen and (min-width: 992px) and (max-width: 1900px) {
  /* body{ background-image:linear-gradient( bisque, pink, bisque); } */
  #pc      {display: none;}
  img {width: 70pt;height: auto;}
  .ssk     {border-radius: 0; font-size: 1rem;text-align: left;}
  .pc      { display:none; }
  .leftDiv { display:none; }
  .rightDiv{ position:fixed; left:0vw; top:0px; width:100%; height:100%; margin:0rem; box-sizing:border-box; overflow: auto; } 
}

/* 中屏 - iPad OPPO手机 等 */
@media screen and (min-width: 768px) and (max-width: 991px) {
  /* body{ background-image:linear-gradient( bisque, pink, bisque); } */
  #pc      { display: none;}
  img {width: 70pt;height: auto;}
  .ssk     { border-radius: 0; font-size: 1rem;text-align: left;}
  .pc      { display:none; }
  .leftDiv { display:none; }
  .rightDiv{ position:fixed; left:0vw; top:0px; width:100%; height:100%; margin:0rem; box-sizing:border-box; overflow: auto; } 
}

/* 小屏 - 平板 */
@media screen and (min-width: 576px) and (max-width: 767px) {
  /* body{ background-image:linear-gradient( bisque, pink, bisque); } */
  #pc      { display: none;}
  img {width: 70pt;height: auto;}
  .ssk     { border-radius: 0; font-size: 1rem;text-align: left;}
  .pc      { display:none; }
  .leftDiv { display:none; }
  .rightDiv{ position:fixed; left:0vw; top:0px; width:100%; height:100%; margin:0rem; box-sizing:border-box; overflow: auto; } 
}

/* 底屏 - 手机 */
@media screen and (max-width: 575px) {
  /* body{ background-image:linear-gradient( bisque, pink, bisque); } */
  #pc      { display: none;}
  img {width: 70pt;height: auto;}
  .ssk     { border-radius: 0; font-size: 1rem;text-align: left;}
  .pc      { display:none; }
  .leftDiv { display:none; }
  .rightDiv{ position:fixed; left:0vw; top:0px; width:100%; height:100%; margin:0rem; box-sizing:border-box; overflow: auto; } 
}