@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(font-awesome/css/font-awesome.min.css);
@import url(rwdgrid.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body{
	background:url(../images/bg.jpg) fixed;
	font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;
	}

/*css3*/
a{
	cursor:pointer;
	color:#bd3d39;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

a:hover{
	color:#49256D;}

[class*='col-'] {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}


.outerWrap{
	position:relative;}

.wrap{
	width:1280px;
	margin:0 auto;}

/*****網頁頭*****/
header{
	width:100%;
	position:fixed;
	background:#fff; 
	border-top:3px solid #9D2E8D;
	top:0;
	left:0;
	z-index:101;
	transition:all 0.4s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow:0 2px 5px rgba(126, 126, 126, 0.68);
}
header .wrap{
	max-width:1280px;
	margin:0 auto;
	padding:0px;
	position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	
	}

/*logo*/


header  .logo{
	display:inline-block;
	float:left;
}

header .Img{
	max-width:100%;
	height:auto;}
	
header  .logo_word{
font-size:30px; 
line-height:110px;
font-weight:bold;
color:#5F308E; }	


/*頁尾資訊*/
footer{padding:30px 0px;}

footer .wrap{
	width:100%;}
footer .copyright{ text-align:center; font-size:18px;font-weight:normal;}	

	
/*********內頁**********/
/**********************/

.mainArea{padding:150px 0 50px 0;}
.day{font-size:22px; text-align:center; font-weight:bold;color:#5F308E;}
.purpleBox{background:#B19FE9; padding:20px; border-radius:20px; margin:10px 0 20px 0;}
.tiffanyBox{background:#4AD5DC; padding:20px; border-radius:20px; margin:10px 0 20px 0;}
.pinkBox{background:#FAB1C6; padding:20px; border-radius:20px; margin:10px 0 20px 0;}
.orgBox{background:#36C28E; padding:20px; border-radius:20px; margin:10px 0 20px 0;}

.mainArea .titleBox{
	position:relative;
	margin-bottom:20px;}

.mainArea .titleBox h2{
	margin-bottom:15px;
	font-size: 36px;
	color: #fff;
	text-align:center;
	letter-spacing:10px;}

.mainArea .titleBox h2 strong{
	font-weight:normal;}

.mainArea .titleBox h2 span{float:right; background:#fff; border-radius:50em; color:#FF3399; font-size:32px; padding:3px 15px;}

.doctor{background:#fff; border-radius:20px;padding:10px; color:#49256D; text-align:center; margin-bottom:10px;}
.doctor h3{font-size:40px; letter-spacing:8px;}
.doctor h3 span{font-size:30px; }
.nurse{ text-align:right; color:#fff; font-size:36px; padding-right:36px; }

.numberBox{ background:#E2D9FD;  text-align:center; border-radius:20px 20px 0 0;  }
.numberBox h1{font-family:Arial, Helvetica, sans-serif; color:#49256D;font-size:30px;}

.numberBox2{ background:#C9FBFA;  text-align:center; border-radius:20px 20px 0 0; }
.numberBox2 h1{font-family:Arial, Helvetica, sans-serif; color:#0ABBB5;font-size:60px;}

.numberBox3{ background:#FDD9E3;  text-align:center; border-radius:20px 20px 0 0; }
.numberBox3 h1{font-family:Arial, Helvetica, sans-serif; color:#F0289B;font-size:60px;}

.numberBox4{ background:#A7E7CF;  text-align:center; border-radius:20px 20px 0 0; }
.numberBox4 h1{font-family:Arial, Helvetica, sans-serif; color:#096;font-size:60px;}


.doctor2{background:#fff; border-radius:20px;padding:10px; color:#49256D; text-align:center; margin-bottom:10px;}
.doctor2 h4{font-size:60px; letter-spacing:8px; float:left;}
.doctor2 h4 span{font-size:30px; display:block; }

.numberBox_s{ background:#E2D9FD;  text-align:center; border-radius:50em; float:right;padding:15px; }
.numberBox_s h1{font-family:Arial, Helvetica, sans-serif; color:#49256D;font-size:80px; line-height:150px;}
.numberBox_s h3{font-size:18px;}

.numberBox2_s{ background:#C9FBFA;  text-align:center; border-radius:50em; float:right;padding:15px; }
.numberBox2_s h1{font-family:Arial, Helvetica, sans-serif; color:#0ABBB5;font-size:80px; line-height:150px;}
.numberBox2_s h3{font-size:18px;}


.numberBox3_s{ background:#FDD9E3;  text-align:center; border-radius:50em; float:right;padding:15px; }
.numberBox3_s h1{font-family:Arial, Helvetica, sans-serif; color:#F0289B;font-size:80px; line-height:150px;}
.numberBox3_s h3{font-size:18px;}

.numberBox4_s{ background:#A7E7CF;  text-align:center; border-radius:50em; float:right;padding:15px; }
.numberBox4_s h1{font-family:Arial, Helvetica, sans-serif; color:#096;font-size:80px; line-height:150px;}
.numberBox4_s h3{font-size:18px;}

.mainArea .contentBox{
	clear:both;}


/*文字編輯器*/
.textEditor{
	clear:both;
	font-size:16px;
	color:#2f2f2f;
	line-height:1.8;}

.textEditor h3{
	/*background:url(../images/bg_title.png) #FFF;*/
	font-size:26px;
	border-left: 4px solid #753eaf;
    padding-left: 8px;}

.textEditor h3 strong{
	display:inline-block;
	padding:0 8px 0 0;
	background:#FFF;}

.textEditor a{
	color:#06F;}

.textEditor img{
	max-width:100%;}

.textEditor ul{
	list-style:disc outside;
	padding-left:30px;}

.textEditor ol{
	list-style:decimal outside;
	padding-left:30px;}

.textEditor table{
	width:100%;
	border-collapse:collapse;}
.textEditor table th{
	padding:5px;
	border-bottom:2px solid #2B2B2B;}
.textEditor table td{
	padding:5px;
	border-bottom:1px solid #B0B0B0;}

.ptable{ width:100%; border-collapse:collapse;}
.ptable th{background:#8E73DF; font-size:36px; text-align:center; color:#fff; font-weight:bold; letter-spacing:10px; line-height:50px;}
.ptable td{font-size:35px; font-weight:bold; color:#111; text-align:center;padding:5px; vertical-align:middle}
.ptable tr:nth-of-type(even) {background: #fff;}
.ptable tr:nth-child(odd) { background: #F1ECFE;}

.gtable{ width:100%; border-collapse:collapse;}
.gtable th{background:#6ADBD9; font-size:28px; text-align:center; color:#fff; font-weight:bold; letter-spacing:10px; line-height:50px;}
.gtable td{font-size:35px; font-weight:bold; color:#111; text-align:center;padding:5px; vertical-align:middle}
.gtable tr:nth-child(even) {background: #fff;}
.gtable tr:nth-child(odd) { background: #C9FBFA}

.g2table{ width:100%; border-collapse:collapse;}
.g2table th{background:#28936B; font-size:28px; text-align:center; color:#fff; font-weight:bold; letter-spacing:10px; line-height:50px;}
.g2table td{font-size:35px; font-weight:bold; color:#111; text-align:center;padding:5px; vertical-align:middle}
.g2table tr:nth-child(even) {background: #fff;}
.g2table tr:nth-child(odd) { background: #DCF5EC}

.pinktable{ width:100%; border-collapse:collapse;}
.pinktable th{background:#F24075; font-size:28px; text-align:center; color:#fff; font-weight:bold; letter-spacing:10px; line-height:50px;}
.pinktable td{font-size:35px; font-weight:bold; color:#111; text-align:center;padding:5px; vertical-align:middle}
.pinktable tr:nth-child(even) {background: #fff;}
.pinktable tr:nth-child(odd) { background: #FDDFE8}
 
 .mv{ text-align:center; margin:10px; border-radius:20px;}
 iframe{max-width:100%; height:480px}
 
.textEditor hr{
	border:none;
	height:1px;
	background:#f1f1f1;}



/**********適應性**********/
/************************/

@media (max-width: 1180px){/*1160+20(卷軸寬度)*/

.outerWrap{
	padding-top:110px;}

.wrap{
	width:100%;
	padding:0 20px;}

.mainArea{
	padding:50px 0;}
	

}


@media (max-width: 768px){

.outerWrap{
	padding-top:70px;}

.mainArea{}

.mainArea .wrap{
	padding:0 10px;}

}

/*640*/
@media (max-width: 640px){
	
header  .logo_word{
font-size:64px; 
line-height:60px;
color:#5F308E; }



iframe{max-width:100%; height:360px}

}

/*480*/
@media (max-width: 480px){
.outerWrap{
	padding-top:60px;}
	
.mainArea .titleBox h2{
	margin-bottom:15px;
	font-size: 36px;
	color: #fff;
	text-align:center;
	letter-spacing:10px;}
	
.mainArea .titleBox h2 span{float:right; background:#fff; border-radius:50em; color:#FF3399; font-size:30px; padding:3px 10px; }

header  .logo_word{
font-size:32px; 
line-height:48px;
color:#5F308E; }

.doctor h3 span{font-size:30px; }	
.doctor h3{font-size:48px;}
.nurse{ text-align:center; font-size:24px; padding-right:0; }

footer .copyright{ text-align:center; font-size:16px; font-weight:normal; letter-spacing:1px}	

}

/*360px*/
@media (max-width: 360px){
.outerWrap{
	padding-top:50px;}

.wrap{
	width:100%;
	padding:0px;}
	
.mainArea .wrap{
	padding:0 5px;}
	
header .wrap{
	position:relative;
	width:100%;
	padding:0px;}
		
.mainArea .titleBox h2 span{float:none; background:#fff; border-radius:50em; color:#FF3399; font-size:30px; padding:3px 10px; display:block; }
.doctor h3 span{font-size:25px; }	
.doctor h3{font-size:42px; letter-spacing:5px}
.numberBox h1{font-size:100px;}
.numberBox2 h1{font-size:100px;}
.numberBox3 h1{font-size:100px;}
.numberBox4 h1{font-size:100px;}


.ptable th{font-size:25px; line-height:36px; letter-spacing:5px}
.ptable td{font-size:25px; }

.gtable th{font-size:25px; line-height:36px; letter-spacing:5px}
.gtable td{font-size:25px; }
 iframe{max-width:100%; height:240px}
footer .copyright{ text-align:center; font-size:13px; font-weight:normal; letter-spacing:1px}	

}