/* GLOBAL STYLES
 * Padding below the footer and lighter body text
* -------------------------------------------------- */

/*
.carousel:hover .carousel-control {
  visibility: visible;
     -webkit-animation: appear 1s linear 0s 1 normal  ;
 animation: appear 1s linear 0s 1 normal  ;
}
@-webkit-keyframes appear {
  0%{
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
  }
  60%{
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
  }
}

@keyframes appear {
  0%{
	opacity: 0;
	transform: scale3d(0.3, 0.3, 0.3);
  }
  60%{
	opacity: 1;
	transform: scale3d(1,1,1);
  }
}
*/
.carousel .carousel-inner > .item > img, .carousel-inner > .item > a > img {
-webkit-animation: blurimage2 1s linear 0s 1 forwards;  
animation: blurimage2 1s linear 0s 1 forwards; 
    
}

@-webkit-keyframes blurimage2 {
 0% {  filter: blur(1px) brightness(0.7) saturate(1.5) contrast(1.3);
    
    }

        40% {  filter: blur(0.6px) brightness(0.8) saturate(1.4) contrast(1.2);
    
    }
    
        60% {  filter: blur(0.2px) brightness(0.9) saturate(1.2) contrast(1.1);
    
    }

 100% {  filter: blur(0px) brightness(1) saturate(1) contrast(1);
    
    }
}

@keyframes blurimage2 {
 0% {  filter: blur(1px) brightness(0.7) saturate(1.5) contrast(1.3);
    
    }

        40% {  filter: blur(0.6px) brightness(0.8) saturate(1.4) contrast(1.2);
    
    }
    
        60% {  filter: blur(0.2px) brightness(0.9) saturate(1.2) contrast(1.1);
    
    }

 100% {  filter: blur(0px) brightness(1) saturate(1) contrast(1);
    
    }
}


.carousel:hover .carousel-inner > .item > img, .carousel-inner > .item > a > img {
-webkit-animation: blurimage 1s linear 0s 1 forwards;  
animation: blurimage 1s linear 0s 1 forwards; 
    
}

@-webkit-keyframes blurimage {
 0% {  filter: blur(0px) brightness(1) saturate(1) contrast(1);
    
    }
    
        40% {  filter: blur(0.2px) brightness(0.9) saturate(1.1) contrast(1.1);
    
    }
    
     60% {  filter: blur(0.6px) brightness(0.8) saturate(1.2) contrast(1.2);
    
    }
    
 100% {  filter: blur(1px) brightness(0.7) saturate(1.3) contrast(1.3);
    
    }
}

@keyframes blurimage {
 0% {  filter: blur(0px) brightness(1) saturate(1) contrast(1);
    
    }
    
        40% {  filter: blur(0.2px) brightness(0.9) saturate(1.1) contrast(1.1);
    
    }
    
     60% {  filter: blur(0.6px) brightness(0.8) saturate(1.2) contrast(1.2);
    
    }
    
 100% {  filter: blur(1px) brightness(0.7) saturate(1.3) contrast(1.3);
    
    }
}

.carousel-inner .active.left { left: -50%; }
.carousel-inner .next        { left:  50%; }
.carousel-inner .prev        { left: -50%; }
.carousel-control.left,.carousel-control.right {background-image:none;}



.FlexEmbed {
  display: block;
  overflow: hidden;
  position: relative;
}

.FlexEmbed:before {
  content: "";
  display: block;
  width: 100%;
}

.FlexEmbed--3by1:before {
    min-height:500px;
  padding-bottom: 33.33333%;
}

.FlexEmbed--2by1:before {
    min-height:500px;
  padding-bottom: 50%;
}

.FlexEmbed--16by9:before {
    min-height:500px;
  padding-bottom: 56.25%;
}

.FlexEmbed--4by3:before {
    min-height:500px;
  padding-bottom: 75%;
}

.CoverImage {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto 1em;
/*  wood  */
/*
  max-height: 600px;
  max-width: 600px;
*/
}


.borderimg { 
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 30 round;
}
.softcontainer{
    
    width:100%;
    display:grid;
    grid-auto-flow:dense;
     grid-template:"1fr 1fr 1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr 1fr 1fr" 200px;
/*
    grid-template:"1fr 1fr 1fr 1fr 1fr" 33.33vh
                  "1fr 1fr 1fr 1fr 1fr" 33.33vh
                  "1fr 1fr 1fr 1fr 1fr" 33.33vh;
*/
    grid-gap:5px;
}
.softcontainer .box{
   
    position:relative;
/*    background-color:#ccc;*/
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
/*   margin: 0 5px;*/
   } 

.softcontainer .box .img{
    position:absolute;
    top:0;
    left :0;
/*    width:auto;*/
    width:100%;
    height:100%;
/*    min-height: 500px;*/
    object-fit: cover;
 }  
   
 .softcontainer .box.a{
     
     grid-row:span 1;
 }
 .softcontainer .box.b,

 .softcontainer .box.f,

 .softcontainer .box.h,
 
 .softcontainer .box.j
   {
    grid-column:span 2;  
   }
   
   
 @media(max-width:991px){
     
 .softcontainer{
    
    grid-template:"1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr" 200px;
/*   grid-gap:5px;*/
}   
     
 }


 @media(max-width:768px){
     
     
 .softcontainer{
    
    grid-template:"1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px;
    grid-gap:5px;
}   

.softcontainer .box.j{
    
    grid-column:span 1;
}

     
 }


.softcontainer .box .details
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    background: #03a9f4;*/
    background: #000;
    opacity:.6;
    transition: 0.5s;
    transform-origin: bottom;
    transform: translateY(-100px) rotateX(90deg);
}
.softcontainer .box:hover .details
{
    transform: translateY(0) rotateX(0deg);
}
.softcontainer .box .details h3
{
    margin: 0;
    padding: 0;
    line-height: 100px;
    font-size: 24px;
    color: #fff;
    font-family: sans-serif;
}





body {
  padding-bottom: 40px;
  color: #5a5a5a;
}

.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
}
.carousel .carousel-control {
    visibility: hidden;
}
.carousel:hover .carousel-control {
  visibility: visible;
     -webkit-animation: appear 1s linear 0s 1 normal  ;
 animation: appear 1s linear 0s 1 normal  ;
}
@-webkit-keyframes appear {
  0%{
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
  }
  60%{
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
  }
}

@keyframes appear {
  0%{
	opacity: 0;
	transform: scale3d(0.3, 0.3, 0.3);
  }
  60%{
	opacity: 1;
	transform: scale3d(1,1,1);
  }
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/*
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
*/
/*
.carousel-caption {
  z-index: 10; 
}
*/


/* Declare heights because of positioning of img element */
/*
.carousel .item {
  height: 500px;

}
*/
/*  background-color: #777;*/
/*
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
 height: 500px;
    width:auto;
    }
*/
/*  wood  */
 /* min-width: 100%;
  height: 500px;*/



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */
/* ----wood change---
.featurette-divider {
  margin: 80px 0; 
}
----wood change----> */
.featurette-divider {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
}


/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /*----wood add----*/
    .featurette-divider {
  margin: 20px 0; /* 80>20 Space out the Bootstrap <hr> more */
}
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
    border-radius: 4px; /* The navbar becomes detached from the top, so we round the corners */
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
    .van{
 -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
    }
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
/* CSS Document */
/* GLOBAL STYLES
 * Padding below the footer and lighter body text
* -------------------------------------------------- */


   
 @media(max-width:991px){
     
 .softcontainer{
    
    grid-template:"1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr" 200px
                  "1fr 1fr 1fr" 200px;
/*   grid-gap:5px;*/
}   
     
 }


 @media(max-width:768px){
     
     
 .softcontainer{
    
    grid-template:"1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px
                  "1fr 1fr" 200px;
    grid-gap:5px;
}   

.softcontainer .box.j{
    
    grid-column:span 1;
}

     
 }


.softcontainer .box .details
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    background: #03a9f4;*/
    background: #000;
    opacity:.6;
    transition: 0.5s;
    transform-origin: bottom;
    transform: translateY(-100px) rotateX(90deg);
}
.softcontainer .box:hover .details
{
    transform: translateY(0) rotateX(0deg);
}
.softcontainer .box .details h3
{
    margin: 0;
    padding: 0;
    line-height: 100px;
    font-size: 24px;
    color: #fff;
    font-family: sans-serif;
}


.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
}
.carousel .carousel-control {
    visibility: hidden;
}
.carousel:hover .carousel-control {
  visibility: visible;
     -webkit-animation: appear 1s linear 0s 1 normal  ;
 animation: appear 1s linear 0s 1 normal  ;
}
@-webkit-keyframes appear {
  0%{
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
  }
  60%{
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
  }
}

@keyframes appear {
  0%{
	opacity: 0;
	transform: scale3d(0.3, 0.3, 0.3);
  }
  60%{
	opacity: 1;
	transform: scale3d(1,1,1);
  }
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/*
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
*/
/*
.carousel-caption {
  z-index: 10;  Since positioning the image, we need to help out the caption 
}
*/

/* Declare heights because of positioning of img element */
/*
.carousel .item {
  height: 500px;
  background-color: #777;
}
*/
/*
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
        
}
*/
/*  wood  */
 /* min-width: 100%;
  height: 500px; */



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */
/* ----wood change---
.featurette-divider {
  margin: 80px 0; 
}
----wood change----> */
.featurette-divider {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
}


/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /*----wood add----*/
    .featurette-divider {
  margin: 20px 0; /* 80>20 Space out the Bootstrap <hr> more */
}
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
    border-radius: 4px; /* The navbar becomes detached from the top, so we round the corners */
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
    .van{
 -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
    }
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}



.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.ligmebtn{
   
      text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #FF2D95 0px 0px 20px, #FF2D95 0px 0px 30px, #FF2D95 0px 0px 40px, #FF2D95 0px 0px 50px, #FF2D95 0px 0px 75px, 2px 2px 2px rgba(206,89,55,0);
    
    
}
.headerbg {
position: absolute;
z-index: -10;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 300px;
background-image: linear-gradient(DarkGray ,DarkGray);
/*border-bottom-left-radius: 20% 20%;*/
/*transform: skewY(-6deg);*/
transform-origin: top left;
}
}
@media (max-width: 1600px){
.headerbg {
position: absolute;
z-index: -10;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 250px;
background-image: linear-gradient(DarkGray,DarkGray);
/*border-bottom-left-radius: 20% 20%;*/
/*transform: skewY(-6deg);*/
transform-origin: top left;
}

}
@media (max-width: 1400px){
.headerbg {
position: absolute;
z-index: -10;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 250px;
background-image: linear-gradient(DarkGray,DarkGray);
/*border-bottom-left-radius: 20% 20%;*/
/*transform: skewY(-6deg);*/
transform-origin: top left;
}

}
@media (max-width: 1199px){
.headerbg {
position: absolute;
z-index: -10;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 250px;
background-image: linear-gradient(DarkGray ,DarkGray);
/*border-bottom-left-radius: 20% 20%;*/
/*transform: skewY(-6deg);*/
transform-origin: top left;
}

}
@media (max-width: 1024px){
.headerbg {
position: absolute;
z-index: -10;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 280px;
background-image: linear-gradient(DarkGray ,DarkGray);
/*border-bottom-left-radius: 20% 20%;*/
/*transform: skewY(-6deg);*/
transform-origin: top left;
}

}
@media (max-width: 991px){
.headerbg {
position: absolute;
z-index: -10;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 280px;
background-image: linear-gradient(DarkGray ,DarkGray);
/*border-bottom-left-radius: 20% 20%;*/
/*transform: skewY(-6deg);*/
transform-origin: top left;
}

}
@media (max-width: 567px){
.headerbg {
position: absolute;
z-index: -10;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 250px;
background-image: linear-gradient(DarkGray ,DarkGray);
/*border-bottom-left-radius: 20% 20%;*/
/*transform: skewY(-6deg);*/
transform-origin: top left;
}
}



@media (min-width: 320px) and (max-width: 480px) { 

	#cover{ margin-top: 0px}

	#showlogo{ width: 80%; height: auto; padding-left:20px}
	
	#menu-header{ padding: 40px 0px 16px 0px}
	.banner .title-banner{ font-size: 38px}
	.banner .title-banner small{ font-size: 20px}
	.banner{ padding: 0px 0px 15px 0px; margin-bottom: 0px}
	.content-about-page .text-about .title-about{ font-size: 40px}
	

}

@media (min-width: 480px) and (max-width: 1024px) { 
 .banner .title-banner{ font-size: 60px}

}
@media (min-width: 1024px) and (max-width: 1300px) { 
   
	div.product div.list-img-product{width: 200px; height: 250px; overflow: hidden}
	.menu-fixed{ padding:10px 100px; background: rgba(255,255,255,.9)}
	.menu-fixed #showlogo{ width: 70%;}

	
}

@media (max-width: 1600px){
    .title-slider2{height: 200px; font-size:43px;line-height: 1.2;margin-top:70px;padding:20px}
  .title-slider3{height: 200px;font-size:40px;line-height: 1.4;margin-top:-170px;padding:20px}
        p.tbtn3{
        padding-top:470px;
       margin-top:260px; 
    }
           p.tbtn2{
        padding-top:470px;
       margin-top:260px; 
    }
}
@media (max-width: 1400px){
 .title-slider2{height: 200px;font-size:48px;line-height: 1.2;margin-top:70px;padding:20px}
 .title-slider3{height: 200px;font-size:40px;line-height: 1.6;margin-top:-170px;padding:20px}
    p.tbtn3{
          padding-top:470px;
       margin-top:260px; 
    }

}

@media (max-width: 1199px){

   .title-slider2{height: 200px;font-size:38px;line-height: 1.6;margin-top:30px;padding:20px}
    .title-slider3{height: 200px;font-size:35px;line-height: 1.6;margin-top:-170px;padding:20px}
        p.tbtn2{
          padding-top:470px;
       margin-top:260px; 
    }
            p.tbtn3{
          padding-top:470px;
       margin-top:260px; 
    }
}

@media (max-width: 1024px){
     .title-slider2{height: 200px;font-size:37px;line-height: 1.6;margin-top:30px;padding:20px}
    .title-slider3{height: 200px;font-size:35px;line-height: 1.6;margin-top:-160px;padding:20px}
            p.tbtn2{
          padding-top:450px;
       margin-top:260px; 
    }
                p.tbtn3{
          padding-top:450px;
       margin-top:260px; 
    }

}

@media (max-width: 991px){
     .title-slider2{height: 200px;font-size:34px;line-height: 1.2;margin-top:30px;padding:20px}
    .title-slider3{height: 200px;font-size:30px;line-height: 1.1;margin-top:-100px;padding:20px}
                p.tbtn2{
          padding-top:520px;
       margin-top:260px; 
    }
            p.tbtn3{
          padding-top:520px;
       margin-top:260px; 
    }
}

@media (max-width: 567px){

     .title-slider2{font-size:25px;line-height: .9;margin-top:-30px}
    .title-slider3{font-size:23px;margin-top:-1280px;line-height: .9;margin-top:-90px}
            p.tbtn2{
          padding-top:-30px;
       margin-top:70px; 
    }   
    p.tbtn3{
          padding-top:-30px;
       margin-top:100px; 
    }
}






.header-home3{ top: 0px}

.exhsearch input{

    height: 70px;

    border: 1px solid #ddd;

    border-radius: 0;

    font-size: 18px;

    box-shadow: unset;}

.exhsearch  button{background: black;

    border: 0;

    border-radius: 0;

    font-size: 16px;

    color: #fff;

    width: 100px;

    transition: all .3s ease;}

.img-product2{ overflow: hidden; height:400px; width: 328px  }

.gotop{ background: #151B45}

.video-home7 .btn-video-home7{ background: #151B45; border:#8CABB1}

.collection-home3 .title-collection{ bottom: 60%}

.mega-menu-main ul.lv1 li  a{ line-height: 20px}

.mega-menu-main ul.lv1 li{ line-height: 40px}

.banner .title-banner{ color: #00203A}

.blog-detail-page .des-post.des-post-special{ padding: 20px }

.blog-detail-page .des-post.des-post-special img{ left: 0px}

.content-contact .local .des-local ul li{font-size: 18px; width: 90%;line-height: 1.5;}

.content-contact .subscribe select {

    height: 60px;

    border-radius: 0;

    border: 1px solid #e1e1e1;

    font-size: 18px;

	padding-left: 30px;}

.login_page select {

    height: 60px;

    padding-left: 30px;

    font-size: 18px;

    border-radius: 0;

    border: 1px solid #ddd;

	box-shadow: unset}

.login_page .form-check-label{ padding-left: 30px; }

.login_page #join_sponsorship, .login_page #sponsorshiptnc{ height: auto; transform: scale(2.3); position: absolute}
#promotionMarketingView, #declarationConfirm{ position: absolute; height: auto}

label.dec{ font-size: 13px; font-weight: normal; margin-left: 30px}

div.form-group{ position: relative}

.shop-page .sidebar-left2 ul li{list-style-type:none}

.shop-page .sidebar-left2 ul li .title{font-size: 28px; margin-bottom: 30px; }

.shop-page .sidebar-left2 ul li .link-collection{font-size: 18px;

    line-height: 2.3;

    color: #333;

    transition: all .3s ease;}

.product .list-img-product{width: 328px; height: 400px; overflow: hidden}

.product .info-product span{ display: block; font-size: 18px}

.ti-arrow-most-left:before { content: "\21e4"; }

.ti-arrow-most-right:before { content: "\21e5"; }

.ti-arrow-prev-left:before { content: "\2190"; }

.ti-arrow-next-right:before { content: "\2192"; }

.dot{ position: absolute; left: 15px}

ul.marketing{font-family: "FuturaPT Book","敺株��迤暺煾��"; font-size: 20px}
ul.marketing li{ margin-bottom: 10px}
#exhib-check .checkbox-inline{ position: relative}
#exhib-check label{ position: relative}
#exhib-check .checkbox-inline input{ height: auto; position: absolute;  width: 15px}

.lang-bu{ width: 98%; position: absolute; font-family: "FuturaPT Book","敺株��迤暺煾��"; font-size: 14px; text-align: right; top: 15px}
/*.lang-bu a{ margin: 2px;padding: 0px 10px;border: 1px solid #CCC;border-radius: 3px;color: #666;}*/
.lang-bu a{
    margin: 2px;
    padding: 0px 10px;
/*    border: 1px solid #CCC;*/
  /*   border-radius: 3px;*/
/*    color: #666;*/
/*    color: #303828;*/
    color: #ffffff;
/*    background-color:#909088*/
    background-color: #007C59;  
/*    opacity: 0;*/
}

.cfont{
font-family:"微軟正黑體", "Microsoft JhengHei",  Tahoma , Verdana , Arial , sans-serif;
}
    
}
/*

.slick-nav-product-detail div.slick-slide{ width: 100px; height: 122px}

.slick-product-detail div.slick-slide{width: 555px; height: 679px}

*/