/*活動用*/ *:link, *:visited, *:hover, *:active, *:focus, * { outline:none } body{ margin:0; padding: 0; } .full-width{width: 100%;} .fixed-width{ width: 1280px; margin: auto; } /*額外設定大小網*/ .only_pc{ display: block; } .only_m{ display: none; } /*額外設定大小網*/ /*小叮嚀*/ .note{width: 100%;margin: 0 auto; float: left; background-color: #26abe4; position: relative; } #btn_note{ display: block; width:100%; color: #FFFFFF; margin:15px auto; cursor: pointer; font-size: 30px; font-weight: 500; text-align: center; } .note_box{ display: none; width: 910px;margin: 0px auto; padding:0; font-size:15px;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{ margin: 0px; padding: 10px 0 30px; } .note_box ul li{ font-size: 18px; color:#FFFFFF; font-weight:normal; line-height:28px; list-style-position: outside; list-style-type: decimal; text-align:left; } .note_box ul a{ color:#FFFFFF; text-decoration: underline;} .note_box ul li ol li{ margin-left:20px; list-style-type: upper-roman; font-size: 16px; } .note_box ul li ol li ul li{ margin-left:20px; list-style-type:square; font-size: 16px; } /*小叮嚀*/ /***PC版***/ #wrap{} #container { min-width: 1280px; } #content_all { min-width: 1280px; color:#FFFFFF; position: relative; } #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; } /*menu_mk*/ #content_all nav.menu_mk{ width: 100%; margin: 0 auto; position: absolute; left: 0px; top:0px; background:#FFFFFF; z-index: 11; } #content_all nav ul{ height: 30px; padding:0 30px; } #content_all nav ul li{ height: 50px; float: right; padding: 0 15px; } #content_all nav ul li:hover{ background-color: #ffebab; } #content_all nav ul li a{ display: block; width: 100%; height: 38px; font-size: 16px; color: #333333; padding: 13px 0; } #content_all nav ul li a:hover { border-bottom: 1px solid #333333; } #content_all .kvbtn { display: none; } /* HeaderCon PC */ #content_all .headerCon { width: 100%; position: relative; overflow: hidden; background:url(../images/pc/kmovie_kvbg.jpg)no-repeat center top; background-size: 1920px 720px; background-color: #27aae2; } #content_all .headerCon .kvbox { width: 1280px; height: 590px; margin:50px auto 0; padding: 0; position: relative; } #content_all .headerCon .kvbox h1{ width: 490px; height: 173px; font-size: 0px; margin:0; background: url(../images/pc/kmovie_kv_h1.png)no-repeat center top; position: absolute; left:65px; top: 170px; z-index: 1; } #content_all .headerCon .kvbox h2,#content_all .headerCon .kvbox i,#content_all .headerCon .kvbox b{ width: 0; height: 0; font-size: 0; position: absolute; left: 0; top:0; } #content_all .headerCon .kvbox>p{ width: 100%; height: 0; font-size: 0; } #content_all .headerCon .kvbox>a{ display: block; width: 1200px; height: 100%; font-size: 0; position: absolute; left:40px; top:0; z-index: 1; cursor: pointer; } #content_all .headerCon .kvbox>a:hover{ opacity: 0.9; } #content_all .headerCon .kvbox #postteam_kv { width: 1920px; height: 590px; position: absolute; left: -320px; top:0; } #content_all .headerCon .kvbox #postteam_kv img { width: 1920px; height: 100%; } #content_all .headerCon .kvbox #postteam_kv .slick-prev,#content_all .headerCon .kvbox #postteam_kv .slick-next{ width: 50px; height: 50px; top:40%; background: url(../images/arw.png)no-repeat; background-color: rgba(0,0,0,0.5); opacity: 0.7;} #content_all .headerCon .kvbox #postteam_kv .slick-prev { left: 310px; background-position: 0 0; z-index: 999; } #content_all .headerCon .kvbox #postteam_kv .slick-next { right: 310px; background-position: -50px 0; } #content_all .headerCon .kvbox #postteam_kv .slick-prev:hover,#content_all .headerCon .kvbox #postteam_kv .slick-next:hover{ opacity: 1; } #content_all .headerCon .kvbox #postteam_kv .slick-dots{ bottom: 35px; z-index: 13; } #content_all .headerCon .kvbox #postteam_kv .slick-dots li { border-radius: 10px; } /* HeaderCon PC End */ /* contentCon PC */ #content_all .contentCon { position: relative; text-align: center; margin: 0 auto; background-color: #f5f6f6; } #content_all .contentCon a{ display: block; color:#FFFFFF; text-decoration: none; } #content_all .contentCon h2 { width: 100%; height: 40px; line-height: 60px; font-size: 0; font-weight: 500; letter-spacing: 2px; margin:0px auto 10px; background: url(../images/pc/kmovie_kv_itemh2.png)no-repeat; background-position: 0 0; } #content_all .contentCon p{ width: 100%; line-height: 30px; font-size: 22px; font-weight: 400; letter-spacing: 2px; margin:10px auto; text-align: center; } #content_all .contentCon .item01,#content_all .contentCon .item02,#content_all .contentCon .item03,#content_all .contentCon .item04,#content_all .contentCon .item05,#content_all .contentCon .item06,#content_all .contentCon .item07,#content_all .contentCon .item08{ position: relative; margin:0 auto; width: 100%; overflow: hidden; } #content_all .contentCon .itembox{ width: 1280px; height: 100%; margin:0px auto; padding:20px 0 50px 0; overflow: hidden; position: relative; } #content_all .contentCon .itembox .point { position: absolute; top:-18px; width: 100%; } #content_all .contentCon .itembox .point2 { position: absolute; top:795px; width: 100%; } #content_all .contentCon .itembox #point4{ top: 794px; } #content_all .contentCon .itembox #point5{ top: 1260px; } #content_all .contentCon .item00{ background:url(../images/pc/kmovie_item00_bg.jpg) repeat; } #content_all .contentCon .item00 .itembox h2{ width: 1200px; height: 60px; margin:30px auto 30px; border-bottom: 1px solid #FFFFFF; background-position: 0 -60px; } #content_all .contentCon .item00 .itembox h2:nth-of-type(2) { background-position: 0 0px; margin: 20px 50px 30px; } #content_all .contentCon .item00 .itembox .postteama { width: 1200px; height: 360px; margin:0 auto; padding-left: 3px; } #content_all .contentCon .item00 .itembox .postteama .post h5 { width: 235px; height: 24px; line-height: 16px; margin:10px 10px 0 10px; font-size: 18px; font-weight: 400; color: #FFFFFF; text-align: left; } #content_all .contentCon .item00 .itembox .postteama .post h6 { display: none; width: 235px; height: 22px; line-height: 20px; margin:0 5px 0 0 ; font-size: 16px; font-weight: 300; color: #FFFFFF; text-align: right; } #content_all .contentCon .item00 .itembox .postteama .post p { width: 235px; height: 22px; line-height: 20px; margin:0px; font-size: 12px; font-weight: 200; color: #FFFFFF; text-align: left; } #content_all .contentCon .item00 .itembox .postteama .post img{ width: 235px; height: 336px; display: block; } #content_all .contentCon .item00 .slick-prev,#content_all .contentCon .item00 .slick-next{ width: 50px; height: 50px; top:46%; background: url(../images/arw.png)no-repeat; opacity: 0.7;} #content_all .contentCon .item00 .slick-prev { left: -50px; background-position: 0 0; } #content_all .contentCon .item00 .slick-next { right: -50px; background-position: -50px 0; } #content_all .contentCon .item00 .slick-prev:hover,#content_all .contentCon .item00 .slick-next:hover{ opacity: 1; } #content_all .contentCon .item00 .itembox #postteam1_pc { display: block; width: 1200px; height: 700px; margin: 0 auto; } #content_all .contentCon .item00 .itembox #postteam1_pc .post { float: left; width: 240px; height: 340px; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox { width: 235px; position: relative; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .posticon1 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/kmovie_posticon1.png)no-repeat; background-size: 100%; position: absolute; right:1px; top:1px; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .posticon2 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/kmovie_posticon2.png)no-repeat; background-size: 100%; position: absolute; right:1px; top:1px; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox>img { width: 235px; height: 336px; display: block; border: 1px solid #FFFFFF; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox> span { display: block; width: 233px; height: 30px; line-height: 30px; font-size: 22px; background: #dc002d; position: absolute; right: 1px; bottom: 1px; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; background-color: rgba(0,0,0,0.85); border: 1px solid #FFFFFF; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask h5 { width: 100%; height: 84px; line-height: 100px; margin:0 auto; font-size: 22px; font-weight: 400; color: #FFFFFF; text-align: center; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask h5 span{ display: inline-block; height: 100%; border-bottom: 1px solid #FFFFFF; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask h4 { width: 100%; height: 84px; line-height: 34px; margin:20px auto 0; font-size: 22px; font-weight: 400; color: #FFFFFF; text-align: center; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask h4 span{ display: inline-block; height: 72px; border-bottom: 1px solid #FFFFFF; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask p { width: 100%; line-height: 24px; padding: 0px 26px; letter-spacing: 1px; font-size: 16px; font-weight: 200; color: #FFFFFF; text-align: justify; position: absolute; left: 0; top:100px; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask a { width: 185px; height: 44px; line-height: 44px; font-size: 16px; letter-spacing: 1px; position: absolute; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask a:nth-of-type(1) { left: 25px; bottom: 75px; background-color: #FFFFFF; color: #000000; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask a:nth-of-type(2) { left: 25px; bottom: 20px; background-color: #dc002d; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask a:nth-of-type(1) img{ display: inline; width: 20px; height: 34px; position: absolute; top:0; } #content_all .contentCon .item00 .itembox #postteam1_pc .post .maskbox .mask a:nth-of-type(2) img{ display: inline; width: 20px; height: 34px; position: absolute; top:0; } #content_all .contentCon .item00 .itembox #postteam1_pc .post h6 { display: none; height: 22px; line-height: 20px; margin:8px 10px 10px 0; font-size: 14px; font-weight: 300; letter-spacing: 1px; color: #242424; float: right; } #content_all .contentCon .item00 .itembox #postteam1_pc .post h6 span { margin-left: 6px; color:#b0212a;} #content_all .contentCon .item00 .itembox #postteam1_pc .post h6 div{ width: 30px; height: 22px; background:url(../images/pc/kmovie_posticon3.png)no-repeat; background-size: 100%; margin:0 3px; font-size: 0; float: left; } #content_all .contentCon .item00 .itembox #postteam1_pc .post:hover .maskbox .mask{ opacity:1; } #content_all .contentCon .item00 .itembox #postteam1_pc .post> a{ display: none; } #content_all .contentCon .item00 .itembox #postteam1_m { display: none; } #content_all .contentCon .item00 .itembox #postteam2_pc { display: block; width: 1200px; height: 700px; margin: 0 auto; } #content_all .contentCon .item00 .itembox #postteam2_pc .post { float: left; width: 240px; height: 340px; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox { width: 235px; position: relative; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .posticon1 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/kmovie_posticon1.png)no-repeat; background-size: 100%; position: absolute; right:1px; top:1px; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .posticon2 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/kmovie_posticon2.png)no-repeat; background-size: 100%; position: absolute; right:1px; top:1px; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox>img { width: 235px; height: 336px; display: block; border: 1px solid #FFFFFF; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; background-color: rgba(0,0,0,0.85); border: 1px solid #FFFFFF; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask h5 { width: 100%; height: 84px; line-height: 100px; margin:0 auto; font-size: 22px; font-weight: 400; color: #FFFFFF; text-align: center; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask h5 span{ display: inline-block; height: 100%; border-bottom: 1px solid #FFFFFF; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask h4 { width: 100%; height: 84px; line-height: 34px; margin:20px auto 0; font-size: 22px; font-weight: 400; color: #FFFFFF; text-align: center; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask h4 span{ display: inline-block; height: 72px; border-bottom: 1px solid #FFFFFF; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask p { width: 100%; line-height: 24px; padding: 0px 26px; letter-spacing: 1px; font-size: 16px; font-weight: 200; color: #FFFFFF; text-align: justify; position: absolute; left: 0; top:100px; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask a { width: 185px; height: 44px; line-height: 44px; font-size: 16px; letter-spacing: 1px; position: absolute; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask a:nth-of-type(1) { left: 25px; bottom: 75px; background-color: #FFFFFF; color: #000000; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask a:nth-of-type(2) { left: 25px; bottom: 20px; background-color: #dc002d; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask a:nth-of-type(1) img{ display: inline; width: 20px; height: 34px; position: absolute; top:0; } #content_all .contentCon .item00 .itembox #postteam2_pc .post .maskbox .mask a:nth-of-type(2) img{ display: inline; width: 20px; height: 34px; position: absolute; top:0; } #content_all .contentCon .item00 .itembox #postteam2_pc .post h6 { display: none; height: 22px; line-height: 20px; margin:8px 10px 10px 0; font-size: 14px; font-weight: 300; letter-spacing: 1px; color: #242424; float: right; } #content_all .contentCon .item00 .itembox #postteam2_pc .post h6 span { margin-left: 6px; color:#b0212a;} #content_all .contentCon .item00 .itembox #postteam2_pc .post h6 div{ width: 30px; height: 22px; background:url(../images/pc/kmovie_posticon3.png)no-repeat; background-size: 100%; margin:0 3px; font-size: 0; float: left; } #content_all .contentCon .item00 .itembox #postteam2_pc .post:hover .maskbox .mask{ opacity:1; } #content_all .contentCon .item00 .itembox #postteam2_pc .post> a{ display: none; } #content_all .contentCon .item00 .itembox #postteam2_m { display: none; } #content_all .contentCon .item01{ background:#f5f6f6; } #content_all .contentCon .item01 .itembox h2{ width: 1200px; height: 60px; margin:30px 50px 30px; border-bottom: 1px solid #333333; background-position: 0 -120px; } #content_all .contentCon .item01 .itembox h2:nth-of-type(2) { background-position: 0 -180px; margin: 20px 50px 30px; } #content_all .contentCon .item01 .itembox h2:nth-of-type(3) { background-position: 0 -240px; margin: 20px 50px 30px; } #content_all .contentCon .item01 .itembox .maskbox { width: 235px; background-color: #f5f6f6; } #content_all .contentCon .item01 .itembox .postteama { width: 1200px; height: 360px; margin:0 auto; padding-left: 3px; } #content_all .contentCon .item01 .itembox .postteama .post h5 { width: 235px; height: 24px; line-height: 16px; margin:10px 10px 0 10px; font-size: 18px; font-weight: 400; color: #FFFFFF; text-align: left; } #content_all .contentCon .item01 .itembox .postteama .post h6 { width: 235px; height: 22px; line-height: 20px; margin:0 10px; font-size: 18px; font-weight: 400; color: #ffe48d; text-align: left; } #content_all .contentCon .item01 .itembox .postteama .post p { width: 235px; height: 22px; line-height: 20px; margin:0px; font-size: 12px; font-weight: 200; color: #FFFFFF; text-align: left; } #content_all .contentCon .item01 .itembox .postteama .post img{ width: 235px; height: 336px; display: block; } #content_all .contentCon .item01 .slick-prev,#content_all .contentCon .item01 .slick-next{ width: 50px; height: 50px; top:46%; background: url(../images/arw2.png)no-repeat; opacity: 0.7;} #content_all .contentCon .item01 .slick-prev { left: -50px; background-position: 0 0; } #content_all .contentCon .item01 .slick-next { right: -50px; background-position: -50px 0; } #content_all .contentCon .item01 .slick-prev:hover,#content_all .contentCon .item01 .slick-next:hover{ opacity: 1; } #content_all .contentCon .item01 .itembox #postteam3_pc { display: block; width: 1200px; height: 700px; margin: 0 auto; } #content_all .contentCon .item01 .itembox #postteam3_pc .post { float: left; width: 240px; height: 340px; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox { width: 235px; position: relative; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .posticon1 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/kmovie_posticon1.png)no-repeat; background-size: 100%; position: absolute; right:1px; top:1px; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .posticon2 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/kmovie_posticon2.png)no-repeat; background-size: 100%; position: absolute; right:1px; top:1px; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox>img { width: 235px; height: 336px; display: block; border: 1px solid #FFFFFF; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; background-color: rgba(0,0,0,0.85); border: 1px solid #FFFFFF; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask h5 { width: 100%; height: 84px; line-height: 100px; margin:0 auto; font-size: 22px; font-weight: 400; color: #FFFFFF; text-align: center; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask h5 span{ display: inline-block; height: 100%; border-bottom: 1px solid #FFFFFF; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask h4 { width: 100%; height: 84px; line-height: 34px; margin:20px auto 0; font-size: 22px; font-weight: 400; color: #FFFFFF; text-align: center; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask h4 span{ display: inline-block; height: 72px; border-bottom: 1px solid #FFFFFF; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask p { width: 100%; line-height: 24px; padding: 0px 26px; letter-spacing: 1px; font-size: 16px; font-weight: 200; color: #FFFFFF; text-align: justify; position: absolute; left: 0; top:100px; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask a { width: 185px; height: 44px; line-height: 44px; font-size: 16px; letter-spacing: 1px; position: absolute; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask a:nth-of-type(1) { left: 25px; bottom: 75px; background-color: #FFFFFF; color: #000000; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask a:nth-of-type(2) { left: 25px; bottom: 20px; background-color: #dc002d; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask a:nth-of-type(1) img{ display: inline; width: 20px; height: 34px; position: absolute; top:0; } #content_all .contentCon .item01 .itembox #postteam3_pc .post .maskbox .mask a:nth-of-type(2) img{ display: inline; width: 20px; height: 34px; position: absolute; top:0; } #content_all .contentCon .item01 .itembox #postteam3_pc .post h6 { height: 22px; line-height: 20px; margin:8px 10px 10px 0; font-size: 14px; font-weight: 300; letter-spacing: 1px; color: #242424; float: right; } #content_all .contentCon .item01 .itembox #postteam3_pc .post h6 span { margin-left: 6px; color:#b0212a;} #content_all .contentCon .item01 .itembox #postteam3_pc .post h6 div{ width: 30px; height: 22px; background:url(../images/pc/kmovie_posticon3.png)no-repeat; background-size: 100%; margin:0 3px; font-size: 0; float: left; } #content_all .contentCon .item01 .itembox #postteam3_pc .post:hover .maskbox .mask{ opacity:1; } #content_all .contentCon .item01 .itembox #postteam3_pc .post> a{ display: none; } #content_all .contentCon .item01 .itembox #postteam3_m { display: none; } #content_all .contentCon .itembox .postteama { width: 1200px; height: 376px; margin:0 auto; padding-left: 3px; } #content_all .contentCon .itembox .postteama .post h6 { display: none; } #content_all .contentCon .itembox .postteama .post .maskbox { width: 235px; position: relative; } #content_all .contentCon .itembox .postteama .post .maskbox .posticon1 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/kmovie_posticon1.png)no-repeat; background-size: 100%; position: absolute; right:1px; top:1px; } #content_all .contentCon .itembox .postteama .post .maskbox .posticon2 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/kmovie_posticon2.png)no-repeat; background-size: 100%; position: absolute; right:1px; top:1px; } #content_all .contentCon .itembox .postteama .post .maskbox>img { width: 235px; height: 336px; display: block; border: 1px solid #FFFFFF; } #content_all .contentCon .itembox .postteama .post .maskbox .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; background-color: rgba(0,0,0,0.85); border: 1px solid #FFFFFF; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } #content_all .contentCon .itembox .postteama .post .maskbox .mask h5 { width: 100%; height: 84px; line-height: 100px; margin:0 auto; font-size: 22px; font-weight: 400; color: #FFFFFF; text-align: center; } #content_all .contentCon .itembox .postteama .post .maskbox .mask h5 span{ display: inline-block; height: 100%; border-bottom: 1px solid #FFFFFF; } #content_all .contentCon .itembox .postteama .post .maskbox .mask h4 { width: 100%; height: 84px; line-height: 34px; margin:20px auto 0; font-size: 22px; font-weight: 400; color: #FFFFFF; text-align: center; } #content_all .contentCon .itembox .postteama .post .maskbox .mask h4 span{ display: inline-block; height: 72px; border-bottom: 1px solid #FFFFFF; } #content_all .contentCon .itembox .postteama .post .maskbox .mask p { width: 100%; line-height: 24px; padding: 0px 26px; letter-spacing: 1px; font-size: 16px; font-weight: 200; color: #FFFFFF; text-align: justify; position: absolute; left: 0; top:100px; } #content_all .contentCon .itembox .postteama .post .maskbox .mask a { width: 185px; height: 44px; line-height: 44px; font-size: 16px; letter-spacing: 1px; position: absolute; } #content_all .contentCon .itembox .postteama .post .maskbox .mask a:nth-of-type(1) { left: 25px; bottom: 75px; background-color: #FFFFFF; color: #000000; } #content_all .contentCon .itembox .postteama .post .maskbox .mask a:nth-of-type(2) { left: 25px; bottom: 20px; background-color: #dc002d; } #content_all .contentCon .itembox .postteama .post .maskbox .mask a:nth-of-type(1) img{ display: inline; width: 20px; height: 34px; position: absolute; top:0; } #content_all .contentCon .itembox .postteama .post .maskbox .mask a:nth-of-type(2) img{ display: inline; width: 20px; height: 34px; position: absolute; top:0; } #content_all .contentCon .itembox .postteama .post h6 { height: 22px; line-height: 20px; margin:8px 10px 10px 0; font-size: 14px; font-weight: 300; letter-spacing: 1px; color: #242424; float: right; } #content_all .contentCon .itembox .postteama .post h6 span { margin-left: 6px; color:#b0212a;} #content_all .contentCon .itembox .postteama .post h6 div{ width: 30px; height: 22px; background:url(../images/pc/kmovie_posticon3.png)no-repeat; background-size: 100%; margin:0 3px; font-size: 0; float: left; } #content_all .contentCon .itembox .postteama .post:hover .maskbox .mask{ opacity:1; } #content_all .contentCon .itembox .postteama .post> a{ display: none; } /***手機版***/ /***手機版***/ /***手機版***/ @media screen and (max-width: 1100px) { /*額外設定大小網*/ .only_pc{ display: none; } .only_m{ display: block; } /*額外設定大小網*/ #wrap{ height: 100%; background-size: 200%; } #container { min-width: auto; } #content_all{ font-size:30px; font-weight: bold; text-align: center; position: relative; width: 100%; max-width: 1100px; min-width: 640px; height: 100%; } /*小叮嚀*/ #btn_note{ margin:0 auto; width:100%; display: block;cursor: pointer; font-size: 35px; margin: 20px auto; } .note_box{ display: none; 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; } /*小叮嚀*/ /*menu_m*/ #content_all #menu_m{ width: 100%; height: 90px; background-color: #FFFFFF; position: absolute; top: 0px; z-index: 11; overflow: hidden; } #content_all #menu_m .post { height: 90px; font-size: 33px; font-weight: 500; } #content_all #menu_m .post a { height: 99%; display: block; line-height: 90px; margin: 0 0%; font-weight: 500; color: #333333; } #content_all #menu_m .post a:hover { color:#000000; } .slick-slider { margin-bottom: 0px; } .slick-track { left: -15%; } .center .post{ font-size: 16px; color: #333333; opacity: 0.3; } .center .slick-center{ opacity: 0.5; } .center .slick-center { opacity: 1; color: #b0212a; } /* HeaderCon_m */ #content_all .headerCon { width: 100%; position: relative; background: #d4ecec; } #content_all .headerCon .kvbox { width: 100%; height: 706px; margin:90px auto 0; padding: 0; position: relative; } #content_all .headerCon .kvbox h1{ width: 640px; height:0; font-size: 0px; margin:0 auto; background: none; position: relative; top:0; left: 0; animation-delay:0.1s; z-index: 0; } #content_all .headerCon .kvbox>p{ width: 100%; height: 0; font-size: 0; } #content_all .kvbtn{ display: inline-block; width: 134px; height: 134px; font-size: 0; background:url(../images/mo/kvbtn.png)no-repeat; background-color: none; background-size: 100%; position: absolute; right: 26px; top:6px; z-index: 11; cursor: pointer; } #content_all .kvbtn{ opacity: 1; } #content_all .headerCon .kvbox>a { display: none; } #content_all .headerCon .kvbox #postteam_kv_m { width: 100%; height: 100%; margin: 0px auto; } #content_all .headerCon .kvbox #postteam_kv_m .post a{ display: inline-block; width: 100%; height: 100%; cursor: pointer; } #content_all .headerCon .kvbox #postteam_kv_m .post a.kv0_m{ background: url(../images/post/kmovie_postteam_m_kv0.jpg)no-repeat center top; background-size: 1100px 706px; } #content_all .headerCon .kvbox #postteam_kv_m .post a.kv1_m{ background: url(../images/post/kmovie_postteam_m_kv1.jpg)no-repeat center top; background-size: 1100px 706px; } #content_all .headerCon .kvbox #postteam_kv_m .post a.kv2_m{ background: url(../images/post/kmovie_postteam_m_kv2.jpg)no-repeat center top; background-size: 1100px 706px; } #content_all .headerCon .kvbox #postteam_kv_m .post a.kv3_m{ background: url(../images/post/kmovie_postteam_m_kv3.jpg)no-repeat center top; background-size: 1100px 706px; } #content_all .headerCon .kvbox #postteam_kv_m .post a.kv4_m{ background: url(../images/post/kmovie_postteam_m_kv4.jpg)no-repeat center top; background-size: 1100px 706px; } #content_all .headerCon .kvbox #postteam_kv_m .post a.kv5_m{ background: url(../images/post/kmovie_postteam_m_kv5.jpg)no-repeat center top; background-size: 1100px 706px; } #content_all .headerCon .kvbox #postteam_kv_m .post a.kv6_m{ background: url(../images/post/kmovie_postteam_m_kv6.jpg)no-repeat center top; background-size: 1100px 706px; } #content_all .headerCon .kvbox #postteam_kv_m .slick-track{ left: 0; height: 100%; } #content_all .headerCon .kvbox #postteam_kv_m .slick-dots{ left: 7px; bottom: 5px; text-align: left; z-index: 13; } #content_all .headerCon .kvbox #postteam_kv_m .slick-dots li { border-radius: 10px; } /* HeaderCon_m END */ /*主要內容 #main_m */ #content_all .contentCon .itembox .point { position: absolute; top:-70px; width: 100%; } #content_all .contentCon .itembox .point2 { position: absolute; top:360px; width: 100%; } #content_all .contentCon .itembox #point4{ top: 350px; } #content_all .contentCon .itembox #point5{ top: 770px; } #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 { width: 100%; 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; margin:0 auto; line-height: 70px; font-size: 0; font-weight: 500; letter-spacing: 1px; background:url(../images/mo/kmovie_kv_itemh2_m.png)no-repeat center top; background-size: 100%; } #content_all .contentCon p{ width: 600px; line-height: 50px; font-size:0; font-weight: 400; letter-spacing: 1px; margin:10px auto; text-align: center; } #content_all .contentCon .item00,#content_all .contentCon .item01,#content_all .contentCon .item02,#content_all .contentCon .item03,#content_all .contentCon .item04{ position: relative; margin:0 auto; width: 100%; overflow: hidden; } #content_all .contentCon .itembox{ width: 640px; height: 100%; margin:5px auto 40px; padding:0; overflow: auto; position: relative; } .itembox .postteama .post a:hover>img{ opacity: 1; } #content_all .contentCon .item00 .itembox h2{ width: 100%; height: 84px; margin:30px 0 0 0; background-position: 0 -84px;} #content_all .contentCon .item00 .itembox h2:nth-of-type(2) { height: 84px; background-position: 0 -0px; margin: 0px 0 0 0; } #content_all .contentCon .item01 .itembox h2{ width: 100%; height: 84px; margin:30px 0 0 0; background-position: 0 -168px; } #content_all .contentCon .item01 .itembox h2:nth-of-type(2){ width: 100%; height: 84px; margin:0; background-position: 0 -252px; } #content_all .contentCon .item01 .itembox h2:nth-of-type(3){ width: 100%; height: 84px; margin:0; background-position: 0 -335px; } #content_all .contentCon .item00 .itembox .postteama_m,#content_all .contentCon .item01 .itembox .postteama_m{ width: 640px; height: 320px; margin:20px auto 0; overflow: hidden;} #content_all .contentCon .item00 .itembox #postteam1_pc { display: none; } #content_all .contentCon .item00 .itembox #postteam1_m { display: block; } #content_all .contentCon .item00 .itembox #postteam2_pc { display: none; } #content_all .contentCon .item00 .itembox #postteam2_m { display: block; } #content_all .contentCon .item01 .itembox #postteam3_pc { display: none; } #content_all .contentCon .item01 .itembox #postteam3_m { display: block; } #content_all .contentCon .itembox .maskbox{ width: 200px; background-color: #f5f6f6; position: relative; } #content_all .contentCon .itembox .postteama_m .post { width: 200px; position: relative; } #content_all .contentCon .itembox .postteama_m .post h5 { width: 200px; height: 0; line-height: 16px; margin:0; font-size: 0px; font-weight: 400; color: #FFFFFF; text-align: left; } #content_all .contentCon .itembox .postteama_m .post h6 { display: block; width: 200px; height: 30px; line-height: 20px; letter-spacing: 2px; margin:0; font-size: 25px; font-weight: 300; color: #333333; text-align: center; position: absolute; bottom: -37px; left:-2px;} #content_all .contentCon .itembox .postteama_m .post p { width: 200px; height: 0; line-height: 20px; margin:0; font-size: 0px; font-weight: 200; color: #FFFFFF; text-align: left; } #content_all .contentCon .itembox .postteama_m .post img{ width: 200px; height: 286px; display: block; } #content_all .contentCon .itembox .postteama_m .post > a > .maskbox > span { display: block; width: 200px; height: 30px; line-height: 30px; font-size: 22px; background: #dc002d; position: absolute; right: 0px; bottom: 0px; } #content_all .contentCon .slick-track{ left: -190px; } #content_all .contentCon .slick-prev, #content_all .contentCon .slick-next { background: none; } #content_all .contentCon .itembox #postteam2 .post,#content_all .contentCon .itembox #postteam3 .post,#content_all .contentCon .itembox #postteam4 .post,#content_all .contentCon .itembox #postteam5 .post,#content_all .contentCon .itembox #postteam6 .post,#content_all .contentCon .itembox #postteam7 .post { width: 200px; } #content_all .contentCon .itembox #postteam2 .post h5,#content_all .contentCon .itembox #postteam3 .post h5,#content_all .contentCon .itembox #postteam4 .post h5,#content_all .contentCon .itembox #postteam5 .post h5,#content_all .contentCon .itembox #postteam6 .post h5 { width: 200px; height: 0; line-height: 16px; margin:0; font-size: 0px; font-weight: 400; color: #FFFFFF; text-align: left; } #content_all .contentCon .itembox .maskbox .posticon1 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/korel_posticon1.png)no-repeat; background-size: 100%; position: absolute; right:0; top:0; } #content_all .contentCon .itembox .maskbox .posticon2 { width: 76px; height: 66px; font-size: 0; background: url(../images/pc/korel_posticon2.png)no-repeat; background-size: 100%; position: absolute; right:0; top:0; } #content_all .contentCon .itembox .post> .maskbox{ display: none; } #content_all .contentCon .itembox #postteam2 .post img,#content_all .contentCon .itembox #postteam3 .post img,#content_all .contentCon .itembox #postteam4 .post img,#content_all .contentCon .itembox #postteam5 .post img,#content_all .contentCon .itembox #postteam6 .post img{ width: 200px; height: 286px; } .pspoint_m { position: absolute; top:-90px; width: 100%; } }/*手機版end*/