body{font-family: "Noto Sans TC", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;}

@media (min-width: 1400px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1024px;}
}
.main_BTN{background: #D27D3B;color: #fff;border-radius: 10px;padding: 0.75rem 1.2rem;}
.main_BTN:hover{background: #F26A00;color: #fff;}
.main_BTN:focus{background: #B54F00;color: #fff;}
.contact_BTN{background: #e0965d;color: #fff;border-radius: 10px;padding: 0.75rem 1.2rem;}
.contact_BTN:hover{background: #ca7c41;color: #f1f1f1;}
.contact_BTN:focus{background: #b36b34;color: #f1f1f1;}
.btn-danger{background: #F4315C;}
.btn-danger:hover{background: #e4254e;}
.btn-danger:focus{background: #ee0f3f;}
.f-f4315c{color: #F4315C;}
.f-2x{font-size: 2rem;}
.f-light{color: #666666;}
.f-s{font-size: 0.8rem;}
.f-bold{font-weight: bold;}
.f-bolder{font-weight: bolder;}
.f-regular{font-weight: regular;}
.f-lighter{font-weight: lighter;}
.f-light{font-weight: light;}
.f-normal{font-weight: normal;}
.f-thin{font-weight: thin;}
.f-thicker{font-weight: thicker;}
.f-500{font-weight: 500;}
.f-600{font-weight: 600;}
.f-700{font-weight: 700;}
.my-2{margin: 2rem 0;}
.my-4{margin: 4rem 0;}
.my-6{margin: 6rem 0;}
.my-8{margin: 8rem 0;}