@charset "UTF-8"; /* header*/ #dce-header { background: #f2f2f2; zoom: 1; } #dce-header-fixed{ background: #f2f2f2; width: 100%; position: fixed; z-index: 9999999; padding-bottom: 2px; top: 0; display: none; } #dce-header-fixed .wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #dce-header-fixed .dce-header-fixed-container{ max-width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #dce-header-fixed .main_menu{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #dce-header-fixed .main_menu .nav-title>a{ font-size: 12px; color: #4d4d4d; margin-right: 20px; display: inline-block; line-height: 1.5; } #dce-header-fixed .headerlogo .fl-logo-img{ height: 36px; } #dce-header span, #dce-header a, #dce-header p, #dce-header div{ font-family: "Microsoft YaHei", "寰蒋闆呴粦", "Open Sans Condensed",'Arial', sans-serif; } .fl-fixed-width .fl-page{ width: 100% !important; max-width: none !important; } #dce-header .container #headerlogo { position: static; width: 100%; height: 80px; background-position: left top; background-repeat: no-repeat; font-size: 1px; text-align: center; margin-top: 30px; } #dce-header #headerlogo a { font-size: 0px; } #dce-header #headerlogo .fl-logo-img{ height: 80px; } .nav-lvII.has-subII>.nav-title:hover,.nav-lvII.has-subII.navII-active>.nav-title{ background-color: #454545; position: relative; z-index: 2; } .no-nav-lvII .consumerpanel__products__contents{ background: #cccccc; padding-bottom: 30px; } #globalheader-nav { font-size: 0; text-align: center; } #globalheader-nav #menu-headermenu { margin-top: 28px; overflow: hidden; zoom: 1; display: inline-block; padding-left: 20px; } #globalheader-nav .main_menu{ margin-top: 20px; } #globalheader-nav .main_menu>li:first-child { margin-left: 0; } #globalheader-nav .main_menu>li { display: inline-block; margin-left: 35px; height: 42px; text-align: center; } #globalheader-nav .main_menu .nav-lvI>.nav-title { height: 100%; } #globalheader-nav .main_menu .nav-lvII .menu-image{ display:block; } #globalheader-nav .main_menu>li>a:hover, #globalheader-nav .main_menu>li>a, #globalheader-nav .main_menu .menu-image-title>a:hover, #globalheader-nav .main_menu li .menu-image-title>a { display: inline-block; font-family: "Microsoft YaHei", "寰蒋闆呴粦", "Open Sans Condensed",'Arial', sans-serif; font-size: 16px; color: #cecece; font-weight: bold; text-decoration: none; text-shadow: -1px -1px 1px #000000; text-shadow: -1px -1px 1px #222; padding: 1px 0; } #globalheader-nav .main_menu>li>a, #globalheader-nav .main_menu .nav-title>a { display: inline-block; font-family: "Microsoft YaHei", "寰蒋闆呴粦", "Open Sans Condensed",'Arial', sans-serif; font-size: 15px; color: #4d4d4d; text-decoration: none; padding: 1px 0; } #globalheader-nav .navII-active .nav-title>a{ color: #000000; } #globalheader-nav .main_menu>li>a, #globalheader-nav .main_menu .nav-title>a { font-family: "Microsoft YaHei", "寰蒋闆呴粦", "Open Sans Condensed",'Arial', sans-serif; } #globalheader-nav .main_menu>li>a:hover, #globalheader-nav .main_menu>li.active>a, #globalheader-nav .main_menu .nav-title>a:hover, #globalheader-nav .main_menu li.active>.nav-title>a { color: #000000; text-shadow: none; } .nav-lvII>.nav-lvIII-wrapper { display: none; position: relative; background-color: #cccccc; } .nav-sec-list .nav-lvII .nav-lvIII-wrapper{ margin-top: -1px !important; } .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2>.third-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -10px 0; } .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2>.third-menu .nav-lvIII { margin: 30px 10px 0; -ms-flex-negative: 0; flex-shrink: 0; width: calc(16% - 20px); } .third-menu4 .nav-lvIV .nav-title .menu-image-title{ font-size: 13px; } .third-menu4 .nav-lvIV .nav-title .menu-image-title:hover{ color:#fff; } #fl-footer-terms .copyright, #fl-footer-terms .copyright a { margin-top: 4px; } @media (min-width: 976px) { .nav-lvIII.has-subIII,.no-nav-lvII .nav-lvIII.no-sub { display: inline-block; } .nav-lvII.imageWtitle .menu-image-title { font-size: 13px ; } .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII { width: 976px; margin: auto; padding: 30px 0; font-size: 0; } .nav-lvII>.nav-lvIII-wrapper { width: 100vw; } .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -10px 0; } .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list li.nav-lvIII , .no-nav-lvII .nav-lvIII{ margin: 30px 10px 0; -ms-flex-negative: 0; flex-shrink: 0; width: calc(16% - 20px); } .no-nav-lvII .nav-lvIII.oversize{ width: calc(18% - 20px); } .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list li.nav-lvIII>.nav-title, .no-nav-lvII .nav-lvIII>.nav-title{ border-bottom: 1px solid #999999; padding-bottom: 3px; } .fl-page .special-nav .nav-sec-list{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } ul.nav-third-list li.nav-lvIII.nav-lvIII-col4 .nav-IV-wrapper .megapannel-wrapper2{ margin-top: 0; } .nav-lvII > .nav-lvIII-wrapper > .megapannel-wrapperIII ul.nav-third-list li.nav-lvIII.nav-lvIII-col4{ width: calc(64% - 20px); } ul.nav-third-list li.nav-lvIII.nav-lvIII-col4 .nav-IV-wrapper .third-menu4{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav-lvIII-col4 .nav-lvIV{ -ms-flex-negative: 0; flex-shrink: 0; width: calc(36% - 20px); } .nav-lvIV { margin-top: 6px; } .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 976px; padding: 30px 0; padding-top: 30px; text-align: left; color: #ccc; font-size: 0; background-color: #cccccc; } .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2 ul li .nav-IV-wrapper .nav-title { width: 100%; } .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2 ul li span { font-size: 15px; word-wrap: break-word; color: #4d4d4d; } .nav-lvII > .nav-lvIII-wrapper > .megapannel-wrapper2 ul li a[href]:hover span { color: #000000; } .nav-lvIV span { font-size: 13px ; } .nav-IV-wrapper .megapannel-wrapper2 { margin-top: 8px; } .nav-lvII.has-subII>.nav-title { padding: 0 3px 18px 3px; } .nav-lvII.has-subII>.nav-title img { width: 100px; padding: 18px 0 10px; } } @media(max-width:1200px){ .consumerpanel__wrapper { left: 0 !important; } } @media (min-width: 641px), (min-device-width: 1281px), print { .nav-sec { font-size: 16px; } .consumerpanel__wrapper { position: absolute; left: calc(600px - 50vw); width: 100vw; } .width-nolimit .consumerpanel__wrapper { width: 100%; margin: 0; } .consumerpanel__panhead, .consumerpanel__panfoot { -webkit-box-sizing: border-box; box-sizing: border-box; } .consumerpanel__panhead__container, .consumerpanel__panfoot__container { max-width: 976px; height: 47px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .consumerpanel__panhead { border-bottom: 1px solid; } .consumerpanel__panhead:not(.consumerpanel__panhead-light) { background-color: #e6e6e6; border-bottom: 1px solid #cccccc; } .consumerpanel__panhead:not(.consumerpanel__panhead-light) .browseall__icn svg { fill: #fff; } .consumerpanel__panhead a { color: #4d4d4d; } .consumerpanel__panhead.consumerpanel__panhead-light { border-color: #ececec; } .consumerpanel__panhead.consumerpanel__panhead-light .browseall__icn svg { fill: #1f1f1f; } .consumerpanel__panhead__container .intitle { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: left; font-size: 16px; } .consumerpanel__panhead__container .browseall { text-align: right; font-size: 14px; } .consumerpanel__panhead__container .browseall__icn { display: inline-block; margin-right: 10px; } .consumerpanel__panhead__container .closeit { margin-left: 23px; text-align: right; font-size: 14px; } .consumerpanel__panhead__container .closeit .btn-slide:hover,.consumerpanel__panhead__container .closeit .btn-slide:focus{ color:#000; } .consumerpanel__panhead__container .closeit img { margin-right: 10px; } .consumerpanel__banner img { display: block; } .consumerpanel__inpanel { overflow: hidden; font-family: "Microsoft YaHei", "寰蒋闆呴粦", "Open Sans Condensed",'Arial', sans-serif; line-height: 1.1; } .consumerpanel__products { background-color: #e6e6e6; color: #4d4d4d; } .nav-lvII.has-subII>.nav-title:hover,.nav-lvII.has-subII.navII-active>.nav-title{ /* background-color:#454545; */ background-color: #cccccc; position: relative; z-index: 2; } /* #globalheader-nav #menu-headermenu .nav-lvII.navII-active{ background: url(../../img/icn-nav-global-arrow-top.png) no-repeat center 127px; } */ .consumerpanel__products__bg-light { background-color: #454545; } .consumerpanel__products__contents { position: relative; } .nav-sec-list { margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .no-nav-lvII .nav-sec-list{ display: block; text-align: left; max-width: 998px; display: flex; justify-content: flex-start; } .consumerpanel__products__list-child__wrapper { width: 1200px; display: none; position: relative; margin-top: -1px !important; } .consumerpanel__products__list-child__wrapper::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #636363; } .imageWtitle { -webkit-box-sizing: border-box; box-sizing: border-box; width: 124px; } .imageWtitle .nav-title a.menu-image-title-below { color: #fff; display: block; padding: 0 3px 18px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 170px; position: relative; cursor: pointer; z-index: 1; } .imageWtitle .nav-title a.menu-image-title-below img { padding: 18px 0 10px; } .imageWtitle .nav-title a.menu-image-title-below .menu-image-title { font-size: 13px; } .imageWtitle .menu-image-title-below:hover, .imageWtitle .incimg.active { background-color: #454545; } .imageWtitle .menu-image-title-below.active .icn_incchild { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .imageWtitle .menu-image-title-below .icn_incchild { display: block; position: absolute; width: 100%; bottom: 10px; } .imageWtitle .img-element { display: block; padding: 18px 0 10px; } .imageWtitle .img-element img { display: block; margin: auto; width: 100px; } .imageWtitle .catname { font-size: 13px; } #mobile-navigation { display: none; } } @media (max-width: 976px){ #globalheader-nav .main_menu .nav-lvII .menu-image{ display: inline-block; } .nav-lvII.has-subII > .nav-title:hover, .nav-lvII.has-subII.navII-active > .nav-title{ z-index: 0; } } #company-name{ font-size: 12px; color: #666666; position: absolute; left: 0; top: 12px; } #mb-company-name{ font-size: 12px; color: #666666; padding: 5px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 1.81; } #dce-header>.container{ position: relative; max-width: none; width: 1200px; } #dce-header .header-s-i, #dce-header-fixed .header-s-i{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 40px; right: 0; top: 20px; position: absolute; width: 16px; z-index: 6; } #dce-header-fixed .header-s-i{ top: 14px; } #dce-header .header-s-i img, #dce-header-fixed .header-s-i img { cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 16px; } #dce-header #header-relnav a{ position: absolute; font-size: 12px; color: #666666; top: 19px; right: 30px; word-break: keep-all; display: inline-block; } #dce-header .wrapper .headerserch, #dce-header-fixed .wrapper .headerserch { right: 0; width: 300px; display: none; } .fl-page #dce-header #headerserch{ margin-right: 0; } #dce-header .headerserch .fl-page-nav-search a img, #dce-header-fixed .headerserch .fl-page-nav-search a img { width: 15px; } #dce-header .headerserch .fl-page-nav-search, #dce-header-fixed .headerserch .fl-page-nav-search { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; /* width: 100%; */ /* background: initial; */ width: 240px; } #dce-header .headerserch .fl-page-nav-search input.fl-search-input, #dce-header-fixed .headerserch .fl-page-nav-search input.fl-search-input { width: 100%; height: 32px; border: 1px solid #333; background: #f2f2f2; border-radius: 0; font-size: 12px; color: #333333; } #dce-header .headerserch .fl-page-nav-search input.fl-search-input:focus,#dce-header .headerserch .fl-page-nav-search input.fl-search-input:active, #dce-header-fixed .headerserch .fl-page-nav-search input.fl-search-input:focus,#dce-header-fixed .headerserch .fl-page-nav-search input.fl-search-input:active { color: #333333; } #dce-header .headerserch.search-active,#dce-header-fixed .headerserch.search-active { display: block; position: relative; margin-top: 12px; } #dce-header-fixed .headerserch.search-active{ right: -12px; margin-top: 0; } #dce-header .headerserch .fl-page-nav-search .fl-search-btn, #dce-header-fixed .headerserch .fl-page-nav-search .fl-search-btn { position: absolute; right: 10px; top: 7px; /* transition: right 0.5s ease 1s; */ z-index: 8; } #dce-header .headerserch.search-active .fl-page-nav-search .fl-search-btn, #dce-header-fixed .headerserch.search-active .fl-page-nav-search .fl-search-btn { /* right: 105px; */ opacity: 0; -webkit-animation: searchmove forwards 0.5s ease; animation: searchmove forwards 0.5s ease; } #dce-header .headerserch .fl-page-nav-search .fl-search-close, #dce-header-fixed .headerserch .fl-page-nav-search .fl-search-close { opacity: 0; } #dce-header .headerserch.search-active .fl-page-nav-search .fl-search-close, #dce-header-fixed .headerserch.search-active .fl-page-nav-search .fl-search-close { opacity: 1; -webkit-animation: searchc forwards 0.2s ease; animation: searchc forwards 0.2s ease; } #dce-header .headerserch .fl-page-nav-search form, #dce-header-fixed .headerserch .fl-page-nav-search form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; -webkit-box-shadow: none; box-shadow: none; position: relative; top: 0; z-index: 4; } #dce-header .fl-page-nav-search .focused input.fl-search-input, #dce-header-fixed .fl-page-nav-search .focused input.fl-search-input { border-bottom: none; } #dce-header .fl-page-nav-search .search-list, #dce-header-fixed .fl-page-nav-search .search-list { padding: 0; background: #f2f2f2; font-size: 16px; padding-bottom: 5px; } #dce-header .fl-page-nav-search .search-list li, #dce-header-fixed .fl-page-nav-search .search-list li { line-height: 1; padding: 6px 12px; font-size: 12px; } #dce-header .fl-page-nav-search .search-list li.search-i:hover, #dce-header-fixed .fl-page-nav-search .search-list li.search-i:hover { background: #fff; } #dce-header .fl-page-nav-search .search-list li.search-i ,#dce-header-fixed .fl-page-nav-search .search-list li.search-i { padding-left: 27px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } #dce-header .fl-page-nav-search .search-list li.search-t, #dce-header-fixed .fl-page-nav-search .search-list li.search-t { color: #ACACAC; } #dce-header .fl-page-nav-search .search-list li.search-clear, #dce-header-fixed .fl-page-nav-search .search-list li.search-clear { font-size: 12px; color: #acacac; text-align: right; } #dce-header .fl-page-nav-search .search-list li.search-clear span, #dce-header-fixed .fl-page-nav-search .search-list li.search-clear span { cursor: pointer; } #dce-header .recommend, #dce-header-fixed .recommend { position: absolute; width: 100%; top: 90%; border: 1px solid #333; border-top: none; display: none; } #dce-header .focused .recommend, #dce-header-fixed .focused .recommend { display: block; } #dce-header { border-bottom: 1px solid #cccccc; } @media screen and (min-width: 981px) { .fl-page #dce-header{ display:block; } .fl-page #dce-header-m{ display:none; } } /* mobile */ @media screen and (max-width: 980px) { .fl-page #dce-header{ display: none; } .imageWtitle { width: 100%; } .fl-page #dce-header-m{ display:block; background: #f2f2f2; zoom: 1; width:100%; } .fl-page #dce-header-m .logo-container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fl-page #m-open_, .fl-page #m-search{ background: #f2f2f2; position: static; } .fl-page #m-search{ width: 30px; } .fl-page #m-search_w, .fl-page #m-search, .fl-page #m-open_w{ border:none; } .fl-page #m-search_w{ width: 16px; } .fl-page #dce-header-m #headerlogo-m, .fl-page #dce-header-m #headerlogo-m img{ height: 46px; } .fl-page #dce-header-m .menu-menu3-container li .sub-menu{ display: none; } .fl-page #dce-header-m .main_menu{ background: #1a1a1a; } .fl-page #dce-header-m .menu-menu3-container li{ border-bottom: 1px solid #1a1a1a; border-top: 1px solid #333333; } .fl-page #dce-header-m .menu-menu3-container li a{ display: block; padding: 0; min-height: 14px; font-family: 'Open Sans Condensed', 'Arial', sans-serif; font-size: 14px; line-height: 32px; height:42px; } .fl-page #dce-header-m .menu-menu3-container li span{ padding: 5px 15px 5px 15px; display: inline-block; } .fl-page #dce-header-m .menu-menu3-container li span{ color: #999999; } .fl-page #dce-header-m .menu-menu3-container li li span{ color: #b3b3b3; } .fl-page #dce-header-m .menu-menu3-container li li li span{ color: #cccccc; } .fl-page #dce-header-m .menu-menu3-container li li li li span{ color: #e6e6e6; } .fl-page #dce-header-m .menu-menu3-container li.no-nav-lvII span{ padding: 5px 15px 0 15px; } .fl-page #dce-header-m .menu-menu3-container{ /* display: none; */ } .fl-page #dce-header-m .menu-menu3-container li li{ background-color: #333333; border-bottom: 1px solid #333333; border-top: 1px solid #4d4d4d; background-image:none; } .fl-page #dce-header-m .menu-menu3-container li li a{ height: 58px; } .fl-page #dce-header-m .menu-menu3-container li.no-nav-lvII a{ height: 42px; } .fl-page #dce-header-m .menu-menu3-container li li img{ width: auto; height: 58px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.2); } .fl-page #dce-header-m .menu-menu3-container li li li{ background-color: #4d4d4d; border-bottom: 1px solid #4d4d4d; border-top:1px solid #666666; background-image:none; } .fl-page #dce-header-m .menu-menu3-container li li li li{ background-color: #666666; border-bottom:1px solid #666666; border-top:1px solid gray; background-image:none; } .fl-page #dce-header-m .menu-menu3-container li li li a{ height:42px !important; } .fl-page #dce-header-m .menu-menu3-container li.nav-lvI.has-sub,.fl-page #dce-header-m .menu-menu3-container li .nav-lvII.imageWtitle.has-subII,.fl-page #dce-header-m .menu-menu3-container li .nav-lvIII.has-subIII{ position: relative; margin-top: -1px; } .fl-page #dce-header-m a.menu-image-title-after{ width: 100%; display: inline-block; position: relative; } .fl-page #dce-header-m .menu-menu3-container li.nav-lvI.has-sub>a.menu-image-title-after::after,.fl-page #dce-header-m .menu-menu3-container li .nav-lvII.imageWtitle.has-subII>a.menu-image-title-after::after,.fl-page #dce-header-m .menu-menu3-container li .nav-lvIII.has-subIII>a.menu-image-title-after::after{ content: ""; height: 17px; width: 17px; background: url(/wp-content/themes/bb-theme-child/asset/images/holdings-icn-plus-gry.svg) no-repeat; background-size: 17px 17px; background-position: center; position: absolute; top: 15px; bottom: 0; right: 15px; } .fl-page #dce-header-m .menu-menu3-container li .nav-lvII.imageWtitle.has-subII>a.menu-image-title-after::after{ top: 18px; } .fl-page #dce-header-m .menu-menu3-container li.nav-lvI.has-sub.afterI>a.menu-image-title-after::after,.fl-page #dce-header-m .menu-menu3-container li .nav-lvII.imageWtitle.has-subII.afterII>a.menu-image-title-after::after,.fl-page #dce-header-m .menu-menu3-container li .nav-lvIII.has-subIII.afterIII>a.menu-image-title-after::after{ content: ""; height: 16px; width: 16px; top: 15px; background: url(/wp-content/themes/bb-theme-child/asset/images/holdings-icn-close-wht.svg) no-repeat; background-size: 16px 16px; background-position: center; position: absolute; bottom: 0; right: 15px; -webkit-transform:rotate(180deg); transform:rotate(180deg); } #mb-search-wrap{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999; background: #fff; padding: 20px; display: none; } @font-face { font-family: 'icomoon'; src: url('/wp-content/themes/bb-theme-child/asset/icons/icomoon.eot?dra20b'); src: url('/wp-content/themes/bb-theme-child/asset/icons/icomoon.eot?dra20b#iefix') format('embedded-opentype'), url('/wp-content/themes/bb-theme-child/asset/icons/icomoon.ttf?dra20b') format('truetype'), url('/wp-content/themes/bb-theme-child/asset/icons/icomoon.woff?dra20b') format('woff'), url('/wp-content/themes/bb-theme-child/asset/icons/icomoon.svg?dra20b#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icomoon-"], [class*=" icomoon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } .icomoon-arrow-left:before { content: "\ea40"; } .icomoon-menu:before { content: "\e9bd"; } #mb-search-wrap .input-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #mb-search-wrap .input-wrap span{ font-size: 20px; } #mb-search-wrap .search-container{ position: relative; } #mb-search-wrap .search-container img{ position: absolute; left: 15px; top: 13px; } #mb-search-wrap .search-container input{ padding: 10px 50px; border-radius: 25px; background-color: #f7f7f7; border: 0; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; width: 75vw; outline: none; } #mb-search-wrap .search-container input:focus{ outline: 2px dotted black; } #mb-search-wrap .suggest-wrap{ margin-top: 30px; } #mb-search-wrap .history-wrap{ margin-bottom: 30px; } #mb-search-wrap .suggest-title, #mb-search-wrap .history-wrap .title{ font-size: 17px; } #mb-search-wrap .suggest-item, #mb-search-wrap .history-wrap .search-i{ margin-top: 15px; margin-left: 10px; font-size: 14px; } #headerlogo-m{ padding-left: 10px; } #headerlogo-m img{ width: 200px; } #dce-header-m #menu-menu2-2 .nav-lvIII.nav-notification>.menu-image-title-after{ height: auto; margin-top: 15px; } #dce-header-m #menu-menu2-2 .nav-lvIII.nav-notification>.menu-image-title-after .menu-image-title{ font-size: 11px; } #dce-header-m #menu-menu2-2 .nav-lvIII .sub-menu .menu-image-title{ font-size: 14px; } #mb-search-wrap{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999; background: #fff; padding: 20px; display: none; } #mb-search-wrap .input-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #mb-search-wrap .input-wrap span{ font-size: 20px; } #mb-search-wrap .search-container{ position: relative; } #mb-search-wrap .search-container img{ position: absolute; left: 15px; top: 13px; } #mb-search-wrap .search-container input{ padding: 10px 50px; border-radius: 25px; background-color: #f7f7f7; border: 0; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; width: 75vw; outline: none; } #mb-search-wrap .search-container input:focus{ outline: 2px dotted black; } #mb-search-wrap .suggest-wrap{ margin-top: 30px; } #headerlogo-m{ padding-left: 10px; } #headerlogo-m img{ width: 200px; } #headerserch-m{ display: none; } #dce-header-m #menu-menu2-2 .nav-lvIII.nav-notification>.menu-image-title-after{ height: auto; margin-top: 15px; } #dce-header-m #menu-menu2-2 .nav-lvIII.nav-notification>.menu-image-title-after .menu-image-title{ font-size: 11px; } #dce-header-m #menu-menu2-2 .nav-lvIII .sub-menu .menu-image-title{ font-size: 14px; } .fl-page .searchBgc{ background: #f2f2f2 !important; } #mb-menu3-wrapper{ position: absolute; width: 100%; height: 100vh; z-index: 10; top: 80px; background: #333333; display: none; overflow: scroll; padding-bottom: 130px; } }