html{font-size:14px;font-family:Verdana, sans-serif;background-color:#ffffff;}
body{margin:0px;}
img{margin:0px;max-width:100%;}
form{margin:0px;max-width:100%;}
input{margin:0px;max-width:100%;}
select{margin:0px;max-width:100%;}
textarea{margin:0px;max-width:100%;}
.nav{position:fixed;width:100%;text-align:center;background-color:#ffffff;background:linear-gradient(to top, #ffffff, #eeeeee);opacity:0.9;}
.nav p{margin:0px;display:inline-block;}
.nav img{float:left;}
.nav a{color:#000000;}
.nav a:hover{color:#bbbbbb;}
.category{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align:center;}
.category p{margin:0px;display:inline-block;text-align:center;}
.category a{color:#111111;transition:0.5s;}
.category a:hover{text-shadow:2px 2px 2px #cccccc;transition:0.5s;}
.category a img{margin:10px;width:100px;height:100px;transition:0.5s;}
.category a:hover img{margin:0px 20px 20px 0px;box-shadow:10px 10px 0px 0px #000000;transition:0.5s;}
.prelist{margin:0px auto;max-width:800px;font-size:15px;color:#000000;}
.prelist p{margin:0px;border:1px outset #efefef;border-radius:30px 30px 0px 30px;box-shadow:0 0 30px rgba(0,0,0,0.1);padding:0px 10px;text-align:right;color:#656565;background-color:#fafafa;}
.alert{margin:0px auto;max-width:800px;text-align:center;font-size:15px;color:#ff0000;}
.alert p{margin:0px auto;display:inline-block;width:30%;height:180px;border:1px dotted #ff0000;padding:0px 10px;vertical-align:top;text-align:left;}
.list{margin:0px auto;text-align:center;color:#111111;}
.list h1{margin:0px auto;font-weight:normal;color:#ffffff;text-shadow:1px 1px 1px #000000;}
.list p{margin:0px;display:inline-block;padding:0px 1px;border:1px solid #ffffff;border-radius:10px;background-color:#8a2be2;background:linear-gradient(to top, #8a2be2, #3d77ba, #3d77ba, #3d77ba, #21b0db, #21b0db, #21b0db, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);}
.list img{border:1px solid #ffffff;border-radius:10px;}
.list a{font-size:16px;color:#ffffff;}
.list a:hover{color:#000000;}
.main1{margin:0px auto;text-align:center;color:#111111;background-color:#ffffff;}
.main1 h1{margin:0px auto;max-width:800px;border-radius:10px;font-weight:normal;color:#ffffff;background-color:#111111;background:linear-gradient(to top, #111111, #000000);}
.main1 p{margin:0px auto;max-width:1200px;border-radius:10px;text-align:center;background-color:#eeeeee;background:linear-gradient(to top, #eeeeee, #ffffff);}
.main1 img{border:none;}
.main2{margin:0px auto;border:1px solid #66ee6e;text-align:center;color:#ffffff;background-color:#66ee6e;background:linear-gradient(to top left, #3d77ba, #66ee6e, #21b0db);}
.main2 h1{margin:0px auto;font-weight:normal;text-shadow:1px 1px 1px #66ee6e;}
.main2 p{margin:0px auto;width:200px;height:200px;border:1px solid #ffffff;border-radius:100px;}
.main3{margin:0px auto;text-align:center;color:#222222;background-color:#fefefe;background:radial-gradient(at center, #fefefe, #ffffff);}
.main3 h1{margin:0px auto;font-weight:normal;text-shadow:1px 1px 1px #fefefe;}
.main3 p{margin:0px auto;max-width:800px;border-top:1px solid #bbbbbb;font-size:15px;}
.main3 img{box-shadow:0 0 10px rgba(0,0,0,0.5);}
.main3 video{max-width:1280px;}
.main4{margin:0px auto;border-top:1px solid #bbbbbb;text-align:center;color:#333333;background-color:#fdfdfd;background:linear-gradient(to top, #ffffff, #fafafa);}
.main4 h1{margin:0px auto;font-weight:normal;text-shadow:1px 1px 1px #ffffff;}
.main4 p{margin:0px;display:inline-block;max-width:600px;border-radius:10px;vertical-align:top;background-color:#eeeeee;background:linear-gradient(to top, #eeeeee, #f9f9f9);}
.main4 img{border:1px solid #000000;}
.main5{margin:0px auto;text-align:center;color:#eeaa40;background-color:#ffeecc;background:linear-gradient(to top, #ffeecc, #ffffff);}
.main5 h1{margin:0px auto;font-weight:normal;text-shadow:1px 1px 1px #ffeecc;background:linear-gradient(to left, #ffeecc, #ffffff);}
.main5 p{margin:0px auto;text-align:center;}
.main5 form{margin:0px auto;max-width:600px;border:6px dashed #ffeecc;background-color:#ffbb50;}
.main5 select{border:1px dashed #ff9900;}
.main5 input{border:1px dashed #ff9900;}
.main5 textarea{border:1px dashed #ff9900;}
.main6{margin:0px auto;text-align:center;color:#11bbff;background-color:#ffffff;background:linear-gradient(to top, #ffffff, #ffeecc);}
.main6 h1{margin:0px auto;font-weight:normal;text-shadow:1px 1px 1px #ffffff;}
.main6 p{margin:0px;display:inline-block;max-width:400px;vertical-align:top;}
.main7{margin:0px auto;text-align:center;color:#ffffff;background-color:#99eeff;background:linear-gradient(to top, #99eeff, #11bbff);}
.main7 h1{margin:0px auto;font-weight:normal;text-shadow:1px 1px 1px #99eeff;}
.main7 p{margin:0px auto;max-width:1200px;text-align:center;}
.main7 form{margin:0px auto;max-width:1200px;border-radius:20px;border-bottom:1px solid #ffffff;font-size:16px;background-color:#00aaff;background:radial-gradient(at center, #00aaff, #22ccff);}
.main7 select{border:1px solid #ffffff;border-radius:3px;}
.main7 input{border:1px solid #ffffff;border-radius:3px;}
.main7 textarea{border:1px solid #ffffff;border-radius:3px;border-radius:3px;}
.main8{margin:0px auto;text-align:center;color:#ffffff;background-color:#fd969d;background:linear-gradient(to top, #fd969d, #99eeff);}
.main8 h1{margin:0px auto;font-weight:normal;text-shadow:1px 1px 1px #fd969d;}
.main8 p{margin:0px auto;text-align:center;}
.main8 a{color:#000000;}
.main8 a:hover{color:#ffffff;}
.main8 a:visited{color:#000000;}
.main9{margin:0px auto;text-align:center;color:#aaaaaa;background-color:#222222;}
.main9 h1{margin:0px auto;font-weight:normal;text-shadow:1px 1px 1px #000000;}
.main9 p{margin:0px auto;max-width:1200px;text-align:center;}
.main9 form{margin:0px auto;max-width:1200px;border:1px solid #aaaaaa;font-size:16px;background-color:#121212;}
.main9 input{border:1px solid #aaaaaa;}
.main9 textarea{border:1px solid #aaaaaa;}