@charset "utf-8";
<!--
html {
	height: 100%;
	scroll-behavior: smooth;
}

body {
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	color: #666666;
	height: 100%;
	scroll-behavior: smooth;
	overflow-x:hidden;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
}

a img { 
	border: none;
}

a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;
/*	text-decoration: underline;
	*/
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
}

.container {
	width:100%;
	background-color: #c52;
/*	background-image:url(bgrd.jpg);  #e85
	background-size:auto;
	background-position:top;
	background-repeat:no-repeat; */
	margin: 0 auto;
	z-index: 100;
}
.contentw {
	width:100%;
	background-color: #eee;
/*	background-image:url(bgrd.jpg);  #e85
	background-size:auto;
	background-position:top;
	background-repeat:no-repeat; */
	margin: 0 auto;
}
.content {
    text-align:center;
	max-width:800px;
	background-color: #eee;
	padding: 20px;
	margin: 0 auto;
}
#cworkshop {
	font: 600%/1.4 Verdana, Arial, Helvetica, sans-serif; color:#FFF; position: relative; top: 25%; left: 15%;
	}
.dalo {
    text-align:center;
	background-color: #c52;
	padding: 2px 0 2px 0;
	margin: 0 auto;
}

.go-top {
    position: fixed;
    bottom: 0em;
    right: 0em;
}
.go-dole {
    position: fixed;
    top: 0em;
    right: 0em;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.arrow{
    position: absolute;
    top: 92%;
    left: 50%;
    transform: translate(-50%,-50%);
	cursor:pointer;
}
.arrow span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 7px solid #fff;
    border-right: 7px solid #fff;
    transform: rotate(45deg);
    margin: -20px;
    animation: animate 2s infinite;
}
/*.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}*/


.arrow1 {
    position: relative;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
	cursor:pointer;
}
.arrow1 span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    margin: -20px;
    animation: animate 2s infinite;
}
/*.arrow1 span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow1 span:nth-child(3){
    animation-delay: -0.4s;
}*/

@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}
@media only screen and (max-width: 700px) {
  .arrow .arrow1 { 
  	display:none;
}
/*  #cworkshop { 
  	font: 300%/1.4 Verdana, Arial, Helvetica, sans-serif; color:#FFF; position: relative; top: 15%; left: 10%;
}*/

}