.special-box3 .swiper-container{ width:100%;}
.swiper-get1-arr .swiper-button-next{
   background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 40%;
    width: 35px;
    height: 35px;
    right: 0px;
    background-image: url(../images/gbp_howto_next.png);
}
.swiper-get1-arr .swiper-button-prev{
   background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 40%;
    width: 35px;
    height: 35px;
    left: 0px;
	background-image: url(../images/gbp_howto_back.png);
}
.swiper-get1-arr .swiper-button-prev:hover{background-image:url(../images/gbp_howto_back_on.png);}
.swiper-get1-arr .swiper-button-next:hover{background-image:url(../images/gbp_howto_next_on.png);}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-how1-arr .swiper-button-next{
   background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 40%;
    width: 35px;
    height: 35px;
    right: 15px;
    background-image: url(../images/gbp_howto_next.png);
}
.swiper-how1-arr .swiper-button-prev{
   background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 40%;
    width: 35px;
    height: 35px;
    left: 15px;
	background-image: url(../images/gbp_howto_back.png);
}
.swiper-how1-arr .swiper-button-prev:hover{background-image:url(../images/gbp_howto_back_on.png);}
.swiper-how1-arr .swiper-button-next:hover{background-image:url(../images/gbp_howto_next_on.png);}

.swiper-rlp1-arr .swiper-button-next, .swiper-rlp2-arr .swiper-button-next, .swiper-rlp2sim-arr .swiper-button-next{
   background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 43%;
    width: 35px;
    height: 35px;
    right: 0px;
    background-image: url(../images/gbp_howto_next.png);
}
.swiper-rlp1-arr .swiper-button-prev,.swiper-rlp2-arr .swiper-button-prev, .swiper-rlp2sim-arr .swiper-button-prev {
   background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 43%;
    width: 35px;
    height: 35px;
    left: 0px;
	background-image: url(../images/gbp_howto_back.png);
}
.swiper-rlp1-arr .swiper-button-next, .swiper-rlp2-arr .swiper-button-next, .swiper-rlp2sim-arr .swiper-button-next{
    right: 15px;top: 50%;
}
.swiper-rlp1-arr .swiper-button-prev, .swiper-rlp2-arr .swiper-button-prev, .swiper-rlp2sim-arr .swiper-button-prev{
    left: 15px;top: 50%;
}

.swiper-rlp1-arr .swiper-button-prev:hover,.swiper-rlp2-arr .swiper-button-prev:hover, .swiper-rlp2sim-arr .swiper-button-prev:hover{background-image:url(../images/gbp_howto_back_on.png);}
.swiper-rlp1-arr .swiper-button-next:hover,.swiper-rlp2-arr .swiper-button-next:hover, .swiper-rlp2sim-arr .swiper-button-next:hover{background-image:url(../images/gbp_howto_next_on.png);}

.swiper-rlp1 .swiper-slide:nth-child(1),.swiper-rlp1 .swiper-slide:nth-child(2), .swiper-rlp1 .swiper-slide:nth-child(3),.swiper-rlp1 .swiper-slide:nth-child(4),
.swiper-rlp1 .swiper-slide:nth-child(5),.swiper-rlp1 .swiper-slide:nth-child(6),.swiper-rlp1 .swiper-slide:nth-child(7),.swiper-rlp1 .swiper-slide:nth-child(8),.swiper-rlp1 .swiper-slide:nth-child(9){
width:400px;
}

.swiper-rlp2 .swiper-slide:nth-child(1),.swiper-rlp2 .swiper-slide:nth-child(2), .swiper-rlp2 .swiper-slide:nth-child(3),.swiper-rlp2 .swiper-slide:nth-child(4),
.swiper-rlp2 .swiper-slide:nth-child(5),.swiper-rlp2 .swiper-slide:nth-child(6),.swiper-rlp2 .swiper-slide:nth-child(7),.swiper-rlp2 .swiper-slide:nth-child(8),.swiper-rlp2 .swiper-slide:nth-child(9){
width:160px;
}
.swiper-rlp2-arr{/* display:none;*/}

body{ /*color:#000000;*/}
#container{background-color: #fff;}

.special-box2{/* background:url(../images/index/index_04.jpg) center top no-repeat;*/ padding-bottom:30px; padding-top: 30px;
background: #fff;}
.special-box2 .row{max-width:1200px;}
.special-box3{ width:100%; max-width:1140px; /*max-width:1366px; */margin:0 auto; position:relative; /*padding:0 45px;*/}
.special-box2-txtwrap{ width:100%; text-align:center;}

.special-box2-img{ display:inline-block;}
.special-box2-title{ line-height:1.4; font-size: 61px;font-family: 'db_heaventbold_cond';color:#da3a7a;}
.special-box2-desc{line-height:1.4;font-size:36px;font-family: db_heavent_cond;}
.special-box3-txt1{ line-height:1; font-size: 49px;font-family: db_heaventmed_cond;padding-top: 78px;}
.special-box3-txt2{line-height:1.4;font-size:90px;font-family: db_heaventmed_cond;color:#000000;}

.special-box2-screen-txtwrap{ width:100%; text-align:center;}
.special-box2-screen-title{ line-height:1.2; font-size: 48px;font-family: 'db_heaventbold_cond';color:#000; padding-left: 40px; padding-bottom: 15px;}
.special-box2-screen-desc{line-height:1.4;font-size:45px;font-family: 'db_heaventmed_cond';
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
}
#sec-special-privileges {
    padding-top: 20px;
}
.font-green{color: #95bb00;}
.special-box2-simwrap{ width:100%; text-align:center;
padding-top: 30px; padding-bottom:20px;
padding-left:60px; padding-right:60px;
max-width: 960px;position: relative;
margin: 0 auto;overflow: hidden;}

.special-box2-screen-simwrap{ width:100%; text-align:center;
padding-top: 30px; /*padding-bottom:20px;*/
padding-left:60px; padding-right:60px;
max-width: 1100px;position: relative;
margin: 0 auto;overflow: hidden;}

.sim-box { min-width:1200px;}
.sim-box > li {
display: block;
height: auto;
float: left;
padding: 0;
width:170px; text-align:center;
}
.sp-btn_more-wrap{
margin-top: 33px;
background-color: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
width: 131px;
line-height: 31px; 
display: inline-block; cursor:pointer;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
}
.sp-btn_more {
font-size: 18px;
font-family: db_heaventmed_cond;
text-align: center;
/*border: 1px solid #fff;*/
width: 125px;
    padding: 5px;
/*line-height: 25px;*/
color: #000;
display: inline-block;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.sp-btn_more-wrap:hover {background-color: #b0d034;color: #fff;}

.sp-btn_buy-wrap{
margin-top: 15px;
background-color: #b2d135;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
width: 131px;
/*height: 31px;    */margin-bottom: 20px;
display: inline-block; cursor:pointer;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;}
.sp-btn_buy {
font-size: 18px;
font-family: db_heaventmed_cond;
text-align: center;
/*border: 1px solid #fff;*/
width: 125px;
/*line-height: 20px;*/
margin-top: 5px;
padding: 5px;
color: #000;
display: inline-block;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.sp-btn_buy-wrap:hover{background-color: #000;color: #fff;}
.sp-btn_buy-wrap:hover a{color: #fff;}

.box-shadow10{
width: 143px;
height: 170px;
margin: 0 auto; 
/*-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.25);*/

-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow:hidden;
}

.special-box3-txtwrap{ max-width:800px; margin:0 auto;}
.newsim-img{ padding-top:35px;}
.special-box3-bubble{    max-width: 1366px;
margin: 0 auto;width: 100%;overflow: auto;
position: relative;}
.special-box3-bubble .row{	min-width:1600px;}
.panel14{ 
    position: relative;
    width: 100%;
	}
.panel15{ padding-left:15px; padding-right:15px;
	}
.btn_click{ text-align:center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
width:100px; height:32px; line-height:32px;position:absolute; 
font-size: 20px;font-family: db_heaventmed_cond;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.btn_click1{ 
margin-top: 77%;
margin-left: 34%;
background-color:#ec008c;
color:#fff;
border-bottom:2px solid #b1026a;
border-top:2px solid #f89cd2; 
}

.btn_click2{ 
margin-top: 73%;
margin-left: 46%;
background-color:#ec008c;
color:#fff;
border-bottom:2px solid #b1026a;
border-top:2px solid #f89cd2;
}
.btn_click1:hover, .btn_click2:hover{background-color:#cc027a;color:#fff;}
.btn_click3{ 
margin-top: 74%;
margin-left: 34%;
background-color:#f9b24f;
color:#000;
border-bottom:2px solid #b8700e;
border-top:2px solid #fde1bb;
}
.btn_click3:hover{background-color:#dc9d46;color:#000;}

.btn_click4{ 
margin-top: 78%;
margin-left: 34%;
background-color:#ec008c;
color:#fff;
border-bottom:2px solid #b1026a;
border-top:2px solid #f89cd2;
}
.btn_click4:hover{background-color:#cc027a;color:#fff;}
.btn_apr_click{ text-align:center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
    width: 85px;
    height: 27px;
    line-height: 25px;
position:absolute; 
font-size: 17px;font-family: db_heaventmed_cond;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

/*popup_bg*/
#popup_bg {
    position: fixed;
    z-index: 990;
    width: 100%;
    height: 3000px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9); display:none;
}
.Absolute-Center{
z-index:999;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
display:none;
/*background-color: #ff0000;*/
}
.Absolute-Center.is-Responsive {
  width: 60%;
  height: 60%;
  min-width: 200px;
  max-width: 400px;
  padding: 40px;
}
.Absolute-Center.is-Resizable {
  min-width: 20%;
  max-width: 80%;
  min-height: 20%;
  max-height: 80%;
  resize: both;
  overflow: auto;
}
.Absolute-Center.is-Fixed {position: fixed;z-index: 999;} 
#popup_view, #popup_view2, #popup_view3, #popup_view4, #popup_view5, #popup_view6, #popup_view7, #popup_view8{width:100%;
height: 100%;
overflow: auto;position: fixed;}
.pop_view_close {
    background: url(../images/close_pop.png);
    width: 40px;
    height: 41px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 999;
}
.pop_view_close:hover {
    background: url(../images/close_pop_over.png);
}
.pop_view_stg{ position:relative;}
.pop_view_head {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -145px;
}
.pop_view_btn{ position: absolute;
    margin-left: 29%;
    margin-top: 79%;
    width: 160px;
    height: 36px;
    background-color: #b2d135;
    color: #000;
    border-bottom: 2px solid #6a7f13;
    border-top: 2px solid #e1edb1;
    line-height: 36px;
    font-size: 18px;
    font-family: db_heaventmed_cond;
    text-align: center;
	cursor:pointer;
}
.pop_view_btn:hover{background-color:#98b22e;color:#000;}
.pop_view_btn2{ position: absolute;
    margin-left: 29%;
    margin-top: 91%;
    width: 160px;
    height: 36px;
    background-color: #b2d135;
    color: #000;
    border-bottom: 2px solid #6a7f13;
    border-top: 2px solid #e1edb1;
    line-height: 36px;
    font-size: 18px;
    font-family: db_heaventmed_cond;
    text-align: center;
	cursor:pointer;
}
.pop_view_btn2:hover{background-color:#98b22e;color:#000;}

#special-box3_pc{ display:block;}
#special-box3_mb{ display:none;}
.btn_mo_apr1{position:absolute; top: 51%; overflow:hidden;
    height: 8%; width:100%; /*border:1px solid #ff0000;*/}
.btn_mo_apr2{position:absolute; top: 60%; overflow:hidden;
    height: 8%; width:100%; /*border:1px solid #ff0000;*/}
.btn_mo_apr3{position:absolute; top: 69%; overflow:hidden;
    height: 10%; width:100%; /*border:1px solid #ff0000;*/}
.btn_mo_apr1 img,.btn_mo_apr2 img,.btn_mo_apr3 img{ width:100%; height:100%;}
@media screen and (max-width: 1215px){
.swiper-rlp2-arr{ display:block;}
}
@media screen and (max-width: 1024px){
#special-box3_pc{ display:none;}
#special-box3_mb{ display:block;}
}
@media screen and (max-width: 768px){
.special-box2-simwrap, .special-box2-screen-simwrap, .retention_sec2-desc {
padding-left: 50px;
padding-right: 50px;
}
.box_circle {
    position: relative;
    padding: 0 50px;
}
.special-box3 {
/*padding: 0 50px;*/
}
.swiper-rlp1-arr .swiper-button-next, .swiper-rlp2-arr .swiper-button-next, .swiper-rlp2sim-arr .swiper-button-next {

width: 30px;
height: 30px;
}
.swiper-rlp1-arr .swiper-button-prev,.swiper-rlp2-arr .swiper-button-prev, .swiper-rlp2sim-arr .swiper-button-prev {

width: 30px;
height: 30px;
}
.swiper-how1-arr .swiper-button-next, .swiper-how1-arr .swiper-button-prev, .swiper-get1-arr .swiper-button-next, .swiper-get1-arr .swiper-button-prev {

width: 30px;
height: 30px;
}


}
@media screen and (max-width: 1024px){
/*.hand_touch_wrap{position: absolute;
    z-index: 20;    margin-left: -25px;
	width:100%; height:100%;}*/
.hand_touch {
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url(../images/touch.gif) no-repeat center;
    background-size: 100% 100%;
    border-radius: 500px;
    opacity: 0.9;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}
}
@media (min-width: 548px){
#popup_view2, #popup_view3, #popup_view4, #popup_view5, #popup_view6, #popup_view7, #popup_view8{
width: 548px;
height: 560px;
position: fixed;
}
#popup_view{
width: 548px;
height: 620px;
position: fixed;
}
.pop_view_btn{ position: absolute;
margin-left: 32%;
margin-top: 81%; 
width:194px; height:40px;
background-color: #b2d135;
color: #000;
border-bottom: 2px solid #6a7f13;
border-top: 2px solid #e1edb1;
line-height:40px; font-size: 20px;font-family: db_heaventmed_cond; text-align:center;
}
.pop_view_btn2{ position: absolute;
margin-left: 32%;
margin-top: 92%; 
width:194px; height:40px;
background-color: #b2d135;
color: #000;
border-bottom: 2px solid #6a7f13;
border-top: 2px solid #e1edb1;
line-height:40px; font-size: 20px;font-family: db_heaventmed_cond; text-align:center;
}
}
@media (min-width: 992px){
.pop_view_close {
    width: 40px;
    height: 41px;
    position: absolute;
    right: 5px;
    top: 45px;
    cursor: pointer;
    /*background-size: 100% 200%;*/
}
}
@media (max-width: 1100px){
.btn_click{ 
width: 90px;
height: 30px;
line-height: 30px;
font-size: 17px;
}
}

@media (max-width: 767px){
	.special-box2-screen-title {
    line-height: 1.4;
    font-size: 35px;
padding: 0 15px;
}
.special-box2-screen-desc {
    line-height: 1.4;
    font-size: 30px;
    padding: 0 15px;
}
.special-box2-title {
    line-height: 1.5;
    font-size: 35px;
    padding: 0 15px;}
.special-box2-img {
    display: inline-block;width: 120px;
}
.special-box2-desc {
    line-height: 1.4;
    font-size: 25px;
    padding: 0 15px;
}
.special-box3-txtwrap {
    text-align: center;
}
.newsim-img {
    width: 100%;
}
.special-box3-txt1 {
    font-size: 35px;padding-top: 40px;
}
.special-box3-txt2 {
    line-height: 1.4;
    font-size: 60px;
}
}
@media (max-width: 480px){
.special-box3-txt1 {
    padding-top: 20px;
}
}

.rlp_condition_bt {
display: inline-block;
font-family: db_heaventbold_cond;
font-size: 22px;
color: #000;
border-radius: 100px;
padding: 7px 20px;
padding-right: 50px;
background: url(../images/arrow_down_w.png) no-repeat right 15px center #bfe23c;
}
.rlp_condition_bt:hover {
    background-color: #000; color:#fff;
    cursor: pointer;
}
.rlp_condition_bt.active {
background-image: url(../images/arrow_up_w.png);
}
.special-condition{    width: 100%;
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
	    padding: 0 15px;margin-top: 15px;
	padding-bottom: 50px;}
.rlp_condition_txt {
    line-height: 1.4;
    font-size: 17px;
    color: #000; display:none;
    padding: 20px 0;font-family: db_heavent_cond;}
.mash_wifi_pack-ul {
    margin: 0;
    color: #000;
    /*font-size: 17px;*/
}
.mash_wifi_pack-ul li{ margin-left: 20px; }
.mash_wifi_pack-ul > li {
 /* text-indent: -10px;*/
}
/*.mash_wifi_pack-ul > li:before {
  content: "- ";
  text-indent: -5px;margin-left: -10px;
}*/
.hero-banner{width: 100%; background:url(../images/bg_banner.jpg) center top;  position:relative; text-align:center;}
.hero-banner-txt{ position:absolute;}

.hero-banner-txt1-wrap{color:#bfe23c;font-family: 'db_heaventbold_cond';
margin-left: 4.2%;
    margin-top: 3.2%;
    width: 28%;}
.hero-banner-txt1{  font-size:128px;    font-size: 7.2vw;}

.hero-banner-txt2-wrap{color: #bfe23c;
    font-family: 'db_heaventbold_cond';
        margin-left: 4%;
    margin-top: 11.8%;
    width: 30%;
    /*background-color: #F3EA13;*/}
.hero-banner-txt2{ font-size:50px; font-size: 7.85vw;}
.hero-banner-txt21-wrap{color: #000;
    font-family: 'db_heaventbold_cond';
    margin-left: 4.2%;
    margin-top: 12%;
    width: 30%;
    /*background-color: #F3EA13;*/}
.hero-banner-txt21{ font-size:50px; font-size: 7.85vw;}
.hero-banner-txt-logo{
        margin-left: 31.5%;
    margin-top: 3.8%;
    width: 10%;}
.vdo_mobile-wrap {
background-color: #000;
position: absolute;
left: 66%;
    margin-top: -42%;
    width: 31%;
    height: 245px;
}

#vdo-youtube-play{
position: absolute;
width: 100%;
height: 100%;
background: url(../images/update2019/btn_play.png) center no-repeat;
z-index: 3;
cursor: pointer;
transition: all .2s ease-in-out;
}
#vdo-youtube-play:hover{
transform: scale(1.1) !important;
}
.vdo_mobile-wrap iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
.special-bg-wrap{ padding-top:40px; background:url(../images/bg_top.png) #e5e6ea center top no-repeat;
/*    background-size: 100%;
    background-position:center 60%;*/}
.special-bg-wrap3{  background:url(../images/bg_center.png) no-repeat; background-position:0 50%;
}
/*.special-bg-wrap3{ background:url(../images/bg_green.png) center no-repeat; 
}*/
.special-bg-wrap4{  background:url(../images/bg_obj.png) center bottom no-repeat;
}
.col-lr-4.col-bb{ width:400px; }
.col-lr-1.col-step1{ width: 25%;}
.col-lr-1.col-step2{width: 5%;}
.col-lr-1.col-step3{width: 40%;}
.col-lr-1.col-step4{width: 5%;}
.col-lr-1.col-step5{width: 25%;}
.step_arr{ width:100%; text-align:center; padding-top:250px;}
.box_step{ background-color:#e61e88; border-top:3px #8a2457 solid;
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	    margin: 0 auto;
    margin-top: 20px;
    font-family: db_heaventmed_cond;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    position: relative;
    padding: 35px 15px 15px 15px;
    height: 155px;
    max-width: 410px;
}
.howto_num_pos {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
     border-radius: 100px;
    color: #000;    top: -23px; left:50%; margin-left: -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: db_heavent_cond;
    font-size: 30px;
    line-height: 40px;
    border: 3px solid #fff; 
    background-color: #9dba2f; position:absolute;
	
}
@media (max-width: 999px){
.special-box3-bubble .row {
    /*zoom: 0.8;
    -moz-transform: scale(0.8);*/
}
/*.special-bg-wrap {
    padding-top: 20px;
}*/
#container{ background:none;}
.special-bg-wrap2{  background:url(../images/bg_bottom.jpg) center bottom no-repeat;
}
.special-condition {
    padding-bottom: 45px; 
} 
#popup_view, #popup_view2, #popup_view3, #popup_view4, #popup_view5, #popup_view6, #popup_view7, #popup_view8 {
    top: 20%;
}
.rlp_condition_bt{font-size: 20px;
    display: inline-block;
    font-family: db_heaventbold_cond;
    color: #000;
    border-radius: 100px;
    padding: 7px 20px;
    padding-right: 50px;
background: url(../images/arrow_down_w.png) no-repeat right 15px center #bfe23c;
}
.rlp_condition_bt:hover {
    background-color: #000; color:#fff;
    cursor: pointer;
}
.rlp_condition_bt.active {
background-image: url(../images/arrow_up_w.png);
}
.hero-banner-txt1-wrap {
    margin-left: 41.7%;
    margin-top: 9.4%;
    width: 41%;
    /*border: 1px #ff0000 solid;*/
}
.hero-banner-txt1 {
    font-size: 128px;
    font-size: 10vw;
}
.hero-banner-txt2-wrap {
color: #bfe23c;
    font-family: 'db_heaventbold_cond';
    margin-left: 41.7%;
    margin-top: 21.2%;
    width: 50%;
     /*border: 1px #ff0000 solid;*/
}
.hero-banner-txt2 {
    font-size: 50px;
    font-size: 12.4vw;
}
.hero-banner-txt21-wrap {
color: #000;
    font-family: 'db_heaventbold_cond';
    margin-left: 41.9%;
    margin-top: 21.4%;
    width: 50%;
    /*border: 1px #ff0000 solid;*/
}
.hero-banner-txt21 {
    font-size: 50px;
    font-size: 12.4vw;
}
.hero-banner-txt-logo {
        margin-left: 80.5%;
    margin-top: 11%;
    width: 14%;
}
.vdo_mobile-wrap {
    background-color: #badc35;
    left: 0;
    margin-top: 0;
    width: 100%;
        overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.vdo_mobile-wrap iframe {
    left: 4%;
    top: 4%;
    height: 92%;
    width: 92%;
    position: absolute;
}
.special-bg-wrap{ background: url(../images/bg_top.png) #fff center top no-repeat; background-size:100% auto;}


}

@media (max-width: 768px){
/*.special-bg-wrap{ background:url(../images/indexmb.jpg) #e5e6ea no-repeat center top; background-size:150% auto;}*/
}
@media (max-width: 480px){
/*.special-bg-wrap{ background:url(../images/indexmb.jpg) #e5e6ea no-repeat center top; background-size:200% auto;}*/
}
@media only screen and (min-width: 1400px){
.hero-banner-txt1, .hero-banner-txt11 {
    font-size: 97px;
}
.hero-banner-txt2,.hero-banner-txt21 {
    font-size: 106px;}
/*.hero-banner-txt3 {
    font-size: 37px;}*/
}
.sim-title{color:#000; font-size:16px;font-family: 'db_heaventmed_cond';
text-shadow: 2px 2px 8px #fff; margin-bottom:5px; display:none;}
.mash_wifi_pack-ol {
	margin-top: 0;
    margin-bottom: 0;
padding-left: 25px;
}
.text_center{ text-align:center; width:100%;}


.bb1-txt{
	font-family: 'db_heaventbold_cond';
	position: absolute;
	color: #000;
}
.bb1-txt1{
    margin-left: 38%;
    margin-top: 9%;
    font-size: 65px;}
.bb1-txt2{  
margin-left: 21.5%;
    margin-top: 31%;
    font-size: 38px;}
.bb1-txt2 span{ font-family:akrobatblack; font-size:42px; line-height:20px;}
.bb1-txt3{
    margin-left: 39%;
    margin-top: 58%;
    font-size: 18px;}
.bb1-txt4{
	font-family:akrobatblack;
	color: #ec008c;
    margin-left: 25.5%;
    margin-top: 40%;
    font-size: 65px;}
.bb1-txt41{ 
font-family:akrobatblack;
    margin-left: 70%;
    margin-top: 41%;
    font-size: 42px; line-height:20px;}
.bb1-txt5{
	color: #ec008c;
    margin-left: 42%;
    margin-top: 43%;
    font-size: 45px;
}
.bb1-line1{
    margin-left: 43%;
    margin-top: 30%; background-color:#7d7d7d; width:2px; height:220px;
}
.bb1-txt6{
    margin-left: 46%;
    margin-top: 50%;
    font-size: 18px;
}
.bb1-img1{
margin-left: 5%;
margin-top: 4%;
width: 20%;}
.bb1-img2{
        margin-left: 30%;
    margin-top: 65%;
    width: 32%;}
.bb1-img3{

    margin-left: 46%;
    margin-top: 42%;
    width: 24%;}
.bb1-img4{
margin-left: 46%;
margin-top: 58%;
width: 32%;}
.bb2-txt1{
margin-left: 38%;
    margin-top: 10%;
    font-size: 45px; font-family: 'db_heaventbold_cond';}
.bb2-txt2{
    margin-left: 16.8%;
    margin-top: 43.5%;
    font-size: 38px;
   }
.bb2-txt2-big {
    font-family: akrobatblack;
    font-size: 60px;
    line-height: 20px;
}
.bb2-txt3 {
    margin-left: 25%;
    margin-top: 56%;
    font-size: 45px;
    color: #ec008c;
}

.bb2-txt3-big {
    font-family: akrobatblack;
    font-size: 60px;
    line-height: 20px;
}
.bb2-txt4{
margin-left: 27%;
    margin-top: 31%;
    font-size: 38px;}
.bb2-txt41{
    font-size: 20px;}
.bb2-txt5{
margin-left: 38.5%;
    margin-top: 71%;
    font-size: 18px;}
.bb2-img1{
    margin-left: 0%;
    margin-top: 0%;
    width: 31%;}
.bb2-img2{
margin-left: 27%;
    margin-top: 78%;
    width: 54%;}
.bb2-img3{
    margin-left: 13%;
    margin-top: 59%;
    width: 10%;}	
.bb3-txt1{
    margin-left: 39%;
    margin-top: 10%;
    font-size: 45px; }
.bb3-txt2{
    margin-left: 20%;
    margin-top: 32%;
	    font-size: 39px;
    color: #ec008c;
}
.bb3-txt3{
    margin-left: 20.5%;
    margin-top: 59%;
    font-size: 24px;}
.bb3-txt3-big{
    font-family: akrobatblack;
    font-size: 60px;
    line-height: 20px;
}
.bb3-txt4{
margin-left: 20.5%;
    margin-top: 59%;
    font-size: 24px;
	}
.bb3-txt5 {
    margin-left: 38.5%;
    margin-top: 72%;
    font-size: 18px;
}
.bb3-txt6{
    margin-left: 14.5%;
    margin-top: 48%;
    font-size: 24px;
	}
.bb3-txt7{
    margin-left: 59.5%;
    margin-top: 48%;
    font-size: 24px;
	}
.bb3-img1{
    margin-left: 0%;
    margin-top: 0%;
    width: 31%;}
.bb3-img2{
margin-left: 44%;
    margin-top: 45%;
	width: 57px;
}
.bb3-img3{
    margin-left: 27%;
    margin-top: 79%;
    width: 40%;
}
.bb4-txt1{
    margin-left: 39%;
    margin-top: 10%;
    font-size: 45px; }
.bb4-txt2{
        margin-left: 18%;
    margin-top: 31%;
    font-size: 39px;
}
.bb4-txt3{
    margin-left: 19%;
    margin-top: 45%;
    font-size: 45px;
    color: #ec008c;}
.bb4-txt3-big{
    font-family: akrobatblack;
    font-size: 60px;
    line-height: 20px;
}
.bb4-txt4{
margin-left: 21%;
    margin-top: 59%;
    font-size: 24px;}
.bb4-txt5 {
    margin-left: 38.5%;
    margin-top: 71%;
font-size: 18px
}

.bb4-img2{
    margin-left: 50%;
    margin-top: 32%;
    width: 34%;}
.bb4-img3{
margin-left: 27%;
    margin-top: 78%;
    width: 39%;
}
/*--------------------------------------------------------------------*/
.bb6-txt1{
    margin-left: 36%;
    margin-top: 12%;
    font-size: 38px;
    }
.bb6-txt1p{margin-left: 29%;margin-top: 22%;font-size: 38px;color:#ec008c;}
.bb6-txt2{
    margin-left: 13%;
    margin-top: 28.5%;
    font-size: 38px;
    color:#ec008c;
    }
.bb6-txt2p{
    margin-left: 29%;
    margin-top: 32%;
    font-size: 24px;
    }
.bb6-txt3{
        margin-left: 5.5%;
    margin-top: 42%;
    font-size: 39px;
    text-align:right;
    }
.bb6-txt3p{
color:#ec008c;}
.bb6-txt2 span{ font-family:akrobatblack; font-size:42px; line-height:20px;}
.bb6-txt4{
    margin-left: 39%;
    margin-top: 72%;
    font-size: 18px;}
	.bb6-txt5{
    margin-left: 15%;
    margin-top: 59%;
    font-size: 24px;
    }

.bb6-img1 {    margin-left: 60.8%;
    margin-top: 54.5%;width: 54%;}
.bb6-img2 {
margin-left: 27.7%;
    margin-top: 79%;
    width: 54%;
}
.btn_click6 {
    margin-top: 77%;
    margin-left: 34%;
    background-color: #ec008c;
    color: #fff;
    border-bottom: 2px solid #b1026a;
    border-top: 2px solid #f89cd2;
}

.bb7-txt1{
    margin-left: 35%;
    margin-top: 9%;
    font-size: 65px;}
.bb7-txt2p{
margin-left: 27%;
    margin-top: 32%;
    font-size: 39px;
    color: #ec008c;}
.bb7-txt3{
    margin-left: 24%;
    margin-top: 45%;
    font-size: 38px;}
.bb7-txt3p{
    margin-left: 42%;
    margin-top: 31%;
    font-size: 39px;
    color: #ec008c;
    font-family: akrobatblack;
}
.bb7-txt6 {
    margin-left: 32%;
    margin-top: 48%;
    font-size: 24px;
}
.bb7-txt7 {
margin-left: 19.5%;
    margin-top: 59%;
    font-size: 24px;
}
.bb7-img1 {
    margin-left: 27%;
    margin-top: 78%;
    width: 39%;
}
.tab_2017{ margin-top:10px; margin-bottom:10px;}
.tab_2017 td{ padding:10px;}
.txt_remark{font-size:14px;}

.bb_apr1-txt1{
    margin-left: 34%;
    margin-top: 9%;
    font-size: 63px;}
.bb_apr1-txt2{
    margin-left: 42%;
    margin-top: 38%;
    font-size: 34px;
	line-height: 35px;
	font-family: akrobatblack;}
.bb_apr1-txt3{
    margin-left: 42%;
    margin-top: 57%;
    font-size: 18px;}
.bb_apr1-txt4{
    margin-left: 36%;
    margin-top: 67%;
    font-size: 18px;}
.bb_apr1-img1 {
    margin-left: 12%;
    margin-top: 34%;
    width: 39%;}
.bb_apr1-img2 {
        margin-left: 27.5%;
    margin-top: 74%;
    width: 40%;}
.btn_apr1_click1 {
    background-color: #ec008c;
    color: #fff;
    border-bottom: 2px solid #b1026a;
    border-top: 2px solid #f89cd2;
    margin-top: 83.3%;
    margin-left: 37%;
}
	
.bb_apr2-txt1{
    margin-left: 35%;
    margin-top: 9%;
    font-size: 65px;}
.bb_apr2-txt2{
    margin-left: 22%;
    margin-top: 32%;
    font-size: 39px;    color: #ec008c;
}
.bb_apr2-txt2-big {
    font-family: akrobatblack;
    font-size: 60px;
    line-height: 20px;
}
.bb_apr2-txt3{
margin-left: 11%;
    margin-top: 44%;
    font-size: 39px;}
.bb_apr2-img1 {
margin-left: 13%;
    margin-top: 57%;
    width: 35%;}
.bb_apr2-img2 {
margin-left: 13%;
    margin-top: 67.3%;
    width: 36%;}
.bb_apr2-img3{
margin-left: 33%;
    margin-top: 77%;
    width: 15%;}
.btn_apr_click1{ 
background-color:#ec008c;
color:#fff;
border-bottom:2px solid #b1026a;
border-top:2px solid #f89cd2; 
    margin-top: 57.3%;
    margin-left: 51%;
}
.btn_apr_click2{ 
background-color:#ec008c;
color:#fff;
border-bottom:2px solid #b1026a;
border-top:2px solid #f89cd2; 
    margin-top: 67.5%;
    margin-left: 51%;
}
.btn_apr_click3{ 
background-color:#ec008c;
color:#fff;
border-bottom:2px solid #b1026a;
border-top:2px solid #f89cd2; 
    margin-top: 79.2%;
    margin-left: 51%;
}
.bb10p3-txt1{
    margin-left: 39%;
    margin-top: 10%;
    font-size: 45px; }
.bb10p3-txt2{
    margin-left: 10%;
    margin-top: 31%;
    font-size: 37px;
}
.bb10p3-txt3{
    margin-left: 19%;
    margin-top: 45%;
    font-size: 45px;
    color: #ec008c;}
.bb10p3-txt3-big{
    font-family: akrobatblack;
    font-size: 60px;
    line-height: 20px;
}
.bb10p3-txt4{
margin-left: 20%;
    margin-top: 59%;
    font-size: 24px;
	}
.bb10p3-txt5 {
    margin-left: 38.5%;
    margin-top: 71%;
    font-size: 18px;
}
.bb10p3-img1{
    margin-left: 0%;
    margin-top: 0%;
    width: 31%;}
.bb10p3-img2{
    margin-left: 50%;
    margin-top: 32%;
    width: 34%;}
.bb10p3-img3{
margin-left: 27%;
    margin-top: 78%;
    width: 39%;
}
.bb10p4-txt1{
    margin-left: 39%;
    margin-top: 10%;
    font-size: 45px; }
.bb10p4-txt2{
        margin-left: 18%;
    margin-top: 31%;
    font-size: 39px;
}
.bb10p4-txt3{
    margin-left: 19%;
    margin-top: 45%;
    font-size: 45px;
    color: #ec008c;}
.bb10p4-txt3-big{
    font-family: akrobatblack;
    font-size: 60px;
    line-height: 20px;
}
.bb10p4-txt4{
margin-left: 21%;
    margin-top: 59%;
    font-size: 24px;}
.bb10p4-txt5 {
    margin-left: 38.5%;
    margin-top: 71%;
font-size: 18px
}

.bb10p4-img2{
    margin-left: 50%;
    margin-top: 32%;
    width: 34%;}
.bb10p4-img3{
margin-left: 27%;
    margin-top: 78%;
    width: 39%;
}
.bb10p7-txt1{
    margin-left: 35%;
    margin-top: 9%;
    font-size: 65px;}
.bb10p7-txt2p{
margin-left: 26%;
    margin-top: 37%;
    font-size: 38px;}
.bb10p7-txt3{
    margin-left: 24%;
    margin-top: 45%;
    font-size: 38px;}
.bb10p7-txt3p{
    margin-left: 33%;
    margin-top: 47%;
    font-size: 65px;
    color: #ec008c;
    font-family: akrobatblack;
}
.bb10p7-txt4p{
    color: #ec008c;
    margin-left: 51%;
    margin-top: 52.3%;
    font-size: 45px;}
.bb10p7-txt5{
margin-left: 38.5%;
    margin-top: 71%;
    font-size: 18px;}
.bb10p7-img1 {
    margin-left: 27%;
    margin-top: 78%;
    width: 39%;
}
.bb_jul1-txt1{
    margin-left: 35%;
    margin-top: 9%;
    font-size: 65px;}
.bb_jul1-txt2{
    margin-left: 40%;
    margin-top: 38%;
    font-size: 35px;
	line-height: 35px;
	font-family: akrobatblack;}
.bb_jul1-txt3{
        margin-left: 40%;
    margin-top: 58%;
    font-size: 18px;}
.bb_jul1-txt4{
margin-left: 35.5%;
margin-top: 69%;
font-size: 18px;}
.bb_jul1-img1 {
margin-left: 14%;
margin-top: 32%;
width: 39%;}
.bb_jul1-img2 {
margin-left: 28%;
margin-top: 75%;
width: 39%;}
.btn_jul1_click{ 
background-color:#ec008c;
color:#fff;
border-bottom:2px solid #b1026a;
border-top:2px solid #f89cd2; 
margin-top: 84%;
margin-left: 37%;
}

/*20210115*/
.table-wrapper_mb{ display:none;margin-top:20px; }
.table-wrapper{ background-color:#a8c248; margin-top:20px;}
.fl-table {
    border-radius: 5px;
    font-size: 16px;
    font-weight: normal;
    border: 2px solid #a8c248;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}

.fl-table td, .fl-table th {
    text-align: center;
    padding: 8px;
	font-weight: normal;
}

.fl-table td {
    border-right: 2px solid #a8c248;
}

.fl-table thead th {
    background: #a8c248;
	border-right: 2px solid #fff;
}
.fl-table thead th:last-child {
	border:none;
}

/*.fl-table thead th:nth-child(odd) {
    color: #000;
    background: #324960;
	
}

.fl-table tr:nth-child(even) {
    background: #F8F8F8;
}*/

/* Responsive */

@media (max-width: 700px) {
.table-wrapper{ display:none;}
.table-wrapper_mb{ display:block; }
.fl-table_mb {
border: 2px solid #a8c248;
}
.fl-table_mb tr{
	
}
.fl-table_mb td{
    text-align: center;
    padding: 10px;
	font-weight: normal; background:#fff;
	border-bottom: 2px solid #a8c248;
	
}
.fl-table_mb td:nth-child(odd) {
    color: #000;
    background: #a8c248;
	border-bottom: 2px solid #fff;
	
}

}
.howto_num {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
        border-radius: 100px;
    color: #000;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: db_heavent_cond;
    font-size: 30px;
    line-height: 40px;
    /* border: 3px solid #a6d514; */
    margin: 0 auto;
    background-color: #fff;
}

.howto_num.greencol { background-color:#9dba2f;}
.howto_wrap{ padding:25px 10px 15px 10px;}
.howto_desc { margin-top:20px;
    font-family: db_heaventmed_cond;
    font-size: 18px;
    line-height: 1.4;

}
.box-howto{
	max-width:200px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;

-webkit-border-radius: 33px;
-moz-border-radius: 33px;
border-radius: 33px;
margin: 8px auto;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    border: 2px solid #9dba2f;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
}
.swiper-pagination-highlight {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    left: 0;
    width: 100%;
    height: 20px;
    margin: 0 auto;
}
.special-box2-screen{padding-top:25px;}
.row.retention_sec1{max-width:1030px; padding:0px 15px 25px 15px; position:relative;}
.retention_sec1{ }
.row.retention_sec2{padding-top:20px;position: relative; max-width: 1260px; padding-bottom: 30px;}
.retention_sec2-desc{padding:35px 0 25px 0;
}
.swiper-get1-line{ background:url(../images/get_line3.png) center top; 
	width: 18px;
    height: 19px;
    position: absolute;
	}
.swiper-get1-line2{top:72px; left: -60px; 
	}
.swiper-get1-line3{top:72px; left: 30px; 
	}
.swiper-get1-line4{top:72px; left: -60px; 
	}
.swiper-get1-line5{top:72px; left: 20px; 
	}
.swiper-get1-line6{top:72px; left: -60px; 
	}
.swiper-get1{
    background:url(../images/get_line2.png) center top repeat-x; 
}

.swiper-get1 .swiper-slide:nth-child(1){
    width: 105px;
}
.swiper-get1 .swiper-slide:nth-child(2){
    width: 180px;
}
.swiper-get1 .swiper-slide:nth-child(3){
    width: 308px;
}
.swiper-get1 .swiper-slide:nth-child(4){
    width: 132px;
}
.swiper-get1 .swiper-slide:nth-child(5){
    width: 305px;
}
.swiper-get1 .swiper-slide:nth-child(6){
    width: 187px;
}
.swiper-get1-inner2{    width: 150px;
    margin: 0 auto;
    margin-left: 90px;
    position: relative;
    text-align: center;}
.swiper-get1-inner3{width: 308px; margin: 0 auto;
    margin-left: 60px;
    position: relative;
    text-align: center;
	}
.swiper-get1-inner4{width: 132px; margin: 0 auto;
    margin-left: 50px;
    position: relative;
    text-align: center;
	}
.swiper-get1-inner5{width: 305px; margin: 0 auto;
    margin-left: 60px;
    position: relative;
    text-align: center;
	}
.swiper-get1-inner6{width: 127px; margin: 0 auto;
    margin-left: 60px;
    position: relative;
    text-align: center;
	}
	.how_remark{ text-align:left; padding-bottom:40px;    font-size: 15px;}
	/*.swiper-rlp1-arr{height: 20px;}*/
	.box_circle{ position:relative; padding: 0 60px;}
	.dwclick {
    font-size: 18px;
    font-family: db_heaventmed_cond;
    text-align: center;

    line-height: 20px;
    margin-top: 10px;
    padding: 8px 30px;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	    background: #000;
}
.step_hi{ min-height:250px;height:250px;padding-top: 20px;}
.step_hi_centrer{ min-height:250px;padding-top: 20px;}
.dwclick:hover {
background: #a1c327;
color: #fff;

}
.swiper-container-horizontal>.swiper-pagination-highlight.swiper-pagination-bullets{
    bottom: -4px;
    left: 0;
    width: 100%;
}
@media (max-width: 700px) {
	.swiper-get1 {
    background: url(../images/get_line2.png) center top no-repeat;
	    /* background-position: 0 -25px; */
        background-size: 70% 30%;
}

	.get_size_img img{ /*max-width:60%;*/max-height: 90px;}
.swiper-get1-line{ display:none;}
.swiper-get1-inner2, .swiper-get1-inner3, .swiper-get1-inner4, .swiper-get1-inner5, .swiper-get1-inner6 {
    margin-left: 0px;
}
.swiper-get1 .swiper-slide:nth-child(2), .swiper-get1-inner2 {
    width: 150px;
}
.swiper-get1 .swiper-slide:nth-child(3), .swiper-get1-inner3 {
    width: 165px;
}
.swiper-get1 .swiper-slide:nth-child(4), .swiper-get1-inner4 {
    width: 132px;
}
.swiper-get1 .swiper-slide:nth-child(5) {
    width: 260px;
}
.swiper-get1-inner5 {
    width: 260px;
}
.swiper-get1 .swiper-slide:nth-child(6), .swiper-get1-inner6 {
    width: 127px;
}
}
.retention_sec1-txt1{
	position:absolute; line-height: 1.4;
    font-family: 'db_heaventbold_cond';
    color: #000; 
	left: 10%;
    top: 0%;
    width: 76%;
    font-size: 5.8vw;
    text-align: center;}
.retention_sec1-txt2{
	position:absolute; line-height: 1.4;
    font-family: 'db_heaventbold_cond';
	color: #d43886;
    left: 29%;
    top: 13.8%;
    width: 38%;
    font-size: 6.1vw;text-align: center;}
.retention_sec1-txt3{
	position:absolute; line-height: 1;
    font-family: 'db_heaventbold_cond';
    color: #000; 
	left: 21%;
    top: 31.9%;
    width: 9%;
    font-size: 3vw;}
	.retention_sec1-txt4{
	position:absolute; line-height: 1;
    font-family: 'db_heaventbold_cond';
    color: #000; 
	    left: 17%;
    top: 36.3%;
    width: 6%;
    font-size: 3.9vw;}
	.retention_sec1-txt5{
	position:absolute; line-height: 1;
    font-family: 'db_heaventmed_cond';
    color: #000; left: 23%;
    top: 37.9%;
    width: 11%;
    font-size: 2.7vw;}
	.retention_sec1-txt6{
	position:absolute; line-height: 1;
    font-family: 'db_heaventbold_cond';
    color: #000;     left: 38%;
    top: 34%;
    width: 31%;
    font-size: 3.9vw;}
	.retention_sec1-txt7{
	position:absolute; line-height: 1;
    font-family: 'db_heaventbold_cond';
    color: #000; 
	    left: 69%;
    top: 34%;
    width: 9%;
    font-size: 4.0vw;}
	.retention_sec1-txt8{
position:absolute; 
left: 14.5%;
top: 30%;
width: 66%;
}
/*.bor-red{border: 1px solid #ff0000;}*/
@media (min-width: 1057px) {
.retention_sec1-txt1{
    font-size: 61px;
}
.retention_sec1-txt2{
left: 27.5%;
top: 13.8%;
width: 40%;
font-size: 61px;}
.retention_sec1-txt3{
font-size: 35px;}
.retention_sec1-txt4{
font-size: 42px;}
.retention_sec1-txt5{
font-size: 30px;}
.retention_sec1-txt6{
font-size: 40px;}
.retention_sec1-txt7{
font-size: 40px;}
}
#retention_sec1_pc{}
#retention_sec1_mb{ display:none;}

.retention_sec1-txt1_mb,.retention_sec1-txt2_mb{display:none;}
@media (max-width: 767px){
.retention_sec1-txt3{
left: 9%;
    top: 11.3%;
    width: 11%;
    font-size: 4vw;}
.retention_sec1-txt4{
    left: 3.8%;
    top: 19%;
    width: 7%;
    font-size: 4.9vw;}
.retention_sec1-txt5{
left: 11%;
    top: 20.6%;
    width: 14%;
    font-size: 3.7vw;}
.retention_sec1-txt6{
    left: 29%;
    top: 15%;
    width: 34%;
    font-size: 4.3vw;}
.retention_sec1-txt7{
left: 64%;
top: 14.3%;
    width: 9%;
    font-size: 5vw;}
.retention_sec1-txt8{
    left: 2%;
    top: 8.5%;
    width: 74%; 
}

#retention_sec1_pc{display:none;}
#retention_sec1_mb{ display:block;}
.retention_sec1-txt1_mb,.retention_sec1-txt2_mb{display:block;}
.retention_sec1-txt1_mb {
    line-height: 1.2;
    font-size: 35px;
	font-family: 'db_heaventbold_cond';
    color: #000;
    padding: 0 15px;    text-align: center; margin-bottom:5px;
}
.retention_sec1-txt2_mb {
    line-height: 1.4;
    font-size: 35px;
	font-family: 'db_heaventbold_cond';
    color: #d43886;
    padding: 0 15px;    text-align: center;
}
.retention_sec1-txt1, .retention_sec1-txt2{ display:none;}
}
.myais_logo{ display:inline-block; width:75px;}
@media (max-width: 767px){
.myais_logo{ display:inline-block; width:50px;}
}
.font-pink {
    color: #da3a7a;
}
@media (max-width: 1050px){
.box_step {
    height: auto;
}
.col-lr-1.col-step1{width: 24%;}
.col-lr-1.col-step2{width: 3%;}
.col-lr-1.col-step3{width: 40%;}
.col-lr-1.col-step4{width: 3%;}
.col-lr-1.col-step5{width: 30%;}

.step_hi img{ max-width:50%;}
.step_arr img{ width:25px;

}
}
@media (max-width: 768px){

.col-lr-1.col-step1{width: 100%;}
.col-lr-1.col-step2{width: 100%;}
.col-lr-1.col-step3{width: 100%;}
.col-lr-1.col-step4{width: 100%;}
.col-lr-1.col-step5{width: 100%;}
.step_hi {
    min-height: auto;
    height: auto;
    padding-top: 20px;
}
.row.retention_sec2 {
    padding-bottom: 0px;padding-top: 30px;
}
.step_arr {
    padding-top: 25px; padding-bottom: 25px;
}
.step_arr img {
    width: 85px;
}
}
.row_video{position: relative; max-width:924px; margin:0 auto; width:100%;}
.col_video_screen{width: 100%;}
#video_screen_in{width: 100%; max-width:860px; margin:0 auto; }
.col_video_screen .panel{ padding-top:50px; padding-bottom:30px;}
.video_screen{position: relative; border:solid 3px #46723F;}
.video_name{font-family: 'db_heaventmed_cond'; line-height:28px; font-size:20px; color:#FFF; margin-top:15px; }
.video_name span{ color:#B3D035;}

.flex-video {  position: relative; z-index:2;  padding-top: 1rem; padding-bottom: 55%;}
.flex-video.widescreen { padding-bottom: 56.34%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,  .flex-video object,  .flex-video embed,  .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.col_video_thumb{    width: 100%;
}
.video_thumb_wrap{position: relative;width: 100%;
    overflow: auto;     padding-bottom: 30px; /* margin-left:5px; margin-right:10px;*/}
.video_thumb_area {
    position: relative;
    display: block;
width:530px;
    margin: 0 auto;
}
.luckydraw_gold{width: 100%; background: url(../images/bg_luckydraw_gold.jpg) #fff center bottom no-repeat; text-align: center;
padding-top: 30px;
}
.luckydraw_gold_img{width: 100%; max-width: 1200px; margin: 0px auto; padding: 20px 0; position: relative;}

.luckydraw_gold_bt {
    position: absolute;
left: 17%;
    top: 79.5%;
    width: 19%;
}
        .btn_moveto_wrap {
            display: inline-block;
        }
        .btn_moveto {
            background-color: #b2d135;
            font-size: 18px;
            font-family: db_heaventmed_cond;
            text-align: center;
            width: 125px;
            margin-top: 5px;
            padding: 5px;
            color: #000;
            display: inline-block;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            vertical-align: middle;
        }
@media screen and (max-width: 999px){
.luckydraw_gold{ background: url(../images/bg_luckydraw_gold.jpg) #fff center bottom no-repeat; background-size:100% 100%;}
}
@media screen and (max-width: 500px){
.luckydraw_gold_img{/*padding: 20px 10%;*/}
.luckydraw_gold_bt {
    position: absolute;
    left: 40.5%;
    top: 55%;
    width: 18%;
}

}