@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%; }
#index{
  background-image: url(../img/index/kv.jpg);
  margin-bottom:40px; padding-top: 74.64%;
}
#size{
  background-image: url(../img/size/kv.jpg);
  margin-bottom:40px; padding-top: 62.64%;
}
#select{
  background-image: url(../img/select/kv.jpg);
  margin-bottom:40px; padding-top: 62.64%;
}
#skill{
  background-image: url(../img/skill/kv.jpg);
  margin-bottom:40px; padding-top: 62.64%;
}
.wrapper{padding:0 0 15px 0;}
.square:after {
  content: "";
  display: block;
  padding-bottom: 62.5%;

}

/*.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; z-index: 10;}
.square h2:hover{color:#fff; text-decoration: none;}
.square .overlay:hover{opacity: 1}
.overlay {z-index: 9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height:100%;
    width: 100%;
    opacity: 0.5;
    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: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;

    }

    .card-text{
      position: relative;
      top:25%;
    }
.zoom{ transform: scale(1.5); }


.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
  }
   
  .video-container iframe,
  .video-container object,
  .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }
.top-0{top:0;}
.recipe-list-item__mark {
  position: absolute;
  display: inline-block;
  left: -28px;
  text-align: center;
  text-transform: uppercase;
  top: 16px;
  background: #7f0019;
  color: #fff;
  font-size: 15px;
  width: 118px;
  padding: 2px 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  z-index: 1;
}
/*mobile*/
 @media only screen and (max-width : 767px) {
  .uk-position-center-left{position: static !important;
    left:auto;
  top:auto;transform:none;}
  .card-text{
  
    top:unset;
  }
  .steps{
    overflow-y: scroll;
  }
  .steps img{width: 268vw;
    max-width: unset;}
   #kv{width:90%;}
  .uk-tab{    
          overflow: auto;
          flex-wrap: nowrap;
          width: auto;
          justify-content: left;
          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;}
}