body {background-color:#1e81b0;color:#ffffff}     
*{box-sizing: border-box;}
.column {float:left; border:1px double white;}  

h2 {color:yellow;}   
div.top {position:fixed; top:0; right:0;}
div.bottom {position:fixed; bottom:0; right:0;}
span {margin:auto;}
span.r {color:red; background-color:yellow; }
img.a {height:100px; width:150px;display:block; margin-left:auto; margin-right:auto;}
img.b {height:20px; width:20px;}

.imgwelcome {display:block; margin-left:auto; margin-right:auto;}    
.n {display:none;}
.textfix {display:inline-block; overflow:hidden; white-space:nowrap;} /* ควบคุมข้อความไม่ให้ยาวไป Pipop */     

a:link {color:blue; background-color:white; }
a:visited {color:black; text-decoration:none; background-color:#1e81b0; } /* visited link */
a:hover {color:red; text-decoration:none; background-color:yellow;  } /* mouse over link */
a:active {color:black; text-decoration:none; } /* selected link */
li {text-align:left; line-height:150%; list-style-type:decimal-leading-zero;}

div.label {display:flex; justify-content:space-around; width:90%;
    position:fixed;top: 5px;left: 2px;; border: 2px double white; 
    box-shadow: 2px 2px 0px 1px rgba(224,42,3,0.99);
    -webkit-box-shadow: 2px 2px 0px 1px rgba(224,42,3,0.99);
    -moz-box-shadow: 2px 2px 0px 1px rgba(224,42,3,0.99);
}
.shaked:hover {animation:shake 0.5s; animation-iteration-count:infinite;}
@keyframes shake {
    0% {transform:translate(1px,1px) rotate(0deg);}
    10% {transform:translate(-1px,-2px) rotate(-1deg);}
    20% {transform:translate(-3px,0px) rotate(1deg);}
    30% {transform:translate(3px,2px) rotate(0deg);}
    40% {transform:translate(1px,-1px) rotate(1deg);}
    50% {transform:translate(-1px,2px) rotate(-1deg);}
    60% {transform:translate(-3px,1px) rotate(0deg);}
    70% {transform:translate(3px,1px) rotate(-1deg);}
    80% {transform:translate(-1px,-1px) rotate(1deg);}
    90% {transform:translate(1px,2px) rotate(0deg);}
    100% {transform:translate(1px,-2px) rotate(-1deg);}
} 

/* ไปใช้ใน ไฟล์ index.php แทน
    @media screen and (max-width: 600px) {.column {width: 50%;padding:2px;margin-bottom:2px;font-size:12px;}
            li {line-height:250%;} }
    @media screen and (min-width: 601px) { .column {width: 25%;padding:10px;margin-bottom:5px;font-size:20px;}
        li {line-height:150%;} }
*/