@charset "utf-8";
/*-------------------------------------------
     基本版面設定區
-------------------------------------------*/		
body {
	background-color: #ffffff;
	line-height: 1.75em;
	margin: 0px;
	padding: 0px;
	font-family: 'Jost', 'Noto Serif TC', serif;
}
img, object, embed, video {max-width: 100%;vertical-align: bottom;border: 0px;}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {width:100%;border: 0px;}
a,a:link,a:hover,a:active,a:visited{transition: 1s;text-decoration: none;}

.all-img{width:100%;vertical-align: bottom;}

.row{
	padding-right: 15px;
	padding-left: 15px;
}
html{
  scroll-behavior: smooth;
}
.single-col{width:100%}
.single-col .single-banner{position:relative;display:block;overflow:hidden;border-radius:0px}.single-col .single-banner img{width:100%;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.single-col .single-banner:hover img{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0deg)}
.icon{
	float: left;
	width: 55px;
	padding: 5px;
	margin-right: 5px;
}

.scroll-icon{
	float: left;
	width: 40px;
}

.line-s{
	background-image: url(../images/scroll.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	height: 550px;
}

.font{
	font-family: '微軟正黑體', serif;
	font-weight: bold;
}

.reserve-float{
	position: fixed;
	z-index: 99999;
	top: 50%;
	right: 0px;
	width: 50px;
}

/*-----------------------------------------------------
                   版面設定區
-----------------------------------------------------*/
#wap{
	width: 100%;
	position: relative;
}

.area{width: 100%;}

.content{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1170px;
	position: relative;
}

.wt{width: 80%;	font-size: 18px;
	text-decoration: none;
	color: #000;
	writing-mode: vertical-rl;
	/* Fix IE8+ */
	-ms-writing-mode: tb-rl;}

.container-t{	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1170px;}

.float-img{
	position: absolute;
	z-index: 9999999;
	left: 0px;
	bottom: -5px;
}

.float-right{
	display: block;
	width: 50px;
	position: absolute;
	z-index: 999;
	right: 20px;
	bottom: 0px;
	text-align: center;
}

.container-r{
	width: 84%;
	margin-left: 16%;
}

.title-area{
	width: 100%;
	float: left;
	padding-bottom: 20px;
}
.teng{
	font-family: "EB Garamond", serif;
	color: #999;
	text-transform: uppercase;
	line-height: 0.9em;
}

.s-left{
	width: 100%;
	float: left;
	padding-top: 40px;
}

.s-lefts{
	width: 100%;
	float: left;
	padding-top: 10%;
}

.fem-area{
	width: 100%;
	background-color: #036;
	float: left;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 20px;
}

.news-body{
	background-image: url(../images/logo-img2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 100%;
}

.feml{
	float: left;
	width: 20%;
	padding-left: 0%;
	padding-bottom: 0px;
}
.femm{
	float: left;
	width: 55%;
	position: relative;
}

.femm-float{
	float: left;
	width: 100%;
	position: absolute;
	z-index: 9999;
	top: -80px;
	left: 0px;
}

.top-float{
	position: absolute;
	z-index: 999;
	top: -160px;
	left: 65%;
}

.femm-floats{
	position: absolute;
	z-index: 99999;
	top: -80px;
	right: -55px;
	display: block;
}

.femr{
	float: left;
	width: 25%;
	display: block;
}

.dline{
	color: inherit;
	opacity: .25;
	background-color: #CCC;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.btn-gold{
	color: #FFF;
	background-color: #cea26f;
	border-radius: 50px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.btn-gold:hover{
	color: #FFF;
	background-color: #0066CC;
	border-radius: 50px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}



.footer-copy{
	background-color: #192d55;
	color: #FFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.footer-copy a:link{
	color: #FFF;
}

.my-6{margin-top:0rem!important;margin-bottom:15rem!important}

@media screen and (max-width: 1600px) {

/*-----------------------------------------------------
                   版面設定區
-----------------------------------------------------*/	
.mt-5{margin-top: 4rem!important}
.m-6{
	margin-top: 5rem;
	margin-right: 0px;
	margin-bottom: 3rem;
	margin-left: 0rem;
}
.mt-7{margin-top: 4rem!important}
.mt-8{
	margin-top:4rem!important
}

.line-s{
	background-image: url(../images/scroll.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	height: 280px;
}


.feml{
	float: left;
	width: 35%;
	padding-left: 5%;
	padding-bottom: 40px;
}
.femm{
	float: left;
	width: 60%;
	position: relative;
}

.femr{
	float: left;
	width: 5%;
	display: none;
}


}

 

@media screen and (max-width:1169px) {
.my-6{margin-top:0rem!important;margin-bottom:0rem!important}
.row{flex-direction:column-reverse;}
/*-----------------------------------------------------
                   版面設定區
-----------------------------------------------------*/	
.container-t{	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 100%;}
.wt{width: 40%;	font-size: 15px;
	text-decoration: none;
	color: #000;
	writing-mode: vertical-rl;
	/* Fix IE8+ */
	-ms-writing-mode: tb-rl;}
.ws{width: 50%;}	
.top-float{
	position: absolute;
	z-index: 99999;
	top: 75px;
	left: 80%;
}

.float-right{
	display: block;
	width: 50px;
	position: absolute;
	z-index: 999;
	right: 20px;
	bottom: 0px;
	text-align: center;
}

.line-s{
	background-image: url(../images/scroll.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	height: 100px;
}

	
.mt-5{margin-top: 0rem!important}
.m-6{
	margin-top: 5rem;
	margin-right: 0px;
	margin-bottom: 3rem;
	margin-left: 0rem;
}
.mt-7{margin-top: 4rem!important}
.mt-8{
	margin-top:4rem!important
}


.s-lefts{
	width: 100%;
	float: left;
	padding-top: 55%;
}

.container-r{
	width: 90%;
	margin-left: 5%;
	margin-right: 5px;
}

.feml{
	float: left;
	width: 95%;
	padding-left: 5%;
	padding-bottom: 80px;
}
.femm{
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 10px;
}

.femr{
	float: left;
	width: 25%;
	display:none;
}

.femm-floats{
	position: absolute;
	z-index: 99999;
	top: -100px;
	right: 0px;
	display: block;
}

}
@media screen and (max-width:768px) {
	
	.top-float{
	position: absolute;
	z-index: 9999999;
	top: 75px;
	left: 80%;
	display: none;
}
.float-right{
	display: none;
	width: 50px;
	position: absolute;
	z-index: 999;
	right: 20px;
	bottom: 0px;
	text-align: center;
}

}