body { color:#666; font-size:13px; background:#f8f8f8;}
.round8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.black{color: #000000 !important;}
.dark_y{color:#C79C00;font-size:15px;font-weight:bold;margin:40px 0 10px 0}
a { color: #ff4d88}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust: none;
  /* -webkit-user-select: none; */
}
/* toolbar */
#toolbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    overflow: hidden;
    z-index: 999;
}
.topBar {
    background: #ffffff;
    border-bottom: 1px solid #fbfbfb;
}
.rulesPage {
    padding-bottom: 10px;
    background: #f8f8f8;
}
.rulesBox {
    width: 100%;
    margin: 10px auto;

}

.rulesPage #toolbar {
    position: inherit;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    overflow: hidden;
    z-index: 999;
}
.rulesPage #toolbar .singleBar { width: 926px;margin: 0 auto;text-align:center;}
.toolBarLogo {padding-top:5px;}
.toolBarLogo  {
    color: #ffffff;
    font-size: 1em;
    height: 70px;
	width:188px;
    line-height: 45px;
    background: url(https://d3a6dyv1tibrvt.cloudfront.net/apps/web/logo.svg) center center no-repeat;
    background-size: auto 100%;
    display: inline-block;
}


.rulesBox-section { border: solid #eeeeee 2px; padding: 25px; margin: 25px auto; max-width: 926px; width: 90%; background: #ffffff; line-height: 1.8em; font-size: 13px; }
.rulesBox-section h1 { font-size: 20px; margin-bottom: 20px; }
.rulesBox-section p { margin: 8px 0}
.rulesBox-section .stage { margin-bottom: 8px;}
.rulesBox-section ul.stage_1 { margin: 5px 0; margin-left: 25px;}
.rulesBox-section ul.stage_1 li { list-style-type: decimal}
.rulesBox-section ul.stage_a { margin: 5px 0; margin-left: 25px;}
.rulesBox-section ul.stage_a li { list-style-type: lower-alpha }
.rulesBox-section ul.stage_0 { margin: 5px 0;}
.rulesBox-section ul.stage_0 li { list-style-type: none }

.copyright { text-align: center; font-size:0.75em; padding: 20px 0}

@media screen and (max-width: 767px) {
    .rulesPage #toolbar { display: none;}
	.rulesPage #toolbar.mweb { display:block;} 
	
    .rulesPage #toolbar .singleBar { width: 100%; margin: 0 auto;}
    .rulesBox-section { border: none; padding: 25px; margin: 0 auto; max-width: none; width: 100%; background: #ffffff; line-height: 1.5em; font-size: 0.8em; }
}
@media screen and (min-width: 650px) {
	#container.rulesPage { margin-left: 0px;}
	.rulesPage #toolbar {margin-left: 0px;}
}


.input { padding:5px; font-size:15px; border:#B5B5B5 1px solid; margin-bottom:10px; width:100%; max-width:300px;}
.button {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: #eeeeee;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(top, #fbfbfb, #e1e1e1);
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #d4d4d4;
  height: 32px;
  line-height: 32px;
  padding: 0px 25.6px;
  font-weight: 300;
  font-size: 14px;
  color: #666666;
  text-shadow: 0 1px 1px white;
  margin: 0;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  }
  .button:hover {
    background-color: #eeeeee;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
    background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
    background: -o-linear-gradient(top, #ffffff, #dcdcdc);
    background: linear-gradient(top, #ffffff, #dcdcdc); }
  .button:active {
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
    background: #eeeeee;
    color: #bbbbbb; }
  .button:focus {
    outline: none; }
	
.button_purple { color:#FFFFFF;
  background-color: #422370;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #422370), color-stop(100%, #2c1749));
  background: -webkit-linear-gradient(top, #422370, #2c1749);
  background: -moz-linear-gradient(top, #422370, #2c1749);
  background: -o-linear-gradient(top, #422370, #2c1749);
  background: linear-gradient(top, #422370, #2c1749);
  border: 1px solid #2c1749;
  }
.button_purple:hover { color:#FFFFFF;
  background-color: #422370;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #422370), color-stop(100%, #2c1749));
  background: -webkit-linear-gradient(top, #422370, #2c1749);
  background: -moz-linear-gradient(top, #422370, #2c1749);
  background: -o-linear-gradient(top, #422370, #2c1749);
  background: linear-gradient(top, #422370, #2c1749);
  border: 1px solid #2c1749;
  }
  .button_purple:active {
  background-color: #422370;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #422370), color-stop(100%, #2c1749));
  background: -webkit-linear-gradient(top, #422370, #2c1749);
  background: -moz-linear-gradient(top, #422370, #2c1749);
  background: -o-linear-gradient(top, #422370, #2c1749);
  background: linear-gradient(top, #422370, #2c1749);
  border: 1px solid #2c1749;
	}
	

.button_jdred { color:#FFFFFF;
  background-color: #900002;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aa0f12), color-stop(100%, #900002));
  background: -webkit-linear-gradient(top, #aa0f12, #900002);
  background: -moz-linear-gradient(top, #aa0f12, #900002);
  background: -o-linear-gradient(top, #aa0f12, #900002);
  background: linear-gradient(top, #aa0f12, #900002);
  border: 1px solid #900002;
  }
.button_jdred:hover { color:#FFFFFF;
  background-color: #900002;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aa0f12), color-stop(100%, #900002));
  background: -webkit-linear-gradient(top, #aa0f12, #900002);
  background: -moz-linear-gradient(top, #aa0f12, #900002);
  background: -o-linear-gradient(top, #aa0f12, #900002);
  background: linear-gradient(top, #aa0f12, #900002);
  border: 1px solid #900002;
  }
  .button_jdred:active {
    background-color: #900002;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aa0f12), color-stop(100%, #900002));
  background: -webkit-linear-gradient(top, #aa0f12, #900002);
  background: -moz-linear-gradient(top, #aa0f12, #900002);
  background: -o-linear-gradient(top, #aa0f12, #900002);
  background: linear-gradient(top, #aa0f12, #900002);
  border: 1px solid #900002;
	}
	
@media screen and (max-width: 480px) {
	.rulesBox { margin:0;
		}
	.rulesBox-section {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	
}