@charset "utf-8";
body { font-family: 'DIN Pro', sans-serif; color:#fff; line-height:1.7em; font-size:1.5em; background:#000; }
#hos .topbanner { background: url(http://asset.msi.com/event/nb/2015/hos/images/topbg.jpg) top center no-repeat; background-size:100%; width: 100%; }
#hos h1{ color:#14eafe; font-size:28px;}
#hos h2{ color:#f00;}
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width:768px) {
#hos .container { width: 750px }
}
@media (min-width:992px) {
#hos .container { width: 970px }
}
@media (min-width:1350px) {
#hos .container { width: 1350px }
}
#hos .mainbox { margin-top: -395px;}
@media (min-width:1350px) {
#hos .mainbox { margin-top: -395px;}
}
@media (max-width:1350px) {
#hos .mainbox { margin-top: -395px;}
}
@media (max-width:992px) {
#hos .mainbox { margin-top: -40px;}
}
@media (max-width:768px) {
#hos .mainbox { margin-top: -20px;}
}
#hos .pdbox01 { background: #000; background:url(../images/animation.gif) no-repeat bottom; padding:15px 34px; -webkit-box-shadow: 0px 0px 30px 3px rgba(20,53,100,0.2); -moz-box-shadow: 0px 0px 30px 3px rgba(20,53,100,0.2); box-shadow: 0px 0px 30px 3px rgba(20,53,100,0.2); position:relative; margin-bottom:50px;}

#hos .pdbox { background: #000; background:url(http://asset.msi.com/event/nb/2015/hos/images/pd_bg.jpg); padding:15px 34px; -webkit-box-shadow: 0px 0px 30px 3px rgba(20,53,100,0.2); -moz-box-shadow: 0px 0px 30px 3px rgba(20,53,100,0.2); box-shadow: 0px 0px 30px 3px rgba(20,53,100,0.2); position:relative; margin-bottom:50px;}
#hos .pdbox h1{
	color: #e2000b;
}
#hos .pdbox .line { border-bottom:2px solid #31caff; margin:25px -34px 15px -34px;}
@media (max-width:768px) {
#hos .pdbox { padding:15px; }
#hos .pdbox .line { margin:25px -15px 15px -15px;}
}
#hos .spec { padding-top:50px;}
@media (max-width:992px) {
#hos .spec { padding-top:0px;}
}
#hos .tag { position:absolute; top:-15px; right:-20px; z-index:9999;}
@media (max-width:992px) {
#hos .tag {  top:-15px; right:-20px; }
}
@media (max-width:768px) {
#hos .tag {  top:0; right:-20px; }
}
#hos .pdinfo { position:absolute; left:-40px; bottom:-10px;}
#hos .shop { width:14%; float:left;}
.shop img { width:100%;}
@media (max-width:992px) {
#hos .shop { width:25%;}
}
#hos .terms { padding:25px 35px 60px 35px; border-bottom:1px dotted #000; margin-bottom:0px;}
@media (max-width:768px) {
#hos .terms { padding:25px 15px 25px 15px; }
}
#hos .links { padding:25px 35px 80px 35px; line-height:45px; }
#hos .links a { color:#000; font-weight:bold; }
#hos .links img { float:left; margin-right:15px;}



.lan-nav { height:30px; position:absolute; top:0px; left:0; z-index:9999999;}
.lan {}
.lan .selectricWrapper { width:270px;}
.selectricWrapper { position: relative; margin: 0 3px 0; width: auto; cursor: pointer; float: left; width: auto; }
.selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectricOpen { z-index: 9999; }
.selectricOpen .selectricItems { display: block; }
.selectricHideSelect { position: relative; overflow: hidden; width: 0; height: 0; }
.selectricHideSelect select { position: absolute; left: -100%; display: none; }
.selectricInput { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; _font: 0/0 a; background: none !important; }
.selectricTempShow { position: absolute !important; visibility: hidden !important; display: block !important; }
.selectricOpen .selectric { border-color: #2f2f2f; background: #000000; z-index: 9999; }
.selectric { border: 2px solid #c80000; background: #000; position: relative; border-radius: 5px; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 27px 0 0; padding: 5px 6px; font-size: 14px; line-height: 15px; color: #f00; min-height: 15px; }
.selectric .button { background: none; border-radius: 0px; display: block; position: absolute; right: 0; top: 0; width: 27px; height: 27px; color: #FC0000; text-align: center; font: 0/0 a;   /* IE Fix */
  *font: 12px/27px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #c80000; border-bottom: none; }
.selectricHover .selectric { border-color: #c80000; }
.selectricHover .selectric .button { color: #f00; }
.selectricHover .selectric .button:after { border-top-color: #fff; }
/* Items box */

.selectricItems { display: none; position: absolute; overflow: auto; top: 100%; left: 0; background: #c80000; border: 1px solid #000; z-index: 999999; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.selectricItems ul, .selectricItems li { list-style: none; padding: 0; margin: 0; min-height: 20px; line-height: 20px; font-size: 12px; }
.selectricItems li { padding: 5px 10px; cursor: pointer; display: block; border-bottom: 0px solid #333; color: #fff; border-top: 0px solid #000; }
.selectricItems li.selected { background: #c80000; color: #fff; border-top-color: #E0E0E0; font-weight: bold; }
.selectricItems li:hover { background: #ff0000; color: #fff; font-weight: bold; }
.selectricItems li.disabled { background: #F5F5F5; color: #BBB; border-top-color: #FAFAFA; cursor: default; }