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;
}
body {padding-top:0px;overflow-x: hidden;}


a {cursor:pointer}
a{
      outline: none; /* for Firefox Google Chrome  */
      behavior:expression(this.onFocus=this.blur()); /* for IE */
}
#index_main {position:absolute;width:100%;top:50px;bottom:0px;overflow:no;margin-top:0px;padding-top:0px;} 
#content {padding:8px}
#fade {
	left: 0%; top: 0%; width: 100%; height: 100%; display: none; position: absolute; z-index: 1001; opacity: 0.4; background-color: #000000; -moz-opacity: 0.4;
	position:fixed; 
}

#loading-indicator {
	left: 50%; top: 50%; display: none; position: fixed; z-index: 1002;
}

.nav_bg {background-image: url("../images/bg.svg"); background-repeat:repeat-x; width:100%; height:50px;min-width:280px;position:absolute;top:0px;}


@media all and (max-width:1279px)
{
	#footer_bar {position: relative;}
	
}
@media all and (min-width:1280px)
{
	.container {margin-bottom:20px;}
}

#footer_bar a {
	color: rgb(255, 255, 255); text-decoration: none;
}
#footer_bar a:hover {
	color: rgb(175, 182, 196); text-decoration: underline;
}

.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);
}
input.form-control {
	width: inherit; display: inline;
}


@media screen and  (min-width:1280px)
{
	.container {	margin-bottom: 60px;}
}

@media screen and (max-width:480px) and (max-height:640px)
{
	.container {	margin-bottom: 20px;}
	.contact {display: inline;}
	#imgCDFLogo {margin-top: 10px;}
}

@media screen and (max-width:480px)
{
	#imgCDFLogo {height: 20px; margin-top: 5px; margin-bottom: 5px;}

}
@media screen and (max-width:640px) and (min-width:480px)
{
	/*.container {margin-bottom: 60px;}*/
	.contact {display: inline;}
	#imgCDFLogo {margin-top: 10px;}
}
@media screen and (min-width:480px)
{
	/*.container {margin-bottom: 60px;}*/
	#imgCDFLogo {margin-top: 10px;}
}


.tx_s {font-size:13px;}
.mg8 {margin:8px;}
.mb4 { margin-bottom:4px;}
.mb8 { margin-bottom:8px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}


.mt4 {margin-top:4px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt50 {margin-top:50px;}
.mr4 {margin-right:4px;}
.mr8 {margin-right:8px;}
.ml4 {margin-left:4px;}
.ml8 {margin-left:8px;}
.ml20{margin-left:20px;}

.pd4 {padding:4px;}
.pd8{padding:8px;}
.pr8 {padding-right:8px;}
.pl4 {padding-left:4px;}

.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_t3 {width:49px;}
.title_t4 {width:71px;}
.title_t5 {width:89px;}
.title_t6 {width:105px;}
.title_t7 {width:122px;}
.title_t9 {width:156px;}
.title_t10 {width:174px;}
.title_menu {color:#5d5d5d;font-size:14px;display:inline-block; height:25px; line-height:22px; float:right;margin-top:-25px}

.errmsg { color:#e60202; padding-bottom:15px; padding-top:5px;}
.sepline {height: 1px; margin-top: 10px; margin-bottom: 10px; background-color:#b3b3b3; box-shadow:1px 1px 0px #fff; width:100%}
.sepline1 {height: 1px; margin-top: 10px; margin-bottom: 10px; background-color:#b8b8b8; box-shadow:1px 1px 0px #f0f0f0; width:100%}
.footer_bg {background: rgb(60, 79, 122) !important }


.txt_red {color:#ea0202}
.txt_navy {color:#1b4da8}
.txt_navy1 {color:#1b4da8;font-size:17px; font-weight:bold;}
.txt_navy2 {color:#001F63}
.txt_gray {color:#5d5d5d;}
.txt_green {color:#008000;}
.txt_orange {color:#ED5C0D}




/************************* header **********************************/
#top1 {display:block; z-index:1} /*憭批偕撖絹eader嚗��烾��:85px*/
#top2 {display:none} /*撠誩偕撖絹eader嚗��烾��:50px*/
/*#fade {padding-top:-85px}*/

.headerbg {z-index:1;}
.headerbgleft { /*憭批偕撖絹eader嚗�椰�𡃏�峕艶撱嗡撓*/
	position:absolute;
	left:0px;top:0px;
	height:85px;
	width:50%;
	background: url("../images/header_bg_1.png") repeat-x left top;
	z-index:2;	
}
.headerbgright { /*憭批偕撖絹eader嚗�𢰧�𡃏�峕艶撱嗡撓*/
	position:absolute;
	right:0px;top:0px;
	height:85px;
	width:50%;
	background: url("../images/header_bg_3.png") repeat-x left top;
	z-index:2;
}
.headerbgcenter {z-index:3;position:relative;height:85px} 

.newopen {float:left;width:100%;display:inline-block;box-sizing:border-box;}
.reopen {float:left;width:100%;display:inline-block;box-sizing:border-box;}

.newopen1 {width:100%;display:inline-block;box-sizing:border-box;float:left}
.reopen1 {width:100%;display:inline-block;box-sizing:border-box;float:left}
.titleimg1,.titleimg2 {width:35%;}

.iconmenu {display:inline-block;box-sizing:border-box;margin-right:-4px;float:left;padding:8px;cursor:pointer}
.iconmenu:hover,.qrcode_img:hover {position:relative;top:-2px}
.iconmenu.disabled {cursor:default}
.iconmenu.disabled:hover {position:relative;top:0px}

.imgh { /* icon height 100% 靽脲���硋�𤩺�𥪯��*/
	width:100%;
	height:auto;
}

.reopeniconwth  {width:20%} /*��𣇉內:銝����5��*/


.topspace {height:50px;}
.graybgbottom {background: rgb(249, 249, 249);margin-top:20px;padding-top:20px;padding-bottom:10px;clear:both}
.qrcode {float:right;width:20%;text-align:right;clear:both;padding-top:8px;padding-right:12px;cursor:pointer;min-width:150px;max-width:200px}


.bottomleft {width:calc( 100% - 240px );float:right;box-sizing:border-box} /*��𧢲�隤芣��*/
.bottomright {width:240px;float:right;text-align:center;padding:10px 20px 10px 30px;box-sizing:border-box} /*��𧢲�����厰��*/
.stepicon {width:100%;clear:both;display:inline-block;text-align:center;margin-bottom:10px;}
.titleline 	{
	color:#05367b;
	font-size:16px;
	font-weight:bold;
	border-bottom:2px solid #47a93d;
	position: relative;
	padding-left:2px;
	padding-bottom:4px;
	
	}
.titleline::after {
	background: url("../images/line.png"); width: 15px; height: 15px; right: 0px; bottom: 0px; display: block; position: absolute; content: "";}

@media screen and  (min-width:1280px) {
	.graybgbottom {margin-top: -40px;}
	.topspace {margin-top:0px;}
	.reopeniconwth  {width:16.6666%} /*��𣇉內:銝����6��*/
	.titleimg1,.titleimg2 {width:30%;}
}

@media screen and  (min-width:601px) and  (max-width:760px) {
	.bottomleft {width:calc( 100% - 200px );} 
	.bottomright {width:200px;padding:10px 20px 10px 30px;} /*��𧢲�����厰��*/
}
@media screen and (max-width: 600px) {
	.newopen,.reopen {width:100%;padding:0px}
	.titleimg2 {margin-top:20px}
	.titleimg1,.titleimg2 {width:66.666666%;}
	.iconmenu {width:33.333333%;}  /*��𣇉內::銝����3��*/
	

	.bottomleft {width:100%;}
	.bottomright {width:100%;padding:5px 10px;}
	.qrcode {
		width:33%;
		/*display:none demo�鍂嚗�祕��偦＊蝷箔誑user�讛汗�膥�ế�𪃾嚗峕�𧢲�毺�讛汗�膥甇文�憛𢠃黸���*/
	}
	.stepicon {width:49%;padding:0px 10px;display:inline-block;}

}
@media screen and (min-width:993px) {
	.iconmenu { 	padding:12px;} 
	.newopen1,.reopen1 {margin-top:-13px;}	
}
	

@media screen and (max-width:992px) {
	.headerbgcenter {width:100%}
	.container {width:100%;padding-left:10px;padding-right:10px;}
	.newopen1,.reopen1 {margin-top:-9px;}	

}

@media screen and (max-width: 767px) {
	#top1 {display:none}
	#top2 {display:block}
	.topspace {height:15px;}
}


@media screen and (max-width: 475px) {
	.container {margin-bottom:20px;}
}


.topmenu a {color:#ffffff; padding:0px 8px 0px 4px;border-right:1px solid #000000;}
.topmenu1 a {color:#ffffff; padding:0px 8px;border-right:1px solid #000000;border-left:1px solid #000000}
.topmenu a:hover,.topmenu1 a:hover {text-decoration:none;color:#F47120}

#dropmenu {
	display: none;
}
#leftspace {
	position:absolute;
	background:transparent;
	left:0px;right:220px;
	top:50px;
	bottom:0px;
	z-index:9998;
}

 .menu  {
	width:44px;
	height:46px;
	color:#ffffff;
	text-align:center;
	cursor:	pointer;
	font-size:24px;
	position:relative;
	top:4px;
	padding-top:4px;
	float:right;
	border-left:1px dotted #4e4e4e;
}

.menu:hover { 
	background: rgb(19,132,193);
	background: radial-gradient(ellipse at center,  rgba(19,132,193,1) 0%,rgba(14,40,97,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1384c1', endColorstr='#0e2861',GradientType=1 );
}
/*toTOP*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top1.png") no-repeat 0px 0px;
	opacity: 0.4;
	z-index:1100;
}
#toTop:hover {
	opacity: 1;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/************************* popup QRcode **********************************/
.msgbox {
	display: none;
	width: 340px;
	height:240px;
	background:#ffffff;
	z-index:1002;
	overflow:hidden;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 1px 4px 6px rgba(50, 50, 50, 0.5);
}
.msgbox_title {
	display: block;
	width: 100%;
	height: 40px;
	line-height:38px;
	font-size:15px;
	padding-left: 8px;
	background: #001F63;
	/*border-bottom:1px solid #c6c6c6;*/
	color:#ffffff;

}
.msgbox_ctn{
	position:absolute;
	top:40px;
	bottom:60px;
	display:block;
	width: 100%;
	padding: 10px 8px;
	background: #ffffff;
	text-align:center;	
}
.msgbox_ctn_notitle {/*�⊥�䠷����*/
	position:absolute;
	top:0px;
	bottom:60px;
	display:table-cell;
	vertical-align:middle;
	width: 100%;
	padding: 16px;
	background: #ffffff;
	text-align:center;
	
}
.msgbox_ctn_nobtn {/*�⊥�厰�訫��*/
	position:_absolute;
	top:40px;
	bottom:0px;
	display:table-cell;
	vertical-align:middle;
	width: 100%;
	padding: 16px;
	background: #ffffff;
	text-align:center;
	
}
.div_vertical{
	display:table;
	border-collapse: collapse;
	width:100%;
	height:100%;
}

.div_vertical div  {
	display:table-cell;
	vertical-align:middle;
}
.msgbox_btn{
	text-align:center;	
	display: block;
	padding:14px;
	background: #f3f3f3;
	/*border-top:1px solid #c6c6c6;*/
	position:absolute;
	bottom:0;
	left:0px;
	right:0px;
	box-sizing: border-box;	
}

.msgbox_btn .btn{
	width:40%;
	margin:0 8px;
}

.msgbox_close {
	display: block;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	background: transparent;
	color: #b8b8b8;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size:26px;
	text-align:center;
	cursor:pointer;
}
.msgbox_close:hover {
	color: #f0f0f0;
}

@media screen and (max-width:320px)  { 
.msgbox {width: 300px;}

}

/************************* QRcode **********************************/
.qrcodebox { width:320px;height:480px}
.qrcode_title_newopen {
	color:#008000;
	border-bottom:1px solid #008000;
	width:94%;
	text-align:center;
	padding-left:2px;
	margin-right:-4px;
	font-size:14px;
	font-weight:bold;
	padding-bottom:2px;
	margin:0 auto;
	}
.qrcode_title_reopen {
	color:#ED5C0D;
	border-bottom:1px solid #ED5C0D;
	width:94%;
	text-align:center;
	padding-left:2px;
	margin-right:-4px;
	font-size:14px;
	font-weight:bold;
	padding-bottom:2px;
	margin:0 auto;
	}

.qrcodeicon {display:inline-block;box-sizing:border-box;float:left;padding:2px;width:33.3333%;}

.qrcode_title_acc {display:inline-block;height:32px;line-height:32px;font-size:14px;font-weight:bold;}
.qrcode_title_eoa {height:32px;font-size:14px;}
.qrcode_title_eoa .font1 {font-size:10px;-webkit-text-size-adjust:none; -webkit-transform: scale(0.9);-o-transform: scale(1);}
.qrcode_block_newopen {width:33.3333%;display:inline-block;margin-right:-4px;}
.qrcode_block_reopen  {width:66.6666%;display:inline-block;margin-right:-4px;}
.qrcodeicon.wth1 {width:100%;} 
.qrcodeicon.wth2 {width:50%;} 
.qrcodeicon.wth3 {width:33.3333%;} 

@media screen and (min-width:641px) { 
	.qrcodebox {width:590px;height:370px;}
	.qrcode_block_newopen {width:20%;}
	.qrcode_block_reopen  {width:80%;}
	.qrcodeicon.wth1 {width:100%;} 
	.qrcodeicon.wth2 {width:25%;}

}
/*@media screen and (min-width:541px) and (max-width:640px)  { 
	.qrcodebox { width:97%;}
	.qrcodeicon {padding:4px 2px;}
	
}

@media screen and (max-width:540px)  { 
	.qrcodebox { width:320px;height:480px}
	.qrcodeicon {padding:2px;width:33.3333%;}
	.qrcode_block_newopen {width:33.3333%;}
	.qrcode_block_reopen  {width:66.6666%;}
	.qrcodeicon.wth2 {width:50%;} 
}*/


/************************* ��𧢲�隤芣�� **********************************/
.w3-ul{background-color:#fff}
.w3-ul{list-style-type:none;padding:0;margin:0}
.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}
.w3-ul li:last-child{border-bottom:none}
.accstyle {font-size:18px;margin:24px 0px 8px}
.nowrap {white-space:nowrap;}
@media screen and (max-width:360px)  { 
	.accstyle {font-size:17px;}
}