/*活動用*/ *:link, *:visited, *:hover, *:active, *:focus, * { outline:none } body{ margin:0; padding: 0; background: #eeeeee;} .full-width{width: 100%;} .fixed-width{ width: 1280px; margin: auto; } /*額外設定大小網*/ .only_pc{ display: block; } .only_m{ display: none; } /*額外設定大小網*/ .footer_links { font-size: 12px; } #wrap{ min-width: 1280px; } /***PC版***/ #container { /*min-width: 1280px; */} #content_all { min-width: 1280px; color:#FFFFFF; background: url(../images/pc/2018cinema_body_bg.jpg)no-repeat center top; background-color: #0a1528; position: relative; padding-top: 260px; overflow: hidden; } #content_all a{ text-decoration: none; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } #content_all p{ color:#080404; font-weight: normal; text-align: justify; } #content_all h1,h2,h3,h4,h5,h6{ color:#080404; } /* HeaderCon PC */ #content_all .headerCon { width: 1280px; margin:0 auto; padding-top: 27px; background-color:#fFFFFF; position: relative; } #content_all .headerCon .kvbox { width: 1226px; margin:0 auto; padding: 0; background-color: #f4f4f4; position: relative; } #content_all .headerCon .kvbox h1{ width: 100%; height: 440px; font-size: 0px; margin:0; background:url(../images/pc/TFF_KVh1.png)no-repeat center 180px; background-size: 670px 120px; animation-delay:0.1s; position: absolute; left: 0; top:0; z-index: 9999; } #content_all .headerCon .kvbox h2{ width: 100%; height: 0; font-size: 0px; } #content_all .headerCon .kvbox p{ width: 564px; height: 0; font-size: 0px; } #content_all .headerCon .kvbox .icon{ width: 52px; height: 272px; font-size: 0; background:url(../images/pc/2018cinema_kv_icon.png)no-repeat; background-size: 100%; position: absolute; } #content_all .headerCon .kvbox .icon:nth-of-type(2){ left: 50px; top: -287px; } #content_all .headerCon .kvbox .icon:nth-of-type(3){ right: 50px; top: -287px; } #content_all .headerCon .kvbox .kvbg { width: 1226px; height: 440px; overflow: hidden; } #content_all .headerCon .kvbox #kvbg span { display: block; width: 1226px; height: 440px; background-size: 100%; } #content_all .headerCon .kvbox #kvbg span.img1 { background: url(../images/pc/TFF_KV_bg1.jpg)no-repeat; } #content_all .headerCon .kvbox #kvbg span.img2 { background: url(../images/pc/TFF_KV_bg2.jpg)no-repeat; } #content_all .headerCon .kvbox #kvbg span.img3 { background: url(../images/pc/TFF_KV_bg3.jpg)no-repeat; } #content_all .headerCon .kvbox #kvbg span.img4 { background: url(../images/pc/TFF_KV_bg4.jpg)no-repeat; } #content_all .headerCon .kvbox .slick-slider { margin-bottom: 0; } #content_all .headerCon .kvbox .slick-list { height: 440px; } #content_all .headerCon .kvbox .slick-prev, .slick-next { height: 0; display: none; } #content_all .headerCon .kvbox .slick-dots { bottom: 10px; z-index: 9999; } #content_all .headerCon .kvbox .slick-dots li { border-radius: 10px; } #content_all .headerCon #kvbg .slick-prev, #content_all .headerCon #kvbg .slick-next{ height: 0; } #content_all .headerCon .kvbox .box { width: 1226px; height: 440px; background: url(../images/pc/TFF_KV_bg1.jpg)no-repeat; margin: 0 auto; } #content_all .headerCon .kvbox .box iframe{ width: 782px; height: 440px; margin: 0 auto; display: block; } /* HeaderCon PC End */ /* contentCon PC */ #content_all .contentCon { position: relative; text-align: center; margin: 0 auto;} #content_all .contentCon a{ display: block; color:#FFFFFF; text-decoration: none; } #content_all .contentCon h2 { width: 100%; height: 60px; font-size: 0px; } #content_all .contentCon .item00,#content_all .contentCon .item01,#content_all .contentCon .item02{ position: relative; margin:0 auto; width: 100%; overflow: hidden; } #content_all .contentCon .itembox{ width: 1226px; margin:0 auto 10px; padding:0 0 20px 0 ; } #content_all .contentCon .itembox .point { position: absolute; width: 100%; } #content_all .contentCon .itembox h2{ width: 190px; height: 60px; line-height: 54px; font-size: 36px; font-weight: 500; border: 3px solid #e22a8a; color:#e22a8a; margin: 0 auto 30px; } #content_all .contentCon .item00{ width: 1280px; margin:0 auto; background-color:#fFFFFF; position: relative; overflow: hidden; } #content_all .contentCon .item00 ul{ width: 1226px; margin:0 auto; padding:0 0 30px 0 ; } #content_all .contentCon .item00 ul li{ width: 33.3%; height: 95px; float: left; background: url(../images/pc/TFF_menu.png)no-repeat 100% 100%; background-color: #46beaa; } #content_all .contentCon .item00 ul li:nth-child(1){ background-position: 0 0; } #content_all .contentCon .item00 ul li:nth-child(2){ width: 33.4%; background-position: 0 -96px; } #content_all .contentCon .item00 ul li:nth-child(3){ background-position: 0 -192px;} #content_all .contentCon .item00 ul li:hover,#content_all .contentCon .item00 ul li.here{ background-color: #d3ab93; } #content_all .contentCon .item00 ul li a{ display: block; width: 100%; height: 100%; font-size: 0; } #content_all .contentCon .item00_last { display: none; } #content_all .contentCon .item01 .itembox:nth-of-type(1),#content_all .contentCon .item02 .itembox:nth-of-type(1),#content_all .contentCon .item03 .itembox:nth-of-type(1){ background: url(../images/pc/TFF_bg.jpg) repeat; background-size: 100%; margin-bottom: 40px; padding-top: 40px; } #content_all .contentCon .item01,#content_all .contentCon .item02,#content_all .contentCon .item03{ width: 1280px; margin:0 auto 50px; background-color:#fFFFFF; position: relative; overflow: hidden; } #content_all .contentCon .item01 h2{ width: 850px; font-size: 26px; font-weight: normal; color:#FFFFFF; line-height: 60px; height: 66px; margin:0px auto 40px; border: 1px solid #FFFFFF; } #content_all .contentCon .item01 ol{ width: 1150px; height: 850px; position: relative; margin: 80px auto 30px } #content_all .contentCon .item01 ol li{ height: 270px; position: absolute; font-weight: normal;} #content_all .contentCon .item01 ol li:nth-child(1){ left: 0; top:0; } #content_all .contentCon .item01 ol li:nth-child(2){ left: 0; top:410px; } #content_all .contentCon .item01 ol li:nth-child(3){ left: 400px; top:130px; } #content_all .contentCon .item01 ol li:nth-child(4){ left: 400px; top:540px; } #content_all .contentCon .item01 ol li:nth-child(5){ right: 0; top:0; } #content_all .contentCon .item01 ol li:nth-child(6){ right: 0; top:410px; } #content_all .contentCon .item01 ol li .good{ width: 50px; height: 50px; display: block; position: absolute; left:-15px; top:-30px; } #content_all .contentCon .item01 ol li img{ width: 186px; height: 270px; display: block; float: left; } #content_all .contentCon .item01 ol li>a{ display: none; } #content_all .contentCon .item01 ol li .txt_box{ width: 165px; height: 100%; padding: 0 0 0 15px; float: left; position: relative; } #content_all .contentCon .item01 ol li .txt_box h3{ font-size: 20px; color: #f9c164; margin-bottom: 5px; text-align: left; } #content_all .contentCon .item01 ol li .txt_box p{ font-size: 16px; line-height: 25px; color: #FFFFFF; text-align: justify; } #content_all .contentCon .item01 ol li .txt_box a{ position: relative; width: 120px; height: 32px; line-height: 26px; font-size: 18px; font-weight: normal; text-align: center; float: left;} #content_all .contentCon .item01 ol li .txt_box a.nowopenmain{ border:3px solid #f9c164; color:#f9c164; position: absolute; left:15px; bottom:0px; } #content_all .contentCon .item01 ol li .txt_box a.nowopenmain:hover{ background-color: #f9c164; color:#000000; border:3px solid #f9c164; } #content_all .contentCon .item01 ol li .txt_box a.seemore{ background-color: #f9c164; color:#000000; border:3px solid #f9c164; text-align: left; padding-left: 17px; position: absolute; left:15px; bottom:0px; } #content_all .contentCon .item01 ol li .txt_box a:hover{ text-decoration: none; } /*箭頭右-邊框*/ #content_all .contentCon .item01 a .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #f9c164; position:absolute; bottom:7px; left:95px; } #content_all .contentCon .item01 a.nowopenmain .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #f9c164; position:absolute; bottom:7px; left:90px; } #content_all .contentCon .item01 a.nowopenmain:hover .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #000000; position:absolute; bottom:7px; left:90px; } #content_all .contentCon .item01 a.seemore .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #000000; position:absolute; bottom:7px; left:97px; } #content_all .contentCon .item01 a:hover .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #000000; position:absolute; bottom:7px; left:97px; } /*箭頭右-邊框*/ #content_all .contentCon .item01 .boss { width: 1150px; height: 182px; position: relative; margin: 0 auto 30px; } #content_all .contentCon .item01 .boss img{ width: 182px; height: 182px; display: block; border-radius: 182px; float: left; } #content_all .contentCon .item01 .boss .txt_box { width: 968px; height: 100%; padding:40px 30px 0 30px; float: left; text-align: justify; font-weight: normal; } #content_all .contentCon .item01 .boss .txt_box h3{ font-size: 26px; color:#5db8a9; line-height: 35px; } #content_all .contentCon .item01 .boss .txt_box p{ font-size: 16px; color: #FFFFFF; line-height: 25px; } #content_all .contentCon .item02 .post_box{ max-width: 965px; position: relative; margin: 0 auto; padding: 0 0 60px 0; } #content_all .contentCon .item02 .post_box h3{ font-size:26px; font-weight: 500; line-height:39px;letter-spacing:3px; color:#ffffff; text-align:left; display:block; } #content_all .contentCon .item02 div.tagpg02 ul.tag02zone01{ width:975px; height: 266px; margin:26px auto; padding:0px; opacity: 1; } #content_all .contentCon .item02 div.tagpg02 ul.tag02zone01 li{ text-align:left; cursor:pointer; float: left; margin-right: 10px; width: 185px; height: 266px;} #content_all .contentCon .item02 div.tagpg02 ul li:nth-child(5){ margin-right: 0; } #content_all .contentCon .item02 .tag02zone01 .slick-track{ left: 10px; } #content_all .contentCon .item02 .tag02zone01 li{ position: relative} #content_all .contentCon .item02 .tag02zone01 li img{ width: 100%; height: 100%; } #content_all .contentCon .item02 .tag02zone01 li>a{ display: none; } #content_all .contentCon .item02 div.tagpg02 ul:hover li::before{content: ''; position:absolute; background-color:#000000; width:185px; height:266px; left:0px; top:0px; opacity: 0; } #content_all .contentCon .item02 div.tagpg02 ul li:hover::before, div.tagpg02 ul.mobgblack01 li::before{content: ''; opacity: 0;} #content_all .contentCon .item02 div.tagpg02 ul li .momainall{ position:relative; float: left; width: 458px; height: 100%; padding: 50px 20px 0 20px; text-align: left; } #content_all .contentCon .item02 div.tagpg02 ul li h4{ font-size:20px; line-height:28px; display:block; color:#f9c164; font-weight: normal; } #content_all .contentCon .item02 div.tagpg02 ul li h5{ font-size:22px; line-height:30px; display:block; color:#ffffff; font-weight: normal; } #content_all .contentCon .item02 div.tagpg02 ul li h6{ font-size:22px; line-height:30px; display:block; color:#ffffff; font-weight: normal; margin-top: 20px;} #content_all .contentCon .item02 div.tagpg02 ul li p{ font-size:16px; line-height:24px; display:block; color:#ffffff; font-weight:normal; margin-bottom: 30px; } #content_all .contentCon .item02 div.tagpg02 a{ position: relative; width: 120px; height: 32px; line-height: 26px; font-size: 18px; font-weight: normal; text-align: center; float: left;} #content_all .contentCon .item02 div.tagpg02 a.nowopenmain{ border:3px solid #f9c164; color:#f9c164; position: absolute; left:20px; bottom:20px; } #content_all .contentCon .item02 div.tagpg02 a.nowopenmain:hover{ background-color: #f9c164; color:#000000; border:3px solid #f9c164; } #content_all .contentCon .item02 div.tagpg02 a.seemore{ background-color: #f9c164; color:#000000; border:3px solid #f9c164; text-align: left; padding-left: 17px; position: absolute; left:160px; bottom:20px; } #content_all .contentCon .item02 div.tagpg02 a:hover{ text-decoration: none; } #content_all .contentCon .item02 .closebtn{background-image: url(../images/lvx.gif); width:25px; height:25px; text-indent:-99999px; position:absolute; top:20px ; right:20px; display:block;z-index:3;cursor: pointer;} #content_all .contentCon .item02 div.tagpg02 ul li .mianpic{ float:left; width: 490px; height: 320px; } #content_all .contentCon .item02 .mobgblack01{height:0px; width:965px; display:block; overflow:hidden; position:relative;transition: height 0.5s; margin:0px auto ; padding:0px; background-color:#000000; overflow:hidden} #content_all .contentCon .item02 .mobgblack01 li{ position:absolute; width:100%; height:100%; display:block;border-top:#FFFFFF 4px solid; border-bottom:#FFFFFF 10px solid; background-color:#000; overflow: hidden; opacity: 0;} #content_all .contentCon .item02 div ul li.viewliall{opacity: 1 ;transition: opacity 0.5s; z-index:1} #content_all .contentCon .item02 .guetblack{ height:320px; transition: height 0.5s;} #content_all .contentCon .item02 .nowpicone img { border:#FFFFFF 4px solid; } #content_all .contentCon .item02 .slick-prev, .slick-next{ width: 40px; height: 40px; background: url(../images/arw.png)no-repeat; background-size: 80px 40px; z-index: 9999; } #content_all .contentCon .item02 .slick-prev { left: -50px; } #content_all .contentCon .item02 .slick-next { right: -42px; background-position:-40px 0; } /*箭頭右-邊框*/ .momainall a .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #f9c164; position:absolute; bottom:7px; left:95px; } .momainall a.nowopenmain .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #f9c164; position:absolute; bottom:7px; left:90px; } .momainall a.nowopenmain:hover .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #000000; position:absolute; bottom:7px; left:90px; } .momainall a.seemore .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #000000; position:absolute; bottom:7px; left:97px; } .momainall a:hover .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #000000; position:absolute; bottom:7px; left:97px; } /*箭頭右-邊框*/ #content_all .contentCon .item02 .box1 ul{ position: relative; width: 965px; height: 265px; padding: 0; margin:25px auto 0px;} #content_all .contentCon .item02 .box1 ul> div{ float: left; margin-right: 10px; } #content_all .contentCon .item02 .box1 ul> div:nth-child(5){ float: left; margin-right: 0px; } #content_all .contentCon .item02 .box1 ul li{ width: 185px; height: 266px; position: relative; } /*片單滑過特效*/ #content_all .contentCon .item02 .box1 .view {width: 100%;height: 100%; float: left;overflow: hidden;position: relative;text-align: center; cursor: default;} #content_all .contentCon .item02 .box1 .view .mask{width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;} #content_all .contentCon .item02 .box1 .view img { display: block;position: relative; width: 185px; height: 266px;} #content_all .contentCon .item02 .box1 .view .info { display: inline-block; text-decoration: none; width:185px; height:266px; font-size: 20px;line-height: 24px; padding: 40px 10px 20px 10px; overflow: hidden;color:#12242a;text-align: left; position:absolute; left: 0; top: 0; opacity:0;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;} #content_all .contentCon .item02 .box1 .second-effect>a { display: none; } #content_all .contentCon .item02 .box1 .second-effect .mask {opacity: 0;overflow:visible;border:0px solid rgba(255,255,255,0.9);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} #content_all .contentCon .item02 .box1 .second-effect:hover .mask {opacity: 1;border:120px solid rgba(255,255,255,0.9);} #content_all .contentCon .item02 .box1 .second-effect:hover .info { border:0px solid rgba(196,186,172,.7); top:-120px; left:-121px; opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -moz-transition-delay:0.1s; -webkit-transition-delay:0.1s; -o-transition-delay:0.1s; -ms-transition-delay:0.1s; transition-delay:0.1s;} #content_all .contentCon .item02 .box1 .second-effect .info h4{ font-size: 20px; padding: 0 10px; margin: 0; color:#200024; font-weight: 100; text-align: center; } #content_all .contentCon .item02 .box1 .second-effect .info p{ height: 85px; line-height: 22px; font-size: 16px; padding: 0 10px; margin: 0; color:#000000; font-weight: 100; text-align: justify; overflow: hidden; } #content_all .contentCon .item02 .box1 .second-effect .info a.link1{ position: relative; width: 120px; height: 32px; line-height: 24px; font-size: 16px; font-weight: 100; border:3px solid #12242a; text-align: center; margin:20px auto; color:#200024; } #content_all .contentCon .item02 .box1 .second-effect .info a.link1:hover{ background-color: #12242a; color:#FFFFFF; font-weight: 100;} #content_all .contentCon .item02 .box1 .second-effect .info a.link2{ position: relative; background-color: #12242a; color:#FFFFFF; width: 120px; height: 32px; line-height: 24px; font-size: 16px; font-weight: 100; border:3px solid #12242a; text-align: center; margin: 20px auto 10px auto; } #content_all .contentCon .item02 .box1 .second-effect .info a.link2:hover{ background-color: #12242a; color:#FFFFFF; font-weight: 100;} /*片單滑過特效*/ /*箭頭右-邊框*/ .second-effect .info a .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #12242a; position:absolute; bottom:7px; left:95px; } .second-effect .info a.link1 .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #12242a; position:absolute; bottom:7px; left:86px; } .second-effect .info a.link1:hover .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #FFFFFF; position:absolute; bottom:7px; left:86px; } .second-effect .info a.link2 .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #FFFFFF; position:absolute; bottom:7px; left:95px; } .second-effect .info a:hover .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #FFFFFF; position:absolute; bottom:7px; left:95px; } /*箭頭右-邊框*/ #content_all .contentCon .item03 .post_box{ max-width: 1184px; height: 320px; position: relative; margin: 0 auto 30px; } #content_all .contentCon .item03 .post_box:nth-child(2){ height: 274px; margin: 0 auto 70px;} #content_all .contentCon .item03 .post_box>div a{ display: block; width: 100%; height: 100%; } #content_all .contentCon .item03 .post_box>div a h3{ width: 100%; line-height: 39px; font-size: 20px; color:#FFFFFF; font-weight: normal; margin-top:15px; text-align: center; letter-spacing: -1px; } #content_all .contentCon .item03 .post_box>div a:hover h3{ text-decoration: underline; } #content_all .contentCon .item03 .post_box>div a p{ width: 100%; line-height: 24px; font-size: 16px; color:#e9e9e9; font-weight: normal; text-align: center; } #content_all .contentCon .item03 .peobox2>div{ width: 380px; height: 100%; float: left; } #content_all .contentCon .item03 .peobox2>div:nth-child(2){ margin: 0 22px; } /* 圖片滑過縮放位移效果 */ #content_all .peobox2 .imgmove_out{ width: 380px; height: 230px; background: rgba(255,255,255,0.8); border: 1px solid #FFFFFF; overflow: hidden; } #content_all .peobox2 .imgmove_out .imgmove { position: relative; overflow: hidden; width: 380px; height: 230px; } #content_all .peobox2 .imgmove_out .imgmove .overlay { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.2; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } #content_all .peobox2 .imgmove_out .imgmove img { width: 400px; height: 243px; -webkit-transform: translate(-6px, -6px); -moz-transform: translate(-6px, -6px); -o-transform: translate(-6px, -6px); transform: translate(-6px, -6px); -webkit-transition: width 0.4s linear, height 0.4s linear, -webkit-transform 0.4s linear; -moz-transition: width 0.4s linear, height 0.4s linear, -moz-transform 0.4s linear; -o-transition: width 0.4s linear, height 0.4s linear, -o-transform 0.4s linear; transition: width 0.4s linear, height 0.4s linear, transform 0.4s linear; } #content_all .peobox2 .imgmove_out .imgmove:hover img { width: 380px; height: 230px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #content_all .peobox2 .imgmove_out .imgmove:hover .overlay { opacity: 0; } /* 圖片滑過縮放位移效果 */ .postteama_ban{ width: 586px; height: 178px; margin: 0 auto 10px; } /*一個banner使用，要改js*/ /*.postteama_ban{ width: 1200px; height: 178px; margin: 0 auto 10px; }*/ /*兩個banner以上使用，要改js*/ .postteama_ban .post{ float: left; width: 586px; height: 178px; margin: 0 7px;} .postteama_ban .post a{ display: inline-block; width: 100%; height: 100%; } #postteama_ban .slick-prev,#postteama_ban .slick-next{ background: url(../images/arw2.png)no-repeat; } #postteama_ban .slick-next { right: -50px; background-position: -50px 0; } /***手機版***/ /***手機版***/ /***手機版***/ @media screen and (max-width: 1100px) { /*額外設定大小網*/ .only_pc{ display: none; } .only_m{ display: block; } /*額外設定大小網*/ /*小叮嚀*/ .note{ padding-top: 30px; } #btn_note{ margin:0 auto; width:100%; display: block;cursor: pointer; font-size: 35px; line-height: 70px; margin: 20px auto; } .note_box{ display: block; width: 640px;margin: 0px auto; padding:0; font-size:25px;font-weight:normal; font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', Arial, '蘋果儷中黑', 'Apple LiGothic Medium', '儷黑 Pro', 'LiHei Pro', sans-serif; list-style-position: outside;} .note_box ul li{font-size: 30px;line-height: 50px; text-align:left; font-weight:normal; list-style-position: outside; list-style-type: decimal; text-align:justify; margin: 0 0 10px 50px; padding-right: 20px;} .note_box ul li ol li{ margin-left:20px; list-style-type: upper-roman; font-size: 26px; } .note_box ul li ol li ul li{ margin-left:20px; list-style-type:square; font-size: 26px; } /*小叮嚀*/ #wrap{ min-width: 640px; } #container { } #content_all{ font-size:30px; font-weight: bold; text-align: center; position: relative; width: 100%; max-width: 1100px; min-width: 640px; height: 100%; background:url(../images/mo/2018cinema_body_bg_m.jpg)no-repeat center top; background-color: #0a1528; padding-top: 150px; } /*夾子logo勿砍*/ #content_all .headerCon .kvbox .top { width: 320px; height:100px; background:url(../images/mo/2018cinema_top_m.png)no-repeat center top; background-size: 100%; position: absolute; right: 30px; top:-158px;} #content_all .headerCon .kvbox .icon { width: 30px; height: 156px; font-size: 0; background-size: 100%; position: absolute; } #content_all .headerCon .kvbox .icon:nth-of-type(2) { left: 5px; top: -175px; } #content_all .headerCon .kvbox .icon:nth-of-type(3) { right: 5px; top: -175px; } /*夾子logo勿砍*/ /* HeaderCon_m */ #content_all .headerCon { width: 620px; position: relative; } #content_all .headerCon .kvbox { width: 600px; height: 100%; margin:0 auto; padding: 0; position: relative; } #content_all .headerCon .kvbox h1{ width: 100%; height: 440px; font-size: 0px; margin:0; background:url(../images/mo/TFF_KVh1_m.png)no-repeat center top; background-size: 100%; animation-delay:0.1s; position: absolute; left: 0; top:0; z-index: 9999; } #content_all .headerCon .kvbox h2{ width: 100%; height: 0; font-size: 0px; } #content_all .headerCon .kvbox p{ width: 564px; height: 0; font-size: 0px; } #content_all .headerCon .kvbox .kvbg { width: 1226px; height: 440px; overflow: hidden; } #content_all .headerCon .kvbox #kvbg span { display: block; width: 600px; height: 440px; background-size: 100%; } #content_all .headerCon .kvbox #kvbg span.img1 { background: url(../images/pc/TFF_KV_bg1.jpg)no-repeat center top; } #content_all .headerCon .kvbox #kvbg span.img2 { background: url(../images/pc/TFF_KV_bg2.jpg)no-repeat right top; } #content_all .headerCon .kvbox #kvbg span.img3 { background: url(../images/pc/TFF_KV_bg3.jpg)no-repeat -200px top; } #content_all .headerCon .kvbox #kvbg span.img4 { background: url(../images/pc/TFF_KV_bg4.jpg)no-repeat -70px top; } #content_all .headerCon .kvbox .slick-slider { margin-bottom: 0; } #content_all .headerCon .kvbox .slick-list { height: 440px; } #content_all .headerCon .kvbox .slick-prev, .slick-next { width: 0; height: 0; display: none; } #content_all .headerCon .kvbox .slick-dots { bottom: 10px; z-index: 9999; } #content_all .headerCon .kvbox .slick-dots li { border-radius: 10px; } #content_all .headerCon .kvbox .box { width: 600px; height: 338px; background: url(../images/pc/TFF_KV_bg1.jpg)no-repeat; margin: 0 auto; } #content_all .headerCon .kvbox .box iframe{ width: 600px; height: 338px; margin: 0 auto; display: block; } /* HeaderCon_m END */ /*主要內容 #main_m */ #content_all .contentCon { width: 640px; height: 100%; position: relative; text-align: center; overflow: hidden; margin: 0 auto; } #content_all a:hover{ text-decoration: none;} #content_all .contentCon { position: relative; text-align: center; margin:0 auto 10px;} #content_all .contentCon a{ display: block; color:#FFFFFF; text-decoration: none; } #content_all .contentCon h2 { width: 100%; height: 60px; font-size: 0px; } #content_all .contentCon .item00,#content_all .contentCon .item01,#content_all .contentCon .item02,#content_all .contentCon .item03{ position: relative; margin:0 auto; width: 620px; overflow: hidden; } #content_all .contentCon .itembox{ width: 600px; height: 100%; margin:0 auto 10px; padding:0; } #content_all .contentCon .item00{ width: 620px; margin:0 auto; background-color:#fFFFFF; position: relative; overflow: hidden; } #content_all .contentCon .item00 ul{ width: 600px; margin:0 auto; padding:0 0 30px 0 ; } #content_all .contentCon .item00 ul li{ display: none; width: 100%; height: 95px; float: left; background: url(../images/mo/TFF_menu_m.png)no-repeat 100% 100%; background-color: #46beaa; margin: 10px 0; } #content_all .contentCon .item00 ul li:nth-child(1){ background-position: center 0; } #content_all .contentCon .item00 ul li:nth-child(2){ display: none; width: 100%; background-position: center -95px; } #content_all .contentCon .item00 ul li:nth-child(3){ display: none; background-position: center -190px;} #content_all .contentCon .item00 ul li:hover,#content_all .contentCon .item00 ul li.here{ display: block; background-color: #46beaa; } #content_all .contentCon .item00 ul li a{ display: block; width: 100%; height: 100%; font-size: 0; } #content_all .contentCon .item00_last{ display: block; width: 620px; margin:0 auto; background-color:#fFFFFF; position: relative; overflow: hidden; margin-bottom: 10px; } #content_all .contentCon .item00_last ul{ width: 600px; margin:0 auto; padding:0 0 30px 0 ; } #content_all .contentCon .item00_last ul li{ display: block; width: 100%; height: 95px; float: left; background: url(../images/mo/TFF_menu_m.png)no-repeat 100% 100%; background-color: #46beaa; margin-bottom: 10px; } #content_all .contentCon .item00_last ul li:nth-child(1){ background-position: center 0; } #content_all .contentCon .item00_last ul li:nth-child(2){ width: 100%; background-position: center -96px; } #content_all .contentCon .item00_last ul li:nth-child(3){ background-position: center -192px;} #content_all .contentCon .item00_last ul li:hover{ background-color: #46beaa; } #content_all .contentCon .item00_last ul li.here{ display: none; background-color: #46beaa; } #content_all .contentCon .item00_last ul li a{ display: block; width: 100%; height: 100%; font-size: 0; } #content_all .contentCon .item01 .itembox:nth-of-type(1),#content_all .contentCon .item02 .itembox:nth-of-type(1),#content_all .contentCon .item03 .itembox:nth-of-type(1){ background: url(../images/pc/TFF_bg.jpg) repeat; background-size: 100%; margin-bottom: 10px; padding-top: 40px; } #content_all .contentCon .item01{ position: relative; margin:0 auto; width: 620px; height: 100%; overflow: hidden; } #content_all .contentCon .item01 h2{ width: 560px; height: 120px; font-size: 28px; padding: 15px 30px; margin: 0 auto 60px; border: 1px solid #FFFFFF; text-align: center; line-height: 46px; } #content_all .contentCon .item01 h2 span{ display: none; } #content_all .contentCon .item01 ol{ max-width: 560px; height: 2700px; position: relative; margin: 0 auto 60px; } #content_all .contentCon .item01 ol li{ width: 570px; height: 403px; margin: 0 auto 55px; font-weight: normal; position: relative; } #content_all .contentCon .item01 ol li:nth-child(1){ left: auto; top:auto; } #content_all .contentCon .item01 ol li:nth-child(2){ left: auto; top:auto; } #content_all .contentCon .item01 ol li:nth-child(3){ left: auto; top:auto; } #content_all .contentCon .item01 ol li:nth-child(4){ left: auto; top:auto; } #content_all .contentCon .item01 ol li:nth-child(5){ left: auto; top:auto; } #content_all .contentCon .item01 ol li:nth-child(6){ left: auto; top:auto; } #content_all .contentCon .item01 ol li .good{ width: 70px; height: 70px; display: block; position: absolute; left: -15px; top:-35px; } #content_all .contentCon .item01 ol li img{ width: 280px; height: 403px; display: block; float: left; } #content_all .contentCon .item01 ol li>a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; } #content_all .contentCon .item01 ol li .txt_box{ width: 290px; height: 100%; padding: 0 10px; float: left; position: relative; } #content_all .contentCon .item01 ol li .txt_box h3{ font-size: 25px; color: #f9c164; line-height: 45px; margin-bottom: 5px; text-align: left; overflow: hidden; } #content_all .contentCon .item01 ol li .txt_box p{ font-size: 22px; line-height: 39px; color: #FFFFFF; text-align: justify; overflow: hidden; } #content_all .contentCon .item01 ol li .txt_box a{ width: 270px; height: 70px; line-height: 70px; font-size: 28px; text-align: center; } #content_all .contentCon .item01 ol li .txt_box a.nowopenmain{ border:3px solid #f9c164; color:#f9c164; position: absolute; left:10px; bottom:0px; letter-spacing: 6px; } #content_all .contentCon .item01 ol li .txt_box a.nowopenmain:hover{ border:3px solid #f9c164; color:#000000; position: absolute; left:10px; bottom:0px; letter-spacing: 6px; } #content_all .contentCon .item01 ol li .txt_box a.seemore{ background-color: #f9c164; color:#000000; border:3px solid #f9c164; position: absolute; left:10px; bottom:0px; } #content_all .contentCon .item01 ol li .txt_box a:hover{ text-decoration: none; } /*箭頭右-邊框*/ #content_all .contentCon .item01 a .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #f9c164; position:absolute; bottom:22px; left:200px; } #content_all .contentCon .item01 a.nowopenmain .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #f9c164; position:absolute; bottom:22px; left:200px; } #content_all .contentCon .item01 a.nowopenmain:hover .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #000000; position:absolute; bottom:22px; left:200px; } #content_all .contentCon .item01 a.seemore .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #000000; position:absolute; bottom:22px; left:200px; } #content_all .contentCon .item01 a:hover .arrow_r_out{ width:0px; height:0px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #000000; position:absolute; bottom:22px; left:200px; } /*箭頭右-邊框*/ #content_all .contentCon .item01 .boss { width: 570px; height: 700px; position: relative; margin: 0 20px 0px; } #content_all .contentCon .item01 .boss img{ width: 182px; height: 182px; display: block; border-radius: 182px; margin: 0 auto; float: none; } #content_all .contentCon .item01 .boss .txt_box { width: 570px; height: 100%; padding:20px; float: none; text-align: justify; font-weight: normal; } #content_all .contentCon .item01 .boss .txt_box h3{ font-size: 36px; color:#5db8a9; line-height: 64px; text-align: center; margin-bottom: 10px; } #content_all .contentCon .item01 .boss .txt_box p{ font-size: 25px; color: #FFFFFF; line-height: 45px; } #content_all .contentCon .item02 .post_box{ max-width: 560px; position: relative; margin: 0 auto; padding: 0 0 30px 0; } #content_all .contentCon .item02 .post_box h3{ font-size:26px; font-weight: 500; line-height:39px;letter-spacing:3px; color:#ffffff; text-align:left; display:block; } #content_all .contentCon .item02 div.tagpg02 ul:hover li::before{content: ''; position:absolute; background-color:#000000; width:185px; height:266px; left:0px; top:0px; opacity: 0; } #content_all .contentCon .item02 div.tagpg02 ul li:hover::before, div.tagpg02 ul.mobgblack01 li::before{content: ''; opacity: 0;} #content_all .contentCon .item02 div.tagpg02 ul.tag02zone01{ width:560px; height: 266px; margin:26px auto; padding:0px; opacity: 1; } #content_all .contentCon .item02 div.tagpg02 ul.tag02zone01 li{ text-align:left; cursor:pointer; float: left; margin-right: 10px; width: 185px; height: 266px;} #content_all .contentCon .item02 div.tagpg02 ul li:nth-child(5){ margin-right: 0; } #content_all .contentCon .item02 .tag02zone01 .slick-track{ left: 10px; } #content_all .contentCon .item02 .tag02zone01 li{ position: relative; } #content_all .contentCon .item02 .tag02zone01 li img{ width: 100%; height: 100%; } #content_all .contentCon .item02 div.tagpg02 a{ display: block; width: 200px; height: 286px; position: absolute; left: 0; top:0; } #content_all .contentCon .item02 .post_box .slick-prev, .slick-next{ display: none; width: 0; height: 0; } #content_all .contentCon .item02 .post_box .slick-list{ width: 560px; height: 286px; } #content_all .contentCon .item02 .post_box .slick-list img{ width: 200px; height: 286px; } #content_all .contentCon .item02 .post_box .slick-list .slick-track{ left:-62px; } #content_all .contentCon .item02 .post_box .slick-list .slick-slide{ position: relative; } #content_all .contentCon .item02 .box1 ul{ position: relative; width: 560px; height: 310px; padding: 0; margin:25px auto 0px;} #content_all .contentCon .item02 .box1 ul> div{ float: auto; margin-right: 10px; } #content_all .contentCon .item02 .box1 ul> div:nth-child(5){ float: auto; margin-right: 0px; } #content_all .contentCon .item02 .box1 ul li{ width: 200px; height: 286px; position: relative; } /*片單滑過特效*/ #content_all .contentCon .item02 .box1 .view {width: 100%;height: 100%; float: left;overflow: hidden;position: relative;text-align: center; cursor: default;} #content_all .contentCon .item02 .box1 .view .mask{ display: none; width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;} #content_all .contentCon .item02 .box1 .view img { display: block;position: relative; width: 200px; height: 286px;} #content_all .contentCon .item02 .box1 .view .info { display: inline-block; text-decoration: none; width:185px; height:266px; font-size: 20px;line-height: 24px; padding: 40px 10px 20px 10px; overflow: hidden;color:#12242a;text-align: left; position:absolute; left: 0; top: 0; opacity:0;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;} #content_all .contentCon .item02 .box1 .second-effect a { display: block; width: 200px; height: 286px; position: absolute; left: 0; top:0; z-index: 9999; } #content_all .contentCon .item02 .box1 .second-effect .mask {opacity: 0;overflow:visible;border:0px solid rgba(255,255,255,0.9);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} #content_all .contentCon .item02 .box1 .second-effect:hover .mask {opacity: 1;border:120px solid rgba(255,255,255,0.9);} #content_all .contentCon .item02 .box1 .second-effect:hover .info { border:0px solid rgba(196,186,172,.7); top:-120px; left:-121px; opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -moz-transition-delay:0.1s; -webkit-transition-delay:0.1s; -o-transition-delay:0.1s; -ms-transition-delay:0.1s; transition-delay:0.1s;} #content_all .contentCon .item02 .box1 .second-effect .info h4{ font-size: 20px; padding: 0 10px; margin: 0; color:#200024; font-weight: 100; text-align: center; } #content_all .contentCon .item02 .box1 .second-effect .info p{ height: 85px; line-height: 22px; font-size: 16px; padding: 0 10px; margin: 0; color:#000000; font-weight: 100; text-align: justify; overflow: hidden; } #content_all .contentCon .item02 .box1 .second-effect .info a.link1{ position: relative; width: 120px; height: 32px; line-height: 24px; font-size: 16px; font-weight: 100; border:3px solid #12242a; text-align: center; margin:20px auto; color:#200024; } #content_all .contentCon .item02 .box1 .second-effect .info a.link1:hover{ background-color: #12242a; color:#FFFFFF; font-weight: 100;} #content_all .contentCon .item02 .box1 .second-effect .info a.link2{ position: relative; background-color: #12242a; color:#FFFFFF; width: 120px; height: 32px; line-height: 24px; font-size: 16px; font-weight: 100; border:3px solid #12242a; text-align: center; margin: 20px auto 10px auto; } #content_all .contentCon .item02 .box1 .second-effect .info a.link2:hover{ background-color: #12242a; color:#FFFFFF; font-weight: 100;} /*片單滑過特效*/ #content_all .contentCon .item03 .post_box{ max-width: 1196px; height: 420px; position: relative; margin: 0 auto 30px; } #content_all .contentCon .item03 .post_box:nth-child(2){ height: 274px; margin: 0 auto 40px;} #content_all .contentCon .item03 .post_box>div a{ display: block; width: 100%; height: 100%; } #content_all .contentCon .item03 .post_box>div a h2{ width: 100%; line-height: 26px; font-size: 18px; color:#2e0037; font-weight: normal; margin-top:15px; } #content_all .contentCon .item03 .post_box>div a:hover h2{ text-decoration: underline; } #content_all .contentCon .item03 .post_box>div a p{ width: 100%; line-height: 26px; font-size: 14px; color:#2e0037; font-weight: normal; } #content_all .contentCon .item03 .peobox1>div{ width: 560px; height: 100%; float: left; } #content_all .contentCon .item03 .peobox1>div:nth-child(1){ margin-right: 66px; } #content_all .contentCon .item03 .peobox2>div{ width: 338px; height: 100%; float: left; } #content_all .contentCon .item03 .peobox2>div:nth-child(2){ margin: 0 86px; } /* 圖片滑過縮放位移效果 */ #content_all .imgmove_out{ width: 560px; height: 340px; background: rgba(255,255,255,0.8); } #content_all .imgmove { position: relative; overflow: hidden; width: 560px; height: 340px; } #content_all .imgmove .overlay { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.2; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } #content_all .imgmove img { width: 580px; height: 352px; -webkit-transform: translate(-6px, -6px); -moz-transform: translate(-6px, -6px); -o-transform: translate(-6px, -6px); transform: translate(-6px, -6px); -webkit-transition: width 0.4s linear, height 0.4s linear, -webkit-transform 0.4s linear; -moz-transition: width 0.4s linear, height 0.4s linear, -moz-transform 0.4s linear; -o-transition: width 0.4s linear, height 0.4s linear, -o-transform 0.4s linear; transition: width 0.4s linear, height 0.4s linear, transform 0.4s linear; } #content_all .imgmove:hover img { width: 560px; height: 340px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #content_all .imgmove:hover .overlay { opacity: 0; } /* 圖片滑過縮放位移效果 */ /* 圖片滑過縮放位移效果 */ #content_all .peobox2 .imgmove_out{ width: 338px; height: 205px; background: rgba(255,255,255,0.8); } #content_all .peobox2 .imgmove_out .imgmove { position: relative; overflow: hidden; width: 338px; height: 205px; } #content_all .peobox2 .imgmove_out .imgmove .overlay { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.2; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } #content_all .peobox2 .imgmove_out .imgmove img { width: 358px; height: 217px; -webkit-transform: translate(-6px, -6px); -moz-transform: translate(-6px, -6px); -o-transform: translate(-6px, -6px); transform: translate(-6px, -6px); -webkit-transition: width 0.4s linear, height 0.4s linear, -webkit-transform 0.4s linear; -moz-transition: width 0.4s linear, height 0.4s linear, -moz-transform 0.4s linear; -o-transition: width 0.4s linear, height 0.4s linear, -o-transform 0.4s linear; transition: width 0.4s linear, height 0.4s linear, transform 0.4s linear; } #content_all .peobox2 .imgmove_out .imgmove:hover img { width: 338px; height: 205px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #content_all .peobox2 .imgmove_out .imgmove:hover .overlay { opacity: 0; } /* 圖片滑過縮放位移效果 */ #content_all .contentCon .item03 .post_box{ max-width: 560px; height: 100%; position: relative; margin: 0 auto 0px; } #content_all .contentCon .item03 .post_box:nth-child(2){ height: 100%; margin: 0 auto 30px;} #content_all .contentCon .item03 .post_box>div a{ display: block; width: 100%; height: 100%; } #content_all .contentCon .item03 .post_box>div a h3{ width: 100%; line-height: 50px; font-size: 28px; color:#FFFFFF; font-weight: normal; margin-top:15px; text-align: center; letter-spacing: -1px; } #content_all .contentCon .item03 .post_box>div a:hover h3{ text-decoration: underline; } #content_all .contentCon .item03 .post_box>div a p{ width: 100%; line-height: 39px; font-size: 22px; color:#e9e9e9; font-weight: normal; text-align: center; } #content_all .contentCon .item03 .peobox2>div{ width: 560px; height: 100%; float: none; margin-bottom: 40px; } #content_all .contentCon .item03 .peobox2>div:nth-child(2){ margin: 0 0 40px 0; } /* 圖片滑過縮放位移效果 */ #content_all .peobox2 .imgmove_out{ width: 560px; height: 339px; background: rgba(255,255,255,0.8); border: 1px solid #FFFFFF; overflow: hidden; } #content_all .peobox2 .imgmove_out .imgmove { position: relative; overflow: hidden; width: 560px; height: 339px; } #content_all .peobox2 .imgmove_out .imgmove .overlay { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } #content_all .peobox2 .imgmove_out .imgmove img { width: 560px; height: 339px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: width 0.4s linear, height 0.4s linear, -webkit-transform 0.4s linear; -moz-transition: width 0.4s linear, height 0.4s linear, -moz-transform 0.4s linear; -o-transition: width 0.4s linear, height 0.4s linear, -o-transform 0.4s linear; transition: width 0.4s linear, height 0.4s linear, transform 0.4s linear; } #content_all .peobox2 .imgmove_out .imgmove:hover img { width: 560px; height: 339px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #content_all .peobox2 .imgmove_out .imgmove:hover .overlay { opacity: 0; } /* 圖片滑過縮放位移效果 */ .postteama_ban_m{ width: 586px; height: 178px; margin: 0 auto 10px; } .postteama_ban_m .slick-list{ width: 600px; } .postteama_ban_m .post{ float: left; } .postteama_ban_m .post a{ display: inline-block; width: 586px; height: 178px; } #postteama_ban_m .slick-prev,#postteama_ban_m .slick-next{ background: url(../images/arw2.png)no-repeat; } #postteama_ban_m .slick-next { right: -50px; background-position: -50px 0; } }/*手機版end*/