@charset "utf-8";

/*視窗底色設定*/
#all{
    width: 1100px;
    margin: 40px auto;
    padding: 10px 10px;
    border: none;
    background-color:white;
}
body{
    background-color:white;
     
}

/*頁面頂端設定*/
#top{
    padding: 220px 0px;
    border-style: none;
    background: url(img/logo2.jpg) no-repeat center center;
    background-color: white;
    position: relative;
        
}
/*次標題設定*/

.head1{
    color:yellow;
    position: absolute;
    left: 185px;
    top : 410px;
}
.head2{
    color:yellow;
    position: absolute;
    left: 490px;
    top : 410px;
}
.head3{
    color:yellow;
    position: absolute;
    left: 810px;
    top : 410px;
    width: 150px;
        
}

#about{
    padding: auto 30px;
}

/*連結顏色設定*/

a:hover{color:firebrick;}


/*頁面標題設定*/
h1{
    color: #000080;
    text-align: center;
    font-size: 250%;
}

/*專題版面配置*/

.week1{
    width:300px;
    height: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 70px;
}
    
.week2{
    width:300px;
    height: 300px;
    float: left;
    margin-left: 70px;
    margin-bottom: 70px;
}
.week3{
    width:300px;
    height: 300px;
    float: right;
    margin-right: 20px;
    margin-bottom: 70px;
}
.week4{
    width:300px;
    height: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 70px;
}
    
.week5{
    width:300px;
    height: 300px;
    float: left;
    margin-left: 70px;
    margin-bottom: 70px;
}
.week6{
    width:300px;
    height: 300px;
    float: right;
    margin-right: 20px;
    margin-bottom: 70px;
}
.week7{
    width:300px;
    height: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 70px;
}
    
.week8{
    width:300px;
    height: 300px;
    float: left;
    margin-left: 70px;
    margin-bottom: 70px;
}
.week9{
    width:300px;
    height: 300px;
    float: right;
    margin-right: 20px;
    margin-bottom: 70px;
}
.week11{
    width:300px;
    height: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 70px;
}
    
.week12{
    width:300px;
    height: 300px;
    float: left;
    margin-left: 70px;
    margin-bottom: 70px;
}
.week13{
    width:300px;
    height: 300px;
    float: right;
    margin-right: 20px;
    margin-bottom: 70px;
}
.week14{
    width:300px;
    height: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 70px;
}
    
.week15{
    width:300px;
    height: 300px;
    float: left;
    margin-left: 70px;
    margin-bottom: 70px;
}
.week16{
    width:300px;
    height: 300px;
    float: right;
    margin-right: 20px;
    margin-bottom: 70px;
}
.week17{
    width:300px;
    height: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 70px;
}
    
.week18{
    width:300px;
    height: 300px;
    float: left;
    margin-left: 70px;
    margin-bottom: 70px;
}
.week19{
    width:300px;
    height: 300px;
    float: right;
    margin-right: 20px;
    margin-bottom: 70px;
}
.fp{
    
    padding: 4px;
   
}
/*內容標題設定*/
.logo1{
    float: left;
    margin-right: 30px;
    text-align: left;
}
.about-me{
    font-size: 200%;
}
.F-project{
    font-size: 200%;
}
#assignment{
   height: 2350px;    
   position: relative; 
}
.w1{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 1px;
    top : 375px;
    width: 300px;        
}
.w2{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 390px;
    top : 375px;
    width: 300px;        
}
.w3{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 780px;
    top : 375px;
    width: 300px;        
}
.w4{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 1px;
    top : 745px;
    width: 400px;        
}
.w5{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 390px;
    top : 745px;
    width: 300px;        
}
.w6{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 780px;
    top : 745px;
    width: 300px;        
}
.w7{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 1px;
    top : 1115px;
    width: 300px;        
}
.w8{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 390px;
    top : 1115px;
    width: 400px;        
}
.w9{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 780px;
    top : 1115px;
    width: 300px;        
}
.w11{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 1px;
    top : 1485px;
    width: 300px;        
}
.w12{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 390px;
    top : 1485px;
    width: 300px;        
}
.w13{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 780px;
    top : 1485px;
    width: 300px;        
}
.w14{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 1px;
    top : 1855px;
    width: 300px;        
}
.w15{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 390px;
    top : 1855px;
    width: 300px;        
}
.w16{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 780px;
    top : 1855px;
    width: 300px;        
}
.w17{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 1px;
    top : 2225px;
    width: 300px;        
}
.w18{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 390px;
    top : 2225px;
    width: 350px;        
}
.w19{
    font-size: 120%;
    color:black;
    position: absolute;
    left: 780px;
    top : 2225px;
    width: 300px;        
}




.contact{
    font-size: 150%;
    color:firebrick;
    align-content:flex-end;
}