@charset "UTF-8";


/*DESKTOP
======================*/

@media screen and (min-width: 1680px) {
    .carousel-inner > .item > img {
        height: 100vh;
    }
}

@media screen and (max-width: 1679px) {
	.drawer-navbar .drawer-brand img {
		max-width: 230px;
	}
}

@media screen and (min-width: 1200px) {
    .drawer-container {
        padding: 0 35px;
    }
}

@media screen and (max-width: 1310px) {
    .drawer-container {
        padding: 0 5px;
    }
    .drawer-navbar .drawer-menu-item {
        padding: 0 5px;
    }
}

@media screen and (max-width: 1089px) {
    .drawer-navbar .drawer-menu-item .lg_zh {
        font-size: 16px;
        letter-spacing: 1px;
    }
}

@media screen and (min-width: 992px) {
    /* menu */
    .drawer-container {
        max-width: none;
        width: 100%;
        height: 100%;
    }
    .drawer-navbar .drawer-menu-item:after {
        display:block;
        content:"";
        width:0%;
        height: 2px;
        background-color:#fff;
        position:absolute;
        left:50%;
        bottom: 0px;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .drawer-navbar .drawer-menu-item:hover:after,
    .drawer-navbar li.active .drawer-menu-item:after{
        width:100%;
        left:0%;
    }
    .drawer-navbar .active .drawer-menu-item .lg_en {
        color: #fff;
    }
    .drawer-navbar.headroom--not-top .drawer-menu-item .lg_en {
        color: #eee;
    }
    .drawer-dropdown > .drawer-dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        width: 180px;
        background-color: transparent;
        border: 0 none;
    }
    .drawer-menu-item + .drawer-dropdown-menu {
        left: 50%;
        margin-left: -75px;
        padding-top: 10px;
    }
    .drawer-dropdown-menu-item + .drawer-dropdown-menu {
        left: 100%;
        top: 3px;
    }
    .drawer-menu-item {
        text-align: center;
        position: relative;
        padding: 0 15px;
    }
    .drawer-dropdown-menu-item {
        color: #fff;
    }
    .drawer-navbar .drawer-dropdown-menu-item:hover,
    .drawer-navbar li li.active .drawer-dropdown-menu-item {
        -webkit-text-shadow: 0px 0px 12px #fff;
        text-shadow: 0px 0px 12px #fff;
    }
    .drawer-navbar .drawer-dropdown .drawer-menu-item:before {
        display: none;
        content: '';
        width: 0;
        height: 0;
        margin-left: -2.5px;
        border-style: solid;
        border-width: 6px 5px 0 5px;
        border-color: #000000 transparent transparent transparent;
        border-color: rgba(0, 0, 0, .4) transparent transparent transparent;
        position: absolute;
        bottom: -9px;
        left: 50%;
    }
    .drawer-dropdown:hover .drawer-menu-item:before {
        display: block;
    }
    .drawer-dropdown:hover .drawer-menu-item + .drawer-dropdown-menu,
    .drawer-dropdown:hover > .drawer-dropdown-menu-item + .drawer-dropdown-menu,
    .drawer-dropdown.open:hover .drawer-menu-item + .drawer-dropdown-menu,
    .drawer-dropdown.open:hover > .drawer-dropdown-menu-item + .drawer-dropdown-menu {
        opacity: 1;
        visibility: visible;
    }
    .drawer-dropdown > .drawer-dropdown-menu li {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.5);
        padding-left: 15px;
        padding-right: 15px;
    }
    .drawer-dropdown:hover .drawer-menu-item + .drawer-dropdown-menu li,
    .drawer-dropdown.open:hover .drawer-menu-item + .drawer-dropdown-menu li {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .drawer-navbar .lang-box .drawer-menu-item {
        line-height: 29px;
        padding: 3px;
        background-color: rgba(255,255,255,0.5);
        margin-top: 13px;
    }
    .drawer-navbar .lang-box .drawer-menu-item .lg_zh {
        color: #000;
        font-size: 14px;
        letter-spacing: 0;
    }
    .drawer-navbar .lang-box .drawer-dropdown-menu.langs {
        width: 60px;
        margin-left: -30px;
    }
}


/*TABLET
======================*/

@media screen and (max-width: 991px) {
    /*****  intro *****/
    .rz_img .copyright {
        right: 0;
    }
    .owl-item:nth-of-type(4) .cover {
        background-position-y: 30%;
    }
    /*****  common *****/
    h1,
    .h1 {
        font-size: 33px;
    }
    h2,
    .h2 {
        font-size: 27px;
    }
    h3,
    .h3 {
        font-size: 21px;
    }
    h4,
    .h4 {
        font-size: 15px;
    }
    h5,
    .h5 {
        font-size: 12px;
    }
    /*****  header *****/
    .headroom:before {
       /*position: device-fixed */
    }
    .drawer-navbar--fixed {
    }
    .drawer-navbar .drawer-navbar-header {
        position: relative;
        z-index: 1;
    }
    .drawer-navbar .drawer-nav {
        z-index: 2
    }
    .drawer-navbar .drawer-brand {
        float: left;
    }
    .drawer-hamburger:after {
        display: block;
        content: 'MENU';
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: 75%;
        right: 10px;
    }
    /*drawer-hamburger-icon*/
    .drawer-hamburger-icon,
    .drawer-hamburger-icon::after,
    .drawer-hamburger-icon::before {
        background-color: #fff;
    }
    .drawer-hamburger-icon {
        width: 80%;
        margin-top: 0px;
        left: 20%;
        top: 4px;
    }
    .drawer-hamburger-icon::before {
        width: 60%;
        top: 6px;
        right: 0;
        left: auto;
    }
    .drawer-hamburger-icon::after {
        background-color: transparent;
    }
    .drawer-open .drawer-hamburger-icon {
        background-color: transparent;
        top: 0px;
    }
    .drawer-open .drawer-hamburger-icon::before,
    .drawer-open .drawer-hamburger-icon::after {
        background-color: #282D30;
    }
    .drawer-open .drawer-hamburger-icon::before {
        width: 80%;
        top: 5px;
    }
    .drawer-open .drawer-hamburger-icon::after {
        width: 80%;
        top: 5px;
        left: auto;
        right: 0;
    }
    .drawer-open .drawer-hamburger:after {
        content: 'CLOSE';
        color: #282D30;
    }
    /**/
    .drawer-nav {
    	background: #eee url(../images/pix/02-2.png) repeat;
        padding-left: 20px;
        padding-right: 20px;
    }
    .drawer-navbar .drawer-menu li {
        width: 100%;
        height: auto;
    }
    .drawer-navbar .drawer-menu-item {
        padding: 5px;
    }
    .drawer-navbar .drawer-menu-item:hover,
    .drawer-navbar .drawer-dropdown.open > .drawer-menu-item {
    	background-color: rgba(0, 0, 0, 0.5);
    }
    .drawer-navbar .drawer-dropdown.open a.drawer-menu-item::before {
        display: none;
    }
    .drawer-navbar .drawer-menu-item .lg_zh {
        display: inline-block;
        color: #25292d;
        font-size: 14px;
    }
    .drawer-navbar .drawer-menu-item .lg_en {
        width: auto;
        padding-left: 5px;
        color: #b5b5b5;
        position: static;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
    }
    .drawer-navbar .drawer-menu-item:hover .lg_zh,
    .drawer-navbar .open .drawer-menu-item .lg_zh,
    .drawer-navbar .drawer-menu-item:hover .lg_en,
    .drawer-navbar .open .drawer-menu-item .lg_en {
        color: #fff;
    }
    /*dropdown*/
    .drawer-dropdown-menu {
        background-color: rgba(255, 255, 255, 0.5);
    }
    .drawer-navbar .drawer-dropdown-menu li {
        background-color: #E4E4E4;
    }
    .drawer-navbar .drawer-dropdown-menu li:hover,
    .drawer-navbar .drawer-dropdown-menu li.active {
    	background-color: rgba(0,0,0,.5);
    }
    .drawer-navbar .drawer-dropdown-menu a.drawer-dropdown-menu-item {
        display: block;
        color: #626262;
        font-size: 14px;
        text-align: left;
        position: relative;
        z-index: 1000;
    }
    .drawer-navbar .drawer-dropdown-menu a.drawer-dropdown-menu-item:hover,
    .drawer-navbar .drawer-dropdown-menu li.active > a.drawer-dropdown-menu-item {
    	color: #fff;
    }
    .drawer-navbar .drawer-dropdown-menu li ~ li a.drawer-dropdown-menu-item {
        border-top-color: #B6B6B6;
    }
    /**/
    .drawer-navbar .drawer-menu >li {
        opacity: 0;
        filter: Alpha(Opacity=0);
        -webkit-transform: translate(280px, 0px);
        transform: translate(280px, 0px);
    }
    .drawer-open .drawer-navbar .drawer-menu >li {
        opacity: 1;
        filter: Alpha(Opacity=100);
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    .drawer-open .drawer-navbar .drawer-menu >li:nth-child(1) {
        -webkit-transition: opacity .4s .2s, -webkit-transform .6s .2s;
        transition: opacity .4s .2s, transform .6s .2s;
    }
    .drawer-open .drawer-navbar .drawer-menu >li:nth-child(2) {
        -webkit-transition: opacity .4s .3s, -webkit-transform .6s .3s;
        transition: opacity .4s .3s, transform .6s .3s;
    }
    .drawer-open .drawer-navbar .drawer-menu >li:nth-child(3) {
        -webkit-transition: opacity .4s .4s, -webkit-transform .6s .4s;
        transition: opacity .4s .4s, transform .6s .4s;
    }
    .drawer-open .drawer-navbar .drawer-menu >li:nth-child(4) {
        -webkit-transition: opacity .4s .5s, -webkit-transform .6s .5s;
        transition: opacity .4s .5s, transform .6s .5s;
    }
    .drawer-open .drawer-navbar .drawer-menu >li:nth-child(5) {
        -webkit-transition: opacity .4s .6s, -webkit-transform .6s .6s;
        transition: opacity .4s .6s, transform .6s .6s;
    }
    .drawer-open .drawer-navbar .drawer-menu >li:nth-child(6) {
        -webkit-transition: opacity .4s .7s, -webkit-transform .6s .7s;
        transition: opacity .4s .7s, transform .6s .7s;
    }
    .drawer-open .drawer-navbar .drawer-menu >li:nth-child(7) {
        -webkit-transition: opacity .4s .8s, -webkit-transform .6s .8s;
        transition: opacity .4s .8s, transform .6s .8s;
    }
    /* search_box */
    .search_box {
        width: 23px;
        padding-left: 0px;
        padding-right: 10px;
        position: fixed;
        top: 0;
        left: auto;
        right: 55px;
        z-index: 1;
    }
    .search_box > a {
        float: right;
        text-align: right;
        right: 10px;
        background-color: transparent;
        position: relative;
        z-index: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .search_box.open > a {
        -webkit-transform: translateX(-120px);
        -moz-transform: translateX(-120px);
        -ms-transform: translateX(-120px);
        -o-transform: translateX(-120px);
        transform: translateX(-120px);
    }
    .search_box::before {
        height: 12px;
        top: 27px;
        right: 7px;
        left: auto;
    }
    .search_box ul {
        left: auto;
        right: 0;
    }
}
@media screen and (min-width: 600px) and (max-width: 991px) {
    /* loading */
    .owl_cont h2 {
        letter-spacing: 4px;
        font-weight: 100;
        font-size: 17px;
        padding-top: 40vh;
        color: #a0a0a0;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
    .owl_cont p {
        padding: 150px 2% 0 2%;
        opacity: 1;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        letter-spacing: 0px;
        font-weight: 100;
        line-height: 18px;
        font-size: 12px;
        color: #fff;
    }
    .footer_copyright .copyright {
        margin-bottom: 5px;
    }
    .copyright {
        position: absolute;
        z-index: 100;
        bottom: 35px!important;
        right: auto;
        font-size: 12px;
        color: #b5b5b5;
        width: 100%;
        text-align: center;
    }
}


/**/


/* MOBILE
======================*/

@media screen and (max-width: 599px) {
    /* loading */
    .copyright {
        position: absolute;
        z-index: 100;
        bottom: 5px!important;
        /* right:auto; */
        font-size: 12px;
        color: #b5b5b5;
        width: 100%;
        padding: 0 5%;
        line-height: 16px;
        text-align: center;
    }
    /**/
    .contact_block {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .contact_block .title {
        margin-bottom: 30px;
    }
    /* banner */
    .banner_block .captain {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
    }
    /*     intro */
    .owl_cont p {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer_share {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}


/**/

/* ONLY
======================*/

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px) {
    /*     intro */
    .owl_cont p {
    padding-top: 40px;
    }
    .owl-controls {
        bottom: 105px;
    }
}

/* IE
======================*/

@media all and (-ms-high-contrast: none) {
    /***** svg *****/
    /* svg_menu */
    .svg_menu.active svg line.top,
    .svg_menu.active svg line.bottom {
        stroke-dasharray: 88 50;
    }
    .svg_menu.active svg line.left,
    .svg_menu.active svg line.right {
        stroke-dasharray: 44 48;
    }
    /* svg_border */
    .svg_border svg.block line.top,
    .svg_border svg.block line.bottom {
        stroke-dasharray: 125 245;
    }
    .svg_border svg.block line.left,
    .svg_border svg.block line.right {
        stroke-dasharray: 180 238;
    }
    .svg_border svg.block_tail {
        width: 10%;
        height: 20%;
        position: absolute;
        bottom: 0px;
        left: 0;
    }
    .svg_border svg.block_tail line.top {
        stroke-dasharray: 5 0;
    }
    .svg_border svg.block_tail line.bottom {
        stroke-dasharray: 25 0;
    }
    .svg_border svg.block_tail line.left {
        stroke-dasharray: 50 0;
    }
    .svg_border svg.block_tail line.right {
        stroke-dasharray: 40 0;
    }
    /* svg_cover */
    .svg_cover {
        width: 90%;
        height: 86%;
        position: absolute;
        top: 7%;
        left: 5%;
        right: 5%;
    }
    .svg_cover svg.block {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0;
    }
    .svg_cover svg line {
        stroke-width: 2;
        stroke: #fff;
        fill: none;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .svg_cover svg line {
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .svg_cover svg.block line.top,
    .svg_cover svg.block line.bottom {
        stroke-dasharray: 400 400;
    }
    .svg_cover svg.block line.left,
    .svg_cover svg.block line.right {
        stroke-dasharray: 210 210;
    }
    .svg_cover svg.block line.top,
    .svg_cover.active svg.block line.top {
        -webkit-transform: translateX(180px);
        -moz-transform: translateX(180px);
        -o-transform: translateX(180px);
        transform: translateX(180px);
    }
    .svg_cover svg.block line.bottom,
    .svg_cover.active svg.block line.bottom {
        -webkit-transform: translateX(-180px);
        -moz-transform: translateX(-180px);
        -o-transform: translateX(-180px);
        transform: translateX(-180px);
    }
    .svg_cover svg.block line.right,
    .svg_cover.active svg.block line.right {
        -webkit-transform: translateY(-60px);
        -moz-transform: translateY(-60px);
        -o-transform: translateY(-60px);
        transform: translateY(-60px);
    }
    .svg_cover svg.block line.left,
    .svg_cover.active svg.block line.left {
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -o-transform: translateY(60px);
        transform: translateY(60px);
    }
    .svg_cover svg.block_tail {
        width: 5%;
        height: 20%;
        position: absolute;
        bottom: 0px;
        left: 0;
    }
    .svg_cover svg.block_tail line.top {
        stroke-dasharray: 5 5;
        stroke-dashoffset: 5;
    }
    .svg_cover svg.block_tail line.bottom {
        stroke-dasharray: 25 25;
        stroke-dashoffset: 25;
    }
    .svg_cover svg.block_tail line.left {
        stroke-dasharray: 50 50;
        stroke-dashoffset: 50;
    }
    .svg_cover svg.block_tail line.right {
        stroke-dasharray: 40 40;
        stroke-dashoffset: 40;
    }
    .svg_cover svg.block_tail line.top,
    .svg_cover.active svg.block_tail line.top {
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px);
    }
    .svg_cover svg.block_tail line.bottom,
    .svg_cover.active svg.block_tail line.bottom {
        -webkit-transform: translateX(-25px);
        -moz-transform: translateX(-25px);
        -o-transform: translateX(-25px);
        transform: translateX(-25px);
    }
    .svg_cover svg.block_tail line.right,
    .svg_cover.active svg.block_tail line.right {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    .svg_cover svg.block_tail line.left,
    .svg_cover.active svg.block_tail line.left {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    /***** svg_btn *****/
    .svg_btn {
        width: 100%;
        height: 32px;
        position: relative;
        top: 0px;
        left: 0;
    }
    .svg_btn svg {
        width: 134px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -67px;
    }
    .svg_btn svg line {
        stroke-width: 1;
        stroke: #fff;
        fill: none;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .svg_btn svg line {
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .svg_btn svg line.top,
    .svg_btn svg line.bottom {
        stroke-dasharray: 138 130;
    }
    .svg_btn svg line.left,
    .svg_btn svg line.right {
        stroke-dasharray: 37 27;
    }
    .svg_btn svg line.top,
    .svg_btn.active svg line.top {
        -webkit-transform: translateX(134px);
        -moz-transform: translateX(134px);
        -o-transform: translateX(134px);
        transform: translateX(134px);
    }
    .svg_btn svg line.bottom,
    .svg_btn.active svg line.bottom {
        -webkit-transform: translateX(-134px);
        -moz-transform: translateX(-134px);
        -o-transform: translateX(-134px);
        transform: translateX(-134px);
    }
    .svg_btn svg line.right,
    .svg_btn.active svg line.right {
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        transform: translateY(-32px);
    }
    .svg_btn svg line.left,
    .svg_btn.active svg line.left {
        -webkit-transform: translateY(32px);
        -moz-transform: translateY(32px);
        -o-transform: translateY(32px);
        transform: translateY(32px);
    }
    .list .item .svg_btn {
        width: 100%;
        height: 22px;
    }
    .list .item .svg_btn svg {
        width: 64px;
        margin-left: -32px;
    }
    .list .item .svg_btn svg line {
        stroke: #535353;
    }
    .list .item .svg_btn svg line.top,
    .list .item .svg_btn svg line.bottom {
        stroke-dasharray: 69 59;
    }
    .list .item .svg_btn svg line.left,
    .list .item .svg_btn svg line.right {
        stroke-dasharray: 27 17;
    }
    .list .item .svg_btn svg line.top,
    .svg_btn.active svg line.top {
        -webkit-transform: translateX(64px);
        -moz-transform: translateX(64px);
        -o-transform: translateX(64px);
        transform: translateX(64px);
    }
    .list .item .svg_btn svg line.bottom,
    .svg_btn.active svg line.bottom {
        -webkit-transform: translateX(-64px);
        -moz-transform: translateX(-64px);
        -o-transform: translateX(-64px);
        transform: translateX(-64px);
    }
    .list .item .svg_btn svg line.right,
    .svg_btn.active svg line.right {
        -webkit-transform: translateY(-22px);
        -moz-transform: translateY(-22px);
        -o-transform: translateY(-22px);
        transform: translateY(-22px);
    }
    .list .item .svg_btn svg line.left,
    .svg_btn.active svg line.left {
        -webkit-transform: translateY(22px);
        -moz-transform: translateY(22px);
        -o-transform: translateY(22px);
        transform: translateY(22px);
    }
    .svg_btn a {
        display: inline-block;
        width: 132px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #bfbfbf;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.2);
        position: relative;
        top: 1px;
    }
    .list .item .svg_btn a {
        width: 64px;
        height: 22px;
        line-height: 22px;
        top: 0px;
    }
    .svg_btn a,
    .svg_btn.active a {
        color: #25292d;
        background-color: #fff;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
    .list .item .svg_btn a,
    .list .item .svg_btn.active a {
        background-color: #25292d;
        color: #fff;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
    /***** svg_icon *****/
    .svg_icon {
        width: 32px;
        height: 32px;
        position: relative;
        top: 0px;
        left: 0;
    }
    .svg_icon svg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0%;
        margin-left: -0px;
    }
    .svg_icon svg line {
        stroke-width: 1;
        stroke: #a0a0a0;
        fill: none;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .svg_icon svg line {
        stroke: #000;
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .svg_icon svg line.top,
    .svg_icon svg line.bottom {
        stroke-dasharray: 37 27;
    }
    .svg_icon svg line.left,
    .svg_icon svg line.right {
        stroke-dasharray: 37 27;
    }
    /***** svg_link *****/
    .svg_link {
        width: 100%;
        height: 40px;
        margin-top: 70px;
        position: relative;
        top: 0px;
        left: 0;
    }
    .svg_link svg {
        width: 140px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -70px;
    }
    .svg_link svg line {
        stroke-width: 1;
        stroke: #535353;
        fill: none;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .svg_link svg line {
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .svg_link svg line.top,
    .svg_link svg line.bottom {
        stroke-dasharray: 145 135;
    }
    .svg_link svg line.left,
    .svg_link svg line.right {
        stroke-dasharray: 45 35;
    }
    .svg_link svg line.top {
        -webkit-transform: translateX(140px);
        -moz-transform: translateX(140px);
        -o-transform: translateX(140px);
        transform: translateX(140px);
    }
    .svg_link svg line.bottom {
        -webkit-transform: translateX(-140px);
        -moz-transform: translateX(-140px);
        -o-transform: translateX(-140px);
        transform: translateX(-140px);
    }
    .svg_link svg line.right {
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    .svg_link svg line.left {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    .svg_link a,
    .svg_link button {
        display: inline-block;
        width: 130px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        background-color: #535353;
        text-align: center;
        border: 0 none;
        position: relative;
        top: 4px;
    }
    .svg_link a,
    .svg_link button {
        width: 140px;
        height: 40px;
        line-height: 40px;
        top: 0px;
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }
    .brand_kind .item .txt .svg_link a {
        top: 0 !important;
        margin-left: 0 !important;
    }
}

/* VH
======================*/
@media screen and (max-device-aspect-ratio: 3/4) {
  height: calc(100vw * 1.333 - 9%);
}
@media screen and (max-device-aspect-ratio: 2/3) {
  height: calc(100vw * 1.5 - 9%);
}
@media screen and (max-device-aspect-ratio: 10/16) {
  height: calc(100vw * 1.6 - 9%);
}
@media screen and (max-device-aspect-ratio: 9/16) {
  height: calc(100vw * 1.778 - 9%);
}