@charset "UTF-8";
html { height: 100%; font-size: 100%; }

body { background-color: white; font-family: "Segoe UI", "Arial Unicode MS", Arial, sans-serif; width: 100%; min-height: 650px; font-size: 1em; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a { text-decoration: none; cursor: pointer; }

.clearfix, .srarch-control, .data-item { * zoom: 1; }
.clearfix:after, .clearfix:before, .srarch-control:after, .data-item:after, .srarch-control:before, .data-item:before { content: ""; display: table; }
.clearfix:after, .srarch-control:after, .data-item:after { clear: both; overflow: hidden; }

.font-base { font-family: Arial,'微軟正黑體','新細明體', sans-serif; *font-family: '微軟正黑體','新細明體', Arial, sans-serif; }

.assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

.t-c { text-align: center; }

[class^="fs"] { line-height: 1.2; }

.fs-12 { font-size: 12px; }

.fs-13 { font-size: 13px; }

.fs-14 { font-size: 14px; }

.fs-16 { font-size: 16px; }

.fs-18 { font-size: 18px; }

.fs-20 { font-size: 20px; }

.fs-24 { font-size: 24px; }

.white-text { color: #ffffff; }

.mt-10 { margin-top: 10px; }

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

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

.mt-40 { margin-top: 40px; }

.mb-10 { margin-bottom: 10px; }

.mb-20 { margin-bottom: 20px; }

.mb-30 { margin-bottom: 30px; }

.mr-10 { margin-right: 10px; }

.no-mragin { margin: 0 !important; }

.gbr { border-right: 1px solid #d9d9d9; }

.prt { position: relative; }

.dpb { display: block; }

.fxb { position: fixed; bottom: 0px; right: 0; left: 0; }

.hide { display: none; }

.pull-left { float: left; }

.pull-right { float: right; }

.gray { float: none; width: 100%; height: 1px; background: #ccc; border: none; color: #ccc; clear: both; }

.bh-wb { color: #fff; }
.bh-wb:hover { color: #33b9ff; }

.bh-wb.active { color: #33b9ff; }

.bh-bb { color: #000; }
.bh-bb:hover { color: #33b9ff; }

.bh-bd { color: #33b9ff; }
.bh-bd:hover { color: #0164a2; }

.bh-bd.active { color: #0164a2; }

.wrapper { -moz-box-sizing: border-box; box-sizing: border-box; margin: 6px auto 70px; min-width: 960px; min-height: 18.75em; max-width: 1180px; color: #282828; }

.page-title { font-size: 1.625em; line-height: 1.2; margin-bottom: 10px; color: #000; font-weight: normal; }

 h1.page-title {float:none;}

.page-header { text-align: center; margin-top: 30px; }

.page-slogan { font-size: 3em; line-height: 1.8; }

.page-text { font-size: 1.125em; line-height: 1.4; color: #4e4e4e; }

.srarch-control { width: 800px; margin: 80px auto 0; }

.search-box { float: left; margin-left: 30px; text-align: left; }
.search-box:first-child { margin-left: 0; }

.ac_results { position: absolute; z-index: 99; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; margin-top: 4px; width: 100%; max-height: 240px; border: solid 1px #929292; background-color: #fff; }
.ac_results ul { margin: 0; }
.ac_results ul li>div { display: block; padding: 5px 0; color: #000; }
.ac_results ul a b { color: #008FD9; }
.ac_results ul li>div:hover { text-decoration: underline; }

.ac_results li {
	margin: 0px;
	width: 100%;
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	overflow: hidden;
    color: #222222;
    line-height: 20px;
    padding: 6px;
    background-color: #fff;
}

.ac_over {
	/*background-color: Highlight;*/
	/*color: HighlightText;*/
	background-color: #DCDCDC;
    cursor: pointer;
	font-size: 20px;
}



.search-bar { position: relative; width: 380px; border: solid 1px #929292; background-color: #fff; margin-top: 10px;}
.search-bar .search-input { height:auto; font-size: 14px; line-height: 1.2; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 40px; padding: 13px 10px 12px 16px; width: 90%; border: none; background-color: transparent; }
.search-bar .search-input:focus { font-size: 16px; line-height: 1.2; padding: 11px 8px 11px 14px; outline: none; }
.search-bar .search-btn { position: absolute; top: 0; right: 0; display: block; padding: 6px; width: 30px; height: 30px; border-left: solid 1px #CCC; background: transparent url(/support/images/cpu/search-icon.png) -40px 1px no-repeat; cursor: pointer; }
.search-bar.active { background-color: #929292; }
.search-bar.active .search-input { color: #fff; }
.search-bar.active .search-btn { border-left: solid 1px #fff; background: transparent url(/support/images/cpu/search-icon.png) 0px 1px no-repeat; }

.data-table { margin-top: 60px; }
.data-table .data-item p { display: inline-block; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; zoom: 1; *display: inline; line-height: 1.4; width: 100%; }

.data-header { background-color: #eee; }
.data-header:hover { background-color: #eee !important; }

.data-item {font-size: 12px; position: relative; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: solid 1px #ccc; border-bottom: none; }
.data-item [class^="row"] { float: left; border-right: solid 1px  #CCC; -moz-box-sizing: border-box; box-sizing: border-box; padding: 14px; }
.data-item [class^="row"]:last-child { border-right: none; }
.data-item .row-5 { width: 41.5%; *width: 39.5%; }
.data-item .row-5 p { height: 16px; }
.data-item .row-2 { width: 16.6%; *width: 13%; }
.data-item .row-3 { width: 24.9%; *width: 23%; }
.data-item:last-child { border-bottom: solid 1px  #CCC; }
.data-item:hover { background-color: #F7F7F7; }

.bs-bh {  color: #000; background: transparent url(/support/images/cpu/arrow.png) 0 center no-repeat; padding-left: 14px; }
.bs-bh:hover { color: #33B9FF; }


/*.search-bar .cpu_selspan {color:#177FC0; float:left; font-size:12px; margin:5px 0 0 5px;}
.search-bar select {margin-left:40px; height:27px; font-size:12px}*/

.header-hide {display:none;}