@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');
* {-webkit-text-size-adjust: none;}
body{overflow-x:hidden!important;font-family: "DINPro";background:#000;color:#fff;font-weight: 300;}
a:focus{outline:none;}
img{max-width:100%;}
h1,h2,h3,h4,h5{font-family: "DINPro"; font-weight: 600;}
h1{font-size:42px;margin-bottom:30px;}
h2{font-size:24px;margin-top:-20px;margin-bottom:30px;}
h1 span{font-size:24px;}
h1.value{font-family: 'DINCond-Light';}
h1.underline{margin-bottom:20px;}
h1.underline:after{content:'';display:block;width:50px;height:1px;background:#666;margin-top:20px;}
p{font-size:18px;line-height:28px;color:#aaa;}
@media (max-width: 1599px) {
h1{font-size:40px;margin-bottom:28px;}
h1 span{font-size:23px;}
p{font-size:17px;line-height:27px;}}
@media (max-width: 1399px) {
h1{font-size:36px;margin-bottom:26px;}
h1 span{font-size:22px;}
p{font-size:16px;line-height:26px;}}
@media (max-width: 991px) {
h1{font-size:32px;margin-bottom:24px;}
h2{font-size:18px;margin-top:-20px;margin-bottom:20px;}
h1 span{font-size:21px;}
p{font-size:15px;line-height:26px;}}
@media (max-width: 767px) {
p{font-size:14px;line-height:24px;}
h1.underline:after{margin:20px auto;}}

.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;align-items: center;}
.flex-baseline{display: flex;align-items: baseline;}
@media (max-width: 991px) {
.flex{display: block;}
.flex-center{display: block;align-items: center;}}

/*----- container -----*/
.container {width: 100%;padding-right: 25px;padding-left: 25px;}
@media (min-width: 576px) {.container {max-width: 540px;}}
@media (min-width: 768px) {.container {max-width: 720px;}} 
@media (min-width: 992px) {.container {max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1140px;}}
@media (min-width: 1400px) {.container {max-width: 1240px;}}
@media (min-width: 1600px) {.container {max-width: 1440px;}}