/* this style for index page use */
  @charset "UTF-8 ";
  @font-face {
		font-family: 'MyWebFont';
		src:  url('../fonts/NotoSerifTC-SemiBold.otf');
  }
  
  @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
/*  body{font-family:MyWebFont;font-size:1rem;} */
  body{font-family: '微軟正黑體', 'Noto Sans', '思源黑體 TW';}
  nav{background-color: #FFB74D;color:fff;width:100%;
  height:auto;font-size:1.2rem;box-shadow:3px 3px 12px gray;}
 
  .nav-item{font-weight: bold;}	 
  .dropdown-menu{z-index:999;line-height:35px;
		padding:8px;border:1px solid #aaaaaa;border-radius:0px;font-size:1.2rem;}
  
  .dropdown-menu > .nav-item{text-decoration:none;width:200px;}	
 
  /*ul > li:hover { color:#FFB74D; } 	 */
  a{cursor:pointer;}
a:hover{color: #FF8000;}
  .marketing{margin-top:10px;padding:0px;padding-left:10%;padding-right:10%;}
  .carousel-indicators{float:right;} 
  .bd-placeholder-img {
        font-size: 1.125rem;  text-anchor: middle;
        -webkit-user-select: none;  -moz-user-select: none;
        -ms-user-select: none;  user-select: none;
   }	
   .carousel-indicators {border:0px solid red;float:right;}
   .carousel-indicators li {
		width:12px!important;
		height:12px!important;
		margin-right:8px!important;
		margin-left:8px!important;
		border-radius:50%!important;  
		background-color:transparent; !important;
		box-shadow:0 0 0 .2rem rgba(0,0,0,1);border:1px; !important;
		box-shadow:0 0 0 .1rem rgba(1,1,1,1);border:0.5px; !important;
		color:white; 
	} 
	.carousel-indicators button {
		border-radius: 50%;
		width:  10px;
		height: 15px;
		padding: 2px;
		position: relative;
		margin: 0 35px;
		background-color: transparent;
		opacity: 1;
	} 
	.carousel-indicators [data-bs-target] {
		box-sizing: content-box;
		flex: 0 1 auto;
		width: 10px;
		height: 10px;
		padding: 0;
		margin-right: 10px;
		margin-left: 10px;
		text-indent: -999px;
		cursor: pointer;
		background-color: #fff; /*transparent; */
		background-clip: padding-box;
		border: 1;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		opacity: 1; /* 0.7; */
		transition: opacity .6s ease;
		border-radius: 50%;
	}  
	.carousel-indicators [data-bs-target]:after {
		border-radius: 50%;
		padding: 2px;
		border: 2px solid #fff;
		position: absolute;
		content: "";
		top: -7px;
		left: -7px;
		bottom: -7px;
		right: -7px; opacity: 0.7;
	
	}
	.carousel-indicators [data-bs-target].active {
		background-color: 	#272727; 
		border-radius:50%;  
		padding: 0px;
		background-clip: padding-box;
	}
	
	/* =================== */
	a {cursor:pointer;}
	/*ul li{cursor:pointer;}*/
	.carousel div img{
		object-position: left top;
		width: 100%;height: 100%;object-fit: cover;
	}	
	form input[type='search']{border-radius:7px;} 
	form button{border-radius:7px;}
	
  .imgcircus{border-radius:50% !important;}
  /* add from homepage */
  .logo {width:60%;}
  .logo img{width:auto;} 
  .iconimg{
		opacity: 1.0; 				 
		filter: alpha(opacity=100);  
	} 
  .iconimg:hover{
		opacity: 0.5;  
		filter: alpha(opacity=100); 
   } 
  .hidden-text {
	    font-size:1em;
		overflow: hidden;
		text-align:justify;
		word-break: break-all;
		text-overflow: ellipsis;
		line-height:2.5rem;
		white-space: wrap;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;		
		margin-bottom: 10px;
	}  
    /* for slider title font-size:3em;*/
	.inner {
		position:relative;margin:0 auto; margin-top:400px; width: 80%; height:100%;bottom:50px;left:0;
		color:#000;text-align:center; 
		background-color: rgba(255,255,255,0.6);  
		filter: alpha(opacity=100);box-sizing: border-box;
	} 
	#SLIDER {/*position:relative;margin:0 auto;width: 100%; border:0px solid red;*/}
	#SLIDER img{height:100%/*76rem 1200px*/;object-fit: cover;object-position: center;} 
	#indicators{top:974px;line-height:30px;border:0px solid red;height:50px;} 
    .carousel-item{border:0px solid blue;top:0px;padding:0px;height:1024px;}
	.carousel-caption{border:0px solid red;top:-1024px;z-index:999;} 
	
	#SEARCH {padding: 0.5rem;}

	#SCIENCE {border:0px solid red;margin:0 auto; margin-top:20px;margin-bottom:20px;height:auto;
			  background-color:#fff;}  
	#SCIENCE .divheight{height:auto;}
	#SCIENCE .graphy{height:auto;/*padding:25%;*/} 		  
    #SCIENCE img{width:100%;} 
    #SCIENCE .title {font-size:1.5rem;font-weight:bold;z-index:10}
	
 
    #CONT1TEXT {margin-top:5%;text-align:left;} 
    #CONT1TEXT .title {font-size:2.25rem;line-height: 3rem; font-weight:bold;} 
	#CONT1TEXT .hidden-text {font-size:1.25rem;font-weight:normal;padding: 0.5rem 0;}
    #CONT2TEXT {margin-top:5%;text-align:left;}  
    #CONT2TEXT .title {font-size:2.25rem;line-height: 3rem; font-weight:bold;} 
    #CONT2TEXT .hidden-text {font-size:1.25rem;font-weight:normal;padding: 0.5rem 0;}	
    #CONT3TEXT {margin-top:5%;text-align:left;}  
    #CONT3TEXT .title {font-size:2.25rem;line-height: 3rem; font-weight:bold;} 
	#CONT3TEXT .hidden-text {font-size:1.25rem;font-weight:normal;padding: 0.5rem 0;}
    #CONT4TEXT {margin-top:5%;text-align:left;}  
    #CONT4TEXT .title {font-size:2.25rem;line-height: 3rem; font-weight:bold;} 
	#CONT4TEXT .hidden-text {font-size:1.25rem;font-weight:normal;padding: 0.5rem 0;}
    #CONT5TEXT {margin-top:5%;text-align:left;}  
    #CONT5TEXT .title {font-size:2.25rem;line-height: 3rem; font-weight:bold;} 
	#CONT5TEXT .hidden-text {font-size:1.25rem;font-weight:normal;padding: 0.5rem 0;}
    #CONT6TEXT {margin-top:5%;text-align:left;}  
    #CONT6TEXT .title {font-size:2.25rem;line-height: 3rem; font-weight:bold;} 
	#CONT6TEXT .hidden-text {font-size:1.25rem;font-weight:normal;padding: 0.5rem 0;}	
    #CONT7TEXT {margin-top:5%;text-align:left;}  
    #CONT7TEXT .title {font-size:2.25rem;line-height: 3rem; font-weight:bold;} 
	#CONT7TEXT .hidden-text {font-size:1.25rem;font-weight:normal;padding: 0.5rem 0;}	
    #CONT8TEXT {margin-top:5%;text-align:left;}  
    #CONT8TEXT .title {font-size:2.25rem;line-height: 3rem; font-weight:bold;}    
    #CONT8TEXT .hidden-text {font-size:1.25rem;font-weight:normal;padding: 0.5rem 0;}	
    
    a{cursor:pointer;}
    #EQREPORT .title{text-align:left;font-size:2.25rem;line-height: 3rem;font-weight:bold;}  
    #EQREPORT .hidden-text{
		-webkit-line-clamp: 8;
		text-align:left;
		font-size:1.25rem;
		font-weight:normal;
    }
    #mapid{ height: 550px;z-index:1;}
	#mapid a:link{color:black;}  
	#mapid a:hover{color:black;}
	#mapid a:visited {color:black;}
	#mapid a:active {color:black;} 
    #scale0 {
		position:relative !important;
		width: 50px;
	    height:100px; 
		left:40px;
		top:-275px;
		border: 0px red solid;
		z-index:999; 
	}  
 
	#scale0 img {width:50%;	} 
	/*#EQREPORT > #scale0 img {width:50%;} */
	/*#fb{width:3%;height:3%;border:0px solid #000000;}*/
	
	#SUBSTRIB {background-color:#4682B4;height:380px;padding:50px;}
	#SUBSTRIB .title{color:#fff;font-size:1rem;}
	#SUBSTRIB input[type="text"]{font-color:#000;}	
	#SUBSTRIB span{color:#000;width:15%}
	#SUBSTRIB label{color:#fff;}
	#SUBSTRIB div img{width:20%;} 
	
	#SPONSOR {margin:0 auto; height:auto;background-color:#DDDDDD;padding:30px;}
	#SPONSOR img{text-align:center;width:30%;}
	#SITEMAP {margin-top:2%;padding-left:10%;padding-right:10%;padding-top:20px;background-color:#DDD;height:auto;color:#000;line-height:1.5rem;}
	#SITEMAP ul .maptitle{text-align:left;font-size:1.3rem;font-weight:bold;color:#000;line-height: 1.5rem;}
	#SITEMAP li .mapsubtitle{font-weight:normal;font-size:1.1rem;}
	#SITEMAP li { list-style-type: none; margin-bottom: 1rem;} 
	footer {margin:0 auto;margin-top:0px;background-color:#DDD;height:auto;color:#000;}
	footer div {padding-left:10.5%;padding-right:10.5%;border:0px solid red;font-size:1.1rem;}
	footer div img {width:30%;text-align:left;}
	footer .title{font-size:1.3rem; font-weight: bold !important; line-height: 1.5rem; margin: 1.5rem 0 !important; text-align: left !important;}
	footer dl li {text-align:left;list-style-type: none;}
	 
	#gotop {
		position:fixed;
		z-index:90;
		right:20px;
		bottom:31px;
		display:none;
		width:50px;
		height:50px;
		color:#fff;
		background: #FFB74D;
		border-radius:50%;
		line-height:50px;
		/*border-radius:50%; */
		transition:all 0.5s;
		text-align: center;
		
		/*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); */
	}
	#gotop :hover{color: #EF6C00;/*	background:#0099CC;	*/}
	/* ==================== */
	/* mobile screen size   */
	@media only screen and (max-width: 320px){ 
		/* body{font-size:14px;} */
	    .logo {width:70%;}
		.logo img{width:100%;} 
		.hidden-text {
			font-size:0.9em; overflow: hidden;text-align:justify;
			word-break: break-all; text-overflow: ellipsis;
			line-height:35px; white-space: wrap;
			display: -webkit-box; -webkit-box-orient: vertical;
			-webkit-line-clamp: 5; margin-bottom: 10px;
		}  
		.marketing{margin-top:10px;padding:0px;} 
		
		/* for slider 320px*/
.inner {
position: relative; margin: 0 auto; margin-top: 150px; width: 80%; height: 100%; bottom: 50px; left: 0; color: #000; text-align: center; background-color: rgba(255,255,255,0.6); filter: alpha(opacity=100); box-sizing: border-box;
}
#SLIDER {border: 0px solid red;}
#SLIDER img {height: 100%; object-fit: cover; object-position: center;} 
#indicators {top: 526px; line-height: 30px;} 
.carousel-item {top: 0px; padding: 0px; height: 576px;}
.carousel-caption {top: -576px; z-index: 999;} 
		
		#SEARCH {padding: 0.5rem 0;}
		
		#SCIENCE {margin:0 auto; margin-top:5px;height:auto;background-color:#fff;}  			
		#SCIENCE div{/*border:1px solid red;*/} 
		#SCIENCE .divheight{height:250px;} 
		#SCIENCE .graphy{height:auto;/*border:1px solid red;margin-bottom:20px;*/}  
		#SCIENCE .graphy > img{width:100%;} 
		#SCIENCE .title {font-size:1em;font-weight:bold;margin-top:10px;}
	
		#CONT1 {margin-top:5%;/*border:1px solid red*/;padding:0px;padding:30px;} 
		#CONT2 {margin-top:5%;/*border:1px solid red*/;padding:0px;padding:30px;} 
		#CONT3 {margin-top:5%;/*border:1px solid red*/;padding:0px;padding:30px;} 
		#CONT4 {margin-top:5%;/*border:1px solid red*/;padding:0px;padding:30px;} 
		#CONT5 {margin-top:5%;/*border:1px solid red*/;padding:0px;padding:30px;} 
		#CONT6 {margin-top:5%;/*border:1px solid red*/;padding:0px;padding:30px;} 
		#CONT7 {margin-top:5%;/*border:1px solid red*/;padding:0px;padding:30px;} 
		#CONT8 {margin-top:5%;/*border:1px solid red*/;padding:0px;padding:30px;} 
		#CONT1TEXT {margin-top:5%;text-align:left;} 
		#CONT1TEXT .title {/*font-family:'MyWebFont';*/font-size:1.5rem;font-weight:bold;} 
		#CONT1TEXT .hidden-text {font-size:0.8em;line-height:30px;}		
		#CONT2TEXT {margin-top:5%;text-align:left;} 
		#CONT2TEXT .title {/*font-family:'MyWebFont';*/font-size:1.5rem;font-weight:bold;} 
		#CONT2TEXT .hidden-text {font-size:0.8em;line-height:30px;}			
		#CONT3TEXT {margin-top:5%;text-align:left;} 
		#CONT3TEXT .title {/*font-family:'MyWebFont';*/font-size:1.5rem;font-weight:bold;} 
		#CONT3TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT4TEXT {margin-top:5%;text-align:left;} 
		#CONT4TEXT .title {/*font-family:'MyWebFont';*/font-size:1.5rem;font-weight:bold;} 
		#CONT4TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT5TEXT {margin-top:5%;text-align:left;} 
		#CONT5TEXT .title {/*font-family:'MyWebFont';*/font-size:1.5rem;font-weight:bold;} 
		#CONT5TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT6TEXT {margin-top:5%;text-align:left;} 
		#CONT6TEXT .title {/*font-family:'MyWebFont';*/font-size:1.5rem;font-weight:bold;} 
		#CONT6TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT7TEXT {margin-top:5%;text-align:left;} 
		#CONT7TEXT .title {/*font-family:'MyWebFont';*/font-size:1.5rem;font-weight:bold;} 
		#CONT7TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT8TEXT {margin-top:5%;text-align:left;} 
		#CONT8TEXT .title {/*font-family:'MyWebFont';*/font-size:1.5rem;font-weight:bold;}    
		#CONT8TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		
		#EQREPORT {position:relative;text-align:center;padding:5px;}  
		a{cursor:pointer;}
		#EQREPORT .title{font-size:1.5rem;}  
		#EQREPORT .hidden-text{
		  -webkit-line-clamp: 8;font-size:0.8em;line-height:30px;		 
		}
		 
		#mapid{text-align:center; width:auto;height: 500px;z-index:1;margin: 5% auto;}
		#EQREPORT > #scale0 { 
			position:absolute;
			width: 30px;
			height:auto;
			top:360px;
			left:28px;
			border:0px solid blue;
			z-index:999; 
		}  
 
		#scale0 img {width:70%;}  
		/*#fb{width:3%;height:3%;border:0px solid #000000 }*/
		#SUBSTRIB {background-color:#4682B4;height:380px;padding:50px;}
		#SUBSTRIB .title{color:#fff;font-size:1rem;}
		#SUBSTRIB input[type="text"]{font-color:#000;}	
		#SUBSTRIB span{color:#000;width:15%}
		#SUBSTRIB label{color:#fff;}
		#SUBSTRIB div img{width:20%;} 
		
		#SPONSOR {margin:0 auto; height:auto;background-color:#DDDDDD;padding:30px;}
		#SPONSOR img{text-align:center;width:30%;}
	
		#SITEMAP {display:none;}
		footer {margin:0 auto;margin-top:5%;background-color:#DDD;height:auto;color:#000;}
		footer div {padding-left:10px;padding-right:10px;border:0px solid red;font-size:1.1rem;}
		footer div img {width:60%;text-align:left;}
		footer .title{font-size:1.3rem; font-weight: bold; line-height: 1.5rem; margin: 1rem 0 !important;}
		footer dl li {text-align:left;list-style-type: none;}
   }
	 
   @media only screen and (max-width: 375px) and (min-width: 321px){
	    .logo {width:70%;}
		.logo img{width:100%;} 
		.hidden-text {
			font-size:0.9em;
			overflow: hidden;
			text-align:justify;
			word-break: break-all;
			text-overflow: ellipsis;
			line-height:35px;
			white-space: wrap;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 5;		
			margin-bottom: 10px;
		}  
	    .marketing{margin-top:10px;padding:0px;} /*padding-left:2%;padding-right:2%;} */
	   
	   /* for slider 320px*/
.inner {
position: relative; margin: 0 auto; margin-top: 150px; width: 80%; height: 100%; bottom: 50px; left: 0; color: #000; text-align: center; background-color: rgba(255,255,255,0.6); filter: alpha(opacity=100); box-sizing: border-box;
}
#SLIDER {border: 0px solid red;}
#SLIDER img {height: 100%; object-fit: cover; object-position: center;} 
#indicators {top: 526px; line-height: 30px;} 
.carousel-item {top: 0px; padding: 0px; height: 576px;}
.carousel-caption {top: -576px; z-index: 999;} 
	   
	   #SEARCH {padding: 0.5rem 0;}
	   
		#SCIENCE {margin:0 auto; margin-top:5px;height:auto;background-color:#fff;}  			
		#SCIENCE div{border:0px solid red;} 
		#SCIENCE .divheight{height:250px;} 
		#SCIENCE .graphy{height:auto;/*border:0px solid red;margin-bottom:20px;*/}  
		#SCIENCE .graphy > img{width:100%;} 
		#SCIENCE .title {font-size:1em;font-weight:bold;margin-top:10px;}
	 
		/* 8s subject */
		#CONT1 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT2 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT3 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT4 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT5 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT6 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT7 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT8 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT1TEXT {margin-top:5%;text-align:left;} 
		#CONT1TEXT .title {font-size:1.5rem;font-weight:bold;} 
		#CONT1TEXT .hidden-text {font-size:0.8em;line-height:30px;}		
		#CONT2TEXT {margin-top:5%;text-align:left;} 
		#CONT2TEXT .title {font-size:1.5rem;font-weight:bold;} 
		#CONT2TEXT .hidden-text {font-size:0.8em;line-height:30px;}			
		#CONT3TEXT {margin-top:5%;text-align:left;} 
		#CONT3TEXT .title {font-size:1.5rem;font-weight:bold;} 
		#CONT3TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT4TEXT {margin-top:5%;text-align:left;} 
		#CONT4TEXT .title {font-size:1.5rem;font-weight:bold;} 
		#CONT4TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT5TEXT {margin-top:5%;text-align:left;} 
		#CONT5TEXT .title {font-size:1.5rem;font-weight:bold;} 
		#CONT5TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT6TEXT {margin-top:5%;text-align:left;} 
		#CONT6TEXT .title {font-size:1.5rem;font-weight:bold;} 
		#CONT6TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT7TEXT {margin-top:5%;text-align:left;} 
		#CONT7TEXT .title {font-size:1.5rem;font-weight:bold;} 
		#CONT7TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT8TEXT {margin-top:5%;text-align:left;} 
		#CONT8TEXT .title {font-size:1.5rem;font-weight:bold;}    
		#CONT8TEXT .hidden-text {font-size:0.8em;line-height:30px;}			 
		
		#EQREPORT {position:relative;text-align:center;padding:15px;}  
		a{cursor:pointer;}
		#EQREPORT .title{font-size:1.5rem;}  
		#EQREPORT .hidden-text{
			-webkit-line-clamp: 8;font-size:0.8em;line-height:30px;		 
		}
	 
		#mapid{width:330px; height: 500px;z-index:1}
		#EQREPORT > #scale0 {
			position:absolute;    		 			
			width: 30px;
			height:auto; 
			top:400px;
			left:30px;
			border:0px solid blue ;
			z-index:999; 
		}  
 
		#scale0 img {width:60%;	} 
		
		/*#fb{width:3%;height:3%;border:0px solid #000000;}*/
		
		#SUBSTRIB {background-color:#4682B4;height:380px;padding:50px;}
		#SUBSTRIB .title{color:#fff;font-size:1rem;}
		#SUBSTRIB input[type="text"]{font-color:#000;}	
		#SUBSTRIB span{color:#000;width:15%}
		#SUBSTRIB label{color:#fff;}
		#SUBSTRIB div img{width:20%;} 
		
		#SPONSOR {margin:0 auto; height:auto;background-color:#DDDDDD;padding:20px;}
		#SPONSOR img{text-align:center;width:30%;}
		/*
		#SITEMAP {margin-top:5%;padding:15px;background-color:#DDD;height:auto;color:#000;line-height:20px;}		
		#SITEMAP ul .maptitle{text-align:left;font-size:1em;font-weight:bold;color:#000;}
		#SITEMAP li .mapsubtitle{font-weight:normal;font-size:0.7em;}
		#SITEMAP li { list-style-type: none;} */
		#SITEMAP {display:none;}
		footer {margin:0 auto;margin-top:5%;padding:20px;background-color:#DDD;height:auto;color:#444444;}   
		footer div img {width:80%;text-align:left;}
		footer .title{font-size:1.3rem; font-weight: bold; line-height: 1.5rem; margin: 1rem 0 !important;}
		footer dl li {text-align:left;list-style-type: none;font-size:1.1rem;}
   }
 /*  @media screen and (max-width: 425px){ 
	    .logo {padding-left:5px;width:100%;}
		.logo img{width:100%;} 
		.hidden-text {
			font-size:0.9em;
			overflow: hidden;
			text-align:justify;
			word-break: break-all;
			text-overflow: ellipsis;
			line-height:35px;
			white-space: wrap;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 5;		
			margin-bottom: 10px;
		}  
	    .marketing{margin-top:10px;padding:0px;}  
		#SCIENCE {margin:0 auto; margin-top:5px;height:auto;background-color:#fff;}  			
		#SCIENCE div{border:1px solid red;} 
		#SCIENCE .divheight{height:250px;} 
		#SCIENCE .graphy{height:100px;border:1px solid red;margin-bottom:20px;}  
		#SCIENCE .graphy > img{width:50%;} 
		#SCIENCE .title {font-family:'MyWebFont';font-size:1em;font-weight:bold;margin-top:10px;}
		 
		#CONT1 {margin-top:5%;border:1px solid red;padding:0px;padding:30px;} 
		#CONT2 {margin-top:5%;border:1px solid red;padding:0px;padding:30px;} 
		#CONT3 {margin-top:5%;border:1px solid red;padding:0px;padding:30px;} 
		#CONT4 {margin-top:5%;border:1px solid red;padding:0px;padding:30px;} 
		#CONT5 {margin-top:5%;border:1px solid red;padding:0px;padding:30px;} 
		#CONT6 {margin-top:5%;border:1px solid red;padding:0px;padding:30px;} 
		#CONT7 {margin-top:5%;border:1px solid red;padding:0px;padding:30px;} 
		#CONT8 {margin-top:5%;border:1px solid red;padding:0px;padding:30px;} 
		#CONT1TEXT {margin-top:5%;text-align:left;} 
		#CONT1TEXT .title {font-family:'MyWebFont';font-size:1.0em;font-weight:bold;} 
		#CONT1TEXT .hidden-text {font-size:0.8em;line-height:30px;}		
		#CONT2TEXT {margin-top:5%;text-align:left;} 
		#CONT2TEXT .title {font-family:'MyWebFont';font-size:1.0em;font-weight:bold;} 
		#CONT2TEXT .hidden-text {font-size:0.8em;line-height:30px;}			
		#CONT3TEXT {margin-top:5%;text-align:left;} 
		#CONT3TEXT .title {font-family:'MyWebFont';font-size:1.0em;font-weight:bold;} 
		#CONT3TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT4TEXT {margin-top:5%;text-align:left;} 
		#CONT4TEXT .title {font-family:'MyWebFont';font-size:1.0em;font-weight:bold;} 
		#CONT4TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT5TEXT {margin-top:5%;text-align:left;} 
		#CONT5TEXT .title {font-family:'MyWebFont';font-size:1.0em;font-weight:bold;} 
		#CONT5TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT6TEXT {margin-top:5%;text-align:left;} 
		#CONT6TEXT .title {font-family:'MyWebFont';font-size:1.0em;font-weight:bold;} 
		#CONT6TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT7TEXT {margin-top:5%;text-align:left;} 
		#CONT7TEXT .title {font-family:'MyWebFont';font-size:1.0em;font-weight:bold;} 
		#CONT7TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT8TEXT {margin-top:5%;text-align:left;} 
		#CONT8TEXT .title {font-family:'MyWebFont';font-size:1.0em;font-weight:bold;}    
		#CONT8TEXT .hidden-text {font-size:0.8em;line-height:30px;}			 
		
		#EQREPORT {text-align:center;}  
		a{cursor:pointer;}
		#EQREPORT .title{font-size:2em;}  
		#EQREPORT .hidden-text{
			-webkit-line-clamp: 8;font-size:0.8em;line-height:30px;		 
		}
		#EQREPORT > #scale img {width:50%;} 
		#mapid{ height: 550px;z-index:1}
		#mapid > #scale {
			position:absolute;    		 			
			width: 50px;
			height:100px; 
			top:20%;
			left:20px;
			border:0px red solid;
			z-index:999; 
		} 
		
		#fb{width:3%;height:3%;border:0px solid #000000;}
		
		#SUBSTRIB {background-color:#4682B4;height:380px;padding:50px;}
		#SUBSTRIB .title{color:#fff;font-size:1rem;}
		#SUBSTRIB input[type="text"]{font-color:#000;}	
		#SUBSTRIB span{color:#000;width:15%}
		#SUBSTRIB label{color:#fff;}
		#SUBSTRIB div img{width:20%;} 
		
		#SPONSOR {margin:0 auto; height:auto;background-color:#DDDDDD;padding:20px;}
		#SPONSOR img{text-align:center;width:30%;}
	  #SITEMAP {display:none;}
	} */
   @media only screen and (max-width: 667px) and (min-width: 376px){
	    .logo {width: 70%;}
		.logo img{width:100%;} 
		.hidden-text {
			font-size:0.9em;
			overflow: hidden;
			text-align:justify;
			word-break: break-all;
			text-overflow: ellipsis;
			line-height:35px;
			white-space: wrap;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 5;		
			margin-bottom: 10px;
		}  
	    .marketing{margin-top:10px;padding:0px;} /*padding-left:2%;padding-right:2%;} */
	   
	   
	   #SEARCH {padding: 0.5rem 0;}
	   
	   
		#SCIENCE {margin:0 auto; margin-top:5px;height:auto;background-color:#fff;}  			
		#SCIENCE div{border:0px solid red;} 
		#SCIENCE .divheight{height:250px;} 
		#SCIENCE .graphy{height:auto;/*border:0px solid red;margin-bottom:20px;*/}  
		#SCIENCE .graphy > img{width:100%;} 
		#SCIENCE .title {font-family:'MyWebFont';font-size:1em;font-weight:bold;bottom:10px;}
	 
		/* 8s subject */
		#CONT1 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT2 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT3 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT4 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT5 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT6 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT7 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT8 {margin-top:5%;padding:0px;padding:30px;} 
		#CONT1TEXT {margin-top:5%;text-align:left;} 
		#CONT1TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT1TEXT .hidden-text {font-size:0.8em;line-height:30px;}		
		#CONT2TEXT {margin-top:5%;text-align:left;} 
		#CONT2TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT2TEXT .hidden-text {font-size:0.8em;line-height:30px;}			
		#CONT3TEXT {margin-top:5%;text-align:left;} 
		#CONT3TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT3TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT4TEXT {margin-top:5%;text-align:left;} 
		#CONT4TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT4TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT5TEXT {margin-top:5%;text-align:left;} 
		#CONT5TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT5TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT6TEXT {margin-top:5%;text-align:left;} 
		#CONT6TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT6TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT7TEXT {margin-top:5%;text-align:left;} 
		#CONT7TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT7TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT8TEXT {margin-top:5%;text-align:left;} 
		#CONT8TEXT .title {font-size:1.0em;font-weight:bold;}    
		#CONT8TEXT .hidden-text {font-size:0.8em;line-height:30px;}			 
		
		#EQREPORT {position:relative;text-align:center;padding:15px;}  
		a{cursor:pointer;}
		#EQREPORT .title{font-size:1.5rem;}  
		#EQREPORT .hidden-text{
			-webkit-line-clamp: 8;font-size:0.8em;line-height:30px;		 
		}
	 
		#mapid{width:330px; height: 500px;z-index:1}
		#EQREPORT > #scale0 {
			position:absolute;    		 			
			width: 30px;
			height:auto; 
			top:400px;
			left:30px;
			border:0px solid blue ;
			z-index:999; 
		}  
 
		#scale0 img {width:60%;	} 
		
		/*#fb{width:3%;height:3%;border:0px solid #000000;}*/
		
		#SUBSTRIB {background-color:#4682B4;height:380px;padding:50px;}
		#SUBSTRIB .title{color:#fff;font-size:1rem;}
		#SUBSTRIB input[type="text"]{font-color:#000;}	
		#SUBSTRIB span{color:#000;width:15%}
		#SUBSTRIB label{color:#fff;}
		#SUBSTRIB div img{width:20%;} 
		
		#SPONSOR {margin:0 auto; height:auto;background-color:#DDDDDD;padding:20px;}
		#SPONSOR img{text-align:center;width:30%;}
		/*
		#SITEMAP {margin-top:5%;padding:15px;background-color:#DDD;height:auto;color:#000;line-height:20px;}		
		#SITEMAP ul .maptitle{text-align:left;font-size:1em;font-weight:bold;color:#000;}
		#SITEMAP li .mapsubtitle{font-weight:normal;font-size:0.7em;}
		#SITEMAP li { list-style-type: none;} */
		#SITEMAP {display:none;}
		footer {margin:0 auto;margin-top:5%;padding:20px;background-color:#DDD;height:auto;color:#444444;}   
		footer div img {width:80%;text-align:left;}
		footer .title{font-size:1.3rem;font-weight: bold; line-height: 1.5rem; margin: 1rem 0 !important;}
		footer dl li {text-align:left;list-style-type: none;font-size:1.1rem;}
   }
   @media only screen and (max-width: 768px) and (min-width: 668px) {
	  /* body{font-size:14px;} */
	    .logo {padding-left:5px;width:auto;}
		.logo img{width:100%;} 
		.hidden-text {
			font-size:0.9em; overflow: hidden;text-align:justify;
			word-break: break-all; text-overflow: ellipsis;
			line-height:35px; white-space: wrap;
			display: -webkit-box; -webkit-box-orient: vertical;
			-webkit-line-clamp: 5;	margin-bottom: 10px;
		}
	   
	   #SEARCH {padding: 0.5rem 0;}
	   
		#SCIENCE .divheight{height:250px;}
	    #SCIENCE {border:0px solid red;margin:0 auto; margin-top:20px;height:auto;
				  background-color:#fff;padding:10px;} 
		#SCIENCE .title {font-size:1em;font-weight:bold;}
		#SCIENCE .graphy{height:auto;} 
		#SCIENCE .graphy img{width:100%;} 
		#CONT1 {margin-top:5%;border:0px solid red;padding:20px;} 
		#CONT2 {margin-top:5%;border:0px solid red;padding:20px;} 
		#CONT3 {margin-top:5%;border:0px solid red;padding:20px;} 
		#CONT4 {margin-top:5%;border:0px solid red;padding:20px;} 
		#CONT5 {margin-top:5%;border:0px solid red;padding:20px;} 
		#CONT6 {margin-top:5%;border:0px solid red;padding:20px;} 
		#CONT7 {margin-top:5%;border:0px solid red;padding:20px;} 
		#CONT8 {margin-top:5%;border:0px solid red;padding:20px;} 
		#CONT1TEXT {margin-top:5%;text-align:left;} 
		#CONT1TEXT .title {font-size:0.8em;font-weight:bold;} 
		#CONT1TEXT .hidden-text {font-size:0.6em;line-height:25px;}
		#CONT2TEXT {margin-top:5%;text-align:left;} 
		#CONT2TEXT .title {font-size:1.0rem;font-weight:bold;} 
		#CONT2TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT3TEXT {margin-top:5%;text-align:left;} 
		#CONT3TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT3TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT4TEXT {margin-top:5%;text-align:left;} 
		#CONT4TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT4TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT5TEXT {margin-top:5%;text-align:left;} 
		#CONT5TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT5TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT6TEXT {margin-top:5%;text-align:left;} 
		#CONT6TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT6TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT7TEXT {margin-top:5%;text-align:left;} 
		#CONT7TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT7TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT8TEXT {margin-top:5%;text-align:left;} 
		#CONT8TEXT .title {font-size:1.0em;font-weight:bold;}    
		#CONT8TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		
		#EQREPORT {text-align:center;border:0px solid red;}  
		a{cursor:pointer;}
		#EQREPORT .title{font-size:1.0em;}  
		#EQREPORT .hidden-text{
			-webkit-line-clamp: 8;font-size:0.8em;line-height:30px;		 
		}
		#EQREPORT > #scale img {width:50%;} 
		#mapid{ height: 550px;z-index:1}
		#mapid > #scale {
			position:absolute;    		 			
			width: 50px;
			height:100px; 
			top:20%;
			left:5%;
			border:0px red solid;
			z-index:999; 
		} 
		
		/*#fb{width:3%;height:3%;border:0px solid #000000;}*/
		
		#SUBSTRIB {background-color:#4682B4;height:380px;padding:50px;}
		#SUBSTRIB .title{color:#fff;font-size:1rem;}
		#SUBSTRIB input[type="text"]{font-color:#000;}	
		#SUBSTRIB span{color:#000;width:15%}
		#SUBSTRIB label{color:#fff;}
		#SUBSTRIB div img{width:20%;} 
		
		#SPONSOR {margin:0 auto; height:auto;background-color:#DDDDDD;padding:30px;}
		#SPONSOR img{text-align:center;width:30%;}
	/*	#SITEMAP {margin-top:5%;padding:10px;background-color:#DDD;height:auto;color:#000;line-height:10px;}
		#SITEMAP div{border:0px solid red;}
		#SITEMAP ul .maptitle{text-align:left;font-size:1em;font-weight:bold;color:#000;}
		#SITEMAP li .mapsubtitle{font-weight:normal;font-size:0.7em;}
		#SITEMAP li { list-style-type: none;} */
		#SITEMAP {display:none;}
		footer {/*margin:0 auto;*/margin-top:5%;background-color:#DDD;height:auto;color:#000;}
		footer div {padding-left:10px;padding-right:10px;border:0px solid red;font-size:1.1rem;}
		footer div img {width:60%;text-align:left;}
		footer .title{font-size:1.3rem;font-weight: bold; line-height: 1.5rem; margin: 1rem 0 !important;}
		footer dl li {text-align:left;list-style-type: none;} 
	}	 
   @media only screen and (max-width: 1024px) and (min-width: 769px) {
	   
		.logo {padding-left:5px;width:auto;}
		.logo img{width:100%;} 
		.hidden-text {
			font-size:0.6em;
			overflow: hidden;
			text-align:justify;
			word-break: break-all;
			text-overflow: ellipsis;
			line-height:35px;
			white-space: wrap;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 5;		
			margin-bottom: 10px;
		}  
	   
	   
	   #SEARCH {padding: 0.5rem 0;}
	   
	   
		#SCIENCE .divheight{height:250px;}
	    #SCIENCE {border:0px solid red;margin:0 auto; margin-top:20px;height:auto;
				  background-color:#fff;padding:10px;} 
		#SCIENCE .title {font-size:1em;font-weight:bold;}
		#SCIENCE .graphy{height:auto;} 
		#SCIENCE .graphy img{width:100%;} 
		
		#CONT1TEXT {margin-top:5%;text-align:left;}  
		#CONT1TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT1TEXT .hidden-text {font-size:0.8em;}
		#CONT2TEXT {margin-top:5%;text-align:left;}  
		#CONT2TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT2TEXT .hidden-text {font-size:0.8em;}	
		#CONT3TEXT {margin-top:5%;text-align:left;}  
		#CONT3TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT3TEXT .hidden-text {font-size:0.8em;}
		#CONT4TEXT {margin-top:5%;text-align:left;}  
		#CONT4TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT4TEXT .hidden-text {font-size:0.8em;}
		#CONT5TEXT {margin-top:5%;text-align:left;}  
		#CONT5TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT5TEXT .hidden-text {font-size:0.8em;}
		#CONT6TEXT {margin-top:5%;text-align:left;}  
		#CONT6TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT6TEXT .hidden-text {font-size:0.8em;}	
		#CONT7TEXT {margin-top:5%;text-align:left;}  
		#CONT7TEXT .title {font-size:1.0em;font-weight:bold;} 
		#CONT7TEXT .hidden-text {font-size:0.8em;}	
		#CONT8TEXT {margin-top:5%;text-align:left;}  
		#CONT8TEXT .title {font-size:1.0em;font-weight:bold;}    
		#CONT8TEXT .hidden-text {font-size:0.8em;}	
		
		#EQREPORT {position:relative;text-align:center;}  
		a{cursor:pointer;}
		#EQREPORT .title{font-size:2.5rem;}  
		#EQREPORT .hidden-text{
		-webkit-line-clamp: 8;		 
		}
		#mapid{ height: 550px;z-index:1}
		#EQREPORT > #scale0 {
			position:absolute;    		 			
			width: 30px;
			height:auto; 
			top:-265px;
			left:40px;
			border:0px solid blue ;
			z-index:999; 
		}  
 
		#scale0 img {width:80%;	} 
		/*#fb{width:3%;height:3%;border:0px solid #000000;}*/
		a {cursor:pointer;}
		/*ul li{cursor:pointer;}*/
		.carousel div img{
			object-position: left top;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		#SCIENCE {margin:0 auto; margin-top:20px;height:auto;background-color:#fff;padding:30px;}  
		#SCIENCE .title {font-size:0.7em;font-weight:bold;}
		#SCIENCE .graphy{height:auto;} 
		#SCIENCE img{width:100%;}
		#SUBSTRIB {background-color:#4682B4;height:380px;padding:50px;}
		#SUBSTRIB .title{color:#fff;font-size:1rem;}
		#SUBSTRIB input[type="text"]{font-color:#000;}	
		#SUBSTRIB span{color:#000;width:15%}
		#SUBSTRIB label{color:#fff;}
		#SUBSTRIB div img{width:20%;} 
		
		#SPONSOR {margin:0 auto; height:auto;background-color:#DDDDDD;padding:30px;}
		#SPONSOR img{text-align:center;width:30%;}
		 
		#SITEMAP {display:none;}
		footer {background-color:#DDD;height:auto;color:#444444;} 
		footer {margin-top:5%;padding:50px;}
		footer div {border:0px solid red;font-size:1.1rem;} 
		footer div img {width:45%;text-align:left;}
		footer .title{font-size:1.3rem;font-weight: bold; line-height: 1.5rem; margin: 1rem 0 !important;}
		footer dl li {text-align:left;list-style-type: none;}
	}
   @media only screen and (max-width: 1440px) and (min-width: 1025px) {
	    .logo {padding-left:5px;width:auto;}
		.logo img{width:80%;} 
		.hidden-text {
			font-size:0.9em;
			overflow: hidden;
			text-align:justify;
			word-break: break-all;
			text-overflow: ellipsis;
			line-height:35px;
			white-space: wrap;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 5;		
			margin-bottom: 10px;
		}  
	    #SCIENCE {margin:0 auto; margin-top:20px;height:auto;background-color:#fff;padding:30px;}  
		#SCIENCE .title {font-size:1em;font-weight:bold;}
		#SCIENCE .graphy{height:auto;}
		#SCIENCE img{width:100%;} 
		#CONT1TEXT {margin-top:5%;text-align:left;}  
		#CONT1TEXT .title {font-size:2rem;line-height: 3rem; font-weight:bold;} 
		#CONT1TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT2TEXT {margin-top:5%;text-align:left;}  
		#CONT2TEXT .title {font-size:2rem;line-height: 3rem; font-weight:bold;} 
		#CONT2TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT3TEXT {margin-top:5%;text-align:left;}  
		#CONT3TEXT .title {font-size:2rem;line-height: 3rem; font-weight:bold;} 
		#CONT3TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT4TEXT {margin-top:5%;text-align:left;}  
		#CONT4TEXT .title {font-size:2rem;line-height: 3rem; font-weight:bold;} 
		#CONT4TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT5TEXT {margin-top:5%;text-align:left;}  
		#CONT5TEXT .title {font-size:2rem;line-height: 3rem; font-weight:bold;} 
		#CONT5TEXT .hidden-text {font-size:0.8em;line-height:30px;}
		#CONT6TEXT {margin-top:5%;text-align:left;}  
		#CONT6TEXT .title {font-size:2rem;line-height: 3rem; font-weight:bold;} 
		#CONT6TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT7TEXT {margin-top:5%;text-align:left;}  
		#CONT7TEXT .title {font-size:2rem;line-height: 3rem; font-weight:bold;} 
		#CONT7TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		#CONT8TEXT {margin-top:5%;text-align:left;}  
		#CONT8TEXT .title {font-size:2rem;line-height: 3rem; font-weight:bold;}    
		#CONT8TEXT .hidden-text {font-size:0.8em;line-height:30px;}	
		
		#EQREPORT {text-align:center;}  
		a{cursor:pointer;}
		#EQREPORT .title{font-size:2.5rem;}  
		#EQREPORT .hidden-text{
			-webkit-line-clamp: 8;font-size:1.25rem;line-height:2.5rem;		 
		}
		#EQREPORT > #scale img {width:50%;} 
		#mapid{ height: 550px;z-index:1}
		#mapid > #scale {
			position:absolute;    		 			
			width: 50px;
			height:100px; 
			top:20%;
			left:5%;
			border:0px red solid;
			z-index:999; 
		} 
		
		/*#fb{width:3%;height:3%;border:0px solid #000000;}*/
		
		#SUBSTRIB {background-color:#4682B4;height:380px;padding:50px;}
		#SUBSTRIB .title{color:#fff;font-size:1rem;}
		#SUBSTRIB input[type="text"]{font-color:#000;}	
		#SUBSTRIB span{color:#000;width:15%}
		#SUBSTRIB label{color:#fff;}
		#SUBSTRIB div img{width:20%;} 
		
		#SPONSOR {margin:0 auto; height:auto;background-color:#DDDDDD;padding:30px;}
		#SPONSOR img{text-align:center;width:30%;}
		#SITEMAP {margin-top:5%;padding:50px;background-color:#DDD;height:auto;color:#000;line-height:30px;}
		/*#SITEMAP p { padding-top:2%;height:2px;}  */
		#SITEMAP ul .maptitle{text-align:left;font-size:1.3rem;font-weight:bold;color:#000;line-height: 1.5rem;}
		#SITEMAP li .mapsubtitle{font-weight:normal;font-size:1.1rem !important;}
		#SITEMAP li { list-style-type: none;margin-bottom: 1rem;} 
		footer {margin:0 auto;margin-top:0px;padding:50px;background-color:#DDD;height:auto;color:#444444;}   
		footer div img {width:45%;text-align:left;}
		footer .title{font-size:1.3rem; font-weight: bold; line-height: 1.5rem; margin: 1rem 0 !important;}
		footer dl li {text-align:left;list-style-type: none;font-size:1.1rem;}
	}
@media only screen and (max-width: 2560px) and (min-width: 1441px) {
	    .logo {padding:0 5px;width:auto;}
		.logo img{width:95%;} 
}