@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');

*{-webkit-text-size-adjust:none;}
html,body{width:100%;height:100%;margin:0;padding:0;}
body{margin:0;padding:0;font-family:'Noto Sans TC',sans-serif;font-size:16px;line-height:1.5;background:#054376;position:relative;}
body.mob{background-size:1280px 100%;}
h1,h2,h3,h4,p,ul,li{margin:0;padding:0;}
ul{list-style:none;}
img{border:none;}
a{text-decoration:none;cursor:pointer;outline:none;}
a:hover{text-decoration:none;}
button{outline:none;border:0;}

.wrapper{position:relative;min-width:1100px;overflow:hidden;}
.header h1,.header h2,.header h3,.header p,.section-inner{text-indent:-99999px;}
.goHome,.share,.goEvent{text-indent:-9999px;}

.ir{margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;}
.inner{position:relative;margin:0 auto;width:1100px;}

.mob .wrapper{min-width:auto;margin-top:30px;}
.mob .inner{width:100%;}

/* header */
.header{position:relative;height:1260px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/bg_header.webp") no-repeat 50% 0;/*overflow:hidden;*/}
.header .inner{position:relative;margin:0 auto;}
.header .inner .goHome{position: absolute;top:8px;left:30px;width:127px;height:45px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/logo_aion.png") no-repeat 50% 50%;z-index:100;}
.header .inner .share{position:absolute;top:22px;left:958px;width:26px;height:25px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/fb.png") no-repeat 50% 50%;z-index:100;}
.header .inner .goEvent{position:absolute;top:20px;left:990px;width:100px;height:30px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/more.png") no-repeat 50% 50%;z-index:100;}
.header .inner a,.section a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .inner a:hover,.section a:hover{-webkit-filter:contrast(130%);filter:contrast(130%);}
.header2{position:relative;height:auto;background:none no-repeat 50% 0;}

.mob .header{height:calc(1260px / 2);background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_header.webp");background-size:cover;}
.mob .header .inner .goHome{top:8px;left:10px;width:85px;height:30px;background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/logo_aion.png");background-size:cover;/*filter:drop-shadow(0px 0px 3px rgba(0,0,0,.7))*/}
.mob .header .inner .share{left:auto;top:8px;right:123px;width:31px;height:30px;background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/fb.png");background-size:cover;}
.mob .header .inner .goEvent{left:auto;top:8px;right:10px;width:109px;height:30px;background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/more.png");background-size:cover;}
.mob .header .inner a,.mob .section a{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.mob .header2{height:auto;background-image:none;background-size:cover;}

/* item list */
.section [class*="btn"]{position:absolute;display:block;width:77px;height:28px;}
.section [class*="item-list"]{position:absolute;overflow:hidden;text-indent:-9999px;width:1000px;left:50%;margin-left:-499px}
.section [class*="item-list"] li{position:relative;width:180px;height:85px;margin:210px 14px 10px 8px;float:left;}
.section [class*="item-list"] li:nth-child(5n){margin-right:0}
.section [class*="item-list"] li a{position:absolute;text-indent:-9999px;z-index:10;width:20px;height:20px;background:none;}
.section [class*="item-list"] li a.btn_info{width:33px;height:33px;top:0px;right:2px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/btn_preview.webp") no-repeat 50% 50%;background-size:cover;z-index:15;}
.section [class*="item-list"] li a.btn_more{width:85px;height:20px;background:#e1c461 no-repeat 50% 50%;top:0px;left:0;right:0;margin:0 auto;/*border:2px solid #f4e0c2;*/border-radius:0px;padding:0;background-size:cover;box-sizing:border-box;}
.section [class*="item-list"] li a.btn_more:before{display:block;content:'詳細說明';color:#12091e;font-size:15px;font-weight:700;text-align:center;text-indent:0;line-height:1.8;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);padding-bottom:2px;/*text-shadow:1px 0 #39270c,0 1px #39270c,-1px 0 #39270c,0 -1px #39270c;*/}
.mob .section [class*="item-list"]{width:300px;margin-left:-148px;}
.mob .section [class*="item-list"] li{width:91px;height:40px;margin:105px 6px 5px 3px;}
/*.mob .section [class*="item-list"] li:nth-child(3n){margin-right:0px;}*/
.mob .section [class*="item-list"] li a.btn_info{width:22px;height:22px;top:0;right:2px;background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/btn_preview.webp");background-size:cover;}
.mob .section [class*="item-list"] li a.btn_more{width:44px;height:14px;padding:0;}
.mob .section [class*="item-list"] li a.btn_more:before{font-size:0.6rem;letter-spacing:-0.5px;padding-bottom:1px;}
/** preview/tooltip/modal/youtube **/

.section [class*="btn-info"]{width:33px;height:33px;left:50%;margin-left:-17px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/btn_preview.webp") no-repeat 50% 50%;background-size:cover;}
.section [class*="btn-more"]{width:85px;height:20px;left:50%;margin-left:-43px;background:#e1c461 50% 50%;background-size:cover;border-radius:0px;/*border:2px solid #f4e0c2;*/padding:0;box-sizing:border-box;}
.section [class*="btn-more"]:before{display:block;content:'詳細說明';color:#12091e;font-size:15px;font-weight:700;text-align:center;text-indent:0;line-height:1.8;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);padding-bottom:2px;/*text-shadow:1px 0 #39270c,0 1px #39270c,-1px 0 #39270c,0 -1px #39270c;*/}
.mob .section [class*="btn-info"]{width:22px;height:22px;margin-left:-11px;background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/btn_preview.webp");background-size:cover;}
.mob .section [class*="btn-more"]{width:44px;height:14px;margin-left:-22px;padding:0;}
.mob .section [class*="btn-more"]:before{font-size:0.6rem;line-height:1.2;letter-spacing:-0.5px;padding-bottom:0px;}
.popup_content{width:300px;padding:1rem 0.5rem;background:#282a37;box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.popup_content h3{margin:0 20px;padding:16px 0 9px;font-size:16px;color:#e6c31f; border-bottom:1px solid #3e414f;font-weight:700;}
.popup_content p{margin:0;padding:10px 20px 20px;font-size:14px;color:#dddddd;text-align:justify;}
.popup_content p i{font-style:normal;}
.popup_content img{width:100%;}
body #modal-header,body #modal-text{background:#282a37;}
body #modal-text{text-align:justify;}
#btc .tooltip i,#modal-text i{font-style:normal;}
#btc .tooltip i.small,#modal-text i.small,.popup_content p i.small{color:#aaaaaa;font-size:13px;}
.section .use-mobile, .mob .section .use-pc{display:none;}
.section .use-pc, .mob .section .use-mobile{display:block;}


/* section */
#section1{position:relative;height:1090px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/bg_section1.webp") no-repeat 50% 0;}
#section1 a.btn-info1{top:555px;margin-left:80px;}
#section1 a.btn-more1{top:690px;margin-left:25px;}
#section1 a.btn-info2{top:555px;margin-left:405px;}
#section1 a.btn-info3{top:865px;margin-left:-250px;}
#section1 a.btn-info4{top:865px;margin-left:80px;}
#section1 a.btn-info5{top:865px;margin-left:405px;}
#section2{position:relative;height:700px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/bg_section2.webp") no-repeat 50% 0;}
#section2 a.btn-info1{top:85px;margin-left:-250px;}
#section2 a.btn-more1{top:220px;margin-left:-305px;}
#section2 a.btn-info2{top:85px;margin-left:80px;}
#section2 a.btn-more2{top:220px;margin-left:25px;}
#section2 a.btn-info3{top:85px;margin-left:405px;}
#section2 a.btn-info4{top:390px;margin-left:-85px;}
#section2 a.btn-info5{top:390px;margin-left:240px;}
#section2 a.btn-more3{top:530px;margin-left:190px;}
#section3{position:relative;height:950px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/bg_section3.webp") repeat 50% 0;}
#section4{position:relative;height:1740px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/bg_section4.webp") repeat 50% 0;}
#section4 .txtArea{margin:10.5rem auto 0;padding:0 6rem;}
#section4 .txt1{font-size:21px;font-weight:500;color:#b0e2ff;text-indent:0;line-height:1.6;/*text-align:center;*/padding:0;letter-spacing:-0.5px;padding-left:1.5rem;margin-left:1rem;/*text-shadow:2px 0 5px rgba(95,80,85,.66);*/}
#section4 .txt1 li{padding-left:0.25rem;list-style:none;position:relative;padding-bottom:3px;list-style:decimal;}
/*#section4 .txt1 li:before{content:"";color:#ffffff;width:22px;height:22px;display:block;background:#5e2b94;background-size:cover;position:absolute;top:5px;left:-1.5rem;line-height:1.2;font-size:16px;text-align:center;border-radius:50%;font-weight:900;}
#section4 .txt1 li:nth-child(1):before{content:"1.";}
#section4 .txt1 li:nth-child(2):before{content:"2.";}
#section4 .txt1 li:nth-child(3):before{content:"3.";}*/
#section4 .txt1 span{display:inline-block;width:562px;font-size:18px;color:#002b44;padding:0.1rem 0.5rem;font-weight:700;background-color:#e1c461;box-sizing:border-box;}
#section4 .txt1 span i{letter-spacing:11px;font-style:initial;}
#section4 .txt1 span b{/*background:rgba(255,255,255,.42);margin-right:0.5rem;*/padding:0;font-weight:500;}
#section4 a.btn-info1{top:570px;margin-left:-300px;z-index:100;}
#section4 a.btn-info2{top:705px;margin-left:-300px;z-index:100;}
#section4 a.btn-info3{top:440px;margin-left:115px;z-index:100;}
#section4 a.btn-info4{top:570px;margin-left:115px;z-index:100;}
#section4 a.btn-info5{top:705px;margin-left:115px;z-index:100;}
#section4 a.btn-more1{top:575px;margin-left:270px;z-index:100;}
#section4 a.btn-info6{top:660px;margin-left:325px;z-index:100;}
#section4 a.btn-more2{top:725px;margin-left:270px;z-index:100;}
#section4 a.btn-info7{top:1100px;margin-left:-300px;z-index:100;}
#section4 a.btn-info8{top:1235px;margin-left:-300px;z-index:100;}
#section4 a.btn-more3{top:1430px;margin-left:-355px;z-index:100;}
#section4 a.btn-info9{top:1175px;margin-left:-95px;z-index:100;}
#section4 a.btn-info10{top:1325px;margin-left:-95px;z-index:100;}
#section4 a.btn-info11{top:1100px;margin-left:115px;z-index:100;}
#section4 a.btn-more4{top:1160px;margin-left:60px;z-index:100;}
#section4 a.btn-info12{top:1235px;margin-left:115px;z-index:100;}
#section4 a.btn-info13{top:1365px;margin-left:115px;z-index:100;}
#section4 a.btn-info14{top:1235px;margin-left:320px;z-index:100;}
#section4 .itemDiv{position:absolute;width:790px;top:360px;left:50%;margin-left:-395px;}
#section5{position:relative;height:890px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/bg_section5.webp") no-repeat 50% 0;}
#section5 a.btn-more{top:765px;margin-left:280px;}
#section6{position:relative;height:2540px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/bg_section6.webp") no-repeat 50% 0;}

.mob #section1{height:calc(1400px / 2);background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section1.webp"),url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section1-bk.webp");background-size:375px 100%,1280px 100%;background-repeat:no-repeat,repeat-x;}
.mob #section1 a.btn-info1{top:430px;margin-left:-45px;}
.mob #section1 a.btn-more1{top:498px;margin-left:-70px;}
.mob #section1 a.btn-info2{top:430px;margin-left:120px;}
.mob #section1 a.btn-info3{top:585px;margin-left:-45px;}
.mob #section1 a.btn-info4{top:585px;margin-left:120px;}
.mob #section1 a.btn-info5{top:740px;margin-left:-45px;z-index:10;}
.mob #section2{height:calc(1000px / 2);background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section2.webp"),url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section2-bk.webp");background-size:375px 100%,1280px 100%;background-repeat:no-repeat,repeat-x;}
.mob #section2 a.btn-info1{top:40px;margin-left:120px;}
.mob #section2 a.btn-more1{top:110px;margin-left:93px;}
.mob #section2 a.btn-info2{top:195px;margin-left:-45px;}
.mob #section2 a.btn-more2{top:265px;margin-left:-69px;}
.mob #section2 a.btn-info3{top:195px;margin-left:120px;}
.mob #section2 a.btn-info4{top:350px;margin-left:-45px;}
.mob #section2 a.btn-info5{top:350px;margin-left:120px;}
.mob #section2 a.btn-more3{top:420px;margin-left:93px;}
.mob #section3{height:calc(900px / 2);background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section3.webp"),url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section3-bk.webp");background-size:375px 100%,1280px 100%;background-repeat:no-repeat,repeat-x;}
.mob #section3 a.btn-info1{top:-115px;margin-left:117px;}
.mob #section3 a.btn-info2{top:42px;margin-left:-60px;}
.mob #section3 a.btn-info3{top:42px;margin-left:75px;}
.mob #section3 a.btn-info4{top:42px;margin-left:125px;}
.mob #section3 a.btn-info5{top:205px;margin-left:-40px;}
.mob #section3 a.btn-info6{top:205px;margin-left:105px;}
.mob #section3 a.btn-more1{top:249px;margin-left:77px;}
.mob #section3 a.btn-info7{top:365px;margin-left:-40px;}
.mob #section3 a.btn-more2{top:408px;margin-left:-65px;}
.mob #section4{height:calc(2480px / 2);background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section4.webp"),url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section4-bk.webp");background-size:375px 100%,1280px 100%;background-repeat:no-repeat,repeat-x;}
.mob #section4 .txtArea{width:290px;margin-top:4.5rem;padding:0;padding-left:0.5rem;box-sizing:border-box;}
.mob #section4 .txt1{font-size:0.7rem;line-height:1.4;padding:0;margin:0 auto;letter-spacing:-0.5px;font-weight:500;}
.mob #section4 .txt1 li{padding-left:1.15rem;padding-bottom:0.2rem;padding-left:0.15rem;}
/*.mob #section4 .txt1 li:before{width:15px;height:15px;font-size:0.7rem;top:0px;line-height:1;}*/
.mob #section4 .txt1 span{font-size:0.6rem;font-weight:400;letter-spacing:0px;text-align:center;display:inline-block;width:270px;padding:0.1rem 0.15rem;}
.mob #section4 .txt1 span b{font-weight:500;letter-spacing:0px;padding:0;}
.mob #section4 .txt1 span i{letter-spacing:7.2px;}
.mob #section4 .txt1 span br{line-height:0;}
.mob #section4 a.btn-info1{top:335px;margin-left:-100px;}
.mob #section4 a.btn-info2{top:405px;margin-left:-100px;}
.mob #section4 a.btn-info3{top:270px;margin-left:107px;}
.mob #section4 a.btn-info4{top:335px;margin-left:107px;}
.mob #section4 a.btn-info5{top:405px;margin-left:107px;}
.mob #section4 a.btn-more1{top:665px;margin-left:-126px;}
.mob #section4 a.btn-info6{top:710px;margin-left:-100px;}
.mob #section4 a.btn-more2{top:740px;margin-left:-126px;}
.mob #section4 a.btn-info7{top:600px;margin-left:0px;}
.mob #section4 a.btn-info8{top:668px;margin-left:0px;}
.mob #section4 a.btn-more3{top:760px;margin-left:-22px;}
.mob #section4 a.btn-info9{top:635px;margin-left:105px;}
.mob #section4 a.btn-info10{top:710px;margin-left:105px;}
.mob #section4 a.btn-info11{top:935px;margin-left:-50px;}
.mob #section4 a.btn-more4{top:1030px;margin-left:-75px;}
.mob #section4 a.btn-info12{top:1000px;margin-left:-50px;}
.mob #section4 a.btn-info13{top:1067px;margin-left:-50px;}
.mob #section4 a.btn-info14{top:1000px;margin-left:55px;}
.mob #section4 .itemDiv{width:290px;top:230px;left:50%;margin-left:-145px;}
.mob #section5{height:calc(1100px / 2);background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section5.webp"),url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section5-bk.webp");background-size:375px 100%,1280px 100%;background-repeat:no-repeat,repeat-x;}
.mob #section5 a.btn-more{top:505px;margin-left:55px;}
.mob #section6{height:calc(2500px / 2);background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section6.webp"),url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_section6-bk.webp");background-size:375px 100%,1280px 100%;background-repeat:no-repeat,repeat-x;}


/* reward */
#section4 .area-reward{position:relative;width:165px;height:120px;float:left;text-align:center;margin:490px 43px 50px 0px;padding:0;box-sizing:border-box;}
#section4 .area-reward:nth-child(4n){margin-right:0;}
#section4 .area-reward p{font-size:20px;color:#fbd27c;text-align:center;text-indent:0;font-weight:400;line-height:1.4;letter-spacing:-1px;padding:0.25rem 0;letter-spacing:-1px;}
#section4 .area-reward p span{font-size:32px;color:#b0e2ff;font-weight:500;}
#section4 .area-reward p strong{font-size:32px;font-weight:700;color:#ffffff;}
#section4 .area-reward p i{font-size:15px;font-weight:300;color:#b0e2ff;font-style:normal;font-family:serif;}
#section4 .area-reward a{width:124px;height:40px;position:absolute;bottom:0;left:0;right:0;margin:0 auto;font-size:20px;color:#f8f8f9;text-indent:0;text-align:center;line-height:1.2;font-weight:700;user-select:none;-moz-user-select:none;-webkit-user-select:none;/*border:2px solid #ffffff;*/box-sizing:border-box;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/btn_reward.webp") no-repeat 50% 0;padding:0;letter-spacing:0px;display:flex;align-items:center;justify-content:center;padding-bottom:3px;/*border-radius:20px;*/text-shadow:1px 0 1px rgba(0,0,0,.6);}
#section4 .area-reward a.btn-login{background-position-y:0;}
#section4 .area-reward a.btn-reward{background-position-y:-40px;}
#section4 .area-reward a.btn-receive{background-position-y:-80px;}
#section4 .area-reward a.btn-uncompleted{background-position-y:-80px;}
#section4 .area-reward a.btn-end,#section4 .area-reward a.btn-not{background-position-y:-80px;}
.btn-receive, .btn-uncompleted, .btn-end, .btn-not{cursor: not-allowed;}
#section4 .area-reward a[class*="btn"]{-webkit-transition:all .1s ease;-moz-transition:all .3s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;}
.mob #section4 .area-reward{width:82px;height:55px;margin:250px 22px 27px 0px;}
.mob #section4 .area-reward:nth-child(3n){margin-right:0;}
.mob #section4 .area-reward:nth-child(7){margin-left:52px;}
.mob #section4 .area-reward p{font-size:0.6rem;line-height:1.2;padding:0.1rem 0;}
.mob #section4 .area-reward p i{letter-spacing:0;}
.mob #section4 .area-reward p span,.mob #section4 .area-reward p strong,.mob #section4 .area-reward p i{font-size:0.85rem;}
.mob #section4 .area-reward a{width:62px;height:20px;font-size:0.7rem;line-height:1;background-size:62px 80px;padding-bottom:0px;}
.mob #section4 .area-reward a.btn-login{background-position-y:0;}
.mob #section4 .area-reward a.btn-reward{background-position-y:-20px;}
.mob #section4 .area-reward a.btn-receive{background-position-y:-40px;}
.mob #section4 .area-reward a.btn-uncompleted{background-position-y:-40px;}
.mob #section4 .area-reward a.btn-end,.mob #section4 .area-reward a.btn-not{background-position-y:-40px;}


/* caution */
.caution{position:relative;height:470px;margin:0 auto;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/bg_caution.webp") no-repeat 50% 0;}
.caution .inner{width:800px;margin:0 auto;padding:60px 0 100px 0;}
.caution .inner h2{height:30px;text-indent:-9999px;background:url("//image.tw.ncsoft.com/aion/event/250813_treasure/caution.webp") no-repeat 0 0;/*color:#6b6354;font-size:30px;*/padding-bottom:1rem;}
.caution .inner ol{margin:0 0 0 -20px;text-align:justify;}
.caution .inner ol li{padding:2px 0;color:rgba(238,238,238,0.8);line-height:1.4;font-weight:400;}
.caution .inner ol li span,.caution .inner ol li.point,.caution .inner ol li a{color:rgba(255,192,0,0.8);}

.mob .caution{height:400px;background-image:url("//image.tw.ncsoft.com/aion/event/250813_treasure/m/bg_caution.webp");background-size:1280px 100%;}
.mob .caution .inner{width:100%;padding:0rem 0.5rem 2rem;font-size:0.725rem;/*font-weight:300;*/box-sizing:border-box;max-width:300px;}
.mob .caution .inner h2{height:20px;background-size:auto 18px;/*font-size:1.2rem;*/padding-bottom:5px;}
.mob .caution .inner ol{letter-spacing:-0.7px;}
.mob .caution .inner ol li{line-height:1.2;}


/* top */
.goTop{display:none;width:40px;height:40px;color:#ffffff;font-size:10px;text-align:center;text-decoration:none;line-height:20px;padding-top:18px;border-radius:5px;box-sizing:border-box;position:fixed;bottom:20px;right:15px;z-index:100;background-color:rgba(0,0,0,0.6);}
.goTop:before{content:'\25B2';width:100%;text-align:center;font-size:12px;position:absolute;top:2px;left:0;}
.goTop:hover{background-color:rgba(0,0,0,0.5);}


/* modal */
/*body #modal-wrap{box-shadow:none;}
body #modal-contents{background:none;}*/
body #modal-header,body #modal-text,body #modal-contents{background:#26282c;}

/* animation */
@-webkit-keyframes fade {
  45%,55%{opacity:1;}
}
@keyframes fade {
  45%,55%{opacity:1;}
}

@-webkit-keyframes fadeMove {
  0%,100%{transform:translateY(0);}
  45%,55%{opacity:1;transform:translateY(-5px);}
}
@keyframes fadeMove {
  0%,100%{transform:translateY(0);}
  45%,55%{opacity:1;transform:translateY(-5px);}
}


/* ColcoBox */
#colorbox,#cboxOverlay,#cboxWrapper{max-width:100%;top:0;left:0;position:absolute;z-index:10002;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#colorbox,#cboxContent,#cboxLoadedContent{-webkit-box-sizing:content-box;box-sizing:content-box;}
#cboxOverlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);}
#colorbox{outline:0;}
#colorbox #cboxWrapper{max-width:none;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-ms-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;}
#colorbox #cboxWrapper #cboxMiddleLeft,#colorbox #cboxWrapper #cboxBottomLeft{clear:left;}
#colorbox #cboxWrapper #cboxContent{position:relative;overflow:visible;}
#colorbox #cboxWrapper #cboxContent #cboxLoadedContent{overflow:hidden;-webkit-overflow-scrolling:touch;}
#colorbox #cboxWrapper #cboxContent #cboxTitle{width:100%;margin:0 auto;text-align:center;color:#ffffff;font-size:1.2rem}
#colorbox #cboxWrapper #cboxContent #cboxCurrent{top:-22px;right:205px;position:absolute;text-indent:-9999px;}
#colorbox #cboxWrapper #cboxContent #cboxLoadingOverlay,#colorbox #cboxWrapper #cboxContent #cboxLoadingGraphic{top:0;left:0;position:absolute;width:100%;height:100%;}
#colorbox #cboxWrapper #cboxContent #cboxPrevious,#colorbox #cboxWrapper #cboxContent #cboxNext,#colorbox #cboxWrapper #cboxContent #cboxClose,#colorbox #cboxWrapper #cboxContent #cboxSlideshow{width:20px;height:20px;cursor:pointer;border:0;padding:0;margin:0;overflow:visible;text-indent:-9999px;position:absolute;top:-20px;background:none;}
#colorbox #cboxWrapper #cboxContent #cboxPrevious:active,#colorbox #cboxWrapper #cboxContent #cboxNext:active,#colorbox #cboxWrapper #cboxContent #cboxClose:active,#colorbox #cboxWrapper #cboxContent #cboxSlideshow:active{outline:0;}
#colorbox #cboxWrapper #cboxContent .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:100%;-ms-interpolation-mode:bicubic;}
#colorbox #cboxWrapper #cboxContent .cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0;background:#000000;}
#colorbox #cboxWrapper #cboxContent #cboxError{padding:50px;border:1px solid #cccccc;}
#colorbox #cboxWrapper #cboxContent #cboxClose{top:-36px;right:-36px;position:absolute;width:36px;height:36px;background:url("//image.tw.ncsoft.com/aion/common/ui/close.png") center center no-repeat;background-size:100%;cursor:pointer;display:block;}
.mob #colorbox #cboxWrapper #cboxContent #cboxClose{top:-18px;right:-18px;width:18px;height:18px;}