/* ------------------- mediaqueries ------------------- */
@media screen and (max-height: 1000px) {
	/* NoteBook height */
	lightbox .lightbox-window{width: 70%;}
	lightbox .lightbox-window.vertical-movie,
	lightbox .lightbox-window.vertical-movie .movie{min-width: 350px;}
}
@media screen and (max-height: 800px) {
	/* NoteBook height */
	lightbox .lightbox-window{width: 60%;}
	lightbox .lightbox-window.vertical-movie,
	lightbox .lightbox-window.vertical-movie .movie{min-width: 250px;}

	.bodybox header{ margin-bottom: 5rem;}
	.bodybox.index header{ margin-bottom: 0;}


	.logoTitle { margin-bottom: 4rem;}
	.news .albums h4.title,
	.help h4.title,
	.report h4.title  { margin-bottom: 5rem;}
}
@media screen and (max-height: 620px) {
	/* NoteBook height */
	
}
@media screen and (max-width: 1920px) {
	/* 首頁/index */
	.index .logo-box .item{ width: calc(100%/11);}
	.index .movie-box .albums .item{width: calc(100% / 4 - 1.6rem);}
	.index .news-box .albums .item,
	.index .brand-box .albums .item{width: calc(100% / 7 - 1.6rem);}

}
@media screen and (max-width: 1600px) {
	/* 共用元件 */
	/* header nav .extra a span{ display: none;} */

	/* 首頁/index */
	.index .logo-box .item{ width: calc(100%/10);}
	.index .news-box .albums .item,
	.index .brand-box .albums .item{width: calc(100% / 6- 1.6rem);}

	.bodybox.scroll header nav .container{margin-right: -200px;}

	/* 最新消息/news */
	.news .news-box .albums .item{width: calc(100% / 5 - 1.6rem);}
	
	/* 授權經營 /Licensing Agents */
	.licensing .news-box .albums .item{width: calc(100% / 5 - 1.6rem);}
	
	.bodybox.index.scroll header nav .container{margin-right: 180px;}
	.bodybox.scroll header nav .container{margin-right: 200px;}
	
}
@media screen and (max-width: 1400px) {
	/* 首頁/index */
	.index .logo-box .item{ width: calc(100%/9);}
	header nav .container{ max-width: 800px;}
	.index .kv .item{ padding-top: 35.5%;} /*42.5%; */
	.index .movie-box .albums .item{width: calc(100% / 3 - 1.6rem);}
	.index .news-box .albums .item,
	.index .brand-box .albums .item{width: calc(100% / 5 - 1.6rem);}
	/* .index .about-box .txt {margin: 0 5rem;} */

	/* 旗下品牌/brand series */
	.txt-banner ul{padding-right: 10rem ;}
    .store-list .item {width: calc(100%/5 ); }
    .footer-banner .banner.right { background-position: right;}
    .footer-banner .banner.left { background-position: left;}

	/* 銷售地圖 04海外零售 */
	.salesHome .tablebox > ul > li { vertical-align: middle;}
		
	/* 投資人專區 - 公司治理 */
	/* .investor dl.intro { padding: 2rem 2rem 2rem 380px;} */
}

@media screen and (max-width: 1280px) {
    /* 共用元件 */
    html, body{ font-size: 12px;}
	header nav,
	header nav dd a{ font-size: var(--fsXS);}
	header nav .container{ max-width: 700px;}
	footer .container{padding: 0 3rem ;}
	.bodybox.index.scroll header nav .container{margin-right:150px;}
	.bodybox.scroll header nav .container{ margin-right:160px;}
	
	/* 首頁/index */
	/* .mainContent .container{font-size: 0;} */
    .index .logo-box .item{ width: calc(100%/8);}
    .index .news-box .albums .item,
	.index .brand-box .albums .item{width: calc(100% / 4 - 1.6rem);}
    .index .brand-box .albums .item b.photo span{ background-size: 80% auto;}
    .index .mile-list a img{ height: 235px;}
	.index .about-box .txt{ margin: 0 3rem;}
	.index .about-box .container{padding: 0 0rem;}
	.index .block.milestone-box .container{padding : 0 3rem;}
	
	/* 公司治理 corporate 5欄 */
	.investor .tagId a{margin:  0 10px 20px 10px;}
	.investor .tagId a::after{bottom:-5px;}

	/* 旗下品牌/brand series */
	.txt-banner ul{padding: 0 6rem 0 0;}
	.store-list .item {width: calc(100%/4 ); }

	/* 最新消息/news */
	.news .news-box .albums .item{width: calc(100% / 4 - 1.6rem);}

	/* 展覽活動 /Exhibition */
	.exhibition h4 {padding-bottom: 2rem;}
    .exhibition .item ul{padding: 0 5rem 0 0;}

    /* 登錄會員 /Service member SignIn */
	.member .form1 .data .enterBox ul.dataBox{width:100%;}
	.member .form1 .data .enterBox ul.dataBox li input {width:100%;}
	.member .form1 .data .enterBox ul.btnBox {width:100%;}
	.member .form1 .data .enterBox ul.btnBox{margin-top: 1rem;}
	
	/* 授權經營 /Licensing Agents */
	.licensing .news-box .albums .item{width: calc(100% / 4 - 1.6rem);}

	/* 銷售地圖 01直營門市 */
    .salesHome .item ul{padding: 0 5rem 0 0;}

	/* 銷售地圖 03合作夥伴 */
    .partners-list .item {width: calc(100% / 4);}

	/* 投資人專區 - 列表 */
	.investor .news-box .albums .item{ width: calc(100%/5 - 1.6rem);}

	/* 投資人專區 - 公司治理 */
	.investorMenuL a {font-size:20px;}

	.investor .tablebox.i4 { width: 1000px;}
	.investor .tablebox.i4 ul { display: flex;}
	.investor .tablebox.i4 li:nth-child(3){width: calc(100% - 200px - 150px - 180px);}
	.investor .tablebox.i4 li:nth-child(4){width: 180px;}

	.investor dl.intro{ padding: 1.5rem 2rem 1.5rem 380px; }
	 
	/* 投資人專區 - 董事會及各委員會 */
	br.w1280{display: none;}
	
	/* 銷售地圖 - 06 線上通路 EN  */
	.sales.en .area .item ul {padding:0 5rem 0 0;}
	.salesHome .pagebox.p6 .tablebox ul li:nth-child(1) { padding: 0 3rem ;}
	.salesHome .pagebox.p6 .tablebox ul li:nth-child(2) { padding: 0 3rem ;}
	.salesHome .pagebox.p6 .carousel .pager{ padding:  0 3rem ;}

}

@media screen and (max-width: 1024px) {
    /* 共用元件 */
	.bodybox.index.scroll header nav .container{margin-right:80px;}
	.bodybox.scroll header nav .container{ margin-right:130px;}

	header nav dl{ white-space: normal;}
	header nav{ padding: 0px 0;}
	header nav .extra a{padding: 0;}
	header nav .extra a span{ display: none;}
	header nav .extra a.UI::before{margin: 0;}

    .albums .item{ width: calc(100%/2 - 3rem);}
	/* 首頁/index */
    .index .logo-box .item{ width: calc(100%/6);}
	.index .movie-box .albums .item{width: calc(100% / 2 - 1.6rem);}
	.index .news-box .albums .item,
	.index .brand-box .albums .item{width: calc(100% / 3 - 1.6rem);}
	.index .about-box img { margin: 0 auto 2rem;}
	.index .txt-img {flex-direction: column; width:100% ;}
    .index .txt-img ul{width:100% ;margin-bottom: 3rem;padding: 0 ;}
	.index .about-box .txt-img ul{ padding: 0 0;}
	.index .about-box img { max-width: 100%;}
   
	/* 首頁/企業簡介 */
	.index .enterprise ul{display: flex;flex-wrap: wrap;justify-content: space-around; }
	.index .enterprise li{ width: calc(100%/3 - 20px - 20px);}

	/* 旗下品牌/brand series */
    .txt-banner {flex-direction: column-reverse;margin-bottom: 5rem;}
    .txt-banner ul{width:100% ;margin-bottom: 3rem;padding: 0 ;}
    .store-list .item {width: calc(100%/3 ); }

	/* 最新消息/news */
	.news .news-box .albums .item{width: calc(100% / 3 - 1.6rem);}

  	.news .albums h4.title {display: flex;justify-content: flex-start; }
  	.news .albums h4.title b{text-align: left;margin: 0 ; }

	/* 展覽活動 /Exhibition */
	.exhibition .mainContent {padding: 0 0 7rem;}
	.exhibition .item.pin h4::before { position: static; height: var(--fsL); background-position: left bottom;}
    /* .exhibition h4.title {padding-bottom: 5rem; margin-bottom: 5rem;} */
    .exhibition .list{ padding-bottom: 0; }
    .exhibition .item {flex-direction: column-reverse; align-items: center; padding-bottom: 5rem; margin-bottom: 5rem;}
    .exhibition .item ul{width:100% ;padding: 0;}
    .exhibition .item .photo {margin-bottom: 5rem;}
	.detail-banner img{ margin-bottom: 0rem;} 

	/* 加入會員 /Service member Join */
	.member .sort{width: 100%;margin: 0.5rem 0; display: inline-block;}

	/* 授權經營 /Licensing Agents */
	.licensing .news-box .albums .item{width: calc(100% / 3 - 1.6rem);}

	/* 銷售地圖 01直營門市 */
	.pagebox { padding-bottom: 7rem;}
    .bodybox.sales header {margin-bottom: 8rem;}
    .sales h4.title { margin-bottom: 5rem;}
    .salesHome .list{ padding-bottom: 0; }
    .salesHome .p1 .item {flex-direction: column-reverse; align-items: center; padding-bottom: 5rem; margin-bottom: 5rem;}
    .salesHome .item ul{width:100% ;padding: 0;}
    .salesHome .item ul li{padding-bottom: 2rem;}
    .salesHome .item .photo {margin-bottom: 5rem;}
	
	/* 銷售地圖 03合作夥伴 */
    .partners-list .item {width: calc(100% / 3);}

	/* 投資人專區 - 列表 */
	.investor.default .tablebox ul li.company { width:50%; display: inline-block; padding: 0 2rem; }

	.investor.default .tablebox ul li {margin-bottom: 3rem;}
	.investor.default .tablebox.kv{ padding-bottom:0;}
	
	.investor.default .tablebox.kv li:nth-child(3){ width: 100%; display: block;padding: 0 2rem; }

	.investor .news-box .albums .item{ width: calc(100%/4 - 1.6rem);}
	
	/* 銷售地圖 EN */
	.sales.en .area .item ul {letter-spacing: 0px;padding:0;width: 100%;}

	/* 銷售地圖 - 06 線上通路 */
	.salesHome .pagebox.p6 .tablebox ul li a{font-size: var(--fsS); display: inline-flex;}
	.sales.en .salesHome .pagebox.p6 li.logos a { margin: 4rem 0;}
	.salesHome .pagebox.p6 .tablebox p { padding: 4rem 0 4rem ;}

	}


@media screen and (max-width: 800px) {
    /* 共用元件 */
    .pc{ display: none!important;}
    .mobile{ display: inline-block!important;}
	.container{ padding: 0 2rem;}
	.rwdScroll{ overflow-x: auto;}
	footer .container nav dl { font-size: var(--fsS);}
	
	.bodybox header { margin-bottom: 5rem;}
	.bodybox.index header{ margin-bottom: 0;}
	.news .albums h4.title,
	.help h4.title,
	.report h4.title { margin-bottom: 5rem;} 

	header nav dt::after,
	a.UI.lang.btn::after,
	a.UI.locate.btn::after {transition: none;}
	
	header{ padding: 0;}
	header a.mobilemenu{ display: inline-block!important;}
	header .group{width: 100%;}
	header .group,
	.index header .group{background: none; padding: 1.5rem; display: flex; justify-content: space-between; align-items: center;}
	.index header a.logo{ width: 140px; height: 55px; position: static; transform: none;}
	header nav .extra{ position: static; transform: none; width: 100%; margin-top: 1rem; padding-top: 3rem; border-top: 1px solid #666;text-align: center;}
	header nav .extra a span{ display: inline-block;}
	header nav .extra span.line{ color: #FFF;}
	header nav .extra a.lang{width: 170px;}
	header nav .extra a:hover{ color: #FFF;}
	
	header nav{ font-size: var(--fsM); display: block; width: 100%!important; position: fixed!important; z-index: 15; top: -150vh!important; padding: 1.5rem; left: 0; transform: none; transition: .2s;}
	header nav::after{content: ''; width: 101%; height: 112vh; background-color: rgba(255,255,255,.9); position: absolute; top: -20vh; left: 0; transform: skewY(5deg); z-index: -1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
	header nav .container{flex-direction: column; width: 100%; max-width: none;}
	
	header nav dl.mobile{ display: flex!important; width: 100%; justify-content: space-between;align-items: center; padding: 0;}
	header nav dl.mobile dt::after{ display: none;}
	header nav dl.mobile a.logo{ width: 120px; height: 45px;}
	header nav dt::after{/* display: none;*/ bottom: -10px;}
	header nav dl:hover dt::after,
	.index header nav .i0 dt::after,
	.investor header nav .i2 dt::after{width: 290px;}
	
	header nav dl{padding: 1.5rem 0;}
	header nav dl a{ width: 300px; margin: 0 auto; display: block!important;}
	header nav dd{ display: none!important;}
	header nav dl.i0{ border-top: 2px solid #BBB; margin-top: 2rem; padding-top: 2rem;width: 100%;}
	
/*	body.MobileMenuOn header a.mobilemenu{ position: fixed; z-index: 99;}*/
	body.MobileMenuOn header nav{ top: 0!important; transition: .3s;}
	body.MobileMenuOn header a.mobilemenu b, 
	body.MobileMenuOn header a.mobilemenu b::before, 
	body.MobileMenuOn header a.mobilemenu b::after{ border-color: var(--pri01);}
	
	.bodybox.scroll header .group{width: 100%; position: static;}
	.bodybox.scroll header nav .container{ margin-left: 0;}
	
/*
	body.dark header .mobile a.logo{ background-image: url(../Images/ui/logo_white.png);}
	body.dark header nav a{ color: #FFF;}
	body.dark header nav::after{ background-color: rgba(0,0,0,.9);}
	body.dark header nav dl.i0,
	body.dark.MobileMenuOn header a.mobilemenu b, 
	body.dark.MobileMenuOn header a.mobilemenu b::before, 
	body.dark.MobileMenuOn header a.mobilemenu b::after{ border-color: #FFF;}
*/
	/* 複寫主選單為黑色主題 */
	header{ margin-bottom: 5rem; }

	body header .mobile a.logo{ background-image: url(../Images/ui/logo_white.png);}
	body header nav a{ color: #FFF;}
	body header nav::after{ background-color: rgba(0,0,0,.7);}
	body header nav dl.i0,
	body.MobileMenuOn header a.mobilemenu b, 
	body.MobileMenuOn header a.mobilemenu b::before, 
	body.MobileMenuOn header a.mobilemenu b::after{ border-color: #FFF;}
	

	footer .container nav {display: flex; flex-direction: column;}
    footer a.gotop{ right: 3rem; bottom: 3rem;}
    footer .social a{ width: 50px; height: 50px; margin: 0 1rem;}
    footer nav{ display: block; width: 100%; font-size: 0; }
    footer nav dl{ display: inline-block; vertical-align: top; width: 100%;}
	footer nav dl dd{ display: none;}
	footer nav dt a{display: flex!important; width: 100%; justify-content: space-between; align-items: center;}
	footer nav dt a::after{content: 'keyboard_arrow_down'; font-size: var(--fsP); transition: .3s;}
	footer nav dt.on a::after{transform: rotate(180deg);}
	footer nav dt.on{ margin-bottom: 0;}
	footer nav dt.on + dd{ display: inline-block; margin-bottom: 1rem;}
	footer nav dd a::before{content: '-'; margin: 0 10px 0 5px;}
    footer nav .group{ display: inline-block; vertical-align: top; width: 100%; margin:0rem;}
	footer nav .group dl,
	footer .container nav .group dl{margin-bottom: 0;}
    footer nav .group.social{ width: 100%; position: static; text-align: center; margin: 0;margin-top: 3rem;}
	footer .bottominfo{ display:flex;justify-content:space-between; margin-top: 20px; padding-top: 40px; align-items: center;  flex-direction: column-reverse;}
	footer .bottom{ padding-top: 25px;}
    
	/* 首頁/index */
	.index .kv .item{padding-top: 125%;}
	.index .kv .pager{bottom: 1.5rem;}
    .index .logo-box .title{ font-size: var(--fsM);}
    .index .logo-box .logos{} /* width: calc(100% - 160px); padding: var(--pd) 1.5rem var(--pd) 90px; */
    .index .logo-box .item{ width: calc(100%/4);}
	.index .logo-box .container{ padding: 0 1.5rem;}
    .index .mile-list h3 b{ margin-right: 3rem;}
    .index .mile-list > ul > li:nth-of-type(1) span{ font-size: var(--fsL);}
    .index .mile-list b.star{ margin: 0 2rem;}
    .index .mile-list a img{ height: 150px;}
    .index .about-box h3{ text-align: center;}
    .index .about-box .txt{ width: 100%; margin: 0 auto 3rem;}
    .index .about-box img.mobile{ width: 85%; margin: 3rem auto; display: block!important;}
	

	/* investor 共用 */
	.investor .tablebox.i5 div.tablebox > ul{ display:inline-block;}
	.investor .tablebox.i5 div.tablebox > ul > li{ display:inline-block; padding: 1rem;}
	.investor .tablebox.i5 li:nth-of-type(odd){width: 200px;}
		
	/* investor */
	.investor-menu .itemBox2{flex-wrap: wrap;}
	.investor-menu .itemBox2 a{width: 50%;}
	.investor-menu .itemBox2 a:nth-of-type(even) {border-right: 1px solid #000;}
	
	/* menuL 手機版 */
    ul.menuL li{ display: none; padding: 2rem 1.5rem;}
    ul.menuL.show li{ display: block;}
    .mainContent.m1 ul.menuL li.l1,
    .mainContent.m2 ul.menuL li.l2,
    .mainContent.m3 ul.menuL li.l3,
    .mainContent.m4 ul.menuL li.l4,
    .mainContent.m5 ul.menuL li.l5,
    .mainContent.m6 ul.menuL li.l6,
	.mainContent.m7 ul.menuL li.l7{ display: block;}
    .mainContent.m1 ul.menuL li.l1 a::after,
    .mainContent.m2 ul.menuL li.l2 a::after,
    .mainContent.m3 ul.menuL li.l3 a::after,
    .mainContent.m4 ul.menuL li.l4 a::after,
    .mainContent.m5 ul.menuL li.l5 a::after,
    .mainContent.m6 ul.menuL li.l6 a::after,
    .mainContent.m7 ul.menuL li.l7 a::after{transform: rotate(90deg);}
    .mainContent.m1 ul.menuL.show li.l1 a::after,
    .mainContent.m2 ul.menuL.show li.l2 a::after,
    .mainContent.m3 ul.menuL.show li.l3 a::after,
    .mainContent.m4 ul.menuL.show li.l4 a::after,
    .mainContent.m5 ul.menuL.show li.l5 a::after,
    .mainContent.m6 ul.menuL.show li.l6 a::after,
	.mainContent.m7 ul.menuL.show li.l7 a::after{transform: rotate(0deg);}

	/* investorMenuL 手機版 */
	.investorMenuL b.UI::before{ font-size: var(--fsM);}

	.investorMenuL a.back{display: none!important;}

    .investorMenuL a{ display: none; }
    .investorMenuL.show a{ display: flex;}
    .investor.w1 .investorMenuL a.c1,
    .investor.w2 .investorMenuL a.c2,
    .investor.w3 .investorMenuL a.c3,
    .investor.w4 .investorMenuL a.c4{ display: flex;}
    .investor.w1 .investorMenuL a.c1 b::before,
    .investor.w2 .investorMenuL a.c2 b::before,
    .investor.w3 .investorMenuL a.c3 b::before,
    .investor.w4 .investorMenuL a.c4 b::before{transform: rotate(90deg);}
    .investor.w1 .investorMenuL.show a.c1 b::before,
    .investor.w2 .investorMenuL.show a.c2 b::before,
    .investor.w3 .investorMenuL.show a.c3 b::before,
    .investor.w4 .investorMenuL.show a.c4 b::before{transform: rotate(0deg);}

	.investorMenuL a.c1,
	.investorMenuL a.c2,
	.investorMenuL a.c3,
	.investorMenuL a.c4,
	.investorMenuL a.c5,
	.investorMenuL a.c6,
	.investorMenuL a.c7{padding: 2rem 2rem; }

	.investorMenuL.shareshow{ margin-bottom: 3rem;}
    .investorMenuL.shareshow a{ display: flex;}


	/* .investor.w5 .investorMenuL a.c5,
	.investor.w5 .investorMenuL a.c6,
	.investor.w5 .investorMenuL a.c7{ display: flex;}
    .investor.w5 .investorMenuL a.c5 b::before,
    .investor.w5 .investorMenuL a.c5 b::before,
	.investor.w5 .investorMenuL a.c7 b::before{transform: rotate(90deg);}
	.investor.w5 .investorMenuL.show a.c5 b::before,
	.investor.w5 .investorMenuL.show a.c6 b::before,
	.investor.w5 .investorMenuL.show a.c7 b::before{transform: rotate(0deg);} */


	/* 登錄會員 /Service member SignIn */
	.menuL { width: 100%;}
	.menuL ul:last-child { margin-bottom: 2rem;}
	.member .flex-content { display:flex; flex-direction: column;}
	.member .data { width: 100%;}
    .member p {font-size:var(--fsM); text-align: center; font-weight: 600; }
	.member .form1 .data .enterBox ul.dataBox li input {width:100%;}
	.member .form1 .data .enterBox ul.btnBox { width: 100%;margin-top: 1rem;}

	/* 加入會員 /Service member Join */
	.member .form2 .data ul.tag { display: flex; flex-wrap: wrap;justify-content: center; }
	.member .form2 .data ul.tag li { width: 25%; text-align: center; margin:0 0 5rem ; color:#DDD; }
    .member .form2 .data ul.tag li b{ font-size: var(--fsM);}
	.member .form2 .data ul.tag li b::after { display: none; }
	.member .form2 .data ul.tag li span { display: none; }
    .member .form2 .data ul.tag li.focus span{ display: inline-block; position: absolute;bottom: 2rem;left: 0;width: 100%;text-align: center;}
    .member .form2 .data ul.tag { padding-bottom: 0rem;}
	.member .topBox .data .inform {text-align: center;}

    /* 申報維修 /Report */
	.data .mainContent .detailform .tablebox{margin-bottom:0;}
    .data .mainContent .detailform .tablebox ul li,
    .data .mainContent .detailform .tablebox ul li:nth-of-type(2n+1),
    .report .data .mainContent .detailform .tablebox ul li.guid,
	.data .mainContent .detailform .tablebox ul li.nes {font-size:var(--fsP);display: block;width: 100%;margin: 1rem 0;text-align: center;}
    .data .mainContent .detailform .tablebox ul b.photo{width: 100%;}
	.data .mainContent .detailform .tablebox ul li:nth-of-type(4){width:100%;}
	.data .mainContent .detailform span {text-align: left;}

    /* 聯絡我們 /Service contact */
    .contact .connect a {width: 100%;}
	
	/* 銷售地圖 04海外零售 05海外經銷 */
	.salesHome div.tablebox,
	.salesHome div.tablebox > ul,
	.salesHome div.tablebox > ul > li{display: block; width: 100%;}
	.p4 .tablebox .sitem, 
	.p5 .tablebox .sitem{ position: relative;}
	
	.salesHome.t4 .tag,
	.salesHome.t5 .tag { margin-bottom: 0rem;}
	
	.salesHome .pagebox .state a:first-child {padding-top: 3rem;}
	.salesHome .pagebox .state a:first-child b.UI.add{ top: 4.5rem;}

	.salesHome .pagebox .store dl { padding: 0 5rem 1rem 5rem ;}
	.salesHome .pagebox .store dl:first-of-type dt { margin-top: 4rem;}
	.salesHome .carousel .mask{ margin-top: 4rem;}
	.salesHome .pagebox .state a{ padding: 3rem 0 3rem 1.5rem; }
	.salesHome .pagebox .store dd { width: 100%;}
	.salesHome .state a::after { bottom: -1px;}

	/* .salesHome 手機版 */
	.salesHome .pagebox .state a{ display: none;}
	.salesHome .pagebox .state b.UI.add::before{ content: "add";}

	.salesHome .pagebox .state.on a,
	.salesHome .pagebox.s1 .state1,
	.salesHome .pagebox.s2 .state2,
	.salesHome .pagebox.s3 .state3,
	.salesHome .pagebox.s4 .state4,
	.salesHome .pagebox.s5 .state5,
	.salesHome .pagebox.s6 .state6 { display: block;}
	

	/* 投資人專區 /Investor */
	/* 共用 */
    .bodybox.investor header {margin-bottom: 8rem;}
	.investor .logoTitle {margin-bottom: 5rem;}
	.investorMenuL {width: 100%;margin-bottom: 3rem;padding-right: 0;}
	.information {width: 100%;}
	.investorMenuL a {font-size:var(--fsP);}

	/* 投資人專區 - 列表 */
	.investor .news-box .albums .item{ width: calc(100%/3 - 1.6rem);}
	.investor.default .company a:nth-child(1){ padding: 2rem 0.5rem 2rem 1.4rem;}

	/* 銷售地圖 - 06 線上通路 */
	.salesHome .pagebox.p6 .tablebox > ul > li { width:100%;}
	.salesHome .pagebox.p6 .tablebox ul li.carousel{ width:100%;}
	.salesHome .pagebox.p6 .tablebox .item { text-align: justify;}
	.salesHome .pagebox.p6 .tablebox > ul > li:nth-child(1) { width: 100%;}
	.salesHome .pagebox.p6 .tablebox > ul > li:nth-child(2) { width: 100%;}
}

@media screen and (max-width: 640px) {
    /* 共用元件 */
    html, body{ font-size: 14px;}
	.pc640{ display: none!important;}
    .mobile640{ display: inline-block!important;}
	.albums .item {width: calc(100% - 3rem);}


	/* 全站共用 */
	.text-2cols .group {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
	.text-2cols ul{width:100%; margin: 0; padding: 20px;}
	.text-2cols ul:nth-of-type(odd){background-color: #F5F5F5;}

	.bodybox.sales header,
	.bodybox.investor header{margin-bottom: 5rem;}

	/* 首頁/index */
	.index .logo-box .item { padding: 0 1.5rem;}
	.index .logo-box .item{ width: calc(100%/3);}
	.index .mile-list h3{ margin-bottom: 2rem;}
	.index .mile-list h3 b{margin-right: 0;}
	.index .movie-box .albums .item{width: calc(100% / 1.3 - 1.6rem);}
    .index .news-box .albums .item,
    .index .brand-box .albums .item{width: calc(100%/2 - 1.6rem);}
    .index .brand-box .albums h3{ text-align: left;}
	.index .mile-list > ul > li:nth-of-type(1) span {font-size: var(--fsM);}
	.index .about-box .txt-img li { padding: 0 2rem;}
	.index .block.milestone-box .container{padding : 0 0;}

	/* 首頁/企業簡介 */
	.index .enterprise li{ width: calc(100%/2 - 20px - 20px);}
	.index .enterprise li:nth-child(1) {margin: 0 20px 50px 0;}
	.index .enterprise li:nth-child(2) {margin: 0 0 50px 20px;}

	.index .enterprise br.w640{display: inline;}

	/* investor 共用 */
	.investor-menu .itemBox1 span{font-size:var(--fsS); font-weight:100;}  
	.investor-menu .itemBox2 dt{font-size:var(--fsS);}

	/* 公司治理 corporate 5欄 */
	.investor .tagId a::after{bottom:-10px;}

	/* 旗下品牌/brand series */
	.store-list .item {width: calc(100%/2 ); padding: 1.5rem;}

	/* 代理品牌/agency series */
	.agency-list .item {width: calc(100%/2); padding: 1.5rem;}

	/* 最新消息/news */
	.news .news-box .albums .item{width: calc(100% / 2 - 1.6rem);}
	.news .albums { padding: 0;}
	.news .albums .title{padding: 0 1rem;}

	.news .albums h4.title {padding: 0 1rem;}
	.news .rightMenu { padding-right: 1rem;}
	.news .rightMenu .searchBox input { padding-left: 1rem; width: 130px;}

	/* 展覽活動 /Exhibition */
	.exhibition .list{ padding-bottom: 0; }
    .exhibition .title {margin-bottom: 2rem;}
    .exhibition .item .photo { width: 100% ;margin-bottom: 4rem;}

    /* 登錄會員 /Service member SignIn */
    .container .topBox .title {margin-bottom: 4rem;}
    .member .form1 .data .enterBox ul.dataBox {display:block;}
    .member .form1 .data .enterBox ul.dataBox li {font-size: var(--fsP); }
    .member .form1 .data .enterBox ul.dataBox li input {margin-left: 0;}
    .member .form1 .data .enterBox ul.dataBox li span{ font-size: var(--fsP);margin-bottom: 1rem; }
    .member .form1 .data .enterBox ul.btnBox {display:inline-block;width: 100%;}

    /* 忘記密碼 /Service member forget */
    .member .form1 .data .enterBox{display: inline-block;}

	/* 授權經營 /Licensing Agents */
	.licensing .news-box .albums .item{width: calc(100% / 2 - 1.6rem);}

	/* 銷售地圖 */
  	.sales .mainContent::after, 
	.investor .mainContent::after { background-image: none;}
	.sales br.w640,
	.sales span.dash{display: inline;}
	
	/* 銷售地圖 01直營門市 */
    .sales .logoTitle { margin-bottom: 0rem;}
    .sales h4.title {padding-bottom: 0rem; margin-bottom: 5rem;}
    .salesHome .list{ padding-bottom: 0; }
    .salesHome .title {margin-bottom: 2rem;}
    .salesHome .area .item .photo { width: 100% ;margin-bottom: 4rem;}

	/* 銷售地圖 02銷售零售 */
	.salesHome .text-2cols ul {margin-bottom:1.5rem;}

	.salesHome .tag a { width:calc(var(--fsP)*2 + 5rem);line-height: 1.5;}
	/* .salesHome .tag a.tag4,a.tag5 { word-break: break-all;} */

    .salesHome .pagebox .subtag a { padding: 0 2rem; }

	/* 銷售地圖 03合作夥伴 */
    .partners-list .item {width: calc(100% / 2);}

	/* 銷售地圖 Online Store EN*/
	.salesHome .container{padding: 0;}
 	.sales.en .salesHome .tag .container {display: flex; justify-content: space-between; align-items: flex-end}
    .salesHome .pagebox.p6 .tablebox p {  padding: 4rem 0 0;}

	/* 投資人專區 - 列表 */
	.tablebox .company a{ padding: 2.5rem 0.5rem 2.5rem 1.4rem;}
	.investor .tablebox .company a b {font-size:var(--fsS);}
	.investor .tablebox .company a b.UI {font-size:var(--fsM);}
	.investor .tablebox ul li a.UI {font-size:var(--fsM);}

	.investor .news-box .albums .item{ width: calc(100%/2 - 1.6rem);}

	.investor.default .tablebox ul li.company:nth-child(1){ padding: 0 2rem 0 0; }
	.investor.default .tablebox ul li.company:nth-child(2){ padding: 0 0 0 2rem; }

	.investor.default .tablebox.kv li:nth-child(3){ padding: 0 0 ; }

	/* 投資人專區 - 公司治理 */ 
	.investor .tablebox.i4 li:nth-child(3){width: calc(100% - 200px - 150px - 203px);}
	.investor .tablebox.i4 li:nth-child(4){width: 203px;}

	 /* 投資人專區 - 利害關係人溝通 */
	.investor .tablebox.i2 li:nth-child(2){ width:60%; }

	/* 投資人專區 - 公司治理 董事會決議 */
	.investor .tablebox.i1 .group .detail{ padding-bottom: 2rem; margin-bottom: 2rem;}

	.investor .tablebox a.UI.outward::before{ font-size: var(--fsM);}

	}