html,
body
{
    /* overflow: hidden; */
    width: 100%;
    height: 100%;
}

iframe[name="google_conversion_frame"] {position: absolute;
    bottom: 0;
    left: 0; }

/* ====================
    *  ====================
    *  header
    *  ====================
    ====================== */
#header
{
    display: none;
}

.index #header
{
    display: block;
}

/* ====================
    *  ====================
    *  scrolldown
    *  ====================
    ====================== */

.scrolldown-attn
{
    position: absolute;
    z-index: 5;
    bottom: 4px;
    left: 50%;

    display: none;

    width: 76px;
    margin-left: -38px;

    cursor: pointer;
    text-align: center;
}





.scrolldown-icon
{
    position: relative;
}

.scrolldown-arrow-container
{
    overflow: hidden;

    height: 80px;
}
.scrolldown-arrow
{
    margin-top: -39px;
    margin-bottom: 32px;
}
.scrolldown-arrow-1
{
    opacity: 0;
}




/* ====================
    *  ====================
    *  jack
    *  ====================
    ====================== */
#jack
{
    display: none;
}
.jack-inner,
.scrolldown-attn
{
    opacity: 1;
}
.jack .jack-inner img
{
    width: 100%;
    height: auto;
}

.jack-pc
{
    display: none;
}

.jack-tab
{
    display: none;
}


.jack-sp
{
    display: block;
}


/* ====================
    *  ====================
    *  main
    *  ====================
    ====================== */



.main-body
{
    position: relative;
    clear: both;
    overflow: hidden;
}

.main-banner-container
{
    position: relative;
    float: none;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
}

.main-banner-pic
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.main-banner-pic  .pic
{
    /* -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);*/
}

.main-banner-pic-1
{
    -webkit-background-size: cover;
            background-size: cover;
}

.main-banner-item
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;
}

.main-banner-item .img-pc{
    display: none;
}
.main-banner-item .img-sp {
    display: inline-block;
}

.main-news-container
{
    float: none;

    width: 100%;
    height: auto;
}

.main-news-list .title
{
    font-family: 'Libre Baskerville', serif;
    font-size: 18px;

    margin-top: 30px;
    margin-bottom: 13px;
}
.main-news-list-item
{
    margin-bottom: 1px;
    padding-top: 10px;
    padding-bottom: 4px;

    list-style: none;

    border-bottom: 1px dotted #fff;
}

.main-news-list-item a:hover
{
    text-decoration: none;
}

.main-news-list-item .ex-link:after {
    content: "";
    width: 16px;
    height: 12px;
    margin-left: 2px;
    display: inline-block;
    background: url(../common/images/common/icon-ex-gray.svg) no-repeat left bottom;
    -webkit-background-size: 8px 6px;
    background-size: 8px 6px;
}

.main-news-list-item .text,
.main-news-list-item .date
{
    font-size: 11px;
    line-height: 1.82;

    color: #fff;
}

.main-news-list-item .date
{
    float: left;
    font-family: 'Libre Baskerville', serif;
}

.main-news-list-item .text
{
    margin-left: 70px;
}

.main-news-container
{
    overflow: hidden;

    padding: 0 0 34px;

    background: #0d2334;
}

.main-news-list
{
    width: 88%;
    margin: 0 auto;

    color: #fff;
}
.news-past-link
{
    float: right;

    margin-top: 31px;
}

.news-past-link a
{
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    font-style: italic;
    position: relative;
    display: block;
    width: 86px;
    color: #fff;
    background: url(../images/arrow.png) no-repeat right bottom #0d2435;
    -webkit-background-size: 86px 5px;
    background-size: 86px 5px;
    padding-bottom: 3px;
}

.news-past-link a .after
{
    position: absolute;
    top: 1px;
    right: 0;

    display: block;

    width: 100%;
    height: 100%;

    background-color: #0d2435;
}

.pager
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 50%;
    margin-left: -48px;
    padding-top: 91.4%;
    list-style: none;
    text-align: center;
}
.pager-item
{
    position: relative;
    float: left;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: 6px;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
}
.pager-item.active
{
    width: 22px;
    height: 22px;
    margin-top: 0;
    margin-right: 14px;
    border-radius: 50%;
    background-color: #ded2c4;
    margin-left: -5px;
}

.pager-item.active:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;

    content: '';

    border-radius: 50%;
    background-color: #9d8662;
}


/* ====================
    *  ====================
    *  topics-list
    *  ====================
    ====================== */

.topics-pager
{
    position: fixed;
    z-index: 3;
    z-index: 99;
    top: 50%;
    right: 18px;

    list-style: none;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.topics-pager-item
{
    width: 25px;
    height: 25px;
    position: relative;
    
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
    cursor: pointer;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
}

.topics-pager-item.active{
}


.topics-pager-item-inner
{
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    width: 6px;
    height: 6px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3px;
    margin-left: -3px;
}

.active .topics-pager-item-inner
{
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px;
    border-radius: 50%;
    background-color: #ded2c4;
}

.topics-pager-item .after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;

    content: '';
    -webkit-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);

    opacity: 0;
    border-radius: 50%;
    background-color: #9d8662;
}

.topics-pager-item.active .after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}

.topics-item
{
    overflow: hidden;

    height: auto;
    padding-top: 54%;
	
	/*background-image: url(./../images/bg.jpg);
	background-size: cover;*/
}

.topics-pic
{
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: cover;
    background-size: cover;
}

.topics-pic-insta,
.topics-pic-centralize
{
    background-position: center center;
    -webkit-background-size: 82% auto;
    background-size: 82% auto;
}

.topics-pic-centralize
{
    background-color: #eeeeee;
}

.topics-pic-insta
{
    background-color: transparent;
}
.topics-item-even .topics-pic
{
    right: auto;
    left: 0;

    background-position: right top;
}

.topics-item-even .topics-pic-insta,
.topics-item-even .topics-pic-centralize{
    background-position: center center;
}

.topics-content
{
    position: absolute;
    top: 0;
    left: 0;

    display:    -moz-box;
    display: -webkit-box;
    display:      -o-box;
    display: -ms-flexbox;

    width: 50%;
    height: 100%;

            box-align: center;
    -ms-flex-align: center;
       -moz-box-align: center;
    -webkit-box-align: center;
         -o-box-align: center;
    -moz-box-pack: center;
}

.topic-content-wrap
{
    position: relative;

    display:    -moz-box;
    display: -webkit-box;
    display:      -o-box;
    display: -ms-flexbox;

    width: 100%;
    height: 100%;

            box-align: center;
        -ms-box-align: center;
       -moz-box-align: center;
    -webkit-box-align: center;
         -o-box-align: center;
    -ms-flex-align: center;
    -moz-box-pack: center;
}

.topics-item-even .topics-content
{
    right: 0;
    left: auto;
}

.topics-content-inner
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 82%;

    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.ie9 .topics-content-inner
{
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.topics-content-title,
.topics-content-link,
.topics-content-text
{
    position: relative;

    width: 100%;
    margin: 0;

    background: transparent;
}

.topics-content-text br
{
    display: none;
}

.topics-content-title
{
    font-size: 11px;
    font-weight: 500;
    line-height: 19px;

    position: relative;
    z-index: 2;

    margin-bottom: 15px;
}

.topics-content-title-insta
{
    
font-family: 'Libre Baskerville', serif;
    
font-size: 12px;
}

.topics-content-title-insta img
{
    width: 57px;
    height: 13px;
}


.topics-content-text-insta img
{
    width: 100px;
    height: 22px;
}

.topics-content-text
{
    font-size: 8px;
    line-height: 1.65;

    z-index: 1;

    margin-bottom: 13.5px;
}
.topics-content-text-costom-1
{
    font-size: 8px;
    line-height: 1.65;

    z-index: 1;

    margin-bottom: 13.5px;
	
	color: #F6E0B8;
}
.topics-content-text-insta
{

font-size: 11px;
}


.topics-content-link a
{
    font-family: 'Libre Baskerville', serif;
    font-size: 11px;
    font-style: italic;

    display: block;

    width: 90px;
    padding-bottom: 2px;

    text-align: left;

    color: #F6E0B8;
    /*background: url(../images/arrow-black.png) no-repeat left bottom;
    -webkit-background-size: 52px 5px;
            background-size: 52px 5px;*/
}

.topics-content-link a:hover
{
    text-decoration: none;
}

.topics-content-link a .after
{
    position: absolute;
    z-index: 0;
    top: 1px;
    right: 0;

    display: block;
    visibility: hidden;

    width: 100%;
    height: 100%;

    content: ' ';

    background-color: transparent;
}

.topics-content-link-insta a
{
    color: #000;
    font-family: 'Libre Baskerville', serif;
    text-decoration: none;
    font-size: 10px;
    margin-bottom: 5px;
    display: inline-block;
}

.topics-content-inner
{
    margin: 0 auto;
    padding-bottom: 4px;
}

.page-top
{
}

.topics-item .l-footer
{
    display: none;
}


@media screen and (max-width: 1024px)
{
    .index
    {
        -webkit-transform: !important;
            -ms-transform: !important;
             -o-transform: !important;
                transform: !important;
				min-height: 100vh;
    }
    .jack img
    {
        width: 100% !important;
        height: auto !important;
    }
    .main-banner-item .pic img
    {
        width: 100% !important;
        height: auto !important;
    }
    .topics-pager
    {
        display: none;
    }
}

@media screen and (min-width: 768px)
{
    .jack
    {
        height: 100%;
    }

    .jack-inner
    {
        height: 100%;
        opacity: 0;
    }

    .jack-sp
    {
        display: none;
    }

    .jack-tab{
        display: block;
    }

    .jack-pc
    {
        display: none;
    }

    .jack-inner,
    .scrolldown-attn
    {
        opacity: 1;
    }

    .main
    {
        background-color: #0d2334;
    }
    .index
    {
        width: 100%;
    }
    .main-banner-container
    {
        float: left;
        /*width: 62.4%;*/
        /*padding-bottom: 55.1%;*/
		padding-bottom: 0;
    }

    .main-news-list-inner li:last-child
    {
        display: none;
    }

    .main-news-list-item .text,
    .main-news-list-item .date
    {
        font-size: 13px;
    }

    .main-news-list-item .text
    {
        line-height: 1.7;

        margin-left: 75px;
    }

    .main-news-list-item .ex-link:after
    {
        -webkit-background-size: 8px 6px;
        background-size: 8px 6px;
    }

    .main-news-container
    {
        position: absolute;
        top: 50%;
        right: 0;

        width: 37.6%;

        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .main-news-list
    {
        width: 85.1%;
    }

    .main-news-list-item
    {
        margin-bottom: 9px;
        padding-top: 11px;
        padding-bottom: 2px;
    }

    .main-news-list .title
    {
        font-size: 16px;

        margin-bottom: 18px;
    }

    .news-past-link
    {
        margin-top: 11px;
    }

    .news-past-link a
    {
        font-size: 14px;
    }

    .pager
    {
        left: 19px;
        padding-top: 82.4%;
        margin-left: 0;
    }
    
    .main-banner-item .img-pc{
        display: inline-block;
    }
    .main-banner-item .img-sp {
        display: none;
    }

    .topics-content-inner
    {
    }

    .topics-content-title,
    .topics-content-link,
    .topics-content-text
    {
        width: auto;
    }

    .topics-content-title
    {
        font-size: 26px;
        line-height: 1.77;

        margin-bottom: 17px;

        white-space: nowrap;
    }

    .topics-content-title-insta {

font-size: 18px;

}

    .topics-content-title-insta img {
        width: 102px;
        height: 25px;
    }

    .topics-content-text
    {
        font-size: 13px;
        line-height: 2;
    }

    .topics-content-text-insta img {
        width: 180px;
        height: 40px;
    }

    .topics-content-link a
    {
        font-size: 14px;

        -webkit-background-size: 68px 5px;
                background-size: 68px 5px;
    }

    .topics-content-link-insta a
    {
        font-size: 14px;

        margin-bottom: 10px;
    }

    .topics-list-ul > li:last-child .topics-content
    {
    }

    .topics-list-ul > li:last-child .topics-pic
    {
        height: auto;
        padding-bottom: 57.2%;
    }

    .topics-item
    {
        padding-top: 57%;
    }

    .topics-content-inner
    {
        position: relative;
        top: 0;
        left: 0;

        /*max-width: 270px;*/
        padding-top: 0;

        -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
             -o-transform: translate(0,0);
                transform: translate(0,0);
    }

    .topics-item-instagram .topics-content-inner
    {
        max-width: 190px;
    }

    .ie9 .topics-content-inner
    {
        position: absolute;
        top: 50%;
        left: 50%;

        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
             -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }

    .page-top
    {
    }

    
}

@media screen and (min-width: 1025px)
{
    /* ====================
    *  ====================
    *  main
    *  ====================
    ====================== */
    html,
    body
    {
        overflow: hidden;
    }

    .l-header
    {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
    }

    .header-compact
    {
        
padding: 2px 40px 2px;
        
-webkit-transform: translateY(-72px);;
-ms-transform: translateY(-72px);;
-o-transform: translateY(-72px);;
transform: translateY(-72px);;
        
position: fixed;
        
height: auto;
        
width: 100%;
    }

    .header-compact .global-nav-item-link
    {
    padding-top: 0;
    padding-bottom: 0;
    padding: 11px 28px;
    }

    .header-compact .region-selector
    {
        
top: 14px;
    }

    .header-compact .site-logo
    {

    }
    
    .index
    {
        position: relative;

        width: 100%;
        /* margin-top: -50px; */
        height: 100%;
    }

    .scrolldown-attn
    {
        display: block;
    }

    .pager
    {
        top: auto;
        bottom: 25px;

        padding-top: 0;
    }

    .jack-sp
    {
        display: none;
    }

    .jack-tab{
        display: none;
    }
    
    .jack-pc
    {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .main
    {
        background-color: #fff;
		/*background: -webkit-linear-gradient(bottom, #FFFFFF, #F5F1E4 60%, #F6F0E3);
		background: -o-linear-gradient(bottom, #FFFFFF, #F5F1E4 60%, #F6F0E3);
		background: -moz-linear-gradient(bottom, #FFFFFF, #F5F1E4 60%, #F6F0E3);
		background: linear-gradient(to bottom, #FFFFFF, #F5F1E4 60%, #F6F0E3);*/
		/*background-image: url("./../images/bg.jpg");
		background-size: cover;
		background-position: 50% 100%;*/
    }

    .main-banner-container
    {
        position: relative;

        float: left;
        overflow: hidden;

        /*width: 66.3%;*/
        height: 100vh;
        padding-bottom: 0;
    }

    .main-banner-pic
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
        /* padding-top: 148px; */

        text-align: right;
    }

    .main-banner-pic ul
    {
        position: relative;

        list-style: none;
    }

    .main-banner-pic li
    {
        width: 100%;
        height: 100vh;
    }

    .main-banner-pic .pic
    {
        position: relative;

        width: 100%;
        height: 100%;
    }
    .main-banner-pic .pic img
    {
        /*float: right;*/
        float: none;

        width: 100%;
        /*min-width: 1460px;*/
		
        height: auto;
		
		/*margin-right: calc(-50vw - 50vh + 75%);*/
		margin: 0 0 0 calc(-100vh / 0.5625 + 50vw);
    }

    .main-banner-pic .title
    {
        position: absolute;
        top: 50%;
        left: 64%;

        margin-top: -96px;
    }

    .main-banner-pic .text
    {
        position: absolute;
        top: 50%;
        left: 64%;

        margin-top: -44px;
    }

    .main-banner-pic .text-2
    {
        position: absolute;
        top: 50%;
        left: 64%;

        margin-top: 14px;
    }


    .main-news-container
    {
        top: 0;

        float: right;

        width: 33.7%;
        height: 100%;
        padding-bottom: 0;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
             -o-transform: translateY(0);
                transform: translateY(0);
    }

    .main-news-list
    {
        display: table;

        width: 328px;
        height: 100%;
        margin: 0 auto;
        padding-top: 150px;
    }

    .main-news-list .title
    {
        font-family: 'Libre Baskerville', serif;
        font-size: 17px;
        font-weight: 400;
        margin-top: 16px;
        margin-bottom: 19px;
        text-align: left;
        color: #fff;
        letter-spacing: 0.1em;
    }

    .main-news-list-inner
    {
        display: table-cell;

        vertical-align: middle;
    }

    .main-news-list-item
    {
        margin-bottom: 11px;
        padding-bottom: 1px;
        list-style: none;
        background: url(../images/dot-border.png) repeat-x left bottom;
        border: none;
    }

    .main-news-list-inner li:last-child
    {
        display: block;
    }

    .main-news-list-item a
    {
        text-decoration: none;

        color: #fff;
    }

    .main-news-list-item a:hover
    {
    }

    .main-news-list-item .date
    {
        font-size: 13px;
        line-height: 22px;

        float: left;

        letter-spacing: 1.3px;
    }

    .main-news-list-item .text
    {
        font-size: 13px;
        line-height: 22px;

        margin-left: 81px;
        padding-bottom: 2px;

        color: #fff;
    }

    .news-past-link
    {
        float: right;

        margin-top: 9px;
    }

    .news-past-link a
    {
        font-family: 'Libre Baskerville', serif;
        font-size: 13px;
        font-style: italic;
        position: relative;
        right: 0;
        display: block;
        width: 86px;
        padding-bottom: 2px;
        letter-spacing: 0.05em;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        color: #fff;
        border-bottom: 1px solid #fff;
        background: url(../images/arrow.png) no-repeat right bottom -1px #0d2435;
        background-size: 86px 5px;
    }

    .news-past-link a:hover
    {
        right: -12px;

        width: 98px;

        text-decoration: none;
    }

    .main-banner-pic li
    {
        position: absolute;
        top: 0;
        left: 0;

        overflow: hidden;

        width: 100%;
        height: 100%;
    }

    .l-footer
    {
        bottom: 0;
        left: 0;

        clear: both;

        width: 100%;
    }


    /* ====================
    *  ====================
    *  topics-list
    *  ====================
    ====================== */

    .topics-list
    {
        height: 100%;
    }

    .topics-list-ul
    {
        position: absolute;
        left: 0;

        width: 100%;
        height: 100%;
    }

    .topics-list-ul > li:last-child
    {
    }

    .topics-item
    {
        height: 100%;
        padding: 0;

        list-style: none;
    }

    .topics-item-instagram.topics-item-even .topics-content
    {
        float: right;
    }


    .topics-item-even .topics-pic
    {
        position: relative;

        float: left;
    }

    .topics-item-even .topics-content
    {
        position: relative;
        top: 0;
        right: 0;
    }

    .ie9 .topics-item-even .topics-content
    {
        float: right;
    }

    .topics-item-even .topics-pic img
    {
        float: right;
    }

    .topics-content
    {
        position: relative;

        width: 50%;
        height: 100vh;
    }

    .ie9 .topics-content
    {
        /*position: absolute;*/
    }

    .topics-content-inner
    {
        position: relative;
        top: 0;
        left: 0;

        max-width: auto;
        height: auto;
        margin: auto;
        /* -webkit-box-align: center; */
    }

    .ie9 .topics-content-inner
    {
        position: absolute;
        top: 50%;
        left: 50%;

        height: auto;
    }

    .topics-content-title,
    .topics-content-link,
    .topics-content-text
    {
        width: 271px;
        margin: 0;
    }

    .topics-content-text br
    {
        display: inline;
    }

    .topics-content-title
    {
        font-size: 26px;
        font-weight: 500;
        line-height: 46px;
        display: block;
        margin-bottom: 24px;
    }

     .topics-content-title-insta
     {
         font-size: 18px;
         line-height: 1;
         margin-bottom: 15px;
     }

    .topics-content-text
    {
        font-size: 13px;
        font-weight: 500;
        line-height: 26px;
        margin-bottom: 25px;
        text-align: left;
    }
    .topics-content-text-custom-1
    {
        font-size: 26px;
        font-weight: 500;
        line-height: 26px;
        margin-bottom: 25px;
        text-align: left;
		color: #F6E0B8
    }

    .topics-content-link a
    {
        font-family: 'Libre Baskerville', serif;
        font-size: 13px;
        font-style: italic;
        position: relative;
        display: block;
        width: 90px;
        letter-spacing: 0.05em;
        -webkit-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
        text-align: left;
        vertical-align: middle;
        color: #F6E0B8;;
        border-bottom: 1px solid #F6E0B8;
        /*background: url(../images/arrow-black.png) no-repeat right bottom -1px;
        background-size: 68px 5px;*/
    }

    .topics-content-link a:hover
    {
        width: 90px;

        text-decoration: none;
    }

    .topics-list-ul > li:last-child .topics-pic,
    .topics-list-ul > li:last-child .topics-content
    {
        height: 100%;
    }

    .topics-pager-item:hover .after
    {
        -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
             -o-transform: scale(.5);
                transform: scale(.5);

        opacity: 1;
    }
    .page-top
    {
    }


    .l-footer
    {
        display: block;
    }
    .topics-item .l-footer
    {
        display: block;
    }

   

    .page-top
    {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        opacity: 0;
    }
    .page-top.show
    {
        opacity: 1;
        display: block;
    }
}