@charset "utf-8";
.area{background:#fff;width:100%;height:100%}
.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;border-radius:99;background:#c9ebe9;animation:animate 25s linear infinite;bottom:-150px}
.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0}
.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}
.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}
.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0;animation-duration:18s}
.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0}
.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}
.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}
.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}
.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}
.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0;animation-duration:11s}
@keyframes animate {
0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:25%}
100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:100%}
}
.section_aboutmyway{background-image:url(images/bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:top;max-width:inherit;}
.abgne_tab ul,.abgne_tab li{margin:0;padding:0;list-style:none}
.abgne_tab{width:100%;margin:20px 0}
.abgne_tab ul.tabs{width:100%;height:auto;display:flex;flex-direction:row;justify-content:center}
.abgne_tab ul.tabs li{overflow:hidden;position:relative;margin:5px;padding:10px 15px;background:#cbcecec7;border-radius:10px;text-align:center;width:auto}
.abgne_tab ul.tabs li a{display:block;padding:0 20px;color:#007c7D;text-decoration:none}
.abgne_tab ul.tabs li.active{background:#00a2a3}
.abgne_tab ul.tabs li.active a{color:#fff}
.abgne_tab div.tab_container{width:100%;max-width:1080px;margin:0 auto}
.abgne_tab div.tab_container .tab_content{padding:20px}
.year{background-color:#fffcc8;max-width:1080px;border-radius:0 0 10px 10px}
.how-to-get-1{display:flex;flex-direction:row;align-items:center;justify-content:center}
.how-to-get-2{display:flex;flex-direction:row;align-items:center;justify-content:center}
.OP-howto-1,.OP-howto-2{width:90%}
.op-point{background-color:#C9EBE9;max-width:112px;text-align:center;font-weight:700;border-radius:30px;padding:5px 10px}
.op-icon-left{display:flex;flex-direction:row;align-items:center;/*justify-content:flex-start;*/justify-content: center;}
.op-icon-right{display:flex;flex-direction:row;align-items:center;/*justify-content:flex-end*/justify-content: center;}
.op-icon-img{width:calc(100% / 2);height:auto;padding:10px}
.abgne_tab .tab_container .tab_content .btn-red{background-color:#FF5441;width:60%;padding:16px 20px;border-radius:50px;color:#fff!important;border:2px solid #FF5441;display:block;align-items:center;justify-content:center;margin:0 auto;max-width:none}
.abgne_tab .tab_container .tab_content .btn-red:hover{background-color:#fff;padding:16px 20px;border-radius:50px;color:#FF5441!important;border:2px solid #FF5441}
.op-atm{display:flex;flex-direction:row;align-items:center;justify-content:center}
.atm-point{text-align:left;width:70%}
.atm-point-img{width:30%}
.section_QA{background-color:#fff}
.MyWay-ara{background-color:#fff;padding:10px 0}
.MyWay-QA{text-align:center}
.MyWay-QA >a:hover{cursor:pointer;color:#007c7d;text-decoration:none}
[data-toggle=collapse]:after{font-family:"FontAwesome";content:"\f107";width:24px;height:24px;display:inline-block;vertical-align:middle;margin-top:-12px;font-size:24px;font-weight:700;margin-left:5px}
[data-toggle=collapse][aria-expanded=true]:after{content:"\f106"}
.QA-part{margin:20px 15px;text-align:justify;}
.QA-part ul li{font-size:17px;padding-bottom:10px}
.op-ara{position:relative;display:flex;max-width:900px;margin:0 auto;justify-content:center;align-items:center}
.op-gift-1{position:relative;width:40%}
.op-gift-2{position:relative;width:calc((100% - 40%) / 3)}
.op-gift p{margin:30px 0}
.sign-in{line-height:1.5;font-size:18px;background-color:#fff;border-radius:10px;position:relative;padding:40px 50px 0;max-width:1080px;margin:0 auto}
.sign-in h2{background-color:#007c7D;color:#fff;padding:10px;border-radius:99px;text-align:center;width:88%}
.sign-ara{display:grid;justify-content:center;align-items:center;grid-template-columns:40% 60%}
.sign-text{padding-left:20px}
@media (max-width:1080px) {
.sign-in{padding:40px 30px 0}
}
@media (max-width:1000px) {
.abgne_tab .tab_container .tab_content .btn-red{width:100%}
.sign-in{padding:40px 18px 0}
}
@media (max-width:1080px) and (min-width:900px) {
.op-gift-1{width:32%}
.op-gift-2{width:calc((100% - 32%) / 3)}
}
@media (max-width:899px) {
.op-gift-1{width:30%}
.op-gift-2{width:calc((100% - 30%) / 3)}
}
@media (max-width:768px) {
.op-ara{flex-wrap:wrap}
.op-gift-1{width:100%}
.op-gift-2{width:calc(100% / 3)}
.op-atm{flex-direction:column}
.atm-point{width:100%}
}
@media (max-width:680px) {
.sign-ara:nth-child(1){padding-bottom:20px}
}
@media (min-width: 576px) and (max-width:991px) {
.abgne_tab ul.tabs li{margin:5px;padding:10px 5px}
.OP-howto-1{width:70%}
.OP-howto-2{width:55%}
.op-icon-img{width:calc(90% / 3);padding:12px}
.op-icon-left,.op-icon-right{justify-content:center}
}
@media (max-width: 575px) {
.abgne_tab div.tab_container .tab_content{padding:0;margin:0}
.abgne_tab ul.tabs{flex-direction:column}
.abgne_tab ul.tabs li{width:100%;padding:10px 8px}
.abgne_tab ul.tabs li a{padding:0}
.op-gift{margin:20px}
.sign-in{padding:40px 0 0}
.sign-text{padding-left:10px}
.how-to-get-1{flex-direction:column}
.how-to-get-2{flex-direction:column}
.OP-howto-1{width:100%}
.OP-howto-2{width:100%}
.op-icon-img{width:calc(90% / 3);padding:12px}
.op-icon-left,.op-icon-right{justify-content:center}
}
@media (max-width: 420px) {
.abgne_tab .tab_container .tab_content .btn-red{width:100%}
}


/*中信日*/
.Activityara{padding: 20px;width: 100%;height: auto;margin: 0 auto;position: relative;}
.gift-title img{width: 20px;height: auto;vertical-align:top;}
.gift-title P:nth-child(2){margin-left: 20px;}
.gift-ara{
    width: 100%;
    background-color: white;
    border-radius: 10px;
    padding: 2.5rem 1rem 2.5rem 4rem;
    position: relative;
    margin: 0 auto;
}
.gift-wd{
    display: grid;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: 8px 0px;
    line-height: 1.3;
    margin: 0 20px;
    grid-template-columns: auto 65% 28%;
    justify-items: start;
}
.gift_btn{
    text-align: center;
    width: 100%;
}
.gift_btn > a {
    border: 2px solid #ff5441;background-color: #ff5441;border-radius: 50px;color: white;display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin: 0 auto;
    height: 40px;
    width: 100%;
    max-width: 160px;
	font-size: 18px;}
.gift_btn i{margin-left: 4px;}
@media (max-width: 1040px){
}
@media (max-width: 900px){
    .gift-ara{
        padding: 2rem;
    }
    .gift-wd {margin-right: 8px;}
}
@media (max-width: 720px){
	.gift-ara {
        padding: 1.4rem;
    }
    .gift{
        width: 75%;
        margin: 0px auto;
    }
}
@media (max-width: 540px){
	.gift-ara {
        padding: 1rem;
    }
	.Activityara{padding: 10px;}
	.gift_btn > a {font-size: 14px;}
}