@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Sarpanch:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,
tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,
tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}

body {
  line-height: 1;
  font-family: 'DINPro-Regular', "DINPro-Medium",'cwTeXHei','Sarpanch', "cwTeXHei", "Microsoft JhengHei", "Helvetica Neue",Helvetica,Arial,sans-serif,'CenturyGothic', 'cwTeXHei', 'Microsoft JhengHei','CenturyGothic','DINCond-Medium'!important;
background: #000;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  nofocusline: expression(this.onFocus=this.blur());
  outline: 0;
}

a:hover {
  text-decoration: none;
}

a:focus {
  -moz-outline-style: none;
}

/*img*/
img {
  max-width: 100%;
  width: expression(document.body.clientWidth>100? "100%": "auto");
  overflow: hidden;
  vertical-align: bottom;
}

*,*:after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.Main__Title{
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
}



.SPECIALPROMO__form{
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	border: 1px solid #363020;
	box-shadow: 1px 1px 10px #b79e59;
	width: calc((100% / 2) - 20px);
	margin: 20px auto 0 auto;
}

.SPECIALPROMO__form-txt{
	border: 1px solid #5e512e;
	width: 100%;
}

.SPECIALPROMO__form-txt>h1{
	padding: 12% 0;
	font-weight: bold;
	font-size: 18px;
}

.SPECIALPROMO__form-txt>p{
	border-top: 1px solid #b79e59;
	padding: 12% 0;
	font-size: 18px;
}



			/* Global Swiper Style */
			.swiper-outer{
				max-width:1600px;
				margin:0 auto;
				position:relative;
				padding: 0;
    			display: flex;
    			flex-direction: row;
    			flex-wrap: wrap;
			}

			.swiper-container{
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				width:calc(100% - 64px);
				max-width: 1600px;
				justify-content: center;
				margin: 0 auto;
			}

			.swiper-wrapper{
				margin-bottom:2.5em;
				justify-content: center;
				display: flex;
				align-items: center;

			}


			.swiper-button-next, .swiper-button-prev{
				width:16px;
				height:44px;
				background-size:contain;
				opacity:.5;
			}

			.swiper-button-next:hover, .swiper-button-prev:hover{
				opacity:1;
			}

			.swiper-pagination-bullet{
				background:#000;
				opacity:.35;
			}

			.swiper-pagination-bullet:hover{
				opacity:1;
			}
			.swiper-pagination-bullet-active
			{
				opacity:1;
				background:#000;
			}


			/* Page Swiper Style */
			.swiper-slide .retailer-logo{
				display: block;
				height:60px;
				float:right;
			}

			.swiper-container .item-box{
				display:block;
				position:relative;
				margin: 10px auto;
				text-align: center;
				background:#000;
				padding:40px 20px 0;
				overflow-x: hidden;
				box-shadow: 1px 1px 10px #b79e59,1px 1px 10px #b79e59;
    			-webkit-box-shadow: 1px 1px 10px #b79e59;
    			-moz-box-shadow: 1px 1px 10px #b79e59;
    			display: block;
    			width: calc((100% / 2) - 20px);
    			text-decoration: none;
			}

			.swiper-container .item-box .item-info{
				padding:0 0 .5em;
			}

			.swiper-container .item-box img.product-img{
				display:block;
				margin:0 auto 1em;
				width:100%;
				max-width:640px;
				padding: 8% 12% 0%;
			}

			.swiper-container .item-box a.gtm-buy-link{
				display:inline-block;
				margin:1em auto 0;
				padding:.5em 1.5em;
				font-size:1.25em;
				text-decoration: none;
				color:#000;
				background:#fff;
				border:1px solid #000;
				box-shadow:2px 2px 0 #999;
			}

			.swiper-container .item-box .gtm-buy-link:hover{
				animation-name: buy-link-hover-2;
				animation-duration: .5s;
				animation-fill-mode: forwards;
			}

			/* price-listing */
			p.price-listing{
			   font-size:1.5em;
			   font-weight:bold;
			   padding:.25em 0 ;
			   margin:.25em auto 0;
			   text-align:center;
			   vertical-align: middle;
		   }

		   p.price-listing .old-price{
			   font-size:.625em;
			   font-weight:normal;
			   margin-right:.5em;
			   text-align:center;
			   vertical-align: middle;
			   text-decoration: line-through;
			   opacity:.75;
		   }

		   p.price-listing .new-price{
			   vertical-align: middle;
		   }

		   /* product-label */
		   .promo-label{
			   float:left;
			   display:block;
			   padding:.5em 2em .5em 3em;
			   transform:skewX(-20deg);
			   position: relative;
			   left:-3em;
			   top:10px;
			   text-align: left;
			   font-weight: bold;
			   color:#111;
			   line-height: 1.25;
		   }

		   .promo-label span{
			   text-align: left;
			   display:inline-block;
			   transform:skewX(20deg);
		   }

		   .promo-nb.promo-label{ background:#f5ba32; }
		   .promo-dt.promo-label{ background:#76b8ed; }
		   .promo-mb.promo-label{ background:#b7dc23; }
		   .promo-gg.promo-label{ background:#ee7ba2; }


			/*Page Styles*/
			#msi_custom_page{
				width:100%;
				margin:0 auto;
				font-family: "CenturyGothic", arial, sans-serif;
				font-weight:normal;
				font-size:13px;
				overflow:hidden;
				position: relative;
				background:#000;
			}

			#msi_custom_page .pd{
				background:url("https://storage-asset.msi.com/event/2020/cnd/black-friday/images/pd.jpg")no-repeat;
				background-size: 100%; 
				background-attachment: fixed;
			}

			#msi_custom_page *{
				box-sizing: border-box;
			}


			.section-outer{
				width:100%;
				margin:0 auto;
				background-repeat:no-repeat;
				background-position: top center;
				background-size: cover;
			}

			.section-inner{
				max-width:1600px;
				margin:0 auto;
				padding:0 16px;
				position:relative;
			}

			.section-info{
				width:100%;
				max-width:1080px;
				margin:0 auto;
				padding:0 16px;
				text-align:center;
				z-index:5;
				position:relative;
			}
			
			.section-kv{
				display:block;
				margin:0 auto;
				background-position: center center;
				background-repeat:none;
				background-size:cover;
			}


			/* text */
			h2.Atitle {
		    margin: 8% auto 4%;
		    font-family: 'Russo One', sans-serif;
		    font-weight: normal;
		    /* letter-spacing: 1px; */
		    line-height: 1.15em;
		    font-size: 46px;
		    text-align: center;
		    color: #fff;
		    text-shadow: 
		    0px 0px 10px #b79e59,0px 0px 16px #b79e59,0px 0px 12px #b79e59;
			}

			h2.Dtitle {
		    margin: 8% auto;
		    font-family: 'Russo One', sans-serif;
		    font-weight: normal;
		    /* letter-spacing: 1px; */
		    line-height: 1.15em;
		    font-size: 40px;
		    text-align: center;
		    color: #fff;
		    text-shadow: 
		    0px 0px 10px #b79e59,0px 0px 16px #b79e59,0px 0px 12px #b79e59;
			}

			h3.offertitle {
		    font-size: 20px;
		    line-height: 1.2;
		    color: #b79e59;
		    font-weight: bold;
			}

			h3.offertitle a{
				color: #e7c872;
				text-decoration: underline;
				font-weight: bold;
			}

			.smallT {
		    font-size: 20px;
		    line-height: 1.2;
		    color: #FFF;
		    padding: 10px;
			}

			.price {
		    font-size: 30px;
		    line-height: 1.5;
		    color: #FFF;
		    text-align: center;
		    font-weight: bold;
			}

			h2.msi-h2{
				margin:2% auto;
				font-family: "CenturyGothic", arial, sans-serif;
				font-weight:normal;
				letter-spacing:1px;
				line-height: 1.4;
				font-size:24px;
				text-align: center;
				color: #b79e59;
				text-transform:uppercase;
			}

			h3.msi-h3{
				margin:0 0 .5em;
				font-family: "CenturyGothic", arial, sans-serif;
				line-height: 1.25em;
				font-size:1.5em;
				font-weight:normal;
			}


			span.fontSmaller{
				font-size:.75em;
			}

			p.msi-p1{
				font-size:1em;
				line-height:1.5em;
				margin:0 auto .25em;
			}

			ul.msi-ul{
				display:block;
				padding:0;
				margin:0;
				list-style: none;
				text-align: center;
			}

			.triangle-right{
				display:inline-block;
				border-top: .35em solid transparent;
				border-bottom: .35em solid transparent;
				border-left: .45em solid #000;
				margin-left:.25em;
				opacity:.25;
			}

			.sold-out{
				color:#f00;
				border:1px solid #f00;
				display:inline-block;
				margin:1em auto 0;
				padding:.5em 1.5em;
				font-size:1em;
				text-decoration: none;
				margin-bottom:1.5em;
				font-weight:bold;
			}

			#msi_custom_page sup{
				font-size:.5em;
				line-height:0;
			}


			/* Helper */
			.clearfix:after{
				display: block;
				content: "";
				clear: both;
			}

			.sr-only{
				position: absolute;
				margin: -1px 0 0 -1px;
				padding: 0;
				display: block;
				width: 1px;
				height: 1px;
				font-size: 1px;
				line-height: 1px;
				overflow: hidden;
				clip: rect(0,0,0,0);
				border: 0;
				outline: 0;
			}

			.rtl{
				direction: rtl;
			}

			.LD{
				display: flex;
				align-items: flex-end;
				justify-content: space-around;
				

			}
			.LD__title{
				color: #fff;
				width: 45%;
			}
			.LD__title>p{
				font-size: 18px;
				line-height: 25px;
				text-align: center;
			}
			.LD__photo{
				width: 45%;

			}

			.LD__form{
				color: #fff;
				text-align: center;
				margin: 50px;
				border: 1px solid #b79e59;
			}
			.LD__form>h1{
				padding: 15px 0;
				font-size: 20px;
				font-weight: bold;
			}
			.LD__form>p{
				border-top: 1px solid #b79e59;
				padding: 15px 0;
				font-size: 18px;
			}
			.LD__promo{
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;

			}

			.LD__promo-list{
				width: 360px;
				margin:30px;
				color: #fff;
				text-align: center;
			}

			.LD__promo-list>a{
				font-size: 20px;
				color: #fff;

			}
			.LD__promo-list>a>p{
				margin-top: 20px;
				font-size: 20px;
			}







			/* text */
			.text-center{
				text-align: center;
			}

			.text-line-through{
				 text-decoration: line-through;
			}

			.gradient-line{
				width:100%;
				height:6px;
				background: linear-gradient(90deg, rgba(242,226,149,1) 0%, rgba(214,175,96,1) 100%);
			}


			#page-kv{
					position:relative;
					background-position: center center;
					background-size:100%;
					background-repeat: no-repeat;
			}

			#prize-kv{
					position:relative;
					background-position: center center;
					width: 100%;
					max-width: 1600px;
					background-repeat: no-repeat;
					margin: 2% auto 4%;
			}

			#page-kv .image-wrap .kv-dt, #prize-kv .image-wrap .kv-dt {
    		display: block;
			}

			#page-kv .image-wrap .kv-dt, #prize-kv .image-wrap .kv-dt>figure {
			margin: 0 auto;
			text-align: center;
			}

			#page-kv .image-wrap .kv-m, #prize-kv .image-wrap .kv-m {
    		display: none;
			}

			#page-kv .image-wrap .kv-dt, #prize-kv .image-wrap .kv-m>figure {
			margin: 0 auto;
			text-align: center;
				}
	


			#section_tab_nav{
					text-align:center;
					padding:4% 0 0 0;
					z-index:5;
				}

					.section_tab{
					margin:0 20px;
					font-family: "CenturyGothic", arial, sans-serif;
					line-height: 1.15;
					font-weight:normal;
					padding:0;
					display:inline-block;
					cursor:pointer;
					border:none;
					background:none;
					outline:none;
					max-width:40%;
					background:#000;
					letter-spacing: 1px;
				}





				@media (max-width:1440px){
					.section_tab{max-width:15%;
				}}


				.tab-label{
					display:block;
					width:100%;
					/*background:#fff;*/
					color: #fff;
					padding: 10px 0;
				}

			#section_tab_nav .section_tab img{
					display:block;
					width:100%;
				}

			#section_tab-nb:hover, 
			#section_tab-nb.section_tab-on { 
			background: #b79e59;
    		color: #b79e59;
    		padding: 0;
			}

			#section_tab-dt:hover, 
			#section_tab-dt.section_tab-on { 
			background: #b79e59;
    		color: #b79e59;
    		padding: 0;
			}

			#section_tab-mb:hover, 
			#section_tab-mb.section_tab-on { 
			background: #b79e59;
    		color: #b79e59;
    		padding: 0;
			}

			#section_tab-gc:hover, 
			#section_tab-gc.section_tab-on { 
			background: #b79e59;
    		color: #b79e59;
    		padding: 0;
			}

			#section_tab-ggs:hover, 
			#section_tab-ggs.section_tab-on { 
			background: #b79e59;
    		color: #b79e59;
    		padding: 0;
			}


#section_tab-mb .accordion {
  display: block;
  text-align: left;
  margin: 0;
  width: 100%;
}

#section_tab-mb .accordion-toggle {
	display: block;
    width: 100%;
    /* background: #fff; */
    color: #fff;
    padding: 0 0 10px 0;
    text-align: center;
}

#section_tab-mb .accordion:hover .accordion-content {
  max-height: 300px;
}

#section_tab-mb .accordion-content {
  -webkit-transition: max-height 1.5s;
  -moz-transition: max-height 1.5s;
  -ms-transition: max-height 1.5s;
  -o-transition: max-height 1.5s;
  transition: max-height 1.5s;
  background: #e5feff;
  overflow: hidden;
  max-height: 0;
}

#section_tab-mb .accordion-inner {
  padding: 0;
  background: #444;
}

			#section_tab-gg:hover, 
			#section_tab-gg.section_tab-on { 
			background: #b79e59;
    		color: #b79e59;
    		padding: 0;
			}


			#section-home{
			padding-bottom:0;
			}

			#section-home button{
			margin:10px;
			width:50%;
			width:calc(50% - 20px);
			display:block;
			border:none;
			padding:0;
			float:left;
			cursor:pointer;
			background:#000;
			position:relative;
			font-size:1em;
			box-shadow: 1px 1px 10px #b79e59;
			-webkit-box-shadow: 1px 1px 10px #b79e59;
			-moz-box-shadow: 1px 1px 10px #b79e59;
			}

			#section-home .button-img{
			display:block;
			width:100%;
			opacity:.85;
			}

			#section-home .button-img:hover{
			display:block;
			width:100%;
			animation-name: home-hover;
			animation-duration: .5s;
			animation-fill-mode: forwards;
			}

			#section-home .msi-h3{
			position:absolute;
			z-index:50;
			padding:1em;
			vertical-align: middle;
			line-height: 1em;
			color: #b79e59;
			}

			#section-home .msi-h3 img{
			height:1em;
			display:inline-block;
			vertical-align: top;
			}
				
			@-webkit-keyframes home-hover{
		  	from {opacity:.9}
			to {opacity:1;}
			}

							.section_tab-contents{
					position:relative;
					display:none;
					z-index:0;
					padding-bottom:40px;
				}

				.section_tab-contents.section_tab-contents-on{
					display:block;
				}

				/* Section product categories */
				.section_tab-contents .flex-container{
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					flex-wrap:wrap;
					justify-content: center;
					margin:0 auto;
					padding:8px;
				}

				.section_tab-contents .flex-container .flex{
					width:calc(50% - 20px);
					background:#ebebeb;
					margin:8px;
					padding-top:16px;
					text-align: right;
					overflow-x: hidden;
				}

				.section_tab-contents .product-info{
					padding:20px 20px 40px;
					text-align: left;
				}

				.product-label{
					display:inline-block;
					padding:.5em 3em .5em 2em;
					font-size:1em;
					transform:skewX(20deg);
					position: relative;
					right:-1em
				}

				.product-label span{
					display:inline-block;
					transform:skewX(-20deg);
				}

				.product-img{
					display:block;
					width:100%;
				}

				/* Section specific */
				.flex-container{
					max-width:1600px;
				}

				#section-nb .product-label{ background:#f5ba32; }
				#section-dt .product-label{ background:#76b8ed; }
				#section-mb .product-label{ background:#b7dc23; }
				#section-gg .product-label{ background:#ee7ba2; }


.select-box {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: calc(100%/2 - 20px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.select-box .item-select .select {
    padding-left: 16px;
    font-size: 18px;
    height: 40px;
}


.section {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 5vh 0;
}

.pd-tab {
    width: 100%;
    z-index: 998;
    position: relative;
}

.tab-container {
    margin: auto;
}

.pd-tab-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pd-tab-item.active {
    font-weight: 700;
    color: #fff;
}

.pd-tab-item, #model .pd-tab-item-box {
    margin-top: 0;
    width: 100%;
    /*height: 50px;*/
    /*background: #c6c6c6*/;
    display: block;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    cursor: pointer;
    position: relative;
}

.pd-tab-dropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    height: 80px;
    z-index: 0;
}

.pd-tab-dropdown-item {
    width: 100%;
    display: block;
    /*height: 50px;*/
    background: #c6c6c6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    font-weight: normal;
    padding: 6px 0;
    opacity: .9;
}


.pd-tab-dropdown-item:hover {
opacity: 1;
}

.accordion-item {
    width: 100%;
    display: block;
    /*height: 50px;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    padding: 6px 0;
    opacity: .9;
}


.accordion-item:hover {
opacity: 1;
}

.title-box p.title {
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

				/* Section Links */
				.section_tab-contents .hatch-link, .section_tab-contents .gtm-buy-link{
					display:inline-block;
					margin:.5em .25em 0 0;
					padding:.5em 1.5em;
					font-size:1em;
					text-decoration: none;
					color:#000;
					background:#fff;
					border:1px solid #000;
					box-shadow:2px 2px 0 #999;
					vertical-align: top;
				}

				.section_tab-contents .hatch-link:hover, .section_tab-contents .gtm-buy-link:hover{
					animation-name: buy-link-hover-2;
					animation-duration: .5s;
					animation-fill-mode: forwards;
				}

				.section_tab-contents .gtm-buy-link img{
					display:block;
					height:60px;
				}

				@-webkit-keyframes buy-link-hover-2 {
				  from {
					  background:#fff;
					  box-shadow:2px 2px 0 #999;
					}
				  to {background:#ccc; box-shadow:2px 2px 0 #ccc;}
				}


				/* Section Banner */
				.dt-banner img:hover
				{
					opacity:.95;
					animation-name: banner-hover;
					animation-duration: .5s;
					animation-fill-mode: forwards;
				}
				@-webkit-keyframes banner-hover {
				  from {opacity:1;}
				  to {opacity:.95;}
				}


				#section_nb_banner .swiper-outer{
					padding:0 10px;
				}

				#section_nb_banner .swiper-slide{
					position:relative;
					background-size:cover;
					background-position: top center;
					background-repeat:none;
					color:#fff;
				}

				#section_nb_banner .swiper-slide .vdPopUp{
					display:inline-block;
					padding:12px 16px;
					color:#000;
					font-weight: bold;
					text-decoration: none;
					background:#f5ba32;
					border-radius: .25em;
				}

				#section_nb_banner .swiper-slide .vdPopUp:hover{
				background:#fff;
				}

				#section_nb_banner .swiper-slide .text-info{
				color:#fff;
				}

				#section_nb_banner .swiper-slide .text-info img{
				display:block;
				width:100%;
				max-width:280px;
				}

				#section_nb_banner .swiper-slide{
				padding-bottom:45%;
				}

				#section_nb_banner .swiper-slide .text-info{
				position:absolute;
				width:50%;
				max-width:540px;
				top:50%;
				transform: translateY(-50%);
				padding:48px;
				}

					#section_nb_banner .swiper-slide.slide-0{
						background-image:url("https://storage-asset.msi.com/us/picture/promotion/us/2020/back-to-school/video-0-1920.jpg");
					}

					#section_nb_banner .swiper-slide.slide-1{
						background-image:url("https://storage-asset.msi.com/us/picture/promotion/us/2020/back-to-school/video-1-1920.jpg");
					}

					#section_nb_banner .swiper-slide.slide-2{
						background-image:url("https://storage-asset.msi.com/us/picture/promotion/us/2020/back-to-school/video-2-1920.jpg");
					}

					#section_nb_banner .swiper-slide.slide-0 .text-info, 
					#section_nb_banner .swiper-slide.slide-2 .text-info{
						right:0;
					}

					#section_nb_banner .swiper-outer{
						padding:0 30px;
					}


/*model*/
#model {
    color: #444;
    font-size: 20px;
    line-height: 1;
    overflow: hidden;
    width: 100%;
    margin: 4% 0 0 0;
}

#model .pd-panel {
    width: 100%;
    max-width: 1800px;
    margin: auto;
}

#model .prize-wrapper .prize-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

#model .prize-wrapper .prize-box .item.steam-box-gray {
    position: relative;
    color: #000;
    text-shadow: none;
    overflow: hidden;
    width: 100%;
}

#model .prize-wrapper .prize-box .item .inner-top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #aaa;
}

#model .prize-wrapper .prize-box .item .title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
}

#model .prize-wrapper .prize-box .item .title-box h3.title {
    font-size: 26px;
    line-height: 48px;
    padding: 20px 0;
    color: #fff;
    font-weight: 700;
}

#model .prize-wrapper .prize-box .item .title-box p {
    color: #fff;
    font: 18px;
}

#model .prize-wrapper .prize-box .item .inner-top .filter-box {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 20px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

#model .prize-wrapper .prize-box .item .inner-top .filter-box .select-box {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: calc(100%/2 - 20px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#model .prize-wrapper .prize-box .item .inner-top .filter-box .select-box .item-select.select {
    padding-left: 16px;
    font-size: 18px;
    height: 40px;
}

#model .prize-wrapper .prize-box .item .inner-top .filter-box .select-box .item-select {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1% 0;
}

#model .prize-wrapper .prize-box .item span.fn-md {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
}

#model .prize-wrapper .prize-box .item .inner-top .filter-box .select-box .item-select.result-box {
    color: #000;
    font-weight: 700;
    padding: 1% 0;
    background: #b79e59;
    text-shadow: none;
}

#model .prize-wrapper .prize-box .item span.fn-lg {
    font-size: 36px;
    line-height: 40px;
    color: #fff;
}

#model .pd-wrapper {
    width: 100%;
    max-width: 1800px;
    margin: auto;
}

#model .pd-wrapper .pd-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0;
    /* border-bottom: 1px solid #eec908; */
}

#model .pd-wrapper .flexblock{
	display: block;
}


#model .bg-yellow {
    background: #b79e59;
}

#model .pd-wrapper .pd-box .img-box {
width: 45%;
    text-align: right;
    color: #000;
    margin: auto;
    justify-content: center;
}

#model .pd-wrapper .pd-box .img-box img {
    display: inline-block;
    max-width: 80%;
}

#model .pd-wrapper .pd-box .series-box {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	text-align: left;
	margin: 0 auto;
}

#model .pd-wrapper .pd-box .series-box h3.title {
    margin-bottom: 24px;
    color: #000;
    font-weight: 700;
}

#model .pd-wrapper .pd-box .series-box .btn-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


#model .pd-wrapper .pd-box .series-box .btn-box .item {
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.4);
    margin: 10px;
    border-radius: 3px;
}

#model .pd-wrapper .pd-box .series-box .btn-box .item figure {
	margin: 10%;
}


#model .pd-wrapper .pd-box .series-box .btn-box .item .btn-pd {
    border-radius: 3px;
    border-radius: 3px 3px 0 0;
    text-align: center;
    padding: 10px;
    color: #000;
    border: 1px solid #aaa;
    width: 100%;
    border-width: 1px 1px 0 1px;
    line-height: 20px;
    text-decoration: none;
    font-weight: 700;
}

#model .pd-wrapper .pd-box .series-box .btn-box .item .btn-link {
    text-align: center;
    padding: 5px;
    width: 100%;
    color: #000;
    border-radius: 0 0 3px 3px;
    border: 1px solid #aaa;
    background: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

#model .bg-grayblue {
    background: #cad0d3;
}



#model .pd-wrapper .pd-box:last-child {
    border-bottom: 1px solid transparent;
}

#model .pd-wrapper .pd-box.img-right .img-box {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: left;
}

#model .pd-wrapper .pd-box.img-right .series-box {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

#model .pd-wrapper .pd-box .series-box .btn-box .item {
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.4);
    margin: 10px;
    border-radius: 3px;
    opacity: .9;
}

#model .pd-wrapper .pd-box .series-box .btn-box .item:hover {
    opacity: 1;
    color: #000;
}

#model .pd-wrapper .pd-box.bg-grayblue .series-box .btn-box .item .btn-pd, #cnd-bts .pd-wrapper .pd-box.bg-grayblue .series-box .btn-box .item .btn-link {
    border: 1px solid #aaa;
}

#model .pd-wrapper .pd-box.bg-grayblue .series-box .btn-box .item .btn-link {
    margin-top: -1px;
}


#model .pd-wrapper .pd-box .series-box .btn-box .item-pd {
    border-radius: 3px;
    border-radius: 3px 3px 0 0;
    text-align: center;
    padding: 10px;
    color: #000;
    border: 1px solid #aaa;
    width: 100%;
    border-width: 1px 1px 0 1px;
    line-height: 20px;
    text-decoration: none;
}

#model .pd-wrapper .pd-box .series-box .btn-box .item a{
	font-size: 18px;
    text-align: center;
    padding: 5px;
    width: 100%;
    color: #000;
    border-radius: 0 0 3px 3px;
    border: 1px solid #aaa;
    background: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}


#model .prize{
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 16px;
background: #ddd;
margin: 10px 0 0;
}

#model .prize .item-prize {
text-align: center;
padding: 20px;
color: #000;
border: 1px solid #aaa;
width: 100%;
border-width: 1px 1px 0 1px;
line-height: 20px;
text-decoration: none;
font-weight: 700;
font-size: 26px;
}

#model .prize .item-cashback {
text-align: center;
padding:20px;
color: #000;
border: 1px solid #aaa;
width: 100%;
border-width: 1px 1px 0 1px;
line-height: 32px;
}

#model .prize a {
text-align: center;
padding: 10px 0;
width: 100%;
color: #000;
border: 1px solid #aaa;
background: rgba(255, 255, 255, 0.5);
text-decoration: none;
line-height: 1.4;
font-size: 18px;
text-decoration: none;
}

#model .prize span {
font-size: 36px;
font-weight: 700;
color: #fff;
text-shadow: 0px 0px 10px #b79e59, 0px 0px 16px #b79e59, 0px 0px 12px #b79e59;
}


/*redeem*/
#redeem {
    background: #323233 ;
    background-size: 100%;
}

#redeem .redeem-box {
	padding: 2% 0 3%;
    /* max-width: 60%; */
    margin: 0 auto;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

#redeem.flexbox {
    display: inline-block;
}

#redeem .hStyle, #wtb .hStyle, #earn .hStyle {
margin: 4% auto;
font-family: 'Russo One', sans-serif;
font-weight: normal;
/* letter-spacing: 1px; */
line-height: 1.15em;
font-size: 46px;
text-align: center;
color: #fff;
text-shadow: 
0px 0px 10px #b79e59,0px 0px 16px #b79e59,0px 0px 12px #b79e59;
}

#redeem .containBox {
    padding: 2%;
    max-width: 80%;
    margin: 0 auto;
}

#redeem .flexBoxs {
/*  -webkit-transform: translateX(10%);
          transform: translateX(10%);*/
  padding: 10px;
  width: 30%;
  text-align: left;
}

#redeem .redeem {
  max-width: 90%;
    margin: auto;
}

#redeem .modal-content {
  background: #444;
  padding: 5%;
}

#redeem .modal-header {
  	padding: 15px 30px;
  	border-bottom: 1px solid #444;
  	background: #222;
  	text-align: center;
  	font-size: 24px;
}

#redeem .modal-body {
  	position: relative;
  	padding: 15px 60px;
  	background: #222;
  	color: #fff;
}

#redeem .modal-body hr {
  	display: none;
}

#redeem .modal-conten {
  	border: 0;
}

#redeem .modal-content p {
  	margin: 15px 0;
  	color: #ddd;
}

#redeem .modal-content ul {
  	padding-left: 0;
}

#redeem .modal-content ol,
#redeem .modal-content li {
  	color: #ddd;
  	text-align: left;
  	line-height: 1.4;
  	margin-bottom: 1%; 
}

#redeem .modal-content ol,
#redeem .modal-content li a{
  	color: #b79e59;
  	text-align: left;
  	line-height: 1.4;
}

#redeem .modal-content ol, 
#redeem .modal-content li a:hover{
  	color: #fff;
  	font-weight: bold;
}

#redeem .modal-content ol {
  	padding-left: 20px;
}

#redeem .TermsContnetTitle {
	margin-bottom: 5px;
	font-size: 32px;
	font-weight: bold; 
}

#redeem .textColor {
    color: #b79e59;
    font-size: 28px;
    margin: 2%;
    font-weight: bold;
}

#redeem .modal-content h4{
  	font-weight: bold;
  	font-size: 18px;
  	color: red;
}

#redeem .modal-footer {
  	padding: 15px;
  	text-align: right;
  	border-top: 1px solid #444;
  	background: #222;
}

#redeem .btn-default {
  	color: #fff;
  	background-color: red;
  	border-color: red;
}

#redeem .close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .8;
	background: #b79e59;
	width: 30px;
	height: 30px;
	border-radius: 30px;
}

#redeem .close:focus, 
#redeem .close:hover {
  	color: #fff;
  	background: #bf6708;
  	width: 30px;
  	height: 30px;
  	border-radius: 30px;
  	opacity: 1;
}

#redeem .error {
  	color: #ff0000;
}

#redeem .section_title {
  	color: #006eae;
	font-size: 4rem;
    font-weight: 700;
}

#redeem .step-wrap {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-pack: center;
  	-ms-flex-pack: center;
  	justify-content: center;
  	margin: 3% 0;
}

#redeem .arrow {
  	position: relative;
}

#redeem .arrow i {
color: #b79e59;
    font-size: 54px;
    position: absolute;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    justify-content: center;
    display: flex;
}

#redeem .step {
  	width: 20%;
  	text-align: center;
  	margin: 0 auto;
}

#redeem .step a img {
  	display: block;
 	width: 100%;
}

#redeem .step a {
  	color: #42a494;
}

#redeem .step a:hover {
  	color: #42a494;
  	font-weight: bold; 
}

#redeem .step h3{
    color: #fff;
    font-weight: 800;
    margin-bottom: 8%;
    font-size: 18px;
}

#redeem .redeem-box p, #redeem .step p {
  	color: #fff;
  	line-height: 1.4;
  	text-align: center;
}

#redeem .redeem-btn {
	margin: 50px 0 0 0;
    display: flex;
    margin: auto;
    justify-content: center;
}

#redeem .redeem-btn button {
    margin: 20px;
    padding: 1% 4%;
    /* border-radius: 10px; */
    border: 2px solid #cfb97e;
    background: #b79e59;
    color: #fff;
    font-weight: 800;
    width: 20%;
    line-height: 1.4;
}

#redeem .redeem-btn a {
color: #fff;
}

#redeem .redeem-btn button:hover {
	background: #444;
	color: #fff;
}

#redeem .redeem-btn button:focus {
	outline: transparent;
}

/*t&c form*/
.tg {
	border-collapse:
	collapse;border-spacing:0;
	width: 100%;
}

.tg td{
	border-color:#fff;
	border-style:solid;
	border-width:1px;
	font-size:14px;
	overflow:hidden;
	padding:5px;
	word-break:normal;
}

.tg th{
	border-color:#fff;
	border-style:solid;
	border-width:1px;
	font-size:14px;
	font-weight:normal;
	overflow:hidden;
	padding:10px 5px;
	word-break:normal;
	border: 1px solid #fff;
	color: #fff;
}

.tg .tg-0lax{
	text-align:center;
	vertical-align:top;
	width: 33.333%;
}


/*wtb*/
#wtb {
	background: #000;
	padding: 2% 0 4%;
	/* max-width: 60%; */
	margin: 0 auto;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
}

#wtb .section-title {
	color: #fff;
	font-size: 46px;
	font-family: 'Russo One', sans-serif;
}


#earn {
	background: #323233;
	padding: 2% 0 4%;
    /* max-width: 60%; */
    margin: 0 auto;
    margin: 0 auto;
	position: relative;
	background: url(/images/LDBG.jpg);
}

#earn .prize {
	/* background: #323233; */
	padding: 0 0 4%;
    /* max-width: 60%; */
    margin: 0 auto;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}


#earn .article-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 1%;
    text-decoration: none;
}

#earn .imgbox {
    border: 2px solid #5a4d2c;
    display: inline-block;
    width: 40%;
    opacity: .9;
}

#earn .imgbox:hover {
    opacity: 1;
}

#earn h2.article-title {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    color: #fff;
    padding: 5px;
    background: #5a4d2c;
}

/*go top*/
#myBtn {
    font-family: 'DINPro-Medium', sans-serif;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99999;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #8a6d3b6b;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}



@media (max-width:1920px){
#model {
width: 72%;
margin: 4% auto 0;
justify-content: center;
}

.section-inner, #earn .prize{
max-width:70%;
margin:0 auto;
padding:0 16px;
position:relative;
}

#prize-kv{
width: 80%;
margin: 2% auto 5%;
}

#redeem .redeem-box {
padding:2% 0 3%;
max-width: 70%;
margin: 0 auto;
}

.swiper-outer{
max-width:85%;
margin:0 auto;
position:relative;
}}





@media (max-width:1440px){
#section-nb .flex-container .flex, #section-dt .flex-container .flex, #section-gg .flex-container .flex{
width:calc(33.33% - 20px);
}}


@media (max-width:1280px){
/*#swiper-nb .swiper-button-next, #swiper-nb .swiper-button-prev{
display:none;
}

#swiper-nb .swiper-pagination{
display:none;
}*/

#redeem .redeem-btn button {
    margin: 20px;
    padding: 1% 4%;
    /* border-radius: 10px; */
    border: 2px solid #cfb97e;
    background: #b79e59;
    color: #fff;
    font-weight: 800;
    width: 25%;
    line-height: 1.4;
}
}


@media (max-width:960px){
#msi_custom_page{
font-size:15px;
}

#page-kv .image-wrap .kv-dt, #prize-kv .image-wrap .kv-dt {
display: none;
}

#page-kv .image-wrap .kv-m, #prize-kv .image-wrap .kv-m {
display: block;
}

#section-home button {
    width: 100%;
    margin: 10px auto;
}


.swiper-container {
    width: auto;
}

.swiper-container .item-box {
    display: block;
    position: relative;
    margin: 30px auto 30px;
    text-align: center;
    background: #000;
    padding: 40px 20px 0;
    overflow-x: hidden;
    box-shadow: 1px 1px 10px #b79e59, 1px 1px 10px #b79e59;
    -webkit-box-shadow: 1px 3px 20px #b79e59;
    -moz-box-shadow: 1px 1px 10px #b79e59;
    display: block;
    width: 95%;
    text-decoration: none;
}

.SPECIALPROMO__form {

    width: 95%;

}

.LD {
	display: block;
	
}
.LD__title, .LD__photo{
	width: 90%;

}


.swiper-wrapper {
    display: block;
}

.section-inner, #earn .prize{
max-width:80%;
margin:0 auto;
padding:0 16px;
position:relative;
}}
	




/* Element Specific (Manually Set for ending swiper functionality)*/
@media (max-width:768px){
#swiper-dt .swiper-button-next, #swiper-dt .swiper-button-prev{
display:none;
}

#swiper-dt .swiper-pagination{
display:none;
}

.section_tab{
width:160px;
}

#section_nb_banner .swiper-slide{
padding-bottom:450px;
}

#section_nb_banner .swiper-slide .text-info{
position:absolute;
width:100%;
max-width:540px;
top:50%;
left:50%;
transform: translate(-50%, -50%);
padding:24px;
}

.section-inner, #earn .prize{
max-width:90%;
margin:0 auto;
padding:0 16px;
position:relative;
}

#model .pd-wrapper .pd-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0;
    /* border-bottom: 1px solid #eec908; */
}

#model .pd-wrapper .pd-box .series-box {
    width: 100%;
}

#model .pd-wrapper .pd-box .series-box .btn-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


#redeem .step {
	width: 50%;
    text-align: center;
    margin: 20px auto;
}

#redeem .step-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    flex-direction: column;
  }

  #redeem .arrow i {
	color: #b79e59;
    font-size: 54px;
    position: sticky;
    top: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(-90deg);
}

  #redeem .step a img {
    display: block;
    width: 90%;
    margin: 10% auto;
  }

  #redeem .arrow {
    position: relative;
  }
  #redeem .arro .arrow i {
    -webkit-transform: translateX(-10px) rotate(90deg);
            transform: translateX(-10px) rotate(90deg);
  }

  #redeem .redeem-btn {
	margin: 20px auto;
    display: block;
    justify-content: center;
  }

  #redeem .redeem-btn button {
    margin: 20px auto;
    padding: 4% 8%;
    width: 50%;
    justify-content: center;
    display: flex;
  }


#earn .article-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    margin: auto;
}

#earn .imgbox {
    border: 2px solid #5a4d2c;
    display: inline-block;
    width: 100%;
    opacity: .9;
    margin: 0 auto 4%;
}
}


@media (max-width: 425px){
h2.Atitle, h2.Dtitle {
    font-size: 32px;
    margin: 8% auto;
}


h2.msi-h2 {
    font-size: 16px;
}

#section-home button {
    width: 50%;
    width: 100%;
    margin: 10px auto;
}

.section_tab {
	max-width: 40%;
    margin: 26px auto 6%;
}

.section_tab-contents {
    position: relative;
    display: none;
    z-index: 0;
    padding-bottom: 0;
}

.sellbox__block {
    padding: 0;
    /* width: 80%; */
    max-width: 70%;
}

.swiper-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    max-width: 1600px;
}

.swiper-container .item-box {
    margin: 10px auto 30px;
}

.title-box p.title {
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.4;
}

#model {
    width: 90%;
    margin: 4% auto 0;
    justify-content: center;
}


#model .pd-wrapper .pd-box .img-box {
    width: 100%;
    text-align: right;
    color: #000;
    margin: 0 auto;
    justify-content: center;
    display: flex;
}

#model .prize-wrapper .prize-box .item .inner-top .filter-box .select-box {
    width: 80%;
}

#redeem .hStyle, #wtb .hStyle, #earn .hStyle {
    margin: 8% auto 4%;
    font-size: 32px;
}

#redeem .step {
    width: 65%;
    text-align: center;
    margin: 20px auto;
}

#redeem .step a img {
display: block;
width: 100%;
}

#redeem .arrow i {
transform: rotate(90deg);
}


#redeem .modal-body {
padding: 15px 20px;
}

#redeem .redeem-btn button {
margin: 20px auto;
padding: 4% 8%;
width: 100%;
}

#myBtn {
bottom: 10px;
right: 10px;
  }}