@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
body,html { font-family:'cwTeXYen' ,"微軟正黑體", Tahoma; margin:0; padding:0; height:100%; font-size: 18px; background-color: #016db5; color: #ffffff;}
a { text-decoration:none;}
* { margin:0; padding:0;}
img {border:0; width: 100%;}

.title{font-size: 300%;}
.d1{display: block; max-width: 1350px; margin:5% auto auto; text-align: center; font-size: 120%;}
.d1 a{color: #ffffff;}
.title{position: relative;}
.d1 .C1{ position: absolute; width: 160px; margin-left: -200px; margin-top: 30px;}
.d1 .C2{ position: absolute; width: 120px; margin-left: 30px; margin-top: -30px;}

.d2{text-align: center; color: #000000;  margin: auto; font-size: 120%; padding-top: 9%;  background: url(../images/bg3.jpg) #ffffff top no-repeat; background-size:100% auto;}
.d2 .title{font-size: 150%;}

.d3{text-align: center;  margin: auto; font-size: 120%; padding-top: 3%;  background: url(../images/bg4.jpg) top no-repeat; background-size:100% auto;}
.d3 img{display: block; margin: auto; width: 300px;}
.d3 .title{font-size: 200%; margin: 40px auto;}

.d4{position: relative; max-width: 1000px; margin:10% auto auto; text-align: left; font-size: 105%;}
.d4 .title{font-size: 250%; margin: 20px auto auto;}
.d4 img{display: block; position: absolute; width: 300px; right: 0; top: -13%;}
.d4 b{font-size: 160%; font-weight: 400; display: block; margin: 20px auto 10px;}


.footer{max-width: 1350px; text-align:center; color: #fff; margin: 3% auto 5%;   }
.footer img {width: 30%; margin-top: 5%;}

a.b{  white-space:nowrap;  padding: 10px 60px;font-size: 150%; font-weight: 600; background-color: #da216d; color: #fff; border: 1px #fff solid; border-radius: 15px;}
a.b{
-webkit-animation: s1 0.5s infinite ease-in-out;
-moz-animation: s1 0.5s infinite ease-in-out;
-o-animation: s1 0.5s infinite ease-in-out;
animation: s1 0.5s infinite ease-in-out;
}
@-webkit-keyframes s1{
0%,50% { background-color:#da216d;}
51%,100% { background-color:#da9721;}
}
@keyframes s1 {
0%,50% { background-color:#da216d;}
51%,100% { background-color:#da9721;}
}
a.Qlink{
    position: fixed;
    width: 72px;
    height: 72px;
    right: 30px;
    bottom: 30px;
    z-index: 999;
    border-radius: 50%;
    background: #da216d;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 10px 10px;
    box-shadow: 0 0 10px #135063a8;
	line-height: 72px;
}
@media screen and (max-width: 980px) {
body,html {font-size: 13px;  font-family:"微軟正黑體", Tahoma;}
.title{font-size: 250%;}
.d1 .C1{width: 120px; margin-left: -130px; margin-top: 20px;}
.d1 .C2{ width: 80px; margin-left: 10px; margin-top: -20px;}
.d1{padding-bottom: 30px;}
.d2 {padding-bottom: 30px;}
.d2 .title{font-size: 130%; margin-top: 30px;}
.d3 img{ width: 200px;}
.d3 .title{font-size: 160%; margin: 30px auto 20px;}
.d4 {width: 95%; margin:30% auto auto;}
.d4 .title{font-size: 200%;}
.d4 img{width: 190px; right: 0; top: -7%;}
.d4 b{font-size: 150%; margin: 10px auto 10px;}
.footer{margin: 10% auto 10%;   }
.footer img {width: 60%; margin-bottom: 10%; }
a.b{  white-space:nowrap;  padding: 7px 40px;font-size: 130%;}
a.Qlink{width: 52px;height: 52px; line-height: 52px; right: 10px; bottom: 10px;}
}