::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { background: #d7d7d7; border-radius: 6px; } ::-webkit-scrollbar-thumb { background: #888; border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { background: var(--yx_CTwo); } .s_tmpl { background-color: rgba(239, 239, 239, 0); } .s_tmpl_footer { background-color: rgba(239, 239, 239, 0); } :root { --yx_FS72: 72px; --yx_FS60: 60px; --yx_FS54: 54px; --yx_FS48: 48px; --yx_FS45: 45px; --yx_FS42: 42px; --yx_FS38: 38px; --yx_FS36: 36px; --yx_FS30: 30px; --yx_FS28: 28px; --yx_FS24: 24px; --yx_FS22: 22px; --yx_FS18: 18px; --yx_FS16: 16px; --yx_FS14: 14px; --yx_Color: #025daa; --yx_CTwo: #025daa; --yx_Grad: linear-gradient(120deg, #1ea83a, #1d327c); } /*end*/ a:active, a:hover, a:focus, a:visited{ outline: none !important; text-decoration: none; } a { cursor: pointer; } i { font-style: normal; } /*media*/ @media only screen and (max-width:1440px){ :root { --yx_FS72: 54px; --yx_FS60: 48px; --yx_FS54: 42px; --yx_FS48: 45px; --yx_FS45: 42px; --yx_FS42: 38px; --yx_FS38: 30px; --yx_FS36: 28px; --yx_FS30: 26px; --yx_FS28: 24px; --yx_FS24: 22px; --yx_FS22: 18px; --yx_FS18: 16px; --yx_FS16: 14px; } } @media only screen and (max-width:1366px){ :root { --yx_FS72: 42px; --yx_FS60: 45px; --yx_FS54: 42px; --yx_FS48: 45px; --yx_FS45: 38px; --yx_FS42: 36px; --yx_FS38: 28px; --yx_FS36: 26px; --yx_FS30: 24px; --yx_FS28: 22px; --yx_FS24: 20px; --yx_FS22: 16px; --yx_FS18:16px; --yx_FS16:14px; --yx_FS14:12px; } } @media only screen and (min-width:1025px) { } /*pad*/ @media only screen and (min-width:769px) and (max-width:1024px){ } /*phone*/ @media only screen and (max-width:768px) { :root { --yx_FS72: 36px; --yx_FS60: 42px; --yx_FS54: 38px; --yx_FS48: 32px; --yx_FS30: 20px; } } /*end*/