/* cerise.rocks */
html{font-size:14px;}
body{font-family: Georgia,serif;line-height: 1.6;color:#004A2C;background-color:#FFD300;}
#ScrollWrapper{-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
.DarkMode{color:#FFFFFF !important;background-color:#000000 !important;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}

/* Elements */
a, .InteractiveElement{color:#004A2C;text-decoration:underline;cursor:pointer;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
/*a:hover, .InteractiveElement:hover{color:#000000;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}*/
a .Icon, .InteractiveElement .Icon{fill:#cccccc;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
/*a:hover .Icon, .InteractiveElement:hover .Icon{fill:#000000;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}*/
.DarkMode a:hover, .DarkMode .InteractiveElement:hover{color:#FFFFFF !important;}
.DarkMode a:hover .Icon, .DarkMode .InteractiveElement:hover .Icon{fill:#000000 !important;}

.Spin:hover{animation:Spin 1s 1;}

h1, h2{margin:0px;padding:8px;font-size:1.2rem;font-weight:800;border-bottom:1px solid #000000;}
.DarkMode h1, .DarkMode h2{border-bottom:1px solid #FFFFFF;}
.ContentWrapper h2{margin:0px;padding:16px 0px 8px 0px;font-size:1.1rem;font-weight:800;border-bottom:0px solid #000000;}
h2 .InteractiveElement .im{font-size:1rem;}
h3{margin:0px;padding:16px 0px 8px 0px;font-size:1.0rem;font-weight:800;}
h4{margin:0px;padding:16px 0px 8px 0px;font-size:1.0rem;font-weight:normal;}
h5{margin:0px;padding:16px 0px 8px 0px;font-size:1.0rem;font-weight:normal;}
h6{margin:0px;padding:16px 0px 8px 0px;font-size:1.0rem;font-weight:normal;}


.ThemeHeader{text-align:center;text-decoration:none;font-size:1.8rem;font-weight:800;padding-top:48px;}

p{margin:0px;padding:0px 0px 8px 0px;text-align:justify;word-spacing:-2px;line-height:1.3rem;hyphens:auto;}
b{font-weight:800;}
sup{vertical-align:super;font-size:70%;}
sub{display:block;font-size:70%;}

ul{width:100%;margin:0px;padding:0px 0px 8px 0px;}
ul li{margin:0px 0px 8px 32px;padding:0px;list-style-type:disc;}
ul li:last-child{margin:0px 0px 0px 32px;padding:0px;}
ul li a{display:inline-block;}

table{border:0px;margin:0px 0px 0px 0px;width:100%;}
table tr th{padding:8px;background-color:#CCCCCC;text-align:center;font-weight:800;}
.DarkMode table tr th{background-color:#333333;}
table tr td{padding:8px;}
table tr:hover td{background-color:#EEEEEE;}
.DarkMode table tr:hover td{background-color:#888888;}

img{width:100%;height:auto;}

.InfoBubbles{width:100%;margin:0px;padding:0px;}
.InfoBubbles li{display:inline-block;margin:0px 2px 4px 2px;padding:0px;}
.InfoBubbles li:first-child{display:inline;margin:0px 2px 0px 0px;padding:0px;}
.InfoBubbles li:last-child{display:inline;margin:0px 0px 0px 2px;padding:0px;}
.InfoBubble{padding:4px 4px 4px 4px;margin:0px;font-size:0.7rem;border:1px solid green;border-radius:4px;background-color:#FFD300;color:#000000;white-space:nowrap;}

.Modal{}
.Modal p{margin:0px 0px 10px 0px;text-align:center;}
.Modal p:last-child{margin:0px;}
.Modal svg{margin:20px 0px 0px 0px;width:200px;height:auto;}
.ErrorCat{fill:#000000;}
.DarkMode .ErrorCat{fill:#FFFFFF;}

.InputForm{}
.InputForm p{width:100%;display:flex;flex-direction:row;}
.InputForm p label{width:50%;text-align:left;}
.InputForm p input, .InputForm p select{width:50%;border:1px solid #CCCCCC;font-family:'39AFAF';}
.InputForm p textarea{width:100%;height:200px;font-family:'39AFAF';}
.InputForm input[type=submit]{width:100%;cursor:pointer;}
.InputForm input::placeholder{font-style:italic;}
.InputForm .full label, .InputForm .full input, .InputForm .full textarea, .InputForm .full select{width:100%;}
.InputForm .high{height:200px;}
.InputForm .inline{display:flex;flex-direction:row;}
.InputForm .inline input{width:100%;}
.InputForm .inline span{width:10%;text-align:right;}
.InputForm .inline input[type=submit]{width:10%;margin:0px 0px 0px 8px;cursor:pointer;}
.InputForm .inlineSubmit{display:none;}

.SubMenu{display:flex;flex-direction:row;width:100%;padding:0px 0px 16px 0px;}
.SubMenu .left{text-align:left;}
.SubMenu .right{text-align:right;}
.SubMenu ul{margin:0px;padding:0px;}
.SubMenu ul li{display:inline-block;margin:0px;padding:0px;}
.SubMenu ul li a svg{width:20px;height:auto;}
.SubMenu ul li a .im, .SubMenu ul li span .im{font-size:1rem;}
.SubMenu ul li a .im span{display:none;}
.SubMenu .LanguageSwitcher li{padding:0px 8px 0px 0px;margin:0px 8px 0px 0px;border-right:1px solid #000000;}
.SubMenu .LanguageSwitcher li:last-child{padding:0px;margin:0px;border-right:0px solid #000000;}
.SubMenu .LanguageSwitcher li a, .SubMenu .LanguageSwitcher li span{display:inline-block;}

.Pagination{width:100%;margin:0px;padding:32px 0px 0px 0px;text-align:center;}
.Pagination li{display:inline-block;margin:0px 8px 0px 8px;padding:0px;list-style-type:none;}
.Pagination li:last-child{margin:0px 8px 0px 8px;padding:0px;}
.Pagination li .im{font-size:0.7rem;}

.ItemList{width:100%;margin:0px;padding:0px;}
.ItemList li{
    list-style-type:none;margin:0px;padding:0px;
    -webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);
}
.ItemList li:hover{background-color:#f9f9f9;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
DarkMode .ItemList li:hover{background-color:#111111;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
.ItemList li:last-child{list-style-type:none;margin:0px;padding:0px;}
.ItemList li a{display:block;width:100%;padding:4px;font-size:1rem;}
.ItemList li a i{font-size:0.7rem;padding:0px 8px 0px 0px;}

.InteractionList{width:100%;margin:0px;padding:0px;}
.InteractionList li{
    list-style-type:none;margin:0px 0px 8px 0px;padding:4px;display:flex;flex-direction:row;width:100%;
    -webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);
}
.InteractionList li:hover{background-color:#f9f9f9;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
.DarkMode .InteractionList li:hover{background-color:#111111;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
.InteractionList li:last-child{list-style-type:none;margin:0px;padding:4px;}
.InteractionList li a{display:block;width:100%;padding:4px;font-size:1rem;}

.ImagePreview{width:100%;}
.ImagePreview img{width:100%;height:auto;}

.IconActive{color:green;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
.IconActive:hover{color:red;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
.IconInactive{color:red;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
.IconInactive:hover{color:green;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}

.StatusGreen{color:green;}
.StatusYellow{color:yellow;}
.StatusRed{color:red;}

/* Layout */
.Layout{width:512px;margin:0px auto;}

#Header{}
#Header #Logo{padding:32px 0px 16px 0px;text-align:center;}
#Header #Logo span{display:none;}
#Header #Logo a{
    position:relative;display:inline-block;
    text-decoration:none;
    -webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);
}
#Header #Logo a:hover{}
#Header #Logo svg{width:auto;height:40px;}

#Header #Logo a svg .d{stroke:#004A2C;fill:#004A2C;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
.DarkMode #Header #Logo a svg .d{stroke:#FFFFFF;fill:#ffffff;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}





#Header ul{padding:0px 0px 32px 0px;text-align:center;}
#Header ul li{padding:0px 16px;margin:0px;display:inline-block;}
#Header ul li a{font-size:1.5rem;}
#Header ul li a span{font-size:1.8rem;}
#Header ul li a i span{display:none;}

#Footer{padding:32px 0px 64px 0px;text-align:center;border-top:1px solid #000000;}
.DarkMode #Footer{border-top:1px solid #FFFFFF !important;}
#Footer i span{display:none;}
#Footer p{text-align:center;margin:8px 0px;color:#cccccc;font-size:0.9rem;letter-spacing:4px;}
#Footer p span{font-size:1rem;margin:0px;padding:0px;}
#Footer ul{text-align:center;}
#Footer ul li{display:inline-block;margin:0px;}
#Footer .SocialLinks li{margin:0px 4px;padding:0px;}
#Footer .SocialLinks li a{}
#Footer .SocialLinks li a span{font-size:1.8rem;}
#Footer .FooterNav li{padding:0px 8px 0px 8px;margin:0px 8px 0px 0px;font-size:0.9rem;}
#Footer .FooterNav li:last-child{margin:0px;}
#Footer .FooterNav li a{}
#Footer #FooterDarkMode{}
#Footer #FooterDarkMode #DarkLoad{cursor:pointer;}

.ContentWrapper{padding:32px 16px 32px 16px;}
.ContentWrapper h2:nth-child(1){padding:0px 0px 8px 0px;}
.ContentWrapper p:last-of-type{padding:0px;}
#DefaultAJAXWindow .ContentWrapper{
    position:absolute;display:block;left:50%;top:50%;z-index:1001;width:40vw;margin:0px;padding:8px;transform:translate(-50%,-50%);
    background-color:#FFD300;overflow-y:auto;
}










#News{width:100%;}
#News li{
    margin:0px 0px 20px 0px;padding:4px;list-style-type:none;
    -webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);
}
#News li:hover{background-color:#f9f9f9;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
.DarkMode #News li:hover{background-color:#111111;-webkit-transition-duration:0.4s;transition-duration:0.4s;transition-timing-function:cubic-bezier(.24,.18,.24,.93);}
#News li:last-child{margin:0px;}
#News li a{width:100%;}
#News li h3{margin:4px 0px 4px 0px;padding:0px;font-size:1.1rem;font-weight:800;}
#News li .NewsDate{padding:0px 4px 0px 0px;font-size:0.8rem;}
#News li p{margin:16px 0px 0px 0px;}
#News li a{margin:8px 0px 0px 0px;}





#GoldkindAvatar{width:100%;text-align:center;margin:0px 0px 20px 0px;}
#GoldkindAvatar img{display:block;height:auto;
  margin-left:auto;
  margin-right:auto;
  width:50%;}












/* Legal */
.LegalNotes{font-size:1rem;}
.Legal li{list-style-type:none;}

@keyframes Spin{
    0%{transform:rotate(0deg);}
    70%{transform:rotate(360deg);}
    100%{transform:rotate(360deg);}
}

/* Responsive */
@media only screen and (max-width:1400px){
    #DefaultAJAXWindow .Case{width:80%;padding:16px;}
}
@media only screen and (max-width:550px){
    .Layout{width:95%;}
    #LoadBody #ContentWrapper{padding:0px 5px 0px 5px;}

}
@media only screen and (max-width:390px){
    ul li{margin:0px 0px 8px 16px;}
    ul li:last-child{margin:0px 0px 0px 16px;}
    
    .Layout{width:90%;}
    #Footer p{font-size:1.23rem;}
    #Footer p i{font-size:0.8rem;}
    #Footer #SocialLinks li a i{font-size:1.57rem;}
    #Footer .FooterNav li{padding:0px 2px 0px 2px;}
    #Footer .FooterNav li a{font-size:0.8rem;}
}