.panel table tr th{text-align:center;height:50px; background-color:#E6E7E8; line-height:50px; padding:0; font-size:16px;font-family:"微软雅黑";}
.panel table tr td{padding:5px 5px; line-height:35px;}
.panel table tr td a{font-weight:bold; width:100%; font-size:30px;font-family:"微软雅黑";}
.panel table tr td p{ color:#000000; line-height:20px;}
.panel table{border-bottom:1px solid #e5e5e5;border-collapse:collapse;}
th{border:1px solid #e5e5e5;background-color:#f8f8f8;font-weight:normal;padding:3px 1px; height:38px;}
.panel table td{border:1px solid #e5e5e5;padding:3px 2px;word-break:break-all; height:70px;}
.panel table.center td,.panel table.center th,.panel tr.center td,.panel tr.center th,.panel td.center{text-align:center}
.panel table.nob,.panel table.nob th,.panel table.nob td{border:0}
.mtitle:after,.mcon:after{display:block;clear:both;visibility:hidden;height:0;content:''}
.mtitle,.otitle{color:#333; font-size:14px;border-top:1px solid #e5e5e5;height:31px;line-height:31px;padding:0 8px;overflow:hidden;background:#f8f8f8 url(titlebg.png) repeat-x 0 0}
	.mtitle{margin-top:20px; font-size:16px;font-family:"微软雅黑";-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px}
	.mtitle h1,.mtitle h2,.mtitle h3,.otitle h1,.otitle h2,.otitle h3{margin:0;padding:0;font-weight:normal;display:inline}
	.mtitle a,.mcon a,.otitle a{text-decoration:underline}
	.mtitle a:hover,.mcon a:hover,.otitle a:hover{}
		.center{text-align:center}
.fleft{float:left}
.fright{float:right}
.mt{margin-top:10px}
.f14,.f14 a{font-size:14px}
.bt{border-top:1px solid #e5e5e5}
a.noline,.noline a{text-decoration:none}
a.gray,.gray,.gray a{color:#aaa}
a.black,.black,.black a{color:#000; background-color:#EBF4F9;}
a.red,.red,.red a{color:#f00; background-color:#FFFFB5;}
a.red_txt,.red_txt,.red_txt a{color:#f00; background-color:#EBF4F9;}
a.white,.white,.white a{color:#000; background-color:#ffffff;}
a.white:hover,.white:hover,.white a:hover{color:#f00; background-color:#FFFFB5;}
select{vertical-align:middle;font-size:100%;font-style:normal}
select{height:32px;margin:0 5px 0 0;font-size:14px}
.mm{margin-right:10px}
.mm{margin-left:10px}
.mm{margin-top:10px}
.mm{margin-bottom:10px}

.hdjr_txt a{ background-image: url(/images/hdjr_sprites.png); background-repeat: no-repeat; text-decoration:none; }
.hdjr_txt { width: 690px;height:35px;display:block;margin-bottom:10px;position:relative; padding-top: 10px;margin:0 auto;OVERFLOW-Y:hidden;OVERFLOW-X:scroll;}
.hdjr_txt .list { height:35px;width:822px; display:block; line-height:35px; margin-left:0px; }
.hdjr_txt a { float: left; width: 49px; height: 32px; line-height: 32px; color: #925335; font-size: 14px; margin-right: 9px; text-align: center; _display: inline; background-position: 0 0; }
.hdjr_txt a:hover,.hdjr_txt a.current { color: white; background-position: -50px 0; text-decoration: none; }
.hdjr_txt::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .hdjr_txt::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: skyblue;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
  .hdjr_txt::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
  }


.bwhite{background-color:#fff}
.bgreen{background-color:#008000}
.bred{background-color:red}
.bblue{background-color:blue}
.bpink{background-color:#c00}
.bgray{background-color:#e5e5e5}
.borange{background-color:orange}
.byellow{background-color:#ffffb5}
.bblack{background-color:#333}
.bf5{background-color:#F5F5F5}


/*吉日、吉时列表*/
.divjishi {max-width: 692px;margin: 0 auto;padding: 0 5%;font-size: 100%;font-family: "微软雅黑", sans-serif;color: #000000;background: #ffffff;}
.divjishi .divjishitop{width:100%; height:100px; line-height:50px; background-color:#E6E7E8;}
.divjishi .divjishitop h2.hdjr{ color:#009900;/* width:657px;background-color: #ffffb5;*/}
.divjishi .divjishitop h2{ padding-left:20px;}
.divjishi .divjishitop p{ padding-left:20px;}
.divjishi div{text-align:left;}
.divjishi h2 {margin: 3em 0 0 0;font-size: 1.5em;letter-spacing: 2px;text-transform: uppercase;}
/* -------------------------------------
 * timeline
 * ------------------------------------- */
.divjishi #timeline {list-style: none;margin: 0px 0 30px 120px;padding-left: 30px;border-left: 8px solid #E6E7E8;}
.divjishi #timeline li {margin: 0px 0;position: relative;}
.divjishi #timeline p {margin: 0 0 15px; color:#000000; /*段落字体颜色*/}
.divjishi .date {margin-top: -10px;top: 50%;left: -158px;font-size: 1.2em;line-height: 20px;position: absolute;}
.divjishi .date a { color:#000000;}
.divjishi .circle {margin-top: -10px;top: 50%;left: -44px;width: 10px;height: 10px;background: #6DD04A; /*默认圆点*/border: 5px solid #E6E7E8;border-radius: 50%;display: block;position: absolute;}
.divjishi .content {max-height: 20px;padding: 50px 20px 0;border-color: transparent;border-width: 2px;border-style: solid;border-radius: 0.5em;position: relative;}
.divjishi .content:before, .content:after {content: "";width: 0;height: 0;border: solid transparent;position: absolute;pointer-events: none;right: 100%;}
.divjishi .content:before {border-right-color: #ffffff;    /*指向三角 默认*/border-right-color: inherit;border-width: 20px;top: 50%;margin-top: -20px;}
.divjishi .content:after {  /*指向三角 激活*/border-right-color: #f98262;border-right-color: inherit;border-width: 17px;top: 50%;margin-top: -17px;}
.divjishi .content p {max-height: 0;color: transparent;text-align: justify;word-break: break-word;hyphens: auto;overflow: hidden;}
.divjishi .content p.hdjr { line-height:25px; font-size:16px;color:#7b8000;}
.divjishi label {font-size: 1.2em;position: absolute;z-index: 100;cursor: pointer;top: 20px;transition: transform 0.2s linear;}
.divjishi .radio {display: none;}
.divjishi .radio:checked + .relative label {cursor: auto;transform: translateX(42px);}
.divjishi .radio:checked + .relative .circle {background: #f98262; /* 圆点 激活 */}
.divjishi .radio:checked ~ .content {max-height: 180px;border-color: #f98262; /* 边框 激活 */margin-right: 20px;transform: translateX(20px);transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;}
.divjishi .radio:checked ~ .content p {max-height: 200px;color: #E6E7E8;transition: color 0.3s linear 0.3s;}
/* -------------------------------------
 * mobile phones (vertical version only)
 * ------------------------------------- */
@media screen and (max-width: 767px) {
.divjishi #timeline {  margin-left: 0;  padding-left: 0;  border-left: none;}
.divjishi #timeline li {  margin: 50px 0;}
.divjishi label {  width: 85%;  font-size: 1.1em;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  display: block;  transform: translateX(18px);}
.divjishi .content {  padding-top: 45px;  border-color: #E6E7E8;}
.divjishi .content:before, .divjishi .content:after {  border: solid transparent;  bottom: 100%;}
.divjishi .content:before {  border-bottom-color: inherit;  border-width: 17px;  top: -16px;  left: 50px;  margin-left: -17px;}
.divjishi .content:after {  border-bottom-color: #E6E7E8;  border-width: 20px;  top: -20px;  left: 50px;  margin-left: -20px;}
.divjishi .content p {  font-size: 0.9em;  line-height: 1.4;}
.divjishi .circle, .date {  display: none;}
}