/* =CSS RESET ========================*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baselinebaseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	letter-spacing: 0.5px;}
	
	
/* remember to define focus styles! */   
:focus {
outline: 0;}
	
/**:link, *:visited, *:hover, *:active, *:focus, * {
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;}
*/
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
	
body {
	font-family:Microsoft JhengHei;
	font-size: 15px;
	line-height: 24px;
	overflow-x: hidden;
}
	
ol, ul {
list-style: none;}
	
/* tables still need cellspacing="0" in the markup */   

	
caption, th, td {
font-weight: normal;
text-align: left;}
	
/* remove possible quote marks (") from <q> & <blockquote> */   
blockquote:before, blockquote:after, q:before, q:after {
content: "";}
blockquote, q {
quotes: "" "";}






/* =CSS RESET ========================*/

body {}
input, select, textarea {
font-size: 15px;}


a {text-decoration:none;}
a:active, a:hover {}

	
.active{
	color:#0066CC;
}





/*-- font style --*/

/* H1: site-name title */
h1, h1 a {
float: left;
height: 70px;
width: 200px;
text-indent: -9999px;
/*background: url(../images/logo.png) no-repeat left center;}*/
}

.header_b h1 a{
	background: url(../images/logo1.png) no-repeat left center;
}
.header_w h1 a{
	background: url(../images/logo2.png) no-repeat left center;}
}
/* H2: section title */
h2 {}

/* H3: page title */
h3 {
font-size: 20px;
line-height: 32px;
color: #2A2A2A;
font-weight: Bold;
text-align: left;}

/* H4: article title */
h4 {
font-size:18px;
line-height: 32px;
color: #0066CC;
font-weight: Bold;
padding: 16px 0 0 0;}

article p,article ul ,article table{
	margin-left:20px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #BBBBBB;}
::-moz-placeholder { /* Firefox 19+ */
  color: #BBBBBB;}
:-ms-input-placeholder { /* IE 10+ */
  color: #BBBBBB;}
:-moz-placeholder { /* Firefox 18- */
  color: #BBBBBB;}


.gray{
color: /*rgba(64, 64, 64, 1);*/ #000;}
.white{
color: rgba(255, 255, 255, 1);}
.blue{
color: rgba(0, 102, 204, 1);}

.f13{
font-size: 13px;
line-height: 24px;}
.f15{
font-size: 15px;
line-height: 24px;}
.f18{
font-size: 18px;
line-height: 32px;}
.f26{
font-size: 26px;
line-height: 46px;}



.bold{
font-weight: bold;}
.normal{
font-weight: normal;}








/*-- button --*/

.bt_more{
border: 1px solid #0058AD;
font-size: 13px;
line-height: 28px;
border-radius: 3px;
color: #004893;
padding: 0 12px 0 25px;
background: #FFFFFF url(../images/ic_arrow_dblue.png) no-repeat 12px center;
letter-spacing: 2px;
margin: 20px 0 0px 0;cursor:pointer;}

	.bt_more:hover{
	background-color: #E6F0FA;}

.bt_close{
border: 1px solid #0058AD;
font-size: 13px;
line-height: 28px;
border-radius: 3px;
color: #004893;
padding: 0 12px 0 25px;
background: #FFFFFF url(../images/ic_close_dblue.png) no-repeat 12px center;
letter-spacing: 2px;
margin: 20px 0 30px 0;;cursor:pointer;}

	.bt_close:hover{
	background-color: #E6F0FA;}
	
.bt_normal{
cursor:pointer;
border: 1px solid #0058AD;
font-size: 13px;
line-height: 28px;
border-radius: 3px;
color: #004893;
padding: 2px 12px 0 12px;
background: #FFFFFF;
letter-spacing: 2px;
margin: 20px 0 0 0;;cursor:pointer;}

	.bt_normal:hover{
	background-color: #E6F0FA;}

button{
cursor:pointer;
border: none;
font-size: 15px;}








/*-- others --*/
	
.clear {
clear: both;}


.center {
width: 90%;
margin: 0 auto;
height: 100%;
max-width:990px;
padding: 20px 0;}


.title_line{
height: 2px;
width: 50px;
background-color: #0066CC;
margin-bottom: 15px;}

.mask{display: none}
	@media screen and (max-width: 1024px){
	.mask{
	display: inherit;
	width: 100%;
	height: 100vh;
	background-color:rgba(0, 0, 0, 0.5);
	position: fixed;
	top:0;
	z-index: 6;}
	}