body.home .main {
  padding: 10px 0 60px 0;
  /* text-align: justify; */
}
@media (max-width:576px) {
body.home .main {
  padding: 10px 15px 30px 15px;
}
}
.menu {
    border-bottom: 1px #e7e7e7 solid;
}
/*面包屑導航*/
body .breadcrumb {
  background-color: transparent;
  margin: 0;
  padding:10px 0;
}

body .breadcrumb li:nth-child(2)::before {display: none;}
body .breadcrumb a {
  color:#333333;
  margin: 0;
  text-decoration:none;
}
body .breadcrumb a:hover {
  text-decoration:underline;
}

/*title*/
.maintitle {
  color: #0033A0;
  font-weight: bold;
  text-align: center;
  font-family: "Microsoft JhengHei";
  font-size: 180%;
  padding: 5px 0 20px 0;
}
.maintitle::after {
  content: "";
  width: 30px;
  height: 5px;
  display: block;
  margin: 5px auto 0 auto;
  background: rgb(138,141,143);
  background: -moz-linear-gradient(45deg,  rgba(138,141,143,1) 0%, rgba(220,220,220,1) 100%);
  background: -webkit-linear-gradient(45deg,  rgba(138,141,143,1) 0%,rgba(220,220,220,1) 100%);
  background: linear-gradient(45deg,  rgba(138,141,143,1) 0%,rgba(220,220,220,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8d8f', endColorstr='#dcdcdc',GradientType=1 );
}
.mainstitle {
  position: relative;
  margin: 10px 0;
  padding: 0 0 0 13px;
  color: #0033a0;
  font-weight: bold;
  font-size: 130%;
}
.mainstitle::before {
  content: "";
  width: 5px;
  display: block;
  position: absolute;
  top: 2px;
  bottom: 2px;
  background: rgb(138,141,143);
  background: -moz-linear-gradient(top,  rgba(138,141,143,1) 0%, rgba(220,220,220,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(138,141,143,1) 0%,rgba(220,220,220,1) 100%);
  background: linear-gradient(to bottom,  rgba(138,141,143,1) 0%,rgba(220,220,220,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8d8f', endColorstr='#dcdcdc',GradientType=0 );
  left: 0;
}
/*共用按鈕*/
.type_bt {
  display:flex;
  justify-content:end;
}
.type_bt a {
  padding:8px 15px;
  display:inline-block;
  background-color:#0033a0;
  color:#fff;
  text-decoration:none;
}
.type_bt img {
  padding-right:5px;
  width:25px;
}
.type_bt a:hover {
  background-color:#000;
}
/*下方共用區塊*/
.task_list {
    background-color: #f2f2f2;
    padding: 40px 0 60px 0;
}
.task_list {
    padding: 20px 0 40px 0;
}
.task a{
    text-decoration: none;
    display: block;
}

.task a:hover .task_title p {
    color: #0033a0;
}
.task .task_title p {
    margin: 0 10px 0 0;
    color: #000;
    font-weight: bold;
    font-size: 120%;
    padding: 5px 0;
}

.task .task_title img {
    width: 20px;
    transition: all 200ms ease-out 0s;
    position: relative;
    right: 0;
}

.task a:hover .task_title img {
    right: -10px;
    opacity: 0.5;
}
@media (min-width:576px) {
  .task .pic .phone{display: none;}

.task .pic .pc {
    transition: all 200ms ease-out 0s;
}

.task a:hover .pic .pc {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.task .pic {
    overflow: hidden;
}
}
@media (max-width:576px) {
  .task .pic .pc{display: none;}
  .task a{
    display: -webkit-flex;
    display:flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    padding: 10px;
    border-bottom: 1px #cbcbcb solid;
}

.task a:hover {
    background-color: #f7f7f7;
}
}
/*xml/json*/
.file_icon ul {
  list-style-type: none;display: flex;
  padding: 0;
  margin: 0;}
.file_icon ul li {
  padding: 0 8px 0 0;}
.file_icon ul li a {
  background-color: #f2f2f2;
  padding: 6px;
  border-radius: 2px;
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  }
.file_icon ul li a:hover {
  background-color: #d7d7d7;}
.file_icon ul li a:hover img {
  opacity: 1;}
.file_icon ul li a img {
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  padding: 0;
  width: auto;
  margin: 0;
}