:root {
  --man_color: #0084DA;
  --woman_color: #F300FF;
  --bkcolor_1: #FFFFFF;
  --color_1: #FF0000;
  --bkcolor_2: #3B3B3B;
  --color_2: #FFFFFF;
  --bkcolor_3: #CBCBCB;
  --color_3: #000000;
  --bkcolor_4: #FF0000;
  --color_4: #FFFFFF;
  --bkcolor_5: #FFFFFF;
  --color_5: #000000;
  --bkcolor_6: #353535;
  --color_6: #FFFFFF;
  --app_color: #E40421;
  --bkcolor_7: #000;
  --color_7: #FFF;
  --bkcolor_8: #060707;
  --bkcolor_9: #DFDFDF;
  --bkcolor_10: #000000;
  --bkcolor_11: #000000;
  --color_12: #000000;
  --color_13: #FFFFFF;
  --bkcolor_14: #3B3B3B;
  --color_15: #FFFFFF;
  --bkcolor_16: #FEFEFE;
  --bkcolor_17: #FFFFFF;
  --bkcolor_18: #FFFFFF;
  --bkcolor_20: #FFFFFF;
  --color_20: #000000;
  --color_21: #2A2D33;
  --color_22: #2A2D33;
  --color_23: #2A2D33;
  --bkcolor_24: #FF0000;
  --bkcolor_26: #8B8B8B;
  --font_1: Arial;
  --font_1_url: [FONT1_URL];
  --font_2: Arial;
  --font_2_url: [FONT2_URL];
  --font_3: Arial;
  --font_3_url: [FONT3_URL];
  --font_4: Arial;
  --font_4_url: [FONT4_URL];
  --font_5: Arial;
  --font_5_url: [FONT5_URL];
  --font_6: JetSet, Arial;
  --font_6_url: [FONT6_URL];
  --font_7: Arial;
  --font_7_url: [FONT7_URL];
}
/* ---------  Carousel Touch  ---------  */
.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
.mycarousel {
  /*	margin: 0 auto;*/
  margin: 0px;
  position: relative;
  overflow: hidden;
  width: auto;
  height: auto;
  z-index: 10;
  width: 100%;
  background-size: cover;
}
.arrow-left img,
.arrow-right img {
  width: 13px;
  position: absolute;
  top: 8px;
  opacity: 0.7;
  cursor: pointer;
}
.arrow-left img:hover,
.arrow-right img:hover {
  opacity: 0.9;
}
.arrow-left img {
  left: 8px;
}
.arrow-right img {
  right: 8px;
}
.mycarousel {
  min-width: 200px;
}
.swiper-slide {
  height: 262px;
}
html,
body {
  background-color: transparent;
}
/* ---------  Top Ranking Title ---------  */
/* --------- Title ---------  */
.ranking {
  /*	padding-left: 2px;
	padding-right: 2px;*/
  font-family: Arial;
  overflow: hidden;
  height: 310px;
}
.top_ranking_title {
  text-align: center;
  color: #ffffff;
  height: 40px;
  background-color: #3B3B3B;
  color: #FFFFFF;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  font-family: Arial;
}
.top_ranking_title p {
  font-size: 22px;
  padding-top: 7px;
  padding-left: 40px;
  padding-right: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.top_ranking_title p[onclick]:hover {
  color: #FF0000;
  cursor: pointer;
}
.div_pseudo_time .pseudo a[onclick]:hover {
  cursor: pointer;
}
.top_ranking_title .leaderboard_title span {
  width: auto;
  height: 26px;
  font-size: 90%;
  font-weight: bold;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 5px;
  font-family: Arial;
}
@media all and (max-width: 500px) {
  .top_ranking_title p {
    font-size: 17px;
    padding-top: 10px;
  }
  .top_ranking_title .leaderboard_title span {
    height: 22px;
  }
}
.top_ranking_title .triangle_left {
  width: 49px;
  height: 0px;
  border-style: solid;
  border-width: 40px 29px 0 0;
  border-color: #FF0000 transparent transparent transparent;
  position: absolute;
  top: 0px;
}
.top_ranking_title .triangle_right {
  width: 49px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 40px 29px;
  border-color: transparent transparent #FF0000 transparent;
  position: absolute;
  top: 0px;
  right: 0px;
}
.rankings .swiper-slide:nth-child(1) .triangle_left {
  display: none;
}
.rankings .swiper-slide:nth-child(1) .arrow-left {
  display: none;
}
.rankings .swiper-slide:last-child .triangle_right {
  display: none;
}
.rankings .swiper-slide:last-child .arrow-right {
  display: none;
}