body, html {
	width: 100%;
	height: 100%;
	text-align: center;
}

/* <<===begin滿版格局========================>> */
#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	min-height:100%;
	height: auto !important;
	height: 100%; 
	margin: 0 auto -100px;
	
}

#header, #logo-line, #banner, #container, #footer {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}

#header, #logo-line, #banner, #container{float: left;}

#header_in , #banner_in, #container_in, #footer_in {
	padding-right: 10%;
    padding-left: 10%;
    margin-right: auto;
    margin-left: auto;
}



.push{
	padding-bottom: 100px;
	clear:both;
}

#footer {
	height: 100px;
	clear: both;
	background:#3F73AD;
}

/*#header_in {
	background: #0F0;
}
#banner_in {
	background: #CC6;
}
#container_in {
	background: #F6F;
}
#footer_in {
	background: #99F;
}*/
/* <<===End滿版格局==>> */



/* <<=== common set================================>> */
#header{
	position:relative;
	z-index:0;
	border-bottom:3px solid #3F73AD;
}

.banner01{
	margin-top:30px;
}

.tple01 , .tple02{
	float:left;
	margin-top:20px;
	text-align:left;
}

/*左側內容*/
.tple01{
	width:calc(100%/10*6.9);
	margin-right:1%;
}

/*右側內容-地址與line*/
.tple02{
	width:calc(100%/10*2.9);
	margin-left:1%;
}


/*左下-標籤說明文區塊*/
.tple-bottom-tab , .tple-bottom-tab-busi{
	float:left;
	width:calc(100%/1 - 20px);
	padding:30px 0px 10px 20px;
	margin:0px 0 0 5px;
	position:relative;
	background:#FFF;
	
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}

/*.tple-bottom-tab:before , .tple-bottom-tab-busi:before{
	position: absolute;
	z-index: 0;
	top: -45px;
	left: 30px;
	
	content: " ";
	background:#FFF;
	display:block;
	width:90%;
	height:45px;
	-webkit-box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, 0.3) , -1px -1px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, 0.3) , -1px -1px 2px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, 0.3) , -1px -1px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, 0.3) , -1px -1px 2px 0px rgba(0, 0, 0, 0.1);	
	
	-ms-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-webkit-border-radius: 15px 15px 0px 0px;
	-o-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px;
}

.tple-bottom-tab-busi:before{
	top: -45px;
	left: 5%;
	width:90%;
	height:45px;
}*/



.tple-bottom-tab-title , .tple-bottom-tab-title-busi{
	/*position:absolute;
	z-index: 20;
	top: -62px;
	left: 2%;*/
	float:left;
	position:relative;
	z-index:1;
	left:2%;
	max-width:90%;
	color:#3F73AD;
	font-size:22px;
	font-weight:700;
	padding:10px 20px 10px 20px;
	margin-top:30px;
}

.tple-bottom-tab-title:before , .tple-bottom-tab-title-busi:before{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	
	content: " ";
	background:#FFF;
	display:block;
	width:100%;
	height:100%;
	-webkit-box-shadow: 1px -1px 1px 0px rgba(0, 0, 0, 0.3) , -2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px -1px 1px 0px rgba(0, 0, 0, 0.3) , -2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 1px -1px 1px 0px rgba(0, 0, 0, 0.3) , -2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px -1px 1px 0px rgba(0, 0, 0, 0.3) , -2px -2px 2px 0px rgba(0, 0, 0, 0.1);	
	
	-ms-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-webkit-border-radius: 15px 15px 0px 0px;
	-o-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px;
}


.tple-bottom-tab-title-busi{
	left: 10%;
}



.tple-bottom-tab-txt , .tple-bottom-tab-txt-page{
	width:calc(100%/1 - 20px);
	padding-right:20px;
}

.tple-bottom-tab-txt-page img{ max-width:100%; height:auto; }


/*右側地圖群組*/
.tple-map-group , .tple-map-title , .tple-map-fra , .tple-line-btn , .tple-line-id{
	float:left;
	line-height:40px;
	width:calc(100%/1);
	text-align:center;
}

.tple-map-group{
	margin:30px 0 0 0;
}

.tple-map-title{
	font-weight:700;
	font-size:18px;
	margin:0 0 10px 0;
	padding-left:50px;
	border-bottom:2px solid #cccccc;
	position:relative;
}

.tple-map-title:before{
	position: absolute;
	z-index: 3;
	top: -45px;
	left: -20px;	
	content: url(../image/map_icon.png);
}


.tple-line-btn{
	text-align:center;
	margin-top:20px;
	
	/*transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;*/
}

.tple-line-btn:hover{
	/*-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);*/
}



.tple-line-id a{
	color:#000;
	font-size:25px;
}




/* <<===End common set==>> */



/* <<===begin header================================>> */

/* <<===End header==>> */




/* <<===begin banner================================>> */

/* <<===End banner==>> */




/* <<===begin footer================================>> */
#footer_in{
	color:#FFF;
	font-size:12px;
	line-height:30px;
}
/* <<===End footer==>> */







/* <<===begin index================================>> */

/*左側上方的借款流程與服務項目*/
.idx-le-debit , .idx-le-service{
	float:left;
	width:calc(100%/2);
	background:#FFF;
}

.idx-tab-group , .idx-tab-date , .new-tab-date , .idx-tab-name , .idx-tab-more , .new-tab-more , .new-de-tab-name , .new-de-tab-date{
	float:left;
	line-height:40px;
	text-align:left;
}

.idx-tab-group{
	width:calc(100%/1);
	margin:20px 0 10px 0;
	padding:0 0 0 20px 0;
	border-bottom:1px solid #cccccc;
}

.idx-tab-date , .new-tab-date{
	width:calc(100%/10*1.5);
}

.idx-tab-name{
	width:calc(100%/10*6.5);
}

.idx-tab-more , .new-tab-more{
	width:calc(100%/10*2);
	text-align:right;
}


.idx-tab-more a{
	padding:3px 10px;
	background:#3F73AD;
	
	font-size:14px;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
	margin-right:5px;
}

.idx-tab-more a:hover{
	
	-webkit-box-shadow: 1px 2px 2px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 1px 2px 2px rgba(255, 255, 255, 0.5);
	-o-box-shadow:1px 2px 2px rgba(255, 255, 255, 0.5);
	box-shadow: 1px 2px 1px 2px rgba(0, 0, 0, 0.3) , 1px 1px 1px 6px rgba(255, 255, 255, 0.6);
	color:#FFF;
}

/* <<===End index==>> */



/* <<===begin news================================>> */
.new-tab-date{
	color:#CCC;
	text-align:right;
}

/*.new-tab-more a{
	float:right;
	width:30px;
	height:30px;
	background:url(../image/add-icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}

.new-tab-more a:hover{
	background:url(../image/add-icon-hover.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
}*/

.new-tab-more{
	padding-top:3px;
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.new-tab-more:hover{
	-moz-transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
}

.new-de-tab-icon{
	padding-top:10px;
}

/*最新消息詳細頁面之標題 */
.new-de-tab-name{
	width:calc(100%/10*7);
	padding-left:45px;
	position:relative;
}

.new-de-tab-name:before{
	position: absolute;
	z-index: 30;
	top: -2px;
	left: 0px;
	right: 0px;
	bottom: 0px;

	content: " ";
	background-image: url(../image/new-icon.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 40px 40px ;
}


/*最新消息詳細頁面之時間 */
.new-de-tab-date{
	width:calc(100%/10*3);
	text-align:right;
	color:#CCC;
}

.new-de-tab-txt{
	float:left;
	width:calc(100%/10*10);
	margin-top:20px;
}


/* <<===End news==>> */





/* <<===begin contact================================>> */
.tple-bottom-tab-txt-contact{
	width:calc(100%/1);
}


.fmsub-m , .fmsub-btn-m{
	width:100%;
	margin:20px 0 20px 0;
	text-align:left;
}

.fmsub-btn-m{
	text-align:right;
	margin:20px 0 20px 0;
}

.contact-form {
	float:left;
	width:calc(100%/10*5 - 10px);
	padding:0 5px 0 5px;
}

.contact-info{
	float:left;
	width:calc(100%/10*10 - 10px);
	padding:30px 5px 0 5px;
	text-align:left;
}

.contact-info a{
	color:#000;
	font-size:20px;
	line-height:2.5;
}

.contact-info a:hover{color:red;}



/* <<===End contact==>> */





/* <<===begin relation================================>> */
.tple-bottom-tab-txt-relation{
	float:left;
	width:calc(100%/1 - 10px);
	padding-left:10px
}

.relat-gup{
	float:left;
	width:calc(100%/10*5 - 15px);
	padding:10px 0px 20px 15px;
	text-align:center;
}

.relat-gup a{
	color:#000;
}

.relat-gup a:hover{
	color:red;
}

.rela-click{
	position:relative;
}

.rela-click:before{
	position: absolute;
	z-index: 20;
	right: 10px;
	bottom: 10px;
	
	content: "點按前往";
	color:#999;
	font-size:12px;
}

/* <<===End relation==>> */





.float-ad{
	position:fixed;
	z-index:10;
	top:50%;
	left:1%;
}



.page{
	float:left;
	width:100%;
	padding:40px 0 10px 0;
	font-size:0.95em;
	text-align:center;
}
.page a , .page span{
	display:inline-block;
	border: 1px solid #466BAA;
	padding: 0px 4px;
	margin:0 2px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-bborder-radius:4px;
	border-radius:4px;
	min-width:32px;
}
.page span{ background:#0E429B; color:#fff;}

.page a{ color:#466BAA; }
.page a:hover{ background:#466BAA; color: #fff; border-color:#466BAA; }