@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
#visual{
	background-image: url(../img/kv2.jpg)
	}
#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%;

}
.menu {position: absolute; bottom: calc(100vh - 100px);}
.menu > section{top:calc(100vh - 91px);}
.menu > section > div{background:#fff;}
a:hover{color: #333;}
.kv{background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    }

.kv h1{ font-size: 3em;
      	padding:20% 5% 0 0; 
        font-weight:700; 
        color: #fff;    
        font-family: "Helvetica Neue", Arial ;     text-shadow: 0px 0px 13px rgba(150, 150, 150, 0.5);}
.kv > div > img{width:150%;}
.uk-modal-full{ ;background: #fff;}
.uk-tab > .uk-active > a {    color:none; border-color: #ececec;}
.uk-tab > * > a:hover {box-shadow: inset 0px -5px 0px 0px #ececec;
}
.uk-tab > * > a{line-height: 5em;font-size: 1em;}
/* nav*/
.uk-navbar { background:#fff; }
.uk-navbar-nav {

border-bottom: 1px solid #ececec;
width: 100%;
-webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.uk-navbar-nav > li{width: 50%; border-bottom: 1px solid #ececec; }
.topnav{margin:0 auto; max-width:1024px;}
#top_menu {
position: fixed;
top: -72px;
width: 100%;
background-color: #FFF;
z-index: 9999999;
}


.uk-navbar-nav > li > a{color:#333;}
.uk-navbar-container:not(.uk-navbar-transparent){background:#fff;}
.uk-navbar-nav > li.uk-active > a,.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a{     background-color: #fff; box-shadow:inset 0px -5px 0px 0px #ececec; }
.uk-navbar-nav > li > a {text-align:center;}
.uk-navbar-left {width:100%;}
/*mobile*/
 @media only screen and (max-width : 767px) {
  .uk-modal-close-full{background: none;}

 #kv{height:57vw;max-height:400px;}

.kv h1{ font-size: 1.5em; padding:20% 5% 0 0; margin-top: 0;}
/*navbar*/
 .uk-navbar-nav > li{width: 50%;}
    .uk-navbar-nav > li > a {
        min-height:80px;
    }
    .uk-navbar-nav {
width: 100%;
margin: 0 auto;
border-top: solid 1px #ececec;
border-bottom: solid 1px #ececec;
overflow: auto;
overflow-y: hidden;
background-color: #FFF;
position: fixed;
bottom: 0;
z-index: 999999;
}
}