@font-face {font-family: 'Bebas Neue';font-style: normal;font-weight: normal;src: local('Bebas Neue'), url('../fonts/BebasNeue.woff') format('woff');}
body{background-color: black; font-family: 'Open Sans', sans-serif; color: white; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis;}
b{font-weight: 300px;}
#percentage p {float: right; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: RGBA(0,0,0,0.7); font-weight: 400; font-size: 16pt; margin: 4px 0 0 0;}
#bar{opacity: 0.8; background-color: #333333; height: 30px; width: 880px; margin: 10px 10px 0px 10px; box-sizing: border-box; border: 3px solid rgba(0,0,0,0.5); border-radius: 10px;}
#bar-width {height: 100%; opacity: 0.7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#underbar {opacity: 0.8; height: 20px; background-color: #333333; margin: 0px 10px 10px 10px; border-radius: 0px 0px 5px 5px; box-sizing: border-box; border: 3px solid rgba(0,0,0,0.5); border-top: 0px;}
#background-scroll { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:-10;}
#bg {background-size: cover; background-position: center center; width: 100%; height: 100%;}
#textslideshow{width: 151px; height: 62px; margin: 0;}
#box {overflow: hidden; background-color: #333333; box-sizing: border-box; border: solid 2px rgba(0,0,0,0.5); box-shadow: 1px 1px 20px #000000; float: left; display: inline-block; margin: 10px;}
#boxnobg {overflow: hidden; box-sizing: border-box; float: left; display: inline-block; margin: 10px;}
#download-item {margin-top: -28px; line-height: 25px; font-size: 15px; font-family: 'Open Sans', sans-serif; color: white; font-weight: 300; margin-left: 17px; float: left; display: inline-block; z-index: 150; position: relative;}
#percentage {margin-top: -28px; line-height: 25px; font-size: 15px; font-family: 'Open Sans', sans-serif; color: white; font-weight: 300; margin-left: 5px; float: right; display: inline-block; margin-right: 17px; z-index: 150; position: relative;}
.wrapper {width: 900px; height: 750px;}
.container{width: 900px; height: 700px; box-sizing: border-box;}
.load{width: 900px; height: 30px; box-sizing: border-box;}
.b11{width: 205px;height: 155px;}.b12{width: 430px;height: 155px;}.b13{width: 655px;height: 155px;}.b14{width: 880px;height: 155px;}.b21{width: 205px;height: 330px;}.b22{width: 430px;height: 330px;}.b23{width: 655px;height: 330px;}.b24{width: 880px;height: 330px;}.b31{width: 205px;height: 505px;}.b32{width: 430px;height: 505px;}.b33{width: 655px;height: 505px;}.b34{width: 880px;height: 505px;}.b41{width: 205px;height: 680px;}.b42{width: 430px;height: 680px;}.b43{width: 655px;height: 680px;}.b44{width: 880px;height: 680px;}
.header{width: 880px; height: 155px; font-family: 'Bebas Neue'; color: white; text-align: center; font-size: 100px; line-height: 155px;}
.subheader{font-family: 'Bebas Neue'; font-size: 30px; line-height: 30px; color: white; width: 261px; height: 30px; display: inline-block; margin-bottom: 5px; display: inline-block; float: left;}
.subheader2{font-family: 'Bebas Neue'; font-size: 25px; line-height: 30px; height: auto; text-align: center; width: 100%; display: block; float: none; margin: 0 auto;}
.roundboxcont{ overflow: hidden; position: relative; display; inline-block;}
.roundbox{margin: 10px; display: inline-block; font-size: 15px; font-family: 'Open Sans', sans-serif; color: white; position:relative; border-radius: 7px; background-color: #474747; padding: 15px; box-sizing: border-box;}
.roundbox#rule{font-family: 'Open Sans', sans-serif; font-weight: 300; overflow: hidden; font-size: 12px; display: inline-block; vertical-align: middle; line-height: normal; text-align: left; padding: 3px 5px 3px 5px; margin: 5px; margin-left: 0px; border-radius: 5px; float: left; width: 366px; height: 42px; display: inline-block;}
.rulebox{width: 100%; height: 56.1px; box-sizing: border-box; font-family: 'Bebas Neue'; font-size: 40px; line-height: 53px;}
.rulenum{text-align: center; font-size: 30px; line-height: 40px; width: 44px; border-radius: 5px; height: 42px; box-sizing: border-box; margin: 5px; display; inline-block; float: left; border: solid 2px #676767;}
.avatarbox{background-size: contain; background-repeat: no-repeat; display: inline-block; float: left; height: 130px; width: 130px; margin: 10px; border-radius: 15px; box-sizing: border-box;}
.helper {display: inline-block; height: 100%;}
.icon{width: 24px; height: 24px; box-sizing: border-box; display: inline-block; float: left; background-size: contain;}
}