@charset "big5";
@import url("/css/fancybox/jquery.fancybox.css");
@import url("/css/_footer.css");
/* ==========================================================================
   Common
   ========================================================================== */


body {
  font-family:"微軟正黑體", Arial,sans-serif;
  line-height: 1.6em;
  font-size: 15px;

  margin: 0;
  padding: 0;
  background: #fff;
}

ul,ul li {
  list-style-type: none;
  margin: 0;padding: 0;
  line-height: 1.6em;
}
ul.ulist {
  margin-left: 2em;
}
ul.ulist li {
  list-style-type: circle;

}
ol li {line-height: 1.6em; list-style-type:decimal;}
.content ol {padding-left: 30px;line-height: 1.6em;}
.content p {padding-left: 10px;line-height: 1.6em;}
#googleCode {position: absolute;}
button {
  cursor: pointer;
}


.color_1 {
  color: #ff7e00;
}
.color_2 {
  color: #7a2aff;
}
.color_3 {
  color: #62fff9;
}
/* ==========================================================================
   Layout
   ========================================================================== */

.wrapper {
  background: url('../images/bg.jpg') center top no-repeat;
}

.header .container {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  height: 345px;
}

.logo {
  position: absolute;
  width: 220px;
  height: 150px;
  left: 0;
  top: 0;
}
/* ==========================================================================
   btn
============================================================================= */
.btn {
  color: #fff;
  border: 1px solid #fff;
  background: #ff005a url('../images/btn_bg.gif') top repeat-x;
  height: 38px;
  text-align: center;
  font-size: 16px;
   font-family:"微軟正黑體", Arial,sans-serif;
}
.btn:hover {
  /*color: #fffc00;*/
}
a.btn {line-height: 38px;width: 100px;display: block;text-decoration: none;}
.btnRule {
  position: absolute;
  left: 608px;
  top: 197px;
  width: 100px;
}
.btnRule:hover {
  background-position: 0 -50px;
}
.list .btn {
  position: absolute;
  height: auto;
  height: 30px;
  line-height: 30px;
  padding: 10px 0;
}
.list .btn.buyNow {
  left: 50%;
  margin-left: 60px;
  top: 12px;
  width: 140px;
}
.list .btn.buyNow:hover {
  background-position: 0 -50px;
}
.list .btn.atm {
  width: 225px;
  left: 50%;
  margin-left: 210px;
  top: 12px;
  border: 1px solid #fff;
  background: #1a5f00 url('../images/btn_bg2.gif') top repeat-x;
  text-align: center;
  font-family:"微軟正黑體", Arial,sans-serif;
  line-height: 1;
}
.list .btn.atm:hover {
  background-position: 0 -50px;
}
.list .btn.atm .color_3 {
  color: #62fff9;
}
.list .btn.atm .add {
  display: block;
  margin-top: 3px;
  color: #ffe400;
  font-size: 12px;
}
.list .btn.atm:hover .add {
  
}

/* ==========================================================================
   menu
============================================================================= */
.positionR {
  position: relative;
  width: 1000px;
  margin: 0 auto 20px;
}
.menu {
  width: 881px;
  margin: 0 auto;

}
.menu:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
* html .menu,*:first-child+html .menu { zoom: 1; }