@charset "UTF-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');
@import url('https://fonts.googleapis.com/css?family=Play:400,700');
@import url('fonts.css');

/*----- S15M global attributes -----*/
.w-100{width:100%}
.m-0 {margin: 0 !important;}.mt-0,.my-0 {margin-top: 0 !important;}.mr-0,.mx-0 {margin-right: 0 !important;}.mb-0,.my-0 {margin-bottom: 0 !important;}.ml-0,.mx-0 {margin-left: 0 !important;}
.m-1 {margin: 0.25rem !important;}.mt-1,.my-1 {margin-top: 0.25rem !important;}.mr-1,.mx-1 {margin-right: 0.25rem !important;}.mb-1,.my-1 {margin-bottom: 0.25rem !important;}.ml-1,.mx-1 {margin-left: 0.25rem !important;}
.m-2 {margin: 1rem !important;}.mt-2,.my-2 {margin-top: 1rem !important;}.mr-2,.mx-2 {margin-right: 1rem !important;}.mb-2,.my-2 {margin-bottom: 1rem !important;}.ml-2,.mx-2 {margin-left: 1rem !important;}
.m-3 {margin: 2rem !important;}.mt-3,.my-3 {margin-top: 2rem !important;}.mr-3,.mx-3 {margin-right: 2rem !important;}.mb-3,.my-3 {margin-bottom: 2rem !important;}.ml-3,.mx-3 {margin-left: 2rem !important;}
.m-4 {margin: 4rem !important;}.mt-4,.my-4 {margin-top: 4rem !important;}.mr-4,.mx-4 {margin-right: 4rem !important;}.mb-4,.my-4 {margin-bottom: 4rem !important;}.ml-4,.mx-4 {margin-left: 4rem !important;}
.m-5 {margin: 6rem !important;}.mt-5,.my-5 {margin-top: 6rem !important;}.mr-5,.mx-5 {margin-right: 6rem !important;}.mb-5,.my-5 {margin-bottom: 6rem !important;}.ml-5,.mx-5 {margin-left: 6rem !important;}
.p-0 {padding: 0 !important;}.pt-0,.py-0 {padding-top: 0 !important;}.pr-0,.px-0 {padding-right: 0 !important;}.pb-0,.py-0 {padding-bottom: 0 !important;}.pl-0,.px-0 {padding-left: 0 !important;}
.p-1 {padding: 0.25rem !important;}.pt-1,.py-1{padding-top: 0.25rem !important;}.pr-1,.px-1{padding-right:0.25rem !important;}.pb-1,.py-1{padding-bottom: 0.25rem !important;}.pl-1,.px-1{padding-left: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}.pt-2,.py-2{padding-top: 0.5rem !important;}.pr-2,.px-2{padding-right: 0.5rem !important;}.pb-2,.py-2{padding-bottom: 0.5rem !important;}.pl-2,.px-2{padding-left: 0.5rem !important;}
.p-3 {padding: 1rem !important;}.pt-3,.py-3{padding-top: 1rem !important;}.pr-3,.px-3{padding-right: 1rem !important;}.pb-3,.py-3{padding-bottom: 1rem !important;}.pl-3,.px-3{padding-left: 1rem !important;}
.p-4 {padding: 1.5rem !important;}.pt-4,.py-4{padding-top: 1.5rem !important;}.pr-4,.px-4{padding-right: 1.5rem !important;}.pb-4,.py-4{padding-bottom: 1.5rem !important;}.pl-4,.px-4{padding-left: 1.5rem !important;}
.p-5 {padding: 3rem !important;}.pt-5,.py-5{padding-top: 3rem !important;}.pr-5,.px-5{padding-right: 3rem !important;}.pb-5,.py-5{padding-bottom: 3rem !important;}.pl-5,.px-5{padding-left: 3rem !important;}
.flex{display: flex;}
.flex-center{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex-bottom{display: flex;-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items: flex-end;-webkit-box-pack: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}
.flex-left{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: left;}

.S15M p{ color: #fff;}
#product{overflow:hidden} 
.GS66-overview ul li {
    list-style: disc;
    padding-bottom: 5px;
}
/*----- S15M new container-sm -----*/
.S15M .container-sm {padding-right:25px;padding-left:25px;margin: 0 auto}
@media (min-width: 576px) {
.S15M .container-sm {max-width: 540px;}}
@media (min-width: 768px) {
.S15M .container-sm {max-width: 720px;}} 
@media (min-width: 992px) {
.S15M .container-sm {max-width: 960px;}}
@media (min-width: 1200px) {
.S15M .container-sm {max-width: 1140px;}}

/*----- S15M customized -----*/
.S15M img{max-width:inherit}
.S15M h2,.S15M h3,.S15M h4,.S15M h5{font-family:  inherit ;font-weight: normal;}
.S15M h2{font-size: 42px;margin:26px 0px;}
.S15M p{font-size: 17px;line-height: 30px}
.S15M .note{font-size: 14px;line-height: 26px;color:#666;}
.S15M .data li{font-size:18px;font-family: inherit ;margin:0px 20px;list-style: none;}
.S15M .data li span{font-size:50px;font-family: 'DINCond-Light';margin:0px 8px;position: relative;bottom: -12px;}
.S15M .data-l li{margin:0px 40px 0px 0px;}
.S15M .data-l li span{margin:0px 8px 0px 0px;}

@media (max-width: 1599px) {
.S15M h2{font-size: 40px;margin:22px 0px;}
.S15M p{font-size: 16px;line-height: 28px}
.S15M .data li{font-size:22px;margin:0px 18px;;}
.S15M .data li span{font-size:52px;margin:0px 7px;bottom: -9px;}
.S15M .data-l li{margin:0px 36px 0px 0px;}
.S15M .data-l li span{margin:0px 7px 0px 0px;}
}
@media (max-width: 1399px) {
#app-player img{width:100%;}
.S15M h2{font-size: 38px;margin:20px 0px;}
.S15M p{font-size: 15px;line-height: 24px}
.S15M .data li{font-size:18px;margin:0px 14px;}
.S15M .data li span{font-size:42px;margin:0px 6px;bottom: -7px;}
.S15M .data-l li{margin:0px 28px 0px 0px;}
.S15M .data-l li span{margin:0px 6px 0px 0px;}
}
@media (max-width: 991px) {
.S15M h2{font-size: 34px;margin:18px 0px;}
.S15M p{font-size: 14px;line-height: 22px}
.S15M .data li{font-size:17px;margin:0px 10px;font-family: 'DINCond-Light';}
.S15M .data li span{font-size:36px;margin:0px 5px;bottom: -6px;}
.S15M .data-l li{margin:0px 20px 0px 0px;}
.S15M .data-l li span{margin:0px 5px 0px 0px;}
}
@media (max-width: 767px) {

.S15M h2{font-size: 30px;margin:16px 0px;}
.S15M .data li{font-size:16px;margin:0px 8px;}
.S15M .data li span{font-size:28px;margin:0px 4px;bottom: -5px;}
.S15M .data-l li{margin:0px 16px 0px 0px;}
.S15M .data-l li span{margin:0px 4px 0px 0px;}
}

/*----- S15M tab -----*/
.S15M .sub-tabbox .slick-slide{white-space:nowrap;background: #222;color:#999;padding: 12px 80px;margin: 0px 5px;transform:skewX(12deg);font-family: 'DINCond-Bold';box-shadow: 3px 0px 5px rgba(0,0,0,.8);}
.S15M .sub-tabbox .slick-slide li{transform:skewX(-12deg);}
.S15M .sub-tabbox .slick-current{background: #333;color:#fff;}
.S15M .pd-container img{max-width:100%}
.S15M .pd-container{background:#000;width:100%;max-width: 100%;}

@media (max-width:574px) {
.S15M .sub-tabbox .slick-slide{height: 115px;line-height:115px;padding:0px;transform:skewX(0deg);}
.S15M .sub-tabbox .slick-slide li{transform:skewX(0deg);}
.S15M .sub-tabbox .slick-slide.slick-current {background: #222;color: #fff;}
.S15M .sub-tabbox .slick-slide{background: #111;color: #888;}}