body {
  background:white;
  font-size: 100%;
  line-height: 1.125em;
  font-family: Arial, Helvetica, sans-serif;
  margin:4px;
}
div#header {
  width: 61.25em;
  height: 51px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
div#champion_logo {
  float: left;
}
div#champion_logo img {
  border: 0em none;
  width: 224px;
  height: 51px;
}
div#champion_tell {
  float: right;
}
div#champion_tell img {
  border: 0em none;
  width: 230px;
  height: 51px;
}
div#champion_handbook {
  width: 1em;
  height: 2em;
  position: absolute;
  right: 2.6em;
  top: 1.75em;
  z-index: 6;
}
div#champion_cellphone  {
  width: 1.61em;
  height: 1.6em;
  position: absolute;
  right: 2.65em;
  top: 3.8em;
  z-index: 6;
}
span#span-forum-login {
  display: block;
  width: 4.8125em;
  height: 4.125em;
  margin-left:auto;
  margin-right:auto;
}


div#header_right {
  position: absolute;
  bottom: 0;
  right: 0.5em;
  height: 4.3125em;
}
div#club_row {
  float:right;
  color: #AAAAAA;
  right: 0.5em;
  top: 0.3em;
  font-family: simsun, serif;
  font-size: 0.9em;
  position: absolute;
  z-index: 1;
}

div#search_container {
  float: right;
  clear: left;
  width: 14em;
  height: 4.3125em;
  bottom: 0;
  position: relative;
}

form#main_search_form {
  display: none;
}

div#search_search {
  position:absolute;
  left: 0;
  bottom: 0;
}

div#search_input {
  position: absolute;
  width: 9.53125em;
  height: 1.71875em;
  bottom:0;
  right: 0;
  z-index: 1;
}
div#search_bg {
  position: absolute;
  bottom:0;
  right: 0;
  width: 9.53125em;
  height: 1.71875em;
  z-index:0;
}
img.bg {
  border: 0 none;
  margin:0;
  padding:0;
  width: 100%;
  height: 100%;
}

div#club_row a, input#id_main_search_submit {
  margin-bottom: 0.1em;
  text-decoration: none;
  font-size: 0.9em;
  color: #AAAAAA;
  border: 1px solid white;
  background: none;
  cursor: pointer;
}

input#id_main_search_submit {
  display: block;
}

div#club_row a:hover,
input#id_main_search_submit:hover,
input#id_main_search_submit:focus {
  color: black;

}
input#id_main_search_input {
  font-size: 1em;
  margin:0.3em 0.7em 0.16875em 0.7em;
  vertical-align: middle;
  border: 0 none;
  padding:0;
  width: 8.13125em;
  height: 1.25em;
  z-index: 1;
  
}
div#navigation {
  font-size: 1em;
  width: 61.25em;
  margin-top: 0.1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index:4;
}
div#navigation_bg {
  width: 61.25em;
  height: 2.4375em;
  z-index: 0;
}
div#navigation-bar {
  position: absolute;
  top:0;
  left:0;
}
ul#topnav {
  margin: 0;
  padding: 0;
  width: 61.25em;
  height: 2.4375em;
}


ul#topnav li, ul#topnav li div.li_con,ul#topnav li div.li_con div.li_bg,ul#topnav li div.li_con div.li_fg {
  width: 8.75em;
  height: 2.4375em;
  margin: 0;
  padding: 0;
}
ul#topnav li div.li_con {
  display: list-item;
  list-style-image: none;
  list-style-type: none;
  marker-offset: none;
  position: relative;
  z-index: 8;
}

ul#topnav li div.li_con div.li_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  /*visibility: hidden;*/
  display: none;
}
ul#topnav li:hover div.li_con div.li_bg,
ul#topnav li:active div.li_con div.li_bg {
  /*visibility: visible;*/
  display: block;
  position:relative;
  left:-7px;
}

ul#topnav li div.li_con div.li_fg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

ul#topnav li, ul#topnav li li, ul#topnav li ul, ul#topnav li li ul {
  display: block;
  float: left;
  text-align: left;
  margin: 0;
  padding: 0;
}
ul#topnav li {
  cursor: pointer;
}

ul#topnav li ul, ul#topnav li ul li {
  cursor: default;
}

a.picframe {
  border:0 none;
  text-decoration: none;
}

a.topnav_a, a.subnav_a, a.subsubnav_a_l , a.subsubnav_a_c, a.subsubnav_a_r {
  line-height: 2em;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
a.subsubnav_a_l {
  text-align: left;
  margin-left: 4em;
}
a.subsubnav_a_c {
  text-align: center;
}
a.subsubnav_a_r {
  text-align: right;
}

a.topnav_a span {
  background-image: url(site-media/images/navigation-background.png);
  background-repeat: repeat;
  padding:0;
  margin:0;
  display: block;
  text-align: center;
}

a.topnav_a span.tiny {
  background: none;
  padding:0;
  margin:0;
  display: inline;
  font-size: 0.6em;
  height: 1.2em;
  line-height: 1.2em;
}

a.topnav_a {
  color: white;
  font-size: 0.875em;
  line-height: 2.786em;
  height: 2.786em;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

ul#topnav li:hover a.topnav_a {
  color: white;
}
a.subnav_a {
  color: white;
  text-align: center;
  line-height: 1.7143em;
  height: 1.7143em;
  font-size: 0.875em;
}
a.subsubnav_a_l, a.subsubnav_a_c, a.subsubnav_a_r {
  color: #18324a;
  font-size: 0.75em;
}

a.subnav_a:hover {
  color: black;
}
a.subsubnav_a_l:hover, a.subsubnav_a_c:hover, a.subsubnav_a_r:hover, div.feedback_frame:hover span.feedback_cap, div.more a:hover {
  color: red;
}

div#dropdown-steppin {
  display:block;
  position: absolute;
  top: 2.4375em;
  width: 30em;
  height: 11.3em;
  /*visibility: hidden;*/
  display: none;
  z-index: 9;
}
div#dropdown-steppin-bg {
  width: 30em;
  height: 11.3em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

div#dropdown-feedback {
  display:block;
  top: 2.4375em;
  left: 5em;
  position: absolute;
  width: 51.25em;
  height: 32.4375em;
  /*visibility: hidden;*/
  display: none;
  z-index: 9;
}
div#dropdown-feedback-bg {
  width: 51.25em;
  height: 32.4375em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

div#dropdown-training {
  display:block;
  top: 2.4375em;
  left: 0;
  position: absolute;
  width: 61.25em;
  height: 9.625em;
  /*visibility: hidden;*/
  display: none;
  z-index: 9;
}
div#dropdown-training-bg {
  width: 61.25em;
  height: 9.625em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

div#dropdown-news {
  display:block;
  top: 2.4375em;
  left: 4em;
  position: absolute;
  width: 52.5em;
  height: 8.675em;
  /*visibility: hidden;*/
  display: none;
  z-index: 9;
}
div#dropdown-news-bg {
  width: 52.5em;
  height: 8.675em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

div#dropdown-club {
  display:block;
  top: 2.4375em;
  right: 0em;
  position: absolute;
  width: 43.125em;
  height: 13.075em;
  /*visibility: hidden;*/
  display: none;
  z-index: 9;
}
div#dropdown-club-bg {
  width: 43.125em;
  height: 13.075em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

div#dropdown-recruit {
  display:block;
  top: 2.4375em;
  position: absolute;
  right: 8em;
  width: 9.75em;
  height: 5.5em;
  /*visibility: hidden;*/
  display: none;
  z-index: 9;
}
div#dropdown-recruit-bg {
  width: 9.75em;
  height: 5.5em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
div#dropdown-steppin-fg,
div#dropdown-feedback-fg,
div#dropdown-training-fg,
div#dropdown-news-fg,
div#dropdown-club-fg,
div#dropdown-recruit-fg {
  position: relative;
  left: 0;
  top: 0;
  z-index: 5;
}
div#icon {
  width: 1.5em;
  height: 1.4em;
  position: absolute;
  left: 1.2em;
  top: 2em;
  z-index: 6;
}
div#yin {
  width: 4em;
  height: 4em;
  position: absolute;
  left: 13em;
  top: 3.7em;
  z-index: 6;
}
ul#subnav_feedback li,
ul#subnav_training li,
ul#subnav_news li,
ul#subnav_club li {
  width: auto !important;
}

div.subnav-steppin-con,
div.subnav-feedback-con-w,
div.subnav-feedback-con-n,
div.subnav-training-con-w,
div.subnav-training-con-m,
div.subnav-training-con-n,
div.subnav-news-con,
div.subnav-club-con-n,
div.subnav-club-con-w {
  width: 10em;
  height: 1.6875em;
  position: relative;
}

div.subnav-steppin-bg,
div.subnav-feedback-bg-w,
div.subnav-feedback-bg-n,
div.subnav-training-bg-w,
div.subnav-training-bg-m,
div.subnav-training-bg-n,
div.subnav-news-bg,
div.subnav-club-bg-n,
div.subnav-club-bg-w {
  width: 10em;
  height: 1.6875em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6
}
div.subnav-steppin-fg,
div.subnav-feedback-fg-w,
div.subnav-feedback-fg-n,
div.subnav-training-fg-w,
div.subnav-training-fg-m,
div.subnav-training-fg-n,
div.subnav-news-fg,
div.subnav-club-fg-n,
div.subnav-club-fg-w {
  width: 10em;
  height: 1.5em;
  position: absolute;
  left: 0;
  top: 0.1875em;
  z-index: 7
}

div.subnav-feedback-con-w,
div.subnav-feedback-bg-w,
div.subnav-feedback-fg-w {
  width: 16.625em;
}

div.subnav-feedback-con-n,
div.subnav-feedback-bg-n,
div.subnav-feedback-fg-n {
  width: 9em;
  padding:0;
  margin:0;
}

div.subnav-training-con-w,
div.subnav-training-bg-w,
div.subnav-training-fg-w {
  width: 30.75em;
}

div.subnav-training-con-m,
div.subnav-training-bg-m,
div.subnav-training-fg-m {
  width: 21.0625em;
}

div.subnav-training-con-n,
div.subnav-training-bg-n,
div.subnav-training-fg-n {
  width: 9.4375em;
}

div.subnav-news-con,
div.subnav-news-bg,
div.subnav-news-fg {
  width: 17.5em;
}

div.subnav-club-con-n,
div.subnav-club-bg-n,
div.subnav-club-fg-n {
  width: 9.375em;
}
div.subnav-club-con-w,
div.subnav-club-bg-w,
div.subnav-club-fg-w {
  width: 24.375em;
}

div#subnav-recruit {
  width:9.75em;
  height: 0.9375em;
  position: absolute;
  left: 0;
  top: 0;
}

div#feedback_vline_0,
div#feedback_vline_1,
div#feedback_vline_2 {
  width: 0.0625em;
  height: 32.4375em;
  position: absolute;
  top: 0;
  z-index: 7;
}
div#feedback_vline_0 {
  left: 16.625em;
}
div#feedback_vline_1 {
  left: 25.625em;
}
div#feedback_vline_2 {
  left: 34.625em;
}

div#training_vline_0,
div#training_vline_1 {
  width: 0.0625em;
  height: 10.125em;
  position: absolute;
  top: 0;
  z-index: 7;
}
div#training_vline_0 {
  left: 21.0625em;
}
div#training_vline_1 {
  left: 51.8125em;
}

div#news_vline_0,
div#news_vline_1 {
  width: 0.0625em;
  height: 7.375em;
  position: absolute;
  top: 0;
  z-index: 7;
}
div#news_vline_0 {
  left: 17.5em;
}
div#news_vline_1 {
  left: 35em;
}

div#club_vline_0,
div#club_vline_1 {
  width: 0.0625em;
  height: 14.375em;
  position: absolute;
  top: 0;
  z-index: 7;
}
div#club_vline_0 {
  left: 9.375em;
}
div#club_vline_1 {
  left: 33.75em;
}
ul#topnav li:hover div#dropdown-steppin,
ul#topnav li:hover div#dropdown-feedback,
ul#topnav li:hover div#dropdown-training,
ul#topnav li:hover div#dropdown-news,
ul#topnav li:hover div#dropdown-club,
ul#topnav li:hover div#dropdown-recruit {
  /*visibility: visible;*/
  display: block;
}

ul.subnav {
  display: block;
  position: absolute;
  z-index:1;
  border: 0;
  padding: 0;
}
ul#subnav_steppin {
  width: 30em;
  height: 12.3em;
  margin: 0;
  padding: 0;
}
ul#subnav_feedback {
  width: 57.875em;
  height: 32.9375em;
  margin: 0;
  padding: 0;
}
ul#subnav_training {
  width: 61.25em;
  height: 10.625em;
  margin: 0;
  padding: 0;
}
ul#subnav_news {
  width: 52.5em;
  height: 8.875em;
  margin: 0;
  padding: 0;
}
ul#subnav_club {
  width: 43.125em;
  height: 13.075em;
  margin: 0;
  padding: 0;
}
ul.images {
  padding: 0;
}
ul#subsubnav_image_l,
ul#subsubnav_image_ml,
ul#subsubnav_image_mr,
ul#subsubnav_image_r {
  width: 7.625em;
  height: 30.75em;
  margin: 0 0.6875em !important;
  position: relative;
}
ul#subsubnav_image_l,
ul#subsubnav_image_r {
  width: 15.25em;
}
ul#subsubnav_training_w,
ul#subsubnav_training_m,
ul#subsubnav_training_n {
  width: 30.75em;
  height: 7.4375em;
  margin: 0.5em 0 0 0;
  padding: 0;
  cursor: default;
  position: relative;
}

ul#subsubnav_training_m {
  width: 21.0625em;
}
ul#subsubnav_training_n {
  width: 9.4375em;
}
ul#subsubnav_training_n a.subsubnav_a_l {
  margin-left: 3em;
  margin-bottom: 0.5em;
  width: 9.375em;
}
ul.subsubnav_news {
  width: 17.5em;
  height: 6.9875em;
  margin: 0.5em 0 0 0;
  padding: 0;
  cursor: default;
  position: relative;
}
ul.subsubnav_news a.subsubnav_a_l {
  margin-left: 3em;
  width: 18.2em;
}
ul.subsubnav_club_n {
  width: 9.375em;
  height: 10.2em;
  margin: 0.5em 0 0 0;
  padding: 0;
  cursor: default;
  position: relative;
}
ul.subsubnav_club_n a.subsubnav_a_l,
ul.subsubnav_club_n a.subsubnav_a_c {
  width: 12.5em;
}
ul.subsubnav_club_n a.subsubnav_a_l {
  margin-left: 3em;
}
ul#subsubnav_club_w {
  width: 24.375em;
  height: 11.2em;
  margin: 0.5em 0 0 0;
  padding: 0;
  cursor: default;
  position: relative;
}
ul#subsubnav_club_w a.subsubnav_a_l {
  margin-left: 2.5em;
  width: 9em;
}
ul#subsubnav_club_w a.subsubnav_a_c {
  width: 8em;
}

ul#subnav_recruit {
  padding:0;
  margin: 0.3em 0 0 0 !important;
}
ul#subnav_recruit a.subsubnav_a_l {
  margin-left: 3.2em;
}


div.more {
  position: absolute;
  width: 2.5em;
  right: 1.375em;
  bottom: 1em;
}
div.more a {
  font-size: 0.75em;
  text-decoration: none;
  color: #18324a;
}

div.feedback_frame {
  width: 6.25em;
  height: 9.25em;
  margin: 0 0.6875em;
  position: relative;
}

img.feedback_pic {
  border: 0 none;
  width: 6.25em;
  height: 6.875em;
  margin: 0.625em 0 0 0;
}
span.feedback_cap {
  display: block;
  font-size: 0.625em;
  line-height: 1.5em;
  text-decoration: none;
  text-align: center;
  width: 10em;
  height: 3em;
  color: #18324a;
  margin: 0;
}

ul.subnav li {
  display: block;
  padding: 0;
  width: 10em !important;
  height: auto !important;
  float: left;
}

ul.subsubnav {
  padding: 0;
  margin: 0.5em 0 0 0;
  height: 10.1em;
}
ul#subsubnav_training_m li,
ul#subsubnav_training_w li,
ul#subsubnav_club_w li,
ul#subsubnav_club_n li {
  font-weight: bold;
}
ul#subsubnav_training_m ul.subsubsubnav,
ul#subsubnav_training_m ul.subsubsubnav li
{
  font-weight: normal;
  width: 7em !important;
  padding: 0;
  margin: 0;
}
ul#subsubnav_training_w ul.subsubsubnav,
ul#subsubnav_training_w ul.subsubsubnav li
{
  font-weight: normal;
  width: 9em !important;
  padding: 0;
}
ul#subsubnav_club_w ul,
ul#subsubnav_club_w ul li
{
  font-weight: normal;
  width: 8.125em !important;
  height: 9.9em;
  padding: 0;
}
ul#subsubnav_club_w ul {
  position: relative;
}



ul.subsubnav li {
  text-align: left !important;
  padding: 0;
}


div#main_nvi {
  width: 61.25em;
  /*margin: -0.1875em auto 0.75em auto;*/
  margin: 0em auto 0em auto;
  position: relative;
}

div#main_animation {
  font-size: 1em;
  width: 61.25em;
  height: 227px;
  /*margin: -0.1875em auto 0.75em auto;*/
  margin: 0 auto 0.75em auto;
  position: relative;
}

div#main_content {
  font-size: 1em;
  width: 65.25em;
  /*margin: -0.1875em auto 0.75em auto;*/
  margin: 0 0 0.75em 0;
  position: relative;
  
}

div#main_content .navigator,
div#main_nvi .navigator{
  border:0px solid #666666;
  padding:6px 15px;
  font-size:12px;
  color:#333333;
  background:url(../images/nvi_bg.png) repeat-x;  
}

div#main_content .box{
  font-size:12px;
  margin-top:11px;
  color:#333333;
}

div#main_content .box_1 div{
  text-align:center;
  font-size:19px;
  font-weight:bold;
}

#main_content .box .box_1{
  background:#e1e1e1;
  line-height:45px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  height:auto;
  width:980px;
}

div#main_content .box .box_2{
  font-size:13px;
  line-height:20px;
  margin-top:0px;
  padding-left:6px;
  padding-right:6px;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  width:968px;
}

div#main_content .box .box_3{
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  width:980px;
}



div#main_animation img {
  position: absolute;
  left:0;
  top:0;
  z-index: -1;
}
div#main_animation embed {
  position: absolute;
  left:0;
  top:0;
  z-index: 1;
}

div#main_content {
  width: 61.25em;
  height: auto;
  /*margin: -0.1875em auto 0.75em auto;*/
  margin: 0 auto 0.75em auto;
  position: relative;
}

div#middle {
  width: 61.25em;
  height: 13.125em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.625em;
}
div#middle div.middle_con {
  width: 12.25em;
  height: 13.125em;
  padding: 0;
  margin: 0;
  float: left;
  position: relative;
}
div#middle div.middle_head {
  width: 12.1399em;
  height: 2em;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index:3;
}
div#middle div.middle_bg {
  width: 12.25em;
  height: 11.125em;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index:1;
}
div#middle div.middle_mg {
  width: 12.25em;
  height: 11.125em;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index:2;
}
div#middle div.middle_fg {
  width: 11.25em;
  height: 11.125em;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 1em;
  top: 2em;
  z-index:3;
}
div#middle div.video {
  width: 9.375em;
  height: 5.5em;
  position: absolute;
  bottom: 56px;
  left: 442px;
  z-index: 3;
}

div#middle ul {
  margin:0.2em 0;
}
div#middle ul li {
  display: block;
}
a.middle_a {
  font-size: 0.875em;
  font-weight: bold;
  display: block;
  position: absolute;
  text-align: right;
  width: 12.857em;
  right: 1.143em;
  line-height: 2.286em;
  top: 0;
  color: white;
  text-decoration: none;
}


div#footer {
  font-size: 1em;
  width: 75.617em;
  height: 6.5em;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-size: 0.81em;
  color: gray;
  text-decoration: none;
}
a.footer {
  color: gray;
  text-decoration: none;
}
a.footer:hover {
  color: black;
}

.navigator a {
  color: gray;
  text-decoration: none;
}
.navigator a:hover {
  color: black;
}

.navigator span{
  color: gray;
}
.headerblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 35px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000099;
}
.header2 {
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}
.header3 {
	font-size: 13px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	text-transform: capitalize;
	color: #333333;
}
a.frame,
a.frame img {
	border: 0 none;
}