html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, 
.Navigation li a, .Banner_sec .leftside h3, .Banner_sec .leftside h3 span{ font-family: Microsoft JhengHei !important; }

h3{font-weight:bold}

.Navigation li a {
    padding: 42px 24px 36px 24px !important;
}

header .site-logo {
    padding: 10px 0px 0px 0px;
    width: 220px;
    float: left;
    transition: all 0.3s;
}

header.smaller .site-logo {
    padding: 0px 0px 0px 0px;
    width: 150px;
    float: left;
    transition: all 0.3s;
}

.Banner_sec .leftside p {
	font-style: normal;
}

.Banner_sec .leftside {
    width: 30%;
}



.Banner_sec .bannerside {
    top: 140px;
}

.Banner_sec {
    height: 620px;
}

@media only screen and (max-width: 479px){

	.Banner_sec .bannerside {
		 top: 90px !important; 
	}

	header .site-logo {
		padding: 0px 0px 0px 0px;
		width: 150px;
		float: left;
		transition: all 0.3s;
	}
.Banner_sec .leftside {
    padding: 0px 0px 10px 0px;
    width: 100%;
    float: none;
	}
}

.Banner_sec .leftside h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0px;
    line-height: 40px;
}

.bgcolor {
	height: 0px;}


	.Services_sec .Serviceside li.point01 { padding: 0px 0px 0px 0px; background: url(../img/app_layout2-02.jpg) no-repeat ; background-size: cover; box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75); }	
	.Services_sec .Serviceside li.point01 a { text-decoration: none; background: url(../img/Development-cn.png) top center no-repeat; display: block; }
	.Services_sec .Serviceside li.point01 h4 { padding: 138px 0px 0px 0px;  font-size: 17px; color: #03a4df; text-decoration: ; text-transform: uppercase;   font-weight: 400; margin:0  }
	.Services_sec .Serviceside li.point01 a:hover h4 { color: #fff; background: url() top center no-repeat; }
	.Services_sec .Serviceside li.point01 a{ opacity:0.1; filter:alpha(opacity=10);    width: 245px; height: 440px; background: #000;}
	.Services_sec .Serviceside li.point01 a:hover { opacity:0.8; filter:alpha(opacity=80);}

	.Services_sec .Serviceside li.point02 { padding: 44px 0px 159px 0px;background: url(../img/app_layout2-04.jpg) no-repeat ;background-size: cover; box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);  }
	.Services_sec .Serviceside li.point02 h4 { padding: 138px 0px 0px 0px;  font-size: 18px; color: #ffab3f; text-decoration: none; text-transform: uppercase;   font-weight: 400; display: none;  }
	.Services_sec .Serviceside li.point02 a:hover h4 { color: #fff; background: url() top center no-repeat; }

	.Services_sec .Serviceside li.point03 { padding: 44px 0px 159px 0px; background: url(../img/app_layout2-06.jpg) no-repeat ;background-size: cover; box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);  }
	.Services_sec .Serviceside li.point03 h4 { padding: 138px 0px 0px 0px; font-size: 18px; color: #ae382d; text-decoration: none; text-transform: uppercase;  font-weight: 400;display: none;  }
	.Services_sec .Serviceside li.point03 a:hover h4 { color: #fff; background: url() top center no-repeat; }

	.Services_sec .Serviceside li.point04 { padding: 44px 0px 159px 0px;background: url(../img/app_layout2-08.jpg) no-repeat ;background-size: cover; box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);  }
	.Services_sec .Serviceside li.point04 h4 { padding: 138px 0px 0px 0px;  font-size: 18px; color: #5e5f61; text-decoration: none; letter-spacing: -1px; text-transform: uppercase;   font-weight: 400; display: none;  }
	.Services_sec .Serviceside li.point04 a:hover h4 { color: #fff; background: url() top center no-repeat;}

	.Services_sec .Serviceside li {
		width: 245px;
		height: 440px;
	}


	
		.use_sec { padding: 80px 0px 60px 0px ; width: 100%; overflow: hidden; background: #FFF; }
		.use_sec .Center { max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
		.use_sec h2 { font-size: 57px; color: #000;   font-weight: 400; margin: 0px; text-transform: uppercase; line-height: 60px; }
		.use_sec p { padding: 26px 0px 35px 0px; font-size: 14px; color: #8f8f8f; margin: 0px;   line-height: 25px; font-weight: 400; }
		.use_sec .Line { border: solid 1px #ff9408; height: 2px; width: 252px; margin: auto; }
		
		.app_sec { padding: 80px 0px 40px 0px ; width: 100%; overflow: hidden; background: #F6F6F6; }
		.app_sec .Center { max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
		.app_sec h2 { font-size: 57px; color: #000;   font-weight: 400; margin: 0px; text-transform: uppercase; line-height: 60px; }
		.app_sec p { padding: 26px 0px 35px 0px; font-size: 14px; color: #8f8f8f; margin: 0px;   line-height: 25px; font-weight: 400; }
		.app_sec .Line { border: solid 1px #ff9408; height: 2px; width: 252px; margin: auto; }
		
img.infographic {
width: 100%;
max-width: 800px;
margin: 20px auto;
text-align:center; 
display:block 
}

ol.infographic_listing {margin:30px 10px; text-align:left;display:none;  }

ol.infographic_listing li { display: list-item; 
	list-style-type: decimal;
	list-style-position: inside;
	padding-left:1em;
 font-size:18px; 	}
	

table{
font-size:18px;
margin:20px auto;
max-width: 600px;	
}

@media only screen and (max-width: 479px){

ol.infographic_listing { display:block  }
	}