#xmas {
	font-family: 'DIN Pro', sans-serif;
	color: #fff;
	line-height: 1.7em;
	font-size: 1.5em;
	background: url(https://event.msi.com/nb/2016/xmas_it/images/sb_b.jpg)
}
#xmas ul {
	color:#000;
	font-size: 0.5em;
	font-weight:500;
	line-height: 20px;
	margin-top:10%;
	margin-left:-17%;
}
#xmas .container {
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}
#xmas .topbg {
	background: url(https://event.msi.com/nb/2016/xmas/images/bg.jpg);
	margin: 0;
}
#xmas .box1 {
	color: #000;
	margin-top: 32px;
	margin-bottom: 10%;
	background: url(https://event.msi.com/nb/2016/xmas_it/images/box1_bg.png)top center no-repeat;

}
#xmas .tg {
background: url(https://event.msi.com/nb/2016/xmas_it/images/t_bg.png)  repeat-x;
	max-height: 38px;
	color: f00;
	font-size: 1.00em;
	text-align: center;
	margin: 0 auto;
	width: 95%;
}
#xmas h3 {
	color: #990100;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #c1c1c1;
	max-width: 280px;
	margin: 0 auto;
}
#xmas .box2 {
	color: #000;
	margin-top: 32px;
	padding-bottom: 150px;
}
#xmas .box3 {
	color: #000;
	margin-top: 32px;
	padding-bottom: 150px;
}
#xmas .box4 {
	color: #000;
	background: url(https://event.msi.com/nb/2016/xmas/images/box4_bg.jpg);
}
#xmas .buy {
	background-color: #000;
}
#xmas .header {
	position: relative;
}
#xmas .header .tt {
	position: absolute;
	top: 10%;
	left: 15%;
	width: 40%;
	z-index: 999;
	text-align: center;
}
#xmas .header .dd {
	position: absolute;
	bottom: 11%;
	right: 23%;
	width: 21%;
	z-index: 999;
	text-align: center;
}
#xmas .header .dragon {
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 999;
}
#xmas h1 {
	color: #000;
	font-weight: bold;
	font-size: 1.15em;
	padding-left: 2%;
	margin: 0;
	line-height: 34px;
}
#xmas h2 {
	color: #000;
	font-weight: bold;
	font-size: 1.31em;
	margin-top: -3%;
}
#xmas .mainbox h1 {
	color: #000;
	background: url(https://event.msi.com/2016/au_xmas/images/title_bg.png) top center no-repeat;
	height: 134px;
	text-align: center;
	line-height: 135px;
	font-size: 29px;
	font-weight: 700;
	width: 100%;
	text-transform: uppercase;
	margin-left: 0;
}
#xmas .pg {
	text-align: center;
	margin: 0 auto;
}
#xmas .pg img {
	background-color: #000;
	margin-top: -10px;
}
#xmas h4 {
	background: url(https://event.msi.com/nb/2016/xmas/images/price_bg.jpg);
	color: #000;
	font-size: 1.5em;
	color: #FFF;
	padding: 2%;
}
#xmas .table-wtb {
	margin-top: 0px;
	border: 2px solid #000;
}
#xmas .table-wtb th, table-wtb tr {
	height: 40px;
}
#xmas .table-wtb tr.link {
	cursor: pointer;
}
#xmas .table-wtb tr.link .glyphicon {
	margin-right: 5px;
	color: #cc0000;
}
#xmas .table-wtb th {
	background-color: #530808;
	font-weight: bold;
	border-bottom: 1px solid #cc0000;
	text-align: left;
	height: inherit;
}
#xmas .table-wtb th.left, #xmas .table-wtb th, table-wtb td.left, #xmas table-wtb tr.left {
	text-align: left;
}
#xmas .table-wtb td {
	padding: 5px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #741f1f;
}
#xmas .table-wtb td.address {
	width: 70%;
}
#xmas .table-wtb th.center, table-wtb td.center {
	text-align: center;
}
#xmas .table-wtb tr:nth-child(even) {
	background: #000;
}
#xmas .table-wtb tr:nth-child(odd) {
	background: #1e0000;
}
#xmas .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	background-color: #7d2727
}
#xmas .table-hover > tbody >#xmas tr:hover .glyphicon {
	margin-right: 5px;
	color: #fff;
}
#xmas .wtb {
	color: #FFF;
	padding: 50px 35px;
	background: #000;
	margin-bottom: 30px;
	font-size: 0.65em;
}
#xmas .wtb h2 {
	color: #f00;
	text-transform: uppercase;
}

@media (max-width:768px){	
#xmas h2 {
	color:#000;
	font-weight: bold;
	font-size: 0.5em;
	}
#xmas .header .dd {
	position: absolute;
	bottom: -5%;
	right: 23%;
	width: 21%;
	z-index: 999;
	text-align: center;
}
#xmas h1 {
	color: #000;
	font-weight: bold;
	font-size: 0.5em;
	padding-left: 2%;
	margin: 0;
	line-height: 15px;
}
#xmas .header .dragon {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 999;
}
#xmas ul {
	color: #000;
	margin-top: -10px;
	font-size: 0.55em;
	line-height: 17px;
	padding-top: 30px;
	margin-left: 30px;
}
}



@media (min-width: 769px) and (max-width:1319px){
	
#xmas h2 {
	color:#000;
	font-weight: bold;
	font-size: 0.8em;
	margin-top: -3%;
}
}


@media (min-width:1320px) and (max-width:1920px){
#xmas .box1 {
	color: #000;
	background: url(https://event.msi.com/nb/2016/xmas_it/images/box1_bg.png)top center no-repeat;
	margin-top: 32px;
	margin-bottom: 10%;
}
#xmas .box2 {
	color: #000;
	margin-top: 32px;
	padding-bottom: 150px;

}
#xmas .box3 {
	color: #000;
	margin-top: 32px;
	padding-bottom: 200px;
	background: url(https://event.msi.com/nb/2016/xmas_it/images/box2_bg.png) no-repeat;
	background-position :center -30px;
}
#xmas.header {
	background-color: #0F0;
}
#xmas h2 {
	color: #000;
	font-weight: bold;
	font-size: 1.0em;
	margin-top: -3%;
	text-align:center;
}
}