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

body{
	font-family:微軟正黑體;
	color:#272727;}

.container, .col-md-12{
	padding-left:0;
	padding-right:0;
	min-width:100%;}
	
.row{margin:20px 0;}	

/*-----------block 2----------------*/	
.process{
	padding:10px 10px;}

.process h3{
	color:#056e9b;
	font-weight:bold;}
	
.experience{
	padding:0 10px;
	margin:0 auto;
	border:1px solid #d7d7d7;
	width:98%;
	font-size:16px;
	font-weight:bold;}
	
.experience h3{
	color:#c40009;
	font-weight:bold;}	

.notice{
	padding:3px 1px;
	margin:5px;
	font-size:16px;
	font-weight:bold;
	background:#C00;
	color:#fff;
	text-align:center;}
	
.notice_content	{
	padding:3px 1px;
	margin:5px;}
	
.ribbon{
	width:291px;
	height:79px;
	background:url(../images/ribbon.png) no-repeat;
	color:#fff;
	padding:;
	font-size:16px;
	font-weight:bold;
	margin:0 auto;}	

.experienceth{
	padding:15px 0 15px 25px;
	background:url(../images/redbrush.png) left center no-repeat;
	color:#ffffff;
	width:130px;
	height:51px;}
	
.directline{
	margin:10px auto;}	
	
.note{
	background:#d6d6d6;
	color:#001977;
	font-style:italic;
	margin:0 auto 10px auto;
	font-size:16px;
	padding:10px;}	
	
.note ul li{
	padding:5px 0;}
	
.remark{
	font-size:14px;
	color:#272727;
	padding-top:20px;
	font-style:normal;}	
	
/*-----------block 3----------------*/	
	
#character{
	margin:20px auto;
	background:url(../images/background.png) no-repeat;
	background-size:cover;
	padding:20px;}	
	
.character-title{
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	z-index:99;
	position:relative;
	float:left;
	bottom:35px;
	font-size:20px;}	
	
.character{
	background-size:contain;
	width:100%;
	min-height:270px;
	position:relative;
	float:left;}

.character-1{
	background:url(../images/character-1.png) center center no-repeat;}

.character-2{
	background:url(../images/character-2.png) center center no-repeat;}
	
.character-3{
	background:url(../images/character-3.png) center center no-repeat;}
	
.character-4{
	background:url(../images/character-4.png) center center no-repeat;}		

.fearless{
	margin:10px auto;}
	
h3.infection0{
	color:#056e9b;
	font-weight:bold;
	text-decoration:underline;
	position:relative;
	left:5%;
	margin:10px 0;}
	
.infection{
	background-size:contain;
	width:100%;
	min-height:320px;
	position:relative;
	float:left;}

.infection-1{
	background:url(../images/infection-1.png) center center no-repeat;}

.infection-2{
	background:url(../images/infection-2.png) center center no-repeat;}
	
.infection-3{
	background:url(../images/infection-3.png) center center no-repeat;}
	
.infection-title{
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	z-index:99;
	position:relative;
	float:left;
	bottom:120px;
	font-size:20px;}	
	
/*-----------footer----------------*/		
#footer{
	padding:10px;}
	
.twc{
	font-weight:bold;
	display:inline;}	
	
.copyright{
	font-size:12px;}
	
.report{
	font-size:16px;
	font-weight:bold;}		
	
/*-----------registration----------------*/			

.modal-header{
	background:url(../images/reservation.png) left top no-repeat;
	background-size:cover;
	height:90px;}

.modal-title{
	color:#056e9b;
	font-weight:bold;}

#registable table{
	width:90%;
	margin:0 auto;}
	
#registable td{
	padding:5px;}	
	
#registable th{
	text-align:right;
	color:#056e9b;
	padding-right:10px;
	min-width:70px;}		
	
#registable select{
	padding:1px 0 2px 0;}