@charset "utf-8";
@import url("reset.css"); /*重置*/
@import url("page.css"); /*頁碼*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,300); /* font */
/* CSS Document */

body {
	font-family: 'Lato', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.5;
	color: #333;
	background:#f7f3e8;/*背景色*/
	}
a { color:#000; text-decoration: none; }
a:hover { color:#777; 
    -o-transition: color .5s linear;
    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    transition:  color .5s linear; /*連結淡入淡出*/
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }

/* --為避免客戶使用編輯器時會用到ul ol, 此重置值依情況自行啟用！
ol, ul, li { 
    margin: 0;
	padding: 0;
	font: inherit;
	border:0;
	vertical-align: baseline;
}
--*/

/*全頁共用hack*/
*, *:before, *:after { box-sizing: border-box;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1;}  /*清左右浮動*/
.clearfix2{ clear:both; }

/*通用排版用*/
.center { text-align:center; }
.flt { float:left; }
.flr { float:right; }

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.css-shadow {
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
}

/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }

/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { color: #25AEE9; }
.red { color: #CC0000; }
.green { color: #28A9B1; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#613C33; }


/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
#wrapper { }
.container{ max-width:1000px; margin:0 auto;}
.container_wrap{ max-width:1000px; margin:0 auto;}
.footer_wrap{ max-width:1000px; margin:0 auto; padding-top:20px;}
.logo{ float:left;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }

/* 回頂端 */
#goTop {
	border:1px solid #CCC;
	color:#888;
	background:#FFF;
	text-align:center;
	position:fixed;
	bottom:20px;
	right:20px;
	width:50px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	display:none;
	font-family:Verdana, Geneva, sans-serif;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px; 
	border-radius: 25px; 
}
#goTop:hover { background:#2e1b0a; color:#FFF; }

/*圓形icon*/
.icon_top{ float:right; text-align:right; padding-top:45px;  }
.icon_top a{ margin-left:8px;}
.service_line{ clear:both; padding-top:4px;}

/*首頁*/
h1.title01{ font-size:4.5rem; color:#2e1b0a; font-weight:500; text-align:center; margin:0; padding:0; line-height:120%; font-family:Verdana, Geneva, sans-serif;}
h2.title02{ font-size:3.9rem; color:#fff; font-weight:500; text-align:center; margin:0; padding:0; line-height:120%; font-family:Verdana, Geneva, sans-serif; padding:75px 0 20px 0;}

.banner{ margin-top:5px;}
.unit{ font-size:1.4rem; color:#2e1b0a; text-align:center; line-height:130%;}
.doctor_all{ margin-top:20px; text-align:center;}
.doctor_all a{ display:inline-block; margin:0 4px 10px 4px;}
.page_1{ margin:40px auto 50px auto;}
.report_all{  background:#e7e3dd; padding:30px 0; overflow:hidden;}
.service_all{ background:url(../images/index/service_bg.jpg) center top no-repeat; border-bottom:1px solid #dfddd9; background-size: cover;}
.share_all{ padding:30px 0; overflow:hidden;}
.share_left{ float:left; width:70%;}
.share_right{ float:right; width:30%;}


/*表尾*/
.footer_bar1{ background:#020202; text-align:center; padding:1em 0;}
.footer_bar1 a{ color:#fff; margin:0 1em; font-size:0.9rem;}
.footer_bar1 a:hover{ text-decoration:underline;}
.footer_bar2{ background:#212122; padding:2em 0 3em 0; text-align:center; overflow:hidden;}
.icon_down{ text-align:center; width:100%;}
.icon_down a{ margin:0 4px; }
.footer_info{ width:100%; color:#FFF;   padding:10px 0; }
.footer_add{ list-style-type:none; margin:0; padding:0 0 10px 0; overflow:hidden; text-align:center;}
.footer_add li{  width:25%; /*float:left;*/ display:inline-block; background:#292929; padding:10px 0; border-right:2px solid #212122;}
.footer_add li.f{border-right:0px solid #212122; }
.keyword{ text-align:center; width:100%; color:#fff; font-size:0.6rem; margin:1em 0 2em 0;}
.keyword a{ color:#FFF; font-size:0.6rem; padding:0 4px; line-height:26px;}
.keyword a:hover{ text-decoration:underline; color:#CCC;}
.copyright{ clear:both;}
.copyright, .copyright a{ color:#7e7e7f; font-size:0.6rem;}


/*內頁共用*/
.main{  background:#fff; overflow:hidden;}
.page_pad{ padding:3em 0; overflow:hidden;}
.header_bg{ height:357px; background:url(../images/all/header_bg.png) center top no-repeat;  background-size:cover;}
.header_bg2{ /*height:430px;*/}
.icon_service{ list-style-type:none; margin:0; padding:0;}
.icon_service li{ display:inline-block; /*width:9%;*/ max-width:171px; margin:50px 6px 0 6px;}
.container_center{ width:100%; text-align:center;}

.title_bg{ display:block; background:#d1d3d4; color:#FFF; text-align:center; padding:20px 0; margin-bottom:3em; overflow:hidden;}
.title_bg h1{ font-size:3.6rem;}
.title_bg h2{ font-size:1.6rem;}
.title_bg h3{ font-size:4rem; padding:0.3em 0;}
.pic_left{ clear:both; padding:2em 0;  overflow:hidden;}
.pic_left img{ float:left; max-width:571px; margin-right:40px;}
.pic_left iframe{ float:left; max-width:571px; height:315px; margin-right:40px;}
.pic3_all{ clear:both; overflow:hidden;}
.pic_left3{ float:left; width:50%; padding:2em 0;  overflow:hidden; text-align:center;}
.pic_left3 img{ max-width:290px;}
.pic_tx3{ float:left; width:40%; padding-top:4em;}
.title_bg a{ color:#FFF;}
.title_bg a:hover{ color:#FFF;}
.small_pic{ float:left; width:25%; margin-right:40px; }
.small_pic img{ max-width:250px; padding:12px; background:#ece1cc;}
.right_tx{ float:right; width:70%;}
.contact_btn{ max-width:333px;}

.skin_bg{ background:#bda890; padding:20px 60px; color:#fff0eb; font-size:1rem; margin-bottom:2em;}
.coffee_bg{ clear:both; background:#bda890; color:#fff0eb; font-size:1rem; padding:8px 100px; font-weight:bold;}
.pink_bg{ background:#dfa3ae; color:#fff0eb; font-size:1rem; padding:8px 100px; font-weight:bold;}
.black_tx{ padding:10px 100px 25px 100px; color:#333;}
.black_list{ list-style-type:disc; margin:0; padding:10px 100px 25px 120px;}
.black_list li{ margin-bottom:6px;}
.black_list2{ list-style-type:disc; margin:0; padding:10px 0px 25px 20px;}
.black_list2 li{ margin-bottom:6px;}

.black_list3{ list-style-type:disc; margin:0; padding:10px 100px 25px 120px; overflow:hidden;}
.black_list3 li{ width:50%; float:left; margin-bottom:6px;}
.black_list4{margin: 10px 0 10px 60%;}
.black_list5{ list-style-type:disc; margin:0; padding:10px 0px 5px 20px;}
.black_list5 li{ margin-bottom:6px;}
.black_list6{ list-style-type:disc; margin:0;}
.black_list6 li{ margin-bottom:6px;}
.pink_txt{ color:#e00677;}
.pink_tx{ color:#e00677; font-size:1.2rem;}
.compare{margin-bottom:30px; overflow:hidden;}
.compare_round{ width:50%; float:left; }
.compare_tx{ float:left; width:50%;}
.compare_item{ width:250px; height:250px; text-align:center; color:#4d4d4f; line-height:250px; -webkit-border-radius: 125px;-moz-border-radius: 125px;border-radius: 125px; background:#e9e4db; font-size:1.6rem; font-weight:bold; margin:0 auto;}
.compare_pic{ width:50%; float:left;}
.compare_pic img{ max-width:540px;}
.contact_btn{ text-align:center; margin-top:30px;}
.txt_bold{ font-weight:bold;}
.beauty_table{
	/*width:100%;
	cellspacing:0;*/
	border-left:1px #bda890 solid;
	border-top:1px #bda890 solid;
	}
.beauty_table th{
	background: #bda890;
    color: #fff0eb;
	border-right:1px #d9cab8 solid;
	border-bottom:1px #d9cab8 solid;
	line-height:30px;
	}
.beauty_table td{
	border-right:1px #bda890 solid;
	border-bottom:1px #bda890 solid;
	line-height:30px;
	padding:0 5px;
	}
.bg_coffce{
	background:#d9cab8;
	}
.beauty_table2{
	/*width:100%;*/
	cellspacing:0;
	border-left:1px #bda890 solid;
	border-top:1px #bda890 solid;
	}
.beauty_table2 th{
	background: #bda890;
    color: #fff0eb;
	border-right:1px #d9cab8 solid;
	border-bottom:1px #d9cab8 solid;
	line-height:30px;
	}
.beauty_table2 td{
	border-right:1px #bda890 solid;
	border-bottom:1px #bda890 solid;
	line-height:30px;
	text-align:center;
	}
.plastice_table{
	/*width:100%;*/
	border-left:1px #bda890 solid;
	border-top:1px #bda890 solid;
	}
.plastice_table th{
	background: #bda890;
    color: #fff0eb;
	border-right:1px #d9cab8 solid;
	border-bottom:1px #d9cab8 solid;
	line-height:30px;
	width:100px;
	}
.plastice_table td{
	border-right:1px #bda890 solid;
	border-bottom:1px #bda890 solid;
	line-height:30px;
	padding:0 5px;
	}
strong{
	font-weight:bold;
	}
.column_pic{ margin:0; padding:0 0 40px 0; list-style-type:none; overflow:hidden;}
.column_pic li{ float:left; width:48%; margin:30px 1% 30px 0;}
.column_pic li.pad{ padding-top:75px;}

/*首頁服務項目*/
.text_rt{ float:right; width:52%;}
.pic_lt{ float:left; width:42%; padding:30px 0;}
.name{ width:282px; margin: 0 auto; padding:25px 0 60px 0; background:url(../images/service/name.jpg) left top no-repeat; text-align:center; font-size:2.6rem;}
.name a{ color:#FFF;}
.name a:hover{ text-decoration:underline;}
.text_all{ text-align:center;}
.tx_01{ padding:10px 0 30px 0;}
.tx_01 a{ font-size:1.3rem; color:#2e1b0a; }
.tx_01 a:hover{ color:#666;}
.tx_02{ font-size:1rem; color:#7e7977; line-height:35px; padding-bottom:15px; }
.tx_03{ color:#575454; font-size:0.9rem; text-decoration:underline;}
.down_link{ clear:both; padding-bottom:50px; text-align:center;}
.down_link a{ display:inline-block; margin:0 10px;}
.share_link{ list-style-type:none; margin:0; padding:0;}
.share_link li{ float:left; width:45%; margin:0 5% 5% 0;}

/*上方banner*/
.top_all{ text-align:center; padding:4em 0;}
.top_banner{ background:#c9c2b4; text-align:center; color:#fff0eb; padding:60px 0 30px 0; }
.top_title01{ font-size:4.4rem; line-height:65px;}
.top_eng{ font-size:2.8rem;}
.top_bg2{ background:url(../images/about/about_bg.jpg) left top repeat-x; }
.top_wrap{ max-width:980px; margin:0 auto;}

/*關於彤顏*/
.about_all{ text-align:center; padding:4em 0;}
.about_pic{ max-width:701px; margin:0 auto;}
h1.title03{ font-size:2.8rem; color:#3d3c3d;}
h2.title04{ font-size:1.6rem; color:#716f70;}
.about_bg{ background:#c9c2b4; text-align:center; color:#fff0eb; padding:60px 0 30px 0; }
.about_title01{ font-size:4.4rem; line-height:65px;}
.about_eng{ font-size:2.8rem;}
.about_tx{ font-size:1.4rem;}
.about_wrap{ max-width:980px; margin:0 auto;}
.about_bg2{ background:url(../images/about/about_bg.jpg) left top repeat-x; }
.about_title02{ font-size:1.6rem; background:#c9c2b4; color:#fff; width:45%; padding:4px 0; margin:10px auto 30px auto; text-align:center;}
.about_tx2{ width:84%; margin:0 auto; font-size:1rem; line-height:30px; padding-bottom:50px;}
.about_bg3{ background:#e9e4db; padding:30px 0; overflow:hidden;}

.about_box3{  background:#c9c2b4;  overflow:hidden; width:84%; margin:0 auto;  }
.about_tx3{ float:left; width:25%; color:#fff0eb; font-size:2.2rem; padding:2.5em 2% 0 2%;text-align:center;}
.about_pic3{ float:left; width:75%;  background:#e9e4db; }

.about_bg4{ padding:2em 0;}
.about_title04{ text-align:center; font-size:1.8rem; color:#a9a396; }
.about_tx4{ text-align:center; line-height:30px;}
.magazine_all{  background:#e9e5dc; padding:30px 0 60px 0; overflow:hidden;}
.magazine_all h2{ font-size:3.8rem; color:#2e1c08; text-align:center; line-height:60px;}
.magazine_all h3{ font-size:1.8rem; color:#301b08; text-align:center; padding:8px 0 30px 0;}

/*最新消息*/
.news{ float:left; width:50%; margin:0;}
.news .news_list {    border-bottom:1px dashed #ccc; margin:0 1% 2% 1%; padding:1em 0 1em 0; overflow:hidden; }
.news .news_list .img { float:left; width:110px; min-height:110px; background:url(../images/all/bg-img.jpg) center no-repeat; }
.news .news_list .img img { max-width:100%; }
.news .news_list .txt { padding-left:160px; }
.news .news_list .txt h3 {  color:#b28850; font-size:18px; margin-bottom:0;  }
.news .news_list a{ text-decoration:none;}
.news .news_list a:hover .txt h3 { color:#502f1c; }
.news .news_list a:hover .img img { box-shadow:0 0 5px #d0d0d0; }
.news .news_list .descrip{ color:#999; font-size:1rem; padding-bottom:10px;}
.news .news_list .txt .date { display:block; margin-bottom:10px; color:#CCC; }
.news .news_list .txt button { float:right; padding:5px 20px;  }
.news-focus h2 { color:#b28850; font-weight:bold; line-height:1.4; margin-bottom:1em; font-size:2rem; }
.news-focus table { max-width:100%; }
.news-focus iframe { display:block; width:80%; margin:0 auto; }
.imgg { max-width:100%; display:block; margin:1em auto; }

.btn_black{ padding:5px 20px; background:#bda890; color:#FFF; border:0px solid #FFF;}
a.btn_black{ font-size:14px;}
.btn_black:hover{ background:#b28850; color:#FFF; border:0px solid #FFF;}
.title_bg_2{ text-align:center; padding-top:20px;}
.title_bg_2 h1{ font-size:1.6rem; line-height:50px; display:inline-table; background:#c9c2b4; padding:0 1%; color:#FFF;}
.title_bg_2 h2{  color:#333; padding-top:25px; font-size:1.2rem; font-style:italic;}

/*頁碼*/
.pagination{ margin:20px 0 30px 0;}
.pagination > li > a,
.pagination > li > span { 
  background:none;
  border:1px solid #88766c;
  color:#502f1c;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #502f1c;
  background-color: #e8dcc4;
  border-color: #88766c;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #FFF;
  cursor: default;
  background-color: #502f1c;
  border-color: #857369;
}

/*醫師團隊*/
.doctors_wrap{ max-width:960px; margin:0 auto; }
.doctors_all{ padding-bottom:50px; overflow:hidden;}
.doctors_pic{ float:left; width:15%; text-align:center; margin-right:10%;}
.doctors_tx{ float:left; width:75%;}
.doctors_tx h2{ display:block; background:#f8f5ec; color:#9d9481; font-size:1.2rem; padding:6px 1%; font-weight:bold;}
.doctors_title01{ width:100px; background:#CCC; margin:20px 0 6px 0; color:#FFF; text-align:center;  -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; padding:4px 0; font-size:1rem;}
.doctors_tx2{ padding-left:26px;}
.experience{ list-style-type:none; margin:0 0 0 26px; padding:0;}
.experience li{ width:50%; float:left; padding:4px 1%;}
.experience li i{ width:6%; float:left; padding-top:2px;}
.experience li p{ width:94%; float:left;}
.cer_pic{ clear:both; width:80%;}

/*門診時間*/
.time_box{   overflow:hidden; width:100%; margin:0 auto;  }
.doctors_all2{ max-width:860px; margin:0 auto;}
.time_wrap{ max-width:1000px; margin:0 auto;}
.time_pic{ float:left; width:30%; margin-right:4%;}
.time_tx{ float:left; width:62%; text-align:left;}
.time_table{ width:100%;   }
.time_all{ clear:both; overflow:hidden; padding-top:30px;}
.time_title01{ font-size:2em; color:#2e1c08; text-align:center; line-height:60px;}
.time_pad{ padding-bottom:30px;}
.time_pink{ color:#C91A50;}
.time_coff{ color:#994101;}
.time_green{ color:#00B89A;}
.time_info{ padding-bottom:6px;}
.time_info i{ float:left; display:block; width:24px; height:24px; margin-right:10px; background:#bfa49b; color:#FFF;  -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; text-align:center; line-height:24px;}
.time_move{ width:100px; background:#C91A50; margin:20px 0 6px 0; color:#FFF; text-align:center;  -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; padding:4px 0; font-size:1rem;}

.time_exp{ list-style-type:none; margin:0 0 0 20px; padding:0 0 10px 0; overflow:hidden;}
.time_exp li{ padding:4px 0; }
.time_exp li i{ width:3%; float:left; padding-top:2px;}
.time_exp li p{ width:97%; float:left;}
.blue_bg i{ background:#3a5795;}
.org_bg i{ background:#ff6501;}
.green_bg i{background-color: #33CC00;}

.time_res{ list-style-type:none; margin:0 0 35px 20px; padding:0;}
.time_res li{ padding:4px 0;}
.time_res li i{ width:3%; float:left; padding-top:2px; color:#C91A50;}
.time_res li p{ width:97%; float:left; color:#C91A50;}
.time_res li p a{ color:#3b2919; }
.time_res li p a:hover{ text-decoration:underline;}
.time_machine{ font-weight:bold; color:#000; margin:0px 0 0 20px; font-size:1.2rem;}
.map_btn{ text-align:center;}
.map_item li{ margin:0 10px; display:inline-block;}

/*聯絡我們*/
.contact_pad{ padding-top:40px;}
.contact_dist{ padding-top:20px;}
.contact_pic{ float:left; width:40%; padding:0 0 1em 0; margin:0 5% 0 0;  overflow:hidden; }
.contact_res{ list-style-type:none; margin:0; padding:0 0 25px 0; overflow:hidden;}
.contact_res li{ padding:4px 0;}
.contact_res li i{ width:8%; float:left; padding-top:2px; color:#C91A50;}
.contact_res li p{ width:92%; float:left; color:#C91A50;}
.contact_res li p a{ color:#3b2919; }
.contact_res li p a:hover{ text-decoration:underline;}

.contact_wrap{ float:left; width:55%; margin:0;}

.formWrap .contact_info{ width:100%; padding:10px 0;}
.formWrap .contact_title{  float:left; width:14%; font-size:1em; vertical-align:top; text-align:right; margin-right:3%;  }
.formWrap input{ width:83%; padding:10px 0; border:inherit; background:#f8f5ec; color:#352212; border-bottom:1px solid #e8e8e8;}
.formWrap textarea{ width:83%; height:100px; border:none; background:#f8f5ec; color:#352212; border-bottom:1px solid #e8e8e8; box-shadow: 6px 6px 5px #fff;}
.formWrap input#year{ width:20%; margin-right:1%;}
.formWrap input#month{ width:20%; margin:0 1%;}
.formWrap input#day{ width:20%; margin:0 1%;}
.formWrap input#Code{ width:30%;}
.formWrap select#store{ width:50%; background:#f8f5ec; color:#352212; border:none; border-bottom:1px solid #e8e8e8; box-shadow: 6px 6px 5px #fff; padding:5px 0; font-family:"微軟正黑體", "新細明體"; font-size:0.9rem;}

.contact_send{ width:120px; margin:2em auto 1em auto;}
.contact_send a{ display:block; background:#463525; color:#FFF; text-align:center; width:120px; padding:10px 0;}
@media (min-width: 1200px)  {
	.container{width:inherit; padding:0;}
}

@media (max-width: 1024px) {
	.container_wrap{ max-width:inherit; width:100%; margin:0;}

}

@media (max-width: 980px) {
.banner{ margin-top:60px;}
}
@media (max-width: 768px) {
/*首頁*/
.banner{ margin-top:60px;}
h2.title02{ font-size:3rem; }
.share_left{ float:none; width:100%;}
.share_right{ float:none; width:100%; text-align:center;}

.footer_add li{  width:80%; float:none; margin:0 auto 10px auto; border-bottom:1px solid #333; padding-bottom:10px;}


/*內頁共用*/
.header_bg2{ margin-top:60px; overflow:hidden;}
.title_bg{  padding:20px 0; margin-top:50px; }
.title_bg h1{ font-size:3.2rem; line-height:60px;}
.title_bg h3{ font-size:3.6rem; line-height:65px;}
.pic_left{ width:80%; margin:0 auto;}
.pic_left img{ float:none; max-width:571px; margin:0 auto 20px auto;}
.pic_left iframe{ float:none; max-width:571px; height:315px; margin:0 auto 20px auto;}
.pic_left2{ width:80%; margin:0 auto;}
.small_pic{ float:none; width:100%;   margin:0 auto 20px auto; text-align:center; }
.right_tx{ float:none; width:100%; margin:0 auto;}
.contact_btn{ float:none; max-width:none; width:100%; }

.skin_bg{ margin:0 10%; padding:10px;}
.coffee_bg{ width:80%; margin:0 auto; padding:8px; }
.pink_bg{ width:80%; margin:0 auto; padding:8px; }
.black_tx{ width:80%; margin:0 auto; padding:10px 0 25px 0;}
.black_list{ width:80%; margin:0 auto;  padding:10px 20px 25px 20px;}
.black_list2{ width:80%; margin:0 auto;  padding:10px 0px 25px 20px;}
.black_list5{ margin:0 auto;  padding:10px 0px 5px 20px;}
.black_list6{ margin: auto auto auto -20px;}

.compare{margin-bottom:0px;}
.compare_tx{ float:none; width:100%;}
.compare_round{ width:100%; float:none;}
.compare_item{ width:80%; height:auto; text-align:left; color:#4d4d4f; line-height:32px; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; background:#e9e4db; font-size:1rem; font-weight:bold; margin:0 auto 20px auto; padding:8px;}
.compare_pic{ width:80%; float:none;  margin:0 auto 40px auto; text-align:center;}

.icon_service li{ margin:70px 6px 0 6px;}
.page_space{width:80%; margin: 0 auto;}
.page_pad2{
	margin:0 10% 30px 10%; 
	}
.black_list4{ margin:10px 0 10px -20px;}

.contact_pad{ width:80%; margin:0 auto;}
.table-container { 
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em;
   }
.column_pic li{ float:none; width:80%; margin:2% auto 2% auto;}
.column_pic li.pad{ padding-top:0px;}



/*首頁服務項目*/
.pic_lt{ float:none; width:100%; padding:30px 0;}
.text_rt{ float:none; width:100%;}

/*上方banner*/
.top_banner{  padding:100px 0 30px 0;}

/*關於彤顏*/
h1.title03{  line-height:50px;}
h2.title04{  line-height:50px;}
.about_title01{ font-size:3.6rem; line-height:60px;}
.about_eng{ font-size:2.2rem;}
.about_tx{ font-size:1.2rem;}
.about_wrap{ max-width:none; width:100%; margin:0 auto;}
.about_tx{ padding:0 10%;}
.about_title02{ width:80%; }
.about_tx2{ width:80%; }
.about_box3{   width:80%; background:none;   }
.about_tx3{ float:none; width:98%; margin-left:2%; font-size:2rem; padding:0;text-align:center; background:#c9c2b4;}
.about_pic3{ float:none; width:100%;   }


/*醫師團隊*/
.doctors_wrap{ width:100%; max-width:inherit; margin:0 auto;}
.doctors_pic{ float:none; width:80%; text-align:center; margin:0 auto 20px auto;}
.doctors_tx{ float:none; width:80%; margin:0 auto;}
.cer_pic{ width:100%;}

/*門診時間*/
.experience li{ float:none; width:100%; padding:4px 0; overflow:hidden;}
.time_res{ width:80%; margin:0 auto; }
.time_res li{ padding-bottom:10px; overflow:hidden;}
.time_res li i{ width:6%; float:left; padding-top:2px; color:#C91A50;}
.time_res li p{ width:94%; float:left; color:#C91A50;}
.time_table{ width: 80%;   overflow-y: auto;   _overflow: auto;   margin: 0 auto 1em;}
.time_pic{ float:none; width:60%; margin:0 auto 20px auto;}
.time_tx{ float:none; width:80%; margin:0 auto;}
.time_machine{ width:80%;  margin:0px auto 0 auto; }

}

@media (max-width: 736px) { 

.icon_service li{ display:inline-block; width:22%; max-width:none; margin:5em 6px 0 6px;}



}
@media (max-width: 640px) { 
h2.title02{ font-size:2.5rem; }

.black_list3{ width:80%; margin:0 auto;  padding:10px 0px 25px 20px;}
.black_list3 li{ width:100%; float:none;}

.pic_left3{ float:none; width:80%; padding:2em 0; margin:0 auto;  overflow:hidden; text-align:center;}
.pic_left3 img{ max-width:auto;}
.pic_tx3{ float:none; width:80%; padding:0 0 2em 0; margin:0 auto;}

/*聯絡我們*/
.contact_pic{ float:none; width:80%; padding:0 0 1em 0; margin:0 auto;  }
.contact_wrap{ float:none; width:80%; margin:0 auto;}
.formWrap .contact_title{  float:none; width:100%; text-align:left;  }
.formWrap input{ width:100%; }
.formWrap textarea{ width:100%;  }

.news{ float:none; width:80%; margin:0 auto;}
.header_bg2{ margin-top:50px; overflow:hidden;}

}

@media (max-width: 480px) { 
/*首頁*/
.logo{ float:none; text-align:center;}
.logo img{ max-width:220px;}
.banner{ margin-top:55px;}
h1.title01{ font-size:3rem; }
.icon_service li{ display:inline-block; width:21%; max-width:none; margin:5em 4px 0 4px;}
.share_link li{ float:none; width:70%; margin:0 auto 5% auto;}
/*圓形icon*/
.icon_top{ clear:both; width:100%; text-align:center; padding-top:20px;  }

/*內頁共用*/
.title_bg h1{ font-size:2.6rem; line-height:50px;}
.title_bg h2{ font-size:1.4rem; }
.title_bg h3{ font-size:2.6rem; line-height:50px; }

/*關於彤顏*/
.about_title01{ font-size:2.4rem; line-height:60px;}
.about_eng{ font-size:2rem;}
.about_tx{ font-size:1rem;}



}

@media (max-width: 320px) { 
.news .news_list .img { float:none; width:110px; min-height:110px; background:url(../images/all/bg-img.jpg) center no-repeat; margin:0 auto 18px auto; }
.news .news_list .txt { padding-left:0px; }
}