@keyframes fadeIn{from{opacity:0}to{opacity:1}}*{box-sizing:border-box}noscript,body *{font-family:"Noto Sans TC","Heiti TC","\5FAE\8EDF\6B63\9ED1\9AD4","Microsoft JhengHei","Roboto Sans",Helvetica,Arial,sans-serif}.font-hel{font-family:"HelveticaNeueBoldCondensed","HelveticaNeue-Bold-Condensed","Helvetica Neue Bold Condensed","HelveticaNeueBold","HelveticaNeue-Bold","Helvetica Neue Bold","HelveticaNeue","Helvetica Neue","TeXGyreHerosCnBold","Helvetica","Tahoma","Geneva","Noto Sans TC","Heiti TC","\5FAE\8EDF\6B63\9ED1\9AD4","Microsoft JhengHei","Roboto Sans",Helvetica,Arial,sans-serif}.access{position:absolute;top:-9999px;left:-9999px;text-indent:-999px}#accessibility-skip-content{width:1px;height:1px;display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;background:#fff;color:#000}#accessibility-skip-content:focus{width:auto;height:auto;margin:0 0 0 -360px;padding:5px;top:0;left:50%;z-index:999}.hide{display:none}.text-center{text-align:center}.js-hide{opacity:0 !important}.wrapper{max-width:768px;margin:0 auto;position:relative;z-index:2}.wrapper>.container{position:relative}header{margin:0;height:48px;padding:0 16px 0 24px;position:relative;z-index:110;background-color:#13547a;color:#fff}header .main-logo,header h2,header p{margin:0;line-height:1}header h2{font-size:30px;line-height:48px}header span{position:relative;font-size:20px;line-height:1;letter-spacing:.02em}main{overflow:hidden}select{width:100%}button{font-size:1.2rem}.main-logo{position:absolute}.logo-link{display:inline-block;line-height:1}.logo-hk01news{width:auto;height:30px;margin:8px 0}.hint{margin:0 0 4px;padding:8px 14px}.slogan{display:inline-block;vertical-align:top;line-height:48px}html,body{margin:0;min-width:320px;height:100%;position:relative;background-color:#fefefe}a:hover{color:#333;text-decoration:none}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}#mortgage-calculator-react{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#mortgage-calculator-react{max-width:600px;width:1px;min-width:100%;*width:100%;margin:0 auto}.g_wrapper{display:grid;grid-template-columns:1fr,1fr;grid-gap:10px;grid-auto-rows:minmax(100px, auto)}.g_wrapper>div{grid-column:2/2;grid-row:1}.g_wrapper>div:first-child{grid-column:1/2;grid-row:1}.t_warning{margin:0;font-size:12px;color:red}.hint_text{margin:0;font-size:12px;color:#aaa}