@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------
	通用於所有的頁面風格
----------------------------------------------------------------------------------------------------*/

/*取消高度無效*/
html, body{ margin:0; height:100%; }


/* 主要設定*/
body{
	background:#FFF;
	font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
	color:#333;
	font-size:12px;
	line-height:1.75;
	
}

a{
	color:#3c3c3c;
	text-decoration:none;
	font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
}

a:hover{
	text-decoration:none;
}

h1,h2,h3,h4,p,samp{
	font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
	}

.hidden{
	visibility:hidden;
}

.none{
	display:none;
}

.ie-block{
	display:none;
	width:100%;
	height:100%;
	
}

/*最新消息*/
.left-col{
	float:left;	
}

.right-col{
	float:right;
}	



/* 主要版面 */


/* 主選單位置 */
#header{
	width:204px;
	height:4000px;
	position:fixed;
	left:0px;
	top:0px;
	padding:0 0 0 0;
	min-height:100%;
	background-color:#e9d900;/*左邊底色*/
	color:#FFF;
	border-left:1px solid #f2e102; /*選單滑入左右*/
	border-right:1px solid #f2e102; /*選單滑入左右*/
	z-index:1000;
	background:rgba(233,217,0,1);
	filter:alpha(opacity=100);
	box-shadow: 3px -1px 5px #818181; 
    -webkit-box-shadow: 3px -1px 5px #818181; 
    -moz-box-shadow: 3px -1px 5px #818181; 
}


/*隱藏說明文字*/
body.pageh2 h2{
	display:none;
}


#header .logo{
	margin:35px 0 0 0;
	text-align:center;	
}

#header h1{
	margin:0 0 30px;
	text-align:center;	
}

#header a.home{
	display:block;
}

#header a{
	color:#FFF;
	text-decoration:none;	
}


#header .menu_bg {
	position:absolute;
	left:5px;
	margin:0 -30px 0 0 ;
	}


/*頁腳說明*/
#header .info{
	width:160px;
	position:fixed;
	left:0px;
	bottom:0px;
	padding:10px 0 38px 35px;
	/*background:#313131;
	border-left:1px solid #313131;
	border-right:1px solid #313131;*/
}



/*頁腳名*/
#header .copyright{
	font-size:11px;
	float:left;
}

/* 主要選單 */

#gnav{
	position:relative;
	width:100%;
	/*overflow:hidden;*/
	height:380px;
	float:left; /*IE789水平*/
}

#gnav ul{
	/*border-bottom:#ff6600 1px solid;*/
	position:absolute;
	z-index:1;
	top:200px;
	left:0px;
	width:100%;
	
}



/*電腦主選單*/
#gnav a{
	display:block;
	/*background:#1F1F1F;*/
	/*border-top:#353435 1px solid;*/
	padding:8px 0 8px 30px;/*單一高度*/
	line-height:1.1;
	transition-property:background-color;
	transition-duration:0.3s;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.3s;
	color:#000;
}

/*電腦版選單*/
#gnav a:hover{
	/*background-color:#353535;
	background-color:rgba(102,102,102,0.5);
	transition-property:background-color;*/
	transition-duration:0.1s; /*滑入效果*/
	color:#fff;
}


#gnav li.back a{
	background-image:url(../images/bg-gnav-link.png);
	background-position:30px 47%;
	background-repeat:no-repeat;
}

#gnav .now_page a { 
    color:#fff;
	}

body.clinic #gnav ul.parent,
body.specialities #gnav ul.parent{
	left:206px;	
}

body.clinic #gnav li.clinic ul.child,
body.specialities #gnav li.specialities ul.child{
	display:block;
}*/

/* 主要內容 */

#body{
	/*width:936px;
	position:relative;*/
	
}

/* 右邊內頁主要版面 */
#contents{
	/*position:absolute;
	z-index:2;
	right:206px;
	top:0px;
	*/
	width:830px;/*主要內頁版位*/
	min-height:100%;
	float:left;
	
	padding:0px 64px 100px 50px; /*主板位高度*/
	/*padding:45px 270px 30px 64px;*/
	background:#FFF;
	/*box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 10px;*/
	margin:0 0 0 205px;

}


#contents a:hover img{
    filter: alpha(opacity=70);
    opacity: 0.7;
}


/*內頁右邊背景圖片*/
#background{
	position:fixed;
	z-index:-1;
	left:0px;
	top:0px;
	left:0;
	bottom:0;
	overflow:hidden;
}


/*內頁右邊背景圖片*/
#background img{
	width:100%;
	height:100%;
	visibility:hidden;
}


/* 手機板選單 */
#sp-header{
	display:none;	
}

/* 手機板說明 */
#sp-footer{
	display:none;	
}

#pagetop{
	margin:50px 0 0;
	text-align:right;
}	

#pagetop a{
	text-decoration:none;
	color:#333;
	background:url(../images/bg-pagetop.png) right 45% no-repeat;
	padding:0 15px 0 0;	
}

#pagetop a:hover{
	text-decoration:underline;	
}

/* 黑色的背景處理 */

/*body.facilities,
body.example,*/
body.facilities #contents,
/*body.example #contents*/{
	background:#313131;	
}

body.facilities #contents,
/*body.example #contents*/{
	color:#000;	
}

body.facilities #pagetop a,
body.example #pagetop a{
	color:#FFF;
	background:url(../images/bg-pagetop-black.png) right 45% no-repeat;
}


/* 頁面選單 */
.wp-pagenavi{
	margin:10px 0;	
}

.wp-pagenavi span,
.wp-pagenavi a{
	color:#333;
	display:block;
	float:left;
	line-height:1.1;
	padding:7px 10px;
	transition-property:background-color,color;
	transition-duration:0.3s;
	-webkit-transition-property:background-color,color;
	-webkit-transition-duration:0.3s;
	margin:0 5px 0 0;
}

.wp-pagenavi a:hover,
.wp-pagenavi span{
	background:#1F1F1F;
	color:#FFF;
	transition-property:background-color,color;
	transition-duration:0.3s;
	-webkit-transition-property:background-color,color;
	-webkit-transition-duration:0.3s;
}

body.example .wp-pagenavi span,
body.example .wp-pagenavi a{
	color:#FFF;
}

body.example .wp-pagenavi a:hover,
body.example .wp-pagenavi span{
	background:#FFF;
	color:#1F1F1F;
}



/* Responsive Setting */

.all-device-block,
.sp-block,
.portrait-block,
.landscape-block,
.tablet-block{
	display:none;	
}

.all-device-inline,
.sp-inline,
.portrait-inline,
.landscape-inline,
.tablet-inline{
	display:none;	
}

/*內頁頁面主要使用*/
.comment_box {
	text-align:right;
	color:#999;
	font-size:10px;
	margin:12px 0 0 0;
	}

.title_page {
	width:100%;
	margin:70px 0 0 0;
	}

.title_color {
	width:21px;
	height:15px;
	background-color:#21b9ac;
	float:left;
	margin:0 12px 0 0 ;
	}

.title_color02 {
	width:15px;
	height:22px;
	background-color:#21b9ac;
	float:left;
	margin:0 12px 0 0 ;
	}



.title_color03 {
	width:15px;
	height:22px;
	background-color:#21b9ac;
	float:left;
	}



.title_en {
	font-size:16px;
	margin:0 0 0 5px;
	}

.page_route {
	margin:15px 0 0 0;
	font-size:11px;
	color:#8d8d8d;
	}
	
.page_route ul li {
	display:inline;
	}

.page_route li a:visited{
	color:#8d8d8d;
	}
.page_route li a:hover{
	color:#21b9ac;
	}

.current_page {
	width:100%;
	margin:55px 0 30px 0;
	}


.level_page {
	width:100%;
	height:13px;
	background-image:url(../images/level.jpg);
	margin:5px 0 0 0;
	}

.level_page02 {
	width:100%;
	height:13px;
	background-image:url(../images/level.jpg);
	margin:5px 0 20px 0;
	float:left;
	}

/*共用CSS*/
.red13 {
	font-size:13px;
	color:#F00;
	}



@media screen and (max-width:1024px){
#header{
	width:204px;	
	}
	
#header h1{
	margin:0 0 0;
	text-align:center;	
    }
	
#header .logo{
	text-align:center;	
	}

	
}


/* 1024 以下 */
@media screen and (max-width:879px){
	
.all-device-block{
	display:block;
	}
	
.all-device-inline{
	display:inline;	
	}
	
	/*內頁右邊背景圖片*/
	/*#background{
		display:none;
	}*/
	
#contents{
	float:none;
	padding-left:172px;
	padding-right:30px;
	box-shadow:none;
	-webkit-box-shadow:none;
	}
	
#header{
	width:180px;	
	}
	
#header h1{
margin:0 0 0;
text-align:center;
    }
	
	
	
#gnav a{
	padding-left:50px;
		
	}
	
	
	
	/*頁角*/
#header .info{
	width:180px;
	padding-right:9px;
	padding-left:9px;
	}
	
	
	
#header p.tel{
	letter-spacing:0px;
	font-size:15px;
	}


	
body.clinic #gnav {
	left:206px;	
	}
	
body.clinic #gnav {
	left:-206px;
	}
	
	
#pagetop a{
	background-image:url(../images/bg-pagetop-retina.png);
	background-size:12px 7px;
	}
	
body.facilities #pagetop a,
body.example #pagetop a{
	background-image:url(../images/bg-pagetop-black-retina.png);
	background-size:12px 7px;
	}

    

}

@media screen and (max-width: 800px) { 
/*電腦主選單*/
#gnav a{
	display:block;
	/*background:#1F1F1F;*/
	/*border-top:#353435 1px solid;*/
	padding:8px 0 8px 50px;/*單一高度*/
	line-height:1.1;
	transition-property:background-color;
	transition-duration:0.3s;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.3s;
    }
	
.menu_bg img {
	width:88%;
	}

	
}



/* 800以下 */
@media screen and (max-width:640px){
	
.sp-none{
		
	display:none;	
	}
	
.sp-block{
	display:block;	
	}
	
.sp-inline{
	display:inline;
	}	
	
	
body{
	position:relative;	
	}
	
#wrapper{
	width:100%;
	position:absolute;
	z-index:1;
	right:0px; /*原本為left*/
	top:0px;		
	}
	
/* 需要與common.js-152-158同步數字 */
#header{
	left:-190px;
	padding-top:66px;
	}
	
#header a.home{
	display:none;
	}
	
/*800以下頁角不見，800以上出現*/
#header .info{
	display:none;
	}
	
	

#contents{
	width:96%;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:2%;
	padding-right:2%;
	}	
	
	
/*陰影效果及光暈效果*/
#sp-header{
	width:105%;
	height:51px;
	background:#e9d900;
	display:block;
	box-shadow:0px 3px 5px rgba(0,0,0,0.4);
	margin:0 0 0 -15px;
	position:fixed;
	z-index:999;
	}
	
#sp-header a img{
	transition-property:opacity;
	transition-duration:0.3s;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.3s;
	}
	
#sp-header a img:hover{
	opacity:0.5;
	transition-property:opacity;
	transition-duration:0.3s;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.3s;
	}
	
#sp-header .inner{
	padding:0 2% 0;
	width:96%;
	position:relative;
	z-index:10
	}
	
#sp-header a.home{
	display:block;
	float:right;/*原left*/
	}
	
#sp-header .logo{
	float:left;/*原left*/	
	margin:0 15px 0 0;
	}
	
#sp-header h1{
	padding:5px 0 0;
	float:left;	
}
	
	
	
	
/* 手機板按鈕 */
	

#btn-menu a{
	display:block;
	float:left;
		
	}
#btn-menu a.menu-open{
	background:url(../images/btn-sp-menu-close.png) 0 0 no-repeat;
	background-size:51px 51px;
		
	}
	
#btn-menu img{
	display:block;
	}
	
#btn-menu a.menu-open img{
	visibility:hidden;	
	}
	
	/*#sp-header .btn-tel{
		width:39px;
		height:39px;
		float:right; 
		margin:0 15px 0 0;
		background:url(../img/btn-tel.png) 0 0 no-repeat;
		background-size:39px 39px;
		display:block;
		font-size:10px;
		line-height:1.2;
	}*/
	
	/*#sp-header .btn-tel span{
		opacity:0;
	}*/

	/* 手機頁腳 */
#sp-footer{
	background:#1F1F1F;
	display:block;
	color:#FFF;
	box-shadow:0px -3px 5px rgba(0,0,0,0.2);
	}
	
#sp-footer .inner{
	width:96%;
	padding:10px 2%;	
	}
	
#sp-footer p.copyright{
	font-size:11px;	
	}
	
	/*#sp-footer .btn-tel{
		
		float:right;
		margin:0 0px 0 0;
		width:39px;
		height:39px;
		background:url(../img/btn-tel.png) 0 0 no-repeat;
		background-size:39px 39px;
		display:none;
		font-size:10px;
		line-height:1.2;
	}*/
	
	/*#sp-footer .btn-tel span{
		opacity:0;
	}*/
	
	
#gnav a{
	background-size:5px 8px;
	padding-top:10px;
	padding-bottom:10px;
		
	}
	
	
}



/* Portrait */
@media screen and (max-width:479px){
/*電腦主選單*/
#gnav a{
	display:block;
	/*background:#1F1F1F;*/
	/*border-top:#353435 1px solid;*/
	padding:8px 0 8px 35px;/*單一高度*/
	line-height:1.1;
	transition-property:background-color;
	transition-duration:0.3s;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.3s;
    }
	
.portrait-block{
	display:block;
	}
	
.portrait-inline{
	display:inline;	
	}
	
	
	/* 手機板 LOGO */
#sp-header .logo{
	margin-right:10px;
	}
	
#sp-header h1 img{
	width:auto;
	height:27px;
	}	
	
	/*#sp-header .btn-tel{
		display:none;	
	}*/
	
#sp-footer .copyright{
	float:left;
	padding:10px 0 0;
	}
	
	/*#sp-footer .btn-tel{
		display:block;
	}*/
}






/* Landscape*/
@media screen and (min-width:320px) and (max-width:639px){

.range_bg_sp {
	padding:10px;
	margin:60px 0 0 0;
	line-height:20px;
	}



#contents {
	width:93%;/*主要內頁版位*/
	float:left;
	padding:0px 1px 1px 1px; /*主板位高度*/
	background:#FFF;
	margin:30px 0 0 10px;

    }
	
#gnav {
    top:-40px;
	}
	
.menu_bg img {
	width:100%;
	}
	
/*電腦主選單*/
#gnav a{
	display:block;
	/*background:#1F1F1F;*/
	/*border-top:#353435 1px solid;*/
	padding:10px 0 10px 35px;/*單一高度*/
	line-height:1.1;
	transition-property:background-color;
	transition-duration:0.3s;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.3s;
    }
	
/*內頁右邊背景圖片*/
#background{
	display:none;
	}
	
.landscape-block{
	display:block;	
	}
	
.landscape-inline{
	display:inline;	
	}
	
#sp-footer{
	text-align:center;	
	}
	
	
	
#header{
	left:-200px; /*手機板專用新增*/
	padding-top:50px;
	background:rgba(233,217,0,1);
	filter:alpha(opacity=100);	
	}
	
	
/*800以下頁角不見，800以上出現*/
#header .info{
	display:none;
	}
	
/*內頁主要使用*/
.comment_box {
	text-align:right;
	color:#999;
	font-size:10px;
	margin:-12px -2px 0 0;
	}
	
#header .menu_bg {
	left:-19px;
	top:-5px;
	}
	
.title_page {
	width:100%;
	margin:25px 0 0 0;
	
	}
	
.current_page {
	width:100%;
	margin:40px 0 50px 0;
	float:left;
	}



	
}

/* Tablet */
@media screen and (min-width:641px) and (max-width:799px){

	
.tablet-block{
	display:block;	
	}
	
.tablet-inline{
	display:inline;	
	}
	
#header .copyright{
	line-height:1.4;	
	}
	
#contents{
	width:63%;
	padding-bottom:0px;
	padding-left:50px;
	padding-right:30px;
	margin:0 0 0 180px;	
	float:left;
		
	}
	
#background{
	position:fixed;
	z-index:-1;
	left:0px;
	top:0px;
	overflow:hidden;
    }
	
#header {
	width:204px;
	}

/*800以下頁角不見，800以上出現*/
#header .info{
	display:none;
	}
	
	
	
#gnav {
	margin:10px 0 0 0;
	}
	
.menu_bg img {
	width:100%;
	}
	
}


/* 平板主頁內容 */
@media screen and (min-width:801px) and (max-width:1023px){
#header{
	width:204px;
	}
	
#contents{
	width:630px;
	padding-left:30px;
	padding-right:50px;
		
	
	}
	
#header .info{
	width:160px;
	position:fixed;
	float:left;
	left:0px;
	margin:10px;
    }
	
#gnav {
	margin:25px 0 0 0;
		}
	
}

@media screen and (min-width:1025px) and (max-width:1150px){ 
#contents{
	width:650px;
	padding-left:30px;
	padding-right:50px;
		
	
	}
}

@media screen and (min-width:1151px) and (max-width:1800px){ 
#header .info{
	width:160px;
	position:fixed;
	float:left;
	left:0px;
	margin:10px;
    }
}

/* 解析度1920以上專用 */

@media screen and (min-width:1801px) and (max-width:2560px){
	
#contents{
  /*position:absolute;
  z-index:2;
  right:206px;
  top:0px;
  */
  width:68%;/*主要內頁版位*/
  min-height:100%;
  float:left;
  
  padding:0px 64px 100px 50px; /*主板位高度*/
  /*padding:45px 270px 30px 64px;*/
  background:#FFF;
  /*box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 10px;*/
  margin:0 0 0 205px;

}

.page_route {
	margin:15px 0 0 0;
	font-size:13px;
	color:#8d8d8d;
	}

	 
}

/*大尺寸電腦螢幕*/

@media screen and (min-width:2561px) and (max-width:3200px){
	
#contents{
	/*position:absolute;
	z-index:2;
	right:206px;
	top:0px;
	*/
	width:80%;/*主要內頁版位*/
	min-height:100%;
	float:left;
	
	padding:0px 64px 100px 50px; /*主板位高度*/
	/*padding:45px 270px 30px 64px;*/
	background:#FFF;
	/*box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 10px;*/
	margin:0 0 0 205px;
  
  }


}