@charset "utf-8";
/* CSS Document */
.backSet{ margin: 0 0 10px;}
a .back{ width: 20px; height: 20px; margin: 0 5px 0 0; vertical-align: middle; }
a:hover .back path{ fill:#209cff;transition: fill 0.3s; }
.m_block{ display: none;}
/*num*/
ul.num{}
ul.num li{ list-style: decimal; margin: 0 0 10px 30px;}
ul.slogan{ display: flex; justify-content: space-around; flex-wrap: wrap;  margin: 0 0 30px; }
ul.slogan li{ font-size: 1.250rem; font-weight: bold; color:#e36f36; margin: 0 0 30px;}
ul.slogan li span{color:#fff;background:#c3c3c3; padding: 3px;}
/*.sBox*/
.sBox{ width:auto; min-width:100px; height:50px; display:inline-block; padding:0; margin:0; overflow: hidden; cursor: pointer; border-radius: 3px; line-height:50px; 
	background:#fff url("../images/arrow-down.svg") right no-repeat; background-size:30px auto;	vertical-align:middle; border: 1px solid #d6d6d6;}
.sBox.wAuto{width:auto;}
.sBox select{ width:100%; height:50px; padding:0 30px 0 10px; border: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1rem; font-family:Arial, Helvetica, "微軟正黑體";}
.sBox select:focus{ outline: none;}
.sBox select::-ms-expand { display: none;}
.s1Box{ width:100%; height:50px; display:inline-block; padding:0; margin:0; overflow:hidden; cursor: pointer; border-radius: 3px; line-height:50px; vertical-align:middle; border: 1px solid #d6d6d6;}
/*topView*/
.topView{ width:100%; height: 200px; display: block; overflow: hidden;}
.topView .in{ position: relative; width:1142px;  height: 200px; display: block; margin: 0 auto;}
.topView .in h2{ position: absolute; top: 50%; left:10px; margin: -27px 0; color: #fff; text-shadow: 0px 0px 10px rgba(5,10,20,0.7);}

/*oneBox twoBox*/
.oneBox, .twoBox{ /*position: relative; */width:1142px; margin: 20px auto 30px; box-sizing: border-box;}
.Rset{ background-color: #fff; border-radius:1rem;  box-shadow: 0px 0px 7px rgba(0,0,0,0.1); box-sizing: border-box;}
.oneBox{}
.oneBox .Rset{width:100%; padding:0 0 60px;}
.twoBox .Rset{ float: right; width:calc(100% - 222px); padding:0 0 60px;}

/* Header styles and animations */
*, *:before, *:after{ box-sizing: border-box; }
#sidebar{ float: left; }
.Lset{ width:202px;}
.sidebar__inner{position: relative;
	width:202px;
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
	background-color: #fff; border-radius:1rem;  box-shadow: 0px 0px 7px rgba(0,0,0,0.1); box-sizing: border-box;overflow: hidden;
}
.Lset-waypoint{ width:100%; height:1px; display:block; }
.Lset-header-normal {position:absolute; top:0; left:0;}
.Lset-header-scroll {position:fixed; top:80px;  z-index: 11; }

.twoBox .Lset h3{ font-size:1rem;}
.twoBox .Lset a{ cursor:pointer;}
.twoBox .Lset li{ position: relative;}
.twoBox .Lset li:last-child a{ border-bottom:none}
.twoBox .Lset li.fir{}
.twoBox .Lset li.fir a.trig::after{ position: absolute; content: ""; width:24px; height: 25px; display: block; top:10px; right:5px;background:url("../images/arrow-right.svg")  right no-repeat;}
.twoBox .Lset li.fir a.trig.close{ height:auto;}
.twoBox .Lset li.fir a.trig.close::after{background:url("../images/arrow-right.svg")  right no-repeat; transform:rotate(90deg); -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.twoBox .Lset .sec{ display: none;}
.twoBox .Lset .sec li{ font-size: 0.875rem; background-color: #f9f9f9;}
.twoBox .Lset .sec li a{ padding: 13px 20px 13px 36px; }
.twoBox .Lset .sec li:last-child a{ border-bottom:1px solid #e7e7e7;}
.twoBox .Lset a{color:#888888; width: 100%; padding: 13px 20px; display: block; box-sizing: border-box;border-bottom:1px solid #e7e7e7;}
.twoBox .Lset a.current, .twoBox .Lset a:hover{color: #209cff; }
.Rset h1{ position: relative; padding:15px 86px 15px 40px; border-bottom:1px solid #e7e7e7;}
.Rset h1 .sound{ position: absolute; top: 17px; right: 40px; width: 36px; height: 36px; display: block;background:url("../images/sound.svg")  no-repeat; transition: opacity 0.3s;}
.Rset h1 .sound:hover{ opacity:0.8;}
.Rset h1 .upDateL { font-size: 1rem; margin: 0;}
/*in*/
.Rset .in{ color: #666666; padding:40px; box-sizing: border-box;}
.Rset .in h4{ position: relative; line-height: 1; padding: 0 24px 0 10px; margin: 0 0 20px; color: #333333; background:url("../images/h4_icon.svg") no-repeat; background-size:4px auto;}
.Rset .in p,.Rset .in ul{ margin: 0 0 30px;}
.Rset .in ul.dot_decimal,.Rset .in ul.dot_roman{ margin: 0 0 30px 10px;}
.Rset .in p{ line-height: 1.875; letter-spacing: 1px;}
.Rset .in p.lawTitle{ margin: 0 0 30px; text-align:center; font-size:1.250rem; font-weight: bold; line-height: 1.875; letter-spacing: 1px;}
.Rset .in p.lawHistory{ margin: 0 0 30px; text-align:left; line-height: 1.875; letter-spacing: 1px;}
.Rset .in p.lawL1{ margin: 0 0 10px; font-weight: bold; line-height: 1.875; letter-spacing: 1px;}
.Rset .in p.lawL1content{ margin: 0 0 30px; line-height: 1.875; letter-spacing: 1px;}
.Rset .in p.lawL2{ margin: 0 0 10px 15px; font-weight: bold; line-height: 1.875; letter-spacing: 1px;}
.Rset .in p.lawL2content{ margin: 0 0 30px 15px; line-height: 1.875; letter-spacing: 1px;}
.Rset .in p.lawL3{ margin: 0 0 10px 30px; font-weight: bold; line-height: 1.875; letter-spacing: 1px;}
.Rset .in p.lawL3content{ margin: 0 0 30px 30px; line-height: 1.875; letter-spacing: 1px;}
.Rset .in ul.dot li{ list-style:disc; margin: 0 0 10px 1rem; line-height: 1.875}
.Rset .in ul.dot_square li{ list-style:square; margin: 0 0 10px 1rem; line-height: 1.875}
.Rset .in ul.dot_decimal li{ list-style:decimal-leading-zero; margin: 0 0 10px 1rem; line-height: 1.875}
.Rset .in ul.dot_roman li{ list-style:upper-roman; margin: 0 0 10px 1rem; line-height: 1.875}
.Rset .in .grayBox{ padding: 20px; margin: 0 0 30px; font-size:0.875rem;  background-color: #f3f3f3;  border-radius: 36px;}
.Rset .in .grayBox2{ padding: 20px; margin: 0 0 30px; font-size:0.875rem;  background-color: #f3f3f3; border-radius: 6px;}
.Rset .in .grayBox2 img{ width: 24px; display: inline; margin: 0 5px;}
.Rset .in .pic{ position: relative; text-align: center;margin: 0 auto 30px;}
.Rset .in .pic img{ width:100% ; height: auto; }
.Rset .in .film{  width: 100%; height: auto; margin: 0 auto 30px;}
.Rset .in .film img{ width:100% ; height: auto; }
/*tag-contain*/
.tag-contain{width: 100%; height: 60px; padding: 18px 0; margin: 0 auto 30px; background-color: #f8f8f8; overflow: hidden;box-sizing: border-box; }
.tag-contain .swiper-wrapper{padding: 0 10px;}
.tag-contain .swiper-slide{width:auto; padding: 0 42px;text-align: center; vertical-align: middle;box-sizing: border-box; border-right: 3px solid #dddddd; }
.tag-contain .swiper-slide:last-child{border-right:none;}
.tag-contain .swiper-slide a{ width: 100%;  display: block; color:#888888;  }
.tag-contain .swiper-slide a.current{font-weight: bold;color: #209cff;}
/*queryBox*/
.queryBox{ border-bottom:4px solid #fafafa; padding: 0 0 15px; margin: 0 0 15px; }
.queryBox .sBox{ border:1px solid #d6d6d6; margin: 0 5px 0 0;}
/*selectType*/
.selectType{ position: relative; padding:0 0 0 110px; background-color: #f8f8f8; margin: 0 0 30px; }
.selectType .sBox{ width:auto; min-width: 100px; position: absolute; top: 4px; left:4px; border:1px solid #d6d6d6;}
.selectType .tag-contain{ margin: 0;}
.selectType .tag-contain .swiper-slide{width:auto; padding: 0 20px; margin: 0;}
/*selectType02*/
.selectType02{ position: relative; padding:0 414px 0 0; background-color: #f8f8f8;margin: 0 0 50px; }
.selectType02 .sBox{ position: absolute; top: 4px;  border:1px solid #d6d6d6;}
.selectType02 .sBox.w01{right:4px; width: 130px; }
.selectType02 .sBox.w02{right:144px; width: 270px; }
.selectType02 input[type=text]{position: absolute; top: 4px;right:4px;  width:270px;height:50px; display: block; padding: 0 50px 0 10px; box-sizing: border-box; line-height:50px; border-radius: 3px; border:1px solid #d6d6d6;font-size: 1rem;font-family:Arial, Helvetica, "微軟正黑體";}
.selectType02 input[type=submit]{position: absolute;right:4px; top: 4px; width: 50px; height: 50px; display: block; padding: 0; margin: 0;cursor: pointer; border: none; outline: none;  background: url(../images/search.svg) center center no-repeat;background-size:25px 25px; text-indent: -999px; }
.selectType02 .tag-contain{ margin: 0;}
.selectType02 .tag-contain .swiper-slide{width:auto; padding: 0 20px; margin: 0;}
.selectType02::after{ content:"";  position: absolute; bottom:-20px; left: 0; width: 100%; height: 4px; display: block; background-color: #f8f8f8;}
/*showarea*/
.showarea-pcpad{position: relative; width:100%; display: block; margin: 0 auto 30px;}
.showarea-mobile{position: relative; width:100%; display: none; margin: 0 auto 30px;}
/*chronicleBox*/
.chronicleBox{ width: 100%; padding: 10px 0; margin: 0 auto 30px; box-sizing: border-box; background:url("../images/line_bg.svg") 84px 0 repeat-y; background-size:3px auto;}
.yearBox{ position: relative; padding: 0 0 0 105px; margin: 0 auto 30px; }
.yearBox .trig{position:absolute; top: 0; left: 0; padding: 0 10px; font-size: 1.125rem; color: #fff; font-weight: bold; background-color:#b8b8b8; border-radius: 2px; cursor: pointer;}
.yearBox .trig::before{ z-index: 1; position: absolute;	top:50%;	right:-12px; margin: -6px 0; width: 0;	height: 0;	border: solid transparent;	border-width: 6px;	border-left-color: #b8b8b8;	content: '';	pointer-events: none;}
.yearBox .trig::after{ z-index: 1;content: ''; position: absolute; top:-2px; left: 70px; width:30px; height:30px; display: block;background:url("../images/trig_open.svg") ; background-size:cover; }
.yearBox .trig.close::after{background:url("../images/trig_close.svg") ; background-size:cover; }
.yearBox h5{ color:#333333;}
.yearBox .info{ display: none;}
.Rset .in .yearBox .pic{ margin:0 auto 10px ;}
.Rset .in .yearBox p{ margin: 0;}
/*branches*/
ul.branches{ width: 100%; margin: 0 auto 30px;}
ul.branches li{ width: calc(25% - 4px); margin: 0 auto 20px; display: inline-block; vertical-align: top;}
ul.branches li a{padding: 0 0 0 28px; background:url("../images/ico_branches.svg") 3px 0 no-repeat; background-size:20px 20px;}
ul.branches li a.current, .branches li a:hover{background:url("../images/ico_branches_on.svg") 3px 0 no-repeat; background-size:20px 20px;}
ul.branches li p.plign{text-indent:-28px; margin-left:28px; line-height:1.4;}

/*manarger*/
/*ul.manarger{color:#888888;}*/
ul.manarger h5{line-height: 1.2; color:#333333;}
.Rset .in ul.manarger p{ padding: 0 0 5px; margin: 0 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:8px solid #f5f5f5; }
ul.manarger{display: flex; justify-content: space-between; flex-wrap: wrap;}
ul.manarger li{ width:calc((100% - 20px)/2); margin: 0 0 20px 0; border:1px solid #e6e6e6; border-radius: 6px;}
ul.manarger li:nth-child(even){margin:0 0 20px 0;}
ul.manarger ul.dot{ margin:0 0 0 0.875rem; font-size: 0.875rem;}
.Rset .in ul.manarger ul.dot li{ margin: 0 0 15px 15px; padding: 0; line-height: 1; width: auto; border: none;}
.Rset .in ul.manarger li .managerArea{position:relative; width:100%; height:auto; min-height:180px;}
.Rset .in ul.manarger li .bossinfo{position:absolute; top:0; left:0; padding:15px; width:70%;}
.Rset .in ul.manarger li .pic{margin: 0; position: absolute; bottom: 0; right: 0; width:30% ; display: block;}
ul.manarger li .pic .cover{position: absolute; bottom: 0; right: 0; width:100%; height:100%; display: block; background:url("../images/cover.png") no-repeat; background-size:cover;}
/*manargerDetail*/
.manargerDetail{ position: relative; width: 100%; min-height: 300px; padding: 40px 220px 30px 20px; margin: 0 auto 30px; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius:6px; }
.manargerDetail h5{ font-size: 1.857rem; line-height: 1.2; color:#333333; display: inline-block;}
.Rset .in .manargerDetail p{ padding: 0 0 5px; margin: 0 0 20px;display: inline-block; }
.Rset .in .manargerDetail ul.dot{ padding: 10px 0 0; margin:0 0 20px;  font-size: 1rem; color: #333333; border-top:8px solid #f5f5f5; }
.Rset .in .manargerDetail ul.dot li { margin: 0 0 7px 20px; padding: 0; margin: 0 0 10px 1rem; line-height: 1; display: list-item; width: auto; height: auto;border: none; }
.Rset .in .manargerDetail .pic{margin: 0; position: absolute; right: 0; bottom: 0; width:220px ; height:275px; display: block;}
.manargerDetail .pic img{ width: 100%; height: auto;}
.manargerDetail .pic .cover{position: absolute; right: 0; bottom: 0; width:100%; height:100%; display: block;background:url("../images/cover.png") no-repeat; background-size:cover;}
.Rset .in .manargerDetail .detail{ font-size: 0.875rem; color: #888888;}
/*serviceList*/
ul.serviceList{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
ul.serviceList li{ position: relative; width: calc((100% - 100px)/5);display: block;margin:0 20px 20px 0; border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden;}
ul.serviceList li img{ width: 100%; height: auto;}
ul.serviceList li a{ position: absolute;}
ul.serviceList li a.info{ width: 36px; height: 36px; display: block; top: 0; right: 0; background:url("../images/ico_info.png") 3px 3px no-repeat; background-size:30px 30px;}
ul.serviceList li a.info_wh{ width: 36px; height: 36px; display: block; top: 0; right: 0; background:url("../images/ico_info_wh.png") 3px 3px no-repeat; background-size:30px 30px;}
ul.serviceList li a.serviceName{display: flex;align-items: flex-end;  width: 100%; height: 100%; top: 0; left: 0; padding:0 0 0;  color: #fff;  box-sizing: border-box; vertical-align:baseline;
background: rgba(0,0,0,0);
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1));
  background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1));
  background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1));
  background-image: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1));
  background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1));
}
ul.serviceList li a.serviceName span{width: 100%; text-align: center; padding: 0 7px 7px; line-height: 1.2;}
/*mapQuery*/
.mapQuery{ position: relative;width: 100%;  height: 310px; display: block; overflow: hidden; margin: 0 0 30px; /*border: 1px solid #e6e6e6;*/ box-sizing: border-box;}
.mapQuery .querySet{ position: absolute; left: 0; /*bottom: 0;*/ width: 100%; padding: 15px 20px 20px; box-sizing: border-box; background-color: rgba(198,198,198,.9);}
.mapQuery .querySet ul{ margin: 0;}
.mapQuery .querySet ul li{ display: inline-block; color:#333333; margin: 0 16px 20px 0; box-sizing: border-box; }
.mapQuery .querySet ul li:last-child, .mapQuery .querySet ul li:nth-child(3){margin: 0 16px 20px 0;}
.mapQuery .querySet ul li:nth-child(4), .mapQuery .querySet ul li:nth-child(5){margin: 0 16px 10px 0;}
.mapQuery .querySet ul li .cap{ display: block;}
.mapQuery .querySet ul li:nth-child(3){ width:calc(100% - 300px);}
.mapQuery .querySet ul li input[type=text]{ width:100%;height:50px; display: block; padding: 0 10px; box-sizing: border-box; line-height:50px; border-radius: 3px; font-size: 1rem;font-family:Arial, Helvetica, "微軟正黑體";}
.queryBtn{position: absolute; width: 40px; height: 40px; display: block; right: 5px; bottom: 5px; background: url(../images/ico_mapSearch.svg) no-repeat; background-size: cover; transition: opacity 0.3s;}
.queryBtn:hover{ opacity: 0.8;}
/*select*/
.btnSet{ text-align: center;}
.btnSet a{  display: inline-block; color: #fff;  height: 50px; line-height: 50px; padding: 0 35px; margin: 0 5px; box-sizing: border-box; border-radius: 30px; background-color:#209cff; transition: background-color 0.3s; }
.btnSet a:hover{ background-color: #0068bb;}
/*btnset樣式調整*/
.btnSet input:hover, .btnSet button:hover { background-color: #0068bb; cursor: pointer; }
.btnSet input, .btnSet button { display: inline-block; font-size: 1rem; color: #fff; height: 50px; line-height: 50px; padding: 0 35px; margin: 0 5px; box-sizing: border-box; border: none; border-radius: 30px; background-color: #209cff; transition: background-color 0.3s; }
/*store strongHold*/
ul.store{ display: flex; justify-content: space-between;flex-wrap: wrap;}
ul.store li{ width:calc((100% - 20px)/2); margin: 0 0 20px; border:1px solid #e6e6e6; box-shadow: 0px 0px 12px rgba(0,0,0,0.1); overflow: hidden; border-radius: 6px;}
ul.store li .top{ position: relative; width:100%; height: 140px; display: block; overflow: hidden;}
ul.store li .top h5{ position: absolute; left: 0; bottom: 0; width: 100%; height: auto;  padding:20px 10px 10px; box-sizing: border-box; font-weight: bold; color: #4495d6;
  background: rgba(255,255,255,0);
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.9),rgba(255,255,255,1));
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.9),rgba(255,255,255,1));
  background-image: -o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.9),rgba(255,255,255,1));
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.9),rgba(255,255,255,1));
  background-image: linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.9),rgba(255,255,255,1));
}
ul.store li .top h5.org{ color:#e36f36;}
ul.store li .top h5 img{width: auto; height: 30px; display: inline-block; margin: 0 5px 5px 0; vertical-align:middle;}
/*-------*/
ul.strongHold{ display: flex; justify-content: space-between;flex-wrap: wrap;}
ul.strongHold li{ width:calc((100% - 20px)/2); margin: 0 0 20px; border:1px solid #e6e6e6;  overflow: hidden; border-radius: 6px;}
ul.strongHold li .top{ position: relative; width: 100%; height: 185px; display: block; overflow: hidden;text-align: center; }
ul.strongHold li .top h5{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 185px;  padding:10px; box-sizing: border-box; font-weight: bold; color: #fff; text-shadow: 0px 0px 10px rgba(5,10,20,0.7);
  background: rgba(255,255,255,0);
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
  background-image: -o-linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
  background-image: linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
}
/*contect*/
.contect{ width:100%; margin: 0 0 20px; border:1px solid #e6e6e6;  overflow: hidden; border-radius: 6px;}
.contect .top{ position: relative; width:100%; height: auto; display: block; overflow: hidden;text-align: center; margin: 0 0 20px;}
.contect .top h5{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items:center;   box-sizing: border-box; font-weight: bold; color: #fff; text-shadow: 0px 0px 10px rgba(5,10,20,0.7);
  background: rgba(255,255,255,0);
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
  background-image: -o-linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
  background-image: linear-gradient(top,rgba(255,255,255,0)70%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0.9)90%,rgba(255,255,255,1));
}
.contect .top h5 span{ padding: 0 0 0 15px;}
.contect .info a{ color: #209cff; text-decoration: underline;}

/*-------*/
ul.store li .top img, ul.strongHold li .top img, .contect .top img{ width: 100%; height: 100%;}
ul.store li .info, ul.strongHold li .info, ul.relateCom li .info, .contect .info{ padding: 0 15px 15px;}
ul.store li .info h6, ul.strongHold li .info h6, ul.relateCom li .info h6, .contect .info h6, .role_list .info h6{color:#333333; line-height: 1;}
ul.store li .info h6 img, ul.strongHold li .info h6 img, .contect .info h6 img{ width: auto; height: 20px; display: inline-block; margin: 0 5px 0 0; vertical-align:sub;}
ul.store li .info p, ul.strongHold li .info p, ul.relateCom li .info p, .contect .info p{ font-size:0.875rem ; color:#888888; margin: 0;}
ul.store li .info ul.dot, ul.strongHold li .info ul.dot, ul.relateCom li .info ul.dot, .contect .info ul.dot{ margin: 0 0 0 ;  }
ul.store li .info ul.dot li, ul.strongHold li .info ul.dot li, ul.relateCom li .info ul.dot li, .contect .info ul.dot li{ width:100%; border:none; box-shadow: 0px 0px 0px rgba(0,0,0,0); border-radius: 0;font-size:0.875rem ; color:#888888;  background:url(../images/dot.svg) 5px 8px no-repeat; box-sizing: border-box; padding: 0 0 0 18px; margin: 0; list-style: none; background-size: 3px 3px; overflow:visible;}
ul.store li .info ul.stop li { width:100%; border:none; box-shadow: 0px 0px 0px rgba(0,0,0,0); color:#f52c2c; font-weight: bold; padding: 0 0 0 18px; margin: 0; }
/*relateCom*/
ul.relateCom{ display: flex; justify-content: space-between;flex-wrap: wrap;}
ul.relateCom li{ width:calc((100% - 20px)/2); margin: 0 0 20px; border:1px solid #e6e6e6; background-color:#fafafa;  overflow: hidden; border-radius: 6px;}
ul.relateCom li .top{  width:100%; margin: 0 0 20px;}
ul.relateCom li .top img{width: 100%; height: auto; }
ul.relateCom li .info a{ color: #209cff; text-decoration: underline;}

/*option*/
.optionR {text-align:right; color: #888888; font-size:1rem; margin: 0 0 10px;}
.optionL {text-align:left; color: #888888; font-size:1rem; margin: 0 0 20px;}
a.picstyle{padding-top:2px; padding-left:25px; background:url("../images/ico_pic.svg") 3px 0 no-repeat; background-size:20px 20px;}
a.picstyle:hover{padding-top:2px; padding-left:25px; background:url("../images/ico_pic_on.svg") 3px 0 no-repeat; background-size:20px 20px;}
a.wordstyle{padding-top:2px; padding-left:25px; background:url("../images/ico_article.svg") 3px 0 no-repeat; background-size:20px 20px;}
a.wordstyle:hover{padding-top:2px; padding-left:25px; background:url("../images/ico_article_on.svg") 3px 0 no-repeat; background-size:20px 20px;}
a.liststyle{padding-top:2px; padding-left:25px; background:url("../images/ico_list.svg") 3px 0 no-repeat; background-size:20px 20px;}
a.liststyle:hover{padding-top:2px; padding-left:25px; background:url("../images/ico_list_on.svg") 3px 0 no-repeat; background-size:20px 20px;}
/*upDate*/
.upDateR {text-align:right; color: #888888; font-size: 0.875rem; margin: 0 0 10px;}
.upDateL {text-align:left; color: #888888; margin: 0 0 20px;}
/*d_files*/
.d_files li{ display:flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #eeeeee; line-height: 1.2;}
.d_files.single li{ border-bottom: none;}
.d_files.upDtype li{ width: 100%; position: relative; padding: 15px 160px 15px 0; }
.d_files li.pd{padding: 15px 0 15px 30px;}
.d_files li:first-child{padding:0 0 15px;}
.d_files li .d_item{ padding: 0 5px 0 0;}
.d_files li a{color: #209cff; }
.d_files li a:hover{text-decoration:underline;}
.d_files.upDtype li .upDateR{ position: absolute; right: 0; bottom: 20px; margin: 0;}

/*focusBox*/
.focusBox{ border-radius:6px; border: 1px solid #e6e6e6; background-color: #fafafa; overflow: hidden; margin: 0 0 30px; }
.focusBox .b_line{ width: 100%; height: 4px; display: block; background-color:#209cff; }
.focusBox .pd{ padding: 20px 15px;}
.Rset .in .focusBox .pic{ position: relative; width: auto; margin: 0 auto 20px; overflow: hidden;}
.Rset .in .focusBox .pic img{ width: 100% ; height:auto;margin: 0 auto;}
.Rset .in .focusBox h4{ margin: 0 0 7px;}
.Rset .in .focusBox p{ margin: 0 ;}
.focusBox .vedio{ position: relative; width:540px; height: 304px; display: block; margin: 0 auto 20px; overflow: hidden;}
.shareSet{ position: absolute; top:10px; right:10px;width: 6%; height: auto;}
.shareSet .comSet{ width: 100%; height: 100%; display:block;}
.shareSet .comSet path{ fill:#fff; stroke:#000;}
.shareSet ul{ opacity: 0; transition: all 0.3s;}
.shareSet ul li{ padding: 5px 0;}
.shareSet:hover > ul{ opacity: 1;}
/*vedioList picList*/
.vedioList, .picList{ display: flex; justify-content:flex-start; flex-wrap: wrap; }
.vedioList li, .picList li{ position: relative; width:calc((100% - 40px)/3); padding: 0 0 50px; margin: 0 20px 20px 0 ;  border-radius:6px; border:1px solid #e6e6e6; background-color: #fafafa;overflow: hidden; }
.vedioList li:nth-child(3n+3), .picList li:nth-child(3n+3){margin: 0 0 20px;}
.Rset .in .vedioList li .pic, .Rset .in .picList li .pic{ position: relative; margin: 0;}
.vedioList li .pic a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;  background:rgba(0,0,0,0.2) url(../images/ico_play.png) center no-repeat;}
.vedioList li .pic a:hover{background:rgba(0,0,0,0) url(../images/ico_play.png) center no-repeat;}
.vedioList li h5, .picList li h5{ font-size:1rem;line-height: 1.2; margin: 15px 10px; color:#333333; letter-spacing: 0.6px;}
.Rset .in .vedioList li p, .Rset .in .picList li p{ font-size:1rem;line-height: 1.2;margin: 0 10px;color:#888888;letter-spacing: 0.6px;}
.Rset .in .vedioList li .upDateL, .Rset .in .picList li .upDateL{ position: absolute; left: 10px; bottom: 7px; margin: 0; }
/*comuniLinks*/
.comuniLinks{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.comuniLinks li{ position: relative; width: calc((100% - 40px)/3); height: 210px; display: block; background-color: #fafafa; border: 1px solid #e6e6e6; border-radius: 30px; overflow: hidden; text-align: center; margin: 0 0 20px;}
.comuniLinks li img{ width: 100%; height: auto;}
.comuniLinks li a{ position: absolute; display: flex; align-items: flex-end;  width: 100%; height: 100%; top: 0; left: 0; padding:0 0 0; font-size:1.250rem ;  color: #333333;  box-sizing: border-box; vertical-align:baseline;
background: rgba(250,250,250,0);
  background-image: -webkit-linear-gradient(top,transparent 75%,rgba(250,250,250,1)75%);
  background-image: -moz-linear-gradient(top,transparent 75%,rgba(250,250,250,1)75%);
  background-image: -o-linear-gradient(top,transparent 75%,rgba(250,250,250,1)75%);
  background-image: -ms-linear-gradient(top,transparent 75%,rgba(250,250,250,1)75%);
  background-image: linear-gradient(top,transparent 75%,rgba(250,250,250,1)75%);
}
.comuniLinks li a span{ width: 100%; text-align: center; padding: 0 7px 13px; line-height: 1.2;}
.comuniLinks li a:hover{ color: #fff;
background: rgba(32,156,255,0);
  background-image: -webkit-linear-gradient(top,transparent 75%,rgba(32,156,255,1)75%);
  background-image: -moz-linear-gradient(top,transparent 75%,rgba(32,156,255,1)75%);
  background-image: -o-linear-gradient(top,transparent 75%,rgba(32,156,255,1)75%);
  background-image: -ms-linear-gradient(top,transparent 75%,rgba(32,156,255,1)75%);
  background-image: linear-gradient(top,transparent 75%,rgba(32,156,255,1)75%);
}
/*scrollTb*/
.scrollTb{position: relative; font-size:0.875rem; margin: 0 0 30px;}
.scrollTb::after{ position: absolute; left: 0; bottom:0; width: 100%; height: 17px; display: block;background-color: #fff; content:"";}
.scrollTb .scrollZone{overflow-x: scroll;overflow-y: visible;}
.scrollTb table{table-layout: fixed;width: 100%; border: #e5e5e5 1px solid;}
.scrollTb th, .scrollTb td{vertical-align: middle; box-sizing: border-box; padding: 10px;} 
.scrollTb th{ color: #fff;width: 148px; }
.scrollTb td{ border-bottom: #e5e5e5 1px solid; text-align: right;width: 138px;}
.scrollTb tr:nth-child(odd) th{ background-color:#3d6e96; border-bottom: 1px solid #3d6e96; }
.scrollTb tr:nth-child(even) th{ background-color:#507b9f; border-bottom: 1px solid #507b9f; }
.scrollTb tr:nth-child(odd) td:nth-child(odd){ background-color:#fafafa; }
.scrollTb tr:nth-child(odd) td:nth-child(even){ background-color:#fff; }
.scrollTb tr:nth-child(even) td:nth-child(odd){ background-color:#f6f6f6; }
.scrollTb tr:nth-child(even) td:nth-child(even){ background-color:#fbfbfb; }
.scrollTb tr:first-child td{  color:#333333;}
.scrollTb tr:last-child th, .scrollTb tr:last-child td{border-bottom:none; height: 62px;}
/*scrollTb02*/
.scrollTb02{position: relative; font-size:0.875rem; line-height: 1.2; margin: 0 0 30px;}
.scrollTb02 .scrollZone{overflow-x: scroll;overflow-y: visible;width:calc(100% - 120px); margin-left: 120px; }
.scrollTb02::after{ position: absolute; left: 0; bottom:0; width: 100%; height: 17px; display: block;background-color: #fff; content:"";}
.scrollTb02 table{table-layout: fixed;width: 100%;}
.scrollTb02 td{vertical-align: middle; box-sizing: border-box; padding: 10px; height: 90px; } 
.scrollTb02 td:first-child{ position: absolute; left: 0; color: #666666; width: 124px; display: flex; align-items: center; justify-content: center; border-left: #e5e5e5 1px solid;}
.scrollTb02 td:last-child{border-right: #e5e5e5 1px solid;}
.scrollTb02 td{ border-bottom: #e5e5e5 1px solid; text-align: center;width: 120px;}

.scrollTb02 tr:nth-child(odd) td:nth-child(odd){ background-color:#fff; }
.scrollTb02 tr:nth-child(odd) td:nth-child(even){ background-color:#fafafa; }
.scrollTb02 tr:nth-child(even) td:nth-child(odd){ background-color:#fbfbfb; }
.scrollTb02 tr:nth-child(even) td:nth-child(even){ background-color:#f6f6f6; }

.scrollTb02 tr:first-child td:nth-child(odd){ background-color:#3d6e96; border-bottom: 1px solid #3d6e96; color: #fff;height: 126px; }
.scrollTb02 tr:first-child td:first-child{height: 126px; }
.scrollTb02 tr:first-child td:nth-child(even){ background-color:#507b9f; border-bottom: 1px solid #507b9f; color: #fff;}
.scrollTb02 tr:first-child td:nth-child(4){ position: relative; vertical-align: bottom; padding:10px 10px 15px;}
.scrollTb02 tr:first-child td:nth-child(5){  vertical-align: bottom;padding:10px 10px 15px;}
.scrollTb02 tr:first-child td:nth-child(4) .top{ position: absolute; left: 0; top: 0; width:240px; height: 60px; display: flex;align-items: center; justify-content: center;background-color:#2b5980;}
/*scrollTb03*/
.scrollTb03{position: relative; font-size:0.750rem; line-height: 1.2; margin: 0 0 30px;}
.scrollTb03::after{ position: absolute; left: 0; bottom:0; width: 100%; height: 17px; display: block;background-color: #fff; content:"";}
.scrollTb03 .scrollZone{overflow-x: scroll;overflow-y: visible;width:calc(100% - 76px); margin-left: 76px; }
.scrollTb03 table{table-layout: fixed;width: 100%;}
.scrollTb03 td{vertical-align: middle; box-sizing: border-box; padding: 10px 0; height: 45px; } 
.scrollTb03 td:first-child{ position: absolute; left: 0; color: #666666; width: 80px; display: flex; align-items: center; justify-content: center; border-left: #e5e5e5 1px solid;}
.scrollTb03 td:last-child{border-right: #e5e5e5 1px solid;}
.scrollTb03 td{ border-bottom: #e5e5e5 1px solid; text-align: center;}
.scrollTb03 td:nth-child(2){ width: 105px; position: relative; }
.scrollTb03 td:nth-child(3){ width: 105px;}
.scrollTb03 td:nth-child(4){ width: 133px;}
.scrollTb03 td:nth-child(5){ width: 88px;}
.scrollTb03 td:nth-child(6){ width: 118px;}
.scrollTb03 td:nth-child(7){ width: 94px;}
.scrollTb03 td:nth-child(8){ width: 117px;}
.scrollTb03 tr:nth-child(odd) td:nth-child(odd){ background-color:#fff; }
.scrollTb03 tr:nth-child(odd) td:nth-child(even){ background-color:#fafafa; }
.scrollTb03 tr:nth-child(even) td:nth-child(odd){ background-color:#fbfbfb; }
.scrollTb03 tr:nth-child(even) td:nth-child(even){ background-color:#f6f6f6; }

.scrollTb03 tr:first-child td:nth-child(odd){ background-color:#3d6e96; border-bottom: 1px solid #3d6e96; color: #fff;height: 126px; }
.scrollTb03 tr:first-child td:first-child{height: 126px; }
.scrollTb03 tr:first-child td:nth-child(even){ background-color:#507b9f; border-bottom: 1px solid #507b9f; color: #fff;}
.scrollTb03 tr:first-child td{ padding: 60px 0 10px ;font-size:0.813rem;}
.scrollTb03 tr:first-child td:first-child{ padding: 27px 0 10px;}
.scrollTb03 tr:first-child td:nth-child(2) .top{ position: absolute; left: 0; top: 0; width:759px; height: 50px; display: flex;align-items: center; justify-content: center;background-color:#2b5980;}
/*blueTb*/
.blueTb{font-size:0.875rem; margin: 0 0 30px;}
.blueTb table{border: #e5e5e5 1px solid;}
.blueTb th, .blueTb td{vertical-align: middle; box-sizing: border-box; padding: 10px;} 
.blueTb th{color: #fff; white-space: nowrap;}
.blueTb td{border-bottom: #e5e5e5 1px solid;}
.blueTb tr:last-child td{border-bottom: none;}
.blueTb tr:nth-child(odd) th{ background-color:#3d6e96; }
.blueTb tr:nth-child(even) th{ background-color:#507b9f;}
.blueTb tr:nth-child(odd) td:nth-child(2n+1){background-color:#fbfbfb;}
.blueTb tr:nth-child(odd) td:nth-child(2n+2){background-color:#f6f6f6;}
.blueTb tr:nth-child(even) td:nth-child(2n+1){background-color:#fff;}
.blueTb tr:nth-child(even) td:nth-child(2n+2){background-color:#fafafa;}

.blueTb tr:nth-child(odd) td.firTd:nth-child(2n+2), .blueTb tr:nth-child(even) td.firTd:nth-child(2n+2){background-color:#fbfbfb;}
.blueTb tr:nth-child(odd) td.secTd:nth-child(2n+1), .blueTb tr:nth-child(even) td.secTd:nth-child(2n+1){background-color:#f6f6f6;}
/*TbBox*/
.Tbbox{ border-bottom:4px solid #fafafa; color: #333333; padding: 0 0 20px; margin: 0 0 30px;}
.Tbbox input[type="text"]{ width:100%; height: 50px; line-height: 50px;  border: 1px solid #d6d6d6; border-radius: 3px; padding: 0 10px 3px; font-size: 1rem;box-sizing: border-box;}
.Tbbox .btnSet{ margin:  0 0 20px;}
.Tbbox table{ margin: 0 0 20px;}
.Tbbox table{ }
.Tbbox table th, .Tbbox table td{ padding: 5px; box-sizing: border-box;}
.Tbbox table th{ text-align: left;font-weight: normal;}
.Tbbox table img{ display: inline; vertical-align:middle; margin: 5px 0 5px 5px;}
.Tbbox table a{color: #209cff; text-decoration: underline; margin: 0 0 0 5px;}
/*chartBox*/
.chartBox{ /*width:100%; overflow: hidden;*/max-width: 100%; margin: 0 0 30px;
        position: relative;
        padding-bottom: 75%; /* This is the aspect ratio*/
        overflow: hidden;}
.chartBox iframe{position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;}
/*month_list*/
 .Rset .in .month_list{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #e6e6e6;}
.month_list li{ position: relative; width: calc((100% - 40px)/3); height: 210px; display: block; border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden; text-align: center; margin: 0 0 20px;}
.month_list li img{ width: 100%; height: auto; opacity: 0.9; }
.month_list li h5{ position: absolute; z-index: 1; top:0 ; left: 15px;font-size: 1.50rem; text-shadow: 2px 2px 5px rgba(0,0,0,0.9); color: #fff; font-weight: normal; }
.month_list li h5 span{ font-size: 3.75rem;  }
.month_list li.justword01{ position: relative; width: calc((100% - 40px)/3); height: 150px; display: block; border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden; text-align: center; margin: 0 0 20px;}
.month_list li span.justword{ position: absolute; z-index: 9; display: flex; align-items: flex-end;  width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; line-height: 36px; background-color: #fff;}
.month_list li span.justword h6{ position: absolute; z-index: 1; top:25px ; left: 25px;font-size: 1.50rem;  color: #209cff; font-weight: normal; }
.month_list li span.justword h6 span{ font-size: 3.75rem;  }
.month_list li a{ position: absolute; z-index: 9; display: flex; align-items: flex-end;  width: 100%; height: 100%; top: 0; left: 0; padding:0 0 0; font-size:1.125rem ;  color: #209cff;  box-sizing: border-box; vertical-align:baseline;
  background: rgba(255,255,255,0);
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: -o-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
}
.month_list li a span{ width: 100%; text-align: left; padding: 0 15px 15px; line-height: 1.2;}
.month_list li a span img{width:auto; height: auto; display: inline; vertical-align:text-bottom;opacity: 1;}
.month_list .no_content{-webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -ms-filter: grayscale(90%); -o-filter: grayscale(90%); filter: grayscale(90%);}
.month_list li span.no_link{position: absolute; z-index: 9; display: flex; align-items: flex-end;  width: 100%; height: 100%; top: 0; left: 0; padding: 0 15px 15px; font-size:1.125rem ; color: gray; box-sizing: border-box; vertical-align:baseline;
  background: rgba(255,255,255,0);
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: -o-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
}
/*analyst_list*/
.Rset .in .analyst_list{ display: flex; justify-content: flex-start; flex-wrap: wrap;  margin: 0 0 30px; }
.analyst_list li{ position: relative; width: calc((100% - 40px)/3); height: 210px; display: block; border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden; text-align: center; margin-bottom: 20px; margin-right: 20px;}
.analyst_list li:nth-child(3n+3){ margin-right: 0;}
.analyst_list li img{ width: 100%; height: auto; opacity: 0.9; }
.analyst_list li.justword02{ position: relative; width: calc((100% - 40px)/3); height: 150px; display: block; border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden; text-align: center; margin-bottom: 20px; margin-right: 20px;}
.analyst_list li.justword02:nth-child(3n+3){ margin-right: 0;}
.analyst_list li span.company{ position: absolute; z-index: 9; display: flex; align-items: flex-end;  width: 100%; height: 80%; top: 0; left: 0; box-sizing: border-box; line-height: 36px;}
.analyst_list li h5{ position: absolute; z-index: 1; top:35%; left: 0; width: 100%; padding: 0 25px; font-size: 1.250rem; line-height: 1.1; text-shadow: 1px 1px 5px rgba(0,0,0,0.8); color: #fff; font-weight: normal; text-align: center; box-sizing: border-box;}
.analyst_list li h6{ position: absolute; z-index: 1; top:35%; left: 0; width: 100%; padding: 0 25px; font-size: 1.250rem; line-height: 1.1; color: #209cff; font-weight: normal; text-align: center; box-sizing: border-box;}
.analyst_list li span.name{ position: absolute; z-index: 9; display: flex; align-items: flex-end;  width: 100%; height: 100%; top: 0; left: 0; padding:0 13px 10px; font-size:1.125rem ;  color: #333333;  box-sizing: border-box; line-height: 36px;
  background: rgba(255,255,255,0);
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0)50%,rgba(255,255,255,0.9)75%,rgba(255,255,255,1));
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0)50%,rgba(255,255,255,0.9)75%,rgba(255,255,255,1));
  background-image: -o-linear-gradient(top,rgba(255,255,255,0)50%,rgba(255,255,255,0.9)75%,rgba(255,255,255,1));
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0)50%,rgba(255,255,255,0.9)75%,rgba(255,255,255,1));
  background-image: linear-gradient(top,rgba(255,255,255,0)50%,rgba(255,255,255,0.9)75%,rgba(255,255,255,1));
}
.analyst_list li span.name span.avator{ width: 36px; height: 36px; border-radius: 99em; overflow: hidden; display: inline; background-color:#209cff;  line-height: 36px; color:#fff;  margin: 0 7px 0 0; vertical-align: baseline;}
.analyst_list li span.name span.avator img{width: 36px; height: 36px; opacity: 1;}
/*schedule_list*/
 .Rset .in .schedule_list{ display: flex; justify-content:flex-start; flex-wrap: wrap; padding: 0 0 10px; margin: 0 0 20px; }
.schedule_list li{ width: calc((100% - 60px)/3); height: auto; display: block; border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden; text-align: center; margin-bottom: 30px; margin-right: 30px;}
.schedule_list li:nth-child(3n+3){margin-right: 0;}
.Rset .in .schedule_list li .pic{ position: relative; margin: 0; background: #000;}
.schedule_list li .pic img{ width: 100%; height: auto; opacity: 0.9; }
.schedule_list li .pic h5{ position: absolute; z-index: 1; top:0 ; left: 0; width: 100%; height: 100%; font-size: 1.625rem; text-shadow: 2px 2px 5px rgba(0,0,0,0.9); color: #fff; font-weight: bold; display: flex; align-items: flex-end;
  background: rgba(255,255,255,0);
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,1)95%);
  background-image: -o-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
  background-image: linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.9)80%,rgba(255,255,255,1));
}
.Rset .in .schedule_list li .nopic{ position: relative; margin: 0; height: 60px;}
.schedule_list li .nopic h6{ position: absolute; z-index: 1; top: 15px ; left: 10px; width: 100%; height: 100%; font-size: 1.3rem; color: #209cff; font-weight: bold; text-align:left;}
.schedule_list li h5 span{ width: 100%; text-align: center;}
.schedule_list li .info{ padding: 0 10px 15px ; text-align: left;}
.schedule_list li .info h6{ position: relative; width:100%; box-sizing: border-box; padding: 0 24px;  background: url(../images/ico_locate.svg) left no-repeat; background-size: 24px 24px;}
.schedule_list li .info h6 a{ position: absolute; top: 0; right: 0; width:24px; height: 24px; display: block;}
.schedule_list li .info h6 a:hover path{ fill:#209cfe;}
.Rset .in .schedule_list li .info p{ margin:15px 0 0 ; line-height: 1.2;}
/*reportBox*/
.reportBox{}
.reportBox .cover{ display: inline-block; width: 300px; border: 1px solid #e5e5e5; margin: 0 26px 0 0; vertical-align: top;}
.reportBox .cover img{ width: 100%; height: auto;}
.reportBox .d_files{ display: inline-block; width: calc(100% - 340px);}
/*qaOuter*/
.qaOuter{ margin: 0 0 30px;}
.qaOuter .qaBox{ padding: 15px 0; background:url(../images/shadow_bt.png) bottom repeat-x;}
.qaOuter .qaBox a.qSort{ width: 100%; padding: 0 20px 0 0; display: flex; justify-content: flex-start;font-size: 1.125rem; color:#333333; cursor: pointer; background:url(../images/ico_plus.svg) right no-repeat; background-size:20px 20px; box-sizing: border-box;}
.qaOuter .qaBox a.qSort.closeUp{ background:url(../images/ico_minus.svg) right no-repeat; background-size:20px 20px; }
a.qSort img{ width: 20px; height: 20px; display: inline; margin: 0 5px 0 0; }
.qaOuter .qaBox .qList{ display: none;}
.qaOuter .qaBox .qList .q_s{ margin: 10px 0 ;}
.qaOuter .qaBox .qList .q_s .quest{ width: 100%; padding: 5px 30px 5px 0; display: flex; justify-content: flex-start;font-size: 1rem; color:#f07438; /*background:url(../images/ico_arrow_down.svg) right no-repeat; background-size:20px 20px; */box-sizing: border-box;}
.qaOuter .qaBox .qList .q_s .quest.closeUp{ background:url(../images/ico_arrow_up.svg) right no-repeat; background-size:20px 20px; }
.qaOuter .qaBox .qList .q_s .ans{ display: block; line-height: 1.875rem;}

/*square*/
.Rset .in .square{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0;}
.square li{ position: relative;width: calc((100% - 60px)/4); margin: 0 0 20px; border:1px solid #dddddd; box-sizing: border-box; }
.square li img{ width: 100%; height: auto;}
.square li a{ position:absolute; top:0; left:0; width: 100%; height: 100%; display: flex; align-items:flex-end; padding: 15px; color: #fff;box-sizing: border-box; background-color: rgba(0,0,0,0); text-shadow: 0px 0px 10px rgba(5,10,20,0.7);}
.square li a:hover{ background-color: rgba(0,0,0,0.6); }

/*survey*/
.Rset .in .survey{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0;}
.survey li{ position: relative;width: calc((100% - 20px)/2); margin: 0 0 20px; border:1px solid #e6e6e6; box-sizing: border-box; background-color: #000; }
.survey li img{ width: 100%; height: auto; opacity: 0.85;}
.survey li .checkSet{ position:absolute; top:0; right:0; width: 100%; height: 100%; padding: 0 15px; display: flex; align-items: center; color: #fff; font-size: 1.125rem; font-weight: bold;text-shadow: 0px 0px 7px rgba(5,10,20,0.5); box-sizing: border-box;}
.survey li a{ position:absolute; top:15px; right:13px;width: 24px; height: 24px; display: block; }
.survey li a path{ fill:#fff;}
.survey li a:hover path{
	-webkit-filter: drop-shadow( 0px 0px 2px #000  );
	filter: drop-shadow( 0px 0px 2px #000 );
}
.survey li .result{ position:absolute; top:0; right:0; width: 100%; height: 100%; padding: 0 15px; display: flex; align-items: center; color: #fff; font-size: 1.125rem; font-weight: bold;text-shadow: 0px 1px 5px rgba(255,255,255,1); box-sizing: border-box;}
.survey li .result ul{ margin:5px 0 0;display: inline-block;height: 20px;}
.survey li .result ul li{width: 6px; height: 20px; display: inline-block; margin: 0; border:none; background-color:#dddddd; border-radius: 6px; }
.survey li .result ul li.on{  background-color:#007aff;}
.survey li .result .tL { width: calc(100% - 140px);}
.survey li .result .tR { width: 140px;}
.survey li .result .tR h5{ width: 80px; font-size:1.875rem; color: #007aff;display: inline-block; line-height: 1;}
.survey li .result .tR h5 span{ font-size:1.250rem;}
/*role_list*/
.Rset .in .role_list{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0 10px; margin: 0 0 20px; }
.role_list li{ width: calc((100% - 60px)/3); height: auto; display: block; border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden;  margin: 0 0 30px;}
.Rset .in .role_list li .pic{ position: relative; margin: 0 0 10px; background: #e5e5e5;}
.role_list li .pic img{ width: 100%; height: auto; opacity: 0.9; }
.role_list li .pic h5{ position: absolute; z-index: 1; top:0 ; left: 0; width: 100%; height: 100%; font-size: 1.625rem; text-shadow: 2px 2px 5px rgba(0,0,0,0.9); color: #fff; font-weight: bold; display: flex; align-items: flex-end;
  background: rgba(255,255,255,0);
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);
  background-image: -o-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);
  background-image: -ms-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);
  background-image: linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);
}
.role_list li h5 span{ width: 100%; text-align: center;}
.role_list .info{ padding: 0 15px ;margin: 0 0 15px;}
.role_list .info p{ font-size: 1rem; line-height: 1rem; margin: 0 ; letter-spacing: 0;}
.role_list .info h6 a{ color:#209cff; text-decoration: underline;margin: 0 0 0 7px;font-weight: normal;}
.role_list li h6{font-size: 1rem; line-height: 1rem;letter-spacing: 0;}
.role_list li h6 span{ color: #888888; margin: 0 0 0 7px; font-size: 1rem; line-height: 1rem; font-weight: normal;}

/*smarti*/
.Rset .in .smarti{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.smarti li{ position: relative; width: calc((100% - 30px)/2); height: auto; display: flex; border: 1px solid #e6e6e6; margin: 0 0 30px;align-items: center;}
.smarti .alphabet{width: 80px; height: 80px; display: flex; border-right: 1px solid #e6e6e6; color: #fff; font-size:2.5rem; font-weight: bold; align-items: center; text-align: center;}
.smarti .alphabet span{width:100%; text-align: center; }
.smarti .info{  width: calc(100% - 80px);  display: flex; flex-wrap: wrap; padding: 0 12px;}
.smarti .info h5{width:100%;font-size:1.125rem; color: #333333; margin: 0 0 5px;}
.smarti .info h5 span{ width: 2px; height: 16px;line-height:1; display: inline-block; margin: 0 10px; background-color: #dddddd; vertical-align:middle;}
.Rset .in .smarti p{ margin:0; line-height:1.2;color: #888888;}
.smarti a{ position: absolute; top: 0; left: 0; width: 100%; height:100%; display: block;}
.smarti .explain{display: none; position: absolute; bottom:90px; left:0 ;width: 100%; padding: 20px 20px 5px 20px; border-radius: 6px; background-color:#fff;  box-sizing: border-box; box-shadow: 0px 5px 15px rgba(0,0,0,0.2); z-index:99;}
.smarti .explain::after { z-index: 1; position: absolute;	bottom:-18px;	right:50%; margin: 0 -10px; width: 0;	height: 0;	border: solid transparent;	border-width: 10px;	border-top-color: #fff;	content: ''; pointer-events: none;}
.smarti li:hover > .explain{ display: block;}
.smarti .explain ul.dot{margin: 0; padding: 0;}
.smarti .explain ul.dot li{ margin: 0 15px 15px; padding: 0; line-height: 1.5; display: list-item; width: auto; border: none;}
/*threeSet*/
.threeSet{  display: flex; justify-content: space-between;flex-wrap: wrap;}
.threeSet li{ position: relative; width:calc((100% - 40px)/3);}
.Rset .in .threeSet li .pic{ border: 1px solid #e6e6e6; margin: 0 0 10px;}
.threeSet li h5{ font-size:1.125rem; font-weight: normal; color:#333333;}
.Rset .in .threeSet li p{ color:#888888; line-height: 1.5;}
.threeSet a{ position: absolute; top: 0; left: 0; width: 100%; height:100%; display: block;}
/*reportSet*/
.reportSet{display: flex; justify-content: space-between;flex-wrap: wrap; margin: 0 0 30px;}
.Rset .in .reportSet .pic{  display: flex; align-items: center;  width: 240px; border: 1px solid #e6e6e6; margin: 0; background-color: #000;}
.Rset .in .reportSet .film{ display: flex; align-items: center;  width: calc(100% - 260px); border: 1px solid #e6e6e6; background-color: #333333; margin: 0;}
/*searchSet*/
.searchSet{ width:100%; height: 52px; display: flex; margin: 0 0 30px; border-radius: 3px; border: 1px solid #d6d6d6; justify-content: space-between; box-sizing: border-box;}
.searchSet input[type="submit"]{ width: 50px; height: 50px; cursor: pointer;background:url(../images/search.svg) center center no-repeat;background-size: 20px 20px; }
.searchSet input[type="text"]{ width: calc( 100% - 50px); height: 50px; padding: 0 10px;font-size: 1rem; box-sizing: border-box;}
/*recruitBox*/
.recruitBox{ border-radius: 6px; border: 1px solid #d6d6d6; overflow: hidden; margin: 0 0 30px;}
.recruitBox table th, .recruitBox table td{ padding: 20px 10px; border-bottom: 2px dotted#d6d6d6; line-height: 1.2; }
.recruitBox table tr:last-child th, .recruitBox table tr:last-child td{border-bottom:none; box-sizing: border-box;}
.recruitBox table th{ color:#333333; text-align: left;}
.recruitBox table td{ color:#888888;}
.recruitBox img{ width: 20px; height: 20px; display: inline; vertical-align:middle; margin: 0 10px;}
.Rset .in .recruitBox ul{ margin: 0;}
.recruitBox ul li{ list-style:decimal; margin: 5px 0 0 22px;}
.recruitBox .upDateL{ margin: 0; padding: 0 0 0 20px; font-size: 0.875rem;}
.recruitBox h5{ font-weight: bold; color: #fff; background: #0081cc; padding: 15px 20px; margin: 0 0 10px;}
.recruitBox.off h5{background:#cecece; }
.recruitBox .btnSet{ margin: 0 0 30px;}
.recruitBox .btnSet a.off{ cursor:none; background:#cecece; }
/*.combine*/
.combine{display: flex; justify-content: space-between; margin: 0 0 30px;}
.combine .searchSet{ width: calc( 100% - 110px); margin: 0;}
/*grayType*/
.grayType{ background: #f8f8f8; border: 1px solid #d6d6d6; margin: 0 0 30px;}
.grayType h5{ font-weight: bold; color: #fff; background: #888888; padding: 15px 20px; margin: 0 0 10px; text-align: center;}
.Rset .in .grayType p{ padding: 0 20px; font-size: 0.875rem; margin: 0 0 20px; line-height: 1.5;}
.grayType .picSet{ padding:0 20px 20px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.grayType .picSet img{ width: calc((100% - 20px)/2); border: 1px solid #dddddd;}

/*codeResult*/
.codeResult{ border:1px solid #e0e0e0; background: #f8f8f8; padding: 0 0 30px; margin: 0 0 30px;}
.codeResult h5{ position: relative;color: #fff; background: #3d6e96; width:100%; padding: 10px 130px 10px 20px; box-sizing: border-box;}
.codeResult h5 span{ font-size:0.875rem; margin: 0 5px; font-weight: normal; letter-spacing: -0.5px; }
.codeResult h5 a{ position: absolute; bottom: 0; right: 0; color: #fff; width: 130px;height: 100%; display: flex; align-items: center; padding: 0 0 0 36px; background:#7bc144 url(../images/ico-globe.svg) 10px center no-repeat;background-size: 20px 20px;box-sizing: border-box;}
.codeResult ul.type01{ width: auto; padding:30px 0 20px; margin: 0 auto; text-align: center;}
.codeResult ul.type01 li{ display: inline-block;padding:0 30px; font-weight:bold; font-size:1.625rem ; color: #3d6e96; line-height: 1; }

.codeResult ul.type02{ display: flex; justify-content:space-around;font-size:1.250rem ;}
.codeResult ul.type02 li{ padding: 0 0 0 30px;background:url(../images/storeIco_phone.svg)  no-repeat;background-size:26px 26px;}
.codeResult ul.type02 li span{ color:#209cff;}
.codeResult table{ width: calc(100% - 40px); margin: 0 auto;}
.codeResult table tr:nth-child(odd){ background: #fff;}
.codeResult table th{ color:#333333; padding: 7px 0px 4px; font-weight: normal; border-right: 2px dotted #dddddd;}
.codeResult table th:first-child{ text-align: left;}
.codeResult table td{ text-align: center;color:#888888; padding: 8px 20px 4px;border-right: 2px dotted #dddddd;}

/*codeNote*/
.codeNote{ margin: 0 0 30px;}
.codeNote h5{ color:#7bc144; font-size: 1.125rem;}
.Rset .in .codeNote ul{ margin: 0; display: flex; flex-wrap: wrap;}
.codeNote ul li{ list-style: disc; padding: 0; margin:0 20px; color:#333333;}
.codeNote ul li.en{ color:#888888;}

.btnSet.fee a{position:relative;border-radius: 6px; padding: 0 12px 0 42px;
background: -webkit-linear-gradient(left,#2495ef,#3c709b);
background: -o-linear-gradient(left,#2495ef,#3c709b);
background: -moz-linear-gradient(left,#2495ef,#3c709b);
background: -ms-linear-gradient(left,#2495ef,#3c709b);
background: linear-gradient(left,#2495ef,#3c709b);
}
.btnSet.fee a::after{ position: absolute; top: 13px; left: 12px; width: 24px; content: ""; height: 24px; display: block;background:url(../images/ico-feeInfo.svg)  no-repeat;background-size:24px 24px;}
/*question*/
.question{}
.question h5{ padding: 20px; font-size: 1rem; line-height: 1.2; font-weight:normal; color:#333333; background-color: #f7fafc; border-radius: 6px;}
.question .box{ padding: 20px;}
.question .box input[type="checkbox"]+ label{ height:18px; line-height:18px; display:inline-block; background:url(../images/check_normal_line.svg) 0 center no-repeat; cursor:pointer; padding: 0px 0px 0px 22px;  width:auto;}
.question .box input[type="checkbox"]:checked + label{ display:inline-block; background:url(../images/check_checked.svg) 0 center no-repeat;}
.question .box input[type="checkbox"]+ label, .question .box input[type="radio"]+ label{ margin: 0 10px 5px 0;}
.question .box table input[type="checkbox"]+ label, .question .box table input[type="radio"]+ label{ margin: 0;}
.question .box textarea{ width: 100%; min-height:120px;  padding:15px; box-sizing: border-box; border:1px solid #dddddd; resize : none; }
.question table{width: 100%; border: #e5e5e5 1px solid; margin: 20px 0 0;}
.question th, .question td{ vertical-align: middle; box-sizing: border-box; padding: 10px;} 
.question th{ color: #fff;}
.question td{ border-bottom: #e5e5e5 1px solid; text-align: center;}
.question tr:nth-child(odd) th{ background-color:#3d6e96; border-bottom: 1px solid #3d6e96; }
.question tr:nth-child(even) th{ background-color:#507b9f; border-bottom: 1px solid #507b9f; }
.question tr:nth-child(odd) td:nth-child(odd){ background-color:#fafafa; }
.question tr:nth-child(odd) td:nth-child(even){ background-color:#fff; }
.question tr:nth-child(even) td:nth-child(odd){ background-color:#f6f6f6; }
.question tr:nth-child(even) td:nth-child(even){ background-color:#fbfbfb; }
.question tr:first-child td{  color:#333333;}
.question tr:last-child td{border-bottom:none;}

/*tree*/
.tree{position: relative; width:700px; height: 600px; display: block; margin: 0 auto 30px; font-size: 0.50rem; text-align: center; }
.tree ul{ position: absolute;}
.tree ul li{ position: relative;border: 1px solid #e6e6e6;background-color:#fafafa; box-sizing: border-box;}
.tree ul::after, .tree ul::before, .tree ul li::after, .tree ul li::before, .tree ul li span::after, .tree ul li div::after{ content: ''; position: absolute; display: block; background-color: #e6e6e6;}
.tree ul.po01{ top:0 ; right:160px;}
.tree ul.po01 li{width: 116px; padding:15px 0;  margin: 0 0 10px; }
.tree ul.po01 li::after{ width: 1px; height: 10px; bottom: -11px; left: 50%; margin: 0 ;  }
.tree ul.po01 li:last-child::after{ width: 1px; height: 80px; bottom: -81px;}

.tree ul.po02{ top:85px ; left:40px; display: flex; padding: 30px 0 0;}
.tree ul.po02::after{ width: 326px; height: 1px; top:0; left: 58px;}
.tree ul.po02 li{width: 116px; padding:15px 0;  margin: 0 10px 0 0; }
.tree ul.po02 li::after{ width: 1px; height: 30px; top: -31px; left: 50%; margin: 0 -0.5px;  }

.tree ul.po03{ top:85px ; left:166px; display: flex;padding: 100px 0 0;}
.tree ul.po03::before{ width:1px; height:90px; top:0; right:131px; }
.tree ul.po03::after{ width:127px; height:1px; top:90px; right:68px; }
.tree ul.po03 li{width: 116px; padding:15px 0;  margin: 0 10px 0 0; }
.tree ul.po03 li::after{ width: 1px; height: 10px; top: -11px; left: 50%; margin: 0 -0.5px;  }

.tree ul.po04{ top:250px ; left:0; padding: 0 0 0; border-top:1px solid #e6e6e6; }
.tree ul.po04 li{ display:inline-block; background: none; border:none; padding:30px 6px 0 10px; vertical-align: top;}
.tree ul.po04 li::after{ width: 1px; height: calc(100% - 34px); top: 0; left:0;  }
.tree ul.po04 li span{ position: relative; width: 74px; height: 50px; padding: 0; display: flex; justify-content: center; align-items: center;  margin: 0 0 10px 0;border: 1px solid #e6e6e6;background-color:#fafafa; box-sizing: border-box; }
.tree ul.po04 li span::after{ width: 10px; height: 1px;  top: 50%; left: -11px;}
.tree ul.po04 li span.pc{display: flex;}
.tree ul.po04 li span.mobile{display: none;}

.tree ul.po05{ top:250px ; right:0; padding: 0 0 0; letter-spacing: 0.5px;}
.tree ul.po05::after{ width:317px; height:1px; top:0; left:-10px; }
.tree ul.po05 li{ display:inline-block; background: none; border:none; padding:30px 0 0 7px; vertical-align: top;}
.tree ul.po05 li div{ position: relative;width:30px;height:150px; padding:15px 0 0; display: flex; justify-content: top; align-items: center;  margin: 0 0 30px 0;border: 1px solid #e6e6e6;background-color:#fafafa; box-sizing: border-box; writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr; }
.tree ul.po05 li div span{writing-mode: horizontal-tb; letter-spacing: 0; }
.tree ul.po05 li div::after{ width: 1px; height: 30px;  top:-31px;; left: 50%;}
.tree ul.po05 li div.but{height:120px;}
/*searchresult*/
.searchresult-title, .searchresult-title a{ color:#209cff; font-size:1.250rem; font-weight: bold;}
.searchresult-link, .searchresult-link a{ color:#47d382; font-size:1rem; font-weight: normal;}
.searchresult-title a:hover, .searchresult-link a:hover{ text-decoration:underline;}
.searchresult-no{text-align:center;padding-top:1.25rem;padding-bottom:1.25rem}
.searchresult-no-title{font-size:1.625rem; font-weight: normal;}
/*pagination*/
.pagination{position: relative;;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2rem 0}
.pagination a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;align-items:center;margin:0 .1rem;display:flex;width:32px;font-size:16px;line-height:32px;height:32px;border-radius:100px;color:#333;display:inline-block}
.pagination a.current { color: #209cff; }
.pagination a:hover{ color:#209cff;}
.pagination .pagehover{ position:relative;}
.pagination .pagehover a img{ position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}
.pagination .pagehover a img:nth-of-type(2):hover{ opacity:0; /*滑鼠滑入時，透明度變0*/}
.pagination .pagesvg{ margin-top:8px;}
.pagination .marginleft{ margin-left:25px;}

@media screen and (max-width: 1142px){
	.scrollTb::after{display: none;}
	.scrollTb02::after{display: none;}
	.scrollTb03::after{display: none;}
}
@media screen and (max-width: 1024px){
	/*topView*/
	.topView .in h2{left:20px;}
	/*oneBox twoBox*/
	.oneBox, .twoBox{ width:100%; padding:0 20px; margin: 20px auto 30px;}
	.twoBox .Lset{ /*float: left; left: 20px;*/ width:160px;}
	.sidebar__inner{width:160px;}
	.twoBox .Rset{ float: right; width:calc(100% - 180px); padding:0 0 60px;}
	/*branches*/
	ul.branches li{width: calc(50% - 4px); }
	/*manarger*/
	ul.manarger{display: flex; justify-content: center; flex-wrap: wrap;}
	ul.manarger li{ width: 60%; margin: 0 0 20px 0; border:1px solid #e6e6e6; border-radius: 6px;}
	/*manargerDetail*/
	.manargerDetail{ width: 100%; min-height: auto; padding: 290px 20px 30px 20px; }
	.Rset .in .manargerDetail p{ padding: 0; margin: 0 0 10px;}
	.Rset .in .manargerDetail .pic{position: absolute; right:50%; top: 10px ; margin: 0 -110px; width:220px ; height:275px; display: block;}
	.manargerDetail .pic .cover{background:url("../images/cover_m.png") no-repeat; background-size:cover;}
	/*serviceList*/
	ul.serviceList{ justify-content: flex-start;}
	ul.serviceList li{ width: calc((100% - 60px)/4); height: 100%; margin-right: 20px; }
	ul.serviceList li:nth-child(4n+4){margin-right: 0;}
	
	/*mapQuery*/
	.mapQuery{ width: 100%;}
	.mapQuery .querySet ul li .sBox{ width:100px;}
	.mapQuery .querySet ul li:nth-child(3){ width:calc(100% - 241px);}
	/*focusBox*/
	.focusBox .vedio{width:420px; height:237px; }
	.focusBox .vedio img, .focusBox .picList img{width: 100%; height: auto;}
	.shareSet ul li{ padding: 3px 0;}
	/*vedioList picList*/
	.vedioList li, .picList li{ position: relative; width:calc((100% - 20px)/2); }
	.vedioList li:nth-child(3n+3), .picList li:nth-child(3n+3){margin: 0 20px 20px 0;}
	.vedioList li:nth-child(2n+2), .picList li:nth-child(2n+2){margin: 0 0 20px;}
	/*comuniLinks*/
	.comuniLinks li{width: calc((100% - 20px)/2); height: auto;}
	/*month_list*/
	.month_list li{ width: calc((100% - 20px)/2); }
	.month_list li.justword01{ width: calc((100% - 20px)/2); }
	/*analyst_list*/
	.analyst_list li{ width: calc((100% - 20px)/2); }
	.analyst_list li:nth-child(3n+3){ margin-right:20px;}
	.analyst_list li:nth-child(2n+2){ margin-right:0;}
	.analyst_list li.justword02{ width: calc((100% - 20px)/2); }
	.analyst_list li.justword02:nth-child(3n+3){ margin-right:20px;}
	.analyst_list li.justword02:nth-child(2n+2){ margin-right:0;}
	/*schedule_list*/
	.schedule_list li{ width: calc((100% - 30px)/2); }
	.schedule_list li:nth-child(3n+3){ margin-right: 30px;}
	.schedule_list li:nth-child(2n+2){ margin-right: 0;}
	/*reportBox*/
	.reportBox .cover{  width: 160px;}
	.reportBox .d_files{width: calc(100% - 200px);}
	/*square*/
	.square li{ width: calc((100% - 30px)/4); margin: 0 0 10px;}
	.square li a{ padding:5px;}
	/*role_list*/
	.role_list li{ width: calc((100% - 20px)/2);}
	/*survey*/
	.survey li .result{ flex-wrap:wrap;align-content:center;}
	.survey li .result .tL{ width: 100%; display: block;text-align: center;}
	.survey li .result .tR{ margin: 0 auto;display: block;}
	.survey li .result .tR ul{ float:left;}
	.survey li .result .tR h5{ float:right;}
	/*smarti*/
	.smarti li{ width: calc((100% - 20px)/2); margin: 0 0 20px;}
	.smarti .info{  padding: 0 5px;}
	.smarti .info h5{ font-size:0.935rem; line-height: 1;}
	.smarti .info h5 span{ margin: 0 3px;}
	/*reportSet*/
	.Rset .in .reportSet .pic{ width: 210px;}
	.Rset .in .reportSet .film{  width: calc(100% - 230px); }
	/*recruitBox*/
	.recruitBox table th{ width: 120px; white-space: nowrap;}
	.recruitBox table td{ padding-left: 0; }
	/*grayType*/
	.grayType .picSet img{ width: calc((100% - 15px)/2);}
	/*selectType02*/
	.selectType02{padding:0 270px 0 0;}
	.selectType02 .sBox select{ font-size: 0.875rem;}
	.selectType02 .sBox.w01{right:4px; width: 120px; }
	.selectType02 .sBox.w02{right:134px; width: 137px; }
	.selectType02 .tag-contain .swiper-slide{width:auto; padding: 0 15px; margin: 0;}
	/*tree*/
	.tree{ width:468px; height: 540px;}
	.tree ul.po01{ top:0 ; right:0;}
	.tree ul.po01 li{width: 94px; padding:10px 0;  margin: 0 0 10px; }

	.tree ul.po02{ top:70px ; left:40px; display: flex; padding: 30px 0 0;}
	.tree ul.po02::after{ width: 287px; top:0; left: 47px;}
	.tree ul.po02 li{width: 94px; padding:10px 0; }

	.tree ul.po03{ top:70px ; left:144px; padding: 90px 0 0;}
	.tree ul.po03::before{ width:1px; height:80px; top:0; right:109px; }
	.tree ul.po03::after{ width:105px; height:1px; top:80px; right:56px; }
	.tree ul.po03 li{width: 94px; padding:10px 0; }

	.tree ul.po04{ top:220px ;}
	.tree ul.po04 li{  padding:20px 1px 0 5px;}
	.tree ul.po04 li::after{ height: calc(100% - 29px); top: 0; left:0;  }
	.tree ul.po04 li span{ width:60px; height: 40px; }
	.tree ul.po04 li span::after{ width:5px; left: -6px;}
	
	.tree ul.po05{ top:220px ;}
	.tree ul.po05::after{ width:194px;}
	.tree ul.po05 li{ padding:20px 0 0 1px;}
	.tree ul.po05 li div{ width:20px;height:140px; padding:10px 0 0; margin: 0 0 20px 0;}
	.tree ul.po05 li div span{ line-height: 1; margin: 0 0 3px;}
	.tree ul.po05 li div::after{ width: 1px; height: 20px;  top:-21px;; left: 50%;}
	.tree ul.po05 li div.but{height:140px;}
}
@media screen and (max-width: 900px){
	/*manarger*/
	ul.manarger{display: flex; justify-content: center; flex-wrap: wrap;}
	ul.manarger li{ width: 75%; margin: 0 0 20px 0; border:1px solid #e6e6e6; border-radius: 6px;}
}
@media screen and (max-width: 767px){
	.m_block{ display: inline-block;}
	
	/*slogan*/
	.Rset .in ul.slogan{ display: flex; justify-content: space-around; flex-wrap: wrap;  margin: 0 0 0; }
	ul.slogan li{ font-size:1.125rem; margin: 0 0 15px;}
	.Rset .in p{ margin: 0 0 10px;}
	/*topView*/
	.topView{ display: none;}
	/*oneBox twoBox*/
	.oneBox, .twoBox{ width:100%; padding:0 15px ; margin: 20px auto 30px;}
	.twoBox .Lset{display: none;}
	.twoBox .Rset{ float: none; width:100%;}
	.twoBox .Rset h1{ padding: 15px; text-align: center;}
	.twoBox .Rset h1 .sound{top:-10px; right: 0px;transition: opacity 0s;}
	.Rset h1 .sound:hover{ opacity:1;}
	/*in*/
	.Rset .in{ padding:20px 15px;}
	.Rset .in .mShowBox h4::after{ position: absolute; content: ""; width:24px; height: 25px; display: block; top:-2px; right: 0;background:url("../images/arrow-right.svg")  right no-repeat;}
	.Rset .in .mShowBox h4.close::after{ background:url("../images/arrow-right.svg")  right no-repeat; 
		transform:rotate(90deg); 
		-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }
	.mShow{ display:none;}
	/*tag-contain*/
	.tag-contain .swiper-slide{width:auto; padding: 0 10px;}
	/*showarea*/
	.showarea-pcpad{position: relative; width:100%; display: none; margin: 0 auto 30px;}
	.showarea-mobile{position: relative; width:100%; display: block; margin: 0 auto 30px;}
	/*chronicleBox*/
	.chronicleBox{ background:url("../images/line_bg.svg") 15px 0 repeat-y; background-size:3px auto;}
	.yearBox{padding: 30px 0 0 45px;}
	.yearBox .trig{top: 0; left:45px; padding: 0 10px; font-size: 1.125rem; color: #fff; font-weight: bold; background-color:#b8b8b8; border-radius: 2px;}
	.yearBox .trig::before{ left:-12px; margin: -6px 0; width: 0;	height: 0;	border: solid transparent;	border-width: 6px;	border-right-color: #b8b8b8;	content: '';	pointer-events: none;}
	.yearBox .trig::after{ top:-5px; left:-45px; width:30px; height:30px; display: block;background:url("../images/trig_open.svg") ; background-size:36px 36px; }
	.yearBox .trig.close::after{background:url("../images/trig_close.svg") ; background-size:36px 36px; }
	/*branches*/
	ul.branches li{width: calc(50% - 4px); text-align:left; display: inline-flex;}
	/*manarger*/
	ul.manarger{display: flex; justify-content: center; flex-wrap: wrap;}
	ul.manarger li{ width: 75%; margin: 0 0 20px 0; border:1px solid #e6e6e6; border-radius: 6px;}
	/*serviceList*/
	ul.serviceList{ justify-content: flex-start;}
	ul.serviceList li{ width: calc((100% - 20px)/2); height: 100%; margin-right: 20px; }
	ul.serviceList li:nth-child(4n+4){margin-right: 20;}
	ul.serviceList li:nth-child(2n+2){margin-right: 0;}
	/*mapQuery*/
	.mapQuery{ width: 100%; margin: 0 0 30px;}
	.mapQuery .querySet ul li .cap{ display:none;}
	.mapQuery .querySet ul li{ width:calc(50% - 8px);}
	.mapQuery .querySet ul li .sBox{}
	.mapQuery .querySet ul li:nth-child(1), .mapQuery .querySet ul li:nth-child(4){ margin: 0 10px 10px 0;}
	.mapQuery .querySet ul li:nth-child(2), .mapQuery .querySet ul li:nth-child(5){ margin: 0 0 10px 0;}
	.mapQuery .querySet ul li:nth-child(3){ width:100%; margin: 0 0 10px 0;}
	.btnSet a{ width: 100%; margin: 5px 0;}
	.queryBtn{ transition: opacity 0s;}
	.queryBtn:hover{ opacity:1;}
	/*store strongHold*/
	ul.store li, ul.strongHold li, ul.relateCom li{ width:100%; }

	/*focusBox*/
	.focusBox .vedio, .focusBox .pic{ width:100%; height:auto; overflow: visible; }
	.focusBox .vedio img{width: 100%; height: auto;}
    .shareSet{ position: absolute; top:10px; right:10px;width: 7%; height: auto;}
    .shareSet ul{ opacity: 0; transition: all 0.3s;}
    .shareSet ul li{ padding: 5px 0;}
    .shareSet:hover > ul{ opacity: 1;}
	/*vedioList picList*/
	.vedioList li, .picList li{ position: relative; width:100%;margin:0 0 20px; }
	.vedioList li:nth-child(3n+3), .picList li:nth-child(3n+3){margin:0 0 20px;}
	.vedioList li:nth-child(2n+2), .picList li:nth-child(2n+2){margin: 0 0 20px;}
	.forShare{padding: 35px 0 0;}

	/*d_files*/
	.d_files.upDtype li{ width: 100%; position: relative; padding: 15px 0 20px 0; }
	.d_files.upDtype li .upDateR{ position: absolute; left: 0; bottom: 5px; width:100%; padding: 0 0 0 30px; margin: 0; text-align: left;}
	
	/*comuniLinks*/
	.comuniLinks li{ width:210px; margin: 0 auto 20px;}
	/*month_list*/
	.month_list li{ width: 100%; }
	.month_list li.justword01{ width: 100%; }
	/*analyst_list*/
	.analyst_list li{ width: 100%; margin-right: 0; }
	.analyst_list li:nth-child(3n+3){margin-right: 0;}
	.analyst_list li.justword02{ width: 100%; margin-right: 0; }
	.analyst_list li.justword02:nth-child(3n+3){margin-right: 0;}
	/*schedule_list*/
	.schedule_list li{ width: 100%;margin-right: 0; }
	.schedule_list li:nth-child(3n+3){ margin-right: 0;}
	/*reportBox*/
	.reportBox .cover{ display:block; width:200px; margin: 0 auto 30px;}
	.reportBox .d_files{ display:block; width: 100%;}
	/*TbBox*/
	.Tbbox{ border-bottom:4px solid #fafafa; color: #333333; padding: 0; margin: 0 0 30px;}
	.Tbbox input[type="text"]{ width:100%; height: 50px; line-height: 50px;  border: 1px solid #d6d6d6; border-radius: 3px; padding: 0 10px 3px; font-size: 1rem;box-sizing: border-box;}
	.Tbbox .btnSet{ margin:  0 0 20px;}
	.Tbbox table{ margin: 0 0 10px;}
	.Tbbox table th, .Tbbox table td{ padding: 5px 0;}
	.Tbbox table img{margin: 5px 0;}
	.Tbbox table, .Tbbox table tbody, .Tbbox table th, .Tbbox table td, .Tbbox table tr { width:100%;  display: block; clear:both; box-sizing:border-box;}
	/*qaOuter*/
	.qaOuter .qaBox{ padding: 10px 0;}
	
	/*square*/
	.square li{ width: calc((100% - 10px)/2); margin: 0 0 10px;}
	.square li a{ padding:5px;}
	/*survey*/
	.survey li{ position: relative;width:100%; margin: 0 0 20px;}
	/*role_list*/
	.role_list li{ width:100%; margin: 0 0 15px;}
	.role_list li:nth-child(9){ width:100%;}
	.Rset .in .role_list li:nth-child(9) .pic, .Rset .in .role_list li:last-child .pic{ width: 100%;height: auto; position: relative; margin: 0 0 10px; background: #000;}
	.role_list li:nth-child(9) .pic img, .role_list li:nth-child(9) .pic img, .role_list li:last-child .pic img{ width: 100%; height: auto; opacity: 0.9; }
	.role_list li:nth-child(9) .pic h5, .role_list li:last-child .pic h5{ position: absolute; z-index: 1; top:0 ; left: 0; width: 100%; height: 100%; font-size: 1.625rem; text-shadow: 2px 2px 5px rgba(0,0,0,0.9); color: #fff; font-weight: bold; display: flex; align-items: flex-end;
		background: rgba(255,255,255,0);
		background-image: -webkit-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);
		background-image: -moz-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);
		background-image: -o-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);
		background-image: -ms-linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);
		background-image: linear-gradient(top,rgba(255,255,255,0)60%,rgba(255,255,255,0.7)80%,rgba(255,255,255,0.8)85%,rgba(255,255,255,1)95%);}
	/*smarti*/
	.smarti li{ width: 100%; margin: 0 0 20px;}
	.smarti .info{  padding: 0 10px;}
	.smarti .info h5{ font-size:1rem; line-height: 1;}
	.smarti .info h5 span{ margin: 0 3px;}
	.smarti li:hover > .explain{ display: none;}
	/*threeSet*/
	.threeSet li{ width:100%;}
	
	/*reportSet*/
	.Rset .in .reportSet .pic{ width:150px; margin: 0 auto 10px;}
	.Rset .in .reportSet .film{ width: 100%; }
	/*recruitBox*/
	.recruitBox table th{ width: 120px; white-space: nowrap; padding: 10px 15px 0 ;border-bottom:none;}
	.recruitBox table td{  padding: 5px 15px 10px;}
	.recruitBox table img{ margin: 0 5px 0 0;}
	.recruitBox table, .recruitBox table tbody, .recruitBox table th, .recruitBox table td, .recruitBox table tr { width:100%;  display: block; clear:both; box-sizing:border-box;}
	.recruitBox h5{ padding: 10px 15px; font-size:1.125rem;}
	.recruitBox table tr:last-child th, .recruitBox table tr:last-child td{border-bottom:none; box-sizing: border-box;}
	.recruitBox .btnSet{ padding:0 15px;}
	/*.combine*/
	.combine .sBox{ width: 80px;}
	.combine .searchSet{ width: calc( 100% - 90px); margin: 0;}
	/*grayType*/
	.grayType{ margin: 0 0 20px;}
	.grayType h5{padding:10px 15px;}
	.Rset .in .grayType p{padding:0 15px;}
	.grayType .picSet{ padding:0 15px 5px;}
	.grayType .picSet img{ width:100%; margin: 0 0 10px;}
	/*selectType02*/
	.selectType02{padding:0 10px; margin: 0 0 50px; }
	.selectType02 .sBox{ position:static; margin: 0 0 10px; }
	.selectType02 .sBox.w01{width: 100%; }
	.selectType02 .sBox.w02{width: 100%; }
	.selectType02 input[type=text]{position: static; display: inline-block; width:100%;margin: 0 0 10px; }
	.selectType02 input[type=submit]{position: absolute;right:10px; top:60px; }
	/*codeResult*/
	.codeResult h5{ padding: 10px 15px; line-height: 1.1; margin: 0 0 60px;}
	.codeResult h5 a{ width: calc(100% - 20px); height: 40px; line-height: 40px; padding: 0; bottom:-50px; right: 10px; border-radius: 6px; display: block; text-align: center;}
	/*codeResult*/
	.codeResult ul.type01{   padding:15px 0 ; margin: 0 auto; text-align: center;}
	.codeResult ul.type01 li{ width: calc((100% - 5px)/2);  padding: 0; box-sizing: border-box; font-size:1.125rem ;}
	.codeResult ul.type02{flex-wrap: wrap; padding: 0 15px; margin: 0 0 20px; font-size:1rem ;}
	.codeResult ul.type02 li{ width: 100%; padding: 0 0 0 24px;background:url(../images/storeIco_phone.svg)  no-repeat;background-size:20px 20px;}
	.codeResult table th, .codeResult table td, .codeResult table tr { width:100%;  display: block; clear:both; box-sizing:border-box;}
	.codeResult table th:first-child{ text-align: center;}
	.codeResult table th:nth-child(2), .codeResult table th:nth-child(3), .codeResult table th:nth-child(4), .codeResult table th:nth-child(5), .codeResult table th:nth-child(6), .codeResult table th:nth-child(7), .codeResult table th:nth-child(8){ display: none;}
	.codeResult table th{ background: #209cff; color:#fff; font-weight: bold;}
	.codeResult table tr:first-child th{ background: #3d6e96;}
	.codeResult table td{ text-align: center; color: #333333; background: #fff;}
	.codeResult table th:last-child, .codeResult table td:last-child{text-align: center;}
	.codeResult table tr:nth-child(odd){ background: none;}
	.codeResult table th, .codeResult table td{ border:	none; font-size: 1rem;}
	.codeResult table .m_block{ font-size: 0.875rem;}
	.btnSet.fee a{padding: 0 ;}
	/*blueTb*/
	.blueTb table th, .blueTb table td, .blueTb table tr { width:100%;  display: block; clear:both; box-sizing:border-box;}
	
	.blueTb tr:nth-child(odd) td:nth-child(2n+1), .blueTb tr:nth-child(even) td:nth-child(2n+1){background-color:#fbfbfb; }
	.blueTb tr:nth-child(odd) td:nth-child(2n+2), .blueTb tr:nth-child(even) td:nth-child(2n+2){background-color:#f6f6f6; }
	.blueTb table{border-bottom: none;}
	.blueTb tr:last-child td{border-bottom: #e5e5e5 1px solid;}
	.blueTb.hdTop tr:first-child{ display: none;}
	.blueTb.hdTop td.tR{ text-align: left;}
	
	.blueTb.hdTop tr:nth-child(odd) td:nth-child(2n+1), .blueTb.hdTop tr:nth-child(even) td:nth-child(2n+1){background-color:#fbfbfb; }
	.blueTb.hdTop tr:nth-child(odd) td:nth-child(2n+2), .blueTb.hdTop tr:nth-child(even) td:nth-child(2n+2){background-color:#fbfbfb; }
	
	.in .blueTb.hdTop tr td:first-child{ background-color: #3d6e96; color:#fff; font-weight: bold; text-align: center;}
	
	/*tree*/
	.tree{ width:260px; height:850px;}
	.tree ul.po01{ top:0 ; left:0;}
	.tree ul.po01 li{width: 60px; height: 45px; padding: 0; display: flex; align-items: center; justify-content: center; }
	.tree ul.po01 li:last-child::after{ height: 65px; bottom: -66px; left: 9px;}

	.tree ul.po02{ top:75px ; right:0; display: flex; justify-content:flex-end; padding: 20px 0 0;}
	.tree ul.po02::after{ width: 170px; top:0; left:20px;}
	.tree ul.po02 li{width: 60px; height: 45px; padding: 0; margin: 0 0 0 5px; display: flex; align-items: center; justify-content:flex-end; }
	.tree ul.po02 li:last-child{margin: 0 0 0 10px;}
	.tree ul.po02 li::after{ height: 20px; top: -21px;}

	.tree ul.po03{ top:75px ; left:120px; padding: 80px 0 0;}
	.tree ul.po03::before{ width:1px; height:70px; top:0; right:65px; }
	.tree ul.po03::after{ width:70px; height:1px; top:70px; right:30px; }
	.tree ul.po03 li{width: 60px; height: 45px; padding: 0; margin: 0  0 0 10px; display: flex; align-items: center; justify-content:center;  }

	.tree ul.po04{ top:200px; left:10px; border-top: none; }
	.tree ul.po04 li{ width: 100%; padding:10px 0 5px 5px; margin: 0; display: flex; justify-content: flex-start; }
	.tree ul.po04 li::before{  height:1px;  bottom:-3px; left:0;}
	.tree ul.po04 li:nth-child(1)::before, .tree ul.po04 li:nth-child(3)::before{ width:176px;}
	.tree ul.po04 li:nth-child(2)::before{ width:225px;}
	.tree ul.po04 li:nth-child(4)::before{ width:127px;}
	.tree ul.po04 li::after{ height: calc(100% + 10px); top: 0; left:0;  }
	.tree ul.po04 li span{ width:46px; height: 60px;  margin: 0 3px 0 0;}
	.tree ul.po04 li span::after{ width:1px; height: 8px; left:50%; top:59px; }
	.tree ul.po04 li span.pc{display: none;}
	.tree ul.po04 li span.mobile{display: flex;}
	
	.tree ul.po05{ top:510px; left:10px; padding: 10px 0 0 5px;}
	.tree ul.po05::after{ width:1px; height: calc(100% - 24px); top: 0; left: 0;}
	.tree ul.po05 li{ width:100%; padding:0; display: flex;  justify-content: space-between; }
	.tree ul.po05 li div{ width:120px;height:30px; padding:0 0 0 5px; margin: 0 0 10px 0;writing-mode: horizontal-tb;}
	.tree ul.po05 li div span{ line-height: 1.5; margin: 0;}
	.tree ul.po05 li div::after{ width: 5px; height: 1px;  top:50%; left:-5px;}
	.tree ul.po05 li div.but{width:120px;height:30px;}
}
@media screen and (max-width: 550px){
	/*manarger*/
	ul.manarger{display: flex; justify-content: center; flex-wrap: wrap;}
	ul.manarger li{ width: 95%; margin: 0 0 20px 0; border:1px solid #e6e6e6; border-radius: 6px;}
}
@media screen and (max-width:400px){
	ul.strongHold li .top img{width:auto; height:100%;}
}