@charset "UTF-8";

/*DESKTOP
======================*/
@media screen and (min-width: 1280px) and (max-width: 4000px) {
    .img-tbtext:hover {
        background-color: rgba(88, 52, 98, 0.85);
    }
    .img-tbtext:hover span.witness_man_txt abbr {
        color:#573960;
        opacity: 0.6;
    }
    .img-tbtext:hover span.witness_man_txt abbr.witness_about {
        color:#573960;
        opacity: 0.6;
        -moz-transition: all 0s ease-in;
        -o-transition: all 0s ease-in;
        -webkit-transition: all 0s ease-in;
        transition: all 0s ease-in;
    }
    .img-tbtext:hover span.witness_man_txt abbr.witness_first_title:before{
        color:#573960;
        opacity: 0.6;
    }
    .img-tbtext:hover span.witness_man_txt abbr.witness_first_title:after{
        color:#573960;
        opacity: 0.6;
    }
    .img-tbtext h3 {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        text-transform: uppercase;
        padding-bottom: 20px;
        color:#fff;
        font-size:18px;
        letter-spacing: 2px;
    }
    .img-tbtext h4 {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-transform: uppercase;
        padding-bottom: 18px;
        color:#fff;
        font-size:18px;
    }

    .img-tbtext h5 {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        color: #888;
        font-size: 13px;
    }

    .img-tbtext:hover img {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=10);
        opacity: 0.1;
    }

    .img-tbtext:hover h3,
    .img-tbtext:hover h4,
    .img-tbtext:hover h5 {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }
    .img-tbtext span.witness_man_txt {
        max-width: 58%;
        height:125px;
        overflow: hidden;
        float:left;
        backface-visibility: hidden;
    }
}
@media screen and (min-width: 1170px) {}

@media screen and (min-width: 990px) {}

@media screen and (min-width: 990px) and (max-width: 1169px) {}

@media screen and (min-width: 768px) and (max-width: 1169px) {
    /* BANNER========= */
    .main_banner{
        width: 100%;
        height: 904px;
    }
    .main_banner span {
        width: 100%;
        height: 100%;
    }
    .main_banner span.main_banner_model abbr {
        width: 100%;
        height: 100%;
        background-position: center top;
        background-size: 100% auto;
    }
    .main_banner_border abbr{
        width:72%;
        height:400px;
        border:#fff solid 5px;
        border-bottom:#fff solid 0px;
        margin-top:35%;
        left:-1.5%;
        position: relative;
    }
    .main_banner span.main_banner_font{
        z-index: 6;
        width: auto;
        height: auto;
        position: relative;
        padding-top:35%;
    }

    .main_banner span.main_banner_font abbr{
        
    }
    .main_banner span.main_banner_font abbr.cont_first_txt {
        font-size: 32px;
        line-height: 40px;
    }

    .main_banner span.main_banner_font abbr.cont_second_txt {
        font-size: 50px;
    }

    .main_banner span.main_banner_font abbr.cont_big_txt {
        font-size: 60px;
    }




    .main_banner span.main_parallax_first abbr:nth-child(1) img{
        left:-20%;
        top:85px;
        position: absolute;
    }
    .main_banner span.main_parallax_first abbr:nth-child(2) img{
        left:-10.5%;
        top:60px;
        position: absolute;
    }
    .main_banner span.main_parallax_first abbr:nth-child(3) img{
        left:-15%;
        top:145px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr {
        width: 165%;
    }
    .main_banner span.main_parallax_second abbr:nth-child(1) img{
        left:-20%;
        top:25px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr:nth-child(2) img{
        left:-22%;
        top:50px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr:nth-child(3) img{
        left:-18%;
        top:-35px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr:nth-child(4) img{
        left:-18%;
        top:-35px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr:nth-child(5) img{
        left:-16%;
        top:10px;
        position: absolute;
    }
    /* BANNER==================end */

    /* BHAIRER========= */
    .bhairer_product{
        bottom:-260px;
        left:-10%;
        width:440px;
        height:310px;
        padding-top:60px;
        padding-left:70px;
    }
    .bhairer_product span.bhairer_product_title{
        font-size: 70px;
        top:-55px;
        left:0px;
        background-position: 74px 20px;
    }
    .bhairer_change{
        /*margin-top:320px;*/
        margin-top: 150px;
        margin-bottom:180px;
    }
    .bhairer_change_cont{
        position: absolute;
        bottom:-188px;
        right:-65px;
    }
    .bhairer_change_cont span.bhairer_change_sample{
        display: block;
        position: absolute;
        left:-235px;
        bottom:-60px;
        z-index: 5;
    }
    .after_change_decoration{
        width: 70px;
        height: 500px;
        left: 90px;
        bottom: -35px;
    }
    .bhairer_change_img .change_after .change_content{
        font-size:70px;
        top:320px;
        right:-56px;
        background-position: 94px 20px;
    }
    .bhairer_change_img .change_before .change_content{
        font-size:70px;
        top:320px;
        left:0px;
    }
    .bhairer_change_img .change_before abbr.change_item img{
        position: relative;
        left:0px;
    }
    .bhairer_change_img .change_after abbr.change_item img{
        position: relative;
        right:0px;
    }
    /* BHAIRER==================end */

    /* HAIRER========= */
    .hairer_box{
        height: 785px;
        position: relative;
        margin-top:0;
        display: block;
    }
    .hairer_decoration{
        width: 520px;
        height: 70px;
        left: -24px;
        bottom: 60px;
    }
    .hairer_product span.hairer_product_title{
        font-size: 80px;
        letter-spacing: 7px;
        position: absolute;
        top:-70px;
        left:0px;
    }
    .hairer_product{
        bottom:-232px;
        right:-80px;
        width:460px;
        height:220px;
        padding-top:60px;
        padding-left:70px;
    }
    /* HAIRER==================end */

    /* WITNESS_MAN========= */
    .witness_box{
        height: 100%;
        position: relative;
        margin-top:0;
        display: block;
        margin-bottom:160px;
    }
    .witness_man{
        display: block;
        height:150px;
        margin-bottom:9px;
    }
    .witness_cont{
        margin-top:80px;
        margin-bottom:35px;
    }
    .witness_man span{
        display: inline-block;
        margin-bottom:0;
    }
    .witness_man span.witness_man_bg{
        width: 30%;
        height:100%;
        float: left;
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .witness_man span.witness_man_txt{
        width: 67%;
        padding:20px 20px 0 20px;
        height:100%;
        font-size:14px;
        position: relative;
    }
    .witness_man span.witness_man_txt abbr.witness_first_title{
        height:auto;
    }
    .witness_man span.witness_man_txt abbr.witness_first_title br{
        display: none;
    }
    .witness_man span.witness_man_txt abbr.witness_about{
        border-top:1px solid #ededed;
        margin-top:20px;
        padding-top:16px;
    }
    .witness_bg_gray1{
        background: #fbfbfb;
    }
    .witness_bg_gray2{
        background: #f7f7f7;
    }
    .img-tbtext span.witness_man_img {
        width: 233px;
        height:150px;
        overflow: hidden;
        float:left;
    }
    .img-tbtext span img {
        vertical-align: top;
        width: 100%;
        height:100%;
        backface-visibility: hidden;
    }
    /* WITNESS_MAN==================end */

    /* LUXURY========= */
    .luxury_banner span.luxury_banner_font abbr{
        width: 100%;
    }
    /* LUXURY==================end */

    /* EBROWER========= */
    .ebrower_product{
        bottom:-150px;
        left:-10%;
        width:445px;
        height:220px;
        padding-top:10px;
        padding-left:70px;
    }
    .ebrower_product span.ebrower_product_title{
        font-size: 80px;
        top:-40px;
        left:0px;
    }
    .ebrower_product span.ebrower_product_info{
        display: inline-block;
        width: 100%;
        padding-left:150px;
        padding-top:80px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_sampl{
        top:-30px;
        margin-left:75px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_title{
        margin-top:90px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_sampl{
        position: absolute;
        top:-70px;
        margin-left:65px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_sampl img{
        width:45px;
    }
    /* EBROWER==================end */

    /* MAKEUP========= */
    .makeup_background{
        height:287px;
        width:100%;
        display:block;
        background-position: center top;
        background-size: 253px 287px;
        background-repeat: no-repeat;
        position: absolute;
        bottom:0;
        background-image: url(../../images/main/makeup_flower.png);
    }
    .ebrower_decoration{
        width: 310px;
        height: 70px;
        right: 0px;
        bottom: -20px;
    }
    .footer_decoration{
        width: 70px;
        height: 385px;
        right: 22%;
    }
    /* MAKEUP==================end */
}


/*TABLET
======================*/

@media screen and (max-width:1279px) and (orientation:landscape) {}

@media screen and (max-width: 989px) {}

@media screen and (min-width: 600px) and (max-width: 767px) {
    /* BANNER========= */
    .main_banner{
        overflow: hidden;
    }
    .main_banner span.main_banner_font abbr{
        width: 100%;
    }
    .main_banner span.main_banner_font abbr.cont_first_txt{
        font-size:72px;
        line-height: 72px;
        letter-spacing: 9px;
        margin-bottom:13px;
        background-position: 50px -150px;
        background-size: 90%;
    }
    .main_banner span.main_banner_font abbr.cont_last_txt{
        font-size:15px;
        letter-spacing: 1px;
        margin-top:10px;
    }
    .main_banner span.main_banner_font abbr.cont_second_txt{
        width:200px;
        height:72px;
        font-size:65px;
        line-height: 65px;
        padding-top:3px;
        letter-spacing: 8px;
        background-size: 90% 72px;
    }
    .main_banner_border abbr{
        width:90%;
        height:400px;
        display: block;
        margin:0 auto;
        border:#fff solid 4px;
        border-bottom:#fff solid 0px;
        margin-top:45%;
    }
    .main_banner span.main_banner_font{
        padding-top:305px;
    }
    .main_banner span.main_banner_font abbr.cont_topline:before{
        height:70px;
        margin-top:-70px;
    }
    .main_banner span.main_banner_font abbr.cont_bottomline:before{
        height:70px;
    }
    .main_banner span.main_parallax_first abbr {
        width: 160%;
    }
    .main_banner span.main_parallax_first abbr:nth-child(1) img{
        left:-23%;
        top:65px;
        position: absolute;
    }
    .main_banner span.main_parallax_first abbr:nth-child(2) img{
        left:-26%;
        top:215px;
        position: absolute;
    }
    .main_banner span.main_parallax_first abbr:nth-child(3) img{
        left:-16%;
        top:115px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr {
        width: 250%;
    }
    
    .main_banner span.main_parallax_second abbr:nth-child(1) img{
         display:none;
    }
    .main_banner span.main_parallax_second abbr:nth-child(2) img{
         display:none;
    }
    .main_banner span.main_parallax_second abbr:nth-child(3) img{
        left:-29%;
        top:105px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr:nth-child(4) img{
        left:-29%;
        top:190px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr:nth-child(5) img{
        display:none;
    }
    /* BANNER==================end */

    /* BHAIRER========= */
    .bhairer_box {
        height: 100%;
        padding-bottom: 18px;
    }
    .bhairer_pass span.pass_flower_bg abbr.pass_flower_01{
        background-position: -50px top;
    }
    .bhairer_pass span.pass_flower_bg abbr.pass_flower_02{
        background-position: -50px top;
    }
    .bhairer_pass span.pass_flower_bg abbr.pass_flower_03{
        background-position: center top;
    }
    .bhairer_pass{
        display: block;
        margin-top:80px;
        margin-bottom:40px;
    }
    .bhairer_product{
        position: relative;
        bottom:0px;
        left:0px;
        width:100%;
        background: none;
        height:100%;
        padding-top:340px;
        padding-left:0px;
    }
    .bhairer_product span{
        display: block;
        text-align: center;
    }
    .bhairer_product span.bhairer_product_title{
        font-size: 60px;
        letter-spacing: 7px;
        position: relative;
        top:16px;
        left:0px;
        background-position: 254px 20px;
    }

    .bhairer_product span.bhairer_product_sample{
        display: block;
        width: 100%;
        float: left;
        margin:0 auto;
    }
    .bhairer_product span.bhairer_product_sample img{
        margin:22px auto 0 auto;
    }
    .bhairer_product span.bhairer_product_info{
        display: block;
        width: 100%;
        padding-left:0;
        padding-top:0;
        position: relative;
        top:-60px;
    }
    .bhairer_banner{
        position: absolute;
        top:0px;
    }
    .bhairer_decoration{
        width: 320px;
        height: 70px;
        right: -15px;
        bottom: -25px;
        top:290px;
    }
    .bhairer_product span.bhairer_product_info abbr.info_bottomline{
        display: none;
    }
    .bhairer_product span.bhairer_product_info abbr.info_link a{
        width: 100%;
        height:40px;
        line-height: 40px;
        font-size:14px;
        background-position: right top;
    }
    
    .bhairer_change{
        margin-top:0px;
        margin-bottom:0px;
        position: relative;
        height:840px;
    }
    .bhairer_change_cont span abbr.info_bottomline{
        display: none;
    }
    .bhairer_change_img .change_before{
/*         width: 100%; */
        display: inline-block;
        float: left;
        position: absolute;
    }
    .bhairer_change_img .change_before abbr.change_item{

    }
    .bhairer_change_img .change_before abbr.change_item img{
        position: relative;
        left:0px;
        width:100%;
    }
    .bhairer_change_img .change_after{
/*         width: auto; */
        display: inline-block;
        position: absolute;
    }
    .bhairer_change_img .change_after abbr.change_item img{
        position: absolute;
        right:0px;
        width:100%;
    }
    .bhairer_change_cont{
        position: relative;
        width: 100vw!important;
        bottom:0px;
        right:0px;
        margin-top:450px;
        text-align: center;
        display: block;
        padding-left:30px;
    }
    .after_change_decoration{
        width: 60px;
        height: 460px;
        left: 50%;
        bottom: 385px;
    }
    .bhairer_change_cont span abbr.info_link a{
        width: 100%;
        height:40px;
        line-height: 40px;
        font-size:14px;
        background-position: right top;
    }
    .bhairer_change_cont{
        position: relative;
        bottom:0;
        left:-100%;
    }
    .bhairer_change_cont span.bhairer_change_sample{
        display: block;
        position: relative;
        left:0px;
        bottom:0px;
        margin-bottom:-25px;
    }
    .bhairer_change_cont span.bhairer_change_sample img{
        margin:0 auto;
    }
    /* BHAIRER==================end */

    /* HAIRER========= */
    .hairer_box{
        height: 840px;
    }
    .hairer_border{
        display: none;
    }
    .hairer_decoration{
        background: #7e6e93;
        opacity: 0.2;
        width: 220px;
        height: 70px;
        display: block;
        position: absolute;
        z-index: 5;
        left: -15px;
        bottom: 340px;
    }
    .hairer_banner{
        height:340px;
        background-size: cover;
    }
    .hairer_product{
        position: relative;
        bottom:0px;
        right:0px;
        width:100%;
        height:220px;
        padding-top:30px;
        padding-left:0px;
        margin-top:75px;
    }
    .hairer_product span.hairer_product_title{
        font-size: 54px;
        letter-spacing: 5.5px;
        position: absolute;
        top:-70px;
        left:0px;
        width: 100%;
        text-align: center;
        background-position: 140px 13px;
    }
    .hairer_product span.hairer_product_info abbr.info_bottomline{
        display: none;
    }
    .hairer_product span.hairer_product_sample{
        display: block;
        width: 100%;
        text-align: center;
    }
    .hairer_product span.hairer_product_sample img{
        margin:0 auto;
        left:0px;
    }
    .hairer_product span.hairer_product_info{
        display: inline-block;
        width: 100%;
        padding-left:0%;
        padding-top:0;
        position: relative;
        z-index:2;
        text-align: center;
        margin-top:-17px;
    }
    .hairer_product span.hairer_product_info abbr.info_link a{
        width: 100%;
        height:40px;
        line-height: 40px;
        font-size:14px;
        background-position: right top;
    }
    .hairer_product span.hairer_product_info abbr.info_first_txt{
        margin-bottom:3px;
        padding:0 10px;
    }
    /* HAIRER==================end */

    /* WITNESS_MAN========= */
    .witness_box{
        height: 100%;
        margin-bottom:40px;
    }
    .witness_man{
        display: block;
        height:100%;
        margin-top:0;
        margin-bottom:8px;
    }
    .witness_man span.witness_man_bg{
        width: 100%;
        height:360px;
        float: left;
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .witness_man span.witness_man_txt{
        width: 63%;
        padding:20px;
        font-size:14px;
        background: #fbfbfb;
        position: relative
    }
    .witness_man span.witness_man_txt abbr.witness_about{
       border-top:1px solid #ededed;
       padding-top:16px;
    }
    .witness_man span.witness_man_txt abbr.witness_first_title{
        margin-bottom:18px;
        height:auto;
    }
    .witness_man span.witness_man_txt abbr.witness_first_title br{
        display: none;
    }
    .witness_cont{
        display: block;
        height:204px;
        margin-top:0px;
        padding-top:40px;
    }
    .img-tbtext span.witness_man_img {
        width: 200px;
        height:135px;
        overflow: hidden;
        float:left;
    }
    .img-tbtext span img {
        vertical-align: top;
        width: 100%;
        height:100%;
        backface-visibility: hidden;
    }
    /* WITNESS_MAN==================end */

    /* LUXURY========= */
    .luxury_box{
        margin-bottom:70px;
    }
    .luxury_banner span.luxury_banner_border abbr{
        width:90%;
        border:#fff solid 4px;
    }
    .luxury_banner span.luxury_banner_font abbr{
        width: 100%;
    }
    .luxury_banner span.luxury_banner_font abbr.luxury_first_txt{
        margin-top:98px;
    }
    .luxury_banner span.luxury_banner_font abbr.luxury_decoration{
        width: 90%;
        height: 70px;
        top:-95px;
    }
    .luxury_banner span.luxury_parallax_first abbr.parallax_first1 {
        margin-top:-60px;
        margin-left:-150px;
    }
    .luxury_banner span.luxury_parallax_first abbr.parallax_first2 {
        margin-top:220px;
        margin-left:160px; 
    }
    .luxury_banner span.luxury_parallax_first abbr.parallax_first3 {
        margin-top:260px;
        margin-left:60px;
    }
    .luxury_banner span.luxury_banner_model abbr {
        background-size: auto 120%;
    }
    /* LUXURY==================end */

    /* EBROWER========= */
    .ebrower_box{
        height: 100%;
        margin-bottom:30px;
    }
    .ebrower_banner{
        position: absolute;
        top:0px;
    }
    .ebrower_product{
        position: relative;
        bottom:0px;
        left:0px;
        width:100%;
        background: none;
        height:100%;
        padding-top:340px;
        padding-left:0px;
    }
    .ebrower_decoration{
        width: 300px;
        height: 70px;
        right: -15px;
        bottom: -25px;
        top:288px;
    }
    .ebrower_product span.ebrower_product_info{
        display: inline-block;
        width: 100%;
        padding-left:0px;
        padding-top:0px;
        text-align: center;
    }
    .ebrower_product span.ebrower_product_title{
        font-size: 60px;
        letter-spacing: 7px;
        position: relative;
        top:0px;
        left:0px;
        text-align: center;
        background-position: 257px 20px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_sampl{
        position: relative;
        top:0px;
        margin-left:0px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_sampl img{
        margin: 0 auto;
    }
    .ebrower_product span.ebrower_product_info abbr.info_title{
        white-space: normal;
        margin-top:-60px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_title b i{
        display: block;
    }
    .ebrower_product span.ebrower_product_info abbr.info_link{
        margin-top:22px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_link a{
        width: 100%;
        height:40px;
        line-height: 40px;
        font-size:14px;
        background-position: right top;
    }
    /* EBROWER==================end */

    /* MAKEUP========= */
    .makeup_box{
        height: 100%;
        margin-bottom:30px;
    }
    .makeup_background{
        height:287px;
        width:100%;
        display:block;
        background-position: center top;
        background-size: 253px 287px;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 0;
        bottom:0;
        top:0px;
        background-image: url(../../images/main/makeup_flower.png);
    }
    .makeup_cont{
        display: block;
        margin-top:35px;
        margin-bottom:23px;
    }
    .makeup_reback{
        margin-bottom:34px;
        position: relative;
        z-index: 2;
    }
    .makeup_reback span.reback_txt.reback_last b{
        margin-top:0px;
    }
    /* MAKEUP==================end */
}


/* MOBILE
======================*/

@media screen and (max-width: 599px) {
    /* BANNER========= */
    .main_banner{
        overflow: hidden;
    }
    .main_banner span.main_banner_font abbr{
        width: 100%;
    }
    .main_banner span.main_banner_font abbr.cont_first_txt{
        font-size: 21px;
        line-height: 25px;
    }
    .main_banner span.main_banner_font abbr.cont_last_txt{
        font-size:15px;
        letter-spacing: 1px;
        margin-top:10px;
    }
    .main_banner span.main_banner_font abbr.cont_second_txt{
        /*width:200px;
        height:72px;
        font-size:65px;
        line-height: 65px;
        padding-top:3px;
        letter-spacing: 8px;
        background-size: 90% 72px;*/
        font-size: 35px;
        line-height: 48px;
        margin-bottom: 10px;
    }
    .main_banner span.main_banner_font abbr.cont_big_txt{
        font-size: 40px;
        line-height: 55px;
    }
    .main_banner span.main_banner_font abbr.cont_big_txt abbr{
        padding: 7px 0;
    }
    .main_banner_border abbr{
        width:90%;
        height:500px;
        display: block;
        margin:0 auto;
        border:#fff solid 4px;
        border-bottom:#fff solid 0px;
        margin-top:50%;
    }
    .main_banner span.main_banner_font{
        padding-top:205px;
    }
    .main_banner span.main_banner_font abbr.cont_topline:before{
        height:70px;
        margin-top:-70px;
    }
    .main_banner span.main_banner_font abbr.cont_bottomline:before{
        height:70px;
    }
    .main_banner span.main_parallax_first abbr {
        width: 220%;
    }
    .main_banner span.main_parallax_first abbr:nth-child(1) img{
        left:-26%;
        top:-35px;
        position: absolute;
    }
    .main_banner span.main_parallax_first abbr:nth-child(2) img{
        left:-33%;
        top:140px;
        position: absolute;
    }
    .main_banner span.main_parallax_first abbr:nth-child(3) img{
        left:-25%;
        top:105px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr {
        width: 350%;
    }
    
    .main_banner span.main_parallax_second abbr:nth-child(1) img{
         display:none;
    }
    .main_banner span.main_parallax_second abbr:nth-child(2) img{
         display:none;
    }
    .main_banner span.main_parallax_second abbr:nth-child(3) img{
        left:-40%;
        top:15px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr:nth-child(4) img{
        left:-39%;
        top:60px;
        position: absolute;
    }
    .main_banner span.main_parallax_second abbr:nth-child(5) img{
        display:none;
    }
    /* BANNER==================end */

    /* BHAIRER========= */
    .bhairer_box {
        height: 100%;
    }
    .bhairer_pass span.pass_flower_bg abbr.pass_flower_01{
        background-position: -50px top;
    }
    .bhairer_pass span.pass_flower_bg abbr.pass_flower_02{
        background-position: -50px top;
    }
    .bhairer_pass span.pass_flower_bg abbr.pass_flower_03{
        background-position: center top;
    }
    .bhairer_pass{
        display: block;
        margin-top:80px;
        margin-bottom:40px;
    }
    .bhairer_product{
        position: relative;
        bottom:0px;
        left:0px;
        width:100%;
        background: none;
        height:705px;
        padding-top:220px;
        padding-left:0px;
    }
    .bhairer_product span{
        display: block;
        text-align: center;
    }
    .bhairer_product span.bhairer_product_title{
        font-size: 60px;
        letter-spacing: 7px;
        position: relative;
        top:16px;
        left:0px;
        background-position: 120px 15px;
    }
    .bhairer_product span.bhairer_product_sample{
        display: block;
        width: 100%;
        float: left;
        margin:0 auto;
    }
    .bhairer_product span.bhairer_product_sample img{
        margin:22px auto 0 auto;
    }
    .bhairer_product span.bhairer_product_info{
        display: block;
        width: 100%;
        padding-left:0;
        padding-top:0;
        position: relative;
        top:-60px;
    }
    .bhairer_banner{
        position: absolute;
        top:0px;
    }
    .bhairer_decoration{
        width: 210px;
        height: 70px;
        right: -15px;
        bottom: -25px;
        top:210px;
    }
    .bhairer_product span.bhairer_product_info abbr.info_bottomline{
        display: none;
    }
    .bhairer_product span.bhairer_product_info abbr.info_link a{
        width: 100%;
        height:40px;
        line-height: 40px;
        font-size:14px;
        background-position: right top;
    }
    
    .bhairer_change{
        margin-top:45px;
        margin-bottom:0px;
        position: relative;
        height:740px;
    }
    .bhairer_change_cont span abbr.info_bottomline{
        display: none;
    }
    .bhairer_change_img .change_before{
        width: 60%;
        display: inline-block;
        float: left;
        position: absolute;
    }
    .bhairer_change_img .change_before abbr.change_item{
    }
    .bhairer_change_img .change_before abbr.change_item img{
        position: relative;
        left:0px;
        width:100%;
    }
    .bhairer_change_img .change_after{
        width: 60%;
        display: inline-block;
        position: absolute;
        right: :0;
    }
    .bhairer_change_img .change_after abbr.change_item img{
        position: absolute;
        right:0px;
        width:100%;
    }
    .bhairer_change_cont{
        position: relative;
        bottom:0px;
        right:0px;
        margin-top:350px;
        text-align: center;
        padding:0 0;
    }
    .after_change_decoration{
        width: 60px;
        height: 350px;
        left: 50%;
        bottom: 385px;
    }
    .bhairer_change_cont span abbr.info_link a{
        width: 100%;
        height:40px;
        line-height: 40px;
        font-size:14px;
        background-position: right top;
    }
    .bhairer_change_cont span.bhairer_change_sample{
        display: block;
        position: relative;
        left:0px;
        bottom:0px;
        margin-bottom:-25px;
    }
    .bhairer_change_cont span.bhairer_change_sample img{
        margin:0 auto;
    }
    .bhairer_change_cont{
        position: relative;
        width:95vw;
        bottom:0;
        left:-60%;
    }
    .bhairer_change_img .change_after {
        right:5%;
    }
    /* BHAIRER==================end */

    /* HAIRER========= */
    .hairer_box{
        height: 690px;
    }
    .hairer_border{
        display: none;
    }
    .hairer_decoration{
        background: #7e6e93;
        opacity: 0.2;
        width: 220px;
        height: 70px;
        display: block;
        position: absolute;
        z-index: 5;
        left: -15px;
        bottom: 340px;
    }
    .hairer_banner{
        height:210px;
        background-size: cover;
    }
    .hairer_product{
        position: relative;
        bottom:0px;
        right:0px;
        width:100%;
        height:220px;
        padding-top:30px;
        padding-left:0px;
        margin-top:75px;
    }
    .hairer_product span.hairer_product_title{
        font-size: 54px;
        letter-spacing: 5.5px;
        position: absolute;
        top:-70px;
        left:0px;
        width: 100%;
        text-align: center;
        background-position: 0px 15px;
    }
    .hairer_product span.hairer_product_info abbr.info_bottomline{
        display: none;
    }
    .hairer_product span.hairer_product_sample{
        display: block;
        width: 100%;
        text-align: center;
    }
    .hairer_product span.hairer_product_sample img{
        margin:0 auto;
        left:0px;
    }
    .hairer_product span.hairer_product_info{
        display: inline-block;
        width: 100%;
        padding-left:0%;
        padding-top:0;
        position: relative;
        z-index:2;
        text-align: center;
        margin-top:-17px;
    }
    .hairer_product span.hairer_product_info abbr.info_link a{
        width: 100%;
        height:40px;
        line-height: 40px;
        font-size:14px;
        background-position: right top;
    }
    .hairer_product span.hairer_product_info abbr.info_first_txt{
        margin-bottom:3px;
        padding:0 10px;
    }
    /* HAIRER==================end */

    /* WITNESS_MAN========= */
    .witness_box{
        height: 100%;
        margin-bottom:40px;
    }
    .witness_man{
        display: block;
        height:100%;
        margin-top:15px;
        margin-bottom:18px;
    }
    .witness_man span.witness_man_bg{
        width: 100%;
        height:245px;
        float: left;
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .witness_man span.witness_man_txt{
        width: 100%;
        padding:20px;
        font-size:14px;
        background: #fbfbfb;
    }
    .witness_man span.witness_man_txt abbr.witness_about{
       border-top:1px solid #ededed;
       padding-top:16px;
    }
    .witness_man span.witness_man_txt abbr.witness_first_title{
        margin-bottom:18px;
        height:auto;
    }
    .witness_cont{
        display: block;
        height:204px;
        margin-top:0px;
        padding-top:40px;
    }
    .img-tbtext span.witness_man_img {
        max-width: 100%;
        height:auto;
        overflow: hidden;
        float:left;
    }
    .img-tbtext span img {
        vertical-align: top;
        width: 100%;
        height:100%;
        backface-visibility: hidden;
    }
    /* WITNESS_MAN==================end */

    /* LUXURY========= */
    .luxury_box{
        margin-bottom:70px;
    }
    .luxury_banner span.luxury_banner_border abbr{
        width:90%;
        border:#fff solid 4px;
    }
    .luxury_banner span.luxury_banner_font abbr{
        width: 100%;
    }
    .luxury_banner span.luxury_banner_font abbr.luxury_first_txt{
        margin-top:98px;
    }
    .luxury_banner span.luxury_banner_font abbr.luxury_decoration{
        width: 90%;
        height: 70px;
        top:-95px;
    }
    .luxury_banner span.luxury_parallax_first abbr.parallax_first1 {
        margin-top:-60px;
        margin-left:-150px;
    }
    .luxury_banner span.luxury_parallax_first abbr.parallax_first2 {
        margin-top:220px;
        margin-left:160px; 
    }
    .luxury_banner span.luxury_parallax_first abbr.parallax_first3 {
        margin-top:260px;
        margin-left:60px;
    }
    .luxury_banner span.luxury_banner_model abbr {
        background-size: auto 120%;
    }
    /* LUXURY==================end */

    /* EBROWER========= */
    .ebrower_banner{
        position: absolute;
        top:0px;
    }
    .ebrower_product{
        position: relative;
        bottom:0px;
        left:0px;
        width:100%;
        background: none;
        height:100%;
        padding-top:220px;
        padding-left:0px;
    }
    .ebrower_decoration{
        width: 210px;
        height: 70px;
        right: -15px;
        bottom: -25px;
        top:167px;
    }
    .ebrower_product span.ebrower_product_info{
        display: inline-block;
        width: 100%;
        padding-left:0px;
        padding-top:0px;
        text-align: center;
    }
    .ebrower_product span.ebrower_product_title{
        font-size: 60px;
        letter-spacing: 7px;
        position: relative;
        top:0px;
        margin-top:15px;
        left:0px;
        text-align: center;
        background-position: 170px 20px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_sampl{
        position: relative;
        top:0px;
        margin-left:0px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_sampl img{
        margin: 0 auto;
    }
    .ebrower_product span.ebrower_product_info abbr.info_title{
        white-space: normal;
        margin-top:-100px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_title b i{
        display: block;
    }
    .ebrower_product span.ebrower_product_info abbr.info_link{
        margin-top:22px;
    }
    .ebrower_product span.ebrower_product_info abbr.info_link a{
        width: 100%;
        height:40px;
        line-height: 40px;
        font-size:14px;
        background-position: right top;
    }
    .ebrower_product span.ebrower_product_info abbr.info_sampl img{
        width:40px;
    }
    /* EBROWER==================end */

    /* MAKEUP========= */
    .makeup_box{
        height: 625px;
    }
    .makeup_background{
        height:287px;
        width:100%;
        display:block;
        background-position: center top;
        background-size: 253px 287px;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 0;
        bottom:0;
        top:0px;
        background-image: url(../../images/main/makeup_flower.png);
    }
    .makeup_cont{
        display: block;
        margin-top:35px;
        margin-bottom:23px;
    }
    .makeup_reback{
        margin-bottom:34px;
        position: relative;
        z-index: 2;
    }
    .makeup_reback{
        opacity: 1;
    }
    .makeup_reback span.reback_txt.reback_last b{
        margin-top:0px;
    }
    /* MAKEUP==================end */
    .bhairer_change_img .change_before abbr.change_item img:hover{
        -webkit-transform: translate(0, 0); /* 區塊寬度 - 圖片寬度 */
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .bhairer_change_img .change_after abbr.change_item{

    }
    .bhairer_change_img .change_after abbr.change_item img{
        -webkit-transition: -webkit-transform 1s linear;
        -moz-transition: -moz-transform 1s linear;
        -o-transition: -o-transform 1s linear;
        transition: transform 1s linear;
    }
    .bhairer_change_img .change_after abbr.change_item img:hover{
        -webkit-transform: translate(-0, 0);    /* 區塊寬度 - 圖片寬度 */
        -moz-transform: translate(-0, 0);
        -o-transform: translate(-0, 0);
        transform: translate(-0, 0);
    }
    .ib-container article.blur {
      -webkit-transform: scale3d(0.8, 0.8, 0.8);
              transform: scale3d(0.8, 0.8, 0.8);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transition: -webkit-transform 1s;
      transition: -webkit-transform 1s;
      transition: transform 1s;
      transition: transform 1s, -webkit-transform 1s;
        opacity: 0.7;
    }
    .bhairer_change_img .change_before {
        left:0;
    }
    .ib-container article.active {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
        /*  box-shadow: 
            0px 0px 0px 10px rgba(255,255,255,1), 
            1px 11px 15px 10px rgba(0,0,0,0.4); */
        z-index: 100;
        opacity: 1;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transition: -webkit-transform 1s;
      transition: -webkit-transform 1s;
      transition: transform 1s;
      transition: transform 1s, -webkit-transform 1s;
    }

    .ib-container article.active h3 a,
    .ib-container article.active header span,
    .ib-container article.active p {
        opacity;
        1;
    }
}

@media screen and (max-width: 330px) {
    /* BANNER========= */
    .main_banner span.main_banner_font{
        padding-top:195px;
    }
    /* BANNER==================end */

    /* BHAIRER========= */
    .bhairer_pass{
/*         margin-top:150px; */
    }
    .bhairer_product{
        height:605px;
        padding-top:160px;
    }
    .bhairer_decoration{
        width: 210px;
        height: 70px;
        right: -10px;
        bottom: -25px;
        top:150px;
    }
    .witness_man span.witness_man_bg{
        height:180px;
    }
    .bhairer_change_cont{
        width:92vw;
    }
    /* BHAIRER==================end */

    /* HAIRER========= */

    /* HAIRER==================end */

    /* WITNESS_MAN========= */

    /* WITNESS_MAN==================end */

    /* LUXURY========= */
    .luxury_banner span.luxury_banner_model abbr {
        background-size: 100%;
    }
    /* LUXURY==================end */

    /* EBROWER========= */
    .ebrower_product{
        padding-top:167px;
    }
    .ebrower_decoration{
        top:114px;
        right:-72px;
    }
    .ebrower_product span.ebrower_product_title{
        background-position: 120px 20px;
    }
    /* EBROWER==================end */

    /* MAKEUP========= */

    /* MAKEUP==================end */
}


/* ONLY
======================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .main_banner span.main_banner_font abbr.cont_first_txt{
        background-color: rgba(255, 255, 255, 0);
        background-image: none;
    }
    .bhairer_product span.bhairer_product_title{
        background-color: rgba(255, 255, 255, 0);
        background-image: none;
    }
    .bhairer_change_img .change_after .change_content{
        background-color: rgba(255, 255, 255, 0);
        background-image: none;
    }
    .hairer_product span.hairer_product_title{
        background-color: rgba(255, 255, 255, 0);
        background-image: none;
    }
    .ebrower_product span.ebrower_product_title{
        background-color: rgba(255, 255, 255, 0);
        background-image: none;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width: 768px) and (max-width: 989px) {}

@media screen and (-webkit-min-device-pixel-ratio:2) and (max-width: 767px) {}


/* Firefox All */

@-moz-document url-prefix() {
    .xxxx {}
}


/* Safari 5~6 ONLY */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .xxxx {}
}


/* Safari 6以上 ONLY */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        _:-webkit-full-screen,
        .xxxx {}
    }
}


/**/