.columnArea{width:100%;display:flex;/* flex-wrap:nowrap; *//* flex-direction: column-reverse; */}
.columnArea .leftBox{width:22%;order:1;}
.columnArea .rightBox{width:76%;margin:0;padding:0 30px 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{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 h5.action{font-size: 25px;font-weight: 400;color: #3a3837;letter-spacing:1px;position:relative;margin-bottom: 60px;text-align:center;padding: 30px 0 0;}
.info h5.action::after{content:"";position:absolute;bottom:-25px;width:35px;height:1px;background:#675448;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}


.tit2 .info .txt {
    margin: 0;
    padding: 12px 0px;
    border-bottom: 1px #e5e4e4 solid;
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.tit2 .info .txt label {
    color: #090909;
    width: 140px;
    font-size: 15px
}

.tit2 .info .txt a,.tit2 .info .txt b {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    line-height: 1.125em;
    font-size: 17px;
    color: #191f23;
    font-family: 'Montserrat',sans-serif
}



/* 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;}


iframe{
	    position: relative;
	    height: 490px;
}

@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; }
  }