.turn_page_bar{
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: ;
   font-size: 13px;
   letter-spacing: 1px;
}
.turn_page_bar a{
   text-decoration: none;
   padding: 5px 13px;
   background-color: rgb(184, 214, 211);
   color: black;
}
.turn_page_bar a:hover{
   background-color: rgb(154, 187, 183);
}
.navbar_static{
   width: 100%;
   height: 30px;
   text-align: center;
   position: absolute;
   top: 80px;
   z-index: -1;
   float: none;
   border-bottom: solid;
   border-width: 2px;
   /*border-color: rgb(66, 154, 198);*/
}
.navbar_name{
   width: 150px;
   /*line-height: 20px;*/
   margin-top: -10px;
   position: absolute;
   left: 50%;
   margin-left: -75px;
   border-bottom: solid;
   border-width: 3px;
   /*color:rgb(66, 154, 198);*/
}
.total{
   position: absolute;
   left: -100px;
   top: 0px;
}
/*.search_input
{
   width: 0px;
   display: none;

}*/
.navbar_static input{
   width: 100px;
   position: absolute;
   top: -5px;
   left: 170px;
}
.img_magnifier{
   width: 15px;
   height: 15px;
   position: absolute;
   top: -3px;
   left: 280px;
}

.content{
   width: 500px;
   height: auto;
   position: absolute;
   top: 110px;
   left: 50%;
   z-index: -1;
   margin-left: -250px;
}
a .item{  /*每一筆占卦資料*/
   background-color: rgb(234, 235, 237);
   min-height: 80px; /*若用易事由文字過長，會自動調整該筆資料的框框高度*/
   margin: 15px;
   position: static;

   box-shadow: 0 3px 8px rgb(46, 46, 46);
   border-radius: 5px;

}
a{
   text-decoration: none; /*因為尚未找到讓item_sign裡面的字沒有底線的方式，只好先這樣。*/
}
a .item_sign{
   width: 25px;
   line-height: 25px;
   height: 25px;
   margin-left: 10px;
   color: black;
   text-align: center;
   box-shadow: 0 1px 3px rgb(46, 46, 46);

   font-size: 14px;
}
a .jin_sign{
   background-color: rgb(232, 140, 5);
}
a .chian_sign{
   background-color: rgb(25, 105, 138);
}
a .jan_sign{
   background-color: rgb(14, 113, 20);
}
a .ming_sign{
   background-color: rgb(216, 11, 0);
}
a .othew_sign{
   background-color: rgb(255, 255, 255);
}


a .item .item_text{
   width: 80%;
   color: black;
   position: relative;
   top: -20px;
   left: 50px;
   word-break: break-all; //強制換行
}
a .item .item_text span{
   font-size: 15px;
   /*font-family: Microsoft YaHei;*/
}


a .item .item_time{
   width: 80%;
   color: black;
   position: relative;
   top: 0px;
   left: 50px;
   word-break: break-all; //強制換行
}
a .item .item_time span{
      font-size: 13px;
      color: rgb(129, 129, 130);
}



.translucent{/*讓item在hover時可以變半透明*/
   opacity: 0.7;
}
a .private_sign{
   background-color: rgb(247, 232, 231);
}

@media screen and (max-width: 650px){
.turn_page_bar{
      font-size: 12px;
      letter-spacing: 0px;
   }
}



@media screen and (max-width: 500px){

   .navbar_static{
      width: 100%;
      height: 30px;
      text-align: center;
      position: absolute;
      top: 80px;
      z-index: -1;
      float: none;
      border-bottom: solid;
      border-width: 2px;
   }
   .navbar_name{
      width: 150px;
      margin-top: -10px;
      position: absolute;
      left: 50%;
      margin-left: -75px;
      border-bottom: solid;
      border-width: 3px;
   }
   .total{
      position: absolute;
      left: -70px;
   }
   .navbar_static input{
      width: 70px;
      position: absolute;
      top: -5px;
      left: 155px;
   }
   .img_magnifier{
      width: 15px;
      height: 15px;
      position: absolute;
      top: -3px;
      left: 235px;
   }

   .content{
      width: 96%;
      height: auto;
      position: absolute;
      top: 110px;
      left: 50%;
      z-index: -1;
      margin-left: -48%;

      padding-bottom: 100px;   /*留給footer空白位子擺上去才不會擋到*/
   }
   a .item{
      background-color: rgb(234, 235, 237);
      min-height: 80px;
      margin: 10px;
      position: static;

      box-shadow: 0 3px 8px rgb(46, 46, 46);
      border-radius: 5px;

   }
   a .item_sign{
      width: 20px;
      line-height: 20px;
      height: 20px;
      margin-left: 10px;
      color: black;
      text-align: center;
      box-shadow: 0 1px 3px rgb(46, 46, 46);

      font-size: 11px;
   }

   a .item .item_text{
      width: 80%;
      color: black;
      position: relative;
      top: -20px;
      left: 50px;
      word-break: break-all; //強制換行
   }
   a .item .item_text span{
      font-size: 13px;
   }


   a .item .item_time{
      width: 80%;
      color: black;
      position: relative;
      top: 0px;
      left: 50px;
      word-break: break-all; //強制換行
   }
   a .item .item_time span{
         font-size: 12px;
         color: rgb(129, 129, 130);
   }

}