/* -------------------------------- 

小型裝置展開按鈕

-------------------------------- */
nav{
	z-index: 99;
}
.cd-image-replace {
  /* replace text with image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.btn-content{
	width: 33%;
	float: right;
}


/* -------------------------------- 

小型裝置導航

-------------------------------- */

.cd-vertical-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}



/* -------------------------------- 

小型裝置導航展開選單

-------------------------------- */


/*小型裝置導航單一菜單*/
.cd-vertical-nav a {
  display: block;
  padding: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

  .cd-vertical-nav {
	/* reset style */
	position: fixed;
	right: 2%;
	left: 90%;
	bottom: 3%;
	height: 100vh;
	width: 100px;
	max-width: none;
	max-height: none;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	background-color: transparent;
	/* vertically align its content*/
	display: table;
	margin: 0;
	padding: 0;
  }
  .cd-vertical-nav ul {
	display: table-cell;
	vertical-align: middle;
  }	
  .cd-vertical-nav li {
	margin-right: -50px;
	padding-top: 10px;
  }	
  .cd-vertical-nav a {
	position: relative;
	padding-top: 1.2em;
	border-bottom: none;
	text-align: right;
	padding-left: 0;
	padding-right: 0;
  }
	/*作用中的點*/
  .cd-vertical-nav a::before, .cd-vertical-nav a::after {
	content: '';
	position: absolute;
  }
	/*其他的點*/
  .cd-vertical-nav a::before {
	top: 8px;
	left: 150px;
	height:24px;
	width: 24px;
	background-image: url(../images/dot_dark.png);
	background-repeat: no-repeat;
  }
	/*滑鼠滑入的點*/
  .cd-vertical-nav a.active::before, .no-touch .cd-vertical-nav a:hover::before {
	background: url(../images/dot_light.png);
  }

  .label{
	color:  rgba(255, 255, 255, 1);
	font-size: 16px;
	font-weight: bolder;
	text-shadow: black 0.1em 0.1em 0.1em;
  }
 .label:hover , .active .label {
	color: rgba(237, 230, 174, 1);
 }

.cd-vertical-nav {
  background: rgba(230, 199, 172, 0);
}




