﻿@charset "utf-8";
/* CSS Document */

#content_block{ /*margin-bottom:20px;*/}

#content_block .col-md-9
{
	
    /*padding: 34px;*/
	 
}
.panel-title2
{
		    font-size: 2rem;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 36px;
		color:#000;
		 border-bottom: 1px solid #c7c7c7;
}
.panel-title
{
	 font-size: 2rem;
}
.coall
{
	border:none;
}
.panel-title2 a
{
	color:#000;
	font-weight: normal;
	display: block;
}

.panel-group .panel + .panel
{
	  /*  padding-left: 22px;*/
}
.vicon
{
	width: 24px;
    background-image: url(../img/vicon.png);
    height: 24px;
    float: right;
    background-size: contain;
	float:right;
	background-repeat:no-repeat;
	
}

.protext
{
	margin-bottom:30px;
	font-size: 2rem;
}


.menuleft
{
	text-align:left;
}
.panel-default > .panel-heading
{
	    background-color: #FFF;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body
{
		
		
}
.nexttyp
{
	
	word-break: break-all;
	list-style-type:none;
}
.modal-title
{
	float:left;
	font-size:25px;
}
.modal-header
{
	overflow:hidden;
}
.title_green
{
	    font-size: 3rem;
    color: #05b8ee;
    font-weight: bold;
	text-align: left;
}

.artic p
{
	/*text-align:justify;*/
}
.arimg
{
	float:right; 
	margin-top:10px; 
	    padding-left: 10px;
		
}
.part
{
	margin:20px 0px;
}
.contect1,
.contect2,
.contect3
{
	height:40px;
	padding-left:40px;
	 list-style-type: none;
	 background-repeat:no-repeat;
	     line-height: 19px;
		     font-size: 1.5rem;
}
.contect1
{
	
	
	background-image:url(../img/icc1.png);
	
	
}
.contect2
{
	
	
	background-image:url(../img/icc2.png);
	
}
   .newbox a
   { 
		color: #009ece;
   }
   .news_block_img
{
	    width: 30%;
    
    float: left;
    margin-right: 15px;
        height: 150px;
    overflow: hidden;
	position:relative;
}
.news_block_img img
{
	width:100%;
	position:absolute;
	   
}
.textarea h4
{
	margin:0;
	    font-size: 22px;
}
.textarea span
{
	font-size: 14px;
}
.news_block .textarea
{
	float:left;
}
.imagestyle
{
	 overflow: hidden;
	  height: 180px;
	 
}
.imagestyle img
{
	
	
   
	display:block;
	
	 border: solid 1px #E5E5E5;
	   
		background-color:#FFF;
		
	
}
.ellipsis
{
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
	    font-size: 1.5rem;
}
.image_table_more
{
	text-align: CENTER;
    padding: 6px;
    /* background-color: #77b7d4; */
    
  
    font-size: 20px;
    width: 15%;
    color: #9ae0ff;
    margin: 0 auto;
    height: 54px;
    clear: both;
}
.image_table_more a
{
	color: #b7b7b7;
    font-weight: bolder;
    display: block;
    border-radius: 26px;
    /* border: 3px solid #77b7d4; */
    background-color: #f5f5f5;
	text-decoration:none;
}
.image_table_more:hover a
{
	
	color:#FFF;
	background-color: #bdbdbd;;
}
.contect3
{
	
	
	background-image:url(../img/icc3.png);

}

.footerbg
{
	background-image:url(../img/skyfamily3_04.jpg);
	height:450px;
	    background-size:cover;
		background-repeat:no-repeat;
		background-position:center top;
		    position: relative;
}
.leftbg
{
	
   /* padding: 16px 27px;*/
 height: 80%;
    background-position: center top;
    min-height: 1000px;

}
.lines
{
	background-image:url(../img/unnamed.png);
	height:30px;
	width:30px;
	background-size:contain;
	background-repeat:no-repeat;
}
#footer hr
{
	    margin-top: 5px;
    margin-bottom: 11px;
}
.aboutimg2
{
	margin-bottom:30px;
}
.aboutimg
{
	text-align:center;
}
.aboutimg div 
{
	text-align:center;
}
.aboutimg img
{
	
	    width: 60%;
		

}

.qrcode
{
	    /* width: 150px; */
    height: 150px;
    background-image: url(../img/qc.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    /* position: fixed; */
    bottom: 0;
    z-index: 99999;
}

.specal ul li
{
	color:#666;
	    font-size: 2rem;
}
.specal h3
{
	color:#666;
}
.ttem ul li
{
	list-style-type:none;
	    font-size: 2rem;
}
.newbox
{
	   font-size: 1.5rem;
    line-height: 50px;


	
}
.newbox 
{
	
	padding-left:10px;
}
.newbox:hover
{
	
	border-radius:20px;
}
.pccleft2,
.pccleft
{
	
	    min-height: 640px;
	background-repeat:no-repeat;
	background-position:center bottom;
}
.pccleft
{
	background-image:url(../img/left.png);
	   
}
.pccleft2
{
	background-image:url(../img/left2.png);
	 
}
.reminding
{
	font-size:1.5rem;
}
.faq_title
{
	background-image:url(../img/q&A.png);
	background-repeat:no-repeat;
	background-position: left top;
	min-height: 50px;
	line-height:50px;
	padding-left: 50px;
	font-size:2rem;
	color:#6ad0e9;
	
}

/*QA*/

.faq_block
{

	color: #666;
    border-bottom: 1px dotted  #b8d4d4;
    padding-bottom: 10px;
}
.faq_block span
{
background-image:url(../img/an.png);
	background-repeat:no-repeat;
	background-position:4px  top;
	line-height: 36px;
   text-align: justify;
    padding-left: 50px;
	display:block;
}
.faq_answer 
{
	font-size:1.5rem;
}

/*大標題*/
.index1_title{
	color: #009a9a;
    font-size: 23px;
    margin-bottom: 10px;
}

.toptitles
{
	    display: block;
    padding: 10px 10px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    border-radius: 5px;
    /* background-color: #50bfbf; */
    /* text-align: center; */
    transition: all 0.2s ease;
}
.foods
{
	    height: 305px;

}
.foods h5
{
	font-size:2rem;
	text-align:center;
}
.foods p
{
	text-align:center;
}
.part h5
{
	
	       font-weight: bold;
    
	
		
}
.teamp1,
.teamp2
{
	overflow:hidden;
}
.teamp2 img
{
	
	
		width: 125%;
}


.teamp1 img
{
	width:100%;
 
	  
}
.teamp5,
.teamp6
{
	margin-bottom:30px;
}
.newtable
	{
		 display:table;
		 width:100%;
		 border-right: 1px solid #b5b5b5;
		 border-top: 1px solid #b5b5b5;
	}
	.newtabletr
	{
		 display:table-row;
		 border-left: 1px solid #c1c1c1;
		 border-bottom: 1px solid #c1c1c1;
		 border-right: 1px solid #c1c1c1;
	}
	.tableflex
	{
	/*display: flex;
       min-height: 189px;
    flex-direction: column;*/
	   display: flex;
   display: -ms-flexbox;
  /*min-height:200px;*/
    
    flex-direction: column;
	}
.fiexitem {
    flex: 1;
    background-color: #f08bc3;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 2rem;
}
	.newtabletd
	{
		display: table-cell;
		border-bottom: 1px solid #c1c1c1;
		border-left: 1px solid #c1c1c1;
		
    font-size: 2rem;
    padding: 10px;
	text-align:left;
    background: #fefff2;
	
	position:relative;
	vertical-align: middle;
	    
	}
	.tabletds
	{
		vertical-align: middle;
		
	}
	.tabletd
	{	
		/*border-bottom: 1px solid #b5b5b5;
		flex: 1;
   		display: flex;
		align-items: center;
       font-size: 2rem;
	       vertical-align: middle;*/
	 
       /* padding: 30px 10px 26px 0px;
            display: flex;
            display: -ms-flexbox;
            flex-direction: column;
            -ms-flex-direction: column;
			text-align:left;
   
            width: 300px;

		border-bottom: 1px solid #b5b5b5;*/
		align-items: left;
     
		border-bottom: 1px solid #b5b5b5;
   		padding: 0.2em;
		min-height:76px;
		display: flex;
		 display: -ms-flexbox;
		 flex-direction: column;
		flex:1;
		 -ms-flex-direction: column;
		justify-content: center;
		line-height:67px;
       font-size: 2rem;
	}
	.tabletd:last-child
	{
		border:none;
	}
	.newtableth2,
	.newtableth
	{
		display: table-cell;
		background: #85b0b7;
		font-size:20px;
		text-align: center;
		color: #FFF;
		line-height: 32px;
	}
	.newtableth
	{
		background: #85b0b7;
		width: 30%;
	}
	.newtableth2
	{
		
		background: #80bdc7;
	}
	.pagc
	{
		display:table;
		margin: 0 auto;
		padding-top:20px;
	}
	.paget
	{
		clear:both;
	}
	.titlebgg
	{
	
		text-align: center;
		line-height: 220px;
		background-attachment: fixed;
	    background-position: center top;
		    height: 278px;
	
	}
	.titlebgg::before
	
	{
		    content: "";
    background-image: url(../img/inleft3.png);
    /* background-color: #0059ad52; */
    width: 100%;
          height: 280px;
    position: center certer;
    position: absolute;
    background-position:   center;
	background-repeat:no-repeat;
    left: 0.0;
    background-size:cover;
	}
	.titlebgg h1
	{
		 position: absolute;
		text-align: CENTER;
		padding: 0;
		color:#FFF;
		line-height: 38px;
		    margin: 140px auto;
		width: 100%;
		font-size: 35px;
		
	}
	.titlebgg h3
	{
		font-size:12px;
		padding:0;
		margin:0;
	    top: 185px;
		z-index: 99;
		position:absolute;
		width:100%;
		z-index: 99;
		color:#FFF;
		

	}
	.aboutus h3
	{
		font-size:37px;
		color:#06b9ee;
		line-height:80px;
		clear:both;
	}
	.aboutus p
	{
		color:#000;
		text-align:justify;
	}
	
	.sac1
	{
		width:100%;
		
		overflow:hidden;
	}
	.sac2
	{
		
		clear: both;
	     height: 175px;
		overflow:hidden;
	
	}
	.sac3
	{
		
		margin-top: 30px;
		text-align:Center;
		overflow: hidden;
	}
	.teampeo
	{
		width:100%;
		background-color: #f5f5f5;
	
		overflow: hidden;
		color:#000;
	}
	.teampeo2
	{
	
		margin:20px;
		background-color:#ffffff;
		overflow: hidden;
		
		
	
	}
	.teampeo3
	{
		width:60%;
		background-color: #f5f5f5;
		margin-top:30px;
		overflow: hidden;
		color:#000;
		float:left;
	}
	.docjpg
	{
		padding:20px;
	}
	.teampeo3  div ul,
	.teampeo div ul
	{
		padding: 20px;
		margin: 0;
	}
	.teampeo3  div ul li span,
	.teampeo div ul li span
	{
		list-style-type:none;
		text-align:justify;
		    font-size: 2rem;
	}
	.teampeo3  div ul li,
	.teampeo div ul li
	{
			list-style-type:none;
	}
	.teampeo3  div ul li p,
	.teampeo div ul li p
	{
		padding-left: 91px;
		text-indent: -99px;
	
		text-align:justify;
	}
	.teampeo3  div img,
	.teampeo div img
	{
		text-align:left;
	}
	.team4d
	{
		width:40%;
		float:left;
	}
	.centertable
	{
		display:table;
	
	}
	.centertr
	{
		display:table-row;
		font-size: 1.8rem;
	}
	.centerth
	{
		display:table-cell;
		width:100px;
		
	}
	.centertd
	{
		display:table-cell;
		text-align: justify;
	}
	.centertd p
	{
			padding-left:0!important;
			text-indent:0!important;
			
	}
	
	.inright
	{
		
		margin-top: 80px;
	}
	/******/
	.link-gohome
	{
		color:#FFF;
	}
	a.follow
	{
		font-size:12px;
		color:#FFF;
	}
	.titlebgbottom
	{
		    background-image: url(../img/hyeh_03.png);
		width: 100%;
		background-position: left bottom;
	      height: 281px;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		z-index: 1;
	}
	.aboutbg2
	{
		 background-image: url(../img/services.png);
		 background-position: left 20px;
		background-repeat: no-repeat;
		 background-size: contain;
		
	}
	.aboutbg2::after{
    content:"";
    
	background-color:#666;
	
	}
	.serv
	{      margin-top: 150px;
		margin-bottom:200px;
		    color: #666;
			text-align:justify;
	}
	.serv h2
	{
		font-size:50px;
		text-align:left;
		
	}
	
	.hy img
	{ 
	padding:10px;
	background-color:#FFF;

	border-right:1px solid  #c0c0c0;
		border-bottom:1px solid  #c0c0c0;
	}
	.servtype
	{
		text-align: left;
    background-color:#ffffff;
    /* border: 1px solid; */
    border-radius: 50px;
    padding: 20px;
	-webkit-box-shadow: 3px 3px 5px #ebe7cf;
	-moz-box-shadow: 3px 3px 5px #ebe7cf;
	box-shadow: 3px 3px 5px #ebe7cf;
	border:3px  solid #fff6e8;
		overflow:hidden;
	    height: 260px;
	}
	.off
	{
		margin-top:100px;
		margin-bottom:100px;
	}
	.servtype p
	{
		color: #666;
	}
	.servtype h2
	{
		color: #666;
	}
	.hytits
	{
			margin:100px auto;
	}
	.hytits h2 
	{
		color:#06b9ee;
		font-size: 37px;
		margin: 0;
	
	}
	.hytits p 
	{
			color:#000;
			text-align: justify;	
			    margin-top: 20px;
	}
	.hytits iframe
	{
		height:400px;
	}
	.textarea 
	
	{
	
		word-break:break-all;
		
	}
@media screen and (max-width:1280px) {
	
	
.footerbg
{
	background-image:url(../img/skyfamily3_04.jpg);
   

	    background-size:contain;
}
.teamp2 img, .teamp1 img
	{
		    height: auto;
		 
	}
	.teamp2 img
	{
		width: 123%;
		
	}
	.teamp1 img
	{
		height:auto;
	}
}
@media screen and (max-width:840px) 
{
	.servtype
	{
	    height: 550px;
	}
}
@media screen and (max-width:1024px) 
{
	
		.centerth
		{
			display:block
		}
		.centertd
		{
			display:block
		}
		
		.pccleft
		{
			
			background-image:url(../img/left.png);
			background-size:contain;
		}
		.serv
		{
		margin-top:0;
		margin-bottom:0;
	}
	.servtype
	{
		    height: 385px;
	}
}

/*文字效果*/
.block-gray-red-13 {
	color: rgb(178, 119, 0);
    text-decoration: none;
    font-size: 18px;
    margin-top: 5px;
    display: block;
    padding-top: 10px;
    margin-bottom: 5px;
}
.color08 {
    color: #CC6600;
}
/*圖片縮放*/
.htmlcode_imgwidth img{
width:100%;
height:auto;
max-width:660px;
width:660px \9;
}
/*清單*/
.ul_no_list{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
/*瀏覽位置:*/
#content_block .col-md-12{
	padding: 8px 15px;
	font-size:15px;
    color: #FFF;
    line-height: 1.8;position:relative;
	z-index:11;
}
#content_block .col-md-12 #breadcrumb a{
	    color: #fff;
    transition: all 0.2s ease;
	text-decoration:none;
}
#content_block .col-md-12 #breadcrumb a:hover{
	    color: #ffffff;
}
#content_block .col-md-12  #breadcrumb{
	font-size: 1.8rem;
}
/*END瀏覽位置*/

/*文章標題*/
.content_title{
	margin-bottom:20px;
}
.content_title .title{
	font-size: 25px;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
	color:#000000;
}
.content_title .content_titlebtn{
    margin: 5px 0;
}
.content_title .content_titlebtn>span>a{
	border-radius: 5px;
    background-color:#5bb1b1;
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    border: 0;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 3px;
	opacity: 0.8;
	text-decoration:none;
}
.content_title .content_titlebtn>span>a:hover{
	opacity: 1;
}
/*END文章標題*/
/*中央分界線*/
#content_block .col-md-9{
	/*border-left:1px solid #ddd;*/
    color: #444;
    font-size: 15px;
     /*min-height: 705px;*/
}
@media screen and (max-width:991px) {
	#content_block .col-md-9{
		border-left:0px;
	}

	.footerbg
	{
		background-size:contain;
		    height: 430px;
	}
	
	.tabletds
	{
		/*text-align:center;*/
		
	}
	.tabletd
	{
		text-align:center;
		width:100%;
		    padding: 0.2em;
	}
	.pccleft
		{
		background-image:url(../img/leftsecond2.png);
		}
	
	.sac2
	{
		    height: 560px;
	}

}

/*開頭圖片*/
#topimg_block{
	
	overflow:hidden;
	width:100%;
}
#topimg_block img{
	height:auto;
	width:100%;
}
#topimg_block p{
	display: block;
    line-height: 202px;
    z-index: 10;
    position: absolute;
    margin: 0px;
    font-size:35px;
    color: #ffffff;
    text-shadow: 0 0 0.2em rgba(0, 0, 0, 1);
	text-align:center;
	
}
@media screen and (max-width:768px) {
	
#topimg_block{
	max-height: 275px;
	overflow:hidden;
	width:100%;
    background: none !important;
	
}
#topimg_block img{
	display:none;
}
#topimg_block p{
    line-height: initial;
    position: static;
    color: black;
    text-shadow: none;
    margin-top: 20px;
}
	
	.leftbg
	{
		min-height:auto;
		background-image:none;
	}
	.gtco-nav ul li
	{
		    width: 107px;
	}
	.contect1,
.contect2,
.contect3
{
	/*height:auto;*/
}
.title_green {font-size: 2.2rem;}
	#content_block .col-md-9
	{
		padding:0;
	}
	.tableflex
	{
		min-height: 125px;
		line-height:auto;
	}
		.aboutbg2
		{
			background-image: url(../img/services2.png);
 background-position: left -5px;
    background-repeat: no-repeat;
    background-size: contain;
		}
		.serv
		{
			    margin-top: -64px;
		}
		.titlebgg h1
		{
			    margin: 97px auto;
		}
		.titlebgg h3
		{
			top: 145px;
		}
		.off
		{
			margin-top: 50px;
			margin-bottom: 208px;
		}
		
		.serv h2
		{
			font-size: 35px;
			text-align: center;
		}
		.hytits iframe
		{
			height:300px;
		}
		.sac2
		{
			    height: 578px;
		}
}
/*END開頭圖片*/

/*側邊選單 panel-group=left_menu*/
.healthtitle2 a:hover
{
	    background-color:#FFF;
	color:#337ab7;
}
.healthtitle2 a
{
	    /*background-color: rgb(249, 249, 249);*/
	
	display:black;
}
.healthtitle2 ::before
{
	
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 1;
    opacity: 0;
	background-image: url(../img/bubox.png);
  
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	 border-radius: 5px;
	 color:#FFF;
	
}
.healthtitle2 :hover::before {
    opacity: 1;
    width: 100%;
}
.healthtitle a
{
	background-color: #00b7ee;
    color: #FFF;
}
.left_menu .panel-heading{
	padding:0px;
}
.left_menu .panel-heading a:hover
{
	
	
	text-decoration:none;
	
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.left_menu .panel-heading a{
	display: block;
    padding: 10px 10px;
       border-bottom: 1px solid #e6e6e6;
    position: relative;
    border-radius: 5px;
    /*background-color:#50bfbf;*/
   /* text-align: center;*/
    transition: all 0.2s ease;
}

/*.left_menu .panel-heading a:hover{
         color: #00b7ee;
    background-color: #FFF;
    text-decoration: none;
}*/
.content_title>.title span
{
	color: #ff6363;
    float: right;
}
.left_menu .panel-default{ border:none;}
.left_menu .panel{ border:none; background:none;}
.left_menu .panel-body{
    padding: 0px;
}
.left_menu .panel-body a{
    color: #585858;
	  font-size: 1.8rem;
    transition: all 0.3s ease;
     display: block;
    padding: 5px 15px;
	line-height: 25px;
	    background-color: #FFF;
}
.left_menu .panel-body a:hover{
     margin-left: 0px;
	text-decoration:none;
	color:rgb(0, 183, 238);
}
.news_block_bg
	{
		margin-bottom: 25px;
		    height: 192px;
	}
	.sacoc2
	{
	
		height: 240px;
	}
	.sacoc2 img
	{
		background-color:#FFF;
	
		
	}
	.sacoc1
	{
		overflow: hidden;
		background-color: #FFF;
		
		
		
	}
		.sacoc1 img
		{
			height:100%;
		}
@media screen and (max-width:1440px)
{
	.news_block_img {
		      height: 75px;
	}
	.serv
	{
		margin-bottom:0;
	}
		.hytits iframe
	{
		    height: 275px;
	}
	.centertd
	{
		display:block;
	}
	.centerth
	{
		display:block;
	}
	.servtype
	{
		height:400px;
	}
	.pccleft2, .pccleft
	{
		background-size:contain;
	}
}
@media screen and (max-width:1024px)
{
	.news_block_img {
    width: 25%;
  
    height: 84px;
   
	}
	.textarea h4
	{
		margin:0;
	}
	.hytits iframe
	{
		    height: 275px;
	}
	
	
}
@media screen and (max-width:991px) {

	.leftbg
	{
		min-height:auto;
		background-image:none;
	}
	.left_menu .panel-body a
	{
    padding: 5px 25px;
    display: block;
	}
	.nexttyp
	{
		    padding-left: 25px!important;
			
	}
	.pccleft2, 
	.pccleft
	{
		background-size:contain;
	}
	.newbox
	{
		line-height:30px;
		
	}
	.servtype
	{
		height:560px;
	}
}
@media screen and (max-width:768px) {
	.arimg
	{
		float:none;
		padding:0;
	}
	.index1_title{
		padding-top: 10px;
	}
	
	
	.footerbg
	{
		background-image:url(../img/skyfamily3_042.jpg);
	   

			background-size:contain;
	}
	.hytits
	{
		margin: 0 auto;
		    text-align: center;
	}
	
	.movie
	{
		height: 253px;
	}
	.tabletd
	{
		justify-content:center;
	}
	.teamp1,
	.teamp2
	{
		overflow: hidden;
		  
	}
	.teamp1
	{
		 height:auto;
		 width:100%;
	}
	.teamp2
	{
		 height:auto;
		 width:100%;
		 margin-left: 0px;
	}
	.teamp1 img,
	.teamp2 img
	{
		width:100%;
		height:auto;
	}
	
	.teamp3,
	.teamp4
	{

		padding-left: 15px;
		padding-right: 15px;
	}
	.teamp2,
	.teamp1
	{
		overflow:hidden;
	}
	.newtableth2,
	.newtableth,
	.newtabletd
	{
		display:block;
	}
	.newtabletd
	{
		padding: 10px;
	}
	.newtableth2,
	.newtableth
	{
		display:none;
	}
	.tabletds,
	.tabletd
	{
		text-align: center;
		  background-color: #fff9d6;
	}
	.tabletd
	{
		width:100%;
		min-height:57px;
		line-height:30px;
	}
	.teampeo3
	{
		width:100%;
	}
	.site-nav .menu > li > a:hover, .site-nav .menu > li.active > a
	.servtype
		{
			    height: 500px;
		}
		.faq_title
		{
			line-height:30px;
			
		}
		.pccleft
		{
			
			background-image:url(../img/leftsecond.png);
		}
		.aboutus h3
		{
			text-align:center;
		}
		.hy
		{
			margin-bottom: 25px;
			
		}
		.aboutus h3
		{
			  line-height: 37px;
			  font-size:30px;
			      padding: 10px;
		}
		
	.teampeo2
	{
		margin: 10px;
	}
	.teampeo3 div ul, .teampeo div ul
	{
		padding:0;
	}
		.servtype
	{
		    height: 442px;
	}
}
@media screen and (max-width:880px) {
	
	.pccleft2
	{
		background-image:url(../img/left2-1.png);
		
	}
	.pccleft
	{
		background-image:url(../img/leftsecond2.png);
		
	}
	.titlebgg::before
	{
		    height: 278px;
		background-image: url(../img/inleft4.png);
	}
}
@media screen and (max-width: 736px)
{
.news_block_img {
	height:155px;
}
}
@media screen and (max-width:640px) {
	
	.newbox
	{
		line-height:30px;
	}
	#content_block .content_title .title {
   
    font-size: 3rem!important;
	}
	.content_title>.title
	{
		overflow:hidden;
	}
	.aboutimg img
	{
		width:100%;
	}
	.protext
	{
		text-align:justify;
	}
	.newbox span
	{
		display: block;
	}
	.hytits iframe {
    height: 200px;
}
	.newbox {
   
    padding: 10 0;
	}
	.foods
	{
		height:auto;
	}
	.pccleft {
		background-size: contain;
				background-image:url(../img/leftsecond.png);

	}
	.titlebgg
	{
		line-height: 273px;
		  /*background-attachment: normal;
		background-position: center 15px;*/
		height: 215px;
		background-size: initial;
	}
	.titlebgg::before
	{
		height:215px;
		background-image: url(../img/inleft5.png);
	}
	
	.titlebgbottom
	{
		 height: 216px;
	}
	.pccleft2
		{
			background-image: url(../img/left2-2.png);
		}
		.sac2
		{
			height:auto;
		}
		.servtype 
		{
			height: auto;
			}
			.sacoc2
			{
				height:auto;
			}
			.news_block_img
		{
			float: none;
			width: 100%;
			position: relative;
			    height: 400px;
		}
		.news_block_img img
		{
			width: 100%;
			position: absolute;
			
			
		}
		.news_block_bg
		{
			height:auto;
		}
	.imagestyle
	{
		float:none;
		    margin-bottom: 20px;
			width: 220px;
			margin:10px auto;
	}
}
#leftmenu_show .btn-default{
	font-size:2rem;
	color: #FFF;
    border: 1px solid #13bdf0;
    position: relative;
    padding: 8px;
    background-color: rgb(19, 189, 240);
    border-radius: 0;
    text-align: left;
    margin-top: 10px;
    display: none \9;
}
#leftmenu_show .dropdown-toggle .caret{
    position: absolute;
    right: 20px;
    top: 19px;
}
#leftmenu_show .btn:active, .btn.active{ border:none; box-shadow:none;}
@media screen and (min-width:992px) {
#leftmenu_show #menu_show{
     display: block;
}
#leftmenu_show .btn-default{
	display:none;
}
}
@media screen and (max-width:991px) {
#leftmenu_show .left_menu .panel-heading a{
	display: block;
    padding: 15px 10px;
    position: relative;
    border-radius: 0px;
    background-color: #ffffff;
    border-top: 1px solid #d1d1d1;
	text-align:left;
	color:#505050;
}
#leftmenu_show .panel-group .panel + .panel{ margin:0px;}
#leftmenu_show .left_menu .panel-heading a:hover{color:#004a96;}
#leftmenu_show .left_menu .panel-heading a:focus{
    color:#004a96;
}
#leftmenu_show .left_menu{
    border: 1px solid #d1d1d1;
    border-top: 0px;
}
#leftmenu_show .left_menu .panel-body{
	/*background-color:#fcfbec;*/
}
}
#content_block .col-md-3{
	margin-bottom:20px;
}
/*END 側邊選單*/

/*回上一頁&回最上面的按鈕*/
#goback_gotop{
	text-align: center;
	margin-top:20px;
    
	margin-bottom:20px;
}
#goback_gotop a{
    background-color: #77b7d4;
    color: white;
    border-radius: 15px;
    display: inline-block;
    padding: 15px 15px;
    border: 0;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
    font-size: 0.9em;
	text-decoration:none;
}
#goback_gotop a:hover{
	background-color:#18a0a0;
}
/*END回上一頁&回最上面的按鈕*/
/*------------------*/
/*頁數選單*/
#content_block .pagination_div .pagination > li > a{
    padding: 5px 15px;
	color: #128fb0;
}
@media screen and (max-width:767px) {
	.foods
	{
		height:auto;
	}
#content_block .pagination_div .pagination > li > a{
    padding: 5px 10px;
}
}
#content_block .pagination_div .pagination > li > span{
    padding: 5px 15px;
	background-color: #2bb7b7;
    border-color: #099e9e;
}
#content_block .pagination_div .pagination > .removable > span{
    background-color: #fff;
    border-color: #ddd;
	 cursor: default;
}
@media screen and (max-width:500px) {
#content_block .pagination_div .pagination_w500{
	display:none !important;
}
}

#content_block .pagination_div .pagination_w500{
	display:inline !important;
}


/*END頁數選單*/
/*----------------------------*/
/*院長的話選單*/
#content_block .select_block{
	position: absolute;
    right: 15px;
    top: 20px;
}
#content_block .select_block select{
	height: 30px;
    width: 150px;
}
/*END院長的話選單*/
/*搜尋按鈕*/
.search_btn{
	border-radius: 5px;
    background-color: #2bb7b7;
    display: inline-block;
    padding: 0px 10px;
    color: #fff;
    border: 0;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 3px;
    text-decoration: none;
    margin-top: -3px;
    width: 50px;
    transition: all 0.2s ease;
}
.search_btn:hover{
    background-color: #099e9e;
}
/*END 搜尋按鈕*/
/*院長的話-圖片*/
.content_type_image{
    float: right;
    margin-left: 10px;
}
.content_type_image  .image_table_image{}
@media screen and (max-width:500px) {
	.foods
	{
		height:350;
	}
.content_type_image{
    float: none;
    margin-left: 0;
}
.content_type_image .image_table_image {
    float: left;
     width: 50%;
}
.content_type_image .image_table_image img{
     width: 100%;
}
}
@media screen and (max-width:440px) 
{.news_block_img
	{
	height:280px;
	}
}
@media screen and (max-width:360px) 
{.news_block_img
	{
	height:240px;
	}
}
@media screen and (max-width:280px) 
{.news_block_img
	{
	height:180px;
	}
}
/*END 院長的話-圖片*/
/*內頁大圖CSS*/
.topimg_bgcolor{background-color:#CCCCCC;}
.topimg_bgcolor3,.topimg_bgcolor13{background-color: #FFF;}
.topimg_bgcolor4{background-color: #f0e2d0;}
.topimg_bgcolor5{background-color: #f7fcf9;}
.topimg_bgcolor6{background-color: #fff6ed;}
.topimg_bgcolor7{background-color: #c6b2a3;}
.topimg_bgcolor8{background-color: #eff1f0;}
.topimg_bgcolor9{background-color: #fff8e2;}
.topimg_bgcolor10{background-color: #eee6da;}
.topimg_bgcolor14,.topimg_bgcolor15{background-color: #dddfd3;}
/*END內頁大圖CSS*/
/*修改CSS*/
.table_indexdoctor hr{
     border-top: 1px dashed #afafaf;}
.table_indexdoctor .T94E{
    color: #009a9a;
    font-size: 23px;}
.content_table{
	border-color: #d0d0d0;
}
.content_table tr{
	background-color: white;
	height: 40px;
}
.content_table th{
    background-color: #6fcaca;
    text-align: center;
    color: #383838;
}
.content_table td{
    padding: 0 5px;
}
.content_table p{
    margin:0;
}
/*--暫時用-----*/
#content_block .content_title .title {
    font-weight: normal;
	font-size: 3.5rem;
    color: #333;
    border-bottom: 1px solid #004753;
}
#content_block .col-md-9>table .T94E {
    color: #009a9a;    
	font-size: 23px;
    left: 0;
    top: -22px;
}
#content_block .col-md-9>table table .T94E {
    color:inherit;
    font-size: 15px;
    left: 0;
    top: 0px;
}
#content_block .T94E>strong{
    color: #009a9a;    
	font-size: 21px;
    left: 0;
    top: -22px;
	font-family: Microsoft JhengHei;
}
#content_block .T84{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
	    font-size: 1.5rem;
}
#jmailmsg{
    background-color: #018094;
    color: white;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
}
