:root{
    --bg-ask:linear-gradient(63deg,#e2bc91 5%,#c2946e 90%);
    --bg-ev:#a21870;
    --body-navsite:black;
    --bg-master:#d8e0ac;
    --bg-pic:linear-gradient(to bottom, #f1f6d2 0%,#f1f6d2 65%,#dae1ad 100%);
}
/*顏色定義*/
.bg-ask{background:var(--bg-ask)}
.bg-event{background:var(--bg-ev)}
.bg-header{background: #f1f6d2;}
.bg-master{background:var(--bg-master);}
.bgcolor0{background-color: #FCFCFC;}
.bgcolor1{background-color: #F6F6F6;}
.bgcolor2{background-color: #c83f8a;}
.bgcolor3{background-color: #f5eede;}
.bg-pic{background: var(--bg-pic);}
.bg-third{background: #0f66a0;background: #4d669f;}
.bg-classarea{background: #f4b81c;}
.bg-fourth{background:#f5f5de;}
/*解析度無限定-共用區*/
*{transition:all .5s}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.8rem}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }
/*網站路徑*/
#BodyContentMainNavigator{color:var(--body-navsite) ;padding: 0!important;}
/*DIY*/
.price_list{width: 100%;font-size: 1.5rem;}
.price_list,.price_list th,.price_list td{border-collapse: collapse;border:0px;text-align: center;}
.price_list th{background: #051F56;color: #e6e6e6;}
.price_list td{background:#e1eaef ;color: #4D669F;box-shadow: 0px 2px 0px #1f2b47;}
.price_list span{color: rgb(178, 9, 9);}
#event_master {
    padding: 0px;
    color: #000;
    font-size: 1em;
    text-align: left;
    /*border-radius: 0px 0px 25px 25px; */
    background-color: ;
	margin: 0 5px 0;
}
#event_master h1 {
    font-size: 1.2rem;
    color: #000000;
    font-weight: bolder;
    text-align: left;
    line-height: 1.5em;
    padding: 0 0 0 50px;
    /* background-color: #cc0; */
}
#event_master ul {
    list-style-type: none;
}
#event_master ul li {
    line-height: 1.5em;
    clear: both;
    padding-left: 2px;
	font-family: Verdana, "Microsoft YaHei", Arial;
    list-style-image: url(../images/star.png);
/* list-style-type: disc; */
}
#event_master .icon_more a {
    padding: 0.4% 1.5%;
    font-size: 1.3rem;
    background-color: #c83f8adb;
    color: #FFF;
    margin-right: 3.5%;
    border-radius: 50px;
    text-decoration: none;
}
#event_master .icon_more {
    width: 90%;
    text-align: right;
}
.every_year{padding: 0% 1% 3%;}
.every_year img{}
#event_third {
    text-align: center;
    padding-top: 0;
    padding-bottom: 2%;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    
    /* border-top-width: 8px; */
    /* border-top-style: dotted; */
    /* border-top-color: #40a0a4; */
    border-bottom-width: 8px;
    border-bottom-style: dotted;
    border-bottom-color: #f4b81c;
}
#event_fourth {
    text-align: center;
    padding-top: 2%;
    padding-bottom: 4%;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    /*FFF8E7*/
}
/*--課程大圖示--*/
#class_area {
    margin-top: 0px;
   
    border: 0px #000 solid;    
    padding-top: 2px;
    margin-right: 5px;
    margin-left: 5px;
    padding-bottom: 20px;
}
#class_area .class_selectOut ul {
    width: 100%;
    float: left;
    list-style-type: none;
    margin: 0%;
    padding: 0;
    height: 100%;
}
.examform, .examform td {
    border: 2px rgb(255 255 255) solid;
    border-collapse: collapse;
    background-color: #fffde7c2;
}
.examform{width:74%;margin:0 auto 2% auto;}
/*.examform td{padding: 0.5%;font-size: 1.2rem;}*/
.examform td {padding: 1% 2%;font-size: 1.25rem;}
.examform td:nth-child(1){width:22%;text-align: center;background-color: #e5d0a9;}
#event_sec {background-color: #f5f5de;}
#event_third .title {
    font-size: 2.6rem;
    line-height: 3.5rem;
    margin: 1.1% 2% 1%;
    /* width: 90%; */
    display: block;
    /* color: #e25332; */
}
#event_third .title a {color: #ff9ea9;}
#event_fourth h1 {
    font-size: 2.6rem;
    float: left;
    color: #c83f8a;
    /* padding-top: 0%; */
    /* padding-bottom: 0%; */
    width: 100%;
    line-height: 1em;
    margin: 2.5% auto 2%;
    font-weight: 900;
}

.cloud_price{color: #000;}

samll{color:#FFF;}
.offer_plus{color: #0b4469;background-color: #F4B81C;width:88%;font-size:1.3rem;margin:0 auto;padding: 1%;border-radius: 10px;}
.offer_plus,.offer_plus a{color: #0b4469;}
.classred{color: #F44336;}
.class_selectOut{
	text-align:center;
	width:90%;
	display: inline-block;
	margin:2% 5%;
	padding:2% 0%;
	border:0px #000 solid;
	border-radius:20px;
	background-color:#fcfaf5;
	}
.class_selectOut .class_title{
	font-size: 1.4em;
	font-weight:bold;
	color:#ff3b0d;
	background-color:#;
	border-radius:8px;
	margin:0 8px;
}
.class_selectOut .class_title a{
	color:#ff3b0d;
}
.class_selectOut .class_title a:hover{
	color:#051f56;
}
.class_selectOut .sub_note {
    width: 90%;
    float: left;
    font-size: 0.9em;
    color: #333;
    margin: 1em 0;
    padding: 0 5%;
}

.class_selectOut .class_icon{
	height: 120px;
	width: auto;
	border: 0px dashed #000;
	margin:10px auto 3px auto;
	padding-top:30px;
	background:url(../images/classicon00.png) repeat-x top;
}
.class_selectOut .class_icon img{
	height: auto;
	width: 100px;
    margin: 0 auto;
}
.class_selectOut .class_content {
    font-size: 1em;
    line-height: 1.3em;
    list-style-type: square;
    list-style-position: outside;
    text-align: left;
    margin-left: 30px;
    color: #332005;
    padding-left: 0px;
    width: auto;
}
.price a{color: #E25332;}
.price {
    width: 90%;
    display: inline-block;
    margin: 2% 5% 0%;
    /* padding: 1% 0% 1% 0%; */
    border-radius: 20px;
    /* background-color: white; */
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.8rem;
	color: #fff;
}
.price b {
    font-size: 1.1em;
    font-weight: bold;
    color: #ff9ea9;
    line-height: 1.1em;
	font-family: Verdana,"Microsoft JhengHei",Arial;
}
.price .note{
    font-size: 0.8em;
}
.bottomLink_bg {
    /*width: 90%;*/
    display: inline-block;
    padding: 30px 7%;
}
.bottom_buy{
    width:100%;
    display:inline-block;
    margin:0 auto;
}
.bottom_buy li {
    border-radius: 5px;
    font-size: 1.4em;
    line-height: 2em;
    display: inline-flex;
}
.bottom_buy li a {
    color: #FFEB3B;
    font-size: 1.3em;
    display: inline-block;
    text-decoration: blink;
    padding: 2px 10px 0 10px;
    transition: all 0.2s linear;
    margin: 5px 20px 5px 0px;
    border-bottom: 4px #f6dc6f dotted;
}
.bottom_buy li a:hover {
    transform: scale(1.1);
    /* background-color: #ffffff; */
    /* box-shadow: 0px 2px 6px 0px #483b30; */
}
.bottom_buy li img {
    margin-right: 5px;
    width: 57px;
    height: 57px;
}
.admit_title2 {
    float: left;
    width: 80%;
    padding: 0;
    margin: 3% 10% -1%;
    font-size: 1.8em;
    line-height: 1.2em;
    color: #1f1f1f;
    font-family: "Microsoft JhengHei";
    /* border-bottom: dashed #051f56 medium; */
    /* border-top: dashed #f4b81c medium; */
    text-align: center;
	font-family: "Microsoft YaHei";
}
.admit_bg{
	width:100%;
	float:left;
	display:inline-block;
	margin:2% 0; 
}
#experience {
    padding: 1%;
    color: #000000;
    font-size: 1em;
    /* border-top-width: 2px; */
    /* border-top-style: dotted; */
    /* border-top-color: #d96541; */
    display: inline-block;
    width: 80%;
    border-bottom: 2px #d96541 dotted;
}
#experience .title {
    font-size: 1.9em;
    /* font-weight: bold; */
    color: #ffffff;
    text-align: left;
    background-color: #c83f8a;
    border-radius: 50px;
    padding: 4px 2%;
    width: fit-content;
}
#experience .title a{
	color: #FFEB3B;
}

#event_fourth #experience .stuednt {
    font-size: 1.45em;
    float: left;
    font-weight: bold;
    color: #c83f8a;
    padding: 1% 2%;
}
#experience .subject{
	font-size: 1.4em;
	float: left;
	margin-left: 5px;
	font-weight: bold;
	color: #D96517;
	margin-bottom: 5px;
}
#experience .content {
    clear: both;
    font-size: 1.2rem;
    line-height: 1.7rem;
    text-align: left;
    font-family: "Microsoft JhengHei", Verdana, Arial;
    padding: 0% 2%;
}
#experience .content a{
	color: #D96517;
}
#experience .content a:hover  {
	left: 2px;
	top: 2px;
	position: relative;
	text-decoration: none;
}
.Price_Link2 {
    font-size: 1rem;
    width: 95%;
    display: inline-block;
    margin-top: 1%;
    color: #4b649b;
    font-weight: bold;
    text-shadow: 2px 2px 3px #CCC;
    margin-bottom: 1%;
}
.Price_Link2 .name{
	font-size: 1.3em;
	font-weight: bold;
}
.Price_Link2 ul{text-align:center;}
.Price_Link2 li{
	display: inline-block;
	margin-right: 2%;
	margin-left: 2%;
}
.Price_Link2 li a{
	color: #000;
	background-color: #FF0;
	border-radius:0.2em;
	padding:3px 5px;
	margin:0.5em;
	line-height:1.8em;
	text-shadow: #000 0px 0px 0px;
}
.man_s img{
    vertical-align: text-bottom;
}
.qrout {
    font-size: 1.2rem;
	color:#fff;
}
.qrout a{color:#fff !important;}

/*ask*/
#askarea{width: 100%;padding: 0.8rem;}
#askarea .asktitle{font-size: 1.1rem;color: white;text-align: center;}
#askarea .asktitle > p{line-height: 2.2rem;}
#formlist{margin: 0 auto;}
#askarea input[type="text"],#askarea select{width:100%;border-radius: 0.3rem;background: white;border: white;color:#585858;}
#askarea input[type="checkbox"]{width: initial;}
#formlist label{font-size: 1.0rem;color: white;}
#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: 0.25rem 0;}
#formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);color: white;border: 2px #fff solid;padding: 1% 2%}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
/*電腦解析度*/
@media (min-width: 1536px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1024px) {
    #class_area .class_selectOut ul {
        width: 20%;
    }
    #event_master h1 {
        font-size: 1.5rem;
        display: flex;
        justify-content: center;
        width: 100%;
		margin-bottom: 1%;        
    }
    #askarea SELECT {}
    #askarea_out{}
    #askarea{width: ;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
    #askarea .asktitle {font-size: 1.5rem;margin: 1rem;}
    #formlist SELECT,#formlist input{padding: 0.25rem;}
    #askarea SELECT{padding: 0.5%;margin:auto 1% 1% auto; width: calc(100%/5);}
    #formlist label{display: block;margin: 1rem 0;font-size: 1.2rem;}
    #formlist img{display: inline-block;}
    #formlist input{color: #585858;}
    #askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5rem;width: max-content;margin-top: 2%;}
    label > select {margin: 0 1rem;}
    #formlist{justify-content: space-around;}
    #askarea .askw{width: 80%!important;}
    #askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
    #askarea input[type="text"]{width:calc(100%/3);}
    #askcontent{color:white;line-height: 2.5rem;}
}

/*其他裝置解析度*/
@media (min-width: 768px) {
}
@media all and (min-width: 1px) and (max-width: 767px){
		#event_master .icon_more a {padding: 0.4% 3.5%;font-size: 1.05rem;}
		#event_master h1 {font-size: 1rem;font-weight: normal;padding: 7px 0 0 50px;margin: 0 0 15px;}
		.examform td {padding: 1% 2%;font-size: 1rem;}
		.price {width: 92%;margin: 7% 5% 0%;}
		#event_third .title {font-size: 1.5rem;line-height: 2.2rem;}
		.bottom_buy li a {font-size: 1.5rem;}
		.admit_title2 {font-size: 1.5em;line-height: 2rem;padding: 2% 0% 2% 0%;}
		#event_fourth h1 {font-size: 2rem;line-height: 2.4rem;}
		#event_fourth #experience .stuednt {font-size: 1.25em;}
		#experience {padding: 6% 1% 3%;}
		#experience .title {font-size: 1.5rem;line-height: 2rem;border-radius: 10px;padding: 4px 3%;}
		.qrcode_box {padding: 4% 2% 2%;}
		.every_year{padding:3% 2% 4%;}	
		.qrcode_box>hgroup h4+p {text-align: left;margin: 0% 7% 4% !important;}	
		#askarea input[type="text"], #askarea select {padding: 0.5% 2%;}
}
@media (min-width: 640px) {
}

@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 {
}