/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* css reset 歸0 end */

body{font-family:"微軟正黑體", Arial;}
/*div section標籤段落*/
section p,div p{font-size:1.3em;line-height:1.9em;}
a{text-decoration: underline;color: #06a194;}
a:hover{text-decoration: none;}
ul,li{margin: 0px;padding: 0px;list-style-type: none;}
.bg_padding{padding:1%;}
.bgcolor1{}
.bgcolor2{position: relative;}
.bgcolor3{}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;}
/*所有元素漸變0.5秒
*{transition: all .5s;}*/
/*標題大小*/
h1{ font-size: 3em; }
h2{ font-size: 2.5em; }
h3{ font-size: 2.2em; }
.br{display: block;}
.redNum{color:#f33f2d;font-weight: bold;}
[class*="flex"],.gift_select ul{display: flex;flex-wrap: wrap;justify-content: center;}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {display: inline-block;max-width: 100%;height: auto;}
article{    background: url(../images/0811085_firework3.png)repeat-y left top,url(../images/0811085_firework4.png)repeat-y right top,#dd272d;    background-size: 30%;}
/*各頁共用樣式*/
/*主圖*/
.banner{position: relative;}
.banner_title{text-align: center;background:url(../images/0811085_title_basemap.png)no-repeat top center;width: 1000px;margin: auto;background-size: cover;}
.banner.inside .banner_title{width: 600px;background-size: 100%;}
.banner.inside .mouse li img{width:75%;}
.banner.inside time+p,.banner.inside time{font-size: 3em;}
.banner.inside .ground{height:20px;background-color: #ffb74d;}
.banner.inside .mouse li:nth-child(1) {left:13%;bottom: -5%;}
.banner.inside .mouse li:nth-child(2) {left: 23%;bottom: -6%;}
.banner.inside .mouse li:nth-child(3) {right: 25%;}
.banner.inside .mouse li:nth-child(4) {right: 12%;bottom: -6%;}
.banner.inside .lantern img{width:22%;}
.banner.inside{background-size:29%}
/*底圖*/
.lantern img{position:absolute;top:0;}
.lantern img:nth-child(1){left:0;}
.lantern img:nth-child(2){right:0;}
.mouse{padding:2% 0 0;}
.mouse li{position: absolute;bottom: 0;    text-align: center;    z-index: 2;}
.mouse li:nth-child(1){left:4%;bottom: -10%;z-index: 2;}
.mouse li:nth-child(2){left:17%;bottom:-5%;z-index: 1;}
.mouse li:nth-child(3){right:19%;}
.mouse li:nth-child(4){right:5%;bottom: -8%;}
.mouse li a{display: block;transition: all 0.2s linear}
.mouse li a:hover{transform: scale(1.1);}
.ground{background:#ffd0b8;bottom: 0;width: 100%;height:70px;border-radius: 50% 50% 0 0;}
/*主頁-default*/
.gift{width: 32.1%;margin: 0 0.5% 1%;background-color:white;padding-bottom: 20px;}
.each_list{text-align: center;}
.each_list ul{display: inline-block;margin: 10px 7% 20px 12%;}
.each_list li{text-align: justify;list-style: disc;font-size: 1.1em;line-height: 29px;}
.each_list li strong{color:#f13107;}
.each_title{font-size: 1.8em;color: white;position: relative;font-family: "Microsoft YaHei", Times, serif;font-weight: bold;padding: 4px 0;background:url(../images/0811085_basemap.png)}
.each_title:before{content: "";position: absolute;background: url(../images/0811085_ribbon.png)no-repeat;width: 110px;height:36px;top: -38%;left: 0;right: 0;margin: auto;background-size: 100%;}
.each_list ul+a{display:inline-block;margin: 5px 0 7%;color: #59241d;}
.each_list ul+a:hover{color: #f13b07;}
.each_title small{font-size: 0.75em;font-weight: 500;margin: 0 0 0 5px;    display: block;    text-shadow: initial;}
.gift_flex .gift:nth-child(1) .each_list>.each_title,.date_title{background:url(../images/0811085_basemap.png),#f33f2d;}
.gift_flex .gift:nth-child(2) .each_list>.each_title,.each_bg .each_list_get:nth-child(2) .date_title{background-color:#ff7e43;}
.gift_flex .gift:nth-child(3) .each_list>.each_title,.each_bg .each_list_get:nth-child(3) .date_title{background-color:#c7940d;}
.gift_flex .gift:nth-child(4) .each_list>.each_title,.each_list_get.a .date_title{background-color:#47b7d2;}
.gift_flex .gift:nth-child(5) .each_list>.each_title,.each_list_get.b .date_title{background-color:#498fc7 !important;}
.gift_flex .gift:nth-child(6) .each_list>.each_title{background-color:#5466a9 !important;}
.gift_flex .gift:nth-child(1){border: 1px #f33f2d solid;}
.gift_flex .gift:nth-child(2),.each_bg .each_list_get:nth-child(2){border: 1px #ff7e43 solid;}
.gift_flex .gift:nth-child(3),.each_bg .each_list_get:nth-child(3){border: 1px #c7940d solid;}
.gift_flex .gift:nth-child(4),.each_list_get.a{border: 1px #47b7d2 solid;}
.gift_flex .gift:nth-child(5),.each_list_get.b{border: 1px #498fc7 solid !important;}
/*子頁-get*/
.each_list_get{padding: 0% 0% 2%;margin: 0 auto 18px;background-color: white;border: solid 1px #f33f2d;position: relative;}
.date_title{font-size: 2.3em;text-align: center;color: #ffffff;padding: 3px 0;position: relative;font-weight: bold;}
.date_title+h3{color: #f33f2d;margin: 5px 0 0;}
.date_title+h3+ul{margin:0.5% 10% 0}
.date_title+h3+ul+img{top: 10%;right: 0%;}
.date_title:before,.date_title:after,.date_title span:before,.date_title span:after,.each_bg .each_list_get:nth-child(2) .date_title:before,.each_bg .each_list_get:nth-child(2) .date_title:after,
.each_bg .each_list_get:nth-child(2) .date_title span:before,.each_bg .each_list_get:nth-child(2) .date_title span:after,
.each_bg .each_list_get:nth-child(3) .date_title:before,.each_bg .each_list_get:nth-child(3) .date_title:after,
.each_bg .each_list_get:nth-child(3) .date_title span:before,.each_bg .each_list_get:nth-child(3) .date_title span:after{content: "";position: absolute;width: 8px;height:80px;background-color: black;top: -25%;}
.date_title:before,.date_title:after,.each_bg .each_list_get:nth-child(2) .date_title:before,.each_bg .each_list_get:nth-child(2) .date_title:after,.date_title:before,.date_title:after,.each_bg .each_list_get:nth-child(3) .date_title:before,.each_bg .each_list_get:nth-child(3) .date_title:after{width: 12px;height: 70px;top: -6px;background-color: #c5200f;}
.each_list_get.a .date_title:before,.each_list_get.a .date_title:after,.each_bg .each_list_get.b:nth-child(2) .date_title:before,.each_bg .each_list_get.b:nth-child(2) .date_title:after{width: 12px;height: 70px;top: -6px;}
.each_list_get.a .date_title:before,.each_list_get.a .date_title:after{background-color: #298ea7;}
.each_bg .each_list_get.b:nth-child(2) .date_title:before,.each_bg .each_list_get.b:nth-child(2) .date_title:after{background-color:#3380bd;}
.each_bg .each_list_get:nth-child(2) .date_title:before,.each_bg .each_list_get:nth-child(2) .date_title:after{background-color:#f76e2f}
.each_bg .each_list_get:nth-child(3) .date_title:before,.each_bg .each_list_get:nth-child(3) .date_title:after{background-color:#a57702}
.date_title:before,.date_title:after{z-index:2}
.date_title:before{left:0;}
.date_title:after{right:0;}
.date_title span{position: relative;display: block;}
.date_title span:before{left: 0.25%;}
.date_title span:after{right: 0.25%;}
.date_title>strong{display: block;color: #fff575;}
.each_list_get ul{margin: 1% 10% 2%;}
.each_list_get ul li{text-align: justify;line-height: 35px;font-size: 1.2em;list-style-image:url(../images/0811085_point.png);}


.each_list_get ul ul{display: block;margin:0;}
.each_list_get ul ul li{font-size: 1em;display: inline;margin: 0 5px 0 0;color: #f33f2d;}
.each_list_get ul ul li>span{display: inline-block;background-color:#f33f2d;width: 55px;height: 55px;border-radius: 50%;text-align: center;line-height: 50px;color: white;}
.gift_title{color: #ffffff;font-size: 2.3em;display: inline-block;background-color: #f33f2d;padding: 0 2.5%;position: relative;}
.gift_title:before,.gift_title:after{content:"";position: absolute;border-style:solid;width:0;height:0;top:0;}
.gift_title:before{right:0;border-color:transparent #fff transparent transparent;border-width: 27.5px 10px 27.5px 0px;}
.gift_title:after{left:0;border-color:transparent transparent transparent #fff;border-width: 27.5px 0px 27.5px 10px;}
.gift_time{font-size:2em;font-weight: bold;}
.gift_time+ul{margin: 1% 3% 0.5% 10%;}
.gift_list{margin: 0 0 10px;}
.books+.mouse_pic{right: 3%;top: 20%;}
.mouse_pic{position: absolute;z-index: 2;right: 6%;top: 42%;}
.panel-group{margin:15px 0 0 }
.panel-control {position:absolute;opacity:0;}
.tab-group label {display: inline-block;padding: 10px 24px;border: 1px solid #ffb873;border-bottom: none;background-color:#ffb873;font-size: 1.3em;bottom: -1px;position: relative;cursor: pointer;}
.content-group {border-top: 1px solid #ffb873;border-bottom: solid 1px #ffb873;padding: 20px 20px 5px;margin: 0 0 3%;}
.content{display:none;}
.detailed{clear: both;display: block;padding: 0 0 1%;color: #59241d;text-align: center;}
/* .content1{display:block;}
 .tab-group .active {
  position:relative;
color: #f33f2d;
}  */
#radio1:checked ~ .tab-group [for="radio1"],
#radio2:checked ~ .tab-group [for="radio2"],
#radio3:checked ~ .tab-group [for="radio3"],
#radio4:checked ~ .tab-group [for="radio4"],
#radio5:checked ~ .tab-group [for="radio5"],
#radio6:checked ~ .tab-group [for="radio6"]{background-color: #f33f2d;color: white;}
/* #radio2:checked~ .content-group .content1{display:none}
#radio3:checked~ .content-group .content1{display:none} */
#radio1:checked ~ .content-group .content1,
#radio2:checked ~ .content-group .content2,
#radio3:checked ~ .content-group .content3,
#radio4:checked ~ .content-group .content4,
#radio5:checked ~ .content-group .content5,
#radio6:checked ~ .content-group .content6 {display:block}
.each_list,.each_list_get,.course_price{counter-reset:num;}
.each_list dd:before,.course_price li:before{counter-increment:num;}
.each_list dd:before{content:counter(num) '.'}
.course_price li:before{content:counter(num) '';margin-right: 1%;background: #000;color: #fff;border-radius: 9999em;padding: 0 0.4em;}
.each_list_get dd:before{content: '‧';margin-right: 1%;}
.each_list dt,.each_list_get dt,.getgift,.each_list_get dd:before{font-size:1.5em;}
.each_list dd,.each_list_get dd{line-height: 1.9em;font-size:1.2em;}
.each_list dd{text-indent:-15px;margin-left: 15px;}
.each_list small a{font-size:0.8em;white-space:nowrap;display: block;color: #fd3f20;}
.each_bg,.getgift,.each_list_get{display: block;text-align: center;}
.each_subtitle{color: #000;}
.gift_select ul{margin: 2% 10% 1.5%;}
.gift_select li{display: inline-block;width: 26%;margin: 0 1% 25px;border: solid 1px #f33f2d;border-radius: 10px;padding: 13px 22px;text-align: center !important;position: relative;background-color:#fff4d5;}
.gift_select li:after{content: "";position: absolute;background-color: #f33f2d;width: 30px;height: 30px;top: -22px;left: 0;right: 0;margin: auto;border-radius: 50%;}
.gift_select li:before{counter-increment: num;content: counter(num) '';position: absolute;color: #fff;left: 0;right: 0;top: -25px;z-index: 2;}
.course_price{margin-left: 1%;}
/*子頁-spring*/
.books_bg{text-align:center;}
.books_list,.books_list td{border:1px #ffca53 solid;border-collapse: collapse;padding: 0.5%;}
.books_list td strong{color: #db200b;}
.books_list{width: 94%;margin: 2% auto;font-size: 1.2em; }
.books_list tr:nth-child(odd){background-color:#fff1d9}
.lecture_box.books_list tr:nth-child(odd){background-color: #29afa4;color: white;}
.lecture_box li{list-style-type: disc;list-style-image:initial !important;}
.lecture_box a{color: #080808;display: inline-block;background-color: #ffca53;border-radius: 8px;padding: 0 10px;}
.lecture_box+.panel-group .tab-group label{border: 1px solid #ffca53;background-color: #ffca53;}
.books_list p{ font-size: 1.0em;text-align: justify;padding: 0 13px;}
.books_list p:before{content: '※';}
.books_list th{font-weight: 500;line-height: 30px;}
.books_list th,.books_list td{width: 20%;text-align: center;padding: 10px;}
.books_list td li{font-size:1em}
.books_list h4{font-size: 1.1em;color: #db210c;border-bottom: solid 1px;text-align: justify;margin: 12px 10px 0;}
.sec_bookslist td{border:none;line-height: 2;}
.sec_bookslist th,.sec_bookslist tr td:nth-child(1){font-family: 'Microsoft YaHei';}
.click{background-color: #FFCA53;display: inline-block;padding: 0.5%;font-size:1.1em;border-radius: 10px;}
.click,.click a{color: #000;}
/*media區域*/
@media (max-width:1720px){
	.cloud{display: none;}
	.mouse li:nth-child(1) {left: 0%;}
	.mouse li:nth-child(2) {left: 17%;}
	.mouse li:nth-child(3) {right: 16%;}	
	.mouse li:nth-child(4) {right: 0;}
}
@media (max-width:1030px){
	.mouse_pic{display: none;}	
}
@media (max-width:1400px){
	.lantern img{width:33%;}
	.banner time+p {font-size: 3em;}
	.banner_title { width: 57%;}
	.mouse li {width: 15%;}
	.date_title:before, .date_title:after, .date_title span:before, .date_title span:after, .each_bg .each_list_get:nth-child(2) .date_title:before, .each_bg .each_list_get:nth-child(2) .date_title:after, .each_bg .each_list_get:nth-child(2) .date_title span:before, .each_bg .each_list_get:nth-child(2) .date_title span:after, .each_bg .each_list_get:nth-child(3) .date_title:before, .each_bg .each_list_get:nth-child(3) .date_title:after, .each_bg .each_list_get:nth-child(3) .date_title span:before, .each_bg .each_list_get:nth-child(3) .date_title span:after{content:none;}	
}
@media(max-width:767px){
	article{background-size:46%}
	.banner_title,.banner.inside .banner_title{width:95%;}
	.banner.inside .banner_title {background-size: 89%;}
	.gift {width: 100%;margin: 0 0 1%;}
	.lantern img{width: 33%;top: 0;}
	.banner time,.banner time+p{font-size:3em;}
	.banner.inside .mouse li:nth-child(2) {left: 2%;}
	.banner.inside time+p, .banner.inside time {font-size: 2em;}
	.mouse{text-align: center;margin: 2% auto;}
	.mouse li{position: relative;display: inline-block;width: 22%;}
	.mouse li:nth-child(1),.mouse li:nth-child(2),.mouse li:nth-child(3),.mouse li:nth-child(4){left:0;right:0;bottom:0;}
	.ground,.banner.inside .ground{height:0px;}
	.each_title:before {width: 104px;height: 34px;top: -39%;}
	.date_title {font-size: 1.6em;padding: 3px 10px;}
	.each_list_get ul {margin: 0% 4% 5.5% 10% !important;}
	.each_list_get ul ul {margin: 0 0 0 !important;}
	.each_list_get ul li,.books_list{font-size:1.125em}
	.each_list_get ul ul li>span {width: 48px;height: 48px;}
	.each_list_get ul ul li {font-size: 0.8em;}
	.tab-group label {width: 32.3%;}
	.gift_select li {width: 33%;}
	.gift_select ul {margin: 8% 2% 1.5% !important;}
	.books {padding: 10px 4% 13px;}
	.banner.inside .mouse li img {width:100%;}
	.banner.inside .mouse li:nth-child(1) {left: 0;}
	.mouse {padding: 0;}

	@media screen and (max-width:500px){
		.banner_title,.mouse li img {width: 100%;}
	}
	.mouse{text-align: center;}
	@media (max-width:300px){
	.mouse li img {width: 70%;}
	.mouse li{width: 20%;}

}
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
	.gift{display: inline-table;width: 30%;height:340px;}
}

@media print {
}