@import url("https://fonts.font.im/css?family=Heebo:300,400,500,700");
.s-address-img{
  padding:20px 0;
}
.s-address-img img{
  max-width:100%;
  margin: 0 auto;
}
.s-address-img .address-pc{
  display: block;
}
.s-address-img .address-app{
  display: none;
}
.pop-input-item, .pop-msg-header { position: relative; }
.pop-input-item:after, .pop-msg-header:after { position: absolute; content: ' '; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); box-sizing: border-box; pointer-events: none; }

.pop-msg-header:after { top: 0; left: 0; height: 1px; width: 200%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.pop-input-item:after { top: 0; left: 0; width: 200%; height: 200%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.flex, .pop-msg-container, .pop-msg-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex-y-center, .pop-msg-container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.flex-y-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.flex-y-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.flex-x-center, .pop-msg-container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.flex-x-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

html { height: 100%; font-size: 16px; }

body { font-size: 16px; color: rgba(0, 0, 0, 0.85); background: #F0F2F5; font-family: 'Heebo', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100vh; }

html * { outline: none; margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, a { font-size: inherit; font-family: inherit; color: inherit; }

textarea { resize: none; }

[type=button], [type=search], [type=submit], input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }

img { vertical-align: top; max-width: 100%; }

img:not([src*="/"]), img[width='0'] { display: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img, button { border: 0; }

abbr, acronym { border: 0; font-variant: normal; }

del { text-decoration: line-through; }

address, caption, cite, code, dfn, em, th, var, i { font-style: normal; font-weight: 500; }

li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 500; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

a:hover { text-decoration: none; }

ins, a { text-decoration: none; }

[lock-scroll=true] { -ms-touch-action: none; touch-action: none; }

[v-show], [v-if] { display: none; }

.bg-white { background: #ffffff; }

.btn { position: relative; overflow: hidden; display: inline-block; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 2px; text-align: center; }

.clearfix:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0; content: "."; }

.eli { line-height: 20px; max-height: 40px; display: -webkit-box; /*! autoprefixer: off */ -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

/**LOADING start**/
:root { --loadgif: url(data:image/gif;base64,R0lGODlhIAAgALMAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAAIAAgAAAE5xDISSlLrOrNp0pKNRCdFhxVolJLEJQUoSgOpSYT4RowNSsvyW1icA16k8MMMRkCBjskBTFDAZyuAEkqCfxIQ2hgQRFvAQEEIjNxVDW6XNE4YagRjuBCwe60smQUDnd4Rz1ZAQZnFAGDd0hihh12CEE9kjAEVlycXIg7BAsMB6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YEvpJivxNaGmLHT0VnOgGYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHQjYKhKP1oZmADdEAAAh+QQFBQAAACwAAAAAGAAXAAAEchDISasKNeuJFKoHs4mUYlJIkmjIV54Soypsa0wmLSnqoTEtBw52mG0AjhYpBxioEqRNy8V0qFzNw+GGwlJki4lBqx1IBgjMkRIghwjrzcDti2/Gh7D9qN774wQGAYOEfwCChIV/gYmDho+QkZKTR3p7EQAh+QQFBQAAACwBAAAAHQAOAAAEchDISWdANesNHHJZwE2DUSEo5SjKKB2HOKGYFLD1CB/DnEoIlkti2PlyuKGEATMBaAACSyGbEDYD4zN1YIEmh0SCQQgYehNmTNNaKsQJXmBuuEYPi9ECAU/UFnNzeUp9VBQEBoFOLmFxWHNoQw6RWEocEQAh+QQFBQAAACwHAAAAGQARAAAEaRDICdZZNOvNDsvfBhBDdpwZgohBgE3nQaki0AYEjEqOGmqDlkEnAzBUjhrA0CoBYhLVSkm4SaAAWkahCFAWTU0A4RxzFWJnzXFWJJWb9pTihRu5dvghl+/7NQmBggo/fYKHCX8AiAmEEQAh+QQFBQAAACwOAAAAEgAYAAAEZXCwAaq9ODAMDOUAI17McYDhWA3mCYpb1RooXBktmsbt944BU6zCQCBQiwPB4jAihiCK86irTB20qvWp7Xq/FYV4TNWNz4oqWoEIgL0HX/eQSLi69boCikTkE2VVDAp5d1p0CW4RACH5BAUFAAAALA4AAAASAB4AAASAkBgCqr3YBIMXvkEIMsxXhcFFpiZqBaTXisBClibgAnd+ijYGq2I4HAamwXBgNHJ8BEbzgPNNjz7LwpnFDLvgLGJMdnw/5DRCrHaE3xbKm6FQwOt1xDnpwCvcJgcJMgEIeCYOCQlrF4YmBIoJVV2CCXZvCooHbwGRcAiKcmFUJhEAIfkEBQUAAAAsDwABABEAHwAABHsQyAkGoRivELInnOFlBjeM1BCiFBdcbMUtKQdTN0CUJru5NJQrYMh5VIFTTKJcOj2HqJQRhEqvqGuU+uw6AwgEwxkOO55lxIihoDjKY8pBoThPxmpAYi+hKzoeewkTdHkZghMIdCOIhIuHfBMOjxiNLR4KCW1ODAlxSxEAIfkEBQUAAAAsCAAOABgAEgAABGwQyEkrCDgbYvvMoOF5ILaNaIoGKroch9hacD3MFMHUBzMHiBtgwJMBFolDB4GoGGBCACKRcAAUWAmzOWJQExysQsJgWj0KqvKalTiYPhp1LBFTtp10Is6mT5gdVFx1bRN8FTsVCAqDOB9+KhEAIfkEBQUAAAAsAgASAB0ADgAABHgQyEmrBePS4bQdQZBdR5IcHmWEgUFQgWKaKbWwwSIhc4LonsXhBSCsQoOSScGQDJiWwOHQnAxWBIYJNXEoFCiEWDI9jCzESey7GwMM5doEwW4jJoypQQ743u1WcTV0CgFzbhJ5XClfHYd/EwZnHoYVDgiOfHKQNREAIfkEBQUAAAAsAAAPABkAEQAABGeQqUQruDjrW3vaYCZ5X2ie6EkcKaooTAsi7ytnTq046BBsNcTvItz4AotMwKZBIC6H6CVAJaCcT0CUBTgaTg5nTCu9GKiDEMPJg5YBBOpwlnVzLwtqyKnZagZWahoMB2M3GgsHSRsRACH5BAUFAAAALAEACAARABgAAARcMKR0gL34npkUyyCAcAmyhBijkGi2UW02VHFt33iu7yiDIDaD4/erEYGDlu/nuBAOJ9Dvc2EcDgFAYIuaXS3bbOh6MIC5IAP5Eh5fk2exC4tpgwZyiyFgvhEMBBEAIfkEBQUAAAAsAAACAA4AHQAABHMQyAnYoViSlFDGXBJ808Ep5KRwV8qEg+pRCOeoioKMwJK0Ekcu54h9AoghKgXIMZgAApQZcCCu2Ax2O6NUud2pmJcyHA4L0uDM/ljYDCnGfGakJQE5YH0wUBYBAUYfBIFkHwaBgxkDgX5lgXpHAXcpBIsRADs=); }

.side-mask { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: transparent; }

.side-mask section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 60px; font-size: 16px; min-width: 280px; padding: 10px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; background-color: rgba(0, 0, 0, 0.7); border-radius: 6px; color: #FFF; }

.side-mask section i { display: inline-block; vertical-align: middle; width: 6px; height: 40px; margin: 0 4px; background: #FFF; -webkit-transform: scaleY(0.4); -ms-transform: scaleY(0.4); transform: scaleY(0.4); -webkit-animation: loadingkey 1.0s infinite ease-in-out; animation: loadingkey 1.0s infinite ease-in-out; }

.side-mask section i:nth-of-type(2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.side-mask section i:nth-of-type(3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.side-mask section i:nth-of-type(4) { -webkit-animation-delay: .3s; animation-delay: .3s; }

@-webkit-keyframes loadingkey { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); }
  20% { -webkit-transform: scaleY(1); transform: scaleY(1); } }
@keyframes loadingkey { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); }
  20% { -webkit-transform: scaleY(1); transform: scaleY(1); } }
.loadmore-state { text-align: center; font-size: 20px; }

.loadmore-state .start { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.loadmore-state .start:before { content: ' '; width: 0.4rem; height: 0.4rem; margin-right: 0.15rem; background: var(--loadgif) no-repeat center; background-size: 100% auto; }

.v-page-load { position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 98; text-align: center; background: #ffffff; }
.v-page-load span { width: 1rem; min-height: 1rem; padding-top: 45px; background: var(--loadgif) no-repeat center top; border-radius: 0.1rem; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeModel { 0% { opacity: 0; }
  100% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } }

@keyframes fadeModel { 0% { opacity: 0; }
  100% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } }
@-webkit-keyframes fadeModelOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeModelOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes fadeBodyOut { 0% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); }
  100% { -webkit-transform: scale(0.7) translate3d(0, 0, 0); transform: scale(0.7) translate3d(0, 0, 0); } }
@keyframes fadeBodyOut { 0% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); }
  100% { -webkit-transform: scale(0.7) translate3d(0, 0, 0); transform: scale(0.7) translate3d(0, 0, 0); } }
@-webkit-keyframes fadeBodyIn { 0% { -webkit-transform: scale(0.7) translate3d(0, 0, 0); transform: scale(0.7) translate3d(0, 0, 0); }
  100% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } }
@keyframes fadeBodyIn { 0% { -webkit-transform: scale(0.7) translate3d(0, 0, 0); transform: scale(0.7) translate3d(0, 0, 0); }
  100% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } }
.fadeModel-enter-active { -webkit-animation-duration: 300ms !important; animation-duration: 300ms !important; -webkit-animation-name: fadeModel; animation-name: fadeModel; }
.fadeModel-enter-active .pop-msg-body { -webkit-animation-name: fadeBodyIn; animation-name: fadeBodyIn; }

.fadeModel-leave-active { -webkit-animation-duration: 300ms !important; animation-duration: 300ms !important; -webkit-animation-name: fadeModelOut; animation-name: fadeModelOut; }
.fadeModel-leave-active .pop-msg-body { -webkit-animation-name: fadeBodyOut; animation-name: fadeBodyOut; }

.animated { -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.pop-msg-html { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.3); }

.pop-msg-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 572px; min-height: 300px; position: relative; border-radius: 0.1rem; background: #ffffff; }

.pop-msg-container { padding: 4px 30px 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-weight: bold; font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.85); }

.pop-msg-text { color: #333; text-align: center; }

.pop-msg-header { font-size: 16px; color: #333333; padding: 0.2rem; margin: 30px auto 0 auto; font-weight: 600; }
.pop-msg-header:after { background: bottom; }

.pop-msg-btn { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 28px 16px; }
.pop-msg-btn .btn { margin: 0 8px; }
.pop-msg-btn .btn:active { opacity: .8; }

.pop-msg-close { display: none; width: 0.6rem; height: 0.6rem; position: absolute; left: 0; right: 0; margin: auto; bottom: -1rem; background-size: 100%; }

.pop-msg-input { width: 100%; text-align: left; }

.pop-input-tips { margin-bottom: 0.15rem; font-size: 0.24rem; color: #e32847; }

.pop-input-item { margin-bottom: 0.15rem; }
.pop-input-item:after { border: 1px #000000 solid; }
.pop-input-item input { padding: 0 0.15rem; height: 0.8rem; width: 100%; }

.q-page { max-width: 1920px; margin: 0 auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-x: hidden; }

.swiper-header-banner { max-width: 1920px; max-height: 750px; margin: 0 auto; }
.swiper-header-banner .swiper-container { width: 100%; height: 100%; position: relative; margin: 0 auto; }
.swiper-header-banner .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-header-banner .swiper-slide img { width: 100%; }

.swiper-button-prev { width: 32px; height: 32px; color: transparent !important; background-image: url(../image/banner-left.png) !important; background-size: 100% auto; left: 80px; right: auto; position: absolute; cursor: pointer; }

.swiper-button-next { width: 32px; height: 32px; color: transparent !important; background-image: url(../image/banner-right.png) !important; background-size: 100% auto; right: 80px; left: auto; cursor: pointer; }

.qypagin-banner { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.qypagin-banner .pagfin-left { width: 640px; height: 120px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #005689; padding: 18px 0; cursor: pointer; }
.qypagin-banner .pagfin-left[data-active] { background-color: #D99300; }
.qypagin-banner .pagfin-left .left-icon-1 { width: 48px; height: 48px; background: url(../image/pagin-1.png) no-repeat center; background-size: 100% auto; }
.qypagin-banner .pagfin-left .left-icon-2 { width: 48px; height: 48px; background: url(../image/pagin-2.png) no-repeat center; background-size: 100% auto; }
.qypagin-banner .pagfin-left .left-icon-3 { width: 48px; height: 48px; background: url(../image/pagin-3.png) no-repeat center; background-size: 100% auto; }
.qypagin-banner .pagfin-txt { font-weight: 400; font-size: 16px; color: #FFFFFF; line-height: 20px; padding-top: 16px; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.qy-about-us { max-width: 1920px; min-height: 799px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 151px 0 250px 0; background: #ffffff; }

.qy-about-change { max-width: 1360px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.about-us-left { max-width: 640px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-right: 78px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.about-us-left .us-left-txt { font-weight: 700; font-size: 45px; color: #333333; line-height: 57px; }
.about-us-left .us-left-txt span { font-weight: 400; font-size: 20px; color: #D99300; padding-left: 21px; }
.about-us-left .us-siam { font-weight: 400; font-size: 28px; color: #333333; padding-top: 17px; line-height: 35px; }
.about-us-left .us-serve { font-weight: 400; font-size: 16px; color: #333333; padding-top: 27px; padding-bottom: 22px; line-height: 25px; }
.about-us-left .us-ourse { font-weight: 400; font-size: 16px; color: #333333; padding-bottom: 41px; line-height: 25px; }
.about-us-left .us-button { width: 176px; height: 52px; font-weight: 400; font-size: 20px; line-height: 52px; text-align: center; background: #D99300; color: #FFFFFF; }

.hidden { display: none; }

.visible { display: block; }

.ours-image { width: 50%; min-width: 320px; box-sizing: content-box; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center;}

.image-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.image-container .q-tel-flex { width: 42px; height: 42px; cursor: pointer; background: url(../image/phone.png) no-repeat; background-size: 100%; }

.image-container .q-weixin-flex { width: 42px; height: 42px; cursor: pointer; background: url(../image/weixin-1.png) no-repeat; background-size: 100%; }

.show-phone-round { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.qy-phone-show { position: absolute; background: #F4F5F8; left: -126px; top: 0; width: 126px; height: 126px; display: none; padding: 15px 22px; }
.qy-phone-show .icon-text-container { margin-bottom: 12px; width: 113px; }
.qy-phone-show .icon-China { width: 16px; height: 16px; background: url(../image/China.png) no-repeat center; background-size: 100% auto; margin-right: 4px; }
.qy-phone-show .phone-text { font-weight: 400; font-size: 12px; color: #333333; }
.qy-phone-show .icon-Thai { width: 16px; height: 16px; background: url(../image/thai.png) no-repeat center; background-size: 100% auto; margin-right: 4px; }

.image-container .q-tel-flex:hover { background: url(../image/phone-1.png) no-repeat; background-size: 100% auto; }

.image-container .q-tel-flex:hover .qy-phone-show { display: block !important; }

.image-container .q-weixin-flex:hover { background: url(../image/weixin.png) no-repeat; background-size: 100% auto; }

.image-container .q-weixin-flex:hover .qy-phone-show { display: block !important; }

.contact-phone { cursor: pointer /*  display: none; */ }

.contact-phone img { width: 42px; height: 42px; }

.weixin-img { width: 42px; height: 42px; background: url(../image/weixin-1.png) no-repeat center; background-size: 100% auto; cursor: pointer; }

.weixin-img-active { width: 42px; height: 42px; background: url(../image/weixin.png) no-repeat center; background-size: 100% auto; }

.q-contact-method { /* width: 168px; */ height: 126px; background: #F4F5F8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; right: 0; bottom: 20%; z-index: 99999; }

.qy-qr-code { padding: 10px 22px; display: none; }

.qy-qr-code img { width: 82px; height: 82px; }

.qr-code-txt { font-weight: 400; font-size: 12px; color: #333333; text-align: center; }

.left { width: 32px; height: 32px; background: url(../image/banner-left.png) no-repeat center; background-size: 100% auto; }

.right { width: 32px; height: 32px; background: url(../image/banner-right.png) no-repeat center; background-size: 100% auto; }

.header-select-top { max-width: 1440px; position: fixed; top: 0; left: 0; margin: 0 auto; right: 0; z-index: 100; padding: 0 140px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: var(--header-height); background: url(../image/top-1.png) no-repeat center /*  .nav-option:hover{ color: #D99300;
} */ }
.header-select-top .top-logo { width: 138px; height: 44px; background: url(../image/logo.png) no-repeat center; background-size: 100% auto; cursor: pointer; }
.header-select-top .qy-nav-option { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }
.header-select-top .nav-option { margin: 0 25px; line-height: 44px; font-weight: 400; font-size: 16px; color: #333333; cursor: pointer; }
.header-select-top .nav-option a { display: inline-block; }
.header-select-top .nav-option-active { margin: 0 25px; font-weight: 700; font-size: 16px; color: #D99300; cursor: pointer; }
.header-select-top .qy-nac-language { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.header-select-top .language-option { width: 68px; height: 30px; border: 1px solid #D99300; font-weight: 400; font-size: 14px; color: #D99300; line-height: 30px; text-align: center; border-radius: 10px; margin-right: 10px; cursor: pointer; background: #ffffff; display: block; }
.header-select-top .language-active { width: 68px; height: 30px; background: #D99300; color: #FFFFFF; border-radius: 10px; line-height: 30px; text-align: center; margin-right: 10px; cursor: pointer; display: block; }

.qy-company-registration { width: 100%; background-color: #F4F5F8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.qy-company-registration .register-ours { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.qy-company-registration .company-regi-left { box-sizing: content-box; padding: 74px 49px 20px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right; justify-content: right; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 80px; }
.qy-company-registration .company-regi-left > p, .qy-company-registration .company-regi-left > div { max-width: 631px; width: 100%; }
.qy-company-registration .q-quetision-txt { font-weight: 400; font-size: 28px; color: #333333; padding-bottom: 23px; line-height: 40px; }
.qy-company-registration .q-flex-company { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 54px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.qy-company-registration .flex-company-option { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 60px; }
.qy-company-registration .flex-company-option img { width: 70px; height: 70px; }
.qy-company-registration .option-txt { font-weight: 400; font-size: 14px; color: #333333; padding-top: 9px; line-height: 18px; }
.qy-company-registration .qy-describe-txt { max-width: 631px; font-weight: 400; font-size: 16px; color: #333333; padding-top: 15px; line-height: 40px; }
.qy-company-registration .company-regi-right { width: 50%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.qy-company-registration .company-regi-right img { width: 100%; height: 100%; }

html[lang="en"] .company-regi-left > p, html[lang="en"] .company-regi-left > div { max-width: 100%; padding-left: 15px; }

.qy-company-txt { font-weight: 700; font-size: 45px; color: #333333; line-height: 57px; }

.qy-company-txt-Thai { font-weight: 700; font-size: 45px; color: #ffffff; line-height: 57px; }

.q-75 { height: 75px; }

.qy-p-txt { font-weight: 400; font-size: 20px; color: #D99300; padding: 15px 0 34px 0; line-height: 25px; }

.txt-center { text-align: center; }

.margin-20 { margin-top: 30px; }

.q-company-advantage { width: 100%; padding: 71px 0 71px 0; background: #ffffff; }
.q-company-advantage .qy-p-our { font-weight: 400; font-size: 20px; color: #D99300; text-align: center; padding: 17px 0 37px 0; line-height: 25px; }
.q-company-advantage .qy-slassification-display { max-width: 1440px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #ffffff; }
.q-company-advantage .slassification-display-one { width: 693px; background: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; position: relative; }
.q-company-advantage .slassification-displau-left { width: 531px; /* min-height: 402px; */ background: url(../image/slass.png) no-repeat center; background-size: 100% auto; position: relative; }
.q-company-advantage .q-label-one { width: 96px; height: 86px; position: absolute; top: -10px; left: 46px; }
.q-company-advantage .slassification-left { max-width: 266px; font-weight: 400; font-size: 14px; line-height: 25px; padding: 135px 36px 0 37px; color: #333333; text-align: left; box-sizing: content-box; height: 275px; overflow: hidden; }
.q-company-advantage .different { padding: 98px 36px 29px 37px; }
.q-company-advantage .q-label-image { width: 354px; height: 354px; position: absolute; top: 26px; right: 0; }
.q-company-advantage .q-label-image img { width: 100%; height: auto; }

.qy-ability-company { width: 100%; background: url(../image/ability-bg.png) no-repeat center; background-size: cover; box-sizing: content-box; padding: 75px 0; }

.qy-ability-txt { font-weight: 400; font-size: 20px; color: #D99300; padding-top: 17px; padding-bottom: 13px; text-align: center; line-height: 25px; }

.qy-ability-sia { max-width: 986px; font-weight: 400; font-size: 16px; color: #FFFFFF; padding-bottom: 52px; margin: 0 auto; text-align: center; line-height: 30px; }

.qy-ability-option { max-width: 1416px; min-height: 628px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.app-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.qy-ability-left { width: 354px; height: 314px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; overflow: hidden; background: #ffffff; }

.left-title { width: 100px; height: 36px; background: #D99300; font-weight: 700; font-size: 18px; color: #ffffff; line-height: 36px; text-align: center; border-radius: 12px 12px 0px 12px; margin-bottom: 23px; }

.left-titile-txt { max-width: 266px; font-weight: 400; font-size: 14px; color: #333333; line-height: 24px; }

.qy-right-img { max-width: 354px; max-height: 314px; }

.qy-right-img img { width: 100%; height: auto; }

.q-registration-steps { max-width: 1920px; background: url(../image/banner-5.png) no-repeat center; background-size: 100% auto; padding: 164px 0 209px 0; }

/* .registration-steps-conter{ width: 1416px; margin:0 auto;
} */
.q-steps-list { max-width: 1410px; margin-top: 52px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 50px auto 0 auto; /*   padding: 0 255px; */ -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.q-detailssteps-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.list-option { width: 450px; height: 66px; background: url(../image/steps-1.png) no-repeat center; background-size: 100% auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 9px 0 9px 42px; margin-bottom: 50px; }

.option-number { width: 48px; height: 48px; border-radius: 50%; background: #D99300; font-weight: 400; font-size: 28px; color: #FFFFFF; text-align: center; line-height: 48px; }

.option-number-txt { font-weight: 400; font-size: 14px; color: #333333; padding-left: 24px; padding-right: 5px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; line-height: 17px; }

.number-width { max-width: 360px; }

.qy-bio-company { width: 100%; /*  height: 714px; */ background: #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.bio-cmpany-left { width: 840px; height: 714px; overflow: hidden; background: url(../image/bio-1.png) no-repeat center; /*  background-size: 100% auto; */ padding: 241px 68px 0px 258px; box-sizing: border-box; }

.qy-bio-title { font-weight: 700; font-size: 45px; color: #ffffff; }

.bio-tite-txt { font-weight: 400; font-size: 20px; color: #D99300; padding: 14px 0 32px 0; }

.q-bio-introduce { max-width: 514px; font-weight: 400; font-size: 16px; color: #ffffff; line-height: 40px; max-height: 160px; overflow-y: hidden; }

.qy-question-answer { max-width: 1080px; min-width: 320px; padding: 83px 0 0 68px; background: #F4F5F8; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.question-answer-title { font-weight: 700; font-size: 28px; color: #333333; padding-bottom: 36px; line-height: 40px; }

.qy-answer-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.answer-list-option { width: 300px; height: 150px; background: #FFFFFF; padding: 10px; margin-right: 10px; margin-bottom: 12px; display: inline-block; overflow: hidden; }

.answer-list-option img { width: 42px; height: 42px; }

.answer-txt { font-weight: 400; font-size: 14px; color: #333333; padding-top: 11px; line-height: 25px; max-height: 86px; overflow-y: hidden; }

.q-registered-particulars { width: 100%; background: #ffffff; padding: 80px 0 20px 0; box-sizing: content-box; }

.registered-particulars-conter { max-width: 1410px; margin: 0 auto; background: #ffffff; }

.q-conter-title { font-weight: 700; font-size: 45px; color: #333333; text-align: center; line-height: 57px; }

.q-conter-conditions { font-weight: 400; font-size: 20px; color: #D99300; padding: 17px 0 41px 0; text-align: center; line-height: 25px; }

.q-step-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 58px; }

.particularc-img { width: 128px; height: 128px; }

.q-list-details { width: 450px; height: 528px; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.q-list-details-1 { background: url(../image/reg-1.png) no-repeat center; background-size: 100% auto; }

.q-list-details-2 { background: url(../image/reg-2.png) no-repeat center; background-size: 100% auto; }

.q-list-details-3 { background: url(../image/reg-3.png) no-repeat center; background-size: 100% auto; }

.q-details-txt { width: 100%; text-align: center; }

.registration-image { width: 50%; }

.registration-image img { width: 100%; height: auto; }

.detail-top { font-weight: 700; font-size: 24px; color: #ffffff; margin-top: 34px; line-height: 30px; }

.detail-down { font-weight: 400; font-size: 16px; color: #ffffff; padding-top: 14px; line-height: 20px; }

.registration-right { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; box-sizing: content-box; max-width: 960px; /*  min-width: 500px; */ box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.registration-right > div, .registration-right > p { max-width: 770px; width: 100%; }

.q-registration-txt { max-width: 770px; font-weight: 400; font-size: 16px; color: #333333; line-height: 40px; }

.q-benefit { max-width: 756px; font-weight: 400; font-size: 28px; color: #333333; padding-top: 34px; line-height: 40px; }

.q-privilege-conter { max-width: 1920px; background: #ffffff /* margin-top: 60px; */ }

.privilege-title { max-width: 1360px; margin: 60px auto 40px auto; }

.privilege-title-txt { font-weight: 700; font-size: 45px; color: #333333; text-align: center; }

.qy-registration-company { max-width: 1920px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #F4F5F8; box-sizing: content-box; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.down-drop { width: 32px; height: 60px; margin-top: 48px; }

.down-drop img { width: 32px; height: 100%; }

.q-privilege-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.privilege-list-option { width: 440px; height: 150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #F4F5F8; padding: 0 25px 0 20px; margin-bottom: 20px; }

.option-img img { width: 92px; height: 92px; }

.privilege-ltr-txt { margin-left: 22px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.ltr-top { font-weight: 700; font-size: 16px; color: #333333; line-height: 24px; }

.ltr-down { max-width: 283px; font-weight: 400; font-size: 14px; color: #333333; line-height: 24px; }

.q-business-txt { font-weight: 400; font-size: 20px; color: #D99300; padding: 17px 0 39px 0; text-align: center; line-height: 25px; }

.q-business-processing { width: 100%; background: #F4F5F8; padding: 88px 0 81px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.q-business-title { font-weight: 700; font-size: 45px; color: #333333; text-align: center; line-height: 57px; }

.business-ours { max-width: 1360px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.q-bussiness-list { width: 325px; height: 400px; background: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px; position: relative; }

.q-bussiness-list img { width: 305px; height: 230px; margin: 0 auto; }

.qy-bus-title { font-weight: 700; font-size: 16px; color: #333333; padding: 18px 0 15px 0; line-height: 20px; }

.qy-bus-details { font-weight: 400; font-size: 14px; color: #888888; line-height: 18px; }

.business-border { border-bottom: 2px solid #D99300; width: 14px; position: absolute; bottom: 27px; left: 10px; }

.q-contracting-standards { max-width: 1920px; background: #ffffff; padding: 79px 0 37px 0; }

.q-businesstab { max-width: 1360px; margin: 0 auto; }

.businesstab-tab-top { list-style: none; width: 100%; line-height: 50px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 45px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.businesstab-tab-top > li { width: 25%; height: 100%; background: #ffffff; cursor: pointer; font-weight: 400; font-size: 16px; line-height: 60px; }

.businesstab-tab-top > li:last-child { border-right: none; }

.businesstab-tab-bottom { width: 100%; }

.businesstab-tab-bottom > .tab-content { max-width: 1360px; /* min-height: 544px; */ display: none; }

.content-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #F4F5F8; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tab-details-txt { box-sizing: content-box; padding: 80px 65px 0px 61px; max-width: 559px; }

.tab-details-img { min-width: 320px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.tab-details-img img { width: 100%; }

.qy-apply-person { font-weight: 700; font-size: 18px; color: #D99300; padding-bottom: 10px; line-height: 22px; }

.q-user-person { font-weight: 400; font-size: 14px; color: #333333; padding-bottom: 65px; line-height: 17px; }

.person-list li { font-weight: 400; font-size: 14px; color: #333333; line-height: 30px; }

.selected { background: #D99300 !important; color: #FFFFFF; font-weight: 700; font-size: 16px; }

.person-button { width: 136px; height: 52px; background: #D99300; font-weight: 400; font-size: 14px; color: #ffffff; text-align: center; margin-top: 95px; cursor: pointer; }

.qy-equity { max-width: 1360px; background: #005689; margin-top: 25px; padding: 31px 0 20px 30px; }

.qy-equ-txt { font-weight: 700; font-size: 18px; color: #ffffff; padding-bottom: 12px; line-height: 30px; }

.qy-equ-ul li { font-weight: 400; font-size: 16px; line-height: 30px; color: #FFFFFF; }

.qy-equ-ul { font-weight: 400; font-size: 16px; color: #ffffff; padding-bottom: 30px; }

.equ-line { width: 1300px; border-bottom: 1px solid #ffffff; }

.qy-necessary-condition { font-weight: 400; font-size: 16px; color: #ffffff; padding-top: 20px; line-height: 20px; }

.q-contact-us { width: 100%; background: #F4F5F8; padding: 45px 0 42px 0; }

.q-contact-us-details { max-width: 1160px; margin: 0 auto; }

.q-fill-informtion { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.fill-information-left { padding-right: 50px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.fill-information-left .information-left-list { margin-bottom: 43px; }
.fill-information-left .information-left-list .left-list-onces { font-weight: 400; font-size: 28px; color: #333333; line-height: 35px; }
.fill-information-left .information-left-list .left-list-two { max-width: 512px; font-weight: 400; font-size: 16px; color: #949494; line-height: 20px; padding-top: 10px; }

.information-txt { font-weight: 400; font-size: 28px; color: #333333; padding-left: 10px; padding-bottom: 26px; line-height: 35px; }

.contact-us-input { max-width: 515px; margin-bottom: 20px; }

.contact-us-input input { width: 100%; height: 50px; background: #FFFFFF; border-radius: 25px; border: none; padding-left: 30px; }

.fill-information-right { padding-left: 133px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 310px; }

.contact-us-input textarea { width: 515px; height: 181px; border-radius: 25px; border: none; background: #ffffff; padding-left: 30px; padding-top: 19px; }

.contact-button { width: 140px; height: 48px; background: #D99300; font-weight: 400; font-size: 16px; color: #ffffff; text-align: center; border-radius: 12px; margin-top: 39px; cursor: pointer; }

.q-atlas { width: 1160px; height: 340px; background: url(../image/address.png) no-repeat center; background-size: 100% auto; margin: 42px auto 0 auto; }

.q-webpage-bottom { width: 100%; background: #414141; position: relative; display: block; }

.webpage-bottom-txt { max-width: 1003px; font-weight: 400; margin: 0 auto; padding: 15px 0; font-weight: 400; font-size: 12px; color: #ffffff; }

.q-registion-bottom { width: 100%; background: #414141; text-align: center; font-weight: 400; font-size: 12px; color: #ffffff; border-top: 1px solid #5E5E5E; padding: 25px 0 26px 0; }

.q-webpage-close { width: 12px; height: 12px; background: url(../image/close.png) no-repeat center; background-size: 100% auto; position: absolute; right: 310px; top: 10px; cursor: pointer; }

.go-top { width: 36px; height: 36px; background: url(../image/go-top.png) no-repeat center; background-size: 100% auto; position: fixed; right: 200px; bottom: 40px; cursor: pointer; z-index: 999; }

.pop-msg-html { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.3); }

.pop-msg-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 572px; min-height: 300px; position: absolute; top: 260px; border-radius: 10px; background: #ffffff; }

.pop-msg-container { padding: 4px 30px 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-weight: bold; font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.85); }

.pop-msg-text { color: #333; text-align: center; }

.pop-msg-header { font-size: 16px; color: #333333; padding: 0.2rem; margin: 30px auto 0 auto; font-weight: 600; }
.pop-msg-header:after { background: bottom; }

.pop-msg-btn { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 28px 16px; }
.pop-msg-btn .btn { margin: 0 8px; }
.pop-msg-btn .btn:active { opacity: .8; }

.q-app-style { display: none; }

.pop-msg-close { display: none; width: 60px; height: 60px; position: absolute; left: 0; right: 0; margin: auto; bottom: -1rem; background-size: 100%; }

[lock-scroll=true] { -ms-touch-action: none; touch-action: none; }

.pl25pr25 { padding-left: 25px; padding-right: 25px; }

.icon-close { width: 18px; height: 18px; background-size: 100% auto; cursor: pointer; }

.icon-dl-item { padding: 15px 25px; }

.icon-dl-item-ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.icon-dl-item-li { min-height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 0; cursor: pointer; width: 20%; text-align: center; }
.icon-dl-item-li:hover { background-color: #eee; }
.icon-dl-item-li .fa { font-size: 20px; }
.icon-dl-item-li p { margin-top: 6px; font-size: 14px; }

.icon-dl-item-dt { font-size: 16px; color: #000; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #F3F3F3; }

.icon-search-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 25px 25px 10px; border: 1px solid #ccc; border-radius: 60px; position: relative; }
.icon-search-form input { width: 100%; color: #000; font-size: 14px; padding: 10px 40px 10px 20px; border: none; background: transparent; }
.icon-search-form .fa-times-circle { position: absolute; right: 15px; font-size: 18px; cursor: pointer; color: #b3b3b3; -webkit-transition: ease .2; transition: ease .2; }
.icon-search-form .fa-times-circle:hover { color: #999; }

.v-flex1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.settings-icon .pop-msg-body { height: 96vh !important; }

:root { --attr-title: ''; }

.el-select.v-el-select-style { margin-top: 25px; width: 100%; }
.el-select.v-el-select-style .el-input__inner { color: #000; font-size: 14px; padding-left: 0; min-height: 30px; height: auto; line-height: normal; border: none; border-bottom: 2px solid #D6D6D6; border-radius: 0; }
.el-select.v-el-select-style .el-input__inner::-webkit-input-placeholder { display: none; }
.el-select.v-el-select-style .el-input.is-focus .el-input__inner, .el-select.v-el-select-style.v-have .el-input .el-input__inner { border-color: #000; }
.el-select.v-el-select-style .el-input__suffix { top: 7px; right: 10px; width: 16px; height: 16px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.el-select.v-el-select-style .el-input__icon { width: 16px; height: 16px; background-size: 100%; }
.el-select.v-el-select-style .el-input__icon::after, .el-select.v-el-select-style .el-input__icon::before { display: none; }
.el-select.v-el-select-style .el-input::before { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; content: var(--attr-title); left: 0; top: 0; font-size: 14px; line-height: 25px; color: #777777; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.el-select.v-el-select-style.v-have .el-input::before { -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); }

.v-el-item-style .el-form-item__content { line-height: normal; }

.popper__arrow { display: none !important; }

.el-popper[x-placement^=bottom] { margin-top: 2px; }

.v-h14 { height: 14px; }

.div-tab-switch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #000000; }
.div-tab-switch .v-item.active { color: #D01D22; font-weight: 700; }
.div-tab-switch .v-line { margin: 0 8px; width: 1px; height: 14px; background: #D9D9D9; }

.app-form-input-div { position: relative; margin-top: 25px; }
.app-form-input-div .v-title { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; left: 0; top: 0; font-size: 14px; line-height: 25px; color: #777777; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.app-form-input-div.is-textarea .v-title, .app-form-input-div.v-have .v-title { -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); pointer-events: all; }
.app-form-input-div.v-have .app-form-input { border-color: #000000; }

.vs-tips { margin-top: 6px; font-size: 12px; line-height: 18px; color: #B3B3B3; }

.vs-icon-show { margin: 0 10px 0 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 5px; min-width: 24px; height: 24px; border: 1px solid #000000; }

.v-btn.vs-select-icon-btn { padding: 0; min-width: 78px; height: 24px; background: #FFFFFF; border: 1px solid #000000; border-radius: 1px; color: #000; font-size: 12px; }

.vvv-sort-input .app-form-input { width: 60px; height: 28px; text-align: center; border: 1px solid #D6D6D6; border-radius: 2px; font-size: 14px; color: #000000; }

.v-h20 { height: 20px; }

.top-search-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.top-search-form .v-btn { height: 32px; font-family: 'Roboto'; font-weight: 600; font-size: 12px; line-height: 14px; background-color: #000; }

.top-search-item { width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.top-search-item:not(:nth-of-type(4n)) { padding-right: 32px; }
.top-search-item .app-form-input-div { width: 100%; }

.icon-copy { cursor: pointer; }

.parameters-item-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.parameters-item { width: 33.33%; }
.parameters-item:not(:first-child) { padding-left: 15px; }

.img-accament { position: absolute; width: 16px; right: 0; top: 5px; }

.q-payment-button .v-btn { margin: 0 5px; height: 30px; min-width: 70px; font-size: 14px; }
.q-payment-button .v-btn.v-cancel { background-color: #000; }

.tipo-pop-head { padding: 0 0 20px; font-weight: normal; font-size: 16px; line-height: 19px; border-bottom: 1px solid #F2F2F2; }

.tipo-pop-h3 { margin-top: 16px; font-weight: 600; font-size: 16px; line-height: 19px; color: #5490F9; }

.tipo-pop-item { font-weight: normal; margin-top: 16px; font-size: 14px; line-height: 16px; color: #000000; }
.tipo-pop-item .v-p2 { margin-top: 4px; color: #BEBEBE; }

.app-content.login-page { padding: 0; height: 100%; }
.app-content.login-page .app-content-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }

.login-content { /*padding: 122px 35px 0;*/ padding: 122px 0 0; width: 100%; max-width: 654px; min-height: 100vh; background: #fff; }

.login-logo { text-align: center; }

.login-form { margin: 0 auto; width: 100%; max-width: 496px; }

.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.login-h2 { margin: 24px 0 52px; text-align: center; font-weight: 500; font-size: 16px; }

.login-yz-code { margin-top: auto; margin-left: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 92px; cursor: pointer; }
.login-yz-code img { height: 38px; }

.forgot-span-code { position: absolute; top: 0; right: 0; font-size: 14px; color: #D01D22; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-align: right; width: 134px; }
.forgot-span-code + .app-form-input { padding-right: 140px; }

.login-btn { margin-top: 80px; font-weight: 500; font-size: 16px; height: 48px !important; width: 100%; background: #D01D22; border-radius: 4px !important; }

.login-sign-select { margin-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; -moz-text-decoration-line: underline; text-decoration-line: underline; color: #D01D22; cursor: pointer; }

.login-forgot-text { font-size: 14px; line-height: 21px; -moz-text-decoration-line: underline; text-decoration-line: underline; color: #D01D22; }

.language-button { width: 55px; height: 32px; border-radius: 16px; background: var(--language-color); color: var(--language-txt); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); cursor: pointer; }

.language-width { width: 15px; }

.language-button-active { width: 55px; height: 32px; border-radius: 16px; background: var(--language-active-color); color: var(--language-active-txt); cursor: pointer; }

.error-pop-page { padding: 15px 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 999; text-align: center; background: #F3F9FC; }

.error-pop-html { max-height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow-y: auto; }

.error-pop-text { color: rgba(0, 0, 0, 0.6); font-weight: 500; line-height: 20px; font-size: 16px; width: 100%; text-align: center; }

.error-pop-btn { margin-top: 30px; }
.error-pop-btn .btn-linear { color: #fff; font-size: 16px; box-shadow: none; border-radius: 80px; line-height: 35px; width: 100px; background: #448AD1; }

.no-data { background: var(); height: 280px; background: url(../assets/images/nodata.png) no-repeat center; background-size: auto 100%; }

.header-make { font-weight: 400; font-size: 14px; color: var(--txt-color); line-height: 34px; text-align: center; padding: 0 13px 0 14px; cursor: pointer; }

.header-make-active { /*  width: 220px; */ font-weight: 400; line-height: 34px; color: var(--active-txt); text-align: center; /*   text-decoration: underline; */ border-bottom: var(--active-border); padding: 0 13px 0 14px; cursor: pointer; }

.no-data-box { text-align: center; padding: 50px 0; font-size: 16px; }
.no-data-box.h100 { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.6); }
.no-data-box.h100 .no-data { height: 100px; }
.no-data-box.h100 p { margin-top: 18px; color: #000000; font-size: 16px; }
.no-data-box p { font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: -0.24px; color: rgba(0, 0, 0, 0.6); }

body { --left-menu-width: 220px; --header-height: 70px; --content-gap: 40px; --app-navigate-height: 96px; }

.v-page-cb { height: 100vh; overflow-y: auto; }

img[lazy="loading"] { width: 32px !important; height: 32px !important; }

img[lazy="error"] { object-fit: contain !important; }

.app-wrapper { padding-top: var(--header-height); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100vh; }

.header-bar { z-index: 99; height: var(--header-height); }

.home-header-style .header-bar-body { /*  position: fixed; */ /*   background-color: transparent !important; */ }

.header-bar-body .q-new-head { width: 100%; background: var(--select-bg); box-sizing: border-box; padding: 10px 0; }
.header-bar-body .q-new-head .head-new-language { max-width: 1280px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.header-bar-body .q-new-head .head-new-flex { width: 280px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.top-menu-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.top-menu-list .v-item { position: relative; height: var(--header-height); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 16px; margin-right: 55px; }
.top-menu-list .v-item.active { font-weight: 700; }
.top-menu-list .v-item.active::after { position: absolute; bottom: 0; width: 40px; height: 4px; content: ""; background: #CC1C21; }

html[show-ulsel="1"] .ul-select-fixed { opacity: 1; pointer-events: all; }
html[show-ulsel="1"] .header-user-info .v-name::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.ul-select-fixed { position: fixed; opacity: 0; pointer-events: none; top: 60px; left: 40px; width: 180px; z-index: 99; background: #FFFFFF; box-shadow: 0px 2px 4px rgba(158, 158, 158, 0.25); }
.ul-select-fixed .v-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; height: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'Heebo'; font-size: 12px; line-height: 18px; color: #000000; -webkit-transition: ease background-color .2s; transition: ease background-color .2s; }
.ul-select-fixed .v-item .v-ico { margin-right: 6px; }
.ul-select-fixed .v-item:hover { background-color: #f2f2f2; }
.ul-select-fixed .v-item:not(:first-child) { border-top: 1px solid #DEDEDE; }

.header-company { margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.header-company .header-user-info { margin-left: auto; }
.header-company .header-user-info .v-name { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000000; font-size: 14px; font-weight: 500; }
.header-company .header-user-info .v-name::after { -webkit-transition: ease -webkit-transform .2s; transition: ease transform .2s; margin-left: 10px; content: ""; width: 16px; height: 16px /*  background: url(../assets/images/icon-arrow-d.png) no-repeat right center; */ }
.header-company .header-user-info .v-out { cursor: pointer; margin-left: 6px; }
.header-company .header-user-info .v-timer { min-width: 160px; font-size: 10px; font-weight: 300; color: #000000; }
.header-company .company-search { width: 380px; height: 38px; background: #FFFFFF; border: 1px solid #D6D6D6; border-radius: 2px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 20px; position: relative; }
.header-company .company-search .company-branch { font-weight: 400; font-size: 14px; line-height: 38px; text-align: center; color: #777777; padding: 0 12px; }
.header-company .company-search .q-border { height: 28px; border: 1px solid #D6D6D6; margin: 5px 0; }
.header-company .company-search .company-name { width: 100%; font-weight: 400; font-size: 14px; line-height: 38px; color: #000000; padding-left: 10px; }
.header-company .company-search .company-name .el-select__caret { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-size: 16px 16px; }
.header-company .company-search .company-name .el-icon-arrow-up:before { content: ''; }
.header-company .company-search .company-name .el-select .el-input__suffix .el-input__suffix-inner .el-select__caret { -webkit-transition: -webkit-transform 0s; transition: transform 0s; }
.header-company .company-search .company-name .header-company .company-search .company-name .el-input--suffix .el-input__inner { color: #000000; font-weight: 400; font-size: 14px; line-height: 21px; }
.header-company .company-search .company-name .el-input--suffix .el-input__inner { width: 100%; border: none; height: 36px; background: #FFFFFF; padding: 0; }
.header-company .company-search .company-name .el-select .el-input.is-focus .el-input__inner { border-color: #ffffff; }
.header-company .company-search .company-name .el-input__inner { line-height: 38px; }
.header-company .company-search .company-name .q-select-input { width: 288px; height: 30px; margin: 10px auto 13px auto; }

.left-menu-btn { display: none; cursor: pointer; width: 30px; height: 30px; background-size: 100%; }

.left-menu-close-btn { display: none; position: absolute; top: 15px; right: 15px; cursor: pointer; width: 30px; height: 30px; background-size: 100%; }

html[open-left-menu="open"] { overflow: hidden; }
html[open-left-menu="open"] body { overflow: hidden; }
html[open-left-menu="open"] .left-menu-bar { -webkit-transition: ease -webkit-transform .2s; transition: ease transform .2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
html[open-left-menu="open"] .left-menu-cover { visibility: visible; opacity: 1; pointer-events: all; }

.left-menu-bar { position: relative; padding: 46px 0; z-index: 90; width: var(--left-menu-width); max-height: calc(100vh - var(--header-height)); color: #333; background: #F9F9F9; box-shadow: 4px 0px 10px #E3E3E3; overflow-y: auto; }

.left-menu-cover { display: none; position: fixed; left: 0; width: 100%; top: 0; height: 100%; z-index: 80; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: ease .15s; transition: ease .15s; background: rgba(0, 0, 0, 0.75); }

.left-menu-header { padding: 24px 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.left-menu-header img { height: 40px; }

.left-menu-h2 { padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 38px; font-weight: 700; font-size: 12px; line-height: 18px; color: #000000; }
.left-menu-h2 .v-icon { margin-right: 7px; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; }

/* .MerchantIcon { background-image: url(../assets/images/MerchantIcon.png); background-size: 18px auto;
}

.SalesIcon { background-image: url(../assets/images/SalesIcon.png); background-size: 16px auto;
}

.RiskIcon { background-image: url(../assets/images/RiskIcon.png); background-size: 18px auto;
}

.storeIcon { background-image: url(../assets/images/store.png); background-size: 18px auto;
}

.WalletIcon { background-image: url(../assets/images/walletIcon.png); background-size: 18px auto;

}

.BranchtIcon { background-image: url(../assets/images/BranchtIcon.png); background-size: 18px auto;
} */
.left-menu-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 44px; height: 38px; font-weight: 400; font-size: 12px; line-height: 18px; color: #333333; -webkit-transition: ease .2s; transition: ease .2s; }
.left-menu-item.active, .left-menu-item:hover { color: #fff; background: #D01D22; box-shadow: inset 0px 3px 4px rgba(0, 0, 0, 0.25); }
.left-menu-item .v-num { max-width: 14px; height: 14px; background: red; font-size: 14px; border-radius: 50%; color: #ffffff; margin-bottom: 20px; text-align: center; }

.app-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; /*  padding: 0 var(--content-gap) var(--content-gap); */ height: calc(100vh - var(--header-height)); overflow-y: auto; overflow-x: hidden; background-color: #fff; }

.app-loading { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 98; background: #fff; background-size: 32px !important; }

.app-loading.fadeOut { pointer-events: none; }

.app-content-top { height: var(--app-navigate-height); }

.app-navigate { font-weight: bold; font-size: 24px; color: #000000; }

.app-content-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.app-content-header { padding: 29px var(--content-gap); background: #fff; }

.app-pagination { padding: var(--content-gap); }

.app-pagination-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.app-pagination-list .v-item { color: rgba(0, 0, 0, 0.85); padding: 0 4px; min-width: 32px; height: 32px; line-height: 32px; font-size: 14px; background: #F0F2F5; }
.app-pagination-list .v-item:not(:first-child) { margin-left: 8px; }
.app-pagination-list .v-item.v-prev:before, .app-pagination-list .v-item.v-next:before { display: block; content: ""; width: 100%; height: 100%; pointer-events: none; }
.app-pagination-list .v-item.v-prev:before { background-size: 7px auto; }
.app-pagination-list .v-item.v-next:before { background-size: 7px auto; }
.app-pagination-list .v-item.v-disabled { cursor: default; }
.app-pagination-list .v-item.v-disabled:before { opacity: .3; }
.app-pagination-list .v-item.active { pointer-events: none; cursor: default; color: #fff; background: #FFAE00; }

img[preview] { cursor: pointer; }

.app-table-box { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 var(--content-gap); background: #fff; }
.app-table-box table { min-width: 100%; }
.app-table-box table thead th { white-space: nowrap; font-size: 14px; text-align: left; height: 40px; line-height: 22px; background: #F0F2F5; }
.app-table-box table tbody td { -webkit-transition: background-color .2s ease; transition: background-color .2s ease; padding: 24px 0 18px; }
.app-table-box table tbody tr:nth-of-type(even) td { background: #FAFAFA; }
.app-table-box table tbody tr:hover td { background: #f2f2f2; }
.app-table-box table tbody tr.border-bottom td { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.app-tab-list { overflow-y: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 0; white-space: nowrap; background: #F0F2F5; }

.app-tab-li { display: inline-block; }
.app-tab-li.active .app-tab-item { font-weight: 500; color: #FFAE00; background: #FFFFFF; }

.app-tab-item { display: block; font-size: 14px; color: rgba(0, 0, 0, 0.65); padding: 0 32px; height: 48px; line-height: 48px; background: #FAFAFA; }

.v-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 40px; font-size: 16px; padding: 0 16px; color: #fff; background: #D99300; border-radius: 2px; }
.v-btn:disabled { cursor: default; background: #ddd !important; }
.v-btn[size="sm"] { height: 38px; font-size: 14px; }
.v-btn[size="min"] { padding: 0 8px; height: 22px; font-size: 12px; }
.v-btn[size="large"] { height: 40px; font-size: 16px; }
.v-btn.hollow-gray-btn { background: #000; }
.v-btn.gray-btn { color: rgba(0, 0, 0, 0.85); background: #FAFAFA; }
.v-btn.hollow-blue-btn { color: #FFAE00; background: #FFFCEF; border: 1px solid #FFAE00; }
.v-btn.blue-line-btn { color: #FFAE00; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016); background: #FFFFFF; border: 1px solid #FFAE00; }
.v-btn .app-loading { background-size: 18px auto !important; }
.v-btn.w100 { width: 100%; }

.mr16 { margin-right: 16px; }

.app-min-tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.app-min-tab .v-item { white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; line-height: 22px; color: #000; padding: 5px 16px; height: 32px; background: #FFFFFF; border: 1px solid #D9D9D9; border-right: none; }
.app-min-tab .v-item:first-child { border-radius: 2px 0px 0px 2px; }
.app-min-tab .v-item:last-child { border-radius: 0 2px 2px 0; border-right: 1px solid #D9D9D9; }
.app-min-tab .v-item.active + .v-item:not(:last-child) { border-right: none; }
.app-min-tab .v-item.active + .v-item { border-left: none; }
.app-min-tab .v-item.active { color: #fff; border-color: #FFAE00; background: #FFAE00; }

.v-img-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; }
.v-img-box img { object-fit: cover; width: 100%; height: 100%; }

.v-img86 { width: 80px; height: 80px; }

.v-img50 { width: 50px; height: 50px; }

.v-img48 { width: 50px; height: 50px; }

.mr10 { margin-right: 10px; }

.mr12 { margin-right: 12px; }

.mt24 { margin-top: 24px; }

.mt60 { margin-top: 60px; }

.mb30 { margin-bottom: 30px; }

.mt-auto { margin-top: auto; }

.c00085 { color: rgba(0, 0, 0, 0.85) !important; }

.bg-white { background: white; }

.v-disabled { pointer-events: none; background-color: #F0F2F5; }

.v-product-page .v-product-title { font-weight: 500; font-size: 14px; line-height: 16px; max-width: 274px; color: rgba(0, 0, 0, 0.85); }
.v-product-page .v-product-id { margin-top: 8px; font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.65); }

.quiet-editor-wrapper { position: relative; padding: var(--content-gap); background: #fff; }

.ql-container { min-height: 160px; }

.app-form-input { font-size: 14px; background-color: #fff; background-clip: padding-box; border: none; border-bottom: 2px solid #D6D6D6; height: 30px; width: 100%; display: block; font-weight: 400; color: #000000; -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.app-form-input::-webkit-input-placeholder { font-size: 14px; color: rgba(0, 0, 0, 0.25); -webkit-transition: -webkit-transform .15s ease-in; transition: transform .15s ease-in; }
.app-form-input::-moz-placeholder { font-size: 14px; color: rgba(0, 0, 0, 0.25); transition: transform .15s ease-in; }
.app-form-input:-ms-input-placeholder { font-size: 14px; color: rgba(0, 0, 0, 0.25); transition: transform .15s ease-in; }
.app-form-input::placeholder { font-size: 14px; color: rgba(0, 0, 0, 0.25); -webkit-transition: -webkit-transform .15s ease-in; transition: transform .15s ease-in; }
.app-form-input:focus { border-color: #000000; }
.app-form-input[disabled], .app-form-input[readonly] { color: rgba(0, 0, 0, 0.25); background: #F5F5F5; }
.app-form-input[size="large"] { padding: 8px 12px; height: 48px; }
.app-form-input[size="medium"] { padding: 9px 12px; height: 40px; }
.app-form-input[size="sm"] { padding: 5px 16px; height: 32px; }

textarea.app-form-input { line-height: 19px; padding: 16px; height: 100px; border: 1px solid #D6D6D6; }

.pr { position: relative; }

.app-input-length { top: calc(50% - 12px); right: 16px; position: absolute; font-size: 12px; line-height: 24px; color: rgba(0, 0, 0, 0.65); }
.app-input-length + .app-form-input { padding-right: 80px; }

.app-input-before { font-size: 14px; line-height: 22px; text-align: center; min-width: 52px; padding: 0 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #FAFAFA; color: rgba(0, 0, 0, 0.65); box-shadow: inset 1px 0px 0px #D9D9D9, inset 0px 1px 0px #D9D9D9, inset 0px -1px 0px #D9D9D9; border-radius: 2px 0px 0px 2px; }
.app-input-before + .app-form-input { border-radius: 0px 2px 2px 0px; }

.app-input-after { font-size: 14px; line-height: 22px; text-align: center; min-width: 52px; padding: 0 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #FAFAFA; color: rgba(0, 0, 0, 0.65); box-shadow: inset -1px 0px 0px #D9D9D9, inset 0px 1px 0px #D9D9D9, inset 0px -1px 0px #D9D9D9; border-radius: 0px 2px 2px 0px; white-space: nowrap; }
.app-input-after ~ .app-form-input { border-right: none; width: 100%; border-radius: 2px 0 0 2px; }

.app-form-item-invalid .app-form-input { box-shadow: 0px 0px 0px 2px rgba(255, 77, 79, 0.2); border-color: #ff4d4f; }

.app-form-item.flex-column { margin-bottom: 16px; line-height: 24px; }
.app-form-item.flex-column.mb8 .app-form-label { padding-top: 0; padding-bottom: 0; margin-bottom: 8px !important; }
.app-form-item.flex-column .app-form-label { padding-top: 0; padding-bottom: 0; margin-bottom: 16px; }

.app-pop-mark { cursor: pointer; }
.app-pop-mark:hover .app-pop-body { -webkit-transform: rotateX(0); transform: rotateX(0); pointer-events: auto; visibility: visible; opacity: 1; }

.app-pop-body { opacity: 0; -webkit-transform: rotateX(50deg); transform: rotateX(50deg); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: hidden; -webkit-transition: .2s ease; transition: .2s ease; position: absolute; top: calc(100% + 10px); right: -6px; width: 126px; padding: 12px; background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); border-radius: 2px; z-index: 9; }
.app-pop-body::before { position: absolute; top: -8px; right: 7px; width: 0; content: ""; height: 0; border-left: 8px solid transparent; border-right: 7px solid transparent; border-bottom: 16px solid #fff; }
.app-pop-body .v-content { max-height: 150px; overflow-y: auto; font-size: 12px; line-height: 14px; color: rgba(0, 0, 0, 0.65); }

.app-select-item { position: relative; }
.app-select-item .app-form-input { color: rgba(0, 0, 0, 0.85); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; cursor: pointer; padding-right: 30px; background-size: 10px auto; }
.app-select-item.app-select-focus.show-top .app-select-ul { top: 0 !important; -webkit-transform: rotateX(0) translate3d(0, -100%, 0) !important; transform: rotateX(0) translate3d(0, -100%, 0) !important; }
.app-select-item.app-select-focus .app-select-ul { -webkit-transform: rotateX(0); transform: rotateX(0); pointer-events: auto; visibility: visible; opacity: 1; }
.app-select-item.app-select-focus .app-form-input { box-shadow: 0px 0px 0px 2px rgba(255, 174, 0, 0.2); border-color: #FFAE00; }
.app-select-item.app-select-focus .app-form-input::-webkit-input-placeholder { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); }
.app-select-item.app-select-focus .app-form-input::-moz-placeholder { transform: translate3d(4px, 0, 0); }
.app-select-item.app-select-focus .app-form-input:-ms-input-placeholder { transform: translate3d(4px, 0, 0); }
.app-select-item.app-select-focus .app-form-input::placeholder { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); }

.el-date-table td.end-date span, .el-date-table td.start-date span { background-color: #FFAE00 !important; }

.el-date-table td.in-range div { background-color: rgba(255, 174, 0, 0.2) !important; }

.el-date-table td span:hover, .el-date-table td.today span { color: #FFAE00 !important; }

div.app-select-ul { max-height: none; width: 254px; }
div.app-select-ul .app-select-list { max-height: 260px; overflow-y: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 35px; text-align: center; }
div.app-select-ul .app-select-list .app-option { padding: 0; line-height: 28px; }

.app-select-top { padding: 6px 0; text-align: center; font-size: 14px; line-height: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; color: rgba(0, 0, 0, 0.65); box-shadow: inset 1px 0px 0px #F0F0F0, inset 0px -1px 0px #F0F0F0; }
.app-select-top span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.app-select-foot { box-shadow: inset 0px 1px 0px #F0F0F0; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.show-top .app-select-ul { top: 0 !important; -webkit-transform: rotateX(50deg) translate3d(0, -100%, 0) !important; transform: rotateX(50deg) translate3d(0, -100%, 0) !important; }

.app-select-ul { opacity: 0; -webkit-transform: rotateX(50deg); transform: rotateX(50deg); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: hidden; -webkit-transition: .3s .05s ease; transition: .3s .05s ease; max-height: 260px; overflow-y: auto; position: absolute; left: 0; top: 100%; width: 100%; z-index: 5; background: #FFFFFF; box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12); }

label.app-form-input { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.app-option { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding: 9px 16px; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.85); -webkit-transition: background-color ease .15s; transition: background-color ease .15s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.app-option:not(.app-option-selected):hover { background-color: #f8f8f8; }
.app-option.app-option-selected { color: #FFAE00; background: #FFFCEF; }

.app-form-label { margin-right: 8px; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.85); }
.app-form-label i { font-style: normal; color: #FF4D4F; }

.v-ripples { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; border-radius: 50%; background: rgba(255, 255, 255, 0.3); -webkit-animation: v-ripples .4s ease-out forwards, v-fade .8s ease-out forwards; animation: v-ripples .4s ease-out forwards, v-fade .8s ease-out forwards; }

@-webkit-keyframes v-ripples { 0% { width: 0px; height: 0px; }
  100% { width: 200%; padding-top: 200%; } }

@keyframes v-ripples { 0% { width: 0px; height: 0px; }
  100% { width: 200%; padding-top: 200%; } }
@-webkit-keyframes v-fade { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes v-fade { 0% { opacity: 1; }
  100% { opacity: 0; } }
.flex-x-start .app-form-label { padding: 5px 0; }

.app-form-item-error { font-size: 14px; line-height: 22px; min-height: 22px; color: #FF4D4F; }

.flex1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.loader { position: fixed; left: 0; top: 0; height: 100vh; width: 100vw; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; }

body .loader_overlay { width: 150px; height: 150px; background: transparent; box-shadow: 0px 0px 0px 1000px rgba(255, 255, 255, 0.67), 0px 0px 19px 0px rgba(0, 0, 0, 0.16) inset; border-radius: 100%; z-index: -1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

body .loader_cogs { z-index: -2; width: 100px; height: 100px; top: -120px !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

body .loader_cogs__top { position: relative; width: 100px; height: 100px; -webkit-transform-origin: 50px 50px; -ms-transform-origin: 50px 50px; transform-origin: 50px 50px; -webkit-animation: rotate 10s infinite linear; animation: rotate 10s infinite linear; }

body .loader_cogs__top div:nth-of-type(1) { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

body .loader_cogs__top div:nth-of-type(2) { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }

body .loader_cogs__top div:nth-of-type(3) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

body .loader_cogs__top div.top_part { width: 100px; border-radius: 10px; position: absolute; height: 100px; background: #FFAE00; }

body .loader_cogs__top div.top_hole { width: 50px; height: 50px; border-radius: 100%; background: white; position: absolute; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

body .loader_cogs__left { position: relative; width: 80px; -webkit-transform: rotate(16deg); -ms-transform: rotate(16deg); transform: rotate(16deg); top: 28px; -webkit-transform-origin: 40px 40px; -ms-transform-origin: 40px 40px; transform-origin: 40px 40px; -webkit-animation: rotate_left 10s 0.1s infinite reverse linear; animation: rotate_left 10s 0.1s infinite reverse linear; left: -24px; height: 80px; }

body .loader_cogs__left div:nth-of-type(1) { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

body .loader_cogs__left div:nth-of-type(2) { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }

body .loader_cogs__left div:nth-of-type(3) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

body .loader_cogs__left div.left_part { width: 80px; border-radius: 6px; position: absolute; height: 80px; background: #FFAE00; }

body .loader_cogs__left div.left_hole { width: 40px; height: 40px; border-radius: 100%; background: white; position: absolute; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

body .loader_cogs__bottom { position: relative; width: 60px; top: -65px; -webkit-transform-origin: 30px 30px; -ms-transform-origin: 30px 30px; transform-origin: 30px 30px; -webkit-animation: rotate_left 10.2s 0.4s infinite linear; animation: rotate_left 10.2s 0.4s infinite linear; -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); left: 79px; height: 60px; }

body .loader_cogs__bottom div:nth-of-type(1) { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

body .loader_cogs__bottom div:nth-of-type(2) { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }

body .loader_cogs__bottom div:nth-of-type(3) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

body .loader_cogs__bottom div.bottom_part { width: 60px; border-radius: 5px; position: absolute; height: 60px; background: #FFAE00; }

body .loader_cogs__bottom div.bottom_hole { width: 30px; height: 30px; border-radius: 100%; background: white; position: absolute; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

/* Animations */
@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rotate_left { from { -webkit-transform: rotate(16deg); transform: rotate(16deg); }
  to { -webkit-transform: rotate(376deg); transform: rotate(376deg); } }
@keyframes rotate_left { from { -webkit-transform: rotate(16deg); transform: rotate(16deg); }
  to { -webkit-transform: rotate(376deg); transform: rotate(376deg); } }
@-webkit-keyframes rotate_right { from { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
  to { -webkit-transform: rotate(364deg); transform: rotate(364deg); } }
@keyframes rotate_right { from { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
  to { -webkit-transform: rotate(364deg); transform: rotate(364deg); } }
.loader-text { padding-top: 260px; color: #333; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn-switch { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn-switch input { display: none; }
.btn-switch input:checked + span { background: #FFAE00; }
.btn-switch input:checked + span::before { -webkit-transform: translate3d(22px, 0, 0); transform: translate3d(22px, 0, 0); }
.btn-switch span { box-sizing: border-box; padding: 2px; display: block; background: #F0F2F5; width: 44px; height: 22px; border-radius: 50px; overflow: hidden; -webkit-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; }
.btn-switch span::before { -webkit-transition: -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out; display: block; content: ""; width: 18px; height: 18px; background: #fff; border-radius: 40px; background: #fff; }

.app-upload-wrapper { padding: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin-top: 16px; width: 100%; min-height: 312px; background: #FFFFFF; border: 1px dashed rgba(0, 0, 0, 0.25); }

.app-upload-btn, .app-upload-item { margin: 8px; text-align: center; color: rgba(0, 0, 0, 0.45); width: 128px; height: 128px; border-radius: 2px; }

.app-upload-item { position: relative; overflow: hidden; }
.app-upload-item:hover .v-cover { opacity: 1; }
.app-upload-item .v-cover { -webkit-transition: opacity ease .3s; transition: opacity ease .3s; opacity: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; line-height: 16px; color: #FFFFFF; background: rgba(0, 0, 0, 0.4); }
.app-upload-item .v-cover .v-text { margin-top: 5px; }
.app-upload-item img { width: 100%; height: 100%; object-fit: cover; }

.app-upload-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 65px; font-size: 14px; line-height: 22px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: #FAFAFA; border: 1px dashed #D9D9D9; background-size: 11px auto; }

.app-upload-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.upload-pop-body { width: 100%; max-width: 900px; min-height: 396px; max-height: 96vh; background: #fff; }

.pop-area-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; max-height: 100%; overflow-y: auto; }

.upload-pop-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 24px; border-bottom: 1px solid #F3F3F3; }
.upload-pop-top .v-title { height: 42px; line-height: 42px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: 700; font-size: 16px; color: #000000; }

.upload-pop-tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 0 24px; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #F0F0F0; }
.upload-pop-tab .v-item { padding: 12px 0; font-size: 14px; line-height: 22px; margin-right: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.upload-pop-tab .v-item.active { font-weight: 500; color: #FFAE00; position: relative; }
.upload-pop-tab .v-item.active::after { position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #FFAE00; content: ""; }

.upload-pop-area { padding: 16px 24px; min-height: 242px; }
.upload-pop-area .v--tips1 { font-size: 14px; line-height: 24px; margin-bottom: 16px; color: rgba(0, 0, 0, 0.65); }

.upload-pop-foot { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 22px 16px; }
.upload-pop-foot .v-btn { min-width: 94px; border-radius: 2px; }
.upload-pop-foot .v-btn { margin: 0 15px; }

.v-add-new { padding: 16px 24px; text-align: center; font-size: 14px; line-height: 22px; text-align: center; color: #FFAE00; }
.v-add-new span { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media screen and (max-width: 750px) {
  .s-address-img .address-pc{
    display: none;
  }
  .s-address-img .address-app{
    display: block;
  }
  .app-login-right {
    padding: 0 30px;
  }
  .upload-pop-body { width: 90%; }
  .app-login-right { padding: 0 30px; } }
::-webkit-scrollbar-thumb { background-color: #aaa; height: 50px; outline-offset: -2px; outline: 2px solid #fff; -webkit-border-radius: 4px; border: 2px solid #fff; }

::-webkit-scrollbar-thumb:hover { background-color: #999; height: 50px; -webkit-border-radius: 4px; }

::-webkit-scrollbar { width: 8px; height: 8px; }

.career-tab-nav-box::-webkit-scrollbar { width: 0; height: 0; }

::-webkit-scrollbar-track-piece { background-color: #fff; -webkit-border-radius: 0; }

.app-tips-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 16px; background: #FFFBE6; border: 1px solid #FFE58F; border-radius: 2px; }
.app-tips-item .icon-tips1 { margin-top: 3px; width: 16px; height: 16px; background-size: 100%; }
.app-tips-item .v-tips-text { padding: 0 8px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; line-height: 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(0, 0, 0, 0.85); }

.error-pop-text { padding: 0 30px; }

.mauto { margin: 0 auto !important; }

.pop-iframe { width: 100%; height: 100%; min-height: 60vh; border: none; background: var(--loadgif) no-repeat center; background-size: 32px !important; }

@media screen and (max-width: 1670px) { .answer-list-option { width: 231px; } }
@media screen and (max-width: 1638px) { .answer-list-option { width: 221px; } }
@media screen and (max-width: 1600px) { .answer-list-option { width: 210px; } }
@media screen and (max-width: 1550px) { .qy-question-answer { max-width: 900px; }
  .qy-about-us { padding: 0 20px; }
  .qy-company-registration .register-ours { padding-left: 0px; }
  .qy-company-txt { font-size: 38px; }
  .qy-company-registration .flex-company-option { margin-right: 10px; }
  .qy-company-registration .qy-describe-txt { font-size: 14px; }
  .qy-company-registration .company-regi-left { padding: 20px 0 0 20px; }
  .qy-company-registration .q-flex-company { margin-bottom: 0px; }
  .qy-p-txt { font-size: 16px; }
  .qy-company-registration .q-quetision-txt { font-size: 26px; }
  .q-company-advantage .slassification-display-one { width: 624px; }
  .q-company-advantage .slassification-left { max-width: 218px; }
  .qy-ability-company { padding: 30px 0; }
  .qy-ability-left, .qy-right-img { width: 318px; height: 282px; }
  .q-registration-steps { padding: 80px 0; }
  .q-steps-list { margin: 20px 20px 0 20px; }
  .bio-cmpany-left { width: 50%; padding: 178px 68px 0 136px; }
  .answer-list-option { width: 179px; }
  .qy-question-answer { padding: 83px 0 0 42px; }
  .q-list-details { width: 419px; }
  .list-option { margin-bottom: 32px; }
  .q-detailssteps-list { padding: 0 20px; }
  .qy-p-txt { padding: 5px 0 7px 0; }
  .q-benefit { font-size: 26px; line-height: 40px; }
  .down-drop { margin-top: 17px; }
  .q-privilege-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .privilege-list-option { width: 414px; margin-right: 10px; }
  .q-business-processing { padding: 30px 0; }
  .business-ours { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .q-bussiness-list { width: 308px; margin-right: 10px; }
  .q-bussiness-list img { width: 282px; }
  .q-contracting-standards { padding: 40px 0 20px 0; }
  .list-option { width: 396px; }
  .about-us-left .us-left-txt { font-size: 38px; }
  .q-bussiness-list { width: 303px; margin-right: 10px; } }
@media screen and (max-width: 1300px) { .qy-question-answer { max-width: 900px; }
  .qy-about-us { padding: 0 20px; }
  .qy-company-registration .register-ours { padding-left: 0px; }
  .qy-company-txt { font-size: 38px; }
  .qy-company-registration .flex-company-option { margin-right: 10px; }
  .qy-company-registration .qy-describe-txt { font-size: 14px; }
  .qy-company-registration .company-regi-left { padding: 20px 0 0 20px; }
  .qy-company-registration .q-flex-company { margin-bottom: 0px; }
  .qy-p-txt { font-size: 16px; }
  .qy-company-registration .q-quetision-txt { font-size: 26px; }
  .q-company-advantage .slassification-display-one { width: 624px; }
  .q-company-advantage .slassification-left { max-width: 218px; }
  .qy-ability-company { padding: 30px 0; }
  .qy-ability-left, .qy-right-img { width: 310px; height: 274px; }
  .q-registration-steps { padding: 80px 0; }
  .q-steps-list { margin: 20px 20px 0 20px; }
  .bio-cmpany-left { width: 50%; padding: 178px 68px 0 136px; }
  .answer-list-option { width: 179px; }
  .qy-question-answer { padding: 83px 0 0 42px; }
  .q-list-details { width: 419px; }
  .list-option { margin-bottom: 32px; }
  .q-detailssteps-list { padding: 0 20px; }
  .qy-p-txt { padding: 15px 0 14px 0; }
  .q-benefit { font-size: 26px; line-height: 40px; }
  .down-drop { margin-top: 17px; }
  .q-privilege-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .privilege-list-option { width: 405px; margin-right: 10px; }
  .q-business-processing { padding: 30px 0; }
  .business-ours { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .q-bussiness-list { width: 295px; margin-right: 10px; }
  .q-bussiness-list img { width: 282px; }
  .q-contracting-standards { padding: 40px 0 20px 0; }
  .qy-company-registration .q-quetision-txt { margin-bottom: 10px; }
  .list-option { width: 396px; }
  .about-us-left .us-left-txt { font-size: 38px; } }
@media screen and (max-width: 1260px) { .q-company-advantage .slassification-display-one { width: 613px; }
  .qy-ability-left, .qy-right-img { width: 304px; height: 268px; }
  .q-list-details { width: 405px; }
  .privilege-list-option { width: 405px; } }
@media screen and (max-width: 1250px) { .about-us-left { max-width: 100%; width: 100%; padding: 15px; }
  .qy-about-us { padding-top: 15px; }
  .qy-about-us { padding-bottom: 50px; }
  .about-us-left .us-button { margin: 0 auto; }
  .qy-company-registration .company-regi-left { width: 100%; padding: 15px; box-sizing: border-box; margin-right: 0px; }
  .qy-company-registration .company-regi-right img { width: 100%; }
  .qy-company-registration .qy-describe-txt { max-width: 100%; box-sizing: border-box; }
  .qy-company-registration .q-quetision-txt { padding-bottom: 20px; }
  .left-titile-txt { line-height: 25px; padding: 5px; }
  .qy-bus-details { line-height: 25px; }
  .tab-details-txt { padding: 20px; }
  .q-company-advantage .qy-slassification-display { max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .qy-ability-sia { padding: 15px; line-height: 30px; }
  .q-registration-steps { padding-bottom: 50px; }
  .qy-question-answer { max-width: 100%; margin: 0 auto; padding: 0; }
  .question-answer-title { font-size: 24px; text-align: center; padding: 15px 0; }
  .qy-answer-list { padding: 0 20px; }
  .q-step-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .q-detailssteps-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .q-privilege-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .business-ours { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .person-button { margin-bottom: 20px; }
  .q-user-person { padding-bottom: 25px; }
  .person-button { margin-top: 50px; }
  .header-select-top .top-logo { display: none; }
  .privilege-list-option { width: 397px; }
  .q-list-details { height: 498px; } }
@media screen and (max-width: 1238px) { .privilege-list-option { width: 394px; }
  .q-bussiness-list { width: 293px; }
  .list-option { width: 389px; }
  .q-company-advantage .slassification-display-one { width: 607px; } }
@media screen and (max-width: 1219px) { .q-company-advantage .slassification-display-one { width: 605px; }
  .qy-ability-left, .qy-right-img { width: 289px; height: 255px; }
  .answer-list-option { width: 177px; }
  .q-list-details { width: 385px; } }
@media screen and (max-width: 1215px) { .q-company-advantage .slassification-display-one { width: 603px; }
  .q-company-advantage .slassification-display-one { width: 593px; }
  .q-company-advantage .slassification-left { width: 218px; }
  .q-company-advantage .q-label-image { width: 328px; }
  .q-bussiness-list { width: 290px; }
  .list-option { width: 371px; }
  .answer-list-option { width: 176px; }
  .q-bussiness-lis { width: 288px; } }
@media screen and (max-width: 1192px) { .q-company-advantage .slassification-display-one { width: 588px; }
  .qy-ability-left, .qy-right-img { width: 281px; height: 248px; }
  .privilege-list-option { width: 367px; }
  .q-bussiness-list { width: 278px; } }
@media screen and (max-width: 1207px) { .q-bussiness-list { width: 284px; }
  .qy-about-us { min-height: auto; }
  .answer-list-option { width: 173px; } }
@media screen and (max-width: 1183px) { .q-bussiness-list { width: 230px; }
  .qy-about-us { min-height: auto; }
  .answer-list-option { width: 150px; }
  .q-company-advantage .slassification-display-one { width: 519px; }
  .list-option { width: 330px; }
  .q-list-details { width: 330px; }
  .q-contact-us { padding: 0 20px; }
  .q-company-advantage .slassification-left { font-size: 12px; padding: 99px 5px 0 5px; }
  .qy-ability-left, .qy-right-img { width: 252px; height: 222px; }
  .privilege-list-option { width: 310px; }
  .q-company-advantage .q-label-image { width: 289px; }
  .left-titile-tx { font-size: 12px; padding: 0 10px; }
  .option-number { width: 36px; height: 36px; line-height: 36px; }
  .ltr-down { font-size: 12px; line-height: 21px; }
  .about-us-left .us-siam { font-size: 23px; } }
@media screen and (max-width: 1043px) { .qy-company-registration .company-regi-right { width: 100%; }
  .qy-company-registration { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .qy-ability-left, .qy-right-img { width: 224px; height: 199px; }
  .left-title { margin-bottom: 7px; }
  .answer-list-option { width: 133px; }
  .q-list-details { width: 301px; height: 292px; }
  .list-option { width: 300px; }
  .option-number { width: 36px; height: 36px; line-height: 36px; }
  .qy-registration-company { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .registration-image { width: 100%; }
  .q-contact-us-details { padding: 0 20px; }
  .q-company-advantage .slassification-display-one { width: 480px; }
  .left-titile-txt { padding: 5px; font-size: 12px; }
  .qy-company-txt { width: 100%; }
  .q-company-advantage .q-label-image { width: 283px; } }
@media screen and (max-width: 1024px) { .q-app-style { width: 100%; height: 60px; background: #1A466F; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; z-index: 999; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .q-app-flex-title { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .app-header-select-top { width: 48px; height: 48px; background: url(../image/new-more.png) no-repeat center; background-size: 100% auto; }
  .m-navba { position: fixed; width: calc(100vw - 100px); right: -100%; top: 0; bottom: 0; background-color: #fff; z-index: 1000; padding: 20px 0; -webkit-animation: moveRight 2s infinite linear; animation: moveRight 2s infinite linear; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  #q-nav-left-marsk { position: fixed; top: 0; bottom: 0; left: 0; width: 100px; display: none; }
  .q-list-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; }
  .m-anvbar-logo { width: 139px; height: 44px; background: url(../image/app-logo.png) no-repeat center; background-size: 100% auto; margin: 0 10px; }
  .q-list-modify { width: 100%; height: 44px; font-size: 14px; color: #000000; padding: 0 20px; line-height: 44px; border-bottom: 1px solid #EDEDED; cursor: pointer; }
  .q-list-logo .q-newlist-close { width: 16px; height: 16px; background: url(../image/app-close.png) no-repeat center; background-size: 100% auto; }
  .q-list-modify a { display: block; }
  .businesstab-tab-bottom > .tab-content { max-height: auto; }
  .q-list-logo img { width: 90px; height: 36px; }
  .q-company-advantage .q-label-image { width: 257px; } }
@media screen and (max-width: 990px) { .swiper-header-banner .swiper-slide img { width: 100%; height: auto; }
  .qy-about-us { padding: 0; }
  .qy-company-registration .company-regi-right { width: 100%; }
  .header-select-top { padding: 0 10px; }
  .q-company-advantage { padding: 0; }
  .header-select-top .nav-option { font-size: 14px; margin: 0 10px; }
  .header-select-top .qy-nac-language { display: none; }
  .header-select-top .top-logo { display: none; }
  .qypagin-banner .pagfin-txt { font-size: 12px; text-align: center; }
  .about-us-left .us-left-txt { font-size: 30px; text-align: center; }
  .about-us-left .us-siam { font-size: 14px; text-align: center; }
  .ours-image { width: 100%; }
  .about-us-left .us-serve { font-size: 14px; }
  .about-us-left .us-ourse { font-size: 14px; }
  .about-us-left .us-button { width: 120px; height: 60px; font-size: 16px; margin-bottom: 10px; line-height: 60px; }
  .qy-company-txt { font-size: 30px; text-align: center; padding-top: 30px; line-height: 30px; }
  .qy-company-registration .register-ours { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .company-regi-left > p, .company-regi-left > div { padding: 10px; max-width: 100%; }
  .qy-p-txt { font-size: 12px; text-align: center; }
  .qy-company-registration .q-quetision-txt { font-size: 20px; text-align: center; line-height: 25px; }
  .qy-company-registration .flex-company-option { margin-right: 11px; }
  .qy-company-registration .qy-describe-txt { font-size: 14px; }
  .qy-about-change { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 30px; }
  .ours-image { margin-left: 0px; }
  .qy-ability-sia { max-width: 390px; font-size: 14px; padding-bottom: 20px; line-height: 20px; }
  .qy-ability-left { padding: 0 10px; }
  .left-titile-txt { font-size: 12px; padding: 5px; }
  .left-title { width: 100px; height: 26px; line-height: 26px; margin-bottom: 10px; }
  .slassification-display-one { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; }
  .qy-company-registration { max-width: 100%; display: block; }
  .q-company-advantage .slassification-displau-left { width: 100%; height: 411px; background: url(../image/slass.png) no-repeat center; background-size: 100% auto; position: relative; }
  .q-company-advantage .slassification-display-one { margin-bottom: 10px; }
  .q-company-advantage .slassification-left { padding: 100px 20px 30px 20px; font-size: 12px; line-height: 20px; box-sizing: border-box; max-width: 100%; height: auto; }
  .qy-bio-title { font-size: 20px; }
  .q-company-advantage .q-label-image { top: 84px; }
  .bio-cmpany-left { padding: 30px 20px 30px 68px; height: 100%; width: 100%; }
  .qy-company-registration .q-flex-company { margin-bottom: 0px; }
  .qy-company-txt-Thai { font-size: 30px; }
  .q-registration-steps { padding-top: 30px; }
  .q-bio-introduce { font-size: 12px; line-height: 20px; }
  .q-conter-title { font-size: 30px; }
  .q-conter-conditions { font-size: 12px; }
  .registration-right > div, .registration-right > p { width: 100%; }
  .q-registration-txt { font-size: 14; line-height: 20px; }
  .q-benefit { font-size: 20px; line-height: 20px; }
  .privilege-title-txt { font-size: 30px; line-height: 57px; }
  .q-business-title { font-size: 30px; }
  .businesstab-tab-top { margin-bottom: 20px; }
  .businesstab-tab-top > li { font-size: 12px; width: 50%; }
  .qy-equ-txt { font-size: 16px; line-height: 20px; }
  .fill-information-left { padding: 10px; }
  .fill-information-right { padding: 10px; }
  .contact-us-input { width: 100%; }
  .contact-button { margin-top: 0; }
  .contact-us-input textarea { width: 100%; }
  .header-select-top { display: none; }
  .swiper-button-next { right: 5px; }
  .swiper-button-prev { left: 5px; }
  .header-app-company { width: 48px; height: 48px; background: url(../image/new-more.png) no-repeat center; background-size: 48px auto; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; }
  .q-list-details { width: 250px; }
  .q-bussiness-list { width: 185px; }
  .detail-top { font-size: 18px; margin-top: 12px; }
  .qy-bus-title { padding: 7px 0 4px 0; }
  .detail-down { font-size: 14px; }
  .privilege-list-option { width: 280px; }
  .q-contracting-standards { padding-top: 49px; }
  .q-h-60 { height: 60px; }
  .qy-company-registration .option-txt { max-width: 56px; overflow: hidden; text-align: center; }
  .tab-details-txt { padding: 15px; }
  .privilege-list-option { height: auto; padding: 10px; }
  .qy-equity { padding: 15px; }
  .header-select-top { display: none; }
  .q-company-advantage .slassification-left { padding-right: 28px; }
  .nav-leave { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
  .nav-leave-active { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .nav-leave-to { -webkit-transform: translateX(600px); -ms-transform: translateX(600px); transform: translateX(600px); }
  .nav-enter { -webkit-transform: translateX(600px); -ms-transform: translateX(600px); transform: translateX(600px); }
  .nav-enter-active { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .nav-enter-to { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
  .qy-answer-list { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .qy-company-registration .flex-company-option img { width: 64px; height: 64px; }
  .answer-list-option { width: 47%; }
  .qy-company-registration .q-flex-company { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .qy-company-registration .company-regi-left { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .qy-ability-left, .qy-right-img { width: 187px; height: 166px; }
  .left-titile-txt { line-height: 18px; }
  .list-option { margin-right: 20px; } }
@media screen and (max-width: 600px) { html { font-size: 13.33333333vw; }
  .about-us-left .us-left-txt { font-size: 0.45rem; line-height: 0.57rem; }
  .about-us-left .us-left-txt span { display: block; padding-left: 0; font-weight: 400; font-size: 0.2rem; padding: 0.13rem 0 0.22rem 0; line-height: 0.25rem; }
  .about-us-left .us-siam { font-weight: 400; font-size: 0.36rem; line-height: 0.45rem; }
  .qy-about-change { padding-top: 0.45rem; }
  .about-us-left .us-serve { font-weight: 400; font-size: 0.28rem; line-height: 0.42rem; }
  .about-us-left .us-ourse { font-weight: 400; font-size: 0.28rem; line-height: 0.42rem; padding-bottom: 0.32rem; }
  .about-us-left .us-button { width: 2rem; height: 0.65rem; font-size: 0.28rem; line-height: 0.3rem; margin-bottom: 0.32rem; }
  .about-us-left { padding-bottom: 0; padding: 0 0.25rem 0 0.25rem; }
  .qy-company-registration .company-regi-left { padding-top: 0.45rem; padding-left: 0.25rem !important; padding-right: 0.25rem !important; padding-bottom: 0.12rem; }
  .qy-company-txt { font-weight: 700; font-size: 0.45rem; line-height: 0.57rem; padding: 0px !important; }
  .qy-p-txt { font-weight: 400; font-size: 0.2rem; line-height: 0.25rem; padding: 0.15rem 0 0.35rem 0 !important; }
  .qy-company-registration .q-quetision-txt { font-size: 0.32rem; line-height: 0.4rem; padding-bottom: 0.36rem; margin-bottom: 0; }
  .qy-company-registration .flex-company-option img { width: 0.88rem; height: 0.88rem; }
  .qy-company-registration .q-flex-company { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; margin-bottom: 0.13rem; }
  .qy-company-registration .qy-describe-txt { font-size: 0.28rem; line-height: 0.42rem; padding-bottom: 0.27rem; padding-top: 0 !important; }
  .qy-company-registration .register-ours { padding-left: 0 !important; }
  .q-company-advantage { padding-top: 0.45rem; padding-left: 0.25rem; padding-right: 0.25rem; }
  .q-company-advantage .qy-p-our { font-size: 0.2rem; padding: 0.17rem 0 0.32rem 0; }
  .q-company-advantage .slassification-displau-left { width: 100%; height: auto !important; margin-bottom: 0.32rem; }
  .q-company-advantage .q-label-image { width: auto; top: 0.26rem; }
  .q-company-advantage .q-label-one { background-color: #F4F5F8; width: 0.96rem; height: 0.86rem; }
  .q-company-advantage .q-label-image img { width: 3.54rem; height: 3.54rem; }
  .q-company-advantage .slassification-left { width: 3.46rem; padding: 0.92rem 0.3rem 0.15rem 0.2rem; font-size: 0.26rem; line-height: 0.42rem; }
  .eli7 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; text-overflow: ellipsis; }
  .q-company-advantage .slassification-left { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; text-overflow: ellipsis; }
  .qy-company-txt-Thai { font-size: 0.45rem; line-height: 0.57rem; }
  .qy-ability-company { padding: 0.45rem 0; }
  .qy-ability-txt { font-size: 0.2rem; line-height: 0.25rem; padding: 0.15rem 0 0.14rem 0; }
  .q-registered-particulars { padding-top: 0.45rem; }
  .qy-ability-sia { font-size: 0.28rem; line-height: 0.42rem; padding-bottom: 0.45rem; }
  .qy-ability-option { margin-bottom: 0.38rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0.25rem; }
  .left-titile-txt { font-size: 0.28rem; line-height: 0.42rem; padding: 0.15rem 0 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; }
  .qy-ability-left, .qy-right-img { width: 3.5rem; height: 3.14rem; margin-bottom: 0.38rem; }
  .qy-ability-left { padding: 0.2rem 0.22rem 0.33rem 0.2rem; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .left-title { width: 1rem; height: 0.36rem; font-size: 0.18rem; line-height: 0.36rem; /* margin-top: toRem(20); */ margin-bottom: 0; }
  .flex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .app-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .group-left { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .group-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .qy-right-img img { height: 100%; }
  .q-registration-steps { padding-top: 0.45rem; padding-bottom: 0.55rem; background: #ffff; }
  .q-steps-list { padding: 0.21rem 0.19rem 0 0.31rem; margin: 0 0 0.2rem 0; }
  .list-option { width: 7rem; height: 0.92rem; font-size: 0.28rem; line-height: 0.92rem; margin-right: 0; padding: 0 0.8rem 0 0.48rem; }
  .option-number { width: 0.48rem; height: 0.48rem; line-height: 0.48rem; font-size: 0.28rem; }
  .option-number-txt { padding-left: 0.12rem; font-size: 0.28rem; line-height: 0.35rem; }
  .list-option { margin-bottom: 0.2rem; }
  .bio-cmpany-left { padding: 0.89rem 0.25rem 0.88rem 0.25rem; }
  .qy-bio-title { font-size: 0.45rem; text-align: center; line-height: 0.57rem; letter-spacing: 0.1rem; }
  .bio-tite-txt { font-size: 0.2rem; color: #D99300; line-height: 0.25rem; text-align: center; padding: 0.2rem 0 0.26rem 0; }
  .q-bio-introduce { font-size: 0.28rem; line-height: 0.48rem; }
  .question-answer-title { font-size: 0.28rem; font-weight: 700; line-height: 0.4rem; padding: 0.51rem 0 0.33rem 0; }
  .answer-list-option { width: 7rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .qy-answer-list { padding: 0 0.25rem 0.63rem 0.25rem; }
  .answer-txt { font-size: 0.28rem; line-height: 0.42rem; text-align: center; }
  .q-conter-title { font-size: 0.45rem; line-height: 0.57rem; }
  .q-conter-conditions { font-size: 0.2rem; line-height: 0.25rem; padding: 0.21rem 0 0.25rem 0; }
  .q-list-details { width: 7rem; height: 3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.2rem; }
  .particularc-img { width: 0.8rem; height: 0.8rem; }
  .detail-top { font-size: 0.24rem; line-height: 0.3rem; padding: 0.2rem 0 0.16rem 0; }
  .detail-down { font-size: 0.28rem; line-height: 0.35rem; padding-top: 0; }
  .q-step-list { margin-bottom: 0.22rem; }
  .registration-right { padding: 0.41rem 0.25rem 0.39rem 0.25rem; }
  .q-registration-txt { font-size: 0.28rem; line-height: 0.5rem; }
  .q-benefit { font-size: 0.36rem; line-height: 0.45rem; padding-top: 0.33rem; padding-bottom: 0.49rem; }
  .down-drop { text-align: center; height: 0.6rem; }
  .down-drop img { width: 0.32rem; height: 0.6rem; }
  .privilege-title-txt { font-size: 0.45rem; line-height: 0.57rem; }
  .q-privilege-conter { padding: 0.5rem 0.25rem 0.2rem 0.25rem; }
  .privilege-title { margin: 0; }
  .q-business-txt { font-size: 0.2rem; line-height: 0.25rem; padding: 0.17rem 0 0.29rem 0; }
  .privilege-list-option { width: 7rem; height: 2.4rem; padding: 0 0.29rem 0 0.2rem; margin-right: 0; margin-bottom: 0.1rem; }
  .option-img img { width: 0.92rem; height: 0.92rem; }
  .ltr-top { font-weight: 700; font-size: 0.28rem; line-height: 0.35rem; }
  .ltr-down { font-size: 0.28rem; line-height: 0.35rem; padding-top: 0.15rem; }
  .privilege-ltr-txt { margin-left: 0.22rem; }
  .q-business-processing { padding: 0.5rem 0.25rem 0.39rem 0.25rem; }
  .q-business-title { font-size: 0.45rem; line-height: 0.57rem; }
  .q-bussiness-list { width: 7rem; height: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-right: 0; padding: 0.1rem; margin-bottom: 0.2rem; }
  .q-bussiness-list img { width: 3.05rem; height: 2.3rem; margin-right: 0.15rem; }
  .qy-bus-details { display: block; font-size: 0.26rem; line-height: 0.33rem; }
  .qy-bus-title { display: block; font-size: 0.28rem; line-height: 0.35rem; padding: 0.06rem 0 0.15rem 0; }
  .business-border { left: 3.28rem; bottom: 0.3rem; }
  .q-contracting-standards { padding: 0.45rem 0.25rem 0.48rem 0.25rem; }
  .businesstab-tab-top { margin-bottom: 0.2rem; }
  .tab-details-img { width: 7rem; height: 5.44rem; }
  .qy-apply-person { font-size: 0.28rem; line-height: 0.35rem; }
  .tab-details-txt { padding: 0.35rem 0 0.68rem 0.3rem; }
  .q-user-person { font-size: 0.26rem; line-height: 0.33rem; padding-bottom: 0.37rem; }
  .person-list li { font-size: 0.26rem; line-height: 0.33rem; padding-bottom: 0.2rem; }
  .qy-equity { padding: 0.32rem 0.14rem 0.5rem 0.2rem; }
  .qy-equ-txt { font-size: 0.28rem; line-height: 0.3rem; }
  .qy-equ-ul { padding-bottom: 0px; }
  .qy-equ-ul li { font-size: 0.28rem; line-height: 0.35rem; padding-bottom: 0.2rem; }
  .qy-necessary-condition { font-size: 0.28rem; line-height: 0.35rem; padding: 0.38rem 0 0 0; }
  .q-contact-us-details { padding: 0.2rem 0.25rem 0 0.25rem; height: 100%; }
  .fill-information-left .information-left-list .left-list-onces { font-size: 0.36rem; line-height: 0.45rem; }
  .fill-information-left .information-left-list .left-list-two { font-size: 0.28rem; line-height: 0.35rem; padding-top: 0.15rem; }
  .fill-information-left .information-left-list { margin-bottom: 0.45rem; }
  .q-contact-us { padding: 0; }
  .fill-information-right { padding: 0; }
  .information-txt { font-size: 0.36rem; line-height: 0.45rem; padding-bottom: 0.15rem; padding-left: 0; }
  .fill-information-left { padding: 0; }
  .contact-us-input input { padding-left: 0.3rem; }
  .contact-us-input textarea { padding-left: 0.3rem; }
  .contact-button { width: 7rem; height: 0.9rem; font-size: 0.28rem; line-height: 0.9rem; }
  .contact-us-input { margin-bottom: 0.2rem; }
  .contact-us-input input { width: 7rem; height: 0.88rem; font-size: 0.28rem; line-height: 0.35rem; }
  .contact-us-input textarea { width: 7rem; height: 3.3rem; margin-bottom: 0.14rem; padding-top: 0.3rem; font-size: 0.28rem; line-height: 0.35rem; }
  .qypagin-banner .pagfin-left { width: 2.5rem; height: 0.6rem; padding: 0; }
  .qypagin-banner .pagfin-txt { font-size: 0.22rem; line-height: 0.6rem; padding: 0; }
  .qypagin-banner .pagfin-left .left-icon-1, .qypagin-banner .pagfin-left .left-icon-2, .qypagin-banner .pagfin-left .left-icon-3 { display: none; }
  .q-atlas { width: 7rem; height: 4rem; margin: 0; }
  .q-fill-informtion { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
/* @media screen and (max-width: 900px) { .fill-information-right { padding-left: 0; }
 .bio-cmpany-left { padding-left: 30px; }
 .q-list-details { width: 290px; }
 .list-option { width: 282px; }
 .option-number { width: 24px; height: 24px; line-height: 24px; }
 .option-number { font-size: 20px; }
 .ltr-top { font-size: 12px; }
 .ltr-down {
 font-size: 12px; line-height: 20px; }
 .privilege-list-option { width: 281px; }
 .answer-list-option { width: 123px; }
 .qy-bio-title { font-size: 38px; }
 .qy-ability-left, .qy-right-img { width: 218px; height: 194px; }
 .left-titile-txt { font-size: 12px; padding: 5px; } 
}
 */

/*# sourceMappingURL=style.css.map */