@charset "UTF-8";
/* Create with Compass + SCSS on windows */
/* ... 我的巧虎APP 巧連智官方首支APP ... */
.hiddenItem {
  font-size: 1px;
  line-height: 0;
  text-indent: 0;
  visibility: hidden;
}

.hideItem {
  display: none;
}

.clearFloat {
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  height: 0;
}

.main {
  width: 640px;
  margin: 0 auto;
  background-image: url(../../../act/201601_member/qa_images/full_bg.gif);
  background-repeat: repeat-y;
}
.main > header {
  width: 640px;
  height: 130px;
  background-image: url(../../../act/201601_member/qa_images/logo.gif);
}
.main > header h1 {
  visibility: hidden;
}
.main > footer {
  padding: 0.5em 0;
  color: #ff004e;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.65;
}
.main nav.extraMenu {
  margin-top: 30px;
}
.main nav {
  width: 100%;
  height: 127px;
  position: relative;
}
.main nav ul li {
  display: block;
  position: absolute;
  top: 0;
}
.main nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.main nav ul .part1,
.main nav ul .part2,
.main nav ul .part3,
.main nav ul .part4,
.main nav ul .part5 {
  top: 10px;
}
.main nav ul .part6,
.main nav ul .part7,
.main nav ul .part8 {
  top: 60px;
}
.main nav ul .part1 {
  width: 114px;
  height: 31px;
  left: 9px;
}
.main nav ul .part2 {
  width: 114px;
  height: 31px;
  left: 133px;
}
.main nav ul .part3 {
  width: 104px;
  height: 31px;
  left: 258px;
}
.main nav ul .part4 {
  width: 104px;
  height: 31px;
  left: 373px;
}
.main nav ul .part5 {
  width: 142px;
  height: 31px;
  left: 488px;
}
.main nav ul .part6 {
  width: 124px;
  height: 49px;
  left: 90px;
}
.main nav ul .part7 {
  width: 202px;
  height: 49px;
  left: 230px;
}
.main nav ul .part8 {
  width: 102px;
  height: 49px;
  left: 447px;
}
.main nav ul .part1 a {
  background-image: url(../../../act/201601_member/qa_images/q1_btn.gif);
}
.main nav ul .part2 a {
  background-image: url(../../../act/201601_member/qa_images/q2_btn.gif);
}
.main nav ul .part3 a {
  background-image: url(../../../act/201601_member/qa_images/q3_btn.gif);
}
.main nav ul .part4 a {
  background-image: url(../../../act/201601_member/qa_images/q4_btn.gif);
}
.main nav ul .part5 a {
  background-image: url(../../../act/201601_member/qa_images/q5_btn.gif);
}
.main nav ul .part6 a {
  background-image: url(../../../act/201601_member/qa_images/q6_btn.gif);
}
.main nav ul .part7 a {
  background-image: url(../../../act/201601_member/qa_images/q7_btn.gif);
}
.main nav ul .part8 a {
  background-image: url(../../../act/201601_member/qa_images/q8_btn.gif);
}
.main nav ul .part1 a,
.main nav ul .part2 a,
.main nav ul .part3 a,
.main nav ul .part4 a,
.main nav ul .part5 a,
.main nav ul .part6 a,
.main nav ul .part7 a,
.main nav ul .part8 a {
  background-repeat: no-repeat;
  background-position: left top;
}
.main nav ul .part1 a:hover,
.main nav ul .part2 a:hover,
.main nav ul .part3 a:hover,
.main nav ul .part4 a:hover,
.main nav ul .part5 a:hover,
.main nav ul .part6 a:hover,
.main nav ul .part7 a:hover,
.main nav ul .part8 a:hover,
.main nav ul .part1 a.open,
.main nav ul .part2 a.open,
.main nav ul .part3 a.open,
.main nav ul .part4 a.open,
.main nav ul .part5 a.open,
.main nav ul .part6 a.open,
.main nav ul .part7 a.open,
.main nav ul .part8 a.open {
  background-position: left bottom;
}
.main .back {
  width: 614px;
  margin: 0 auto;
}
.main .back a {
  float: right;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 0.85em;
  text-decoration: none;
  margin-top: 10px;
  padding: 0.25em 0.25em;
  padding-left: 20px;
  background-color: #ff004e;
  background-image: url(../../../act/201601_member/qa_images/top.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

.docFull section {
  display: none;
  width: 621px;
  margin: 0 auto;
}
.docFull section > header {
  width: 100%;
  height: 70px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center top;
}
.docFull section > header * {
  visibility: hidden;
}
.docFull section > .partEnd {
  margin: 0 auto;
  width: 614px;
  height: 17px;
  background-image: url(../../../act/201601_member/qa_images/quiz_end_bg.gif);
}
.docFull section > table {
  width: 614px;
  margin: 0 auto;
}
.docFull section .quiz {
  position: relative;
  height: 54px;
  padding-left: 90px;
  padding-right: 10px;
  background-image: url(../../../act/201601_member/qa_images/quiz_title_bg_02.gif);
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  line-height: 1.5;
}
.docFull section .quiz .hideItem {
  display: none;
}
.docFull section .quiz span {
  color: #fff;
}
.docFull section .quiz .num {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 37px;
  height: 54px;
  top: 0;
  left: 49px;
  background-image: url(../../../act/201601_member/qa_images/quiz_nums.gif);
  background-repeat: no-repeat;
}
.docFull section > table td {
  padding-top: 16px;
  padding-bottom: 20px;
  padding-left: 8px;
  background-image: url(../../../act/201601_member/qa_images/quiz_bg.gif);
  font-size: 14px;
  color: #0084ff;
  position: relative;
}
.docFull section > table td .dart {
  display: block;
  float: left;
  width: 49px;
  height: 49px;
  background-image: url(../../../act/201601_member/qa_images/quiz_title_bg_03.gif);
}
.docFull section > table td .ctx {
  float: left;
  margin-left: 10px;
  width: 535px;
  line-height: 1.8;
}
.docFull section > table td .ctx img {
  margin: 5px 0;
}
.docFull section > table td .ctx span,
.docFull section > table td .ctx a {
  color: #de00ff;
}
.docFull section > table td .ctx a {
  text-decoration: none;
}
.docFull section > table td .ctx a:hover {
  text-decoration: underline;
}
.docFull section > table td .ctx .color1 {
  color: #ff004e;
}
.docFull section > table td ol li {
  margin-left: 1.25em;
  line-height: 1.8;
  margin-bottom: 13px;
}
.docFull section .q1 {
  background: none;
  background-image: url(../../../act/201601_member/qa_images/quiz_title_bg_01.gif);
  background-repeat: no-repeat;
}
.docFull section .q2 .num {
  background-position: 0px -54px;
}
.docFull section .q3 .num {
  background-position: 0px -108px;
}
.docFull section .q4 .num {
  background-position: 0px -162px;
}
.docFull section .q5 .num {
  background-position: 0px -216px;
}
.docFull section .q6 .num {
  background-position: 0px -270px;
}
.docFull section .q7 .num {
  background-position: 0px -324px;
}
.docFull section .q8 .num {
  background-position: 0px -378px;
}
.docFull section .q9 .num {
  background-position: 0px -432px;
}
.docFull section .q10 .num {
  width: 59px;
  background-position: 0px -486px;
}
.docFull section .q10 {
  padding-left: 110px;
}
.docFull section .q11 .num {
  width: 59px;
  background-position: 0px -540px;
}
.docFull section .q11 {
  padding-left: 110px;
}

.docFull .part1 header {
  height: 90px;
}
.docFull .part1 header {
  background-image: url(../../../act/201601_member/qa_images/q1_title.gif);
}
.docFull .part2 header {
  background-image: url(../../../act/201601_member/qa_images/q2_title.gif);
}
.docFull .part3 header {
  background-image: url(../../../act/201601_member/qa_images/q3_title.gif);
}
.docFull .part4 header {
  background-image: url(../../../act/201601_member/qa_images/q4_title.gif);
}
.docFull .part5 header {
  background-image: url(../../../act/201601_member/qa_images/q5_title.gif);
}
.docFull .part6 header {
  background-image: url(../../../act/201601_member/qa_images/q6_title.gif);
}
.docFull .part7 header {
  background-image: url(../../../act/201601_member/qa_images/q7_title.gif);
}
.docFull .part8 header {
  background-image: url(../../../act/201601_member/qa_images/q8_title.gif);
}