@charset "utf-8";
.pc2 { display:block;}
.pc { display:inherit;}
.mobile { display:none;}


body {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 18px;
	font-weight: 500;
	font-family: "Microsoft Jhenghei", Helvetica, Arial, sans-serif;
	line-height: 1.88889;
	color: #000;;
   
}

.te_slo { 
    color: #000000;
    text-align: left;
    margin-top: 20px;
}
.lin {border-bottom: 1px #fdd5df dashed;    padding: 2px 0px;}
.row2 {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.bannerbg_1 {order: 1;}
.bannerbg_2 {order: 2;}
.slo_top {
    font-size: 15px;
    color: #777;
    font-weight: 500;
}

.button-fb {
    color: #fff;
    background-color: #4267b2!important;
    border-color: #4267b2!important;
}
.button-fb:hover {
    color: #fff;
    background-color: #284788!important;
    border-color: #284788!important;
}
.button-fb:before {
    position: relative;
    top: 0px;
    content: '\f09a';
    line-height: 1;
    width: 100%;
    left: -30px;
    font-family: 'FontAwesome';
    font-size: 15px;
}
.parallax-content:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background-color: rgba(240, 199, 199, 0.3);
    z-index: 0;
}

	.section-lg2 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

 .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        background-position: center;
        background-size: cover;
    }

.fab {
    font-family: "Font Awesome 5 Brands";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa, .fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}
.banner_bgg:before {
        position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0);
    z-index: 0;
    
}

.shadow {
box-shadow: -5px 3px 20px -2px rgba(0, 0, 0, 0.1);

}
.teach_body {
    width: 100%;
    display: block;
    padding: 15px 20px;
    border-radius: 0px 0px 25px 25px;
    color: #000;
    font-size: 16px;
}

.teach_title {
    
    text-align: center;
    display: block;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px #ffb2c5 dashed;
    font-size: 22px;
    font-weight: 500;
    color: #353535;
}
.teach_money {
    
        text-align: right;
    font-size: 24px;
    color: #ff3c6c;
}
.teach_start { position: relative;}
.start:before { 
content: '\f005'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
    color: #ffac53;
   
}
.teach_start2 { position: relative;}
.start2:before { 
content: '\f089'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
    color: #ffac53;
  
}


.teach_teacher {
        display: block;
    text-align: center;
    color: #8c8c8c;
    margin-bottom: 5px;
}
.start_text { margin-left: 5px;font-size: 14px;}
.like {
position: absolute;
    z-index: 9;
    right: 12px;
    background: #ffc55a;
    display: block;
    /* width: 34px; */
    text-align: center;
    color: #fff;
    border-radius: 70%;
    top: 6px;
    padding: 3px 11px;
    
}
.like:before {
    content: '\f004'!important;
font-family: 'FontAwesome';
    font-weight: 200;  
    
}
.link:hover { opacity: 0.7;}
.last_day {
    position: absolute;
    z-index: 9;
    background: #ffffff;
    font-size: 14px;
    padding: 3px 19px;
    text-align: center;
    bottom: 0px;
    left: 6px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
}
.logostyle {
    /* background: #fff; */
    display: block;
    padding: 10px 28px 12px 28px;
    /* border-radius: 80%; */
    position: absolute;
    top: 0px;
    /* box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.2); */
}


.more_botton { 
position: relative;
    width: 100%;
    display: block;
    margin-top: 50px;
        text-align: center;
}

.more_icon:before {
    content: '\f067'!important;
font-family: 'FontAwesome';
    font-weight: 200;  
    margin-right: 6px;
    
}
.course_teacher_name {
   width: 100%;
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #333; 
    margin-top: 45px;
}
.peity{
   position: absolute;
    left: 50%;
    margin-left: -130px;
}
.teacher_imbg {    width: 210px;margin: 0 auto;}
.donut_body {
 position: absolute;
    left: 50%;
    margin-left: 35px;
}
.donut2 {
    display: inherit;
   
    
}
.people_max {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    position: relative;
    top: 14px;
    color: #f27292;
}
.class_bg { 
    margin-bottom: 35px;
    background: #f3f3f3;
    padding: 8px 10px;
    border-radius: 13px;
    width: 100%;
  display: inline-table;
}
.memo_nt {
       position: absolute;
    bottom: 110px;
    right: -80px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #f1446f;
    font-size: 26px;
    font-weight: 400;
    width: 320px;
    text-align: center;
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-30deg);
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-30deg);
    -o-transform-origin: right bottom;
    -o-transform: rotate(-30deg);
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-30deg);
    transform-origin: right bottom;
    transform: rotate(-30deg); 
}

.class_li {
       width: 25%;
    float: left;
    text-align: center; 
        padding: 1px;
}
.class_li2 {
       width: 25%;
    float: left;
    text-align: center; 
        padding: 1px;
}
.class_time {
      background-color: #ffffff;
    color: #f27292;
    padding: 12px 5px;
    height: 58px;
}
.class_time:before {
    content: '\f017'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
    margin-right: 5px;
    color: #f27292;
    font-size: 19px;
}


.class_ad {
       background-color: #ffffff;
    color: #f27292;
    padding: 12px 5px;
    height: 58px;
}

.class_ad:before {
    content: '\f041'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
    margin-right: 5px;
    color:#f27292;
    font-size: 19px;
}

.class_like {
        background-color: #dcdcdc;
    color: #000;
    padding: 12px 5px;
    height: 58px;
}

.class_like:before {
    content: '\f004'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
    margin-right: 5px;
    color: #f27292;
    font-size: 17px;
}

.class_day {
        background-color: #ffffff;
    color: #f27292;
    padding: 12px 5px;
    height: 58px;
}

.class_day:before {
    content: '\f073'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
    margin-right: 5px;
    color: #f27292;
    font-size: 17px;
}

.class_mmo {
        background-color: #ffffff;
    color: #f27292;
    padding: 12px 5px;
    height: 58px;
}

.class_mmo:before {
    content: '\e759'!important;
       font-family: 'Linearicons';
    font-weight: 200;
    margin-right: 5px;
    color: #f27292;
    font-size: 17px;
}
.bstart {
        background-color: #ffffff;
    color: #f27292;

}

.bstart:before {
    content: '\f005'!important;
       font-family: 'FontAwesome';
    font-weight: 200;
    margin-right: 5px;
    color: #fff;
    font-size: 17px;
}

.bsearch {
        background-color: #ffffff;
    color: #f27292;

}

.bsearch:before {
    content: '\f002'!important;
       font-family: 'FontAwesome';
    font-weight: 200;
    margin-right: 5px;
    color: #fff;
    font-size: 17px;
}


.retitle { color: #c73a5d; font-weight: bold;}
.wish_lli { min-width: 105px; }

.class_img { margin-top: 10px;}
.teacher_titlebar { font-size: 14px; text-align: center; color: #f27292; width: 100%;display: block;}
.course_teacher_name2 {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #333;
    margin-top: 0;
}
.my_ex_title { width: 100%; display: block; font-size: 22px; font-weight: 500; text-align: left; margin-bottom: 6px;    color: #000;}
.my_ex_bg {    margin-bottom: 40px;}
.my_ex_lv { text-align: center; margin-top: 8px;}
.my_llv {
    position: absolute;
    top: 41px;
    font-size: 23px;
    color: #f27292;
    width: 100%;
    text-align: center;
}
.my_llv_tit {
       position: absolute;
    top: 26px;
    width: 100%;
    font-size: 15px;
    color: #f27292; 
      
}



.my_ex_li { position: relative;}
.like2 {
    position: inherit;
    z-index: 9;
    right: 12px;
    background: #ffc55a;
    display: block;
    width: 34px;
    text-align: center;
    color: #fff;
    border-radius: 90%;
    top: 6px;
    padding: 3px 10px;
}
.like2:before {
    content: '\f004'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
}

.map_ad {
        color: #000;
    margin-top: 15px;
    margin-bottom: 20px;
}
.remsg { font-size: 15px !important;}
.page .button-primary2 {
    color: #fff;
    background-color: #af3252;
    border-color: #af3252;
}
.page .button-primary2:hover, .page .button-primary2:focus, .page .button-primary2:active, .page .button-primary2:hover {
    color: #fff;
    background-color: #9d1b3c;
    border-color: #9d1b3c;
}
.ss_tit {width: 100%; display: block; font-size: 18px; text-align: center; color: #000; margin-bottom: 30px;}
.course_search_li { width: 33.333%;}
.teach_title2 {
    text-align: left;
    display: block;
    margin-bottom: 8px;
      text-indent: 62px;
    font-size: 18px;
    font-weight: 500;
    color: #353535;
}
.wish_body {
    display: inline-flex;
    position: relative;
    width: 100%;
    
}
.wish_lli { position: relative; display: inline-block;}
.wish_teacher_pic { display: inline-block;margin-right: 15px;}
.wish_name {
    
}
.wish_lv {
    font-size: 14px;
    color: #f27292;
}

.teach_body2 {
    width: 100%;
    display: block;
    padding: 15px 20px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
        position: relative;
    overflow: hidden;
}
.shadow2 {
    box-shadow: 1px 2px 11px 2px rgba(0, 0, 0, 0.1);
}
.wish_pic {
        margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px #ffb2c5 dashed;
    
}
.wish_like {
    position: absolute;
    z-index: 9;
    right: 0;
    background: #f27292;
    display: block;
    width: 34px;
    text-align: center;
    color: #fff;
    border-radius: 90%;
    top: 30px;
    padding: 2px 10px;
}
.wish_like:before {
    content: '+1'!important;
   
    font-weight: 200;
}

.wish_msg {
    position: absolute;
    z-index: 9;
    right: 40px;
    background: #ffc55a;
    display: block;
    width: 34px;
    text-align: center;
    color: #fff;
    border-radius: 90%;
    top: 30px;
    padding: 2px 8px;
}
.wish_msg:before {
    content: '\f19d'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
}
.memo_nt2 {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    color: #f1446f;
    font-size: 18px;
    font-weight: 800;
    width: 200px;
    text-align: center;
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-30deg);
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-30deg);
    -o-transform-origin: right bottom;
    -o-transform: rotate(-30deg);
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-30deg);
    transform-origin: right bottom;
    transform: rotate(-30deg);
    left: -67px;
    top: -47px;
}
.likenb {
      position: absolute;
    right: 0;
    font-size: 14px;
    padding: 0px 13px;
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    border-radius: 21px;
    text-align: center;  
        top: -4px;
}
.likenb:before {
position: absolute;
    top: 15px;
    content: '\f0dd'!important;
    line-height: 1;
    width: 100%;
    font-family: 'FontAwesome';
    font-size: 18px;
    z-index: 2;
    color: #bfbfbf;
    right: -1px;
}
.col2 {
    width: 330px;
}
.box {
    margin: 5px;
    padding: 5px;

    float: left;
}


.quote-review .cite::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 13px;
    height: 0;
    border-bottom: 1px solid;
    vertical-align: middle;
}
.cite { text-align: right; color: #000;}
.quote-review__body { margin-top: 15px; text-align: left;}
.buttonicon {
    position: absolute;
    z-index: 9;
    right: 12px;
    background: #d22a77;
    display: block;
    /* width: 34px; */
    text-align: center;
    color: #fff;
    border-radius: 70%;
    top: 6px;
    padding: 3px 12px;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true]::before {
    content: '\f00c'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
    color: #c1395f;
    margin-right: 5px;
}

.fri_li {
    text-indent: 57px;
    padding-top: 11px;
    position: relative;
}
.fri_li_icon {
    position: absolute;
    display: block;
    right: 9px;
    z-index: 9;
    top: 72px;
  
    width: 24px;
}
.fri_li_icon::before{
content: '\f107'!important;
    font-family: 'FontAwesome';
    font-weight: 200;
    color: #c1395f;
    position: relative;
    top: 0px;
    right: 52px;
  
}

.demo1 + .tooltip > .tooltip-inner {
background-color: #ddd;
color: #666;
font-size: 1rem;
padding: 5px 10px;
box-shadow: 1px 1px 1px #aaa;
}
.demo1 + .tooltip.bottom {
margin-top: 5px;
}
.demo1 + .tooltip.bottom > .tooltip-arrow {
border-bottom: 5px solid #ddd;
}
   

.buttonicon2 {
    position: absolute;
    z-index: 9;
    background: #d22a77;
    display: block;
    /* width: 34px; */
    text-align: center;
    color: #fff;
    border-radius: 70%;
    top: 6px;
    padding: 3px 11px;
    left: 12px;
}
.lead_bg {
    background: #fff5da;
    padding: 20px 40px 50px 40px;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 900px;
    box-shadow: 0 2px 12px rgba(136, 136, 136, 0.2);
    margin-left: auto;
    margin-right: auto;
}
.lead_bg2 {
    background: #fff;
    padding: 20px 40px;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 900px;
    box-shadow: 0 2px 12px rgba(136, 136, 136, 0.2);
    margin-left: auto;
    margin-right: auto;
}
.lead_title {
        width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px #ea8d3e dotted;
    font-size: 26px;
    color: #f3698b;
    font-weight: 800;
}
.lead_li {
        -webkit-filter: drop-shadow(0px 12px 5px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 12px 5px rgba(0, 0, 0, 0.15));
    display: ;
    background: #fff;
    padding: 15px;
    overflow: hidden;
}
.lead_no {
        display: block;
    text-align: center;
    background: #f27292;
    height: 70px;
    line-height: 70px;
    border-radius: 80%;
    color: #fff;
    font-size: 24px;
    width: 70px;
    margin: 0 auto;
}
.lead_mane { 
    text-align: left;
    color: #000;
    padding-top: 18px;
}
.laed_vo {
     padding-top: 10px;
    font-size: 24px;
    color: #f27292;   
}
.king {
    position: absolute;
    background: #ffae34;
    border-radius: 80%;
    width: 26px;
    font-size: 14px;
    color: #fff;
    right: 25px;
    top: -5px;
    z-index: 9;
}
.king_2 {
    position: absolute;
    background: #ff6b3f;
    border-radius: 80%;
    width: 26px;
    font-size: 14px;
    color: #fff;
    right: 25px;
    top: -5px;
    z-index: 9;
}
.king_3 {
    position: absolute;
    background: #4db0e9;
    border-radius: 80%;
    width: 26px;
    font-size: 14px;
    color: #fff;
    right: 25px;
    top: -5px;
    z-index: 9;
}
.join_stitle {
        width: 100%;
    display: block;
    margin-bottom: 40px;
    color: #000;
    font-size: 28px;
    
}
.join_cl_bg {
    background: #ffffff;
    margin: 5px;
    padding: 35px 15px;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(136, 136, 136, 0.4);
transition: opacity 0.35s, -webkit-transform 0.7s;
    transition: opacity 0.35s, transform 0.7s;
    transition: opacity 0.35s, transform 0.7s, -webkit-transform 0.7s;
}
.join_cl_pic {
   
    width: 100px;
    margin: 0 auto;
    height: 100px;
    line-height: 100px;
    border-radius: 80%;
    color: #fff;
   
    font-size: 61px;
    box-shadow: 0 2px 12px rgba(136, 136, 136, 0.4);
}

.join_cl_title {
     font-size: 24px;
    width: 100%;
    text-align: center; 
    margin-top: 8px;
    position: relative;
}
.join_cl_title:link {
       color: #000000;
   
}

a .join_cl_pic {background: #f27292; }
a .join_cl_pic:link { background: #aeaeae;}
a .join_cl_bg .join_cl_pic:hover { background: #f27292;}

.join_link .join_cl_bg:hover {
    
        background: #fafafa;
    color: #c84465 !important;
    transition: .33s all ease;
    -webkit-transform: scale(1.16);
    -ms-transform: scale(1.16);
    transform: scale(1.04);
}
.join_link .join_cl_bg:focus { background: #767676;    color: #fff !important;}
.join_stag {
    display: block;
    font-size: 18px;
    background: #535353;
    color: #fff;
    padding: 3px;
    margin: 0 auto;
    max-width: 600px;
    border-radius: 11px;
}
.color_red { color:#ffd215;}
.join_tagg {
    position: absolute;
    font-size: 18px;
    right: 0%;
}
.page_bg { padding: 10px 20px; box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);}
.page_h5 {
       font-size: 20px;
    line-height: 1.54167;
    color: #000;
    margin-bottom: 10px;
   
}
.page_h5_2 {
       font-size: 20px;
    line-height: 1.54167;
    color: #f27292;
    margin-bottom: 10px;
   margin-top: 20px;
}


.stepper {
	position: relative;
	display: inline-block;
	max-width: 150px;
	width: 150px;
}
.adj { padding-left: 0px !important;}

.form-wrap2 {
    position: relative;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
    padding: 29px;
}

* + .form-wrap2 {
    margin-top: 20px;
}
.form-wrap2 + .form-wrap2 {
    margin-top: 20px;
}
.form-group { font-size: 16px; color: #000;}
.note-video-url { width: 100%;}
.note-link-text ,.note-link-url { width: 100%;}
.join_tagg2 {
    position: absolute;
    font-size: 18px;
    right: 2%;
    color: #f27292;
}
.switch {
width: 62px;
height: 32px;
background: #e5e5e5;
z-index: 0;
margin: 0;
padding: 0;
appearance: none;
border: none;
cursor: pointer;
position: relative;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
}

.switch:before {
content: ' ';
position: absolute;
left: 1px;
top: 1px;
width: 60px;
height: 30px;
background: #fff;
z-index: 1;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
}

.switch:after {
content: ' ';
height: 29px;
width: 29px;
border-radius: 28px;
background: #fff;
position: absolute;
z-index: 2;
top: 1px;
left: 1px;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}
.switchOn,.switchOn:before
{
background: #f27292 !important;
}

.switchOn:after
{
left: 32px !important;
}


.switchBig {
width: 200px;
height: 105px;
background: #e5e5e5;
z-index: 0;
margin: 0;
padding: 0;
appearance: none;
border: none;
cursor: pointer;
position: relative;
border-radius:53px;
-moz-border-radius:53px;
-webkit-border-radius:53px;
}

.switchBig:before {
content: ' ';
position: absolute;
left: 2px;
top: 2px;
width: 196px;
height: 101px;
background: #fff;
z-index: 1;
border-radius:52px;
-moz-border-radius:52px;
-webkit-border-radius:52px;
}

.switchBig:after {
content: ' ';
height: 100px;
width: 100px;
border-radius: 52px;
background: #fff;
position: absolute;
z-index: 2;
top: 2px;
left: 2px;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}

.switchBigOn, .switchBigOn:before
{
background: #4cd964 !important;
}

.switchBigOn:after
{
left: 98px !important;
}
.buth { margin-top: 30px;}
.teacher_king {
        position: absolute;
    font-size: 39px;
    left: 50%;
    top: -44px;
    margin-left: -17px;
    color: #ffc407;
    -webkit-filter: drop-shadow(0px 12px 5px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.15));
}
.class_ad2 {
    background-color: #ffffff;
    color: #f27292;
    padding: 12px 5px;
    height: 58px;
}
.baby {
    background: #f6ad54;
    /* width: 39px; */
    text-align: center;
    color: #fff;
    border-radius: 70%;
    padding: 2px 11px;
    margin: 0px 5px;
        display: inline-block;
}

.slim .slim-area :only-of-type {
    color: #000;
}
.preview_bg {
    text-align: center;
    background: rgba(0, 0, 0, 0.94);
    color: #fff;
    font-size: 24px;
    padding: 13px;
    opacity: 0.8;
    width: 100%;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.17);
    position: fixed;
    bottom: 0;
    z-index: 99;
}
.sweet-alert h2 {

    font-family: "Microsoft Jhenghei", Helvetica, Arial, sans-serif !important;
}
.sweet-alert button { background: #f27292 !important;}
.sweet-alert p {
   
    color: #f27292!important;
    font-size: 18px!important;

}
.sweet-alert .sa-icon.sa-success .sa-line {
    background-color: #f27292!important;

}
.sweet-alert .sa-icon.sa-success .sa-placeholder {

    border: 4px solid rgba(242, 114, 146, 0.22)!important;
}
.sweet-alert {

    border-radius: 20px;
}
.delbutton { position: absolute; right: 15px; top: 15px; font-size: 18px!important; color: #f27292!important;cursor: pointer;}
.sweet-alert button.cancel {
    background-color: #C1C1C1!important;
}
.pre-footer-corporate ul { padding-left: 15px;}
.pre-footer-corporate li { list-style-type: none;}
/* ul {padding-left: 0px;} */
.caption p { font-size: 15px;}
.rdc-table ul { margin: 0px;}
.buttonicon_2 {
position: absolute;
    z-index: 9;
    right: 12px;
    background: #515151;
    display: block;
    /* width: 34px; */
    text-align: center;
    color: #fff;
    border-radius: 70%;
    top: 6px;
    padding: 3px 12px;
}
.m_button {
        padding: 1px 15px;
    color: #f27292!important;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    font-size: 16px;
    font-weight: 500;
}
.my_photo { display: block; position: relative;}
.photo_title_b { 
    position: absolute;
    bottom: 10px;
    z-index: 9;
    background: rgba(255, 255, 255, 0);
    width: 100%;
    padding: 5px 15px;
    color: #000;
    text-align: center;
}
.photo_title_b input{ width: 90%;}
.my_file_pic { width: 100%; display: block; text-align: center; margin-bottom: 30px;}
.my_save { width: 100%; text-align: center;}

.modal-container {
  max-width: 500px;
  padding: 0;
  margin: 20px 0;
  border-radius: .3em;
  box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
}

.modal-title {
  font-weight: 700;
 /* padding: 1.5em; */
  
}

.modal-body {
  max-height: 70vh;
  padding: 0 1.5em 1.5em 1.5em;
  overflow-y: auto;
}

.modal-footer {
  padding: 1.5em;
  text-align: right;
}

p:first-child {
  margin-top: 0;
}
.page_bg2 {
    padding: 10px 20px 30px 20px;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
}
.acc_bg{     color: #f27292;}
.my_fr_title { width: 100%; text-align: center; color: #000; font-size: 16px;margin-top: 5px; border-bottom: 4px #f27292 dashed;}
.my_fr_photo {width: 100%; display: block; overflow: hidden;}
.fr_photo img{
    position: relative;
    opacity: 1;
    transition: opacity 0.35s, -webkit-transform 0.7s;
    transition: opacity 0.35s, transform 0.7s;
    transition: opacity 0.35s, transform 0.7s, -webkit-transform 0.7s;
    will-change: opacity, transform;
    
}
.fr_photo img:hover {
        -webkit-transform: scale(1.16);
    -ms-transform: scale(1.16);
    transform: scale(1.16);
    -webkit-filter:opacity(.8);
    filter:opacity(.8);
}

.medal_icon { display: inline-block;margin: 0 5px;}
.my_ex_lv2 {
    text-align: center;
    margin-top: 30px;
}

.ordey_libg {
padding: 15px;
    text-align: center;
    color: #f27292;
    margin-right: 1px;
    border: 1px #f27292 solid;
    font-size: 20px;
   
}
.ordey_libg2 {
padding: 15px;
    text-align: center;
    color: #f27292;
    margin-right: 0px;
    border: 1px #f27292 solid;
    font-size: 20px;
    
   
}
.li_order { width: 33.333%; float: left;}
.order_iccon { display: block; font-size: 26px;}
.re_text { color: #f27292;}
.news_top {text-align: center;margin-top: 13px;}
.register_stitle2 { margin-bottom: 25px;}
.pic_img {    border-radius: 80%;}
.pic_msk {    display: block; overflow: hidden;padding: 20px;}
.thumb-corporate2:hover img {
    -webkit-transform: scale(1.16);
    -ms-transform: scale(1.16);
    transform: scale(1.16);
    opacity: 0.8;
}
.thumb-corporate2 img {
    position: relative;
    opacity: 1;
    transition: opacity 0.35s, -webkit-transform 0.7s;
    transition: opacity 0.35s, transform 0.7s;
    transition: opacity 0.35s, transform 0.7s, -webkit-transform 0.7s;
    will-change: opacity, transform;
}
.in_text { font-size: 18px;}
.pay_bg {    max-width: 500px;
    margin: 0 auto;
    text-align: center;}

.pay_li {
    border: 1px #f27292 solid;
    padding: 10px 0px;
    width: 100%;
    font-size: 16px;
    display: block;
   
}
.pay_li:hover { background: #f27292; color: #fff!important;}

.li_order2 {
    width: 33.333%;
    float: left;
    padding: 0 1px;
  
}
.msg_bbg {
        position: absolute;
    font-size: 13px;
    left: 11px;
    background: #464646;
    display: block;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    border-radius: 80%;
    top: 6px;
    color: #fff;
    
}
.mmsg{
    z-index: 99998;
    right: 16px;
    position: fixed;
    top: 14px;
    list-style: none;
}
.mobile2 { display: none!important;}
.msg_icon {    color: #f27292; margin-right: 8px;}
.msg_icon2 {    color: #cfcfcf; margin-right: 8px;}
.smsg_day {
    font-size: 14px;
    position: absolute;
    left: 35px;
    top: -16px;
}
.m_title { color: #f27292;}

.ex_text {    font-size: 13px;    color: #f27292;}
.class_n { font-size: 15px; color: #868686; font-weight: 100;}
.logo_img { width: 100%; max-width: 600px;}
.logo_img2 { width: 100%; max-width: 650px;}
.ttel {
       color: #df7f9e;
    font-size: 20px;
    margin-right: 5px;
}
.foot_tel {
        padding: 3px 15px;
    color: #df7f9e;
    background: #fff;
    border: 1px #d8d8d8 solid;
    display: inline-block;
}

.ttel2 {
    color: #df7f9e;
    font-size: 35px;
    margin-right: 5px;
    position: relative;
    top: 8px;
}
.foot_text {font-size: 28px;}
.foot_li{
    position: relative;
    left: 80px;
}
.aboutt_title {
        font-size: 22px;
    color: #000;
    margin-bottom: 10px;
        margin-top: 35px;
}
.aboutt_text {
    color: #000;
    
}
.aboutt_slogan {
        color: #000;
    margin-top: 15px;
    font-weight: bold;
}
.fbicon {
font-size: 30px;
    color: #4267b2;
    position: relative;
    top: -5px;
}
.lineicon {
font-size: 30px;
       color: #00b900;
    position: relative;
    top: -5px;
    
}
.art_li {
      box-shadow: 0 2px 12px rgba(136, 136, 136, 0.3);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.art_pic_title {
    position: absolute;
    color: #fff;
    font-weight: 500;
    width: 250px;
    z-index: 9;
    left: 50%;
    margin-left: -125px;
    top: 40%;
    font-size: 28px;
        line-height: 1.3;
    
}
.art_bg {
        width: 100%;
    height: 100%;
    display: block;
    background: rgba(51, 51, 51, 0.2);
    z-index: 8;
    position: absolute;
}
.title_s {
    
}
.nav_icon {
color: #df7f9e;
    font-size: 52px;
    line-height: 1.1;
}
.mo_sh { display: inline-block;}
.page_li {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 10px;
}
.page_button_in {
    border: 1px #df7f9e solid;
    padding: 8px 25px;
    color: #fff !important;
    border-radius: 13px;
    position: relative;
    background: #df7f9e;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 5px;
}
.page_button {
    border: 1px #df7f9e solid;
    padding: 8px 25px;
    color: #df7f9e;
    border-radius: 13px;
    position: relative;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 5px;
}
.page_button:hover {
    border: 1px #df7f9e solid;
    padding: 8px 25px;
    color: #fff;
    border-radius: 13px;
    position: relative;
    background: #df7f9e;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 5px;
}
.p_title { color: #df7f9e; font-weight: bold;}
.thumb-modern:hover .thumb-modern__overlay2 {
    opacity: 1;
}
.thumb-modern__overlay2 {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    opacity: 0;
    transition: all .4s ease-out;
    will-change: opacity, transform;
    z-index: 10;
}
.video_icon { font-size: 45px; color: #f27292;}
.join_lli{
list-style: none;
    font-size: 15px;
    margin-bottom: 8px;
}
.join_stitle2 {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    color: #303030;
    font-size: 25px;
    text-indent: 17px;
}
.bgco {
      background: #fdede4;
    padding:30px 100px;
    border-radius: 25px; 
    position: relative;
}
.bgco2 {
      background: #fdede4;
    padding:30px 100px;
    border-radius: 25px; 
    position: relative;
}

.add_memory_body {
    position: fixed;
    right: -7px;
    top: 45%;
    display: block;
    width: 150px;
    height: 150px;
    background: #a01430;
    color: #fff;
    text-align: center;
    box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 999;
    border: 1px #fff solid;
    padding-top: 28px;
}
.add_memory_body:hover { background: #88001b;}
.tip {
    font-size: 24px;
    margin: 0 5px;
}
.word_text { display: block; text-align: center; width: 100%; font-size: 15px;}
.page_ball_1 {
    position: absolute;
    width: 80px;
    height: 80px;
    display: block;
    background: #f4c6c5;
    border-radius: 80%;
    top: -40px;
    left: -40px;
}

.page_ball_2 {
    position: absolute;
    width: 80px;
    height: 80px;
    display: block;
    background: #f4c6c5;
    border-radius: 80%;
    top: -40px;
    right: -40px;
}
.page_ball_3 {
    position: absolute;
    width: 80px;
    height: 80px;
    display: block;
    background: #f4c6c5;
    border-radius: 80%;
    bottom: -40px;
    left: -40px;
}
.page_ball_4 {
    position: absolute;
    width: 80px;
    height: 80px;
    display: block;
    background: #f4c6c5;
    border-radius: 80%;
    bottom: -40px;
    right: -40px;
}

.pop_b {
	    width: 50%;
    float: left;
    text-align: center;
}
.qu_li {
	    margin-top: 30px;
}
.qu_but {
	    background: #d94d68;
    color: #fff;
    padding: 14px 10px;
    margin: 3px;
	width: 100%;
	cursor: pointer;
	    border: 0px;
	    border-radius: 12px;
	    font-size: 18px;
}
.link:hover { opacity: 0.7;}
.qu_li2 {
	margin-bottom: 80px;
	margin-top: 30px;
	text-align: center;
}
.pop_b2 {
	    width: 33%;
        display: inline-block;
    text-align: center;
	    position: relative;
}
.pop_b3 {
	    width: 15%;
        display: inline-block;
    text-align: center;
}

.pop_b4 {
	    width: 19%;
        display: inline-block;
    text-align: center;
	position: relative;
}
.pop_b6 {
	    width: 24%;
	    display: inline-block;
	    text-align: center;
	    position: relative;
}

.info_title {
	    width: 100%;
    text-align: center;
    display: block;
    font-size: 60px;
    background: #e86e83;
    color: #fff;
    font-weight: bold;
}
.fancybox-content { 
    max-width: 900px!important;
}
button {cursor: pointer;}
.q_li {
    list-style-type: decimal;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px #f8077d solid;
	    color: #c70a66;
	
}
.red { color:#FF0004; font-weight: bold;}
.red2 {     padding: 2px 8px;
    margin-bottom: 4px;
    color: #992337;
    font-weight: bold;}
.q_li2 {
   
    margin-bottom: 5px;
    padding-bottom: 5px;
font-size: 16px;
	    color: #c70a66;
	
}
.in_li {
    width: 20%;
    float: left;
    text-align: center;
    background: #fff;
    padding: 18px 5px;
    border-right: 1px #e86e83 dotted;
    border-left: 1px #e86e83 dotted;
    font-size: 16px;
}
.btn {    width: 160px;
	}

.table_title {
	width: 30%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #df628c;
}
.htitle {
	text-align: center; font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
border-bottom: 1px #d94d68 solid;
	font-size: 32px;
}

input { width: 25px; height: 25px;}
.input_text {   
    font-size: 20px;
    position: absolute;
    top: -7px;
}


.ch_li {
	width: 33%;
    display: inline-grid;
    text-align: center;
}
.ch_li2 {
	width: 19%;
    display: inline-block;
    text-align: center;
	margin-bottom: 10px;
}

.ch_box {
	    background: #fff;
    padding: 40px 10px;
	    border: 4px #fff solid;
	cursor: pointer;
}
.ch_title {
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px #d94d68 dotted;
    max-width: 280px;
    margin: auto;
    line-height: 1.3;
    padding-bottom: 9px;
}
.ch_text {
	    font-size: 14px;
    line-height: 1.5;
    margin-top: 8px;
	
}
.ch_box:hover {
	    border: 4px #d43757 solid;
}

.ch_in {border: 4px #d43757 solid !important;}
.list_box { 
width: 100%;
    display: inline-block;
    padding: 10px 0px;
    border: 1px #d3d3d3 solid;
    text-align: center;
    background: #d94d68;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}
.list_box2 { 
    width: 32.8%;
    display: inline-table;
    padding: 10px 0px;
    border: 1px #d3d3d3 solid;
    text-align: center;
    min-height: 180px;
}
.list_in {
	 border: 4px #d43757 solid!important;
}

.list_t { font-weight: bold;font-size: 15px;     color: #d94d68;}
.white-box { margin: 0; width:100%; max-width:1000px;}

.list_no {
    position: absolute;
    top: -22px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no2 {
	    position: absolute;
    top: 200px;
   left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no3 {
	    position: absolute;
    top: 439px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no4 {
	    position: absolute;
    top: 650px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no5 {
	    position: absolute;
    top:874px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}

.list_no6 {
    position: absolute;
    top: 874px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}


.a7_box { 
text-align: center;
    margin: 20px 0px 40px;
}
.a7_li {
	margin: 0 20px;
    text-align: center;
    display: inline-block;
    font-size: 21px;
}
.a9_box {
max-width: 1100px;
    margin: auto;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
    color: #d94d68;
    font-weight: bold;
	    line-height: 1.2;
}
.a9_li {
	padding: 11px 5px;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 8px;
}
.b2_li { width:49%; display: inline-block;    padding: 5px;}
.pop_b5 {
    width: 49%;
    display: inline-block;
    text-align: center;
    position: relative;
}

.ch_li3 {
	width: 48%;
    display: inline-block;
    text-align: center;
}
.b4_title { 
    width: 100%;
    display: block;
    font-weight: bold;
    background: #d73358;
    max-width: 250px;
    margin: auto;
    margin-top: 5px;
    color: #fff;
}
.b4_text {
	border: 1px #d73358 solid;
    max-width: 250px;
    margin: auto;
    margin-bottom: 6px;
}
.list_box3 { 
    width: 49%;
    display: inline-table;
    padding: 10px 0px;
    border: 1px #d3d3d3 solid;
    text-align: center;
    min-height: 100px;
}

.bsb {
	display: block;
    font-size: 18px;
    color: #ffe200;
}

.e_box {
	    width: 100%;
    max-width: 829px;
    margin: auto;
    margin-top: 40px;
}
.index_pic {
	width:100%;
	max-width: 240px;
    margin: auto;
	}
	.title_b { 
background-color: #DF628C;
    color: #fff !important;
    border-radius: 20px;
    margin: auto;
    max-width: 600px;
    display: table;
    padding: 4px 22px;
	font-weight: bold;
	}

.bbg1 {
background-image: url(../images/new/pic_01.png);
    background-repeat: no-repeat;
    background-position: 40px bottom;
    background-size: 19%;
	}
.a6bg {
   background-image: url(/images/new/pic_04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    right: 17%;
    top: -51px;
    position: absolute;
    width: 100px;
    height: 121px;
    display: block;
}

.chbg {
background-image: url(../images/new/pic_06.png);
    background-repeat: no-repeat;
    background-position: 75% 62px;
    background-size: 42px;
	}
	
	.list_title { font-size:15px; line-height:1.4;}
	.nav_title {
    text-align: center;
    background: #fff;
    padding: 17px 3px;
    color: #cf2b4e;
		}
		
		.nav_title_d {
			opacity: 0.6;
    color: #af6664;
	text-align: center;
    background: #fff;
    padding: 17px 3px;
	cursor: not-allowed; 
			}
.pop_b6 span { margin-bottom:10px;display: block;}


@media only screen and (max-width: 1680px) {

}

@media only screen and (max-width: 1600px) {
.col2 {
    width: 280px;
}
}
    
@media only screen and (max-width: 1366px) {
.a6bg {
    background-image: url(../images/new/pic_04.png);
    background-repeat: no-repeat;
    background-position: 86% top;
    background-size: 10%;
}

.chbg {
    background-image: url(../images/new/pic_06.png);
    background-repeat: no-repeat;
    background-position: 76% 147px;
    background-size: 42px;
}
}


@media only screen and (max-width: 1280px) {
.class_ad2 {
    background-color: #ffffff;
    color: #f27292;
    padding: 15px 5px;
    height: 58px;
}

      .class_li {
       width: 33.333%;
    float: left;
    text-align: center; 
        padding: 1px;
        
}
       .class_li2 {
       width: 100%;
    float: left;
    text-align: center; 
        padding: 1px;
}  
    
.baby {
    background:#f6ad54;
    width: 34px;
    text-align: center;
    color: #fff;
    border-radius: 70%;
    padding: 2px 10px;
    margin: 0px 5px;
}    
    
    
}
@media only screen and (max-width: 1210px){
.col2 {
    width: 278px;
}
}
@media only screen and (max-width: 1200px){
.col2 {
    width: 300px;
}
}

@media only screen and (max-width: 1199px) {

.logostyle {
    background: inherit;
    display: block;
    padding: 15px 16px 10px 18px;
    border-radius: inherit;
    position: absolute;
    /* box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0); */
}
  
      .pc2 { display:none;}
    .mobile2 { display: inherit!important;}
}



@media only screen and (max-width: 1024px) {
	
	.a9_box {
max-width: 1100px;
    margin: auto;
    font-size: 15px;
    text-align: center;
    margin-bottom: 30px;
    color: #d94d68;
    font-weight: bold;
	    line-height: 1.2;
		margin-bottom:10px;
}
	
	
	.nav_title {
    text-align: center;
    background: #fff;
    padding: 17px 3px;
    color: #cf2b4e;
    font-size: 16px;
}
.nav_title_d {
    opacity: 0.6;
    color: #af6664;
    text-align: center;
    background: #fff;
    padding: 17px 3px;
    cursor: not-allowed;
    font-size: 16px;
}
	.a6bg {
    background-image: url(../images/new/pic_04.png);
    background-repeat: no-repeat;
    background-position: 86% top;
    background-size: 12%;
}
 .pop_b4 {
	    width: 48%;
        display: inline-block;
    text-align: center;
	   position: relative;
}
	
	.ch_li {
    width: 32%;
    display: inline-grid;
    text-align: center;
    margin-bottom: 10px;
	
}
.ch_li2 {
	width: 49%;
    display: inline-block;
    text-align: center;
	margin-bottom: 10px;
}
	
}



@media only screen and (max-width: 990px){
	
		.list_title { font-size:14px; line-height:1.3;}
	
.in_li {
    width: 20%;
    float: left;
    text-align: center;
    background: #fff;
    padding: 18px 5px;
    border-right: 1px #e86e83 dotted;
    border-left: 1px #e86e83 dotted;
    font-size: 13px;
}

.pop_b3 {
	    width: 100%;
       display: inline-block;
    text-align: center;
}

}

@media only screen and (max-width: 768px) {
	
	.list_t {
    font-weight: bold;
    font-size: 15px;
    color: #d94d68;
    line-height: 1.5;
}
	
	.qu_but {
    background: #d94d68;
    color: #fff;
    padding: 14px 10px;
    margin: 3px;
    width: 100%;
    cursor: pointer;
    border: 0px;
    border-radius: 12px;
    font-size: 16px;
}
	
	.nav_title {
    text-align: center;
    background: #fff;
    padding: 17px 3px;
    color: #cf2b4e;
    height: 100px;
    font-size: 15px;
}
.nav_title_d {
    opacity: 0.6;
    color: #af6664;
    text-align: center;
    background: #fff;
    padding: 17px 3px;
    cursor: not-allowed;
    font-size: 15px;
    height: 100px;
}
	
	.ch_text {
    font-size: 13px;
}
	.ch_title {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px #d94d68 dotted;
    max-width: 280px;
    margin: auto;
}
	
	.ch_li {
    width: 32%;
    display: inline-grid;
    text-align: center;
    margin-bottom: 10px;
	
}
	
	.ch_box {
    background: #fff;
    padding: 40px 2px;
    border: 4px #fff solid;
    cursor: pointer;
}
	
	
	 .pop_b4 {
	    width: 32%;
        display: inline-block;
    text-align: center;
	   position: relative;
}
	
 .bgco {
      background: #fdede4;
    padding:80px 20px 30px 20px;
    border-radius: 25px; 
    position: relative;
}
	 .bgco2 {
      background: #fdede4;
    padding:30px 20px 30px 20px;
    border-radius: 25px; 
    position: relative;
}
    
      .ordey_libg {
padding: 15px;
    text-align: center;
    color: #f27292;
    margin-right: 1px;
    border: 1px #f27292 solid;
    font-size: 16px;
   
}
.ordey_libg2 {
padding: 15px;
    text-align: center;
    color: #f27292;
    margin-right: 0px;
    border: 1px #f27292 solid;
    font-size: 16px;
    
   
} 
.info_title {
	    width: 100%;
    text-align: center;
    display: block;
    font-size: 38px;
    background: #e86e83;
    color: #fff;
    font-weight: bold;
}

  
    .pc { display:none;}
.mobile { display:inherit;}	
.bannerbg_1 {order: 2;}
.bannerbg_2 {order: 1;}
.king {
    position: absolute;
    background: #ffae34;
    border-radius: 80%;
    width: 26px;
    font-size: 14px;
    color: #fff;
    right: 50%;
    top: -14px;
    z-index: 9;
    margin-right: -13px;
}
    .king_2 {
    position: absolute;
    background: #ff6b3f;
    border-radius: 80%;
    width: 26px;
    font-size: 14px;
    color: #fff;
    right: 50%;
    top: -14px;
    z-index: 9;
    margin-right: -13px;
}
    .king_3 {
    position: absolute;
    background: #4db0e9;
    border-radius: 80%;
    width: 26px;
    font-size: 14px;
    color: #fff;
    right: 50%;
    top: -14px;
    z-index: 9;
    margin-right: -13px;
}
    
 .col2 {
    width: 100%;
}  
.lead_no {
    display: block;
    text-align: center;
    background: #f27292;
    height: 34px;
    line-height: 34px;
    border-radius: inherit;
    color: #fff;
    font-size: 19px;
    width: 127px;
    margin: 0 auto;
    margin-bottom: 16px;
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-30deg);
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-30deg);
    -o-transform-origin: right bottom;
    -o-transform: rotate(-30deg);
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-30deg);
    transform-origin: right bottom;
    transform: rotate(-30deg);
    position: absolute;
    left: -48px;
    top: -48px;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
}
    .lead_mane { 
    text-align: center;
    color: #000;
    padding-top: 18px;
}
    
    
    .adj {     padding-left: 15px !important; margin-top: 25px;}
.stepper {
	position: relative;
	display: inline-block;
	max-width: 100%;
	width: 100%;
}
 .class_day {
    background-color: #ffffff;
    color: #f27292;
    padding: 12px 5px;
    height: 85px;
    display: grid;
}   
.class_time {
    background-color: #ffffff;
    color: #f27292;
    padding: 12px 5px;
    height: 85px;
    display: grid;
}    
    
 .class_ad2 {
    background-color: #ffffff;
    color: #f27292;
    padding: 18px 5px;
    height: 85px;
}   
.baby {
    background: #f6ad54;
    width: 32px;
    text-align: center;
    color: #fff;
    border-radius: 70%;
    padding: 2px 10px;
    margin: 0px 5px;
}    
    
.logo_img { width: 100%;     max-width: 60%;}
   
  .logo_img2 {
    width: 100%;
    max-width: 80%;
}  
	.pop_b2 {
	    width: 100%;
       display: inline-block;
    text-align: center;
}
	
	}

@media only screen and (max-width: 480px) {
	
	.nav_title {
    text-align: center;
    background: #fff;
    padding: 17px 3px;
    color: #cf2b4e;
    height: initial;
    font-size: 15px;
}
.nav_title_d {
    opacity: 0.6;
    color: #af6664;
    text-align: center;
    background: #fff;
    padding: 17px 3px;
    cursor: not-allowed;
    font-size: 15px;
    height: initial;
}
	
	.pop_b6 {
	    width: 49%;
	    display: inline-block;
	    text-align: center;
	    position: relative;
}
	
	.white-box { margin: 0 40px;}
	.list_in {
    border: 4px #d43757 solid;
}
	
	.list_box2 { 
    width: 100%;
    display: inline-table;
    padding: 10px 0px;
   
    text-align: center;
    min-height: auto;
		margin-bottom: 2px
}
	.ch_li {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
}
	
	
.ch_li2 {
	width: 100%;
    display: inline-block;
    text-align: center;
}	

	
.join_stag {
    width: 100%;
    display: block;
    font-size: 14px;
}	
    .row2 {
    display: flex;
    flex-wrap: wrap;
    margin-right:inherit ;
    margin-left: inherit;
}
    
.wish_lli { width: 100%; }

 .like {
    position: absolute;
    z-index: 9;
    right: 12px;
    background: #ffc55a;
    display: block;
    /* width: 34px; */
    text-align: center;
    color: #fff;
    border-radius: 70%;
    top: 6px;
    padding: 6px 12px;
    
}
  .buttonicon2 {
    position: absolute;
    z-index: 9;
    background: #d22a77;
    display: block;
    /* width: 34px; */
    text-align: center;
    color: #fff;
    border-radius: 70%;
    top: 6px;
    padding: 5px 12px;
    left: 12px;
}  
.page_h5 {
    font-size: 16px;
    line-height: 1.54167;
    color: #000;
    margin-bottom: 10px;
}
.page_h5_2 {
    font-size: 16px;
    line-height: 1.54167;
    color:#ed708f;
    margin-bottom: 10px;
    margin-top: 20px;
}
  .page_bg2 {
    padding: 10px 0px 30px 0px;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0);
}
 .form-wrap2 {
    position: relative;
    box-shadow: 0px 4px 9px -1px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
}   
    
    body {  font-size: 14px;}
.lead_bg2 {
    background: #fff;
    padding: 15px 10px;
    border-radius: 20px;
    margin-top: 20px;
    max-width: 900px;
    box-shadow: 0 2px 12px rgba(136, 136, 136, 0.2);
    margin-left: auto;
    margin-right: auto;
} 
    
    
    .foot_text {font-size: 20px;}
.foot_li{
    position: relative;
    left: inherit;
}
	.add_memory_body {
    position: fixed;
    right: -7px;
    top: 75%;
    display: block;
    width: 100px;
    height: 100px;
    background: #a01430;
    color: #fff;
    text-align: center;
    box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 999;
    border: 1px #fff solid;
    padding-top: 10px;
}
	.info_title {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 28px;
    background: #e86e83;
    color: #fff;
    font-weight: bold;
}
  
	}




@media only screen and (max-width: 414px) {

.list_no {
    position: absolute;
    top: -22px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no2 {
	    position: absolute;
    top: 342px;
   left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no3 {
	    position: absolute;
    top: 721px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no4 {
	    position: absolute;
    top: 1073px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no5 {
	    position: absolute;
    top: 1428px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
	
}



@media only screen and (max-width: 375px) {

.list_no {
    position: absolute;
    top: -22px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no2 {
	    position: absolute;
    top: 342px;
   left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no3 {
	    position: absolute;
    top:643px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no4 {
	    position: absolute;
    top: 991px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no5 {
	    position: absolute;
    top: 1343px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
	
}


@media only screen and (max-width: 360px) {

.list_no {
    position: absolute;
    top: -22px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no2 {
	    position: absolute;
    top: 392px;
   left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no3 {
	    position: absolute;
    top: 795px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no4 {
	    position: absolute;
    top:1150px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
.list_no5 {
	    position: absolute;
    top: 1504px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    height: 30px;
    background: #333;
    border-radius: 80%;
    line-height: 30px;
    z-index: 9;
}
	
}