﻿
/*www.cssmatic.com/gradient-generator*/

.shoSp
{
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color:#ff0070 #ff0070 #ff0070 #ff0070;
    border-color:rgba(255,0,112,1.0) rgba(255,0,112,1.0) rgba(255,0,112,1.0) rgba(255,0,112,1.0);
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    background-color: #000000;

    background: -webkit-linear-gradient(0deg,rgba(0,0,0,1.0) -10%,rgba(255,0,112,1.0) 90%,rgba(0,0,0,1.0) 100%,rgba(86,0,38,1.0) 100%);
    background: -moz-linear-gradient(0deg,rgba(0,0,0,1.0) -10%,rgba(255,0,112,1.0) 90%,rgba(0,0,0,1.0) 100%,rgba(86,0,38,1.0) 100%);
    background: -o-linear-gradient(0deg,rgba(0,0,0,1.0) -10%,rgba(255,0,112,1.0) 90%,rgba(0,0,0,1.0) 100%,rgba(86,0,38,1.0) 100%);
    background: -ms-linear-gradient(0deg,rgba(0,0,0,1.0) -10%,rgba(255,0,112,1.0) 90%,rgba(0,0,0,1.0) 100%,rgba(86,0,38,1.0) 100%);
    background: linear-gradient(0deg,rgba(0,0,0,1.0) -10%,rgba(255,0,112,1.0) 90%,rgba(0,0,0,1.0) 100%,rgba(86,0,38,1.0) 100%);
    padding:0px 0px 0px 0px;
}
.shoSale
{
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color:#ff0070 #ff0070 #ff0070 #ff0070;
    border-color:rgba(255,0,112,1.0) rgba(255,0,112,1.0) rgba(255,0,112,1.0) rgba(255,0,112,1.0);
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;

    background: rgba(219,255,99,1);
    background: -moz-linear-gradient(top, rgba(219,255,99,1) 0%, rgba(209,150,0,1) 4%, rgba(92,0,0,1) 16%, rgba(92,0,0,1) 27%, rgba(56,0,0,1) 49%, rgba(92,0,0,1) 70%, rgba(92,0,0,1) 84%, rgba(209,150,0,1) 95%, rgba(219,255,99,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,255,99,1)), color-stop(4%, rgba(209,150,0,1)), color-stop(16%, rgba(92,0,0,1)), color-stop(27%, rgba(92,0,0,1)), color-stop(49%, rgba(56,0,0,1)), color-stop(70%, rgba(92,0,0,1)), color-stop(84%, rgba(92,0,0,1)), color-stop(95%, rgba(209,150,0,1)), color-stop(100%, rgba(219,255,99,1)));
    background: -webkit-linear-gradient(top, rgba(219,255,99,1) 0%, rgba(209,150,0,1) 4%, rgba(92,0,0,1) 16%, rgba(92,0,0,1) 27%, rgba(56,0,0,1) 49%, rgba(92,0,0,1) 70%, rgba(92,0,0,1) 84%, rgba(209,150,0,1) 95%, rgba(219,255,99,1) 100%);
    background: -o-linear-gradient(top, rgba(219,255,99,1) 0%, rgba(209,150,0,1) 4%, rgba(92,0,0,1) 16%, rgba(92,0,0,1) 27%, rgba(56,0,0,1) 49%, rgba(92,0,0,1) 70%, rgba(92,0,0,1) 84%, rgba(209,150,0,1) 95%, rgba(219,255,99,1) 100%);
    background: -ms-linear-gradient(top, rgba(219,255,99,1) 0%, rgba(209,150,0,1) 4%, rgba(92,0,0,1) 16%, rgba(92,0,0,1) 27%, rgba(56,0,0,1) 49%, rgba(92,0,0,1) 70%, rgba(92,0,0,1) 84%, rgba(209,150,0,1) 95%, rgba(219,255,99,1) 100%);
    background: linear-gradient(to bottom, rgba(219,255,99,1) 0%, rgba(209,150,0,1) 4%, rgba(92,0,0,1) 16%, rgba(92,0,0,1) 27%, rgba(56,0,0,1) 49%, rgba(92,0,0,1) 70%, rgba(92,0,0,1) 84%, rgba(209,150,0,1) 95%, rgba(219,255,99,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbff63', endColorstr='#dbff63', GradientType=0 );
    padding:0px 0px 0px 0px;
}
.shoRound1
{
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    padding:0px 0px 0px 0px;
}
.shoOnPhone
{
    border:solid 1px #ff7640;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    background-color: #dd3f01;
    padding:0px 0px 0px 0px;
}

/*slide style*****************************************/
    .doPicFade {
        animation-name: fader;
        animation-delay: 1s;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        z-index: 3;
    }

    .picZindex2 { z-index: 2; }
    .picZindex3 { z-index: 1; }

    @keyframes fader {
        from { opacity: 1.0; }
        to { opacity: 0.0; }
    }
/*end slide style*****************************************/

.divRatio
{
    position: relative;
    height: 0;
    padding-top: 56.23%;
    background-color: #000;
}
.imgRatio
{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border:0px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.AshowList
{
    display:block;width:100%;height:100%;vertical-align:top;position:relative;border:0px;
}
.prRealPl
{
    width:100%;height:100%;position:absolute;z-index:4;top:0px;left:0px;
}
.shFrPrList
{
    display:block;width:100%;height:100%;position:absolute;z-index:2;top:0px;left:0px;
}
.DIVshPicList
{
    display:block;width:100%;height:56.23%;z-index:1;
}
.headline
{
    height:50px;width:98%;vertical-align:top;
}
.spName
{
    display:block;width:97%;height:37px;text-align:center;vertical-align:middle;color:#FFA1CB;line-height:20px;font-size:18px;
}
.stat9
{
    background-color: #fD0170;display:block;width:170px;height:34px;text-align:center;color:#000000;line-height:32px;font-size:17px;
}
.stat7
{
    background-color: #fD0170;display:block;width:150px;height:34px;text-align:center;color:#000000;line-height:32px;font-size:17px;
}
.stat4
{
    background-color: #00C9FF;display:block;width:150px;height:34px;text-align:center;color:#000000;line-height:32px;font-size:17px;
}
.stat0
{
    background-color: #00C9FF;display:block;width:150px;height:34px;text-align:center;color:#000000;line-height:32px;font-size:17px;
}
.stat9upd
{
    background-color: #fD0170;display:block;width:100%;height:50px;text-align:center;color:#000000;line-height:48px;font-size:18px;cursor:pointer;
}
.stat7upd
{
    background-color: #fD0170;display:block;width:100%;height:50px;text-align:center;color:#000000;line-height:48px;font-size:18px;cursor:pointer;
}
.stat7updSale
{
    background-color: #FFFF00;display:block;width:100%;height:50px;text-align:center;color:#000000;line-height:48px;font-size:18px;cursor:pointer;
}
.stat4upd
{
    background-color: #00C9FF;display:block;width:100%;height:50px;text-align:center;color:#000000;line-height:48px;font-size:19px;cursor:pointer;
}
.stat4updSale
{
    background-color: #FFFF00;display:block;width:100%;height:50px;text-align:center;color:#000000;line-height:24px;font-size:19px;cursor:pointer;
}
.stat4updNoP
{
    background-color: #00C9FF;display:block;width:100%;height:50px;text-align:center;color:#000000;line-height:48px;font-size:19px;
}
.stat0upd
{
    width:100%;height:50px;text-align:center;line-height:48px;font-size:16px;
}
.bcBut
{
    background-color: #380019;border:1px solid #960043;display:block;width:100%;height:36px;text-align:center;color:#fe9fcc;line-height:36px;font-size:18px;cursor:pointer;
}
.freeBut
{
    background-color: #380019;border:1px solid #960043;display:block;width:100%;height:50px;text-align:center;color:#fe9fcc;line-height:50px;font-size:18px;cursor:pointer;
}
.phoneBut
{
    background-color: #508098;border:1px solid #00a4da;display:block;width:100%;height:41px;text-align:center;color:#fe9fcc;line-height:41px;font-size:18px;cursor:pointer;
}
.messResBut
{
    background-color: #003853;border:1px solid #00a4da;display:block;width:100%;height:36px;text-align:center;color:#fe9fcc;line-height:36px;font-size:14px;cursor:pointer;
}
.messResDiv
{
    display:inline-block;width:49%;height:38px;
}
.messResDivSep
{
    display:inline-block;width:1.5%;height:38px;
}
.iconMessList
{ 
    vertical-align:middle;width:31px;height:31px;margin-bottom:2px; 
}
.iconSmsListOn, .iconSmsListOff
{ 
    vertical-align:middle;width:28px;height:28px;margin-bottom:3px; 
}
.rateTableDiv 
{
    display:block;width:100%;height:18px;padding:0px;margin:0px;vertical-align:top;
}
.rateImgDiv
{
    display:inline-block;height:18px;line-height:16px;vertical-align:top;
}
.rateSp1Div
{
    display:inline-block;width:8px;height:14px;vertical-align:top;
}
.rateSp2Div
{
    display:inline-block;height:14px;vertical-align:top;
}
.rateSp3Div
{
    display:inline-block;width:12px;vertical-align:top;
}
.rateADiv
{
    line-height:16px;vertical-align:top;
}
.rateSp1Img
{
    vertical-align:middle;width:8px;height:14px;
}
.rateSp2Img
{
    vertical-align:middle;width:1px;height:14px;
}
.rateTextDiv
{
    display:inline-block;vertical-align:top;
}
.iconList
{
    width:30px;height:30px;margin:0px;padding:0px;border:0px;
}
.langIcon
{
    width:30px;height:18px;
}
.showName
{
    font-size:17px;word-break:break-all;
}
.showNameSale
{
    font-size:17px;word-break:break-all;color:#000000;
}
.showNew
{
    background-color: #fF4800;display:block;width:64px;height:20px;text-align:center;color:#000000;line-height:18px;font-size:16px;
}
.showOn
{
    background-color: #fD0170;display:block;width:150px;height:34px;text-align:center;color:#000000;line-height:32px;font-size:17px;
}
.iconPhoneL
{
    width:136px;height:36px;vertical-align:middle;
}
.phoneText
{
    width:256px;font-size:16px;color:#ffffff;
}
.iconPwidth
{
    width:63px;
}

.IEfreeHide{} /*fix for IE 7 8*/

.showme{ 
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.hideme{ 
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.AshowList:hover .hideme{
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.blinkHtml {
    animation-name: blinker;
    animation-duration: 1.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
