/* Default CSS - updated 20180304 */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

img { 
	display: block; /* display an element like a block that is like p */
	border: 0px solid black;
    width: 100%;
}

    body {
      color:#000000;
	  font-size: 80%;
      background-color:#FFFFFF;
      background-image:url('Background Image');
      background-repeat:no-repeat;
	  margin-top: 0px; /* space zero on top */
      
      font-family: 'Noto Sans TC', 'Roboto', sans-serif;     
      text-shadow:#999 0.01em 0.01em 0.01em !important;
      webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always;
    }

    a  { color:#2AAAFF; }
    a:visited { color:#2AAAFF; }
    a:hover { color:#0000FF; }
    a:active { color:#0000FF; }
    /* Don't underline links */
    a:link {text-decoration: none;}
    a:visited {text-decoration: none;}
	h1, h2, h3, h4, h5 {
	font-size: 160%;
	margin-top: 0em;
	margin-bottom: 0em;
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
      text-shadow:#999 0.01em 0.01em 0.01em !important;
      webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always;
	 }
	 
	p {
	font-size: 120%;
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
      text-shadow:#999 0.01em 0.01em 0.01em !important;
      webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always;
    font-weight: 100;
    width:85%;
	 }

	.keywords {
	font-size: 10%;
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
	color: #ffffff;
	margin-bottom: 3em;
	 }

	li {
	font-size: 120%;
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
    list-style-type: disc;
	margin: 0;
    padding: 0;
	 }
	 
	 hr {
	 margin-top: 1em;
	 border-top: 1px dashed #8c8b8b;   
     width:88%;
     margin-left: 0px;
	 }
	/* https://codepen.io/ibrahimjabbari/pen/ozinB */



.firstheadermargin {
width:1em;
border:none;
 }     

/* debug border */    
.tmpborderdebug {
border:solid;
border-color:red;
border-width:1px;
 }


/* MOBILE navigation */ 
 .topnav {
  overflow: hidden;
  background-color: #018CE6;
font-family: 'Roboto', sans-serif;
}

.topnav a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
  font-size: 100%;
}

.topnav a:hover {
  background-color: #ffffff;
  color: #018CE6;
}

.topnav .icon {
  display: none;
}
/* MOBILE navigation ends */
	
	
 
/* MOBILE VERSION */
@media only screen and (max-width: 600px)  {

.container {
width:100%;
max-width:738px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
}

/* removing desktop headers*/
.header_image_row_one, .header_image_row_two  {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
 }

.header_image_row_one_mobile {
width: 100%;
max-width: 738px;
 }

.header_image_row_two_mobile {
width: 100%;
max-width: 738px;
 }
 
.header_image_one_mobile, .header_image_two_mobile, .footerdeco_image {
width: 100%;
 }

.footerdeco {
width: 100%;
max-width: 738px;
float:left;
 } 

.footerdecoimg {
width: 100%;
max-width: 738px;
} 
 
.buttons {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
} 
 
.page_button {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
 }

.page_content {
width:85%;
max-width:738px;
float:left;
margin-left:4%;
 } 

.page_content_title {
width: 120%;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px; 
}
    
.page_content_title_main {
width: 76.4%;
float:left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0%;
   border-left: 0px;
   border-right: 0px;
 }
 
.page_content_title_lang {
width: 23.6%;
float:left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0%;
   border-left: 0px;
   border-right: 0px;
 }  
 
.page_content_subtitle {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
 } 
 
.page_content_subtitlem {
width: 100%;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
 }  
 
.page_content_subtitle_hide {
width: 100%;
 } 
  
.rightcolumn {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;

}

.rightcolumn_ad {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
 }
 
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  
.con_tact {
width: 55%;
 } 
  
 
}
/* MOBILE VERSION ENDS*/ 






/* LOWRES VERSION */
@media only screen   
  and (min-width: 601px) 
  and (max-width: 1023px) 
  
{
	
.container {
width:100%;
max-width:1024px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
}

.header_image_row_one {
width: 100%;
max-width: 1024px;
 }

.header_image_row_two {
width: 100%;
max-width: 1024px;
 }
 
.header_image_one, .header_image_two, .footerdeco_image {
width: 100%;
 }

/* removing mobile headers*/
.header_image_row_one_mobile, .header_image_row_two_mobile, .header_image_one_mobile, .header_image_two_mobile {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
 }
 
.footerdeco {
width: 100%;
max-width: 1024px;
float:left;
 } 
 
.buttons {
width: 23.4%;
max-width: 239px;
float:left;
} 
 
.page_button {
width: 100%;
 }

.page_content {
width:72%;
max-width:738px;
float:left;
margin-left:4.6%;
 } 

.page_content_title {
width=100%;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px; 
}

.page_content_titlem {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
}
    
.page_content_title_main {
width: 76.4%;
float:left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
 }
 
.page_content_title_lang {
width: 23.6%;
float:left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
 } 
 
.page_content_subtitle {
width: 100%;
 } 
 
.page_content_subtitlem {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
 }  
  
.rightcolumn {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
}

.rightcolumn_ad {
width: 0px;
margin-left: 0px;
position: absolute;
top: -9999px;
left: -9999px;
 }

 .topnav {
  	position: absolute;
	top: -9999px;
	left: -9999px;
}


.con_tact {
width: 40%;
 }
 
}
/* LOWRES VERSION ENDS*/  





/* DESKTOP VERSION */
@media only screen and (min-width: 1024px)  {
	
.container {
width:100%;
max-width:1184px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
}

.header_image_row_one {
width: 86.5%;
max-width: 1024px;
 }

.header_image_row_two {
width: 86.5%;
max-width: 1024px;
 }
 
.header_image_one, .header_image_two, .footerdeco_image {
width: 100%;
 }

/* removing mobile headers*/
.header_image_row_one_mobile, .header_image_row_two_mobile, .header_image_one_mobile, .header_image_two_mobile {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
 } 
 
.footerdeco {
width: 86.5%;
max-width: 1024px;
float:left;
 } 
 
.buttons {
width: 20.2%;
max-width: 239px;
float:left;
} 
 
.page_button {
width: 100%;
 }

.page_content {
width:62.3%;
max-width:738px;
float:left;
margin-left:4%;
 } 

.page_content_title {
width=100%;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px; 
}
    
.page_content_title_main {
width: 76.4%;
float:left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
 }
 
.page_content_title_lang {
width: 23.6%;
float:left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
 } 
  
.page_content_subtitle {
width: 100%;
 } 
 
.page_content_subtitlem {
width: 0%;
position: absolute;
top: -9999px;
left: -9999px;
 }  
 
.rightcolumn {
width: 12.6%;
max-width: 160px;
float:right;

}

.rightcolumn_ad {
width: 100%;
margin-left: 0px;
margin-bottom: 7px;
 }
 
 .topnav {
  	position: absolute;
	top: -9999px;
	left: -9999px;
} 

.con_tact {
width: 33%;
 }

 
}
/* DESKTOP VERSION ENDS*/