@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body {font-size: 15.5px;
}

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.jpg);
   padding-top: 66.64%; 
	}
#garment{background-image: url(../img/kv_garment.jpg);margin-bottom:40px; padding-top: 66.64%; }
#household{background-image: url('../img/19aw/kv.jpg');margin-bottom:40px;  padding-top: 66.64%; }

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

}
/*.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 h1{ font-size: 2.5em;
    padding: 0 0 22% 7%; }

/*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: rgba(0,0,0, 0.5);
    align-items: center;}
#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:10px;}
	/*.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;
}
.mj-para{
    color: #000;
    display: block;
    margin: 5px 0 0;
}
/*margin*/
.m-vert-lg{margin:50px 0 !important;}


/*mobile*/
 @media only screen and (max-width : 767px) {
  #visual{
  background-image: url(../img/kv-m.jpg);
   padding-top: 151.64%; 
  }

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