@charset "utf-8";
/* CSS Document */

/* all */
* {margin:0; padding:0}
ul, ol, dl{list-style:none}
li, dd, dt{float:left}
h1,h2,h3,h4,h5,h6{font-family: 'Helvetica Neue', Arial, "Microsoft YaHei", sans-serif; text-transform: uppercase; text-shadow: 2px 2px 2px #CCCCCC}
body{font-size: 10px; font-family: Tahoma, Verdana, "Microsoft YaHei", sans-serif;}
a{text-decoration:none; color:#013B8B; white-space: nowrap;}
table{*border-collapse:collapse; border-spacing: 0;}
.tr_slct{background: #faffb3 !important;}
.whole{float: none; clear: both; overflow: hidden;}

/* layout */
.wp{margin:0;}
.ct{margin: 30px 10px;}
.ct h1{font-size: 28px; margin: 20px 0 30px 0; text-shadow: 1px 1px 0 #F2F2F2, 1px 2px 0 #B1B1B2;}
.ct h2{font-size: 20px; margin: 30px 0 10px 0;}
.ct h3{font-size: 14px;}
.ct h4{font-size: 12px;}
.ct h5{font-size: 10px;}

/* notice */
.notice{color: #E00; font-size:16px; overflow: hidden; text-align: center;}

/* msg */
.msg {margin-top: 10px; width: 99.9%; height: 130px; padding-top: 90px; font-size: 16px; text-align: center;
    border: 1px solid #467bb6; border-radius: 3px; background-color: #fdfbff;
}


/* float-msg */
#float-msg-error, #float-msg-ok {
    position: absolute; width: 100%; font-size: 20px; padding: 5px 0; display: none; text-align: center;
}
#float-msg-ok {background-color: #618aba; color: #FFF;}
#float-msg-error {background-color: #d15d56; color:#FFF; }

/* to top */
#gotop{display: none; position:fixed; bottom:50px; right:40px; border-radius:5px; text-decoration:none;
	background-color:#CCC; color: #FFF; text-align:center; font-size:16px; padding: 8px 8px;
}
#gotop:hover{background-color: #bababa;}

/* nav */
.nv{height: 86px; font-size:14px; background:#0066AE; color: #FFF; overflow:auto; box-shadow: 0 0 10px #339; padding: 0 30px; text-shadow: 1px 1px 2px #111;}
.nv div, .nv ul {background:#0066AE; }
.nv .nv_wp {overflow: hidden;}
.nv .left {float: left;}
.nv .left a {color: #FFF; display: block; padding: 24px 0; font-family: Tahoma, Verdana, "Microsoft YaHei", "黑体", sans-serif; font-size: 28px;}
.nv .left a:hover {color: #fffc75;}
.nv ul {float:left; margin-left: 30px;}
.nv ul a {color: #FFF; display: block; padding: 24px 20px; font-weight: bold;}
.nv ul a:hover{background: #0061a5;}
.nv ul .line1  {padding: 32px 20px;}
.nv .right {float: right; width: 200px; padding-top: 5px;}
.nv .right .top {float:right; clear: both; font-size: 12px; width: 100%;}
.nv .right .top a:hover{text-decoration: underline;}
.nv .right .top .lang {float: right;}
.nv .right .top .lang a {color: #fff;}
.nv .right .top .login {float: right;}
.nv .right .top .login a {color: #ff0;}
@media (max-width: 760px){
    .nv{padding: 5px;}
    .nv .left a {font-size: 20px; padding: 16px 0;}
    .nv ul {margin-left: 5px; overflow: hidden;}
    .nv ul a {padding: 12px 10px;}
    .nv ul .line1 {padding: 20px 10px;}
    .nv .right {float: none; overflow: hidden; padding-top: 0;}
    .nv .right .top {display: none;}
    #nv-search {padding-top: 0;}
}

/* nav search */
#nv-search {float:right; clear: both; padding-top: 10px;}
#nv-search input {border:1px solid #999; font-size: 10px; height: 30px; line-height: 30px; width: 200px;}
#nv-search-result {border: 1px solid #999; position: absolute; padding: 2px; background-color: #FFF; display: none; box-shadow: 0 0 3px #999;}
#nv-search-result .title {width: 100%; text-align: center; font-size: 14px; font-weight: bold;}
#nv-search-result ul {width: 100%;}
#nv-search-result li {width: 100%; line-height: 21px;}
#nv-search-result .li_hover {background-color: #EEE;}
#nv-search-result .link {color: #013B8B; font-size: 12px; display: block; float: left;}
#nv-search-result .cmp {color: #013B8B; font-size: 10px; display: block; float: right;}
#nv-search-result a:hover {text-decoration: underline;}

/* to top */
.totop {width: 100%; overflow: hidden; margin-top: 30px; font-size: 14px;}

/* foot */
.ft{font-size:14px; padding:30px; background:#F6F6F6; margin-top: 30px;}

/* grid */
.g15{width:15%; overflow: hidden;}
.g20{width:20%; overflow: hidden;}
.g25{width:25%; overflow: hidden;}
.g30{width:30%; overflow: hidden;}
.g33{width:33%; overflow: hidden;}
.g40{width:40%; overflow: hidden;}
.g50{width:50%; overflow: hidden;}
.g60{width:60%; overflow: hidden;}
.g66{width:66%; overflow: hidden;}
.g70{width:70%; overflow: hidden;}
.g75{width:75%; overflow: hidden;}
.g80{width:80%; overflow: hidden;}
.g85{width:85%; overflow: hidden;}
.g98{width:98%; overflow: hidden;}

/* margin */
.m06{margin-top: 6px;}

/* columns */
.wp-col{overflow:auto;}
.col-left{float:left; width:60%; min-width: 400px;}
.col-right{float:right; width: 260px;}
.detail_container {display: block; width: 1020px; overflow: hidden;}

/* form error */
.errorlist li {float: none; color: #D00;}

/* home */
.home_wp {width: 80%; overflow: hidden; margin: 0 auto;}
.home_wp .section {overflow: hidden; margin: 20px; padding: 20px; box-shadow: 3px 3px 3px #DDD; border: 1px solid #E5E5E5;}
.home_wp h1 {float: none; clear: both; font-family: Georgia, "Microsoft YaHei", serif; margin: 0 0 20px;}
.home_wp .block {width: 180px; height: 200px; float: left;}
.home_wp .block ul li {margin: 1px;}

/* category box */
.cbox {overflow:hidden; font-size:12px; margin-top:20px; padding-bottom:20px; border:1px solid #ccc;
    border-radius: 3px; box-shadow: 5px 5px 5px #ddd; text-shadow: 1px 1px 1px #ccc;}
.cbox th{padding: 10px; text-align:right; white-space: nowrap;}
.cbox td{padding: 7px;}
.cbox th, .cbox td{vertical-align: top; border-bottom: 1px dashed #ccc;}
.cbox a, .cbox strong{float: left; display: block; padding: 4px; margin-right:20px; min-width:40px; line-height: 18px;}
.cbox a:hover, .cbox strong{background:#4D87C7; color:#FFF; text-shadow: 1px 1px 1px #161C4E;}

/* category result table */
/* cdrill */
#cdrill{width: 100%; margin-top: 5px; border: 1px solid #c0c0ff; border-radius: 2px;}
#cdrill a{display: block; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 12px; background-color: #eff2ff;}
/* colors */
.r {color: #C00;}
.b {color: #00C;}
.g {color: #080;}
.p {color: #707;}
.y {color: #DD0;}
.c {color: #077;}
.th_passmark, .passmark {color: #e67320;}
.th_superpi, .superpi_1m, .superpi_32m {color: #5cb800;}
.th_wprime, .wprime_32m, .wprime_1024m {color: #00688B;}
.th_cinebench, .cinebench_r10_32_single, .cinebench_r10_32_multi, .cinebench_r115_64 {color: #00B2EE;}
.th_3dmark, .d3mark06cpu {color: #8A2BE2;}
.th_fritz, .fritz_chess, .fritz_chess {color: #FF3E96;}
.th_wincpu, .win7_cpu, .win8_cpu {color: #F65B5B;}

/* bar, buttons */
.bar {height: 12px;}
.btn {display:block; float: left; padding:7px 12px; margin: 1px; color: #fff; border-radius: 2px; line-height: 20px; font-size: 14px;}
.bar_passmark {background-color: #e67320;}
.bar_superpi {background-color: #5cb800;}
.bar_wprime {background-color: #00688B;}
.bar_cinebench {background-color: #00B2EE;}
.bar_3dmark {background-color: #8A2BE2;}
.bar_fritz {background-color: #FF3E96;}
.bar_wincpu {background-color: #F65B5B;}

.bc1 {background-color: #ED1C24;}
.bc2 {background-color: #EF465B;}
.bc3 {background-color: #E55A6B;}
.bc4 {background-color: #E28159;}
.bc5 {background-color: #F99C1C;}
.bc6 {background-color: #F4D41E;}
.bc7 {background-color: #97B546;}
.bc8 {background-color: #36B669;}
.bc9 {background-color: #42BDA5;}
.bc10 {background-color: #00AEEF;}
.bc11 {background-color: #00688B;}
.bc12 {background-color: #8A2BE2;}

.b11 {background-color: #e67320;} .b11:hover {background-color: #d56a1e;}
.b12 {background-color: #5cb800;} .b12:hover {background-color: #54a700;}
.b13 {background-color: #00688B;} .b13:hover {background-color: #005977;}
.b14 {background-color: #00B2EE;} .b14:hover {background-color: #00a0d6;}
.b15 {background-color: #8A2BE2;} .b15:hover {background-color: #7d27cd;}
.b16 {background-color: #FF3E96;} .b16:hover {background-color: #e13784;}
.b17 {background-color: #F65B5B;} .b17:hover {background-color: #dd5252;}
.b20 {background-color: #FFFFFF; color: #111; border: 1px solid #bdbdbd} .b20:hover {background-color: #f3f3f3;}
.b21 {background-color: #0077CC; border: 1px solid #0077CC;} .b21:hover {background-color: #0066ae;}
.b22 {background-color: #5cb95c; border: 1px solid #5cb95c;} .b22:hover {background-color: #51A351;}
.b23 {background-color: #df3f37; border: 1px solid #df3f37;} .b23:hover {background-color: #BD362F;}

/* AD buttons */
.abtn {display:block; float: left; margin: 10px 10px 0 1px; color: #fff; border-radius: 2px; line-height: 48px; height: 48px; padding: 0 14px 0 62px; font-size: 15px; font-weight: bold;}
.abtn_acm {background: url("/static/img/amz_btn_black.png") no-repeat #000;}
.abtn_acn {background: url("/static/img/amz_btn_white.png") no-repeat #FFA61F;}
.abtn_acm:hover {background-color: #444;}
.abtn_acn:hover {background-color: #e8971c;}

/* cpu,chipset,compare detail */
.detail-left {float: left; width: 714px; overflow:hidden;}

.detail-right {width: 300px; float: left; overflow:hidden; margin: 3px 0 0 3px; border: 1px solid #eee; text-shadow: 0 1px 0 #EEE;}
.detail-right .title {font-size: 14px; overflow: hidden; padding: 12px; background-color: #EEE; clear: both;}
.detail-right .block {overflow: hidden; padding: 10px 0 10px 0;}
.detail-right .block ul {margin: 0 14px 10px 14px; overflow: hidden;}
.detail-right .block ul li {float: none; margin: 6px 0;}
.detail-right .block ul li a {font-size: 12px; color: #1874CD;}
.detail-right .block ul li a:hover, .detail-right .random_links a:hover {color: #de0008; text-decoration: underline;}
.random_links {overflow: hidden;}
.random_links a {font-size: 12px; color: #1874CD; display: block; padding: 5px 10px; float: left; height: 17px; }


/* tables */
.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
}
.zebra tbody tr:nth-child(even) {background: #f5f5f5;}
.bordered tr:hover, .zebra tbody tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered td:first-child, .bordered th:first-child {border-left: none;}
.bordered th:first-child {-moz-border-radius: 6px 0 0 0;  -webkit-border-radius: 6px 0 0 0;   border-radius: 6px 0 0 0;}
.bordered th:last-child  {-moz-border-radius: 0 6px 0 0;  -webkit-border-radius: 0 6px 0 0;   border-radius: 0 6px 0 0;}
.bordered th:only-child  {-moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
.bordered tr:last-child td:first-child {-moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px;}
.bordered tr:last-child td:last-child  {-moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0;}

.bordered_horizon {border: 1px solid #ccc;}
.bordered_horizon td, .bordered_horizon th {border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.bordered_horizon tr:first-child th,
.bordered_horizon tr:first-child td
    {border-top: none;}
.bordered_horizon th:first-child {border-radius: 0;}

.dtable {font-size: 12px; margin-top:6px; clear: left;}

.ctable {font-size: 12px; margin-top:6px; width:100%;}
.ctable th{padding: 10px 3px;}
.ctable td{padding: 3px; white-space: nowrap;}
.ctable a:hover{text-decoration:underline; color:#F00;}

.otable {font-size: 12px; margin-top:6px; width:100%;}
.otable th{padding: 8px;}
.otable td{padding: 5px;}
.otable a:hover{text-decoration:underline; color:#F00;}


/* detailcpumarks */
#detailcpumarks{font-size:10px; padding:10px; visibility: hidden; width:240px; border: 1px solid #6CA6CD; position: absolute; background-color: #FFF;
    border-radius: 4px; box-shadow: 3px 3px 3px #DDD;}
#detailcpumarks h4{font-size: 10px;}
#detailcpumarks li{font-size:12px; width: 50px; list-style: none; white-space: nowrap;}
#detailcpumarks sup{font-size: 8px; color: #666;}
#detailcpumarks .note {color: #888; margin-top: 10px; font-size: 10px;}

/* table note */
.table-note{font-size: 12px; line-height: 20px;}

/* article */
.article-wp{overflow: hidden; padding: 20px; font-family: Georgia, "Microsoft YaHei", serif;}
.article-wp h1{font-size: 20px; }
.article-content{margin-top: 20px;font-size: 16px;}
.article-content p{margin-bottom: 20px;}

/* archives */
.archives h1{font-size: 20px;margin: 20px 0 20px 0;}
.archives-hint{font-size: 16px;}

/* compare */
.compares{overflow: hidden;}
.compares h1{font-size: 20px; margin: 20px 0;}
.compares ul{font-size: 12px;}
.compares li{width: 150px; margin-right: 20px; margin-top:8px;}
.compares a{display: block;}
.compares a:hover{color: #F00;}

/* tabs */
#tabs {border-bottom: 3px solid #038bd5; overflow: hidden; margin: 20px 0 0 0; width: 700px;}
.tabs {overflow: hidden;}
.tabs a {
    margin-right: 5px;
	display: block;
	float: left;
    font-size: 14px;
	padding: 8px 30px;
	color: #555;
	text-shadow: 1px 1px 1px #ccc;
	overflow: hidden;
    background: #EEE;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.tabs a:hover, .tabs .cur {
    color: #ffffff;
	background: #038bd5;
	text-shadow: 1px 1px 1px #161C4E;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}