@charset "utf-8";
/* CSS Document */
/*第9回css
**********************/
body{
  min-width:1150px;
  position: relative;
	font-weight: 400;
}
#main {
  background: url(/image/global/science-edu/micro_zh-TW/content10/index_01.png) #eee repeat left top;
  font-family: "微软雅黑","宋体","Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#main * {
  box-sizing: border-box;
}
#main.index .content-wrap{
	padding-bottom: 80px;
}
.bold{
	font-weight: bold;
}
[data-ruby]{
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -0.8em;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.5em;
	line-height: 100%;
	white-space: nowrap;
}

/*--タイトル--*/
#main.index #pageTitle {
  margin-top: 75px;
  margin-bottom: 40px;
}
#main.index #pageTitle p.label {
  background: #E60027;
  color: #FFF;
  font-size: 13px;
  display: inline-block;
  border-radius: 50px;
  padding: 3px 15px;
  text-align: center;
  min-width: 68px;
  margin-bottom: 8px;
}
#main.index #pageTitle div p {
  font-size: 32px;
	letter-spacing: 0.08em;
}
#main.index #pageTitle div p p ruby rt{
  line-height: 0.8;
}

/* 「カビ」ってなんだろう？ */
#aboutCont{
	display: block;
	width: 100%;
	border: #3eabe2 solid 4px;
	border-radius: 15px;
	background: #FFF;
	margin-bottom: 30px;
}
#aboutCont h2{
	display: block;
	width: 100%;
	padding: 14px 0;
	text-align: center;
	background: url("/image/global/science-edu/micro_zh-TW/content10/index_02.png") #3caae1 repeat center center;
}
#aboutCont h2:first-child{
	border-radius: 10px 10px 0 0;
}
#aboutCont .cont{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	padding: 30px 40px;
}
#aboutCont .cont p{
	width: 690px;
	font-size: 16px;
	line-height: 1.8;
}
#aboutCont .cont figure{
	display: block;
	margin: 0;
	width: 300px;
	text-align: center;
}


/* 中見出し */
#missionTitle{
	display: block;
	width: 836px;
	height: 134px;
	margin: 0 auto 10px auto;
	text-align: center;
	color: #1d5900;
	font-size: 13px;
	padding-top: 83px;
	padding-right: 6px;
	background: url("/image/global/science-edu/micro_zh-TW/content10/index_07.png") no-repeat center top;
}
#missionTitle h2{
	background: none;
	line-height: 100%;
}
#missionTitle h2 rt {
	display: none;
}


/* イラスト */
#missionIllust{
	height: 640px;
	margin-bottom: 30px;
	position: relative;
}
#missionIllust h3{
	display: block;
	width: 974px;
	height: 163px;
	margin: 0 auto ;
	text-align: left;
	color: #7e2b07;
	font-size: 15px;
	padding: 59px 0 0 135px;
	line-height: 170%;
	background: url("/image/global/science-edu/micro_zh-TW/content10/index_08.png") no-repeat center top;
	position: relative;
	z-index: 2;
}
#missionIllust h3 rt {
    display: none;
}
#missionIllust .illustBg{
	display: block;
	width: 1100px;
	height: 548px;
	background: url("/image/global/science-edu/micro_zh-TW/content10/index_09.png") no-repeat center top;
	position: absolute;
	top: 90px;
	left: 0;
}
#missionIllust .illustBg .modalKey{
	position: absolute;
	cursor: pointer;
}
#missionIllust .illustBg .modalKey:hover{
	opacity: 0.65;
	transition:all 0.3s ease;
}
#missionIllust .illustBg .modalKey:not(.on) img:nth-child(2){
	display: none;
}
#missionIllust .illustBg .modalKey.on img:nth-child(1){
	display: none;
}
#missionIllust .illustBg .modalKey#m1{
	top: 130px;
	right: 80px;
	animation: fuwa 2s 0s infinite alternate;
}
#missionIllust .illustBg .modalKey#m2{
	top: 195px;
	right: 285px;
	animation: fuwa 2.5s .5s infinite alternate-reverse;
}
#missionIllust .illustBg .modalKey#m3{
	top: 245px;
	left: 290px;
	animation: fuwa 2.5s .3s infinite alternate;
}
#missionIllust .illustBg .modalKey#m4{
	top: 100px;
	right: 520px;
	animation: fuwa 2.8s .5s infinite alternate;
}
#missionIllust .illustBg .modalKey#m5{
	top: 210px;
	right: 460px;
	animation: fuwa 2.8s .2s infinite alternate;
}
#missionIllust .illustBg .modalKey#m6{
	top: 123px;
	right: 256px;
	animation: fuwa 2.3s .2s infinite alternate-reverse;
}
#missionIllust .illustBg .modalKey#m7{
	top: 130px;
	left: 310px;
	animation: fuwa 2.6s 0s infinite alternate-reverse;
}
@keyframes fuwa {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}

/* ボタン */
#nextBtn{
	display: block;
	text-align: center;
}
#nextBtn button{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #e60027;
	border-radius: 28px;
	cursor: pointer;
}
#nextBtn button:hover{
	background-color: #ef5a73;
	transition:all 0.3s ease;
}
#nextBtn button i{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url("/image/global/science-edu/micro_zh-TW/content10/index_17.png") no-repeat center center;
}
#nextBtn button:hover i{
	opacity: 0.75;
	transition:all 0.3s ease;
}
#nextBtn button span{
	display: inline-block;
	width: 260px;
	font-size: 24px;
}
#nextBtn button span rt{
	display: none;
}

/* modal */
.modal{
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1100;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
.modal .modalBg{
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1100;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	background: rgba(0,0,0,0.8);
}
.modal .modalCont{
	display: block;
	width: 900px;
	height: 520px;
	padding: 16px 16px 30px 16px;
	border: #3eabe2 solid 3px;
	background: #FFF;
	border-radius:  20px;
	box-sizing: border-box;
	z-index: 1200;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -260px;
}
.modal.ani .modalCont{
	animation: bounce2 .5s ease 0s 1 normal forwards;
}
@keyframes bounce2 {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(.95);
  }
  75% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
.modal .modalCont .parts1{
	display: inline-block;
	position: absolute;
	top: -45px;
	left: -13px;
}
.modal .modalCont .parts2{
	display: inline-block;
	position: absolute;
	right: -20px;
	bottom: -30px;
}
.modal .modalCont .closeKey{
	display: block;
	text-align: right;
	cursor: pointer;
	margin-bottom: 20px;
}
.modal .modalCont .closeKey:hover{
	opacity: 0.65;
	transition:all 0.3s ease;
}
.modal .modalCont .modalParts{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 80px;
	box-sizing: border-box;
}
.modal .modalCont .modalParts .scrollWrap{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	max-height: 330px;
	min-height: 300px;
	overflow-y: scroll;
}
.modal .modalCont .modalParts .scrollWrap .textWrap{
	max-width: calc(100% - 380px);
	padding-left: 30px;
}
.modal .modalCont .modalParts#m3_parts .scrollWrap .textWrap,
.modal .modalCont .modalParts#m6_parts .scrollWrap .textWrap{
	padding-top: 20px;
}
.modal .modalCont .modalParts .scrollWrap .textWrap h3{
	display: block;
	font-size: 26px;
	padding-left: 30px;
	margin-bottom: 20px;
	background: url("/image/global/science-edu/micro_zh-TW/content10/index_18.png") no-repeat left top 3px;
}
.modal .modalCont .modalParts .scrollWrap .textWrap h3 rt{
	display: none;
}
.modal .modalCont .modalParts .scrollWrap .textWrap h3 small{
	font-size: 14px;
	color: #FF0000;
	margin-left: 1em;
	font-family: 'Noto Sans JP', sans-serif;
}
#main.index .modal .modalCont .modalParts .scrollWrap .textWrap p{
	display: block;
	font-size: 14px;
	line-height: 1.8;
}
.modal .modalCont .modalParts .scrollWrap figure{
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 30px 0 0;
}
.modal .modalCont .modalParts .scrollWrap figure img{
	margin-top: 20px;
}
.modal .modalCont .modalParts .scrollWrap figure img:first-child{
	margin-top: 0;
}
.modal .modalCont .modalParts#m7_parts .scrollWrap{
	display: block;
}
.modal .modalCont .modalParts#m7_parts  .scrollWrap .textWrap{
	max-width: 100%;
	margin-bottom: 20px;
}
.modal .modalCont .modalParts#m7_parts  .scrollWrap figure{
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
}
.modal .modalCont .modalParts#m7_parts  .scrollWrap figure img{
	margin-top: 0;
	margin-bottom: 20px;
}
.modal .modalCont .modalParts#m7_parts  .scrollWrap figure img:nth-child(2n){
	margin-left: 20px;
}
.modal .modalCont .modalParts .btnWrap{
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.modal .modalCont .modalParts .btnWrap button{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	border: none;
	width: 100%;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #e60027;
	border-radius: 28px;
	cursor: pointer;
	transition : all 500ms;
}
.modal .modalCont .modalParts .btnWrap button:not(.active):hover{
	opacity: 0.65;
}
.modal .modalCont .modalParts .btnWrap button i{
	display: inline-block;
	width: 38px;
	height: 38px;
	background: url("/image/global/science-edu/micro_zh-TW/content10/index_21.png") no-repeat center center;
}
.modal .modalCont .modalParts .btnWrap button span{
	display: inline-block;
	width: 220px;
	font-size: 21px;
}
.modal .modalCont .modalParts .btnWrap button.active{
	background: #AAA;
	cursor: default;
	pointer-events: none;
}
.modal .modalCont .modalParts .btnWrap button.active i{
	background-image: url("/image/global/science-edu/micro_zh-TW/content10/index_23.png");
}
.modal .modalCont .modalParts .btnWrap button.ani{
	animation: bounce .8s ease 0s 1 normal forwards;
}
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(.95);
  }
  75% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.alert{
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1100;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
.alert .alertBg{
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1100;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	background: rgba(0,0,0,0.8);
}	
.alert .alertCont{
	display: block;
	width: 400px;
	height: 180px;
	padding: 16px;
	border: #3eabe2 solid 3px;
	background: #FFF;
	border-radius:  20px;
	box-sizing: border-box;
	z-index: 1200;
	position: fixed;
	top: 50%;
	left: 50%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-left: -200px;
	margin-top: -90px;
}
.alert .alertCont{
}
.alert .alertCont .alertCloseKey{
	display: block;
	text-align: right;
	cursor: pointer;
	margin-bottom: 10px;
}
.alert .alertCont .alertCloseKey:hover{
	opacity: 0.65;
	transition:all 0.3s ease;
}

/* -- レポート選択画面 ------------ */
#reportSelectCont{
	display: block;
	width: 100%;
	border: #5ec02e solid 4px;
	border-radius: 15px;
	background: #FFF;
	margin-bottom: 30px;
	padding-bottom: 40px;
}
#reportSelectCont h2{
	display: block;
	width: 100%;
	padding: 14px 0;
	text-align: center;
	border-radius: 10px 10px 0 0;
	background: url("/image/global/science-edu/micro_zh-TW/content10/report_01.png") #5ec02e repeat center top;
}
#main.index #reportSelectCont p{
	text-align: center;
	font-size: 16px;
	line-height: 1.8;
	padding-top: 25px;
	padding-bottom: 35px;
}
#reportSelectCont ul#selectLink{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 38px;
}
#reportSelectCont ul#selectLink li{
	display: block;
	width: 276px;
	position: relative;
	margin-right: 28px;
	cursor: pointer;
}
#reportSelectCont ul#selectLink li:nth-child(1){
	border: #badaab solid 5px;
}
#reportSelectCont ul#selectLink li:nth-child(2){
	border: #f3b3ad solid 5px;
}
#reportSelectCont ul#selectLink li:nth-child(3){
	border: #f8c16a solid 5px;
	margin-right: 0;
}
#reportSelectCont ul#selectLink li:not(.active):hover{
	opacity: 0.65;
	transition:all 0.3s ease;
}
#reportSelectCont ul#selectLink li i{
	display: block;
	width: 52px;
	height: 52px;
	position: absolute;
	top: -23px;
	left: -23px;
	background: url("/image/global/science-edu/micro_zh-TW/content10/report_05.png") no-repeat center center;
	z-index: 2;
}
#reportSelectCont ul#selectLink li.active{
	border-color: #e60027;
}
#reportSelectCont ul#selectLink li.active i{
	background-image: url("/image/global/science-edu/micro_zh-TW/content10/report_06.png");
}
#reportSelectCont #selectBtnWrap{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
}
#reportSelectCont #selectBtnWrap button{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	border: none;
	width: 100%;
	max-width: 280px;
	border-radius: 28px;
	font-size: 21px;
	text-decoration: none;
	padding: 8px;
	color: #FFF;
	cursor: pointer;
}
#reportSelectCont #selectBtnWrap button:hover{
	opacity: 0.65;
	transition:all 0.3s ease;
}
#reportSelectCont #selectBtnWrap button i{
	display: inline-block;
	width: 38px;
	height: 38px;
}
#reportSelectCont #selectBtnWrap button span{
	display: inline-block;
	width: 220px;
	text-align: center;
}
#reportSelectCont #selectBtnWrap button#runBtn{
	margin-right: 20px;
	background: #e60027;
}
#reportSelectCont #selectBtnWrap button#runBtn i{
	background: url("/image/global/science-edu/micro_zh-TW/content10/report_03.png") no-repeat center center;
}
#reportSelectCont #selectBtnWrap button#runBtn rt{
	display: none;
}
#reportSelectCont #selectBtnWrap button#resetSession{
	background: #727171;
}
#reportSelectCont #selectBtnWrap button#resetSession i{
	background: url("/image/global/science-edu/micro_zh-TW/content10/report_04.png") no-repeat center center;
}
#reportSelectCont #selectBtnWrap button#resetSession rt{
	display: none;
}

/* -- レポートプリント画面 ------------ */
#printTitle{
	display: block;
	margin-top: 75px;
	margin-bottom: 30px;
	height: 110px;
	text-align: center;
	color: #7e2b07;
	font-size: 16px;
	background: url("/image/global/science-edu/micro_zh-TW/content10/print_01.png") no-repeat center top;
	padding: 63px 0 0 0;
	border-radius: 20px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
	box-sizing: border-box;
}
.template{
	display: block;
	background: #FFF;
	border: #DDD solid 4px;
	padding: 50px 65px;
	box-sizing: border-box;
}
.template .mainTitle{
	display: none;
	text-align: center;
}
.template .kabiWrap{
	position: relative;
}
.template .kabiWrap .textWrap{
	display: block;
	width: 560px;
}
.template .kabiWrap.m7_wrap .textWrap{
	width: 100%;
	margin-bottom: 20px;
}
.template .kabiWrap .title{
	display: block;
	font-size: 26px;
	margin-bottom: 12px;
}
.template .kabiWrap .title::before{
	vertical-align: middle;
	margin-right: 0.4em;
	margin-bottom: 4pc;
}
.template .kabiWrap .title rt{
	display: none;
}
.template .kabiWrap .title small{
	font-size: 14px;
	color: #FF0000;
	margin-left: 1em;
	font-family: 'Noto Sans JP', sans-serif;
}
.template .kabiWrap .place,
.template .kabiWrap .time{
	display: block;
	font-size: 14px;
	line-height: 100%;
	margin-bottom: 0;
}
.template .kabiWrap .place{
	margin-bottom: 8px;
}
.template .kabiWrap .place::before,
.template .kabiWrap .time::before{
	vertical-align: middle;
	margin-right: 0.8em;
	margin-bottom: 2px;
}
.template .kabiWrap .text{
	display: block;
	font-size: 14px;
	padding-top: 12px;
	line-height: 1.8;
}
.template .kabiWrap .img{
	display: block;
	width: 300px;
}
.template .kabiWrap.m7_wrap .img{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	padding-left: 120px;
	padding-right: 120px;
}
.template .kabiWrap.m7_wrap .img img{
	margin: 5px;
}
.template .kabiWrap.left .textWrap{
	float: right;
}
.template .kabiWrap.left .img{
	float: left;
}
.template .kabiWrap.right .textWrap{
	float: left;
}
.template .kabiWrap.right .img{
	float: right;
}
.template .kabiWrap .clear{
	display: block;
	width: 100%;
	height: 40px;
	clear: both;
}
.template .endCatch{
	display: block;
	text-align: center;
	font-size: 24px;
	margin-top: 40px;
	line-height: 1.5;
}

.template#type1 .mainTitle.type1{
	display: block;
}
.template#type1 .kabiWrap{
	display: block;
	border: #5ec02e solid 4px;
	box-sizing: border-box;
	border-radius: 12px;
	padding: 25px 30px;
	margin-top: 20px;
}
.template#type1 .kabiWrap::after{
	content: "";
	display: block;
	clear: both;
}
.template#type1 .kabiWrap .title:before{
	content: url(/image/global/science-edu/micro_zh-TW/content10/print_03.png);
}
.template#type1 .kabiWrap .place,
.template#type1 .kabiWrap .time{
	color: #2d8104;
}
.template#type1 .kabiWrap .place:before{
	content: url(/image/global/science-edu/micro_zh-TW/content10/print_04.png);
}
.template#type1 .kabiWrap .time:before{
	content: url(/image/global/science-edu/micro_zh-TW/content10/print_05.png);
}
.template#type1 .endCatch{
	color: #2d8104;
}

.template#type2 .mainTitle.type2{
	display: block;
}
.template#type2 .kabiWrap{
	display: block;
	width: calc(100% - 10px);
	box-sizing: border-box;
	margin-top: 20px;
	box-shadow: 10px 10px 0 #b4b4b4; 
}
.template#type2 .kabiWrap.left::before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_10.png");
	position: absolute;
	left: 21px;
	top: -16px;
}
.template#type2 .kabiWrap.right::before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_09.png");
	position: absolute;
	right: 21px;
	top: -16px;
}
.template#type2 .kabiWrap .colorSet{
	display: block;
	width: 100%;
	padding: 25px 30px;
	box-sizing: border-box;
}
.template#type2 .kabiWrap.color1 .colorSet{
	border: #eb8077 solid 6px;
}
.template#type2 .kabiWrap.color2 .colorSet{
	border: #8fbb52 solid 6px;
}
.template#type2 .kabiWrap.color3 .colorSet{
	border: #efba53 solid 6px;
}
.template#type2 .kabiWrap.color4 .colorSet{
	border: #86ade8 solid 6px;
}
.template#type2 .kabiWrap .colorSet::after{
	content: "";
	display: block;
	clear: both;
}
.template#type2 .kabiWrap.color1 .title:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_11.png");
}
.template#type2 .kabiWrap.color2 .title:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_14.png");
}
.template#type2 .kabiWrap.color3 .title:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_17.png");
}
.template#type2 .kabiWrap.color4 .title:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_20.png");
}
.template#type2 .kabiWrap.color1 .place,
.template#type2 .kabiWrap.color1 .time{
	color: #d86056;
}
.template#type2 .kabiWrap.color1 .place:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_12.png");
}
.template#type2 .kabiWrap.color1 .time:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_13.png");
}
.template#type2 .kabiWrap.color2 .place,
.template#type2 .kabiWrap.color2 .time{
	color: #2d8104;
}
.template#type2 .kabiWrap.color2 .place:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_15.png");
}
.template#type2 .kabiWrap.color2 .time:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_16.png");
}
.template#type2 .kabiWrap.color3 .place,
.template#type2 .kabiWrap.color3 .time{
	color: #ac7201;
}
.template#type2 .kabiWrap.color3 .place:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_18.png");
}
.template#type2 .kabiWrap.color3 .time:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_19.png");
}
.template#type2 .kabiWrap.color4 .place,
.template#type2 .kabiWrap.color4 .time{
	color: #3862a1;
}
.template#type2 .kabiWrap.color4 .place:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_21.png");
}
.template#type2 .kabiWrap.color4 .time:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_22.png");
}
.template#type2 .endCatch{
	color: #d86056;
}

.template#type3 .mainTitle.type3{
	display: block;
}
.template#type3 .kabiWrap{
	display: block;
	box-sizing: border-box;
	border-radius: 22px;
	margin-top: 30px;
	border: #363636 solid 2px;
}
.template#type3 .kabiWrap .colorSet{
	display: block;
	width: 100%;
	padding: 35px 30px 25px 30px;
	box-sizing: border-box;
	position: relative;
}
.template#type3 .kabiWrap .colorSet::before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_30.png");
	display: block;
	width: 912px;
	position: absolute;
	top: -8px;
	left: 22px;
}
.template#type3 .kabiWrap .colorSet::after{
	content: "";
	display: block;
	clear: both;
}
.template#type3 .kabiWrap .textWrap{
	padding-top: 5px;
}
.template#type3 .kabiWrap .title{
	margin-bottom: 5px;
}
.template#type3 .kabiWrap.right .title:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_24.png");
}
.template#type3 .kabiWrap.left .title:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_27.png");
}
.template#type3 .kabiWrap .caption{
	padding: 8px 15px;
}
.template#type3 .kabiWrap.right .caption{
	background: #fff9e5;	
}
.template#type3 .kabiWrap.left .caption{
	background: #effaff;	
}
.template#type3 .kabiWrap.right .place,
.template#type3 .kabiWrap.right .time{
	color: #cc881b;
}
.template#type3 .kabiWrap.right .place:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_25.png");
}
.template#type3 .kabiWrap.right .time:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_26.png");
}
.template#type3 .kabiWrap.left .place,
.template#type3 .kabiWrap.left .time{
	color: #205770;
}
.template#type3 .kabiWrap.left .place:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_28.png");
}
.template#type3 .kabiWrap.left .time:before{
	content: url("/image/global/science-edu/micro_zh-TW/content10/print_29.png");
}
.template#type3 .kabiWrap .text{
	padding-top: 14px;
}
.template#type3 .endCatch{
	color: #cc881b;
}

#printBtnWrap{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	margin-top: 40px;
	padding-bottom: 80px;
}
#printBtnWrap button{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	border: none;
	width: 100%;
	max-width: 280px;
	border-radius: 28px;
	font-size: 21px;
	text-decoration: none;
	padding: 8px;
	color: #FFF;
	cursor: pointer;
}
#printBtnWrap button i{
	display: inline-block;
	width: 38px;
	height: 38px;
}
#printBtnWrap button:hover i{
	opacity: 0.75;
	transition:all 0.3s ease;
}
#printBtnWrap button span{
	display: inline-block;
	width: 220px;
	text-align: center;
}
#printBtnWrap button#printBtn{
	margin-right: 20px;
	background: #e60027;
}
#printBtnWrap button#printBtn:hover{
	background-color: #ef5a73;
	transition:all 0.3s ease;
}
#printBtnWrap button#printBtn i{
	background: url("/image/global/science-edu/micro_zh-TW/content10/print_06.png") no-repeat center center;
}
#printBtnWrap button#resetSession{
	background: #727171;
}
#printBtnWrap button#resetSession:hover{
	background-color: #9A9A9A;
	transition:all 0.3s ease;
}
#printBtnWrap button#resetSession i{
	background: url("/image/global/science-edu/micro_zh-TW/content10/print_07.png") no-repeat center center;
}
#printBtnWrap button#resetSession rt{
	display: none;
}

/* -- 印刷用CSS ------------ */
@media print{
	html,
	body,
	main,
	#main.index .content-wrap{
		width: 100% !important;
		min-width: auto !important;
		background: none !important;
	}
	#SiteIdentityP,
	.CloseButtonStyle,
	#printTitle,
	#printBtnWrap,
	#Footer{
		display: none !important;
	}
	#main.index{
		width: 100%;
		padding-top: 0;
		background: #FFF;
	}
	#main.index .template{
		width: 1000px;
		border: none;
		padding-left: 0;
		padding-right: 0;
		background: none;
	}
	#main.index .template#type1 .kabiWrap .textWrap{
		width: 600px;
	}
	.template#type2 .kabiWrap .textWrap{
		width: 580px;
	}
	.template#type3 .kabiWrap .colorSet::before{
		left: 50px;
	}
}
@media print and (-ms-high-contrast:none){
	/* for IE */
	.template#type2 .kabiWrap{
		width: 100%;
		border-right: #b4b4b4 solid 10px;
		border-bottom: #b4b4b4 solid 10px;
	}
}