html {
	border-width: 0px; margin: 0px; width: 100%; height: 100%; font-family: Arial,"微軟正黑體", "Microsoft JhengHei", sans-serif;
}
body {
	border-width: 0px; margin: 0px; width: 100%; height: 100%; font-family: Arial,"微軟正黑體", "Microsoft JhengHei", sans-serif;
}


.pagearea {
	margin:0 auto;
	background:#f8f8f8;
	border:1px solid #b8b8b8;
	border-top:0px;
	width:600px;
	box-sizing:border-box;
	}
.header {
	background-image: url("../images/bg.svg"); 
	background-repeat:repeat-x; 
	width:100%; 
	height:50px;
	}	
.logo_img{ 
	display:block;
	width:145px; height:50px; 
	content: '';
	background-image: url('../images/logo.svg') ;
	background-size: 145px 50px;
	position: relative; 
	top:-1px;
}
.iconbg{
	background:#003078;
	color:#ffffff;
	border:1px solid #103B7C;
	font-size:14px;
	padding:0px 2px;
}
.icon {
	width:20px;
}
.note {
	border:1px dashed #b8b8b8;
	background:#ffffff;
	color:#5d5d5d;
	padding:4px 4px 2px 8px;
	font-size:13px;
	margin-bottom:15px;	
	/*text-indent:-16px;
	padding-left:22px;*/
}
.btn_event {
	background: #ff670f;
	background: -moz-linear-gradient(top,  #ff670f 0%, #ed5c0d 100%);
	background: -webkit-linear-gradient(top,  #ff670f 0%,#ed5c0d 100%);
	background: linear-gradient(to bottom,  #ff670f 0%,#ed5c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ed5c0d',GradientType=0 );
	border:1px solid #B5460A;
	font-size:15px;
	height:40px;
}

.btn_event:focus,
.btn_event.focus,
.btn_event:hover {
	background: #ffa84c;
	background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%);
	background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);
	background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
	border:1px solid #C14E10;
}
.btn_event:active,
.btn_event.active {
	background: #ed5c0d;
	background: -moz-linear-gradient(top,  #ed5c0d 0%, #ff7400 100%);
	background: -webkit-linear-gradient(top,  #ed5c0d 0%,#ff7400 100%);
	background: linear-gradient(to bottom,  #ed5c0d 0%,#ff7400 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5c0d', endColorstr='#ff7400',GradientType=0 );
	border:1px solid #732B04;
}
.btnarea {
	margin-top:28px ;
	text-align:center;
	
}
.btn_center {
	margin:3px ;
	text-align:center;
	padding:10px ;
	
}

.space {
	display:inline-block;
	height:0px;
	width:0px;
}
.footer{
	height:50px;
	width:100%;
	background:#3C4F7A;
	color: #CCCCCC;
	line-height: 20px;
	padding-top: 4px;
	text-align:center;
	display:block;
	box-sizing:border-box;
	min-width:318px;
	
}
.title_line {display:block; height:25px; border-bottom:3px solid #002063; margin:15px 0px;}
.title_word {font-family: Arial,"微軟正黑體", "Microsoft JhengHei", sans-serif;color:#1a3878;font-size:17px;font-weight:bold; display:block; height:25px; border-bottom:3px solid #ea5404;  text-indent:2px; line-height:22px;}
.title_icon {float:right;color:#4c7bbb; display:inline-block;padding:4px;margin-top:-26px;font-size:15px;margin-right:2px;cursor:pointer;}
.title_t4 {width:71px;}

.contact {
	line-height: 14px; font-size: 11px; white-space: nowrap;
}
.copyright {
	line-height: 14px; font-size: 11px; white-space: nowrap;
}
.contact {
	color: rgb(175, 182, 196);
}
.contact a {
	color: rgb(175, 182, 196); text-decoration: underline;
}
.contact img {
	margin: 0px 7px 0px 2px; top: 1px; position: relative;
}
.copyright {
	color: rgb(98, 116, 156);
}


/*light box*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	width: 560px;
	height: 250px;
	padding: 16px;
	border: 4px solid #909090;
	background-color: #f8f8f8;
	z-index:1002;
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.white_content1 {
	display: none;
	width: 560px;
	height: 250px;
	padding: 16px;
	border: 4px solid #909090;
	background-color: #f8f8f8;
	z-index:1003;
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.lightbox-close {
	display: block;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	background: #c6c6c6;
	color: #fff;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size:26px;
	text-align:center;
}
.lightbox-txt,.lightbox-txt1{
	font-size:16px;
	display:block;
	padding-bottom:20px;
}


@media (max-width: 599px) {
.pagearea {
	width:100%;
	}
.btnarea {
	margin:0 auto;
	width:232px;
	margin-top:40px;
	margin-bottom:20px;
}
.btn_trade{
	display:block;	
	width:232px; height:86px; 
	content: '';
	background-image: url('../images/btn_trade.png') ;
	background-size: 232px 86px;
}
.btn_open{ 
	padding-top:40px;
	display:block;
	width:232px; height:86px; 
	content: '';
	background-image: url('../images/btn_open.png') ;
	background-size: 232px 86px;
}
.space {
	display:block;
	height:30px;
	width:1px;
}
.white_content {
	width: 300px;
	height: 360px;
	padding: 0px;
}

.lightbox-txt {
	padding:0px 22px 10px 22px;
}
.lightbox-txt1 {
	padding:0px 8px 10px 8px;
}

}