@import url(http://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
/*-------------------------------------------
     基本版面設定區
-------------------------------------------*/	
	
body {
	background-color: #0b233d;
	line-height: 1.75em;
	margin: 0px;
	padding: 0px;
	font-family: 'cwtexhei', 'Varela Round','Jost', '微軟正黑體', sans-serif;
	scroll-behavior: smooth;
	background-image: url(../images/index-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
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;
font-family: 'cwtexhei', 'Varela Round', '微軟正黑體', sans-serif;}
.row-m{
	padding-left: 100px;
}
.sdiv{
	line-height: 1.75em;
	padding-top: 5px;
}
.sdivs{
	line-height: 1.75em;
	font-size: 12px;
	color: #CCC;
	padding-top: 10px;
}

.f-in{
	display: block;
}

.f-off{
	display: none;
}

.r-icon{
	display: block;
}
.r-icons{
	display: none;
}


.fab-icon {
	background-color: #0b233d;
	border-radius: 50%;
	margin: 5px;
	float: left;
	padding: 5px;
}

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

.main-content {
	width: 100%;
	float: left;
	padding-top: 10%;
}

/* 輪播圖片英文大標與標題字型設定 */
.inx-title{
	font-size: 760%;
	font-family: "Bona Nova SC", serif;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1em;
	float: left;
	width: 100%;
}
.inx-title-l{
	font-size: 800%;
	font-family: "Bona Nova SC", serif;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1em;
	float: left;
	margin-right: 20px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}

.inx-title-r{
	font-size: 26px;
	font-family: 'Noto Sans TC', sans-serif !important;
	color: #FFF;
	line-height: 5em;
	float: left;
}

.inx-line{
	margin-left: 5px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}

.footer{
	width: 95%;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFF;
	position: fixed;
	bottom: 90px;
	margin-right: 2.5%;
	margin-left: 2.5%;
}

.icon{
	height: 20px;
	width: 20px;
	padding: 5px;
}



.foot{
	float: left;
	width: 100%;
}


.float-left{
	position: fixed;
	text-align: left;
	color: #FFF;
	font-family: 'Jost', 'Noto Serif TC', serif;
	letter-spacing: 0.5px;
	font-size: 15px;
	z-index: 1;
	left: 50px;
	bottom: 20px;
}

.float-left a,a:link{color: #FFF;}

.float-right{
	position: fixed;
	text-align: right;
	color: #FFF;
	font-family: 'Jost', serif;
	letter-spacing: 0.5px;
	font-size: 13px;
	z-index: 1;
	right: 50px;
	bottom: 20px;
	text-transform: uppercase;
}
.float-right a,a:link{color: #fff;}.float-right a:hover{color: #00ad94;}


@media(max-width:768px){

.r-icon{
	display: none;
}
.r-icons{
	display: block;
}	
	
	
.f-in{
	display: none;
}

.f-off{
	display: block;
}

.sdiv{
	line-height: 1.75em;
	padding-top: 5px;
}

	
.row-m{
	padding-left:20px;
}
.main-content {
	width: 100%;
	float: left;
	padding-top: 15%;
}

/* 輪播圖片英文大標與標題字型設定 */
.inx-title{
	font-size: 72px;
	font-family: "Bona Nova SC", serif;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1em;
	float: left;
	width: 100%;
}
.inx-title-l{
	font-size: 72px;
	font-family: "Bona Nova SC", serif;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1em;
	float: left;
	margin-right: 15px;
	padding-right: 15px;
}
.inx-line{
	margin-left: 5px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	float: left;
	width: 1px;
}
.inx-title-r{
	font-size: 22px;
	font-family: 'Noto Sans TC', sans-serif !important;
	color: #FFF;
	line-height: 3.5em;
	float: left;
	width:70%;
	text-align:justify;
}

.footer{
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFF;
	position: fixed;
	padding-top: 10px;
}

.float-left{
	position: static;
	text-align: left;
	color: #FFF;
	font-family: 'Jost', 'Noto Serif TC', serif;
	letter-spacing: 0.5px;
	font-size: 15px;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	float: left;
	width: 100%;
	text-decoration: none;
}

.float-right{
	position: fixed;
	text-align: left;
	color: #FFF;
	font-family: 'Jost', serif;
	letter-spacing: 0.5px;
	font-size: 13px;
	z-index: 1;
	right: 0px;
	left: 10px;
	bottom: 20px;
	float: left;
	width: 100%;
	text-decoration: none;
}
}


@media(max-width:480px){
.main-content {
	width: 100%;
	float: left;
	padding-top: 50%;
}
}