@charset "UTF-8";
/* CSS Document */


* {margin:0px; padding:0px;}
/*body, html {
	font-size: 16px;
	font-family: 'Noto Sans TC','微軟正黑體','Microsoft Jhenghei',sans-serif;
	font-weight: 400;
	overflow-x: hidden;
}*/
a, input, button {text-decoration:none; outline:none !important;}
a:hover, a:focus, a:active {text-decoration:none; cursor:pointer; outline:none !important;}
.cleardiv {
	clear: both;
}

ul {
	list-style-type: none;
	padding-left:0px;
}

header {display:block; position:fixed; z-index:90; top:0px; left:0px; width:100%;}
header .hd_logos {display:block; width:100%; height:80px; background:#e5e5e5; position:relative;}
header .hd_logos a {display:inline-block; width:160px; height:auto; margin-right:-15px;}
header .hd_logos a img {width:100%; height:auto;}

header .hd_mbtext {display:block; height:80px; position:fixed; z-index:9999; top:0px; right:80px; font-size:14px; line-height:80px; color:#4c4948;}
header .hd_mbtext.hdwt {color:white;}
header .hd_mbtext .mbtextno {display:none;}

header .menu {display:block; position:fixed; z-index:999; top:0px; right:0px; width:70px; height:220px; background:#b42222; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

header .menu_btun {display:block; width:26px; height:26px; position:fixed; right:21px; top:25px; z-index:9999;}
header .menu_btun:hover {cursor:pointer;}
header .menu_btun span:first-child {display:block; width:26px; height:3px; background:white; position:absolute; top:3px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
header .menu_btun span:nth-child(2) {display:block; width:26px; height:3px; background:white; position:absolute; bottom:3px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

header .menu_btun.open span:first-child {top:12px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
header .menu_btun.open span:nth-child(2) {bottom:11px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
header .menu.open {width:100vw; height:100vh;}

header .mini_icon {display:block; width:26px; position:fixed; top:70px; right:21px;}
header .mini_icon a {display:block; width:26px; height:26px; margin-bottom:10px;}
header .mini_icon a img {width:100%; height:auto;}

header .opn_con {display:none;}
header .opn_logos {display:block; position:fixed; z-index:9999; top:0; left:0;}
header .opn_logos a {display:inline-block; width:160px; height:auto; margin-right:-15px;}
header .opn_logos a img {width:100%; height:auto;}

header .list {display:block; width:100%; height:0px; position:fixed; top:0; bottom:0; z-index:-10; overflow-y:scroll; box-sizing:border-box; padding-top:150px; pointer-events: none;}
header .list.open {height:100%; z-index:999; pointer-events: auto;}

header .nav {display:block; width:100%; height:100px; position:relative; margin:0px auto;}
header .nav div {display:block; height:100px; margin:0px 0.2%; position:relative; outline:none !important;}
header .nav div p {text-align:center; color:white; font-size:74px; line-height:100px; font-family:Arial; font-weight:700;}

/*header .slick-prev {display:none !important; position:absolute; width:55px; height:30px; background:url(../images/menu_arrow_lt.png) left no-repeat; font-size:0; border:0px; outline:none; z-index:10; top:50%; left:35%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
header .slick-next {display:none !important; position:absolute; width:55px; height:30px; background:url(../images/menu_arrow_rt.png) right no-repeat; font-size:0; border:0px; outline:none; z-index:10; top:50%; left:65.5%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
header .slick-prev:hover, header .slick-next:hover {cursor:pointer;}
header .slick-prev.open, header .slick-next.open {display:inline-block !important;}*/

header .arrows {display:none; position:absolute; width:33%; top:200px; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
header .arrows button {background:none; font-size:24px; color:white; border:none;}
header .arrows button.navlt {left:-10%;}
header .arrows button.navrt {position:absolute; right:0px;}
header .arrows.open {display:block !important;}

header .slick-slide {opacity:0.5;}
header .slick-current {opacity:1;}

header .sub {display:block; width:30%; height:auto; min-height:100px; margin:50px auto; position:relative;}
header .sub a {display:block; width:100%; text-align:center; margin-bottom:15px; font-size:22px; color:white; font-weight:300;}
header .sub a img {width:125px; height:40px; margin:auto;}

header .sub div.listpd {text-align:left;}
header .sub > div > span {display:block !important;}
header div.listpd .pd_list {display:block; width:55%; min-width:250px; margin:0px auto 15px auto; height:35px; background:rgba(255, 255, 255, 0.2); color:white; font-size:22px; line-height:35px; font-weight:400; text-align:center;}
header div.listpd ul {margin-bottom:30px;}
header div.listpd ul li a {width:50%; min-width:215px; margin:0px auto 15px auto; font-size:18px; line-height:24px; color:#ffe6e6; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

header a.gomor {display:block; width:100px; height:30px; font-size:18px; line-height:30px; margin:auto; background:white; color:black; text-align:center; font-family:Arial,sans-serif;}
header a.gomor:hover {color:#b42222;}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #f9bfc3;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  cursor:pointer !important;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.protect{
	width: 100%;
	background: #b42222;
	padding: 3rem 0;
	padding-bottom: 0rem;
}
.protect_text{
	font-size: 0.7rem;
	color: #fff;
	max-width: 1000px;
	width: 90%;
	margin: auto;
}

header .listnews li {display:block; position:relative; margin-bottom:20px;}
header .newsdte {display:inline-block; vertical-align:top; width:60px; margin-right:15px; font-size:22px; line-height:30px; text-align:right; font-family:Arial,sans-serif; font-weight:normal;}
header .newstitle {display:inline-block; vertical-align:top; width:100%; /*padding-left:15px;*/ font-size:18px; line-height:30px; text-align:left; /*border-left:2px solid #f9bfc3;*/}

footer {width:100%; padding:30px 0px; position:relative; background:#b42222;}
footer .ft_logos span.ft_lt {float:left;}
footer .ft_logos span.ft_lt a {display:inline-block; width:150px; height:auto; margin:0px -10px;}
footer .ft_logos span.ft_lt a img {display:block; width:100%; height:auto;}

footer .ft_logos span.ft_rt {float:right;}
footer .ft_logos span.ft_rt a {display:inline-block; width:40px; height:40px; margin:15px 0px;}
footer .ft_logos span.ft_rt a img {display:block; width:100%; height:auto;}

footer .ft_logos span.ft_lt a:hover, footer .ft_logos span.ft_rt a:hover {cursor:pointer;}

footer .ft_lks {padding-bottom:20px; border-bottom:1px solid #f9bfc3;}
footer .ft_lks a, footer .ft_lks font {display:inline-block; vertical-align:middle; margin:15px 5px; padding-bottom:5px; font-size:18px; color:white; font-weight:300;}

footer .ft_copy {margin:40px auto; font-size:14px; letter-spacing:0px !important; font-family:Arial,sans-serif; color:white; text-align:center; font-weight:normal;}
.cen1000 {
	width: 90%;
	max-width: 1000px;
	margin: auto;
	position: relative;
}


@media screen and (max-width:1300px) {
  header .list {padding-top:120px;}
  header .nav div p {font-size:4.5vw;}
}


@media screen and (max-width:768px) {
  header .hd_logos {height:60px;}
  header .hd_logos a {width:100px; margin-top:5px;}
  header .hd_logos a img {width:100%; height:auto;}
  header .menu_btun {top:18px; right:17px;}
  header .menu {width:60px; height:60px;}
  header .hd_mbtext {font-size:10px;}
  header .hd_mbtext {height:60px; right:65px; line-height:60px;}
  header .mini_icon {display:none !important;}
  header .opn_logos a {width:100px; margin-top:5px;}
  header .opn_logos a img {width:100%; height:auto;}
  header .list.open {padding-top:60px;}
  /*header .slick-prev {left:15%; width:50px; height:27px;}
  header .slick-next {left:86%; width:50px; height:27px;}*/
  header .arrows {width:80%; top:110px;}
  header .nav div p {font-size:10vw;}
  header .sub {width:90%; margin:0px auto;}
  .hvr-underline-from-center:before,
  .hvr-underline-from-center:hover:before,
  .hvr-underline-from-center:focus:before,
  .hvr-underline-from-center:active:before {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        overflow: hidden;
  }
  footer {padding:50 0px;}
  footer .ft_logos span.ft_lt a {display:block; width:120px; margin:-15px 0px;}
  footer .ft_lks {margin-top:30px; padding-bottom:30px;}
  footer .ft_lks a, footer .ft_lks font {font-size:16px; margin:5px; padding:0px;}
  footer .ft_lks font {display:none;}
  footer .ft_copy {font-size:14px; margin:30px auto 15px auto;}
}

@media screen and (max-width:320px) {
  header .hd_logos {margin-left:-6px;}
  header .hd_logos a {width:90px; margin-top:7px;}
  header .opn_logos {margin-left:-6px;}
  header .opn_logos a {width:90px; margin-top:7px;}

  header .hd_mbtext {font-size:10px; line-height:12px; top:19px;}

  .mbtextno {display:block !important;}

}