@font-face{
font-family:'Material Icons';
font-style:normal;
font-weight:400;
src:url(/rc/mi/MaterialIcons-Regular.eot);
src:local('Material Icons'),
local('MaterialIcons-Regular'),
url(/rc/mi/MaterialIcons-Regular.woff2) format('woff2'),
url(/rc/mi/MaterialIcons-Regular.woff) format('woff'),
url(/rc/mi/MaterialIcons-Regular.ttf) format('truetype');
font-display:swap;
}
/* source-sans-pro-regular - latin */
@font-face{
font-family:'Source Sans Pro';
font-style:normal;
font-weight:400;
src:url('/rc/ssp/source-sans-pro-v11-latin-regular.eot');
src:local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
url('/rc/ssp/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'),
url('/rc/ssp/source-sans-pro-v11-latin-regular.woff2') format('woff2'),
url('/rc/ssp/source-sans-pro-v11-latin-regular.woff') format('woff'),
url('/rc/ssp/source-sans-pro-v11-latin-regular.ttf') format('truetype'),
url('/rc/ssp/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg');
font-display:swap;
}
/* source-sans-pro-italic - latin */
@font-face{
font-family:'Source Sans Pro';
font-style:italic;
font-weight:400;
src:url('/rc/ssp/source-sans-pro-v11-latin-italic.eot');
src:local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
url('/rc/ssp/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'),
url('/rc/ssp/source-sans-pro-v11-latin-italic.woff2') format('woff2'),
url('/rc/ssp/source-sans-pro-v11-latin-italic.woff') format('woff'),
url('/rc/ssp/source-sans-pro-v11-latin-italic.ttf') format('truetype'),
url('/rc/ssp/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg');
font-display:swap;
}
/* source-sans-pro-700 - latin */
@font-face{
font-family:'Source Sans Pro';
font-style:normal;
font-weight:700;
src:url('/rc/ssp/source-sans-pro-v11-latin-700.eot'); 
src:local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
url('/rc/ssp/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'),
url('/rc/ssp/source-sans-pro-v11-latin-700.woff2') format('woff2'),
url('/rc/ssp/source-sans-pro-v11-latin-700.woff') format('woff'),
url('/rc/ssp/source-sans-pro-v11-latin-700.ttf') format('truetype'),
url('/rc/ssp/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg');
font-display:swap;
}
/* source-sans-pro-700italic - latin */
@font-face{
font-family:'Source Sans Pro';
font-style:italic;
font-weight:700;
src:url('/rc/ssp/source-sans-pro-v11-latin-700italic.eot');
src:local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
url('/rc/ssp/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'),
url('/rc/ssp/source-sans-pro-v11-latin-700italic.woff2') format('woff2'),
url('/rc/ssp/source-sans-pro-v11-latin-700italic.woff') format('woff'),
url('/rc/ssp/source-sans-pro-v11-latin-700italic.ttf') format('truetype'),
url('/rc/ssp/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg');
font-display:swap;
}
/* trade-winds-regular - latin */
@font-face{
font-family:'Trade Winds';
font-style:normal;
font-weight:400;
src:url('/rc/tw/trade-winds-v6-latin-regular.eot');
src:local('Trade Winds'), local('TradeWinds'),
url('/rc/tw/trade-winds-v6-latin-regular.eot?#iefix') format('embedded-opentype'),
url('/rc/tw/trade-winds-v6-latin-regular.woff2') format('woff2'),
url('/rc/tw/trade-winds-v6-latin-regular.woff') format('woff'),
url('/rc/tw/trade-winds-v6-latin-regular.ttf') format('truetype'),
url('/rc/tw/trade-winds-v6-latin-regular.svg#TradeWinds') format('svg');
font-display:swap;
}
/* roboto-mono-regular - latin */
@font-face{
font-family:'Roboto Mono';
font-style:normal;
font-weight:400;
src:url('/rc/rm/roboto-mono-v12-latin-regular.eot');
src:local(''),
url('/rc/rm/roboto-mono-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
url('/rc/rm/roboto-mono-v12-latin-regular.woff2') format('woff2'),
url('/rc/rm/roboto-mono-v12-latin-regular.woff') format('woff'),
url('/rc/rm/roboto-mono-v12-latin-regular.ttf') format('truetype'),
url('/rc/rm/roboto-mono-v12-latin-regular.svg#RobotoMono') format('svg');
font-display:swap;
}
/* roboto-mono-700 - latin */
@font-face{
font-family:'Roboto Mono';
font-style:normal;
font-weight:700;
src:url('/rc/rm/roboto-mono-v12-latin-700.eot');
src:local(''),
url('/rc/rm/roboto-mono-v12-latin-700.eot?#iefix') format('embedded-opentype'),
url('/rc/rm/roboto-mono-v12-latin-700.woff2') format('woff2'),
url('/rc/rm/roboto-mono-v12-latin-700.woff') format('woff'),
url('/rc/rm/roboto-mono-v12-latin-700.ttf') format('truetype'),
url('/rc/rm/roboto-mono-v12-latin-700.svg#RobotoMono') format('svg');
font-display:swap;
}
/* roboto-mono-italic - latin */
@font-face{
font-family:'Roboto Mono';
font-style:italic;
font-weight:400;
src:url('/rc/rm/roboto-mono-v12-latin-italic.eot');
src:local(''),
url('/rc/rm/roboto-mono-v12-latin-italic.eot?#iefix') format('embedded-opentype'),
url('/rc/rm/roboto-mono-v12-latin-italic.woff2') format('woff2'),
url('/rc/rm/roboto-mono-v12-latin-italic.woff') format('woff'),
url('/rc/rm/roboto-mono-v12-latin-italic.ttf') format('truetype'),
url('/rc/rm/roboto-mono-v12-latin-italic.svg#RobotoMono') format('svg');
font-display:swap;
}
/* roboto-mono-700italic - latin */
@font-face {
font-family:'Roboto Mono';
font-style:italic;
font-weight:700;
src:url('/rc/rm/roboto-mono-v12-latin-700italic.eot');
src:local(''),
url('/rc/rm/roboto-mono-v12-latin-700italic.eot?#iefix') format('embedded-opentype'),
url('/rc/rm/roboto-mono-v12-latin-700italic.woff2') format('woff2'),
url('/rc/rm/roboto-mono-v12-latin-700italic.woff') format('woff'),
url('/rc/rm/roboto-mono-v12-latin-700italic.ttf') format('truetype'),
url('/rc/rm/roboto-mono-v12-latin-700italic.svg#RobotoMono') format('svg');
font-display:swap;
}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
body{ 
color:#ddd;
margin:0px;
padding:0px;
font:16px/30px "Source Sans Pro",Arial,Verdana,sans-serif !important;
-webkit-tap-highlight-color:transparent;
background:#000;
}
:focus{
outline:none;
background:#47341f;
-webkit-animation:3s linear 1.5s forwards kfFocusFade;
animation:3s linear 1.5s forwards kfFocusFade;
}
a{color:#cdf;text-decoration:none}
a:hover{color:#fff;text-decoration:underline}
input,textarea{font:16px/36px "Source Sans Pro",Arial,Verdana,sans-serif !important;border-radius:0;-webkit-appearance:none}
input:-webkit-autofill,textarea:-webkit-autofill{
-webkit-text-fill-color:#ddd !important;
-webkit-box-shadow:0 0 0px 30px #16130f inset;
}
.material-icons{
font-family:'Material Icons';
font-weight:normal;
font-style:normal;
font-size:24px; /* Preferred icon size */
display:inline-block;
line-height:1;
text-transform:none;
letter-spacing:normal;
word-wrap:normal;
white-space:nowrap;
direction:ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing:antialiased;
/* Support for Safari and Chrome. */
text-rendering:optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing:grayscale;
/* Support for IE. */
font-feature-settings:'liga';
}
#pTitle .contain{position:relative}
.bg{
position:fixed; 
top:-50%; 
left:-50%; 
width:200%; 
height:200%;
z-index:-999
}
.bgImg{
position:absolute; 
top:0; 
left:0; 
right:0; 
bottom:0; 
margin:auto; 
min-width:50%;
min-height:50%
}
.tradeWind{font:32px/64px 'Trade Winds'}
.pageLvL{
display:inline-block;
white-space:nowrap;
overflow:hidden;
-webkit-animation:.65s linear 0s forwards kfPageHide;
animation:.65s linear 0s forwards kfPageHide;
}
.pageTitle{
display:inline-block;
width:100%;
white-space:nowrap;
overflow:hidden;
}
.pageSub1{
font-family:'Trade Winds';
font-size:24px;
line-height:24px;
padding:12px 0px 0px 2px;
}
.pageSub2{
font-size:16px;
line-height:16px;
padding-bottom:12px;
margin-left:16px
}
.pageQuick,.pageQuickAll{
position:absolute;
top:24px;
height:40px;
right:0px
}
.pageQuick a,.pageQuickAll a{
display:inline-block;
line-height:40px;
padding:0px 1em
}
.pageQuick a:hover,.pageQuickAll a:hover{text-decoration:none;background:#47341f}
@-webkit-keyframes kfPageHide{
0%{width:100%}
100%{width:0%}
}
@keyframes kfPageHide{
0%{width:100%}
100%{width:0%}
}
.contain{margin:auto;width:100%;max-width:1280px}
.menuBar{
position:fixed;
top:0px;
height:48px;
line-height:48px;
overflow:hidden;
background:#16130f;
z-index:2
}
.menuWrap{display:inline-block;line-height:48px;}
.menuWrap:hover div{background:#47341f}
.menuWrap:hover .menuBut{background:#543c22}
.menuWrap a,.menuButRight a{color:#ddd}
.menuWrap a:hover,.menuButRight a:hover{text-decoration:none}
.menuRight{
position:absolute;
top:0px;
right:0px;
height:48px;
overflow:hidden;
}
.menuButRight{
display:inline-block;
text-align:center;
width:48px;
height:48px;
font-family:'Material Icons';
font-size:24px;
background:#282016;
cursor:pointer;
}
.menuButRight:hover{background:#543c22}
.menuSearch{
position:absolute;
top:6px;
right:101px;
margin:0px;
padding:0px 6px;
width:180px;
height:36px;
text-align:right;
color:#ddd;
border:1px solid #543c22;
border-top:0px;
border-left:0px;
background:transparent;
}
.menuSearch:hover,.menuSearch:focus{
background:#47341f;
-webkit-animation:none;
animation:none;
}
.flxWrap{
display:inline-block;
height:48px;
line-height:48px;
}
.menuWrap,.subWrap,.butWrap{
display:inline-block;
width:160px;
height:48px;
line-height:48px;
}
.butWrap,.flxWrap{border:1px solid #543c22;background:#16130f}
.menuBut,.subBut,.butBut,.idxBut,.flxBut{
position:absolute;
font-family:'Material Icons';
font-size:24px;
width:48px;
height:48px !important;
text-align:center;
background:#282016;
}
.flxTxt{
display:inline-block;
line-height:48px;
margin-left:48px;
text-align:left;
}
.menuTxt,.subTxt,.butTxt{
display:inline-block;
line-height:48px;
margin-left:48px;
width:112px !important;
height:48px !important;
text-align:left;
}
.idxBut{
position:absolute;
top:0px;
line-height:48px;
z-index:1;
cursor:pointer;
}
.idxBut a{color:#fff;text-decoration:none}
.menuBut a,.subBut a,.butBut a,.menuButRight a,.flxBut a{display:inline-block;width:48px;height:48px;}
.flxTxt a{display:inline-block;padding:0px 16px;}
.menuTxt a,.subTxt a,.butTxt a{
display:inline-block;
width:96px !important;
height:48px !important;
padding-left:16px;
}
.menuWrap:hover div,.subWrap:hover div,.butWrap:hover div,.flxWrap:hover div{background:#47341f}
.menuWrap:hover .menuBut,.subWrap:hover .subBut,.butWrap:hover .butBut,.flxWrap:hover .flxBut{background:#543c22}
.menuWrap a,.subWrap a,.butWrap a,.flxWrap a{color:#ddd}
.menuWrap a:hover,.subWrap a:hover,.butWrap a:hover,.flxWrap a:hover{text-decoration:none}
#mSearch{margin-right:48px}
#mLogin{position:absolute;right:0px}
#searchConsole{
position:fixed;
top:0px;
padding-top:48px;
width:100%;
-webkit-transform:translateY(-110%);
transform:translateY(-110%)
}
#searchConsole:focus{background:transparent}
#searchResultWrap{
float:right;
text-align:right;
min-width:320px;
max-width:1280px;
border-top:1px solid #543c22;
border-bottom:2px solid #543c22;
background:#16130f
}
#searchResultWrap .subWrap .subTxt{text-align:left}
#searchResult{max-height:614px;overflow:hidden;}
.searchEmpty{text-align:center;line-height:48px;font-style:italic;}
.inputWrap{
display:inline-block;
width:50%;
height:48px;
padding-right:12px;
background:#16130f
}
.inputBut{
margin:0px;
color:#ddd;
width:108px;
height:46px;
border:1px solid #543c22;
background:#282016;
cursor:pointer;
}
.searchMain,.cBlockInput,.cBlockInputSml{
width:100%;
height:36px;
margin:6px 0px;
padding:0px 1em;
color:#ddd !important;
border:1px solid #543c22;
border-top:0px;
border-left:0px;
background:#16130f;
box-sizing:border-box
}
.cBlockInputSml{width:128px}
.cBlockInput,.cBlockInputSml{margin:0px}
.inputBut:hover,.searchMain:hover,.cBlockInput:hover,.cBlockInputSml:hover{background:#47341f}
#catch{
position:fixed;
top:0px;
right:0px;
bottom:0px;
left:0px;
background:#16130f;
opacity:0;
}
.catchGone{display:none}
.catchShow{
-webkit-animation:400ms forwards kfCatchShow;
animation:400ms forwards kfCatchShow;
}
.catchHide{
-webkit-animation:200ms forwards kfCatchHide;
animation:200ms forwards kfCatchHide;
}
@-webkit-keyframes kfCatchShow{
0%{opacity:0}
100%{opacity:0.8}
}
@keyframes kfCatchShow{
0%{opacity:0}
100%{opacity:0.8}
}
@-webkit-keyframes kfCatchHide{
0%{opacity:0.8}
100%{opacity:0}
}
@keyframes kfCatchHide{
0%{opacity:0.8}
100%{opacity:0}
}
#subClose a,#memberClose a,#searchClose a{color:#f4a442}
#menuConsole{
position:fixed;
top:0px;
border:2px solid #543c22;
border-top:0px;
border-right:0px;
border-left:0px;
padding-top:48px;
overflow:hidden;
background:#16130f;
cursor:pointer;
-webkit-transform:translateY(-110%);
transform:translateY(-110%);
}
#menuConsole:focus{background:transparent}
#memberConsole{
position:fixed;
top:0px;
padding-top:48px;
width:100%;
-webkit-transform:translateY(-110%);
transform:translateY(-110%);
}
#memberConsole:focus{background:transparent}
.memberWrap{
float:right;
max-width:160px;
border-top:1px solid #543c22;
border-bottom:2px solid #543c22;
overflow:hidden;
background:#16130f
}
.menuShow{
z-index:1;
-webkit-animation:400ms forwards kfMenuShow;
animation:400ms forwards kfMenuShow;
}
.menuHide{
z-index:1;
-webkit-animation:200ms forwards kfMenuHide;
animation:200ms forwards kfMenuHide;
}
@-webkit-keyframes kfMenuShow{
0%{transform:translateY(-110%)}
100%{transform:translateY(0%);-webkit-transform:translateZ(0)}
}
@keyframes kfMenuShow{
0%{transform:translateY(-110%)}
100%{transform:translateY(0%)}
}
@-webkit-keyframes kfMenuHide{
0%{transform:translateY(0%)}
100%{transform:translateY(-110%)}
}
@keyframes kfMenuHide{
0%{transform:translateY(0%)}
100%{transform:translateY(-110%)}
}
#menuContain{border-top:1px solid #543c22;max-width:640px}
#subDonate a{color:#3af29f}
.repUp{font:16px/48px "Source Sans Pro",Arial,Verdana,sans-serif;background:#044414}
.repDown{font:16px/48px "Source Sans Pro",Arial,Verdana,sans-serif;background:#440414}
.searchWrap{
display:inline-block;
width:160px;
/*height:160px;*/
overflow:hidden;
white-space:nowrap;
}
.searchImg{overflow:hidden;width:160px;height:96px}
.searchImg img{margin-top:-12px}
.searchTxt{ 
text-align:left;
padding-left:0.8em;
font-size:0.8em;
line-height:24px;
height:48px;
}
.searchWrap:hover .searchTxt{background:#47341f}
.tBar{
margin-top:48px;
height:64px;
overflow:hidden;
border:solid #56585d;
border-width:1px 0px 1px 0px;
background:#000 url('/img/title_bg.jpg') repeat-x
}
.footBlock{display:inline-block;text-align:left}
.footBlock a{text-decoration:none;color:#fff}
.footBlock a:focus{
background:transparent;
-webkit-animation:none;
animation:none
}
.footWrapTall{min-height:70vh}
.footWrapMid{min-height:50vh}
.footWrap{min-height:30vh}
.footSticky{
position:sticky;
margin-top:0px;
text-align:center;
height:64px;
bottom:18px
}
@-webkit-keyframes kfFocusFade{
0%{background:#47341f}
100%{background:transparent}
}
@keyframes kfFocusFade{
0%{background:#47341f}
100%{background:transparent}
}
#mapPromo{
display:inline-block;
width:50%;
max-width:640px;
vertical-align:top
}
#mapPromo img{display:block;width:100%}
#mapMain{display:inline-block;width:50%;vertical-align:top}
.trmId{height:48px}
.trm{padding:1em}
.mapPromoNoScroll{position:fixed;top:48px}
.mapMainNoScroll{margin-left:50%}
.mapMainText{padding:0px 1em 2em 1em}
.mapReviewBody{padding-bottom:1em}
.mapRowInfo{padding:0px 1em 0px 1em}
.mapReview p{margin:0px;padding:0.5em 1em}
.mapRowInfo:hover,.mapReview p:hover,.mapReview li:hover,.trm:hover{background:#16130f}
.mapDlTxtLeft, .mapDlTxtRight{
display:inline-block;
box-sizing:border-box;
vertical-align:middle;
width:50%;
line-height:44px;
padding:0px 1em 0px 1em;
white-space:nowrap;
overflow:hidden;
}
.mapDlTxtLeft{text-align:right}
.mapHead{line-height:48px;padding:0px 1em;font-weight:bold;}
.mapComm{padding:0px 1em 0px 1em;overflow:hidden;}
.mapCommMem, .mapCommUnr{
position:relative;
height:64px;
line-height:32px;
white-space:nowrap;
overflow:hidden;
margin:0px -1em;
padding:0px 1em;
background:rgba(11,10,8,0.5);
}
.mapCommAnc{position:absolute;top:-48px;}
.mapCommMem img{
display:inline-block;
vertical-align:top;
width:64px;
height:64px;
}
.mapCommName{
display:inline-block;
line-height:32px;
height:64px;
margin-left:1em;
}
.mapCommName i,.mapCommUnr i{font-size:0.8em;padding-left:1em;}
.mapCommOp{
position:absolute;
top:33px;
right:0px;
height:32px;
line-height:32px;
font-size:0.8em;
overflow:hidden;
}
.mapCommPost{padding:1em 0px}
.mapCommVote{padding:0px 0px 1em 0px;text-align:right;border-bottom:2px solid #543c22}
.mapCommAOwn,.mapCommDOwn{padding:.8em}
.mapCommA,.mapCommD{color:#cdf;padding:0.8em}
.mapCommD,.mapCommDOwn{margin-right:-0.8em}
.mapCommOp a{text-decoration:none;padding:10px}
.mapCommA:hover,.mapCommD:hover,.mapCommOp a:hover{background:#47341f;cursor:pointer}
.mapHead:hover, .mapComm:hover { background:#16130f }
.mapComm:hover .mapCommMem, .mapComm:hover .mapCommUnr { background:#282016 }
#commAddWrap .cBlockInput{border:1px solid #543c22;}
#mapReport,#mapEd{font-weight:normal}
#commAdd,#mapReport,#mapEd{float:right;color:#cdf;cursor:pointer;}
#commAdd:hover,#mapReport:hover,#mapEd:hover{color:#fff;text-decoration:underline;}
#commPreviewWrap,#commAddWrap,#commAddSubmit{display:none}
.commRowBut{line-height:48px;height:64px}
.commRowOp{text-align:center}
.commOp{
display:inline-block;
line-height:48px;
padding:0px 0.8em;
cursor:pointer;
}
.commOp:hover{background:#282016}
#commCast{
display:none;
position:absolute;
padding:0px 0.8em;
font-size:0.8em;
line-height:24px;
white-space:nowrap;
border-top:2px solid #543c22;
background:#282016
}
#userComment,.mapCommEBox,#contactBox{
box-sizing:border-box;
width:100%;	
padding:.5em 1em;
color:#ddd;
height:10em;
border:1px solid #543c22;
background:#16130f;
-webkit-animation:none;
animation:none;
}
#contactBox{height:15em}
.cQuote{padding:0.5em;border:1px solid #543c22;background:#0b0a08}
.trnd,.trndIdx,.latestIdx,.trndMod{
position:relative;
float:left;
width:25%;
max-width:320px;
padding:19% 0px 2em 0px;
opacity:0;
-webkit-animation:trndShow 400ms;
-webkit-animation-fill-mode:forwards;
animation:trndShow 400ms;
animation-fill-mode:forwards;
overflow:hidden;
}
.trndIdx,.latestIdx{width:20%;padding:15% 0px 2em 0px}
.trndMod{width:20%;padding:7.6% 0px 2em 0px}
.trndIdx:nth-of-type(6),.trndMod:nth-of-type(6){display:none}
.trnd img,.trndIdx img,.latestIdx img,.trndMod img{
position:absolute;
top:0px;
left:0px;
width:100%;
max-width:320px;
}
.trnd .cmmnt, .trndIdx .cmmnt, .latestIdx .cmmnt{
position:absolute;
top:0px;
right:0px;
left:0px;
font-size:0.8em;
height:3.6em;
line-height:1.8em;
padding:0em 1em 0em 1em;
overflow:hidden;
background:rgba(0,0,0,0.8);
cursor:pointer;
}
.trndIdx .cmmnt, .latestIdx .cmmnt{height:5.6em}
.trnd .cmmnt a,.trndIdx .cmmnt a,.latestIdx .cmmnt a{color:#fff;text-decoration:none}
.trndTxt{padding:0px 1em 0px 0.6em;white-space:nowrap;overflow:hidden}
.trnd:hover .trndTxt,.trndIdx:hover .idxBut,.trndIdx:hover .trndTxt,.latestIdx:hover .trndTxt,.trndMod:hover .trndTxt{background:#47341f}
.trnd:hover .cmmnt,.trndIdx:hover .cmmnt,.latestIdx:hover .cmmnt {background:rgba(32,24,14,0.9)}
.imgSoft{-webkit-animation:trndShow 400ms forwards;animation:trndShow 400ms forwards}
@-webkit-keyframes trndShow{
0%{opacity:0}
100%{opacity:1}
}
@keyframes trndShow{
0%{opacity:0}
100%{opacity:1}
}
#mapPeak{
display:none;
position:absolute;
width:160px;
white-space:nowrap;
overflow:hidden;
border-radius:16px 16px 16px 0px;
border:2px solid #f4a442;
background:#16130f;
box-shadow:0px 0px 12px 8px #000;
z-index:5;
}
#lvlWrap,#lvlJumpWrap{
position:absolute;
top:16px;
width:100%;
z-index:4;
}
.bxShadow{box-shadow:0px 0px 16px 8px #000;}
.qBlock{
position:relative;
float:left;
width:25%;
max-width:320px;
height:64px;
margin-bottom:1em;
white-space:nowrap;
overflow:hidden
}
.qBlock .butBut{
height:64px !important;
width:64px;
line-height:64px
}
.fixedButWrap{
position:fixed;
display:table;
margin:auto;
bottom:80px;
z-index:3;
}
#fixedBut, #fixedButNext, #fixedButPrevious{
position:absolute;
display:table-row;
width:54px;
height:54px; 
font-family:'Material Icons';
font-size:24px !important;
text-align:center;
border:2px solid #fff;
border-radius:30px;
overflow:hidden;
background:#16130f;
cursor:pointer;
-webkit-animation:1000ms kfFixedBut;
animation:1000ms kfFixedBut;
transition:all 300ms;
transition-timing-function: linear;
}
#fixedBut a, #fixedButNext a, #fixedButPrevious a{
display:table-cell;
width:54px;
height:54px;
text-align:center;
vertical-align:middle !important;
text-decoration:none; 
}
#fixedBut{right:24px}
#fixedButNext{left:24px}
#fixedButPrevious{left:96px}
#fixedBut:hover,#fixedButNext:hover,#fixedButPrevious:hover{
color:#f4a442;
border-color:#f4a442;
background:#47341f;
}
#fixedBut:hover a,#fixedBut a:hover,#fixedButNext:hover a,#fixedButNext a:hover,#fixedButPrevious:hover a,#fixedButPrevious a:hover{color:#f4a442;text-decoration:none}
#fixedBut:focus,#fixedBut a:focus,#fixedButNext:focus,#fixedButNext a:focus,#fixedButPrevious:focus,#fixedButPrevious a:focus{
outline:none;
background:transparent;
-webkit-animation:none;
animation:none;
}
.fixedButOpen{
box-shadow:0px 0px 12px 8px #000;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-transition-delay:1000ms;
transition-delay:1000ms;
}
#fixedButConsole{
position:absolute;
text-align:right;
bottom:24px;
right:24px;
max-width:486px;
overflow:hidden;
opacity:0;
}
.fixedButConsoleGone{display:none}
.fixedButConsoleShow{
display:block;
box-shadow:0px 0px 12px 8px #000;
background:#16130f;
-webkit-animation:400ms forwards kfButConsoleShow;
animation:400ms forwards kfButConsoleShow;
}
.fixedButConsoleHide{
display:block;
-webkit-animation:200ms forwards kfButConsoleHide;
animation:200ms forwards kfButConsoleHide;
}
@-webkit-keyframes kfButConsoleShow{
0%{opacity:0}
100%{opacity:1}
}
@keyframes kfButConsoleShow{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes kfButConsoleHide{
0%{opacity:1}
100%{opacity:0}
}
@keyframes kfButConsoleHide{
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes kfFixedBut{
0%{color:#fff;border-color:#543c22;background:#16130f}
50%{color:#f4a442;border-color:#16130f;background:#543c22}
100%{color:#fff;border-color:#fff;background:#16130f}
}
@keyframes kfFixedBut{
0%{color:#fff;border-color:#543c22;background:#16130f}
50%{color:#f4a442;border-color:#16130f;background:#543c22}
100%{color:#fff;;border-color:#fff;background:#16130f}
}
.mapOvTxtLeft{
position:absolute;
width:110px;
text-align:right;
line-height:48px;
}
.mapOvTxtRight{margin-left:122px;line-height:48px}
.jumpWrap{
display:inline-block;
width:100%;
max-width:320px;
margin:auto;
text-align:center;
padding-bottom:32px;
}
.jumpCircle{
display:inline-block;
padding-top:32px;
border:2px solid #543c22;
border-radius:90px;
background:#16130f;
height:128px;
width:160px;
-webkit-animation:200ms forwards kfTopMap;
animation:200ms forwards kfTopMap;
}
.timelineYear{
margin:auto;
line-height:24px;
padding:14px 0px 0px 0px;
height:64px;
width:240px;
border:2px solid #543c22;
border-radius:90px;
background:#16130f;
-webkit-animation:200ms forwards kfTopMap;
animation:200ms forwards kfTopMap;
}
.jumpSmall{
display:inline-block;
margin:10px;
width:130px;
height:64px;
padding:8px;
border:2px solid #543c22;
border-radius:40px;
text-align:center;
background:#16130f;
-webkit-animation:200ms forwards kfTopMap;
animation:200ms forwards kfTopMap;
}
.bigBold{font-weight:bold;font-size:1.4em}
.jumpCircle:hover,.timelineYear:hover,.jumpSmall:hover{
cursor:pointer;
-webkit-animation:400ms forwards kfTopMapOver;
animation:400ms forwards kfTopMapOver;
}
.jumpCircle a,.jumpCircle a:hover,.timelineYear a,.timelineYear a:hover,.jumpSmall a,.jumpSmall a:hover{color:#fff;text-decoration:none}
@-webkit-keyframes kfTopMap{
0%{background:#47341f;border-color:#f4a442;border-radius:0px;}
100%{background:#16130f;border-color:#543c22;border-radius:90px;}
}
@keyframes kfTopMap{
0%{background:#47341f;border-color:#f4a442;border-radius:0px;}
100%{background:#16130f;border-color:#543c22;border-radius:90px;}
}
@-webkit-keyframes kfTopMapOver{
0%{background:#16130f;border-color:#543c22;border-radius:90px;}
100%{background:#47341f;border-color:#f4a442;border-radius:0px;}
}
@keyframes kfTopMapOver{
0%{background:#16130f;border-color:#543c22;border-radius:90px;}
100%{background:#47341f;border-color:#f4a442;border-radius:0px;}
}
.pill{
margin:4px;
overflow:hidden;
border-radius:28px;
border:2px solid #543c22;
animation:200ms forwards kfPill;
}
.pillLeft{ 
-webkit-animation:200ms forwards kfPillLeft;
animation:200ms forwards kfPillLeft;
}
.pillRight{ 
border-radius:0px 28px 28px 0px;
-webkit-animation:200ms forwards kfPillRight;
animation:200ms forwards kfPillRight;
}
.pill:focus, .pillLeft a:focus, .pillRight a:focus{
outline:none;
background:transparent;
-webkit-animation:none;
animation:none;
}
.pill:hover{
-webkit-animation:400ms forwards kfPillOver;
animation:400ms forwards kfPillOver;
}
.pill:hover .pillLeft{
-webkit-animation:400ms forwards kfPillLeftOver;
animation:400ms forwards kfPillLeftOver;
}
.pill:hover .pillRight{
-webkit-animation:400ms forwards kfPillRightOver;
animation:400ms forwards kfPillRightOver;
}
@-webkit-keyframes kfPill{
0%{border-radius:0px;border-color:#f4a442;}
100%{border-radius:28px;border-color:#543c22;}
}
@-webkit-keyframes kfPillOver{
0%{border-radius:28px;border-color:#543c22;}
100%{border-radius:0px;border-color:#f4a442;}
}
@keyframes kfPill{
0%{border-radius:0px;border-color:#f4a442;}
100%{border-radius:28px;border-color:#543c22;}
}
@keyframes kfPillOver{
0%{border-radius:28px;border-color:#543c22;}
100%{border-radius:0px;border-color:#f4a442;}
}
@-webkit-keyframes kfPillLeft{
0%{border-radius:0px}
100%{border-radius:28px 0px 0px 28px}
}
@keyframes kfPillLeft{
0%{border-radius:0px}
100%{border-radius:28px 0px 0px 28px}
}
@-webkit-keyframes kfPillLeftOver{
0%{border-radius:28px 0px 0px 28px}
100%{border-radius:0px}
}
@keyframes kfPillLeftOver{
0%{border-radius:28px 0px 0px 28px}
100%{border-radius:0px}
}
@-webkit-keyframes kfPillRight{
0%{border-radius:0px}
100%{border-radius:0px 28px 28px 0px}
}
@keyframes kfPillRight{
0%{border-radius:0px}
100%{border-radius:0px 28px 28px 0px}
}
@-webkit-keyframes kfPillRightOver{
0%{border-radius:0px 28px 28px 0px}
100%{border-radius:0px}
}
@keyframes kfPillRightOver{
0%{border-radius:0px 28px 28px 0px}
100%{border-radius:0px}
}
.centerBlock,.centerBlockNoPadTop{
margin:auto;
text-align:center;
padding:0px 0px 1em 0px; 
clear:both;
}
.centerBlock{padding:1em 0px 1em 0px}
.txtBlockDivision{text-align:left;line-height:48px}
.memberList{
box-sizing:border-box;
display:inline-block;
width:300px;
height:64px;
margin:8px 0px;
text-align:left;
overflow:hidden;
}
.memberList a{
color:#ddd;
border:0px;
margin:0px;
text-decoration:none;
}
.memberList a:focus{
background:transparent;
-webkit-animation:none;
animation:none;
}
.memberImg{float:left;margin-right:1em;width:64px;height:64px;text-align:center}
.memberImg img{width:100%}
.memberList:hover, .qBlock:hover, .vMemTop:hover, .vMem:hover{background: linear-gradient(to right, #47341f, #47341f, transparent);cursor:pointer}
.memberListTxt{overflow:hidden;white-space:nowrap}
.cBlock,.cBlockWide{
margin:auto;
margin-top:1em;
padding:1em 2em;
border:2px solid #543c22;
width:76%;
max-width:380px;
background:#000;
}
.cBlockWide{max-width:740px}
.cBlockTitle{text-align:left;font-family:"Trade Winds";font-size:24px;border-bottom:1px solid #543c22}
.cBlockBody{text-align:left;padding-top:1em}
.cBlockAction{line-height:48px;padding-bottom:1em}
.cBlockAction .inputBut, .commRowBut .inputBut, .jBack .inputBut{float:right;text-align:center}
.readmeTxt{
font-family:"Roboto Mono","DejaVu Sans Mono","Lucida Console",monospace;
font-size:0.8em;
white-space:pre-wrap;
width:100%;
/*max-width:820px;*/
overflow:hidden;
}
code{font-family:"Roboto Mono","DejaVu Sans Mono","Lucida Console",monospace;font-size:0.8em;padding:0.5em;background:#282016}
.ssPreview{width:160px;height:120px;vertical-align:top}
.pPreview{
position:relative;
width:100%;
height:120px;
overflow:hidden;
}
.pPreview img{height:120px}
.pPreviewGo{
position:absolute;
left:0px;
display:inline-block;
font-family:'Material Icons';
font-size:48px;
width:100%;
line-height:120px;
opacity:0;
z-index:1
}
.vPreview{display:inline-block;width:212px;height:120px}
.vPreview img{width:100%;height:120px}
.vPreviewPlay{
position:absolute;
display:inline-block;
font-family:'Material Icons';
font-size:48px;
width:212px;
line-height:120px;
opacity:0;
z-index:1
}
.pPreviewGo:hover, .vPreviewPlay:hover{
-webkit-animation:400ms forwards kfFadeIn;
animation:400ms forwards kfFadeIn;
}
@-webkit-keyframes kfFadeIn{
0%{color:#47341f; opacity:0}
100%{color:#fff; opacity:1}
}
@keyframes kfFadeIn{
0%{color:#47341f; opacity:0}
100%{color:#fff; opacity:1}
}
#lbxWrap{
display:inline-block;
overflow:hidden;
background-position:top center;
background-size:contain;
background-repeat:no-repeat
}
.lbxBse{
padding:0px;
max-height:calc(100vh - 160px);
max-width:100%;
height:auto;
opacity:1;
cursor:pointer;
transition:opacity 250ms
}
.lbxFde{opacity:0}
#mapShtWrap{
display:inline-block;
width:100%;
overflow:hidden;
background-size:contain;
background-repeat:no-repeat;
}
#mapSht{
position:relative;
width:100%;
vertical-align:top;
user-select:none;
}
#mapShtImgLnk{
outline:none;
background:transparent; 
-webkit-animation:none;
animation:none;
}
#mapShtDl{display:inline-block;padding:0px 1em;height:48px}
#mapShtPre, #mapShtNxt{
width:48px;
height:48px;
font-family:'Material Icons';
background:#282016;
}
#mapShtPre{float:left}
#mapShtNxt{float:right}
.mapShtBar{line-height:48px;background:#16130f}
.mapShtBar a{text-decoration:none;color:#e2dbd3}
.mapShtBar a:hover, #mapShtPre:hover, #mapShtNxt:hover{text-decoration:none;color:#fff;background:#47341f}
#mapShtLoad{
position:absolute;
width:199px;
height:15px;
left:50%;
margin-left:-100px;
top:160px
}
#mapShtSub, #modShtSub{padding:6px 0px 0px 0px;}
#mapShtSub img{padding:16px;width:160px;height:120px}
#modShtSub img{padding:16px;width:160px;height:90px}
#mapShtSub img:hover, #modShtSub img:hover{padding:14px;border:2px solid #543c22}
#mapShtSub a:focus, #modShtSub a:focus{
background:transparent;
-webkit-animation:none;
animation:none;
}
.mapShtNxtAnim{
-webkit-animation:400ms forwards kfShtNxt;
animation:400ms forwards kfShtNxt;
}
@-webkit-keyframes kfShtNxt{
0%{left:0%}
100%{left:-100%}
}
@keyframes kfShtNxt{
0%{left:0%}
100%{left:-100%}
}
.mapShtPreAnim{
-webkit-animation:400ms forwards kfShtPre;
animation:400ms forwards kfShtPre;
}
@-webkit-keyframes kfShtPre{
0%{left:0%}
100%{left:100%}
}
@keyframes kfShtPre{
0%{left:0%}
100%{left:100%}
}
#videoObject{ 
width:100vh;
max-width:100%;
}
#panorama{
position:relative;
height:480px;
width:100%;
max-width:1280px;
float:right;
text-align:left;
white-space:nowrap;
overflow:hidden
}
.panDiv{
position:absolute;
width:480px;
height:480px;
background-repeat:no-repeat;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.vBg{
margin:auto;
width:320px;
height:64px;
background:url('/img/excellent64.png') repeat-x;
background-position:0px -64px
}
.vRank{
float:left;
height:64px;
background:url('/img/excellent64.png') repeat-x
}
.vMem{
display:inline-block;
box-sizing:border-box;
width:50%;
height:32px;
padding:0px 0px 0px 1em;
white-space:nowrap;
overflow:hidden
}
.vMem i {padding:0px 0.5em;font-size:0.8em}
.vMem span {padding:0px 0px 0px 0.5em;font-size:0.8em}
.vMemTop {
display:inline-block;
width:50%;
height:64px;
padding:0px;
margin-bottom:0.5em;
white-space:nowrap;
overflow:hidden
}
.vMemTop img {
display:inline-block;
vertical-align:top;
width:64px;
height:64px
}
.vMemTopTxt span {
font-size:0.8em;
padding-left:1em
}
.vMemTopTxt {
display:inline-block;
padding-left:1em;
height:64px;
line-height:32px;
white-space:nowrap;
overflow:hidden
}
.padTop2{padding-top:2em}
.padBot2{padding-bottom:2em}
.fSml{font-size:0.8em}
.tagScroll, .tagScroll2{
overflow-x:auto;
overflow-y:hidden;
padding-top:8px;
height:64px;
white-space:nowrap
}
.tagScroll2{height:108px}
.tagScroll::-webkit-scrollbar, .tagScroll2::-webkit-scrollbar{height:8px;background:transparent}
.tagScroll::-webkit-scrollbar-thumb, .tagScroll2::-webkit-scrollbar-thumb {background:#47341f}
.tagGroup{display:none;text-align:center}
.tagHead,.tagOpt,.tagOpt2,.jNum{
display:inline-block;
line-height:40px;
padding:0px 1.5em;
cursor:pointer;
border:1px solid transparent;
border-radius:22px
}
.jNum{min-width:32px}
.jBack{line-height:48px}
#jGroup,#jPage,#pJump{
display:inline-block;
padding:0px 1em;
line-height:48px;
cursor:pointer;
}
#jGroup:hover,#jPage:hover,#pJump:hover{background:#47341f}
.tagHead:hover,.tagOpt:hover,.jNum:hover{background:#47341f;border:1px solid #f4a442}
.tagSelect{border:1px solid #47341f;background:#16130f}
.tagSelect:hover{text-decoration:underline;border:1px solid #b46402;border-radius:4px}
.mapOvTxtRight .mTag{margin:8px 8px -8px 8px}
.mTag{
display:inline-block;
line-height:48px;
text-align:right;
font-weight:bold;
width:32px;
height:32px;
background:url('/img/tags32px.jpg') no-repeat;
overflow:hidden;
text-shadow:1px 1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000;
}
#mTagUp{
display:none;
position:absolute;
margin-left:-1em;
width:220px;
text-align:center;
color:#f4a442;
background:#16130f
}
.mMisc{line-height:32px}
.mIcn{
display:inline-block;
height:16px;
width:16px;
background:url('/img/sprites2019a.png');
vertical-align:middle
}
.icnQLive{background-position:0px 0px}
.icnFeatured{background-position:-16px 0px}
.point{cursor:pointer}
.pWrap{position:relative;margin-bottom:2em}
#pWrapTop{display:inline-block;vertical-align:top}
#pPic{
display:inline-block;
width:64px;
line-height:20px;
text-align:center;
overflow:hidden
}
#pPic b{font-size:1.1em}
#pPic span{font-size:0.7em}
#pPic img{width:64px;height:64px}
#pPicEd{
position:absolute;
font-family:'Material Icons';
margin-top:32px;
margin-left:32px;
width:32px;
height:32px;
line-height:32px;
text-align:center;
background:rgba(0,0,0,0.6);
border-radius:16px 0px 0px 0px
}
#pInfo{
display:inline-block;
padding:0px 24px;
vertical-align:top;
width:260px;
text-align:left;
white-space:nowrap;
overflow:hidden
}
#pInfo div{
display:inline-block;
text-align:right;
width:124px;
padding-right:12px
}
#pBio{
position:absolute;
top:0px;
right:0px;
left:375px;
bottom:0px;
padding-right:2em;
overflow-x:auto
}
.pItem{
position:relative;
float:left;
width:16.65%;
max-width:320px;
padding:12.6% 0px 1em 0px;
overflow:hidden;
}
.pItem img{
position:absolute;
top:0px;
left:0px;
width:100%
}
.pItem:hover,.pItem:hover.pVal{background:#47341f}
.pVal{
position:absolute;
top:0px;
left:0px;
min-width:48px;
height:48px;
line-height:48px;
text-align:center;
background:#16130f;
cursor:pointer
}
.pItemTxt{padding:0px 1em 0px 0.6em;white-space:nowrap;overflow:hidden}
.pBlock, .pBlock2{clear:both}
.pBlock2{padding-top:1em}
.pAvatar{
width:64px;
height:64px;
padding:10px;
border:2px solid transparent;
border-radius:12px;
cursor:pointer
}
.appDlIcon{
width:128px;
height:128px;
padding:10px;
border:2px solid transparent;
border-radius:12px;
cursor:pointer;
outline:none;
line-height:0px;
vertical-align:top;
}
.pAvatar:hover, .appDlIcon:hover{
-webkit-animation:400ms forwards kfPAvatar;
animation:400ms forwards kfPAvatar;
}
@-webkit-keyframes kfPAvatar{
0%{background:#16130f;border:2px solid #47341f}
100%{background:#47341f;border:2px solid #f4a442}
}
@keyframes kfPAvatar{
0%{background:#16130f;border:2px solid #47341f}
100%{background:#47341f;border:2px solid #f4a442}
}
#pUpBox{padding:1em;margin-bottom:1em;border:1px solid #543c22}
#paBrowse{color:#cdf;cursor:pointer}
#paBrowse:hover{color:#fff;text-decoration:underline}
#pUpProgress{display:none}
#pUpBar{position:relative;height:8px;background:#111}
#pUpBarPro{
position:absolute;
left:0px;
height:8px;
width:0%;
background:#482
}
.contactWrap{margin:auto;padding:1em;max-width:800px;text-align:left}
.contactWrap .inputBut{float:right}
#appGet{position:relative;background:#16130f}
#appGet .butWrap{
-webkit-animation:9s linear 1s 2 kfAppGet;
animation:9s linear 1s 2 kfAppGet;
}
#appGetClose{
position:absolute;
top:0px;
right:0px;
font-family:'Material Icons';
font-size:24px;
color:#f4a442;
text-align:center;
width:48px;
height:48px;
line-height:48px;
cursor:pointer
}
#appGetClose:hover{background:#543c22}
@-webkit-keyframes kfAppGet{
0% {background:#16130f}
10% {background:#16130f}
55% {background:#065618}
71% {background:#a8860b}
100% {background:#16130f}
}
@keyframes kfAppGet{
0% {background:#16130f}
10% {background:#16130f}
55% {background:#065618}
71% {background:#a8860b}
100% {background:#16130f}
}
.llblock,.llblockOp{position:relative;padding:1em 0em}
.llleft{float:left}
.llright{float:right}
.llwrap{height:8px;width:100%;background-color:#333}
.llwrap div{height:8px}
.llbutblock{
display:none;
position:absolute;
top:1em;left:0px;right:0px;
margin:auto;
text-align:center;
padding:1em 0px; 
background:#16130f;
clear:both;
}
.llblockOp:hover .llbutblock{
display:block;
-webkit-animation:400ms forwards kfLL;
animation:400ms forwards kfLL;
}
.llblockOp:hover .flxWrap{
-webkit-animation:2100ms forwards kfLLBut;
animation:2100ms forwards kfLLBut;
}
@-webkit-keyframes kfLL{0%{opacity:0}100%{opacity:1}}
@keyframes kfLL{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes kfLLBut{
0%{border-color:#543c22}
10%{border-color:#701919}
50%{border-color:#09db41}
90%{border-color:#701919}
100%{border-color:#543c22}
}
@keyframes kfLLBut{
0%{border-color:#543c22}
10%{border-color:#701919}
50%{border-color:#09db41}
90%{border-color:#701919}
100%{border-color:#543c22}
}
#bmSave{display:none;position:absolute;width:220px;font-style:italic;font-weight:bold;color:#f00;background:#000}
.modWrap{display:inline-block;vertical-align:top;width:320px;height:464px}
.modWrap p{text-align:left;margin-left:1em;margin-right:1em}
.modWrap img{display:block;width:320px;height:120px}
.modWrap:hover{background:#282016}
.txtPad{padding:1em}
.txtPad:hover{background:#16130f}
.borderBottom{border-bottom:2px solid #543c22}
.col5Wrap{position:relative}
.col5Block{display:inline-block;margin-bottom:2em;width:20%;min-width:224px;vertical-align:top}
#msgWrap{
position:fixed;
text-align:center;
line-height:48px;
top:24px;
right:-400px;
overflow:hidden;
border-radius:26px;
border:2px solid #543c22;
background:#16130f;
box-shadow:0px 0px 12px 8px #000;
z-index:5;
}
.msgBoxShow{
-webkit-animation:.8s forwards kfMsgShow;
animation:.8s forwards kfMsgShow;
}
@-webkit-keyframes kfMsgShow{
0%{transform:translateX(0)}
100%{transform:translateX(-424px)}
}
@keyframes kfMsgShow{
0%{transform:translateX(0)}
100%{transform:translateX(-424px)}
}
.msgBoxHide{
-webkit-animation:.8s forwards kfMsgHide;
animation:.8s forwards kfMsgHide;
}
@-webkit-keyframes kfMsgHide{
0%{transform:translateX(-424px)}
100%{transform:translateX(0px)}
}
@keyframes kfMsgHide{
0%{transform:translateX(-424px)}
100%{transform:translateX(0px)}
}
.msgOpt{
display:inline-block;
text-align:center;
padding:0px 1em;
line-height:48px;
}
.msgOpt:hover{background:#47341f;}
.lHeight48{line-height:48px}
.nWrap{white-space:nowrap;overflow:hidden;}
.icn48Left{
position:relative;
float:left;
text-align:center;
font-family:'Material Icons';
width:48px;
line-height:48px;
}
.dynList{
display:none;
position:absolute;
font-size:1em;
line-height:32px;
white-space:nowrap;
border-top:2px solid #543c22;
background:#282016;
z-index:5;
}
.dynItem{padding:0px 0.8em;}
.dynHilight{background:#47341f;}
.warn{
margin:auto;
text-align:center;
line-height:48px;
font-weight:bold;
color:#fff;
background:#f33;
}
#myNotesLink,#lvLinkRv{
float:right;
margin-right:2em;
font-weight:normal;
}
.centerMsg{
position:absolute;
top:128px;
left:0px;
right:0px;
height:96px;
text-align:center;
line-height:96px;
font-style:italic;
border-top:1px solid #543c22;
border-bottom:1px solid #543c22;
background:rgba(0,0,0,0.8);
}
.lvSelect{font-weight:bold;padding:0.25em 1em;cursor:pointer}
.blk{padding:1em;box-sizing:border-box}
.blk:hover,.lvSelect:hover{background:#16130f}
.clr{clear:both}
@media all and (max-width:1600px){
#searchResultWrap{max-width:1120px}
}
@media all and (max-width:1400px){
#searchResultWrap{max-width:960px}
.qBlock{width:33.3%;max-width:400px}
.latest .qBlock:nth-child(4){display:none}
.tBar .contain{padding-left:16px}
.txtBlock{padding:0px 1em 0px 1em}
.txtBlockDivision{padding:0px 1em 0px 1em}
.jBack{padding:0px 0px 0px 1em}
.mapIcons{padding-left:1em}
.pBlock,.pBlock2{padding-left:1em;padding-right:1em}
}
@media all and (max-width:1300px){
.contain{width:100%}
.pageQuick,.pageQuickAll{right:16px}
.trm{padding:1em 2em 1em 2em}
}
@media all and (max-width:960px){
#searchResultWrap{max-width:800px}
/*#iCmnt4 { display:none }*/
.trnd{width:33.3%;padding-top:25.2%}
.trndIdx,.latestIdx{width:25%;padding-top:18.9%}
.trndMod{width:25%;padding-top:9.5%}
.trndIdx:nth-of-type(5),.latestIdx:nth-of-type(5),.trndMod:nth-of-type(5){display:none}
.menuSearch{width:120px}
.latest .trnd:nth-child(4){display:none}
#mapPromo{width:100%;max-width:100%;height:160px;overflow:hidden}
#mapPromo img{margin-top:-18%}
#mapMain{width:100%}
.mapPromoNoScroll{position:static}
.mapMainNoScroll{margin-left:0px}
.mapIcons{display:none}
.vMemTop, .vMem{width:33.3%}
.pItem{width:20%;padding:15% 0px 1em 0px}
.pGrp .pItem:nth-of-type(6){display:none}
}
@media all and (max-width:890px){
.menuSearch{display:none}
.trndIdx, .latestIdx{width:33.3%;padding-top:25.1%}
.trndMod{width:33.3%;padding-top:12.6%}
.trndIdx:nth-of-type(5),.trndMod:nth-of-type(5){display:block}
.trndIdx:nth-of-type(6),.trndMod:nth-of-type(6){display:block}
.latestIdx:nth-of-type(4){display:none}
.latestIdx:nth-of-type(5){display:none}
.pageQuick a:nth-of-type(6){display:none}
#pWrapTop{display:block;text-align:center;margin:auto}
#pBio{position:static;display:block;padding-top:2em}
.pItem{width:25%;padding:19% 0px 1em 0px}
.pGrp .pItem:nth-of-type(5){display:none}
}
@media all and (max-width:800px){
#searchResultWrap{max-width:640px}
.vMemTop, .vMem{width:50%}
}
@media all and (max-width:780px){
.menuSearch{display:inline-block;width:180px}
.menuWrap{width:48px}
.menuTxt{display:none}
.menuBut{position:static;display:inline-block}
.qBlock{width:50%;max-width:370px}
.latest .qBlock:nth-child(4){display:block}
.pageQuick{display:none}
.pItemTxt{font-size:0.8em}
}
@media all and (max-width:640px){
#searchResultWrap{max-width:480px}
#iCmnt4{display:block}
.trnd{width:50%;padding-top:38%}
.latest .trnd:nth-child(n+3){display:none}
}
@media all and (max-width:600px){
.qBlock{width:100%;max-width:600px}
.trndIdx, .latestIdx{width:50%;padding-top:37.8%}
.trndMod{width:50%;padding-top:19%}
.trndIdx:nth-of-type(5),.trndMod:nth-of-type(5){display:none}
.trndIdx:nth-of-type(6),.trndMod:nth-of-type(6){display:none}
.latestIdx:nth-of-type(3){display:none}
.latestIdx:nth-of-type(4){display:none}
.latestIdx:nth-of-type(5){display:none}
.pItem {width:33.3%;padding:25% 0px 1em 0px}
.pGrp .pItem:nth-of-type(5){display:block}
.pGrp .pItem:nth-of-type(6){display:block}
}
@media all and (max-width:520px){
.menuSearch{width:120px}
#fixedButConsole{max-width:324px}
#fixedBut{right:16px}
#fixedButNext, #fixedButPrevious, #fixedButNext a, #fixedButPrevious a{
width:38px;
height:38px;
line-height:40px;
border-radius:22px;
overflow:hidden
}
#fixedButNext{top:8px;left:16px}
#fixedButPrevious{top:8px;left:74px}
.vMemTop, .vMem{width:100%}
#educateText{display:none;position:absolute;top:140px;left:164px;font-weight:bold}
@-webkit-keyframes kfEducate{
0%{width:0px;height:0px;border-radius:0px;top:29px;right:40px;border-color:#fff;background:#56585d}
10%{width:640px;height:640px;top:-291px;right:-268px;border-radius:320px;border-color:#f4a442;background:#282016}
90%{width:640px;height:640px;top:-291px;right:-268px;border-radius:320px;border-color:#f4a442;background:#282016}
100%{width:0px;height:0px;border-radius:0px;top:29px;right:40px;border-color:#fff;background:#56585d}
}
@keyframes kfEducate{
0%{width:0px;height:0px;border-radius:0px;top:29px;right:40px;border-color:#fff;background:#56585d}
10%{width:640px;height:640px;top:-291px;right:-268px;border-radius:320px;border-color:#f4a442;background:#282016}
90%{width:640px;height:640px;top:-291px;right:-268px;border-radius:320px;border-color:#f4a442;background:#282016}
100%{width:0px;height:0px;border-radius:0px;top:29px;right:40px;border-color:#fff;background:#56585d}
}
@-webkit-keyframes kfEducateClose{
0%{width:640px;height:640px;top:-291px;right:-268px;border-radius:320px;border-color:#f4a442;background:#282016}
20%{width:640px;height:640px;top:-291px;right:-268px;border-radius:320px;border-color:#f4a442;background:#282016}
100%{width:0px;height:0px;border-radius:0px;top:29px;right:40px;border-color:#fff;background:#56585d}
}
@keyframes kfEducateClose{
0%{width:640px;height:640px;top:-291px;right:-268px;border-radius:320px;border-color:#f4a442;background:#282016}
20%{width:640px;height:640px;top:-291px;right:-268px;border-radius:320px;border-color:#f4a442;background:#282016}
100%{width:0px;height:0px;border-radius:0px;top:29px;right:40px;border-color:#fff;background:#56585d}
}
}
@media all and (max-width:480px){
#searchResultWrap{max-width:320px}
.trnd{width:100%;max-width:480px;padding-top:75%}
.trnd img{max-width:480px}
.trndTxt{margin-right:0px}
.menuSearch{display:none}
.menuWrap{width:16.66%}
.menuBut{width:100%}
.menuBut a{width:100%}
.menuRight{width:33.33%}
.menuButRight{width:50%}
.menuButRight a{width:100%}
.inputBut{width:96px}
.commRowBut .inputBut{width:82px}
.latest .trnd:nth-child(n+2){display:none}
.vBg{width:240px;height:48px;background:url('/img/excellent48.png') repeat-x;background-position:0px -48px}
.vRank{height:48px;background:url('/img/excellent48.png') repeat-x}
.mapOvTxtLeft{position:static;text-align:left}
.mapOvTxtRight{margin-left:2em}
.pItem{width:50%;padding:38% 0px 1em 0px}
.pGrp .pItem:nth-of-type(5){display:none}
.pGrp .pItem:nth-of-type(6){display:none}
}
@media all and (max-width:364px){
#fixedButConsole{max-height:318px;max-width:162px;overflow-y:scroll;overflow-x:hidden}
.jumpSmall{width:124px;margin:8px 3px;padding:6px 3px}
.commOp{padding:0px 0.4em}
#pInfo{width:240px;padding:0px 16px}
#pInfo div{width:112px}
}
@media all and (max-width:340px){
.subWrap{width:100%}
.subTxt{width:100%}
#menuConsole{max-height:314px;overflow-y:scroll;overflow-x:hidden}
}