@charset "UTF-8";

#header{background: none;position: absolute}
#header #logo{display: none}
#header #global{opacity:1; }
#header:not(.on) #global_list > li,
#header:not(.on) #global_list > li a,
#header:not(.on) #global_list li a{
color: #fff!important;}
#header:not(.on) #hbt li.st1 a{color: #fff}
#header:not(.on) #hbt li.st1 a::after{border-top: 1px solid #fff;border-right: 1px solid #fff;}
#header.on{ background:#fff;position: fixed}
#header.on #global {opacity: 1;}
#header.on #logo{display: block;text-align: left}
#header.on .sublogo{display: none}
#header:not(.on) #menu_btn .w{display: block}
#header:not(.on) #menu_btn .b{display: none}

#header.on #menu_btn .w{display:none}
#header.on #menu_btn .b{display: block}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.sublogo{left: 0;top: 12px;z-index: 99; position: absolute}
.sublogo img{width: 250px;height: auto}

@media screen and (max-width:767px) and (min-width: 481px){
.sublogo{position:absolute;top:5px;left:3px!important; text-align: left; width: 90%;}
.sublogo img{ height: 42px!important; width: auto!important;}

}
@media screen and (max-width: 480px) {
.sublogo{position:absolute;top:7px;left:5px;text-align: left;width: 100%; }
.sublogo img{ width: auto !important;height: 42px !important;}
#header.on #menu_btn{display: block}

#header,
#header_box{background: none}
#header.on,
#header.on #header_box{background: #fff}


}
@media screen and (max-width:767px) and (min-width: 481px){
#menu_btn{}
#header.on #menu_btn{display: block}
#header,
#header_box{background: none}
#header.on,
#header.on #header_box{background: #fff}
}

#container{padding-top:0}

.pages_main_image .inner{top: 120px!important;}