@charset "utf-8";

/* tag */
input[type='text'] {background: #f5f6f8 !important;}
select {border: 1px solid #d6d7da; border-radius: 3px;}

.selectArea {display: inline-block; width: 100%; position:relative}
.selectArea:after { content: ''; position:absolute; right: 8px; top: 50%; margin-top: -3px;  width: 13px; height: 7px; background: url('../img/common/bg/bgSelect.png') no-repeat 0 0; pointer-events:none; background-size: 100%; }
.selectArea:before {display:block; content: ''; width: 40px; height: 34px; background:#fff; position: absolute; right: 6px; top: 1px; pointer-events:none;}
.selectArea .doctor-select {margin: 0 !important;}

.radioBox {display: inline-block; position: relative;}
.radioBox input[type='radio'] {width: 20px; height: 20px; opacity: 0;}
.radioBox input[type='radio'] + span {display:inline-block; background:url('../img/common/bg/radioOff.png') no-repeat 0 0; background-size: 20px 20px;  padding-left: 22px; cursor:pointer; margin-left: -20px; vertical-align: middle;}
.radioBox input[type='radio']:checked + span {background:url('../img/common/bg/radioOn.png') no-repeat 0 0; background-size: 20px 20px;}

/* share */
.basicBox {padding: 0 10px;}
.capitalArea {text-transform: uppercase;}
.normalSelet {width: 100%; height: 36px; padding: 0 6px; line-height: 36px; background: #fff; color: #a0a1ab;}
.btnCalendar {background: #a6a9ae url('../img/common/btn/btn_calendar.png') no-repeat center center; background-size: 16px 15px; text-align: left; text-indent: -9999; color: transparent;}
.grayZone {color: #6e7179; padding: 10px 0 0 0;}
.normalTextArea {height: 160px; background: #f5f6f8; color: #a0a1ab; box-shadow: inset 0px 1px 1px #a7abb2; border: 0; border-radius: 3px; padding: 10px;}
.sideTextArea {height: 160px; width:62%; margin-left: 2%; vertical-align: middle; display: inline-block; background: #f5f6f8; color: #a0a1ab; box-shadow: inset 0px 1px 1px #a7abb2; border: 0; border-radius: 3px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn-block.col3 a.button {float: left; width: 32%; vertical-align: middle;}
.redTXt {color: #dd4b39;}
.costR tr td:last-child {text-align: right;}
.btnDelete {display: inline-block; width: 22px; height: 21px; background: url('../img/common/ico/ico_del_list.png') no-repeat 0 0; background-size: 100% 100%; font-size: 0; text-align: left; text-indent: -9999px; color: transparent;}

/* Form Contents */
.normalHeaderBox, .normalBox {background: #fff; border-radius: 5px;}
.normalHeaderBox {padding: 0;}
.normalBox, .normalCont  {padding: 10px;}
.normalBox:first-child {margin: 0;}
.headerBar {height: 40px; padding: 0; background: #6e7179; font-size: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative;}
.headerBar > .basicBox strong, .headerBar > .basicBox span {display: inline-block; height: 40px; line-height: 40px; color: #fff; vertical-align: middle;}
.headerBar > .basicBox strong {width: 25%;}
.headerBar > .basicBox span {width: 75%;}
.headerBar strong {font-size: 17px;}
.headerBar span {font-size: 14px; text-align: right;}
.pointP {padding-left: 12px; background: url('../img/common/ico/ico_point_gray.png') no-repeat 0 7px; background-size: 6px 6px;}
.pointP.text-red{color:#ff0000;}
.appointment strong {display: block; margin: 20px 0 10px;}
.PhoneNumbers {margin: 6px 0 24px 0;}
.PhoneNumbers li {padding-left: 20px; height: 24px; line-height: 24px; background: url('../img/common/ico/ico_phone.png') no-repeat 0 center; background-size: 16px 16px; color: #125aac;}
.minTitle {margin: 0; padding: 25px 0 5px; text-align: right;}
.minTitle > span {display: inline-block; vertical-align: middle;}
.minTitle > span:first-child {color: #dd4b39;}
.minTitle > span:last-child {color: #6e7179;}
.lineHead h2 {padding-bottom: 10px; font-size: 16px;}
.formInnerBox {border-top: 1px solid #e4e4e4; padding: 10px 0;}
.formInnerBox > strong {display: block; padding-bottom: 5px;}
.formInnerBox > strong span { vertical-align: middle;}
.formInnerBox > strong span:last-child {color: #dd4b39; }
.formInnerBox input[type='text'] {height: 36px; line-height: 36px;}
.radioNormalWrap {position: relative;}
.radioNormalWrap * {display:  inline-block; vertical-align: middle;}
.radioNormalWrap label { margin-left: 8px; }
.radioNormalWrap label:first-child { margin-left: 0; }
.radioNormalWrap span {padding-left: 5px;}
.btnDetails {background: url('../img/common/bul/bullet_detail.png') no-repeat 0 center; background-size: 14px 16px; padding-left: 17px; color: #125aac; text-decoration: underline; position: absolute; right: 0; top: 0;}
.selectBtnArea, .textSelectBtnArea, .txtBtnArea {font-size: 0;}
.selectBtnArea select, .selectBtnArea .button {display: inline-block; vertical-align: middle; font-size: 14px;}
.selectBtnArea .selectArea {width: 80%;}
.selectBtnArea .button {width: 18%; height: 36px; line-height: 36px; margin-left: 2%;}
.textSelectBtnArea {padding-bottom: 10px;}
.textSelectBtnArea input[type='text'], .textSelectBtnArea select, .textSelectBtnArea .button {display: inline-block; vertical-align: middle; font-size: 14px;}
.textSelectBtnArea input[type='text'] {width: 42%;}
.textSelectBtnArea .selectArea {width: 42%; margin-left: 2%;}
.textSelectBtnArea .button {width: 10%; margin-left: 2%; height: 36px;}
.ansawList li {padding: 3px 0;}
.ansawList li * { vertical-align: middle; }
.ansawList li:first-child {padding: 10px 0 3px 0;}
.ansawList li strong, .ansawList li input[type='text'], .ansawList li .button, .ansawList li label, .ansawList li select {display: inline-block; vertical-align: middle;}
.ansawList li .selectArea, .ansawList li input[type='text'] {width: 38%; margin-left: 2%;}
.ansawList li .calendar-cover { display: inline-block; margin-left: 7px; }
.ansawList li .button {width: 10%; margin-left: 2%; height: 36px;}
.ansawList li strong {width: 38%;}
.txtBtnArea input[type='text'], .txtBtnArea .button {display: inline-block; vertical-align: middle; font-size: 14px; height: 36px; line-height: 36px;}
.txtBtnArea input[type='text'] {width: 80%;}
.txtBtnArea .button {width: 18%; margin-left: 2%;}
.contactNum li {padding: 5px 0; font-size: 0;}
.contactNum li * {font-size: 14px;}
.contactNum li strong {display: inline-block; color: #6e7179; width: 36%; vertical-align: middle; font-weight: normal; }
.contactNum li span {display: inline-block;vertical-align: middle;}
.contactNum li strong > span {display: inline-block; vertical-align: middle;}
.contactNum li strong > span:last-child {color: #dd4b39; }
.contactNum li input[type='text'] {width: 62%; margin-left: 2%; vertical-align: middle;}
.contactNum li input[type='tel'] {width: 62%; margin-left: 2%; vertical-align: middle;}
.specialType {font-size: 0;}
.specialType li {display: inline-block; min-height: 36px; vertical-align: middle; font-size: 14px;}
.specialType li:first-child {}
.specialType li:nth-child(2) { }
.specialType li:nth-child(2) input[type='text'] {width: 64%; text-align: left; margin-left: 2%;}
.specialType li label {padding-left: 5px;}
.specialType li:last-child {display: block; margin-top: 10px; font-size: 0;}
.specialType li:last-child > div {display: inline-block; font-size: 14px;}
.specialType li:last-child > div:first-child {width: 24%;}
.specialType li:last-child > div:last-child {width: 76%;}
.detailBox {margin: 10px 0 0 0;}
.detailBox li {font-size: 0; padding: 5px 0; border-top: 1px solid #e4e4e4;}
.detailBox li:last-child {padding: 5px 0 0 0;}
.detailBox li * {font-size: 14px;}
.detailBox li > strong {display: inline-block; color: #6e7179; width: 36%; font-weight: normal; vertical-align: middle;}
.detailBox li input[type='text'], .detailBox li .selectArea {width: 62%; margin-left: 2%; vertical-align: middle;}
.formInnerResulteBox {padding: 5px 0; border-top: 1px solid #e4e4e4;}
.formInnerResulteBox .contactNum li {border-top: 1px solid #e4e4e4;}
.formInnerResulteBox .contactNum li:first-child {border-top: 0;}
.formInnerResulteBox .detailBox li:first-child {border-top: 0;}
.formInnerResulteBox .detailBox li > span, .formInnerResulteBox .contactNum li > span {display: inline-block; margin-left: 2%; width: 62%; vertical-align: middle;}
.addComents { position: relative; margin-top: 10px; }
.addComents, .addComents * {font-size: 14px;}
.addComents li { position: relative; min-height: 22px; padding: 5px 27px 5px 0; border-top: 1px dashed #ccc; }
.addComents li:first-child { border-top: 0; }
.addComents .btnDelete {position: absolute; top: 5px; right: 0; }

.form-row { overflow: hidden; margin-top: 10px; }
.form-row .calendar-cover { display: inline-block; width: 50%; vertical-align: middle; }
.form-row .selectArea { display: inline-block; width: 48%; vertical-align: middle; }
.form-row .radioBox { display: inline-block;  }

/* finished */
.finishTop {background: url('../img/common/bg/finish.png') no-repeat center 30px; background-size: 92px 92px; padding-top: 130px;}
.finishTop > strong {display: block; padding-top: 20px; text-align: center;}
.blueStrong {font-size: 17px; color: #125aac;}
.largeNormal {font-size: 17px; font-weight: normal;}
.grayLarge {color: #6e7179; font-size: 15px;}
.finishBottom {padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #e4e4e4; text-align: center; }


/* user guide */
.sContainer h2 {font-size: 18px; line-height: 1.4; margin: 8px 0; padding: 0 0 0 20px; font-weight: normal;}
.content .sContainer:first-child h2 {margin: 0 0 8px 0;}
.sContainer .normalBox {margin-top: 10px;}
.sContainer .normalBox:first-child {margin-top: 0;}
.sContainer .normalBox h3 {color: #0b50a1; padding: 0 0 10px 0; font-weight: normal;}
.pointBox {border-top: 1px solid #e2e4e8; padding: 15px 0;}
.pointBox > strong, .pointBox > ul {display: inline-block; vertical-align: top;}
.pointBox > strong {width: 50px; color: #a6a9ae; font-weight: bold;}
.btnContact {display: block; background: #fff; text-align: center; color:#0b50a1; border: 1px solid #195aa7; border-radius: 2px; padding: 5px 0;}
.arrangement {margin-top: 10px; width: 100%;}
.arrangement .arrBox {width: 49%; vertical-align: top; margin-top: 10px;}
.arrangement .arrBox:first-child, .arrangement  .arrBox:nth-child(2) {margin-top: 0;}
.arrangement .arrBox:nth-child(odd) {float: left;}
.arrangement .arrBox:nth-child(even) {float: right;}
.arrangement .normalBox {height: 120px; margin-top: 0;}
.arrangement .arrBox.special .normalBox p {text-align: center; color: #dd4b39; padding: 5px;}
.arrangement:after {display: block; content: ""; font-size: 0; color: transparent; clear: both;}


.con-img { overflow: hidden; margin-bottom: 10px; }
.con-img img { width: 100%; }
.con-img-2 .img { float: left; width: 48%; }
.con-img-2 .img:last-child { float: right; }