.desk_banner{
	margin-left:1%;
	width:90%;
	margin-top:-200px;
}

.pageheader{
	margin-top:200px;
	text-align:left;
}

.widgetdesktop{
}

.mypromo{
	height:300px;
	display:flex;
}

.mypromo .mypromoimg {
	width:33%;
	padding:30px 0px;
}

.mypromo .mypromoimg img{
	width:100%;
}

.mypromo .mypromodetail{
	padding:30px;
	width:67%;
	color: var(--bfont);
	font-size:15px;
}

.promotiontext{
	text-align: left;
    width: 100%;
    height: 90px;
    overflow: hidden;
    padding: 10px;
}

.promotiontitle{
	font-size:19px;
	font-weight:bold;
	font-family: sans-serif;
	color:var(--ttbartext);
}

.promotiondesc{
	font-size:16px;
	color:var(--ttbartext);
}



.gamelistcontain .gamelistbox4 img{
	width:100%;
	height:100%;
	-webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

figure button {
	
  top: 50%;
  left: 50%;
  position: absolute;
  background-color:var(--main);
  border: 2px solid var(--main);
  color: white;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 20px;
  text-transform: uppercase;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  -webkit-box-shadow: 0 0 10px #000000;
  box-shadow: 0 0 10px #000000;
  cursor:pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*box hover*/
  
.boxhov {
  display: block;
  position: relative;
  width:95%;
  height:100%;
  text-decoration: none;
  color: #000;
  overflow:hidden;
  
}


.boxhov:before {
  transition: all 0.3s;
  position: absolute;
  content: "";
  width: calc(100% - 6px);
  height: 0%;
  left: 50%;
  margin-left: -50%;
  top: 50%;
  border-color: var(--main);
  border-style: solid;
  border-width: 0 3px;
}
.boxhov:after {
  transition: all 0.3s;
  position: absolute;
  padding-bottom:-6px;
  content: "";
  width: 0%;
  height: calc(100% - 6px);
  left: 50%;
  top: 0;
  border-color: var(--main);
  border-style: solid;
  border-width: 3px 0;
}
.boxhov:hover {
  background-color:transparent;
}
.boxhov:hover img,
.boxhov:hover img{
  opacity:1;
  transform: scale(1.1);
}

.boxhov:hover:after {
  width:100%;
  margin-left: -50%;
  border-color: var(--main);
  z-index:2;
}
.boxhov:hover:before {
  height: calc(100% - 0px);
  top:0%;
  border-color: var(--main);
  z-index:2;
}


.boxhov:hover button,
.boxhov:hover button {
  opacity: 1;
 -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

/*box hover--end--*/


@media screen and (max-width: 1025px) {
/*picked promotion*/
.pickedpromotion{
}

.pickedpart{
	margin-left:15px;
	margin-right:15px;
	font-size:14px;
	color: var(--main);
	font-weight: bold;
}

.pickedcontent{
	margin-top:10px;
	padding:15px;
	width:100%;
	background-color:#EDEDED;
	border-radius:9px;
	display:flex;
}

.pickedleft{
	width:48%;
	margin-right:2%;
}

.pickedleft img{
	width:100%;
}

.pickedright{
	margin-left:2%;
	width:48%;
}

.pickedpromotitle{
	font-size:12px;
}

.pickedpromodisc{
	font-size:12px;
	color:var(--bfont);
	font-weight:normal;
}

.cancelpickedpromo{
	text-align:right;
	margin:10px;
}
/*picked promotion---end---*/
.pageheader{
	margin-top:60px;
	text-align:center;
	margin-left:0%;
}


.pageheader .toptitle{
	background: linear-gradient(to bottom, #FFFED0, #e8bf58, #A96A22);
	color:transparent;
  -webkit-background-clip: text;
  text-shadow:none;
  
	filter: drop-shadow(1px 1px 0px #333);
	font-size:40px;
	font-family: 'Noto Sans SC', sans-serif;
	letter-spacing: -2px;
}

.pageheader .btmtitle{
	background: linear-gradient(to bottom, #FFFED0, #e8bf58, #A96A22);
	color:transparent;
  text-shadow:none;
  -webkit-background-clip: text;
	filter: drop-shadow(1px 1px 0px #333);
	margin-top:-40px;
	font-size:50px;
	font-family: 'Herr Von Muellerhoff', cursive;
	
	letter-spacing: 1px;
}

.promotionimg img{
	width:90%;
}

.promotionimg .selected{
	position:absolute;
	top:10px;
	left:3px;
	padding:3px 5px;
	padding-left:15px;
	
	color:white;
	background-color:var(--main);
	font-size:10px;
}

.gamepromotionbox .promotiontext{
	border-radius:0px 0px 9px 9px;
	width:90%;
	margin-top:-8px;
	background-color: #000;
}

.promotiontext .promotiontitle{
	text-align:center;
	padding-bottom:0px;
	font-size:12px;
	color:var(--main);
	font-weight:bold;
	font-family: sans-serif;
}

.promotiontext .promotiondesc{
	font-size:12px;
	color:var(--bfont);
	height:auto;
}


}.desk_banner{
	margin-left:1%;
	width:90%;
	margin-top:-200px;
}

.pageheader{
	margin-top:200px;
	text-align:left;
}

.widgetdesktop{
}

.mypromo{
	height:300px;
	display:flex;
}

.mypromo .mypromoimg {
	width:33%;
	padding:30px 0px;
}

.mypromo .mypromoimg img{
	width:100%;
}

.mypromo .mypromodetail{
	padding:30px;
	width:67%;
	color: var(--bfont);
	font-size:15px;
}


.promotiontitle{
	font-size:19px;
	font-weight:bold;
	font-family: sans-serif;
	color:var(--ttbartext);
}

.promotiondesc{
	font-size:16px;
	color:var(--ttbartext);
}



.gamelistcontain .gamelistbox4{
	width: 80%;
    text-align: center;
    margin-bottom: 10px;
    max-width: 1200px;
    margin: 0 auto;
	animation-name: pop-in;
	animation-fill-mode: forwards;
}


.promo_sec_row{
	display: flex;
	align-items: stretch;
}
  .flex > div {
	display: flex;
	align-items: center; /* Centers content vertically inside each div */
  }

.gamelistcontain .gamelistbox4 img{
	width:100%;
	height:100%;
	-webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

figure button {
	
  top: 50%;
  left: 50%;
  position: absolute;
  background-color:var(--main);
  border: 2px solid var(--main);
  color: white;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 20px;
  text-transform: uppercase;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  -webkit-box-shadow: 0 0 10px #000000;
  box-shadow: 0 0 10px #000000;
  cursor:pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*box hover*/
  
.boxhov {
  display: block;
  position: relative;
  width:95%;
  height:100%;
  text-decoration: none;
  color: #000;
  overflow:hidden;
  
}


.boxhov:before {
  transition: all 0.3s;
  position: absolute;
  content: "";
  width: calc(100% - 6px);
  height: 0%;
  left: 50%;
  margin-left: -50%;
  top: 50%;
  border-color: var(--main);
  border-style: solid;
  border-width: 0 3px;
}
.boxhov:after {
  transition: all 0.3s;
  position: absolute;
  padding-bottom:-6px;
  content: "";
  width: 0%;
  height: calc(100% - 6px);
  left: 50%;
  top: 0;
  border-color: var(--main);
  border-style: solid;
  border-width: 3px 0;
}
.boxhov:hover {
  background-color:transparent;
}
.boxhov:hover img,
.boxhov:hover img{
  opacity:1;
  transform: scale(1.1);
}

.boxhov:hover:after {
  width:100%;
  margin-left: -50%;
  border-color: var(--main);
  z-index:2;
}
.boxhov:hover:before {
  height: calc(100% - 0px);
  top:0%;
  border-color: var(--main);
  z-index:2;
}


.boxhov:hover button,
.boxhov:hover button {
  opacity: 1;
 -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

/*box hover--end--*/


@media screen and (max-width: 1025px) {
/*picked promotion*/
.pickedpromotion{
}

.pickedpart{
	margin-left:15px;
	margin-right:15px;
	font-size:14px;
	color: var(--main);
	font-weight: bold;
}

.pickedcontent{
	margin-top:10px;
	padding:15px;
	width:100%;
	background-color:#EDEDED;
	border-radius:9px;
	display:flex;
}

.pickedleft{
	width:48%;
	margin-right:2%;
}

.pickedleft img{
	width:100%;
}

.pickedright{
	margin-left:2%;
	width:48%;
}

.pickedpromotitle{
	font-size:12px;
}

.pickedpromodisc{
	font-size:12px;
	color:var(--bfont);
	font-weight:normal;
}

.cancelpickedpromo{
	text-align:right;
	margin:10px;
}
/*picked promotion---end---*/
.pageheader{
	margin-top:60px;
	text-align:center;
	margin-left:0%;
}


.pageheader .toptitle{
	background: linear-gradient(to bottom, #FFFED0, #e8bf58, #A96A22);
	color:transparent;
  -webkit-background-clip: text;
  text-shadow:none;
  
	filter: drop-shadow(1px 1px 0px #333);
	font-size:40px;
	font-family: 'Noto Sans SC', sans-serif;
	letter-spacing: -2px;
}

.pageheader .btmtitle{
	background: linear-gradient(to bottom, #FFFED0, #e8bf58, #A96A22);
	color:transparent;
  text-shadow:none;
  -webkit-background-clip: text;
	filter: drop-shadow(1px 1px 0px #333);
	margin-top:-40px;
	font-size:50px;
	font-family: 'Herr Von Muellerhoff', cursive;
	
	letter-spacing: 1px;
}

.promotionimg img{
	width:90%;
}

.promotionimg .selected{
	position:absolute;
	top:10px;
	left:3px;
	padding:3px 5px;
	padding-left:15px;
	
	color:white;
	background-color:var(--main);
	font-size:10px;
}

.gamepromotionbox .promotiontext{
	border-radius:0px;
	width:90%;
	margin-top:-8px;
	background-color:#fff;
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
    height: auto;
	gap: 10px;
	flex-direction: column;
}

.promotiontext .promotiontitle{
	text-align:left;
	padding-bottom:0px;
	font-size:15px;
	color:black;
	font-weight:bold;
	font-family: sans-serif;
}

.promotiontext .promotiondesc{
	font-size:12px;
	color:var(--bfont);
	height:auto;
}


}