@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&family=Noto+Sans+TC:wght@400;700;900&display=swap');

/* CSS Document */

body {font-family: 'Noto Sans TC', sans-serif;}
h1 {font-weight: 900!important;}
.logo img { width: 300px; height: auto; max-width: none;}
.fixed-nav { background: #FFFFFF; position: fixed; top:0; left: 0; width: 100%; z-index: 9999;}
.owl-dots {position: absolute; bottom: 0; width: 100%;}
.slider.owl-carousel .owl-dots {display: none;}
.links { background:#FFFFFF url(../img/world.jpg)right top; background-repeat: no-repeat; background-size: cover; min-height: 550px;}
.text-shadow {text-shadow: 0.1em 0.1em 0.05em #333,0.1em 0.1em 0.05em #333}
/*---------------------------
          responsive
----------------------------*/

@media only screen and (max-width: 768px)  { 
    .logo img { width: 250px; }
}