/*活動用*/ *: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; } /*額外設定大小網*/ /*小叮嚀*/ .note{ width: 100%; margin: 0 auto; float: left; background-color: #0a1528; position: relative; } #btn_note{ display: block; width:100%; line-height: 45px; color: #FFFFFF; margin:0px auto 25px; border-bottom:1px solid #FFFFFF;/* cursor: pointer; */font-size: 22px; font-weight: 500; text-align: center; } .note_box{ display: block; width: 1200px;margin: 0px auto; padding:0; 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: 10px 0px 50px;} .note_box ul li{ font-size: 14px; 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; } /*小叮嚀*/ /*社群*/ .community{ background-color: #e6e6e6; position: relative; margin:0 auto; width: 100%; overflow: auto; } .community .itembox{ width: 464px; padding: 0; margin:0 auto; } .community .itembox a{ display: block; width: 80px; height: 80px; margin:45px 18px; border-radius: 90px; background:url(../images/community.png)no-repeat center 0; float: left; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; cursor: pointer; } .community .itembox a:hover{ opacity: 1; } .community .itembox a:nth-of-type(1){ background-position: 0 0; } .community .itembox a:nth-of-type(2){ background-position: 0 -80px; } .community .itembox a:nth-of-type(3){ background-position: 0 -160px; } .community .itembox a:nth-of-type(4){ background-position: 0 -240px; } .community .itembox a:nth-of-type(1):hover{ background-position: -80px 0; } .community .itembox a:nth-of-type(2):hover{ background-position: -80px -80px; } .community .itembox a:nth-of-type(3):hover{ background-position: -80px -160px; } .community .itembox a:nth-of-type(4):hover{ background-position: -80px -240px; } /*社群*/ /*額外加合作廠商logo*/ #footer_pc { width: 1300px; } .ftr_logosA { width: 1300px; margin:0 auto 15px; text-align: center; height: 85px;} .ftr_logosA a{ display: inline-block; margin: 0 15px;} .ftr_logosA a:nth-child(1) { height: 100px; } .ftr_logosA a:nth-child(2) { height: 100px; } .ftr_logosA a img{ display: block; width: 100%; height: 100%; } .ftr_logosA a:nth-child(1) img{ display: block; width: 200px; height:50px; margin:25px 0; } /*額外加合作廠商logo*/ .footer_links { font-size: 12px; } #wrap{ min-width: 1280px; } /***PC版***/ #container { } #content_all { min-width: 1280px; color:#FFFFFF; background: url(../images/pc/GHA_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: 27px 20px 0 20px; background-color:#fFFFFF; position: relative; } #content_all .headerCon .kvbox { width: 100%; height: 556px; margin:0 auto; padding: 0; background:url(../images/pc/GHA_kv_bg.jpg)no-repeat center top; background-size: 1240px 556px; position: relative; } #content_all .headerCon .kvbox h1{ width: 590px; height:170px; font-size: 0px; margin:0; background:url(../images/pc/GHA_kv_h1.png)no-repeat center top; background-size: 100%;position: absolute; left: 50px; top:35px; animation-delay:0.1s; } #content_all .headerCon .kvbox h2{ width: 0; height: 0; font-size: 0; position: absolute; left: 0; top:0; } #content_all .headerCon .kvbox b{ width: 0; height: 0; font-size: 0; position: absolute; left: 0; top:0; } #content_all .headerCon .kvbox i{ width: 0; height: 0; font-size: 0; position: absolute; left: 0; top:0; } #content_all .headerCon .kvbox>p{ width: 510px; line-height:39px; font-size: 18px; font-weight: 300; color:#ffffff; position: absolute; left: 50px; top:230px; } #content_all .headerCon .kvbox a{ width: 310px; height: 80px; font-size: 0; background:url(../images/pc/GHA_kvbtn.png)no-repeat center top; background-size: 310px 160px; position: absolute; left:100px; top:450px; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; cursor: pointer; } #content_all .headerCon .kvbox a:hover{ width: 310px; height: 80px; font-size: 0; background:url(../images/pc/GHA_kvbtn.png)no-repeat center bottom; background-size: 310px 160px; position: absolute; left:100px; top:450px; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; } #content_all .headerCon .kvbox a:nth-of-type(1) { display: block; } #content_all .headerCon .kvbox a:nth-of-type(2) { display: none; } #content_all .headerCon .kvbox a:nth-of-type(3) { display: block; width: 230px; height: 130px; left:414px; top:10px; background: none; } #content_all .headerCon .kvbox a:nth-of-type(4) { display: block; width: 260px; height: 260px; position: absolute; left: 945px; top: 380px; border-radius: 230px; background: none; } #content_all .headerCon .kvbox .icon{ width: 52px; height: 272px; font-size: 0; background:url(../images/pc/GHA_kv_icon.png)no-repeat; background-size: 100%; position: absolute; } #content_all .headerCon .kvbox .icon:nth-of-type(1){ left: 50px; top: -287px; } #content_all .headerCon .kvbox .icon:nth-of-type(2){ right: 50px; top: -287px; } #content_all .headerCon .kvbox .kvps { position: absolute; left: 405px; top:502px; cursor: pointer; font-size: 20px; text-decoration: underline; } .notepoint { display: none; } /* HeaderCon PC End */ /* contentCon PC */ #content_all .contentCon { position: relative; text-align: center; margin: 0 auto;} #content_all .contentCon a{ color:#FFFFFF; text-decoration: none; } #content_all .contentCon h2 { width: 100%; height: 60px; font-size: 0px; } #content_all .contentCon p { width: 100%; font-size: 16px; margin-bottom: 30px; color: #FFFFFF; text-align: center; } #content_all .contentCon .item01,#content_all .contentCon .item02{ position: relative; margin:0 auto; width: 100%; overflow: hidden; } #content_all .contentCon .itembox{ width: 1280px; margin:0 auto; padding:0 0 30px 0 ; } #content_all .contentCon .itembox .point { position: absolute; width: 100%; } #content_all .contentCon .item01{ width: 1280px; margin:0 auto 60px; background-color:#fFFFFF; position: relative; overflow: hidden; } #content_all .contentCon .item01 .itembox { width: 1240px; background: #036eb4; margin-bottom: 27px; } #content_all .contentCon .item01 .itembox h2{ width: 100%; height: 65px; line-height: 54px; font-size: 0px; font-weight: 500; background:url(../images/pc/GHA_itemh2.png)no-repeat center 0; margin: 0 auto 50px; } #content_all .contentCon .item01 .itembox h2:nth-of-type(2){ background:url(../images/pc/GHA_itemh2.png)no-repeat center -65px; margin: 70px auto 45px; } #content_all .contentCon .item01 .itembox h2:nth-of-type(3){ background:url(../images/pc/GHA_itemh2.png)no-repeat center -130px; margin: 60px auto 15px; } #content_all .contentCon .item01 .itembox .focus{ width: 1205px; height: 375px; margin: 0 auto; } #content_all .contentCon .item01 .itembox .focus .fo1 { width: 590px; height: 375px; margin: 0 25px 0 0; float: left; position: relative; } #content_all .contentCon .item01 .itembox .focus .fo1 h3 { width: 460px; font-size: 22px; line-height: 48px; font-weight: normal; text-align: left; color: #FFFFFF; position: absolute; right: 0; top:250px; } #content_all .contentCon .item01 .itembox .focus .fo1 p { width: 460px; font-size: 16px; line-height: 40px; font-weight: normal; text-align: left; color: #FFFFFF; position: absolute; right: 0; top:300px; } #content_all .contentCon .item01 .itembox .focus .fo1 .peo { width: 100px; height: 130px; font-size: 0; background: url(../images/pc/GHA_pic.jpg)no-repeat center left; position: absolute; left: 15px; top:240px; z-index: 1; } #content_all .contentCon .item01 .itembox .focus .fo1 .fopost1{ display: block; width: 295px; height: 250px; font-size: 0; border: 1px solid #005288; border-right: none; background: url(../images/pc/GHA_pic2.jpg)no-repeat center left; background-size: 590px 250px; position: absolute; left: 0; top:0; } #content_all .contentCon .item01 .itembox .focus .fo1 .fopost2{ display: block; width: 295px; height: 250px; font-size: 0; border: 1px solid #005288; border-left: none; background: url(../images/pc/GHA_pic2.jpg)no-repeat center right; background-size: 590px 250px; position: absolute; right: 0; top:0; } #content_all .contentCon .item01 .itembox .focus .fo1 a{ display: initial; font-size: 16px; color: #f3c51d; } #content_all .contentCon .item01 .itembox .focus .fo2 { width: 590px; height: 375px; float: left; position: relative; } #content_all .contentCon .item01 .itembox .focus .fo2 h3 { width: 460px; font-size: 22px; line-height: 48px; font-weight: normal; text-align: left; color: #FFFFFF; position: absolute; right: 0; top:250px; } #content_all .contentCon .item01 .itembox .focus .fo2 p { width: 460px; font-size: 16px; line-height: 40px; font-weight: normal; text-align: left; color: #FFFFFF; position: absolute; right: 0; top:300px; } #content_all .contentCon .item01 .itembox .focus .fo2 .peo { width: 100px; height: 130px; font-size: 0; background: url(../images/pc/GHA_pic.jpg)no-repeat center right; position: absolute; left: 15px; top:240px; z-index: 1; } #content_all .contentCon .item01 .itembox .focus .fo2 .fopost3{ display: block; width: 590px; height: 250px; font-size: 0; border: 1px solid #005288; background: url(../images/pc/GHA_pic2_2.jpg)no-repeat center left; background-size: 590px 250px; position: absolute; left: 0; top:0; } #content_all .contentCon .item01 .itembox .focus .fo2 a{ display: initial; font-size: 16px; color: #f3c51d; } .postteama{ width: 1084px; height: 264px; margin: 0 auto; } .postteama .slick-list{ width: 1084px; } .postteama .post{ float: left; } .postteama .post a{ width: 100%; height: 100%; } .postteama .post a:nth-of-type(1){ display: inline-block; } .postteama .post a:nth-of-type(2){ display: none; } .postteama .post a h5{ width: 100%; line-height: 30px; margin:10px 0; font-size: 16px; color: #FFFFFF; } .postteama .post a .maskbox{ width: 268px; height: 215px; position: relative; } .postteama .post a .maskbox .free { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color:#064168; background-color: #f3c51d; position: absolute; left: 0; bottom:0; } .postteama .post a .maskbox img{ width: 100%; height: 100%; border: 1px solid #a1a1a1; } .postteama2{ width: 1084px; height: 420px; margin: 0 auto; } .postteama2 .slick-list{ width: 1084px; } .postteama2 .post{ float: left; } .postteama2 .post a{ width: 100%; height: 100%; } .postteama2 .post a:nth-of-type(1){ display: inline-block; } .postteama2 .post a:nth-of-type(2){ display: none; } .postteama2 .post a h5{ width: 100%; line-height: 35px; margin:0; font-size: 18px; font-weight: normal; color: #b4ddf8; } .postteama2 .post a span { display: block; width: 100%; font-size: 16px; font-weight: normal; color: #FFFFFF; } .postteama2 .post a .maskbox{ width: 215px; height: 335px; position: relative; } .postteama2 .post a .maskbox img{ width: 100%; height: 100%; } .slick-prev,.slick-next{ width: 50px; height: 50px; top:40%; background: url(../images/arw.png)no-repeat; opacity: 0.7;} .slick-prev { left: -70px; background-position: 0 0; } .slick-next { right: -70px; background-position: -50px 0; } .slick-prev:hover,.slick-next:hover{ opacity: 1; } #content_all .contentCon .item02{ width: 1280px; margin:0 auto; background-color:#fFFFFF; position: relative; overflow: hidden; } #content_all .contentCon .item02 .itembox { width: 1240px; height: 580px; background: url(../images/pc/GHA_item02_bg.jpg)no-repeat center top; background-size: 100%; } #content_all .contentCon .item02 .itembox h2{ width: 0; height: 0; line-height: 54px; font-size: 0px; font-weight: 500; position: absolute; left: 0; top:0; } #content_all .contentCon .item02 .itembox iframe { display: block; width: 550px; height: 362px; position: absolute; right: 181px; top:171px; } /***手機版***/ /***手機版***/ /***手機版***/ @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; } /*小叮嚀*/ /*額外加合作廠商logo*/ .ftr_logos_m { margin:30px auto 15px; text-align: center;} .ftr_logos_m a{ display: inline-block; margin:0 20px;} .ftr_logos_m a:nth-child(1) { height: 100px; } .ftr_logos_m a:nth-child(2) { height: 100px; } .ftr_logos_m a img{ display: block; width: 100%; height: 100%; } .ftr_logos_m a:nth-child(1) img{ display: block; width: 200px; height:50px; margin:25px 0; } /*額外加合作廠商logo*/ #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/GHA_body_bg_m.jpg)no-repeat center top; background-color: #0a1528; padding-top: 150px; } /* HeaderCon_m */ #content_all .headerCon { width: 620px; position: relative; } #content_all .headerCon .kvbox { width: 570px; height: auto; background: url(../images/mo/GHA_kv_bg_m.jpg)no-repeat center top; background-size: 100%; background-color: #036eb4; margin:0 auto; padding: 0 0 30px 0; position: relative; } #content_all .headerCon .kvbox h1{ width: 0; height:0; font-size: 0px; margin:0; animation-delay:0.1s; position: absolute; left: 0; top:0; } #content_all .headerCon .kvbox>p{ width: 490px; line-height: 42px; font-size: 22px; font-weight: 300; color:#ffffff; padding-top: 470px; position: relative; left: 40px; top:0px; } #content_all .headerCon .kvbox>p span:nth-of-type(1) { } #content_all .headerCon .kvbox>p span:nth-of-type(2) { display: none; } #content_all .headerCon .kvbox>p span span { color: #036eb4; background: #FFFFFF; padding: 3px 5px; margin-left: 10px; } #content_all .headerCon .kvbox a{ width: 310px; height: 80px; font-size: 0; background:url(../images/pc/GHA_kvbtn.png)no-repeat center top; background-size: 310px 160px; position: relative; left:122px; top:0px; margin-top:20px; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; cursor: pointer; } #content_all .headerCon .kvbox a:hover{ width: 310px; height: 80px; font-size: 0; background:url(../images/pc/GHA_kvbtn.png)no-repeat center bottom; background-size: 310px 160px; position: relative; left:130px; top:0px; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; } #content_all .headerCon .kvbox a:nth-of-type(1) { display: block; } #content_all .headerCon .kvbox a:nth-of-type(2) { display: none; } #content_all .headerCon .kvbox a:nth-of-type(3) { display: block; width: 230px; height: 130px; position: absolute; left:35px; top:32px; background: none; } #content_all .headerCon .kvbox a:nth-of-type(4) { display: block; width: 205px; height: 205px; position: absolute; left: 324px; top: 233px; border-radius: 230px; background: none; } #content_all .headerCon .kvbox .icon{ width: 30px; height: 156px; font-size: 0; background:url(../images/pc/GHA_kv_icon.png)no-repeat; background-size: 100%; position: absolute; } #content_all .headerCon .kvbox .icon:nth-of-type(1){ left: 10px; top: -175px; } #content_all .headerCon .kvbox .icon:nth-of-type(2){ left:540px; top: -175px; } #content_all .headerCon .kvbox .kvps { position: absolute; left: 428px; top:665px; cursor: pointer; font-size: 22px; text-decoration: underline; } .notepoint { display: initial;} /* 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;} #content_all .contentCon a{ color:#FFFFFF; text-decoration: none; } #content_all .contentCon h2 { width: 100%; height: 60px; font-size: 0px; } #content_all .contentCon p { width: 100%; font-size: 22px; line-height: 42px; margin-bottom: 30px; color: #FFFFFF; text-align: center; } #content_all .contentCon .item01,#content_all .contentCon .item02{ position: relative; margin:0 auto; width: 100%; overflow: hidden; } #content_all .contentCon .itembox{ width: 600px; height: 100%; margin:0 auto 0px; padding:0; } #content_all .contentCon .item01{ position: relative; margin:0 auto 60px; width: 620px; height: 100%; overflow: hidden; } #content_all .contentCon .item01 .itembox { width: 570px; background: #036eb4; margin-bottom: 27px; } #content_all .contentCon .item01 .itembox h2{ display: none; width: 100%; height: 65px; line-height: 54px; font-size: 0px; font-weight: 500; background:url(../images/pc/GHA_itemh2.png)no-repeat center 0; margin: 0 auto 50px; } #content_all .contentCon .item01 .itembox h2:nth-of-type(2){ display: block; background:url(../images/pc/GHA_itemh2.png)no-repeat center -65px; margin: 30px auto 35px; } #content_all .contentCon .item01 .itembox h2:nth-of-type(3){ display: block; background:url(../images/pc/GHA_itemh2.png)no-repeat center -130px; margin: 50px auto 5px; } #content_all .contentCon .item01 .itembox .focus{ width: 520px; height: 920px; margin: 0 auto; } #content_all .contentCon .item01 .itembox .focus .fo1 { width: 520px; height: 400px; margin: 45px 0 0 0; float: left; position: relative; } #content_all .contentCon .item01 .itembox .focus .fo1 h3 { width: 400px; font-size: 28px; line-height: 48px; font-weight: normal; text-align: left; color: #FFFFFF; position: absolute; right: 0; top:235px; } #content_all .contentCon .item01 .itembox .focus .fo1 p { width: 400px; font-size: 22px; line-height: 40px; font-weight: normal; text-align: justify; color: #FFFFFF; position: absolute; right: 0; top:288px; } #content_all .contentCon .item01 .itembox .focus .fo1 .peo { width: 100px; height: 130px; font-size: 0; background: url(../images/pc/GHA_pic.jpg)no-repeat center left; position: absolute; left: 0; top:240px; z-index: 1; } #content_all .contentCon .item01 .itembox .focus .fo1 .fopost1{ display: block; width: 260px; height: 220px; font-size: 0; border: 1px solid #005288; border-right: none; background: url(../images/pc/GHA_pic2.jpg)no-repeat center left; background-size: 520px 220px; position: absolute; left: 0; top:0; } #content_all .contentCon .item01 .itembox .focus .fo1 .fopost2{ display: block; width: 260px; height: 220px; font-size: 0; border: 1px solid #005288; border-left: none; background: url(../images/pc/GHA_pic2.jpg)no-repeat center right; background-size: 520px 220px; position: absolute; right: 0; top:0; } #content_all .contentCon .item01 .itembox .focus .fo1 a{ display: initial; font-size: 22px; color: #f3c51d; } #content_all .contentCon .item01 .itembox .focus .fo2 { width: 520px; height: 400px; margin: 45px 0 0 0; float: left; position: relative; } #content_all .contentCon .item01 .itembox .focus .fo2 h3 { width: 400px; font-size: 28px; line-height: 48px; font-weight: normal; text-align: left; color: #FFFFFF; position: absolute; right: 0; top:232px; } #content_all .contentCon .item01 .itembox .focus .fo2 p { width: 400px; font-size: 22px; line-height: 40px; font-weight: normal; text-align: justify; letter-spacing: -1px; color: #FFFFFF; position: absolute; right: 0; top:283px; } #content_all .contentCon .item01 .itembox .focus .fo2 .peo { width: 100px; height: 130px; font-size: 0; background: url(../images/pc/GHA_pic.jpg)no-repeat center right; position: absolute; left: 0; top:240px; z-index: 1; } #content_all .contentCon .item01 .itembox .focus .fo2 .fopost3{ display: block; width: 520px; height: 220px; font-size: 0; border: 1px solid #005288; background: url(../images/pc/GHA_pic2_2.jpg)no-repeat center left; background-size: 520px 220px; position: absolute; left: 0; top:0; } #content_all .contentCon .item01 .itembox .focus .fo2 a{ display: initial; font-size: 22px; color: #f3c51d; } .postteama_m{ width: 570px; height: 330px; margin: 0 auto; } .postteama_m .slick-list{ width: 570px; } .postteama_m .post{ float: left; } .postteama_m .post a{ width: 100%; height: 100%; } .postteama_m .post a:nth-of-type(1){ display: none; } .postteama_m .post a:nth-of-type(2){ display: inline-block; } .postteama_m .post a h5{ width: 100%; line-height: 50px; margin:10px 0; font-size: 22px; color: #FFFFFF; } .postteama_m .post a .maskbox{ width: 335px; height: 269px; position: relative; } .postteama_m .post a .maskbox .free { width: 100%; height: 36px; line-height: 36px; font-size: 22px; color:#064168; background-color: #f3c51d; position: absolute; left: 0; bottom:0; } .postteama_m .post a .maskbox img{ width: 100%; height: 100%; border: 1px solid #a1a1a1; } .postteama2_m{ width: 570px; height: 480px; margin: 0 auto; } .postteama2_m .slick-list{ width: 570px; } .postteama2_m .post{ float: left; } .postteama2_m .post a{ width: 100%; height: 100%; } .postteama2_m .post a:nth-of-type(1){ display: none; } .postteama2_m .post a:nth-of-type(2){ display: inline-block; } .postteama2_m .post a h5{ width: 100%; line-height: 48px; margin:0; font-size: 25px; font-weight: normal; color: #b4ddf8; } .postteama2_m .post a span { display: block; width: 100%; font-size: 22px; font-weight: normal; color: #FFFFFF; } .postteama2_m .post a .maskbox{ width: 215px; height: 335px; position: relative; } .postteama2_m .post a .maskbox img{ width: 100%; height: 100%; } .slick-prev,.slick-next{ width: 50px; height: 50px; top:40%; background: url(../images/arw.png)no-repeat; opacity: 0.7;} .slick-prev { left: -70px; background-position: 0 0; } .slick-next { right: -70px; background-position: -50px 0; } .slick-prev:hover,.slick-next:hover{ opacity: 1; } .postteama2_m .slick-track{ left: -15px; } #content_all .contentCon .item02{ width: 620px; margin:0 auto; background-color:#fFFFFF; position: relative; overflow: hidden; } #content_all .contentCon .item02 .itembox { width: 570px; height: 420px; background: url(../images/mo/GHA_item02_bg_m.jpg)no-repeat center top; background-size: 100%; } #content_all .contentCon .item02 .itembox h2{ width: 0; height: 0; line-height: 54px; font-size: 0px; font-weight: 500; position: absolute; left: 0; top:0; } #content_all .contentCon .item02 .itembox iframe { display: block; width: 404px; height: 266px; position: absolute; right: 93px; top:121px; } }/*手機版end*/