.divfixf1{
position:fixed;
right:100px;
top:0px;
}
.divfixf1 a{
display:block;
width:130px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
text-decoration:none;
font-size:16px;
color:white;
background-image:linear-gradient(to bottom,#222222,#333333);
}





.divtemback{
position:fixed;
top:0px;
left:0px;
background-color:black;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;
width:100%;
height:1900px;
z-index:39;
display:none;
}
.divtembar{
display:none;
position:fixed;
top:0px;
left:0px;
height:50px;
width:100%;
background-color:#f6f6f6;
background-image:url(http://design.yida-design.com.tw/new/webline.jpg?n1=1);
background-repeat:repeat-x;
z-index:33;
}

.tdt11{
vertical-align:middle;
text-align:center;
color:#f1f1f1;
font-size:15px;
background-color:#222222;
}
.tdt11 img{
width:30px;
}

.tdt1{
vertical-align:middle;
text-align:center;
}
.tdimg1{
width:40px;
text-align:center;
vertical-align:middle;

}
.tdimg1 img{
height:20px;
}

.divtemlist{
position:fixed;
top:0px;
left:-80%;
background-color:#333333;
width:80%;
height:1900px;
z-index:46;
transition:0.5s;
}
.divtemlist .atem1{
display:block;
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-size:1em;
color:white;
text-indent:10px;
text-decoration:none;
}
.divtemline{
width:100%;
height:1px;
background-color:#1c1c1c;
border-bottom:1px solid #494949;
}




.sub1{
display:block;
font-size:15px;
text-align:center;
background-color:#333333;
color:white;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
max-width:80px;
border-radius:4px;
margin-bottom:2px;
}

.sub2{
display:block;
font-size:15px;
text-align:center;
background-color:#333333;
color:white;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
max-width:80px;
border-radius:4px;
margin-bottom:2px;
border:2px red solid;
}

.sub_all{
display:block;
font-size:15px;
text-align:center;
background-color:#ff6600;
color:white;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
width:96%;
margin-top:10px;
border-radius:4px;
margin-bottom:2px;
}

.sub_small{
display:block;
font-size:15px;
text-align:center;
background-color:#333333;
color:white;
padding-top:4px;
padding-bottom:4px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
width:40px;
border-radius:10px;
margin-bottom:2px;
}


.divcap{
width:100%;
font-size:15px;
color:#464646;
padding-bottom:10px;
border-bottom:3px solid #cccccc;
}

.divcap a{
text-decoration:none;
color:teal;
}

.br_1{
width:100%;
clear:both;
}

.divline1{
width:100%;
height:1px;
background-color:#999999;
}

.divleft1{
position:fixed;
top:0px;
left:0px;
width:180px;
height:3000px;
background-color:#333333;
}
.divleft1 .a1{
display:block;
width:100%;    
padding-top:10px;
padding-bottom:10px;
color:#666666;    
text-indent:30px;
font-size:15px;
text-decoration:none;
}
.divleft1 .a3{
display:block;
width:100%;    
padding-top:10px;
padding-bottom:10px;
color:white;    
text-indent:30px;
font-size:15px;
background-image:url(https://www.sg-test.com.tw/res/image/arrow1.png);
background-repeat:no-repeat;
background-position:110% 10px;
background-color:#222222;
text-decoration:none;
}

.divright{
width:90%;
float:left;
padding:20px;
}


.divleft{
width:100%;
height:800px;
float:left;
}


.tatem{
width:100%;
}
.tdtem{
width:180px;
}







.divspace{
display:none;
}




.table{
vertical-align:middle;
display:table;
}
.tr{
display:table-row;
}
.td{
display:table-cell;
}

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






.divimage{
width:100%;
min-height:30px;
}

.add11{
display:block;
width:130px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
text-decoration:none;
border:1px solid #cccccc;
float:left;
color:white;
background-color:#006699;
}
.br1{
width:100%;
clear:both;
}



.textarea1{
width:100%;
height:130px;
border:1px solid #cccccc;
}

.mark{
color:red;
}

.ta1{
width:960px;
font-size:15px;
color:#464646;
}
.td1{
width:130px;
font-size:15px;
color:#464646;
padding-left:10px;
background-color:#f1f1f1;
}
.ta1 input{
width:100%;
border:1px solid #cccccc;
height:25px;
}

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


.divleft{
width:130px;
}
.divleft1{
width:130px;
}

.tdtem{
width:130px;
}

.divtype1{
width:100%;
}
.divtype3{
width:100%;
}

.taroot{
width:100%;
}
.tac1{
width:100%;
}


}

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

.divleft{
display:none;
}
.divleft1{
display:none;
}
.tdtem{
display:none;
}
.divright{
width:100%;
padding:0px;
}
.divspace{
display:block;
width:100%;
height:50px;
}
.divtembar{
display:table;
}

}

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

.divleft1  .a1{
font-size:1em;
}
.divleft1 .a3{
font-size:1em;
}
.bua1{
font-size:1em;
}
.bua3{
font-size:1em;
}
div{
font-size:1em;
}


}