@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body {font-size: 15.5px;
}
.lead-text{display: inline-block;}
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {font-family: "Microsoft JhengHei", Helvetica, "Lucida Grande" , sans-serif !important;}
figcaption{display: inline-block;}
#visual{
	background-image: url(../img/kv-1.jpg);
   padding-top:62.64%; 
	}

  #kv{max-width: 1024px; width:80%;}
#garment{background-image: url(../img/kv_garment.jpg);margin-bottom:40px; padding-top: 66.64%; }
#household{background-image: url(../img/sc-section-9.jpg);margin-bottom:40px;  padding-top: 62.64%; }

.wrapper{padding:0 0 15px 0; width:100%}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;

}
.wrapper {max-width: 1024px;     }
.ga20{max-width: unset;}
/*.hover-text{background: rgba(0,0,0,0.5);}
.overlay{background: rgba(0,0,0,0.5); width:100%;}
.overlay:after {
  content: "";
  display: block;
  padding-bottom: 100%;

}*/

/* .kv{background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
   } */
.kv > img{opacity: 0.5;}
.kv h1{ font-size: 2.5em;
    }

/*index*/
/*.grid>* {padding:0 7px  !important;}*/
.square h2{color:#fff; text-decoration: none;}
.square h2:hover{color:#fff; text-decoration: none;}
.square .overlay:hover{opacity: 1}
 /* .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: .5s ease;
      background-color: #008CBA;
    } */
    .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: .6;
      transition: .5s ease;
      background-color: #fff;
      z-index:1;
    }
#main a:hover {text-decoration: none;}

	/* item ceard*/
	.card-header{padding:15px;} 
	.card-body {padding:0 15px;}
	.card-footer{padding:15px 0;} 
	.border{border: 1px solid #e6e6e6;padding:15px;}
	/*.uk-grid{    margin-left: 0px;padding-left:0px;}
	.uk-grid>*{    padding:15px;}*/
.bed-slider-height{height:50%;}
.denim-feature{text-align:left;}
.denim-feature figure img{height:auto;}
.col-title {
    font-weight: 700;
    
    display: block;
    margin: 15px 0 5px;}
    .storage img {width: 100%; /* Will shrink image to 30% of its original width */
  height: auto; }
  .storage figure img {width: 100%; /* Will shrink image to 30% of its original width */
  height: auto; }
    .storage figcaption {text-align: center;}

    .item > a > figcaption {margin-top: 0.5em ;}
.mj-red {
    color: #910029;
}

/*margin*/
.m-vert-lg{margin:50px 0 !important;}

.uk-tab > .uk-active > a {
       color: #333;
    border-color: #333;
    display: inline-block;
    height: 42px;

    }

    .hide_a a {cursor: default;}

    .bold{font-weight: 700;}
    .gr {
      background: #F7F7F7;
  }
 /* contest*/
.contest__wrap {
  max-width: 1060px;
  margin: 35px auto 40px;
  padding: 0 30px;
}
.gr h3{font-size: 1.17em ;}
.contest__description h3 {
  font-size: 1.17em;
  text-align: center;
  color: #000;
  margin: 0 0 60px;
}

.contest__description h3 a {
  color: #000;
}

.contest__description h3 img {
  width: 80px;
  vertical-align: middle;
  margin-right: 0.75em;
}

.contest__description p {
  font-size: 18px;
  max-width: 700px;
  margin: 0 auto;
}

.contest__description-title {
  display: inline-block;
  padding: 3px 0;
  /*color: #67affd;*/
  text-decoration: underline;
}

.contest__period > * {
  display: inline-block;
  margin: 35px auto 0;
}

.contest__datewrap {
  text-align: center;
}

.contest__period h3 {
  font-size: 18px;
  margin-right: 1em;
  font-weight: normal;
}

.contest__period p {
  font-size: 22px;
  font-weight: bold;
}

.contest__period br {
  display: none;
}

.contest__result > * {
  display: inline-block;
  margin: 10px auto 0;
}

.contest__result h3 {
  font-size: 18px;
  margin-right: 1em;
  font-weight: normal;
}

.contest__result p {
  font-size: 22px;
  font-weight: bold;
}

.gr {background: #F7F7F7;}
/*archive*/
.archive{text-align: left;padding:5%;}

.vert-cover{width: 100%;
  padding-top: 100%; /}
   
/*mobile*/
 @media only screen and (max-width : 767px) {
  .contest__description h3 {margin:0 0 6%;}
  .contest__wrap {margin:35px 0 0 ;}
  .gr h3 {margin-top:0px;}
  .kv > img {
    width: 177vw;
    /* top: 50%; */
    /* left: 50%; */
    transform: translate(-22%, -0%);
    display: table;
    width: -moz-max-content;
    max-width: none;
    /* box-sizing: border-box; */
}
.kv > .uk-position-center {width:-webkit-fill-available;top:85%;}
  .wrapper{max-width:1024px; width:90%;}
  .ga20{width:100%;}
  .uk-tab{    
          overflow: auto;
          flex-wrap: nowrap;
          width: auto;
         
          border-bottom: 1px solid #e5e5e5;}
          .uk-tab::before{border-bottom:unset;}

 /* #visual{
  background-image: url(../img/kv-m.jpg);
   padding-top: 150%; 
  }*/
.text-just-m{text-align: justify;text-align-last:left;}
 .timeline{ 
    display: block !important;
    max-width:200px; 
    margin:0 auto 50px;
  }
.m_adj {height:200px;}
.square:after {
   content: "";
  display: block;
  padding-bottom: 50%;
}
.kv h1{ font-size: 2em;padding: 0 0 87% 7%;}
.uk-card-body{padding:0; margin:1em 0;}


}