﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.HotMoive .item,.HotMoive .slidebox ul,.p-c-box .slidebox ul,.h-w-box .slidebox ul,.mama-box .slidebox ul,.FreeMoive .titlebox,.FreeMoive .slidebox ul{*zoom:1}.HotMoive .item::after,.HotMoive .slidebox ul::after,.p-c-box .slidebox ul::after,.h-w-box .slidebox ul::after,.mama-box .slidebox ul::after,.FreeMoive .titlebox::after,.FreeMoive .slidebox ul::after,.HotMoive .item::before,.HotMoive .slidebox ul::before,.p-c-box .slidebox ul::before,.h-w-box .slidebox ul::before,.mama-box .slidebox ul::before,.FreeMoive .titlebox::before,.FreeMoive .slidebox ul::before{content:"";display:table;clear:both}.HotMoive .item::after,.HotMoive .slidebox ul::after,.p-c-box .slidebox ul::after,.h-w-box .slidebox ul::after,.mama-box .slidebox ul::after,.FreeMoive .titlebox::after,.FreeMoive .slidebox ul::after{clear:both}.p-c-box .item sup,.h-w-box .item sup,.mama-box .item sup,.FreeMoive .titlebox h3 sup,.RuleBox .item sup,.HotMoive .item strong,.HotMoive .slidebox li .note a,.RuleBox .item,.RuleBox dl .items,.RuleBox dl .info,.RuleBox .sponsor,#lightbox dt,#lightbox dd{font-family:"微軟正黑體", Helvetica, Arial, sans-serif}.KeyVision .caption,.KeyVision .subtitle,.KeyVision .mainBtn{overflow:hidden;text-indent:100%;white-space:nowrap}.p-c-box .item,.h-w-box .item,.mama-box .item,.FreeMoive .titlebox h3,.RuleBox .item{color:#fff;font-size:24px;font-family:"微軟正黑體", Helvetica, Arial, sans-serif;font-weight:bold;padding:16px 0;text-align:center;position:relative}@media only screen and (min-width: 1024px){.p-c-box .item,.h-w-box .item,.mama-box .item,.FreeMoive .titlebox h3,.RuleBox .item{font-size:36px}}.p-c-box .item::after,.h-w-box .item::after,.mama-box .item::after,.FreeMoive .titlebox h3::after,.RuleBox .item::after{content:"";width:0;height:0;border:solid transparent;border-color:transparent;border-width:15px;margin-left:-15px;pointer-events:none;position:absolute;left:50%;top:100%}.p-c-box .item sup,.h-w-box .item sup,.mama-box .item sup,.FreeMoive .titlebox h3 sup,.RuleBox .item sup{background-color:#fff799;border-radius:3px;color:#ff2361;display:inline-block;font-size:15px;height:22px;margin:0 0 0 8px;padding:3px 5px;position:absolute;top:5px}@media only screen and (min-width: 1024px){.p-c-box .item sup,.h-w-box .item sup,.mama-box .item sup,.FreeMoive .titlebox h3 sup,.RuleBox .item sup{top:15px}}.RuleBox dl{padding:30px 15px}@media only screen and (min-width: 1024px){.RuleBox dl{padding:30px}}.HotMoive .slidebox,.p-c-box .slidebox,.h-w-box .slidebox,.mama-box .slidebox{height:inherit;overflow:hidden;padding:30px 0;position:relative}@media only screen and (min-width: 1024px){.HotMoive .slidebox,.p-c-box .slidebox,.h-w-box .slidebox,.mama-box .slidebox{padding:30px 0}}.HotMoive .slidebox li,.p-c-box .slidebox li,.h-w-box .slidebox li,.mama-box .slidebox li,.FreeMoive .slidebox li{float:left;width:100%;text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative}@media only screen and (min-width: 1024px){.HotMoive .slidebox li,.p-c-box .slidebox li,.h-w-box .slidebox li,.mama-box .slidebox li,.FreeMoive .slidebox li{width:380px;background-color:transparent}}.HotMoive .slidebox li a,.p-c-box .slidebox li a,.h-w-box .slidebox li a,.mama-box .slidebox li a,.FreeMoive .slidebox li a{display:inline-block;background-color:#fff;border:solid 6px transparent;margin:0 55px;padding:8px;position:relative}@media only screen and (min-width: 1024px){.HotMoive .slidebox li a,.p-c-box .slidebox li a,.h-w-box .slidebox li a,.mama-box .slidebox li a,.FreeMoive .slidebox li a{float:left;width:330px;margin:0 25px}}.HotMoive .slidebox li a .film-name,.p-c-box .slidebox li a .film-name,.h-w-box .slidebox li a .film-name,.mama-box .slidebox li a .film-name,.FreeMoive .slidebox li a .film-name{color:#05a;font-size:16px;font-family:"微軟正黑體", Helvetica, Arial, sans-serif;line-height:1.4;padding:15px 0;text-align:center}.HotMoive .slidebox li a .note,.p-c-box .slidebox li a .note,.h-w-box .slidebox li a .note,.mama-box .slidebox li a .note,.FreeMoive .slidebox li a .note{color:#ff0058;font-size:16px;line-height:1.4;text-align:left}.HotMoive .slidebox li>a::before{content:"";background:url("../images/hot_tag.png") no-repeat 0 0 scroll transparent;display:inline-block;position:absolute;right:-35px;top:-26px}body{background-color:#fff}@keyframes block-1-animate{0%{transform:rotate(0deg)}25%{transform:rotate(-3deg)}50%{transform:rotate(0deg)}75%{transform:rotate(3deg)}100%{transform:rotate(0deg)}}#header .header-main-area .vce-header-ads #search-keyword{top:5px !important}#search-keyword .dfp_keyword{top:0 !important}.main-content{margin-bottom:25px}@media only screen and (min-width: 1024px){.main-content{width:1140px;margin:0 auto;box-shadow:0px 0px 6px 1px rgba(0,0,0,0.3)}}.KeyVision{position:relative}.KeyVision .caption{background:transparent url("../images/m_kv.jpg") center top no-repeat;background-size:375px 486.5px;line-height:486.5px}@media only screen and (min-width: 1024px){.KeyVision .caption{background:url("../images/pc_kv.jpg") no-repeat top center transparent;line-height:745px}}.KeyVision .mainBtn{background:transparent url("../images/ticket_btn.png") 0 0 no-repeat;background-size:contain;width:232px;height:103px;display:block;margin-left:-116px;position:absolute;left:50%;bottom:25%;animation:block-1-animate .5s ease-in infinite}@media only screen and (min-width: 1024px){.KeyVision .mainBtn{width:464px;height:206px;margin-left:-232px;bottom:15%}}.HotMoive .bgbox{background-color:#fff0f5;margin-top:50px;padding-top:40px}.HotMoive .pc{display:none}@media only screen and (min-width: 1024px){.HotMoive .pc{display:block}}@media only screen and (min-width: 1024px){.HotMoive .mobile{display:none}}.HotMoive .item{margin-top:-30px;position:relative}.HotMoive .item strong{width:calc(100% - 56px);background-color:#dc4776;color:#fff;font-size:24px;margin:0 28px;padding:16px 0;text-align:center;position:absolute;z-index:3}@media only screen and (min-width: 1024px){.HotMoive .item strong{font-size:48px}}.HotMoive .item strong::before,.HotMoive .item strong::after{content:"";width:0;height:0;border-style:solid;pointer-events:none;position:absolute;top:100%}.HotMoive .item strong::before{border-width:0 12px 6px 0;border-color:transparent #8e183d transparent transparent;left:0}.HotMoive .item strong::after{border-width:6px 12px 0 0;border-color:#8e183d transparent transparent transparent;right:0}.HotMoive .item span{width:40px;height:55px;background-color:#b92352;display:inline-block;position:absolute;top:7px;z-index:2}@media only screen and (min-width: 1024px){.HotMoive .item span{height:80px;top:7px}}.HotMoive .item span::before,.HotMoive .item span::after{content:"";background-color:#fff;border-radius:100%;box-shadow:0 1px 0 0 rgba(0,0,0,0.2);width:10px;height:10px;position:absolute}.HotMoive .item span::before{top:9px}.HotMoive .item span::after{bottom:9px}.HotMoive .item span.l-icon{left:0px}.HotMoive .item span.l-icon::before,.HotMoive .item span.l-icon::after{left:8px}.HotMoive .item span.r-icon{right:0px}.HotMoive .item span.r-icon::before,.HotMoive .item span.r-icon::after{right:8px}@media only screen and (min-width: 1024px){.HotMoive .slidebox{padding-top:80px;margin:0}}.HotMoive .slidebox ul{width:10000px}.HotMoive .slidebox li>a{border-color:#fed6e0}.HotMoive .slidebox li>a::before{background-size:109px 109px;width:109px;height:109px}.HotMoive .slidebox li>a .film-name{padding:20px 0 54px}@media only screen and (min-width: 1024px){.HotMoive .slidebox li>a .film-name{padding:20px 0 54px}}.HotMoive .slidebox li .note{width:270px;line-height:1.4;margin-left:-135px;text-align:center;position:absolute;left:50%;bottom:10px}@media only screen and (min-width: 1024px){.HotMoive .slidebox li .note{width:100%;margin-left:-50%;padding:0 40px}}.HotMoive .slidebox li .note a{float:none;display:inline-block;width:auto;background-color:transparent;border:none;font-size:15px;margin:0;position:relative}.HotMoive .swiper-pagination .swiper-pagination-bullet-active{background-color:#dc4776}.p-c-box{background-color:#f8fff5}@media only screen and (min-width: 1024px){.p-c-box{display:none}}.p-c-box .item{background-color:#80c269}.p-c-box .item::after{border-top-color:#80c269}.p-c-box .slidebox ul{width:10000px}.p-c-box .slidebox li a{border-color:#ceeac3}.p-c-box .swiper-pagination .swiper-pagination-bullet-active{background-color:#80c269}.h-w-box{background-color:#fbf6fe}@media only screen and (min-width: 1024px){.h-w-box{display:none}}.h-w-box .item{background-color:#bb77eb}.h-w-box .item::after{border-top-color:#bb77eb}.h-w-box .slidebox ul{width:10000px}.h-w-box .slidebox li a{border-color:#f1ddff}.h-w-box .swiper-pagination .swiper-pagination-bullet-active{background-color:#bb77eb}.mama-box{background-color:#fff7f9}@media only screen and (min-width: 1024px){.mama-box{display:none}}.mama-box .item{background-color:#ff3565}.mama-box .item::after{border-top-color:#ff3565}.mama-box .slidebox ul{width:10000px}@media only screen and (min-width: 1024px){.mama-box .slidebox ul{width:1140px}}.mama-box .slidebox li a{border-color:#fed3de}.mama-box .swiper-pagination .swiper-pagination-bullet-active{background-color:#ff3565}.swiper-pagination{margin:15px 0 0;text-align:center}.swiper-pagination span{width:8px;height:8px;border-radius:100%;background-color:rgba(0,0,0,0.2);cursor:pointer;display:inline-block;margin:0 5px}.swiper-pagination span.swiper-pagination-bullet-active{background-color:#000}.swiper-button-next,.swiper-button-prev{display:none;cursor:pointer;background-color:rgba(255,255,255,0.65);border-radius:5px;margin-top:-51px;padding:10px 5px;position:absolute;top:50%;z-index:10;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:rgba(255,255,255,0.85)}.swiper-button-next{background-image:url("../images/arrow_next.png");background-repeat:no-repeat;background-position:center center;background-size:20.4px 37.2px;width:51px;height:93px;right:8px}.swiper-button-prev{background-image:url("../images/arrow_prev.png");background-repeat:no-repeat;background-position:center center;background-size:20px 37.2px;width:50px;height:93px;left:8px}.FreeMoive{display:none}@media only screen and (min-width: 1024px){.FreeMoive{display:block}}.FreeMoive .titlebox h3{font-size:22px;float:left;width:33.33333%;z-index:2}.FreeMoive .titlebox .p-c{background-color:#80c269}.FreeMoive .titlebox .p-c::after{border-top-color:#80c269}.FreeMoive .titlebox .h-w{background-color:#bb77eb}.FreeMoive .titlebox .h-w::after{border-top-color:#bb77eb}.FreeMoive .titlebox .mama{background-color:#ff3565}.FreeMoive .titlebox .mama::after{border-top-color:#ff3565}.FreeMoive .slidebox{background-color:#eff8ff;width:1140px;overflow:hidden;padding:70px 0;position:relative}.FreeMoive .slidebox ul{width:5000px}.FreeMoive .slidebox li a{height:529px}.FreeMoive .slidebox li a:nth-child(1){border-color:#ceeac3}.FreeMoive .slidebox li a:nth-child(2){border-color:#f1ddff}.FreeMoive .slidebox li a:nth-child(3){border-color:#fed3de}.FreeMoive .slidebox:hover .swiper-button-next,.FreeMoive .slidebox:hover .swiper-button-prev{display:inline-block}.FreeMoive .swiper-pagination .swiper-pagination-bullet-active{background-color:#33a6ff}.RuleBox{background-color:#f0f0f0}.RuleBox .item{background-color:#7e6b5a}.RuleBox .item::after{border-top-color:#7e6b5a}.RuleBox dl .items{display:inline-block;background-color:#7e6b5a;border-radius:5px;color:#fff;font-size:14px;font-weight:bold;margin:10px 0;padding:5px}.RuleBox dl .info{color:#555;font-size:14px;line-height:1.6;margin:0 1em 8px;padding-left:12px;text-indent:-12px;text-align:justify}.RuleBox dl .single{padding:0;text-indent:0}.RuleBox .sponsor{color:#555;font-size:14px;padding:0 0 35px;text-align:center;vertical-align:middle}#lightbox{height:100%;width:100%;background:rgba(0,0,0,0.7);position:fixed;top:0;z-index:9999}#lightbox.hidden{display:none}#lightbox .lightbox{background-color:#fff;width:85%;height:75%;padding:30px 25px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:relative;left:50%;top:50%}@media only screen and (min-width: 1024px){#lightbox .lightbox{width:340px;height:480px}}#lightbox .lightbox .detail{height:90%;overflow-y:auto;position:relative}@media only screen and (min-width: 1024px){#lightbox .lightbox .detail{height:85%}}#lightbox dt{color:#7e6b5a;font-size:16px;font-weight:bold}#lightbox dd{color:#555;font-size:15px;line-height:1.5;padding:8px 0 20px 25px;text-indent:-18px;text-align:justify}#lightbox dd.single{padding-left:12px;text-indent:0}#lightbox .closebtn{color:#444;position:absolute;right:15px;top:10px}#lightbox .closebtn .fa{font-size:26px}#lightbox .activebtn{background-color:#dc4776;border-radius:4px;width:70vw;color:#fff;display:block;font-size:18px;padding:13px 0;text-align:center;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);left:50%;bottom:3%;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}@media only screen and (min-width: 1024px){#lightbox .activebtn{width:290px;bottom:5%}}#lightbox .activebtn:hover{box-shadow:inset 0 -3px 0 #d83266;background-color:#e05c86}#lightbox .overbtn{background-color:#999;border-radius:4px;width:70vw;color:#fff;display:block;font-size:18px;padding:13px 0;text-align:center;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);left:50%;bottom:3%}@media only screen and (min-width: 1024px){#lightbox .overbtn{width:290px;bottom:5%}}
