@charset "utf-8";
body{
    overflow-x: hidden;
}
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
.productbox { width: 100%; overflow: visible; position: relative; }
.productbox1 { width: 960px; margin: 0 auto; overflow: visible; position: relative; }
.pd_oc { }
/*
 * Content: socialshare
 */
#content-socialshare { margin: 10px -3px; /*position: absolute;*/ right: 15px; z-index: 1; }
#content-socialshare a { background-color: rgb(25,25,25); border: none; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; display: inline-block; font-family: 'DINCondMediumRegular', 'bebas_neue_cyrillicregular', sans-serif; font-size: 20px; line-height: 22px; margin: 0 3px; padding-right: .3em; 	/*text-transform: uppercase;*/ -webkit-transition: color .2s linear, background-color .2s linear; -moz-transition: color .2s linear, background-color .2s linear; -ms-transition: color .2s linear, background-color .2s linear; -o-transition: color .2s linear, background-color .2s linear; transition: color .2s linear, background-color .2s linear; white-space: nowrap; text-decoration: none; color: #ffffff; }
#content-socialshare a:focus, #content-socialshare a:hover { background-color: rgb(255,255,255); color: rgb(231,0,20); }
#content-socialshare .socialshare-facebook-like, #content-socialshare .socialshare-facebook-share { background: url('//asset.msi.com/global/picture/image/mb/z77gaming/images/socialshare-facebook-icon.png') no-repeat; background-position: 5px 4px; padding-left: 24px; }
#content-socialshare .socialshare-facebook-like:focus, #content-socialshare .socialshare-facebook-like:hover, #content-socialshare .socialshare-facebook-share:focus, #content-socialshare .socialshare-facebook-share:hover { background-position: 5px -24px; }
#content-socialshare .socialshare-xoogleplus-plusone, #content-socialshare .socialshare-xoogleplus-share { background: url('//asset.msi.com/global/picture/image/mb/z77gaming/images/socialshare-xoogleplus-icon.png') no-repeat; background-position: 0 4px; padding-left: 28px; }
#content-socialshare .socialshare-xoogleplus-plusone:focus, #content-socialshare .socialshare-xoogleplus-plusone:hover, #content-socialshare .socialshare-xoogleplus-share:focus, #content-socialshare .socialshare-xoogleplus-share:hover { background-position: 0 -24px; }
#content-socialshare .socialshare-twitter { background: url('//asset.msi.com/global/picture/image/mb/z77gaming/images/socialshare-twitter-icon.png') no-repeat; background-position: 5px 2px; padding-left: 30px; }
#content-socialshare .socialshare-twitter:focus, #content-socialshare .socialshare-twitter:hover { background-position: 5px -26px; }
/*hero-introduce*/
div#pd_introduce {  }
/**prod-img-show**/
#prod-img-show { margin-left: -20px; /*height: 480px;*/ }
/**prod-info**/
div#prod-info { /*right: 0; top: 80px;  overflow: hidden; width: 365px; position: absolute;*/ }
#prod-info ul { padding: 0 0 0 20px; margin: 0; }
#prod-info li { padding: 0; margin: 0; list-style: disc; line-height: 1.2em; margin-bottom: 5px;font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; }
#prod-info p { font-weight: bold; margin-bottom: 5px; color: #fff; }
#prod-info img{display: inline;}
#prod-icon li {float: right;}
/**prod-img-thumb**/
div#prod-img-thumb { position: absolute; top: 585px; z-index: 150; width: 420px; /*left: 70px;*/ }
ul#prod-img-thumb { width: 290px; top: 15px; left: 10px; z-index: 200; position: absolute; }
div#prod-img-thumb-bg { position: absolute; z-index: 100; opacity: .7; width: 300px; height: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ul#prod-img-thumb li { float: left; margin: 0; padding: 0; width: 50px; height: 50px; /*background: #000;*/ overflow: hidden; margin-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ul#prod-img-thumb li img { max-width: 50px; max-height: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/** prod-img-gallery **/
div#prod-img-gallery { position: absolute; z-index: 150; width: 960px; }
ul#prod-img-gallery { width: 960px; top: 15px; left: 10px; z-index: 200; position: absolute; }
div#prod-img-gallery-bg { position: absolute; z-index: 100; opacity: .7; width: 300px; height: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ul#prod-img-gallery li { float: left; margin: 0; padding: 0; width: 150px; background: #000; overflow: hidden; margin-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ul#prod-img-gallery li img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/**prod-award**/
div#prod-award { /*left: 40px; top: 680px;*/ position: relative; min-height: 110px; }
ul#prod-award { text-align: left; }
ul#prod-award li { /*float: left;*/ display: inline-block; margin-right: 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #FFF; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; }
ul#prod-award li { width: 80px; height: 80px; max-height: 80px; max-width: 80px; text-align: center; overflow: hidden; }
ul#prod-award li img { max-width: 80px; max-height: 80px; }
/*pd_nav*/
#pd_nav { height: 100%; clear: both; width: 960px; background-image: -ms-linear-gradient(bottom, #0C0C0C 0%, #232323 100%); background-image: -moz-linear-gradient(bottom, #0C0C0C 0%, #232323 100%); background-image: -o-linear-gradient(bottom, #0C0C0C 0%, #232323 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0C0C0C), color-stop(1, #232323)); background-image: -webkit-linear-gradient(bottom, #0C0C0C 0%, #232323 100%); background-image: linear-gradient(to top, #070707 0%, #1f1f1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#0c0c0c', GradientType=0 ); /* IE6-8 */
-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 6px solid #242424; }
#pd_nav li { display: inline-block; float: left; padding: 0 20px; list-style: none; height: 70px; line-height: 70px; font-size: 130%; color: #7b7b7b; }
#pd_nav li.on { border-bottom: 6px solid #019cfe; color: #019cfe; }
#pd_nav li:hover { border-bottom: 6px solid #019cfe; color: #019cfe; }
/************/
/* Gaming */
.pd_gaming h1 { color: #f00; }
.pd_gaming ul#prod-img-thumb li { border: 1px solid #400000; }
.pd_gaming ul#prod-img-thumb li:hover, ul#prod-img-thumb li.over, ul#prod-img-thumb li.on { border: 1px solid #F40000; }
.pd_gaming div#prod-info { color: #D00000; }
.pd_gaming #pd_nav li.on { border-bottom: 6px solid #f00; color: #f00; }
.pd_gaming #pd_nav li:hover { border-bottom: 6px solid #f00; color: #f00; }
.pd_gaming #pd_nav li a:hover { color: #f00; }
.pd_gaming #tab_nav li.on { border-bottom: 6px solid #f00; color: #f00; }
.pd_gaming #tab_nav li:hover { border-bottom: 6px solid #f00; color: #f00; }
.pd_gaming #tab_nav li a:hover { color: #f00; }
/* OC */ 
.pd_oc h1 { color: #fff226; }
.pd_oc ul#prod-img-thumb li { border: 1px solid #634921; }
.pd_oc ul#prod-img-thumb li:hover, .pd_oc ul#prod-img-thumb li.over, .pd_oc ul#prod-img-thumb li.on { border: 1px solid #FFF401; }
.pd_oc div#prod-info { color: #deac00; }
.pd_oc #pd_nav li.on { border-bottom: 6px solid #fff226; color: #fff226; }
.pd_oc #pd_nav li:hover { border-bottom: 6px solid #fff226; color: #fff226; }
.pd_oc #pd_nav li a:hover { color: #fff226; }
.pd_oc #tab_nav li.on { border-bottom: 6px solid #fff226; color: #fff226; }
.pd_oc #tab_nav li:hover { border-bottom: 6px solid #fff226; color: #fff226; }
.pd_oc #tab_nav li a:hover { color: #fff226; }
/* class */ 
.pd_class h1 { color: #019cfe; }
.pd_class ul#prod-img-thumb li { border: 1px solid #222; }
.pd_class ul#prod-img-thumb li:hover, .pd_class ul#prod-img-thumb li.over, .pd_class ul#prod-img-thumb li.on { border: 1px solid #019cfe; }
.pd_class div#prod-info { color: #bbb; }
.pd_class #pd_nav li { display: inline-block; float: left; padding: 0 20px; list-style: none; height: 70px; line-height: 70px; font-size: 130%; color: #7b7b7b; }
.pd_class #pd_nav li.on { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_class #pd_nav li:hover { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_class #pd_nav li a:hover { color: #019cfe; }
.pd_class #tab_nav li.on { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_class #tab_nav li:hover { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_class #tab_nav li a:hover { color: #019cfe; }
/* nbclass */
.pd_nbclass h1 { color: #fff; }
.pd_nbclass ul#prod-img-thumb li { border: 1px solid #222; }
.pd_nbclass ul#prod-img-thumb li:hover, .pd_class ul#prod-img-thumb li.over, .pd_class ul#prod-img-thumb li.on { border: 1px solid #fff; }
.pd_nbclass div#prod-info { color: #bbb; }
.pd_nbclass #pd_nav li { display: inline-block; float: left; padding: 0 20px; list-style: none; height: 70px; line-height: 70px; font-size: 130%; color: #7b7b7b; }
.pd_nbclass #pd_nav li.on { border-bottom: 6px solid #fff; color: #fff; }
.pd_nbclass #pd_nav li:hover { border-bottom: 6px solid #fff; color: #fff; }
.pd_nbclass #pd_nav li a:hover { color: #fff; }
.pd_nbclass #tab_nav li.on { border-bottom: 6px solid #fff; color: #fff; }
.pd_nbclass #tab_nav li:hover { border-bottom: 6px solid #fff; color: #fff; }
.pd_nbclass #tab_nav li a:hover { color: #fff; }
#pd_content { background: #fff; color: #666; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
/* aio class */
.pd_aioslim h1 { color: #019cfe; }
.pd_aioslim ul#prod-img-thumb li { border: 1px solid #222; }
.pd_aioslim ul#prod-img-thumb li:hover, .pd_class ul#prod-img-thumb li.over, .pd_class ul#prod-img-thumb li.on { border: 1px solid #019cfe; }
.pd_aioslim div#prod-info { color: #bbb; }
.pd_aioslim #pd_nav li { display: inline-block; float: left; padding: 0 20px; list-style: none; height: 70px; line-height: 70px; font-size: 130%; color: #7b7b7b; }
.pd_aioslim #pd_nav li.on { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_aioslim #pd_nav li:hover { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_aioslim #pd_nav li a:hover { color: #019cfe; }
.pd_aioslim #tab_nav li.on { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_aioslim #tab_nav li:hover { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_aioslim #tab_nav li a:hover { color: #019cfe; }
/* blue class */
.pd_blue h1 { color: #019cfe; }
.pd_blue ul#prod-img-thumb li { border: 1px solid #222; }
.pd_blue ul#prod-img-thumb li:hover, .pd_class ul#prod-img-thumb li.over, .pd_class ul#prod-img-thumb li.on { border: 1px solid #019cfe; }
.pd_blue div#prod-info { color: #bbb; }
.pd_blue #pd_nav li { display: inline-block; float: left; padding: 0 20px; list-style: none; height: 70px; line-height: 70px; font-size: 130%; color: #7b7b7b; }
.pd_blue #pd_nav li.on { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_blue #pd_nav li:hover { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_blue #pd_nav li a:hover { color: #019cfe; }
.pd_blue #tab_nav li.on { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_blue #tab_nav li:hover { border-bottom: 6px solid #019cfe; color: #019cfe; }
.pd_blue #tab_nav li a:hover { color: #019cfe; }
/*Green */
.pd_green h1 { color: #76b900; }
.pd_green ul#prod-img-thumb li { border: 1px solid #222; }
.pd_green ul#prod-img-thumb li:hover, .pd_green ul#prod-img-thumb li.over, .pd_green ul#prod-img-thumb li.on { border: 1px solid #76b900; }
.pd_green div#prod-info { color: #76b900; }
.pd_green #pd_nav li.on { border-bottom: 6px solid #76b900; color: #76b900; }
.pd_green #pd_nav li:hover { border-bottom: 6px solid #76b900; color: #76b900; }
.pd_green #pd_nav li a:hover { color: #76b900; }
.pd_green #tab_nav li.on { border-bottom: 6px solid #76b900; color: #76b900; }
.pd_green #tab_nav li:hover { border-bottom: 6px solid #76b900; color: #76b900; }
.pd_green #tab_nav li a:hover { color: #76b900; }
/*ECO Series*/
.pd_eco h1 { color: #b8ff4b; }
.pd_eco ul#prod-img-thumb li { border: 1px solid #222; }
.pd_eco ul#prod-img-thumb li:hover, .pd_green ul#prod-img-thumb li.over, .pd_green ul#prod-img-thumb li.on { border: 1px solid #b8ff4b; }
.pd_eco div#prod-info { color: #b8ff4b; }
.pd_eco #pd_nav li.on { border-bottom: 6px solid #b8ff4b; color: #b8ff4b; }
.pd_eco #pd_nav li:hover { border-bottom: 6px solid #b8ff4b; color: #b8ff4b; }
.pd_eco #pd_nav li a:hover { color: #b8ff4b; }
.pd_eco #tab_nav li.on { border-bottom: 6px solid #b8ff4b; color: #b8ff4b; }
.pd_eco #tab_nav li:hover { border-bottom: 6px solid #b8ff4b; color: #b8ff4b; }
.pd_eco #tab_nav li a:hover { color: #b8ff4b; }
#pd_eco_content { width: 1920px; margin-top: -60px; margin-left:-480px; padding-left: 480px; background: #fff; color: #777; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
/*detail*/
.spec-block { padding: 25px 0; }
.hero-spec { }
.spec-list { list-style: none; padding: 0; margin: 0; }
li.spec-item { padding: 0px; margin-bottom: 1px; clear: both; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #000;  }
.spec-head { width: 18.5%; float: left; color: #888; text-align: right; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; /*background: url('../../images/front/txture.png');*/ padding: 0 15px; margin-right: 2px; }
.spec-body { float: left; color: #fff; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 0 15px; background: #0e0e0e; width: 60%; top:50%}
.pd_detail_note { background:url('../../images/front/note_hero.png') no-repeat; height:54px; padding-left:130px; color:#F00; line-height:1.2em; padding-top:12px; margin:25px 0;}

/*PD_support*/
.su_pd_top { padding:25px 25px 0 25px; min-height:300px;margin-right: 20px;}
.su_pd_top .su_pd_img { width:380px; float:left; margin-right: 20px;}
.su_pd_top h1 { padding:25px 0 15px 0;}
.su_pd_top h2 { color:#fff;}
.su_pd_top p { color:#888;}
.register { padding: 5px 10px; margin-top:10px;}
.su_pd_box { border: 1px solid #131313; width: 958px; float: left; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #000; padding: 25px 0 0 0; }
.su_pd_box .ul_button ,.su_pd_box .ul_button_s { margin-left:25px; padding-top:0;}
.attention { padding:30px; color:#888;}
.attention h4 { color:#F00;}
.attention p { padding:5px 0;}
.attention strong { color:#F00;}
.download_box { width:284px; padding:10px; float:left; margin:5px 5px 0 0; background:#666; background: url(../../images/front/txture.png);-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #131313;}
.download_box:hover {border:1px solid #666;}
.download_box2 { width:928px; padding:15px;margin:0; background: url(../../images/front/txture.png);-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #131313; clear:both; margin-bottom:2px;}
.download_box2:hover {border:1px solid #666;}
.download_box2 table {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.download_box2 th {  padding:2px 20px; color:#888; text-align:left; vertical-align:top;}
.download_box2 td { padding:2px 10px; vertical-align:top;}
.download_box2 td.des { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-right:1px solid #2a2a2a;}
/*.download_box:nth-child(3n) { margin-right: 0px; }*/
.last { margin-right:0;}
.down-item { padding:0;}
.down-item li { list-style:none; line-height:1.7em;}
.item-head { color:#fff; width:70px; padding-right:10px; text-align:right; float:left;}
.item-body { color:#888; float:left; width:203px; word-wrap: break-word;}
.pdfaq { padding:25px; width:908px;}
.pdfaq .q_group { padding:15px 0;}
/****/
.aio-feature h1 { line-height:1em;margin-bottom:20px;}
.aio-feature h2 { color:#fff; margin-bottom:15px; }
.aio-feature p { margin-bottom:15px; color:#888;}
@media screen and (max-width: 960px) {
    li.spec-item {
        padding-left: -15px;
    }
    .prod-img-thumb-color-word{
        display: none !important;
    }
    .prod-img-thumb-color{
        display: none !important;
    }
    .spec-body{
        width: 70%;
    }
}
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.tagline{
    color: #fff;
}