/*header*/

header,footer{
	width:60%;
	color:#222;
	font-size:14px;
margin-left:20%;

	}



/*in-use*/
#weapper {
  margin-left:400px;
  margin-right:20%;  
  padding-top:250px;
  padding-bottom:7%;
  /*box-shadow: 0 0px 8px -2px rgba(0,0,0,0.4);*/
  /*width:54%;   page width*/
  width:1000px;
}	

#faqname {
  font-size:14px;  
}	

#kms_weapper {
  margin-left:auto;
  margin-right:auto;
  margin-top:150px;
  width:60%;
}	
	
img{
	max-width:100%;	
	vertical-align:middle;
	padding-right:0%;
}

/*in-use*/
.container{
	width:80%;
	margin:0 auto;
	position:relative;
	padding-top:0px;
	font-size:14px;
}


/*header font*/
header > div > div{  
	font-size:36px;
	font-weight: bold;
	color:#721f6d;
	width:100%;
	height:30%;
	text-align:left;
	padding-top:3%;
	padding-left:6%;
	padding-right:10%;
	line-height:30px;	
		
}

.bg{
	background:#f1f1f1;
}
header > div > span{
	font-size:14px;
	margin-top:4%;
	margin-right:2%; 
	color: #202020;
/* 	text-shadow: 1px 1px 1px #434a54;*/
}

.right{float:right;}
.left{float:left;}


nav{
	/*height:10%;*/
	/*width:16%;*/
	width:300px;
	/*	background:-ms-linear-gradient(top,#d8d8d8,#FFFFFF); */  /*IE*/ 
/*	background:-moz-linear-gradient(top,#d8d8d8,#FFFFFF); */
/*	background:-webkit-linear-gradient(top,#d8d8d8,#FFFFFF); */  /*GOOGLE*/

/*	background-color:#f1f1f1;  */
	position:fixed!important;

/*	z-index:0;*/
	font-weight:bold;
	padding-top:300px;
	margin-left:300px;;
	font-size:14px;
	}
	
/*in-use*/	
.left_title{
	font-size:24px;
	font-weight:bold;
}
	
/*in-use*/
.active {
    color:#fff;
	background-color:rgb(127,16,132)}
	
nav a{
	text-decoration:none;
	text-align:left;
	cursor:pointer;
	display:block;
	padding:6px 20px;
	
	-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
	transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
}
nav a:hover{
	color:#fff;
	background-color:rgb(127,16,132);
/*	background-color:rgb(85,85,86);*/
	}


nav > div {
	width:100%;
	text-align:left;
	padding:6px 20px;
	
/*	cursor:pointer */
}
nav > div > div{
	cursor:auto;
	display:none;
	
	width:100%;
	margin:0;
	padding:0;}
	
nav > div > div a{

display:block;
text-decoration:none!important;
-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;

}

section{
	width:100%;
	
	float:left;
	color:#222;
	font-size:14px;
    margin-left:0px;
	
	}

section{

background-color:#fff;
}

.pd{padding-left:20%;}  /*in-use*/

 .text{
	/*	background: rgba(164,236,243,.5);*/
	background: #721f6d; 
/*	background-color:rgb(85,85,86);*/
	text-align:left;
	color:#fff;
/*	color:#333; */
	font-size:14px;
	padding:10px 0;
	width:100%;
	margin:10px auto 10px;	
}

section > .text a{
	color:#fff;
	text-decoration:underline;
}
section > .bar{
/*	background: rgba(164,236,243,.5);*/
	background:#333;
	text-align:center;
	color:#fff;
	font-size:14px;
	padding:10px 0;
	width:80%;
	margin:0 auto 10px;

}
section > div
{padding-top:64px;padding-left:16px;}

section > .text span{
	display:block;
	color::#721f6d;

} 

/*in-use*/
.main ul span{
	color:#721f6d;
	font-weight: 100;
}

.main h2{
	width:100%;
	float:left;
	padding:15px 0;
	font-size:20px;
	color:#333;
}
.main ul{
	width:98%;
	float:left;
	list-style:disc; 
	padding-left:40px;
	padding-bottom:20px; 
	line-height:26px; 
}
.main ul a{
/*color:#d31f1f;*/
color:  #721f6d;
text-decoration: underline;
}
.main ul a:hover{
/*color:#d31f1f; */
color:#721f6d; 
text-decoration: underline;
}


.main ul > li{
	padding-top:10px;
	padding-left:20px;
}
/*.main ul > li:last-child{
	text-decoration:underline;
} */
.main ul li ol{
	width:98%;
	float:left;
	list-style: square; 
	margin-left:2%;

}
.nodot {
background-color:#f1f1f1;}
.nodot li{list-style:none;!important
}

/*in-use*/
.center{text-align:center;!important
}

section a{
	/*display:block;*/
	width:auto;
	padding:0px 0px;
	font-size:14px;
	/*	border-width:1px;
	border-color:#721f6d;
	border-radius:5px; */
  /*  color:#fff;*/
	color:#000;
	/*	text-decoration:underline;*/
	border-style:dashed;
	target:_blank;
}
section a:hover{
	opacity:.8;

}
.btn_agree{
text-align:    center;
cursor:pointer;
}
.btnhov{
background-color: #99FFFF;
} 

section > .asign_btn {
	background:    #ccc;
    background:    -webkit-linear-gradient(#ccc, #ccc);
    background:    linear-gradient(#ccc, #ccc);
    border-radius: 5px;
    color:         #000;
    display:       inline-block;
    padding:       7px 20px;
    font:          normal 700 15px/1 "Noto Sans", sans-serif;
    text-align:    center;
    text-shadow:   1px 1px 0 #ccc;
}
section >.text-purple{
background:#721f6d;
color:#fff;
	
}



.floating-box {
    display: inline-block;
/*	width:120px;   
    margin: 0%;*/
    border: 0px solid #73AD21;  
}

.floating-box2 {
    display: inline-block;
	margin: 1%;
  /*  margin-left:200px;*/   
    border: 0px solid #73AD21;  
}

footer{
	font-size:12px;
	color:#202020;
	border-top:1px dotted #dbdbdb;
	padding:1% 0;
	//margin-top:50px;
	background:#f1f1f1;
	text-align:center;
	
	
}
footer a{
	color:#721f6d;
	text-decoration:underline;
}
footer a:hover{
	opacity:.8;
}

swlink a{
	color:rgb(85,85,86);
	text-decoration: underline;
	line-height: 2;}
swlink a:hover{
	 color:#721f6d;}
	 
swlink a:visited {
	 color:#721f6d;}	 
 
a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}


.show-block,.show{
	display:block;!important
	padding: 0px 0px;
	margin: 0px 0px;
}
.show-inline-block{
	display:inline-block!important
	
	padding: 0px 0px;
	margin: 0px 0px;
}
/*
.top{
top:0;
z-index:5;
box-shadow: 0 5px 8px -2px rgba(0,0,0,0.4);   
display: block;
width:60%;
height:12%;
position: fixed;
padding-top:2%;
padding-bottom:2%;

	padding-left:5%;
	padding-right:5%;

	background-color:#fff;
	background:#f1f1f1;	
}
*/
.second{

z-index:4;
box-shadow: 0 5px 8px -2px rgba(0,0,0,0.4);   
display: block;
width:60%;
height:14%;
 position:fixed;
 bottom:86%;
position: fixed;


	padding-left:0%;
	padding-right:0%;
padding-bottom:0%;
/*	background-color:#fff;*/
	background:#f1f1f1;	
/*	  background: url('../_img/img_header.jpg') ;
  background-position: center bottom;
    background-size: 100% auto;*/
}

.second ul {
	display:block;
    list-style-type: none;
	box-shadow: 2px 5px 8px -2px rgba(0,0,0,0.4);
    overflow: hidden;
    background-color: #333;
	height:5%;
    position:fixed;
    bottom:82%;
    width: 60%;
	padding-left:3%;
	vertical-align:middle;
}



.second li {
    float: left;
	display:block;
	padding:0;
	background-color: #333;
	bottom:0;
}

.second li a {
    display: flex;
align-items: center;
    color: white;

padding-bottom:16px;
padding-top:10px;
	padding-left:16px;
	padding-right:16px;
    
 	
/*	
	
 	
	padding-bottom:16px;*/	
    text-decoration: none;
}

.second li a:hover:not(.active) {
    background-color: #111;
}

.second .active {
    background-color: #721f6d;}


footer{
bottom:0px;
z-index:3;
box-shadow: 0px -5px 8px -2px rgba(0,0,0,0.4);  
display: block;
/*margin-top:150px;*/
/*position: fixed; */  /*固定footer區塊*/

}

.text-purple{color:#721f6d;}
.text-red{color:#f44336!important}


.flex-container {
    display: -webkit-flex;
    display: flex;
	margin-left:20%;
}

.flex-container-foot {
    display: -webkit-flex;
    display: flex;
	margin-left:15%;
}
.flex-item {
    
    height: 100%;
    margin: 10px;
	text-align:left;
	
}
/*-- FAQ-----------------------------------*/

ul#gallery  {
	margin: 0;
	padding: 0;
	list-style: none;
/*	width: 500px; */
/*	height:400px;  */
/*	border: 4px solid #fc0;*/
/*	background-color: #ff6;*/
/*	font: 13px Arial, Helvetica, sans-serif;*/
}
ul#gallery ol  {
	padding-top: 14px;
	padding-bottom: 50px;
	padding-left: 7px;
	font-size:14px;
}
ul#gallery li a {
	/*padding-left: 10px;*/
	text-decoration: none;
	color: #00F;
}

ul#gallery li a:hover {
	color: #00F;
} 



/*-- Table-----------------------------------*/
.table-bordered {
    border: 1px solid #c2cfd6;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
table {
    border-collapse: collapse;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 2px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #c2cfd6;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #c2cfd6;
}
.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #c2cfd6;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #c2cfd6;
}

.hidden { display: none; }
.unhidden { display: block; } 

/* --- dynamic FAQ-----------------------------------------*/
/*
ul#gallery li a {
	display: block;
	overflow: hidden;
	padding-left: 10px;
	line-height:40px;
 	height: 30px; 
	text-decoration: none;
	color: #000;
}
ul#gallery li a span{ color:#000;}

ul#gallery li a:hover {
	background-color: #CCC;
	height: 230px;
	color: #F00;
} */
/*------------------------------------------------------*/
/*-- in-use --*/
ul#gallery h3 {
/*	text-transform: uppercase; */
	font-size:14px;
	font: Helvetica, sans-serif; 
	font-weight: 900;
}

/*-- FORM-----------------------------------*/
	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}
	
		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}
		
		.select-wrapper:before {
			content: '\f078';
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}
		
		.select-wrapper:before {
		color: rgba(0, 0, 0, 0.1);
	}
	
		.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}
#listicon{display:none;}
.SHOW1200{display:none;}