@charset "utf-8";
/* CSS Document */
/*面包屑導航*/
body .breadcrumb {
  background-color: transparent;
  margin: 0;
}
body .breadcrumb a {
  color: #333333;
  margin: 0;
}
/*抬頭標題*/
body .titlebn {
  position:relative;
  background-image: url(../images/home/titlebg02.png);
  background-repeat: no-repeat;
  background-position:center bottom;
  padding: 30px 0;
  background-size: cover;
  background-color: #008099;
}
body .titlebn .container {
  display: flex;
  align-items: center;
}
body .titlebn .pic {
  width: 30%;
  display: block;
  text-align: center;
}
body .titlebn .text {
  position: relative;
  color: #FFF;
  /* display: flex; */
  /* align-items: center; */
  /* flex-wrap: wrap; */
  /* justify-content: center; */
  width: 100%;
  text-align: center;
}
body .titlebn .text .title {
  font-size: 180%;
  /* font-weight: bold; */
  /* color: #241917; */
  margin-bottom: 0;
  /* width: 100%; */
  display: inline-block;
  position:relative;
  padding:0 50px;
  text-shadow: 2px 2px 1px rgb(0,0,0,50%);
}
body .titlebn .text .title:before {
  content:"";
  position:absolute;
  width:30px;
  height:1px;
  background-color:#FFF;
  top:50%;
  left:0
}
body .titlebn .text .title:after {
  content:"";
  position:absolute;
  width:30px;
  height:1px;
  background-color:#FFF;
  top:50%;
  right:0;
}
body .titlebn .text .txt {
  margin-bottom: 0px;
}
body .titlebn ul {
  list-style-type: none;
  display: flex;
  padding: 0 0 0 40px;
  margin: 0;
  position:relative;
}
body .titlebn ul:after {
  content:"";
  position:absolute;
  width:20px;
  height:1px;
  background-color:#FFF;
  left:10px;
  top:50%;
}
body .titlebn li {
  padding:5px;
  border-radius: 100%;
  /* border: 1px solid #FFF; */
  /* width: 45px; */
  /* height: 45px; */
  /* margin: 0 5px; */
  /* text-align: center; */
}
body .titlebn li img {
  width:25px;
}
body .titlebn li:nth-child(1) img {
  width:28px;
}
body .titlebn li:nth-child(3) img {
  width: 36px;
}
@media screen and (max-width: 1200px) {
body .titlebn .pic {
  width: 25%;
  text-align: inherit;
}
body .titlebn .text {
  /*width: 80%;*/
}
}
@media screen and (max-width: 991px) {
body .titlebn {
  margin-top: 85px;
}
}
@media screen and (max-width: 767px) {
body .titlebn {
  padding: 20px 0;
}
body .titlebn .pic {
  display: none;
}
body .titlebn .text {
  width: 100%;
}
body .titlebn .text .title {
  font-size: 150%;
}
}