*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body{height: 100%;font-family: "VAG Rounded Std Light","微軟雅黑";}
.po-r{position: relative;}
.d-b,img:not(.icon){display: block;}
img{vertical-align: middle}
.fw-b{font-weight: bold;}
.po-a{position: absolute;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.ta-l{text-align: left;}
.ta-j{text-align: justify;}
.p-1{padding: 1rem;}
.p-3{padding: 3rem;}
.pr-1{padding-right: 1rem;}
.pl-1{padding-left: 1rem;}
.px-1{padding: 0 1rem;}
.px-3{padding: 0 3rem;}
.py-1{padding: 1rem 0;}
.py-5{padding: 5rem 0;}
.my-1{margin:1rem 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-5{margin-bottom: 5rem;}
.ov-h{overflow: hidden}
.row{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
select,input{max-width: 100%}
table{table-layout: fixed}
.w-100{width: 100%;}
.w-80{width: 80%;}
.w-60{width: 60%;}
.w-50{width: 50%;}
.w-40{width: 40%;}
.w-30{width: 30%;}
.w-33{width: 33.33%;}
.w-25{width: 25%;}
.w-20{width: 20%;}
.txt-w{color: #fff;}
.txt-d{color: #000;}
.txt-p{color: #00a7ea;}
.bgc-g{background-color: #eee;}
.bgc-b{background-color: #00a3e4;}
.bgc-w{background-color: #fff;}
#proIn section.content .container{max-width: 1600px;}
#pro article.container{max-width: 1200px;}
.ai-c{-ms-align-items: center;align-items: center;}
.jcr{justify-content: flex-end;}
.jcc{justify-content: center;}
.btn{width: 120px;}
#pro h2{font-size: 1.5em;}
.UpTxt{}
/*======================================================2020.03.09至05.12修改======================================================*/
.CR .w-80{border: 1px solid #00a3e4;background: #fff;}
.CR .w-20:after{content: '◄';display: inline-block;width: 60px;height: 60px;font-size: 2rem;color: #00a3e4;text-align: right;}
#n-footer{clear: both;}
.icon{height: 60px;margin-right: 1rem;}
.mask{width: 100%;height: 100%;background-color: rgba(0,0,0,.2);}
a .txt{top: 40%;left: 25%;font-size: 3rem;font-weight: bolder;color: #fff;text-shadow: 0 0 10px #000;font-family: "微軟正黑體";}
h1.title{font-weight: bold;text-shadow: none;text-align: center;margin-bottom: 1rem;}
.img img{display: block;width: 100%; margin: 0 auto;}
.w-25{width: 25%;}
.img{height: 80%;}
.itemBox h2{color: #01a3ec;font-weight: bold;}
.aniview.itemBox{text-align: center;padding: 1rem;margin-bottom: 1rem;}
#proIn .content .row{margin-bottom: 1rem;background-color: #fff;box-shadow: 0 0 5px #999;padding: 2rem 0}
.bg-p{background-color: #00b4f1;height: 80px;}
.bg-p h2,.newsBox h5{padding: 0;margin: 0;width: 100%;}
.newsBox h6{margin: 0;}
.newsBox h5{font-size: 1.3rem;}
.newsBox h6{font-size: 1.1rem;}
.newsBox {background-color: #eee;height: 300px;}
.newsBox h3{white-space: nowrap;text-overflow: ellipsis;}
.newsBox .w-20{padding: 5px;}
.dateBox{background-color: #838383;border-radius: 10px;padding: 5px;}
.row .w-33{height: 365px;overflow: hidden}
.imgBox{height: 300px;background-image: url("../images/index04n.png");background-repeat: no-repeat;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;}
.gifBox{border: 5px solid #eee;border-radius: 7px;box-shadow: 0 0 5px #555}
.gifBox img{border:3px solid #ddd;}
.line{width: 120%;height: 1px;}
#sec4 .line{margin-left: -1rem;}
.MR{margin-right: -4rem;}
#sec4 h4{font-size: 1rem;line-height: 1.5;}
#sec5{background-image: url("../images/0428/ohi2.png");-webkit-background-size: cover;background-size: cover;background-position: center 850px;height: 700px;}
en{border-bottom: 5px solid #fff;}
.newTL iframe{border: 5px solid #eee;border-radius: 5px;box-shadow: 0 0 5px #555;}
@media screen and (max-width:1500px){section.content .row h2{font-size: 1.5em;}.px-1{padding: 5px;}}
@media screen and (max-width:1350px){#sec5{background-position: center 800px;}}
@media screen and (max-width:1200px){.bg-p h2{font-size: 16px;}.newsBox .w-20{width: 30%;}.newsBox .w-80{width: 70%;}.index_bom{padding: 1% 6%;}#sec5{background-position: center 700px;}}
@media screen and (max-width:992px){.CR .w-20{width: 25%;}.CR .w-80{width: 75%;}#sec4 .line{margin: 0;}.row.mask{background-color: rgba(0,0,0,0);}.row.mask h2{color: #000;}section.content .row h2{font-size: 1.3em;}.itemBox.w-25{width: 33.33%;}.pr-1{padding-right: 5px;}.index_bom{padding: 1%;}body#pro .w-50{width: 100%;}article.container{width: 80%;}.line{width: 150%;transform-origin: left;transform: rotate(90deg) translate(-5px, 5px);margin: 0;}#sec4 .w-50.px-1{padding: 0 5rem;}#sec4 h4,#sec2 h3{margin: 0 1rem;}#sec2 .w-50:not(.px-1){padding: 0 2rem;}#sec2 .line{transform: rotate(90deg) translate(-50px, 5px);}#sec2 .line.MR{transform-origin: right;transform: rotate(90deg) translate(100px, 5px);}body#pro h3{font-size: 16px;}body#pro h1.title{padding: 10px;}#pro #sec5 h2{font-size: 1.5rem;}}
@media screen and (max-width:768px){.CR .w-20:after{font-size: 1.8rem;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;}article.container{width: 98%;}}
@media screen and (max-width:690px){.CR .w-20{width: 30%;}.CR .w-80{width: 70%;}.CR .w-20:after{font-size: 1.3rem;width: 24px;}body#pro .p-1{padding: 10px;}#pro #sec5 h2{font-size: 1.3rem;}.icon{height: 45px;margin: 5px;}body#pro .p-3{padding: 10px;}h1.title{font-size: 1.5em;}.itemBox.w-25{width: 50%;}a .txt{font-size: 2.5rem;}#sec4 .w-50.px-1{padding: 0 2rem;}#sec2 article:nth-of-type(1) .w-50:not(.px-1){padding-left: 0;}#sec2 article:nth-of-type(2) .w-50:not(.px-1){padding-right: 0;}#sec5{background-position: center 600px;height: 600px;}}
@media screen and (max-width:490px){.CR .w-20:after{justify-content: center;transform: rotate(90deg);}.CR .row>.row{display: block;}.CR .w-20 img{margin: 0 auto;}.icon{height: 30px;margin: 1px;}#pro #sec5 h2{font-size: 1rem;}.itemBox.w-25,.CR .w-20,.CR .w-80,.CR .w-20:after{width: 100%;}a .txt{left: 20%;font-size: 2rem;}.line{display: none;}}
@media screen and (max-width:390px){body#pro .p-1{padding: 5px;}.itemBox.w-25{width: 100%;}a .txt{font-size: 1.5rem;}article.container{width: 100%;padding: 0 10px;}#sec4 .w-50.px-1,#sec2 article:nth-of-type(1) .w-50:not(.px-1),#sec2 article:nth-of-type(2) .w-50:not(.px-1){padding: 0;}h1.title,#pro h2{font-size: 1.3rem;}#pro #sec5 h2{font-size: 14px;}}
@media screen and (max-width:280px){.itemBox.w-25{width: 100%;}a .txt{font-size: 1.2rem;}}