/*    @font-face {
        font-family: BebasNeue;
        src:  url(../fonts/BebasNeuewebfont.html) format("embedded-opentype"),
              url(../fonts/BebasNeuewebfont-2.html) format("truetype"),
              url(../fonts/BebasNeuewebfont-3.html) format("woff"),
              url(../fonts/BebasNeue-Regular.html) format("opentype");      
    }*/

    .pro {
        width:32%;
        list-style-type:none;
        position: relative;
        display:inline-block;
        padding:22px 0 28px 15px;
    }
    .proWrp {
        display:block;
        height:170px;
        position:relative;
        border-right:1px dashed #d3d3d3;
    }
    .proWrp img {
        position: absolute;
        top: 80px;
        left: 85px;
        width: 100px;
        height: auto;
    }
    .season_topColor {
        height: 2px;
        width:100%;
        position: relative;
        top:-22px;
        left:-9px;
    }
    .season_proTopic {
        position: absolute;
        top:0px;
        left:0px;
        width:100px; 
        height:16px;
        font-size:12px;
        line-height: 18px;
    }
    .season_proName {
        position: absolute;
        top:18px;
        left:0px;
        width: 8em;
        font-size: 16px;
        font-weight: bold;
    }
    .season_proClassify,.season_proClassify_big {
        height:43px;
        position: absolute;
        top:0;
        right:19px;
    }
    
    .season_proSeries,.season_proSeries_big {
        text-align: center;
        font-size: 12px;
        color:#666666;
        padding:5px 0;
        height:43px;
        float:right;
        position: relative;
    }
    .season_proClo {
        width: 47px;
        height: 43px;
        float:left;
        position: relative;
    } 
    .season_proSeries {
        width:45px;
    }
    .season_proSeries_big {
        width:55px;
    }


/*Symbol Plus*/
    .plusArea {
        width:18px;
        height:18px;
        position: relative;
        background: white;
        top: 135px;
        background-color: #fcfaf8;
    }
    .straight {
        width:18px;
        height:2px;
        display: block;
        position: absolute;
        top: 7px;
        background: white;
    }
    .transverse {
        width:2px;
        height:18px;
        display: block;
        position: absolute;
        left: 8px;
        background: white;
    }
/*Symbol Plus*/
    
/*hover area*/
    .pro_text,.pro_text_big {
        display: none;
        position:absolute;
        left:-2px;
        top:0;
        z-index:2;
        width:100%;
        background:#f4f0e7;
        opacity: 0.95;
        filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    }
    .pro_text {
        height:225px;
        padding:0px 30px;
    }
    .pro_text img {
        position: absolute;
        bottom:20px;
    }
    

    .pro_text ul,.pro_text_big ul {
        color:#666666;
        list-style-type: disc;
        list-style-position: inside;
        line-height: 21px;
        font-size: 13px;
        margin:13px 0;
    }
/*clo area*/

    .exArea {
        
    }
    .exArea .radius {
        width: 12px;
        height: 12px;
        float: left;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        position:relative;
        top: 5px;
        right: 0px;
    }
    .exArea ul {
        margin:0 25px 40px 25px;
        color: #666666;
        line-height: 25px;
        position: relative;
        height: 54px;
    }

    .exArea .bigLetter {
        font-family: BebasNeue,'Oswald',sans-serif;
        letter-spacing: 2px;
        font-size: 21px;
        color: #000000;
    }
    /*.exArea .smallLetter {font-size:8px;margin-left:5px;margin-right:15px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}*/
    
    .exArea ul .more {
        position: absolute;
        height: 33px;
        width: 120px;
        right: 0;
        top: 13px;  
    }
    .exArea ul .more a {
        text-indent: -9999;
        color: transparent;
        height: 100%;
        background: url(../img/know_more.jpg) center center;
    }
    .exArea ul .more a:hover {
        opacity: 0.6;
        filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    }


/*product color*/
    
    /*兒童*/.color_azureBlue  {
        background: #72d0f3;
    }
    /*兒童*/.border_azureBlue {
        border:1px solid #72d0f3;
    }
    /*一般枕頭*/.color_limeGreen {
        background: #b2d240;
    }
    /*一般枕頭*/.border_limeGreen {
        border:1px solid #b2d240;
    }
    /*包套*/.color_orange {
        background: #fa6921;
    }
    /*包套*/.border_orange {
        border:1px solid #fa6921;
    }
    /*床墊*/.color_purple {
        background: #855a97;
    }
    /*床墊*/.border_purple {
        border:1px solid #855a97;
    }




    
    /* season clo */

    /*10*/.clo-logo_10 {
        background: url(../img/CLOsymbol-sprites.png) #775124 no-repeat 0 -427px;
    }
    /*10*/.cl-border_brown {
        border:1px solid #775124;
    }
    
    /*9*/.clo-logo_9 {
        background: url(../img/CLOsymbol-sprites.png) #b36c10 no-repeat 0 -371px;
    }
    /*9*/.cl-border_red {
        border:1px solid #b36c10;
    }
       
    /*8*/.clo-logo_8 {
        background: url(../img/CLOsymbol-sprites.png) #f194c0 no-repeat 0 -318px;
    }
    /*8*/.cl-border_red {
        border:1px solid #f194c0;
    }
       
    /*7*/.clo-logo_7 {
        background: url(../img/CLOsymbol-sprites.png) #ed1b24 no-repeat 0 -265px;
    }
    /*7*/.clo-logo_75 {
        background: url(../img/pro_clo75.jpg) #ed1b24 no-repeat 0 0;
    }
        /*7*/.clo-logo_65 {
            background: url(../img/pro_clo65.jpg) #01b6c7 no-repeat 0 0 /100% 100%;
        }
    /*7*/.cl-border_red {
        border:1px solid #ed1b24;
    }
        
    /*6*/.clo-logo_6 {
        background: url(../img/CLOsymbol-sprites.png) #01b6c7 no-repeat 0 -212px;
    }
    /*6*/.cl-border_skyblue {
        border:1px solid  #01b6c7;
    }
    
    /*5*/.clo-logo_5 {
        background: url(../img/CLOsymbol-sprites.png) #a678b6 no-repeat 0 -159px;
    }
    /*5*/.cl-border_purple {
        border:1px solid  #a678b6;
    }
    
    /*4*/.clo-logo_4 {
        background: url(../img/CLOsymbol-sprites.png) #fcb712 no-repeat 0 -106px;
    }
    /*4*/.cl-border_yellow {
        border:1px solid  #fcb712;
    }
    
    /*4.5*/.clo-logo_4a {
        background: url(../img/pro_clo4_5.jpg) #a375b6 no-repeat;
    }

    /*3*/.clo-logo_3 {
        background: url(../img/CLOsymbol-sprites.png) #89c53f no-repeat 0 -53px;
    }
    /*3*/.cl-border_lightBlue {
        border:1px solid #89c53f;
    }
    
    /*2*/.clo-logo_2 {
        background: url(../img/CLOsymbol-sprites.png) #9dd29c no-repeat 0 0;
    }
    /*2*/.cl-border_lightBlue {
        border:1px solid #9dd29c;
    }
    
    

   .clo-logo_1 {
        background: url(../img/pro_clo1.jpg) #7ed3e8 no-repeat;
    }