/* MASTER BANNER PIC SEL V3 */

/*------------------------- SLIDE PIC SEL ----------------------*/
.S_Master_Banner_Pic_Sel_Main
{
    position: absolute;
    display: table;
    width: auto;
    height: auto;
    right: 50px;
    bottom: 20px;
    z-index: 300;
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.S_Master_Banner_Pic_Sel_Item, .S_Master_Banner_Pic_Sel_Item_Sel
{
    position: relative;
    display: block;
    float: right;
    height: 12px;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 6px;
    cursor: pointer;
    -moz-transition: all 0.2s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	-webkit-transition: all 0.2s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	transition: all 0.2s cubic-bezier(0.700, 0.000, 0.300, 1.000);
}

.S_Master_Banner_Pic_Sel_Item
{
    background-color: rgba(200,200,200,1.0);
    width: 12px;
}
.S_Master_Banner_Pic_Sel_Item_Sel
{
    background-color: rgba(255,255,255,1.0);
    width: 100px;
}
.S_Master_Banner_Pic_Sel_Item:hover
{
    background-color: rgba(220,220,220,1.0);
}
/*------------------------- SLIDE PIC SEL ----------------------*/





@media screen and (min-width:0px) and (max-width:600px)
{
    .S_Master_Banner_Pic_Sel_Main
    {
        left: 50%;
        right: 0px;
        bottom: 10px;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}