body{
	background-color:#000;
	width:100%;
	overflow-x:hidden !important;
	font-family:'DINPro-Regular' !important;
	}
#msiheader{text-align:center; background:#000;}
#best h3{ color:#F00;}
@media only screen and (max-width: 768px) {
	#best h3{ font-size:18px!important; }
	}

@-webkit-keyframes color_change {
    0% {
        filter: hue-rotate(0deg);
    }
    100% {
        filter: hue-rotate(180deg);
    }
}

.crosairRGB {
    animation-name: color_change;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
	
#best .b01{ }
#best .b01 .bh{position: relative; z-index: 1;}
#best .b01 .kvname{position:absolute; z-index:2; top: 50px; text-align:center; margin: 0 auto;}
#best .b01 .kvtitle{
	position:absolute; z-index: 100; top: 80px; 
	left: 50%; font-size: 65px; color: #fff;font-size:8em;
	font-family:'din_pro_bold';
	color:#FFf;text-align:center;
	width: 1000px;
	margin-left: -500px;
	}

	



#best .box1-2{background:url(https://asset.msi.com/event/desktop/2017/bgd/images/box2-bg.jpg) no-repeat fixed;}
#best .box1-2 a{color:#F00;}
#best .box1-2 a:hover{color:#CCC;}
#best{
	font-family:'DINPro-Regular';
	color:#FFFFFF;
	width:100%;
}
#best .header{
	background:url(../images/banner.jpg)top center no-repeat;
	}
#best .header p{
	font-weight:bold;
	color:#FFFFFF;
	line-height:30px;
	}
.top-animation {
    position: relative;
}
.top-animation .T1{
    -webkit-animation-name: USB-animation-p2;
    animation-name: USB-animation-p2;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transition-timing-function: ease-in;
}
.top-animation .T2 {
    position:absolute;
    top: 0;
    left: 0;
}
#best .hd-p{
	background:rgba(0,0,0,0.6);
	padding:15px 0px;
	}
#best h1{
	font-size:8em;
	font-family:'din_pro_bold';
	color:#FFf;
	text-align:center;
	}
#best h2{
	font-size:5em;
	font-family:'din_pro_bold';
	padding-bottom:0.8em;
	border-bottom:1px solid #f00 !important;
	color:#FF0004 !important;
	text-align:center;
	text-transform:uppercase;
	}
#best h3{
	font-size:3em;
	font-family:'din_pro_bold';
	}
#best h4{
	font-size:1.5em;
	font-family:'din_pro_bold';
	color:#F00;
	}
#best p{
	font-size:1.2em;
	font-family:'DINPro-Light';
	color:#FFFFFF;
	}
#best span{
	display:block;
	text-align:right;
	}
#best .section-hero h2{
	font-size:3em;
	}
.section-has-detail-expanded .section-detail{
	font-size:18px;
	}
#best .owl-prev{
	left: 5%;
    position: absolute;
    top: 35%;
	}
#best .owl-next{
	right:5%;
    position: absolute;
    top: 35%;	}
#best .owl-theme .owl-controls .owl-buttons div{
	background:none;
	padding:20px;
	font-size:3.5em;
	}

/*---*/
#best .box1{
	background:url(../images/box2-bg.jpg) center top !important;
	padding-bottom:20px;
}
#best .box1 .plus{
	width:50px;
	height:50px;
	border-radius:99em;
	background-color:#FF0000;
	}
#Media .min-menu{
	}
#Media .min-menu ul{
	text-align: center;
    margin: 0;
    padding: 5px;
    line-height: 0;
}
#Media .min-menu ul li{
    display: inline-block;
    max-width: 100%;
    width: 24%;
    margin: 0;
    padding: 15px;
    cursor: pointer;
	border:#444 solid 1px;
	}
#Media .min-menu ul li:hover , .on-active{
	border:#2E2E2E solid 1px;
    -webkit-filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.7));
    filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.7));
	background:rgba(23, 23, 23, 0.7);
	}
.owl-dots{
	display:none;
	}
.min-menu a{
	text-decoration:none;
	text-align:-webkit-center;
	line-height:22px;	
	color:#FFFFFF
	}
.min-menu a:hover{
	color:#FF0004;

	}
		
#best .panel{
	background:none;
	border:none;
	}
#best .box1 .panel-default>.panel-heading {
    color: #fff;
	background:rgba(0,0,0,0);
	border:none;
}

#best .box1 button, #best .box1 a>button{
	font-size:0.8em;
	}

#best .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top:none;
}
#best section p{
	font-size:1em;
	font-style: italic !important;
	text-align:left !important;
	}
#best .min-text{
	padding-top:2em;
	}
#best .section-hero, #best .section-detail, #best .section{
	background:rgba(0, 0, 0, 0);
		} 
/*---*/
#best .box2{
	background:url(../images/box1-bg.jpg) center top;
	padding:0px;
	margin-top: -100px;
}
#best .yt-out{
    position: relative;
	}
#best .min-yt{
	position:absolute;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	text-align:center;
    z-index: 5;
	}
#best .min-yt:hover{
	background:#000000;
	opacity:0.2;
	}
#best .min-yt p{
	display:block;
	padding-top:1em;
	font-size:1.2em;
	}
#best .home_play {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(https://www.msi.com/images/imgs/playIcon.png) no-repeat;
    left: 40%;
    top: 40%;
    cursor: pointer;
    z-index: 3;
}
#best .box5 a{
	color:#FFFFFF;
	}
#best .box5 a:hover{
	color:#000;
	text-decoration:none;
	}
#best iframe {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}
/*---*/
#best .box3{
	padding-bottom:20px;
	}
#best .box3 a{
	color:#FF0004;
	}
#best .box3 a:hover , #best .box3 .btn a{
	color:#FFF;
	}
#best .box3 .btn{
	color:#FFF;
	display:block;
	padding:10px 15px;
	background:rgba(255,0,4,0.3);
	border:#FF0004 1px solid;
	min-height:62px;
	}
#best .box3 .btn:nth-child(even){
	margin-left:15px;
	}
@media only screen and (max-width: 480px) {
	#best .box3 .btn:nth-child(even){
	margin-left:0px;
	}
#best .header{
	background:none !important;
	}	
	}
#best .box3 .btn:hover{
	color:#FFFFFF;
	background:rgba(255,0,4,1);
	}
/*---*/
#best .wrapper{
	background:url(https://www.msi.com//pic/image/feature/mb/RWD_Img/Z170/DDR_boost_bg.jpg) no-repeat;
	}
.USB-animation .p1,
.USB-animation .p2 {
    position: absolute;
    top: 0;
    left: 0;
}

.USB-animation {
    position: relative;
}

.USB-animation .p1 {
    -webkit-animation-name: USB-animation-p1;
    animation-name: USB-animation-p1;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
    animation-iteration-count: infinite;
    opacity: 0;
    animation-delay: 4.5s;
    transition-timing-function: ease-in;
}

.USB-animation .p2 {
    -webkit-animation-name: USB-animation-p2;
    animation-name: USB-animation-p2;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
    animation-iteration-count: infinite;
    transition-timing-function: ease-in;
}

@keyframes USB-animation-p1 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes USB-animation-p2 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.USBpadding {
    padding-bottom: 35%;
}
@media  (max-width: 1320px) {
		#best .b01 .kvtitle{top: 10px;}
}
@media  (max-width: 991px) {
.USBpadding {   padding-bottom: 35%;}
#best .box2{margin-top:0px;}
	#best .box1-2{margin-top:130px;}
	
	#best .b01 .kvtitle{font-size: 4em; top: 60px;}
	
}


@media  (max-width: 720px) {
	
	.intelLogo{margin-top: -255px;
	position: absolute;}

	
}
@media  (max-width: 480px) {
.intelLogo{margin-top: -205px;}
	
#best .b01 .kvtitle{font-size:2.5em;}
	

}
@media  (max-width: 321px) {.intelLogo{margin-top: -185px;}

}
.paddingTop1{
	padding-top:0.5em;
	}
.wrapper{
	background-color:rgba(0,0,0,0.5);
	/*background:url(http://asset.msi.com/global/picture/image/feature/mb/Z270/M7/msi-z270_gaming_m7-memory-hero.jpg) no-repeat top center;
	background-size:cover;*/
	}
/*---*/
#best .box5{
	padding:3em 0px;
	}
#best .box5 button, #best a>button{
	color:#fff;
	background:rgba(255,0,4,0.3);
	border:#FF0004 solid 1px;
	padding:5px;
	font-size:1.3em;
	margin-bottom:20px;
	}
#best .on{
	background:rgba(255,0,4,1) !important;
	color:#000000 !important;
	}
#best .box5 button:hover, #best a>button:hover{
	background:rgba(255,0,4,1);
	color:#000000;
	}
#best .box5 h5{
	text-align:center;
	line-height:1.2em;
	font-size:1.5em;
	color:#FFFFFF;
	}
#best .box5 p{
	font-size: 2.2em;
	}
#best .result-area{
	padding-top:2em;
	}
#best .header{
	background:#FF0004;
	color:#FFFFFF;
	padding:0.5em 0px;
	text-align:center;
	font-size:3em;
	text-transform:uppercase;
	}
#best .s-form{
	background:#151515;
	border-bottom:#FF0004 solid 1px;
	padding:20px 0px;
	}
#best .d-form{
	background:#090909;
	border-bottom:#FF0004 solid 1px;
	padding:20px 0px;
	}
#best .s-form button , 	#best .d-form button{
	margin-left:20px;
	}
@media only screen and (max-width: 480px) {
#best p{line-height:normal; font-size: 1.2em;}
	.owl-carousel .owl-item img{width: 80%;}
#best .s-form button , 	#best .d-form button{
	margin-left:10px;
	}
}

#best .form-modbox{
	background:#0f0f0f;
	border:#8d8d8d solid 1px;
	padding-bottom:20px;
	margin:24px;
	min-height:340px;
	}
#best .form-modbox:hover{
	background:#0f0f0f;
	border:#f00 solid 1px;
    -webkit-box-shadow: 0 0 35px rgba(255, 2, 2, 1);
	}
#best .form-modbox .sn-btn{
	padding:10px 0;
	position: relative;
    z-index: 99;
	}
#best .form-modbox .sn-btn a{
	padding-left: 3px; padding-right:3px;border-radius:5px; margin-bottom: -10px; border:1px solid #373737; color: #888;
	}
#best .form-modbox .sn-btn a:hover{
	border:1px solid #f00; color: #f00;
	}
/*toTop*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: 100%;
    background: url(https://asset.msi.com/event/2017/yourgame/images/to-top1.png) no-repeat 0px 0px;
}
.section-toggle-label{
	visibility:hidden;
	}	
/*RWD Youtube 以及 Vimeo*/	
.video-container{
position:relative;
padding-bottom:56.25%;
padding-top:30px;height:0;overflow:hidden;
}

.video-container iframe,
.video-container object,
.video-container embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

}
.navbar-fix {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
    margin-right: 0;
    margin-bottom: 0;
    vertical-align: middle;
    text-align: right;
  }
.nav-icon a {
    background-color: #222;
    display: inline-block;
}
.nav-icon a:hover {
    background-color: #f00;
    display: inline-block;
}
.navbar-fix a {
    margin: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    opacity: .75;
    vertical-align: middle;
}
#best .navbar-fix span{
	text-align:center;
	}
.fa-icon{
    display: block;
    font-size: 26px;
    color: #FFF;
    padding: 0;
    margin: 0;
}
#sideslider-text .line{
	text-align:left;
		}
#sideslider {
    top: 15% !important;
}
#best #min-wtb span{
	text-align:center;
	}
#best #min-wtb .header{
	background:none;
	}
/*-----*/


    /*btnstyle*/
    .usbuynow{ width: 50%; background: #FF0000; border: 2px solid #FF0000; text-align: center; display: inline-block; color:#FFFFFF; padding: 5px;transition: all 0.3s ease-in-out; margin-top: 10px;}
    .usbuynow > a{color: #FFF; text-decoration: none; font-size: 13px; line-height: 13px; }
    .usbuynow:hover{background: rgba(255,0,4,0.4);}
    #GO-Comparison{
        cursor: pointer;
    }
    #GO-Comparison-sku{
        cursor: pointer;
    }
 #best #Select    .comparison-list{background:#333;;padding:5px;position:fixed;top:20px;right:100px;z-index:1000;}
 #best #Select    .comparison-list ul{width:80px; padding:0px;}
 #best #Select    .comparison-list li{margin-bottom:5px; list-style: none;}
 #best #Select .comparison-list h3{color:#FFF;font-weight:100;margin-bottom:5px; font-size:1em;}
 #best #Select    .comparison-list-sku{background:#333;;padding:5px;position:fixed;top:20px;right:100px;z-index:1000;}
 #best #Select    .comparison-list-sku ul{width:180px;}
 #best #Select   .comparison-list-sku li{margin-bottom:5px; list-style: none;}
 #best #Select    .comparison-list-sku h3{color:#FFF;font-weight:100;margin-bottom:5px;}
    /*.sn-btn a{text-decoration:none;padding:1px 5px 3px 5px;background:#217dfe;margin-right:3px;color:#fff;border:2px solid #FFF;}*/
  #best #Select   .sn-icon { width: 20px; height: 20px; background-image: url(../../images/front/sn-icon.png); }
  #best #Select   .sn-icon-plus-off{background-position:0px 0px; margin: 3px;}
  #best #Select   .sn-icon-plus-on{background-position:0px -20px;}
 #best #Select    .sn-icon-check-off{background-position:-20px 0px;}
 #best #Select    .sn-icon-check-on{background-position:-20px -20px;}
 #best #Select    .sn-icon-close-off{background-position:-40px 0px;}
 #best #Select    .sn-icon-close-on{background-position:-40px -20px;}
 #best #Select    .glow {
        -webkit-filter: drop-shadow(0px 5px 5px #444);
        -moz-filter: drop-shadow(0px 5px 5px #444);
        -ms-filter: drop-shadow(0px 5px 5px #444);
        filter: drop-shadow(0px 5px 5px #444);
    }
 #best #Select    .product_background{
        background: url('https://www.msi.com/images/front/lightening background140_112.jpg');
    }
 #best #Select    .pdbox .tag-lert-top { position:absolute; top:5%; left:5%;}
 #best #Select    .pdbox .tag-right-top { position:absolute; top:0; right:0; background:url(https://www.msi.com/images/tag.png) top right no-repeat; width:73px; height:73px; color:#fff; font-weight:bold;}
 #best #Select    .pdbox .tag-right-top span { width:20px; height:20px; position:absolute; right:17px; top:10px; font-size:18px;}
 #best #Select    .ui-FF0084{
        color: #FF0000;
    }
 #best #Select    .ui-999999{
        color: #999999;
    }
#best .box5 .choose{
	-webkit-box-shadow: 0 0 35px rgba(255, 2, 2, 1);
	border: #f00 solid 1px;
	}
#best .box5 .choose button{
background: rgba(255,0,4,1);
    color: #000000;}
#best .choose .sn-btn  a {
    border: 1px solid #f00 !important;
    color: #f00 !important;
}
.remove{
	font-size:1.4em;
	right:5px;
	position:absolute;
	}
#best .filter .no-show {
        display: none;
    }