.banner{position:relative}.banner-image{position:relative;-webkit-box-align:center;-moz-box-align:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:1920px 717px;width:100%;height:717px}.banner-image-hover img:active,.banner-image-hover img:hover{opacity:1 !important}.banner-image-feversocial{background-position:35% 10% !important;background-image:url("https://www.strida.com/wp-content/themes/assets/image/preview/STRiDA_Feversocial_preview.png")}.banner-image-tutorial{background-position:center 77% !important;background-image:url("https://www.strida.com/wp-content/themes/assets/image/preview/2013-Strida-evo_preview.png")}.banner-box-tutorial{width:100%;height:600px;margin:0;padding:0}@media only screen and (max-width:1199px){.banner-image-feversocial,.banner-image-tutorial{background-size:1199px 377px}.banner-image{height:377px}}@media only screen and (max-width:1068px){.banner-image-feversocial,.banner-image-tutorial{background-size:1068px 370px}}@media only screen and (max-width:991px){.banner-image-feversocial,.banner-image-tutorial{background-size:991px 370px}}@media only screen and (max-width:767px){.banner-image-feversocial,.banner-image-tutorial{background-size:767px 270px}.banner-image{height:270px}}@media only screen and (max-width:576px){.banner-image-feversocial,.banner-image-tutorial{background-size:576px 170px}.banner-image{height:170px}}.banner-image-chi{background-image:url("https://www.strida.com/wp-content/uploads/2018/07/2019-Calendar-Best-shop-1902x768.jpg")}.banner-image-eng{background-image:url("https://www.strida.com/wp-content/uploads/2018/07/2019-Calendar-Best-shop-1902x768.jpg")}.banner-box{width:100%;height:100%;margin:0;padding:0}.banner-button-hover:active,.banner-button-hover:hover{background:#f75000}.banner-button-align-center{text-align:center}.banner .banner-button{position:absolute;top:45%;left:45%}.banner .banner-button-bottom{position:relative;z-index:2}@media only screen and (max-width:991px){.banner .banner-button{left:43%}}@media only screen and (max-width:767px){.banner .banner-button{top:43%}}@media only screen and (max-width:576px){.banner .banner-button{left:41%}}@media only screen and (max-width:386px){.banner .banner-button{left:39%}}.banner-button-base{zoom:1}.banner-button-base a:active,.banner-button-base a:hover{color:#fff}.banner-button-base a{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.15em;font-weight:700;padding:1em 2em;background:0 0;border:2px solid #f75000;color:#f75000;-webkit-border-radius:.25em;-moz-border-radius:.25em;border-radius:.25em;text-align:center;display:inline-block;cursor:pointer;text-decoration:none;line-height:1em;text-shadow:#000 .1em .1em .2em}.banner-button-base a span{font-weight:400}.banner .banner-button{position:absolute;top:45%;left:45%}@media only screen and (max-width:1199px){.banner-button-base a{font-size:1em}}@media only screen and (max-width:991px){.banner-button-base a{font-size:.9em}}@media only screen and (max-width:767px){.banner-button-base a{font-size:.85em}}@media only screen and (max-width:576px){.banner-button-base a{font-size:.7em}}@media only screen and (max-width:386px){.banner-button-base a{font-size:.5em}}