/* overview */
/*共用*/
body {margin: 0;background: url(/Publish/www/overview/images/1205072_line_bg.png) repeat-x,linear-gradient(to bottom, #fff 5%,#fff 26%);background-position: 0 348px;}
a:hover{ position:relative; top:1px; left:1px}
.banner {font-size: 2rem;background-color: #acd5d7;background: url(/Publish/www/overview/images/1205072_bg_t.png) no-repeat 101% 0%/auto,linear-gradient(180deg, #acd5d7 0%,#acd5d7 40%,#fff7ad94 100%);text-align: left; padding: 3% 0 0 4%;position: relative;border-radius: 0 0 18px 18px;}
.banner h1 {font-size: 2.7rem;color: #0e759b;font-weight: 500;font-family: "Microsoft YaHei", 微軟正黑體, Arial;text-align: left;}
.banner h2 {font-size: 1.32rem;font-weight: bold;line-height: 1.5rem;}
.banner h2 a:hover{ color:#e58802;}
.banner h3 {font-size: 1.8rem;padding: 1.5% 0 0 0;line-height: 2.45rem;}
.banner a {color: #0e759b;border-radius: 15px;padding: 0 0.5%;font-weight: bold;text-decoration: underline;}
.feature {padding: 2% 6%;position: relative;display: flex;display: inline-block;align-items: center;background-color: #e7e7e7;width: 100%;background: linear-gradient(196deg, #fff 0%,#fff 0%,#acd5d77a 100%);border-radius: 60px;border-right: 6px #acd5d7 dotted;border-left: 6px #0e759bdb dotted;border-top: 1px #acd5d7 solid;margin-top: 10px;}
.descript dl{padding: 2% 0;}
.descript dt {font-size: xx-large;padding: 2px 25px 2px 25px;background-color: #0e759b;border-radius: 50px;color: #fff;display: inline-block;}
.descript dd {font-size: 1.2rem; margin-left: 4.5%;margin-top: 1.2%;text-align: justify;font-family: "Microsoft JhengHei";}
.descript dl a{text-decoration: underline;color: #eb6001;}
.features{margin-bottom: 2%;}
.feature-img{margin: 0 auto;width: 38%;}
.feature-img img{ width:400px; height:250px;border: 2px #fff solid;box-shadow: 0 0 7px #acd5d7;border-radius: 12px;}
.feature-img-1 {margin: 0 2px 0 0;width: auto;display: flex;justify-content: flex-end;}
.view-device { background: #fff939;padding: 1% 1% 1% 3%;color: #01374b;border: 1px #0e759b solid;border-bottom-width: 1px #f38f00 solid;border-radius: 50px;}
.view-device i {color: #F00;padding: 0 5px 0 0;font-size: 1.5rem;vertical-align: bottom;}
.view-device a{}
.view-device:hover{ background-color:#FCC;}
.center_all{ text-align:center;}

.t1{font-size: 2rem}
.t2{font-size: 1.5rem}
.t3{font-size: 1rem}
.t4{font-size: 0.8rem}
.color_y{ color:#e58802;}
.icon_1{ font-weight:normal;font-size: 1.6rem;}
footer {background-color: #f2efe6;}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }

/*PC*/
@media all and (min-width: 1201px){
.overview{width: 1200px;margin: 0 auto;padding: 0;background: #EFEFEF;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.overview {background: #fff;}
.descript{width: 50%;}
.feature:nth-child(odd) .descript, .feature:nth-child(even) .feature-img {float: left;}
.feature:nth-child(even) .descript, .feature:nth-child(odd) .feature-img {float: right;} 
        
}

/*手機*/
@media all and (min-width: 1px) and (max-width: 1200px){ 
}

/* ----------- 手機 ----------- */
/*手機_直式*/
@media all and (min-width: 1px) and (max-width: 767px){
.icon_1 {font-size: 1.15rem;}
.feature {padding: 8% 6%;width: 100%;background: linear-gradient(196deg, #fff 0%,#fff 0%,#acd5d77a 100%);border-radius: 50px;}
.feature-img img {width: min-content;height: auto;}
.feature-img {margin: 0 auto;width: auto;} 
.banner {text-align: center;background: url(/Publish/www/overview/images/1205072_bg_t.png) no-repeat 0% 0%/auto,linear-gradient(180deg, #acd5d7 0%,#acd5d7 40%,#fff7ad94 100%);background-size: 93%;padding: 3% 0 0 1%;}
.banner h1 {font-size: 2rem;font-weight: bold;text-align: center;margin-top: 8%;}
.banner h2 {font-size: 1.07rem;} 
.banner h3 {font-size: 1.17rem;line-height: 1.8rem;margin-top: 5%;padding: 2% 0;}
.descript dt {font-size: 1.28rem;}
.descript dd {font-size: 1.1rem;margin: 2% 5% 1% 7.5%;}
.view-device {font-size: 0.98rem;}
.view-device {font-size: 0.98rem;line-height: 1.2rem;padding: 1.5% 2% 1.5% 14%;border-radius: 32px;width: 100%;margin-bottom: 5%;}
.view-device i {padding: 0 0 0 0;vertical-align: sub;text-indent: -31px;}
.features {margin-bottom: 7%;}
.footerlist img {padding: 2% 0 4%;}

}
/*手機_橫式*/
@media screen and (min-width:600px) and (max-width:769px) {
}








/*全頁固定選單*/
#event_menu{position:fixed;z-index:9999;bottom:10%;right:0;width:130px;padding:0;-webkit-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.2);font-family:"Microsoft JhengHei",Verdana,Arial}
#event_menu a{display:block;font-size:.95rem;color:#039;text-align:center;background-color:#e5f7ff;border-left:1px #039 solid;padding:5px;font-weight:700;text-decoration:none;border-bottom:#fff 2px solid}
#event_menu a:hover{color:#003399;background-color:#ffffff;position:relative;top:0;left:0; font-weight:bold;}
#event_menu a >.s{font-size:0.8rem; color: #666666;}
/*#event_menu a:nth-of-type(1){font-size:1rem; color: #f97615; background:#ffffff;border-bottom: #f97615 3px solid;font-weight:bold;}
#event_menu a:hover:nth-of-type(1){color: #f97615;}*/