* {
    margin: 0;
    padding: 0; 
}
img{
    border: none;
    width: 9.067rem;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
a:focus {
    outline: none;
}
a:active {
    outline: none;
}
iframe {
    border: none; 
}
iframe::before, iframe::after{
    content: '';
    display: block;
    height: 0;
    width: 100%;
    border: none;
}
iframe:focus-within {
    outline: none;
}
img {
    display: block; }
  
.container {
    padding-top: 1.373rem; 
}
.container .header {
    overflow: hidden; 
}
.container .header .logo {
    width: 3.453rem;
    margin: 0 auto; 
}
.container .body .name{
    text-align: center;
    margin-top: 0.907rem;
}
.container .body .name .nameCH{
    color: #333;
    font-size: 0.46rem;
    letter-spacing: 1px;
    font-weight: bolder;
}
.container .body .name .nameEN{
    color: #868b8f;
    font-size: 0.44rem;
    margin-top: 0.173rem;
    letter-spacing: 1px;
}
.container .body {
    padding: 0.56rem 0 0 0 ;
}
.container .body .main-img{
    width: 9.067rem;
    margin: 0 auto;
}
.container .body .main-img{
    width: 9.067rem;
}
.container .body .video-box{
    width: 9.067rem;
    margin: 0 auto;
}
.container .body .video{
    border: none;
    width: 9.067rem;
    /* height: 10.933rem; */
    margin: 0 auto;
}

.container .body .instructions{
    width: 9.067rem;
    margin: 0 auto;
}
.container .body .mapp{
    width: 9.067rem;
    margin: 0 auto;
}
.container .body .mapp .title{
    text-align: center;
    font-size: 0.34rem;
    margin-top: 0.233rem;
}
.container .body .mapp .mapp-box{
    background-color: #f1f1f1;
    width: 9.067rem;
    height: 4.333rem;
    margin-top: 0.233rem;
    padding: 0.5rem 0;
    
    /* display: flex;
    justify-content: center;
    align-items: baseline; */
}
.container .body .mapp .mapp-box .mapp-left{
    width: 4.067rem;
    height: 5.333rem;
    text-align: center;
    margin: 0 auto;
}
.container .body .mapp .mapp-box .mapp-left img{
    width: 4.533rem;
    height: 4.333rem;
}
/* .container .body .mapp .mapp-box .mapp-right{
    width: 4rem;
    height: 4.333rem;
} */

.container .footer{
    width: 9.067rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.55rem;
    color: #c7c7c7;
}

.container .footer p{
    margin: 0.3rem;
}
.container .footer p a{
    color: #c7c7c7;
}
.container .footer p:nth-child(3){
    font-size: 0.3rem;
}


.space_h{
    height: 0.5rem;
    width: 100%;
}