.headerWrap { /*border-bottom: 1px solid #dcdcdc; margin-bottom: 10px;*/ padding:0px; margin:0px; } /************************************************************* * Top *************************************************************/ .top-nav { background-color: #252525; /* background: #f6f6f6; height: 35px; border-bottom: #f1f1f1 solid 1px; box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); */ width: 100%; box-sizing: border-box; clear: both; } #filter-bar.fixed { top: 55px; padding: 8px 15px; background: #ECF0F0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.15) inset; z-index:1000 !important; } .top-nav ul > li { float: left; /* border-left: 1px solid #444; border-right: 1px solid #222; */ } /* Nav links */ .top-nav a , .top-nav a:visited{ position: relative; display: inline-block; padding: 6px; font-weight: 500; color: #aca99f; font-size:13px; text-decoration: none; /*font-weight: 900;*/ } .top-nav a:hover{ color: #fff; } .top-nav a.active { color: #fff; border-top: 4px solid #ff8f2b; background-color: #111; } /* Active state gets a caret at the bottom */ /* .top-nav .active { color: #fff; font-weight: 700; } .top-nav .active:after { position: absolute; bottom: 0; left: 50%; width: 0; height: 0; content: " "; margin-left: -5px; vertical-align: middle; border-right: 5px solid transparent; border-bottom: 5px solid; border-left: 5px solid transparent; } */ .sb-toggle-left { width: 30px; float: left; padding-top: 5px; padding-left: 5px; } .navicon-line { width: 24px; height: 4px; border-radius: 1px; margin-bottom: 3px; background-color: #fff; } .mebmer-area li{ padding: 5px; color:#fff; } /************************ * logo /************************/ .logoWrap{ background-color: #30373b; /* background-color: #f04848; background-color: #fff; background-color: #f0f0f0; */ max-height: 80px; /* padding: 20px 0;*/ /* box-shadow:-3px 9px 14px -11px; */ } .mobile-logo-box{ display:none; } a.logo , a.logo:hover{ color:#fff; } .sidebar-icon { position: relative; text-align: center; line-height: 1.1; font-size: 2.3em; color: #fff; background-clip: padding-box; text-shadow: 4px 4px 6px rgba(0,0,0,0.4); cursor: pointer; float:left; } .logo-box{ padding-top: 0px; text-align: left; } .logo-text{ color: #fff; font-family:Microsoft JhengHei; font-weight:800; font-size: 16px; padding-left: 5px; } .logo{ color:#fff; } .logo img{ max-width:250px; } .logo i.fa{ vertical-align: middle; font-size: 2.49em; } .headerWrap .search-box{ padding: 15px; float:left; } .headerWrap .search-form { background: #fff; border-radius: 3px; /*float: left;*/ position: relative; /*border: 1px solid #dcdcdc;*/ max-width:515px; } .search-input { display: inline-block; background: #fff; /*border: 1px solid #fff;*/ border: 0px; border-radius: 2px 0 0 2px; color: #282828; font-size: 18px; height: 35px; margin: 0; outline: medium none; padding: 0 5px; max-width: 467px; width: 100%; } .search-btn-bg { -moz-appearance: button; background-color: #ff8f33; border: 1px solid #ff8f33; border-radius: 0 2px 2px 0; color: #fff; cursor: pointer; font-weight: bold; height: 35px; line-height: 20px; padding: 6px 15px 4px; position: absolute; right: -1px; text-transform: uppercase; top: 0; font-size: 20px; } /* .secondNav { height: 40px; border-left: 1px solid #dcdcdc; float: left; padding-left: 20px; margin-top: 20px; color: #333; line-height: 40px; overflow: hidden; } */ #eac-container-q{ z-index: 9999999 !important; } .easy-autocomplete input{ border-color: none; border-width: 0; } .easy-autocomplete-container ul{ border-top: 1px solid #ccc !important; } /********************/ .ts-type { display: inline; float: left; width: 70px; background-color: #F7F7F7; border-right: 1px solid #CCCCCC; cursor: pointer; color: #1C1536; border-radius: 4px 0 0 4px ; background-color: #F7F7F7; line-height: 35px; text-indent: 10px; overflow: hidden; } .ts-type.hover { overflow: visible; } .ts-type > p{ color: #1C1536; float: left; cursor: pointer; background-color: #F7F7F7; width:100%; } .ts-type ul { background-color: #FEFEFE; border: 1px solid #CCCCCC; width: 70px; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); line-height: 25px; display: none; margin-top:35px; z-index:2000; position: absolute; } .ts-type ul li{ cursor: pointer; color: #005599; padding: 3px 0px; border-bottom: 1px dotted #EEEEEE; } /**************/ #breadcrumb{ min-height: 35px; padding: 0px; } /* @media screen and (min-height: 450px) { .logo { text-align: left; } .search-form { margin: 0px; } } @media screen and (max-height: 450px) { .headerWrap .search-box{ padding: 0 10px; } } */ @media (max-width: 768px) { /* 閮剖��鞟內摮㛖����憿讛𠧧 */ ::-webkit-input-placeholder { color: #ccc; } :-moz-placeholder { color: #ccc; } .placeholder { color: #ccc; } .logo-box{ /*width:102px;*/ width: 55px; } .logo{ display: none; } .mobile-logo-box{ display: block; } .logoWrap { padding: 10px 0px; } .logoWrap .search-box{ /*width: 64%;*/ /*Standard */ width: calc(100% - 68px); /*Firefox*/ width: -moz-calc(100% - 68px); /*chrome safari*/ width:-webkit-calc(100% - 68px); } .logoWrap .search-form{ width: 100%; /*margin: 0 auto;*/ display: block; clear: both; float: none; font-family: Microsoft JhengHei,fantasy; font-weight: 900; } .easy-autocomplete input{ padding: 8px; } .search-input{ width: 100%; } .search-btn-bg{ padding: 0 10px; } .search-input, .search-btn-bg{ height: 35px; } .headerWrap .search-box{ padding: 0; } .logo img{ max-height: 28px; /*display:none;*/ } .top-nav, .breadcrumb-wrap , .breadcrumb-wrap{ display: none; } }