
.nav_show{
  transform: translateY(0px);
}
.nav_hide{
  transform: translateY(-100px);
}
#w_grid-1657850547932 > div > .p_gridbox{
  transition:all 0.8s;
}
.btn-primary {
  color: #fff;
  background-color: #4276aa;
  border-color: #4276aa;
  width: 100%;
  line-height: 45px;
  border-radius: 0;
}
.p_categoryBox .p_linkBox.click {
  background-color: rgba(1, 109, 231, 0);
}
.p_categoryBox .p_linkBox.click .p_title{
  color: #00479d;
}
.p_categoryBox .p_parentBox .p_linkBox.click:before{
  content:" ";
  display:block;
  transition:all 0.5s;
  width:65px;
  height:3px;
  background-color:#4276aa;
  position:absolute;
  bottom:0px;
  left:50%;
  transform:translateX(-50%);
}
.mouse_bac:hover {
  background-color: rgba(1, 109, 231, 0);
}
.mouse_bac:hover .p_title{
  color: #4276aa;
}
.p_categoryBox .p_parentBox:hover{
  background-color: rgba(1, 109, 231, 0);
}
.p_categoryBox .p_parentBox:before{
  content:" ";
  display:block;
  transition:all 0.5s;
  width:0px;
  height:3px;
  background-color:#4276aa;
  position:absolute;
  bottom:0px;
  left:50%;
  transform:translateX(-50%);
}
.p_categoryBox .p_parentBox:hover:before{
  width:65px;
}
.p_categoryBox .p_parentBox:hover .p_title{
  color: #4276aa;
}
.btn-primary:hover {
  color: #fff;
  background-color: #4276aa;
  border-color: #4276aa;
}


@media only screen and (max-width: 768px){
  #w_common_text-1657856275828 p span{
    font-size:28px !important;
  }
    #w_common_text-1657856311764 p span{
    font-size:16px !important;
  }
  .w_fbtn-002 .p_CommonBtn .font{
  font-size:14px;
  }
  #w_grid-1657852957177{
      transform: scale(0.7);
  }
    #w_grid-1657854693364{
      transform: scale(0.7);
  }
  #w_grid-1657855406551{
      transform: scale(0.7);
  }
  #w_grid-1657852816175 > div > .p_gridbox{
      background-size: cover;
  }
  
  #w_grid-1657855406551 > div > .p_gridbox{
  background-size: contain;
  }
  #w_grid-1657854693364 > div > .p_gridbox{
    background-size: contain;
  }
  
}

#w_grid-1657856048461 > div > .p_gridbox{
	animation:mymove 5s infinite;
	/*Safari å’Œ Chrome:*/
	-webkit-animation: mymove 3000s infinite;
	animation-timing-function: cubic-bezier(1, 1, 0, 0);
}

@keyframes mymove{
    0% {
      
    background-position: 0%;
  }
    50% {
      
    background-position: 5000%;
  }
    100% {
      
    background-position: 10000%;
  }
  
}
 