@charset "utf-8";
											.BrandHistoryB{		 } .BrandHistoryB>.outBox{ margin:0; padding:0; background-color:#222; } @media screen and (max-width:768px){ .BrandHistoryB{		 } .BrandHistoryB>.outBox{ } }												 .BrandHistoryB{		 width:100%;		 position: relative;		 }		 		 .BrandHistoryB .brandBox{		 position:relative;		 width:100%;		 /*height:381px;*/		 min-height:381px;		 overflow:hidden;		 background-position:top;		 background-size:100%;		 background-repeat: no-repeat;		 background-attachment:fixed; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;		 }		 		 .BrandHistoryB .brandBoxA{		 background-attachment:scroll;		 background-position: center;		 }		 		 .BrandHistoryB .brandBox .vAlign{		 display:inline-block;		 vertical-align:middle; width:0; height:380px; }		 		 .BrandHistoryB .brandBox .bgMask{		 position:absolute;		 top:0;		 left:0;		 width:100%;		 height:100%;		 background-color:#222;		 transition: opacity 0.3s; -moz-transition: opacity 0.3s; /* Firefox 4 */ -webkit-transition: opacity 0.3s; /* Safari 和 Chrome */ -o-transition: opacity 0.3s; /* Opera */		 }		 		 .BrandHistoryB .brandBox .nameBox{		 display:inline-block;		 vertical-align:middle;		 position:relative;		 padding-top:20px;		 width:calc(100% - 1px);		 color:#FFF;		 text-align:center;		 }		 		 .BrandHistoryB .brandBox .nameBoxA{		 padding-top:95px;		 }		 		 .BrandHistoryB .brandBox .nameBox span{		 line-height:1.1em;		 }		 		 .BrandHistoryB .brandBox .nameBox .oName,.BrandHistoryB .brandBox .nameBox .aName{		 font-size:54px;		 }		 		 .BrandHistoryB .brandBox .nameBox .aName{		 display:none;		 }		 		 .BrandHistoryB .brandBox .nameBox .localName{		 font-size:40px;		 line-height:50px;		 }		 		 .BrandHistoryB .brandBox .nameBox .localNameA{		 display:none;		 }		 		 .BrandHistoryB .brandBox .detailBtn{		 cursor:pointer;		 display:inline-block;		 margin-top:50px;		 width:150px;		 padding:5px 10px;		 border:1px #FFF solid;		 position: relative;		 font-size:16px;		 }		 		 .BrandHistoryB .brandBox .detailBtnA{		 display:none;		 }		 		 .BrandHistoryB .brandBox .detailBtn .icon { position: absolute; right: 18%; top: 0px; width: 15x; height: 100%; } .BrandHistoryB .brandBox .detailBtn .icon .vAlign { display: inline-block; vertical-align: middle; width: 1px; height: 100%; } .BrandHistoryB .brandBox .detailBtn .icon .arrow { display: inline-block; vertical-align: middle; width: 7px; height: 1px; background-color: #FFF; } .BrandHistoryB .brandBox .detailBtn .icon .arrowL { margin-left: 2px; transform: rotate(35deg); -webkit-transform: rotate(35deg); } .BrandHistoryB .brandBox .detailBtn .icon .arrowR { margin-left: -2px; transform: rotate(-35deg); -webkit-transform: rotate(-35deg); }		 		 .BrandHistoryB .brandBox .nameBox .storyBox{		 padding:70px 5% 50px 5%;		 width:90%;		 max-width:890px;		 margin:0 auto;		 display:none;		 opacity:0;		 transition: opacity 0.3s; -moz-transition: opacity 0.3s; /* Firefox 4 */ -webkit-transition: opacity 0.3s; /* Safari 和 Chrome */ -o-transition: opacity 0.3s; /* Opera */ color:#f4f4f4; line-height:1.8em; letter-spacing: 0.08em;		 }		 		 .BrandHistoryB .boxNav{ position: absolute; top:175px;		 right:45px;		 color:#FFF;		 z-index:1; max-width: 20%; } .BrandHistoryB .boxNavA{ position:static; top:auto;		 right:auto; display:none; } .BrandHistoryB .boxR{ right: 45px; text-align: right; } .BrandHistoryB .boxNav .seriesName { display: inline-block; vertical-align: middle; margin-top: 0px; font-size: 15px; line-height: 1em; } .BrandHistoryB .boxNav .arrow { display: inline-block; vertical-align: middle; width: 7px; height: 15px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(/tw/images/common/arrow-6.svg); margin: 0 10px; } .BrandHistoryB .boxNav .arrowR { transform: scaleX(-1); }		 		 .BrandHistoryB .storyBox .pBox{		 width:100%;		 }		 		 .BrandHistoryB .storyBox .pBox .headBox{		 display:inline-block;		 vertical-align: top;		 }		 		 .BrandHistoryB .storyBox .pBox .history{		 font-size:16px;		 width:45%;		 text-align:left;		 }		 		 .BrandHistoryB .storyBox .pBox .intro{		 margin-left:10%;		 width:45%;		 height:100%;		 padding:16px 0;		 border-top:1px #be935c solid;		 border-bottom:1px #be935c solid;		 text-align:left;		 }		 		 .BrandHistoryB .storyBox .pBox .intro .row{		 padding:4px 0;		 }		 		 .BrandHistoryB .storyBox .pBox .intro .cName{		 width:23%;		 padding:0;		 display:inline-block;		 vertical-align: top;		 text-align:right;		 color:#be935c;		 }		 		 .BrandHistoryB .storyBox .pBox .intro .cData{		 padding-left: 6.25%;		 width:70%;		 display:inline-block;		 vertical-align: top;		 text-align:left;		 word-wrap: break-word;		 }		 		 .BrandHistoryB .storyBox .sBox{		 margin-top:30px;		 width:100%;		 text-align:left;		 }		 		 .BrandHistoryB .storyBox .sBoxA{		 margin-top:0px;		 }		 		 .BrandHistoryB .storyBox .sBox .event{		 margin-top:20px;		 width:45%;		 display:inline-block;		 vertical-align: top;		 }		 		 .BrandHistoryB .storyBox .sBox .eventA{ margin-left: 10%; width: 45%; height: 100%; }		 		 .BrandHistoryB .storyBox .sBox .event .year{		 color:#be935c;		 font-size:48px;		 height:54px;		 line-height:48px;		 }		 		 .BrandHistoryB .linkBox{		 margin-top:45px;		 text-align:center;		 }		 		 .BrandHistoryB .official_site{		 display:inline-block;		 vertical-align:top;		 font-size:12px;		 color:#BBB;		 border-bottom:#BBB 1px solid;		 }		 		 .BrandHistoryB .official_site:hover{		 color:#EEE;		 border-bottom:#EEE 1px solid;		 }		 		 @media screen and (max-width: 1120px){ .BrandHistoryB .brandBox .nameBox .oName{ font-size:4.82vw; } .BrandHistoryB .brandBox .nameBox .localName{ font-size:3.57vw; }		 }		 		 @media screen and (max-width: 768px){ .BrandHistoryB .brandBox .vAlign{ min-height: 58.93vw; height:0; }		 		 .BrandHistoryB .brandBox .nameBox .oName, .BrandHistoryB .brandBox .nameBox .aName{ font-size:9.43vw; } .BrandHistoryB .brandBox .nameBox .oName{ display:none; } .BrandHistoryB .brandBox .nameBox .aName{ display:inline-block; } .BrandHistoryB .brandBox .nameBox .localName{ font-size:6.64vw; line-height:10vw; } .BrandHistoryB .brandBox{		 min-height:65.1vw;		 }		 		 .BrandHistoryB .brandBox .detailBtn{ margin-top:6.5vw; } .BrandHistoryB .brandBox .nameBox{ padding-top:6vw; } .BrandHistoryB .brandBox .detailBtn{ width:22vw; font-size:3.5vw; } .BrandHistoryB .brandBox .detailBtn .icon { display:none; } .BrandHistoryB .brandBox .nameBox .storyBox { padding: 9.1vw 5% 12vw 5%; line-height: 8.2vw; } .BrandHistoryB .boxNav{ display:none; } .BrandHistoryB .boxNavA{ position:static; top:auto; right:auto; display:inline-block; vertical-align:middle; max-width:none; margin:20px 0; } .BrandHistoryB .storyBox .pBox .history, .BrandHistoryB .storyBox .pBox .intro{ width:100%; font-size:4vw; } .BrandHistoryB .storyBox .pBox .intro{ margin-top: 3.9vw; margin-left: 0; padding: 2.08vw 0; } .BrandHistoryB .storyBox .pBox .intro .cData { padding-left: 6.25%; width: 70%; display: inline-block; vertical-align: top; text-align: left; word-wrap: break-word; } .BrandHistoryB .storyBox .sBox { margin-top: 4vw; } .BrandHistoryB .storyBox .sBox .event .year { font-size: 9.375vw; height: 10.5vw; line-height: 9.375vw; text-align:center; } .BrandHistoryB .storyBox .sBox .event { margin-top: 4vw; width: 100%; } .BrandHistoryB .storyBox .sBox .eventA { margin-left: 0; width: 100%; } .BrandHistoryB .linkBox{		 margin-top:0;		 } .BrandHistoryB .official_site{ display:none; } 		 }		 		 		 		 .BrandHistoryB .brandBox{		 background-attachment:scroll;		 }