/* Narrower */
#navPanel, #titleBar {display: none;}
@media screen and (max-width: 768px) {
/* Header */
#header {display: none;}
/* Off-Canvas Navigation */
#page-wrapper {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: -moz-transform 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
  padding-bottom: 1px;
  padding-top: 48px;
}
.notitle #page-wrapper{padding-top: 0px;}
#titleBar {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	display: block;
	height: 44px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 8000;
	height: 44px;
	line-height: 44px;
}
#titleBar .title {display: block;position: relative;font-weight: 600;text-align: left;z-index: 1;padding-left: 40px;float: left;font-size: 20px;overflow : hidden; text-overflow : ellipsis; white-space : nowrap;width:calc(100% - 100px)}
#titleBar .title img{display: none;}
#titleBar .title2 {margin-right: 10px;position: absolute;top: 0;right:0}
#titleBar .toggle {text-decoration: none;border: 0;height: 60px;left: 0;position: absolute;top: 0;z-index: 2;}
#titleBar .toggle:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}
#titleBar .toggle:before {
	content: '\f0c9';
	display: block;
	height: 44px;
	text-align: center;
	width: 44px;
	opacity: 0.5;
	font-size:25px;
}
#titleBar .toggle:active:before {opacity: 0.75;}
#titleBar  #titleBarMember{font-size: 16px;}

.Self_Link{display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: flex-start;position: absolute;top: 0;right: 50px;}
.Self_Link .language a.SelectNav{display: inline-block;padding: 0;}
.Self_Link .language img{display: block;height:25px;width:25px;margin: 10px;}
.Self_Link .language:hover .SelectNav{padding: 0;margin-top: 0px;}
.Self_Link .language .SubNav{top: 44px;left: auto;right: -37px;}
.Self_Link .language .SubNav li{padding: 10px 8px;}
/*手機選單*/
#navPanel .link {
	border-bottom: 0;
	border-top: solid 1px rgba(255, 255, 255, 0.05);
	min-height: 48px;
	padding: 0 1em 0 1em;
	text-decoration: none;
}
#navPanel .link:first-child {
	border-top: 0;
}
/*#navPanel .link.depth-0 {
	color: #fff;
}*/
#navPanel .link .indent-1 {
	display: inline-block;
	width: 1em;
}
#navPanel .link .indent-2 {
	display: inline-block;
	width: 2em;
}
#navPanel .link .indent-3 {
	display: inline-block;
	width: 3em;
}
#navPanel .link .indent-4 {
	display: inline-block;
	width: 4em;
}
#navPanel .link .indent-5 {
	display: inline-block;
	width: 5em;
}
#navPanel {
	box-shadow: inset -1px 0 3px 0 rgba(0, 0, 0, 0.5);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translateX(-275px);
	-webkit-transform: translateX(-275px);
	-ms-transform: translateX(-275px);
	transform: translateX(-275px);
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	display: block;
	height: 100%;
	left: 0;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 275px;
	z-index: 10002;
	font-size: 22px;
}
body.navPanel-visible #page-wrapper {
  -moz-transform: translateX(275px);
  -webkit-transform: translateX(275px);
  -ms-transform: translateX(275px);
  transform: translateX(275px);
}
body.navPanel-visible #titleBar {
  -moz-transform: translateX(275px);
  -webkit-transform: translateX(275px);
  -ms-transform: translateX(275px);
  transform: translateX(275px);
}
body.navPanel-visible #navPanel {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
}
/* Grid */
.row {
border-bottom: solid 1px transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row > * {
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row > * {}
.row:after, .row:before {content: '';display: block;clear: both;height: 0;}
.row.uniform > * > :first-child {margin-top: 0;}
.row.uniform > * > :last-child {margin-bottom: 0;}
.row.\30 \25 > * {padding: 0px 0 0 0px;
}
.row.\30 \25 {
margin: 0px 0 -1px 0px;
}

.row.uniform.\30 \25 > * {
padding: 0px 0 0 0px;
}

.row.uniform.\30 \25 {
margin: 0px 0 -1px 0px;
}

.row > * {}

.row {}

.row.uniform > * {
padding: 50px 0 0 50px;
}

.row.uniform {
margin: -50px 0 -1px -50px;
}

.row.\32 00\25 > * {

}

.row.\32 00\25 {

}

.row.uniform.\32 00\25 > * {
padding: 100px 0 0 100px;
}

.row.uniform.\32 00\25 {
margin: -100px 0 -1px -100px;
}

.row.\31 50\25 > * {
padding: 75px 0 0 75px;
}

.row.\31 50\25 {
margin: -75px 0 -1px -75px;
}

.row.uniform.\31 50\25 > * {
padding: 75px 0 0 75px;
}

.row.uniform.\31 50\25 {
margin: -75px 0 -1px -75px;
}

.row.\35 0\25 > * {
padding: 25px 0 0 25px;
}

.row.\35 0\25 {
margin: -25px 0 -1px -25px;
}

.row.uniform.\35 0\25 > * {
padding: 25px 0 0 25px;
}

.row.uniform.\35 0\25 {
margin: -25px 0 -1px -25px;
}

.row.\32 5\25 > * {
padding: 12.5px 0 0 12.5px;
}

.row.\32 5\25 {
margin: -12.5px 0 -1px -12.5px;
}

.row.uniform.\32 5\25 > * {
padding: 12.5px 0 0 12.5px;
}

.row.uniform.\32 5\25 {
margin: -12.5px 0 -1px -12.5px;
}

.\31 2u, .\31 2u\24 {
width: 100%;
clear: none;
margin-left: 0;
}

.\31 1u, .\31 1u\24 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}

.\31 0u, .\31 0u\24 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}

.\39 u, .\39 u\24 {
width: 75%;
clear: none;
margin-left: 0;
}

.\38 u, .\38 u\24 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}

.\37 u, .\37 u\24 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}

.\36 u, .\36 u\24 {
width: 50%;
clear: none;
margin-left: 0;
}

.\35 u, .\35 u\24 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}

.\34 u, .\34 u\24 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}

.\33 u, .\33 u\24 {
width: 25%;
clear: none;
margin-left: 0;
}

.\32 u, .\32 u\24 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u, .\31 u\24 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}


.\31 2u\24 + *,
.\31 1u\24 + *,
.\31 0u\24 + *,
.\39 u\24 + *,
.\38 u\24 + *,
.\37 u\24 + *,
.\36 u\24 + *,
.\35 u\24 + *,
.\34 u\24 + *,
.\33 u\24 + *,
.\32 u\24 + *,
.\31 u\24 + * {
clear: left;
}
.\-11u {
margin-left: 91.66667%;
}

.\-10u {
margin-left: 83.33333%;
}

.\-9u {
margin-left: 75%;
}

.\-8u {
margin-left: 66.66667%;
}

.\-7u {
margin-left: 58.33333%;
}

.\-6u {
margin-left: 50%;
}

.\-5u {
margin-left: 41.66667%;
}

.\-4u {
margin-left: 33.33333%;
}

.\-3u {
margin-left: 25%;
}

.\-2u {
margin-left: 16.66667%;
}

.\-1u {
margin-left: 8.33333%;
}

@media screen and (min-width: 769px) {
#appoint_row .\32 u,#appoint_row .\32 u\24 {
	width: 21%;
	clear: none;
	margin-left: 0;
}
#appoint_row .\31 0u,#appoint_row .\31 0u\24 {
width: 78%;
clear: none;
margin-left: 0;
	float: right;
}
.row > * {}

.row {}

.row.uniform > * {
padding: 40px 0 0 40px;
}

.row.uniform {
margin: -40px 0 -1px -40px;
}

.row.\32 00\25 > * {

}

.row.\32 00\25 {

}

.row.uniform.\32 00\25 > * {
padding: 80px 0 0 80px;
}

.row.uniform.\32 00\25 {
margin: -80px 0 -1px -80px;
}

.row.\31 50\25 > * {
padding: 60px 0 0 60px;
}

.row.\31 50\25 {
margin: -60px 0 -1px -60px;
}

.row.uniform.\31 50\25 > * {
padding: 60px 0 0 60px;
}

.row.uniform.\31 50\25 {
margin: -60px 0 -1px -60px;
}

.row.\35 0\25 > * {
padding: 20px 0 0 20px;
}

.row.\35 0\25 {
margin: -20px 0 -1px -20px;
}

.row.uniform.\35 0\25 > * {
padding: 20px 0 0 20px;
}

.row.uniform.\35 0\25 {
margin: -20px 0 -1px -20px;
}

.row.\32 5\25 > * {
padding: 10px 0 0 10px;
}

.row.\32 5\25 {
margin: -10px 0 -1px -10px;
}

.row.uniform.\32 5\25 > * {
padding: 10px 0 0 10px;
}

.row.uniform.\32 5\25 {
margin: -10px 0 -1px -10px;
}

.\31 2u\28wide\29, .\31 2u\24\28wide\29 {
width: 100%;
clear: none;
margin-left: 0;
}

.\31 1u\28wide\29, .\31 1u\24\28wide\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}

.\31 0u\28wide\29, .\31 0u\24\28wide\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}

.\39 u\28wide\29, .\39 u\24\28wide\29 {
width: 75%;
clear: none;
margin-left: 0;
}

.\38 u\28wide\29, .\38 u\24\28wide\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}

.\37 u\28wide\29, .\37 u\24\28wide\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}

.\36 u\28wide\29, .\36 u\24\28wide\29 {
width: 50%;
clear: none;
margin-left: 0;
}

.\35 u\28wide\29, .\35 u\24\28wide\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}

.\34 u\28wide\29, .\34 u\24\28wide\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}

.\33 u\28wide\29, .\33 u\24\28wide\29 {
width: 25%;
clear: none;
margin-left: 0;
}

.\32 u\28wide\29, .\32 u\24\28wide\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}

.\31 u\28wide\29, .\31 u\24\28wide\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}

.\31 2u\24\28wide\29 + *,
.\31 1u\24\28wide\29 + *,
.\31 0u\24\28wide\29 + *,
.\39 u\24\28wide\29 + *,
.\38 u\24\28wide\29 + *,
.\37 u\24\28wide\29 + *,
.\36 u\24\28wide\29 + *,
.\35 u\24\28wide\29 + *,
.\34 u\24\28wide\29 + *,
.\33 u\24\28wide\29 + *,
.\32 u\24\28wide\29 + *,
.\31 u\24\28wide\29 + * {
clear: left;
}

.\-11u\28wide\29 {
margin-left: 91.66667%;
}

.\-10u\28wide\29 {
margin-left: 83.33333%;
}

.\-9u\28wide\29 {
margin-left: 75%;
}

.\-8u\28wide\29 {
margin-left: 66.66667%;
}

.\-7u\28wide\29 {
margin-left: 58.33333%;
}

.\-6u\28wide\29 {
margin-left: 50%;
}

.\-5u\28wide\29 {
margin-left: 41.66667%;
}

.\-4u\28wide\29 {
margin-left: 33.33333%;
}

.\-3u\28wide\29 {
margin-left: 25%;
}

.\-2u\28wide\29 {
margin-left: 16.66667%;
}

.\-1u\28wide\29 {
margin-left: 8.33333%;
}

}

@media screen and (max-width: 768px) {

.row > * {}

.row {}

.row.uniform > * {
padding: 30px 0 0 30px;
}

.row.uniform {
	margin: -30px 0 -1px -30px;
}

.row.\32 00\25 > * {
}

.row.\32 00\25 {
}

.row.uniform.\32 00\25 > * {
padding: 60px 0 0 60px;
}

.row.uniform.\32 00\25 {
margin: -60px 0 -1px -60px;
}

.row.\31 50\25 > * {
padding: 45px 0 0 45px;
}

.row.\31 50\25 {
margin: -45px 0 -1px -45px;
}

.row.uniform.\31 50\25 > * {
padding: 45px 0 0 45px;
}

.row.uniform.\31 50\25 {
margin: -45px 0 -1px -45px;
}

.row.\35 0\25 > * {
padding: 15px 0 0 15px;
}

.row.\35 0\25 {
margin: -15px 0 -1px -15px;
}

.row.uniform.\35 0\25 > * {
padding: 15px 0 0 15px;
}

.row.uniform.\35 0\25 {
margin: -15px 0 -1px -15px;
}

.row.\32 5\25 > * {
padding: 7.5px 0 0 7.5px;
}

.row.\32 5\25 {
margin: -7.5px 0 -1px -7.5px;
}

.row.uniform.\32 5\25 > * {
padding: 7.5px 0 0 7.5px;
}

.row.uniform.\32 5\25 {
margin: -7.5px 0 -1px -7.5px;
}

.\31 2u\28narrower\29, .\31 2u\24\28narrower\29 {
width: 100%;
clear: none;
margin-left: 0;
}

.\31 1u\28narrower\29, .\31 1u\24\28narrower\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}

.\31 0u\28narrower\29, .\31 0u\24\28narrower\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}

.\39 u\28narrower\29, .\39 u\24\28narrower\29 {
width: 75%;
clear: none;
margin-left: 0;
}

.\38 u\28narrower\29, .\38 u\24\28narrower\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}

.\37 u\28narrower\29, .\37 u\24\28narrower\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}

.\36 u\28narrower\29, .\36 u\24\28narrower\29 {
width: 50%;
clear: none;
margin-left: 0;
}

.\35 u\28narrower\29, .\35 u\24\28narrower\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}

.\34 u\28narrower\29, .\34 u\24\28narrower\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}

.\33 u\28narrower\29, .\33 u\24\28narrower\29 {
width: 25%;
clear: none;
margin-left: 0;
}

.\32 u\28narrower\29, .\32 u\24\28narrower\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}

.\31 u\28narrower\29, .\31 u\24\28narrower\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}

.\31 2u\24\28narrower\29 + *,
.\31 1u\24\28narrower\29 + *,
.\31 0u\24\28narrower\29 + *,
.\39 u\24\28narrower\29 + *,
.\38 u\24\28narrower\29 + *,
.\37 u\24\28narrower\29 + *,
.\36 u\24\28narrower\29 + *,
.\35 u\24\28narrower\29 + *,
.\34 u\24\28narrower\29 + *,
.\33 u\24\28narrower\29 + *,
.\32 u\24\28narrower\29 + *,
.\31 u\24\28narrower\29 + * {
clear: left;
}

.\-11u\28narrower\29 {
margin-left: 91.66667%;

}

.\-10u\28narrower\29 {
margin-left: 83.33333%;
}

.\-9u\28narrower\29 {
margin-left: 75%;
}

.\-8u\28narrower\29 {
margin-left: 66.66667%;
}

.\-7u\28narrower\29 {
margin-left: 58.33333%;
}

.\-6u\28narrower\29 {
margin-left: 50%;
}

.\-5u\28narrower\29 {
margin-left: 41.66667%;
}

.\-4u\28narrower\29 {
margin-left: 33.33333%;
}

.\-3u\28narrower\29 {
margin-left: 25%;
}

.\-2u\28narrower\29 {
margin-left: 16.66667%;
}

.\-1u\28narrower\29 {
margin-left: 8.33333%;
}
}

@media screen and (max-width: 480px) {

.row > * {}

.row {}

.row.uniform > * {
padding: 20px 0 0 20px;
}

.row.uniform {
margin: -20px 0 -1px -20px;
}

.row.\32 00\25 > * {

}

.row.\32 00\25 {

}

.row.uniform.\32 00\25 > * {
padding: 40px 0 0 40px;
}

.row.uniform.\32 00\25 {
margin: -40px 0 -1px -40px;
}

.row.\31 50\25 > * {
padding: 30px 0 0 30px;
}

.row.\31 50\25 {
margin: -30px 0 -1px -30px;
}

.row.uniform.\31 50\25 > * {
padding: 30px 0 0 30px;
}

.row.uniform.\31 50\25 {
margin: -30px 0 -1px -30px;
}

.row.\35 0\25 > * {
padding: 10px 0 0 10px;
}

.row.\35 0\25 {
margin: -10px 0 -1px -10px;
}

.row.uniform.\35 0\25 > * {
padding: 10px 0 0 10px;
}

.row.uniform.\35 0\25 {
margin: -10px 0 -1px -10px;
}

.row.\32 5\25 > * {
padding: 5px 0 0 5px;
}

.row.\32 5\25 {
margin: -5px 0 -1px -5px;
}

.row.uniform.\32 5\25 > * {
padding: 5px 0 0 5px;
}

.row.uniform.\32 5\25 {
margin: -5px 0 -1px -5px;
}

.\31 2u\28mobilep\29, .\31 2u\24\28mobilep\29 {
width: 100%;
clear: none;
margin-left: 0;
}

.\31 1u\28mobilep\29, .\31 1u\24\28mobilep\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}

.\31 0u\28mobilep\29, .\31 0u\24\28mobilep\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}

.\39 u\28mobilep\29, .\39 u\24\28mobilep\29 {
width: 75%;
clear: none;
margin-left: 0;
}

.\38 u\28mobilep\29, .\38 u\24\28mobilep\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}

.\37 u\28mobilep\29, .\37 u\24\28mobilep\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}

.\36 u\28mobilep\29, .\36 u\24\28mobilep\29 {
width: 50%;
clear: none;
margin-left: 0;
}

.\35 u\28mobilep\29, .\35 u\24\28mobilep\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}

.\34 u\28mobilep\29, .\34 u\24\28mobilep\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}

.\33 u\28mobilep\29, .\33 u\24\28mobilep\29 {
width: 25%;
clear: none;
margin-left: 0;
}

.\32 u\28mobilep\29, .\32 u\24\28mobilep\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}

.\31 u\28mobilep\29, .\31 u\24\28mobilep\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}

.\31 2u\24\28mobilep\29 + *,
.\31 1u\24\28mobilep\29 + *,
.\31 0u\24\28mobilep\29 + *,
.\39 u\24\28mobilep\29 + *,
.\38 u\24\28mobilep\29 + *,
.\37 u\24\28mobilep\29 + *,
.\36 u\24\28mobilep\29 + *,
.\35 u\24\28mobilep\29 + *,
.\34 u\24\28mobilep\29 + *,
.\33 u\24\28mobilep\29 + *,
.\32 u\24\28mobilep\29 + *,
.\31 u\24\28mobilep\29 + * {
clear: left;
}

.\-11u\28mobilep\29 {
margin-left: 91.66667%;
}

.\-10u\28mobilep\29 {
margin-left: 83.33333%;
}

.\-9u\28mobilep\29 {
margin-left: 75%;
}

.\-8u\28mobilep\29 {
margin-left: 66.66667%;
}

.\-7u\28mobilep\29 {
margin-left: 58.33333%;
}

.\-6u\28mobilep\29 {
margin-left: 50%;
}

.\-5u\28mobilep\29 {
margin-left: 41.66667%;
}

.\-4u\28mobilep\29 {
margin-left: 33.33333%;
}

.\-3u\28mobilep\29 {
margin-left: 25%;
}

.\-2u\28mobilep\29 {
margin-left: 16.66667%;
}

.\-1u\28mobilep\29 {
margin-left: 8.33333%;
}
#titleBar .title2 a:first-of-type {display: none;}
#titleBar .title2 a:last-of-type {display: block;}
}
#news .\35 u,#news .\35 u\24 {width: 37.5%;}