/* *{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: 'ARIAL','Roboto','Noto Sans TC', 'PingFang SC','Microsoft JhengHei';
}

body{
  padding: 0;margin: 0;
  width: 100%;
  min-height: 100%;
  overflow: scroll;
  overflow-x: hidden;
}

/* placeholder */
::-webkit-input-placeholder {color: #c4c4c4;}
:-ms-input-placeholder {color: #c4c4c4;}
::placeholder {color: #c4c4c4;}

a{text-decoration: none;display: inherit;}

.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;
}

/* 超大螢幕 */
@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%;}
}