.frame01 {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.frame01 div,
.frame01 a {
    display: block;
}

img {
    /*display: block;
    margin: 0 auto;*/
    /*float: left;*/
}

.frame01>.bg,
.frame01>.childFrame01>.bg {
    position: relative;
    width: 100%;
}

.frame01>.childFrame01 {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/*留白*/

#box {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    background-color: #fff;
}


/*底部*/

@charset "utf-8";
@font-face {
    font-family: MyCustomFont;
    src: local("微軟正黑體");
}


/* 英文數字專用 */

@font-face {
    font-family: MyCustomFont;
    /* 同樣的 font-family */
    unicode-range: U+00-7F, U+00C0-U+00FF, U+2150-U+2169;
    /* ASCII,羅馬數字*/
    src: local(Verdana), local(Geneva), local(Arial), local(Helvetica);
}

.bottom {
    position: relative;
    display: block;
    width: 100%;
    height: 270px;
    background-color: #272727;
    float: left;
}

.bottom a {
    color: inherit;
}

.bottom a:hover {
    text-decoration: underline;
}

.bottom>#information01 {
    position: absolute;
    left: 70px;
    top: 34px;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
}

.bottom>#information01 p {
    font-family: MyCustomFont, sans-serif;
}

.bottom>#information01>.ls01 {
    /*letter-spacing: -0.056em;*/
}

.bottom>#information01>.ls02 {
    /*letter-spacing: -0.015em;*/
}

.bottom>#information01>.ls03 {
    /*letter-spacing: -0.007em;*/
}

.bottom>#bottomLogo01 {
    position: absolute;
    right: 100px;
    bottom: 45px;
}

/*頁面01*/

#frame01 {
    height: 751px;
}

#frame01>.bg {
    background-color: #e9ecd9;
    height: 100%;
}

#frame01>.item {
    position: absolute;
    display: block;
    opacity: 0;
    transition: opacity .5s;
}

#frame01>.item:hover {
    opacity: 1;
}

#frame01>.item img {
    display: block;
    width: 100%;
}


/*#frame01>#item01 {
    width: 24.8%;
    top: 63.5%;
    left: 11.3%;
}

#frame01>#item02 {
    width: 23%;
    top: 63.5%;
    left: 39%;
}*/

#frame01>#item01 {
    width: 25.55%;
    top: 63.0%;
    left: 10.85%;
}

#frame01>#item02 {
    width: 23.75%;
    top: 63.0%;
    left: 38.6%;
}

#frame01>#item03 {
    width: 25.7%;
    top: 63%;
    left: 63.8%;
}

.clear {
    clear: left;
}

/*phone*/
.frame02 {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.frame02 div,
.frame02 a {
    display: block;
}

.frame02>.bg,
.frame02>.childFrame02>.bg {
    position: relative;
    width: 100%;
}

.frame02>.childFrame02 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#frame02 {
    height: 2384px;
}

#frame02>.bg {
    background-color: #e9ecd9;
    height: 100%;
}

#frame02>.item {
    position: absolute;
    display: block;
    opacity: 0;
    transition: opacity .5s;
}

#frame02>.item:hover {
    opacity: 1;
}

#frame02>.item img {
    display: block;
    width: 100%;
}

#frame02>#item01 {
    width: 70.2%;
    top: 24.5%;
    left: 14.85%;
}

#frame02>#item02 {
    width: 70.2%;
    top: 48.6%;
    left: 13.9%;
}

#frame02>#item03 {
    width: 70.2%;
    top: 72.8%;
    left: 14%;
}