@charset "big5";
/* ==========================================================================
   Common
   ========================================================================== */
.color_1 {
  color: #ff0051;
}
ol li {
  list-style-type: decimal;
}
.notice ol {
  margin:1em 2em;
}
body {
  text-align: center;
  color: #565656;
  font-family:"·L³n¥¿¶ÂÅé", Arial,sans-serif;
}
.content p {margin: 1em 0px;}
.container {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

.logo {
  position: absolute;
  width: 200px;
  height: 125px;
  white-space: nowrap;text-indent: 100%;overflow: hidden;
 /* border: 1px solid #000;*/
  left: 0px;
  top: 20px;

}

.logo a {
  display: block;
  position: relative;
  width: 100%;height: 100%;
}


.header {
  position: relative;
  height: 840px;
}

a.btn {
  text-decoration: none;
}

.footer {
  position: relative;
}
#googleCode {position: absolute;}
/* ==========================================================================
   BUG
   ========================================================================== */
#bug .wrapper {
  background:  url('../img/bug/bg_bug.jpg') top center no-repeat;
}
#bug .header {
  height: 200px;
}
.header .btn {
  position: absolute;
  background: url('../img/bug/btn.jpg') 0 0 no-repeat;
  width: 155px;height: 91px;
  white-space: nowrap;text-indent: 100%;overflow: hidden;display: block;
}

#bug .header .download {left: 665px;top: 165px;}
#bug .header .download:hover {background-position: 0 -91px;}

#bug .header .register {background-position: -155px 0px;left: 837px;top: 165px;}
#bug .header .register:hover {background-position: -155px -91px;}

.title.bug {
  background: url('../img/bug/title.jpg') 0 0 no-repeat;
  height: 117px;
  white-space: nowrap;text-indent: 100%;overflow: hidden;
  margin-bottom: 1em;
}
.sub {
  background: url('../img/bug/subtitle.gif') 0 0 no-repeat;
  white-space: nowrap;text-indent: 100%;overflow: hidden;
  height: 30px;
  margin-bottom: 1em;
}
.sub.question {
  background-position: 0 -30px;
}

.textField {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  background: #e2e2e2;
  color: #565656;
  height: 25px;
  line-height: 25px;
  width: 380px;
  padding: 0 10px;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

input.textField:focus,
textarea:focus {
  
}

form {margin-bottom: 2em;}
form .section {
  margin-bottom: 1em;
  padding-left: 20px;
}
form .btnBox {

  text-align: center;
}
form label {
  display: inline-block;
  margin-right: 10px;
}
#bug textarea.textField {
  height: 200px;
   width: 750px;
}
#bug .right {
  padding:10px 0 10px 75px;
}
fieldset {
  margin-bottom: 1em;
  border: none;
  display: inline-block;
}
.btnBox {
  
}
.btnBox button {
  margin: 0 10px; 
}
.btnBox .btn {
  background: url('../img/bug/btns_2.gif') 0 0 no-repeat;
  white-space: nowrap;text-indent: 110%;overflow: hidden;
  width: 167px;height: 46px;
  border: none;
}
.btn.submit {
  background-position: right 0;
}