@charset "utf-8";
/* CSS Document */
@import "font/font.css"; /*引用外部CSS文件*/


body{
    font-family:微軟正黑體,Myriad Pro,Myriad,Aria, sans-serif;
    display: block;
    position: relative;
    z-index: 10;
    background: white;
}
.clear{
	clear: both;
}
#content{
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
/*    opacity: 0;*/
}
input,select{
     font-family:微軟正黑體,Myriad Pro,Myriad,Aria, sans-serif;
     -webkit-appearance:none;
}
.active05
{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
.active03
{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}
#loader{
    position: fixed;
    z-index: 299;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: black;
    top: 0;
    left: 0;
    text-align: center;

}
#loader .after{
/*    content: '';
    background-color: white;
    height: 1px;
    top: 50%;
    width: 0%;
    position: absolute;
    left: 0;*/
}
#loader img{
/*width: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -60px;
    margin-left: -90px;*/
}

#loader .imgs{
    display: block;
    position: absolute;
    left: 50%;
    width: 140px;
    margin-left: -70px;
    top: 50%;
    margin-top: -19px;
}
#loader .imgs .load_logo{
        height: 40px;
    position: relative;
    display: inline-block;opacity: 0;
    left: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#loader .imgs .load_logo.active:nth-child(1){
        -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition:all 1.2s ease;
    -moz-transition:all 1.2s ease;
    -o-transition:all 1.2s ease;
    -ms-transition:all 1.2s ease;
    transition:all 1.2s ease;left: 0;opacity: 1;
}
#loader .imgs .load_logo.active:nth-child(2){
            -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: 0;opacity: 1;
        -webkit-transition:all 1.2s ease .2s;
    -moz-transition:all 1.2s ease .2s;
    -o-transition:all 1.2s ease .2s;
    -ms-transition:all 1.2s ease .2s;
    transition:all 1.2s ease .2s;
}
#loader .imgs .load_logo.active:nth-child(3){
            -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: 0;opacity: 1;
        -webkit-transition:all 1.2s ease .4s;
    -moz-transition:all 1.2s ease .4s;
    -o-transition:all 1.2s ease .4s;
    -ms-transition:all 1.2s ease .4s;
    transition:all 1.2s ease .4s;
}
#loader .imgs .load_logo.active:nth-child(4){
            -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: 0;opacity: 1;
        -webkit-transition:all 1.2s ease .6s;
    -moz-transition:all 1.2s ease .6s;
    -o-transition:all 1.2s ease .6s;
    -ms-transition:all 1.2s ease .6s;
    transition:all 1.2s ease .6s;
}
#loader .imgs .load_logo.active:nth-child(5){
    left: 0;opacity: 1;
                -webkit-transform: rotateY(0);
    transform: rotateY(0);
        -webkit-transition:all 1.2s ease .8s;
    -moz-transition:all 1.2s ease .8s;
    -o-transition:all 1.2s ease .8s;
    -ms-transition:all 1.2s ease .8s;
    transition:all 1.2s ease .8s;
}


#loader .imgs .load_logo.o{

}
#loader .imgs .load_logo.o img{
        -webkit-animation:rotateIn3 3s infinite;
        animation:rotateIn3 3s infinite;  
}
#loader .imgs .load_logo img{
    height: 100%;
}






a{
    text-decoration: none;
}

header{
    display: block;
    width: 100%;
    position: fixed;
    top:-0;
    left: 0;
   z-index: 199;
   -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -o-transition:all .8s ease;
    -ms-transition:all .8s ease;
    transition:all .8s ease;
}

header #menu_bar{
display: block;
    height: 80px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
            -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    -o-transition:all .6s ease;
    -ms-transition:all .6s ease;
    transition:all .6s ease;
}
header #menu_bar.active{
       background-color: rgba(255, 255, 255, 0.35);
    height: 80px;
}

header #menu_bar .block{
    display: block;
    width: 100%;
    overflow: hidden;
}
header #menu_bar .block .logo{
        width: 260px;
    height: 141px;
    position: absolute;
    /*background-color: #b3a479;*/
    left: 60px;top: 0;
                -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
header #menu_bar.active .block .logo{
    left: 60px;
    top: -61px;
}
header #menu_bar .block .logo img{

        width: 220px;
    position: absolute;
    bottom: 19px;
    left: 20px;
            -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}

header #menu_bar .block .right{
        display: block;
    position: absolute;
    right: 60px;
    height: 129px;
    color: #95899d;font-size: 13px;font-weight: bold;
}
header #menu_bar .block .right .link{
    display: block;
    position: absolute;
    right: 190px;
    line-height: 21px;
    top: 52px;
/*    border-right: 1px solid #95899d;*/
    padding-right: 23px;
    -webkit-transition:top .5s ease;
    -moz-transition:top .5s ease;
    -o-transition:top .5s ease;
    -ms-transition:top .5s ease;
    transition:top .5s ease;
    width: 220px
}
header #menu_bar.active .block .right .link{
    top: 25px;
}
header #menu_bar .block .right .link a{
        color: #8a8a8a;font-size: 12px;margin-left: 18px

}
header #menu_bar .block .right .link a:last-child{
        color: #8a8a8a;font-size: 12px;
}
header #menu_bar .block .right .link a:after{
    /*content: '';
    background-color: white;
    width: 0%;
    height: 1px;
    position: absolute;
    left: 50%;
        top: 10px;
    margin-left: 20px;
        -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;*/
}


header #menu_bar .block .right .functionitem{
    display: block;
    position: absolute;
    right: 37px;
/*    line-height: 21px;*/
    top: 52px;
/*    border-right: 1px solid #95899d;*/
    padding-right: 23px;
    -webkit-transition:top .5s ease;
    -moz-transition:top .5s ease;
    -o-transition:top .5s ease;
    -ms-transition:top .5s ease;
    transition:top .5s ease;
    width: 160px;
}
header #menu_bar.active .block .right .functionitem{
    top: 24px;
}

header #menu_bar.active .block .right .functionitem input[type=search] {
    background: #fff url(/css/font/images/search-icon.png) no-repeat 125px center;
    color: #8a8a8a;
    font-size: 12px;
    background-color: #f8f8f8;
    padding: 2px 12px 2px 12px;
    width: 150px;
/*    margin: 10px 0px 10px 0px;*/
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}





header #menu_bar .block .right .nav_button{
position: absolute;
    right: 0;
    top: 52px;
    height: 21px;
    line-height: 21px;
    width: 27px;
    cursor: pointer;
    -webkit-transition:top .5s ease;
    -moz-transition:top .5s ease;
    -o-transition:top .5s ease;
    -ms-transition:top .5s ease;
    transition:top .5s ease;
}
header #menu_bar.active .block .right .nav_button{
    top: 25px;
}

header #menu_bar .block .right .nav_button span{
        position: absolute;
    right: 46px;
}

header #menu_bar .block .right .nav_button span:after{
    content: '';
    display: block;
    position: absolute;
    background-color: #95899d;
    right: -46px;
    width: 27px;
    top: 10px;
    height: 1px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
       -webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;
}
header #menu_bar .block .right .nav_button:before{
    content: '';
    display: block;
    position: absolute;
    background-color: #95899d;
    right: 0;
    width: 27px;
    top: 0;
    height: 1px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
header #menu_bar .block .right .nav_button:after{
    content: '';
    display: block;
    position: absolute;
    background-color: #95899d;
    right: 0;
    width: 27px;
    bottom: 0;
    height: 1px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
       -webkit-transition-delay: .1s; /* Safari */
    transition-delay: .1s;
}


header #menu_block{
    display: block;
    width: 0%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;    
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    -ms-transition:opacity .3s ease;
    transition:opacity .3s ease;
    opacity: 0;
    transform: translateX(-100%);
}
header #menu_block.active{
    transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    -moz-transform: translateX(-0%);
    -o-transform: translateX(-0%);
    -ms-transform: translateX(-0%);
    opacity: 1;
    z-index: 299;
    width: 100%;
}
header #menu_block .block{
display: block;
    position: absolute;
    left: 0;
    background-color: #FFFFFF;
    height: 100vh;
    width: 50%;
    overflow: hidden;
    z-index: 100;
    transform: translateX(-100%);
        -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    -ms-transition:all .7s ease;
    transition:all .7s ease;
           -webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;
}
header #menu_block .block.active{
    transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    -moz-transform: translateX(-0%);
    -o-transform: translateX(-0%);
    -ms-transform: translateX(-0%);

}


header #menu_block .shape{
    position: absolute;
    width: 100%;
    z-index: 50;
    height: 100vh;
    background-color: black;
    opacity: .9;cursor: pointer;
}

header #menu_block .block .top{
    position: absolute;
    display: block;
    left: 0.4400rem;
    top: 0.3684rem;
    height: 0.5628rem;
}



header #menu_block .block .top .close{
    float: left;
    width: 0.4810rem;
    height: 0.5628rem;
/*
    position: absolute;
    display: block;
    left: 43px;
    top: 36px;
    font-size: 12px;
    color: black;
    font-weight: bold;
*/
    cursor: pointer;
}
header #menu_block .block .top .close:before{
    content: '';
    background-color: #736c55;
    width: 0.2865rem;
    height: 0.0102rem;
    display: block;
    position: absolute;
    top: 16px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 9px;
        -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}

header #menu_block .block .top .close:after{
    content: '';
    background-color: #736c55;
    width: 0.2865rem;
    height: 0.0102rem;
    display: block;
    position: absolute;
    top: 16px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    left: 9px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
header #menu_block .block .top .close span{
    display: block;
    text-align: center;
    margin-top: 0.3684rem;
    width: 100%;
    position: relative;
    font-size: 0.1228rem;
}
header #menu_block .block .top .close span:before{
    content: '';
    background-color: #736c55;
    width: 0;
    height: 0.0102rem;
    display: block;
    position: absolute;
    top: -0.2251rem;
    left: 45px;
        -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
header #menu_block .block .top .closeimg{
/*    
    height: 55px;
    line-height: 52px;
    font-weight: bold;
    color: white;
    letter-spacing: 3px;
    width: 267px;
*/
    position: absolute;
    top: 0.0511rem;
    overflow: hidden;
    left: 0.8904rem;
}
header #menu_block .block .top .closeimg img{
    height: 0.4605rem;
}


header #menu_block .block .menu{
    height: 253px;
    line-height: 52px;
    font-weight: bold;
    color: white;
    letter-spacing: 3px;
    position: absolute;
    top: 50%;
    margin-top: -125px;
    width: 267px;
    left: 50%;
    margin-left: -100px;
}
header #menu_block .block .menu a{
    display: block;
    font-size: 30px;
    width: 100%;
    color: white;
    position: relative;
    overflow: hidden;
    padding-left: 16px;
    left:15px;
    opacity: 0;
    height: 50px;
/*    letter-spacing: 10px;*/
/*        left:0;*/
/*    opacity: 1;*/
    letter-spacing: 3px;
        -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
header #menu_block .block .menu a span{
    position: absolute;
    top: 0;
    left: 21px;
    transform: perspective(219px)rotateX(0);
    opacity: 1;
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -o-transition:all .8s ease;
    -ms-transition:all .8s ease;
    transition:all .8s ease;
}
header #menu_block .block .menu a span:nth-child(2){
    opacity: 0;
    transform: perspective(219px)rotateX(180deg);
}
header #menu_block .block.active .menu a{
    left:0;
    opacity: 1;
    letter-spacing: 3px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);    
}
header #menu_block .block .menu a:nth-child(1){
       -webkit-transition-delay: .8s; /* Safari */
    transition-delay: .8s;
}
header #menu_block .block .menu a:nth-child(2){
       -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
header #menu_block .block .menu a:nth-child(3){
       -webkit-transition-delay:1.2s; /* Safari */
    transition-delay:1.2s;
}
header #menu_block .block .menu a:nth-child(4){
       -webkit-transition-delay:1.4s; /* Safari */
    transition-delay:1.4s;
}
header #menu_block .block .menu a:nth-child(5){
       -webkit-transition-delay:1.6s; /* Safari */
    transition-delay:1.6s;
}
header #menu_block .block .menu a:after{
    content: '';
    position: absolute;
    width: 200px;
    height: 3px;
    background-color: white;
    left: 463px;
    top: 50%;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    -ms-transition:all .7s ease;
    transition:all .7s ease;
}






header #menu_block .block .menu1{
/*    height: 255px;*/
    color: white;
    position: absolute;
    top: 1.4328rem;
    width: 100%;
/*    left: 120px;*/
    overflow: hidden;
    margin: auto;
 
    
    
}
header #menu_block .block .menu1 .menulist{
    color: #a9a9a9;
    margin-left: 1.2281rem;
    margin-right: 1.2281rem;
    overflow: hidden;
    
}
header #menu_block .block .menu1 .menulist .menulist_title{
    /*width: 100%;
    height: 25px;
    line-height: 25px;
    text-transform: capitalize;
    font-size: 14px;*/
    width:100%; 
    float:left;
    overflow:hidden;
    height:0.3070rem; 
    line-height:0.3070rem; 
    cursor:pointer;
    text-transform:capitalize; 
    font-size: 0.1432rem;
    border-bottom: 1px solid #a9a9a9;
    
    
    
    
}

header #menu_block .block .menu1 .menulist .menulist_title span{
    float: right
}


header #menu_block .block .menu1 .menulist .menulist_disp{
    float: left;
    margin-top: 10px;
    width:100%;
}

header #menu_block .block .menu1 .menulist .menulist_disp LI{
    float: left;
    width: 30%;
    height: 0.4196rem;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 5%; /*li之间的间距*/
}

header #menu_block .block .menu1 .menulist .menulist_disp LI:nth-child(3n+3) {
    margin-right:inherit
}
/*header #menu_block .block .menu1 .menulist .menulist_disp LI:nth-child(1n){
    width: 25%;
}*/
header #menu_block .block .menu1 .menulist .menulist_disp LI:nth-child(3n){
    float: right;
}

header #menu_block .block .menu1 .menulist .menulist_disp LI a{
    display:inline;
}
header #menu_block .block .menu1 .menulist .menulist_disp .menulist_icon_left{
    float: left;
    height: 0.4196rem;
    width: 0.6140rem;
}
header #menu_block .block .menu1 .menulist .menulist_disp .menulist_icon_left img{
    height: 0.4196rem;
    width: 0.6140rem;
}
header #menu_block .block .menu1 .menulist .menulist_disp .menulist_icon_right{
    float: left;
    width: 50%;
    height: 0.4196rem;
}
/*header #menu_block .block .menu1 .menulist .menulist_disp .menulist_icon_right span{
    display: block;
    font-size: 12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}*/
header #menu_block .block .menu1 .menulist .menulist_disp .menulist_icon_right .menulist_icon_right_top{
    float: left;
    font-size: 0.1228rem;
    text-transform:capitalize; 
    width: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis; 
    margin-top: 0.0511rem;        
}
header #menu_block .block .menu1 .menulist .menulist_disp .menulist_icon_right .menulist_icon_right_bottom{
    float: left;
    font-size: 0.1228rem;
    text-transform:capitalize; 
    width: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}














header #menu_block .block .bottom{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #eeeeee;
    overflow: hidden;
}

header #menu_block .block .bottom .bottomgrid{
    margin: auto;
    width: 80%;
    padding: 20px;
    overflow: hidden;
}

header #menu_block .block .bottom .bottomgrid .bottomgridlist{
    float: left;
/*    padding: 0 4.165vh;*/
    width: 100%;
    display: block;
}

header #menu_block .block .bottom .bottomgrid .bottomgridlist dl{
    margin-bottom: 20px;
}
header #menu_block .block .bottom .bottomgrid .bottomgridlist dl{
    font-family: 'Noto Sans';
    font-size: 0.1228rem;
    /* font-weight: 500; */
    /* line-height: 2; */
    white-space: nowrap;
}

header #menu_block .block .bottom .bottomgrid .bottomgridlist dl dt, header #menu_block .block .bottom .bottomgrid .bottomgridlist dl dd {
    display: block;
    color: #595758;
    font-size: 0.1228rem;
}


header #menu_block .block .bottom .bottomgrid .bottomgridlist img {
    float: left;
    height: 0.3275rem;
/*    margin-bottom: 30px;*/
}




header #menu_block .block .bottom .logo{
    display: block;
    float: left;
    margin-left: 43px;
}
header #menu_block .block .bottom .logo img{
        width: 113px;
}
header #menu_block .block .bottom .copyright{
    float: right;
    margin-right: 71px;
    font-size: 12px;
    color: black;
    top: 9px;
    position: relative;
}
header #menu_block .block .bottom .copyright a{
    font-weight: bold;
    color: black;
}

footer{
    z-index: 20 ;
    position: relative;
    /*width: 100%;*/
    display: block;
    background-color: white;
}
footer .footer_block{
        width: 1003px;
    display: block;
    margin: 0px auto;
    padding: 90px 0;
    position: relative;opacity: 0;
}
footer .footer_block .logo{
   width: 120px;
    margin: 0 auto;
    display: block;
    position: relative; 
}
footer .footer_block .link_block{
    display: block;
    margin: 50px auto 45px;
    width: 100%;
    text-align: center;
}
footer .footer_block .link_block .link{
        font-size: 15px;
    color: #7b7b7b;
    font-weight: bold;
    display: inline-block;
    padding: 0 90px;
    position: relative;
        -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    -ms-transition:all .7s ease;
    transition:all .7s ease;
}
footer .footer_block .link_block .link:hover{
    color: black;
    letter-spacing: 1px;
}
footer .footer_block .otherlink{
        width: 740px;
    margin: 0 auto;
    display: block;
    position: relative;
}
footer .footer_block .otherlink .fb_club{
    background: #ada17e;
    height: 66px;position: relative;
    color: white;
    font-size: 13px;
    padding: 26px 0;
    letter-spacing: 2px;
    font-weight: bold;
    border: 1px solid #ada17e;
    float: left;
        -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    -ms-transition:all .7s ease;
    transition:all .7s ease;
    width: 230px;
    text-align: center;
    overflow: hidden;
}
footer .footer_block .otherlink .fb_club:after{
    content: '';
    background-color: white;
    position: absolute;
    width: 0%;
    height: 1px;
    left: 50%;
    bottom: 14px;
            -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    -ms-transition:all .7s ease;
    transition:all .7s ease;
}
footer .footer_block .otherlink .fb_club:hover:after{
    width: 100%;
    left: 0%;
}
footer .footer_block .otherlink .fb_club:hover{
    letter-spacing: 4px;
}
footer .footer_block .otherlink .social{
    float: left;
    height: 66px;
    margin-left: 31px;
    display: block;
    position: relative;overflow: hidden;
    border-right: 1px solid #d6d6d6;
}
footer .footer_block .otherlink .social a{
    border: 1px solid #d6d6d6;
    height: 100%;
    float: left;
    width: 65px;
    border-right: 0;
    text-align: center;
    line-height: 63px;
    color: black;
    font-size: 18px;
                -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    -ms-transition:all .7s ease;
    transition:all .7s ease;
}

footer .footer_block .otherlink .social a.fb:hover{
    background-color: #7B7B7B;
    color: white;
}
footer .footer_block .otherlink .social a.tw:hover{
    background-color: #7B7B7B;
    color: white;
}
footer .footer_block .otherlink .social a.yt:hover{
    background-color: #7B7B7B;
    color: white;
}
footer .footer_block .addr{
    border: 1px solid #d6d6d6;
    float: right;
    width: 255px;
    height: 66px;
    line-height: 66px;
    padding-left: 25px;
    color: #7b7b7b;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2px;
    background-image: url(../images/home/map_a.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    -ms-transition:all .7s ease;
    transition:all .7s ease;
    position: relative;
}
footer .footer_block .addr:hover{
    color: #ada17e;
}
footer .footer_block .addr:before{
    top: 0;
    content: "";
    left:0;
    position: absolute;
    background-color: #ada17e;
    width: 0%;
    height: 1px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}

footer .footer_block .addr:after{
    bottom: 0;
    content: "";
    right:0;
    position: absolute;
    background-color: #ada17e;
    width: 0%;
    height: 1px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}
footer .footer_block .addr span:before{
    top: 0;
    content: "";
    right:0;
    position: absolute;
    background-color: #ada17e;
    width: 1px;
    height: 0%;
        -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
        -webkit-transition-delay: .3s; /* Safari */
    transition-delay: .3s;
}
footer .footer_block .addr span:after{
    bottom: 0;
    content: "";
    left:0;
    position: absolute;
    background-color: #ada17e;
    width: 1px;
    height: 0%;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transition-delay:.3s; /* Safari */
    transition-delay:.3s;
}
footer .footer_block .addr:hover:before{
    width: 100%;
}
footer .footer_block .addr:hover:after{
    width: 100%;
}
footer .footer_block .addr:hover span:before{
    height: 100%;
}
footer .footer_block .addr:hover span:after{
    height: 100%;
}
footer #gotop{
    width: 40px;
    height: 40px;opacity: 0;
    background-color: black;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 38px;
    font-size: 12px;
    margin: 0 auto 30px;
    cursor: pointer;
    position: relative;
        -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease;
}
footer #gotop i{
    position: relative;
    z-index: 2;
}

footer #gotop:after{
    content: '';
    background-color: #ADA17E;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
         transform: scale(0);
     -webkit-transform: scale(0);
     -o-transform: scale(0);
     -moz-transform: scale(0);
     opacity: 0;
     z-index: 1;
}

footer .copyright{
    display: block;
    font-size: 12px;
    color: #8a8a8a;
    text-align: center;opacity: 0;
    margin: 0 auto;
    padding-bottom: 30px;
}
footer .copyright a{
    color: #7b7b7b;
    font-weight: bold;
}

footer .world_con{
    display: block;
    position: relative;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 75px;
}
footer .world_con .box{
    float: left;
    width: 29%;
    margin-right: 6%;
}
footer .world_con .aspect{
    margin-right: 0;
}
footer .world_con .box h3{
        font-size: 25px;
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
}
footer .world_con .box .sp{
    font-size: 12px;
    display: block;
    margin-bottom: 15px;
    color: #8a8a8a;
}
footer .world_con .box .sp .t{
    font-size: 14px;    margin-right: 5px;
    color: #ada17e;
}
footer .world_con .box .sp .t_line{
    
}
footer .world_con .box .memo{
    font-size: 12px;
    color: #1a161b;
    line-height: 25px;
    position: relative;
    margin-top: 75px;
}
footer .world_con .box .memo:before{
    content: '';
    background-color: #a89e82;
    width: 41px;
    height: 4px;
    display: block;
    position: absolute;
    top: -25px;
}

.footer_middle{
    display: inline-block;
    font-size: 12px;
    color: #8a8a8a;
    margin-top: 32px;
    position: relative;
    margin-bottom: 35px;
    width: 100%;
}
.footer_middle .logo{
    float: left;
}
.footer_middle .footerinfo{
        float: right;
    width: 65%;
    text-align: left;    letter-spacing: 1px;
    line-height: 23px;    padding-right: 150px;
}
.footer_middle .footerinfo .info_s{

}
.footer_middle .footerinfo .info_s div{
        display: inline-block;
}
.footer_middle .footerinfo .cloud{
    
}
.footer_middle .footerinfo a,.footer_middle .footerinfo u{
    color: #8a8a8a;
    text-decoration: none;
}
.footer_middle .brand{
    position: absolute;
    top: 0;
    right: 0;
    color: #121212;
}
.footer_middle .brand h1{
    display: inline-block;
}
.footer_middle .brand .life{
        display: block;
    margin-top: 8px;
    color: #353535;
    letter-spacing: 2px;
}

@media only screen and (min-width: 1025px) {
footer #gotop:hover{
    background-color: transparent;
}
footer #gotop:hover:after{
    opacity: 1;
     transform: scale(1);
     -webkit-transform: scale(1);
     -o-transform: scale(1);
     -moz-transform: scale(1);
}
/*header #menu_bar .block .logo:hover img{
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -o-transform: scale(1.1);
     -moz-transform: scale(1.1);
}*/
header #menu_bar .block .right .link a:hover:after{
    width: 90%;    margin-left: -41px;
}
header #menu_bar .block .right .nav_button:hover:after{
     transform: scale(.6);
     -webkit-transform: scale(.6);
     -o-transform: scale(.6);
     -moz-transform: scale(.6);
}
header #menu_bar .block .right .nav_button:hover:before{
         transform: scale(.6);
     -webkit-transform: scale(.6);
     -o-transform: scale(.6);
     -moz-transform: scale(.6);
}
header #menu_bar .block .right .nav_button:hover span:after{
        transform: scale(.6);
     -webkit-transform: scale(.6);
     -o-transform: scale(.6);
     -moz-transform: scale(.6);
}
header #menu_block .block .close:hover:before{
    width: 19px;
    top: 20px;
    transform: rotate(39deg);
    -webkit-transform: rotate(39deg);
    -moz-transform: rotate(39deg);
    -ms-transform: rotate(39deg);
    -o-transform: rotate(39deg);
    left: 9px;
}
header #menu_block .block .close:hover:after{

    width: 19px;
    top: 9px;
    transform: rotate(-39deg);
    -webkit-transform: rotate(-39deg);
    -moz-transform: rotate(-39deg);
    -ms-transform: rotate(-39deg);
    -o-transform: rotate(-39deg);
    left: 9px;
}
header #menu_block .block .close:hover  span:before{
    width: 24px;
    left: 13px;
}
header #menu_block .block .menu a:hover:after{

    width: 72px;
    left: -63px;
}

header #menu_block .block .menu a:hover span{
    transform: perspective(219px)rotateX(180deg);
    opacity: 0;
}
header #menu_block .block .menu a:hover span:nth-child(2){
    opacity: 1;
    transform: perspective(219px)rotateX(0);
}








}



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

header #menu_block .block{
    width: 100%;    min-height: 513px;
}
header #menu_block{
    overflow-y: scroll;
}

footer .footer_block{
    max-width: 100%;
    width: 90%;
    padding: 60px 0;
}

footer .footer_block .link_block .link{
    padding: 0;
    width: 24%;
}
footer .footer_block .otherlink{
    width: 100%;
}
footer .footer_block .otherlink .social{
    width: 30%;
    margin-left: 4%;
    margin-right: 4%;
}
footer .footer_block .otherlink .fb_club{
    width: 25%;
}
footer .footer_block .addr{
        width: 37%;
}
footer .footer_block .otherlink .social a{
    width: 33.33%;
}
footer #gotop:after{
    display: none;
}
footer .world_con .box{
    width: 100%;    margin-bottom: 55px;
    margin-right: 0;position: relative;
}
footer .world_con .box h3{
    POSITION: ABSOLUTE;
    width: 45%;
    left: 0;
    top: 0;
}
footer .world_con .box .sp{
    POSITION: ABSOLUTE;
    width: 45%;
    left: 0;
    top: 41px;
}
footer .world_con .box .sp .t{
    display: block;    margin-bottom: 9px;
}
footer .world_con .box .memo{
    float: left;
    margin-top: 25px;
    width: 100%;
    padding-left: 40%;
}
/*footer .world_con .box .memo:before{
    top: -16px;
}*/
footer .world_con{
    padding-bottom: 15px;
}
.footer_middle .brand{
    font-size: 12px;
    color: #121212;
    position: absolute;
    width: 124px;
    top: 0;
    left: 143px;
}
.footer_middle .footerinfo{
        width: 60%;
}
.footer_middle .brand h1{
        display: inline-block;
}




}


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

footer .world_con .box .memo{
    padding-left: 50%;
}
.footer_middle .footerinfo{
    width: 50%;    padding-right: 0;
}

}


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

header #menu_bar .block .logo{
    width: 102px;
    height: 78px;
}
header #menu_bar{
    height: 78px;
}
header #menu_bar .block .logo img{
    width: 84%;
    left: 8%;
    bottom: 9px;
}
header #menu_bar.active .block .logo{
  top: -10px;
}

footer .world_con .box h3{
    position: relative;
    width: 100%;
}
footer .world_con .box .sp{
    top: auto; position: relative;
    width: 100%;
}
footer .world_con .box .memo{
    padding-left: 0;
    margin-top: 50px;
}
footer .world_con .box .sp .t{
    display: block;float: left;    margin-right: 10px;
}
footer .world_con .box .sp .t_line{
    float: left;
}
.footer_middle .footerinfo{
        width: 100%;
    margin-top: 30px;padding-right: 0;
}

.footer_middle{
    margin-bottom: 0;    margin-top: 45px;
}

}






@media only screen and (max-width: 500px) {
footer .footer_block .link_block{
    display: none;
}

footer .footer_block .otherlink .fb_club{
    width: 50%;
    position: absolute;
    left: 0;
    top: 85px;
    font-size: 14px;
}
footer .footer_block .otherlink .social{
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

footer .footer_block .otherlink .social a{
    font-size: 22px;
}
footer .footer_block .addr{
        width: 50%;
    position: absolute;
    right: 0;
    top: 85px;
    font-size: 14px;
}
footer .footer_block .otherlink{
        height: 150px;
}
footer .footer_block{
        padding-top: 40px;
    padding-bottom: 36px;
}
footer .copyright{
    padding-bottom: 60px;
}
header #menu_bar .block .right .link,header #menu_block .block .bottom .copyright{
    display: none;
}
header #menu_bar .block .right{
    right: 5%;
}
header #menu_bar .block .logo{
    left: 5%;
}


header #menu_block .block .close{
    left: 5%;
}
header #menu_block .block .bottom .logo{
    margin-left: 5%;
}
footer .footer_block .logo{

}
.footer_middle .brand{
        right: 0;
    left: auto;
    width: auto;
}
.footer_middle .footerinfo{
        letter-spacing: 0;
    margin-bottom: 30px;
}
.footer_middle .footerinfo .info_s div{
        display: block;
}

header #menu_block .block .menu{
        top: 40%;
    left: 40%;
}

header #menu_block .block .bottom{
    bottom: 70px;
}





}






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

header #menu_block .block .menu{
    width: 100%;
    left: auto;
    margin-left: auto;
    padding-left: 5%;
}
header #menu_block .block .menu a{
    font-size: 28px;
}
header #menu_block .block.active .menu a{
    
    padding-left: 0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
header #menu_block .block .menu a
{
    left: 10px;
}



}