html, body{font-family:Poppins, Arial, Helvetica, sans serif;margin:0;padding:0;background:#fcf4f4}
input[type=text], input[type=submit], input[type=password], textarea{font-family:Poppins, Arial, Helvetica, sans serif;-webkit-appearance: none;}
a{transition: all .5s;-webkit-transition: all .5s;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
body > header{margin:0;padding:0;z-index:2;position:fixed;background:#000;width:100%;height:60px;}
body > header nav{width:100%;max-width:1000px;margin:auto;}
body > header nav ul{height:60px;margin:0;padding:0;margin-left:.5em;margin-right:.5em;list-style-type:none;display:flex;justify-content:right;align-items:center;}
body > header nav ul li{margin:0;padding:0;display:flex;align-items:center;margin-right:2em;}
body > header nav ul li:last-child{margin-right:0em;}
body > header nav ul li form{position:relative;display:flex;align-items:center;}
body > header nav ul li input[type=text]{padding:.4em .8em;border:0;font-size:1em;border-radius:15px;color:#FFF;background:#444}
body > header nav ul li input[type=text]::placeholder{font-size:.75em;font-style:italic;color:#AAA;}
body > header nav ul li input[type=submit]{cursor:pointer;border:0;position:absolute;width:25px;height:25px;background:url('/i/louppe.png');background-size:25px 25px;right:.5em;}
body > header nav ul li:first-child{margin-left:0;margin-right:auto;;display:flex;align-items:center;position:relative}
body > header > nav > ul > li:first-child::after{content:'';color:red;font-size:.8em;position:absolute;right:-2.3em;;bottom:-.2em;}
body > header nav ul li a {color:#EEE;text-decoration:none;font-size:.9em;font-weight:bold}
body > header nav ul li a:after { display: inline-block; -webkit-transform: scale(0.5, 1); -moz-transform: scale(0.5, 1); -ms-transform: scale(0.5, 1); -o-transform: scale(0.5, 1); transform: scale(0.5, 1); content: ">"; position: relative; margin-left: 2px;}
body > header nav ul li.connect { margin-right:1em;}
body > header nav ul li.connect a:after { display: none;margin:0;padding:0}
body > header nav ul > li:first-child a{margin-left:0;padding:0;}
body > header nav ul li.connect a.notif{margin:0;padding:0;font-size:0px;}
body > header nav ul li.connect.notif{position:relative;}
body > header nav ul li.connect.notif span{top:-.5em;right:-.6em;position:absolute;text-align:center;display:flex;align-items:center;justify-content:center;background:red;color:#FFF;font-size:.7em;font-weight:bold;min-width:12px;height:12px;border-radius:50%;padding:.15em;}
body > header nav ul li.connect.menu{position:relative;padding:.4em .4em;border-radius:5px;margin-left:0;display:flex;flex-wrap:wrap;align-items:center}
body > header nav ul li.connect.img{border-right:1px solid #CCC;margin:0em;margin-left:.5em;display:flex;align-items:center;margin-right:.8em;padding-right:1em}
body > header nav ul li.connect.img img{margin:0;padding:0;border-radius:50%;border:2px solid #DDD;}
body > header nav ul li.connect.menu:hover{background:#666;}
body > header nav ul li.connect.menu.clicked{background:#666;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
body > header nav ul li.connect.menu a{display:flex;align-items:center;}
body > header nav ul li.connect.menu a i.top{width: 0px; height: 0px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #DDD;margin-left:.4em}
body > header nav ul li.connect.menu a i.bottom{width: 0px; height: 0px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #DDD;margin-left:.4em}
ul.account_nav{margin:.2em;margin-top:0em;margin-bottom:0em;padding:0;list-style-type:none; display:flex;flex-wrap:wrap}
ul.account_nav li{margin-right:.8em;font-size:.9em;margin-top:.7em;margin-bottom:.5em}
ul.account_nav li a{color:#888;background:#F8F8F8;border:1px solid #DDD;text-decoration:none;padding:.3em 1em;border-radius:5px}
ul.account_nav li a:hover, ul.account_nav li a.selected{background:#BBB;color:#FFF}
body > header nav div.menu_down{width:100%;min-width:210px;position:absolute;top:2.10em;right:0em;display:none;background:#666;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
body > header nav div.menu_down ol{width:100%;margin:0;padding:0; list-style-type:none;color:#666;}
body > header nav div.menu_down ol li{width:calc(100% - 2em -2px);text-align:right;padding:.4em 1em;margin:0;border-top:1px solid #AAA;font-size:.9em}
body > header nav div.menu_down ol li:hover{background:#999}
body > header nav div.menu_down ol li a{color:#FFF;;text-decoration:none;font-weight:normal;}
body > header nav div.menu_down ol li a:after { display: inline-block; -webkit-transform: scale(0.5, 1); -moz-transform: scale(0.5, 1); -ms-transform: scale(0.5, 1); -o-transform: scale(0.5, 1); transform: scale(0.5, 1); content: ">"; position: relative; margin-left: 2px;}
body > header nav div.menu_down ol li a.menu_exit{background:url('/i/ico_quit.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_param{background:url('/i/ico_param.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_goat{background:url('/i/ico_goat.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_guestb{background:url('/i/ico_comment.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_pnotes{background:url('/i/post-it-white.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_messages{background:url('/i/ico_dm.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_additional{background:url('/i/ico_userw.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_bookmark{background:url('/i/bookmark.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_announce{background:url('/i/ico_news.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_tournaments{background:url('/i/ico_tourn.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
body > header nav div.menu_down ol li a.menu_notif{background:url('/i/ico_notif.png') no-repeat left center;background-size:15px 15px;padding-left:22px;}
article.account div.whitebox div.line{display:flex;margin-left:1em;margin-top:.3em;align-items:center;}
article.account div.whitebox div.line.top{align-items:start}
article.account div.whitebox div.line.first{margin-top:1em}
article.account div.whitebox div.line.last{margin-bottom:.5em}
article.account div.whitebox div.line label{width:300px;font-size:.9em;color:#888;text-align:right;margin-right:1em}
article.account div.whitebox div.line.last label{}
article.account div.whitebox div.line input[type=text], article.account div.whitebox div.line input[type=password]{min-with:none;background:#fcf4f4;width:300px;border:1px solid #CCCCCC;padding:.3em;border-radius:3px}
article.account div.whitebox div.line input[type=submit]{cursor:pointer;padding:.3em;border-radius:5px;border:0;color:#FFF;font-weight:bold;background:#f24141;padding:.5em 1.5em;}
article.account div.whitebox div.line select, article.account div.whitebox div.line textarea{background:#fcf4f4;}
article.account div.whitebox div.line select.year{width:90px;border:1px solid #CCCCCC;padding:.3em;border-radius:3px;margin-right:5px;}
article.account div.whitebox div.line select.month{width:120px;border:1px solid #CCCCCC;padding:.3em;border-radius:3px;margin-right:5px;}
article.account div.whitebox div.line select.day{width:90px;border:1px solid #CCCCCC;padding:.3em;border-radius:3px;margin-right:5px;}
article.account div.whitebox div.line select.w100{width:310px;border:1px solid #CCCCCC;padding:.3em;border-radius:3px;margin-right:5px;}
article.account div.whitebox div.line textarea{width:300px;height:60px;border:1px solid #CCCCCC;padding:.3em;border-radius:3px;margin-right:5px;}
article.account div.whitebox div.line span{font-size:.9em}
article.account div.whitebox div.line span.explain{font-size:.8em;color:#888;margin-left:2em;margin-right:1em}
a.lnk{color:#FFF;text-decoration:none;font-size:.8em;padding:.3em .6em;}
a.lnk:hover {color:#FFF;background:rgb(255,255,255,.2);border-radius:6px;padding:.3em .6em;}
a.lnk.selected {color:#FFF;background:rgb(255,255,255,.2);font-weight:bold;border-radius:6px;padding:.3em .6em;}
a.red{color:#FFF;text-decoration:none;color:#f24141;}
a.red:hover {color:#999;}
a.button_send{color:#FFF;padding:.4em;background:#f24141 url('/i/ico_dm.png') no-repeat 8px center;padding-left:30px;background-size:15px 15px;border-radius:4px;font-size:.9em;margin-top:.4em}
a.button_book{color:#FFF;padding:.4em;background:#f24141 url('/i/bookmark.png') no-repeat 8px center;padding-left:30px;background-size:15px 15px;border-radius:4px;font-size:.9em;margin-top:.4em;margin-left:.6em;text-decoration:none;background-size:15px 15px;}
a.button_booked{color:#FFF;padding:.4em;background:#f24141 url('/i/bookmarked.png') no-repeat 8px center;padding-left:30px;background-size:15px 15px;border-radius:4px;font-size:.9em;margin-top:.4em;margin-left:.6em;text-decoration:none;background-size:15px 15px;}
a.green{color:#FFF;text-decoration:none;color:#2bac4f;}
a.green:hover {color:#999;}
footer{background:#FFF;width:100%;border-top:4px solid #f24141;padding-top:1.5em;}
footer a{color:#999;text-decoration:none;font-size:.9em}
footer a:hover{color:#f24141;}
footer div.fbox{width:100%;max-width:1000px;margin:auto;display:flex;}
footer div.fbox span{display:block;color:#999; padding-right:2em;font-size:.8em}
footer div.fbox > div{width:calc(40% - 2.4em);padding-right:2em;padding-left:.4em}
footer div.fbox > ul{width:20%}
footer div.fbox ul{margin:0;padding:0;list-style-type:none;flex-grow:2}
footer div.fbox ul li{font-size:.85em;margin:0;padding:0;}
footer div.fbox ul li:first-child{font-size:1.2em;color:#f24141;text-transform:uppercase;margin-bottom:.3em;}
footer div.fbox ul.nofirst li:first-child{font-size:.85em;margin-top:2.6em;text-transform:none;margin-bottom:0em;}
footer p {background:#F1F1F1;margin:0;padding:.2em;text-align:center;font-size:.85em;color:#AAA;border-top:2px solid #EEE;margin-top:1em;}
footer div.fbox ul:last-child li{color:#999;border-bottom:1px solid #EEE;padding-bottom:.8em;margin-bottom:.8em}
footer div.fbox ul:last-child li:first-child{border:0;color:#f24141;margin-bottom:0;padding-bottom:.8em;}
footer div.fbox ul:last-child li:last-child{border:0;}
footer div.fbox ul li.mail{position:relative;padding-left:28px;font-size:.8em}
footer div.fbox ul li.mail::before{left:0;opacity:.5;position:absolute;content:" ";width:20px;height:20px;background:url('/i/ico_mail.png');background-size:20px 20px;}
main{margin:auto;width:100%;max-width:1000px;display:flex;flex-wrap: wrap;padding-top:60px;}
main > header.search {position:relative;width:100%;max-width:1000px;background:#000000 url('/i/bg11tt.webp');min-height:300px;background-position:bottom;background-size:cover;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
main > header.profile{position:relative;width:100%;max-width:1000px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
main > header.bg_1 {background:#000000 url('/i/bg_1.jpg');background-position:bottom;background-size:cover;}
main > header.bg_2 {background:#000000 url('/i/bg_2.jpg');background-position:bottom;background-size:cover;}
main > header.bg_3 {background:#000000 url('/i/bg_3.jpg');background-position:bottom;background-size:cover;}
main > header.bg2 {background:#000000 url('/i/bgprofile.jpg');background-size:cover;}
main > header div{text-align:center}
main > header div.bandeau{position:absolute;width:calc(100%);background:rgb(64,64,64,.8);bottom:0.5em;padding:.5em 0}
main > header div h1{width:100%;margin:0;padding:0;text-align:center;text-transform:uppercase;color:#FFF;text-shadow:4px 2px 3px #333;font-size:2.5em}
form.search_box {display:inline-flex;background:rgb(0,0,0,.4);border-radius:10px;padding:1em;margin-bottom:25px;align-items:center}
form.search_box input[type=text]{border-radius: 0;-webkit-appearance;width:400px;border:0;padding:.5em;font-size:1.2em;border-bottom-left-radius:6px;border-top-left-radius:6px;}
form.search_box input[type=text]::placeholder{font-style:italic;color:#CCC}
form.search_box input[type=submit]{border-radius: 0;-webkit-appearance;cursor:pointer;border:0;padding:.5em;;font-size:1.2em;border-bottom-right-radius:6px;border-top-right-radius:6px;color:#FFF;background:#f24141;}
form.search_box input[type=button]{cursor:pointer;overflow:hidden;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance;height:49px;width:60px;background:#FFF url('/i/exact_gray.png');}
form.search_box span{display:none;height:49px;background:#f24141 url('/i/loading.gif') no-repeat center center;background-size:contain;border:0;padding:0em;font-size:1.2em;border-bottom-right-radius:6px;border-top-right-radius:6px;}
form.search_box span b{opacity:0;font-weight:normal;padding:0 .35em;}
main > header div.bandeau ol{margin:0;padding:0;position:relative;list-style-type:none;display:flex;align-items:center;padding-left:250px;width:calc(100% - 250px);}
main > header div.bandeau ol li{margin-right:.5em;color:#FFF;}
main > header div.bandeau ol li:first-child img.avatar{background:#FFF;position:absolute;width:150px;height:150px;border-radius:50%;border:10px solid #FFF;top:-50px;left:50px}
main > header div.bandeau ol li:last-child{margin-right:.5em}
main > header div.bandeau ol li.goright{margin-left:auto;margin-right:.5em}
main > header div.bandeau ol.home{margin:0;padding:0;position:relative;list-style-type:none;display:flex;align-items:center;padding-left:1em;width:calc(100% - 1em);}
main > header div.bandeau ol.home li:last-child {color:#CCC;margin-left:auto;font-size:.7em;font-style:italic;margin-right:.8em;}
main > header div.bandeau ol li a:after { display: inline-block; -webkit-transform: scale(0.5, 1); -moz-transform: scale(0.5, 1); -ms-transform: scale(0.5, 1); -o-transform: scale(0.5, 1); transform: scale(0.5, 1); content: ">"; position: relative; margin-left: 2px;}
main > header div.bandeau ol li a.nolink:after {display:inline; content: ""; text-decoration:none;margin:0;padding:0;}
main article{margin:0;padding:0;display:flex;flex-wrap:wrap;width:calc(100%);border-radius:5px;background:#fcf4f4;min-height:300px;margin-bottom:1.5em;margin-top:1em;}
main article div.r_content{width:calc(100% - 300px - 1.7em);margin-left:1em;margin-top:.5em;}
main article div.r_content div.box_resume{width:100%;display:flex;flex-wrap:wrap;margin-bottom:.5em;margin-top:.6em}
main article div.r_content div.box_resume div.box_stat_perf{box-shadow:#EEE 1px 1px 2px;border-right:1px solid #DDD;border-radius:6px;padding-bottom:.3em;}
main article div.r_content div.box_resume div.box_stat_perf b{margin:0;padding-left:.35em;font-size:1.7em;color:#f24141;}
main article div.r_content div.box_resume div.box_stat_perf strong{float:right;color:#2bac4f;background:#F1F1F1;border-radius:4px;padding:.2em .4em;font-weight:normal;font-size:.75em;margin-right:.5em;margin-top:.5em}
main article div.r_content div.box_resume div.box_stat_perf strong.red{color:#FF0000}
main article div.r_content div.box_resume div.box_stat_perf span{font-size:.9em;display:block;color:#999;margin-top:-1em;padding-left:.8em}
main article div.r_content div.box_resume div.box_stat_perf.last{position:relative}
main article div.r_content div.box_resume div.box_stat_perf span:first-child{display:block;width:15px;height:15px;background:url('/i/ico_info.png') no-repeat;background-size:15px 15px;position:absolute;right:0em;top:1.6em;opacity:.5}
main article div.r_content div.box_resume > div{background:#FFF;width:calc(23%);}
main article div.r_content div.box_resume > div.margl{margin-left:calc(8% / 3);}
main article div.r_content div.box_resume.disnone{display:none}
main article div.l_content{width:300px;padding:.7em;padding-left:0;text-align:center;display:flex;flex-direction:column}
main article div div.identity{margin-top:3.4em;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}
main article div div.identity ul.submenu_pl{display:none}
main article div div.identity h1{margin:0;padding:0;color:#f24141;font-size:1.4em;font-weight:bold}
.certif::after{display:inline-block;content: " ";width:20px;height:20px;background:url('/i/certified.png');background-size:20px 20px;margin-left:.2em;}
main article div div.identity a{display:block;text-decoration:underline;font-size:.85em}
main article div.l_content div.personal{margin:0;padding:0;background:#FFF;box-shadow:#EEE 1px 1px 4px;border-radius:4px;}
main article div.l_content div.whitebox dl{display:block;text-align:left;border-radius:6px;padding:0em;margin:0}
main article div.l_content div.whitebox dl p{margin-bottom:.3em;}
main article div.l_content div.whitebox dl dt{margin:0;padding:0;color:#999;font-size:.8em;margin-left:.5em}
main article div.l_content div.whitebox dl dd{margin:0;padding:0;display:block;color:#555;font-size:.85em;margin-bottom:.8em;margin-left:.5em}
main article div.l_content div.whitebox dl dd.country.fr::before{content:" ";position: absolute;width:20px;height:15px;background:url('/i/flags/fr.png');background-size:20px 15px;margin-left:-25px;margin-top:.1em;border-radius:2px}
main article div.l_content div.whitebox dl dd.country{padding-left:25px;}
main article.home{margin:0;min-height:100px;flex-wrap:wrap;margin-bottom:1.5em;}
main article.home div#search_box_result{display:none;width:calc(100% - .6em);}
div.must_update_page div.must_update_2{display:inline-flex;margin-left:2em;margin-top:1em;justify-content:center;align-items:center;margin-bottom:1em}
div.must_update_page div.must_update_2 div.arrow{text-align:center;margin-right:1em;}
div.must_update_page div.must_update_2 div.box{background:#FFF;border:1px solid #CCC;border-radius:5px;padding:.8em;margin-right:1em;text-align:center;}
div.must_update_page div.must_update_2 div.box b{display:block}
div.must_update_page div.must_update_2 div a.certify{background:#f24141;color:#FFF;padding:.4em .8em;;text-decoration:none;box-shadow:#CCCCCC 2px 2px 4px;;border-radius:5px;font-weight:bold}
div.must_update_page p.explain{margin-left:1em}
span.eleven{display:inline-block;width:52px;height:10px;background:url('/i/ELEVEN.png');background-size:52px 10px;text-indent:-10000;color:#FFF}
div.must_update_page div.mbox1{width:calc(90% - 2em - 2px);margin-left:4%;background:#F8F8F8;padding:1em;display:block;border-radius:10px;border:1px solid #EEE;margin-bottom:1em;}
div.must_update_page div.mbox2{width:calc(90% - 2em - 2px);margin-left:4%;background:#F8F8F8;padding:1em;display:block;border-radius:10px;border:1px solid #EEE;margin-bottom:1em;}
div.must_update_page p.title{margin:0;padding:0;padding:.2em;font-size:1.1em;;text-transform:uppercase}
div.must_update_page p span.num{display:inline-flex;align-items:center;justify-content:center;font-weight:bold;color:#FFF;background:#f24141;border-radius:50%;width:25px;height:25px;margin-right:.4em;text-shadow:#666 1px 1px 2px}
div.must_update_page form{margin:0;padding:0;margin-top:.8em;margin-bottom:.8em;margin-left:2.3em;}
div.must_update_page form input[type=text]{background:#FFF;box-shadow:#CCCCCC 2px 2px 4px;}
div.must_update_page form input[type=submit]{box-shadow:#CCCCCC 2px 2px 4px;}
div.matches_box{position:relative;display:flex;padding:1em;padding-top:.5em;padding-bottom:.2em;align-items:center;flex-wrap:wrap;justify-content:center}
div.matches_box > img{width:50px;height:50px;top:-1.6em;left:1em;position:absolute}
div.matches_box > div.elomove{top:20px;;left:0;position:absolute;padding:.2em .5em;padding-bottom:.1em;border-bottom-right-radius:4px;border-top-left-radius:4px;display:flex;flex-direction:column;}
div.matches_box > div.elomove span:first-child{font-style:italic;font-size:.8em;color:#999}
div.matches_box > div.elomove span:last-child{display:block;width:100%;text-align:center;font-weight:bold;font-size:.9em;}
div.matches_box > div.elomove span.green:last-child{color:#2bac4f}
div.matches_box > div.elomove span.red:last-child{color:#f24141}
div.matches_box > div.elodiff{top:0;right:0;position:absolute;padding:.2em .5em;padding-bottom:.1em;border-bottom-right-radius:4px;border-top-left-radius:4px;display:flex;flex-direction:column;}
div.matches_box > div.elodiff_right{top:0;right:0;position:absolute;padding:.2em .5em;padding-bottom:.1em;border-bottom-right-radius:4px;border-top-left-radius:4px;display:flex;flex-direction:column;}
div.matches_box > div.elodiff_left{top:0;left:0;position:absolute;padding:.2em .5em;padding-bottom:.1em;border-bottom-right-radius:4px;border-top-left-radius:4px;display:flex;flex-direction:column;}
div.matches_box > div.elodiff span:first-child, div.matches_box > div.elodiff_left span:first-child, div.matches_box > div.elodiff_right span:first-child{font-style:italic;font-size:.8em;color:#999}
div.matches_box > div.elodiff span:last-child{display:block;width:100%;text-align:center;font-size:.9em;color:#999}
div.matches_box > div.elodiff_left span:last-child{display:block;width:100%;text-align:center;font-size:.8em;color:#999}
div.matches_box > div.elodiff_right span:first-child{text-align:right}
div.matches_box > div.elodiff_right span:last-child{display:block;width:100%;text-align:center;font-size:.8em;color:#999}
div.matches_box > div.playedon{width:100%;text-align:center}
div.matches_box > div.playedon > span{color:#888;background:#fcf4f4;font-size:.8em;font-style:italic;padding:.2em .5em;border-radius:4px;}
div.matches_box > div.playedon > span.red{color:#f24141;}
div.matches_box > div.player1{width:auto;margin-right:.8em;display:flex;align-items:center;justify-content:right;text-align:right;margin-top:.5em;}
div.matches_box > div.player1 > p{margin:0;padding:0;display:flex;flex-direction:column;font-size:1.1em;color:#999}
div.matches_box > div.player1 > p > span:last-child{font-size:.8em;color:#999;margin-top:-.4em}
div.matches_box > div.player1 > p > span.red{color:#f24141}
div.matches_box > div.player1 > p > span.green{color:#2bac4f;}
div.matches_box > div.player1 > img{width:30px;height:30px;border:3px solid #FFF;border-radius:50%;margin-right:.4em}
div.matches_box > div.score{text-align:center;margin-top:.5em;}
div.matches_box > div.score span{font-size:1.2em;display:inline-block;min-width:15px;background:#AAA;color:#FFF;padding:.1em .2em;margin-right:.1em;}
div.matches_box > div.score span.green{background:#888;font-weight:bold}
div.matches_box > div.score span.red{background:#BBB}
div.matches_box > div.player2{width:auto;margin-left:.8em;display:flex;align-items:center;justify-content:left;margin-top:.5em;}
div.matches_box > div.player2 > p{margin:0;padding:0;display:flex;flex-direction:column;font-size:1.1em;color:#999}
div.matches_box > div.player2 > p > span:last-child{font-size:.8em;color:#999;margin-top:-.4em}
div.matches_box > div.player2 > p > span.red{color:#f24141}
div.matches_box > div.player2 > p > span.green{color:#2bac4f;}
div.matches_box > div.player2 > p a.waiting{color:#999;;text-decoration:none}
div.matches_box > div.player2 > img{width:30px;height:30px;border:3px solid #FFF;border-radius:50%;margin-left:.4em}
div.matches_box > div.detail_list_com{width:100%;}
div.match_comments{position:relative;margin:0;padding:.8em;width:calc(100% - 1.6em);text-align:left;margin:auto;margin-top:.4em;background:#F8F8F8;font-size:.8em}
div.match_comments > img{width:30px;height:30px;position:absolute;border:3px solid #FFF;border-radius:50%;}
div.match_comments > span{margin-left:45px;display:block;font-size:.85em;color:#999}
div.match_comments > span:first-child{margin-top:.2em}
div.match_comments > span > a.red{font-size:1.2em;}
div.match_comments > span:last-child{color:#666;font-size:1em;}
div.whitebox{background:#FFF;box-shadow:#EEE 1px 1px 4px;border-radius:4px;margin-top:1em;padding-top:.3em;padding-left:.7em;padding-bottom:.5em;}
div.w100{width:100%;display:flex;flex-wrap:wrap}
div.w100s{width:100%;display:flex;flex-wrap:wrap}
div.w60{width:calc(60% - 1.2em);}
div.w60.grey{border:1px solid #f4f9fe;border-radius:6px;background:#F8F8F8;margin-left:.4em;margin-right:.6em}
div.w60.grey2{border:1px solid #f4f9fe;margin-top:1em;border-radius:6px;background:#F8F8F8}
div.w40{width:calc(40% - 1.2em);margin-left:1em}
div.w40.grey{border:1px solid #f4f9fe;border-radius:6px;background:#F8F8F8;margin-left:.4em}
div.w40l{width:calc(40% - 1.2em);margin-right:1em}
div.w40l.grey{margin-right:1.7em;margin-left:.3em;margin-right:1.2em;}
div.w50.grey{width:calc(100% - 2px);border:1px solid #f4f9fe;margin-top:1em;border-radius:6px;background:#F8F8F8}
div.w50 div.ul_box{margin-top:0;margin-bottom:0}
div.w50l{width:calc(50% - 1.25em);}
div.w50r{width:calc(50% - 1.25em);margin-left:1em}
div.w50sl{width:calc(50% - 1.25em);}
div.w50sr{width:calc(50% - 1.25em);margin-left:1em}
div.whitebox p{font-size:.9em;}
div.transpbox{padding-top:.3em;padding-bottom:0em;}
div.transpbox.last_match{margin-top:1.5em}
div > p.title_shadow, div > h2.title_shadow{font-weight:normal;display:block;text-align:left;width:calc(100% - .5em);margin:0;padding:0;font-size:1.2em;color:#f24141;margin-bottom:.3em; border-bottom:3px solid #fcf4f4;padding-bottom:.3em;padding-top:.3em;width:calc(100% - 3em);text-shadow:1px 1px 1px #CCC}
div > p.title_shadow.nobot, div > h2.title_shadow.nobot{font-weight:normal;display:flex;align-items:center;border-bottom:0}
div > p.title_shadow2, div > h3.title_shadow2{font-weight:normal;text-transform:uppercase;display:block;text-align:left;width:calc(100% - .5em);margin:0;padding:0;font-size:1em;color:#666;margin-bottom:.3em; background:#EEE;padding-bottom:.3em;padding-top:.3em;width:calc(100% - .7em);padding-left:.7em;margin-bottom:0}
div > p.title_shadow_left, div > h2.title_shadow_left{font-weight:normal;display:block;text-align:left;width:calc(100% - .5em);margin:0;padding:0;font-size:1.2em;color:#f24141;margin-bottom:.3em; border-bottom:3px solid #fcf4f4;padding-bottom:.3em;padding-top:.3em;text-shadow:1px 1px 1px #CCC}
div > .title_shadow.ico_search{padding-left:40px;background:url('/i/ico_search.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_notify{padding-left:40px;background:url('/i/ico_bell.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_newsletter{padding-left:40px;background:url('/i/ico_newsletter.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_public{padding-left:40px;background:url('/i/ico_public.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_password{padding-left:40px;background:url('/i/ico_password.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_delete{padding-left:40px;background:url('/i/ico_delete.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_best{padding-left:40px;background:url('/i/ico_best.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_inroom{padding-left:40px;background:url('/i/ico_inroom.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_live{padding-left:40px;background:url('/i/ico_live.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_comments{padding-left:40px;background:url('/i/ico_comments.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_perf{padding-left:40px;background:url('/i/ico_perf.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_device{padding-left:40px;background:url('/i/ico_device.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_fair{padding-left:40px;background:url('/i/ico_fair.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_hl{padding-left:40px;background:url('/i/ico_hl.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_update{padding-left:40px;background:url('/i/ico_update.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_biggest{padding-left:40px;background:url('/i/ico_stats.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_sab{padding-left:40px;background:url('/i/ico_sab.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_crowd{padding-left:40px;background:url('/i/ico_crowd.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_most{padding-left:40px;background:url('/i/ico_most.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_private{padding-left:40px;background:url('/i/ico_letter.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_privatenote{padding-left:40px;background:url('/i/post-it.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_bookmark{padding-left:40px;background:url('/i/bookmarked.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_faq{padding-left:40px;background:url('/i/ico_faq.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_twitch{padding-left:40px;background:url('/i/ico_twitch.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_replay{padding-left:40px;background:url('/i/ico_replay.png') no-repeat left;background-size:30px 30px;}
div > .title_shadow.ico_pictures{padding-left:40px;background:url('/i/ico_pictures.png') no-repeat left;background-size:30px 30px;}
div > p.title, div > h3.title{font-weight:normal;display:block;text-align:left;width:calc(100% - .5em);margin:0;padding:0;font-size:1.2em;color:#f24141;margin-bottom:.3em;}
div > p.title_with_list{display:inline-block;text-align:left;margin:0;padding:0;font-size:1.2em;color:#f24141;}
div > div.ul_box{display:flex;margin-top:1em;margin-bottom:.5em}
div > div.ul_box ul{list-style-type:none;margin:0;padding:0;width:calc(50% - 1.25em);margin-left:.5em}
div > div.ul_box ul:last-child{margin-left:1em;}
div > div.ul_box ul li{padding:.3em .3em;display:flex;align-items:center;font-size:1em;background:#FFF}
div > div.ul_box ul li:nth-child(odd){background:#fcf4f4}
div > div.ul_box ul:last-child li{background:#fcf4f4}
div > div.ul_box ul:last-child li:nth-child(odd){background:#FFF}
div > div.ul_box ul li span:first-child{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:.6em;;border-radius:20px;font-size:.7em;color:#999}
div > div.ul_box ul li span b {font-size:1.6em;color:#999}
div > div.ul_box ul li a {font-size:.9em;font-weight:normal;display:flex;align-items:center;}
div > div.ul_box ul li a img{width:30px;height:30px;border-radius:50%;border:3px solid #FFF;margin-right:.5em;}
div > div.ul_box ul li span:last-child{font-size:.8em;color:#AAA;margin-left:auto}
div > div.ul_box.inv ul li{padding:.3em .3em;display:flex;align-items:center;font-size:1em;background:#FFF}
div > div.ul_box.inv ul li:nth-child(odd){background:#fcf4f4}
div > div.ul_box.grey{margin-top:.6em;margin-bottom:.2em}
div > div.ul_box.grey ul li:nth-child(even){background:#F8F8F8}
div > div.ul_box.grey2 ul li:nth-child(odd){background:#F8F8F8}
div > div.ul_box ul.t1{margin:0;width:calc(100% - 1em);margin-left:.5em}
div > div.ul_box ul.t2{margin-left:.5em;margin-top:.4em;margin-bottom:.3em;width:calc(100% - 1em)}
div > div.ul_box ul.t2 li.l1{font-size:.85em;background:#FFF;margin-top:0;margin-bottom:.3em;;padding-right:0em}
div > div.ul_box ul.t2 li.l2{font-size:.85em;background:#FFF;margin-bottom:.3em;;padding-right:0em}
div > div.ul_box ul.t2 li.l3{font-size:.85em;background:#FFF;;padding-right:0em}
div > div.ul_box ul.t2 li span{font-weight:bold;white-space:nowrap;font-size:1em;padding-right:.3em}
div > div.ul_box ul.t3{margin:0;width:calc(50% - .75em);margin-left:.5em}
div > div.ul_box ul.t3 li:nth-child(even){background:#F8F8F8}
div > div.ul_box ul.t3 li:nth-child(odd){background:#FFF}
div > div.ul_box ul.t3.bis li:nth-child(odd){background:#F8F8F8}
div > div.ul_box ul.t3.bis li:nth-child(even){background:#FFF}
div > div.ul_box ul li{margin-bottom:.3em;background:#FFF;}
div > div.ul_box ul.t2.longest li{display:flex;flex-direction:column;width:calc(100% - .3em);background:#F8F8F8;padding:0;margin-top:.4em;}
div > div.ul_box ul.t2.longest li > div{width:calc(100% - 1em);display:flex;align-items:center;background:#FFF;padding:.4em .5em;}
div > div.ul_box ul.t2.longest li > div:first-child{margin-bottom:.4em}
div > div.ul_box ul.t2.longest li > div i{border:2px solid #CCC;margin-left:auto;color:#999;font-style:normal;width:40px;text-align:center;border-radius:4px;background:#F8F8F8;font-size:.85em;margin-right:.5em;padding-top:.3em;padding-bottom:.3em;font-weight:bold}
div.linehome{display:flex;flex-direction:column;width:100%;;background:#F8F8F8}
div > div.ul_box ul li b{font-weight:normal;margin-left:.2em;font-style:italic;font-size:.8em;color:#AAA}
div > div.ul_box ul li i{font-style:normal;font-size:.9em;margin-left:.3em;margin-right:.3em}
div.ul_box.new_users{width:calc(100% - 1.5em)}
div.ul_box.new_users ul{width:calc(50%)}
div.ul_box.new_users ul:last-child{margin-left:1em}
div.ul_box.new_users ul li{width:100%; font-size:1em;color:#666}
div.ul_box.new_users ul li span{display:flex;align-items:center}
div.ul_box.new_users ul li span img{margin-left:.4em;border:1px solid #888}
div > div.inroom_box_select{display:block;width:calc(100% - .8em);font-size:.8em;color:#999;;text-align:right;margin-right:.8em;margin-top:.3em;}
div > div.inroom_box_select select{border:1px solid #BBB;color:#999;padding:.3em .4em;border-radius:4px;max-width:260px;}
div > div.inroom_box_select select.short{max-width:200px;}
div.ometer_choice{width:100%;display:flex;justify-content:center;padding:0;margin:0;align-items:center}
div.ometer_choice > img{cursor:pointer;width:calc((100% / 5) - 6px - (30%/5));margin-left:5%;opacity:.7;margin-top:.5em}
div.ometer_choice > img:first-child{margin-left:0%;}
div.ometer_choice > img:hover{opacity:1}
span.discrete_note{display:block;color:#AAA;font-style:italic;font-size:.75em;margin-top:.6em}
div.view_more{background:none;display:block;width:100%;text-align:right;margin-right:1em;margin-top:.5em;margin-bottom:.7em;}
div.view_more a {color:#f24141;font-size:.8em;}
div.view_more a::before {content:" ";border: solid #f24141; border-width: 0 2px 2px 0; display: inline-block; padding: 2px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);margin-right:.5em;}
.fleche{color:#FFF;position:relative;display:flex;align-items:center;background:#f24141;padding:0 .4em;margin-right:-.5em;white-space:nowrap}
.fleche > span{position:relative;}
.fleche > span.elo{margin-right:.25em;margin-top:.25em;padding-left:28px}
.fleche > span.elo::before{position:absolute;left:0;top:-3px;content:" ";background:url('/i/rewards.png');background-size:25px 25px;width:25px;height:25px;}
.fleche > span.rank{margin-right:.25em;margin-top:.25em;padding-left:42px}
.fleche > span.rank::before{position:absolute;left:0;top:-3px;margin-left:1em;margin-right:.3em;content:" ";background:url('/i/rank.png');background-size:25px 25px;width:25px;height:25px;}
.fleche > strong{font-size:1.4em;}
.fleche > strong:first-child{margin-right:1em;}
.fleche::after{content:" ";width: 0;right:-1em;position:absolute;height: 0;border-top: 1.07em solid #f24141;border-bottom: 1.06em solid #f24141;border-right:1.06em solid transparent;margin-top:.06em}
.fleche::before{content:" ";width: 0;left:-1em;position:absolute;height: 0;border-top: 1.07em solid transparent;border-bottom: 1.06em solid transparent;border-right:1.06em solid #f24141;margin-top:.06em}
div.textarea{position:relative;width:100%;text-align:center;margin-top:.3em}
div.textarea textarea{color:#666;font-family:Poppins, Arial, Helvetica, sans serif;width:calc( 100% - .8em - 40px);padding:.8em;border:0;background:#F8F8F8;font-size:.8em;padding-left:40px}
div.textarea textarea::placeholder{font-style:italic;color:#AAA}
div.textarea::before{position:absolute;content: " ";background:url('/i/comment.png');background-size:20px 20px;width:20px;height:20px;margin-top:.55em;margin-left:.8em;opacity:.5}
div.textarea.guestbook{width:calc(100%);margin-top:.6em;padding-left:0}
div.textarea.guestbook textarea{background:#FFF;width:calc(90% - .8em)}
div.textarea.postit textarea{background:#fde9a2}
div.textarea.postit::before{background:url('/i/pin.png');background-size:20px 20px;opacity:1}
div.textarea textarea::placeholder{font-style:italic;color:#666}
div.title_and_select{display:flex;align-items:center;margin-bottom:.3em}
div.title_and_select ol{margin:0;padding:0;list-style-type:none;margin-left:auto;display:flex}
div.title_and_select ol li{background:#F8F8F8;font-size:.8em;border:1px solid #F1F1F1;color:#BBB;padding:.2em .4em;border-radius:3px;margin-left:.3em}
div.title_and_select ol li.selected, div.title_and_select ol li:hover{background:#DDD;font-size:.8em;border:1px solid #AAA;color:#999;padding:.2em .4em;border-radius:3px;margin-left:.3em}
div.title_and_select ol li:hover{cursor:pointer}
div.title_and_select ol li.selected:hover{cursor:default}
span.unknown{text-align:left;margin:0;padding-left:1em;font-style:italic;color:#CCC;font-size:.9em;}
span.update_data{display:block;width:calc(100% - 2em);font-size:.85em;background:#b2dafa;color:#3197ed;border-radius:4px;padding:.3em 1em;margin-bottom:.7em}
span.red{color:red}
.user_connected{padding:.3em;font-weight:bold;background:url('/i/ico_user.png') left center no-repeat;background-size:22px 22px;padding-left:27px}
div.matches_box > div.playedon span.nobg{background:none}
div.box_chart{margin-right:.6em;margin-top:0em;margin-bottom:0em;}
div.box_chart2{margin-right:.6em;margin-bottom:0em;calc(width:100% - 1em);height:200px;margin-top:-60px;}
div.box_chart.disnone{display:none}
a.cond_link{display:block;font-size:.75em;margin-top:1em;}
ol#search_list_result{margin:.8em 0em;padding:0;width:calc(100% - 2em);display:flex;flex-direction:column}
ol#search_list_result li{width:100%;display:flex;align-items:center;background:#fcf4f4;padding:.3em .5em;}
ol#search_list_result li:nth-child(odd){background:#FFF;}
ol#search_list_result li:hover{cursor:pointer;background:#F1F1F1}
ol#search_list_result li.nohover{background:#f4fcf4}
ol#search_list_result li.nohover:hover{cursor:default;background:#f4fcf4}
ol#search_list_result li b.pname{color:#999}
ol#search_list_result li b.lonline{margin-left:auto;text-align:right;color:#999}
ol#search_list_result li b.celo{text-align:right;min-width:150px;color:#999}
ol#search_list_result li b.rrank{margin-left:2em;min-width:150px;text-align:right;color:#999;margin-right:1em}
ol#search_list_result li img{width:30px;height:30px;border-radius:50%;border:3px solid #FFF;margin-right:.5em;}
ol#search_list_result li i.lonline{margin-left:auto;text-align:right;color:#999}
ol#search_list_result li i.celo{text-align:right;min-width:150px;color:#999}
ol#search_list_result li i.rrank{margin-left:2em;min-width:150px;text-align:right;color:#999;margin-right:1em;}
div > div.ul_box ul li span.ranking{font-weight:700}
div > div.ul_box ul li span.ranking b{margin:0;font-size:1.4em}
span.fair_voted{font-size:.85em;color:#888;background:url('/i/ico_evaluated.png') left no-repeat;padding-left:25px;background-size:20px 20px;}
span.fair_voted > span{font-size:.8em;}
span.fair_voted > span > a{color:#666}
article.home div.intro{display:flex;align-items:center;flex-direction:row}
article.home div.intro a{margin:0;padding:0;font-size:0}
article.home div.intro p{margin:0;padding:0;color:#888;width:calc(100% - 180px - 1em);margin-left:.8em;margin-top:.2em}
i.vanish{font-style:normal}
div.barrow{display:none}
.tooltip {
z-index:1000;
display: none; position: absolute; padding: .5em;
color: #FFF; background-color: #333; border: 1px solid #333;
box-shadow: 0 1px 3px 1px rgba(0,0,0,0.5); border-radius: 3px;
font-size:.8em;max-width:300px;
}
/* ================ LOGIN / SIGNUP ================== */
.popup{z-index:10000;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow-y:scroll;background-color:rgba(0,0,0,0.60);}
.popup>div{padding:15px;padding-bottom:0;margin:auto;}
.popup>div>div{width:400px;text-align:center;background-color:#fff;position:relative;border-radius:8px;min-width:380px;}
.popup .close{position:absolute;top:0;right:0;cursor:pointer;transition: all 1s;-webkit-transition: all 1s;background:url('/i/ico_close.png') no-repeat;background-size:15px 15px;width:15px;height:15px;opacity:.3;margin-top:1em;margin-right:1em}
.popup .close:hover{opacity:.7;}
.popup .p-wrap{display:block;margin:0;overflow:hidden;padding-bottom:0em;}
.popup h3{margin:1em 2em;margin-bottom:.5em;padding:0;font-size:1em;font-weight:400;color:#888;background:url('/i/11clubhouse-12b.png') no-repeat top;background-size:auto 40px;padding-top:50px}
.popup .facebook{min-width:67%;display:inline-flex;font-size:1.2em;justify-content:center;align-items:center;height:50px;margin:1em auto;margin-top:.8em;margin-bottom:1.5em;text-transform:uppercase;color:#fff;background-color:#55729a;border-radius:5px;box-shadow:2px 2px 3px #CCC;padding:0 1em;}
.popup span.ico{display:block;background:url('/i/ico_facebook.png') no-repeat;background-size:25px 25px;width:25px;height:25px;margin-right:.5em}
.popup p{color:#999;display:block;margin:0em;margin-top:1.4em;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-style:italic;padding:.5em 0em}
.popup div>div>div>span{display:block;margin:0em 2em}
.popup .ou{margin:10px 10px;margin-bottom:15px;height:1px;background-color:#ccc;display:flex;align-items:center;justify-content:center;}
.popup .ou i{display:block;width:38px;font-size:0.8125em;color:#999;font-style:normal;background-color:#fff;text-transform:uppercase;}
.popup form{width:100%}
.popup form>div, .popup input[type=submit]{max-width:450px;}
.popup form>div{text-align:center;margin:1em auto 0 auto;width:calc(100% - 2em)}
.popup form>div::after{top:0;line-height:1.6em;font-size:1.5em;}
#signup label{display:block;margin:0 0 0.5em .5em;text-align:left;font-size:.9em}
.popup input[type=submit]{opacity:.8;min-width:67%;margin:15px auto 35px auto;display: block;padding: 0.8em;border: 0;font-size: 1em;color: #fff;text-transform: uppercase;font-family: Poppins, Arial, Helvetica, sans serif;;transition: background-color .3s;cursor: pointer;background:#f24141;border-radius:8px;}
.popup input[type=submit]:hover{opacity:1;}
#signup input[type=submit]{margin:18px auto 30px auto;}
.popup .bottom-line{font-size:.9em;padding:0.85em 0 .85em 0;border-top:1px solid #ccc;background-color:#f7f7f7;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.popup .top-line{font-size:.9em;padding:0.65em 0 .9em 0;border-bottom:1px solid #ccc;background-color:#f7f7f7;border-top-left-radius:8px;border-top-right-radius:8px;margin-bottom:1em;}
#signup input[type=submit]{margin:18px auto 30px auto;}
.popup input[type=text], .popup input[type=password]{display: block;min-width: 75%;padding: 0.5em 50px 0.5em 0.875em;border: 1px solid #ccc;border-radius: 3px;font-size: 1em;box-sizing: border-box;color: #666;margin:auto;}
.popup input[type=password]{background:url('/i/ico_passwd.png') no-repeat right;background-size:35px 25px;}
.popup input[type=text]{background:url('/i/ico_email.png') no-repeat right ;background-size:35px 25px;}
.popup input::placeholder{font-style:italic;color:#AAA}
.popup a{font-size:1em;}
.popup form div.check{display:inline-flex;justify-content:center;margin-bottom:-1em;}
.popup p.popup_error{margin:0 1em;padding:0;border:0;color:#FF0000;background:none;background:#fef1f1;padding:.4em 1em;}
.popup p.popup_success{margin:0 1em;padding:0;border:0;color:#41ae3c;background:none;background:#f2fef1;padding:.4em 1em;}
.fleche.pl{display:none}
#chart-area1{max-height:180px;}
#chart-area2{max-height:180px;}
#chart-area3{max-height:180px;}
#chart-area4{max-height:180px;}
#chart-area5{max-height:180px;}
#chart-area6{max-height:180px;}
#chart-area7{max-height:180px;}
#chart-area8{max-height:180px;}
body > header nav ul li a.logo{display:inline-block;height:34px;width:230px;background:url('/i/11clubhouse-12w.png');background-size:230px 36px;;text-indent:-10000em;position:relative}
div.upload_cov{opacity:.85;cursor:pointer;right:5px;bottom:52px;padding:5px;background:#EEE;border:1px solid #AAA;position:absolute;font-size:.85em;border-radius:6px}
div.upload_av{opacity:.85;cursor:pointer;display:flex;left:180px;width:20px;height:20px;bottom:-75px;padding:5px;border-radius:50%;background:#EEE;border:1px solid #AAA;position:absolute;font-size:0}
div#menu_left{position:relative;display:flex;align-items:center;}
div#menu_left img{width:28x;height:28px;cursor:pointer;margin-right:.8em}
div#menu_left ul{display:none;height:auto;z-index:2;position:absolute;margin:0;padding:0;list-style-type:none;flex-direction:column;background:#444;left:-.3em;top:44px;border:0px solid #000;border-top:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
div#menu_left ul li{white-space:nowrap;padding:0em;margin:0;width:calc(100% - .6em);padding-left:.3em;padding-right:.3em}
div#menu_left ul li:first-child{padding-top:.3em;}
div#menu_left ul li:last-child{padding-bottom:.3em;}
div#menu_left ul li a{color:#FFF;font-weight:normal;width:calc(100% - 1em);background:#444;padding:.5em;border-top:1px solid #000;}
div#menu_left ul li:first-child a{border-top:0}
div#menu_left ul li a.lm_home{background:url('/i/ico_homew.png') no-repeat 6px center;background-size:15px 15px;padding-left:28px;}
div#menu_left ul li a.lm_best{background:url('/i/ico_trophyw.png') no-repeat 6px center;background-size:15px 15px;padding-left:28px;}
div#menu_left ul li a.lm_cntry{background:url('/i/ico_flagw.png') no-repeat 6px center;background-size:15px 15px;padding-left:28px;}
div#menu_left ul li a.lm_paddle{background:url('/i/ico_paddlew.png') no-repeat 6px center;background-size:15px 15px;padding-left:28px;}
div#menu_left ul li a.lm_ppp{background:url('/i/ico_ppp.png') no-repeat 6px center;background-size:15px 15px;padding-left:28px;}
div#menu_left ul li a.lm_faq{background:url('/i/ico_faqm.png') no-repeat 6px center;background-size:15px 15px;padding-left:28px;}
div#menu_left ul li a.lm_twi{background:url('/i/ico_camera.png') no-repeat 4px center;background-size:18px 18px;padding-left:28px;}
div#menu_left ul li a.lm_onl{background:url('/i/ico-vr-glasses.png') no-repeat 4px center;background-size:18px 18px;padding-left:28px;}
div#menu_left ul li a.lm_liv{background:url('/i/ico_livew.png') no-repeat 4px center;background-size:18px 18px;padding-left:28px;}
div#menu_left ul li a:hover{background-color:#888}
ol#messaging_list{border:1px solid #DDD;border-bottom:0;width:calc(100% - 1.2em);margin:0;padding:0;margin-top:.5em;margin-bottom:.5em;list-style-type:none;}
ol#messaging_list, ol#messaging_list li:first-child{border-top-left-radius:4px;border-top-right-radius:4px;}
ol#messaging_list, ol#messaging_list li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
ol#messaging_list li{margin:0;padding:0;border-left:4px solid none;border-bottom:1px solid #DDD;}
ol#messaging_list li.msg a{opacity:.8;color:#444;text-decoration:none;background:#FFF;display:block;padding:.6em;display:flex;align-items:center}
ol#messaging_list li.msg a:hover{background:#f1dcdc;}
ol#messaging_list li.unread{border-left:4px solid #f24141;}
ol#messaging_list li.unread a{opacity:1;background:#fcf4f4}
ol#messaging_list li.msg a img{width: 40px;height: 40px;border-radius: 50%;border: 3px solid #FFF;margin-right: 0.5em;}
ol#messaging_list li.msg a div{display:flex;flex-direction:column;font-size:.9em;}
ol#messaging_list li.msg a time{margin-left:auto;color:#AAA;font-size:.8em}
article.account a.newm{text-shadow:none;opacity:.8;margin-left:auto;text-decoration:none;font-size:.8em;border-radius:5px;padding:.3em .5em;background:#f24141;color:#FFF;}
article.account a.newm:hover{opacity:1}
article.account div.more_messages {width:100%;;text-align:center;margin:.6em 0;}
article.account div.more_messages a {opacity:.6;text-decoration:none;color:#FFF;text-align:center;border-radius:5px;padding:.3em .5em;background:#f24141;max-width:300px;}
article.account div.more_messages a:hover {opacity:1}
form#add_msg div.textarea{position: relative;width: 100%;text-align: center;margin-top: 0.3em;}
form#add_msg div.textarea::before{position: absolute;content: " ";background: url(/i/comment.png);background-size: 20px 20px;width: 20px;height: 20px;margin-top: 0.55em;margin-left: 0.8em;opacity: .5;}
form#add_msg div.textarea textarea{color: #666;font-family: Poppins, Arial, Helvetica, sans serif;width: calc( 100% - 0.8em - 40px);padding: 0.8em;border: 0;background: #FFFFFF;font-size: .8em;padding-left: 40px;}
form#add_msg div.textarea input[type=submit]{color: #888;cursor: pointer;position: absolute;bottom: 1em;right: 1em;font-size: .9em;border-radius: 4px;background: #FFF;border: 1px solid #DDD;}
article.account div.more_messages.grey a {cursor:default;opacity:.6;text-decoration:none;color:#AAA;text-align:center;border-radius:5px;padding:.3em .5em;background:#EEE;max-width:300px;font-style:italic}
article.account div.more_messages.grey a:hover {opacity:.6}
div#private_dest_info{display:flex;align-items:center;padding:1em;padding-top:0;width:calc(100% - 3em);}
div#private_dest_info img.usr{border-radius:50%;border:4px solid #fcf4f4;margin-right:1em;}
div#private_dest_info div.inpho{display:flex;flex-direction:column;}
div#private_dest_info div.inpho > div.elo{display:flex;color:#999;font-size:.9em;margin-top:.1em}
div#private_dest_info div.info{display:flex;flex-direction:column;margin-left:auto;font-size:.8em;color:#999}
div.twitch div.twitch{display:flex;align-items:center;height:calc(100% - .6em);width:105px;border-top-left-radius:3px;border-bottom-left-radius:3px;font-size:.9em;position:relative;padding:.3em;;color:#FFF;padding-left:32px;background:#f24141 url('/i/ico_twitch.png') no-repeat 7px;background-size:20px 20px;margin-right:1em}
div.twitch div.twitch b{font-weight:normal;margin-left:.25em}
div.twitch div.twitch::after { content: " "; width: 0; right: -1em; position: absolute; height: 0; border-top: 1.05em solid transparent; border-bottom: 1.05em solid transparent; border-left: 1.06em solid #f24141; margin-top: -.1em;}
div.twitch div.twitchslide{width:calc(100% - 105px - 4em);display:flex;align-items:center}
div.twitch div.twitchslide a{word-break: break-all;display:block;width:calc(100% - 200px - 3em);margin-left:.5em;font-size:.9em;cursor:pointer;margin-left:1.8em;overflow: hidden; text-overflow: ellipsis;}
div.twitch div.twitchslide span{background-size:16px 16px;display:inline-block;width:200px;margin-left:.5em;text-align:center;color:#666}
div.twitch div.twitchslide span b{font-size:.9em;font-weight:normal;background:url('/i/ico_clock.png') no-repeat left;background-size:14px 14px;padding-left:18px;}
ol.video_box{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style-type:none}
ol.video_box li{position:relative;max-width:calc((100%/3) - 2.2em - 2px);border:1px solid #CCC;background: linear-gradient(#F8F8F8,#fcf4f4);border-radius:5px;padding:.6em;margin-right:.5em;margin-left:.5em;margin-bottom:1.5em;}
ol.video_box li div.streamer{border:1px solid #CCC;border-radius:3px;top:-.5em;left:-.5em;background:#FFF;font-size:.9em;padding:.2em .6em ;position:absolute;}
ol.video_box li p.title{width:100%;margin:0;padding:0;font-size:.9em;padding-top:1.4em;padding-bottom:.5em;}
ol.video_box li div.box_image{position:relative;cursor:pointer}
ol.video_box li div.box_image img.play{width:100px;height:100px;position:absolute;left:calc(50% - 50px);top:calc(50% - 50px)}
ol.video_box li div.box_image img.thumb{width:100%;height:100%;}
ul.box_streamers{width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;list-style-type:none}
ul.box_streamers li{width:calc(50% - 2px - 2.7em);border:1px solid #CCC;background: linear-gradient(#F8F8F8,#fcf4f4);border-radius:5px;padding:.6em;margin-right:.5em;margin-left:.5em;margin-bottom:1em;}
ul.box_streamers li a img{width:100px;height:100px}
div.faq_home{padding:0;display:flex;align-items:center}
div.faq_home div.hfaq_title{width:120px;font-size:.9em;margin:0;padding:.5em .8em;;color:#FFF;background:#f24141;position:relative;}
div.faq_home div.hfaq_title::after { content: " "; width: 0; right: -1em; position: absolute; height: 0; border-top: 1.25em solid transparent; border-bottom: 1.25em solid transparent; border-left: 1.06em solid #f24141; margin-top: -.5em;}
div.faq_home span{margin:0;padding:0;width:calc(100% - 230px - 4.8em);margin-left:1.5em}
div.faq_home span a{font-size:.9em;margin:0;padding:0}
div.faq_home div.view_more{width:110px;margin:0;padding:0;margin-right:1em;margin-left:auto;}
@media (max-width:600px){
div.faq_home div.hfaq_title{order: 1;width:120px;font-size:.9em;margin:0;padding:.5em .8em;;color:#FFF;background:#f24141;position:relative;}
div.faq_home span{order: 3;margin:0;padding:1em;width:calc(100% - 2em);margin-left:0em}
div.faq_home div.view_more{order: 2;width:unset;margin:0;padding:0;margin-right:1em;margin-left:auto;}
}
@media (max-width:1048px){
.fleche::after{display:none}
}
@media (max-width:930px){
ol.video_box li{position:relative;max-width:calc((100%/2) - 2.2em - 2px);border:1px solid #CCC;background: linear-gradient(#F8F8F8,#fcf4f4);border-radius:5px;padding:.6em;margin-right:.5em;margin-left:.5em;margin-bottom:1em;}
ol.video_box li.vanish_mini{display:none}
}
@media (max-width:770px){
ul.box_streamers li a img{width:80px;height:80px}
ul.box_streamers li{width:calc(100% - 2px - 2.7em);border:1px solid #CCC;background: linear-gradient(#F8F8F8,#fcf4f4);border-radius:5px;padding:.6em;margin-right:.5em;margin-left:.5em;margin-bottom:1em;}
}
@media (max-width:680px){
ol.video_box li{position:relative;width:100%;max-width:calc((100%/1) - 2.2em - 2px);border:1px solid #CCC;background: linear-gradient(#F8F8F8,#fcf4f4);border-radius:5px;padding:.6em;margin-right:.5em;margin-left:.5em;margin-bottom:1em;}
}
@media (max-width:900px){
footer div.fbox {flex-wrap:wrap}
footer div.fbox > div{width:40%}
footer div.fbox ul:first-child{width:60%}
footer div.fbox ul.contact{width:100%}
footer div.fbox ul:last-child{margin-top:1em;display:flex;align-items:center}
footer div.fbox ul:last-child li{margin-top:0;padding:0;margin-left:1em;border:0}
footer div.fbox ul:last-child li:last-child{padding-left:25px}
main > header.search {min-height:250px}
div.become100{width:calc(100%);}
div.become100g{width:calc(100% - .7em);}
div.become50{width:calc(50% - 1.1em);margin:0;margin-top:1em}
div.become50 > div:first-child{margin:0;margin-left:.7em}
div.become50 > div:last-child{margin:0;margin-left:.7em;margin-top:.7em}
div.become50 div.ul_box ul.t2 li{padding-top:0em;padding-bottom:0em}
div.become50 div.ul_box ul.t2 li div{padding-top:.1em;padding-bottom:.1em}
.camembert{display:none}
form.search_box {padding:.7em}
form.search_box input[type=text]{width:300px;}
main > header div h1{font-size:2.2em}
form.search_box input[type=text], form.search_box input[type=submit]{font-size:1.1em}
form.search_box input[type=button], form.search_box span{height:44px;width:54px;}
form.search_box input[type=button]{background-size:54px 44px}
main article.home{margin:0;padding:0;min-height:100px;flex-wrap:wrap;margin-bottom:1.5em;}
article.home div.intro{display:inline-block}
article.home div.intro img{float:left;margin-right:10px;margin-top:7px;margin-left:7px;height:28px}
article.home div.intro p{margin:0;padding:0;color:#888;width:calc(100% - .8em);margin-left:.8em;margin-top:.2em}
ol#search_list_result li .lonline{display:none}
ol#search_list_result li .celo{margin-left:auto}
article.conditions img{max-width:90%;}
main > header div.bandeau ol li:first-child img.avatar{width:120px;height:120px;border-radius:50%;border:10px solid #FFF;top:-40px;left:70px}
main article div.r_content{order:1;width:calc(100% - .5em);margin-left:0}
main article div.l_content{order:2;width:calc(100% - .5em)}
.fleche::after{display:none}
main article div div.identity{margin-top:-1em;}
main article div.l_content div.whitebox dl dd{font-size:1em}
main article div.r_content div.box_resume div.box_stat_perf b{font-size:1.5em;}
#stat_title{padding-left:.3em}
body > header nav ul li a.logo{display:inline-block;height:30px;width:191px;background:url('/i/11clubhouse-12w.png');background-size:191px 30px;;text-indent:-10000em;position:relative}
.fleche.band{display:none}
.fleche.pl{display:inline-block}
.fleche::before{display:none}
.vanish{display:none}
article.account div.whitebox div.line{flex-direction:column;align-items:start;margin-left:0;font-size:1.1em}
article.account div.whitebox div.line label{;text-align:left;margin-top:.5em;;margin-left:0}
article.account div.whitebox div.line:first-child label{margin-top:0em}
article.account div.whitebox div.line select,article.account div.whitebox div.line input,article.account div.whitebox div.line textarea{font-size:.9em}
article.account div.whitebox div.line span.explain{;margin-left:1em;margin-right:1em}
div.must_update_page form {margin-left:0em}
div.must_update_page form input[type=text] {max-width:300px}
article.account div.whitebox div.line.top{align-items:start}
div.twitch div.twitch b{margin-left:0em}
div.twitch div.twitch{padding-left:32px;background:#f24141 url('/i/ico_twitch.png') no-repeat 7px;background-size:32px 32px;text-align:center;flex-direction:column;justify-content:center;width:80px;}
div.twitch div.twitchslide{flex-direction:column;width:calc(100% - 105px - 4em);}
div.twitch div.twitchslide a{margin-left:0;width:calc(100% - 2em);text-align:center}
div.twitch div.twitchslide span{margin-left:0;width:calc(100% - 2em);}
}
@media (max-width:830px){
}
@media (max-width:700px){
footer div.fbox {flex-wrap:wrap}
footer div.fbox > div{width:100%;margin-left:1em}
footer div.fbox > div a{display:inline;background:none}
footer div.fbox ul{width:calc(50% - 1em)}
footer div.fbox ul.community{width:calc(50% - 1em);margin-left:1em;margin-top:1em}
footer div.fbox ul.nofirst{width:(50% - 1em);margin-left:1em;margin-top:1em}
footer div.fbox ul.contact{width:100%}
footer div.fbox ul.contact li:first-child{margin-bottom:0}
footer div.fbox ul:last-child{margin-top:1em;display:flex;flex-direction:column;align-items:start;justify-content:start}
footer div.fbox ul:last-child li{text-align:left;margin-top:0;padding:0;;border:0}
footer div.fbox ul:last-child li:last-child{padding-left:25px}
main > header.search {min-height:200px}
div.become100{width:calc(100%);}
div.become100g{width:calc(100% - .7em);}
div.become50{width:calc(100% - 1.2em);margin:0;margin-top:1em;padding:0;}
div.become50 > div:first-child{width:calc(100%);margin:0;}
div.become50 > div:last-child{width:calc(100%);margin:0;margin-top:.7em;padding:0}
div.become50 > div:last-child div.w50{margin:0;width:100%}
div.become50 div.ul_box ul.t2 li{padding-top:0em;padding-bottom:0em}
div.become50 div.ul_box ul.t2 li div{padding-top:.1em;padding-bottom:.1em}
div.ul_box ul.b1st{width:calc(100% - 1em)}
div > div.ul_box ul.t3{width:calc(100% - 1em)}
div.ul_box ul.b2nd{display:none}
.camembert{display:none}
form.search_box {padding:.5em}
form.search_box input[type=text]{width:200px;}
body > header nav ul li a img.logo{height:28px}
main > header.classic {min-height:270px;}
main > header div h1{font-size:1.9em}
main > header.profile{}
form.search_box input[type=text], form.search_box input[type=submit]{font-size:1em}
form.search_box input[type=button], form.search_box span{height:41px;width:50px}
form.search_box input[type=button]{background-size:50px 41px}
main article.home{margin:0;padding:0;min-height:100px;flex-wrap:wrap;margin-bottom:1.5em;}
article.home div.intro{display:inline-block}
article.home div.intro img{float:left;margin-right:10px;height:15px}
article.home div.intro p{margin:0;padding:0;color:#888;width:calc(100% - .8em);margin-left:.4em;margin-top:.2em}
ol#search_list_result li .lonline{display:none}
ol#search_list_result li .celo{display:none}
ol#search_list_result li .rrank{margin-left:auto}
article.conditions img{max-width:90%;}
.popup>div>div{width:100%;max-width:400px;min-width:100px;text-align:center;background-color:#fff;position:relative;border-radius:8px;}
.popup>div>div input[type=text], .popup>div>div input[type=password]{width:80%;}
main > header div.bandeau ol li:first-child img.avatar{width:120px;height:120px;border-radius:50%;border:10px solid #FFF;top:-60px;left:calc(50% - 70px)}
.fleche.band{display:none}
li.menu_more{display:none}
main article div div.identity ul.submenu_pl{margin:0;padding:0;display:block;display:flex;list-style-type:none;margin-bottom:.5em}
main article div div.identity ul.submenu_pl li{background:rgb(0,0,0,.5);margin-left:.1em;margin-right:.1em;border-radius:4px}
main article div div.identity ul.submenu_pl li a{text-decoration:none}
main > header div.bandeau{padding:0}
main > header div.bandeau ol{padding-left:0;width:calc(100%);}
main > header div.bandeau ol li{width:calc(100%);text-align:center}
main > header div.bandeau ol li.goright{display:none}
div.tomove div.whitebox{display:none}
div.proftomove{display:none}
main article div.r_content div.box_resume div.box_stat_perf b{font-size:1.3em;}
main article div.r_content div.box_resume div.box_stat_perf span{padding-left:.4em}
span#stats_time{font-size:.8em}
main article div div.identity{margin-top:3em;}
main article div.l_content div#identity{order:1}
main article div.l_content div#about{order:2}
main article div.l_content div#hallfame{order:3}
main article div.l_content div#fairplay{order:4}
main article div.l_content div#usual{order:5}
div.playedon {margin-bottom:1em}
div.elomove span:last-child{margin-top:-5px}
div.player1 img{display:none}
div.player2 img{display:none}
div.player1 p span:first-child{text-overflow: ellipsis;width:120px;white-space : nowrap; overflow : hidden;}
div.player2 p span:first-child{text-overflow: ellipsis;width:120px;white-space : nowrap; overflow : hidden;}
body > header nav ul li a.logo{display:inline-block;height:26px;width:166px;background:url('/i/11clubhouse-12w.png');background-size:166px 26px;;text-indent:-10000em;position:relative}
body > header nav ul li a.logo.petit{display:inline-block;height:26px;width:26px;background:url('/i/11clubhouse-12mini.png');background-size:26px 26px;;text-indent:-10000em;position:relative}
body > header > nav > ul > li:first-child::after{content:'';}
div.upload_cov{text-transform:capitalize;opacity:.85;cursor:pointer;right:5px;bottom:7px;padding:5px;background:#EEE;border:1px solid #AAA;position:absolute;font-size:.85em;border-radius:6px}
div.upload_av{opacity:.85;cursor:pointer;display:flex;left:calc(50% + 30px);width:20px;height:20px;bottom:-70px;padding:5px;border-radius:50%;background:#EEE;border:1px solid #AAA;position:absolute;font-size:0}
div.must_update_page div.must_update_2{flex-direction:column}
div.barrow{display:inline}
div.arrow{display:none}
div.must_update_page form {margin-left:0em}
div.must_update_page form input[type=text] {max-width:200px}
b.rrank{display:none}
i.rrank{display:none}
form.search_box input[type=submit]{}
.vanish_mini, div.world_best ul.b1st li a.vanish_mini, article.home div.whitebox div.new_users ul.b1st li span.vanish_mini{display:none}
div#private_dest_info div.inpho > div.elo{display:flex;color:#999;font-size:1em;margin-top:.1em}
div#private_dest_info div.info{display:none;font-size:.8em;color:#999}
div#box_messages div.match_comments span{font-size:1.1em}
a.button_send{background:#f24141 url('/i/ico_dm.png') no-repeat 8px center;background-size:20px 20px;}
a.button_book{background:#f24141 url('/i/bookmark.png') no-repeat 8px center;background-size:20px 20px;margin-left:.4em}
a.button_booked{background:#f24141 url('/i/bookmarked.png') no-repeat 8px center;background-size:20px 20px;margin-left:.4em}
}
@media (max-width:480px){
}
article#match_viewer{padding-top:0;margin-top:.8em}
article#match_viewer > div.whitebox{display:block;margin-top:.2em}
article#match_viewer > div.whitebox h2{border:0;display:flex;}
article#match_viewer > div.whitebox h2 span{margin-left:auto;display:flex;align-items:center}
article#match_viewer > div.whitebox h2 span img{border:1px solid #666;margin-right:.3em}
article#match_viewer div.box_tv{position:relative;min-height:400px;background:url('/i/bg_1.jpg');width:calc(100% - 1em - 6px);border:6px solid #999;border-radius:8px;}
article#match_viewer div.box_tv div.voile{z-index:0;background:rgb(0,0,0,0.5);display:block;width:100%;height:100%;position:absolute;}
article#match_viewer div.box_tv div.connect{z-index:1;background:rgb(0,0,0,.8);display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;}
article#match_viewer div.box_tv div.connect p{position:relative;color:#FFF;font-weight:bold;font-size:3em;}
article#match_viewer div.box_tv div.line1{position:relative;display:flex;align-items:center;margin-top:0em}
article#match_viewer div.box_tv div.line2{position:relative;display:flex;align-items:center;margin-top:2em;}
article#match_viewer div.box_tv div.line3{width:100%;text-align:center;position:relative;margin-top:.5em}
article#match_viewer div.box_tv div.line1 div.info_p1{color:#FFF;font-size:2em;font-weight:bold;width:calc(50% - 45px - .6em);margin-top:1em;display:flex;align-items:center;justify-content:center;padding-right:.6em;}
article#match_viewer div.box_tv div.line1 div.info_p2{color:#FFF;font-size:2em;font-weight:bold;width:calc(50% - 45px - .6em);margin-top:1em;display:flex;align-items:center;justify-content:center;padding-left:.6em}
article#match_viewer div.box_tv div.line1 div.container{background:rgb(0,0,0,.5);border-radius:5px;padding:.3em .4em}
article#match_viewer div.box_tv div.line1 div.container div.name{display:flex;align-items:center}
article#match_viewer div.box_tv div.line1 div.container div.name a{text-decoration:none;color:#FFF}
article#match_viewer div.box_tv div.line1 div.container div.name img{width:40px;height:40px;border-radius:50%;border:4px solid #FFF;margin-right:.6em;margin-left:.6em}
article#match_viewer div.box_tv div.line1 div.container div.info{font-weight:normal;font-size:.5em;text-align:right;}
article#match_viewer div.box_tv div.line1 div.container div.info b{font-weight:normal}
article#match_viewer div.box_tv div.line1 div.container div.info b:last-child{margin-left:1em}
article#match_viewer div.box_tv div.line1 div.info_time{overflow:hidden;width:200px;display:inline-flex;justify-content:center;flex-direction:column;}
article#match_viewer div.box_tv div.line1 div.info_time p.type{width:100%;color:#FFF;text-align:center;margin:0;padding:0;margin-bottom:.3em;font-weight:bold;font-size:1em}
article#match_viewer div.box_tv div.line1 div.info_time p.legend{width:100%;color:#FFF;text-align:center;margin:0;padding:0;margin-bottom:.3em}
article#match_viewer div.box_tv div.line1 div.info_time div.timer{text-align:center;width:90px;border:2px solid #ad9b28;background:#444 url('/i/scorevide.png');background-size:14px 20px;padding:.6em;margin:auto;border-radius:2px;display:flex;align-items:center;justify-content:center}
article#match_viewer div.box_tv div.line2 div.score_1{color:#FFF;font-size:2em;font-weight:bold;width:calc(50% - 120px);text-align:right;}
article#match_viewer div.box_tv div.line2 div.score_2{color:#FFF;font-size:2em;font-weight:bold;width:calc(50% - 120px);;}
article#match_viewer div.box_tv div.line2 div.info_round{width:240px;justify-content:center;display:flex;flex-direction:column;background:rgb(0,0,0,.5);border-radius:5px}
article#match_viewer div.box_tv div.line2 div.score_box{width:60px;border:2px solid #ad9b28;background:#444 url('/i/scorevide.png');background-size:28px 40px;padding:.6em;margin:auto;display:flex;align-items:center}
article#match_viewer div.box_tv div.line2 div.info_round span.round_name{color:#FFF;font-weight:bold;font-size:1.6em;margin:auto}
article#match_viewer div.box_tv div.line2 div.info_round span.serve_2{color:#FFF;font-weight:bold;font-size:1.6em;margin:auto;display:flex;align-items:center;padding-left:40px}
article#match_viewer div.box_tv div.line2 div.info_round span.serve_1{color:#FFF;font-weight:bold;font-size:1.6em;margin:auto;display:flex;align-items:center;padding-right:40px;display:none;}
article#match_viewer div.box_tv div.line2 div.info_round span.serve_2 img{width:30px;height:30px;margin-left:10px;}
article#match_viewer div.box_tv div.line2 div.info_round span.serve_1 img{width:30px;height:30px;margin-right:10px;}
article#match_viewer div.box_tv div.line3 > div{width:400px;display:inline-flex;flex-direction:column;margin:auto;margin-top:1em;background:rgb(0,0,0,.5);border-radius:5px;font-size:1.5em;}
article#match_viewer div.box_tv div.line3 > div > div:first-child{color:#FFF;display:flex;align-items:center;padding-top:.2em;}
article#match_viewer div.box_tv div.line3 > div > div:last-child{color:#FFF;display:flex;align-items:center;margin-top:.2em;padding-bottom:.2em;}
article#match_viewer div.box_tv div.line3 > div > div > span.box_score{width:40px;background:rgb(64,64,64,.6);margin-right:.2em;font-weight:bold;padding-top:.2em;padding-bottom:.2em;border-radius:2px}
article#match_viewer div.box_tv div.line3 > div > div > p.name{text-transform:uppercase;margin:0;padding:0;font-weight:bold;margin-right:auto;padding-left:.3em}
article#match_viewer div.box_tv div.line3 > div > div > span.current{width:40px;background:rgb(64,64,64,.6);margin-right:.2em;font-weight:bold;padding-top:.2em;padding-bottom:.2em;color:#f24141;border-radius:2px}
article#match_viewer div.box_tv div.line3 > div > div:first-child > span:first-child{width:40px;background:rgb(64,64,64,.6);margin-left:.2em;margin-right:.2em;font-weight:bold;padding-top:.2em;padding-bottom:.2em;border-radius:2px;color:#DDD}
article#match_viewer div.box_tv div.line3 > div > div:last-child > span:first-child{width:40px;background:rgb(64,64,64,.6);margin-left:.2em;;margin-right:.2em;font-weight:bold;padding-top:.2em;padding-bottom:.2em;border-radius:2px;color:#DDD}
article#match_viewer div.box_comments{width:calc(100% - .5em - 6px);}
article#match_viewer div.box_comments img{position:absolute;margin-left:.5em}
article#match_viewer div.box_comments p{border:1px solid #DDD;border-radius:8px;background:#F5F5F5;padding: .3em .6em;color:#666;}
article#match_viewer div.box_comments p u{text-decoration:none;margin-right:2em;color:#666}
article#match_viewer div.box_comments p.com_0{margin-left:80px;font-style:italic}
article#match_viewer div.box_comments ul li:nth-child(1){opacity:1;}
article#match_viewer div.box_comments ul li:nth-child(2){opacity:.8;}
article#match_viewer div.box_comments ul li:nth-child(3){opacity:.6;}
article#match_viewer div.box_comments ul li:nth-child(4){opacity:.4;}
article#match_viewer div.box_comments ul li:nth-child(5){opacity:.2;}
article#match_viewer div.box_comments ul li:nth-child(n+6){display:none}
article#match_viewer div.box_comments p time{margin-right:1em;font-size:.8em;color:#999;width:65px;display:inline-block;}
article#match_viewer div.box_comments p u {width:65px;}
article#match_viewer div.box_comments p strong {width:65px;}
article#match_viewer div.box_comments p span{margin-left:auto;width:calc(100% - 195px);font-style:italic}
div.score_box img{height:40px;width:28px;}
@media (max-width:700px){
article#match_viewer div.box_tv div.line1 div.container div.name a.mvp1_name{display:none}
article#match_viewer div.box_tv div.line1 div.container div.name a.mvp2_name{display:none}
article#match_viewer div.box_tv div.line1 div.container div.info b#p1_rank{display:none}
article#match_viewer div.box_tv div.line1 div.container div.info b#p2_rank{display:none}
article#match_viewer div.box_tv div.line2 div.info_round span.round_name{font-size:1.2em;}
article#match_viewer div.box_tv div.line2 div.info_round span.serve_2{font-size:1.2em;}
article#match_viewer div.box_tv div.line2 div.info_round span.serve_1{font-size:1.2em;}
article#match_viewer div.box_tv div.line2 div.info_round{width:170px;}
article#match_viewer div.box_tv div.line2 div.score_1{font-size:1em;width:calc(50% - 85px);}
article#match_viewer div.box_tv div.line2 div.score_2{font-size:1em;width:calc(50% - 85px);}
article#match_viewer div.box_tv div.line3 > div{width:unset;}
article#match_viewer div.box_tv {width:calc(100% - 1em);}
div.w100 {width:calc(100% - 1em);}
div.w100s {width:calc(100% - 1em);flex-direction:column}
div.w50sr{width:calc(100%);margin-left:0}
div.w50sl{width:calc(100%);}
article#match_viewer div.box_tv div.connect p{font-size:2em}
}
@media (max-width:500px){
article#match_viewer div.box_tv div.line1 div.info_time div.timer{margin:0;width:unset}
article#match_viewer div.box_comments p{flex-wrap:wrap}
article#match_viewer div.box_comments p time{text-align:center;margin:0;font-size:.8em;color:#999;width:calc(100%/3);display:inline-block;}
article#match_viewer div.box_comments p u {text-align:center;margin:0;width:calc(100%/3);}
article#match_viewer div.box_comments p strong {text-align:center;margin:0;width:calc(100%/3);}
article#match_viewer div.box_comments p span{margin-left:unset;width:calc(100%)}
article#match_viewer div.box_tv div.line3 > div {font-size:1.2em}
article#match_viewer div.box_tv div.line2 div.score_box{width:46px}
article#match_viewer div.box_tv div.line2 div.score_box img{height:30px;width:21px;}
article#match_viewer div.box_tv {min-height:300px;}
}
article ol.list_m{overflow:hidden;-webkit-transform: translateZ(0);margin:0;padding:0;overflow-x: auto;display:flex;flex-wrap: nowrap;justify-content: start;width:calc(100% - 1em)}
article ol.list_mf{margin:0;padding:0;width:calc(100%);display:flex;flex-wrap:wrap}
article ol.list_m li.list_match{margin:0;padding:0;display:flex;flex-direction:column;background:#fcf4f4;cursor:pointer;border-radius:10px;min-width:250px;margin-left:.5em;margin-right:.5em;margin-bottom:.8em;border:2px solid #FFF}
article ol.list_mf li.list_match{margin:0;padding:0;display:flex;flex-direction:column;background:#fcf4f4;cursor:pointer;border-radius:10px;width:calc( (100%/4) - .5em - 4px);;margin-right:.5em;margin-bottom:.8em;border:2px solid #FFF}
article ol.list_m li.list_match:hover, article ol.list_mf li.list_match:hover{border:2px solid #f24141}
article ol.list_m li.list_match.black:hover{border-color:#000}
article ol.list_mf li.list_match.black:hover{border-color:#000}
@media (max-width:900px){
article ol.list_mf li.list_match{width:calc( (100%/3) - .5em - 4px);}
}
@media (max-width:740px){
article ol.list_mf li.list_match{width:calc( (100%/2) - .5em - 4px);}
}
@media (max-width:520px){
article ol.list_mf li.list_match{width:calc( (100%/1) - .5em - 4px);}
}