@charset "utf-8";
/*
Theme Name: Ultimarket TC
*/


/* 2023/05/04 add AtHauss fonts*/

@font-face {
  font-family: "AtHauss-Retina";
  src: url("fonts/AtHauss-Retina.otf"),
		url("fonts/AtHauss-Retina.woff2"),
		url("fonts/AtHauss-Retina.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AtHauss-Black";
  src: url("fonts/AtHauss-Black.otf"),
	  url("fonts/AtHauss-Black.woff2"),
	  url("fonts/AtHauss-Black.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AtHauss-RetinaItalic";
  src: url("fonts/AtHauss-RetinaItalic.otf"),
	  url("fonts/AtHauss-RetinaItalic.woff2"),
	  url("fonts/AtHauss-RetinaItalic.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AtHauss-Semibold";
  src: url("fonts/AtHauss-Semibold.otf"),
	  url("fonts/AtHauss-Semibold.woff2"),
	  url("fonts/AtHauss-Semibold.woff");
  font-weight: normal;
  font-style: normal;
}
 
@font-face {
  font-family: "AtHauss-Medium";
  src: url("fonts/AtHauss-Medium.otf"),
  url("fonts/AtHauss-Medium.woff2"),
  url("fonts/AtHauss-Medium.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AtHauss-Thin";
  src: url("fonts/AtHauss-Thin.otf"),
	  url("fonts/AtHauss-Thin.woff2"),
	  url("fonts/AtHauss-Thin.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Baskervville-Italic';
  src:url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.woff') format('woff'),
  url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.woff2') format('woff2'),
  url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.svg') format('svg'),
  url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.eot') format('eot'),
  url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  background: #D9D9D9;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}
body {
  background: #f3f4f0;
  font-size: 13px;
  color: #ecede9;
  font-family: "AtHauss-Retina","HelveticaNeue", Arial, Helvetica, sans-serif;
}
a {
  color: #ffffff;
  text-decoration: none;
  outline-style: none;
}
a:hover {
  color: #ffffff;
  text-decoration: none;
}
p {
  line-height: 1.5;
  margin: 0px 0px 25px;
}
li {
  list-style: none outside none;
}
strong,
b {
  font-weight: normal;
  font-family: "Helvetica Neue Bold";
}
em,
i {
  font-style: normal;
  font-family: "Helvetica Neue Italic";
}
strong em,
em strong {
  font-style: normal;
  font-family: "Helvetica Neue BoldItalic";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin-bottom: 30px;
  line-height: 1.2;
  font-family: "AtHauss-Retina";
  color: #11140F;
}
h1 {
  font-size: 54px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 19px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 17px;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
hr {
  clear: both;
  margin: 40px 0;
  border: 0;
  border-bottom: 0;
  padding: 0px;
  width: 100%;
  background: #e1e0da;
  height: 1px;
}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
  height: 0;
  font-size: 0;
  width: 100%;
}
.alignleft {
  display: inline;
  float: left;
  margin: 0 30px 20px 0;
}
.alignright {
  display: inline;
  float: right;
  margin: 0 0 20px 30px;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 20px;
}
.alignnone {
  clear: both;
  display: block;
  margin: 0 auto 20px;
}
.tableBox {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.table_cellBox {
  display: table-cell;
  vertical-align: middle;
}
.inner {
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
.opacity_button{
  transition: 0.3s;
}
.opacity_button:hover{
  opacity: 0.8;
  transition: 0.3s;
}
.green_button{
  background: url(/wp-content/themes/ultimarkets_wp/images/black_icon.svg) calc(100% - 25px) 50% no-repeat;
    font-size: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #D2FC61;
    border-radius: 8px;
    border: #D2FC61;
    padding-left: 32px;
    height: 68px;
    color: #11140F;
    transition: 0.3s
}
.green_button:hover{
  background: url(/wp-content/themes/ultimarkets_wp/images/black_icon.svg) calc(100% - 15px) 50% no-repeat;
    transition: 0.3s;
    background-color: #D2FC61;
    color: #000;
    opacity: 0.8;
}
.black_button_green{
  background: url(/wp-content/themes/ultimarkets_wp/images/green_icon.svg) calc(100% - 31px) 50% no-repeat;
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 245.5px;
  width: 100%;
  background-color: #000;
  border-radius: 8px;
  border: 2px solid #000;
  padding-left: 32px;
  height: 68px;
  color:#D2FC61 ;
  transition: 0.3s;
}
.black_button_green:hover{
  background: url(/wp-content/themes/ultimarkets_wp/images/green_icon.svg) calc(100% - 15px) 50% no-repeat;
  background-color: #000;
  color:#D2FC61 ;
  transition: 0.3s;
  opacity: 0.8;
}

.black_button_white{
  background: url(/wp-content/themes/ultimarkets_wp/images/white_arrow_border.svg) calc(100% - 31px) 50% no-repeat;
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 245.5px;
  width: 100%;
  background-color: #000;
  border-radius: 8px;
  border: 2px solid #000;
  padding-left: 32px;
  height: 68px;
  color: #F3F4F0;
  transition: 0.3s;
}
.black_button_white:hover{
  background: url(/wp-content/themes/ultimarkets_wp/images/white_arrow_border.svg) calc(100% - 15px) 50% no-repeat;
  background-color: #000;
  transition: 0.3s;
  opacity: 0.8;
}

.colorless_button{
  transition: 0.3s;
  font-size: 24px;
  border-radius: 8px;
  border: 2px solid #11140F;
  padding: 24px 37px 26px 37px;
  margin-right: 24px;
  color: #11140F;
  line-height: 0.625;
  background: url(/wp-content/themes/ultimarkets_wp/images/black_icon.svg) calc(100% - 18px) 50% no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 245px;
}
.colorless_button:hover{
  background: url(/wp-content/themes/ultimarkets_wp/images/black_icon.svg) calc(100% - 8px) 50% no-repeat;
  transition: 0.3s;
  opacity: 0.8;
  color: #000;
}

@media (max-width:580px) {
  .colorless_button{margin-bottom: 24px;max-width: 342px;background: url('/wp-content/themes/ultimarkets_wp/images/black_icon.svg') calc(100% - 20px) 50% no-repeat;margin-right: 0px;width: 342px;}
  .colorless_button:hover{background: url('/wp-content/themes/ultimarkets_wp/images/black_icon.svg') calc(100% - 8px) 50% no-repeat;}
  .black_button_green{margin-left: 0px;width: 342px;max-width:342px;background: url(/wp-content/themes/ultimarkets_wp/images/green_icon.svg) calc(100% - 20px) 50% no-repeat;background-color: #000;}
  .black_button_green:hover{background: url(/wp-content/themes/ultimarkets_wp/images/green_icon.svg) calc(100% - 8px) 50% no-repeat;background-color: #000;}
}
.prohibit_cn_ip,
.id_ip,
.trade_win_ip_hide,
.mid_ip_hide,
.my_ip_hide{display: none !important;height: 0;visibility: hidden;}


.id_ip_show,
.prohibit_cn_ip_show{display: flex !important;height: auto;visibility: visible;}


input,
button,
textarea {
  outline-style: none;
}
#wrapper {
  width: 100%;
  overflow: hidden;
}
.clearfix:after {
content: "."; /*Add a paragraph*/
display: block; /*Let the generated elements be displayed as block level elements, occupying the remaining space*/
height: 0; /*Avoid the generated content damaging the original layout height*/
clear: both; /*Clear Float*/
visibility: hidden; /*Make the generated content invisible*/
}
.clearfix {
zoom: 1; /*IE6，7 compatible*/
}