p {
  font-size: 16px !important
}

#guide-banner {
  min-height: 290px;
  color: #000000;
  background: #F6F6F6
}

#guide-banner .container-bg::after {
  content: "";
  width: 470px;
  height: 290px;
  position: absolute;
  right: 0;
  top: 0px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMzIiBoZWlnaHQ9IjIyNyIgdmlld0JveD0iMCAwIDMzMyAyMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjMyLjk5OCIgeT0iMjkuMTg1MiIgd2lkdGg9IjE0Mi44MzQiIGhlaWdodD0iMTQyLjgzNCIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyMC42OTQgMjAxLjc5NkMxMjAuNjk0IDE2OC43MTYgOTMuODc3NyAxNDEuOSA2MC43OTc2IDE0MS45QzI3LjcxNzYgMTQxLjkgMC45MDA5NDYgMTY4LjcxNiAwLjkwMDk0NSAyMDEuNzk2TDEyMC42OTQgMjAxLjc5NloiIGZpbGw9IiNGN0I1MDAiLz4KPHBhdGggZD0iTTYxLjE5ODIgMEgyNDkuNDM5VjIyNi43NjlINjEuMTk4MlYwWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8cGF0aCBkPSJNNzguMDUyNyAyNS44ODI3SDIzMi4zOVY5NS44NjE3SDc4LjA1MjdWMjUuODgyN1oiIGZpbGw9IiMwQTAwOUMiLz4KPHBhdGggZD0iTTc4LjA1MjcgMTI5LjQxM0gyMzIuMzlWMTM3LjA4Mkg3OC4wNTI3VjEyOS40MTNaIiBmaWxsPSIjMEEwMDlDIi8+CjxwYXRoIGQ9Ik0xNTAuOTA4IDE1MS40NjFINzguMDUyN1YxNTkuMTNIMTUwLjkwOFYxNTEuNDYxWiIgZmlsbD0iIzBBMDA5QyIvPgo8cGF0aCBkPSJNMTc1LjY4NCAxNzUuMDMxQzE4OC4yNTMgMTYxLjgwMiAyMDQuMjUxIDE1MS40NDkgMjI5LjM5IDE1MS40NDlDMjYxLjMyNSAxNTEuNDQ5IDI1OS4zMjkgMTc1LjAzMSAyODQuODEgMTc1LjAzMUMzMzEuMDg5IDE3NS4wMzEgMzMzLjM3NCAxMjYuMTQxIDMyMy4wOSAxMDguODg2IiBzdHJva2U9InVybCgjcGFpbnQxX2xpbmVhcikiIHN0cm9rZS13aWR0aD0iMS45MTcyMyIgc3Ryb2tlLWRhc2hhcnJheT0iMy44MyAzLjgzIi8+CjxyZWN0IHg9IjEyOS44MTkiIHk9IjU1LjU5OTkiIHdpZHRoPSIxNDQuNzUxIiBoZWlnaHQ9IjU1LjU5OTciIGZpbGw9IiNGN0I1MDAiLz4KPHBhdGggZD0iTTI2MC45NTQgOTUuMTQ1NkMyNjIuNjgxIDk0LjEwOTIgMjY0LjAwNiA5Mi42NDA2IDI2NC45MjcgOTAuNzU1M0MyNjUuODY4IDg4Ljg1MTMgMjY2LjMzMSA4Ni42NjMzIDI2Ni4zMzEgODQuMjA0OEMyNjYuMzMxIDgxLjk4NzkgMjY1Ljg4NyA4MC4wMzc3IDI2NC45NzkgNzguMzcyNUMyNjQuMDkyIDc2LjcwNiAyNjIuNzk5IDc1LjQyNTMgMjYxLjExNSA3NC41Mzg4QzI1OS40NSA3My42MzE5IDI1Ny41MTEgNzMuMTg4MiAyNTUuMzE0IDczLjE4ODJDMjUzLjA2NCA3My4xODgyIDI1MS4wNjYgNzMuNjk4NSAyNDkuMzM4IDc0LjczNTVMMjQ5LjMzNiA3NC43MzdDMjQ3Ljg4MyA3NS42MTk1IDI0Ni43MDggNzYuODIxNyAyNDUuODExIDc4LjMzMjRMMjQ1Ljg0IDc3Ljk1NzZMMjQ2LjE0NyA3NC4wNjE4TDI0Ni4xOTIgNzMuNDk1SDI0NS42MjNIMjI3LjA5NUgyMjYuNjA5TDIyNi41NzEgNzMuOTc5MkwyMjYuMjY0IDc3Ljg3NTFMMjI2LjIyIDc4LjQ0MTlIMjI2Ljc4OEgyMzMuMTIxTDIzMS43MjUgOTUuODE5NUwyMzEuNjc5IDk2LjM4NzJIMjMyLjI0OUgyMzcuMDk1SDIzNy41ODJMMjM3LjYxOSA5NS45MDE5TDIzOC45NjIgNzguNDQxOUgyNDUuMzE2SDI0NS43NDdDMjQ1LjYxMyA3OC42NzI4IDI0NS40ODUgNzguOTEwOCAyNDUuMzY0IDc5LjE1NThMMjQ1LjM2MyA3OS4xNThDMjQ0LjQ0MiA4MS4wNDIyIDI0My45OTEgODMuMjIgMjQzLjk5MSA4NS42NzczQzI0My45OTEgODcuODkzMyAyNDQuNDI0IDg5Ljg0MjUgMjQ1LjMxIDkxLjUwNzNMMjQ1LjMxMyA5MS41MTE5QzI0Ni4yMiA5My4xNzUyIDI0Ny41MDkgOTQuNDY0OCAyNDkuMTczIDk1LjM3MjFMMjQ5LjE3MyA5NS4zNzIxTDI0OS4xOCA5NS4zNzU5QzI1MC44NjMgOTYuMjYwNSAyNTIuODExIDk2LjY5MzkgMjU1LjAwNyA5Ni42OTM5QzI1Ny4yNTcgOTYuNjkzOSAyNTkuMjQ1IDk2LjE4MzggMjYwLjk1NCA5NS4xNDU2Wk0yNjAuOTU0IDk1LjE0NTZDMjYwLjk1NCA5NS4xNDU5IDI2MC45NTMgOTUuMTQ2MyAyNjAuOTUzIDk1LjE0NjZMMjYwLjY4MiA5NC42OTU5TDI2MC45NTUgOTUuMTQ1MUMyNjAuOTU1IDk1LjE0NTMgMjYwLjk1NSA5NS4xNDU0IDI2MC45NTQgOTUuMTQ1NlpNMTYxLjc5MiA3NC4wNjE3TDE2MS44MzYgNzMuNDk1SDE2MS4yNjhIMTU2LjU3NEgxNTYuMDg5TDE1Ni4wNSA3My45Nzg3TDE1NS4zODMgODIuMzI5NkgxNDYuMzQ2TDE0Ny4wMDYgNzQuMDYyM0wxNDcuMDUxIDczLjQ5NUgxNDYuNDgySDE0MS43NThIMTQxLjI3MkwxNDEuMjM0IDczLjk3OTNMMTM5LjUxNiA5NS44MjA0TDEzOS40NzIgOTYuMzg3MkgxNDAuMDRIMTQ0LjczM0gxNDUuMjE4TDE0NS4yNTcgOTUuOTAzN0wxNDUuOTU1IDg3LjIxNTFIMTU0Ljk5M0wxNTQuMzAyIDk1LjgxOTZMMTU0LjI1NiA5Ni4zODcySDE1NC44MjZIMTU5LjU1SDE2MC4wMzZMMTYwLjA3NCA5NS45MDI4TDE2MS43OTIgNzQuMDYxN1pNMTY3Ljg5NiA5NS4zNzIxTDE2Ny44OTYgOTUuMzcyMUwxNjcuOTA0IDk1LjM3NTlDMTY5LjU4NyA5Ni4yNjA1IDE3MS41MzQgOTYuNjkzOSAxNzMuNzMxIDk2LjY5MzlDMTc1Ljk4IDk2LjY5MzkgMTc3Ljk2OSA5Ni4xODM5IDE3OS42NzggOTUuMTQ1OEMxODEuNDA0IDk0LjEwOTUgMTgyLjcyOSA5Mi42NDEgMTgzLjY1MSA5MC43NTU5QzE4NC41OTIgODguODUxOCAxODUuMDU1IDg2LjY2MzYgMTg1LjA1NSA4NC4yMDQ4QzE4NS4wNTUgODEuOTg4IDE4NC42MTEgODAuMDM3OCAxODMuNzAzIDc4LjM3MjZDMTgyLjgxNSA3Ni43MDYxIDE4MS41MjMgNzUuNDI1MyAxNzkuODM4IDc0LjUzODhDMTc4LjE3NCA3My42MzE5IDE3Ni4yMzUgNzMuMTg4MiAxNzQuMDM4IDczLjE4ODJDMTcxLjc4OCA3My4xODgyIDE2OS43OSA3My42OTg1IDE2OC4wNjIgNzQuNzM1NUwxNjguMDU5IDc0LjczN0MxNjYuMzUyIDc1Ljc3NDMgMTY1LjAyOSA3Ny4yNTMyIDE2NC4wODggNzkuMTU1OEwxNjQuMDg3IDc5LjE1OEMxNjMuMTY2IDgxLjA0MjIgMTYyLjcxNCA4My4yMiAxNjIuNzE0IDg1LjY3NzNDMTYyLjcxNCA4Ny44OTMzIDE2My4xNDcgODkuODQyNSAxNjQuMDM0IDkxLjUwNzNMMTY0LjAzNCA5MS41MDczTDE2NC4wMzYgOTEuNTExOUMxNjQuOTQ0IDkzLjE3NTIgMTY2LjIzMyA5NC40NjQ4IDE2Ny44OTYgOTUuMzcyMVpNMTc3LjgzOCA3OS41NzM5TDE3Ny44NDIgNzkuNTc4QzE3OC43MzUgODAuNjE2NSAxNzkuMjE4IDgyLjEzMzcgMTc5LjIxOCA4NC4yMDQ4QzE3OS4yMTggODYuNjkzMSAxNzguNjkgODguNTcyMyAxNzcuNjk3IDg5LjkwMjlDMTc2LjcxNSA5MS4yMTc4IDE3NS40MDEgOTEuODY5NyAxNzMuNyA5MS44Njk3QzE3MiA5MS44Njk3IDE3MC43NTkgOTEuMzQwNyAxNjkuODk4IDkwLjMzNzFDMTY5LjAyNSA4OS4yOTg1IDE2OC41NTEgODcuNzgwMiAxNjguNTUxIDg1LjcwOEMxNjguNTUxIDgzLjE5NzYgMTY5LjA3IDgxLjMwNzcgMTcwLjA0MyA3OS45Nzc0QzE3MS4wMjIgNzguNjY3MSAxNzIuMzU0IDc4LjAxMjQgMTc0LjA5OSA3OC4wMTI0QzE3NS43NTIgNzguMDEyNCAxNzYuOTc0IDc4LjU0NzIgMTc3LjgzOCA3OS41NzM5TDE3Ny44MzggNzkuNTczOVpNMjE5Ljg0IDc0LjIyOTJMMjIwLjE1OCA3My40OTVIMjE5LjM1OEgyMTQuNzg3SDIxNC40MzdMMjE0LjMwMiA3My44MTgzTDIwOC41MjYgODcuNjc2M0wyMDQuOTg5IDczLjg4OTlMMjA0Ljg4OCA3My40OTVIMjA0LjQ4SDIwMS4xMDZIMjAwLjc1OUwyMDAuNjIzIDczLjgxMzRMMTk0Ljc2MSA4Ny40ODE2TDE5MS4zMDggNzMuODkxMUwxOTEuMjA4IDczLjQ5NUgxOTAuNzk5SDE4NS45ODNIMTg1LjI5M0wxODUuNDc2IDc0LjE2TDE5MS40ODggOTYuMDAxMUwxOTEuNTk1IDk2LjM4NzJIMTkxLjk5NUgxOTUuODZIMTk2LjIwNkwxOTYuMzQzIDk2LjA2OTNMMjAxLjk3OCA4Mi45NjYyTDIwNS41NjkgOTYuMDAxMkwyMDUuNjc1IDk2LjM4NzJIMjA2LjA3NUgyMDkuOTFIMjEwLjI1NUwyMTAuMzkyIDk2LjA3MDNMMjE5Ljg0IDc0LjIyOTJaTTI1OS4xMTUgNzkuNTczOUwyNTkuMTE4IDc5LjU3OEMyNjAuMDExIDgwLjYxNjUgMjYwLjQ5NCA4Mi4xMzM3IDI2MC40OTQgODQuMjA0OEMyNjAuNDk0IDg2LjY5MzEgMjU5Ljk2NiA4OC41NzIzIDI1OC45NzMgODkuOTAyOUMyNTcuOTkxIDkxLjIxNzggMjU2LjY3NyA5MS44Njk3IDI1NC45NzcgOTEuODY5N0MyNTMuMjc2IDkxLjg2OTcgMjUyLjAzNSA5MS4zNDA2IDI1MS4xNzQgOTAuMzM2OEMyNTAuMzAxIDg5LjI5ODIgMjQ5LjgyNyA4Ny43OCAyNDkuODI3IDg1LjcwOEMyNDkuODI3IDgzLjE5NzYgMjUwLjM0NiA4MS4zMDc3IDI1MS4zMTkgNzkuOTc3M0MyNTIuMjk4IDc4LjY2NyAyNTMuNjMxIDc4LjAxMjQgMjU1LjM3NSA3OC4wMTI0QzI1Ny4wMjggNzguMDEyNCAyNTguMjUgNzguNTQ3MiAyNTkuMTE1IDc5LjU3MzlaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMDUxMTEiLz4KPHBhdGggZD0iTTMyNi45MDggOTEuMzc3N0wzMDguNTE0IDc5Ljk2ODNMMzA3LjgzMSAxMDEuNjAzTDMxMy42OTggOTguNDU3OUwzMTkuMTA5IDEwOC41NTVMMzI2LjQ1MiAxMDQuNjE5TDMyMS4wNDEgOTQuNTIyM0wzMjYuOTA4IDkxLjM3NzdaIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIyMDQuNzMyIiB5MT0iMjI2Ljc2OSIgeDI9IjY5LjUwMTQiIHkyPSIzMC4zMjQzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzQjVCRkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNDI3RUZGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjI5Ny42MiIgeTE9IjE2Ny41OSIgeDI9IjI3OS4xNjIiIHkyPSI5My45MzYxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjYxMkUiLz4KPHN0b3Agb2Zmc2V0PSIwLjk4NjI4IiBzdG9wLWNvbG9yPSIjRkZBMjY5Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhciIgeDE9IjMyNi44OTkiIHkxPSIxMDAuNTI1IiB4Mj0iMzAxLjI3MSIgeTI9Ijg5LjY3MTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNjEyRSIvPgo8c3RvcCBvZmZzZXQ9IjAuOTg2MjgiIHN0b3AtY29sb3I9IiNGRkEyNjkiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat center bottom;
  z-index: -1
}

#guide-banner.tech-banner-bg .container-bg::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDI5cHgiIGhlaWdodD0iMjkwcHgiIHZpZXdCb3g9IjAgMCA0MjkgMjkwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1OSAoODYxMjcpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkdyb3VwIDIgQ29weSAxNjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMCUiIHkxPSI1MCUiIHgyPSIxMDAlIiB5Mj0iNTAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkEyNjkiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNjEyRSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNzAuNTgyMDQzOSUiIHkyPSIxMDEuNjMxNDg4JSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNDI3RUZGIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzQjVCRkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjU2LjI5NjM5MDQlIiB5Mj0iMTAxLjYzMTQ4OCUiIGlkPSJsaW5lYXJHcmFkaWVudC0zIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzQyN0VGRiIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjM0I1QkZGIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IuWumueovyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InN0b3JlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA5MC4wMDAwMDAsIC05Ni4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMi1Db3B5LTE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDkwLjAwMDAwMCwgLTEyMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxNi42OTAyMzQsMTIwLjQzMTc2NyBDMTc1LjQzOTk1NywxMjAuNDMxNzY3IDE0MiwxNTMuODcxNzI0IDE0MiwxOTUuMTIyMDAxIEMxNDIsMjM2LjM3MjI3OCAxNzUuNDM5OTU3LDI2OS44MTIyMzUgMjE2LjY5MDIzNCwyNjkuODEyMjM1IEwyMTYuNjkwMjM0LDEyMC40MzE3NjcgWiIgaWQ9IlBhdGgtQ29weS0xOCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc5LjM0NTExNywgMTk1LjEyMjAwMSkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTc5LjM0NTExNywgLTE5NS4xMjIwMDEpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgZmlsbD0iI0YxQjcyMCIgcG9pbnRzPSIxNDIuMjY3MjYgMjY5LjQ4MDk4NCAyNzkuMzkyNTQgMjY5LjQ4MDk4NCAxNDIuMjY3MjYgNDExLjM3NTgzOSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQyLjI2NzI2LDI2OS40ODA5ODQgQzYzLjg0MjgyNiwyNjkuNDgwOTg0IDAuMjY3MjYwNDksMzMzLjA1NjU1IDAuMjY3MjYwNDksNDExLjQ4MDk4NCBDMC4yNjcyNjA0OSw0MTEuNDgwOTg0IDQ3LjYwMDU5MzgsNDExLjQ4MDk4NCAxNDIuMjY3MjYsNDExLjQ4MDk4NCBMMTQyLjI2NzI2LDI2OS40ODA5ODQgWiIgaWQ9IlBhdGgtQ29weS0yNiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzEuMjY3MjYwLCAzNDAuNDgwOTg0KSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC03MS4yNjcyNjAsIC0zNDAuNDgwOTg0KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS1Db3B5LTIyIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTIpIiBwb2ludHM9IjI3OS4xMjUyOCAyNjkuNDgwOTg0IDQ2OS41NDEzODcgNDU5Ljg5NzA5MiAyNzkuMTI1MjggNDU5Ljg5NzA5MiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDI4LjE3MjU4NSwwLjAwMjkwMzYyNzIgTDQyOC4xNzQ0OTcsMTMyLjA2MjMyNCBDNDI4LjE3NDQ5NywxNjQuNjgwMTI4IDQxMC40ODkxMiwxOTQuODIyOTQgMzgxLjc3NDE0NiwyMTEuMTQ2NzA5IEwyNzkuMTUyNzk3LDI2OS40ODM4ODggTDI3OS4xNTI4NzIsMTUzLjE2NzA3IEMyNzkuMTUxNDM2LDE1MS44ODc3NDYgMjc5LjE0NzI5MSwxNTAuNTM2MTM3IDI3OS4xMzg2MjEsMTQ4LjExODU5MyBDMjc5LjEwMTUxMSwxMzcuNzcwNzYgMjc5LjEzMzE0MywxMzMuMTA0MjE3IDI3OS4zNDUwMDEsMTI3LjQ0Njg0NyBDMjgwLjQ5MDgxNCw5Ni44NDk0OTQxIDI4Ny4zMTQ5MDIsNzkuNTkxNTk3MSAzMDUuNDU3NTY4LDY4LjI1MDA3NTggQzMyMi45MDA0NTksNTcuMzQ2MDAyIDM2My45MDIyNzUsMzQuNTM5NzI3MyA0MjguMTcyNTg1LDAuMDAyOTAzNjI3MiBaIiBpZD0iQ29tYmluZWQtU2hhcGUtQ29weS0xMS1Db3B5LTI0IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTMpIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center bottom
}

#guide-banner .title {
  font-size: 46px;
  max-width: 550px;
  line-height: 56px;
  font-weight: bold;
  padding-top: 63px
}

#guide-banner .tip {
  font-size: 20px;
  color: #666666;
  max-width: 620px
}

#arc-banner {
  height: 120px
}

#arc-banner h1 {
  font-size: 40px;
  max-width: 620px;
  line-height: 52px
}

#arc-wrap .author-info {
  font-size: 14px;
  border: 1px solid #e7e7e7;
  padding: 10px;
  margin-top: 30px
}

#arc-wrap .author-info img {
  border-radius: 50%;
  margin-right: 10px
}

#nav-link {
  margin: 20px auto;
  font-size: 14px;
  color: #666
}

#hot-wrap {
  padding: 114px;
  background: linear-gradient(168deg, #427eff 0%, #3b5bff 100%) no-repeat;
  background-size: 100% 300px
}

#hot-wrap .cont {
  max-width: 1200px;
  margin: 0 auto
}

#hot-wrap .cell {
  background: #fff;
  -webkit-box-shadow: 0 5px 46px 0 rgba(68, 4, 4, 0.13);
  box-shadow: 0 5px 46px 0 rgba(68, 4, 4, 0.13);
  color: #666
}

#hot-wrap .title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 20px;
  line-height: 24px;
  color: #000000;
  border-bottom: 2px solid #eeeeee
}

#hot-wrap .hot-arc,
#hot-wrap .hot-search {
  width: 48%;
  position: relative;
  min-height: 314px
}

#hot-wrap .hot-arc::after {
  content: '';
  position: absolute;
  top: 60px;
  left: -72px;
  width: 72px;
  height: 36px;
  border-radius: 0 0 72px 72px;
  background: #f1b720
}

#hot-wrap .hot-arc::before {
  content: '';
  position: absolute;
  top: -114px;
  left: 0;
  width: 166px;
  height: 114px;
  border-radius: 0 100% 0 0;
  background: #0a009c
}

#hot-wrap .hot-arc ul img {
  width: 64px;
  height: 40px;
  vertical-align: middle
}

#hot-wrap .hot-arc ul a {
  display: inline-block;
  width: 80%;
  vertical-align: middle;
  padding-left: 20px;
  font-size: 14px
}

#hot-wrap .hot-arc ul li {
  padding: 20px
}

#hot-wrap .hot-arc ul li:not(:last-child) {
  border-bottom: 2px solid #eeeeee
}

#hot-wrap .hot-search li {
  display: inline-block
}

#hot-wrap .hot-search ul {
  padding: 20px
}

#hot-wrap .hot-search a {
  display: inline-block;
  background: #eee;
  color: #333333;
  border-radius: 50px;
  margin: 7px 10px;
  padding: 5px 20px;
  font-size: 14px
}

#hot-wrap .hot-search a:hover {
  color: #0057ff
}

#disqus_thread {
  padding: 20px 0
}

#list-banner {
  background-color: #f6f6f6;
  height: 290px
}

#list-banner .container {
  position: relative
}

#list-banner .container::after {
  content: '';
  background: url("https://www.ultfone.com/style/images/arc-banner-bg.svg") no-repeat;
  position: absolute;
  top: -70px;
  right: 0;
  height: 290px;
  width: 470px;
  z-index: -1
}

#list-banner h1,
#list-banner p {
  max-width: 620px
}

#list-banner h1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 52px;
  margin-bottom: 8px
}

#list-banner p {
  color: #666666;
  line-height: 24px
}

#list-cont .how-to {
  margin: 47px 0 60px 0;
  position: relative
}

#list-cont .how-to::before {
  content: '';
  width: 62px;
  height: 62px;
  background: #0a009c;
  position: absolute;
  top: 0;
  left: -62px;
  border-radius: 0 0 0 62px
}

#list-cont .how-to::after {
  content: '';
  width: 37px;
  height: 74px;
  background: linear-gradient(136deg, #ffa269 0, #ff612e 100%);
  position: absolute;
  top: 62px;
  left: -37px;
  border-radius: 37px 0 0 37px
}

#list-cont .how-to .list-sidebar {
  width: 25.333%;
  position: sticky;
  top: 0;
  background: #eeeeee
}

#list-cont .how-to .list-sidebar .sub {
  padding: 15px 30px;
  font-size: 14px;
  color: #666666
}

#list-cont .how-to .list-sidebar li {
  border-top: 1px solid #e6e6e6
}

#list-cont .how-to .list-sidebar li a {
  display: block;
  padding: 13px 40px;
  color: #323232;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px
}

#list-cont .how-to .list-sidebar li:hover {
  text-decoration: underline
}

#list-cont .how-to .list-sidebar li:hover a {
  color: currentColor;
  -webkit-transform: translateX(5px);
  transform: translateX(5px)
}

#list-cont .how-to .rgt {
  padding: 0 3%;
  width: 76.667%
}

#list-cont .how-to .rgt .sub {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px
}

#list-cont .how-to .rgt .desc {
  font-size: 14px;
  color: #666666;
  line-height: 24px
}

#list-cont .how-to .rgt .cell {
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px
}

#list-cont .how-to .rgt .tp {
  display: block;
  margin-bottom: 20px
}

#list-cont .how-to .rgt .author-info {
  font-size: 14px
}

#list-cont .how-to .rgt .author-info img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%
}

#list-cont .how-to .rgt .author-info .author {
  margin: 0 5px
}

.mobile-tb {
  display: none
}

.mobile-tb .cell {
  padding: 20px 10px
}

.mobile-tb .cell:not(:first-child) {
  margin-top: 30px
}

.mobile-tb .cell .sub {
  font-size: 18px;
  font-weight: 700
}

.mobile-tb .cell p {
  margin: 10px 0
}

#arc-cont .list-dot {
  display: block
}

#arc-cont .list-dot li>*:first-child {
  margin-top: 20px !important
}

#arc-cont h3 {
  margin-top: 30px
}

#arc-cont h2 {
  margin-top: 50px
}

#arc-cont dl {
  margin-top: 30px
}

#arc-cont>.cell {
  margin: 30px 0
}

#arc-cont #contact-cont .cell {
  margin: 30px 0
}

#download-banner .btn svg {
  margin-right: 10px !important
}

#download-banner .group-btn {
  max-width: 540px
}

#arc-wrap {
  margin: 50px auto;
  max-width: 1380px;
  position: relative;
  z-index: 2
}

#arc-wrap .container-sm {
  max-width: 1380px
}

#arc-wrap>.container {
  padding: 0
}

#arc-sidebar {
  position: sticky;
  position: -webkit-sticky;
  background-color: #f6f6f6;
  left: 0;
  top: 0;
  width: 240px;
  -ms-flex-preferred-size: 240px;
  flex-basis: 240px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

#arc-sidebar.arc-sidebar-top {
  top: 80px
}

#arc-sidebar::after {
  content: '';
  width: 62px;
  height: 62px;
  position: absolute;
  top: 0;
  left: -62px;
  border-radius: 0 0 0 62px;
  background: #0a009c
}

#arc-sidebar::before {
  content: '';
  width: 37px;
  height: 74px;
  position: absolute;
  top: 62px;
  left: -37px;
  border-radius: 37px 0 0 37px;
  background: -webkit-gradient(linear, left top, right top, from(#ffa269), to(#ff612e));
  background: linear-gradient(90deg, #ffa269 0%, #ff612e 100%)
}

#arc-sidebar:empty {
  display: none
}

#arc-sidebar:empty~#expand-btn {
  display: none
}

#arc-sidebar .title {
  color: #666666;
  padding: 20px;
  line-height: 20px
}

#arc-sidebar>ul>li {
  border-top: 2px solid #eeeeee;
  background-color: #f6f6f6
}

#arc-sidebar>ul>li>a {
  font-size: 16px;
  line-height: 24px;
  padding: 13px 20px;
  display: block;
  font-weight: 700;
  position: relative
}

#arc-sidebar>ul>li>a:after {
  content: '';
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  position: absolute;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  top: 21px;
  right: 20px
}

#arc-sidebar>ul>li.actived>a:after {
  content: '';
  -webkit-transform: rotateZ(225deg);
  transform: rotateZ(225deg)
}

#arc-sidebar>ul>li>ul {
  display: none;
  font-size: 14px;
  padding: 5px
}

#arc-sidebar>ul>li.actived>ul {
  display: block;
  background: #f6f6f6;
  color: #666666
}

#arc-sidebar>ul>li.actived li a {
  position: relative;
  display: block;
  padding: 8px 20px 8px 26px
}

#arc-cont>ul>li>ul a:hover {
  color: #0057ff
}

#arc-sidebar>ul>li li a:hover {
  color: #323232;
  text-decoration: underline
}

#arc-sidebar>ul>li>a {
  color: #323232
}

#arc-sidebar-nav {
  position: fixed;
  left: 0;
  top: 6rem;
  z-index: 59
}

@media (min-width: 1400px) {
  #arc-sidebar-nav {
    text-align: center;
    position: sticky;
    position: -webkit-sticky;
    top: 0
  }
}

#arc-sidebar-nav ul {
  position: relative;
  z-index: 2
}

#arc-sidebar-nav ul:after {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 4px dotted #cdeffa;
  top: 0;
  z-index: -1
}

#arc-sidebar-nav li a {
  display: block;
  background-color: #f6f6f6;
  width: 80px;
  height: 40px;
  line-height: 40px;
  font-weight: 600
}

#arc-sidebar-nav li.actived a {
  background: linear-gradient(169deg, #427eff 0%, #3b5bff 100%);
  position: relative
}

#arc-sidebar-nav li.actived a,
#arc-sidebar-nav li.actived a:hover {
  color: #ffffff
}

#arc-sidebar-nav li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6
}

#arc-cont a:hover {
  text-decoration: underline
}

#arc-cont h4 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 30px;
  font-weight: 400;
  color: #333
}

#arc-cont h4.h4-bold {
  font-weight: 600;
  color: #000000
}

#arc-cont h5 {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 30px;
  font-weight: 400;
  color: #333
}

#arc-cont h6 {
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 30px;
  font-weight: 400;
  color: #333
}

#arc-cont .video-wrap,
#arc-cont picture {
  margin: 20px 0
}

#arc-cont {
  background-color: #fff;
  line-height: 26px;
  padding: 40px 290px 40px 50px;
  color: #666666;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden
}

#arc-sidebar:empty~#arc-cont {
  max-width: 100%
}

#arc-sidebar:empty~#arc-cont:after {
  -webkit-box-shadow: none;
  box-shadow: none
}

#arc-sidebar.anchor-sidebar {
  width: 300px;
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
  min-height: 500px
}

#arc-sidebar.anchor-sidebar>ol {
  padding-left: 46px;
  padding-right: 30px
}

#arc-sidebar.anchor-sidebar>ol>li {
  margin-bottom: 25px;
  position: relative
}

#arc-sidebar.anchor-sidebar>ol>li.actived::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: -16px;
  top: 8px;
  border-left: 8px solid #0057ff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent
}

#arc-sidebar.anchor-sidebar>ol>li>a {
  color: inherit
}

#arc-sidebar.anchor-sidebar>ol>li>a:hover {
  text-decoration: underline
}

#arc-sidebar.anchor-sidebar>ol>li.actived>a {
  color: #0057ff
}

#arc-help-sidebar {
  width: 231px;
  min-height: 300px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 24px 28px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTI0cHgiIGhlaWdodD0iMTE0cHgiIHZpZXdCb3g9IjAgMCAxMjQgMTE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPue8lue7hCAxMTwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZBMjY5IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRjYxMkUiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjcwLjU4MjA0MzklIiB5Mj0iMTAxLjYzMTQ4OCUiIGlkPSJsaW5lYXJHcmFkaWVudC0yIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzNCNUJGRiIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNDI3RUZGIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IuWumueovyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWFtuS7lnN1cHBvcnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDM1LjAwMDAwMCwgLTUyOC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC01IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzI4LjAwMDAwMCwgMzQyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0xMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3LjAwMDAwMCwgMTg2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00MSwzMCBDMjQuOTgzNzQyMywzMCAxMiw0Mi43NTk4ODQ2IDEyLDU4LjUgQzEyLDc0LjI0MDExNTQgMjQuOTgzNzQyMyw4NyA0MSw4NyBMNDEsMzAgWiIgaWQ9IlBhdGgtQ29weS0xOCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIGZpbGw9IiMwQTAwOUMiIHg9IjMwIiB5PSI0NyIgd2lkdGg9Ijk0IiBoZWlnaHQ9IjY3Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IuefqeW9oiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzYuNjY5MDQ4LCA0Ny4wMDAwMDApIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTc2LjY2OTA0OCwgLTQ3LjAwMDAwMCkgIiBwb2ludHM9IjQzLjY2OTA0NzYgMTQgMTA5LjY2OTA0OCA4MCA0NC4wNDg0MjA1IDc5LjYyMDYyNyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLnn6nlvaLlpIfku70iIGZpbGw9IiNGN0I1MDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjAwMDAwMCwgMTAwLjAwMDAwMCkgc2NhbGUoLTEsIC0xKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTUuMDAwMDAwLCAtMTAwLjAwMDAwMCkgIiBwb2ludHM9IjEgODUgMjkgMTE1IDEgMTE1Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat right bottom
}

#arc-help-sidebar .title {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  line-height: 24px;
  margin-bottom: 8px
}

#arc-help-sidebar p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 21px
}

#arc-help-sidebar a {
  color: #0057ff
}

#arc-cont ol {
  list-style-type: none
}

#arc-cont section,
#arc-cont ul,
#arc-cont ol,
#arc-cont picture,
#arc-cont .step li {
  margin: 20px 0
}

#arc-cont a {
  color: #0057ff
}

#arc-cont .bg-gray {
  background-color: #f6f6f6
}

#arc-cont .column-block .bg-blue {
  background: linear-gradient(168deg, #427eff 0%, #3b5bff 100%);
  color: #fff
}

#arc-cont .block {
  width: 100%;
  border-radius: 4px;
  padding: 20px
}

#arc-cont .block ul {
  margin-bottom: 0;
}

#arc-cont .block.no-bg-border {
  padding: 0 20px
}

#arc-cont *:first-child {
  margin-top: 0 !important;
  margin-left: 0 !important
}

#arc-cont *:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important
}

#arc-cont h2 {
  font-size: 24px;
  line-height: 33px;
  background-color: #f6f6f6;
  color: #0057ff;
  padding: 15px 20px 15px 30px;
  position: relative;
  font-weight: 700;
  margin-bottom: 30px
}

#arc-cont h3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  position: relative;
  padding-left: 16px;
  margin-bottom: 20px
}

#arc-cont h3::after {
  content: ' ';
  border-bottom: 5px solid transparent;
  border-left: 8px solid #666666;
  border-top: 5px solid transparent;
  position: absolute;
  top: 9px;
  left: 0;
  height: 0;
  width: 0
}

#arc-cont h2::after {
  content: ' ';
  border-bottom: 8px solid transparent;
  border-left: 12px solid #0057ff;
  border-top: 8px solid transparent;
  position: absolute;
  top: 23px;
  left: 0;
  height: 0;
  width: 0
}

#arc-cont .blockquote blockquote {
  border: none;
  font-style: italic;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 0;
  margin-left: 0
}

#arc-cont .blockquote blockquote p {
  text-align: left;
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

#arc-cont .blockquote svg:nth-of-type(1) {
  margin-right: 8px;
  -ms-flex-item-align: start;
  align-self: flex-start
}

#arc-cont .blockquote svg:nth-of-type(2) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: 8px;
  -ms-flex-item-align: end;
  align-self: flex-end
}

#arc-cont .blockquote .author {
  text-align: right;
  font-weight: 700
}

#arc-cont .part-h2 {
  margin-top: 50px
}

#arc-cont .part-h3 {
  margin-top: 30px
}

#arc-cont ul li:not(:first-child) {
  margin-top: 10px
}

#arc-cont .list-triangle li {
  position: relative;
  padding-left: 18px
}

#arc-cont .list-triangle > li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 8px;
  border-left: 8px solid #0057ff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent
}

#arc-cont .list-triangle:not(.bg-gray) li a {
  color: #323232
}

#arc-cont .list-triangle:not(.bg-gray) li:before {
  border-left: 8px solid #323232
}

#arc-cont .list-triangle:not(.bg-gray) li:hover a {
  color: #0057ff
}

#arc-cont .list-triangle:not(.bg-gray) li:hover:before {
  border-left: 8px solid #0057ff
}

#arc-cont ul[class*='list-disc'] li {
  margin: 10px 0;
  position: relative;
  padding-left: 15px
}

#arc-cont ul[class*='list-disc'] li:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #222222
}

#arc-cont ul.list-disc-blue li:before {
  background-color: #0057ff
}

#arc-cont .border-gray {
  border: 1px solid #e0eef5
}

#arc-cont .tip {
  display: none;
  border-radius: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#arc-cont .tip p {
  margin: 0 0 0 20px;
  color: #fff
}

#arc-cont .tip div {
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#arc-cont .tip div span {
  font-weight: 700
}

#arc-cont .tip-new {
  display: block;
  font-weight: bold;
  text-align: left
}

#arc-cont .step .group-btn {
  margin-top: 20px
}

#arc-cont .step .number {
  display: inline-block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  background-color: #0057ff;
  text-align: center;
  color: #ffffff;
  position: relative;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-right: 20px !important
}

#arc-cont .step .number:after {
  content: '';
  position: absolute;
  right: -10px;
  height: 0;
  width: 0;
  border-left: 10px solid #0057ff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent
}

#arc-cont ol.step li {
  margin: 15px 0
}

#arc-cont .group-btn {
  line-height: normal
}

#arc-cont .group-btn a {
  margin-top: 0;
  margin-bottom: 0
}

#arc-cont .group-btn a:first-child {
  margin-left: 0
}

#arc-cont .group-btn .tp {
  display: block;
  background: linear-gradient(169deg, #427eff 0%, #3b5bff 100%);
  font-size: 14px;
  border-radius: 50px
}

#arc-cont .group-btn .tp .txt {
  font-weight: 700
}

#arc-cont .group-btn .bt {
  display: block
}

#arc-cont .group-btn .secure-btn:hover {
  -webkit-filter: contrast(86%);
  filter: contrast(86%)
}

#arc-cont figure {
  max-width: 860px;
  margin: 20px 0;
  font-size: 0;
  display: inline-block
}

#arc-cont figure figcaption {
  text-align: center;
  font-size: 16px;
  margin: 20px 0
}

#arc-cont ul.infor li {
  font-size: 12px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 25px;
  position: relative;
  line-height: 26px
}

#arc-cont ul.infor li:not(:last-child) {
  margin-right: 20px;
  padding: 0
}

#arc-cont ul.infor li.time::after {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: auto;
  left: 0;
  background: url(https://www.ultfone.com/style/images/time.svg)
}

#arc-cont ul.infor li svg {
  margin-right: 6px !important
}

#arc-cont ul.infor li a {
  color: #0057ff
}

#arc-cont ul.infor li img {
  margin-right: 10px !important;
  border-radius: 50%;
  width: 25px;
  height: 25px
}

#arc-cont ul.infor li a:hover {
  color: #0057ff
}

#arc-banner ul.infor li:not(:last-child) {
  margin-right: 20px;
  padding: 0
}

#arc-banner ul.infor li {
  font-size: 12px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 25px;
  position: relative;
  line-height: 26px
}

#arc-banner ul.infor li.time::after {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: auto;
  left: 0;
  background: url(https://www.ultfone.com/style/images/time.svg)
}

#arc-banner ul.infor li svg {
  margin-right: 6px !important
}

#arc-banner ul.infor li a {
  color: #0057ff
}

#arc-banner ul.infor li img {
  margin-right: 10px;
  border-radius: 50%;
  width: 25px;
  height: 25px
}

#arc-banner ul.infor li a:hover {
  color: #0057ff;
  text-decoration: underline
}

#arc-cont h1 {
  font-size: 30px;
  color: #333333;
  line-height: 36px;
  font-weight: 700;
  margin: 20px 0
}

#arc-cont .border-line {
  width: 100%;
  height: 1px;
  background: #EEEEEE;
  margin: 20px 0
}

#arc-wrap .arc-side {
  width: 300px;
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

#arc-wrap .arc-side .top-arc {
  background: #ffffff;
  -webkit-box-shadow: 0 0 30px 0 rgba(45, 45, 45, 0.1);
  box-shadow: 0 0 30px 0 rgba(45, 45, 45, 0.1);
  font-size: 14px
}

#arc-wrap .arc-side .top-arc .title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  padding: 20px;
  border-bottom: 1px solid #e7e7e7
}

#arc-wrap .arc-side .top-arc picture {
  width: 80px;
  height: 50px;
  overflow: hidden;
  -ms-flex-preferred-size: 80px;
  flex-basis: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px
}

#arc-wrap .arc-side .top-arc ul {
  padding: 10px 0px
}

#arc-wrap .arc-side .top-arc li {
  padding: 10px 20px
}

#arc-wrap .arc-side .top-arc li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6
}

#arc-wrap .arc-side .top-arc li a {
  color: #555555
}

#arc-wrap .arc-side .top-arc li a:hover {
  color: #0057ff
}

#arc-wrap .arc-side .top-arc li a span {
  font-weight: 600;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}

#arc-wrap .arc-side .recommend {
  position: relative;
  background: url(https://www.ultfone.com/style/images/recommend-bg.svg) center center;
  padding: 20px;
  margin-top: 20px;
  background-size: 138% 129%
}

#arc-wrap .arc-side .recommend .title,
#arc-wrap .arc-side .recommend .txt {
  color: #ffffff
}

#arc-wrap .arc-side .recommend a {
  text-decoration: underline
}

#arc-wrap .arc-side .recommend .title {
  display: block;
  font-size: 16px;
  font-weight: 600
}

#arc-wrap .arc-side .recommend .txt {
  font-size: 20px;
  margin: 10px 0 25px;
  font-weight: 700
}

#arc-wrap .arc-side .recommend .btn {
  padding: 11px 36px;
  font-size: 16px;
  text-transform: none
}

#arc-wrap .arc-side .recommend .btn {
  margin: 0
}

#arc-wrap .arc-side .recommend .btn:first-child {
  margin-bottom: 10px
}

#arc-wrap .arc-side .recommend .pic {
  width: 130px;
  -ms-flex-preferred-size: 80px;
  flex-basis: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  margin: 20px 0 0 20px
}

#download-banner,
#arc-cont .download-banner {
  color: #fff;
  padding: 40px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  background: url(https://www.ultfone.com/style/images/advertising-block-bj.svg) no-repeat center center;
  background-size: 100% 100%
}

#arc-cont .download-banner .txt {
  max-width: 440px
}

#download-banner .pic,
#arc-cont .download-banner .pic {
  width: 180px;
  margin-right: 30px;
  -ms-flex-preferred-size: 180px;
  flex-basis: 180px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 24px
}

#download-banner p,
#arc-cont .download-banner p {
  margin: 10px 0
}

#download-banner .sub,
#arc-cont .download-banner .sub {
  font-size: 18px;
  margin: 10px 0
}

#download-banner .sub a,
#arc-cont .download-banner .sub a {
  color: #fff
}

#download-banner .title,
#arc-cont .download-banner .title {
  font-size: 24px;
  margin: 10px 0;
  font-weight: 700
}

#download-banner ul.list-dot,
#arc-cont .download-banner ul.list-dot {
  display: block
}

#download-banner ul.list-dot li,
#arc-cont .download-banner ul.list-dot li {
  display: block;
  line-height: 20px
}

#download-banner ul.list-dot>li:after,
#arc-cont .download-banner ul.list-dot>li:after {
  top: 8px
}

#download-banner .group-btn,
#arc-cont .download-banner .group-btn {
  margin-top: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#download-banner .group-btn a,
#arc-cont .download-banner .group-btn a {
  margin-right: 20px;
  margin-top: 20px !important
}

#download-banner .buy,
#arc-cont .download-banner .buy {
  display: none
}

#download-banner .btn,
#arc-cont .download-banner .btn {
  color: #ffffff;
  margin: 0
}

#download-banner .btn:hover,
#arc-cont .download-banner .btn:hover {
  text-decoration: none
}

#download-banner .btn svg,
#arc-cont .download-banner .btn svg {
  margin-right: 10px
}

#download-banner .btn,
#arc-cont .download-banner .btn,
#arc-cont .download-banner .btn span {
  font-weight: 700
}

#download-banner .orange-btn,
#arc-cont .download-banner .orange-btn {
  background: #ff612e
}

#download-banner .white-btn,
#arc-cont .download-banner .white-btn {
  background: #ffffff;
  color: #ff612e !important
}

#arc-cont table {
  width: 100%
}

#arc-cont table td,
#arc-cont table th {
  border: 1px solid #e7e7e7;
  padding: 14px 30px
}

#arc-cont table th {
  font-size: 18px;
  font-weight: 700;
  background-color: #e7e7e7
}

#arc-cont table .dot:before,
#arc-cont table .circle:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  border-radius: 7px
}

#arc-cont table .dot:before {
  background-color: #0057ff
}

#arc-cont table .circle:before {
  border: 2px solid #0057ff
}

#arc-cont .column-block {
  margin: 20px 0
}

#arc-cont .column-block .cell {
  width: 100%;
  padding: 10px 15px;
  margin: 0 10px
}

#arc-cont .column-block .title {
  font-size: 20px;
  font-weight: 700
}

#arc-cont .column-block ul {
  padding-left: 20px
}

#arc-cont .column-block ul li {
  list-style-type: disc
}

#arc-cont p:not(:last-child) {
  margin-bottom: 20px
}

#arc-cont .num-list {
  list-style-type: none;
  counter-reset: sectioncounter
}

#arc-cont .num-list li {
  position: relative;
  padding: 0 0 0 36px
}

#arc-cont .num-list li>p {
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  color: #000000
}

#arc-cont .num-list li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: counter(sectioncounter) "";
  counter-increment: sectioncounter;
  width: 24px;
  height: 24px;
  background: #EEEEEE;
  color: #0057ff;
  display: block;
  text-align: center;
  line-height: 24px;
  z-index: 2;
  font-weight: 600;
  font-size: 16px;
  line-height: 160%
}

#arc-cont .num-list li::after {
  position: absolute;
  left: 12px;
  top: 0;
  content: '';
  width: 1px;
  height: 100%;
  background: #EEEEEE;
  z-index: 1
}

#arc-cont .num-list li:last-child::after {
  display: none
}

#arc-cont .disc-ul {
  padding-left: 18px
}

#arc-cont .disc-ul>li {
  list-style: disc
}

.dev-mobile .yellow-btn {
  background: linear-gradient(169deg, #427eff 0%, #3b5bff 100%)
}

#arc-cont .dev-mobile .yellow-btn {
  margin-top: 10px !important;
  margin-left: 10px !important
}

.group-btn .border-blue {
  border: 2px solid #3b5bff !important
}

.group-btn .border-white {
  border: 2px solid #ffffff !important
}

.group-btn .bg-blue {
  background: linear-gradient(169deg, #427eff 0%, #3b5bff 100%) !important;
  color: #fff !important
}

.group-btn .bg-white {
  background: #ffffff !important;
  color: #3b5bff !important
}

a:hover {
  color: #0057ff
}

.recommend .group-btn .bg-white:hover {
  background: linear-gradient(169deg, #427eff 0%, #3b5bff 100%) !important;
  color: #fff !important
}

.recommend .group-btn .bg-blue:hover {
  background: #ffffff !important;
  color: #3b5bff !important
}

.download-banner .group-btn .bg-blue:hover {
  background: #ffffff !important;
  color: #3b5bff !important
}

.download-banner .group-btn .bg-white:hover {
  background: #3b5bff !important;
  color: #ffffff !important;
  border: 2px solid #FFFFFF !important;
}

.group-btn a {
  text-decoration: none !important
}

.download-banner .btn {
  text-transform: none;
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 400
}

.download-banner a {
  text-decoration: underline;
  color: #fff !important
}

.group-btn {
  margin: 20px 0
}

.btn:hover {
  -webkit-filter: contrast(100%);
  filter: contrast(100%)
}

#arc-banner {
  color: #323232
}

#arc-banner ul {
  margin-top: 20px;
  font-size: 12px
}

#arc-banner ul li {
  line-height: 14px
}

#arc-banner ul li:not(:last-child) {
  margin-right: 30px
}

#arc-banner ul li svg {
  margin-right: 6px
}

#arc-banner {
  background: url(https://www.ultfone.com/style/images/banner-con-bg.svg) no-repeat bottom
}

#arc-banner.style-2 {
  padding: 60px 0 54px;
  height: 290px
}

#arc-wrap.style-2 {
  margin: 40px auto
}

#arc-wrap.style-2>.container {
  background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none
}

#arc-wrap.style-2 .arc-main {
  padding: 0 50px
}

#arc-wrap.style-2 #arc-cont {
  -webkit-box-shadow: none;
  box-shadow: none;
  position: static;
  padding: 0;
  overflow: visible
}

#arc-wrap.style-2 #arc-cont:after {
  width: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

#arc-wrap.style-2 #expand-btn {
  display: none
}

#arc-wrap.style-2 .author-info p {
  margin: 0 0 0 10px
}

#arc-wrap.style-2 .author-info a {
  line-height: normal
}

@media (max-width: 1280px) {
  #arc-sidebar-nav {
    display: none
  }

  #arc-cont .download-banner {
    background: #0057ff
  }
}

@media (max-width: 1600px) {
  #arc-wrap {
    max-width: 1200px
  }

  #arc-cont {
    padding: 40px 50px 40px 50px;
    max-width: 900px
  }

  #arc-wrap>.container {
    padding: 0 15px
  }

  #arc-sidebar.actived {
    position: sticky;
    left: 0;
    z-index: 1;
    margin-top: 5px;
    display: block
  }

  #arc-sidebar {
    display: none
  }

  #expand-btn {
    background: #0057ff;
    padding: 5px;
    width: 42px;
    height: 42px;
    position: sticky;
    display: block;
    left: 5px;
    font-size: 36px;
    color: #fff;
    line-height: 1;
    text-align: center;
    z-index: 2;
    top: 80px
  }

  #expand-btn:hover {
    color: #fff !important
  }

  #expand-btn.actived {
    left: 0
  }

  #expand-btn .arrow,
  #expand-btn.actived .bread {
    display: none
  }

  #expand-btn.actived .arrow {
    display: block
  }

  #arc-cont:after {
    width: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  #arc-banner.style-2 {
    padding: 54px 0
  }

  #arc-wrap.style-2>.container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  #arc-wrap.style-2 .arc-side {
    width: 100%;
    margin-top: 50px
  }

  #arc-wrap.style-2 .arc-main {
    padding: 0
  }

  #list-banner .container::after {
    display: none
  }
}

@media (max-width: 769px) {
  #arc-help-sidebar {
    display: none
  }

  main .group-btn a[href$='.exe'],
  main .group-btn a[href$='.dmg'],
  #panel-info .svg {
    display: none
  }

  #guide-banner .container-bg::after {
    display: none
  }

  #guide-banner.tech-banner-bg {
    min-height: auto
  }

  #guide-banner.tech-banner-bg .title {
    padding-bottom: 40px
  }

  #guide-banner .title {
    font-size: calc(24px + 2vw);
    line-height: 40px
  }

  #arc-banner h1 {
    font-size: calc(24px + 1vw);
    line-height: 40px
  }

  #arc-cont {
    margin: 0 !important
  }

  #arc-cont h2 {
    font-size: calc(20px + 0.8vw)
  }

  #arc-cont h3 {
    font-size: calc(18px + 0.8vw)
  }

  #arc-cont h4 {
    font-size: calc(16px + 0.8vw)
  }

  #arc-wrap .author-info {
    margin: 30px 10px 0
  }

  #nav-link {
    padding: 0 10px
  }

  #disqus_thread,
  #arc-cont,
  #hot-wrap .cell {
    padding: 20px 10px
  }

  #list-banner.com-block {
    padding: 60px 0 150px
  }

  #list-cont .how-to:before {
    display: none
  }

  #list-cont .how-to .list-sidebar {
    position: static;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1)
  }

  #list-cont .how-to .rgt {
    padding: 20px 5%;
    border-top: 1px solid #dbdbdb
  }

  table {
    display: none
  }

  .mobile-tb {
    display: block
  }

  #download-banner .flexible,
  #arc-cont .download-banner,
  #arc-cont .download-banner .flexible,
  #arc-cont .download-banner .group-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  #arc-cont .download-banner .pic {
    margin-right: 0
  }

  #download-banner .txt,
  #arc-cont .download-banner .txt {
    text-align: center
  }

  #download-banner .download,
  #arc-cont .download-banner .download {
    display: none
  }

  #download-banner .buy,
  #arc-cont .download-banner .buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  #download-banner .group-btn,
  #arc-cont .download-banner .group-btn {
    max-width: 100%
  }

  #download-banner .group-btn .btn,
  #arc-cont .download-banner .group-btn .btn {
    margin: 10px 0
  }

  #arc-cont .column-block {
    display: block
  }

  #arc-cont .column-block .cell {
    margin: 0
  }

  #hot-wrap .hot-arc::before,
  #hot-wrap .hot-arc::after {
    display: none
  }

  #hot-wrap {
    padding: 30px
  }

  #arc-sidebar {
    display: none
  }

  #expand-btn {
    display: none
  }

  #arc-sidebar.arc-sidebar-top {
    top: 60px
  }
}