.columnArea{width:100%;display:flex;flex-wrap:nowrap;flex-direction: column;}
.columnArea .leftBox{width:22%;order:1;display: none;}
.columnArea .rightBox{width: 88%;margin: auto;padding: 0 0px 40px 0;}

/* TTsideNav */
#TTsideNav{position:sticky;top:100px;}
#TTsideNav ul.Cate{text-align:center;font-size:15px;color:#9e9e9e;display:flex;justify-content:center;flex-direction:column}
#TTsideNav.container{border-top-style:solid;border-bottom-style:dotted;text-align:center;border-bottom:1px dotted #d1c3a9;padding-top:12px;padding-bottom:12px}
#TTsideNav .container h2{color:#444444;font-size:36px;font-weight:100;text-align:center;line-height:110%}
#TTsideNav .container{display:none}
#TTsideNav .container p{color:#444444;font-family:"Helvetica",Sans-serif;font-size:14px;font-weight:100;text-align:center}
.fixTop{position:fixed;width:1420px;top:-15px}
.fixTop.showheader{top:50px}
#TTsideNav >ul >li{border-top-style:solid;border-bottom-style:dotted;text-align:center;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #eaeaea;padding:25px 15px}
#TTsideNav >ul >li.action >h3 a{color:#000}
#TTsideNav >ul >li.action >h3 a:before{content:'';background-color:#245fdf;margin-left:-50px;width:90%;height:3px;display:block;position:absolute;bottom:0;left:55px;transition:0.6s}
#TTsideNav >ul >li >h3{display:block}
#TTsideNav >ul >li >h3 a{letter-spacing:0.5px;font-size:16px;font-weight:400;color:#35393a;display:block;padding:15px 15px;transition:0.9s;line-height:0.8}
#TTsideNav ul li .SubTitle{display:flex;align-items:center;justify-content:center}
#TTsideNav ul li .SubTitle .img{padding:0px 10px 0px 0px;border-radius:50%;background-color:#ffffff;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);flex-shrink:0;width:74px;height:74px;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #f0b7a473}
#TTsideNav ul li .SubTitle .img a img{width:50px}
#TTsideNav ul li .SubTitle .Stext{width:calc(100% - 120px);margin-left:20px}
#TTsideNav ul li .SubTitle .Stext h3 a{color:#444444;font-weight:300;margin:0% 0% 1% 0;font-size:18px;line-height:34px;letter-spacing:4px}
#TTsideNav ul li .SubTitle .Stext p{font-weight:400;line-height:130%;font-family:'Marcellus',serif;color:#d7a297;font-size:17px}
.info{position:relative}
.info h2.action{font-size:30px;font-weight: 600;color: #3e3936;letter-spacing:1px;position:relative;margin-bottom: 40px;text-align:center}
.info h2.action::after{content:"";position:absolute;bottom: -15px;width:35px;height:1px;background:#675448;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}


/* itemA02 */
.witness{padding: 20px 0;}
.witness ul{margin-bottom: 0px;}
.witness .slick-prev{left: -25px;}
.witness .slick-next{right: -25px;}
.witness .slick-prev:before,.witness .slick-next:before{color: #404040;font-family: 'Noto Sans TC';font-size: 15px;}
.witness ul li{padding: 0px 10px 0px 10px;position: relative;}
.witness ul li .info h3{font-weight: 400;text-align: left;padding: 15px 0px 30px 0px;font-size: 18px;font-weight: 300;color: #474747;}
.witness ul li a{position: absolute;width: 100%;height: 100%;z-index: 1;}

@media screen and (max-width: 1280px) {
	#TTsideNav .container h2{font-size: 26px;}
	#TTsideNav ul li .SubTitle .img a img{width: 60px;}
	#TTsideNav >ul >li{padding: 8px 0;}
	.columnArea{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
	.columnArea .leftBox{width: 100%;display: none;}
	.columnArea .rightBox{width: 100%;padding: 0;}
  }
  @media screen and (max-width: 960px) {
	  #TTsideNav ul li .SubTitle .img a img{width: 50px;}
	#TTsideNav ul li .SubTitle .Stext h3 a{font-size: 18px;}
	#TTsideNav .container h2{font-size: 22px;}
  }
  @media screen and (max-width: 768px) {
	.info h5.action{font-size: 26px;}
	#TTsideNav .container h2{font-size: 26px;}
	#productdetail #productinfo article{font-size: 13px;}
	#productdetail #productinfo article{font-size: 13px;}
  }
  @media screen and (max-width: 480px) {
	.info h5.action{font-size: 22px;}
	.witness ul li .info h3{ font-size: 3vmin; }
  }