.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;
}





.divfix_log{
position:fixed;
left:0px;
bottom:0px;
display:none;
width:100%;
}
.divfix_log a{
display:block;
padding-top:8px;
padding-bottom:8px;
width:50%;
float:left;
color:white;
text-align:center;
font-size:16px;
background-image:linear-gradient(to right,#009999,#00BABA);
}

.divfix_log a img{
height:1em;
display:inline-block;
padding-right:6px;
position:relative;
top:2px;
}




.aorder{
display:inline-block;
width:calc(33.3% - 5px);
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-size:18px;
background-color:#FF3333;
color:white;
margin-bottom:3px;
border-radius:4px;
letter-spacing:1px;
}



.divposlogout{
position:absolute;
left:50%;
transform:translateX(-50%);
top:50px;
width:600px;
text-align:center;
}

.alogout{
display:inline-block;

border-radius:4px;
background-image:linear-gradient(to bottom,white,#f1f1f1);
width:160px;
padding-top:10px;
padding-bottom:10px;
font-size:18px;
color:#666666;
text-align:center;
border:1px solid #cccccc;
}





.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;
}




.divtime{
border-left:10px solid #cccccc;
padding-left:10px;
padding-top:6px;
margin-bottom:6px;
display:none;
}

.divloads1 img{
width:120px;
}
.divloads1{
text-align:center;
display:none;
}

.divsel a{
display:inline-block;
width:calc(50% - 10px);
font-size:18px;
padding-top:8px;
padding-bottom:8px;
text-align:center;
border-radius:10px;
margin-right:3px;
margin-bottom:3px;
cursor:pointer;
background-image:linear-gradient(to bottom,white,#f1f1f1);
}
.atype1{
border:1px solid #cccccc;
color:#444444;
border-radius:10px;
}
.atype3{
border:2px solid teal;
color:teal;
border-radius:10px;
}



.tasea input{
width:100%;
height:35px;
border:1px solid #cccccc;
margin-bottom:10px;
outline:none;
text-indent:10px;
font-size:18px;
}
.asea{
display:inline-block;
width:calc(50% - 8px);
padding-top:10px;
padding-bottom:10px;
background-color:#006699;
color:white;
margin-right:6px;
font-size:18px;
border-radius:4px;
text-align:center;
margin-bottom:3px;
}
.asea img{
height:0.9em;
position:relative;
top:2px;
display:inline-block;
padding-right:6px;
}

.tasea{
width:500px;
margin:auto;
margin-bottom:20px;
}
.tdsea1{
width:142px;
vertical-align:top;
padding-right:10px;
}

.h2sea br{
display:none;
}

.h2sea{
width:100%;
margin:auto;
font-weight:normal;
font-size:52px;
color:#EF8300;
text-align:left;
font-family: Noto Sans TC, sans-serif;
line-height:0.9em;
margin-bottom:10px;

}
.h2sea span{
display:inline-block;
width:100%;
color:#333333;
font-size:30px;
}




















.tapage{
width:100%;
}
.tdpage1{
width:50px;
padding-right:0px;
}

.divpage1{
padding-top:10px;
}

.divpage a{
display:inline-flex;
width:28px;
height:28px;
align-items:center;
justify-content:center;
font-size:16px;
}
.page1{
background-color:#f6f6f6;
color:#222222;
}
.page3{
background-color:teal;
color:white;
}

.divpage{
width:calc(100% - 10px);
margin:auto;
padding-left:10px;
text-align:left;
font-size:18px;
color:#444444;
padding-top:15px;
padding-bottom:6px;

}




.spadd{
display:none;
}

.spamo1{
display:none;
}



.pcenter{
width:100%;
text-align:center;
font-size:32px;
color:#006699;
padding-top:50px;
padding-bottom:50px;
}


.asea1{
display:block;
width:100%;
border-radius:6px;
font-size:16px;
color:white;
letter-spacing:1px;
background-image:linear-gradient(to right,#FF6600,#FF6600);
padding-top:6px;
padding-bottom:6px;
text-align:center;
}
.tdr0{
width:70px;
text-align:center;
}



.tdr1{
width:100px;
text-align:center;
}
.tdr2{
width:130px;
text-align:center;
}
.tdr3{
width:100px;
text-align:center;
}
.tdr5{
width:100px;
text-align:center;
}
.tdr6{
width:150px;
}

.divrec{
width:1000px;
margin:auto;
}

.tdr4 span{
display:inline-block;
padding-right:6px;
}

.tar1{
width:100%;
font-size:18px;
color:#444444;
background-image:linear-gradient(to bottom,white,#f1f1f1);
border-bottom:1px solid #cccccc;
padding-top:15px;
font-family: Noto Sans TC, sans-serif;
padding-bottom:10px;
}
.tar1 td{
padding-left:10px;
}

.tar2{
width:100%;
font-size:17px;
color:#464646;
border-bottom:1px solid #cccccc;
padding-top:6px;
line-height:1.2em;
font-family: Noto Sans TC, sans-serif;
font-weight:300;
padding-bottom:6px;
}
.tar2 td{
padding-left:10px;
}
























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




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





.h21{
font-size:18px;
}



.loadimg{
width:130px;
}



.divfix_log{
display:block;
}



.divposlogout{
top:30px;    
display:none;
}

.aorder{
font-size:16px;
padding-top:6px;
padding-bottom:6px;
}



.h2sea{
font-size:22px;
}

.h2sea span{
padding-top:6px;
font-size:18px;
}

.tdsea1 img{
width:100%;
}
.tdsea1{
width:80px;
}

.asea{
font-size:16px;
width:100%;
margin-right:0px;   
padding-top:6px;
padding-bottom:6px;
}

.tasea input{
height:30px;  
margin-bottom:6px; 
}








.pcenter{
font-size:16px;
padding-top:20px;
padding-bottom:50px;
}




.tar1{
font-size:16px;
padding-bottom:6px;
}
.tar2{
font-size:16px;
}

.tdr2{
width:80px;
}
.tdr3{
width:90px;
}

.tdr6{
width:130px;
}


}

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


.h21{
text-align:center;
}



.divpage{
text-align:center;
padding-top:10px;
}
.tapage{
width:auto;
margin:auto;
}


}

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


.h21{
font-size:22px;
}


}

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


.ahide1{
display:none;
}
.aorder{
width:100%;
}
.divposlogout{
width:200px;
}


}

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

.div1200{
width:100%;
}

}

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


.h2sea{
font-size:32px;
}

.h2sea span{
padding-top:6px;
font-size:22px;
}
.tasea{
width:390px;
}

.tdsea1 img{
width:100%;
}
.tdsea1{
width:120px;
}


.tasea input{
height:30px;  
margin-bottom:6px; 
}



}

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


.h2sea br{
display:inline;
}


}

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


.tasea{
width:310px;
position:relative;
left:-10px;

}



}

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


.tasea{
width:calc(100% - 30px);
padding-left:15px;
padding-right:15px;
position:relative;
left:-10px;
}


}

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


.tdr0{
width:55px;
}



.divrec{
overflow-x:auto;
overflow-y:none;
}
.tar1{
width:600px;
}
.tar2{
width:600px;
}



}

@media screen and (min-width:740px) and (max-width:1050px){


.tdr1{
width:80px;
}
.tdr2{
width:100px;
}



}

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


.tdr5{
display:none;
}


}

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


.tdr1{
display:none;
}





}

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


.tdr2{
width:90px;
}


}

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


.divrec{
width:100%;
}


}