.e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.fa_htitle{ margin-bottom:5vw; } .fa_htitle h4{ color:#000; font-size:var(--f36); } .fa_htitle h3{ color:#999; margin-bottom:15px; font-weight:700; text-transform:capitalize; font-size:var(--f50); font-family: 'Assistant', sans-serif; } @media only screen and (max-width: 768px){  .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (min-width: 769px){  .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } .fa_Boxpic{ background:#000; position: relative; } .fa_Boxpic .fa_bg{ height: 60vh; max-height:1200px!important; background-attachment: fixed; opacity:0.85; width:100%; position: relative; background-size:100%; } .fa_Boxpic .fa_tit{ position:absolute; left:0; right:0; bottom: 15%; z-index:10; text-align:center; } .fa_Boxpic .fa_tit h6{ color:#fff; font-size:var(--f36); } .fa_Boxpic .fa_tit h3{ color:#fff; margin-bottom:15px; font-weight:700; text-transform:capitalize; font-size:var(--f50); } } @media only screen and (max-width: 1024px) and (min-width: 769px){  } @keyframes rotation { to { transform: rotate(1turn); } } @keyframes rotation_ { to { transform: rotate(-1turn); } } @media only screen and (min-width: 769px) { .fa_More a{ position: relative; font-size:14px; display:inline-block; line-height:40px; padding:0 20px; border-radius:5px; background: var(--main-color); color:#fff; transition:all 0.5s; overflow:hidden; } .fa_More a i{ margin-left:20px; transition:all 0.5s; position:relative; display:inline-block; } .fa_More a:before{ content:""; position:absolute; left:-20px; top:-20px; width: 50px; height: 50px; filter:blur(15px); background: var(--main2-color); transition:all 0.5s; opacity: 0; } .fa_More a:hover:before{ transform:scale(2); left:0; top:0; opacity:1; } .fa_More a span{ position:relative; display:inline-block; } .fa_More a:hover i{ transform:translateX(-10px); } .fa_More a:hover{ color:#fff; } } @keyframes animateripper { 0% { transform: translate(-50%, -75%) rotate(0deg); } 100% { transform: translate(-50%, -75%) rotate(360deg); } }  .fa_pageNav{ border-bottom:#eee solid 1px; } .fa_pageNav .fa_list{ text-align:center; } .fa_pageNav .fa_list a{ display:inline-block; font-size:var(--f18); line-height:80px; color:#3e4a61; margin:0 2vw; position:relative; transition:all 0.5s; } .fa_pageNav .fa_list a:before{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:3px; background: var(--main-color); transition:all 0.8s; width:0; content:""; } .fa_pageNav .fa_list a:hover,.fa_pageNav .fa_list a.fa_navon{ color: var(--main-color); } .fa_pageNav .fa_list a:hover:before,.fa_pageNav .fa_list a.fa_navon:before{ width:100%; } @media screen and (max-width: 768px){ .fa_pageNav{ display:none!important; } .fa_pageNavmo{ background:#edf2fa; } .fa_pageNavmo>.btn-primary{ background:transparent!important; border:none!important; color:#999!important; width:100%; text-align:left; padding:0 20px; line-height:50px; font-size:14px; } .fa_More a { background:#092d74; color:#fff; display:inline-block; padding:10px 30px; border-radius:500px; position:relative; } .fa_More a:before{ content:""; position:absolute; left:-20px; top:-20px; width:40px; height:40px; filter:blur(15px); background:#d0333a; } .fa_More a span{ position:relative; display:inline-block; } .fa_More a i{ margin-left:10px; position:relative; display:inline-block; } } @keyframes FloatingReverse { 0%,100% { transform: translate3d(-10%, -10%, 0) scale(1.1) } 50% { transform: translate3d(45%, 15%, 0) scale(0.8) } } .fa_float2 { position: fixed; bottom: -100px; right: 20px; z-index: 99; transition: all 0.5s; background: rgba(255, 255, 255, 0); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0); border-radius: 500px; } .fa_float2>* { display: block; position: relative; margin-top: 2px; } .fa_float2>* .fa_icon { width: 40px; height: 40px; align-items: center; display: flex; justify-content: center; color: var(--main-color); border-radius: 2px; font-size: 26px; cursor: pointer; } .fa_float2>* .fa_icon i { display: block; } .fa_float2 .fa_info { position: absolute; top: 0; right: 45px; width: auto; min-width: 200px; background: linear-gradient(45deg,#fff,#d5e8ff,#fff); border: #fff solid 3px; opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 0.6s ease; padding: 15px; width: 250px; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); border-radius: 10px; } .fa_float2 .fa_wx_img { position: absolute; top: 0; right: 45px; width: auto; min-width: 120px; background: rgba(255, 255, 255, 0.95);  opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 0.6s ease; padding: 5px; } .fa_float2 .fa_box_img img { width: 100%; } .fa_float2>div:hover .fa_wx_img { transition: all 0.6s ease; opacity: 1 !important; transform: translateY(0%) !important; visibility: visible !important; } .fa_float2>div:hover .fa_info { transition: all 0.6s ease; opacity: 1 !important; transform: translateY(0%) !important; visibility: visible !important; } .fa_float2 .fa_info .fa_wrap {  } .fa_float2 .fa_info .fa_tit { position: relative; } .fa_float2 .fa_info .fa_tit h3 { font-size: var(--f18); color: var(--main-color); font-weight: 500; } .fa_float2 .fa_info .fa_tit h3 a { color: var(--main-color); font-weight: inherit;  font-family: 'Barlow Condensed', sans-serif; word-wrap: break-word; } .fa_float2 .fa_info .fa_tit p { font-size: 14px; margin-top: 5px; } .fa_float2 .fa_info .fa_cnt { padding-top: 10px; margin-top: 10px; border-top: #eee solid 1px; } .fa_float2 .fa_info .fa_cnt h4 { font-size: 16px; margin-bottom: 10px; color: #333; } .fa_float2 .fa_info .fa_cnt h4 i { font-size: 14px; color: #fff; width: 20px; height: 20px; border-radius: 50%; line-height: 20px; text-align: center; background: var(--main-color); display: inline-block; margin-right: 10px; } .fa_float2 .fa_info .fa_cnt p { font-size: 14px; color: #333; line-height: 24px; font-weight: 6; } #fa_back{ border-top:#ddd solid 1px; } #fa_back .fa_icon { color: #333; } .fa_boximg img{ -webkit-animation: rotate3 4s linear infinite; animation: rotate3 4s linear infinite; -webkit-filter: blur(30px); filter: blur(30px); } @keyframes rotate3{ 0%{ rotate: 0deg; } 100%{ rotate: 360deg; } } @keyframes fa_span01_ani { 0% { width: 5px; } 100% { width: 48px; } } @keyframes fa_span02_ani { 0% { width: 48px; } 100% { width: 5px; } } @keyframes rangeScale22{ from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(1.5); } }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; display:flex; flex-wrap:wrap; justify-content:space-between; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; }  .reset_style h1, .reset_style h2, .reset_style h3, .reset_style h4, .reset_style h5, .reset_style h6 { font-weight: normal; } .reset_style h3 { text-transform: uppercase; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } .p_page .pre,.p_page .next{ height: 40px; width: 40px; text-align: center; padding: 0 !important; border-radius: 2px; border:none!important; transition:all 0.5s; } .p_page .next .iconfont::before { float: none; } .p_page .pageNum{ height: 40px; width: 40px; padding: 0 !important; border-radius: 2px; text-align: center; border:none!important; line-height:40px; transition:all 0.5s; } .p_page .pageNum.active,.p_page .pageNum:hover,.p_page .pre:hover,.p_page .next:hover{ background:var(--main-color); } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 900px) { .reset_style h1 * { font-size:30px!important; } .reset_style h2 * { font-size: 16px!important; } .reset_style h3 * { font-size: 22px!important; } .reset_style h4 * { font-size: 18px!important; } .reset_style h5 * { font-size: 16px!important; } .reset_style h6 * { font-size: 14px!important; } .p_pagebox .num .iconfont{ display:none!important; } } @keyframes aline { 0% { width:10px; } 50% { width:50px; } 100% { width:10px; } }.form-horizontal .form-group{ margin-left:0; margin-right:0; } .c_portalResMessage_form-01001 .btn-primary{ display:inline-block; background:var(--main-color); color:#fff; line-height:46px; padding:0 20px; min-width:160px; border:none!important; transition:all 0.5s; } .c_portalResMessage_form-01001 .btn-primary:hover{ background:var(--main2-color); } @media screen and (max-width: 768px) { .c_portalResMessage_form-01001{ width: 100%; overflow: hidden; } .c_portalResMessage_form-01001 .p_intentionIntroTitle{ width: 100%; padding: 0; text-align: left; margin-bottom: 10px; margin-top: 20px; } .c_portalResMessage_form-01001 .p_UnitName{ margin-top: 0px; } .c_portalResMessage_form-01001 .p_CoupWBox{ padding: 0; width: 80%; margin: 32px auto 32px; } .c_portalResMessage_form-01001 .p_CoupWBox button{ width: 100%; } .c_portalResMessage_form-01001 .p_ConWBox{ padding: 0; } .c_portalResMessage_form-01001 .form-group{ margin: 0; padding: 0 15px; } .c_portalResMessage_form-01001 .p_image { position: absolute; right: 16px; top: 50px; height: 29px; } .c_portalResMessage_form-01001 .p_checkboxA{ display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001 .shape{ display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001 label.option .font{ display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001 .p_sex{ display: inline-block; } .c_portalResMessage_form-01001 .p_DepictInfoB p img { max-width: 100% !important; } .c_portalResMessage_form-01001 .p_CaptchasBox{ position: relative; }  .c_portalResMessage_form-01001 .p_sendBox, .c_portalResMessage_form-01001 .p_sendTimerBox { display: inline-block; } .c_portalResMessage_form-01001 .p_sendBox{ margin-top: 10px; }  } @media only screen and (min-width: 769px) { .c_portalResMessage_form-01001 .e_box, .c_portalResMessage_form-01001 .e_icon, .c_portalResMessage_form-01001 .e_title { width: auto; height: auto; } .c_portalResMessage_form-01001 { width: 100%; height: auto; overflow: hidden; } .c_portalResMessage_form-01001 .p_inquiry { } .c_portalResMessage_form-01001 .p_ConWBox {  } .c_portalResMessage_form-01001 .boxTitle { overflow: hidden; } .c_portalResMessage_form-01001 .p_titleBoxA { } .c_portalResMessage_form-01001 .boxTitleText { padding: 0 15px; font-size: 16px; float: left; height: 40px; line-height: 40px; padding-bottom: 9px; text-align: center; } .c_portalResMessage_form-01001 .boxTitleText .font { display: table-cell; white-space: nowrap; vertical-align: middle; } .c_portalResMessage_form-01001 .boxTitleText .iconfont:before { display: inline-block; } .c_portalResMessage_form-01001 .p_NameB { display: inline-block; font-size: 14px; width: 110px; text-align: right; } .c_portalResMessage_form-01001 .p_NameInfoB { display: inline-block; font-size: 20px; font-weight: bold; text-align: left; }  .c_portalResMessage_form-01001 .p_DepictBoxB { padding: 10px 0 0; line-height: 20px; overflow: hidden; } .c_portalResMessage_form-01001 .p_DepicNameB { float: left; font-size: 14px; width: 110px; text-align: right; } .c_portalResMessage_form-01001 .p_DepictInfoB { display: flex; font-size: 14px; } .c_portalResMessage_form-01001 .p_DepictInfoB .reset_style p { font-size: 14px; } .c_portalResMessage_form-01001 .p_groupBox { padding-top: 0; }  .c_portalResMessage_form-01001 .p_ContactInfo .p_groupBox .p_GuideBox { vertical-align: top; } .c_portalResMessage_form-01001 .p_groupBox textarea { display: block; width: inherit; height: inherit; resize: none; height: 92px; padding: 10px; background: none; background: #fff; border: none; box-shadow: none; } .c_portalResMessage_form-01001 .p_ContactInfo>div .e_text {   position: relative; width: 100%; }  .c_portalResMessage_form-01001 .d_CustomValueBox { max-width: 725px; display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto; } .c_portalResMessage_form-01001 .p_sex { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; } .c_portalResMessage_form-01001 .p_sex .option { width: auto; height: auto; cursor: pointer; line-height: 100%; } .c_portalResMessage_form-01001 .p_sex .shape { display: inline-block; vertical-align: top; width: 15px; height: 15px; border-radius: 50%; position: relative; top: 2px; } .c_portalResMessage_form-01001 .p_sex .radio { z-index: 99; opacity: 0; cursor: pointer; } .c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked+.iconfont.first { opacity: 1; } .c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked+i:after { content: ""; width: 15px; height: 15px; border-radius: 50%; position: absolute; top: 0; left: 0; display: block; } .c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked+.iconfont.first:before { content: "\e669"; font-size: 21px; position: absolute; top: -3px; left: -3px; }  .c_portalResMessage_form-01001 .p_ContactInfo>div .e_unit { display: inline-block; }  .c_portalResMessage_form-01001 .p_DateIcon { position: absolute; left: 310px; display: inline-block; width: 20px; top: 50%; font-size: 18px; margin-top: -10px; cursor: pointer; }  .c_portalResMessage_form-01001 .p_checkboxContainerBox { width: auto; height: auto; margin: 10px 0; } .c_portalResMessage_form-01001 .p_checkboxContainerB { width: auto; height: auto; display: inline-block; vertical-align: middle; font-size: 16px; } .c_portalResMessage_form-01001 .p_checkboxContainerA { display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto; } .c_portalResMessage_form-01001 .p_checkboxA { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; }  .c_portalResMessage_form-01001 .p_checkboxA .shape { display: inline-block; vertical-align: middle;  } .c_portalResMessage_form-01001 .p_checkboxA .shape .iconfont{ display: none; } .c_portalResMessage_form-01001 .p_checkboxA .option { width: auto; height: auto; position: relative; } .c_portalResMessage_form-01001 .p_checkboxA:hover { cursor: pointer; } .c_portalResMessage_form-01001 .p_checkboxA label:hover { cursor: pointer; } .c_portalResMessage_form-01001 .p_checkboxA .font { width: auto; display: inline-block; } .c_portalResMessage_form-01001 .p_checkboxA .first:before {  } .c_portalResMessage_form-01001 .p_checkboxA .first { height: 0; width: 0; border: 10px solid transparent; font-size: 20px; opacity: 0; position: absolute; bottom: -10px; right: -9px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .c_portalResMessage_form-01001 .p_checkboxA input[type="checkbox"]:checked+i { opacity: 1; } .c_portalResMessage_form-01001 .p_checkboxA input[type="checkbox"]:checked+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .c_portalResMessage_form-01001 .p_checkboxA input[type=checkbox]:hover+i { opacity: 1; } .c_portalResMessage_form-01001 .p_checkboxA input[type=checkbox]:hover+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .c_portalResMessage_form-01001 .p_checkboxA .option .font { display: inline-block; vertical-align: middle;  } .c_portalResMessage_form-01001 .p_checkboxA.active .shape { }  .c_portalResMessage_form-01001 .p_ContactInfo { padding-top: 10px; max-width: 900px; margin-left: auto; margin-right: auto; } .c_portalResMessage_form-01001 .p_ContactInfo>div { margin-top: 24px; margin: 20px 0; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_GuideBox { display: inline-block; width: 110px; height: 30px; line-height: 30px; text-align: right; overflow: hidden; vertical-align: middle; } .c_portalResMessage_form-01001 .p_GuideBox .e_icon { display: inline-block; font-size: 14px; vertical-align: middle; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_GuideBox .e_title { display: inline-block; font-size: 14px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .e_input, .c_portalResMessage_form-01001 .e_droplist, .c_portalResMessage_form-01001 .p_ContactInfo>div .p_EntryBox, .c_portalResMessage_form-01001 select.InputText {    vertical-align: middle; position: relative; } .c_portalResMessage_form-01001 select.InputText{ padding: 2px 10px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .e_input .InputText { border-radius: 2px; padding-left: 7px; line-height: inherit; height: inherit; width: 100%;  background: #fff; border: none; box-shadow: none; line-height: 40px; padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 10px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .e_input .iconfont, .c_portalResMessage_form-01001 .e_droplist .InputIcon { display: block; width: 22px; height: inherit; text-align: center; line-height: inherit; position: absolute; top: 0; left: 0; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_EntryBox { width: calc(100% - 90px); display: inline-block; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_EntryInput {  } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_image { display: inline-block; position: relative; width: 85px; height: 40px; border-style: none; cursor: pointer; vertical-align: middle; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_AssistLabelA { position: relative; padding-right: 16px; cursor: pointer; display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_AssistLabelA .iconfont:before { position: absolute; right: 0; top: 3px; content: ""; display: block; } .c_portalResMessage_form-01001 .e_droplist input { width: calc(100% - 30px); border-radius: 2px 0 0 2px; padding-left: 7px; height: inherit; line-height: inherit; display: inline-block; background: none; } .c_portalResMessage_form-01001 .e_droplist .shape { display: block; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; top: 0; right: 0; font-size: 12px; border-left: none; } .c_portalResMessage_form-01001 .e_droplist .shape { cursor: default; } .c_portalResMessage_form-01001 .p_AreaBox .e_droplist .shape:before { content: "\e6c9"; } .c_portalResMessage_form-01001 .e_droplist.error input { } .c_portalResMessage_form-01001 .e_droplist.error .shape { } .c_portalResMessage_form-01001 .e_droplist.hover input { } .c_portalResMessage_form-01001 .e_droplist.hover .shape { } .c_portalResMessage_form-01001 .e_droplist.hover input { } .c_portalResMessage_form-01001 .e_droplist:hover input { } .c_portalResMessage_form-01001 .e_droplist:hover .shape { } .c_portalResMessage_form-01001 .e_droplist:hover input { } .c_portalResMessage_form-01001 .e_droplist.hover .itembox { } .c_portalResMessage_form-01001 .e_droplist .itembox { width: 100%; max-height: 100px; overflow: auto; position: absolute; top: 30px; left: 0; font-size: 12px; border-top: none; z-index: 99; } .c_portalResMessage_form-01001 .e_droplist .itembox li { height: 30px; line-height: 30px; padding-left: 5px; } .c_portalResMessage_form-01001 .e_droplist .itembox li span { margin-left: 5px; } .c_portalResMessage_form-01001 .e_droplist .itembox li>i { font-size: 18px; line-height: 30px; } .c_portalResMessage_form-01001 .e_droplist .itembox li>i.ItemFirst { margin-left: 5px; } .c_portalResMessage_form-01001 .e_droplist:hover .itembox { } .c_portalResMessage_form-01001 .e_droplist .itembox li:hover { cursor: pointer; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_selectB { width: auto; } .c_portalResMessage_form-01001 .p_eqdesc>div .p_LoginPrompt { left: 559px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_LoginPrompt .text-error:after, .c_portalResMessage_form-01001 .p_eqdesc>div .p_LoginPrompt .text-error:after { left: -15px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .success .text-error, .c_portalResMessage_form-01001 .p_eqdesc>div.success .text-error { display: none; } .c_portalResMessage_form-01001 .p_groupBox>div .success .icon-error, .c_portalResMessage_form-01001 .p_eqdesc>div.success .icon-error { display: inline-block; vertical-align: middle; height: 14px; font-size: 14px; margin: 0 10px; position: static; width: auto; margin-top: 8px; } .c_portalResMessage_form-01001 .p_groupBox>div .success .text-error, .c_portalResMessage_form-01001 .p_eqdesc>div.success .text-error { display: none; }  .c_portalResMessage_form-01001 .p_CoupWBox, .c_portalResMessage_form-01001 .p_CoupWBoxA { height: 40px; } .c_portalResMessage_form-01001 .p_CoupWBox>div, .c_portalResMessage_form-01001 .p_CoupWBoxA>div { margin-top: 9px; font-size: 14px; padding: 0 16px; cursor: pointer; } .c_portalResMessage_form-01001 .p_SaveWBtn, .c_portalResMessage_form-01001 .p_SaveWBtnA { float: left; margin-left: 20px; height: 25px; text-align: center; line-height: 25px; } .c_portalResMessage_form-01001 .p_canelbtn, .c_portalResMessage_form-01001 .p_canelbtnA { float: right; margin-right: 20px; height: 25px; line-height: 25px; }  .c_portalResMessage_form-01001 .p_succ, .c_portalResMessage_form-01001 .p_fail { width: 300px; height: 113px; font-size: 22px; margin: auto; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999999999; display: none; line-height: 102px; text-align: center; } .c_portalResMessage_form-01001 .p_succ .iconfont, .c_portalResMessage_form-01001 .p_fail .iconfont { margin-right: 10px; display: inline-block; } .c_portalResMessage_form-01001 .p_succ .iconfont:before { content: "\e648"; } .c_portalResMessage_form-01001 .p_succ .fontbox, .c_portalResMessage_form-01001 .p_fail .fontbox { display: inline-block; } .c_portalResMessage_form-01001 .p_fail { width: 360px; } .c_portalResMessage_form-01001 .p_fail .iconfont { } .c_portalResMessage_form-01001 .p_fail .iconfont:before { content: "\e641"; } .c_portalResMessage_form-01001 .numTxt::-webkit-outer-spin-button, .c_portalResMessage_form-01001 .numTxt::-webkit-inner-spin-button { -webkit-appearance: none !important; -moz-appearance: textfield; } .c_portalResMessage_form-01001 .p_eqdescName .font, .c_portalResMessage_form-01001 .p_nameB .font, .c_portalResMessage_form-01001 .p_NickName .font, .c_portalResMessage_form-01001 .p_nameC .font, .c_portalResMessage_form-01001 .p_nameE .font, .c_portalResMessage_form-01001 .p_nameD .font, .c_portalResMessage_form-01001 .p_nameH .font, .c_portalResMessage_form-01001 .p_nameL .font, .c_portalResMessage_form-01001 .p_nameJ .font, .c_portalResMessage_form-01001 .p_nameM .font, .c_portalResMessage_form-01001 .p_nameG .font, .c_portalResMessage_form-01001 .p_SectorName .font, .c_portalResMessage_form-01001 .p_JobName .font, .c_portalResMessage_form-01001 .p_BusinessName .font, .c_portalResMessage_form-01001 .p_nameA .font, .c_portalResMessage_form-01001 .p_nameI .font, .c_portalResMessage_form-01001 .p_nameF .font, .c_portalResMessage_form-01001 .p_area .font, .c_portalResMessage_form-01001 .p_nameK .font, .c_portalResMessage_form-01001 .p_titleC .font { overflow: hidden; max-width: 6em; text-overflow: ellipsis; white-space: nowrap; } .c_portalResMessage_form-01001 .p_groupBox .p_GuideBox .e_icon.p_desc_star { display: inline-block; font-size: 14px; vertical-align: 1px; } .c_portalResMessage_form-01001 .p_PromptDisabled { margin: 15px; } .c_portalResMessage_form-01001 .p_PromptNoneData { width: auto; background-color: inherit; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 100px; height: 100%; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4"; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .font { font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; font-weight: bold; text-align: left; } .c_portalResMessage_form-01001 .p_PromptNoneData .promptbox { width: auto; height: 100%; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_content { font-size: 14px; padding-left: 65px; } .c_portalResMessage_form-01001 .p_SectorBox.error .p_selectC { } .c_portalResMessage_form-01001 .p_SectorBox.error .e_droplist .shape { height: 28px; } .c_portalResMessage_form-01001 .p_LoginPrompt { position: absolute; bottom: -22px; left: 0; white-space: nowrap; } .c_portalResMessage_form-01001 .p_intentionIntroTitle{   display: none; } .c_portalResMessage_form-01001 .form-control{  } .c_portalResMessage_form-01001 .p_CoupWBox {  margin-bottom: 30px; text-align: center; } .c_portalResMessage_form-01001 .p_selectC{ display: inline-block; position: relative; } .c_portalResMessage_form-01001 .p_UnitName{ position: absolute; right: -110px; top: 6px; width: 100px; }  .c_portalResMessage_form-01001 .p_sendBox, .c_portalResMessage_form-01001 .p_sendTimerBox{ display: inline-block; margin-left: 10px; } .c_portalResMessage_form-01001 .p_phoneCode, .c_portalResMessage_form-01001 .p_phoneMailCode { margin-top: 24px; }  } @media only screen and (max-width: 1024px) and (min-width: 769px){  }.w_fline-001 .p_FLine{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); display: inline-block; vertical-align: middle; } .w_fline-001{ width:100%; min-height:20px; display: block; margin: 0 auto; } .w_fline-001 .w_fline{ width:100%; min-height: inherit; font-size: 0; } .w_fline-001 .w_fline:before{ content: ""; display: inline-block; vertical-align: middle; min-height: inherit; width: 0; } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResPublic_codeContainer-1744721143722 .uk-padding-top{ padding-top:40px; padding-left:40px; padding-right:40px; display:flow-root; box-sizing:content-box; max-width:1160px; margin-left:auto; margin-right:auto; padding-bottom:40px; } #c_portalResPublic_codeContainer-1744721143722 .ttl-h1{ color:#00A89D; font-size:2.25rem; font-weight:500; } #c_portalResPublic_codeContainer-1744721143722{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:80px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResPublic_codeContainer-1744721143727 p{ font-size:16px; line-height:1.8; color:#333; font-weight:500; } #c_portalResPublic_codeContainer-1744721143727 .inner{ width:100%; max-width:1024px; margin:0 auto; } #c_portalResPublic_codeContainer-1744721143727 .section02 .inner .note{ padding:60px 0 50px; } #c_portalResPublic_codeContainer-1744721143727 .section02 .inner .note ul li{ line-height:1.75; font-size:16px; padding-left:1em; text-indent:-1em; } #c_portalResPublic_codeContainer-1744721143727 .section02 .inner .note ul li span{ background-color:#d0101b; color:#ffffff; line-height:2; padding:0 10px; margin-right:5px; } #c_portalResPublic_codeContainer-1744721143727 .sample_description ul{ margin-top:30px; padding:30px 30px; margin-bottom:30px; } #c_portalResPublic_codeContainer-1744721143727 .sample_description{ background-color:#F5F5F5; } #c_portalResPublic_codeContainer-1744721143727 .sample_description ul span{ color:#00a89d; font-size:18px; font-weight:500; margin-right:20px; } #c_portalResPublic_codeContainer-1744721143727 .sample_description ul li:first-of-type{ margin-top:12px; } #c_portalResPublic_codeContainer-1744721143727{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1744721143672 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); } #w_grid-1744721143672 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1744721143672 >div{ animation-fill-mode:both; } #w_grid-1744721143672 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1744721143672> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1744721143672> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1744721143672> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fline-1744721143682 .p_FLine{ border-top-color:rgba(153, 153, 153, 1); } #w_fline-1744721143682 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1744721143682 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1744721143682 >div{ animation-fill-mode:both; } #w_grid-1744721143702 > div > .p_gridbox{ background-color:rgba(250, 250, 250, 0); } #w_grid-1744721143702 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1744721143702 >div{ animation-fill-mode:both; } #w_grid-1744721143702 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1744721143702> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1744721143702> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1744721143702> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1744721143702> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1744721143702> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1744721143702> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1744721143712 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1744721143712 >div{ animation-fill-mode:both; } #w_grid-1744721143712 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1744721143712> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1744721143712> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1744721143712> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1744721143712> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:2%; } #w_grid-1744721143712> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1744721143712> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:49%; } #w_grid-1744721143712> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } #w_grid-1744721143672{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1744721143682{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1744721143702{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1744721143712{ width:100%; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:80px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResMessage_form-1744721143767 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResMessage_form-1744721143767 >div{ animation-fill-mode:both; } #c_portalResMessage_form-1744721143767 .p_NameBox{ display:none; } #c_portalResMessage_form-1744721143767 .p_DepictBoxB{ display:none; } #c_portalResMessage_form-1744721143767 .p_FullNameBox{ width:100%; display:block; } #c_portalResMessage_form-1744721143767 .p_PhoneBox{ width:100%; display:block; } #c_portalResMessage_form-1744721143767 .p_EmailBox{ width:100%; display:block; } #c_portalResMessage_form-1744721143767 .p_CaptchasBox{ width:92%; display:inline-block; } #c_portalResMessage_form-1744721143767 .form-control{ border-radius:2px !important; max-width:none; border:1px solid #999; box-shadow:none; height:50px; } #c_portalResMessage_form-1744721143767 .e_text{ width:70%; } #c_portalResMessage_form-1744721143767 .p_intentionIntroTitle{display:block; } #c_portalResMessage_form-1744721143767 .form-group{ margin:0%; padding:50px 0; border-top:1px solid #cccccc; display:flex; align-items:center; } #c_portalResMessage_form-1744721143767 .InputText{ border-radius:0px; padding-left:10px; } #c_portalResMessage_form-1744721143767 .e_input{ height:50px; width:44%; } #c_portalResMessage_form-1744721143767 .control-label{ padding-top:0px; padding-bottom:6px; width:30%; text-align:left; color:#00a89d; font-size:18px; } #c_portalResMessage_form-1744721143767 .asdfg{ width:100%; display:inline-block; font-size:0px; } #c_portalResMessage_form-1744721143767 .p_groupBox textarea{ height:160px; padding:10px; } #c_portalResMessage_form-1744721143767 .btn-primary{ background-color:#999; border-color:#ef4f19; border:0px; border-radius:0px; width:258px; height:60px; margin:0 auto; transition:all 0.5s; } #c_portalResMessage_form-1744721143767 .btn-primary:hover{ background-color:#008F85; } #c_portalResMessage_form-1744721143767 .p_CoupWBox{ padding-left:0px; display:flex; justify-content:left; margin:0px 0%; border-top:1px solid #ccc; padding-top:50px; } #c_portalResMessage_form-1744721143767 .p_EntryBox{ height:42px; width:calc(100% - 85px); display:inline-block; } #c_portalResMessage_form-1744721143767 .p_image{ width:85px; height:42px; display:inline-block; vertical-align:top; } #c_portalResMessage_form-1744721143767 .p_ConWBox{ padding:0px; } @media screen and (min-width: 769px){ #c_portalResMessage_form-1744721143767 .p_groupBox{ height:220px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResMessage_form-1744721143767 .form-group{ margin:10px 3.7%; } } @media screen and (max-width: 768px){ #c_portalResMessage_form-1744721143767 .form-control { background-color: #fff0; } #c_portalResMessage_form-1744721143767 .p_CoupWBox{ padding:0px 10px 10px; margin:30px 0; } #c_portalResMessage_form-1744721143767 .p_intentionIntroTitle { margin-top: 10px; } #c_portalResMessage_form-1744721143767 .form-group { padding: 0px 10px 10px; margin:0px; } #c_portalResMessage_form-1744721143767 .p_FullNameBox{ width: 100%; margin: 0; padding: 0px 10px 10px; } #c_portalResMessage_form-1744721143767 .p_PhoneBox{ width: 100%; margin: 0; padding: 0px 10px 10px; } #c_portalResMessage_form-1744721143767 .p_EmailBox{ width: 100%; margin: 0; padding: 0px 10px 10px; } #c_portalResMessage_form-1744721143767 .p_CaptchasBox{ width: 100%; margin: 0; padding: 0px 10px 10px; } #c_portalResMessage_form-1744721143767 .p_image{ bottom: auto; position: unset; } #c_portalResMessage_form-1744721143767 .control-label { padding-bottom:0px; } } #c_portalResMessage_form-1744721143767 .p_ContactInfo{ padding-top:10px; max-width:100%; margin-left:auto; margin-right:auto; } #c_portalResMessage_form-1744721143767{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:1024px; width:90%; margin-top:0px; margin-bottom:80px; min-width:0px; height:auto; padding-right:0px; }