@charset "utf-8";
/*思源黑體*//*有使用到再打開*/
@font-face {
    font-family: 'Noto Sans TC VF';
    src: url('../fonts/NotoSansTC-VariableFont_wght.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* a:hover{ opacity:0.9;} *//*滑鼠滑入半透明*/
/*--loading載入中--------------------------------*/
/*遮罩樣式*/
.overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /*半透明背景*/ display: flex; justify-content: center; align-items: center; z-index: 9999;/*確保遮罩層在最上層*/}

/*spinner樣式+旋轉動畫*/
.spinner{ border: 8px solid rgba(0, 0, 0, 0.1); border-left: 8px solid #fff; border-radius: 50%; width: 50px; height: 50px; margin: 0 auto; animation: spin 1s linear infinite;}
@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}

/*loading文字*/
.loadingTxt{ margin-top: 10px; font-size: 2rem; color: #fff; font-weight: bold;}

/*----*/
.pcNo{ display: block;}
.mNo{ display: none;}
.mINBLpcNO{ display: inline-block;}
.pcINBLmNO{ display: none;}

.heighLightPurple{ background-color: #6f64d1; padding: 0 5px;}
.heighLightGreen{ display: inline-block; margin: 4px 0; background-color: #a7e0a6; padding: 0 5px;}
.heighLightRed{ display: inline-block; margin: 4px 0; background-color: #e7cdc9; padding: 0 5px;}
.txtPurple{ color: #f6adff;}
.txtGreen{ color: #04ac00;}
.txtRed{ color: #df3f24;}
.txtBrown{ color: #885d00;}
.txtBlue{ color: #2487e0;}
.txtYellow{ color: #f7fc30;}
.alink{ text-decoration: none;}
.alink:hover{ text-decoration: none;}

/*bg-----------------------------------------*/
.bgPadT{ padding-top: 30px;}
.bgPadB{ padding-bottom: 30px}
.bgPadT2{ padding-top: 0;}
.bgPadB2{ padding-bottom: 0;}
.bgPadB3{ padding-bottom: 20px;}
.bgPadTm{ padding-top: 12px;}
.bgPadBm{ padding-bottom: 12px;}
.bgPadTm2{ padding-top: 15px;}
.bgPadBm2{ padding-bottom: 15px;}

.bg1{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250801_harrypotter/images/bg_line.png); background-position: top center; background-repeat: repeat;}
.bg2{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250801_harrypotter/images/bg_treehouse.jpg); background-position: top center; background-size: 200%;}
.bg3{ background-color: #403315;}

/*跑馬燈-----------------------------------------*/
.bgTrain{position: absolute; bottom: -3.5%; right: 0; width: 290%; animation: bgTrain 10s infinite linear;}
@keyframes bgTrain {
    0%{ transform: translateX(50%);}
    100% { transform: translateX(-120%);}
}

/*--header-----------------------------------------*/
.headerW{ max-width: 800px; margin: 0 auto; border: #f2dcee 8px solid; overflow: hidden;}
.headerBox{ overflow: hidden; position: relative;}
.headerBox img{ display: block; width: 100%;}
.headerH{ width: 100%;}

.headerPicFull{ position: absolute; top: 0; left: 0; width: 100%;}
.headerPicHalf{ position: absolute; top: 0; width: 50%;}
.headerPicHalf.left{ left: 0;}
.headerPicHalf.right{ right: 0;}

.headerPic{ position: absolute;}

/*刊頭動畫*/
.headerHarry img{ animation: headerHarry 3s infinite;}
@keyframes headerHarry {
    0%{ transform: translateY(0);}
    50%{ transform: translateY(10px);}
    100% { transform: translateY(0);}
}
.headerKey img{ animation: headerKey 2s infinite;}
@keyframes headerKey {
    0%{ transform: rotate(0);}
    50%{ transform: rotate(-1deg);}
    100% { transform: rotate(0);}
}

/*--contain-----------------------------------------*/
.contain{ overflow: hidden;}
.areaWidth{ position: relative; width: 94%; margin: 0 auto;}
.areaWidth2{ position: relative; width: 94%; margin: 0 auto;}
.areaWidth3{ position: relative; width: 96%; margin: 0 auto;}

.mainTitle{ width: 92%; margin: 0 auto 8px auto;}
.mainTitle2{ width: 80%; margin: 0 auto;}
.mainTitle3{ width: 100%; margin: 0 auto 0 auto; position: relative;}

/*常用*/
.posiRelative{ position: relative; display: block;}
.imgBlock100 img{ display: block; width: 100%;}

/*PC+M同版*/
.areaWidthM{ position: relative; width: 94%; margin: 0 auto;}
.mainTitleM{ width: 100%;}
.wrapperHalf > li{ padding: 2%;}


/*--MAU活動-----------------------------------------*/
.areaConWidth{ margin: -13% 3% 0 3%; padding: 9% 3% 10% 3%; border: #a28849 1px solid; background-color: rgba(52,40,13,0.6); box-shadow: #a28849 0px 0px 16px, #a28849 0px 0px 16px, inset #a28849 0px 0px 16px, inset #a28849 0px 0px 16px; border-radius: 15px; box-sizing: border-box;}
.couponBox{ padding: 0 3%;}

/*按鈕動畫*/
.specialBtn{ display: block; animation: specialBtn 2s infinite;}
.specialBtn2 #btmMsg2{ display: block; animation: specialBtn2 2s infinite;}
@keyframes specialBtn {
    0%{ transform: scale(1) translateX(0);}
    50% { transform: scale(0.9) translateX(-10px);}
    100% { transform: scale(1) translateX(0);}
}
@keyframes specialBtn2 {
    0%{ transform: scale(1) translateX(0);}
    50% { transform: scale(0.9) translateX(15px);}
    100% { transform: scale(1) translateX(0);}
}

/*按鈕滑入*/
.specialBtn img,.specialBtn2 #btmMsg2 img{ transition: 0.4s;}
.specialBtn img:hover,.specialBtn2 #btmMsg2 img:hover{ transform: translateY(10px);}

/*按鈕已登記*/
.specialBtn2 #btmMsg2.checked{ animation: none;}
.specialBtn2 #btmMsg2.checked img:hover{ transform: translateY(0);}
.listBox li a.specialBtn2:hover{ transform: translateY(0);}

/*按鈕翅膀*/
.wingL1, .wingR1, .wingL2, .wingR2, .wingL3, .wingR3{ position: absolute; width: 14%; pointer-events: none;}
.wingL1{ top: 57%; left: 6%;}
.wingR1{ top: 54%; left: 34%;}
.wingL2{ top: 52%; left: 7%;}
.wingR2{ top: 49%; left: 35%;}
.wingL3{ top: 53%; left: 48%;}
.wingR3{ top: 49%; left: 76%;}

.wingL1, .wingL2, .wingL3{ animation: wingL 0.5s infinite; transform-origin: bottom right;}
.wingR1, .wingR2, .wingR3{ animation: wingR 0.5s infinite; transform-origin: bottom left;}
@keyframes wingL {
    0%{ transform: rotate(0);}
    50% { transform: rotate(8deg);}
    100% { transform: rotate(0);}
}
@keyframes wingR {
    0%{ transform: rotate(0);}
    50% { transform: rotate(-8deg);}
    100% { transform: rotate(0);}
}

/*資格+剩餘數量*/
.giftNum{ display: inline-block; position: absolute; top: 75%; left: 9%; margin: 6% 0 0 5%; padding: 2px 10px; border: #9c8037 3px solid; font-size: 1.5rem; color: #002a5b; font-weight: bold; background-color: #fff; border-radius: 100px;}
.giftNum span{ color: #c51fb1;}
.giftNum b{ color: #c51fb1;}

/*登記外框*/
.special3Border{ margin: -10% 2% 0 2%; padding-top: 10%; border: #181010 1px solid; background-color: #181010; border-radius: 30px;}

/*--限時優惠-----------------------------------------*/
.sale2{ margin-top: 15px;}
.saleBtn{ display: block;}
.saleBtnDeco{ animation: saleBtnDeco 2s infinite;}
@keyframes saleBtnDeco {
    0%{ transform: rotate(0);}
    50% { transform: rotate(-8deg);}
    100% { transform: rotate(0);}
}

/*--測驗-----------------------------------------*/
/*外框*/
.gameBox img{ display: block;}
.gameBox{ overflow: hidden; width: 92%; margin: 10px auto 0 auto; padding: 1%; border: #76653b 5px solid; border-radius: 5px;}
.gameBox.gameBg1{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250801_harrypotter/images/game_bg1.jpg); background-repeat: repeat-y;}
.gameBox.gameBg2{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250801_harrypotter/images/game_bg2.jpg); background-repeat: repeat-y;}
.gameBox.gameBg3{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250801_harrypotter/images/game_bg3.jpg); background-repeat: repeat-y;}
.gameBox.gameBg4{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250801_harrypotter/images/game_bg4.jpg); background-repeat: repeat-y;}
.gameBox.gameBg5{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250801_harrypotter/images/game_bg5.jpg); background-repeat: repeat-y;}
.gameBox.gameBg6{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250801_harrypotter/images/game_bg6.jpg); background-repeat: repeat-y;}
.gameBox.gameBg7{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250801_harrypotter/images/game_bg7.jpg); background-repeat: repeat-y;}
.gameCon{ position: relative; padding: 1%; border-radius: 5px; border: #76653b 3px solid;}
.gameH img{ width: 100%;}

/*測驗開始標題+按鈕*/
.gameTilte, .gameStart{ margin: 0 auto;}
.gameTilte{ width: 90%; padding-top: 15px;}
.gameStart{ display: block; width: 70%; max-width: 325px; padding-bottom: 15px; text-decoration: none;}
.gameStartBtn{ display: block; animation: scaleInOut 0.8s infinite;}
@keyframes scaleInOut{ 0% { transform: scale(1);} 50% { transform: scale(0.9);} 100% { transform: scale(1);} }

/*開放時間*/
.gameStartTime{ width: 70%; margin: 10px auto 20px auto; padding: 8px 0 10px 0; color: #ffffff; font-size: 1.6rem; font-family: "Noto Sans TC", sans-serif; font-weight: 600; text-align: center; border-radius: 3px;}
.gameBg3 .gameStartTime{ background-color: #7c4122;}
.gameBg4 .gameStartTime{ background-color: #1e4c70;}
.gameBg5 .gameStartTime{ background-color: #7d252c;}
.gameBg6 .gameStartTime{ background-color: #244f3a;}
.gameBg7 .gameStartTime{ background-color: #5d3860;}

/*問答區*/
.gameQAbox{ display: flex; align-items: stretch; padding: 0 5% 5% 5%;}
.gameQA{ width: 100%;}
.gameQues{ margin-top: 15px; font-size: 1.8rem; color: #e6e6e6; font-weight: bold;}
.gameSelect{ position: relative; margin: 15px 0; padding: 8px 30px; font-size: 1.6rem; color: #d3bf8e; font-weight: bold; border: #d3bf8e 3px solid; background-color: rgba(13,50,81,0.57); border-radius: 5px; cursor: pointer;}
.gameSelect:last-child{ margin-bottom: 0;}

/*--選項解答--*/
.gameSelect .answerIcon{ position: absolute; top: -2px; left: -3px; font-size: 2.3rem;}
.gameSelect.correct{ border-color: #daff58; color: #daff58;}
.gameSelect.wrong{ border-color: #ff7d7d; color: #ff7d7d;}
.getAnswer .gameSelect{ cursor: default;}

.gameSelectPic .gameSelect .answerIcon{ position: absolute; top: 0px; left: -2px; font-size: 2.3rem;}

/*--結果區--*/
/*首次測驗獲得*/
.firstGet{ width: 100%; margin: 5% auto 0 auto; padding: 20px 0 0 0; text-align: center; /*background-color: rgb(51, 226, 154);*/ font-size: 1.9rem; color: #d8bc7b; font-weight: bold; border-radius: 8px;}
.firstGet b{ color: #fff99b;}
.firstGet a{ font-size: 1.4rem; color: #c4ff98; text-decoration: underline;}
.firstGet a:hover{ text-decoration: none;}

/*分享抽獎*/
.shareBox{ font-family: "Noto Sans TC", sans-serif; font-weight: 600; width: 100%; margin: 0 auto; padding-top: 10%;}
.shareBox img{ display: block; width: 100%;}
.shareTitle{ text-align: center;}
.shareTitle a{ display: inline-block; margin: 5px auto 0 auto; padding: 1px 10px 2px 10px; font-size: 1.5rem; color: #dcd4c0; background-color: #684b05; text-decoration: none; border-radius: 100px;}

/*分享鈕*/
.shareIconList{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; max-width: 350px; margin: 25px auto 0 auto;}
.shareIcon{ display: block; width: 20%; transition: 0.4s;}
.shareIcon:hover{ transform: scale(0.9);}

/*結果圖*/
.gameENDbox{ /*font-family: "Noto Sans TC", sans-serif; font-weight: 500; max-width: 500px;*/ margin: 20px auto 0 auto; /*padding: 5%;*/}
.gameENDbox img{ display: block; width: 100%;}
.resultPic{ width: 100%; margin: 0 auto;}

/*手機下載*/
.resultPicNote{ margin-top: 10px; font-size: 1.3rem; color: #bf9d5b; font-weight: bold; text-align: center;}

/*結果按鈕*/
.gameEndBtn{ display: flex; gap: 10px; width: 80%; margin: 10px auto 0 auto; font-size: 1.7rem; font-weight: 700; text-align: center;}
.gameEndBtn > li{ width: 100%; padding: 8px 10px 11px 10px; background-color: #684b05; color: #ffffff; border-radius: 5px; cursor: pointer;}


/*--sweetAlert-----------------------------------------*/
.custom-html-container{ margin: 1em 0 0.3em;}
.custom-btn-close{ font-size: 4.5rem; margin-top: -5%; margin-right: -4%; box-shadow: none;}
.custom-btn-close:focus{ box-shadow: none;}
.custom-btn-styled { font-size: 1.4rem; cursor: pointer;}
/* .sweetBtn{ padding: 3px 10px; font-size: 1.5rem !important; font-weight: bold !important; cursor: pointer; font: 62.5% 微軟正黑體,新細明體,"Century Gothic",Arial,sans-serif;} */

/*按鈕(關閉)*/
.custom-btn-styled,
.custom-btn-styled:active,
.custom-btn-styled:hover{ background-color: transparent !important; background-image: none !important;}
.custom-btn-styled:focus{ border: 0 !important; box-shadow: none;}
.custom-btn-styled{ box-shadow: none !important;}
.custom-btn-styled .sweetBtn{ margin: 0; display: inline-block; margin: 15px auto 0 auto; padding: 20px 20px 22px 20px; min-width: 200px; font-size: 2rem; color: #fff; line-height: 1;
font-weight: bold; /*font-style: italic;*/ text-decoration: none; font-family: 微軟正黑體,新細明體,"Century Gothic",Arial,sans-serif; background-color: #684b05; border-radius: 5px;
/* text-shadow: rgb(255, 255, 255) 0 0px 10px; border: #fff 1px solid; box-shadow: inset rgb(255, 255, 255) 0px 0px 28px, rgb(255, 255, 255) 0 0px 10px; cursor: pointer;*/}

.resultTitle{ margin-top: 15px; font-size: 2.5rem;}
.resultTitle b{ color: #977a35;}


/*--活動說明-----------------------------------------*/
.noticeStyle{ width:80%; margin: 15px auto 0 auto; padding: 30px 5% 20px 5%; border: #a28849 1px solid; background-color: rgba(52,40,13,0.6); box-shadow: #a28849 0px 0px 16px, #a28849 0px 0px 16px, inset #a28849 0px 0px 16px, inset #a28849 0px 0px 16px; border-radius: 15px;}
.noticeStyle .notice2{ max-width: 1000px; margin: 0 auto; color: #ffffff;}
.noticeStyle .noticeSecTitle{ margin-bottom: 12px; color: #caac64; text-align: center;}
.noticeStyle .notice2 > li > ul > li{ list-style-type: disc;}
.noticeStyle .notice2 > li > ul > li a{ color: #fcffa1;}



/*--767up(Pc)------------------------*/
@media screen and (min-width:767px) {
    /*--loading載入中--------------------------------*/
    /*loading文字*/.loadingTxt{ font-size: 2.5rem;}

    /*----*/
    .pcNo{ display: none;}
    .mNo{ display: block;}
    .mINBLpcNO{ display: none;}
    .pcINBLmNO{ display: inline-block;}

    /*bg-----------------------------------------*/
    .bgPadT{ padding-top: 60px;}
    .bgPadT2{ padding-top: 15px;}
    .bgPadB{ padding-bottom: 90px;}
    .bgPadB2{ padding-bottom: 0;}
    .bgPadB3{ padding-bottom: 25px;}

    .bg1{ }
    .bg2{ background-attachment: fixed; background-size: cover;}

    /*跑馬燈-----------------------------------------*/
    .bgTrain{position: absolute; bottom: -3.5%; right: 0; width: 100%; animation: bgTrain 10s infinite linear;}

    /*--header-----------------------------------------*/
    .headerW{ border-width: 15px;}

    /*--contain-----------------------------------------*/
    .areaWidth{ max-width: 1200px; padding-top: 0;}
    .areaWidth2{ max-width: 1300px;}
    .areaWidth3{ max-width: 900px;}

    .mainTitle{ width: 56%; max-width: 590px;}
    .mainTitle2{ width: 65%; max-width: 410px; margin: 0 auto 15px auto;}
    .mainTitle3{ width: 100%;}

    .wrapper{ width: 40%; max-width: 620px; margin: 0 auto;}
    .wrapperHalf { width: 94%; margin: 0 auto;}
    .wrapperHalf > li{ padding: 2%;}


    /*--MAU活動-----------------------------------------*/
    .areaConWidth{ width: 90%; margin: -13% auto 0 auto; padding: 13% 6% 10% 6%; border-radius: 15px;}

    /*--限時優惠-----------------------------------------*/
    .sale2{ margin-top: 60px;}
    .saleBtn{ margin-top: 26px;}

    /*--測驗-----------------------------------------*/
    /*答對題數+已獲得贈品*/
    /* .gameNum{ padding: 2px 0 8px 0;font-size: 2.4rem;}
    .gameNum b{ font-size: 3.3rem;}
    .gameGot{ margin: 15px auto 0 auto; text-align: center;} */

    /*測驗外框*/
    .gameBox{ max-width: 990px; margin-top: 25px; padding: 15px; border-width: 12px;}

    /*測驗開始標題+按鈕*/
    .gameTilte{ width: 60%; padding-top: 70px;}
    .gameGift{ width: 60%;}
    .gameStart{ width: 58%; padding-bottom: 71px;}

    /*開放時間*/
    .gameStartTime{ max-width: 300px; margin: 15px auto 71px auto; padding: 13px 0 15px 0; color: #ffffff; font-size: 2rem;}

    /*計時+分數*/
    /* .gameTimeGet{ padding: 8% 8% 40px 8%;}
    .gameTimeGet p{ padding: 20px 10px;} */

    /*問答區*/
    .gameQAbox{ padding: 0 8% 5% 8%;}
    .gameQA{ width: 100%;}
    .gameQues{ margin-top: 30px; font-size: 2rem;}
    .gameSelect{ padding: 10px 32px; font-size: 1.8rem;}
    .gameSelect:hover{ border: #bc8f1f 3px solid; color: #bc8f1f;}

    /*--已作答--*/
    /* .gameFinish{ padding: 12px 0 15px 0; font-size: 2.6rem;}
    .gameResult{ margin: 15px auto 0 auto;} */

    /*選項解答*/
    .gameSelect .answerIcon{ position: absolute; top: 15px; left: 8px; font-size: 2rem;}
    .getAnswer .gameSelect:hover{ border-color: #d3bf8e; color: #d3bf8e;}
    .getAnswer .gameSelect.correct:hover{ border-color: #daff58; color: #daff58;}
    .getAnswer .gameSelect.wrong:hover{ border-color: #ff7d7d; color: #ff7d7d;}

    .gameSelectPic .gameSelect .answerIcon{ top: 10px; left: 8px; font-size: 2rem;}

    /*--結果區--*/
    /*首次測驗獲得*/
    .firstGet{ width: 60%; margin-top: 10%; padding-top: 0; font-size: 2.8rem;}
    .firstGet a{ font-size: 1.7rem;}

    /*分享抽獎*/
    /*分享抽獎*/
    .shareBox{ padding-top: 6%;}
    .shareTitle{ max-width: 450px; margin: 0 auto;}
    .shareTitle a{ margin-top: 0; padding: 1px 10px 4px 10px;}

     /*分享鈕*/
    .shareIconList{ margin-top: 30px;}

    /*結果圖*/
    .resultPic{ width: 60%;}

    /*結果按鈕*/
    .gameEndBtn{ display: flex; gap: 15px; width: 45%; margin: 30px auto 20px auto; font-size: 1.9rem;}
    .gameEndBtn > li{ padding: 10px 0 13px 0;}

    /*--sweetAlert-----------------------------------------*/
    .custom-btn-close{ font-size: 5.5rem; margin-top: -4%; margin-right: -2.5%;}

    /*挑戰失敗圖片*/
    .gameFailPic{ max-width: 470px; margin: 0 auto;}

    /*--活動說明-----------------------------------------*/
    .noticeStyle{ width: 80%; padding: 45px 5% 45px 5%;}

    /*--hover animate--------------------------------*/
    .shareTitle a{ display: inline-block; transition: 0.4s;}
    .shareTitle a:hover{ transform: scale(0.9);}

    .endBtn{ transition: 0.4s;}
    .endBtn:hover{ transform: scale(0.9);}
}

/*--768-1024(Pad)------------------------*/
@media screen and (min-width:768px) and (max-width:1023px) {
    .bg2{ background-attachment: inherit;}
    .wrapperHalf > li{ padding: 2%;}
    .mainTitle3{ width: 90%;}
    .areaWidth2{ max-width: 700px;}

}

/*--1500以下------------------------*/
@media screen and (min-width:767px)  and (max-width:1500px) {
    /*--MAU活動-----------------------------------------*/
    .areaConWidth { width: 100%; padding: 12% 6% 10% 6%;}
}

/*--1200以下------------------------*/
@media screen and (min-width:767px)  and (max-width:1200px) {
    /*--contain-----------------------------------------*/
    .wrapper { width: 65%; margin: 0 auto;}

    /*--header-----------------------------------------*/
    .headerPadWidth{ overflow: hidden;}
    .headerPadWidth .headerBox{ width: 166%; margin-left: -33%;}/*刊頭放大(讓左右背景超出可視範圍)*/
    .pcNo.headerCopyrightPad{ display: block;}/*刊頭copyright*/
}

/*--1500以上------------------------*/
@media screen and (min-width:1500px) {
    .wrapperHalf { max-width: 1400px; margin: 0 auto;}

    /*--活動說明-----------------------------------------*/
    .noticeStyle{ max-width: calc(1278px - 10%);}
}

/*--320以下小手機------------------------*/
@media screen and (max-width:320px) {
}

.mainTitle3 img{ aspect-ratio: 700/360;}
.gameTilte img{ aspect-ratio: 709/670;}
.gameStartBtn img{ aspect-ratio: 750/190;}
.shareIcon img{ aspect-ratio: 1/1;}
.resultPic img{ aspect-ratio: 750/1165;}
.gameFailPic img{ aspect-ratio: 700/383;}
.shareTitle img{ aspect-ratio: 700/121;}

/*--animate.css--------------------------------*/
.animate__animated.animate__delay-02s{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.animate__animated.animate__delay-03s{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.animate__animated.animate__delay-04s{-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.animate__animated.animate__delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.animate__animated.animate__delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.animate__animated.animate__delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.animate__animated.animate__delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.animate__animated.animate__delay-10s{-webkit-animation-delay:1.0s;animation-delay:1.0s;}
.animate__animated.animate__delay-12s{-webkit-animation-delay:1.2s;animation-delay:1.2s;}
.animate__animated.animate__delay-13s{-webkit-animation-delay:1.3s;animation-delay:1.3s;}
.animate__animated.animate__delay-14s{-webkit-animation-delay:1.4s;animation-delay:1.4s;}