.mobile{
width:100%;
display:none;
}













.tablep1{
display:table;
width:860px;
}
.trp1{
display:table-row;    
}
.tdp1{
width:150px;
background-color:#f1f1f1;
font-size:20px;
color:#777777;
text-align:left;

display:table-cell;
vertical-align:middle;
padding-top:10px;
padding-bottom:10px;
text-align:center;
border-bottom:5px solid white;
}
.tdp2{
padding-left:10px;
display:table-cell;
color:#666666;
font-size:17px;
line-height:1.4em;
vertical-align:middle;
padding-top:10px;
padding-bottom:10px;

}

.tdp2 ul{
margin-left:-10px;
}





.proot{
width:100%;
margin:auto;
font-size:17px;
color:#666666;
line-height:1.5em;
}
.proot span{
display:inline-block;
padding-left:10px;
padding-top:20px;
}

.imgdot{
position:relative;
top:10px;
}

.divline1{
width:100%;
height:5px;
background-color:#cccccc;
position:relative;
left:0px;
top:0px;
}
.divline1:after{
content:'';
position:absolute;
left:0px;
top:0px;
width:150px;
height:5px;
background-color:#FF6633;
}
.h2root span{
display:inline-block;
padding-left:10px;
}
.h2root{
width:100%;
margin:auto;
padding-top:10px;
padding-bottom:10px;
font-size:22px;
color:#666666;
font-weight:normal;
}




.pb1 img{
height:30px;
position:relative;
top:10px;
display:inline-block;
padding-left:10px;
}









.tableb1{
display:table;
width:1000px;
margin:auto;
padding-top:10px;
padding-bottom:10px;
}
.trb1{
display:table-row;
}
.tdb1{
display:table-cell;
padding-left:20px;
width:360px;
vertical-align:top;
}
.tdb2{
display:table-cell;
width:280px;
padding-left:10px;
vertical-align:top;
}
.tdb3{
display:table-cell;
padding-left:10px;
text-align:center;
vertical-align:middle;
}
.tdb3 img{
width:100px;
}
.h2b1{
display:block;
width:100%;
margin:auto;
padding-top:10px;
padding-bottom:6px;
color:white;

font-size:20px;
margin-bottom:-10px;
}
.pb1{
font-size:15px;
color:white;
line-height:1.6em;
}
.divbaseall{
width:100%;
background-color:#009966;

}







.divfixm1{
position:fixed;
left:0px;
top:0px;
display:none;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.52+0,0.51+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.51) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.52) 0%,rgba(255,255,255,0.51) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.52) 0%,rgba(255,255,255,0.51) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85ffffff', endColorstr='#82ffffff',GradientType=0 ); /* IE6-9 */

}
.divfixm1 img{
padding:10px;
width:30px;
height:18px;
}





.divrem11{
width:100%;
text-align:right;
margin:auto;
}
.divrem11 img{
width:30px;
display:inline-block;
padding-right:10px;
padding-top:10px;
padding-left:10px;
margin-right:-20px;
}
.am1{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
font-size:18px;
color:white;
border-bottom:2px dashed white;
}
.am1 span{
display:inline-block;
padding-left:10px;
}

.divback{
position:fixed;
left:0px;
top:0px;
width:100%;
height:3000px;
z-index:33;
display:none;
background-color:white;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;
}
.divfixm3{
position:fixed;
left:-70%;
top:0px;
width:60%;
height:3000px;
z-index:36;
background-color:#1CA196;
}






.divpadd{
padding:30px;
}

.divpanel{
width:1000px;
margin:auto;
background-color:white;
}

.divpanel1{
width:1400px;
margin:auto;
background-color:white;
}

.divbody{
width:100%;
background-color:#DE8D13;
background-image:linear-gradient(to bottom,#1CA196,#D7F200);
}





.divlistall{
width:100%;
background-color:#1CA196;
}
.divlist{
width:1000px;
margin:auto;
text-align:center;
}
.divlist a{
display:inline-block;
padding-top:20px;
padding-bottom:20px;
color:white;
font-size:22px;
width:150px;
}


.a1{

}
.a3{
background-image:linear-gradient(to bottom,#1CA196,#1CA196,#D5F101);
}







.divfix{
width:100%;
height:250px;
background-image:url(https://ptmotor.yida-design.com.tw/back.png?n1);

background-size:100% auto;
background-repeat:no-repeat;
background-position:50% 100%;
}












.logoimg{
display:block;
margin:auto;
width:330px;
padding-top:30px;
}

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

.div1200{
width:1200px;
margin:auto;
}
a{
text-decoration:none;
}


body{
padding:0px;
margin:0px;
}

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




.divimg_video{
position:relative;
left:0px;
top:0px;
width:100%;
}
.divimg_video img{
width:100%;
}
.divposvideo{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
}
.divposvideo iframe{
width:100%;
height:100%;
}







.amore{
display:none;
width:100px;
padding-top:6px;
padding-bottom:6px;
font-size:16px;
color:#666666;
text-align:center;
background-image:linear-gradient(to bottom,white,#f1f1f1);
border:1px solid #cccccc;
border-radius:10px;
margin:auto;
margin-bottom:10px;
margin-top:10px;
}

.areg{
display:block;
margin:auto;
width:460px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-size:20px;
color:#FF3333;
border:3px dashed #FF3333;
border-radius:15px;
}





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


.mobile{
display:block;
}



.divlist{
display:none;
}
.divlistall{
height:20px;
}
.divfixm1{
display:block;
}



.divfix{
display:none;
}
.divlistall{
display:none;
}


}

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


.tablep1{
width:100%;
}


}

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


.tdp1{
width:100px;
font-size:18px;
}



.proot a{
display:none;
}

.amore{
display:block;
}


}

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


.tdp2{
font-size:15px;   
}



.h2root span{
padding-left:0px;
}
.h2root{
font-size:20px;
text-align:center;
}

.divline1{
height:3px;
}
.divline1:after{
width:40%;
left:30%;
top:0px;
height:3px;
}
.imgdot{
height:20px;
top:3px;
}


.divfix{
height:140px;
background-size:auto 130px;
background-position:5%0 100%;
}




.amore{
font-size:15px;
padding-top:3px;
padding-bottom:3px;
}


}

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


.tableb1{
width:100%;
}



.divpadd{
padding:10px;
}



.divpanel{
width:100%;
}



.divlist{
width:100%;
}


}

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


.tableb1{
display:block;
}
.trb1{
display:block;
}
.tdb1{
display:block;
padding-left:0px;

}
.tdb2{
display:block;
padding-left:0px;
}
.tdb3{
display:block;
}
.h2b1{
text-align:center;
}



}

@media screen and (min-width:330px) and (max-width:760px){


.tdb1{
width:300px;
margin:auto;
}

.tdb2{
width:300px;
margin:auto;
}


}

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


.tdb1{
width:90%;
margin:auto;
}

.tdb2{
width:90%;
margin:auto;
}

.pb1{
text-align:center;
}


}

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


.divpanel1{
width:100%;
}


}

@media screen and (min-width:840px) and (max-width:1000px){

.divlist a{
width:130px;   
}

}

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


.divlist a{
width:120px;
}


}

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

.divfix{
background-size:auto 200px;
}

}

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


.divfix{
height:190px;
background-size:auto 160px;

}
.logoimg{
width:250px;
}


}

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

.logoimg{
padding-top:25px;
width:220px;
}

}

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

.logoimg{
padding-top:35px;
width:200px;
}

}

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

.div1200{
width:100%;
}

}

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

.areg{
width:90%;
font-size:20px;
padding-top:10px;
padding-bottom:10px;
}

}