/*div布局*/
.container-fluid {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
}

.container {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
}

#header {
    margin-top: 72px;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

/*部分样式style*/

.center {
    text-align: center;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

/*首页各板块标题样式1*/
.indexTitle {
    /*font-family: 'Source Sans Pro', sans-serif;*/
    /*font-size: 3rem;*/
    text-align: center;
    /*color: #a4a4a4;*/
    margin: 20px 10px;
}

.indexTitleIcon {
    width: 30vw;
    height: auto;
}


/*citysIndex for mobile*/
.cityLine1 a:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background-color: #9f9f9f;
    top: 10px;
    right: 0;
}

/*Access Map for mobile*/
.accessMap {
    width: 100%;
    height: 90px;
    margin: 0 auto;
}

/*foot3背景for mobile*/
.foot3BackGround {
    background: url("../images/foot3/background-mobile.jpg");
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-login.png', sizingMethod='scale');
}

/*foot3 for mobile*/
.foot3Style {
    margin: 30px 0;
}

/*foot3 for mobile*/
.foot3Line {
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background-color: #a4a4a4;
    top: 10px;
    right: 0;
}

/*cityIndexList button for mobile*/
.cityListInfoButton {
    /*position: absolute;*/
    /*background: red;*/
    text-align: center;
    right: 20px;
    bottom: 1vw;
    margin: 15px 0;
}

/*？？*/
.cityName {
    border: 1px solid red;
    padding: 10px 5px;
    color: #ffffff;
    writing-mode: vertical-lr;
}

#foot2 {
    background-color: #9f9f9f;
    padding: 10px;
}

/*？？*/
#logo {
    background-color: #ffffff;
    margin: 5px;
    padding: 5px;
}

/*房源链接样式*/
a.houseDetailsLink {
    color: #337ab7;
    font-weight: 300;
}

a.houseDetailsLink:hover,
a.houseDetailsLink:focus,
a.houseDetailsLink:active {
    color: #0462b2;
    text-decoration: none;
}

/*citysList for mobile*/
.citysListDiv {
    margin: 2vw 1vw;
}

a.cityList {
    /*margin: 0 auto;*/
    /*max-width: 1000px;*/
    border: 1px solid #eeeeee;
    border-radius: 5px;
    box-shadow: 0 0 5px 1px #eeeeee;

}

a.cityList:hover,
a.cityList:focus,
a.cityList:active {
    border: 1px solid #ddd;
    box-shadow: 0 0 10px 1px #ddd;
    text-decoration: none;
}

.cityListIcon {
    width: 18px;
    height: auto
}

.cityListIconTxt {
    letter-spacing: 5px;
    margin: 0 3px;
}

form input.layui-input {
    height: 50px;
    font-size: 18px;
    font-weight: 300;
}

#map_canvas img {
    max-width: none;
}

a:hover, a:focus, a:active {
    text-decoration: none;
}

/*JstyleMAP 去除area热区边框*/
map area {
    outline: none;
}

/*==================*/
/*index header arrow*/
/*==================*/
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.arrow {
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);*/
    background-image: url('../images/header/arrow.svg');
    background-size: contain;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

/*==================*/
/*index header arrow*/
/*==================*/

/*当屏幕小于或等于768px时*/
@media screen and (max-width: 768px) {
    /*navBar*/
    .navbar {
        /*background-color: #FFFFFF;*/
        background-color: rgba(159, 159, 159, 0.8);
        border-bottom: 0px solid #eeeeee;
        padding: 10px 30px;
    }

    .navContent {
        border: 0px solid #9f9f9f !important;
        background-color: rgba(159, 159, 159, 0.8);
    }

    .nav li a {
        /*font-weight: 300;*/
    }

    .jstyleNavbar {
        text-align: center;
    }

    .jstyleNavbar ul {
        border: 0;
        background-color: transparent;
    }

    .jstyleNavbar a {
        color: #FFFFFF !important;
        font-size: 16px;
        font-weight: 300;
    }

    .jstyleNavdropdown-menu a {
        color: #FFFFFF !important;
        font-size: 16px;
        font-weight: 300;
    }

    .navLines li a {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        font-weight: 300;
    }

    .languageSelect {
        font-size: 16px;
        font-weight: 300;
    }

    .languageSelect_UL {
        border: 0;
        background-color: transparent;
    }

    .loginStyle {
        color: #ffffff !important;
        font-size: 16px;
        font-weight: 300;
    }

    /*navBar --end*/
    /* indexSlogan */
    .indexSloganStyle {
        display: block;
        /*z-index: 99998;*/
        background-repeat: no-repeat;
        padding-right: 0;
        padding-left: 0;
        margin: 0 auto;
        /*padding-left: 40%;*/
        text-align: center;
        top: 40%;
        position: absolute;
        overflow: hidden;
        width: 100%;
    }

    .indexSloganStyle p {
        color: #FFFFFF;
        text-align: center;
        font-size: 30px;
        font-family: 'Sawarabi Mincho', sans-serif;
        text-shadow: 0px 0px 7px #595757;
    }

    /* indexSlogan --end */
    /*brand Home in Japan*/
    .brandDIV {
        display: block;
        /*z-index: 99998;*/
        background-repeat: no-repeat;
        padding: 27% 10%;
        text-align: center;
        overflow: hidden;
        width: 100%;
    }

    .brandTxtDIV {
        padding: 40px 20px;
        /*background-color: rgba(159, 159, 159, 0.3);*/
    }

    .homeInJapanTitle {
        color: #FFFFFF;
        text-align: center;
        font-size: 20px;
        /*font-family: 'Noto Sans JP', sans-serif;*/
    }

    .homeInJapanTXT {
        color: #FFFFFF;
        text-align: center;
        font-size: 15px !important;
        /*font-family: 'Noto Sans JP', sans-serif;*/
    }

    /*brand Home in Japan --end */
    .citysIndexListTXT1 {
        font-size: 18px;
        color: #9f9f9f;
    }

    .citysIndexListTXT2 {
        font-size: 12px;
    }

    .citysIndexListTXT3 {
        font-size: 12px;
        position: relative;
        top: -5px;
    }

    /* Foot1 logo link for mobile*/
    .foot1_logoLink_div {
        padding: 20px;
    }

    /* Foot1 logo link -end */
    /*Foot3 Follow us*/
    .Foot3_Follow_US {
        padding-left: 0;
        margin-left: -5px;
        list-style: none;
    }

    .Foot3_Follow_US > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

    .Foot3_Follow_US li a img {
        width: 40px;
    }

    /*首页公告*/
    .noticeTitle {
        font-size: 16px;
    }

    .noticeTXT {
        font-size: 12px;
    }

    .noticeTXTTitle {
        font-size: 14px;
    }

    /*registerComplete*/
    .rcTitle {
        font-size: 20px;
        margin-bottom: 15px;
        font-weight: 700;
    }

    .rcTxt {
        font-size: 16px;
        margin-bottom: 15px;
        font-weight: 300;
    }

    .rcTxtMark {
        font-size: 16px;
        margin-bottom: 15px;
        font-weight: 500;
        color: red;
    }

    .rcButton {
        font-size: 16px;
        min-width: 200px;
    }

    /*index 季節風格圖片樣式*/
    #indexImageStyle {
        width: 100%;
        height: 200px;
    }

    /*客戶上傳證件填寫聯繫資料*/
    .uploadTravelPassportPersonalTitle {
        font-size: 16px;
        padding: 3px 0;
    }

    .uploadTravelPassportPersonalMark {
        font-size: 16px;
        color: red;
    }
}


/*屏幕大于或等于768px时 for pc*/
@media screen and (min-width: 768px) {
    /*navBar*/
    .navbar {
        /*background-color: #FFFFFF;*/
        background-color: rgba(159, 159, 159, 0.8);
        border-bottom: 0px solid #eeeeee;
        padding: 10px 30px;
    }

    .jstyleNavbar {
        /*margin: 0 10px;*/
    }

    .jstyleNavbar a {
        color: #FFFFFF !important;
        font-size: 16px;
        font-weight: 300;
        /*font-weight: lighter;*/
    }

    .jstyleNavdropdown-menu a {
        color: #3c3c3c !important;
        font-size: 16px;
        font-weight: 300;
    }

    .navLines {
        margin-right: 20px !important;
    }

    .navLines li a {
        font-family: 'Source Sans Pro', sans-serif !important;
        font-size: 16px;
        font-weight: 300;
    }

    .languageSelect {
        border: 0.5px solid #FFFFFF !important;
        /*background: #9f9f9f !important;*/
        background-color: rgba(159, 159, 159, 0.8);
        /*margin-top: 9px !important;*/
        /*margin-bottom: 5px !important;*/
        padding: 5px 15px !important;
        font-size: 14px;
        font-weight: 300;
        height: 32px;
    }

    .loginStyle {
        color: #9f9f9f !important;
        background-color: rgba(255, 255, 255, 1);
        border: 0.5px solid #FFFFFF !important;
        /*margin-top: 9px !important;*/
        /*margin-bottom: 5px !important;*/
        padding: 5px 10px !important;
        font-size: 14px;
        font-weight: 300;
        height: 32px;
    }

    /*navBar --end*/
    /* indexSlogan */
    .indexSloganStyle {
        display: block;
        /*z-index: 99998;*/
        background-repeat: no-repeat;
        padding-right: 0;
        padding-left: 0;
        margin: 0 auto;
        /*padding-left: 40%;*/
        text-align: center;
        top: 40%;
        position: absolute;
        overflow: hidden;
        width: 100%;
    }

    .indexSloganStyle p {
        color: #FFFFFF;
        text-align: center;
        font-size: 54px;
        font-family: 'Sawarabi Mincho', sans-serif;
        text-shadow: 0px 0px 7px #595757;
    }

    /* indexSlogan --end */
    /*brand Home in Japan*/
    .brandDIV {
        display: block;
        background-repeat: no-repeat;
        padding: 27% 20%;
        text-align: center;
        overflow: hidden;
        width: 100%;
    }

    .brandTxtDIV {
        padding: 60px 200px;
        /*background-color: rgba(159, 159, 159, 0.3);*/
        /*background-color: red;*/
    }

    .homeInJapanTitle {
        color: #FFFFFF;
        text-align: center;
        font-size: 30px;
        /*font-family: 'Noto Sans JP', sans-serif;*/
    }

    .homeInJapanTXT {
        color: #FFFFFF;
        text-align: center;
        /*font-size: 30px;*/
        /*font-family: 'Noto Sans JP', sans-serif;*/
    }

    /*brand Home in Japan --end */
    /*citysIndex for PC*/
    .cityLine1 a:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 70%;
        background-color: #a4a4a4;
        top: 10px;
        right: 0;
    }

    /*citysIndex for PC*/
    .cityLine2 a:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 70%;
        background-color: #a4a4a4;
        top: 10px;
        right: 0;
    }

    /*Access Map for pc*/
    .accessMap {
        width: 100%;
        height: 180px;
        margin: 0 auto;
    }

    /*foot3背景for pc*/
    .foot3BackGround {
        background: url("../images/foot3/background.jpg");
        /*background-attachment: fixed;*/

        width: 100%;
        /*height: 100%;*/
        height: 450px;
        background-size: 100% 80%;
        position: relative;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-login.png', sizingMethod='scale');
    }

    /* Foot1 logo link for pc*/
    .foot1_logoLink_div {
        padding: 50px;
    }

    /* Foot1 logo link -end */

    /*foot3 for pc*/
    .foot3Style {
        margin: 0;
    }

    .Foot3_Follow_US li {
        margin: 30px 0 !important;
    }

    .Foot3_Follow_US li a img {
        width: 40px;
    }

    /*cityIndexList button for pc*/
    .cityListInfoButton {
        position: absolute;
        right: 20px;
        bottom: 1vw;
        margin-top: 0;
    }

    /*首页各板块标题样式1*/
    .indexTitle {
        /*font-family: 'Source Sans Pro', sans-serif;*/
        /*font-size: 3rem;*/
        text-align: center;
        /*color: #a4a4a4;*/
        margin: 20px 10px;
    }

    .indexTitleIcon {
        width: 10vw;
        height: auto;
    }

    /*citysList for PC*/
    .citysListDiv {
        margin: 6vw 1vw;
    }

    .citysIndexListTXT1 {
        font-size: 24px;
        color: #9f9f9f;
    }

    .citysIndexListTXT2 {
        font-size: 14px;
    }

    .citysIndexListTXT3 {
        font-size: 14px;
        position: relative;
        top: -5px;
    }

    /*首页公告*/
    .noticeTitle {
        font-size: 22px;
    }

    .noticeTXT {
        font-size: 15px;
    }

    .noticeTXTTitle {
        font-size: 17px;
    }

    /*registerComplete*/
    .rcTitle {
        font-size: 24px;
        margin-bottom: 15px;
        font-weight: 700;
    }

    .rcTxt {
        font-size: 20px;
        margin-bottom: 15px;
        font-weight: 300;
    }

    .rcTxtMark {
        font-size: 20px;
        margin-bottom: 15px;
        font-weight: 500;
        color: red;
    }

    .rcButton {
        font-size: 20px;
        min-width: 200px;
    }

    /*index 季節風格圖片樣式*/
    #indexImageStyle {
        width: 100%;
        height: 400px;
    }

    /*客戶上傳證件填寫聯繫資料*/
    .uploadTravelPassportPersonalTitle {
        font-size: 16px;
        padding: 3px 0;
    }

    .uploadTravelPassportPersonalMark {
        font-size: 16px;
        color: red;
    }
}

/*屏幕大于或等于992px时 for pc*/
@media screen and (min-width: 992px) {

    /*index 季節風格圖片樣式*/
    #indexImageStyle {
        width: 100%;
        height: 528px;
    }
}

/*屏幕大于或等于1200px时 for pc*/
@media screen and (min-width: 1200px) {

    /*index 季節風格圖片樣式*/
    #indexImageStyle {
        width: 100%;
        height: 528px;
    }
}