/*** for PC Browser ***/
@media (min-width:401px)
{
#mainimg
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#mainimg p
{
    padding: 0px;
    margin: 0px;
}

/*
#BaseTable,*/
#mainimg #view img
{
    min-height: 720px;
    min-width: 1200px;
}


.thumb_block
{
    position: fixed;
    z-index: 100000;
    bottom: 37px;
    background: rgba(191,9,97,0.9);
    width: 170px;
    padding: 5px;
}

.thumb_block #thumbTitle
{
    color: #ffffff;
    padding: 5px;
    text-align: center;
}

.thumb_block ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    position: relative;
}

.thumb_block ul li
{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.thumb_block ul li a
{
    background-color: #dddddd;
    border: 1px solid #ffffff;
    border-radius: 10px;
    display: block;
    height: 19px;
    margin: 0 4px 0 0;
    text-indent: -9999px;
    width: 19px;
}

.thumb_block ul .ui-tabs-selected a
{
    background-color: #666666;
}

.thumb_block #thumbStop a
{
    display: block;
    background: #333333;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    padding: 1px 5px;
    width: 35px;
    text-align: center;
    position: absolute;
    right: 5px;
    bottom: 4px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#mainimg .ui-tabs
{
    padding: 0px;
}

#mainimg
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
}

#mainimg p
{
    padding: 0px;
    margin: 0px;
}

#mainimg #view img
{
    width: 320px !important;
    height: auto !important;
    vertical-align: bottom;
}

#mainimg .thumb_block
{
    position: absolute;
    z-index: 100;
    bottom: 10px !important;
    background: rgba(191,9,97,0.9);
    width: 170px;
    padding: 5px;
    left: 10px;
    top: auto !important;
}

.thumb_block #thumbTitle
{
    color: #ffffff;
    padding: 5px;
    text-align: center;
}

.thumb_block ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    position: relative;
}

.thumb_block ul li
{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.thumb_block ul li a
{
    background-color: #dddddd;
    border: 1px solid #ffffff;
    border-radius: 10px;
    display: block;
    height: 19px;
    margin: 0 4px 0 0;
    text-indent: -9999px;
    width: 19px;
}

.thumb_block ul .ui-tabs-selected a
{
    background-color: #666666;
}

.thumb_block #thumbStop a
{
    display: block;
    background: #333333;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    padding: 1px 5px;
    width: 35px;
    text-align: center;
    position: absolute;
    right: 5px;
    bottom: 4px;
}
}