body{
font-family: 'Noto Sans TC','微軟正黑體', sans-serif;
}
.pc{
display: block;
visibility: visible;
}
.m{
display: none;
visibility: hidden;
}
.title{
width: 100%;
height: auto;
font-size: 43px;
font-weight: 700;
line-height: 1.5;
color: #fff;
text-align: center;
padding-top: 60px;
padding-bottom: 10px;
background-color: #18172b;
margin-bottom: 0;
margin-top: 1px;
}
.kv_a{
width: 100%;
height: auto;
margin-bottom: 0;
position: relative;
}
.kv_abtn{
position: absolute;
top: 810px;
left: 15%;
display: block;
width: 70%;
height: auto;
font-size: 23px;
color: #fff;
background-color: #18172b;
line-height: 3;
text-align: center;
}
.kv_abtn:hover{
color: #fff;
}
.box{
width: 100%;
height: auto;
margin: 0 auto;
margin-bottom: 0;
}
.box img{
width: 100%;
}
.box_form{
width: 100%;
height: auto;
margin: 0 auto;
background-color: #f2f2f2;
padding: 30px 0;
}
.box_in{
padding: 10px 20px;
}
/*註冊區*/
.form_box{
width: 70%;
height: auto;
margin: 0 auto;
margin-bottom: 0;
}
.title1{
width: 100%;
height: auto;
font-size: 35px;
font-weight: bold;
text-align: center;
color: #18172b;
line-height: 1.2;
margin: 0 auto;
}
.title2{
width: 100%;
height: auto;
color: #fd1a16;
border-bottom: #fd1a16 1px dotted;
text-align: center;
font-size: 15px;
line-height: 2;
}
.btn_style {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.box_form_p {
width: 100%;
text-align: center;
margin: 0 auto;
color: #000;
margin-top: 10px;
margin-bottom: 0;
}
.box_form_a, .box_form_a:hover {
color: #000;
}
.form_txt{
margin-bottom: 0;
margin-top: 10px;
}
/*feedback*/
.box_feedback{
width: 100%;
height: auto;
background-color: #aa82dc;
color: #fff;
padding: 3% 10%;
overflow: hidden;
}
.title_feedback{
width: 100%;
height: auto;
color: #fff;
border-bottom: #fff 1px dotted;
text-align: center;
font-size: 19px;
line-height: 3.5;
margin-bottom: 10px;
margin-top: 30px;
}
.feedback_p1{
font-size: 23px;
font-weight: 500;
text-align: center;
line-height: 1.6;
}
.box1{
width: 80%;
height: auto;
margin: 0 auto;
}
.box1 img{
width: 100%;
}
.feedback_p2{
display: block;
width: 100%;
height: auto;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
color: #fff;
margin-bottom: 0;
}
/*** 1366顯示 ***/
@media (min-width: 1024px) and (max-width: 1366px) {
.box_feedback {
width: 100%;
height: auto;
background-color: #aa82dc;
color: #fff;
padding: 3% 2%;
overflow: hidden;
}
.blockk{
display: block;
}
}
/*** 平板顯示 ***/
@media (min-width: 768px) and (max-width: 1023px) {
.kv_abtn {
position: absolute;
top: 510px;
left: 15%;
display: block;
width: 70%;
height: auto;
font-size: 23px;
color: #fff;
background-color: #18172b;
line-height: 3;
text-align: center;
}
.box{
width: 100%;
height: auto;
margin: 0 auto;
}
.box_form{
width: 100%;
height: auto;
margin: 0 auto;
background-color: #f2f2f2;
padding: 30px 0;
}
.title {
width: 100%;
height: auto;
font-size: 31px;
font-weight: 700;
line-height: 1.5;
color: #fff;
text-align: center;
padding-top: 40px;
padding-bottom: 10px;
background-color: #18172b;
margin-bottom: 0;
margin-top: 1px;
}
.form_box {
width: 90%;
height: auto;
margin: 0 auto;
margin-bottom: 0;
}
/*feedback*/
.box_feedback {
width: 100%;
height: auto;
background-color: #aa82dc;
color: #fff;
padding: 5% 3%;
overflow: hidden;
}
.title_feedback {
width: 100%;
height: auto;
color: #fff;
border-bottom: #fff 1px dotted;
text-align: center;
font-size: 19px;
line-height: 3.5;
margin-bottom: 10px;
margin-top: 10px;
}
.feedback_p2 {
display: block;
width: 100%;
height: auto;
font-size: 13px;
font-weight: 300;
line-height: 1.5;
color: #fff;
margin-bottom: 0;
letter-spacing: -0.6px;
}
.blockk{
display: block;
}
}
/*** 手機顯示 ***/
@media only screen and (max-width: 750px) {
.pc{
display: none;
visibility: hidden;
}
.m{
display: block;
visibility: visible;
}
.box{
width: 100%;
height: auto;
margin: 0 auto;
}
.box_form{
width: 100%;
height: auto;
margin: 0 auto;
background: url(../images/20210527/kv8.jpg) top center;
background-size: 190%;
background-position: -180px 0;
padding: 5% 0;
}
.title {
width: 100%;
height: auto;
font-size: 23px;
font-weight: 700;
line-height: 1.2;
color: #fff;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
background-color: #18172b;
margin-bottom: 0;
margin-top: 1px;
}
.kv_abtn {
position: absolute;
top: 13.5%;
left: 15%;
display: block;
width: 70%;
height: auto;
font-size: 13px;
color: #fff;
background-color: #18172b;
line-height: 3;
text-align: center;
}
.form_box{
width: 90%;
height: auto;
background-color: #fff;
margin: 0 auto;
border: 1px solid #000;
}
/*feedback*/
.box_feedback {
width: 100%;
height: auto;
background-color: #aa82dc;
color: #fff;
padding: 8% 6%;
overflow: hidden;
}
.box1 {
width: 100%;
height: auto;
margin-bottom: 0;
}
.feedback_p1 {
font-size: 15px;
font-weight: 500;
text-align: center;
line-height: 1.6;
}
.feedback_p2 {
font-size: 13px;
font-weight: 300;
line-height: 1.8;
color: #fff;
margin-bottom: 0;
letter-spacing: -0.6px;
}
.box_feedback {
width: 100%;
height: auto;
background-color: #aa82dc;
color: #fff;
padding: 8% 3%;
overflow: hidden;
}
.title_feedback {
width: 100%;
height: auto;
color: #fff;
border-bottom: #fff 1px dotted;
text-align: center;
font-size: 19px;
line-height: 3.5;
margin-bottom: 10px;
margin-top: 10px;
}
.blockk{
display: block;
}
}