/*------------------------------------------------------animate*/
@keyframes myfirst{
    0%{transform: translate3d(0px, 30px, 0px);opacity: 0;}
    100%{transform: translate3d(0px, 0px, 0px);opacity: 1;}
}
@keyframes forreadline{
    0%{transform: translate3d(0px, 30px, 0px);}
    50%{transform: translate3d(0px, 0px, 0px);}
    100%{transform: translate3d(0px, 30px, 0px);}
}
@keyframes myfirst3{
    0%{margin-top:-150%;}
    100%{margin-top:0%;}
}
/*------------------------------------------------------animate*/
/*--------------------------------------------------------------------pic2*/
/*---------------------------------------type*/
#pic2type{
    display:table;
    text-align:center;
    width:100%;
    height: 100%;
    min-height: 402.5px;
}
#pic2type .pic2typein{
    display:table-cell;
    vertical-align:middle;
}
#pic2type h1{
    color:#ffffff;
    text-shadow: 0px 0px 6px #000;
    font-size: 46px;
    font-weight: 900;
    margin: 0;
    margin-top:2%;
    margin-bottom:2%;
}
#pic2type h2{
    color:#ffffff;
    text-shadow: 0px 0px 6px #000;
    font-size: 24px;
    font-weight: 400;
    margin: 0px;
}
/*---------------------------------------type*/
/*--------------------------------------video*/
#pic2video{
    display:table;
    width:100%;
}
/*--------------------------------------video*/
/*-----------------------------------readline*/
#readline{
    width:50px;
    height:50px;
    margin-top: 7%;
    display:block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    animation-name: forreadline;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    cursor: pointer;
}
/*-----------------------------------readline*/
/*--------------------------------------------------------------------pic2*/
/*--------------------------------------------------------------------pic3*/
#pic3text{
    width:60%;
    height:100%;
    min-height: 560px;
    margin-left: auto;
    margin-right: auto;
}
/*---------------------------------------type*/
#pic3text .pic3texttype{
    width:100%;
    height:100%;
    padding-top: 4%;
    padding-bottom: 4%;
}
.pic3texttype h3{
    font-size:28px;
    font-weight: 900;
    border-bottom:1px solid #000000;
    margin:0;
}
/*---------------------------------------type*/
/*---------------------------------------text*/
#pic3text .pic3textoce{
    width:100%;
    height:100%;
    min-height: 430px;
}
/*----------------------ipf671*/
.pic3textoce .ipf671{
    /*background-color:green;*/
    width: 30%;
    display: inline-block;
    height: 100%;
    min-height:378px;
    max-height:378px;
    margin: 1.5%;
    text-align: center;
}
.pic3textoce .ipf671 img{
    margin-top:10%;
}
.pic3textoce .ipf671 p{
    text-align:center;
    font-weight: 900;
    font-size: 20px;
}
.pic3textoce .ipf671 input{
    text-align:center;
    font-size:20px;
    font-family: "微軟正黑體";
    font-weight: bold;
    border-bottom: 2px solid #8C0023;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    box-sizing: border-box;
    border-radius:5px;
    background-color:#cc0033;
    color:#ffffff;
    padding: 5px 15px 5px 15px;
}
/*----------------------ipf671*/
/*----------------------ipf681*/
.pic3textoce .ipf681{
    /*background-color:green;*/
    width: 30%;
    display: inline-block;
    height: 100%;
    min-height:378px;
    max-height:378px;
    margin: 1.5%;
    text-align: center;
}
.pic3textoce .ipf681 img{
    margin-top:10%;
}
.pic3textoce .ipf681 p{
    text-align:center; 
    font-weight: 900;
    font-size: 20px;
}
.pic3textoce .ipf681 input{
    text-align:center;
    font-size:20px;
    font-family: "微軟正黑體";
    font-weight: bold;
    border-bottom: 2px solid #8C0023;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    box-sizing: border-box;
    border-radius:5px;
    background-color:#cc0033;
    color:#ffffff;
    padding: 5px 15px 5px 15px;
}
/*----------------------ipf681*/
/*----------------------ipf781*/
.pic3textoce .ipf781{
    /*background-color:green;*/
    width: 30%;
    display: inline-block;
    height: 100%;
    min-height:378px;
    max-height:378px;
    margin: 1.5%;
    text-align: center;
    position:relative;
}
.pic3textoce .ipf781 img{
    margin-top:10%;
}
.pic3textoce .ipf781 p{
    text-align:center; 
    font-weight: 900;
    font-size: 20px;
}
.pic3textoce .ipf781 input{
    text-align:center;
    font-size:20px;
    font-family: "微軟正黑體";
    font-weight: bold;
    border-bottom: 2px solid #8C0023;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    box-sizing:border-box;
    border-radius:5px;
    background-color:#cc0033;
    color:#ffffff;
    padding:5px 15px 5px 15px;
}
/*----------------------ipf781*/
/*---------------------------------------text*/
/*--------------------------------------------------------------------pic3*/
/*--------------------------------------------------------------------pic4*/
/*----------------------------------------text*/
#pic4text{
    width:80%;
    height:100%;
    min-height:451px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
/*----------------------------------------text*/
/*----------------------------------------type*/
#pic4title{
    width:50%;
    height:100%;
    display: table-cell;
    vertical-align: middle;
}
.pic4texttype{
    margin-left: auto;
    margin-right:4%;
    width: 60%;
    padding: 4%;
}
.pic4texttype h3{
    color:#ffffff;
    font-size: 32px;
    font-weight: 900;
    margin:0;
}
.pic4texttype p{
    color:#ffffff;
    margin-bottom:10%;
}
.pic4texttype input{
    font-size:20px;
    font-family: "微軟正黑體";
    font-weight: bold;
    border-bottom: 2px solid #8C0023;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    box-sizing:border-box;
    border-radius:5px;
    background-color:#cc0033;
    color:#ffffff;
    padding:5px 15px 5px 15px;
}
/*----------------------------------------type*/
/*-----------------------------------------img*/
#pic4img{
    width:50%;
    height:100%;
    display: table-cell;
    vertical-align: middle;
}
#pic4img img{
    margin-left:4%;
    margin-right:auto;
}
/*-----------------------------------------img*/
/*--------------------------------------------------------------------pic4*/
/*--------------------------------------------------------------------pic5*/
/*----------------------------------------text*/
#pic5text{
    width:80%;
    height:100%;
    min-height:451px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
/*----------------------------------------text*/
/*----------------------------------------type*/
#pic5title{
    width:50%;
    height:100%;
    display: table-cell;
    vertical-align: middle;
}
.pic5texttype{
    margin-left: auto;
    margin-right:4%;
    width: 60%;
    padding: 4%;
    background-color:rgba(0,0,0,0.8);
}
.pic5texttype h3{
    color:#ffffff;
    font-size: 32px;
    font-weight: 900;
    margin:0;
}
.pic5texttype p{
    color:#ffffff;
    margin-bottom:10%;
    font-weight: 900;
}
.pic5texttype input{
    font-size:20px;
    font-family: "微軟正黑體";
    font-weight: bold;
    border-bottom: 2px solid #8C0023;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    box-sizing:border-box;
    border-radius:5px;
    background-color:#cc0033;
    color:#ffffff;
    padding:5px 15px 5px 15px;
}
/*----------------------------------------type*/
/*-----------------------------------------img*/
#pic5img{
    width:50%;
    height:100%;
    display: table-cell;
    vertical-align: middle;
}
#pic5img img{
    margin-left:4%;
    margin-right:auto;
    -webkit-filter:drop-shadow(5px 5px 5px #333);
    filter:drop-shadow(5px 5px 5px #333);
}
/*-----------------------------------------img*/
/*--------------------------------------------------------------------pic5*/
/*--------------------------------------------------------------------pic6*/
/*----------------------------------------text*/
#pic6text{
    width:100%;
    height:100%;
    min-height:378px;
    display:table;
}
.pic6textin{
    width:100%;
    display: table-cell;
    vertical-align: middle;
}
/*----------------------------------------text*/
/*----------------------------------------type*/
.pic6type1{
    display: inline-block;
    margin: 4.428%;
    margin-top: 0px;
    margin-bottom: 0px;
   
}
.pic6type1 img{
    max-width: 304px;
}
/*----------------------------------------type*/
/*--------------------------------------------------------------------pic6*/
/*--------------------------------------------------------------------pic7*/
/*----------------------------------------text*/
#pic7text{
    width:60%;
    height:100%;
    min-height:378px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.pic7textin{
    width:100%;
    display: table-cell;
    vertical-align: middle;
}
/*----------------------------------------text*/
/*----------------------------------------type*/
.pic7type1{
    display: inline-block;
    width:45%;
    margin:1.4%;
    position:relative;
    min-width: 513.44px;
    min-height: 189px;
    background-repeat: no-repeat;
    background-position: center center;
}
.pic7type1 input{
    font-size:20px;
    font-family: "微軟正黑體";
    font-weight: bold;
    border-bottom: 2px solid #8C0023;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    box-sizing:border-box;
    border-radius:5px;
    background-color:#cc0033;
    color:#ffffff;
    padding:5px 15px 5px 15px;
    position: absolute;
    bottom: 0%;
    right: 0%;
}
/*----------------------------------------type*/
/*--------------------------------------------------------------------pic7*/