/******************

*	RESET		  *

*******************/

* {

	margin: 0px 0px;

	padding: 0px 0px;

}



/********************

*	GLOBAL			*

*********************/

body {

	background: #e6e6e6;

	font: 12px/17px Arial, Helvetica, sans-serif;

	color: #222;

}



/*******************

*	MENU		   *

********************/

#menu {

	width: 939px;

	height: 71px;

	margin: 0px;

	padding: 0px;

}

#menu ul {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

}

#menu li {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

}

#menu ul li {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

#menu li a, #menu li a:link, #menu li a:visited {

	margin: 0px;

	padding: 27px 0px 27px 0px;

	display: block;

	font-size: 13px;

}

#menu li a:hover, #menu li a:active {

	margin: 0px;

	padding: 0px;

	color: #fff;

	display: block;

	text-decoration: none;

}

#menu li li a, #menu li li a:link, #menu li li a:visited {

	z-index: 9999;

	float: none;

	margin: 0px;

	padding: 0px;

	font-weight: normal;

	text-decoration: none;

}

#menu li li a:hover, #menu li li a:active {

	background: #5CA12F;

	padding: 0px;

	text-decoration: none;

}

#menu li ul {

	z-index: 9999;

	position: absolute;

	height: auto;

	margin: 0px;

	padding: 0px;

	left: -999em;

}

#menu li li, #menu li li li {

	border: none;

	margin: 0px;

}

#menu li ul a {

	

}

#menu li ul a:hover, #menu li ul a:active {

	

}

#menu li ul ul {

	margin: -31px 0px 0px 180px;

}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {

	left: -999em;

}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {

	left: auto;

}

#menu li:hover, #menu li.sfhover {

	position: static;

}



#menu li ul li.cat-item {

	clear:both;

}



/*---------------自訂MENU圖案寫法---------------*/





/*滑鼠一過去前*/

#menu ul li.cat-item-1{

    background: url("images/menu_02_.jpg") no-repeat scroll 0 0 transparent;

    width: 119px;

    height: 71px;

    text-indent: -999em; /*讓文字消失*/



}

/*滑鼠移過去後*/

#menu ul li.cat-item-1 a:hover{

    background: url("images/menu_over_002.jpg") no-repeat scroll 0 0 transparent;

    width: 119px;

    height: 71px;

}



#menu ul li.cat-item-2{

    background: url("images/menu_002.jpg") no-repeat scroll 0 0 transparent;

    width: 117px;

    height: 71px;

    text-indent: -999em; /*讓文字消失*/

}

#menu ul li.cat-item-2 a:hover{

    background: url("images/menu_over_02_.jpg") no-repeat scroll 0 0 transparent;

    width: 117px;

    height: 71px;

}

	#menu ul li.cat-item-2-up{

		background: url("images/menu_bg_up_02.jpg") no-repeat scroll 0 0 transparent;

		width: 231px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

	#menu ul li.cat-item-2-1{

		background: url("images/menu_bg_middle_02.jpg") no-repeat scroll 0 0 transparent;

		width: 231px;

		height: 22px;

		text-indent: 0em; /*讓文字消失*/

	}

	#menu ul li.cat-item-2-1 a{

		background: url("images/menu_bg_middle_02.jpg") no-repeat scroll 0 0 transparent;

		width: 231px;

		height: 22px;

		color: #757575;

	}

	#menu ul li.cat-item-2-1 a:hover{

		background: url("images/menu_bg_middle_02.jpg") no-repeat scroll 0 0 transparent;

		width: 231px;

		height: 22px;

		color: #a98c48;

	}

	#menu ul li.cat-item-2-down{

		background: url("images/menu_bg_down_02.jpg") no-repeat scroll 0 0 transparent;

		width: 231px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

		.cat-item-text-2-l {

			float:left;

			font-size:12px;

			font-weight:300;

			text-align:left;

			padding-top:6px;

			padding-left:10px;

			font-family:"微軟正黑體";

		}

		.cat-item-text-2-r {

			font-family:Arial;

			float:left;

			font-size:12px;

			font-weight:bolder;

			text-align:left;

			padding-top:6px;

			padding-left:6px;

			font-family:"微軟正黑體";

		}



#menu ul li.cat-item-3{

    background: url("images/menu_03.jpg") no-repeat scroll 0 0 transparent;

    width: 118px;

    height: 71px;

    text-indent: -999em; /*讓文字消失*/

}

#menu ul li.cat-item-3 a:hover{

    background: url("images/menu_over_03.jpg") no-repeat scroll 0 0 transparent;

    width: 118px;

    height: 71px;

}

	#menu ul li.cat-item-3-1 a{

		background: url("images/menu_bg_middle_03.jpg") repeat scroll 0 0 transparent;

		width: 231px;

		height: 24px;

		color: #757575;

		text-indent: 0em; /*讓文字消失*/

	}

	#menu ul li.cat-item-3-1 a:hover{

		background: url("images/menu_bg_middle_03.jpg") repeat scroll 0 0 transparent;

		width: 231px;

		height: 24px;

		color: #a98c48;

	}

	#menu ul li.cat-item-3-up{

		background: url("images/menu_bg_up_03.jpg") no-repeat scroll 0 0 transparent;

		width: 231px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

	#menu ul li.cat-item-3-down{

		background: url("images/menu_bg_down_03.jpg") no-repeat scroll 0 0 transparent;

		width: 231px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

		.cat-item-text-3-l {

			float:left;

			font-size:12px;

			font-weight:300;

			text-align:left;

			padding-top:6px;

			padding-left:10px;

			font-family:"微軟正黑體";

		}

		.cat-item-text-3-r {

			font-family:Arial;

			float:left;

			font-size:12px;

			font-weight:bolder;

			text-align:left;

			padding-top:6px;

			padding-left:6px;

			font-family:"微軟正黑體";

		}





#menu ul li.cat-item-4{

    background: url("images/menu_04.jpg") no-repeat scroll 0 0 transparent;

    width: 117px;

    height: 71px;

    text-indent: -999em; /*讓文字消失*/

}

#menu ul li.cat-item-4 a:hover{

    background: url("images/menu_over_04.jpg") no-repeat scroll 0 0 transparent;

    width: 117px;

    height: 71px;

}

	#menu ul li.cat-item-4-up{

		background: url("images/menu_bg_up_04.jpg") no-repeat scroll 0 0 transparent;

		width: 286px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

	#menu ul li.cat-item-4-down{

		background: url("images/menu_bg_down_04.jpg") no-repeat scroll 0 0 transparent;

		width: 286px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

	#menu ul li.cat-item-4-1 a{

		background: url("images/menu_bg_middle_04.jpg") repeat scroll 0 0 transparent;

		width: 286px;

		height: 24px;

		color: #757575;

		text-indent: 0em; /*讓文字消失*/

	}

	#menu ul li.cat-item-4-1 a:hover{

		background: url("images/menu_bg_middle_04.jpg") repeat scroll 0 0 transparent;

		width: 286px;

		height: 24px;

		color: #a98c48;

	}

	#menu ul li.cat-item-4-2 a{

		background: url("images/menu_bg_middle_04.jpg") repeat-y scroll 0 0 transparent;

		width: 286px;

		height: 42px ;

		color: #757575;

		text-indent: 0em; /*讓文字消失*/

	}

	#menu ul li.cat-item-4-2 a:hover{

		background: url("images/menu_bg_middle_04.jpg") repeat-y scroll 0 0 transparent;

		width: 286px;

		height: 42px;

		color: #a98c48;

	}

		.cat-item-text-4-l {

			float:left;

			font-size:12px;

			font-weight:300;

			text-align:left;

			padding-top:3px;

			padding-left:10px;

			font-family:"微軟正黑體";

		}

		.cat-item-text-4-r {

			float:left;

			font-size:12px;

			line-height:12px;

			text-align:left;

			padding-top:1px;

			padding-left:10px;

			font-family:"微軟正黑體";

		}

		.cat-item-text-4-l-2 {

			float:left;

			font-size:12px;

			font-weight:300;

			text-align:left;

			padding-top:6px;

			padding-left:10px;

			font-family:"微軟正黑體";

		}

		.cat-item-text-4-r-2 {

			font-family:Arial;

			float:left;

			font-size:12px;

			font-weight:bolder;

			text-align:left;

			padding-top:6px;

			padding-left:6px;

			font-family:"微軟正黑體";

		}





#menu ul li.cat-item-5{

    background: url("images/menu_05.jpg") no-repeat scroll 0 0 transparent;

    width: 116px;

    height: 71px;

    text-indent: -999em; /*讓文字消失*/

}

#menu ul li.cat-item-5 a:hover{

    background: url("images/menu_over_05.jpg") no-repeat scroll 0 0 transparent;

    width: 116px;

    height: 71px;

}

	#menu ul li.cat-item-5-up{

		background: url("images/menu_bg_up_05.jpg") no-repeat scroll 0 0 transparent;

		width: 287px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

	#menu ul li.cat-item-5-down{

		background: url("images/menu_bg_down_05.jpg") no-repeat scroll 0 0 transparent;

		width: 287px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

	#menu ul li.cat-item-5-1 a{

		background: url("images/menu_bg_middle_05.jpg") repeat scroll 0 0 transparent;

		width: 287px;

		height: 24px;

		color: #757575;

		text-indent: 0em; /*讓文字消失*/

	}

	#menu ul li.cat-item-5-1 a:hover{

		background: url("images/menu_bg_middle_05.jpg") repeat scroll 0 0 transparent;

		width: 287px;

		height: 24px;

		color: #a98c48;

	}

		.cat-item-text-5-l-2 {

			float:left;

			font-size:12px;

			font-weight:300;

			text-align:left;

			padding-top:6px;

			padding-left:10px;

			font-family:"微軟正黑體";

		}

		.cat-item-text-5-r-2 {

			font-family:Arial;

			float:left;

			font-size:12px;

			font-weight:bolder;

			text-align:left;

			padding-top:6px;

			padding-left:6px;

			font-family:"微軟正黑體";

		}





#menu ul li.cat-item-6{

    background: url("images/menu_06.jpg") no-repeat scroll 0 0 transparent;

    width: 119px;

    height: 71px;

    text-indent: -999em; /*讓文字消失*/

}

#menu ul li.cat-item-6 a:hover{

    background: url("images/menu_over_06.jpg") no-repeat scroll 0 0 transparent;

    width: 119px;

    height: 71px;

}



#menu ul li.cat-item-7{

    background: url("images/menu_07.jpg") no-repeat scroll 0 0 transparent;

    width: 117px;

    height: 71px;

    text-indent: -999em; /*讓文字消失*/

}

#menu ul li.cat-item-7 a:hover{

    background: url("images/menu_over_07.jpg") no-repeat scroll 0 0 transparent;

    width: 117px;

    height: 71px;

}

	#menu ul li.cat-item-7-up{

		background: url("images/menu_bg_up_07.jpg") no-repeat scroll 0 0 transparent;

		width: 309px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

	#menu ul li.cat-item-7-down{

		background: url("images/menu_bg_down_07.jpg") no-repeat scroll 0 0 transparent;

		width: 309px;

		height: 16px;

		text-indent: -999em; /*讓文字消失*/

	}

	#menu ul li.cat-item-7-1 a{

		background: url("images/menu_bg_middle_07.jpg") repeat scroll 0 0 transparent;

		width: 309px;

		height: 24px;

		color: #757575;

		text-indent: 0em; /*讓文字消失*/

	}

	#menu ul li.cat-item-7-1 a:hover{

		background: url("images/menu_bg_middle_07.jpg") repeat scroll 0 0 transparent;

		width: 309px;

		height: 24px;

		color: #a98c48;

	}

	#menu ul li.cat-item-7-2 a{

		background: url("images/menu_bg_middle_07.jpg") repeat-y scroll 0 0 transparent;

		width: 309px;

		height: 42px ;

		color: #757575;

		text-indent: 0em; /*讓文字消失*/

	}

	#menu ul li.cat-item-7-2 a:hover{

		background: url("images/menu_bg_middle_07.jpg") repeat-y scroll 0 0 transparent;

		width: 309px;

		height: 42px;

		color: #a98c48;

	}

		.cat-item-text-7-l {

			float:left;

			font-size:12px;

			font-weight:300;

			text-align:left;

			padding-top:7px;

			padding-left:10px;

			font-family:"微軟正黑體";

		}

		.cat-item-text-7-r {

			font-family:Arial;

			float:left;

			font-size:12px;

			line-height:12px;

			font-weight:bolder;

			text-align:left;

			padding-top:1px;

			padding-left:10px;

			font-family:"微軟正黑體";

		}

		.cat-item-text-7-l-2 {

			float:left;

			font-size:12px;

			font-weight:300;

			text-align:left;

			padding-top:6px;

			padding-left:10px;

			font-family:"微軟正黑體";

		}

		.cat-item-text-7-r-2 {

			font-family:Arial;

			float:left;

			font-size:12px;

			font-weight:bolder;

			text-align:left;

			padding-top:6px;

			padding-left:6px;

			font-family:"微軟正黑體";

		}





#menu ul li.cat-item-8{

    background: url("images/menu_08.jpg") no-repeat scroll 0 0 transparent;

    width: 116px;

    height: 71px;

    text-indent: -999em; /*讓文字消失*/

}

#menu ul li.cat-item-8 a:hover{

    background: url("images/menu_over_08.jpg") no-repeat scroll 0 0 transparent;

    width: 116px;

    height: 71px;

}



.cat-item-text-2-l.category{

	font-size: 14px;

	padding: 6px 0 0 10px;

	font-family: 'Microsoft JhengHei';

}

.cat-item-text-2-l.indent{

	margin-left: 10px;

}

.right_top.category{

	margin-left: 30px;

	font-size: 14px;

	color: #222;

	width: 198px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	display: block;

}

.right_top{

	display: block;

	width: 198px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

/*---------------最新案例---------------*/

@font-face{

	font-family: 'garamond';

	src:url(font/AGaramondPro-Bold.otf);

}

h1.title{

	font-size: 36px;

	font-family: 'garamond','Microsoft JhengHei';

	color: #4d4d4d;

	margin: 30px 0 18px 15px;

}

h2.subtitle{

	color: #9f803d;

	font-size: 20px;

	font-family: 'Microsoft JhengHei';

	margin: 0 0 15px 15px;

}

.case-block{

	float: left;

	width: 282px;

	position: relative;

	border: #c7c7c7 solid 1px;

	font-family: 'Microsoft JhengHei';

	padding: 7px;

	margin: 0 0px 35px 15px

}

.case-block:after{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 296px;

	height: 160px;

	background: #000;

	opacity: 0;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	transition: all 0.3s;

}

.case-block:hover:after{

	opacity: 0.7;

}

.case-describe{

	display: none;

	position: absolute;

	top: 14px;

	left: 14px;

	z-index: 2;

	width: 268px;

	max-height: 139px;

	overflow: hidden;

	line-height: 1.4em;

	font-size: 14px;

	color: #fff;

}

.case-block-title{

	display: inline-block;

	width: 210px;

	max-height: 2.8em;

	overflow: hidden;

	color: #9f803d;

	font-size: 16px;

	line-height: 1.4em;

	margin-bottom: 15px;

}

.case-block-date{

	float: right;

	font-size: 12px;

	color: #666;

}

.case-before{

	float: left;

	width: 135px;

	margin-right: 10px;

}

.case-before:before{

	content: 'BEFORE';

	display: block;

	color: #666;

	font-style: italic;

	margin: 0 0 7px 5px;

}

.case-after{

	float: left;

	width: 135px;

}

.case-after:before{

	content: 'AFTER';

	display: block;

	color: #666;

	font-style: italic;

	margin: 0 0 7px 5px;

}

.surgery{

	font-size: 13px;

	font-family: 'Microsoft JhengHei';

	color: #2c4971;

	text-align: center;

	margin-bottom: 35px;

}

.surgery:before{

	content: '';

	display: block;

	clear: both;

}

.page{

	text-align: center;

	margin-top: 60px;

}

.page a{

	font-size: 15px;

	color: inherit;

	text-decoration: none;

	margin: 0 6px;

}

.page a:hover, .page a.active{

	color: #2c4971;

	font-weight: bold;

}

.page img{

	vertical-align: sub;

}

.page a.next, .page a.pre, .page a.home, .page a.end{

	display: inline-block;

	width: 20px;

	height: 20px;

	vertical-align: bottom;

}

.page a.next{

	background: url(images/next.png) no-repeat;

	margin-left: 12px;

}

.page a.next:hover{

	background: url(images/next-hover.png) no-repeat;

}

.page a.pre{

	background: url(images/pre.png) no-repeat;

	margin-right: 12px;

}

.page a.pre:hover{

	background: url(images/pre-hover.png) no-repeat;

}

.page a.home{

	background: url(images/home.png) no-repeat;

}

.page a.home:hover{

	background: url(images/home-hover.png) no-repeat;

}

.page a.end{

	background: url(images/end.png) no-repeat;

}

.page a.end:hover{

	background: url(images/end-hover.png) no-repeat;

}

/*---------------最新案例內頁---------------*/

.case-inner-block{

	width: 550px;

	font-size: 14px;

	font-family: 'Microsoft JhengHei';

	line-height: 1.6em;

	padding-left: 25px;

}

.case-inner-block h2{

	font-family: 'Microsoft JhengHei';

	color: #264677;

	font-size: 16px;

	font-weight: bold;

	border-bottom: #666 solid 1px;

	padding-bottom: 20px;

	margin: 0 0 30px 0;

}

.case-inner-block p{

	width: 550px;

	font-size: 14px;

	font-family: 'Microsoft JhengHei';

	line-height: 1.6em;

	margin: 0 0 1.6em 0;

}

.case-inner-block p.case-inner-date{

	font-size: 12px;

	color: #666;

}

.case-inner-block a{

	color: #2c4971;

	text-decoration: underline;

}

.case-inner-block blockquote{

	width: 510px;

	color: #777;

	font-size: 16px;

	font-style: italic;

	text-align: left;

	font-family: 'Microsoft JhengHei';

	line-height: 1.6em;

	padding: 0 20px;

	margin: 0 0 1.6em 0;

}

.case-inner-block blockquote p{

	width: 510px;

	font-size: 16px;

}

.case-inner-block ul, .case-inner-block ol{

	width: 530px;

	font-size: 14px;

	font-family: 'Microsoft JhengHei';

	line-height: 1.6em;

	margin: 0 0 1.6em 20px;

}

table.before-after{

	max-width: 550px;

	margin: 0 auto 20px auto;

}

table.before-after th{

	text-align: left;

	font-size: 14px;

	color: #777;

	padding: 5px;

}

table.before-after td{

	vertical-align: top;

	padding: 5px;

}

table.before-after img{

	max-width: 265px;

}

/*---------------進修及演講---------------*/

.studies-block .blue_title{

	display: block;

	width: 590px;

	border-bottom: #aaa solid 1px;

	padding: 0 0 10px 0;

	margin: 0 0 15px 35px;

}

.studies-block .blue_title:before{

	content: '•';

	vertical-align: top;

	margin-right: 10px;

}

.studies-block .studies_lectures_main_content{

	width: 550px;

	margin-bottom: 15px;

}

.studies-block .studies_lectures_main_content ol,

.studies-block .studies_lectures_main_content ul{

	padding-left: 25px;

	margin-bottom: 1.6em;

}

.studies-block .studies_lectures_main_content blockquote{

	text-align: left;

}

.studies-block img{

	margin: 0 auto 15px auto;

}