@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap");
*,:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
b{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline
}
html{
    width:100%;
    height:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before{
    content:"";
    content:none
}
q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block;
    *display:inline;
    *zoom:1
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden]{
    display:none
}
a{
    color:inherit;
    text-decoration:none
}
img{
    display:block;
    max-width:100%;
    height:auto
}
@font-face{
    font-family:"MaruFoPro";
    src:url("../../assets/font/A-OTF-MaruFoPro-Heavy-2.eot");
    src:url("../../assets/font/A-OTF-MaruFoPro-Heavy-2.eot?#iefix") format("embedded-opentype"), url("../../assets/font/A-OTF-MaruFoPro-Heavy-2.svg") format("svg"), url("../../assets/font/A-OTF-MaruFoPro-Heavy-2.ttf") format("truetype"), url("../../assets/font/A-OTF-MaruFoPro-Heavy-2.woff") format("woff"), url("../../assets/font/A-OTF-MaruFoPro-Heavy-2.woff2") format("woff2");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'微軟正黑體修正';
    unicode-range:U+7db0, U+78A7, U+7B75;
    font-style:normal;
    font-weight:bold;
    src:local(MS Gothic), local(Yu Gothic)
}
@font-face{
    font-family:'微軟正黑體修正';
    unicode-range:U+7db0, U+78A7, U+7B75;
    font-style:normal;
    font-weight:normal;
    src:local(微軟正黑體), local(Microsoft JhengHei)
}
.btn_wrap,.home .main .step .snow_bg,.home .main .step .snow_bg .stpe_content .stpe_title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
*{
    outline:none
}
html{
    font-size:100%
}
@media only screen and (max-width:1600px){
    html{
        font-size:93.75%
    }
}
body{
    font-family:'Noto Sans TC','微軟正黑體修正', '微軟正黑體', sans-serif;
    font-weight:normal;
    font-size:16px;
    color:#000
}
.swiper-container{
    width:100%;
    height:100%
}
.swiper-slide{
    text-align:center;
    font-size:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
@media only screen and (min-width:641px){
    .swiper-button-next,.swiper-button-prev{
        display:none;
        color:#fff
    }
}
@media only screen and (min-width:1600px){
    .swiper-pagination{
        display:none
    }
}
.swiper-pagination-bullet-active{
    background-color:#057e7d
}
.swiper-button-next{
    background-image:url("../../assets/img/next-arrow.png")
}
.swiper-button-prev{
    background-image:url("../../assets/img/prev-arrow.png")
}
.card{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:calc(100% + 30px)
}
.card.item__column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.card.item__order{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media only screen and (max-width:640px){
    .card.item__order._nowrap{
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
}
.card.item__order._1of2 .card_item{
    width:calc(50% - 30px);
    margin-right:30px
}
@media only screen and (max-width:767px){
    .card.item__order._1of2 .card_item{
        width:100%
    }
}
.card.item__order._1of3 .card_item{
    width:calc(33.33% - 30px);
    margin-right:30px
}
.card .card_item{
    width:100%
}
.card .card_item._fd_column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media only screen and (max-width:600px){
    .btn_wrap{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.btn{
    padding:10px 30px;
    color:#fff;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.btn a{
    width:100%;
    display:block
}
.btn:last-child{
    margin-left:1.875rem
}
@media only screen and (max-width:600px){
    .btn:last-child{
        margin-left:0;
        margin-top:1.25rem
    }
}
.btn:only-child{
    margin-left:0
}
@media only screen and (max-width:600px){
    .btn:only-child{
        margin-top:0
    }
}
.btn._primary{
    background-color:#057e7d;
    border:1px solid #fff
}
.btn._primary:hover{
    background-color:#055353
}
.btn._outline{
    border:1px solid #fff
}
.btn._outline:hover{
    background-color:rgba(255, 255, 255, 0.2)
}
.btn._outline.__w-l{
    padding:10px 50px
}
.mr-50{
    margin-right:50px
}
@media only screen and (max-width:992px){
    .mr-50{
        margin-right:0
    }
}
.red{
    color:#db504f
}
.white{
    color:#fff !important
}
.opening_container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:absolute;
    top:auto;
    right:36%;
    bottom:0;
    left:auto;
    -webkit-transform:translateX(20px);
    -ms-transform:translateX(20px);
    transform:translateX(20px)
}
@media only screen and (max-width:1366px){
    .opening_container{
        right:30%
    }
}
@media only screen and (max-width:992px){
    .opening_container{
        right:23%
    }
}
@media only screen and (max-width:768px){
    .opening_container{
        right:16%
    }
}
@media only screen and (max-width:768px){
    .opening_container{
        bottom:45%
    }
}
@media only screen and (max-width:414px){
    .opening_container{
        bottom:40%
    }
}
#countdown .countDiv.countDiv0{
    display:none
}
.countDays{
    position:relative;
    margin-right:85px
}
@media only screen and (max-width:414px){
    .countDays{
        margin-right:65px
    }
}
.countDays:after{
    content:"DAYS";
    position:absolute;
    margin-left:10px
}
.countDays .position{
    width:auto
}
.countDays .position .digit{
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#212323;
    width:auto
}
.countdownHolder{
    font-size:18px
}
header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    padding:20px 0
}
header.addbg{
    background-color:#db504f;
    -webkit-box-shadow:0px 3px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0px 3px 6px 1px rgba(0, 0, 0, 0.2)
}
header.addbg .menu-icon{
    background-color:transparent;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
@media only screen and (max-width:600px){
    header.addbg .menu-icon{
        -webkit-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        transform:translateY(-10px)
    }
}
header.addbg .menu-icon .navicon{
    background:#333
}
header.addbg .menu-icon .navicon:after,header.addbg .menu-icon .navicon:before{
    background:#333
}
header ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
header ul li a{
    padding:0 15px;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    font-weight:400
}
@media only screen and (max-width:600px){
    header ul li a{
        padding:0 10px
    }
}
header ul li a:hover{
    opacity:.8
}
header .container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    max-width:1600px;
    margin:0 auto
}
@media only screen and (max-width:1600px){
    header .container{
        padding-right:20px;
        padding-left:20px
    }
}
@media only screen and (max-width:992px){
    header .container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
header .container nav{
    margin-right:auto;
    padding-left:11.25rem
}
@media only screen and (max-width:1600px){
    header .container nav{
        padding-left:0
    }
}
@media only screen and (max-width:600px){
    header .container nav ul{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
}
header .container nav ul li{
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
header .container nav ul li:not(:first-child){
    opacity:0
}
header .container nav ul li.show{
    opacity:1
}
header .container nav ul li a{
    font-size:1.5rem;
    font-weight:600
}
@media only screen and (max-width:600px){
    header .container nav ul li a{
        font-size:14px
    }
}
header .container nav ul li:first-child{
    padding-right:3.125rem
}
@media only screen and (max-width:600px){
    header .container nav ul li:first-child{
        width:30%;
        padding-right:0;
        margin-right:20px
    }
}
header .container nav .logo{
    padding:10px 0;
    width:100px
}
header .container nav .logo img{
    max-width:100%;
    max-height:100%
}
header .container .menu{
    margin-left:auto
}
@media only screen and (max-width:992px){
    header .container .menu{
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:end;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media only screen and (max-width:992px){
    header .container .menu li{
        padding:15px 0;
        width:100%
    }
}
header .container .menu li a{
    font-size:1.125rem
}
@media only screen and (max-width:992px){
    header .container .menu li a{
        padding:0;
        width:100%;
        display:block
    }
}
header .menu__toggle{
    display:none
}
header .menu__toggle .bar{
    width:25px;
    height:3px;
    background-color:#000;
    margin:5px auto
}
header ul{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden
}
header .menu{
    clear:both;
    -webkit-transition:max-height .2s ease-out;
    -o-transition:max-height .2s ease-out;
    transition:max-height .2s ease-out
}
@media only screen and (max-width:992px){
    header .menu{
        max-height:0
    }
}
header .menu-icon{
    cursor:pointer;
    display:inline-block;
    float:right;
    padding:28px 20px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:#bc4646;
    -webkit-transform:translateY(-15px);
    -ms-transform:translateY(-15px);
    transform:translateY(-15px);
    position:absolute;
    top:15px;
    right:0;
    bottom:auto;
    left:auto
}
@media only screen and (min-width:992px){
    header .menu-icon{
        display:none
    }
}
header .menu-icon .navicon{
    background:#dbd8d1;
    display:block;
    height:2px;
    position:relative;
    -webkit-transition:background .2s ease-out;
    -o-transition:background .2s ease-out;
    transition:background .2s ease-out;
    width:18px
}
header .menu-icon .navicon:after,header .menu-icon .navicon:before{
    background:#dbd8d1;
    content:'';
    display:block;
    height:100%;
    position:absolute;
    -webkit-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out;
    width:100%
}
header .menu-icon .navicon:before{
    top:5px
}
header .menu-icon .navicon:after{
    top:-5px
}
header .menu-btn{
    display:none
}
header .menu-btn:checked~.menu{
    max-height:240px
}
header .menu-btn:checked~.menu-icon .navicon{
    background:transparent
}
header .menu-btn:checked~.menu-icon .navicon:before{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
header .menu-btn:checked~.menu-icon .navicon:after{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{
    top:0
}
@media (min-width:992){
    float:left;
    padding:20px 30px;
    clear:none;
    float:right;
    max-height:none;
    display:none
}
footer .container{
    max-width:1600px;
    margin:0 auto;
    border-top:1px solid #db504f;
    padding-top:3.125rem;
    padding-bottom:3.75rem
}
footer .container .social_icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
footer .container .social_icon li{
    margin:0 25px
}
footer .container .copyrigh{
    text-align:center;
    font-size:12px;
    line-height:2;
    color:#db504f;
    margin-top:20px
}
.home .banner{
    width:100%;
    position:relative;
    background-image:url("../../assets/img/banner.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    padding-bottom:50%
}
@media only screen and (max-width:1366px){
    .home .banner{
        padding-bottom:60%
    }
}
@media only screen and (max-width:992px){
    .home .banner{
        padding-bottom:80%
    }
}
@media only screen and (max-width:768px){
    .home .banner{
        padding-bottom:100%
    }
}
@media only screen and (max-width:600px){
    .home .banner{
        background-image:url(../../assets/img/banner-m.jpg);
        padding-bottom:186%
    }
}
.home .banner .opening_wording{
    text-align:center;
    line-height:1.5;
    font-size:18px;
    color:#212323
}
.home .banner .opening_wording h3{
    font-size:1rem
}
.home .banner .opening_wording p{
    font-size:33px;
    margin-top:10px
}
@media only screen and (max-width:600px){
    .home .banner .opening_wording p{
        font-size:30px
    }
}
@media only screen and (max-width:414px){
    .home .banner .opening_wording p{
        font-size:25px
    }
}
.home .main{
    background-image:url("../../assets/img/bg.png");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top;
    background-color:#db504f;
    background-position-y:top;
    padding-bottom:10.625rem;
    overflow-x:hidden
}
.home .main section{
    margin:0 auto
}
@media only screen and (max-width:1600px){
    .home .main section{
        padding-right:20px;
        padding-left:20px
    }
}
.home .main section .title_wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.home .main section .title_wrap .title{
    color:#fff;
    text-align:center;
    border-bottom:1px solid #fff
}
@media only screen and (max-width:600px){
    .home .main section .title_wrap .title{
        width:100%
    }
}
.home .main section .title_wrap .title h2{
    font-size:3.125rem;
    border-bottom:1px solid #fff;
    margin-bottom:10px;
    padding-right:3.125rem;
    padding-bottom:10px;
    line-height:1.5
}
.home .main section .title_wrap .title h2:before{
    margin-right:15px
}
@media only screen and (max-width:600px){
    .home .main section .title_wrap .title h2{
        margin-bottom:10px;
        padding-right:0;
        font-size:2.5rem
    }
    .home .main section .title_wrap .title h2:before{
        content:""
    }
}
@media only screen and (max-width:414px){
    .home .main section .title_wrap .title h2{
        font-size:1.875rem
    }
}
.home .main section .title_wrap .title h3{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    font-size:1.25rem;
    line-height:1.5;
    margin-bottom:10px
}
@media only screen and (max-width:600px){
    .home .main section .title_wrap .title h3{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse;
        font-size:1rem
    }
}
.home .main section .title_wrap .title h3 span{
    background-color:#057e7d;
    color:#fdbe61;
    font-size:16px;
    border-radius:30px;
    padding:5px 10px;
    margin-right:15px
}
@media only screen and (max-width:600px){
    .home .main section .title_wrap .title h3 span{
        margin-bottom:10px
    }
}
@media only screen and (min-width:1600px){
    .home .main.howto-bg{
        background-image:url(../../assets/img/bg.png), url("../../assets/img/bg-deer2.png");
        background-position:top, bottom right;
        background-size:cover,auto
    }
}
.home .main .post{
    padding-top:30px;
    max-width:1316px
}
.home .main .post .title h2:before{
    content:url("../../assets/img/section-1-title-img.png")
}
.home .main .post_container{
    margin-top:10px
}
.home .main .post_container .post_snow{
    width:100%
}
.home .main .post_container .post_wrap{
    background-color:#faf8f8;
    padding-left:2.5rem;
    padding-right:2.5rem;
    margin-top:-1px
}
@media only screen and (max-width:375px){
    .home .main .post_container .post_wrap{
        padding-left:10px;
        padding-right:10px
    }
}
.home .main .post_container .post_wrap .post_img img{
    width:100%
}
.home .main .post_container .post_wrap .post_title{
    font-size:1.125rem;
    line-height:1.5;
    margin-top:1.25rem
}
.home .main .post_container .post_wrap .post_time{
    position:relative;
    color:#6a6969;
    font-size:12px;
    margin-top:15px;
    padding-bottom:15px
}
.home .main .post_container .post_wrap .post_time:after{
    content:"";
    position:absolute;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    background-color:#d2d2d2;
    width:86px;
    height:1px;
    margin-top:10px
}
.home .main .post_container .post_wrap .post_btn{
    margin-top:1.25rem;
    margin-bottom:4.0625rem
}
.home .main .post_container .post_wrap .post_btn a{
    font-size:12px;
    color:#aeca90;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.home .main .post_container .post_wrap .post_btn a:hover{
    font-size:13px;
    text-shadow:0px 1px 5px #d4d4d4
}
.home .main .notice{
    padding-top:3.75rem;
    max-width:1316px
}
@media only screen and (max-width:640px){
    .home .main .notice{
        margin-bottom:30px
    }
}
.home .main .notice .title h2:before{
    content:url("../../assets/img/section-2-title-img.png")
}
.home .main .notice .description{
    text-align:center;
    max-width:65%;
    width:100%;
    color:#fff;
    line-height:1.5;
    margin-top:2.5rem;
    margin-bottom:3.75rem
}
@media only screen and (max-width:600px){
    .home .main .notice .description{
        max-width:100%
    }
}
.home .main .step{
    padding-right:0;
    padding-left:0
}
.home .main .step .snow_bg__bottom img,.home .main .step .snow_bg__top img{
    width:100%
}
.home .main .step .snow_bg__top{
    margin-bottom:-2px
}
.home .main .step .snow_bg__bottom{
    margin-top:-2px
}
.home .main .step .snow_bg{
    background-color:#fff
}
.home .main .step .snow_bg .stpe_content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    max-width:1440px
}
@media only screen and (max-width:640px){
    .home .main .step .snow_bg .stpe_content{
        padding-top:1.875rem;
        padding-bottom:3.125rem
    }
}
.home .main .step .snow_bg .stpe_content .stpe_title{
    color:#db0430;
    font-size:2.25rem;
    text-align:center;
    margin-bottom:2.5rem;
    padding-top:1.875rem
}
.home .main .step .snow_bg .stpe_content .stpe_title:before{
    content:url("../../assets/img/section-3-title-img.png");
    margin-right:1.5625rem
}
.home .main .step .snow_bg .stpe_content .step_img{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    -webkit-transform:translateY(30px);
    -ms-transform:translateY(30px);
    transform:translateY(30px)
}
@media only screen and (max-width:640px){
    .home .main .step .snow_bg .stpe_content .step_img{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.home .main .awardOne{
    max-width:1110px
}
.home .main .awardOne .title_wrap{
    margin-bottom:50px
}
.home .main .awardOne .title h2:before{
    content:url("../../assets/img/section-4-title-img.png")
}
@media only screen and (max-width:600px){
    .home .main .awardOne_container .swiper-container{
        display:block
    }
}
.home .main .awardOne_container .awardOne_wrap .card_item{
    color:#404b4d;
    background:#f1ddba;
    height:auto;
    margin-bottom:30px;
    padding:0 20px
}
.home .main .awardOne_container .awardOne_wrap .card_item ._outline{
    border:1px solid #404b4d;
    color:#404b4d
}
.home .main .awardOne_container .awardOne_wrap .card_item .awardOne_content_wrap{
    min-height:240px;
    height:100%;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.home .main .awardOne_container .awardOne_wrap .awardOne_logo{
    margin-top:40px
}
.home .main .awardOne_container .awardOne_wrap .awardOne_content{
    line-height:1.5;
    margin-top:20px;
    margin-bottom:10px
}
.home .main .awardOne_container .awardOne_wrap .awardOne_img{
    margin-bottom:20px
}
.home .main .awardOne_container .awardOne_wrap .btn{
    margin-bottom:30px;
    margin-left:0
}
.home .main .cardMaking{
    padding-right:0;
    padding-left:0
}
.home .main .cardMaking .title_wrap .title{
    color:#db504f;
    border-color:#db504f
}
.home .main .cardMaking .title_wrap .title h2{
    position:relative;
    border-color:#db504f
}
@media only screen and (max-width:1200px){
    .home .main .cardMaking .title_wrap .title h2{
        font-size:2.5rem
    }
}
@media only screen and (max-width:600px){
    .home .main .cardMaking .title_wrap .title h2{
        font-size:1.875rem
    }
}
.home .main .cardMaking .title_wrap .title h2:before{
    content:url(../../assets/img/section-5-title-img.png);
    position:absolute;
    top:-100px;
    right:50%;
    bottom:auto;
    left:auto;
    margin-right:0
}
.home .main .cardMaking .title_wrap .description{
    line-height:1.5;
    color:#057e7d;
    padding:30px 20px 20px 20px;
    width:100%
}
@media only screen and (max-width:600px){
    .home .main .cardMaking .title_wrap .description{
        padding:30px 0px 20px 0px
    }
}
.home .main .cardMaking .title_wrap .btn{
    display:inline-block;
    padding:5px 30px
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .title_wrap .btn{
        margin:5px
    }
}
.home .main .cardMaking .snow_bg2__bottom img,.home .main .cardMaking .snow_bg2__top img{
    width:100%
}
.home .main .cardMaking .snow_bg2__top{
    margin-bottom:-2px;
    position:relative
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .snow_bg2__top{
        margin-top:0
    }
}
.home .main .cardMaking .snow_bg2__bottom{
    margin-top:-2px
}
.home .main .cardMaking .snow_bg2{
    background-color:#fff;
    padding-top:50px;
    padding-bottom:50px
}
@media only screen and (max-width:1600px){
    .home .main .cardMaking .snow_bg2{
        padding-right:20px;
        padding-left:20px
    }
}
@media only screen and (max-width:1200px){
    .home .main .cardMaking .snow_bg2{
        padding-top:80px;
        padding-bottom:80px
    }
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .snow_bg2{
        padding-top:120px;
        padding-bottom:120px
    }
}
.home .main .cardMaking .snow_bg2 .content_wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    max-width:1600px;
    margin:0 auto;
    position:relative
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .snow_bg2 .content_wrap{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
}
.home .main .cardMaking .snow_bg2 .content_wrap .col-6{
    width:50%
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .snow_bg2 .content_wrap .col-6{
        width:100%
    }
}
.home .main .cardMaking .snow_bg2 .content_wrap .form{
    max-width:570px
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .snow_bg2 .content_wrap .form{
        max-width:100%
    }
}
.home .main .cardMaking .snow_bg2 .content_wrap .form_block{
    padding:0 30px
}
@media only screen and (max-width:600px){
    .home .main .cardMaking .snow_bg2 .content_wrap .form_block{
        padding:0
    }
}
.home .main .cardMaking .snow_bg2 .content_wrap .form_block .name,.home .main .cardMaking .snow_bg2 .content_wrap .form_block .text{
    width:100%;
    border:1px solid #db504f;
    background-color:#fafafa;
    padding:10px 25px
}
.home .main .cardMaking .snow_bg2 .content_wrap .form_block .name{
    border-radius:50px;
    margin-bottom:20px
}
.home .main .cardMaking .snow_bg2 .content_wrap .form_block .text{
    resize:none
}
.home .main .cardMaking .snow_bg2 .content_wrap .form_block .btn_wrap{
    margin-top:20px;
    width:100%
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .snow_bg2 .content_wrap .form_block .btn_wrap{
        position:absolute;
        top:auto;
        right:auto;
        bottom:-50px;
        left:auto;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.home .main .cardMaking .snow_bg2 .content_wrap .form_block .btn_wrap button{
    cursor:pointer
}
.home .main .cardMaking .snow_bg2 .content_wrap .form_block .btn_wrap button:last-child{
    margin-left:20px
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .snow_bg2 .content_wrap .form_block .btn_wrap button:last-child{
        margin-top:0
    }
}
.home .main .cardMaking .snow_bg2 .content_wrap .form_block .btn_wrap ._outline{
    border:1px solid #db504f;
    background-color:#ffffff;
    color:#db504f
}
.home .main .cardMaking .postcard_wrap{
    position:relative;
    margin-bottom:10px
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .postcard_wrap{
        /*display:none*/
    }
}
.home .main .cardMaking .postcard_wrap .postcard_img img{
    width:100%
}
.home .main .cardMaking .postcard_wrap .award_product{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    position:absolute;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    margin-left:3.125rem;
    margin-bottom:20px
}
.home .main .cardMaking .postcard_wrap .award_product .item img{
    width:116px
}
@media only screen and (max-width:1366px){
    .home .main .cardMaking .postcard_wrap .award_product .item img{
        width:80px
    }
}
@media only screen and (max-width:1024px){
    .home .main .cardMaking .postcard_wrap .award_product .item img{
        width:50px
    }
}
.home .main .cardMaking .postcard_wrap .award_product .award_logo{
    text-align:center;
    margin-bottom:10px;
    margin-left:30px
}
@media only screen and (max-width:1366px){
    .home .main .cardMaking .postcard_wrap .award_product .award_logo img{
        width:80px
    }
}
@media only screen and (max-width:1024px){
    .home .main .cardMaking .postcard_wrap .award_product .award_logo img{
        width:50px
    }
}
.home .main .cardMaking .postcard_wrap .award_product .award_logo .award_title{
    color:#404b4d;
    font-size:14px;
    display:block;
    margin-top:10px
}
.home .main .cardMaking .postcard_wrap .postcard_content{
    line-height:1.5;
    font-size:18px;
    width:70%;
    margin-left:3.125rem;
    margin-top:2.5rem;
    padding:20px;
    background-color:#fff;
    position:absolute;
    top:0;
    right:auto;
    bottom:auto;
    left:0
}
.home .main .cardMaking .postcard_wrap .postcard_content .name{
    text-align:right;
    margin-top:40px
}
@media only screen and (max-width:992px){
    .home .main .cardMaking .postcard_wrap .postcard_content .name {
        margin-top:20px
    }
    .home .main .cardMaking .postcard_wrap .postcard_content {
        margin-left: 0px;
        margin-top: 0px;
        padding: 5px;
        font-size: 10pt;
    }
}
.home .main .cardMaking .postcard_style{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 -10px 0 -10px
}
.home .main .cardMaking .postcard_style .item{
    width:calc(25% - 20px);
    margin:10px
}
@media only screen and (max-width:600px){
    .home .main .cardMaking .postcard_style .item{
        width:calc(50% - 20px)
    }
}
.home .main .cardMaking .postcard_style input{
    display:none
}
.home .main .cardMaking .postcard_style label{
    cursor:pointer;
    display:inline-block;
    max-width:100%
}
.home .main .cardMaking .postcard_style img{
    max-width:100%;
    width:100%
}
.home .main .awardTwo .title_wrap{
    margin-bottom:50px
}
.home .main .awardTwo .title h2:before{
    content:url("../../assets/img/section-4-title-img.png")
}
.home .main .awardTwo_container{
    position:relative
}
.home .main .awardTwo_container .swiper-container{
    position:static
}
.home .main .awardTwo_container .swiper-container .swiper-pagination-bullets{
    bottom:-40px
}
.home .main .awardTwo_container .awardTwo_item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:14px;
    line-height:1.5;
    color:#fff;
    height:auto
}
.home .main .awardTwo_container .awardTwo_item img{
    margin-bottom:20px
}
.home .main .awardTwo_container .awardTwo_item span{
    margin-top:40px
}
.home .main .howto{
    max-width:1440px;
    width:100%;
    margin-top:30px
}
.home .main .howto .title_wrap{
    margin-bottom:50px
}
.home .main .howto .title{
    width:560px
}
.home .main .howto .title h2:before{
    content:url("../../assets/img/section-4-title-img.png")
}
.home .main .howto ul li{
    color:#fff;
    line-height:1.5;
    margin-bottom:20px;
    list-style-type:disc;
    padding-left:25px;
    margin-left:20px
}
.home .main .howto ul li.note,.home .main .howto ul li.stit,.home .main .howto ul li.stit_p{
    list-style-type:none;
    margin-left:0;
    padding-left:0
}
.home .main .howto ul li.note{
    color:#ffe400
}
.home .main .howto ul li.stit_p{
    margin-left:18px
}
.home .main .howto .table{
    padding:3.125rem;
    margin-top:3.125rem;
    background-color:#fff;
    color:#050403;
    line-height:1.5
}
@media only screen and (max-width:600px){
    .home .main .howto .table{
        padding:0.9375rem
    }
}
.home .main .howto .table .tr{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:self-start;
    -ms-flex-align:self-start;
    align-items:self-start;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    border-bottom:1px solid #db504f
}
.home .main .howto .table .tr:last-child{
    border-bottom:0
}
.home .main .howto .table .tr .td{
    width:100%;
    padding:20px;
    word-break:break-word
}
@media only screen and (max-width:600px){
    .home .main .howto .table .tr .td{
        padding:15px
    }
}
.home .main .howto .ps{
    margin-top:50px
}
@media only screen and (max-width:1600px){
    .home .sponsor{
        padding-right:20px;
        padding-left:20px
    }
}
.home .sponsor .title{
    font-size:1.5rem;
    color:#db504f;
    margin-bottom:30px
}
.home .sponsor_container{
    max-width:1600px;
    margin:0 auto;
    padding-top:5.625rem;
    padding-bottom:4.375rem
}
.home .sponsor_container .sponsors{
    margin-top:5.3125rem
}
.home .sponsor_container .sponsors ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:wrap;
    flex-direction:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.home .sponsor_container .sponsors ul li{
    margin:15px
}


/* award popup */
.popup-award {
    position: relative;
    width: 720px;
    padding-bottom: 472px!important;
    text-align: center;
    background: url(../img/popup-award-bottom.png) bottom no-repeat;
}

.popup-award .tab-menu {
    /*display: flex;*/
    height: 29px;
    /*justify-content: space-evenly;*/
    margin-top: 20px;
}

.popup-award .tab-menu li {
    width: 237px;
    height: 29px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
}

.popup-award .tab-menu li:first-child {
    margin-right: 32px;
}

.popup-award .tab-menu .type1 {
    background-image:url(../img/popup-award-btn-type1.png);
}

.popup-award .tab-menu .type1.active {
    background-image:url(../img/popup-award-btn-type1-active.png);
}

.popup-award .tab-menu .type2 {
    background-image:url(../img/popup-award-btn-type2.png);
}

.popup-award .tab-menu .type2.active {
    background-image:url(../img/popup-award-btn-type2-active.png);
}

.popup-award img {
    margin: 0 auto;
}

.popup-award .award-entry {
    width: 620px;
    margin: 32px auto 0 auto;
    border-bottom: 1px solid #c1c1c1;
}

.popup-award .title {
    font-size: 16px;
    border: 1px dashed #da504e;
    border-radius: 20px;
    margin: 0 auto;
    width: 320px;
    display: flex;
    padding: 15px;
}

.popup-award .names {
    font-size: 16px;
    padding: 20px;
    text-align: center;
}

.popup-award .title p {
    color: #da504e;
    align-items: center;
    justify-content: center;
    text-align:center;
    display: inline-block;
    width: 100%;
}

@media only screen and (max-width:600px){
    .popup-award {
        width: 100%;
        background-size: 100%;
    }

    .popup-award .title {
        width: 90%;
    }

    .popup-award .award-entry {
        width: 100%;
    }

    .popup-award .tab-menu {
        height: 58px;
    }

    .popup-award .tab-menu li {
        width: 90%;
    }

    .popup-award .tab-menu li:first-child {
        margin-right: 0;
        margin-bottom: 8px;
    }

    .popup-award .tab-menu .type1, .popup-award .tab-menu .type2 {
        background-size: 95%;
    }
}

/*.popup-award .bottom-img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}*/