@charset "utf-8";
.red {border:red 1px solid;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
img {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
/*ul , li {list-style-type:none;}*/
.float_left{float:left;}
.float_right {float:right;}
.space {height:0px;	font-size:0px; line-height:0px;	overflow:hidden; clear:both;}
.interval {font-size:0px; line-height:0px;}
.h_5 {height:5px;font-size:0px;line-height:0px;}
.h_8 {height:8px;font-size:0px;line-height:0px;}
.h_10 {height:10px;font-size:0px;line-height:0px;}
.h_15 {height:15px;font-size:0px;line-height:0px;}
.h_20 {height:20px;font-size:0px;line-height:0px;}
.h_25 {height:25px;font-size:0px;line-height:0px;}
.h_30 {height:30px;font-size:0px;line-height:0px;}

a:link, a:visited {
	text-decoration:none;
	color:#0000FF;
	transition: all 0.5s ease 0s;
}
a:active, a:hover {
	text-decoration:underline;
	color:#FF0000;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}

.hr_01 {
	margin:15px auto;
	max-width:489px;
	height:13px;
	background: -webkit-linear-gradient(left,#fbc255,#6b4102);
	background: -o-linear-gradient(right,#fbc255,#6b4102);
	background: -moz-linear-gradient(right,#fbc255,#6b4102);
	background: linear-gradient(to right,#fbc255,#6b4102);
}
}

.fs_wz {font-family:"微軟正黑體";}
.fs_tc {font-family: 'Noto Sans TC';}
.fs_14 {font-size:14px;}
.fs_16 {font-size:16px;}
.fs_18 {font-size:18px;}
.fs_20 {font-size:20px;}
.fs_22 {font-size:22px;}
.fs_24 {font-size:24px;}
.fs_26 {font-size:26px;}
.fs_30 {font-size:30px;}
.fs_36 {font-size:36px;}
.fs_n {font-weight:normal;}
.fs_b {font-weight:bold;}

.rotate_360 a:hover img {
	text-decoration:none;
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
	transition: all 0.5s ease 0s;
}
.alpha_60 a img {
	text-decoration:none;
	filter:alpha(opacity=100);Opacity:1.0;
	transition: all 0.5s ease 0s;
}
.alpha_60 a:hover img {
	text-decoration:none;
	filter:alpha(opacity=60);Opacity:0.6;
	transition: all 0.5s ease 0s;
}
.scale_3 {overflow: hidden;}
a .scale_3 img {
	transform: scale(1.0, 1.0);
	transition: all 0.5s ease 0s;
}
a:hover .scale_3 img {
	transform: scale(1.3, 1.3);
	transition: all 0.5s ease 0s;
}
.scale_05 a img {
	transform: scale(1.0, 1.0);
	transition: all 0.5s ease 0s;
}
.scale_05 a:hover img {
	transform: scale(1.05, 1.05);
	transition: all 0.5s ease 0s;
}
.max_img img {
	max-width:100%!important;
	height:auto!important;
}
.img_100 img {
	width:100%!important;
}
.row_flex, .row_992, .row_768, .row_576 {
    display: flex;
    flex-direction: row;
}
.align-items {
	align-items:center;
	-ms-flex-align:center;
}
.align-start {
	align-items:start;
	-ms-flex-align:start;
}
.frame1200 {
	margin:auto;
	width:100%;
	max-width:1200px;
}
.frame960 {
	margin:auto;
	width:100%;
	max-width:960px;
}
.frame_p20 {
	padding:0;
}
#goTop {
	display:none;
}
.goTop {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:21px;
	z-index:9999;
}
.goTop a:link, .goTop a:visited {
	text-decoration:none;
	display:block;
	width:40px;
	height:21px;
	transition: all 0.5s ease 0s;
}
.goTop a:active, .goTop a:hover {
	text-decoration:none;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}


@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
 }
 
.adtop {background-color: rgba(0, 0, 0, 0.85); position: fixed; top: 0; left: 0; width:100%; height:100%; z-index: 9999;}.ad_01 {position:relative; top:0px; left:50%; width:377px; margin-left:-265px; height:90%; z-index: 9999; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.ad_01 img {max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 20px; left: 23%;}.closes {width:40px; height:40px; position:fixed; right:20px; top:20px; z-index:9999;}@media only screen and (max-width:768px){.ad_01 img {left: 30%;}}@media only screen and (max-width:430px){.ad_01 img {left: 20%;}}


/* 共用 */
body {
	margin:0px;
	font-size:12px;
	font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;
	font-weight:bold;
	background-color:#fff;
	overflow-x:hidden;
}

.bannerC {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.bannerCC {
	width:100%;
	text-align:center;
}
.bannerCCT {
	font-size:84px;
	line-height:90px;
	color:#fff;
}
.bannerCCC {
	font-size:36px;
	line-height:40px;
	color:#ebebeb;
}


.header {
	position:fixed;
	top:0px;
	left:0px;
	margin:auto;
	width:100%;
	padding:21px 0 20px 0;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:9999;
}
.logo {
	width:147px;
	transition: all 0.5s ease 0s;
}
.logo img {
	width:147px;
	transition: all 0.5s ease 0s;
}
.links {
	width: calc(100% - 147px);
	text-align:right;
	color:#fff;
}
.links img {
	height:27px;
	margin-left:23px;
	transition: all 0.5s ease 0s;
}
.linksL {
	margin:15px 0 0 0;
}
.linksL a:link, .linksL a:visited {
	text-decoration:none;
	color:#fff;
	padding:0 0 0 15px;
	border-left:3px solid #d72375;
	margin:0 0 0 25px;
	transition: all 0.5s ease 0s;
}
.linksL a:active, .linksL a:hover {
	text-decoration:underline;
	color:#fff;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}


.indexA {
	position:relative;
	width:100%;
	padding:160px 0 323px 0;
	background:url(../images/bg_01.png) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#fff;
}
.indexAC {
	width:100%;
	text-align:center;
}
.indexACC {
	margin:auto;
	max-width:367px;
	padding:20px 0 30px 0;
	background-color:rgba(255, 255, 255, 0.8);
}
.hr_02 {
	margin:10px auto 13px auto;
	max-width:152px;
	height:16px;
	background: -webkit-linear-gradient(left,#fbc255,#6b4102);
	background: -o-linear-gradient(right,#fbc255,#6b4102);
	background: -moz-linear-gradient(right,#fbc255,#6b4102);
	background: linear-gradient(to right,#fbc255,#6b4102);
}
.indexACCT {line-height:50px;}
.indexACCN {line-height:30px; padding:10px 0;}
.indexACCC {line-height:24px; padding:3px 0;}


.indexB {
	position:relative;
	width:25%;
}
.indexBT {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background-color:rgba(0, 0, 0, 0.4);
	transition: all 0.5s ease 0s;
}
.indexB:hover .indexBT {
	position:absolute;
	top:12%;
	right:12%;
	bottom:12%;
	left:12%;
	background-color:rgba(229, 0, 79, 0.6);
	transition: all 0.5s ease 0s;
}
.indexBTC {
	width:100%;
	color:#fff;
	text-align:center;
	line-height:30px;
}


.indexC {
	position:relative;
	width:100%;
	padding:93px 0 46px 0;
	background:url(../images/bg_02.png) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#fff;
}


.indexD {
	background-color:#eeeeee;
	padding:46px 0px 0px 0px;
}
.indexDT {
	margin:auto;
	max-width:275px;
	font-size:34px;
	color:#d64194;
	text-align:center;
	line-height:66px;
	background-clip:padding-box,border-box;
	background-origin:padding-box,border-box;
	background-image:linear-gradient(135deg,#eeeeee,#eeeeee),linear-gradient(135deg,#e5227e,#46209e);
	border:1px transparent solid;
}
.indexDC {
	margin:45px auto 0 auto;
	max-width:960px;
	text-align:center;
	background-color:#e5e5e5;
}
.indexDCP {
	padding-bottom:20px;
}
.indexDCT {
	padding:10px 0;
	color:#000;
}
.indexDCN {
	padding:10px 0 15px 0;
	color:#444444;
}
.indexDCS {
	margin:auto;
	max-width:272px;
	color:#fff;
	line-height:43px;
	background: -webkit-linear-gradient(left,#e5227e,#46209e);
	background: -o-linear-gradient(right,#e5227e,#46209e);
	background: -moz-linear-gradient(right,#e5227e,#46209e);
	background: linear-gradient(to right,#e5227e,#46209e);
}
.indexDCC {
	padding:10px 0 60px 0;
	color:#737373;
	line-height:36px;
}

.indexE {
	width:100%;
	min-height:673px;
	background:url(../image/bg_03.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#fff;
}
.indexEC {
	margin:auto;
	position:relative;
	max-width:430px;
	min-height:673px;
}
.indexECT {
	position:absolute;
	top:56px;
	left:0;
	right:0;
	color:#ffffff;
	text-align:center;
}
.indexECTT {
	margin:auto;
	max-width:275px;
	font-size:34px;
	line-height:66px;
	color:#ffffff;
	text-align:center;
	border:1px solid #fff;
	background-color:transparent;
}
.indexECTC {
	padding:20px 0 0 0;
	line-height:36px;
}
.indexECA {
	position:absolute;
	left:6px;
	bottom:86px;
}
.indexECB {
	position:absolute;
	left:150px;
	bottom:51px;
}
.indexECC {
	position:absolute;
	left:163px;
	bottom:186px;
}
.indexECD {
	position:absolute;
	left:316px;
	bottom:271px;
}
.indexESub {
	margin:auto;
	max-width:616px;
	text-align:center;
	background-color:#FFF;
}
.indexESubC {
	padding:30px 0;
	color:#181818;
	line-height:24px;
}


.indexF {
	background-color:#e5e5e5;
}
.indexFP {
	width:66.66%;
}
.indexFC {
	width:33.33%;
}
.indexFCC {
	margin:auto;
	max-width:280px;
	padding:0 15px;
}
.hr_03 {
	margin:10px 0 13px 0;
	max-width:152px;
	height:16px;
	background: -webkit-linear-gradient(left,#46209e,#e5227e);
	background: -o-linear-gradient(right,#46209e,#e5227e);
	background: -moz-linear-gradient(right,#46209e,#e5227e);
	background: linear-gradient(to right,#46209e,#e5227e);
}


.indexG {
	position:relative;
	background-color:#ebebeb;
}
.indexGN {
	position:absolute;
	top:90px;
	left:9.3%;
	max-width:380px;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
}
.indexGN1, .indexGN2, .indexGN3, .indexGN4 {
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px 10px 25px 50px;
}
.indexGN1, .indexGN2, .indexGN3, .indexGN4 {
	background-image:url(../images/p_51.png);
}
.indexGN2 {
	background-image:url(../images/p_52.png);
}
.indexGN3 {
	background-image:url(../images/p_53.png);
}
.indexGN4 {
	background-image:url(../images/p_54.png);
}
.indexGNT {
	padding:0 0 10px 0;
}
.indexGNC {
	line-height:22px;
	color:#767676;
}
.indexGP {
	text-align:center;
}


.indexH {
	position:relative;
	width:100%;
	padding:160px 0 91px 0;
	background:url(../image/bg_04.png) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#fff;
}
.indexHCC {
	margin:auto;
	max-width:465px;
	padding:40px 0 40px 0;
	background-color:rgba(255, 255, 255, 0.7);
}


.indexI {
	padding:50px 0;
	background-color:#eeeeee;
}
.indexIL {
	width:20%;
	padding:0 12.5px;
}
.indexILT {
	margin:30px 0 0 0;
	line-height:24px;
}


.indexJ {
	background-color:#e5e5e5;
}
.indexJP {
	display:none;
	width:66.66%;
	float:right;
}


.map {
	width:100%;
	height:690px;
	border:0;
}


.indexK {
	position:relative;
	width:100%;
	padding:50px 0 40px 0;
	background:url(../images/bg_05.png) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#fff;
}
.indexKT {
	text-align:center;
	padding:24px 0;
	color:#fff;
}
.indexKT img {
	height:21px;
	margin:0 10px;
}
.indexKF {
}
.indexKF1, .indexKF2 {
	width:100%;
}
.indexKF_a {
	width:50%;
	margin:0 13px 22px 0;
}
.indexKF_b {
	width:50%;
	margin:0 0 22px 13px;
}
.indexKF_c {
	width:50%;
	margin:0 13px 22px 13px;
}
.indexKF_d {
	width:50%;
	margin:0 0 22px 13px;
}
.indexKF_B {
	margin:auto;
	width:50%;
	height:40px;
	line-height:40px;
	vertical-align:middle;
}
.indexKF_BL {
	width:100%;
	margin:0 13px 22px 0;
}
.indexKF_BLC {
	background-color:#eeeeee;
}
.indexKF_BLCL {
	width:83px;
}
.indexKF_BLCR {
	width:calc(100% - 83px);
}
.indexKF_BR {
	width:50%;
	margin:0 0 22px 13px;
	text-align:center;
}
.indexKF_BR a:link, .indexKF_BR a:visited {
	text-decoration:none;
	color:#fff;
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	background: -webkit-linear-gradient(left,#e5227e,#46209e);
	background: -o-linear-gradient(right,#e5227e,#46209e);
	background: -moz-linear-gradient(right,#e5227e,#46209e);
	background: linear-gradient(to right,#e5227e,#46209e);
	transition: all 0.5s ease 0s;
}
.indexKF_BR a:active, .indexKF_BR a:hover {
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	background: -webkit-linear-gradient(left,#46209e,#e5227e);
	background: -o-linear-gradient(right,#46209e,#e5227e);
	background: -moz-linear-gradient(right,#46209e,#e5227e);
	background: linear-gradient(to right,#46209e,#e5227e);
	transition: all 0.5s ease 0s;
}
.indexKF_C {
	background-color:#eeeeee;
	padding:0 15px;
	height:40px;
	line-height:40px;
	text-align:center;
}
.indexKF_D {
	background-color:#eeeeee;
	padding:10px 30px;
	height:60px;
	margin-bottom:22px;
}
.indexKF_E {
	margin:28px auto 28px auto;
	width:100%;
	line-height:24px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
}
.indexKF_E a:link, .indexKF_E a:visited {
	text-decoration:underline;
	color:#fff;
	transition: all 0.5s ease 0s;
}
.indexKF_E a:active, .indexKF_E a:hover {
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}
.indexKF_E span {
	padding:0 5px;
}
.inputA {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#7d7d7d;
	border:0;
	background-color:#eeeeee;
}
.inputB {
	width:100%;
	height:60px;
	color:#7d7d7d;
	border:0;
	background-color:#eeeeee;
}
.inputS {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#7d7d7d;
	border:0;
	background-color:#eeeeee;
	background-image:url(../images/arrow_c.png);
	background-repeat:no-repeat;
	background-position:right center;
	-webkit-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
}
select::-ms-expand { display: none !important; }
.footer {
	text-align:center;
	color:#fff;
}
.footerT {
	font-size:21px;
	padding-bottom:10px;
}
.footerC {
	line-height:27px;
}


.policy {
	margin:auto;
	max-width:616px;
	padding:30px 40px;
	background-color:#FFF;
	line-height:30px;
	font-size:14px;
}
.goTopx {
	position:fixed;
	bottom:10%;
	right:0px;
	width:186px;
	height:200px;
	z-index:9999;
}
.goTopx a:link, .goTopx a:visited {
	text-decoration:none;
	display:block;
	width:150px;
	height:200px;
	overflow:hidden;
	line-height:45px;
	text-align:center;
	border-radius:20px 0 0 20px;
	transition: all 0.5s ease 0s;
}
.goTopx a:active, .goTopx a:hover {
	text-decoration:none;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}
#link_open {
	position:fixed;
	bottom:10%;
	right:0px;
	width:58px;
	height:200px;
	line-height:252px;
	vertical-align:middle;
	text-align:right;
	z-index:9998;
	cursor:pointer;
}
#link_close {
	cursor:pointer;
}