.full,
.max100 {
	height: auto
}

.inner_tadas,
.r,
.single-item .banner {
	position: relative
}

.btn,
.links {
	display: inline-block
}

.btn img,
.max100,
.tit img {
	max-width: 100%;
	height: auto;
	display: inline
}

.clear:after,
.links:before {
	content: ''
}

.links,
.submenu ul a,
.submenu>li>a {
	text-decoration: none;
	font-weight: 700
}

.bold,
.links,
.menu,
.sign .txt,
.submenu ul a,
.submenu>li>a,
b {
	font-weight: 700
}

:root {
	--blue1: #1D2082;
	--blue2: #0b3081;
	--red1: #e00012;
	--pink1: #ff6e64;
	--pink2: #e63928
}

body {
	/*font-family: Verdana, Microsoft JhengHei, "微軟正黑體", sans-serif;*/
	/*font-size: 20px*/
}

.breadcrumbs {
	margin-bottom: 10px
}

.breadcrumbs ol li a {
	color: #0072EF !important;
	display: inline-block
}

.breadcrumbs ol li a:hover {
	color: #0bf !important;
	text-decoration: underline !important
}

.main :focus {
	outline: 0
}

.main,
.main *,
.main :after,
.main :before {
	box-sizing: border-box;
}

.main {
	background: url(../img/bg-main.png) center top no-repeat;
	background-size: 100% 100%;
	padding: 15px 0 40px;
	color: #000;
	min-width: 1164px
}

.inner_tadas {
	width: 1164px;
	margin: auto
}

.full {
	width: 100%
}

.a {
	position: absolute
}

.links {
	position: relative;
	padding-left: 25px;
	color: #333;
	vertical-align: middle;
	margin-right: 18px;
	font-size: 16px
}

.submenu a,
.submenu>li>a {
	font-size: 15px
}

.links:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	background: url(../img/icon-plus.svg);
	width: 19px;
	height: 19px
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.menu,
.submenu>li>a span {
	text-align: center
}

.top_s {
	padding-top: 70px
}

p {
	line-height: 1.6;
	/*margin-bottom: 20px*/
}

.clear:after {
	clear: both;
	display: table
}

.submenu {
	width: 1164px;
	display: flex;
	position: relative;
	z-index: 1;
}

.submenu>li {
	float: left;
	margin-right: 1.5px;
	vertical-align: top;
	position: relative
}

.submenu>li:last-child {
	margin-right: 0
}

.submenu>li>a {
	background: #449;
	padding: 5px 15px 5px 9px;
	width: 144px;
	color: #B3C2CB;
	line-height: 1.2;
	height: 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	transition: all .5s
}

.submenu>li:hover>a,
.submenu>li>a:hover {
	color: #fff
}

.submenu path {
	transition: all .5s;
	fill: #B3C2CB
}

.submenu a:hover path,
.submenu>li.hover a path {
	fill: #fff
}

.submenu svg {
	width: 39px
}

.submenu .m04 .st1,
.submenu .st0 {
	fill: none
}

.submenu .m08 .st0 {
	fill: #B3C2CB
}

.submenu .m08:hover .st0,
.submenu li.hover .m08 .st0 {
	fill: #fff
}

.submenu ul {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 999;
	padding-top: 2px;
	visibility: hidden
}

.submenu ul a {
	padding: 10px;
	background: #dde;
	display: block;
	color: #449;
	margin-bottom: 2px;
	transition: all .5s
}

.submenu ul a:hover {
	color: #005
}

.submenu li:hover ul {
	visibility: visible
}

.menu {
	position: fixed;
	background: #5360a5;
	padding: 10px 12px;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	top: 127px;
	right: 15px;
	z-index: 1;

	display: none !important;
}

.menu img {
	max-width: 40px;
	margin-bottom: 8px
}

.submenu_wrap .close {
	max-width: 30px;
	position: absolute;
	right: 15px;
	top: 15px;

	display: none;
}

.sign .txt {
	color: #272a65;
	font-size: 56px;
	margin: 85px 0 30px
}

.btn_now {
	width: 275px;
	vertical-align: middle
}

.pc {
	display: inline
}

.sp {
	display: none
}

.screen_only {
	display: block !important
}

.phone_only {
	display: none !important
}

@media screen and (max-width:767px) {
	.screen_only {
		display: none !important
	}

	.phone_only {
		display: block !important
	}

	.breadcrumbs {
		margin-left: 0;
		margin-right: 0
	}

	.main {
		background: url(../img/bg-main-m.png);
		padding: 15px 15px 0;
		min-width: inherit;
		background-size: 100% auto;
		padding: 0 15px;
	}

	.inner_tadas {
		width: auto;
		margin-bottom: 180vw;
		padding-bottom: 40px;
	}

	.top_s {
		padding: 0
	}

	.submenu_wrap {
		width: calc(100% + 30px);
		background: #d5f0fb;
		padding: 20px 0 0;
		margin: 0 auto;
		position: absolute;
		left: -15px;
		bottom: -180vw;
		text-align: center;
		overflow: hidden;
	}

	.submenu ul a,
	.submenu>li>a {
		vertical-align: middle;
		line-height: 1;
		margin-bottom: 10px;
		font-size: 24px;
		font-weight: 400
	}

	.submenu_wrap.show {
		display: inherit
	}

	.submenu {
		width: 308px;
		display: inline-block;
		margin: 30px 6px 5px;
		z-index: 0;
	}

	.submenu>li {
		/* float: none; */
		text-align: center;
		display: inline-block;
		margin: 0px 3px;
	}

	.submenu li.pc {
		display: none;
	}

	.submenu li a {
		border: 1px solid #1e2c79;
		background: #fff;
		border-radius: 10px;
		display: inline-block;
	}

	.submenu li>a {
		width: auto;
		/*		background: 0 0;*/
		color: #1e2c79 !important;
		display: block;
		position: relative;
		padding: 10px 10px 10px;
		height: auto;
		font-size: 20px;
		height: 115px;
		width: 148px;
		float: left;
	}

	/*
	.submenu ul a:after,
	.submenu > li > a:after {
		content: '';
		width: 100%;
		height: 1px;
		left: 0;
		bottom: 0
	}
*/

	.submenu>li>a:after {
		position: absolute;
		background: #1e2c79
	}

	.submenu svg {
		/*		vertical-align: middle;*/
		width: 42px;
	}

	.submenu path {
		fill: #1e2c79 !important
	}

	.submenu br {
		/*		display: none*/
	}

	.submenu li>a span {
		display: block;
		line-height: 1.2;
	}

	.submenu ul {
		display: block;
		position: static;
		visibility: visible;
		width: auto;
		float: left;
		margin-top: -2px;
	}

	.submenu ul a {
		/*		background: 0 0;*/
		color: #1e2c79;
		display: inline-block;
		position: relative;
		padding: 0 5px 10px
	}

	.submenu ul a:after {
		position: absolute;
		background: #1e2c79
	}

	.submenu .m05 svg {
		margin-top: 20px;
	}

	.submenu .m05+ul a {
		padding: 10px;
		display: block;
		float: left;
		margin-left: 6px;
	}

	.submenu ul a img.full.sp {
		max-width: 42px;
		margin-top: 20px;
	}

	.submenu>li>a.m08 {
		background: #c8383f;
		color: #fff !important;
		width: 185px;
		padding: 5px 0 0;
		margin: 20px 0 0;

		display: none;
	}

	.submenu>li>a.m08:after {
		opacity: 0
	}

	.m08 .svg {
		margin-left: -5px
	}

	.m08 path {
		fill: #fff !important
	}

	.mask {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: rgb(83 96 165 / 95%);
		z-index: 16
	}

	.mask.show {
		display: inherit
	}

	.menu_tit {
		font-size: 8vw;
		font-weight: bold;
	}

	.sign .txt {
		font-size: 28px;
		margin-top: 50px
	}

	.btn_now {
		width: 200px
	}

	.pc {
		display: none
	}

	.sp {
		display: inline
	}
}

/* test */
/*
.menu.sp{ position: relative; top:0; right:0; padding:7px; z-index:15; margin: 10px -15px;text-align:left;}
.menu.sp>img{margin-bottom:0;width:34px;height:26px;display: block;}
.menu.sp>div{display: block;width: 100%;text-align: center;}
.mask {display:none !important;}

@media screen and (max-width: 767px){
  .inner .menu.sp{display:flex;justify-content: flex-start;align-items: center;background: #449;}
  .inner .breadcrumbs{margin-bottom:0px;}
  .inner .submenu_wrap.show{transform: translateX(0);}
  .inner .submenu_wrap {
    display:block;
    position: absolute;
    z-index: 17;
    background: #449;
    top: auto;
    left:auto;
    border-radius:0;
    transform: translateX(-270px);
    padding: 40px 0;
    margin-left: -15px;
    margin-top:-10px;
    transition: all 300ms;
    width: 270px;
  }
  .inner .submenu li {text-align:left;}
  .inner img[src="img/icon-class.png"]{margin-left: 10px;}
  .inner .submenu > li > a.m08 {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius:5px;
    display: block;}
  .inner .submenu_wrap .submenu > li a{color:#FFF !important;}
}
*/
/* end of test */