/*test*/ @media only screen and (max-width: 1239px) { .section_wrapper .home-li-jsure.column { width: 100% !important; } } /*test @media only screen and (max-width: 1429px) { html[lang="en-US"] .section_wrapper .home-li-jsure.column { width: 100% !important; } } */ html[lang="en-US"] .jsure-li-main { font-size: 12px; height: 15.25em; } .author #news-dnm-jsure-section { display: none!important; } /*table-scroll*/ .tg-wrap { overflow: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body .inpage-second_menu-section { position: relative!important; top: 0!important; } body #Header_wrapper { position: fixed; width: 100%; height: 165px; } body:not(.search) #Content { margin-top: 165px; } body.search #Content { margin-top: 205px; } body input:not([type="submit"]), select { height: 30px; } body .home-count-in-wrap { height: 84px; } .layout-full-width.button-flat input[type="submit"] { height: 30px; line-height: 30px; } .inpage-content-jsure-section { padding-top: calc(4% + 166px) !important; margin-top: -166px; } } /*test*/ /*theme*/ html { background-color: #f3f8ff; } #Wrapper { overflow: visible; } body { overflow: visible; } #Content { padding-top: 0; } .search #Content { padding-top: 50px; } /* Post */ .post-footer { background: transparent; } /*theme*/ body, html { font-size: 18px!important; line-height: 1.5!important; font-weight: 400!important; letter-spacing: 0px!important; } input:not([type="submit"]), select { padding: 0 .5em !important; line-height: 2 !important; border: solid 1px #545454 !important; border-radius: 5px !important; font-size: 14px !important; } .layout-full-width.button-flat a.button, .layout-full-width.button-flat:not(.header-plain) a.action_button, .layout-full-width.button-flat a.tp-button, .layout-full-width.button-flat #Wrapper button, .layout-full-width.button-flat input[type="submit"], .layout-full-width.button-flat input[type="reset"], .layout-full-width.button-flat input[type="button"] { background-color: transparent; border: 2px solid #883989; color: #883989; box-shadow: none; border-radius: 3px; } .layout-full-width.button-flat a.button:hover, .layout-full-width.button-flat #Wrapper button:hover, .layout-full-width.button-flat input[type="submit"]:hover { color: white; background-color: #883989; } .layout-full-width.button-flat a.button::after, .layout-full-width.button-flat a.action_button::after, .layout-full-width.button-flat a.tp-button::after, .layout-full-width.button-flat button::after, .layout-full-width.button-flat input[type="submit"]::after, .layout-full-width.button-flat input[type="reset"]::after, .layout-full-width.button-flat input[type="button"]::after { content: none; } body, button, input, textarea, select, h1, h2, h3, h4, h5, h6, p, span.date_label, .timeline_items li h3 span, input, li, a, div, label, rs-layer, rs-fullwidth-wrap { font-family: Helvetica Neue, Helvetica, tahoma, Microsoft Yahei, Hiragino Sans GB, Heiti SC, sans-serif !important; } /*video*/ .mobx.j_video:not(.about-j_video) { position: relative; display: block; padding-bottom: 56%; overflow: hidden; } .mobx.j_video .scale-with-grid { position: absolute; } /*icon*/ .mobx.j_video::before { content: ""; display: block; width: 4rem; z-index: 1; position: absolute; top: calc(50% - 2rem); left: calc(50% - 2rem); height: 4rem; background-color: black; opacity: .6; border-radius: 5px; } .mobx.j_video::after { content: ""; display: block; width: 0; border-width: 1.7rem 0 1.7rem 2.8rem; border-style: solid; border-color: transparent transparent transparent white; z-index: 2; position: absolute; top: calc(50% - 1.7rem); left: calc(50% - 1.25rem); } .mobx.j_video:hover::after { border-left-color: #c97cc9; } /*video*/ body:not(.search) #Subheader { display: none; } body { left: 0 !important; } a.bottom_content_header.read_more { color: #B996C8; } a:not(.button):hover { text-decoration: none; color: #c97cc9!important; } li.menu-item a:hover, .wpml-languages a { color: #4c4c4c!important; } .wpml-languages a.tooltip, .wpml-lang-dropdown a, label[for]:not(.gfield_label) { font-size: 14px!important; line-height: 1; } .jsure-content-video_wrap { padding-bottom: 30px; } .post-excerpt { text-align: justify; } /*h-2nd_page*/ h1, h2, h3, h4, h5, .bottom_content_header { font-size: 24px; line-height: 1.2!important; } /*p-2nd_page*/ p, a, .gform_wrapper, .gform_wrapper .gform_heading h3.gform_title, label, .blog_wrapper .date_label { font-size: 1rem; line-height: 1.5; } .inpage-content-jsure-section p, .home-li-title-wrap p, .home-new-div_wrap .type-post .desc h5 a, a.bottom_content_header.read_more { font-size: 18px; text-align: justify!important; } .inpage-content-jsure-section p { padding: 0 80px 0 20px; line-height: 2!important; } .inpage-content-jsure-section p.wp-caption-text { text-align: center!important; line-height: 1.2 !important; } /*inpage-content-section*/ /*inpage-second_menu*/ .inpage-second_menu-wrap .mcb-wrap-inner .column_button a { text-decoration: none; } .inpage-second_menu-wrap .column { line-height: 1; } .inpage-second_menu-section { position: sticky; position: -webkit-sticky; top: 166px; z-index: 99; line-height: 100%; padding: 1px 0 !important; } .inpage-second_menu-wrap .mcb-wrap-inner { display: flex; justify-content: center; } .inpage-second_menu-wrap .mcb-wrap-inner .column_placeholder { border-bottom: 2px solid #883989; background-color: #f3f8ff; flex-grow: 1; padding: 2px 0; width: auto!important; } .inpage-second_menu-wrap .column .button_align { height: 100%; width: 100%; } .inpage-second_menu-wrap .mcb-wrap-inner .column_accordion { background-color: #f3f8ff; } .inpage-second_menu-wrap .accordion .question .title { background-color: transparent; } .inpage-second_menu-wrap .mcb-wrap-inner .column_button a { display: flex; justify-content: center; border: none; align-items: center; width: 100%; /*test*/ height: 57px; /*test*/ } .inpage-second_menu-wrap .mcb-wrap-inner .column_button { border-bottom: 2px solid #883989; margin: 0 3px!important; background-color: #f3f8ff; flex-grow: 1; padding: 2px; width: auto!important; } .inpage-second_menu-wrap .mcb-wrap-inner .column_button a:hover { background-color: transparent!important; color: #883989!important; } .inpage-second_menu-wrap .mcb-wrap-inner .column_button a span.button_label { font-size: 18px; padding: 15px 10px; /*font-weight:bold;*/ } .inpage-second_menu-wrap .mcb-wrap-inner .column_button:hover { padding: 0; border: 2px solid #883989; border-bottom: 4px solid #883989; } /*mobile-hide*/ .inpage-second_menu-wrap.mobile-jsure { display: none; } /*mobile-hide*/ /*top_intro*/ .top_intro .mcb-wrap-inner { display: flex; flex-flow: row wrap; align-items: center; } .top_intro .column_image { padding: 2% 0; } /*top_intro*/ .inpage-content-jsure-section { padding-top: calc(4% + 226px)!important; padding-bottom: 4%!important; margin-top: -226px; } /*service-icon&desc*/ .under_desc { width: 100%; font-size: 18px; text-align: left; } .icon_node { line-height: 1; background-image: url(/wp-content/uploads/2019/11/feature-icon.png); background-repeat: no-repeat; background-size: contain; } .hover-icon_node { opacity: 0; } /*download*/ .layout-full-width.button-flat a.button.jsure-download_btn { /*test*/ display: flex; justify-content: flex-start; /*test*/ width: 100%; transition: all .3s; font-size: 18px; color: #646365; border: none!important; } .layout-full-width.button-flat a.button.jsure-download_btn:hover { color: #c97cc9 !important; background-color: transparent!important; transition: all .3s; text-decoration: none; } /*footer*/ .textwidget { line-height: 1.5; font-size: 14px; } .widget_text h4 { font-size: 14px; } .textwidget ul { margin-bottom: 20px!important; } .textwidget ul, .textwidget p, .textwidget a { margin-bottom: 10px; font-size: 14px; padding-right: 10%; } .copyright_wrap { display: flex; flex-flow: row wrap; justify-content: center; font-size: 14px; line-height: 21px; } .police a::before { content: ""; display: block; float: left; width: 20px; height: 20px; background-image: url(/wp-content/uploads/2019/12/beian-icon.png); } /*mobile*/ @media only screen and (max-width: 767px) { body, html { font-size: 14px!important; } label[for]:not(.gfield_label) { font-size: 12px!important; } .blog_wrapper .post-item { padding: 10px 0; border-bottom: 1px #cccccc dashed; } .post-item .post-desc .post-excerpt { padding-bottom: 0; } /*h-2nd_page*/ .inpage-content-jsure-section h3, .home-li-title-wrap h3, .bottom_content_header, .inpage-content-jsure-section h4, .gform_wrapper .gform_heading h3.gform_title { font-size: 20px!important; } h1, h2, h3, h4, h5 { font-size: 20px!important; } /*p-2nd_page*/ .inpage-content-jsure-section p, .home-li-title-wrap p, .home-new-div_wrap .type-post .desc h5 a, a.bottom_content_header.read_more { font-size: 1rem!important; text-align: justify!important; } .inpage-content-jsure-section p, .home-li-title-wrap p { padding: 0 2%!important; } p, a, a span, .gform_wrapper, label { font-size: 14px!important; } /*header*/ #Header_wrapper { box-shadow: none!important; } #Top_bar .in_menu_wrapper { top: 33px; right: -20px; } #Top_bar form#searchform { background: transparent; } #Top_bar form#searchform svg#jsure-search-icon { display: block!important; z-index: 4; position: absolute; right: 30px; top: 10px } #Top_bar .icon-search-fine::before { content: none; } #Top_bar .top_bar_right a#search_button.has-input #searchform input.field { display: none !important; position: absolute; top: 65px!important; right: 0; width: 17em; } #Top_bar .top_bar_right #searchform button.submit { height: 30px!important; display: none!important; top: 67px!important; transition: none; } #Top_bar .top_bar_right a#search_button.has-input #searchform:hover input.field { display: block !important; } #Top_bar .top_bar_right #searchform:hover button.submit { display: block !important; } #Top_bar .top_bar_right #searchform:hover svg#jsure-search-icon path { fill: white!important; } #Top_bar .top_bar_right .wpml-languages { display: none; } /*top-banner*/ .home-top-banner-jsure-wrap { box-shadow: none!important; } /*inpage-content-section*/ #home-li-title-section .mcb-section-inner { padding: 0 1em!important; } .top_intro img { width: 180px; } /*test*/ .blog .inpage-content-jsure-section, .page-template-template-portfolio .inpage-content-jsure-section, .page-id-3461 .inpage-content-jsure-section, .page-id-4538 .inpage-content-jsure-section, .page-id-4528 .inpage-content-jsure-section, .page-id-2586 .inpage-content-jsure-section { margin-top: -140px; padding-top: calc(4% + 140px)!important; } /*test*/ .inpage-content-jsure-section { margin-top: -160px; padding-top: calc(4% + 160px)!important; } .inpage-content-jsure-section.over-section.m-6m { margin-top: -245px; padding-top: calc(4% + 245px)!important; } .inpage-content-jsure-section.over-section.m-4m { margin-top: -205px; padding-top: calc(4% + 205px)!important; } .inpage-second_menu-section { top: 100px; } .inpage-second_menu-wrap .mcb-wrap-inner .column_placeholder { display: none; } .inpage-second_menu-wrap .mcb-wrap-inner .column_button a span.button_label { font-size: 12px!important; padding: 5px; /*test*/ line-height: 1.2; /*test*/ } /*2nd-menu*/ /*mobile-show*/ .inpage-second_menu-wrap.mobile-jsure { display: block; } /*mobile-show*/ .inpage-second_menu-wrap .mcb-wrap-inner .column_button a span { font-weight: normal; } .inpage-second_menu-wrap .mcb-wrap-inner { display: none; } .inpage-second_menu-wrap.mobile-jsure .mcb-wrap-inner { display: flex; flex-flow: row wrap; } .inpage-second_menu-wrap.mobile-jsure .accordion .question .title::before { content: none; } .inpage-second_menu-wrap.mobile-jsure .accordion .question .title { padding: 5px 0 3px; display: flex; justify-content: center; border-bottom: 1px solid #e8e8e8; box-shadow: none; } .inpage-second_menu-wrap.mobile-jsure .accordion .title i { position: static !important; height: auto !important; } .inpage-second_menu-wrap.mobile-jsure .mcb-wrap-inner .column_button { width: calc(50% - 4px) !important; border: solid #e8e8e8 !important; border-width: 0 1px 1px 0!important; padding: 5px 0!important; margin: 0!important; } .inpage-second_menu-wrap.mobile-jsure .mcb-wrap-inner .column_button a { border-radius: 0; /*test*/ height: 28px; /*test*/ } .inpage-second_menu-wrap.mobile-jsure .accordion .question .answer { padding: 0; } .inpage-second_menu-wrap.mobile-jsure .accordion .question { display: flex; flex-flow: column-reverse; border: none; } .second-mobile-menu_wrap { display: flex; flex-flow: row wrap; background-color: #f3f8ff; } .second-mobile-menu_wrap a { flex-grow: 1; text-align: center; width: calc(50% - 4px); padding: 10px 0px; color: #6b6b6b; background-color: #f3f8ff; border: 1px solid #e8e8e8; margin: 0px; font-size: 12px!important; } .inpage-second_menu-wrap.mobile-jsure .mcb-wrap-inner .column_button:hover a { color: white!important; } .inpage-second_menu-wrap.mobile-jsure .mcb-wrap-inner .column_button:hover { background-color: #B996C8!important; } .mobile-jsure .icon-plus.acc-icon-plus:before { color: #646365; } .second-mobile-menu_wrap a:hover { color: white!important; background-color: #B996C8!important; } /*2nd-menu*/ /*ser-icon*/ .under_desc { font-size: 14px; } /*footer*/ .widget_text h4 { font-size: 14px!important; } .textwidget ul, .textwidget p, .textwidget a { margin-bottom: 0; font-size: 14px!important; padding-right: 10%; } .copyright_wrap { font-size: 12px!important; } .copyright_wrap div { border: none!important; } /*recruit*/ .recruit-find-content-l_item img { width: 100px; } /*e-pro*/ .e-pro-ser-icon_li-wrap .mcb-wrap-inner { flex-flow: column; } .e-pro-ser-icon_li-wrap .under_desc { padding-left: 20px; } .e-pro-ser-icon_li-wrap .icon_node { margin-bottom: 0!important; } .e-pro-ser-icon_li-wrap.clearfix:before { width: 0!important; height: 100%; border-left: 2px dashed grey; margin-top: 0!important; border-top-width: 0!important; margin-left: 12px; } .e-pro-ser-icon_li-wrap .e_pro-fea-single_wrap { flex-direction: row!important; } .e-pro-content-item { margin: 25px 0!important; } /*news*/ .news-events-list_wrap .Latest_news li .desc h5 { padding-right: 5px!important; } /*join*/ #jobs-dnm-jsure-section.inpage-content-jsure-section.inner { padding-top: 140px!important; } .portfolio-item-fw-bg .entry-title { flex-basis: 100%!important; } #jobs-dnm-jsure-section .portfolio_group .portfolio-item { margin-bottom: 0!important; } .jsure_file:before { font-size: 14px!important; padding: 5px 10px!important; } .jsure_file_wrap { max-width: 30rem; } } /*form*/ .gform_body input, .gform_body select { margin-bottom: 5px; } .gform_body select { text-overflow: ellipsis; } .gform_body li { margin: 0 0 10px 0!important; } .gform_body label { margin: 0!important; } input.gform_button.button { padding: 7px 10px; box-shadow: 3px 2px 2px 0 #D5D5D5!important; line-height: 1!important; } .ginput_container_fileupload input { border: none; } .gform_body input[type="file"] { border: none !important; } /*form*/ /*top-bar*/ #Header_wrapper { position: sticky!important; position: -webkit-sticky!important; top: 0; z-index: 9000; box-shadow: 0 0 2px 0px #d5d5d5; height: 165px; } /*top-bar-right*/ #Top_bar .one .top_bar_right { float: none; position: absolute; right: 0; } #Top_bar .top_bar_right_wrapper { top: 35px!important; } #Top_bar .container { max-width: 80%!important; } #Top_bar a.action_button { font-size: 24px; padding: 10px 15px; top: 7px; border: none; border: solid 2px #545454; box-shadow: 2px 2px 2px black; } /*top-bar-right-search*/ #Top_bar a#search_button.has-input input::placeholder { padding: 0px 5px!important; } form#searchform i.icon-search-fine { display: none; } #Top_bar a#search_button.has-input input { margin: 0!important; top: 0!important; } .icon-search-fine:before { color: #545454; font-weight: bold; font-size: 24px; } #Top_bar a#search_button { top: 0; margin-right: 10px; } #Top_bar a#search_button.has-input input.field { width: 260px; max-width: none; } /*search-form*/ svg#jsure-search-icon, svg#jsure-search-icon-submit { width: 24px; height: 25px; } svg#jsure-search-icon { display: none; } #Top_bar a#search_button.has-input input { display: block!important; } form#searchform input[class="field"][type="text"] { padding: 0 2.5em 0 .5em!important; height: 30px !important; } form#searchform button[type="submit"] { border: none !important; box-shadow: none; position: absolute !important; padding: 0 !important; margin: 0!important; z-index: 3; top: 3px; right: 5px; } form#searchform button[type="submit"]:hover { background-color: transparent!important; } form#searchform button[type="submit"]:hover svg path { fill: #c97cc9!important; } /*search-form*/ /*lang*/ #Top_bar .wpml-languages a.active { padding: 6px 10px; height: 16px; border: solid 1px #545454; } #Top_bar .wpml-languages ul.wpml-lang-dropdown { border-color: #545454; border-width: 1px; border-top-color: #9b9b9b; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li a { padding: 6px 10px; text-align: left; } /*top-bar-left*/ .in_menu_wrapper { display: block; position: absolute; top: 100px; right: 0; } .menu_wrapper { line-height: 1; } #Top_bar .top_bar_left { position: relative; min-width: 200px; } /*top-bar-left-menu*/ li.menu-item a span { font-size: 18px; padding: 0 12px!important; } .sub-menu li.menu-item a span { padding: 5px 8px!important; line-height: 150%; } #Top_bar .menu>li.hover>a:after { bottom: 15px!important; opacity: .7; height: 2px!important; background-color: #81619e!important; } #Top_bar .menu>li>a:after { transition: none!important; } .menu-line-below #Top_bar .menu>li.current-menu-item>a:after { display: none; } .menu-line-below #Top_bar .menu>li.current-menu-item.hover>a:after { display: block; } #Top_bar .menu>li>a { padding: 5px 0!important; } ul.sub-menu li a { border-radius: 5px; background-color: white; margin: 5px 0; box-shadow: 0 0 2px black; } #Top_bar .menu li ul.sub-menu li { width: 155px; } #Top_bar .menu li ul.sub-menu li a { padding: 0!important; } #Top_bar .menu li ul.sub-menu li a span { font-size: 14px; } ul.sub-menu li a:hover { color: white!important; background-color: #B996C8!important; } #Top_bar .menu>li ul.sub-menu { background-color: transparent!important; box-shadow: none; border: none; } #Top_bar .menu li ul.sub-menu li a { border: none; } /*Side_slide*/ #Side_slide.light #menu ul li ul.sub-menu { background: transparent; } #Side_slide #menu ul li { border-color: #EAEAEA!important; } #Side_slide #menu ul li.submenu .menu-toggle { font-weight: bold; } #Side_slide #menu .sub-menu li a { margin: 0; box-shadow: none; } #Side_slide #menu .sub-menu li a { /*test*/ display: flex; align-items: flex-start; /*test*/ background-color: #F7F7F7; color: #6a309f; } #Side_slide #menu .sub-menu li a:before { content: "-"; padding: 0 .5em 0 2em; } #Side_slide #menu .sub-menu li a span { font-size: 14px; padding: 0!important; } #Side_slide #menu ul li a { margin: 0; border-radius: 0; } #Side_slide #menu ul.menu>li:first-child { border: none; } #Side_slide #menu ul li.submenu .menu-toggle { font-size: 24px!important; color: black; } #Side_slide .extras .extras-wrapper { text-align: right; } #Side_slide .extras .extras-wrapper a.search { display: none; } #Side_slide .extras .extras-wrapper a.lang-active { margin-bottom: 0; direction: rtl; } #Side_slide .extras .extras-wrapper a.lang-active i::before { font-size: 24px; vertical-align: bottom; } #Side_slide #menu ul li.current-menu-item>a { color: #303030; } #Side_slide #menu ul.menu li.current-menu-item:hover a { color: #6a309f; } #Side_slide #menu ul.menu>li>a:hover { color: #6a309f; } /*hover-logic*/ #Side_slide #menu .menu::before { content: ''; position: absolute; height: 100%; width: 45px; top: 0; right: 0; z-index: 9999; } #Side_slide #menu .menu { position: relative; } #Side_slide #menu .menu>li.menu-item.submenu::before { content: ''; position: absolute; width: calc(100% - 0px); height: 40px; top: 0; left: 0; z-index: 999; } #Side_slide #menu .menu>li.menu-item.submenu:hover .menu-toggle::after { content: '-'; } #Side_slide #menu .menu>li.menu-item.submenu ul.sub-menu { display: block; height: 0; overflow: hidden; transition: height .3s 0s; } #Side_slide #menu .menu>li.menu-item.submenu:hover ul.sub-menu { height: 100%; } /*hover-logic*/ /*Side_slide*/ /*err_menu*/ #menu-main-menu, #menu-main-menu-en { display: none; } #Side_slide nav#menu:nth-child(n+3) { display: none!important; } body:not(.header-simple) #Top_bar #menu:nth-child(n+3) { display: none!important; } /*err_menu*/ /*top-bar-left-logo*/ .logo a#logo { height: 130px!important; } #Top_bar .logo { position: relative; z-index: 5; width: auto !important; } /*page*/ /*home*/ /*position*/ #home-count-back-jsure .section_wrapper.mcb-section-inner { margin: 0; max-width: 100%!important; } #home-count-back-jsure .column_slider_plugin { width: 100%!important; margin: 0!important; } .home-count-in-wrap { position: absolute; bottom: 0; } .home-count-in-wrap .mcb-wrap-inner { width: 90%; margin: 0 5%; display: flex; justify-content: center; flex-flow: row wrap; } /*li*/ .home-li-title-wrap { text-align: center; } .home-li-title-wrap .home-li-desc { display: inline-block; } .home-li-jsure.column { background-color: #ffffff; box-shadow: 0 0 20px #d9dee6; position: relative; } #home-li-title-section .section_wrapper.mcb-section-inner { max-width: 74%; } #home-li-jsure .one.mcb-wrap { width: 80%; margin: 0 10%; } .home-li-title-wrap h3.home-li-title { color: #474648; text-align: center; margin-bottom: 20px; margin-top: 2em; } /*li-img*/ .home-li-img-jsure { position: relative; padding-bottom: 58%; transition: all .5s .7s; } .home-li-img-jsure img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /*li-content-more*/ .home-li-content-jsure-wrap { margin: 0 8% 20%; } .home-li-content-jsure-wrap .jsure-li-main_h { font-size: calc(1rem + 6px); font-weight: bold; padding: 30px 0 20px; text-align: left; color: #81619e; } html[lang="en-US"] .home-li-content-jsure-wrap .jsure-li-main_h { font-size: 1rem; font-weight: bold; padding: 30px 0 20px; text-align: left; color: #81619e; } .jsure-li-main { font-size: 14px; text-align: justify; color: #646365; height: 15.5em; overflow: hidden; transition: all .5s .7s; } .jsure-li-p { margin-bottom: 1em; } .jsure-li-2nd-h { padding-bottom: .5em; text-align: left; } .jsure-li-2nd-h span.brand-jsure { font-weight: bold; } .jsure-li-2nd-h span.side-h-jsure { opacity: .7; } /*li:hover*/ .home-li-jsure:hover .home-li-img-jsure { padding-bottom: 0; transition: all .7s .4s; } .home-li-jsure:hover .home-li-content-jsure-wrap .jsure-li-main { padding-bottom: 69%; transition: all .7s .4s; } /*li-icon-more*/ a.home-jsure-more-icon { width: 40px; height: 34px; position: absolute; bottom: 3%; right: 8%; } a.home-jsure-more-icon svg path { fill: #a39e9d!important; } a.home-jsure-more-icon:hover svg path { fill: #c97cc9!important; } /*bottom-content*/ #home-bottome-content-section { padding-top: 50px!important; } #home-bottome-content-section h3.title { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 30px; } /*news-div_wrap*/ .home-new-div_wrap li .photo { display: none; } .home-new-div_wrap li .desc { /*test*/ display: flex; align-items: flex-start; /*test*/ width: 100%!important; padding: 3px 0!important; margin: 0!important; } .home-new-div_wrap .desc::before { content: '>'; float: left; font-weight: bold; margin-right: 10px; color: #b7b7b7; line-height: 2; } .home-new-div_wrap li:first-child .desc h5:after { content: 'new'; color: #ff8100; padding-left: 5px; font-weight: bold; font-size: 14px!important; } .home-new-div_wrap .type-post .desc .desc_footer { display: none; } .home-new-div_wrap .type-post .desc h5 a { text-decoration: none!important; color: #7f7e81; font-weight: 400!important; } .home-new-div_wrap li.type-post { margin-bottom: 5px; } /*number*/ /*clear-css*/ .counter { padding: 0!important; } .counter .desc_wrapper .number-wrapper { margin: 0!important; } /*clear-css*/ .count-jsure .icon_wrapper { display: none; } .count-jsure .number-wrapper span.label { color: white; font-size: 18px!important; font-weight: 400; display: flex; justify-content: center; align-items: center; height: 2rem; } .count-jsure .number-wrapper span.number:after { content: "+"; } .count-jsure .number-wrapper span.number { color: white; font-size: 24px!important; font-weight: bold; text-shadow: 1px 1px 2px #a6a6a6; line-height: 2rem; } .count-jsure .number-wrapper { display: flex; flex-direction: column-reverse; } .count-jsure.column { padding: 5px 0; margin: 0; } @media only screen and (max-width: 767px) { .home-top-banner-jsure-wrap { box-shadow: 0 2px 5px 0px #a3a3a3; z-index: 2; } .home-count-in-wrap { position: relative; bottom: auto; } .home-count-in-wrap { background-color: #f3f8ff!important; padding-top: 35px; } .count-jsure.column { padding: 0 0 30px 0; margin-bottom: 30px !important; border-bottom: 1px solid #dbdbdb; } .count-jsure:last-child { border-bottom: none; } .count-jsure .number-wrapper span.label { font-size: 14px!important; color: #474648!important; } .count-jsure .number-wrapper span.number { font-size: 3rem!important; color: #b77ec9!important; padding-bottom: 25px; } } @media only screen and (max-width: 1280px) and (min-width:768px) { #home-count-back-jsure .home-count-in-wrap .mcb-wrap-inner { width: 100%; margin: 0; } } @media only screen and (max-width: 1024px) and (min-width:768px) { .home-count-in-wrap .count-jsure .number-wrapper span.label { height: 3rem; } #home-bottome-content-section .placehold-pc-j { width: 10%; } #home-bottome-content-section .home-news_wrap-j { width: 50%; } } @media only screen and (min-width: 1600px) { #home-count-back-jsure .section_wrapper { max-width: 1580px!important; } } .counter { background-image: none; } /*number*/ /*home*/ /*recruit*/ .recruit-find-content-l_item .image_frame { padding: 0 70px; } p.wp-caption-text { background-color: transparent; color: #646365; } .recruit-find-content-r_item .image_frame { padding: 20px 70px; } /*service-icon&desc*/ .recruit-fea-single_wrap:hover .hover-icon_node { opacity: 1; transition: all .2s; } /*recruit-ser-icon_li-wrap*/ .recruit-fea-icon_li-wrap .icon_node { width: 26px; margin-right: 20px; } .recruit-fea-icon_li-wrap .recruit-fea-single_wrap { display: flex; justify-content: flex-start; align-items: center; } #recruit-page-top-banner-jsure-section { z-index: 11; } #recruit-1-jsure-section { z-index: 10; } #recruit-1-jsure-section-photo { z-index: 9; } #recruit-2-jsure-section { z-index: 8; } #recruit-3-jsure-section { z-index: 7; } #recruit-4-jsure-section { z-index: 6; } #recruit-5-jsure-section { z-index: 5; } /*recruit*/ /*e-pro*/ /*service-icon&desc*/ .e_pro-fea-single_wrap:hover .hover-icon_node { opacity: 1; transition: all .2s; } /*e-pro-ser-icon_li-wrap*/ .e-pro-ser-icon_li-wrap.clearfix:before { visibility: visible; width: 100%; border-top: 2px dashed grey; position: absolute; margin-top: 15px; z-index: -1; } .e-pro-ser-icon_li-wrap .mcb-wrap-inner { display: flex; } .e-pro-ser-icon_li-wrap .e_pro-fea-single_wrap { display: flex; flex-direction: column; align-items: center; max-width: 90%; } .e-pro-ser-icon_li-wrap .icon_node { margin-bottom: 30px; width: 30px; } .e-pro-ser-icon_li-wrap .under_desc { text-align: center; } /*e-pro-advan-icon_li-wrap*/ .e-pro-advan-icon_li-wrap .icon_node { width: 26px; margin-right: 20px; } .e-pro-advan-icon_li-wrap .e_pro-fea-single_wrap { display: flex; justify-content: flex-start; align-items: center; } /*e-pro-fun-icon_li-wrap*/ .e_pro-fea-single_wrap.jsure_fun { justify-content: flex-start!important; } .e-pro-fun-icon_li-wrap .one.column.e-pro-download-img-item { width: 80%; margin: 5% 10%; } .one.column.e-pro-download-text-item { width: 80%; margin: 5% 10%; } a.button.e-pro-download-btn-item span.button_label { padding: 5px 10px!important; } #e-pro-page-top-banner-jsure-section { z-index: 20; } #e-pro-1-jsure-section { z-index: 18; } #e-pro-1-jsure-section-photo { z-index: 17; } #e-pro-2-jsure-section { z-index: 16; } #e-pro-2-jsure-section-serv { z-index: 14; } #e-pro-3-jsure-section { z-index: 12; } #e-pro-4-jsure-section { z-index: 8; } /*e-pro*/ /*digital*/ /*service-icon&desc*/ .digital-fea-single_wrap:hover .hover-icon_node { opacity: 1; transition: all .2s; } /*digital-ser-icon_li-wrap*/ .digital-advan-icon_li-wrap .icon_node { width: 26px; margin-right: 20px; } .digital-advan-icon_li-wrap .digital-fea-single_wrap { display: flex; justify-content: flex-start; align-items: center; } #digital-page-top-banner-jsure-section { z-index: 20; } #digital-1-jsure-section { z-index: 18; } #digital-1-jsure-section-photo { z-index: 17; } #digital-2-jsure-section { z-index: 16; } #digital-3-jsure-section { z-index: 14; } #digital-4-jsure-section { z-index: 12; } #digital-5-jsure-section { z-index: 10; } /*digital*/ /*news*/ /*news*/ /*path*/ .blog_j .breadcrumbs li:nth-child(n+3), .blog_j .breadcrumbs li:nth-child(n+2) span { display: none; } .blog_j .breadcrumbs li { float: left; padding-left: 10px; } .blog_j { padding-top: 30px; } .blog_j a, .blog_j span, .blog_j li { color: #B6B6B6; font-size: 14px; } /*path*/ /*news-item*/ /*single-post*/ .post-header .title_wrapper h1 { font-size: 24px; line-height: 1.2; } .view_counter-wrapper:after { content: '闃呰'; } /*view-lang-en*/ html[lang="en-US"] .view_counter-wrapper:after { content: 'Views'; } .view_counter-wrapper { font-size: 14px; color: #B6B6B6; } .author-box-wrapper { display: flex; justify-content: flex-end; align-items: center; } .author-box .desc-wrapper { padding: 0 20px; background-color: transparent; margin-left: 0!important; } .author-box .desc-wrapper { color: #B6B6B6!important; font-size: 14px; } .author-box .date-wrapper { font-size: 14px; color: #B6B6B6; } .single-post p { text-align: justify; } .section.section-post-header { padding-top: 1.5em; } .post-wrapper-content { display: flex; flex-direction: column; } .post-wrapper-content .section.mcb-section { order: 1; } .post-item.sticky .post-title:before { content: 'TOP'; text-shadow: 0 0 3px red; font-size: 16px; } .single-photo-wrapper.image { display: none; } a.pager_load_more { border: none!important; } a.pager_load_more .button_icon { display: none!important; } a.pager_load_more span.button_label { color: #B996C8; font-weight: 600; } a.pager_load_more .button_label { text-decoration-line: underline; } a.pager_load_more:hover span.button_label { color: #c97cc9 !important; } a.pager_load_more.button:hover { background-color: transparent!important; } #news-dnm-jsure-section { background-color: #f4f4f4; } .posts_group.timeline div.post-item:nth-child(odd) .post-photo-wrapper { float: right; } .blog_wrapper .date_label { background-color: transparent; top: 2px; } a.pager_load_more .button_icon { display: none!important; } a.pager_load_more.button:hover { background-color: transparent!important; } .blog_wrapper .post-desc-wrapper { padding: 0 2%; width: 58%; } .blog_wrapper .post-photo-wrapper { width: 35%; padding: 0 2%; border: none; } .blog_wrapper .post-desc-wrapper .post-desc { padding: 0!important; } .blog_wrapper .post-item { padding-top: 40px; } .posts_group.timeline div.post-item:nth-child(even) .post-desc-wrapper { float: right; } /*page-no.*/ .pager .pages { background-image: none; background-color: transparent; } .pager .pages a.active { color: #A8A8A8; } /*search*/ .search-results .no-img .post-desc-wrapper { box-sizing: border-box; } .search .post-item:nth-child(odd) { background-color: white; } .search .post-item:nth-child(even) { background-color: #f4f4f4; } .search .post-item { margin: 20px 0; border-radius: 10px; box-shadow: 0 0 5px #a8a8a8; } .search .post-desc { padding: 2% 4% !important; } .search .post-meta { font-size: 14px; } .search .post-more { text-decoration: underline; } .search .author-date { user-select: none; } .search .blog_wrapper .post-desc-wrapper { padding: 20px 4%; } @media only screen and (max-width: 767px) { /*search*/ .search .section_wrapper { padding: 0!important; } .search .blog_wrapper .post-item { padding-top: 15px; margin: 15px 20px; max-width: calc(100% - 40px); } .search .blog_wrapper .post-desc-wrapper { padding: 10px 5% 0; } /*search*/ .blog_wrapper .post-desc-wrapper { padding: 20px 2% 0; width: auto; float: none; } .blog_wrapper .post-photo-wrapper { width: auto; float: none; } form.event-signup { padding: 0!important; border: none!important; } } .blog #Content .sections_group .extra_content { display: flex; flex-direction: column; } .blog .post-item .post-desc .post-footer { display: none; } .blog .post-item .post-desc .post-title h2 a { color: #81619e; line-height: 150%; font-weight: 600!important; margin-bottom: 15px; letter-spacing: 0; } .blog .post-item .post-desc .post-excerpt { color: #929194; line-height: 180%; padding-bottom: 30px; } .blog .section.inner { order: 2; z-index: 16; } #news-page-top-banner-jsure-section { order: 0; z-index: 20; } #news-inpage-second_menu-section { order: 1; z-index: 18; } #news-events_book-jsure-section { order: 3; z-index: 14; } /*news-events-list_wrap*/ .news-events-list_wrap li .photo { display: none; } .news-events-list_wrap li .desc { width: 100%!important; padding: 3px 12px 3px 0!important; margin: 0!important; } .news-events-list_wrap .desc::before { content: '>'; float: left; font-weight: bold; margin-right: 10px; padding-top: 4px; } .news-events-list_wrap li:first-child .desc h5:after { content: 'new'; position: absolute; color: #ff8100; font-weight: bold; padding-top: 4px; padding-left: 5px; font-size: 14px!important; } .news-events-list_wrap .type-post .desc .desc_footer { display: none; } .news-events-list_wrap .type-post .desc h5 a { text-decoration: none!important; color: #81619e; width: 90%; line-height: 150%; font-weight: 600!important; } .news-events-list_wrap li.type-post { margin-bottom: 5px; } .news-events-list_wrap .post-excerpt { color: #929194; line-height: 180%; padding: 0 0 20px 20px; } .news-events-list_wrap li .desc h5 { padding: 0 10% 5px 15px!important; } .blog form.event-signup { padding: 0 0 0 30px; border-left: 1px solid #97a7b6; } /*news*/ /*join*/ /*file*/ .jsure_file:before { content: "閫夋嫨鏂囦欢"; display: block; width: calc(4rem + 26px); border: 2px solid #883989; border-radius: 3px; padding: 7px 10px; color: #883989; font-size: 18px; box-shadow: 3px 2px 2px 0 #D5D5D5 !important; background-color: #f3f8ff; cursor: pointer; white-space: nowrap; } .jsure_file_wrap { position: relative; width: 100%; height: 36px; } .jsure_file:hover::before { background-color: #883989; color: white; } .jsure_file_wrap input[type="file"] { opacity: 0; width: 0!important; height: 0; margin: 0; padding: 0!important; } .jsure_file_wrap:before { content: '鏈€夋嫨鏂囦欢'; line-height: 2; position: absolute; top: 0; left: calc(4em + 40px); } #jsure_file_name { background-color: #f3f8ff; padding-right: 4rem; line-height: 2; max-width: calc(100% - 6rem); position: absolute; top: 0; left: calc(4em + 40px); max-height: 2em; /*test*/ direction: rtl; /*test*/ overflow: hidden; } @-moz-document url-prefix() { #jsure_file_name { text-overflow: ellipsis; } } .jsure_file { position: absolute; left: 0; top: 0; } /*job-lang-en*/ html[lang="en-US"] .jsure_file:before { content: "Select file"; width: calc(4rem + 30px); } html[lang="en-US"] .jsure_file_wrap:before { content: "No file"; } /*job*/ #jobs-dnm-jsure-section.inpage-content-jsure-section { padding-top: 226px!important; } .job_j { margin-bottom: 40px; } li.portfolio-item.isotope-item:nth-child(even) { background-color: white; } li.portfolio-item.isotope-item:nth-child(odd) { background-color: #f4f4f4; } #jobs-dnm-jsure-section .portfolio-item-fw-bg .list_style_header { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-around; margin: 0; padding: 20px 0; } .portfolio-item-fw-bg .entry-title { padding: 10px; flex-basis: 20em; margin: 0!important; } .portfolio-item-fw-bg .desc-wrapper { margin: 0!important; flex-grow: 2; text-align: left; background-color: transparent!important; min-width: 15rem; padding: 10px; } .portfolio-item-fw-bg .links_wrapper { position: static!important; padding: 10px; line-height: 1; } .job-desc { margin-right: 10px; padding-right: 10px; border-right: 1px solid #a1a1a1; font-size: 14px; color: #9e9ca0; } .job-desc:last-child { border: none; } .portfolio-item-fw-bg .button_icon { display: none!important; } .portfolio-item-fw-bg .button_label { padding: 6px 15px!important; } .portfolio-item-fw-bg a.button { box-shadow: 3px 2px 2px 0 #D5D5D5!important; } /*job-inpage*/ .portfolio .entry-content { display: flex; flex-flow: column; } .portfolio .entry-content .mcb-section { order: 1; } .join-content-item p { margin-bottom: 0; } #join-page-top-banner-jsure-section { z-index: 10; order: 0; } #join-job_welfare-jsure-section { z-index: 8; order: 3; } .page-template-template-portfolio .section.original { display: none; } #jobs-dnm-jsure-section { order: 2; z-index: 9; } .page-template-template-portfolio .extra_content { display: flex; flex-direction: column; } /*join*/ /*down*/ #down-page-top-banner-jsure-section { z-index: 20; } #down-1-jsure-section { z-index: 18; } #down-2-jsure-section { z-index: 16; } /*down*/ /*page*/ /*mobile*/ @media only screen and (max-width: 767px) { #Top_bar .logo #logo { margin: 10px 0!important; float: left; } .logo a#logo { height: 70px!important; } #Header_wrapper { height: 100px; } #home-count-back-jsure .section_wrapper.mcb-section-inner { padding: 0!important; } #home-li-jsure .one.mcb-wrap { margin: 0!important; padding: 0 5% !important; } .home-new-div_wrap li .desc h5 { padding-right: 0!important; } .icon-search-fine:before { color: white; } .portfolio_group .portfolio-item .list_style_header .links_wrapper { display: block!important; } #jobs-dnm-jsure-section .portfolio-item-fw-bg .list_style_header { flex-flow: column; align-items: flex-start; } .portfolio-item-fw-bg .desc-wrapper, .portfolio-item-fw-bg .entry-title { width: 100%; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { padding: 0; } }