#myPage{			
	font-family: 'Raleway', sans-serif, "FangSong", "仿宋", "KaiTi", "楷体", serif;
}

h1,h2,h3,h4,h5,h6 {		
	font-family: 'Bree Serif', "FangSong", "仿宋", serif;		
}

#myPage, html {
  height: 100%;
  font-size: 1.05em;
  letter-spacing: 0.9px;
  color: #222;
  line-height: 1.8;
}

#myNavbar a:link, #navDemo a:link{
	font-family: 'Bree Serif', serif;
	font-size: 1.125em;
	letter-spacing: normal;	
}

@media screen and (max-width: 992px) {
  #myNavbar a:link {	
    font-size: 0.9em;    
  }
  #myNavbar.homelogo a:link{
	 background-image: url("/2019/images/PandoraBoxlogo.png");
	}
}

#home{
	font-family: 'Roboto', sans-serif;	
}

#comname{
  font-family:'Monotype Corsiva','Monotype_Corsiva', 'Apple Chancery','ITC Zapf Chancery','URW Chancery L',cursive;
  font-weight: 600;
  font-size: 4vw;
  letter-spacing: 0.02em;
}

@font-face {
  font-family: 'Monotype Corsiva';
  src: url('path/to/monotype-corsiva.woff2') format('woff2'),
       url('path/to/monotype-corsiva.woff') format('woff');  
}


#specialize{
	font-size: 1.2vw;
}

a:link, a:visited {
	font-family: 'Roboto', sans-serif;
	color: #777;
	text-decoration: none;	
}	
a:hover, a:active {
	font-style: italic;
	border:none;
}

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

button.w3-button:visited, button.w3-button:active {
	text-decoration:none !important;
}

@media only screen and (max-width: 600px) {	
	.w3-padding{
		padding-left: 4px !important;
		padding-right: 4px !important;
	}
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* First image (About) */
.bgimg-1 {
  background-image: url('/2019/images/background01.jpg');
  min-height: 400px;   
}

/* Second image (Services) */
.bgimg-2 {
  background-image: url("/2019/images/background02.jpg");
  min-height: 400px;
}

/* Third image (Products) */
.bgimg-3 {
  background-image: url("/2019/images/background03.jpg");
  min-height: 400px;
}

/* Fourth image (Specifications) */
.bgimg-4 {
  background-image: url("/2019/images/background04.jpg");
  min-height: 400px;
}

/* Fifth image (Contact) */
.bgimg-5 {
  background-image: url("/2019/images/background05.jpg");
  min-height: 400px;
}


.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
    background-attachment: scroll;
    min-height: 400px;
  }
}

.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide;	
    animation-duration: 1s;	
    -webkit-animation-duration: 1s;
    visibility: visible;			
}
 @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }

/* Intro */
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {width:10px; height:10px; padding:0}
.arrow{
	opacity:10%;
	padding-bottom: 150px;
}
.arrow:hover{opacity: 100%;}

/* Home */
.extra-padding{
	padding: 60px;
}
@media only screen and (max-width: 600px) {
	.extra-padding{
		padding: 10px;
	}
	.w3-padding{
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}


/* Product */
.hidden-content {
  display: none;  
}

.my-border{
	text-shadow:
	rgb(0, 0, 0) 2px 0px 0px,
	rgb(0, 0, 0) 1.75517px 0.958851px 0px,
	rgb(0, 0, 0) 1.0806px 1.68294px 0px, 
	rgb(0, 0, 0) 0.141474px 1.99499px 0px, 
	rgb(0, 0, 0) -0.832294px 1.81859px 0px, 
	rgb(0, 0, 0) -1.60229px 1.19694px 0px, 
	rgb(0, 0, 0) -1.97998px 0.28224px 0px, 
	rgb(0, 0, 0) -1.87291px -0.701566px 0px, 
	rgb(0, 0, 0) -1.30729px -1.5136px 0px, 
	rgb(0, 0, 0) -0.421592px -1.95506px 0px, 
	rgb(0, 0, 0) 0.567324px -1.91785px 0px, 
	rgb(0, 0, 0) 1.41734px -1.41108px 0px, 
	rgb(0, 0, 0) 1.92034px -0.558831px 0px;
}

#modal01{
	z-index:1;
}

@media screen and (max-width: 600px){
	#productImg img{
		width: 50% !important;
		margin: auto;
		display: inline-block;
	}
}


/* Specification */
@media screen and (max-width: 600px) {
	#specifications h3 {	
		font-size: 5vw;    
	}  
}

.or{
	color: #fff;
	font-size: 1.1em;
	text-shadow: 
	rgb(123, 18, 68) 1px 0px 0px, 
	rgb(123, 18, 68) 0.540302px 0.841471px 0px, 
	rgb(123, 18, 68) -0.416147px 0.909297px 0px, 
	rgb(123, 18, 68) -0.989992px 0.14112px 0px, 
	rgb(123, 18, 68) -0.653644px -0.756802px 0px, 
	rgb(123, 18, 68) 0.283662px -0.958924px 0px, 
	rgb(123, 18, 68) 0.96017px -0.279415px 0px;
}


/* Contact */
 .antispam{
  	  display: none;
  }


@media (min-width: 601px) {
    #down {display:none}
    #right {display:inline-block}
}

@media (max-width: 600px) {
    #down {display:inline-block}
    #right {display:none}
}