.dataTables_length { display: inline-block; padding: 0 10px; } .dataTables_filter { display: inline-block; padding: 0 10px; } .Bars{position:relative} .Bars-title{padding-top:5px} .Bars-title>*{display:inline-block} .Bars--wide{-webkit-box-sizing:border-box;box-sizing:border-box} .Bars--wide:after,.Bars--wide:before{content:"";display:table;clear:both} .Bars--wide .Bars-title{text-align:center;padding-top:24px} .Bars--wide .Bars-name{clear:none;float:left;text-align:right;padding:6.66666667px} .Bars--wide .Bars-progress{clear:none;display: flow-root;padding:6.66666667px} .Bars--wide .Bars-standing{clear:none;float:left;width:25%;padding:6.66666667px;text-align:left} .Progressbar-body-bar { color: #cacaca; text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black; font-weight: 400; font-size: 1.08rem; line-height: 1.5; } div.dataTables_paginate { flex-wrap: wrap; text-align: center; height: 50px; } div.dataTables_paginate span { height: 50px; } div.dataTables_paginate a.paginate_button { padding-right: 10px; padding-left: 10px; min-width: 42px; height: 42px; display: inline-block; } div.dataTables_paginate span a.paginate_button { padding-right: 10px; padding-left: 10px; width: 42px; height: 42px; display: inline-block; } div.dataTables_paginate span a.current { min-width: 42px; height: 42px; display: inline-block; padding: 3px; line-height: 28px; color: #dd163b; border: 4px solid; border-radius: 21px; } table.dataTable thead>tr>th.sorting_asc::after{ border-top:5px solid #f8b700; border-right:5px solid transparent; border-left:5px solid transparent; bottom:calc(45%); content:""; height:10px; right:-15px; position: relative; /* width: 0; */ /* position: absolute; */ display: inline-block; /* opacity: .125; */ /* right: 10px; */ /* line-height: 9px; */ /* font-size: .9em; */ } table.dataTable thead>tr>th.sorting_desc::after{ border-top:none; border-bottom:5px solid #f8b700; bottom:auto; top:calc(45%); border-right: 5px solid transparent; border-left: 5px solid transparent; content: ""; top: -5px; height: 10px; right: -15px; position: relative; /* width: 0; */ /* position: absolute; */ display: inline-block; /* opacity: .125; */ /* right: 10px; */ /* line-height: 9px; */ /* font-size: .9em; */ } .SortTable-label.is-sorted,.SortTable-label.is-sorted-reverse{color:#fff;position:relative} .SortTable-label.is-sorted .SortTable-labelText::after,.SortTable-label.is-sorted-reverse .SortTable-labelText::after{border-top:5px solid #f8b700;border-right:5px solid transparent;border-left:5px solid transparent;bottom:calc(25%);content:"";height:0;right:-15px;position:absolute;width:0} .SortTable-label.is-sorted-reverse .SortTable-labelText::after{border-top:none;border-bottom:5px solid #f8b700;bottom:auto;top:calc(45%)} .verticalChart { width:100%; } .verticalChart .singleBar { width:8%; float:left; margin-left:0.25%; margin-right:0.25%; } .verticalChart .singleBar .bar { position:relative; height:200px; background:rgba(255,255,255,0.2); overflow:hidden; } .verticalChart .singleBar .bar .value { position:absolute; bottom:0; width:100%; background:#ffffff; color:#ffffff; } .verticalChart .singleBar .bar .value span { position:absolute; font-size:12px; bottom:0; width:100%; height:20px; color:#dddddd; /* text-shadow:0px -1px 0px #ffffff, 0px 1px 0px #ffffff, 1px 0px 0px #ffffff, -1px 0px 0px #ffffff, -1px -1px 0px #ffffff, -1px 1px 0px #ffffff, 1px 1px 0px #ffffff, 1px -1px 0px #ffffff;*/ display:none; text-align:center; } .verticalChart .singleBar .title { margin-top:5px; text-align:center; color: #fff; } .Table-data-10 { height: 48px; padding: 5px !important; } .Achievement-title { font-size: 1.08rem; line-height: 1.5; font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif; color: #f8b700; text-shadow: 0 0 1px transparent, 0 1px 2px rgb(0 0 0 / 80%); font-weight: 700; -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s; transition: all .25s cubic-bezier(.23,1,.32,1) 0s; } .font-size-xxLarge{font-size:3.225rem;line-height:1.5em} @media (min-width:720px){.font-size-xxLarge{font-size:3.655rem} } @media (min-width:1280px){.font-size-xxLarge{font-size:4.3rem} } .font-size-xLarge{font-size:2.2395rem;line-height:1.5em} @media (min-width:720px){.font-size-xLarge{font-size:2.5381rem} } @media (min-width:1280px){.font-size-xLarge{font-size:2.986rem} } .font-size-large{font-size:1.866rem;line-height:1.5em} @media (min-width:720px){.font-size-large{font-size:2.1148rem} } @media (min-width:1280px){.font-size-large{font-size:2.488rem} } .font-size-medium{font-size:1.296rem;line-height:1.5em} @media (min-width:720px){.font-size-medium{font-size:1.4688rem} } @media (min-width:1280px){.font-size-medium{font-size:1.728rem} } .font-size-small{font-size:1.08rem;line-height:1.5em} @media (min-width:720px){.font-size-small{font-size:1.224rem} } @media (min-width:1280px){.font-size-small{font-size:1.44rem} } .font-size-xSmall{font-size:.9rem;line-height:1.5em} @media (min-width:720px){.font-size-xSmall{font-size:1.02rem} } @media (min-width:1280px){.font-size-xSmall{font-size:1.2rem} } .font-size-xxSmall{font-size:.75rem;line-height:1.5em} @media (min-width:720px){.font-size-xxSmall{font-size:.85rem} } @media (min-width:1280px){.font-size-xxSmall{font-size:1rem} } .fontFamily-semplicita{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif} .fontFamily-semplicita.zh-cn,.zh-cn .fontFamily-semplicita{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .fontFamily-semplicita.ko-kr,.ko-kr .fontFamily-semplicita{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .fontFamily-semplicita.ru-ru,.ru-ru .fontFamily-semplicita{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .fontFamily-semplicita.zh-tw,.zh-tw .fontFamily-semplicita{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .fontFamily-blizzard{font-family:"Open Sans",Arial,Helvetica,sans-serif} .fontFamily-blizzard.zh-cn,.zh-cn .fontFamily-blizzard{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .fontFamily-blizzard.ko-kr,.ko-kr .fontFamily-blizzard{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .fontFamily-blizzard.ru-ru,.ru-ru .fontFamily-blizzard{font-family:"Open Sans",Arial,Helvetica,sans-serif} .fontFamily-blizzard.zh-tw,.zh-tw .fontFamily-blizzard{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .font-title-tiny{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:.9rem;line-height:1.5em} .font-title-tiny.zh-cn,.zh-cn .font-title-tiny{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-tiny.ko-kr,.ko-kr .font-title-tiny{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-tiny.ru-ru,.ru-ru .font-title-tiny{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-tiny.zh-tw,.zh-tw .font-title-tiny{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-tiny{font-size:1.02rem} } @media (min-width:1280px){.font-title-tiny{font-size:1.2rem} } .font-title-tiny-onDark{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:.9rem;line-height:1.5em} .font-title-tiny-onDark.zh-cn,.zh-cn .font-title-tiny-onDark{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-tiny-onDark.ko-kr,.ko-kr .font-title-tiny-onDark{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-tiny-onDark.ru-ru,.ru-ru .font-title-tiny-onDark{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-tiny-onDark.zh-tw,.zh-tw .font-title-tiny-onDark{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-tiny-onDark{font-size:1.02rem} } @media (min-width:1280px){.font-title-tiny-onDark{font-size:1.2rem} } .font-title-small{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:1.08rem;line-height:1.5em} .font-title-small.zh-cn,.zh-cn .font-title-small{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-small.ko-kr,.ko-kr .font-title-small{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-small.ru-ru,.ru-ru .font-title-small{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-small.zh-tw,.zh-tw .font-title-small{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-small{font-size:1.224rem} } @media (min-width:1280px){.font-title-small{font-size:1.44rem} } .font-title-small-onDark{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:1.08rem;line-height:1.5em} .font-title-small-onDark.zh-cn,.zh-cn .font-title-small-onDark{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-small-onDark.ko-kr,.ko-kr .font-title-small-onDark{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-small-onDark.ru-ru,.ru-ru .font-title-small-onDark{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-small-onDark.zh-tw,.zh-tw .font-title-small-onDark{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-small-onDark{font-size:1.224rem} } @media (min-width:1280px){.font-title-small-onDark{font-size:1.44rem} } .font-title-medium{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:1.296rem;line-height:1.5em} .font-title-medium.zh-cn,.zh-cn .font-title-medium{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-medium.ko-kr,.ko-kr .font-title-medium{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-medium.ru-ru,.ru-ru .font-title-medium{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-medium.zh-tw,.zh-tw .font-title-medium{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-medium{font-size:1.4688rem} } @media (min-width:1280px){.font-title-medium{font-size:1.728rem} } .font-title-medium-onDark{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:1.296rem;line-height:1.5em} .font-title-medium-onDark.zh-cn,.zh-cn .font-title-medium-onDark{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-medium-onDark.ko-kr,.ko-kr .font-title-medium-onDark{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-medium-onDark.ru-ru,.ru-ru .font-title-medium-onDark{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-medium-onDark.zh-tw,.zh-tw .font-title-medium-onDark{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-medium-onDark{font-size:1.4688rem} } @media (min-width:1280px){.font-title-medium-onDark{font-size:1.728rem} } .font-title-normal{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:1.866rem;line-height:1.5em} .font-title-normal.zh-cn,.zh-cn .font-title-normal{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-normal.ko-kr,.ko-kr .font-title-normal{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-normal.ru-ru,.ru-ru .font-title-normal{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-normal.zh-tw,.zh-tw .font-title-normal{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-normal{font-size:2.1148rem} } @media (min-width:1280px){.font-title-normal{font-size:2.488rem} } .font-title-normal-onDark{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:1.866rem;line-height:1.5em} .font-title-normal-onDark.zh-cn,.zh-cn .font-title-normal-onDark{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-normal-onDark.ko-kr,.ko-kr .font-title-normal-onDark{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-normal-onDark.ru-ru,.ru-ru .font-title-normal-onDark{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-normal-onDark.zh-tw,.zh-tw .font-title-normal-onDark{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-normal-onDark{font-size:2.1148rem} } @media (min-width:1280px){.font-title-normal-onDark{font-size:2.488rem} } .font-title-large{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:2.2395rem;line-height:1.5em} .font-title-large.zh-cn,.zh-cn .font-title-large{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-large.ko-kr,.ko-kr .font-title-large{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-large.ru-ru,.ru-ru .font-title-large{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-large.zh-tw,.zh-tw .font-title-large{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-large{font-size:2.5381rem} } @media (min-width:1280px){.font-title-large{font-size:2.986rem} } .font-title-large-onDark{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:2.2395rem;line-height:1.5em} .font-title-large-onDark.zh-cn,.zh-cn .font-title-large-onDark{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-title-large-onDark.ko-kr,.ko-kr .font-title-large-onDark{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-title-large-onDark.ru-ru,.ru-ru .font-title-large-onDark{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-title-large-onDark.zh-tw,.zh-tw .font-title-large-onDark{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-title-large-onDark{font-size:2.5381rem} } @media (min-width:1280px){.font-title-large-onDark{font-size:2.986rem} } .font-subtitle-tiny{color:#cacaca;font-weight:400;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:.9rem;line-height:1.5em} @media (min-width:720px){.font-subtitle-tiny{font-size:1.02rem} } @media (min-width:1280px){.font-subtitle-tiny{font-size:1.2rem} } .font-subtitle-tiny-onDark{color:#b1997f;font-weight:400;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:.9rem;line-height:1.5em} @media (min-width:720px){.font-subtitle-tiny-onDark{font-size:1.02rem} } @media (min-width:1280px){.font-subtitle-tiny-onDark{font-size:1.2rem} } .font-subtitle-small{color:#cacaca;font-weight:400;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:1.08rem;line-height:1.5em} @media (min-width:720px){.font-subtitle-small{font-size:1.224rem} } @media (min-width:1280px){.font-subtitle-small{font-size:1.44rem} } .font-subtitle-small-onDark{color:#b1997f;font-weight:400;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:1.08rem;line-height:1.5em} @media (min-width:720px){.font-subtitle-small-onDark{font-size:1.224rem} } @media (min-width:1280px){.font-subtitle-small-onDark{font-size:1.44rem} } .font-subtitle-normal{color:#cacaca;font-weight:400;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:1.296rem;line-height:1.5em} @media (min-width:720px){.font-subtitle-normal{font-size:1.4688rem} } @media (min-width:1280px){.font-subtitle-normal{font-size:1.728rem} } .font-subtitle-normal-onDark{color:#b1997f;font-weight:400;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:1.296rem;line-height:1.5em} @media (min-width:720px){.font-subtitle-normal-onDark{font-size:1.4688rem} } @media (min-width:1280px){.font-subtitle-normal-onDark{font-size:1.728rem} } .font-subtitle-thick{color:#2a4b71;font-size:1.08rem;line-height:1.5em;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);text-transform:uppercase} @media (min-width:720px){.font-subtitle-thick{font-size:1.224rem} } @media (min-width:1280px){.font-subtitle-thick{font-size:1.44rem} } .font-subtitle-thick.zh-cn,.zh-cn .font-subtitle-thick{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-subtitle-thick.ko-kr,.ko-kr .font-subtitle-thick{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-subtitle-thick.ru-ru,.ru-ru .font-subtitle-thick{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-subtitle-thick.zh-tw,.zh-tw .font-subtitle-thick{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .font-subtitle-thick-onDark{color:#b1997f;font-size:1.08rem;line-height:1.5em;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);text-transform:uppercase} @media (min-width:720px){.font-subtitle-thick-onDark{font-size:1.224rem} } @media (min-width:1280px){.font-subtitle-thick-onDark{font-size:1.44rem} } .font-subtitle-thick-onDark.zh-cn,.zh-cn .font-subtitle-thick-onDark{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-subtitle-thick-onDark.ko-kr,.ko-kr .font-subtitle-thick-onDark{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-subtitle-thick-onDark.ru-ru,.ru-ru .font-subtitle-thick-onDark{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-subtitle-thick-onDark.zh-tw,.zh-tw .font-subtitle-thick-onDark{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .fontWeight-bold{font-weight:700} .fontWeight-normal{font-weight:400} .fontWeight-light{font-weight:400} .fontStyle-italic{font-style:italic} .font-sup{color:#cacaca;text-transform:uppercase;display:inline-block;font-size:9px;margin-left:.25em} .font-legalmark{font-size:.7em;position:relative;top:-.4em} .font-none{font-size:0;line-height:0} .font-body{color:#211510;font-size:.9rem;line-height:1.5em;font-weight:400;font-family:"Open Sans",Arial,Helvetica,sans-serif} @media (min-width:720px){.font-body{font-size:1.02rem} } @media (min-width:1280px){.font-body{font-size:1.2rem} } .font-body-onDark{color:#fff;font-weight:400;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:12px;line-height:1.2em} .font-link:hover{text-decoration:underline} .font-link[disabled]{cursor:default;opacity:.5} .font-noLink{text-decoration:none!important;display:inline-block} body{text-rendering:optimizeLegibility;-webkit-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;-webkit-font-kerning:normal;font-kerning:normal} .font-semp-xxSmall-mediumBeige{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xxSmall-mediumBeige.zh-cn,.zh-cn .font-semp-xxSmall-mediumBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxSmall-mediumBeige.ko-kr,.ko-kr .font-semp-xxSmall-mediumBeige{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxSmall-mediumBeige.ru-ru,.ru-ru .font-semp-xxSmall-mediumBeige{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxSmall-mediumBeige.zh-tw,.zh-tw .font-semp-xxSmall-mediumBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxSmall-mediumBeige{font-size:.85rem} } @media (min-width:1280px){.font-semp-xxSmall-mediumBeige{font-size:1rem} } .font-semp-xxSmall-blue{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;line-height:1.5em;color:#09273e;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8)} .font-semp-xxSmall-blue.zh-cn,.zh-cn .font-semp-xxSmall-blue{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxSmall-blue.ko-kr,.ko-kr .font-semp-xxSmall-blue{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxSmall-blue.ru-ru,.ru-ru .font-semp-xxSmall-blue{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxSmall-blue.zh-tw,.zh-tw .font-semp-xxSmall-blue{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxSmall-blue{font-size:.85rem} } @media (min-width:1280px){.font-semp-xxSmall-blue{font-size:1rem} } .font-semp-xxSmall-darkBrown{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;line-height:1.5em;color:#211510} .font-semp-xxSmall-darkBrown.zh-cn,.zh-cn .font-semp-xxSmall-darkBrown{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxSmall-darkBrown.ko-kr,.ko-kr .font-semp-xxSmall-darkBrown{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxSmall-darkBrown.ru-ru,.ru-ru .font-semp-xxSmall-darkBrown{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxSmall-darkBrown.zh-tw,.zh-tw .font-semp-xxSmall-darkBrown{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxSmall-darkBrown{font-size:.85rem} } @media (min-width:1280px){.font-semp-xxSmall-darkBrown{font-size:1rem} } .font-semp-xxSmall-white{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xxSmall-white.zh-cn,.zh-cn .font-semp-xxSmall-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxSmall-white.ko-kr,.ko-kr .font-semp-xxSmall-white{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxSmall-white.ru-ru,.ru-ru .font-semp-xxSmall-white{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxSmall-white.zh-tw,.zh-tw .font-semp-xxSmall-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxSmall-white{font-size:.85rem} } @media (min-width:1280px){.font-semp-xxSmall-white{font-size:1rem} } .font-semp-xxSmall-black{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;line-height:1.5em;color:#000;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xxSmall-black.zh-cn,.zh-cn .font-semp-xxSmall-black{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxSmall-black.ko-kr,.ko-kr .font-semp-xxSmall-black{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxSmall-black.ru-ru,.ru-ru .font-semp-xxSmall-black{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxSmall-black.zh-tw,.zh-tw .font-semp-xxSmall-black{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxSmall-black{font-size:.85rem} } @media (min-width:1280px){.font-semp-xxSmall-black{font-size:1rem} } .font-semp-xxSmall-lightGold{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xxSmall-lightGold.zh-cn,.zh-cn .font-semp-xxSmall-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxSmall-lightGold.ko-kr,.ko-kr .font-semp-xxSmall-lightGold{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxSmall-lightGold.ru-ru,.ru-ru .font-semp-xxSmall-lightGold{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxSmall-lightGold.zh-tw,.zh-tw .font-semp-xxSmall-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxSmall-lightGold{font-size:.85rem} } @media (min-width:1280px){.font-semp-xxSmall-lightGold{font-size:1rem} } .font-semp-xxSmall-gray{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;line-height:1.5em;color:#cacaca;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xxSmall-gray.zh-cn,.zh-cn .font-semp-xxSmall-gray{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxSmall-gray.ko-kr,.ko-kr .font-semp-xxSmall-gray{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxSmall-gray.ru-ru,.ru-ru .font-semp-xxSmall-gray{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxSmall-gray.zh-tw,.zh-tw .font-semp-xxSmall-gray{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxSmall-gray{font-size:.85rem} } @media (min-width:1280px){.font-semp-xxSmall-gray{font-size:1rem} } .font-semp-xxSmall-silver{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;line-height:1.5em;color:#aaa;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xxSmall-silver.zh-cn,.zh-cn .font-semp-xxSmall-silver{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxSmall-silver.ko-kr,.ko-kr .font-semp-xxSmall-silver{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxSmall-silver.ru-ru,.ru-ru .font-semp-xxSmall-silver{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxSmall-silver.zh-tw,.zh-tw .font-semp-xxSmall-silver{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxSmall-silver{font-size:.85rem} } @media (min-width:1280px){.font-semp-xxSmall-silver{font-size:1rem} } .font-semp-xSmall-red{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#961901;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8)} .font-semp-xSmall-red.zh-cn,.zh-cn .font-semp-xSmall-red{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xSmall-red.ko-kr,.ko-kr .font-semp-xSmall-red{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xSmall-red.ru-ru,.ru-ru .font-semp-xSmall-red{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xSmall-red.zh-tw,.zh-tw .font-semp-xSmall-red{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xSmall-red{font-size:1.02rem} } @media (min-width:1280px){.font-semp-xSmall-red{font-size:1.2rem} } .font-semp-xSmall-blue{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#09273e;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8)} .font-semp-xSmall-blue.zh-cn,.zh-cn .font-semp-xSmall-blue{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xSmall-blue.ko-kr,.ko-kr .font-semp-xSmall-blue{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xSmall-blue.ru-ru,.ru-ru .font-semp-xSmall-blue{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xSmall-blue.zh-tw,.zh-tw .font-semp-xSmall-blue{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xSmall-blue{font-size:1.02rem} } @media (min-width:1280px){.font-semp-xSmall-blue{font-size:1.2rem} } .font-semp-xSmall-lightGold{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xSmall-lightGold.zh-cn,.zh-cn .font-semp-xSmall-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xSmall-lightGold.ko-kr,.ko-kr .font-semp-xSmall-lightGold{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xSmall-lightGold.ru-ru,.ru-ru .font-semp-xSmall-lightGold{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xSmall-lightGold.zh-tw,.zh-tw .font-semp-xSmall-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xSmall-lightGold{font-size:1.02rem} } @media (min-width:1280px){.font-semp-xSmall-lightGold{font-size:1.2rem} } .font-semp-xSmall-white{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xSmall-white.zh-cn,.zh-cn .font-semp-xSmall-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xSmall-white.ko-kr,.ko-kr .font-semp-xSmall-white{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xSmall-white.ru-ru,.ru-ru .font-semp-xSmall-white{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xSmall-white.zh-tw,.zh-tw .font-semp-xSmall-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xSmall-white{font-size:1.02rem} } @media (min-width:1280px){.font-semp-xSmall-white{font-size:1.2rem} } .font-semp-xxSmall-black{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#000;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xxSmall-black.zh-cn,.zh-cn .font-semp-xxSmall-black{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxSmall-black.ko-kr,.ko-kr .font-semp-xxSmall-black{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxSmall-black.ru-ru,.ru-ru .font-semp-xxSmall-black{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxSmall-black.zh-tw,.zh-tw .font-semp-xxSmall-black{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxSmall-black{font-size:1.02rem} } @media (min-width:1280px){.font-semp-xxSmall-black{font-size:1.2rem} } .font-semp-xSmall-darkBeige{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#b1997f;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xSmall-darkBeige.zh-cn,.zh-cn .font-semp-xSmall-darkBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xSmall-darkBeige.ko-kr,.ko-kr .font-semp-xSmall-darkBeige{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xSmall-darkBeige.ru-ru,.ru-ru .font-semp-xSmall-darkBeige{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xSmall-darkBeige.zh-tw,.zh-tw .font-semp-xSmall-darkBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xSmall-darkBeige{font-size:1.02rem} } @media (min-width:1280px){.font-semp-xSmall-darkBeige{font-size:1.2rem} } .font-semp-xSmall-mediumBeige{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xSmall-mediumBeige.zh-cn,.zh-cn .font-semp-xSmall-mediumBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xSmall-mediumBeige.ko-kr,.ko-kr .font-semp-xSmall-mediumBeige{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xSmall-mediumBeige.ru-ru,.ru-ru .font-semp-xSmall-mediumBeige{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xSmall-mediumBeige.zh-tw,.zh-tw .font-semp-xSmall-mediumBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xSmall-mediumBeige{font-size:1.02rem} } @media (min-width:1280px){.font-semp-xSmall-mediumBeige{font-size:1.2rem} } .font-semp-xSmall-darkBeige{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#b1997f;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-xSmall-darkBeige.zh-cn,.zh-cn .font-semp-xSmall-darkBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xSmall-darkBeige.ko-kr,.ko-kr .font-semp-xSmall-darkBeige{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xSmall-darkBeige.ru-ru,.ru-ru .font-semp-xSmall-darkBeige{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xSmall-darkBeige.zh-tw,.zh-tw .font-semp-xSmall-darkBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xSmall-darkBeige{font-size:1.02rem} } @media (min-width:1280px){.font-semp-xSmall-darkBeige{font-size:1.2rem} } .font-semp-small-lightGold{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-small-lightGold.zh-cn,.zh-cn .font-semp-small-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-small-lightGold.ko-kr,.ko-kr .font-semp-small-lightGold{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-small-lightGold.ru-ru,.ru-ru .font-semp-small-lightGold{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-small-lightGold.zh-tw,.zh-tw .font-semp-small-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-small-lightGold{font-size:1.224rem} } @media (min-width:1280px){.font-semp-small-lightGold{font-size:1.44rem} } .font-semp-small-lightBlue{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#2a4b71;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-small-lightBlue.zh-cn,.zh-cn .font-semp-small-lightBlue{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-small-lightBlue.ko-kr,.ko-kr .font-semp-small-lightBlue{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-small-lightBlue.ru-ru,.ru-ru .font-semp-small-lightBlue{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-small-lightBlue.zh-tw,.zh-tw .font-semp-small-lightBlue{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-small-lightBlue{font-size:1.224rem} } @media (min-width:1280px){.font-semp-small-lightBlue{font-size:1.44rem} } .font-semp-small-darkBeige{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#b1997f;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-small-darkBeige.zh-cn,.zh-cn .font-semp-small-darkBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-small-darkBeige.ko-kr,.ko-kr .font-semp-small-darkBeige{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-small-darkBeige.ru-ru,.ru-ru .font-semp-small-darkBeige{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-small-darkBeige.zh-tw,.zh-tw .font-semp-small-darkBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-small-darkBeige{font-size:1.224rem} } @media (min-width:1280px){.font-semp-small-darkBeige{font-size:1.44rem} } .font-semp-small-mediumBeige{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-small-mediumBeige.zh-cn,.zh-cn .font-semp-small-mediumBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-small-mediumBeige.ko-kr,.ko-kr .font-semp-small-mediumBeige{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-small-mediumBeige.ru-ru,.ru-ru .font-semp-small-mediumBeige{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-small-mediumBeige.zh-tw,.zh-tw .font-semp-small-mediumBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-small-mediumBeige{font-size:1.224rem} } @media (min-width:1280px){.font-semp-small-mediumBeige{font-size:1.44rem} } .font-semp-small-mediumGreen{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#1b9601;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-small-mediumGreen.zh-cn,.zh-cn .font-semp-small-mediumGreen{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-small-mediumGreen.ko-kr,.ko-kr .font-semp-small-mediumGreen{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-small-mediumGreen.ru-ru,.ru-ru .font-semp-small-mediumGreen{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-small-mediumGreen.zh-tw,.zh-tw .font-semp-small-mediumGreen{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-small-mediumGreen{font-size:1.224rem} } @media (min-width:1280px){.font-semp-small-mediumGreen{font-size:1.44rem} } .font-semp-small-white{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-small-white.zh-cn,.zh-cn .font-semp-small-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-small-white.ko-kr,.ko-kr .font-semp-small-white{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-small-white.ru-ru,.ru-ru .font-semp-small-white{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-small-white.zh-tw,.zh-tw .font-semp-small-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-small-white{font-size:1.224rem} } @media (min-width:1280px){.font-semp-small-white{font-size:1.44rem} } .font-semp-small-black{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#000;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-small-black.zh-cn,.zh-cn .font-semp-small-black{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-small-black.ko-kr,.ko-kr .font-semp-small-black{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-small-black.ru-ru,.ru-ru .font-semp-small-black{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-small-black.zh-tw,.zh-tw .font-semp-small-black{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-small-black{font-size:1.224rem} } @media (min-width:1280px){.font-semp-small-black{font-size:1.44rem} } .font-semp-medium-lightBeige{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#f3eee2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-medium-lightBeige.zh-cn,.zh-cn .font-semp-medium-lightBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-medium-lightBeige.ko-kr,.ko-kr .font-semp-medium-lightBeige{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-medium-lightBeige.ru-ru,.ru-ru .font-semp-medium-lightBeige{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-medium-lightBeige.zh-tw,.zh-tw .font-semp-medium-lightBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-medium-lightBeige{font-size:1.4688rem} } @media (min-width:1280px){.font-semp-medium-lightBeige{font-size:1.728rem} } .font-semp-medium-darkBeige{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#b1997f;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-medium-darkBeige.zh-cn,.zh-cn .font-semp-medium-darkBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-medium-darkBeige.ko-kr,.ko-kr .font-semp-medium-darkBeige{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-medium-darkBeige.ru-ru,.ru-ru .font-semp-medium-darkBeige{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-medium-darkBeige.zh-tw,.zh-tw .font-semp-medium-darkBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-medium-darkBeige{font-size:1.4688rem} } @media (min-width:1280px){.font-semp-medium-darkBeige{font-size:1.728rem} } .font-semp-medium-red{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#961901;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8)} .font-semp-medium-red.zh-cn,.zh-cn .font-semp-medium-red{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-medium-red.ko-kr,.ko-kr .font-semp-medium-red{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-medium-red.ru-ru,.ru-ru .font-semp-medium-red{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-medium-red.zh-tw,.zh-tw .font-semp-medium-red{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-medium-red{font-size:1.4688rem} } @media (min-width:1280px){.font-semp-medium-red{font-size:1.728rem} } .font-semp-medium-blue{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#09273e;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8)} .font-semp-medium-blue.zh-cn,.zh-cn .font-semp-medium-blue{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-medium-blue.ko-kr,.ko-kr .font-semp-medium-blue{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-medium-blue.ru-ru,.ru-ru .font-semp-medium-blue{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-medium-blue.zh-tw,.zh-tw .font-semp-medium-blue{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-medium-blue{font-size:1.4688rem} } @media (min-width:1280px){.font-semp-medium-blue{font-size:1.728rem} } .font-semp-medium-lightGold{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-medium-lightGold.zh-cn,.zh-cn .font-semp-medium-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-medium-lightGold.ko-kr,.ko-kr .font-semp-medium-lightGold{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-medium-lightGold.ru-ru,.ru-ru .font-semp-medium-lightGold{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-medium-lightGold.zh-tw,.zh-tw .font-semp-medium-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-medium-lightGold{font-size:1.4688rem} } @media (min-width:1280px){.font-semp-medium-lightGold{font-size:1.728rem} } .font-semp-medium-white{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-medium-white.zh-cn,.zh-cn .font-semp-medium-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-medium-white.ko-kr,.ko-kr .font-semp-medium-white{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-medium-white.ru-ru,.ru-ru .font-semp-medium-white{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-medium-white.zh-tw,.zh-tw .font-semp-medium-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-medium-white{font-size:1.4688rem} } @media (min-width:1280px){.font-semp-medium-white{font-size:1.728rem} } .font-semp-medium-black{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#000;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-medium-black.zh-cn,.zh-cn .font-semp-medium-black{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-medium-black.ko-kr,.ko-kr .font-semp-medium-black{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-medium-black.ru-ru,.ru-ru .font-semp-medium-black{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-medium-black.zh-tw,.zh-tw .font-semp-medium-black{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-medium-black{font-size:1.4688rem} } @media (min-width:1280px){.font-semp-medium-black{font-size:1.728rem} } .font-semp-large-blue{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.866rem;line-height:1.5em;color:#09273e;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8)} .font-semp-large-blue.zh-cn,.zh-cn .font-semp-large-blue{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-large-blue.ko-kr,.ko-kr .font-semp-large-blue{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-large-blue.ru-ru,.ru-ru .font-semp-large-blue{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-large-blue.zh-tw,.zh-tw .font-semp-large-blue{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-large-blue{font-size:2.1148rem} } @media (min-width:1280px){.font-semp-large-blue{font-size:2.488rem} } .font-semp-large-white{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.866rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .font-semp-large-white.zh-cn,.zh-cn .font-semp-large-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-large-white.ko-kr,.ko-kr .font-semp-large-white{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-large-white.ru-ru,.ru-ru .font-semp-large-white{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-large-white.zh-tw,.zh-tw .font-semp-large-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-large-white{font-size:2.1148rem} } @media (min-width:1280px){.font-semp-large-white{font-size:2.488rem} } .font-semp-large-black{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.866rem;line-height:1.5em;color:#000;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-semp-large-black.zh-cn,.zh-cn .font-semp-large-black{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-large-black.ko-kr,.ko-kr .font-semp-large-black{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-large-black.ru-ru,.ru-ru .font-semp-large-black{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-large-black.zh-tw,.zh-tw .font-semp-large-black{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-large-black{font-size:2.1148rem} } @media (min-width:1280px){.font-semp-large-black{font-size:2.488rem} } .font-semp-xLarge-white{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:2.2395rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .font-semp-xLarge-white.zh-cn,.zh-cn .font-semp-xLarge-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xLarge-white.ko-kr,.ko-kr .font-semp-xLarge-white{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xLarge-white.ru-ru,.ru-ru .font-semp-xLarge-white{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xLarge-white.zh-tw,.zh-tw .font-semp-xLarge-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xLarge-white{font-size:2.5381rem} } @media (min-width:1280px){.font-semp-xLarge-white{font-size:2.986rem} } .font-semp-xLarge-black{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:2.2395rem;line-height:1.5em;color:#000;text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .font-semp-xLarge-black.zh-cn,.zh-cn .font-semp-xLarge-black{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xLarge-black.ko-kr,.ko-kr .font-semp-xLarge-black{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xLarge-black.ru-ru,.ru-ru .font-semp-xLarge-black{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xLarge-black.zh-tw,.zh-tw .font-semp-xLarge-black{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xLarge-black{font-size:2.5381rem} } @media (min-width:1280px){.font-semp-xLarge-black{font-size:2.986rem} } .font-semp-xxLarge-white{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:3.225rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .font-semp-xxLarge-white.zh-cn,.zh-cn .font-semp-xxLarge-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxLarge-white.ko-kr,.ko-kr .font-semp-xxLarge-white{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxLarge-white.ru-ru,.ru-ru .font-semp-xxLarge-white{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxLarge-white.zh-tw,.zh-tw .font-semp-xxLarge-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxLarge-white{font-size:3.655rem} } @media (min-width:1280px){.font-semp-xxLarge-white{font-size:4.3rem} } .font-semp-xxLarge-black{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:3.225rem;line-height:1.5em;color:#000;text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .font-semp-xxLarge-black.zh-cn,.zh-cn .font-semp-xxLarge-black{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-semp-xxLarge-black.ko-kr,.ko-kr .font-semp-xxLarge-black{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-semp-xxLarge-black.ru-ru,.ru-ru .font-semp-xxLarge-black{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .font-semp-xxLarge-black.zh-tw,.zh-tw .font-semp-xxLarge-black{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-semp-xxLarge-black{font-size:3.655rem} } @media (min-width:1280px){.font-semp-xxLarge-black{font-size:4.3rem} } .font-bliz-light-xxSmall-darkBeige{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#b1997f;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xxSmall-darkBeige.zh-cn,.zh-cn .font-bliz-light-xxSmall-darkBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xxSmall-darkBeige.ko-kr,.ko-kr .font-bliz-light-xxSmall-darkBeige{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xxSmall-darkBeige.ru-ru,.ru-ru .font-bliz-light-xxSmall-darkBeige{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xxSmall-darkBeige.zh-tw,.zh-tw .font-bliz-light-xxSmall-darkBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xxSmall-darkBeige{font-size:.85rem} } @media (min-width:1280px){.font-bliz-light-xxSmall-darkBeige{font-size:1rem} } .font-bliz-light-xxSmall-mediumGold{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#c76700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xxSmall-mediumGold.zh-cn,.zh-cn .font-bliz-light-xxSmall-mediumGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xxSmall-mediumGold.ko-kr,.ko-kr .font-bliz-light-xxSmall-mediumGold{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xxSmall-mediumGold.ru-ru,.ru-ru .font-bliz-light-xxSmall-mediumGold{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xxSmall-mediumGold.zh-tw,.zh-tw .font-bliz-light-xxSmall-mediumGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xxSmall-mediumGold{font-size:.85rem} } @media (min-width:1280px){.font-bliz-light-xxSmall-mediumGold{font-size:1rem} } .font-bliz-light-xxSmall-white{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xxSmall-white.zh-cn,.zh-cn .font-bliz-light-xxSmall-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xxSmall-white.ko-kr,.ko-kr .font-bliz-light-xxSmall-white{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xxSmall-white.ru-ru,.ru-ru .font-bliz-light-xxSmall-white{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xxSmall-white.zh-tw,.zh-tw .font-bliz-light-xxSmall-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xxSmall-white{font-size:.85rem} } @media (min-width:1280px){.font-bliz-light-xxSmall-white{font-size:1rem} } .font-bliz-light-xxSmall-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xxSmall-beige.zh-cn,.zh-cn .font-bliz-light-xxSmall-beige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xxSmall-beige.ko-kr,.ko-kr .font-bliz-light-xxSmall-beige{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xxSmall-beige.ru-ru,.ru-ru .font-bliz-light-xxSmall-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xxSmall-beige.zh-tw,.zh-tw .font-bliz-light-xxSmall-beige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xxSmall-beige{font-size:.85rem} } @media (min-width:1280px){.font-bliz-light-xxSmall-beige{font-size:1rem} } .font-bliz-light-xxSmall-gray{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#cacaca;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xxSmall-gray.zh-cn,.zh-cn .font-bliz-light-xxSmall-gray{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xxSmall-gray.ko-kr,.ko-kr .font-bliz-light-xxSmall-gray{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xxSmall-gray.ru-ru,.ru-ru .font-bliz-light-xxSmall-gray{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xxSmall-gray.zh-tw,.zh-tw .font-bliz-light-xxSmall-gray{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xxSmall-gray{font-size:.85rem} } @media (min-width:1280px){.font-bliz-light-xxSmall-gray{font-size:1rem} } .font-bliz-light-xxSmall-silver{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#aaa;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xxSmall-silver.zh-cn,.zh-cn .font-bliz-light-xxSmall-silver{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xxSmall-silver.ko-kr,.ko-kr .font-bliz-light-xxSmall-silver{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xxSmall-silver.ru-ru,.ru-ru .font-bliz-light-xxSmall-silver{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xxSmall-silver.zh-tw,.zh-tw .font-bliz-light-xxSmall-silver{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xxSmall-silver{font-size:.85rem} } @media (min-width:1280px){.font-bliz-light-xxSmall-silver{font-size:1rem} } .font-bliz-light-xxSmall-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xxSmall-lightGold.zh-cn,.zh-cn .font-bliz-light-xxSmall-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xxSmall-lightGold.ko-kr,.ko-kr .font-bliz-light-xxSmall-lightGold{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xxSmall-lightGold.ru-ru,.ru-ru .font-bliz-light-xxSmall-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xxSmall-lightGold.zh-tw,.zh-tw .font-bliz-light-xxSmall-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xxSmall-lightGold{font-size:.85rem} } @media (min-width:1280px){.font-bliz-light-xxSmall-lightGold{font-size:1rem} } .font-bliz-light-xSmall-darkBeige{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#b1997f;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xSmall-darkBeige.zh-cn,.zh-cn .font-bliz-light-xSmall-darkBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xSmall-darkBeige.ko-kr,.ko-kr .font-bliz-light-xSmall-darkBeige{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xSmall-darkBeige.ru-ru,.ru-ru .font-bliz-light-xSmall-darkBeige{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xSmall-darkBeige.zh-tw,.zh-tw .font-bliz-light-xSmall-darkBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xSmall-darkBeige{font-size:1.02rem} } @media (min-width:1280px){.font-bliz-light-xSmall-darkBeige{font-size:1.2rem} } .font-bliz-light-xSmall-lightOrange{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#ff7200;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xSmall-lightOrange.zh-cn,.zh-cn .font-bliz-light-xSmall-lightOrange{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xSmall-lightOrange.ko-kr,.ko-kr .font-bliz-light-xSmall-lightOrange{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xSmall-lightOrange.ru-ru,.ru-ru .font-bliz-light-xSmall-lightOrange{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xSmall-lightOrange.zh-tw,.zh-tw .font-bliz-light-xSmall-lightOrange{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xSmall-lightOrange{font-size:1.02rem} } @media (min-width:1280px){.font-bliz-light-xSmall-lightOrange{font-size:1.2rem} } .font-bliz-light-xSmall-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xSmall-beige.zh-cn,.zh-cn .font-bliz-light-xSmall-beige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xSmall-beige.ko-kr,.ko-kr .font-bliz-light-xSmall-beige{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xSmall-beige.ru-ru,.ru-ru .font-bliz-light-xSmall-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xSmall-beige.zh-tw,.zh-tw .font-bliz-light-xSmall-beige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xSmall-beige{font-size:1.02rem} } @media (min-width:1280px){.font-bliz-light-xSmall-beige{font-size:1.2rem} } .font-bliz-light-xSmall-white{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xSmall-white.zh-cn,.zh-cn .font-bliz-light-xSmall-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xSmall-white.ko-kr,.ko-kr .font-bliz-light-xSmall-white{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xSmall-white.ru-ru,.ru-ru .font-bliz-light-xSmall-white{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xSmall-white.zh-tw,.zh-tw .font-bliz-light-xSmall-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xSmall-white{font-size:1.02rem} } @media (min-width:1280px){.font-bliz-light-xSmall-white{font-size:1.2rem} } .font-bliz-light-xSmall-gray{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#cacaca;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xSmall-gray.zh-cn,.zh-cn .font-bliz-light-xSmall-gray{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xSmall-gray.ko-kr,.ko-kr .font-bliz-light-xSmall-gray{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xSmall-gray.ru-ru,.ru-ru .font-bliz-light-xSmall-gray{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xSmall-gray.zh-tw,.zh-tw .font-bliz-light-xSmall-gray{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xSmall-gray{font-size:1.02rem} } @media (min-width:1280px){.font-bliz-light-xSmall-gray{font-size:1.2rem} } .font-bliz-light-xSmall-darkGray{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#777;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xSmall-darkGray.zh-cn,.zh-cn .font-bliz-light-xSmall-darkGray{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xSmall-darkGray.ko-kr,.ko-kr .font-bliz-light-xSmall-darkGray{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xSmall-darkGray.ru-ru,.ru-ru .font-bliz-light-xSmall-darkGray{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xSmall-darkGray.zh-tw,.zh-tw .font-bliz-light-xSmall-darkGray{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xSmall-darkGray{font-size:1.02rem} } @media (min-width:1280px){.font-bliz-light-xSmall-darkGray{font-size:1.2rem} } .font-bliz-light-xSmall-lightGreen{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#0f0;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xSmall-lightGreen.zh-cn,.zh-cn .font-bliz-light-xSmall-lightGreen{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xSmall-lightGreen.ko-kr,.ko-kr .font-bliz-light-xSmall-lightGreen{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xSmall-lightGreen.ru-ru,.ru-ru .font-bliz-light-xSmall-lightGreen{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xSmall-lightGreen.zh-tw,.zh-tw .font-bliz-light-xSmall-lightGreen{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xSmall-lightGreen{font-size:1.02rem} } @media (min-width:1280px){.font-bliz-light-xSmall-lightGreen{font-size:1.2rem} } .font-bliz-light-xSmall-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xSmall-lightGold.zh-cn,.zh-cn .font-bliz-light-xSmall-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xSmall-lightGold.ko-kr,.ko-kr .font-bliz-light-xSmall-lightGold{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xSmall-lightGold.ru-ru,.ru-ru .font-bliz-light-xSmall-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xSmall-lightGold.zh-tw,.zh-tw .font-bliz-light-xSmall-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xSmall-lightGold{font-size:1.02rem} } @media (min-width:1280px){.font-bliz-light-xSmall-lightGold{font-size:1.2rem} } .font-bliz-light-small-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-small-lightGold.zh-cn,.zh-cn .font-bliz-light-small-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-small-lightGold.ko-kr,.ko-kr .font-bliz-light-small-lightGold{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-small-lightGold.ru-ru,.ru-ru .font-bliz-light-small-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-small-lightGold.zh-tw,.zh-tw .font-bliz-light-small-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-small-lightGold{font-size:1.224rem} } @media (min-width:1280px){.font-bliz-light-small-lightGold{font-size:1.44rem} } .font-bliz-light-small-mediumGreen{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#1b9601;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-small-mediumGreen.zh-cn,.zh-cn .font-bliz-light-small-mediumGreen{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-small-mediumGreen.ko-kr,.ko-kr .font-bliz-light-small-mediumGreen{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-small-mediumGreen.ru-ru,.ru-ru .font-bliz-light-small-mediumGreen{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-small-mediumGreen.zh-tw,.zh-tw .font-bliz-light-small-mediumGreen{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-small-mediumGreen{font-size:1.224rem} } @media (min-width:1280px){.font-bliz-light-small-mediumGreen{font-size:1.44rem} } .font-bliz-light-small-white{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-small-white.zh-cn,.zh-cn .font-bliz-light-small-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-small-white.ko-kr,.ko-kr .font-bliz-light-small-white{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-small-white.ru-ru,.ru-ru .font-bliz-light-small-white{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-small-white.zh-tw,.zh-tw .font-bliz-light-small-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-small-white{font-size:1.224rem} } @media (min-width:1280px){.font-bliz-light-small-white{font-size:1.44rem} } .font-bliz-light-small-gray{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#cacaca;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-small-gray.zh-cn,.zh-cn .font-bliz-light-small-gray{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-small-gray.ko-kr,.ko-kr .font-bliz-light-small-gray{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-small-gray.ru-ru,.ru-ru .font-bliz-light-small-gray{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-small-gray.zh-tw,.zh-tw .font-bliz-light-small-gray{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-small-gray{font-size:1.224rem} } @media (min-width:1280px){.font-bliz-light-small-gray{font-size:1.44rem} } .font-bliz-light-small-darkGray{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#777;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-small-darkGray.zh-cn,.zh-cn .font-bliz-light-small-darkGray{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-small-darkGray.ko-kr,.ko-kr .font-bliz-light-small-darkGray{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-small-darkGray.ru-ru,.ru-ru .font-bliz-light-small-darkGray{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-small-darkGray.zh-tw,.zh-tw .font-bliz-light-small-darkGray{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-small-darkGray{font-size:1.224rem} } @media (min-width:1280px){.font-bliz-light-small-darkGray{font-size:1.44rem} } .font-bliz-light-small-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-small-beige.zh-cn,.zh-cn .font-bliz-light-small-beige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-small-beige.ko-kr,.ko-kr .font-bliz-light-small-beige{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-small-beige.ru-ru,.ru-ru .font-bliz-light-small-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-small-beige.zh-tw,.zh-tw .font-bliz-light-small-beige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-small-beige{font-size:1.224rem} } @media (min-width:1280px){.font-bliz-light-small-beige{font-size:1.44rem} } .font-bliz-light-small-darkBeige{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#b1997f;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-small-darkBeige.zh-cn,.zh-cn .font-bliz-light-small-darkBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-small-darkBeige.ko-kr,.ko-kr .font-bliz-light-small-darkBeige{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-small-darkBeige.ru-ru,.ru-ru .font-bliz-light-small-darkBeige{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-small-darkBeige.zh-tw,.zh-tw .font-bliz-light-small-darkBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-small-darkBeige{font-size:1.224rem} } @media (min-width:1280px){.font-bliz-light-small-darkBeige{font-size:1.44rem} } .font-bliz-light-medium-white{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-medium-white.zh-cn,.zh-cn .font-bliz-light-medium-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-medium-white.ko-kr,.ko-kr .font-bliz-light-medium-white{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-medium-white.ru-ru,.ru-ru .font-bliz-light-medium-white{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-medium-white.zh-tw,.zh-tw .font-bliz-light-medium-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-medium-white{font-size:1.4688rem} } @media (min-width:1280px){.font-bliz-light-medium-white{font-size:1.728rem} } .font-bliz-light-medium-darkBeige{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;color:#b1997f;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-medium-darkBeige.zh-cn,.zh-cn .font-bliz-light-medium-darkBeige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-medium-darkBeige.ko-kr,.ko-kr .font-bliz-light-medium-darkBeige{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-medium-darkBeige.ru-ru,.ru-ru .font-bliz-light-medium-darkBeige{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-medium-darkBeige.zh-tw,.zh-tw .font-bliz-light-medium-darkBeige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-medium-darkBeige{font-size:1.4688rem} } @media (min-width:1280px){.font-bliz-light-medium-darkBeige{font-size:1.728rem} } .font-bliz-light-medium-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-medium-beige.zh-cn,.zh-cn .font-bliz-light-medium-beige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-medium-beige.ko-kr,.ko-kr .font-bliz-light-medium-beige{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-medium-beige.ru-ru,.ru-ru .font-bliz-light-medium-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-medium-beige.zh-tw,.zh-tw .font-bliz-light-medium-beige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-medium-beige{font-size:1.4688rem} } @media (min-width:1280px){.font-bliz-light-medium-beige{font-size:1.728rem} } .font-bliz-light-medium-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-medium-lightGold.zh-cn,.zh-cn .font-bliz-light-medium-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-medium-lightGold.ko-kr,.ko-kr .font-bliz-light-medium-lightGold{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-medium-lightGold.ru-ru,.ru-ru .font-bliz-light-medium-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-medium-lightGold.zh-tw,.zh-tw .font-bliz-light-medium-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-medium-lightGold{font-size:1.4688rem} } @media (min-width:1280px){.font-bliz-light-medium-lightGold{font-size:1.728rem} } .font-bliz-light-medium-lightOrange{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;color:#ff7200;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-medium-lightOrange.zh-cn,.zh-cn .font-bliz-light-medium-lightOrange{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-medium-lightOrange.ko-kr,.ko-kr .font-bliz-light-medium-lightOrange{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-medium-lightOrange.ru-ru,.ru-ru .font-bliz-light-medium-lightOrange{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-medium-lightOrange.zh-tw,.zh-tw .font-bliz-light-medium-lightOrange{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-medium-lightOrange{font-size:1.4688rem} } @media (min-width:1280px){.font-bliz-light-medium-lightOrange{font-size:1.728rem} } .font-bliz-light-large-white{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.866rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-large-white.zh-cn,.zh-cn .font-bliz-light-large-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-large-white.ko-kr,.ko-kr .font-bliz-light-large-white{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-large-white.ru-ru,.ru-ru .font-bliz-light-large-white{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-large-white.zh-tw,.zh-tw .font-bliz-light-large-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-large-white{font-size:2.1148rem} } @media (min-width:1280px){.font-bliz-light-large-white{font-size:2.488rem} } .font-bliz-light-large-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.866rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-large-lightGold.zh-cn,.zh-cn .font-bliz-light-large-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-large-lightGold.ko-kr,.ko-kr .font-bliz-light-large-lightGold{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-large-lightGold.ru-ru,.ru-ru .font-bliz-light-large-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-large-lightGold.zh-tw,.zh-tw .font-bliz-light-large-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-large-lightGold{font-size:2.1148rem} } @media (min-width:1280px){.font-bliz-light-large-lightGold{font-size:2.488rem} } .font-bliz-light-xLarge-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:2.2395rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xLarge-beige.zh-cn,.zh-cn .font-bliz-light-xLarge-beige{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xLarge-beige.ko-kr,.ko-kr .font-bliz-light-xLarge-beige{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xLarge-beige.ru-ru,.ru-ru .font-bliz-light-xLarge-beige{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xLarge-beige.zh-tw,.zh-tw .font-bliz-light-xLarge-beige{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xLarge-beige{font-size:2.5381rem} } @media (min-width:1280px){.font-bliz-light-xLarge-beige{font-size:2.986rem} } .font-bliz-light-xLarge-white{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:2.2395rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xLarge-white.zh-cn,.zh-cn .font-bliz-light-xLarge-white{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xLarge-white.ko-kr,.ko-kr .font-bliz-light-xLarge-white{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xLarge-white.ru-ru,.ru-ru .font-bliz-light-xLarge-white{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xLarge-white.zh-tw,.zh-tw .font-bliz-light-xLarge-white{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xLarge-white{font-size:2.5381rem} } @media (min-width:1280px){.font-bliz-light-xLarge-white{font-size:2.986rem} } .font-bliz-light-xLarge-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:2.2395rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .font-bliz-light-xLarge-lightGold.zh-cn,.zh-cn .font-bliz-light-xLarge-lightGold{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .font-bliz-light-xLarge-lightGold.ko-kr,.ko-kr .font-bliz-light-xLarge-lightGold{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .font-bliz-light-xLarge-lightGold.ru-ru,.ru-ru .font-bliz-light-xLarge-lightGold{font-family:"Open Sans",Arial,Helvetica,sans-serif} .font-bliz-light-xLarge-lightGold.zh-tw,.zh-tw .font-bliz-light-xLarge-lightGold{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.font-bliz-light-xLarge-lightGold{font-size:2.5381rem} } @media (min-width:1280px){.font-bliz-light-xLarge-lightGold{font-size:2.986rem} } @-webkit-keyframes keyframe-fade-in{from{opacity:0} to{opacity:1} } @keyframes keyframe-fade-in{from{opacity:0} to{opacity:1} } .block{display:block!important} .inline{display:inline-block!important} .hide{display:none!important} .invisible{visibility:hidden!important} .preload{display:block!important;height:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important;z-index:-10!important} .separator-top{border-top:1px solid rgba(170,170,170,.4)} .separator-right{border-right:1px solid rgba(170,170,170,.4)} .separator-bottom{border-bottom:1px solid rgba(170,170,170,.4)} .separator-left{border-left:1px solid rgba(170,170,170,.4)} .separator-top-light{border-top:1px solid rgba(170,170,170,.2)} .separator-right-light{border-right:1px solid rgba(170,170,170,.2)} .separator-bottom-light{border-bottom:1px solid rgba(170,170,170,.2)} .separator-left-light{border-left:1px solid rgba(170,170,170,.2)} .fixed-xsmall{width:180px;width:33vw} .fixed-small{width:220px;width:50vw} .fixed-medium{width:240px;width:65vw} .fixed-normal{width:250px;width:75vw} .fixed-large{width:260px;width:85vw} .fixed-static-xtiny{width:120px} .fixed-static-tiny{width:140px} .fixed-static-xxsmall{width:160px} .fixed-static-xsmall{width:180px} .fixed-static-small{width:220px} .fixed-static-medium{width:240px} .fixed-static-normal{width:250px} .fixed-static-large{width:260px} .fixed-static-huge{width:320px} .contain-tiny{margin-left:auto;margin-right:auto;max-width:160px} .contain-small{margin-left:auto;margin-right:auto;max-width:320px} .contain-medium{margin-left:auto;margin-right:auto;max-width:540px} .contain-large{margin-left:auto;margin-right:auto;max-width:720px} .contain-masthead{margin-left:auto;margin-right:auto;max-width:800px} .contain-wide{margin-left:auto;margin-right:auto;max-width:980px} .contain-huge{margin-left:auto;margin-right:auto;max-width:1280px} .contain-max{margin-left:auto;margin-right:auto;max-width:1600px} .contain-center{margin-left:auto;margin-right:auto} .contain-left{margin-left:0} .contain-right{margin-right:0} .color-inherit{color:inherit} .color-silver{color:#aaa} .color-charcoal{color:#222} .color-semi-opaque{color:rgba(255,255,255,.6)} .color-brown-dark{color:#211510} .color-brown-medium{color:#352011} .color-brown-light{color:#504137} .color-red-dark{color:#561200} .color-red-medium{color:#961901} .color-red-light{color:#cc3501} .color-green-dark{color:#91c24e} .color-green-medium{color:#1b9601} .color-green-light{color:#0f0} .color-beige-dark{color:#b1997f} .color-beige-medium{color:#ebdec2} .color-beige-light{color:#f3eee2} .color-blue-dark{color:#040f1a} .color-blue-medium{color:#09273e} .color-blue-light{color:#2a4b71} .color-gold-dark{color:#853500} .color-gold-medium{color:#c76700} .color-gold-light{color:#f8b700} .color-orange-medium{color:#c76700} .color-orange-light{color:#ff7200} .color-monochrome-black{color:#000} .color-monochrome-gray{color:#cacaca} .color-monochrome-gray-dark{color:#777} .color-monochrome-white{color:#fff} .color-legion-dark{color:#0f1d0d} .color-legion-medium{color:#1b3e13} .color-legion-light{color:#13ff29} .color-status-success{color:#0f0} .color-status-warning{color:#c76700} .color-status-error{color:#db2300} .color-faction-ALLIANCE{color:#0078ff} .color-faction-HORDE{color:#b30000} .color-progress-high{color:#1b9601} .color-progress-medium{color:#c76700} .color-progress-low{color:#99755c} .color-expansion-CLASSIC{color:#fff468} .color-expansion-BC{color:#aad372} .color-expansion-WOTLK{color:#68ccef} .color-expansion-CATA{color:#ff7c0a} .color-expansion-MISTS{color:#00ffba} .color-expansion-WARLORDS{color:#ff320a} .color-expansion-LEGION{color:#a8ff00} .color-expansion-DEFAULT{color:#b1997f} .color-class-DEATHKNIGHT{color:#c41e3b} .color-class-DEATHKNIGHT-bg{color:#080812} .color-class-DEATHKNIGHT-onDark{color:#c41e3b} .color-class-DEMONHUNTER{color:#a330c9} .color-class-DEMONHUNTER-bg{color:#0a1004} .color-class-DEMONHUNTER-onDark{color:#a330c9} .color-class-DRUID{color:#ff7c0a} .color-class-DRUID-bg{color:#000d07} .color-class-DRUID-onDark{color:#ff7c0a} .color-class-HUNTER{color:#7ba93d} .color-class-HUNTER-bg{color:#07030d} .color-class-HUNTER-onDark{color:#aad372} .color-class-MAGE{color:#46b1d6} .color-class-MAGE-bg{color:#110617} .color-class-MAGE-onDark{color:#68ccef} .color-class-MONK{color:#0ac895} .color-class-MONK-bg{color:#04110c} .color-class-MONK-onDark{color:#00ffba} .color-class-PALADIN{color:#f48cba} .color-class-PALADIN-bg{color:#13040a} .color-class-PALADIN-onDark{color:#f48cba} .color-class-PRIEST{color:#817d73} .color-class-PRIEST-bg{color:#1a0812} .color-class-PRIEST-onDark{color:#f0ebe0} .color-class-ROGUE{color:#aba14f} .color-class-ROGUE-bg{color:#150d1a} .color-class-ROGUE-onDark{color:#fff468} .color-class-SHAMAN{color:#2359ff} .color-class-SHAMAN-bg{color:#040414} .color-class-SHAMAN-onDark{color:#2359ff} .color-class-WARLOCK{color:#9382c9} .color-class-WARLOCK-bg{color:#15121f} .color-class-WARLOCK-onDark{color:#9382c9} .color-class-WARRIOR{color:#af7c46} .color-class-WARRIOR-bg{color:#1a0407} .color-class-WARRIOR-onDark{color:#c69b6d} .color-class-TANK{color:#285ac0} .color-class-HEALER{color:#27a964} .color-class-DAMAGE{color:#9a0000} .color-stat-HEALTH{color:#27cc4e} .color-stat-STAMINA{color:#ff8b2d} .color-stat-ENERGY{color:#cb9501} .color-stat-FOCUS{color:#d45719} .color-stat-FURY{color:#8400ff} .color-stat-INSANITY{color:#60f} .color-stat-MAELSTROM{color:#008fff} .color-stat-MANA{color:#1c8aff} .color-stat-PAIN{color:#d45719} .color-stat-RAGE{color:#ab0000} .color-stat-RUNICPOWER{color:#00bcde} .color-stat-AGILITY{color:#ffd955} .color-stat-INTELLECT{color:#d26cd1} .color-stat-STRENGTH{color:#f33232} .color-stat-CRITICALSTRIKE{color:#e01c1c} .color-stat-HASTE{color:#0ed59b} .color-stat-MASTERY{color:#9256ff} .color-stat-VERSATILITY{color:#bfbfbf} .color-quality-ARTIFACT{color:#e5cc80} .color-quality-AZERITE{color:#e5cc80} .color-quality-HEIRLOOM{color:#0cf} .color-quality-LEGENDARY{color:#ff8000} .color-quality-EPIC{color:#c600ff} .color-quality-RARE{color:#0081ff} .color-quality-UNCOMMON{color:#1eff00} .color-quality-COMMON{color:#fff} .color-quality-POOR{color:#9d9d9d} .color-win{color:#0f0} .color-loss{color:#db2300} .text-gradient-legion{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#fff 0,#ffec71 100%);background-size:1em 1em;color:#ffec71;display:inline-block;line-height:1em;text-shadow:none} .text-gradient-ocho-title{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#fff 0,#c6c6c6 7%,#fff 20%,#cfcfcf 38%,#fef9ef 68%,#c7beac 83%,#dccdbc 100%);background-size:1em 1em;background-position:center;color:#c6c6c6;display:inline-block;line-height:1.3em;text-shadow:none;position:relative} .text-gradient-ocho-title:before{display:inline-block;content:attr(data-text);position:absolute;left:0;right:0;top:0;z-index:-1;text-shadow:0 1px 9px rgba(0,0,0,.7),0 1px 9px rgba(0,0,0,.7);-webkit-text-fill-color:rgba(0,0,0,.7)} .text-gradient-ocho-subtitle{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#ede0c9 20%,#8a7e66 100%);background-size:1.3em 1.3em;background-position:top;color:#ede0c9;display:inline-block;line-height:1.3em;text-shadow:none;position:relative} .text-gradient-ocho-subtitle:before{display:inline-block;content:attr(data-text);position:absolute;left:0;right:0;top:0;z-index:-1;text-shadow:0 1px 7px rgba(0,0,0,.7),0 1px 7px rgba(0,0,0,.7)} .border-color-inherit{border-color:inherit} .columns-1{-webkit-column-count:1;column-count:1;-webkit-column-gap:20px;column-gap:20px} .columns-2{-webkit-column-count:2;column-count:2;-webkit-column-gap:20px;column-gap:20px} .columns-3{-webkit-column-count:3;column-count:3;-webkit-column-gap:20px;column-gap:20px} .columns-4{-webkit-column-count:4;column-count:4;-webkit-column-gap:20px;column-gap:20px} .columns-5{-webkit-column-count:5;column-count:5;-webkit-column-gap:20px;column-gap:20px} .text-reset{text-transform:inherit;text-decoration:inherit;font-style:inherit;font-weight:inherit} .text-none{text-transform:none} .text-lower{text-transform:lowercase} .text-upper{text-transform:uppercase} .text-capital{text-transform:capitalize} .text-break{word-break:break-all} .text-nowrap{white-space:nowrap} .text-wrap{width:auto;word-wrap:break-word} .text-italic{font-style:italic} .text-no-sizing{font-size:0;line-height:0} .text-align-center{text-align:center} .textShadow-small-white{text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8)} .textShadow-small-black{text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .textShadow-large-white{text-shadow:0 0 1px transparent,0 0 5px rgba(255,255,255,.8)} .textShadow-large-black{text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .textShadow-none{text-shadow:none} .align-left{text-align:left} .align-center{text-align:center} .align-right{text-align:right} .align-justify{text-align:justify} .gutter-tiny{padding:0 5px} .gutter-tiny.gutter-vertical{padding:5px 0} .gutter-tiny.gutter-all{padding:5px} .gutter-tiny.gutter-negative{padding:0;margin:0 -5px} .gutter-tiny.gutter-negative.gutter-vertical{margin:-5px 0} .gutter-tiny.gutter-negative.gutter-all{margin:-5px} .gutter-small{padding:0 10px} .gutter-small.gutter-vertical{padding:10px 0} .gutter-small.gutter-all{padding:10px} .gutter-small.gutter-negative{padding:0;margin:0 -10px} .gutter-small.gutter-negative.gutter-vertical{margin:-10px 0} .gutter-small.gutter-negative.gutter-all{margin:-10px} .gutter-normal{padding:0 20px} .gutter-normal.gutter-vertical{padding:20px 0} .gutter-normal.gutter-all{padding:20px} .gutter-normal.gutter-negative{padding:0;margin:0 -20px} .gutter-normal.gutter-negative.gutter-vertical{margin:-20px 0} .gutter-normal.gutter-negative.gutter-all{margin:-20px} .gutter-medium{padding:0 40px} .gutter-medium.gutter-vertical{padding:40px 0} .gutter-medium.gutter-all{padding:40px} .gutter-medium.gutter-negative{padding:0;margin:0 -40px} .gutter-medium.gutter-negative.gutter-vertical{margin:-40px 0} .gutter-medium.gutter-negative.gutter-all{margin:-40px} .gutter-large{padding:0 60px} .gutter-large.gutter-vertical{padding:60px 0} .gutter-large.gutter-all{padding:60px} .gutter-large.gutter-negative{padding:0;margin:0 -60px} .gutter-large.gutter-negative.gutter-vertical{margin:-60px 0} .gutter-large.gutter-negative.gutter-all{margin:-60px} .gutter-pane{padding:0 160px} .gutter-pane.gutter-vertical{padding:160px 0} .gutter-pane.gutter-all{padding:160px} .gutter-pane.gutter-negative{padding:0;margin:0 -160px} .gutter-pane.gutter-negative.gutter-vertical{margin:-160px 0} .gutter-pane.gutter-negative.gutter-all{margin:-160px} .gutter-panel{padding:0 10%} .gutter-panel.gutter-vertical{padding:10% 0} .gutter-panel.gutter-all{padding:10%} .gutter-panel.gutter-negative{padding:0;margin:0 -10%} .gutter-panel.gutter-negative.gutter-vertical{margin:-10% 0} .gutter-panel.gutter-negative.gutter-all{margin:-10%} .gutter-medium-left{padding-left:40px} .gutter-medium-right{padding-right:40px} .gutter-medium-top{padding-top:40px} .gutter-medium-bottom{padding-bottom:40px} .gutter-normal-left{padding-left:20px} .gutter-normal-right{padding-right:20px} .gutter-normal-top{padding-top:20px} .gutter-normal-bottom{padding-bottom:20px} .gutter-small-left{padding-left:10px} .gutter-small-right{padding-right:10px} .gutter-small-top{padding-top:10px} .gutter-small-bottom{padding-bottom:10px} .gutter-tiny-left{padding-left:5px} .gutter-tiny-right{padding-right:5px} .gutter-tiny-top{padding-top:5px} .gutter-tiny-bottom{padding-bottom:5px} .position-relative{position:relative!important} .position-absolute{position:absolute!important} .position-top{position:absolute;top:0} .position-middle{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .position-bottom{position:absolute;bottom:0} .position-left{position:absolute;left:0} .position-center{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .position-right{position:absolute;right:0} .position-centered{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .section-top{position:absolute;top:0;width:100%} .section-middle{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%} .section-bottom{position:absolute;bottom:0;width:100%} .section-full{position:absolute;top:0;right:0;bottom:0;left:0} .bordered{position:relative} .bordered::before{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);content:"";display:block;pointer-events:none;z-index:1} .z-index-base{z-index:0} body.z-index-reset .z-index-base,body.z-index-reset-full .z-index-base{z-index:auto;z-index:initial} .z-index-above{z-index:1} .z-index-sticky{z-index:2} .pointer-events-none{pointer-events:none} .no-focus:focus{outline:0} .min-height-full{min-height:100vh} .vertical-align-top{vertical-align:top} .vertical-align-bottom{vertical-align:bottom} .cursor-pointer{cursor:pointer} .width-full{width:100%} .height-full{height:100%} .clearfix{clear:both} .clearfix:after{content:"";clear:both;display:block} .flex{display:-webkit-box;display:-ms-flexbox;display:flex} .flex-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .flex-justify-space{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .flex-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around} .flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1} .float-right{float:right} .float-left{float:left} .flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .flex-order-first{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1} .flex-equal{-webkit-box-flex:1;-ms-flex:1;flex:1} .flex-order-last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999} .space-none{height:0} .space-none.space-negative{height:0;margin-top:0} .margin-top-none{margin-top:0!important} .margin-top-double-none{margin-top:0!important} .margin-bottom-none{margin-bottom:0!important} .margin-bottom-double-none{margin-bottom:0!important} .margin-left-none{margin-left:0!important} .margin-left-double-none{margin-left:0!important} .margin-right-none{margin-right:0!important} .margin-right-double-none{margin-right:0!important} .padding-top-none{padding-top:0!important} .padding-top-double-none{padding-top:0!important} .padding-bottom-none{padding-bottom:0!important} .padding-bottom-double-none{padding-bottom:0!important} .padding-bottom-quad-none{padding-bottom:0!important} .padding-left-none{padding-left:0!important} .padding-left-double-none{padding-left:0!important} .padding-right-none{padding-right:0!important} .padding-right-double-none{padding-right:0!important} .space-tiny{height:2px} .space-tiny.space-negative{height:0;margin-top:-2px} .margin-top-tiny{margin-top:2px!important} .margin-top-double-tiny{margin-top:4px!important} .margin-bottom-tiny{margin-bottom:2px!important} .margin-bottom-double-tiny{margin-bottom:4px!important} .margin-left-tiny{margin-left:2px!important} .margin-left-double-tiny{margin-left:4px!important} .margin-right-tiny{margin-right:2px!important} .margin-right-double-tiny{margin-right:4px!important} .padding-top-tiny{padding-top:2px!important} .padding-top-double-tiny{padding-top:4px!important} .padding-bottom-tiny{padding-bottom:2px!important} .padding-bottom-double-tiny{padding-bottom:4px!important} .padding-bottom-quad-tiny{padding-bottom:8px!important} .padding-left-tiny{padding-left:2px!important} .padding-left-double-tiny{padding-left:4px!important} .padding-right-tiny{padding-right:2px!important} .padding-right-double-tiny{padding-right:4px!important} .space-xSmall{height:5px} .space-xSmall.space-negative{height:0;margin-top:-5px} .margin-top-xSmall{margin-top:5px!important} .margin-top-double-xSmall{margin-top:10px!important} .margin-bottom-xSmall{margin-bottom:5px!important} .margin-bottom-double-xSmall{margin-bottom:10px!important} .margin-left-xSmall{margin-left:5px!important} .margin-left-double-xSmall{margin-left:10px!important} .margin-right-xSmall{margin-right:5px!important} .margin-right-double-xSmall{margin-right:10px!important} .padding-top-xSmall{padding-top:5px!important} .padding-top-double-xSmall{padding-top:10px!important} .padding-bottom-xSmall{padding-bottom:5px!important} .padding-bottom-double-xSmall{padding-bottom:10px!important} .padding-bottom-quad-xSmall{padding-bottom:20px!important} .padding-left-xSmall{padding-left:5px!important} .padding-left-double-xSmall{padding-left:10px!important} .padding-right-xSmall{padding-right:5px!important} .padding-right-double-xSmall{padding-right:10px!important} .space-small{height:10px} .space-small.space-negative{height:0;margin-top:-10px} .margin-top-small{margin-top:10px!important} .margin-top-double-small{margin-top:20px!important} .margin-bottom-small{margin-bottom:10px!important} .margin-bottom-double-small{margin-bottom:20px!important} .margin-left-small{margin-left:10px!important} .margin-left-double-small{margin-left:20px!important} .margin-right-small{margin-right:10px!important} .margin-right-double-small{margin-right:20px!important} .padding-top-small{padding-top:10px!important} .padding-top-double-small{padding-top:20px!important} .padding-bottom-small{padding-bottom:10px!important} .padding-bottom-double-small{padding-bottom:20px!important} .padding-bottom-quad-small{padding-bottom:40px!important} .padding-left-small{padding-left:10px!important} .padding-left-double-small{padding-left:20px!important} .padding-right-small{padding-right:10px!important} .padding-right-double-small{padding-right:20px!important} .space-normal{height:20px} .space-normal.space-negative{height:0;margin-top:-20px} .margin-top-normal{margin-top:20px!important} .margin-top-double-normal{margin-top:40px!important} .margin-bottom-normal{margin-bottom:20px!important} .margin-bottom-double-normal{margin-bottom:40px!important} .margin-left-normal{margin-left:20px!important} .margin-left-double-normal{margin-left:40px!important} .margin-right-normal{margin-right:20px!important} .margin-right-double-normal{margin-right:40px!important} .padding-top-normal{padding-top:20px!important} .padding-top-double-normal{padding-top:40px!important} .padding-bottom-normal{padding-bottom:20px!important} .padding-bottom-double-normal{padding-bottom:40px!important} .padding-bottom-quad-normal{padding-bottom:80px!important} .padding-left-normal{padding-left:20px!important} .padding-left-double-normal{padding-left:40px!important} .padding-right-normal{padding-right:20px!important} .padding-right-double-normal{padding-right:40px!important} .space-medium{height:40px} .space-medium.space-negative{height:0;margin-top:-40px} .margin-top-medium{margin-top:40px!important} .margin-top-double-medium{margin-top:80px!important} .margin-bottom-medium{margin-bottom:40px!important} .margin-bottom-double-medium{margin-bottom:80px!important} .margin-left-medium{margin-left:40px!important} .margin-left-double-medium{margin-left:80px!important} .margin-right-medium{margin-right:40px!important} .margin-right-double-medium{margin-right:80px!important} .padding-top-medium{padding-top:40px!important} .padding-top-double-medium{padding-top:80px!important} .padding-bottom-medium{padding-bottom:40px!important} .padding-bottom-double-medium{padding-bottom:80px!important} .padding-bottom-quad-medium{padding-bottom:160px!important} .padding-left-medium{padding-left:40px!important} .padding-left-double-medium{padding-left:80px!important} .padding-right-medium{padding-right:40px!important} .padding-right-double-medium{padding-right:80px!important} .space-large{height:60px} .space-large.space-negative{height:0;margin-top:-60px} .margin-top-large{margin-top:60px!important} .margin-top-double-large{margin-top:120px!important} .margin-bottom-large{margin-bottom:60px!important} .margin-bottom-double-large{margin-bottom:120px!important} .margin-left-large{margin-left:60px!important} .margin-left-double-large{margin-left:120px!important} .margin-right-large{margin-right:60px!important} .margin-right-double-large{margin-right:120px!important} .padding-top-large{padding-top:60px!important} .padding-top-double-large{padding-top:120px!important} .padding-bottom-large{padding-bottom:60px!important} .padding-bottom-double-large{padding-bottom:120px!important} .padding-bottom-quad-large{padding-bottom:240px!important} .padding-left-large{padding-left:60px!important} .padding-left-double-large{padding-left:120px!important} .padding-right-large{padding-right:60px!important} .padding-right-double-large{padding-right:120px!important} .space-huge{height:100px} .space-huge.space-negative{height:0;margin-top:-100px} .margin-top-huge{margin-top:100px!important} .margin-top-double-huge{margin-top:200px!important} .margin-bottom-huge{margin-bottom:100px!important} .margin-bottom-double-huge{margin-bottom:200px!important} .margin-left-huge{margin-left:100px!important} .margin-left-double-huge{margin-left:200px!important} .margin-right-huge{margin-right:100px!important} .margin-right-double-huge{margin-right:200px!important} .padding-top-huge{padding-top:100px!important} .padding-top-double-huge{padding-top:200px!important} .padding-bottom-huge{padding-bottom:100px!important} .padding-bottom-double-huge{padding-bottom:200px!important} .padding-bottom-quad-huge{padding-bottom:400px!important} .padding-left-huge{padding-left:100px!important} .padding-left-double-huge{padding-left:200px!important} .padding-right-huge{padding-right:100px!important} .padding-right-double-huge{padding-right:200px!important} @media (min-width:320px){.space-none-screen-small{height:0} .space-none-screen-small.space-negative{height:0;margin-top:0} .margin-top-none-screen-small{margin-top:0!important} .margin-top-double-none-screen-small{margin-top:0!important} .margin-bottom-none-screen-small{margin-bottom:0!important} .margin-bottom-double-none-screen-small{margin-bottom:0!important} .margin-left-none-screen-small{margin-left:0!important} .margin-left-double-none-screen-small{margin-left:0!important} .margin-right-none-screen-small{margin-right:0!important} .margin-right-double-none-screen-small{margin-right:0!important} .padding-top-none-screen-small{padding-top:0!important} .padding-top-double-none-screen-small{padding-top:0!important} .padding-bottom-none-screen-small{padding-bottom:0!important} .padding-bottom-double-none-screen-small{padding-bottom:0!important} .padding-bottom-quad-none-screen-small{padding-bottom:0!important} .padding-left-none-screen-small{padding-left:0!important} .padding-left-double-none-screen-small{padding-left:0!important} .padding-right-none-screen-small{padding-right:0!important} .padding-right-double-none-screen-small{padding-right:0!important} .space-tiny-screen-small{height:2px} .space-tiny-screen-small.space-negative{height:0;margin-top:-2px} .margin-top-tiny-screen-small{margin-top:2px!important} .margin-top-double-tiny-screen-small{margin-top:4px!important} .margin-bottom-tiny-screen-small{margin-bottom:2px!important} .margin-bottom-double-tiny-screen-small{margin-bottom:4px!important} .margin-left-tiny-screen-small{margin-left:2px!important} .margin-left-double-tiny-screen-small{margin-left:4px!important} .margin-right-tiny-screen-small{margin-right:2px!important} .margin-right-double-tiny-screen-small{margin-right:4px!important} .padding-top-tiny-screen-small{padding-top:2px!important} .padding-top-double-tiny-screen-small{padding-top:4px!important} .padding-bottom-tiny-screen-small{padding-bottom:2px!important} .padding-bottom-double-tiny-screen-small{padding-bottom:4px!important} .padding-bottom-quad-tiny-screen-small{padding-bottom:8px!important} .padding-left-tiny-screen-small{padding-left:2px!important} .padding-left-double-tiny-screen-small{padding-left:4px!important} .padding-right-tiny-screen-small{padding-right:2px!important} .padding-right-double-tiny-screen-small{padding-right:4px!important} .space-xSmall-screen-small{height:5px} .space-xSmall-screen-small.space-negative{height:0;margin-top:-5px} .margin-top-xSmall-screen-small{margin-top:5px!important} .margin-top-double-xSmall-screen-small{margin-top:10px!important} .margin-bottom-xSmall-screen-small{margin-bottom:5px!important} .margin-bottom-double-xSmall-screen-small{margin-bottom:10px!important} .margin-left-xSmall-screen-small{margin-left:5px!important} .margin-left-double-xSmall-screen-small{margin-left:10px!important} .margin-right-xSmall-screen-small{margin-right:5px!important} .margin-right-double-xSmall-screen-small{margin-right:10px!important} .padding-top-xSmall-screen-small{padding-top:5px!important} .padding-top-double-xSmall-screen-small{padding-top:10px!important} .padding-bottom-xSmall-screen-small{padding-bottom:5px!important} .padding-bottom-double-xSmall-screen-small{padding-bottom:10px!important} .padding-bottom-quad-xSmall-screen-small{padding-bottom:20px!important} .padding-left-xSmall-screen-small{padding-left:5px!important} .padding-left-double-xSmall-screen-small{padding-left:10px!important} .padding-right-xSmall-screen-small{padding-right:5px!important} .padding-right-double-xSmall-screen-small{padding-right:10px!important} .space-small-screen-small{height:10px} .space-small-screen-small.space-negative{height:0;margin-top:-10px} .margin-top-small-screen-small{margin-top:10px!important} .margin-top-double-small-screen-small{margin-top:20px!important} .margin-bottom-small-screen-small{margin-bottom:10px!important} .margin-bottom-double-small-screen-small{margin-bottom:20px!important} .margin-left-small-screen-small{margin-left:10px!important} .margin-left-double-small-screen-small{margin-left:20px!important} .margin-right-small-screen-small{margin-right:10px!important} .margin-right-double-small-screen-small{margin-right:20px!important} .padding-top-small-screen-small{padding-top:10px!important} .padding-top-double-small-screen-small{padding-top:20px!important} .padding-bottom-small-screen-small{padding-bottom:10px!important} .padding-bottom-double-small-screen-small{padding-bottom:20px!important} .padding-bottom-quad-small-screen-small{padding-bottom:40px!important} .padding-left-small-screen-small{padding-left:10px!important} .padding-left-double-small-screen-small{padding-left:20px!important} .padding-right-small-screen-small{padding-right:10px!important} .padding-right-double-small-screen-small{padding-right:20px!important} .space-normal-screen-small{height:20px} .space-normal-screen-small.space-negative{height:0;margin-top:-20px} .margin-top-normal-screen-small{margin-top:20px!important} .margin-top-double-normal-screen-small{margin-top:40px!important} .margin-bottom-normal-screen-small{margin-bottom:20px!important} .margin-bottom-double-normal-screen-small{margin-bottom:40px!important} .margin-left-normal-screen-small{margin-left:20px!important} .margin-left-double-normal-screen-small{margin-left:40px!important} .margin-right-normal-screen-small{margin-right:20px!important} .margin-right-double-normal-screen-small{margin-right:40px!important} .padding-top-normal-screen-small{padding-top:20px!important} .padding-top-double-normal-screen-small{padding-top:40px!important} .padding-bottom-normal-screen-small{padding-bottom:20px!important} .padding-bottom-double-normal-screen-small{padding-bottom:40px!important} .padding-bottom-quad-normal-screen-small{padding-bottom:80px!important} .padding-left-normal-screen-small{padding-left:20px!important} .padding-left-double-normal-screen-small{padding-left:40px!important} .padding-right-normal-screen-small{padding-right:20px!important} .padding-right-double-normal-screen-small{padding-right:40px!important} .space-medium-screen-small{height:40px} .space-medium-screen-small.space-negative{height:0;margin-top:-40px} .margin-top-medium-screen-small{margin-top:40px!important} .margin-top-double-medium-screen-small{margin-top:80px!important} .margin-bottom-medium-screen-small{margin-bottom:40px!important} .margin-bottom-double-medium-screen-small{margin-bottom:80px!important} .margin-left-medium-screen-small{margin-left:40px!important} .margin-left-double-medium-screen-small{margin-left:80px!important} .margin-right-medium-screen-small{margin-right:40px!important} .margin-right-double-medium-screen-small{margin-right:80px!important} .padding-top-medium-screen-small{padding-top:40px!important} .padding-top-double-medium-screen-small{padding-top:80px!important} .padding-bottom-medium-screen-small{padding-bottom:40px!important} .padding-bottom-double-medium-screen-small{padding-bottom:80px!important} .padding-bottom-quad-medium-screen-small{padding-bottom:160px!important} .padding-left-medium-screen-small{padding-left:40px!important} .padding-left-double-medium-screen-small{padding-left:80px!important} .padding-right-medium-screen-small{padding-right:40px!important} .padding-right-double-medium-screen-small{padding-right:80px!important} .space-large-screen-small{height:60px} .space-large-screen-small.space-negative{height:0;margin-top:-60px} .margin-top-large-screen-small{margin-top:60px!important} .margin-top-double-large-screen-small{margin-top:120px!important} .margin-bottom-large-screen-small{margin-bottom:60px!important} .margin-bottom-double-large-screen-small{margin-bottom:120px!important} .margin-left-large-screen-small{margin-left:60px!important} .margin-left-double-large-screen-small{margin-left:120px!important} .margin-right-large-screen-small{margin-right:60px!important} .margin-right-double-large-screen-small{margin-right:120px!important} .padding-top-large-screen-small{padding-top:60px!important} .padding-top-double-large-screen-small{padding-top:120px!important} .padding-bottom-large-screen-small{padding-bottom:60px!important} .padding-bottom-double-large-screen-small{padding-bottom:120px!important} .padding-bottom-quad-large-screen-small{padding-bottom:240px!important} .padding-left-large-screen-small{padding-left:60px!important} .padding-left-double-large-screen-small{padding-left:120px!important} .padding-right-large-screen-small{padding-right:60px!important} .padding-right-double-large-screen-small{padding-right:120px!important} .space-huge-screen-small{height:100px} .space-huge-screen-small.space-negative{height:0;margin-top:-100px} .margin-top-huge-screen-small{margin-top:100px!important} .margin-top-double-huge-screen-small{margin-top:200px!important} .margin-bottom-huge-screen-small{margin-bottom:100px!important} .margin-bottom-double-huge-screen-small{margin-bottom:200px!important} .margin-left-huge-screen-small{margin-left:100px!important} .margin-left-double-huge-screen-small{margin-left:200px!important} .margin-right-huge-screen-small{margin-right:100px!important} .margin-right-double-huge-screen-small{margin-right:200px!important} .padding-top-huge-screen-small{padding-top:100px!important} .padding-top-double-huge-screen-small{padding-top:200px!important} .padding-bottom-huge-screen-small{padding-bottom:100px!important} .padding-bottom-double-huge-screen-small{padding-bottom:200px!important} .padding-bottom-quad-huge-screen-small{padding-bottom:400px!important} .padding-left-huge-screen-small{padding-left:100px!important} .padding-left-double-huge-screen-small{padding-left:200px!important} .padding-right-huge-screen-small{padding-right:100px!important} .padding-right-double-huge-screen-small{padding-right:200px!important} } @media (min-width:540px){.space-none-screen-medium{height:0} .space-none-screen-medium.space-negative{height:0;margin-top:0} .margin-top-none-screen-medium{margin-top:0!important} .margin-top-double-none-screen-medium{margin-top:0!important} .margin-bottom-none-screen-medium{margin-bottom:0!important} .margin-bottom-double-none-screen-medium{margin-bottom:0!important} .margin-left-none-screen-medium{margin-left:0!important} .margin-left-double-none-screen-medium{margin-left:0!important} .margin-right-none-screen-medium{margin-right:0!important} .margin-right-double-none-screen-medium{margin-right:0!important} .padding-top-none-screen-medium{padding-top:0!important} .padding-top-double-none-screen-medium{padding-top:0!important} .padding-bottom-none-screen-medium{padding-bottom:0!important} .padding-bottom-double-none-screen-medium{padding-bottom:0!important} .padding-bottom-quad-none-screen-medium{padding-bottom:0!important} .padding-left-none-screen-medium{padding-left:0!important} .padding-left-double-none-screen-medium{padding-left:0!important} .padding-right-none-screen-medium{padding-right:0!important} .padding-right-double-none-screen-medium{padding-right:0!important} .space-tiny-screen-medium{height:2px} .space-tiny-screen-medium.space-negative{height:0;margin-top:-2px} .margin-top-tiny-screen-medium{margin-top:2px!important} .margin-top-double-tiny-screen-medium{margin-top:4px!important} .margin-bottom-tiny-screen-medium{margin-bottom:2px!important} .margin-bottom-double-tiny-screen-medium{margin-bottom:4px!important} .margin-left-tiny-screen-medium{margin-left:2px!important} .margin-left-double-tiny-screen-medium{margin-left:4px!important} .margin-right-tiny-screen-medium{margin-right:2px!important} .margin-right-double-tiny-screen-medium{margin-right:4px!important} .padding-top-tiny-screen-medium{padding-top:2px!important} .padding-top-double-tiny-screen-medium{padding-top:4px!important} .padding-bottom-tiny-screen-medium{padding-bottom:2px!important} .padding-bottom-double-tiny-screen-medium{padding-bottom:4px!important} .padding-bottom-quad-tiny-screen-medium{padding-bottom:8px!important} .padding-left-tiny-screen-medium{padding-left:2px!important} .padding-left-double-tiny-screen-medium{padding-left:4px!important} .padding-right-tiny-screen-medium{padding-right:2px!important} .padding-right-double-tiny-screen-medium{padding-right:4px!important} .space-xSmall-screen-medium{height:5px} .space-xSmall-screen-medium.space-negative{height:0;margin-top:-5px} .margin-top-xSmall-screen-medium{margin-top:5px!important} .margin-top-double-xSmall-screen-medium{margin-top:10px!important} .margin-bottom-xSmall-screen-medium{margin-bottom:5px!important} .margin-bottom-double-xSmall-screen-medium{margin-bottom:10px!important} .margin-left-xSmall-screen-medium{margin-left:5px!important} .margin-left-double-xSmall-screen-medium{margin-left:10px!important} .margin-right-xSmall-screen-medium{margin-right:5px!important} .margin-right-double-xSmall-screen-medium{margin-right:10px!important} .padding-top-xSmall-screen-medium{padding-top:5px!important} .padding-top-double-xSmall-screen-medium{padding-top:10px!important} .padding-bottom-xSmall-screen-medium{padding-bottom:5px!important} .padding-bottom-double-xSmall-screen-medium{padding-bottom:10px!important} .padding-bottom-quad-xSmall-screen-medium{padding-bottom:20px!important} .padding-left-xSmall-screen-medium{padding-left:5px!important} .padding-left-double-xSmall-screen-medium{padding-left:10px!important} .padding-right-xSmall-screen-medium{padding-right:5px!important} .padding-right-double-xSmall-screen-medium{padding-right:10px!important} .space-small-screen-medium{height:10px} .space-small-screen-medium.space-negative{height:0;margin-top:-10px} .margin-top-small-screen-medium{margin-top:10px!important} .margin-top-double-small-screen-medium{margin-top:20px!important} .margin-bottom-small-screen-medium{margin-bottom:10px!important} .margin-bottom-double-small-screen-medium{margin-bottom:20px!important} .margin-left-small-screen-medium{margin-left:10px!important} .margin-left-double-small-screen-medium{margin-left:20px!important} .margin-right-small-screen-medium{margin-right:10px!important} .margin-right-double-small-screen-medium{margin-right:20px!important} .padding-top-small-screen-medium{padding-top:10px!important} .padding-top-double-small-screen-medium{padding-top:20px!important} .padding-bottom-small-screen-medium{padding-bottom:10px!important} .padding-bottom-double-small-screen-medium{padding-bottom:20px!important} .padding-bottom-quad-small-screen-medium{padding-bottom:40px!important} .padding-left-small-screen-medium{padding-left:10px!important} .padding-left-double-small-screen-medium{padding-left:20px!important} .padding-right-small-screen-medium{padding-right:10px!important} .padding-right-double-small-screen-medium{padding-right:20px!important} .space-normal-screen-medium{height:20px} .space-normal-screen-medium.space-negative{height:0;margin-top:-20px} .margin-top-normal-screen-medium{margin-top:20px!important} .margin-top-double-normal-screen-medium{margin-top:40px!important} .margin-bottom-normal-screen-medium{margin-bottom:20px!important} .margin-bottom-double-normal-screen-medium{margin-bottom:40px!important} .margin-left-normal-screen-medium{margin-left:20px!important} .margin-left-double-normal-screen-medium{margin-left:40px!important} .margin-right-normal-screen-medium{margin-right:20px!important} .margin-right-double-normal-screen-medium{margin-right:40px!important} .padding-top-normal-screen-medium{padding-top:20px!important} .padding-top-double-normal-screen-medium{padding-top:40px!important} .padding-bottom-normal-screen-medium{padding-bottom:20px!important} .padding-bottom-double-normal-screen-medium{padding-bottom:40px!important} .padding-bottom-quad-normal-screen-medium{padding-bottom:80px!important} .padding-left-normal-screen-medium{padding-left:20px!important} .padding-left-double-normal-screen-medium{padding-left:40px!important} .padding-right-normal-screen-medium{padding-right:20px!important} .padding-right-double-normal-screen-medium{padding-right:40px!important} .space-medium-screen-medium{height:40px} .space-medium-screen-medium.space-negative{height:0;margin-top:-40px} .margin-top-medium-screen-medium{margin-top:40px!important} .margin-top-double-medium-screen-medium{margin-top:80px!important} .margin-bottom-medium-screen-medium{margin-bottom:40px!important} .margin-bottom-double-medium-screen-medium{margin-bottom:80px!important} .margin-left-medium-screen-medium{margin-left:40px!important} .margin-left-double-medium-screen-medium{margin-left:80px!important} .margin-right-medium-screen-medium{margin-right:40px!important} .margin-right-double-medium-screen-medium{margin-right:80px!important} .padding-top-medium-screen-medium{padding-top:40px!important} .padding-top-double-medium-screen-medium{padding-top:80px!important} .padding-bottom-medium-screen-medium{padding-bottom:40px!important} .padding-bottom-double-medium-screen-medium{padding-bottom:80px!important} .padding-bottom-quad-medium-screen-medium{padding-bottom:160px!important} .padding-left-medium-screen-medium{padding-left:40px!important} .padding-left-double-medium-screen-medium{padding-left:80px!important} .padding-right-medium-screen-medium{padding-right:40px!important} .padding-right-double-medium-screen-medium{padding-right:80px!important} .space-large-screen-medium{height:60px} .space-large-screen-medium.space-negative{height:0;margin-top:-60px} .margin-top-large-screen-medium{margin-top:60px!important} .margin-top-double-large-screen-medium{margin-top:120px!important} .margin-bottom-large-screen-medium{margin-bottom:60px!important} .margin-bottom-double-large-screen-medium{margin-bottom:120px!important} .margin-left-large-screen-medium{margin-left:60px!important} .margin-left-double-large-screen-medium{margin-left:120px!important} .margin-right-large-screen-medium{margin-right:60px!important} .margin-right-double-large-screen-medium{margin-right:120px!important} .padding-top-large-screen-medium{padding-top:60px!important} .padding-top-double-large-screen-medium{padding-top:120px!important} .padding-bottom-large-screen-medium{padding-bottom:60px!important} .padding-bottom-double-large-screen-medium{padding-bottom:120px!important} .padding-bottom-quad-large-screen-medium{padding-bottom:240px!important} .padding-left-large-screen-medium{padding-left:60px!important} .padding-left-double-large-screen-medium{padding-left:120px!important} .padding-right-large-screen-medium{padding-right:60px!important} .padding-right-double-large-screen-medium{padding-right:120px!important} .space-huge-screen-medium{height:100px} .space-huge-screen-medium.space-negative{height:0;margin-top:-100px} .margin-top-huge-screen-medium{margin-top:100px!important} .margin-top-double-huge-screen-medium{margin-top:200px!important} .margin-bottom-huge-screen-medium{margin-bottom:100px!important} .margin-bottom-double-huge-screen-medium{margin-bottom:200px!important} .margin-left-huge-screen-medium{margin-left:100px!important} .margin-left-double-huge-screen-medium{margin-left:200px!important} .margin-right-huge-screen-medium{margin-right:100px!important} .margin-right-double-huge-screen-medium{margin-right:200px!important} .padding-top-huge-screen-medium{padding-top:100px!important} .padding-top-double-huge-screen-medium{padding-top:200px!important} .padding-bottom-huge-screen-medium{padding-bottom:100px!important} .padding-bottom-double-huge-screen-medium{padding-bottom:200px!important} .padding-bottom-quad-huge-screen-medium{padding-bottom:400px!important} .padding-left-huge-screen-medium{padding-left:100px!important} .padding-left-double-huge-screen-medium{padding-left:200px!important} .padding-right-huge-screen-medium{padding-right:100px!important} .padding-right-double-huge-screen-medium{padding-right:200px!important} } @media (min-width:720px){.space-none-screen-large{height:0} .space-none-screen-large.space-negative{height:0;margin-top:0} .margin-top-none-screen-large{margin-top:0!important} .margin-top-double-none-screen-large{margin-top:0!important} .margin-bottom-none-screen-large{margin-bottom:0!important} .margin-bottom-double-none-screen-large{margin-bottom:0!important} .margin-left-none-screen-large{margin-left:0!important} .margin-left-double-none-screen-large{margin-left:0!important} .margin-right-none-screen-large{margin-right:0!important} .margin-right-double-none-screen-large{margin-right:0!important} .padding-top-none-screen-large{padding-top:0!important} .padding-top-double-none-screen-large{padding-top:0!important} .padding-bottom-none-screen-large{padding-bottom:0!important} .padding-bottom-double-none-screen-large{padding-bottom:0!important} .padding-bottom-quad-none-screen-large{padding-bottom:0!important} .padding-left-none-screen-large{padding-left:0!important} .padding-left-double-none-screen-large{padding-left:0!important} .padding-right-none-screen-large{padding-right:0!important} .padding-right-double-none-screen-large{padding-right:0!important} .space-tiny-screen-large{height:2px} .space-tiny-screen-large.space-negative{height:0;margin-top:-2px} .margin-top-tiny-screen-large{margin-top:2px!important} .margin-top-double-tiny-screen-large{margin-top:4px!important} .margin-bottom-tiny-screen-large{margin-bottom:2px!important} .margin-bottom-double-tiny-screen-large{margin-bottom:4px!important} .margin-left-tiny-screen-large{margin-left:2px!important} .margin-left-double-tiny-screen-large{margin-left:4px!important} .margin-right-tiny-screen-large{margin-right:2px!important} .margin-right-double-tiny-screen-large{margin-right:4px!important} .padding-top-tiny-screen-large{padding-top:2px!important} .padding-top-double-tiny-screen-large{padding-top:4px!important} .padding-bottom-tiny-screen-large{padding-bottom:2px!important} .padding-bottom-double-tiny-screen-large{padding-bottom:4px!important} .padding-bottom-quad-tiny-screen-large{padding-bottom:8px!important} .padding-left-tiny-screen-large{padding-left:2px!important} .padding-left-double-tiny-screen-large{padding-left:4px!important} .padding-right-tiny-screen-large{padding-right:2px!important} .padding-right-double-tiny-screen-large{padding-right:4px!important} .space-xSmall-screen-large{height:5px} .space-xSmall-screen-large.space-negative{height:0;margin-top:-5px} .margin-top-xSmall-screen-large{margin-top:5px!important} .margin-top-double-xSmall-screen-large{margin-top:10px!important} .margin-bottom-xSmall-screen-large{margin-bottom:5px!important} .margin-bottom-double-xSmall-screen-large{margin-bottom:10px!important} .margin-left-xSmall-screen-large{margin-left:5px!important} .margin-left-double-xSmall-screen-large{margin-left:10px!important} .margin-right-xSmall-screen-large{margin-right:5px!important} .margin-right-double-xSmall-screen-large{margin-right:10px!important} .padding-top-xSmall-screen-large{padding-top:5px!important} .padding-top-double-xSmall-screen-large{padding-top:10px!important} .padding-bottom-xSmall-screen-large{padding-bottom:5px!important} .padding-bottom-double-xSmall-screen-large{padding-bottom:10px!important} .padding-bottom-quad-xSmall-screen-large{padding-bottom:20px!important} .padding-left-xSmall-screen-large{padding-left:5px!important} .padding-left-double-xSmall-screen-large{padding-left:10px!important} .padding-right-xSmall-screen-large{padding-right:5px!important} .padding-right-double-xSmall-screen-large{padding-right:10px!important} .space-small-screen-large{height:10px} .space-small-screen-large.space-negative{height:0;margin-top:-10px} .margin-top-small-screen-large{margin-top:10px!important} .margin-top-double-small-screen-large{margin-top:20px!important} .margin-bottom-small-screen-large{margin-bottom:10px!important} .margin-bottom-double-small-screen-large{margin-bottom:20px!important} .margin-left-small-screen-large{margin-left:10px!important} .margin-left-double-small-screen-large{margin-left:20px!important} .margin-right-small-screen-large{margin-right:10px!important} .margin-right-double-small-screen-large{margin-right:20px!important} .padding-top-small-screen-large{padding-top:10px!important} .padding-top-double-small-screen-large{padding-top:20px!important} .padding-bottom-small-screen-large{padding-bottom:10px!important} .padding-bottom-double-small-screen-large{padding-bottom:20px!important} .padding-bottom-quad-small-screen-large{padding-bottom:40px!important} .padding-left-small-screen-large{padding-left:10px!important} .padding-left-double-small-screen-large{padding-left:20px!important} .padding-right-small-screen-large{padding-right:10px!important} .padding-right-double-small-screen-large{padding-right:20px!important} .space-normal-screen-large{height:20px} .space-normal-screen-large.space-negative{height:0;margin-top:-20px} .margin-top-normal-screen-large{margin-top:20px!important} .margin-top-double-normal-screen-large{margin-top:40px!important} .margin-bottom-normal-screen-large{margin-bottom:20px!important} .margin-bottom-double-normal-screen-large{margin-bottom:40px!important} .margin-left-normal-screen-large{margin-left:20px!important} .margin-left-double-normal-screen-large{margin-left:40px!important} .margin-right-normal-screen-large{margin-right:20px!important} .margin-right-double-normal-screen-large{margin-right:40px!important} .padding-top-normal-screen-large{padding-top:20px!important} .padding-top-double-normal-screen-large{padding-top:40px!important} .padding-bottom-normal-screen-large{padding-bottom:20px!important} .padding-bottom-double-normal-screen-large{padding-bottom:40px!important} .padding-bottom-quad-normal-screen-large{padding-bottom:80px!important} .padding-left-normal-screen-large{padding-left:20px!important} .padding-left-double-normal-screen-large{padding-left:40px!important} .padding-right-normal-screen-large{padding-right:20px!important} .padding-right-double-normal-screen-large{padding-right:40px!important} .space-medium-screen-large{height:40px} .space-medium-screen-large.space-negative{height:0;margin-top:-40px} .margin-top-medium-screen-large{margin-top:40px!important} .margin-top-double-medium-screen-large{margin-top:80px!important} .margin-bottom-medium-screen-large{margin-bottom:40px!important} .margin-bottom-double-medium-screen-large{margin-bottom:80px!important} .margin-left-medium-screen-large{margin-left:40px!important} .margin-left-double-medium-screen-large{margin-left:80px!important} .margin-right-medium-screen-large{margin-right:40px!important} .margin-right-double-medium-screen-large{margin-right:80px!important} .padding-top-medium-screen-large{padding-top:40px!important} .padding-top-double-medium-screen-large{padding-top:80px!important} .padding-bottom-medium-screen-large{padding-bottom:40px!important} .padding-bottom-double-medium-screen-large{padding-bottom:80px!important} .padding-bottom-quad-medium-screen-large{padding-bottom:160px!important} .padding-left-medium-screen-large{padding-left:40px!important} .padding-left-double-medium-screen-large{padding-left:80px!important} .padding-right-medium-screen-large{padding-right:40px!important} .padding-right-double-medium-screen-large{padding-right:80px!important} .space-large-screen-large{height:60px} .space-large-screen-large.space-negative{height:0;margin-top:-60px} .margin-top-large-screen-large{margin-top:60px!important} .margin-top-double-large-screen-large{margin-top:120px!important} .margin-bottom-large-screen-large{margin-bottom:60px!important} .margin-bottom-double-large-screen-large{margin-bottom:120px!important} .margin-left-large-screen-large{margin-left:60px!important} .margin-left-double-large-screen-large{margin-left:120px!important} .margin-right-large-screen-large{margin-right:60px!important} .margin-right-double-large-screen-large{margin-right:120px!important} .padding-top-large-screen-large{padding-top:60px!important} .padding-top-double-large-screen-large{padding-top:120px!important} .padding-bottom-large-screen-large{padding-bottom:60px!important} .padding-bottom-double-large-screen-large{padding-bottom:120px!important} .padding-bottom-quad-large-screen-large{padding-bottom:240px!important} .padding-left-large-screen-large{padding-left:60px!important} .padding-left-double-large-screen-large{padding-left:120px!important} .padding-right-large-screen-large{padding-right:60px!important} .padding-right-double-large-screen-large{padding-right:120px!important} .space-huge-screen-large{height:100px} .space-huge-screen-large.space-negative{height:0;margin-top:-100px} .margin-top-huge-screen-large{margin-top:100px!important} .margin-top-double-huge-screen-large{margin-top:200px!important} .margin-bottom-huge-screen-large{margin-bottom:100px!important} .margin-bottom-double-huge-screen-large{margin-bottom:200px!important} .margin-left-huge-screen-large{margin-left:100px!important} .margin-left-double-huge-screen-large{margin-left:200px!important} .margin-right-huge-screen-large{margin-right:100px!important} .margin-right-double-huge-screen-large{margin-right:200px!important} .padding-top-huge-screen-large{padding-top:100px!important} .padding-top-double-huge-screen-large{padding-top:200px!important} .padding-bottom-huge-screen-large{padding-bottom:100px!important} .padding-bottom-double-huge-screen-large{padding-bottom:200px!important} .padding-bottom-quad-huge-screen-large{padding-bottom:400px!important} .padding-left-huge-screen-large{padding-left:100px!important} .padding-left-double-huge-screen-large{padding-left:200px!important} .padding-right-huge-screen-large{padding-right:100px!important} .padding-right-double-huge-screen-large{padding-right:200px!important} } @media (min-width:900px){.space-none-screen-nav{height:0} .space-none-screen-nav.space-negative{height:0;margin-top:0} .margin-top-none-screen-nav{margin-top:0!important} .margin-top-double-none-screen-nav{margin-top:0!important} .margin-bottom-none-screen-nav{margin-bottom:0!important} .margin-bottom-double-none-screen-nav{margin-bottom:0!important} .margin-left-none-screen-nav{margin-left:0!important} .margin-left-double-none-screen-nav{margin-left:0!important} .margin-right-none-screen-nav{margin-right:0!important} .margin-right-double-none-screen-nav{margin-right:0!important} .padding-top-none-screen-nav{padding-top:0!important} .padding-top-double-none-screen-nav{padding-top:0!important} .padding-bottom-none-screen-nav{padding-bottom:0!important} .padding-bottom-double-none-screen-nav{padding-bottom:0!important} .padding-bottom-quad-none-screen-nav{padding-bottom:0!important} .padding-left-none-screen-nav{padding-left:0!important} .padding-left-double-none-screen-nav{padding-left:0!important} .padding-right-none-screen-nav{padding-right:0!important} .padding-right-double-none-screen-nav{padding-right:0!important} .space-tiny-screen-nav{height:2px} .space-tiny-screen-nav.space-negative{height:0;margin-top:-2px} .margin-top-tiny-screen-nav{margin-top:2px!important} .margin-top-double-tiny-screen-nav{margin-top:4px!important} .margin-bottom-tiny-screen-nav{margin-bottom:2px!important} .margin-bottom-double-tiny-screen-nav{margin-bottom:4px!important} .margin-left-tiny-screen-nav{margin-left:2px!important} .margin-left-double-tiny-screen-nav{margin-left:4px!important} .margin-right-tiny-screen-nav{margin-right:2px!important} .margin-right-double-tiny-screen-nav{margin-right:4px!important} .padding-top-tiny-screen-nav{padding-top:2px!important} .padding-top-double-tiny-screen-nav{padding-top:4px!important} .padding-bottom-tiny-screen-nav{padding-bottom:2px!important} .padding-bottom-double-tiny-screen-nav{padding-bottom:4px!important} .padding-bottom-quad-tiny-screen-nav{padding-bottom:8px!important} .padding-left-tiny-screen-nav{padding-left:2px!important} .padding-left-double-tiny-screen-nav{padding-left:4px!important} .padding-right-tiny-screen-nav{padding-right:2px!important} .padding-right-double-tiny-screen-nav{padding-right:4px!important} .space-xSmall-screen-nav{height:5px} .space-xSmall-screen-nav.space-negative{height:0;margin-top:-5px} .margin-top-xSmall-screen-nav{margin-top:5px!important} .margin-top-double-xSmall-screen-nav{margin-top:10px!important} .margin-bottom-xSmall-screen-nav{margin-bottom:5px!important} .margin-bottom-double-xSmall-screen-nav{margin-bottom:10px!important} .margin-left-xSmall-screen-nav{margin-left:5px!important} .margin-left-double-xSmall-screen-nav{margin-left:10px!important} .margin-right-xSmall-screen-nav{margin-right:5px!important} .margin-right-double-xSmall-screen-nav{margin-right:10px!important} .padding-top-xSmall-screen-nav{padding-top:5px!important} .padding-top-double-xSmall-screen-nav{padding-top:10px!important} .padding-bottom-xSmall-screen-nav{padding-bottom:5px!important} .padding-bottom-double-xSmall-screen-nav{padding-bottom:10px!important} .padding-bottom-quad-xSmall-screen-nav{padding-bottom:20px!important} .padding-left-xSmall-screen-nav{padding-left:5px!important} .padding-left-double-xSmall-screen-nav{padding-left:10px!important} .padding-right-xSmall-screen-nav{padding-right:5px!important} .padding-right-double-xSmall-screen-nav{padding-right:10px!important} .space-small-screen-nav{height:10px} .space-small-screen-nav.space-negative{height:0;margin-top:-10px} .margin-top-small-screen-nav{margin-top:10px!important} .margin-top-double-small-screen-nav{margin-top:20px!important} .margin-bottom-small-screen-nav{margin-bottom:10px!important} .margin-bottom-double-small-screen-nav{margin-bottom:20px!important} .margin-left-small-screen-nav{margin-left:10px!important} .margin-left-double-small-screen-nav{margin-left:20px!important} .margin-right-small-screen-nav{margin-right:10px!important} .margin-right-double-small-screen-nav{margin-right:20px!important} .padding-top-small-screen-nav{padding-top:10px!important} .padding-top-double-small-screen-nav{padding-top:20px!important} .padding-bottom-small-screen-nav{padding-bottom:10px!important} .padding-bottom-double-small-screen-nav{padding-bottom:20px!important} .padding-bottom-quad-small-screen-nav{padding-bottom:40px!important} .padding-left-small-screen-nav{padding-left:10px!important} .padding-left-double-small-screen-nav{padding-left:20px!important} .padding-right-small-screen-nav{padding-right:10px!important} .padding-right-double-small-screen-nav{padding-right:20px!important} .space-normal-screen-nav{height:20px} .space-normal-screen-nav.space-negative{height:0;margin-top:-20px} .margin-top-normal-screen-nav{margin-top:20px!important} .margin-top-double-normal-screen-nav{margin-top:40px!important} .margin-bottom-normal-screen-nav{margin-bottom:20px!important} .margin-bottom-double-normal-screen-nav{margin-bottom:40px!important} .margin-left-normal-screen-nav{margin-left:20px!important} .margin-left-double-normal-screen-nav{margin-left:40px!important} .margin-right-normal-screen-nav{margin-right:20px!important} .margin-right-double-normal-screen-nav{margin-right:40px!important} .padding-top-normal-screen-nav{padding-top:20px!important} .padding-top-double-normal-screen-nav{padding-top:40px!important} .padding-bottom-normal-screen-nav{padding-bottom:20px!important} .padding-bottom-double-normal-screen-nav{padding-bottom:40px!important} .padding-bottom-quad-normal-screen-nav{padding-bottom:80px!important} .padding-left-normal-screen-nav{padding-left:20px!important} .padding-left-double-normal-screen-nav{padding-left:40px!important} .padding-right-normal-screen-nav{padding-right:20px!important} .padding-right-double-normal-screen-nav{padding-right:40px!important} .space-medium-screen-nav{height:40px} .space-medium-screen-nav.space-negative{height:0;margin-top:-40px} .margin-top-medium-screen-nav{margin-top:40px!important} .margin-top-double-medium-screen-nav{margin-top:80px!important} .margin-bottom-medium-screen-nav{margin-bottom:40px!important} .margin-bottom-double-medium-screen-nav{margin-bottom:80px!important} .margin-left-medium-screen-nav{margin-left:40px!important} .margin-left-double-medium-screen-nav{margin-left:80px!important} .margin-right-medium-screen-nav{margin-right:40px!important} .margin-right-double-medium-screen-nav{margin-right:80px!important} .padding-top-medium-screen-nav{padding-top:40px!important} .padding-top-double-medium-screen-nav{padding-top:80px!important} .padding-bottom-medium-screen-nav{padding-bottom:40px!important} .padding-bottom-double-medium-screen-nav{padding-bottom:80px!important} .padding-bottom-quad-medium-screen-nav{padding-bottom:160px!important} .padding-left-medium-screen-nav{padding-left:40px!important} .padding-left-double-medium-screen-nav{padding-left:80px!important} .padding-right-medium-screen-nav{padding-right:40px!important} .padding-right-double-medium-screen-nav{padding-right:80px!important} .space-large-screen-nav{height:60px} .space-large-screen-nav.space-negative{height:0;margin-top:-60px} .margin-top-large-screen-nav{margin-top:60px!important} .margin-top-double-large-screen-nav{margin-top:120px!important} .margin-bottom-large-screen-nav{margin-bottom:60px!important} .margin-bottom-double-large-screen-nav{margin-bottom:120px!important} .margin-left-large-screen-nav{margin-left:60px!important} .margin-left-double-large-screen-nav{margin-left:120px!important} .margin-right-large-screen-nav{margin-right:60px!important} .margin-right-double-large-screen-nav{margin-right:120px!important} .padding-top-large-screen-nav{padding-top:60px!important} .padding-top-double-large-screen-nav{padding-top:120px!important} .padding-bottom-large-screen-nav{padding-bottom:60px!important} .padding-bottom-double-large-screen-nav{padding-bottom:120px!important} .padding-bottom-quad-large-screen-nav{padding-bottom:240px!important} .padding-left-large-screen-nav{padding-left:60px!important} .padding-left-double-large-screen-nav{padding-left:120px!important} .padding-right-large-screen-nav{padding-right:60px!important} .padding-right-double-large-screen-nav{padding-right:120px!important} .space-huge-screen-nav{height:100px} .space-huge-screen-nav.space-negative{height:0;margin-top:-100px} .margin-top-huge-screen-nav{margin-top:100px!important} .margin-top-double-huge-screen-nav{margin-top:200px!important} .margin-bottom-huge-screen-nav{margin-bottom:100px!important} .margin-bottom-double-huge-screen-nav{margin-bottom:200px!important} .margin-left-huge-screen-nav{margin-left:100px!important} .margin-left-double-huge-screen-nav{margin-left:200px!important} .margin-right-huge-screen-nav{margin-right:100px!important} .margin-right-double-huge-screen-nav{margin-right:200px!important} .padding-top-huge-screen-nav{padding-top:100px!important} .padding-top-double-huge-screen-nav{padding-top:200px!important} .padding-bottom-huge-screen-nav{padding-bottom:100px!important} .padding-bottom-double-huge-screen-nav{padding-bottom:200px!important} .padding-bottom-quad-huge-screen-nav{padding-bottom:400px!important} .padding-left-huge-screen-nav{padding-left:100px!important} .padding-left-double-huge-screen-nav{padding-left:200px!important} .padding-right-huge-screen-nav{padding-right:100px!important} .padding-right-double-huge-screen-nav{padding-right:200px!important} } @media (min-width:980px){.space-none-screen-wide{height:0} .space-none-screen-wide.space-negative{height:0;margin-top:0} .margin-top-none-screen-wide{margin-top:0!important} .margin-top-double-none-screen-wide{margin-top:0!important} .margin-bottom-none-screen-wide{margin-bottom:0!important} .margin-bottom-double-none-screen-wide{margin-bottom:0!important} .margin-left-none-screen-wide{margin-left:0!important} .margin-left-double-none-screen-wide{margin-left:0!important} .margin-right-none-screen-wide{margin-right:0!important} .margin-right-double-none-screen-wide{margin-right:0!important} .padding-top-none-screen-wide{padding-top:0!important} .padding-top-double-none-screen-wide{padding-top:0!important} .padding-bottom-none-screen-wide{padding-bottom:0!important} .padding-bottom-double-none-screen-wide{padding-bottom:0!important} .padding-bottom-quad-none-screen-wide{padding-bottom:0!important} .padding-left-none-screen-wide{padding-left:0!important} .padding-left-double-none-screen-wide{padding-left:0!important} .padding-right-none-screen-wide{padding-right:0!important} .padding-right-double-none-screen-wide{padding-right:0!important} .space-tiny-screen-wide{height:2px} .space-tiny-screen-wide.space-negative{height:0;margin-top:-2px} .margin-top-tiny-screen-wide{margin-top:2px!important} .margin-top-double-tiny-screen-wide{margin-top:4px!important} .margin-bottom-tiny-screen-wide{margin-bottom:2px!important} .margin-bottom-double-tiny-screen-wide{margin-bottom:4px!important} .margin-left-tiny-screen-wide{margin-left:2px!important} .margin-left-double-tiny-screen-wide{margin-left:4px!important} .margin-right-tiny-screen-wide{margin-right:2px!important} .margin-right-double-tiny-screen-wide{margin-right:4px!important} .padding-top-tiny-screen-wide{padding-top:2px!important} .padding-top-double-tiny-screen-wide{padding-top:4px!important} .padding-bottom-tiny-screen-wide{padding-bottom:2px!important} .padding-bottom-double-tiny-screen-wide{padding-bottom:4px!important} .padding-bottom-quad-tiny-screen-wide{padding-bottom:8px!important} .padding-left-tiny-screen-wide{padding-left:2px!important} .padding-left-double-tiny-screen-wide{padding-left:4px!important} .padding-right-tiny-screen-wide{padding-right:2px!important} .padding-right-double-tiny-screen-wide{padding-right:4px!important} .space-xSmall-screen-wide{height:5px} .space-xSmall-screen-wide.space-negative{height:0;margin-top:-5px} .margin-top-xSmall-screen-wide{margin-top:5px!important} .margin-top-double-xSmall-screen-wide{margin-top:10px!important} .margin-bottom-xSmall-screen-wide{margin-bottom:5px!important} .margin-bottom-double-xSmall-screen-wide{margin-bottom:10px!important} .margin-left-xSmall-screen-wide{margin-left:5px!important} .margin-left-double-xSmall-screen-wide{margin-left:10px!important} .margin-right-xSmall-screen-wide{margin-right:5px!important} .margin-right-double-xSmall-screen-wide{margin-right:10px!important} .padding-top-xSmall-screen-wide{padding-top:5px!important} .padding-top-double-xSmall-screen-wide{padding-top:10px!important} .padding-bottom-xSmall-screen-wide{padding-bottom:5px!important} .padding-bottom-double-xSmall-screen-wide{padding-bottom:10px!important} .padding-bottom-quad-xSmall-screen-wide{padding-bottom:20px!important} .padding-left-xSmall-screen-wide{padding-left:5px!important} .padding-left-double-xSmall-screen-wide{padding-left:10px!important} .padding-right-xSmall-screen-wide{padding-right:5px!important} .padding-right-double-xSmall-screen-wide{padding-right:10px!important} .space-small-screen-wide{height:10px} .space-small-screen-wide.space-negative{height:0;margin-top:-10px} .margin-top-small-screen-wide{margin-top:10px!important} .margin-top-double-small-screen-wide{margin-top:20px!important} .margin-bottom-small-screen-wide{margin-bottom:10px!important} .margin-bottom-double-small-screen-wide{margin-bottom:20px!important} .margin-left-small-screen-wide{margin-left:10px!important} .margin-left-double-small-screen-wide{margin-left:20px!important} .margin-right-small-screen-wide{margin-right:10px!important} .margin-right-double-small-screen-wide{margin-right:20px!important} .padding-top-small-screen-wide{padding-top:10px!important} .padding-top-double-small-screen-wide{padding-top:20px!important} .padding-bottom-small-screen-wide{padding-bottom:10px!important} .padding-bottom-double-small-screen-wide{padding-bottom:20px!important} .padding-bottom-quad-small-screen-wide{padding-bottom:40px!important} .padding-left-small-screen-wide{padding-left:10px!important} .padding-left-double-small-screen-wide{padding-left:20px!important} .padding-right-small-screen-wide{padding-right:10px!important} .padding-right-double-small-screen-wide{padding-right:20px!important} .space-normal-screen-wide{height:20px} .space-normal-screen-wide.space-negative{height:0;margin-top:-20px} .margin-top-normal-screen-wide{margin-top:20px!important} .margin-top-double-normal-screen-wide{margin-top:40px!important} .margin-bottom-normal-screen-wide{margin-bottom:20px!important} .margin-bottom-double-normal-screen-wide{margin-bottom:40px!important} .margin-left-normal-screen-wide{margin-left:20px!important} .margin-left-double-normal-screen-wide{margin-left:40px!important} .margin-right-normal-screen-wide{margin-right:20px!important} .margin-right-double-normal-screen-wide{margin-right:40px!important} .padding-top-normal-screen-wide{padding-top:20px!important} .padding-top-double-normal-screen-wide{padding-top:40px!important} .padding-bottom-normal-screen-wide{padding-bottom:20px!important} .padding-bottom-double-normal-screen-wide{padding-bottom:40px!important} .padding-bottom-quad-normal-screen-wide{padding-bottom:80px!important} .padding-left-normal-screen-wide{padding-left:20px!important} .padding-left-double-normal-screen-wide{padding-left:40px!important} .padding-right-normal-screen-wide{padding-right:20px!important} .padding-right-double-normal-screen-wide{padding-right:40px!important} .space-medium-screen-wide{height:40px} .space-medium-screen-wide.space-negative{height:0;margin-top:-40px} .margin-top-medium-screen-wide{margin-top:40px!important} .margin-top-double-medium-screen-wide{margin-top:80px!important} .margin-bottom-medium-screen-wide{margin-bottom:40px!important} .margin-bottom-double-medium-screen-wide{margin-bottom:80px!important} .margin-left-medium-screen-wide{margin-left:40px!important} .margin-left-double-medium-screen-wide{margin-left:80px!important} .margin-right-medium-screen-wide{margin-right:40px!important} .margin-right-double-medium-screen-wide{margin-right:80px!important} .padding-top-medium-screen-wide{padding-top:40px!important} .padding-top-double-medium-screen-wide{padding-top:80px!important} .padding-bottom-medium-screen-wide{padding-bottom:40px!important} .padding-bottom-double-medium-screen-wide{padding-bottom:80px!important} .padding-bottom-quad-medium-screen-wide{padding-bottom:160px!important} .padding-left-medium-screen-wide{padding-left:40px!important} .padding-left-double-medium-screen-wide{padding-left:80px!important} .padding-right-medium-screen-wide{padding-right:40px!important} .padding-right-double-medium-screen-wide{padding-right:80px!important} .space-large-screen-wide{height:60px} .space-large-screen-wide.space-negative{height:0;margin-top:-60px} .margin-top-large-screen-wide{margin-top:60px!important} .margin-top-double-large-screen-wide{margin-top:120px!important} .margin-bottom-large-screen-wide{margin-bottom:60px!important} .margin-bottom-double-large-screen-wide{margin-bottom:120px!important} .margin-left-large-screen-wide{margin-left:60px!important} .margin-left-double-large-screen-wide{margin-left:120px!important} .margin-right-large-screen-wide{margin-right:60px!important} .margin-right-double-large-screen-wide{margin-right:120px!important} .padding-top-large-screen-wide{padding-top:60px!important} .padding-top-double-large-screen-wide{padding-top:120px!important} .padding-bottom-large-screen-wide{padding-bottom:60px!important} .padding-bottom-double-large-screen-wide{padding-bottom:120px!important} .padding-bottom-quad-large-screen-wide{padding-bottom:240px!important} .padding-left-large-screen-wide{padding-left:60px!important} .padding-left-double-large-screen-wide{padding-left:120px!important} .padding-right-large-screen-wide{padding-right:60px!important} .padding-right-double-large-screen-wide{padding-right:120px!important} .space-huge-screen-wide{height:100px} .space-huge-screen-wide.space-negative{height:0;margin-top:-100px} .margin-top-huge-screen-wide{margin-top:100px!important} .margin-top-double-huge-screen-wide{margin-top:200px!important} .margin-bottom-huge-screen-wide{margin-bottom:100px!important} .margin-bottom-double-huge-screen-wide{margin-bottom:200px!important} .margin-left-huge-screen-wide{margin-left:100px!important} .margin-left-double-huge-screen-wide{margin-left:200px!important} .margin-right-huge-screen-wide{margin-right:100px!important} .margin-right-double-huge-screen-wide{margin-right:200px!important} .padding-top-huge-screen-wide{padding-top:100px!important} .padding-top-double-huge-screen-wide{padding-top:200px!important} .padding-bottom-huge-screen-wide{padding-bottom:100px!important} .padding-bottom-double-huge-screen-wide{padding-bottom:200px!important} .padding-bottom-quad-huge-screen-wide{padding-bottom:400px!important} .padding-left-huge-screen-wide{padding-left:100px!important} .padding-left-double-huge-screen-wide{padding-left:200px!important} .padding-right-huge-screen-wide{padding-right:100px!important} .padding-right-double-huge-screen-wide{padding-right:200px!important} } @media (min-width:1280px){.space-none-screen-huge{height:0} .space-none-screen-huge.space-negative{height:0;margin-top:0} .margin-top-none-screen-huge{margin-top:0!important} .margin-top-double-none-screen-huge{margin-top:0!important} .margin-bottom-none-screen-huge{margin-bottom:0!important} .margin-bottom-double-none-screen-huge{margin-bottom:0!important} .margin-left-none-screen-huge{margin-left:0!important} .margin-left-double-none-screen-huge{margin-left:0!important} .margin-right-none-screen-huge{margin-right:0!important} .margin-right-double-none-screen-huge{margin-right:0!important} .padding-top-none-screen-huge{padding-top:0!important} .padding-top-double-none-screen-huge{padding-top:0!important} .padding-bottom-none-screen-huge{padding-bottom:0!important} .padding-bottom-double-none-screen-huge{padding-bottom:0!important} .padding-bottom-quad-none-screen-huge{padding-bottom:0!important} .padding-left-none-screen-huge{padding-left:0!important} .padding-left-double-none-screen-huge{padding-left:0!important} .padding-right-none-screen-huge{padding-right:0!important} .padding-right-double-none-screen-huge{padding-right:0!important} .space-tiny-screen-huge{height:2px} .space-tiny-screen-huge.space-negative{height:0;margin-top:-2px} .margin-top-tiny-screen-huge{margin-top:2px!important} .margin-top-double-tiny-screen-huge{margin-top:4px!important} .margin-bottom-tiny-screen-huge{margin-bottom:2px!important} .margin-bottom-double-tiny-screen-huge{margin-bottom:4px!important} .margin-left-tiny-screen-huge{margin-left:2px!important} .margin-left-double-tiny-screen-huge{margin-left:4px!important} .margin-right-tiny-screen-huge{margin-right:2px!important} .margin-right-double-tiny-screen-huge{margin-right:4px!important} .padding-top-tiny-screen-huge{padding-top:2px!important} .padding-top-double-tiny-screen-huge{padding-top:4px!important} .padding-bottom-tiny-screen-huge{padding-bottom:2px!important} .padding-bottom-double-tiny-screen-huge{padding-bottom:4px!important} .padding-bottom-quad-tiny-screen-huge{padding-bottom:8px!important} .padding-left-tiny-screen-huge{padding-left:2px!important} .padding-left-double-tiny-screen-huge{padding-left:4px!important} .padding-right-tiny-screen-huge{padding-right:2px!important} .padding-right-double-tiny-screen-huge{padding-right:4px!important} .space-xSmall-screen-huge{height:5px} .space-xSmall-screen-huge.space-negative{height:0;margin-top:-5px} .margin-top-xSmall-screen-huge{margin-top:5px!important} .margin-top-double-xSmall-screen-huge{margin-top:10px!important} .margin-bottom-xSmall-screen-huge{margin-bottom:5px!important} .margin-bottom-double-xSmall-screen-huge{margin-bottom:10px!important} .margin-left-xSmall-screen-huge{margin-left:5px!important} .margin-left-double-xSmall-screen-huge{margin-left:10px!important} .margin-right-xSmall-screen-huge{margin-right:5px!important} .margin-right-double-xSmall-screen-huge{margin-right:10px!important} .padding-top-xSmall-screen-huge{padding-top:5px!important} .padding-top-double-xSmall-screen-huge{padding-top:10px!important} .padding-bottom-xSmall-screen-huge{padding-bottom:5px!important} .padding-bottom-double-xSmall-screen-huge{padding-bottom:10px!important} .padding-bottom-quad-xSmall-screen-huge{padding-bottom:20px!important} .padding-left-xSmall-screen-huge{padding-left:5px!important} .padding-left-double-xSmall-screen-huge{padding-left:10px!important} .padding-right-xSmall-screen-huge{padding-right:5px!important} .padding-right-double-xSmall-screen-huge{padding-right:10px!important} .space-small-screen-huge{height:10px} .space-small-screen-huge.space-negative{height:0;margin-top:-10px} .margin-top-small-screen-huge{margin-top:10px!important} .margin-top-double-small-screen-huge{margin-top:20px!important} .margin-bottom-small-screen-huge{margin-bottom:10px!important} .margin-bottom-double-small-screen-huge{margin-bottom:20px!important} .margin-left-small-screen-huge{margin-left:10px!important} .margin-left-double-small-screen-huge{margin-left:20px!important} .margin-right-small-screen-huge{margin-right:10px!important} .margin-right-double-small-screen-huge{margin-right:20px!important} .padding-top-small-screen-huge{padding-top:10px!important} .padding-top-double-small-screen-huge{padding-top:20px!important} .padding-bottom-small-screen-huge{padding-bottom:10px!important} .padding-bottom-double-small-screen-huge{padding-bottom:20px!important} .padding-bottom-quad-small-screen-huge{padding-bottom:40px!important} .padding-left-small-screen-huge{padding-left:10px!important} .padding-left-double-small-screen-huge{padding-left:20px!important} .padding-right-small-screen-huge{padding-right:10px!important} .padding-right-double-small-screen-huge{padding-right:20px!important} .space-normal-screen-huge{height:20px} .space-normal-screen-huge.space-negative{height:0;margin-top:-20px} .margin-top-normal-screen-huge{margin-top:20px!important} .margin-top-double-normal-screen-huge{margin-top:40px!important} .margin-bottom-normal-screen-huge{margin-bottom:20px!important} .margin-bottom-double-normal-screen-huge{margin-bottom:40px!important} .margin-left-normal-screen-huge{margin-left:20px!important} .margin-left-double-normal-screen-huge{margin-left:40px!important} .margin-right-normal-screen-huge{margin-right:20px!important} .margin-right-double-normal-screen-huge{margin-right:40px!important} .padding-top-normal-screen-huge{padding-top:20px!important} .padding-top-double-normal-screen-huge{padding-top:40px!important} .padding-bottom-normal-screen-huge{padding-bottom:20px!important} .padding-bottom-double-normal-screen-huge{padding-bottom:40px!important} .padding-bottom-quad-normal-screen-huge{padding-bottom:80px!important} .padding-left-normal-screen-huge{padding-left:20px!important} .padding-left-double-normal-screen-huge{padding-left:40px!important} .padding-right-normal-screen-huge{padding-right:20px!important} .padding-right-double-normal-screen-huge{padding-right:40px!important} .space-medium-screen-huge{height:40px} .space-medium-screen-huge.space-negative{height:0;margin-top:-40px} .margin-top-medium-screen-huge{margin-top:40px!important} .margin-top-double-medium-screen-huge{margin-top:80px!important} .margin-bottom-medium-screen-huge{margin-bottom:40px!important} .margin-bottom-double-medium-screen-huge{margin-bottom:80px!important} .margin-left-medium-screen-huge{margin-left:40px!important} .margin-left-double-medium-screen-huge{margin-left:80px!important} .margin-right-medium-screen-huge{margin-right:40px!important} .margin-right-double-medium-screen-huge{margin-right:80px!important} .padding-top-medium-screen-huge{padding-top:40px!important} .padding-top-double-medium-screen-huge{padding-top:80px!important} .padding-bottom-medium-screen-huge{padding-bottom:40px!important} .padding-bottom-double-medium-screen-huge{padding-bottom:80px!important} .padding-bottom-quad-medium-screen-huge{padding-bottom:160px!important} .padding-left-medium-screen-huge{padding-left:40px!important} .padding-left-double-medium-screen-huge{padding-left:80px!important} .padding-right-medium-screen-huge{padding-right:40px!important} .padding-right-double-medium-screen-huge{padding-right:80px!important} .space-large-screen-huge{height:60px} .space-large-screen-huge.space-negative{height:0;margin-top:-60px} .margin-top-large-screen-huge{margin-top:60px!important} .margin-top-double-large-screen-huge{margin-top:120px!important} .margin-bottom-large-screen-huge{margin-bottom:60px!important} .margin-bottom-double-large-screen-huge{margin-bottom:120px!important} .margin-left-large-screen-huge{margin-left:60px!important} .margin-left-double-large-screen-huge{margin-left:120px!important} .margin-right-large-screen-huge{margin-right:60px!important} .margin-right-double-large-screen-huge{margin-right:120px!important} .padding-top-large-screen-huge{padding-top:60px!important} .padding-top-double-large-screen-huge{padding-top:120px!important} .padding-bottom-large-screen-huge{padding-bottom:60px!important} .padding-bottom-double-large-screen-huge{padding-bottom:120px!important} .padding-bottom-quad-large-screen-huge{padding-bottom:240px!important} .padding-left-large-screen-huge{padding-left:60px!important} .padding-left-double-large-screen-huge{padding-left:120px!important} .padding-right-large-screen-huge{padding-right:60px!important} .padding-right-double-large-screen-huge{padding-right:120px!important} .space-huge-screen-huge{height:100px} .space-huge-screen-huge.space-negative{height:0;margin-top:-100px} .margin-top-huge-screen-huge{margin-top:100px!important} .margin-top-double-huge-screen-huge{margin-top:200px!important} .margin-bottom-huge-screen-huge{margin-bottom:100px!important} .margin-bottom-double-huge-screen-huge{margin-bottom:200px!important} .margin-left-huge-screen-huge{margin-left:100px!important} .margin-left-double-huge-screen-huge{margin-left:200px!important} .margin-right-huge-screen-huge{margin-right:100px!important} .margin-right-double-huge-screen-huge{margin-right:200px!important} .padding-top-huge-screen-huge{padding-top:100px!important} .padding-top-double-huge-screen-huge{padding-top:200px!important} .padding-bottom-huge-screen-huge{padding-bottom:100px!important} .padding-bottom-double-huge-screen-huge{padding-bottom:200px!important} .padding-bottom-quad-huge-screen-huge{padding-bottom:400px!important} .padding-left-huge-screen-huge{padding-left:100px!important} .padding-left-double-huge-screen-huge{padding-left:200px!important} .padding-right-huge-screen-huge{padding-right:100px!important} .padding-right-double-huge-screen-huge{padding-right:200px!important} } @media (min-width:1600px){.space-none-screen-max{height:0} .space-none-screen-max.space-negative{height:0;margin-top:0} .margin-top-none-screen-max{margin-top:0!important} .margin-top-double-none-screen-max{margin-top:0!important} .margin-bottom-none-screen-max{margin-bottom:0!important} .margin-bottom-double-none-screen-max{margin-bottom:0!important} .margin-left-none-screen-max{margin-left:0!important} .margin-left-double-none-screen-max{margin-left:0!important} .margin-right-none-screen-max{margin-right:0!important} .margin-right-double-none-screen-max{margin-right:0!important} .padding-top-none-screen-max{padding-top:0!important} .padding-top-double-none-screen-max{padding-top:0!important} .padding-bottom-none-screen-max{padding-bottom:0!important} .padding-bottom-double-none-screen-max{padding-bottom:0!important} .padding-bottom-quad-none-screen-max{padding-bottom:0!important} .padding-left-none-screen-max{padding-left:0!important} .padding-left-double-none-screen-max{padding-left:0!important} .padding-right-none-screen-max{padding-right:0!important} .padding-right-double-none-screen-max{padding-right:0!important} .space-tiny-screen-max{height:2px} .space-tiny-screen-max.space-negative{height:0;margin-top:-2px} .margin-top-tiny-screen-max{margin-top:2px!important} .margin-top-double-tiny-screen-max{margin-top:4px!important} .margin-bottom-tiny-screen-max{margin-bottom:2px!important} .margin-bottom-double-tiny-screen-max{margin-bottom:4px!important} .margin-left-tiny-screen-max{margin-left:2px!important} .margin-left-double-tiny-screen-max{margin-left:4px!important} .margin-right-tiny-screen-max{margin-right:2px!important} .margin-right-double-tiny-screen-max{margin-right:4px!important} .padding-top-tiny-screen-max{padding-top:2px!important} .padding-top-double-tiny-screen-max{padding-top:4px!important} .padding-bottom-tiny-screen-max{padding-bottom:2px!important} .padding-bottom-double-tiny-screen-max{padding-bottom:4px!important} .padding-bottom-quad-tiny-screen-max{padding-bottom:8px!important} .padding-left-tiny-screen-max{padding-left:2px!important} .padding-left-double-tiny-screen-max{padding-left:4px!important} .padding-right-tiny-screen-max{padding-right:2px!important} .padding-right-double-tiny-screen-max{padding-right:4px!important} .space-xSmall-screen-max{height:5px} .space-xSmall-screen-max.space-negative{height:0;margin-top:-5px} .margin-top-xSmall-screen-max{margin-top:5px!important} .margin-top-double-xSmall-screen-max{margin-top:10px!important} .margin-bottom-xSmall-screen-max{margin-bottom:5px!important} .margin-bottom-double-xSmall-screen-max{margin-bottom:10px!important} .margin-left-xSmall-screen-max{margin-left:5px!important} .margin-left-double-xSmall-screen-max{margin-left:10px!important} .margin-right-xSmall-screen-max{margin-right:5px!important} .margin-right-double-xSmall-screen-max{margin-right:10px!important} .padding-top-xSmall-screen-max{padding-top:5px!important} .padding-top-double-xSmall-screen-max{padding-top:10px!important} .padding-bottom-xSmall-screen-max{padding-bottom:5px!important} .padding-bottom-double-xSmall-screen-max{padding-bottom:10px!important} .padding-bottom-quad-xSmall-screen-max{padding-bottom:20px!important} .padding-left-xSmall-screen-max{padding-left:5px!important} .padding-left-double-xSmall-screen-max{padding-left:10px!important} .padding-right-xSmall-screen-max{padding-right:5px!important} .padding-right-double-xSmall-screen-max{padding-right:10px!important} .space-small-screen-max{height:10px} .space-small-screen-max.space-negative{height:0;margin-top:-10px} .margin-top-small-screen-max{margin-top:10px!important} .margin-top-double-small-screen-max{margin-top:20px!important} .margin-bottom-small-screen-max{margin-bottom:10px!important} .margin-bottom-double-small-screen-max{margin-bottom:20px!important} .margin-left-small-screen-max{margin-left:10px!important} .margin-left-double-small-screen-max{margin-left:20px!important} .margin-right-small-screen-max{margin-right:10px!important} .margin-right-double-small-screen-max{margin-right:20px!important} .padding-top-small-screen-max{padding-top:10px!important} .padding-top-double-small-screen-max{padding-top:20px!important} .padding-bottom-small-screen-max{padding-bottom:10px!important} .padding-bottom-double-small-screen-max{padding-bottom:20px!important} .padding-bottom-quad-small-screen-max{padding-bottom:40px!important} .padding-left-small-screen-max{padding-left:10px!important} .padding-left-double-small-screen-max{padding-left:20px!important} .padding-right-small-screen-max{padding-right:10px!important} .padding-right-double-small-screen-max{padding-right:20px!important} .space-normal-screen-max{height:20px} .space-normal-screen-max.space-negative{height:0;margin-top:-20px} .margin-top-normal-screen-max{margin-top:20px!important} .margin-top-double-normal-screen-max{margin-top:40px!important} .margin-bottom-normal-screen-max{margin-bottom:20px!important} .margin-bottom-double-normal-screen-max{margin-bottom:40px!important} .margin-left-normal-screen-max{margin-left:20px!important} .margin-left-double-normal-screen-max{margin-left:40px!important} .margin-right-normal-screen-max{margin-right:20px!important} .margin-right-double-normal-screen-max{margin-right:40px!important} .padding-top-normal-screen-max{padding-top:20px!important} .padding-top-double-normal-screen-max{padding-top:40px!important} .padding-bottom-normal-screen-max{padding-bottom:20px!important} .padding-bottom-double-normal-screen-max{padding-bottom:40px!important} .padding-bottom-quad-normal-screen-max{padding-bottom:80px!important} .padding-left-normal-screen-max{padding-left:20px!important} .padding-left-double-normal-screen-max{padding-left:40px!important} .padding-right-normal-screen-max{padding-right:20px!important} .padding-right-double-normal-screen-max{padding-right:40px!important} .space-medium-screen-max{height:40px} .space-medium-screen-max.space-negative{height:0;margin-top:-40px} .margin-top-medium-screen-max{margin-top:40px!important} .margin-top-double-medium-screen-max{margin-top:80px!important} .margin-bottom-medium-screen-max{margin-bottom:40px!important} .margin-bottom-double-medium-screen-max{margin-bottom:80px!important} .margin-left-medium-screen-max{margin-left:40px!important} .margin-left-double-medium-screen-max{margin-left:80px!important} .margin-right-medium-screen-max{margin-right:40px!important} .margin-right-double-medium-screen-max{margin-right:80px!important} .padding-top-medium-screen-max{padding-top:40px!important} .padding-top-double-medium-screen-max{padding-top:80px!important} .padding-bottom-medium-screen-max{padding-bottom:40px!important} .padding-bottom-double-medium-screen-max{padding-bottom:80px!important} .padding-bottom-quad-medium-screen-max{padding-bottom:160px!important} .padding-left-medium-screen-max{padding-left:40px!important} .padding-left-double-medium-screen-max{padding-left:80px!important} .padding-right-medium-screen-max{padding-right:40px!important} .padding-right-double-medium-screen-max{padding-right:80px!important} .space-large-screen-max{height:60px} .space-large-screen-max.space-negative{height:0;margin-top:-60px} .margin-top-large-screen-max{margin-top:60px!important} .margin-top-double-large-screen-max{margin-top:120px!important} .margin-bottom-large-screen-max{margin-bottom:60px!important} .margin-bottom-double-large-screen-max{margin-bottom:120px!important} .margin-left-large-screen-max{margin-left:60px!important} .margin-left-double-large-screen-max{margin-left:120px!important} .margin-right-large-screen-max{margin-right:60px!important} .margin-right-double-large-screen-max{margin-right:120px!important} .padding-top-large-screen-max{padding-top:60px!important} .padding-top-double-large-screen-max{padding-top:120px!important} .padding-bottom-large-screen-max{padding-bottom:60px!important} .padding-bottom-double-large-screen-max{padding-bottom:120px!important} .padding-bottom-quad-large-screen-max{padding-bottom:240px!important} .padding-left-large-screen-max{padding-left:60px!important} .padding-left-double-large-screen-max{padding-left:120px!important} .padding-right-large-screen-max{padding-right:60px!important} .padding-right-double-large-screen-max{padding-right:120px!important} .space-huge-screen-max{height:100px} .space-huge-screen-max.space-negative{height:0;margin-top:-100px} .margin-top-huge-screen-max{margin-top:100px!important} .margin-top-double-huge-screen-max{margin-top:200px!important} .margin-bottom-huge-screen-max{margin-bottom:100px!important} .margin-bottom-double-huge-screen-max{margin-bottom:200px!important} .margin-left-huge-screen-max{margin-left:100px!important} .margin-left-double-huge-screen-max{margin-left:200px!important} .margin-right-huge-screen-max{margin-right:100px!important} .margin-right-double-huge-screen-max{margin-right:200px!important} .padding-top-huge-screen-max{padding-top:100px!important} .padding-top-double-huge-screen-max{padding-top:200px!important} .padding-bottom-huge-screen-max{padding-bottom:100px!important} .padding-bottom-double-huge-screen-max{padding-bottom:200px!important} .padding-bottom-quad-huge-screen-max{padding-bottom:400px!important} .padding-left-huge-screen-max{padding-left:100px!important} .padding-left-double-huge-screen-max{padding-left:200px!important} .padding-right-huge-screen-max{padding-right:100px!important} .padding-right-double-huge-screen-max{padding-right:200px!important} } .space-rhythm-small{height:12px} .space-rhythm-medium{height:24px} .space-rhythm-large{height:36px} .screen-reader-object{position:absolute;top:0;left:-9999px;opacity:0;z-index:8;-webkit-transition:.5s opacity 0s cubic-bezier(.23,1,.32,1)!important;transition:.5s opacity 0s cubic-bezier(.23,1,.32,1)!important} .screen-reader-object:active,.screen-reader-object:focus{left:0;opacity:1} .screen-reader-text{color:transparent;text-indent:-99999px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .react-mount{min-height:600px;position:relative} .checkbox-toggle{position:relative;padding-left:38px;color:#f8b700;-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1)} .checkbox-toggle::after,.checkbox-toggle::before{content:"";display:block;width:16px;height:16px;background-color:transparent;border:solid 1px #504137;position:absolute;top:50%;left:10px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)} .checkbox-toggle::after{background-color:#f8b700;border:none;-webkit-transform:translate(0,-50%) scale(0);transform:translate(0,-50%) scale(0);-webkit-transition:.2s all 0s cubic-bezier(.165,.84,.44,1);transition:.2s all 0s cubic-bezier(.165,.84,.44,1)} .checkbox-toggle.is-selected::after{-webkit-transform:translate(0,-50%) scale(.5);transform:translate(0,-50%) scale(.5)} .checkbox-toggle:hover{color:#fff} .alternating-background:nth-child(odd){background:rgba(255,255,255,.04)} .alternating-background--hover{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1)} .alternating-background--hover:hover{background:rgba(255,255,255,.05)} .hover-white{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1)} .hover-white:hover{color:#fff} ::selection{background-color:#211510;color:#fff} .Achievement{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .Achievement-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row} .Achievement-container[disabled]{opacity:.5} .Achievement-left{display:-webkit-box;display:-ms-flexbox;display:flex} .Achievement-right{margin-left:auto} .Achievement-icon{width:48px;height:48px} .Achievement-right{text-align:right;vertical-align:middle;min-width:50px} .Achievement-points-value{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:inline-block} .Achievement-points-value.zh-cn,.zh-cn .Achievement-points-value{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Achievement-points-value.ko-kr,.ko-kr .Achievement-points-value{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Achievement-points-value.ru-ru,.ru-ru .Achievement-points-value{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Achievement-points-value.zh-tw,.zh-tw .Achievement-points-value{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Achievement-points-value{font-size:1.4688rem} } @media (min-width:1280px){.Achievement-points-value{font-size:1.728rem} } .Achievement-points-icon{color:#f8b700;display:inline-block} .Achievement-points-icon .Icon-svg{vertical-align:sub} .Achievement-reward{margin-top:12px} .Achievement-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1)} .Achievement-title.zh-cn,.zh-cn .Achievement-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Achievement-title.ko-kr,.ko-kr .Achievement-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Achievement-title.ru-ru,.ru-ru .Achievement-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .Achievement-title.zh-tw,.zh-tw .Achievement-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .Link:hover .Achievement-title{color:#fff} .Achievement-description{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);text-align:left} .Achievement-description.zh-cn,.zh-cn .Achievement-description{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Achievement-description.ko-kr,.ko-kr .Achievement-description{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Achievement-description.ru-ru,.ru-ru .Achievement-description{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Achievement-description.zh-tw,.zh-tw .Achievement-description{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Achievement-description{font-size:1.02rem} } @media (min-width:1280px){.Achievement-description{font-size:1.2rem} } .Achievement-date{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; min-width: 1px;} .Achievement-date.zh-cn,.zh-cn .Achievement-date{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Achievement-date.ko-kr,.ko-kr .Achievement-date{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Achievement-date.ru-ru,.ru-ru .Achievement-date{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Achievement-date.zh-tw,.zh-tw .Achievement-date{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Achievement-date{font-size:.85rem} } @media (min-width:1280px){.Achievement-date{font-size:1rem} } .Achievement--noIcon .Achievement-icon{display:none} .Achievement--noIcon .Achievement-text{padding:0} .Achievement-text{padding:0 20px} .Achievement-text.gutter-vertical{padding:20px 0} .Achievement-text.gutter-all{padding:20px} .Achievement-text.gutter-negative{padding:0;margin:0 -20px} .Achievement-text.gutter-negative.gutter-vertical{margin:-20px 0} .Achievement-text.gutter-negative.gutter-all{margin:-20px} .Achievement--noDescription .Achievement-description{display:none} .Achievement--noDescription .Achievement-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .Achievement--accountWide .Achievement-title{color:#0081ff} .Achievement--noReward .Achievement-reward{display:none} .AchievementModal{width:100%} .AchievementModal-content{margin-top:25px} .AchievementModal-content[disabled] .Achievement-item,.AchievementModal-content[disabled] .Achievement-item-icon{opacity:.5} .AchievementModal-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);margin:10px} .AchievementModal-title.zh-cn,.zh-cn .AchievementModal-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .AchievementModal-title.ko-kr,.ko-kr .AchievementModal-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .AchievementModal-title.ru-ru,.ru-ru .AchievementModal-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .AchievementModal-title.zh-tw,.zh-tw .AchievementModal-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.AchievementModal-title{font-size:1.4688rem} } @media (min-width:1280px){.AchievementModal-title{font-size:1.728rem} } .AchievementModal-desc{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);margin-bottom:10px} .AchievementModal-desc.zh-cn,.zh-cn .AchievementModal-desc{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .AchievementModal-desc.ko-kr,.ko-kr .AchievementModal-desc{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .AchievementModal-desc.ru-ru,.ru-ru .AchievementModal-desc{font-family:"Open Sans",Arial,Helvetica,sans-serif} .AchievementModal-desc.zh-tw,.zh-tw .AchievementModal-desc{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.AchievementModal-desc{font-size:1.02rem} } @media (min-width:1280px){.AchievementModal-desc{font-size:1.2rem} } .AchievementModal-points{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:inline-block;margin-top:15px} .AchievementModal-points.zh-cn,.zh-cn .AchievementModal-points{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .AchievementModal-points.ko-kr,.ko-kr .AchievementModal-points{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .AchievementModal-points.ru-ru,.ru-ru .AchievementModal-points{font-family:"Open Sans",Arial,Helvetica,sans-serif} .AchievementModal-points.zh-tw,.zh-tw .AchievementModal-points{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.AchievementModal-points{font-size:1.4688rem} } @media (min-width:1280px){.AchievementModal-points{font-size:1.728rem} } .AchievementModal-icon{display:inline-block} .AchievementModal-date{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);margin-top:10px;margin-bottom:10px} .AchievementModal-date.zh-cn,.zh-cn .AchievementModal-date{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .AchievementModal-date.ko-kr,.ko-kr .AchievementModal-date{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .AchievementModal-date.ru-ru,.ru-ru .AchievementModal-date{font-family:"Open Sans",Arial,Helvetica,sans-serif} .AchievementModal-date.zh-tw,.zh-tw .AchievementModal-date{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.AchievementModal-date{font-size:1.02rem} } @media (min-width:1280px){.AchievementModal-date{font-size:1.2rem} } .AchievementModal-stepDesc{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .AchievementModal-stepDesc.zh-cn,.zh-cn .AchievementModal-stepDesc{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .AchievementModal-stepDesc.ko-kr,.ko-kr .AchievementModal-stepDesc{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .AchievementModal-stepDesc.ru-ru,.ru-ru .AchievementModal-stepDesc{font-family:"Open Sans",Arial,Helvetica,sans-serif} .AchievementModal-stepDesc.zh-tw,.zh-tw .AchievementModal-stepDesc{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.AchievementModal-stepDesc{font-size:1.02rem} } @media (min-width:1280px){.AchievementModal-stepDesc{font-size:1.2rem} } .AchievementModal-stepDescLink{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .AchievementModal-stepDescLink.zh-cn,.zh-cn .AchievementModal-stepDescLink{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .AchievementModal-stepDescLink.ko-kr,.ko-kr .AchievementModal-stepDescLink{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .AchievementModal-stepDescLink.ru-ru,.ru-ru .AchievementModal-stepDescLink{font-family:"Open Sans",Arial,Helvetica,sans-serif} .AchievementModal-stepDescLink.zh-tw,.zh-tw .AchievementModal-stepDescLink{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.AchievementModal-stepDescLink{font-size:1.02rem} } @media (min-width:1280px){.AchievementModal-stepDescLink{font-size:1.2rem} } .AchievementTile{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1);border:1px solid #444;position:relative} @media (min-width:980px){.AchievementTile:hover{border-color:#f8b700} } .AchievementTile .AchievementTile-tile{position:relative} .AchievementTile .AchievementTile-tile::before{content:"";display:block;padding-top:100%} .AchievementTile .AchievementTile-tile .Tile-bg{background:#000 url(../components/Box/Box-leather-grey-dark.jpg) center} .AchievementTile .AchievementTile-meta{text-align:center} .AchievementTile .AchievementTile-title{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .AchievementTile .AchievementTile-title.zh-cn,.zh-cn .AchievementTile .AchievementTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .AchievementTile .AchievementTile-title.ko-kr,.ko-kr .AchievementTile .AchievementTile-title{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .AchievementTile .AchievementTile-title.ru-ru,.ru-ru .AchievementTile .AchievementTile-title{font-family:"Open Sans",Arial,Helvetica,sans-serif} .AchievementTile .AchievementTile-title.zh-tw,.zh-tw .AchievementTile .AchievementTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.AchievementTile .AchievementTile-title{font-size:1.224rem} } @media (min-width:1280px){.AchievementTile .AchievementTile-title{font-size:1.44rem} } .AchievementTile .AchievementTile-content{position:relative;width:70%;height:70%;margin:0 auto} .AchievementTile .AchievementTile-content .ProgressDonut-icon{position:relative;position:absolute;background-image:url(../components/AchievementTile/AchievementTile-gradient.png);background-position:50% 50%;background-repeat:no-repeat;background-size:contain} .AchievementTile .AchievementTile-content .ProgressDonut-icon::before{content:"";display:block;padding-top:100%} .AchievementTile .AchievementTile-content .ProgressDonut-number{font-size:1.08rem;line-height:1.5em} @media (min-width:720px){.AchievementTile .AchievementTile-content .ProgressDonut-number{font-size:1.224rem} } @media (min-width:1280px){.AchievementTile .AchievementTile-content .ProgressDonut-number{font-size:1.44rem} } .AchievementTile .AchievementTile-pointsArea{color:#f8b700} .AchievementTile .AchievementTile-pointsArea .AchievementTile-media{width:auto;margin:0 auto} .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-image{padding-right:4px} .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text.zh-cn,.zh-cn .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text.ko-kr,.ko-kr .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text.ru-ru,.ru-ru .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text.zh-tw,.zh-tw .AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text{font-size:1.02rem} } @media (min-width:1280px){.AchievementTile .AchievementTile-pointsArea .AchievementTile-media .Media-text{font-size:1.2rem} } .Activity-desc a{font-weight:700} .Ad{position:relative;color:#fff} .Ad::before{content:"";display:block;padding-top:50%} .Ad-area{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex} .Ad-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#222;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;overflow:hidden} .Ad-content{color:#b1997f;font-weight:400;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:1.296rem;line-height:1.5em;color:#cacaca;margin:auto;position:relative} @media (min-width:720px){.Ad-content{font-size:1.4688rem} } @media (min-width:1280px){.Ad-content{font-size:1.728rem} } .Ad--fixed{width:250px;width:75vw} .Ad--thin{position:relative} .Ad--thin::before{content:"";display:block;padding-top:25%} .Ad--wide{position:relative} .Ad--wide::before{content:"";display:block;padding-top:33.33333333%} .Ad--tall{position:relative} .Ad--tall::before{content:"";display:block;padding-top:200%} .Ad--square{position:relative} .Ad--square::before{content:"";display:block;padding-top:100%} .Ad--video{position:relative} .Ad--video::before{content:"";display:block;padding-top:56.25%} .Ad--gutter>.Ad-area{margin:10px} .AjaxContent{position:relative} .Anchor--offset{position:relative;top:-100px;display:block} .Art{cursor:default;position:relative;width:100%;overflow:hidden;z-index:-1;pointer-events:none} .Art-image{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover} .Art-mask{position:absolute;top:0;right:0;bottom:0;left:0} .Art-mask>use{pointer-events:painted;fill:transparent;cursor:pointer} .VideoPane.Art-video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-height:100%;min-width:100%} .Art-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:all} .Art-center{top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;left:50%;text-align:center;width:100%} .Art-placeholder{display:inline-block;width:56px;background-size:100%;background-image:url(../components/Icon/Icon-photo.png);background-position:center;position:relative;-webkit-filter:invert(100%);filter:invert(100%);opacity:.8;width:120px;margin:-20px} .Art-placeholder::before{content:"";display:block;padding-top:100%} .Art-caption{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-style:italic;padding:0 10px} .Art-caption.zh-cn,.zh-cn .Art-caption{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Art-caption.ko-kr,.ko-kr .Art-caption{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Art-caption.ru-ru,.ru-ru .Art-caption{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .Art-caption.zh-tw,.zh-tw .Art-caption{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Art-caption{font-size:1.224rem} } @media (min-width:1280px){.Art-caption{font-size:1.44rem} } .Art--above{z-index:1} .Art--fadeBottom .Art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-shadow:inset 0 -100px 100px -50px #000;box-shadow:inset 0 -100px 100px -50px #000} .Art--fadeBottomLarge .Art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-shadow:inset 0 -200px 200px -50px rgba(0,0,0,.7);box-shadow:inset 0 -200px 200px -50px rgba(0,0,0,.7)} .Art--contain{max-width:100%;margin-left:auto;margin-right:auto} .Art--contentPassthrough .Art-content{pointer-events:none} .Art--overflow{overflow:visible} .Art--overflow .Art-content{overflow:visible} .ArtGroup{position:relative} .ArtGroup .Art{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all 0s ease;transition:all 0s ease} .ArtGroup .Art:hover .ArtGroup-tooltip{opacity:1} .ArtGroup-tooltip{opacity:0;pointer-events:none} .ArtGroup--masked{pointer-events:none} .ArtGroup--speedSlow .Art,.ArtGroup--speedSlow .ArtGroup-tooltip{-webkit-transition-duration:1s;transition-duration:1s} .ArtGroup--speedSlow .Art:hover .ArtGroup-tooltip{-webkit-transition-delay:.1s!important;transition-delay:.1s!important;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s} .ArtGroup--speedNormal .Art,.ArtGroup--speedNormal .ArtGroup-tooltip{-webkit-transition-duration:.5s;transition-duration:.5s} .ArtGroup--speedNormal .Art:hover .ArtGroup-tooltip{-webkit-transition-delay:.1s!important;transition-delay:.1s!important;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s} .ArtGroup--speedFast .Art,.ArtGroup--speedFast .ArtGroup-tooltip{-webkit-transition-duration:.2s;transition-duration:.2s} .ArtGroup--speedFast .Art:hover .ArtGroup-tooltip{-webkit-transition-delay:.1s!important;transition-delay:.1s!important;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s} .ArtGroup--hoverFocus:hover .Art{-webkit-filter:brightness(.6) grayscale(.6);filter:brightness(.6) grayscale(.6)} .ArtGroup--hoverFocus:hover .Art:hover{-webkit-filter:none;filter:none;z-index:1} .ArtGroup--hoverFocus:hover .Position:hover{z-index:1} .ArtGroup--hoverScale .Art:hover{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0)} .ArtGroup--hoverScale .Art:hover .Art-mask>use{stroke-width:16;stroke:transparent} .ArtGroup--transformTooltips .ArtGroup-tooltip{-webkit-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transition:.2s;transition:.2s} .ArtGroup--transformTooltips .Art:hover .ArtGroup-tooltip{-webkit-transform:translate(0,0);transform:translate(0,0)} .ArtTooltip{position:relative;text-align:center;display:inline-block;height:38px} .ArtTooltip--horde{border-style:solid;border-width:0;border-image-source:url(../components/ArtTooltip/ArtTooltip-bg-horde.png);border-image-repeat:round;border-image-slice:0 120 fill;border-image-width:0 60px;border-image-outset:30px 0;border-width:0 60px} .ArtTooltip--alliance{border-style:solid;border-width:0;border-image-source:url(../components/ArtTooltip/ArtTooltip-bg-alliance.png);border-image-repeat:round;border-image-slice:0 120 fill;border-image-width:0 60px;border-image-outset:30px 0;border-width:0 60px} .ArtTooltip-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#fff 0,#c6c6c6 7%,#fff 20%,#cfcfcf 38%,#fef9ef 68%,#c7beac 83%,#dccdbc 100%);background-size:1em 1em;background-position:center;color:#c6c6c6;display:inline-block;line-height:1.3em;text-shadow:none;position:relative;text-transform:uppercase;padding-bottom:3px;display:block;white-space:nowrap} .ArtTooltip-title.zh-cn,.zh-cn .ArtTooltip-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .ArtTooltip-title.ko-kr,.ko-kr .ArtTooltip-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .ArtTooltip-title.ru-ru,.ru-ru .ArtTooltip-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .ArtTooltip-title.zh-tw,.zh-tw .ArtTooltip-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.ArtTooltip-title{font-size:1.224rem} } @media (min-width:1280px){.ArtTooltip-title{font-size:1.44rem} } .ArtTooltip-subtitle{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#ede0c9 20%,#8a7e66 100%);background-size:1.3em 1.3em;background-position:top;color:#ede0c9;display:inline-block;line-height:1.3em;text-shadow:none;position:relative;text-transform:uppercase;display:block} .ArtTooltip-subtitle.zh-cn,.zh-cn .ArtTooltip-subtitle{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .ArtTooltip-subtitle.ko-kr,.ko-kr .ArtTooltip-subtitle{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .ArtTooltip-subtitle.ru-ru,.ru-ru .ArtTooltip-subtitle{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .ArtTooltip-subtitle.zh-tw,.zh-tw .ArtTooltip-subtitle{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.ArtTooltip-subtitle{font-size:1.02rem} } @media (min-width:1280px){.ArtTooltip-subtitle{font-size:1.2rem} } .ArtTooltip--crest{position:relative} .ArtTooltip--crest .ArtTooltip-crest{top:0;right:0;bottom:0;left:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";width:100px;height:100px;background-repeat:no-repeat;background-size:contain;background-position:center} .ArticleTile-content{position:relative} .ArticleTile-bottom{position:absolute;bottom:0;width:100%} .ArticleTile-bottomInner{display:table;position:relative;width:100%;padding:20px;pointer-events:none} .ArticleTile-left{display:table-cell;vertical-align:middle;height:100%;vertical-align:bottom} .ArticleTile-right{display:table-cell;vertical-align:middle;height:100%;text-align:right;vertical-align:bottom} .ArticleTile-comments{z-index:1;pointer-events:all} .ArticleTile-title{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1);font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);color:#f8b700;line-height:22px} .ArticleTile-title.zh-cn,.zh-cn .ArticleTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .ArticleTile-title.ko-kr,.ko-kr .ArticleTile-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .ArticleTile-title.ru-ru,.ru-ru .ArticleTile-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .ArticleTile-title.zh-tw,.zh-tw .ArticleTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.ArticleTile-title{font-size:1.224rem} } @media (min-width:1280px){.ArticleTile-title{font-size:1.44rem} } @media (min-width:980px){.ArticleTile:hover .ArticleTile-title{color:#fff} } .ArticleTile-subtitle{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#cacaca;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);line-height:22px} .ArticleTile-subtitle.zh-cn,.zh-cn .ArticleTile-subtitle{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .ArticleTile-subtitle.ko-kr,.ko-kr .ArticleTile-subtitle{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .ArticleTile-subtitle.ru-ru,.ru-ru .ArticleTile-subtitle{font-family:"Open Sans",Arial,Helvetica,sans-serif} .ArticleTile-subtitle.zh-tw,.zh-tw .ArticleTile-subtitle{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.ArticleTile-subtitle{font-size:1.02rem} } @media (min-width:1280px){.ArticleTile-subtitle{font-size:1.2rem} } @media (min-width:720px){.ArticleTile-subtitle{line-height:22px} } .ArticleTile-category{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#cacaca;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);line-height:22px;white-space:nowrap} .ArticleTile-category.zh-cn,.zh-cn .ArticleTile-category{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .ArticleTile-category.ko-kr,.ko-kr .ArticleTile-category{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .ArticleTile-category.ru-ru,.ru-ru .ArticleTile-category{font-family:"Open Sans",Arial,Helvetica,sans-serif} .ArticleTile-category.zh-tw,.zh-tw .ArticleTile-category{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.ArticleTile-category{font-size:1.02rem} } @media (min-width:1280px){.ArticleTile-category{font-size:1.2rem} } @media (min-width:720px){.ArticleTile-category{line-height:22px} } .ArticleTile--noFade .ArticleTile-fade{display:none} .ArticleTile-fade{background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,rgba(0,0,0,0)),color-stop(90%,rgba(0,0,0,.8)));background:linear-gradient(to bottom,rgba(0,0,0,0) 60%,rgba(0,0,0,.8) 90%);position:absolute;top:0;right:0;bottom:0;left:0} .ArticleTile-link{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1);width:100%;border:1px solid #504137} @media (min-width:980px){.ArticleTile .ArticleTile-link:focus,.ArticleTile:hover .ArticleTile-link{outline:0;border-color:#f8b700} } .ArticleTile--thin .ArticleTile-tile{position:relative} .ArticleTile--thin .ArticleTile-tile::before{content:"";display:block;padding-top:33.33333333%} .ArticleTile--wide .ArticleTile-tile{position:relative} .ArticleTile--wide .ArticleTile-tile::before{content:"";display:block;padding-top:50%} .ArticleTile--tall .ArticleTile-tile{position:relative} .ArticleTile--tall .ArticleTile-tile::before{content:"";display:block;padding-top:200%} .ArticleTile--square .ArticleTile-tile{position:relative} .ArticleTile--square .ArticleTile-tile::before{content:"";display:block;padding-top:100%} .ArticleTile--photo .ArticleTile-tile{position:relative} .ArticleTile--photo .ArticleTile-tile::before{content:"";display:block;padding-top:75%} .ArticleTile--gutter .ArticleTile-tile>.Tile-area{margin:10px} .ArticleTile--fixed .ArticleTile-tile{width:250px;width:75vw} .ArticleTile--gutter .ArticleTile-fade,.ArticleTile--gutter .ArticleTile-link{bottom:10px;left:10px;right:10px;top:10px;width:calc(100% - 20px)} .ArticleTile--stacked.ArticleTile--gutter .ArticleTile-fade,.ArticleTile--stacked.ArticleTile--gutter .ArticleTile-link{bottom:0} .ArticleTile--gutter .ArticleTile-bottom{bottom:10px;left:10px;right:10px;width:auto} .ArticleTile--highlight .ArticleTile-content{margin:0} .ArticleTile--highlight .ArticleTile-category{font-weight:700} .ArticleTile--highlight .ArticleTile-bottom,.ArticleTile--highlight .ArticleTile-top{padding:20px} .ArticleTile--highlight .ArticleTile-bottom{text-align:center;background-color:rgba(0,0,0,.4)} .ArticleTile--highlight .ArticleTile-right{display:none} .ArticleTile--highlight .ArticleTile-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .ArticleTile--highlight .ArticleTile-title.zh-cn,.zh-cn .ArticleTile--highlight .ArticleTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .ArticleTile--highlight .ArticleTile-title.ko-kr,.ko-kr .ArticleTile--highlight .ArticleTile-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .ArticleTile--highlight .ArticleTile-title.ru-ru,.ru-ru .ArticleTile--highlight .ArticleTile-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .ArticleTile--highlight .ArticleTile-title.zh-tw,.zh-tw .ArticleTile--highlight .ArticleTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.ArticleTile--highlight .ArticleTile-title{font-size:1.4688rem} } @media (min-width:1280px){.ArticleTile--highlight .ArticleTile-title{font-size:1.728rem} } .ArticleTile--featured .ArticleTile-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .ArticleTile--featured .ArticleTile-title.zh-cn,.zh-cn .ArticleTile--featured .ArticleTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .ArticleTile--featured .ArticleTile-title.ko-kr,.ko-kr .ArticleTile--featured .ArticleTile-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .ArticleTile--featured .ArticleTile-title.ru-ru,.ru-ru .ArticleTile--featured .ArticleTile-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .ArticleTile--featured .ArticleTile-title.zh-tw,.zh-tw .ArticleTile--featured .ArticleTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.ArticleTile--featured .ArticleTile-title{font-size:1.4688rem} } @media (min-width:1280px){.ArticleTile--featured .ArticleTile-title{font-size:1.728rem} } .ArticleTile--featured .ArticleTile-category{font-size:1.296rem;line-height:1.5em} @media (min-width:720px){.ArticleTile--featured .ArticleTile-category{font-size:1.4688rem} } @media (min-width:1280px){.ArticleTile--featured .ArticleTile-category{font-size:1.728rem} } .ArticleTile--stacked .ArticleTile-link{display:block} .ArticleTile--stacked .ArticleTile-fade{display:none} .ArticleTile--stacked .ArticleTile-bottom{background:#211510;border:1px solid #504137;position:relative} .ArticleTile--stacked.ArticleTile--gutter .ArticleTile-bottom{bottom:0;left:0;margin:-10px 10px 10px;right:0} .ArticleTile--stacked .ArticleTile-left{padding-right:40px;vertical-align:top} .ArticleTile--stacked .ArticleTile-subtitle{color:#ebdec2;text-transform:uppercase;font-size:1rem;line-height:14px;text-shadow:none} .ArticleTile--stacked .ArticleTile-title{color:#f8b700;line-height:21px;margin-top:7px;min-height:42px;text-shadow:none} .ArticleTile-commentTotal{z-index:1} .ArticleTile--stacked .ArticleTile-commentTotal>.CommentTotal-number{line-height:21px} .ArticleTile--stacked .ArticleTile-commentTotal>.CommentTotal-icon{color:#b1997f} .ArticleTile--stacked .ArticleTile-commentTotal>.CommentTotal-number{color:#b1997f} .ArticleTile--stackedLarge .ArticleTile-bottomInner{padding-top:40px;padding-bottom:40px} .ArticleTile--stackedLarge .ArticleTile-title{font-size:1.866rem;line-height:1.5em;line-height:42px} @media (min-width:720px){.ArticleTile--stackedLarge .ArticleTile-title{font-size:2.1148rem} } @media (min-width:1280px){.ArticleTile--stackedLarge .ArticleTile-title{font-size:2.488rem} } @media (min-width:720px){.ArticleTile--stackedLarge .ArticleTile-title{line-height:42px} } .ArticleTile--stackedLarge .ArticleTile-subtitle{line-height:28px} @media (min-width:720px){.ArticleTile--stackedLarge .ArticleTile-left{width:80%} } .ArticleTile--legion{padding-bottom:40px} .ArticleTile--legion .ArticleTile-bottom{bottom:auto;top:100%} .ArticleTile--legion .ArticleTile-bottomInner{padding:10px} .ArticleTile--legion .ArticleTile-title{font-size:.75rem;line-height:1.5em;color:#2be73c;text-transform:uppercase;-webkit-transition:color .2s ease;transition:color .2s ease} @media (min-width:720px){.ArticleTile--legion .ArticleTile-title{font-size:.85rem} } @media (min-width:1280px){.ArticleTile--legion .ArticleTile-title{font-size:1rem} } .ArticleTile--legion .ArticleTile-tile .Tile-bg{background-color:#262626} .ArticleTile--legion .ArticleTile-fade{background:0 0;-webkit-box-shadow:inset 0 0 20px 10px rgba(0,0,0,.5);box-shadow:inset 0 0 20px 10px rgba(0,0,0,.5)} .ArticleTile--legion .ArticleTile-link{border-style:solid;border-width:0;border-image-source:url(../components/ArticleTile/ArticleTile-legion.png);border-image-repeat:round;border-image-slice:36 fill;border-image-width:26px;border-image-outset:6px} .ArticleTile--legion .ArticleTile-link::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:0;border-image-source:url(../components/ArticleTile/ArticleTile-legion-hover.png);border-image-repeat:round;border-image-slice:36 fill;border-image-width:26px;border-image-outset:6px;opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease} .ArticleTile--legion .ArticleTile-link:hover::before{opacity:1} .ArticleTile--ocho{padding-bottom:30px;margin:8px} @media (min-width:720px){.ArticleTile--ocho{padding-bottom:50px} } .ArticleTile--ocho .ArticleTile-bottom{bottom:auto;top:100%;margin-top:10px;text-align:center;pointer-events:none} .ArticleTile--ocho .ArticleTile-bottomInner{padding:10px} .ArticleTile--ocho .ArticleTile-title{font-size:.75rem;line-height:1.5em;text-transform:uppercase;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#cacaca} @media (min-width:720px){.ArticleTile--ocho .ArticleTile-title{font-size:.85rem} } @media (min-width:1280px){.ArticleTile--ocho .ArticleTile-title{font-size:1rem} } .ArticleTile--ocho .ArticleTile-title.zh-cn,.zh-cn .ArticleTile--ocho .ArticleTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .ArticleTile--ocho .ArticleTile-title.ko-kr,.ko-kr .ArticleTile--ocho .ArticleTile-title{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .ArticleTile--ocho .ArticleTile-title.ru-ru,.ru-ru .ArticleTile--ocho .ArticleTile-title{font-family:"Open Sans",Arial,Helvetica,sans-serif} .ArticleTile--ocho .ArticleTile-title.zh-tw,.zh-tw .ArticleTile--ocho .ArticleTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .ArticleTile--ocho .ArticleTile-fade{border-style:solid;border-width:0;border-image-source:url(../components/ArticleTile/ArticleTile-ocho-border.png);border-image-repeat:round;border-image-slice:108 fill;border-image-width:54px;border-image-outset:34px} .ArticleTile--ocho .ArticleTile-tile .Tile-bg{background-color:#1f1f1f} .ArticleTile--ocho .ArticleTile-fade,.ArticleTile--ocho .ArticleTile-tile .Tile-bg{-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease;-webkit-transform:translateZ(0);transform:translateZ(0)} .ArticleTile--ocho .ArticleTile-fade{background:0 0;-webkit-box-shadow:0 0 20px 12px #000;box-shadow:0 0 20px 12px #000} .ArticleTile--ocho .ArticleTile-link{border:none} .ArticleTile--ocho .ArticleTile-content:hover .ArticleTile-fade,.ArticleTile--ocho .ArticleTile-content:hover .ArticleTile-tile .Tile-bg{-webkit-filter:brightness(1.2);filter:brightness(1.2)} .ArticleTile--ocho.ArticleTile--video{position:relative} .ArticleTile--ocho.ArticleTile--video .ArticleTile-play{display:block;width:35%;max-width:200px;z-index:1;pointer-events:none;position:relative;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .ArticleTile--ocho.ArticleTile--video .ArticleTile-play::before{content:"";display:block;padding-top:100%} .ArticleTile--ocho.ArticleTile--video .ArticleTile-play .ArticleTile-playArrow::after,.ArticleTile--ocho.ArticleTile--video .ArticleTile-play .ArticleTile-playArrow::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-size:contain;background-position:center center;background-repeat:no-repeat;z-index:1;-webkit-transition:opacity .2s ease;transition:opacity .2s ease} .ArticleTile--ocho.ArticleTile--video .ArticleTile-play .ArticleTile-playArrow::before{background-image:url(../components/ArticleTile/ArticleTile-ocho-play-default.png);opacity:1} .ArticleTile--ocho.ArticleTile--video .ArticleTile-play .ArticleTile-playArrow::after{background-image:url(../components/ArticleTile/ArticleTile-ocho-play-hover-no-shadow.png);opacity:0} .ArticleTile--ocho.ArticleTile--video .ArticleTile-content:hover .ArticleTile-playArrow::after{opacity:1} .ArticleTile--ocho-noTitle{padding-bottom:0;margin-bottom:0} .ArticleTile--ocho-noTitle .ArticleTile-bottom{display:none} .Avatar{z-index:0; position:relative; /* -webkit-transition:.3s opacity 0s cubic-bezier(.23,1,.32,1); transition:.3s opacity 0s cubic-bezier(.23,1,.32,1); background-color:#504137; background-image:linear-gradient(45deg,#352011,#504137,#352011); border-radius:50%; */ display:inline-block; max-width:192px; overflow:hidden; width:64px} body.z-index-reset .Avatar,body.z-index-reset-full .Avatar{z-index:auto;z-index:initial} .Avatar::before{content:"";display:block;padding-top:100%} .Avatar-image{background-size:cover;border:1px solid;/* #211510;border-radius:50%;*/position:absolute;bottom:3px;left:3px;right:3px;top:3px} .Avatar-image::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#211510;background-image:url(../components/Avatar/Avatar-anon.png);background-size:cover;border-radius:50%;content:"";z-index:-1} .Avatar--anon .Avatar-image{background-image:none!important} .Avatar--onDark{background-color:#211510;border-color:#211510} .Avatar--large{width:200px} .Avatar--medium{width:38px} .Avatar--small{width:32px} .Avatar--tiny{width:32px} .Avatar--full{width:100%} .Avatar--tiny{margin:-8px;-webkit-transform:scale(.5);transform:scale(.5)} .Avatar--medium .Avatar-image,.Avatar--small .Avatar-image,.Avatar--tiny .Avatar-image{bottom:2px;left:2px;right:2px;top:2px} .Avatar--square{border-radius:0} .Avatar--square .Avatar-image{border:0;border-radius:0;bottom:1px;left:1px;right:1px;top:1px} .Avatar--square .Avatar-image::before{border-radius:0} .Avatar--spotlight.Avatar{width:96px;height:96px} .Avatar--spotlight>.Avatar-overlay{background:url(../components/Avatar/Avatar-stylized.png) no-repeat 0 0;background-size:cover;width:118px;height:118px;position:absolute;left:-12px;top:-12px} .Avatar--spotlight-small>.Avatar-overlay{background:url(../components/Avatar/Avatar-stylized.png) no-repeat 0 0;background-size:cover;width:78px;height:72px;position:absolute;left:-7px;top:-7px} .Avatar--goldLarge,.Avatar--goldMedium{background:url(../components/Avatar/Avatar-gold.png) no-repeat 0 0;background-size:100% 100%;border-radius:0;overflow:visible;width:73px} .Avatar--goldLarge>.Avatar-image,.Avatar--goldMedium>.Avatar-image{bottom:9px;left:8px;right:8px;top:7px} .Avatar--goldMedium{width:66px} .Avatar--goldMedium>.Avatar-image{bottom:8px;left:7px;right:7px;top:6px} .Avatar--goldSmall{width:37px} .Avatar--goldSmall>.Avatar-image{left:5px;top:4px;right:5px;bottom:6px} .Avatar--loading{opacity:.5} .BarGraph-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;width:100%;position:relative} .BarGraph-error{width:100%;max-width:85%;color:#cacaca} .BarGraph-svg{display:block;border:1px solid rgba(170,170,170,.2);background:rgba(255,255,255,.04)} .BarGraph-svg--error .BarGraph-barContainer,.BarGraph-svg:hover .BarGraph-barContainer{opacity:.5} .BarGraph-svg--error .BarGraph-barContainer:hover,.BarGraph-svg:hover .BarGraph-barContainer:hover{opacity:1} .BarGraph-bar{stroke-width:1px;-webkit-transition:.3s height cubic-bezier(.165,.84,.44,1),.3s y cubic-bezier(.165,.84,.44,1),.3s x cubic-bezier(.165,.84,.44,1),.3s width cubic-bezier(.165,.84,.44,1);transition:.3s height cubic-bezier(.165,.84,.44,1),.3s y cubic-bezier(.165,.84,.44,1),.3s x cubic-bezier(.165,.84,.44,1),.3s width cubic-bezier(.165,.84,.44,1)} .BarGraph-bar--background{fill:#f8b700;stroke:transparent} .BarGraph-bar--fade{fill:url(#BarGraph-verticalGradient);stroke:rgba(255,255,255,.1)} .BarGraph--horizontal .BarGraph-bar--fade{fill:url(#BarGraph-horizontalGradient)} .BarGraph-hoverArea{fill:transparent;stroke:transparent} .BarGraph-barContainer{-webkit-transition:.15s opacity cubic-bezier(.165,.84,.44,1),.3s -webkit-transform cubic-bezier(.165,.84,.44,1);transition:.15s opacity cubic-bezier(.165,.84,.44,1),.3s -webkit-transform cubic-bezier(.165,.84,.44,1);transition:.15s opacity cubic-bezier(.165,.84,.44,1),.3s transform cubic-bezier(.165,.84,.44,1);transition:.15s opacity cubic-bezier(.165,.84,.44,1),.3s transform cubic-bezier(.165,.84,.44,1),.3s -webkit-transform cubic-bezier(.165,.84,.44,1);cursor:pointer} .BarGraph-barContainer--DEATHKNIGHT .BarGraph-bar--background{stroke:#c41e3b;fill:#c41e3b} .BarGraph-barContainer--DEMONHUNTER .BarGraph-bar--background{stroke:#a330c9;fill:#a330c9} .BarGraph-barContainer--DRUID .BarGraph-bar--background{stroke:#ff7c0a;fill:#ff7c0a} .BarGraph-barContainer--HUNTER .BarGraph-bar--background{stroke:#7ba93d;fill:#aad372} .BarGraph-barContainer--MAGE .BarGraph-bar--background{stroke:#46b1d6;fill:#68ccef} .BarGraph-barContainer--MONK .BarGraph-bar--background{stroke:#0ac895;fill:#00ffba} .BarGraph-barContainer--PALADIN .BarGraph-bar--background{stroke:#f48cba;fill:#f48cba} .BarGraph-barContainer--PRIEST .BarGraph-bar--background{stroke:#817d73;fill:#f0ebe0} .BarGraph-barContainer--ROGUE .BarGraph-bar--background{stroke:#aba14f;fill:#fff468} .BarGraph-barContainer--SHAMAN .BarGraph-bar--background{stroke:#2359ff;fill:#2359ff} .BarGraph-barContainer--WARLOCK .BarGraph-bar--background{stroke:#9382c9;fill:#9382c9} .BarGraph-barContainer--WARRIOR .BarGraph-bar--background{stroke:#af7c46;fill:#c69b6d} .BarGraph-barContainer--TANK .BarGraph-bar--background{stroke:#285ac0;fill:#285ac0} .BarGraph-barContainer--HEALER .BarGraph-bar--background{stroke:#27a964;fill:#27a964} .BarGraph-barContainer--DAMAGE .BarGraph-bar--background{stroke:#9a0000;fill:#9a0000} .BinarySelector{background-image:url(../components/BinarySelector/BinarySelector-sprite-2.png);background-repeat:no-repeat;background-size:cover;background-position:0 -5px;width:198px;height:70px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;pointer-events:auto} .BinarySelector-tabsLink{display:block;height:64px;width:50%;position:relative;z-index:1} .BinarySelector-tabsLink::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:url(../components/BinarySelector/BinarySelector-sprite-2.png);background-repeat:no-repeat;background-size:cover;background-clip:content-box;opacity:0;display:block;pointer-events:none} .BinarySelector-tabsLink:not(.is-selected):hover::before{opacity:1} .BinarySelector-tabsLink.BinarySelector-tabsLinkA::before{margin-right:-99px;padding-right:99px;background-position:0 -153.3px} .BinarySelector-tabsLink.BinarySelector-tabsLinkB::before{margin-left:-99px;padding-left:99px;background-position:0 -153.3px} .BinarySelector-option{background-repeat:no-repeat;background-size:cover;background-clip:content-box;background-position:0 -79px;width:198px;height:64px;display:none;pointer-events:none} .BinarySelector-optionA{background-image:url(../components/BinarySelector/BinarySelector-sprite-2.png);margin-left:0;padding-right:99px} .BinarySelector-optionB{background-image:url(../components/BinarySelector/BinarySelector-sprite-2.png);margin-left:-99px;padding-left:99px} .BinarySelector-tabsLink.is-selected .BinarySelector-option{display:block} .Blog a{font-weight:400} .Blog article>p:first-child{font-style:italic;font-weight:700;margin-top:0} .Blog .centered{margin-bottom:0!important} .Blog .centered>iframe{border-bottom:none!important;display:block;margin:0 auto;max-width:100%} .Blog h2::before{display:block;content:" ";margin-top:-50px;height:50px;visibility:hidden;pointer-events:none} .BnetNav{position:relative;z-index:5} body.z-index-reset .BnetNav{z-index:0} .BnetNav .Navbar.is-compact{z-index:5} .BnetNav-dropdown{z-index:5} .BnetNav-navbar{height:48px} @media (min-width:900px){.BnetNav-navbar{height:40px} } .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-siteMenu .Navbar-modalContent{background-color:#211510;border-right:1px solid #352011} .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-siteMenu .Navbar-modalClose,.BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-siteMenu .Navbar-modalClose:hover{color:#f8b700} @media (max-width:899px){.BnetNav-navbar>.Navbar.is-compact.is-auto{width:100%;position:absolute;top:0;right:0} .BnetNav-navbar>.Navbar.is-compact.is-auto::after{display:none} .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-mobile{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#261812),to(#1a0f0b));background:linear-gradient(to bottom,#261812 0,#1a0f0b 100%);-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6);border-bottom:solid 1px #352011} .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-desktop{display:none} .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-mobile .Navbar-mobileIcon.Navbar-siteMenuIcon{width:44px;height:44px;color:#f8b700} .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-mobile .Navbar-customLogo{top:3px} .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-mobile .Navbar-customLogo img{height:42px} } .BnetNav-searchIcon.Icon{margin-top:14px;margin-left:14px;position:absolute;z-index:1} .BnetNav-searchInlineInput{background-color:#000;border:1px solid #352011;border-left:none;border-right:none;color:#fff;outline:0;padding:15px 20px 15px 54px;position:relative;width:100%;font-size:12px} .BnetNav-searchInlineInput::-webkit-input-placeholder{color:#d79e0d;font-style:italic} .BnetNav-searchInlineInput:-ms-input-placeholder{color:#d79e0d;font-style:italic} .BnetNav-searchInlineInput::-ms-input-placeholder{color:#d79e0d;font-style:italic} .BnetNav-searchInlineInput::placeholder{color:#d79e0d;font-style:italic} .BnetNav-searchInlineInput::selection{background-color:#f8b700;color:#352011} .BnetNav-mobileSiteMenuLogo{text-align:center;max-width:230px;width:60%;margin:20px auto} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-size:14px;line-height:22px;padding:12px 25px;width:100%} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuListItem:last-child .BnetNav-mobileSiteMenuLink{border-bottom-color:#352011} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList--noSectionTitle .BnetNav-mobileSiteMenuLink{padding-left:40px} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList{background-color:#000;position:relative} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList::after,.BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList::before{background-color:#1f0f09;content:"";height:1px;left:0;position:absolute;right:0;top:-1px} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;border-top:1px solid #352011;border-bottom:1px solid #1f0f09;color:#cacaca;padding:11px 25px 11px 40px} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink.zh-cn,.zh-cn .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink.ko-kr,.ko-kr .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink.ru-ru,.ru-ru .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink.zh-tw,.zh-tw .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink.is-active{border-bottom:none;padding-bottom:10px} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuListItem:last-child .BnetNav-mobileSiteMenuLink{border-bottom-color:#352011} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList--noSectionTitle{border-top:1px solid #352011;border-bottom:1px solid #1f0f09} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList--noSectionTitle .BnetNav-mobileSiteMenuLink{padding-left:40px} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList{padding-bottom:20px} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList::after,.BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList::before{display:none} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;border:none;color:#f8b700;font-size:14px;padding:10px 25px 10px 55px} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink.zh-cn,.zh-cn .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink.ko-kr,.ko-kr .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink.ru-ru,.ru-ru .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:"Open Sans",Arial,Helvetica,sans-serif} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink.zh-tw,.zh-tw .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink:hover{background-color:#f8b700;color:#000;text-decoration:none} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink:hover .Character-name{color:#000!important;text-shadow:none} .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuList .BnetNav-mobileSiteMenuLink:hover .Character-level{color:#000} .BnetNav-mobileSiteMenuListItem{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700} .BnetNav-mobileSiteMenuListItem.zh-cn,.zh-cn .BnetNav-mobileSiteMenuListItem{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BnetNav-mobileSiteMenuListItem.ko-kr,.ko-kr .BnetNav-mobileSiteMenuListItem{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BnetNav-mobileSiteMenuListItem.ru-ru,.ru-ru .BnetNav-mobileSiteMenuListItem{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .BnetNav-mobileSiteMenuListItem.zh-tw,.zh-tw .BnetNav-mobileSiteMenuListItem{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .BnetNav-mobileSiteMenuListItem--user{background:url(../components/SiteNav/sitenav-bar-user-bg.jpg) repeat-x 0 0;background-size:auto 90px;position:relative;z-index:1} .BnetNav-mobileSiteMenuListItem--user .BnetNav-mobileSiteMenuLink{padding:0 25px 0 15px} .BnetNav-mobileSiteMenuListItem--user .BnetNav-mobileSiteMenuLink--signup{padding:22px 0 23px} .BnetNav-mobileSiteMenuListItem--user>.BnetNav-mobileSiteMenuListItemWrap{position:relative} .BnetNav-mobileSiteMenuListItem--user>.BnetNav-mobileSiteMenuListItemWrap::after,.BnetNav-mobileSiteMenuListItem--user>.BnetNav-mobileSiteMenuListItemWrap::before{background:rgba(179,61,38,.5);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1} .BnetNav-mobileSiteMenuListItem--user>.BnetNav-mobileSiteMenuListItemWrap::after{background:rgba(135,43,25,.5);bottom:0;top:auto} .BnetNav-mobileSiteMenuListItem--user>.BnetNav-mobileSiteMenuListItemWrap .List-item{vertical-align:middle} .BnetNav-mobileMenuListUserInfo{color:#fff;display:block;font-size:12px;line-height:18px} .BnetNav-mobileSiteMenuLinkText{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#efd100 0,#e2a233 38%,#f0c328 60%,#fff1a3 86%,#ffe13e 100%);background-size:1em 1em;color:#f8b700;display:inline-block;line-height:1em;position:relative;z-index:auto} .BnetNav-mobileSiteMenuLinkText::after{background:0 0;content:attr(data-text);display:inline-block;left:0;position:absolute;text-shadow:0 1px 5px #000;top:0;z-index:-1} .BnetNav-mobileDropdownIndicator.DropdownLink-indicator{top:1px} .BnetNav-mobileAvatar{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:14px;margin-right:5px;position:relative;top:4px} .BnetNav-mobileAvatar.zh-cn,.zh-cn .BnetNav-mobileAvatar{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BnetNav-mobileAvatar.ko-kr,.ko-kr .BnetNav-mobileAvatar{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BnetNav-mobileAvatar.ru-ru,.ru-ru .BnetNav-mobileAvatar{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .BnetNav-mobileAvatar.zh-tw,.zh-tw .BnetNav-mobileAvatar{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .BnetNav--legion .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-mobile{background:#0f1d0d;border-color:#1b3e13} .BnetNav--legion .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-siteMenu .Navbar-modalContent{background-color:#0f1d0d;border-color:#1b3e13} .BnetNav--ocho .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-mobile{background:#1D1D1D;border-color:#111} .BnetNav--ocho .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-mobile .Navbar-mobileIcon.Navbar-siteMenuIcon{color:#c6c6c6} .BnetNav--ocho .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-siteMenu .Navbar-modalContent{background:url(../components/BnetNav/BnetNav-ocho.jpg);background-size:342px;border-color:#222} .BnetNav--ocho .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-siteMenu .Navbar-modalClose{color:#c6c6c6} .BnetNav--ocho .BnetNav-navbar>.Navbar.is-compact.is-auto .Navbar-siteMenu .Navbar-modalClose:hover{color:#fff} .Navbar-cookieCompliance{display:none} .Box{background-color:#1a1a1a;display:block;padding:20px;text-decoration:none} .Box--flush{padding:0} .Box--light{background-color:#fff} .Box--neutral{background-color:#eaeaea} .Box--dark{background-color:#222;color:#fff} .Box--paper{background-color:#ebdec2;color:#352011;-webkit-box-shadow:0 0 16px 6px rgba(0,0,0,.5);box-shadow:0 0 16px 6px rgba(0,0,0,.5);border:12px solid #ebdec2;-o-border-image:url(../components/Box/Box-paper.png) 12 repeat;border-image:url(../components/Box/Box-paper.png) 12 repeat;border-image-outset:3px;padding:15px;margin:3px} .Box--paper.Box--edge{border-width:12px 0;margin:2px 0} .Box--leather{background-color:#211510;color:#211510;background-image:url(../components/Box/Box-leather.jpg)} .Box--leatherGrey{background-color:#444;color:#444;background-image:url(../components/Box/Box-leather-grey.jpg);background-position:center center} .Box--leatherGreyDark{background-color:#444;color:#444;background-image:url(../components/Box/Box-leather-grey-dark.jpg);background-position:center center} .Box--leatherGreyLight{background-color:#444;color:#fff;background-image:url(../components/Box/Box-leather-grey-light.jpg);background-position:center center} .Box--leatherBlue{background-color:#211510;color:#211510;background-image:url(../components/Box/Box-leather-blue.jpg)} .Box--overlayDark{background:rgba(0,0,0,.75);border:1px solid #504137;color:#504137} .Box--nearlyOpaque{background-color:rgba(0,0,0,.9)} .Box--brown{background:#211510;border:1px solid #504137;color:#ebdec2} .Box--borderBrown{border:1px solid #504137} .Box--borderGrey{border:1px solid #444} .Box--transparent{background-color:transparent} .Box--translucent{background-color:rgba(0,0,0,.3)} .Box[disabled]{opacity:.5} .Box--flush{padding:0} .Box--offLeft{position:relative} .Box--offLeft::before{content:"";background:inherit;width:1600px;height:100%;position:absolute;top:0;right:100%} .Box--offRight{position:relative} .Box--offRight::after{content:"";background:inherit;width:1600px;height:100%;position:absolute;top:0;left:100%} .Box--corinthian{position:relative;margin:6px} .Box--corinthian::after{position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:0;border-image-source:url(../components/Box/Box-corinthianChrome.png);border-image-repeat:repeat;border-image-slice:96 fill;border-image-width:48px;border-image-outset:12px;content:"";display:block;z-index:1;pointer-events:none} .Box--corinthianGoldOnHover .Box-divider::before,.Box--corinthianGoldOnHover::before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../components/Box/Box-corinthianGold.png);content:"";opacity:0;z-index:-1} .Box--corinthianGoldOnHover:hover::after{border-image-source:url(../components/Box/Box-corinthianGold.png)} .Box--corinthianGoldOnHover .Box-divider::before,.Box--corinthianGoldOnHover:hover .Box-divider{background-image:url(../components/Divider/Divider-corinthianGold.jpg)} .Box--DEATHKNIGHT-bg{background:rgba(8,8,18,.75)} .Box--DEMONHUNTER-bg{background:rgba(10,16,4,.75)} .Box--DRUID-bg{background:rgba(0,13,7,.75)} .Box--HUNTER-bg{background:rgba(7,3,13,.75)} .Box--MAGE-bg{background:rgba(17,6,23,.75)} .Box--MONK-bg{background:rgba(4,17,12,.75)} .Box--PALADIN-bg{background:rgba(19,4,10,.75)} .Box--PRIEST-bg{background:rgba(26,8,18,.75)} .Box--ROGUE-bg{background:rgba(21,13,26,.75)} .Box--SHAMAN-bg{background:rgba(4,4,20,.75)} .Box--WARLOCK-bg{background:rgba(21,18,31,.75)} .Box--WARRIOR-bg{background:rgba(26,4,7,.75)} .Box--bgTop{background-position:top} .Box--bgBottom{background-position:bottom} .Box--legion{background:rgba(0,0,0,.7);position:relative;margin:17px} .Box--legion::after{position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:0;border-image-source:url(../components/Box/Box-legion.png);border-image-repeat:round;border-image-slice:75 fill;border-image-width:75px;border-image-outset:28px;content:"";display:block;z-index:1;pointer-events:none} .Box--ocho{background-image:url(../components/Box/Box-leather-blue.jpg);position:relative;margin:17px} .Box--ocho::after{position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:0;border-image-source:url(../components/ArticleTile/ArticleTile-ocho-border.png);border-image-repeat:round;border-image-slice:108 fill;border-image-width:54px;border-image-outset:34px;content:"";display:block;z-index:1;pointer-events:none} .Box--ocho-slant{position:relative;height:57px;top:-1px;padding:8px;background-color:#cacaca;background-image:url(../components/Box/Box-ocho-slant-hover.png);background-size:0;border-style:solid;border-width:0;border-image-source:url(../components/Box/Box-ocho-slant.png);border-image-repeat:round;border-image-slice:0 130 fill;border-image-width:0 130px;border-image-outset:0 70px} .Box--ocho-slant:hover{border-image-source:url(../components/Box/Box-ocho-slant-hover.png)} .Box--woodFrame{position:relative;padding:23px} .Box--woodFrame::after{position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:0;border-image-source:url(../components/Box/Box-woodFrame.png);border-image-repeat:repeat;border-image-slice:110 fill;border-image-width:55px;border-image-outset:0;content:"";display:block;z-index:1;pointer-events:none} .Box--goldFrame{position:relative;padding:5px} .Box--goldFrame::after{position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:0;border-image-source:url(../components/Box/Box-goldFrame.png);border-image-repeat:repeat;border-image-slice:82 fill;border-image-width:41px;border-image-outset:0;content:"";display:block;z-index:1;pointer-events:none} .Box--hover:hover{border:1px solid #f8b700} .Box--shadow{-webkit-box-shadow:0 0 48px -4px #000;box-shadow:0 0 48px -4px #000} .Box--shadow-ALLIANCE{-webkit-box-shadow:0 0 48px -4px #0078ff;box-shadow:0 0 48px -4px #0078ff} .Box--shadow-HORDE{-webkit-box-shadow:0 0 48px -4px #b30000;box-shadow:0 0 48px -4px #b30000} .BrowserWarning{display:none} .BrowserWarning-content{overflow:hidden;text-align:center;font-size:.9rem;line-height:1.5em;padding:10px 0} .BrowserWarning-content p{margin:0} .BrowserWarning-content p+p{margin-top:1.5em} .BrowserWarning-content h1{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:1.866rem;line-height:1.5em} .BrowserWarning-content h1.zh-cn,.zh-cn .BrowserWarning-content h1{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BrowserWarning-content h1.ko-kr,.ko-kr .BrowserWarning-content h1{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BrowserWarning-content h1.ru-ru,.ru-ru .BrowserWarning-content h1{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .BrowserWarning-content h1.zh-tw,.zh-tw .BrowserWarning-content h1{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.BrowserWarning-content h1{font-size:2.1148rem} } @media (min-width:1280px){.BrowserWarning-content h1{font-size:2.488rem} } .BrowserWarning-content h2{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:1.296rem;line-height:1.5em} .BrowserWarning-content h2.zh-cn,.zh-cn .BrowserWarning-content h2{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BrowserWarning-content h2.ko-kr,.ko-kr .BrowserWarning-content h2{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BrowserWarning-content h2.ru-ru,.ru-ru .BrowserWarning-content h2{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .BrowserWarning-content h2.zh-tw,.zh-tw .BrowserWarning-content h2{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.BrowserWarning-content h2{font-size:1.4688rem} } @media (min-width:1280px){.BrowserWarning-content h2{font-size:1.728rem} } .BrowserWarning-content h3{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:1.08rem;line-height:1.5em} .BrowserWarning-content h3.zh-cn,.zh-cn .BrowserWarning-content h3{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BrowserWarning-content h3.ko-kr,.ko-kr .BrowserWarning-content h3{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BrowserWarning-content h3.ru-ru,.ru-ru .BrowserWarning-content h3{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .BrowserWarning-content h3.zh-tw,.zh-tw .BrowserWarning-content h3{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.BrowserWarning-content h3{font-size:1.224rem} } @media (min-width:1280px){.BrowserWarning-content h3{font-size:1.44rem} } .BrowserWarning-content h4{color:#fff;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8);font-size:.9rem;line-height:1.5em} .BrowserWarning-content h4.zh-cn,.zh-cn .BrowserWarning-content h4{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BrowserWarning-content h4.ko-kr,.ko-kr .BrowserWarning-content h4{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BrowserWarning-content h4.ru-ru,.ru-ru .BrowserWarning-content h4{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .BrowserWarning-content h4.zh-tw,.zh-tw .BrowserWarning-content h4{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.BrowserWarning-content h4{font-size:1.02rem} } @media (min-width:1280px){.BrowserWarning-content h4{font-size:1.2rem} } .BrowserWarning-content h5{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#09273e;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8)} .BrowserWarning-content h5.zh-cn,.zh-cn .BrowserWarning-content h5{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BrowserWarning-content h5.ko-kr,.ko-kr .BrowserWarning-content h5{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BrowserWarning-content h5.ru-ru,.ru-ru .BrowserWarning-content h5{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .BrowserWarning-content h5.zh-tw,.zh-tw .BrowserWarning-content h5{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.BrowserWarning-content h5{font-size:1.02rem} } @media (min-width:1280px){.BrowserWarning-content h5{font-size:1.2rem} } .BrowserWarning-content h6{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.75rem;line-height:1.5em;color:#09273e;text-shadow:0 0 1px transparent,0 1px 2px rgba(255,255,255,.8)} .BrowserWarning-content h6.zh-cn,.zh-cn .BrowserWarning-content h6{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .BrowserWarning-content h6.ko-kr,.ko-kr .BrowserWarning-content h6{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .BrowserWarning-content h6.ru-ru,.ru-ru .BrowserWarning-content h6{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .BrowserWarning-content h6.zh-tw,.zh-tw .BrowserWarning-content h6{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.BrowserWarning-content h6{font-size:.85rem} } @media (min-width:1280px){.BrowserWarning-content h6{font-size:1rem} } .BrowserWarning-content h1,.BrowserWarning-content h2,.BrowserWarning-content h3,.BrowserWarning-content h4,.BrowserWarning-content h5,.BrowserWarning-content h6{margin:1.5em 0;padding:0;text-shadow:none} .BrowserWarning-content ol,.BrowserWarning-content ul{padding-left:1em} .BrowserWarning-content ol ol,.BrowserWarning-content ol ul,.BrowserWarning-content ul ol,.BrowserWarning-content ul ul{margin-top:0;margin-bottom:0} .BrowserWarning-content ol>li{counter-increment:counter-level0;display:block;padding-left:1.5em;position:relative} .BrowserWarning-content ol>li::before{content:counter(counter-level0) ".";display:inline-block;font-weight:700;left:0;position:absolute;top:0} .BrowserWarning-content ol ol>li{counter-increment:counter-level1;margin-left:1.5em} .BrowserWarning-content ol ol>li::before{content:counter(counter-level1,lower-latin) "."} .BrowserWarning-content ol ol ol>li{counter-increment:counter-level2} .BrowserWarning-content ol ol ol>li::before{content:counter(counter-level2,lower-roman) "."} .BrowserWarning-content ul>li{display:block;padding-left:2.5em;position:relative} .BrowserWarning-content ul>li::before{background:url(../components/List/List-bullet-sprite.png) no-repeat 0 50%;content:".";display:inline-block;left:0;position:absolute;text-indent:-9999px;top:0;width:20px} .BrowserWarning-content ul ul>li{margin-left:1.5em} .BrowserWarning-content ul ul>li::before{background-position:-20px 50%} .BrowserWarning-content ul ul ul>li::before{background-position:-40px 50%} .BrowserWarning-content dl>dt{font-weight:700} .BrowserWarning-content table{border-color:transparent} .BrowserWarning-content a{color:#f8b700} .BrowserWarning-content a:hover{text-decoration:underline} .BrowserWarning-content hr{border:none;border-top:1px solid #b1997f} @media (min-width:720px){.BrowserWarning-content{font-size:1.02rem} } @media (min-width:1280px){.BrowserWarning-content{font-size:1.2rem} } .BrowserWarning.is-active{display:block} .Button{display:inline-block;cursor:pointer;text-decoration:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none} .Button-label{position:relative;z-index:1} .Button--full{display:block} .Button--text{font-size:1.08rem;line-height:1.5em;font-weight:400;color:#f7b10a;min-width:180px;text-transform:uppercase} @media (min-width:720px){.Button--text{font-size:1.224rem} } @media (min-width:1280px){.Button--text{font-size:1.44rem} } .Button--text .Button-inner{padding:12px 30px} .Button--text:active,.Button--text:hover{color:#fff} .Button--ghost{font-size:1.08rem;line-height:1.5em;font-weight:400;background:rgba(0,0,0,.4);border:1px solid #000;color:#f7b10a;min-width:180px;text-transform:uppercase;-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s} @media (min-width:720px){.Button--ghost{font-size:1.224rem} } @media (min-width:1280px){.Button--ghost{font-size:1.44rem} } .Button--ghost:focus,.Button--ghost:hover{background:#b06601;color:#ffd36b;outline-width:0} .Button--ghost:active{background:#8a5000} .Button--ghost .Button-outer{border:1px solid #c77e19} .Button--ghost .Button-inner{padding:12px 30px} .Button--ghost.Button--medium{font-size:.9rem;line-height:1.5em} @media (min-width:720px){.Button--ghost.Button--medium{font-size:1.02rem} } @media (min-width:1280px){.Button--ghost.Button--medium{font-size:1.2rem} } .Button--ghost.Button--medium .Button-inner{padding:11px 52px} .Button--ghost.Button--small{font-size:.75rem;line-height:1.5em} @media (min-width:720px){.Button--ghost.Button--small{font-size:.85rem} } @media (min-width:1280px){.Button--ghost.Button--small{font-size:1rem} } .Button--ghost.Button--small .Button-inner{padding:5px 16px} .Button--ghost.Button--purchase{background:rgba(159,22,0,.6)} .Button--ghost.Button--purchase:focus,.Button--ghost.Button--purchase:hover{background:#9f1600} .Button--ghost.Button--purchase:active{background:#7a1100} .Button--ghost.Button--purchase .Button-outer{border-color:#ea3012} .Button--ghost.Button--purchase .Icon--external{top:-1px;margin-left:.5em;width:18px} .Button--ghost.Button--highlighted{background:rgba(248,183,0,.8);color:#000} .Button--ghost.Button--highlighted:hover{background:#f8b700} .Button--ghost.Button--highlighted .Button-outer{border:1px solid #f8b700} .Button--ghost.Button--disabled,.Button--ghost.Button[disabled]{background:rgba(0,0,0,.4);background-image:none} .Button--ghost.Button--disabled .Button-outer,.Button--ghost.Button[disabled] .Button-outer{background-image:none;border-color:#000} .Button--ghost.Button--disabled .Button-inner,.Button--ghost.Button[disabled] .Button-inner{background-image:none;background:0 0} .Button--play{background:rgba(0,0,0,.4);border:1px solid #000;color:#f7b10a;padding:0;position:relative;-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s} .Button--play:hover{background:#b06601} .Button--play:active{background:#8a5000;-webkit-transition:none;transition:none} .Button--play .Button-outer{background-image:none;border:1px solid #c77e19;position:relative} .Button--play .Button-outer::before{background-image:none} .Button--play .Button-inner{background-image:none;height:90px;padding:0;width:90px} .Button--play .Button-inner::before{background-image:none} .Button--play .Button-label{display:inline-block;position:relative;border-color:transparent #fddeb4;border-style:solid;border-width:20.5px 0 20.5px 30px;top:27%;-webkit-transition:border-color .2s;transition:border-color .2s;left:3%} @media (min-width:320px){.Button--play .Button-inner{width:73px;height:73px} .Button--play .Button-label{border-width:16.5px 0 16.5px 24px} } @media (min-width:540px){.Button--play .Button-inner{width:90px;height:90px} .Button--play .Button-label{border-width:20.5px 0 20.5px 30px} } @media (min-width:720px){.Button--play .Button-inner{width:90px;height:90px} .Button--play .Button-label{border-width:20.5px 0 20.5px 30px} } .Button--prev .Button-label::before{content:"‹ "} .Button--next .Button-label::after{content:" ›"} .Button--ocho{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#000;text-transform:uppercase;margin-bottom:-10px} .Button--ocho.zh-cn,.zh-cn .Button--ocho{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Button--ocho.ko-kr,.ko-kr .Button--ocho{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Button--ocho.ru-ru,.ru-ru .Button--ocho{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .Button--ocho.zh-tw,.zh-tw .Button--ocho{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Button--ocho{font-size:1.02rem} } @media (min-width:1280px){.Button--ocho{font-size:1.2rem} } .Button--ocho .Button-outer{padding:0 87px 0 89px} .Button--ocho .Button-inner{line-height:20px;padding:35px 0 45px;background:url(../components/Button/Button-ocho.png) no-repeat;background-size:auto 300px;background-position:center 0;position:relative;max-width:367px;white-space:nowrap} .Button--ocho .Button-inner::after,.Button--ocho .Button-inner::before{content:"";background:url(../components/Button/Button-ocho.png) no-repeat;background-size:auto 300px;width:133px;height:100px;position:absolute;top:0} .Button--ocho .Button-inner::before{right:100%;background-position:right 0;margin-right:-36.25px;-webkit-transform:scaleX(-1);transform:scaleX(-1)} .Button--ocho .Button-inner::after{left:100%;background-position:right 0;margin-left:-36px} .Button--ocho:hover .Button-inner,.Button--ocho:hover .Button-inner::after,.Button--ocho:hover .Button-inner::before{background-position-y:-100px} .Button--ocho:active .Button-inner,.Button--ocho:active .Button-inner::after,.Button--ocho:active .Button-inner::before{background-position-y:-200px} .Button--ocho:active .Button-label{top:1px} .Button--ocho .Button-label{margin:0 -30px;min-width:155px} .Button--ocho .Button-label::after{content:attr(data-text);position:absolute;top:0;left:0;right:0} .Card{background:#211510;color:#ebdec2;border:solid 1px #504137;overflow:hidden;width:100%;position:relative;z-index:0} body.z-index-reset .Card,body.z-index-reset-full .Card{z-index:auto;z-index:initial} .Card-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .Card-title.zh-cn,.zh-cn .Card-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Card-title.ko-kr,.ko-kr .Card-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Card-title.ru-ru,.ru-ru .Card-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .Card-title.zh-tw,.zh-tw .Card-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Card-title{font-size:1.4688rem} } @media (min-width:1280px){.Card-title{font-size:1.728rem} } .Card-subtitle{color:#b1997f} .Card-subtitle,.Card-title{text-shadow:none} .Card--stacked .Card-content{border-width:1px 0 0 0} .Card--hovered{border-color:#f8b700} .Card--hovered .Card-title{color:#fff} .Card:hover{border-color:#f8b700} .Card:hover .Card-title{color:#fff} .Card-link{display:block} .Card-content{width:100%;border-left:solid 1px #504137} .Card-image--full{display:none} .Card-image--half{display:none} .Card-excerpt{display:none} .Card--excerpt .Card-description{display:none} .Card--excerpt .Card-excerpt--normal{display:block} .Card--excerptMedium .Card-description{display:none} .Card--excerptMedium .Card-excerpt--medium{display:block} .Card--excerptLong .Card-description{display:none} .Card--excerptLong .Card-excerpt--long{display:block} .Card--1of4 .Card-image{display:block;float:left;width:25%} .Card--1of4 .Card-image .Card-image--full{display:block} .Card--1of4 .Card-content{width:75%} .Card--1of3 .Card-image{display:block;float:left;width:33%} .Card--1of3 .Card-image .Card-image--full{display:block} .Card--1of3 .Card-content{width:67%} .Card--2of5 .Card-image{display:block;float:left;width:40%} .Card--2of5 .Card-image .Card-image--full{display:block} .Card--2of5 .Card-content{width:60%} .Card--2of3 .Card-image{display:block;float:left;width:66%} .Card--2of3 .Card-image .Card-image--full{display:block} .Card--2of3 .Card-content{width:33%} .Card--1of2 .Card-image{display:block;float:left;width:50%} .Card--1of2 .Card-image .Card-image--full{display:block} .Card--1of2 .Card-content{width:50%} .Card--1of2 .Card-content,.Card--1of3 .Card-content,.Card--1of4 .Card-content,.Card--2of3 .Card-content,.Card--2of5 .Card-content{position:absolute;top:0;right:0;bottom:0} .Card--stacked .Card-image{float:none;width:100%} .Card--stacked .Card-image .Card-image--full{display:none} .Card--stacked .Card-image .Card-image--half{width:100%;display:block} .Card--stacked .Card-content{width:100%;position:relative;border-left:none;border-top:solid 1px #504137} .Cards .Cards-card{margin-top:-1px} .Cards .Cards-card:hover{border-color:#f8b700} .Cards .Cards-card:hover .Card-title{color:#fff} .Cards.Cards--gutter{padding:20px} .Cards--gutters .Cards-card{margin-bottom:20px} .Cards--gutter.Cards--gutters{margin:10px;margin:0} .Cards--1of4 .Cards-card .Card-image{display:block;float:left;width:25%} .Cards--1of4 .Cards-card .Card-image .Card-image--full{display:block} .Cards--1of4 .Cards-card .Card-content{width:75%} .Cards--1of4 .Cards-card .Card-content{position:absolute;top:0;right:0;bottom:0} .Cards--1of3 .Cards-card .Card-image{display:block;float:left;width:33%} .Cards--1of3 .Cards-card .Card-image .Card-image--full{display:block} .Cards--1of3 .Cards-card .Card-content{width:67%} .Cards--1of3 .Cards-card .Card-content{position:absolute;top:0;right:0;bottom:0} .Cards--2of5 .Cards-card .Card-image{display:block;float:left;width:40%} .Cards--2of5 .Cards-card .Card-image .Card-image--full{display:block} .Cards--2of5 .Cards-card .Card-content{width:60%} .Cards--2of5 .Cards-card .Card-content{position:absolute;top:0;right:0;bottom:0} .Cards--1of2 .Cards-card .Card-image{display:block;float:left;width:50%} .Cards--1of2 .Cards-card .Card-image .Card-image--full{display:block} .Cards--1of2 .Cards-card .Card-content{width:50%} .Cards--1of2 .Cards-card .Card-content{position:absolute;top:0;right:0;bottom:0} .Cards--2of3 .Cards-card .Card-image{display:block;float:left;width:66%} .Cards--2of3 .Cards-card .Card-image .Card-image--full{display:block} .Cards--2of3 .Cards-card .Card-content{width:33%} .Cards--2of3 .Cards-card .Card-content{position:absolute;top:0;right:0;bottom:0} .Cards--stacked .Cards-card .Card-content{border-width:1px 0 0 0} .Cards--stacked .Cards-card .Card-image{float:none;width:100%} .Cards--stacked .Cards-card .Card-image .Card-image--full{display:none} .Cards--stacked .Cards-card .Card-image .Card-image--half{width:100%;display:block} .Cards--stacked .Cards-card .Card-content{width:100%;position:relative;border-left:none;border-top:solid 1px #504137} .Cards--excerpts .Cards-card .Card-description{display:none} .Cards--excerpts .Cards-card .Card-excerpt--normal{display:block} .Cards--excerptsMedium .Cards-card .Card-description{display:none} .Cards--excerptsMedium .Cards-card .Card-excerpt--medium{display:block} .Cards--excerptsLong .Cards-card .Card-description{display:none} .Cards--excerptsLong .Cards-card .Card-excerpt--long{display:block} .Carousel{position:relative} .Carousel-next,.Carousel-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;padding-left:10px;padding-right:10px;z-index:8} .Carousel-prev{left:0} .Carousel-next{right:0} .Carousel-item{display:none;overflow:hidden} .Carousel-item.is-selected{display:block} .Carousel--sticky .Carousel-prev{height:100vh;left:0;top:0;-webkit-transform:translateY(0);transform:translateY(0);width:60px} .Carousel--sticky .Carousel-prevIcon{left:0;position:absolute;top:45%} .Carousel--sticky .Carousel-next{height:100vh;right:0;top:0;-webkit-transform:translateY(0);transform:translateY(0);width:60px} .Carousel--sticky .Carousel-nextIcon{position:absolute;right:0;top:45%} .Carousel--gold .Carousel-nextIcon,.Carousel--gold .Carousel-prevIcon{border-color:rgba(248,183,0,.8);border-width:7px 7px 0 0;-webkit-filter:none;filter:none;height:80px;margin:20px;-webkit-transition:border-color .2s;transition:border-color .2s;width:80px} .Carousel--gold .Carousel-nextIcon:hover,.Carousel--gold .Carousel-prevIcon:hover{border-color:#f8b700} .Carousel--gold .Carousel-nextIcon::after,.Carousel--gold .Carousel-prevIcon::after{-webkit-box-shadow:0 0 50px 20px rgba(0,0,0,.5);box-shadow:0 0 50px 20px rgba(0,0,0,.5);content:"";display:block;height:0;left:50%;position:absolute;top:50%;width:0;z-index:-1} .Carousel--ghost .Carousel-nextIcon,.Carousel--ghost .Carousel-prevIcon{border-color:rgba(0,0,0,.25);border-width:10px 10px 0 0;margin:20px} .Carousel--animated .Carousel-transitioning{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s} .Carousel--animated .Carousel-currentFrame{display:block;-webkit-transform:translate(0,0);transform:translate(0,0);z-index:2} .Carousel--animated .Carousel-nextFrame,.Carousel--animated .Carousel-prevFrame{display:block;position:absolute;top:0;-webkit-transform:translate(0,0);transform:translate(0,0);width:100%;z-index:0} body.z-index-reset .Carousel--animated .Carousel-nextFrame,body.z-index-reset .Carousel--animated .Carousel-prevFrame,body.z-index-reset-full .Carousel--animated .Carousel-nextFrame,body.z-index-reset-full .Carousel--animated .Carousel-prevFrame{z-index:auto;z-index:initial} .Carousel--sticky .Carousel-nextFrame,.Carousel--sticky .Carousel-prevFrame{position:fixed} .Carousel--animated .Carousel-nextFrame .Sticky,.Carousel--animated .Carousel-prevFrame .Sticky{display:none} .Carousel--animated .Carousel-item.is-active{z-index:1} .Carousel--hasLayout .Carousel-item:not(.Carousel-transitioning){display:block;left:-99999px;position:absolute;top:-99999px;visibility:hidden;width:100%} .Carousel--hasLayout .Carousel-item.is-selected:not(.Carousel-transitioning){position:static;visibility:visible;width:auto} .Carousel--hasLayout .Carousel-item:not(.is-selected):not(.preload):not(.Carousel-transitioning) .Pane-bg{background-image:none!important} .Carousel--noArrows .Carousel-next,.Carousel--noArrows .Carousel-prev{display:none} .Carousel--bottom{position:absolute;bottom:0;width:100%} .Carousel-prev:hover .Carousel-prevIcon{-webkit-animation:Carousel-Animation-BounceLeft .25s;animation:Carousel-Animation-BounceLeft .25s} .Carousel-next:hover .Carousel-nextIcon{-webkit-animation:Carousel-Animation-BounceRight .25s;animation:Carousel-Animation-BounceRight .25s} .Carousel--indicatorArrows .Carousel-next,.Carousel--indicatorArrows .Carousel-prev{top:auto;bottom:-13px;padding-left:0;padding-right:0} .Carousel--indicatorArrows .Carousel-next{top:auto;bottom:-13px} .Carousel--bottomArrows .Carousel-next,.Carousel--bottomArrows .Carousel-prev{top:auto;bottom:auto;padding-bottom:60px;padding-left:0;padding-right:0} .Carousel--smallArrows .Carousel-nextIcon,.Carousel--smallArrows .Carousel-prevIcon{height:40px;width:40px} .Carousel--mediumArrows .Carousel-nextIcon,.Carousel--mediumArrows .Carousel-prevIcon{height:60px;width:60px} .Carousel--largeArrows .Carousel-nextIcon,.Carousel--largeArrows .Carousel-prevIcon{height:100px;width:100px} .Carousel--animatedCrossfade .Carousel-item{opacity:0} .Carousel--animatedCrossfade .Carousel-item.is-selected{opacity:1} .Carousel--animatedCrossfade .Carousel-nextFrame,.Carousel--animatedCrossfade .Carousel-prevFrame{-webkit-animation:Carousel-Animation-FadeIn .25s;animation:Carousel-Animation-FadeIn .25s} .Carousel--animatedCrossfade .Carousel-currentFrame{-webkit-animation:Carousel-Animation-FadeOut .25s;animation:Carousel-Animation-FadeOut .25s} .Carousel--animatedCrossfade.is-swiping .Carousel-item{-webkit-animation:none;animation:none} @-webkit-keyframes Carousel-Animation-FadeIn{from{opacity:0} to{opacity:1} } @keyframes Carousel-Animation-FadeIn{from{opacity:0} to{opacity:1} } @-webkit-keyframes Carousel-Animation-FadeOut{from{opacity:1} to{opacity:0} } @keyframes Carousel-Animation-FadeOut{from{opacity:1} to{opacity:0} } @-webkit-keyframes Carousel-Animation-BounceLeft{0%{left:0} 50%{left:-10px} 85%{left:4px} 100%{left:0} } @keyframes Carousel-Animation-BounceLeft{0%{left:0} 50%{left:-10px} 85%{left:4px} 100%{left:0} } @-webkit-keyframes Carousel-Animation-BounceRight{0%{right:0} 50%{right:-10px} 85%{right:4px} 100%{right:0} } @keyframes Carousel-Animation-BounceRight{0%{right:0} 50%{right:-10px} 85%{right:4px} 100%{right:0} } .Carousel--timeline .Carousel-next,.Carousel--timeline .Carousel-prev{position:absolute;top:342px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3} @media (min-width:1280px){.Carousel--timeline .Carousel-next,.Carousel--timeline .Carousel-prev{top:442px} } .CarouselIndicator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2} .CarouselIndicator-container{padding:20px 0} .CarouselIndicator-node{padding:0 5px} .CarouselIndicator-node.gutter-vertical{padding:5px 0} .CarouselIndicator-node.gutter-all{padding:5px} .CarouselIndicator-node.gutter-negative{padding:0;margin:0 -5px} .CarouselIndicator-node.gutter-negative.gutter-vertical{margin:-5px 0} .CarouselIndicator-node.gutter-negative.gutter-all{margin:-5px} .CarouselIndicator-node:first-child{padding-left:0} .CarouselIndicator-node:last-child{padding-right:0} .CarouselIndicator-link,.CarouselIndicator-node{display:inline-block} .CarouselIndicator-dot{background-image:url(../components/CarouselIndicator/Icon-shield.png);background-size:100%;height:15px;width:15px} .CarouselIndicator--bottomCenter{position:absolute;bottom:0;left:0;right:0} .CarouselIndicator--bottomCenter .CarouselIndicator-container{text-align:center} .CarouselIndicator--outlines .CarouselIndicator-dot{height:21px;width:21px} .CarouselIndicator .CarouselLink.is-selected .CarouselIndicator-dot,.CarouselIndicator .CarouselLink:hover .CarouselIndicator-dot{background-image:url(../components/CarouselIndicator/Icon-shield-solid.png)} .CarouselIndicator--outlines .CarouselLink.is-selected .CarouselIndicator-dot,.CarouselIndicator--outlines .CarouselLink:hover .CarouselIndicator-dot{background-image:url(../components/CarouselIndicator/Icon-shield-solid.png)} .CarouselLink{cursor:pointer;opacity:1} .CarouselLink.is-selected{cursor:default;opacity:1} .CarouselTimeline{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .CarouselTimeline-sticky{background-color:rgba(29,17,11,.9)} .CarouselTimeline .CarouselTimeline-container{height:91px;padding:20px 0 20px;text-align:center} .CarouselTimeline:not(.CarouselTimeline--inline) .CarouselTimeline-container{overflow:visible!important} .CarouselTimeline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(29,17,11,.6);background:-webkit-gradient(linear,left top,left bottom,from(rgba(29,17,11,0)),color-stop(25%,rgba(29,17,11,.6)),to(rgba(29,17,11,.6)));background:linear-gradient(to bottom,rgba(29,17,11,0) 0,rgba(29,17,11,.6) 25%,rgba(29,17,11,.6) 100%);pointer-events:none} .CarouselTimeline-bar{display:inline-block;height:51px;position:relative;white-space:nowrap} .CarouselTimeline-guide{background-color:#fff;height:3px;left:22px;position:absolute;right:22px;top:24px} .CarouselTimeline .CarouselTimeline-endCap{border:0;color:#f8b700;height:48px;position:absolute;top:3px;width:48px} .CarouselTimeline .CarouselTimeline-endCap.left{left:-2px} .CarouselTimeline .CarouselTimeline-endCap.right{right:-2px} .CarouselTimeline-node{display:inline-block;height:51px;position:relative;width:25px} .CarouselTimeline-link{display:inline-block;height:51px;text-align:center;width:100%} .CarouselTimeline-dot{background-color:#fff;border-radius:50%;height:15px;left:50%;margin-left:-7.5px;position:absolute;top:18px;width:15px} .CarouselTimeline-tick{background-color:#fff;display:none;height:13px;left:50%;margin-left:-6.5px;position:absolute;top:16px;-webkit-transform:rotate(45deg) skew(10deg,10deg);transform:rotate(45deg) skew(10deg,10deg);width:13px} .CarouselTimeline-node:first-child,.CarouselTimeline-node:last-child{width:45px;height:51px} .CarouselTimeline-nodes.is-constrained .CarouselTimeline-node:first-child{margin-right:-10px} .CarouselTimeline-nodes.is-constrained .CarouselTimeline-node:last-child{margin-left:-10px} .CarouselTimeline-nodes.is-compact .CarouselTimeline-dot{opacity:0} .CarouselTimeline-nodes.is-compact .CarouselTimeline-node:first-child .CarouselTimeline-dot,.CarouselTimeline-nodes.is-compact .CarouselTimeline-node:last-child .CarouselTimeline-dot{opacity:1} .CarouselTimeline-tooltip{bottom:51px;display:none;left:50%;margin-left:-75px;position:absolute;width:150px} .CarouselTimeline-tooltip>img{border:0;width:150px} .CarouselTimeline-node.is-selected .CarouselTimeline-dot,.CarouselTimeline-node:hover .CarouselTimeline-dot{opacity:1} .CarouselTimeline-node.is-selected .CarouselTimeline-tick,.CarouselTimeline-node:hover .CarouselTimeline-tick{display:block} .CarouselTimeline-node.is-selected .CarouselTimeline-tooltip,.CarouselTimeline-node:hover .CarouselTimeline-tooltip{display:block} .CarouselTimeline-node.is-selected .CarouselLink.is-selected .CarouselTimeline-tick,.CarouselTimeline-node:hover .CarouselLink.is-selected .CarouselTimeline-tick{background-color:#f8b700} .CarouselLink.is-selected .CarouselTimeline-dot{opacity:1} .CarouselTimeline .CarouselLink,.CarouselTimeline .CarouselLink.is-selected{background:0 0;border:0} .CarouselLink.is-selected .CarouselTimeline-dot{background-color:#f8b700} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-container{overflow-x:scroll} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-bar{margin:0 20px;padding:0} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes{white-space:nowrap} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes::after{content:"";display:table;clear:both} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-node{display:inline-block;height:51px;margin:0 20px;cursor:pointer;width:130px!important} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-link{display:none} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-tooltip{bottom:auto;display:block;left:auto;margin:0;position:relative;width:auto} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-tooltip>img{height:51px;width:auto} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-node:first-child{margin-left:0;width:45px!important} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-node:last-child{margin-right:0;width:45px!important} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-node:first-child .CarouselTimeline-link,.CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-node:last-child .CarouselTimeline-link{display:block} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-node:first-child .CarouselTimeline-tooltip,.CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-node:last-child .CarouselTimeline-tooltip{width:45px} .CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-node:first-child .CarouselTimeline-tooltip>img,.CarouselTimeline.CarouselTimeline--inline .CarouselTimeline-nodes .CarouselTimeline-node:last-child .CarouselTimeline-tooltip>img{display:none} .Chakram{position:relative;background-image:url(../components/Chakram/Chakram.png);background-position:center;background-repeat:no-repeat;background-size:contain;width:128px;height:128px} .Chakram::before{content:"";display:block;padding-top:100%} .Chakram-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .Chakram-text.zh-cn,.zh-cn .Chakram-text{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Chakram-text.ko-kr,.ko-kr .Chakram-text{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Chakram-text.ru-ru,.ru-ru .Chakram-text{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Chakram-text.zh-tw,.zh-tw .Chakram-text{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Chakram-text{font-size:1.224rem} } @media (min-width:1280px){.Chakram-text{font-size:1.44rem} } .Chakram--tiny{width:72px;height:72px} .Chakram--small{width:100px;height:100px} .Chakram--large{width:219px;height:219px} .Chakram--huge{width:400px;height:400px} .Chakram--pvpFrame{background-image:url(../components/Chakram/Chakram-pvp-frame.png)} .Chakram--textLarge .Chakram-text{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.866rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .Chakram--textLarge .Chakram-text.zh-cn,.zh-cn .Chakram--textLarge .Chakram-text{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Chakram--textLarge .Chakram-text.ko-kr,.ko-kr .Chakram--textLarge .Chakram-text{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Chakram--textLarge .Chakram-text.ru-ru,.ru-ru .Chakram--textLarge .Chakram-text{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Chakram--textLarge .Chakram-text.zh-tw,.zh-tw .Chakram--textLarge .Chakram-text{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Chakram--textLarge .Chakram-text{font-size:2.1148rem} } @media (min-width:1280px){.Chakram--textLarge .Chakram-text{font-size:2.488rem} } .Chakram--textSmall .Chakram-text{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .Chakram--textSmall .Chakram-text.zh-cn,.zh-cn .Chakram--textSmall .Chakram-text{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Chakram--textSmall .Chakram-text.ko-kr,.ko-kr .Chakram--textSmall .Chakram-text{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Chakram--textSmall .Chakram-text.ru-ru,.ru-ru .Chakram--textSmall .Chakram-text{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Chakram--textSmall .Chakram-text.zh-tw,.zh-tw .Chakram--textSmall .Chakram-text{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Chakram--textSmall .Chakram-text{font-size:1.224rem} } @media (min-width:1280px){.Chakram--textSmall .Chakram-text{font-size:1.44rem} } .Chakram--textTiny .Chakram-text{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .Chakram--textTiny .Chakram-text.zh-cn,.zh-cn .Chakram--textTiny .Chakram-text{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Chakram--textTiny .Chakram-text.ko-kr,.ko-kr .Chakram--textTiny .Chakram-text{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Chakram--textTiny .Chakram-text.ru-ru,.ru-ru .Chakram--textTiny .Chakram-text{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Chakram--textTiny .Chakram-text.zh-tw,.zh-tw .Chakram--textTiny .Chakram-text{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Chakram--textTiny .Chakram-text{font-size:1.02rem} } @media (min-width:1280px){.Chakram--textTiny .Chakram-text{font-size:1.2rem} } .Character{clear:both;display:inline-block;position:relative} .Character:after{content:"";clear:both;display:block} .Character-table{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .Character.Character--vertical .Character-table{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .Character.Character--vertical .Character-details{text-align:center} .Character-link{display:block} .Character-name,.Character-role{display:none} .Character-name{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#b1997f;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);line-height:normal;margin:0} .Character-name.zh-cn,.zh-cn .Character-name{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Character-name.ko-kr,.ko-kr .Character-name{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Character-name.ru-ru,.ru-ru .Character-name{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Character-name.zh-tw,.zh-tw .Character-name{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Character-name{font-size:1.224rem} } @media (min-width:1280px){.Character-name{font-size:1.44rem} } .Character-level{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:none} .Character-level.zh-cn,.zh-cn .Character-level{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Character-level.ko-kr,.ko-kr .Character-level{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Character-level.ru-ru,.ru-ru .Character-level{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Character-level.zh-tw,.zh-tw .Character-level{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Character-level{font-size:1.02rem} } @media (min-width:1280px){.Character-level{font-size:1.2rem} } .Character-realm{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#cacaca;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:none} .Character-realm.zh-cn,.zh-cn .Character-realm{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Character-realm.ko-kr,.ko-kr .Character-realm{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Character-realm.ru-ru,.ru-ru .Character-realm{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Character-realm.zh-tw,.zh-tw .Character-realm{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Character-realm{font-size:1.02rem} } @media (min-width:1280px){.Character-realm{font-size:1.2rem} } .Character-bust{width:196px;display:none} .Character-avatar{display:none;font-style:normal;height:100%;line-height:0;vertical-align:middle} .Character-details{line-height:22px} .Character-avatar-role{display:none;width:28px;height:28px;background-repeat:no-repeat;background-size:contain;position:relative;margin-top:-18px} .Character-spinner{opacity:.4} .Character.Character--TANK .Character-avatar-role{background-image:url(../components/Character/role-tank.png)} .Character.Character--HEALER .Character-avatar-role{background-image:url(../components/Character/role-healer.png)} .Character.Character--DAMAGE .Character-avatar-role{background-image:url(../components/Character/role-damage.png)} .Character.Character--avatar .Character-avatar,.Character.Character--avatar .Character-details{display:block} .Character.Character--avatar .Character-details{padding:0 10px} .Character.Character--avatar.Character--avatarRole .Character-avatar-role{display:inline-block} .Character.Character--bust .Character-bust,.Character.Character--level .Character-level,.Character.Character--name .Character-name,.Character.Character--realm .Character-realm{display:block} .Character.Character--role .Character-role,.Character.Character--role.Character--name .Character-name{display:inline-block} .Character.Character--DEATHKNIGHT .Character-name{color:#c41e3b} .Character.Character--DEMONHUNTER .Character-name{color:#a330c9} .Character.Character--DRUID .Character-name{color:#ff7c0a} .Character.Character--HUNTER .Character-name{color:#aad372} .Character.Character--MAGE .Character-name{color:#68ccef} .Character.Character--MONK .Character-name{color:#00ffba} .Character.Character--PALADIN .Character-name{color:#f48cba} .Character.Character--PRIEST .Character-name{color:#f0ebe0} .Character.Character--ROGUE .Character-name{color:#fff468} .Character.Character--SHAMAN .Character-name{color:#2359ff} .Character.Character--WARLOCK .Character-name{color:#9382c9} .Character.Character--WARRIOR .Character-name{color:#c69b6d} .Character.Character--EVOKER .Character-name {color: #33937f;} .Character.Character--square .Character-avatar>.Avatar{border-radius:0} .Character.Character--square .Character-avatar>.Avatar .Avatar-image{border:0;border-radius:0;bottom:1px;left:1px;right:1px;top:1px} .Character.Character--square .Character-avatar>.Avatar .Avatar-image::before{border-radius:0} .Character.Character--inline.Character--name .Character-name{display:inline-block} .Character.Character--inline.Character--level .Character-level,.Character.Character--inline.Character--realm .Character-realm{display:inline-block;margin-left:.5em} .Character.Character--large .Character-bust{width:320px} .Character.Character--large .Character-name{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:2.2395rem;line-height:1.5em;margin:10px 0} .Character.Character--large .Character-name.zh-cn,.zh-cn .Character.Character--large .Character-name{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Character.Character--large .Character-name.ko-kr,.ko-kr .Character.Character--large .Character-name{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Character.Character--large .Character-name.ru-ru,.ru-ru .Character.Character--large .Character-name{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .Character.Character--large .Character-name.zh-tw,.zh-tw .Character.Character--large .Character-name{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Character.Character--large .Character-name{font-size:2.5381rem} } @media (min-width:1280px){.Character.Character--large .Character-name{font-size:2.986rem} } .Character.Character--large .Character-details{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;padding-left:20px;padding-right:20px} .Character.Character--large .Character-details.zh-cn,.zh-cn .Character.Character--large .Character-details{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Character.Character--large .Character-details.ko-kr,.ko-kr .Character.Character--large .Character-details{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Character.Character--large .Character-details.ru-ru,.ru-ru .Character.Character--large .Character-details{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Character.Character--large .Character-details.zh-tw,.zh-tw .Character.Character--large .Character-details{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Character.Character--large .Character-details{font-size:1.4688rem} } @media (min-width:1280px){.Character.Character--large .Character-details{font-size:1.728rem} } .Character.Character--large .Character-details,.Character.Character--large .Character-name{text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .Character--spotlight{max-width:96px} .Character--spotlight .Character-details{max-width:96px} .Character--spotlight .Character-name{word-wrap:wrap} .Character--spotlight .Character-avatar-role{width:36px;height:36px;margin-top:-20px} .Character--compact-spotlight .Character-name{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700} .Character--compact-spotlight .Character-name.zh-cn,.zh-cn .Character--compact-spotlight .Character-name{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Character--compact-spotlight .Character-name.ko-kr,.ko-kr .Character--compact-spotlight .Character-name{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Character--compact-spotlight .Character-name.ru-ru,.ru-ru .Character--compact-spotlight .Character-name{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .Character--compact-spotlight .Character-name.zh-tw,.zh-tw .Character--compact-spotlight .Character-name{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:980px){.Character-name{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1)} .Character-link:hover .Character-name{color:#fff} } @media (min-width:540px){.CharacterHeader{display:table;position:relative} .CharacterHeader>.List-item{vertical-align:middle} .CharacterHeader .CharacterHeader-character{margin-bottom:0} .CharacterHeader .CharacterHeader-nameTitle{padding-right:20px;margin-right:20px;border-right:1px solid rgba(255,255,255,.2)} } .CharacterHeader-info{display:table-cell;vertical-align:middle;height:100%} .CharacterHeader-character{display:table;position:relative;margin-bottom:10px} .CharacterHeader-character>.List-item{vertical-align:middle} .CharacterHeader-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);max-width:350px} .CharacterHeader-title.zh-cn,.zh-cn .CharacterHeader-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .CharacterHeader-title.ko-kr,.ko-kr .CharacterHeader-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .CharacterHeader-title.ru-ru,.ru-ru .CharacterHeader-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .CharacterHeader-title.zh-tw,.zh-tw .CharacterHeader-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.CharacterHeader-title{font-size:1.224rem} } @media (min-width:1280px){.CharacterHeader-title{font-size:1.44rem} } .CharacterHeader-logoArea{vertical-align:middle;height:100%;display:none} @media (min-width:720px){.CharacterHeader-logoArea{display:block} } .CharacterHeader-logo.Logo--alliance,.CharacterHeader-logo.Logo--horde{margin-right:20px} .CharacterHeader-nameArea{display:table-cell;vertical-align:middle;height:100%} .CharacterHeader-name{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:2.2395rem;line-height:1.5em;line-height:1em} .CharacterHeader-name.zh-cn,.zh-cn .CharacterHeader-name{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .CharacterHeader-name.ko-kr,.ko-kr .CharacterHeader-name{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .CharacterHeader-name.ru-ru,.ru-ru .CharacterHeader-name{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .CharacterHeader-name.zh-tw,.zh-tw .CharacterHeader-name{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.CharacterHeader-name{font-size:2.5381rem} } @media (min-width:1280px){.CharacterHeader-name{font-size:2.986rem} } .CharacterHeader-media{text-transform:uppercase} .CharacterHeader-media .Media-image{padding-right:4px} .CharacterHeader-links{display:table;position:relative;font-size:1.296rem;line-height:1.5em;color:#f8b700;margin:-10px} .CharacterHeader-links>.List-item{vertical-align:middle} @media (min-width:720px){.CharacterHeader-links{font-size:1.4688rem} } @media (min-width:1280px){.CharacterHeader-links{font-size:1.728rem} } .CharacterHeader-links>*{display:table-cell;vertical-align:middle;height:100%;padding:10px} .CharacterHeader-details{font-size:.9rem;line-height:1.5em} @media (min-width:720px){.CharacterHeader-details{font-size:1.02rem} } @media (min-width:1280px){.CharacterHeader-details{font-size:1.2rem} } .CharacterHeader-detail{display:inline-block} .CharacterHeader--DEATHKNIGHT .CharacterHeader-name{color:#c41e3b} .CharacterHeader--DEMONHUNTER .CharacterHeader-name{color:#a330c9} .CharacterHeader--DRUID .CharacterHeader-name{color:#ff7c0a} .CharacterHeader--HUNTER .CharacterHeader-name{color:#aad372} .CharacterHeader--MAGE .CharacterHeader-name{color:#68ccef} .CharacterHeader--MONK .CharacterHeader-name{color:#00ffba} .CharacterHeader--PALADIN .CharacterHeader-name{color:#f48cba} .CharacterHeader--PRIEST .CharacterHeader-name{color:#f0ebe0} .CharacterHeader--ROGUE .CharacterHeader-name{color:#fff468} .CharacterHeader--SHAMAN .CharacterHeader-name{color:#2359ff} .CharacterHeader--WARLOCK .CharacterHeader-name{color:#9382c9} .CharacterHeader--WARRIOR .CharacterHeader-name{color:#c69b6d} .CharacterHeader--horizontal{display:table;position:relative} .CharacterHeader--horizontal>.List-item{vertical-align:middle} .CharacterHeader--horizontal .CharacterHeader-character{margin-bottom:0} .CharacterHeader--horizontal .CharacterHeader-nameTitle{padding-right:20px;margin-right:20px;border-right:1px solid rgba(255,255,255,.2)} .CharacterProfile{height:439px;position:relative} @media (min-width:540px){.CharacterProfile{height:540px} } @media (min-width:720px){.CharacterProfile{height:580px} } @media (min-width:900px){.CharacterProfile{height:720px} } @media (min-width:980px){.CharacterProfile{height:780px} } .CharacterProfile-render{margin:-36% -80px 0;position:absolute;left:0;right:0;top:0;z-index:-1} @media (min-width:540px){.CharacterProfile-render{margin:-36% -50px 0} } @media (min-width:998px){.CharacterProfile-render{width:100%;margin:0 auto;top:-36%;max-width:940px} } .CharacterProfile-bg{position:absolute} .CharacterProfile-image{z-index:-1} .CharacterProfile-gear{position:absolute} .CharacterProfile-item{position:relative} .CharacterProfile-itemDetails{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:none;position:absolute;top:0;width:300px;padding:4px 16px;min-height:58px} .CharacterProfile-itemDetails.zh-cn,.zh-cn .CharacterProfile-itemDetails{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .CharacterProfile-itemDetails.ko-kr,.ko-kr .CharacterProfile-itemDetails{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .CharacterProfile-itemDetails.ru-ru,.ru-ru .CharacterProfile-itemDetails{font-family:"Open Sans",Arial,Helvetica,sans-serif} .CharacterProfile-itemDetails.zh-tw,.zh-tw .CharacterProfile-itemDetails{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.CharacterProfile-itemDetails{font-size:1.02rem} } @media (min-width:1280px){.CharacterProfile-itemDetails{font-size:1.2rem} } @media (min-width:980px){.CharacterProfile-itemDetails{display:block} } @media (min-width:1280px){.CharacterProfile-itemDetails{padding:0 16px} } html.filter .CharacterProfile-itemDetails::before{content:"";position:absolute;display:block;height:100%;width:300px;background-color:rgba(0,0,0,.8);-webkit-filter:blur(50px);filter:blur(50px);z-index:-1} .CharacterProfile-itemLevel{color:#cacaca;font-size:.75rem;line-height:1.5em;display:table-cell} @media (min-width:720px){.CharacterProfile-itemLevel{font-size:.85rem} } @media (min-width:1280px){.CharacterProfile-itemLevel{font-size:1rem} } .CharacterProfile-itemSockets{display:table-cell} .CharacterProfile-gear--left{left:0} .CharacterProfile-gear--right{right:0} .CharacterProfile-gear--right::before{right:0} .CharacterProfile-gear--left,.CharacterProfile-gear--right{top:0} .CharacterProfile-gear--left .CharacterProfile-item,.CharacterProfile-gear--right .CharacterProfile-item{margin:5px 0} @media (min-width:540px){.CharacterProfile-gear--left .CharacterProfile-item,.CharacterProfile-gear--right .CharacterProfile-item{margin:10px 0} } .CharacterProfile-gear--bottom{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;width:100%} .CharacterProfile-gear--bottom .CharacterProfile-item{margin:0 1px} @media (min-width:540px){.CharacterProfile-gear--bottom .CharacterProfile-item{margin:0 3px} } .CharacterProfile-gear--bottom .CharacterProfile-item{position:absolute} .CharacterProfile-gear--bottom .CharacterProfile-item:first-child{left:50%;margin-left:-60px} @media (min-width:980px){.CharacterProfile-gear--bottom .CharacterProfile-item:first-child{margin-left:-80px} } .CharacterProfile-gear--bottom .CharacterProfile-item:last-child{right:50%;margin-right:-60px} @media (min-width:980px){.CharacterProfile-gear--bottom .CharacterProfile-item:last-child{margin-right:-80px} } .CharacterProfile-gear--bottom .CharacterProfile-item:last-child .CharacterProfile-itemDetails,.CharacterProfile-gear--left .CharacterProfile-itemDetails{left:100%} .CharacterProfile-gear--bottom .CharacterProfile-item:first-child .CharacterProfile-itemDetails,.CharacterProfile-gear--right .CharacterProfile-itemDetails{right:100%;text-align:right} .CharacterProfile-itemEnchantment{font-size:.75rem;line-height:1.5em} @media (min-width:720px){.CharacterProfile-itemEnchantment{font-size:.85rem} } @media (min-width:1280px){.CharacterProfile-itemEnchantment{font-size:1rem} } .CharacterProfile-itemEnchantment--ARTIFACT,.CharacterProfile-itemEnchantment--COMMON,.CharacterProfile-itemEnchantment--EPIC,.CharacterProfile-itemEnchantment--HEIRLOOM,.CharacterProfile-itemEnchantment--LEGENDARY,.CharacterProfile-itemEnchantment--POOR,.CharacterProfile-itemEnchantment--RARE,.CharacterProfile-itemEnchantment--UNCOMMON{color:#1eff00} .MythicRaidLeaderboardCrest{position:absolute;top:0;left:0} .MythicRaidLeaderboardCrest-wrapper{width:100%;max-width:1600px;position:absolute;top:0;left:50%;margin-left:20px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)} .DataTile{position:relative} .DataTile .DataTile-tile{position:relative} .DataTile .DataTile-tile::before{content:"";display:block;padding-top:100%} .DataTile-link{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #504137;z-index:1} .DataTile:hover .DataTile-link{border-color:#f8b700} .DataTile-meta{text-align:center;position:absolute;bottom:0;width:100%;padding-bottom:24px} .DataTile-title{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .DataTile-title.zh-cn,.zh-cn .DataTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .DataTile-title.ko-kr,.ko-kr .DataTile-title{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .DataTile-title.ru-ru,.ru-ru .DataTile-title{font-family:"Open Sans",Arial,Helvetica,sans-serif} .DataTile-title.zh-tw,.zh-tw .DataTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.DataTile-title{font-size:1.4688rem} } @media (min-width:1280px){.DataTile-title{font-size:1.728rem} } .DataTile-label{color:#f8b700;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5em;font-weight:700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);text-transform:uppercase} .DataTile-label.zh-cn,.zh-cn .DataTile-label{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .DataTile-label.ko-kr,.ko-kr .DataTile-label{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .DataTile-label.ru-ru,.ru-ru .DataTile-label{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .DataTile-label.zh-tw,.zh-tw .DataTile-label{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.DataTile-label{font-size:.85rem} } @media (min-width:1280px){.DataTile-label{font-size:1rem} } .DataTile-content{bottom:30%;left:20%;position:absolute;right:20%;top:10%} .DataTile--large .DataTile-meta{padding-bottom:36px} .DataTile--large .DataTile-title{color:#f8b700;font-size:2.2395rem;line-height:1.5em;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700} @media (min-width:720px){.DataTile--large .DataTile-title{font-size:2.5381rem} } @media (min-width:1280px){.DataTile--large .DataTile-title{font-size:2.986rem} } .DataTile--large .DataTile-title.zh-cn,.zh-cn .DataTile--large .DataTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .DataTile--large .DataTile-title.ko-kr,.ko-kr .DataTile--large .DataTile-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .DataTile--large .DataTile-title.ru-ru,.ru-ru .DataTile--large .DataTile-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .DataTile--large .DataTile-title.zh-tw,.zh-tw .DataTile--large .DataTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} .DataTile--large .DataTile-label{color:#fff;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:1.296rem;line-height:1.5em;font-weight:400;text-transform:capitalize;margin-top:12px} .DataTile--large .DataTile-label.zh-cn,.zh-cn .DataTile--large .DataTile-label{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .DataTile--large .DataTile-label.ko-kr,.ko-kr .DataTile--large .DataTile-label{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .DataTile--large .DataTile-label.ru-ru,.ru-ru .DataTile--large .DataTile-label{font-family:"Open Sans",Arial,Helvetica,sans-serif} .DataTile--large .DataTile-label.zh-tw,.zh-tw .DataTile--large .DataTile-label{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.DataTile--large .DataTile-label{font-size:1.4688rem} } @media (min-width:1280px){.DataTile--large .DataTile-label{font-size:1.728rem} } .DataTile--goldTitle .DataTile-title{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.296rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .DataTile--goldTitle .DataTile-title.zh-cn,.zh-cn .DataTile--goldTitle .DataTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .DataTile--goldTitle .DataTile-title.ko-kr,.ko-kr .DataTile--goldTitle .DataTile-title{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .DataTile--goldTitle .DataTile-title.ru-ru,.ru-ru .DataTile--goldTitle .DataTile-title{font-family:"Open Sans",Arial,Helvetica,sans-serif} .DataTile--goldTitle .DataTile-title.zh-tw,.zh-tw .DataTile--goldTitle .DataTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.DataTile--goldTitle .DataTile-title{font-size:1.4688rem} } @media (min-width:1280px){.DataTile--goldTitle .DataTile-title{font-size:1.728rem} } .DataTile--addOneDividerHeight .DataTile-tile::before{padding-bottom:4px} .DataTile--addTwoDividerHeight .DataTile-tile::before{padding-bottom:8px} .DataTile--addThreeDividerHeight .DataTile-tile::before{padding-bottom:12px} .DataTile--gutter .DataTile-tile>.Tile-area{margin:10px} .DataTile--gutter .DataTile-link{bottom:10px;left:10px;right:10px;top:10px} .Divider{height:4px;margin:0 auto;width:100%;background-color:#000;position:relative;pointer-events:none} .Divider--thin{height:1px} .Divider--thick{height:3px} .Divider--short{width:33%} .Divider--medium{width:66%} .Divider--dark{background-color:#fff} .Divider--lightBrown{background-color:#504137} .Divider--silver{background-color:rgba(170,170,170,.4)} .Divider--paperInset{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,#FDF3D3),color-stop(50%,#C6B390));background-image:linear-gradient(to top,#FDF3D3 50%,#C6B390 50%)} .Divider--opaque{background:rgba(255,255,255,.25)} .Divider--borders{border-top:1px solid #000;border-bottom:1px solid #000;padding:1px 0;height:2px} .Divider--shadowTop::before{content:'';position:absolute;top:-1px;left:0;right:0;border-bottom:1px solid #000} .Divider--shadowBottom::before{content:'';position:absolute;bottom:-1px;left:0;right:0;border-top:1px solid #000} .Divider--legion{background:#69BA0F -webkit-gradient(linear,left top,right top,from(#B4E119),to(#1E9204));background:#69BA0F linear-gradient(to right,#B4E119 0,#1E9204 100%);height:2px} .Divider--legionSwirl,.Divider--legionTribal{height:13px;background:0 0} .Divider--legionSwirl::before,.Divider--legionTribal::before{content:"";position:absolute;top:-52px;left:0;right:0;background:transparent url(../components/Divider/Divider-legion-swirl.png);background-size:1600px;background-position:center;background-repeat:no-repeat;height:116px;z-index:1} @media (min-width:1600px){.Divider--legionSwirl::before,.Divider--legionTribal::before{background-size:100%} } .Divider--legionTribal::before{background-image:url(../components/Divider/Divider-legion-tribal.png)} .Divider--goldFrame{background-image:url(../components/Divider/Divider-goldFrame.png);background-repeat:repeat-x;background-size:auto 100%;height:5px} .Divider--corinthian{background-image:url(../components/Divider/Divider-corinthianChrome.jpg);background-repeat:repeat-x;background-size:auto 100%;height:6px} .Divider--ochoThickDown,.Divider--ochoThickUp,.Divider--ochoThin{height:6px;background:0 0} .Divider--ochoThickDown::before,.Divider--ochoThickUp::before,.Divider--ochoThin::before{content:"";position:absolute;top:-50px;left:0;right:0;background-size:1600px;background-position:center;background-repeat:no-repeat;height:115px;z-index:1} @media (min-width:1600px){.Divider--ochoThickDown::before,.Divider--ochoThickUp::before,.Divider--ochoThin::before{background-size:100%} } .Divider--ochoThickUp::before{background-image:url(../components/Divider/Divider-ocho-thickUp.png)} .Divider--ochoThickDown::before{background-image:url(../components/Divider/Divider-ocho-thickDown.png);top:-46px} .Divider--ochoThin{height:10px} .Divider--ochoThin::before{top:-52px;background-image:url(../components/Divider/Divider-ocho-thin.png)} .DropdownLink:not(input){cursor:pointer} .is-active>.DropdownLink.DropdownLink--opacity{opacity:.4} .is-active>.DropdownLink .DropdownLink-indicator{background-position:-100% 0} .is-active>.DropdownLink.DropdownLink--goldWithHover .DropdownLink-indicator,.is-active>.DropdownLink.DropdownLink--goldWithHover:hover .DropdownLink-indicator{background-position:-300% 0} .DropdownLink-indicator{background-image:url(../components/DropdownLink/DropdownLink-indicator-sprite.png);background-size:200% 100%;display:inline-block;height:8px;margin-left:.35em;position:relative;text-align:right;top:-1px;width:13px} .DropdownLink--gold .DropdownLink-indicator{background-image:url(../components/DropdownLink/DropdownLink-indicator-gold-sprite.png);background-size:400% 100%;height:11px;left:-2px;width:16px} .DropdownLink--goldWithHover:hover .DropdownLink-indicator{background-position:-200% 0} .DropdownMenu{margin-left:auto;margin-right:auto;max-width:540px;text-align:center;position:relative} .DropdownMenu-toggle{text-align:center;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-size:1.08rem;line-height:1.5em;font-weight:700;padding:0 10px;padding:10px;background:#f8b700;color:#211510;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .DropdownMenu-toggle.zh-cn,.zh-cn .DropdownMenu-toggle{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .DropdownMenu-toggle.ko-kr,.ko-kr .DropdownMenu-toggle{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .DropdownMenu-toggle.ru-ru,.ru-ru .DropdownMenu-toggle{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .DropdownMenu-toggle.zh-tw,.zh-tw .DropdownMenu-toggle{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.DropdownMenu-toggle{font-size:1.224rem} } @media (min-width:1280px){.DropdownMenu-toggle{font-size:1.44rem} } .DropdownMenu-toggle.gutter-vertical{padding:10px 0} .DropdownMenu-toggle.gutter-all{padding:10px} .DropdownMenu-toggle.gutter-negative{padding:0;margin:0 -10px} .DropdownMenu-toggle.gutter-negative.gutter-vertical{margin:-10px 0} .DropdownMenu-toggle.gutter-negative.gutter-all{margin:-10px} .DropdownMenu-toggle::after,.DropdownMenu-toggle::before{content:"";height:10px;position:absolute;right:15px;top:50%;width:10px} .DropdownMenu-toggle::before{border-color:transparent transparent #211510;border-style:solid;border-width:5px;margin-top:-14px} .DropdownMenu-toggle::after{border-color:#211510 transparent transparent;border-style:solid;border-width:5px;margin-top:1px} .DropdownMenu-menu{text-align:center;background:#211510;border:1px solid #504137;position:absolute;width:100%;z-index:3} .DropdownMenu-menuLink{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:.9rem;line-height:1.5em;padding:0 5px;padding:5px;color:#f8b700} .DropdownMenu-menuLink.zh-cn,.zh-cn .DropdownMenu-menuLink{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .DropdownMenu-menuLink.ko-kr,.ko-kr .DropdownMenu-menuLink{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .DropdownMenu-menuLink.ru-ru,.ru-ru .DropdownMenu-menuLink{font-family:"Open Sans",Arial,Helvetica,sans-serif} .DropdownMenu-menuLink.zh-tw,.zh-tw .DropdownMenu-menuLink{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.DropdownMenu-menuLink{font-size:1.02rem} } @media (min-width:1280px){.DropdownMenu-menuLink{font-size:1.2rem} } .DropdownMenu-menuLink.gutter-vertical{padding:5px 0} .DropdownMenu-menuLink.gutter-all{padding:5px} .DropdownMenu-menuLink.gutter-negative{padding:0;margin:0 -5px} .DropdownMenu-menuLink.gutter-negative.gutter-vertical{margin:-5px 0} .DropdownMenu-menuLink.gutter-negative.gutter-all{margin:-5px} .DropdownMenu-menuLink.is-selected,.DropdownMenu-menuLink:hover{color:#fff} .DropdownMenu--overlayBottom,.DropdownMenu--overlayTop{bottom:20px;left:20px;position:absolute;right:20px} .DropdownMenu--overlayTop{bottom:auto;top:20px} .DropdownMenu--small{margin-left:auto;margin-right:auto;max-width:320px} .DropdownMenu--timelineAbsolute{padding:0 20px;text-align:center;left:50%;position:absolute;top:200px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:3} .DropdownMenu--timelineAbsolute.gutter-vertical{padding:20px 0} .DropdownMenu--timelineAbsolute.gutter-all{padding:20px} .DropdownMenu--timelineAbsolute.gutter-negative{padding:0;margin:0 -20px} .DropdownMenu--timelineAbsolute.gutter-negative.gutter-vertical{margin:-20px 0} .DropdownMenu--timelineAbsolute.gutter-negative.gutter-all{margin:-20px} @media (min-width:540px){.DropdownMenu--timelineAbsolute{top:257px} } @media (min-width:720px){.DropdownMenu--timelineAbsolute{top:317px} } @media (min-width:900px){.DropdownMenu--timelineAbsolute{top:387px} } .DropdownMenu--timelineAbsolute .DropdownLink.DropdownMenu-toggle{padding-left:5px;padding-right:35px} .DropdownMenu--dark>.DropdownMenu-toggle{background:-webkit-gradient(linear,left top,left bottom,from(rgba(1,1,2,.97)),to(rgba(21,13,6,.97)));background:linear-gradient(to bottom,rgba(1,1,2,.97),rgba(21,13,6,.97));border:1px solid #504137;color:#fff} .DropdownMenu--dark>.DropdownMenu-toggle::before{border-color:transparent transparent #f8b700} .DropdownMenu--dark>.DropdownMenu-toggle::after{border-color:#f8b700 transparent transparent} .DropdownMenu--alignable{display:inline-block;width:100%} .Esports-textBlock .Content ul{list-style:square!important;padding-left:30px} .Esports-textBlock .Content li{color:#ebdec2;display:list-item;position:inherit;padding-left:.5em} .Esports-textBlock .Content li:before{content:none} .EsportsEventList-event-date{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#ff7200;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:inline-block!important} .EsportsEventList-event-date.zh-cn,.zh-cn .EsportsEventList-event-date{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .EsportsEventList-event-date.ko-kr,.ko-kr .EsportsEventList-event-date{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .EsportsEventList-event-date.ru-ru,.ru-ru .EsportsEventList-event-date{font-family:"Open Sans",Arial,Helvetica,sans-serif} .EsportsEventList-event-date.zh-tw,.zh-tw .EsportsEventList-event-date{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.EsportsEventList-event-date{font-size:1.02rem} } @media (min-width:1280px){.EsportsEventList-event-date{font-size:1.2rem} } .EsportsEventList-event--finished .EsportsEventList-event-date,.EsportsEventList-event--live .EsportsEventList-event-date{display:inline-block!important} .EsportsEventList-event--finished .EsportsEventList-event-date{color:rgba(255,255,255,.6)} .EsportsEventList-event{position:relative} .EsportsEventList-event-vod{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0} .EsportsEventStatusLabel{display:inline-block!important;margin-right:10px!important;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-weight:700;font-size:.75rem;line-height:1.5em;text-transform:uppercase;color:#fff;padding:3px 6px;font-weight:700;letter-spacing:.5px} .EsportsEventStatusLabel.zh-cn,.zh-cn .EsportsEventStatusLabel{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .EsportsEventStatusLabel.ko-kr,.ko-kr .EsportsEventStatusLabel{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .EsportsEventStatusLabel.ru-ru,.ru-ru .EsportsEventStatusLabel{font-family:"Open Sans",Arial,Helvetica,sans-serif} .EsportsEventStatusLabel.zh-tw,.zh-tw .EsportsEventStatusLabel{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.EsportsEventStatusLabel{font-size:1.02rem} } @media (min-width:1280px){.EsportsEventStatusLabel{font-size:1.2rem} } @media (min-width:720px){.EsportsEventStatusLabel{font-size:.85rem} } @media (min-width:1280px){.EsportsEventStatusLabel{font-size:1rem} } .EsportsEventStatusLabel--finished{background-color:rgba(255,255,255,.1)} .EsportsEventStatusLabel--live{background-color:#d21313} .Event{background-color:#aaa;padding:10px} .Event-time{font-size:8pt} .Events-event{margin-top:10px} .Events-event:first-child{margin-top:0} .Expand{display:none} .Expand.is-active{display:block} .Expand--fade.is-active.is-fading-in{-webkit-animation:Expand-Animation-Fade-In .75s normal ease-in-out both 1;animation:Expand-Animation-Fade-In .75s normal ease-in-out both 1} .Expand--fade.is-active.is-fading-out{-webkit-animation:Expand-Animation-Fade-Out .75s alternate ease-in-out both 1;animation:Expand-Animation-Fade-Out .75s alternate ease-in-out both 1} @-webkit-keyframes Expand-Animation-Fade-In{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)} 100%{opacity:1} } @keyframes Expand-Animation-Fade-In{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)} 100%{opacity:1} } @-webkit-keyframes Expand-Animation-Fade-Out{0%{display:block;opacity:1;-webkit-transform:scale(1);transform:scale(1)} 100%{opacity:0} } @keyframes Expand-Animation-Fade-Out{0%{display:block;opacity:1;-webkit-transform:scale(1);transform:scale(1)} 100%{opacity:0} } .Expand--grow{display:block;overflow:hidden;height:0;-webkit-transition:height .55s ease-out;transition:height .55s ease-out} .Expand--grow.is-active{-webkit-transition:height .55s ease-in;transition:height .55s ease-in} .GuildProfileRosterFilters-column{margin-right:10px} .FactionTile{display:inline-block;position:relative} .FactionTile-content{position:relative;display:block;cursor:pointer} .FactionTile-content::before{content:"";display:block;padding-top:133.33333333%} .FactionTile-background{-webkit-transition:.5s all 0s cubic-bezier(.23,1,.32,1);transition:.5s all 0s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;right:0;bottom:0;left:50%;width:80%;height:80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#000;background-image:url(../components/FactionTile/FactionTile-background.jpg);border-style:solid;border-width:1px;border-color:transparent} .FactionTile--horde .FactionTile-background{border-color:#b30000} .FactionTile--alliance .FactionTile-background{border-color:#0078ff} .FactionTile:hover .FactionTile-background{border-color:#f8b700} .FactionTile-foreground.Logo{-webkit-transition:.5s all 0s cubic-bezier(.23,1,.32,1);transition:.5s all 0s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;right:0;bottom:0;left:50%;width:110%;max-width:none;height:110%;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} @media (min-width:980px){.FactionTile-content:hover .FactionTile-foreground.Logo{-webkit-transition:.5s all 10ms cubic-bezier(.23,1,.32,1);transition:.5s all 10ms cubic-bezier(.23,1,.32,1);-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)} } .FactionTile-nameContainer{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);position:absolute;bottom:-25px;width:100%;-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1)} .FactionTile-nameContainer.zh-cn,.zh-cn .FactionTile-nameContainer{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .FactionTile-nameContainer.ko-kr,.ko-kr .FactionTile-nameContainer{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .FactionTile-nameContainer.ru-ru,.ru-ru .FactionTile-nameContainer{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .FactionTile-nameContainer.zh-tw,.zh-tw .FactionTile-nameContainer{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.FactionTile-nameContainer{font-size:1.224rem} } @media (min-width:1280px){.FactionTile-nameContainer{font-size:1.44rem} } .FactionTile:hover .FactionTile-nameContainer{color:#fff} .Float{float:left} .Float--right{float:right} .Float--gutter{padding-right:20px} .Float--gutter.Float--right{padding-right:0;padding-left:20px} .Float-1of2{float:left;width:50%} .Float-1of2.Float--right{float:right} .Float-1of2--prefix{margin-left:50%} .Float-1of2--suffix{margin-right:50%} .Float-1of2--push{position:relative;left:50%} .Float-1of2--pull{position:relative;left:-50%} .Float-1of3{float:left;width:33.33333333%} .Float-1of3.Float--right{float:right} .Float-1of3--prefix{margin-left:33.33333333%} .Float-1of3--suffix{margin-right:33.33333333%} .Float-1of3--push{position:relative;left:33.33333333%} .Float-1of3--pull{position:relative;left:-33.33333333%} .Float-2of3{float:left;width:66.66666667%} .Float-2of3.Float--right{float:right} .Float-2of3--prefix{margin-left:66.66666667%} .Float-2of3--suffix{margin-right:66.66666667%} .Float-2of3--push{position:relative;left:66.66666667%} .Float-2of3--pull{position:relative;left:-66.66666667%} .Float-1of4{float:left;width:25%} .Float-1of4.Float--right{float:right} .Float-1of4--prefix{margin-left:25%} .Float-1of4--suffix{margin-right:25%} .Float-1of4--push{position:relative;left:25%} .Float-1of4--pull{position:relative;left:-25%} .Float-2of4{float:left;width:50%} .Float-2of4.Float--right{float:right} .Float-2of4--prefix{margin-left:50%} .Float-2of4--suffix{margin-right:50%} .Float-2of4--push{position:relative;left:50%} .Float-2of4--pull{position:relative;left:-50%} .Float-3of4{float:left;width:75%} .Float-3of4.Float--right{float:right} .Float-3of4--prefix{margin-left:75%} .Float-3of4--suffix{margin-right:75%} .Float-3of4--push{position:relative;left:75%} .Float-3of4--pull{position:relative;left:-75%} .Float-1of5{float:left;width:20%} .Float-1of5.Float--right{float:right} .Float-1of5--prefix{margin-left:20%} .Float-1of5--suffix{margin-right:20%} .Float-1of5--push{position:relative;left:20%} .Float-1of5--pull{position:relative;left:-20%} .Float-2of5{float:left;width:40%} .Float-2of5.Float--right{float:right} .Float-2of5--prefix{margin-left:40%} .Float-2of5--suffix{margin-right:40%} .Float-2of5--push{position:relative;left:40%} .Float-2of5--pull{position:relative;left:-40%} .Float-3of5{float:left;width:60%} .Float-3of5.Float--right{float:right} .Float-3of5--prefix{margin-left:60%} .Float-3of5--suffix{margin-right:60%} .Float-3of5--push{position:relative;left:60%} .Float-3of5--pull{position:relative;left:-60%} .Float-4of5{float:left;width:80%} .Float-4of5.Float--right{float:right} .Float-4of5--prefix{margin-left:80%} .Float-4of5--suffix{margin-right:80%} .Float-4of5--push{position:relative;left:80%} .Float-4of5--pull{position:relative;left:-80%} .Float-1of6{float:left;width:16.66666667%} .Float-1of6.Float--right{float:right} .Float-1of6--prefix{margin-left:16.66666667%} .Float-1of6--suffix{margin-right:16.66666667%} .Float-1of6--push{position:relative;left:16.66666667%} .Float-1of6--pull{position:relative;left:-16.66666667%} .Float-2of6{float:left;width:33.33333333%} .Float-2of6.Float--right{float:right} .Float-2of6--prefix{margin-left:33.33333333%} .Float-2of6--suffix{margin-right:33.33333333%} .Float-2of6--push{position:relative;left:33.33333333%} .Float-2of6--pull{position:relative;left:-33.33333333%} .Float-3of6{float:left;width:50%} .Float-3of6.Float--right{float:right} .Float-3of6--prefix{margin-left:50%} .Float-3of6--suffix{margin-right:50%} .Float-3of6--push{position:relative;left:50%} .Float-3of6--pull{position:relative;left:-50%} .Float-4of6{float:left;width:66.66666667%} .Float-4of6.Float--right{float:right} .Float-4of6--prefix{margin-left:66.66666667%} .Float-4of6--suffix{margin-right:66.66666667%} .Float-4of6--push{position:relative;left:66.66666667%} .Float-4of6--pull{position:relative;left:-66.66666667%} .Float-5of6{float:left;width:83.33333333%} .Float-5of6.Float--right{float:right} .Float-5of6--prefix{margin-left:83.33333333%} .Float-5of6--suffix{margin-right:83.33333333%} .Float-5of6--push{position:relative;left:83.33333333%} .Float-5of6--pull{position:relative;left:-83.33333333%} .GameIcon{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#000;display:inline-block;max-width:168px;width:48px;border:1px solid #504137} .GameIcon::before{content:"";display:block;padding-top:100%} .GameIcon-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;background-size:cover;border-radius:9%} .GameIcon--huge{width:64px} .GameIcon--large{width:56px} .GameIcon--medium{width:32px} .GameIcon--small{width:24px} .GameIcon--tiny{width:16px} .GameIcon--full{width:100%} .GameIcon--check{opacity:.6} .Icon--group, .Icon--shield { vertical-align: middle; display: list-item !important; list-style: none; } .GameIcon--centered{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .GameIcon--check::after{content:"";display:block;border:3px solid #fff;border-width:0 0 4px 4px;height:16px;width:32px;margin:6px 0;-webkit-transform:rotate(-45deg) scale(.5);transform:rotate(-45deg) scale(.5);position:absolute;top:8px;left:8px} .GameIcon[disabled]{opacity:.5} .GameIcon--slot{border:1px solid #333} .GameIcon--slot .GameIcon-icon{background-image:url(../assets/images/GameIcon-slots.png);border-radius:0} .GameIcon--slotHead .GameIcon-icon{background-position:0 0} .GameIcon--slotNeck .GameIcon-icon{background-position:0 -100%} .GameIcon--slotShoulder .GameIcon-icon{background-position:0 -200%} .GameIcon--slotBack .GameIcon-icon{background-position:0 -300%} .GameIcon--slotChest .GameIcon-icon{background-position:0 -300%} .GameIcon--slotTabard .GameIcon-icon{background-position:0 -400%} .GameIcon--slotShirt .GameIcon-icon{background-position:0 -500%} .GameIcon--slotWrist .GameIcon-icon{background-position:0 -600%} .GameIcon--slotHand .GameIcon-icon{background-position:0 -700%} .GameIcon--slotWaist .GameIcon-icon{background-position:0 -800%} .GameIcon--slotLeg .GameIcon-icon{background-position:0 -900%} .GameIcon--slotFoot .GameIcon-icon{background-position:0 -1000%} .GameIcon--slotLeftFinger .GameIcon-icon{background-position:0 -1100%} .GameIcon--slotRightFinger .GameIcon-icon{background-position:0 -1100%} .GameIcon--slotLeftTrinket .GameIcon-icon{background-position:0 -1200%} .GameIcon--slotRightTrinket .GameIcon-icon{background-position:0 -1200%} .GameIcon--slotWeapon .GameIcon-icon{background-position:0 -1300%} .GameIcon--slotOffhand .GameIcon-icon{background-position:0 -1400%} .GameIcon--POOR{border-color:#9d9d9d} .GameIcon--COMMON{border-color:#fff} .GameIcon--UNCOMMON{border-color:#1eff00} .GameIcon--RARE{border-color:#0081ff} .GameIcon--EPIC{border-color:#c600ff} .GameIcon--LEGENDARY{border-color:#ff8000} .GameIcon--ARTIFACT{border-color:#e5cc80} .GameIcon--HEIRLOOM{border-color:#0cf} .GameIcon--AZERITE{border-color:#e5cc80} .GameIcon--AZERITE .GameIcon-level{border-color:#e5cc80} .GameIcon--WARRIOR .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-warrior.jpg)} .GameIcon--WARLOCK .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-warlock.jpg)} .GameIcon--SHAMAN .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-shaman.jpg)} .GameIcon--ROGUE .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-rogue.jpg)} .GameIcon--PRIEST .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-priest.jpg)} .GameIcon--PALADIN .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-paladin.jpg)} .GameIcon--MONK .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-monk.jpg)} .GameIcon--MAGE .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-mage.jpg)} .GameIcon--HUNTER .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-hunter.jpg)} .GameIcon--DRUID .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-druid.jpg)} .GameIcon--DEATHKNIGHT .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-death-knight.jpg)} .GameIcon--DEMONHUNTER .GameIcon-icon{background-image:url(../components/Class/GameIcon-class-demon-hunter.jpg)} .GameIcon--EVOKER .GameIcon-icon {background-image: url(../components/Class/GameIcon-class-evoker.png)} .GameIcon--vector{border:none;background-color:transparent} .GameIcon--vector .GameIcon-icon{border:none;background-color:transparent;border-radius:0} .GameIcon--vector.GameIcon--WARRIOR .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-warrior-vector.png)} .GameIcon--vector.GameIcon--WARLOCK .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-warlock-vector.png)} .GameIcon--vector.GameIcon--SHAMAN .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-shaman-vector.png)} .GameIcon--vector.GameIcon--ROGUE .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-rogue-vector.png)} .GameIcon--vector.GameIcon--PRIEST .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-priest-vector.png)} .GameIcon--vector.GameIcon--PALADIN .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-paladin-vector.png)} .GameIcon--vector.GameIcon--MONK .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-monk-vector.png)} .GameIcon--vector.GameIcon--MAGE .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-mage-vector.png)} .GameIcon--vector.GameIcon--HUNTER .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-hunter-vector.png)} .GameIcon--vector.GameIcon--DRUID .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-druid-vector.png)} .GameIcon--vector.GameIcon--DEATHKNIGHT .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-death-knight-vector.png)} .GameIcon--vector.GameIcon--DEMONHUNTER .GameIcon-icon{background-image:url(../assets/images/GameIcon-class-demon-hunter-vector.png)} .GameIcon--zandalaritroll_male .GameIcon-icon{background-image:url(../components/Race/zandalaritroll_male.jpg)} .GameIcon--zandalaritroll_female .GameIcon-icon{background-image:url(../components/Race/zandalaritroll_female.jpg)} .GameIcon--voidelf_male .GameIcon-icon{background-image:url(../components/Race/voidelf_male.jpg)} .GameIcon--voidelf_female .GameIcon-icon{background-image:url(../components/Race/voidelf_female.jpg)} .GameIcon--nightborne_male .GameIcon-icon{background-image:url(../components/Race/nightborne_male.jpg)} .GameIcon--vulpera_male .GameIcon-icon{background-image:url(../components/Race/vulpera_male.jpg)} .GameIcon--vulpera_female .GameIcon-icon{background-image:url(../components/Race/vulpera_female.jpg)} .GameIcon--nightborne_female .GameIcon-icon{background-image:url(../components/Race/nightborne_female.jpg)} .GameIcon--magharorc_male .GameIcon-icon{background-image:url(../components/Race/magharorc_male.jpg)} .GameIcon--magharorc_female .GameIcon-icon{background-image:url(../components/Race/magharorc_female.jpg)} .GameIcon--lightforgeddraenei_male .GameIcon-icon{background-image:url(../components/Race/lightforgeddraenei_male.jpg)} .GameIcon--lightforgeddraenei_female .GameIcon-icon{background-image:url(../components/Race/lightforgeddraenei_female.jpg)} .GameIcon--kultiran_male .GameIcon-icon{background-image:url(../components/Race/kultiran_male.jpg)} .GameIcon--kultiran_female .GameIcon-icon{background-image:url(../components/Race/kultiran_female.jpg)} .GameIcon--highmountaintauren_male .GameIcon-icon{background-image:url(../components/Race/highmountaintauren_male.jpg)} .GameIcon--highmountaintauren_female .GameIcon-icon{background-image:url(../components/Race/highmountaintauren_female.jpg)} .GameIcon--darkirondwarf_male .GameIcon-icon{background-image:url(../components/Race/darkirondwarf_male.jpg)} .GameIcon--darkirondwarf_female .GameIcon-icon{background-image:url(../components/Race/darkirondwarf_female.jpg)} .GameIcon--goblin_male .GameIcon-icon{background-image:url(../components/Race/goblin_male.jpg)} .GameIcon--goblin_female .GameIcon-icon{background-image:url(../components/Race/goblin_female.jpg)} .GameIcon--bloodelf_male .GameIcon-icon{background-image:url(../components/Race/bloodelf_male.jpg)} .GameIcon--bloodelf_female .GameIcon-icon{background-image:url(../components/Race/bloodelf_female.jpg)} .GameIcon--troll_male .GameIcon-icon{background-image:url(../components/Race/troll_male.jpg)} .GameIcon--troll_female .GameIcon-icon{background-image:url(../components/Race/troll_female.jpg)} .GameIcon--tauren_male .GameIcon-icon{background-image:url(../components/Race/tauren_male.jpg)} .GameIcon--tauren_female .GameIcon-icon{background-image:url(../components/Race/tauren_female.jpg)} .GameIcon--undead_male .GameIcon-icon{background-image:url(../components/Race/undead_male.jpg)} .GameIcon--undead_female .GameIcon-icon{background-image:url(../components/Race/undead_female.jpg)} .GameIcon--pandaren_male .GameIcon-icon{background-image:url(../components/Race/pandaren_male.jpg)} .GameIcon--pandaren_female .GameIcon-icon{background-image:url(../components/Race/pandaren_female.jpg)} .GameIcon--worgen_male .GameIcon-icon{background-image:url(../components/Race/worgen_male.jpg)} .GameIcon--worgen_female .GameIcon-icon{background-image:url(../components/Race/worgen_female.jpg)} .GameIcon--draenei_male .GameIcon-icon{background-image:url(../components/Race/draenei_male.jpg)} .GameIcon--draenei_female .GameIcon-icon{background-image:url(../components/Race/draenei_female.jpg)} .GameIcon--gnome_male .GameIcon-icon{background-image:url(../components/Race/gnome_male.jpg)} .GameIcon--gnome_female .GameIcon-icon{background-image:url(../components/Race/gnome_female.jpg)} .GameIcon--nightelf_male .GameIcon-icon{background-image:url(../components/Race/nightelf_male.jpg)} .GameIcon--nightelf_female .GameIcon-icon{background-image:url(../components/Race/nightelf_female.jpg)} .GameIcon--dwarf_male .GameIcon-icon{background-image:url(../components/Race/dwarf_male.jpg)} .GameIcon--dwarf_female .GameIcon-icon{background-image:url(../components/Race/dwarf_female.jpg)} .GameIcon--human_male .GameIcon-icon{background-image:url(../components/Race/human_male.jpg)} .GameIcon--human_female .GameIcon-icon{background-image:url(../components/Race/human_female.jpg)} .GameIcon--orc_male .GameIcon-icon{background-image:url(../components/Race/orc_male.jpg)} .GameIcon--orc_female .GameIcon-icon{background-image:url(../components/Race/orc_female.jpg)} .GameIcon--RACE_GENDER_UNKNOWN .GameIcon-icon{background-image:url(../components/Race/RACE_GENDER_UNKNOWN.jpg)} .GameIcon--UNKNOWN .GameIcon-icon{background-image:url(../components/Race/role-UNKNOWN.png)} .GameIcon--dracthyr_male .GameIcon-icon {background-image: url(../components/Race/dracthyr_male.jpg)} .GameIcon--dracthyr_female .GameIcon-icon {background-image: url(../components/Race/dracthyr_female.jpg)} .GameIcon--TANK .GameIcon-icon{background-image:url(../components/Race/role-TANK.png)} .GameIcon--HEALER .GameIcon-icon{background-image:url(../components/Race/role-HEALER.png)} .GameIcon--DAMAGE .GameIcon-icon{background-image:url(../components/Race/role-DAMAGE.png)} .GameIcon-transmog{display:none} .GameIcon-level{display:none} .GameIcon--transmog .GameIcon-transmog{position:absolute;left:-1px;bottom:-1px;height:24px;width:24px;display:block;background-image:url(../assets/images/GameIcon-transmogCorner.png);background-size:contain} .GameIcon--transmog.GameIcon--transmogRight .GameIcon-transmog{right:-1px;bottom:-1px;background-image:url(../assets/images/GameIcon-transmogCornerRight.png)} .GameIcon--level .GameIcon-level{position:absolute;left:50%;bottom:-8px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;background:#000;padding:1px 8px;border-width:1px;border-style:solid;font-size:.75rem;line-height:1.5em} @media (min-width:720px){.GameIcon--level .GameIcon-level{font-size:.85rem} } @media (min-width:1280px){.GameIcon--level .GameIcon-level{font-size:1rem} } .GameIcon--borderGrey{border:solid 1px #444} .GameIcon--azerite .GameIcon-borderImage{position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:0;border-image-source:url(../assets/images/GameIcon-azerite.png);border-image-repeat:initial;border-image-slice:48 fill;border-image-width:48px;border-image-outset:4px 11px 4px 11px} .GameIcon--azerite.GameIcon--huge{border-style:solid;border-width:0;border-image-source:url(../assets/images/GameIcon-azerite.png);border-image-repeat:round;border-image-slice:64 fill;border-image-width:64px;border-image-outset:1px 8px} .GameIcon--hoverGoldLightBorder:hover{border-color:#f8b700} .GameIcon--rounded{border-radius:50%;overflow:hidden;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.4);box-shadow:0 1px 8px rgba(0,0,0,.4)} .GameIcon--rounded .GameIcon-icon{position:relative;position:absolute;border-radius:50%;border:none;right:auto;bottom:auto;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center} .GameIcon--rounded .GameIcon-icon::before{content:"";display:block;padding-top:100%} .GameIcon--rounded.GameIcon--huge,.GameIcon--rounded.GameIcon--large,.GameIcon--rounded.GameIcon--medium{border-width:2px} .GameIcon--rounded.GameIcon--tiny{width:18px} .GameIcon--rounded.GameIcon--tiny .GameIcon-icon{width:16px} .GameIcon--rounded.GameIcon--small{width:26px} .GameIcon--rounded.GameIcon--small .GameIcon-icon{width:24px} .GameIcon--rounded.GameIcon--medium{width:36px} .GameIcon--rounded.GameIcon--medium .GameIcon-icon{width:32px} .GameIcon--rounded.GameIcon--large{width:60px} .GameIcon--rounded.GameIcon--large .GameIcon-icon{width:56px} .GameIcon--rounded.GameIcon--huge{width:68px} .GameIcon--rounded.GameIcon--huge .GameIcon-icon{width:64px} .GameIcon--rounded.GameIcon--bordered{border:none} .GameIcon--rounded.GameIcon--bordered .GameIcon-borderImage{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1);display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:transparent url(../assets/images/border-medium.png) center no-repeat;background-size:contain} .GameIcon--rounded.GameIcon--bordered.GameIcon--large .GameIcon-borderImage{background-image:url(../assets/images/border-large.png)} .GameIcon--rounded.GameIcon--bordered.GameIcon--full .GameIcon-borderImage,.GameIcon--rounded.GameIcon--bordered.GameIcon--huge .GameIcon-borderImage{background-image:url(../assets/images/border-huge.png)} .GameIcon--rounded.GameIcon--bordered .GameIcon-borderImage{display:block} .GameIcon--rounded.GameIcon--bordered.GameIcon--tiny{width:18px} .GameIcon--rounded.GameIcon--bordered.GameIcon--small{width:32px} .GameIcon--rounded.GameIcon--bordered.GameIcon--medium{width:38px} .GameIcon--rounded.GameIcon--bordered.GameIcon--large{width:64px} .GameIcon--rounded.GameIcon--bordered.GameIcon--huge{width:74px} a>.GameIcon--rounded.GameIcon--bordered .GameIcon-borderImage{background-image:url(../assets/images/border-medium-linked.png)} @media (min-width:980px){a>.GameIcon--rounded.GameIcon--bordered:hover{-webkit-box-shadow:0 1px 8px rgba(255,255,255,.4);box-shadow:0 1px 8px rgba(255,255,255,.4)} a>.GameIcon--rounded.GameIcon--bordered:hover .GameIcon-borderImage{-webkit-filter:brightness(1.5);filter:brightness(1.5)} } .GameTooltip{padding:0 20px;padding:20px;display:inline-block;max-width:400px;color:#fff;background-color:rgba(17,17,17,.9);border-radius:5px;-webkit-box-shadow:#000 0 0 10px,inset 0 1px 0 rgba(255,255,255,.5);box-shadow:#000 0 0 10px,inset 0 1px 0 rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1)} .GameTooltip.gutter-vertical{padding:20px 0} .GameTooltip.gutter-all{padding:20px} .GameTooltip.gutter-negative{padding:0;margin:0 -20px} .GameTooltip.gutter-negative.gutter-vertical{margin:-20px 0} .GameTooltip.gutter-negative.gutter-all{margin:-20px} .GameTooltip{font-size:13px;line-height:20px} .GameTooltip .character-tooltip{min-width:150px} .GameTooltip .wiki-tooltip{min-width:250px} .GameTooltip .wiki-tooltip .wiki-list{margin-top:10px} .GameTooltip .wiki-tooltip .wiki-list li{margin:2px 0} .GameTooltip .wiki-tooltip .wiki-list .item-link{line-height:16px} .GameTooltip .wiki-tooltip .wiki-list .item-link .frame-14{float:left;margin-right:5px} .GameTooltip .wiki-tooltip .indent{padding-left:10px} .GameTooltip .wiki-tooltip .indent-small{padding-left:5px} .GameTooltip .item-specs .item-link{height:22px;line-height:22px;margin:2px 0;font-weight:400;background-repeat:no-repeat} .GameTooltip .item-specs{margin-top:10px} .GameTooltip .item-specs li{margin:1px 0;padding:0} .GameTooltip .item-specs .indent{padding-left:10px} .GameTooltip .item-specs .indent-small{padding-left:5px} .GameTooltip .item-specs .indent-top{padding-top:10px} .GameTooltip .item-specs .icon-socket{float:left;margin-right:4px;margin-top:1px} .GameTooltip .item-specs .reforge-arrow{position:relative;top:-1px;font-size:10px} .GameTooltip .item-specs a.color-q1:hover{text-decoration:underline} .GameTooltip .item-specs .transmog-name{color:#ff80ff} .GameTooltip .item-specs{margin-bottom:0} .GameTooltip li.item-spec-group{margin-top:10px} .GameTooltip .character-tooltip .character-achievementpoints{margin-top:4px} .GameTooltip .character-tooltip .character-spec{margin-top:10px} .GameTooltip .character-spec{display:block} .GameTooltip .character-spec .icon,.GameTooltip .character-spec .name{float:left;height:14px;line-height:15px} .GameTooltip .character-spec .icon{margin-right:5px} .GameTooltip .character-spec .name{color:#F5EBD1} .GameTooltip .character-achievementpoints{display:block;float:left;padding-right:11px;background:url(../components/GameTooltip/GameTooltip-achievements.gif) no-repeat right center} .GameTooltip .item-link{display:inline-block;line-height:22px;vertical-align:top;white-space:nowrap} .GameTooltip .item-link .frame-18{float:left;margin-right:5px} .GameTooltip .item-link .tip{border-bottom:0} .GameTooltip .item-link-large{height:38px;line-height:38px} .GameTooltip .item-link-large .frame-36{float:left;margin-right:10px} .GameTooltip .item-link-small,.GameTooltip .item-link-small-right{display:inline-block;height:18px;line-height:18px;vertical-align:top} .GameTooltip .item-link-small .frame-14{float:left;margin-right:3px} .GameTooltip .item-link-small-right .count{float:left} .GameTooltip .item-link-small-right .frame-14{float:left;margin-left:4px} .GameTooltip .price{text-align:right} .GameTooltip .price .icon-gold{color:#c28a13;display:inline-block} .GameTooltip .price .icon-silver{color:#63625d;width:13px;display:inline-block} .GameTooltip .price .icon-copper{color:#a04d00;width:13px;display:inline-block} .GameTooltip .summary-item-list li{line-height:15px;padding:4px 0} .GameTooltip .summary-item-list .icon{float:left;height:16px;margin-right:3px} .GameTooltip .ui-tooltip .summary-item-list{white-space:nowrap} .GameTooltip .ui-tooltip .summary-item-list .icon{margin-right:5px} .GameTooltip .ui-tooltip h3{font-size:16px;font-weight:400} .GameTooltip .ui-tooltip h4{font-size:14px;font-weight:400} .GameTooltip .color-q0,.GameTooltip .color-q0 a{color:#9d9d9d!important} .GameTooltip .color-q1,.GameTooltip .color-q1 a{color:#fff!important} .GameTooltip .color-q2,.GameTooltip .color-q2 a{color:#1eff00!important} .GameTooltip .color-q3,.GameTooltip .color-q3 a{color:#0081ff!important} .GameTooltip .color-q4,.GameTooltip .color-q4 a{color:#c600ff!important} .GameTooltip .color-q5,.GameTooltip .color-q5 a{color:#ff8000!important} .GameTooltip .color-q6,.GameTooltip .color-q6 a{color:#e5cc80!important} .GameTooltip .color-q7,.GameTooltip .color-q7 a{color:#0cf!important} .GameTooltip .color-d1,.GameTooltip .color-d1 a{color:#ff8040!important} .GameTooltip .color-d2,.GameTooltip .color-d2 a{color:#ff0!important} .GameTooltip .color-d3,.GameTooltip .color-d3 a{color:#40bf40!important} .GameTooltip .color-d4,.GameTooltip .color-d4 a{color:grey!important} .GameTooltip .color-d5,.GameTooltip .color-d5 a{color:#8af!important} .GameTooltip .color-d6,.GameTooltip .color-d6 a{color:red!important} .GameTooltip .color-s0{color:red} .GameTooltip .color-s1{color:#FF8040} .GameTooltip .color-s2{color:#FF0} .GameTooltip .color-s3{color:#40BF40} .GameTooltip .color-s4{color:grey} .GameTooltip .color-tooltip-yellow{color:#ffd100!important} .GameTooltip .color-tooltip-red{color:red!important} .GameTooltip .color-tooltip-green{color:#0f0!important} .GameTooltip .color-tooltip-blue{color:#71D5FF!important} .GameTooltip .color-tooltip-beige{color:#FFFF98!important} .GameTooltip .color-tooltip-gray{color:#6D6E70!important} .GameTooltip h3{margin:0} .GameTooltip .ui-tooltip .item-specs{padding:0;list-style:none} .GameTooltip .float-right{float:right} .GameTooltip .icon-gold{padding-right:15px;background:url(../components/GameTooltip/GameTooltip-gold.gif) right center no-repeat} .GameTooltip .icon-silver{padding-right:15px;padding-left:3px;background:url(../components/GameTooltip/GameTooltip-silver.gif) right center no-repeat} .GameTooltip .icon-copper{padding-right:15px;padding-left:3px;background:url(../components/GameTooltip/GameTooltip-copper.gif) right center no-repeat} .GameTooltip .icon-socket{display:block;position:relative;width:15px;height:15px} .GameTooltip .icon-socket a.gem{display:block;width:15px;height:15px} .GameTooltip .icon-socket a.gem img{display:block;width:13px;height:13px;padding:1px 0 0 1px} .GameTooltip .icon-socket .empty{position:absolute;left:1px;top:1px;width:13px;height:13px} .GameTooltip .icon-socket .frame{position:absolute;left:0;top:0;width:15px;height:15px;background:url(../components/GameTooltip/GameTooltip-sockets.png) no-repeat} .GameTooltip .icon-socket.socket-1 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-2 .empty{background-color:#301010} .GameTooltip .icon-socket.socket-4 .empty{background-color:#403010} .GameTooltip .icon-socket.socket-8 .empty{background-color:#102040} .GameTooltip .icon-socket.socket-14 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-16 .empty{background-color:#000} .GameTooltip .icon-socket.socket-32 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-1 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-2 .frame{background-position:0 0} .GameTooltip .icon-socket.socket-4 .frame{background-position:-15px 0} .GameTooltip .icon-socket.socket-8 .frame{background-position:-30px 0} .GameTooltip .icon-socket.socket-6 .frame{background-position:-90px 0} .GameTooltip .icon-socket.socket-10 .frame{background-position:-75px 0} .GameTooltip .icon-socket.socket-12 .frame{background-position:-105px 0} .GameTooltip .icon-socket.socket-14 .frame{background-position:-60px 0} .GameTooltip .icon-socket.socket-16 .frame{background-position:-120px 0} .GameTooltip .icon-socket.socket-32 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-1 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-2 .empty{background-color:#301010} .GameTooltip .icon-socket.socket-type-3 .empty{background-color:#403010} .GameTooltip .icon-socket.socket-type-4 .empty{background-color:#102040} .GameTooltip .icon-socket.socket-type-5 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-6 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-7 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-8 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-9 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-10 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-11 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-12 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-13 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-14 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-15 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-16 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-17 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-18 .empty{background-color:#29292a} .GameTooltip .icon-socket.socket-type-1 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-2 .frame{background-position:0 0} .GameTooltip .icon-socket.socket-type-3 .frame{background-position:-15px 0} .GameTooltip .icon-socket.socket-type-4 .frame{background-position:-30px 0} .GameTooltip .icon-socket.socket-type-5 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-6 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-7 .frame{background-position:-60px 0} .GameTooltip .icon-socket.socket-type-8 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-9 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-10 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-11 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-12 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-13 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-14 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-15 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-16 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-17 .frame{background-position:-45px 0} .GameTooltip .icon-socket.socket-type-18 .frame{background-position:-45px 0} .GameTooltip a{pointer-events:none} .GameTooltip a:hover{text-decoration:underline} .GameTooltip--noBackground{background-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none} .GameTooltip--flush{padding:0} .GameTooltip--block{display:block;max-width:100%} .GameTooltip--azerite{border-style:solid;border-width:0;border-image-source:url(../components/GameTooltip/GameTooltip-azerite.png);border-image-repeat:stretch;border-image-slice:36 fill;border-image-width:26px;border-image-outset:0} .Grid{-webkit-box-sizing:border-box;box-sizing:border-box} .Grid::after,.Grid::before{content:"";display:table;clear:both} .Grid--gutter{padding:20px} .Grid--gutters{margin:-10px} .Grid--gutters>*{padding:10px} .Grid--gutter.Grid--gutters{padding:10px;margin:0} .Grid--center{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .Grid--center::after,.Grid--center::before{display:none} .Grid-col,.Grid-full,.Grid>*{width:100%;clear:both;position:relative} .Grid-1of2{clear:none;float:left;width:50%} .Grid-1of2-right{float:right} .Grid-1of2--prefix{margin-left:50%} .Grid-1of2--suffix{margin-right:50%} .Grid-1of2--push{left:50%} .Grid-1of2--pull{left:-50%} .Grid-1of3{clear:none;float:left;width:33.33333333%} .Grid-1of3-right{float:right} .Grid-1of3--prefix{margin-left:33.33333333%} .Grid-1of3--suffix{margin-right:33.33333333%} .Grid-1of3--push{left:33.33333333%} .Grid-1of3--pull{left:-33.33333333%} .Grid-2of3{clear:none;float:left;width:66.66666667%} .Grid-2of3-right{float:right} .Grid-2of3--prefix{margin-left:66.66666667%} .Grid-2of3--suffix{margin-right:66.66666667%} .Grid-2of3--push{left:66.66666667%} .Grid-2of3--pull{left:-66.66666667%} .Grid-1of4{clear:none;float:left;width:25%} .Grid-1of4-right{float:right} .Grid-1of4--prefix{margin-left:25%} .Grid-1of4--suffix{margin-right:25%} .Grid-1of4--push{left:25%} .Grid-1of4--pull{left:-25%} .Grid-2of4{clear:none;float:left;width:50%} .Grid-2of4-right{float:right} .Grid-2of4--prefix{margin-left:50%} .Grid-2of4--suffix{margin-right:50%} .Grid-2of4--push{left:50%} .Grid-2of4--pull{left:-50%} .Grid-3of4{clear:none;float:left;width:75%} .Grid-3of4-right{float:right} .Grid-3of4--prefix{margin-left:75%} .Grid-3of4--suffix{margin-right:75%} .Grid-3of4--push{left:75%} .Grid-3of4--pull{left:-75%} .Grid-1of5{clear:none;float:left;width:20%} .Grid-1of5-right{float:right} .Grid-1of5--prefix{margin-left:20%} .Grid-1of5--suffix{margin-right:20%} .Grid-1of5--push{left:20%} .Grid-1of5--pull{left:-20%} .Grid-2of5{clear:none;float:left;width:40%} .Grid-2of5-right{float:right} .Grid-2of5--prefix{margin-left:40%} .Grid-2of5--suffix{margin-right:40%} .Grid-2of5--push{left:40%} .Grid-2of5--pull{left:-40%} .Grid-3of5{clear:none;float:left;width:60%} .Grid-3of5-right{float:right} .Grid-3of5--prefix{margin-left:60%} .Grid-3of5--suffix{margin-right:60%} .Grid-3of5--push{left:60%} .Grid-3of5--pull{left:-60%} .Grid-4of5{clear:none;float:left;width:80%} .Grid-4of5-right{float:right} .Grid-4of5--prefix{margin-left:80%} .Grid-4of5--suffix{margin-right:80%} .Grid-4of5--push{left:80%} .Grid-4of5--pull{left:-80%} .Grid-1of6{clear:none;float:left;width:16.66666667%} .Grid-1of6-right{float:right} .Grid-1of6--prefix{margin-left:16.66666667%} .Grid-1of6--suffix{margin-right:16.66666667%} .Grid-1of6--push{left:16.66666667%} .Grid-1of6--pull{left:-16.66666667%} .Grid-2of6{clear:none;float:left;width:33.33333333%} .Grid-2of6-right{float:right} .Grid-2of6--prefix{margin-left:33.33333333%} .Grid-2of6--suffix{margin-right:33.33333333%} .Grid-2of6--push{left:33.33333333%} .Grid-2of6--pull{left:-33.33333333%} .Grid-3of6{clear:none;float:left;width:50%} .Grid-3of6-right{float:right} .Grid-3of6--prefix{margin-left:50%} .Grid-3of6--suffix{margin-right:50%} .Grid-3of6--push{left:50%} .Grid-3of6--pull{left:-50%} .Grid-4of6{clear:none;float:left;width:66.66666667%} .Grid-4of6-right{float:right} .Grid-4of6--prefix{margin-left:66.66666667%} .Grid-4of6--suffix{margin-right:66.66666667%} .Grid-4of6--push{left:66.66666667%} .Grid-4of6--pull{left:-66.66666667%} .Grid-5of6{clear:none;float:left;width:83.33333333%} .Grid-5of6-right{float:right} .Grid-5of6--prefix{margin-left:83.33333333%} .Grid-5of6--suffix{margin-right:83.33333333%} .Grid-5of6--push{left:83.33333333%} .Grid-5of6--pull{left:-83.33333333%} .GuildProfile-page{position:relative} .GuildProfile-tab{min-height:400px;position:relative} .GuildProfile-crest{width:360px;height:360px;background-color:#cacaca;border:solid 4px #fff} .GuildProfileHeader-logo{min-width:77.5px} @media (min-width:980px){.GuildProfileHeader-title{padding:0 20px} } .GuildProfileHeader-guildName{line-height:1.2} @media (min-width:980px){.GuildProfileHeader-guildName{font-size:2.2395rem;line-height:1.5em;line-height:1} } @media (min-width:980px) and (min-width:720px){.GuildProfileHeader-guildName{font-size:2.5381rem} } @media (min-width:980px) and (min-width:1280px){.GuildProfileHeader-guildName{font-size:2.986rem} } @media (min-width:980px){.GuildProfileHeader-stats{padding:0 20px;border-left:1px solid rgba(255,255,255,.2);-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden} } .GuildProfileHeader-stat:first-of-type{margin-right:20px} .GuildProfileHeader-stat.Media--flush .Media-text{padding-left:4px} .HorizontalNav-item{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:.9rem;line-height:1.5em;color:#f8b700;padding:6.67px;padding-left:10px;padding-right:10px;background-color:Transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:0;-webkit-transition:.2s all 0s cubic-bezier(.23,1,.32,1);transition:.2s all 0s cubic-bezier(.23,1,.32,1)} .HorizontalNav-item.zh-cn,.zh-cn .HorizontalNav-item{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .HorizontalNav-item.ko-kr,.ko-kr .HorizontalNav-item{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .HorizontalNav-item.ru-ru,.ru-ru .HorizontalNav-item{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .HorizontalNav-item.zh-tw,.zh-tw .HorizontalNav-item{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.HorizontalNav-item{font-size:1.02rem} } @media (min-width:1280px){.HorizontalNav-item{font-size:1.2rem} } .HorizontalNav-item:focus{outline:auto 5px -webkit-focus-ring-color} .HorizontalNav-link--slide.is-selected-slide .HorizontalNav-item,.HorizontalNav-link.is-active .HorizontalNav-item,.HorizontalNav-link.is-selected:not(.HorizontalNav-link--slide) .HorizontalNav-item{background-color:#f8b700;color:#211510} @media (min-width:980px){.HorizontalNav-link:hover .HorizontalNav-item{background-color:#f8b700;color:#211510} } .HorizontalNav--gutters .HorizontalNav-link{padding:6.67px} .HorizontalNav--gutters .HorizontalNav-link:first-of-type{padding-left:0} .HorizontalNav--gutters .HorizontalNav-link:last-of-type{padding-right:0} .HorizontalNav--underline{border-bottom:solid 1px rgba(255,255,255,.2)} .HorizontalNav--slider .HorizontalNav-link,.HorizontalNav--underlineItems .HorizontalNav-link{display:inline-block;border-bottom:solid 1px rgba(255,255,255,.2);padding-left:5px;padding-right:5px} .HorizontalNav--slider .HorizontalNav-link:first-of-type,.HorizontalNav--underlineItems .HorizontalNav-link:first-of-type{padding-left:0} .HorizontalNav--slider .HorizontalNav-link:last-of-type,.HorizontalNav--underlineItems .HorizontalNav-link:last-of-type{padding-right:0} .HorizontalNav--slider .HorizontalNav-link.HorizontalNav-link--slide,.HorizontalNav--underlineItems .HorizontalNav-link.HorizontalNav-link--slide{border-bottom:none} .HorizontalNav--slider .HorizontalNav-link .HorizontalNav-item,.HorizontalNav--underlineItems .HorizontalNav-link .HorizontalNav-item{display:block;padding-left:0;padding-right:0;padding-bottom:8px;margin-bottom:-3px;border-bottom:solid 3px transparent} .HorizontalNav--slider .HorizontalNav-link--slide.is-selected-slide .HorizontalNav-item,.HorizontalNav--slider .HorizontalNav-link.is-active .HorizontalNav-item,.HorizontalNav--slider .HorizontalNav-link.is-selected:not(.HorizontalNav-link--slide) .HorizontalNav-item,.HorizontalNav--underlineItems .HorizontalNav-link--slide.is-selected-slide .HorizontalNav-item,.HorizontalNav--underlineItems .HorizontalNav-link.is-active .HorizontalNav-item,.HorizontalNav--underlineItems .HorizontalNav-link.is-selected:not(.HorizontalNav-link--slide) .HorizontalNav-item{color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;background:0 0;border-bottom-color:#f8b700} @media (min-width:980px){.HorizontalNav--slider .HorizontalNav-link:hover .HorizontalNav-item,.HorizontalNav--underlineItems .HorizontalNav-link:hover .HorizontalNav-item{color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;background:0 0;border-bottom-color:#f8b700} } .HorizontalNav--slider.HorizontalNav--gutters .HorizontalNav-link,.HorizontalNav--underlineItems.HorizontalNav--gutters .HorizontalNav-link{padding:0 15px} .HorizontalNav--slider.HorizontalNav--gutters .HorizontalNav-link:first-of-type,.HorizontalNav--underlineItems.HorizontalNav--gutters .HorizontalNav-link:first-of-type{padding-left:0} .HorizontalNav--slider.HorizontalNav--gutters .HorizontalNav-link:last-of-type,.HorizontalNav--underlineItems.HorizontalNav--gutters .HorizontalNav-link:last-of-type{padding-right:0} .HorizontalNav--slider.HorizontalNav--gutters .HorizontalNav-items,.HorizontalNav--underlineItems.HorizontalNav--gutters .HorizontalNav-items{margin-left:0} .HorizontalNav--slider .HorizontalNav-link--slide,.HorizontalNav--underlineItems .HorizontalNav-link--slide{padding:0 12px} .HorizontalNav--slider .HorizontalNav-items--infinite .HorizontalNav-link.HorizontalNav-link--slide,.HorizontalNav--underlineItems .HorizontalNav-items--infinite .HorizontalNav-link.HorizontalNav-link--slide{padding:0 12px} .HorizontalNav-items.Slider{border-bottom:solid 1px rgba(255,255,255,.2);overflow:hidden;position:relative;margin-left:-20px;margin-right:-20px;padding-left:22px;padding-right:22px} .HorizontalNav-items.Slider--infinite{padding:0} .HorizontalNav-items.Slider::before{content:"";pointer-events:none;position:absolute;left:0;bottom:0;display:block;width:100%;height:30px;background:red;background:-webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.1)),to(rgba(255,255,255,0)));background:linear-gradient(to top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)} .HorizontalNav-items.Slider .flickity-viewport::after,.HorizontalNav-items.Slider .flickity-viewport::before{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1);content:"";opacity:0;pointer-events:none;position:absolute;z-index:1;left:0;bottom:0;display:block;width:30px;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.7)),to(rgba(0,0,0,0)));background:linear-gradient(to right,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%)} .HorizontalNav-items.Slider .flickity-viewport::after{width:80px;left:auto;right:0;background:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to left,#000 0,rgba(0,0,0,0) 100%)} .HorizontalNav-items.Slider.HorizontalNav-items--centered .flickity-viewport::before{width:80px;background:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to right,#000 0,rgba(0,0,0,0) 100%)} .HorizontalNav-items.Slider[data-left-more=true] .flickity-viewport::before{opacity:1} .HorizontalNav-items.Slider[data-right-more=true] .flickity-viewport::after{opacity:1} .HorizontalNav-items.Slider .HorizontalNav-item,.HorizontalNav-items.Slider .HorizontalNav-link{display:block} .HorizontalNav-items.Slider .HorizontalNav-item{-webkit-transition:.3s all 0s cubic-bezier(.23,1,.32,1);transition:.3s all 0s cubic-bezier(.23,1,.32,1);font-size:1.08rem;line-height:1.5em;position:relative;white-space:nowrap;border-bottom:none;margin-bottom:0} @media (min-width:720px){.HorizontalNav-items.Slider .HorizontalNav-item{font-size:1.224rem} } @media (min-width:1280px){.HorizontalNav-items.Slider .HorizontalNav-item{font-size:1.44rem} } .HorizontalNav-items.Slider .HorizontalNav-item::after{content:"";display:block;width:100%;height:0;background:#f8b700;position:absolute;bottom:0;left:0;opacity:0} .HorizontalNav-items.Slider .HorizontalNav-link.is-selected-slide .HorizontalNav-item,.HorizontalNav-items.Slider .HorizontalNav-link:active .HorizontalNav-item{-webkit-transition:.3s all 0s cubic-bezier(.23,1,.32,1);transition:.3s all 0s cubic-bezier(.23,1,.32,1);color:#fff} .HorizontalNav-items.Slider .HorizontalNav-link.is-selected-slide .HorizontalNav-item::after,.HorizontalNav-items.Slider .HorizontalNav-link:active .HorizontalNav-item::after{-webkit-transition:.6s all 0s cubic-bezier(.23,1,.32,1);transition:.6s all 0s cubic-bezier(.23,1,.32,1);height:3px;opacity:1} .HorizontalNav--upper .HorizontalNav-item{text-transform:uppercase} .HorizontalNav--center .HorizontalNav-items{margin-left:auto;margin-right:auto;text-align:center} .HorizontalNav--center.HorizontalNav--underlineItems .HorizontalNav-items{margin-left:auto;margin-right:auto;text-align:center} .HorizontalNav--ocho{display:inline-block;position:relative;padding-right:134px;padding-left:134px} .HorizontalNav--ocho::after,.HorizontalNav--ocho::before{content:"";position:absolute;top:0;width:134px;background-position:center;background-repeat:no-repeat;height:82px;z-index:1} .HorizontalNav--ocho::before{left:0;background:url(../components/HorizontalNav/HorizontalNav-ocho-ends.png) 0 0} .HorizontalNav--ocho::after{right:0;background:url(../components/HorizontalNav/HorizontalNav-ocho-ends.png) 134px 0} .HorizontalNav--ocho .HorizontalNav-itemsContainer{background-image:url(../components/HorizontalNav/HorizontalNav-ocho-bg.png);background-repeat:repeat-x} .HorizontalNav--ocho .HorizontalNav-link .HorizontalNav-item{padding-top:0;padding-bottom:0;padding-left:10px;padding-right:10px;margin-top:32px;margin-bottom:37px;background:0 0;background-size:100%;font-size:15px;text-transform:uppercase;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#ede0c9 20%,#8a7e66 100%);background-size:1.3em 1.3em;background-position:top;color:#ede0c9;display:inline-block;line-height:1.3em;text-shadow:none;position:relative} .HorizontalNav--ocho .HorizontalNav-link.is-active,.HorizontalNav--ocho .HorizontalNav-link.is-selected{position:relative} .HorizontalNav--ocho .HorizontalNav-link.is-active .HorizontalNav-item,.HorizontalNav--ocho .HorizontalNav-link.is-selected .HorizontalNav-item{color:#fff;background-image:-webkit-linear-gradient(top,#fff,#fff)} .HorizontalNav--ocho .HorizontalNav-link.is-active::before,.HorizontalNav--ocho .HorizontalNav-link.is-selected::before{content:"";position:absolute;bottom:8px;right:50%;width:116px;height:47px;margin-right:-56px;background-image:url(../components/HorizontalNav/HorizontalNav-ocho-arrow.png);background-position:center;background-repeat:no-repeat;z-index:1;pointer-events:none} @media (min-width:980px){.HorizontalNav--ocho .HorizontalNav-link:hover .HorizontalNav-item{color:#fff;background-image:-webkit-linear-gradient(top,#fff,#fff)} } .HorizontalNav--ocho.HorizontalNav--full{display:block} .Icon{display:inline-block;position:relative} .Icon--inline{display:inline} .Icon--invert{-webkit-filter:invert(100%);filter:invert(100%)} .Icon--placeholder,.Icon--wireframe{border:4px solid #000;border-radius:50%;height:32px;width:32px} .Icon--placeholder.Icon--small,.Icon--wireframe.Icon--small{border-width:2px;height:16px;width:16px} .Icon--placeholder.Icon--medium,.Icon--wireframe.Icon--medium{border-width:3px;height:26px;width:26px} .Icon--placeholder.Icon--large,.Icon--wireframe.Icon--large{border-width:5px;height:56px;width:56px} .Icon--play{border:32px solid #000;border-width:32px 0 32px 50px;border-color:transparent #000} .Icon--vod{background-size:100%;background-image:url(../components/Icon/Icon-vod.png);background-position:center;position:relative;width:27px;height:27px;background-repeat:no-repeat} .Icon--vod::before{content:"";display:block;padding-top:100%} .Icon--pause{height:50px;width:18px} .Icon--pause::after,.Icon--pause::before{content:"";display:block;background:#000;height:100%;width:100%;position:absolute;top:0} .Icon--pause::before{right:90%} .Icon--pause::after{left:90%} .Icon--bluepost{background:#01b2f1;border-radius:50%;color:#fff;height:32px;line-height:32px;text-align:center;width:32px} .Icon--star{margin:50px 0;display:block;position:relative;width:0;height:0;border-right:100px solid transparent;border-bottom:70px solid #000;border-left:100px solid transparent;-webkit-transform:rotate(35deg) scale(.5);transform:rotate(35deg) scale(.5)} .Icon--star::before{content:'';display:block;border-bottom:80px solid #000;border-left:30px solid transparent;border-right:30px solid transparent;position:absolute;height:0;width:0;top:-45px;left:-65px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg)} .Icon--star::after{content:'';display:block;position:absolute;top:3px;left:-105px;width:0;height:0;border-right:100px solid transparent;border-bottom:70px solid #000;border-left:100px solid transparent;-webkit-transform:rotate(-70deg);transform:rotate(-70deg)} .Icon--star.Icon--small{-webkit-transform:rotate(35deg) scale(.1);transform:rotate(35deg) scale(.1)} .Icon--badge{height:26px;width:26px;margin:3px;background-color:#000;-webkit-transform:rotate(45deg);transform:rotate(45deg)} .Icon--badge::after,.Icon--badge::before{content:"";display:block;border:18px solid #000;border-color:transparent #000 transparent;height:0;width:0;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0} .Icon--badge::before{top:-4px;left:-12px;border-width:10px 0 18px 18px} .Icon--badge::after{top:-17px;left:1px;border-width:10px 18px 18px 0} .Icon--badge.Icon--small{margin:-7px;-webkit-transform:rotate(45deg) scale(.3);transform:rotate(45deg) scale(.3)} .Icon--check{border:3px solid #000;border-width:0 0 4px 4px;height:16px;width:32px;margin:6px 0;-webkit-transform:rotate(-45deg) scale(.5);transform:rotate(-45deg) scale(.5)} .Icon--checkCircleGreen{background-size:100%;background-image:url(../components/Icon/Icon-checkCircleGreen.png);background-position:center;position:relative;width:18px} .Icon--checkCircleGreen::before{content:"";display:block;padding-top:100%} .Icon--readmore{width:10px;height:2px;background-color:#000;margin:3px} .Icon--readmore::before{border:2px solid #000;border-width:1px 1px 0 0;content:"";display:block;height:6px;position:absolute;right:0;top:-2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px} .Icon--dropdown{border:2px solid #000;border-width:0 0 3px 3px;height:16px;margin:-4px 0;top:-3px;-webkit-transform:rotate(-45deg) scale(.5);transform:rotate(-45deg) scale(.5);width:16px} .Icon--dropright{border:2px solid #000;border-width:0 0 3px 3px;height:14px;margin:-4px 0;top:-2px;left:-4px;-webkit-transform:rotate(-135deg) scale(.5);transform:rotate(-135deg) scale(.5);width:14px} .Icon--droprightGold{border:2px solid #000;border-width:0 0 3px 3px;height:14px;margin:-4px 0;top:-2px;left:-4px;-webkit-transform:rotate(-135deg) scale(.5);transform:rotate(-135deg) scale(.5);width:14px;border-color:#f8b700} .Icon--dropleft{border:2px solid #000;border-width:0 0 3px 3px;height:14px;margin:-4px 0;top:-2px;left:-4px;-webkit-transform:rotate(45deg) scale(.5);transform:rotate(45deg) scale(.5);width:14px} .Icon--dropleftGold{border:2px solid #000;border-width:0 0 3px 3px;height:14px;margin:-4px 0;top:-2px;left:-4px;-webkit-transform:rotate(45deg) scale(.5);transform:rotate(45deg) scale(.5);width:14px;border-color:#f8b700} .Icon--menu{top:-4px} .Icon--menu,.Icon--menu::after,.Icon--menu::before{width:20px;height:3px;background-color:#000} .Icon--menu::before{content:"";display:block;position:relative;top:-5px} .Icon--menu::after{content:"";display:block;position:relative;top:2px} .Icon--wowMenu{top:-4px} .Icon--wowMenu,.Icon--wowMenu::after,.Icon--wowMenu::before{width:24px;height:3px;background-color:#e7cf43} .Icon--wowMenu::before{content:"";display:block;position:relative;top:-7px} .Icon--wowMenu::after{content:"";display:block;position:relative;top:4px} .Icon--search{border:2px solid #000;border-radius:50%;height:18px;width:18px;top:-1px;margin:7px} .Icon--search::before{background:#000;content:"";display:block;height:3px;position:relative;top:14px;left:-8px;width:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .Icon--search.Icon--large{border-width:3px;height:28px;width:28px} .Icon--search.Icon--large::before{height:4px;top:21px;left:-10px;width:14px} .Icon--horde{color:#b30000} .Icon--alliance{color:#0078ff} .Icon--closeGold,.Icon--closeMedium,.Icon--closeSmall{height:18px;width:18px;margin:0 3px 2px 0} .Icon--closeGold::after,.Icon--closeGold::before,.Icon--closeMedium::after,.Icon--closeMedium::before,.Icon--closeSmall::after,.Icon--closeSmall::before{background:#000;content:"";display:block;height:3px;position:relative;width:27px} .Icon--closeGold::before,.Icon--closeMedium::before,.Icon--closeSmall::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:8px;left:-3px} .Icon--closeGold::after,.Icon--closeMedium::after,.Icon--closeSmall::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px;left:-3px} .Icon--closeMedium{margin:0} .Icon--closeMedium::after,.Icon--closeMedium::before{width:18px} .Icon--closeMedium::before{top:9px;left:-2px} .Icon--closeMedium::after{top:6px;left:-2px} .Icon--closeSmall{margin:0} .Icon--closeSmall::after,.Icon--closeSmall::before{width:9px} .Icon--closeSmall::before{left:4px} .Icon--closeSmall::after{left:4px} .Icon--closeGold::after,.Icon--closeGold::before{background:#f8b700} .Icon--closeCircleRed{background-size:100%;background-image:url(../components/Icon/Icon-closeCircleRed.png);background-position:center;position:relative;width:18px} .Icon--closeCircleRed::before{content:"";display:block;padding-top:100%} .Icon--closeSwitchOff{height:19px;width:19px;margin:0} .Icon--closeSwitchOff::after,.Icon--closeSwitchOff::before{background:#000;content:"";display:block;height:3px;position:relative;width:19px} .Icon--closeSwitchOff::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:8px;left:0} .Icon--closeSwitchOff::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px;left:0} .Icon--closeSwitchOn{height:19px;width:19px;margin:0} .Icon--closeSwitchOn::after,.Icon--closeSwitchOn::before{background:#000;content:"";display:block;height:3px;position:relative;width:19px} .Icon--closeSwitchOn::before{top:8px;left:0} .Icon--closeSwitchOn::after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:5px;left:0} .Icon--plus{height:19px;width:19px;margin:0} .Icon--plus::after,.Icon--plus::before{background:#000;content:"";display:block;height:3px;position:relative;width:19px} .Icon--plus::before{top:8px;left:0} .Icon--plus::after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:5px;left:0} .Icon--minus{height:19px;width:19px;margin:0} .Icon--minus::before{background:#000;content:"";display:block;height:3px;position:relative;width:19px;top:8px;left:0} .Icon--expand{height:28px;width:34px;border:3px solid #000;top:2px;-webkit-transform:scale(.5);transform:scale(.5);margin:-7px -8px} .Icon--expand::before{content:"";position:absolute;height:3px;width:9px;top:10px;left:9px;-webkit-box-shadow:-17px -19px #000,17px -19px #000,-17px 18px #000,17px 18px #000;box-shadow:-17px -19px #000,17px -19px #000,-17px 18px #000,17px 18px #000} .Icon--expand::after{content:"";position:absolute;height:9px;width:3px;top:7px;left:11px;-webkit-box-shadow:-20px -16px #000,23px -16px #000,-20px 15px #000,23px 15px #000;box-shadow:-20px -16px #000,23px -16px #000,-20px 15px #000,23px 15px #000} .Icon--plus,.Icon--plusMedium,.Icon--plusSmall{height:18px;width:18px;margin:0 3px 2px 0} .Icon--plus::after,.Icon--plus::before,.Icon--plusMedium::after,.Icon--plusMedium::before,.Icon--plusSmall::after,.Icon--plusSmall::before{background:#000;content:"";display:block;height:3px;position:relative;width:27px} .Icon--plus::before,.Icon--plusMedium::before,.Icon--plusSmall::before{top:8px;left:-3px} .Icon--plus::after,.Icon--plusMedium::after,.Icon--plusSmall::after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:5px;left:-3px} .Icon--plusMedium{margin:0} .Icon--plusMedium::after,.Icon--plusMedium::before{width:18px} .Icon--plusSmall{margin:0} .Icon--plusSmall::after,.Icon--plusSmall::before{width:9px} .Icon--plusSmall::before{left:4px} .Icon--plusSmall::after{left:4px} .Icon--minus,.Icon--minusMedium,.Icon--minusSmall{border-radius:8px;width:20px;height:20px;position:relative;top:0;left:0} .Icon--minus::after,.Icon--minusMedium::after,.Icon--minusSmall::after{background-color:#000;width:12px;height:2px;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;position:absolute;top:9px;left:4px;content:""} .Icon--minusMedium::after{width:18px} .Icon--minusSmall::after{width:9px} .Icon--calendar{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-calendar.png);background-position:center;position:relative} .Icon--calendar::before{content:"";display:block;padding-top:100%} .Icon--cat{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-cat.png);background-position:center;position:relative} .Icon--cat::before{content:"";display:block;padding-top:100%} .Icon--chart{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-chart.png);background-position:center;position:relative} .Icon--chart::before{content:"";display:block;padding-top:100%} .Icon--people{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-people.png);background-position:center;position:relative} .Icon--people::before{content:"";display:block;padding-top:100%} .Icon--scope{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-scope.png);background-position:center;position:relative} .Icon--scope::before{content:"";display:block;padding-top:100%} .Icon--trophy{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-trophy.png);background-position:center;position:relative} .Icon--trophy::before{content:"";display:block;padding-top:100%} .Icon--photo{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-photo.png);background-position:center;position:relative} .Icon--photo::before{content:"";display:block;padding-top:100%} .Icon--prev{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-prev.png);background-position:center;position:relative} .Icon--prev::before{content:"";display:block;padding-top:100%} .Icon--next{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-next.png);background-position:center;position:relative} .Icon--next::before{content:"";display:block;padding-top:100%} .Photoswipe--ocho .Photoswipe-next .Icon--next,.Photoswipe--ocho .Photoswipe-next .Icon--prev,.Photoswipe--ocho .Photoswipe-prev .Icon--next,.Photoswipe--ocho .Photoswipe-prev .Icon--prev{width:65px;background-size:100%;background-image:url(../components/Icon/Icon-next-ocho.png);background-position:center;position:relative} .Photoswipe--ocho .Photoswipe-next .Icon--next::before,.Photoswipe--ocho .Photoswipe-next .Icon--prev::before,.Photoswipe--ocho .Photoswipe-prev .Icon--next::before,.Photoswipe--ocho .Photoswipe-prev .Icon--prev::before{content:"";display:block;padding-top:100%} .Photoswipe--ocho .Photoswipe-next .Icon--next::before,.Photoswipe--ocho .Photoswipe-next .Icon--prev::before,.Photoswipe--ocho .Photoswipe-prev .Icon--next::before,.Photoswipe--ocho .Photoswipe-prev .Icon--prev::before{background-image:url(../components/Icon/Icon-next-ocho.png);visibility:hidden} .Photoswipe--ocho .Photoswipe-next .Icon--prev,.Photoswipe--ocho .Photoswipe-prev .Icon--prev{-webkit-transform:scaleX(-1);transform:scaleX(-1)} .Photoswipe--ocho .Photoswipe-next:hover .Icon--next,.Photoswipe--ocho .Photoswipe-next:hover .Icon--prev,.Photoswipe--ocho .Photoswipe-prev:hover .Icon--next,.Photoswipe--ocho .Photoswipe-prev:hover .Icon--prev{background-size:100%;background-image:url(../components/Icon/Icon-next-hover-ocho.png);background-position:center;position:relative} .Photoswipe--ocho .Photoswipe-next:hover .Icon--next::before,.Photoswipe--ocho .Photoswipe-next:hover .Icon--prev::before,.Photoswipe--ocho .Photoswipe-prev:hover .Icon--next::before,.Photoswipe--ocho .Photoswipe-prev:hover .Icon--prev::before{content:"";display:block;padding-top:100%} .Icon--helmet{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-helmet.png);background-position:center;position:relative} .Icon--helmet::before{content:"";display:block;padding-top:100%} .Icon--levelLow{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-level-low.png);background-position:center;position:relative} .Icon--levelLow::before{content:"";display:block;padding-top:100%} .Icon--levelMedium{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-level-medium.png);background-position:center;position:relative} .Icon--levelMedium::before{content:"";display:block;padding-top:100%} .Icon--levelHigh{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-level-high.png);background-position:center;position:relative} .Icon--levelHigh::before{content:"";display:block;padding-top:100%} .Icon--large.Icon--calendar{width:96px} .Icon--large.Icon--cat{width:96px} .Icon--huge.Icon--cat{width:192px} .Icon--large.Icon--chart{width:96px} .Icon--large.Icon--people{width:96px} .Icon--large.Icon--scope{width:96px} .Icon--large.Icon--trophy{width:96px} .Icon--large.Icon--photo{width:96px} .Icon--large.Icon--helmet{width:96px} .Icon--large.Icon--levelLow{width:96px} .Icon--large.Icon--levelMedium{width:96px} .Icon--large.Icon--levelHigh{width:96px} .Icon--floralLeft,.Icon--floralRight{margin-bottom:-18px;width:28px;top:-3px;background-size:100%;background-image:url(../components/Icon/Icon-floral.png);background-position:center;position:relative;background-size:auto 100%} .Icon--floralLeft::before,.Icon--floralRight::before{content:"";display:block;padding-top:100%} .Icon--floralLeft::before,.Icon--floralRight::before{content:"";display:block;padding-top:200%} .Icon--floralLeft{-webkit-transform:scaleX(-1);transform:scaleX(-1)} .Icon--searchGold{background-size:100%;background-image:url(../components/Icon/Icon-search-gold.png);background-position:center;position:relative;width:24px} .Icon--searchGold::before{content:"";display:block;padding-top:100%} .Icon--wow-ocho{background-size:100%;background-image:url(../components/Icon/Icon-wow-ocho.png);background-position:center;position:relative;width:39px;height:39px;margin:-5px -10px -15px 0} .Icon--wow-ocho::before{content:"";display:block;padding-top:100%} .Link:hover .Icon--wow-ocho{-webkit-filter:brightness(2);filter:brightness(2)} .Icon--wallpaper-4K-ocho,.Icon--wallpaper-MOBILE-ocho,.Icon--wallpaper-STANDARD-ocho,.Icon--wallpaper-TABLET-ocho,.Icon--wallpaper-WIDE-ocho{background:url(../components/Icon/Icon-wallpaper-ocho.png) no-repeat top left;width:64px;height:64px;background-size:auto 128px} .Link:hover .Icon--wallpaper-4K-ocho,.Link:hover .Icon--wallpaper-MOBILE-ocho,.Link:hover .Icon--wallpaper-STANDARD-ocho,.Link:hover .Icon--wallpaper-TABLET-ocho,.Link:hover .Icon--wallpaper-WIDE-ocho{background-position-y:-63px} .Icon--wallpaper-MOBILE-ocho{background-position-x:0} .Icon--wallpaper-TABLET-ocho{background-position-x:-64px} .Icon--wallpaper-STANDARD-ocho{background-position-x:-128px} .Icon--wallpaper-WIDE-ocho{background-position-x:-192px} .Icon--wallpaper-4K-ocho{background-position-x:-256px} .Icon-svg{position:relative;top:-1px;vertical-align:middle;width:64px;height:64px} .Icon-svg:not(.Icon--color){fill:currentColor} .Icon--tiny .Icon-svg{width:12px;height:12px} .Icon--small .Icon-svg{width:18px;height:18px} .Icon--medium .Icon-svg{width:32px;height:32px} .Icon--large .Icon-svg{width:48px;height:48px} .Icon--huge .Icon-svg{width:96px;height:96px} .Icon--full .Icon,.Icon--full .Icon-svg{width:100%;height:auto} .Icon--roleDamage{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-game-role-damage-dealer.png);background-position:center;position:relative} .Icon--roleDamage::before{content:"";display:block;padding-top:100%} .Icon--roleTank{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-game-role-tank.png);background-position:center;position:relative} .Icon--roleTank::before{content:"";display:block;padding-top:100%} .Icon--roleHealer{width:56px;background-size:100%;background-image:url(../components/Icon/Icon-game-role-healer.png);background-position:center;position:relative} .Icon--roleHealer::before{content:"";display:block;padding-top:100%} .Image{background-color:#333;color:#fff;position:relative;width:100%;overflow:hidden} .Image-image{background-position:center;background-size:100%;width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .Image-center{top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;left:50%;text-align:center;width:100%} .Image-placeholder{display:inline-block;width:56px;background-size:100%;background-image:url(../components/Icon/Icon-photo.png);background-position:center;position:relative;-webkit-filter:invert(100%);filter:invert(100%);opacity:.8;width:120px;margin:-20px} .Image-placeholder::before{content:"";display:block;padding-top:100%} .Image-caption{color:#b1997f;font-weight:400;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-size:1.08rem;line-height:1.5em;cursor:default;font-style:italic;padding:0 10px} @media (min-width:720px){.Image-caption{font-size:1.224rem} } @media (min-width:1280px){.Image-caption{font-size:1.44rem} } .Image--transparent{background-color:transparent} .Image--transparent .Image-center{-webkit-filter:brightness(.5);filter:brightness(.5)} .Image--transparent .Image-caption,.Image--transparent .Image-placeholder{opacity:.9} .Image--pullLeft{clear:both;padding:2em .5em;position:relative} @media (min-width:980px){.Image--pullLeft{float:left;left:-11.111em;margin-right:-8.33em} } .Image--pullRight{clear:both;padding:2em .5em;position:relative} @media (min-width:980px){.Image--pullRight{float:right;left:11.111em;margin-left:-8.333em} } .Image--clear{clear:both;padding:2em .5em;position:relative} @media (min-width:320px){.Image--clear{padding-left:3em;padding-right:3em} } @media (min-width:720px){.Image--clear{padding-left:4em;padding-right:4em} } @media (min-width:1280px){.Image--clear{padding-left:6em;padding-right:6em} } .Image--shadow{-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000} .Image--borderBrown{border:1px solid #504137} @-webkit-keyframes ImageNav-Animation-BounceUp{0%{-webkit-transform:translateY(0);transform:translateY(0)} 50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)} 85%{-webkit-transform:translateY(4px);transform:translateY(4px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes ImageNav-Animation-BounceUp{0%{-webkit-transform:translateY(0);transform:translateY(0)} 50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)} 85%{-webkit-transform:translateY(4px);transform:translateY(4px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } .ImageNav{margin:-100px 0;overflow:hidden;padding:100px 0;position:relative} .ImageNav-container{background:#211510;border-color:#504137;border-style:solid;border-width:1px 0;height:100px} .ImageNav-list{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:50%;margin-left:-310px;width:99999px} .ImageNav-listItem{float:left;height:200px;padding:0 60px;position:relative;width:280px} .ImageNav-listItem--selected{width:620px} .ImageNav-link{position:absolute;top:0;right:0;bottom:0;left:0;left:60px;right:60px} .ImageNav-listItem:not(.ImageNav-listItem--selected) .ImageNav-link:hover{-webkit-animation:ImageNav-Animation-BounceUp .25s;animation:ImageNav-Animation-BounceUp .25s} .ImageNav-image{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .ImageNav-absolutePositionContainer{position:absolute;top:550px;width:100%;z-index:3} @media (min-width:1280px){.ImageNav-absolutePositionContainer{top:750px} } @media (min-width:1600px){.ImageNav-absolutePositionContainer{top:1010px} } .InfoTile{position:relative} .InfoTile-content{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px} .InfoTile-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s} html:not(.touch) .InfoTile:hover .InfoTile-bg{opacity:1} .InfoTile-hitbox{position:absolute;top:0;right:0;bottom:0;left:0} .InfoTile-info{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center;padding:20px;pointer-events:none} .InfoTile-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.866rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .InfoTile-title.zh-cn,.zh-cn .InfoTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .InfoTile-title.ko-kr,.ko-kr .InfoTile-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .InfoTile-title.ru-ru,.ru-ru .InfoTile-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .InfoTile-title.zh-tw,.zh-tw .InfoTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.InfoTile-title{font-size:2.1148rem} } @media (min-width:1280px){.InfoTile-title{font-size:2.488rem} } @media (min-width:980px){.InfoTile-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:2.2395rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .InfoTile-title.zh-cn,.zh-cn .InfoTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .InfoTile-title.ko-kr,.ko-kr .InfoTile-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .InfoTile-title.ru-ru,.ru-ru .InfoTile-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .InfoTile-title.zh-tw,.zh-tw .InfoTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} } @media (min-width:980px) and (min-width:720px){.InfoTile-title{font-size:2.5381rem} } @media (min-width:980px) and (min-width:1280px){.InfoTile-title{font-size:2.986rem} } @media (min-width:1280px){.InfoTile-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:3.225rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 0 5px rgba(0,0,0,.8)} .InfoTile-title.zh-cn,.zh-cn .InfoTile-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .InfoTile-title.ko-kr,.ko-kr .InfoTile-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .InfoTile-title.ru-ru,.ru-ru .InfoTile-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .InfoTile-title.zh-tw,.zh-tw .InfoTile-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} } @media (min-width:1280px) and (min-width:720px){.InfoTile-title{font-size:3.655rem} } @media (min-width:1280px) and (min-width:1280px){.InfoTile-title{font-size:4.3rem} } .InfoTile-link{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .InfoTile-link.zh-cn,.zh-cn .InfoTile-link{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .InfoTile-link.ko-kr,.ko-kr .InfoTile-link{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .InfoTile-link.ru-ru,.ru-ru .InfoTile-link{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .InfoTile-link.zh-tw,.zh-tw .InfoTile-link{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.InfoTile-link{font-size:1.4688rem} } @media (min-width:1280px){.InfoTile-link{font-size:1.728rem} } .InfoTile-desc{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);margin-left:10%;margin-right:10%;max-height:0;overflow:hidden;-webkit-transition:max-height .8s;transition:max-height .8s} .InfoTile-desc.zh-cn,.zh-cn .InfoTile-desc{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .InfoTile-desc.ko-kr,.ko-kr .InfoTile-desc{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .InfoTile-desc.ru-ru,.ru-ru .InfoTile-desc{font-family:"Open Sans",Arial,Helvetica,sans-serif} .InfoTile-desc.zh-tw,.zh-tw .InfoTile-desc{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.InfoTile-desc{font-size:1.224rem} } @media (min-width:1280px){.InfoTile-desc{font-size:1.44rem} } html:not(.touch) .InfoTile:hover .InfoTile-desc{max-height:800px} .InfoTile-desc p{margin:0} .InfoTile-desc p+p{margin-top:1em} .InfoTile--wide>.InfoTile-container{position:relative} .InfoTile--wide>.InfoTile-container::before{content:"";display:block;padding-top:50%} .InfoTile--tall>.InfoTile-container{position:relative} .InfoTile--tall>.InfoTile-container::before{content:"";display:block;padding-top:200%} .InfoTile--square>.InfoTile-container{position:relative} .InfoTile--square>.InfoTile-container::before{content:"";display:block;padding-top:100%} .InfoTile--photo>.InfoTile-container{position:relative} .InfoTile--photo>.InfoTile-container::before{content:"";display:block;padding-top:75%} .InfoTile--gutter>.InfoTile-container>.Tile-area{margin:10px} .InfoTile--fixed>.InfoTile-container{width:250px;width:75vw} .ItemSocket{position:relative;display:inline-block;height:16px;width:16px} .ItemSocket-frame{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:center} .ItemSocket-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:contain} .ItemSocket--block{display:block} .ItemSocket--inline{display:table-cell;text-align:center;vertical-align:middle} .ItemSocket--META>.ItemSocket-frame{background-image:url(../components/ItemSocket/ItemSocket-meta.png)} .ItemSocket--PRISMATIC>.ItemSocket-frame{background-image:url(../components/ItemSocket/ItemSocket-prismatic.png)} .ItemSocket--COGWHEEL>.ItemSocket-frame{background-image:url(../components/ItemSocket/ItemSocket-cogwheel.png)} .Lightbox{display:none} .Photoswipe .Lightbox{display:block} .Lightbox-content{cursor:default;display:block} .Lightbox-button{color:#f8b700;cursor:pointer;position:absolute;padding:10px;-webkit-transition:color .2s ease;transition:color .2s ease;z-index:1} .Lightbox-button:hover{color:#fff} .Lightbox-close{color:#f8b700;cursor:pointer;position:absolute;padding:10px;-webkit-transition:color .2s ease;transition:color .2s ease;z-index:1;top:5px;right:5px} .Lightbox-close:hover{color:#fff} .Lightbox-back{color:#f8b700;cursor:pointer;position:absolute;padding:10px;-webkit-transition:color .2s ease;transition:color .2s ease;z-index:1;display:none;top:5px;left:-1px} .Lightbox-back:hover{color:#fff} .Lightbox-back .Lightbox-icon{float:left;margin-right:2px} .Lightbox-back-text{display:inline-block} .Lightbox--hasHistory .Lightbox-back{display:inline-block} .Lightbox-icon{pointer-events:none;line-height:0;display:block} .Lightbox-comic,.Lightbox-video{height:100%;left:0;position:absolute;top:0;width:100%;overflow:hidden} .Lightbox--video{background-color:#000;bottom:0;height:50.625vw;left:0;margin:auto;max-height:90vh;max-width:160vh;position:absolute;right:0;top:0;width:90vw;background:#000;-webkit-box-sizing:content-box!important;box-sizing:content-box!important;-webkit-transform:none;transform:none} .Lightbox--video .Lightbox-close{z-index:1;color:#fff;top:6px;right:6px} .Lightbox--comic{background-color:#000;height:calc(134.93253373vw + 64px);width:90vw;max-height:calc(90vh + 64px);max-width:60.03vh;min-height:510px;min-width:300px} @media (min-width:1024px){.Lightbox--comic{width:1024px;height:calc(1535.23px + 64px)} } .Lightbox--comic .Lightbox-close{display:none} .Lightbox--modal{background:#181818;border:1px solid #444;overflow:hidden;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:30px;width:340px} @media (min-width:720px){.Lightbox--modal{width:540px} } @media (min-width:980px){.Lightbox--modal{width:720px} } .Lightbox--modal.Lightbox--hasHistory{padding-top:60px} .Lightbox--comic,.Lightbox--video{border:1px solid #444;-webkit-box-shadow:5px 5px 100px rgba(0,0,0,.25),5px 5px 60px rgba(0,0,0,.25),5px 5px 20px rgba(0,0,0,.25);box-shadow:5px 5px 100px rgba(0,0,0,.25),5px 5px 60px rgba(0,0,0,.25),5px 5px 20px rgba(0,0,0,.25)} .Lightbox--modal{-webkit-box-shadow:5px 5px 100px rgba(0,0,0,.25),5px 5px 60px rgba(0,0,0,.25),5px 5px 20px rgba(0,0,0,.25);box-shadow:5px 5px 100px rgba(0,0,0,.25),5px 5px 60px rgba(0,0,0,.25),5px 5px 20px rgba(0,0,0,.25)} @media not all and (min-width:540px){.Lightbox--modal{width:100%;min-height:100%} .Lightbox--video{border:0;margin:0;width:100%;height:100%;max-width:100%;max-height:100%} .pswp__bg{opacity:1!important} } .pswp--fs .pswp__bg{opacity:1!important} .Lightbox--lightboxWide{border-right-width:0;border-left-width:0;width:100%;min-height:100%} @media (min-width:980px){.Lightbox--lightboxWide{border-right-width:1px;border-left-width:1px;max-width:1600px;width:97.5vw} } .Link{cursor:pointer} .Link>.Art{cursor:pointer} .Link[data-tab].is-selected:not(.is-toggle){cursor:default} .Link--inline{display:inline-block} .Link--block{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%} .Link--text{font-size:.9rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} @media (min-width:720px){.Link--text{font-size:1.02rem} } @media (min-width:1280px){.Link--text{font-size:1.2rem} } .Link--text:hover{text-decoration:underline} .Link--text>.Icon:first-child{margin-right:.3em} .Link--text>.Icon:last-child{margin-left:.3em} .Link--opacity{opacity:.4} .Link--opacity.is-selected{opacity:1} .Link--masked{pointer-events:none;display:block} .Link--hoverGoldLightBorder:hover .Link-child{border-color:#f8b700} .Link--underline{text-decoration:underline} .Link-icon{-webkit-transition:.2s all;transition:.2s all;-webkit-box-shadow:0 4px 5px -2px transparent;box-shadow:0 4px 5px -2px transparent} .Link:hover .Link-icon{border-color:#cacaca;-webkit-box-shadow:0 4px 5px -3px #333;box-shadow:0 4px 5px -3px #333} .LinkBox{text-align:center;position:relative;padding:30px;background:#211510;border:1px solid #504137;color:#ebdec2} .LinkBox:hover{border-color:#f8b700} .LinkBox.LinkBox--overlayDark{background:rgba(0,0,0,.75);border:1px solid #504137;margin:2px;-webkit-transition:background .2s,-webkit-box-shadow .2s;transition:background .2s,-webkit-box-shadow .2s;transition:background .2s,box-shadow .2s;transition:background .2s,box-shadow .2s,-webkit-box-shadow .2s} .LinkBox.LinkBox--overlayDark .LinkBox-title{color:#fff} .LinkBox.LinkBox--overlayDark:hover{background:#211510;-webkit-box-shadow:inset 0 -20px 0 -10px #f8b700;box-shadow:inset 0 -20px 0 -10px #f8b700;border-color:#f8b700} .LinkBox.LinkBox--overlayDark:hover .LinkBox-icon{color:#f8b700} .LinkBox.LinkBox--overlayDark:hover .LinkBox-title{color:#fff} .LinkBox.LinkBox--overlayDark:hover .LinkBox-desc{color:#ebdec2} .LinkBox-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1} .LinkBox-icon{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#f8b700;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .LinkBox-icon .Icon-svg{width:96px;height:96px} .LinkBox-icon.zh-cn,.zh-cn .LinkBox-icon{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .LinkBox-icon.ko-kr,.ko-kr .LinkBox-icon{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .LinkBox-icon.ru-ru,.ru-ru .LinkBox-icon{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .LinkBox-icon.zh-tw,.zh-tw .LinkBox-icon{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.LinkBox-icon{font-size:1.4688rem} } @media (min-width:1280px){.LinkBox-icon{font-size:1.728rem} } .LinkBox-title{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.296rem;line-height:1.5em;color:#f8b700} .LinkBox-title.zh-cn,.zh-cn .LinkBox-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .LinkBox-title.ko-kr,.ko-kr .LinkBox-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .LinkBox-title.ru-ru,.ru-ru .LinkBox-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .LinkBox-title.zh-tw,.zh-tw .LinkBox-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.LinkBox-title{font-size:1.4688rem} } @media (min-width:1280px){.LinkBox-title{font-size:1.728rem} } .LinkBox--containSmall .LinkBox-title{margin-left:auto;margin-right:auto;max-width:320px} .LinkBox--containSmall .LinkBox-desc{margin-left:auto;margin-right:auto;max-width:320px} .LinkBox--containMedium .LinkBox-title{margin-left:auto;margin-right:auto;max-width:540px} .LinkBox--containMedium .LinkBox-desc{margin-left:auto;margin-right:auto;max-width:540px} .LinkBox--containLarge .LinkBox-title{margin-left:auto;margin-right:auto;max-width:540px} .LinkBox--containLarge .LinkBox-desc{margin-left:auto;margin-right:auto;max-width:540px} .List{display:table;position:relative} .List>.List-item{vertical-align:middle} .List-item{display:table-cell;height:100%} .List--gutter{padding:20px} .List--gutterSmall{padding:10px} .List--guttersTiny{margin:-3.33px} .List--guttersTiny>.List-item{padding:3.33px} .List--guttersSmall{margin:-5px} .List--guttersSmall>.List-item{padding:5px} .List--gutters{margin:-10px} .List--gutters>.List-item{padding:10px} .List--guttersMedium{margin:-20px} .List--guttersMedium>.List-item{padding:20px!important} .List--gutter.List--gutters{padding:10px;margin:0} .List--bulleted>.List-item,.List--greenChecks>.List-item,.List--numbered>.List-item,.List--vertical>.List-item{display:block;height:auto} .List--full{width:100%} .List--fullFixed{table-layout:fixed} .List--left{margin-right:auto;text-align:left} .List--center{margin-left:auto;margin-right:auto;text-align:center} .List--right{margin-left:auto;text-align:right} .List--right.List--greenChecks>.List-item{padding-left:0;padding-right:2em;position:relative} .List--right.List--greenChecks>.List-item::before{display:none} .List--right.List--greenChecks>.List-item::after{background:url(../components/List/List-greenCheck.png) no-repeat 50% 50%;background-size:auto 16px;content:".";color:transparent;display:inline-block;right:0;position:absolute;text-indent:-9999px;top:0;width:18px} .List--right.List--bulleted>.List-item{padding-left:0;padding-right:2em;position:relative} .List--right.List--bulleted>.List-item::before{display:none} .List--right.List--bulleted>.List-item::after{background:url(../components/List/List-bullet-sprite.png) no-repeat 0 50%;content:".";color:transparent;display:inline-block;right:0;position:absolute;text-indent:-9999px;top:0;width:20px} .List--top>.List-item{vertical-align:top} .List--middle>.List-item{vertical-align:middle} .List--bottom>.List-item{vertical-align:bottom} .List--separator>.List-item{border:1px solid rgba(170,170,170,.4);border-width:0 0 0 1px} .List--separator>.List-item:first-child{border-width:0} .List--separatorAll>.List-item{border:1px solid rgba(170,170,170,.4);border-width:0 0 0 1px} .List--separatorAll>.List-item:last-child{border-width:0 1px 0 1px} .List-item--separator{border:1px solid rgba(170,170,170,.4);border-width:0 1px 0 0} .List-item--separatorBrownMedium{border-color:#352011} .List--separatorBrownMedium>.List-item{border-color:#352011} .List-item--separatorBrownLight{border-color:#504137} .List--separatorBrownLight>.List-item{border-color:#504137} .List-item--separatorGoldLight{border-color:#f8b700} .List--separatorGoldLight>.List-item{border-color:#f8b700} .List-item--separatorWhite{border-color:#fff} .List--separatorWhite>.List-item{border-color:#fff} .List--vertical.List--separator>.List-item{border-width:1px 0 0 0} .List--vertical.List--separator>.List-item:first-child{border-width:0} .List--vertical.List--separatorAll>.List-item{border-width:1px 0 0 0} .List--vertical.List--separatorAll>.List-item:last-child{border-width:1px 0 1px 0} .List--bulleted,.List--greenChecks,.List--numbered{margin-left:0;padding-left:0} .List--numbered>.List-item{counter-increment:counter-level0;padding-left:2em;position:relative} .List--numbered>.List-item::before{content:counter(counter-level0) ".";display:inline-block;font-weight:700;left:0;position:absolute;top:0} .List--numbered .List--numbered>.List-item{counter-increment:counter-level1;margin-left:2em} .List--numbered .List--numbered>.List-item::before{content:counter(counter-level1,lower-latin) "."} .List--numbered .List--numbered .List--numbered>.List-item{counter-increment:counter-level2} .List--numbered .List--numbered .List--numbered>.List-item::before{content:counter(counter-level2,lower-roman) "."} .List--bulleted>.List-item{padding-left:2em;position:relative} .List--bulleted>.List-item::before{background:url(../components/List/List-bullet-sprite.png) no-repeat 0 50%;content:".";display:inline-block;left:0;position:absolute;text-indent:-9999px;top:0;width:20px} .List--bulleted .List--bulleted>.List-item{margin-left:2em} .List--bulleted .List--bulleted>.List-item::before{background-position:-20px 50%} .List--bulleted .List--bulleted .List--bulleted>.List-item::before{background-position:-40px 50%} .List--bulletedOnDark>.List-item::before{background-position:-60px 50%} .List--bulletedOnDark .List--bulletedOnDark>.List-item::before{background-position:-80px 50%} .List--bulletedOnDark .List--bulletedOnDark .List--bulletedOnDark>.List-item::before{background-position:-100px 50%} .List--greenChecks>.List-item{padding:4px 0 4px 2em;position:relative} .List--greenChecks>.List-item::before{background:url(../components/List/List-greenCheck.png) no-repeat 50% 50%;background-size:auto 16px;content:".";display:inline-block;left:0;position:absolute;text-indent:-9999px;top:25%;width:18px} .List--greenChecks .List--greenChecks>.List-item{margin-left:2em} .List-item.List-item--greenCheck{padding:4px 0 0 30px;position:relative} .List-item.List-item--greenCheck::before{background:url(../components/List/List-greenCheck.png) no-repeat 50% 50%;background-size:auto 16px;content:".";display:inline-block;left:0;position:absolute;text-indent:-9999px;top:25%;width:18px} .List-item.List-item--greenUnchecked{padding:4px 0 0 30px;position:relative} .List-item.List-item--greenUnchecked::before{content:".";display:inline-block;left:0;position:absolute;text-indent:-9999px;top:4px;width:18px} .List.List--inline{display:block} .List--inline>.List-item{display:inline-block;width:100%} .List--middledMarks>.List-item::before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .ListTable{border:1px solid #ebdec2} .ListTable-item{background:#fff;color:#000;margin:0;padding:10px 20px;position:relative} .ListTable-item:nth-child(2n){background:#f3eee2} .ListTable-item--offline{color:#cacaca} .ListTable-key{float:left;font-weight:700;max-width:150px;padding-right:10px;width:50%} .ListTable-key--status{display:none} .ListTable-value--status{position:absolute;right:10px;top:9px} .GuildProfileRoster-contentColumn{position:relative;min-height:300px} .GuildProfileRoster-character{display:block} .GuildProfileRoster-header{font-size:16px} .ScrollAnchor-space{height:60vh} .ScrollAnchor-control{height:71px} .ScrollAnchor-icon{position:relative;margin:0 auto;width:48px;height:48px;cursor:pointer} .ScrollAnchor-border{position:absolute;top:0;left:0;border:0} .ScrollAnchor-bar{-webkit-transform:translateZ(0);transform:translateZ(0);height:71px;padding-top:10px} .SkipLink{background:#000} .SocialButtons-button{display:inline-block} .SocialButtons-link{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1);background:#b1997f;color:#fff;display:inline-block;margin:5px 10px 5px 0;padding:4px 16px;position:relative;line-height:2.2rem;cursor:pointer} .SocialButtons-link:hover{background:#f8b700} .SocialButtons-link *{pointer-events:none} .SocialButtons-link--facebook{background:#3a5795;padding-left:36px} .SocialButtons-link--facebook:hover{background:#25375e} .SocialButtons-link--twitter{background:#55acee;padding-left:41px} .SocialButtons-link--twitter:hover{background:#1689e0} .SocialButtons-link--vkontakte{background:#4d75a3;padding-left:50px} .SocialButtons-link--vkontakte:hover{background:#34506f} .SocialButtons-link--tencentqq{background:#ec5252;padding-left:38px} .SocialButtons-link--tencentqq:hover{background:#da1818} .SocialButtons-link--whatsapp{background:#25d366;padding-left:38px} .SocialButtons-link--whatsapp:hover{background:#1a9247} .SocialButtons-icon{left:0;position:absolute;top:0} .SocialButtons-icon--facebook{left:9px;margin-top:-9px;top:50%} .SocialButtons-icon--facebook>.Icon-svg{display:block;height:21px;width:21px} .SocialButtons-icon--twitter{left:8px;margin-top:-12px;top:50%} .SocialButtons-icon--twitter>.Icon-svg{display:block;height:24px;width:24px} .SocialButtons-icon--vkontakte{left:7px;margin-top:-19px;top:50%} .SocialButtons-icon--vkontakte>.Icon-svg{display:block;height:38px;width:38px} .SocialButtons-icon--tencentqq{left:7px;margin-top:-13px;top:50%} .SocialButtons-icon--tencentqq>.Icon-svg{display:block;height:26px;width:26px} .SocialButtons-icon--whatsapp{left:8px;margin-top:-11px;top:50%} .SocialButtons-icon--whatsapp>.Icon-svg{display:block;height:22px;width:22px} .SocialButtons--stacked .SocialButtons-button{display:block;margin:0;margin-bottom:20px} .SocialButtons--stacked .SocialButtons-link{margin:0;padding-top:8px;padding-bottom:8px;display:block} .SocialLinks{color:#ebdec2;text-align:center} @media (min-width:720px){.SocialLinks{display:table;position:relative;margin-left:auto;margin-right:auto;text-align:center} .SocialLinks>.List-item{vertical-align:middle} } .SocialLinks-title{text-transform:uppercase;font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;padding:10px 0} .SocialLinks-title.zh-cn,.zh-cn .SocialLinks-title{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .SocialLinks-title.ko-kr,.ko-kr .SocialLinks-title{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .SocialLinks-title.ru-ru,.ru-ru .SocialLinks-title{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .SocialLinks-title.zh-tw,.zh-tw .SocialLinks-title{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.SocialLinks-title{font-size:1.224rem} } @media (min-width:1280px){.SocialLinks-title{font-size:1.44rem} } @media (min-width:720px){.SocialLinks-links{display:table-cell;height:100%;padding:0 20px} } .SocialLinks-link{color:#f8b700;padding:0 10px;display:inline-block} .SocialLinks-link:hover{color:#fff} .SocialLinks--onLight{color:#211510} .SocialLinks--onLight>.SocialLinks-links .SocialLinks-link{color:#211510} .SocialLinks--stacked .SocialLinks-links{display:block;padding:10px 0} .SocialLinks--legion .SocialLinks-title{color:#fff} .SocialLinks--legion .SocialLinks-link{color:#13ff29} .SocialLinks--legion .SocialLinks-link:hover{color:#fff} .SocialLinks--ocho .SocialLinks-title{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#ede0c9 20%,#8a7e66 100%);background-size:1.3em 1.3em;background-position:top;color:#ede0c9;display:inline-block;line-height:1.3em;text-shadow:none;position:relative} .SocialLinks--ocho .SocialLinks-link{color:#cacaca} .SocialLinks--ocho .SocialLinks-link:hover{color:#fff} .SortTable{display:table;margin:0 auto} .SortTable-head{display:table-header-group} .SortTable-body{display:table-row-group} .SortTable-row{color:#b1997f;display:table-row} .SortTable--animated .SortTable-row{-webkit-transition:.5s all 0s cubic-bezier(.23,1,.32,1);transition:.5s all 0s cubic-bezier(.23,1,.32,1)} .SortTable-body .SortTable-row:nth-child(odd){background:rgba(255,255,255,.02)} .SortTable-row[disabled]{color:#cacaca} .SortTable-col{display:table-cell} .SortTable-col.is-hidden{display:none!important} .SortTable-label{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);white-space:nowrap;border:0;color:#f8b700;cursor:pointer;padding:1px;text-align:center;text-decoration:none;text-shadow:0 0 1px transparent,1px 1px 0 #000,1px 1px 0 #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:table-cell} .SortTable-label.zh-cn,.zh-cn .SortTable-label{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .SortTable-label.ko-kr,.ko-kr .SortTable-label{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .SortTable-label.ru-ru,.ru-ru .SortTable-label{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .SortTable-label.zh-tw,.zh-tw .SortTable-label{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.SortTable-label{font-size:1.224rem} } @media (min-width:1280px){.SortTable-label{font-size:1.44rem} } @media (min-width:980px){.SortTable-label{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1)} .SortTable-label:hover{color:#fff} } .SortTable-label:active .SortTable-labelOuter{top:0} .SortTable-label,.SortTable-labelOuter{padding-right:0} .SortTable-labelOuter{display:block;padding:1px;position:relative} .SortTable-labelInner{display:block;padding:13px 58px;position:relative} .SortTable-labelText{display:inline;position:relative;z-index:1;text-shadow:1px 1px 0 #000,1px 1px 0 #000} .SortTable-label:last-child,.SortTable-label:last-child .SortTable-labelOuter{padding-right:1px} .SortTable-labelInner,.SortTable-labelOuter{display:block;width:100%} .SortTable-label .SortTable-labelInner{padding-right:10px;padding-left:10px} .SortTable-label.is-sorted,.SortTable-label.is-sorted-reverse{color:#fff;position:relative} .SortTable-label.is-sorted .SortTable-labelText::after,.SortTable-label.is-sorted-reverse .SortTable-labelText::after{border-top:5px solid #f8b700;border-right:5px solid transparent;border-left:5px solid transparent;bottom:calc(25%);content:"";height:0;right:-15px;position:absolute;width:0} .SortTable-label.is-sorted-reverse .SortTable-labelText::after{border-top:none;border-bottom:5px solid #f8b700;bottom:auto;top:calc(45%)} .SortTable-data{border-top:1px solid rgba(255,255,255,.1);padding:10px;vertical-align:middle;position:relative} @media (min-width:720px){.SortTable-data{height:48px;padding:0 20px} } .SortTable--alignTop .SortTable-data{vertical-align:top} .SortTable--dataPadding .SortTable-data{padding:10px} .SortTable-row:nth-last-child(1):nth-child(odd) .SortTable-data{border-bottom:solid 1px rgba(255,255,255,.1)} .SortTable-row:nth-last-child(1):nth-child(even) .SortTable-data{border-bottom:0} .SortTable-status{vertical-align:middle} .SortTable.is-resizing .SortTable-col{display:inline-block!important;width:auto!important} .SortTable--flex{width:100%} .SortTable--stretch{width:100%} .SortTable--stretch .SortTable-col[data-priority="1"]{width:100%} .SortTable-row.SortTable-row--noDividers .SortTable-data{border-top:0} .SortTable-row:nth-last-child(1):nth-child(odd).SortTable-row--noDividers .SortTable-data{border-bottom:0} .SortTable-row.SortTable-row--tall .SortTable-data{padding-top:15px;padding-bottom:20px} .SortTable-row.SortTable-row--ghost{background:rgba(255,255,255,.02)} .SortTable-row--bordered>.SortTable-label{border-top:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1)} .SortTable-row--bordered>.SortTable-data{border-top:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1)} .SortTable-label--left{text-align:left} .SortTable-label--right{text-align:right} .SortTable-label--beige .SortTable-labelText{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .SortTable-label--beige .SortTable-labelText.zh-cn,.zh-cn .SortTable-label--beige .SortTable-labelText{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .SortTable-label--beige .SortTable-labelText.ko-kr,.ko-kr .SortTable-label--beige .SortTable-labelText{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .SortTable-label--beige .SortTable-labelText.ru-ru,.ru-ru .SortTable-label--beige .SortTable-labelText{font-family:"Open Sans",Arial,Helvetica,sans-serif} .SortTable-label--beige .SortTable-labelText.zh-tw,.zh-tw .SortTable-label--beige .SortTable-labelText{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.SortTable-label--beige .SortTable-labelText{font-size:.85rem} } @media (min-width:1280px){.SortTable-label--beige .SortTable-labelText{font-size:1rem} } .SortTable-label--white .SortTable-labelText{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .SortTable-label--white .SortTable-labelText.zh-cn,.zh-cn .SortTable-label--white .SortTable-labelText{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .SortTable-label--white .SortTable-labelText.ko-kr,.ko-kr .SortTable-label--white .SortTable-labelText{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .SortTable-label--white .SortTable-labelText.ru-ru,.ru-ru .SortTable-label--white .SortTable-labelText{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .SortTable-label--white .SortTable-labelText.zh-tw,.zh-tw .SortTable-label--white .SortTable-labelText{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.SortTable-label--white .SortTable-labelText{font-size:1.224rem} } @media (min-width:1280px){.SortTable-label--white .SortTable-labelText{font-size:1.44rem} } .SortTable-data.SortTable-data--bg>div{background-color:rgba(255,255,255,.08);width:35px;height:24px} .SortTable-data.SortTable-data--mediumBg>div{background-color:rgba(255,255,255,.08);width:26px;height:18px} .SortTable-data.SortTable-data--smallBg>div{background-color:rgba(255,255,255,.08);width:23px;height:17px} .SortTable--disabled .SortTable-label,.SortTable--disabled .SortTable-label:hover{color:#fff;cursor:default} .SortTable--disabled .SortTable-label.is-sorted .SortTable-labelText::after,.SortTable--disabled .SortTable-label.is-sorted-reverse .SortTable-labelText::after{display:none} @-webkit-keyframes spinneranim-orange{from{background-position:0} to{background-position:-160px} } @keyframes spinneranim-orange{from{background-position:0} to{background-position:-160px} } @-webkit-keyframes spinneranim-clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes spinneranim-clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @-webkit-keyframes spinneranim-donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)} 100%{-webkit-transform:rotate(0);transform:rotate(0)} } @keyframes spinneranim-donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)} 100%{-webkit-transform:rotate(0);transform:rotate(0)} } .Spinner{display:inline-block} .Spinner-orange{display:none} .Spinner-donut{display:none} .Spinner--orange .Spinner-orange{display:inline-block;width:20px;height:20px;background-image:url(../components/Spinner/Spinner-orange.png);-webkit-animation:spinneranim-orange .4s steps(8) infinite;animation:spinneranim-orange .4s steps(8) infinite} .Spinner--donut{width:14px;display:block} .Spinner--donut .Spinner-donut{display:inline-block} .Spinner--donut .Spinner-donut-icon{opacity:.75;width:14px;height:14px;margin:0;-webkit-animation:spinneranim-clockwise .5s linear infinite;animation:spinneranim-clockwise .5s linear infinite} .Spinner--donut .Spinner-donut-cut{position:relative;width:7px;height:14px;overflow:hidden;top:0;left:0} .Spinner--donut .Spinner-donut-donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0;-webkit-animation:spinneranim-donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:spinneranim-donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite} .Spinner--large.Spinner--orange .Spinner-orange{display:inline-block;width:32px;height:32px;background-image:url(../components/Spinner/Spinner-orange.png);background-size:cover;-webkit-animation:spinneranim-orange-large .4s steps(8) infinite;animation:spinneranim-orange-large .4s steps(8) infinite} .Spinner--large.Spinner--donut{width:64px} .Spinner--large.Spinner--donut .Spinner-donut-donut{border-width:4px} .Spinner--large.Spinner--donut .Spinner-donut-cut,.Spinner--large.Spinner--donut .Spinner-donut-donut,.Spinner--large.Spinner--donut .Spinner-donut-icon{width:64px;height:64px} .StatDetails-name,.StatDetails-rating-name{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .StatDetails-name.zh-cn,.StatDetails-rating-name.zh-cn,.zh-cn .StatDetails-name,.zh-cn .StatDetails-rating-name{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .StatDetails-name.ko-kr,.StatDetails-rating-name.ko-kr,.ko-kr .StatDetails-name,.ko-kr .StatDetails-rating-name{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .StatDetails-name.ru-ru,.StatDetails-rating-name.ru-ru,.ru-ru .StatDetails-name,.ru-ru .StatDetails-rating-name{font-family:"Open Sans",Arial,Helvetica,sans-serif} .StatDetails-name.zh-tw,.StatDetails-rating-name.zh-tw,.zh-tw .StatDetails-name,.zh-tw .StatDetails-rating-name{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.StatDetails-name,.StatDetails-rating-name{font-size:1.224rem} } @media (min-width:1280px){.StatDetails-name,.StatDetails-rating-name{font-size:1.44rem} } .StatDetails-body{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .StatDetails-body.zh-cn,.zh-cn .StatDetails-body{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .StatDetails-body.ko-kr,.ko-kr .StatDetails-body{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .StatDetails-body.ru-ru,.ru-ru .StatDetails-body{font-family:"Open Sans",Arial,Helvetica,sans-serif} .StatDetails-body.zh-tw,.zh-tw .StatDetails-body{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.StatDetails-body{font-size:1.02rem} } @media (min-width:1280px){.StatDetails-body{font-size:1.2rem} } span.StatDetails-name+span.StatDetails-basic-value,span.StatDetails-name+span.StatDetails-effective,span.StatDetails-rating-name+span.StatDetails-rating-value{padding-left:4px} .StatDetails-rating-name{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .StatDetails-rating-name.zh-cn,.zh-cn .StatDetails-rating-name{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .StatDetails-rating-name.ko-kr,.ko-kr .StatDetails-rating-name{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .StatDetails-rating-name.ru-ru,.ru-ru .StatDetails-rating-name{font-family:"Open Sans",Arial,Helvetica,sans-serif} .StatDetails-rating-name.zh-tw,.zh-tw .StatDetails-rating-name{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.StatDetails-rating-name{font-size:1.02rem} } @media (min-width:1280px){.StatDetails-rating-name{font-size:1.2rem} } .Status{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);display:inline-block!important} .Status.zh-cn,.zh-cn .Status{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Status.ko-kr,.ko-kr .Status{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Status.ru-ru,.ru-ru .Status{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Status.zh-tw,.zh-tw .Status{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Status{font-size:1.224rem} } @media (min-width:1280px){.Status{font-size:1.44rem} } .Status--smallGutter{padding:0 10px} .Status--smallGutter.gutter-vertical{padding:10px 0} .Status--smallGutter.gutter-all{padding:10px} .Status--smallGutter.gutter-negative{padding:0;margin:0 -10px} .Status--smallGutter.gutter-negative.gutter-vertical{margin:-10px 0} .Status--smallGutter.gutter-negative.gutter-all{margin:-10px} .Status--upper{text-transform:uppercase} .Status--live{background-color:#d21313} .Status--offline{background-color:#476371} .Sticky{position:relative} .Sticky::after{content:"";display:table;clear:both} .Sticky-content{position:relative} .Sticky.is-active .Sticky-content{position:fixed;top:0;left:0;right:0;z-index:2} .Sticky--reverse.is-active .Sticky-content{bottom:0;top:auto} body:not(.is-scrollLocked) .Sticky.is-active .Sticky-content{right:0!important} .GuildProfileSummary-member-spotlight{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .Tab{display:none} .Tab.is-selected{display:block} .Tab--inline.is-selected{display:inline-block} .Tab--hasLayout{display:block;left:-99999px;position:absolute;top:-99999px;visibility:hidden;width:100%} .Tab--hasLayout.is-selected{position:static;visibility:visible} .Tab--hasLayout.Tab--inline{display:inline-block} .Tab--hasLayout:not(.is-selected):not(.preload) *{background-image:none!important;-o-border-image:none!important;border-image:none!important} .Table{display:table;margin:0 auto;position:relative} .Table-head{display:table-header-group} .Table-noData{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);margin:12px auto;position:absolute;width:100%;max-width:600px;bottom:0;left:0} .Table-noData.zh-cn,.zh-cn .Table-noData{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Table-noData.ko-kr,.ko-kr .Table-noData{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Table-noData.ru-ru,.ru-ru .Table-noData{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Table-noData.zh-tw,.zh-tw .Table-noData{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Table-noData{font-size:1.224rem} } @media (min-width:1280px){.Table-noData{font-size:1.44rem} } .Table-body{display:table-row-group} .Table-row{color:#b1997f;display:table-row} .Table--animated .Table-row{-webkit-transition:.5s all 0s cubic-bezier(.23,1,.32,1);transition:.5s all 0s cubic-bezier(.23,1,.32,1)} .Table-row--empty{position:relative;height:100px} .Table-row--highlighted .Table-data{background-color:rgba(255,255,255,.1);border-top:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1)} .Table-row--highlighted .Table-data:first-of-type{border-left:solid 1px rgba(255,255,255,.1)} .Table-row--highlighted .Table-data:last-of-type{border-right:solid 1px rgba(255,255,255,.1)} .Table-row:nth-child(odd) .Table-data{background:rgba(255,255,255,.04)} .Table-row[disabled]{color:#cacaca} .Table-data{border-top:1px solid rgba(255,255,255,.1);padding:10px;vertical-align:middle;position:relative} @media (min-width:720px){.Table-data{height:40px;padding:0 10px} } .Table-col{display:table-cell} .Table-col.is-hidden{display:none!important} .Table-col--hardEdges{padding-left:0;padding-right:0} .Table-label{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);white-space:nowrap;border:0;color:#f8b700;cursor:pointer;padding:1px;text-align:center;text-decoration:none;text-shadow:0 0 1px transparent,1px 1px 0 #000,1px 1px 0 #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:table-cell} .Table-label.zh-cn,.zh-cn .Table-label{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Table-label.ko-kr,.ko-kr .Table-label{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Table-label.ru-ru,.ru-ru .Table-label{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .Table-label.zh-tw,.zh-tw .Table-label{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Table-label{font-size:1.224rem} } @media (min-width:1280px){.Table-label{font-size:1.44rem} } @media (min-width:980px){.Table-label{-webkit-transition:.25s all 0s cubic-bezier(.23,1,.32,1);transition:.25s all 0s cubic-bezier(.23,1,.32,1)} .Table-label:hover{color:#fff} } .Table-label:active .Table-labelOuter{top:0} .Table-label,.Table-labelOuter{padding-right:0} .Table-labelOuter{display:block;padding:1px;position:relative} .Table-labelInner{display:block;padding:13px 58px;position:relative} .Table-labelText{display:inline;position:relative;z-index:1;text-shadow:1px 1px 0 #000,1px 1px 0 #000} .Table-label:last-child,.Table-label:last-child .Table-labelOuter{padding-right:1px} .Table-labelInner,.Table-labelOuter{display:block;width:100%} .Table-label .Table-labelInner{padding-right:10px;padding-left:10px} .Table-label.is-sorted,.Table-label.is-sorted-reverse{color:#fff;position:relative} .Table-label.is-sorted .Table-labelText::after,.Table-label.is-sorted-reverse .Table-labelText::after{border-top:5px solid #f8b700;border-right:5px solid transparent;border-left:5px solid transparent;bottom:calc(25%);content:"";height:0;right:-15px;position:absolute;width:0} .Table-label.is-sorted-reverse .Table-labelText::after{border-top:none;border-bottom:5px solid #f8b700;bottom:auto;top:calc(45%)} .Table--alignTop .Table-data{vertical-align:top} .Table--dataPadding .Table-data{padding:10px} .Table-row:nth-last-child(1):nth-child(odd) .Table-data{border-bottom:solid 1px rgba(255,255,255,.1)} .Table-row:nth-last-child(1):nth-child(even) .Table-data{border-bottom:0} .Table-status{vertical-align:middle} .Table.is-resizing .Table-col{display:inline-block!important;width:auto!important} .Table--flex{width:100%} .Table--stretch{width:100%} .Table--stretch .Table-col[data-priority="1"]{width:100%} .Table-row.Table-row--noDividers .Table-data{border-top:0} .Table-row:nth-last-child(1):nth-child(odd).Table-row--noDividers .Table-data{border-bottom:0} .Table-row.Table-row--tall .Table-data{padding-top:15px;padding-bottom:20px} .Table-row.Table-row--ghost{background:rgba(255,255,255,.02)} .Table-row--bordered>.Table-label{border-top:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1)} .Table-row--bordered>.Table-data{border-top:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1)} .Table-label--left{text-align:left} .Table-label--right{text-align:right} .Table-label--beige .Table-labelText{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.5em;color:#ebdec2;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .Table-label--beige .Table-labelText.zh-cn,.zh-cn .Table-label--beige .Table-labelText{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Table-label--beige .Table-labelText.ko-kr,.ko-kr .Table-label--beige .Table-labelText{font-family:Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Table-label--beige .Table-labelText.ru-ru,.ru-ru .Table-label--beige .Table-labelText{font-family:"Open Sans",Arial,Helvetica,sans-serif} .Table-label--beige .Table-labelText.zh-tw,.zh-tw .Table-label--beige .Table-labelText{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Table-label--beige .Table-labelText{font-size:.85rem} } @media (min-width:1280px){.Table-label--beige .Table-labelText{font-size:1rem} } .Table-label--white .Table-labelText{font-family:"Semplicita Pro","Open Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5em;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)} .Table-label--white .Table-labelText.zh-cn,.zh-cn .Table-label--white .Table-labelText{font-family:Arial,Helvetica,"微软雅黑","Microsoft YaHei","Hei SC",sans-serif} .Table-label--white .Table-labelText.ko-kr,.ko-kr .Table-label--white .Table-labelText{font-family:"Nanum Gothic",Arial,Helvetica,"맑은 고딕","Malgun Gothic","애플산돌고딕네오",AppleSDGothicNeo,"애플고딕",AppleGothic,"돋움",Dotum,sans-serif} .Table-label--white .Table-labelText.ru-ru,.ru-ru .Table-label--white .Table-labelText{font-family:"Futura Demi","Open Sans",Arial,Helvetica,sans-serif} .Table-label--white .Table-labelText.zh-tw,.zh-tw .Table-label--white .Table-labelText{font-family:Arial,Helvetica,"黑體-繁","Heiti TC","微軟正黑","Microsoft JhengHei","Tei TC",sans-serif} @media (min-width:720px){.Table-label--white .Table-labelText{font-size:1.224rem} } @media (min-width:1280px){.Table-label--white .Table-labelText{font-size:1.44rem} } .Table-data.Table-data--bg>div{background-color:#2a4b71;width:35px;height:24px} .Table-data.Table-data--mediumBg>div{background-color:#2a4b71;width:26px;height:18px} .Table-data.Table-data--smallBg>div{background-color:#2a4b71;width:23px;height:17px} .Table--disabled .Table-label,.Table--disabled .Table-label:hover,.Table--disabled .Table-labelOuter{color:#fff;cursor:default} .Table--disabled .Table-label.is-sorted .Table-labelText::after,.Table--disabled .Table-label.is-sorted-reverse .Table-labelText::after{display:none} .Tags-tag,.Tags-title{display:inline-block;margin:3px 3px 0 0;text-transform:uppercase} .Tags-tag{color:#f8b700;padding:0 8px} .Tags-tag:hover{text-decoration:underline} /* .GameIcon--NECROLORD .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/ui_sigil_necrolord.88bb181ea6e2a8e84517a802d0cb4d6d.png)} .GameIcon--NIGHTFAE .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/ui_sigil_nightfae.be9579614df67d52c0131d939a271933.png)} .GameIcon--KYRIAN .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/ui_sigil_kyrian.8b4941fc08b3c7a6fc6009a1a2ee28c3.png)} .GameIcon--VENTHYR .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/ui_sigil_venthyr.c936f513fd8360b67f98ae131e224cc4.png)} .GameIcon--NECROLORD--bordered .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/ui_sigil_necrolord_circle.544393be074d777317183f5600d62e1b.png)} .GameIcon--NIGHTFAE--bordered .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/ui_sigil_nightfae_circle.5872605a69525dd684ae070a78f384bd.png)} .GameIcon--KYRIAN--bordered .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/ui_sigil_kyrian_circle.7209662c3591446a26461e3db2647897.png)} .GameIcon--VENTHYR--bordered .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/ui_sigil_venthyr_circle.6a35b60c9d1f6ca79589d67d525f81c5.png)} .GameIcon--WARRIOR .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-warrior.f9310c779f51ca1611930f9eb86bdeca.jpg)} .GameIcon--WARLOCK .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-warlock.dcbbb3e8f5e2c3af8f0c5f5baa71bb38.jpg)} .GameIcon--SHAMAN .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-shaman.40a418365a413ef0461d33237893935e.jpg)} .GameIcon--ROGUE .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-rogue.0a5602d9729ecdbc3172825aeff16fd5.jpg)} .GameIcon--PRIEST .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-priest.09fd89f3873d109e57fa5b7432ca8271.jpg)} .GameIcon--PALADIN .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-paladin.757b9e4cc4307ea896a837427d298dbf.jpg)} .GameIcon--MONK .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-monk.870f768c07bd258d02e4e37342901d93.jpg)} .GameIcon--MAGE .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-mage.b7bef9b6851bfff0f651ad096e3acf8a.jpg)} .GameIcon--HUNTER .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-hunter.5d71a070acda3d216034bf5316b954e4.jpg)} .GameIcon--DRUID .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-druid.df841860a62527c6f58aaed88949d622.jpg)} .GameIcon--DEATHKNIGHT .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-death-knight.678f39727d295e7f6c822bfb59221631.jpg)} .GameIcon--DEMONHUNTER .GameIcon-icon{ background-image:url(https://assets.worldofwarcraft.com/static/components/GameIcon/GameIcon-class-demon-hunter.43fb9b4b59dd51367eca4acf58008726.jpg)} */ .CharacterHeader--horizontal{display:table;position:relative} .CharacterHeader--horizontal>.List-item{vertical-align:middle} .CharacterHeader--horizontal .CharacterHeader-character{margin-bottom:0} .CharacterHeader--horizontal .CharacterHeader-nameTitle{padding-right:20px;margin-right:20px;border-right:1px solid hsla(0,0%,100%,.2)} @media (min-width:540px){.CharacterHeader{display:table;position:relative} .CharacterHeader>.List-item{vertical-align:middle} .CharacterHeader .CharacterHeader-character{margin-bottom:0} .CharacterHeader .CharacterHeader-nameTitle{padding-right:20px;margin-right:20px;border-right:1px solid hsla(0,0%,100%,.2)} } @media (min-width:1280px){.CharacterHeader-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} } .CharacterHeader-outdatedWarning{color:#ebdec2;margin-bottom:15px} @media (min-width:1280px){.CharacterHeader-outdatedWarning{margin-bottom:10px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:20px;text-align:right;max-width:500px} } .CharacterHeader-info{display:table-cell;vertical-align:middle;height:100%} .CharacterHeader-character{display:table;position:relative;margin-bottom:10px} .CharacterHeader-character>.List-item{vertical-align:middle} .CharacterHeader-title{font-size:1.08rem;line-height:1.5;font-family:Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;color:#fff;text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);font-weight:700;max-width:350px} @media (min-width:720px){.CharacterHeader-title{font-size:1.224rem} } @media (min-width:1280px){.CharacterHeader-title{font-size:1.44rem} } .CharacterHeader-title.zh-cn,.zh-cn .CharacterHeader-title{font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif} .CharacterHeader-title.ko-kr,.ko-kr .CharacterHeader-title{font-family:Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif} .CharacterHeader-title.ru-ru,.ru-ru .CharacterHeader-title{font-family:Futura Demi,Open Sans,Arial,Helvetica,sans-serif} .CharacterHeader-title.zh-tw,.zh-tw .CharacterHeader-title{font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif} .CharacterHeader-logoArea{vertical-align:middle;height:100%;display:none} @media (min-width:720px){.CharacterHeader-logoArea{display:block} } .CharacterHeader-logo.Logo--alliance,.CharacterHeader-logo.Logo--horde{margin-right:20px} .CharacterHeader-nameArea{display:table-cell;vertical-align:middle;height:100%} .CharacterHeader-name{font-family:Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;font-weight:700;font-size:2.2395rem;line-height:1.5;line-height:1em} .CharacterHeader-name.zh-cn,.zh-cn .CharacterHeader-name{font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif} .CharacterHeader-name.ko-kr,.ko-kr .CharacterHeader-name{font-family:Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif} .CharacterHeader-name.ru-ru,.ru-ru .CharacterHeader-name{font-family:Futura Demi,Open Sans,Arial,Helvetica,sans-serif} .CharacterHeader-name.zh-tw,.zh-tw .CharacterHeader-name{font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif} @media (min-width:720px){.CharacterHeader-name{font-size:2.5381rem} } @media (min-width:1280px){.CharacterHeader-name{font-size:2.986rem} } .CharacterHeader--DEATHKNIGHT .CharacterHeader-name{color:#c41e3b} .CharacterHeader--DEMONHUNTER .CharacterHeader-name{color:#a330c9} .CharacterHeader--DRUID .CharacterHeader-name{color:#ff7c0a} .CharacterHeader--HUNTER .CharacterHeader-name{color:#aad372} .CharacterHeader--MAGE .CharacterHeader-name{color:#68ccef} .CharacterHeader--MONK .CharacterHeader-name{color:#00ffba} .CharacterHeader--PALADIN .CharacterHeader-name{color:#f48cba} .CharacterHeader--PRIEST .CharacterHeader-name{color:#f0ebe0} .CharacterHeader--ROGUE .CharacterHeader-name{color:#fff468} .CharacterHeader--SHAMAN .CharacterHeader-name{color:#2359ff} .CharacterHeader--WARLOCK .CharacterHeader-name{color:#9382c9} .CharacterHeader--WARRIOR .CharacterHeader-name{color:#c69b6d} .CharacterHeader-media{text-transform:uppercase} .CharacterHeader-media .Media-image{padding-right:4px} .CharacterHeader-links{display:table;position:relative;font-size:1.296rem;line-height:1.5;color:#f8b700;margin:-10px} .CharacterHeader-links>.List-item{vertical-align:middle} @media (min-width:720px){.CharacterHeader-links{font-size:1.4687999999999999rem} } @media (min-width:1280px){.CharacterHeader-links{font-size:1.728rem} } .CharacterHeader-links>*{display:table-cell;vertical-align:middle;height:100%;padding:10px} .CharacterHeader-details{font-size:1rem;line-height:1.5} @media (min-width:720px){.CharacterHeader-details{font-size:1.02rem} } @media (min-width:1280px){.CharacterHeader-details{font-size:1.2rem} } .CharacterHeader-detail{display:inline-block} .CharacterCovenantTooltip-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .CharacterCovenantTooltip .CharacterCovenantTooltip-sigil{margin-right:8px} .CovenantRank{position:relative;padding-left:0} .CovenantRank-sigil{position:absolute;left:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .CovenantRank-rank{padding-left:40px;line-height:29px;padding-bottom:1px} @media (min-width:980px){.CovenantRank-rank{line-height:30px} } .Icon-svg:not(.Icon--color) { fill: white; } .Media--tiny .Icon-svg, .Media--tiny .Media-icon, .Media--tiny .Media-image { width: 16px; height: 16px; } .Media-icon { display: inline-block; } .Media-image { display: table-cell; text-align: center; vertical-align: middle; width: 48px; height: 48px; } .GuildProfileHeader-stats{ width:40%; } .GuildProfileHeader-info, .GuildProfileHeader {width:100%;} .GuildProfileHeader-stat .Media--flush .Media-text { padding-left: 4px; } .Media--flush .Media-text { padding: 0; } .Media-text { padding: 0 10px; display: table-cell; vertical-align: middle; } .GuildProfileHeader-logo { min-width: 77.5px; min-height: 77.5px; } .GuildCrest { z-index: 0; position: relative; -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1) 0s; transition: opacity .3s cubic-bezier(.23,1,.32,1) 0s; background-color: #504137; background-image: linear-gradient(45deg,#352011,#504137,#352011); border-radius: 50%; display: inline-block; overflow: hidden; width: 96px; height: 96px; } .GuildCrest-image { background-size: 75px; background-position: 50%; border: 1px solid #211510; border-radius: 50%; position: absolute; bottom: 3%; left: 4%; right: 4%; top: 3%; } .GuildCrest-overlay-texture { background: url(../assets/images/guild/Crest-texture.df186ebcbb530fb43053c2a959954bd2.png) no-repeat 0 0; background-size: 100%; width: 135%; height: 135%; position: absolute; left: -17%; top: 7%; opacity: .6; } .GuildCrest-overlay-border { background: url(../assets/images/guild/Crest-default.ad9e69945083b898709c55d68b24bc23.png) no-repeat 0 0; background-size: cover; width: 118px; height: 118px; position: absolute; left: -11%; top: -11%; }