body{
    font-family: Times New Roman, "微軟正黑體";
}
.aboutArea {
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
    padding:468px 0 100px 0;
   /* background-image: url(../img/11632.jpg);*/
    background-size: cover;
}


/*0221修改*/
#section01 .content-inner{
    max-width: unset;
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%,0%);
}
#section01 #test{
    font-size: 120px;
    font-family: arial; 
    z-index:18;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Encode Sans Semi Expanded';
    text-align: center;
   /* display: table;*/
    letter-spacing: 10px;
}
#section01 .subtt_bn{
    margin-top: 15px;
}
#section01 .subtt_bn p{
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: 3px;
    font-weight: 900;
    margin-bottom: 3px;
    font-family: 'Encode Sans Semi Expanded';
    
}
.aboutart {
    margin: 40px auto 50px auto;
    display: table;
    max-width: 450px;
}
.aboutart h3{
    font-family: arial;
    font-weight: 900;
    font-size: 40px;
}
.aboutart p{
    margin: auto;
    display: table;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 35px;
    font-size: 16px;
}
.code-print a{
    font-family: arial;
    letter-spacing: 3px;
    width: 200px;
    text-align: center;
    border: 4px solid white;
}
/*0221修改end*/


.logoabout_all{
	z-index: 99;position: absolute;margin-top: -90px;
}
.aboutArea video {
    position: absolute;
    left: 50%;
    top: 50%;
    /* The following will size the video to fit the full container. Not necessary, just nice.*/
    width: 80%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
	padding: 300px;
}
.aboutlogo {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,6%);
    width: 200px;
	margin-top: -135px;
}
.black {
    background: 
    rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.textBox {
    background: 
    rgba(0,0,0,0.3);
    width: 45%;
    margin: auto;
    position: absolute;
    z-index: 1;
    display: table;
    padding: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.textBox .about_tt {
    font-size: 50px;
    font-family: arial;
    font-weight: 900;
    color: #fff;
}
.textBox .about_con {
    font-size: 15px;
    color: 
    #fff;
    width: 60%;
    line-height: 1.7;
    letter-spacing: 1px;
	margin: auto;
}
.aboutArea .morebt {
    border: 4px solid #fff;
    width: 200px;
    padding: 10px;
    margin: 30px auto 20px auto;
    text-align: center;
    font-family: arial;
    font-size: 20px;
    letter-spacing: 2px;
    color:   #fff;
    cursor: pointer;
}
a.hvr-sweep-to-right{color:white;padding: 10px 25px;}
.hvr-sweep-to-right::before{ background: #fd7e14 !important; }
a.hvr-sweep-to-right:hover{text-decoration:none !important;}
@media screen and (max-width: 1200px){
    .aboutArea video {
        width: 80%;
    }
}
@media screen and (max-width: 1024px){
    .aboutArea video {
        width: 85%;
    }
    .textBox{
        width: 60%;
    }
    .textBox .about_tt {
        font-size: 40px;
    }
    #section01 #test{
        font-size: 60px;
    }
}
@media screen and (max-width: 768px){
    #section01 #test{
        text-align: center;
        display: table;
    }
    #section01 .content-inner{
        top: 28%;
    }
    .aboutlogo{
        transform: translate(-53%,6%);
        width: 170px;
        margin-top: -160px;
    }
	.cd-modal-action .cd-modal-bg.is-visible {left: 0px !important;}
}
@media screen and (max-width: 550px){
    .aboutart {
        max-width: 320px;
    }
    .aboutart h3, .aboutart p{
        margin-left: -15px;
    }
		.cd-modal-action .cd-modal-bg.is-visible {left: 0px !important;}
}
@media screen and (max-width: 500px){
    #section01 #test{
        font-size: 45px;
    }
    .aboutart h3{
        font-size: 35px;
        line-height: .7 !important;
        padding-left: 40px;
    }
    .aboutart p{
        padding: 0 40px;
        text-align: left;
    }
    #section01 .subtt_bn p{
        font-size: 19px
    }
		.cd-modal-action .cd-modal-bg.is-visible {left: 0px !important;}
    
}