
@import url('https://fonts.googleapis.com/css?family=Neuton:400,700,400italic&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Quattrocento:400,700,400italic&subset=latin,latin-ext');

@font-face {
    font-family: 'Radiance';
    src: url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot' );
    src: url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix') format('embedded-opentype'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff') format('woff'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf') format('truetype'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.svg#ywftsvg') format('svg' );
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Radiance-SemiBold';
    src: url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot' );
    src: url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix') format('embedded-opentype'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff') format('woff'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf') format('truetype'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.svg#ywftsvg') format('svg' );
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #000000;
    padding: 0;
    margin: 0;
    text-align: left;
    overflow-x: hidden;
}

h1, h2, h3 {
	margin: 0;
    -webkit-text-stroke-width: 0px;
    text-stroke-width: 0px;
}

h1 {
	color: #e3e3e3;
	text-shadow: 0px 0px 15px #2456A9;
	text-transform: uppercase;
	font-family: 'Radiance-SemiBold';
	letter-spacing: 6px;
}

h2 {
	font-family: 'Quattrocento';
	color: #D9F1FA;
	font-size: 22px;
	text-shadow: 0px 0px 10px #3883FF, 0px 0px 8px #3883FF;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.1em;
}

p.Desc {
	padding-top: 10px;
	color: #817B77;
}

.Body {
    font-size: 19px;
    line-height: 26px;
    font-family: 'YouYuan','Microsoft YaHei','Radiance', Verdana;
    text-shadow: 1px 1px 2px #000000;
    -webkit-text-stroke-width: 0.3px;
    text-stroke-width: 0.3px;
}

.Body strong {
    font-size: 19px;
    line-height:26px;
    font-family: 'YouYuan','Microsoft YaHei','Radiance', Verdana;
    text-shadow: 1px 1px 2px #000000, 0px 0px 3px #000000, 0px 0px 2px #000000;
    font-weight: normal;
}

.Container {
    background-position: top center;
    background-repeat: repeat-y;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.Content {
    background-position: top center;
    background-repeat: repeat-y;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 1600px;
}

ul {
    font-family: 'YouYuan','Microsoft YaHei','Radiance', Verdana;
    margin: 0px;
    color: #817b77;
    font-size: 16px;
}

li {
    font-family: 'YouYuan','Microsoft YaHei','Radiance', Verdana;
    margin-left: -22px;
}

b {
    font-family: 'Radiance-SemiBold';
    color: #999390;
}

p, span {
    margin: 0;
    font-family: 'YouYuan','Microsoft YaHei','Radiance', Verdana;
    color: #99938F;
    font-size: 16px;
    line-height: 22px;
}

a, input {
    font-family: 'YouYuan','Microsoft YaHei','Radiance', Verdana;
    font-size: 16px;
}

.Copy {
    width: 760px;
    padding: 0px;
}

#Container_Main, #Container_Title {
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -800px;
    width: 1600px;
}

#Container_SectionA {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_02.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 881px;
}

#Container_SectionB {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_03.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 410px;
}

#Container_SectionC {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_04.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 327px;
}

#Container_SectionD {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_05.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 403px;
}

#Container_SectionE {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_06.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 356px;
}

#Container_SectionF {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_07.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 359px;
}

#Container_SectionG {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_08.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 353px;
}

#Container_SectionH {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_09.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 392px;
}

#Container_SectionI {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_10.jpg' ), url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_11.jpg' );
    background-position: top center, top center;
    background-repeat: no-repeat, repeat-y;
    min-height: 177px;
}

#Container_SectionK {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_12.jpg' ), url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_13.jpg' );
    background-position: top center, top center;
    background-repeat: no-repeat, repeat-y;
    min-height: 265px;
}

#Container_SectionM {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_14.jpg' ), url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_15.jpg' );
    background-position: top center, top center;
    background-repeat: no-repeat, repeat-y;
    min-height: 160px;
}

#Container_SectionO {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_16.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 46px;
}

#Container_SectionP {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//shiftingsnows/bg_17.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 375px;
}

#Container_ChangeNotesHeader {
	margin-top: -270px;
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images//newbloom/03/bg_07.jpg');
	height:123px;
}

#Container_ChangeNotes {
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images//newbloom/03/bg_08.png');
	background-repeat: repeat-y;
	padding-top: 20px;
}

#Container_ChangeNotesFooter {
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images//newbloom/03/bg_09.png');
	height: 300px;
}

#Body_SectionA {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 20px;
}

#Body_SectionA h1 {
	text-shadow: 0px 0px 15px #E4E4E4, 0px 0px 5px #539EDB;
	font-size: 72px;
	line-height: 78px;
	letter-spacing: 10px;
}

#Body_SectionA p {
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 4px;
	font-family: 'Quattrocento';
	color: #D2F0F4;
    -webkit-text-stroke-width: 0px;
    text-stroke-width: 0px;
    text-shadow: 0px 0px 2px #87A9B0;
}

#Body_SectionB {
	position: absolute;
	top: 210px;
	left: 800px;
	width: 400px;
}

#Body_SectionC {
	position: absolute;
	top: 50px;
	left: 400px;
	width: 380px;
}

#Body_SectionD {
	position: absolute;
	top: 40px;
	left: 800px;
	width: 400px;
}

#Body_SectionD_Header {
	position: absolute;
	text-align: center;
	bottom: 21px;
	width: 100%;
}

#Body_SectionE {
	position: absolute;
	top: 60px;
	left: 800px;
	width: 400px;
}

#Body_SectionF {
	position: absolute;
	top: 40px;
	left: 380px;
	width: 400px;
}

#Body_SectionG {
	position: absolute;
	top: 40px;
	left: 800px;
	width: 420px;
}

#Body_SectionH {
	position: absolute;
	top: 50px;
	left: 380px;
	width: 400px;
}

#Body_SectionI_Header {
	position: absolute;
	text-align: center;
	top: 87px;
	width: 100%;
}

#Body_ChangeNotesHeader {
	position: absolute;
	text-align: center;
	top: 56px;
	width: 100%;
}

div.BalanceBlock {
	margin-left: 400px;
	width: 800px;
}

div.BalanceBlock h2 {
	font-family: 'Radiance';
	color: #E3E3E3;
	text-shadow: 0px 0px 10px #9B9B76;
	padding-bottom: 20px;
	letter-spacing: 4px;
}

#Body_SectionI {
	padding-top: 180px;
}

#Body_SectionK {
	padding-top: 120px;
}

#Body_SectionM {
	padding-top: 160px;
}

a.ChangeDetailsTrigger {
    color: #ccb69b;
}

a.ChangeDetailsTrigger:hover {
    color: #ffffff;
}

.ChangeDetailsPopup {
    background: none repeat scroll 0 0 #221B1B;
    font-family: 'YouYuan','Microsoft YaHei','Radiance', Verdana;
    border: 1px solid #423A2F;
    -webkit-text-stroke-width: 0px;
    text-stroke-width: 0px;
    box-shadow: 2px 2px 2px #000000, 2px 2px 2px #000000, -2px -2px 2px #000000;
    display: none;
    margin: 5px;
    padding: 8px;
    position: absolute;
    z-index: 100;
    width: 750px;
    color: #B1A9A4;
}

.ChangeDetailsExtended {
    border: 1px solid #423A2F;
    background: none repeat scroll 0 0 #221B1B;
    font-family: 'YouYuan','Microsoft YaHei','Radiance', Verdana;
    margin: 5px;
    padding: 8px;
	margin-left: -22px;
	margin-top: -3px;
}

.ChangeNoteImage {
    padding-bottom:12px;
    float:left;
}

.ChangeNoteImageItem {
    padding-bottom:12px;
    float:left;
}

.ChangeNoteImageItem img {
    width:48px;
    height:36px;
}

.ChangeDetailsEToggle {
	margin: 4px 0px 0px 0px;
	border: none;
	color: #ccb69b;
	padding: 0;
	background-color: transparent;
	font-weight: normal;
}

.ChangeDetailsEToggle:hover {
	color: #ffffff;
	cursor: pointer;
	font-weight: normal;
}

#AC {
	margin-left: -350px;
	width: 700px;
	position: fixed;
	bottom: 250px;
	left: 50%;
	pointer-events: none;
}

img.ACIcon {
	vertical-align: middle;
	pointer-events: none;
}

#AC span {
	text-shadow: 2px 2px 0px #000000;
	font-family: 'Radiance-SemiBold';
	font-size: 18px;
	color: #FAEAC9;
	pointer-events: none;
}

#AC span.ACName {
	color: #316FF3;
	pointer-events: none;
}