/* *{box-sizing: border-box;} */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
html{
  padding: 0;margin: 0;
  width: 100%;
  min-height: 100%;
}
body,select,input{
  font-family: 'Noto Sans TC', 'PingFang SC','Microsoft JhengHei';
}

.raw{width: 100vw;}
.col-12{width: 100%;box-sizing: border-box;display:flex;}
.col-2{width: 16.66%;box-sizing: border-box;display:flex;}
.col-3{width: 25%;box-sizing: border-box;display:flex;}
.col-4{width: 33.33%;box-sizing: border-box;display:inline-flex;}
.col-6{width: 46.66%;box-sizing: border-box;display:flex;}
.col-8{width: 66.66%;box-sizing: border-box;display:inline-flex;}
.col-9{width: 75%;box-sizing: border-box;display:flex;}

*:focus {
  outline: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* 超大螢幕 */
@media screen and (min-width: 1140px){
    body{background: #fff;}
    .col-12{width: 100%;max-width: 1140px;}
}
/* 桌機板 (min-width: 992px) and (max-width: 1140px)*/
@media screen and (min-width: 992px) and (max-width: 1140px){
  body{
    background: #fff;
  }
  .col-12{width: calc(100% - 3rem);}
}
/* 桌機板-平板 */
@media screen and (min-width: 768px) and (max-width: 992px){
  body{}
  .col-12{width: calc(100% - 3rem);}
}
/* 桌機板-手機板 */
/* @media screen and (min-width: 576px) and (max-width: 768px){
   body{}
} */
/* 手機板 576px*/ 
@media screen and (max-width: 768px){
  body{}

    .col-12{width: 100%;}
    .col-2{width: 100%;}
    .col-3{width: 100%;}
    .col-4{width: 100%;}
    .col-6{width: 100%;}
    .col-8{width: 100%;}
    .col-9{width: 100%;}
}