/* input.php */
.PC #it228-wrapper::before {
  content: '';
  background-image: url(https://imgs.click108.com.tw/unit001/item00228/images/before_bg.jpg);
  background-position: center;
  background-repeat: repeat-y;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.PC #it228 .IP_TOP {
  width: 100%;
}
.PC #it228 .IP_TOP h1 {
  width: 100%;
  background-position: center center;
}
.MOBILE #it228 .IP_TOP {
  margin-top: 0 !important;
}
.MOBILE #it228 .FEEDBACK_TITLE > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
input[type=text]::-ms-clear {
  display: none;
}
#it228 input[type="text"].wq-input:placeholder-shown{
}
/* result.php */
.PC a.BT_COLOUR3, .BT_AREA a{
  background: -webkit-linear-gradient(
    top,
    #fb2121 0%,
    #b21424 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fb2121 0%,
    #b21424 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2121', endColorstr='#b21424',GradientType=0 ); /* IE6-9 */
}
.BT_AREA a:hover{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b21424+0,fb2121+100 */
  background: #b21424; /* Old browsers */
  background: -moz-linear-gradient(top, #b21424 0%, #fb2121 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b21424 0%,#fb2121 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b21424 0%,#fb2121 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21424', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */
}

#it228 .ANI_BG .FAKE_BOARD#blur {
  visibility: visible;
}
#it228 .ANI_BG .REAL_BOARD#clear {
  visibility: hidden;
}
.pq_RECOM_BOX#silver {
  padding: 0;
  height: 0;
}
.PC #it228 .ANI_BG .REAL_BOARD .WORD li {
  margin: 10px 0;/**/
}
#it228 .ANI_BG .ANI_TXT#plsFocus {
  visibility: visible;
}
.IP_DEC {
  z-index: 1;
}
.PC #it228 .CONTENT{
  margin-bottom: 20px !important;
}
#it228 .BLANK3, .BLANK2 {
  width: 100% !important;
  height: 10px !important;
}
.pq_SAMPLE {
  height: auto !important;
  margin: 0 auto !important;
  background-image: none !important;
}
.MOBILE #it228 .CONTENT_FOOT {
  background-color: #fbf5a7;
  height: 30px !important;
}
.FOOT_MOBILE > div{
  margin-top: 0 !important;
}
/* free.php */
.PC #watermark-wrapper {
  position: fixed !important;
  top: 308px;
  right: 1%;
  z-index: 1;
}
.MOBILE #watermark-wrapper {
  display: none;
}
p[data-loblurem] > span {
  display: block;
}
.PC #it228 .pq_CALENDAR1 .MONTH .MARK1 {
  line-height: 25px;
}
.MOBILE #it228 .pq_CALENDAR1 .MONTH .MARK1 {
  height: 30px !important;
  line-height: 25px !important;
  margin-top: 0 !important;
}

.PC #it228 .pq_CALENDAR1 .MONTH,
.MOBILE #it228 .pq_CALENDAR1 .MONTH {
  line-height: 2em !important;
}
.pq_CALENDAR1 .TIME {
  width: 100%;
  height: 80%;
  padding: 10% 0;
  margin-top: 0 !important;
  display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
.pq_CALENDAR1 .YEAR {
  width: 100%;
  height: 23%;
  line-height: 40px;
  margin-top: 0 !important;
}
.MOBILE .pq_CALENDAR1 .YEAR {
  padding-top: 0 !important;
}
.PC #it228 .FRAME_TITLE span.badge {
  height: 40px;
  width: 40px;
  line-height: 30px;
  vertical-align: text-bottom;
  font-size: 0.8em;
}
.MOBILE #it228 .FRAME_TITLE span.badge {
  height: 30px;
  width: 30px;
  vertical-align: text-bottom;
  line-height: 23px;
}
.MOBILE #it228 .RE_TOP {
  margin-top: 0;
}
.PC #it228 .DIRECTION_BOX .SP_A {
  width: 100%;
  left: 0;
  text-align: center;
  top: 200px;
  margin-left: 0;
}
/* result.php */
.PC #it228 .pq_CALENDAR1 .MONTH > .triMonths{
  font-size: 0.9em;
  margin: auto 0;
  display: inline-block;
}
.MOBILE #it228 .ANI_BG .REAL_BOARD .WORD {
  height: 200px;
  top: 10px;
}

/* printpdf.php */
.PC .PRINT_BG.PDF .pq_CALENDAR1 .MONTH > .triMonths {
  font-size: 16px !important;
}
.PC .PRINT_BG.PDF .pq_RECOM2:nth-child(2),
.PC .PRINT_BG.PDF .pq_RECOM2:nth-child(5),
.PC .PRINT_BG.PDF .pq_RECOM2:nth-child(7),
#lining{
  page-break-before: always !important;
}
.PC .PRINT_BG.PDF .pq_RECOM2 .pq_REBG {
  background-image: none !important;
  border-right: 5px solid #995e0e;
  border-left: 5px solid #995e0e;
  border-bottom: 5px solid #995e0e;
}
.PC .PRINT_BG.PDF .pq_BIGWORD1 {
  /* position: inherit !important; */
}
.PC .PRINT_BG.PDF .ANI_BG .REAL_BOARD .WORD {
  width: 100% !important;
  left: 0 !important;
}
.PC .PRINT_BG.PDF .ANI_BG .REAL_BOARD .WORD li.T2,
.PC .PRINT_BG.PDF .ANI_BG .REAL_BOARD .WORD li.T1 {
  letter-spacing: 0 !important;
}
.PC .PRINT_BG.PDF .ANI_BG .REAL_BOARD{
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.PC .PRINT_BG.PDF .pq_BIGWORD1 ul,
.PC .PRINT_BG.PDF .pq_BIGWORD1 > img {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.PC .PRINT_BG.PDF .pq_CALENDAR1 {
  text-align: center;
}
.PC .PRINT_BG.PDF .pq_CALENDAR1 .CHARTBG {
  width: 30% !important;
  height: 20vh !important;
  display: inline-block;
}
.PC .PRINT_BG.PDF .TIMES_BOX li:nth-child(1) {
  width: 25% !important;
}
.PC .PRINT_BG.PDF .TIMES_BOX li:nth-child(2) {
  text-indent: 3% !important;
  width: 75% !important;
}
.PC .PRINT_BG.PDF .pq_RETOP.hidden > img {
  display: none;
}
.PC .PRINT_BG.PDF .STEP_BOX .STEP_CON ul {
  display: inline-block;
  width: 33.33%;
}
.PC .PRINT_BG.PDF .STEP_BOX .STEP_CON {
  margin-left: 40px !important;
}
.PC .PRINT_BG.PDF .pq_CALENDAR1 .MONTH .MARK1 {
  /*width: 40% !important;*/
}
.PC .PRINT_BG.PDF .INFO_BOX_TIME .TIMES_BOX {
  width: 53% !important;
}
.PC .PRINT_BG.PDF .SETUP {
  width: 44% !important;
  margin: 14px auto !important;
}
.PC .PRINT_BG.PDF .qimen9 .row.no-gutters .row.no-gutters{
  height: 38px !important;
}
.MOBILE .DIRECTION_BOX .SP_A{
  display: none;
}