@charset "utf-8";

/* CSS Document */
*{padding:0;margin:0; box-sizing: border-box;}
img{max-width: 100%;}
/*body{-webkit-overflow-scrolling: touch;color:#595656;line-height: 1.6;font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif; }*/

body {background:#F6F6F6;}


header {background: url(../images/head_s.png) fixed no-repeat;padding-top: 600px;background-size: 100% auto;}

nav img {width: 55%;}


h1 {color: #000;text-align: center;margin-top: -250px;font-weight: bold;font-size: 1.8em;}

.sec1 {padding-top: 100px;padding-bottom: 100px;}
.sec1 h2 {color: #7DCBF2;}

.sec2 {padding-bottom: 100px;}
.sec2 h2{font-weight: bold;}
.sec2 h4 {color: #7DCBF2;font-weight: bold;}
.sec2 p{margin-top: 35px;font-size: 1.3em;}
.share {margin-top: 100px;}
.sec2 img {border-radius: 15px;}

.sec3 {background:url(../images/bottom.png);padding-top: 80px;padding-bottom: 80px; }
.sec3 h2 {font-weight: bold;color: #FFF;text-align: center;font-style: italic;}





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:  #7DCBF2;}
footer{text-align: center;padding-bottom: 30px; color: #7DCBF2;}
footer a:hover{ color: #FFED7D;}




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


}
@media (min-width: 768px) {/*md*/
    
    
nav img {width: 35%;}
}



@media (min-width: 992px) { /*lg*/
    nav img {max-width: 25%;}
    h1 {font-size: 2.8em;}
    
    header {background: url(../images/head.png) fixed;padding-top: 850px;}
}

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

}