#contents{
    width:100%;
    height:auto;
    margin: 20px auto 20px auto;
    background: #ffffff;
    /*
	        clear: both;
        overflow: hidden;
        */
}

#contents article{
    width: 620px;
    margin: 0 auto;
    height:inherit;
    padding: 20px 0 0 0;
   
}

#contents article#pen
{
    width: 620px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 10px 0;
   overflow-y: auto;
    overflow-x: auto;
}

#contents article#pen h1{
    width: 620px;
    height: 30px;
    color: #FFFFFF;
    background: #000000;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    
}

div#pen01{
    width: 620px;
    height: auto;
    margin: 0 auto;
}

div#pen01 ul{
    width: 620px;
    margin: 0 auto;
    height: auto;
    padding: 20px;
    
}

div#pen01 ul li{
    width: 620px;
    height: 30px;
    text-align: left;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 2px;
   list-style: none;
}

div#pen01 ul li span{
    color: #FF0000;
}

div#pen02{
    margin: 0 auto;
    padding: 20px 0 20px 0;
}

div#pen0001 img{
    width: 480px;
    height: 678px;
}



/*4級*/

div#contents article#pen4k01 h1{
    width: 620px;
    height: 30px;
    color: #FFFFFF;
    background: #000000;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;  
}


div#pen4k ul{
    width: 620px;
    margin: 0 auto;
    height: auto;
    padding: 20px;
    list-style: none;
}

div#pen4k ul li{
    width: 620px;
    height: 30px;
    text-align: left;
    line-height: 30px;
    font-size:15px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 2px;
}

div#pen4k ul li span{
    color: #FF0000;
}

div#pen41 img{
    width:480px;
    height: 718px;
    padding-bottom: 40px;
}