@charset "UTF-8";
@import url("http://fonts.googleapis.com/earlyaccess/notosanstc.css");
@import url("https://fonts.googleapis.com/earlyaccess/cwtexming.css");
@import url("https://fonts.googleapis.com/earlyaccess/cwtexkai.css");
@import url("https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css");
@import url("https://fonts.googleapis.com/earlyaccess/cwtexyen.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.bottomLine dl dt, .bottomLine dl dd{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.overFlow-Center {
  position: relative;
  overflow: hidden;
}
@media (min-width: 0px) and (max-width: 480px) {
  .overFlow-Center {
width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .overFlow-Center {
width: 100%;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .overFlow-Center {
width: 100%;
  }
}

@media (min-width: 0px) and (max-width: 480px) {
  .flexBox {
display: block;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .flexBox {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .flexBox {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
  }
}

.nav-fixed nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}

.nav-fixed, .show::before {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.darkPink {
  color: #ea1675;
}



.darkOrange {
  color: #ea5413;
}



.lightGreen {
  color: #b5d220;
}

.pink {
  color: #ff3f7e;
}

.cyan {
  color: #1fb0b5;
}

.purple {
  color: #6902ab;
}

.blue {
  color: rgb(29,106,214);
}

.skyBlue {
  color: #0d6fb8;
}

.darkBlue {
  color: #172e5e;
}

.lightBlue {
  color: #2ea7e0;
}

.darkYellow {
  color: rgb(255,179,1);
}

.brown {
  color: #b35900;
}

.lightBrown {
  color: #d58947;
}

img {
width:100%;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
}

b {
  font-weight: bold;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  font-size: 15px;
  font-family: "FontAwesome", "Century Gothic", "Arial", "cwTeXYen", "Noto Sans TC", "微軟正黑體";
  font-weight: 100;
  margin: 0;
  padding: 0;
}

font {
  font-family: "FontAwesome", "Century Gothic", "Arial", "Noto Sans TC", "微軟正黑體";
}

.overFlow-Center {
  text-align: center;
}

.clearBoth {
  clear: both;
}

.divine-2-box {
  position: relative;
  overflow: hidden;
}
.divine-2-box .divine-left {
  float: none;
}
@media only screen and (min-width: 481px) {
  .divine-2-box .divine-left {
float: left;
  }
}
.divine-2-box .divine-right {
  float: none;
}
@media only screen and (min-width: 481px) {
  .divine-2-box .divine-right {
float: right;
  }
}

.top-link .top-link-nav, .top-link .top-link-nav a, .vbanner-extend ul, .secbox-1 .title, .secbox-2 .title, .secbox-3 .title, .secbox-4 .title,.secbox-5 .title,.secbox-6 .title, .secbox-3 .class-box dl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}

.btn-top, .btn-top:active, .btn-top:focus, .btn-go-form, header, .videoBox, .secbox-3 section, .secbox-3 section main, .secbox-3 a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-top, .btn-top:active, .btn-top:focus, .btn-top:hover, .btn-top:active:hover, .btn-top:focus:hover, .btn-top.cd-is-visible, .btn-top.cd-fade-out, .btn-go-form, .btn-go-form:hover, .secbox-3 section:nth-of-type(1) a:hover, .secbox-3 section:nth-of-type(2) a:hover {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.btn-top, .btn-top:active, .btn-top:focus {
  display: block;
  position: fixed;
  bottom: 53px;
  right: 10px;
  width: 40px;
  height: 40px;
  font-size: 85%;
  color: #fff !important;
  text-align: center;
background-color: #7b1c20;
  cursor: pointer;
  border-radius: 100rem;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
  padding: 15px 0;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
}
@media only screen and (min-width: 481px) {
  .btn-top, .btn-top:active, .btn-top:focus {
bottom: 53px;
right: 15px;
width: 40px;
height: 40px;
padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) {
  .btn-top, .btn-top:active, .btn-top:focus {
bottom: 75px;
right: 20px;
width: 50px;
height: 50px;
padding: 20px 0;
  }
}
.btn-top:hover, .btn-top:active:hover, .btn-top:focus:hover {
  color:#7b1c20 !important;
  background-color: #fff;
}

.btn-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}

.btn-top.cd-fade-out {
  opacity: 1;
}
.btn-go-form {
  display: inline-block;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  font-size: 75%;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.5px;
  font-family: "Noto Sans TC", "微軟正黑體";
  color: #fff !important;
  background-color: #7b1c20;
  font-weight:normal;
  cursor: pointer;
  border-radius: 100rem;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
  padding: 7px 0 15px 0;
  z-index: 5;
}
@media only screen and (min-width: 481px) {
  .btn-go-form {
bottom: 10px;
right: 15px;
width: 40px;
height: 40px;
font-size: 85%;
padding: 5px 0 15px 0;
  }
}
@media only screen and (min-width: 768px) {
  .btn-go-form {
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
font-size: 95%;
padding: 9px 0 20px 0;
  }
}
.btn-go-form:hover {
  color:#7b1c20 !important;
  background-color: #fff;
   font-weight:bold;
}

.top-link {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 28px;
  color: #fff;
  background-color:#7b1c20;
  z-index: 999;
}
@media only screen and (min-width: 481px) {
  .top-link {
height: 27px;
  }
}
@media only screen and (min-width: 768px) {
  .top-link {
height: 30px;
  }
}
.top-link .top-link-nav {
  margin: 6px 0 0 0;
  justify-content: center;
}
.top-link .top-link-nav a {
  color: #fff;
  font-size: 100%;
  padding: 0 4px;
}
.top-link .top-link-nav dt{
display:none;
}
@media only screen and (min-width: 481px) {
.top-link .top-link-nav {
  margin: 6px 0 0 0;
  justify-content: flex-end;
}
  .top-link .top-link-nav a {
font-size: 100%;
padding: 0 10px;
  }
  .top-link .top-link-nav dt{
display:block;
}
}
@media only screen and (min-width: 768px) {
.top-link .top-link-nav {
  margin: 6px 0 0 0;
  justify-content: flex-end;
}
  .top-link .top-link-nav a {
font-size: 110%;
padding: 0 10px;
  }
   .top-link .top-link-nav dt{
display:block;
}
}
@media only screen and (min-width: 1100px) {
.top-link .top-link-nav {
  margin: 6px 0 0 0;
  justify-content: flex-end;
}
 .top-link .top-link-nav a {
font-size: 110%;
padding: 0 10px;
  }
   .top-link .top-link-nav dt{
display:block;
}
}
.top-link .top-link-nav a:hover {
  color: #000 !important;
}
.top-link .top-link-nav a:not(:last-of-type) {
  border-right: #fff 1px solid;
}
.top-link .top-link-nav dt, .top-link .top-link-nav dd {
  margin: 0 0;
}
@media only screen and (min-width: 481px) {
.top-link .top-link-nav dt, .top-link .top-link-nav dd {
  margin: 0 4px;
}
}
@media only screen and (min-width: 768px) {
.top-link .top-link-nav dt, .top-link .top-link-nav dd {
  margin: 0 4px;
}
}
@media only screen and (min-width: 1100px) {
.top-link .top-link-nav dt, .top-link .top-link-nav dd {
  margin: 0 4px;
}
}
.edm-wrapper-default {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (min-width: 1100px) {
  .edm-wrapper-default {
width: 1100px;
  }
}
.edm-wrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.secbox-sendForm{
background: linear-gradient(
      rgba(255, 255, 255, 0.45), 
       rgba(255, 255, 255, 0.45)
    ),url(../images/s6bg.png)no-repeat top center;
background-size:cover;
}
.secbox-sendForm table{
background: #fff;
color:#000;
margin-bottom:1.5%;
}
.secbox-sendForm section,.secbox-sendForm .red_word,.secbox-sendForm u{
color:#000;
}
.secbox-sendForm .red_word{
font-size:120%;
margin-bottom:1.5%;
}
.send{
margin-top:3rem;
}
.send a{
color:#fff;
background:rgb(31,92,234);
border-radius: 5px;
font-size:140%;
font-weight:bold;
} 
.formb1{
color:#000;
text-align: center;
line-height:1.4em;
letter-spacing:.06em;
}
.formb1 a{
white-space:nowrap;
font-weight:bold;
color:red;
text-decoration:underline;
position: relative;
}
.formb1 a::before{
content: '';
background: url(../images/fin.png)no-repeat;
width: 19px;
height: 19px;
z-index: 6;
background-size: 100%;
position: absolute;
bottom: -5px;
right: -7px;
}
.formb1 a:hover{
font-style:italic;
color:#e78a03;
}

@media (min-width: 0px) and (max-width: 480px) {

  .edm-wrapper {
width: 100%;
padding: 0;
  }
  .secbox-sendForm .edm-wrapper{
width: 98%;
padding: 8% 0;
  }
   .formb1{
font-size: 190%;
margin: 8% 0 12% 0;
}

}
@media (min-width: 481px) and (max-width: 1170px) {
  .edm-wrapper {
width: 100%;
padding: 0;
  }
  .secbox-sendForm .edm-wrapper{
width: 80%;
padding: 6% 0;
  }
   .formb1{
font-size: 185%;
margin: 6% 0 10% 0;
}

}
@media (min-width: 1170px) and (max-width: 9999px) {
  .edm-wrapper {
width: 100%;
padding: 0;
  }
  .secbox-sendForm .edm-wrapper{
width: 1200px;
padding: 4% 0;
  }
  .formb1{
font-size: 210%;
margin: 3% 0 8% 0;
}

}

.edm-wrapper-T0 {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 480px) {
  .edm-wrapper-T0 {
width: 100%;
padding: 0 0 20px 0;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .edm-wrapper-T0 {
width: 100%;
padding: 0 0 30px 0;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .edm-wrapper-T0 {
width: 1200px;
padding: 0 0 30px 0;
  }
}

.edm-wrapper-B0 {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 480px) {
  .edm-wrapper-B0 {
width: 100%;
padding: 20px 0 0 0;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .edm-wrapper-B0 {
width: 100%;
padding: 30px 0 0 0;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .edm-wrapper-B0 {
width: 1200px;
padding: 30px 0 0 0;
  }
}

.edm-wrapper-TB0 {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 480px) {
  .edm-wrapper-TB0 {
width: 100%;
padding: 0;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .edm-wrapper-TB0 {
width: 100%;
padding: 0;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .edm-wrapper-TB0 {
width: 1200px;
padding: 0;
  }
}

.flexBox {
  justify-content: space-between;
  align-items: top;
  overflow: hidden;
}

.gray-divine {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background-color: #cfcfcf;
  overflow: hidden;
}

.gray-dashDivine {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  border-bottom: #cfcfcf 1px dashed;
  overflow: hidden;
}

.gray-dotDivine {
  width: 90%;
  height: 1px;
  margin: 0 auto;
  border-bottom: #999999 1px dotted;
  overflow: hidden;
}

.blue-divine {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background-color: #9ed7f6;
  overflow: hidden;
}
@media (min-width: 0px) and (max-width: 480px) {
  .blue-divine {
width: 90%;
margin: 0 auto;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .blue-divine {
width: 90%;
margin: 0 auto;
  }
}

.bottomLine {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, #025d95 50%, #5fbae4 50%);
  background: -moz-linear-gradient(0deg, #025d95 50%, #5fbae4 50%);
  background: -webkit-linear-gradient(0deg, #025d95 50%, #5fbae4 50%);
  background: -o-linear-gradient(0deg, #025d95 50%, #5fbae4 50%);
  overflow: hidden;
}
.bottomLine dl {
  position: relative;
  display: table;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1170px) {
  .bottomLine dl {
width: 1100px;
  }
}
.bottomLine dl dt {
  display: table-cell;
  width: 15%;
  text-align: center;
  vertical-align: middle;
  padding: 3px;
}
@media only screen and (min-width: 481px) {
  .bottomLine dl dt {
width: 7%;
padding: 5px 15px;
  }
}
.bottomLine dl dt img {
  width: 100%;
}
.bottomLine dl dd {
  display: table-cell;
  color: #fff;
  font-size: 120%;
  line-height: 1.4rem;
  text-align: left;
  vertical-align: middle;
  background-color: #5fbae4;
  padding: 3px 15px 3px 15px;
}
@media only screen and (min-width: 769px) {
  .bottomLine dl dd {
font-size: 200%;
line-height: 1.8rem;
padding: 5px 20px 5px 55px;
  }
}
@media only screen and (min-width: 481px) {
  .bottomLine dl dd::before {
content: "";
  }
}
@media only screen and (min-width: 769px) {
  .bottomLine dl dd::before {
content: "";
position: absolute;
left: 7%;
bottom: 0;
width: 0;
height: 0;
border: 33px solid transparent;
border-left: 33px solid #025d95;
border-bottom: 33px solid #025d95;
  }
}

.nav-fixed {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  background: rgba(105, 60, 6, 0.95);
  -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
  opacity: 0;
  z-index: 10;
}
.nav-fixed nav {
  position: relative;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (min-width: 481px) {
  .nav-fixed nav {
width: 90%;
justify-content: space-between;
padding: 10px 0;
  }
}
.nav-fixed nav a {
  color: #fff;
  text-decoration: none;
  font-size: 120%;
  margin: 0 0 4px 0;
  padding: 10px 5px;
  font-family: "cwTeXKai", "Century Gothic", "Arial", "cwTeXYen", "Noto Sans TC", "微軟正黑體";
}
.nav-fixed nav a:hover {
  color: #ffff00;
}

.show {
  top: 0;
  opacity: 1 !important;
}

header {
  position: relative;
  width: 100%;
  margin: 27px auto -2px auto;
  padding: 0;
  overflow: hidden;
  height:auto;
}
header img {
  width: 100%;
}

.green{
color:rgb(31,153,34);
}

.total-container {
  width: 100%;
}

.secbox-1 img ,.secbox-2 img,.secbox-3 img,.secbox-4 img,.secbox-5 img,.secbox-6 img ,.secbox-7 img{
  width: 100%;
}

.b-pc {
  display: none;
}
.b-mobile{
display: block;
position:relative;
width: 100%;
margin: 0 auto 0 auto;
  }
  .btn-logo {
text-align: right;
display: block;
position:absolute;
top: 3%;
left: 7%;
width: 29%;
margin: 0;
height: 15.5%;
background: transparent;
z-index: 2;
}
.btn-logo a{
height: 100%;
display: inline-block;
width:100%;
}
@media only screen and (min-width: 481px) {
   .b-pc {
display: block;
position:relative;
background: url(../images/banner.jpg)no-repeat top center;
background-size: 172%;
padding-bottom: 59.2%;
  }
  .b-mobile{
  display: none;
  }
  .btn-logo {
text-align: right;
display: block;
position: absolute;
top: 6%;
left: .5%;
width: 25%;
margin: 0;
height: 18.5%;
background: transparent;
z-index: 2;
}
.btn-logo a{
height: 100%;
display: inline-block;
width:100%;
}
}

@media only screen and (min-width: 768px) {
  .b-pc {
	display: block;
	position:relative;
	background: url(../images/banner.jpg)no-repeat top center;
	background-size: 174%;
    padding-bottom: 64.3%;
  }
  .b-mobile{
  display: none;
  }
  .btn-logo {
text-align: right;
display: block;
position: absolute;
top: 7.5%;
left: 0%;
width: 27%;
margin: 0;
height: 14.5%;
background: transparent;
z-index: 2;
}
.btn-logo a{
height: 100%;
display: inline-block;
width:100%;
}
}
@media only screen and (min-width: 1100px) {
  .b-pc {
display: block;
position: relative;
background: url(../images/banner.jpg)no-repeat top center;
background-size: 1920px;
padding-bottom:709px;
width:100%;
  }
  .b-mobile{
display: none;
  }
  .btn-logo {
text-align:left;
display: block;
position: relative;
top:50px;
left: 0;
width: 1110px;
margin: 0px auto -98px auto;
height: 98px;
background: transparent;
z-index: 2;
}
.btn-logo a{
height: 100%;
display: inline-block;
width: 282px;
}
}
.tsu{
font-weight:bold;
}
.red{
color:rgb(228,4,5)
}
.hide{
display:none!important;
}
.show{
display:block;
}

big{
font-size:130%;
}
small{
font-size:78%;
}
.pbr{
display:block;
}
@media only screen and (min-width: 481px) {
.pbr{
display:block;
}
}
@media only screen and (min-width: 768px) {
.pbr{
display:none;
}
}
@media only screen and (min-width: 1100px) {
.pbr{
display:none;
}
}
.secbox-1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
 
}
.secbox-1::before{
content:'';
position:absolute;
width:100%;
height:100%;
background:rgba(255,255,255,.85);
}
h1{
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:500;
	display:flex;
	justify-content: center;
	background:url(../images/line-blue.png)no-repeat top center;
	background-size:100%;
}
h1{
	font-size:125%;
	margin:7% auto 5% auto;
	line-height:1.2em;
}
h1 dd{
	width:45px;
	padding-right:2%;
}
h2{
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:500;
	display:flex;
	justify-content: center;
	align-items:center;
	margin-top:0!important;
}
h2 dd{
	width:45px;
	padding:0 2%;
}
h3{
	font-weight:500;
	display:flex;
	justify-content: center;
	text-align:center;
	line-height:1.2em;
}
h1 span,h1 sub,h2 span,h3 span,h3 sub{
	/*display:contents;*/
}
.secbox-2 h3,.secbox-2 h2{
	color:#fff;
	line-height:1.2em;
}
.secbox-4 h3{
	color:rgb(59,59,59);
}
.secbox-4 h3 span{
	color:rgb(191,1,101);
}
.secbox-1 h1,.secbox-4 h1{
	color:rgb(27,47,134);
	border-bottom:2px solid rgb(20,34,71);
}
.secbox-1 h1 span,.secbox-4 h1 span{
	color:rgb(191,0,103);
}
.secbox-2 h1,.secbox-3 h1{
	color:#fff;
	background:url(../images/line-white.png)no-repeat top center;
	background-size:100%;
	border-bottom:2px solid #fff;
}
.secbox-2 h1 span,.secbox-3 h1 span,.secbox-2 h2 span{
	color:rgb(253,254,4);
}
.secbox-1 h2{
	color:rgb(0,136,152);
}
.secbox-1 h2 span{
	color:rgb(190,0,102);
}
h1 sub,h3 sub{
	font-size:70%;
}
.s1b1 th:nth-child(2),.s1b1 td:nth-child(2){
	background:rgb(252,255,28);
	text-align:center;
	width:9%;
}
.s1b1 th:nth-child(1),.s1b1 th:nth-child(3){
	width:45.5%;
}
.s1b1 tr td,.s1b1 tr th{
	border-right:none;
	border-left:none;
	border-bottom:#fff 1px solid;
}
.s1b1 tr:last-child td{
	border-bottom:none;
}
.s1b1 th{
	text-align:center;
	letter-spacing:.2em;
	border-top:none;
}
.s1b1 th:first-child{
	background:rgb(146,15,85);
	color:#fff;
}
.s1b1 th:last-child{
	background:rgb(149,108,64);
	color:#fff;
}
.s1b1 td:first-child{
	background:rgb(236,218,218);
	position:relative;
}
.s1b1 td:last-child{
	background:rgb(229,229,229);
}
.s1b1 span{
	color:rgb(199,0,41);
	font-size:140%;
}
.s1b1 tr:nth-child(3) td:first-child,.s1b1 tr:nth-child(3) td:last-child{
	color:rgb(199,0,41);
}
.s1b1 hr{
	background:#fff;
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	margin:0 0 0px 0;
}
h1{
		width: 98%;
		padding: 4.1% 0 1% 0;
		font-size: 180%;
		margin: 8% auto 5% auto;
	}
	h1 dd{
		display:flex;
		align-items:center;
		width:30px;
		min-width:30px;
		padding-right:3%;
	}
	h2{
		width:99%;
		font-size: 120%;
		margin: 7% auto 8% auto;
	}
	h2 dd{
		width:40px;
		min-width:40px;
		padding:0 2%;
	}
	h3{
		font-size: 140%;
		margin: -1.5% auto 7% auto;
		padding:0 3%;
	}
	.secbox-1 {
		background: url(../images/s1bg.png)no-repeat bottom;
		background-size: 176% 263%;
		background-position: center;
	}
	.s1b1{
		width:95%;
		margin:5% auto;
	}
	.s1b1 th{
		padding:2% 0;
	}
	.s1b1 th:first-child,.s1b1 th:last-child{
		font-size:170%;
	}
	.s1b1 td,.s1b1 th:nth-child(2){
		font-size:120%;
	}
	.s1b1 td:first-child,.s1b1 td:last-child{
		padding: 2.5% 13% 2.5% 7%;
	}
	.s1b1 td:last-child{
		padding:2.5% 6% 2.5% 5%;
	}
	.s1b1 td:first-child::after{
		content: '';
		background: url(../images/win.png)no-repeat;
		background-size: 100% 100%;
		position: absolute;
		right:3%;
		top: 7%;
		width: 34px;
		height: 35px;
	}
@media only screen and (min-width: 481px) {
	h1{
		width: 90%;
		padding: 3.3% 0 .8% 0;
		font-size: 180%;
		margin: 8% auto 5% auto;
	}
	h1 dd{
		width:25px;
		min-width:25px;
		padding-right:3%;
	}
	.secbox-1 h1,.secbox-4 h1{
		border-bottom:2px solid rgb(20,34,71);
	}
	.secbox-2 h1,.secbox-3 h1{
		border-bottom:2px solid #fff;
	}
	h2{
		font-size: 170%;
		margin: 7% auto 8% auto;
	}
	h2 dd{
		width:65px;
		min-width:65px;
		padding:0 2%;
	}
	h3{
		font-size: 167%;
		margin: -1.5% auto 7% auto;
		padding:0 4%;
	}
	.secbox-1 {
		background: url(../images/s1bg.png)no-repeat bottom;
		background-size: 176% 263%;
		background-position: center;
	}
	.s1b1{
		width:95%;
		margin:5% auto;
	}
	.s1b1 th{
		padding:2% 0;
	}
	.s1b1 th:first-child,.s1b1 th:last-child{
		font-size:190%;
	}
	.s1b1 td,.s1b1 th:nth-child(2){
		font-size:130%;
	}
	.s1b1 td:first-child{
		padding:2.5% 9% 2.5% 5%;
	}
	.s1b1 td:last-child{
		padding:2.5% 9% 2.5% 5%;
	}
	.s1b1 td:first-child::after{
		content: '';
		background: url(../images/win.png)no-repeat;
		background-size: 100% 100%;
		position: absolute;
		right: 4%;
		top: 7%;
		width: 45px;
		height: 47px;
	}
}
@media only screen and (min-width: 768px) {
	h1{
		width: 706px;
		padding: 3.5% 0 1% 0;
		font-size: 220%;
		margin: 6% auto 5% auto;
	}
	h1 dd{
		width:30px;
		min-width:30px;
		padding-right:3%;
	}
	.secbox-1 h1,.secbox-4 h1{
		border-bottom:2px solid rgb(20,34,71);
	}
	.secbox-2 h1,.secbox-3 h1{
		border-bottom:2px solid #fff;
	}
	h2{
		font-size: 180%;
		margin: 5% auto 6% auto;
	}
	h2 dd{
		width:70px;
		min-width:70px;
		padding:0 2%;
	}
	h3{
		font-size: 185%;
		margin: -1.5% auto 5% auto;
		padding:0 4%;
	}
	.secbox-1 {
		background: url(../images/s1bg.png)no-repeat bottom;
		background-size: 176% 263%;
		background-position: center;
	}
	.s1b1{
		width:90%;
		margin:5% auto;
	}
	.s1b1 th{
		padding:2% 0;
	}
	.s1b1 th:first-child,.s1b1 th:last-child{
		font-size:200%;
	}
	.s1b1 td,.s1b1 th:nth-child(2){
		font-size:144%;
	}
	.s1b1 td:first-child{
		padding: 2.5% 10% 2.5% 2%;
	}
	.s1b1 td:last-child{
		padding:2.5% 8% 2.5% 3%;
	}
	.s1b1 td:first-child::after{
		content: '';
		background: url(../images/win.png)no-repeat;
		background-size: 100% 100%;
		position: absolute;
		right: 4%;
		top: 7%;
		width: 45px;
		height: 47px;
	}
}
@media only screen and (min-width: 1100px) {
	h1{
		width: 920px;
		padding: 32px 0 2px 0;
		font-size: 260%;
		margin:3% auto 3% auto;
	}
	h1 dd{
		width:35px;
		min-width:35px;
		padding-right:3%;
	}
	.secbox-1 h1,.secbox-4 h1{
		border-bottom:3px solid rgb(20,34,71);
	}
	.secbox-2 h1,.secbox-3 h1{
		border-bottom:3px solid #fff;
	}
	h2{
		font-size: 194%;
		margin: 3% auto 4% auto;
	}
	h2 dd{
		width:76px;
		min-width:76px;
		padding:0 2%;
	}
	h3{
		font-size: 200%;
		margin: -1.5% auto 3% auto;
	}
	.secbox-1 {
		background: url(../images/s1bg.png)no-repeat bottom;
		background-size: 1929px 1986px;
		background-position: 50% -620px;
	}
	.s1b1{
		width:920px;
		margin:3% auto;
	}
	.s1b1 th{
		padding:20px 0;
	}
	.s1b1 th:first-child,.s1b1 th:last-child{
		font-size:220%;
	}
	.s1b1 td,.s1b1 th:nth-child(2){
		font-size:180%;
	}
	.s1b1 td:first-child{
		padding:18px 0 18px 38px;
	}
	.s1b1 td:last-child{
		padding:18px 0 18px 38px;
	}
	.s1b1 td:first-child::after{
		content: '';
		background: url(../images/win.png)no-repeat;
		background-size: 100% 100%;
		position: absolute;
		right: 4%;
		top: 7%;
		width: 50px;
		height: 52px;
	}
}
.secbox-2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  background:rgb(32,46,75);
}
.s2b1{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	color:rgb(100,96,97);
}
.s2b1 li{
	list-style:disc;
}
.s2b1 dl{
	display:flex;
}
.s2b1 dl aside{
	color:#fff;
}
.s2b1 dl:last-child aside{
	color:rgb(60,50,49);
}
.s2b1 dt:last-child{
	background:#fff;
}
.s2b1 dl aside:first-child{
	background:rgb(61,92,136);
}
.s2b1 dl aside:nth-child(2){
	background:rgb(75,110,164);
}
.s2b1 dl aside:last-child{
	background:rgb(111,148,203);
}
.s2b1 dl:last-child aside:first-child{
	background:rgb(184,165,107);
}
.s2b1 dl:last-child aside:nth-child(2){
	background:rgb(219,198,131);
}
.s2b1 dl:last-child aside:last-child{
	background:rgb(255,236,177);
}
.s2p{
	color:#fff;
	text-align:right;
}
.s2b2{
	background:rgb(255,216,61);
	display:table;
	position:relative;
	cursor:pointer;
	transition:.1s;
}
.s2b2:hover{
	transform:scale(1.05);
}
.s2b1{
		width:92%;
		margin:7% auto 4% auto;
		font-size:114%;
	}
	.s2b1 dl{
		width:100%;
		margin:1% 0;
	}
	.s2b1 dt:first-child{
		width:52%;
	}
	.s2b1 dt:last-child{
		width:48%;
		padding:6% 0 0 9%;
	}
	.s2b1 li{
		margin:6% 0;
	}
	.s2b1 aside{
		padding:11.5% 0 11.5% 3%;
	}
	.s2p{
		width: 98%;
		margin: 2% auto 5% auto;
		font-size: 101%;
	}
	.s2b2{
		font-size:140%;
		padding:1.5% 5%;
		margin:-1% auto 8% auto;
	}
	.s2b2::before{
		content: '';
		display: inline-block;
		border-top:6px solid #fff;
		border-left:6px solid #fff;
		width: 10px;
		height: 10px;
		position: absolute;
		top: -5px;
		left: -5px;
	}
	.s2b2::after{
		content: '';
		display: inline-block;
		border-right:6px solid #fff;
		border-bottom:6px solid #fff;
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: -5px;
		right: -5px;
	}
@media only screen and (min-width: 481px) {
	.s2b1{
		width:95%;
		margin:7% auto 2% auto;
		font-size:114%;
	}
	.s2b1 dl{
		width:49%;
	}
	.s2b1 dt:first-child{
		width:52%;
	}
	.s2b1 dt:last-child{
		width:48%;
		padding:6% 0 0 9%;
	}
	.s2b1 li{
		margin:6% 0;
	}
	.s2b1 aside{
		padding:11.5% 0 11.5% 3%;
	}
	.s2p{
		width:95%;
		margin:2% auto 5% auto;
		font-size:120%;
	}
	.s2b2{
		font-size:140%;
		padding:1.5% 5%;
		margin:-1% auto 8% auto;
	}
	.s2b2::before{
		content: '';
		display: inline-block;
		border-top:6px solid #fff;
		border-left:6px solid #fff;
		width: 10px;
		height: 10px;
		position: absolute;
		top: -5px;
		left: -5px;
	}
	.s2b2::after{
		content: '';
		display: inline-block;
		border-right:6px solid #fff;
		border-bottom:6px solid #fff;
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: -5px;
		right: -5px;
	}
}
@media only screen and (min-width: 768px) {
	.s2b1{
		width:90%;
		margin:5% auto 3% auto;
		font-size:130%;
	}
	.s2b1 dl{
		width:49%;
	}
	.s2b1 dt:first-child{
		width:52%;
	}
	.s2b1 dt:last-child{
		width:48%;
		padding:6% 0 0 10%;
	}
	.s2b1 li{
		margin:5% 0;
	}
	.s2b1 aside{
		padding:10% 0 10% 10%;
	}
	.s2p{
		width:90%;
		margin:2% auto 5% auto;
		font-size:120%;
	}
	.s2b2{
		font-size:150%;
		padding:1.5% 5%;
		margin:-1% auto 6% auto;
	}
	.s2b2::before{
		content: '';
		display: inline-block;
		border-top:6px solid #fff;
		border-left:6px solid #fff;
		width: 10px;
		height: 10px;
		position: absolute;
		top: -5px;
		left: -5px;
	}
	.s2b2::after{
		content: '';
		display: inline-block;
		border-right:6px solid #fff;
		border-bottom:6px solid #fff;
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: -5px;
		right: -5px;
	}
}
@media only screen and (min-width: 1100px) {
	.s2b1{
		width:920px;
		margin:3% auto 1% auto;
		font-size:140%;
	}
	.s2b1 dl{
		width:49%;
	}
	.s2b1 dt:first-child{
		width:52%;
	}
	.s2b1 dt:last-child{
		width:48%;
		padding:6% 0 0 12%;
	}
	.s2b1 li{
		margin:4% 0;
	}
	.s2b1 aside{
		padding:10% 0 10% 16%;
	}
	.s2p{
		width:920px;
		margin:1% auto 3% auto;
		font-size:120%;
	}
	.s2b2{
		font-size:160%;
		padding:1.5% 5%;
		margin:-1% auto 4% auto;
	}
	.s2b2::before{
		content: '';
		display: inline-block;
		border-top:6px solid #fff;
		border-left:6px solid #fff;
		width: 10px;
		height: 10px;
		position: absolute;
		top: -5px;
		left: -5px;
	}
	.s2b2::after{
		content: '';
		display: inline-block;
		border-right:6px solid #fff;
		border-bottom:6px solid #fff;
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: -5px;
		right: -5px;
	}
}
.secbox-3 {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  background:repeating-linear-gradient(
	  -45deg,	
	  rgb(95,123,188),
	  rgb(95,123,188) 5px,
	  rgb(80,102,159) 5px,
	  rgb(80,102,159) 6px
	);
}
.s3b2b{
	background:rgb(232,232,232);
}
.s3b2{
	background:rgb(34,45,75);
	display:table;
	position:relative;
	color:#fff;
	cursor:pointer;
	transition:.1s;
}
.s3b2:hover{
	transform:scale(1.05);
}
.s3b2 span{
	color:rgb(255,222,0);
}
.s3b1p{
		display:block;
		width:100%;
		margin:9% auto 0 auto;
	}
	.s3b1{
		display:none;
	}
	.s3b2{
		font-size:140%;
		padding:1.5% 5%;
		margin: -1em auto 0% auto;
	}
	.s3b2b{
		padding: 1% 0;
		margin: -0.2% 0px;
		height: 1em;
	}
	.s3b2::before{
		content: '';
		display: inline-block;
		border-top:6px solid rgb(3,160,191);
		border-left:6px solid rgb(3,160,191);
		width: 10px;
		height: 10px;
		position: absolute;
		top: -5px;
		left: -5px;
	}
	.s3b2::after{
		content: '';
		display: inline-block;
		border-right:6px solid rgb(3,160,191);
		border-bottom:6px solid rgb(3,160,191);
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: -5px;
		right: -5px;
	}
@media only screen and (min-width: 481px) {
	.s3b1{
		display:block;
		width:100%;
		margin:7% auto 0 auto;
	}
	.s3b1p{
		display:none;
	}
	.s3b2{
		font-size:140%;
		padding:1.5% 5%;
		margin: -1.6em auto 0% auto;
	}
	.s3b2b{
		padding: 1% 0;
		margin: -0.2% 0px;
		height: 1em;
	}
	.s3b2::before{
		content: '';
		display: inline-block;
		border-top:6px solid rgb(3,160,191);
		border-left:6px solid rgb(3,160,191);
		width: 10px;
		height: 10px;
		position: absolute;
		top: -5px;
		left: -5px;
	}
	.s3b2::after{
		content: '';
		display: inline-block;
		border-right:6px solid rgb(3,160,191);
		border-bottom:6px solid rgb(3,160,191);
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: -5px;
		right: -5px;
	}
}
@media only screen and (min-width: 768px) {
	.s3b1{
		display:block;
		width:90%;
		margin:5% auto 0 auto;
	}
	.s3b1p{
		display:none;
	}
	.s3b2{
		font-size:150%;
		padding:1.5% 5%;
		margin: -1.6em auto 0% auto;
	}
	.s3b2b{
		padding: 1% 0;
		margin: -1.2% 0;
		height: 2em;
	}
	.s3b2::before{
		content: '';
		display: inline-block;
		border-top:6px solid rgb(3,160,191);
		border-left:6px solid rgb(3,160,191);
		width: 10px;
		height: 10px;
		position: absolute;
		top: -5px;
		left: -5px;
	}
	.s3b2::after{
		content: '';
		display: inline-block;
		border-right:6px solid rgb(3,160,191);
		border-bottom:6px solid rgb(3,160,191);
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: -5px;
		right: -5px;
	}
}
@media only screen and (min-width: 1100px) {
	.s3b1{
		display:block;
		width:920px;
		margin:3% auto 0 auto;
	}
	.s3b1p{
		display:none;
	}
	.s3b2{
		font-size:160%;
		padding: 1.5% 5%;
		margin: -1.5em auto 0% auto;
	}
	.s3b2b{
		padding: 2.1% 0;
		margin: -1.2% 0 -1% 0;
	}
	.s3b2::before{
		content: '';
		display: inline-block;
		border-top:6px solid rgb(3,160,191);
		border-left:6px solid rgb(3,160,191);
		width: 10px;
		height: 10px;
		position: absolute;
		top: -5px;
		left: -5px;
	}
	.s3b2::after{
		content: '';
		display: inline-block;
		border-right:6px solid rgb(3,160,191);
		border-bottom:6px solid rgb(3,160,191);
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: -5px;
		right: -5px;
	}
}
.secbox-4{
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  background:rgb(232,232,232);
}
.s4b1{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.s4b1 figcaption{
	background: url(../images/r.png)no-repeat center;
    background-size: 144% 100%;
}
.s4b1 dt{
	color:rgb(191,0,104);
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
}
.s4b1 dt p{
	color:rgb(34,45,75);
}
.s4b1 aside{
	color:rgb(75,75,75);
}
.s4b1 aside span{
	color:rgb(191,0,104);
}
.s4b1 hr{
	background:rgb(160,160,160);
}
.s4b1{
		width:95%;
		margin:8.8% auto 11% auto;
	}
	.s4b1 ol{
		width:100%;
	}
	.s4b1 ol:first-child,.s4b1 ol:nth-child(2),.s4b1 ol:nth-child(3){
		margin-bottom:6%;
	}
	.s4b1 figure{
		width:25%;
		margin:0 auto;
	}
	.s4b1 figcaption{
		padding:6% 12% 7% 12%;
	}
	.s4b1 dt{
		font-size:150%;
	}
	.s4b1 aside{
		font-size:130%;
		line-height:1.5em;
	}
@media only screen and (min-width: 481px) {
	.s4b1{
		width:92%;
		margin:6.8% auto 9% auto;
	}
	.s4b1 ol{
		width:47.8%;
	}
	.s4b1 ol:first-child,.s4b1 ol:nth-child(2){
		margin-bottom:6%;
	}
	.s4b1 ol:nth-child(3){
		margin-bottom:0;
	}
	.s4b1 figure{
		width:30%;
		margin:0 auto;
	}
	.s4b1 figcaption{
		padding:6% 12% 7% 12%;
		background: url(../images/r.png)no-repeat;
		background-size: 100% 100%;
		min-height: 27em;
	}
	.s4b1 dt{
		font-size:160%;
	}
	.s4b1 aside{
		font-size:140%;
		line-height:1.5em;
	}
}
@media only screen and (min-width: 768px) {
	.s4b1{
		width:95%;
		margin:4.8% auto 7% auto;
	}
	.s4b1 ol{
		width:47.8%;
	}
	.s4b1 ol:first-child,.s4b1 ol:nth-child(2){
		margin-bottom:6%;
	}
	.s4b1 ol:nth-child(3){
		margin-bottom:0;
	}
	.s4b1 figure{
		width:27%;
		margin:0 auto;
	}
	.s4b1 figcaption{
		padding:6% 12% 7% 12%;
		background: url(../images/r.png)no-repeat;
		background-size: 100% 100%;
		min-height: 27em;
	}
	.s4b1 dt{
		font-size:170%;
	}
	.s4b1 aside{
		font-size:150%;
		line-height:1.5em;
	}
}
@media only screen and (min-width: 1100px) {
	.s4b1{
		width:1300px;
		margin:2.8% auto 5% auto;
	}
	.s4b1 ol{
		width:47.8%;
	}
	.s4b1 ol:first-child,.s4b1 ol:nth-child(2){
		margin-bottom:4%;
	}
	.s4b1 ol:nth-child(3){
		margin-bottom:0;
	}
	.s4b1 figure{
		width:20%;
		margin:0 auto;
	}
	.s4b1 figcaption{
		padding:6% 12% 7% 12%;
		background: url(../images/r.png)no-repeat;
		background-size: 100% 100%;
		min-height: auto;
	}
	.s4b1 dt{
		font-size:180%;
	}

	/* 20210108 start */
	.s4b1 aside{
		min-height: 180px;
		font-size:160%;
		line-height:1.5em;
	}
	/* 20210108 end */

}
.secbox-5{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background:url(../images/s5bg.png)no-repeat top center;
	background-size:cover;
	background-attachment: fixed;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
}
.s5b1{
	background:url(../images/nail.png)no-repeat top center;
	background-size:100% 100%;
	text-align:center;
	color:rgb(0,34,105);
	position:relative;
}
.s5b1 dt,.s5b1 aside{
	background:rgba(255,255,255,.3);
}
.s5b1 dd{
	color:rgb(192,0,104);
	background:rgba(255,255,255,.3);
}
.s5b1 dd hr{
	background:rgb(80,93,135);
}
.s5b1 dt{
	line-height:1.3em;
}
.s5b1 i{
	font-size:120%;
	font-style:italic;
}
.s5b1 aside span{
	color:rgb(192,0,104);
}
.s5b1 aside .blue{
	color:rgb(0,84,255);
}
.s5b1 figure{
	position:absolute;
	bottom:20%;
	right:10%;
	width:15%;
}
.s5b1{
		width:88%;
		margin:11% auto;
		padding: 4% 5% 5% 4.5%;
	}
	.s5b1 dt{
		padding:8% 0 1.8% 0;
		font-size:123%;
	}
	.s5b1 dd{
		padding:0 4% 1% 4%;
		font-size:140%;
	}
	.s5b1 dd hr{
		margin-top:4%;
		margin-bottom: 1%;
	}
	.s5b1 aside{
		font-size:130%;
		line-height:1.6em;
		padding-bottom:7%;
	}
	.s5b1 figure{
		position:absolute;
		bottom:20%;
		right:7%;
		width:15%;
	}
@media only screen and (min-width: 481px) {
	.s5b1{
		width:72%;
		margin:9% auto;
		padding: 4% 5% 5% 4.5%;
	}
	.s5b1 dt{
		padding:8% 0 1.8% 0;
		font-size:170%;
	}
	.s5b1 dd{
		padding:0 4% 1% 4%;
		font-size:190%;
	}
	.s5b1 dd hr{
		margin-top:4%;
		margin-bottom: 1%;
	}
	.s5b1 aside{
		font-size:200%;
		line-height:1.6em;
		padding-bottom:7%;
	}
	.s5b1 figure{
		position:absolute;
		bottom:20%;
		right:7%;
		width:15%;
	}
}
@media only screen and (min-width: 768px) {
	.s5b1{
		width:72%;
		margin:7% auto;
		padding: 4% 5% 5% 4.5%;
	}
	.s5b1 dt{
		padding:8% 0 1.8% 0;
		font-size:180%;
	}
	.s5b1 dd{
		padding:0 4% 1% 4%;
		font-size:210%;
	}
	.s5b1 dd hr{
		margin-top:4%;
		margin-bottom: 1%;
	}
	.s5b1 aside{
		font-size:220%;
		line-height:1.6em;
		padding-bottom:7%;
	}
	.s5b1 figure{
		position:absolute;
		bottom:20%;
		right:10%;
		width:15%;
	}
}
@media only screen and (min-width: 1100px) {
	.s5b1{
		width:650px;
		margin:5% auto;
		padding: 48px 52px 62px 50px;
	}
	.s5b1 dt{
		padding:8% 0 1.8% 0;
		font-size:190%;
	}
	.s5b1 dd{
		padding:0 4% 1% 4%;
		font-size:230%;
	}
	.s5b1 dd hr{
		margin-top:4%;
		margin-bottom: 1%;
	}
	.s5b1 aside{
		font-size:240%;
		line-height:1.6em;
		padding-bottom:7%;
	}
	.s5b1 figure{
		position:absolute;
		bottom:20%;
		right:10%;
		width:15%;
	}
}