.textChangeLine{
    word-wrap: break-word;
}
.borderTest{
    border-style: solid;
    border-width: 2px;
}
.titleName{
    font-family:Arial, Helvetica, sans-serif ;
    font-weight: bold;
    color: blue;
}
/*RWD字型設定*/
@media (max-width: 600px) {
    .titleName {
       font-size: 1.6rem;
    }
}
.titleName2{
    font-weight: bold;
}
/*RWD字型設定*/
@media (max-width: 600px) {
    .titleName2 {
       font-size: 1rem;
    }
}
.buttonPage{
    margin-top: 25px;
    text-align: center;
    width: 120px;
}
.buttonPageFont{
    font-weight: bold;
    border-left: 4px solid #6c757d;
}
.languageButtom{
    margin-top: 25px;
    text-align: auto;
    margin-left: 20px;
    margin-bottom: 5px;
}
.mapDetail{
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-top: 30px;

    font-weight: 700;
    font-size: 1.15rem;
    width: 500px;
}
.clientDetail{
    font-weight: 700;
    font-size: 1.15rem;
}
.mapRange{
    height: auto;
    width: auto;
}
.textAreaDesign{
    border: solid;
    border-width: 3px;
    border-color: aliceblue;
    border-radius: 50px;
    background-color: aliceblue;
    padding: 20px;
}
.subTitleTextArea{
    border: solid;
    border-width: 3px;
    border-color: rgb(202, 230, 254);
    border-radius: 50px;
    background-color: aliceblue;
    padding: 20px;
    font-weight: bold;  
}
.productionPic{
    width: 500px;
    height: 400px;
}
.productionPic2{
    width: 90%;
}
.productionPic3{
    width: 60%;
    transform:rotate(90deg);
}
.productionPic4{
    width: 60%;
}
/*
.divBackgroundImage{
    background-size: cover;
    background-position: top;
    height: 500px;
    text-align: center;
    background-attachment:fixed;
}
.divBackgroundTitle{
    padding-top: 200px;
    color: ivory;
    font-weight: bold;
    font-size: 50px;
    -webkit-text-stroke: 0.5px gray;
}
*/
.divBackgroundImage {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 60vh;              /* 60%的視窗高度，比 60% 更準確 */
    display: flex;             /* 啟用 Flexbox */
    justify-content: center;   /* 水平置中 */
    align-items: center;       /* 垂直置中 */
    text-align: center;
}

.divBackgroundTitle {
    color: ivory;
    font-weight: bold;
    font-size: 50px;
    -webkit-text-stroke: 0.5px gray;
}

/*RWD*/
@media (max-width: 600px) {
    .divBackgroundTitle {
       font-size: 2rem;
    }
}
.mainPageBackgroundImage{
    background-size: cover;
    background-position: top;
    height: 100%;
    text-align: center;
    background-attachment:fixed;
}
.mainPageBackgroundTitle{
    padding-top: 80px;
    color: ivory;
    font-weight: bold;
    font-size: 60px;
    -webkit-text-stroke: 0.8px black;
}
/*RWD字型設定*/
@media (max-width: 600px) {
    .mainPageBackgroundTitle {
       font-size: 1.8rem;
    }
}
.mechineTitle{
    font-weight: bold;
    color: blue;
    font-size: 20px;
    text-align: center;
}
.googleMap{
     width:600;
     height:450;
}
/*RWD地圖大小設定*/
@media (max-width: 600px) {
    .googleMap {
       width: 100%;
    }
}