html,body,ul,li{margin:0;padding:0;}
html, body{
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:13px;
line-height:1.5;
background-color:#ffffff;
color:#333;
height:100%;
}

h1, h2, h3, h4, h5, h6{line-height:1.5;font-weight:700;}
a{color:#5879A3;text-decoration:none;}
p{margin-bottom:10px;line-height:26px;}
ul{list-style:none;}
h1{font-size:30px;}
h2{font-size:19px;border-left:5px solid #EE2536;padding-left:5px;margin:5px 0;}
h3{font-size:17px;}
h4{font-size:14px;margin-bottom:5px;}
.clearfix{clear:both;}
.block-content{padding: 6px;margin: 5px 0;background: #f6fbff;}
.box-heading{border:1px solid #EEE;font-weight:bold;padding:5px 0px;background:#F9F9F9;}
.box-heading h1{margin: 5px;font-size: 16px;color:#EE2536;}

header{margin:5px 0;padding:0;}
label.hot{color: #EE2536;text-transform: uppercase;font-weight: bold;}
.block-trending{padding:6px 0;}
.block-trending a{border-right:1px solid #d6d6d6;padding:0 5px;line-height:22px;}
.block-trending a.active{color:#EE2536;}
.block-trending a:last-child{border-right: none;}

#topbar{background:#5879A3;line-height:25px;}
.main-menu{padding:5px 0;line-height:32px;}
.main-menu li{display:inline-block;padding:0px 2px;line-height:32px;}
.main-menu a{color:#FFF;display:inline-block;font-weight:bold;text-align:center;padding:0px 8px;line-height:18px;}
.main-menu a.active{color:#ffff00;}
.main-menu a:last-child{border-right:none;}

.navbar-default{background-color:#5879A3;border-bottom:3px solid #EE2536;}
.navbar-default ul li{float:left;}.navbar-default ul li .dropdown-childs li{float:none;}
.navbar-default ul li a{display:block;padding:12px 9px;color:#FFF;font-weight:700;text-transform:uppercase;}
.navbar-default ul li ul li a{text-transform:none;}
.navbar-default ul li a.active, .navbar-default ul li a:hover{background-color:#EE2536;}
.navbar-mobile{display:none;}
.dropdown-childs{
position: absolute;
z-index: 1000;
float: left;
min-width: 160px;
padding: 5px 0;
list-style: none;
background-color:#EE2536;
display: none;
}
.navbar-default ul li:hover ul.dropdown-childs{display:block;}

.container{margin:0px auto;width:100%;}
#main-content{padding-right:10px;}
#menu-mobile{padding-top:4px;cursor:pointer;font-size:18px;}
.search-icon{float:right;padding:2px 12px;background-color:#EE2536;}
.icon-search{font-size:22px;color:#FFF;}
.icon-menu{font-size:22px;padding:4px 0px 0px 5px;}
.one-ads{font-size:18px;margin:10px auto;}

#pathway {
position: relative;
clear: both;
overflow: hidden;
margin-bottom: 7px;
border-bottom: 1px solid #F5F5F5;
line-height: 32px;
padding: 0 5px;
background: #f5f5f5;
}
#pathway a{padding:0 5px;}

/* TABS */
ul.tabs li {
display:inline-block;
margin:5px 5px 0px 0px;
background-color: #f0f0f0;
padding:8px 10px;
}
ul.tabs li.active {
background-color: #EE2536;
}
ul.tabs li.active a{
color: #FFF;
}

ul.tabs-menu li{display:inline-block;}

ul.tabs-menu a{
padding: 5px 12px;
font-size: 12px;
line-height: 1.5;
border-radius: 5px;
background-color: #dce0e4;
border-color: #46b8da;
margin: 5px 3px;
display: inline-block;
color: #000;
}

.right-header{
background:#5879A3;
font-weight:bold;
line-height:30px;
min-height:30px;
padding-left:5px;
font-size:16px;
color:#FFF;
}
.right-header a{color:#FFF;}
.box-col-2 ul li{display:inline-block;width:49%;}
.box-col-4 ul li{display:inline-block;width:32%;padding:5px 0 10px;text-align:center;vertical-align:top;}
.box-zone {background-color: #f0f0f0;margin-bottom: 5px;clear: both;}
.box-zone ul li a{line-height: 24px;font-weight:bold;}
.box-zone ul li.active a {color:#EE2536;font-weight:bold;}

.child-tabs a.active {
    color: #EE2536;
    font-weight: bold;
}
.child-tabs a {
    padding: 6px;
    display: list-item;
    list-style-type: square;
    margin-left: 1.2em;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #ccc;
    color: #3570b7;
}

footer{background-color:#5879A3;color:#FFF;padding:10px;}
.menu-footer a{padding:0 8px;color:#FFF;line-height:28px;}
#cookie-notice{display:none;background:#cbd8cb;padding:12px 10px;border:0px;position:fixed;left:0px;bottom:0px;z-index:999999;}
.notice-content{font-size: 14px;line-height: 18px;padding:0px 5px;}
.accept-button{height:40px;box-sizing:border-box;background:#5879A3;border-radius:3px;color:#FFF;text-align:center;padding:10px;cursor:pointer;font-size:14px;}

blockquote{font-style:italic;font-size:22px;padding-left:10px;padding-right:8px;border-left:5px solid #CCC;}
.page-sapo{background:#eaf8d2;padding:3px 10px;margin:10px 0px;font-size:18px;border-radius:5px;border:1px solid #d9d9d9;}
.page-sapo p{line-height:24px;}
.entry-content{padding:10px 0;font-size:15px;}
.entry-content h2{margin:20px 0;font-size:20px;}
.entry-content ul{list-style:disc;margin:10px;}
.entry-content ul li{padding-bottom:10px;}
.entry-content img{width:100%;}
.article-sapo{font-weight:700;font-size:14px;line-height:20px;margin:10px 0;}
.zone-notice{padding:10px;background:#eaf8d2;margin-bottom:10px;border-radius:5px;border:1px solid #d9d9d9;font-size:14px;line-height:22px;}
.update-time{padding:10px 10px 0px 10px;text-align:right;}
.page-navi a{padding:0px 8px;font-size:13px;}
.notice-red{color:#EE2536;}
.entry-content.zone-blog ul{list-style:none;}
.one-article{margin-bottom:5px;}
.one-article-img{float:left;width:150px;padding-right:10px;}
.one-article-img img{width:100%;height:auto;}

/*Weather*/
.weather-block{display:inline-block;border:1px solid #d9c5c5;border-radius:8px;width:22%;padding:10px;margin-bottom:10px;text-align:center;}
.weather-bold{font-weight:bold;font-size:17px;}
.weather-condition{font-size:19px;}
.fa-weather{font-size:20px;padding-right:5px;color:#5879A3;}
.weather-now div{display:inline-block;padding-right:10px;vertical-align:middle;}
.weather-now .notice-red{font-size:40px;}
.weather-now .weather-condition{font-size:30px;}
.label-red{color:#EE2536;}

/* TABLE */
table{border-collapse:collapse;border-spacing:0;width:100%;}
table thead,table tr:nth-child(even){background-color:#f5f5f5;}
table th,table td{border: 1px solid #c8b67f;padding:5px;text-align:left;vertical-align:middle;}
table td.team-name{text-align:left;}
table td.team-name-right{text-align:right;}

footer .material-icons{font-size:15px;padding-right:5px;}

.one-faq{margin-bottom:10px;border-bottom:1px solid #ecedef;}
.faq-question{cursor:pointer;margin:10px 0;font-size:20px;}
.faq-question span{margin-right:5px;}
.faq-answer{display:none;font-size:16px;line-height:24px;}

.intro-panel{
padding:5px;
background:#edf2f7;
margin:10px 0;
border-radius:5px;
border:1px solid #d9d9d9;
font-size:14px;
line-height:22px;
}
.icon-up-down{vertical-align:middle;font-weight:bold;}
.icon-up{color:#008000;}
.icon-down{color:#EE2536;}
.change-up{color:#5879A3;margin:0px 3px;}.change-down{color:#EE2536;margin:0px 3px;}

table tr.match-row-active{background:#f8f836;}
table tr.ranking-active{background:#f1ee8e;}
.category-news-right .text a{font-size:15px;font-weight:bold;}
#side-column .w320, #side-column .w480{display:none;}

.common-ads{
background-color:#ffff00;
color:#EE2536;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
text-align: center;
border: 1px solid #ccc;
}

.ads-300-100{
width:300px;
height:100px;
}

@media (max-width:480px){
.w480{display:none;}
#main-content{padding:0px;}
}

@media (max-width:767px){
.navbar-default ul li{float:none;}
.navbar-default ul li a{padding:5px 15px;text-transform:none;font-weight:300;}
.navbar-mobile{display:block;line-height:30px;}
.navbar-pc{display:none;background-color:#131921;}
.navbar-pc ul li{color:#fff;border-top:solid 1px #ffffff16;display:block;}
.navbar-pc ul li a{font-size: 14px;line-height: 36px;outline: 0 none;text-decoration: none;color: #f2f2f2;}
.dropdown-childs{display:block;width:96%;padding-left:10px;position:relative;background-color:#131921;}
.row-content{padding:0 5px;}
.logo{text-align:center;}
.w767{display:none;}
}

@media (min-width:768px){
#main-column{float:left;width:calc(100% - 300px);}
#side-column{float:right;width:300px;}
.header-left,.main-menu{float:left;padding-right:10px;}.header-right{padding:10px 0 10px;}
h3.w768-col3, ul li.w768-col3{display:inline-block;width:32%;}
#cookie-notice{width:100%;}
}

@media (min-width:1200px){
.container{width:1200px;}
}