/*==== 頁底開闔選單 ====*/

h1, h2, h3, h4, h5, h6 {
  padding: 0 0;
  margin: 0 0;
}
p {
  margin: 0;
  padding: 0;
}
ul {
  padding: 0 0;
  margin: 0 0;
  list-style: none;
}
a {
  color: #333333;
  text-decoration: none;
}
a:link {
  color: #333333;
}
a:visited {
  color: #333333;
}
a:hover {
  color: #c64144;
}
a:active {
  color: #333333;
}
html {
  font-size: 0.825em;
}
body {
  padding: 0 0;
  margin: 0 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Noto Sans T Chinese", "Droid Sans Fallback", sans-serif;
  font-size: 1.22em;
  color: #434343;
}
:focus {
   outline: 2px solid #a35144!important;
   background: #b14f40!important;
  -moz-outline-style:2px solid #a35144!important;
  color: #fff;
}
body {
  padding: 0 0;
  margin: 0 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Noto Sans T Chinese", "Droid Sans Fallback", sans-serif;
  font-size: 1.22em;
  color: #434343;
}


h1{
text-indent: -9999px;
padding: 0;
margin: 0;
}



/*==== 開闔內容 ====*/

.flip {
  margin: 0px;
  padding:0;
  text-align: center;
  cursor: pointer;
}

.flip .flip_button{
  background: url(../images/flip_button.png)no-repeat center top;
    text-indent: -9999px;
    height: 26px;
    display: inline-block;
    width: 26px;
}

.flip .close.flip_button{
  background: url(../images/flip_button0.png)no-repeat center top;
    text-indent: -9999px;
    height: 26px;
    display: inline-block;
    width: 26px;
}



.flip .flip_button:focus {
  background: none!important;
}
.flip_con p,
.flip_con h2{
  color: #fff;
  font-weight: 600;
  font-size: 1.32rem;
   padding: .8rem 0 0 0;
}
.panels {
    margin: 0px 5%;
    padding: 2rem 0;
    text-align: left;
    overflow: hidden;
    display: block;
  list-style: none;
}

.panels ul li{
    float: left;
    /* width:20%; */
    width:16%;
    text-align: center;
}
.panels ul li a{
      text-align: center;
    display: block;

}
.panels ul li a span{
  background: #fff;
    font-weight: 600;
    border-radius: 20px;
    padding: 0.6rem 2rem;
    color: #a88151;
    font-size: 1.54rem;
    display: inline-block;
}
.panels ul li:nth-child(6) a span{
    padding: 0.6rem 1rem;
}


.panels ul ul{
    display: inline-block;
    width: auto;
    margin: 0 auto;
    margin-top: 1.2rem;

}
.panels ul ul li{
	float: none;
	width: 100%;
  text-align: left;

}
.panels ul ul li a{
    background: inherit;
    border-radius: 0;
    font-size: 1.12rem;
    color: #615b5c;
    padding: 4px 0;
    font-weight: 400;
    display: inline-block;
}
.panels ul ul ul {
  display: none;
} 

@media only screen and (max-width:1180px) {
  .flip_con p, .flip_con h2{
    padding: 0;
  }
}