#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:650px;
    width:300px;
    float:left;
    padding:35px;	      
}

#section {
    
    width:350px;
    float:left;
    padding:20px;	 	 
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
   padding:5px;	 	 
}



            span.tab { padding-left: 2em; }

            body { 
                font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
                background: #F7F8F8;
            }

            .article {
                position: relative;
                margin: 0px;
                padding: 0px 0px 0px;
                border: 1px solid #ddd;
                border-radius: 4px 4px 0 0;
            }
            
            .artfontsize {
                font-size: 20px;
            }

            .btn-oblong {border-radius: 30px 30px 30px 30px;}

            .btn-circle-preset {
                width: 30px;
                height: 30px;
                text-align: center;
                padding: 6px 0;
                font-size: 12px;
                line-height: 1.428571429;
                border-radius: 15px;
            }

            .btn-circle-lg{
                width: 40px;
                height: 40px;
                padding: 10px 16px;
                font-size: 18px;
                line-height: 1.33;
                border-radius: 25px;
            }

            .btn-circle-xl {
                width: 70px;
                height: 70px;
                padding: 10px 16px;
                font-size: 24px;
                line-height: 1.33;
                border-radius: 35px;
            }


#circleContent{ 
width:250px; 
height:120px; 
}