/* topBox */
.center .topBox .waylink { margin-top: 40px; }

/* contentMain */
.center #contentMain { margin-top: -40px; }
.center #contentMain section { padding-top: 25px; }

/* mCenter Cinfo */
#mCenter .Cinfo { background: #f7f7f7; }
#mCenter .Cinfo .box { margin: 10px; padding: 10px 0; background: #fff; }
#mCenter .Cinfo .topBtn { margin: 0; }
#mCenter .Cinfo .topBtn a { position: relative; margin-right: 10px; padding: 5px 20px; background: #fff; display: inline-block; border: 1px #ccc solid; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #f68c95; -webkit-box-shadow: 0 2px 0 #cbced0; -moz-box-shadow: 0 2px 0 #cbced0; box-shadow: 0 2px 0 #cbced0; }
#mCenter .Cinfo .topBtn a:hover ,
#mCenter .memberview .otherBtn a:hover ,
#mCenter .Cinfo .myIntrodu h3.tit a:hover ,
#mCenter .Cinfo .myData .change p.btn a:hover ,
#mCenter .Cinfo .myIntrodu .change p.btn a:hover ,
#mCenter .Cinfo .myData .change p.btn a.update:hover ,
#mCenter .Cinfo .myIntrodu .change p.btn a.update:hover { background: #f7f7f7; -webkit-box-shadow: inset 0 2px 0 #cbced0; -moz-box-shadow: inset 0 2px 0 #cbced0; box-shadow: inset 0 2px 0 #cbced0; }
#mCenter .Cinfo .topBtn a.notice b { position: absolute; width: 20px; height: 20px; background: #f68c95; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 20px; color: #fff; top: -5px; right: 0; }
#mCenter .Cinfo .myBox , #mCenter .Cinfo .myPhoto { width: 40%; display: inline-block; vertical-align: top; }
#mCenter .Cinfo .box h3.tit { padding: 0 20px 10px; font-size: 18px; color: #4e4c4c; }
#mCenter .Cinfo .box article ,
#mCenter .Cinfo .myIntrodu .change { padding: 10px 20px; border-top: 1px #f3f3f3 solid; font-size: 16px; color: #4e4c4c; }
/* mCenter Cinfo myScore */
#mCenter .Cinfo .myScore article { font-size: 18px; font-weight: bold; }
#mCenter .Cinfo .myScore article font { margin-right: 10px; }
#mCenter .Cinfo .myScore article font b { margin: 0 5px 0 10px; font-size: 25px; color: #f16ca1; }
/* mCenter Cinfo myData */
#mCenter .Cinfo .myData .text { margin: 0 20px 10px; font-size: 12px; color: #6dc3c9; }
#mCenter .Cinfo .myData h3.tit { padding-left: 0; }
#mCenter .Cinfo .myData h3.tit:before ,
#mCenter .memberview .myIntrodu h3.tit:before  { margin-right: 10px; width: 4px; height: 17px; background: #8d9399; display: inline-block;content: ""; vertical-align: inherit; }
#mCenter .Cinfo .myData article p { overflow: hidden; margin: 5px 0; font-size: 14px; color: #737679; }
#mCenter .Cinfo .myData article p label { float: left; width: 30%; }
#mCenter .Cinfo .myData article p font { float: right; width: 70%; }
#mCenter .Cinfo .myData article p font a { color: #f16ca1; text-decoration: underline; }
#mCenter .Cinfo .myData article p font b.audit ,
#mCenter .Cinfo .myIntrodu h3.tit b.audit ,
#mCenter .Cinfo .myPhoto ul li a b.audit { margin-left: 10px; padding: 2px 5px; background: #498f94; font-weight: normal; font-size: 14px; color: #fff; }
#mCenter .Cinfo .myData .change { position: absolute; padding: 15px; width: 320px; color: #788086; border: 1px solid #cbced0; -webkit- border-radius: 4px; -moz- border-radius: 4px; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); font-size: 14px; z-index: 10; }
#mCenter .Cinfo .myData .change p , #black .box p.tit { margin-bottom: 5px; color: #f16ca1; }
#mCenter .Cinfo .myData .change input[type="text"] ,
#mCenter .Cinfo .myData .change select ,
#mCenter .Cinfo .myData .change textarea ,
#mCenter .Cinfo .myIntrodu .change textarea ,
#black .box textarea { margin: 5px 0; padding: 5px 2%; width: 90%; border: 1px #ccc solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#mCenter .Cinfo .myData .change input[type="radio"] { margin: 0 2px; }
#mCenter .Cinfo .myData .change p.btn ,
#mCenter .Cinfo .myIntrodu .change p.btn ,
#black .box p.btn { margin-top: 10px; padding-bottom: 5px; text-align: right; }
#mCenter .Cinfo .myData .change p.btn a ,
#mCenter .Cinfo .myIntrodu .change p.btn a ,
#mCenter .Cinfo .box h3.tit a ,
#black .box p.btn a ,
#mCenter .Cinfo #diary form p.btn a ,
#mCenter .Cinfo #wishtree form p.btn a ,
#mCenter .Cinfo #appointment form p.btn a ,
#mCenter .Cinfo #memberList ul#diaryList li a.more ,
#memberList ul#blackList a.remove { padding: 5px 15px; display: inline-block; background: #4b494c; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 2px 0 #000; -moz-box-shadow: 0 2px 0 #000; box-shadow: 0 2px 0 #000;  color: #fff; }
#mCenter .Cinfo .myData .change p.btn a:hover ,
#mCenter .Cinfo .myIntrodu .change p.btn a:hover ,
#black .box p.btn a:hover ,
#mCenter .Cinfo #diary form p.btn a:hover ,
#mCenter .Cinfo #wishtree form p.btn a:hover ,
#mCenter .Cinfo #appointment form p.btn a:hover { background: #5f5f5f;  -webkit-box-shadow: inset 0 2px 0 #000; -moz-box-shadow: inset 0 2px 0 #000; box-shadow: inset 0 2px 0 #000; }
#mCenter .Cinfo .myData .change p.btn a.update ,
#mCenter .Cinfo .myIntrodu .change p.btn a.update ,
#black .box p.btn a.update ,
#mCenter .Cinfo #diary form p.btn a#btnOK ,
#mCenter .Cinfo #wishtree form p.btn a#btnOK ,
#mCenter .Cinfo #appointment form p.btn a#btnOK ,
#mCenter .Cinfo #memberList ul#diaryList li a.more ,
#memberList ul#blackList a.remove { background: #f16ca1; -webkit-box-shadow: 0 2px 0 #a54d70; -moz-box-shadow: 0 2px 0 #a54d70; box-shadow: 0 2px 0 #a54d70; }
#mCenter .Cinfo .myData .change p.btn a.update:hover ,
#mCenter .Cinfo .myIntrodu .change p.btn a.update:hover ,
#black .box p.btn a.update:hover ,
#mCenter .Cinfo #diary form p.btn a#btnOK:hover ,
#mCenter .Cinfo #wishtree form p.btn a#btnOK:hover ,
#mCenter .Cinfo #appointment form p.btn a#btnOK:hover ,
#mCenter .Cinfo #memberList ul#diaryList li a.more:hover ,
#memberList ul#blackList a.remove:hover { background: #ca5584; -webkit-box-shadow: inset 0 2px 0 #a54d70; -moz-box-shadow: inset 0 2px 0 #a54d70; box-shadow: inset 0 2px 0 #a54d70; }
#mCenter .Cinfo .myData .change ul li { width: 32%; display: inline-block; }
#mCenter .Cinfo .myData .change ul li:last-child { margin-top: 10px; width: 100%; }
#mCenter .Cinfo .myData #PE ul { overflow-y: scroll; max-height: 280px; }
#mCenter .Cinfo .myData #PE ul ::selection { background: #d85953; color: #fff; }
#mCenter .Cinfo .myData #PE ul::-webkit-scrollbar { width: 7px; } 
#mCenter .Cinfo .myData #PE ul::-webkit-scrollbar-track { background: #c5c5c5; } 
#mCenter .Cinfo .myData #PE ul::-webkit-scrollbar-thumb { background: #e17981; }
#mCenter .Cinfo .myData #PE ul::-webkit-scrollbar-thumb:hover { background: #f16f69; }
/* mCenter Cinfo myPhoto */
#mCenter .Cinfo .myPhoto { margin-left: 0; width: 58%; text-align: center; }
#mCenter .Cinfo .myPhoto .tit { margin-bottom: 20px; }
#mCenter .Cinfo .myPhoto .cImg { overflow: hidden; background-position: 50% 0; background-repeat: no-repeat; background-size: 100% auto; display: inline-block; }
#mCenter .Cinfo .myPhoto ul { margin: 0 auto; width: 80%; text-align: center; }
#mCenter .Cinfo .myPhoto ul li { width: 32%;  display: inline-block; }
#mCenter .Cinfo .myPhoto ul li a { position: relative; }
#mCenter .Cinfo .myPhoto ul li a font { position: absolute; padding: 5px 0; width: 80%; background: #fefefe; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 3px 0 #eaeaea; -moz-box-shadow: 0 3px 0 #eaeaea; box-shadow: 0 3px 0 #eaeaea; text-align: center; color: #777; left: 10%; bottom: 8px; }
#mCenter .Cinfo .myPhoto ul li a.isupload font { width: 100%; background: rgba(0, 0, 0, 0.47); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; color: #fff; left: 0; bottom: 0; }
#mCenter .Cinfo .myPhoto ul li a b.audit { position: absolute; margin-left: 0; }
/* mCenter Cinfo myIntrodu */
#mCenter .Cinfo .myIntrodu { margin-top: 0; }
#mCenter .Cinfo .myIntrodu h3.tit { overflow: hidden; }
#mCenter .Cinfo .myIntrodu h3.tit a { float: right; background: #6dc3c9; -webkit-box-shadow: 0 2px 0 #498f94; -moz-box-shadow: 0 2px 0 #498f94; box-shadow: 0 2px 0 #498f94; font-size: 14px; }
#mCenter .Cinfo .myIntrodu h3.tit a:hover { background: #5ca4a9; -webkit-box-shadow: inset 0 2px 0 #498f94; -moz-box-shadow: inset 0 2px 0 #498f94; box-shadow: inset 0 2px 0 #498f94; }
#mCenter .Cinfo .myIntrodu .change p.btn , #black .box p.btn { font-size: 14px; }
/* mCenter Cinfo topTitle */
#mCenter .Cinfo .topTitle { padding: 10px 10px 0; font-size: 18px; font-weight: bold; color: #4e4c4c; }
/* mCenter Cinfo chPass */
#mCenter .Cinfo .chPass { padding: 10px; border-top: 1px #e1e3e5 solid; }
#mCenter .Cinfo .chPass ol { padding: 0 0 0 25px; list-style: decimal; }
#mCenter .Cinfo .chPass ol li { margin: 0 0 10px; list-style: decimal; line-height: 170%; color: #000; }
/* mCenter Cinfo myData */
#mCenter .Cinfo .closetime { padding: 15px 0; margin-bottom: 0; }
#mCenter .Cinfo .closetime font { padding: 0 20px 10px; font-size: 18px; font-weight: bold; color: #4e4c4c; }
#mCenter .Cinfo .closetime font i { color: #adb0b1; }
#mCenter .Cinfo .closetime b { font-size: 22px; color: #f16ca1; }
/* memberview */
#mCenter .memberview .myData h3.tit { padding-left: 20px; }
#mCenter .memberview .myPhoto ul { margin-top: 20px; width: 60%; }
#mCenter .memberview .otherBtn { margin: 20px 0; text-align: center; }
#mCenter .memberview .otherBtn a { margin: 0 10px; width: 68px; height: 68px; background: #fff; border: 1px #d2d2d2 solid; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 3px 0 #cdcdcd; -moz-box-shadow: 0 3px 0 #cdcdcd; box-shadow: 0 3px 0 #cdcdcd; text-align: center; }
#mCenter .memberview .otherBtn a.chick { background: #f7f7f7; -webkit-box-shadow: inset 0 2px 0 #cbced0; -moz-box-shadow: inset 0 2px 0 #cbced0; box-shadow: inset 0 2px 0 #cbced0; }
#mCenter .memberview .otherBtn a img { margin-top: 10px; }
#mCenter .memberview .otherBtn a font { display: block; text-align: center; font-size: 12px; color: #89929b; }

.Cinfo p.countNo { margin: 10px; }
.Cinfo p.countNo b { margin: 0 5px; color: #f16ca1; }
/* notice */
.Cinfo #notice li { padding: 10px 20px; border-bottom: 1px #f1f1f1 solid; }
.Cinfo #notice li h3 { overflow: hidden; font-size: 16px; }
.Cinfo #notice li h3.Isread { font-weight: normal; color: #656464; }
.Cinfo #notice li h3 font { height: 27px; float: left; width: calc(100% - 100px); }
.Cinfo #notice li h3 font.time { width: 100px; text-align: right; }
.Cinfo #notice li > div { padding: 30px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; display: none; }
.Cinfo #notice li .menu_body font { overflow: hidden; padding: 1px; width: 40px; display: inline-block; border: 1px #e2e2e2 solid; vertical-align: middle; }

/* visitor */
#mCenter .Cinfo #memberList ul#visitor li { width: 17%; }
#mCenter .Cinfo #memberList ul#visitor li a.photo:after { padding: 5px 10px; font-size: 14px; left: 20%; }
#mCenter .Cinfo #memberList ul#visitor li:hover a.photo:after { top: 40%; }

/* diary */
#mCenter .Cinfo .topDBtn { margin: 0; }
#mCenter .Cinfo .topDBtn h3 { margin-right: 40px; display: inline-block; font-size: 20px; color: #686868; }
#mCenter .Cinfo .topDBtn a { padding: 6px 15px 6px 30px; background: url(/images/28/member/icon-pan.png) #2198d5 no-repeat 10px 50%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 3px 0 #346680; -moz-box-shadow: 0 3px 0 #346680; box-shadow: 0 3px 0 #346680; display: inline-block; font-size: 12px; color: #fff; }
#mCenter .Cinfo .topDBtn a:hover { background-color: #3987af;  -webkit-box-shadow: inset 0 2px 0 #346680; -moz-box-shadow: inset 0 2px 0 #346680; box-shadow: inset 0 2px 0 #346680; }
#mCenter .Cinfo .topDBtn .serchDate { margin-left: 20px; padding: 5px 40px 5px 10px; background: url(/images/28/member/icon-calendar.png) no-repeat 95% 50%; border: 1px #dddddd solid; display: inline-block; }
#mCenter .Cinfo .topDBtn .serchDate input { padding: 0; background: transparent; border-right: 1px #ddd solid; }
#mCenter .Cinfo .diaryLink { margin: 10px 10px 0; }
#mCenter .Cinfo .diaryLink a { position: relative; margin: 0 10px; padding: 10px 15px; display: inline-block; font-weight: bold; color: #656565; }
#mCenter .Cinfo .diaryLink a:after { position: absolute; width: 0; height: 2px; display: block; background: #DC090D; content: ""; bottom: 0; left: 0; }
#mCenter .Cinfo .diaryLink a.action:after , #mCenter .Cinfo .diaryLink a:hover:after { width: 100%; }
#mCenter .Cinfo #diary { position: relative; }
#mCenter .Cinfo #diary h4 , #mCenter .Cinfo #memberList h4 { padding: 0 20px 10px; border-bottom: 1px #f1f1f1 dashed; font-size: 20px; color: #5d5d5d; }
#mCenter .Cinfo #diary ul li ,
#mCenter .Cinfo #messageList ul li ,
#appointment ul#reportList li { position: relative; padding: 10px 20px; border-bottom: 1px #f2f2f2 solid; }
#mCenter .Cinfo #diary ul li a.modify ,
#appointment ul#reportList li a.modify { position: absolute; padding: 5px; background: #6dc3c9; display: inline-block; font-size: 12px; color: #fff; right: 20px; top: 10px; }
#mCenter .Cinfo #diary ul li > div { width: 15%; display: inline-block; }
#mCenter .Cinfo #diary ul li .date { vertical-align: text-top; }
#mCenter .Cinfo #diary ul li .date b { margin-right: 10px; display: inline-block; font-size: 42px; color: #2c2b2b; }
#mCenter .Cinfo #diary ul li .date b span { display: block; font-size: 14px; }
#mCenter .Cinfo #diary ul li .info { width: 84%; }
#mCenter .Cinfo #diary ul li .info p { margin-right: 10px; display: inline-block; font-size: 12px; color: #919191; }
#mCenter .Cinfo #diary ul li .info h3 { height: 31px; -webkit-line-clamp: 1; }
#mCenter .Cinfo #diary ul li .info h3 a { color: #656565; }
#mCenter .Cinfo #diary ul li .info article { padding: 0; height: 36px; border-top: 0; font-size: 12px; line-height: 18px; -webkit-line-clamp: 2; }
#mCenter .Cinfo #diary form { padding: 20px; }
#mCenter .Cinfo #diary form p { margin-bottom: 15px; }
#mCenter .Cinfo #diary form p label { margin-right: 10px; width: 90px; display: inline-block; }
#mCenter .Cinfo #diary form p font { width: calc(100% - 105px); display: inline-block; }
#mCenter .Cinfo #diary form p font input { background: transparent; border: 1px #a5a1a1 solid; }
#mCenter .Cinfo #diary form p font.mess a.photo { margin-right: 10px; width: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; }
#mCenter .Cinfo #diary form p font img { margin-right: 20px; }
#mCenter .Cinfo #diary form p font input#v2 { margin-left: 14px; }
#mCenter .Cinfo #diary form .writList { margin-bottom: 15px; }
#mCenter .Cinfo #diary form .writList label { margin-bottom: 10px; display: inline-block; }
#mCenter .Cinfo #diary form p font.Image b.photo ,
#mCenter .Cinfo #wishtree form p font.Image b.photo { overflow: hidden; width: 50px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; display: inline-block; vertical-align: middle; }
#mCenter .Cinfo #diary form p font.Image a ,
#mCenter .Cinfo #wishtree form p font.Image a { padding: 2px 20px; display: inline-block; border: 2px #d9d9d9 solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 12px; color: #3e9ef8; }
#mCenter .Cinfo #diary form p.btn { margin-top: 45px; text-align: right; }
#mCenter .Cinfo #diaryDetail { position: relative; padding: 10px 20px; }
#mCenter .Cinfo #diaryDetail h2 { font-size: 27px; color: #4d4d4d; }
#mCenter .Cinfo #diaryDetail .topLikes { position: absolute; right: 15px; top: 15px; }
#mCenter .Cinfo #diaryDetail .topLikes font ,
#mCenter .Cinfo font.diaryLike { margin-left: 10px; padding: 2px 15px 2px 30px; background: url(/images/28/member/icon-heart.png) no-repeat 10px 50%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: inline-block; border: 1px #dcdcdc solid; }
#mCenter .Cinfo #diaryDetail p.topDate { font-size: 12px; color: #7d7d7d; }
#mCenter .Cinfo #diaryDetail p.topDate img { margin-left: 15px; }
#mCenter .Cinfo #diaryDetail .cInfo { margin: 15px 0 30px; }
#mCenter .Cinfo #diaryDetail .cInfo .cImg { overflow: hidden; margin-right: 10px; width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 7px #969696; -moz-box-shadow: 0 2px 7px #969696; box-shadow: 0 2px 7px #969696; display: inline-block; }
#mCenter .Cinfo #diaryDetail .cInfo .cinfo { display: inline-block; }
#mCenter .Cinfo #diaryDetail .cInfo .cinfo p { font-size: 12px; color: #6cafd9; }
#mCenter .Cinfo #diaryDetail .cInfo .cinfo p b { margin-left: 10px; font-size: 18px; color: #656565; }
#mCenter .Cinfo #diaryDetail .cInfo .cinfo p font { font-size: 18px; color: #f16ca1; font-weight: bold; }
#mCenter .Cinfo #diaryDetail article { padding: 0; border-top: 0; }
/* diaryfriendList */
#mCenter .Cinfo #memberList ul#diaryList li h3 { margin-top: 10px; height: 21px; text-align: center; font-size: 14px; -webkit-line-clamp: 1; color: #656565; }
#mCenter .Cinfo #memberList ul#diaryList li h3 a { color: #656565; }
#mCenter .Cinfo #memberList ul#diaryList li p { font-size: 14px; color: #6cafd9; }
#mCenter .Cinfo #memberList ul#diaryList li a.more { padding: 2px 50px; background: #e67aa5; }
#mCenter .Cinfo #memberList ul#diaryList li a.photo:after { display: none; }

/* message */
#message { margin-top: 50px; padding-top: 15px; border-top: 1px #f1f1f1 dashed; }
#message h4 { font-size: 18px; color:#4d4d4d; }
#message ul li , #mCenter .Cinfo #messageList ul li .response { overflow: hidden; margin: 10px 0; }
#message ul li .mssageImg , #mCenter .Cinfo #messageList ul li .response .img { float: left; padding: 1px; width: 40px; height: 40px; border: 1px #ddd solid; }
#message ul li .mssageInfo , #mCenter .Cinfo #messageList ul li .response .info , #mCenter .Cinfo #messageList ul#chatTo li { position: relative; padding: 10px 15px; float: right; width: calc(100% - 105px); border: 1px #dfdfdf solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#message ul li .mssageInfo:before ,
#message ul li .mssageInfo:after ,
#mCenter .Cinfo #messageList ul li .response .info:before ,
#mCenter .Cinfo #messageList ul li .response .info:after ,
#mCenter .Cinfo #messageList ul#chatTo li:before ,
#mCenter .Cinfo #messageList ul#chatTo li:after { position: absolute; border-top: 10px solid transparent; border-right: 11px solid #dfdfdf; border-bottom: 11px solid transparent; content: ""; top: 10px; left: -10px; }
#message ul li .mssageInfo:after , #mCenter .Cinfo #messageList ul li .response .info:after , #mCenter .Cinfo #messageList ul#chatTo li:after { border-right: 11px solid #fff; left: -9px; }
#message ul li .mssageInfo p , #mCenter .Cinfo #messageList ul li .response .info p , #mCenter .Cinfo #messageList ul#chatTo li .response p { font-size: 14px; color: #676767; }
#message ul li .mssageInfo p b , #mCenter .Cinfo #messageList ul li .response .info p b , #mCenter .Cinfo #messageList ul#chatTo li .response p b { margin-right: 10px; font-size: 16px; color: #195BDF; }
#message ul li .mssageInfo p img { margin-left: 10px; vertical-align: bottom; }
#message ul li .mssageInfo p a[data-action='delete'] { font-size: 12px; color: #b70606; margin-left: 10px; }
#message ul li .mssageInfo article , #mCenter .Cinfo #messageList ul li .response .info article { overflow: hidden; }
#message .mssageBox { margin: 30px 0; padding: 15px 30px; background: #f5f5f5; border: 1px #dedede solid; -webkit-box-shadow: inset 0 0 4px 0px #d2d2d2; -moz-box-shadow: inset 0 0 4px 0px #d2d2d2; box-shadow: inset 0 0 4px 0px #d2d2d2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#message .mssageBox p.mood { margin-bottom: 15px; text-align: right; }
#message .mssageBox p.mood label { margin-right: 10px; font-size: 14px; color: #6b6b6b; }
#message .mssageBox p textarea ,
#mCenter .Cinfo #messageList ul li .content p textarea ,
#mCenter .Cinfo #diary form .writList textarea { background: #fff; border: 1px #dedede solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#message .mssageBox p.btn , #mCenter .Cinfo #messageList ul li .content p.btn { margin-top: 10px; text-align: right; }
#message .mssageBox p.btn a , #mCenter .Cinfo #messageList ul li .content p.btn a { padding: 5px 10px; display: inline-block; background: #0077b5; font-size: 14px; color: #fff; }

/* messageList */
#mCenter .Cinfo #messageList ul li .mInfo .cInfo { position: relative; margin-bottom: 15px; }
#mCenter .Cinfo #messageList ul li .mInfo .cInfo a.photo { width: 60px; height:60px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: bottom; }
#mCenter .Cinfo #messageList ul li .mInfo .cInfo font { margin-left: 10px; display: inline-block; font-size: 12px; color: #7b7b7b; vertical-align: text-top; }
#mCenter .Cinfo #messageList ul li .mInfo .cInfo font b { display: block; font-size: 14px; color: #2c2c2c; }
#mCenter .Cinfo #messageList ul li article { padding: 0; border-top: 0; font-size: 14px; line-height: 18px; }
#mCenter .Cinfo #messageList ul li .mInfo a.rlink { margin-top: 10px; padding: 2px 10px; border: 1px #b7b7b7 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; font-size: 14px; color: #666; }
#mCenter .Cinfo #messageList ul li .mInfo .cInfo .cimg2 { position: absolute; right: 0; top: -30px; font-size: 12px; color: #828080; }
#mCenter .Cinfo #messageList ul li .mInfo .cInfo .cimg2 a.photo { overflow: hidden; width: 30px; height: 30px; }
#mCenter .Cinfo #messageList ul li .response , #mCenter .Cinfo #messageList ul li .content { margin-top: 15px; width: 100%; }
#mCenter .Cinfo #messageList ul li .content p textarea { padding: 10px 2%; width: 96%; }
#mCenter .Cinfo #messageList ul li .content p.btn a[data-action="closeRes"] { background: #5a5a5a; }
#mCenter .Cinfo #messageList ul#chatTo li { margin: 10px 0 10px 20px; float: left; width: calc(100% - 60px); }
#mCenter .Cinfo #messageList ul#chatTo li .mInfo .cInfo a.photo { margin-left: 10px; }
#mCenter .Cinfo #messageList ul#chatTo li .response { padding-top: 10px; width: 100%; border-top: 1px #ccc dashed; }
#mCenter .Cinfo #messageList ul#chatTo li article { padding-top: 10px; }

/* wishtree */
#mCenter #pagenav { float: none; width: 100%; }
#mCenter .Cinfo font.diaryLike { background-image:url(/images/28/wishtree/icon-diaryLike.png); vertical-align: top; }
#mCenter .Cinfo #wishtree { padding: 50px 0; background: url(/images/28/wishtree/img-wishtreeBg.jpg) no-repeat 0 0; background-size: cover; }
#wishtree .title p { margin: 10px 0; text-align: center; color: #834a5e; font-weight: bold; font-size: 17px; }
#wishtree .title p font { display: block; text-align: center; }
#wishtree .title p font b { color: #f35c86; }
#wishtree ul#wishtreeList { text-align: center; }
#wishtree ul#wishtreeList li { position: relative; overflow: hidden; margin: 10px 0; width: 49%; background-repeat: no-repeat; background-size: auto 100%; display: inline-block; }
#wishtree ul#wishtreeList li:nth-child(odd) { background-position: 70% 50%; }
#wishtree ul#wishtreeList li:nth-child(3) { background-position: 80% 50%; }
#wishtree ul#wishtreeList li:nth-child(6) { background-position: 30% 50%; }
#wishtree ul#wishtreeList li:nth-child(7) { background-position: 90% 50%; }
#wishtree ul#wishtreeList li:nth-child(8) { background-position: 20% 50%; }
#wishtree ul#wishtreeList li .row { position: absolute; overflow: hidden; width: 100%; padding-bottom: 5px; }
#wishtree ul#wishtreeList li:nth-child(1) .row { bottom: 20px; left: 45%; }
#wishtree ul#wishtreeList li:nth-child(2) .row { bottom: 10px; left: 10px; }
#wishtree ul#wishtreeList li:nth-child(3) .row { bottom: 0; left: 50%; }
#wishtree ul#wishtreeList li:nth-child(4) .row { bottom: 0; left: 0; }
#wishtree ul#wishtreeList li:nth-child(5) .row { bottom: 0; left: 45%; }
#wishtree ul#wishtreeList li:nth-child(6) .row { bottom: 10px; left: 10%; }
#wishtree ul#wishtreeList li:nth-child(7) .row { bottom: 0; left: 55%; }
#wishtree ul#wishtreeList li:nth-child(8) .row { bottom: 0; left: 10%; }
#wishtree ul#wishtreeList li .row > div { float: left; width: calc(100% - 95px); color: #fff; }
#wishtree ul#wishtreeList li .row .cImg { overflow: hidden; margin-right: 10px; width: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 1px 2px 5px #00000073; -moz-box-shadow: 1px 2px 5px #00000073; box-shadow: 1px 2px 5px #00000073; }
#wishtree ul#wishtreeList li .row .cImg a.photo { background-size: cover; }
#wishtree ul#wishtreeList li .row .info p { font-size: 14px; }
#wishtree ul#wishtreeList li .row .info p font { display: block; line-height: 16px;}
#wishtree ul#wishtreeList li .row .info p font:first-child { font-size: 12px; }
#wishtree ul#wishtreeList li .row .info h4 { font-size: 18px; line-height: 18px; }
#wishtree form#form1 { margin-top: 30px; padding-top: 110px; background: url(/images/28/wishtree/icon-wish.png) no-repeat 50% 0; }
#wishtree #form1 p { margin: 15px auto; padding-left: 40px; width: 60%; background: url(/images/28/wishtree/icon-heart.png) no-repeat 0 0; }
#wishtree #form1 p label { font-weight: bold; font-size: 17px; color: #7c8187; }
#wishtree #form1 p input ,
#wishtree #form1 p textarea { background: #fff; border: 2px #dcdcdc solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#mCenter .Cinfo #wishtree form p font.Image a { background: #fff; }
#wishtree #form1 p.btn { background: none; text-align: center; }
#wishtree #form1 p font.itemBox { padding: 10px 2%; width: 96%; display: block; background: #fff; border: 2px #dcdcdc solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wishtree #form1 p.wishImg label { display: block; }
#wishtree #form1 p.wishImg font { width: 80%; display: inline-block; vertical-align: inherit; }

/* appointment */
#mCenter .Cinfo #appointment { padding: 10px; }
#appointment .note { position: relative; margin-bottom: 10px; padding: 10px; background: #ffffe7; border: 1px #f4e7b3 solid; font-size: 14px; color: #767676; }
#appointment .note:before ,
#appointment .note:after { position: absolute; border-style: solid; border-width: 10px 10px 0 10px; border-color: #f4e7b3 transparent transparent transparent; content: ""; bottom: -10px; right: 30px; }
#appointment .note:after { border-color: #ffffe7 transparent transparent transparent; bottom: -9px; }
#appointment h3 { padding: 10px 25px 25px; font-size: 18px; color: #5d5d5d; }
#appointment .customer { background: url(/images/28/member/icon-heartR.png) no-repeat 50%; text-align: center; }
#appointment .customer .info { margin: 20px 3%; width: 43%; display: inline-block; }
#appointment .customer .info .cImg ,
#appointment .myDetail .row .cImg { overflow: hidden; margin: 0 auto 10px; width: 145px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 3px 4px 10px #949494; -moz-box-shadow: 3px 4px 10px #949494; box-shadow: 3px 4px 10px #949494; }
#appointment .customer .info p { text-align: center; font-size: 14px; color: #6cafd9; }
#appointment .customer .info p font { margin-left: 10px; font-size: 18px; font-weight: bold; color: #434343; }
#appointment .customer .info h4 , #appointment .myDetail .member h4 { text-align: center; color: #f16ca1; }
#appointment form , #appointment .reportView { overflow: hidden; padding: 20px 60px; border-top: 1.5px #f1f1f1 dashed; }
#appointment form p.sRow , #appointment .reportView .item { margin-bottom: 15px; float: left; width: 49%; }
#appointment form p.right , #appointment .reportView .right { float: right; }
#appointment form label , #appointment .reportView label { font-weight: bold; font-size: 18px; color: #7c8187; }
#appointment form select { padding-left: 20px; background-image: url(/images/28/main/arrow2.png); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #f68c96; color: #fff; }
#appointment form p.right select { background-color: #d9d9d9; color: #7b7b7b; }
#appointment form .writList { margin-bottom: 15px; }
#appointment form .writList textarea ,
#appointment .reportView .writList .ckeList { background: #fff; border: 2px #dcdcdc solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#appointment form p.btn { text-align: center; color: #434343; }
#appointment .myDetail { padding: 0 5px 20px 45px; border-bottom: 1.5px #f1f1f1 dashed; }
#appointment .myDetail .row { margin-left: 50px; width: calc((100% - 300px)/2); display: inline-block; }
#appointment .myDetail .row p { font-size: 12px; color: #686868; }
#appointment .myDetail .member { margin-left: 0; width: 145px; }
#appointment .myDetail .member p { text-align: center; font-weight: bold; font-size: 20px; color: #525252; }
#appointment .myDetail .row:nth-child(2n) p { margin-right: 5px; display: inline-block; vertical-align: super; }
#appointment .myDetail .row .item { margin: 10px 0; }
#appointment .myDetail .row h5 , #appointment .reportView .item h5 { position: relative; font-size: 18px; color: #7c8187; }
#appointment .myDetail .row h5 font , #appointment .reportView .item h5 font { position: absolute; font-size: 14px; color: #f16ca1; right: 0; }
#appointment .myDetail .row .item .strip ,
#appointment .reportView .item .strip { overflow: hidden; border: 2px #dcdcdc solid; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#appointment .myDetail .row .item .strip > div ,
#appointment .reportView .item .strip > div { height: 12px; background: #f16ca1; }
#appointment .myDetail .row .article { padding: 15px; border: 2px #dcdcdc solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#mCenter .Cinfo #appointment #memberList h3 { text-align: center; }
#mCenter .Cinfo #appointment #memberList ul#diaryList li p { font-weight: bold; color: #9d9d9d; }
#mCenter .Cinfo #appointment #memberList ul#diaryList li p b { font-size: 18px; color: #f16ca1; }
#appointment #form2 { border-top: 0; }
#appointment #form2 p { margin-bottom: 20px; }
#appointment #form2 p font.range { display: block; }
#appointment #form2 p font.range select { width: 30%; }
#appointment ul#reportList li { overflow: hidden; }
#appointment ul#reportList li > div { float: left; width: calc(100% - 110px); }
#appointment ul#reportList li .Cimg { overflow: hidden; margin-right: 20px; width: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#appointment ul#reportList li .info h5 { font-size: 18px; color: #656262; }
#appointment ul#reportList li .info h5 a { color: #656262; }
#appointment ul#reportList li .info p { margin-right: 10px; display: inline-block; }
#appointment ul#reportList li .info p b { font-size: 24px; color: #f13680; }
#appointment ul#reportList li .info a.more { padding: 0 10px; display: inline-block; background: #e17980; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #fff; }
#appointment .reportView .writList .ckeList { padding: 10px 2%; width: 96%; }
#appointment ul#publicReport li { padding: 10px; border-bottom: 1px #ccc dashed; }
#appointment ul#publicReport li b { margin-right: 10px; font-size: 20px; color: #f18a84; }