/*---------------------------------------定義轉場動畫*/
@keyframes moveleft
{
    0%{transform:translate3d(-200px,0px,0px);}
    100%{transform:translate3d(0px,0px,0px);}
}
@keyframes fadein
{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes moveright
{
    0%{transform:translate3d(0px,0px,0px);}
    100%{transform:translate3d(200px,0px,0px);}
}
@keyframes fadeout
{
    0%{opacity:1;}
    100%{opacity:1;}
}
/*---------------------------------------定義轉場動畫*/
/*---------------------------------------主體*/
#printerrental{
    width: 100%; 
    height: 87%; 
    /*border: 1px solid #ccc; 
    box-sizing: border-box;*/
}
.printerrentallist{
    width: 100%; 
    height: 13%; 
    box-sizing: border-box;
    border-top: 3px solid #cc0033;
}
#printerrentalicon1{
    float: left;
    display:table;
    text-align:center;
    width: 20%; 
    height: 100%;
    box-sizing: border-box; 
    border-right: 1px solid #ccc;
    cursor: pointer;
}
#printerrentalicon1 p{
    color:#fff;
    font-size:26px;
    cursor: pointer;
}
#printerrentalicon2{
    float: left;
    display:table;
    text-align:center;
    width: 20%; 
    height: 100%; 
    box-sizing: border-box; 
    border-right: 1px solid #ccc;
    cursor: pointer;
}
#printerrentalicon2 p{
    color:#fff;
    font-size:26px;
    cursor: pointer;
}
#printerrentalicon3{
    float: left;
    display:table;
    text-align:center;
    width: 20%; 
    height: 100%; 
    box-sizing: border-box; 
    border-right: 1px solid #ccc;
    cursor: pointer;
}
#printerrentalicon3 p{
    color:#fff;
    font-size:26px;
    cursor: pointer;
}
#printerrentalicon4{
    float: left;
    display:table;
    text-align:center;
    width: 20%; 
    height: 100%; 
    box-sizing: border-box; 
    border-right: 1px solid #ccc;
    cursor: pointer;
    display:none;
}
#printerrentalicon4 p{
    color:#fff;
    cursor: pointer;
}
#printerrentalicon5{
    float: left;
    display:table;
    text-align:center;
    width: 20%; 
    height: 100%; 
    box-sizing: border-box; 
    border-right: 1px solid #ccc;
    cursor: pointer;
    display:none;
}
#printerrentalicon5 p{
    color:#fff;
    cursor: pointer;
}
/*---------------------------------------主體*/
/*---------------------------------------內容*/
#printerrentaltype{
    animation: moveleft 0.35s,fadein 0.45s;
    animation-fill-mode: forwards;
}
/*---------------------------------------內容*/