@font-face {
    font-family: NotoSansTC-Black;
    src: url('/fonts/NotoSansTC-Black.eot');
    src: url('/fonts/NotoSansTC-Black.eot') format('embedded-opentype'),
         url('/fonts/NotoSansTC-Black.woff') format('woff'),
         url('/fonts/NotoSansTC-Black.ttf') format('truetype'),
         url('/fonts/NotoSansTC-Black.svg#NotoSansTC-Black') format('svg');
}
@font-face {
    font-family: NotoSansTC-Bold;
    src: url('/fonts/NotoSansTC-Bold.eot');
    src: url('/fonts/NotoSansTC-Bold.eot') format('embedded-opentype'),
         url('/fonts/NotoSansTC-Bold.woff') format('woff'),
         url('/fonts/NotoSansTC-Bold.ttf') format('truetype'),
         url('/fonts/NotoSansTC-Bold.svg#NotoSansTC-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
#wrapper {
	width: auto;
	font-family:微軟正黑體,arial;
	/* [disabled]background: #FFF url(../images/bg.png) no-repeat; */
}
#header {
	padding-top: 1%;
	padding-bottom: 1%;
}

#content {
	background: #fdaf17 url(../images/bg3.png) no-repeat center top;
	padding-top: 5%;
	text-align: center;
	padding-bottom: 11%;
}
#content img {
	height: auto;
	width: auto;
	/*max-width: 90%;*/
	max-width: 100%;
	margin:auto;
}
.footerFloat {
	width: 50%;
	float: left;
}
.textAlignright {
	text-align: right;
}
#tc {
	font-size: 90%;
	color: #FFF;
	padding: 40px 5% 25px;
	line-height: 120%;
	text-align: left;
}
.fullsize {
	font-size: 130%;
	font-weight: bold;
	display: block;
	padding-bottom: 15px;
}
body {
	margin: 0px;
	padding: 0px;
}
.hidden {
	display: none;
}
#footer{
	zoom:1;
}
#footer:after{
	content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;
}
.floatright{
	float:right !important;
}
a {
	color:#FFF;
	text-decoration:none;
}
.livechatbtn img{
	width:100%;
	height:auto;
}

#sidemenu img{
	/*width: 33px;
    height: auto;
    display: block;
    text-align: center;
    margin: 0 auto;*/
	
	width: 33px;
    height: auto;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    /* float: left; */
    vertical-align: middle;
}
.contactarea{
	text-align:ceenter;
	margin:0px 0 0 0;
	position: fixed;
    bottom: 0px;
    display: block;
    width: 100%;
}
.pageheight{
    position: relative;
}
.orangebar{
	background-color:#f59221;
}
.bluebar{
	color:#fff;
	text-align:center;
    font-weight: bold;
}
.impacttext{
	font-family:impact, arial, helvetica;
	font-size: 150%;
	font-weight: normal;
}
@media screen and (min-width: 320px) {
	#footer{
		display:none;
	}
	#sfooter{
		display:block;
	}
	.footerFloatlarge{
		width:50%;
		float:left;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.copyright{
		font-size:10px;
		text-align:center;
		clear:both;
		width:auto;
		padding:15px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#mainText{
		padding: 5% 3% 2%;
	}
	.livechatbtn{
		position:fixed;background-color:#00498f;top:90px;right:0;width:30px;height:30px;padding:5px;
	}
	#sidemenu{
		position: fixed;
		right: inherit;
		bottom: 0;
		width: 100%;
		height: auto;
		background-color: #00498f;
		top: inherit;
		padding: 5px 0;
		height: 30px;
		z-index:100;
		display: table;
	}
	.sharecol{
		width: auto;
		margin: 0 auto;
		text-align: center;
		display: table-cell;
	}
	.sharecol img{
		height:100%;
		width:auto;
		max-height:33px;
	}
	.livechatarea {
		width: 200px;
		margin: 25px auto 15px;
		display: block;
	}
	.smallimg{
		display:block;
	}
	.largeimg{
		display:none;
	}
	.contactarea img{
		width: 100%;
		height: auto;
	}
	.contactarea{
		bottom: 30px;
	}
	.bluebar{
		background-color:#1d4988;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		font-size:140%;
	}
	.blankbar img{
		margin: auto;
		max-width:90%;
		display: block;
		padding:15px 0;
	}
	.orangebar img{
		margin: auto;
		max-width:100%;
		display: block;
	}
	.installblock{
		padding: 40px 15px;
		max-width: 450px;
		display: block;
		/*width: 100%;*/
		margin: auto;
	}
	.bluebar{
		font-size: 100%;
		padding: 10px 0 20px;
	}
	.textblock{
		display:inline-block;
		text-align:center;
	}
	.cstext{
		display:inline-block;
		padding: 0 0 0 10px;
	}
}
@media screen and (min-width: 960px) {
	#footer{
		display:block;
	}
	#sfooter{
		display:none;
	}
	.footerFloatlarge{
		width:30%;
		float:left;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.copyright{
		font-size:10px;
		text-align:center;
		clear:none;
		width:40%;
		padding:25px 0 15px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#mainText{
		padding: 0;
	}
	.livechatbtn{
		top:120px;
	}
	#sidemenu{
		position: fixed;
		right:0;
		bottom:inherit;
		width:30px;
		height:auto;
		background-color:#00498f;
		top:110px;
		padding:8px 5px;
		height: auto;
	}
	.sharecol{
		width:100%;
		margin:0 auto;
	}
	.sharecol img{
		height:100%;
		width:auto;
	}
	.livechatarea {
		width: 250px;
		margin: 55px auto 15px;
		display: block;
	}
	.smallimg{
		display:none;
	}
	.largeimg{
		display:block;
	}
	.contactarea{
		bottom: 0px;
	}
	.contactarea img {
		width: 100%;
		height: auto;
		max-width: 500px;
		text-align: center;
		margin: auto;
		display: block;
	}
	.blankbar img{
		margin: auto;
		max-width:600px;
		display: block;
		
	}
	.orangebar img{
		margin: auto;
		max-width:600px;
		display: block;
	}
	.installblock{
		padding:40px 0;
		max-width:450px;
	}
	.bluebar{
		font-size: 150%;
	}
	.textblock{
		display:inline;
	}
	.cstext{
		display:none;
	}
}