.bgcolor0{background-color: #FCFCFC;}
.bgcolor1{background: linear-gradient(-40deg, #e0e0e0 5%, #fff 50%, #e0e0e0 100%);}
.bgcolor2{background-color: #2ec179;}
.bgcolor3{background-color: #395692;}
.bgcolor4{background-color: #E4E4E4;}
.bgcolor5{background: linear-gradient(-40deg, #ffecf1 5%, #fff 50%, #ffecf1 100%);}
.fcolor1{color: #1c3156;}
.fcolor2{color: #e83428;}
.fcolor3{color: #eb6100;}
.fcolor4{color: #f39800;}
.fcolor5{color: #f8b62b;}
.fcolor5 a{color: #f8b62b;}

/*標題大小*/
.Master_cont {/*background: linear-gradient(-40deg, #e0e0e0 5%, #fff 50%, #e0e0e0 100%);*/padding: 1rem;text-align: center;background: linear-gradient(90deg, #f5b62b 2%, #fe2b60 75%);}
h1{ font-size: 3em; }
h2{ font-size: 3.2em;text-align: center;position: relative;margin: 0 auto;width: fit-content;padding-top: 1%;}
.database-title{font-size: 2.2em;color: #eb6100;text-align: center;font-family: MStiffHeiHK;}
.database-title strong {font-size: 2.75rem;margin: auto 0.5rem;}
header h2:before {content: '';
    background: url(../images/1301100_icon.png) no-repeat top left / 58px 87px;
    position: absolute;
    width: 58px;
    height: 87px;
    left: -58px;
}
h2 strong{ font-size: 1.3em;font-family: MStiffHeiHK; }
h3{ font-size: 2.0em; }
small{ font-size: 0.8em; }

/*event start*/
.container {margin: 0 auto;}

.bg-pic {background: url(../images/1301100_bg.png) no-repeat center top;}
.banner{position: relative;display: block;text-align: center;margin: auto;}
.banner dl{display: flex;justify-content: center;flex-wrap: wrap;}
.banner dl dd{margin: 1rem 2rem;background-color: purple;color: #FFF;padding: .5rem 1rem;}
.banner_title img {margin: auto;}
.banner_title2{position: absolute;content: "";display:block;top: 21%;right:0%;z-index: 2;}
#Master_title{text-align: center;position: relative;background: linear-gradient(-40deg, #e0e0e0 5%, #fff 50%, #e0e0e0 100%);}
#Master_title span{font-size: 2.0em}
.Hs { font-size: 1.5em;text-align: left;margin: 2% 5%;color: #000;background: linear-gradient(to right, #ffffff 85%, #ffffff00 100%);padding: 1% 5%;border-radius: 2rem;}
.Hs i { margin-right: 0.5rem;}
.need { font-size: 2.5em; color: #1c3156; line-height: 1.5em; font-weight: bold; }
.need_icon { margin: 0 2% 0 0; }
/*event start*/
.need_list { font-size: 1.7em; color: #ffffff; line-height: 3rem; }
.need_quickly{font-size: 2.5rem;text-align: center;margin-top: 1rem;color: #87f5f1;font-style: italic;animation: myfirst 1.5s infinite alternate ease-in-out;}
@keyframes myfirst{
    0%{opacity:1}
    15%{opacity:0}
    25%{opacity:1}
    100%{opacity:1}
}
.need_quickly strong{font-weight: 900;}
.discount{margin: 0 15%}
.need_list li::before{content: '★';}
.cont_title { font-weight: bold; font-size: 2.5em; background-color:  #fe2b60; color: white; border-radius: 0; padding: 0.1em 0.5em; position: relative; margin: 0.5em 1.2em 0.5em 0; display: inline-flex; }
.cont_title .fas,.cont_title .fa { padding-top: 5px; margin-right: 5px; }
.cont_title:after { content: ""; position: absolute; width: 0; height: 0; top: 0px; right: -20px; border-style: solid; border-width: 34px 0 34px 20px; border-color: transparent transparent transparent  #fe2b60; }
.experience {font-size: 1.2em;line-height: 1.5em;color: #11303d;}
.experience li{line-height: 1.7em;}
.experience li:nth-child(1){font-weight: bold;color: #1c3156;font-size: 1.3em;}
.experience li:nth-child(1) a{color: #1c3156;}
.experience li:nth-child(1) b{color: #fe2b60;}
.experience strong{color:#2fb6ba}
.experience_content{margin-bottom: 2em;}
.experience_content figure{width: 15%;text-align: center;}
.experience_content img{border-radius: 50%;}
.experience_content ul{width: 85%;}
/*.experience a{color:#FFF;background-color: #466583;padding: 3px 10px;font-size: 0.8em;border-radius: 0.8em;text-decoration: none;}*/
.more{color:#FFF;background-color: #2fb6ba;padding: 3px 10px;font-size: 0.8em;border-radius: 0.8em;text-decoration: none;}
.more a{color:#FFF;}
.date{font-size: 1.3em;color: #11303d;font-weight: bold;display: inline-flex;
    padding-top: 18px;
    position: absolute;}
.date2{font-size: 1.1em;color: #11303d;font-weight: bold;}
.date2 a{font-size: 1em;color: #11303d;}
.discount{text-align: center;
    font-weight: bold;
    border: solid 0px #fff;
    /* border-radius: 1em;*/
    padding: 0% 0% 1%;
    margin: 1em;font-size: 1.0em;background-color: #fff8f0;}
.discount span{color:#FFF;font-size: 1.8em;background: linear-gradient(90deg, #f5b62b 5%, #fe2b60 90%);display: block;}
.discount span strong{font-size: 1.5em;}
.discount ul{text-align: left;font-size: 1.7em;margin: 0.5em 1em;display: flex;flex-wrap: wrap;justify-content: center;color: #1c3156;}
.discount ul strong{color:#fe2b60;font-size: 1.3em;font-weight: bold;}
.discount .type{display: inline-block;margin-top: 1rem;background: linear-gradient(to right, transparent 0%, #fe2b60 10%, #fe2b60 90%, transparent 100%);font-size: 2.0rem;padding: 0 3.5rem;color: white;}
.old_bonus{color:#2fb6ba;font-size: 1.2em;font-weight: bold;text-align: center}
.link_btn a{background-color:#2fb6ba ;color: #fff;border-radius: 1rem;display:inline-block;padding:.5% 1%;text-decoration: none;margin: 1%;font-size: 1.5rem;}
.link_btn{display: inline;}
.rowline li{margin: 0 1%;}
.get_resource{width:49%;display: inline-block;margin: 0 auto;text-align: center;padding: 2% 0 1%;}
.get_resource img{width:30%}
.get_resource{text-align:center}
.resource_btn li{margin-bottom:14.2%;font-size: 1.8rem;}
.get_resource a{font-size: 1.3em;color: #FFF;font-weight: bold;}
.get_resource img:hover {transform: scale(1.1);}
.link_btn a:hover {transform: scale(1.2);}
.target-fix {
    position: relative;
    top: -4rem;
    display: block;
    visibility: hidden;
}

@media screen and (max-width:767px){
    article img{width: 100%;}
.need_list {line-height: 2rem;width: 100%;display: block;font-size: 1.1em;}
.need{font-size: 1.5em;}
.need_icon {width: 10%;}
	.need_quickly {font-size: 1.5rem;}
h2 {
    margin-left: 50px;font-size: 1.5em;
    text-align: left;
    position: relative;
}
header h2:before {background: url(../images/1301100_icon.png) no-repeat top left / 32px 45px;
    top: 0px;
    width: 32px;
    height: 45px;
    left: -32px;
}
	.cont_title {font-size: 1.5em;}
	.cont_title:after {border-width: 20px 0 20px 20px;}
	.experience li {line-height: 2.0rem;}
	.discount span strong {font-size: 1.2em;}
	.discount ul {font-size: 1.3em;}
	.link_btn a {padding: .5% 2%;font-size: 1.3rem;}
.Hs {
    font-size: 1.2em;
}
	.get_resource {
    width: 100%;
}
.experience_content figure {width: 50%;}

}
/*IPAD*/
@media (min-width: 768px) and (max-width: 991px) {
	.banner_title {top:24%;left:0%;}
	.banner_title2{top: 40%;right:0%;}
}

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