*{box-sizing:border-box}.navbar{overflow:hidden;background-color:#d3d3d3;position:fixed;top:0;left:0;width:100%;z-index:0}.navbar a{display:block;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;color:#561b10}.navbar a:hover{background:#ddd;color:#000}.navbar .caption{display:block;color:#561b10;padding:14px 16px;text-align:center;font-size:40px}.navbar .banner{display:block;text-align:center;padding-bottom:22px;font:bold;color:red}.marquee-container{padding:1px 100px 1px 100px;background-color:#04aa6d;color:#fff;border:1px solid #000;font-size:large}@media screen and (min-width:800px){.bg-img{background-image:url(/FreshmanDoc/Content/ndhu_artcollege01.jpeg);min-height:700px;top:75px;margin:0 200px 100px 200px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.container{position:absolute;right:0;margin:20px;max-width:300px;padding:16px;background-color:#fff}input[type=text],input[type=password]{width:100%;padding:15px;margin:5px 0 22px 0;border:none;background:#f1f1f1}input[type=text]:focus,input[type=password]:focus{background-color:#ddd;outline:none}.btn{background-color:#04aa6d;color:#fff;margin:2px 1px 1px 1px;padding:16px 20px;border:none;cursor:pointer;width:100%;opacity:.9}.btn:hover{opacity:1}}@media screen and (max-width:800px){.bg-img{min-height:600px;top:180px;margin:0 0 10px 10px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.container{position:absolute;right:0;margin:10px;max-width:100%;background-color:#fff}input[type=text],input[type=password]{width:100%;padding:15px;margin:5px 0 10px 0;border:none;background:#f1f1f1}.btn{background-color:#04aa6d;color:#fff;margin:5px 0 10px 0;padding:10px 10px;border:none;cursor:pointer;width:100%;opacity:.9}.btn:hover{opacity:1}}