@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&display=swap');
/* CSS Document */
*{padding:0;margin:0; }
body{-webkit-overflow-scrolling: touch;font-family: 'Noto Sans TC', sans-serif;font-weight: '400';color:#333;}

.modin{ position: relative; visibility: hidden; top:-90px;display: block;height: 1px; width: 1px;}

img {max-width: 100%;}

.sec1 {background:url(../images/bg.jpg) bottom right fixed #000;padding-top: 60px;padding-bottom: 60px;}

.button{display: block;}

.classe {color: #FFF;}
.classe h3 {font-weight: 600;font-size: 1.6em;}
.classe p{color: azure;}
.classe a {color: #98ffff;text-decoration: none;}
.classe a:hover {color:#ddfa7f;}
.sec1 img {border-radius: 8px;}

footer{text-align: center;background: #FFF;padding-top: 30px;padding-bottom: 30px;}
footer p{padding-top: 15px;}
footer a{margin:0 5px;vertical-align: sub; color:#000;}
footer{text-align: center;padding-bottom: 30px; color: #000;}
footer a:hover{ color: #3D99C2;}



@media (min-width: 576px){ /*sm*/


}
@media (min-width: 768px) {/*md*/
/* .modin{ position: relative; visibility: hidden; top:-100px;}*/


}
@media (min-width: 992px) { /*lg*/
    header {background:url(../images/heads.png) no-repeat;height: 982px;}
    header .title{text-align: center;padding-top:200px;}
    header .title h1{font-size: 5.6em;color: #FFF;font-weight: bold;color: azure;} 
    header p {color: #FFF;padding-top: 700px;font-size: 1.4em;}
    .sec1 {background:url(../images/bg.jpg) bottom right fixed #000;padding-top: 100px;padding-bottom: 100px;}
    .classe h3 {font-size: 2.1em;}
    .button{display: none;}

}
@media (min-width: 993px) {


}
@media (min-width: 1200px){ /*xl*/



}