@charset "utf-8";
/*
Theme Name: Hua Ao
*/
@font-face {
    font-family: "PingFang-SC-Regular";
    src: url("fonts/PingFang-SC-Regular.ttf"),
        url("fonts/PingFangSCRegular.woff2")
        url("fonts/PingFangSCRegular.woff")
        url("fonts/PingFangSCRegular.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Outfit-Regular";
  src: url("fonts/Outfit-Regular.otf"),
		url("fonts/Outfit-Regular.ttf"),
		url("fonts/Outfit-Regular.woff2"),
		url("fonts/Outfit-Regular.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Black";
  src: url("fonts/Outfit-Black.otf"),
		url("fonts/Outfit-Black.ttf"),
		url("fonts/Outfit-Black.woff2"),
		url("fonts/Outfit-Black.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Thin";
  src: url("fonts/Outfit-Thin.otf"),
		url("fonts/Outfit-Thin.ttf"),
		url("fonts/Outfit-Thin.woff2"),
		url("fonts/Outfit-Thin.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Light";
  src: url("fonts/Outfit-Light.otf"),
		url("fonts/Outfit-Light.ttf"),
		url("fonts/Outfit-Light.woff2"),
		url("fonts/Outfit-Light.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-ExtraLight";
  src: url("fonts/Outfit-ExtraLight.otf"),
		url("fonts/Outfit-ExtraLight.ttf"),
		url("fonts/Outfit-ExtraLight.woff2"),
		url("fonts/Outfit-ExtraLight.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-SemiBold";
  src: url("fonts/Outfit-SemiBold.otf"),
		url("fonts/Outfit-SemiBold.ttf"),
		url("fonts/Outfit-SemiBold.woff2"),
		url("fonts/Outfit-SemiBold.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Medium";
  src: url("fonts/Outfit-Medium.otf"),
		url("fonts/Outfit-Medium.ttf"),
		url("fonts/Outfit-Medium.woff2"),
		url("fonts/Outfit-Medium.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Bold";
  src: url("fonts/Outfit-Bold.otf"),
		url("fonts/Outfit-Bold.ttf"),
		url("fonts/Outfit-Bold.woff2"),
		url("fonts/Outfit-Bold.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-ExtraBold";
  src: url("fonts/Outfit-ExtraBold.otf"),
		url("fonts/Outfit-ExtraBold.ttf"),
		url("fonts/Outfit-ExtraBold.woff2"),
		url("fonts/Outfit-ExtraBold.woff");
  font-weight: normal;
  font-style: normal;
}

*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;margin-top: 0 !important;}
body{ background:#fff; font-size:16px; color:#000; font-weight:normal; font-family: "PingFang-SC-Regular";}
a{color:#031F45;text-decoration:none;outline-style:none;font-family: "PingFang-SC-Regular";}
a:hover{color:#031F45;text-decoration:none;}
.a_other{color:#0051ff;}
.a_other:hover{color:#0051ff;}
p{line-height:1.5;margin:0px 0px 24px;font-family: "PingFang-SC-Regular";}
li{list-style:none outside none;}
strong,
b{font-weight:normal; font-family: "PingFang-SC-Regular";}
em,
i{font-style:normal;}
strong em,
em strong{font-style:normal;font-weight:normal; font-family: "PingFang-SC-Regular";}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; margin-bottom:30px; line-height:1.2; font-family: "PingFang-SC-Regular";}
h1{font-size:54px;}
h2{font-size:40px;}
h3{font-size:29px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:14px;}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both; background:#acabbd;height:1px;color: #acabbd;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

/* inner */
.inner {
    max-width: 1340px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

.footer{background-color: #151515;}
.footer .inner{max-width:1342px;position: relative;}
.footer_top{max-width: 1302px;width:100%;background-color: #091930;border-radius: 20px;position: absolute;top:-201px;margin:0 auto;display:flex;align-items: center;padding:54px 59px 55px 55px}
.footer_top .logo_box{padding-right:58px;}
.footer_top .text_box{padding:43px 0  42px 37px; display: flex;justify-content: space-between;align-items: center;max-width: 900px; width: 100%;border-left:1px solid #ffffff;}
.footer_top .text_box p{font-size: 35px;font-weight: bold;line-height: 1.2;color: #ffffff;margin:0;}
.footer_top .text_box .button{max-width:203px;display: flex;padding: 24px 43px;border-radius: 33px;background: url(/wp-content/themes/wp/images/buttoon_white_arrow.webp) calc(100% - 27px) 52% no-repeat;background-color: #00aeff;    transition: 0.3s;}
.footer_top .text_box .button:hover{background: url(/wp-content/themes/wp/images/buttoon_white_arrow.webp) calc(100% - 17px) 52% no-repeat;background-color: #0072e5;transition: 0.3s;}
.footer_top .text_box .button span{color: #fff;font-size: 18px;line-height: 1.2;margin-right: 8px;}
.footer_bot{padding: 96px 0 29px;display:flex;justify-content: space-between;align-items: center;position: relative;}
.footer_bot p{font-size: 16px;line-height: 1.3;color: #ffffff;margin:0;}
.footer_nav ul{display: flex;align-items: center;justify-content:flex-start;white-space: nowrap;}
.footer_nav ul a{font-size: 16px;line-height: 1.3;color: #919191;margin:0;padding-right:23px}
.footer_nav ul .last a{padding-right: 0;}
@media(max-width:1340px){
	.footer_top{max-width:calc(100% - 40px)}
	
}
@media(max-width:1020px){
  .footer_top{padding: 54px 30px 55px 30px;} 
}
@media(max-width:940px){
  .footer_top{flex-direction: column;}
  .footer_top .text_box{border-left:0;border-top: 1px solid #ffffff;padding: 43px 0 0 0;}
  .footer_top .text_box p{font-size:28px}
  .footer_top .logo_box{padding-right:0;padding-bottom:20px}
  .footer_bot{flex-direction: column-reverse;}
  .footer_bot  .footer_nav{padding: 40px 0 20px}
}
@media(max-width:768px){
  .footer_top{padding: 30px 20px;}
  .footer_top .text_box{padding: 20px 0 0;flex-direction: column;}
  .footer_top .text_box p{font-size:24px;padding-bottom:20px}
  .footer_top .logo_box{max-width:150px}
}
@media(max-width:630px){
  .footer_nav ul{justify-content: space-between; flex-wrap: wrap;}
}
@media(max-width:500px){
  .footer_nav ul{flex-wrap:wrap}
  .footer_nav ul li{width:33%;padding: 5px 0}
  .footer_nav ul a{padding:0}
  .footer_top{top: -100px;margin: -100px auto 0;}
  .footer_top .text_box p{font-size:20px}
  .footer_top .text_box .button span{font-size:16px}
  .footer_top .text_box .button{padding: 16px 43px;}
}
@media(max-width:350px){
  .footer_nav ul li{width:48%}
}