@charset "utf-8";
/* CSS Document */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grecaptcha-badge { 
    bottom:25px !important; 
}

body
{
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #F5F5F5;
}

.MainContent
{
	max-width:1100px;
	padding:10px;
	margin:auto;
}

.TabCenter {
  margin-left: auto;
  margin-right: auto;
}

.FirstParagraph
{
	background-color:#000;
	color:#FFF;
	background-image:url(https://dreamclub.nz/img/nz_girls_background_dcnz.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
}

.FirstParagraph a:link {
	color:#FFF;
	font-weight:bold;
}
.FirstParagraph a:visited {
	color:#F5F5F5;
	font-weight:bold;
}
.FirstParagrapha:hover {
	color:Red;
	font-weight:bold;
}
.FirstParagrapha:active {
	color:#FFF;
	font-weight:bold;
}

.InsideContent
{
	padding:30px;
	max-width:800px;
	margin:auto;
	font-size:16px;
	content-visibility: auto;
}

.ServCheck
{
	padding: 2px;
	display: inline-block;
	margin: 2px;
	background-color: #39F;
	color:#FFF;
	font-weight:bold;
	border-radius: 5px;
	border: 1px solid #CCC;
}

.ServUncheckI
{
	padding:2px;
	display:inline-block;
	margin:2px;
	background-color:#E2F1E3;
	border-radius:5px;
	border: 1px solid #CCC;
}

.ServUncheckX
{
	padding: 2px;
	display: inline-block;
	margin: 2px;
	background-color: #DCEEF5;
	border-radius: 5px;
	border: 1px solid #CCC;
}


/* MODAL WINDOW ALERT */
/* The Modal (background) */
.modal {
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 75px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #000000;
  margin: auto;
  padding: 10px;
  border: 1px solid #FFF;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  /*float: right;*/
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* MODAL WINDOW ALERT */



/* MENU SLIDER */
.slider {
  /* line them up horizontally */
  display: flex;

  /* allow for scrolling */
  overflow-x: auto;

  /* make it smooth on iOS */
  -webkit-overflow-scrolling: touch;
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: mandatory;
}
.slider > div {
  /* make sure the width is honored */
  flex-shrink: 0;
  text-align: center;
  background: #F00;
  margin-right: 4px;
  border-radius: 5px;
  padding:2px;
}


/* en menu slider */



img { border: 0; }

.DTag
{
	display:inline-block;
	border-radius:5px;
	padding:5px;
	background-color:#F39;
	color:#FFF;
	margin:5px;
}

.DTag:hover
{
	background-color: #F69;
}

.SxDElement
{
	text-align:left;
	color: #666;
	width: 200px;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	height:150px;
}

.botonOption
{
	background-color: #CCC;
	border-radius: 5px;
	padding: 5px;
	color: #000;
	text-align: center;
	font-weight: bold;
	margin: auto;
	border: 1px solid #999;
	font-size: 12px;
	transition: background-color 0.3s ease;
}

.botonOption a:link {
	text-decoration: none;
	color:#000;
}
.botonOption a:visited {
	text-decoration: none;
	color:#000;
}
.botonOption a:hover {
	text-decoration: none;
	color:#000;
}
.botonOption a:active {
	text-decoration: none;
	color:#000;
}

.botonOption:hover
{
	background-color:#39F;
	color:#FFF;
}

.BotonOPT
{
}

.BotonOPT:hover
{
	background-color:#696;
	color:#FFF;
}

.stats
{
	color: #666;
	font-weight:normal;
	font-size:11px;
}

.stats td, th {
	border: 1px solid #333;
}

.stats table {
    border-collapse: collapse;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.ButtonIni
{
	background-color:#F00;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	padding:5px;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:130px;
	margin:auto;
}


.Button55
{
	padding:5px;
	border-radius:10px;
	text-align:center;
	margin:auto;
    color:#FFF; 
}

.Button55:hover
{
	box-shadow: inset 0 0 0 5px #53a7ea;
}

.ButtonIni a:link {
	color: #FFF;
	text-decoration: none;
}
.ButtonIni a:visited {
	text-decoration: none;
	color: #FFF;
}
.ButtonIni a:hover {
	text-decoration: none;
	color: #FFF;
}
.ButtonIni a:active {
	text-decoration: none;
	color: #FFF;
}

.RibonNewAd
{
	position: absolute;
	transform: rotate(45deg);
	left: 115px;
	top: 15px;
	text-align: center;
	width: 120px;
	color: #FFF;
	padding: 3px;
	font-weight: bold;
	z-index:99;
	background: rgb(120,0,0);
	background: linear-gradient(0deg, rgba(120,0,0,1) 0%, rgba(208,0,0,1) 53%, rgba(255,0,0,1) 100%);
}

.TContent
{
	padding:5px;
	font-size:10px;
	font-weight:bold;
	text-align:left;
}

.BLocation
{
	display:inline-block;
	padding:5px;
	margin:3px;
	font-weight:bold;
	border-radius:5px;
}

.BLocation:hover
{
	background-color:#F00;
	color:#FFF;
}

.ContainerC
{
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
	padding-left:25px;
}

.Ad200
{
	width:200px;
	margin:5px;
	display:inline-block;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	border: 1px solid #CCC;
	overflow:hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.BannerDiv
{
	width: 600px;
	margin:auto;
}

.Header55
{
	background-color: #000;
	color: #FFF;
	padding:3px;
}

.Header55 a:link {
	color: #FFF;
	text-decoration: none;
}
.Header55 a:visited {
	text-decoration: none;
	color: #FFF;
}
.Header55 a:hover {
	text-decoration: none;
	color: #FFF;
}
.Header55 a:active {
	text-decoration: none;
	color: #FFF;
}

.AdDetail
{
	width: 400px;
	margin: auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
/*	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	border: 1px solid #CCC;
*/
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #FFF;
	color:#363636;
}

.AdDetail img
{
	overflow:hidden;
/*	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
}

.ExHeader
{
	background-color:#000;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:10px;
}

.Beta
{
	font-size:10px;
}

.PhotoArea
{
	position:relative;
	height:150px;
}

.PhotoMark
{
	position: absolute;
	top: -5px;
	left: 8px;
	z-index: 100;
}

.PhotoMark2
{
	text-align:left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width:100%;
	/*height:100%;*/
}

.BlackList
{
	border: 2px solid #000;
	padding:10px;
	margin:5px;
}

.RedDate
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	width:100%;
	background: linear-gradient(0deg, rgba(120,0,0,1) 0%, rgba(208,0,0,1) 53%, rgba(255,0,0,1) 100%);
	color:#FFF;
	text-align:center;"
}

.AD_back
{
	margin: 5px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	max-width: 90%;
	border: 1px solid #CCC;
}

.AdDiv2
{
	width: 200px;
	height:400px;
	display: inline-block;
	margin: 10px;
	overflow: hidden;
	vertical-align: top;
	/*border: 2px solid #D7B740;*/
	background-color:#FFF;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}


.AdDiv2 img
{
	display:block;
	object-fit:cover;
}

.AdDiv2:hover
{
	border: 2px solid #F09;
}

.hr3 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.topMarks
{
	width:80px;
	height:150px;
	opacity:0.70;
	font-size:10px;
	color:#FFF;
	text-align:center;
	position:absolute;
	top:0px; left:0px;
}

.MarkNewAd
{
	background-color:#00ABFF;
	border-radius:5px;
	padding:3px;
	margin:2px;
	font-weight:bold;
}

.MarkWorkingNow
{
	background-color:#000000;
	border-radius:5px;
	padding:3px;
	margin:2px;
	font-weight:bold;
}

.LAdName
{
	padding:3px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color:#666;
}

.LAdInfo
{
	padding:5px;
	font-size:11px;
	text-align:center;
	color:#666;
}

.AdDiv
{
	width: 200px;
	height:390px;
	display: inline-block;
	margin: 10px;
	border-radius:10px;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	border: 2px solid #CCC;
}

.AdDiv img
{
	display:block;
	object-fit:cover;
}

.AdDiv:hover
{
	border: 2px solid #F09;
}

.AD
{
	display: inline-block;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	/*background-image: url(../img/back02.jpg);*/
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	width: 300px;
	margin: 10px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #7F7F7F;
	vertical-align: top;
}


.ADHidden
{
	display: inline-block;
	font-size: 14px;
	color:#FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	background-image: url(../img/backAd.jpg);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	width:300px; margin:10px;
	text-align:center; padding:10px;
	background-color:#F5F5F5;
	border: 1px solid #333;
	vertical-align:top;
	opacity: .75;
}

.ADHidden:hover
{
	opacity:1;
	color:#333;
}

.AD:hover
{
	border: 1px solid #900;
}

.ADName
{
	color: #900;
	font-weight: bold;
}

.ADAge
{
	font-weight: bold;
	color: #F60;
}

.ADOrange
{
	width:200px;
	height:350px;
	border-radius:10px;
	margin:10px;
	display:inline-block;
	background-color:#333;
	overflow:hidden;
	color:#FFF;
}

.ADOrange:hover
{
	background-color:#000;
}


.ADNew
{
	color:#FFF;
	margin: 5px;
	width: 45%;
	display: inline-block;
	font-size: 14px;
	background-color: #CCC;
	border: 1px solid #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	background-image: url(../img/backAdRed.jpg);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

.ADNew .ADName
{
	color: #FFF;
}

.ADNew .ADAge
{
	color: #FFF;
}

.ADNew a:link {
	color: #FFF;
	text-decoration: none;
}
.ADNew a:visited {
	text-decoration: none;
	color: #FFF;
}
.ADNew a:hover {
	text-decoration: none;
	color: #FFF;
}
.ADNew a:active {
	text-decoration: none;
	color: #FFF;
}


.AdDate
{
	background-color:#333;
	color:#FFF;
}

.Container
{
	max-width:95%;
	margin:auto;
}

.DivPrices
{
	width: 100%;
	margin: auto;
	display: inline-block;
	background-color: #333;
	color: #FFF;
	padding:10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}

.DivPrices:hover
{
	background-color:#666;
}

.Field
{
	font-size: 14px;
	color: #900;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	background-color: #FFF;
}

.Avatar
{
	width: 200px;
	margin: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

.Avatar2
{
	width: 200px;
	margin: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	border: 3px solid #FFF;
}

.AvatarIni
{
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
	overflow:hidden;
}

.Avatar img
{
	display:block;
}

.Avatar2 img
{
	display:block;
}

.ModelName
{
	font-size: 36px;
	font-weight: bolder;
	text-align: center;
	color: #333;
	padding: 10px;
}

.ModelAge
{
	font-size: 36px;
	text-align: center;
	color: #999;
	padding: 10px;
	font-weight: bold;
}

.ModelCenter
{
	text-align:center;
}

.ModelBar
{
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}

.Footer
{
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	padding:5px;
}

.RecImg
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.RecImg img
{
	display:block;
}

.AdV
{
	width: 200px;
	display: inline-block;
	background-color: #FFF;
	margin: 10px;
	border: 1px none #CCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	vertical-align: top;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

.AdV:hover
{
	-webkit-box-shadow: 1px 1px 10px 0px rgba(215, 40, 40, 0.9);
	-moz-box-shadow: 1px 1px 10px 0px rgba(215, 40, 40, 0.9);
	box-shadow: 1px 1px 10px 0px rgba(215, 40, 40, 0.9);
	border: 1px solid #F00;
}

.AdV a:link {
	color: #FFF;
	text-decoration: none;
}
.AdV a:visited {
	text-decoration: none;
	color: #FFF;
}
.AdV a:hover {
	text-decoration: none;
	color: #FFF;
}
.AdV a:active {
	text-decoration: none;
	color: #FFF;
}

.AdVBack
{
	color: #FFF;
}

.AdVImg
{
   
}

.AdVName
{
	padding: 5px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}



/* INI SEARCH BAR */
.clear{
	clear:both;
}

#tag-search {
	display:none;
}

.search-icon{
	cursor:pointer;
	float:right;
}

.search-box{
	position:relative;
	background-color:#EEE;
	padding:10px;
	clear:both;
	transform: scale(0);
	transform-origin: 100% 0%;
	display:none;
}

.search-box i{
	position:absolute;
	font-size:18px;
	vertical-align:middle;
	padding:5px;
}

.search-box input[type="text"]
{
	width: 100%;
	height: 25px;
	font-size: 24px;
	background-color: #EEE;
	box-sizing: border-box;
	border: 1px solid #666;
}

.search-box input:focus{
	outline:none;
}

#tag-search:checked + div.search-box {
	display:block;
 animation: trans-in 1s ease;
 animation-fill-mode: forwards;
}

@keyframes trans-in {
 from {transform: scaleY(0);}
 to {transform: scaleY(1);}
}
/* END SEARCH BAR */










/* INI HAMBURGER MENU */

#menuToggle
{
  display: block;
  position: fixed;
  top: 15px;
  left: 15px;
  
  z-index: 1000;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
  font-weight:bold;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  /*background: #cdcdcd;*/
  background: #F00;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 5px 0;
  font-size: 16px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

/* END HAMBURGER MENU */



/* ------------------------------------ Menu ------------------------------------ */
.contNav {
  height: 60px;
  background-color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  text-align:center;
}

.contNav .logo {
  max-width: 250px;
  padding: 0 10px;
  overflow: hidden;
}

.contNav .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
}

.contNav .logo a img {
  max-width: 100%;
  max-height: 60px;
}

.contNav .navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
}

.contNav .navbar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.contNav .navbar ul li a {
  text-decoration: none;
  color: #999999;
  font-size: 14px;
  /*text-transform: uppercase;*/
  display: block;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  padding: 0 10px;
}

.contNav .navbar ul li a:hover {
  color: #999999;
  background-color: #F5F5F5;
}

.contNav .navbar ul .close {
  display: none;
  text-align: right;
  padding: 10px;
}

.contNav .navbar ul .close span {
  font-size: 40px;
  display: inline-block;
  border: 1px solid #cccccc;
  padding: 0 10px;
  cursor: pointer;
}

.contNav .navbar .icon-bar {
  padding: 18px 8px;
  width: 50px;
  height: 60px;
  display: none;
  -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;
  cursor: pointer;
}

.contNav .navbar .icon-bar i {
  background-color: #FF0004;
  height: 2px;
}

@media only screen and (max-width: 2950px) {
  .contNav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .contNav .logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .contNav .navbar {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }

  .contNav .navbar ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: fixed;
    left: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffffff;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s;
  }

  .contNav .navbar ul li a {
    padding: 10px;
    font-size: 16px;
    height: auto;
    line-height: normal;
    color: #555555;
  }

  .contNav .navbar ul .close {
    display: block;
  }

  .contNav .navbar .icon-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .contNav .navbar ._Menus-show {
    left: 0;
  }
}

/* ------------------------------------ Menu ------------------------------------ */




@media only screen and (max-width: 800px)
{
	.BannerDiv
	{
		width: 90%;
	}
	.Content
	{
     	width:95%;
	}

	.Container
	{
     	width:95%;
	}
	
	.AD
	{
		font-size:18px;
		width:90%;
		display:block;
		margin:10px auto;
	}

	.ADHidden
	{
		font-size:18px;
		width:90%;
		display:block;
		margin:10px auto;
	}

	.ADNew
	{
		font-size:18px;
		width:100%;
		display:block;
	}

	.AdDetail
	{
		width:100%;
	}
	.Ad200
	{
		width:150px;
	}
	.AdV
    {
	width: 45%;
	margin:5px;
    }
	/*
	.AdDiv
    {
	width: 45%;
	margin:5px;
    }
*/
	.AdDiv
    {
	width: 47%;
	margin:3px;
    }
	
	.AdDiv2
    {
	width: 47%;
	margin:3px;
    }

	.ADOrange
	{
	width: 45%;
	margin:5px;
	}
    .RibonNewAd
    {
	left: 75px;
	top: 12px;
    }
}


@media only screen and (max-width: 500px)
{
	.AdDiv
    {
	width: 47%;
	margin:3px;
    }
	
	.AdDiv2
    {
	width: 47%;
	margin:2px;
    }

}

@view-transition{
	navigation: auto;
}

::view-transition-group(root)
{
	animation-duration:0.5s;
}