*{margin:0;padding:0;}
html{width:100%;height: 100%}
body{margin:0;padding:0;line-height: 1.4; height: 100%; min-height: 100%; font-size:18px;background:#FFF;overflow-x: hidden; color: #212121; font-family:  "NotoSansTC-Regular", Arial, "serif" !important}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:inherit;line-height:inherit;font-size: inherit}
ul{padding: 0;margin: 0 0 0 0;}
input{ -webkit-appearance: none; }
textarea{ -webkit-appearance: none; resize:none;}
input::-webkit-input-safebox-button{display: none;}
select{ -webkit-appearance: none;}
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;}
a{cursor:pointer; color: #db9e29}
a:hover{transition: 0.3s ease-out;text-decoration: underline!important;}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none;}
span:focus,img:focus,button:focus{outline: none!important; border:none;box-shadow: none!important;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}
a:focus,a:hover{text-decoration:none;outline:none; }
select,select:focus,select:active{outline:none;}
input:focus,textarea:focus,select:focus{outline:none!important;box-shadow: none!important;}
select{-webkit-appearance: none; appearance: none;}
input::-moz-placeholder{color:#688069!important;opacity:1}
input:-ms-input-placeholder{color:#688069!important}
input::-webkit-input-placeholder{color:#688069!important}
input{color: #FFF;}
.container{max-width: 1200px; margin: 0 auto;width: 100%;padding: 15px;}
.logo{max-width: 200px; margin: 0 auto 30px;;}
h1{text-align: center;font-size: 24px;margin-bottom: 20px;}
.content{text-align: center; margin-bottom: 30px;}
.member_offer{margin-bottom: 50px;}
.member_offer ul, .member_offer ol{margin-bottom: 30px;}
.member_offer ul li{list-style: none;position: relative;padding-left: 25px;}
.member_offer ul li:before{position: absolute; left: 0;top: 0; font-family: "bootstrap-icons"; content: "\f272";font-weight: bold!important}
.member_offer_title{margin-bottom: 15px;}
.member_offer ol{margin-left: 18px;margin-left: 0;padding-left: 1rem;}
.member_offer ol a{display: inline-block;}
.member_offer ul li, .member_offer ol li{margin-bottom: 5px;}
.contact{margin-bottom: 30px;text-align: center}
.flex{display: flex;gap:0 20px; }
.ul_terms > li{list-style: upper-roman;margin-bottom: 20px;margin-left: 1rem;}
.ul_terms > li > ul{margin-top: 10px;}
.ul_terms > li > ul > li{list-style: disc;margin-left: 1rem; margin-bottom: 5px;}
@media (max-width:500px) {
.flex{display: block;}
    body{font-size: 16px;}

}