@charset "utf-8";
body {
	margin: 0px;
	font-size: 1em;
	letter-spacing: 0.05em;
	color: #333;
}
img {
	border: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
 *border-collapse: expression('separate', cellSpacing = '0');
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
table tr td {
	padding: 0;
}
h1, h2, h3, h4, h5, h6, ul, li, ol {
	margin: 0;
	padding: 0;
}
/*表單設定*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Century Gothic', 'Microsoft JhengHei', 'Apple LiGothic Medium', 'Helvetica, Arial', "LiHei Pro", "微軟正黑體";
}
select {
	border: 1px solid #ccc;
	padding: 8px 1px;
	color: #666;
}
input {
	border: 1px solid #ccc;
	padding: 8px 5px;
	color: #666;
}
textarea {
	border: 1px solid #ccc;
	padding: 3px 5px;
	color: #666;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none;
}

@media (min-width: 959px) {
/*選單*/
#navmenu {
	display: none;
}
#menu-btn {
	display: none;
}
#toolbarnav {
	display: none;
}
/*主內容*/
#content {
	padding-top: 100px;
}
#pagebody {
	margin: 0;
}
#w {
	margin: 0;
}
}
/*統一設定*/
.rel {
	position: relative;
}
.container {
	margin: 0 auto;
	max-width: 1200px;
	width: auto !important;
	width: 980px;
}
.container02 {
	margin: 0 auto;
	width: 90%;
}
.container04 {
	margin: 0 auto;
	padding: 25px;
}
.addtop0 {
	margin-top: 0 !important;
	padding: 0 !important;
}
.addtop25 {
	padding-top: 25px;
}
.addtop50 {
	margin-top: 50px !important;
}
.addtop100 {
	margin-top: 100px !important;
}
.addbottom25 {
	margin-bottom: 25px;
}
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(../images/loader.gif) center no-repeat #fbfbfb;
}
.web {
	display: block;
}
.mobile {
	display: none;
}
/*全網站icon設定*/
.icon-home{
  background: url(../images/svg/home.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.icon-arrow{
  background: url(../images/svg/arrow.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.icon-phone{
  background: url(../images/svg/phone.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.icon-time{
  background: url(../images/svg/time.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.bg {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.bg02 {
	background-image: url(../images/bg02.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right top;
}
.blue {
	color: #0589c5;
}
.red {
	color: #ba6955;
}
.green {
	color: #34f083;
}
.white {
	color: #fff;
}
.gold {
	color: #bfb575;
}
.font-big {
	font-size: 120%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.w30 {
	width: 30%;
}
.w40 {
	width: 40%;
}
.w50 {
	width: 50%;
}
.w60 {
	width: 60%;
}
/*上方*/
header {
	width: 100%;
	height: 100px;
	position: fixed;
	z-index: 250;
	top: 0;
	left: 0;		
	z-index: 250;
	background-image: url(../images/bg.jpg);
}
header.fix {
	width: 100%;
	position: fixed;
	z-index: 250;
	top: 0;
	left: 0;	
	height: 50px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: #399cce;
}
#logo {
	position: absolute;
	top: 5px;
	left: 0;
	height: 80px;
	background: url(../images/logobg.png) center left;
	background-repeat: no-repeat;
	padding-left: 84px;
}
header.fix #logo {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: none;
	padding-left: 0;
}
/*右上網路掛號*/
#register-btn {
  display: block;
	position: absolute;
	top: 10px;
	right: 0;
}
#register-btn li {
	display: inline-block;
	text-align: right;
}
#register-btn li a {
  display: block;
	padding: 5px 8px;
	color: #fff;
	background: #0589c5;	
}
#register-btn li a.outpatient {
	background: #e37f36;
}
#register-btn li a:hover {
	background: #000;	
}
/*手機下方掛號*/
#register-btn-mobile{
 display: none;
}
/*連結*/
nav {
	z-index: 250;
	height: 50px;
	position: absolute;
	top: 50px;
	right: 0;
}
nav li {
	list-style-type: none;
}
header.fix nav {
	z-index: 250;
	height: 50px;
	position: absolute;
	top: 0;
	right: 180px;
}
header.fix nav li ,header.fix nav li a{
	color: #fff;
}
/*第一層*/
ul.navigation li {
	position: relative;
	list-style-type: none;
	z-index: 100;
	display: inline-block;
	color: #434343;
	text-align: center;
	font-size: 1.2em;
	line-height: 50px;
	padding: 0 15px;
}
ul.navigation li a {
	display: block;
	text-align: center;
	color: #434343;
}
ul.navigation li:hover a{
	color: #fff;
}
ul.navigation li:last-child {
	border-right: none;
}
ul.navigation li ul {
	width: 100%;
	display: none;/*隱藏*/
	position: absolute;
	left: 0;
}
ul.navigation li:hover > ul {
	display: block;/*出現*/
}
ul.navigation ul li {
	color: #fff;
	width: 100%;
	background: #433d3b;
	line-height: 25px;
	padding: 10px 0;
}
ul.navigation ul li:hover {
	background: #0281cb;
}
ul.navigation ul li:last-child {
	border-bottom: none;
}
/*連結高度*/
.addheight {
	text-align: center;
}
.addheight:hover {
	background: #433d3b;
	color: #fff;
}
.addheight ul li a {
	color: #fff;
	font-size: 0.8em;
}
.addheight ul li a:hover {
}
/*首頁banner*/
#banner {
  position: relative;
}
#word {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-top: -75px;
	margin-left: -200px;
	text-shadow: black 0.1em 0.1em 0.2em;
}
#word01 {
	font-size: 2.5em;
	color: #fff;
	margin-bottom: 8px;
}
#word01.black {
	color: #3c3c3c;
}
#word02 {
	font-size: 1.8em;
  color: #fff;	
	margin-bottom: 8px;	
}
#word03 a{
	font-size: 1.8em;
  color: #ffac75;
}
#word03 a.blue{
  color: #399cce;
}

/*麵包屑*/
#sitemap {
	padding: 25px 0 0 0;
}
#sitemap ul {
	text-align: left;
}
#sitemap ul.right {
	text-align: right;
}
#sitemap li {
	display: inline-block;
	font-size: 0.8em;
	color: #666666;
	padding: 0 10px;
	border-right: 1px solid #666666;
	margin-left: -5px;
	line-height: 1em;
}
#sitemap li a {
	color: #666666;
}
#sitemap li:last-child {
	border-right: none;
}

/*內頁上方*/
#bannerin{
background-position: center;
background-repeat: repeat-x;
background-position: top;
padding: 10px 0 0 0;
height: 240px;
}
/*內頁共用*/
h1.title{
 text-align: center;	
 font-size: 2.2em;
 font-weight: normal;
}
h1.title02{
 font-size: 2.2em;
 font-weight: normal;
}
h2.title{
 text-align: center;
 font-size: 2.2em;
 font-weight: normal;
}
h2.title02{
 font-size: 2.2em;
 font-weight: normal;
}
h3.title{
 text-align: center;
 color: #cccccc;
 font-weight: normal;
}
h3.title02{
 color: #cccccc;
 font-weight: normal;
}
h4.title{
 color: #00a0e9;
 font-weight: normal;
 font-size: 1.5em;
}
.ckediter{
 padding: 10px;
}
.ckediter img {
	max-width: 100%;
	height:auto !important;
}
.ckediter-date {
	padding-left: 10px;
	color: #00a0e9;
}
/*回上頁*/
.back {
	width: 105px;
	margin: 50px auto;
	text-align: center;
	cursor: pointer;
	-mox-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.back:hover {
	-mox-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	-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;
}
.back span {
	float: left;
	display: block;
	padding: 5px;
}
/*分頁數字*/
#page {
	margin: 25px 0;
}
#page ul {
	text-align: center;
}
#page li {
	display: inline-block;
	margin: 0 5px;
	font-size: 13px;
	color: #000;
}
#page li a {
	color: #999;
}
#page li a:hover {
	color: #000;
}
/*門診表分類*/
#outpatient-cateragy {
 text-align: left;
 margin: 10px 0 0 10px;
}
#outpatient-cateragy ul {
	text-align: center;
}
#outpatient-cateragy li{
 display: inline-block;
 list-style-type: none;
 margin-right: 10px;
 padding: 3px 8px;
 margin-bottom: 10px;
 cursor: pointer;
 color: #62696c;
}
#outpatient-cateragy li:hover{
 background: #f08e1f;
 color: #fff;
}
#outpatient-cateragy li.active {
 background: #dbebf5 ;
}
#outpatient-cateragy li.bggrey:hover{
 background: #f08e1f;
 color: #000;
}
#outpatient-cateragy li.bggrey {
 background: #e6e6e6;
}
/*門診表*/
#schedule{
  margin: 25px 0;
}
#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 {
	color: #63686b;
	border-right:1px solid #eee;border-left:1px solid #eee;border-bottom:1px solid #eee;
	display: table; /*仿table設定*/
	width: 100%;
	table-layout: fixed;
}
/*仿table列表設定-表頭*/
.itemth {
	color:#331c1a;	
	background-color: #e1f1f6;
	text-align: center;
	vertical-align: middle;	
	display: table-header-group; /*仿table設定*/	
}
.itemth li {
	padding: 10px;	
	border-right:1px solid #fff;
	display: table-cell; /*仿table設定*/	
}
.itemth li:last-child {
	border-right:none;
}
/*仿table列表設定-表身*/
.itembody {
	display: table-row-group; /*仿table設定*/	
}
.item {
	font-size:1.1em;
	border-bottom:1px solid #eee;
	display: table-row; /*仿table設定-橫列*/
}
.item:nth-child(even){
		background: #f7f7f7;
}
.item li {
	padding: 10px;
	text-align: center;
	list-style-type: none;
	border-right:1px solid #eee;
	vertical-align: middle;
	display: table-cell; /*仿table設定-每格*/		
}
.item li:last-child {
	border-right:none;
}
/*門診表元素*/
.item li .drname{
 color: #62696c;
}
.item li span {
    display: block;
    font-size: 0.95em;
    margin-bottom: 3px;
}
.item li .schedule-time {
	font-size: 0.8em;
	color: #399cce;
}
/*仿table列表_標題+寬度等額外元素*/
.w16 {
	width: 188px;
}
.w14 {
	width: 165px;
}
.w25 {
	width: 344px;
}


/*首頁診所資訊*/
#index-information {
	margin: 25px 0 50px 0;
	display: flex;
}
#index-information #map {
	display: flex;
	flex: 2;
	margin: 20px 25px 0 10px;;
	padding: 20px;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.05);
  justify-content: center;
  align-items: center;	
}
#index-information #information {
	display: flex;
	flex: 3;
	margin: 20px 10px 0 10px;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.05);
  justify-content: center;
  align-items: center;	
}
#index-information #information ul {
	margin: 35px;
	font-size: 1.5em;
}
#index-information #information li {
	list-style-type: none;
	margin-bottom: 3px;
	line-height: 30px;
}
#index-information #information li span{
	display: inline-block;
	float: left;
}
#index-information #information li span.title{
	color: #0281cb;
}
#index-information #information li span.title02{
	color: #0281cb;
	height: 60px;
}
/*關於我們*/
#about {
	margin: 50px 0;
}
#about h1.title{
	border-bottom: 1px solid #ccc;
	padding: 5px 3px;
	color: #36609b;
  font-size: 1.8em;
	display: inline-block;
}
#about h4.title{
	border-bottom: 1px solid #ccc;
	padding: 5px 3px;
	margin-top: 25px;
	color: #36609b;
  font-size: 1.8em;
	display: inline-block;
	font-weight: normal;
}
#equipment {}
#equipment .equipment.big {
	width: 57%;
}
#equipment .equipment.small {
	width: 36%;
}
#equipment .equipment.small iframe {
	width: 498px;
	height: 280px;
}
#equipment .equipment {
	float: left;
  width: 32%;
  margin: 1% 2% 1% 0;
	font-size: 1.1em;
	line-height: 2.5em;
	position: relative;
}
#equipment .equipment:nth-child(3n){
  margin: 1% 0 1% 0;	
}
#equipment .equipment span {
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	padding: 5px 8px;
}
/*醫療團隊*/
#doctor{
margin-top: 25px;
}
#doctor .doctor {
	float: left;
  width: 32%;
  margin: 1% 2% 1% 0;
	padding: 1%;
	min-height: 380px;
}
#doctor .doctor:hover {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;	
	background: #1d3f72;
}
#doctor .doctor:nth-child(3n){
  margin: 1% 0 1% 0;	
}
#doctor .doctor h4 {
	text-align: center;
	color: #36609b;
	font-size: 2em;
	padding: 5px 0;
	font-weight: normal;
}
#doctor .doctor:hover h4{
 color: #fff;
}
#doctor .doctor h4 .small {
	font-size: 70%;
}
#doctor .doctor:hover .img {
	width: 110%;
	margin-left: -5%;
}
#doctor .doctor .time a {
	text-align: center;
	color: #eee;
	background: #0281cb;
	font-size: 1.1em;
	line-height: 2.5em;	
	display: inline-block;
	float: left;
	width: 50%;
}
#doctor .doctor .time a:hover {
	font-size: 150%;
	margin-top: -7px;	
}
#doctor .doctor .more a{
	text-align: center;
	color: #0281cb;
	background: #dde2e5;
	font-size: 1.1em;
	line-height: 2.5em;	
	display: inline-block;
	float: left;
	width: 50%;	
}
#doctor .doctor .more a:hover {
	font-size: 150%;
	margin-top: -7px;	
}
/*醫師內頁*/
#doctor-img {
 float: left;
	width: 32%;
}
#doctor-detail h4 {
	color: #36609b;
	font-size: 2em;
	padding: 5px 0;
	font-weight: normal;
}
#doctor-detail {
	float: right;
	width: 65%;
	padding: 1%;
}
#doctor-detail ul{
	list-style-type: none;
	padding-top: 2%;	
}
#doctor-detail li{
	display: inline-block;
	width: 49%;
	padding-top: 1%;
	padding-right: 1%;
}
#doctormore {
	margin-top: 25px;
	text-align: center;
}
#doctormore h5 {
	color: #272727;
	font-size: 0.95em;
	margin-top: 10px;
}
#doctormore p {
	color: #272727;
	font-size: 0.8em;	
}

/*人工植牙*/
a.btn {
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 8px 15px;
}
a.btn:hover {
	background: #00a0e9;	
}
/*人工植牙-底部案例*/
#case {
	height: 400px;
	background: url(../images/case.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding: 80px 0;
}
.add-bg {
	background: url(../images/case-bg.jpg)!important;
}
#case h4 {
	color: #fff;
	font-size: 2.5em;
}
#case p {
	color: #fff;
	font-size: 1.8em;
}
#case a {
	display: block;
	width: 220px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 25px;
	background: #bfb575;
	color: #32373a;
	font-size: 1.8em;
}
#case a:hover {
	background:#000 ;
	color: #bfb575;	
}
/*人工植牙-案例列表頁*/
#caselist{
  margin-top: 25px;
}
#caselist .case {
	float: left;
  width: 23%;
  margin: 1% 2% 1% 0;
	padding: 1%;
	min-height: 380px;
}
#caselist .case:hover {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;	
	background: #1d3f72;
}
#caselist .case:nth-child(3n){
  margin: 1% 0 1% 0;	
}
#caselist .case h4 {
	text-align: center;
	color: #1d3f72;
	font-size: 1.2em;
	padding: 5px 0;
	font-weight: normal;
}
#caselist .case:hover h4{
 color: #fff;
}
#caselist .case h4 .small {
	font-size: 70%;
}
#doctor .doctor:hover .img {
	width: 110%;
	margin-left: -5%;
}

/*人工植牙內頁*/
#main {
 width: 800px;
 margin: 0 auto ;
}
#main img {
 width: 100% !important;
}
.textTitle {
	display: table;
	width: 100%;
	position: relative;
	height: 92px;
	padding: 15px 0 16px 77px;
  background: url(../images/title_line.jpg) bottom repeat-x;	
}
.textTitle .textDate {
	position: absolute;
	width: 60px;
	height: 60px;
	line-height: 1.1rem;
	font-size: 0.7rem;
	color: #fff;
	background: #0589c5;
	border-radius: 60px;
	padding: 8px 0;
	text-align: center;
	top: 15px;
	left: 2px;
}
.textTitle h1 {
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 0;
	height: 60px;
	line-height: 1.5rem;
	font-size: 1.4rem;
	vertical-align: middle;
	padding-right: 40px;
}


/*人工植牙-植牙步驟*/
#implant-step {
	margin: 25px 0;
	display: flex;	
 /*flex-wrap: nowrap;	*/
}
#implant-step .step {
	display: flex;
	height: 150px;
	padding: 10px;
  justify-content: center;
  align-items: center;		
}
#implant-step .step h5 {
	font-size: 1.2em;
}
#implant-step .block {	
	background: #d5e7e6;
	flex: 2;
}
#implant-step .block2 {	
	background: #d5e7e6;
	flex: 4;
}
#implant-step .arrow{
	background-image: url(../images/qrrow.png);
	background-position: center 80px;
	background-repeat: no-repeat;
	flex: 1;	
}
/*人工植牙-假牙比較*/
#denture {}
#denture .column {
	float: left;
	width: 50%;
}
#denture .column h4 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom: 3px solid #00a0e9;
	display: inline-block;
	padding: 5px 10px;
}
#denture .column p {
	font-size: 1em;
	line-height: 1.5em;
	padding: 2%;
}
/*人工植牙-問答*/
#qa-txt {
	width: 70%;
	margin-bottom: 25px;
}
#qa-txt h4 {
	font-size: 1.2em;
	margin: 15px 0 5px 0;
	color: #83a6a4;
}
#qa-txt h4 .number {
	display: inline-block;
	background: #83a6a4;
	color: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;	
	width: 25px;
	height: 25px;
	text-align: center;
}
#qa-txt ol {
	margin-left: 55px;
}
#qa-txt p {
	margin-left: 35px;
}
/*人工植牙-術後*/
#postoperative-img {
	float: left;
	width: 28%;
	padding-top: 2%;
	position: relative;
}
#postoperative-img .block {
	position: absolute;
	bottom: -5%;
	left: 5%;
	width: 90%;
	height: 150px;
	border: 1px solid #bfb575;
}
#postoperative-txt {
	float: right;
	width: 70%;
	margin-bottom: 25px;
}
#postoperative-txt h4 {
	font-size: 1.2em;
	margin: 15px 0 5px 0;
	color: #bfb575;
}
#postoperative-txt h4 .number {
	display: inline-block;
	background: #bfb575;
	color: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;	
	width: 25px;
	height: 25px;
	text-align: center;
}
#postoperative-txt ol {
	margin-left: 55px;
}

/*最新消息*/
#news {
	padding:25px;
}
.news {
	margin-bottom:5px;
}
.news a {
	display:block;
	width:100%;
	color:#333;
	padding:5px 5px 10px 5px;
}
.news:hover {
  color: #000;
}
/*最新活動列表*/
.news {
	margin-bottom: 5px;
	border-bottom:1px solid #eee;		
}
.news .date {
	float:left;
}
.news .newstitle {
	float:left;
	width:79%;
	padding-left:10px;	
}
#new-left {
	float: left;
	width: 50%;
	position: relative;
}
#new-right {
	float: right;
	width: 50%;
}
#new-left #triangle {
	position:absolute;
	right: 10px;
	top: 0;
}
#new-left #triangle02 {
	position:absolute;
	left: 10px;
	bottom: 50px;
}

/*線上提問*/
#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;
}
.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: 35px;
}
.listinput .time {
	display: block;
	float: left;
	width: 48%;
}
.listinput .txt {
	display: block;
	float: left;
	width: 4%;
	text-align: center;
	line-height: 35px;
}
.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;
}
#contact-detail .right , #contact-detail-reply .right{
	width: 89%;
}
#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;
}

/*好評推薦瀑布流*/
.box {
	padding:2%;
	outline:1px solid #eee;
	font-size:0.8em;
	line-height:1.2em;
	background:#fff;
}
.box:hover {
	outline:1px solid #333;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;	
}
.boximg {
	padding-bottom:2%;
}
.boxnumber {
	color:#b6b6b6;
	padding:3% 5%;
	border-bottom:1px solid #eee;
	font-size:1.2em;
}
.boxnumber > .date {
	position:absolute;
	top:5px;
	left:5px;
	color:#b6b6b6;
}
.boxnumber > .record {
	position:absolute;
	top:5px;
	right:5px;
	color:#b6b6b6;
}
.record ul{
	text-align:right;
}
.record li{
	display:inline-block;
	margin:0 10px 0 0;
	font-size:0.6em;
  -mox-opacity:0.5;
  filter:alpha(opacity=50);
  opacity:0.5;	
}
.record li.love {
	cursor:pointer;
	display:none;
}
.record li.love:hover {
  -mox-opacity:0.8;
  filter:alpha(opacity=80);
  opacity:0.8;
	-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;			
}
.box > .name{
	padding: 3% 3% 3% 1%;
	font-size:1.2em;
	color:#333;
}
.box > .name a {
	color:#333;
}
.boxtxt {
	padding:1%;
	color: #666;
	font-size: 1.5em;
	line-height: 1.5em;
}
.box >.more {
	position:static;
	margin:5px;
    font-size: 0.8em;
    text-align: right;
}
.box >.more a{
    color: #959595;
	background:#fff;	
}
/*好評推薦more*/
.casemore {
	width:200px;
	margin:10px auto;
	cursor:pointer;	
}
.casemore a {
	display:block;
	border: 1px solid #fff;
	background: #000;
	padding: 10px 20px;
	color: #fff;
	text-align: center;
}
.casemore a:hover {
	background: #fff;
	color: #000;
	outline: 1px solid #000;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
/*好評推薦內頁*/
#casein {
	padding:25px;
}

/*尾部五個網站連結*/
#bottomtop {
	margin-top: 50px;
}
#bottomtop h4{
	font-size: 2.5em;
	color: #565656;
	float: right;
	width: 40%;
	font-weight: normal;
	line-height: 30px;
  padding: 0 2% 0 0;
  text-align: right;	
}
#bottomtop h4 .big {
	font-size: 150%;
	color: #00a0e9;
}
#bottomline {
	background: #00a0e9;
	float: right;
	width: 60%;	
	height: 40px;
}
#bottom {
	background: #f3f2f2;
	padding: 25px 10px;
}
#bottom h5 {
	color: #434343;
	font-size: 1em;
	margin-top: 5px;
	font-weight: normal;
	text-align: center;
}
#bottom .item a{
	display: block;
	padding: 15%;
	background: #fff;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.02);
}
#bottom .item a:hover {
	background: #00a0e9;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#bottom .item a:hover h5 {
	color: #fff;	
}
/*尾部*/
footer {
	padding: 10px 0 5px 0;
}
footer .column-left {
	width: 40%;
	float: left;
}
footer .column-right {
	width: 60%;
	float: right;
}
footer .column {
	float: left;
	padding: 25px 20px;
	text-align: center;
}
footer h5 {
	font-size: 1.1rem;
	margin-bottom: 15px;
	color: #00a0e9;
	font-weight: normal;
}
#footernav {
}
#footernav li {
	font-size: 0.85em;
	padding-bottom: 3px;
	list-style-type: none;
}
ul#footernav li a {
	color: #6f6f6f;
}
ul#footernav li a:hover {
	color: #a36a3b;
}
ul#footericon {
	text-align: center;
}
ul#footericon li {
	display: inline-block;
}
span#footerlogo {
	display: block;
	margin: 25px 10px;
  height: 80px;
  background: url(../images/logobg.png) center left;
  background-repeat: no-repeat;
  padding-left: 84px;
}
.copyright {
	margin: 0 25px;
	color: #a2a2a2;
}