/* index.php */.index header{margin-bottom:0;}.banner .slick-dots{position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center;} .banner .slick-dots li, .index .banner ul.slick-dots li{display: inline-block; width: auto !important; padding: 5px 4px; color: transparent;} .banner .slick-dots li.slick-active button{background: #4678de; opacity: 1;} .banner .slick-dots li button{border: 0; border-radius: 50%; outline: 0; width: 15px; height: 15px; background: #fff; opacity: .8;}.banner .slick-prev{position: absolute; z-index: 10; top: 50%; left: 20px; margin-top: -20px; width: 41px; height: 41px; background: url(../img/prev.png) center center no-repeat; border: 0; outline: 0; color: transparent; opacity:.6;}.banner .slick-next{position: absolute; z-index: 10; top: 50%; right: 20px; margin-top: -20px; width: 41px; height: 41px; background: url(../img/next.png) center center no-repeat; border: 0; outline: 0; color: transparent; opacity: .6;}.banner .slick-prev:hover,.banner .slick-next:hover{opacity:1;}.banner .slick-prev:hover{transition: all .2s; left:13px;}.banner .slick-next:hover{transition: all .2s; right: 13px;}.banner img{width: 100%; height: auto;}.index .wrapper{width:auto;}/*news 錨點選單*/.index .tag_news{background-color: #2e2e2e; border-top: 6px solid #2e2e2e; text-align: center; overflow: hidden;} .index .tag_news a{color: #acacac; font-size: 20px; font-weight: bold; width: 33.33333%; float: left; border-top: 10px solid #000; padding-bottom: 13px; padding-top: 13px;} .index .tag_news a span{display: block; font-size: 13px; line-height: 1.8; font-family: arial; font-weight: normal;} .index .tag_news a:hover{text-decoration: none; color: #fff; border-top-color: #4678de;}.index .tag_news + div{margin-top: 25px;}/*news*/.index .news{position: relative; margin-bottom: 40px;} .index .news img{width:100%;} .index .news h2{margin-bottom: 18px; border-left: 6px solid #4678de; padding-left: 9px; color: #4678de; font-size: 22px; line-height: 1; font-weight: bold; padding-top: 2px;} .index .news h2 i{color: #bfbebe; padding: 0 10px; font-weight: normal;} .index .news h2 span{color: #bfbebe; font-size: 13px; font-weight: normal;}.index .grid-3{text-align: center;}.index .grid-3 *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .index .grid-3 a{margin-bottom: 20px; display: block;} .index .grid-3 a:hover{text-decoration: none;}.index .grid-3 a:hover .info{color: #4678de; text-decoration: none;}.index .grid-3 a:hover img{opacity:.7;}.index .info{padding-top: 14px; padding-left: 15px; text-align: left; border-top: 1px solid #ccc; margin-top: 8px; position: relative; font-size: 16px; line-height: 25px; color: #000;} .index .info:before{content: ''; display: table; width: 1px; height: 49px; background: #ccc; position: absolute; left: 0; top: 0;} .index .info img{display: none;}.index span.new{display: block; position: absolute; top: -44px; left: 12px; width: 50px; line-height: 50px; background: #4678de; color: #fff; text-align: center;}}.index .newsNone{display: none;}.note{margin-top: 15px; margin-bottom: 20px;}.index .note{margin:0;}.note a{border: 1px solid #3369d6; color: #3369d6; padding: 0 10px; line-height: 30px; display: inline-block; border-radius: 4px;} .note a:hover{background: #3369d6; color: #fff; text-decoration:none;}/*快速連結*/.linkBottom{font-size: 0; margin: 0 auto; max-width: 1200px;}.QuickLinkBox{display: inline-block; width: 50%;} .QuickLinkBox > ul > li{display: inline-block; width: 33%; font-size: 15px;} .QuickLinkBox > ul > li > a{border-radius: 5px; border-bottom: 1px #d3d3d3 solid; color: #272727; display: block; margin: 8px; padding: 8px; text-align: left;}@media (min-width:1200px){.index .banner{overflow: hidden;}} @media (min-width:576px){.index .grid-3{display: flex; margin: 0 -22px;} .index .grid-3 > *{width: 33.33333%; padding: 0 22px;} .index .grid-3 a{margin-bottom: 0;} .index .note{position: absolute; top: 0; right: 0;} } @media (max-width:1200px){.index .news{width: 92%; margin-left: auto; margin-right: auto;} } @media (max-width:768px){.sideBar .QuickLinkBox ul li ul{/*display: none; position: relative; width: 100%; left: 0; top: 0;*/} .sideBar .QuickLinkBox ul li a:hover ~ ul{/*display: none;*/} } @media (max-width:576px){.index .banner, .index .tag_news{display: none;} .index .news a{position: relative;} .index .grid-3 a img{width: 100%;} .index .info{padding-top: 2px; padding-left: 0; text-align: center; border-top: 0; color: #3156a7; position: static;} .index .info:before{display: none;} .index span.new{top: 0; left: 0; line-height: 23px; font-size: 14px; background: rgba(70, 120, 222,.7);} .news.news-style1 .info{padding-top: 29px; padding-bottom: 10px; margin-top: 0; background: rgba(0,0,0,.8); position: absolute; bottom: 0; left: 0; color: #fff; width:100%;} .index .news-style1 span.new{top: 0; background: rgba(70, 120, 222,.5);} .index .note{text-align: center;} }