@font-face {font-family: "Microsoft JhengHei";
    font-display: swap;
    src: url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.svg#Microsoft JhengHei") format("svg"); /* iOS 4.1- */
}
/*-------------General Style---------------------------------------*/
html {overflow-x: hidden !important;position: relative;}
body {margin: 0;padding: 0;font-weight: 400;font-size:1rem;background-color: #1d1d1d; color: #fff;font-family: "Microsoft JhengHei", Roboto, sans-serif;line-height: 1.7;
}
*, ::after, ::before {box-sizing: border-box;}

.main{max-width: 500px;margin: 0 auto;background: #2d2d2d;position: relative;}
.header{position: relative;z-index: 1111;}
.img-fluid{max-width: 100%;display: block;}

.btn1 {display: inline-block;position: absolute;right:2.3%;top: 33.2%;z-index: 1;width: 38.1%;cursor:pointer;}
.btn1 span{display: block;}
.btn1 span img{width: 100%;}
.btn1 span img.btn-glow{position: absolute;left: 0;top: -2px;width: 100%;height: 100%;}

.btn1{animation: scale 2s infinite;}
.btn1 span img.btn-glow {animation: mymove 2s infinite;}

/*.qa-btn {*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    right: 1.5%;*/
/*    bottom: -6%;*/
/*    width: 21%;*/
/*    animation: scale 2s infinite;*/
/*}*/
.relative{position:relative}
.qa-btn2 {
    position: absolute;
    right: 19.4%;
    width: 125px;
    height: 125px;
    border-radius: 100%;
    z-index: 11;
    top: 228px;
	cursor:pointer;
}
.btn-girl {display: inline-block;position: absolute;left: 20px;right: 20px;top: 54.7%;z-index: 1;max-height: 220px;height: 24%;cursor:pointer;}
.fixed-center{max-width:100%;width:500px;    position: fixed;    	right:0;left:0;    bottom: 85px;    z-index: 11111;	margin:0 auto;	pointer-events:none;left: 0;
    display: flex;
    justify-content: flex-end;}
.qa-btn {    width: 80px;    animation: scale 2s infinite;	display:block;	pointer-events:all;margin-right: 16px;}
.qa-btn img{width: 100%;}

.icon{position: absolute;z-index: 2;animation: updown 4.5s infinite;pointer-events: none;}
.icon.icon1{right: 5.4%;top: 19.7%;width: 7.4%;animation-duration:5s}
.icon.icon2{right: 16%;top: 26.2%;width: 12%;}
.icon.icon3{right: 3.1%;top: 31.9%;width: 9%;animation-duration:4s}
@keyframes scale {
    0% {transform:scale(1);}
    50% {transform:scale(0.95);}
    100% {transform:scale(1);}
}
@keyframes mymove {
    0% {opacity: 1;}
    50% {opacity: 0.5;}
    100% {opacity: 1;}
}
@keyframes updown {
    0% {transform: translateY(0%);}
    50% {transform: translateY(30%);}
    100% {transform: translateY(0%);}
}

.qa-box{padding: 20px;padding-top: 60px;background-image: url(../images/img12.jpg);background-size: contain;position: relative;padding-bottom:150px;background-repeat: no-repeat;}
/*.qa-box:after{content:"";background-image: url(../images/img13.jpg);background-size: contain;height: 512px;width: 100%;position: absolute;bottom: 0;left: 0;background-repeat: no-repeat;background-position: center bottom;}*/
.block__item {
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}
.block__title {
    letter-spacing:0px;
    font-size: 36px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    color: #f1a21a;
}
.block__text {
    display: none;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 400;
}

.fade {opacity: 0;transform: translateY(100px);transition: .5s ease all;}
.fade.in-view {opacity: 1;transform: translateY(0px);transition: .5s ease all;}

.sound{
    position: absolute;
    z-index: 111111;
    top: 20px;
    right: 20px;
}

.chat-btn {
    float: left;
    position: absolute;
    z-index: 100;
}
sup.neon{font-size: 55%;
    margin-left: 5px;
    position: relative;
    top: -10px;}
.neon {
  color: #FB4264;
  text-shadow: 0 0 3vw #F40A35;
}

.neon {
  animation: neon 1s ease infinite;
  -moz-animation: neon 1s ease infinite;
  -webkit-animation: neon 1s ease infinite;
}

@keyframes neon {
  0%,
  100% {
    text-shadow: 0 0 1px #FA1C16, 0 0 3px #FA1C16, 0 0 10px #FA1C16, 0 0 10px #FA1C16, 0 0 .4px #FED128, .5px .5px .1px #806914;
    color: #FED128;
  }
  50% {
    text-shadow: 0 0 .5px #800E0B, 0 0 1.5px #800E0B, 0 0 5px #800E0B, 0 0 5px #800E0B, 0 0 .2px #800E0B, .5px .5px .1px #40340A;
    color: #806914;
  }
}

.owl-action-1.owl-theme .owl-dots{position: absolute;left: 0;right: 0;bottom: 10px;}
.owl-action-1.owl-theme .owl-dots .owl-dot{outline: none;}
.owl-action-1.owl-theme .owl-dots .owl-dot span{background: transparent;border: 2px solid #455378;width: 14px;height: 14px;}
.owl-action-1.owl-theme .owl-dots .owl-dot.active span,
.owl-action-1.owl-theme .owl-dots .owl-dot:hover span{background-color: #ec8b10;}