:root { --Bcolor:#ff821d; --Hcolor:#ff6a00 }
HTML, body, div, section, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, textarea, input { border:none }
html, body { height:100%; width:100%; color:#222; font-family:'Helvetica Neue', Helvetica, Tahoma, Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif }
input::-ms-clear { display:none }
input::-ms-reveal { display:none }
input { -webkit-appearance:none; appearance:none; margin:0; outline:none; padding:0 }
input[type=submit], input[type=button] { cursor:pointer }
button[disabled], input[disabled] { cursor:not-allowed }
img { border:none }
img[src=""], img:not([src]) { opacity:0 }
ul, ol, li { list-style-type:none; padding:0; margin:0 }
i { font-style:normal }
a { text-decoration:none; color:inherit }
* { -webkit-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0 }
*:before, *:after { -webkit-box-sizing:border-box; box-sizing:border-box }
body { background-color:#fff }
html { font-size:18px; scroll-behavior:smooth }
@media only screen and (max-width: 1900px) {
  html { font-size:16px }
}
@media only screen and (max-width: 1200px) {
  html { font-size:14px }
}
body.no-scroll { overflow:hidden }
.inner-list { max-width:1440px; margin:0 auto; width:92%; position:relative; line-height:1.5rem }
.bg-color { background:#FBF8F6!important }
.bg-color-linear { background:linear-gradient(167deg, #FFFFFF 19%, #FFEDDC 52%) }
.bg-gray { background:#f3f3f3; border-radius:16px }
a, article, aside, audio, b, body, canvas, caption, dd, details, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, img, label, li, menu, nav, ol, p, pre, q, s, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, video { margin:0; padding:0; border:0; vertical-align:baseline }
.zoom-in:hover { transform:scale(1.05) }
.zoom-in { -webkit-transition:-webkit-transform .3s ease; transition:-webkit-transform .3s ease; -o-transition:transform ease .3s; transition:transform .3s ease; transition:transform .3s ease, -webkit-transform .3s ease; -ms-transition:-ms-transform ease .3s; -moz-transition:-moz-transform ease .3s; -o-transition:-o-transform ease .3s }
div, input, button { outline:none }
button, html [type=button], [type=reset], [type=submit] { cursor:pointer; -webkit-appearance:button }
.header { position:fixed; width:100%; height:80px; display:flex; align-items:center; justify-content:space-between; z-index:999; color:#333; background:#fff; top:0 }
.header-container { max-width:1440px; margin:0 auto; display:flex; align-items:center; width:96%; justify-content:space-between; align-items:center }
.header-container .header-left { display:flex; align-items:center }
.header-container .header-right { display:flex; align-items:center }
.header .logo-on { display:none; opacity:0 }
.header .logo-nor { display:block; opacity:1 }
.logo img { height:36px }
.search-box form { display:flex; align-items:center }
.search-box .input { padding:10px 10px 10px 34px; border:1px solid #404040; border-radius:35px; background:url("../images/icon-search-black.png") no-repeat left 10px center; background-size:15px; width:260px; margin-left:24px; margin-bottom:0 }
.search-box .input::before { content:""; width:30px; height:30px }
.search-box button { padding:5px 10px; background:#333; color:#fff; border:none; cursor:pointer }
.main-menu ul { list-style:none; display:flex; margin:0; padding:0; position:relative }
.main-menu ul li { padding:15px }
.main-menu ul li a { text-decoration:none; transition:all .2s ease }
.main-menu ul li a:hover { color:var(--Bcolor); font-weight:500 }
.main-menu ul li .dropdown { display:none; position:absolute; top:100%; background:#fff; list-style:none; padding:0; box-shadow:1px 1px 30px rgba(0, 0, 0, .06) }
.main-menu ul li .dropdown li { color:#333 }
.main-menu ul li .dropdown li { padding:12px 15px; font-size:14px }
.main-menu ul li .dropdown li:hover { background:var(--Bcolor) }
.main-menu ul li .dropdown li a:hover { color:#333 }
.main-menu ul li:hover .dropdown { display:block }
.mobile-menu-toggle { display:none; flex-direction:column; justify-content:space-between; width:20px; height:15px; cursor:pointer; position:relative; z-index:99; right:6px; margin-left:15px }
.mobile-menu-toggle span { display:block; height:2px; background:#222; border-radius:4px; transform-origin:center }
.mobile-menu-toggle span:nth-child(1) { transform-origin:top left }
.mobile-menu-toggle span:nth-child(3) { transform-origin:bottom left }
.mobile-menu-toggle.active span:nth-child(1) { transform:rotate(45deg) translateY(0px) }
.mobile-menu-toggle.active span:nth-child(2) { opacity:0 }
.mobile-menu-toggle.active span:nth-child(3) { transform:rotate(-45deg) translateY(0px) }
.mobile-menu { position:fixed; top:0; left:0; width:100%; height:calc(100vh - 60px); background:#fff; transform:translateY(-100%); transition:transform 0.3s ease-in-out; z-index:99; overflow:scroll }
.mobile-menu.active { transform:translateY(0); top:60px }
.mobile-menu nav ul { list-style:none; padding:20px; margin:0 }
.mobile-menu nav ul li { padding:15px 20px; border-bottom:1px solid #eee }
.mobile-menu nav ul li ul li:last-child { border:none; padding-bottom:0 }
.mobile-menu nav ul li a { text-decoration:none; color:#333; font-size:16px }
.searchBar { display:none; position:relative; left:0; width:30px; height:60px; background:none; z-index:999; align-items:center; margin-left:10px }
.searchBar .form .searchIcon { width:16px; height:16px; background:url("../images/icon-search-black.png") no-repeat center; background-size:100% }
.searchBar .form { display:flex; align-items:center; flex:1; flex-direction:row; padding:0; background:none; border-radius:4.8vw; margin-left:0 }
.searchBar .form input { display:none; margin-left:1rem; background:none }
.searchBar .form input::before { content:""; width:30px; height:30px }
.searchBar .searchCancel { display:none; color:#666; padding:1.5rem }
.searchBar.fullScreenModel { position:fixed; width:100%; background:#fff; margin-left:0 }
.searchBar.fullScreenModel .form { padding:12px 15px; background:rgba(0, 0, 0, .04); margin-left:1rem; flex-wrap:nowrap }
.searchBar.fullScreenModel input { margin-left:1rem; background:none; display:block; width:100% }
.searchBar.fullScreenModel .searchCancel { display:block }
.header .searchBar.fullScreenModel .form .searchIcon, .scrolled.header .searchBar.fullScreenModel .form .searchIcon { width:16px; height:16px; background:url(../images/icon-search-black.png) no-repeat center; background-size:100% }
.searchPanel { display:none; position:fixed; top:60px; bottom:0; left:0; right:0; z-index:1001; flex-direction:row; background:#fff; padding:10px 15px }
.searchPanel .keywords-title { display:flex; flex-direction:row; justify-content:space-between; line-height:8.53333vw; color:#999; background:#fff; font-size:3.73333vw }
.searchPanel .keywords-container { display:block }
.searchPanel .tag { display:inline-block; margin:5px 10px 5px 0; padding:5px 10px; background:#f4f4f4; color:#666; border-radius:4px; overflow:hidden; font-size:12px }
.language-switch { position:relative; cursor:pointer; padding:15px 0 }
.language-selected { display:flex; align-items:center; padding:5px 10px }
.flag-lang { display:inline-block; width:20px; height:13px; margin-right:5px; background:url("../images/flag.webp") no-repeat }
.flag-lang.flag-en { background-position:0 0 }
.flag-lang.flag-ru { background-position:0 -40px }
.flag-lang.flag-fra { background-position:0 -60px }
.flag-lang.flag-de { background-position:0 -80px }
.flag-lang.flag-jp { background-position:0 -100px }
.flag-lang.flag-kor { background-position:0 -120px }
.flag-lang.flag-spa { background-position:0 -140px }
.flag-lang.flag-th { background-position:0 -160px }
.flag-lang.flag-ara { background-position:0 -180px }
.flag-lang.flag-pt { background-position:0 -200px }
.flag-lang.flag-it { background-position:0 -220px }
.flag-lang.flag-el { background-position:0 -240px }
.flag-lang.flag-nl { background-position:0 -260px }
.flag-lang.flag-pl { background-position:0 -280px }
.flag-lang.flag-bul { background-position:0 -300px }
.flag-lang.flag-zh { background-position:0 -20px }
.language-dropdown { display:none; position:absolute; top:100%; left:0; background:#fff; box-shadow:1px 1px 30px rgba(0, 0, 0, .06); list-style:none; padding:0; margin:0; width:auto; font-size:14px }
.language-dropdown li { padding:10px }
.language-dropdown li:hover a { color:var(--Bcolor) }
.language-dropdown li a { text-decoration:none; display:flex; align-items:center; color:#333 }
.language-dropdown li img { width:20px; height:14px; margin-right:8px }
.language-switch:hover .language-dropdown { display:block }
.scrolled.header { color:#fff; background:none }
.scrolled .search-box { display:none }
.scrolled.header .logo-on { display:block; opacity:1 }
.scrolled.header .logo-nor { display:none; opacity:0 }
.scrolled.header .searchBar .form .searchIcon { width:16px; height:16px; background:url("../images/icon-search.png") no-repeat center; background-size:100% }
.scrolled.header .mobile-menu-toggle span { background:#ffffffb8 }
.elementor-button { display:inline-block; background:var(--Bcolor); padding:1rem 2rem; color:#fff; border-radius:40px; transition:all .2s ease; border:none; text-align:center; font-size:inherit }
.elementor-button-small { padding:12px 24px; font-size:1rem }
.elementor-button-link { background:#fff; color:#333 }
.elementor-button-blank { background:none; border:2px solid #222; color:#222 }
.elementor-button-blank-small { background:none; padding:.65rem 1rem; border:1px solid #222; font-size:.9rem; color:#222 }
.elementor-button-blank-small:hover { background:#dcdcdc }
.elementor-button-white-small { background:none; padding:.65rem 1rem; border:1px solid #fff; font-size:.9rem; color:#fff }
.elementor-button-white-small:hover { background:#00000026 }
.elementor-button-text { background:none; color:#333; border-bottom:1px solid #222; margin-top:1rem; border-radius:0; padding:4px 2px; font-size:.85rem }
.elementor-button-text:hover { color:var(--Bcolor); border-color:var(--Bcolor) }
.elementor-button-line { display:block; color:var(--Bcolor); margin-top:24px; font-size:14px }
.elementor-button-line:hover { text-decoration:underline }
.elementor-button-arrow { position:relative; padding:0.7rem 1rem; border-radius:0.6rem; padding-right:44px; margin:8px; font-size:16px }
.elementor-button-arrow::after { content:''; display:block; width:0.6em; height:0.6em; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg); margin-left:-0.2em; transition:border-color 0.2s; position:absolute; right:20px; top:20px }
.elementor-button-arrow:hover { box-shadow:0px 0px 10px #ccc }
.footer { background:#fff; border-top:1px solid #f1f1f1 }
.footer .fusion-row { display:flex; justify-content:space-between; padding-top:2rem }
.footer .fusion-column { width:100%; font-size:14px; line-height:2rem; color:#333; transition:all .2s ease; margin-bottom:1.5rem }
.footer .fusion-column h4 { font-size:1.1rem; margin-bottom:15px }
.footer .fusion-column a:hover { color:var(--Bcolor) }
.footer .media-box { display:flex; justify-content:center; width:100%; flex-wrap:wrap }
.footer .media-box a { margin:1rem; display:flex; align-items:center }
.footer .copyright { background:#EAEAEA; text-align:center; font-size:14px; color:#666; padding:1rem }
.footer .copyright a { display:inline-block; padding:5px 10px }
.breadcrumb { font-size:14px; display:flex; align-items:center; padding:16px 0; border-radius:4px; max-width:1440px; margin:0 auto; width:92%; position:relative }
.breadcrumb ul { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap }
.breadcrumb li { display:flex; align-items:center }
.breadcrumb li a { text-decoration:none; color:#666 }
.breadcrumb li a:hover { text-decoration:underline }
.breadcrumb li:not(:last-child)::after { content:""; width:0; height:0; display:inline-block; margin:0 12px; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:5px solid #333 }
#chat_window { position:fixed; right:0; bottom:100px; z-index:10000; background:#fff; display:flex; flex-wrap:wrap; justify-content:center; width:52px; box-shadow:0 2px 6px 2px rgba(0, 0, 0, .12); border-radius:8px 0 0 8px }
#chat_window a { display:flex; align-items:center; justify-content:center; padding:6px 0 }
#chat_window a i { display:flex; width:40px; height:40px; border-radius:20px; background:#fff; align-items:center; justify-content:center; transition:all .2s ease }
#chat_window a i:hover { background:#efefef }
#chat_window a i img { width:18px }
#back-to-top { border-top:1px solid #f4f4f4 }
.hide { display:none !important }
.page { display:block; width:100%; text-align:center; padding:1.5rem 0 }
.page-oneline { display:flex; align-items:center; justify-content:center }
.page-home { display:flex; justify-content:center; align-items:center; width:36px; height:36px; background:#fff; border-radius:8px; border:1px solid #D8D8D8; font-size:14px; color:#151515; margin:0 4px; transition:all .5s ease }
.nowpage { color:#fff; background:#333; border:1px solid #333; box-shadow:0px 0px 59px 0px rgba(0, 0, 0, 0.09) }
.contact { background:#FBF8F6; text-align:center; padding:3.5rem 0; border-top:1px solid #f1f1f1 }
.contact .elementor-button { min-width:200px }
.contact .title { max-width:800px; margin:0 auto }
.contact .subtitle { max-width:800px; margin:1rem auto 2rem }
.form { width:100%; max-width:800px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center }
.input, .textarea { display:block; color:#151515; background:#fff; border-radius:6px; border:1px solid #D8D8D8; padding:12px; margin:0 4px 16px; font-family:auto; transition:all .5s ease }
.input:focus, .textarea:focus { outline:none; border:1px solid #7d7d7d }
.form .el-form-product { padding:10px; background:#fff; border-radius:6px; border:1px solid #D8D8D8; margin:0 4px 16px }
.form .el-form-product .shop-img img { width:100px }
.form .el-form-product .shop-title { padding:10px }
.form .el-form-product .shop-link { color:#1bc0ff; font-size:.9rem }
.form .el-form-item { display:flex; width:100%; justify-content:left; background:#f5f5f5; border-radius:6px; border:1px solid #D8D8D8; margin:0 4px 16px; align-items:center; padding:16px 10px }
.form .el-form-item .shop-to { font-size:1.2rem; margin-right:10px; color:#888 }
.form .el-form-item .shop-user { display:inline-block; font-size:1.2rem; font-weight:bold; text-align:left }
.faqbox { width:100%; margin:0 auto }
.faqlist { margin-bottom:.65rem; border-radius:16px; border:1px solid #d6d6d6; overflow:hidden; transition:all .5s ease }
.faqlist.active { border-color:#ddd }
.toggle-container { display:flex; align-items:center; justify-content:space-between; cursor:pointer; background:#fff; padding:24px }
.toggle-title { font-size:1.2rem; font-weight:bold; color:#151515 }
.toggle-button { width:22px; height:22px; position:relative; cursor:pointer; transition:transform 0.3s ease; display:inline-block; margin-right:10px }
.toggle-button svg { width:16px; transition:transform 0.3s ease }
.toggle-button.expanded svg { transform:rotate(180deg) }
.toggle-content { display:none; padding:24px; padding-top:0; font-size:1rem; line-height:1.8rem }
.expanded.toggle-button::after { transform:translateY(-50%) rotate(0deg) }
.faqlist.active .toggle-title { color:var(--Bcolor) }
@media only screen and (max-width: 1024px) {
  .main-menu { display:none }
  .mobile-menu-toggle { display:flex }
  .mobile-menu.active { top:80px }
  #chat_window { background:var(--Bcolor); border-radius:16px 0 0 16px; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2); bottom:20% }
  #chat_window a i { background:none }
  #chat_window a i img { width:24px; filter:brightness(0) invert(1) }
  #back-to-top { display:none !important }
}
@media only screen and (max-width: 768px) {
  .header { height:60px; box-shadow:0px 0px 5px #00000014 }
  .mobile-menu.active { top:60px }
  .searchBar { display:flex }
  .footer .fusion-row { flex-wrap:wrap }
  .footer .copyright { font-size:12px; color:#999; padding:4px }
  .language-switch .language-selected span { display:none }
  .header .search-box input { display:none }
  .logo img { height:28px }
  .footer .fusion-column h4 { margin-bottom:6px }
  .breadcrumb li a { font-size:10px }
  .contact { padding:1rem 0 1.5rem }
  .contact .elementor-button { width:90% }
  .contact .subtitle { margin:0 auto 1rem; font-size:12px }
}