@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap');

html {
  position: relative;
  min-height: 100%;
}
body {
  margin :0;
  padding:0;
  height:100%;
  font-family: "Noto Sans TC", sans-serif;
  font-size: 18px;
  color: #000;
  letter-spacing: 0.75px;
  line-height: 36px;
  width: 100%;
  /*min-width: 375px;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

span{
	margin: 0;
	padding: 0;
}
fieldset,img{
	border:0;
	word-break:break-all;
}
a,a:hover,a:active,input,button{
	outline:none !important;
	text-decoration: none !important;
}
a:hover{
  outline:none !important;
  text-decoration: none !important;
}


/*
ol,ul {list-style:none;}
*/

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #595959 !important;
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.img-responsive{
  width: 100%;
  min-width:100%;
  height: auto;
}
.img-maxwidth{
  max-width:100%;
  height: auto;
}
.img-maxwidth img{
  max-width:100%;
  height: auto;
}

/*youtube responsive*/
.video-content {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px; 
    height: 0; 
    overflow: hidden;
}
   
.video-content iframe,
  .video-content object,
    .video-content embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding-top: 15px; 
}

/*垂直居中 包3層*/
.centerbox-box{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.centerbox-table{
  display:table;
  width: 100%;
  height: 100%;  
}
.centerbox-cell{
  display:table-cell;
  vertical-align:middle; 
}
.centerbox-td{
  margin-left:auto;
  margin-right:auto;
}

.bold{
  font-weight: bold !important;
}

::placeholder {
  letter-spacing: 0.8px;
  color: #000;
  opacity: 1; /* Firefox */
  font-size: 16px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  letter-spacing: 0.8px;
  color: #000;
  font-size: 16px;
}
::-ms-input-placeholder {
  letter-spacing: 0.8px;
  color: #000;
  font-size: 16px;
}