/*915使用*/
.ShopTitle .ShopTitleInfo{position: relative;}
.ShopTitle .bntbox a:nth-child(3){display: none;}
.ShopTitle .name_phone {left: calc(100% / 2);top: calc(100% / 2);position: absolute;transform: translate(-50%,-50%);width: 100%;}
.ShopTitle .name_phone h1{background-color: rgba(0,0,0,0.5);font-size: 1.25rem;color: #FFF;padding: 10px;text-align: center;position: static;}
.ShopTitle .name_phone span{background-color: transparent;font-size: 1.563rem;color: #FFF;display: block;padding: 0;margin:5px 0 0 0}
#team,#team .StoreManager{position: relative;overflow: hidden;}
#team .StoreManager.hideitem .list-names{display: none;}
#team .personal{text-align: right;overflow: hidden;position: relative;}
/*#team .personal > .image.featured{display: none;}*/
#team .personal:after{height: 100%;width: 25%;left: 0;top: 0;background-color: #FFF;z-index: 1;}
#team .personal header{position: absolute;height: 50px;width: 260px;}
#team .personal header img{max-height: 50px;max-width: 260px;}
#team .personal .info{position: absolute;z-index: 3;}
#team .personal .info h3 span {font-size: 1rem;margin-right: 5px;}
#team .personal .info h3 a {font-size: 2.188rem;color: #000;font-weight: bolder;}
#team .personal .info h4{font-size: 1.875rem;}
#team .personal .info a{font-size: 1.25rem;}
#team .personal .info a img{background-repeat: no-repeat;background-position: -320px -146px;height: 20px;width: 20px;margin-left: 10px;}
#team .personal .info a:hover img{margin-left:5px;}
#team .StoreManager.hideitem .imgbox{bottom:0px;z-index: 3;}
#team .imgbox{position: absolute;background-color: transparent;border-style: none;align-items:flex-end;max-height:100%;bottom: 0px;}
#team .imgbox a{align-items: flex-end;}
#team .shop dd,#team .introduction dd{border: 1px solid #E0E0E0;background-color: #FFF;}
#team .shop h3,#team .list-names dt{font-size: 18px;line-height: 30px;font-weight: bold;}
#team .shop h4{line-height: 30px;font-size: 0.875rem}
#team .shop .link{display: inline-block;width: calc(100% - 55px);}
#team .shop dd{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;}
#team .list-names a{line-height: 30px;font-size: 0.875rem;/*white-space:nowrap;*/display: block;float: left;}
#team .list-names a:after{content:"/";display: inline-block;padding-right: 5px;padding-left: 5px;}

#team.self .P_N_box h3{color: #000;}
#team.self .imgbox,#team.self .personal .info,#team.self .introduction{position: static;}
#team.self .imgbox{background-color: #FFF;border: 5px solid rgba(0,0,0,.3);border-radius: 50%;height: 106px;width: 106px;overflow: hidden;text-align: center;vertical-align: middle;display: block;margin-right: auto;margin-left: auto;}
#team.self .imgbox img{object-fit: cover;max-height: unset;height: 100%;}
#team.self .personal{background-color: transparent;text-align: center;}
#team.self .personal .ObjectLink{top: 0px;right: 0px;}
#team.self .personal .info a img{transform:rotate(180deg);margin-right: 10px;-webkit-filter:grayscale(1);}
#team.self .personal .info a:hover img{margin-right:5px;}
#team.self .personal .shop-bg{right: 0px;left: auto;}
#team.self h6{font-size: 1.05rem;font-weight: bold;color: #999;margin-bottom: 10px;padding-left:10px;position: relative;}
#team.self h6:before{position: absolute;left: 0px;top: 0px;}
#team.self .introduction dl h3,#team.self .introduction dl dt h4{vertical-align: top;margin-bottom: 5px;}
#team.self .introduction dl dt h3{width: 135px;color: #999;font-size: 0.875rem;}
#team.self .introduction dl dt h4{width: calc(100% - 135px);}
#team.self .personal .info{width: 210px;text-align: left;}
#team.self .personal:after{display: none;}
#team.self .personal .info h6{margin: 13px 10px;}
#team.self .personal .info h4{font-size: 1.25rem;margin:5px 10px;position: relative;text-align: center;}
#team.self .personal .info h4 a{color: #333;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;display: block;padding-left:30px;background-color: #CFE2ED;}
#team.self .personal .info h4:first-of-type a{background-color: #E1F0DB;color: #060;}
#team.self .personal .info h4:first-of-type:before{content: "";display: inline-block;width: 28px;height: 27px;cursor: pointer;background-image: url(../../images/LINE02.svg);background-position: left top;}
#team.self .personal .info h4:last-of-type i{color: #FFF;background-color: #069;padding: 3px 7px;}

#team .introduction h4{margin-bottom: 10px;font-size: 0.875rem;}
#team .introduction h3{margin-bottom: 10px;font-weight: bold;}
/*.ShopObjectBnt li a .icon03{background-position: -224px top;}*/
#team .personal > .image.featured{z-index: 2;}
#team .personal .shop-bg{display: none;}
#team .personal .ObjectLink {position: absolute;}

#team .shop h1 span,#team .shop h4 span{height: 30px;display: inline-block;margin-right: 10px;padding-right: 10px;padding-left: 10px;vertical-align: top;}
#team .StoreManager.hideitem .shop dd.googlemap{height: 256px;}
.shop dt h1 span{background-color: #F05922;}
.shop dt h4:nth-of-type(1) span{background-color: #30A5AC;}
.shop dt h4:nth-of-type(2) span{background-color: #B66283;}
.shop dt h4:nth-of-type(3) span{background-color: #C5A74F;}
.shop dt h4:nth-of-type(4) span{background-color: #666698;}
.shop dt h4:nth-of-type(5) span{background-color: #669933;}
.shop dt h4:nth-of-type(6) span{background-color: #999999;}

#personal_page .mobile .wrapper{padding: 0;}

@media screen and (min-width: 769px) {
#team .StoreManager{border: 1px solid #CCCCCC;}
#team .StoreManager.hideitem .shop dd{height: 256px;max-width: 340px;margin:27px 0 0 22px;}
#team .StoreManager.hideitem .shop dd a{height: 100%;width: 100%;align-items: center;}
#team .StoreManager.hideitem .shop dd.googlemap{width: 340px;}
#team .personal header{left: 50px;top: 30px;text-align: left;}
#team .personal .info{width: 250px;right: 295px;top: 55px;text-align: right;}
#team .personal .info h2{font-size: 44px;}
#team .personal .info h3{font-size: 35px;margin-top: 20px;line-height: 44px;}
#team .personal .info h4{line-height: 40px;}
#team .personal .ObjectLink {right: 295px;top: 40px;}
#team .imgbox{height: 530px;width: 280px;right: 10px;}
#team .imgbox img {max-height: 530px;max-width: 280px;}
#team .shop {position: absolute;left: 0px;top: 10px;z-index: 4;}
#team .list-names{position: absolute;left: 0px;bottom: 20px;width: 50%;height: 110px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 50px;z-index: 5;}
#team .list-names:after{border-style: solid solid solid solid;border-width: 0px 110px 110px 0px;height: 0px;width: 0px;right: -110px;top: 0px;}
#team .list-names dd{height: 65px;}
#team .shop dd.shop-photo{height: 165px;float: left;margin-right: 10px;margin-top:10px}
#team .introduction dd{height: 110px;float: left;margin-right: 10px;margin-top:10px}
#team .shop dd.shop-photo img{max-height: 100%;max-width: 100%;}
#team .introduction dd img{max-height: 110px;max-width: 168px;}
#team .shop dd:nth-child(2) {margin-left:50px;}
#team .shop dd{width: 210px;height: 165px;float: left;margin-top:10px}
#team .introduction{position: absolute;left: 20px;top: 50px;}
#team .introduction .ClienLink{height: 320px;width: 310px;}
#team .mCSB_inside > .mCSB_container{ margin-right: 20px; }

#team.self {position: relative;margin: 20px 0;}
#team.self .P_N_box h3{margin-top: 5px;font-size: 1.25rem;width: 140px;}
#team.self .introduction{width: calc(100% - 370px);background-color: #F9F9F9;padding: 10px;}
#team.self .introduction dl .mCustomScrollbar{height: 100px;width: 100%;overflow: hidden;}
#team.self .introduction dl dt,#team.self .introduction dl dd{width: 50%;margin: 0px;padding: 0px;border-style: none;background-color: transparent;}
#team.self .personal .info h4:first-of-type:before,#team.self .personal .info h4:last-of-type i{position: absolute;left: 10px;top: 6px;}
#team.self .info_m{display: none;}

}
@media screen and (min-width: 1260px) {
#team .introduction .ClienLink{width: 500px;}
#team .personal:after{width: 40%;}
}

@media screen and (max-width: 768px) {
.ShopTitle .name_phone {top: calc(70% / 2);}

/*#team .personal{text-align: right; }
#team .personal header{right: 480px;bottom:200px;}
#team .personal header img{max-height: 50px;}
#team .personal .info{left: 10px;bottom: 60px;width: 255px;}
#team .personal .info h2{font-size: 40px;}
#team .personal .info h3{font-size: 44px;margin-top: 10px;line-height: 40px;}
#team .personal .info h3 a{font-size: 35px;}
#team .personal .info h4{font-size: 35px;line-height: 40px;}
#team.self .personal .info {left: 0px;bottom: 50px;width: 255px;text-align: right;}*/


/*#self_header h1{top: calc((100% - 95px) / 2);}*/
#team_object .TableBox .t-td p {border-bottom: none;}
#team .personal{position: relative;overflow: hidden;text-align: left; }
#team .personal:after{width: 10%;}
#team .personal header{left: 10px;bottom: 110px;}
#team .personal header img{max-height: 35px;}
#team .personal .info{left: 10px;bottom: 13px;}
#team .personal .info h2{font-size: 20px;line-height: 25px;display: none;}
#team .personal .info h3{font-size: 1.25rem;line-height: 25px;}
#team .personal .info h3 a{font-size: 1.25rem;font-weight: bold;}
#team .personal .info h3 span {font-size: 14px;}
#team .personal .info h4{font-size: 1.5rem;line-height: 25px;}
#team.self .personal .info h4{font-size: 1.35rem;}
#team .personal .info a {font-size: 0.875rem;}
#team .personal .info a img {margin-left: 0px;}

#team.self{position: fixed;left: 0px;bottom: 0px;z-index: 1008;background-color: #666;border-radius: 0px;width: 100%;}
#team.self .P_N_box {width: 50px;}
#team.self .P_N_box h3,#team.self h6{display: none;}
#team.self .imgbox {max-width: 40px;max-height:40px;border: none}
#team.self .imgbox span {height:0;display: none;}
#team.self .personal  {border: none;padding:10px 5px;width: 100%;}
#team.self .personal .info {width:auto;}
#team.self .personal .info h3 a{height: auto;overflow: visible;}
#team.self .personal .info h4 {display: inline-block;margin: 0px;padding: 0px;vertical-align: top;}
#team.self .personal .info h4 a{padding-left: 0px;}
#team.self .personal .info h4 a[target]{background-color:transparent !important;height: 38px;width: 40px;position: absolute;top: 0;}
#team.self .personal .info h4:first-of-type:before{width: 40px;height:38px}
#team.self .personal .info h4:last-of-type i{width: 40px;height:40px;padding: 0px;vertical-align: top;font-size: 25px;line-height: 40px;background-color: #ff9900;}
#team.self .personal .info font {display:none;padding-left:0px;}
#team.self .personal .info_m {width: calc(100% - 140px)}
#team.self .personal .info_m h3 {font-size: 14px;line-height: 20px;color: #FFF;text-align: left;}
#team.self .personal .info_m h3 span {padding-left:10px;}
#team.self .personal .info_m h3 a{color: #FFF}
#team.self .introduction{display:none;background-color: #FFF;padding:10px 5px;border-radius: 0px;}
#team.self .introduction dd{background-color: transparent;padding:5px 0px;border: none;border-top: 1px solid #CCC;width: 100%;}
#team.self .introduction dl dt h3,#team.self .introduction dl h3{font-size: 14px;line-height: 20px;}
#team.self .introduction dl h4{font-size: 15px;line-height: 20px;border: none;}
#team.self .introduction dl dt h3,#team.self .introduction dl h3,#team.self .introduction dt h4{margin-bottom: 0px;padding-bottom: 0px;}
#team.self .introduction dl dt h3:first-child,
#team.self .introduction dl dt h4:nth-child(2),
#team.self .introduction dl dt h3:nth-child(3),
#team.self .introduction dl dt h4:nth-child(4) {display:none;}
#team.self .introduction dl dd .mCustomScrollbar{height: 200px;width: 100%;overflow: hidden;}

#team .personal .shop-bg{width: 100%;position: absolute;right: 0px;top: 0px;}
#team .imgbox{max-width: 40%;max-height: 95%;right: 5px;}
#team .imgbox img {max-height: 100vh;}
#team .shop{margin-top: 10px;padding-top: 10px;}
#team .shop dd,#team .introduction dd{margin-top:10px;}
#team .list-names{padding: 1px;}
#team .list-names dt{padding: 5px 10px;}
#team .list-names dd{padding: 10px;}

#team .StoreManager .shop dd.googlemap{height: 256px;}
#team .introduction,#team_object{position: relative;}
#team .introduction .point,#team_object .point,#pc_shop .point{position: absolute;top: -50px;height: 50px;width: 1px;display: block;}
#team .introduction h4{padding-bottom: 10px;}
#team_object #TabbedPanels3 .TabbedPanelsContent {padding: 10px 0px;}

.hide_Tab .sequence,.hide_Tab .TabbedPanelsTabGroup{display: none;}
.hide_Tab #TabbedPanels8 .TabbedPanelsContent,.hide_Tab #TabbedPanels3 .TabbedPanelsContentGroup{border-top: none;}
}


/*新手提示*/
.help{position:fixed;z-index:5555;width:100%;height:calc(100% - 44px);display:none;left: 0px;top: 44px;}
.help .mask{width:100%;display:block;position: relative;height:calc(100% - 60px);background:none rgba(0, 0, 0, 0.8);}
.help .close{float:right;font-size:40px;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;background:none;display: block;}
.help .close:hover{background:none rgba(0, 0, 0, 0.7)}
.help .step{position:absolute;color:#000;padding:15px;background:none rgba(255, 255, 255, 1);border-radius:5px;display:none}
.help .step .jt{font-size:0;height:0;border:10px solid rgba(0, 0, 0, 0);position:absolute}
.help .step .jt_left{border-right:10px solid rgba(255, 255, 255, 1)}
.help .step .jt_right{border-left:10px solid rgba(255, 255, 255, 1)}
.help .step .jt_top{border-bottom:10px solid rgba(255, 255, 255, 1)}
.help .step .jt_bottom{border-top:10px solid rgba(255, 255, 255, 1)}
.help .step .next,
.help .step .over{border:1px solid #069;color:#FFF;padding:0 5px;margin-top:10px;display: block;text-align: center;background-color: #069;}
.help .step .next:hover,
.help .step .over:hover{background:none rgba(0, 102, 153, 0.7)}
@media screen and (min-width: 769px) {
.help .mask{display:none;}
}