@charset "UTF-8";

/************活動場次表格************/

#loreal-compaign * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/*#loreal-compaign .row {
    margin-left: -20px;
    margin-right: -20px;
}*/

#loreal-compaign .row:after,
#loreal-compaign .row:before {
    content: " ";
    display: table
}

#loreal-compaign .row:after {
    clear: both
}

#loreal-compaign .col-sm-1,
#loreal-compaign .col-sm-10,
#loreal-compaign .col-sm-11,
#loreal-compaign .col-sm-12,
#loreal-compaign .col-sm-2,
#loreal-compaign .col-sm-3,
#loreal-compaign .col-sm-4,
#loreal-compaign .col-sm-5,
#loreal-compaign .col-sm-6,
#loreal-compaign .col-sm-7,
#loreal-compaign .col-sm-8,
#loreal-compaign .col-sm-9,
#loreal-compaign .col-xs-1,
#loreal-compaign .col-xs-10,
#loreal-compaign .col-xs-11,
#loreal-compaign .col-xs-12,
#loreal-compaign .col-xs-2,
#loreal-compaign .col-xs-3,
#loreal-compaign .col-xs-4,
#loreal-compaign .col-xs-5,
#loreal-compaign .col-xs-6,
#loreal-compaign .col-xs-7,
#loreal-compaign .col-xs-8,
#loreal-compaign .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px
}

#loreal-compaign .col-xs-1,
#loreal-compaign .col-xs-10,
#loreal-compaign .col-xs-11,
#loreal-compaign .col-xs-12,
#loreal-compaign .col-xs-2,
#loreal-compaign .col-xs-3,
#loreal-compaign .col-xs-4,
#loreal-compaign .col-xs-5,
#loreal-compaign .col-xs-6,
#loreal-compaign .col-xs-7,
#loreal-compaign .col-xs-8,
#loreal-compaign .col-xs-9 {
    float: left
}

#loreal-compaign .col-xs-1 {
    width: 8.33333%
}

#loreal-compaign .col-xs-2 {
    width: 16.66667%
}

#loreal-compaign .col-xs-3 {
    width: 25%
}

#loreal-compaign .col-xs-4 {
    width: 33.33333%
}

#loreal-compaign .col-xs-5 {
    width: 41.66667%
}

#loreal-compaign .col-xs-6 {
    width: 50%
}

#loreal-compaign .col-xs-7 {
    width: 58.33333%
}

#loreal-compaign .col-xs-8 {
    width: 66.66667%
}

#loreal-compaign .col-xs-9 {
    width: 75%
}

#loreal-compaign .col-xs-10 {
    width: 83.33333%
}

#loreal-compaign .col-xs-11 {
    width: 91.66667%
}

#loreal-compaign .col-xs-12 {
    width: 100%
}
#loreal-compaign .row--8>.col {
    padding: 0;
    font-size: 15px;
    line-height: 1.4;
}
@media (min-width:768px) {

    #loreal-compaign .col-sm-1,
    #loreal-compaign .col-sm-10,
    #loreal-compaign .col-sm-11,
    #loreal-compaign .col-sm-12,
    #loreal-compaign .col-sm-2,
    #loreal-compaign .col-sm-3,
    #loreal-compaign .col-sm-4,
    #loreal-compaign .col-sm-5,
    #loreal-compaign .col-sm-6,
    #loreal-compaign .col-sm-7,
    #loreal-compaign .col-sm-8,
    #loreal-compaign .col-sm-9 {
        float: left
    }

    #loreal-compaign .col-sm-1 {
        width: 8.33333%
    }

    #loreal-compaign .col-sm-2 {
        width: 16.66667%
    }

    #loreal-compaign .col-sm-3 {
        width: 25%
    }

    #loreal-compaign .col-sm-4 {
        width: 33.33333%
    }

    #loreal-compaign .col-sm-5 {
        width: 41.66667%
    }

    #loreal-compaign .col-sm-6 {
        width: 50%
    }

    #loreal-compaign .col-sm-7 {
        width: 58.33333%
    }

    #loreal-compaign .col-sm-8 {
        width: 66.66667%
    }

    #loreal-compaign .col-sm-9 {
        width: 75%
    }

    #loreal-compaign .col-sm-10 {
        width: 83.33333%
    }

    #loreal-compaign .col-sm-11 {
        width: 91.66667%
    }

    #loreal-compaign .col-sm-12 {
        width: 100%
    }
}


#loreal-compaign .row>.col {
    float: left
}

#loreal-compaign .row--0 {
    margin: 0 0
}

#loreal-compaign .row--0>.col {
    padding: 0 0
}

#loreal-compaign .row--1 {
    margin: 0 -1px
}

#loreal-compaign .row--1>.col {
    padding: 0 1px
}

#loreal-compaign .row--2 {
    margin: 0 -2px
}

#loreal-compaign .row--2>.col {
    padding: 0 2px
}

#loreal-compaign .row--4 {
    margin: 0 -4px
}

#loreal-compaign .row--4>.col {
    padding: 0 4px
}

#loreal-compaign .row--5 {
    margin: 0 -5px
}

#loreal-compaign .row--5>.col {
    padding: 0 5px
}

/*#loreal-compaign .row--8 {
    margin: 0 -8px
}*/

#loreal-compaign .row--10 {
    margin: 0 -10px
}

#loreal-compaign .row--10>.col {
    padding: 0 10px
}

#loreal-compaign .row--16 {
    margin: 0 -16px
}

#loreal-compaign .row--16>.col {
    padding: 0 16px
}

#loreal-compaign .row--24 {
    margin: 0 -24px
}

#loreal-compaign .row--24>.col {
    padding: 0 24px
}
#loreal-compaign .ll-page-ABvilla {
    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    width:100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    background: url(../images/ABV_table_bg_mb.jpg) #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    text-align: center;
    padding-bottom: 30px;
}

#loreal-compaign .ll-page-ABvilla__session {
    position: relative;
    width:100%;
    margin: 0 auto;
}
@media (min-width:1024px) {
#loreal-compaign .ll-page-ABvilla {
    font-size: 15px;
    width:100%;
    background: url(../images/ABV_table_bg2.jpg);
    padding-bottom: 80px;
}
#loreal-compaign .ll-page-ABvilla__session {
    position: relative;
    width:940px;  
}
}

#loreal-compaign .ll-page-ABvilla__session img{
width:100%;
display:block;
}
#loreal-compaign .ll-page-ABvilla__session .wrapper{
    width:100%;
    margin:0 auto;
    background: url(../images/ABV_table_middle_mb.png);
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top center;
    background-repeat:repeat-y;
}
@media (min-width:1024px) {
#loreal-compaign .ll-page-ABvilla__session .wrapper{
    width:940px; 
    background: url(../images/ABV_table_middle.png); 
}
}
#loreal-compaign .ll-page-ABvilla__session .session_list {
    width:70%;
    margin: 0 auto;
}
@media (min-width:768px) {
    #loreal-compaign .ll-page-ABvilla__session .session_list {
        width:75%;
    }
}  
@media (min-width:1024px) {
    #loreal-compaign .ll-page-ABvilla__session .session_list {
        width:814px;
    }
    #loreal-compaign .col-sm-6 {
        width: 50%
    }
}  
#loreal-compaign .ll-page-ABvilla__session .whiteBorder>div {
    border: 1px solid #fff;
    border-bottom: 0;
    padding: 8px 5px
}
#loreal-compaign .ll-page-ABvilla__session .title {
    border: 1px solid #d7a77f;
    border-bottom: 0;
    padding: 8px 5px;
    background: #462502;
    color:#fff;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
}

@media(max-width:415px){
#loreal-compaign .ll-page-ABvilla__session .title {
    padding: 5px;
    font-size: 18px;
    font-weight: 500;
}
}
@media(max-width:375px){
#loreal-compaign .row--8>.col {
    font-size: 14.5px;
}
}
@media(max-width:360px){
    #loreal-compaign .row--8>.col {
        font-size: 13.5px;
    }
    #loreal-compaign .ll-page-ABvilla__session .title {
        font-size: 16px;
    }
    }
#loreal-compaign .ll-page-ABvilla__session .whiteBorder>div:nth-child(even) {
    background: #fdf9f6
}

#loreal-compaign .ll-page-ABvilla__session .whiteBorder>div:nth-child(odd) {
    background: #f0e0c0
}

#loreal-compaign .ll-page-ABvilla__session .site {
    color: #353535;
    text-align: center;
}

#loreal-compaign .ll-page-ABvilla__session .during {
    color: #c37e34;
    text-align: center;
}

@media (max-width:810px) {
#loreal-compaign .ll-page-ABvilla__session .site {
    text-align: left;
    padding-left: 2vw;
}
}

@media (min-width:768px) {
    #loreal-compaign .row--8>.col {
        font-size: 14.5px;
    }
}
@media (min-width:1024px) {
    #loreal-compaign .row--8>.col {
        font-size: 17px;
    }
}
.ll-page-ABvilla .row .row{
    line-height: auto;
    margin:0 auto;
}

@media(max-width:600px){
    .pc2 {
        display: none !important
    }

}