@charset "utf-8";
* {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
h4 { color:#fff; font-size:20px;text-transform:uppercase; width:100%; clear:both; background:#C00; padding:5px;}
#au_xmas { background: url(https://event.msi.com/2016/au_xmas/images/bg.jpg); font-family: 'DIN Pro', sans-serif; color: #fff; line-height: 1.7em; font-size: 1.5em;}
#au_xmas ul{ background-color:#FFF; color:#000; margin-top:-10px; font-size:16px; line-height:34px; padding-bottom:50px; padding-left:35px;}

#au_xmas .topbg { background:url(https://event.msi.com/2016/au_xmas/images/bg.jpg); background-size: auto 100%;}
#au_xmas .container { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; }
#au_xas .mainbox{position:relative;}
.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:23px; font-weight: 700; width:100%;text-transform:capitalize; margin-left:0;}
#au_xmas .wb{background-color:#FFF; margin-top:-30px;}
/*#au_xmas .col-md-5{padding:0;}*/
.mainbox h2{ background-color:#b0873f;font-size:20px; color:#000;font-weight:bold; padding:20px;}

.box { padding:0 40px 0 35px;}
.p0 { padding:0 0 0 0;}
.p02 { padding:0 10px 0 0;}
.txt { padding-top:30px; position:relative;}
.pd { position:relative;}

#au_xmas .gift { position:absolute; bottom:35px;left:60%; }
#au_xmas .gift2 { position:absolute; bottom:255px;left:70%; }
.pd-1 .gift { bottom:10px; right:-50px;}
.pd-2 .gift { bottom:-10px; left:50%;}

.clearfix{ padding-bottom:150px;}
#au_xmas .buy{background-color:#000;}
#au_xmas .hh{ margin-top:-80px; padding-bottom:15%;}





#au_xmas a.link#au_xmas a.link:link{ text-decoration:underline; color:#F00;}
#au_xmas a.link:hover{ background:#F00; color:#FFF; text-decoration:none;}

#au_xmas a.link2,#au_xmas a.link2:link{ text-decoration:none; color:#570800; display:block; padding:10px 0; background-image: url(https://event.msi.com/2016/au_xmas/images/bbg.jpg);background-color:#191919; text-align:center; margin:5px 0; font-size:18px;box-shadow:4px 4px 6px rgba(100%,100%,100%,0.7),3px 3px 10px 3px rgba(44%,29%,10%,0.3) inset;border-radius:20px; }
#au_xmas a.link2:hover{ background:#F00; color:#FFF; text-decoration:none;}

@media (min-width:1320px) {
.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:20px; font-weight: 700; width:100%; text-transform:capitalize; margin-left:0;}

}
@media (max-width:1100px) {
#au_xmas .gift { position:absolute; bottom:35px;left:62%; max-width:50%; }
#au_xmas ul {font-size:14px; line-height:34px; padding-left:35px;}

}

@media (max-width:768px) {
.mainbox h1 { background-color:#fde00e; background-image:none; font-size:17px; height:40px; ;line-height:50px; }
#au_xmas .gift { position:absolute; bottom:85px;left:75%;   }
#au_xmas .gift2 { position:absolute; bottom:340px;left:78%;}
}

@media (max-width:468px) {
.mainbox h1 { background-color:#fde00e; background-image:none; font-size:17px; height:40px; ;line-height:50px; }
#au_xmas .gift { position:absolute; bottom:35px;left:65%;  background-color:#f00; }
#au_xmas .gift2 { position:absolute; bottom:305px;left:70%;}
}