.banner{position:relative;overflow:hidden}
.banner .anim{opacity:0}
.banner p.subTitle{margin-top:0;margin-bottom:1rem}
.banner img{vertical-align:middle;border-style:none}
.banner .title{margin-top:0;margin-bottom:.5rem;font-weight:500;font-size:2rem;line-height:1.2}
.banner div.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media(max-width:991px){.banner div.container{position:relative}
}
@media(min-width:992px){.banner div.container{max-width:960px}
}
@media(min-width:1200px){.banner div.container{max-width:1230px}
}
.banner div.container div.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.banner div.container div.row .parsys-wrapper:has(>.aembutton):has(>.text.parbase){display:flex;align-items:center;margin-top:-22px}
.banner div.container div.row .parsys-wrapper:has(>.aembutton):has(>.text.parbase) .text.parbase .com_text{font-family:'Roboto'}
.banner div.container div.row .parsys-wrapper:has(>.aembutton):has(>.text.parbase) .text.parbase .com_text a{color:#fff;font-family:'Roboto';text-decoration:underline;font-weight:400;font-size:16px;line-height:1.3}
@media(max-width:991px){.banner div.container div.row .parsys-wrapper:has(>.aembutton):has(>.text.parbase){flex-direction:column;margin-top:0}
.banner div.container div.row .parsys-wrapper:has(>.aembutton):has(>.text.parbase) .com_btn_wrap{margin:8px 0 30px 0}
.banner div.container div.row .parsys-wrapper:has(>.aembutton):has(>.text.parbase) .text.parbase .com_text{margin-bottom:40px}
.banner div.container div.row .parsys-wrapper:has(>.aembutton):has(>.text.parbase) .text.parbase .com_text a{line-height:18.75px}
.banner div.container div.row .parsys-wrapper:has(>.aembutton):has(>.text.parbase) .newpar.new.section{height:0;margin:0}
}
.banner div.container div.row .txt{padding:32px 28px 0;z-index:2}
@media(max-width:991px){.banner div.container div.row .txt{position:absolute}
}
.banner div.container div.row .txt .title{font-family:"Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-weight:700;font-size:28px;line-height:1.5;text-transform:uppercase}
@media(min-width:768px){.banner div.container div.row .txt .title{font-size:calc(3.75vw)}
}
@media(min-width:1200px){.banner div.container div.row .txt .title{font-size:48px}
}
.banner div.container div.row .txt p.subTitle{font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-size:18px;line-height:1.5;margin:0 0 32px 0}
@media(min-width:768px){.banner div.container div.row .txt p.subTitle{font-size:calc(1.5625vw)}
}
@media(min-width:1200px){.banner div.container div.row .txt p.subTitle{font-size:20px}
}
.banner div.container div.row .seperate_mobile{position:unset}
.banner div.container div.row .com_btn_wrap{margin:30px 0}
.banner div.container div.row.w_hundred{width:calc(99%)}
@media(max-width:991px){.banner div.container div.row.w_hundred{width:unset;max-width:unset}
}
.banner div.container div.row.w_lger{width:calc(99%);max-width:950px}
@media(max-width:991px){.banner div.container div.row.w_lger{width:unset;max-width:unset}
}
.banner div.container div.row.w_lg{width:calc(99%);max-width:580px}
@media(max-width:991px){.banner div.container div.row.w_lg{width:unset;max-width:unset}
}
.banner div.container div.row.w_md{width:calc(99%);max-width:480px}
@media(max-width:991px){.banner div.container div.row.w_md{width:unset;max-width:unset}
}
.banner div.container div.row.w_sm{width:calc(99%);max-width:380px}
@media(max-width:991px){.banner div.container div.row.w_sm{width:unset;max-width:unset}
}
.banner div.container div.row .w_set{width:calc(99%)}
@media(max-width:991px){.banner div.container div.row .w_set_m{width:unset;max-width:unset}
}
@media(min-width:992px){.banner .series-banner{height:calc(41.40625vw)}
.banner .series-banner .space{position:relative;width:100%;display:block}
.banner .series-banner .space:after{padding-top:27.60417%;display:block;content:""}
.banner .series-banner.left-1-1{width:50%;height:530px}
.banner .series-banner.left-2-1{width:33.333333%;height:530px}
.banner .series-banner.left-3-1{width:25%;height:530px}
.banner .series-banner.right-1-1{width:50%;height:530px;transform:translateX(100%)}
.banner .series-banner.right-2-1{width:33.333333%;height:530px;transform:translateX(200%)}
.banner .series-banner.right-3-1{width:25%;height:530px;transform:translateX(300%)}
.banner .container{position:absolute;left:50%;top:0;height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.banner .container>.row{height:100%}
.banner .container.txt-left-top{display:flex;display:-ms-flexbox;justify-content:flex-start}
.banner .container.txt-left-top>.row{align-items:flex-start}
.banner .container.txt-left-middle{display:flex;display:-ms-flexbox;justify-content:flex-start}
.banner .container.txt-left-middle>.row{align-items:center}
.banner .container.txt-left-bottom{display:flex;display:-ms-flexbox;justify-content:flex-start}
.banner .container.txt-left-bottom>.row{align-items:flex-end}
.banner .container.txt-right-top{display:flex;display:-ms-flexbox;justify-content:flex-end}
.banner .container.txt-right-top>.row{align-items:flex-start}
.banner .container.txt-right-middle{display:flex;display:-ms-flexbox;justify-content:flex-end}
.banner .container.txt-right-middle>.row{align-items:center}
.banner .container.txt-right-bottom{display:flex;display:-ms-flexbox;justify-content:flex-end}
.banner .container.txt-right-bottom>.row{align-items:flex-end}
.banner .container.txt-center-top{display:flex;display:-ms-flexbox;justify-content:center}
.banner .container.txt-center-top>.row{align-items:flex-start}
.banner .container.txt-center-middle{display:flex;display:-ms-flexbox;justify-content:center}
.banner .container.txt-center-middle>.row{align-items:center}
.banner .container.txt-center-bottom{display:flex;display:-ms-flexbox;justify-content:center}
.banner .container.txt-center-bottom>.row{align-items:flex-end}
.banner .txt{padding:calc(3.90625vw) calc(1.171875vw) 0}
.banner .txt .title{line-height:1;margin:0 0 calc(1.5625vw) 0;text-shadow:0 2px 6px rgba(0,0,0,0.3)}
.banner .txt p.subTitle{color:#ccc;line-height:1;margin:0 0 calc(2.34375vw) 0;text-shadow:0 2px 6px rgba(0,0,0,0.3)}
.banner .txt a.primary{width:150px;display:inline-block}
}
@media(min-width:1200px){.banner .series-banner{height:530px}
.banner .txt{padding:50px 15px 0}
.banner .txt .title{margin:0 0 20px 0}
.banner .txt p.subTitle{margin:0 0 30px 0}
}
@media(min-width:1920px){.banner .series-banner{height:auto;background-size:cover}
.banner .series-banner .space{display:block !important}
}