/* BASIC css start */
#overlay_layer{display:none !important}
html{scroll-behavior: smooth;}
.new_wrap{width:900px;margin: 130px auto 0px;}
.new_wrap a{display:inline-block}
.new_wrap img{width: 100%;}
.tab_area{width:100%;display: block;position:relative}
.tab_btn {width:88%;margin:0 auto;position: absolute;bottom: 0;height: 45%;left: 0;right: 0;float: left;bottom: -5%;}
.tab_btn a{display: inline-block;width: 32%;height: 60%;float: left;margin-right:2%;}
.tab_btn a:last-child{margin-right: 0;}
#cate1{position: relative}
#cate1 .vd_wrap{width: 100%;/* background-color: #f4f8ff; */position: absolute;bottom: 3%;left: 0;right: 0;}
#cate1 .vd_wrap img{width: 28%;margin: 0 auto;display: block;}

#cate3{}
#cate3 .btn_area{width: 100%;}
#cate3 .btn_area a{width: 50%;float: left;;display: inline-block;}


.topTitleBox1 img{width: 100%;display: block; }
.topTitleBox1, .posiBox{ position: relative; }
.arrowBox01 {  cursor: pointer; padding:14px 0; display: flex;  background-color: #ffd4d4; justify-content: center;align-items: center; }
.arrowBox01 p { color: #000; font-size: 16px;margin-right: 15px; margin-top: -2px; }
.arrowBox01 .arrow { width: 0px; height: 0px;border-bottom: 9px solid #000;border-left: 6px solid transparent;border-right: 6px solid transparent;
 transform: rotateX(-180deg); margin-top: -2px; }
.arrowBox01 .arrow.active { transform: rotateX(0deg); }
.arrowBox02 {overflow: hidden; height: 0; transition-duration: 0.2s;}
.arrowBox02.active { height: 100%; }



/* BASIC css end */