@charset "utf-8";

/*針對boostrap的設定修改*/
.container {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

ol,
ul,
dl {
  margin: 0 !important;
  padding-left: 0;
}

@media (min-width: 576px) {
  .container {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 100% !important;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1190px !important;
  }
}

/*--共用設定--*/
.web {
  display: inline-block;
}

.mobile {
  display: none;
}

main,
#team-banner,
#team-banner {
  margin-top: 192px;
}

.gtco-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(../images/svg/loader.svg) center no-repeat #ffffff;
}

h1,
.h1 {
  font-size: 2rem;
}

.height {
  line-height: 2.3em;
}

::selection {
  background-color: #cccccc;
}

.padding0 {
  padding: 0;
}

.pc {
  display: block;
}

.mobile {
  display: none;
}

.hidden {
  width: 100%;
  overflow: hidden;
}

.f-size24 {
  font-size: 24px;
  font-weight: 500;
}

.en-font {
  font-size: 18px;
}

.addtop15 {
  margin-top: 15px;
}

.addtb25 {
  margin: 25px 0;
}

.addpb35 {
  padding-bottom: 35px;
}

.addtb35 {
  padding: 35px 0;
}

.bg-53 {
  background-color: #535353;
}

.bg-53 {
  color: #ffffff;
}

.bg-53 a {
  color: #ffffff;
}

.bg-gray {
  background-color: #eeeeee;
}

.bg-block {
  background-color: #0f0c0b;
}

.color-gray {
  color: #a3a3a3;
}

.color-black {
  color: black;
}

.color-red {
  color: #ae5357;
}

.sitemap {
  float: right;
  color: #727272;
  font-size: 0.9em;
  width: 100%;
  margin-bottom: 15px;
}

.sitemap ul {
  text-align: right;
}

.sitemap li {
  list-style: none;
  display: inline-block;
}

.sitemap li a {
  color: #727272;
}

.sitemap a:hover {
  color: #ae5357;
}

.sitemap li:after {
  content: '/';
  display: block;
  float: right;
  padding: 0 5px;
}

.sitemap li:last-child:after {
  content: '';
}

.padding5 {
  padding: 0 5%;
}

/*影片崁入*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#m-btn-reservation {
  display: none;
}

#m-btn-reservation0 {
  text-align: center;
  font-size: 1.5em;
  background-color: #535353;
}

#m-btn-reservation0 a {
  color: #fff;
  display: block;
  padding: 5px 0;
  cursor: pointer;
}

#m-btn-reservation0 a:hover,
#m-btn-reservation0 a:active {
  background-color: #ae5357;
}




.btn-primary {
  color: #fff;
  background-color: #fff;
  border-color: #FFFFFF;
}

.btn {
  padding: 0;
}

.page-ckeditor {
  width: 800px;
  margin: 0 auto;
}

/*.page-ckeditor h4, .ckeditor h4 {
	padding: 8px 0;
    border-bottom: 1px solid #d9d9d9;
    font-weight: bolder;
    margin: 25px auto 15px;
    font-size: 1.5rem;
    line-height: 1.2;
    color: inherit;
    font-family: inherit;
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.page-ckeditor h4:before, .ckeditor h4:before {
	  content: '';
    display: block;
    float: left;
    width: 35px;
    height: 80px;
    background-image: url(/images/h4-before.jpg);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    margin-right: 10px;
}*/
.page-ckeditor h4,
.ckeditor h4 {
  padding: 8px 0;
  border-bottom: 1px solid #d9d9d9;
  font-weight: bolder;
  font-size: 1.5rem;
  line-height: 1.2;
  color: inherit;
  font-family: inherit;
  -webkit-margin-before: 1.33em;
  -webkit-margin-after: 1.33em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  display: block;
  position: relative;
  margin: 25px auto 15px auto;
}

.page-ckeditor h4:before,
.ckeditor h4:before {
  content: '';
  background-image: url(/images/h4-before.jpg);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  margin-right: 10px;
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  left: -35px;
}

.page-ckeditor img {
  max-width: 100% !important;
  height: auto !important;
}

.page-ckeditor p,
.ckeditor p {
  font-size: 18px;
  line-height: 24.0pt;
  color: gray;
}

/*--行動版側邊選單--*/
#w {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

#w #pagebody {
  position: relative;
  left: 0;
  z-index: 99999;
}

#w #pagebody #toolbarnav {
  position: fixed;
  display: block;
  left: 0px;
  top: 0px;
  z-index: 9999;
  width: 100%;
  height: 59px;
  background: #fff;
}

#w #pagebody #toolbarnav h1 {
  position: absolute;
  left: 50%;
  margin-left: -190px;
  padding-top: 10px;
  color: #000;
  font-weight: bold;
  font-size: 2.1em;
  text-shadow: 1px 1px 0px #313131;
}

#w #pagebody #toolbarnav h1.small {
  display: none;
}

#w #pagebody #toolbarnav #menu-btn {
  width: 60px;
  height: 40px;
  margin: 8px;
  background: url(../images/menu.png) center center no-repeat #333;
  border: 0;
  text-indent: -999999px;
  position: absolute;
  top: 0;
  left: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -border-radius: 3px;
  box-shadow: inset 0 1 1px #000;
  cursor: pointer;
}

#w #pagebody #content {
  display: block;
  height: 100%;
  z-index: 9999;
  padding-top: 45px;
}

#w #navmenu {
  display: none;
  background: #000;
  height: 100%;
  display: block;
  position: fixed;
  width: 200px;
  left: 0px;
  top: 0px;
  z-index: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99999;
}

#w #navmenu header {
  display: block;
  height: 44px;
}

#w #navmenu header h2 {
  text-align: center;
  padding-top: 10px;
  color: #e6e8f2;
  font-weight: bold;
  font-size: 2.1em;
  text-shadow: 1px 1px 0px #313131;
}

#w #navmenu ul {
  list-style: none;
}

#w #navmenu li {
  width: 100%;
  float: left;
}

#w #navmenu ul li a {
  display: block;
  color: #fff;
  font-size: 1.1em;
}

#w #navmenu ul li a:visited {
  text-decoration: none;
}

#w #navmenu ul li a:hover {
  color: #FFF;
  text-decoration: none;
}

#w #navmenu ul li .qa_title:hover {
  background: #000;
}

#menu #qaContent li .qa_title {
  font-size: 0.95em;
  padding: 10px;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  border-bottom: 1px solid #232323;
  background: #000;
  text-align: left;
}

#menu #qaContent li .qa_title a {
  font-size: 0.95em;
}

#menu #qaContent li .qa_content li {
  font-size: 0.8em;
  border-bottom: none;
}

#menu #qaContent li .qa_content li a {
  display: block;
  font-size: 1.2em;
  line-height: 30px;
  padding: 5px 0 5px 10px;
  color: #000;
  background: #eee;
  text-align: left;
}

#menu-btn {
  position: absolute;
  right: 15px;
}

#back-top {
  position: fixed;
  z-index: 99999;
  right: 10px;
  bottom: 10px;
}

/*--下拉選單--*/
/*--------------------------------------------
第一層
--------------------------------------------*/
#menu {
  background-color: #535353;
  margin-top: 20px;
}

#menu .link {
  font-size: 1.2em;
  margin: 0 45px;
}

#menu .link a {
  display: block;
  font-size: inherit;
  color: #fff;
  width: inherit !important;
  padding: inherit;
}

ul.navigation {
  display: block;
  text-align: center;
}

ul.navigation li {
  display: inline-block;
  color: #ffffff;
  position: relative;
  list-style-type: none;
  font-size: 16px;
  letter-spacing: 0.1em;
  padding: 10px 0;
}

ul.navigation li .en {
  font-size: 0.7em;
  color: #bababa;
}

ul.navigation li a {
  display: block;
  font-size: 16px;
  color: #fff;
  width: 165px !important;
  padding: 0 10px;
}

ul.navigation li a:hover {
  color: #ffffff;
  /*-moz-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;*/
}

/*--------------------------------------------
特定在第一層，以左邊灰線分隔
--------------------------------------------*/
ul.navigation>li>a {}

ul.navigation>li>a:hover {
  color: #fff;
  background: #999;
}

/*--------------------------------------------
特定在第一層 > 第二層之後下拉部分之樣式
--------------------------------------------*/
ul.navigation li ul {
  display: none;
  position: absolute;
  width: 100%;
  top: 68px;
  z-index: 9999;
}

/*--------------------------------------------
當第一層選單被觸發時，指定第二層顯示 li:hover > ul 有一個 > 的用意是只要讓下一層顯示出來就好，不要讓再後面一層也一起顯示。
--------------------------------------------*/
ul.navigation li:hover>ul {
  display: block;
}

/*--------------------------------------------
特定在第二層或之後下拉部分 li 之樣式
--------------------------------------------*/
ul.navigation ul li {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  margin: inherit;
}

ul.navigation ul li:hover {
  background-color: #ae5357;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

/*--------------------------------------------
特定在第二層或之後下拉部分 li （最後一項不要底線）之樣式
--------------------------------------------*/
ul.navigation ul li:last-child {
  border-bottom: none;
}

/*--HEADER--*/
#banner {
  margin-top: 192px;
}

header {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  background: #ffffff;
}

#top-box {
  margin: 10px 0;
}

#top-box h1,
#top-box h2 {
  font-size: inherit;
  margin-bottom: 0;
  margin-top: 0.5rem;
}

#logo {
  float: left;
}

#logo img {}

#clinic-name {
  line-height: initial;
  float: left;
  margin-left: 15px;
  margin-top: 10px;
}

a:hover>#clinic-name {
  color: #000000;
}

#btn-schedule {
  float: right;
  margin-top: 15px;
  text-align: center;
}

#btn-adds {
  float: right;
  text-align: center;
  margin: 15px 0 0 30px;
}

#top-search {
  margin-bottom: 5px;
}

#top-search li {
  list-style: none;
  float: right;
  margin-top: 5px;
  margin-left: 45px;
}

#top-search li:last-child {
  margin-left: auto;
}

#top-search li a {
  display: block;
  height: 35px;
  width: 35px;
}

#top-search li.line {
  background-image: url(../images/icon.png);
  background-position: -116px -76px;
}

#top-search li.fb {
  background-image: url(../images/icon.png);
  background-position: 116px -77px;
}

#top-search li.search {
  background-image: url(../images/icon.png);
  background-position: -193px -76px;
}

.m-contant a {
  width: 100%;
  display: block;
  background-color: #ae5357;
  text-align: center;
  font-size: 1.3em;
  color: #ffffff;
  padding: 5px 0;
}

.btn-reservation {
  cursor: pointer;
  text-align: center;
  background-color: #ae5357;
  width: 200px;
  float: right;
  padding: 5px 0;
  color: #fff;
  letter-spacing: 0.5em;
  font-size: 1.3em;
  box-shadow: 5px 5px 0 #454545;
  transition: 0.5s ease-in-out;
}

.btn-reservation:hover {
  background-color: #8c8c8c;
}

.btn-reservation a {
  color: #fff;
}

#banner .item img {
  display: block;
  width: 100%;
  height: auto;
}

#contact_phone {
  background-color: #c0bfbf;
}

#contact_phone .phone {
  padding: 8px;
}

#contact_phone .phone:before {
  content: '';
  display: block;
  float: left;
  width: 35px;
  height: 25px;
  background-image: url(../images/icon.png);
  background-position: 0 -115px;
}

.disease-item {}

.disease-item .title {
  padding-bottom: 8px;
}

.other-symptom {
  cursor: pointer;
  text-align: center;
  background-color: #ae5357;
  width: 200px;
  float: left;
  padding: 5px 0;
  color: #fff;
  letter-spacing: 0.5em;
  font-size: 1.3em;
  box-shadow: 5px 5px 0 #454545;
  transition: 0.5s ease-in-out;
}

.other-symptom:hover {
  background-color: #8c8c8c;
}

.other-symptom a {
  color: #fff;
}

.symptom-txt {
  width: 65%;
  float: right;
}

.skin-symptom img {
  width: 100%;
}

.skin-symptom img:hover {
  animation: pulse 0.5s;
}

#ba-case {
  width: 90%;
  margin: 25px 5% 0;
}

/*--頁尾--*/
#f-about {
  width: 35%;
}

#f-share {
  margin-top: 15px;
}

#f-share li {
  font-size: 0.9em;
  float: left;
  margin: 0 5px;
  list-style: none;
}

#f-share li.youtube a,
#f-share li.line a,
#f-share li.fb a,
#f-share li.ig a {
  display: block;
  width: 50px;
  height: 50px;
}

#f-share li.youtube {
  background-image: url(../images/footericon.png);
  background-position: -0px;
}

#f-share li.line {
  background-image: url(../images/footericon.png);
  background-position: -50px;
}

#f-share li.fb {
  background-image: url(../images/footericon.png);
  background-position: -100px;
}

#f-share li.ig {
  background-image: url(../images/footericon.png);
  background-position: -150px;
}

#f-share li.txt .phone:before {
  content: '';
  display: block;
  float: left;
  width: 21px;
  height: 20px;
  margin-right: 5px;
  background-image: url(../images/icon.png);
  background-position: -7px -116px;
}

#f-share li.txt .adds:before {
  content: '';
  display: block;
  float: left;
  width: 21px;
  height: 20px;
  margin-right: 5px;
  background-image: url(../images/icon.png);
  background-position: -34px -116px;
}

#copyright {
  font-size: 0.8em;
  margin: 5px 0;
  color: #535353;
}

#f-menu {
  float: right;
  width: 62%;
  display: block;
}

.f-list {
  display: inline-table;
  text-align: center;
  margin-right: 15px;
}

.f-list .title {
  width: 100%;
  font-size: 1.2em;
  padding: 0 8px 5px;
  margin-bottom: 5px;
  font-weight: bolder;
  border-bottom: 1px solid #000000;
  letter-spacing: 0.1em;
}

.f-list li {
  list-style: none;
  font-size: 0.9em;
  line-height: 28px;
}

/*--首頁實際案例輪播--*/
.ba-case .owl-dots,
.m-skin-symptom .owl-dots {
  position: initial;
  text-align: center;
}

.ba-case .owl-dot span,
.m-skin-symptom .owl-dot span {
  width: 10px;
  height: 10px;
  border: none;
  box-shadow: none;
  background-color: #a0a0a0;
}

.ba-case .owl-dot.active span,
.m-skin-symptom .owl-dot.active span {
  width: 12px;
  height: 12px;
  border: none;
  box-shadow: none;
  background-color: #5a5a5a;
}

.ba-case .owl-nav .owl-prev {
  left: -5%;
}

.ba-case .owl-nav .owl-next {
  right: -5%;
}

.ba-case h4 {
  margin-top: 15px;
}

.ba-case .item img:hover {
  animation: pulse 1s;
  box-shadow: 0 0 10px #dddddd;
}

#f-link img {
  width: 100%;
}

/*--關於我們--*/
#about-bg01 {
  background-image: url(../images/about-01bg.png);
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: cover;
}

#about-bg02 {
  background-image: url(../images/about-02bg.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 0 150px;
  height: 510px;
}

.about-font02 {
  line-height: 2.3em;
  width: 65%;
  margin: 0 auto;
  padding: 10% 0;
  position: relative;
  z-index: 1;
}

.about-font03 {
  line-height: 2.3em;
  padding-top: 50px;
}

#about-dr {
  position: absolute;
  right: 5%;
  bottom: 0;
  width: 24%;
}

#about-dr img {
  width: auto;
}

#building {
  width: 35%;
}

#building img {
  width: 100%;
}

.about-font01 {
  width: 65%;
  color: #ffffff;
  margin-top: 150px;
  padding-left: 50px;
  line-height: 2.3em;
}

.about-font01 h1 {
  margin-bottom: 25px;
}

.about-font01 h1 span {
  border-bottom: 3px solid #ffffff;
}

/*--團隊--*/
#team-banner {
  background: center fixed;
  background-size: cover;
  background-image: url(../images/team-bg.jpg);
}

.center-title h1 {
  width: 400px;
  border-bottom: 1px solid #000000;
  margin: 0 auto 5px;
  padding-bottom: 5px;
}

.dr-list {
  padding: 10px;
}

.dr-border {
  padding: 8px;
  border: 1px solid #dddddd;
}

.dr-list .img img {
  width: 100%;
}

.dr-list .img:hover {
  animation: pulse 1s;
}

.dr-list .dr-name {
  padding: 15px 0 5px;
  font-size: 1.4em;
  border-bottom: 3px solid #bfbfbf;
}

.dr-list .description {
  font-size: 0.9em;
  color: #2E2E2E;
  line-height: 1.8em;
}

.dr-list .description:hover {
  color: #000000;
}

.dr-list a.dr-more-btn {
  display: block;
  width: 100%;
  padding: 5px 0;
  margin-top: 15px;
  border: 1px solid #535353;
  text-align: center;
}

.dr-list a.dr-more-btn:hover {
  background-color: #535353;
  color: #ffffff;
  transition: 0.3s ease-in-out;
}

/*--醫師介紹頁--*/
#dr-banner {
  background-image: url(../images/dr-bg.jpg);
  background-size: cover;
}

#dr-banner img {
  float: right;
  width: 35%;
  margin-top: 50px;
}

#dr-banner .box {
  position: absolute;
  width: 550px;
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 33%;
  left: 10%;
  padding: 25px 50px;
}

#dr-banner .box .name {
  padding-bottom: 25px;
}

#dr-banner .box .txt {}

.dr-resume {
  padding: 5% 5% 5% 0;
  line-height: 2em;
  letter-spacing: 0.1em;
}

.resume-title {
  margin-bottom: 30px;
}

.dr-resume li {
  list-style: inside;
}

.dr-license {
  padding: 5% 0;
}

.license-img {
  display: inline-block;
  padding: 5px;
  width: 24%;
}

.license-img img {
  width: 100%;
}

.endorsement {
  border-top: 1px solid #dddddd;
}

.dr-endorsement-left,
.dr-endorsement-right {
  margin: 25px 1.5% 0;
  width: 47%;
}

.dr-endorsement-left {
  float: left;
}

.dr-endorsement-right {
  float: right;
}

.dr-endorsement-left .img,
.dr-endorsement-right .img {
  width: 30%;
}

.dr-endorsement-left img,
.dr-endorsement-right img {
  width: 100%;
  height: auto;
}

.dr-bio {
  width: 65%;
  margin: 0 auto;
}

.dr-bio .name {
  margin: 0 0 10px 0;
  font-size: 1.5em;
}

.dr-bio .description {
  margin: 15px 0;
}

.dr-bio .description li {
  list-style: inside;
  color: gray;
  white-space: nowrap;
}

/*門診表*/
#schedule {
  padding: 10px;
  width: 100%;
}

#schedule .title {
  background-image: url(../images/icon_schedule.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 40px;
  margin-bottom: 10px;
  color: #2f2f2f;
  height: 30px;
  line-height: 30px;
  font-size: 1.2em;
}

#schedule .title .en {
  color: #f4a6db;
  font-size: 80%;
}

/*仿table列表設定*/
#item {
  width: 100%;
  background: #fff;
  color: #98544c;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}

.item {
  font-size: 1.1em;
  display: table;
  width: 100%;
}

.item.th {
  color: #ffffff;
}

.item.th ul:first-child {
  background-color: #000000;
}

.item.th li {
  border: none;
}

.item ul {
  display: table-row;
  background-color: #ffffff;
}

.item li {
  border-right: 1px solid #dddddd;
  padding: 10px;
  display: table-cell;
  list-style-type: none;
  white-space: normal;
  text-align: center;
  vertical-align: middle;
}

.item li:last-child {
  border-right: none;
}

.item li a {}

.itemlist {
  border-bottom: 1px solid #eee;
  background-color: #acacac;
}

.itemlist li:first-child {
  background-color: #acacac;
  color: #ffffff;
}

/*門診表元素*/
.schedule-time {
  font-size: 1em;
  letter-spacing: inherit;
}

.bggray {
  background: #f9f9f9;
}

.item li .drname {}

.item li .drtime {}

/*仿table列表_標題+寬度等額外元素*/
.h90 {
  height: 90px;
  line-height: 90px;
}

.h80 {
  /*height:80px;*/
  line-height: 80px;
}

.h40 {
  height: 40px;
  line-height: 40px;
}

.w100 {
  width: 100%
}

.w90 {
  width: 90%
}

.w80 {
  width: 80%
}

.w70 {
  width: 70%
}

.w60 {
  width: 60%
}

.w50 {
  width: 50%
}

.w40 {
  width: 40%
}

.w30 {
  width: 30%
}

.w25 {
  width: 25%
}

.w20 {
  width: 20%
}

.w14 {
  width: 14%
}

.w16 {
  width: 16%
}

/*--掛號時間表--*/
/*--我們的環境--*/
.ad-banner img {
  width: 100%;
}

.setting-img .owl-dots {
  display: none;
}

#set-adds {
  margin: 8px 0;
  white-space: nowrap;
}

#set-adds:before {
  content: '';
  display: block;
  float: left;
  background-image: url(../images/icon.png);
  background-position: -33px -116px;
  width: 23px;
  height: 23px;
}

#set-phone {
  margin: 8px 0;
  white-space: nowrap;
}

#set-phone:before {
  content: '';
  display: block;
  float: left;
  background-image: url(../images/icon.png);
  background-position: -6px -116px;
  width: 23px;
  height: 23px;
}

/*---文章內頁footer---*/
#foot-share {
  margin-top: 35px;
  padding-top: 20px;
  border-top: 1px solid #bfbfbf;
}

#back-btn {
  letter-spacing: 0.1em;
  text-align: center;
}

#share-btn li {
  float: left;
  list-style: none;
  margin-right: 5px;
}

#share-btn span {
  display: block;
  width: 46px;
  height: 46px;
}

#share-btn span:hover {
  background-position-y: -46px !important;
}

#share-btn span#fb {
  background-image: url(../images/share-btn.png);
  background-position: -104px 0px;
}

#share-btn span#google {
  background-image: url(../images/share-btn.png);
  background-position: 97px 0px;
}

#share-btn span#line {
  background-image: url(../images/share-btn.png);
  background-position: -52px 0px;
}

#share-btn span#twitter {
  background-image: url(../images/share-btn.png);
  background-position: -155px 0px;
}

#share-btn span#pinterest {
  background-image: url(../images/share-btn.png);
  background-position: -256px 0px;
}

/*---皮膚列表---*/
.skin-class {}

select#skin-class {
  width: 350px;
  text-align: center;
  outline: none;
  padding: 5px 0;
  border: none;
  border-bottom: 1px solid #000000 !important;
}

select#skin-class option {
  display: block;
  text-align: center;
}

/*css black2 style pagination*/
div.black2 {
  padding: 7px;
  margin: 3px;
  text-align: center;
}

div.black2 a {
  border: #000000 1px solid;
  padding: 5px 10px;
  margin: 2px 5px;
  color: #000000;
  text-decoration: none;
  line-height: 2.5em;
}

div.black2 a:hover {
  border: #000000 1px solid;
  color: #fff;
  background-color: #000;
}

div.black2 a:active {
  border: #000000 1px solid;
  color: #fff;
  background-color: #000;
}

div.black2 span.current {
  border: #000000 1px solid;
  padding: 5px 10px;
  font-weight: bold;
  margin: 2px;
  color: #fff;
  background-color: #000000;
}

div.black2 span.disabled {
  border: #eee 1px solid;
  padding: 2px 5px;
  margin: 2px;
  color: #ddd;
}

/*---療程內頁相關文章---*/
#other-page {
  margin-top: 50px;
}

#other-page h3 span {
  text-align: center;
  border-top: 1px solid #111111;
  border-bottom: 1px solid #111111;
  padding: 5px 15px;
}

#other-page li {
  list-style: inside;
  padding: 8px 0;
  border-bottom: 1px dashed #bfbfbf;
}

#other-page ul {
  padding: 25px 0;
}

.media-class {
  display: inline-block;
  border-right: 1px solid #111111;
  padding: 0 15px;
}

.media-class:last-child {
  border-right: none;
}

#radio-list li {
  border-bottom: 1px solid #b7b7b7;
  padding: 18px 0 8px;
  list-style: inside;
  list-style-image: url(../images/radio-arrow.jpg);
}

#radio-list li .time {
  float: right;
}

.audio {
  width: 100%;
}

.current a {
  color: #ae5357;
}

/*---影音---*/
.video_place {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
}

.video_place iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.search-item img {
  width: 100%;
}

/*---安慎時間BOX設置---*/
.radio-dr-img {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 80px;
}

.radio-dr-img img {
  border: 3px solid #ffffff;
  border-radius: 50%;
  width: 30%;
}

.radio-dr-name {
  position: absolute;
  bottom: -20px;
  text-align: center;
  background-color: #683234;
  padding: 8px 0;
  font-size: 1.5em;
  width: 36%;
  margin: 0 32%;
  border-radius: 35px;
  color: #ffffff;
}

.radio-dr-name {
  position: absolute;
  bottom: -20px;
  text-align: center;
  background-color: #683234;
  padding: 8px 0;
  font-size: 1.2em;
  width: 36%;
  margin: 0 32%;
  border-radius: 35px;
  color: #ffffff;
}

.radio-title {
  text-align: center;
  position: absolute;
  bottom: 20%;
  width: 100%;
  font-size: 2.5em;
}

/*搜尋*/
#search {
  width: 250px;
  margin: 25px auto 50px auto;
  position: relative;
}

#search input:focus {
  outline: none
}

#search input.search_form {
  border: 1px solid #535353;
  color: #ccc;
  padding: 4px 5px;
  text-align: center;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  width: 100%;
}

#search input.search_btn {
  background-image: url(../images/search-ml.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  border: none;
  position: absolute;
  top: 3px;
  right: 8px;
}

/*線上提問*/
#contact-left {
  float: left;
  width: 50%;
  padding: 50px 25px 0 25px;
  /*color: #fff;*/
}

#contact-right {
  float: right;
  width: 50%;
  position: relative;
  padding: 50px 0 0 0;
}

#contact-right #triangle {
  position: absolute;
  right: 10px;
  top: 0;
}

#contact-right #triangle02 {
  position: absolute;
  left: 10px;
  bottom: 50px;
}

/*線上發問+整體表單設定*/
#contact {
  margin: 0 0 25px 0;
  padding: 0 0 25px 0;
}

.list {
  width: 100%;
  margin: 15px 0;
}

.listname {
  float: left;
  width: 15%;
  margin-left: 5%;
  text-align: left;
  margin: 0 10px 0 0;
  line-height: 2em;
}

.listinput {
  float: left;
  width: 78%;
  line-height: 25px;
}

.listinput .time {
  display: block;
  float: left;
  width: 48%;
}

.listinput .txt {
  display: block;
  float: left;
  width: 4%;
  text-align: center;
  line-height: 25px;
}

.listinput_two {
  display: block;
  float: left;
  width: 50%;
}

.listinput_three {
  display: block;
  float: left;
  width: 33.33%;
}

.btnlocation {
  width: 92px;
  margin: 0 auto;
}

#contact .btn {
  background: #000;
  padding: 10px 45px;
  font-size: 1.2em;
  color: #fff;
  font-family: 'Microsoft JhengHei', 'Apple LiGothic Medium', 'Helvetica, Arial', "LiHei Pro", "微軟正黑體";
}

/*所有提問*/
#contactsearch {
  margin-bottom: 25px
}

#contactsearch li {
  float: left;
  width: 24.5%;
  margin-right: .5%;
  list-style-type: none
}

#surgery_question {
  margin-bottom: 25px;
}

#surgery_question ul {
  list-style-type: none
}

#surgery_question li {
  cursor: pointer;
  list-style-type: none;
  padding: 5px 10px;
  display: block;
  border: 3px solid #eee;
  margin-bottom: 5px
}

#surgery_question li:hover {
  border: 3px solid #FC6 !important;
  -moz-transition: ease-in-out .3s;
  -o-transition: ease-in-out .3s;
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s
}

#surgery_question li .sort {
  display: inline-block;
  width: 19%;
  border-right: 1px solid #ccc;
  color: #0589c5;
}

#surgery_question li .sort a {
  display: block;
  widows: 100%;
  color: #e9478e;
}

#surgery_question li .title {
  display: inline-block;
  width: 53%;
  padding-left: 1%;
  color: #595758;
  height: 20px;
  overflow: hidden
}

#surgery_question li .title a {
  display: block;
  widows: 100%;
  color: #595758;
}

#surgery_question li .date {
  display: inline-block;
  width: 19%;
  padding-left: 1%;
  color: #595758;
  font-size: .7em;
  text-align: right;
}

#surgery_question li .date a {
  display: block;
  widows: 100%;
  color: #595758;
}

#surgery_question li .status {
  display: inline-block;
  width: 5%;
  padding-left: 1%;
  color: #0a50ae;
  font-size: .7em;
  text-align: center;
}

#surgery_question li .status02 {
  display: inline-block;
  width: 5%;
  padding-left: 1%;
  color: #ffac75;
  font-size: .7em;
  text-align: center;
}

/*提問內頁*/
#contact-detail {}

#contact-detail .left,
#contact-detail-reply .left {
  width: 10%;
  padding-left: 5px;
  float: left;
}

#contact-detail .right,
#contact-detail-reply .right {
  width: 89%;
  float: right;
}

#contact-detail .right .title02,
#contact-detail-reply .right .title02 {
  font-size: 1.5em;
}

#contact-detail ul.date,
#contact-detail-reply ul.date {
  color: #ccc;
  text-align: left;
  list-style-type: none;
  padding-top: 3px;
}

#contact-detail ul.date li,
#contact-detail-reply ul.date li {
  display: inline-block;
  margin-right: 10px;
}

/*提問內頁-回覆*/
#contact-detail-reply {
  border-top: 1px dashed #ccc;
  padding-top: 25px;
  margin-top: 25px;
}

/*------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 240px) and (max-width: 768px) {

  /*--共用設定--*/
  .web {
    display: none;
  }

  .mobile {
    display: inline-block;
  }

  main,
  #team-banner,
  #team-banner {
    margin-top: 6px;
  }

  #w {
    margin-top: 130px;
  }

  .ckeditor img {
    width: 100%;
  }

  .pc {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .symptom-title {
    text-align: center;
    float: none !important;
  }

  .other-symptom {
    width: 50%;
    float: none;
    margin: 0 auto;
  }

  .symptom-txt {
    width: 90%;
    float: right;
    margin: 15px 5%;
  }

  /*--header--*/
  #logo img {
    width: 50px;
  }

  #clinic-name {
    margin-top: 0;
    font-size: 0.9em;
  }

  .f-size24 {
    font-size: 1.2em;
  }

  #banner {
    margin-top: 0;
  }

  #banner .owl-nav.disabled {
    display: none;
  }

  .owl-dots {
    right: 0 !important;
    bottom: 0 !important;
  }

  #contact .phone {
    padding: 8px;
    width: 50%;
    padding-right: 5%;
    border-right: 1px solid #ffffff;
  }

  /*--頁尾--*/
  #f-menu {
    display: none;
  }

  #f-about {
    width: 90%;
    margin: 0 5%;
  }

  #f-about img {
    width: 100%;
  }

  /*--關於我們--*/
  .about-font01 {
    margin-top: 50px;
    width: 90%;
    margin: 50px 5% 0;
    padding-left: 0;
  }

  #building {
    margin: 0 32.5%;
  }

  #about-bg01 {
    background-image: url(../images/about-01bg-m.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  #about-dr {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
  }

  .about-font02 {
    width: 90%;
    margin: 0 5%;
    padding: 0;
  }

  .about-font03 {
    width: 90%;
    margin: 0 5%;
  }

  #about-bg02 {
    background-size: 100%;
  }

  #about-dr img {
    width: 100%;
  }

  .license-img {
    padding: 5px;
    width: 49%;
  }

  #dr-banner img {
    width: 50%;
  }

  #dr-banner .box {
    background-color: rgba(255, 255, 255, 0);
    width: 80%;
    top: 0;
    left: 0;
    padding: 25px 5%;
  }

  #schedule {
    padding: 10px;
    overflow-x: scroll;
  }

  #item {
    width: 1170px;
    padding-right: 5px;
  }

  #back-btn {
    float: none !important;
  }

  #share-btn {
    float: none !important;
  }

  #share-btn div:first-child {
    margin-top: 25px;
    text-align: center !important;
  }

  #share-btn ul {
    text-align: center;
    display: block;
  }

  #share-btn li {
    display: inline-block;
    float: inherit;
  }

  .ckeditor h4 {
    width: 100%;
  }

  #radio-list li .time {
    float: none;
    display: block;
    width: 100%;
    text-align: right;
  }

  .radio-dr-img {
    top: 20%;
  }

  .radio-title {
    bottom: 10%;
  }

  .center-title h1 {
    width: 100%;
  }

  #set-adds:before,
  #set-phone:before {
    float: none;
    position: absolute;
    left: 0px;
  }

  #about-bg02 {
    height: auto;
  }

  .page-ckeditor {
    width: 90%;
    margin: 0 auto;
  }

  .dr-endorsement-left,
  .dr-endorsement-right {
    margin: 25px auto;
    width: 90%;
    float: none;
  }

  .dr-endorsement-left .img,
  .dr-endorsement-right .img {
    width: 100%;
  }

  .dr-endorsement .img {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .dr-bio {
    float: none !important;
    width: 100%;
  }

  .dr-bio .profile,
  .dr-bio .description li {
    white-space: initial;
  }

  /*線上提問*/
  #contact-left {
    float: none;
    width: 100%;
  }

  #contact-right {
    display: none;
  }

  /*線上提問*/
  .list {
    width: 100%;
    margin: 3% 0
  }

  .listname {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 10px 0 0;
    line-height: 2em
  }

  .listinput {
    float: left;
    width: 100%;
  }

  #contactsearch li {
    /*width: 49.5%;
	margin-right: .5%*/
    width: 100%;
    padding-bottom: 10px;
  }

  #surgery_question li .sort {
    width: 100%;
    margin-bottom: 10px;
    border-right: none;
  }

  #surgery_question li .title {
    width: 100%;
  }

  #surgery_question li .date {
    width: 100%;
  }

  #surgery_question li .status,
  #surgery_question li .status02 {
    width: 100%;
    text-align: right;
  }

  .bottom_btn {
    float: left;
    width: 100%;
  }

  /*提問內頁*/
  #contact-detail .left,
  #contact-detail-reply .left {
    width: 10%;
    padding-left: 0;
  }

  #contact-detail .left img,
  #contact-detail-reply .left img {
    width: 100%;
  }

  #contact-detail .right,
  #contact-detail-reply .right {
    width: 88%;
  }

  /*提問內頁-回覆*/
  #contact-detail-reply h3 {
    font-size: 0.7em;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  .about-font01 {
    margin-top: 50px;
  }

  .about-font02 {
    width: 70%;
    margin: 0 30% 0 5%;
  }
}

@media (min-width: 1200px) {
  .about-font01 {
    margin-top: 120px;
  }
}

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