@charset "UTF-8";*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*:before,*:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}body{margin: 0; overflow-x: hidden; -webkit-overflow-scrolling: touch; /* Standard syntax */}body, body:before{background: transparent;}/* 連結 */a{text-decoration: none; transition: all 0.3s;}a.inline{display: inline;}a:hover,a.inline:hover{cursor: pointer;}a.t{display: inline-block; color: rgba(0, 0, 0, 0.75);}a.t:hover{color: rgba(0, 0, 0, 0.95); -ms-transform: scale(0.96); -moz-transform: scale(0.96); -webkit-transform: scale(0.96); -o-transform: scale(0.96);}/* 字型 */.ch{font-family: 'Noto Serif TC', serif;}.en{font-family: 'Abril Fatface', cursive;}.title{font-weight: 700;}.text{font-weight: 500;}.text-1{font-weight: 500;}/* 顏色 */.bx{background: transparent;}.bxs{background: transparent;}.cx{color: transparent;}.cartes > .left, .cartes > .right,.cartes > .left > a, .cartes > .right > a{color: transparent;}/* 圖片 */img{width: 100%; height: auto; transition: all 0.5s;}img:hover{-ms-transform: scale(0.96); -moz-transform: scale(0.96); -webkit-transform: scale(0.96); -o-transform: scale(0.96);}.bg{background-repeat: no-repeat; background-size: cover; background-position: center;}.bg.imgA{background-image: url(---.html);}.bg.imgB{background-image: url(---.html);}.bg.imgC{background-image: url(---.html);}.bg.imgD{background-image: url(---.html);}.bg.imgE{background-image: url(---.html);}/*@media (max-width: 500px){.bg.imgA{background-image: url(---.gif);} .bg.imgB{background-image: url(---.gif);} .bg.imgC{background-image: url(---.gif);}}*//* 影片 */.vid{height: 0; overflow: hidden; background: none; padding-top: 0; position: relative; padding-bottom: 56.25%; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.35); transition: all 0.5s;}.vid:hover{box-shadow: none;}.vid > iframe, .vid > img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}/* 網站重要消息 */.index{z-index: 9; display: none; overflow: auto; position: fixed;}.index > div.box{width: 100vw; height: 100vh; display: table-cell; vertical-align: middle; padding: 0vh 5vw;}.index > div.box > div{height: auto; max-width: 580px; border-radius: 15px; box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.35); padding: 10vh 1.5em;}.index > div.box > div > p.A,.index > div.box > div > p.B{margin: 0; color: #fff;}.index > div.box > div > p.A{font-size: 20px;}.index > div.box > div > p.B{font-size: 45px;}div.touch{display: inline-block; padding-top: 0.5em;}div.touch:hover{-ms-transform: scale(0.85); -moz-transform: scale(0.85); -webkit-transform: scale(0.85); -o-transform: scale(0.85); -webkit-transition: 1s; -o-transition: 1s; transition: 1s;}div.touch > .btn{background: none; padding: 0.35em 1em 0.25em 1em; color: #fff; font-size: 24px; text-align: center;}@media (max-width: 500px){.index.page > div.box > div > p.A{font-size: 17.5px;} .index.page > div.box > div > p.B{font-size: 35px;}}/* 最頂端導航列 */.navigation{top: 0; z-index: 3; position: fixed; width: 100%; border-bottom: 0px solid #e0e0e0; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.15);}.carte{margin: 0 auto; width: 100vw; height: 10vh; display: table-cell; vertical-align: middle;}.carte > .left,.carte > .right,.carte > .center{display: inline-block; color: rgba(255, 255, 255, 1); font-size: 30px;}.carte > .left > a,.carte > .right > a,.carte > .center > a{display: inline-block; transform: translateY(0vh);}.carte > .left > a:hover,.carte > .right > a:hover,.carte > .center > a:hover{transform: translateY(-5px);}.carte > .left{text-align: left;}.carte > .right{text-align: right;}.carte > .center{text-align: center;}.carte > .left,.carte > .right{max-width: 12.5vw;}.carte > .center{width: 75vw;}.cartes{margin: 0 auto; width: 100vw; height: 10vh; display: table-cell; vertical-align: middle;}.cartes > .left, .cartes > .right{display: inline-block;}.cartes > .left > a, .cartes > .right > a{display: inline-block; transform: translateY(0vh);}.cartes > .left > a:hover, .cartes > .right > a:hover{transform: translateY(-5px);}.cartes > .left{font-size: 30px; text-align: left;}.cartes > .right{font-size: 30px; text-align: right;}.cartes > .left{max-width: 50vw;}.cartes > .right{width: 50vw;}@media screen and (max-width: 500px){.carte > .left, .carte > .right, .carte > .center{font-size: 25px;}}/* 網頁尾端區塊 */footer, div.footer{width: 100%;}footer{bottom: 0; z-index: 3; position: fixed;}footer > div, div.footer > div{display: block;}footer > div > div.row, div.footer > div > div.row{max-width: 992px; padding-left: .75em; padding-right: .75em;}div.row > div{display: inline;}div.row > div > div.L, div.row > div > div.Ls{float: left;}div.row > div > div.R, div.row > div > div.Rs{float: right;}div.L > div, div.R > div, div.Ls > div, div.Rs > div{height: 15vh; display: table-cell; vertical-align: middle;}div.L > div > a > img, div.R > div > a > img{width: auto; height: 6.5vh;}div.R > div > a > .icon{color: rgba(255, 255, 255, 1); font-size: 30px; transition: all 0.5s;}div.R > div > a > .icon:hover{-ms-transform: scale(0.86); -moz-transform: scale(0.86); -webkit-transform: scale(0.86); -o-transform: scale(0.86);}@media screen and (max-width: 768px){div.Ls > div, div.Rs > div{height: auto;} div.Ls > div{padding: 1.5em 0em 0.5em 0em;} div.Rs > div{padding: 0.5em 0em 1.5em 0em;} div.row > div > div.Ls, div.row > div > div.Rs{float: none; margin: 0; display: block;} div.row > div > div.Ls > div, div.row > div > div.Rs > div{font-size: 75%; text-align: center;}}/* 大圖區塊：A */header > div.box{width: 100vw; height: 55vh; display: table-cell; vertical-align: middle;}header > div.box > div{max-width: 992px; margin-top: 10vh;}div.text > h2,div.text > p{padding-left: 0.75em; padding-right: 0.75em; color: #fff; text-align: justify; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);}div.text > h2{margin-top: 0; font-size: 45px;}div.text > p{margin-bottom: 0; font-weight: 500; font-size: 22.5px;}div.text-1 > h2,div.text-1 > p{padding-left: 0.75em; padding-right: 0.75em; color: #fff; text-align: center; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);}div.text-1 > h2{margin-top: 0; font-size: 45px;}div.text-1 > p{margin-bottom: 0; font-weight: 500; font-size: 22.5px;}@media (max-width: 500px){div.text > h2{margin-bottom: 0; font-size: 35px;} div.text > p{font-size: 17.5px;} div.text-1 > h2{margin-bottom: 0; font-size: 35px;} div.text-1 > p{font-size: 17.5px;}}/* 網站內容 */div.main{padding: 3em .75em; color: #fff;}div.content{max-width: 992px; /* padding-bottom: 2.5em; */}div.content > h3,div.content > h3.s{font-size: 45px; margin-top: 0;}div.content > h3.s{margin-bottom: 0;}div.content > p,div.content > p.s{margin-bottom: 0; font-size: 22.5px;}div.content > p.s{margin-top: 0.75em;}div.content > div.row{padding: 1em .75em; text-align: justify;}div.content > div.row-1{padding: 1em .75em; text-align: left;}div.content > div.box{width: 100vw; height: 45vh; display: table-cell; vertical-align: middle;}div.content > div.row > h3{margin: 0; font-size: 27.5px; color: rgba(0, 0, 0, 0.85);}div.content > div.row > p{margin-bottom: 0; font-size: 17.5px; font-weight: 500; color: rgba(0, 0, 0, 0.55);}div.content > div.box > h3{margin: 0; padding-top: .5em; /* padding-bottom: .25em; */ font-size: 3.5vh; color: rgba(0, 0, 0, 0.85);}div.content > div.box > p{margin: 0; font-size: 2vh; font-weight: 500; color: rgba(0, 0, 0, 0.55);}div.content > img,div.content > div.box > img{width: auto; height: 20vh; border-radius: 50%; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.75); transition: all 0.5s;}div.content > img:hover,div.content > div.box > img:hover{box-shadow: none; -ms-transform: scale(0.95); -moz-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95);}div.content > div.box > a{margin: 0; width: auto; display: inline-block; color: #fff; font-size: 22.5px; background: rgba(225, 5, 67, 0.75); border-radius: 5px; padding: 0.35em 0.7em; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.25); text-align: center; transition: all 0.5s;}div.content > div.box > a:hover{background: rgba(225, 5, 67, 1); box-shadow: 3px 3px 9px rgba(0, 0, 0, 0);}div.content > div.box > div{display: block; padding: .75em 0em;}div.content > div.box > div > a{display: inline; margin: 0; font-size: 2vh; font-weight: 700; color: rgba(0, 0, 0, 0.55);}div.content > div.box > div > a.nbsp{padding-right: 0.75em;}@media (max-width: 500px){div.content{padding-bottom: 0em;} div.content > div.box > a{font-size: 20px;} div.content > h3, div.content > h3.s{font-size: 35px;} div.content > p, div.content > p.s{font-size: 17.5px;}}/* 大圖區塊：B */.bg.imgC > div.row{height: 500px; max-width: 992px; display: table-cell; vertical-align: middle;}.bg.imgC > div.row > div.box{padding: 0em .75em; color: rgba(255, 255, 255, 1); text-align: center; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);}.bg.imgC > div.row > div.box.A, .bg > div.row > div.box.B{display: block;}.bg.imgC > div.row > div.box.A{font-size: 42.5px; font-weight: 700; padding-bottom: 0.5em;}.bg.imgC > div.row > div.box.B{font-weight: 500; padding-bottom: 1em;}.bg.imgC > div.row > a{margin-bottom: 0; width: auto; display: inline-block; color: #fff; font-size: 22.5px; font-weight: 400; background: rgba(225, 5, 67, 0.75); /* background: rgba(225, 5, 67, 0.75); */ border-radius: 5px; padding: 0.35em 0.7em; box-shadow: 3px 3px 9px rgba(255, 255, 255, 0.25); text-align: center; transition: all 0.5s;}.bg.imgC > div.row > a:hover{background: rgba(225, 5, 67, 1); box-shadow: 3px 3px 9px rgba(0, 0, 0, 0); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95);}/* 按鍵 */a#btn{margin: 0; width: auto; /* height: 100%; */ display: inline-block; font-size: 20px; /* font-weight: 700; */ color: transparent; background: transparent; /* background: rgba(255, 190, 10, .75); */ border-radius: 5px; padding: 0.25em 0.7em 0.35em 0.7em; box-shadow: none; /* box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.35); */ /* text-align: center; */ transition: all 0.5s;}a#btn > span{display: block; margin-top: -2.5px; font-size: 12.5px; text-align: center;}a#btn:hover{color: transparent; background: transparent; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95);}/* 響應式設計 */#desktop, #desktops{display: inline;}#mobile, #mobiles{display: none;}/* 平 板 */@media (max-width: 768px){#desktop{display: none;} #mobile{display: inline;}}/* 手 機 */@media (max-width: 500px){header > div.box, div.content > div.box{height: 100vh; margin-top: 10vh;} #desktops{display: none;} #mobiles{display: inline;}}