.wrapper {
    display: flex;
    flex-direction: row;
}

.model_control {
    width: auto;
    position: relative;
    z-index: 10;
}

.model_control a {
    color: lightgray;
    text-decoration: none;
    font-size: 2.5rem;
    display: block;
    padding: 0.63rem;
}

.model_control a:hover {
    background-color: #1d1d1d;
}

.model_view {
    width: 100%;
    height: 300px;
    position: absolute;
    display: block;
    left:0px;
}

.model_bg {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    transition: 0.5s ease;
}

.model_bg-1 {
    background-image: url(../images/model_first_before.png);
    opacity: 0;
}

.model_bg-2 {
/*     background-color: #E35349; */
    opacity: 0;
}

.model_bg-3 {
/*     background-color: #EDED5B; */
    opacity: 0;
}

.model_bg-4 {
    background-color: #7BF5DF;
    opacity: 0;
}

.model_bg-5 {
    background-color: #2F2ACC;
    opacity: 0;
}

.model_bg_active {
    z-index: 1;
    opacity: 1;
}
/* BANNER========= */
.main_banner{
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
}
.main_banner span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    top:0px;
    left:0px;
}
.main_banner span.main_banner_font{
    z-index: 6;
    width: auto;
    height: auto;
    position: relative;
    padding-top:14%;
}
.main_banner span.main_banner_font abbr{
    width: 560px;
    margin:0 auto;
    text-align: center;
    display: block;
}
.main_banner span.main_banner_font abbr.cont_topline{
    margin-bottom:14px;
    opacity: 0.3;
    border-top:1px solid #fff;
    width:34px;
}
.main_banner span.main_banner_font abbr.cont_topline:before{
    content: "";
    display: inline-block;
    position: absolute;
    width:2px;
    height:108px;
    background: #fff;
    margin:0 auto;
    opacity: 0.5;
    margin-top:-108px;
}
.main_banner span.main_banner_font abbr.cont_bottomline{
    margin-top:20px;
    opacity: 0.3;
    border-top:1px solid #fff;
    width:34px;
}
.main_banner span.main_banner_font abbr.cont_bottomline:before{
    content: "";
    display: inline-block;
    position: absolute;
    width:2px;
    height:108px;
    background: #fff;
    margin:0 auto;
    opacity: 0.5;
    margin-top:0px;
}
.main_banner span.main_banner_font abbr.cont_hover_mouse{
    margin-top:80px;
}
.main_banner span.main_banner_font abbr.cont_hover_mouse img{
    display: block;
    margin:0 auto;
}
.main_banner span.main_banner_hover{
    z-index:7;
}
.main_banner span.main_banner_hover abbr.main_banner_hover_center{
    width:60%;
    height:100%;
    display: block;
    position: absolute;
    left:20%;
}
.main_banner span.main_banner_hover abbr.main_banner_hover_left{
    width:25%;
    height:100%;
    display: block;
    position: absolute;
    left:0px;
}
.main_banner span.main_banner_hover abbr.main_banner_hover_right{
    width:25%;
    height:100%;
    display: block;
    position: absolute;
    right:0px;
}

.main_banner span.main_parallax_first {
    pointer-events: none;
}

.main_banner span.main_parallax_first abbr {
    position: absolute;
    z-index: 1;
}
.main_banner span.main_banner_font abbr.cont_first_txt{
/*    font-size:83px;
    line-height: 83px;
    letter-spacing: 8px;
    margin-bottom:13px;*/
/*     text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); */
/*    background-color: rgba(255, 255, 255, 1);
    background-image: url(../../images/main/trapezoid_font.png);
    background-position: -55px -136px;*/
/*     background-size: 100%; */
/*    background-repeat: no-repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;*/
    font-size: 36px;
    line-height: 38px;
    text-shadow: 1px 0px 2px rgba(6, 0, 1, 0.4);
}
.main_banner span.main_banner_font abbr.cont_last_txt{
    font-size:16px;
    letter-spacing: 1px;
    margin-top:10px;
}
.main_banner span.main_banner_font abbr.cont_second_txt{
    /*width:285px;
    height:88px;
    font-size:78px;
    line-height: 78px;
    padding-top:3px;
    letter-spacing: 8px;
    background-color: rgba(19, 15, 26, 0.5);
    background-size: 275px 88px;
    vertical-align: middle;
    font-weight: bold;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);*/
    font-size: 55px;
    font-weight: bold;
}
.main_banner span.main_banner_font abbr.cont_big_txt {
    font-size: 65px;
    font-weight: bold;
    line-height: 71px;
    letter-spacing: 3px;
}
.main_banner span.main_banner_font abbr.cont_big_txt abbr {
    background-color: rgba(19,15,26,0.5);
    letter-spacing: 3px;
    padding: 19px 0;
    width: 95%;
}
.main_banner span.main_parallax_second abbr {
    position: absolute;
    z-index: 1;
}
/* 圖層順序變更 */
.main_banner span.main_parallax_first {
    z-index: 6;
}
.main_banner span.main_banner_model {
    z-index: 4;
}
.main_banner span.main_parallax_second {
    z-index: 2;
}
.main_banner span.main_banner_bg {
    z-index: 1;
}
/* 圖層順序變更 end */
.main_banner span.main_banner_model abbr {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    top:0px;
    left:0px;
    background-size:cover;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.main_banner_border{
    z-index: 3;
}
.main_banner_border abbr{
    width:700px;
    height:700px;
    display: block;
    margin:0 auto;
    border:#fff solid 6px;
    border-bottom:#fff solid 0px;
    margin-top:20%;
}
.scrolldown {
    position: absolute;
    height: 74px;
    width: 100%;
    z-index: 9;
    display: block;
}
.scrolldown.efirst {
    top: -52px;
}
.scrolldown.elast {
    bottom: -21px;
}
.scrolldown a {
    display: block;
    width: 38px;
    height: 72px;
    margin: 0 auto;
    padding-top: 14px;
}
/* BANNER==================end */
/* BHAIRER========= */
.bhairer_box {
    /* height: 1754px; */
    position: relative;
    display: block;
    z-index: 4;
    padding-bottom: 80px;
}
.bhairer_pass{
    display: block;
    margin-top:135px;
    margin-bottom:80px;
}
.bhairer_pass span{
    display: block;
}
.bhairer_pass span.pass_title{
    font-size:23px;
    letter-spacing: 2.5px;
}
.bhairer_pass span.pass_first_txt{
    font-size:15px;
    letter-spacing: 2.5px;
    margin-top:2px;
}
.bhairer_pass span.pass_point{
    font-size:23px;
    line-height:23px;
    margin-top:10px;
    margin-bottom:2px;
}
.bhairer_pass span.pass_last_txt{
    font-size:16px;
    letter-spacing: 3px;
}
.bhairer_pass span.pass_flower_bg{
    position: absolute;
    top: 0px;
    left:0px;
    display: block;
    width: 100%;
}
.bhairer_pass span.pass_flower_bg abbr{
	background-size: 335px 388px;
	background-repeat: no-repeat;
	position: absolute;
    top:18px;
    display: block;
    width: 100%;
    height:355px;
    opacity: 0.3;
}
.bhairer_pass span.pass_flower_bg abbr.pass_flower_01{
	background-position: center top;
	background-image: url(../../images/main/bhairer_flower_01.png);
}
.bhairer_pass span.pass_flower_bg abbr.pass_flower_02{
	background-position: center top;
	background-image: url(../../images/main/bhairer_flower_02.png);
}
.bhairer_pass span.pass_flower_bg abbr.pass_flower_03{
	background-position: center top;
	background-image: url(../../images/main/bhairer_flower_03.png);
}
.bhairer_product{
    z-index: 2;
    position: absolute;
    bottom:0px;
    left:30px;
    width:40%;
    background: #fff;
    height:220px;
    padding-top:60px;
    padding-left:70px;
}
.bhairer_product span{
    display: block;
}
.bhairer_product span.bhairer_product_title{
    font-size: 80px;
    letter-spacing: 7px;
    position: absolute;
    top:-70px;
    left:0px;
    background-color: rgba(67, 60, 76, 1);
    background-image: url(../../images/main/trapezoid.png);
    background-position: 104px 25px;
    background-repeat: no-repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.bhairer_product span.bhairer_product_sample{
    display: inline-block;
    width: 30%;
    float: left;
}
.bhairer_product span.bhairer_product_sample img{
    margin-top:6px;
}
.bhairer_product span.bhairer_product_info{
    display: inline-block;
    width: 70%;
    padding-left:5%;
    padding-top:0;
}
.bhairer_product span.bhairer_product_info abbr{
    display: block;
}
.bhairer_product span.bhairer_product_info abbr.info_title{
    font-size:21px;
}
.bhairer_product span.bhairer_product_info abbr.info_title b{
    font-weight: 100;
    letter-spacing: 1px;
    margin-left:25px;
}
.bhairer_product span.bhairer_product_info abbr.info_first_txt{
    font-size:13px;
    letter-spacing: 1px;
    font-style:italic;
}
.bhairer_product span.bhairer_product_info abbr.info_second_txt{
    font-size:13px;
    letter-spacing: 1.5px;
}
.bhairer_product span.bhairer_product_info abbr.info_link{
    margin-top:30px;
}
.bhairer_product span.bhairer_product_info abbr.info_link a{
    width: 92px;
    height:32px;
    line-height: 32px;
    font-size:13px;
    text-align: center;
    background: #524662;
    color:#fff;
    display: inline-block;
    letter-spacing: 1px;
    background-color: rgba(57, 45, 73, 1);
    background-position: 37px top;
    background-image: url(../../images/main/trapezoid_btn.png);
    background-repeat: no-repeat;
}
.bhairer_product span.bhairer_product_info abbr.info_bottomline{
    border-top:1px solid #cccccc;
    width:25px;
    position: absolute;
    margin-left:-30px;
    margin-top:-9px;
}
.bhairer_product span.bhairer_product_info abbr.info_bottomline:before{
    content: "";
    display: inline-block;
    position: absolute;
    width:1px;
    height:108px;
    background: #cccccc;
    margin-top:0px;
    left:13px;
}
.bhairer_banner img{
    float: right;
}
.bhairer_decoration{
    background: #7e6e93;
    opacity: 0.2;
    width: 615px;
    height: 70px;
    display: block;
    position: absolute;
    z-index: 1;
    right: -34px;
    bottom: -25px;
}
.bhairer_change{
    margin-top:100px;
    margin-bottom:180px;
}
.bhairer_change_img{
    position: relative;
    width:100%;
    display: block;
}
.bhairer_change_img .change_before{
    width: 50%;
    display: inline-block;
    float: left;
    position: relative;
    overflow:visible;
}
.bhairer_change_img .change_before abbr.change_item{

}
.bhairer_change_img .change_before abbr.change_item img{
    position: relative;
    left:100px;
	-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_before abbr.change_item img:hover{
/* 	-webkit-transform: translate(50px, 0);
	-moz-transform: translate(50px, 0);
	-o-transform: translate(50px, 0);
	transform: translate(50px, 0); */
}
.bhairer_change_img .change_after{
    width: 50%;
    display: inline-block;
    float: left;
    position: relative;
    overflow:visible;
}
.bhairer_change_img .change_after abbr.change_item{
    
}
.bhairer_change_img .change_after abbr.change_item img{
    position: relative;
    right:-25px;
	-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(-50px, 0);
	-moz-transform: translate(-50px, 0);
	-o-transform: translate(-50px, 0);
	transform: translate(-50px, 0); */
}
.before_change_decoration{
    background: #7e6e93;
    opacity: 0.2;
    width: 70px;
    height: 610px;
    display: block;
    position: absolute;
    z-index: 3;
    left: 10%;
    bottom: -40px;
}
.after_change_decoration{
    background: #7e6e93;
    opacity: 0.2;
    width: 70px;
    height: 610px;
    display: block;
    position: absolute;
    z-index: 3;
    left: 32%;
    bottom: -40px;
}
.bhairer_change_img .change_before .change_content{
    font-size:80px;
    letter-spacing: 4px;
    position: absolute;
    top:160px;
    left:-120px;
}
.bhairer_change_img .change_after .change_content{
    font-size:80px;
    letter-spacing: 4px;
    position: absolute;
    top:160px;
    right:-135px;
    background-color: rgba(67, 60, 76, 1);
    background-image: url(../../images/main/trapezoid.png);
    background-position: 97px 25px;
    background-repeat: no-repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.bhairer_change_cont{
    position: absolute;
    bottom:73px;
    right:-195px;
}
.bhairer_change_cont span{
    display: block;
}
.bhairer_change_cont span.bhairer_change_sample{
    display: block;
    position: absolute;
    left:-192px;
    bottom:-220px;
}
.bhairer_change_cont span abbr{
    display: block;
}
.bhairer_change_cont span abbr.info_title{
    font-size:21px;
    letter-spacing: 3px;
}
.bhairer_change_cont span abbr.info_title b{
    font-weight: 100;
    letter-spacing: 2px;
    margin-left:15px;
}
.bhairer_change_cont span abbr.info_notice_txt{
    font-size:15px;
    letter-spacing: 2px;
}
.bhairer_change_cont span abbr.info_first_txt{
    font-size:13px;
    letter-spacing: 1px;
    font-style:italic;
}
.bhairer_change_cont span abbr.info_second_txt{
    font-size:13px;
    letter-spacing: 1.5px;
}
.bhairer_change_cont span abbr.info_link{
    margin-top:30px;
}
.bhairer_change_cont span abbr.info_link a{
    width: 92px;
    height:32px;
    line-height: 32px;
    font-size:13px;
    text-align: center;
    background: #524662;
    color:#fff;
    display: inline-block;
    letter-spacing: 1px;
    background-color: rgba(57, 45, 73, 1);
    background-position: 37px top;
    background-image: url(../../images/main/trapezoid_btn.png);
    background-repeat: no-repeat;
}
.bhairer_change_cont span abbr.info_bottomline{
    border-top:1px solid #cccccc;
    width:25px;
    position: absolute;
    margin-left:-30px;
    margin-top:-9px;
}
.bhairer_change_cont span abbr.info_bottomline:before{
    content: "";
    display: inline-block;
    position: absolute;
    width:1px;
    height:108px;
    background: #cccccc;
    margin-top:0px;
    left:13px;
}
/* BHAIRER==================end */

/* HAIRER========= */
.hairer_box{
    height: 600px;
    position: relative;
    z-index: 2;
    margin-top:0;
    display: block;
}
.hairer_banner{
    display: block;
    width:100%;
    height:500px;
	background-position: left center;
	background-repeat: no-repeat;
	position: relative;
    z-index: 3;
}
.hairer_product{
    z-index: 4;
    position: absolute;
    bottom:-75px;
    right:-50px;
    width:40%;
    height:220px;
    padding-top:60px;
    padding-left:70px;
}
.hairer_product span{
    display: block;
}
.hairer_product span.hairer_product_title{
    font-size: 80px;
    letter-spacing: 7px;
    position: absolute;
    top:-70px;
    left:0px;
    background-color: rgba(67, 60, 76, 1);
    background-image: url(../../images/main/trapezoid_reverse.png);
    background-position: 0px 25px;
    background-repeat: no-repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.hairer_product span.hairer_product_sample{
    display: inline-block;
    width: 30%;
    float: left;
}
.hairer_product span.hairer_product_sample img{
    margin-top:4px;
    position: relative;
    left:-20px;
}
.hairer_product span.hairer_product_info{
    display: inline-block;
    width: 70%;
    padding-left:5%;
    padding-top:0;
    position: relative;
    z-index:2;
}
.hairer_product span.hairer_product_info abbr{
    display: block;
}
.hairer_product span.hairer_product_info abbr.info_title{
    font-size:21px;
    letter-spacing: 3px;
}
.hairer_product span.hairer_product_info abbr.info_title b{
    font-weight: 100;
    letter-spacing: 1px;
    margin-left:25px;
}
.hairer_product span.hairer_product_info abbr.info_first_txt{
    font-size:13px;
    line-height:15px;
    letter-spacing: 1px;
    font-style:italic;
    margin-top:3px;
}
.hairer_product span.hairer_product_info abbr.info_second_txt{
    font-size:13px;
    letter-spacing: 1.5px;
    margin-top:1px;
}
.hairer_product span.hairer_product_info abbr.info_link{
    margin-top:23px;
}
.hairer_product span.hairer_product_info abbr.info_link a{
    width: 92px;
    height:32px;
    line-height: 32px;
    font-size:13px;
    text-align: center;
    background: #524662;
    color:#fff;
    display: inline-block;
    letter-spacing: 1px;
    background-color: rgba(57, 45, 73, 1);
    background-position: 37px top;
    background-image: url(../../images/main/trapezoid_btn.png);
    background-repeat: no-repeat;
}
.hairer_product span.hairer_product_info abbr.info_bottomline{
    border-top:1px solid #cccccc;
    width:25px;
    position: absolute;
    margin-left:-30px;
    margin-top:-9px;
}
.hairer_product span.hairer_product_info abbr.info_bottomline:before{
    content: "";
    display: inline-block;
    position: absolute;
    width:1px;
    height:108px;
    background: #cccccc;
    margin-top:0px;
    left:13px;
}
.hairer_border{
    border:1px #969293 solid;
    display: block;
    width:490px;
    height:140px;
    position: absolute;
    top:-20px;
    left:65px;
}
.hairer_decoration{
    background: #7e6e93;
    opacity: 0.2;
    width: 570px;
    height: 70px;
    display: block;
    position: absolute;
    z-index: 5;
    left: -80px;
    bottom: 85px;
}
/* HAIRER==================end */

/* WITNESS_MAN========= */
.witness_box{
    height: 600px;
    position: relative;
    margin-top:0;
    display: block;
}
.witness_cont{
    display: block;
    height:204px;
    margin-top:80px;
    margin-bottom:15px;
    padding-top:40px;
	background-position: center top;
	background-size: auto;
	background-repeat: no-repeat;
	position: relative;
	background-image: url(../../images/main/witness_rebirth_bg.png);
}
.witness_cont span{
    display: block;
}
.witness_cont span.cont_title{
    font-size:23px;
    letter-spacing: 2.5px;
}
.witness_cont span.cont_first_txt{
    font-size:16px;
    letter-spacing: 2.5px;
    margin-top:2px;
}
.witness_cont span.cont_point{
    font-size:23px;
    line-height:23px;
    margin-top:10px;
    margin-bottom:2px;
}
.witness_cont span.cont_second_txt{
    font-size:13px;
    letter-spacing: 1px;
    margin-top:5px;
}
.witness_cont span.cont_last_txt{
    font-size:13px;
    letter-spacing: 1px;
    margin-top:3px;
}
.witness_cont span.pass_flower_bg{
    position: absolute;
    top: 0px;
    left:0px;
    display: block;
    width: 100%;
}

.witness_man{
    display: block;
}
.witness_man{
    display: block;
    height:125px;
}
.witness_man span{
    display: inline-block;
}
.witness_man span.witness_man_bg{
    width: 42%;
    height:100%;
    float: left;
	background-position: left top;
    background-size: cover;
	background-repeat: no-repeat;
}
.witness_man span.witness_man_txt{
    width: 58%;
    padding:20px 5px 20px 15px;
    font-size:12.4px;
}
.witness_man span.witness_man_txt abbr{
    display: block;
}
.witness_man span.witness_man_txt abbr i{
    margin-right:2px;
    letter-spacing: 2px;
    font-style:normal;
}
.witness_man span.witness_man_txt abbr.witness_first_title{
    font-weight: bold;
    height:75px;
    letter-spacing: 0.5px;
}
.witness_man span.witness_man_txt abbr.witness_first_title:before{
    content: " “ ";
    position: absolute;
    display: block;
    margin-left:-18px;
    margin-top:-2px;
    color:#c9c9c9;
    font-size:12.4px;
}
.witness_man span.witness_man_txt abbr.witness_first_title:after{
    content: " “ ";
    position: absolute;
    display: block;
    right:14px;
    margin-top:-2px;
    color:#c9c9c9;
    font-size:12.4px;
}
.witness_man span.witness_man_txt abbr.witness_about{
    font-style:italic;
}
/* WITNESS_MAN==================end */

/* LUXURY========= */
.luxury_box{
    height: 100%;
    position: relative;
    margin-top:0;
    display: block;
    margin-bottom:160px;
}
.luxury_banner{
    display: block;
    width: 100%;
    max-width: 100%;
    height: 380px;
    position: relative;
}
.luxury_banner span {
    display: block;
    position: absolute;
    width: 100%;
    height: 380px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    top:0px;
    left:0px;
}
.luxury_banner span.luxury_banner_font{
    z-index: 6;
    width: 100%;
    height: auto;
    position: absolute;
    padding-top:0%;
}
.luxury_banner span.luxury_banner_font abbr{
    width: 50%;
    margin:0 auto;
    text-align: center;
    display: block;
}
.luxury_banner span.luxury_banner_font abbr.cont_topline{
    margin-bottom:14px;
    opacity: 0.3;
    border-top:1px solid #fff;
    width:34px;
}
.luxury_banner span.luxury_banner_font abbr.cont_topline:before{
    content: "";
    display: inline-block;
    position: absolute;
    width:1px;
    height:108px;
    background: #fff;
    margin:0 auto;
    opacity: 0.5;
    margin-top:-108px;
}
.luxury_banner span.luxury_banner_font abbr.cont_bottomline{
    margin-top:20px;
    opacity: 0.3;
    border-top:1px solid #fff;
    width:34px;
}
.luxury_banner span.luxury_banner_font abbr.cont_bottomline:before{
    content: "";
    display: inline-block;
    position: absolute;
    width:1px;
    height:108px;
    background: #fff;
    margin:0 auto;
    opacity: 0.5;
    margin-top:0px;
}
.luxury_banner span.luxury_parallax_first abbr {
    z-index: 1;
    margin:0 auto;
    width: 100%;
}
.luxury_banner span.luxury_parallax_first abbr.parallax_first1 {
    margin-top:-50px;
    margin-left:-250px;
}
.luxury_banner span.luxury_parallax_first abbr.parallax_first2 {
    margin-top:180px;
    margin-left:300px; 
}
.luxury_banner span.luxury_parallax_first abbr.parallax_first3 {
    margin-top:260px;
    margin-left:50px;
}
.luxury_banner span.luxury_parallax_first abbr img {
    margin:0 auto;
}
.luxury_banner span.luxury_banner_model abbr {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    top:0px;
    left:0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.luxury_banner span.luxury_banner_font abbr.luxury_first_txt{
    font-size:60px;
    line-height: 60px;
    text-shadow: 1px 1px 2px rgba(100, 100, 100, 1);
    letter-spacing: 4px;
    margin-bottom:13px;
    margin-top:125px;
    z-index: 1;
    position: relative;
}
.luxury_banner span.luxury_banner_font abbr.luxury_second_txt{
    font-size:15px;
    padding-top:0px;
    letter-spacing: 1.5px;
    vertical-align: middle;
    z-index: 1;
    position: relative;
}
.luxury_banner span.luxury_banner_font abbr.luxury_last_txt{
    font-size:15px;
    letter-spacing: 1px;
    margin-top:10px;
    z-index: 1;
    position: relative;
}
.luxury_banner span.luxury_banner_font abbr.luxury_decoration{
    background: #7e6e93;
    opacity: 0.2;
    width: 610px;
    height: 70px;
    display: block;
    position: relative;
    z-index: 0;
    margin:0 auto;
    left:0px;
    top:-60px;
}
.luxury_banner span.main_parallax_second abbr {
    position: absolute;
    z-index: 1;
}
.luxury_banner_border{
    z-index: 3;
}

.luxury_banner span.luxury_banner_border {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    top:0px;
    left:0px;
}
.luxury_banner span.luxury_banner_border abbr{
    width:520px;
    height:295px;
    display: block;
    margin:0 auto;
    border:#fff solid 5px;
    margin-top:45px;
}
/* 圖層順序變更 */
.luxury_banner span.luxury_parallax_first {
    z-index: 6;
}
.luxury_banner span.luxury_banner_model {
    z-index: 4;
}
.luxury_banner span.luxury_banner_bg {
    z-index: 1;
}
/* 圖層順序變更 end */
/* LUXURY==================end */

/* EBROWER========= */
.ebrower_box{
    height: 700px;
    position: relative;
    margin-top:0;
    display: block;
}
.ebrower_product{
    z-index: 2;
    position: absolute;
    bottom:-105px;
    left:0px;
    width:565px;
    background: #fff;
    height:220px;
    padding-top:0px;
    padding-left:70px;
}
.ebrower_product span{
    display: block;
}
.ebrower_product span.ebrower_product_title{
    font-size: 80px;
    letter-spacing: 7px;
    position: absolute;
    top:-60px;
    left:35px;
    background-color: rgba(67, 60, 76, 1);
    background-image: url(../../images/main/trapezoid.png);
    background-position: 97px 25px;
    background-repeat: no-repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.ebrower_product span.ebrower_product_sample{
    display: inline-block;
    width: 30%;
    float: left;
}
.ebrower_product span.ebrower_product_sample img{
    margin-top:6px;
}
.ebrower_product span.ebrower_product_info{
    display: inline-block;
    width: 100%;
    padding-left:180px;
    padding-top:60px;
}
.ebrower_product span.ebrower_product_info abbr{
    display: block;
}
.ebrower_product span.ebrower_product_info abbr.info_sampl{
    position: absolute;
    top:-100px;
    margin-left:85px;
}
.ebrower_product span.ebrower_product_info abbr.info_sampl img{
    width:48px;
}
.ebrower_product span.ebrower_product_info abbr.info_title{
    font-size:21px;
    margin-top:90px;
    white-space: nowrap;
}
.ebrower_product span.ebrower_product_info abbr.info_title b{
    font-weight: 100;
    letter-spacing: 1px;
    margin-left:25px;
}
.ebrower_product span.ebrower_product_info abbr.info_title i{
    font-style:normal;
}
.ebrower_product span.ebrower_product_info abbr.info_first_txt{
    font-size:13px;
    letter-spacing: 1px;
    font-style:italic;
}
.ebrower_product span.ebrower_product_info abbr.info_second_txt{
    font-size:13px;
    letter-spacing: 1.5px;
}
.ebrower_product span.ebrower_product_info abbr.info_link{
    margin-top:30px;
}
.ebrower_product span.ebrower_product_info abbr.info_link a{
    width: 92px;
    height:32px;
    line-height: 32px;
    font-size:13px;
    text-align: center;
    background: #524662;
    color:#fff;
    display: inline-block;
    letter-spacing: 1px;
    background-color: rgba(57, 45, 73, 1);
    background-position: 37px top;
    background-image: url(../../images/main/trapezoid_btn.png);
    background-repeat: no-repeat;
}
.ebrower_product span.ebrower_product_info abbr.info_bottomline{
    border-top:1px solid #cccccc;
    width:25px;
    position: absolute;
    margin-left:-30px;
    margin-top:-9px;
}
.ebrower_product span.ebrower_product_info abbr.info_bottomline:before{
    content: "";
    display: inline-block;
    position: absolute;
    width:1px;
    height:160px;
    background: #cccccc;
    margin-top:0px;
    left:13px;
}
.ebrower_banner img{
    float: right;
}
.ebrower_decoration{
    background: #7e6e93;
    opacity: 0.2;
    width: 615px;
    height: 70px;
    display: block;
    position: absolute;
    z-index: 3;
    right: 0px;
    bottom: 0px;
}
/* EBROWER==================end */

/* MAKEUP========= */
.makeup_box{
    height: 605px;
    position: relative;
    margin-top:0;
    display: block;
}
.makeup_cont{
    display: block;
    margin-top:135px;
    margin-bottom:23px;
}
.makeup_cont span{
    display: block;
}
.makeup_cont span.makeup_title{
    font-size:23px;
    letter-spacing: 3px;
}
.makeup_cont span.makeup_title abbr{
    margin-left:11px;
}
.makeup_cont span.makeup_first_txt{
    font-size:16px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top:2px;
}
.makeup_cont span.makeup_point{
    font-size:23px;
    line-height:23px;
    margin-top:10px;
    margin-bottom:2px;
}
.makeup_cont span.makeup_second_txt{
    font-size:13px;
    letter-spacing: 2px;
    margin-top:4px;
}
.makeup_reback{
    opacity: 0.5;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}
.makeup_reback:hover{
    opacity: 1;
}
.makeup_reback span{
    display: block;
}
.makeup_reback span.reback_img{
    margin-bottom:15px;
}
.makeup_reback span.reback_txt{
    height:32px;
    width: 100%;
    vertical-align: middle;
    display: table;
    margin:0 auto;
    font-size:13px;
    letter-spacing: 1px;
}
.makeup_reback span.reback_txt.reback_last b{
    margin-top:17px;
}
.makeup_reback span.reback_txt b{
    display: block;
}
.makeup_reback span img{
    margin:0 auto;
}

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

/* IMAGES HOVER========= */
.bg_gray{
    background: #fbfbfb;
}
.img-tbtext figcaption,
.img-tbtext a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.img-tbtext {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0px 0%;
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 16px;
/*     background-color: #000; */
}
.bg_gray {
    background-color: #f7f7f7;
}


.img-tbtext * {
    -moz-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.img-tbtext span.witness_man_txt abbr {

}


.img-tbtext span.witness_man_img {
    max-width: 42%;
    height:125px;
    overflow: hidden;
    float:left;
    position: relative;
}
.img-tbtext span img {
    vertical-align: top;
    width: 120%;
    height:100%;
    backface-visibility: hidden;
}

.img-tbtext figcaption {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.img-tbtext h3,
.img-tbtext h4,
.img-tbtext h5 {
    margin: 0;
    opacity: 0;
    letter-spacing: 1px;
    font-weight: normal;
}

.img-tbtext h3 {
    color:#fff;
    font-size:18px;
    letter-spacing: 2px;
}
.img-tbtext h4 {
    color:#fff;
    font-size:18px;
}

.img-tbtext h5 {
    color: #888;
    font-size: 13px;
}

.img-tbtext:hover img {

}

.img-tbtext:hover h3,
.img-tbtext:hover h4,
.img-tbtext:hover h5 {

}
.prue_cont_bottomline{
    opacity: 0.3;
    border-bottom:1px solid #fff;
    width:32px;
    display: block;
}
.prue_cont_bottomline:before{
    content: "";
    display: inline-block;
    position: relative;
    width:1px;
    height:32px;
    background: #fff;
    margin:0 auto;
    opacity: 0.5;
    bottom:-4px;
    left:15px;
}
.prue_cont_topline{
    opacity: 0.3;
    border-top:1px solid #fff;
    width:32px;
    display: block;
}
.prue_cont_topline:before{
    content: "";
    display: inline-block;
    position: relative;
    width:1px;
    height:38px;
    background: #fff;
    margin:0 auto;
    opacity: 0.5;
    top:0px;
    left:15px;
}
.prue_first_title{
    display: block;
    position: absolute;
}
.prue_about_txt{
    display: block;
    position: absolute;
}
/* IMAGES HOVER==================end */
/* SHAPE BG========= */
.main_shape_bg1{
   width: 120vw; 
   height: 400px; 
   background: #f7f6f6;
   opacity: 0.5;
   /* Rotate */
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-15deg);
   /* Rotate Origin */
   -webkit-transform-origin: 0 100%;
   -moz-transform-origin: 0 100%;
   -ms-transform-origin: 0 100%;
   -o-transform-origin: 0 100%;
   transform-origin: 0 100%;
   position: absolute;
   left:0px;
   top:1760px;
   display: block;
   z-index: 0;
}
.main_shape_bg2{
   width: 120vw; 
   height: 400px; 
   background: #f7f6f6;
    opacity: 0.5;
   /* Rotate */
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-15deg);
   /* Rotate Origin */
   -webkit-transform-origin: 0 100%;
   -moz-transform-origin: 0 100%;
   -ms-transform-origin: 0 100%;
   -o-transform-origin: 0 100%;
   transform-origin: 0 100%;
    position: absolute;
    left:0px;
    top:3058px;
    display: block;
    z-index: 0;
}
/* SHAPE BG==================end */
/* 區塊偵測========= */
.scroll_find{
    /*background-color: rgba(59, 48, 73, 0.32);*/
    width: 35px;
    height: 210px;
    position: fixed;
    right: 20px;
    top: 30%;
    display: table;
    z-index: 20;
    opacity: 0.75;
}
.scroll_find span{
    display: block;
    width: 100%;
    height:25px;
    margin:0;
    text-align: center;
    padding-top:7px;
}
.scroll_find span a{
    display: inline-block;
    width:15px;
    height:15px;
    background: #fff;
    border-radius: 13px;
    /*border: 1px solid rgba(59, 48, 73, 0.32);*/
    border: 1px solid rgba(59, 48, 73, 0.2);
}
.scroll_find span.active a{
    /*background: #777;*/
    background: rgba(119, 119, 119, 0.45);
}
.scroll_find span a:hover{
    /*background: #c6c3ca;*/
    background: rgba(119, 119, 119, 0.45);
}
/* 區塊偵測==================end */