@charset "utf-8";
* { font-size: 12pt; }
*:focus { outline: none; }
.clear { clear: both; }

body {
    margin: 0;
    padding: 0;
    background: url(img/bg.png) center top no-repeat;
    
}

.wrapper { 
    width: 1000px;
    height: 950px;
    position: relative;
    margin: 0 auto;
}

.wrapper > a, .wrapper > div { 
    display: block;
    position: absolute;
}

.s-fb { right: 5px; top: 159px; width: 52px; }
.s-fb > img { width: 100%; }
.s-utube { right: 65px; top: 159px; width: 51px; }
.s-utube > img { width: 100%; }

.s-logo { left: 5px; top: 150px; width: 255px; }
.s-logo > img { width: 100%; }

.teacher { right: -35px; bottom: 0; }
.title { left: 5px; top: 166px; }
.material { left: 25px; bottom: 20px; }
.content { left: 15px; top: 320px; }
.content > p {
    font-size: 18pt;
    color: #004478;
    font-family: 'Microsoft JhengHei', '微軟正黑體';
    font-weight: bold;
    letter-spacing: .2em;
}