.mycontainer { max-width:1000px; margin:0 auto; padding:5em 0; overflow:hidden;}

.major-title {
	font-size:32px;
	text-align:center;
	font-family:'Lato', "微軟正黑體", sans-serif;
	color:#333;
}
.major-title span {
	color:#999;
	font-size:38px;
	line-height:30px;
	font-weight:300;
	padding-right:1.4em;
	margin-right:.5em;
}
.stitle {
	font-size:22px;
	font-weight:bold;
	margin:0 0 .5em 0;
}

/****首頁****/
.btn_area{
	text-align:center;
	clear: both;
    padding: 50px 0 0 0;
	}
a.index_btn{
	border: 1px #888 solid;
    padding: 5px 10px;
    border-radius: 5px;
    color: #666;
	}
a.index_btn:hover{
	color:#56b7cc;
	border: 1px #56b7cc solid;
	border-radius: 5px;
}

.news_area{
	clear:both;
	overflow:hidden;
	background:url(../images/all/page_bg.jpg) repeat-x #fff;
}
.table-row {
	display:table;
	width:100%;
}
.index_news{
	display:table-cell;
	width:60%;
	position:relative;
	padding:30px 0 0 0;
	vertical-align:top;
}
.index_news2{
	display:table-cell;
	padding:30px 0 0 30px;
	vertical-align:middle;
}
.index_news2 .btn_area {
	padding-top:1.5em;
}
.index_news img, .index_news iframe {
	width:100%;
}
.service_area{
	background:url(../images/index/service_bg.jpg) center no-repeat;
	background-size:cover;
}
.service_area h3.servceTxt {
	font-size:20px;
	padding-top:1.5em;
	text-align:center;
	color:#555;
}
ul.service_list{
	overflow:hidden;
	list-style-type:none;
	max-width: 760px;
    margin: 40px auto 0 auto;
	}
ul.service_list li{
	float:left;
	width:160px;
	height:160px;
	margin:0 15px;
}
.li_box{
	width:160px;
	height:160px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size: 28px;
	line-height:1.2;
    color: #fff;
	background-color:rgba(86,183,204,.6);
	border-radius:100%;
}
.index_faq{
	overflow:hidden;
	padding:30px 0 0 0;
	margin-left:-2em;
	margin-right:-2em;
	}
.index_faqList{
	float:left;
	padding:0 2em;
	width:33.333%;
	}
.index_faqList > h4{
	font-size:20px;
	margin-bottom:1em;
	color:#333;
	}
.index_faqList > p { color:#666;}
.faq_line {border-right: 1px #ccc solid; border-left: 1px #ccc solid;}

.footer_category{
	border-bottom: 1px #7ec2d1 solid;
	background-color:#56b7cc;
	text-align:center;
}
.footer_category ul{
	max-width:1000px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	}
.footer_category ul li{
	display:inline-block;
	vertical-align:top;
	margin:0 15px;
}
.footer_category ul li a{
	color:#fff;
	display:block;
	padding:1em 0;
}
.footer_category ul li a:hover{
	color:#666;
	}
.footer_infoArea{
	background-color:#56b7cc;
	text-align:center;
	padding: 50px 0;
	color:#fff;
	}
.footer_icon{
	margin:0 0 20px 0;
	}	
.footer_icon a{
	margin:0 10px 0 0;
	}
.footer_infoArea > p > strong{
	font-size:20px;
	}
.footer_infoArea > p{
	line-height:30px;
	color:#fff;
	}
.footer_infoArea > p span {
	padding-left:1em;
	}
.copyright{
	font-size:14px;
	color:#fff;
	text-align:center;
	padding: 20px 0;
	}
.copyright a{
	color:#fff;
	}
.copyright a:hover{
	color:#56b7cc;
	}
/*發展歷史*/
.title_bg{
	background:url(../images/all/title_bg.png) repeat-x center 3px;
	font-size:20px;
	text-align: center;
    margin: 45px 0 30px 0;
	clear:both;
	}
.title_bg span{
	padding:0 15px;
	background-color:#FFF;
	color:#333;
	}
.people_area{
	overflow:hidden;
	padding: 20px 0 10px 0;
	margin:0 -1%
	}
.people_box{
	float:left;
	position:relative;
	width:29.33%;
	margin:0 2%;
	}
.people_box img {
	width:100%;
	}
.people_info{
	position:absolute;
	bottom:0px;
	background-color:rgba(255,255,255,.7);
	width:100%;
	padding:10px 5px;
	text-align:center;
	}
.style01{
	margin:0 40px;
	}
ul.people{
	overflow:hidden;
	padding: 20px 0 10px 0;
	}
ul.people li{
	float:left;
	width:230px;
	height:60px;
	text-align:center;
	line-height:60px;
	color:#555;
	background-color:#f0f0f0;
	}
.style02{
	margin:0 20px 0 0;
	}
ul.history_area{
	padding: 20px 0 10px 0;
	}
ul.history_area li{
	margin:15px 0;
	}
ul.history_area li span{
	padding: 7px 45px;
    text-align: center;
    line-height: 30px;
    background-color: #f0f0f0;
    margin: 0 30px 0 0;
    color: #454545;
    border-radius: 15px;
	}
.service_result{
	margin: 50px 0 80px 0;
	width:1000px;
	}
.service_result th{
	background-color:#f5f5f5;
	}
.service_result td{border-bottom: 1px #e8e8e8 solid;}
.service_result th, .service_result td{
	text-align:center;
/*	width:25%;*/
	padding:10px 5px;
	}
.video_btn{
	width:80px;
	height:30px;
	border-radius:15px;
	background-color:#56b7cc;
	color:#fff;
	line-height:30px;
	text-align:center;
	font-size:14px;
	}
.video_btn a{color:#fff; display:block;}
.video_btn a:hover{	color:#666;	}
.video_area{
	float:left;
	overflow:hidden;
	width:335px;
	}
.video_area2{
	float:right;
	overflow:hidden;
	width:380px;
	}
.video_area li, .video_area2 li{
	float:left;
	margin:20px 0px 0 0;
	line-height: 30px;
	}
.video_box{
	overflow:hidden;
	width:750px;
	margin:0 auto;
	padding: 0 0 20px 0;
	}
li.margin_style{
	margin-right:10px;
	}
/*組織架構*/	
.tissue_table{
	border-left:1px #ccc solid;
	border-top:1px #ccc solid;
	}
.tissue_table th{
	background-color:#e9e9e9;
	min-width:130px;
	font-size:14px;
	vertical-align:middle;
	}
.tissue_table th, .tissue_table td{
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:10px;
	}
.tissue_txt{
	font-size:20px;
	margin:70px 0 20px 0;
	text-align:center;
	}
.td_color{
	background-color:#f8f8f8;
	}
/*本科陣容*/
.txt_style{
	font-size:16px;
	}
.team_box{
	text-align:center;
	padding: 20px 0 10px 0;
	}
ul.team{
	overflow: hidden;
    display: inline-block;
	}
ul.team li{
	float: left;
    text-align: center;
    line-height: 60px;
    color: #555;
    background-color: #f0f0f0;
	font-size:20px;
	}
ul.team li.team_sytle{
    width: 230px;
    height: 60px;
	}
ul.team li.team_sytle2{
    width: 100px;
    height: 60px;
	margin-top: 20px;
	}
ul.team li a{
	color: #555;
	display:block;
	}
ul.team li a:hover{
	background-color:#56b7cc;
	color: #fff;
	}
ul.team.team_column_5,
ul.team.team_column_4,
ul.team.team_column_3,
ul.team.team_column_2 {
	margin:0 auto;
	text-align:center;
	display:block;
}
ul.team.team_column_5 li,
ul.team.team_column_4 li,
ul.team.team_column_3 li,
ul.team.team_column_2 li {
	display:inline-block;
	margin:1%;
}
ul.team.team_column_5 li {
	width:18%;
}
ul.team.team_column_4 li {
	width:23%;
}

ul.team.team_column_3 {
	max-width:740px;
}
ul.team.team_column_2 {
	max-width:540px;
}
ul.team.team_column_2 li {
	width:46%;
	margin:1% 2%;
}
	
.detail_box{
	margin:50px 0 0 0;
	padding: 20px 0 0 0;
	overflow:hidden;
	}
.img_style{
	box-shadow: 8px 8px 5px #ccc;
    margin: 0 30px 10px 0;
	float:left;
	}
.box_style{
    color: #555;
    padding: 10px 0;
	line-height:1.6;
    float: left;
	}
.box_style .main_color { 
    font-size: 24px;
	}
.fa{ margin:0 15px 0 0;}
.fa-chevron-circle-right{ color:#56b7cc;}
.back_btn{
	line-height:30px;
    border-radius: 5px;
    color: #666;
	width:120px;
	text-align: center;
    margin: 50px auto 10px auto;
	}
.back_btn a{
	border: 1px #888 solid;
	display:block;
	color: #666;
	border-radius: 5px;
	}
.back_btn a:hover{
	color: #56b7cc;
    border: 1px #56b7cc solid;
    border-radius: 5px;
	}
/*服務項目*/
.service_table{	width:100%;}
.service_table th {
	width:100px;
	background-color:#56b7cc;
	color:#fff;
	vertical-align:middle;
	}
.service_table th, .service_table td{
	border-bottom: 15px #fff solid;
	}
.service_table td {
	line-height: 30px;
	background-color:#f8f8f8;
	padding:15px;
	}
/*設備項目*/	
.box_style2{
	background-color:#CCC;
	text-align: center;
    line-height: 60px;
    color: #555;
    background-color: #f0f0f0;
    font-size: 20px;
	width:23%;
	display:inline-block;
	margin:0 20px 0 0;
	}	
.facilities_style{
	margin:30px 0 0 0;
	}
.facilities_table{
	margin:30px 0 0 0;
	width:1000px;
	}	
.facilities_table th, .facilities_table td{
	text-align: center;
    width: 20%;
    padding: 10px 5px;
	}	
.facilities_table td{
	border-bottom: 1px #e8e8e8 solid;
	vertical-align:middle;
	}		
ul.room_area, ul.room_area2, ul.room_area3{
	overflow:hidden;
	margin:40px 0;
	}
ul.room_area li{
	width:25%;
	text-align:center;
	color: #555;
    font-size: 20px;
	float:left;
	}	
.room_box{display:inline-block; background-color: #f0f0f0; margin: 0 0 50px 0;}
ul.room_area li > .room_box p, ul.room_area2 li > .room_box p, ul.room_area3 li > .room_box p, .room_box p{ line-height:50px; }
.style03{ display:inline-block; line-height: 24px; vertical-align: middle; width: 73%;}
ul.room_area2 li{
	width:33.333%;
	text-align:center;
	color: #555;
    font-size: 20px;
	float:left;
	}	
h4.title_style{	font-size:18px;}
ul.room_area3 li{
	width:50%;
	text-align:center;
	color: #555;
    font-size: 20px;
	float:left;
	}	
.room_box img{
	width:100%;
	}
/*faq*/	
.faq_q{
	line-height: 60px;
    color: #555;
    background-color: #f0f0f0;
    font-size: 20px;
	padding:0 0 0 20px;
	margin:20px 0 10px 0;
	}	
.faq_a{ padding:0 20px 30px 20px; }	
.fa-question-circle{ color:#56b7cc; font-size: 24px; margin: 0 10px 0 0;}
/*公告*/
.news_table{
	width:1000px;
	margin:30px 0 0 0;
	border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
	}
.news_table th, .news_table td{
	border-bottom: 1px #ccc solid;
    border-right: 1px #ccc solid;
    line-height: 36px;
    padding: 0 0 0 10px;
	}
/*連絡我們*/
.input1{ background: #FFF; border: 1px solid #CCC; color:#555; border-radius: 4px; height:36px; width:100%;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.select{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.contact{
	width:55%;
	float:left;
	margin:0 0 50px 0;
	}
.contact_txt{
	margin: 30px 0 40px 0;
    padding: 0 0 15px 0;
	border-bottom:1px #ccc dashed;
	}
.input2, .input3{
	border-radius: 4px;
	background: #FFF;
    border: 1px solid #CCC;
    color: #555;
	}
.input2{
	width:100%;
	}
.input3{
	height:30px;}

a.send_btn{
	padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    background-color: #aaa;
	}
a.send_btn:hover{
	background-color:#56b7cc;
	}	
#renew{
	font-size:14px;
	}
.contact_map{
	float:right;
	width:40%;}	
.tel_area{
	overflow:hidden;
	}
.tel_txt{
	text-align:left;
	line-height: 30px;
	padding: 0 10px;
	}	
.tel_txt2{
	text-align:left;
	line-height: 30px;
	padding: 0 10px;
	}
.tel_style{
	float:left;
	margin:0 75px 0 0;
	}
.tel_title{
	margin: 0 0 20px 0;
    background-color: #e8e8e8;
    height: 60px;
    text-align: center;
    line-height: 60px;
	}
	
.contact_info{
	float:right;
	width:40%;
	text-align:center;
	}
.contact_info1, .contact_info2{
	background-color: #f8f8f8;
    padding: 20px 10px 10px 10px;
    border-radius: 5px;
    margin: 15px 0 20px 0;
	}
.info_txt{
	border-bottom:1px #aaa double;
	display: inline-block;
    margin: 0 0 20px 0;
	}	
.info_txt2{
	text-align:left;
	width: 75%;
    margin: 0 auto 30px auto;
	line-height: 30px;
	}

@media (max-width: 1024px) { 
.container {
	padding:5em 2em;
 }
.logo_area {
    padding-right:1em;
    padding-left:1em;
 }
.logo_area .logo2 { 
	right:1em;
}

.footer_category ul li{
	margin:0 10px;
	font-size:14px;
}
.table-container { 
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}
.index_faq {
	margin:0;
}
ul.team.team_column_3 {
	max-width:740px;
}
.info_txt2{
	width: 80%;}


}
@media (max-width: 768px) { 
.container {
	padding:3em 2em;
 }
 
.logo_area {
	padding-top:20px;
}
.logo_area .logo { 
	max-width:250px;
}
.logo_area .logo2 { 
	max-width:200px;
}
 
.footer_category ul li{
	float:left;
	display:block;
	width:20%;
	margin:0;
	padding:0 1em;
}
.box_style2{display:block; width:100%; margin: 0 0 5px 0;}

/*---首頁---*/
ul.service_list {
	max-width: 520px;
}
ul.service_list li {
	margin:10px 50px;
}

.video_box{
	width:auto;
	}
.video_area, .video_area2{
	float:inherit;
	width:auto;
	}
ul.room_area li{
	width:50%;
	margin:0 0 3% 0;}
.style03{ width: 100%;}
ul.room_area2 li, ul.room_area3 li{
	width:100%;
	margin:0 0 3% 0;}
.contact{
	float:inherit;
	width:auto;
	margin: 0 0 10% 0;
	}
.contact_info{
	float:inherit;
	width:auto;
	}
ul.team.team_column_3 li {
	width:31%;
}
	
}
@media (max-width: 640px) { 
.container {
	padding:2em;
 }


.btn_area {
	padding:2em 0;
}
a.index_btn {
	padding:.8em 2em;
}
.flr, .flt { float:inherit; }

.major-title, .major-title span {
	font-size:26px;
}
.major-title span {
	background:none;
	padding-right:.5em;
	margin-right:0;
}
.stitle {
	font-size:22px;
}
.logo_area .logo { 
	max-width:200px;
}


/*---首頁---*/
.index_news {
	width:auto;
	display:block;
	padding-right:0;
}
.index_news2 {
	width:auto;
	display:block;
	padding-left:0;
}

ul.service_list {
	max-width: 220px;
}
ul.service_list li {
	margin:10px 30px;
}
.li_box {
	font-size:20px;
}

.index_faqList{
	float:inherit;
	width:auto;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px solid #ddd;
}
.faq_line {
	border-left:0;
	border-right:0;
}
.service_area h3.servceTxt {
	font-size:inherit;
}

/*----p4---*/
.service_table th, .service_table td{
	width:100%;
	display:block;
	border:0;
	padding:1em 2em;
}
ul.team.team_column_5 li,
ul.team.team_column_4 li,
ul.team.team_column_3 li,
ul.team.team_column_2 li {
	width:230px;
	float:inherit;
	display:block;
	margin:1% auto;
}

ul.history_area li {
	margin:15px 0 20px;
}
ul.history_area li span {
	display:block;
	margin:0 0 5px 0;
	/*text-align:left;*/
	padding: 0;
}

.service_result th, .service_result td{
	width:auto;
	padding:10px 5px;
}

.people_box{
	float:inherit;
	width:80%;
	margin:0 10%;
	margin-bottom:5%;
}
.page_form .name{
	width:20%;
	}


}

@media (max-width: 480px) { 

.major-title, .major-title span {
	font-size:20px;
	font-weight:bold;
	color:#333;
}
.stitle {
	font-size:18px;
}
.footer_category{
	display:none;
}
.footer_infoArea > p {
	font-size:14px;
	line-height:1.5;
}
.footer_infoArea > p strong {
	font-size:14px;
	font-weight:bold;
	letter-spacing:normal;
}
.footer_infoArea > p span {
	display:block;
}
.copyright {
	font-size:12px;
}

.logo_area .logo2 { 
	position:inherit;
	right:inherit;
	bottom:inherit;
	margin-top:.5em;
}


/*----首頁----*/
.index_faqList{
	padding:0 0 1em 0;
}
.index_faqList > h4 {
	font-size:18px;
}

.detail_box{
	overflow:inherit;
	word-break: break-all;
	}
.img_style{
	float:inherit;
	width:100%;
	max-width:100%;
}
.box_style{
	float:inherit;
	line-height:1.2;
	}

.back_btn{
	width:auto;
	line-height:normal;
	}
.back_btn a {
	padding:.5em 1em;
	}
ul.room_area li{
	width:100%;
	margin:0 0 3% 0;}
.faq_q{
	line-height:30px;
	padding:10px;}
.faq_a {
    padding: 0 10px 30px 10px;	
}
.contact{
	float:inherit;
	width:auto;
	margin: 0 0% 10% 0%;
	}
.contact_info{
	float:inherit;
	width:auto;
	}
.page_form .name{
	width:100%;
	text-align:left;
	padding: 0px 5px;
	}
.video_area li, .video_area2 li{ width: 100%; text-align: center;}
}

ul.room_area, ul.room_area2, ul.room_area3{
	overflow:hidden;
	margin:40px 0;
	}
ul.room_area li{
	width:25%;
	text-align:center;
	color: #555;
    font-size: 20px;
	float:left;
	}	
.room_box{display:inline-block; background-color: #f0f0f0; margin: 0 0 50px 0;}
ul.room_area li > .room_box p, ul.room_area2 li > .room_box p, ul.room_area3 li > .room_box p, .room_box p{ line-height:50px; }
.style03{ display:inline-block; line-height: 24px; vertical-align: middle; width: 73%;}
ul.room_area2 li{
	width:33.333%;
	text-align:center;
	color: #555;
    font-size: 20px;
	float:left;
	}	
h4.title_style{	font-size:18px;}
ul.room_area3 li{
	width:50%;
	text-align:center;
	color: #555;
    font-size: 20px;
	float:left;
	}	
.room_box img{
	width:100%;
	}