/* 
    Document   : main_style
    Created on : 2013Äê1ÔÂ16ÈÕ, ÏÂÎç04:02:00
    Author     : snoopy
    Description:
        Purpose of the stylesheet follows.
*/

html, body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  height: 100%;
}

html {
  overflow: auto;
}

body {
  background-color: #BEFFFF;
  background-image: url('/so/EyeHealth/chi/images/bg2.png');
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

a img {
  border: 0;
}

.body_width {
  width: 1080px; /* width: 978px; */
  margin: 0 auto;
}

.btn {
  background-position: left top;
  background-repeat: no-repeat;
}

.btn:hover, .btn_hover {
  background-position: left bottom !important;
}

.clear {
  clear:both;
}

/* top */
#div_top {
  background-image: url('/so/EyeHealth/chi/images/bar_ch.png');
  background-position: center top;
  background-repeat: no-repeat;
  height: 100px;
}

#div_lang {
  position: relative;
  line-height: 30px;
  text-align: right;
  padding-top: 5px;
}

#div_lang a {
  display: inline-block;
  height: 30px;
  margin-right: 1em;
}

a#lang_chi {
  width: 30px;
  background-image: url('/so/EyeHealth/chi/images/lang1.png');
}

a#lang_gb {
  width: 30px;
  background-image: url('/so/EyeHealth/chi/images/lang2.png');
}
a#lang_eng {
  width: 45px;
  background-image: url('/so/EyeHealth/chi/images/lang3.png');
}
#div_goback {
  position: relative;
  z-index: 15;
}
a#go_index {
  position: absolute;
  z-index: 15;
  top: 0px;
  left: 0px;
  width: 250px;
  height: 100px;
  line-height: 100px;
  margin-top: -100px;
}
/* end top */
/* menu */
#div_menu {
  margin: -55px auto 0px auto;
  position: relative;
  z-index: 10;
  height: 120px;
}
#div_menu .menu_btn_1 {
  display: block;
  position: absolute;
  height: 50px;
  z-index: 20;
  cursor: pointer;
}

#div_menu .menu_btn_1:hover  .menu_btn_2, #div_menu .btn_hover .menu_btn_2 {
  display: block;
}

.menu_btn_2 {
  display: none;
  margin: 40px 0px 0px 34px;
  padding: 10px 0px;
  border-radius: 10px;
  background-color: #FFFFD6;
}

.menu_btn_2 a {
  display: block;
  line-height: 0px;
  font-size: 0px;
  text-align: center;
  padding: 1px;
  border-width: 1px 0px;
  border-color: #FFF;
  border-style: dashed;
  background-color: #FFFFD6;
}

.menu_btn_2 a:hover {
  background-color: #66CEF5;
}

.menu_btn_2 a img {
  width: 100%;
}

#mb1 {
  background-image: url('/so/EyeHealth/chi/images/menu_ch_btn1.png');
  width: 152px;
  top: 60px;
  left: 200px;
}

#mb2 {
  background-image: url('/so/EyeHealth/chi/images/menu_ch_btn2.png');
  width: 175px;
  top: 0px;
  left: 260px;
}

#mb3 {
  background-image: url('/so/EyeHealth/chi/images/menu_ch_btn3.png');
  width: 177px;
  top: 60px;
  left: 422px;
}

#mb4 {
  background-image: url('/so/EyeHealth/chi/images/menu_ch_btn4.png');
  width: 195px;
  top: 0px;
  left: 495px;
}

#mb5 {
  background-image: url('/so/EyeHealth/chi/images/menu_ch_btn5.png');
  width: 136px;
  top: 60px;
  left: 669px;
}

#mb6 {
  background-image: url('/so/EyeHealth/chi/images/menu_ch_btn6.png');
  width: 158px;
  top: 0px;
  left: 750px;
}

#mb7 {
  background-image: url('/so/EyeHealth/chi/images/menu_ch_btn7.png');
  width: 78px;
  top: 60px;
  left: 897px;
}
/* end menu */
/* body */
#div_body {
  margin-top: -65px;
  /*padding-bottom: 75px !important;*/
  position: relative;
}

#div_body #div_left {
  display: inline-block;
  float: left;
  width: 200px;
  z-index: 10;
}

#div_body #div_right {
  margin-left: 200px;
}

#div_content {
  min-height: 700px;
  height: 700px;
  height: auto !important;
}

#div_content {
  margin-top: -25px;
  padding: 25px 15px;
}

#img_logo {
  display: block;
  width: 200px;
  height: 230px;
  margin-bottom: 10px;
}
#div_title {
  position: relative;
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 50px;
  padding-top: 60px;
}

#div_left a {
  display: block;
  background-image: url('/so/EyeHealth/chi/images/btn_cloud.png');
  width: 155px;
  height: 85px;
  text-align: center;
  line-height: 85px;
}

#div_left a i {
  height: 100%;
  display: inline-block;
}

#div_left a * {
  vertical-align: middle;
}

#div_left a.right_btn {
  margin-left: 40px;
}
/* end body */
/* content */
.c_block {
  margin: 1.5em 0;
  padding: 1em 0;
  border: 2px #FFF dashed;
  text-align: center;
  line-height: 0px;
  
  position: relative;
}
.btn_mouse {
  background-image: url('/so/EyeHealth/chi/images/btn_mouse.png');
  width: 50px;
  height: 50px;
  position: absolute;
  cursor: pointer;
}
/* end content */
/* footer */
#div_footer {
  /*
  position: fixed;
  bottom: 0px;
  left: 0px;
  */
  width: 100%;

  background-color: #FFF867;
  padding: 10px 0px;
}

#footer_inner {
  text-align: center;
}

#footer_inner a {
  display: inline-block;
  margin: 0 12.5px;
}

#footer_inner img {
  height: 55px;
  vertical-align: middle;
}