body{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

header{
	height: 50px;
}

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;
	font-size: 1em;
	line-height: 1.2em;
}

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

#footer{
	z-index: 37;
	width: 100%;
	color: #ffffff;
	background-color: #444444;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	float: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}

#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;
}

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

#logo{
	float: left;
	margin-left: 10%;
	margin-top: 5px;
}
#logob{
	float: right;
	margin-right: 10%;
	margin-top: 5px;
}

#about, #training, #game, #service, #partner, #chinese {
	float: right;
	color: #F37721;
	width: 11%;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	padding-top: 17px;
	text-align: center;
	height: 38px;
	margin-top: -5px;
}

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

#content{
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#contenttitle{
	width: 100%;
	max-width: 960px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

#contenttitleb{
	width: 100%;
	max-width: 960px;
	height: 100px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

#contentinside{
	width: 100%;
	margin-top: 30px;
	float: left;
}

.textfield{
	width: 90%;
	margin-left: 5%;
	float: left;
	height: 50%;
	margin-top: 2%;
}

.textfield2{
	width: 90%;
	margin-left: 5%;
	float: left;
	height: 30%;
	margin-top: 0%;
}
.allcourses{
	width: 100%;
	height: 140px;
	background-color: #f1f1f1;
}
.allcourseswrap{
	width: 100%;
	max-width: 960px;
	padding-top: 1em;
	margin-left: auto;
	margin-right: auto;
}
.allcoursesa{
	float: left;
	width: 14%;
}
.allcoursesb{
	width: 1100px;
	height: 120px;
}
.courses{
	float: left;
	display: inline;
	margin-right: 15px;
}
ul{
	margin-top: 1em;
	margin-bottom: 0px;
	margin-left: 0px;
}
h1{
	line-height: 140%;
	color:#443D37;;
	font-size: 280%;
	margin-top: 1%;
	margin-bottom: 0%;
	text-align: center;
	font-family: sans-serif;
	font-weight: normal;
}

h2{
	line-height: 120%;
	color: #443D37;
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	font-family: sans-serif;
	-webkit-margin-before: 0%;
	-webkit-margin-after: 0%;
}

h3{
	line-height: 140%;
	color:#443D37;;
	font-weight: bold;
	font-size: 110%;
	font-family: sans-serif;
	margin-top: 0%;
	margin-bottom: 0%;
}

h4{
	line-height: 120%;
	color: #0b304b;
	font-weight: bold;
	font-size: 180%;
	text-align: left;
	font-family: sans-serif;
	margin-top: 3%;
	margin-bottom: 0%;
}
h5{
	line-height: 140%;
	color:#173d59;
	font-size: 250%;
	margin-top: 5%;
	margin-bottom: 2%;
	text-align: center;
	font-family: sans-serif;
	font-weight: normal;
}


b{
	line-height: 80%;
	color: #444;
	font-weight: bold;
	font-size: 90%;
	text-align: left; 
	font-family: Verdana, Tahoma, Geneva, sans-serif;
}

button{
	padding: 1% 5% 1% 5%;
	background-color: #f26e26;
	color: #FFF;
	font-family: sans-serif;
	font-size: 120%;
	border: 0px;
}
button:hover{
	background-color: #f2ba26;
	cursor: pointer;
}

.bx-wrapper{
	overflow:auto;
}

.new{
	width: 30%;
	float: left;
	margin-top: 10%;
}

.more{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 3%;
}
.tt{
	width: 100%;
	background-color: #f1f1f1;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-bottom: 1%;
	margin-top:1%;
}

.tt1{
	font-family: sans-serif;
	font-size: 180%;
	width: 100%;
	max-width: 960px;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: bold;
	color:#183D58;
}

.tt2{
	font-family: sans-serif;
	text-align: center;
	font-size: 130%;
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	color:#246B9F;
	margin-bottom: 1%;
}
.tt3{
	font-family: sans-serif;
	text-align: center;
	font-size: 110%;
	line-height: 160%;
	color:#443D37;
	width: 100%;
	max-width: 960px;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
}
.cont{
	width: 33%;
	float: left;
	margin-top: 5%;
	margin-bottom: 4%;
}
.conta{
	font-family: sans-serif;
	font-size: 180%;
	width: 100%;
	margin-top: 1%;
	text-align: center;
	font-weight: bold;
	color:#183D58;
}
.contb{
	font-family: sans-serif;
	text-align: center;
	font-size: 110%;
	line-height: 160%;
	color:#443D37;
	width: 100%;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
}

.tbl{
	width: 100%;
	float: left;
	line-height: 120%;
	color:#443D37;
	font-weight: normal;
	font-size: 100%;
	font-family: sans-serif;

}
.tbl1{
	width: 26%;
	float: left;
	line-height: 140%;
	padding: 3% 2% 2% 2%;
	text-align: left;
}
.tbl2{
	width: 66%;
	float: left;
	line-height: 150%;
	padding: 3% 2% 2% 2%;
	text-align: left;
}

.coursestab{
	width: 100%;
	background-color: #f1f1f1;
	height: 123px;
	padding-left:;
	padding-top: 5px;
}
.coursestabcont{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.coursestabicon{
	float: left;
	width: 10.5%;
	padding: 12px 0 6px 0;
	margin-right: ;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.coursestabicon:hover{
	background-color: #cccccc;
}
.coursestabicon2{
	float: left;
	width: 10.5%;
	padding: 12px 0 6px 0;
	background-color: #888;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.barr{
	width: 100%;
	height: 4px;
	margin-top: -4px;
	background-color: #888;
}

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


#field1{
	display: block;
	float: right;
	text-align: center;
	background-size: 100%;
	background-height: 475px; 
	background: url(../images/brain.jpg) center;
	width: 100%;
	height: 475px;
	margin-bottom: 0%;
}
#field1lead{
	display: block;
	float: right;
	text-align: center;
	background-size: 100%;
	background-height: 475px; 
	background: url(../images/lead.jpg) center;
	width: 100%;
	height: 475px;
	margin-bottom: 0%;
}
#field1communication{
	display: block;
	float: right;
	text-align: center;
	background-size: 100%;
	background-height: 475px; 
	background: url(../images/communication.jpg) center;
	width: 100%;
	height: 475px;
	margin-bottom: 0%;
}
#field1logic{
	display: block;
	float: right;
	text-align: center;
	background-size: 100%;
	background-height: 475px; 
	background: url(../images/logic.jpg) center;
	width: 100%;
	height: 475px;
	margin-bottom: 0%;
}
#field1sell{
	display: block;
	float: right;
	text-align: center;
	background-size: 100%;
	background-height: 475px; 
	background: url(../images/sell.jpg) center;
	width: 100%;
	height: 475px;
	margin-bottom: 0%;
}
#field1teambrain{
	display: block;
	float: right;
	text-align: center;
	background-size: 100%;
	background-height: 475px; 
	background: url(../images/teambrain.jpg) center;
	width: 100%;
	height: 475px;
	margin-bottom: 0%;
}
#field1strategy{
	display: block;
	float: right;
	text-align: center;
	background-size: 100%;
	background-height: 475px; 
	background: url(../images/strategy.jpg) center;
	width: 100%;
	height: 475px;
	margin-bottom: 0%;
}
#field1b{
	display: block;
	float: right;
	text-align: center;
	background-size: 100%;
	width: 100%;
	height: 150px;
	margin-bottom: 0%;
}
.content2{
	width: 100%;
	max-width: 960px;
	background-color: #f1f1f1;
	margin-left: auto;
	margin-right: auto; 
}

#table{
	width: 100%;
	background-color: #f1f1f1;
	float: left;
}
#table1a{
	width: 98%;
	float: left;
	text-align: left;
	padding-top: 3%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
}
#table1b{
	width: 100%;
	max-width: 960px;
	background-color: #FAFBFB;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 0%;
	padding-top: 3%;
	padding-bottom: 0%;
}
#table2a{
	width: 20%;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
}
#table2b{
	width: 60%;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
}
#table3a{
	width: 20%;
	float: left;
	padding-top: 3%;
	padding-bottom: 1%;
}
#table3b{
	width: 60%;
	float: left;
	padding-top: 3%;
	padding-bottom: 1%;
	text-align: left;
}
#table4a{
	width: 20%;
	float: left;
	padding-top: 3%;
	padding-bottom: 1%;
}
#table4b{
	width: 60%;
	float: left;
	padding-top: 5%;
	padding-bottom: 1%;
}

.line{
	width: 100%;
	height: 1px;
	text-align: center;
	background-color: #443D37;
	float: left;
	margin-top: 5%;
	opacity: 0.1;
}

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;
}

/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
.tab-links{
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;

}
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:10px 5px;
        width: 32.2%;
        text-align: center;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 0px;
            width: 100%;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#246B9F;
            font-size:16px;
            font-weight:600;
            color:#ffffff;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:#a7cce5;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#F26E26;
        color:#ffffff;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }




@media all and (orientation: portrait) {
	#grid {
	-ms-grid-columns: 150px 25px 1fr;
	-ms-grid-rows: 100px 25px 1fr 25px 100px;
}

p{
    font-size: 1.4em;
    line-height: 1.6em;
}

#marquee{display: none;}

header {height: 80px;}
#orangebar{height: 0}

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

#about, #training, #game, #csi, #service, #partner, #chinese {
	float: right;
	color: #F37721;
	width: 14%;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	padding-top: 17px;
	text-align: center;
	height: 33px;
	margin-top: -5px;
	font-size: 100%;
}

#content{
	width: 94%;
	margin-left: 3%;
}

#box{
	width: 90%;
}

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


h2{
	line-height: 110%;
	color: #FFFFFF;
	font-size: 140%;

}

h3{
	line-height: 130%;
	text-align: center;
	margin-top: 20px;
	font-size: 120%;
}

#field1{
	height: 300px;
}

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

#field1{
	background: url(../images/brain_m.jpg) center;
}
#field1lead{
	background: url(../images/lead_m.jpg) center;
}
#field1communication{
	background: url(../images/communication_m.jpg) center;
}
#field1logic{
	background: url(../images/logic_m.jpg) center;
}
#field1sell{
	background: url(../images/sell_m.jpg) center;
}
#field1teambrain{
	background: url(../images/teambrain_m.jpg) center;
}
#field1strategy{
	background: url(../images/strategy_m.jpg) center;
}