@charset "UTF-8";
/* CSS Document */
html{overflow-x:hidden;font-family:Helvetica Neue,Roboto Light,PingFang SC,Lantinghei SC,Hiragino Sans GB,Microsoft Yahei,Arial}
html[lang=ja]{font-family:Hiragino sans,Osaka,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS PGothic,Helvetica Neue,Roboto Light,Arial,sans-serif}
html[lang=ko]{font-family:맑은\ 고딕,malgun gothic,AppleGothicNeoSD,Apple SD 산돌고딕 Neo,Helvetica Neue,Roboto Light,Arial,sans-serif}
body{font-size:62.5%; min-width: 1120px; font-weight: 200}
body,div,p,a,ul,li,img{ margin:0;padding: 0}
div img{vertical-align:bottom}
.main{ width:960px; margin: 0 auto}
.hero-nav {padding-left: 20px; line-height: 120px;}
.hero-home {height: 60px; width: 145px;background-image: url(../img/instagram.png);background-size: 145px 60px; vertical-align: middle;display: inline-block;}
.hero-home-en {height: 68px; width: 160px;background-image: url(../img/67e00759.heroDesktop1.png); background-position: -439px 0;vertical-align: middle;display: inline-block;}
.hero-home-shm {height: 68px; width: 160px;background-image: url(../img/67e00759.heroDesktop2.png); background-position: -439px 0;vertical-align: middle;display: inline-block;}
.hero-links {display: inline-block; float: right;margin: 0; padding: 0; list-style-type: none;}
.hero-link-item {display: inline-block;min-width: 150px;text-align: center;}
.hero-link, .hero-link:hover, .hero-link:link, .hero-link:visited {text-decoration: none;color: #fff; text-align: center;font-size: 1.6em;}
.hero-link { display: block;}
.hero-link-item {display: inline-block; min-width: 150px;text-align: center;}
.main1{ width:1120px; margin: 0 auto; border-bottom:  #ccc 1px solid; padding-bottom: 80px;}
.top_main{ background: url(../img/HeroBackground.jpg) center no-repeat; background-size: 100% 100%; overflow: hidden; zoom:1}
.top_bg{height: 120px;line-height: 120px;background: hsla(0,0%,100%,.1);}
.sp_bf{ float:left; padding-top: 20px;position:relative}
.jt_all{ position: absolute; width: 122px; background: url(../img/67e00759.heroDesktop.png)}
.jt_z{ height: 53px;left: -75px;top: 157px;background-position: -439px -88px;}
.jt_y{height: 34px;right: 6px;top: 143px;background-position: -439px -163px;}
.hero-video {position: absolute;top: 80px;left: 71px;border: 1px solid #ddd;}
.xz_js{ float:left; width: 470px; padding:90px 0 0 60px}
.s_title{ font-weight: 300;font-size: 45px;line-height: 45px;height: 45px; color: #fff;-webkit-margin-before: 0;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.s_desc{ font-weight: 300; font-size: 24px;line-height: 54px; color: #fff;-webkit-margin-before: 0;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.wz_js{ font-weight: 300;font-size: 18px;line-height: 25.2px;margin: 30px 0;text-align: justify; color: #fff;}
.pg_xz{ background: #06f; margin-right: 20px;}
.az_xz{background: #3c3;}
.xz_an{ height: 55px;width: 220px;display: inline-block;color: #fff;text-decoration: none;font-size: 14px;border-radius: 30px;line-height: 55px;font-weight: 500;}
.xz_an img{ vertical-align: middle; padding: 0 10px 0 20px}
.share-counter {display: block;text-align: center;font-size: 6em;line-height: 60px;color: #ed1e24;font-weight: 100;margin-top: 50px;}
.share-matches {display: block; text-align: center; font-size: 16px; color: #424242; margin-top: 10px; ;padding: 0 10px;}
.share-link{ padding: 0;list-style: none; margin: 30px 0 0; text-align: center}
.share-link li {display: inline-block;}
.share-link li a{ display: inline-block; height: 35px;width: 35px; margin: 0 15px;}
.share-facebook{background: url(../img/e8445ac5.social.png) no-repeat; background-position: 0 0}
.share-twitter{background: url(../img/e8445ac5.social.png) no-repeat; background-position: -55px 0}
.share-maile{background: url(../img/e8445ac5.social.png) no-repeat; background-position:  0 -55px}
.share-instagram{background: url(../img/Instagram.png) no-repeat;}
.share-weibo{background: url(../img/e8445ac5.social.png) no-repeat; background-position:  -55px -55px}
.features{ padding-top:30px;}
.feature {width: 50%; display: inline-block;vertical-align: top; height: 300px; overflow: hidden; zoom:1;margin-bottom: 5px; float: left}
.feature-title {font-size: 30px; color: #303435;font-weight: 100; padding: 0 30px;}
h2 {display: block;font-size: 1.5em;-webkit-margin-before: 0.83em;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px; -webkit-margin-end: 0px;font-weight: bold;}
.feature-desc {font-size: 16px;color: #818c92; margin-top: 30px;padding: 0 30px;line-height: 22.4px;}
user agent stylesheet
p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.feature-swipe span {background-position: -72px -62px;width: 52px;height: 52px;}
.feature-title span {content: '';display: inline-block;vertical-align: middle; margin-right: 35px; background-image: url(../img/0e903970.features.png);}
.feature-love span {background-position: 0 0; height: 52px; width: 72px}
.feature-profile span {background-position: -92px 0;height: 52px; width: 52px}
.feature-security span {background-position: 0 -72px;height: 52px; width: 52px}
#download { clear: both;background-color: #f9f9f9;padding-bottom: 44px;text-align: center;overflow: hidden;}
.download-title {color: #eeb051;font-size: 48px;line-height: 48px;font-weight: 100;margin-top: 55px;}
.download-targets {text-align: center;max-width: 960px;margin: 60px auto 0;padding: 0;}
.download-target {width: 33%;display: inline-block;}
.download-link {display: block;}
.download-label {display: inline-block; line-height: 60px; width: 200px; border-radius: 30px; background-color: #99999e;color: #fff;font-size: 22px; font-weight: 100; height: 60px;margin-top: 35px; text-align: center;}
.footer { background: #fff;text-align: center; font-size: 12px; padding: 20px 0 }
.footer-row {padding: 4px; max-width: 960px; margin: 0 auto;}
.footer a {text-decoration: none; color: #818c92; cursor: pointer;}
.footer-about {border-right: 1px solid #818c92;}
.footer-about { padding-right: 10px;}
.footer-contact { padding: 0 10px;}
#footer-language {padding-left: 10px;}
.footer-component {display: inline-block;margin: 0 10px;}
.footer-component {display: inline-block; margin: 0 10px;}
.footer-flag { width: 14px;height: 10px; vertical-align: middle;position: relative; top: -1px;}
.js-switch>.back, .js-switch>.languages {display: block;}
.back, .languages { position: fixed; right: 0; display: none;}
.back { top: 0; left: 0;  bottom: 0;content: ''; background: hsla(0,0%,100%,.5);}
i, cite, em, var, address, dfn { font-style: italic;}
.languages { background: #fff; margin: 20px; padding: 0 20px 50px; top: 20px; left: 50%; width: 400px; margin-left: -200px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.languages-title { font-weight: 200;font-size: 3em;}
.languages-list { list-style: none; margin: 0; padding: 0 20px;}
.language-link {text-decoration: none; padding: 10px 0; display: inline-block;}
.language-name { font-size: 1.6em;text-decoration: none; color: #242424; vertical-align: middle;}
.language-flag {vertical-align: middle;margin-right: 10px;}
.hero-btn {line-height: 1.3em;display: inline-block;vertical-align: middle;white-space: pre;}
.shm{position: fixed; right: 50px; bottom: 15%; overflow: hidden; zoom:1; background: #ffffff;border-radius: 10px; width: 150px;box-shadow: 1px 1px 5px #b2b2b2; z-index: 999999}
.shm_t{ color: #de3d1f; text-align: center; height: 40px; line-height: 40px; font-weight: bold}
.shm_c{ padding: 10px; background: #fbfbfb;}
.shm_c a{ display: block;padding:0 0 10px 0; text-decoration: none; color:#de3d1f }
.shm_xq{ color: #545454; width: 960px; margin: 0 auto; padding:50px 0 20px 0}
.shm_xq h1{ color: #545454; text-align: center; font-size: 20px; font-weight: bold}
.shm_xq p{ font-size: 16px; line-height: 1.4; margin-bottom: 20px; color: #737373; font-family: "arial,sans-serif"; font-weight: normal}