body{
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-family: 'Roboto', sans-serif;
}

header{
	height: 65px;
}

ol, p{
    font-size: 1.2em;
    line-height: 1.5em;
    color: #555;
    font-weight: 400;
    text-align: left;
}

#marquee{
	background-color: #f3724c;
	padding: 3px 0;
	margin-bottom: -4px;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

#container{
	width: 100%;
	height: 60px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;

}
.field2txt{
	width: 30%;
	float: left;
}
.field2img{
	width: 67%;
	float: left;
	margin-left: 2%;
}

.field3txt{
	width: 47%;
	float: left;
}
.field3img{
	width: 40%;
	float: left;
	margin-left: 4%;
}

#logo{
	float: right;
	margin-top: 5px;
}
#logob{
	float: left;
	margin-top: 5px;
}
#bar_1{
	width: 15%;
	float: left;
}
#bar_2{
	width: 70%;
	float: left;
}
#bar_3{
	width: 15%;
	float: left;
}

.banner {
    position: absolute;
    top: 65px;
    right: 4%;
    z-index: 50;
}
.banner {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.banner {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}
@-webkit-keyframes bounceInLeft {
  0%, 4%, 6%, 8%, 10%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0, 0);
    transition-timing-function: cubic-bezier(0, 0);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  4% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  6% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  8% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  10% {
    -webkit-transform: none;
    transform: none;
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 4%, 6%, 8%, 10%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0, 0);
    transition-timing-function: cubic-bezier(0, 0);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  4% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  6% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  8% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  10% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.banner {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
  animation-delay: 1s;
}




#video_a{
	color: #F37721;
}
#video_a:hover{
	opacity: .6;
}

/*   MENU    */
.dropmenu ul {
  margin: 0;
  padding: 0;
}

.dropmenu{
	width: 70%;
	float: left;
	padding: 0;
	margin: 0;
}

.dropmenu li {
  float: left;
  list-style: none;
  position: relative;

	float: left;
	color: #F37721;
	width: 20%;
	font-size: 90%;
	padding-top: 10px;
	text-align: center;
	height: 45px;
	margin-top: -5px;	
}

.dropmenu li a {
	text-decoration: none;
	color: #F37721;
	display: block;
	padding: 10px 1em;
	height: 25px;
}

.dropmenu li ul {
	display: none;
	position: absolute;
	left: 0; top: 100%;
	width: 100%;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	z-index: 999;
	background-color: #f1f2f2;
}

.dropmenu li ul li {
	float: none;
	width: 100%
}

.dropmenu li ul li:hover {
	background-color: #fff;
}

.dropmenu li:hover {
	background-color: #f1f2f2;
}

.dropmenu li:hover > ul {
	display: block;
}

.dropmenuZZZ li.dir > a:after {
	content: " +";
	color: #F37721;
}

.dropmenu:after {
	content: "";
	display: table;
	clear: both;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    border-bottom-color: #777;
    border-top-color: #777;
    margin-top: 8px;
}
/*   MENU    */



#about, #training, #game, #service, #chinese {
	float: right;
	color: #F37721;
	width: 20%;
	font-size: 90%;
	padding-top: 19px;
	text-align: center;
	height: 36px;
	margin-top: -5px;
}
#partner {
	float: right;
	color: #F37721;
	width: 20%;
	font-size: 90%;
	padding-top: 19px;
	text-align: center;
	height: 36px;
	margin-top: -5px;
}

#about:hover, #training:hover, #game:hover, #service:hover, #partner:hover, #chinese:hover {
	background-color: #f1f2f2;
}

#content{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 2200px;
	height: 100%;
	display: table;
}

h1{
	line-height: 140%;
	color: #FFFFFF;
	font-size: 400%;
	margin-top: 6%;
	margin-bottom: 4%;
	font-weight: bold;
}

h2{
    line-height: 130%;
    color: #FFFFFF;
    font-size: 220%;
    font-weight: normal;
    margin: 0;
}

h3{
    font-size: 350%;
    font-weight: 700;
    line-height: 100%;
    color: #ff4c38;
    text-shadow: 0 0 0;
    margin: 2% 0;
}

h4{
    font-size: 260%;
    font-weight: 400;
    line-height: 120%;
    color: #333;
    margin: 25px 0 5px 0;
}

p{
    font-size: 1em;
    font-weight: 400;
    line-height: 120%;
    margin: 10px 0;
    text-align: left;
    color: #555;
}

b{

}

#orangebar{
	width: 11.5%;
	height: 5px;
	margin-top: -5px;
	margin-left: 15%;
	background-color: #F37721;
}

#field-index{
	display: block;
	float: right;
	background: url(../images/index-bg-01.jpg) center;
	background-size: cover; 
	width: 100%;
	min-height: calc(100vh - 90px);
}

#video-1 {
	float: left;
	background: #FFF;
	width: 30%;
	box-shadow: 2px 2px 10px rgba(0,0,0,.1);
}

#video-in-1 {
	float: left;
	background-color: #fff;
	padding: 4%;
	height: 30px;
	width: 92%;
	color: #333;
}

#video-2 {
	float: left;
	background: #FFF;
	width: 30%;
	margin: 0 5%;
	box-shadow: 2px 2px 10px rgba(0,0,0,.1);
}

#video-in-2 {
	float: left;
	background-color: #fff;
	padding: 4%;
	height: 30px;
	width: 92%;
	color: #333;
}

#video-3 {
	float: left;
	background: #FFF;
	width: 30%;
	box-shadow: 2px 2px 10px rgba(0,0,0,.1);
}

#video-in-3 {
	float: left;
	background-color: #fff;
	padding: 4%;
	height: 30px;
	width: 92%;
	color: #333;
}

#line{
	float: left;
	width: 100%;
	background-color: #c4c3c3;
	height: 1px;
	margin-bottom: 20px;
}

#field1{
	display: block;
	float: right;
	background-color: #fff;
	width: 100%;
	min-height: calc(100vh - 60px);
	padding-bottom: 0px;
	background: url('../images/radar_chart-01.jpg') right bottom no-repeat;
	/*background-size: auto 110%;
	background-position-x: 130%;*/
    background-size: auto 105%;
    background-position-x: 150%;
    background-attachment: fixed;
}

#field1 #content{min-height: calc(100vh - 60px);}


#field2{
	display: block;
	float: right;
	background-color: #FFF;
	width: 100%;
	max-width: 100%;
	padding-bottom: 0px;
}

#field3{
	display: block;
	float: right;
	background-color: #fff;
	width: 100%;
	padding-bottom: 0px;
}

#field4{
	display: block;
	float: right;
	background-color: #FFF;
	width: 100%;
	padding-bottom: 0px;
	margin: 4% 0 0 0;
}

#field5{
	display: block;
	float: right;
	background-color: #FFF;
	width: 100%;
	padding-bottom: 10px;
}

#field6{
	display: block;
	float: right;
	background-color: #333;
	width: 100%;
	height: calc(100vh - 60px);
	padding-bottom: 0px;
	background: url('../images/logic_bg.jpg') center no-repeat;
	background-size: cover;
}
#field6_gif{
	float: right;
	width: 100%;
	height: 100%;
	background: url('../images/logic_bg-new.gif') center no-repeat;
	background-size: cover;
}

#field6_gif_2{
	float: right;
	width: 100%;
	height: 100%;
	background: url('../images/logic_bg_2.gif') center no-repeat;
	background-size: cover;
}

#field6_gif_3{
	float: right;
	width: 100%;
	height: 100%;
	background: url('../images/logic_bg_3.gif') center no-repeat;
	background-size: cover;
}

#field6_gif_4{
	float: right;
	width: 100%;
	height: 100%;
	background: url('../images/logic_bg_4.gif') center no-repeat;
	background-size: cover;
}

#field6_gif_5{
	float: right;
	width: 100%;
	height: 100%;
	background: url('../images/logic_bg_5.gif') center no-repeat;
	background-size: cover;
}

.slide {
	height:500px;
	width:50%;
	float: left;
}

#slide-1A,
#slide-2A {
	display: block;
}

#slide-1B,
#slide-2B {
	display: none;
}

#text{
	float: left;
	width: 52%;
}

#text-main{
	float: left;
	width: 52%;
	margin-top: 18%;
	margin-bottom: 2%;
}

#see-more{
	margin-top: 30px;
	padding: 10px 20px;
	border: solid 1px #FFF;
	background-color: rgba(255,255,255,0); 
	color: #FFF;
	border-radius: 4px;
	cursor: pointer;
}

#see-more:hover{
	background-color: rgba(255,255,255,1); 
	color: #222;
}

#see-more-0{
	margin-top: 30px;
	padding: 15px 10px;
	border: solid 1px #333;
	background-color: rgba(51,51,51,0); 
	color: #333;
	border-radius: 4px;
	cursor: pointer;
}

#see-more-0:hover{
	background-color: rgba(51,51,51,1); 
	color: #fff;
}

#see-more-1{
	margin-top: 10px;
	padding: 15px 10px;
	border: 0;
	background-color: #1abc9c; 
	color: #fff;
	float: left;
	width: 18%;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1.2em;

	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
#see-more-1:hover{
	background-color: #34495e; 
	width: 40%;
}

#see-more-1b{
	margin-top: 25px;
	padding: 15px 10px;
	border: 0;
	background-color: #e67e22; 
	color: #fff;
	float: left;
	width: 18%;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1.2em;

	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
#see-more-1b:hover{
	background-color: #34495e; 
	width: 40%;
}

#see-more-2{
	margin-top: 1em;
	padding: 15px 10px;
	border: 0;
	background-color: #2980b9; 
	color: #fff;
	float: left;
	width: 43%;
	margin-right: 1%;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1.2em;

	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
#see-more-2:hover{
	background-color: #34495e; 
	width: 54%;
}
#see-more-3{
	margin-top: 1em;
	padding: 15px 10px;
	border: 0;
	background-color: #e74c3c; 
	color: #fff;
	float: left;
	width: 30%;
	margin-right: 2%;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1.2em;

	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
#see-more-3:hover{
	background-color: #34495e; 
	width: 65%;
}

#see-more-4{
	margin-top: 1em;
	padding: 15px 10px;
	border: 0;
	background-color: #f39c12; 
	color: #fff;
	float: right;
	width: 60%;
	margin-right: 20%;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1.2em;

	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
#see-more-4:hover{
	background-color: #34495e; 
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

#see-more-5{
	margin-top: 1em;
	padding: 15px 10px;
	border: 0;
	background-color: #e67e22; 
	color: #fff;
	float: right;
	width: 60%;
	margin-right: 20%;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1.2em;

	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
#see-more-5:hover{
	background-color: #34495e;
	width: 100%;
	margin-left: 0;
	margin-right: 0; 

}

#see-more-8{
	margin-top: 10px;
	padding: 15px 10px;
	text-align: left;
	border: 0;
	background-color: #f36e2b; 
	color: #fff;
	float: left;
	width: 18%;
	min-width: 240px;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1em;

	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
#see-more-8:hover{
	background-color: #34495e; 
	width: 19%;
	min-width: 260px;
}

#colum-only {
	float: left;
	width: 100%;
	margin-right: 2%;
	display: table;
	margin: 8% 0;
}
#colum-only p{
	text-align: center;
	line-height: 160%;
	font-weight: 100;
}

#colum-only h1{
	font-size: 2em;
	line-height: 160%;
	font-weight: 100;
	color: #c4c3c3;
	margin: 0;
}

#colum-only h2{
	font-size: 3.5em;
	line-height: 140%;
	font-weight: 100;
	color: #fff;
	margin: 0;
	text-align: left;
}

#colum-only h3{
	font-size: 2em;
	line-height: 140%;
	font-weight: 100;
	color: #fff;
	margin: 0;
	text-shadow: 2px 2px 8px rgba(0,0,0,.4)
}

#colum-left {
	float: left;
	width: 48%;
	margin-right: 2%;
	display: table;
	height: 50vh;
	min-height: 400px;
}

#colum-right p,
#colum-left p{
	text-align: left;
	line-height: 160%;
	margin: 0;
}

.colum {
	margin: 4% 0;
	float: left;
	background-size: cover;
	text-align: center;
	display: table;
	height: 50vh;
	min-height: 425px;
}

#colum-left-in{
	display: table-cell;
	vertical-align: middle;
	padding-left: 0;
	float: none;
}

#colum-right {
	float: left;
	width: 48%;
	margin-left: 2%;
	display: table;
	height: 50vh;
	min-height: 400px;
}

#colum-right-in{
	display: table-cell;
	vertical-align: middle;
	padding-left: 0;
}

#colum-left-pic-1 {
	background: url(../images/logic_reasoning.jpg) center;
	background-size: cover;
	margin: 0;
	width: 54%;
}

#colum-right-pic-2 {
	background: url(../images/brain_fitness_header.jpg) center;
	background-size: cover;
	margin: 0;
	width: 54%;
	float: right;
}

#colum-left-pic-3 {
	background: url(../images/camptc.jpg) center;
	background-size: cover;
	margin: 0;
	width: 54%;
}

#colum-right-text {
	margin-bottom: 0;
	width: 46%;
	margin: 0
}

.brain-fitness {
	display: table-cell;
	vertical-align: middle;
	float: none;
	padding: 5%;
}

.colum-1,
.colum-2,
.colum-4,
.colum-6{
	float: left;
	padding: 0 0 0 .2%;
	margin: 0 0.7% 0 0;
	border-left: solid 2px;
	text-align: left;
	font-size: .8em;
}

.colum-1{width: 7.5%;}
.colum-2{width: 15.9%;}
.colum-4{width: 31.8%;}
.colum-6{width: 49.5%;}


.border-purple {border-left: solid 2px #662d91;}
.border-blue {border-left: solid 2px #2572da;}
.border-pink {border-left: solid 2px #f06eaa;}
.border-orange {border-left: solid 2px #f26522;}
.border-green {border-left: solid 2px #39b54a;}


#img1{
	float: right;
	margin-top: 1%;
}

#img2{
	float: right;
	margin-top: 17%;
	margin-right: -9%;
	height: 80px;
}

#ball{
	width: 100%;
}

#part1{
	width: 30%;
	float: left;
}

#u1241-A, #u1241-C, #u1241-E {
	font-size: 170%;
	line-height: 110%;
	width: 70%;
	color: #FFF;
	text-align: center;
	margin-top: -170px;
	margin-bottom: 130px;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 1px 1px 5px #666;
}

#footer{
	z-index: 37;
	width: 100%;
	color: #ffffff;
	background-color: #444444;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

#box{
	width: 100%;
	max-width: 900px;
	margin-top: 30px;
	margin-bottom: 30px;
	color:#FFFFFF;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

#u1088-4{
	background-color: #444;
	color: #FFFFFF;
	margin-top: 6px;
	float: right;
	margin-right: 7%;
	margin-bottom: 3%;
	padding: 10px 25px 10px 25px;
	cursor: pointer;
}

#clients{
	width: 90%;
	text-align: center;
	margin: 0 5%;
}

#tabela{
	width: 90%;
	margin: 0 5%;
}
#tabela2{
	width: 90%;
	margin: 0 5%;
}



  #colum-only {
    float: none;
    margin: 0;
}


#events_box{
  float: left;
  width: 100%;
    background-color: transparent;
    box-shadow: none;
}
.workshops{
    margin-bottom: 50px;

}

#table_box{
  float: left;
  width: 100%;
  padding: 0;
    background-color: transparent;
    box-shadow: none;
    font-size: 1em;
    line-height: 120%;
}

#table_box_in{
  width: 100%;
}

#table_box_30{
  float: left;
  width: 30%;
  margin-right: 3%;
}
#table_box_70{
  float: left;
  width: 67%;
}

#table_box_in b{
  color: #2a6f7f
}

.line-divide{
  float: left;
  width: 100%;
  height: 1px;
  background-color: #888;
  opacity: .2;
  margin: .5em 0;
}

.table_news {
    padding: 0;
}

.works_news {
    padding: 0;
}
#cont_report{
  margin-top:30px;
  padding-top:40px;
}
#cont_article{
  margin-top:120px;
  min-height:1px;
}

#look_reg_4{
  width: 32.7%;
  float: left;
}

#look_reg_7{
  width: 57.9%;
  margin-left: 7.5%;
  float: left;
}

#container-head {
	position: fixed; 
	padding: 5px 0;
	margin:0;
	width: 100%;
	background-color: #FFF;
	box-shadow: 2px 2px 8px rgba(0,0,0,.1)
}


.fadeInRightBig_p,
.fadeInRightBig,
.fadeInRightBig_b_p,
.fadeInRightBig_b,
.fadeInRightBig_c_p,
.fadeInRightBig_c,
.fadeInRightBig_d_p,
.fadeInRightBig_d {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeInRightBig_c_p b{
	background-color: #95cfda;
	padding: 5px 8px;
	border-radius: 3px;
	color: #FFF;
	line-height: 2em;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}


.fadeInRightBig,
.fadeInRightBig_p,
.fadeInRightBig_b,
.fadeInRightBig_b_p,
.fadeInRightBig_c,
.fadeInRightBig_c_p
.fadeInRightBig_d,
.fadeInRightBig_d_p {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

.fadeInRightBig_p {
	-webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}
.fadeInRightBig_b {
	-webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-delay: 2s;
}
.fadeInRightBig_b_p {
	-webkit-animation-delay: 3s; /* Safari 4.0 - 8.0 */
    animation-delay: 3s;
}
.fadeInRightBig_c {
	-webkit-animation-delay: 4s; /* Safari 4.0 - 8.0 */
    animation-delay: 4s;
}
.fadeInRightBig_d {
	-webkit-animation-delay: 4s; /* Safari 4.0 - 8.0 */
    animation-delay: 4s;
}






.works_news{
    cursor: pointer;
    float: left;
    transition: all 200ms ease-out;
    margin-bottom: 40px; 
}

.works_news h1{
    float: left;
    width: 94%;
    padding: 4% 3%;
    font-size: 150%;
    color: #274986;
}
#workshop_head{
	float: left;
	margin: 0; 
}
#events_box {
    background-color: #f6f6f6;
    padding: 0;
    border-radius: 10%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    width: 100%;
    overflow: hidden;

   	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
#events_box:hover {
    border-radius: 0;
    opacity: .8;
}
#workshop_head{
	float: left;
	margin: 0; 
}

#reg_4{float: left;width: 32.7%;}



a { color:white; text-decoration: none } /* Globally */

/* Each state */

a:link { color: white; text-decoration: none}
a:visited { text-decoration: none; color:white; }
a:hover { text-decoration: none; color:blue; }
a:focus { text-decoration: none; color:white; }
a:hover, a:active { text-decoration: none; color:black }

::-webkit-scrollbar {
      width: 8px;
  	  height: 8px;

}

::-webkit-scrollbar-track {
      background-color: #edeeef;
}
 
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2); 
}
 
::-webkit-scrollbar-button {
      background-color: #faab18;
}
 
::-webkit-scrollbar-corner {
      background-color: black;
}


@media all and (max-width: 980px) and (min-width: 901px) {
#field1 {overflow: hidden;background-position-x: 140%;background-size: auto 95%;}
.left {width: 70%;}
.right {width: 40%;margin-right: -10%;}
.fbit {width: 20%;margin-top: 10px;}

#colum-only h2{font-size: 2.8em;}
#see-more-1 {width: 25%}
#see-more-1b {width: 25%}

#colum-left-pic-1, #colum-right-pic-2, #colum-left-pic-3 {width: 52%;}
#colum-right-text {width: 48%;}
#see-more-2 {font-size: 1.1em}
#see-more-4, #see-more-5 {width: 80%;margin-right: 10%;margin-left: 10%;}

}

@media all and (max-width: 900px) and (min-width: 801px) {
#field1 {overflow: hidden;background-position-x: 150%;background-size: auto 80%;}
.left {width: 70%;}
.right {width: 40%;margin-right: -10%;}
.fbit {width: 20%;margin-top: 10px;}

#colum-only h2{font-size: 2.8em;}
#see-more-1 {width: 25%}
#see-more-1b {width: 25%}

#colum-left-pic-1, #colum-right-pic-2, #colum-left-pic-3 {width: 48%;}
#colum-right-text {width: 52%;}
.brain-fitness {background-color: #efefef}
#see-more-2 {font-size: 1em}
#see-more-4, #see-more-5 {width: 88%;margin-right: 6%;margin-left: 6%;}
#see-more-3{width: 42%;margin-right: 2%;}
#see-more-3:hover{width: 53%;}
}

@media all and (max-width: 800px) and (min-width: 521px) {
#field1 {overflow: hidden;background-position-x: 150%;background-size: auto 75%;}
.left {width: 70%;}
.right {width: 40%;margin-right: -10%;}
.fbit {width: 20%;margin-top: 10px;}

#colum-only h2{font-size: 2.8em;}
.colum {min-height: 460px;}
#see-more-1 {width: 25%}
#see-more-1b {width: 25%}

#colum-left-pic-1, #colum-right-pic-2, #colum-left-pic-3 {width: 45%;}
#colum-right-text {width: 55%;}
.brain-fitness {background-color: #efefef}
#see-more-2 {font-size: .9em} 
#see-more-4, #see-more-5 {width: 90%;margin-right: 5%;margin-left: 5%;}
#see-more-3{width: 45%;margin-right: 2%;}
#see-more-3:hover{width: 50%;}
}

@media all and (max-width: 520px) and (min-width: 100px) {
#field1 {overflow: hidden;}
.left {width: 100%;}
.right {display: none;}
.fbit {width: 22%;margin-top: 20px;}
.banner {right: 2%;}
}
/*
@media all and (max-width: 880px) and (min-width: 200px) {
#text {width: 100%;}
#img1 {display: none;}
#img2 {display: none;}

p{line-height: 140%;color: #444;font-size: 100%;font-weight: normal;margin-top: 0px;}
h3{line-height: 130%;text-align: center;margin-top: 20px;font-size: 200%;}
h4{font-size: 200%;}
}
*/
@media all and (orientation: portrait) {
	#grid {
	-ms-grid-columns: 150px 25px 1fr;
	-ms-grid-rows: 100px 25px 1fr 25px 100px;
}

#field-index{
	min-height: calc(35vh - 90px);
}


.banner{
	top: 95px;
}
#orangebar{height: 0}

#logo{
	float: left;
	margin-left: 5%;
}

p{
    font-size: 1.4em;
    line-height: 1.6em;
}
#marquee{
	display: none;
}

#about, #training, #game, #service, #partner, #chinese {
	float: right;
	color: #F37721;
	width: 20%;
	padding-top: 17px;
	text-align: center;
	height: 33px;
	margin-top: -5px;
	font-size: 100%;
}

#content{
	width: 86%;
	height: 75%;
	margin-left: auto;
	margin-right: auto;
}

#box{
	width: 90%;
}
#part1{
	width: 28%;
	float: left;
}

#colum-left-in{
	text-align: center;
}

#see-more-1{
	width: 50%;
	margin-left: 25%;
}
#see-more-1:hover{
	width: 60%;
	margin-left: 20%;
}

#see-more-1b{
	width: 50%;
	margin-left: 25%;
}
#see-more-1b:hover{
	width: 60%;
	margin-left: 20%;
}

#see-more-2{
	width: 90%;
	margin-left: 5%;
}
#see-more-2:hover{
	width: 100%;
	margin-left: 0%;
}
#see-more-3{
	width: 90%;
	margin-left: 5%;
}
#see-more-3:hover{
	width: 100%;
	margin-left: 0%
}
#see-more-8{
	width: 50%;
}
#see-more-8:hover{
	width: 50%;
}

.slide {
	width: 90%;
	height: 50em;
    margin: 5%;
}

#slide-1A,
#slide-2A {
	display: none;
}

#slide-1B,
#slide-2B {
	display: block;
}

#field1{
	background-size: auto 35%;
    background-position-x: 100%;
}
#field6{
	height: 40vh;
}
#field6_gif{
	float: right;
	width: 100%;
	height: 100%;
	background: ;
	background-size: cover;
}

#colum-left-pic-1,
#colum-right-pic-2,
#colum-left-pic-3,
#colum-right-text {
	width: 100%;
}

#colum-right-pic-2{
	float: left;
}

#colum-only h2{
	text-align: center;
}

#colum-right-pic-2,
#colum-left-pic-3 {
    margin-top: 50px;
}



.colum {
    height: 300px;
    min-height: 300px;
}

#u1241-A, #u1241-C, #u1241-E {
	font-size: 170%;
	line-height: 110%;
}
}