X11SPI-TF XEON MAX-1TB DDR4 ATX

/* style version: beta 2.5.3 */

/* entire article */
#overview-content h1,h2,h3,p,ul,ol {padding:0; margin:0;}
#overview-content {font:15px Verdana, Helvetica, sans-serif;}

/* for this //images10.newegg.com/BizIntell/item/1B4/005W/1B4-005W-00153 */
#overview-content .logovc {max-width:100%; height:50px; margin-left:5%; margin-top:1em; background:url(//images10.newegg.com/BizIntell/item/1B4/005W/1B4-005W-00153/logo.gif) no-repeat;}
#overview-content .section_head {clear: both; background-color:#17171d; text-align:center; font-size:1.5em; font-weight:bold; line-height:1.5em; padding:5px;}
#overview-content .divider {border-top:1px solid #d4d4d4;}
#overview-content .divider_autohide {border-top:1px solid #d4d4d4; opacity:0; margin:-2em 0;}

/* general */
#overview-content .a_plus_module {position:relative; margin: 3em 0; padding: 0; overflow: hidden;}
#overview-content .a_plus_info {padding: 0 5%; }
#overview-content img {display: block; margin: 0 auto; max-width: 100%;}
#overview-content img.banner {width: 100%;}
#overview-content img.width_90 {max-width: 90%;}

/* colors */
#overview-content .bg_black {background-color:black;}
#overview-content .bg_rgb {background-color:orange;}
#overview-content .color_w {color:white;}
#overview-content .color_b {color:black;}
#overview-content .color_rgb {color:rgb(255,0,0);}

/* titles */
#overview-content h2,h3 {padding-top:0.5em; line-height:1.2em;}
#overview-content h2 {font-size:1.5em; font-weight:bold; margin:0;}
#overview-content h3 {font-size:1.1em; font-weight:bold; margin:0;}
#overview-content h3.for_column {text-align:center;}

/* text */
#overview-content p {display:block; padding:0.5em 0; margin:0; line-height: 1.2em;}
#overview-content .center {text-align:center;}
#overview-content .left {text-align:left;}
#overview-content .normal {font-weight:normal;}
#overviwe-content .big {font-size:2em;}
#overview-content .note {color:gray; font-size:0.9em; font-style:italic;}

/* list */
#overview-content ul, ol {margin:0 0;}
#overview-content ul {list-style-type: disc; padding-left:25px; text-align:left;}
#overview-content ul.no_bullet {list-style-type: none; padding-left:25px; text-align:left;}
#overview-content li {margin-bottom: 1em;}
#overview-content li:last-child {margin-bottom: 0;}

/* space */
#overview-content .a_plus_content .top_0 {margin-top:0;}
#overview-content .a_plus_content .bottom_0 {margin-bottom:0;}

/* sellpoints */
#overview-content .sellpoints .a_plus_info {font-size:1.5em; text-align:center; padding:10px; background-color:#17171d; color:white; }
#overview-content .sellpoints span {padding:0 15px ; border-right:2px solid white; line-height:1.8em;}
#overview-content .sellpoints span:last-child {border-right:none;}

/* table styles */
#overview-content table {width:90%; margin:1em auto; border-collapse: collapse;}
#overview-content table caption {font-size:1.5em; font-weight:bold; margin-bottom:0.5em;}
#overview-content table tr:nth-child(odd) {background-color:rgb(225,225,225);}
#overview-content table th {background-color:#17171d; color:white; font-weight:bold;}
#overview-content table td:first-child {font-weight:bold;}
#overview-content td, th {padding:6px; border:1px solid #ccc; text-align:center;}

/* clear */
#overview-content .a_plus_content:before, .a_plus_content:after, .a_plus_module:before, .a_plus_module:after, .a_plus_info:after {content: ”; display: table; clear: both;}
#overview-content .clearvc {width:100%; clear:both; margin:0 auto;}

@media (min-width: 768px) {

/* image float */
#overview-content .a_plus_module.img_float {padding:0 5%;}

#overview-content img.img_f_left {float: left; max-width: 40%;}
#overview-content img.img_f_right {float: right; max-width:40%;}

#overview-content .a_plus_info.txt_f_right {width:58%; float:right; padding:0;}
#overview-content .a_plus_info.txt_f_left {width:58%; float:left; padding:0;}

/* several columns */
#overview-content .a_plus_column {float:left; margin-left:5%;}
#overview-content .a_plus_column .a_plus_info {padding:0;}

#overview-content .two_columns .a_plus_column {width:42.5%;}
#overview-content .three_columns .a_plus_column {width:26.6%;}
#overview-content .four_columns .a_plus_column {width:18.75%;}

/* text on img */
#overview-content .text_on_img {margin:0 0;}
#overview-content .text_on_img .a_plus_info {padding:0 0.7em 0 0.7em;}
#overview-content .text_on_img h2, h3 {text-align:left; margin:0 0;}

#overview-content .center_b h2, .center_b p {text-align:center;}
#overview-content .center_w h2, .center_w p {text-align:center;}

#overview-content .right_b, .left_b, .center_b {background:rgba(255,255,255,0.6);}
#overview-content .right_w, .left_w, .center_w {background:rgba(0,0,0,0.6);}

#overview-content .right_b {position:absolute; left:55%; top:8%; width:40%; }
#overview-content .right_w {position:absolute; left:55%; top:8%; width:40%;}

#overview-content .left_b {position:absolute; right:55%; top:8%; width:40%;}
#overview-content .left_w {position:absolute; right:55%; top:8%; width:40%;}

#overview-content .center_b {position:absolute; margin:0; left:25%; top:5%; width:50%;}
#overview-content .center_w {position:absolute; margin:0; left:25%; top:5%; width:50%;}

}

@media (max-width: 767px) {

/* cancel float */
#overview-content .a_plus_column, .f_right, .f_left {float:none;}
#overview-content img.left, img.right {float:none;}

/* general */
#overview-content .a_plus_module img {margin:0 auto; max-width:90%;}
#overview-content .a_plus_module img.banner {max-width:100%;}

#overview-content .divider_autohide {opacity:1; margin:0 0;}

#overview-content .a_plus_column {margin-top: 3em;}
#overview-content .a_plus_column:first-child {margin-top: 0;}

/* text */
#overview-content h2.center {text-align:left;}
#overview-content h3.center {text-align:left;}
#overview-content p.center {text-align:left;}
#overview-content .a_plus_column p.center {text-align:center;}

/* has background */
#overview-content .text_on_img img {max-width:100%;}

#overview-content .right_b, .left_b, .center_b {background:white;}
#overview-content .right_w, .left_w, .center_w {background:#17171d;}

}