html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,a,em, img, q, s,
strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, footer, header, 
menu, nav, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside,footer, header, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing:0;}

body{
    font-family:"微軟正黑體" !important;
}
.clearfix{clear:both;}


/* header */
header{overflow: hidden;background: url(../images/header.jpg)no-repeat;padding-bottom:60.2%;width: 100%;height: 0;background-size: cover;position: relative;}

header .tiger{position: absolute;top:35px;width: 100%;height:0;padding-bottom:60.24%; background:url(../images/mouse.png)no-repeat;background-size: cover;transform-origin:32.03% 28.35%;z-index: 5;}
header .tiger::after{content: '';position: absolute;top:35px;width: 100%;height:0;padding-bottom:60.24%; background:url(../images/word.png)no-repeat;background-size: cover;transform-origin:32.03% 28.35%;z-index:1;}
header .tiger::before{content: '';position: absolute;top:35px;width: 100%;height:0;padding-bottom:60.24%; background:url(../images/head.png)no-repeat;background-size: cover;transform-origin:32.03% 28.35%;z-index:3;}

header .tiger{animation:headrotate 2s linear infinite;transform-origin:32.03% 32%;background-size: cover;}
/* @keyframes headrotate{
0%{transform: rotate(0deg)}
50%{transform:rotate(-360deg)}
75%{transform: scale(1.5);}
100%{transform:scale(1);}
} */

 @keyframes headrotate{
0%{transform: rotate(0deg)}
5%{transform:rotate(-10deg)}
15%{transform:rotate(10deg)}
25%{transform:rotate(-10deg)}
35%{transform:rotate(10deg)}
45%{transform:rotate(-10deg)}
50%{transform:rotate(0deg)}
75%{transform: scale(1.5);}
100%{transform:scale(1);}
} 

header .tiger::after{animation:word 2s linear infinite;}
 @keyframes word{
0%{padding-bottom: 18%;}
50%{padding-bottom: 18%;}
100%{padding-bottom: 60.24%;}
} 

/* nav */
nav{position: absolute;bottom:10%;width: 100%;text-align: center;}
.nav{width: 880px;height: 230px;margin: 0 auto;position: relative;}
.nav p{font-size:44px;color:#fff;line-height: 2;border-top: 5px solid #fff;border-bottom: 5px solid #fff;display: block;width: 80%;margin: 0 auto;position: absolute;bottom: 0;left: 10%;}
.nav img{width: 100%;}

/* main */
main{width: 900px;padding:80px calc((100% - 900px)/2);background:#ed4c83;}

/* main01 */
.main01{position: relative;text-align: center;background: #fff3d3;width: 100%;box-sizing: border-box;border:5px solid #821f1a;padding:60px 0;border-radius: 10px;}
.main01 .main01Img{position: absolute;top:-10vw;left:-20px;width:935px;height: 226px;background:url(../images/main01.png)no-repeat;background-size: cover;}
.main01 h2{display: block;width:50%;margin:0 auto;font-size: 40px;font-weight: bold;line-height: 2;color:#fb4f03;border-bottom: 5px solid #fb4f03;}
.main01 h2 span{color: #0193e7;}
.main01 table{width:85%;margin:15px 5% 15px 10%;}
.main01 table tr{display: flex;}
.main01 table td{font-weight: bold;font-size:30px;text-align: left;padding:10px 0;box-sizing: border-box;margin: 0 .5%;}
.main01 table td:nth-child(1){width:12%;}
.main01 table td:nth-child(2){width:55%;}
.main01 table td:nth-child(3){width:15%;}
.main01 table td:nth-child(4){width:28%;}
.main01 table tr td:nth-child(4){color: #ca1c22;padding-right: 0;}
.main01 table td.smallText{font-size:22px !important;display: flex;align-items: center;}

/*main02*/
.main02{margin:60px 2% 0 2%;}
.main02 h3{display: block;width:50%;margin:0 auto;font-size: 40px;font-weight: bold;line-height: 2;color:#fb4f03;border-bottom: 5px solid #fb4f03;}
.main02 h3 span{color: #0193e7;}
.main02 .content{display: flex;justify-content: space-between;}
.main02 .content>div{width: 50%;}
.main02 table{width:96%;margin:5% auto;}
.main02 table td{font-size:22px;padding: 5px 0;}
.main02 table td:nth-child(1){width:13%;}
.main02 table td:nth-child(2){width:30%;}
.main02 table td:nth-child(3){width:20%;}
.main02 table td:nth-child(4){width:30%;}
.main02 table td.smallText{font-size:17px !important;display: flex;align-items: center;}

/*main03*/
.main03{border:5px solid #122a88;border-radius: 10px;padding:60px 20px 10px 20px;box-sizing: border-box;width: 100%;background: #d7f1ff;margin-top:200px;position: relative;}
.main03 .main03Img{position: absolute;top:-7vw;left:-20px;width:926px;height: 212px;background:url(../images/main03.png)no-repeat;background-size: cover;}
.main03 h4{font-size: 44px;text-align: center;color: #ae09c7;font-weight: bold;}
.main03 h4 span{color:#ff0bf1;line-height: 2;}
.main03 h4::after{content:'';display: block;width:40%;margin: 0 auto; height: 1px;border: 2px solid #ae09c7;background:#fb4f03;border-radius: 50px;}
.main03 table{width:85%;margin:20px auto;font-size:30px;}
.main03 table tr{display: flex;}
.main03 table td{padding:10px 0;font-weight: bold;}
.main03 table td:nth-child(1){width:13%;}
.main03 table td:nth-child(2){width:52%;}
.main03 table td:nth-child(3){width:20%;}
.main03 table td:nth-child(4){width:15%;}
.main03 table td.smallText{font-size:22px !important;display: flex;align-items: center;}

/*main04*/
.main04{margin:40px auto;}

/*main05*/
.main05{margin:40px auto;}

/*main06*/
.main06{ background:#ffe0e0;padding:70px 20px 20px 20px;border: 5px solid #ffc835;border-radius: 10px;position: relative;margin-top:160px;}
.main06 .main06Img{background:url(../images/main06.png)no-repeat;width: 938px;height: 205px;position:absolute;top: -7vw;left:-19px;background-size: cover;}
.main06 table{width:80%;margin:20px auto;}
.main06 table td{font-size:32px;font-weight: bold;padding:10px 0;}
.main06 table td:nth-child(1){width:50%;}
.main06 table td:nth-child(2){width:30%;}
.main06 table td:nth-child(3){width:20%;}
.main06 table td.smallText{font-size:25px !important;}

/*main07*/
.main07{ background:#ffe0e0;border: 5px solid #ebb010;border-radius: 10px;margin-top:160px;position: relative;padding:100px 20px 40px 20px;display: flex;justify-content:space-around;}
.main07 .main07Img{background:url(../images/main07.png)no-repeat;width: 937px;height: 206px;position: absolute;top: -7vw;left:-23px;}
.main07>div{width: 47%;}
.main07 div table{width: 100%;}
.main07 table td{font-size:23px;font-weight: bold;padding:5px 0;margin: 0 1%;}
.main07 table td:nth-child(1){width:15%;}
.main07 table td:nth-child(2){width:30%;}
.main07 table td:nth-child(3){width:20%;}
.main07 table td:nth-child(4){width:20%;}
.main07 table tr td:nth-child(2){color:#8f0324;}
.main07 table td.smallText{font-size:18px !important;}

/*main08*/
.main08{ padding: 20px 0; text-align: center; font-size: 16px; color: #FFFFFF;}
.main08 p{ line-height: 1.6;}

/*main09-留單*/
.main09{ margin: 0 auto; width: 900px; }
.main09 h3{ display: block; text-align: center; }
.main09>div{ width: 900px; padding: 20px; background-color: #FFFFFF; border: 5px solid #18479a; border-radius: 20px; box-sizing: border-box;}

/* footer */
footer{ background: #8f0324; padding: 20px 0; width: 100%; }
footer p{color: #fff;text-align: center;line-height: 1.6;font-size: 12px;}


@media(max-width:1680px){
nav{bottom:5vw;transform: scale(0.8);}
.main01 .main01Img{top:-10vw;}
.main03 .main03Img{top:-10vw;}
.main06 .main06Img{top:-10vw;}
.main07 .main07Img{top:-11vw;}
}
@media(max-width:1050px){
nav{bottom:3vw;transform: scale(0.6);}
}
@media(max-width:970px){
header .tiger{top: 0;}

nav{bottom: 0;}
.nav{width: 100%;height: auto;}
.nav p{font-size: 5vw;}

main{width:98%;padding:80px 1%;background:#ed4c83;}

.main01 .main01Img{width: 100%;top: -12vw;left:0px;background-size: contain;}
.main01 table{width:95%;}
.main01 table td{text-align:center;}

.main02 h3{display: inline-block;width: auto;}
.main03 .main03Img{width: 100%;top: -12vw;left:0px;background-size: contain;}

.main06 .main06Img{width: 100%;top: -12vw;left:0px;background-size: contain;}
.main06 table{width: 100%;}

.main07 .main07Img{width: 100%;top: -12vw;left:0px;background-size: contain;}

.main09{width: 98%;}
.main09 h3 img{width: 100%;}
.main09>div{width: 100%;}
}

@media(max-width:700px){
.main01 h2{width:auto;display: inline-block;font-size: 5vw;}
.main01 table td{font-size:4vw;}

.main02 h3{font-size: 5vw;display: inline-block;width: auto;}
.main02 .content{flex-wrap: wrap;}
.main02 .content>div{width: 100%;}

.main03{margin-top:100px;}
.main03 h4{font-size: 5vw;}
.main03 table{width:95%;margin:10px auto;font-size: 5vw;}
.main03 table td{text-align: center;}

.main06{margin-top: 100px;padding:30px 10px 10px 10px;}
.main06 table td{font-size: 5vw;}

.main07{margin-top: 100px;padding:40px 10px 40px 10px;flex-wrap: wrap;}
.main07 div{width: 100%;}
.main07 table td{font-size: 5vw;}

.main09 h3 img{width: 100%;height: auto;}
.main09>div{padding: 10px;}
footer{font-size: 1vw;}
}