/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,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%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */

body {margin: 0 auto;padding: 0;font-family: 'Noto Sans TC', sans-serif;background: url("../images/line_bg.gif");}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{width:100%;margin:0 auto;}
.br{display:block}
.flex{display: flex;}
[class*="flex"] {display: flex;flex-wrap: wrap;}
[class*="grid"] {display: grid;}
h1{font-size: 2.2rem}
h2{font-size: 2.1rem}
h3{font-size: 1.5rem}
p{text-align: justify;}
img{max-width:100%;}
figure{margin:0;    text-align: center;}
article{background: url(../images/1305023_bg.jpg) center top / 100% auto;}
small{font-size: .85em;}
.img-responsive{display:inline-block;max-width: 100%;height: auto;}
.bgcolor1{ overflow: hidden; }
.bgcolor2 {background: #00a5e9;}
.bgcolor3{background-color: lightblue}
#event_logo {width: auto;margin: 0 auto;border-radius: 10px 10px 0 0;position: relative;text-align: center;}
#event_logo h1 {font-size: 1.6rem;display: inline-block;vertical-align: bottom; margin: 14px 0 0 10%;padding: 0.7% 2% 1% 1.5%;color:#231815;border-top: 2px #a15927 dotted;border-bottom: 2px #a15927 dotted;position: relative;}
#event_logo h1:before{content:"";position: absolute;width: 88px;height: 81px;background:url(../images/1101072_logo.png)no-repeat;top: -16px;left: -91px;}
#event_master .go123 img{width:100%;margin-left: 2%;}
.money {text-align:center;font-size: 1.5rem;}
.money small{font-size:0.85rem;    margin: 0 3px;    font-weight: 400;}
/* notice */
#event_note{text-align:center;float:left;width:100%;padding-top:1%;padding-bottom:2%;background:#b5509a;border-radius: 0 0 10px 10px;}
#event_note ul{display: inline-block;}
#event_note li{font-size:13px;line-height:20px;color: #FFFFFF;text-align: left;list-style:none;}
.master_list {border-radius: 0 0 10px 10px;margin: 0;position: relative;}
.news_list{position: absolute;z-index: 2;top:14%;right:3%;color: white;width: 82px;height: 84px;text-align: center;text-decoration: none;border-radius: 50%; padding: 16px 9px 0;display: block;box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 68%);transition: all 0.2s linear;animation:color 2.5s ease-in infinite;}
.hit_box{margin: 10px 3rem 15px; padding: 14px;border-radius: 15px;background: linear-gradient(to top,#E8A310 0%, #af1f0f 100%);}
.hit_box h4{font-size: 1.7rem;font-weight: bold;text-align: center;color: #FFFFFF;line-height: 2.5rem;    margin-bottom: 10px;}
.hit_flex{display: flex;flex-wrap: wrap;}
.hit{background: #FFFFFF;padding: 2%;}
.hit div:first-child{color: #23448b;font-size: 1.2rem;font-weight: bold;width: 100%;padding-bottom: 3px;}
.hit dt:nth-child(odd){font-size: 1rem;}
.hit dd:nth-child(even){color: #ff283d;padding-bottom: 5px}

/*Tab*/
*:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.tabbox {
    margin: 0 auto;
    padding: 2rem 3% 1rem;
    text-align: center;
}
.content > div {
	display: none;
    padding:3% 2% 1%;
    border-radius: 0 0 8px 8px;
    background: #ffefdb;
}
/*.content > div p:nth-child(2){
	color: #6A6A6A;
}*/

.tabbox input {display: none;}
.tab_title {font-size: 1.7rem;
	display: inline-block;
    text-align: center;
    width: 48.5%;color: #c2c2c2;
    border-bottom:1px #b4b4b4 solid;padding: 2px 0;
    background: rgba(255, 255, 255, 0.6);
}
.tab_title:hover {cursor: pointer;position: relative;border:1px solid #413d99;}
input:checked + .tab_title.a,input:checked + .tab_title.b {border:1px #a04c7e solid;background: linear-gradient(45deg, #1B5BA8, #E86A65);color: white;}

#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2{
    display: block;
    text-align: left;
}

@keyframes color{
    0%{background: linear-gradient( 45deg, #2151a0, #a05eff);}
    100%{background: linear-gradient( 45deg, #ffad00, #f10b78);}
}
.feature_box_grid{grid-template-columns: repeat(6,16.6%);grid-template-rows: repeat(5,20%);}
.master_list:first-child{width:100%;order:1;margin-block-start:-1rem;}
.master_list:first-child div:nth-of-type(2) { gap: 1.8rem; }
.master_list h1 {font-size: 4rem;color: #2151a0;text-align: center;font-family: "Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS";    background: linear-gradient(to top, #008a4e,#009ed5);background-clip: text;-webkit-background-clip: text;color: transparent;margin: 0 0 2%;}
.master_list h1 small{font-size:3rem;}
.master_list h2 {font-size: 3.2rem;color: #fff;background-color: #e9716e;padding: 0.2% 2.2%;border-radius: 50%;display: inline-block;}
.master_list h3 {font-size: 2.2rem;line-height: 4rem;color: #2a2a2a; margin: 0;text-align: center;letter-spacing: -1px;}
.master_list>h4{font-size: 1.6rem;text-align: center;margin: 0 0 7px;color: #ffffff;background: linear-gradient(45deg, #413d99, #ff5a62);font-weight: 500;border-radius: 50px;padding: 2px 0;}
.master_list>h4 .far{font-size: 1.3rem;color: rgb(255 255 255 / 56%);}
.master_list>h4+p{font-size: 1.125rem;line-height: 30px;margin: 17px 0;}
.master_list p b,.money b,.feature_box_flex h3 strong{color: #e50000;}
.hitmaster_list:first-child {
    width: 52%;
    order: 1;
    margin: 0 -12% 0 5%;
}
.hitmaster_list2:first-child {
    margin: -5rem -12% 0rem 5%;
    align-content: center;
    justify-content: center;
    gap: 1rem;
}
.hitmaster_list:last-child {
    width: 55%;
    order: 2;
    padding: 0;
    margin: -3rem 0 -1rem 0;
}
.hitmaster_list2:last-child {
    margin: -3rem 0 -5rem;
    align-content: center;
}
.master_box p span{font-size: 1.2rem;font-weight: bold;display: block;}
.feature_box_flex{ justify-content: center;margin: 2rem 3rem;}
.feature_list { width: 45%;row-gap: 1.4rem; }
dl{margin: 2%;}
dt{font-size: 1.3rem;}
.master_box{padding: 0 3rem;position: relative;}
.master_box_bubble {
    position: absolute;
    content: "";
    z-index: 1;
    width: 120px;
    height: 80px;
    right: 8%;
    top: 12%;
    text-align: center;
    background: linear-gradient(30deg,#DD9813 0%,#BE5D22 100%);
    border-radius: 50%;
    font-size: 1.1rem;
    color: white;
    padding: 1.6rem 0 1rem;
    animation: move1 .6s linear alternate infinite;
}
.master_box_2 {
    padding: 5.5rem 0 0 2.5rem;
}
.Object_flex { width: 62%;margin-right: -8%;}
.Object_flex figcaption{margin: -3.5rem auto 0rem;width: 100%;}
.Object_2_flex .Object_2_list {
    width: 100%;
}
@keyframes move1{
    0%{transform: scale(1);}
    100%{transform: scale(1.05);}
}
.master_box_bubble span{
    display: block;
    font-size: 1.7rem;
    font-weight: bold
}
.master_box_bubble a{color: white;}

/*命中*/
.buy {background:linear-gradient(to right,#BD5199 0%, #EAD77F 30%, white 50%, #EAD77F 70%, #BD5199 100%);padding: 15px 0;}
.buy ul li{display: inline;font-size: 1.35rem;color:blcak;}
.buy ul li a{color: black;}
#event_buy{text-align: center;}
.buy a:nth-child(1) {padding: 0 2% 0 0;}
.quiz_flex {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: dashed thin #f9ddb3;
}
.quiz_flex h5 {
    background: linear-gradient(326deg, #c1641e 0%, #da9713 70%);
    color: #ffffff;
    text-align: center;
    margin: 0 0 5px;
    padding: 2px 0;
    font-size: 1.6rem;
    width: 100%;
    display: block;
}
.quiz { width: calc(100% / 2.05);padding: 0 0.2rem; }
.quiz p { margin: .4rem 0; }
.quiz p:last-child { color: #ff283d; }
.quiz_group:nth-child(1) .quiz_flex:nth-child(1) .quiz:nth-child(-n+2),
.quiz_flex:nth-child(2) .quiz:nth-child(1),
.quiz_flex:nth-child(4) .quiz:nth-child(1),
.quiz_group:nth-child(2) .quiz_flex:nth-child(1) .quiz:nth-child(2),
.quiz_group:nth-child(2) .quiz_flex:nth-child(1) .quiz:nth-child(1) { width: 100%; }
.quiz img {
    border-radius: 10px;
    border-right: #EE7C1A 2px solid;
    border-bottom: #EE7C1A 2px solid;
    border-top: #0098B3 solid 2px;
    border-left: #0098B3 solid 2px;
}


@media(max-width:767px) {
    .master_list:first-child { margin-block-start: 0; }
    .master_list:first-child div:nth-of-type(2) { margin-top: 1.5rem; }
    .hitmaster_list:first-child {
        order: 1;
        margin: 3rem auto 1.2rem;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .hitmaster_list:last-child {
        order: 2;
        margin: 0 auto;
        justify-content: center;
    }
    .hitmaster_list:first-child, .hitmaster_list:last-child {  width: 100%; }
    .master_box { padding: 0 1.8rem; }
    .master_box_bubble {
        border-radius: 0;
        width: 100%;top: 0;
        left: 0;right: 0;
        padding: 0;height: 3rem;animation: none;
    }
    .master_box_2 { flex-wrap: wrap;padding: 0; }
    .master_box_bubble span { display: inline; }
    .master_box_bubble br { display: none; }
    .Object_flex { width: auto;margin: 0 auto 1.5rem;}
    .feature_title {font-size: 1.3rem;}
    .feature_list{width: 100%;}
    .feature_box_flex{margin: 1rem auto;}
    .feature_box_flex figure { justify-content: center; overflow: hidden;}
    .feature_box_flex > :is(div, figure) { justify-content: center;width: 96%; }
	.buy ul li {display: block;line-height: 45px;}
    .quiz{width: 100%;}
}