/* -------------------------------- 

1. Auto-Hiding Navigation - Simple

-------------------------------- */
.cd-auto-hide-header {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}
.cd-auto-hide-header::after {
  clear: both;
  content: "";
  display: block;
}
.cd-auto-hide-header.is-hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media only screen and (min-width: 100px) {
  .cd-auto-hide-header {
    height: 202px;
  }
}


.cd-primary-nav { width: 100%; }

/* -------------------------------- 

2. Auto-Hiding Navigation - with Sub Nav

-------------------------------- */
.cd-secondary-nav {
  position: relative;
  z-index: 10;
  clear: both;
  width: 100%;
  height: 49px;

  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}
/*.cd-secondary-nav::after {
  /* gradient on the right - to indicate it's possible to scroll *
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  background: #fff;
  pointer-events: none;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}*/
.cd-secondary-nav.nav-end::after {
  opacity: 0;
}
.cd-secondary-nav.fixed {
  position: fixed;
  top: 20px;
}
.cd-secondary-nav.slide-up {
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px);
}

.search_01 { 
	width: 340px; 
	height: 40px; 
	margin-left:34px; 
	margin-top:26px; 
	background: url('<%=site%>/img/main/search_bg01.gif'); 
	background-repeat:no-repeat;
}


.xcategory_02 { width: 100%; height:1;  background: #dedede; }

.main_bg01 { width: 100%; height:383; background: #3e83be; }
.hot_ex01 { padding: 0px 0px 20px 0px;}




/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content {
  overflow: hidden;
}
.cd-main-content.sub-nav {
  /* to be used if there is sub nav */
  margin-top: 189px; *margin-top: 0;
  display: block;
}