@charset "utf-8";

#mainpart .sq .twopart { display: flex; }

 #mainpart .sq .twopart .left { float: left; width: 25%;}

 #mainpart .sq .twopart .right { background-image: url(/Assets/images/rightpart_bg.png); background-repeat: no-repeat; background-position: left top; float: left; height: auto; width: 75%; position: relative; margin-right: 10px; }


  #mainpart .sq .twopart .right.all { background-image: none; background-repeat: no-repeat; background-position: left top; float: left; height: auto; width: 100%; position: relative; margin-right: 10px; margin-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


 #mainpart .sq .twopart .left .inpage_menu { margin-top: 20px; margin-right: 40px; margin-bottom: 40px; margin-left: 40px; margin-bottom: 6em !important;}

  #mainpart .sq .twopart .left .inpage_menu h2 { text-align: left; width: 100%; }

  #mainpart .sq .twopart .left .inpage_menu .h2 { text-align: left; width: 100%; display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; }


  #mainpart .sq .twopart .left .inpage_menu ul { height: auto; width: 100%; margin-top: 15px; margin-bottom: 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #999; }

   #mainpart .sq .twopart .left .inpage_menu ul li a { font-size: 18px; line-height: 24px; color: #666; text-align: left; display: block; padding: 10px; }

    #mainpart .sq .twopart .left .inpage_menu ul li a:hover { background-color: #F6F6F6 }

   #mainpart .sq .twopart .left .inpage_menu ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }

    #mainpart .sq .twopart .left .inpage_menu ul li ul { margin: 0px; padding: 0px; }

     #mainpart .sq .twopart .left .inpage_menu ul li ul li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #fff; }

      #mainpart .sq .twopart .left .inpage_menu ul li ul li a { font-size: 13px; line-height: 20px; color: #666; padding-top: 5px; padding-bottom: 5px; background-color: #F0F0F0; }

 #mainpart .sq .twopart .right h1 { font-size: 36px; line-height: 36px; font-weight: normal; color: #FFF; text-align: left; position: absolute; top: -60px; padding-left: 15px; border-left-width: 10px; border-left-style: solid; border-left-color: #CCE4F0; margin-left: 20px; }

 #mainpart .sq .twopart .right .roadarea { background-image: url(/Assets/images/title_line.png); background-repeat: repeat-x; background-position: left top; font-size: 13px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; display: table; width: 100%; height: auto; background-size: auto 100%; }

  #mainpart .sq .twopart .right .roadarea span { margin-left: 5px; font-size:20px}

   #mainpart .sq .twopart .right .roadarea span a { color: #666; }


   #mainpart .sq .twopart .right .roadarea span:after { content: "→"; color: #666; margin-left: 5px; }

   #mainpart .sq .twopart .right .roadarea span:last-child:after { content: ""; display: none; }

  #mainpart .sq .twopart .right .roadarea .print { float: right; }

  #mainpart .sq .twopart .right .roadarea div { float: left; }

  #mainpart .sq .twopart .right .roadarea .print a { font-size: 0px; line-height: 0px; color: #FFF; background-image: url(/Assets/images/print_bt.png); display: block; height: 24px; width: 60px; }

 #mainpart .sq .twopart .right .maineadit { padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; font-size: 13pt; line-height: 35px; color: #666; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

  #mainpart .sq .twopart .right .maineadit h2 { font-size: 28px; line-height: 36px; color: #666666; text-align: left; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }

  #mainpart .sq .twopart .right .maineadit .newslist ul { height: auto; width: 100%; }

   #mainpart .sq .twopart .right .maineadit .newslist ul li:hover { background-color: #F8F8F8 }

   #mainpart .sq .twopart .right .maineadit .newslist ul li { display: flex; padding-top: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #EDEFEE; flex-wrap: nowrap; position: relative; }


    #mainpart .sq .twopart .right .maineadit .newslist ul li .picp { margin-right: 10px; float: left; width: 35%; margin-left: 10px; }

     #mainpart .sq .twopart .right .maineadit .newslist ul li .picp img { width: 100%; height: auto; }

    #mainpart .sq .twopart .right .maineadit .newslist ul li .text .title { text-align: left; font-size: 20px; line-height: 36px; font-weight: bold; color: #26899C; }

    #mainpart .sq .twopart .right .maineadit .newslist ul li .text p { font-size: 15px; line-height: 24px; color: #666; text-align: left; padding: 0px; margin-top: 0px; margin-bottom: 10px; }

    #mainpart .sq .twopart .right .maineadit .newslist ul li .text { height: auto; margin-right: 10px; margin-left: 10px; width: 100%; }

    #mainpart .sq .twopart .right .maineadit .newslist ul li a { font-size: 0px; line-height: 0px; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; }

.pageline { padding: 20px; display: table; width: auto; margin-right: auto; margin-left: auto; }

 .pageline a { color: #666; background-color: #EDEFEE; display: block; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; float: left; margin-right: 10px; border-radius: 5px; cursor: pointer; }

  .pageline a:hover { background-color: #D4D4D4; }

  .pageline a.stay { color: #FFF; background-color: #26899C; }

#mainpart .sq .twopart .left .tage { display: none; }

#mainpart .sq .twopart .right .share a { float: left; margin-right: 5px; margin-left: 5px; height: 24px; width: 24px; display: block; font-size: 0px; line-height: 0px; color: #FFF; background-repeat: no-repeat; background-position: center center; }

#mainpart .sq .twopart .right .share { float: right; height: 24px; margin-right: 10px; margin-left: 10px; }

 #mainpart .sq .twopart .right .share div { float: left; height: 24px; margin-right: 10px; }


 #mainpart .sq .twopart .right .share a.fb { background-image: url(/Assets/images/fb_icon.png); }


 #mainpart .sq .twopart .right .share a.line { background-image: url(/Assets/images/line_icon.png); }



#mainpart .sq .twopart .right .maineadit .date { font-size: 13px; line-height: 24px; color: #666; text-align: right; display: block; width: 100%; height: 25px; margin-bottom: 10px; }

#mainpart .sq .twopart .right .roadarea .share span { line-height: 20px; text-align: left; display: block; }

#mainpart .sq .twopart .right .maineadit h2 span { font-size: 15px; line-height: 24px; color: #999999; }

 #mainpart .sq .twopart .right .maineadit h2 span:before { content: "—"; color: #999; }

#mainpart .sq .twopart .right .maineadit .textp { padding: 20px; }

 #mainpart .sq .twopart .right .maineadit .textp p { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }




#mainpart .sq .twopart .right .maineadit .date .file { float: right; }

 #mainpart .sq .twopart .right .maineadit .date .file a { background-image: url(/Assets/images/file_icon.png); background-repeat: no-repeat; background-position: center center; display: block; height: 24px; width: 41px; }

#mainpart .sq .twopart .right .maineadit .hospital_class .one_class h3 { font-size: 18px; line-height: 24px; color: #069; background-color: #CCE4F0; border-radius: 10px; }

#mainpart .sq .twopart .right .maineadit .hospital_class .one_class .h3 { font-size: 18px; line-height: 24px; color: #069; background-color: #CCE4F0; border-radius: 10px; }

#mainpart .sq .twopart .right .maineadit .hospital_class { height: auto; width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 40px; }

 #mainpart .sq .twopart .right .maineadit .hospital_class .one_class { margin-bottom: 20px; }

  #mainpart .sq .twopart .right .maineadit .hospital_class .one_class ul { display: flex; padding: 20px; flex-wrap: wrap; }

   #mainpart .sq .twopart .right .maineadit .hospital_class .one_class ul li { float: left; height: auto; width: 25%; list-style-type: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url(/Assets/images/icon1.png); background-repeat: no-repeat; background-position: left center; padding-left: 2px; }
   
    #mainpart .sq .twopart .right .maineadit .hospital_class .one_class ul li a { font-size: 18px; line-height: 24px; color: #666; text-align: left; display: block; padding-left: 25px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; }

    #mainpart .sq .twopart .right .maineadit .hospital_class .one_class ul li:hover { background-color: #F0F0F0; }
    #mainpart .sq .twopart .right .maineadit .hospital_class .one_class ul li a span:hover {
      background-color: #F0F0F0;
      color: #fff;
    }

#mainpart .sq .twopart .right .maineadit .one_class { width: 100%; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 20px; }

/* alina 2022-08-19 註解 原因:進入掛號系統 科別全展開,錨點置頂(原設計為不展開)
  #mainpart .sq .twopart .right .maineadit .one_class.inteam ul { display: none; }

  #mainpart .sq .twopart .right .maineadit .one_class.inteam ul.stay { display: flex !important; flex-wrap: wrap !important; }


 #mainpart .sq .twopart .right .maineadit .one_class.inteam h3 { cursor: pointer; }

  #mainpart .sq .twopart .right .maineadit .one_class.inteam h3:after { content: "▼"; margin-left: 10px; margin-right: 10px; }

  #mainpart .sq .twopart .right .maineadit .one_class.inteam h3.stay:after { content: "▲"; margin-left: 10px; margin-right: 10px; }


 #mainpart .sq .twopart .right .maineadit .one_class.inteam .h3 { cursor: pointer; }

  #mainpart .sq .twopart .right .maineadit .one_class.inteam .h3:after { content: "▼"; margin-left: 10px; margin-right: 10px; }

  #mainpart .sq .twopart .right .maineadit .one_class.inteam .h3.stay:after { content: "▲"; margin-left: 10px; margin-right: 10px; }*/

#mainpart .sq .twopart .right .maineadit .teaminfo { width: 100%; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #999; }







.hospital_class .teaminfo .point { background-color: #CBF1EB; height: auto; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; margin-bottom: 20px; background-image: url(/Assets/images/pin.png); background-repeat: no-repeat; background-position: 3% center; background-size: 25% auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 30%; }

 .hospital_class .teaminfo .point ol li { text-align: left; margin-left: 20px; list-style-type: decimal; font-size: 16px; line-height: 28px; margin-bottom: 8px; color: #000; }

.hospital_class h3 { font-size: 24px; line-height: 36px; color: #26899C; text-align: left; margin-bottom: 20px; }

.hospital_class .teaminfo div h5 { font-size: 18px; line-height: 24px; color: #26899C; text-align: left; margin-bottom: 10px; font-weight: normal; }

.hospital_class .teaminfo div p { font-size: 15px; line-height: 30px; color: #666; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: 96%; }



#mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo div .teamlist { margin-right: 10px; margin-left: 10px; }

.hospital_class .teaminfo div .teamlist ul { height: auto; width: 100%; }

 .hospital_class .teaminfo div .teamlist ul li.job { float: left; width: 25%; }

 .hospital_class .teaminfo div .teamlist ul li { display: flex; }

  .hospital_class .teaminfo div .teamlist ul li .name { float: left; width: 17%; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FFF; border-left-color: #FFF; }

  .hospital_class .teaminfo div .teamlist ul li .job { float: left; width: 23%; }

  .hospital_class .teaminfo div .teamlist ul li .skil { float: left; width: 60%; }

  .hospital_class .teaminfo div .teamlist ul li.title { font-size: 16px; line-height: 30px; color: #333; background-color: #F0F0F0 !important; margin-bottom: 5px; }

 .hospital_class .teaminfo div .teamlist ul li { color: #333; background-color: #D9ECF4; padding-bottom: 0px; margin-bottom: 0; }

  .hospital_class .teaminfo div .teamlist ul li:nth-child(2n-1) { color: #333; background-color: rgba(255,255,255,0); }


  .hospital_class .teaminfo div .teamlist ul li .name a { color: #26899C; }

#mainpart .sq .twopart .right .maineadit .one_class.inteam { padding-top: 0px; }

.hospital_class .teaminfo ul > li { height: auto; width: 100%; margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-bottom: 10px; }

.hospital_class .teaminfo ul li .doctor_pic { background-color: #FFF; padding: 5px; margin: 5px; height: auto; width: 140px; border: 1px solid #999; float: left; }

 .hospital_class .teaminfo ul li .doctor_pic img { height: auto; width: 100%; }

.hospital_class .teaminfo ul li .inforight { margin-left: 180px; padding-top: 10px; padding-bottom: 40px; position: relative; min-height: 200px; }

 .hospital_class .teaminfo ul li .inforight .name { font-weight: bold; color: #000; text-align: left; font-size: 24px; line-height: 32px; margin-bottom: 5px; }

  .hospital_class .teaminfo ul li .inforight .name:after { content: "醫師"; margin-left: 5px; }

#mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo ul li .inforight ul li { font-size: 11pt; line-height: 24px; color: #666; text-align: left; }

#mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo ul li .inforight .butline { height: 32px; width: 100%; position: absolute; right: 0px; bottom: 5px; }

 #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo ul li .inforight .butline a { float: right; font-size: 12pt; line-height: 32px; display: block; height: 32px; width: auto; padding-right: 10px; padding-left: 10px; color: #666; margin-right: 5px; margin-bottom: 5px; background-color: #E9E9E9; border-radius: 10px; }

 #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo ul li .inforight .butline .order_time { float: right; background-color: #CCE4F0; }

#mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo ul li .inforight ul li { margin-bottom: 0px; border-bottom-style: none; padding-bottom: 0px; }

#mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

 #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor { padding-top: 20px; padding-bottom: 0px; border-top-width: 1px; border-top-style: solid; display: flex; justify-content: space-between; border-top-color: #F0F0F0; }

  #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart { float: left; width: 38%; }

   #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart img { width: 100%; height: auto; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #CDCDCD; }

  #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .intorpart { float: right; width: 58%; }

   #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .intorpart div ul { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }

    #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .intorpart div ul li { font-size: 16px; line-height: 20px; color: #666; text-align: left; list-style-type: disc; margin-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-bottom: 0px; }

     #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .intorpart div ul li a { color: #57A8CE; }

  #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart .name { font-size: 28px; line-height: 45px; color: #333; display: block; text-align: center; font-weight: bold; margin-top: 10px; }

   #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart .name:after { content: "醫師"; margin-left: 10px; }

   #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart .name span { font-size: 20px; line-height: 18px; font-weight: normal; color: #666; display: block; }

  #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart .e_name { font-size: 20px; line-height: 30px; color: #666; text-align: center; }

  #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart .order_time { display: table; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 20px; }

   #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart .order_time a { display: block; margin-right: auto; margin-left: auto; font-size: 12pt; line-height: 32px; display: block; height: 32px; width: auto; padding-right: 20px; padding-left: 20px; color: #666; background-color: #CCE4F0; border-radius: 10px; }

    #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart .order_time a:hover { background-color: #AAD2E6; }

.searchline fieldset label { float: left; width: 120px; font-size: 16px; line-height: 35px; display: block; }

.searchline .fieldset .label { float: left; width: 120px; font-size: 16px; line-height: 35px; display: block; }

.searchline fieldset { display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.searchline .fieldset { display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.searchline fieldset div select { height: 30px; width: auto; font-size: 16px; color: #666; margin-top: 3px; }

.searchline fieldset div { margin-left: 100px; text-align: left; width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.searchline .fieldset .div select { height: 30px; width: auto; font-size: 16px; color: #666; margin-top: 3px; }

.searchline .fieldset .div { margin-left: 100px; text-align: left; width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.searchline { height: auto; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F0F0F0; }

 .searchline fieldset input[type="submit"], .searchline fieldset input[type="button"] { color: #FFF; background-color: #26899C; height: 35px; width: 120px; cursor: pointer; border-radius: 5px; font-size: 15px; line-height: 35px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

 .searchline .fieldset input[type="submit"], .searchline .fieldset input[type="button"] { color: #FFF; background-color: #26899C; height: 35px; width: 120px; cursor: pointer; border-radius: 5px; font-size: 15px; line-height: 35px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

#doctor_list, .doctor_list { display: block; width: 100%; margin-bottom: 15px; }

 .doctor_list .list ul { height: auto; width: 100%; margin-top: 20px; display: table; }

  .doctor_list .list ul li { float: left; width: 25%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; }

 .doctor_list .tation .personpic { float: left; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; margin-bottom: 20px; }


 .doctor_list .list ul li .picp { width: 70%; margin-right: auto; margin-left: auto; }

 .doctor_list .tation .personpic .picp { width: 100px; float: left; height: auto; margin-right: 20px; margin-left: auto; }

  .doctor_list .list ul li .picp img, .doctor_list .tation .personpic .picp img { height: auto; width: 100%; border-radius: 50%; }

 .doctor_list .list ul li .name, .doctor_list .tation .personpic .name { font-size: 11pt; color: #666; text-align: center; display: block; }

 .doctor_list .tation .personpic .name { float: left; margin-top: 20px; }

  .doctor_list .list ul li .name span, .doctor_list .tation .personpic .name span { display: block; margin-bottom: 5px; line-height: 20px; margin-top: 5px; }

   .doctor_list .list ul li .name span.b, .doctor_list .tation .personpic .name span.b { font-size: 16px; line-height: 24px; font-weight: bold; color: #333; }

 .doctor_list .list ul li a { color: #FFF; height: 100%; width: 80%; position: absolute; left: 0px; top: 0px; font-size: 0px; line-height: 0px; margin-right: auto; margin-left: auto; }

 .doctor_list .tation .slidedate { float: left; width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 0px; }

  .doctor_list .tation .slidedate .week ul { display: flex; height: auto; width: 100%; flex-wrap: wrap; justify-content: space-between; }

   .doctor_list .tation .slidedate .week ul li { width: 15.666%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; margin-bottom: 5px; margin-right: 0.5%; margin-left: 0.5%; min-height: 60px; background-color: #F0F0F0; border-radius: 5px; }
          /*alina 2023/01/20 for 過年 原width15.666%*/

  .doctor_list .tation .slidedate.all .week ul li { width: 11.5%; font-weight: bold; color: #000; }
  /*alina 2023/01/20 for 過年 原width13.266%*/



  .doctor_list .tation .slidedate .week { font-size: 15px; line-height: 30px; color: #666; }

   .doctor_list .tation .slidedate .week .title li { color: #333333; background-color: #CCE4F0; padding: 0px; margin-top: 0px; margin-right: 0.5%; margin-bottom: 5px; margin-left: 0.5%; height: auto !important; min-height: auto !important; line-height: 35px; border-radius: 0px; }

    .doctor_list .tation .slidedate .week .title li span { display: block; }

 .doctor_list .tation .personpic .butintor { margin-right: 20px; float: left; margin-top: 25px; }

  .doctor_list .tation .personpic .butintor a { float: right; font-size: 12pt; line-height: 32px; display: block; height: 32px; width: auto; padding-right: 10px; padding-left: 10px; color: #666; margin-right: 5px; margin-bottom: 5px; background-color: #E9E9E9; border-radius: 10px; }


   .doctor_list .tation .personpic .butintor a:hover { background-color: #CCE4F0; }

 .doctor_list .tation .slidedate .week ul li:before { line-height: 5; color: #999; display: block; }


 .doctor_list .tation .slidedate .week .morning li:before { line-height: 5; content: "早"; }

 .doctor_list .tation .slidedate .week .afternoom li:before { line-height: 5; content: "午"; }


 .doctor_list .tation .slidedate .week .night li:before { line-height: 5; content: "晚"; }

 .doctor_list .tation .slidedate .week ul li.stay:before { color: #000; }

 .doctor_list .tation .slidedate .week ul li.stay { color: #fff; background-color: #3DB6AF; position: relative; }

 .doctor_list .tation .slidedate .week ul .stay span { color: #C00; }

#mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .doctor_list .tation .slidedate .week ul .stay a { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; font-size: 0px; line-height: 0px; }

#dayline_slide, .dayline_slide { position: relative; float: left; margin-bottom: 40px; width: 100%; }

.regist_form { margin-top: 20px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #CDCDCD; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CDCDCD; }

 .regist_form fieldset { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: table; }
 
.regist_form .fieldset { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: table; }

 .regist_form form fieldset label { float: left; width: 160px; font-size: 15px; line-height: 30px; color: #333; }

 .regist_form form fieldset div input[type="text"] { float: left; height: 30px; width: 100%; padding-right: 10px; padding-left: 10px; }

 .regist_form form fieldset div { margin-left: 160px; margin-right: 15%; }

 .regist_form form fieldset { font-size: 15px; line-height: 30px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; width: 100%; }

 .regist_form form .fieldset .label { float: left; width: 160px; font-size: 15px; line-height: 30px; color: #333; }
 .regist_form form .fieldset .div input[type="text"] { float: left; height: 30px; width: 100%; padding-right: 10px; padding-left: 10px; }

 .regist_form form .fieldset .div { margin-left: 160px; margin-right: 15%; }

 .regist_form form .fieldset { font-size: 15px; line-height: 30px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; width: 100%; }
 .regist_form form .or { background-color: #F0F0F0; margin-top: 10px; margin-bottom: 10px; }

 .regist_form form .order_dr { margin-top: 10px; margin-bottom: 10px; }

  .regist_form form .order_dr input[type="submit"], .regist_form form .order_dr input[type="button"] { display: block; margin-left: auto; margin-right: auto; height: 30px; width: 160px; color: #fff; font-size: 15px; line-height: 30px; background-color: #26899C; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-radius: 5px; }




#dayline_slide .slidedate .week ul .time, .dayline_slide .slidedate .week ul .time { color: #000; background-color: #A4A4A4;font-size:25px; }

#dayline_slide .slidedate.all .week ul .stay, .dayline_slide .slidedate .week ul .stay { background-color: #86CADB; }

#dayline_slide .slidedate.all .week ul.room li, .dayline_slide .slidedate.all .week ul.room li { height: auto; min-height: auto; color: #FFF; background-color: #f1f1f1;}
/*早、中、晚色塊不同,需求單 alina 2022-12-19*/
#dayline_slide .slidedate.all .week ul.morningroom li, .dayline_slide .slidedate.all .week ul.morningroom li {
  height: auto;
  min-height: auto;
  color: red;
  background-color: #fcdad6;
}
#dayline_slide .slidedate.all .week ul.leftroom li, .dayline_slide .slidedate.all .week ul.leftroom li {
  height: auto;
  min-height: auto;
  color: red;
  background-color: #f1f7e4;
}
/*早、中、晚色塊不同,需求單 alina 2022-12-19 end*/

#dayline_slide .slidedate.all .week ul .time, .dayline_slide .slidedate.all .week ul .time { color: #000 !important; background-color: #A2A2A2; }

#dayline_slide .slidedate.all .week ul li a, .dayline_slide .slidedate.all .week ul li a { display: block; font-weight: normal; color: #000080; min-height: 140px; }
#dayline_slide.mobile > div ul li a { min-height: 140px; display: block; }
#first_dr .note { background-image: url(/Assets/images/icon1.png); background-repeat: no-repeat; background-position: left top; display: block; padding-left: 25px; font-size: 11pt; line-height: 24px; }

 #first_dr .note.first { color: #C00; }

#first_dr form { }

 #first_dr form fieldset { border-top-style: none; border-right-style: none; border-bottom-style: dotted; border-left-style: none; width: 50%; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-color: #F0F0F0; float: left; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; display: table; }

  #first_dr form fieldset label { font-size: 12pt; line-height: 30px; color: #333; text-align: right; float: left; width: 100px; font-weight: bold; }

  #first_dr form fieldset div { margin-left: 120px; text-align: left; }

   #first_dr form fieldset div input[type="text"] { height: 30px; width: auto; border: 1px solid #CDCDCD; }

 #first_dr form .fieldset { border-top-style: none; border-right-style: none; border-bottom-style: dotted; border-left-style: none; width: 50%; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-color: #F0F0F0; float: left; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; display: table; }

  #first_dr form .fieldset .label { font-size: 12pt; line-height: 30px; color: #333; text-align: right; float: left; width: 100px; font-weight: bold; }

  .rMainInfo .label {width: 110px !important;}

  #first_dr form .fieldset .div { margin-left: 120px; text-align: left; }

  #first_dr form .fieldset .div input[type="text"] { height: 30px; width: auto; border: 1px solid #CDCDCD; }
#first_dr form { margin-top: 20px; margin-bottom: 20px; display: table; width: 100%; }

 #first_dr form fieldset div label { float: left; width: auto; margin-right: 10px; height: 34px; font-weight: normal; }

  #first_dr form fieldset div label select { height: 30px; width: auto; float: left; }

  #first_dr form fieldset div label span { float: left; margin-right: 10px; margin-left: 10px; }


 #first_dr form .fieldset .div .label { float: left; width: auto; margin-right: 10px; height: 34px; font-weight: normal; white-space:nowrap}

 #first_dr form .fieldset .div .label select { height: 30px; width: auto; float: left; }

 #first_dr form .fieldset .div .label span { margin-right: 10px; margin-left: 10px; }

 #first_dr form .all { width: 100%; }

  #first_dr form .all div .ex { font-size: 11pt; line-height: 20px; color: #999; }

  #first_dr form .all div .ex { float: left; }

#first_dr .ps { font-size: 11pt; line-height: 24px; color: #BA0000; text-align: left; display: block; }

 #first_dr .ps ol li { text-align: left; margin-left: 20px; list-style-type: decimal; }

#first_dr form .all.butline input { color: #FFF; background-color: #26899C; font-size: 12pt; text-align: center; height: 30px; width: 120px; margin-right: 10px; margin-left: 10px; cursor: pointer; border-radius: 3px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-family: "微軟正黑體", Arial; }


 #first_dr form .all.butline input:hover { background-color: #1E6D7B; }

#first_dr form fieldset div label input[type="radio"] { float: left; }

#first_dr form .fieldset .div .label input[type="radio"] { float: left; }


.regist_form h3 { text-align: left; color: #26899C; }
.regist_form .h3 { text-align: left; color: #26899C; }

.regist_form form fieldset div select { float: left; height: 30px; width: auto; min-width: 200px; }

.regist_form form .fieldset .div select { float: left; height: 30px; width: auto; min-width: 200px; }

.regist_form .check span { color: #C00; margin-right: 10px; margin-left: 10px; }

.right .maineadit .hospital_class a.check { color: #FFF; display: table; height: 30px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; background-color: #0092B4; }

#mguide { height: auto; width: 100%; }

 #mguide .eaditarea { padding: 20px; margin-top: 20px; margin-bottom: 20px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CDCDCD; border-bottom-color: #CDCDCD; }

  #mguide .eaditarea h3 { color: #26899C !important; /*text-align: left !important;*/ font-size: 24px; line-height: 32px; margin-top: 15px; position: static; margin-left: -15px; margin-bottom: 10px; }


  #mguide .eaditarea .h3 { color: #26899C !important; text-align: left !important; font-size: 24px; line-height: 32px; margin-top: 15px; position: static; margin-left: -15px; margin-bottom: 10px; }



  #mguide .eaditarea div h4 { font-size: 18px; color: #000; /*text-align: left; */}

  #mguide .eaditarea > div { font-size: 16px; line-height: 30px; color: #666; padding-left: 15px; margin-bottom: 10px; }

.weekchang a.upweek { font-size: 15px; line-height: 30px; color: #666; display: block; float: left; background-image: url(/Assets/images/arrow.png); background-repeat: no-repeat; background-position: left bottom; background-size: 30px 30px; margin-right: 20px; margin-left: 20px; padding-left: 30px; }

.weekchang a.downweek { font-size: 15px; line-height: 30px; color: #666; display: block; float: right; background-image: url(/Assets/images/arrow2.png); background-repeat: no-repeat; background-position: right bottom; background-size: 30px 30px; margin-right: 20px; margin-left: 20px; padding-right: 30px; }

.weekchang { display: table; width: 100%; margin-bottom: 20px; }

#mguide .eaditarea div ol li { list-style-type: decimal; margin-left: 20px; text-align: left; }

#mguide .eaditarea .step ul li { float: left; width: 18%; margin-right: 1%; margin-bottom: 10px; margin-left: 1%; list-style-type: none; text-align: center; position: relative; background-color: #CCE4F0; border: 5px solid #66AFD2; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#mguide .eaditarea .step ul { display: flex; width: 100%; justify-content: space-between; }

 #mguide .eaditarea .step ul li img { height: auto; width: 100%; }

 #mguide .eaditarea .step ul li .ss { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

  #mguide .eaditarea .step ul li .ss div { margin: 0px; padding: 0px; }



 #mguide .eaditarea .step ul li div span { text-align: center; display: block; width: 100%; }

 #mguide .eaditarea .step ul li div .info { color: #000; }

#mguide .eaditarea div table th { white-space: nowrap; }

#mguide .eaditarea .tagline { height: auto; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; margin-bottom: 0px; }

 #mguide .eaditarea .tagline ul { display: flex; height: auto; width: 100%; margin-bottom: 0px; }

  #mguide .eaditarea .tagline ul li { float: left; list-style-type: none; color: #FFF; background-color: #999; display: block; margin-bottom: -1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-bottom: -1px; }

   #mguide .eaditarea .tagline ul li.stay { float: left; list-style-type: none; color: #FFF; background-color: #fff; display: block; padding: px; margin-bottom: -1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CDCDCD; border-right-color: #CDCDCD; border-bottom-color: #FFFFFF; border-left-color: #CDCDCD; }

   #mguide .eaditarea .tagline ul li a { color: #FFF; display: block; padding: 5px; }

   #mguide .eaditarea .tagline ul li.stay a { color: #333; }

#mguide .eaditarea div table div { margin: 0px; padding: 0px; }

#mguide .eaditarea div table tbody tr th { white-space: normal; }

#doctor_list .tation .control_area { height: auto; width: 100%; }

#first_dr form fieldset div.red { font-weight: bold; color: #C00; }

#first_dr form .fieldset .div.red { font-weight: bold; color: #C00; }

#mguide .eaditarea div p { margin-top: 0px; margin-bottom: 15px; }

#mguide .eaditarea div ul li { text-align: left; margin-left: 20px; list-style-type: disc; }

#mguide .eaditarea div ul { margin-bottom: 15px; }

#mguide .eaditarea div .red { color: #633; background-color: #FFC; padding: 8px; }

#mguide .eaditarea div .picp { float: left; }

#mguide .eaditarea div .pp { float: left; width: 240px; padding: 0px; margin: 10px; }

#mguide .eaditarea div .ppr { float: right; width: 240px; padding: 0px; margin: 10px; }


 #mguide .eaditarea div .pp img, #mguide .eaditarea div .ppr img { height: auto; width: 100%; }

#mguide .eaditarea .organized { margin: 0px; padding: 0px; height: auto; width: 100%; display: flex; flex-wrap: wrap; }

 #mguide .eaditarea .organized ul { float: left; width: 25%; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; padding-right: 1%; padding-left: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; margin-bottom: 0px; padding-top: 15px; padding-bottom: 15px; }

  #mguide .eaditarea .organized ul:nth-child(1), #mguide .eaditarea .organized ul:nth-child(2), #mguide .eaditarea .organized ul:nth-child(3), #mguide .eaditarea .organized ul:nth-child(4) { border-top-style: none; }



  #mguide .eaditarea .organized ul:nth-child(4n) { border-right-style: none; }



#mguide .eaditarea .noleft { padding: 0px; }

#mguide .eaditarea .organized ul li { list-style-type: none; }

#mguide .eaditarea .organized ul .title { font-weight: bold; color: #26899C; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; font-size: 18px; margin-bottom: 5px; padding-bottom: 5px; background-image: none; padding-left: 0px; }

#mguide .eaditarea .organized ul li { font-size: 11pt; line-height: 20px; color: #333; padding-bottom: 8px; background-image: url(/Assets/images/icon1.png); background-repeat: no-repeat; background-position: left 0px; padding-left: 20px; margin-left: 10px; margin-right: 10px; }

#mguide .eaditarea .organized ul:hover { background-color: #F0F0F0; }

#mguide .eaditarea .organized ul li a { color: #008992; }

#mainpart .sq .twopart .right .maineadit .newslist ul li .text .datesq { font-size: 15px; line-height: 34px; color: #999; float: left; margin-right: 10px; }

#mainpart .sq .twopart .right .maineadit .newslist.point ul li { display: flex; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #EDEFEE; flex-wrap: nowrap; position: relative; }

 #mainpart .sq .twopart .right .maineadit .newslist.point ul li .text .title { font-weight: normal; font-size: 15px; line-height: 34px; padding-left: 90px; }









#mainpart .sq .twopart .right.all .maineadit .emergency { height: auto; width: 100%; }

 #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile { height: auto; width: 100%; }

  #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile ul li { float: left; width: 49%; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 20px; background-image: url(/Assets/images/icon1.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; margin: 0px !important; }

  #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile ul { display: table; width: 100%; }

   #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile ul li { font-weight: bold; color: #000; }

    #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile ul li span { font-weight: bold; color: #000; }

  #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile .table_form { width: 90%; display: block; margin-top: 40px; margin-right: auto; margin-bottom: 40px; margin-left: auto; }

  #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile table { height: auto; width: 100%; }

  #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile div table { color: #333333; background-color: #CCCCCC; font-size: 12pt; }

  #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile .table_form table td { background-color: #FFF; }

  #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile .table_form table th { color: #FFF; background-color: #0391B3; font-weight: normal; white-space: nowrap; }







@media screen and (max-width:1200px) {

 #mguide .eaditarea .step ul li div .info { color: #000; font-size: 10pt; line-height: 15pt; }

 #mainpart .sq .twopart .right.all { margin-right: 0px; margin-left: 0px; }
}

@media screen and (max-width:901px) {

 #mainpart .sq .twopart .left { float: left; width: 50%; position: absolute; right: 100%; z-index: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; background-color: #FFF; box-shadow: 5px 0px 10px rgba(0,0,0,0.5); }

  #mainpart .sq .twopart .left.stay { float: left; width: 50%; position: absolute; right: auto; left: 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; background-color: #FFF; }

 #mainpart .sq .twopart .right { background-image: none; height: auto; width: 100%; margin-right: 0px; }

 #mainpart .sq .twopart .left .tage { width: 20px; position: absolute; height: auto; left: 100%; top: 50px; background-color: #26899C; color: #FFF; z-index: 300; display: block; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; }


  #mainpart .sq .twopart .left .tage:after { /*content: "►";*/
    content: "\f0da";
    /* width: 15px; */
    /*height: 20px;*/
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.1em;
    position: relative;
    left: 5px;
  }

  #mainpart .sq .twopart .left.stay .tage:after {
    /*content: "◄";*/
    transform: rotate(180deg);
  }



 #mainpart .sq .twopart .right .maineadit .hospital_class .one_class ul li { width: 33.33333%; }
}







@media screen and (max-width:768px) {


 #mguide .eaditarea .step ul li { float: left; width: 31.333%; margin-right: 1%; margin-bottom: 10px; margin-left: 1%; list-style-type: none; text-align: center; position: relative; background-color: #CCE4F0; border: 5px solid #66AFD2; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

 #mguide .eaditarea .step ul { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; }
}




@media screen and (max-width:620px) {
 .hospital_class .teaminfo ul li .doctor_pic { background-color: #FFF; padding: 5px; height: auto; width: 70%; border: 1px solid #999; float: none; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; }

 .hospital_class .teaminfo ul li .inforight { margin-left: 0px; padding-top: 10px; padding-bottom: 40px; position: relative; }

 .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .picpart { float: none !important; width: 80% !important; margin-left: 10%; margin-right: 10%; }

 #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor { display: block; flex-wrap: wrap; }

  #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo.one_doctor .doctor_intor .intorpart { float: none !important; width: 100% !important; }

 .doctor_list .tation .slidedate .week { width: 25%; float: left; }

 .doctor_list .tation .slidedate.all .week { width: 25%; float: left; }

  .doctor_list .tation .slidedate.all .week.title { width: 13%; float: left; }

  .doctor_list .tation .slidedate.all .week.room { width: 12%; float: left; }


  .doctor_list .tation .slidedate.all .week ul { display: block; float: none; }

 #doctor_list .tation .slidedate .week ul { display: block; float: none; }

  #doctor_list .tation .slidedate .week ul li { display: block; float: none; width: 100%; margin-left: auto; margin-right: auto; }



 .doctor_list .tation .slidedate.all .week ul li { display: block; float: none; width: 100%; margin-left: auto; margin-right: auto; }

 .doctor_list .tation .slidedate .week .title li,
 .doctor_list .tation .slidedate.all .week .title li,
 .doctor_list .tation .slidedate.all .week ul.room li { width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; margin-bottom: 5px; margin-right: 0%; margin-left: 0%; min-height: 60px !important; line-height: 3; }

 .doctor_list .tation .slidedate .week ul li,
 .doctor_list .tation .slidedate .week ul.title li,
 .doctor_list .tation .slidedate.all .week .title li,
 .doctor_list .tation .slidedate.all .week ul.room li { padding: 0px; border-radius: 0px !important; margin-bottom: 1px; margin-right: 1px; }

 #first_dr form fieldset { width: 100%; }

 .doctor_list .tation .slidedate .week ul li { width: 100%; }
}

@media screen and (max-width:540px) {
 #mainpart .sq .twopart .right h1 { font-size: 28px; line-height: 28px; top: -35px; }

 #mainpart .sq .twopart .right .maineadit .newslist ul li { display: flex; padding-top: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #EDEFEE; position: relative; flex-wrap: wrap; }


  #mainpart .sq .twopart .right .maineadit .newslist ul li .picp { margin-right: 0px; float: none; width: 100%; margin-left: 0px; }

 .pageline { display: table; width: auto; margin-right: auto; margin-left: auto; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }

  .pageline a { color: #666; background-color: #EDEFEE; display: block; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; float: left; margin-right: 5px; border-radius: 5px; cursor: pointer; font-size: 13px; line-height: 20px; }

 #mainpart .sq .twopart .left { float: left; width: 75%; position: absolute; right: 100%; z-index: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; background-color: #FFF; }




  #mainpart .sq .twopart .left.stay { float: left; width: 75%; position: absolute; right: auto; left: 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; background-color: #FFF; }

 #mainpart .sq .twopart .right .maineadit .textp { padding-left: 0px; padding-right: 0px; }

 #mainpart .sq .twopart .left .inpage_menu { margin-top: 30px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; }

 #mainpart .sq .twopart .right .maineadit .hospital_class .one_class ul li { width: 50%; }




 .hospital_class .teaminfo .point { background-image: none; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }

 .doctor_list .list ul li { float: left; width: 50%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; }
}

@media screen and (max-width:480px) {

 #mainpart .sq .twopart .right .maineadit .one_class { width: 100%; }

 #mainpart .sq .twopart .right .maineadit .hospital_class .one_class ul li { width: 100%; }

 #mainpart .sq .twopart .right .maineadit .hospital_class { width: 100%; }

 #mainpart .sq .twopart .right .maineadit .oneclass { width: 100%; }

 #mainpart .sq .twopart .right .maineadit .teaminfo { width: 100%; }

 .hospital_class .teaminfo div .teamlist ul li.title { font-size: 14px; line-height: 30px; color: #333; background-color: #F0F0F0 !important; margin-bottom: 5px; }

 #mainpart .sq .twopart .right .maineadit { padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; font-size: 14px; line-height: 30px; color: #666; }

  #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo div .teamlist { margin-right: 0px; margin-left: 0px; }

 .teaminfo div .teamlist ul .title .name span { white-space: nowrap; display: block; }

 #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo ul li .inforight .butline a { float: none; }

 #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo ul li .inforight .butline { height: auto; width: 100%; position: relative; right: auto; bottom: auto; margin-top: 10px; }

  #mainpart .sq .twopart .right .maineadit .hospital_class .teaminfo ul li .inforight .butline .order_time { float: none; background-color: #CCE4F0; }

 .hospital_class .teaminfo ul li .inforight { padding-bottom: 10px; }

 .doctor_list .tation .slidedate .week { font-size: 12px; line-height: 24px; color: #666; }


 .regist_form form fieldset label { float: left; width: 100px; font-size: 15px; line-height: 30px; color: #333; }

 .regist_form form fieldset div { margin-left: 100px; margin-right: 15%; }


 .regist_form form .fieldset .label { float: left; width: 100px; font-size: 15px; line-height: 30px; color: #333; }

 .regist_form form .fieldset .div { margin-left: 100px; margin-right: 15%; }

 #mainpart .sq .twopart .right .maineadit h2 { font-size: 24px; line-height: 32px; }

 .hospital_class .teaminfo h4 { font-size: 18px; line-height: 32px; color: #26899C; text-align: left; margin-bottom: 10px; }

 #first_dr form fieldset div { text-align: left; }

 #first_dr form fieldset label { font-size: 10pt; line-height: 30px; color: #333; text-align: right; float: left; width: 80px; }

 #first_dr form .fieldset .div { text-align: left; }

 #first_dr form .fieldset .label { font-size: 10pt; line-height: 30px; color: #333; text-align: right; float: left; width: 80px; }

 .rMainInfo .label {width: 95px !important;}

 #first_dr form .all.butline input { margin-bottom: 10px; }

 #first_dr form .all div .ex { font-size: 10pt; line-height: 20px; color: #999; }

 #first_dr form fieldset div label input[type="radio"] { float: left; margin-top: 8px; }

 #first_dr form .fieldset div .label input[type="radio"] { float: left; margin-top: 8px; }

 #mguide .eaditarea { margin-top: 20px; margin-bottom: 20px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CDCDCD; border-bottom-color: #CDCDCD; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }

  #mguide .eaditarea div .pp { float: none; width: 100%; padding: 0px; margin: 0px; display: block; margin-bottom: 10px; }

  #mguide .eaditarea div .ppr { float: none; width: 100%; padding: 0px; margin: 0px; display: block; margin-bottom: 10px; }

 #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile .table_form { width: 100%; }


 #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile div table { font-size: 10pt; }
}

@media screen and (max-width:380px) {

 #mainpart .sq .twopart .right .maineadit .newslist ul li .text .datesq { font-size: 15px; line-height: 34px; color: #999; float: none; width: 100%; text-align: left; margin-right: 10px; }

 #mainpart .sq .twopart .right .maineadit .newslist.point ul li .text .title { font-weight: normal; font-size: 15px; line-height: 22px; padding-left: 0px; }


 #mguide .eaditarea .step ul li { width: 46%; margin-right: 2%; margin-bottom: 10px; margin-left: 2%; }

 #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile .table_form table th { white-space: normal; }

 #mainpart .sq .twopart .right.all .maineadit .emergency .dtaile ul li { width: 100%; }
}

#tageadit .tagpage .searchd { height: auto; width: 100%; }

 #tageadit .tagpage .searchd form fieldset { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px !important; margin: 0px !important; position: relative; }

 #tageadit .tagpage .searchd form .fieldset { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px !important; margin: 0px !important; position: relative; }

 #tageadit .tagpage .searchd form { border: 1px solid #999; padding: 0px !important; margin-top: 20px; margin-right: 0px !important; margin-bottom: 20px; margin-left: 0px !important; border-radius: 8px; height: 30px; }

  #tageadit .tagpage .searchd form fieldset div { height: 30px; margin-right: 0px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 100px; }

   #tageadit .tagpage .searchd form fieldset div input[type="text"] { height: 28px; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: rgba(255,255,255,0); padding-right: 10px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }

  #tageadit .tagpage .searchd form fieldset input[type="button"] { line-height: 28px; float: right; height: 30px; width: 100px; color: #333; background-color: #D6D6D6; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: absolute; top: 0px; right: 0px; }


  #tageadit .tagpage .searchd form .fieldset .div { height: 30px; margin-right: 0px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 100px; }

   #tageadit .tagpage .searchd form .fieldset .div input[type="text"] { height: 28px; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: rgba(255,255,255,0); padding-right: 10px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }

  #tageadit .tagpage .searchd form .fieldset input[type="button"] { line-height: 28px; float: right; height: 30px; width: 100px; color: #333; background-color: #D6D6D6; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: absolute; top: 0px; right: 0px; }

#diseaselist ul li .no { text-align: center; float: left; height: 30px; width: 50px; }

#diseaselist ul li { display: block; list-style-type: none; width: 100%; position: relative; margin: 0px; padding-top: 5px; padding-bottom: 5px; }

 #diseaselist ul li .parea { float: none; padding-right: 120px; padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

 #diseaselist ul li .datex { float: right; width: 110px !important; text-align: center; display: block; position: absolute; top: 5px; right: 0px; margin-right: 10px; }

#classdisease .one_ddisease ul li { position: relative; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }


 #classdisease .one_ddisease ul li.title { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }



 #classdisease .one_ddisease ul li .datex { position: absolute; top: 0px; right: 0px; }


#diseaselist ul .title { border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: #666 !important; }

#classdisease { padding: 15px; }

 #classdisease .one_ddisease .butclass { font-size: 15pt; line-height: 30px; color: #333; background-color: #0CC; text-align: center; margin-top: 10px; margin-bottom: 10px; display: block; border-radius: 10px; }

#tageadit .tagpage { display: none; }


 #tageadit .tagpage.stay { display: block; }

#classdisease .one_ddisease:nth-child(3n-1) .butclass { background-color: #9C9; }

#classdisease .one_ddisease:nth-child(3n) .butclass { background-color: #6C6; }


#classdisease .one_ddisease ul li .dname a { color: #066; }

#diseaselist ul li .parea .dname a { color: #26899C; }

#classdisease .one_ddisease ul { display: none; }

#classdisease .one_ddisease .butclass a { color: #333; display: block; }




#classdisease .one_ddisease ul li .dname { padding-right: 120px; text-align: center; }

#classdisease .one_ddisease ul li .datex { text-align: center; float: right; width: 110px; margin-right: 10px; position: absolute; top: 5px; right: 0px; }

#first_dr form fieldset div select { height: 30px; width: 100%; border: 1px solid #999; }

#first_dr .allline fieldset { width: 100%; }

 #first_dr .allline fieldset div input[type="text"] { width: 100%; }


#first_dr form .fieldset div select { height: 30px; width: 100%; border: 1px solid #999; }

#first_dr .allline .fieldset { width: 100%; }

 #first_dr .allline .fieldset div input[type="text"] { width: 100%; }
#first_dr .allline .all div textarea { height: 120px; width: 100%; overflow: auto; }

#first_dr .allline .all div input[type="text"] { width: auto; margin-right: 10px; float: left; }

#first_dr .allline .all div img { float: left; }

#mguide .eaditarea div h4 a { color: #26899C; }

#diseaselist ul li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }

#mguide .eaditarea div .videolist ul li { margin: 0px; padding: 5px; float: left; width: 33.3333%; list-style-type: none; border: 1px solid #F0F0F0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

 #mguide .eaditarea div .videolist ul li:hover { background-color: #F0F0F0; }


 #mguide .eaditarea div .videolist ul li a { display: block; color: #333; }

#mguide .eaditarea div .rule { background-color: #F0F0F0; padding: 15px; margin-bottom: 20px; }

 #mguide .eaditarea div .rule li a { border-top-color: #999; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; display: block; color: #666; line-height: 20px; margin-bottom: 5px; padding-bottom: 5px; }


  #mguide .eaditarea div .rule li a:hover { color: #000; }

#mguide .eaditarea div .videolist ul { display: flex; flex-wrap: wrap; margin-bottom: 20px; }

#mguide .eaditarea div .video { position: relative; }

 #mguide .eaditarea div .video iframe { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; }

 #mguide .eaditarea div .video .bg { height: auto; width: 100%; }

#dayline_slide .buttonline a { font-size: 11pt; color: #333; float: left; }

 #dayline_slide .buttonline a.upweek { background-image: url(/Assets/images/arrow.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; background-size: 30px 30px; }


 #dayline_slide .buttonline a.nextweek { float: right; padding-right: 30px; background-image: url(/Assets/images/arrow2.png); background-repeat: no-repeat; background-position: right center; background-size: 30px 30px; }

.upweek { font-size: 15px; line-height: 28px; color: #666; display: block; float: left; background-image: url(/Assets/images/arrow.png); background-repeat: no-repeat; background-position: left bottom; background-size: 30px 30px; padding-left: 30px; }

.downweek { font-size: 15px; line-height: 28px; color: #666; display: block; float: right; background-image: url(/Assets/images/arrow2.png); background-repeat: no-repeat; background-position: right bottom; background-size: 30px 30px; padding-right: 30px; }

/* start of calendar style*/
.doctor_list .tation .slidedate .week .title li {
  padding: 0.6em 0 0;
}

.doctor_list .doc { /* li */
  background: white !important;
  padding: 0 !important;
  color: grey !important;
}

#dayline_slide .slidedate.col8 .week ul li {
  /*width: calc((100% - 8px)/8) !important;*/
  /*width: calc((100% - 16px)/8) !important;*/ 
  width: calc((100% - 16px - 3rem)/7) !important;
  margin: 0px !important;
}

#dayline_slide .slidedate.col7 .week ul li,
#dayline_slide .slidedate.col8.hideSunday .week ul li {
  /*width: calc((100% - 14px)/7) !important;*/
  width: calc((100% - 14px - 3rem)/6) !important;
  margin: 0px !important;
}

#dayline_slide .slidedate.col8.hideSunday ul li:nth-of-type(2) {
  display: none;
}

.doctor_list .tation .slidedate.col8.hideSunday .week ul:not(.title) {
  font-size: 16px;
}

#dayline_slide .slidedate.col8 .week ul li:nth-of-type(1),
#dayline_slide .slidedate.col7 .week ul li:nth-of-type(1) {
  width: 3rem !important;
}

#dayline_slide .slidedate .week ul li {
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0px;
}

/* fill doctorcond background */
#dayline_slide.pc:not(.mlt) ul:not(#tbDate) li:not(.time) {
  background: white;
}

#dayline_slide.pc li.fillbg.ok {
  background: #eef4fa !important;
}

#dayline_slide.pc li.fillbg:not(.ok) {
  background: #f0f0f0 !important;
}

#dayline_slide.pc li.fillbg.ok,
#dayline_slide.pc li.fillbg:not(.ok) {
  border-bottom: 1px solid white;
}

#doctor_list .dep { /* div */
  margin-left: 0.3em;
  margin-right: 0.3em;
}

#dayline_slide.mlt .dep {
  margin: 0 !important;
  margin-bottom: 20px !important;
  padding-bottom: 0;
  border-radius: 4px;
  background: #fcdad6;
  background: #dfdfdf;
  border: 1px solid #d2d2d2;
}

#dayline_slide.mlt.pc .dep {
  font-size: 1em;
}

  .doctor_list .doc a {
    background: #eef4fa !important;
    padding: 10px 0 10px;
  }

#dayline_slide.mlt.pc .doc a {
  border-bottom: 2px solid white;
}

#dayline_slide.mlt.pc .slidedate.col8 .doc > a,
#dayline_slide.mlt.pc .slidedate.col7 .doc > a {
  border: 1px solid #e2e2e2;
  margin-bottom: 4px;
}

#dayline_slide.pc:not(.mlt) a {
  margin-bottom: 2px;
}

#dayline_slide.mlt .doc .dep a {
  border-bottom: 2px dashed #d2d2d2;
  border-radius: 4px;
}

  #dayline_slide.mlt .doc .dep a:last-of-type {
    border-bottom: 0;
  }

#dayline_slide .slidedate.all .week ul li a .name {
  padding: 0.4em 0 2px 2px;
  font-family: 'Noto Sans TC',sans-serif;
  margin: 0;
}

#doctor_list .doc .dlroom {
  padding: 0 0 5px;
  margin: 0 10px 6px;
  font-size: 0.85em;
  letter-spacing: 1px;
}

#doctor_list .rnumber {
  color: unset !important;
  background: unset !important;
  font-weight: 600;
  display: inline;
}

#doctor_list li div,
#doctor_list .curCallNumber {
  line-height: 1.2em;
}

  #doctor_list li div:not(.name, .dlroom) {
    margin-bottom: 0.6em;
  }

#doctor_list span {
  line-height: 1em;
}

#doctor_list .curCallNumber {
  display: inline-block;
  font-size: 0.9em;
  width: fit-content !important;
  height: unset !important;
  padding: 0.2em 0.4em !important;
}

  #doctor_list .curCallNumber span { /* 1/11 */
    background: none !important;
    padding: 0 0.3em 0 0 !important;
    font-size: unset !important;
    width: unset !important;
    height: unset !important;
  }

#notefooter span {
  line-height: 1.8em;
}

#doctor_list .name,
#doctor_list .dlroom {
  font-weight: 600;
  color: #2a2a2a;
}

#doctor_list li div:not(.name, .dlroom) {
  color: grey;
  font-size: 0.9em;
}

#dayline_slide .doc .name:before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  overflow: hidden;
  background: url('/Assets/images/leaflet.png') no-repeat;
  background-size: contain;
}

#doctor_list .name.hasSub {
  color: #bcc3cb; /* for ok light blue background */
}

#doctor_list .sub {
  margin: 0 auto;
  display: block;
  width: unset !important;
  background: unset !important;
  color: #2a2a2a !important;
  height: unset !important;
  padding: 0 !important;
}

  #doctor_list .sub:after {
    content: '代理';
    font-size: 0.7em;
    padding-left: 3px;
  }

#doctor_list .note {
  font-size: 0.8em !important;
  color: black !important;
  margin: 0 10px 0px;
  padding: 0 0 4px;
  line-height: 1.4em;
}

#doctor_list .divider {
  border-bottom: 1px solid #d9e0e7;
  width: 60%;
  margin: 0 auto 0.4em;
}

#doctor_list .ok .status {
  color: #01a199 !important;
  background: #e54020;
  color: white !important;
  border-radius: 15px;
}

#doctor_list .status {
  padding: 0.2em;
  margin: 0 auto;
  width: 4.5em;
}

  #doctor_list .status.ok {
    margin-bottom: 0.3em;
  }

#dayline_slide.mlt .status.ok {
  margin-bottom: 0.3em;
}

#doctor_list .status.ok {
  border-radius: 15px;
}

/* hover style */
/*#dayline_slide.pc li.fillbg.ok:hover .status { */
#dayline_slide.pc.mlt.opd a.ok:hover .status,
#dayline_slide.pc:not(.mlt) a.ok:hover .status {
  background: #38b1a6 !important;
}


/*#doctor_list .slidedate.col8 .status,
#doctor_list .slidedate.col8 .curCallNumber {
  font-size: 0.8em !important;  1/11 
}*/

#doctor_list .txtDep {
  display: inline-block;
  /*font-weight: 700;
  padding: 1em 0 1em;
  color: #9f8b8b;
  color: #069;
  font-size: 1em;
  width: 1em;*/
  font-style: normal;
  /*writing-mode: vertical-lr;*/
  font-size: 0.9em;
  color: #666;
  padding: 0.5em 0.3em;
  font-weight: normal;
}

#dayline_slide.mobile .doc {
  border: 1px solid #e2e2e2;
  font-size: 0.965em;
}

#dayline_slide.mobile .dep {
  margin-top: 0;
}

  #dayline_slide.mobile .doc a {
    min-height: unset;
  }

#dayline_slide.pc .morningroom li,
#dayline_slide.pc .leftroom li,
#dayline_slide.pc .room li {
  min-height: 60px !important;
}

#dayline_slide.mobile .name {
  margin: 0;
}

#dayline_slide.mobile .rnumber {
  font-size: 1em;
}

/* start of unavailable style */
  .doctor_list .doc a:not(.ok) {
    background: #f0f0f0 !important;
  }

#doctor_list a:not(.ok) .name,
#doctor_list a:not(.ok) .dlroom,
#doctor_list a:not(.ok) .note,
#doctor_list a:not(.ok) .divider {
  opacity: 0.5;
}
/* end of unavailable style */

/* make curCallNumber multiple lines */
@media screen and (min-width: 902px) and (max-width: 1140px) /* 1/11 */
{
  #doctor_list .slidedate.col8 .curCallNumber {
    width: 4.3em !important;
    border-radius: 10px !important;
    padding: 0.3em 0.4em !important;
  }
    #doctor_list .slidedate.col8 .curCallNumber span {
      display: block;
      padding: 0 !important;
    }
}

@media screen and (min-width: 902px) and (max-width: 970px) {
  #doctor_list .slidedate.col7 .curCallNumber {
    width: 4.3em !important;
    border-radius: 10px !important;
    padding: 0.3em 0.4em !important;
  }
    #doctor_list .slidedate.col7 .curCallNumber span {
      display: block;
      padding: 0 !important;
    }
}

@media screen and (min-width: 756px) and (max-width: 820px) {
  #doctor_list .slidedate.col8 .curCallNumber {
    width: 4.3em !important;
    border-radius: 10px !important;
    padding: 0.3em 0.4em !important;
  }
    #doctor_list .slidedate.col8 .curCallNumber span {
      display: block;
      padding: 0 !important;
    }
}

@media screen and (max-width:755px) {
  #dayline_slide.mobile > div ul li {
    width: calc(88% / 3);
  }

  #dayline_slide.mobile .doc {
    border: 0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
  }

  #dayline_slide.mobile.mlt li > div {
    margin-bottom: 5px !important;
  }

  #dayline_slide.mobile.mlt li > div:last-of-type {
    margin-bottom: 0px !important;
  }

  #dayline_slide.mlt .dep {
    padding: 0;
  }

  #dayline_slide.mlt.mobile .doc a {
    border-bottom: 4px solid white;
  }

  #dayline_slide.mlt.mobile .doc a:last-of-type {
    border-bottom: 0 !important;
  }

  #dayline_slide.mlt .doc .dep a {
    border-bottom: 2px dashed #d2d2d2;
  }

  #doctor_list .name {
    padding-top: 0.4em
  }

  #doctor_list .note {
    border-bottom: 0;
    padding-bottom: 0;
  }

  #doctor_list .status
  #doctor_list .curCallNumber {
    padding: 0.1em;
  }
}

@media screen and (max-width:480px) {
  #dayline_slide.mobile .doc {
    font-size: 1.2em;
  }

    #dayline_slide.mobile .doc > :not(.dep) {
      font-size: 0.9em; /*added last minute*/
    }

  #dayline_slide.mobile .note {
    margin: 0 0.3em 6px;
    line-height: 1.2em;
  }

  #doctor_list .status, #doctor_list .curCallNumber {
    font-size: 0.8em !important;
  }
}

@media screen and (max-width: 390px) { /*1/11*/
  #doctor_list .curCallNumber {
    width: 4.3em !important;
    border-radius: 10px !important;
    padding: 0.3em 0.4em !important
  }
  #doctor_list .curCallNumber span {
    display: block;
    padding: 0 !important;
  }
}

@media screen and (max-width: 360px) {
  #dayline_slide.mobile .doc {
    padding: 0 !important;
  }

  #dayline_slide.mlt .dep {
    padding: 0;
  }

  #dayline_slide.mobile .doc a {
    border: 1px solid #e2e2e2;
  }

  #dayline_slide.mlt.mobile .doc a {
    border: 1px solid #e2e2e2;
    margin-bottom: 4px;
  }

  #dayline_slide.mlt .doc .dep a {
    border: 0px;
    margin-bottom: 0;
    border-bottom: 2px dashed #d2d2d2;
  }
}

@media screen and (max-width: 320px) {
  /*#doctor_list .status,  1/11
  #doctor_list .curCallNumber {
    padding: 0.1em 0.3em !important;
  }*/

  #doctor_list .curCallNumber {
    width: 6em;
  }
}

/* start of last update label */
#lastUpdate {
  font-size: 14px;
  text-align: left;
  color: #679ab3;
}

#txtLastUpdate {
  padding-left: 0.6em;
}

@media screen and (max-width:480px) {
  #lastUpdate {
    position: relative;
    top: -1em;
  }

  #txtLastUpdate {
    display: block;
    font-size: 0.9em;
    padding-left: 0;
  }
}
/* end of last update label */

/* start of scroll fix */
#dayline_slide:after,
.doctor_list .tation:after {
  content: "";
  display: block;
  clear: both;
}

#buttonline {
  text-align: center;
}

  #buttonline .whichWeek {
    color: #666;
    font-size: 14px;
    margin-top: 0.5em;
    display: none;
    color: white;
  }

  #buttonline.pcFixed,
  #dayline_slide.pc .title.fixed {
    position: fixed;
    width: calc(67.5% - 61px); /*(75% - 10px - 60px).9*/
    max-width: 749px;
  }

    #buttonline.pcFixed.daylineTblFw,
    #dayline_slide.pc.daylineTblFw .title.fixed {
      width: calc(75% - 68px); /*(75% - 10px - 60px)*/
      max-width: 832px;
    }

  #buttonline.pcFixed { /*fixed {*/
    z-index: 2;
    top: 2em;
    /*left: calc(28.75% + 26.5px);   /* (25% + 30px )  + ((75% - 70px) * .1 / 2) //  25% + 30px + 3.75% - 3.5px  //  28.75% + 26.5px*/
    background: #26899C;
    height: 1.8rem;
    border-bottom: 1px solid white;
  }

#dayline_slide.pc.fixed {
  padding-top: 124px;
}

  #dayline_slide.pc .title.fixed {
    z-index: 1;
    top: 4em;
    background: white;
  }
    #dayline_slide.pc .title.fixed ul.title li {
      border-right: 1px solid white;
      margin: 0 !important;
      border-bottom: 2px solid white;
    }

      #dayline_slide.pc .title.fixed ul.title li:last-of-type {
        border-right: 0;
      }

  #lastUpdate.pcFixed { /*fixed {*/
    position: fixed;
    top: 0;
    z-index: 3;
    background: white;
    width: 100%;
    color: #90bacf;
  }

  #txtLastUpdate.pcFixed { /*fixed {*/
    display: inline-block !important;
  }

#tbA li.time,
#tbP li.time,
#tbN li.time {
  padding-top: 0.6em;
}

#tbA li.time span.fixed,
#tbP li.time span.fixed,
#tbN li.time span.fixed {
  position: fixed;
  top: 5em;
}

#footer { /* wierd bug */
  overflow: hidden;
}

  #buttonline.mobiFixed { /*fixed {*/
    position: fixed;
    width: calc(90% - 54px);
    z-index: 2;
    top: 1.7em;
    background: #26899C;
    border-bottom: 1px solid white;
  }

  #buttonline .upweek {
    background-position: left 0;
    margin-bottom: 2px;
  }

  #buttonline .downweek {
    background-position: right 0;
    margin-bottom: 2px;
  }

#buttonline.pcFixed a {
  background-size: 23px 23px;
  font-size: 14px;
  color: white;
}

#buttonline.pcFixed .upweek {
  background-position: left 5px;
  margin-left: 3px;
  padding-left: 24px;
}

#buttonline.pcFixed .downweek {
  background-position: right 5px;
  margin-right: 2px;
  padding-right: 26px;
}


#lastimg {
  display: inline;
}

  #lastimg.hide,
  #nextimg.hide {
    visibility: hidden !important;
    display: inline !important;
  }

#dayline_slide li.na {
  background-image: url(/Assets/images/title_line.png) !important;
}
#dayline_slide li.doc.na {
    background-image: url(/Assets/images/title_line2.png) !important;
}

@media screen and (max-width: 901px) {
  #buttonline.pcFixed,
  #dayline_slide.pc .title.fixed {
    width: calc((100% - 60px) * .9);
    max-width: unset;
  }

    #buttonline.pcFixed.daylineTblFw,
    #dayline_slide.pc.daylineTblFw .title.fixed {
      width: calc((100% - 60px));
      max-width: unset;
    }
}

@media screen and (max-width:755px) {
  #buttonline {
    background: #26899C;
    height: 1.8rem;
    border-bottom: 1px solid white;
  }

    #buttonline .whichWeek {
      display: inline-block;
    }

    #buttonline a {
      color: white !important;
      background-size: 23px 23px;
      font-size: 14px;
    }

    #buttonline .upweek {
      background-position: left 5px;
      margin-left: 3px;
      padding-left: 24px;
    }

    #buttonline .downweek {
      background-position: right 5px;
      margin-right: 2px;
      padding-right: 26px;
    }

  #dayline_slide.mobile .title ul li:last-of-type {
    border-right: 1px solid #11a79c;
  }
  #dayline_slide.mobile.fixed {
    padding-top: 100px;
  }
  #dayline_slide.mobile .title.fixed {
    position: fixed;
    z-index: 1;
    top: 3.4em;
    width: calc(90% - 54px); /* calc(100% - 54px);*/
  }
  #buttonline.mobiFixed.daylineTblFw,
  #dayline_slide.mobile.daylineTblFw .title.fixed {
    width: calc(100% - 60px);
  }
  #lastUpdate.mobiFixed { /*fixed {*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: white;
    width: 100%;
    padding-left: calc(5% + 30px);
    color: #11a79c;
  }
    #lastUpdate.mobiFixed.daylineTblFw {
      padding-left: 30px;
    }
  #txtLastUpdate.mobiFixed { /*fixed {*/
    display: inline-block !important;
  }
}

@media screen and (max-width:480px) {
  h4.daylineTblFw {
    font-size: 18px;
    line-height: 32px;
    color: #26899C;
    text-align: left;
    margin-bottom: 10px;
  }
  #buttonline.mobiFixed, /*fixed {*/
  #dayline_slide.mobile .title.fixed {
    width: calc(100% - 60px);
  }

  #dayline_slide.mobile .title.fixed {
    top: 3.7em;
  }

  #lastUpdate.mobiFixed { /*fixed {*/
    padding-left: 30px;
  }
}
/* end of scroll fix */
/* end of calendar style*/


/* start of improved processtoday */
#doctor_list .txtDep {
  line-height: 1.2em;
}

#dayline_slide .ind {
  margin: 0 auto 4px !important;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  border: 1px solid #e2e2e2;
  background: #f0f0f0 !important;
  min-height: 120px;
}
#dayline_slide .dep .ind {
  margin: 0 auto !important;
  border: unset;
  border-bottom: 2px dashed #d2d2d2;
  border-radius: 4px;
  min-height: 100px;
}

  #dayline_slide .dep .ind:last-of-type {
    border-bottom: none;
  }

#dayline_slide .ind .name {
  position: relative;
  font-size: 0.95rem;
  padding: 0;
  margin: 0;
  left: -0.4rem;
}

#dayline_slide .ind .dlroom {
  font-size: 0.8rem;
  padding: 0;
  margin: 0;
}

#dayline_slide .ind .note {
  padding-top: 0.6em;
  border-bottom: none;
  margin-bottom: 0;
  padding-top: 0.6em;
  xfont-size: 0.75rem !important;
}

/*#dayline_slide .ind .curCallNumber {
    display:block !important;
    margin: 0.25rem auto !important;
    xbackground: #467187;
    background: rgb(70, 113, 135);
    color:whitesmoke;
    border-radius: 10px;
    width: 4rem !important;
}*/
#dayline_slide .ind .curCallNumber {
  position: relative;
  font-size: 0.75rem !important;
  display: block !important;
  margin: 0.25rem auto 0 !important;
  color: #e54020 !important;
  border-radius: 10px;
  width: 3.8rem !important;
}

  #dayline_slide .ind .curCallNumber:before {
    content: "";
    display: inline-block;
    position: relative;
    left: 3%;
    top: 0.3rem;
    float: left;
    width: 8px;
    height: 8px;
    background: #e54020;
    border-radius: 15px;
  }

  #dayline_slide .ind .curCallNumber span {
    line-height: 1rem;
    font-size: 0.75rem !important;
    display: block;
  }

#dayline_slide .ind .rnumber {
  padding: 5px;
  color: #2a2a2a !important;
}

#dayline_slide .ind .note {
  font-size: 0.8rem !important;
  font-weight: normal;
}

#dayline_slide .ind .name,
#dayline_slide .ind .dlroom,
#dayline_slide .ind .note,
#dayline_slide .ind .divider {
  opacity: 0.5;
}

#dayline_slide .ind.ok .name,
#dayline_slide .ind.ok .dlroom,
#dayline_slide .ind.ok .rnumber,
#dayline_slide .ind.ok .note,
#dayline_slide .ind.ok .divider {
  opacity: 1;
}

#dayline_slide .ind .status {
  margin-bottom: 0 !important;
  min-height: auto !important;
  font-size: 0.84375rem !important;
  padding: 0px 0.2rem 0.4rem !important;
  font-weight: normal;
}

  #dayline_slide .ind .status.ok {
    background: #e54020 !important;
    /* background: #26899c !important;*/
    /* background: #ed5602 !important;*/
    /* background: #11a79c !important;*/
    border-radius: 15px !important;
    width: 4rem !important;
    padding: 0.1rem 0.2rem !important;
    border-bottom: 0 !important;
  }

#dayline_slide.pc .ind a.status.ok:hover {
  background: #38b1a6 !important;
}

#dayline_slide.pc .ind a.rstatus:hover {
  background: #38b1a6 !important;
}

#dayline_slide .ind {
/*  background: #f0f0f0 !important;
  min-height: 120px;*/
}

  #dayline_slide .ind.ok {
    background: #eef4fa !important;
  }

#doctor_list .divider {
  width: 45%;
  margin: 0.2rem auto;
  border-color: #c8c5c5;
}

#doctor_list .ok .divider {
  border-color: #d3d9e0;
}

#dayline_slide .rstatus {
  border-radius: 15px !important;
  background: #cb9100 !important;
  background: #999c26 !important;
  color: white !important;
  display: inline-block !important;
  width: 4rem !important;
  height: unset !important;
  padding: 0.1rem 0.2rem !important;
  margin: 0 auto;
  min-height: unset !important;
  border-bottom: 0 !important;
}

@media screen and (max-width: 755px) {
  #dayline_slide .ind {
    padding-top: 0.9rem;
    padding-bottom: 0.7rem;
  }

  #doctor_list .ind .note {
    padding-bottom: 0.6em;
  }
}
@media screen and (max-width: 480px) {
  #dayline_slide .ind .name {
    left: 0rem;
  }

  #dayline_slide .ind .status,
  #dayline_slide .ind .rstatus,
  #dayline_slide .ind .curCallNumber {
    font-size: 0.8rem !important;
  }

    #dayline_slide .ind .status.ok,
    #dayline_slide .ind .rstatus {
      width: 3.5rem !important;
    }

  #dayline_slide .ind .curCallNumber {
    padding: 0.2em 0.4em 0.2em 0.8em !important;
  }
}

/* end of improved processtoday */

/* start of ios input restyle */
input[type="text"] {
  border: 1px solid #999 !important;
  border-radius: 0 !important;
  font-size: 0.835rem !important;
}

.select-restyle select,
.select-restyle option {
  -webkit-appearance: none;
}

.select-restyle {
  position: relative;
  display: inline-block;
}

  .select-restyle:after {
    content: '';
    top: 50%;
    right: 6px;
    position: absolute;
    margin-top: -3px;
    height: 0;
    width: 0;
    border-top: 6px solid black;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    pointer-events: none;
  }

  .select-restyle select {
    padding-right: 24px;
    padding-left: 4px;
    color: black !important;
    background: white;
    border: 1px solid #999 !important;
    font-size: 0.835rem !important;
  }

input.audioBtn {
  color: black;
  background: #efefef;
  font-size: 0.875rem;
  text-align: center;
  padding: 0 0.4em;
  max-height: 2rem;
  border-radius: 3px;
  border: 1px solid #767676;
}

@media screen and (max-width: 380px) {
  #first_dr form .fieldset .div {
    margin-left: 100px;
  }
}
/* end of ios input restyle */

/* !!!!!! start of fixed side menu */
#mainpart .sq .twopart .left.stay {
  position: unset;
  top: unset;
  z-index: unset;
  overflow-y: unset;
  width: unset;
  right: unset;
  box-shadow: none;
}

@media screen and (max-width: 901px) {
  #leftb {
    position: fixed !important;
    top: 48% !important;
    top: 46vh !important;
    left: 0 !important;
    box-shadow: 0px 2px 3px #999;
  }

  #mainpart .sq .twopart .left.stay #leftb {
    box-shadow: none;
  }

  #mainpart .sq .twopart .left.stay {
    position: fixed;
    top: 0;
    z-index: 100000;
    overflow-y: auto;
    width: calc(100vw - 2em);
    right: 2em;
    box-shadow: 5px 0px 10px rgba(0,0,0,0.5);
  }

  #mainpart .sq .twopart .left {
    position: fixed;
    z-index: 700;
    top: 0;
    box-shadow: none;
    height: 100vh;
  }

  #lastUpdate.pcFixed,
  #lastUpdate.mobiFixed {
    top: 105px;
  }

  #buttonline.pcFixed {
    top: 140px;
  }

  #dayline_slide.pc .title.fixed {
    top: 170px;
  }
}

@media screen and (max-width: 755px) {
  #buttonline.mobiFixed {
    top: 138px;
  }

  #dayline_slide.mobile .title.fixed {
    top: 168px;
  }
}

@media screen and (max-width: 540px) {
  #mainpart .sq .twopart .left .inpage_menu {
    margin-left: 40px;
  }
}

@media screen and (max-width: 480px) {
  #buttonline.mobiFixed {
    top: 132px;
  }

  #dayline_slide.mobile .title.fixed {
    top: 162px;
  }
}
/* end of fixed side menu*/

#tbA li.time span.fixed.os,
#tbP li.time span.fixed.os,
#tbN li.time span.fixed.os {
  top: 9.8em;
}

/* start of menu accessibility fix */
#mainpart .sq .twopart .right.noshadow {
  background: none;
}
#txtOPDList.noleft li {
  width: 40% !important;
}

  #txtOPDList.noleft li a {
    padding: 10px 0px 10px 25px !important;
  }

#txtOPDList.noleft .one_class {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

@media screen and (max-width: 1200px) {
  #txtOPDList.noleft li {
    width: 50% !important;
  }
}

@media screen and (max-width: 610px) {
  #txtOPDList.noleft li {
    width: 100% !important;
  }
}

@media screen and (max-width: 480px) {
  #txtOPDList.noleft ul {
    padding: 0 !important;
  }
}
/* end of menu accessibility fix */

/* start of bigger size 診間進度查詢表格 */
#accordionExample .accordion-button {
  font-weight: bold;
  color: #292929 !important;
}

input[type="text"],
#errOthers,
#errSection,
#accordionExample #GroupIDK a {
  font-size: 0.9375rem !important; /*15px*/
}

.select-restyle select {
  font-size: 0.9rem !important;
  font-size: 0.9375rem !important; /*15px*/
}

#accordionExample .accordion-body {
  font-size: 1rem !important; /*16px*/
}

#errOthers {
  line-height: 1.3rem;
}

#frmFilter.docschedule .fieldset.all select {
  margin-right: 0;
}

#frmFilter.docschedule #errSection {
  text-align: left;
  float: left;
  padding: 0;
  width: 100%;
  margin-left: 120px;
}

#frmFilter.docschedule .fieldset.focus {
  background: #ebf2f2;
  background: #cce4f0;
}

@media screen and (max-width: 480px) {
  #frmFilter.docschedule .fieldset .label {
    font-size: 12pt;
    width: 100px;
  }

  #accordionExample .fieldset .label {
    font-size: 12pt !important;
  }
}

@media screen and (max-width: 400px) {
  #accordionExample #errSection {
    display: block;
  }
}

  @media screen and (max-width: 380px) {
    #frmFilter.docschedule .fieldset .label {
      width: 100%;
      text-align: left;
    }

    #frmFilter.docschedule .fieldset .div,
    #frmFilter.docschedule #errSection {
      margin-left: 50px;
    }

    #frmFilter.docschedule .fieldset > .label {
      margin-left: 50px;
    }
  }

  @media screen and (max-width: 320px) {

    #accordionExample #GroupIDK {
      display: block;
      text-align: right;
      padding-left: 0;
    }
  }
/* end of bigger size 診間進度查詢表格 */

/* start of bigger size 診間進度列表 */
@media screen and (max-width: 755px) {
  .record td:nth-of-type(1) {
    border-bottom: 1px solid #ebebeb;
  }

  .record td:nth-of-type(4) {
    border-radius: 3px 3px 0 0;
  }

  .record td:before, .mobile .mobileLegend {
    font-size: 1rem;
  }

  .record .mobileLegend {
    font-size: 1rem !important;
  }

  .record tr {
    border-radius: 3px
  }

  .record td:nth-of-type(1),
  .record td:nth-of-type(6),
  .record td:nth-of-type(7),
  .record td:nth-of-type(8) {
    border-bottom: 1px solid #f1f1f1;
  }

  #mainpart .sq .twopart .right .maineadit .hospital_class .regist_form .record tr:nth-child(2n-1) td:nth-of-type(1),
  #mainpart .sq .twopart .right .maineadit .hospital_class .regist_form .record tr:nth-child(2n-1) td:nth-of-type(6),
  #mainpart .sq .twopart .right .maineadit .hospital_class .regist_form .record tr:nth-child(2n-1) td:nth-of-type(7),
  #mainpart .sq .twopart .right .maineadit .hospital_class .regist_form .record tr:nth-child(2n-1) td:nth-of-type(8) {
    border-bottom: 1px solid #e4e4e4 !important;
  }

  .record td:nth-of-type(9) {
    padding-right: 0.5em !important;
  }
}
/* end of bigger size 診間進度列表 */

/* start of improved 醫師查詢 */
#frmFilter.docschedule .fieldset > .label {
  width: 10rem;
}

#frmFilter.docschedule .fieldset .div {
  margin-left: 12rem;
}

#frmFilter.docschedule {
  border: 0;
}

  #frmFilter.docschedule .fieldset.butline .div {
    margin-left: 0;
    text-align: center;
  }

  #frmFilter.docschedule #errSection {
    text-align: center;
    margin: 0;
    padding: 1em 0;
  }

  #frmFilter.docschedule .fieldset {
    border-bottom: 0 !important;
    width: 80%;
  }

    #frmFilter.docschedule .fieldset.butline {
      text-align: center;
      margin: 0 auto;
      float: none;
    }

#byName, #byDep {
  height: 4em;
  padding: 1em 0 !important;
  border-radius: 3px;
  float: none !important;
  margin: 0 auto !important;
  background: #f7f7f7;
}

  #byName input {
    width: 9em !important;
  }

#orline {
  font-size: 0.9rem;
  width: 80%;
  margin: 1em auto;
}

  #orline span {
    display: inline-block;
    background: white;
    width: 3em;
    position: relative;
    z-index: 2;
  }

  #orline:after {
    content: "";
    display: block;
    position: relative;
    top: -1.2em;
    width: 100%;
    height: 1px;
    background: #ebebeb;
  }

@media screen and (max-width: 480px) {
  #frmFilter.docschedule .fieldset .label {
    width: 100%;
    text-align: left;
  }

  #frmFilter.docschedule .fieldset > .label,
  #frmFilter.docschedule .fieldset .div {
    margin-left: 20px;
  }

  #filterWrapper {
    clear: both;
  }   
}
/* end of improved 醫師查詢 */

.eaditarea {
  word-wrap: break-word;
}

.roadarea span {
  font-size: 15px !important;
}

/* start of ckcode fix */
#birthdayForm .BirthYear {
  width: 84px !important;
  text-align: left !important;
}

  #birthdayForm span {
    margin:0 0 0 4px;
  }
  #birthdayForm .BirthYear .select-restyle {
    float:left;
  }
  #birthdayForm .BirthMonth span,
  #birthdayForm .BirthDay span  {
    float:right;
  }
  #birthdayForm select {
    margin-right: 0 !important;
  }

.fieldset.all #birthdayForm .BirthYear {
  width: 100px !important;
}
.fieldset.all.butline.s2 {
  margin-left: 110px !important;
  text-align: left;
  margin-top: 1em !important;
  width: auto !important;
}

@media screen and (max-width: 516px) {
  .fieldset.all.butline.s2 {
    width: 100% !important;
    margin-left: 0 !important;
    text-align: center;
  }

  .fieldset.all.s2 {
    width: 50% !important;
  }
}

#ckcodeWrapper {
  display: flex;
  flex-wrap: wrap;
}
  #ckcodeWrapper input[type=button] {
    margin-right: 1em
  }  
#ckcode {
  max-width: 5em;
  margin-bottom: 4px;
}

#code {
  background: #f7f7f7; /*white;*/
  display: inline-block;
  margin: 0;
  width: 67px;
}

#afrm {
  color: grey;
  text-decoration: underline;
  font-size: 0.875rem;
}
/* end of ckcode fix */

/* start of adding schedule page icon */
.one_class.inteam h3 {
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.one_class.inteam h3 {
  display: flex;
  padding: 0 0.5em;
}

  .one_class.inteam h3::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
  }

  .one_class.inteam h3:not(.stay)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
  }

.one_class.inteam ul {
  padding-top: 0 !important;
}
/* end of adding schedule page icon */

/* start of form restyle */
#first_dr form .butline input[type="reset"] {
  background: #989898;
}

#first_dr form .fieldset.nb {
  border: 0;
}

  #first_dr form .fieldset.nb .IDNO2 {
    line-height: 1.2em;
    position: relative;
    top: -0.2em;
  }
.idForm .legend {
  font-size: 0.85em !important;
}

  .idForm .legend .sub {
    position: relative;
    left: -9px;
  }

.idForm {
  padding: 1em 2em;
  background: rgb(247, 247, 247);
  border-radius: 3px;
  padding-bottom: 0;
  width: unset !important;
  display: inline-block !important;
  margin-bottom: 0 !important;
}

  .idForm.nf .fieldset {
  float:none !important;
  }
  .idForm .all {
    width: fit-content !important;
  }

x.idForm:after {
  clear: both;
  content: "";
  display: block;
}

.idForm .fieldset:nth-of-type(3) {
  margin-top: 0.5em !important;
}

#first_dr form .fieldset.nb {
  margin-bottom: 0;
}

.idForm #BirthYear {
  width: 100px !important;
}

.idForm #BirthMonth,
.idForm #BirthDay {
  width: 4em !important;
}

.fieldset.all #birthdayForm .BirthYear {
  width: 135px !important;
}
@media screen and (max-width: 360px ) {
  .idForm {
    padding: 1em 0.5em;
  }
}
/* end of form restyle */

/* restrict image width */
#mguide.health img,
#mguide.news img,
#mguide.foucs img,
#mguide.guide.addTableWrapper img {
    max-width: 100%;
    height: auto !important;
}

#mguide.health a.imgLink,
#mguide.news a.imgLink,
#mguide.foucs a.imgLink,
#mguide.guide.addTableWrapper a.imgLink {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

  #mguide.health a.imgLink:after,
  #mguide.news a.imgLink:after,
  #mguide.foucs a.imgLink:after,
  #mguide.guide.addTableWrapper a.imgLink:after {
    content: url(/Assets/images/magnify_3s.svg);
    pointer-events: none;
    width: 35px;
    height: 35px;
    display: block;
    bottom: 0;
    right: 4px;
    position: absolute;
  }

  #mguide.health a.imgLink:hover:after,
  #mguide.news a.imgLink:hover:after,
  #mguide.foucs a.imgLink:hover:after,
  #mguide.guide.addTableWrapper a.imgLink:hover:after{
    transition: all 0.3s ease;
    bottom: 5px;
  }

#mguide.about img {
  max-width: 100%;
  height: auto !important;
}

.doctor_list .list ul li .picp {
    min-width: 130px !important;
    max-height: 130px !important;
}

@media screen and (max-width: 767px) {
    .doctor_list .list ul li .picp {
        min-width: 110px !important;
        max-height: 110px !important;
    }
}

@media screen and (max-width: 540px) {
    .doctor_list .list ul li .picp {
        min-width: 130px !important;
        max-height: 130px !important;
    }
}

.err {
    background: pink !important;
}