/*活動用*/ body{ margin:0; padding: 0; background: #eeeeee;} .full-width{width: 100%;} .fixed-width{ width: 1366px; margin: auto; } /*額外設定大小網*/ .only_pc{ display: block; } .only_m{ display: none; } /*額外設定大小網*/ /* 貼心小叮嚀 */ .note{width: 100%;margin: 0px auto; float: left; background-color: #cccc99;} #btn_note{ margin:0 auto; width:100%; height: 45px; display: block;cursor: pointer; background:url(../images/noticeh2.png) no-repeat center top; font-size: 0; } .note_box{ width: 910px; margin: 0px auto; padding: 5px 0 20px; display: none; font-size:15px; font-weight:normal; list-style-position: outside; } .note_box ul{ margin: 5px 20px; } .note_box ul li{ font-size: 16px; line-height: 20px; color:#4e4e4e; text-align:left; font-weight:normal; line-height:28px; list-style-position: outside;list-style-type: decimal; text-align:left} .note_box ul a{ color:#4e4e4e; text-decoration: underline;} .note_box ul li ul li{ margin-left:20px; list-style-type: upper-roman; } .note_box ul li ul li ul li{ margin-left:20px; list-style-type:square; } /* 貼心小叮嚀 */ /* 焦點影展 */ #AdBanners{ width: 100%; background:#96aec8; float:left; padding:30px 0px; } #AdBanners h3{ width: 100%; height: 40px; display: block; font-size: 0; margin:0 0 20px 0; text-align: center; background: url(../images/focush2.png)no-repeat center top; } /*banner*/ #Banners{ display: block; position: relative; width: 800px; margin: 5px auto 0px auto;} #left, #right{ background:url("https://video.friday.tw/eventcom/images/arw.png") no-repeat 0 16px; display:block; height: 70px; width: 20px; float:left; cursor: pointer; position: absolute; left:0px; top: 0px;} #Banners #right{ background-position: -30px 16px; position: absolute; left: 800px; top: 0px; float:right;} #Banners .banner_In{ margin: 0 auto; overflow: hidden; position: relative; width: 97%; height: 80px; padding: 0px; left: 8px; } #Banners ul{ position: absolute; width: 2000px; } #Banners ul li{ float: left; width: 236px; height: 74px; position: relative; margin-right: 18px; } #Banners ul li a{ display: block; width: 100%; height: 100%; } #Banners ul li img{ width: auto; border: 2px solid #FFFFFF; width: 100%; height: 100%; } #Banners{ display: block; } #Banners_m{ display: none; } /* 焦點影展 */ /*額外加合作廠商logo*/ .ftr_logosA { margin:0 auto 15px; text-align: center;} .ftr_logosA a{ display: inline-block; } .ftr_logosA a:nth-child(1) { width: 215px; height: 100px; } .ftr_logosA a:nth-child(2) { width: 215px; height: 100px; } .ftr_logosA a img{ display: block; width: 100%; height: 100%; } .ftr_logosA a:nth-child(1) img{ display: block; width: 215px; height:50px; margin:25px 0; } /*額外加合作廠商logo*/ /***PC版***/ #container { } #content_all { min-width: 1366px; 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:#282828; font-weight: normal; text-align: justify; } #content_all h1,h2,h3,h4,h5,h6{ color:#080404; } /* HeaderCon PC */ #content_all .headerCon { width: 100%; position: relative; background: url(../images/pc/anius_kvbg.jpg)repeat center top; background-size: 1920px 608px; } #content_all .headerCon .kvbox { width: 1366px; height: 608px; margin:0 auto; padding: 40px 0 0 0; position: relative; } #content_all .headerCon .kvbox h1{ width: 100%; height: 80px; font-size: 0px; margin:0; background:url(../images/pc/anius_h1.png)no-repeat 60px top; background-size: 740px 80px; animation-delay:0.1s; } #content_all .headerCon .kvbox>p{ width: 100%; line-height: 26px; font-size: 20px; font-weight: 300; color:#FFFFFF; text-shadow: 0 0 30px rgba(199,255,90,0.5); padding-left: 80px; margin-top: 5px; } /* 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%; font-size: 36px; font-weight: 500; text-align: left; } #content_all .contentCon p{ color:#282828; font-weight: 500; } #content_all .contentCon .item01,#content_all .contentCon .item02{ position: relative; margin:0 auto; width: 100%; overflow: hidden; } #content_all .contentCon .itembox{ width: 1366px; height: 250px; margin:0 auto; padding:55px 0 0 0; } #content_all .contentCon .item01{ background-color: #f3f3f3; padding-bottom: 120px; } #content_all .contentCon .item01 .itembox { background:url(../images/pc/anius_item1img.png)no-repeat 45px 10px; } #content_all .contentCon .item01 .itembox h2{ width: 976px; margin:0 90px 0 300px; line-height: 60px; border-bottom: 1px solid #d0d0d0; } #content_all .contentCon .item01 .itembox p{ width: 976px; font-size: 18px; line-height: 26px; margin:10px 90px 0 300px; } #content_all .contentCon .item01 .itembox p span{ color:#2d669d; } #content_all .contentCon .item01 .itembox .postteam{ width: 650px; height: 322px; float: left; } #content_all .contentCon .item01 .itembox .postteam:nth-child(n){ margin: 80px 5px 0 50px; } #content_all .contentCon .item01 .itembox .postteam:nth-child(2n){ margin: 40px 0 0 0; } #content_all .contentCon .item01 .itembox .postteam a{ display: block; width: 226px; height: 322px; border: 1px solid #838383; float: left; } #content_all .contentCon .item01 .itembox .postteam a img{ width: 100%; height: 100%; } #content_all .contentCon .item01 .itembox .postteam h5{ width: 406px; font-size: 20px; line-height: 27px; color:#216655; text-align: left; float: right; margin-top: 205px; } #content_all .contentCon .item01 .itembox .postteam h6{ width: 406px; font-size: 20px; line-height: 27px; color:#22699c; text-align: left; float: right; } #content_all .contentCon .item01 .itembox .postteam p{ width: 406px; font-size: 18px; line-height: 22px; color:#282828; margin:0; text-align: left; float: right; margin-top: 2px;} #content_all .contentCon .item01 .itembox .bg2{ background:url(../images/post/anius_postteambg2.png)no-repeat right top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg3{ background:url(../images/post/anius_postteambg3.png)no-repeat right top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg4{ background:url(../images/post/anius_postteambg4.png)no-repeat right top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg5{ background:url(../images/post/anius_postteambg5.png)no-repeat right top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg6{ background:url(../images/post/anius_postteambg6.png)no-repeat right top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg7{ background:url(../images/post/anius_postteambg7.png)no-repeat right top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg8{ background:url(../images/post/anius_postteambg8.png)no-repeat right top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg9{ background:url(../images/post/anius_postteambg9.png)no-repeat right top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg10{ background:url(../images/post/anius_postteambg10.png)no-repeat right top; background-size: 414px 322px; } #content_all .contentCon .item02{ background: #282828; padding:40px 0 80px 0; } #content_all .contentCon .item02 .itembox{ background:url(../images/pc/anius_item2img.png)no-repeat 130px 40px; } #content_all .contentCon .item02 .itembox h2{ font-size: 26px; font-weight: 500; line-height: 40px; color:#f3e64f; padding-left: 340px; margin-top: 30px; } #content_all .contentCon .item02 .itembox p{ font-size: 16px; line-height: 30px; color:#FFFFFF; padding-left: 340px; } /***手機版***/ /***手機版***/ /***手機版***/ @media screen and (max-width: 1100px) { /*額外設定大小網*/ .only_pc{ display: none; } .only_m{ display: block; } /*額外設定大小網*/ /* 貼心小叮嚀 */ #btn_note{ margin:0 auto; width:100%; height: 50px; display: block; cursor: pointer; background:url(../images/noticeh2.png) no-repeat center 3px; font-size: 0; } .note_box{ width: 640px; margin: 0px auto; padding:5px 0; display: none; font-size:25px; list-style-position: outside;} .note_box ul li{ font-size: 25px; line-height: 40px; 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;} /* 貼心小叮嚀 */ /* 焦點影展 */ #Banners{ display: none; } #AdBanners{ width: 100%; background:#894647; float:left; padding:30px 0px 0px; } #AdBanners h3{ } #Banners_m{ display: block; position: relative; width: 550px; height: 75px; margin: 5px auto 40px auto; overflow: hidden;} #left_m, #right_m{ background:url(https://video.friday.tw/eventcom/images/arw.png) no-repeat 8px 16px; display:block; height: 70px; width: 30px; float:left; cursor: pointer; position: absolute; left:-5px; top: 0px; z-index: 1;} #Banners_m #right_m{ background-position: -33px 16px; position: absolute; left: 530px; top: 0px; float:right;} .banner_In_m{ margin: 0 auto;overflow: hidden; position: relative; width: 515px; height: 80px; padding: 0px; margin-left: 10px;} #Banners_m ul{ position: absolute; width: 1500px; } #Banners_m ul li{ float: left; width: 236px; height: 80px; position: relative; margin-right: 20px; } #Banners_m ul li img{ border: 2px solid #FFFFFF; width: 100%; height: 74px; } /* 焦點影展 */ /*額外加合作廠商logo*/ .ftr_logos_m { margin:0 auto 15px; text-align: center;} .ftr_logos_m a{ display: inline-block; } .ftr_logos_m a:nth-child(1) { width: 215px; height: 100px; } .ftr_logos_m a:nth-child(2) { width: 168px; height: 100px; } .ftr_logos_m a img{ display: block; width: 100%; height: 100%; } .ftr_logos_m a:nth-child(1) img{ display: block; width: 215px; height:50px; margin:25px 0; } /*額外加合作廠商logo*/ #container { } #content_all{ font-size:30px; font-weight: bold; text-align: center; position: relative; width: 100%; max-width: 1100px; min-width: 640px; height: 100%; } /* HeaderCon_m */ #content_all .headerCon { width: 100%; background: url(../images/pc/anius_kvbg.jpg)repeat -430px top; background-size: 2200px;} #content_all .headerCon .kvbox { width: 640px; height: 100%; margin:0 auto; padding: 20px 0 0 0; position: relative; } #content_all .headerCon .kvbox h1{ width: 100%; height: 67px; font-size: 0px; margin:0; background:url(../images/pc/anius_h1.png)no-repeat center top; background-size: 620px 67px; animation-delay:0.1s; } #content_all .headerCon .kvbox>p{ width: 100%; line-height: 36px; font-size: 26px; font-weight: 300; color:#FFFFFF; text-align: center; text-shadow: 0 0 30px rgba(199,255,90,0.5); padding: 0 30px; margin: 10px 0 300px 0 ; } /* HeaderCon_m END */ /*主要內容 #main_m */ #content_all .contentCon { width: 100%; 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;} #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 .item01,#content_all .contentCon .item02{ position: relative; margin:0 auto; width: 100%; overflow: hidden; } #content_all .contentCon .itembox{ width: 640px; height: 100%; margin:0 auto; } #content_all .contentCon .item01 { padding-bottom: 100px; } #content_all .contentCon .item01 .itembox { background:url(../images/pc/anius_item1img.png)no-repeat center 40px; padding:280px 0 0 0; } #content_all .contentCon .item01 .itembox h2{ width: 600px; margin:0 20px; font-size: 30px; line-height: 60px; text-align: center; border-bottom: 1px solid #d0d0d0; } #content_all .contentCon .item01 .itembox p{ width: 600px; margin:10px 20px 0; font-size: 26px; line-height: 46px; text-align: center; } #content_all .contentCon .item01 .itembox .postteam{ width: 630px; height: 322px; float: left; background-color: #fa0;} #content_all .contentCon .item01 .itembox .postteam:nth-child(n){ margin: 60px 0 0 20px; } #content_all .contentCon .item01 .itembox .postteam:nth-child(2n){ margin: 60px 0 0 20px; } #content_all .contentCon .item01 .itembox .postteam a{ display: block; width: 226px; height: 322px; border: 1px solid #838383; float: left; } #content_all .contentCon .item01 .itembox .postteam a img{ width: 100%; height: 100%; } #content_all .contentCon .item01 .itembox .postteam h5{ width: 396px; font-size: 20px; line-height: 27px; color:#216655; text-align: left; float: right; margin-top: 205px; } #content_all .contentCon .item01 .itembox .postteam h6{ width: 396px; font-size: 20px; line-height: 27px; color:#22699c; text-align: left; float: right; } #content_all .contentCon .item01 .itembox .postteam p{ width: 396px; font-size: 18px; line-height: 22px; color:#282828; margin:0; text-align: left; float: right; margin-top: 2px;} #content_all .contentCon .item01 .itembox .bg2{ background:url(../images/post/anius_postteambg2.png)no-repeat 225px top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg3{ background:url(../images/post/anius_postteambg3.png)no-repeat 225px top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg4{ background:url(../images/post/anius_postteambg4.png)no-repeat 225px top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg5{ background:url(../images/post/anius_postteambg5.png)no-repeat 225px top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg6{ background:url(../images/post/anius_postteambg6.png)no-repeat 225px top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg7{ background:url(../images/post/anius_postteambg7.png)no-repeat 225px top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg8{ background:url(../images/post/anius_postteambg8.png)no-repeat 225px top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg9{ background:url(../images/post/anius_postteambg9.png)no-repeat 225px top; background-size: 414px 322px; } #content_all .contentCon .item01 .itembox .bg10{ background:url(../images/post/anius_postteambg10.png)no-repeat 225px top; background-size: 414px 322px; } #content_all .contentCon .item02{ background: #282828; padding:60px 0; } #content_all .contentCon .item02 .itembox{ background:url(../images/pc/anius_item2img.png)no-repeat center top; } #content_all .contentCon .item02 .itembox h2{ font-size: 30px; font-weight: 500; line-height: 50px; color:#f3e64f; padding-left: 0; margin-top: 150px; text-align: center; } #content_all .contentCon .item02 .itembox p{ font-size: 24px; line-height: 40px; color:#FFFFFF; padding-left: 0; text-align: center; } }/*手機版end*/