/* 表單 */
.uk-form-horizontal{ font-size: 15px;}
.uk-form-horizontal label{ font-size: 15px;}
.uk-form-horizontal .formNote{ padding-top: 5px;}
.uk-form-horizontal .txt333{ color: #333;}

.formBorder{ padding: 7px 5px; border: solid 1px #3979bb;}
.formBorder .uk-form-icon img{ width: 20px;}
.formBorder [class*=uk-inline]{ width: 100%;}
.disabled{ background: #eee; border-color: #eee;}

.uk-form-small { font-size: 15px; line-height: 150%;}
.uk-form-small:not(select):not(input):not(textarea) {
  line-height: 150%;
}
.uk-form-blank:focus { border-color: #fff; border-style: none;}
.uk-checkbox, .uk-radio{ font-size: 15px;}

.uk-form-icon:not(.uk-form-icon-flip)~.hasLabel{ padding-left: 40px!important;}

/* 專區表頭 */
.member{ padding-top: 0;
  background-image: url(../images/bg_dashboard.jpg); background-repeat: no-repeat;
  background-position: top center;}
@media (max-width: 960px) {
  .member{ background-size: 100% auto;}
}

.userInfo{ min-height: 130px; overflow: hidden;}
.userInfo .infoBar{ height: 44px; margin: 0 20px; position: relative;
  background: #fff; font-size: 16px;
  /*background: linear-gradient(-70deg, transparent 15px, #fff 0);*/
}
.userInfo .infoBar::before {
  content: ""; display: block; width: 18px; height: 100%;
  background: #fff; position: absolute; top: 0; left: -10px;
  transform: skew(20deg); -o-transform: skew(20deg);
  -moz-transform: skew(20deg); -webkit-transform: skew(20deg);
}
.userInfo .infoBar::after {
  content: ""; display: block; width: 18px; height: 100%;
  background: #fff; position: absolute; top: 0; right: -10px;
  transform: skew(-20deg); -o-transform: skew(-20deg);
  -moz-transform: skew(-20deg); -webkit-transform: skew(-20deg);
}
.userInfo .infoBar .theInfo { padding: 10px 0;}
.userInfo .infoBar .theInfo img{ width: 20px; height: 20px; margin: -3px 10px 0 10px;
  vertical-align: middle;}
.userInfo .infoBar .theInfo .serviceTime{
  padding-left: 7px; margin: -5px 0 0 15px; display: inline-block; line-height: 100%;
  background: #0091ea; border-radius: 25px; color: #fff; border: solid 3px #0091ea;}
.userInfo .infoBar .theInfo .serviceTime b{
  margin-left: 5px; padding: 4px 7px 0 7px; display: inline-block;
  background: #fff; border-radius: 25px; color: #ff6d00; line-height: 100%;}

.userInfo .infoBar .subMenu a{ padding: 10px 0; display: inline-block; color: #039be5;}
.userInfo .infoBar .subMenu a::before{ content: "|"; margin-right: 7px; margin-left: 5px;
  font-size: 15px; vertical-align: top; color: #bdbdbd;}
.userInfo .infoBar .subMenu a:first-child::before{ content: ""; margin: 0;}
@media (max-width: 480px) {
  .userInfo .infoBar .subMenu a{ font-size: 14px; padding-top: 12px;}
}
.userInfo .infoBar .subMenu .btn_exit{
  padding: 10px 7px 10px 10px; margin-left: 50px; margin-right: 13px;
  background: #ff6d00; position: relative; color: #fff; z-index: 5;
}
.userInfo .infoBar .subMenu .btn_exit::before {
  content: ""; display: block; width: 26px; height: 100%;
  background: #ff6d00; position: absolute; top: 0; left: -23px;
  transform: skew(-20deg); -o-transform: skew(-20deg);
  -moz-transform: skew(-20deg); -webkit-transform: skew(-20deg);
}
.userInfo .infoBar .subMenu .btn_exit::after {
  content: ""; display: block; width: 31px; height: 100%;
  background: #ff6d00; position: absolute; top: 0; right: -23px;
  transform: skew(-20deg); -o-transform: skew(-20deg);
  -moz-transform: skew(-20deg); -webkit-transform: skew(-20deg);
}
.userInfo .infoBar .subMenu .btn_exit img{
  width: 24px; height: 24px; margin-left: 8px; vertical-align: middle;}

.userInfo .thePic{ height: 230px;}
.userInfo .thePic img{ height: 230px; margin-left: 23px;
  border-left: solid 7px #fff; border-right: solid 7px #fff;}
@media (max-width: 960px) {
  .userInfo .thePic{ height: 60px;}
}