body[data-top=true] #header{height:190px;transition:height .3s}body[data-top=true] #header .headerTxtWrap{height:107px;transition:height .3s}body[data-top=true] #header .headerTxt{font-size:16px;font-size:1.6rem;transition:font-size .3s}body[data-top=true] #header .headerLogoMain img{width:212px;height:58px;transition:width .3s,height .3s}body[data-top=true] #header .headerLogoSub img{width:156px;height:12px;transition:width .3s,height .3s}body[data-top=true] #header.scrolled{height:120px}body[data-top=true] #header.scrolled .headerTxtWrap{height:80px}body[data-top=true] #header.scrolled .headerTxt{font-size:12px;font-size:1.2rem}body[data-top=true] #header.scrolled .headerLogoMain img{width:160px;height:44px}body[data-top=true] #header.scrolled .headerLogoSub img{width:113px;height:8px}@media screen and (min-width: 769px){body[data-top=true] #header{flex-direction:column;height:300px}body[data-top=true] #header::after{top:300px;transition:top .3s}body[data-top=true] #header .headerTxtWrap{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:161px;padding-left:0;margin-left:0;border:none}body[data-top=true] #header .headerTxt{font-size:24px;font-size:2.4rem}body[data-top=true] #header .headerLogoMain{position:absolute;top:50%;left:50%;transform:translate(-50%, calc(-50% + 7px))}body[data-top=true] #header .headerLogoMain img{width:321px;height:87px}body[data-top=true] #header .headerLogoSub{margin-top:0}body[data-top=true] #header .headerLogoSub img{width:226px;height:17px}body[data-top=true] #header .headerContact a{width:min(124px,8.26vw);padding:min(30px,2vw) 0 min(20px,1.33vw);transition:opacity .3s,width .3s}body[data-top=true] #header .headerContact a .headerContactImg img{width:min(45px,3vw);transition:width .3s}body[data-top=true] #header .headerContact a .headerContactTxt{margin-top:min(15px,1vw);transition:margin-top .3s}body[data-top=true] #header.scrolled{flex-direction:row;height:120px}body[data-top=true] #header.scrolled::after{top:120px}body[data-top=true] #header.scrolled .headerTxtWrap{display:block;height:auto;margin-left:20px;padding-left:20px;border-left:1px dotted #000;text-align:left}body[data-top=true] #header.scrolled .headerTxt{font-size:18px;font-size:1.8rem}body[data-top=true] #header.scrolled .headerLogoMain{position:static;transform:none}body[data-top=true] #header.scrolled .headerLogoMain img{width:199px;height:54px}body[data-top=true] #header.scrolled .headerLogoSub{margin-top:8px}body[data-top=true] #header.scrolled .headerLogoSub img{width:165px;height:13px}body[data-top=true] #header.scrolled .headerContact a{width:min(110px,7.33vw);padding:min(24px,1.6vw) 0 min(20px,1.33vw)}body[data-top=true] #header.scrolled .headerContact a .headerContactImg img{width:min(39px,2.6vw)}body[data-top=true] #header.scrolled .headerContact a .headerContactTxt{margin-top:min(13px,.86vw)}}body[data-top=true] .wrapper{padding-top:230px;transition:padding-top .3s}body[data-top=true] .wrapper.scrolled{padding-top:160px}@media screen and (min-width: 769px){body[data-top=true] .wrapper{padding-top:300px}body[data-top=true] .wrapper.scrolled{padding-top:120px}body[data-top=true] .wrapper #sidebar #nav{top:300px;transition:top .3s}}@media screen and (min-width: 769px){body[data-top=true] #header.scrolled+.wrapper #sidebar #nav{top:140px}}.topRecommendArticle{margin-top:50px}@media screen and (min-width: 769px){.topRecommendArticle{margin-top:100px}}/*# sourceMappingURL=top.css.map */