body{margin:0 auto; padding:0; background-color:#f6f6f6; font-weight:300; font-size:14px; color:#606060; font-family:"proxima-nova",sans-serif;}
body.scrolled{padding:0 0 0 0;}
/*Scroll Bars*************************************************/
::-webkit-scrollbar {width:12px; height:0px;}
::-webkit-scrollbar-button {background-color:#eaeaea;}
::-webkit-scrollbar-thumb {background-color:#eaeaea;}
/*Common*****************************/
.common-box{position:relative; margin:0 auto; padding:0; width:100%; height:auto; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.common-wide{position:relative; margin:0 auto; padding:0; width:100%; height:auto; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.common-narrow{position:relative; margin:0 auto; padding:0; width:100%; height:auto; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.comingsoon{position:absolute; top:40%; left:50%; transform:translateX(-50%); z-index:99999999; margin:0; padding:0; max-width:320px; height:auto; box-sizing:border-box;}
.comingsoon-img{display:block; margin:0 auto; max-width:320px; cursor:pointer; -webkit-tap-highlight-color:transparent;}
/*Login*************************************/
.login {min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; box-sizing: border-box;}
.login-box {width: 100%; padding: 40px; position:absolute; top:30%; left:50%; transform:translateX(-50%); z-index:99999999; border-radius: 12px; text-align: center;}
.login-logo{position:relative; margin:0 auto 40px auto; padding:0; width:100%; height:auto; box-sizing:border-box;}
.login-logo-icon{position:relative; margin:0 auto; max-height:36px; -webkit-tap-highlight-color:transparent;}
.login-logger-frm{position:relative; margin:0 auto 10px auto; padding:8px 10px 6px 10px; width:100%; height:auto; border:1px solid #808080; outline:none; background:none; line-height:25px; font-family:"proxima-nova",sans-serif; font-weight:300; font-size:15px; color:#000000; box-sizing:border-box;}
input.login-button{position:relative; margin:0 auto; padding:5px 20px 2px 20px; text-align:center; width:100%; height:auto; cursor:pointer; outline:none; border:2px solid #808080; background-color:#808080; line-height:30px; font-family:"proxima-nova",sans-serif; font-weight:400; font-size:14px; color:#ffffff; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
input.login-button:hover{border:2px solid #48715B; background-color:#48715B; color:#FFFFFF;}

/*Main Index*************************************/
.main-top{position:relative; margin:0 auto; padding:100px 0 0 0; text-align:center; width:100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; background-repeat:no-repeat; background-size:cover; background-position:center; box-sizing:border-box;}
.main-top-box{position:absolute; top:50%; left:5%; z-index:99; margin:0 auto; padding:0; text-align:left; width:95%; height:auto; box-sizing:border-box;}
.main-top-info{position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; color:#f6f6f6; box-sizing:border-box;}
.main-top-img{position:relative; margin:0 auto 40px auto; padding:0; text-align:left; width:100%; height:auto; box-sizing:border-box;}
.main-top-logo{position:relative; margin:0 auto; max-height:80px; -webkit-tap-highlight-color:transparent;}
.main-top-welcome{float:left; position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; line-height:46px; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:40px; box-sizing:border-box;}
.main-top-action{float:left; position:relative; margin:30px auto 0 auto; justify-content: left; padding:0; width:100%; height:auto; box-sizing:border-box;}
.main-top-design{float:left; position:relative; margin:0 auto 10px auto; padding:0;  width:100%; height:auto; background-repeat:no-repeat; background-size:cover; background-position:top; box-sizing:border-box;}
.main-top-border{float:left; position:relative; margin:0 auto 8px auto; padding:0; text-align:left; width:20%; height:10px; background-image:url(../img/png/icon-nav-line-w.png); background-position:top; box-sizing:border-box;}
.main-top-fun{float:left; position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; color:#f6f6f6; line-height:20px; font-family:"proxima-nova",sans-serif; font-weight:400; font-size:20px; background-repeat:no-repeat; background-size:cover; background-position:top; box-sizing:border-box;}
input.main-top-button{position:relative; margin:0 auto; padding:8px 26px 7px 26px; text-align:center; width:auto; height:auto; cursor:pointer; outline:none; border:2px solid #ffffff; background:transparent; line-height:30px; font-family:"proxima-nova",sans-serif; font-weight:700; font-size:14px; color:#ffffff; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
input.main-top-button:hover{background-color:#ffffff; color:#313131;}

.main-middle{position:relative; margin:100px auto 0 auto; padding:0 16px; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-middle-heading{position:relative; margin:0 auto 6px auto; padding:0; text-align:center; width:100%; height:auto; line-height:30px; color:#313131; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:26px; box-sizing:border-box;}
.main-middle-announce{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:auto; line-height:19px; color:#313131; font-family:"proxima-nova",sans-serif; font-weight:300; font-size:15px; box-sizing:border-box;}
.main-features{position:relative; margin:0 auto; padding:80px 16px; text-align:center; width:100%; height:auto; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
.main-features-promote{display: flex; justify-content: center; flex-wrap: wrap; position:relative; margin:30px auto 0 auto; padding:0 20px; width:100%; height:auto; box-sizing:border-box;}
.main-features-promote-unit{position:relative; margin:40px auto; padding:0; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-features-promote-unit-img{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-features-promote-unit-icon{position:relative; margin:0 auto; padding:0; max-width:90%; -webkit-tap-highlight-color:transparent;}
.main-features-promote-unit-announce{position:relative; margin:40px auto 0 auto; padding:0; text-align:center; width:100%; height:auto; line-height:20px; color:#313131; font-family:"proxima-nova",sans-serif; font-weight:700; font-size:20px; box-sizing:border-box;}
.main-features-promote-unit-info{position:relative; margin:6px auto 0 auto; padding:0; text-align:center; width:100%; height:auto; line-height:18px; color:#313131; font-family:"proxima-nova",sans-serif; font-weight:300; font-size:15px; box-sizing:border-box;}
.main-bottom{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:76%; background-repeat:no-repeat; background-size:cover; background-position:center; box-sizing:border-box;}
.main-bottom{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:76%; background-repeat:no-repeat; background-size:cover; background-position:center; box-sizing:border-box;}
.main-map{position:relative; margin:0 auto; padding:0; width:100%; height:50%; text-align:center; box-sizing:border-box;}





/*Head*******************************/
.head{position:absolute; top:0; left:0; overflow:hidden; z-index:200; margin:0 auto; padding:0; width:100%; height:auto; color:#ffffff; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.headd{position:absolute; top:0; left:0; overflow:hidden; z-index:200; margin:0 auto; padding:0; width:100%; height:auto; background-color:#313131; color:#ffffff; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head.scrolled{position:fixed; top:0; left:0; z-index:209; overflow:hidden; background-color:#f6f6f6; color:#313131; transition:all .1s ease;}
.head-box{overflow:hidden; position:relative; margin:0 auto; padding:18px 0 17px 0; width:100%; min-height:59px; text-align:center; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-menu-icon{position:absolute; top:19px; left:16px; z-index:210; margin:0 auto; max-height:24px; -webkit-tap-highlight-color:transparent;}
.head-menu-icon.filter{}
.head-menu-icon.filterw{}
.head-menu-open{position:absolute; top:20px; right:16px; z-index:200; margin:0 auto; max-height:20px; -webkit-tap-highlight-color:transparent;}
.head-menu-open.filter{filter:invert(80%) sepia(1%) saturate(5868%) hue-rotate(165deg) brightness(90%) contrast(94%);}
.head-menu-open.filterw{filter:grayscale(0) invert(0);}
.head-menu-close{position:absolute; top:22px; right:16px; z-index:200; margin:0 auto; max-height:16px; opacity:0.4; -webkit-tap-highlight-color:transparent;}
.head-menu{display:none; position:fixed; top:0; left:0; z-index:210; margin:0 auto; padding:60px 0 0 0; width:100%; height:100%; background-color:#313131; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-link{display:none; position:absolute; top:34px; left:90px; z-index:200; margin:0 auto; padding:0; width:auto; height:auto; text-align:center; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-link-item{position:relative; margin:0 30px 0 auto; padding:0; text-align:center; width:auto; height:auto; cursor:pointer; line-height:15px; font-weight:400; font-size:15px; font-family:"proxima-nova",sans-serif; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-link-item:hover{text-decoration:underline;}
.head-account{display:none; position:absolute; top:34px; right:82px; z-index:200; margin:0 auto; padding:0; width:auto; height:auto; text-align:center; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-account-item{position:relative; margin:0 auto 0 30px; padding:0; text-align:center; width:auto; height:auto; cursor:pointer; line-height:15px; font-weight:400; font-size:15px; font-family:"proxima-nova",sans-serif; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-account-item:hover{text-decoration:underline;}
.head-user{z-index:210; position:relative; margin:0 auto 40px auto; padding:0; width:100%; height:auto; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-user-img{position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:center; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-user-icon{position:relative; margin:0 auto 14px auto; max-height:100px; -webkit-tap-highlight-color:transparent; border-radius:100%;}
.head-user-name{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:auto; color:#ffffff; line-height:16px; font-weight:100; font-size:16px; font-family:"proxima-nova",sans-serif; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-nav{position:relative; margin:0 auto; padding:40px 0 0 0; width:100%; height:auto; border-top:1px solid rgba(255,255,255,0.05); box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-nav-frame{position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:center; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-nav-item{position:relative; margin:0 auto 16px auto; padding:0; text-align:center; width:100%; height:auto; color:#ffffff; line-height:20px; font-weight:100; font-size:20px; font-family:"proxima-nova",sans-serif; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-social{position:relative; margin:24px auto 0 auto; padding:0; width:100%; min-height:20px; text-align:center; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.head-social-item{position:relative; margin:0 14px; max-height:24px; cursor:pointer; -webkit-tap-highlight-color:transparent;}
#menuLogo{display:none;}
#menuHeart{display:none;}

/*Head*******************************/
.footer {background-color: #313131; color: #ffffff; padding: 50px 20px; text-align: center; font-family: "proxima-nova", sans-serif;}
.footer-top {margin-bottom: 40px;}
.footer-logo {max-height: 60px;}
.footer-middle {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; flex-wrap: wrap; gap: 20px;}
.footer-copyright {font-size: 13px; font-weight: 300; flex: 1; text-align: left;}
.footer-social {display: flex; gap: 20px; justify-content: flex-end; flex: 1;}
.footer-social-icon {height: 20px; width: auto;}
.footer-bottom {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; font-size: 13px; font-weight: 300;}
.footer-links, .footer-legal {display: flex; gap: 20px;}
.footer-link {color: #ffffff; text-decoration: none;}
.footer-link:hover {text-decoration: underline;}
@media (max-width: 768px) {
  .footer-middle,
  .footer-bottom {flex-direction: column;}
  .footer-copyright,
  .footer-social,
  .footer-links,
  .footer-legal {justify-content: center; text-align: center; flex: none;}
}

/*Terms*******************************************************/
.terms-header{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:auto; font-weight:100; font-size:22px; font-family:"proxima-nova",sans-serif; color:#313131; box-sizing:border-box;}
.terms-header-under{position:relative; margin:0 auto 20px auto; padding:0; text-align:center; width:100%; height:auto; font-weight:100; font-size:16px; font-family:"proxima-nova",sans-serif; color:#313131; box-sizing:border-box;}
.terms-about{position:relative; margin:20px 0; padding:0; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.terms-about-subheader{position:relative; margin:0 auto; text-align:left; padding:0; width:100%; height:auto; font-family:"proxima-nova",sans-serif; font-weight:600; font-size:16px; color:#313131; box-sizing:border-box;}
.terms-about-section{position:relative; margin:0 auto 20px auto; text-align:left; padding:0; width:100%; height:auto; font-family:"proxima-nova",sans-serif; font-weight:300; font-size:14px; color:#313131; box-sizing:border-box;}
a.terms-termslink:link {color:#313131; text-decoration:underline; -webkit-tap-highlight-color:transparent;}
a.terms-termslink:visited {color:#313131; text-decoration:underline; -webkit-tap-highlight-color:transparent;}
a.terms-termslink:hover {color:#a0a0a0; text-decoration:underline; -webkit-tap-highlight-color:transparent;}
a.terms-termslink:active {color:#313131; text-decoration:underline; -webkit-tap-highlight-color:transparent;}