body {font-family:"微軟正黑體",Arial;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
.bg_padding {padding:1%;}
.bgcolor0 {background-color: #FCFCFC;}
.bgcolor1 {background: linear-gradient(to bottom, #eae013 10%, white 70%);}
.bgcolor2 {background-color: #6da014;}
.bgcolor3 {background-color: #096db1e0;}
.bgcolor4 {background-color: #E4E4E4;}
.bgcolor5 {background-color: #DFDFDF;}
/*所有元素漸變0.5秒*/
* {transition: all .5s;}
[class*="flex"] {display: flex;flex-wrap: wrap;}

:root{
    --purple1:#8E4F99;
    --orange1:#EA5413;
}

/*標題大小*/
h1 {font-size: 2.5em;}
h2 {font-size: 2.0em;text-align: center;font-family: microsoft yahei;}
h3 {font-size: 1.8em;}
#Master_title img { width:100%;}
.good-news{padding:.2rem 2rem;border-radius: 20px;background: white;margin: .5rem 2.5rem;}
.good-news ul,.good-news ul a{color: var(--orange1);}
dl dt, .good-news dl dd {display: inline-block;margin: 0;}
.good-news dl{display: flex;align-items: flex-start;flex-wrap: wrap;}
.good-news dl dt {margin-right: 0.5rem;font-weight: bold;border-right: 2px solid var(--purple1);padding-right:0.9rem;color:var(--purple1);}
.good-news dl dd {width: 84%;margin:0 auto 0.9rem;color: var(--orange1);}
.good-news dl dd a{color: var(--orange1);}
.gift, .good-news .imp {color: red;}
.good-news a, .coupon-item a {color: black;}
.news-title{font-weight: bolder;color:var(--purple1);}
.course_title {color: white;text-align: center}
.course-list {color:#d25134;text-align: center;display: block;font-size:1.7em;font-weight: bold;}
.course-list span {display: block;font-size: 0.85em;font-weight: 600;color: var(--purple1);border-radius: 50px;width: 55%;background-color: #fff;margin: 0 auto;}
.course-list span.c1 {border: 2px #d76b40 solid;}
.course-list span.c2 {border: 2px #9d71a7 solid;}
.course_subtitle {background:#633;color:#fff;padding:0.5%;font-size:1.3em;}
.price_list {margin:1% auto;display:block;}
.price_item {color: #333;font-size: 1.5em;text-align: center;font-weight: bold;font-family: "Microsoft YaHei";}
#price_form,#price_form td,#price_form th,#vod_form,#vod_form td,#vod_form th {border-collapse:collapse;border:1px #000 solid;padding:1%;text-align:center;}
#price_form,#vod_form {margin:1% auto;background-color: white;}
#price_form tr:nth-child(odd),#vod_form tr:nth-child(odd) {background-color: #ffe9b3;}
.br {display:block;}
.price_note {text-align: center;padding: 0;}
.price_note li {line-height:1.9em;font-size:1em;list-style:none;}
.bottom_Link {padding: 0;text-align: center;}
.bottom_Link li {display:inline-block;border-radius:100%;width:130px;height:130px;background:var(--purple1);text-align:center;font-size:1.2em;margin:2%;}
.bottom_Link li:nth-of-type(n+1):nth-of-type(-n+2){background:var(--orange1)}
.bottom_Link li,.bottom_Link li a {color:#fff;line-height:130px;}
.coupon-wrap {width: 96%;margin: auto;}
.coupon-box {background-color:#F39B00;position: relative;overflow: hidden;margin: 1rem;border-radius: .3rem;}
.purple-bg {background-color:#A37FAB;}
.coupon-title {width: 24%;position: relative;box-sizing: border-box;align-items: center;display: flex;justify-content: center;padding: .5rem;font-size: 2em;color: ghostwhite;text-align: center;}
.coupon-title:before {position: absolute;content: "";left: -5px;top: 5px;bottom: 5px;width: 0;border-left: 10px dotted #F8EDC0;}
.coupon-item {width: 76%;position: relative;border-left: 2px dashed #F3C92B;box-sizing: border-box;padding: 1rem;z-index: 2;}
.coupon-item span {font-size: 1.3em;font-weight: bold;color: #770303;}
.fcolor-purple {color: #8b3c9c;}
.purple-bg .coupon-item span {color: #491a53;}
.course>div:nth-of-type(3) span {color: #b0279f;}
.purple-bg .coupon-item dt {background-color:#764182;border-radius: 3px;font-size: 1.35rem;}
.course .t_bg {background-color: var(--purple1);border-radius: 4px;padding: 0.5% 2.5%;color:white;font-size: 0.95em;font-weight: normal;margin-bottom: .3rem;display: inline-block;}
.coupon-item dt {display: inline-block;background-color: #d25134;color: ghostwhite;padding: .5% 2%;margin-bottom: -3.5em;border-radius: 4px;}
.coupon-item dd {line-height: 2;margin-left: 28%;}
.coupon-item dd font {border-radius: 100%;background-color: #e25e03;color: white;padding: 0 .4rem;}
.coupon-box:before {position: absolute;content: "";right: -5px;top: 5px;bottom: 5px;width: 0;border-left: 10px dotted #F8EDC0;z-index: 1;}
.coupon-box:after {position: absolute;content: "";left: 30%;top: 40%;height: 360px;width: 680px;background-color: rgba(255,255,255,.15);transform: rotate(-36deg);}
.border2 .coupon-title::before, .border2 .coupon-box::before {border-color: #FFF2D2;}
.border3 .coupon-title::before, .border3 .coupon-box::before {border-color: #FFF9E9;}
.border4 .coupon-title::before, .border4 .coupon-box::before {border-color: #FFFEFA;}
.cloud-wrap .coupon-item dd {margin-left: 15%;}
.get_resource {width: calc(100%/2);text-align:center;text-align: center;}
.get_resource img {width:30%}
.get_resource ul {padding: 0;}
.get_resource li {display: block;}
.get_resource a {font-size: 1.3em;color: #FFF;font-weight: bold;}
.get_resource img:hover {transform: scale(1.1);}
.get_resource li:last-child {color:rgb(255 239 93);}
#formlist textarea {width: 100%;height: 135px;}
.form-note {padding: 0;margin: 0;}
.form-note li {margin-left: 2rem;list-style-type: disc;}
small{font-size: 1.1rem;display: block;}
.target-fix {position: relative;top: -60px;display: block;visibility: hidden;}

@media (min-width: 1201px) {
    #BodyHeader_event_rwd,#topli {display:none;}
    #BodyContentMainNavigator header h1,#BodyContentMainNavigator  a {font-size: 1.15em;}
    #BodyContentMainNavigator header h1 {display:inline-block;line-height:1.9em;}
    #BodyContentMainNavigator header img {margin:auto 3px;}	
    #BodyContainer_event {margin: 0 auto;text-align:center;width:1000px;}    
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中1200px寬外框*/
    #Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin:0% auto;display:block;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {width:730px;padding:10px;}
    #Master_title {width:750px;padding:0px;}
    /* bodyHeader */
    #BodyHeader_event #header-share {line-height: 2;margin: 0 auto;	background-color: #FFF;}	
    #BodyHeader_event #header-share img {margin-bottom: 5px;}
    #BodyHeader_event a,#BodyHeader_event {font-size: 0.98em;}
    #BodyHeader_event a {color: #333;}
    #BodyHeader_event a:hover {text-decoration: none;position: relative;top: 2px;bottom: 2px;}   
    /* Footer */
    #BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul {display:inline-block;}
    #BodyFooter_rwd {width:100%;margin-top:2%;}
    #footer_address,#footer_address #adinfo_out,#footer_address #adinfo {margin:0 auto;width:100%;}
    #footer_inline ul,#footer_address ul {width:100%;margin:0% auto;}
    #footer_inline a,#footer_address a {color:#000}
    #footer_inline ul li {display:inline;margin:auto 1%;width:15%;}
    #footer_address ul li {width:100%;line-height:1.9em;font-size:0.95em;}
    #adinfo_out #adinfo {width:50%;display:inline;margin:auto 1%;}
    #footer_inline ul li img {width:16%;height:auto;vertical-align:middle;}
    #footer_line {width:90%;border-top:thin solid #999;margin:2% 5%}
    /* ask */
    #askarea_out,#askarea {display:inline-block;}
    #askarea_out {background-color: #9faf41;width: 100%;padding-top: 3%;padding-bottom: 2.5%;border-radius: 0 0 20px 20px;}
    #askarea {width: 100%;}
    #askarea p {margin:0 auto;}
    #askarea .asktitle {font-size: 1.5em;color: #FFF;text-align: center;line-height: 1.5em !important;}
    #askarea #formlist,#askarea input[type="submit"],#askarea input[type="reset"] {font-size: 1em;color: #FFF;line-height: 2;}
    #askarea #formlist {width: 80%;margin:3% auto auto 10%;padding-bottom: 1%;}
    #askarea SELECT,#askarea input {border-radius: 4px;}
    #askarea SELECT {width: 10%;background-color: #FFF;border: #FFF;padding: 0.5% 1%;margin:auto 1rem auto auto;width:15%;}
    #askarea input {background-color: #FFF;border: #FFF;padding: 0.5% 1%;margin:auto 1rem auto auto;color: #585858;}
    #askarea input[type="submit"],#askarea input[type="reset"] {background-color: #909a56;padding: 0em 1em;border: 2px #fff solid;border-radius: 8px;margin-top: 8px;}
    #askarea input[name="sContent"] {width:50%;}
    #askarea input[type="text"] {width:32%;}
    #noie {color: #FFF;width: 100%;height:60px;text-align: center;border: 1px solid #006699;background-color: #3399CC;z-index: 9999;position:fixed;left: 0;top: 0;}
    #noie a {color: #FC0;}
    .hottxt { color: #ffd942; font-size: 1.0em;}
}

@media (max-width: 1200px) {
    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie,#BodyContentMainNavigator,#BodyContentAd,#BodyMenu {display:none;}
    /*會撐開的版面控制*/
    #BodyContent,#BodyContainer_event,#BodyContentMainDetail_learning {width: 100%;}
    #BodyContent {padding:0;}
    #BodyContentMainDetail_learning {float:left;	margin:0;}
    /* Header */
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    @media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin:2.5% auto;}}
    @media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin:2.5% auto 1% auto;}}
    /* body */
    #Master_title {display:inline-block;width:100%;}
    @media all and (orientation : portrait) {#Master_title {margin-top: 10%;}}
    @media screen and (orientation:landscape) {#Master_title {margin-top: 8%;}}
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin:0% auto;display:inline-block;width:98%;padding:1%;}
    .line_photo {width:100%;margin:0 auto;text-align:center;}
    .line {width:100%;}
    .good-news{margin: .5rem;}
    .target-fix {top: -120px;}
    /* Footer */
    #BodyFooter_rwd {float: left;width:100%;background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;	border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul {float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img {max-width:40%;height:auto;	margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li {float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #BodyFooter_rwd #footer_address {margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_address ul {float: left;padding:0;text-align: center;margin: 0.5%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li {float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
    /* ask */
    #askarea {background-color:#aaab61;width: 98%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p {text-align: center;}
    #askarea .asktitle {font-size: 1.0em;color: #FFF;margin-bottom:5%;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #formlist {width: 99%;float: left;margin:3% auto auto 0%;padding-right:1%;color: #FFF;}
    input[name="sContent"] {width:50%;}
    input[type="text"] {	width:99%;}
    SELECT,input {border-radius: 7px;font-size: 1.0em;margin:0.25rem auto 1rem;background-color: #FFF;height:30px;}
    SELECT {width:100%;border: #FFF;}
    input {border: #FFF;color: #585858;}
	
    input[type="submit"],input[type="reset"] {color:#FFF;background-color:#909a56;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:1% 2%;height:auto;border: 2px #fff solid;border-radius: 8px;}
    input[type="radio"] {width:1em;height:1em;margin-left: 3%;}
    /*TOP按鈕*/
    #topli,#topli a {color: #fff;text-decoration: none;line-height:50px;}
    #topli {width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;font-size: 15px;z-index: 3;}
    @media screen and (orientation:portrait) {#topli {right:1%;bottom:8%;}}
    @media screen and (orientation:landscape) {#topli {right:1%;bottom:15.8%;}}
}

@media (min-width: 768px) and (max-width:991px) { 
    .coupon-box:after {width: 600px;}
}

@media (min-width:992px) and (max-width:1199px) {
    .coupon-box:after {width: 700px;height: 300px;}
}

@media (max-width: 767px) {
	.mb_br {display:block}
	#Master_title {width: 100%;padding: 0;}
    .get_resource,.coupon-wrap {width: 100%;}   
    .coupon-item dt {margin-bottom: auto;} 
    .cloud-wrap .coupon-item dd, .coupon-item dd {margin-left: auto;} 
	.course-list span {width: 84%;}
	.course-list {font-size: 1.4em;}
	.coupon-title {width: 27%}
	.coupon-item {width: 73%;}
    .coupon-box:after {transform: rotate(-40deg);}
    #formlist textarea {height: 170px;}
    .target-fix {top: -70px;}
}

@media screen and (min-width:600px) and (max-width:769px) {
	.mb_br {display: inline}
	.coupon-wrap {width: 100%;}
	.get_resource {width: 50%;}
	#askarea .asktitle {font-size: 1.0em;margin-bottom: 0%;}
	.course-list span {width: 60%;}
	.course_title {font-size: 1.7em;}
	.course-list {font-size: 1.5em;}
}

/*各大相容檢視*/
@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*/
}
@media print {
}