@charset "utf-8";

/*-----------------------------------------------------------------------------------*/
/*	1.	TEMPLATE
/*-----------------------------------------------------------------------------------*/

body               {font-family:"微軟正黑體";background-color:#fff; background-image:url(../images/bg.jpg);background-position:top center; background-repeat:repeat;}
/*---置頂----------------------------------------------------------------------------*/
#backtotop         {POSITION: fixed; BOTTOM: 120px; DISPLAY: none; RIGHT: 0px;}
#backtotop A       {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 40px; DISPLAY: block; HEIGHT: 40px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none}
#backtotop A:hover {opacity: 0.8}
/*---置頂----------------------------------------------------------------------------*/
/*---正簡轉換----------------------------------------------------------------------------*/
.topBar         {background-color:#674505; color: #fff;}
.topBar a:link  {color:#ddd;}
.topBar a:hover {color:#fff;}
/*---正簡轉換----------------------------------------------------------------------------*/
/*---版型樣式----------------------------------------------------------------------------*/
header     {background-color:#e9e9e9;background-image:url(../images/bg-in.jpg);background-position:top center; background-repeat:no-repeat;}
main       {text-align:center;}
footer     {background: linear-gradient(to top, #eee, #ddd);padding:1em;color:#FFFFFF;margin:0 auto;text-align:center;border-top:1px solid #aaa;box-shadow: inset 0 8px 20px rgba(20%,20%,40%,0.1)!important;}
/*--footer     {background-color:#373737;padding:1em;color:#FFFFFF;margin:0 auto;text-align:center; background-image:url(../images/wild_oliva_light_head.png); border-top:1px solid #aaa;}--*/
.logo      {padding: 0;margin: 5px 10px 5px 5px;}
.mwt-nav>.container    { position: relative; left:-15px;}
.dropdown-menu         { left:-15px;}
.mwt-nav li.full.open  { position: static;}
.smenu            { padding:0;}
.smenu li         { display:inline-block;}
.smenu li a:link , .smenu li a:visited , .smenu li a:active {color: #eee;}
.smenu li a:hover { color: #09F;text-decoration: none;}
.ft-all           { display:block; float:left; min-width:250px;height:95px;}
.ft-pic           { display:block; float:left; padding-right:5px; padding-bottom:5px;}
.ft-font          { display:block; float:left; color:#555; text-align:left;}
/*---@media (min-width: 550px) and (max-width: 767px) {
.col-sm-6         { width:50%;}
}-------*/
/*---版型樣式----------------------------------------------------------------------------*/
/*---背景----------------------------------------------------------------------------*/
.banner-bg {background:transparent; padding:0;}
.bn-in     {min-height:80px;}
.bn-in h2  {padding:0; margin:0;font-weight:bold;font-style:italic;text-align:right;color:#663366;}
.bg-block  {background-color: #000;}
.bg-block-b{background-color: #000;background-image:url(../images/wild_oliva_light_head.png);}
.bg-white  {background-color: #FFF;}
.bg-white-s{background-color: #FFF;margin:1%;}
.bg-white-b{background-color: #FFF;background-image:url(../images/lasik-bg_02.jpg);background-position:top center; background-repeat:no-repeat;}
.bg-new    {background-color: #FFF;}
.bg-gary   {background-color: #f8f8f8;}
.bg-green  {background-color: #809410;}
.bg-green-b{background-color: #809410;color:#FFF;}
.bg-yell   {background-color: #FFBE1D;}
.bg-yell-l {background-color: #ffeda6;}
.bg-yell-l2{background-color: #ffed9a;}
.bg-pup    {background-color: #336;}
.bg-red-b  {background-color: #C00; color:#FFF;}
.bg-blue   {background-color: #036; color:#FFF;}
.bg-pink   {background-color: #F36; color:#FFF;}
.bg-blue-l {background-color: #09C; color:#FFF;}
/*---背景----------------------------------------------------------------------------*/
/*---文字樣式----------------------------------------------------------------------------*/
.f-white   {color:#FFF;}
.f-gary    {color:#ccc;}
.f-gary-d  {color:#555;}
.f-block   {color:#000;}
.f-orl     {color:#F85C00;}
.f-red     {color:#DD0003;}
.f-green   {color:#809410;}
.f-yell    {color:#FFBE1D;}
.f-yell-l  {color:#ffed9a;}
.f-blue    {color:#33CCFF;}
.f-blue-d  {color:#0066CC;}
.f-blue-l  {color:#0099CC;}
.f-pink    {color:#C36;}
.f-blue-o  {color:#337ab7;}
.data      {color:#F0A8D5;}
.f-wb      {font-weight:bold}
.f-big     {font-weight:bold; font-size:150%;}
.f-italic  {font-style:italic;}
.font10    {font-size:10px;}
.font12    {font-size:12px;}
.font14    {font-size:14px;}
.font16    {font-size:16px;}
.font18    {font-size:18px;}
.font20    {font-size:20px;}
.font22    {font-size:22px;}
.font24    {font-size:24px;}
.font26    {font-size:26px;}
.font28    {font-size:28px;}
.font30    {font-size:30px;}
/*--靠行-------------------------*/
p           { text-align:left;}
.agn-left   { text-align:left;}
.agn-center { text-align:center;}
.agn-right  { text-align:right;}
/*--行高-------------------------*/
.lh-10      {line-height:1}
.lh-15      {line-height:1.5}
.lh-20      {line-height:2}
/*---文字樣式----------------------------------------------------------------------------*/
/*---邊框樣式----------------------------------------------------------------------------*/
/*--hr-------------------------*/
.hr-border    { border-bottom:1px solid #555; border-top:1px solid #222}
.hr-border-l  { border-bottom:1px solid #eee; border-top:1px solid #ccc}
.hr-border-b  { border-bottom:1px solid #ddd; padding-bottom:5px;}
.hr-b-red     { width:50px; border-bottom:3px solid #D74900; border-top:0;}
.hr-b-yell    { width:100px; border-bottom:3px solid #FFBE1D; border-top:0;}
.cirle        {-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px}
.cirle150     {-webkit-border-radius:75px;-moz-border-radius:75px;-ms-border-radius:75px;-o-border-radius:75px;border-radius:75px}
/*--border---------------------*/
.bd-w10p      { border:10px solid #FFF}
.bd-green     { border:2px solid #809410}
.bd-yell      { border:2px solid #FFBE1D}
.bd-gary-0    { border-top:0;border-bottom:1px solid #ddd;}
.bd-gary-a    { border-top:2px solid #999;border-bottom:2px solid #999;}
.bd-gary-btwn { border-bottom:1px dotted #ccc}
.bd-gary-btn  { border-bottom:1px solid #333}
.bd-gary-btn2 { border-bottom:1px solid #eee}
.bd-shop3     { border:1px solid #777; padding:5px}
.bd-shop      { border:1px solid #ddd; padding:5px}
.bd-shop2     { padding:5px}
/*--padding-margin-------------*/
.pad-btn  { padding-bottom:10px;}
.pad-1em  { padding:1em;}
.pad-2em  { padding:2em;}
.pad-05em { padding:0.5em;}
.man-1em  { margin:1em;}
.max-200h { height:200px; overflow:hidden;}
.mar-btn  { margin-bottom:10px;}
/*---邊框樣式----------------------------------------------------------------------------*/
/*---link樣式----------------------------------------------------------------------------*/
a, a:link, a:hover, a:active, a:visited {text-decoration: none;}

a:link, a:visited, a:active {color:#888;}
a:hover {color:#111;}

.white:link, .white:visited, .white:active {color:#eee;}
.white:hover {color:#fff;}

.ption:link, .ption:visited, .ption:active {color:#222;display:inline-block;}
.ption:hover {color:#fff; background-color: #FF3366;}
.ption:link img, .ption:visited img, .ption:active img {opacity:0.7;}
.ption:hover img {opacity:1;}

.adds:link, .adds:visited, .adds:active {color:#ddd;display:inline-block;}
.adds:hover {color:#fff;}

a:link .pink, a:visited .pink, a:active .pink {color: #C500CB;}
a:hover .pink {color: #E900DA;}

a:link .orl, a:visited .orl, a:active .orl {color: #F85C00;}
a:hover .orl {color: #FF9D10;}

a:link .green, a:visited .green, a:active .green {color: #7c8c22;}
a:hover .green {color: #9bb315;}

.orl a:link, .orl a:visited, .orl a:active {color: #F85C00;}
.orl a:hover {color: #FF9D10;}

.red a:link, .red a:visited, .red a:active {color: #B50003;}
.red a:hover {color: #FF0004;}

.gary a:link, .gary a:visited, .gary a:active {color: #3A3A3A;}
.gary a:hover {color: #A8A8A8;}

a:link .gary, a:visited .gary, a:active .gary {color: #3E3E3E;}
a:hover .gary {color: #7C7C7C;}

a:link .mem-alk, a:visited .mem-alk, a:active .mem-alk { display:block;}
.mem-alk a:hover  {display:block;color: #fff; background-color: #FFA035;}
/*---link樣式----------------------------------------------------------------------------*/




.bkh200{height:110px; overflow:hidden;}
.bdg{ border:5px solid #809410; display:block; padding:0.3em;}
.p-hight{ height:40px; overflow:hidden;}
/*--.title{background-image:url(../images/title.png); background-position:bottom center; background-repeat:no-repeat;text-align:left;font-weight:bold;font-style:italic;padding:5px 20px;text-stroke:5px #000; color:#133450; border-bottom:1px dotted #CCCCCC;}----*/

.title{
   --box-shadow: rgba(51, 51, 102, 0.1) 2px 2px 2px 2px;
    background-image:url(../images/headbg-a.png);--*/
    border-left-width: 8px;
    border-left-style: solid;
	border-left-color: #C93;
	border-top-right-radius:50px;
    font-weight: bold;
    font-size: 24px;
    color: #930;
    padding: 10px;
	border-bottom:1px dotted #bbb;}
.title-dr{
    box-shadow: rgba(51, 51, 102, 0.1) 1px 1px 1px 1px;
	background-color:#FFC;
    border-left-width: 8px;
    border-left-style: solid;
	border-left-color: #C93;
	border-top-right-radius:50px;
    font-weight: bold;
    font-size: 24px;
    color: #930;
    padding: 10px;
	border-bottom:1px dotted #bbb;}



.title small {color:#C93;}

.proff{padding:0px 30px 30px 30px;background-color:#e0f5fc;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}
.fa-quote-l{background-image:url(../images/fa-quote-left.png); background-position: left top; background-repeat:no-repeat; height:17px;}
.fa-quote-l2{background-image:url(../images/fa-quote-left-2.png); background-position: left top; background-repeat:no-repeat;}
.fa-quote-r{background-image:url(../images/fa-quote-right.png); background-position: right top; background-repeat:no-repeat; height:18px;}
.fa-quote-r2{background-image:url(../images/fa-quote-right-2.png); background-position: right bottom}
.rad{-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}

.mem {list-style-type:none; padding:0;}
.mem li{ display: inline-block; padding:8px;}
.sh-pro {list-style-type:none; padding:0;}
.sh-pro .use{padding:0.5em; color:#888}
.sh-pro .sh-pro-s{ display: inline-block; padding-right:2px; width:200px; border:1px solid #D1D1D1}
.sh-pro h4{ display: inline-block;}
.icon-so{list-style-type:none; padding:0;}
.icon-so li{ display: inline-block; margin:2px; }
.icon-so li img{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}
.icon-so .icon-so1 a:link, .icon-so .icon-so1  a:visited, .icon-so .icon-so1  a:active { background-image:url(../images/icon-fb.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.icon-so .icon-so1 a:hover { background-image:url(../images/icon-fb-over.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}

.icon-so .icon-so2 a:link, .icon-so .icon-so2  a:visited, .icon-so .icon-so2  a:active { background-image:url(../images/icon-in.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.icon-so .icon-so2 a:hover { background-image:url(../images/icon-in-over.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}

.icon-so .icon-so3 a:link, .icon-so .icon-so3  a:visited, .icon-so .icon-so3  a:active { background-image:url(../images/icon-gle.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.icon-so .icon-so3 a:hover { background-image:url(../images/icon-gle-over.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}

.icon-so .icon-so4 a:link, .icon-so .icon-so4  a:visited, .icon-so .icon-so4  a:active { background-image:url(../images/icon-mo.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.icon-so .icon-so4 a:hover { background-image:url(../images/icon-mo-over.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}

.icon-so .icon-so5 a:link, .icon-so .icon-so5  a:visited, .icon-so .icon-so5  a:active { background-image:url(../images/icon-twitter.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.icon-so .icon-so5 a:hover { background-image:url(../images/icon-twitter-over.jpg); width:40px; height:40px; display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}
.service-lasik{padding:0 0 20px 0;}
.service-lasik li {padding:10px; width:100%;display: inline-block;border-bottom:1px dotted #ccc; color:#FFF; text-align:left;}
.service-lasik li .data { display:block; float:right; color:#777; font-weight:bold;}


.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#accordion-alt3 .panel-heading h4 a i {font-size: 17px;line-height: 18px;width: 18px;height: 18px;margin-right: 8px;color: #639;text-align: center;border-radius: 50%;margin-left: 6px;font-weight: bold;} 
.icon-new{list-style-image: url(../images/icons_tw.png);} 
.icon-new li{ padding-bottom:5px}
.icon-new li p{ height:60px; overflow:hidden}
.icon-new li a:link, .icon-new li a:visited, .icon-new li a:active {color: #FFF; font-size:1em;}
.icon-new li a:hover {color: #F0A8D5}
.icon-act{list-style-type:none; padding-left:0;} 
.icon-act li {text-align:left; display:inline-block; padding-bottom:10px;} 
.icon-act li img{margin-right:10px; margin-bottom:10px;text-align:left;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px} 
.icon-act li font{ display:inline-block;vertical-align: middle; margin-bottom:10px;margin-right:10px;}
.icon-act li a:link, .icon-act li a:visited, .icon-act li a:active {color: #FFF; font-size:1em;}
.icon-act li a:hover {color: #F0A8D5;}

.icon-act-n{list-style-type:none; padding-left:0;} 
.icon-act-n li {text-align:left; display:inline-block; padding-bottom:10px;} 
.icon-act-n li img{margin-right:10px; margin-bottom:10px;text-align:left;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px} 
.icon-act-n li font{ display:inline-block;vertical-align: middle; margin-bottom:10px;margin-right:10px;}
.icon-act-n li a:link, .icon-act-n li a:visited, .icon-act-n li a:active {color: #666; font-size:1em;}
.icon-act-n li a:hover {color:#2C5C00;}


.pro-man-l{display:inline-block;vertical-align: middle; margin-bottom:10px;margin-right:10px;margin-left:10px;}
.pro-man-r{display:inline-block;vertical-align: middle; margin-bottom:10px;margin-right:10px;margin-left:10px;}
.pro-man-r p{ max-width:30em;}
.pro-man-2r{display:inline-block;vertical-align: middle; margin-bottom:10px;margin-right:10px;margin-left:10px;}
.pro-man-2r p{ max-width:45em;}
.block-h{ display:inline-block;}
.block-hp{ display:inline-block; margin-top:10px;}
.contacts{background-color: #eee;
	padding:30px; margin-top:10px; border:1px solid #CCC;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px
	}
.slide-btn {padding:7px 15px; border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .015);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .015);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.slide-btn:hover,
.slide-btn:focus,
.slide-btn.focus,
.slide-btn:active,
.slide-btn.active,
.open > .dropdown-toggle.slide-btn {
  color: #fff !important;
  background-color: #dda142;
  border-color: #FC0;
}

.service{padding:20px;}
.service li {padding:2px;
	display: inline-block;
	}
.service a, .service a:visited {padding:5px; text-align:center; background-color:#eee;font-size:20px;
	display: block; border:1px solid #C93 inset;
	}
.service a:hover {padding:5px; text-align:center; background-color: #306; font-size:20px;
	display: block; border:1px solid #306 inset; color:#FFF;
	}
.s300 li a{font-size:12px !important;}

.num-list   {list-style-type:decimal;}
.p2f p { text-indent:2em; padding:0px; margin:0px; }

.dropdown-menu-w { min-width:600px !important;}









.btn-id {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  color: #ccc;
  background-color: #fefefe;
  background-image: none;
  border: 1px solid #eee;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .015);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .015);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn-id:hover,
.btn-id:focus,
.btn-id.focus,
.btn-id:active,
.btn-id.active,
.open > .dropdown-toggle.btn-id {
  color: #fff;
  background-color: #F90;
  border-color: #FC0;
}
.btn-id:active,
.btn-id.active,
.open > .dropdown-toggle.btn-id {
  background-image: none;
}
.btn-id.disabled,
.btn-id[disabled],
fieldset[disabled] .btn-id,
.btn-id.disabled:hover,
.btn-id[disabled]:hover,
fieldset[disabled] .btn-id:hover,
.btn-id.disabled:focus,
.btn-id[disabled]:focus,
fieldset[disabled] .btn-id:focus,
.btn-id.disabled.focus,
.btn-id[disabled].focus,
fieldset[disabled] .btn-id.focus,
.btn-id.disabled:active,
.btn-id[disabled]:active,
fieldset[disabled] .btn-id:active,
.btn-id.disabled.active,
.btn-id[disabled].active,
fieldset[disabled] .btn-id.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-id .badge {
  color: #fff;
  background-color: #333;
}


/*--------------------------------------------------------------*/
.form-control-green {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #ccc;
  background-color: #424a15;
  background-image: none;
  border: 1px solid #162F06;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.btn-green {
  color: #ccc;
  background-color: #424a15;
  border-color: #162F06;
}
.btn-green:hover,
.btn-green:focus,
.btn-green.focus,
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  color: #fff;
  background-color: #9bb315;
  border-color: #7c8c22;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  background-image: none;
}
.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled.focus,
.btn-green[disabled].focus,
fieldset[disabled] .btn-green.focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-green .badge {
  color: #fff;
  background-color: #333;
}

/*------------------------------------------------------------------------*/
.btn-pink {
  color: #ccc;
  background-color: #C500CB;
  border-color: #9A00A3;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink.focus,
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  color: #fff;
  background-color: #E900DA;
  border-color: #E900DA;
}
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  background-image: none;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled.focus,
.btn-pink[disabled].focus,
fieldset[disabled] .btn-pink.focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-pink .badge {
  color: #fff;
  background-color: #333;
}



/*------------------------------------------------------------------------*/
.btn-pink-tit {
  color: #ccc;
  border-color: #F90;
  text-align:left;font-weight:bold;font-style:italic;padding:5px 7px;border-bottom:1px dotted #CCCCCC !important;
  border: 1px solid #fff;
  border-radius: 4px 4px 0 0;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn-pink-tit:hover,
.btn-pink-tit:focus,
.btn-pink-tit.focus,
.btn-pink-tit:active,
.btn-pink-tit.active,
.open > .dropdown-toggle.btn-pink-tit {
  color:#fff;
  background-color: #FC3;
  border-color: #F90;
  text-align:left;font-weight:bold;font-style:italic;padding:5px 7px;border-bottom:1px dotted #CCCCCC;
}
.btn-pink-tit:active,
.btn-pink-tit.active,
.open > .dropdown-toggle.btn-pink-tit {
  background-image: none;
}
.btn-pink-tit.disabled,
.btn-pink-tit[disabled],
fieldset[disabled] .btn-pink-tit,
.btn-pink-tit.disabled:hover,
.btn-pink-tit[disabled]:hover,
fieldset[disabled] .btn-pink-tit:hover,
.btn-pink-tit.disabled:focus,
.btn-pink-tit[disabled]:focus,
fieldset[disabled] .btn-pink-tit:focus,
.btn-pink-tit.disabled.focus,
.btn-pink-tit[disabled].focus,
fieldset[disabled] .btn-pink-tit.focus,
.btn-pink-tit.disabled:active,
.btn-pink-tit[disabled]:active,
fieldset[disabled] .btn-pink-tit:active,
.btn-pink-tit.disabled.active,
.btn-pink-tit[disabled].active,
fieldset[disabled] .btn-pink-tit.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-pink-tit .badge {
  color: #fff;
  background-color: #333;
}

/*------------------------------------------------------------------------*/
.btn-pink-tit-in {
  color: #ccc;
  background-color: #606;
  border-color: #9A00A3;
  text-align:left;font-weight:bold;font-style:italic;padding:5px 7px;border-bottom:1px dotted #CCCCCC !important;
  border: 1px solid #fff;
  border-radius: 28px 8px 0 0;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn-pink-tit-in:link {color: #eee;}
.btn-pink-tit-in:hover,
.btn-pink-tit-in:focus,
.btn-pink-tit-in.focus,
.btn-pink-tit-in:active,
.btn-pink-tit-in.active,
.open > .dropdown-toggle.btn-pink-tit-in {
  color:#fff;
  background-color: #906;
  border-color: #603;
  text-align:left;font-weight:bold;font-style:italic;padding:5px 7px;border-bottom:1px dotted #CCCCCC;
}
.btn-pink-tit-in:active,
.btn-pink-tit-in.active,
.open > .dropdown-toggle.btn-pink-tit-in {
  background-image: none;
}


a:link .pink, a:visited .pink, a:active .pink {color: #F39;}
a:hover .pink {color: #FD75B5;}
a:link .blue, a:visited .blue, a:active .blue {color: #09F;}
a:hover .blue {color: #5BD3FF;}
a:link .yell, a:visited .yell, a:active .yell {color: #C90;}
a:hover .yell {color: #DCB050;}
a:link .gary, a:visited .gary, a:active .gary {color: #999;}
a:hover .gary {color: #555;}


/*---門診時間---------------------------------------------------------------*/
.img-center {text-align:center;}
.block  {width:100%;float:left; text-align:center;}
.block2 {width:100%;padding:0px;float:left;}
.block2 li{padding-bottom:0px; display:inline-block; line-height:1.5;}
.data-a { width:12.5%; padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important;}

.times { width:12.5%; height:90px;padding:10px!important;10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD;}
.times2 { width:12.5%; height:90px;padding:10px!important;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#C7EDF1;}
.times3 { width:100%; padding:10px!important;float:left; display: inline-block; border:2px solid #fff; text-align:center;background-color:#F36;color:#FFF!important;line-height:1.2;font-size:16px; font-weight:bold;}


.panel-title a, .panel-title a:visited, .panel-title a:active {color: #029e91; display:block;}
.panel-title a:hover {color: #fff; background-color:#028fa9;}

.clack li { width:310px; height:360px;padding:5px;border:1px solid #CCC; line-height:2; text-align:left;
	display: inline-block; background-color:rgba(255,255,255,0.7);
	}
.clack-eye li { width:31%; height:360px;padding:5px;border:1px solid #CCC; line-height:2; text-align:left;
	display: inline-block; background-color:rgba(255,255,255,0.7);vertical-align:top;margin-bottom:4px;
	}
.clack-eyein { padding:0;
	}
.clack-eyein li { width:100%;padding:5px;border:1px solid #ddd; line-height:2; text-align:left;display: inline-block; background-color:rgba(245,245,245,0.7); vertical-align:top;margin-bottom:10px;border-radius: 20px 0 20px 0;
	}
.clack-eyein li h4 { font-weight:bold}


.clack-sk li { width:31%;padding:4px; margin:1px;border:1px solid #CCC; line-height:2; text-align:left;
	display: inline-block; background-color:rgba(255,255,255,0.7);
	}
.clack-sk .clack-sk2  { width:64%;padding:4px; margin:1px;border:1px solid #CCC; line-height:2; text-align:left;
	display: inline-block; background-color:rgba(255,255,255,0.7);
	}
.clack-sk3  { width:31%;padding:4px; margin:1px;border:1px solid #CCC; line-height:2; text-align:left;
	display: inline-block; background-color:rgba(255,255,255,0.7);
	}
.clack-sk4  { width:64%;padding:4px; margin:1px;border:1px solid #CCC; line-height:2; text-align:left;
	display: inline-block; background-color:rgba(255,255,255,0.7);
	}
.clack-dr  { padding:0;
	}
/*--.clack-dr li::before { content: "》";
    color: rgb(221, 221, 221);
    padding: 1px;
	}--*/
.clack-dr li { width:100%;border-bottom:1px dotted #CCC; line-height:2; vertical-align:top;margin-bottom:5px;
	display: inline-block; background-color:rgba(255,255,255,0.7);
	}
ul .clack-dr2 { width:66%; height:310px;padding:10px;border:1px solid #CCC; line-height:2; text-align:left; vertical-align:top;
	display: inline-block; background-color:rgba(255,255,255,0.7);
	}
.clack-dr3 { width:95%;padding:10px;border:1px solid #CCC; line-height:2; text-align:left; vertical-align:top;
	display: inline-block; background-color:rgba(255,255,255,0.7);
	}
.clack-dr4 { width:46%;padding:10px;border:1px solid #CCC; line-height:2; text-align:left; vertical-align:top;
	display: inline-block; background-color:rgba(255,255,255,0.7); margin-bottom:4px;
	}
	
.service li {padding:0;
	display: inline-block;
	}
.service a, .service a:visited {padding:5px; text-align:center; background-color:#eee;font-size:20px;
	display: block; border:1px solid #C93 inset;
	}
.service a:hover {padding:5px; text-align:center; background-color:#C93; font-size:20px;
	display: block; border:1px solid #C93 inset; color:#FFF;
	}

/*---比較表---------------------------------------------------------------*/
.comp {width:100%;padding:0px;float:left; font-size:14px;}
.comp li{padding-bottom:0px; display:inline-block; line-height:1.5;width:25%; height:80px;padding-top:10px; vertical-align:}
.comp-a { float:left; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important;}

.comp-t { width:25%; padding:10px!important;10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD;}
.comp-t2 { width:25%; padding:10px!important;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#C7EDF1;}
.comp-t3 { width:100%; padding:10px!important;float:left; display: inline-block; border:2px solid #fff; text-align:center;background-color:#F36;color:#FFF!important;line-height:1.2;font-size:16px; font-weight:bold;}


.panel-title a, .panel-title a:visited, .panel-title a:active {color: #029e91; display:block;}
.panel-title a:hover {color: #fff; background-color:#028fa9;}

