/* navigator bar */

body{
	padding: 0 0;
	margin: 0 0;
	/*background: url(texture/background.svg) no-repeat center;*/
	/*z-index: 0;*/
	/*font-family: "文泉驛微米黑","cwTeXHei","微軟正黑體",sans-serif;*/
}



/* introduction content*/
/*課程介紹*/
.content_title{
	padding-top: 30px;
	text-align: center;
	font-size: 22px;
	color: #00090C;
	font-weight: 900;
	margin-bottom: 0px;
}
/*summer school課程表*/
.content_subtitle{
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #C7C7C7;
	margin-top: 5px;
}

/*課程按鈕大小設定*/
/*C type*/
.color_box{
	color: white;
	width: 250px;
	height: 250px;
	z-index: 1;
	cursor: pointer;
	vertical-align:top;
}

/* A type
.color_box{
	color: white;
	width: 250px;
	height: 340px;
	z-index: 1;
}
*/

/* each day color box*/

.center_align{
	text-align: center;
	padding-left: 0px;
}

/*設定按鈕的陰影*/
.center_align li{
	box-shadow: 7px 7px 7px #888888;
}

/*一整列課程按鈕*/
.row{
	display: inline-block;
	margin: 10px 2.2% 10px 2.2%;
}

/*當日主題名稱*/
.subject{
	width: 250px;
	height: 80px;
	margin: -5px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/*
.subject{
	width: 250px;
	height: 120px;
	margin: 70px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
}
*/

/*按鈕最下方*/
.box_footer{
	width: 250px;
	height: 15px;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bolder;
	background-color: black;
	opacity: 0.4;
}

/*
.box_footer{
	width: 250px;
	height: 15px;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bolder;
	background-color: black;
	opacity: 0.5;
}
*/

/*課程按鈕---day?*/
.color_box h1{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	font-size: 45px;
	text-shadow:1.25px 1.25px 1.25px #888888;
	text-align: left;
}

/*課程主題名稱*/
.color_box .subject h1{
	margin-top: 0px;
	padding-top:6px;
	padding-left: 30px;
	line-height: 35px;
	font-size: 30px;
}

/*課程按鈕---日期*/
.color_box h2{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
	font-size: 30px;
	text-align: left;
}

.color_box div:nth-child(1){
	width: 250px;
	height: 65px;
	margin: 25px 0px 0px 0px;
	padding-left: 30px;
}

.color_box div:nth-child(2){
	width:250px;
	height: 65px;
	margin: 5px 0px 0px 0px;
	padding-left: 30px;
}

/*.day 為整塊課程日期按鈕的底色*/
/*.subject 為當日主題區塊的背景色*/
.day1_btn{
	background-color: #BF463A;
}

.day1_btn .subject{
	background-color: #ED9188;
}

.day2_btn{
	background-color: #CC6600;
}

.day2_btn .subject{
	background-color: #DD8E4E;
}

.day3_btn{
	background-color: #DDB01F;
}

.day3_btn .subject{
	background-color: #E0CE77;
}

.day4_btn{
	background-color: #6A9140;
}

.day4_btn .subject{
	background-color: #A1CC5C;
}

.day5_btn{
	background-color: #0EA084;
}

.day5_btn .subject{
	background-color: #4DBC8A;
}

.day6_btn{
	background-color: #1EAAC1;
}

.day6_btn .subject{
	background-color: #69C0CC;
}

.day7_btn{
	background-color: #0D75A3;
}

.day7_btn .subject{
	background-color: #2B9AC1;
}

.day8_btn{
	background-color: #343D93;
}

.day8_btn .subject{
	background-color: #2E75BC;
}

.day9_btn{
	background-color: #5E3EAD;
}

.day9_btn .subject{
	background-color: #785CC6;
}

/*按鈕按下之後會顯示當日課程*/

.tri{
	height: 12px;
	width: 22px;
	background-color: #0D75A3;
	margin-bottom: 0px;
	-webkit-clip-path: polygon(50% 0%, 0 100%, 100% 100%);
}

.introduction_box{
	width: 100%;
	height: 360px;
	background-color: #0D75A3;
	box-shadow: 7px 7px 7px #888888;
	/*-webkit-clip-path: polygon(0 10px,19% 10px,20% 0px,21% 10px,100% 10px,100% 100%,0 100%);*/
}

.day1_intro, .day2_intro, .day3_intro,
.day4_intro, .day5_intro, .day6_intro,
.day7_intro, .day8_intro, .day9_intro {
	margin-bottom: 12px;
}

/*不同天的控制*/
.day1_intro{
	display: none;
}

.day1_intro .tri{
	margin-left: 21%;
}

.day2_intro{
	display: none;
}

.day2_intro .tri{
	margin-left: 48%;
}

.day3_intro{
	display: none;
}

.day3_intro .tri{
	margin-left: 79%;
}

.day4_intro{
	display: none;
}

.day4_intro .tri{
	margin-left: 21%;
}

.day5_intro{
	display: none;
}

.day5_intro .tri{
	margin-left: 48%;
}

.day6_intro{
	display: none;
}

.day6_intro .tri{
	margin-left: 79%;
}

.day7_intro{
	display: none;
}

.day7_intro .tri{
	margin-left: 21%;
}

.day8_intro{
	display: none;
}

.day8_intro .tri{
	margin-left: 48%;
}

.day9_intro{
	display: none;
}

.day9_intro .tri{
	margin-left: 79%;
}

.intro_time{
	list-style-type: none;
	color: white;
	width: 30%;
	margin-top: 0px;
	padding-top: 60px;
	padding-bottom: 30px; 
	padding-left: 12%;
	float: left;
}

.intro_time li{
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	cursor: pointer;
}

.intro_content{
	float: right;
	width: 60%;
	height: 250px;
	border-left: solid white 1px;
	margin-right: 40px;
	margin-top: 65px;
	color: white;
}

.intro_content h1{
	font-size: 30px;
	padding-left: 80px;
	padding-top: 0px;
	margin-top: 0px;
}

.intro_content h2{
	font-size: 20px;
	padding-left: 80px;
	padding-top: 0px;
	opacity: 0.8;
	color: #C7C6C6;
}

.intro_content p{
	font-size: 16px;
	padding-left: 80px;
	padding-right: 40px;
	padding-top: 0px;
	opacity: 0.8;
	line-height: 20px;
}

.intro_content h4{
	padding-left: 80px;
	padding-top: 0px;
	color: #D17C4C;
	font-weight: 500;
}

/*每天不同時段的資訊*/
.day1_0930{ display: block;}
.day1_1030{	display: none;}
.day1_1230{	display: none;}
.day1_1330{ display: none;}
.day1_1530{ display: none;}
.day2_0930{ display: block;}
.day2_1230{ display: none;}
.day2_1330{ display: none;}
.day2_1530{ display: none;}
.day3_0930{ display: block;}
.day3_1230{ display: none;}
.day3_1330{ display: none;}
.day3_1530{ display: none;}
.day4_0930{ display: block;}
.day4_1230{ display: none;}
.day4_1330{ display: none;}
.day4_1530{ display: none;}
.day5_0930{ display: block;}
.day5_1230{ display: none;}
.day5_1330{ display: none;}
.day5_1630{ display: none;}
.day6_0930{ display: block;}
.day6_1230{ display: none;}
.day6_1330{ display: none;}
.day6_1630{ display: none;}
.day7_0930{ display: block;}
.day7_1230{ display: none;}
.day7_1330{ display: none;}
.day7_1630{ display: none;}
.day8_0930{ display: block;}
.day8_1230{ display: none;}
.day8_1330{ display: none;}
.day8_1630{ display: none;}
.day9_0930{ display: block;}
.day9_1230{ display: none;}
.day9_1330{ display: none;}
.day9_1630{ display: none;}


/*右手邊的立即報名與回到top*/

.gate p{
	padding-left: 15px;
	font-size: 15px;
}

.goto_top {
	display: none;
}

.goto_top p{
	padding-top: 9px;
	padding-left: 15px;
}