@import url("../../../icon_new_6.2/css/all.css");
/*DIY*/
:root {
    --text1: 1.6rem;
    --text2: 1.5rem;
    --text3: 1.3rem;
    --text4: 1.2rem;
    --text5: 1.1rem;
    --text6: 1rem;
}

article *{transition:all .3s;}
.bg1{background:url(../images/1307036_3_01.png) center top / 100% auto #c3571c no-repeat;text-align:center}
.bg0{background-color: #F6F6F6;}
.bg3{
    background: -moz-linear-gradient(44deg, #E19B07 81%, #C3571C 100%);
    background: -webkit-gradient(linear, 44deg, color-stop(81%, E19B07), color-stop(100%, C3571C));
    background: -webkit-linear-gradient(44deg, #E19B07 81%, #C3571C 100%);
    background: -o-linear-gradient(44deg, #E19B07 81%, #C3571C 100%);
    background: -ms-linear-gradient(44deg, #E19B07 81%, #C3571C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
    background: linear-gradient(44deg, #E19B07 81%, #C3571C 100%);
}
.bg4{background: #b0d5cd;}
.bg5{background: #E4E4E4;}
.pad1 { padding: 1rem; }
.banner{width:100%;height:auto;display:block;position:relative;margin:auto}
.banner img{margin:0 auto;max-width:100%;height:auto}
.menu a{background-color:#275c89;color:#f6e109;border-radius:8px;padding:1rem;font-size: var(--text2);}
.menu li:hover{transform:scale(1.1);}
.menu ul{color:#fff;font-size:1.4em;line-height:1.7em;}
.menu ul li{text-align:center}
.group_title{color: #275C89;font-size: 1.8rem;font-weight: 900;}
.group_set{text-align: left;}
.group_set p{font-size: 1.2rem;}
.schedule-list time {
    width: 100%;
	display: inline-table;
    font-size: 0.7em;
    font-weight: 500;
}
.time_up{margin-top:-12px;display:block}
.schedule-time{background-color:#FAFAFA;padding:.5rem;margin-bottom:1em;margin-top:2%}
.schedule-list{text-align:center;margin:17% 0}
.schedule-day{background-color:#ff4133;font-size:1.5em;padding:4px 0;margin-top:40px;margin-bottom:20px;color:#fff;text-align:center}
.schedule-time li{font-size:1.4em;line-height:1em;font-weight:700;display:inline-block;border:solid 3px #ff4133;width:100px;height:100px;border-radius:50%;text-align:center;margin:0 5px;position:relative;padding-top:32px;color:#29398e}
.schedule-time li:before{width:50%;border:0;border-top:3px solid #ff4133;transform:rotate(270deg);right:0;left:0;margin:auto;top:116px}
.schedule-time li:after {
    width: 11px;
    height: 11px;
    background-color: #eeece1;
    bottom: -50px;
    right: 0;
    left: 0;
    margin: auto;
    border: solid 3px #ff4133;
    border-radius: 50%;
}
.schedule-time li:before,.schedule-time li:after{content:"";position:absolute}
.schedule-list.b .schedule-day{background-color:#e6a19a}
.schedule-list a {
    color: #ff4133;
    font-weight: bold;
}
body *{font-family: 'Noto Sans TC', sans-serif;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#Master_title img {
}

.offer_note{margin-left: 0%;}
.offer_note dd{margin:1% 0;font-size:1.6em;color:#4b6e55;font-weight: 900;}
.offer_note dt{font-size: var(--text1);margin:1% 0;font-family: "microsoft yahei";text-align: center;display: block;font-weight: 900;}
.offer_note dt a,.offer_note dt{color:#1D3E5A;}
.offertb,.offertb th,.offertb td{border-collapse: collapse;border:1px #000 solid;padding:1%;text-align: center;}
.gobuy a{color: #EB665A;}
.offertb td{background-color: #FCFAF5;color: #EB665A;font-size: var(--text3);}
.offertb th{background-color: #B0D5CD;font-size: var(--text2);}
.offertb th,.offertb th a{color: #1D3E5A;}
.offertb{margin:0 auto;width:90%;font-size:  var(--text3);}
.textS{color: rgb(141, 141, 141);}
.text_bg1{color: #FF0000;font-weight: 900;}
.offer_plus dt{color: rgb(48, 48, 48);text-shadow: none;}
.spec_price{text-align: center;}
.spec_price dt{font-size: var(--text3);}
.spec_price dd,.spec_price dd a,.spec_price dt a{color:#1D3E5A;}
.spec_price dd{font-size: var(--text4);}
.spec_price dt{background-color: #B0D5CD;color: #1D3E5A;width:90%;padding:1%; margin: 0 auto;}
.bottom_buy{margin:1rem auto}
.bottom_buy li{font-size:1.4rem}
.bottom_buy li a{color:#fff;background-color:#e81f2b;padding:2px 10px;box-shadow:0 3px 3px #fff;border-radius:20px 20px 0 0}
.bottom_buy li a:hover{transform:scale(1.1);background-color:#fb6e08;box-shadow:0 2px 6px 0 #483b30}

.title_cube{ border:solid medium #65b2a8;color:#1d3e5a;border-radius:20px;font-size:1.9rem;padding:0 1rem;margin:0 3rem 1rem;font-weight:900; }
.title_out img{position: absolute;z-index: 99;background:#F6E109 ;border-radius: 1rem;}
.title_out{position: relative;}
.in_cube_contianer { justify-content: center;align-items: center; }
.in_cube{border: 2px solid #B0D5CD;margin:1.5% 0; border: 2px solid #B0D5CD;margin: .5rem 0;position: relative;z-index:0;text-align: left;font-size: var(--text5);width: 100%;}
.in_cube h2{font-size:1.4em;font-weight:500;padding:.7%;margin:0;color:#1d3e5a;background-color:#b0d5cd;}
.h2_2{border:none;color:#1D3E5A;background-color:#F6E109;display:inline-block;padding: 0 1rem;border-radius:8px;}
.in_cube:after{z-index:2;position:absolute;content:"";background-image:url(../images/0708093_09.png);background-repeat:repeat;width:65px;height:71px;opacity:.2;top:50%;right:2%}
.in_cube ul{margin: 1% 0;padding: 0 0 0 5%;}
.in_cube .li_none{list-style-type:none;content: "▶";border: none;margin-left: -3%;}
.in_cube .li_none:before{content: "▶ ";color: #D81418;}
.in_cube li{list-style-type:upper-alpha;margin-left: 1.8rem;}
.month{text-align: left;font-size: var(--text4);}
.month ul li {width: 50%;}
.h3_1{color:#fff;font-weight:500;font-size: var(--text3);margin:1rem 0}

.media .stuednt {
    font-size: 1.4em;
    font-weight: bold;
    color: #006699;
}
.media .subject {
    font-size: 1.2rem;
    font-weight: bold;
    color: #D96517;
}
.media .title {
    /* clear: both; */
    font-size: 1.3rem;
	color:#0085CA;
}
.media .content {
    clear: both;
    font-size: 1em;
    line-height: 1.5em;
}
.media {
	text-align: left;
    padding: 2% 5%;
    color: #000000;
    font-size: 1em;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 1% 0 .5%;
}
.linkmore {
    font-size: 1.5em;
    color: #63C;
    text-align: center;
    display: block;
    padding: 3% 0 5%;
}
.cube1 {
    background-color: #39446b;
    color: #fff;
    padding: .3% 1.5%;
    font-size: 1.2rem;
    border-radius: 6px;
}
.linkmore a {
    color: #e81f2b;
}


/*DIV END*/


:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}



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

/*Back to top button */
#back-top{position:fixed;bottom:30px;margin-left:-150px;right:1%;z-index:99}#back-top a{width:50px;height:50px;border-radius:50%;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;transition:1s}#back-top a:hover{color:#000}#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:rgba(99,99,99,0.74) url(../images/up-arrow.png) no-repeat center center;border-radius:50%;transition:1s}#back-top a:hover span{background-color:#777}

/*ask*/
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #eb543f;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 2rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: 0.5%;margin:auto 1% 1% auto;}
#formlist label{display: block;margin: 1rem 0;color: white;font-size: 1.2rem;}
#formlist img{display: inline-block;}
#formlist input{color: #585858;}
#askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5em;width: 88px;margin-top: 2%;border: 2px #fff solid;color: #ffffff !important;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
label > select {margin: 0 1rem;}
#formlist{justify-content: space-around;}
#askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}

@media (width < 767px) {
    :root { --text1: 1.4rem;--text2: 1.3rem;--text3: 1.2rem;--text4: 1.1rem;--text5: 1.1rem;--text6: 1rem; }
    .bg1 { background: url(../images/1307036_3_01.png) center top / 100% auto #c3571c no-repeat; }
    .menu ul { row-gap: 2rem; }
    .menu ul li { width: 50%; }
    .spec_price { margin-block-end: 2rem; }
}