*{box-sizing:border-box}body{background-color:#fff;font-family:Arial,Helvetica,sans-serif;margin:0}a,div,h1,h2,h3,h4,h5,h6,img,li,ol,p,ul{margin:0;padding:0}.ad{margin:15px auto;width:98%;max-width:970px;}h1{font-size:28px;font-weight:700;color:#59490d;text-shadow:1px 1px 2px #fff;margin:0 auto;padding:20px 0 0;text-align:center}h3{font-size:22px;margin:0 auto;padding:10px 0 20px;font-weight:700;color:#59490d;text-align:center}.navbar{overflow:hidden;background:#333;position:sticky;position:-webkit-sticky;top:0;z-index:1}.navbar a{width:120px;margin:0 auto;background:#0070cc;border:2px solid #000;font-size:18px;color:#fff;text-align:center;display:block;padding:6px 0;text-decoration:none;outline:0}.navbar a:hover{background:#00b300;color:#fff}article{width:100%;max-width:780px;margin:0 auto;padding:5px 5px 60px}h2{font-size:24px;margin:10px auto;font-weight:700;color:#59490d;text-align:center}ul{margin:15px 0;list-style:none}li{margin:0 2%;list-style:none;font-family:Georgia;font-size:22px;line-height:150%}hr{width:98%;color:#fff}.alert{width:100%;position:fixed;font-size:14px;font-family:Georgia;font-weight:700;text-align:center;bottom:0;padding:10px 0;background-color:#333;color:#fff;z-index:1}.closebtn{background:red;padding:2px 4px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:.3s}.closebtn:hover{background:#fff;color:#000}footer{position:fixed;bottom:0;width:100%;background:#333}.copyright p{font-size:11px;color:#ccc;letter-spacing:.2em;text-align:center;padding:15px 0}.copyright p a{font-weight:bolder;color:#fff;text-decoration:none}.copyright a:hover{color:#40ff00}#topBtn{display:none;position:fixed;bottom:2px;right:10px;z-index:2;border:none;outline:0;background:url(_images/gototop.png) no-repeat;cursor:pointer;padding:20px}.fbBtn{position:fixed;top:45%;right:0;z-index:1;border:none;outline:0;background:url(_images/fb.png) no-repeat;cursor:pointer;padding:20px}.cancelbtn{width:100%;padding:10px 0;background:#eee8aa;cursor:pointer}.contents{max-width:302px;margin:0 auto;padding:0}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.6)}.modal-content{margin:2% auto;background:#fff;border:1px solid #fff;width:302px}.animate{-webkit-animation:animatezoom .6s;animation:animatezoom .6s}@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}@media only screen and (max-width:479px){.fb{display:none}}