.s_button1:before { content: ""; position: absolute; display: block; transition: all .6s; width: 100%; height: 0; border-radius: 50%; left: 50%; top: 50%; padding-top: 100%; transform: translateX(-50%) translateY(-50%); } .s_button1:hover:before { animation: style1 .75s; z-index: 1; } @keyframes style1 { 0% { background: rgba(0, 0, 0, .25); transform: translateX(-50%) translateY(-50%) scale(0) } to { background: transparent; transform: translateX(-50%) translateY(-50%) scale(1) } } .s_button4::after { opacity: 1; width: 0 } .s_button4:hover::after { width: 100%; background-color: rgba(64, 158, 244, 1); } .s_title { font-size: 16px; color: #333333; line-height: 1; font-family: Arial; } .s_button1:hover { background-color: rgba(51,51,51,1); color: rgba(255,255,255,1); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-style: none; border-color: rgba(255,102,0,1); font-size: 14px; } .s_summary { font-size: 14px; color: #666666; line-height: 1.5; } .s_button1 { background-color: rgba(25,120,220,1); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: rgba(255,255,255,1); border-style: none; border-color: rgba(25,120,220,1); font-size: 14px; border-width: 1px; position: relative; overflow: hidden; } .s_button5 { background-color: rgba(255,255,255,0); font-size: 14px; color: rgba(255,255,255,0.5); border-style: solid; border-width: 1px; border-color: rgba(255,255,255,0.49); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; transition: all .3s; } .s_subtitle { color: #222222; font-size: 28px; font-weight: bold; line-height: 1; } .s_templatetitle { font-size: 16px; color: rgba(72, 34, 133, 1); } .s_templatesum { font-size: 14px; color: rgba(75, 21, 156, 0.7); } .s_ .s_link { font-size: 14px; color: #666666; line-height: 2; } .s_list { background-color: rgba(255, 255, 255, 0); } .s_item { background-color: rgba(0, 0, 0, 1); } .s_comp { background-color: rgba(255, 254, 248, 1); } .s_tmpl { background-color: rgba(255, 255, 255, 1); } body { background-color: rgba(255, 255, 255, 0); } .s_button2 { background-color: rgba(25,120,220,1); font-size: 14px; color: rgba(255,255,255,1); border-style: solid; border-width: 1px; border-color: rgba(25,120,220,1); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; transition: all .3s; } .s_button2:hover { background-color: rgba(51,51,51,1); color: rgba(255,255,255,1); border-style: solid; border-color: rgba(255,255,255,0.1); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-width: 1px; } .s_button3 { background-color: rgba(51,51,51,1); font-size: 14px; color: rgba(255,255,255,1); border-style: solid; border-width: 1px; border-color: rgba(51,51,51,1); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; position: relative; overflow: hidden; transition: all .3s; } .s_button3:hover { background-color: rgba(255,255,255,0.02); color: rgba(255,255,255,1); border-style: solid; border-color: rgba(255,255,255,1); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .s_button4 { background-color: rgba(255,255,255,0); font-size: 14px; color: rgba(25,120,220,1); border-style: solid; border-width: 1px; border-color: rgba(25,120,220,1); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; position: relative; overflow: hidden; transition: all .3s; } .s_button4:hover { background-color: rgba(219,171,101,1); font-size: 14px; color: rgba(255,255,255,1); border-style: solid; border-color: rgba(219,171,101,1); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .s_button5:hover { background-color: rgba(255,255,255,1); font-size: 14px; color: rgba(25,120,220,1); border-style: solid; border-color: rgba(255,255,255,1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .s_button6 { background-color: rgba(255, 255, 255, 1); font-size: 14px; color: rgba(25,120,220,1); border-style: solid; border-width: 1px; border-color: rgba(25,120,220,1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; transition: all .3s; font-weight: bold; } .s_button6:hover { background-color: rgba(219,171,101,1); font-size: 14px; color: rgba(255, 255, 255, 1); border-style: solid; border-color: rgba(219,171,101,1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .page_a { font-size: 14px; color: rgba(138, 138, 138, 1); border-style: solid; border-width: 1px; border-color: rgba(235, 235, 235, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-family: Arial; background-color: rgba(255, 255, 255, 0); } .page_a:hover { color: rgba(64, 158, 255, 1); border-color: rgba(64, 158, 255, 1); background-color: rgba(255, 255, 255, 0); } .page_a.current { background-color: rgba(34, 42, 53, 1); font-size: 14px; font-family: Arial; color: rgba(255, 255, 255, 1); border-style: solid; border-width: 0; border-color: rgba(34, 42, 53, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .page_a.current:hover { background-color: rgba(71, 75, 82, 1); color: rgba(255, 255, 255, 1); border-color: rgba(64, 158, 255, 1); } .page_jump { font-size: 14px; color: rgba(116, 116, 116, 1); } .page_jump:hover { color: rgba(116, 116, 116, 1); } .page_a.disabled { background-color: rgba(244, 244, 245, 1); font-size: 14px; color: rgba(192, 196, 204, 1); border-style: solid; border-width: 1px; border-color: rgba(244, 244, 245, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .page_a.disabled:hover { background-color: rgba(244, 244, 245, 1); color: rgba(192, 196, 204, 1); border-color: rgba(244, 244, 245, 1); } .page_input { background-color: rgba(255, 255, 255, 0); font-size: 14px; color: rgba(96, 98, 102, 1); border-style: solid; border-width: 1px; border-color: rgba(235, 235, 235, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .page_input:hover { background-color: rgba(255, 255, 255, 0); color: rgba(96, 98, 102, 1); border-color: rgba(64, 158, 255, 1); } @font-face { font-family: "6d5f00f6-3c26-47fd-b3fa-0f78768daa4c"; src: url("https://omo-oss-file1.thefastfile.com/portal-saas/new2022052722304343549/cms/file/6d5f00f6-3c26-47fd-b3fa-0f78768daa4c.ttf") format("truetype"); font-alias: BrownStd-Bold; } @font-face { font-family: "13b58b3c-e2a9-4950-8279-621969561b4e"; src: url("https://omo-oss-file1.thefastfile.com/portal-saas/new2023061417444122269/cms/file/13b58b3c-e2a9-4950-8279-621969561b4e.ttf") format("truetype"); font-alias: Oswald; font-display: swap; } @font-face { font-family: "a0e68968-35bf-4bff-9a2a-d47f2d0363c5"; src: url("https://omo-oss-file1.thefastfile.com/portal-saas/new2023061417444122269/cms/file/a0e68968-35bf-4bff-9a2a-d47f2d0363c5.otf") format("opentype"); font-alias: Oswald-Bold; font-display: swap; } @font-face { font-family: "c85eacfa-7ec5-4c2b-91b7-b49d409e0486"; src: url("https://omo-oss-file1.thefastfile.com/portal-saas/new2023061417444122269/cms/file/c85eacfa-7ec5-4c2b-91b7-b49d409e0486.ttf") format("truetype"); font-alias: Oswald-Regular; font-display: swap; }/*-* CUSTOM_STYLESHEET_BEGIN_TAG *-*/body { font-family: Arial,"Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight:300; } * { font-weight:300; } .btn:focus { box-shadow: none } .noprint{visibility:hidden} .s_tmpl { background: 0 0 } :root{ --color1:#476b8e; --color2:rgba(0,147,216,1); --ztcolorh:#1978dc; --primary:#ffffff; --bgcolor:#476b8e; --bgcolorh:#1978dc; } .e_container-1 .cbox-1-1 { /* display:block !important; padding:0px; */ } .p_breadcrumb { display: flex; flex-wrap: wrap; } .e_text-3 a.on,.e_text-3 a:hover{ color: #ffffff !important; background:#1978dc !important; } .e_text-3 a { font-family: "c85eacfa-7ec5-4c2b-91b7-b49d409e0486" !important; color:#333333 !important; font-weight:300; } .e_bannerA-1 .swiper-slide { height:auto !important; } .p_breadcrumbItem * { color:#333333 !important; } .e_breadcrumb-4 .p_breadcrumbItem:not(:first-child)::before { color: #333333 !important; } .e_breadcrumb-4 .p_breadcrumbItem { color:#333333 !important; } .e_breadcrumb-4 .icon { fill:#1978dc !important; } .e_bannerA-1 .p_img img { opacity:1 !important; } .e_bannerA-1 .p_img { background:#476b8e; } .e_bannerA-1 .p_info .p_btitle { font-size: 2.5vw !important; text-transform: uppercase; } .e_bannerA-1 .p_info .p_btitle * { font-weight:bold !important; text-shadow: 0px 1px 2px rgba(0,0,0,0.1); } .e_bannerA-1 .p_info .p_btitle a { font-family: "c85eacfa-7ec5-4c2b-91b7-b49d409e0486" !important; } .e_bannerA-1 .p_info .p_summary { font-size: 16px !important; letter-spacing: 1px !important; } .e_richText-5 strong { font-weight:700 !important; } @media only screen and (max-width: 768px){ .e_bannerA-1 .p_info .p_btitle a { font-size: 22px; } .e_bannerA-1 .p_info .p_summary { display:none; } .e_bannerA-1 { height:40vw !important; margin-top:50px !important; } .e_bannerA-1 .p_info { top: calc(20% + 50px) !important; } .e_text-3 a { font-size:16px !important; padding:0px 4vw !important; font-weight:400 !important; } .e_loop-2:after { content: ''; position: absolute; width: 100%; height: 1px !important; left: 0; bottom: -1px; background: rgba(255,255,255,0.15) !important; } } @media only screen and (min-width: 769px){ .e_bannerA-1 { height:30vw !important; } .e_text-3 a { font-size:18px !important; padding:0px 2vw !important; font-weight:400 !important; } .e_bannerA-1 .p_info { top: calc(40% + 50px) !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #1978dc; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 15px); padding: 0.375rem 0.8rem; line-height: 1.5; color: #495057; background-color: #fbfbfb; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: none !important; } .p_required, [class^=e_][required] .p_label::after { vertical-align: middle; font-size: 14px; line-height: 100%; top: 0; padding-left: 0px; position: relative; font-weight: 500; } .p_label .s_label{ color: rgb(0 0 0 / 50%); }/*-* CUSTOM_STYLESHEET_END_TAG *-*/ .s_tmpl_footer { background-color: rgba(255, 255, 255, 1); }