html,
body {
    width: 100%;
    overflow-x: hidden;
    font-size: 2.1875vw; /*14px*/
    letter-spacing: 0.01em;
}


button{
    background: transparent;
}

body {
    position: relative;
    font-family: "Roboto", "Microsoft JhengHei", "微軟正黑";
    font-weight: 400;
    color: #fff;
}


html.scroll_lock{
    overflow: hidden;
}

img {
    display: block;
    width: 100%;
    height: auto;
} 

h1{
    display: none;
}

h2{
    font-size: 2.5rem;  /*35px*/
    letter-spacing: 0;
    font-weight: 600;
    line-height: 115%;
}

h2 p.main_title{
    font-size: 1em;
}

h2 p.sub_title{
    font-size: 0.4em;
    letter-spacing: 0.03em;
}

h3{
    font-size: 1.75rem; /*24px*/
    letter-spacing: 0.05em;
    font-weight: 600;
}

h3 p.sub_title{
    font-size: 0.666em;
}

h4{
    font-size: 1.285rem; /*18px*/
}

h4 p{
    font-size: 1em;
}

h5{
    font-size: 1.1428rem;  /*16px*/
}

h5 p{
    font-size: 1em;
}

p{
    font-weight: 600;
}


.text_s{
    font-size: 0.857em; /*12px*/
}

.text_yellow{
    color: #FFFF00;
}

.text_red{
    color: #FF0000;
}

a.btn{
    transition: all ease .3s;
}

a.btn_link{
    text-decoration: underline;
}

a.btn_item{
    display: block;
}

a.btn_primary{
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    width: 7em;
    letter-spacing: 0;
    background: #fff;
}

a.btn_primary h5{
    margin-right: 0.5rem;
}

a.btn_primary::after{
    content: " ";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #ccc;
    transform: rotate(45deg);
    transition: all ease .3s;
}

a.btn_card{
    display: block;
}

section{
    position: relative;
}

.row_center{
    justify-content: center;
}

.container_absolute{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding: 2.5rem 0;
}

.kv_video{
    position: relative;
    /*pointer-events: none;*/
    background: #000;
}

.kv_video::after{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    pointer-events: none;
}

.kv_video::before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
}

.kv_video .player{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.kv_video .player_img{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.section_season{
    background: #000;
}

.section_season .season_title{
    text-align: center;
}

.section_season .season_title h2{
    margin: 0.5rem 0;
}

.section_season .season_info{
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    margin: 3rem 0 1rem 0;
}

.section_season .season_info .info_news{
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    align-items: center;
}

.section_season .season_info .info_news .news_item ~ .news_item{
    margin-left: 0.8rem;
}

.section_season .season_info .news_new{
    padding: 0 0.4em;
    color: #FF0000;
    border: 1px solid #FF0000;
}

.section_season .season_info .news_hd{
    padding: 0 0.2em;
    color: #000;
    background: #8A8A8A;
}

.section_season .season_info .info_comment h4 p{
    font-weight: normal;
}

.section_season .episodes{
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    margin-bottom: 2rem;
    border-bottom: 1px solid #fff;
}

.episodes_title{
    display: inline-block;
    margin-bottom: -2px;
    padding: 0.2rem 0.5rem;
    letter-spacing: 0.3em;
    border-bottom: 3px solid #fff;
}

.season_ep1 .episodes,.season_ep2 .episodes,.season_ep3 .episodes{
    margin-bottom: 3rem;
}

.season_ep1 .episodes_title,.season_ep2 .episodes_title,.season_ep3 .episodes_title{
    letter-spacing: 0;
    text-align: center;
    width: 2.8em;
}

.season_ep2 .episodes_title{
    margin-left: 2.8rem;
}

.season_ep3 .episodes_title{
    margin-left: 5.6rem;
}


.season_ep1 .info,.season_ep2 .info,.season_ep3 .info{
    font-style: italic;
    letter-spacing: 0;
}

.section_season .btn_menu{
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    
    box-shadow: 0 0  0.2rem 0.1rem #2887DD, 0 0 0.6rem #2887DD70;
}


.section_season .row{
    justify-content: center;
}

.section_season  .menu_info{
    position: absolute;
    bottom: 0.7rem;
    left: 0.7rem;
    text-align: center;
}

.section_season  .btn_menu{
    margin: 0.5rem;
}

.section_season  .btn_menu .menu_info{
    border: 1px solid #fff;
}

.section_season  .btn_menu  .info_title{
    padding: 0 0.5rem;
}

.section_season  .btn_menu .main_title{
    text-shadow: 0 0 0.3em rgba(0, 0, 0, 1),0 0 0.8em rgba(0, 0, 0, 0.75);
}

.section_season  .col-menu:nth-of-type(1) .btn_menu .menu_info{
    border-color: #41A7D7;
}

.section_season  .col-menu:nth-of-type(1) .btn_menu .menu_info .sub_title{
    background: #41A7D7;
}

.section_season  .col-menu:nth-of-type(2) .btn_menu .menu_info{
    border-color: #6E2580;
}

.section_season  .col-menu:nth-of-type(2) .btn_menu .menu_info .sub_title{
    background: #6E2580;
}

.section_season  .col-menu:nth-of-type(3) .btn_menu .menu_info{
    border-color: #DF6411;
}

.section_season  .col-menu:nth-of-type(3) .btn_menu .menu_info .sub_title{
    background: #DF6411;
}

.section_season  .col-menu:nth-of-type(4) .btn_menu .menu_info{
    border-color: #A8295A;
}

.section_season  .col-menu:nth-of-type(4) .btn_menu .menu_info .sub_title{
    background: #A8295A;
}

.section_season .dec_text{
    text-align: center;
    letter-spacing: 0.5em;
    margin: 3rem 0 1.2rem 0;
}


.section_award{
    padding: 10% 0 4% 0;
    overflow: hidden;
    background: #004580;
}

.section_award .bg{
    position: absolute;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.section_award .container{
    position: relative;
}

.section_award .sub_title{
    margin: 1.5rem 0;
    text-align: center;
}

.section_award .item_award{
    transition: all ease .3s;
}

.section_award .item_award p{
    text-align: center;
    font-size: 0.95em;
}


.section_award p.note{
    margin-top: 1rem;
    font-size: 0.9em;
    font-weight: normal;
}

.section_award a.btn_award{
    display: block;
    width: 42.7%;
    margin-top: 4%;
    transform-origin: center;
    transform: translateX(3%);
    transition: all ease .3s;
}

.section_award .btn_award img{
    display: block;
    width: 100%;
}

.section_season .container_video{
    padding-top: 4rem;
}

.season_video{
    position: relative;
}

.season_video::before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.season_video .player_season{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto; 
}

.section_season .container_title{
    padding: 1.5% 0;
    margin: 0;
}

.section_season .title_block{
    position: relative;
    padding: 1rem 1rem 1rem 0;
    margin-top: -12%;
    background: rgba(0,120,196,0.8);
    z-index: 2;
    pointer-events: none;
}

.section_season.season_expend .title_block{
    background: rgba(121,28,131,0.8);
}

.section_season.season_elasticity .title_block{
    background: rgba(249,89,0,0.8);
}

.section_season.season_integrate .title_block{
    background: rgba(187,17,90,0.8);
}

.section_season .container_title .row{
    justify-content: space-between;
    align-items: flex-end;
}

.section_season .title_season{
    display: inline-block;
    padding: 0 0.5em;
    border: 1px solid #fff;
}

.section_season .title_block .main_title{
    margin: 0.6rem 0;
    font-style: italic;
}

.section_season .ep_block{
    display: flex;
    display: -ms-flexbox;
}

.section_season .ep_block .item_ep{
    text-align: center;
    font-weight: 600;
    font-size: 0.85em;
    padding: 0 1rem 1rem 1rem;
    width: 33.33%;
    border: 2px solid #41AADA;
    box-shadow: 0 0  0.2rem 0.1rem #2887DD, 0 0 0.6rem #2887DD70, 0 0 ;
    background: radial-gradient(51.44% 90.63% at 50% 49.99%, rgba(255,255,255,0.35) 0%,  rgba(255, 255, 255, 0) 100%);
}


.section_season.season_expend .ep_block .item_ep{
    border-color: #791C83;
    box-shadow: 0 0  0.2rem 0.1rem #791C83, 0 0 0.6rem #791C8370, 0 0 ;
}

.section_season.season_elasticity .ep_block .item_ep{
    border-color: #F65900;
    box-shadow: 0 0  0.2rem 0.1rem #F65900, 0 0 0.6rem #E76F0070, 0 0 ;
}


.section_season.season_integrate .ep_block .item_ep{
    border-color: #BB115A;
    box-shadow: 0 0  0.2rem 0.1rem #FF007E, 0 0 0.6rem #FF007E70, 0 0 ;
}


.section_season .ep_block .item_ep ~ .item_ep{
    margin-left: 0.5rem;
}

.section_season .ep_block .item_ep .ep{
    margin: auto;
    padding: 0.2em;
    margin-bottom: 0.3rem;
    text-transform: uppercase;
    width: 3.6em;
    background: linear-gradient(51.18deg, #0076C2 -0.01%, #41AADA 100.01%);
}

.section_season.season_expend .ep_block .item_ep .ep{
    background: #791C83;
}

.section_season.season_elasticity .ep_block .item_ep .ep{
    background: #F65900;
}

.section_season.season_integrate .ep_block .item_ep .ep{
    background: #BB115A;
}

.section_season .ep_block .item_ep .content{
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    height: 3.5em;
}

.section_season.season_ep1,.section_season.season_ep2,.section_season.season_ep3{
    padding: 4.5% 0 ;
}

.season_efficacy{
    background: linear-gradient(180deg, #001D34 9.74%, #023360 72.14%);
}



.season_efficacy.season_ep2{
    background: #0078C4;
}

.season_efficacy.season_ep3{
    background: url("../images/bg_s1-ep3_m.png"), linear-gradient(0deg, #000203 2.15%, #012545 18.71%, #002646 22.11%, #023360 50.66%, #0078C4 95.43%);;
    background-size: 100% auto,100%;
    background-repeat: no-repeat , repeat-x;
    background-position: bottom center;
}

.season_expend{
    background: linear-gradient(180deg, #000000 87.58%,  #250030 100%);
}

.section_season.season_ep1{
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
}

.season_expend.season_ep1{
    background-color: #250030;
    background-image: url("../images/bg_s2_m.jpg");
    background-position: top center;
}

.season_elasticity{
    background: #000;
}

.season_elasticity.season_ep1{
    background-image: url("../images/bg_s3_m.jpg");
}

.season_integrate{
    background: #000;
}

.season_integrate.season_ep1{
    background-image: url("../images/bg_s4_m.jpg");
    background-size: 100% auto;
    background-position: center;
}

section .content_title{
    position: relative;
    margin-bottom: 2rem;
    text-align: center;
    z-index: 2;
}

.section_season .content_product{
    position: relative;
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-end;
    z-index: 1;
}

.section_season .content_product img{
    display: block;
    width: 91%;
    transform: translate(2.7%, -7%);
}



.season_efficacy .hexagonal_row{
    align-items: flex-end;
    margin-top: -10%;
    transform: translateX(-5%);
}

.season_efficacy .hexagonal_item{
    position: relative;
    width: 100%;
    margin: 0.5rem;
    filter: drop-shadow(0 0 1rem rgba(65,181,229,0.6));
    animation: filter 1.6s ease infinite forwards;
}


.season_efficacy .item_text{
    position: absolute;
    display: flex;
    display: -ms-flexbox;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    z-index: 2;
}



.season_efficacy  .item_bg{
    display: block;
    width: 100%;
    height: auto;
    animation: filter 2s ease infinite forwards;
}

.season_efficacy .content_card:nth-of-type(1){
    width: 75%;
}

.season_efficacy .content_card:nth-of-type(2){
    width: 25%;
}


.season_efficacy .card_item{
    position: relative;
    margin: 0.6%;
    box-sizing: border-box;
    filter: drop-shadow(0.5rem 0.5rem 0.42rem rgba(0,0,0,0.6));
}


.season_efficacy .content_card .item_text .title::after{
    content: "";
    display: block;
    border-bottom: 2px solid #fff;
    left: 0;
    right: 0;
    width: 85%;
    margin: 0.2rem auto 0.7rem auto;
}

.season_efficacy .content_card:nth-of-type(1) .card_item:nth-of-type(1){
    width: 67.5%;
}

.season_efficacy .content_card:nth-of-type(1) .card_item:nth-of-type(2){
    width: 30%;
}

.season_efficacy .content_card:nth-of-type(1) .card_item:nth-of-type(3){
    width: 48.5%;
}

.season_efficacy .content_card:nth-of-type(1) .card_item:nth-of-type(4){
    width: 48.75%;
}

.season_efficacy .content_card:nth-of-type(2) .card_item:nth-of-type(1){
    margin-bottom: 0.75rem;
}

.season_efficacy .content_card .item_text li{
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0.5rem;
}

.season_efficacy .content_card .item_text li .icon{
    width: 1.1rem;
    margin-right: 0.4rem;
}

.season_efficacy .safe_row{
    justify-content: space-evenly;
    margin-bottom: 5%;
}

.season_efficacy .safe_row .item_info{
    text-align: center;
}

.season_efficacy .safe_row .item_info .title{
    display: inline-block;
    margin: 0.6rem 0;
    padding: 0.25rem 0.8rem;
    border: 1px solid #fff;
}

.season_efficacy .safe_row .item_info .infomation{
    padding: 0 1rem;
    text-align: left;
    font-weight: normal;
}

.season_elasticity .row_store{
    justify-content: space-between;
}

.season_elasticity .col-store{
    display: flex;
    display: -ms-flexbox;
}

.season_elasticity .store_item{
    margin: 1rem;
}

.season_elasticity .store_card{
    animation: filter2 2s ease infinite forwards;
}

.season_elasticity .store_pic{
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(0,0,0,0.5);
}

.season_elasticity .store_card .card_bottom{
    transform: translateY(-50%);
}

.season_elasticity .store_card .card_top{
    transform: translateY(50%);
    margin-top: -2px;
}

.season_elasticity .store_card .card_content{
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 2rem;
    box-sizing: border-box;
}

.season_elasticity .col-store:nth-of-type(2) .store_card .card_content{
    padding: 2.2rem 2rem;
}

.season_elasticity .store_card .card_content .title{
    margin-bottom: 0.5rem;
}

.season_elasticity .store_card .card_content::before,
.season_elasticity .store_card .card_content::after{
    position: absolute;
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.8%;
    height: 100%;
    background: linear-gradient(180deg, #F39F00 6%, #F65900 96%);
}

.season_elasticity .store_card .card_content::before{
    left: 0;
}

.season_elasticity .store_card .card_content::after{
    right: 0;
}


.season_expend .content_scaleup{
    position: relative;
    overflow: hidden;
}

.season_expend .content_scaleup::after{
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 42.426187%;
    height: 0;
}
/*.season_expend .content_scaleup .scaleup_img{
    padding: 1rem 0;
}*/
.season_expend .content_scaleup .scaleup_img{
    position: absolute;
    width: 100%;
    top: 0%;
    right: 0;
    left: 0;
    margin: auto;
}

.season_expend .aos-animate .scaleup_img{
    animation: scaleup steps(10, start) 4s;
}

@keyframes scaleup{
    from{
        top: 0;
    }
    to{
        top: -1000%;
    }

}

.season_expend .content_bar{
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    margin-top: 4%;
}

.season_expend .content_bar .bar_play{
    width: 8.78rem;
}

.season_expend .content_bar .bar_good{
    display: flex;
    display: -ms-flexbox;
    justify-content: space-evenly;
    align-items: center;
}

.season_expend .content_bar .bar_good img{
    width: 7.14rem;
    margin-right: 1rem;
}

.season_expend .content_bar .btn_primary{
    color: #791C83;
}

.season_expend a.btn_primary::after{
    border-color: #791C83;
}

.season_integrate .row_info{
    align-items: center;
}

.season_integrate .content_info{
    position: relative;
    width: 100%;
    height: 100%;
}

.season_integrate .content_info::before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 70%;
}

.season_integrate .content_list{
    padding: 20% 0 25% 0;
}

.season_integrate .content_list .title{
    margin-bottom: 1rem;
}

.season_integrate .content_list ul{
    margin-left: 1.1rem;
    list-style-type: square;
    list-style-position: outside;
    margin-bottom: 1rem;
}

.season_integrate .content_list li{
    margin-bottom: 0.5rem;
}

.season_integrate a.btn_primary{
    margin: auto;
    color: #BB115A;
}

.season_integrate a.btn_primary::after{
    border-color: #BB115A;
}

.section_other{
    padding: 4% 0;
    background: linear-gradient(0deg, #00223F 15%, #000000 85%);;
}

.section_other .container{
    position: relative;
    padding: 1.6rem 0;
}

.section_other .container::before,
.section_other .container::after{
    content: "";
    position: absolute;
    display: block;
    padding: 0.6rem;
    font-weight: 600;
    font-size: 2rem;
    z-index: 1;
}

.section_other .container::before{
    top: 0;
    left:  5.92%;
    content: "你可能還會喜歡…";
    background: #000;
}

.section_other .container::after{
    bottom: 0;
    right:  6.644%;
    content: "99.9% 適合你";
    background: #00223F;
}

.section_other .row_other{
    flex-wrap: nowrap;
    padding: 3rem 2rem;
    border: 1px solid #fff;
}

.section_other .col-other ~ .col-other{
    margin-left: 2rem;
}

.section_other .item_other{
    display: block;
    position: relative;
    border-radius: 0.357rem;
    overflow: hidden;
    z-index: 2;
    transition: all ease-out .3s;
    animation: glow 1.3s ease infinite forwards;
}


.section_other .item_other .arrow{
    position: absolute;
    width: 33%;
    height: 28%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all ease-out .3s;
}

.section_media{
    padding: 4% 0;
    background: linear-gradient(0deg, #004580 0%, #00223F 100%);;
}

.section_media .row{
    justify-content: center;
    flex-wrap: nowrap;
}

.section_media .col-media{
    margin-left: 1rem;
}

.section_media .meida_pc{
    position: relative;
    margin-bottom: 1rem;
}

.section_media .item_media .pic_tag,
.section_media .item_media .pic_number{
    position: absolute;
}

.section_media .meida_pc .pic_number{
    width: 24%;
    left: -1.6417%;
    bottom: -20.6%;
}

.section_media .col-media:nth-of-type(1) .meida_pc  .pic_number{
    left: -3%;
}

.section_media .item_media .pic_tag{
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    bottom: 1rem;
    right: 0;
    left: 0;
    margin: auto;

}

.section_media .item_media .pic_tag span{
    display: block;
    padding: 0.2rem 0.5rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
    border: 0.0857rem solid #00A8DB;
}

.section_media .item_media .pic_tag .title{
    background: #00A8DB;
}

.section_media .media_title{
    text-align: center;
}

.box_modal .container{
    width:  100%;
}

.box_modal .btn_close{
    width: 3em;
    min-width: 35px;
    height: 3em;
    min-height: 35px;
    background: #12A3E3;
}

.box_modal .title{
    text-align: center;
    color: #00447C;
    margin-bottom:  2rem;
}

.box_modal .modal_content{
    position: relative;
    /*padding: 1.66rem;*/
    width: 92%;
}

.box_modal .modal_content .dec{
    position: absolute;
    width: 10%;
    min-width: 5.5rem;
}

.box_modal .modal_content .dec:nth-of-type(1){
    top: 0;
    left: 0;
}

.box_modal .modal_content .dec:nth-of-type(2){
    bottom: 0;
    right: 0;
}

.box_modal .content_inner{
    position: relative;
    padding: 2rem 3rem;
    background: #fff;
}

.info_modal .content_inner{
    max-height: 80vh;
    color: #333;
}

.info_modal .row{
    justify-content: center;
    align-items: center;
}

.info_modal .content_inner ul.list{
    margin-left: 1.2em;
}

.info_modal .content_inner ul.list  li{
    line-height: 1.6;
    margin-bottom: 0.5em;
}

@media screen and (max-width:767px) {
	html,
    body {
        overflow-x: hidden;
    }

    .container{
        width: 90%;
        margin: auto;
    }

    .b_br {
        display: none;
    }

    .pc_block{
        display: none;
    }

    .section_season{
        padding-bottom: 3rem;
    }


    .kv_video::after{
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 8%,  rgba(0, 0, 0, 0) 10%);
    }

    .video_m::before{
        padding-bottom: 177.802%;
    }

    .video_pc{
        display: none;
    }

    .section_award .row_award{
        justify-content: center;
    }

    .section_award .item_award:nth-of-type(1){
        width: 45.733%;

    }

    .section_award .item_award:nth-of-type(2){
        width: 56.66%;
    }

    .section_award .item_award:nth-of-type(3){
        width: 43.33%;
    }

    .section_award .btn_award{
        width: 55%;
    }

    .section_season .container_title .row{
        flex-flow: column;
        align-items: flex-start;
    }

    .section_season .title_block{
        width: 92%;
        padding-left: 6%;
    }

    .section_season .ep_block{
        display: flex;
        display: -ms-flexbox;
        padding: 0 6%;
        margin: 3% auto;
        width: 100%;
    }

    .season_efficacy.season_ep1{
        background: url("../images/dec_s1-ep1l01.png"),linear-gradient(180deg, #023360 9.74%, #0078C4 72.14%);
        background-repeat: no-repeat ,repeat-y;
        background-size: 52.34%, 100%;
        background-position: bottom left;
    }

    .season_efficacy.season_ep2{
        background-image: url("../images/dec_s1-ep1l02.png");
        background-repeat: no-repeat;
        background-size: 52.34%;
        background-position: top left;
    }

    /* .season_efficacy .item_text p{
        font-size: 0.9em;
    } */

    .season_efficacy .hexagonal_row{
        width: 125%;
        margin-left: -7%; 
        padding-bottom: 10%;
    }

    .season_efficacy .content_hexagonal{
        width: 21.666%;
    }

    .season_efficacy .content_hexagonal:nth-of-type(2){
        transform: translate(0,-25%);
        margin-left: -5.5%;
        margin-top: 1rem;
    }
    .season_efficacy .content_hexagonal:nth-of-type(2) .hexagonal_item:nth-of-type(1) {
        transform: translate(25.4%,12.7%);
    }

    .season_efficacy .content_hexagonal:nth-of-type(3){
        margin-left: -5.5%;
        margin-top: 1rem;
    }

    .season_efficacy .content_hexagonal:nth-of-type(4){
        transform: translate(0,50%);
        margin-left: -8%;
        margin-top: 1rem;
    }

    .season_efficacy .content_hexagonal:nth-of-type(5){
        margin-left: -4.5%;
        margin-top: 1rem;
    }

    .season_efficacy .content_card .item_text .title::after{
        border-bottom: 1px solid #fff;
        /* margin: 0 auto 0.1em auto; */
        margin: 0 auto 0.5em auto;
    }

    .season_efficacy .content_card .item_text .description, .season_efficacy .content_card .item_text li{
        font-size: 0.9rem;
        /* transform: scale(0.72); */
    }

    .season_efficacy .content_card .item_text li{
        /* margin-top: -0.6em; */
        margin-top: 0.2rem
    }

    .season_efficacy .content_card:nth-of-type(1) .item_text,.season_efficacy .content_card:nth-of-type(2) .card_item:nth-of-type(1) .item_text{
        margin-top: 0.35em;
    }

    .season_efficacy .content_card:nth-of-type(2) .card_item:nth-of-type(1){
        margin-bottom: 0.5rem;
    }

    .season_efficacy .safe_row .item_info p.infomation{
        font-size: 0.95em;
    }

    .season_elasticity.season_ep1{
        background-size: cover;
    }

    .season_elasticity .store_item{
        margin: 0.5rem;
    }

    .season_elasticity .store_pic{
        width: 57.88%;
    }

    .season_elasticity .store_card{
        width: 42.1%;
    }

    .season_elasticity .store_card .card_content{
        display: flex;
        display: -ms-flexbox;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        /* padding: 1.6rem 1.2rem 1.2rem 1.2rem; */
    }

    .season_elasticity .store_card .card_content .title{
        margin-bottom: 0.4rem;
    }

    .season_elasticity .col-store:nth-of-type(2) .store_pic{
        order: 2;
    }

    .season_elasticity .col-store:nth-of-type(2) .store_card .card_content{
        padding: 1.5rem 0.7rem;
        order: 1;
    }

    .season_elasticity .store_card .card_content .infomation{
        /* transform: scale(0.9) translateY(-5%); */
    }

    .section_media .item_media .pic_tag{
        transform: scale(0.95);
    }

}

@media screen and (min-width:768px) {
	html,
    body {
        font-size: 1.35vw;
        letter-spacing: 0.1em;
    }

     h4{
        font-size: 1.2rem;
    }

    .s_br {
        display: none;
    }

    .m_block{
        display: none;
    }

    .container {
        width: 90%;
    }

    .kv_video .player,.kv_video .player_img{
        margin-top: -2%;
    }

    .video_m{
        display: none;
    }

    .kv_video::after{
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 7%,  rgba(0, 0, 0, 0) 12%);
    }

    .video_pc::before{
        padding-bottom: 56.25%;
    }

    .section_award .item_award{
        box-sizing: border-box;
        padding: 0.5rem;
    }

    .section_award .item_award:nth-of-type(1){
        width: 31.38%;
    }

    .section_award .item_award:nth-of-type(2){
        width: 38.88%;
    }

    .section_award .item_award:nth-of-type(3){
        width: 29.73%;
    }

    .section_award .btn_award{
        width: 42.7%;
    }

    .section_season .container_title{
        width:  95%;
    }

    .section_season .title_block{
        padding-left: 6%;
    }

    .section_season .ep_block{
        justify-content: flex-end;
        width: 48%;
    }

    .season_expend.season_ep1{
        background-image: url("../images/bg_s2_pc.jpg");
        background-position: bottom center;
    }


    .season_elasticity.season_ep1{
        background-image: url("../images/bg_s3_pc.jpg");
    }

    .season_integrate.season_ep1{
        background-image: url("../images/bg_s4_pc.jpg");
        background-position: center center;
    }

    .section_season .content_product img{
        display: block;
        width: 62.43%;
        transform: translate(11.59%, -7%);
    }

    .season_efficacy.season_ep1{
        background: url("../images/dec_s1-ep1r01.png"),linear-gradient(180deg, #023360 9.74%, #0078C4 72.14%);
        background-size: 35.625%,100%;
        background-repeat: no-repeat ,repeat-x;
        background-position: bottom right;
    }

    .season_efficacy.season_ep2{
        background-image: url("../images/dec_s1-ep1r02.png");
        background-repeat: no-repeat;
        background-size: 35.625%;
        background-position: top right;
    }

    .season_efficacy .hexagonal_row{
        margin-top: -20%;
        transform: translate(-10%,-20%);
    }

    .season_efficacy .content_hexagonal{
        width: 20.23%;
    }

    .season_efficacy .content_hexagonal:nth-of-type(2){
        transform: translate(0,-25%);
        margin-left: -4.5%;
        margin-top: 1rem;
    }

    .season_efficacy .content_hexagonal:nth-of-type(2) .hexagonal_item:nth-of-type(1) {
        transform: translate(25.4%,12.7%);
    }

    .season_efficacy .content_hexagonal:nth-of-type(3){
        margin-left: -4.5%;
        margin-top: 1rem;
    }

    .season_efficacy .content_hexagonal:nth-of-type(4){
        transform: translate(0,50%);
        margin-left: -7%;
        margin-top: 1rem;
    }

    .season_efficacy .content_hexagonal:nth-of-type(5){
        margin-left: -4.5%;
        margin-top: 1rem;
    }

    .season_efficacy .content_card .item_text .title{
        font-size: 2em;
    }

    .season_elasticity .col-store{
        flex-flow: column;
        justify-content: space-between;
    }

    .season_elasticity .store_pic{
        margin-bottom: 0;
    }

    .section_media .item_media .pic_tag span{
        font-size: 1.14rem;
    }

}

@media screen and (min-width:992px) {

    html,
    body {
        font-size: 1.2vw;
        letter-spacing: 0.1em;
    }

    .container {
        width: 90%;
    }

}


@media screen and (min-width:1366px) {
    html,
    body {
        font-size: 1.1vw;
        letter-spacing: 0.1em;
    }
   

}

@media screen and (min-width:1600px) {
    html,
    body {
        font-size: 1.25vw;
        letter-spacing: 0.1em;
    }

    .container {
        width: 78%;
    }

    .section_season .container_title{
        width:  89%;
    }

    .section_season .title_block{
        padding-left: 12%;
    }

    .info_modal .content_inner ul.list{
        font-size: 0.9rem;
    }
    
    footer{
        font-size: 0.88rem;
    }
}

@keyframes uptodown-play {
  0% {
    transform: translate(0, -20px);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes color-change {
  0%{
    filter: contrast(100%) brightness(1) grayscale(0);
  }
  33% {
    filter: contrast(125%) brightness(1.1) grayscale(25%);
  }
  66% {
    filter: contrast(120%) brightness(0.9) grayscale(10%);
  }
  100% {
    filter: contrast(100%) brightness(1) grayscale(0);
  }
}

@keyframes filter{
    50%{
        filter: drop-shadow(0 0 1rem rgba(65,181,229,0.8)) contrast(120%) hue-rotate(5deg);
    }
}



@keyframes filter2{
    50%{
        filter: drop-shadow(0 0 1rem rgba(243,159,0,0.8)) contrast(120%) hue-rotate(5deg);
    }
}


@keyframes glow{
    50%{
         filter: drop-shadow(0 0 0.5rem #0078C4);
    }
}


@media (hover: hover) {
    a.btn_primary:hover{
        transform: scale(1.1);
        box-shadow: 0 0 0.5em #fff;
    }

    .section_award a.btn_award:hover{
        transform: scale(1.1) translateX(3%);
        filter:  contrast(110%) brightness(1.2);

    }

    a.btn_primary:hover::after {
        transform: translateX(0.3em) rotate(45deg);
    }

    a.btn_card:hover{
        transform: scale(1.05);
        filter: drop-shadow(0 0 1rem #0078C4);
    }

    .section_other a.item_other:hover{
        transform: scale(1.05);
        filter: drop-shadow(0 0 1rem #0078C4);
    }

    a.btn_card.item_media:hover{
        transform: scale(1.01);
    }

    a.btn_card:hover .arrow{
        transform: scale(1.15);
    }

    .section_award .item_award:hover{
        transform: scale(1.05);
    }

}