@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body{font-family: Helvetica, "Lucida Grande", "Microsoft JhengHei", sans-serif !important;font-size: 16px;}
#siteName{font-size:32px;line-height:48px;}
.ml70{margin-left:70px;}
#visual{
	/*background:#f5e5e4;*/
	}
#garment{background-image: url(../img/kv_garment.jpg);margin-bottom:40px;}

.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;
    padding-top: 30vw; }

.kv h1{ font-size: 5em;
	padding:0 0 37% 3%; font-weight:700;}

  .kv > * > img{    width: 30vw;
    max-width: 640px;}

/*index*/
/*.grid>* {padding:0 7px  !important;}*/
.square h2{color:#fff; text-decoration: none;}
.square h2:hover{color:#fff; text-decoration: none;}

#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;}
	/*.uk-grid{    margin-left: 0px;padding-left:0px;}
	.uk-grid>*{    padding:15px;}*/
.bed-slider-height{height:50%;}

.down-feature img{width: 100%; /* Will shrink image to 30% of its original width */
  height: auto;}
    .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;}


    .terms{width:80%;margin:15px auto;text-align:center;}
    .tw_btnImg {max-height:25px;}
    .canCard{background:#fff; padding:25px;}
    .title{font-family: Helvetica, "Lucida Grande", "Microsoft JhengHei", sans-serif !important}
    .caption {
      padding-bottom: 20px;
  }
  .caption figcaption {
    position: relative;
    /* padding-top: 20px; */
    top: 20px;
    text-align: center;
} 
#globalFooter{
  background: #000 ;
    /* margin-top: 30px ; */
}
/*mobile*/
 @media only screen and (max-width : 767px) {
  .contents__inner .inner{padding: 30px 0;}
  .charm{padding: 0px 15px 0 !important;}
  .canCard{background: #fff;
    width: 80vw;
    margin: 0 auto;
    padding: 25px;}
  .caption {
    padding-bottom: 2rem;
}
  .kv{padding-top:84vw;}
    .kv > * > img{    width: 84vw;
    max-width: 640px;}

.m_adj {height:200px;}
.square:after {
   content: "";
  display: block;
  padding-bottom: 50%;
}
.kv h1{ font-size: 3em;}

}