@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1200px){
    .body{
        width: 67%;
    }
}

/*@media screen and (max-width: 1366px) and (min-width: 768px){
    .body{
        width: 67%;
    }
}
*/

.body{
    height: 100px;
    width: 1920px;
    margin: auto;
    position: inherit;
    background-color: #fff;
}

.logo {    
    height : auto;
    max-width : 100%;
    margin:0px auto;
    text-align: center;
}


.picture {    
    height : auto;
    text-align: center;
}
    
.keynote {    
    max-width : 100%;
    position:absolute;
    margin: 80px 0 0 100px;
}

.lin {
    margin: 298px 0 0 100px;
    float: left;
    
}

.lin-b {    
    height : 146px;
    width : 1200px;
    position: absolute;
    text-align: left;
    margin: 283px 0 0 600px;
    font-family: 羅馬體;
    font-size: 40px;
}

.lin-line {
    width: 901px;
    height: 3px;
    background-color: #ffffff;
    border-bottom: 7px solid #04263f;
    margin: 313px 0 0 1019px;
    
}

.lin2-b {    
    height : 153px;
    width : 40px;
    position: absolute;
    text-align: left;
    margin: 50px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.lin2-p {    
    height : 762px;
    width : 1220px;
    position: absolute;
    text-align: left;
    margin: 110px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.lin3-b {    
    width: 1200px;
    height: 50px;
    position: absolute;
    text-align: left;
    margin: 922px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.lin3-p {    
    height : 762px;
    width : 1220px;
    position: absolute;
    text-align: left;
    margin: 992px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.lin4-b {    
    width: 1200px;
    height: 50px;
    position: absolute;
    text-align: left;
    margin: 1092px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.lin4-p {    
    height : 762px;
    width : 1220px;
    position: absolute;
    text-align: left;
    margin: 1162px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}






.su {
    margin: 2200px 0 0 100px;
}

.su-b {    
    height : 146px;
    width : 1200px;
    position: absolute;
    text-align: left;
    margin: -415px 0 0 600px;
    font-family: 羅馬體;
    font-size: 40px;
}

.su-line {
    width: 901px;
    height: 3px;
    background-color: #ffffff;
    border-bottom: 7px solid #04263f;
    margin: -407px 0 0 1070px;
    
}

.su2-b {    
    height : 153px;
    width : 40px;
    position: absolute;
    text-align: left;
    margin: 50px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.su2-p {    
    height : 762px;
    width : 1220px;
    position: absolute;
    text-align: left;
    margin: 110px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.su3-b {    
    width: 1200px;
    height: 50px;
    position: absolute;
    text-align: left;
    margin: 486px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.su3-p {    
    height : 762px;
    width : 1220px;
    position: absolute;
    text-align: left;
    margin: 538px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.su4-b {    
    width: 1200px;
    height: 50px;
    position: absolute;
    text-align: left;
    margin: 680px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.su4-p {    
    height : 300px;
    width : 1220px;
    position: absolute;
    text-align: left;
    margin: 740px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}




.hi {
    margin: 1300px 0 0 100px;
}

.hi-b {    
    height : 146px;
    width : 1200px;
    position: absolute;
    text-align: left;
    margin: -415px 0 0 600px;
    font-family: 羅馬體;
    font-size: 40px;
}

.hi-line {
    width: 1000px;
    height: 3px;
    background-color: #ffffff;
    border-bottom: 7px solid #04263f;
    margin: -409px 0 0 950px;
    
}

.hi2-b {    
    height : 153px;
    width : 40px;
    position: absolute;
    text-align: left;
    margin: 50px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.hi2-p {    
    height : 762px;
    width : 1220px;
    position: absolute;
    text-align: left;
    margin: 110px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.hi3-b {    
    width: 1200px;
    height: 50px;
    position: absolute;
    text-align: left;
    margin: 486px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.hi3-p {    
    height : 762px;
    width : 1220px;
    position: absolute;
    text-align: left;
    margin: 538px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.hi4-b {    
    width: 1200px;
    height: 50px;
    position: absolute;
    text-align: left;
    margin: 680px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}

.hi4-p {    
    height : 300px;
    width : 1220px;
    position: absolute;
    text-align: left;
    margin: 740px 0 0 600px;
    font-family: 羅馬體;
    font-size: 30px;
}


.back-to-top {
    display: none; /* 默認是隱藏的，這樣在第一屏才不顯示 */
    position: fixed; /* 位置是固定的 */
    bottom: 20px; /* 顯示在頁面底部 */
    right: 30px; /* 顯示在頁面的右邊 */
    z-index: 99; /* 確保不被其他功能覆蓋 */
    border: 0px solid #fff; /* 顯示邊框 */
    outline: none; /* 不顯示外框 */
    background-color: #fff; /* 設置背景背景顏色 */
    color: #fff; /* 設置文本顏色 */
    cursor: pointer; /* 滑鼠移到按鈕上顯示手型 */
    padding: 0; /* 增加一些內邊距 */
    border-radius: 200px; /* 增加圓角 */
}

.back-to-top:hover {
    background: #ccc; /* 滑鼠移上去時，反轉顏色 */
    color: #ccc;  
}


.bottom{
    height: 202px;
    width:1920px;
    background-color: white;
    position: absolute;
    text-align: center;
    margin: 1200px 0 0 0;
    float: left;
}

.bottom p{
    font-family: arial;
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-top: 120px;
}

.bottom img{
    float: left;
    position: relative;
    left: 400px;
    text-align: center;
    margin-top: 24px;
    margin-left: 0px;
}