/*特效*/
.demo:hover {
opacity : 1;
transform : scale(1.2);
}
/*header*/
.width100{
width: 100%;
}
.bgcolor{
background-color: #A88F7B;
}
.head-bg{
background-color: #22252C;
height: 400px;
width: 1300px;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
}
/*body*/
.body-bg{
width: 1300px;
margin-right: auto;
margin-left: auto;
}
}
/*字*/
.font01{
    font-family: "微軟正黑體";
    font-weight: bolder;
    font-size: 40px;
    color:white;
}
.font02{
font-family: "微軟正黑體";
font-size:20px;
color:white;
}
.font03{
font-family: 'Caveat', cursive;
font-size:30px;
font-weight: bold;
color:white;
margin-top:30px;
}
.font04{
margin-top: 50px;
font-family: "微軟正黑體";
font-weight: bolder;
color:#22252C;
}
.font05{
font-family: "微軟正黑體";
font-size: 40px;
color:#22252C;
}
.font06{
font-family: "微軟正黑體";
font-size: 30px;
color:#22252C;
}
.font07{
font-family: "微軟正黑體";
font-size:25px;
font-weight: bold;
color:#22252C;
}
.font08{
font-family: "微軟正黑體";
font-size:20px;
font-weight: bold;
color:#22252C;
}
.font09{
font-family: "微軟正黑體";
font-weight: bold;
color:#22252C;
}
.font10{
font-size: 15px;
color:#22252C;
margin-left: 50px;
}
/*照片*/
.img{
width: 270px;
height: 360px;
margin-top: 18px;
margin-left:180px;
border-radius: 30px;
}
.img02{
width:360px;
height:270px;
border-radius: 30px;
}
.img03{
width:120px;
height: 120px;
}
.img04{
width: 300px;
height: 300px;
border-radius: 30px;
}
.icon{
width: 60px;
height: 60px;
}
.icon-margin-left{
margin-left:50px;
}
/*class*/
.accordion {
background-color: #22252C;
color:white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.active, .accordion:hover {
background-color: #22252C;
color:white;
}
.panel {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}
/*footer*/
.footer-bg{
background-color: #22252C;
width: 1300px;
height:100px;
margin-right: auto;
margin-left: auto;
}
.footerword{
    text-align: center;
    color:white;
}