/*========================================
THERAPIST VALUE
=======================================*/
#therapistHead {background: #fff;}
#therapistHead .Cnt {padding:4% 2% 2%;}
.Report h2 {color: #fff; background: #2ab5d3; background: -webkit-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -moz-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -webkit-linear-gradient(135deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(135deg, #57cfb0, #2ab5d3); background: linear-gradient(-45deg, #57cfb0, #2ab5d3);box-sizing: border-box;padding: 2%;border-radius: 4px;}
.therapistValue {position: relative;}
.therapistValue .cond {position: absolute; left: -2%; top: -10px;z-index: 2;}
.therapistValue .cond img {width: 80px; height: auto;}
.therapistValue .favBtn {position: absolute;background: url("../img/fav_off.png") no-repeat;background-size: cover; width:80px; height: 85px;top: 10px; right: 10px;transition: .4s;z-index: 2;cursor: pointer;}
.therapistValue .favBtn.off {}
.therapistValue .favBtn.on {background: url("../img/fav_on.png") no-repeat;background-size: cover; width:80px; height: 85px;}
.therapistValue .favBtn:hover {transition: .4s; opacity: 0.8}
.therapistValue .therapistPhoto {float: left; width: 44%;position: relative;}
.therapistValue .therapistPhoto img{ width: 100%; height: auto; line-height: 1; /*border: 2px solid #E8E8E8*/}
.therapistValue .txt { float: right; width: 50%;}
/*.therapistValue .txt  h3 {background: url(../img/icon-girl.png) no-repeat; background-size: 28px; padding-left: 40px; color:#0cb2ba; font-size: 16px; line-height: 1.4;font-weight: bold;border-left: 0;border-bottom: 2px solid #0cb2ba}*/
.therapistValue .txt  h3 span { display: block;}
.therapistValue .txt .prof { margin-bottom: 15px;}
.therapistValue .txt dl{ overflow: hidden; border-bottom: 1px dotted #E7E7E7; padding-bottom: 5px;font-size: 12px;margin-bottom: 5px;}
.therapistValue .txt dt{float: left; width: 35%}
.therapistValue .txt dd{float: right; width: 65%}
.therapistValue .txt dd .serviceTag {width: 100%; overflow: hidden;}
.therapistValue .txt dd .serviceTag li {display: inline-block; padding: 0 5px 0 20px; font-size: 9px; height: 27px; line-height: 27px; background:#E8E8E8 url(../img/icon-ok.png) no-repeat; background-size: 14px; background-position: 5px 45%; border: #eee solid 1px; color: #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;border-radius: 3px; float: left; width: auto; margin: 0 5px 5px 0}
.therapistValue .txt .prof h2,
.therapistValue .txt .shopInfo h2 { text-align: center; font-size: 15px; border: 0; background:#81d4cb; font-weight:bold;margin-bottom: 10px;color: #fff; padding: 5px;}
.therapistValue .txt .shopInfo { font-size: 12px;overflow: hidden; margin-bottom: 15px;}

@media screen and (max-width: 800px) { 
.therapistValue {padding:0;}
.therapistValue .cond {top: 10px; left: 2%;}
.therapistValue .cond img {width: 70px; height: auto;}
.therapistValue .therapistPhoto {float:none; width: 90%;margin: 0 auto 35px;}
.therapistValue .txt { float:none; width: 96%; margin: 0 auto;}
.therapistValue .txt .heading {margin-bottom: 10px;}
.therapistValue .txt .heading .name {color:#0cb2ba; font-size: 18px;}
.therapistValue .txt .prof { margin-bottom: 15px;}
.therapistValue .txt dl{font-size: 11px;}
.therapistValue .txt dt{width:30%}
.therapistValue .txt dd{width:70%}
.therapistValue .txt dd .serviceTag li{display: inline-block; padding: 0 4px 0 18px; font-size: 8px; height: 20px; line-height: 22px; background:#E8E8E8 url(../img/icon-ok.png) no-repeat; background-size: 12px; background-position: 5px 45%; border: #eee solid 1px; color: #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;border-radius: 3px; float: left; width: auto; margin: 0 5px 5px 0}
.therapistValue .txt .shopInfo h3 {font-size: 16px;}
.therapistValue .txt .shopInfo {font-size: 12px;}
.therapistValue .favBtn {position: fixed;background: url("../img/fav_off.png") no-repeat;background-size: cover; width:60px; height: 64px;top: 55px; right: 2%;transition: .4s;z-index: 2;cursor: pointer;}
.therapistValue .favBtn.off {}
.therapistValue .favBtn.on {background: url("../img/fav_on.png") no-repeat;background-size: cover; width:60px; height: 64px;}
.therapistValue .favBtn:hover {transition: .4s; opacity: 0.8}
}


.postProf {overflow: hidden;}
.postProf h3 {padding-left: 0; border-left: 0; color: #fff; padding:10px 2%;border-radius: 4px; font-size: 14px;font-weight: bold;box-sizing: border-box; letter-spacing: 1px;position: relative;}
.postProf h3.post01 {background:#B4B4B4 url(../img/bg-h3_01.png) no-repeat; background-size: 20px; padding-left: 35px; background-position:7px 48%;display: table;box-sizing: border-box;width: 100%}
.postProf h3.post02 {background:#B4B4B4 url(../img/bg-h3_02.png) no-repeat; background-size: 20px; padding-left: 35px; background-position:7px 50%}
.postProf h3.post03 {background:#B4B4B4 url(../img/bg-h3_03.png) no-repeat; background-size: 20px; padding-left: 35px; background-position:7px 50%}
.postProf h3.post04 {background:#B4B4B4 url(../img/bg-h3_04.png) no-repeat; background-size: 20px; padding-left: 35px; background-position:7px 50%}
.postProf h3.post05 {background:#B4B4B4 url(../img/bg-h3_05.png) no-repeat; background-size: 20px; padding-left: 35px; background-position:7px 50%}
.postProf h3 .usrName a{color: #fff;text-decoration: underline;padding-right: 16px;margin-right: 2px; font-weight: bold;background: url("../img/icon-linkWhite.png") 100% 50% no-repeat;background-size: 12px;transition: all 0.5s;letter-spacing: 0}
.userComBlock li h3 a{background: url("../img/icon-link.png") 100% 50% no-repeat;background-size: 12px;transition: all 0.5s;letter-spacing: 0}
.userComBlock li h3 a.popup-modal {background: none;}
.postProf h3 a:hover{color:#ECC600;transition: all 0.5s;}
.postProf h3.post01 span {background: #00B8C1;color: #fff;border-radius: 4px;font-size: 11px;font-weight: bold;margin-right: 5px;padding: 1px 2px}

.postProf h3 .badge {width: 30px; height: 30px;display: table-cell; margin-bottom: 0;vertical-align: middle;position: relative;margin-right: 5px;}
.postProf h3 .badge .num {background: none; position: absolute; width: 30px; height: 23px; top: 0; bottom: 0; text-align: center; margin: auto;left: 0; right: 0; font-size: 10px; padding: 0;letter-spacing: 0.1px;}
.postProf h3 .badge .num.top-1 {top: -5px}
.postProf h3 .badge figure {display: block;width: 100%;line-height: 1;}
.postProf h3 .badge figure img {width: 100%;height: auto;}
.postProf h3 .usrName {display: table-cell;vertical-align: middle;box-sizing: border-box;padding-left: 5px;}

.postProf .labels {overflow: hidden;margin-bottom: 10px;}
.postProf .prem {float: left;margin-right: 10px;}
.postProf .prem span{float: left; width: 102px; background:#000 url("../img/icon-limited.png"); background-position: 5px 50%; background-repeat: no-repeat; background-size: 13px auto; color:#D5A600; text-align: left; padding: 3px 2px 2px 22px; border-radius: 6px; margin-bottom: 5px; font-weight: bold;font-size: 12px;}
.postProf .secret {float: left;margin-right: 10px;}
.postProf .secret span{float: left; width: 112px; background:#FF8A99 url("../img/icon-secret.png"); background-position: 5px 50%; background-repeat: no-repeat; background-size: 13px auto; color:#fff; text-align: left; padding: 4px 2px 2px 22px; border-radius: 6px; margin-bottom: 5px; font-weight: bold;font-size: 12px;}
.postProf .preTicketUse {float: left;margin-right: 10px;}
.postProf .preTicketUse span{float: left; width: 150px; background:#FFB52A url("../img/icon-preticket.svg"); background-position: 5px 50%; background-repeat: no-repeat; background-size: 13px auto; color:#fff; text-align: left; padding: 4px 2px 2px 22px; border-radius: 6px; margin-bottom: 5px; font-weight: bold;font-size: 12px;}
.postProf .date {float: left;margin-right: 10px;}
.postProf .date span{float: left; background:#00A49D url(../img/icon-vote.png); background-position: 5px 50%; background-repeat: no-repeat; background-size: 16px auto; color: #fff; text-align: left; padding: 3px 5px 2px 25px; border-radius: 6px; margin-bottom: 5px; font-weight: bold;font-size: 12px;}
.score {overflow: hidden; width: 100%;box-sizing: border-box; margin: 0 auto 10px; padding: 2% 1% 1%; background:#fff url(../img/bg-score.jpg) repeat; border: 3px solid #FF8385; border-radius: 2px;}
.score dl {width: 100%;box-sizing: border-box; padding: 20px 4% 0;}
.score dl dt {float: left; width: 20%;font-weight: bold;}
.score dl dd {float: left; width: 30%;font-weight: bold;}
.score dl dd {float: left; width: 30%;font-weight: bold;}
.score dl dd.mozaic {background: url("../img/score-mosaic2.png") no-repeat;width: 74px; height: 41px;background-size: 74px 41px;margin: -18px 0 0 0;}
.score dl dd span {font-size: 300%; color: #EC3B3E; line-height: 0; padding-right: 5px;}
.score dl dd img {width: 20px; height: auto; margin-right: 1px; line-height: 1;}
@media screen and (max-width: 800px) { 
.postProf {overflow: hidden;}
.postProf h3 {padding-left: 0; border-left: 0; color: #fff; padding:1% 2%;border-radius: 4px; font-size: 14px;}
.postProf h3.post01, .postProf h3.post02, .postProf h3.post03, .postProf h3.post04, .postProf h3.post05 {background-position: 2% 50%;}
.postProf h3 .usrName {font-size: 11px;}
.postProf h3.post01 span {font-size: 8px;}
.postProf .labels {margin-bottom: 5px;}
.Report .Cnt {padding: 4% 2% 2%;}
.repo-dl dd .stars {}
.repo-dl dd .com {max-width:196px;width: 65%;}
.repo-dl dt {width: 30%;}
.repo-dl dd {width: 70%;}
.postProf table {margin:0 auto 20px;font-size: 11px;width: 99%;}
.postProf table th {padding: 1% 1%;width: auto; background:url(../img/bg-th01.jpg) repeat; color: #fff;}
.postProf table td {padding: 1% 1%;width: auto;}
.postProf table.val th {width: auto;}
.postProf table.val th.short {width: auto;}
.postProf table.val td {width: auto;}
.postProf table.val td.star {width: auto;}
.postProf img {width: 10px; height: auto; margin-right: 1px; line-height: 1;}
.postProf .txt {padding: 2%;font-size: 14px;}
.postProf .txt .expDate {font-size: 80%;}
.score {width: 100%;box-sizing: border-box; margin: 0 auto 10px; padding: 2% 1% 0;}
.score dl {padding: 2% 2%; overflow:hidden;display: table;}
.score dl dt {display: table-cell; width: 23%; font-size: 12px; padding-top: 2px; vertical-align: bottom;}
.score dl dd {display: table-cell; width: 27%;font-size: 14px;vertical-align: bottom;}
.score dl dd span {font-size:26px; color: #EC3B3E; line-height: 0; padding-right: 5px;}
.score dl dd img {width: 12px; height: auto; margin-right: 1px; line-height: 1;}
}



@media screen and (max-width: 320px) {
.repo-dl dd .com { max-width: 196px; width: 62%; font-size: 11px;}
}