@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700&display=swap');

a{
	color: inherit;
	text-decoration:none;
	cursor:pointer;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
*{
	outline:none}
a:link,
a:visited  {text-decoration:none;color: #161615;}
a:hover {text-decoration:none;color:#ecc545;}
a:active {text-decoration: none;color: #161615;}
html,body {
	font-family: 'Noto Sans TC',"微軟正黑體", cursive;
	-webkit-text-size-adjust:100%;
	color:#444;
	width:100%;
	height:100%;}
body {overflow-x: hidden;}
address{
	font-style:normal;}

/* 滾軸顏色 */
::-webkit-scrollbar {
	height:12px;
	overflow:visible;
	width:12px;}
::-webkit-scrollbar-thumb {
	background-color:#999999;
	background-clip:padding-box;
	border:solid transparent;
	border-width:0 0 0 0px;
	min-height:28px;
	padding:100px 0 0;
	box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);}
::-webkit-scrollbar-thumb:hover {
	background-color:#999999;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);}
::-webkit-scrollbar-thumb:active {
	background-color:#999999;
	box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35);}

.box{border:1px solid #dddddd; background:#ffffff; font-size:14px; padding:8px; color:#575353; border-radius:5px;}
input,
select,
textarea {
	font-family:'Noto Sans TC',"微軟正黑體", sans-serif;}


*{-webkit-box-sizing:border-box;moz-box-sizing: border-box;box-sizing:border-box}
img{vertical-align:middle; border:0px; max-width:100%; height:auto }
.clear { clear:both; height:1px; line-height:1px;}

.embed-container{
	width:100%;
	height:0px;
	line-height:normal;
	padding-bottom:56.25%;
	position:relative;
	overflow:hidden;}
.embed-container iframe{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;}



/*頁碼*/
.manu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	line-height:1;
	
	
	padding:70px 1% 0;
	font-size:20px;
	text-align:center;  
	width:100%;
	overflow:hidden; position:relative}
.manu p{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.manu a {
	margin:0px 18px;
	display:inline-block;vertical-align:middle;}
.manu a:hover {}
.manu a.next,
.manu a.previous{
	font-size:23px;
	margin:0;}
.manu span{
	margin:0px 18px;
	display:inline-block;
	vertical-align:middle;
	color: #ecc545;
}