html {
scroll-padding-top: 60px;
}
/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
iframe {
position: relative;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-size:15px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
}
button {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
/* Don’t kill focus outline for keyboard users */
a:hover, a:active {
outline: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%!important;
}
/* Custom styles */
*{
box-sizing: border-box;
}
body{
float: left;
width: 100%;
min-width:1200px;
background:#ffffff;
}
.leaderadcont{
width: 1200px;
margin: 0 -50px;
overflow: hidden;
clear: both;
z-index:1005;
top: 20px;
padding-top: 4px;
background:#ffffff;
}
.editor-width-100-pc {
margin-top:10px;
}
.bc-holder {
z-index:3;
}
.container {
width: 1100px;
margin: 0 auto;
overflow:hidden;
line-height: 24px;
clear:both;
}
.container p{ line-height: 24px; margin-bottom: 11px; font-size: 16px;float:left;width:100%;float:none; }
h1{ font-size: 20px; line-height: 20px; margin: 30px 0 15px 0;float:left; }
.title{ color:#333; font-weight:300; width:100% }
.subtitle{ font-weight: 100; color: #5F5F5F; font-size: 18px; line-height: 26px;margin-top: 10px; }
.content-holder{ display: block;overflow: hidden; position: relative;}
.content-holder figure{ width:100%; float: left;
position:relative;
}
.content-holder img{ height: auto; max-width: 100%; background: #afafaf; color: #676767; margin: 0 auto; display: block; }
.lazy-img{ max-width:100%!important; height:auto; }
.content-holder figure img, .content-holder p img{ max-width: 100%; background: #afafaf; color: #afafaf;
display:block }
.content-holder p{ clear:both;width: 100%; padding: 0 24px; font-size: 18px !important; line-height: 35px; color:#222; background: transparent !important; }
.event-content p{ font-size: 14px!important;}
.content-holder a{ color:#0277BD; text-decoration: underline; }
.content-holder table{ border: solid 1px #DEDEDE; overflow-x: auto; max-width:100%; }
.content-holder table td, .content-holder table th{ margin: 0 auto;padding: 6px 7px; text-align: left;}
.content-holder table tr{ border-bottom:solid 1px #DEDEDE; }
.content-holder table tr:nth-of-type(odd){ background: #F7F7F7; }
.content-holder table caption{ padding: 10px 0; color: #9E9E9E; }
.half-width{ width:50%;float:left; }
figcaption{ font-family: serif; font-style: italic; color: #777; font-size: 14px; padding: 7px 24px; text-align: center; }
.section-heading{ font-weight: bold; color: #808080 !important; font-size: 16px; float: left; width: 100%;margin-bottom:10px }
.transparent-button{ float: right; border-radius: 3px; box-shadow: #B1B1B1 1px 1px 4px; padding: 5px 10px; color: #000 !important;margin:3px 3px; background: white!important;text-decoration:none;cursor:pointer; }
.transparent-button:hover{ background:#f7f7f7; text-decoration:underline; }
.menu-container {
overflow: visible;
}
.lazy{ max-height: 300px;background:#F7F7F7;max-width:100%; }
.no-scroll{ overflow: hidden !important; max-height:auto !important; height:auto !important; }
.lazy{ min-height: 50px; }
.fr{ float:right; }
.fl{ float:left; }
td{ padding:5px;font-size: 14px; color: #333; }
.cta-button-top{ font-size: 15px; margin-right: 10px; border: solid 1px #BD5454; border-radius: 3px; line-height: 14px; margin-top: 3px; }
.cta-button-top:hover{ background:#BB2F2F }
.show-more-button, .show-less-button{ margin-left: 10px; color: #2E87B5; cursor: pointer; text-decoration: underline;float:right }
.submenu-right{ float:right;display:block;clear:none !important; }
.submenu-right span{ color: #FFC6C6; font-size: 12px; margin: 3px 0 5px 10px; }
.sharer{ margin-left: 18px; position: absolute; margin-top: 15px; border-radius: 3px; background: rgba(220, 220, 220, 0.28); overflow: hidden;height:26px;width:106px; }
.sharer a{ width: 35px; text-align: center;height:26px }
.sharer a:hover{ background:rgba(220, 220, 220, 0.28); }
.fragments-container { float:left;width:728px;min-height:1px; }
.editor-width-100-pc .fragments-container {
width: 670px;
}
#keeda-profile-container{
position: absolute;
float: right;
right: 0px;
top: 12px;
}
#keeda-profile-container .toggle {
width: 28px;
height: 28px;
margin: 0 10px !important;
border-radius: 16px;
}
#main-menu{
float: left;
padding: 4px 6px;
color: #d32f2f;
font-weight: bold;
cursor: pointer;
height: 28px;
margin: -5px 18px 18px 0;
}
#main-menu-text{
display: inline-block; margin-right: 6px;
}
#main-menu:hover{
background: #dcdcdc;
}
.no-select{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.desktop-bc-container{
overflow:hidden;
top: 0;
line-height: 32px;
}
.hidden{
display:none;
}
.homepage-logo{
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
.ad-container{
padding:15px 0;
float:left;
clear:both;
}
.ad-container-leaderboard{
padding:15px 0;
clear:both;
}
.ad-declare-explicit{
color: #808080;
text-align: center;
font-size: 10px;
height:25px;
}
#kyc-below-floating-ad{
float: left;
clear: both;
}
blockquote {
background-position: 0 0;
display: block;
font-weight: normal;
font-family: Georgia, serif;
background-repeat: no-repeat;
margin: 1.5em 15px !important;
line-height: 32px;
color: #4c4c4c;
font-size: 19px !important;
border-radius: 6px;
background-position-x: 10px;
background: linear-gradient(45deg, #f3fff9, #abcae43d);
padding: 17px 4px;
}
blockquote::first-letter {
font-size: 180%;
color: #57535a;
}
blockquote p {
display: inline;
}
.sk-figcaption {
font-family: serif;
font-style: italic;
color: #777;
font-size: 14px;
padding: 7px 24px;
text-align: center;
display: inline-block;
width: 100%;
}