body{
font-family: 'Noto Sans TC','微軟正黑體', sans-serif;
}
._pc{
display: block;
visibility: visible;
}
._m{
display: none;
visibility: hidden;
}
.box-out{
width: 100%;
height: auto;
overflow: hidden;
}
/*no1*/
.no1{
width: 100%;
height: auto;
background: url(../images/no1_bg.jpg) center center;
background-size: 100%;
background-repeat: no-repeat;
overflow: hidden;
}
.p01{
font-size: 25px;
color: #3fc5b7;
line-height: 1.2;
font-weight: 700;
margin-bottom: 10px;
text-align: center;
}
.form_out{
width: 510px;
height: auto;
background: #e6e6e6;
padding: 30px 20px;
border-radius:20px;
box-shadow: 0px 0px 20px #000;
margin: 0 auto;
margin-top: 150px;
margin-bottom: 150px;
}
/*form*/
.form_box{
margin-bottom: 0;
}
.btn_block{
width: 100%;
height: auto;
overflow: hidden;
}
.form_txt,.form_txt a{
font-size: 14px;
line-height: 2;
color: #888;
text-align: center;
margin-bottom: 0;
}
.btn_style{
background-color: #ea4fb5;
font-weight: 700;
color: #fff;
}
/*no2*/
.no2{
width: 100%;
height: auto;
overflow: hidden;
}
.no2 a{
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.no2 a img{
width: 100%;
height: auto;
overflow: hidden;
}
.out{
width: 100%;
height: auto;
overflow: hidden;
}
.box_in{
width: 70%;
height: auto;
overflow: hidden;
margin: 0 auto;
margin-bottom: 0;
padding: 120px 0;
}
.box{
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 0;
}
.pic{
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 0;
}
.pic img{
width: 100%;
}
.title {
width: 100%;
height: 70px;
font-size: 25px;
line-height: 1.2;
font-weight: 700;
color: #ea4fb5;
padding: 5px;
margin-bottom: 0;
}
.date{
width: 100%;
height: 40px;
font-size: 23px;
line-height: 1.2;
font-weight: 300;
color: #3fc5b7;
padding: 5px;
margin-bottom: 0;
}
.txt{
width: 100%;
height: 130px;
font-size: 17px;
line-height: 1.2;
font-weight: 300;
color: #313131;
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}
.btn_style{
width: 80%;
height: auto;
border-radius: 30px;
background-color: #ea4fb5;
line-height: 1.5;
margin: 0 auto;
}
.title_bule{
font-size: 45px;
line-height: 1.2;
font-weight: 300;
color: #ea4fb5;
overflow: hidden;
text-align: center;
margin-bottom: 0;
}
.title_orange{
font-size: 25px;
line-height: 1.2;
font-weight: 700;
color: #3fc5b7;
overflow: hidden;
text-align: center;
margin-bottom: 30px;
}
.title_white{
font-size: 45px;
line-height: 1.2;
font-weight: 300;
color: #fff;
overflow: hidden;
text-align: center;
margin-bottom: 30px;
}
.date01{
font-size: 19px;
line-height: 0.7;
font-weight: 300;
color: #fff;
overflow: hidden;
text-align: left;
margin-bottom: 0;
padding: 5px;
}
.place{
font-size: 19px;
line-height: 0.7;
font-weight: 300;
color: #fff;
overflow: hidden;
text-align: left;
margin-bottom: 0;
padding: 5px;
}
.txt1 {
width: 100%;
height: 110px;
font-size: 17px;
line-height: 1.2;
font-weight: 300;
color: #313131;
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}
/*pad 768------------------------------------------*/
@media (max-width:991px) and (min-width:768px){
._pc{
display: block;
visibility: visible;
}
._m{
display: none;
visibility: hidden;
}
/*no1*/
.no1{
width: 100%;
height: auto;
background: url(../images/no1_bg.jpg) center center;
background-size: 200%;
background-repeat: no-repeat;
overflow: hidden;
}
/*no2*/
.no2 {
width: 100%;
height: auto;
overflow: hidden;
}
.box_in {
width: 90%;
height: auto;
overflow: hidden;
margin: 0 auto;
margin-bottom: 0;
padding: 120px 0;
}
.title {
width: 100%;
height: 60px;
font-size: 19px;
line-height: 1.2;
font-weight: 700;
color: #3fc5b7;
padding: 5px;
margin-bottom: 0;
}
.date {
width: 100%;
height: 25px;
font-size: 16px;
line-height: 1.2;
font-weight: 300;
color: #3fc5b7;
padding: 5px;
margin-bottom: 0;
}
.txt {
width: 100%;
height: 120px;
font-size: 15px;
line-height: 1.2;
font-weight: 300;
color: #313131;
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}
.date01{
font-size: 15px;
line-height: 0.7;
font-weight: 300;
color: #fff;
overflow: hidden;
text-align: left;
margin-bottom: 0;
padding: 5px;
}
.place{
font-size: 15px;
line-height: 0.7;
font-weight: 300;
color: #fff;
overflow: hidden;
text-align: left;
margin-bottom: 0;
padding: 5px;
}
.txt1 {
width: 100%;
height: 120px;
font-size: 15px;
line-height: 1.2;
font-weight: 300;
color: #313131;
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}
}
/*MOBILE 414------------------------------------------*/
@media screen and (max-width:767px){
._pc{
display: none;
visibility: hidden;
}
._m{
display: block;
visibility: visible;
}
.form_out {
width: 90%;
height: auto;
background: #e6e6e6;
padding: 30px 20px;
border-radius:20px;
box-shadow: 0px 0px 20px #000;
margin: 0 auto;
margin-top: 150px;
margin-bottom: 150px;
}
.no1{
width: 100%;
height: auto;
background: url(../images/no1_bg.jpg) center center;
background-size: 400%;
background-repeat: no-repeat;
overflow: hidden;
}
.no1_box {
width: 90%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
.p01{
font-size: 25px;
color: #3fc5b7;
line-height: 1.2;
font-weight: 700;
margin-bottom: 20px;
text-align: center;
}
.no2{
width: 100%;
height: auto;
overflow: hidden;
}
.no2 a{
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.no2 a img{
width: 100%;
height: auto;
overflow: hidden;
}
.box_in {
width: 90%;
height: auto;
overflow: hidden;
margin: 0 auto;
margin-bottom: 0;
padding: 120px 0;
}
.btn_style {
width: 80%;
height: auto;
border-radius: 30px;
background-color: #ea4fb5;
line-height: 1.5;
margin: 0 auto;
margin-bottom: 50px;
}
.txt1 {
width: 100%;
height: 100px;
font-size: 17px;
line-height: 1.2;
font-weight: 300;
color: #313131;
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}
}