@charset "utf-8";
/* CSS Document */

.border {border: solid 1px #FCDFE7; box-sizing: border-box;}
.mid {width: 100%; float: left; text-align: center; padding: 50px 0; font-size: 16px;}

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px) {
.pc {display: block !important;}
.tb {display: none !important;}
.sp {display: none !important;}

.all {width: 100%; margin: 0 0 10px; padding: 0 0 10px; float: left; border-bottom: dashed 1px #B5B5B5; color: #1D1D1D;}
.left {width: 50%; margin: 0 0 10px;; padding: 0 0 10px; float: left; box-sizing: border-box; color: #1D1D1D;}
.right {width: 50%; margin: 0 0 10px; padding: 0 0 10px; float: left; box-sizing: border-box; color: #1D1D1D;}

.titleLine {width: 100%;  height: 40px; line-height: 40px; padding: 0 0 0 20px; margin: 0; box-sizing: border-box; background: #FBFBFB; border-left: solid 2px #F37197; font-size: 20px; font-family: 'Mitr', sans-serif; float: left;}
.titleLine span {margin: 0 0 0 20px; font-size: 14px;}

.contSpc {width: 90%; margin: 20px 5% 60px; padding: 0; float: left;}

.proName {width: 100%; margin: 0; padding: 5px 0 0; text-align: center; font-size: 22px; font-weight: bold; font-family: 'Lora', serif; color: #1D1D1D;}
.proName span {font-size: 16px; color: #1D1D1D;}
.proSize {width: 100%; margin: 0; padding: 2px 0; text-align: center; font-size: 18px; font-family: 'Mitr', sans-serif; font-weight: 400; color: #1D1D1D;}

/* photo */
.phoSpc {width: 100%; margin: 0 0 60px; background: #FFFFFF; float: left;}
.phoSpc ul {width: 90%; margin: 10px 5% 0; padding: 0; float: left;}

/* profile */
.proSpc {width: 100%; float: left;}
.sComm {width: 100%; min-height: 375px; margin: 5px 30px 50px; border-radius: 5px; background: #FFFFFF; box-sizing: border-box; float: left;}
.sComm ul {margin: 0; padding: 0;}
.sComm ul li {width:100%; height: auto; padding: 10px; box-sizing: border-box; float: left;}

.tableL {width: 98%; margin: 1%; box-sizing: border-box; float: left;}
.tdL {width: 50%; height: 44px; line-height: 44px; background: #FCDFE7; box-sizing: border-box; padding: 0 0 0 5px; border: solid 1px #F37197; color: #EF5884; font-weight: bold; font-size: 14px;}
.tdLn {width: 50%; height: 44px; line-height: 44px; background: #EFEFEF; box-sizing: border-box; padding: 0 0 0 5px; border: solid 1px #CCCCCC; color: #464646; font-weight: bold; font-size: 14px;}
.tdL p {width: 50px; height: 44px; float: right; background: #FFFFFF; text-align: center; font-size: 20px;}
.tdLn p {width: 50px; height: 44px; float: right; background: #FFFFFF; text-align: center; font-size: 20px;}

.scheSpc {width: 100%; margin: 20px 0 60px; border-radius: 0 0 5px 5px; box-shadow: 0 0 6px -1px #a8a0a8; border:  solid 1px #F37197; box-sizing: border-box; float: left; overflow: hidden;}
.scheSpc ul {margin: 0; padding: 0;}
.scheSpc ul li {float: left; width: 14.2857%; width: -webkit-calc(100% / 7); width : calc(100% / 7); text-align: center; border: solid 1px #F7ADC3; box-sizing: border-box; font-size: 18px;}
.day {height: 50px; line-height: 50px; background: #F37197; color: #FFFFFF;}
.time {height: 50px; line-height: 50px; background: #FFFFFF; border-bottom: dotted 1px #F37197;}
.icon {height: 50px; line-height: 50px; background: #FFFFFF;}

}

/*TB:body-------------------------------------*/
@media screen and (min-width: 560px) and (max-width: 1083px) {
.pc {display: none !important;}
.tb {display: block !important;}
.sp {display: none !important;}

.all {width: 100%; margin: 0 0 10px; padding: 0 0 10px; float: left; border-bottom: dashed 1px #B5B5B5; color: #1D1D1D;}
.left {width: 100%; margin: 0 0 10px; padding: 0 0 10px; float: left; border-bottom: dashed 1px #B5B5B5; color: #1D1D1D;}
.right {width: 100%; margin: 0 0 10px; padding: 0 0 10px; float: left; border-bottom: dashed 1px #B5B5B5; color: #1D1D1D;}

.titleLine {width: 96%;  height: 40px; line-height: 40px; padding: 0 0 0 10px; margin: 0 2%; box-sizing: border-box; background: #FBFBFB; border-left: solid 2px #F37197; font-size: 20px; font-family: 'Mitr', sans-serif; float: left;}
.titleLine span {margin: 0 0 0 5px; font-size: 14px;}

.contSpc {width: 90%; margin: 20px 5% 60px; padding: 0; float: left;}

.proName {width: 100%; margin: 0; padding: 5px 0 0; text-align: center; font-size: 18px; font-weight: bold; font-family: 'Lora', serif; color: #1D1D1D;}
.proName span {font-size: 16px; color: #1D1D1D;}
.proSize {width: 100%; margin: 0; padding: 2px 0; text-align: center; font-size: 14px; font-family: 'Mitr', sans-serif; font-weight: 400; color: #1D1D1D;}

/* photo */
.phoSpc {width: 40%; margin: 0 30% 60px; background: #FFFFFF; float: left;}
.phoSpc ul {width: 90%; margin: 10px 5% 0; padding: 0; float: left;}

/* profile */
.proSpc {width: 90%; padding: 5px 5px; margin: 0 5%; box-sizing: border-box; float: left;}
.sComm {width: 100%; padding: 5px 0px; margin: 5px 0px 10px; border-radius: 5px; background: #FFFFFF; box-sizing: border-box; float: left;}
.sComm ul {margin: 0; padding: 0;}
.titleImg {width: 100%; float: left;}
.litxt {width:100%; min-height: 50px; padding: 10px; box-sizing: border-box; float: left; overflow-y: scroll;}

.tableL {width: 98%; margin: 1%; box-sizing: border-box; float: left;}
.tdL {width: 50%; height: 40px; line-height: 40px; background: #FCDFE7; border-radius: 8px; box-sizing: border-box; padding: 0 0 0 5px; border: solid 1px #F37197; color: #EF5884; font-weight: bold; font-size: 14px;}
.tdLn {width: 50%; height: 40px; line-height: 40px; background: #D9D9D9; border-radius: 8px; box-sizing: border-box; padding: 0 0 0 5px; border: solid 1px #F37197; color: #464646; font-weight: bold; font-size: 14px;}
.tdL p {width: 36px; height: 40px; float: right; background: #FFFFFF; border-top-right-radius: 8px; border-bottom-right-radius: 8px; text-align: center; font-size: 16px;}
.tdLn p {width: 36px; height: 40px; float: right; background: #FFFFFF; border-top-right-radius: 8px; border-bottom-right-radius: 8px; text-align: center; font-size: 16px;}

.scheSpc {width: 96%; margin: 0 2% 15px; border-radius: 0 0 5px 5px; box-sizing: border-box; float: left; overflow: hidden; background: #FFFFFF;}
.scheSpc ul {margin: 0; padding: 0;}
.scheSpc ul li {width: 100%; padding: 5px 0; text-align: center; box-sizing: border-box; font-size: 16px;}
.day {width: 39%; height: 30px; line-height: 30px; margin: 0 0 5px 1%; background: #F37197; color: #FFFFFF; float: left; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.time {width: 30%; height: 30px; line-height: 30px; margin: 0 0 5px 0; background: #FFFFFF; float: left; border: solid 1px #F7ADC3;  box-sizing: border-box; }
.icon {width: 29%; height: 30px; line-height: 30px; margin: 0 1% 5px 0; background: #FFFFFF; float: left; border: solid 1px #F7ADC3;  box-sizing: border-box; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}


}

/*SP:body-------------------------------------*/
@media screen and (max-width: 559px) {
.pc {display: none !important;}
.tb {display: none !important;}
.sp {display: block !important;}

.all {width: 100%; margin: 0 0 10px; padding: 0 0 10px; float: left; border-bottom: dashed 1px #B5B5B5; color: #1D1D1D;}
.left {width: 100%; margin: 0 0 10px; padding: 0 0 10px; float: left; border-bottom: dashed 1px #B5B5B5; color: #1D1D1D;}
.right {width: 100%; margin: 0 0 10px; padding: 0 0 10px; float: left; border-bottom: dashed 1px #B5B5B5; color: #1D1D1D;}

.titleLine {width: 96%;  height: 40px; line-height: 40px; padding: 0 0 0 10px; margin: 0 2%; box-sizing: border-box; background: #FBFBFB; border-left: solid 2px #F37197; font-size: 20px; font-family: 'Mitr', sans-serif; float: left;}
.titleLine span {margin: 0 0 0 5px; font-size: 14px;}

.contSpc {width: 90%; margin: 20px 5% 60px; padding: 0; float: left;}

.proName {width: 100%; margin: 0; padding: 5px 0 0; text-align: center; font-size: 16px; font-weight: bold; font-family: 'Lora', serif; color: #1D1D1D;}
.proName span {font-size: 16px; color: #1D1D1D;}
.proSize {width: 100%; margin: 0; padding: 2px 0; text-align: center; font-size: 14px; font-family: 'Mitr', sans-serif; font-weight: 400; color: #1D1D1D;}

/* photo */
.phoSpc {width: 100%; margin: 0 0 60px; background: #FFFFFF; float: left;}
.phoSpc ul {width: 90%; margin: 10px 5% 0; padding: 0; float: left;}

/* profile */
.proSpc {width: 90%; padding: 5px 5px; margin: 0 5%; box-sizing: border-box; float: left;}
.sComm {width: 100%; padding: 5px 0px; margin: 5px 0px 10px; border-radius: 5px; background: #FFFFFF; box-sizing: border-box; float: left;}
.sComm ul {margin: 0; padding: 0;}
.titleImg {width: 100%; float: left;}
.litxt {width:100%; min-height: 50px; padding: 10px; box-sizing: border-box; float: left; overflow-y: scroll;}

.tableL {width: 98%; margin: 1%; box-sizing: border-box; float: left;}
.tdL {width: 50%; height: 40px; line-height: 40px; background: #FCDFE7; border-radius: 8px; box-sizing: border-box; padding: 0 0 0 5px; border: solid 1px #F37197; color: #EF5884; font-weight: bold; font-size: 14px;}
.tdLn {width: 50%; height: 40px; line-height: 40px; background: #CCCCCC; border-radius: 8px; box-sizing: border-box; padding: 0 0 0 5px; border: solid 1px #9C9C9C; color: #464646; font-weight: bold; font-size: 14px;}
.tdL p {width: 36px; height: 40px; float: right; background: #FFFFFF; border-top-right-radius: 8px; border-bottom-right-radius: 8px; text-align: center; font-size: 16px;}
.tdLn p {width: 36px; height: 40px; float: right; background: #FFFFFF; border-top-right-radius: 8px; border-bottom-right-radius: 8px; text-align: center; font-size: 16px;}

.scheSpc {width: 96%; margin: 0 2% 15px; border-radius: 0 0 5px 5px; box-sizing: border-box; float: left; overflow: hidden; background: #FFFFFF;}
.scheSpc ul {margin: 0; padding: 0;}
.scheSpc ul li {width: 100%; padding: 5px 0; text-align: center; box-sizing: border-box; font-size: 14px;}
.day {width: 29%; height: 30px; line-height: 30px; margin: 0 0 5px 1%; background: #F37197; color: #FFFFFF; float: left; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.time {width: 35%; height: 30px; line-height: 30px; margin: 0 0 5px 0; background: #FFFFFF; float: left; border: solid 1px #F7ADC3;  box-sizing: border-box; }
.icon {width: 29%; height: 30px; line-height: 30px; margin: 0 1% 5px 0; background: #FFFFFF; float: left; border: solid 1px #F7ADC3;  box-sizing: border-box; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}

}