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

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

/*img {
    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;
}


/*側邊*/

.sideMenu {
    position: fixed;
    display: block;
    margin: 0 auto;
    top: 0px;
}

.sideMenu > .items {
    position: absolute;
    display: block;
    right: 16px;
    top: 130px;
}

.sideMenu > .items::before {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 100%;
    background-color: #aea97b;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 6px;
}

.sideMenu > .items > .item {

    position: relative;
    display: block;
    width: 51px;
    height: 51px;
    background-color: #c7c39e;
    text-align: center;
    line-height: 51px;
    border-radius: 51px;
    color: #fff;
    margin-top: 27px;
    letter-spacing: 2px;
    transition: background-color .5s;
}

.sideMenu > .items > .item > p {
    border-radius: 51px;
}

.sideMenu > .items > .item:first-child {
    margin-top: 0px;
}

.sideMenu > .items > .item.active {
    background-color: #db334b;
}


/*底部*/

@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: 2265px;
}*/


/*頁面01_01*/

#frame01 > #childFrame01 {
    height: 816px;
}

#frame01 > #childFrame01 > #text01,
#frame01 > #childFrame01 >#movieFrame01,
#frame01 > #childFrame01 >#button01,
#frame01 > #childFrame01 >#movieFrame01 >#role01,
#frame01 > #childFrame01 >#movieFrame01 >#role02,
#frame01 > #childFrame01 >#movieFrame01 >#role03,
#frame01 > #childFrame01 >#movieFrame01 >#ribbon01,
#frame01 > #childFrame01 >#movieFrame01 > #movie01,
#frame01 > #childFrame01 >#productLogo01,
#frame01 > #childFrame01 >#text01 > #textFrame01,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01 > #play01,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01 > #pause01 {
    position: absolute;
}

#frame01 > #childFrame01 >#productLogo01 {
    left: 39px;
    top: 25px;
}

#frame01 > #childFrame01 > #movieFrame01 {
    left: 99px;
    top: 486px;
    width: 505px;
    height: 284px;
}

#frame01 > #childFrame01 >#movieFrame01 >#role01 {
    left: 422px;
    top: 13px;
}

#frame01 > #childFrame01 >#movieFrame01 >#ribbon01 {
    left: -36px;
    top: -66px;
}

#frame01 > #childFrame01 >#movieFrame01 >#movie01 {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    border-radius: 20px;
    overflow: hidden;
}

#frame01 > #childFrame01 >#button01 {
    left: 797px;
    top: 578px;
}

#frame01 > #childFrame01 >#text01 {
    right: 103px;
    top: 19px;
    width: 218px;
    height: 218px;
    border-radius: 50%;
    background-color: #d1e8fa;
}

#frame01 > #childFrame01 >#text01 > #textFrame01 {
    left: 16px;
    top: 66px;
    font-size: 15px;
    line-height: 24.5px;
    color: #517092;
    font-weight: bold;
    width: 193px;
    text-align: center;
}

#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 {
    width: 100%;
    height: 100%;
    background-color: rgba(45, 50, 38, 0.36);
    left: 0px;
    top: 0px;
    transition: opacity .3s, background-color .5s;
    border-radius: 20px;
}

#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01:hover,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01.play:hover {
    transition: opacity .4s .3s, background-color .5s;
    opacity: 1;
}

#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01.play {
    background-color: transparent;
    opacity: 0;
}

#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01.play > #playButton01 > #play01,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01 > #pause01 {
    opacity: 0;
}

#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01 > #play01 {
    opacity: 1;
}

#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01.play > #playButton01 > #pause01 {
    opacity: 0.5;
}

#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01 > #play01,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01 > #pause01,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01 > #play01 > img,
#frame01 > #childFrame01 >#movieFrame01 >#movie01 > #movieBefore01 > #playButton01 > #pause01 > img {
    width: 153px;
    height: 153px;
    border-radius: 153px;
}


/*頁面01_02*/

#frame01 > #childFrame02 {
    height: 767px;
}

#frame01 > #childFrame02 > .item {
    position: absolute;
    display: block;
}

#frame01 > #childFrame02 > #item01 {
    left: 169px;
    top: 269px;
}

#frame01 > #childFrame02 > #item02 {
    left: 497px;
    top: 228px;
}

#frame01 > #childFrame02 > #item03 {
    left: 248px;
    top: 566px;
}

#frame01 > #childFrame02 > #item04 {
    left: 406px;
    top: 582px;
}

#frame01 > #childFrame02 > #item05 {
    left: 755px;
    top: 580px;
}

#frame01 > #childFrame02 > .item > #texts01 {
    position: absolute;
}

#frame01 > #childFrame02 > .item > #texts01 > #text01 {
    position: relative;
    text-align: center;
    background-color: #773b2a;
    color: #fff;
    padding: 5px 0px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 20px;
}

#frame01 > #childFrame02 > .item > #texts01 > #text02 {
    position: relative;
    text-align: center;
    padding: 5px;
    font-size: 17px;
    font-weight: bold;
    border-radius: 20px;
}

#frame01 > #childFrame02 > #item01 > #texts01 {
    left: -70px;
    top: -135px;
    width: 140px;
}

#frame01 > #childFrame02 > #item02 > #texts01 {
    left: -171px;
    top: -67px;
    width: 115px;
}

#frame01 > #childFrame02 > #item03 > #texts01 {
    left: -57.5px;
    top: 79px;
    width: 115px;
}

#frame01 > #childFrame02 > #item04 > #texts01 {
    left: -57.5px;
    top: 76px;
    width: 115px;
}

#frame01 > #childFrame02 > #item05 > #texts01 {
    left: -57.5px;
    top: 79px;
    width: 115px;
}

#frame01 > #childFrame02 > .item > #line01 {
    position: absolute;
    width: 1px;
    background-color: #59493f;
    transform-origin: 50% 0%;
}

#frame01 > #childFrame02 > .item > #line01:after,
#frame01 > #childFrame02 > .item > #line01:before {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    background-color: #59493f;
    transform: translate(-50%, -50%);
}

#frame01 > #childFrame02 > .item > #line01:after {
    top: 100%;
    width: 4px;
    height: 4px;
    border-radius: 4px;
}

#frame01 > #childFrame02 > .item > #line01:before {
    top: 0px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}

#frame01 > #childFrame02 > #item01 > #line01 {
    height: 70px;
    transform: translate(-50%, 0%) rotate(180deg);
}

#frame01 > #childFrame02 > #item02 > #line01 {
    height: 114px;
    transform: translate(-50%, 0%) rotate(90deg);
}

#frame01 > #childFrame02 > #item03 > #line01 {
    height: 70px;
    transform: translate(-50%, 0%) rotate(0deg);
}

#frame01 > #childFrame02 > #item04 > #line01 {
    height: 70px;
    transform: translate(-50%, 0%) rotate(0deg);
}

#frame01 > #childFrame02 > #item05 > #line01 {
    height: 70px;
    transform: translate(-50%, 0%) rotate(0deg);
}

#frame01 > #childFrame02> #title01 {
    position: absolute;
    width: 100%;
    height: 132px;
    left: 0px;
    top: 0px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#frame01 > #childFrame02> #title01 > #logo01 {
    position: relative;
    float: left;
}

#frame01 > #childFrame02> #title01 > #text01 {
    position: relative;
    float: left;
    color: #616839;
    font-size: 40px;
    font-weight: bold;
    margin-left: 16px;
    letter-spacing: 1px;
}


/*頁面01_03*/

#frame01 > #childFrame03 {
    height: 778px;
}

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

#frame01 > #childFrame03 > #card01 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 20px 94px 35px 70px;
    box-sizing: border-box;
}

#frame01 > #childFrame03 > #card01 > #table01 {
    width: 100%;
    height: 100%;
}

#frame01 > #childFrame03 > #card01 > #table01 tr:first-child {
    height: 125px;
    /*background-color: aqua;*/
}

#frame01 > #childFrame03 > #card01 > #table01 td {
    vertical-align: middle;
    text-align: center;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01,
#frame01 > #childFrame03 > #card01 > #table01 td > .item02 {
    position: relative;
    width: 265px;
    height: 260px;
    margin: 0 auto;
    border-radius: 20px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item03 {
    position: relative;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item03 > #texts01 {
    color: #fff;
    float: left;
    margin-left: 5px;
    text-align: center;
    width: 215px;
    font-weight: bold;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item03 > #texts01 > #text01 {
    font-size: 40px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item03 > #texts01 > #text02 {
    font-size: 26px;
    line-height: 40px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item03 > #logo01 {
    float: left;
    margin-left: 12px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 {
    background-color: #fff;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 > .image01 {
    height: 190px;
    box-sizing: border-box;
    padding-bottom: 5px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 > .image01 img {
    float: none;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 > #image01 {
    padding-top: 11px;
    padding-left: 7px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 > #image02 {
    padding-top: 25px;
    padding-left: 4px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 > #image03 {
    padding-top: 30px;
    padding-left: 5px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 > #image04 {
    padding-top: 26px;
    padding-left: 23px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 > #image05 {
    padding-top: 20px;
    padding-left: 3px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item02 > #role01 {
    position: absolute;
    left: 8px;
    top: -4px;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 > .text01 {
    margin-top: 6px;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    color: #025899;
}

#frame01 > #childFrame03 > #card01 > #table01 td > .item01 > .text01 .big {
    font-size: 25px;
    letter-spacing: 2px;
    line-height: 30px;
}


/*頁面02*/

#frame02 {
    height: 733px;
}

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

#frame02 > #title01 {
    position: absolute;
    width: 100%;
    height: 148px;
    left: 0px;
    top: 0px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#frame02> #title01 > #logo01 {
    position: relative;
    float: left;
    margin-left: -8px;
}

#frame02> #title01 > #text01 {
    position: relative;
    float: left;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    margin-left: 12px;
}

#frame02> #button01,
#frame02 > #roleGroup01,
#frame02 > #roleGroup01 > #role01,
#frame02 > #roleGroup01 > #bulb01 {
    position: absolute;
}

#frame02> #button01 {
    left: 446px;
    top: 132px;
}

#frame02 > #roleGroup01 {
    left: 75px;
    bottom: 0px;
}

#frame02 > #roleGroup01 > #role01 {
    bottom: 0px;
}

#frame02 #roleGroup01 > #bulb01 {
    left: 217px;
    top: -415px;
}


/*頁面03*/

#frame03 {
    height: 765px;
}

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

#frame03 > #title01 {
    position: absolute;
    width: 97.6%;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    top: 0px;
    flex-direction: column;
}

#frame03 > #title01 > #text01 {
    position: relative;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    background-color: #ce344a;
    margin: 51px 0px 10px;
    border-radius: 30px;
    width: 650px;
    height: 63px;
    line-height: 72px;
}

#frame03 > #title01 > #text02 {
    position: relative;
    font-size: 26px;
    font-weight: bold;
    color: #3f3f3f;
}

#frame03 > #title01 > #text02 .color01 {
    color: #ce344a;
    font-size: 31px;
}
#frame03 .item01 img{
    margin-top: 1px;
}
#button_teacher {
    position: absolute;
    left: 62px;
    top: 172px;
    z-index: 0;
}
#button_teacher img{
    width:161px;
}

#frame03 > #role01 {
    position: absolute;
    left: 702px;
    top: 480px;
}


#frame03 > #card01 {
    position: absolute;
    width: 100%;
    height: 550px;
    left: 0px;
    top: 200px;
    padding: 0px 124px 20px 54px;
    box-sizing: border-box;
}

#frame03 > #card01 > #table01 {
    width: 100%;
    height: 100%;
}

#frame03 > #card01 > #table01 td {
    vertical-align: middle;
    text-align: center;
}
#frame03 > #card01 > #table01 td .item01{
    cursor: pointer;
}

#frame03 .item01 {
    position: relative;
    width: 190px;
    height: 223px;
    margin: 0 auto;
    border-radius: 15px;
    background-color: #235b82;
    border-style: solid;
    border-width: 3px;
    border-color: #fff;
    box-sizing: border-box;
    transition: opacity 0.5s;
    overflow: hidden;
}

#frame03 .item01.hide {
    opacity: 0.5;
}

#frame03 #item01 {
    background-color: #235b82;
}

#frame03 #item02 {
    background-color: #ea4253;
}

#frame03 #item03 {
    background-color: #60b65f;
}

#frame03 #item04 {
    background-color: #ea7135;
}

#frame03 #item05 {
    background-color: #9e4d84;
}

#frame03 #item06 {
    background-color: #238aa7;
}

#frame03 #item07 {
    background-color: #eb6363;
}

#frame03 .item01 > #image01 {
    text-align: center;
    opacity: 1;
    transition: opacity 0.25s;
}

#frame03 .item01 > #image01.hide {
    opacity: 0;
}

#frame03 #item01 > #image01 {
    padding-top: 12px;
}

#frame03 #item02 > #image01 {
    padding-right: 2px;
    padding-top: 12px;
}

#frame03 #item03 > #image01 {
    padding-left: 6px;
    padding-top: 8px;
}

#frame03 #item04 > #image01 {
    padding-top: 17px;
}

#frame03 #item05 > #image01 {
    padding-right: 4px;
    padding-top: 9px;
}

#frame03 #item06 > #image01 {
    padding-left: 9px;
    padding-top: 6px;
}

#frame03 #item07 > #image01 {
    padding-top: 7px;
}

#frame03 .item01 > #image01 img {
    float: none;
}

#frame03 .item01 > #text01 {
    color: #fff;
    font-size: 30px;
    padding: 8px 0px 6px;
    font-weight: bold;
    text-align: center;
}

#frame03 .item01 > #text02 {
    color: #fff;
    font-size: 21px;
    padding: 0px 0px;
    font-weight: bold;
    text-align: center;
}

#frame03 .item01 > #description {
    position: absolute;
    right: 12px;
    bottom: 6px;
}

#frame03 .item01 > #description > #text01 {
    position: relative;
    float: left;
    color: #fff;
    line-height: 21px;
    margin-right: 5px;
    letter-spacing: 1px;
}

#frame03 .item01 > #description > #added01 {
    position: relative;
    float: left;
}


/*頁面03_01*/

#frame03 .childFrame01 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s;
}

#frame03 .childFrame01.active {
    opacity: 1;
    visibility: visible;
}

#frame03 .childFrame01 > .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #e9ecd9;
}

#frame03 .childFrame01 > .page01 {
    position: absolute;
    width: 100%;
    top: 10px;
    visibility: hidden;
}

#frame03 .childFrame01 > .page01.active {
    visibility: visible;
}

#frame03 .childFrame01 > .page01 > .bg {
    position: absolute;
    left: 0px;
    /*top: -5px;*/
    top: 70px;
}

#frame03 .childFrame01 > #close01 {
    position: absolute;
    right: 100px;
    top: 110px;
}

#frame03 .childFrame01 > .page01 > #content {
    position: absolute;
    width: 100%;
    background-color: #f3f5e6;
    height: 511px;
    left: 0px;
    top: 70px;
    /*opacity: 0.5;*/
    padding: 25px 135px 20px 80px;
    box-sizing: border-box;
}

#frame03 .childFrame01 > .page01 > #content > #table01 {
    width: 100%;
    height: 100%;
    background-color: #4652e5;
}

#frame03 .childFrame01 > .page01 > #content > #table01 td {
    text-align: center;
    vertical-align: middle;
}

#frame03 .childFrame01 > .page01 > #content > #table01 tr:first-child {
    height: 385px;
    background-color: aqua;
}

#frame03 .childFrame01 > .page01 > #content > #table01 td:first-child {
    width: 405px;
}

#frame03 .childFrame01 > .page01 > #content > #table01 td:nth-child(2) {
    width: 70px;
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #image01 {}

#frame03 .childFrame01 > .page01 > #content > #table01 td img {
    float: none;
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 {
    position: relative;
    width: 300px;
    height: 300px;
    background-color: black;
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 > .ringFragment01 {
    position: absolute;
    width: 111px;
    height: 92px;
    left: 150px;
    top: 150px;
    transform-origin: 55.5px 150px;
    transform: translate(-55.5px, -150px) rotate(0deg);
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 > #ringFragment01 {
    transform: translate(-55.5px, -150px) rotate(0deg);
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 > #ringFragment02 {
    transform: translate(-55.5px, -150px) rotate(45deg);
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 > #ringFragment03 {
    transform: translate(-55.5px, -150px) rotate(90deg);
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 > #ringFragment04 {
    transform: translate(-55.5px, -150px) rotate(135deg);
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 > #ringFragment05 {
    transform: translate(-55.5px, -150px) rotate(180deg);
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 > #ringFragment06 {
    transform: translate(-55.5px, -150px) rotate(225deg);
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 > #ringFragment07 {
    transform: translate(-55.5px, -150px) rotate(270deg);
}

#frame03 .childFrame01 > .page01 > #content > #table01 td #ring01 > #ringFragment08 {
    transform: translate(-55.5px, -150px) rotate(315deg);
}


/*頁面04*/

#frame04 {
    height: 600px;
}

#frame04 > .bg {
    background-color: #2d93d4;
    height: 100%;
}

#frame04 > #title01 {
    position: absolute;
    width: 97%;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    top: 0px;
}

#frame04 > #title01 > #text01 {
    position: relative;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    background-color: #ce344a;
    padding: 10px 102px;
    margin: 50px 0px 10px;
    border-radius: 30px;
}

#frame04 > #publicize01 {
    position: absolute;
    left: 0px;
    top: 140px;
    width: 100%;
    height: 330px;
    padding: 5px 85px 5px 100px;
    box-sizing: border-box;
}

#frame04 > #publicize01 > #table01 {
    width: 100%;
    height: 100%;
}

#frame04 > #publicize01 > #table01 td {
    text-align: center;
    vertical-align: middle;
}

#frame04 > #publicize01 > #table01 #item01 {
    width: 200px;
}

#frame04 > #publicize01 > #table01 #item02 {
    color: #fff;
    padding-left: 50px;
    padding-right: 10px;
    vertical-align: top;
}

#frame04 > #publicize01 > #table01 #item02 > #text01 {
    font-size: 26px;
    text-align: left;
    margin-top: 20px;
    white-space: nowrap;
}

#frame04 > #publicize01 > #table01 #item02 > #text01 #text {
    margin-right: 15px;
}

#frame04 > #publicize01 > #table01 #item02 > #text01 #line01 {
    width: 100%;
    height: 1px;
    background-color: #fff;
    box-sizing: border-box;
}

#frame04 > #publicize01 > #table01 #item02 > #text02 {
    font-size: 20px;
    text-align: left;
    margin-top: 75px;
    padding-left: 5px;
    text-decoration: line-through;
}

#frame04 > #publicize01 > #table01 #item02 > #text03 {
    font-size: 50px;
    margin-top: 14px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
}

#frame04 > #publicize01 > #table01 #item02 > #text03 .color01 {
    color: #f7ea19;
}

#frame04 > #publicize01 > #table01 #item02 > #button01 {
    position: absolute;
    bottom: -89px;
    right: 120px;
}
#button_test2{
    position: absolute;
    bottom: -26px;
    left: 130px;
}

@media screen and (max-width: 999px) {
.sideMenu > .items{
    right:55px ;
}
}