.divbody{

}

.divhead{
width:100%;
height:40px;
margin-bottom:100px;
position:relative;
left:0px;
top:0px;
background-image:linear-gradient(to right,#EF8200,#FFA433);
}





.h21{
width:100%;
margin:auto;
font-size:24px;
color:#003169;
  font-family: Noto Sans TC, sans-serif;
padding-top:0px;
font-weight:normal;
line-height:1.2em;
letter-spacing:2px;
padding-bottom:0px;
margin-bottom:30px;
text-align:left;
border-bottom:1px solid #cccccc;
}
.h21 span{
display:inline-block;
padding-right:15px;
padding-left:15px;
background-color:white;
position:relative;
top:10px;
}
.h21 br{
display:none;
}










.pload{
width:100%;
margin:auto;
font-size:16px;
color:#444444;
letter-spacing:1px;
margin-top:-30px;
  font-family: Noto Sans TC, sans-serif;
text-align:center;
margin-bottom:60px;
}
.pload span{
display:inline-block;
width:100%;
color:#cccccc;
font-size:0.9em;   
}

.divload{
width:100%;

padding-top:0px;
text-align:center;
}



.divpanel{
}


.br1{
width:90%;
height:1px;
clear:both;
}

.div1200{
width:1200px;
margin:auto;
}



a{
text-decoration:none;
}

body{
padding:0px;
margin:0px;
height:100vh;
scroll-behavior: smooth;
}


  /*
  font-family: Noto Sans TC, sans-serif;
    font-family: Noto Serif TC, serif;
*/


html{
line-height:1.5em;
padding:0px;
scroll-behavior: smooth;
margin:0px;
font-size:14px;
font-family: Microsoft JhengHei;
}

::selection {
background-color:#338FFF;
color:white;
}
::-moz-selection {
background-color:#338FFF;
color:white;
}



@keyframes kenburns {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    95% {
        transform: scale3d(1.5, 1.5, 1.5) ;
        animation-timing-function: ease-in;
        opacity: 1;
    }
    100% {
        transform: scale3d(2, 2, 2) ;
        opacity: 0;
    }
}


.text_overflow{
width:100px;
  overflow: hidden;
  text-overflow: ellipsis;
  
  display: -webkit-box;
   -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.text_overflow1{
 white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}




.h2logo span{
display:inline-block;
width:100%;
padding-top:1px;
color:#333333;
font-size:34px;
}

.h2logo{
width:100%;
letter-spacing:2px;
margin:auto;
font-size:50px;
color:#EF8300;
line-height:1em;
  font-family: Noto Sans TC, sans-serif;
text-align:center;
font-weight:normal;
margin-bottom:30px;
}




.td1{
width:60px;
font-size:16px;
color:#666666;
}
.sub1{
display:block;
width:100%;
padding-top:3px;
padding-bottom:3px;
background-color:teal;
color:white;
border-radius:6px;
text-align:center;
font-size:16px;
}

.div600{
 width:360px;
 margin:auto;  
}

.taroot{
width:100%;
}
.taroot input{
width:100%;
height:25px;
border:1px solid #cccccc;
}


@media screen and (min-width:1px) and (max-width:460px){




.divhead{
height:20px;
margin-bottom:60px;
}





.h21{
font-size:18px;
}



.loadimg{
width:130px;
}



.h2logo{
font-size:26px;
}
.h2logo span{
font-size:20px;
}


}

@media screen and (min-width:1px) and (max-width:790px){


.h21{
text-align:center;
}


}

@media screen and (min-width:460px) and (max-width:700px){


.h21{
font-size:22px;
}


}

@media screen and (min-width:1px) and (max-width:1230px){

.div1200{
width:100%;
}

}