/* MY RACING CAREER - STYLE VERSION 3.0.0 */
body {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  color: #666666;
  font-family: Noto Sans, sans-serif;
  background-color: #0082ff;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.body_circuit {
  background-image: url(../images/background/bg_circuit_001.jpg);
}
.body_gold {
  background-image: url(../images/background/bg_nostalgic_001.jpg);
}
.body_darkblue {
  background-color: #081A32;
  background-image: url(../images/background/bg_oldschool_001.jpg);
}
.body_office {
  background-color: #F8F8F8;
}
.body_request {
  background-position: center 0px;
}

.span_a {
  text-decoration: none;
  font-weight: bold;
  color: #4477AA;
  cursor: pointer;
}
.span_a:hover {
  color: #6699BB;
}


/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #191919; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #6b603d; 
}


/* confirm */
.confirm_win_base {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 999999;
	background-color: rgba(0,0,0,0.5);
}
.confirm_win_base .confirm_win {
  position: absolute;
  top: calc(50vh - 100px);
  right: calc(50vw - 200px);
  width: 400px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 400px) {
  .confirm_win_base .confirm_win {
    right: 0px;
    width: 100%;
  }
}
.confirm_win_base .confirm_message {
  padding: 10px;  
}
.confirm_win_base .confirm_caption {
  font-weight: bold;
}
.confirm_win_base .confirm_caption {
  font-weight: bold;
}
.confirm_win_base .confirm_part_cap {
  display: inline-block;
  width: 40%;
  text-align: right;
  font-weight: bold;
  line-height: 36px;
}
.confirm_win_base .confirm_part_val {
  display: inline-block;
  width: 55%;
  text-align: left;
  line-height: 36px;
}
.confirm_win_base .confirm_input {
  font-size: 14px;
  border-radius: 10px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #DDDDDD;
}
.confirm_win_base .confirm_input_100 {
  width: 100%;
}
.confirm_input[type=submit] {
  min-width: 25%;
  font-size: 12px;
  font-weight: bold;
  color: #DDDDDD;  
  border-radius: 10px;
  padding: 10px 20px;
  background: linear-gradient(#AA0000,#660000);
  border: 1px solid #AA0000;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.confirm_input[type=submit]:hover {
  background: linear-gradient(#AF0000,#6B0000);
  border-color: #FF2222;
  color: #FFFFFF;  
}
.confirm_input[type=submit]:disabled {
  background: linear-gradient(#999999,#666666);
  border-color: #888888;
  color: #BBBBBB;  
  cursor: not-allowed;
}
.confirm_input[type=button] {
  min-width: 25%;
  font-size: 12px;
  font-weight: bold;
  color: #DDDDDD;  
  border-radius: 10px;
  padding: 10px 20px;
  background: linear-gradient(#444444,#000000);
  border: 1px solid #444444;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.confirm_input[type=button]:hover {
  background: linear-gradient(#4A4A4A,#050505);
  border-color: #666666;
  color: #FFFFFF;  
}

/* loader */
.page_loader {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 999999;
	background-color: #fff;
}
.request_loader {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 999999;
}

.roller {
  position: absolute;
  top: calc(50vh - 40px);
  right: calc(50vw - 40px);
}
.lds-roller {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #888888;
  margin: -4px 0 0 -4px;
}
.request_loader .lds-roller div:after {
  background: #0082ff;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.page_loader.loaded {
	width: 0;
	left: 0;
	-moz-transition: all 1s cubic-bezier(.8, .2, .2, .9);
	-o-transition: all 1s cubic-bezier(.8, .2, .2, .9);
	-webkit-transition: all 1s cubic-bezier(.8, .2, .2, .9);
	transition: all 1s cubic-bezier(.8, .2, .2, .9);
}

/* cookies */
.cookies_confirm {
  position: fixed;
  width: calc(100% - 20px);
  background-color: #191919;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  z-index: 1000;
} 
.cookies_confirm a {
  display: inline-block;
  padding: 3px 8px 3px 8px;
  margin-top: 5px;
  background-color: #444444;
  color: #FFFFFF;
  border-radius: 5px;
  text-decoration: none;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.cookies_confirm a:hover {
  background-color: #666666;
}
.cookies_confirm_behind {
  background-color: #191919;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  z-index: 999;
}
.cookies_confirm_behind a {
  display: inline-block;
  padding: 3px 8px 3px 8px;
  margin-top: 5px;
}

/* unverified / not validated */
.unverified_area {
  position: fixed;
  width: calc(100% - 20px);
  background-color: #191919;
  color: #FFFFFF;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  z-index: 1000;
} 
.unverified_caption {
  color: #DD0000;
  font-weight: bold;
  font-size: 120%;
}
.verify_options {
  position: relative;
  max-width: 1030px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.verify_option {
  float: left;
  width: 23%;
  padding: 1%;
  font-size: 78.5714%;
}
.verify_option_caption {
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 109.0909%;
}
.verify_option_icon {
  float: left;
  height: 24px;
  width: 24px;
  margin-right: 5px;
  margin-top: 3px;
}
.unverified_area_behind {
  position: relative!important;
  z-index: 999!important;
}
@media screen and (orientation:portrait) {
  .verify_options {
    margin-top: 1%;
    border-top: 1px solid #888888;
  }
  .verify_option {
    width: 90%;
    padding: 1% 5% 1% 5%;
    font-size: 100%;
    border-bottom: 1px solid #888888;
  }
}
.unverified_area .flag_n {
  height: 18px;
  width: 24px;
}
.verify_options .flag_n {
  height: 12px;
  width: 18px;
}

.top_notifs_button {
  display: inline-block;
  background-color: #444444;
  color: #FFFFFF;  
  padding: 3px 8px 3px 8px;
  border-radius: 5px;
  margin: 5px;
  border: 0px;
  cursor: pointer;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.top_notifs_button:hover {
  background-color: #666666;
}
.top_notifs_button:active {
  background-color: #000000;
}

.unselectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.account_msg_area {
  position: relative;
}
.account_msg {
  position: fixed;
  top: 74px;
  left: 50vw;
  margin-left: -240px;
  width: 440px;
  border-radius: 6px;
  padding: 10px 20px;
  z-index: 998;
  font-size: 12px;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.account_error_msg {
  background-color: rgba(255,128,128,0.9);
  color: rgba(0,0,0,1.0);
}
.account_ok_msg {
  background-color: rgba(128,255,128,0.9);
  color: rgba(0,0,0,1.0);
}
.account_msg_gone {
  left: -48vw;
  background-color: rgba(128,128,128,0.0);
  color: rgba(0,0,0,0.0);
}
@media screen and (max-width: 500px) {
  .account_msg {
    font-size: 2.4vw;
    margin-left: -48vw;
    width: 88vw;
    padding: 2.0vw 4.0vw;
  }
}

/* top panel */
.top_panel {
  position: fixed;
  width: 100%;
  height: 64px;
  background-color: #191919;
  color: #0082ff;
  z-index: 999;
  border-bottom: 5px solid #0082ff;
}

.top_panel .logo_off {
  width: 130px;
  height: 100%;
  cursor: pointer;  
  background-image: url(../images/top_panel_logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  line-height: 64px;
  float: left;
  margin-right: 13px;
}
.top_panel .a_off {
  color: #DDDDDD;  
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 54px;
  border-radius: 10px;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.top_panel .a_off:hover {
  color: #222222;  
  background-color: #EEEEEE;
}
.top_panel .play {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #DDDDDD;  
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding-left: 25px;
  padding-right: 25px;
  background: linear-gradient(#AA0000,#660000);
  line-height: 52px;
  border-radius: 10px;
  border: 1px solid #AA0000;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.top_panel .play:hover {
  background: linear-gradient(#AF0000,#6B0000);
  border: 1px solid #FF2222;
  color: #FFFFFF;  
}
@media screen and (orientation:portrait) {
  .top_panel .logo_off {
    width: 20vw;
    margin-right: 2vw;
  }
  .top_panel .a_off {
    color: #DDDDDD;  
    display: inline-block;
    font-size: 2vw;
    font-weight: bold;
    padding-left: 1.5385vw;
    padding-right: 1.5385vw;
  }
  .top_panel .play {
    font-size: 2.1538vw;
    padding-left: 3.84615vw;
    padding-right: 3.84615vw;
    margin-left: 0.76923vw;
    margin-right: 0.76923vw;
  }
}


.top_panel .open_menu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 64px;
  height: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 64px;
  cursor: pointer; 
  z-index: 1000;  
}
.top_panel .open_menu .material-symbols-outlined {
  line-height: 64px;
  font-weight: 600;
}

.top_panel .container {
  position: relative;
  max-width: 1030px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  line-height: 64px;
}
.top_panel .container2 {
  position: relative;
  height: 0px;
  max-width: 1030px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.top_panel .logo {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 130px;
  height: 100%;
  cursor: pointer;  
  background-image: url(../images/top_panel_logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media screen and (max-width: 1158px) {
  .top_panel .logo {
    left: calc(579px - 50vw);
  }
}
@media screen and (max-width: 1030px) {
  .top_panel .logo {
    left: 64px;
  }
}

.top_panel .open_user_menu {
  position: absolute;
  background-image: url(../images/icon_menu/icon_user_gold.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0px;
  background-color: #433b23;
  border: 2px solid #433b23;
  top: 4px;
  right: 4px;
  height: 52px;
  width: 52px;  
  border-radius: 5px;
  cursor: pointer;  
}
.top_panel .open_user_menu .user_menu_unread {
  position: absolute;
  bottom: 3px;
  right: 3px;
  background-color: #EE0000;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  text-align: center;
}
.top_panel .open_menu_active .user_menu_unread {
  bottom: 2px;
  right: 2px;
  background-color: #DD0000;
}

.top_panel .account_type {
  position: absolute;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 24px;
  top: 8px;
  right: 64px;
  height: 48px;
  width: 125px;
  padding-left: 35px;
  line-height: 48px;
  background-color: #433b23;
  border-radius: 5px;
  cursor: pointer;  
}

.top_panel .account_type_free {
  background-image: url(../images/icon_top_no_license.svg);
  background-size: 24px;
}
.top_panel .account_type_pro {
  background-image: url(../images/icon_top_license.svg);
  background-size: 24px;
}

.top_panel .coins {
  position: absolute;
  background-image: url(../images/icon_top_coin.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 24px;
  top: 8px;
  right: 228px;
  height: 48px;
  width: 45px;
  padding-left: 35px;
  line-height: 48px;
  background-color: #433b23;
  border-radius: 5px;
  cursor: pointer;  
}

.top_panel .top_messages {
  position: absolute;
  background-image: url(../images/icon_top_messages.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 16px;
  top: 8px;
  right: 312px;
  height: 22px;
  width: 25px;
  padding-left: 25px;
  line-height: 22px;
  background-color: #433b23;
  border-radius: 5px;
  cursor: pointer;  
}

.top_panel .top_notifications {
  position: absolute;
  background-image: url(../images/icon_top_notifications.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 16px;
  top: 34px;
  right: 312px;
  height: 22px;
  width: 25px;
  padding-left: 25px;
  line-height: 22px;
  background-color: #433b23;
  border-radius: 5px;
  cursor: pointer;  
}
.top_panel .top_messages_new {
  background-image: url(../images/icon_top_messages_red.svg);
  color: rgb(225,0,0);
  background-color: #432323;
}
.top_panel .top_notifications_new {
  background-image: url(../images/icon_top_notifications_red.svg);
  color: rgb(225,0,0);
  background-color: #432323;
}

@media screen and (max-width: 620px) {
  .top_panel .account_type {
    top: 8px;
    right: 64px;
    height: 22px;
    padding-left: 24px;
    background-size: 14px;
    line-height: 22px;
  }
  .top_panel .coins {
    top: 34px;
    right: 64px;
    height: 22px;
    width: 37px;
    padding-left: 24px;
    background-size: 14px;
    line-height: 22px;
  }
  .top_panel .top_messages {
    top: 34px;
    right: 173px;
    height: 22px;
    width: 20px;
    padding-left: 20px;
    background-size: 12px;
    line-height: 22px;
  }

  .top_panel .top_notifications {
    top: 34px;
    right: 129px;
    height: 22px;
    width: 20px;
    padding-left: 20px;
    background-size: 12px;
    line-height: 22px;
  }
}
@media screen and (max-width: 420px) {
  .top_panel .logo {
    width: calc(100% - 290px);
  }
}

.top_panel .open_menu_active {
  background-color: #6b603d;
  border-color: #6b603d;
}
@media screen and (min-width: 1470px) {
  .top_panel .open_menu_defactive {
    background-color: #6b603d;
    border-color: #6b603d;
  }
}

.top_panel a {
  color: #0082ff;
  text-decoration: none;
}

.driver_panel {
  position: fixed;
  right: 0px;
  bottom: 0px;
  height: 36px;
  background-color: #191919;
  color: #FFFFFF;
  line-height: 36px;
  font-size: 14px;
  z-index: 999;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 8px 0px 0px 0px;
}
@media screen and (max-width: 800px) {
  .driver_panel .week_span {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .driver_panel .series_span {
    display: none;
  }
}
@media screen and (orientation:portrait) {
  .driver_panel {
    border-radius: 0px;
    width: 100%;
    text-align: center;
    border-top: 5px solid #0082ff;
  }
}
@media screen and (max-width: 500px) {
  .driver_panel {
    font-size: 2.8vw;
  }
}
.driver_panel a {
  text-decoration: none;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 1px center;
  height: 36px;
  display: inline-block;
}
.driver_panel .mo-rotate {
  font-size: 150%;
  vertical-align: middle;
  line-height: normal;
  margin-bottom: 10%;
  margin-left: 10%;
  margin-right: 10%;
	-moz-transition: all 8s;
	-o-transition: all 8s;
	-webkit-transition: all 8s;
	transition: all 8s;
}
.driver_panel .mo-rotate:hover{
  transform: rotate(-3600deg);
}
.driver_panel .driver {
  padding-left: 25px;
  background-size: 20px;
}
.driver_panel .series {
  padding-left: 37px;
  background-size: 32px;
}
.driver_panel .finances {
  padding-left: 23px;
  background-size: 18px;
  background-image: url(../images/icon_top_money.png);
}

.notepad_contain_all {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
  overflow: hidden;
  width: 450px;
  max-width: calc(100vw - 7px);
}
.notepad_opened {
  position: fixed;
  right: 0px;
  bottom: 38px;
  height: 50vh;
  background-color: rgba(255,255,255,0.8);
  color: #000000;
  font-size: 14px;
  z-index: 998;
  border-radius: 8px;
  border: 1px solid #444444;
}
.notepad_closed {
  position: fixed;
  right: 0px;
  bottom: 0px;
  height: 1px;
  background-color: rgba(255,255,255,0.0);
  color: #000000;
  font-size: 14px;
  z-index: 998;
  border-radius: 8px;
  border: 0px solid #444444;
}
.notepad_header {
  display: block;
  background-color: rgba(0,0,0,0.1);
  line-height: 26px;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
.notepad_caption {
  font-weight: bold;
}
.notepad_actions_button {
  float: right;
  cursor: pointer;
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  margin-left: 10px;
}
.notepad_actions_button:hover {
  color: #444444;
}
.notepad_actions_saving {
  float: right;
  color: #FF8800;
  font-size: 10px;
  font-weight: bold;
  margin-left: 10px;
}
.notepad_help_data {
  position: absolute;
  top: 26px;
  left: 0px;
  font-size: 12px;
  line-height: 14px;
  background-color: rgba(255,245,235,0.9);
  padding: 3%;
}
.notepad_reminder {
  background-color: rgba(0,0,0,0.1);
  line-height: 24px;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
.notepad_reminder input[type=datetime-local] {
  height: 20px;
  border-radius: 10px;
  border: 1px solid #BBBBBB;
  padding-left: 5px;
}
.notepad_area {
  height: calc(50vh - 85px);
  width: 100%;
}
.notes_lib {
  border: 1px solid #888888;
  height: 18px;
  border-radius: 10px;
  background-color: rgba(0,0,0,0.1);
}
.notepad_button {
  float: right;
  line-height: 36px!important;
  width: 36px;
  text-align: center;
  margin-left: 5px;
  cursor: pointer;
  -moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.notepad_button:hover {
  color: #0082ff;
  background-color: #666059;
}


/* navigation */
nav {
	position: fixed;
  top: 64px;
  left: 0px;
  width: 220px;
  bottom: 100%;
  background-color: #191919;
  color: #0082ff;
  overflow-x: hidden;
  overflow-y: hidden;
	z-index: 1000;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.game_menu {
  bottom: 0px;
  overflow-y: auto;
}
@media screen and (min-width: 1470px) {
  .game_menu_defopen {
    bottom: 0px;
    overflow-y: auto;
  }
}
nav a {
  display: block;
  color: #fff7dd;
  padding-left: 40px;
  padding-right: 5px;
  text-decoration: none;
  font-size: 16px;
  line-height: 45px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-size: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
nav a:hover {
  background-color: #e0b31a; 
}
nav .menu_selected {
  background-color: #666059; 
}
nav .home {
  background-image: url(../images/icon_menu/icon_home.svg);
}
nav .driver {
  background-image: url(../images/icon_menu/icon_driver.svg);
}
nav .training {
  background-image: url(../images/icon_menu/icon_training.svg);
}
nav .garage {
  background-image: url(../images/icon_menu/icon_garage.svg);
}
nav .finances {
  background-image: url(../images/icon_menu/icon_finances.svg);
}
nav .employees {
  background-image: url(../images/icon_menu/icon_employees.svg);
}
nav .races {
  background-image: url(../images/icon_menu/icon_races.svg);
}
nav .series {
  background-image: url(../images/icon_menu/icon_series.svg);
}
nav .clubs {
  background-image: url(../images/icon_menu/icon_clubs.svg);
}
nav .formula1 {
  background-image: url(../images/icon_menu/icon_f1.svg);
}
nav .world {
  background-image: url(../images/icon_menu/icon_world.svg);
}
nav .forum {
  background-image: url(../images/icon_menu/icon_forum.svg);
}
nav .ranking {
  background-image: url(../images/icon_menu/icon_ranking.svg);
}
nav .prediction {
  background-image: url(../images/icon_menu/icon_prediction.svg);
}
nav .manual {
  background-image: url(../images/icon_menu/icon_manual.svg);
}
nav .rules {
  background-image: url(../images/icon_menu/icon_rules.svg);
}
nav .blog {
  background-image: url(../images/icon_menu/icon_blog.svg);
}
nav .social {
  background-image: url(../images/icon_menu/icon_social.svg);
}
nav .more {
  background-image: url(../images/icon_menu/icon_more.svg);
}

.more_link {
  float: left;
  position: relative;
  width: 18%;
  padding-top: 10%;
  padding-bottom: 5%;
  margin: 1%;
  background-repeat: no-repeat;
  background-position: center 6%;
  background-size: 47% auto;
  text-align: center;
  color: #000000!important;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.more_link:hover {
  color: #666666!important;
  background-position: center 0%;
  background-size: 50% auto;
  font-size: 105%;
}
.more_link .title {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 66%;
}
@media screen and (orientation:portrait) {
  .more_link {
    width: 31.333%;
    padding-top: 16.5%;
    padding-bottom: 8.25%;
    margin: 1%;
  }
}

/* user menu */
.user_menu {
	position: absolute;
  top: 0px;
  right: 0px;
  width: 220px;
  height: 0px;
  background-color: #191919;
  color: #0082ff;
  overflow: hidden;
	z-index: 997;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.user_menu_active {
	z-index: 998;
}
.user_menu a {
  display: block;
  color: #fff7dd;
  padding-left: 40px;
  padding-right: 5px;
  text-decoration: none;
  font-size: 16px;
  line-height: 45px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-size: 24px;
}
.user_menu a:hover {
  background-color: #e0b31a; 
}
.user_menu .user {
  background-image: url(../images/icon_menu/icon_user.svg);
}
.user_menu .driver {
  background-image: url(../images/icon_menu/icon_helmet.svg);
}
.user_menu .messages {
  background-image: url(../images/icon_menu/icon_messages.svg);
}
.user_menu .notifications {
  background-image: url(../images/icon_menu/icon_notifications.svg);
}
.user_menu .settings {
  background-image: url(../images/icon_menu/icon_settings.svg);
}
.user_menu .admin {
  background-image: url(../images/icon_menu/icon_admin.svg);
}
.user_menu .oldgui {
  background-image: url(../images/icon_menu/icon_oldgui.svg);
}
.user_menu .logout {
  background-image: url(../images/icon_menu/icon_logout.svg);
}
.user_menu .unread {
  background-color: #EE0000;
  float: right;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  margin-top: 12px;
  text-align: center;
  overflow: hidden;
}

/* driver menu */
.driver_menu {
	position: absolute;
  top: 0px;
  right: 10px;
  min-width: 220px;
  height: 0px;
  background-color: #191919;
  color: #0082ff;
  overflow: hidden;
	z-index: 997;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.driver_menu_active {
	z-index: 998;
}
.driver_menu a {
  display: block;
  color: #fff7dd;
  padding-left: 10px;
  padding-right: 5px;
  text-decoration: none;
  font-size: 16px;
  line-height: 45px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.driver_menu a:hover {
  background-color: #e0b31a; 
}

/* notifications panel */
.notifications_panel {
	position: absolute;
  top: 0px;
  right: 10px;
  width: 50%;
  min-width: 220px;
  max-width: 300px;
  height: 0px;
  background-color: #191919;
  color: #0082ff;
  overflow: hidden;
	z-index: 997;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.notifications_panel_active {
	z-index: 998;
}
.notifications_panel a {
  display: block;
  color: #fff7dd;
  padding: 4px 10px;
  text-decoration: none;
  font-size: 12px;
  overflow: hidden;
}
.notifications_panel a:hover {
  background-color: #e0b31a; 
}
.notifications_panel .new {
  font-weight: bold;
}
.notifications_panel a .time {
  color: #ffdd66;
  font-style: italic;
}
.notifications_panel a .dynamic {
  color: #ee3322;
  font-weight: bold;
}

/* other */
.flag_n {
  height: 24px;
  width: 32px;
  border: 0px;
  vertical-align: middle;
}
.icon10 {
  height: 10px;
  width: 10px;
  border: 0px;
}
.clear {
  clear: both;
}
.icon {
  height: 10px;
  width: auto;
  border: 0px;
}
.example {
  font-size: 10px;
  color: #888888;
}
@media screen and (max-width: 1030px) {
  .icon {
    height: 0.971vw!important;
  }
  .example {
    font-size: 0.971vw;
  }
}
@media screen and (orientation:portrait) {
  .icon {
    height: 2.0vw!important;
  }
  .example {
    font-size: 2.0vw;
  }
}

.fontsize1 {
  font-size: 1px!important;
}
.fontsize10 {
  font-size: 10px!important;
}
.fontsize12 {
  font-size: 12px!important;
}
.fontsize16 {
  font-size: 16px!important;
}
.fontsize24 {
  font-size: 24px!important;
}
.fontsize30 {
  font-size: 30px!important;
}
.fontsize60 {
  font-size: 60px!important;
}
.fontsize50pct {
  font-size: 50%;
}
.fontsize75pct {
  font-size: 75%;
}
@media screen and (max-width: 1030px) {
  .fontsize10 {
    font-size: 0.971vw!important; /* 10px */
  }
  .fontsize12 {
    font-size: 1.165vw!important; /* 12px */
  }
  .fontsize16 {
    font-size: 1.5534vw!important; /* 16px */
  }
  .fontsize24 {
    font-size: 2.33vw!important; /* 24px */
  }
  .fontsize30 {
    font-size: 2.913vw!important; /* 30px */
  }
  .fontsize60 {
    font-size: 5.826vw!important; /* 60px */
  }
}
@media screen and (orientation:portrait) {
  .fontsize10 {
    font-size: 2.0vw!important; /* 10px */
  }
  .fontsize12 {
    font-size: 2.4vw!important; /* 12px */
  }
  .fontsize16 {
    font-size: 3.2vw!important; /* 16px */
  }
  .fontsize24 {
    font-size: 4.8vw!important; /* 24px */
  }
  .fontsize30 {
    font-size: 6.0vw!important; /* 30px */
  }
  .fontsize60 {
    font-size: 12.0vw!important; /* 60px */
  }
}

/* main container */
.main_container {
  max-width: 1030px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 69px;
  padding-bottom: 41px;
}
.main_container .content {
  background-color: #EEEEEE;
}

.main_container .content .content_header h1 {
  background-color: #191919;
  color: #e0b31a;
  font-size: 18px;
  line-height: 40px;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main_container .content .content_header h1 .account_desc_button {
  float: right;
  background-color: #584321;
  border: 1px solid #e0b31a;
  color: #e0b31a;
  font-size: 14px;
  line-height: 20px;
  margin-top: 9px;
  width: 20px;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.main_container .content .content_header .account_desc_area {
  position: absolute;
  color: #000000;
  width: 100%;
  max-width: 1030px;
  z-index: 99;
}
.main_container .content .content_header .account_desc_area .desc_div {
  padding: 2%;
  background-color: rgba(255,255,255,0.98);
  text-align: justify;
}
.blackbg {
  background-color: rgba(25,25,25,0.6);
}
@media screen and (max-width: 450px) {
  .main_container .content .content_header h1 {
    font-size: 4vw;
  }
}

.main_container .content .content_area h2 {
  padding: 10px;
  margin: 0px;
  background-color: #191919;
  color: #0082ff;
  font-weight: bold;
}
.main_container .content .topmargin {
  margin-top: 10px;
}

.main_container .content .content_header .content_menu {
  background: linear-gradient(#191919,#584321)!important;
  font-size: 12px;
  font-weight: bold;
  overflow-x: auto;
  white-space: nowrap;
}
.main_container .content .content_header .content_menu a {
  color: #FFFFFF;
  display: inline-block;
  line-height: 30px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 5px 5px 0px 0px;
  background-color: rgba(255,255,255,0.05);
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.main_container .content .content_header .content_menu a:hover {
  background-color: rgba(255,255,255,0.1);
}
.main_container .content .content_header .content_menu a.menu_selected {
  background: linear-gradient(#FFFFFF,#EEEEEE)!important;
  color: #191919;
}
@media screen and (max-width: 1030px) {
  .main_container .content .content_header .content_menu {
    font-size: 1.165vw; /* 12px */
  }
  .main_container .content .content_header .content_menu a {
    padding-left: 0.97vw; /* 10px */
    padding-right: 0.97vw; /* 10px */
  }
}
@media screen and (orientation:portrait) {
  .main_container .content .content_header .content_menu {
    font-size: 2.4vw; /* 12px */
  }
  .main_container .content .content_header .content_menu a {
    padding-left: 1.7vw; /* 10px */
    padding-right: 1.7vw; /* 10px */
  }
}

.main_container .content .content_wrap {
  padding: 5px;
}
.main_container .content .content_wrap_broadcast {
  background-color: #191919;
}

.main_container .content .content_area_full {
  float: left;
  width: 1010px;
  margin: 5px;
  text-align: justify;
}
.main_container .content .content_area {
  float: left;
  width: 500px;
  margin: 5px;
}
.main_container .content .content_area_650 {
  float: left;
  width: 650px;
  margin: 5px;
}
.main_container .content .content_area_350 {
  float: left;
  width: 350px;
  margin: 5px;
}
.main_container .content .content_area_330 {
  float: left;
  width: 330px;
  margin: 5px;
}
.main_container .content .content_area_mail_list {
  float: left;
  width: 350px;
  margin: 5px;
}
.main_container .content .content_area_mail_conversation {
  float: left;
  width: 650px;
  margin: 5px;
}
.main_container .content .content_area_split_3 {
  float: left;
  width: calc(33.3333% - 6.66667px);
}
.main_container .content .content_area_split_2 {
  float: left;
  width: calc(50.0% - 5.0px);
}
.main_container .content .content_area_split_mr3 {
  margin-right: 10px;
}
.main_container .content .fixed_height_100 {
  height: 100px;
  overflow: hidden;
}
@media screen and (max-width: 1035px) {
  .main_container .content .topmargin {
    margin-top: 0.6vw;
  }
  .main_container .content .content_wrap {
    padding: 0.5vw;
  }
  .main_container .content .content_area_full {
    width: 97.6vw;
    margin: 0.3vw;
  }
  .main_container .content .content_area {
    width: 48.5vw;
    margin: 0.3vw;
  }
  .main_container .content .content_area_650 {
    width: 62.8vw;
    margin: 0.3vw;
  }
  .main_container .content .content_area_350 {
    width: 34.2vw;
    margin: 0.3vw;
  }
  .main_container .content .content_area_330 {
    width: 32.1vw;
    margin: 0.3vw;
  }
  .main_container .content .content_area_mail_list {
    width: 34.2vw;
    margin: 0.3vw;
  }
  .main_container .content .content_area_mail_conversation {
    width: 62.8vw;
    margin: 0.3vw;
  }
  .main_container .content .content_area_split_3 {
    width: calc(33.3333% - 0.4vw);
  }
  .main_container .content .content_area_split_2 {
    width: calc(50.0% - 0.3vw);
  }
  .main_container .content .content_area_split_mr3 {
    margin-right: 0.6vw;
  }
  .main_container .content .fixed_height_100 {
    height: 9.7087vw;
  }
  .main_container .content .flag_n {
    width: 3.10679vw;
    height: 2.33vw;
  }
}
@media screen and (orientation:portrait) {
  .main_container .content .topmargin {
    margin-top: 2.0vw;
  }
  .main_container .content .content_wrap {
    padding: 1vw;
  }
  .main_container .content .content_area_full {
    width: 96vw;
    margin: 1vw;
  }
  .main_container .content .content_area {
    width: 96vw;
    margin: 1vw;
  }
  .main_container .content .content_area_650 {
    width: 96vw;
    margin: 1vw;
  }
  .main_container .content .content_area_350 {
    width: 96vw;
    margin: 1vw;
  }
  .main_container .content .content_area_330 {
    width: 96vw;
    margin: 1vw;
  }
  .main_container .content .content_area_mail_list {
    width: 10vw;
    margin: 1vw;
  }
  .main_container .content .content_area_mail_conversation {
    width: calc(84vw - 5px);
    margin: 1vw 0vw 1vw 1vw;
  }
  .main_container .content .content_area_split_3 {
    width: calc(33.3333% - 1.33334vw);
  }
  .main_container .content .content_area_split_2 {
    width: calc(50.0% - 1.0vw);
  }
  .main_container .content .content_area_split_mr3 {
    margin-right: 2.0vw;
  }
  .main_container .content .fixed_height_100 {
    height: 19.2vw;
  }
  .main_container .content .flag_n {
    width: 6.4vw;
    height: 4.8vw;
  }
}

.content_area .next {
  margin-top: 10px;  
}
.content_area .next_hd {
  margin-top: 10px;  
  padding-top: 0px;  
}
.content_area .afterhead {
  padding-top: 0px;  
}

.content_area .heading, .content_area_650 .heading, .content_area_350 .heading, .content_area_330 .heading, .content_area_split_2 .heading, .content_area_split_3 .heading, .content_area_full .heading {
  position: relative;
  padding: 10px;
  background-color: #191919;
  color: #0082ff;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content_area .heading_switch {
  display: inline-block;
  background-color: #433b23;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}
.content_area .heading_info_button {
  float: right;
  background-color: #433b23;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.content_area .heading_info_button:hover {
  background-color: #635833;
}
/* TODO REMOVE
.manage_menu_container {
  position: relative;
}
.manage_menu_container .manage_button {
  position: absolute;
  right: 5px;
  bottom: 6px;
  background-color: #433b23;
  color: #0082ff;
  border-radius: 5px;
  cursor: pointer;
  height: 24px;
  padding: 1px;
}
.manage_menu_container .manage_button:hover {
  background-color: #635833;
}
.manage_menu {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #FEF8EE;
  z-index: 997;
  font-size: 14px;
  border: 1px solid #EEE8DD;
  display: none;
}
.manage_menu_active {
  display: block;
}
.manage_menu_item {
  padding: 5px 10px 5px 10px;
  cursor: pointer;
}
.manage_menu_item:hover {
  background-color: #EEE8DD;
  color: #000000;
}
*/
/* welcome page */
.welcome_area {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.welcome_area .bgvideo {
  position: absolute;
  top: 69px;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: calc(100% - 69px);
  transform: translateX(-50%);
}
.welcome_area .covervideo {
  position: absolute;
  top: 69px;
  left: 0px;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: calc(100% - 69px);
  background-color: rgba(0,0,0,0.75);
}
.welcome_area .welcome_info {
  position: absolute;
  top: 169px;
  left: 0px;
  width: 100%;
}
.welcome_area .welcome_info .game_desc {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  height: 400px;
  text-align: center;
}
.welcome_area .welcome_info .game_desc h1 {
  font-size: 40px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 0px;
  color: #FFFFFF;
}
.welcome_area .welcome_info .game_desc .text {
  font-size: 20px;
  color: #FFFFFF;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
}
.welcome_area .welcome_info .game_desc .play_area {
  margin-top: 15px;
}
.welcome_area .welcome_info .game_desc .play_area a {
  text-decoration: none;
  color: #DDDDDD;  
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding-left: 25px;
  padding-right: 25px;
  background: linear-gradient(#AA0000,#660000);
  margin: 5px;
  line-height: 52px;
  border-radius: 10px;
  border: 1px solid #AA0000;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.welcome_area .welcome_info .game_desc .play_area a:hover {
  background: linear-gradient(#AF0000,#6B0000);
  border: 1px solid #FF2222;
  color: #FFFFFF;  
}

.welcome_area .welcome_info .game_desc .app_area {
  margin-top: 25px;
}
.welcome_area .welcome_info .game_desc .app_area img {
  width: 174px;
  height: 49px;
}

.welcome_area .welcome_info .game_desc .data {
  font-size: 14px;
  color: #FFFFFF;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (orientation:portrait) {
  .welcome_area .welcome_info .game_desc h1 {
    font-size: 6.1538vw;
  }
  .welcome_area .welcome_info .game_desc .text {
    font-size: 3.077vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .welcome_area .welcome_info .game_desc .data {
    font-size: 2.1538vw;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .welcome_area .welcome_info .game_desc .play_area {
    margin-top: 25px;
  }
}

.welcome_area .welcome_info .game_desc .reference {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 15px;
  color: #FFFFFF;
} 
.welcome_area .welcome_info .game_desc .goy {
  width: 27%;
  height: 20%;
  border: 0px;
  float: left;
  margin-right: 2%;
} 
.welcome_area .welcome_info .game_desc .sign {
  text-align: right;
  font-weight: bold;
} 
@media screen and (max-width: 600px) {
  .welcome_area .welcome_info .game_desc .reference {
    width: 83.3333vw;
    font-size: 2.5vw;
  } 
} 

.welcome_area .welcome_info .game_desc .languages {
  margin-top: 15px;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  color: #FFFFFF;
} 
@media screen and (max-width: 600px) {
  .welcome_area .welcome_info .game_desc .languages {
    width: 83.3333vw;
    font-size: 2vw;
    line-height: 4.6669vw;
  } 
  .welcome_area .welcome_info .game_desc .languages .flag_n {
    width: 5.3333vw;
    height: 4.0vw;
  } 
} 

.welcome_area .welcome_info .game_desc .login_info {
  font-size: 20px;
  color: #FFFFFF;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.welcome_area .welcome_info .game_desc .login_buttons {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 14px;
}
.welcome_area .welcome_info .game_desc .login_buttons .log_input {
  padding: 10px;
  margin-bottom: 5px;
  width: 280px;
  border-radius: 10px;
  border: 0px;
  font-size: 20px;
  background-color: #FFFFFF;
}
.welcome_area .welcome_info .game_desc .login_buttons .log_button {
  margin-bottom: 5px;
  width: 300px;
  border-radius: 10px;
  color: #DDDDDD;  
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(#AA0000,#660000);
  height: 45px;
  border: 1px solid #AA0000;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
  cursor: pointer;
}
.welcome_area .welcome_info .game_desc .login_buttons .log_button:hover {
  background: linear-gradient(#AF0000,#6B0000);
  border: 1px solid #FF2222;
  color: #FFFFFF;  
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_button {
  margin-bottom: 5px;
  width: 300px;
  border-radius: 10px;
  color: #DDDDDD;  
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(#444444,#000000);
  height: 45px;
  border: 1px solid #444444;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
  cursor: pointer;
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_button:hover {
  background: linear-gradient(#4A4A4A,#050505);
  border: 1px solid #666666;
  color: #FFFFFF;  
}
.welcome_area .welcome_info .game_desc .login_buttons .lpass {
  color: #FFFFFF;
}
.welcome_area .welcome_info .game_desc .login_buttons .lpass:hover {
  color: #DDDDDD;
  text-decoration: none;
}
@media screen and (orientation:portrait) {
  .welcome_area .welcome_info .game_desc .login_info {
    font-size: 3.0769vw;
  }
}
.registration_area {
  top: 89px!important;
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_caption {
  color: #FFFFFF;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_input {
  padding: 0px 10px 0px 10px;
  margin-bottom: 5px;
  width: 280px;
  border-radius: 10px;
  border: 0px;
  font-size: 16px;
  background-color: #FFFFFF;
  height: 30px;
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_input:read-only {
  background-color: #888888;
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_country {
  position: relative;
  padding: 0px 10px 0px 50px;
  height: 30px;
  margin-bottom: 5px;
  width: 240px;
  border-radius: 10px;
  border: 0px;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  background-color: #FFFFFF;
  background-position: 10px center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_country_sel {
  position: absolute;
  top: 31px;
  left: 20px;
  height: 180px;
  width: 240px;
  padding: 10px;
  line-height: 16px;
  overflow-y: auto;
  background-color: #FFFFFF;
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_error {
  font-size: 12px;
  margin-bottom: 3px;
  color: #FF8888;
}
.super_checkbox {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: #FFFFFF;
  border-radius: 3px;
  color: #000000;
  font-size: 20px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}
.super_checkbox span {
  font-size: 20px;
  font-weight: bold;
}
.super_checkbox_checked {
  background: linear-gradient(#DD0000,#990000);
  background-color: #DD0000;
  color: #FFFFFF;
}
.super_checkbox_s {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #4477AA;
  color: #000000;
  font-size: 12px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}
.super_checkbox_s span {
  font-size: 12px;
  font-weight: bold;
}
.super_checkbox_s_checked {
  background-color: #4477AA;
  color: #FFFFFF;
}
@media screen and (max-width: 1030px) {
  .super_checkbox_s {
    height: 1.165vw; /* 12px */
    width: 1.165vw; /* 12px */
    border-radius: 0.291vw; /* 3px */
    border-width: 0.097vw; /* 1px */
    font-size: 1.165vw; /* 12px */
  }
  .super_checkbox_s span {
    font-size: 1.165vw; /* 12px */
  }
}
@media screen and (orientation:portrait) {
  .super_checkbox_s {
    height: 2.4vw; /* 12px */
    width: 2.4vw; /* 12px */
    border-radius: 0.6vw; /* 3px */
    border-width: 0.2vw; /* 1px */
    font-size: 2.4vw; /* 12px */
  }
  .super_checkbox_s span {
    font-size: 2.4vw; /* 12px */
  }
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_accept {
  color: #FFFFFF;
  text-align: left;
  font-size: 11px;
  margin-bottom: 12px;
  padding-top: 10px;
}
.welcome_area .welcome_info .game_desc .login_buttons .reg_accept .super_checkbox {
  float: left;
  margin-top: -2px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 6px;
}
.country_selector_area .country_sel {
  width: 24px;
  height: 18px;
  display: inline-block;
  margin: 2px 4px 2px 4px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.country_selector_area .country_sel_selected {
  margin: -1px 1px -1px 1px;
  width: 26px;
  height: 20px;
  border: 2px solid #888888;
  border-radius: 11px;
}

.account_input {
  position: relative;
  display: inline-block;
  padding: 0px 5px 0px 5px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  border-radius: 10px;
  width: 50%;
  border: 1px solid #DDDDDD;
  text-align: left;
  background-color: #FFFFFF;
  font-weight: bold;
  color: #666666;
}
.account_select {
  position: relative;
  display: inline-block;
  padding: 0px 0px 0px 10px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  border-radius: 10px;
  width: 50%;
  border: 1px solid #DDDDDD;
  text-align: left;
  background-color: #FFFFFF;
  cursor: pointer;
}
.account_select_value {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.account_select_icon {
  float: right;
  font-size: 24px!important;
  margin-top: 4px;
  vertical-align: middle;
}
.account_selector_area {
  position: absolute;
  top: 31px;
  left: 10px;
  max-height: 50vh;
  min-width: calc(100% - 23px);
  padding: 0px;
  line-height: 26px;
  overflow-y: auto;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  z-index: 998;
}
.account_selector_area .separator {
  height: 0px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 0px;
}
.account_selector_caption {
  padding: 0px 0px 0px 10px;
  font-weight: bold;
  cursor: default;  
  background-color: #EEEEEE;  
}
.account_selector_item {
  margin: 0px;
  padding: 0px 10px 0px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.account_selector_item:hover {
  background-color: #0082ff;
  color: #000000;
}
.account_selector_item_selected {
  background-color: #BBBBBB;
}
@media screen and (max-width: 1030px) {
  .account_input {
    padding: 0px 0.4854vw 0px 0.4854vw; /* 5px */
    height: 2.913vw; /* 30px */
    line-height: 2.913vw; /* 30px */
    font-size: 1.5534vw; /* 16px */
    border-radius: 0.97vw; /* 10px */
    border-width: 0.097vw; /* 1px */
  }
  .account_select {
    padding: 0px 0px 0px 0.97vw; /* 0px 0px 0px 10px */
    height: 2.913vw; /* 30px */
    line-height: 2.913vw; /* 30px */
    font-size: 1.5534vw; /* 16px */
    border-radius: 0.97vw; /* 10px */
    border-width: 0.097vw; /* 1px */
  }
  .account_select_icon {
    font-size: 2.33vw!important; /* 24px */
    margin-top: 0.388vw; /* 4px */
  }
  .account_selector_area {
    top: 3.01vw; /* 31px */
    left: 0.97vw; /* 10px */
    min-width: calc(100% - 2.233vw); /* 23px */
    line-height: 2.524vw; /* 26px */
    border-width: 0.097vw; /* 1px */
  }
  .account_selector_area .separator {
    border-bottom-width: 0.097vw; /* 1px */
  }
  .account_selector_caption {
    padding: 0px 0px 0px 0.97vw; /* 0px 0px 0px 10px */
  }
  .account_selector_item {
    padding: 0px 0.97vw 0px 0.97vw; /* 0px 10px 0px 10px */
  }
}
@media screen and (orientation:portrait) {
  .account_input {
    padding: 0px 1.0vw 0px 1.0vw; /* 5px */
    height: 6.0vw; /* 30px */
    line-height: 6.0vw; /* 30px */
    font-size: 3.2vw; /* 16px */
    border-radius: 2.0vw; /* 10px */
    border-width: 0.2vw; /* 1px */
  }
  .account_select {
    padding: 0px 0px 0px 2.0vw; /* 0px 0px 0px 10px */
    height: 6.0vw; /* 30px */
    line-height: 6.0vw; /* 30px */
    font-size: 3.2vw; /* 16px */
    border-radius: 2.0vw; /* 10px */
    border-width: 0.2vw; /* 1px */
  }
  .account_select_icon {
    font-size: 4.8vw!important; /* 24px */
    margin-top: 0.8vw; /* 4px */
  }
  .account_selector_area {
    top: 6.2vw; /* 31px */
    left: 2.0vw; /* 10px */
    min-width: calc(100% - 4.6vw); /* 23px */
    line-height: 5.2vw; /* 26px */
    border-width: 0.2vw; /* 1px */
  }
  .account_selector_area .separator {
    border-bottom-width: 0.2vw; /* 1px */
  }
  .account_selector_caption {
    padding: 0px 0px 0px 2.0vw; /* 0px 0px 0px 10px */
  }
  .account_selector_item {
    padding: 0px 2.0vw 0px 2.0vw; /* 0px 10px 0px 10px */
  }
}

.car_select {
  position: relative;
  display: inline-block;
  padding: 0px 0px 0px 10px;
  height: 85px;
  line-height: 30px;
  font-size: 16px;
  border-radius: 10px;
  width: 280px;
  border: 1px solid #DDDDDD;
  text-align: left;
  background-color: #FFFFFF;
  cursor: pointer;
}
.car_select_value {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.car_select_icon {
  float: right;
  font-size: 24px!important;
  margin-top: 33px;
  vertical-align: middle;
}
.car_selector_area {
  position: absolute;
  top: 86px;
  left: 10px;
  max-height: 50vh;
  width: 267px;
  padding: 0px;
  line-height: 26px;
  overflow-y: auto;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  z-index: 998;
}
.car_selector_area .separator {
  height: 0px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 0px;
}
.car_selector_caption {
  padding: 0px 0px 0px 10px;
  font-weight: bold;
  cursor: default; 
  background-color: #EEEEEE;  
}
.car_selector_item {
  margin: 0px;
  padding: 0px 10px 0px 10px;
}
.car_selector_item:hover {
  background-color: #0082ff;
  color: #000000;
}
.car_selector_item_selected {
  background-color: #BBBBBB;
}
.car_select_value .car_selector_logo, .car_selector_item .car_selector_logo {
  width: 25px;
  height: 25px;
  border: 0px;
  margin-bottom: 15px;
}
.car_select_value .car_selector_chassis, .car_selector_item .car_selector_chassis {
  width: 200px;
  height: 50px;
  border: 0px;
}
@media screen and (max-width: 1030px) {
  .car_select {
    padding: 0px 0px 0px 0.97vw; /* 0px 0px 0px 10px */
    height: 8.25vw; /* 85px */
    line-height: 2.913vw; /* 30px */
    font-size: 1.5534vw; /* 16px */
    border-radius: 0.97vw; /* 10px */
    width: 27.184vw; /* 280px */
    border-width: 0.097vw; /* 1px */
  }
  .car_select_icon {
    font-size: 2.33vw!important; /* 24px */
    margin-top: 3.204vw; /* 33px */
  }
  .car_selector_area {
    top: 8.3495vw; /* 86px */
    left: 0.97vw; /* 10px */
    width: 25.9223vw; /* 267px */
    line-height: 2.524vw; /* 26px */
    border-width: 0.097vw; /* 1px */
  }
  .car_selector_area .separator {
    border-bottom-width: 0.097vw; /* 1px */
  }
  .car_selector_caption {
    padding: 0px 0px 0px 0.97vw; /* 0px 0px 0px 10px */
  }
  .car_selector_item {
    padding: 0px 0.97vw 0px 0.97vw; /* 0px 10px 0px 10px */
  }
  .car_select_value .car_selector_logo, .car_selector_item .car_selector_logo {
    width: 2.427vw; /* 25px */
    height: 2.427vw; /* 25px */
    margin-bottom: 1.456vw; /* 15px */
  }
  .car_select_value .car_selector_chassis, .car_selector_item .car_selector_chassis {
    width: 19.417vw; /* 200px */
    height: 4.854vw; /* 50px */
  }
}
@media screen and (orientation:portrait) {
  .car_select {
    padding: 0px 0px 0px 2.0vw; /* 0px 0px 0px 10px */
    height: 17.0vw; /* 85px */
    line-height: 6.0vw; /* 30px */
    font-size: 3.2vw; /* 16px */
    border-radius: 2.0vw; /* 10px */
    width: 56.0vw; /* 280px */
    border-width: 0.2vw; /* 1px */
  }
  .car_select_icon {
    font-size: 4.8vw!important; /* 24px */
    margin-top: 6.6vw; /* 33px */
  }
  .car_selector_area {
    top: 17.2vw; /* 86px */
    left: 2.0vw; /* 10px */
    width: 53.4vw; /* 267px */
    line-height: 4.6vw; /* 26px */
    border-width: 0.2vw; /* 1px */
  }
  .car_selector_area .separator {
    border-bottom-width: 0.2vw; /* 1px */
  }
  .car_selector_caption {
    padding: 0px 0px 0px 2.0vw; /* 0px 0px 0px 10px */
  }
  .car_selector_item {
    padding: 0px 2.0vw 0px 2.0vw; /* 0px 10px 0px 10px */
  }
  .car_select_value .car_selector_logo, .car_selector_item .car_selector_logo {
    width: 5.0vw; /* 25px */
    height: 5.0vw; /* 25px */
    margin-bottom: 3.0vw; /* 15px */
  }
  .car_select_value .car_selector_chassis, .car_selector_item .car_selector_chassis {
    width: 40.0vw; /* 200px */
    height: 10.0vw; /* 50px */
  }
}
.carpart_select {
  width: 280px;
}
.account_select_value .carsm_selector_logo, .account_selector_item .carsm_selector_logo {
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
  vertical-align: middle;
}
.account_select_value .tyressm_selector_logo, .account_selector_item .tyressm_selector_logo {
  width: 40px;
  height: 10px;
  margin-bottom: 3px;
  vertical-align: middle;
}
@media screen and (max-width: 1030px) {
  .carpart_select {
    width: 27.184vw; /* 280px */
  }
  .account_select_value .carsm_selector_logo, .account_selector_item .carsm_selector_logo {
    width: 1.94vw; /* 20px */
    height: 1.94vw; /* 20px */
    margin-bottom: 0.291vw; /* 3px */
  }
  .account_select_value .tyressm_selector_logo, .account_selector_item .tyressm_selector_logo {
    width: 3.88vw; /* 40px */
    height: 0.97vw; /* 10px */
    margin-bottom: 0.291vw; /* 3px */
  }
}
@media screen and (orientation:portrait) {
  .carpart_select {
    width: 56.0vw; /* 280px */
  }
  .account_select_value .carsm_selector_logo, .account_selector_item .carsm_selector_logo {
    width: 4.0vw; /* 20px */
    height: 4.0vw; /* 20px */
    margin-bottom: 0.6vw; /* 3px */
  }
  .account_select_value .tyressm_selector_logo, .account_selector_item .tyressm_selector_logo {
    width: 8.0vw; /* 40px */
    height: 2.0vw; /* 10px */
    margin-bottom: 0.6vw; /* 3px */
  }
}


.site_off {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 14px;
}
.site_off .social_media {
  display: block;
  line-height: 36px;
  padding-left: 45px;
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 30px;
}
.site_off a {
  text-decoration: none;
  color: #7799CC;
  font-weight: bold;
}
.site_off a:hover {
  color: #99BBFF;
}
@media screen and (max-width: 300px) {
  .site_off {
    font-size: 4.6667vw;
  } 
  .site_off .social_media {
    line-height: 12vw;
    padding-left: 15vw;
    background-position: 1.6667vw center;
    background-size: 10vw;
  } 
} 


.facebookButton {
  background-color: #5566FF;
  margin-bottom: 5px;
  color: #FFFFFF;
  height: 44px;
  width: 270px;
  padding-left: 30px;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-image: url(../images/bg_facebook_58.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px;
  line-height: 46px;
  font-family: Roboto,arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.facebookButton:hover {
  -webkit-box-shadow: 0 0 3px 3px rgba(66,133,244,.3);
  box-shadow: 0 0 3px 3px rgba(66,133,244,.3);
}

/* content */
.content_div {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2%;
  padding-right: 2%;
  background-color: #FFFFFF;
  text-align: justify;
}
.content_div_notbpad {
  padding-top: 0px;
  padding-bottom: 0px;
}

.content_div h3 {
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  padding-top: 6px;
  margin-bottom: 10px;
  background: linear-gradient(#EEEEEE,#FFFFFF);
  padding-left: 2%;
  margin-left: -2%;
  margin-right: -2%;
}
.nomargin {
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}
.nomargin_top {
  margin-top: 0px!important;
}
.nopadding_top {
  padding-top: 0px!important;
}
.content_div_stdpad {
  padding-left: 10px!important;
  padding-right: 10px!important;
}
.content_div h4 {
  font-weight: bold;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 6px;
  text-decoration: underline;
}
.content_div .stext {
  font-size: 14px;
}
@media screen and (max-width: 1030px) {
  .content_div .stext {
    font-size: 1.359vw; /* 14px */
  }
}
@media screen and (orientation:portrait) {
  .content_div .stext {
    font-size: 2.8vw; /* 14px */
  }
}
.content_div img {
  max-width: 100%;
  height: auto;
  border: 0px;
}
.content_div a {
  text-decoration: none;
  color: #4477AA;
  font-weight: bold;
}
.content_div a:hover {
  color: #6699BB;
}
.bold {
  font-weight: bold!important;
}
.nobold {
  font-weight: normal!important;
}
.italic {
  font-style: italic!important;
}
.left {
  text-align: left!important;
}
.invisible {
  visibility: hidden;
}
.block {
  display: inline-block;
}
.center {
  text-align: center!important;
}
.right {
  text-align: right!important;
}
.justify {
  text-align: justify!important;
}
.top {
  vertical-align: top!important;
}
.bottom {
  vertical-align: bottom!important;
}
.value_negative {
  font-weight: bold;
  color: #DD0000!important;
}
.value_positive {
  font-weight: bold;
  color: #00BB00!important;
}
.value_neutral {
  font-weight: bold;
  color: #000000!important;
}
.material-red {
  font-weight: bold;
  color: #DD0000!important;
}
.material-green {
  font-weight: bold;
  color: #00BB00!important;
}
.material-orange {
  font-weight: bold;
  color: #CC8800!important;
}
.material-yellow {
  font-weight: bold;
  color: #FFDD00!important;
}
.img_100 {
  width: 100%;
  height: auto;
}
.time_color_0 {
  color: #FF00FF;
}
.time_color_1 {
  color: #00CC00;
}
.time_color_2 {
  color: #22AA00;
}
.time_color_3 {
  color: #448800;
}
.time_color_4 {
  color: #666600;
}
.time_color_5 {
  color: #884400;
}
.time_color_6 {
  color: #AA2200;
}
.time_color_7 {
  color: #BB1100;
}
.time_color_8 {
  color: #CC0000;
}
.time_color_9 {
  color: #DD0000;
}
.time_color_10 {
  color: #EE0000;
}
.time_color_99 {
  color: #FF0000;
}
.content_div .driver_img {
  float: right;
  width: 33%;
  padding-bottom: 80%;
  background-image: url(../images/driver/driver_v2.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.paging {
  text-align: center;
  margin-top: 10px;
  line-height: 28px;
  font-size: 11px;
}
.paging .current {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #444444;
}
.paging a {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  color: #444444;
  text-decoration: none;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.paging a:hover {
  color: #FFFFFF;
  background-color: #888888;
}

.content_div_nopad {
  background-color: #FFFFFF;
  font-size: 0px;
}

/* cms */
.cms_div {
  padding: 0px 0px 0.1% 0px;
  background-color: #FFFFFF;
  text-align: justify;
  font-size: 14px;
}
.cms_div img {
  max-width: 100%;
  height: auto;
  border: 0px;
}
.cms_quote {
  background-color: rgba(255,192,0,0.25);
  margin: 2%;
}
.cms_quote2 {
  background-color: rgba(192,255,0,0.25);
  margin: 2%;
}
.cms_quote_caption {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 2%;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: -2%;
  font-size: 80%;
}
.cms_subtitle {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -1%;
  margin-bottom: -1%;
  font-size: 80%;
}
.cms_end_link {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 2%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -3%;
  margin-bottom: 0px;
  font-size: 90%;
  text-align: right;
}
.cms_press img {
  max-width: 106%!important;
  margin-left: -3%;
  margin-right: -3%;
}
.cms_press .icon {
  margin-left: 0px;
  margin-right: 0px;
}
.cms_press .flag_n {
  margin-left: 0px;
  margin-right: 0px;
}
.cms_press .end_div img {
  margin-left: 0px;
  margin-right: 0px;
}
.cms_press .cms_subtitle img {
  margin-left: 0px;
  margin-right: 0px;
}
.cms_press .a_image {
  display: block;
  text-align: center;
}
.cms_div .always_full_width {
  width: 100%;
  height: auto;
  border: 0px;
}
.cms_div h2 {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 3%;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 3%;
  font-size: 28px;
  line-height: 28px;
  text-align: left;
}
.cms_div h3 {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3%;
  margin-bottom: 3%;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: left;
}
.cms_div h4 {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3%;
  margin-bottom: 3%;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
}
.cms_div ul {
  padding-left: 6%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3%;
  margin-bottom: 3%;
}
.cms_div ol {
  padding-left: 6%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3%;
  margin-bottom: 3%;
}
.cms_div p {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3%;
  margin-bottom: 3%;
}
.cms_div .cms_html_press {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3%;
  margin-bottom: 3%;  
}
.cms_div form {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 3%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3%;
  margin-bottom: 0px;
}
.cms_div a {
  text-decoration: none;
  color: #4477AA;
  font-weight: bold;
}
.cms_div a:hover {
  color: #6699BB;
}
.cms_div .end_div {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 3%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3%;
  margin-bottom: 0px;
  text-align: right;
  font-size: 12px;
  color: #888888;
}
.cms_div .rating_div {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 3%;
  padding-bottom: 3%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 120%;
  color: #FFFFFF;
  background-color: rgba(0,0,0,0.5);
}
.cms_div .moderator_div {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 3%;
  padding-bottom: 3%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 80%;
  color: #FFFFFF;
  background-color: rgba(255,0,0,0.3);
}
.cms_div .buttons_div {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0px;
  padding-bottom: 1%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}
.cms_div .end_div a {
  text-decoration: none;
  color: #4477AA;
}
.cms_div .end_div a:hover {
  color: #6699BB;
}
@media screen and (max-width: 500px) {
  .cms_div {
    font-size: 2.8vw;
  } 
  .cms_div h2 {
    font-size: 5.6vw;
  } 
  .cms_div h3 {
    font-size: 4.0vw;
  } 
  .cms_div h4 {
    font-size: 3.2vw;
  } 
  .cms_div .end_div {
    font-size: 2.4vw;
  } 
} 


.cms_div_left {
  background-color: #FFFFFF;
  text-align: left;
  font-size: 14px;
}
.cms_div_left .blog_item {
  min-height: 110px;
  background-repeat: no-repeat;
  background-position: 10px 5px;
  background-size: 180px 110px;
  padding-left: 200px;
  padding-right: 10px;
  font-size: 14px;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cms_div_left .blog_item a {
  display: block;
  font-size: 20px;
  text-decoration: none;
  color: #4477AA;
}
.cms_div_left .blog_item a:hover {
  color: #6699BB;
}
.cms_div_left .press_item {
  padding-right: 3%;
}
.cms_div_left .end_div {
  text-align: right;
  font-size: 12px;
  color: #888888;
  line-height: 12px;
  padding-right: 3%;
}
.cms_div_left .blog_item .end_div .flag_n {
  width: 16px;
  height: 12px;
}
@media screen and (max-width: 500px) {
  .cms_div_left {
    font-size: 2.8vw;
  } 
  .cms_div_left .blog_item {
    min-height: 20vw;
    background-position: 2vw 1vw;
    background-size: 36vw 22vw;
    padding-left: 40vw;
    padding-right: 2vw;
    font-size: 2.8vw;
    padding-top: 1vw;
    padding-bottom: 2vw;
  } 
  .cms_div_left .blog_item a {
    font-size: 4.0vw;
  } 
  .cms_div_left .end_div {
    font-size: 2.4vw;
    line-height: 2.4vw;
  } 
  .cms_div_left .blog_item .end_div .flag_n {
    width: 3.2vw;
    height: 2.4vw;
  }
} 


.cms_div_right {
  background-color: #FFFFFF;
  text-align: left;
  font-size: 12px;
}
.cms_div_right h2 {
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 14px;
  background: linear-gradient(#EEEEEE,#FFFFFF);
}
.cms_div_right .blog_item a {
  display: table-cell;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 90px 55px;
  padding-left: 100px;
  padding-right: 10px;
  font-size: 12px;
  line-height: 14px;
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  color: #4477AA;
}
.cms_div_right .blog_item a:hover {
  color: #6699BB;
}
.cms_div_right .show_more a {
  display: block;
  text-align: right;
  font-size: 12px;
  line-height: 14px;
  padding-left: 5px;
  padding-right: 10px;
  text-decoration: none;
  color: #4477AA;
}
.cms_div_right .show_more a:hover {
  color: #6699BB;
}
.cms_div_right .pr_item {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.cms_div_right .pr_item a {
  text-decoration: none;
  color: #4477AA;
}
.cms_div_right .pr_item a:hover {
  color: #6699BB;
}
.cms_div_right .pr_item .pr_thumb {
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-position: 0px 0px;
  background-size: 32px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.cms_div_right .pr_item .pr_title {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 4px;
  padding-bottom: 2px;
}
.cms_div_right .pr_item .pr_header {
  text-align: left;
}
.cms_div_right .pr_item .pr_footer {
  text-align: right;
}
.cms_languages {
  text-align: center;
  font-size: 12px;
  padding-bottom: 10px;
}
.cms_languages .caption {
  margin-bottom: 5px;
}
.cms_languages .flag_n, .cms_div_right .flag_n, .cms_div_left .flag_n {
  height: 18px!important;
  width: 24px!important;
}
@media screen and (max-width: 1030px) {
  .cms_languages {
    font-size: 1.165vw;
    padding-bottom: 0.971vw;
  }
  .cms_languages .caption {
    margin-bottom: 0.485vw;
  }
  .cms_languages .flag_n {
    height: 1.7476vw!important;
    width: 2.33vw!important;
  }
}
@media screen and (orientation:portrait) {
  .cms_languages {
    font-size: 2.4vw;
    padding-bottom: 2.0vw;
  }
  .cms_languages .caption {
    margin-bottom: 1.0vw;
  }
  .cms_languages .flag_n {
    height: 3.6vw!important;
    width: 4.8vw!important;
  }
}
.superspacer {
  height: 30px;
}
.spacer {
  height: 5px;
}
.separator {
  height: 5px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 5px;
}
.hspacer_10 {
  display: inline-block;
  width: 10%;
}
@media screen and (max-width: 1030px) {
  .superspacer {
    height: 2.9124vw; /* 30px */
  }
  .spacer {
    height: 0.4854vw; /* 5px */
  }
  .separator {
    height: 0.4854vw; /* 5px */
    margin-bottom: 0.4854vw; /* 5px */
  }
}
@media screen and (orientation:portrait) {
  .superspacer {
    height: 6.0vw; /* 30px */
  }
  .spacer {
    height: 1.0vw; /* 5px */
  }
  .separator {
    height: 1.0vw; /* 5px */
    margin-bottom: 1.0vw; /* 5px */
  }
}

.content_div .pr_item {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.content_div .pr_item a {
  text-decoration: none;
  color: #4477AA;
}
.content_div .pr_item a:hover {
  color: #6699BB;
}
.content_div .pr_item .pr_thumb {
  float: left;
  width: 96px;
  height: 96px;
  border-radius: 12px;
  background-position: 0px 0px;
  background-size: 96px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.content_div .pr_item .pr_title {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 5px;
}
.content_div .pr_item .pr_footer {
  text-align: right;
}


.error_anywhere {
  padding: 5px 5px 0px 5px;
  text-align: center;
  color: #DD0000;
  font-size: 14px;
}

.red_message {
  color: #DD0000!important;
}
.gray_message {
  color: #AAAAAA!important;
}

.helper_div {
  border: 1px solid #AA9988;
  background-color: #FFEEDD;
  border-radius: 5px;
  padding: 2px 10px 2px 10px;
  font-size: 11px;
}

/* book / manual / rules*/
.book_div {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #FFFFFF;
  text-align: justify;
}
.book_div h2 {
  font-weight: bold;
  font-size: 16px;
  margin-top: 0px;
  padding-top: 4px;
  margin-bottom: 0px;
  padding-bottom: 4px;
}
.book_div h3 {
  font-weight: bold;
  font-size: 14px;
  margin-top: 0px;
  padding-top: 4px;
  margin-bottom: 0px;
  padding-bottom: 4px;
}
.book_div h4 {
  font-weight: bold;
  font-size: 12px;
  margin-top: 0px;
  padding-top: 4px;
  margin-bottom: 0px;
  padding-bottom: 4px;
  text-decoration: underline;
}
.book_div h5 {
  font-weight: bold;
  font-size: 12px;
  margin-top: 0px;
  padding-top: 4px;
  margin-bottom: 0px;
  padding-bottom: 4px;
  font-style: italic;
}
.book_div p {
  margin-top: 3px;
  margin-bottom: 3px;
}
.book_div ul {
  padding-left: 6%;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.book_div ol {
  padding-left: 6%;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.book_div img {
  max-width: 100%;
  height: auto;
  border: 0px;
}
.book_div a {
  text-decoration: none;
  color: #4477AA;
  font-weight: bold;
}
.book_div a:hover {
  color: #6699BB;
}

.base_label {
  position: relative;
}
.base_label a {
  position: absolute;
  top: -64px;
}

/* pages */

.content_div .social_media {
  display: block;
  line-height: 36px;
  padding-left: 45px;
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 30px;
}
@media screen and (max-width: 360px) {
  .content_div .social_media {
    font-size: 3.3333vw;
  }
}
.content_div .creator {
  position:relative;
  display: inline-block;
  width: 49%;
  height: 80px;
}
.content_div .creator .photo {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background-position: 0px 0px;
  background-size: 70px;
  background-repeat: no-repeat;
}
.content_div .creator .info {
  left: 0px;
  top: 0px;
  padding-left: 80px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.content_div .creator .name {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 1030px) {
  .content_div .creator {
    height: 7.76699vw;
  }
  .content_div .creator .photo {
    left: 0.48544vw;
    top: 0.48544vw;
    width: 6.7961165vw;
    height: 6.7961165vw;
    border-radius: 3.398vw;
    background-size: 6.7961165vw;
  }
  .content_div .creator .info {
    font-size: 1.165vw;
    padding-left: 7.76699vw;
    height: 7.76699vw;
  }
  .content_div .creator .name {
    font-size: 1.4563vw;
  }
}
@media screen and (orientation:portrait) {
  .content_div .creator {
    height: 16vw;
  }
  .content_div .creator .photo {
    left: 1vw;
    top: 1vw;
    width: 14vw;
    height: 14vw;
    border-radius: 7vw;
    background-size: 14vw;
  }
  .content_div .creator .info {
    font-size: 2.4vw;
    padding-left: 16vw;
    height: 16vw;
  }
  .content_div .creator .name {
    font-size: 3vw;
  }
}

.content_div .team_member {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  width: 33%;
}
.content_div .team_member .flag_n {
  width: 16px;
  height: 12px;
}
@media screen and (max-width: 1030px) {
  .content_div .team_member {
    font-size: 1.165vw;
    line-height: 1.9417vw;
  }
  .content_div .team_member .flag_n {
    width: 1.5534vw;
    height: 1.165vw;
  }
}
@media screen and (orientation:portrait) {
  .content_div .team_member {
    font-size: 2.4vw;
    line-height: 4.0vw;
  }
  .content_div .team_member .flag_n {
    width: 3.2vw;
    height: 2.4vw;
  }
}

.content_div .partner {
  width: 33.3333%;
  height: auto;
  border: 0px;
}
.content_div .award {
  max-height: 100px;
}
@media screen and (max-width: 1030px) {
  .content_div .award {
    max-height: 9.7087vw;
  }
}
@media screen and (orientation:portrait) {
  .content_div .award {
    max-height: 20vw;
  }
}

.news_detail {
  background-color: #FFFFFF;
  text-align: justify;
  height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}
.news_detail .title {
  padding: 0px 10px 0px 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news_detail .title .category {
  display: inline-block;
  font-size: 8px;
  line-height: 12px;
  border-radius: 3px;
  background-color: #EEFF88;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
}
.news_detail .time {
  padding: 0px 10px 0px 10px;
  font-size: 10px;
  line-height: 12px;
  font-style: italic;
}
.news_detail .text {
  padding: 5px 10px 5px 10px;
  font-size: 12px;
}
.news_detail .data_tab {
  font-size: 12px;
  line-height: 20px;
}
.news_detail .data_tab .caption {
  display: inline-block;
  text-align: right;
  width: 40%;
  padding-right: 0.5%;
  font-weight: bold;
  vertical-align: top;
}
.news_detail .data_tab .value {
  display: inline-block;
  width: 59%;
  padding-left: 0.5%;
}
.news_detail .data_tab .flag_n {
  width: 16px;
  height: 12px;
}
.news_detail .data_tab {
  font-size: 12px;
}
.news_detail .signature {
  padding: 3px 10px 3px 10px;
  font-size: 12px;
}
.news_detail .attachments {
  border-top: 1px solid #888888;
  padding: 3px 10px 4px 10px;
  font-size: 10px;
}
.news_detail .attachments a {
  display: inline-block;
  background-color: #E8EEFF;
  padding: 1px 5px 1px 5px;
  border-radius: 8px;
}
.news_detail a {
  text-decoration: none;
  color: #4477AA;
  font-weight: bold;
}
.news_detail a:hover {
  color: #6699BB;
}
.news_detail table {
  width: 100%;
}

.news_list {
  background-color: #FFFFFF;
}
.list_head {
  background: linear-gradient(#191919,#584321)!important;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
}
.list_row {
  line-height: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.list_row_click {
  cursor: pointer;
}
.list_row_1 {
  background-color: #FFF7DD;
}
.list_row_0 {
  background-color: #FFFFFF;
}
.list_row:hover {
  background-color: #584321;
  color: #FFFFFF;
}
.list_row_highlight {
  background-color: #584321;
  color: #FFFFFF;
}
.list_row_new {
  font-weight: bold;  
}
.list_row .icon_msg {
  width: 16px;
  height: 16px;
  border: 0px;
  vertical-align: middle;
  pointer-events: none;
}
.list_row_item {
  font-size: 13px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list_news_date {
  display: inline-block;
  padding-left: 1%;
  width: 25%;
}
.list_news_message {
  display: inline-block;
  padding-left: 1%;
  width: 72.5%;
}
@media screen and (max-width: 1030px) {
  .list_row_item {
    font-size: 1.262vw;
    line-height: 2.524vw;
  }
  .list_row .icon_msg {
    width: 1.5534vw;
    height: 1.5534vw;
  }
}
@media screen and (orientation:portrait) {
  .list_row_item {
    font-size: 2.5vw;
    line-height: 5.0vw;
  }
  .list_row .icon_msg {
    width: 3.07vw;
    height: 3.07vw;
  }
}

/* HOME SCREEN SPECIAL - BEGIN */
.home_race_link {
  padding-top: 5px;
  display: block;
  font-size: 12px;
}
.broadcast_link {
  display: inline-block;
  margin-top: 3px;
  height: 24px;
  width: 40px;
  background-image: url(../images/icon_account/icon_broadcast.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 0px;
}
.broadcast_countdown {
  display: inline-block;
  padding-top: 5px;
  font-size: 12px;
}
@media screen and (max-width: 1030px) {
  .home_race_link {
    padding-top: 0.4854vw; /* 5px */
    font-size: 1.165vw; /* 12px */
  }
  .broadcast_countdown {
    padding-top: 0.4854vw; /* 5px */
    font-size: 1.165vw; /* 12px */
  }
}
@media screen and (orientation:portrait) {
  .home_race_link {
    padding-top: 1.0vw; /* 5px */
    font-size: 2.4vw; /* 12px */
  }
  .broadcast_countdown {
    padding-top: 1.0vw; /* 5px */
    font-size: 2.4vw; /* 12px */
  }
}
.content_area .blog_item {
  min-height: 77px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
  background-size: 126px 77px;
  padding-left: 135px;
  padding-right: 0px;
  font-size: 12px;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}
.content_area .blog_item a {
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #4477AA;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content_area .blog_item a:hover {
  color: #6699BB;
}
.press_item {
  min-height: 77px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 12px;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}
.press_item a {
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #4477AA;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.press_item a:hover {
  color: #6699BB;
}
.press_item .press_thumb {
  float: left;
  width: 15%;
  padding-top: 15%;
  border-radius: 50%;
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 2%;
}
.content_area .blog_end_div {
  text-align: right;
  font-size: 12px;
  color: #888888;
  line-height: 12px;
  margin-top: 3px;
}
.content_area .blog_item .blog_end_div .flag_n {
  width: 16px;
  height: 12px;
}
.press_item .flag_n {
  width: 16px;
  height: 12px;
}
@media screen and (max-width: 1030px) {
  .content_area .blog_item {
    min-height: 7.47573vw; /* 77px */
    background-position: 0vw 0.4854vw; /* 0px 5px */
    background-size: 12.233vw 7.47573vw; /* 126px 77px */
    padding-left: 13.1068vw; /* 135px */
    font-size: 1.165vw; /* 12px */
    padding-top: 0.4854vw; /* 5px */
    padding-bottom: 0.4854vw; /* 5px */
  }
  .content_area .blog_item a {
    font-size: 1.359vw; /* 14px */
  }
  .content_area .blog_end_div {
    font-size: 1.165vw; /* 12px */
    line-height: 1.165vw; /* 12px */
    margin-top: 0.291vw; /* 3px */
  }
  .content_area .blog_item .blog_end_div .flag_n {
    width: 1.5534vw; /* 16px */
    height: 1.165vw; /* 12px */
  }
  .press_item {
    min-height: 7.47573vw; /* 77px */
    font-size: 1.165vw; /* 12px */
    padding-top: 0.4854vw; /* 5px */
    padding-bottom: 0.4854vw; /* 5px */
  }
  .press_item a {
    font-size: 1.359vw; /* 14px */
  }
  .press_item .flag_n {
    width: 1.5534vw; /* 16px */
    height: 1.165vw; /* 12px */
  }
}
@media screen and (orientation:portrait) {
  .content_area .blog_item {
    min-height: 15.4vw; /* 77px */
    background-position: 0vw 1.0vw; /* 0px 5px */
    background-size: 25.2vw 15.4vw; /* 126px 77px */
    padding-left: 27vw; /* 135px */
    font-size: 2.4vw; /* 12px */
    padding-top: 1.0vw; /* 5px */
    padding-bottom: 1.0vw; /* 5px */
  }
  .content_area .blog_item a {
    font-size: 2.8vw; /* 14px */
  }
  .content_area .blog_end_div {
    font-size: 2.4vw; /* 12px */
    line-height: 2.4vw; /* 12px */
    margin-top: 0.6vw; /* 3px */
  }
  .content_area .blog_item .blog_end_div .flag_n {
    width: 3.2vw; /* 16px */
    height: 2.4vw; /* 12px */
  }
  .press_item {
    min-height: 15.4vw; /* 77px */
    font-size: 2.4vw; /* 12px */
    padding-top: 1.0vw; /* 5px */
    padding-bottom: 1.0vw; /* 5px */
  }
  .press_item a {
    font-size: 2.8vw; /* 14px */
  }
  .press_item .flag_n {
    width: 3.2vw; /* 16px */
    height: 2.4vw; /* 12px */
  }
} 
/* alert table */
.alert_tab {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  white-space: nowrap;
  border-spacing: 0px;
}
.alert_tab td {
  padding: 2px 5px 2px 5px;
}
.alert_tab a {
  text-decoration: none;
  color: #4477AA;
}
.alert_tab a:hover {
  color: #6699BB;
}
@media screen and (orientation:portrait) {
  .alert_tab {
    width: 80%;
  }
}

/* list table*/
.list_table {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  border-spacing: 0px;
}
.list_table th {
  background-color: #584321;
  color: #0082ff;
  padding: 2px 5px 2px 5px;
  text-align: center;
}
.list_table td {
  padding: 2px 5px 2px 5px;
}
.list_table .tr1 {
  background-color: #fff7dd;
}
.list_table a {
  text-decoration: none;
  color: #4477AA;
}
.list_table a:hover {
  color: #6699BB;
}
.scroller {
  overflow: auto;
}
.scroller_x {
  overflow-x: auto;
  overflow-y: hidden;
}

/* mini table*/
.mini_table {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  border-spacing: 0px;
  border: 1px solid #DDDDDD;
}
.mini_table th {
  background: linear-gradient(#DDDDDD,#FFFFFF)!important;
  padding: 1px 5px!important;
  font-size: 10px!important;
  text-align: center;
}
.mini_table td {
  padding: 1px 5px!important;
  font-size: 10px!important;
}
.mini_table .tr1 {
  background-color: #F8F8F8;
}
@media screen and (max-width: 1030px) {
  .mini_table th {
    font-size: 0.97vw!important; /* 10px */
  }
  .mini_table td {
    font-size: 0.97vw!important; /* 10px */
  }
}
@media screen and (orientation:portrait) {
  .mini_table th {
    font-size: 2.0vw!important; /* 10px */
  }
  .mini_table td {
    font-size: 2.0vw!important; /* 10px */
  }
}

/* filter */
.form_tab {
  width: 100%;
  border-spacing: 0px;
  margin: 0px;
}
.form_tab td {
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  font-weight: bold;
}
.form_tab .normal {
  font-weight: normal;
  font-size: 12px;
  height: 22px;
  padding: 0px 5px 0px 5px;
}
.form_tab .value {
  font-weight: normal;
  font-size: 14px;
  height: 22px;
  padding: 0px 5px 0px 5px;
}
.form_tab .vatop {
  vertical-align: top;
}
.form_tab .col10 {
  width: 10%;
}
.form_tab .col40 {
  width: 40%;
}
.form_tab .col50 {
  width: 50%;
}
.form_tab .col70 {
  width: 70%;
}
.form_tab .col17 {
  width: 16.667%;
}
.form_tab .col33 {
  width: 33.333%;
}
.form_tab .caption_s {
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0px 5px 0px 5px;
}
.form_tab .value_s {
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0px 5px 0px 5px;
}
.form_tab .normal_s {
  font-weight: normal;
}
@media screen and (max-width: 1030px) {
  .form_tab td {
    padding: 0.4854vw 0.4854vw 0.4854vw 0.4854vw; /* 5px */
    font-size: 1.165vw; /* 12px */
  }
  .form_tab .caption_s {
    font-size: 0.971vw;
    padding: 0px 0.4854vw 0px 0.4854vw; /* 5px */
  }
  .form_tab .value_s {
    font-size: 0.971vw;
    padding: 0px 0.4854vw 0px 0.4854vw; /* 5px */
  }
  .form_tab .normal {
    font-size: 1.165vw; /* 12px */
    height: 2.135vw; /* 22px */
    padding: 0px 0.4854vw 0px 0.4854vw; /* 5px */
  }
  .form_tab .value {
    font-size: 1.359vw; /* 14px */
    height: 2.135vw; /* 22px */
    padding: 0px 0.4854vw 0px 0.4854vw; /* 5px */
  }
}
@media screen and (orientation:portrait) {
  .form_tab td {
    padding: 1.0vw 0.9vw 1.0vw 0.9vw; /* 5px */
    font-size: 2.4vw; /* 12px */
  }
  .form_tab .caption_s {
    font-size: 2.0vw;
    padding: 0px 0.9vw 0px 0.9vw; /* 5px */
  }
  .form_tab .value_s {
    font-size: 2.0vw;
    padding: 0px 0.9vw 0px 0.9vw; /* 5px */
  }
  .form_tab .normal {
    font-size: 2.4vw; /* 12px */
    height: 4.4vw; /* 22px */
    padding: 0px 0.9vw 0px 0.9vw; /* 5px */
  }
  .form_tab .value {
    font-size: 2.8vw; /* 14px */
    height: 4.4vw; /* 22px */
    padding: 0px 0.9vw 0px 0.9vw; /* 5px */
  }
}


/* wide list */
.wide_tab {
  width: 100%;
  border-spacing: 0px;
  background-color: #FFFFFF;
}
.wide_tab td {
  color: #000000;
  font-size: 12px;
  line-height: 12px;
  padding: 0px 5px 0px 5px;
}
.wide_tab th {
  background-color: #584321;
  color: #0082ff;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.wide_tab th a {
  color: #0082ff;
}
.wide_tab th a:hover {
  color: #F5D981;
}
.wide_tab .tr1 {
  background-color: #fff7dd;
}
.wide_tab .tr_highlighted {
  background-color: #0082ff;
}
.wide_tab a {
  text-decoration: none;
  color: #4477AA;
}
.wide_tab a:hover {
  color: #6699BB;
}
.wide_tab .vatop {
  vertical-align: top;
}
.wide_tab .caption {
  font-weight: bold;
  text-align: right;
}
.wide_tab .value {
  height: 22px;
  line-height: 22px;
}
.wide_tab .buttons {
  padding-left: 0px;
  padding-right: 0px;
}
.wide_tab .buttons a {
  vertical-align: middle;
  font-size: 24px;
}
.wide_tab .nowrap {
  white-space: nowrap;
}
.wide_tab .val_datetime {
  width: 120px;
}
.wide_tab .value_ell30 {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wide_tab .value_ell15 {
  width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1030px) {
  .wide_tab td {
    font-size: 1.165vw;
    line-height: 1.165vw;
    padding: 0vw 0.485vw 0vw 0.485vw; /* 0px 5px 0px 5px */
  }
  .wide_tab th {
    font-size: 1.165vw;
    height: 2.1359vw;
    line-height: 2.1359vw;
  }
  .wide_tab .value {
    height: 2.1359vw;
    line-height: 2.1359vw;
  }
  .wide_tab .buttons a {
    font-size: 2.33vw; /* 24px */
  }
  .wide_tab .val_datetime {
    width: 11.65vw; /* 120px */
  }
  .wide_tab .value_ell30 {
    width: 14.56vw; /* 150px */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .wide_tab .value_ell15 {
    width: 7.28vw; /* 75px */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (orientation:portrait) {
  .wide_tab td {
    font-size: 1.846vw;
    line-height: 1.846vw;
    padding: 0vw 0.485vw 0vw 0.485vw; /* 0px 5px 0px 5px */
  }
  .wide_tab th {
    font-size: 1.846vw;
    height: 3.3846vw;
    line-height: 3.3846vw;
  }
  .wide_tab .value {
    height: 3.3846vw;
    line-height: 3.3846vw;
  }
  .wide_tab .buttons a {
    font-size: 3.692vw; /* 24px */
  }
  .wide_tab .val_datetime {
    width: 18.46vw; /* 120px */
  }
  .wide_tab .value_ell30 {
    width: 23.0vw; /* 150px */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .wide_tab .value_ell15 {
    width: 11.5vw; /* 75px */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}


/* user profile*/
.profile_tab {
  width: 100%;
  border-spacing: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #FFFFFF;
}
.profile_tab_nomrg {
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}
.profile_tab td {
  color: #000000;
  font-size: 12px;
  line-height: 12px;
  padding: 0px 5px 0px 5px;
}
.profile_tab th {
  background-color: #584321;
  color: #0082ff;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  vertical-align: bottom;
}
.profile_tab th a {
  color: #0082ff;
}
.profile_tab th a:hover {
  color: #F5D981;
}
.profile_tab .tr1 {
  background-color: #fff7dd;
}
.profile_tab .tr_highlighted {
  background-color: #0082ff;
}
.profile_tab .tr_friend {
  background-color: #eedd88;
}
.profile_tab .tr_safety_car {
  background-color: #FFFF66;
}
.profile_tab a {
  text-decoration: none;
  color: #4477AA;
}
.profile_tab a:hover {
  color: #6699BB;
}
.profile_tab .agray {
  text-decoration: none;
  color: #444444;
}
.profile_tab .agray:hover {
  color: #999999;
}
.profile_tab .vatop {
  vertical-align: top;
}
.profile_tab .caption {
  font-weight: bold;
  text-align: right;
}
.profile_tab .value {
  height: 22px;
  line-height: 22px;
}
.profile_tab .value .sup {
  position: relative;
  display: inline-block;
  width: 0.5em;
}
.profile_tab .value .sup span {
  position: absolute;
  bottom: -0.3em;
  font-size: 0.7em;
}
.profile_tab .normal {
  line-height: 14px;
  padding: 5px 5px 5px 5px;
}
.profile_tab .nofo {
  line-height: normal;
}
.profile_tab .nopad {
  line-height: normal;
  padding: 0px;
}
.profile_tab .normpad {
  line-height: normal;
  padding: 1%;
}
.profile_tab .value_sm {
  font-size: 10px;
}
.profile_tab .buttons {
  padding-left: 0px;
  padding-right: 0px;
}
.profile_tab .buttons a {
  vertical-align: middle;
  font-size: 24px;
}
.profile_tab .material-icons {
  padding-left: 0px;
  padding-right: 0px;
}
.profile_tab .material-icons span {
  vertical-align: middle;
  font-size: 20px;
}
.profile_tab .nowrap {
  white-space: nowrap;
}
.profile_tab .material-symbols-outlined {
  font-size: 100%;
  line-height: normal;
  vertical-align: middle;
}

.profile_tab .nopd {
  padding: 0px;
}
.width_5pct {
  width: 5%;
}
.width_7pct {
  width: 7%;
}
.width_8pct {
  width: 8%;
}
.width_10pct {
  width: 10%;
}
.width_11pct {
  width: 11%;
}
.width_12pct {
  width: 12%;
}
.width_15pct {
  width: 15%;
}
.width_17_5pct {
  width: 17.5%;
}
.width_20pct {
  width: 20%;
}
.width_25pct {
  width: 25%;
}
.width_30pct {
  width: 30%;
}
.width_35pct {
  width: 35%;
}
.width_40pct {
  width: 40%;
}
.width_45pct {
  width: 45%;
}
.width_50pct {
  width: 50%;
}
.width_55pct {
  width: 55%;
}
.width_65pct {
  width: 65%;
}
.width_75pct {
  width: 75%;
}
.width_100pct {
  width: 100%;
}
.value30 {
  height: 30px;
  width: 60%;
}
.profile_tab .value_ell30 {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile_tab .value_ell50_sp {
  width: 320px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile_tab .value_ell50_fr {
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile_tab .value_ell15 {
  width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile_tab .value_ell15_ds {
  width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile_tab .ellipse_fw {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile_tab .val_datetime {
  width: 120px;
}
.profile_tab .small_icon {
  font-size: inherit;
}
@media screen and (max-width: 1030px) {
  .profile_tab {
    padding-top: 0.9701vw;
    padding-bottom: 0.9701vw;
  }
  .profile_tab td {
    font-size: 1.165vw;
    line-height: 1.165vw;
    padding: 0vw 0.485vw 0vw 0.485vw; /* 0px 5px 0px 5px */
  }
  .profile_tab th {
    font-size: 1.165vw;
    height: 2.1359vw;
    line-height: 2.1359vw;
  }
  .profile_tab .value {
    height: 2.1359vw;
    line-height: 2.1359vw;
  }
  .profile_tab .normal {
    line-height: 1.359vw; /* 14px */
    padding: 0.485vw 0.485vw 0.485vw 0.485vw; /* 5px 5px 5px 5px */
  }
  .profile_tab .value_sm {
    font-size: 0.97vw; /* 10px */
  }
  .profile_tab .buttons a {
    font-size: 2.33vw; /* 24px */
  }
  .profile_tab .material-icons span {
    font-size: 1.94vw; /* 20px */
  }
  .profile_tab .value_ell30 {
    width: 14.563vw; /* 150px */
  }
  .profile_tab .value_ell50_sp {
    width: 31.07vw; /* 320px */
  }
  .profile_tab .value_ell50_fr {
    width: 24.27vw; /* 250px */
  }
  .profile_tab .value_ell15 {
    width: 7.28vw; /* 75px */
  }
  .profile_tab .value_ell15_ds {
    width: 7.28vw; /* 75px */
  }
  .profile_tab .val_datetime {
    width: 11.65vw; /* 120px */
  }
}
@media screen and (orientation:portrait) {
  .profile_tab {
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
  }
  .profile_tab td {
    font-size: 2.4vw;
    line-height: 2.4vw;
    padding: 0vw 1.0vw 0vw 1.0vw; /* 0px 5px 0px 5px */
  }
  .profile_tab th {
    font-size: 2.4vw;
    height: 4.4vw;
    line-height: 4.4vw;
  }
  .profile_tab .value {
    height: 4.4vw;
    line-height: 4.4vw;
  }
  .profile_tab .normal {
    line-height: 2.8vw; /* 14px */
    padding: 1.0vw 1.0vw 1.0vw 1.0vw; /* 5px 5px 5px 5px */
  }
  .profile_tab .value_sm {
    font-size: 2.0vw; /* 10px */
  }
  .profile_tab .buttons a {
    font-size: 4.8vw; /* 24px */
  }
  .profile_tab .material-icons span {
    font-size: 4.0vw; /* 20px */
  }
  .profile_tab .value_ell30 {
    width: 30.0vw; /* 150px */
  }
  .profile_tab .value_ell50_sp {
    width: 40.0vw;
  }
  .profile_tab .value_ell50_fr {
    width: 30.0vw;
  }
  .profile_tab .value_ell15 {
    width: 15.0vw; /* 75px */
  }
  .profile_tab .value_ell15_ds {
    width: 8.0vw; /* dynamic smaller */
  }
  .profile_tab .val_datetime {
    width: 24.0vw; /* 120px */
  }
}

.addrem_button {
  width: 70px;
  height: 70px;
  border: 1px solid #EEEEEE;
  border-radius: 35px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
  background-color: #FFFFFF;
  font-weight: bold;
  font-size: 35px;
  cursor: pointer;
}
.addrem_button:hover {
  background-color: #444444;
  border: 1px solid #444444;
  color: #FFFFFF;
}
.addrem_button:disabled {
  color: #BBBBBB;
  cursor: not-allowed;
  border: 1px solid #F8F8F8;
}
.addrem_button:disabled:hover {
  background-color: #EEEEEE;
  border: 1px solid #EEEEEE;
}
@media screen and (max-width: 1030px) {
  .addrem_button {
    width: 6.796vw; /* 70px */
    height: 6.796vw; /* 70px */
    border-radius: 3.398vw; /* 35px */
    font-size: 3.398vw; /* 35px */
  }
}
@media screen and (orientation:portrait) {
  .addrem_button {
    width: 14.0vw; /* 70px */
    height: 14.0vw; /* 70px */
    border-radius: 7.0vw; /* 35px */
    font-size: 7.0vw; /* 35px */
  }
}

.podium_area {
  position: relative;
  background-image: url(../images/podium.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 62.5%;
  padding-bottom: 30%;
  text-align:center;
  font-size: 14px;
}
.podium_area .name1 {
  position: absolute;
  left: 5%;
  top: 3%;
  width: 95%;
  font-weight:bold;
}
.podium_area .helmet1 {
  position: absolute;
  left: 49.375%;
  top: 20%;
}
.podium_area .name2 {
  position: absolute;
  left: 0.625%;
  top: 16%;
  width: 60%;
  font-weight:bold;
}
.podium_area .helmet2 {
  position: absolute;
  left: 27.5%;
  top: 33%;
}
.podium_area .name3 {
  position: absolute;
  left: 41.625%;
  top: 22%;
  width: 60%;
  font-weight:bold;
}
.podium_area .helmet3 {
  position: absolute;
  left: 68.5%;
  top: 39%;
}
.podium_area .flag_n {
  height: 18px;
  width: 24px;
}
@media screen and (max-width: 1030px) {
  .podium_area {
    font-size: 1.359vw; /* 14px */
  }
  .podium_area .flag_n {
    height: 1.7476vw!important; /* 18px */
    width: 2.33vw!important; /* 24px */
  }
}
@media screen and (orientation:portrait) {
  .podium_area {
    font-size: 2.8vw; /* 14px */
  }
  .podium_area .flag_n {
    height: 3.6vw!important; /* 18px */
    width: 4.8vw!important; /* 24px */
  }
}

.button_alert {
  color: #DD0000!important;
}
.button_alert:hover {
  color: #FF4444!important;
}

.user_profile_photo {
  display: inline-block;
  width: 24%;
  padding-top: 24%;
  margin: 2%;
  border-radius: 5%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: cover;
  vertical-align: top;
}
.user_profile_tab {
  display: inline-table;
  width: 72%!important;
}
.user_profile_honour {
  width: 10%;
}
.honour_icon {
  width: 100%;
}

.profile_tab .attrib_area {
  position: relative;
  display: inline-block;
  width: 90%;
  height: 30px;
}
.profile_tab .attrib_area .left_end {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 2.5%;
  height: 10px;
  background-color: #000000;
  border-radius: 5px;
}
.profile_tab .attrib_area .right_end {
  position: absolute;
  top: 10px;
  left: 97.5%;
  width: 2.5%;
  height: 10px;
  background-color: #000000;
  border-radius: 5px;
}
.profile_tab .attrib_area .base_line {
  position: absolute;
  top: 12px;
  left: 2.5%;
  width: 95%;
  height: 6px;
  background-color: #999999;
  border-radius: 3px;
}
.profile_tab .attrib_area .base_valline {
  position: absolute;
  top: 0px;
  left: 2.5%;
  width: calc(95% - 34px);
  height: 30px;
}
.profile_tab .attrib_area .atr_value {
  position: absolute;
  top: 5px;
  left: 0%;
  width: 34px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.profile_tab .attrib_area22 {
  position: relative;
  display: inline-block;
  width: 95%;
  height: 22px;
}
.profile_tab .attrib_area22 .left_end {
  position: absolute;
  top: 25%;
  left: 0px;
  width: 3px;
  height: 50%;
  background-color: #000000;
}
.profile_tab .attrib_area22 .right_end {
  position: absolute;
  top: 25%;
  left: calc(100% - 3px);
  width: 3px;
  height: 50%;
  background-color: #000000;
}
.profile_tab .attrib_area22 .base_line {
  position: absolute;
  top: 40%;
  left: 3px;
  width: calc(100% - 6px);
  height: 20%;
  background-color: #999999;
}
.profile_tab .attrib_area22 .base_valline {
  position: absolute;
  top: 0px;
  left: 3px;
  width: calc(100% - 44px);
  height: 100%;
}
.profile_tab .attrib_area22 .base_valline_double {
  position: absolute;
  top: 0px;
  left: 3px;
  width: calc(100% - 82px);
  height: 100%;
}
.profile_tab .attrib_area22 .atr_line {
  position: absolute;
  top: 30%;
  height: 40%;
  width: 50%;
}
.profile_tab .attrib_area22 .atr_value {
  position: absolute;
  top: 12.5%;
  left: 0%;
  width: 38px;
  text-align: center;
  height: 75%;
  line-height: 16.5px;
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 25%;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.profile_tab .attrib_area22 .atr_doubled {
  margin-left: 38px;
}
@media screen and (max-width: 1030px) {
  .profile_tab .attrib_area22 {
    height: 2.135vw; /* 22px */
  }
  .profile_tab .attrib_area22 .atr_value {
    line-height: 1.6019vw; /* 16.5px */
  }
  .profile_tab .attrib_area22 .base_valline {
    width: calc(100% - 6px - 3.689vw); /* 38px */
  }
  .profile_tab .attrib_area22 .base_valline_double {
    width: calc(100% - 6px - 7.379vw); /* 76px */
  }
  .profile_tab .attrib_area22 .atr_value {
    width: 3.689vw; /* 38px */
  }
  .profile_tab .attrib_area22 .atr_doubled {
    margin-left: 3.689vw; /* 38px */
  }
}
@media screen and (orientation:portrait) {
  .profile_tab .attrib_area22 {
    height: 4.4vw; /* 22px */
  }
  .profile_tab .attrib_area22 .atr_value {
    line-height: 3.3vw; /* 16.5px */
  }
  .profile_tab .attrib_area22 .base_valline {
    width: calc(100% - 6px - 7.6vw); /* 38px */
  }
  .profile_tab .attrib_area22 .base_valline_double {
    width: calc(100% - 6px - 15.5vw); /* 76px */
  }
  .profile_tab .attrib_area22 .atr_value {
    width: 7.6vw; /* 38px */
  }
  .profile_tab .attrib_area22 .atr_doubled {
    margin-left: 7.6vw; /* 38px */
  }
}

.profile_tab .flag_n {
  width: 16px;
  height: 12px;
  vertical-align: baseline;
}
.icon_record {
  width: 54px;
  height: 10px;
}
.fastest {
  color: #FF00FF!important;
}
.very_fast {
  color: #00BB00!important;
}
.icon_tyre {
  display: inline-block;
  background: linear-gradient(#888888,#000000);
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  border-radius: 8px;
  height: 12px;
  width: 12px;
  font-size: 8px;
  font-weight: bold;
  line-height: 12px;
  vertical-align: middle;
  text-align: center;
}
.icon_tyre_outer {
  display: inline-block;
  background-color: #000000;
  line-height: 12px;
  border: 1px solid #000000;
  border-radius: 9px;
}
.icon_tyre_red {
  border-color: #FF5657;
  color: #FF5657;
}
.icon_tyre_yellow {
  border-color: #FFFF00;
  color: #FFFF00;
}
.icon_tyre_orange {
  border-color: #FFAA66;
  color: #FFAA66;
}
.icon_tyre_brown {
  border-color: #B68C46;
  color: #B68C46;
}
.icon_tyre_intermediate {
  border-color: #1DDD2D;
  color: #1DDD2D;
}
.icon_tyre_wets {
  border-color: #0077FC;
  color: #0077FC;
}
@media screen and (max-width: 1030px) {
  .profile_tab .flag_n {
    width: 1.5534vw!important; /* 16px */
    height: 1.165vw!important; /* 12px */
  }
  .icon_record {
    width: 5.2427vw; /* 54px */
    height: 0.97vw; /* 10px */
  }
  .icon_tyre {
    border-width: 0.194vw; /* 2px */
    border-radius: 0.777vw; /* 8px */
    height: 1.165vw; /* 12px */
    width: 1.165vw; /* 12px */
    font-size: 0.777vw; /* 8px */
    line-height: 1.165vw; /* 12px */
  }
  .icon_tyre_outer {
    line-height: 1.165vw; /* 12px */
    border-width: 0.097vw; /* 1px */
    border-radius: 0.87vw; /* 9px */
  }
}
@media screen and (orientation:portrait) {
  .profile_tab .flag_n {
    width: 3.2vw!important; /* 16px */
    height: 2.4vw!important; /* 12px */
  }
  .icon_record {
    width: 10.8vw; /* 54px */
    height: 2.0vw; /* 10px */
  }
  .icon_tyre {
    border-width: 0.4vw; /* 2px */
    border-radius: 1.6vw; /* 8px */
    height: 2.4vw; /* 12px */
    width: 2.4vw; /* 12px */
    font-size: 1.6vw; /* 8px */
    line-height: 2.4vw; /* 12px */
  }
  .icon_tyre_outer {
    line-height: 2.4vw; /* 12px */
    border-width: 0.2vw; /* 1px */
    border-radius: 1.8vw; /* 9px */
  }
}

.profile_tab .w10 {
  width: 10%;
}

.atr_value_0 {
  background-color: #888888; 
}
.atr_value_5 {
  background-color: #D00000; 
}
.atr_value_6 {
  background-color: #C97200;
}
.atr_value_7 {
  background-color: #D4B400;
}
.atr_value_8 {
  background-color: #90B800;
}
.atr_value_9 {
  background-color: #50A000;
}
.atr_value_10 {
  background-color: #00CC00;
}
.atr_value_t {
  background-color: #448866;
}

.car_value_0 {
  background-color: #DD0000; 
}
.car_value_1 {
  background-color: #CC2200; 
}
.car_value_2 {
  background-color: #BB4400; 
}
.car_value_3 {
  background-color: #AA6600; 
}
.car_value_4 {
  background-color: #997700; 
}
.car_value_5 {
  background-color: #888800; 
}
.car_value_6 {
  background-color: #779900; 
}
.car_value_7 {
  background-color: #66AA00; 
}
.car_value_8 {
  background-color: #44BB00; 
}
.car_value_9 {
  background-color: #22CC00; 
}
.car_value_10 {
  background-color: #00DD00; 
}


/* Switch Checkbox*/
/* The switch - the box around the slider */
.input_switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}
/* Hide default HTML checkbox */
.input_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.input_switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.input_switch .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.input_switch input:checked + .slider {
  background-color: #000000;
}
.input_switch input:focus + .slider {
  box-shadow: 0 0 1px #000000;
}
.input_switch input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
/* Rounded sliders */
.input_switch .slider.round {
  border-radius: 10px;
}
.input_switch .slider.round:before {
  border-radius: 50%;
}
@media screen and (max-width: 1030px) {
  .input_switch {
    width: 3.495vw; /* 36px */
    height: 1.94vw; /* 20px */
  }
  .input_switch .slider:before {
    height: 1.359vw; /* 14px */
    width: 1.359vw; /* 14px */
    left: 0.291vw; /* 3px */
    bottom: 0.291vw; /* 3px */
  }
  .input_switch input:checked + .slider:before {
    -webkit-transform: translateX(1.5534vw); /* 16px */
    -ms-transform: translateX(1.5534vw); /* 16px */
    transform: translateX(1.5534vw); /* 16px */
  }
  .input_switch .slider.round {
    border-radius: 0.97vw; /* 10px */
  }
}
@media screen and (orientation:portrait) {
  .input_switch {
    width: 7.2vw; /* 36px */
    height: 4.0vw; /* 20px */
  }
  .input_switch .slider:before {
    height: 2.8vw; /* 14px */
    width: 2.8vw; /* 14px */
    left: 0.6vw; /* 3px */
    bottom: 0.6vw; /* 3px */
  }
  .input_switch input:checked + .slider:before {
    -webkit-transform: translateX(3.2vw); /* 16px */
    -ms-transform: translateX(3.2vw); /* 16px */
    transform: translateX(3.2vw); /* 16px */
  }
  .input_switch .slider.round {
    border-radius: 2.0vw; /* 10px */
  }
}

/* settings */
.license_months {
  display: inline-block;
  background-image: url(../images/icon_top_license.svg);
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 20px;
  padding-left: 24px;
  line-height: 20px;
}
.coin_price {
  display: inline-block;
  background-image: url(../images/icon_top_coin.svg);
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 20px;
  padding-left: 24px;
  line-height: 20px;
}
.coin_price_big {
  display: inline-block;
  background-image: url(../images/icon_top_coin.svg);
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 40px;
  padding-left: 48px;
  line-height: 40px;
}
.actpts_price {
  display: inline-block;
  background-image: url(../images/icon_top_actpts.svg);
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 20px;
  padding-left: 24px;
  line-height: 20px;
}
.award_price {
  display: inline-block;
  background-image: url(../images/icon_top_award.svg);
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 20px;
  padding-left: 24px;
  line-height: 20px;
}
@media screen and (max-width: 1030px) {
  .license_months {
    background-size: 1.94vw; /* 20px */
    padding-left: 2.33vw; /* 24px */
    line-height: 1.94vw; /* 20px */
  }
  .coin_price {
    background-size: 1.94vw; /* 20px */
    padding-left: 2.33vw; /* 24px */
    line-height: 1.94vw; /* 20px */
  }
  .coin_price_big {
    background-size: 3.88vw; /* 40px */
    padding-left: 4.66vw; /* 48px */
    line-height: 3.88vw; /* 40px */
  }
  .actpts_price {
    background-size: 1.94vw; /* 20px */
    padding-left: 2.33vw; /* 24px */
    line-height: 1.94vw; /* 20px */
  }
  .award_price {
    background-size: 1.94vw; /* 20px */
    padding-left: 2.33vw; /* 24px */
    line-height: 1.94vw; /* 20px */
  }
}
@media screen and (orientation:portrait) {
  .license_months {
    background-size: 4.0vw; /* 20px */
    padding-left: 4.8vw; /* 24px */
    line-height: 4.0vw; /* 20px */
  }
  .coin_price {
    background-size: 4.0vw; /* 20px */
    padding-left: 4.8vw; /* 24px */
    line-height: 4.0vw; /* 20px */
  }
  .coin_price_big {
    background-size: 8.0vw; /* 40px */
    padding-left: 9.6vw; /* 48px */
    line-height: 8.0vw; /* 40px */
  }
  .actpts_price {
    background-size: 4.0vw; /* 20px */
    padding-left: 4.8vw; /* 24px */
    line-height: 4.0vw; /* 20px */
  }
  .award_price {
    background-size: 4.0vw; /* 20px */
    padding-left: 4.8vw; /* 24px */
    line-height: 4.0vw; /* 20px */
  }
}

.settings_item {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #DDDDDD;
  font-size: 0px;
}
.settings_item:first-child {
  border-top: 0px;
}
.settings_item .schild {
  font-size: 14px;
}
.settings_item .caption {
  display: inline-block;
  width: 25%;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}
.settings_item .cur_value {
  position: relative;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 60%;
  min-width: 19px;
  min-height: 19px;
}
.settings_item .edit_button {
  float: right;
}
.settings_item .settings_form {
  display: inline-block;
  width: 75%;
}
.settings_item .subcaption {
  font-weight: bold;
  font-style: italic;
}
.settings_item .settings_photo {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: cover;
  border-radius: 25px;
  margin-right: 10px;
  vertical-align: middle;
}
.settings_item .settings_photo_b {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-size: cover;
  border-radius: 20px;
  vertical-align: middle;
}
.settings_item .settings_photo_s {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-size: cover;
  border-radius: 9.5px;
  vertical-align: top;
}
@media screen and (max-width: 1030px) {
  .settings_item .cur_value { 
    min-width: 1.844vw; /* 19px */
    min-height: 1.844vw; /* 19px */
  }
  .settings_item .schild {
    font-size: 1.359vw; /* 14px */
  }
  .settings_item .settings_photo {
    width: 4.854vw; /* 50px */
    height: 4.854vw; /* 50px */
    border-radius: 2.427vw; /* 25px */
    margin-right: 0.97vw; /* 10px */
  }
  .settings_item .settings_photo_b {
    width: 9.7vw; /* 100px */
    height: 9.7vw; /* 100px */
    border-radius: 1.94vw; /* 20px */
  }
  .settings_item .settings_photo_s {
    width: 1.844vw; /* 19px */
    height: 1.844vw; /* 19px */
    border-radius: 0.922vw; /* 9.5px */
  }
}
@media screen and (orientation:portrait) {
  .settings_item .cur_value { 
    min-width: 3.8vw; /* 19px */
    min-height: 3.8vw; /* 19px */
  }
  .settings_item .schild {
    font-size: 2.8vw; /* 14px */
  }
  .settings_item .settings_photo {
    width: 10.0vw; /* 50px */
    height: 10.0vw; /* 50px */
    border-radius: 5.0vw; /* 25px */
    margin-right: 2.0vw; /* 10px */
  }
  .settings_item .settings_photo_b {
    width: 20.0vw; /* 100px */
    height: 20.0vw; /* 100px */
    border-radius: 4.0vw; /* 20px */
  }
  .settings_item .settings_photo_s {
    width: 3.8vw; /* 19px */
    height: 3.8vw; /* 19px */
    border-radius: 1.9vw; /* 9.5px */
  }
}
.settings_input {
  font-size: 14px;
  border-radius: 10px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #DDDDDD;
}
.settings_input_smf {
  font-size: 10px;
}
.settings_width_20 {
  width: 20%;
}
.settings_width_30 {
  width: 30%;
}
.settings_width_45 {
  width: 45%;
}
.settings_width_50 {
  width: 50%;
}
.settings_min_width_50 {
  min-width: 50%!important;
}
.settings_width_66 {
  width: 66%;
}
.settings_width_70 {
  width: 70%;
}
.settings_min_width_70 {
  min-width: 70%!important;
}
.settings_width_90 {
  width: 90%;
}
.settings_width_100 {
  width: 100%;
}
.settings_width_20p {
  width: 20px;
}
.settings_width_25p {
  width: 25px;
}
.settings_width_50p {
  width: 50px;
}
.settings_width_60p {
  width: 60px;
}
.settings_width_180p {
  width: 180px;
}
@media screen and (max-width: 1030px) {
  .settings_input_smf {
    font-size: 0.97vw!important; /* 10px */
  }
  .settings_width_20p {
    width: 1.94vw; /* 20px */
  }
  .settings_width_25p {
    width: 2.427vw; /* 25px */
  }
  .settings_width_50p {
    width: 4.854vw; /* 50px */
  }
  .settings_width_60p {
    width: 5.825vw; /* 60px */
  }
  .settings_width_180p {
    width: 17.4757vw; /* 180px */
  }
}
@media screen and (orientation:portrait) {
  .settings_input_smf {
    font-size: 2.0vw!important; /* 10px */
  }
  .settings_width_20p {
    width: 4.0vw; /* 20px */
  }
  .settings_width_25p {
    width: 5.0vw; /* 25px */
  }
  .settings_width_50p {
    width: 10.0vw; /* 50px */
  }
  .settings_width_60p {
    width: 12.0vw; /* 60px */
  }
  .settings_width_180p {
    width: 36.0vw; /* 180px */
  }
}
.settings_input[type=submit] {
  min-width: 25%;
  font-size: 12px;
  font-weight: bold;
  color: #DDDDDD;  
  border-radius: 10px;
  padding: 10px 20px;
  background: linear-gradient(#AA0000,#660000);
  border: 1px solid #AA0000;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.settings_input[type=submit]:hover {
  background: linear-gradient(#AF0000,#6B0000);
  border-color: #FF2222;
  color: #FFFFFF;  
}
.settings_input[type=submit]:disabled {
  background: linear-gradient(#999999,#666666);
  border-color: #888888;
  color: #BBBBBB;  
  cursor: not-allowed;
}
.settings_input[type=button] {
  min-width: 25%;
  font-size: 12px;
  font-weight: bold;
  color: #DDDDDD;  
  border-radius: 10px;
  padding: 10px 20px;
  background: linear-gradient(#444444,#000000);
  border: 1px solid #444444;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.settings_input[type=button]:hover {
  background: linear-gradient(#4A4A4A,#050505);
  border-color: #666666;
  color: #FFFFFF;  
}
.settings_input[type=button]:disabled {
  background: linear-gradient(#999999,#666666);
  border-color: #888888;
  color: #BBBBBB;  
  cursor: not-allowed;
}
.settings_input[type=text]:disabled {
  background: linear-gradient(#DDDDDD,#EEEEEE);
  border-color: #DDDDDD;
  color: #888888;  
}
.settings_input_gray {
  background: linear-gradient(#999999,#555555)!important;
  border-color: #999999!important;
}
.settings_input_gray:hover {
  background: linear-gradient(#9D9D9D,#585858)!important;
  border-color: #AAAAAA!important;
}
textarea.settings_input {
  font-size: 12px;
  height: 200px;
}
textarea.noheight {
  height: auto;
}
.settings_input_nh {
  height: inherit!important;
}
.settings_input_txt {
  font-size: 14px;
  border-radius: 10px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #DDDDDD;
  font-family: inherit;
  height: 19px;
  resize: none;
}
.settings_input[type=file] {
  display: none;
}
.settings_upload_area {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.settings_file_upload {
  border: 1px solid #DDDDDD;
  border-radius: 7px;
  display: inline-block;
  padding: 7px 14px;
  font-size: 14px;
  cursor: pointer;
}
.settings_file_upload span {
  font-size: 14px;
}
.settings_file_upload_caption {
  color: #888888;
}
.settings_input_cap {
  font-size: 12px;
  font-style: italic;
}
.settings_pro_error, .settings_pro_warning {
  text-align: justify;
  color: #DD0000;
}
.settings_pro_ok {
  text-align: justify;
  color: #00BB00;
}
.settings_item .flag_n {
  width: 16px;
  height: 12px;
}
.settings_item ol {
  margin-top: 5px;
  padding-left: 16px;
  margin-bottom: 5px;
}
@media screen and (max-width: 1030px) {
  .settings_input {
    font-size: 1.359vw; /* 14px */
    border-radius: 0.97vw; /* 10px */
    padding: 0.194vw 0.485vw 0.194vw 0.485vw; /* 2px 5px 2px 5px */
    border: 0.097vw solid #DDDDDD;
  }
  .settings_input[type=submit], .settings_input[type=button] {
    font-size: 1.165vw; /* 12px */
    border-radius: 0.97vw; /* 10px */
    padding: 0.97vw 1.94vw; /* 20px */
    border-width: 0.097vw; /* 1px */
  }
  .settings_file_upload {
    border: 0.097vw solid #DDDDDD; /* 1px */
    border-radius: 0.6795vw; /* 7px */
    padding: 0.6795vw 1.359vw; /* 7px 14px */
    font-size: 1.359vw; /* 14px */
  }
  .settings_file_upload span {
    font-size: 1.359vw; /* 14px */
  }
  .settings_input_cap {
    font-size: 1.165vw; /* 12px */
  }
  .settings_item .flag_n {
    width: 1.5534vw!important;
    height: 1.165vw!important;
  }
  .settings_item ol {
    padding-left: 1.5534vw;
  }
  .settings_input_txt {
    font-size: 1.359vw; /* 14px */
    border-radius: 0.97vw; /* 10px */
    padding: 0.194vw 0.485vw 0.194vw 0.485vw; /* 2px 5px 2px 5px */
    border: 0.097vw solid #DDDDDD;
    height: 1.844vw; /* 19px */
  }
}
@media screen and (orientation:portrait) {
  .settings_input {
    font-size: 2.8vw; /* 14px */
    border-radius: 2.0vw; /* 10px */
    padding: 0.4vw 1.0vw 0.4vw 1.0vw; /* 2px 5px 2px 5px */
    border: 0.2vw solid #DDDDDD;
  }
  .settings_input[type=submit], .settings_input[type=button] {
    font-size: 2.4vw; /* 12px */
    border-radius: 2.0vw; /* 10px */
    padding: 2.0vw 4.0vw; /* 20px */
    border-width: 0.2vw; /* 1px */
  }
  .settings_file_upload {
    border: 0.2vw solid #DDDDDD; /* 1px */
    border-radius: 1.4vw; /* 7px */
    padding: 1.4vw 2.8vw; /* 7px 14px */
    font-size: 2.8vw; /* 14px */
  }
  .settings_file_upload span {
    font-size: 2.8vw; /* 14px */
  }
  .settings_input_cap {
    font-size: 2.4vw; /* 12px */
  }
  .settings_item .flag_n {
    width: 3.2vw!important;
    height: 2.4vw!important;
  }
  .settings_item ol {
    padding-left: 3.2vw;
  }
  .settings_input_txt {
    font-size: 2.8vw; /* 14px */
    border-radius: 2.0vw; /* 10px */
    padding: 0.4vw 1.0vw 0.4vw 1.0vw; /* 2px 5px 2px 5px */
    border: 0.2vw solid #DDDDDD;
    height: 3.8vw; /* 19px */
  }
}

/* garage */
.garage_car_area {
  position: relative;
  height: 120px;
  background-position: center center;
  background-size: 400px 100px;
  background-repeat: no-repeat;
}
.garage_car_area .chassis_logo {
  position: absolute;
  height: 50px;
  width: 50px;
  left: 0px;
  top: 20px;
  pointer-events: none;
}
.garage_car_area .tyres_logo {
  position: absolute;
  height: 12.5px;
  width: 50px;
  left: 0px;
  top: 85px;
  pointer-events: none;
}
.garage_car_area .rare {
  position: absolute;
  height: 60px;
  width: 106px;
  right: 0px;
  top: 0px;
  pointer-events: none;
}
@media screen and (max-width: 1030px) {
  .garage_car_area {
    height: 11.65vw; /* 120px */
    background-size: 38.835vw 9.7087vw; /* 400px 100px */
  }
  .garage_car_area .chassis_logo {
    height: 4.854vw; /* 50px */
    width: 4.854vw; /* 50px */
    top: 1.94vw; /* 20px */
  }
  .garage_car_area .tyres_logo {
    height: 1.213vw; /* 12.5px */
    width: 4.854vw; /* 50px */
    top: 8.252vw; /* 85px */
  }
  .garage_car_area .rare {
    height: 5.825vw; /* 60px */
    width: 10.291vw; /* 106px */
  }
}
@media screen and (orientation:portrait) {
  .garage_car_area {
    height: 24.0vw; /* 120px */
    background-size: 80.0vw 20.0vw; /* 400px 100px */
  }
  .garage_car_area .chassis_logo {
    height: 10.0vw; /* 50px */
    width: 10.0vw; /* 50px */
    top: 4.0vw; /* 20px */
  }
  .garage_car_area .tyres_logo {
    height: 2.5vw; /* 12.5px */
    width: 10.0vw; /* 50px */
    top: 17.0vw; /* 85px */
  }
  .garage_car_area .rare {
    height: 12.0vw; /* 60px */
    width: 21.2vw; /* 106px */
  }
}

.tyres_column {
  width: 60px;
}
.tyre_icon {
  width:54px; 
  height:60px; 
  border:0px;
}
.social_icon {
  width: 22px; 
  height: 22px; 
  border: 0px;
  display: inline-block;
  background-size: 100%;
  vertical-align: bottom;
}
@media screen and (max-width: 1030px) {
  .tyres_column {
    width: 5.825vw; /* 60px */
  }
  .tyre_icon {
    width: 5.2427vw; /* 54px */
    height: 5.825vw; /* 60px */ 
  }
  .social_icon {
    width: 2.135vw; /* 22px */
    height: 2.135vw; /* 22px */
  }
}
@media screen and (orientation:portrait) {
  .tyres_column {
    width: 12.0vw; /* 60px */
  }
  .tyre_icon {
    width: 10.8vw; /* 54px */
    height: 12.0vw; /* 60px */ 
  }
  .social_icon {
    width: 4.4vw; /* 22px */
    height: 4.4vw; /* 22px */
  }
}

.livery_small {
  width: 100px;
  height: 25px;
  border: 0px;
  pointer-events: none;
}
.livery_small_click {
  width: 100px;
  height: 25px;
  border: 0px;
}
.livery_mid {
  width: 160px;
  height: 40px;
  border: 0px;
  pointer-events: none;
}
.livery_dyn {
  width: 96%;
  padding-bottom: 24%;
  background-size: cover;
}
.livery_big {
  width: 400px;
  height: 100px;
  border: 0px;
  pointer-events: none;
}
.helmet_mid {
  width: 30px;
  height: 28.2px;
  border: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.helmet_big {
  width: 60px;
  height: 56.4px;
  border: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.suit_small {
  width: 37px;
  height: 70px;
  border: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1030px) {
  .livery_small, .livery_small_click {
    width: 9.7087vw; /* 100px */
    height: 2.427vw; /* 25px */ 
  }
  .livery_mid {
    width: 15.534vw; /* 160px */
    height: 3.883vw; /* 40px */ 
  }
  .livery_big {
    width: 38.835vw; /* 400px */
    height: 9.7087vw; /* 100px */ 
  }
  .helmet_mid {
    width: 2.9126vw; /* 30px */ 
    height: 2.73786vw; /* 28.2px*/
  }
  .helmet_big {
    width: 5.8252vw; /* 60px */ 
    height: 5.4757vw; /* 56.4px*/
  }
  .suit_small {
    width: 3.5922vw; /* 37px */ 
    height: 6.7961vw; /* 70px*/
  }
}
@media screen and (orientation:portrait) {
  .livery_small, .livery_small_click {
    width: 20.0vw; /* 100px */
    height: 5.0vw; /* 25px */ 
  }
  .livery_mid {
    width: 32.0vw; /* 160px */
    height: 8.0vw; /* 40px */ 
  }
  .livery_big {
    width: 80.0vw; /* 400px */
    height: 20.0vw; /* 100px */ 
  }
  .helmet_mid {
    width: 6.0vw; /* 30px */ 
    height: 5.64vw; /* 28.2px*/
  }
  .helmet_big {
    width: 12.0vw; /* 60px */ 
    height: 11.28vw; /* 56.4px*/
  }
  .suit_small {
    width: 7.4vw; /* 37px */ 
    height: 14.0vw; /* 70px*/
  }
}

/* finances */
.sponsor_logo_list {
  height: 48px;
  width: 48px;
  border: 0px;
}
.sponsor_logo_contract {
  height: 128px;
  width: 128px;
  border: 0px;
}
.rating_box {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 18px;
  background-image: url(../images/icon_star/icon_star_0.svg);
  background-size: 20%;
  background-position: 0px 0px;
  vertical-align: middle;
}
.rating_box .rating_box_active {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(../images/icon_star/icon_star_1.svg);
  background-size: auto 100%;
  background-position: 0px 0px;
}
.logo_width_128 {
  width: 128px;
}
@media screen and (max-width: 1030px) {
  .sponsor_logo_list {
    height: 4.66vw; /* 48px */
    width: 4.66vw; /* 48px */
  }
  .sponsor_logo_contract {
    height: 12.427vw; /* 128px */
    width: 12.427vw; /* 128px */
  }
  .rating_box {
    width: 8.738vw; /* 90px */
    height: 1.7476vw; /* 18px */
  }
  .logo_width_128 {
    width: 12.427vw; /* 128px */
  }
}
@media screen and (orientation:portrait) {
  .sponsor_logo_list {
    height: 9.6vw; /* 48px */
    width: 9.6vw; /* 48px */
  }
  .sponsor_logo_contract {
    height: 25.6vw; /* 128px */
    width: 25.6vw; /* 128px */
  }
  .rating_box {
    width: 18.0vw; /* 90px */
    height: 3.6vw; /* 18px */
  }
  .logo_width_128 {
    width: 25.6vw; /* 128px */
  }
}

/* employees */
.assistant_photo_sm {
  display: inline-block;
  width: 24%;
  padding-top: 60%;
  margin: 2%;
  border-radius: 5%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 90%;
  vertical-align: top;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.assistant_photo_sm:hover {
  background-size: 160%;
}
.mechanic_positions {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 350px;
  height: 610px;
  overflow: hidden;
  background-image: url(../images/employees/pitstop.jpg);
}
.employee_marker {
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url(../images/employees/marker.svg);
}
.employee_pos {
  position: absolute;
  width: 30px; 
  height: 30px; 
  border-radius: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}  
.employee_pos div {
  position: absolute;
  display: none;
  top: -15px;
  left: -15px;
  width: 60px; 
  height: 60px; 
  border-radius: 30px;
  background-image: url(../images/employees/marker.svg); 
  background-size: cover;
}  
.employee_pos:hover div {
  display: block;
}  
.employee_pos_show div {
  display: block;
}  
.employee_pos_lollipop {
  left: 60px;
  top: 100px; /*20,120*/
}
.employee_pos_front_jack {
  left: 165px;
  top: 45px; /*125,65*/
}
.employee_pos_lf_carrier1 {
  left: 85px;
  top: 155px; /*40,170*/
}
.employee_pos_lf_changer {
  left: 55px;
  top: 195px; /*15,215*/
}
.employee_pos_lf_carrier2 {
  left: 85px;
  top: 240px; /*40,260*/
}
.employee_pos_rf_carrier1 {
  left: 240px;
  top: 160px; /*200,180*/
}
.employee_pos_rf_changer {
  left: 275px;
  top: 195px; /*225,215*/
}
.employee_pos_rf_carrier2 {
  left: 240px;
  top: 260px; /*195,270*/
}
.employee_pos_refueling1 {
  left: 215px;
  top: 325px; /*175,345*/
}
.employee_pos_refueling2 {
  left: 275px;
  top: 330px; /*235,355*/
}
.employee_pos_lr_carrier1 {
  left: 55px;
  top: 375px; /*20,400*/
}
.employee_pos_lr_changer {
  left: 50px;
  top: 430px; /*10,450*/
}
.employee_pos_lr_carrier2 {
  left: 90px;
  top: 460px; /*40,480*/
}
.employee_pos_rr_carrier1 {
  left: 220px;
  top: 405px; /*180,420*/
}
.employee_pos_rr_changer {
  left: 260px;
  top: 435px; /*215,450*/
}
.employee_pos_rr_carrier2 {
  left: 245px;
  top: 500px; /*200,500*/
}
.employee_pos_rear_jack {
  left: 165px;
  top: 535px; /*125,550*/
}
.employee_pos_extra {
  left: 245px;
  top: 55px; /*200,80*/
}

/* driver */
.driver_profile_tab {
  display: inline-table;
  width: 76%!important;
}
.driver_profile_helmet {
  display: inline-block;
  width: 20%;
  padding-top: 18.8%;
  margin: 2%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}
.driver_profile_suit {
  display: inline-block;
  width: 38.5417%;
  padding-top: 72.9167%;
  margin: 2%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}
.driver_profile_suit_small {
  display: inline-block;
  width: 18.5%;
  padding-top: 35%;
  margin: 2%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}
.suit_preview {
  width: 50%;
}
.profile_tab .value .note {
  font-size: 10px;
}
.profile_tab .value .u_age {
    background-color: rgba(64,200,64,0.8);
    color: white;
    font-size: 9px;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px 5px 2px 5px;
}
@media screen and (max-width: 1030px) {
  .profile_tab .value .note {
    font-size: 0.97vw; /* 10px */
  }
  .profile_tab .value .u_age {
    font-size: 0.87vw; /* 9px */
    border-radius: 0.291vw; /* 3px */
    padding: 0.194vw 0.485vw 0.194vw 0.485vw; /* 2px 5px 2px 5px */
  }
}
@media screen and (orientation:portrait) {
  .profile_tab .value .note {
    font-size: 2.0vw; /* 10px */
  }
  .profile_tab .value .u_age {
    font-size: 1.8vw; /* 9px */
    border-radius: 0.6px; /* 3px */
    padding: 0.4vw 1.0vw 0.4vw 1.0vw; /* 2px 5px 2px 5px */
  }
}

.series_status {
  width: 12px;
  height: 12px;
  border: 0px;
}
@media screen and (max-width: 1030px) {
  .series_status {
    width: 1.165vw; /* 12px */
    height: 1.165vw; /* 12px */
  }
}
@media screen and (orientation:portrait) {
  .series_status {
    width: 2.4vw; /* 12px */
    height: 2.4vw; /* 12px */
  }
}

.series_profile_tab {
  display: inline-table;
  width: 55%!important;
}
.series_profile_logo {
  display: inline-block;
  width: 41%;
  padding-top: 26%;
  margin: 2%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}

.series_profile_tab_m {
  display: inline-table;
  width: 65.25%!important;
}
.series_profile_tab_ms {
  display: inline-table;
  width: 84%!important;
}
.series_profile_logo_m {
  display: inline-block;
  width: 30.75%;
  padding-top: 19.5%;
  margin: 2%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}
.series_profile_logo_ms {
  display: inline-block;
  width: 12%;
  padding-top: 8%;
  margin: 2%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}
@media screen and (orientation:portrait) {
  .series_profile_tab_ms {
    width: 65.25%!important;
  }
  .series_profile_logo_ms {
    width: 30.75%;
    padding-top: 19.5%;
  }
}
.series_profile_tab_s {
  display: inline-table;
  width: 75.5%!important;
}
.series_profile_logo_s {
  display: inline-block;
  width: 20.5%;
  padding-top: 13%;
  margin: 2%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}

.profile_tab .stats {
  text-align: center;
  font-size: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.profile_tab .th_stats {
  padding: 1px 5px;  
}
.profile_tab .stats_window {
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 10%;
  height: 60px;
}
.profile_tab .stats_window .stats_value {
  font-weight: bold;
  font-size: 16px;
}
@media screen and (max-width: 1030px) {
  .profile_tab .stats {
    font-size: 0.97vw; /* 10px */
    padding-top: 0.194vw; /* 2px */
    padding-bottom: 0.194vw; /* 2px */
  }
  .profile_tab .stats_window {
    font-size: 1.165vw; /* 12px */
    padding-top: 0.97vw; /* 10px */
    padding-bottom: 0.97vw; /* 10px */
    height: 5.825vw; /* 60px */
  }
  .profile_tab .stats_window .stats_value {
    font-size: 1.5534vw; /* 16px */
  }
  .profile_tab .th_stats {
    padding: 0.097vw 0.485vw; /* 1px 5px */ 
  }
}
@media screen and (orientation:portrait) {
  .profile_tab .stats {
    font-size: 2.0vw; /* 10px */
    padding-top: 0.4vw; /* 2px */
    padding-bottom: 0.4vw; /* 2px */
  }
  .profile_tab .stats_window {
    font-size: 2.4vw; /* 12px */
    padding-top: 2.0vw; /* 10px */
    padding-bottom: 2.0vw; /* 10px */
    height: 12.0vw; /* 60px */
  }
  .profile_tab .stats_window .stats_value {
    font-size: 3.2vw; /* 16px */
  }
  .profile_tab .th_stats {
    padding: 0.2vw 1.0vw; /* 1px 5px */ 
  }
}

.chart_area_v1 {
  width: 100%;
  height: 200px;
}
.longcap {
  display: inline-block;
}
.shortcap {
  display: none;
}
@media screen and (max-width: 1030px) {
  .chart_area_v1 {
    height: 19.417vw;
  }
}
@media screen and (orientation:portrait) {
  .chart_area_v1 {
    height: 60.0vw;
  }
  .longcap {
    display: none;
  }
  .shortcap {
    display: inline-block;
  }
}

/* trophycase */
.trophycase {
  position: relative;
  background-image: url(../images/trophycase/trophycase_new.jpg);
  background-repeat: repeat;
  background-position: top;
  padding-left: 60px;
  padding-right: 60px;
  text-align: center;
  font-size: 14px;
  min-height: 200px;
}
.trophycase img {
  border: 0px;
  vertical-align: text-top;
}
.trophycase_span {
  position: relative;
}
.trophycase_span .trophycase_info_win {
  position: absolute;
  top: 160px;
  left: -50px;
  width: 150px;
  text-align: left;
  font-weight: normal;
  border: 1px #FFFFFF solid;
  border-radius: 0px;
  padding: 5px;
  background-color: rgba(0,0,0,0.7);
  color: #FFFFFF;
  z-index: 99;
  display: none;
}
.trophycase_span:hover .trophycase_info_win {
  display: block;
}
.trophy_message {
  position: absolute;
  top: 40px;
  left: calc(50% - 175px);
  padding: 10px;
  width: 330px;
  max-width: calc(100% - 20px);
  background-color: rgba(0,0,0,0.5);
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bold;
}
@media screen and (max-width: 350px) {
  .trophy_message {
    left: 0px;
  }
}

/* user garage */
.user_garage_car {
  display: inline-block;
  width: 200px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.user_garage_car_sm {
  display: inline-block;
  width: 100px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
@media screen and (max-width: 1030px) {
  .user_garage_car {
    width: 19.4vw; /* 200px */
    height: 7.767vw; /* 80px */
  }
  .user_garage_car_sm {
    width: 9.2vw; /* 100px */
    height: 3.88vw; /* 40px */
  }
}
@media screen and (orientation:portrait) {
  .user_garage_car {
    width: 40vw; /* 200px */
    height: 16vw; /* 80px */
  }
  .user_garage_car_sm {
    width: 20vw; /* 100px */
    height: 8.0vw; /* 40px */
  }
}

/* friends */
.mini_menu {
  width: 1010px;
  margin: 0px 5px;
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}
.mini_menu a {
  color: #666666;
  display: inline-block;
  line-height: 30px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0px;
  background-color: #FFFFFF;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.mini_menu a:hover {
  color: #888888;
  background-color: #EEEEEE!important;
}
.mini_menu a.menu_selected {
  background-color: #DDDDDD;
  color: #191919;
}
.mini_menu .menu_separator {
  display: inline-block;
  width: 10px;
}
.mini_menu .bg-yellow {
  background-color: #FFFFDD;
}
.mini_menu .bg-green {
  background-color: #EEFFDD;
}
@media screen and (max-width: 1030px) {
  .mini_menu {
    font-size: 1.165vw; /* 12px */
    width: 97.6vw;
    margin: 0px 0.3vw;
  }
  .mini_menu a {
    padding-left: 0.97vw; /* 10px */
    padding-right: 0.97vw; /* 10px */
    line-height: 2.91vw; /* 30px */
    height: 2.91vw; /* 30px */
  }
  .mini_menu .menu_separator {
    width: 0.97vw; /* 10px */
  }
}
@media screen and (orientation:portrait) {
  .mini_menu {
    width: 96vw;
    margin: 0px 1vw;
    font-size: 2.4vw; /* 12px */
  }
  .mini_menu a {
    padding-left: 2.0vw; /* 10px */
    padding-right: 2.0vw; /* 10px */
    line-height: 6.0vw; /* 30px */
    height: 6.0vw; /* 30px */
  }
  .mini_menu .menu_separator {
    display: block;
    width: 0px;
  }
}

.friend {
  position:relative;
  display: inline-block;
  width: 24%;
  margin: calc(0.5% - 1px);
  height: 80px;
  font-size: 14px;
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  overflow: hidden;
}
.friend a {
  display: block;
  color: #444444;
  font-weight: normal;
  height: 80px;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.friend a:hover {
  color: #444444;
  font-size: 16px;
}
.friend .photo {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background-position: 0px 0px;
  background-size: 100%;
  background-repeat: no-repeat;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.friend a:hover .photo {
  left: 2px;
  top: 2px;
  width: 76px;
  height: 76px;
  border-radius: 38px;
}
.friend .info {
  left: 0px;
  top: 0px;
  padding-left: 80px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.friend .name {
  font-weight: bold;
}
.friend .since {
  font-size: 10px;
  font-weight: bold;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.friend a:hover .since {
  font-size: 11px;
}
.friend .since_date {
  font-size: 11px;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.friend a:hover .since_date {
  font-size: 12px;
}
.friend .req_accept {
  position: absolute;
  top: 28px;
  right: 38px;
  font-weight: 300;
  cursor: pointer;
  border-radius: 13px;
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.friend .req_accept:hover {
  font-weight: 600;
}
.friend .req_reject {
  position: absolute;
  top: 28px;
  right: 6px;
  font-weight: 300;
  cursor: pointer;
  border-radius: 13px;
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.friend .req_reject:hover {
  font-weight: 600;
}


@media screen and (max-width: 1030px) {
  .friend {
    width: 24%; /* 24% */
    margin: calc(0.5% - 1px); /* 0.5% - 1px */
    height: 7.767vw; /* 80px */
    font-size: 1.359vw; /* 14px */
    border-width: 0.097vw; /* 1px */
    border-radius: 3.88vw; /* 40px */
  }
  .friend a {
    height: 7.767vw; /* 80px */
  }
  .friend a:hover {
    font-size: 1.5534vw; /* 16px */
  }
  .friend .photo {
    left: 0.4854vw; /* 5px */
    top: 0.4854vw; /* 5px */
    width: 6.796vw; /* 70px */
    height: 6.796vw; /* 70px */
    border-radius: 3.398vw; /* 35px */
  }
  .friend a:hover .photo {
    left: 0.194vw; /* 2px */
    top: 0.194vw; /* 2px */
    width: 7.379vw; /* 76px */
    height: 7.379vw; /* 76px */
    border-radius: 3.689vw; /* 38px */
  }
  .friend .info {
    padding-left: 7.767vw; /* 80px */
    height: 7.767vw; /* 80px */
  }
  .friend .since {
    font-size: 0.97vw; /* 10px */
  }
  .friend a:hover .since {
    font-size: 1.068vw; /* 11px */
  }
  .friend .since_date {
    font-size: 1.068vw; /* 11px */
  }
  .friend a:hover .since_date {
    font-size: 1.165vw; /* 12px */
  }
  .friend .req_accept {
    top: 2.718vw; /* 28px */
    right: 3.689vw; /* 38px */
    border-radius: 1.262vw; /* 13px */
    font-size: 2.33vw; /* 24px */
  }
  .friend .req_reject {
    top: 2.718vw; /* 28px */
    right: 0.5825vw; /* 6px */
    border-radius: 1.262vw; /* 13px */
    font-size: 2.33vw; /* 24px */
  }
}
@media screen and (orientation:portrait) {
  .friend {
    width: 48%; /* 24% */
    margin: calc(1% - 1px); /* 0.5% - 1px */
    height: 16.0vw; /* 80px */
    font-size: 2.8vw; /* 14px */
    border-width: 0.2vw; /* 1px */
    border-radius: 8.0vw; /* 40px */
  }
  .friend a {
    height: 16.0vw; /* 80px */
  }
  .friend a:hover {
    font-size: 3.2vw; /* 16px */
  }
  .friend .photo {
    left: 1.0vw; /* 5px */
    top: 1.0vw; /* 5px */
    width: 14.0vw; /* 70px */
    height: 14.0vw; /* 70px */
    border-radius: 7.0vw; /* 35px */
  }
  .friend a:hover .photo {
    left: 0.4vw; /* 2px */
    top: 0.4vw; /* 2px */
    width: 15.2vw; /* 76px */
    height: 15.2vw; /* 76px */
    border-radius: 7.6vw; /* 38px */
  }
  .friend .info {
    padding-left: 16.0vw; /* 80px */
    height: 16.0vw; /* 80px */
  }
  .friend .since {
    font-size: 2.0vw; /* 10px */
  }
  .friend a:hover .since {
    font-size: 2.2vw; /* 11px */
  }
  .friend .since_date {
    font-size: 2.2vw; /* 11px */
  }
  .friend a:hover .since_date {
    font-size: 2.4vw; /* 12px */
  }
  .friend .req_accept {
    top: 5.6vw; /* 28px */
    right: 7.6vw; /* 38px */
    border-radius: 2.6vw; /* 13px */
    font-size: 4.8vw; /* 24px */
  }
  .friend .req_reject {
    top: 5.6vw; /* 28px */
    right: 1.2vw; /* 6px */
    border-radius: 2.6vw; /* 13px */
    font-size: 4.8vw; /* 24px */
  }
}

.friend_icon {
    background-color: rgba(200,64,64,0.8);
    color: white;
    font-size: 9px;
    font-weight: bold;
    border-radius: 3px;
    padding: 3px 9px 3px 9px;
}
.friend_icon_close {
    background-color: rgba(64,200,64,0.8);
    color: white;
    font-size: 9px;
    font-weight: bold;
    border-radius: 3px;
    padding: 3px 9px 3px 9px;
}
@media screen and (max-width: 1030px) {
  .friend_icon {
    font-size: 0.87vw; /* 9px */
    border-radius: 0.291vw; /* 3px */
    padding: 0.291vw 0.87vw 0.291vw 0.87vw; /* 3px 9px 3px 9px */
  }
  .friend_icon_close {
    font-size: 0.87vw; /* 9px */
    border-radius: 0.291vw; /* 3px */
    padding: 0.291vw 0.87vw 0.291vw 0.87vw; /* 3px 9px 3px 9px */
  }
}
@media screen and (orientation:portrait) {
  .friend_icon {
    font-size: 1.8vw; /* 9px */
    border-radius: 0.6px; /* 3px */
    padding: 0.6vw 1.8vw 0.6vw 1.8vw; /* 3px 9px 3px 9px */
  }
  .friend_icon_close {
    font-size: 1.8vw; /* 9px */
    border-radius: 0.6px; /* 3px */
    padding: 0.6vw 1.8vw 0.6vw 1.8vw; /* 3px 9px 3px 9px */
  }
}

/* join race */
.confwinbase {
  z-index: 300 !important;
  position: relative;
  display: none;
}
.confwinbase_active {
  display: block;
}
.confwinbase .confwin {
  position: absolute;
  top: -10px;
  right: 10px;
  background-color: #FEF8EE;
  z-index: 997;
  font-size: 14px;
  overflow: hidden;
  box-shadow: 0px 0px 7px #000000;
  width: 350px;
  max-width: calc(100vw - 30px);
}
.confwinbase .confwin .caption {
  padding: 0px 2px 0px 10px;
  color: #FFFFFF;
  background: linear-gradient(#191919,#584321);
  font-weight: bold;
  text-align: left;
  cursor: default;
  line-height: 30px;
}
.confwinbase .confwin .caption a {
  color: #FFFFFF;
  font-size: 24px;
  line-height: 30px;
}
.confwinbase .confwin .caption a:hover {
  color: #DDDDDD;
}

.team_tab_logo {
  display: inline-block;
  width: 92%;
  padding-top: 59%;
  margin: 4%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}

/* activity */
.activity_overlay {
	position: fixed;
	width: 100%;
	height: 0%;
	overflow: hidden;
	z-index: 999999;
	background-color: rgba(0,0,0,0.5);
  transition: 0.1s;     
}
.activity_bar {
  position: absolute;
  width: 90vmin;
  height: 40vmin;
  left: calc(50vw - 45vmin);
  top: calc(50vh - 20vmin);
  background-color: #FFFFFF;
  font-size: 10vmin;
  text-align: center;
}
.activity_caption {
  color: #FFFFFF;
  background-color: rgb(0,0,0);
  font-size: 30%;
  padding: 1vmin 2vmin;
}
.activity_separator {
  height: 0.5vmin;
}
.activity_days {
  position: relative;
  height: 25vmin;
  background-image: url(../images/activity_bg_gray.jpg);
  background-position: left top;
  background-size: 90vmin auto;
  overflow: hidden;
}
.activity_days .activity_active {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25vmin;
  width: 40%;
  background-image: url(../images/activity_bg.jpg);
  background-position: left top;
  background-size: 90vmin auto;
  transition: 0.5s;     
}
.activity_days .activity_active0 {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25vmin;
  width: 40%;
  background-image: url(../images/activity_bg.jpg);
  background-position: left top;
  background-size: 90vmin auto;
  transition: 0.5s;     
}
.activity_days .activity_active1 {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25vmin;
  width: 40%;
  background-image: url(../images/activity_bg.jpg);
  background-position: left top;
  background-size: 90vmin auto;
  transition: 0.5s;     
}
.activity_reward {
  font-size: 16%;
  color: #000000;
  background-color: rgb(225,225,225);
  padding: 1vmin;
}
.activity_reward_icon {
  background-size: 2.0vmin;
  padding-left: 2.4vmin;
  line-height: 2.0vmin;
}
.activity_buttons {
  font-size: 10%;
  color: #FFFFFF;
  background-color: rgb(0,0,0);
  padding: 1vmin;
}
.activity_day {
  position: absolute;
  top: 1vmin;
  width: 17vmin;
  height: 23vmin;
}
.activity_day_area {
  position: relative;
  height: 13vmin;
  transition: 0.5s; 
  text-align: center;
  font-size: 60%;
  font-weight: bold; 
  padding-top: 30%; 
}
.activity_day_area_day {
  position: absolute;
  top: 4vmin;
  left: 0px;
  text-align: center;
  width: 100%;
  color: #FFFFFF;
  font-size: 30%;
}
.activity_day_info {
  position: relative;
  margin-top: 0.8vmin;
  height: 23px;
  transition: 0.5s;     
}
.activity_day_info img {
  border: 0px;
  height: 12px;
  width: 12px;     
}
.activity_day_info_text {
  position: absolute; 
  font-size: 15%;
  top: 0px; 
  left: 0px; 
  width: 100%;
  line-height: 3.7vmin;
}
.activity_day_info svg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 105%;
  height: 3.7vmin;
}
.activity_day_area_done {
  border: 2px solid rgba(255,0,0,1.0);
  background-color: rgba(255,0,0,0.5);
  color: rgba(255,0,0,1.0);
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);  
}
.activity_day_area_todo {
  border: 2px solid rgba(64,64,64,1.0);
  background-color: rgba(128,128,128,0.5);
  color: rgba(64,64,64,1.0);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);  
}
.activity_day_area_curr {
  border: 2px solid rgba(255,0,0,1.0);
  background-color: rgba(212,96,96,0.8);
  color: rgba(255,48,48,1.0);
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);  
}
.activity_day_info_done {
  color: rgba(255,255,255,1.0);
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);  
}
.activity_day_info_done .activity_day_info_polygon {
  fill: rgba(255,0,0,0.5);
  stroke: rgba(255,0,0,1.0);
  stroke-width: 10;
}
.activity_day_info_todo {
  color: rgba(64,64,64,1.0);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);  
}
.activity_day_info_todo .activity_day_info_polygon {
  fill: rgba(128,128,128,0.5);
  stroke: rgba(64,64,64,1.0);
  stroke-width: 10;
}
.activity_day_info_curr {
  color: rgba(225,225,225,1.0);
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);  
}
.activity_day_info_curr .activity_day_info_polygon {
  fill: rgba(192,96,96,0.8);
  stroke: rgba(255,0,0,1.0);
  stroke-width: 10;
}
.activity_day1 {
  left: 1.0vmin;
}
.activity_day2 {
  left: 18.8vmin;
}
.activity_day3 {
  left: 36.6vmin;
}
.activity_day4 {
  left: 54.4vmin;
}
.activity_day5 {
  left: 72.2vmin;
}

/* learn account */
.learn_overlay .overlay_l {
	position: fixed;
  top: 0px;
  left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999990;
	background-color: rgba(0,0,0,0.5);
}
.learn_overlay .overlay_r {
	position: fixed;
  top: 0px;
  right: 0px;
	left: 0px;
	height: 100%;
	z-index: 999990;
	background-color: rgba(0,0,0,0.5);
}
.learn_overlay .overlay_t {
	position: fixed;
  top: 0px;
  left: 0px;
	width: 0px;
	height: 0px;
	z-index: 999990;
	background-color: rgba(0,0,0,0.5);
}
.learn_overlay .overlay_b {
	position: fixed;
  bottom: 0px;
  left: 0px;
	width: 0px;
	top: 0px;
	z-index: 999990;
	background-color: rgba(0,0,0,0.5);
}

.learn_overlay .overlay_highlight_l {
	position: fixed;
  top: 45px;
  left: 45px;
	width: 5px;
	height: 60px;
	z-index: 999991;
	animation: pulse_learn_overlay 0.9s infinite;
  border-radius: 5px 0px 0px 5px;
}
.learn_overlay .overlay_highlight_r {
	position: fixed;
  top: 45px;
  left: 100px;
	width: 5px;
	height: 60px;
	z-index: 999991;
	animation: pulse_learn_overlay 0.9s infinite;
  border-radius: 0px 5px 5px 0px;
}
.learn_overlay .overlay_highlight_t {
	position: fixed;
  top: 45px;
  left: 50px;
	width: 50px;
	height: 5px;
	z-index: 999991;
	animation: pulse_learn_overlay 0.9s infinite;
}
.learn_overlay .overlay_highlight_b {
	position: fixed;
  bottom: calc(100% - 105px);
  left: 50px;
	width: 50px;
	height: 5px;
	z-index: 999991;
	animation: pulse_learn_overlay 0.9s infinite;
}

@keyframes pulse_learn_overlay {
  0%, 100% {
    background-color: rgba(255,255,255,1.0);
  }
  50% {
    background-color: rgba(255,128,128,1.0);
  }
}

.learn_overlay .overlay_cover_obj {
  position: fixed;
  z-index: 999991;
  cursor: pointer; 
}

.learn_overlay .learn_overlay_descritpion {
  position: fixed;
  z-index: 999991;
  width: 76vmin;
  background-color: #FFFFFF;
  font-size: 2vmin;
  text-align: justify;
  padding: 2vmin;
  left: calc(50vw - 40vmin);
  top: calc(50vh - 20vmin);
}
.learn_overlay .learn_overlay_descritpion .learn_overlay_desc_cap {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1vmin;
}
.learn_overlay .learn_overlay_descritpion .learn_overlay_desc_step {
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  color: #888888;
  margin-bottom: 2vmin;
}

.learn_overlay a {
  text-decoration: none;
  color: #DDDDDD;  
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.learn_overlay a:hover {
  color: #444444;  
}
.learn_overlay .material-symbols-outlined {
  font-size: 150%;
}
.learn_overlay .spacer {
  height: 2vmin;
}

/* race */
.map_div {
  padding: 0px;
  background-color: #FFFFFF;
}
.map_div .map_img {
  width: 100%;
  height: auto;
  border: 0px;
  display: block;
}
.map_div .map_day_switcher_item {
  display: inline-block;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0px;
}
.map_div .map_day_switcher_item:hover {
  background-color: #DDDDDD;
  color: #222222;
}
.map_div .map_day_switcher_item_active {
  background-color: #0082ff;
  color: #000000;
}
.map_div .map_day_switcher_item_active:hover {
  background-color: #0082ff;
  color: #000000;
}
.map_div .map_day_switcher_2 .map_day_switcher_item {
  width: 50%;
}
.map_div .map_day_switcher_3 .map_day_switcher_item {
  width: 33.33333%;
}
.map_div .map_day_switcher_4 .map_day_switcher_item {
  width: 25%;
}
.map_div .map_switcher {
  font-size: 0px;
}
.map_div .map_switch_item {
  width: calc(25% - 6px);
  height: auto;
  display: inline-block;
  border: 3px solid #FFFFFF;
  cursor: pointer;
}
.map_div .map_switch_item:hover {
  border-color: #DD0000;
}
.map_div .map_switch_item_active {
  border-color: #0082ff;
}
.map_div .map_switch_item_active:hover {
  border-color: #0082ff;
}
.map_div .map_info {
  position: relative;  
}
.map_div .map_info .map_surface {
  position: absolute;
  bottom: 2%;
  right: 2%;
  width: 98%;
  text-align: right;
}
.map_div .map_info .map_track_length {
  position: absolute;
  top: 2%;
  right: 2%;
  text-shadow: #000000 1px 1px 2px;
  color: #FFFFFF;
  font-size: 12px;
	background-color: rgba(0,0,0,0.5);
  padding: 5px;
  border-radius: 5px;
}
.surface_icon_area {
  position: relative; 
  display: inline-block;
  width: 18%;
  margin-left: 1%;
  padding-bottom: 18%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.surface_icon_small_info {
  position: absolute; 
  bottom: 30%;
  left: 0px;
  width: 100%;
  font-size: 12px;
  text-align: center;
  text-shadow: #000000 1px 1px 2px;
  color: #FFFFFF;
  font-weight: bold;
}

.race_status_icon {
  display: inline-block;
  position: relative;
  width: 86%;
  padding-bottom: 86%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.weather_info_container_60 {
  display: inline-block;
  width: 60%;
}
.weather_info_area {
  display: inline-block;
  width: 48%;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1030px) {
  .weather_info_area {
    font-size: 0.97vw; /* 10px */
  }
}
@media screen and (orientation:portrait) {
  .weather_info_area {
    font-size: 2.0vw; /* 10px */
  }
}
.weather_info_area_full {
  width: 100%;
}
.weather_info_area .weather_info_cap {
  margin-bottom: 3px;
}
.weather_info_area .weather_info_icon {
  display: inline-block;
  position: relative;
  width: 45%;
  padding-bottom: 45%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.weather_info_area .weather_info_temperature {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.weather_info_area .weather_info_condition {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.weather_info_area .weather_info_blk {
  text-shadow: #ffffff 1px 1px 2px;
  color: #000000;
}
.weather_info_area .weather_info_wht {
  text-shadow: #000000 1px 1px 2px;
  color: #FFFFFF;
}

.weather_info_area_s {
  display: inline-block;
  width: 25%;
  font-weight: bold;
  text-align: center;
}
.weather_info_area_s .weather_info_cap {
  margin-bottom: 3px;
}
.weather_info_area_s .weather_info_icon {
  display: inline-block;
  position: relative;
  width: 70%;
  padding-bottom: 70%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.weather_info_area_s .weather_info_temperature {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.weather_info_area_s .weather_info_blk {
  text-shadow: #ffffff 1px 1px 2px;
  color: #000000;
}

.setup_col1w {
  width: 30%;
}
.setup_col1n {
  width: 30%;
  display: none;
}
.setup_col2 {
  width: 21%;
}
.setup_col3 {
  width: 42%;
}
@media screen and (orientation:portrait) {
  .setup_col1w {
    width: 25%;
    display: none;
  }
  .setup_col1n {
    width: 27%;
    display: table-cell;
    font-size: 1.9vw!important;
  }
  .setup_col2 {
    width: 26%;
  }
  .setup_col3 {
    width: 40%;
  }
}

.setup_input {
  font-size: 14px;
  border-radius: 10px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #DDDDDD;
}
.setup_input:disabled {
  background: linear-gradient(#FFFFFF,#EEEEEE);
  color: #BBBBBB;  
  cursor: not-allowed;
}
.setup_input_s {
  width: 15%;
  text-align: center;
  min-width: 40px;
}

.setup_input[type=submit] {
  min-width: 25%;
  font-size: 12px;
  font-weight: bold;
  color: #DDDDDD;  
  border-radius: 10px;
  padding: 10px 20px;
  background: linear-gradient(#AA0000,#660000);
  border: 1px solid #AA0000;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.setup_input[type=submit]:hover {
  background: linear-gradient(#AF0000,#6B0000);
  border-color: #FF2222;
  color: #FFFFFF;  
}
.setup_input[type=submit]:disabled {
  background: linear-gradient(#999999,#666666);
  border-color: #888888;
  color: #BBBBBB;  
  cursor: not-allowed;
}
.setup_input[type=button] {
  width: 10%;
  min-width: 24px;
  font-size: 14px;
  font-weight: bold;
  color: #444444;  
  border-radius: 10px;
  background: linear-gradient(#FFFFFF,#FFFFFF);
  border: 1px solid #DDDDDD;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.setup_input[type=button]:hover {
  background: linear-gradient(#FFFFFF,#EEEEEE);
  border-color: #666666;
  color: #444444;  
}
.setup_input[type=button]:active {
  background: linear-gradient(#FFFFFF,#DDDDDD);
  border-color: #888888;
  color: #222222;  
}
@media screen and (max-width: 1030px) {
  .setup_input {
    font-size: 1.359vw; /* 14px */
    border-radius: 0.97vw; /* 10px */
    padding: 0.194vw 0.485vw 0.194vw 0.485vw; /* 2px 5px 2px 5px */
    border: 0.097vw solid #DDDDDD;
  }
  .setup_input[type=button] {
    min-width: 2.33vw; /* 24px */
    font-size: 1.359vw; /* 14px */
    border-radius: 0.97vw; /* 10px */
    border: 0.097vw solid #DDDDDD;
  }
  .setup_input_s {
    min-width: 3.88vw; /* 40px */
  }
}
@media screen and (orientation:portrait) {
  .setup_input {
    font-size: 2.8vw; /* 14px */
    border-radius: 2.0vw; /* 10px */
    padding: 0.4vw 1.0vw 0.4vw 1.0vw; /* 2px 5px 2px 5px */
    border: 0.2vw solid #DDDDDD;
  }
  .setup_input[type=button] {
    min-width: 4.8vw; /* 24px */
    font-size: 2.8vw; /* 14px */
    border-radius: 2.0vw; /* 10px */
    border: 0.2vw solid #DDDDDD;
  }
  .setup_input_s {
    min-width: 8.0vw; /* 40px */
  }
}

.setup_button {
  font-size: 12px;
  font-weight: bold;
  color: #DDDDDD;  
  border-radius: 10px;
  padding: 10px 20px;
  background: linear-gradient(#444444,#000000);
  border: 1px solid #444444;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.setup_button:hover {
  background: linear-gradient(#4A4A4A,#050505);
  border-color: #666666;
  color: #FFFFFF;  
}
.setup_button:disabled {
  background: linear-gradient(#AAAAAA,#888888);
  border-color: #BBBBBB;
  color: #DDDDDD;  
  cursor: not-allowed;
}
.setup_submit {
  min-width: 25%;
  font-size: 12px;
  font-weight: bold;
  color: #DDDDDD;  
  border-radius: 10px;
  padding: 10px 20px;
  background: linear-gradient(#AA0000,#660000);
  border: 1px solid #AA0000;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.setup_submit:hover {
  background: linear-gradient(#AF0000,#6B0000);
  border-color: #FF2222;
  color: #FFFFFF;  
}
.setup_submit:disabled {
  background: linear-gradient(#999999,#666666);
  border-color: #888888;
  color: #BBBBBB;  
  cursor: not-allowed;
}

.setup_box {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 24px;
  vertical-align: text-bottom;
}
.setup_box .left_end {
  position: absolute;
  top: 15%;
  left: 0px;
  width: 2.5%;
  height: 70%;
  background-color: #BBBBBB;
}
.setup_box .right_end {
  position: absolute;
  top: 15%;
  left: 97.5%;
  width: 2.5%;
  height: 70%;
  background-color: #BBBBBB;
}
.setup_box .base_line {
  position: absolute;
  top: 40%;
  left: 2.5%;
  width: 95%;
  height: 20%;
  background-color: #DDDDDD;
}
.setup_box .base_valline {
  position: absolute;
  top: 0px;
  left: 2.5%;
  width: 95%;
  height: 60%;
  cursor: pointer;
}
.setup_box .base_valline .value_line {
  position: absolute;
  top: 0px;
  height: 100%;
  left: 20%;
  right: 25%;
  border-radius: 5px 5px 0px 0px;
  z-index: 1;
}
.setup_box .base_valline .value_line_normal {
  background: linear-gradient(#DD0000,#880000);
}
.setup_box .base_valline .value_line_negative {
  background: linear-gradient(#00EE00,#006600);
}
.setup_box .base_valline .value_line_fixed {
  background: linear-gradient(#AAAAAA,#666666);
}
.setup_box .adv_value {
  position: absolute;
  top: 60%;
  left: 25%;
  width: 50%;
  height: 60%;
  text-align: center;
  color: #FFFFFF;
  background-color: #000000;
  font-weight: bold;
  border-radius: 5px;
  font-size: 10px;
  z-index: 1;
}
.setup_box .marker_base {
  position: absolute;
  left: 0%;
  top: 0px;
  width: 0px; 
  height: 0px; 
}
.setup_box .marker {
  position: absolute;
  left: -4px;
  top: 0px;
  width: 1px; 
  height: 0px; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #FFBB00;
  z-index: 1;
}
.setup_box .marker_accurate {
  position: absolute;
  left: -4px;
  top: 0px;
  width: 1px; 
  height: 0px; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #00CC00;
  z-index: 1;
}
.setup_box .setup_advice {
  position: absolute;
  left: -10px;
  top: -3px;
  width: 30px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  background-color: #FFBB00;
  z-index: 2;
}
.setup_box .setup_advice_right {
  left: -5px;
  text-align: left;
  border-radius: 0 50% 50% 0;
}
.setup_box .setup_advice_left {
  left: -25px;
  text-align: right;
  border-radius: 50% 0 0 50%;
}
@media screen and (max-width: 1030px) {
  .setup_box {
    height: 2.33vw; /* 24px */
  }
  .setup_box .base_valline .value_line {
    border-radius: 0.4854vw 0.4854vw 0px 0px; /* 5px 5px 0px 0px */
  }
  .setup_box .adv_value {
    border-radius: 0.4854vw; /* 5px */
    font-size: 0.97vw; /* 10px */
  }
  .setup_box .marker {
    left: -0.388vw;
    width: 0.097vw; 
    border-left: 0.388vw solid transparent;
    border-right: 0.388vw solid transparent;
    border-top: 0.5825vw solid #ee9900;
  }
  .setup_box .setup_advice {
    left: -0.97vw; /* -10px */
    top: -0.485vw; /* -5px */
    width: 2.91vw; /* 30px */
    font-size: 0.97vw; /* 10px */
  }
  .setup_box .setup_advice_right {
    left: -0.485vw; /* -5px */
  }
  .setup_box .setup_advice_left {
    left: -2.427vw; /* -25px */
  }
}
@media screen and (orientation:portrait) {
  .setup_box {
    height: 4.8vw; /* 24px */
  }
  .setup_box .base_valline .value_line {
    border-radius: 1.0vw 1.0vw 0px 0px; /* 5px 5px 0px 0px */
  }
  .setup_box .adv_value {
    border-radius: 1.0vw; /* 5px */
    font-size: 2.0vw; /* 10px */
  }
  .setup_box .marker {
    left: -0.8vw;
    width: 0.2vw; 
    border-left: 0.8vw solid transparent;
    border-right: 0.8vw solid transparent;
    border-top: 1.2vw solid #ee9900;
  }
  .setup_box .setup_advice {
    left: -2.0vw; /* -10px */
    top: -1.0vw; /* -5px */
    width: 6.0vw; /* 30px */
    font-size: 2.0vw; /* 10px */
  }
  .setup_box .setup_advice_right {
    left: -1.0vw; /* -5px */
  }
  .setup_box .setup_advice_left {
    left: -5.0vw; /* -25px */
  }
}

.roller_input {
  font-size: 14px;
  border-radius: 10px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #DDDDDD;
  width: 65%;
  text-align: center;
}
.roller_input[type=button] {
  width: 5%;
  min-width: 24px;
  font-size: 14px;
  font-weight: bold;
  color: #444444;  
  border-radius: 10px;
  background: linear-gradient(#FFFFFF,#FFFFFF);
  border: 1px solid #DDDDDD;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.roller_input[type=button]:hover {
  background: linear-gradient(#FFFFFF,#EEEEEE);
  border-color: #666666;
  color: #444444;  
}
.roller_input[type=button]:active {
  background: linear-gradient(#FFFFFF,#DDDDDD);
  border-color: #888888;
  color: #222222;  
}
.roller_span {
  display: inline-block;
  height: 20px;
  width: 5%;
  min-width: 24px;
  font-size: 14px;
  font-weight: bold;
  color: #444444;  
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  vertical-align: bottom;
}
@media screen and (max-width: 1030px) {
  .roller_input {
    font-size: 1.359vw; /* 14px */
    border-radius: 0.97vw; /* 10px */
    padding: 0.194vw 0.485vw 0.194vw 0.485vw; /* 2px 5px 2px 5px */
    border: 0.097vw solid #DDDDDD;
  }
  .roller_input[type=button] {
    min-width: 2.33vw; /* 24px */
    font-size: 1.359vw; /* 14px */
    border-radius: 0.97vw; /* 10px */
    border: 0.097vw solid #DDDDDD;
  }
  .roller_span {
    height: 1.94vw; /* 20px */
    min-width: 2.33vw; /* 24px */
    font-size: 1.359vw; /* 14px */
    border-radius: 0.97vw; /* 10px */
    border: 0.097vw solid #DDDDDD;
  }
}
@media screen and (orientation:portrait) {
  .roller_input {
    font-size: 2.8vw; /* 14px */
    border-radius: 2.0vw; /* 10px */
    padding: 0.4vw 1.0vw 0.4vw 1.0vw; /* 2px 5px 2px 5px */
    border: 0.2vw solid #DDDDDD;
  }
  .roller_input[type=button] {
    min-width: 4.8vw; /* 24px */
    font-size: 2.8vw; /* 14px */
    border-radius: 2.0vw; /* 10px */
    border: 0.2vw solid #DDDDDD;
  }
  .roller_span {
    height: 4.0vw; /* 20px */
    min-width: 4.8vw; /* 24px */
    font-size: 2.8vw; /* 14px */
    border-radius: 2.0vw; /* 10px */
    border: 0.2vw solid #DDDDDD;
  }
}

.small_car_area {
  position: relative;
  height: 25px;
  background-position: center center;
  background-size: 100px 25px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1030px) {
  .small_car_area {
    height: 2.427vw; /* 25px */
    background-size: 9.7087vw 2.427vw; /* 100px 25px */
  }
}
@media screen and (orientation:portrait) {
  .small_car_area {
    height: 5.0vw; /* 25px */
    background-size: 20.0vw 5.0vw; /* 100px 25px */
  }
}
.medium_car_area {
  display: inline-block;
  position: relative;
  height: 50px;
  width: 200px;
  background-position: center center;
  background-size: 200px 50px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1030px) {
  .medium_car_area {
    height: 4.854vw; /* 50px */
    width: 19.417vw; /* 200px */
    background-size: 19.417vw 4.854vw; /* 200px 50px */
  }
}
@media screen and (orientation:portrait) {
  .medium_car_area {
    height: 10.0vw; /* 50px */
    width: 40.0vw; /* 200px */
    background-size: 40.0vw 10.0vw; /* 200px 50px */
  }
}

/* mail */
.conversation_list a {
  position: relative;
  display: block;
  border-bottom: 1px solid #DDDDDD;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.conversation_list a:hover {
  font-size: 16px;
}
.conversation_list_active {
  background-color: #CCCCCC;
}
.conversation_list_unread {
  font-weight: bold;
}
.conversation_list_time {
  position: absolute;
  right: 0px;
  padding-right: 2%;
}
.conversation_list_photo {
  float: left;
  width: 30px;
  height: 30px;
  border: 2px solid #EEEEEE;
  border-radius: 17px;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: cover;
  margin: 3px 10px 0px 3px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.conversation_list_unread .conversation_list_photo {
  width: 30px;
  height: 30px;
  border: 2px solid #666666;
}
.conversation_list a:hover .conversation_list_photo {
  width: 34px;
  height: 34px;
  border-radius: 19px;
  margin: 1px 8px 0px 1px;
}

@media screen and (max-width: 1030px) {
  .conversation_list a {
    border-top-width: 0.097vw; /* 1px */
    font-size: 1.359vw; /* 14px */
    line-height: 3.88vw; /* 40px */
  }
  .conversation_list a:hover {
    font-size: 1.5534vw; /* 16px */
  }
  .conversation_list_photo {
    width: 2.913vw; /* 30px */
    height: 2.913vw; /* 30px */
    border-width: 0.194vw; /* 2px */
    border-radius: 1.65vw; /* 17px */
    margin: 0.291vw 0.97vw 0px 0.291vw; /* 3px 10px 0px 3px */
  }
  .conversation_list_unread .conversation_list_photo {
    width: 2.913vw; /* 30px */
    height: 2.913vw; /* 30px */
  }
  .conversation_list a:hover .conversation_list_photo {
    width: 3.3vw; /* 34px */
    height: 3.3vw; /* 34px */
    border-radius: 1.844vw; /* 19px */
    margin: 0.097vw 0.777vw 0px 0.097vw; /* 1px 8px 0px 1px */
  }
}
@media screen and (orientation:portrait) {
  .conversation_list a {
    height: 10vw;
  }
  .conversation_list_time {
    display: none;
    line-height: 12vw;
  }
  .conversation_list_toggler {
    display: none;
  }
  .conversation_list_photo {
    width: 7.5vw;
    height: 7.5vw;
    border-width: 0.5vw;
    border-radius: 4.25vw;
    margin: 0.75vw;
  }
  .conversation_list_unread .conversation_list_photo {
    width: 7.5vw;
    height: 7.5vw;
    border-width: 0.5vw;
    border-radius: 4.25vw;
    margin: 0.75vw;
  }
  .conversation_list a:hover .conversation_list_photo {
    width: 8.5vw;
    height: 8.5vw;
    border-radius: 4.5vw;
    margin: 0.5vw;
  }
}
.conversation_head {
  position: relative;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.conversation_head .flag_n {
  width: 16px;
  height: 12px;
}
.conversation_head .conversation_buttons {
  position: absolute;
  right: 0px;
  top: 0px;
}
.conversation_head .conversation_buttons a {
  display: inline-block;
  margin-top: 6.5px;
  margin-right: 10px;
  font-weight: normal;
}
.conversation_body .conversation_timestamp {
  color: #AAAAAA;
  font-size: 10px;
  font-style: italic;
  margin-top: 5px;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.margin_right {
  margin-right: 5px;
}
.conversation_body_photo {
  width: 30px;
  height: 30px;
  border: 1px solid #EEEEEE;
  border-radius: 16px;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: cover;
}
.conversation_body_msg {
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 16px;
  padding: 8px;
  max-width: calc(100% - 140px);
  text-align: left;
  overflow-wrap: break-word;
}
.conversation_body_msg_compose {
  background-color: #fffae8;
  font-size: 14px;
  margin-left: 10px;
  margin-right: 5px;
  border-radius: 16px;
  padding: 8px;
  border: 1px #eeddbb solid;
  width: calc(100% - 140px);
  color: #666666;
  font-family: inherit;
  overflow: hidden;
  resize: none;
}
.conversation_body_msg_compose:focus {
  outline: none !important;
  box-shadow: 0 0 5px #EECCAA;
}
.conversation_body_msg_me {
  background-color: #fff7dd;
}
.conversation_body_msg_other {
  background-color: #EEEEEE;
}
@media screen and (max-width: 1035px) {
  .conversation_head {
    font-size:  1.165vw; /* 12px */
    padding-top: 0.97vw; /* 10px */
    padding-bottom: 0.97vw; /* 10px */
  }
  .conversation_head .flag_n {
    width: 1.5534vw!important; /* 16px */
    height: 1.165vw!important; /* 12px */
  }
  .conversation_head .conversation_buttons .material-symbols-outlined {
    margin-top: 0.631vw; /* 6.5px */
    margin-right: 0.97vw; /* 10px */
    font-size: 2.33vw!important; /* 24px */
  }
  .conversation_body .conversation_timestamp {
    font-size: 0.97vw; /* 10px */
  }
  .conversation_body_photo {
    width: 2.913vw; /* 30px */
    height: 2.913vw; /* 30px */
    border-width: 0.097vw; /* 1px */
    border-radius: 1.5534vw; /* 16px */
  }
  .conversation_body_msg {
    font-size: 1.359vw; /* 14px */
    margin-left: 0.97vw; /* 10px */
    margin-right: 0.97vw; /* 10px */
    border-radius: 1.5534vw; /* 16px */
    padding: 0.777vw; /* 8px */
    max-width: calc(100% - 13.59vw); /* 100% - 140px */
  }
  .conversation_body_msg_compose {
    font-size: 1.359vw; /* 14px */
    margin-left: 0.97vw; /* 10px */
    margin-right: 0.485vw; /* 5px */
    border-radius: 1.5534vw; /* 16px */
    padding: 0.777vw; /* 8px */
    width: calc(100% - 13.59vw); /* 100% - 140px */
  }
}
@media screen and (orientation:portrait) {
  .conversation_head {
    font-size:  2.4vw; /* 12px */
    padding-top: 2.0vw; /* 10px */
    padding-bottom: 2.0vw; /* 10px */
  }
  .conversation_head .flag_n {
    width: 3.2vw!important; /* 16px */
    height: 2.4vw!important; /* 12px */
  }
  .conversation_head .conversation_buttons .material-symbols-outlined {
    margin-top: 1.3vw; /* 6.5px */
    margin-right: 2.0vw; /* 10px */
    font-size: 4.8vw!important; /* 24px */
  }
  .conversation_body .conversation_timestamp {
    font-size: 2.0vw; /* 10px */
  }
  .conversation_body_photo {
    width: 6.0vw; /* 30px */
    height: 6.0vw; /* 30px */
    border-width: 0.2vw; /* 1px */
    border-radius: 3.2vw; /* 16px */
  }
  .conversation_body_msg {
    font-size: 2.8vw; /* 14px */
    margin-left: 2.0vw; /* 10px */
    margin-right: 2.0vw; /* 10px */
    border-radius: 3.2vw; /* 16px */
    padding: 1.6vw; /* 8px */
    max-width: calc(100% - 28.0vw); /* 100% - 140px */
  }
  .conversation_body_msg_compose {
    font-size: 2.8vw; /* 14px */
    margin-left: 2.0vw; /* 10px */
    margin-right: 1.0vw; /* 5px */
    border-radius: 3.2vw; /* 16px */
    padding: 1.6vw; /* 8px */
    width: calc(100% - 28.0vw); /* 100% - 140px */
  }
}

.content_div_mail_paging {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 2%;
  padding-right: 2%;
  background-color: #FFFFFF;
}
.content_div_mail_paging .paging {
  margin-top: 0px;
}
@media screen and (max-width: 1030px) {
  .content_div_mail_paging .paging {
    font-size: 1.068vw; /* 11px */
    line-height: 2.718vw; /* 28px */
  }
  .content_div_mail_paging .paging .current {
    width: 2.718vw; /* 28px */
    height: 2.718vw; /* 28px */
    border-radius: 1.359vw; /* 14px */
  }
  .content_div_mail_paging .paging a {
    width: 2.718vw; /* 28px */
    height: 2.718vw; /* 28px */
    border-radius: 1.359vw; /* 14px */
  }
}
@media screen and (orientation:portrait) {
  .content_div_mail_paging .paging {
    display: none;
  }
}

.content_div_mail_paging .paging_prnxt {
  text-align: center;
  line-height: 4.0vw;
  font-size: 4.0vw;
  display: none;
}
.content_div_mail_paging .paging_prnxt a {
  display: inline-block;
  width: 4.0vw;
  height: 4.0vw;
  border-radius: 2.0vw;
  color: #444444;
  text-decoration: none;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.content_div_mail_paging .paging_prnxt .material-symbols-outlined {
  font-size: 4.0vw;
}
.content_div_mail_paging .paging_prnxt a:hover {
  color: #FFFFFF;
  background-color: #888888;
}
@media screen and (orientation:portrait) {
  .content_div_mail_paging .paging_prnxt {
    display: block;
  }
}

.conversation_submit {
  float: left;
  width: 24px;
  height: 24px;
  padding: 5px;
  border: 1px #DDDDDD solid;
  color: #AAAAAA;
  cursor: pointer;
  border-radius: 10px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.conversation_submit:hover {
  background-color: #FBFBFB;
  border-color: #CCCCCC;
  color: #666666;
}
.conversation_submit_disabled {
  border-color: #FAFAFA;
  color: #EEEEEE;
}
.conversation_submit_disabled:hover {
  background-color: #FFFCFC;
  border-color: #FFFAFA;
  color: #FEEEEE;
}
.conversation_length {
  font-size: 10px;
  margin-left: 50px;
  margin-top: 3px;
  margin-bottom: 3px;
  color: #666666;
}
.conversation_bottom {
  margin-top: 5px;
  font-size: 10px;
  color: #888888;
}
.conversation_bottom .material-symbols-outlined {
  font-size: 48px;
  cursor: pointer;
  color: #BBBBBB;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.conversation_bottom .material-symbols-outlined:hover {
  color: #DDDDDD;
}

/* forum */
.forum_favorite_0 {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../images/icon_star/icon_star_0.svg);
  background-size: 100%;
  background-position: 0px 0px;
  cursor: pointer;
}
.forum_favorite_1 {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../images/icon_star/icon_star_1.svg);
  background-size: 100%;
  background-position: 0px 0px;
  cursor: pointer;
}

.forum_selector {
  position: relative; 
  text-align: left;
}
.forum_selector a {
  display: block;
  line-height: 18px;
  font-size: 14px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  color: #4477AA;
  font-weight: bold;
  overflow: hidden;
}
.forum_selector a:hover {
  color: #6699BB;
  background-color: #EEEEEE;
}
.forum_selector .flag_n {
  height: 18px;
  width: 24px;
}
.forum_selector .icon_star {
  height: 18px;
  width: 18px;
  border: 0px;
  vertical-align: middle;
}
.forum_selector .forum_selector_active {
  background-color: #fff7dd;
}
.forum_topic_list_item .icon_star {
  height: 16px;
  width: 16px;
  border: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 1030px) {
  .forum_favorite_0, .forum_favorite_1 {
    width: 1.7476vw!important; /* 18px */
    height: 1.7476vw!important; /* 18px */
  }
  .forum_selector a {
    line-height: 1.7476vw; /* 18px */
    font-size: 1.359vw; /* 14px */
    padding: 0.291vw 0.97vw 0.291vw 0.97vw; /* 3px 10px 3px 10px */
  }
  .forum_selector .flag_n {
    height: 1.7476vw!important; /* 18px */
    width: 2.33vw!important; /* 24px */
  }
  .forum_selector .icon_star {
    height: 1.7476vw!important; /* 18px */
    width: 1.7476vw!important; /* 18px */
  }
  .forum_topic_list_item .icon_star {
    height: 1.5534vw!important; /* 16px */
    width: 1.5534vw!important; /* 16px */
  }
}
@media screen and (orientation:portrait) {
  .forum_favorite_0, .forum_favorite_1 {
    width: 3.6vw!important; /* 18px */
    height: 3.6vw!important; /* 18px */
  }
  .account_selector_item .icon_star {
    width: 4.8vw;
    height: 4.8vw;
    vertical-align: middle;
  }
  .account_select_value .icon_star {
    width: 4.8vw;
    height: 4.8vw;
    vertical-align: middle;
  }
  .forum_topic_list_item .icon_star {
    height: 3.2vw!important; /* 16px */
    width: 3.2vw!important; /* 16px */
  }
}

.forum_navigation {
  line-height: 18px;
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #DDDDDD;
}
.forum_navigation a {
  text-decoration: none;
  color: #4477AA;
  font-weight: bold;
}
.forum_navigation a:hover {
  color: #6699BB;
}
.forum_topics_count {
  text-align: center;
  font-size: 12px;
  margin: 5px;
}
.forum_topic_list_item {
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 10px;
  font-size: 14px;
  background-color: #EEEEEE;
  padding: 5px 10px 3px 10px;
}
.forum_item_sticky {
  background-color: #BBDDFF!important;
}
.forum_item_deleted {
  background-color: #D8CCCC!important;
  color: #AA9999!important;
}
.forum_item_deleted a {
  color: #AA9999!important;
}
.forum_item_closed {
  background-color: #FFAADD!important;
}
.forum_item_reported {
  background-color: #FFBB99!important;
}
.forum_item_tome {
  background-color: #CCFFBB!important;
}
.forum_item_highlight {
  border: 2px solid #448800;
}
.forum_item_ido {
  background-color: #fff7dd!important;     
}

.forum_moderator_base {
  float: right;
  position: relative;
}
.forum_moderator_window {
  position: absolute;
  right: 0px;
  border: 1px solid #FF0000;
  background-color: #FFEEDD;
  padding: 5px;
  z-index: 990;
}
.forum_topic_name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 5px;
}
.forum_topic_foot {
  border-top: 1px dashed #bbbbbb;
  font-size: 11px;
  padding-top: 5px;
}
.forum_topic_list_item .flag_n {
  width: 16px;
  height: 12px;
}
.forum_topic_list_item .material-symbols-outlined {
  font-size: 20px;
}
.forum_topic_start_button {
  margin-top: 10px;
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
  font-size: 18px;
  font-weight: bold;
  color: #999999;
  background: linear-gradient(#FFFFFF,#FAFAFA);
  border: 1px solid #BBBBBB;
  line-height: 40px;
  border-radius: 10px;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.forum_topic_start_button:hover {
  color: #444444;
  -webkit-box-shadow: 0 0 3px 3px rgb(0,0,0,.1);
  box-shadow: 0 0 3px 3px rgb(0,0,0,.1);
}
.forum_create_topic_cap {
  float: left;
  font-size: 14px;
  width: 20%;
  text-align: right;
  padding-right: 2%;
  padding-top: 8px;
}
.forum_input {
  font-family: inherit;
  font-size: 14px;
  border-radius: 16px;
  padding: 8px;
  border: 1px #dddddd solid;
  width: 70%;
  color: #666666;
  overflow: hidden;
  resize: none;
}
.forum_input:focus {
  outline: none !important;
  box-shadow: 0 0 5px #cccccc;
}
.forum_input[type=submit] {
  font-size: 12px;
  font-weight: bold;
  color: #DDDDDD;  
  border-radius: 10px;
  width: calc(70% + 18px);
  padding: 10px 20px;
  background: linear-gradient(#AA0000,#660000);
  border: 1px solid #AA0000;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.forum_input[type=submit]:hover {
  background: linear-gradient(#AF0000,#6B0000);
  border-color: #FF2222;
  color: #FFFFFF;  
}
.forum_input_100 {
  font-family: inherit;
  font-size: 14px;
  border-radius: 16px;
  padding: 8px;
  border: 1px #dddddd solid;
  width: calc(100% - 16px);
  color: #666666;
  overflow: hidden;
  resize: none;
}
.forum_input_100:focus {
  outline: none !important;
  box-shadow: 0 0 5px #cccccc;
}
.forum_input_100[type=submit] {
  font-size: 12px;
  font-weight: bold;
  color: #DDDDDD;  
  border-radius: 10px;
  width: calc(100%);
  padding: 10px 20px;
  background: linear-gradient(#AA0000,#660000);
  border: 1px solid #AA0000;
  cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.forum_input_100[type=submit]:hover {
  background: linear-gradient(#AF0000,#6B0000);
  border-color: #FF2222;
  color: #FFFFFF;  
}
.forum_input_100_nicedit {
  font-family: inherit;
  font-size: 14px;
  border-radius: 16px;
  padding: 8px;
  border: 1px #dddddd solid;
  width: 100%;
  color: #666666;
  overflow: hidden;
  resize: none;
}
.forum_reply_post_cap {
  font-size: 10px;
  font-weight: bold;
}

@media screen and (max-width: 1030px) {
  .forum_navigation {
    line-height: 1.7476vw; /* 18px */
    font-size: 1.359vw; /* 14px */
    padding-bottom: 0.4854vw; /* 5px */
  }
  .forum_topics_count {
    font-size: 1.165vw; /* 12px */
    margin: 0.4854vw; /* 5px */
  }
  .forum_topic_list_item {
    margin-top: 0.4854vw; /* 5px */
    margin-bottom: 0.4854vw; /* 5px */
    border-radius: 0.971vw; /* 10px */
    font-size: 1.359vw; /* 14px */
    padding: 0.291vw 0.97vw 0.291vw 0.97vw; /* 3px 10px 3px 10px */
  }
  .forum_topic_name {
    padding-bottom: 0.4854vw; /* 5px */
  }
  .forum_topic_foot {
    font-size: 1.068vw; /* 11px */
    padding-top: 0.4854vw; /* 5px */
  }
  .forum_topic_list_item .flag_n {
    width: 1.5534vw!important; /* 16px */
    height: 1.165vw!important; /* 12px */
  }
  .forum_topic_start_button {
    margin-top: 0.971vw; /* 10px */
    font-size: 1.7476vw; /* 18px */
    line-height: 3.88vw; /* 40px */
    border-radius: 0.971vw; /* 10px */
  }
  .forum_topic_list_item .material-symbols-outlined {
    font-size: 1.94vw; /* 20px */
  }
}
@media screen and (orientation:portrait) {
  .forum_navigation {
    line-height: 3.6vw; /* 18px */
    font-size: 2.8vw; /* 14px */
    padding-bottom: 1.0vw; /* 5px */
  }
  .forum_topics_count {
    font-size: 2.4vw; /* 12px */
    margin: 1.0vw; /* 5px */
  }
  .forum_topic_list_item {
    margin-top: 1.0vw; /* 5px */
    margin-bottom: 1.0vw; /* 5px */
    border-radius: 2.0vw; /* 10px */
    font-size: 2.8vw; /* 14px */
    padding: 0.6vw 2.0vw 0.6vw 2.0vw; /* 3px 10px 3px 10px */
  }
  .forum_topic_name {
    padding-bottom: 1.0vw; /* 5px */
  }
  .forum_topic_foot {
    font-size: 2.2vw; /* 11px */
    padding-top: 1.0vw; /* 5px */
  }
  .forum_topic_list_item .flag_n {
    width: 3.2vw!important; /* 16px */
    height: 2.4vw!important; /* 12px */
  }
  .forum_topic_start_button {
    margin-top: 2.0vw; /* 10px */
    font-size: 3.6vw; /* 18px */
    line-height: 8.0vw; /* 40px */
    border-radius: 2.0vw; /* 10px */
  }
  .forum_topic_list_item .material-symbols-outlined {
    font-size: 4.0vw; /* 20px */
  }
}

.forum_post_list_item_box {
  margin-top: 5px;
  margin-bottom: 5px;
}
.forum_post_list_item {
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 16px;
  padding: 8px;
  width: 80%;
  text-align: left;
  overflow-wrap: break-word;
  background-color: #EEEEEE;
}
.forum_action {
  float: right;
  margin-right: 5px;
}
.forum_post_head {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 5px;
  font-size: 12px;
}
.forum_post_body {
  border-top: 1px dashed #bbbbbb;
}
.forum_post_list_item .flag_n {
  width: 16px;
  height: 12px;
}
.forum_post_list_item .material-symbols-outlined {
  font-size: 20px;
}
.forum_note_edited {
  display: block;
  color: #777777;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
}
.forum_note_replied {
  display: block;
  font-size: 11px;
  font-weight: bold;
}
.forum_note_replied a {
  color: #DD4444;
}
.forum_note_replied a:hover {
  color: #FF4444;
}
@media screen and (max-width: 1030px) {
  .forum_post_list_item {
    font-size: 1.359vw; /* 14px */
    margin-left: 0.971vw; /* 10px */
    margin-right: 0.971vw; /* 10px */
    border-radius: 1.5534vw; /* 16px */
    padding: 0.777vw; /* 8px */
  }
  .forum_post_head {
    padding-bottom: 0.4854vw; /* 5px */
    font-size: 1.165vw; /* 12px */
  }
  .forum_post_list_item .flag_n {
    width: 1.5534vw!important; /* 16px */
    height: 1.165vw!important; /* 12px */
  }
  .forum_post_list_item .material-symbols-outlined {
    font-size: 1.94vw; /* 20px */
  }
}
@media screen and (orientation:portrait) {
  .forum_post_list_item {
    font-size: 2.8vw; /* 14px */
    margin-left: 2.0vw; /* 10px */
    margin-right: 2.0vw; /* 10px */
    border-radius: 3.2vw; /* 16px */
    padding: 1.6vw; /* 8px */
    width: 74%;
  }
  .forum_post_head {
    padding-bottom: 1.0vw; /* 5px */
    font-size: 2.2vw; /* 12px */
  }
  .forum_post_list_item .flag_n {
    width: 3.2vw!important; /* 16px */
    height: 2.4vw!important; /* 12px */
  }
  .forum_post_list_item .material-symbols-outlined {
    font-size: 4.0vw; /* 20px */
  }
}
@media screen and (max-width: 428px) {
  .forum_post_list_item {
    font-size: 12px; /* size for read */
  }
  .forum_post_head {
    font-size: 10px; /* size for read */
  }
}
.forum_reply_post_area {
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 10px;
}
.forum_new_post_area {
  padding-left: 5%;
  padding-right: 5%;
}

/*race report */
.report_log_icon {
  width: 20px;
  height: 20px;
  border: 0px;
}
.report_log_driver_1 {
  color: #0000DD;
  font-weight: bold;
}
.report_log_driver_2 {
  color: #CC0000;
  font-weight: bold;
}
.report_log_time {
  color: #009900;
  font-weight: bold;
}
.report_log_number {
  color: #009900;
  font-weight: bold;
}
@media screen and (max-width: 1030px) {
  .report_log_icon {
    width: 1.94vw; /* 20px */
    height: 1.94vw; /* 20px */
  }
}
@media screen and (orientation:portrait) {
  .report_log_icon {
    width: 4.0vw; /* 20px */
    height: 4.0vw; /* 20px */
  }
}
.report_event_area {
  font-weight: bold;
}
.report_event_area .pitstop {
  color: #FF00CC;
}
.report_event_area .error2 {
  color: #FF0000;
}
.report_event_area .error1 {
  color: #DD4400;
}
.report_event_area .error0 {
  color: #BB8800;
}


/* super styles */
.navigation_label {
  position: relative;
}
.navigation_label a {
  position: absolute;
  top: -69px;
}

.only_narrow_vers {
  display: none;
}
@media screen and (orientation:portrait) {
  .only_wide_vers {
    display: none;
  }
  .only_narrow_vers {
    display: block;
  }
}
.topmargin_onlywide {
  margin-top: 10px;
}
@media screen and (max-width: 1030px) {
  .topmargin_onlywide {
    margin-top: 0.6vw;
  }
}
@media screen and (orientation:portrait) {
  .topmargin_onlywide {
    margin-top: 0px;
  }
}


/* broadcast */
.main_container .content .content_area_bc_stat {
  float: left;
  width: 17.297029%;
  min-height: 550px;
  background-color: #191919;
  color: #FFFFFF;
}
.main_container .content .content_area_bc_map {
  position: relative;
  float: left;
  width: 59.40594%;
  background-color: #292929;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
  overflow: hidden;
}
.main_container .content .content_area_bc_map_qr {
  height: 412px;
}
.main_container .content .content_area_bc_map_s {
  height: 540px;
}
.main_container .content .content_area_bc_map .pos_pointer {
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 7px;
  z-index: 98;
  user-select: none;
}
.main_container .content .content_area_bc_map .pos_pointercap {
  position: absolute;
  top: 0px;
  left: 15px;
  font-size: 10px;
  color: #FFFFFF;
  text-shadow: #000000 1px 1px 4px;
  line-height: 13px;
  white-space: nowrap;
  z-index: 99;
  user-select: none;
}
.main_container .content .content_area_bc_map .pos_red {
  background-color: rgba(225,0,0,0.8);
}
.main_container .content .content_area_bc_map .pos_blue {
  background-color: rgba(0,0,225,0.8);
}
.main_container .content .content_area_bc_map .pos_green {
  background-color: rgba(0,225,0,0.8);
}
.main_container .content .content_area_bc_map .pos_gray {
  background-color: rgba(225,225,225,0.8);
}

.main_container .content .content_area_bc_info {
  float: right;
  width: 23.297029%;
  background-color: #191919;
  min-height: 550px;
  color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
}
.main_container .content .content_area_bc_log {
  float: right;
  width: 59.40594%;
  background-color: #191919;
  color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 1030px) {
  .main_container .content .content_area_bc_map_qr {
    height: 40.14vw;
  }
  .main_container .content .content_area_bc_map_s {
    height: 52.427vw;
  }
}
@media screen and (orientation:portrait) {
  .main_container .content .content_area_bc_stat {
    width: 30.0%;
    min-height: 60.0vw;
  }
  .main_container .content .content_area_bc_map {
    width: 70.0%;
  }
  .main_container .content .content_area_bc_map_qr {
    height: 46.81905vw;
  }
  .main_container .content .content_area_bc_map_s {
    height: 61.3636vw;
  }
  .main_container .content .content_area_bc_info {
    width: 25.0%;
    min-height: 10.0vw;
  }
  .main_container .content .content_area_bc_log {
    width: 45.0%;
    min-height: 10.0vw;
  }
}

.content_area_bc_stat .stat_head {
  position: relative;
  background-color: #191919;
  height: 50px;
  background-position: 5px center;
  background-size: auto 90%;
  background-repeat: no-repeat;
}
.content_area_bc_stat .stat_head .stat_head_caption {
  position: absolute;
  top: 0px;
  line-height: 40px;
  left: 50%;
  width: 46%;
  text-align: right;
  color: #DDDDDD;
  font-size: 32px;
  overflow: hidden;
  font-family: Bungee,arial,sans-serif;
}
.content_area_bc_stat .stat_head .stat_head_subcaption {
  position: absolute;
  top: 38px;
  line-height: 10px;
  left: 40%;
  width: 56%;
  text-align: right;
  color: #DDDDDD;
  font-size: 10px;
  overflow: hidden;
  font-family: Bungee,arial,sans-serif;
}
.content_area_bc_stat .stat_lap {
  background: linear-gradient(#191919,#292929);
  color: #DDDDDD;
  text-align: center;
  font-size: 16px;
  font-family: Roboto,arial,sans-serif;
  font-style: italic;
  padding: 3px 0px;
}
.content_area_bc_stat .stat_lap_progress {
  background-color: #191919;
  color: #DDDDDD;
  text-align: left;
  padding: 3px 16px;
}
.content_area_bc_stat .stat_lap_progress .stat_lap_detail_area {
  background: linear-gradient(#191919,#292929);
  padding: 1px;
}
.content_area_bc_stat .stat_lap_progress .stat_lap_detail_fill {
  display: inline-block;
  background-color: #BB0000;
  width: 10%;
}
.content_area_bc_stat .stat_safety_car {
  background: linear-gradient(#EFC109,#EBC106);
  color: #191919;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  font-family: Roboto,arial,sans-serif;
  font-style: italic;
  padding: 2px 0px;
}
.content_area_bc_stat .stat_safety_car_end {
  background-color: #191919;
  color: #EFC109;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  font-family: Roboto,arial,sans-serif;
  padding: 3px 0px;
}
.content_area_bc_stat .stat_green_flag {
  background-color: #0FC905;
  color: #191919;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-family: Roboto,arial,sans-serif;
  font-style: italic;
  padding: 3px 0px;
}
.content_area_bc_stat .stat_green_flag_clear {
  background-color: #191919;
  color: #0FC905;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  font-family: Roboto,arial,sans-serif;
  padding: 3px 0px;
}
.content_area_bc_stat .stat_finish {
  background-color: #DDDDDD;
  background-image: url(../images/checkered_left.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: auto 100%;
  color: #191919;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-family: Roboto,arial,sans-serif;
  font-style: italic;
  padding: 3px 0px;
}
.content_area_bc_stat .stat_start {
  background-color: #DDDDDD;
  color: #191919;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-family: Roboto,arial,sans-serif;
  padding: 3px 0px;
}
.content_area_bc_stat .stat_competitors_list {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.content_area_bc_stat .stat_competitor {
  background-color: #191919;
  line-height: 22px;
}
.content_area_bc_stat .stat_competitor_dyn {
  position: absolute;
  right: 0px;
  top: 0px;
  left: 22px;
  padding-left: 5px;
  background-color: #191919;
  line-height: 22px;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content_area_bc_stat .stat_competitor_dyn_trans {
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.content_area_bc_stat .stat_competitor_highlight1 {
  background-color: rgba(160,235,0,0.3);
}
.main_container .content .content_area_bc_map .pos_hl1 {
  background-color: rgba(160,235,0,0.8);
}
.content_area_bc_stat .stat_competitor_highlight2 {
  background-color: rgba(235,128,0,0.3);
}
.main_container .content .content_area_bc_map .pos_hl2 {
  background-color: rgba(235,128,0,0.8);
}
.content_area_bc_stat .stat_competitor_highlight3 {
  background-color: rgba(235,0,140,0.3);
}
.main_container .content .content_area_bc_map .pos_hl3 {
  background-color: rgba(235,0,140,0.8);
}
.content_area_bc_stat .stat_competitor_highlight4 {
  background-color: rgba(120,0,235,0.3);
}
.main_container .content .content_area_bc_map .pos_hl4 {
  background-color: rgba(120,0,235,0.8);
}
.content_area_bc_stat .stat_competitor_highlight5 {
  background-color: rgba(0,35,235,0.3);
}
.main_container .content .content_area_bc_map .pos_hl5 {
  background-color: rgba(0,35,235,0.8);
}
.content_area_bc_stat .stat_competitor_highlight6 {
  background-color: rgba(0,200,235,0.3);
}
.main_container .content .content_area_bc_map .pos_hl6 {
  background-color: rgba(0,200,235,0.8);
}
.content_area_bc_stat .stat_competitor_me {
  background-color: rgba(245,220,0,0.5);
}
.main_container .content .content_area_bc_map .pos_me {
  background-color: rgba(245,220,0,0.8);
}
.content_area_bc_stat .stat_competitor .stat_position {
  background-color: #292929;
  color: #BBBBBB;
  display: inline-block;
  line-height: 22px;
  width: 22px;
  text-align: center;
  margin-right: 5px;
  font-weight: bold;
  font-size: 12px;
}
.content_area_bc_stat .stat_competitor_dyn .stat_time {
  color: #CFCFCF;
  float: right;
  line-height: 22px;
  width: 70px;
  text-align: center;
  margin-left: 5px;
  font-size: 12px;
}
.content_area_bc_stat .stat_competitor_dyn .flag_n {
  height: 18px;
  width: 24px;
  vertical-align: text-bottom;
  margin-right: 5px;
}
@media screen and (max-width: 1030px) {
  .content_area_bc_stat .stat_head {
    height: 4.854vw; /* 50px */
    background-position: 0.4854vw center;
  }
  .content_area_bc_stat .stat_head .stat_head_caption {
    line-height: 3.88vw; /* 40px */
    font-size: 3.1067vw; /* 32px */
  }
  .content_area_bc_stat .stat_head .stat_head_subcaption {
    top: 3.689vw; /* 38px */
    line-height: 0.97vw; /* 10px */
    font-size: 0.97vw; /* 10px */
  }
  .content_area_bc_stat .stat_lap {
    font-size: 1.5534vw; /* 16px */
    padding: 0.291vw 0px; /* 3px 0px */
  }
  .content_area_bc_stat .stat_safety_car {
    font-size: 1.94vw; /* 20px */
    padding: 0.194vw 0px; /* 2px 0px */
  }
  .content_area_bc_stat .stat_safety_car_end {
    font-size: 1.165vw; /* 12px */
    padding: 0.291vw 0px; /* 3px 0px */
  }
  .content_area_bc_stat .green_flag {
    font-size: 1.7476vw; /* 18px */
    padding: 0.291vw 0px; /* 3px 0px */
  }
  .content_area_bc_stat .green_flag_clear {
    font-size: 1.165vw; /* 12px */
    padding: 0.291vw 0px; /* 3px 0px */
  }
  .content_area_bc_stat .finish {
    font-size: 1.7476vw; /* 18px */
    padding: 0.291vw 0px; /* 3px 0px */
  }
  .content_area_bc_stat .stat_competitor {
    line-height: 2.135vw; /* 22px */
    font-size: 1.165vw; /* 12px */
  }
  .content_area_bc_stat .stat_competitor_dyn {
    left: 2.135vw; /* 22px */
    padding-left: 0.4854vw; /* 5px */
    line-height: 2.135vw; /* 22px */
    font-size: 1.359vw; /* 14px */
  }
  .content_area_bc_stat .stat_competitor .stat_position {
    line-height: 2.135vw; /* 22px */
    width: 2.135vw; /* 22px */
    margin-right: 0.4854vw; /* 5px */
    font-size: 1.165vw; /* 12px */
  }
  .content_area_bc_stat .stat_competitor_dyn .stat_time {
    line-height: 2.135vw; /* 22px */
    width: 6.796vw; /* 70px */
    margin-left: 0.4854vw; /* 5px */
    font-size: 1.165vw; /* 12px */
  }
  .content_area_bc_stat .stat_competitor_dyn .flag_n {
    height: 1.7476vw;
    width: 2.33vw;
    margin-right: 0.4854vw; /* 5px */
  }
}
@media screen and (orientation:portrait) {
  .content_area_bc_stat .stat_head {
    height: 8.333vw;
    background-position: 0.8333vw center;
  }
  .content_area_bc_stat .stat_head .stat_head_caption {
    line-height: 6.666vw;
    font-size: 5.333vw;
  }
  .content_area_bc_stat .stat_head .stat_head_subcaption {
    top: 6.333vw;
    line-height: 1.667vw;
    font-size: 1.667vw;
  }
  .content_area_bc_stat .stat_lap {
    font-size: 2.667vw;
    padding: 0.5vw 0px;
  }
  .content_area_bc_stat .stat_safety_car {
    font-size: 3.333vw;
    padding: 0.333vw 0px;
  }
  .content_area_bc_stat .stat_safety_car_end {
    font-size: 2.0vw;
    padding: 0.5vw 0px;
  }
  .content_area_bc_stat .green_flag {
    font-size: 3.0vw;
    padding: 0.5vw 0px;
  }
  .content_area_bc_stat .green_flag_clear {
    font-size: 2.0vw;
    padding: 0.5vw 0px;
  }
  .content_area_bc_stat .finish {
    font-size: 3.0vw;
    padding: 0.5vw 0px;
  }
  .content_area_bc_stat .stat_competitor {
    line-height: 3.667vw;
    font-size: 2.0vw;
  }
  .content_area_bc_stat .stat_competitor_dyn {
    left: 3.667vw;
    padding-left: 0.8333vw;
    line-height: 3.667vw;
    font-size: 2.333vw;
  }
  .content_area_bc_stat .stat_competitor .stat_position {
    line-height: 3.667vw;
    width: 3.667vw;
    margin-right: 0.8333vw;
    font-size: 2.0vw;
  }
  .content_area_bc_stat .stat_competitor_dyn .stat_time {
    line-height: 3.667vw;
    width: 11.667vw;
    margin-left: 0.8333vw;
    font-size: 2.0vw;
  }
  .content_area_bc_stat .stat_competitor_dyn .flag_n {
    height: 3.0vw;
    width: 4.0vw;
  }
}

.content_area_bc_log .log_area_container {
  border-left: 1px solid #292929;
  border-right: 1px solid #292929;
  text-align: left;
}

.content_area_bc_log .log_event_caption {
  padding: 5px 5px 0px 5px;
  font-size: 11px;
  color: #BBBBBB;
  font-style: italic;
  font-weight: bold;
}
.content_area_bc_log .log_event_main {
  padding: 3px 5px 3px 5px;
  font-size: 12px;
}
.content_area_bc_log .log_event_main b {
  color: #EFC109;
}
.content_area_bc_log .log_event {
  padding: 0px 5px 5px 10px;
  margin-top: -2px;
  font-size: 12px;
}
.content_area_bc_log .log_event b {
  color: #EFC109;
}

.content_area_bc_info .info_head {
  background-color: #DDDDDD;
  color: #191919;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-family: Roboto,arial,sans-serif;
  font-style: italic;
  padding: 5px 0px;
}
.content_area_bc_info .info_obj_dyn_trans {
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.content_area_bc_info .info_fastest_lap {
  background-color: #9E8BA9;
}
.content_area_bc_info .info_fastest_lap_new {
  background-color: #BE1BF9;
}
.content_area_bc_info .info_new_leader {
  background-color: #0FC905;
}
.content_area_bc_info .info_next {
  background-color: #BB7700;
}
.content_area_bc_info .info_item {
  position: relative;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
}
.content_area_bc_info .info_item_nextdr {
  height: 83px;
}
.content_area_bc_info .info_item .info_item_weather {
  display: inline-block;
  width: 80%;
  padding: 5px;
}
.content_area_bc_info .info_item .weather_info_blk {
  text-shadow: #000000 1px 1px 2px;
  color: #FFFFFF;
}
.content_area_bc_info .info_item .info_item_time {
  font-weight: bold;
  font-style: italic;
  font-size: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 2%;
}
.content_area_bc_info .info_item .info_item_firstname {
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content_area_bc_info .info_item .info_item_lastname {
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 5%;
}
.content_area_bc_info .info_item .info_item_name span {
  font-size: 10px;
  color: #999999;
}
.content_area_bc_info .info_item .info_item_name {
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 5%;
}
.content_area_bc_info .info_item .info_item_helmet {
  float: left;
  width: 18%;
  padding-bottom: 18%;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 5%;
  margin-top: 2%;
}
.content_area_bc_info .info_item .info_item_car {
  float: left;
  width: 72%;
  padding-bottom: 18%;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 2%;
}
.content_area_bc_info .info_head_attempt {
  background-color: #DDDDDD;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
}
.content_area_bc_info .info_head_attempt .info_attempt_tyres {
  float: right;
  background-color: #292929;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.content_area_bc_info .info_head_attempt .info_attempt_position {
  float: left;
  background-color: #292929;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  margin-right: 5px;
}
.content_area_bc_info .info_head_attempt .info_attempt_flag {
  float: left;
  line-height: 30px;
  text-align: center;
  width: 32px;
  margin-right: 5px;
}
.content_area_bc_info .info_head_attempt .info_attempt_name {
  color: #000000;
  text-align: left;
  font-style: italic;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content_area_bc_info .info_head_attempt .info_attempt_codriver {
  font-size: 75%;
  line-height: 200%;
}
.content_area_bc_info .info_head_attempt .info_attempt_codriver .flag_n {
  height: 18px;
  width: 24px;
}
@media screen and (max-width: 1030px) {
  .content_area_bc_info .info_head_attempt .info_attempt_codriver .flag_n {
    height: 1.7476vw;
    width: 2.33vw;
  }
}
@media screen and (orientation:portrait) {
  .content_area_bc_info .info_head_attempt .info_attempt_codriver .flag_n {
    height: 3.6vw;
    width: 4.8vw;
  }
}

.content_area_bc_info .info_item_buttons {
  background-color: #414141;
}
.content_area_bc_info .info_item_buttons2 {
  background-color: #313131;
}
.broadcast_button {
  float:left;
  background-color: #414141;
  width: 25%;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  padding-top: 5%;
  padding-bottom: 5%;
  color: #AAAAAA;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.broadcast_button:hover {
  background-color: #515151;
  color: #FFFFFF;
}
.broadcast_button:active {
  background-color: #616161;
  color: #666666;
}
.broadcast_button2 {
  float:left;
  background-color: #313131;
  width: 20%;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  padding-top: 3%;
  padding-bottom: 2.5%;
  color: #AAAAAA;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.broadcast_button2 .material-symbols-outlined {
  font-size: 20px;
}
.broadcast_button2:hover {
  background-color: #414141;
  color: #FFFFFF;
}
.broadcast_button2:active {
  background-color: #515151;
  color: #666666;
}
.broadcast_button_hl {
  color: #FFFFFF;
  background-color: #383838;
}
.broadcast_button2_hl {
  color: #FFFFFF;
  background-color: #2A2A2A;
}
@media screen and (max-width: 1030px) {
  .broadcast_button {
    font-size: 1.5534vw; /* 16px */
  }
  .broadcast_button2 .material-symbols-outlined {
    font-size: 1.94vw; /* 20px */
  }
}
@media screen and (orientation:portrait) {
  .broadcast_button {
    font-size: 1.6vw;
  }
  .broadcast_button2 .material-symbols-outlined {
    font-size: 2.0vw; /* 20px */
  }
}
.content_area_bc_info .info_item_attempt {
  background-color: #212121;
}
.content_area_bc_info .info_item_attempt .info_attempt_cur_time {
  float: left;
  line-height: 50px;
  width: 60%;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content_area_bc_info .info_item_attempt .info_attempt_target_name {
  float: left;
  width: 40%;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 10px;
  color: #AAAAAA;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content_area_bc_info .info_item_attempt .info_attempt_target_time {
  float: left;
  margin-top: 8px;
  width: 40%;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content_area_bc_info .info_item_attempt .info_attempt_sectors {
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  font-family: Roboto,arial,sans-serif;
  padding: 5px 0px;
  background-color: #191919;
}
.content_area_bc_info .info_item_attempt .info_attempt_sector3 {
  float: left;
  width: 33.3333%;
  border-bottom: 2px solid #666666;
  color: #666666;
}
.content_area_bc_info .info_item_attempt .info_attempt_sector4 {
  float: left;
  width: 25%;
  border-bottom: 2px solid #666666;
  color: #666666;
}
.content_area_bc_info .info_item_attempt .info_attempt_sector_0 {
  border-bottom-color: #F8F605;
  color: #F8F605;
}
.content_area_bc_info .info_item_attempt .info_attempt_sector_1 {
  border-bottom-color: #0FC905;
  color: #0FC905;
}
.content_area_bc_info .info_item_attempt .info_attempt_sector_2 {
  border-bottom-color: #BE1BF9;
  color: #BE1BF9;
}
@media screen and (max-width: 1030px) {
  .content_area_bc_info .info_head {
    font-size: 1.5534vw; /* 16px */
    padding: 0.4854vw 0px; /* 5px 0px */
  }
  .content_area_bc_info .info_item {
    font-size: 1.165vw; /* 12px */
  }
  .content_area_bc_info .info_item_nextdr {
    height: 8.058vw; /* 83px */
  }
  .content_area_bc_info .info_item .info_item_weather {
    padding: 0.4854vw; /* 5px */
  }
  .content_area_bc_info .info_item .info_item_time {
    font-size: 2.33vw; /* 24px */
  }
  .content_area_bc_info .info_item .info_item_firstname {
    font-size: 1.165vw; /* 12px */
  }
  .content_area_bc_info .info_item .info_item_lastname {
    font-size: 1.7476vw; /* 18px */
  }
  .content_area_bc_info .info_item .info_item_name span {
    font-size: 0.97vw; /* 10px */
  }
  .content_area_bc_info .info_item .info_item_name {
    font-size: 1.165vw; /* 12px */
  }
  .content_area_bc_info .info_head_attempt {
    font-size: 1.359vw; /* 14px */
    line-height: 2.913vw; /* 30px */
  }
  .content_area_bc_info .info_head_attempt .info_attempt_tyres {
    line-height: 2.913vw; /* 30px */
    width: 2.913vw; /* 30px */
  }
  .content_area_bc_info .info_head_attempt .info_attempt_position {
    font-size: 0.97vw; /* 10px */
    line-height: 2.913vw; /* 30px */
    width: 2.913vw; /* 30px */
    margin-right: 0.4854vw; /* 5px */
  }
  .content_area_bc_info .info_head_attempt .info_attempt_flag {
    line-height: 2.913vw; /* 30px */
    width: 3.1067vw; /* 32px */
    margin-right: 0.4854vw; /* 5px */
  }
  .content_area_bc_info .info_item_attempt .info_attempt_cur_time {
    line-height: 4.854vw; /* 50px */
    font-size: 2.33vw; /* 24px */
  }
  .content_area_bc_info .info_item_attempt .info_attempt_target_name {
    font-size: 0.97vw; /* 10px */
  }
  .content_area_bc_info .info_item_attempt .info_attempt_target_time {
    margin-top: 0.777vw; /* 8px */
    font-size: 1.359vw; /* 14px */
  }
  .content_area_bc_info .info_item_attempt .info_attempt_sectors {
    font-size: 0.97vw; /* 10px */
    padding: 0.4854vw 0px; /* 5px 0px */
  }
}
@media screen and (orientation:portrait) {
  .content_area_bc_info .info_head {
    font-size: 1.6vw;
    padding: 0.32vw 0px;
  }
  .content_area_bc_info .info_item {
    font-size: 1.2vw;
  }
  .content_area_bc_info .info_item_nextdr {
    height: 8.0vw;
  }
  .content_area_bc_info .info_item .info_item_weather {
    padding: 0.32vw;
  }
  .content_area_bc_info .info_item .info_item_time {
    font-size: 2.4vw;
  }
  .content_area_bc_info .info_item .info_item_firstname {
    font-size: 1.2vw;
  }
  .content_area_bc_info .info_item .info_item_lastname {
    font-size: 1.8vw;
  }
  .content_area_bc_info .info_item .info_item_name span {
    font-size: 1.0vw;
  }
  .content_area_bc_info .info_item .info_item_name {
    font-size: 1.2vw;
  }
  .content_area_bc_info .info_head_attempt {
    font-size: 1.4vw;
    line-height: 3.0vw;
  }
  .content_area_bc_info .info_head_attempt .info_attempt_tyres {
    line-height: 3.0vw;
    width: 3.0vw;
  }
  .content_area_bc_info .info_head_attempt .info_attempt_position {
    font-size: 1.0vw;
    line-height: 3.0vw;
    width: 3.0vw;
    margin-right: 0.32vw;
  }
  .content_area_bc_info .info_head_attempt .info_attempt_flag {
    line-height: 3.0vw;
    width: 3.2vw;
    margin-right: 0.32vw;
  }
  .content_area_bc_info .info_head_attempt .info_attempt_flag .flag_n {
    width: 3.2vw!important;
    height: 2.4vw!important;
  }
  .content_area_bc_info .info_item_attempt .info_attempt_cur_time {
    line-height: 5.0vw;
    font-size: 2.4vw;
  }
  .content_area_bc_info .info_item_attempt .info_attempt_target_name {
    font-size: 1.0vw;
  }
  .content_area_bc_info .info_item_attempt .info_attempt_target_time {
    margin-top: 0.8vw;
    font-size: 1.4vw;
  }
  .content_area_bc_info .info_item_attempt .info_attempt_sectors {
    font-size: 1.0vw;
    padding: 0.32vw 0px;
  }
}

.series_profile_item {
  display: block;
  font-size: 12px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: 33% auto;
  background-position: 2% center;
  width: 100%;
  padding-bottom: 24%;
  color: #444444;
}
.series_profile_item_selected {
  background-color: #BBBBBB;
}
.series_profile_item:hover {
  background-color: #e0b31a;
  color: #000000;
}
.series_profile_content {
  float: left;
  padding-left: 35%;
  width: 65%;
}
.series_profile_name {
  padding-top: 5%;
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1030px) {
  .series_profile_item {
    font-size: 1.165vw; /* 12px */
  }
  .series_profile_name {
    font-size: 1.359vw; /* 14px */
  }
}
@media screen and (orientation:portrait) {
  .series_profile_item {
    font-size: 3.4vw; /* 12px */
  }
  .series_profile_name {
    font-size: 4.0vw; /* 14px */
  }
}

/* FORMULA 1 */
.f1_engine_area {
  position: relative;
  padding-bottom: 60%;
  background-image: url(../images/f1/f1_engine.png);
  background-repeat: no-repeat;
  background-position: 50% 40%;
  background-size: 60% auto;
}
.f1_engine_area .season_picker {
  position: absolute;
  top: 1%;
  left: 40%;
  width: 20%;
  text-align: center;
}
.f1_engine_area .combustion_engine {
  top: 5%;
  left: 2%;
  background-image: url(../images/f1/e_combustion_engine.png);
}
.f1_engine_area .mgu_h {
  top: 5%;
  right: 2%;
  background-image: url(../images/f1/e_mgu_h.png);
}
.f1_engine_area .mgu_k {
  bottom: 5%;
  left: 2%;
  background-image: url(../images/f1/e_mgu_k.png);
}
.f1_engine_area .turbocharger {
  bottom: 5%;
  right: 2%;
  background-image: url(../images/f1/e_turbocharger.png);
}
.f1_engine_area .element_icon {
  position: absolute;
  width: 22%;
  padding-bottom: 18.2%;
  background-color: #222222;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  border: 1px solid #444444;
} 
.f1_engine_area .quality {
  position: absolute;
  width: 100%;
  bottom: 0px;
  color: #DDDDDD;
  font-weight: bold;
  font-size: 90%;
  text-align: center;
}
.f1_engine_area .name {
  position: absolute;
  width: 120%;
  color: #DDDDDD;
  font-weight: bold;
  font-size: 75%;
  text-align: center;
  padding-top: 1%;
  padding-bottom: 1%;
  background-color: #222222;
  border-radius: 10px;
}
.f1_engine_area .combustion_engine .name {
  top: -20%;
  right: -10%;
}
.f1_engine_area .mgu_h .name {
  top: -20%;
  left: -10%;
}
.f1_engine_area .mgu_k .name {
  bottom: -20%;
  right: -10%;
}
.f1_engine_area .turbocharger .name {
  bottom: -20%;
  left: -10%;
}

.f1_engine_roller {
  position: relative;
  width: 90%;
  padding-bottom: 90%;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  background-image: linear-gradient(160deg, rgb(16,16,16,0.8), rgb(0,0,0,0.8));
  background-color: rgba(0,0,0,0.7);
}
.f1_engine_roller .marker_detect {
  position: absolute;
  left: 18.75%;
  top: 18.7%;
  width: 62.5%;
  height: 62.5%;
  border-radius: 50%;
  cursor: pointer;
}
.f1_engine_roller .inside1 {
  position: absolute;
  left: 18.75%;
  top: 18.7%;
  width: 62.5%;
  height: 62.5%;
  border-radius: 50%;
  background-image: linear-gradient(160deg, rgb(0,0,0,0.9), rgb(16,16,16,0.9));
  cursor: pointer;
}
.f1_engine_roller .inside2 {
  position: absolute;
  left: 20.625%;
  top: 20.625%;
  width: 58.75%;
  height: 58.75%;
  border-radius: 50%;
  background-image: linear-gradient(160deg, rgb(96,96,96,0.9), rgb(32,32,32,0.9));
  cursor: pointer;
}
.f1_engine_roller .inside3 {
  position: absolute;
  left: 23.75%;
  top: 23.75%;
  width: 52.5%;
  height: 52.5%;
  border-radius: 50%;
  background-image: linear-gradient(160deg, rgb(225,225,225,1), rgb(232,232,232,1));
  cursor: pointer;
}
.f1_engine_roller .inside4 {
  position: absolute;
  left: 25%;
  top: 25%;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-image: linear-gradient(160deg, rgb(96,96,96,1), rgb(192,192,192,1));
  cursor: pointer;
}
.f1_engine_roller .spot {
  position: absolute;
  top: 11.25%;
  left: 49.375%;
  width: 1.25%;
  height: 5%;
  background-color: white;
  border-radius: 0px;
  transform-origin: 50% 775%;
}
.f1_engine_roller .number {
  position: absolute;
  top: 1.875%;
  left: 37.5%;
  width: 25%;
  height: 9.375%;
  border-radius: 0px;
  color: white;
  transform-origin: 50% 513.3333%;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
}
.f1_engine_roller .marker {
  position: absolute;
  top: 27.5%;
  left: 48.125%;
  width: 3.75%;
  height: 10%;
  background-image: linear-gradient(160deg, rgb(0,0,0,1), rgb(32,32,32,1));
  border-radius: 50%;
  transform-origin: 50% 225%;
  cursor: pointer;
}
.f1_engine_roller .marker .marker_inside {
  position: absolute;
  top: 0%;
  left: 5%;
  width: 90%;
  height: 100%;
  background-image: linear-gradient(160deg, rgb(225,0,0,1), rgb(192,0,0,1));
  border-radius: 50%;
}

.f1_car_area {
  position: relative;
  padding-bottom: 80%;
  background-image: url(../images/f1/f1_car.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70% auto;
}
.f1_car_area .aerodynamics_caption {
  position: absolute;
  top: 19.5%;
  left: 38.5%;
  width: 40%;
  background-color: #222222;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.5% 2% 0.5% 2%;
}
.f1_car_area .mechanic_caption {
  position: absolute;
  bottom: 19.5%;
  left: 17.5%;
  width: 40%;
  background-color: #222222;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.5% 2% 0.5% 2%;
}
.f1_car_area .chassis {
  top: 1.25%;
  left: 1%;
  background-image: url(../images/f1/p_chassis.png);
}
.f1_car_area .front_wing {
  top: 1.25%;
  left: 17.5%;
  background-image: url(../images/f1/p_front_wing.png);
}
.f1_car_area .airbox {
  top: 1.25%;
  left: 34%;
  background-image: url(../images/f1/p_airbox.png);
}
.f1_car_area .rear_wing {
  top: 1.25%;
  left: 50.5%;
  background-image: url(../images/f1/p_rear_wing.png);
}
.f1_car_area .diffuser {
  top: 1.25%;
  left: 67%;
  background-image: url(../images/f1/p_diffuser.png);
}
.f1_car_area .side_pods {
  top: 1.25%;
  left: 83.5%;
  background-image: url(../images/f1/p_side_pods.png);
}
.f1_car_area .vanes {
  top: 19.5%;
  left: 83.5%;
  background-image: url(../images/f1/p_vanes.png);
}
.f1_car_area .drs {
  top: 37.75%;
  left: 83.5%;
  background-image: url(../images/f1/p_drs.png);
}

.f1_car_area .engine {
  bottom: 37.75%;
  left: 1%;
  background-image: url(../images/f1/p_engine.png);
}
.f1_car_area .kers {
  bottom: 19.5%;
  left: 1%;
  background-image: url(../images/f1/p_kers.png);
}
.f1_car_area .energystore {
  bottom: 19.5%;
  left: 1%;
  background-image: url(../images/f1/p_energystore.png);
}
.f1_car_area .brakes {
  bottom: 1.25%;
  left: 1%;
  background-image: url(../images/f1/p_brakes.png);
}
.f1_car_area .suspension {
  bottom: 1.25%;
  left: 17.5%;
  background-image: url(../images/f1/p_suspension.png);
}
.f1_car_area .gearbox {
  bottom: 1.25%;
  left: 34%;
  background-image: url(../images/f1/p_gearbox.png);
}
.f1_car_area .cooling {
  bottom: 1.25%;
  left: 50.5%;
  background-image: url(../images/f1/p_cooling.png);
}
.f1_car_area .steering {
  bottom: 1.25%;
  left: 67%;
  background-image: url(../images/f1/p_steering.png);
}
.f1_car_area .electronic {
  bottom: 1.25%;
  left: 83.5%;
  background-image: url(../images/f1/p_electronic.png);
}
.f1_car_area .element_icon {
  position: absolute;
  width: 15.5%;
  height: 17%;
  background-color: #222222;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 6px;
} 
.f1_car_area .quality {
  position: absolute;
  width: 100%;
  bottom: 0px;
  color: #DDDDDD;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
}
@media screen and (max-width: 1030px) {
  .f1_car_area .aerodynamics_caption {
    border-radius: 0.5825vw; /* 6px */
    font-size: 1.359vw; /* 14px */
  }
  .f1_car_area .mechanic_caption {
    border-radius: 0.5825vw; /* 6px */
    font-size: 1.359vw; /* 14px */
  }
  .f1_car_area .element_icon {
    border-radius: 0.5825vw; /* 6px */
  } 
  .f1_car_area .quality {
    font-size: 0.97vw; /* 10px */
  }
}
@media screen and (orientation:portrait) {
  .f1_car_area .aerodynamics_caption {
    border-radius: 1.2vw; /* 6px */
    font-size: 2.8vw; /* 14px */
  }
  .f1_car_area .mechanic_caption {
    border-radius: 1.2vw; /* 6px */
    font-size: 2.8vw; /* 14px */
  }
  .f1_car_area .element_icon {
    border-radius: 1.2vw; /* 6px */
  } 
  .f1_car_area .quality {
    font-size: 2.0vw; /* 10px */
  }
}

.f1_facility_manage {
  float: right;
  width: 30%;
  padding-bottom: 21%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.f1_facility_area {
  position: relative;
  padding-bottom: 80%;
  background-image: url(../images/f1/f1_facility.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70% auto;
  font-size: 12px;
}
.f1_facility_area .element_icon {
  position: absolute;
  width: 15.5%;
  height: 17%;
  background-color: #222222;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 6px;
  cursor: pointer;
} 
.f1_facility_area span .info {
  position: absolute;
  width: 380%;
  border: 1px solid #444444;
  background-color: rgba(255,255,255,0.7);
  display: none;
}
.f1_facility_area span:hover .info {
  display: block;
}
.f1_facility_area span .info div {
  padding: 5px;
}
.f1_facility_area .quality {
  position: absolute;
  width: 100%;
  bottom: 0px;
  color: #DDDDDD;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
} 

.f1_facility_area .hq {
  top: 1.25%;
  left: 1%;
  background-image: url(../images/f1/f_hq.png);
}
.f1_facility_area .hq .info {
  top: 100%;
  left: 5%;
}
.f1_facility_area .club {
  top: 1.25%;
  left: 17.5%;
  background-image: url(../images/f1/f_club.png);
}
.f1_facility_area .club .info {
  top: 100%;
  left: 5%;
}
.f1_facility_area .museum {
  top: 1.25%;
  left: 34%;
  background-image: url(../images/f1/f_museum.png);
}
.f1_facility_area .museum .info {
  top: 100%;
  left: 5%;
}

.f1_facility_area .rd {
  bottom: 1.25%;
  left: 1%;
  background-image: url(../images/f1/f_rd.png);
}
.f1_facility_area .rd .info {
  bottom: 100%;
  left: 100%;
}
.f1_facility_area .chassis {
  bottom: 19.5%;
  left: 1%;
  background-image: url(../images/f1/f_chassis.png);
}
.f1_facility_area .chassis .info {
  bottom: 100%;
  left: 5%;
}
.f1_facility_area .engine {
  bottom: 1.25%;
  left: 17.5%;
  background-image: url(../images/f1/f_engine.png);
}
.f1_facility_area .engine .info {
  bottom: 100%;
  left: 5%;
}
.f1_facility_area .workshop {
  bottom: 1.25%;
  left: 34%;
  background-image: url(../images/f1/f_workshop.png);
}
.f1_facility_area .workshop .info {
  bottom: 100%;
  left: -95%;
}
.f1_facility_area .cad {
  bottom: 1.25%;
  left: 50.5%;
  background-image: url(../images/f1/f_cad.png);
}
.f1_facility_area .cad .info {
  bottom: 100%;
  right: -95%;
}
.f1_facility_area .cam {
  bottom: 1.25%;
  left: 67%;
  background-image: url(../images/f1/f_cam.png);
}
.f1_facility_area .cam .info {
  bottom: 100%;
  right: 5%;
}
.f1_facility_area .windtunnel {
  bottom: 1.25%;
  left: 83.5%;
  background-image: url(../images/f1/f_windtunnel.png);
}
.f1_facility_area .windtunnel .info {
  bottom: 100%;
  right: 100%;
}
.f1_facility_area .testing {
  bottom: 19.5%;
  left: 83.5%;
  background-image: url(../images/f1/f_testing.png);
}
.f1_facility_area .testing .info {
  bottom: 100%;
  right: 5%;
}
@media screen and (max-width: 1030px) {
  .f1_facility_area {
    font-size: 1.165vw; /* 12px */
  }
  .f1_facility_area .element_icon {
    border-radius: 0.5825vw; /* 6px */
  } 
  .f1_facility_area .quality {
    font-size: 0.97vw; /* 10px */
  }
  .f1_facility_area span .info div {
    padding: 0.4854vw; /* 5px */
  }
}
@media screen and (orientation:portrait) {
  .f1_facility_area {
    font-size: 2.4vw; /* 12px */
  }
  .f1_facility_area .element_icon {
    border-radius: 1.2vw; /* 6px */
  } 
  .f1_facility_area .quality {
    font-size: 2.0vw; /* 10px */
  }
  .f1_facility_area span .info div {
    padding: 1.0vw; /* 5px */
  }
}

.f1_part_list_icon {
  width: 100%;
  padding-bottom: 70%;
  background-color: #222222;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 6px;
} 
@media screen and (max-width: 1030px) {
  .f1_part_list_icon {
    border-radius: 0.5825vw; /* 6px */
  } 
}
@media screen and (orientation:portrait) {
  .f1_part_list_icon {
    border-radius: 1.2vw; /* 6px */
  } 
}

.part_profile_tab_m {
  display: inline-table;
  width: 71.0%!important;
}
.part_profile_logo_m {
  display: inline-block;
  width: 25%;
  padding-top: 17.5%;
  margin: 2%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}

/* CLUBS */
.club_car_area {
  position: relative;
  padding-bottom: 100%;
  background-image: url(../images/club/clubcar.png);
  background-repeat: no-repeat;
  background-position: center 30%;
  background-size: 70% auto;
}
.club_car_area .clubcard {
  position: absolute;
  width: 15.5%;
  height: 20.67%;
  background-size: 100%;
}
.club_car_area .clubcard .caption {
  display: block;
  position: absolute;
  top: 42%;
  left: 0px;
  width: 100%;
  font-size: 12px;
  text-align: center;  
  transform: rotate(-30deg);  
  font-weight: bold;
  color: rgba(122,122,122,0.5);
}
.club_car_area .boosts_caption {
  position: absolute;
  top: 22.67%;
  right: 1%;
  width: 25%;
  background-color: #222222;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.5% 2% 0.5% 2%;
}
.club_car_area .parts_caption {
  position: absolute;
  bottom: 44.33%;
  left: 1%;
  width: 25%;
  background-color: #222222;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.5% 2% 0.5% 2%;
}
@media screen and (max-width: 1030px) {
  .club_car_area .clubcard .caption {
    font-size: 1.165vw; /* 12px */
  }
  .club_car_area .boosts_caption {
    font-size: 1.359vw; /* 14px */
  }
  .club_car_area .parts_caption {
    font-size: 1.359vw; /* 14px */
  }
}
@media screen and (orientation:portrait) {
  .club_car_area .clubcard .caption {
    font-size: 2.4vw; /* 12px */
  }
  .club_car_area .boosts_caption {
    font-size: 2.8vw; /* 14px */
  }
  .club_car_area .parts_caption {
    font-size: 2.8vw; /* 14px */
  }
}
.club_car_area .boost_1 {
  top: 1%;
  left: 83.5%;
}
.club_car_area .boost_2 {
  top: 1%;
  left: 67%;
}
.club_car_area .boost_3 {
  top: 1%;
  left: 50.5%;
}
.club_car_area .part_chassis {
  bottom: 22.67%;
  left: 1%;
}
.club_car_area .part_steering {
  bottom: 22.67%;
  left: 17.5%;
}
.club_car_area .part_engine {
  bottom: 22.67%;
  left: 34%;
}
.club_car_area .part_brakes {
  bottom: 22.67%;
  left: 50.5%;
}
.club_car_area .part_rims {
  bottom: 22.67%;
  left: 67%;
}
.club_car_area .part_tyres {
  bottom: 22.67%;
  left: 83.5%;
}
.club_car_area .part_front {
  bottom: 1%;
  left: 1%;
}
.club_car_area .part_side {
  bottom: 1%;
  left: 17.5%;
}
.club_car_area .part_rear {
  bottom: 1%;
  left: 34%;
}
.club_car_area .part_hood {
  bottom: 1%;
  left: 50.5%;
}
.club_car_area .part_roof {
  bottom: 1%;
  left: 67%;
}
.club_car_area .part_wing {
  bottom: 1%;
  left: 83.5%;
}

/* club cards */
.cardpack_sel {
  display: inline-block;
  border: 2px solid rgba(0,0,0,0);
  margin-left: 0.5%;
  margin-right: 0.5%;
  width: 21%;
  padding-top: 28%;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(60%);
  -moz-filter: grayscale(60%);
  -o-filter: grayscale(60%);
  -ms-filter: grayscale(60%);
  filter: grayscale(60%);
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.cardpack_sel:hover {
  border: 2px solid rgba(0,0,0,0.5);
  -webkit-filter: grayscale(30%);
  -moz-filter: grayscale(30%);
  -o-filter: grayscale(30%);
  -ms-filter: grayscale(30%);
  filter: grayscale(30%);
}
.cardpack_sel_selected {
  border: 2px solid rgba(0,0,0,1.0);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
}
.cardpack_sel_selected:hover {
  border: 2px solid rgba(0,0,0,1.0);
  -webkit-filter: grayscale(10%);
  -moz-filter: grayscale(10%);
  -o-filter: grayscale(10%);
  -ms-filter: grayscale(10%);
  filter: grayscale(10%);
}
.purchase_opt {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #DDDDDD;
  font-size: 0px;
}
.purchase_opt:first-child {
  border-top: 0px;
}
.purchase_opt .schild {
  font-size: 14px;
}
.purchase_opt .caption {
  display: inline-block;
  width: 40%;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}
.purchase_opt .purchase_area {
  display: inline-block;
  width: 60%;
}

.clubcard_show {
  display: inline-block;
  text-align: center;
  margin-left: 1.4%;
  margin-right: 0.0%;
  width: 120px;
  height: 160px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.clubcard_show_500 {
  display: inline-block;
  position: relative;
  text-align: center;
  margin-left: 1.0%;
  margin-right: 0.0%;
  width: 23.1%;
  padding-bottom: 30.8%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
  cursor: pointer;
}
.clubcard_show_500 .clubcard_show_500_inner {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.clubcard_show_hidden {
  width: 0px!important;
}
.clubcard_show_inner {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
}
.pointer {
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .clubcard_show {
    width: 16vw;
    height: 21.33vw;
  }
}
@media screen and (orientation:portrait) {
  .clubcard_show_500 {
    width: 16vw;
    padding-bottom: 21.33vw;
  }
}
.clubcard_show .cardback_name {
  position: absolute;
  top: 6.25%;
  left: 8.3333%;
  font-weight: bold;
  text-align: left;
  width: 75px;
  font-size: 10px;
}
.clubcard_show .card_color_bronze {
  color: #a96800;
}
.clubcard_show .card_color_silver {
  color: #c0c0c0;
}
.clubcard_show .card_color_gold {
  color: #fec700;
}
.clubcard_show .card_color_ultimate {
  color: #a2ff0d;
}
.clubcard_show .cardback_desc {
  position: absolute;
  top: 28.125%;
  left: 10%;
  text-align: justify;
  width: 96px;
  font-size: 9px;
  color: white;
}
.clubcard_show .cardback_team {
  position: absolute;
  bottom: 6.25%;
  right: 8.3333%;
  font-size: 9px;
  color: rgba(255,0,0,0.5);
  font-style: italic;
  text-align: right;
  width: 120px;
}
.clubcard_show .cardback_team button {
  font-size: 9px;
  width: 74px;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}
.clubcard_show .card_button_bronze {
  color: #a96800;
  border: 1px solid #a96800;
  background-color: rgba(180,100,0,0.2);
}
.clubcard_show .card_button_silver {
  color: #c0c0c0;
  border: 1px solid #c0c0c0;
  background-color: rgba(216,216,216,0.2);
}
.clubcard_show .card_button_gold {
  color: #fec700;
  border: 1px solid #fec700;
  background-color: rgba(255,220,0,0.2);
}
.clubcard_show .card_button_ultimate {
  color: #a2ff0d;
  border: 1px solid #a2ff0d;
  background-color: rgba(180,255,10,0.2);
}
.clubcard_show .club_icon, .clubcard_show_500 .club_icon {
  position: absolute;
  top: 4.375%;
  left: 6%;
  width: 12%;
  height: 9%;
  background-image: url(../images/cardclub.png);  
  background-position: center /*70px*/;  
  background-size: 100% 100%;
}
@media screen and (max-width: 750px) {
  .clubcard_show .cardback_name {
    width: 10vw;
    font-size: 1.333vw;
  }
  .clubcard_show .cardback_desc {
    width: 12.8vw;
    font-size: 1.2vw;
  }
  .clubcard_show .cardback_team {
    width: 16vw;
  }
  .clubcard_show .cardback_team button {
    font-size: 1.2vw;
    width: 9.8667vw;
    border-radius: 0.533vw;
    padding-left: 0.533vw;
    padding-right: 0.533vw;
  }
}

.club_cardset {
	display: block;
	position: relative;
	float: left;
	width: 32.5%;
	padding-bottom: 20.5696%;
	background-color: rgba(0,0,0,0.2);
	margin-left: 0.6%;
	margin-top: 0.6%;
	font-size: 8px;
  background-image: url(../images/cardpack.png);  
  background-position: center /*70px*/;  
  background-size: cover;
}
.club_cardset .clubcard {
	position: absolute;
  width: 18.987%;
  height: 40%;
  border: 0px;
	z-index: 10;
}
.club_cardset .clubcard:hover {
	z-index: 11;
}
.club_cardset .setinfo {
	position: absolute;
	top: 0px;
	left: 0px;
  width: 100%;
  height: 20%;
}
.club_cardset .setinfo .setname {
	position: absolute;
	top: 10%;
	left: 3%;
	width: 94%;
	font-size: 18px;
	font-weight: bold;
	color: rgb(255,255,255);
	text-shadow: 2px 2px 2px rgb(0,0,0);
}
.club_cardset .setinfo .setdesc {
	position: absolute;
	top: 75%;
	left: 10%;
	width: 76%;
	padding: 2%;
	font-size: 12px;
	z-index: 150;
  background-color: rgba(255, 223, 145, 0.85); /*SIMBACK-85*/
	visibility: hidden;
  color: rgb(0,0,0);
}
.club_cardset .setinfo:hover .setdesc {
	visibility: visible;
}
.card_expiration_date {
  position: absolute;
  bottom: 4%;
  right: 20%;
  width: 80%;
  color: rgb(200,200,200);
  font-size: 7px;
  text-align: center;
}
.clubcard .star_notif {
  position: absolute;
  width: 13.333%;
  height: 10%;
  top: 15%;
  right: 8.333%;
  background-image: url(../images/icon_star/icon_star_1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1030px) {
  .club_cardset {
    font-size: 0.777vw; /* 8px */
  }
  .club_cardset .setinfo .setname {
    font-size: 1.7476vw; /* 18px */
  }
  .club_cardset .setinfo .setdesc {
    font-size: 1.165vw; /* 12px */
  }
  .card_expiration_date {
    font-size: 0.6795vw; /* 7px */
  }
}
@media screen and (orientation:portrait) {
  .club_cardset {
    width: 48.5%;
    padding-bottom: 30.6962%;
    margin-left: 0.9%;
    margin-top: 0.9%;
    font-size: 1.23vw;
  }
  .club_cardset .setinfo .setname {
    font-size: 2.76923vw;
  }
  .club_cardset .setinfo .setdesc {
    font-size: 1.846vw;
  }
  .card_expiration_date {
    font-size: 1.4vw; /* 7px */
  }
}
.opacity50 {
  opacity: 0.5;  
}
.manage_item {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #DDDDDD;
  font-size: 0px;
}
.manage_item:first-child {
  border-top: 0px;
}
.manage_item .schild {
  font-size: 14px;
}
.manage_item .caption {
  display: inline-block;
  width: 40%;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}
.manage_item .cur_value {
  position: relative;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 45%;
  min-width: 19px;
  min-height: 19px;
}
.manage_item .edit_button {
  float: right;
}
.manage_item .manage_form {
  display: inline-block;
  width: 60%;
}
.manage_item_cap {
  font-size: 12px;
  font-style: italic;
}
.manage_item .cur_value .flag_n {
  height: 18px;
  width: 24px;
}
@media screen and (max-width: 1030px) {
  .manage_item .cur_value { 
    min-width: 1.844vw; /* 19px */
    min-height: 1.844vw; /* 19px */
  }
  .manage_item .schild {
    font-size: 1.359vw; /* 14px */
  }
  .manage_item_cap {
    font-size: 1.165vw; /* 12px */
  }
  .manage_item .cur_value .flag_n {
    height: 1.7476vw;
    width: 2.33vw;
  }
}
@media screen and (orientation:portrait) {
  .manage_item .cur_value { 
    min-width: 3.8vw; /* 19px */
    min-height: 3.8vw; /* 19px */
  }
  .manage_item .schild {
    font-size: 2.8vw; /* 14px */
  }
  .manage_item_cap {
    font-size: 2.4vw; /* 12px */
  }
  .manage_item .cur_value .flag_n {
    height: 3.6vw;
    width: 4.8vw;
  }
}
.manage_item .club_logo_b {
  display: inline-block;
  width: 205px;
  height: 130px;
  background-size: cover;
  vertical-align: middle;
}
.manage_item .club_logo_s {
  display: inline-block;
  width: 30px;
  height: 19px;
  background-size: cover;
  vertical-align: top;
}
.manage_item .club_helmet_b {
  display: inline-block;
  width: 100px;
  height: 94px;
  background-size: cover;
  vertical-align: middle;
}
.manage_item .club_helmet_s {
  display: inline-block;
  width: 20px;
  height: 19px;
  background-size: cover;
  vertical-align: top;
}
.manage_item .club_livery_s {
  display: inline-block;
  width: 76px;
  height: 19px;
  background-size: cover;
  vertical-align: top;
}
@media screen and (max-width: 1030px) {
  .manage_item .club_logo_b {
    width: 19.903vw; /* 205px */
    height: 12.621vw; /* 130px */
  }
  .manage_item .club_logo_s {
    width: 2.913vw; /* 30px */
    height: 1.844vw; /* 19px */
  }
  .manage_item .club_helmet_b {
    width: 9.9087vw; /* 100px */
    height: 9.126vw; /* 94px */
  }
  .manage_item .club_helmet_s {
    width: 1.94vw; /* 20px */
    height: 1.844vw; /* 19px */
  }
  .manage_item .club_livery_s {
    width: 7.3786vw; /* 76px */
    height: 1.844vw; /* 19px */
  }
}
@media screen and (orientation:portrait) {
  .manage_item .club_logo_b {
    width: 41vw; /* 205px */
    height: 26.0vw; /* 130px */
  }
  .manage_item .club_logo_s {
    width: 6.0vw; /* 30px */
    height: 3.8vw; /* 19px */
  }
  .manage_item .club_helmet_b {
    width: 20vw; /* 100px */
    height: 18.8vw; /* 94px */
  }
  .manage_item .club_helmet_s {
    width: 4.0vw; /* 20px */
    height: 3.8vw; /* 19px */
  }
  .manage_item .club_livery_s {
    width: 15.2vw; /* 76px */
    height: 3.8vw; /* 19px */
  }
}
.upload_form {
  padding-left: 20%;
  padding-right: 20%;
}

/* WORLD */
.world_map {
  position: relative;
  padding-bottom: 48.387%;
  background-image: url(../images/map_600.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: rgba(0,50,75,0.5);
}
.world_map .map_marker {
  position: absolute;
  margin-left: -0.5%;
  margin-top: -0.5%;
  background-color: #FF0000;
  width: 1%;
  padding-bottom: 1%;
  border-radius: 50%;
  z-index: 10;
}
.world_map .map_marker .map_flag {
  position: absolute;
  bottom: 30%;
  left: 30%;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.world_map .map_marker .map_flag:hover {
  opacity: 0.3;
}
.world_map .map_marker2 {
  position: absolute;
  margin-left: -0.3%;
  margin-top: -0.3%;
  background-color: rgba(225,0,0,0.5);
  width: 0.6%;
  padding-bottom: 0.6%;
  border-radius: 50%;
  z-index: 10;
}

.candidacy_photo {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  background-size: cover;
}

/* DRIVER PATH */
.create_driver_path .clabel {
  cursor: pointer;
  display: inline-block;
  width: 30%;
  font-size: 10px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 1030px) {
  .create_driver_path .clabel {
    font-size: 0.971vw;
  }
}
@media screen and (orientation:portrait) {
  .create_driver_path .clabel {
    font-size: 2.0vw;
  }
}
.create_driver_path .clabel .path_icon {
  position: relative;
  font-weight: bold;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding-bottom: 90%;
  border: 2px solid #444030;
  border-radius: 5%;
  background-size: cover;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); 
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.create_driver_path .clabel .path_icon .checker {
  position: absolute;
  display: none;
  top: 35%;
  left: 35%;
  font-size: 400%;
  text-shadow: 1px 1px 5px rgba(255,255,255,0.5);
}
.create_driver_path .clabel:hover .path_icon {
  border: 2px solid #666050;
}
.create_driver_path .clabel input:checked ~ .path_icon {
  border: 2px solid rgb(200,31,33);
  color: rgb(200,31,33);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%); 
}
.create_driver_path .clabel input:checked ~ .path_icon .checker {
  display: table-cell;
}
.create_driver_path .clabel input:disabled ~ .path_icon {
  border: 2px solid rgb(128,128,128);
  color: rgb(128,128,128);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); 
  opacity: 0.5;
  cursor: not-allowed;
}
.create_driver_path .clabel input:disabled ~ .path_icon .checker {
  display: none;
}
.create_driver_path .clabel input {
  display: none;
}
.create_driver_path .clabel .caption {
  position: relative;
  display: block;
}
.create_driver_path .clabel .caption span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.create_driver_path .clabel .description {
  position: relative;
  display: block;
}
.create_driver_path .clabel .description span {
  position: absolute;
  font-style: italic;
  top: 0px;
  left: 0px;
  width: 100%;
}

/* helmet radio */
.create_helmet .clabel {
  cursor: pointer;
  display: inline-block;
  width: 22%;
  font-size: 10px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 1030px) {
  .create_helmet .clabel {
    font-size: 0.971vw;
  }
}
@media screen and (orientation:portrait) {
  .create_helmet .clabel {
    font-size: 2.0vw;
  }
}
.create_helmet .clabel .helmet_icon {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-bottom: 94%;
  background-size: cover;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.create_helmet .clabel .helmet_icon .checker {
  position: absolute;
  display: none;
  top: 30%;
  left: 30%;
  font-size: 400%;
  text-shadow: 1px 1px 5px rgba(255,255,255,0.5);
  color: rgb(200,31,33);
}
.create_helmet .clabel input:checked ~ .helmet_icon .checker {
  display: table-cell;
}
.create_helmet .clabel input {
  display: none;
}

/* license */
.license_area {
  background-image: url(../images/icon_license/license.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 35%;
  margin-top: 5%;
  padding-top: 58%;
  color: #000000;
}
.license_pack {
  display: block;
  margin-bottom: 2%;
  background-color: #F8ECAA;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.license_pack .preview {
  float: left;
  width: 20%;
  height: 100%;
}
.license_pack:last-child {
  margin-bottom: 0px;
}
.license_pack:hover {
  background-color: #FFF088;
}
.license_pack .caption {
  background-color: #888888;
  color: #FFFFFF;
  padding: 1% 2%;
  font-weight: bold;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.license_pack:hover .caption {
  background-color: #666666;
  color: #DDDDDD;
}
.license_pack .packinfo {
  color: #444444;
  text-align: center;
  padding: 1%;
}
.license_pack .packbonus {
  color: #DD0000;
  text-align: center;
  font-style: italic;
  padding-bottom: 1%;
}
.license_pack .packprice {
  color: #000000;
  text-align: center;
  padding: 1%;
}
.license_pack .methods {
  text-align: center;
}
.license_pack .methods .method_icon {
  display: inline-block;
  width: 12%;
  padding-bottom: 12%;
  background-size: cover;
  background-repeat: no-repeat;
}
.license_pack .packbuy {
  color: #DD0000;
  text-align: right;
  padding-right: 2%;
  padding-bottom: 1%;
}
.payment_options .method_icon {
  display: inline-block;
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.payment_detail .method_icon {
  float: right;
  width: 20%;
  padding-bottom: 20%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 2%;
  margin-bottom: 2%;
}

/* predictions */
.prediction_area {
  background-image: url(../images/prediction/prediction_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 35%;
  color: #000000;
}
.series_small_logo {
  display: inline-block;
  width: 10.25%;
  padding-top: 6.5%;
  margin: 1%;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 100%;
  vertical-align: top;
  border: 0px;
}

.coin_area {
  width: 128px;
  height: 128px;
  border: 0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url(../images/toss/coinstrip.png);
  margin-top: 15%;
  margin-bottom: 15%;
  margin-left: auto;
  margin-right: auto;
}
.coin_area div {
  margin-left: -50px;
  width: 228px;
  padding-top: 128px;
  font-weight: bold;
  font-size: 200%;
}

/* livery shop */
.livery_shop_item {
  float: left;
  width: 46%;
  margin: 2%;
}
.livery_shop_item .livery_car {
  display: inline-block;
  width: 92%;
  padding-bottom: 23%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.livery_shop_item .livery_helmet {
  display: inline-block;
  width: 36.1%;
  padding-bottom: 33.932%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.livery_shop_item .livery_suit {
  display: inline-block;
  width: 37%;
  padding-bottom: 70%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.livery_shop_item .tag {
  display: inline-block;
  line-height: normal;
  border-radius: 5px;
  padding-left: 2%;
  padding-right: 2%;
  background-color: #EEDDCC;
}
.livery_shop_item .shop_logo {
  display: inline-block;
  width: 90%;
  padding-bottom: 24%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.livery_shop_logo {
  display: inline-block;
  width: 90%;
  padding-bottom: 24%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.livery_shop_logo_s {
  display: inline-block;
  width: 71px;
  height: 19px;
  background-size: cover;
  vertical-align: top;
}
@media screen and (max-width: 1030px) {
  .livery_shop_logo_s {
    width: 6.893vw; /* 71px */
    height: 1.844vw; /* 19px */
  }
}
@media screen and (orientation:portrait) {
  .livery_shop_logo_s {
    width: 14.2vw; /* 71px */
    height: 3.8vw; /* 19px */
  }
}

.trophy_listed {
  height: 175px;
  width: auto;
}
@media screen and (max-width: 1030px) {
  .trophy_listed {
    height: 16.9903vw!important; /* 175px */
  }
}
@media screen and (orientation:portrait) {
  .trophy_listed {
    height: 35vw!important; /* 175px */
  }
}

.share_button {
  display:inline-block;
  width: 12%;
  padding-top: 8%;
  margin: 1%;
  border-radius: 10%;
  cursor: pointer;
  -moz-transition: all .1s linear;
  -o-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
}
.share_button:hover {
  width: 13%;
  padding-top: 9%;
  margin: 0.5%;
  -webkit-box-shadow: 0 0 3px 3px rgba(66,133,244,.3);
  box-shadow: 0 0 3px 3px rgba(66,133,244,.3);
}
.share_button:active {
  -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.3);
  box-shadow: 0 0 3px 3px rgba(0,0,0,.3);
}
.share_facebook {
  background-image: url(../images/icon_social/facebook.svg);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center;
  background-color: #4267B2;
}
.share_twitter {
  background-image: url(../images/icon_social/twitter.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  background-color: #000000;
}
.share_link {
  background-image: url(../images/icon_social/link.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  background-color: #AAAAAA;
}
.vote_code a {
  display: block;
  width: 100%;
  padding-bottom: 58.89%;
  background-size: 100% 100%;
}
.vote_code img {
  width: 90px;
  height: 53px;
}

.todo_status {
  border-radius: 6px;
  padding-left: 2%;
  padding-right: 2%;
}
.todo_status_done {
  background-color: rgba(0,255,0,0.3);
  border: 1px solid rgba(0,225,0,0.6);
  color: rgba(0,192,0,1.0);
}
.todo_status_rejected {
  background-color: rgba(255,0,0,0.3);
  border: 1px solid rgba(255,0,0,0.6);
  color: rgba(192,0,0,1.0);
}
.todo_status_new {
  background-color: rgba(0,0,0,0.3);
  border: 1px solid rgba(0,0,0,0.6);
  color: rgba(0,0,0,1.0);
}
.todo_status_accepted {
  background-color: rgba(64,225,225,0.3);
  border: 1px solid rgba(64,225,225,0.6);
  color: rgba(48,170,170,1.0);
}
.todo_status_considering {
  background-color: rgba(255,192,0,0.3);
  border: 1px solid rgba(255,192,0,0.6);
  color: rgba(192,160,0,1.0);
}
.todo_status_inprogress {
  background-color: rgba(192,255,0,0.3);
  border: 1px solid rgba(160,192,0,0.6);
  color: rgba(128,160,0,1.0);
}
.todo_status_postponed {
  background-color: rgba(160,0,192,0.3);
  border: 1px solid rgba(160,0,192,0.6);
  color: rgba(128,0,160,1.0);
}

/* COMMON */
.infotoggler {
  position: relative;
  cursor: pointer;
}
.infotoggler:hover {
  color: #AAAAAA;
}
.infotoggler .infowin {
  display: none;
  position: fixed;
  border: 1px solid gray;
  background-color: rgba(255,255,255,0.95);
  color: #000000;
  width: 90vw;
  left: 3vw;
  padding: 2vw;
  top: 5vw;
  text-align: justify;
  white-space: normal; 
  font-weight: normal;
}
.infotoggler:hover .infowin {
  display: block;
}

/*
SHARE GEAR
*/
.share_gear {
  padding-bottom: 56.25%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}