	
<style>
body, html {
    height: 100%;
	
}


#aLink{color:white;}

a{
 color: #000 !important;
 text-decoration: none !important;
}

em{
    color:green;
    font-style:normal;
}

.ddropCover{
	display: flex;
	column-gap: 30px;
}
	
.dshow .rap{
	width: 180px;
	line-height: 45px;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	
}
	
.rap{
  background: yellow;
  top:60px;
}

.dshow:hover .rap{
	top:30px;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
}
	
.detailSection{
	padding-top: 70px;
}
	
.detail p{
  margin-top: -50px;
}
.container-fluid h1{
	padding-top: 80px;
}

.row h1{
	font-size: 2vw;	
}


.col-sm-8{
    margin-top: 0px !important;
}
.col-sm-4{
    margin-top: 0px !important;
}

#h1{
     margin-top: -100px !important;
}

#hedin{
	font-size: 4vw;
	padding-top: 60px;
	font-weight:bold;
}
	
	
#date{
	color: green;
}

	
a{text-decoration: none; color:#000;}
	

img{width: 100%;}

#detailImg, #cutImg, #mImg{
  border-radius:12px ! important;
  width: 100%;
  height: 100% ! important;
  aspect-ratio: 16/9 ! important;
  object-fit: fill !important;
}

#mImg{
  width: 100%;
  height: 100% ! important;
  aspect-ratio: 16/9 ! important;
  object-fit: fill !important;
}


#hTd{width: 300px;}

#mTd{width: 300px;}
		
.prodDiv{
	margin-top:0px;
	align-content: center; 
	align-items: center;
}
	
.card{
    padding:0px ! important;
    margin-top:10px ! important;
  /*border:none ! important;*/
}


.fb-comments{
    width:100% ! important;
    max-height:420px ! important;
    overflow:scroll ! important;
}

.card-deck{
  margin-top:10px; 
  border-width:0px;
}
	
.card-body{
  border-style:none;

}

#dRow{

	 width: 100%;
	 margin: auto;
	 margin-top:50px; 
	 align-content: center; 
	 align-items: center;	
	 border-style: solid;
 	 border-width: 0.8px;
	 border-color: orangered;
	 box-shadow: 5px 0px 10px rgba(0,0,0, .2);
		
  }
	
	

#myPrice{
	font-size:10px; margin-top:0px;
}


	
.grid-containerD {
  display: grid;

  grid-template-columns: auto auto auto auto;
  gap: 20px;
  padding: 1px;
  height: auto;
}
.grid-itemD {
  
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 0px;
  font-size: 30px;
  color:white;
  text-align: center;
}

#share{margin-top: 0px;}
	
.fa-whatsapp{color: green;}
	
.fa-twitter{color:aqua;}

.fa-instagram{color: purple;}


.detailDiv{
    padding-top:10px; 
    padding-bottom:100px;
}

#moreNews{
    margin-top:-50px !important;
}



 .content{
	display: none !important;
 }

 #ch{
	display: none !important;
 }

 #ch:checked ~ .content{
	display: block !important;
	margin-top:20px ! important;
 }

#ch:checked ~ label{
	display: none !important;
 }


 label{
	display: inline-block !important;
	color: white !important;
	cursor: pointer !important;
	background: red !important;
	padding: 3px 13px !important;
	border-radius: 12px !important;
	margin-top: 0px !important;
	width: 50% !important;

 }	


#body::first-letter{
  font-size: 1.5rem;
  font-weight: bold;
  color: brown;
}

#body, #footnote{
  margin:5px ! important;
}

/*For Desktop View*/

@media screen and (min-device-width: 1025px){
    
marquee{
  font-size:1vw ! important;  
}

	
#mobile{display: none;}

.row{
  padding: 0 20px 0 20px;
}
	
.row h1{
    font-weight:bold;
	font-size: 1.5vw;	
}
	
.myRow{
  padding: 0 20px 0 20px;
}
	
.myrow h1{
	font-size: 1.5vw;	
}

.col-sm-4  h1, .col-sm-8 h1{
		padding: 0px;
}

.secondSection{
    padding-top: 0px;
}


#h1{
	font-size: 1.5vw !important;
	margin-top: 0px !important;
	font-weight:bold;
	color:#000;
}

#hedin{
	font-size: 1vw !important;
	font-weight:bold;
}
	
#date{
	font-size:1vw !important;
	color: green;
}

em{
	font-size:1vw !important;
}

#intro{font-size:1vw !important;}

#author{font-size:1vw !important;}

#footnote{
    margin-top:20px;
}

.detailDiv{
  margin-top:-20px ! important;  
}

#detailImg{
  width: 100% ! important;
  height:40% ! important;
  aspect-ratio: 16/9 ! important;
  object-fit: fill !important;
}
	
#dRow{margin-top: -145px;}
	
	
.prodDiv{
	margin-top:-240px;
	align-content: center; 
	align-items: center;
	}

	
#myPrice{
	margin-top:0px;
	font-size:1vw;
}	
	

.card-body{
  width:100%;
  max-height: 260px;
}
	
.card-title{
  margin-top:0px;
  font-size: 1vw;
}

.card-footer{
	margin-top:60px;
}	

.grid-containerD {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 20px;
  padding: 1px;
  height: 20px;
}

.grid-itemD {
  
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 0px;
  height: 60px;

  font-size: 30px;
  color:white;
  text-align: center;
}


.d-flex{
    width:100% ! important;
}

#oT{
  margin-left:11px ! important;  
}

.fa-facebook-square{
    color:blue ! important;
    font-size: 1.5vw !important;
    margin-left:10px ! important;
}

.fa-whatsapp{
    font-size: 1.5vw !important;
    color:green ! important;
    margin-left:20px ! important;
}
	
.fa-twitter{
    font-size: 1.5vw !important;
    margin-left:20px ! important;
}

.fa-instagram{
    font-size: 1.5vw !important;
    color:purple ! important;
    margin-left:20px ! important;
}

.fa-linkedin-square{
  font-size: 1.5vw !important;
  margin-left:20px ! important;
  margin-right:20px ! important;
 
}

.fb-comments-count{
    font-size: 1vw !important;
}

 label{
  width: 13% !important;

 }	


#ch:checked ~ .content{
  margin-top: -25px !important;
	display: block !important;
 }




}
	

	
/* For Tablet Landscape View */
@media only screen and (min-device-width: 641px)
and (max-device-width: 1024px) {
    
#mobile{
  display: block !important;
}


 marquee{
  font-size:1.1vw ! important;  
}

.secondSection{
    padding-top: 0px;
}


}
	
	


/* For Tablet Portrait View */
@media only screen and (min-device-width: 421px)
and (max-device-width: 640px) {


#mobile{
  display: block !important;
}


marquee{
  font-size:2.2vw ! important;  
}

.secondSection{
    padding-top: 0px;
}
	
	
}
	
	
	


@media screen and (max-width:420px){
	
#mobile{
  display: block !important;
}

marquee{
  font-size:3vw ! important;  
}

#desk, .col-sm-4{display: none;}

.detailSection, .firstSection{
  padding-top: 60px;
}

.secondSection{
    padding-top: 0px;
}

.secondDiv{
    width:95% ! important;
    margin:10px ! important;
}

#cutImg{
  width: 100%;
  height: 320px ! important;
  aspect-ratio: 16/9 !important;
  object-fit: cover !important;

}

#detailImg{
  width: 100%;
  max-height: 275px ! important;
  aspect-ratio: 5/7 !important;
  object-fit: fill !important;

}


 #mImg{
  width: 120px ! important;
  max-height: 80px ! important;
  aspect-ratio: 4/4 !important;
  object-fit: fill !important;

}



.laTest{
    font-size:6vw !important;
}

.taG{
 margin-top: -50px;	
}

.myFluid{
	margin-top: -50px;	
}


em{
   font-size:3vw;
}

h1{
 font-size:5vw ! important;
 margin-left:10px ! important;
 margin-top: -70px ! important;	
}


#refHed{
    font-size:3.5vw ! important;
}	
	
#shareBtn{
    width:80px ! important;
    font-size:3.4vw ! important;
}

#refBtn{
    margin-left:0px ! important;
}
	
.col-sm-4 h1, .col-sm-3  h1{
  padding: 0px;
}

#h1{
	font-size: 5vw !important;
	color: black;
}

#moreNews{
    margin-top:-10px !important;
}

#intro{
    font-size:3.5vw;
}

#date{
	font-size: 3.4vw !important;
	margin-top: 20px !important;
	color: green;
	margin-top: 0px !important;
}

#author{
	font-size: 3.5vw !important;
	margin-top: 20px !important;
	color: black;
	margin-top: 0px !important;
}


#body{
	font-size: 3.5vw !important;
	margin-top: -50px !important;
	
}


#footnote{
	font-size: 3.5vw !important;
	margin-top: -10px !important;
}


.detailDiv{
    padding-top:20px !important; 
    padding-bottom:100px;
}
	
.myGrid{
  display: grid;
  
}

.myGrid h1{
  font-size:2.8vw;
  
}
	
.grid-containerD {
  
  gap: 0px;
 
}

.mCad{
    margin-bottom:20px ! important;
}

.fb-comments{
    max-height:520px ! important;
    overflow:scroll ! important;
}


.d-flex{
    width:100% ! important;
}


.fb-like{
   width:100% ! important;
   margin-left:0px ! important;
   margin-bottom:20px ! important;
}

#shareP{
}

#oT{
  margin-left:11px ! important;  
}

.fa-facebook-square{
    color:blue ! important;
    font-size: 6vw !important;
    margin-left:0px ! important;
}

.fa-whatsapp{
    font-size: 6vw !important;
    color:green ! important;
    margin-left:-15px ! important;
}

.fa-twitter{
    font-size: 6vw !important;
    margin-left:-18px ! important;
}

.fa-instagram{	
    font-size: 6vw !important;
    color:purple ! important;
    margin-left:3px ! important;
}

.fa-linkedin-square{
  margin-left:2px ! important;
 
}

label{
  margin-top:0px ! important;
  width:50% ! important;
}

#ch:checked ~ .content{
    margin-top: 40px !important;
	display: block !important;
 }



}
	
	
	
	
