.body {font-family: Arial, 微軟正黑體; line-height: normal;font-display: fallback;}
.font-ChenYu{font-family: ChenYuluoyan-Thin;}
@font-face {
    font-family: 'ChenYuluoyan-Thin';
    src: local("ChenYuluoyan-Thin") ，
          url('font/ChenYuluoyan-Thin-Monospaced-min.woff') format("woff"),
          url('font/ChenYuluoyan-Thin-Monospaced-min.ttf') format("truetype"),
          }

@media screen and (min-width: 1025px) {
.nav-box{display: none;}
/*-----Header-----*/
.headerwrap{width: 100%; height: 205px;}
.headercontent{width: 984px; margin: 0 auto; padding: 0 10px;}
.mainimg >img {width: 984px;}
.logo{float: left; margin: 15px 10px 0 10px;}
.logo img{width:200px;}
.rwd-h2{font-size: 28px;}
.rwd-h3{font-size: 56px;}
.titlewrap{float:left; width:67%px; margin: 0 10px;}
.title{margin: 85px 0 0 0;}
.nav{margin: 30px 0 0 0;}
.nav a{margin: 0 12px 0 2px;}
.navicon{width: 24px; margin: 5px 5px 0 10px;}
/*-----內文-----*/
.content{width:984px; margin: 0 auto; overflow: hidden; }
.parawrap1-1 {float: left; width: 534px;}
.parawrap1-2 {float: left; width: 430px; margin: -20px 0 0 20px;}
.parapic1-2 {width: 430px;}
.rwd-mobile-show{display: none;}
.parawrap2 {float: left; width: 100%; margin: 40px 0 0 0;}
.parawrap3 {float: left; width: 100%; margin: 0px 0 0 0;}
.rwd-h00{font-size: 12px}
.rwd-h0{font-size: 14px;}
.rwd-h1{font-size: 18px;}
.rwd-padtop20-10 {padding: 30px 0 0 0;}
.gallary img {width:400px; padding: 10px;}
.rwd-lineheight{line-height: 1.6;}
.rwd-hide-L {display: none;}
sup {vertical-align: super; font-size:x-small;}
.sparkicon{width:35px;margin: 5px 0 0 0;}
}

@media screen and (max-width: 1024px) and (min-width: 721px) { 
.nav-box{display: none;}
/*-----Header-----*/
.headerwrap{width: 100%; height: 20vw;}
.headercontent{width: 90%; margin: 0 auto; padding: 0 10px;}
.mainimg >img {width: 100%;}
.logo{width:25% ;float: left; margin: 15px 10px 0 10px;}
.logo img{width: 100%;}
.rwd-h2{font-size: 2.2vw;}
.rwd-h3{font-size: 5.1vw;}
.titlewrap{float:left; width:67%px; margin: 0 10px;}
.title{margin: 10vw 0 0 0;}
.nav{margin: 3vw 0 0 0;}
.nav a{margin: 0 1vw 0 0.5vw;}
.navicon{width: 2.5vw; margin: 5px 0 0 1vw;}
/*-----內文-----*/
.content{width:90%; margin: 0 auto; overflow: hidden; }
.parawrap1-1 {float: left; width: 54%;}
.parawrap1-2 {float: left; width: 44%; margin: 5px 0 0 1vw;}
.parapic1-2 {width: 100%;}
.rwd-mobile-show{display: none;}
.parawrap2 {float: left; width: 100%; margin: 40px 0 0 0;}
.parawrap3 {float: left; width: 100%; margin: -40px 0 0 0;}
.rwd-h00{font-size: 1.2vw;}
.rwd-h0{font-size: 1.6vw;}
.rwd-h1{font-size: 1.95vw;}
.rwd-lineheight{line-height: 1.6;}
.rwd-hide-M {display: none;}
.rwd-padtop20-10 {padding: 15px 0 0 0;}
.gallary img {width:45%; padding: 10px;}
sup {vertical-align: super; font-size:xx-small;}
.sparkicon{width:30px;margin: 5px 0 0 0;}
}

@media screen and (max-width: 720px)  {
/*-----Side Menu-----*/
.nav-box{display: flex; flex-direction: row-reverse;}
/*-----Header-----*/
.headerwrap{width: 100%; height: 20vw;}
.icon-list{position: fixed; top:20px; right: 21px;}
.icon-list img{width: 5vw;}
.headercontent{width: 90%; margin: 0 auto; padding: 0 10px;}
.mainimg >img {width: 100%;}
.logo{width:20% ;float: left; margin: 15px 0 0 5px;}
.logo img{width: 100%;}
.rwd-h2{font-size: 2.2vw;}
.rwd-h3{font-size: 5.8vw;}
.titlewrap{float:left; width:50%px;}
.title{margin: 13vw 0 0 0;}
.nav{display: none;}
.nav a{margin: 0 1vw 0 0.5vw;}
.navicon{width: 2.5vw; margin: 5px 0 0 1vw;}
/*-----內文-----*/
.content{width:90%; margin: 0 auto; overflow: hidden; }
.parawrap1-1 { width: 100%;}
.parawrap1-2 {width: 100; margin: 5px 0 0 1vw;}
.parapic1-2 {width: 100%;}
.rwd-mobile-hide{display: none;}
.parawrap2 {float: left; width: 100%; margin: 20px 0 0 0;}
.parawrap3 {float: left; width: 100%; margin: 20px 0 0 0;}
.rwd-h00{font-size: 2vw;}
.rwd-h0{font-size: 2.5vw;}
.rwd-h1{font-size: 3vw;}
.rwd-lineheight{line-height: 1.6;}
.rwd-hide-S {display: none;}
.gallary img {width:90%; padding: 4px 0 4px 0;}
sup {vertical-align: super; font-size:2vw;}
.sparkicon{width:30px;margin: 5px 0 0 0;}
}

/*-----內文-----*/
.parawrap {width: 100%;}
.footer{height: 40px; text-align: center;}

/*-----導覽列-----*/
.navicon-m{width: 26px; margin: 5px 0 0 6px;}

/*側邊欄*/
.line {
    width: 36px;
    height: 36px;    
    cursor: pointer;
    display: block;
    padding: 16px;
    position: fixed;
    z-index: 2;
}
.line .menu,
.line .menu::before,
.line .menu::after {
    background: orangered;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    transition: background ease .3s, top ease .3s .3s, transform ease .3s;
    width: 20px;
}
.line .menu {left: 18px; top: 27px;}
.line .menu::before {top: -6px;}
.line .menu::after {top: 6px;}
/*點選選單變叉叉*/
#menu:checked + .line .menu {background: transparent;}
#menu:checked + .line .menu::before {
    transform: rotate(45deg);
}
#menu:checked + .line .menu::after {
    transform: rotate(-45deg);
}
#menu:checked + .line .menu::before,
#menu:checked + .line .menu::after {
    top: 0;
    transition: top ease .3s, transform ease .3s .3s;
}
/*選單開合*/
#menu:checked ~ .menu-list {
    width: 200px;
    background: white;
    opacity:0.95;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .2);
}
.menu-list {
    width: 60px;
    height: 100vh;
    padding-top: 60px;
    position: fixed;
    z-index: 1;
    transition: all .2s;
    overflow: hidden;
}
/*選單向外推*/
.menu-list ul {
    list-style: none;
    margin-left:70px;
    padding: 0;
}
.menu-list ul>li{display:block; padding: 15px 0;}
.menu-list a {border-bottom: 1px solid #333; }
/*隱藏核許框*/
input#menu {display: none;}

/*-----圖片、段落圖標-----*/
.icon-bulb{width:45px; height: 45px; margin: 0 0 0 -5px;}
.icon-video{width:35px; margin: 0 10px 10px 10px;}
.gallary{float:left; text-align: center; margin: 30px 0 0 0;}
.gallery-1{width: 75%;}
.center {text-align: center;}
.float-l{float: left; }
.float-r{float: right;}

/*-----連結-----*/
a{color: #333;}
a:visited, a:link{text-decoration: none;}
a:hover{text-decoration: underline; color: #ff4500;}

/*-----段落-----*/
strong{font-weight: 600;}
.intent-2{text-indent: 2em}
.padtop10 {padding: 10px 0 0 0;}
.padtop20 {padding: 20px 0 0 0;}
.padtop-lr10 {padding: 10px 10px 0 10px;}
.lineheight-7{line-height: .7;}
.lineheight-16{line-height: 1.6;}
.align-r{text-align: right;}
.margintop10{margin: 10px 0 0 0;}

/*-----字高字型-----*/
.h00{font-size: 12px;}
.h0{font-size: 14px;}
.h1{font-size: 18px;}
.h2{font-size: 22px;}
.h3{font-size: 50px;}


/*-----筆寬-----*/
.fontbold{font-weight: bold;}
.fontbold-600{font-weight: 500;}
.fontlight{font-weight: lighter;}
.fontitalic{font-style: italic;}

/*-----文字顏色-----*/
.white{color: white;}
.orange{color:#ff4500;}
.blue{color: #1fb6ae;}
.gray{color: #AAA;}
.black{color: black;}
.red{color: red;}
.blue-2{color: #2EA9DF;}

/*-----效果-----*/
.shadow{box-shadow: 0 0 10px #AAA;}
.radious20{border-radius: 20px;}
html {scroll-behavior: smooth;}
.hide{display: none;}
.clear{clear:both}