/*Menu*/

.mobilenav-main-link img {

    max-height: 60px !important;
    max-width: 60px!important;
    margin-right:0 !important;

}

.page-id-6 .mobilenav-main-link img, .page-id-14 .mobilenav-main-link img, .page-id-123 .mobilenav-main-link img, .page-id-192 .mobilenav-main-link img, .page-id-365 .mobilenav-main-link img{
  display: none !important;
}

.page-id-6 a.mobilenav-main-link, .page-id-14 a.mobilenav-main-link, .page-id-123 a.mobilenav-main-link, .page-id-192 a.mobilenav-main-link, .page-id-365 a.mobilenav-main-link{
background-image: url("http://www.imagenesign.com/wp-content/uploads/2018/01/menu-en.png");
    width: 60px;
    height: 60px;
    background-size: 60px 13px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}

.page-id-6 a.mobilenav-main-link:hover, .page-id-14 a.mobilenav-main-link:hover, .page-id-123 a.mobilenav-main-link:hover, .page-id-192 a.mobilenav-main-link:hover, .page-id-365 a.mobilenav-main-link:hover{
background-image: url("http://www.imagenesign.com/wp-content/uploads/2018/01/menu-en.png");
    width: 60px;
    height: 60px;
    background-size: 60px 13px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}




span{
  font-family: "Microsoft JhengHei","PT Sans Narrow";
}

h1,h2,h3,h4,h5,h6{
 font-family: "PT Sans Narrow","Microsoft JhengHei";
 font-weight: 700;
}

.mobilenav-main-link img {

    max-height: 20px;
    max-width: 20px;

}

hr{
  width: 20px;    
  border-top-width: 2px;}

  .site-main{
        padding-top: 0px !important;
  }

h2{margin-bottom: 10px !important;}

.mobile-nav-frame form.search{
display:none!important;}

#theme-attribution{margin:0px!important;}
/*HOME*/

 .panel-row-style-for-6-0{padding-top: 0px !important;}

#page-title, article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title{
        font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-top: 20px;
}

em {
color: #fff;
}

#pg-6-1, #pg-6-2, #pl-6 .so-panel {
    margin-bottom: 10px;
}


#pgc-6-1-0 {
margin-bottom: 30px;
}

#pl-422 .so-panel{
    margin-bottom: 10px;
}



/**CONTACT-FORM**/

h4.contact-title{
padding-bottom: 15px;
}

input[type=text], input[type=email], input[type=password], input[type=tel], textarea{
    border: 2px solid #f1f1f1;
}
.wpcf7-text{
  box-shadow:none;
  border-radius:0;
  transition: 1s ease !important;
  width:100%;
  padding-top:10px!important;
  padding-bottom:10px!important;
  margin-bottom: 25px;
  background: #f1f1f1;
  }

.wpcf7-text:hover {
  transition: 1s ease!important;
    padding-top:10px!important;
  padding-bottom:10px!important;
   width:100%;
   margin-bottom: 25px;
   background: #f1f1f1;
  }

.wpcf7-textarea{
  box-shadow:none;
  border-radius:0;
  transition: 1s ease !important;
  width:100%;
  padding-top:10px!important;
  padding-bottom:10px!important;
  margin-bottom: 25px;
  background: #f1f1f1;
  }

.wpcf7-textarea:hover {
  transition: 1s ease!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
  width:100%;
  margin-bottom: 25px;
  background: #f1f1f1;
  }

.wpcf7-submit{
 color:#fff!important;
  height:60px!important;
background:#221b83!important;
  transition: all 0.5s ease-out!important;
  margin-top:40px!important;
  display: block; margin: auto;
  border-radius: 3px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  width: 100% !important;
  margin-bottom: 25px;

  }

  .wpcf7-submit:hover{
  color:#221b83!important;
  background:#fff!important;
  margin-bottom: 25px;
  border: 2px solid #221b83 !important;
   
  }



/*product*/

.uk-switcher{
    padding: 20px!important;
    border: 2px dotted!important;
    border-radius: 20px!important;}

    .uk-subnav-pill>.uk-active>a {
    background-color: #f9f9f9;}

    #panel-123-3-0-0{
        margin-bottom: 0px;
    }
.product-content{
padding: 20px!important;
    border: 2px dotted!important;
    border-radius: 20px!important;
}

/**Responsive**/

/*For devices smaller than 1024px:*/
@media only screen and  (max-width: 1024px) {
.entry-content ul li {
    margin-left: 0.3em;
}
}

/*For devices bigger than 13667px:*/
@media only screen and  (min-width: 1367px) {
.banner-pad{display:none;}

}

/*For devices smaller than 1366px:*/
@media only screen and  (max-width: 1366px) {
h2.home-portfolio-title{margin-top:0px !important;}
.banner-pc{display:none;}
.banner-pad{display:block;}
}

/*For devices smaller than 950px:*/
@media only screen and  (max-width: 950px) {

.main-navigation ul li {
    font-size: 13px;
}

.main-navigation ul li a, #masthead.masthead-logo-in-menu .logo{
  
padding-left: 12px !important;
    padding-right: 12px !important;
}

}

/*For devices smaller than 780px:*/
@media only screen and  (max-width: 780px) {
 .home-7btn{display:none;}
 .home-7btn-mobile{font-size:14px;}
 .product-pc{display:none;}
#masthead.masthead-logo-in-menu .logo{
margin-left: 10px;
padding-left: 10px;
}

.main-navigation ul li:hover > a{
    background-color: #fff;
}
.mobile-nav-frame .title {
    background-color: black;
    border: 0;
}
}


/*For devices bigger than 780px:*/
@media only screen and  (min-width: 780px) {

 .home-7btn-mobile{display:none;}
 .product-mobile{display: none;}
}