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

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.pcoff{ display:block;}
.smoff{ display:none;}

.textshadow{text-shadow: 1px 2px 3px #808080;}
.img_w{filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));}
.ttopic-title{
width:100%;
font-weight:bold;
line-height:120%;
margin-top:0.8em;
color:#ffffff;
background-color:#0097D6;
padding:0.5em;
text-shadow: 1px 2px 3px #808080; 
}
.ttopic-title2{
max-width: 1240px;
font-weight:bold;
font-size:1.1em;
line-height:150%;
margin: auto;
color:#ffffff;
background-color:#0097D6;
padding:0.5em;
text-shadow: 1px 2px 3px #808080; 
}

.servicelink{
	display:block;
	font-weight:bold;
	line-height:150%;
	font-size:1.1em;
	padding:1em;
	margin-top: 1em;
	text-align:center;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	color:#ffffff;
	background-color:#b22222;
	font-family: 'Noto Sans TC', sans-serif;
	text-shadow: 2px 2px 3px #808080;
}




ul.ttopic-body li:first-child{
	border-bottom:1px solid #666;
}

.ttopic-tits{
	width:100%;
	height:auto;
	padding-bottom:0.6em;
	}

ul.ttopic-body  li + li {
    border-bottom:1px solid #666;
}

.ttopic-entries a{
	text-decoration:none;
	color:inherit;
	padding-top:1em;
	padding-left:1em;
	display:flex;}

.ttopict-thumb{
	}

.ttopict-photo{
  width: 340px;
  height: 191.25px;
  background-color: #ccc;
 /* border: 1px solid #ccc;*/
  object-fit: cover;
	}

.ttopic-entriesitem{
	margin-left:1em;
	margin-right:0.5em;
	width:auto;
	height:auto;
	text-align:left;
	vertical-align:central;
	}

.ttopic-entrytime::before{
	content: url(../img/entrypen.png);
  	position: relative;
	padding-right:0.5em;
}


.ttopic-entrytitle {
	padding:0.6em 0;
	font-size:110%;
	font-weight:bold;
	}

.ttopic-entrycontent{
}
.ttopiclits{}

.ttopic-entries-item{

	}
.connectionlinkbox{

}

.connectionlink{
	font-size:1.1em;
	text-decoration:none;
	width:100%;
	padding:0.2em;
	padding-top:1em;
}

.arrow a{
	 display:block;
     position: relative;
     padding-left:1em;
	 padding-top:0.5em;
	 color:#333;
}
.arrow a::before {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border: solid 6px transparent;
     border-left: solid 8px #0097D6;
     top: 50%;
     left: 0;
     margin-top: -5px;
}

.topftbk{

}

.topbnr{
}


.topbnrcol3{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width:1240px;
  margin: auto;
  margin-top:1em;
  justify-caontent: center;
}

.bnrcoltext3{
	  margin-bottom: 1em;
	  max-width:32.58%;
	  min-width:340px;
	  height:auto;
	  margin-left:0.6em;
}
	
/* 中*/
.topbnrcol2{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width:1240px;
  margin: auto;
  margin-top:1em;
  justify-content: center;

}

.bnrcoltext2{
	  margin-bottom: 1em;
	  width:320px;
	  height:auto;
	  margin-left:0.5em;
}
_:-ms-lang(x)::-ms-backdrop,.bnrcoltext2{
	　text-align: center;
	  margin-bottom: 1em;
	  width:320px;
	  height:auto;
	  margin-left:0.5em;
}

/* 小*/
.topbnrcol{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width:1240px;
  margin: auto;
  margin-top:1em;
  justify-content: center;
}

.bnrcoltext{
	  margin-bottom: 1em;
	  width:240px;
	  height:auto;
	  margin-left:0.4em;
}

_:-ms-lang(x)::-ms-backdrop,.topbnrcol{
  text-align:center;
  max-width:1240px;
  margin: 0 auto;
  margin-top:1em;
}
_:-ms-lang(x)::-ms-backdrop,.bnrcoltext{
	　text-align: center;
	  display: block;  
	  margin-bottom: 1em;
	  width:240px;
	  height:auto;
	  margin-left:0.4em;
}
_:-ms-lang(x)::-ms-backdrop,.bnrcoltext2{
	　text-align: center;
	  display: block;  
	  margin-bottom: 1em;
	  width:320px;
	  height:auto;
	  margin-left:0.4em;
}
_:-ms-lang(x)::-ms-backdrop,.bnrcoltext3{
	　text-align: center;
	  display: block;  
	  margin-bottom: 1em;
	  max-width:32.58%;
	  min-width:27.419%;
	  height:auto;
	  margin-left:0.5em;
}


footer{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width:1240px;
  margin: auto;}

@media screen and (min-width: 768px) { 
_:-ms-lang(x)::-ms-backdrop,.ttopict-thumb{
	position: relative;
	width: 340px;
	height: 191.25px;
	display: inline-block;
	overflow: hidden;
	background-color: #ccc;
}
_:-ms-lang(x)::-ms-backdrop,.ttopict-photo{
    position: absolute;
	width: 340px;
	height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
_:-ms-lang(x)::-ms-backdrop,.ttopic-entriesitem{
	margin-left:1em;
	margin-right:0.5em;
	max-width:60%;
	height:auto;
	text-align:left;
	vertical-align:central;
	}
_:-ms-lang(x)::backdrop,.ttopict-thumb{
	position: relative;
	width: 340px;
	height: 191.25px;
	display: inline-block;
	overflow: hidden;
	background-color: #ccc;
}
_:-ms-lang(x)::backdrop,.ttopict-photo{
    position: absolute;
	width: 340px;
	height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
_:-ms-lang(x)::backdrop,.ttopic-entriesitem{
	margin-left:1em;
	margin-right:0.5em;
	max-width:60%;
	height:auto;
	text-align:left;
	vertical-align:central;
	}
	
_:-ms-lang(x)::-ms-backdrop,.bnrcoltext3{
	  margin-bottom: 1em;
	  max-width:32.58%;
	  min-width:340px;
	  height:auto;
	  margin-left:0.6em;
}
}

@media screen and (max-width: 881px) and (min-width: 768px){
body{ margin-left:0.8em; margin-right:0.8em;}} 



@media screen and (min-width: 768px) {
	.pcoff{display:block;}
	.smoff{display:none;}
	.topbnr{width:98%;margin:auto;}
  }
@media screen and (max-width: 767px) {
	.claersp{ clear:both;}
	.pcoff{display:none;}
	.smoff{display:block;}
	
.smp{width:100% !important;height:auto; padding:1em;padding-top:1em;}
.sidemenu {margin-bottom:-2em;}     
.ttopic-title{
	width:98%;
	text-align:center;
	font-weight:bold;
	line-height:120%;
	margin:auto;
	color:#ffffff;
	background-color:#0097D6;
	padding:0.5em;
	text-shadow: 1px 2px 3px #808080; 
}
.ttopic-title2{
	width:97.4%;
	text-align:center;
	font-weight:bold;
	line-height:120%;
	margin:auto;
	color:#ffffff;
	background-color:#0097D6;
	text-shadow: 1px 2px 3px #808080; 
}
.servicelink{
	width:97.4%;
	height:3em;
	display:block;
	text-align:center;
	font-weight:bold;
	line-height:120%;
	margin-top:0.8em;
	color:#ffffff;
	background-color:#b22222;
	text-shadow: 2px 2px 3px #808080;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;}

.ttopic-body {
	width:96%;
	margin:auto;}


.ttopic-entries a{
	text-decoration:none;
	color:inherit;
	display: flex;
	flex-direction: column;
}


.ttopict-thumb{
	 width: 100%;
	 flex: 1;
	 text-align:center;
	}


.ttopic-entriesitem{
	margin-left:-0.5em;
	text-align:left;
	flex: 1;
	}
_:-ms-lang(x)::-ms-backdrop,.ttopic-entries a{
	text-decoration:none;
	width:100%;
	height:auto;
	padding:0.5em;
	text-align:center !important;
	display:block;
	position: static !important;
	min-width:44.3%;
	padding-right:1em;
}
_:-ms-lang(x)::-ms-backdrop,.ttopic-tits{
	width:100%;
	min-width:44.3%;
	}

_:-ms-lang(x)::-ms-backdrop,.ttopict-thumb{
    position: relative;
	width: 340px;
	height: 191.25px;
	display: inline-block;
	overflow: hidden;
	background-color: #ccc;
 	/*border: 1px solid #ccc;*/
}
_:-ms-lang(x)::-ms-backdrop,.ttopict-photo{
    position: absolute;
	width: 340px;
	height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
_:-ms-lang(x)::-ms-backdrop,.ttopic-entriesitem{
	position:relative;
	margin:1em;
	width:100%;
	min-width:44.3%;
	height:auto;
	text-align:left;
	vertical-align:central;
	position: initial !important;
	padding-right: initial;
	}
_:-ms-lang(x)::-ms-backdrop,.ttopic-entrytitle {
	padding:0.6em 0;
	font-size:110%;
	font-weight:bold;
	}
/*edge*/
_:-ms-lang(x)::backdrop,.ttopic-entries a{
	text-decoration:none;
	width:100%;
	height:auto;
	padding:0.5em;
	text-align:center !important;
	display:block;
	position: static !important;
	min-width:44.3%;
	padding-right:1em;
}
_:-ms-lang(x)::backdrop,.ttopic-tits{
	width:100%;
	min-width:44.3%;
	}

_:-ms-lang(x)::backdrop,.ttopict-thumb{
    position: relative;
	width: 340px;
	height: 191.25px;
	display: inline-block;
	overflow: hidden;
	background-color: #ccc;
 	/*border: 1px solid #ccc;*/
}
_:-ms-lang(x)::backdrop,.ttopict-photo{
    position: absolute;
	width: 340px;
	height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
_:-ms-lang(x)::backdrop,.ttopic-entriesitem{
		position:relative;
	margin:1em;
	width:100%;
	min-width:44.3%;
	height:auto;
	text-align:left;
	vertical-align:central;
	position: initial !important;
	padding-right: initial;
	}
_:-ms-lang(x)::backdrop,.ttopic-entrytitle {
	padding:0.6em 0;
	font-size:110%;
	font-weight:bold;
	}

_:-ms-lang(x)::-ms-backdrop,.bnrcoltext3{
	  margin-bottom: 1em;
	  max-width:42%;
	  min-width:260px;
	  height:auto;
	  margin-left:0.6em;
}

}

@media all and (max-width:480px ){
/*
@media all and (max-width:640px ){*/
.pcoff{display:none;}
.smoff{display:block;}
.claersp{ clear:both;}
.smp{width:100% !important;height:auto;}
.sidemenu {margin-bottom:-2em;}     
.topspbnr{}

.topbnrcol{
  margin-top:1em;
  display: flex;
  width:100%;
}

.ttopic-title{
	width:96%;
	text-align:center;
	font-weight:bold;
	line-height:120%;
	margin:auto;
	color:#ffffff;
	background-color:#0097D6;
	padding:0.5em;
	text-shadow: 1px 2px 3px #808080; 
}
.ttopic-title2{
	width:96%;
	text-align:center;
	font-weight:bold;
	line-height:120%;
	margin:auto;
	margin-top:1.2em;
	color:#ffffff;
	background-color:#0097D6;
	padding:0.5em;
	text-shadow: 1px 2px 3px #808080; 
}

.servicelink{
	display:block;
	width:100%;
	text-align:center;
	font-weight:bold;
	line-height:120%;
	margin:auto;
	margin-top:1.2em;
	margin-bottom:2em;
	color:#ffffff;
	background-color:#b22222;
	font-family: 'Noto Sans TC', sans-serif;
	text-shadow: 2px 2px 3px #808080;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;}

.conelinkbt{margin-bottom:0.8em;}

.bnrcoltext{
	  margin:auto;
	  margin-bottom: 1em;
	  width:94%;
	  height:auto;
}
.bnrcoltext2{
	  margin:auto;
	  margin-bottom: 1em;
	  width:94%;
	  height:auto;
}
.bnrcoltext3 {
	  margin:auto;
	  margin-bottom: 1em;
	  max-width: initial;
	  width:94%;
	  height:auto;
}


_:-ms-lang(x)::-ms-backdrop,.bnrcoltext{
	  margin: 1em;
	  width:99%;
	  text-align:center;
}
_:-ms-lang(x)::-ms-backdrop,.bnrcoltext2{
	  margin: 1em;
	  width:99%;
	  text-align:center;
}
_:-ms-lang(x)::-ms-backdrop,.bnrcoltext3{
	  margin: 1em;
	  width:99%;
	  text-align:center;
}

.claersp{ clear:both;}

.ttopict-thumb{
	 width:100%;
	 flex:1;
	 text-align:center;
	 margin:initial;
	 padding:initial;
	margin-left:-0.8em!important;
	}

_:-ms-lang(x)::-ms-backdrop,.ttopict-thumb{
    position: relative;
	width: 340px;
	height: 191.25px;
	display: inline-block;
	overflow: hidden;
	background-color: #ccc;
 	border: 1px solid #ccc;
}
_:-ms-lang(x)::-ms-backdrop,.ttopict-photo{
    position: absolute;
	width: 340px;
	height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
_:-ms-lang(x)::-ms-backdrop,.ttopic-entriesitem{
	position:relative;
	margin:1em;
	width:100%;
	min-width:44.3%;
	height:auto;
	text-align:left;
	vertical-align:central;
	position: initial !important;
	padding-right:1em;
	}
_:-ms-lang(x)::-ms-backdrop,.ttopic-entrytitle {
	padding:0.6em 0;
	font-size:110%;
	font-weight:bold;
	}
_:-ms-lang(x)::-ms-backdrop,.bnrcoltext3{
	  margin-bottom: 1em;
	  max-width:100%;
	  height:auto;
	  margin-left:0.6em;
}
}