.l-container, .l-container--center {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-device-width: 768px) and (min-width: 641px){
.l-container {
    width: 1146px;
}
.l-container--center {
    width: 1146px;
}
.l-container.min {
    width: 960px;
}
}
.inner-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.animation-fade.in-view {
    visibility: visible;
}

.pic {
    position: relative;
}
.l-container--center .banner .pic.in-view {
    animation: fade-in-right 0.8s ease-in-out both;
}

.l-container--center .banner .news-article {
    position: relative;
}
.l-container--center .banner.noimage{
	padding-top:0px;
}
.news-article.white {
    color: #FFF;
}

.news-article .group {
    width: 715px;
    max-width: 100%;
    padding: 45px 60px;
    padding-right: 160px;
}
.news-article.tgeneral .group{border-bottom:5px solid #666666;background: rgba(102, 102, 102, 0.9);}
.news-article.tmedia .group{border-bottom:5px solid #0066cc; background: rgba(0, 102, 204, 0.95);}
.news-article.tseminar .group{border-bottom:5px solid #ff0066; background: rgba(255, 0, 102, 0.95);}
.news-article.tevent .group{border-bottom:5px solid #ff3300; background: rgba(255, 51, 0, 0.95);}
.news-article.thealth .group{border-bottom:5px solid #669900; background: rgba(102, 153, 0, 0.95);}
.news-article.trecruitment .group{border-bottom:5px solid #660099; background: rgba(102, 0, 153, 0.95);}
.news-article.ttender .group{border-bottom:5px solid #006699; background: rgba(0, 102, 153, 0.95);}

.l-container--center .banner .news-article .group {
    width: 50%;
    margin-left: auto;
    padding: 40px 70px;
    padding-right: 115px;
}

.l-container--center .banner .news-article {
    margin-top: -150px;
    margin-right: -150px;
}
.l-container--center .banner.noimage .news-article .group {
    width: 75%;
    margin-left: auto;
	margin-right:auto;
    padding: 40px 70px;
}
.l-container--center .banner.noimage .news-article {
    margin-top: 0px;
    margin-right: 0px;
}
.l-container--center .banner .news-article .group.in-view {
    animation: fade-in-left 0.8s ease-in-out both;
}
.news-article .info {
    margin-bottom: 5px;
    font-size: 0;
}
.l-container--center .banner .news-article .group .info {
    margin-bottom: 5px;
}
.news-article .info span, .news-article .info p {
    font-size: 1rem;
}
.news-article .info span {
    display: inline-block;
}
.news-article .info .date {
    letter-spacing: 1.7px;padding-left:20px;position:relative
}
.news-article .info .type a, .news-article .info .date a{color:#fff;}
.news-article .info .type a:hover, .news-article .info .origin a:hover{opacity:0.7}
.news-article .info .origin{
	padding-left:20px;position:relative
}
.news-article .info .origin a{color:#fff; text-decoration:underline}
.news-article .info .origin:before, .news-article .info .date:before{
	content:"";width:1px; height:50%;top:6px;left:5px; background:#fff;position:absolute;
}
.news-article .info span, .news-article .info p {
    font-size: 1rem;
}
.news-article .heading4 {
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.banner .news-article .group .heading4 {
    font-size: 48px;
    letter-spacing: 3px;
    line-height: 1.25;
    margin-bottom: 0;
}
.banner .news-article .group .heading4 span {
    display: block;
}
.news-article .info span + span {
    margin-left: 6px;
}
.l-container--center .article {
    padding-top: 15px;
    padding-bottom: 90px;
}
.banner .news-article ul.breadcrumbs{ padding:5px 0;}
.banner .news-article ul.breadcrumbs li a{color:#fff;}

.l-container--center .article.in-view {
    animation: fade-in-bottom 0.8s ease-in-out both;
}
.l-container--center .article {
    padding-left: 80px;
    padding-right: 80px;
}


.l-container--center .article-lists {
    border-top: solid 1px #E8E1E0;
}
.article-lists .title {
    padding-top: 60px;
    padding-bottom: 40px;
}

.article-lists .title .heading4 {
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: 4px;
    text-align: center;
}

.l-container--center .bottom {
    padding-bottom: 75px;
	text-align: center;
}


.bottom a .divider {
    height: 0 !important;
    transition: height 0.5s ease-in-out;
}
.bottom a .divider {
    display: block;
	vertical-align: middle;
    margin: 0 auto;
    width: 3px;
    height: 80px;
    
}
.bottom a .divider.tgeneral{background: #666666;}
.bottom a .divider.tmedia{background: #0066cc;}
.bottom a .divider.tseminar{background: #ff0066;}
.bottom a .divider.tevent{background: #ff3300;}
.bottom a .divider.thealth{background: #669900;}
.bottom a .divider.trecruitment{background: #660099;}
.bottom a .divider.ttender{background: #006699; }
.bottom.in-view a .txt {
    animation: fadeIn 0.8s ease-in-out 0.5s both;
}
.bottom.in-view a .divider {
    height: 80px !important;
}

.bottom a .txt {
    display: block;
    padding-top: 25px;
    font-weight: bold;
    letter-spacing: 1px;
}

@media screen and (max-width: 1479px){
.inner-container {
    max-width: 80%;
}
.inner-container .social {
    margin-left: calc(-80% / 2 - 80px);
}
.l-container--center .banner .news-article {
    margin-right: -70px;
}

}
@media screen and (max-width: 1199px){
.inner-container {
    max-width: 80%;
}
.inner-container .social {
    margin-left: calc(-80% / 2 - 80px);
}
.l-container--center .banner .news-article {
    margin-top: -50px;
    margin-right: 0px;
}
.l-container--center .banner .news-article .group {
    width: calc(100% - 110px);
    margin: 0 auto;
    padding: 35px 40px;
}
}
@media screen and (max-width: 1024px){
	.news-article .info .origin{padding-left:0; margin-left:0}
	
}
@media screen and (max-width: 991px){
.inner-container {
    max-width: 80%;
}
.inner-container .social {
    margin-left: calc(-80% / 2 - 60px);
}

.author-area {
    padding-top: 0px;
    padding-bottom: 15px;
}
.l-container--center .banner .news-article .group{ width: calc(100% - 80px);}
.l-container--center .banner.noimage .news-article .group {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
}

/**/

.news-top-hed-list-area {
	display: block
}

.news-top-hed-list-area .news-top-hed-list {
	margin: 50px 0 70px 0;
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:0;
	position:relative;
	margin-left:-15px;
	margin-right:15px;
}
.news-top-hed-list.nobt{margin-bottom:0}
.news-top-hed-list-area .news-top-hed-list:after {
	content: "";
	display: block;
	clear: both;
}

.news-top-hed-list-area .news-top-hed-list li {
	margin:  10px ;
	padding: 0;
	width:calc(33% - 20px);
	background: none;
}
.news-top-hed-list-area .news-top-hed-list a:hover .news-top-hed-list-body {
    box-shadow: 0 3px 11px 5px #E8E8E8;
    background-color: #FFF;
}
.news-top-hed-list-area .news-top-hed-list-date {
	margin-bottom: 10px;
	font-size: 0.9em;
    line-height: 1.4;
}

.news-top-hed-list-area .news-top-hed-list-body {
	position: relative;
	transition: all .2s ease;
}

.news-top-hed-list-area .news-top-hed-list-image {
	position: relative;
	width: 100%;
	height: 208px;
	background-position: 50%;
	background-size: cover;
}
.event_date{
	position: absolute;
    z-index: 10;
    padding: 0 10px;
    background: #8a6e47;
	font-size:12px;
	font-weight:bold;
    color: #fff;
    text-align: center;
    height: 32px;
    vertical-align: middle;
    line-height: 32px;
}
footer.event_foot {
    position: relative;
    margin: 0 10px;
    margin-top: 16px;
    padding: 10px 0 16px;
    border-top: 1px solid #ccc;
}
footer.event_foot p+p {
    margin-top: 1em;
}
.place {
    position: relative;
    padding-left: 22px;
    line-height: 1.3;
	font-size: 14px;
}
.place:before {
        text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'icomoon' !important;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
    top: 0;
    left: -3px;
    color: #ccc;
    content: '\e909';
    font-size: 1.3rem;
}
.sponsor {
    color: #999;
    line-height: 1.4;
    font-size: 14px;
	font-weight:bold;
}
.event_foot_tags {
    margin-top: 10px;
    padding: 0;
}
.event_foot_tags.c-tags>span{border:1px solid #ccc; border-radius:3px;font-size:12px;padding: 5px 7px;}
.news-top-hed-list-area .news-top-hed-list-text {
	padding: 15px;
}

.news-top-hed-list-area .news-top-hed-list-title {
	font-size: 1.1em;
	letter-spacing: 1px;
    line-height: 1.5;
}

.news-top-hed-list-area .news-top-hed-list-tags {
	margin-top: 10px;
}

.news-top-hed-list-area .news-top-hed-list-tags span {
	background-color: #FFF;
	border:1px solid #ccc;
	border-radius:3px;
}

.p-news {
	background: #e6eaf0;
}
.p-news.inner-news{background:#f2f2f2}
.p-news.white{background:#fff;}
.p-news ul, .health-post ul{width:100%;}
.p-news ul .newlist_data , .health-post ul .healthlist_data{
	background: #fff;
}
.p-news ul .newlist_data article, .health-post ul .healthlist_data article{
	position: relative;
}

.c-title {
	position: relative;
}

.c-title.with-border:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 4px;
	background: #ccc;
	content: '';
}

.l-container--center {
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.bread_wrap {
    position: relative;
	width:100%;
	background-color:#eeebe6;
	border-bottom:1px solid #ccc;
}
ul.breadcrumbs{padding:10px 0;width: calc(100% - 7vw);
    margin: 0 auto;}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
.l-container--center {
    width: 89.3%;
}
.news-top-hed-list-area .news-top-hed-list {
    margin: 0 0 20px;
}
.news-top-hed-list-area .news-top-hed-list li {
    width: 100%;
    margin: 0 auto;
	flex: 0 0 100%;
}
ul.breadcrumbs{padding:10px 0;}
.l-container--center .banner .news-article .group .heading4 {
    font-size: 28px;
}
.l-container--center .article {
    padding-left: 30px;
    padding-right: 30px;
}
.p-news.inner-news{padding-top:40px}
}
@media screen and (max-width: 479px){
.l-container--center .banner .news-article .group {
    padding: 35px 30px;
}
.l-container--center .banner .news-article .group .heading4 {
    font-size: 24px;
}
.l-container--center .article {
    padding-left: 0px;
    padding-right: 0px;
}
.l-container--center .article, .l-container--center .bottom {
    padding-bottom: 30px;
}
.news-list2{padding:30px 0}
.news-foot{padding-top:30px;}
}
.news-body{padding:80px 0 70px}
.p-news ul .newlist_data article footer time h6{
	font-size:12px;
}
.p-news ul .newlist_data article>div .newlist_data_tag {
    height: 100%;
}
.p-news ul .newlist_data article footer a {
	display: inline-block;
	padding: 3px 16px;
	background: #541b86;
	color: #fff;
	font-size: 12px;
}
.p-news ul .newlist_data article footer time {
    position: relative;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
}
@media only screen and (min-device-width: 768px) and (min-width: 641px){
.l-container--center {
    width: 1146px;
}
.l-section {
    padding: 84px 0 64px 0;
}
.p-news ul {
    margin-top: 20px;
}
.p-news ul .newlist_data {
    padding: 9px;
}
.p-news ul .newlist_data {
    background: #fff;
}
.p-news ul .newlist_data:hover {
    background: #fafafa;
}
.p-news ul .newlist_data+.newlist_data {
    margin-top: 2px;
}
.p-news ul .newlist_data article>div {
    margin-left: 212px;
    padding-right: 156px;
    padding-left: 30px;
    height: 100%;
}

.p-news ul .newlist_data article>div header {
    padding: 20px 0;
}
.p-news ul .newlist_data article>div header a {
    display: block;
}
.p-news ul .newlist_data article>div header h3 {
    font-size:120%; 
}
.p-news ul.list .newlist_data article>div header h3 {
    font-size:150%; 
	font-weight:bold;
}
.p-news ul .newlist_data article>div header h5{
	font-size:14px;
	color:#666;
	font-weight:normal;
	margin-top:5px;
}
.p-news ul .newlist_data article>div .newlist_data_tag {
    position: absolute;
    top: 0;
    right: 30px;
    padding-right: 11px;
    padding-left: 30px;
    width: 85px;
}
.p-news ul .newlist_data article>div .newlist_data_tag a {
    position: absolute;
    top: 50%;
    margin-top: -0.75em;
    width: 83px;
	border-radius:5px;
}

.p-news ul .newlist_data article footer a {
    margin-top: 6px;
}

.p-news ul .newlist_data article footer time {
    position: relative;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 20px;
}
.p-news ul .newlist_data article footer time .c-icon, .p-news .p-gh .p-slidemenu .p-slidemenu_ul--sub ul .newlist_data article footer time li a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .p-news ul .newlist_data article footer time li a:before, .p-news .p-gh .p-slidemenu .p-slidemenu_ul--sub ul li .newlist_data article footer time a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .p-news ul li .newlist_data article footer time a:before, .p-news ul .newlist_data .p-event .p-event_carousel_main .p-event_carousel_unit article footer time .place:before, .p-event .p-event_carousel_main .p-event_carousel_unit .p-news ul .newlist_data article footer time .place:before {
    position: absolute;
    top: -2px;
    right: 28px;
}
.p-news ul .newlist_data article footer {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 11px;
    width: 212px;
    height: 100%;
    background: #fafafa;
}

.p-news ul .newlist_data article footer .newlist_data_l_inner {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.p-news ul .newlist_data article footer:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    content: '';
}

.c-title {
    padding-bottom: 30px;
}
.c-title.c-title--en.c-title--nano {
    font-size: 1.3rem;
	font-weight:500;
}
.c-button {
    padding: 0 60px;
}
}	

@media only screen and (min-width:641px) and (min-device-width:768px){
	.p-news ul .newlist_data+.newlist_data{margin-top:6px}
}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
.l-section {
    padding: 34px 0 34px 0;
}
.c-title.with-border {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.news-body{padding:30px 0 40px}
.p-news ul .newlist_data article>div {
    position: relative;
    padding: 28px 13px 10px 13px;
}
.p-news ul .newlist_data+.newlist_data {
    margin-top: 5px;
}
.p-news ul .newlist_data article>div header h3 {
    padding: 10px 0;
    line-height: 1.3;
    font-size: 0.95rem;
}
.p-news ul .newlist_data article>div header h5{
	font-size:15px;

}
.p-news ul .newlist_data article footer time h6{
	display:block;
	float:left;
}
.p-news ul .newlist_data article>div header a h3 span{text-decoration:none}

.p-news ul .newlist_data article>div .newlist_data_tag.c-tags a {
    padding: 0 4px;
    padding: 7px 21px;
    line-height: 100%;
    font-size: 14px;
}
.p-news ul .newlist_data article footer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.p-news ul .newlist_data article footer time {
    padding: 5px 13px;
	font-size:14px;
    width: auto;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
}
.p-news ul .newlist_data article footer time .c-icon, .p-news .p-gh .p-slidemenu .p-slidemenu_ul--sub ul .newlist_data article footer time li a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .p-news ul .newlist_data article footer time li a:before, .p-news .p-gh .p-slidemenu .p-slidemenu_ul--sub ul li .newlist_data article footer time a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .p-news ul li .newlist_data article footer time a:before, .p-news ul .newlist_data .p-event .p-event_carousel_main .p-event_carousel_unit article footer time .place:before, .p-event .p-event_carousel_main .p-event_carousel_unit .p-news ul .newlist_data article footer time .place:before {
    position: absolute;
    top: 4px;
    left: 10em;
}
.p-news ul .newlist_data article footer a{position:absolute;top:0;right:0;pointer-events:all;height:24px;vertical-align:middle;line-height:24px}
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape){
	.p-news ul .newlist_data article footer time{padding:0 13px;width:auto;height:24px;vertical-align:middle;line-height:24px}
	.p-news ul .newlist_data article footer a{position:absolute;top:0;right:0;pointer-events:all;height:24px;vertical-align:middle;line-height:24px}
}
	.no-touch .p-news ul .newlist_data article footer a:hover{background:#6f24b0}
	.touch .p-news ul .newlist_data article footer a.hover{background:#6f24b0}

	
/* 控制條 */
.dashboard-nav {
    padding: 0;
    display: flex;
    min-height: 50px;
    position: relative;
    background-color: #8a6e47;
	background-color: #b0bf24;
    width: 100%;
    transition: all 0.4s ease;
    border-bottom: 1px solid #bab3a1;
	z-index:99;
}

.dashboard-nav.snik {
    position: fixed;
    top: 70px;
    z-index: 5000;
}
.dashboard-nav.snik.snikt{top: 110px;}

.dashboard-nav:before {
    content: "";
    z-index: 10001;
    position: absolute;
    height: 4px;
	background:#8a6e47;
    top: 0px;
    right: 0px;
    left: 0px;
}
.dashboard-nav:after {
    content: "";
    z-index: 1;
    position: absolute;
    height: 4px;
	background:#8a6e47;
    bottom: -4px;
    right: 0px;
    left: 0px;
}

.dashboard-nav_wrap {
    position: relative;
    width: calc(100% - 7vw);
    margin: 0 auto;
	z-index:995
}
.dashboard-nav .dashboard-nav-name {
    width: 30%;
}
.dashboard-nav .dashboard-nav-name h1 {
    position: absolute;
    width: 30%;
    left: 0px;
    top: 21px;
    display: block;
    font-size: 24px;
	color:#fff;
    transition: all 0.4s ease;
}
.dashboard-nav .dashboard-nav-name h1 img{height:20px; margin-left:30px;}
.dashboard-nav .dashboard-nav-menu {
    display: flex;
    max-width: 592px;
    justify-content: space-between;
    width: 70%;
    float: right;
    font-size: 0.95rem;
    transition: all 0.4s ease;
}
.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main {
    display: flex;
    width: auto;
    bottom: 0;
    right: 0;
    padding: 0px;
	margin:0px;
	background-color:#fff;
    transition: all 0.4s ease;
}

.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li{padding:0;}
.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a{
    position: relative;
    display: block;
    color: #337996;
	padding-top:8px;
	padding-left:3px;
	padding-right:3px;
    padding-bottom: 3px;
    transition: 0.6s cubic-bezier(0.5, 0, 0, 1);
    overflow: hidden;
    font-weight: 500;
    cursor: pointer;
	margin:0;
    transition: all 0.4s ease;
	border-right:2px solid #d31b23;
}
.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a img{
		position: absolute;
		width: 48px;
		height: 48px;
		top: 5px;
		left: 27px;
}
.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a span {
		color: #d31b23;
		display: block;
		padding: 35px 3px 5px;
		width: 90px;
		text-align: center;
		font-size: 1.1rem;
		transition: .2s ease;
}
.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a:hover span , .dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li.active a span{
		color: #ffffff;
}
.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a:hover{
		background: #d31b23;
}
.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li.active a{background:rgba(211,27,35,1);}

.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a.main_link{
	padding-bottom: 6px;
	padding-top:6px;}

.dashboard-nav .dashboard-nav-menu .dashboard-sub{
	display:flex;
	justify-content: space-between;
	width:280px;
	margin:0;
	background-color:#a6151b;
}
.dashboard-nav .dashboard-nav-menu .dashboard-sub li:hover a{ color:#ffcc00}
.dashboard-nav .dashboard-nav-menu .dashboard-sub li a{ text-align:center;color:#fff; margin-top:4px;padding:11px 11px;font-size:18px; display:block}	
.dashboard-nav .dashboard-nav-menu .dashboard-sub li.active{background-color:#ae111c}
.dashboard-nav .icon-open{display:none}
@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
	.dashboard-nav.snik {top:auto;bottom:0}
	.dashboard-nav{ top:0; z-index:1;	height:121px;}
	.dashboard-nav_wrap,  .dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main{width:100%;	}
	.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main{justify-content:start;}
	.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a:last-child{border-right:0;}
	.dashboard-nav .dashboard-nav-name, .dashboard-nav .dashboard-nav-name h1{width:100%;position:relative;display:none}	
	.dashboard-nav .dashboard-nav-name h1{top: 0; text-align:center; padding:10px 0;}
	.dashboard-nav_wrap{display:flex; flex-direction:column}	
	.dashboard-nav .dashboard-nav-menu{float:none; width:100%; flex-direction:column}
	.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li{width:33.3333%}
	.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a{padding:3px;display:flex;justify-content:center;}
	.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a img{left: 36px;top: 2px;	}
	.dashboard-nav .dashboard-nav-menu .dashboard-nav-pc_main li a span {width: 60px; font-size:14px; padding-top:40px	}
	.dashboard-nav .dashboard-nav-menu .dashboard-sub{width:100%;}
	.dashboard-nav .dashboard-nav-menu .dashboard-sub li a{font-size:16px;}
	.page-top-head .w-title1{font-size:2em}
	.page-top-head { padding: 13px 0 12px;}
	.dashboard-nav.snik.snikt {top: 51px;}
	.sbox-wrap.sbox-line{flex-direction:column}
	.sub-box .search_doctor{margin-right:0; text-align:center; padding-bottom:20px; justify-content:center}
	#search_button{margin-top:15px; padding:15px; font-size:1.2em}
	.sbox-wrap .select-box.wide{width:auto;    margin-right: 0px; margin-bottom:15px;}
	.dashboard-nav .icon-open {
    margin-right: 10px;
    position: absolute;
    right: 0;
    bottom: -70px;
    display: flex;
	width:70px;
	height:70px;
	background-color:#d31b23;    
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	flex-direction:column;
    border-bottom-left-radius: 99px;
    border-bottom-right-radius: 99px;
    cursor: pointer;
    box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    transition: 0.3s -webkit-transform;
    transition: 0.3s transform;
    transition: 0.3s transform, 0.3s -webkit-transform;
    z-index: -1;
}
.icon-open .register{
	background-image:url(../img/logo-sw.png);
	background-size: 40px 40px;
	width: 40px;
	height:40px;
	display:block;
	margin:0 auto;
}
.dashboard-nav .icon-open span{color:#fff;font-size:14px;}
.dashboard-nav.fixed .icon-open {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}
}

.important{font-size:2em; line-height:1.35; color:#ff0000}
.box-wrapper {
    border: 1px solid #337996;
    padding: 40px;
    margin: 40px 0;
}
.box-wrapper.min{margin:40px auto;max-width:50%;}
.register_box{
	padding:50px 0;
}
.block_title {
    margin-bottom: 10px;
    color: #333;
	font-size:1.25em;
}
.register_block , .register_divi_block{
    margin-bottom: 22px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 30px 0 22px;	
}

.register_block li {
    margin-right: 7px;
    margin-bottom: 18px;
    margin-left: 7px;
	list-style-type: none;
    width: calc(20% - 14px);
}
.register_divi_block{justify-content: center;}
.register_divi_block li{
	margin-bottom: 28px;
    width: calc(16% - 10px);
}
.register_block li, .register_divi_block li {
    transition: 0.5s opacity;
}

.register_block a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border-radius: 6px;
    white-space: normal;
    border: 3px solid #EFBA23;
    height: 100%;
    width: calc(100% - 16px);
    padding: 10px 5px;
    color: #555;
    line-height: 1.8;
    text-align: center;
    transition: 0.3s background-color, 0.3s color, 0.3s border-color;
}
.register_divi_block a{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position:relative;
	border: 5px solid #8a6e47;
	background-color:#eeebe6;
	width:130px;
	height:130px;
	padding: 5px;
	color: #555;
    line-height: 1.8;
    text-align: center;
	border-radius:50%;
}

.register_divi_block a h3{font-size:1.2em;font-weight:500;line-height:1.2; padding:0 20px;}
.register_divi_block a img{position:absolute; left:-10px; top:-10px;}
.register_divi_block a:hover h3{font-size:1.3em;}
.register_divi_block a:hover img.shake{
	    animation-name: shake-slow;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
	animation-play-state: running;
}
.register_block a:hover {
    transition: 0.3s background-color, 0.3s color, 0.3s border-color;
    color: #fff;
	background-color: #337996;
    color: #fff;
    border-color: #337996;
}
@media screen and (max-width: 640px){
	.register_divi_block li{width: calc(50% - 5px);}
	.register_divi_block a{width:120px;height:120px;}
	.register_divi_block a h3{padding:10px 0}
}
.department-table, .resp-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 1.2rem;
}
.department-table thead, .resp-table thead{
    background-color: #006794;
    color: #ffffff;
    text-align: center;
}
.department-table th, .department-table td , .resp-table th, .resp-table td{
    border-right: 3px solid #f7f7f7;
    padding: 0.75rem;
    font-weight: normal;font-size: 1.2rem;
}
.department-table td , .resp-table td{
    vertical-align: top;
}
.department-table tbody tr ,.resp-table tbody tr{
    transition: color 0.3s ,opacity 0.3s , background-color 0.3s ease-in-out;
}
.department-table tbody th , .resp-table tbody th{
    color: #555;
    text-align: center;
}
.department-table tbody td, .resp-table tbody td {
    padding-left: 35px;
}
.department-table a , .resp-table a{
    display: flex;
	align-items:center;
    color: #737373;
	padding:5px;
	margin:5px 0;
    transition: color 0.3s ,opacity 0.3s , background-color 0.3s ease-in-out;
}
.department-table a:hover, .resp-table a:hover{background-color:#337996; padding:5px;border-radius:5px;color:#fff; }
.department-table tr:nth-child(even), .resp-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.department-table tbody tr:hover, .resp-table tbody tr:hover {
    background-color: #ebf4f7;
}
.department-table .state-full {
    pointer-events: none;
}
.department-table .r_no{
	background-color: #555;
	border-radius:5px;
	color:#fff;
	pointer-events: none;
}
.department-table a span{font-size:14px;margin-left:5px;}
.department-table .r_pre{pointer-events: none;}
.department-table .full {
    color: #FF1010;
}
.department-table .reno {
    color: #fafafa;
}
.department-table tr.test th, .department-table tr.test td {
    background-color: #006794;
    border-right-width: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.register_act{padding-bottom:80px}
.register_act.gray{background-color:#f7f7f7;}
.mtp{padding-top:80px;}
.checkin_info{background-color:#fff; padding:15px;font-size:1.6em; text-align:center;}
#regist{padding:30px 0}
#regist .txtform-wrap{margin:15px 0;}
.byname{padding:70px 0 60px}
.check_regis{background-color:#fff;padding:40px;margin:20px 0}
.check_regis h2.stitle{font-size:1.4em;margin-bottom:20px;}
.check_regis .submit{text-align:center; margin:30px auto; display:block;position:relative}
.search_doctor{display:flex; margin-right:15px; align-items:center;font-size:18px; color:#000;  }
/* */
.clr {
    display: block;
    min-height: 1%;
    height: 1%;
    display: block;
}
.department-top-link {
    margin: 0 0 52px;
}
.department-top-link .w-title3 {
    margin: 0;
}

.department-list li {
    background: #Fafafa;
}
.department-btn {
    background-color: #fff;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    cursor: pointer;
}
.accordion-btn:hover, .accordion-btn-on {
    background-color: #d1deef;
}
.department-btn-inner {
    position: relative;
    z-index: 1;
    display: table;
    table-layout: fixed;
}
.department-btn h3 {
    display: table-cell;
    font-size: 22px;
    width: 30%;
    vertical-align: middle;
    padding: 0 0 0 4px;
}

.department-btn h3 span{display:flex; align-items:center; justify-content:space-between;}
.department-btn h3 span img{width:100%; max-width:70px; margin-right:35px;}
.department-btn p {
    display: table-cell;
    width: 70%;
    vertical-align: middle;
    padding: 30px 107px 30px 17px;
    position: relative;
    z-index: 1;
}
.department-btn p:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: url(../img/icon01_on.png) 0 50% no-repeat;
    background-size: 40px auto;
    width: 40px;
    top: 0;
    bottom: 0;
    right: 9px;
}
.accordion-btn-on p:before {
    background-image: url(../img/icon01_off.png);
}
.department-btn-inner:after {
    content: "";
    z-index: 1;
    position: absolute;
    background: #8a6e47;
    height: 4px;
    top: -4px;
    right: 0;
    left: 0;
}
.department-list li:last-child .department-btn-inner:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: #8a6e47;
    height: 4px;
    bottom: -4px;
    right: 0;
    left: 0;
}
.btn-divi01.list-open, .btn-divi03.list-open, .btn-divi.list-open{ border-bottom:0;}
.list-open.w-title3 span:before{content:""; display:none}
.department-dept{display:none; padding:30px 0}

.department-field {
    background: #DCDCDC;
    border-radius: 4px;
    padding: 2px 2px 1px;
    position: relative;
    z-index: 1;
	overflow:hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display:block;
}
.department-field li {
    float: left;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 2px 2px;
    width: 226px;
	height:419px;
}
.department-field li:nth-child(5n+1) {
    margin-left: 0;
}
.department-field a {
    display: block;
    padding: 16px 17px 35px;
}
.department-field-name1 {
    font-size: 14px;
    font-size: 1rem;
    letter-spacing: -1px;
    margin: 0 0 11px;
}
.department-field-name2 {
    font-size: 1.1rem;
    font-size: 1.28571rem;
    font-weight: 700;
    min-height: 69px
}
.department-field-mes {
    color: #666;
    line-height: 1.4;
    margin: 0 0 31px;
    font-size: 0.95rem;
    font-size: 1.07143rem;
    position: relative;
    z-index: 1;
}

.department-field span {
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    width: 134px;
    height: 134px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border-radius: 150px;
}
.department-field a:hover span {
    -moz-transform: rotate(310deg);
    -webkit-transform: rotate(310deg);
    -o-transform: rotate(310deg);
    -ms-transform: rotate(310deg);
    transform: rotate(310deg);
}
.department-field span:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: #fff;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border-radius: 150px;
}


@media screen and (max-width: 640px){
.department-btn {
    -webkit-tap-highlight-color: transparent;
    margin: 0 0 59px;
}
.department-btn-inner {
    display: block;
    padding: 16px 0 12px;
}
.department-btn h3 {
    display: block;
    width: auto;
    padding: 0;
    font-size: 1.1rem;
	font-weight:bold;
    margin: 0 0 12px;
    line-height: inherit;
}
.department-btn p {
    display: block;
    width: auto;
    padding: 0;
    font-size: 0.95rem;
    line-height: 1.55;
}
.department-btn-inner:after {
    height: 2px;
    top: -2px;
}
.department-btn p:before {
    top: auto;
    bottom: -53px;
    width: auto;
    height: 40px;
    left: 0;
    right: 0;
    background-position: 50% 0;
}
.department-btn.accordion-btn-on p:before{bottom: -63px;}
.department-dept{padding-top:0}
.department-field {
    position: relative;
    z-index: 1;
    margin: 30px 0 0;
    left: -6%;
    width: 112%;
}
.department-field-data {
    right: 4px;
}

.department-field li {
    float: none;
    margin: 0 0 5px;
    width: auto;
	height:auto;
}
.department-field li.back-link {
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 0;
    right: 0;
}
.department-field li a {
    padding: 22px 97px 22px 17px;
    position: relative;
    z-index: 1;
}
.department-field-name2 {
    min-height: 0;
    margin: 0 0 10px;
}
.department-field-mes {
    font-size: 0.95rem;
    line-height: 1.55;
    margin: 0;
}
.department-field span {
    position: absolute;
    z-index: 1;
    width: 74px;
    height: 74px;
    right: 16px;
    top: 24px;
}
.department-field a:hover span {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.department-field span:before {
    top: 4px;
    bottom: 4px;
    right: 4px;
    left: 4px;
}
.important{font-size:1.35em;padding:10px 0}
}

.sub-box.white{background-color:#fff}
.boxgray{background-color:#f2f2f2; padding:80px 0 90px}
.sub-box p{font-size:1.1em;}
.boxgray h3{margin-bottom:30px; font-size:2em; font-weight:bold; color:#000;}
table.symptom{border:1px solid #ccc;}
table.symptom td, table.symptom th{font-size:1.1em;border-bottom:1px solid #ccc}
table.symptom tr{ background-color:#fff}
table.symptom tr:nth-child(odd){background-color:#fafafa}
.col1{border-right:1px solid #ccc}
.symptom_index_block{
	padding:30px;
}
.symptom_index {
    background-color: #fff;
    border: 2px solid #337996;
    border-radius: 10px;
	padding:30px;
}
.symptom_index .wrapper, .symptom_index_block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}
.symptom_index_block ul{display:flex;flex-wrap: wrap;}
.symptom_index_block ul li{width: calc(100%/7 - 40px);padding:10px 20px}
.symptom_index_block ul li img{width:100%}
.symptom_index_block ul li h4{text-align:center;margin-top:10px}
.symptom_index a {
    width: calc(100%/7);
    line-height: 70px;
    color: #222;
	font-size:1.2em;
	text-align:center;
	border-bottom:1px solid #ececec;
    transition: color 0.3s ,opacity 0.3s , background-color 0.3s ease-in-out;
}

.symptom_index a:hover {
    color: #337996;
    transition: color 0.3s ,opacity 0.3s , background-color 0.3s ease-in-out;
}

.suggest_refer .b {
    position: relative;
    margin-right: 22px;
	font-size:1.3em;
    padding-right: 22px;
    line-height: 2;
}
.suggest_refer .b:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 18px;
    display: block;
    border-right: 1px solid #ccc;
}
.suggest_refer a{font-size:1.3em;color:#337996;}
.suggest ul {
    background-color: #fff;
    color: #555555;
	padding:40px;
	font-size:1.2em;
	line-height:1.75;
	margin-bottom:30px;
}
.tel-box{font-size:1.2em; line-height:1.8; padding:30px 0 50px 0; margin-bottom:40px;}
.cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cta .cta-item {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    margin-left: 5%;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding: 36px 0 25.2px 100px;
    padding: 2rem 0 1.4rem 100px;
    background-color: #fff;
    border-radius: 5px;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.cta .cta-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 34px;
    margin-top: -21.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4ba53a;
    width: 48px;
    height: 48px;
}
.cta .cta-item:hover:before {
    -webkit-animation: bounce .5s;
    animation: bounce .5s;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.change{font-size:14px;}
@media screen and (min-width: 768px){
.change{display:none}	
.cta .cta-item {
    width: 49%;
    margin-left: 0;
}
}
.cta .cta-item.phone:before {
    background-image: url(../img/phone_q.svg);
}
.cta .cta-item.phone.gray:before {
    background-image: url(../img/phone_t.svg);
}
.cta .cta-item .title {
    font-size: 1.2rem;
    color: #222;
	line-height:1;
}
.cta .cta-item .title img{height:20px;}
.cta .cta-item .teltitle{
	font-size: 1.6rem;
	font-family:"Verdana";
	font-weight:bold;
	color:#8a6e47;
	letter-spacing:-0.5px;
	line-height:1.35;
}
.cta .cta-item .subtitle {
    font-size: 1.1rem;
    color: #666;
}
.cta .cta-item:hover {
    z-index: 1;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 15px 12px rgba(0,0,0,0.1);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 15px 12px rgba(0,0,0,0.1);
}
table.num{border-top:1px solid #ccc;border-left:1px solid #ccc}
.num td{padding:10px; border-right:1px solid #ccc;border-bottom:1px solid #ccc; text-align:center;}

h3.table-title{font-size:1.2em; padding:20px 0}
h3.table-title span{margin-right:20px;}
.table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}
.table.style01 {
    text-align: center;
}
.table.style01 thead {
    background-color: #8a6e47;
    color: #fff;
}
.table td, .table th {
    vertical-align: top;
    padding: 0.75rem;
}
.table.style01 th {
    padding-top: 12px;
    padding-bottom: 12px;
}
.table.style01 th:not(:last-child) {
    border-right: 1px solid #fff;
}
.table.style01 tbody {
    background-color: #fff;
    font-size: 1.1rem;
    color: #111;
}
.table.style01 td {
    border: 1px solid #ccc;
    width: 25%;
    padding-top: 14px;
    padding-bottom: 14px;
}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
.sub-box {
    padding: 13px 0 19px;
    background: #ebf4f7;
    margin: 20px 0;
}
.register_block li {
    margin-right: 7px;
    margin-bottom: 18px;
    margin-left: 7px;
    width: calc(50% - 14px);
}
.symptom_index {
    background-color: #fff;
    border: 0;
    border-radius: 0px;
    padding: 10px 0px;
}
.symptom_index a {
    width: calc(100%/2);
    line-height: 50px;
    color: #000;
    border-bottom: 1px solid #ccc;
}
.boxgray {
    padding: 20px 0 30px;
}
.boxgray h3 {
    margin-bottom: 20px;
	text-align:center;
    font-size: 1.6em;
}
.suggest_refer{display:flex; flex-direction:column}
.suggest_refer .b{padding-right:0;
	margin-bottom:20px;margin-right: 0px;}
.suggest_refer .b:before {
    content: "";
    position: absolute;
    top: 40px;
    right: 0;
	bottom:0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    height: 1px;
	width:100%;
    display: block;
    border-bottom: 1px solid #ccc;
}
.cta .cta-item:before{top:40%; left: 14px;}
.cta .cta-item .subtitle{font-size:14px;}
.suggest ul{padding:20px;}
.suggest_refer a{display:block; padding:5px 10px; width:auto; border:2px solid #8a6e47; border-radius:5px; margin:10px 5px}
.cta .cta-item{margin-left:0;width: 100%;padding: 1rem 0 0.6rem 70px;}
.box-wrapper{padding:20px; margin:20px 0}
.box-wrapper.min{ max-width: 100%;}
.tel-box { padding: 20px 0 20px 0;  margin-bottom: 0px;}
ul.list {font-size: 1em; }
ul.list > li {line-height:1.75}
table.num{display:none}

.department-table {
    font-size: 1rem;
    position: relative;
	display: block;
}
.department-table, .department-table tbody, .department-table thead, .department-table td, .department-table th {
    display: block;
}
.department-table thead {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
	z-index:9999;
}

.department-table thead th {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
	width: 35%;
}
.department-table thead tr > * {
    height: 40px;
    white-space: nowrap;
}
.department-table thead td{padding:.75rem .2rem}
.department-table tr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.department-table th { width: 35%;}
.department-table td {width: 65%;}
.department-table tbody td {
    padding-left: 5px;
}
.department-table td {padding:0.2rem}
.department-table td.small {
    width: 0;
	height:0;
    overflow: hidden;
    padding-right: 0;
    padding-left: 0;
    border: 0;
}
.check_regis{padding:20px; margin-top:0}
.register_act {padding-bottom: 30px;}
.mtp {padding-top: 20px;}
#regist {padding: 10px 0;}
.search_doctor{padding-bottom:10px;}
.check_regis .submit{margin:0;}
}


/* */
.search-list{padding:50px 0}
.search-list li{display:flex;align-items:center; border-bottom:1px solid #ddd;}
.search-list li.head{background:#fafafa;}
.search-list li:nth-child(odd){background:#f0f0f0;}
.search-list li span{padding:18px 20px}
.search-list li span.doctorimgs{flex:0 0 70px;padding:10px;}
.search-list li span.doctorimg{padding:10px;margin:10px;position:relative;flex:0 0 70px;height:70px;border-radius:50%; background-size:cover; background-repeat:no-repeat;}
.search-list li span.name{flex:0 0 25%;display:flex;flex-direction:column;color:#777;}
.search-list li span.major{flex:0 0 35%;}
.search-list li span.link{flex:0 0 35%;}
.search-list li span.name div{margin:5px 0}
.search-list li span.name sub{margin-left:0px;}

.search-list li span.name a{color: #8a6e47;font-weight: bold;}
.search-list li span.name a b{font-size:12px;font-weight:normal}
.staff-link {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 14px;
    padding: 7px 13px 7px 46px;
	margin:0 5px;
}
.staff-linkask {
    background-color: #8a6e47;
    color: #fff;
    padding-left: 13px;
}
.searchout{padding:50px 0 10px;}
.searchout h6{font-size:100%}
@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
	.search-list li.head{display:none}
	.search-list li{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;position:relative}
	.search-list li span,  .search-list li span.major, .search-list li span.link{width:calc(100% - 40px);}
    .search-list li{border-bottom:3px solid #222}
	.check_regis {    padding: 20px 0;}
	.search-list li span.doctorimg{flex:0 0 70px;width: 30%;}
	.search-list li span.name{flex:0 0 50%;width: 50%;}
	.search-list li span.major{flex:0 0 85%}
	.resp-table thead { display: none;}
	.resp-table tbody tr:nth-child(even){ background-color:#fafafa}
	.resp-table tbody{border-top: 1px solid #ccc;}
	.resp-table tbody tr, .resp-table tbody td{border-right: 1px solid #ccc;border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.resp-table tbody td {display: flex; padding: 5px 0 ; padding-left:6px;}
	.resp-table td:before {
    content: attr(data-title);
    display: flex;
    flex: 0 0 60px;
    width: 20%;
    font-weight: 700;
    padding-right: 10px;
}
}

.event-hed-block {
    padding: 50px 62px 20px;
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
}
.data{flex:0 0 30%; display:flex;flex-direction:column;align-items:center}
.major{flex:0 0 60%}
.event-hed-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.05;
    margin-bottom: 5px;
}
.en-name-title{font-size:14px;color:#666}
.dept-hed-title{padding:5px 10px;font-size: 14px; background-color:#ccc;margin:10px 0 20px 0}
.event-ch-title {
    color: #8a6e47;
    font-size: 24px;
    font-weight: bold;
	margin-top:15px;
    margin-bottom: 15px;
}
.event-hed-footer {
    padding-top: 15px;
}
.w-text {
    font-size: 1.1em;
    line-height: 1.8;
    padding-bottom: 15px;
}
.regist_list{margin:0}
.regist_list li{line-height:1.8}
.manface {
    overflow: hidden;
    position: relative;
    width: 160px;
    height: 160px;
    border-radius: 80px;
    margin-bottom: 20px;
}
@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
.event-hed-block {
    padding: 30px 20px 20px;
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
	flex-direction:column;
}
.data{}
}


table.tinfo{width:100%;}
.tinfo td, .tinfo tr{padding:10px 20px; text-align:left}
.tinfo tr:nth-child(odd){background:#fafafa}
.tinfo td{border-bottom:1px solid #ebebeb}
.tinfo th{border-bottom:1px solid #fff}
.tinfo th{text-align:right; width:50%; background-color:#dbe9f0}
@media all and (max-width: 767px) {
	.tinfo th{display:none}
	.tinfo td{text-align:center}
	.tinfo tr{background:#fafafa}
	.tinfo tr, .tinfo td {padding: 0px;}
	.tinfo td{padding-bottom:10px;}
	.tinfo td:before {
    content: attr(data-title);
    display: flex;
	margin-bottom:10px;
	background-color:#dbe9f0;
    width: calc(100% - 20px);
	padding:5px 10px;
	text-align:center;
	justify-content:center;
}
}
/*衛教資訊*/
.health_top {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0;
    text-align: center;
}
.health_top-inner {
    background: #fff;
    min-width: 264px;
    margin: 0 auto;
    padding: 0 35px 12px;
    position: relative;
    z-index: 1;
    display: inline-block;
}
.health_top-inner:before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 4px;
    top: 2px;
    right: 2px;
    left: 2px;
	background:#8a6e47;
}
.health_top-title {
    color: #0a0a0b;
    font-size: 50px;
    text-align: center;
    padding: 42px 0 0;
    margin: 0 0 21px;
}
.health_top-title-en {
    letter-spacing: 0.5px;
    color: #cccccc;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    display: block;
    padding: 17px 0 0;
}
.sub-box.more {
    padding: 50px 0 40px;
	margin-bottom:0
}
.search-form_wrap {
    background-color: #ffffff;
    border-radius: 4px;
}
.search-form_wrap #search-form02 {
    position: relative;
    width: 100%;
}
.search-form_wrap #search-form02 input#search-box02 {
    width: 100%;
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
}
.search-form_wrap #search-form02 input#search-btn02 {
    position: absolute;
    border: none;
    width: 18px;
    height: 18px;
    background-image: url(../img/ico_search_blue.svg);
    background-repeat: no-repeat;
    background-color: #ffffff;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
	right:30px;
    font-size: 0;
    outline: none;
}

.search-form_wrap + .search-keyword_wrap {
    margin-top: 20px;
}
.search-keyword_wrap .mod-txt {
    color: #333333;
    line-height: 2;
    word-break: keep-all;
	font-size: 0.95rem;
    margin-right: 20px;
}
.search-keyword_list {
    display: flex;
    flex-wrap: wrap;
}
.search-keyword_list li {
    margin: 0 15px 10px 0;
}
.search-keyword_list li a {
    display: block;
    color: #8a6e47;
    line-height: 1.6;
    border: 1px solid #8a6e47;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 4px;
}
@media screen and (min-width: 768px){
.search-keyword_wrap {
    display: flex;
    justify-content: flex-start;
}
.search-keyword_list li {
    margin: 0 10px 10px 0;
}
.search-keyword_list li a {
    font-size: 13px;
    padding: 2px 10px;
}
.search-form_wrap #search-form02 input#search-box02 {
    font-size: 17px;
    padding: 24px 80px 24px 30px;
}
.search-form_wrap + .search-keyword_wrap {
    margin-top: 30px;
}
.search-keyword_wrap .mod-txt {
    font-size: 14px;
    margin-bottom: 15px;
}
}
@media screen and (max-width: 767px){
.search-form_wrap #search-form02 input#search-box02 {
    font-size: 0.95rem;
    padding: 24px 50px 24px 20px;
}
.search-form_wrap + .search-keyword_wrap {
    margin-top: 20px;
}
.search-keyword_wrap .mod-txt{
    font-size: 14px;
    margin-bottom: 15px;
}
.search-keyword_list li a {
    font-size: 13px;
    padding: 2px 10px;
}
}
/* */
.health-post{border-top:1px solid #ebebeb;}
.health-post ul .healthlist_des
.health-post ul .healthlist_data article footer time h6{
	font-size:12px;
}
.health-post ul .healthlist_data article>div .healthlist_data_tag {
    height: 100%;
}
.health-post ul .healthlist_data article footer a {
	display: inline-block;
	padding: 3px 16px;
	background: #8a6e47;
	color: #fff;
	font-size: 12px;
}
.health-post ul .healthlist_data article footer time {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
	color:#999;
}


@media only screen and (min-device-width: 768px) and (min-width: 641px){
.l-section.health-post {
    padding: 54px 0 84px 0;
}
.health-post ul {
    margin-top: 20px;
}
.health-post ul .healthlist_data {
    background: #fff;
	margin-bottom:9px;
	border-bottom:1px solid #ccc;
}

.health-post ul .healthlist_data article>div {
    margin-left: 0px;
    padding-right: 195px;
    padding-left: 0px;
    height: 100%;
}
.health-post ul .healthlist_data:hover article>div header a{color:#8a6e47;}
.health-post ul .healthlist_data article>div header {
    padding: 19px 0 10px 0;
}
.healthlist_des{padding-bottom:19px;}
.health-post ul .healthlist_data article>div header a {
    display: block;
}
.health-post ul .healthlist_data article>div header h3 {
    font-size: 1.3rem;
}

.health-post ul .healthlist_data article>div header h5{
	font-size:14px;
	color:#666;
	font-weight:normal;
	margin-top:5px;
}
.health-post ul .healthlist_data article>div .healthlist_data_tag {
    position: absolute;
    top: 0;
    right: 0px;
    padding-right: 11px;
    padding-left: 11px;
    width: 155px;
}
.health-post ul .healthlist_data article>div .healthlist_data_tag a {
    position: absolute;
    width: 123px;
	border-radius:5px;
}

.health-post ul .healthlist_data article footer a {
    margin-top: 6px;
}

.health-post ul .healthlist_data article footer time .c-icon, .health-post .p-gh .p-slidemenu .p-slidemenu_ul--sub ul .healthlist_data article footer time li a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .health-post ul .healthlist_data article footer time li a:before, .health-post .p-gh .p-slidemenu .p-slidemenu_ul--sub ul li .healthlist_data article footer time a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .health-post ul li .healthlist_data article footer time a:before, .health-post ul .healthlist_data .p-event .p-event_carousel_main .p-event_carousel_unit article footer time .place:before, .p-event .p-event_carousel_main .p-event_carousel_unit .health-post ul .healthlist_data article footer time .place:before {
    position: absolute;
    top: -2px;
    right: 28px;
}
.health-post ul .healthlist_data article footer {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 19px;
    width: 152px;
    height: 100%;
}

.health-post ul .healthlist_data article footer .healthlist_data_l_inner {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
}

@media only screen and (min-width:641px) and (min-device-width:768px){
.health-post ul .healthlist_data+.healthlist_data{margin-top:6px}
}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
.health-post ul .healthlist_data article>div {
    position: relative;
    padding: 28px 13px 10px 13px;
}
.health-post ul .healthlist_data+.healthlist_data {
    margin-top: 5px;
}
.health-post ul .healthlist_data article>div header h3 {
    padding: 10px 0;
    line-height: 1.3;
    font-size: 1.2rem;
}
.healthlist_des{font-size:.95rem; padding-bottom:15px;}
.health-post ul .healthlist_data article>div header h5{
	font-size:15px;

}
.health-post ul .healthlist_data article footer time h6{
	display:block;
	float:left;
}
.health-post ul .healthlist_data article>div header a h3 span{text-decoration:none}

.health-post ul .healthlist_data article>div .healthlist_data_tag.c-tags a {
    padding: 0 4px;
    padding: 7px 21px;
    line-height: 100%;
    font-size: 14px;
}
.health-post ul .healthlist_data article footer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.health-post ul .healthlist_data article footer time {
    padding: 5px 13px;
	font-size:14px;
    width: auto;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
}
.health-post ul .healthlist_data article footer time .c-icon, .health-post .p-gh .p-slidemenu .p-slidemenu_ul--sub ul .healthlist_data article footer time li a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .health-post ul .healthlist_data article footer time li a:before, .health-post .p-gh .p-slidemenu .p-slidemenu_ul--sub ul li .healthlist_data article footer time a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .health-post ul li .healthlist_data article footer time a:before, .health-post ul .healthlist_data .p-event .p-event_carousel_main .p-event_carousel_unit article footer time .place:before, .p-event .p-event_carousel_main .p-event_carousel_unit .health-post ul .healthlist_data article footer time .place:before {
    position: absolute;
    top: 4px;
    left: 10em;
}
.health-post ul .healthlist_data{border-top:1px solid #ccc; }
.health-post ul .healthlist_data article footer a{position:absolute;top:0;right:0;pointer-events:all;height:24px;vertical-align:middle;line-height:24px}
.health-post ul .healthlist_data article>div{padding:28px 0 0 0}
.health-post ul .healthlist_data article footer time{padding-left:0;}
.health-post ul .healthlist_data article{padding:10px 0;}
.health-post ul .healthlist_data article>div .healthlist_data_tag.c-tags a{padding: 8px 10px 5px 10px;font-size: 12px;}
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape){
.health-post ul .healthlist_data article footer time{padding:0 13px;width:auto;height:24px;vertical-align:middle;line-height:24px}
.health-post ul .healthlist_data article footer a{position:absolute;top:0;right:0;pointer-events:all;height:24px;vertical-align:middle;line-height:24px}
}

.devep .button {
  display: inline-block;
  text-align:center;
  padding: 0.6em 1em;
  border: none;
  border-radius: 7px;
  background-color:#ff9933;
  color: #222;
  font-size: 15px;
  cursor: pointer;
}

.devep .button {
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    width: 84px;
    height: 84px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border-radius: 150px;
	font-family: Helvetica neue, Helvetica, Arial, 'PingFangTC-Light', 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體' , '新細明體', sans-serif;
}
.devep .button span{z-index:999; position:absolute; top:23%;left:50%; margin-left:-25px;width:50px;font-size:20px; line-height:1.2}
.devep .button.is-checked span{color:#000;}
.devep .button {
    background: url(../img/line1.png) #12c2e9;
    background: url(../img/line1.png), -webkit-linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
    background: url(../img/line1.png), linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
}

.devep .button.add {
    background: url(../img/line2.png) #ffd89b;
    background: url(../img/line2.png), -webkit-linear-gradient(to left, #19547b, #ffd89b);
    background: url(../img/line2.png), linear-gradient(to left, #19547b, #ffd89b);
}
.devep .button.structure {
    background: url(../img/line1.png) #dd3e54;
    background: url(../img/line1.png), -webkit-linear-gradient(to right, #6be585, #dd3e54);
    background: url(../img/line1.png), linear-gradient(to right, #6be585, #dd3e54);
}
.devep .button.focus {
    background: url(../img/line2.png) #8360c3;
    background: url(../img/line2.png), -webkit-linear-gradient(to right, #2ebf91, #8360c3);
    background: url(../img/line2.png), linear-gradient(to right, #2ebf91, #8360c3);
}
.devep .button.goodqc {
    background: url(../img/line1.png) #f12711;
    background: url(../img/line1.png), -webkit-linear-gradient(to right, #f5af19, #f12711);
    background: url(../img/line1.png), linear-gradient(to right, #f5af19, #f12711);
}
.devep .button.teach {
    background: url(../img/line1.png) #40E0D0;
    background: url(../img/line1.png), -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
    background: url(../img/line1.png), linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
}
.devep .button.employee {
    background: url(../img/line1.png) #00F260;
    background: url(../img/line1.png), -webkit-linear-gradient(to right, #0575E6, #00F260); 
    background: url(../img/line1.png), linear-gradient(to right, #0575E6, #00F260);
}
.devep .button.optimize {
    background: url(../img/line1.png) #30E8BF;
    background: url(../img/line1.png), -webkit-linear-gradient(to right, #FF8235, #30E8BF);
    background: url(../img/line1.png), linear-gradient(to right, #FF8235, #30E8BF);
}

.devep .button:hover {
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -o-transform:scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform:scale(1.05,1.05);
}
.devep .button:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: #fff;
    top: 4px;
    bottom: 4px;
    right: 4px;
    left: 4px;
    border-radius: 150px;
}
.devep .button:hover {
  background-color: #8CF;
  color: #222;
}

.devep .button:active,
.devep .button.is-checked {
  background-color: #ff9933;
}

.devep .button.is-checked {
  color: white;
}

/* ---- button-group ---- */

.devep .button-group {
  margin-bottom: 30px;
  margin-top:30px;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
}

.devep .button-group:after {
  content: '';
  display: block;
  clear: both;
}

.devep .button-group .button {
  margin: 0 5px;
}



.grid li{
  position: relative;
  float: left;
  width: calc(50% - 130px);
  height: 80px;
  margin: 5px;
  padding: 10px;
}
.grid li {
    position: relative;
    padding-left: 36px;
    text-align: left;
}
@media (min-width: 640px){
.grid li {
   padding-left: 96px;
}
}
.grid li:before{
    position: absolute;
    left: -4px;
    padding-right: 3px;
    width: 31px;
    font-family: "DINWebPro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Light","STHeitiTC-Light","Microsoft JhengHei",sans-serif;
    text-align: right;
    font-size: 31px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -2px;
    color: #cb2e27;
    background: -webkit-linear-gradient(120deg,#99221d,#cb2e27);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.grid li:before {
    left: -4px;
    width: 78px;
    font-size: 48px;
    line-height: 66px;
}
.grid li:nth-child(1):before {content: "01";}
.grid li:nth-child(2):before {content: "02";}
.grid li:nth-child(3):before {content: "03";}
.grid li:nth-child(4):before {content: "04";}
.grid li:nth-child(5):before {content: "05";}
.grid li:nth-child(6):before {content: "06";}
.grid li:nth-child(7):before {content: "07";}
.grid li:nth-child(8):before {content: "08";}
.grid li:nth-child(9):before {content: "09";}
.grid li:nth-child(10):before {content: "10";}
.grid li:nth-child(11):before {content: "11";}
.grid li:nth-child(12):before {content: "12";}
.grid li:nth-child(13):before {content: "13";}
.grid li:nth-child(14):before {content: "14";}
.grid li:nth-child(15):before {content: "15";}
.grid li:nth-child(16):before {content: "16";}
.grid li:nth-child(17):before {content: "17";}
.grid li:nth-child(18):before {content: "18";}
.grid li:nth-child(19):before {content: "19";}
.grid li:nth-child(20):before {content: "20";}
.grid li:nth-child(21):before {content: "21";}
.grid li:nth-child(22):before {content: "22";}
.grid li:nth-child(23):before {content: "23";}
.grid li:nth-child(24):before {content: "24";}
.grid li:nth-child(25):before {content: "25";}
.grid li:nth-child(26):before {content: "26";}
.grid li:nth-child(27):before {content: "27";}
.grid li:nth-child(28):before {content: "28";}
.grid li:nth-child(29):before {content: "29";}
.grid li:nth-child(30):before {content: "30";}
.grid li:nth-child(31):before {content: "31";}
.grid li:nth-child(32):before {content: "32";}
.grid li:nth-child(33):before {content: "33";}
.grid li:nth-child(34):before {content: "34";}
.grid li:nth-child(35):before {content: "35";}
.grid li:nth-child(36):before {content: "36";}
.grid li:nth-child(37):before {content: "37";}
.grid li:nth-child(38):before {content: "38";}

.grid li h3{color:#cb2e27; display:block;position:relative}
.grid .item{font-size:15px;display:block; padding-top:5px;}

.mainwrap {
    padding-top: 2em;
	width:calc(100% - 60px);
    max-width: 1440px;
    margin: 0 auto;
	padding-bottom:3em;
}
.mainwrap.nomin{max-width:100%;}
.mainwrap.nomin h3.w-title4{margin-bottom:30px;font-size:1.4rem; font-weight:300;}
.mainwrap.nomin .w-title4 {
    font-size: 1.3rem;
    padding: 0 0 0 33px;
    position: relative;
    z-index: 1;
    margin: 0 0 29px;font-weight:700;
}
.mainwrap.nomin .w-title4:before {
    content: "";
    z-index: 1;
    position: absolute;
	border-left: 14px solid #cb2e27;
    border-right: 6px solid #4896ba;
    width: 0px;
    height: 20px;
    top: 6px;
    left: 0;
}
.rptable{width:100%;overflow-x:auto}
.rptable{width:100%;overflow-x:auto}
.date_wrapper li{padding:10px;border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
.date{margin:0 auto;display:block}
.date .slick-list.draggable{text-align:center}
.slick-list.draggable{margin:50px 80px;overflow:hidden;}
.date_wrapper li.active {
  background-color: blue;
  color: yellow;
}
.logn-table{
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 1.2rem;
	border-top: 3px solid #f7f7f7;
	border-left: 3px solid #f7f7f7;
	border-bottom: 3px solid #f7f7f7;
}
.logn-table thead{
    background-color: #006794;
    color: #ffffff;
    text-align: center;
}
.logn-table th, .logn-table td{
    border-right: 3px solid #f7f7f7;
    padding: 0.75rem;
    font-weight: normal;
	font-size: 1.2rem;
}
.logn-table td{
    vertical-align: top;
}
.logn-table tbody tr{
    transition: color 0.3s ,opacity 0.3s , background-color 0.3s ease-in-out;
}
.logn-table tbody th{
    color: #555;
    text-align: center;
}

.logn-table a{
    display: flex;
	flex-wrap:wrap;
	align-items:center;
    color: #737373;
	padding:5px;
	margin:5px 0;
    transition: color 0.3s ,opacity 0.3s , background-color 0.3s ease-in-out;
}
.logn-table tr.week td.room{border-bottom: 3px solid #f7f7f7;}
.logn-table a span{flex:0 0 100%; justify-content:center;display:flex; align-items:center}
.logn-table a span.name{font-size:1.2em; color:#000; white-space:nowrap}
.logn-table a span.roomid{font-size:1em;color:#0e8bc2}
.logn-table a span.note{font-size:0.9em;}
.logn-table a:hover{background-color:#337996; padding:5px;border-radius:5px;color:#fff; }
.logn-table a:hover span.name, .logn-table a:hover span.roomid{color:#fff;}
.logn-table tr.ap td, .logn-table tr.week td{text-align:center;white-space:nowrap}
.logn-table tr:nth-child(even){
    background-color: #f2f2f2;
}
.logn-table tbody tr:hover{
    background-color: #ebf4f7;
}
.logn-table .state-full {
    pointer-events: none;
}
.logn-table .r_no{
	background-color: #555;
	border-radius:5px;
	color:#fff;
	pointer-events: none;
}

.logn-table .r_pre{pointer-events: none;}
.logn-table .full {
    color: #FF1010;
}
.logn-table .reno {
    color: #fafafa;
}
.logn-table tr.test th, .logn-table tr.test td {
    background-color: #006794;
    border-right-width: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}