.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: "d395bdc0-f452-4752-b2c8-f9239344a0a0"; } .s_button1:hover { background-color: rgba(64, 158, 255, 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: solid; border-color: rgba(64, 158, 255, 1); font-size: 14px; } .s_summary { font-size: 14px; color: #666666; line-height: 1.5; } .s_button1 { background-color: rgba(64, 158, 255, 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: solid; border-color: rgba(64, 158, 255, 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(64, 158, 255, 1); border-style: solid; border-width: 1px; border-color: rgba(64, 158, 255, 1); 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: #333333; } .s_templatesum { font-size: 14px; color: #666666; } .s_body { font-size: 12px; color: #F56C6C; line-height: 1.5; } .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(245, 245, 245, 0); } body { background-color: rgba(255, 255, 255, 0); } .s_button2 { background-color: rgba(64, 158, 255, 1); font-size: 14px; color: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px; border-color: rgba(64, 158, 255, 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(255, 255, 255, 1); color: rgba(64, 158, 255, 1); border-style: solid; border-color: rgba(64, 158, 255, 1); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .s_button3 { background-color: rgba(64, 158, 255, 1); font-size: 14px; color: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px; border-color: rgba(64, 158, 255, 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(51, 143, 238, 1); color: rgba(255, 255, 255, 1); border-style: solid; border-color: rgba(51, 143, 238, 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, 1); font-size: 14px; color: rgba(51, 51, 51, 1); border-style: solid; border-width: 1px; border-color: rgba(204, 204, 204, 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(255, 255, 255, 1); font-size: 14px; color: rgba(64, 158, 255, 1); border-style: solid; border-color: rgba(64, 158, 255, 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(64, 158, 255, 1); font-size: 14px; color: rgba(255, 255, 255, 1); border-style: solid; border-color: rgba(64, 158, 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(64, 158, 255, 1); border-style: solid; border-width: 1px; border-color: rgba(64, 158, 255, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; transition: all .3s; } .s_button6:hover { background-color: rgba(64, 158, 255, 1); font-size: 14px; color: rgba(255, 255, 255, 1); border-style: solid; border-color: rgba(64, 158, 255, 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: "d395bdc0-f452-4752-b2c8-f9239344a0a0"; src: url("https://omo-oss-file1.thefastfile.com/portal-saas/new2022072817540734799/cms/file/d395bdc0-f452-4752-b2c8-f9239344a0a0.ttf") format("truetype"); font-alias: Oswald-Regular; }/*-* CUSTOM_STYLESHEET_BEGIN_TAG *-*/#c_grid-116273709439190 { background-image: linear-gradient( -225deg , #105caf 0%, #146bbe 48%, #07378c 100%)!important; } #c_grid-116273709439190 > div { max-width: 100% !important; margin: 0 auto!important; padding: 0px!important; width: 100%!important; } .page_a.current { background: #ed7241 !important; color: #fff; }/*-* CUSTOM_STYLESHEET_END_TAG *-*/