@charset "big5";
.top-box {width: 100%; height: 120px;}

/* 單元表頭 */
.flextop {
	width: 100%;
	max-width: 1920px;
	height: 200px;
	position: relative;
	background: #333;
	margin: 120px auto 0;
}
.flex-photp-1a {
    background: url(../images/title-top-1a.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flex-photp-1b {
    background: url(../images/title-top-1b.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flex-photp-1c {
    background: url(../images/title-top-1c.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flex-photp-1d {
    background: url(../images/title-top-1d.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flex-photp-2 {
    background: url(../images/title-top-2.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flex-photp-3 {
    background: url(../images/title-top-3.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flex-photp-4 {
    background: url(../images/title-top-4.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flex-photp-5 {
    background: url(../images/title-top-5.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flex-photp-6 {
    background: url(../images/title-top-6.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* 首頁單元標題 */
.titleimg {max-width: 100%; height: 85px;}
.title-na-img {max-width: 100%; height: 50px;}

/* 視差滾動 */
#scroll-1 {
	width: 100%;
	background: url(../images/dc-bg1.jpg);
	background-position: center;
	background-attachment: scroll;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	position: relative;
	padding: 50px 0;
}
#scroll-2 {
	width: 100%;
	background: url(../images/dc-bg2.jpg);
	background-position: center;
	background-attachment: scroll;
	background-size: cover;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
	position: relative;
	padding: 50px 0;
}
#scroll-3 {
	width: 100%;
	background: url(../images/dc-bg3.jpg);
	background-position: center;
	background-attachment: scroll;
	background-size: cover;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
	position: relative;
	padding: 50px 0;
}
.scroll-overlay-1 {
	position: absolute;
	background-color: rgba(20,48,0,0.8);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.scroll-overlay-2 {
	position: absolute;
	background-color: rgba(190,50,65,0.8);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.scroll-overlay-3 {
	position: absolute;
	background-color: rgba(0,14,40,0.8);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* 首頁輪播圖 */
.photo-slides-web {
	width: 100%;
	max-width: 1903px;
	margin: 120px auto 0;
	display: block;
}
.photo-slides-rwd {display: none;}

/* 首頁比較表 */
.compare{
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}
.compare ul {margin: 0px; padding: 0px; list-style: none;}
.compare li {
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 40px;
	padding-right: 40px;
}

/* 首頁過件輪播 */
.side {padding: 25px 0;}
.slidetext-1, .slidetext-2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 150px;
	background-color: #fff;
	margin-top: 0px;
}
.slidetext-1 ul, .slidetext-2 ul, .slidetext-1 li, .slidetext-2 li{
    margin: 0;
    padding: 0;
    list-style: none;
	width: 100%;
}
.slidetext-1 ul, .slidetext-2 ul {position: absolute;}
.slidetext-1 li, .slidetext-2 li {
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	display: block; 
	overflow: hidden;
	height: 150px;
}

/* 娜姐影片 */
.na-video-stitle {
    font-size: 24px;
    color: #a7375d;
    border-bottom: 1px solid #c6b5b8;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.vendor {
	position: relative;
	padding-bottom: 55%;
	padding-top: 0px;
	height: 0;
	margin: 0;
}
.vendor iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.company_bg {
	width: 100%;
	background: url(../images/company_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* 首頁成功案例 */
.adcase {
	width: 100%;
	float: left;
	color: #fff;
}
.ad-menu {
    width: 100%;
    position: relative;
}
.adcase .glomenu a {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	text-align: center;
	border-radius: 100px;
}
.adcase .active, .adcase .glomenu a:hover {
    border-radius: 200px;
    -webkit-box-shadow: 0 1px 20px 5px rgba(94,26,35,0.6), inset 0 -10px 30px 10px white;
    -moz-box-shadow: 0 1px 20px 5px rgba(94,26,35,0.6), inset 0 -10px 30px 10px white;
    box-shadow: 0 1px 20px 5px rgba(94,26,35,0.6), inset 0 -10px 30px 10px white;
}
.adcase-r {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
	float: right;
}
.adcase-l {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
	float: left;
}
.adcase-r img {
	width: 100%;
	height: auto;
}
.adcase .title {
	font-family: "PMingLiU",serif;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	font-size: 30px;
	font-weight: bold;
}
.adcase .content {
	width: 100%;
	padding: 15px 15px 0 0;
	font-size: 16px;
	line-height: 30px;
}
.adcase p {
	font-size: 18px;
	text-align: center;
	font-weight: normal; 
	margin: 0px;
	padding: 10px 0;
}
.adcase .but-more {
	text-align: left;
	padding-top: 20px;
}
.adcase .more {
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	padding: 5px 30px;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.adcase .more:hover {background-color: rgba(0,0,0,0.6);}

/* 首頁專業認證 */
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}
.nbs-flexisel-ul li {
	float: left;
	margin: 0px;
	position: relative;
	cursor: pointer;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.nbs-flexisel-ul li p {
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	color: #333;
	text-align: center;
}
.nbs-flexisel-ul li img {
	max-width: 100%;
	position: relative;
}

/* 首頁免費諮詢 */
.index-con-tel {
	font-size: 30px;
	position: relative;
	top: 2px;
	padding-left: 0px;
}
.form-title {display: none;}
.social-mb-line{display: none;}
.social-mb-from{display: none;}
.form-border {display: none;}	
.form-float-l {
	left: -50%;
	position: relative;
}
.form-float-r {
	right: -50%;
	position: relative;
}

/* 首頁法律顧問 */
.index-legal-bg {
	background: url(../images/legal-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.index-legal-photo img {
  width: 100%;
  max-width: 300px;
  border-radius: 100%;
  border: 10px solid #fff;
  margin-bottom: 30px;    
}
.index-legal-name {
    font-family: "PMingLiU","Microsoft JhengHei",serif;
    font-weight: bold;
    width: 100%;
    padding: 0px 15px 20px;
    font-size: 30px;
    line-height: 30px;
    color: #0277bd;
    border-bottom: 1px solid #2f9ed2;
    margin-bottom: 20px;
}
.index-legal-name br {
    display: none;
} 
.index-legal-span {
    font-size: 18px;
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    background-color: #008cd6;
    display: inline;
    margin-left: 15px;
}
.index-legal-text {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 28px;
}
.index-legal-text li {
    width: 50%;
    padding: 4px 0;
    float: left;
    position: relative;
}
.index-legal-text li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f521";
  font-size: 14px;
  color: #008cd6;
  padding-right: 5px;
  position: absolute;
  top: -1px;
}
.index-legal-text li p {
  font-size: 16px;
  line-height: 20px;
  padding-left: 25px;
}

/* 內頁主內容 */
.product-content {
	width: 100%;
	max-width: 1903px;
	margin: 0 auto;
}

/* 專業文章 */
.childin {
	max-width: 100%; 
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.childin p {
	font-size: 20px;
	color: #fff;
	padding-top: 15px;
}
.article-glomenu img{
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.article-glomenu img:hover{opacity: 0.7;}
.article-menu-pc {
	width: 100%;
	text-align: center;
	margin-top: 150px;
}
.article-menu-rwd {display: none;}
.article-title {
	padding: 30px 0;
	text-align: center;
}
.article-title .a-label {
	font-size: 24px;
	color: #0277BD;
	text-align: left;
	margin-left: 15px;
	padding-bottom: 1px;
	border-bottom: 1px solid #0277BD;
	float: left;
}
.article-title .a-label i {font-size: 20px;}
.article-glossary-title {max-width: 100%; height: 40px;}
.article-top-date {
	font-size: 16px;
	line-height: 16px;
	color: #666;
	padding-bottom: 10px;
} 
.article-top-date span {
	font-size: 14px;
	top: -1px;
	position: relative;
}
.article-top-date i {
	font-size: 16px;
	padding: 0 10px;
} 
.article-top-title {
	font-size: 24px;
	line-height: 28px;
}
.article-top-title a:hover {
	color: #e60012;
	border-bottom: 1px solid #e60012;
}
.article-top-p {
	font-size: 16px;
	line-height: 28px;
	color: #333;
	padding: 10px 0;
}
.article-top-box {text-align: left;}
.article-top-box .more {
	font-size: 16px;
	border: none;
	cursor: pointer;
	padding: 4px 10px;
	border-radius: 3px;
}
.article-list {
	padding-right: -15px;
	padding-left: -15px;
	list-style: none;
}
.article-list-loan li, .article-list-debt li, .article-list-manage li {
	font-size: 16px;
	text-align: left;
	padding: 20px 15px 18px;
	border-bottom: 1px solid #ddd;
	list-style-type: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.article-list-loan li span, .article-list-debt li span, .article-list-manage li span {
	font-size: 16px;
	color: #666;
	padding-right: 15px;
}
.article-list-loan a li {color: #0277BD;}
.article-list-loan a:hover li {background-color: #eaf6fd;}
.article-list-debt a li {color: #789300;}
.article-list-debt a:hover li {background-color: #f4f9ed;}
.article-list-manage a li {color: #f08437;}
.article-list-manage a:hover li {background-color: #fff8ee;}
.article-content {
	width: 100%;
	max-width: 1020px;
	padding: 0 15px;
	margin: 150px auto 50px;
}
.article-content .bread {
	font-size: 14px;
	color: #999;
	padding: 30px 0 15px;
}
.article-content .bread a:hover {
	color: #e60012;
	border-bottom: 1px solid #e60012;
}
.article-content .bread i {padding: 0 10px;}
.article-content .title {
	font-family: "Times New Roman","pmingliu","Microsoft JhengHei",serif;
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	padding: 30px 0;
	text-align: center;
}
.article-label span {
	font-size: 18px;
	color: #0277BD;
	position: relative;
	top: 2px;
}
.article-label button {
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	padding: 5px 10px;
	color: #666;
	background-color: #eee;
	margin: 0 5px 7px 0;
}
.article-label button:hover {
	color: #fff;
	background-color: #2f9ed2;
}
.article-label br {display: none;}
/* 反詐騙 */
.no-chaet {
  width: 100%;
  padding: 30px;
  margin-top: 15px;
  background-color: #D3EDFB;
  text-align: left;
  border-radius: 5px;
  position: relative;
  display: flex;
}
.no-chaet .title {
  font-size: 24px;	
  line-height: 24px;
  color: #B81C22;	
  padding: 0 0 6px 30px;
}
.no-chaet .title img {
  width: 30px;
  position: relative;
  top: -3px;
  margin-right: 6px;
}
.no-chaet .more {
	width: 100%;
	padding: 0 0 0 15px;
	position: absolute;
	bottom: 10px;
}
.no-chaet .more a {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	padding: 10px 15px;
	background-color: #0277BD;
	text-decoration: none;
	position: relative;
}
.no-chaet .more a:hover {
	background-color: #004c78;
}
.no-chaet ol {
  list-style-type: "●  ";	
}
.no-chaet ol li {
  font-size: 18px;
  line-height: 18px;
  color: #0277BD;
  padding-bottom: 10px;
  margin-left: 50px;	
}
.no-chaet ol li br {
  display: none;	
}
.no-chaet p {
  font-size: 16px;
  line-height: 28px;
  color: #000;
  padding-top: 5px;
}
.no-chaet .ps {
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	background-color: #B81C22;
	margin-left: 30px;
	margin-bottom: 12px;
	display: inline-block;
	padding: 8px 10px;
	border-radius: 3px;
}
.no-chaet-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../images/youtube_icon_off.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center 42%;
}
.no-chaet-overlay:hover {
  width: 100%;
  height: 100%;
  position: absolute;	
  background: url("../images/youtube_icon_on.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center 42%;
}
.anti h1 {
  font-size: 24px;
  line-height: 30px;
  color: #B81C22;	
  padding: 15px 0 15px 5px;
}
.anti h1 img {
  width: 30px;
  position: relative;
  top: -3px;
  margin-right: 5px;
}
.anti ol {
  list-style-type: "●  ";	
}	
.anti ol li {
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 5px;
  margin-left: 30px;	
}

@media screen and (max-width: 1199px) {
/*.no-chaet ol li {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 5px;
}*/
.no-chaet .more a {
	font-size: 18px;
	line-height: 18px;
}	
.anti ol {
  list-style-type: "◎  ";	
}		
}
@media screen and (max-width: 991px) {
.no-chaet {
	display: block;
	float: left;
}	
.no-chaet .title {
  font-size: 24px;	
  line-height: 24px;
  color: #B81C22;	
  padding: 30px 0 10px 0;
}	
.no-chaet .more {
	width: 100%;
	padding: 0px;
	position: relative;
	bottom: none;
	margin-left: -15px;
	margin-top: 30px;
	float: left;
}
.no-chaet ol li {
  margin-left: 30px;	
}	
.no-chaet .ps {
	margin-left: 0px;
}	
}
@media screen and (max-width: 575px) {
  /* 反詐騙 */
.no-chaet {
    padding: 15px;
  }
.no-chaet .title {
	font-size: 20px;
	line-height: 20px;
	padding: 15px 0 10px 0;
	text-align: center;
}
.no-chaet .title img {
  width: 22px;
}	
.no-chaet ol li {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 5px;
  margin-left: 25px;	
}	
.no-chaet ol li br {
  display: block;	
}	
.no-chaet .more {
	margin-left: 0px;
	text-align: center;
	margin-top: 25px;
}	
.no-chaet .more a {
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	padding: 8px 13px;
}
.no-chaet .ps {
	font-size: 14px;
	line-height: 18px;
	margin-left: 0px;
	margin-bottom: 12px;
	padding: 8px 10px;
}	
.anti h1 {
  font-size: 20px;
  line-height: 28px;
  padding: 10px 0 10px 5px;
}	
.anti h1 img {
  width: 22px;
}
.anti ol li {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 5px;
  margin-left: 30px;	
}	
}
@media screen and (max-width: 767px) {
.no-chaet-photo {
	width: 280px;
	position: relative;
	right: 0px;
	bottom: -15px;
	z-index: 99;
	margin: 0 auto;
}		
}	
@media screen and (max-width: 480px) {
.no-chaet-rwd {	
	font-size: 14px;
	line-height: 24px;
}		
.no-chaet-photo {
	width: 70vw;
}	
}

/* 金融名詞 */
.article-sm {
	width: 20%;
	position: relative;
	min-height: 1px;
	padding: 8px;
	float: left;
}
.article-sm i {padding-right: 6px;}
.article-glossary-btn {
	width: 100%;
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	padding: 11px 0 10px 15px;
	border-radius: 3px;
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: left;
}
.article-sm-btn-c1 {color: #136eab;}
.article-sm-btn-c1:hover,.article-sm-btn-c1:focus,.article-sm-btn-c1:active{
	color: #fff;
	text-decoration: none;
	background-color: #2f9ed2;
	border: 1px solid #2f9ed2;
}
.article-sm-btn-c2 {color: #587026;}
.article-sm-btn-c2:hover,.article-sm-btn-c2:focus,.article-sm-btn-c2:active{
	color: #fff;
	text-decoration: none;
	background-color: #7bac54;
	border: 1px solid #7bac54;
}
.article-sm-btn-c3 {color: #ea5504;}
.article-sm-btn-c3:hover,.article-sm-btn-c3:focus,.article-sm-btn-c3:active{
	color: #fff;
	text-decoration: none;
	background-color: #f08437;
	border: 1px solid #f08437;
}
.article-sm-btn-c4 {color: #583b76;}
.article-sm-btn-c4:hover,.article-sm-btn-c4:focus,.article-sm-btn-c4:active{
	color: #fff;
	text-decoration: none;
	background-color: #7b59a3;
	border: 1px solid #7b59a3;
}
.article-sm-btn-c5 {color: #e9546b;}
.article-sm-btn-c5:hover,.article-sm-btn-c5:focus,.article-sm-btn-c5:active{
	color: #fff;
	text-decoration: none;
	background-color: #ee869a;
	border: 1px solid #ee869a;
}
.article-sm-btn-c6 {color: #007d7a;}
.article-sm-btn-c6:hover,.article-sm-btn-c6:focus,.article-sm-btn-c6:active{
	color: #fff;
	text-decoration: none;
	background-color: #00ada9;
	border: 1px solid #00ada9;
}

/* 彈出視窗 */
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,0);
	border-radius: 7px;
	outline: 0;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.modal-header {
	min-height: 16px;
	padding: 15px 30px;
	border-bottom: 1px solid #e5e5e5;
}
.modal-title {
	font-size: 20px;
	padding: 2px 0 0 0;
}
.modal-titl-c1 {color: #136eab;}
.modal-titl-c2 {color: #587026;}
.modal-titl-c3 {color: #ea5504;}
.modal-titl-c4 {color: #583b76;}
.modal-titl-c5 {color: #e9546b;}
.modal-titl-c6 {color: #007d7a;}
.modal-header .close {margin: 0;}
.modal-body {position: relative; padding: 15px 30px;}
.modal-body p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	margin: 0;
}
.modal-footer {
  padding: 5px;
  text-align: right;
  border-top: none;
}
.close {
	float: right;
	font-size: 36px;
	font-weight: normal;
	line-height: 1;
	color: #000;
	filter: alpha(opacity=30);
	opacity: 0.3;
	top: -3px;
	position: relative;
	outline:none;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: pointer; /* 滑鼠變手指 */
  text-shadow: 0 1px 0 #ccc;
}

/* 諮詢第二階段問券 */
.questionnaire-top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	background: #fff;
	z-index: 1000;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(102, 102, 102);
	box-shadow: 0px 0px 5px 0px rgb(102, 102, 102);
}
.questionnaire-top .logo {
	width: 200px;
	margin: 15px auto 0;
}
.questionnaire-top .logo img {
	width: 100%; 
	height: auto;
}
.questionnaire-in {width: 100%; padding: 65px 0 30px;}
.questionnaire-in .form-w {max-width: 560px; margin: 0 auto;}
.questionnaire-in .form-w li {width: 100%; padding: 15px;}
.questionnaire-in .form-text {
	width: 100%;
	font-family: "Times New Roman","Microsoft JhengHei",serif;
	font-size: 16px;
	color: #333;
	background: #fff8e1;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px;
	font-weight: normal;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
	transition: border .25s linear,color .25s linear,background-color .25s linear;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
}
.questionnaire-in .form-text:focus {
	color: #333;
	background: #f8f8f8;
	border: 1px solid #999;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(204,204,204,0),0 0 5px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px rgba(204,204,204,0),0 0 5px rgba(0,0,0,0.2);
}
.questionnaire-in .form-ad {
    max-width: 990px;
    margin-right: auto;
    margin-left: auto;
}
.questionnaire-in .form-ad .in {
	width: 100%;
	position: relative;
	float: left;
}
.questionnaire-in .form-ad .banner {
	position: relative;
	width: 330px;
	height: 280px;
	padding: 15px;
	float: left;
}
.questionnaire-in button {
	padding: 10px 30px;
	border: none;
	font-size: 16px;
	color: #fff;
	background-color: #008cbb;
	border-radius: 3px;
	margin-bottom: 15px;
}
.questionnaire-in .form-ad .sepline {
	width: 100%;
	padding-top: 30px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 30px;
	float: left;
}
.questionnaire-in .form-ad .group  {
	font-family: "Rubik","Microsoft JhengHei",serif;
    width: 33.333333%;
    padding: 0 15px;
    position: relative;
    float: left;
}
.questionnaire-in .form-ad .group a .bt-1, 
.questionnaire-in .form-ad .group a .bt-2, 
.questionnaire-in .form-ad .group a .bt-3, 
.questionnaire-in .form-ad .group a .bt-4 {
    width: 100%;
    height: 50px;
    border-radius: 5px;
	position: relative;
}
.questionnaire-in .form-ad .group a .bt-1 { 
	border-bottom: 5px solid #294379; 
	background-color: #4167b2;
}
.questionnaire-in .form-ad .group a .bt-2 {
    border-bottom: 5px solid #157d24;
    background-color: #00b900;
}
.questionnaire-in .form-ad .group a .bt-3 {
    border-bottom: 5px solid #23779f;
    background-color: #32b0ed;
}
.questionnaire-in .form-ad .group a .bt-4 {
    border-bottom: 5px solid #a50d05;
    background-color: #ff0000;
}
.questionnaire-in .form-ad .group a:hover .bt-1,
.questionnaire-in .form-ad .group a:hover .bt-2,
.questionnaire-in .form-ad .group a:hover .bt-3,
.questionnaire-in .form-ad .group a:hover .bt-4 { 
	border-bottom: 5px solid #000; 
}
.questionnaire-in .form-ad .group a .bt-1 i,
.questionnaire-in .form-ad .group a .bt-2 i, 
.questionnaire-in .form-ad .group a .bt-3 i,
.questionnaire-in .form-ad .group a .bt-4 i {
	font-size: 30px;
	color: #fff;
    position: relative;
    top: 9px;
    left: 10px;
}
.questionnaire-in .form-ad .group a .bt-1 .txt, 
.questionnaire-in .form-ad .group a .bt-2 .txt, 
.questionnaire-in .form-ad .group a .bt-4 .txt {
    font-size: 20px;
    color: #fff;
    width: 100%;
    padding-left: 30px;
    text-align: center;
    position: relative;
    z-index: 99;
	top: -22px;
}
.questionnaire-in .form-ad .group a .bt-3 .txt {
    font-size: 24px;
    color: #fff;
    width: 100%;
    padding-left: 28px;
    text-align: center;
    position: relative;
    z-index: 99;
	top: -26px;
}

/* 貸款試算 */
.nav-label {
	width: 100%;
	padding: 0 15px;
	margin: 0;
	list-style: none;
	float: left;
	border-bottom: 1px solid #0277BD;
}
.nav-label li {
	width: 33.333333%;
	position: relative;
	display: block;
	float: left;
	top: 0px;
}
.nav-label li a {
	font-size: 20px;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding: 10px 0;
	background-color: #eee;
	margin: 0 1px 0 0;
	position: relative;
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	transition: all 0.2s ease-in 0s;
}
.nav-label li a:hover {
	background: #333;
	color: #fff;
}
.nav-label li.active a,
.nav-label li.active a:focus,
.nav-label li.active a:hover {
	font-size: 20px;
	margin-top: -8px;
	color: #fff;
	background: #0277BD;
	padding: 14px 0;
}
.tab-content {
	width: 100%;
	float: left;
	padding: 0 15px;
}
.tab-fin{
	width: 100%;
	max-width: 500px;
	margin: 30px auto 0px auto;
}
.tab-fin h1 {
	font-size: 30px;
	font-weight: normal;
	color: #0277BD;
	text-align: center;
	margin: 0px;
	padding-bottom: 15px;
}
.tab-fin h1 br {display: none;}
.tab-fin p {
	font-size: 18px;
	line-height: 30px;
	color: #b81c22;
	text-align: center;
	padding-bottom: 30px;
}
.tab-table {
	width: 100%;
	display: table;
	font-size: 16px;
}
.tab-table .name {
	width: 80px;
	display: table-cell;
	vertical-align: middle;
}
.tab-table .form {display: table-cell;}
.tab-table .yuan {
	width: 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.tab-table .end {
	width: 100%;
	background-color: #FFF8E1;
	padding: 0 15px;
	border-radius: 3px;
	border: 1px solid #ccc;
	text-align: left;
}
.tab-table .input{
	width: 100%;
	font-family: "Times New Roman",serif;
	font-size: 24px;
	color: #333;
	text-align: center;
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
	transition: border .25s linear,color .25s linear,background-color .25s linear;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;	
}
.tab-table .input:focus{
	background: #FFF8E1;
	color: #333;
	border: 1px solid #999;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(204,204,204,0),0 0 5px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px rgba(204,204,204,0),0 0 5px rgba(0,0,0,0.2);
}
.tab-table .endinput{
	width: 100%;
	font-family: "Times New Roman",serif;
	font-size: 40px;
	color: #0277BD;
	text-align: right;
	background-color: #FFF8E1;
	border: none;
	float: right;
}

/* 商品內容 */
.product-ps {
	max-width: 1170px;
	margin: 0 auto;
	padding: 15px;
	font-size: 14px;
	color: #999;
	line-height: 24px;
}

/* 歷史軌跡 */
.milestone {
	width: 100%;
	padding-bottom: 30px;
	display: table;
}
.milestone .tr-a1, .milestone .tr-b1 {
	width: 100px;
	display: table-cell;
	vertical-align: top;
}
.milestone .tr-a2, .milestone .tr-b2 {
	width: 80px;
	display: table-cell;
	vertical-align: top;
}
.milestone .year {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	font-size: 36px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.milestone .line {
	width: 100%;
	height: 2px;
	position: relative;
	top: 48px;
	display: block;
}
.milestone .arrow-1, .milestone .arrow-2 {display: none;}
.milestone .content {
	width: 100%;
	padding: 30px 30px 15px;
	border-radius: 10px;
	float: left;
}
.milestone .content li {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	padding: 0 0 15px 15px;
	position: relative;
	float: left;
}
.milestone .content i {
    width: 6px;
	height: 6px;
	border-radius: 10px;
	position: absolute;
	top: 6px;
	left: 0px;
}

/* 常見問題 */
#accordion .panel{
	border: none;
	box-shadow: none;
	border-radius: 0px;
	margin-bottom: 0px;
}
#accordion .panel-title a {
	font-size: 16px;
	color: #fff;
	background-color: #0277bc;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	display: block;
	padding: 20px 20px 18px 20px;
	position: relative;
	transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed {
	color: #333;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	outline: none;
	text-decoration: none;
}
#accordion .panel-title a.collapsed:hover{
	background-color: #e9f6fe; 
	color: #0277bc;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
	content: "\f067";
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	position: absolute;
	top: 19px;
	right: 20px;
	transform: rotate(135deg);
	transition: all 0.5s ease 0s;
}
#accordion .panel-title a:after {
	color: rgba(255,255,255,0.4);
}
#accordion .panel-title a.collapsed:after{
	font-size: 14px;
	top: 24px;
	color: #ddd;
	transform: rotate(0deg);
}
#accordion .panel-body {
	background-color: #f1f1f1;
	padding: 20px 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}
#accordion .panel-body .con {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin: 0;
}
#accordion .panel-collapse .panel-body .con {
	opacity: 0;
	transform: scale(0.5);
	transition: all 0.5s ease-in-out 0s;
}
#accordion .panel-collapse.in .panel-body .con {
	opacity: 1;
	transform: scale(1);
}
#accordion .panel-body .con ol {
	list-style-type: decimal;
	margin: 0 0 0 15px;
}
#accordion .panel-title a i {
	color: #fff;
	font-size: 16px;
	padding-right: 10px;
	position: relative;
	top: 0px;
}
#accordion .panel-title a.collapsed i {color: #59c3e3;}
#accordion .panel-title a.lineno {border-bottom: none;}

/* 最新消息 */
.news-list a {
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: left;
}
.news-list .date {
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background: rgba(0,33,71,0.8);
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	text-align: center;
}
.news-list .date .year {
	font-size: 12px;
    line-height: 12px;
}
.news-list .date .day {
	font-size: 18px;
	line-height: 18px;
}
.news-list .shoulder {
	font-size: 14px;
	color: #000;
	padding: 6px 10px;
	background-color: #dbe101;
	position: relative;
	display: inline;
}
.news-list a h1 {
	font-size: 20px;
	line-height: 28px;
	color: #0277bd;
	padding-top: 15px;
	text-decoration: none;
	position: relative;
	float: left;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}	
.news-list a:hover h1 {font-size: 22px;}	
.news-list a p {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	padding: 8px 20px 15px;
	text-decoration: none;
	text-align: left;
	position: relative;
	float: left;
}	
.news-list a .mask {
    text-decoration: none;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}	
.news-list a .mask img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
.news-list a:hover .mask img {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 500ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 500ms;
  overflow: hidden;
}
.in-shoulder {
	font-size: 14px;
	color: #000;
	padding: 6px 10px;
	background-color: #dbe101;
	margin-right: 15px;
	float: left;
	position: relative;
	top:-1px
}

/* 創辦人的話 */
.founder-photo {
	width: 100%;
	height: 590px;
	background: url(../images/founder-photo.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.founder-top-pc {
	font-family: "cwTeXMing",serif;
	width: 100%;
	padding: 20px 15px;
	font-size: 24px;
	line-height: 36px;
	color: #0277bd;
	background: linear-gradient(to left, #ffffff 50%, #eaf6fd 50%);
	border-bottom: 1px solid #2f9ed2;
	display: block;
}
.founder-top-rwd {display: none;}
.founder-title {
	font-size: 20px;
	line-height: 28px;
	padding: 30px 15px 24px;
	color: #b81c22;
}
.founder-in {
	font-size: 16px;
	line-height: 28px;
	padding: 0 15px;
	color: #333;
}
.founder-name {
	width: 220px;
	padding: 30px;
	float: right;
}

/* 忠訓故事 */
.about {
	width: 100%;
	padding: 50px 0;
	border-bottom: 1px solid #ccc;
}
.about .container {
	width: 100%;
	max-width: 1600px;
    margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
}
.about-photo {
	width: 50%;
	min-height: 1px;
    position: relative;
}
.about-text {
	width: 50%;
	min-height: 1px;
	position: relative;
	padding: 0 50px;
}
.about-text h1 {
	font-family: "Times New Roman","PMingLiU", serif;
	font-size: 28px;
	line-height: 40px;
	color: #0277bd;
	padding-bottom: 15px;
	font-weight: bold;
}
.about .float-l50 {left: 50%;}
.about .float-r50 {right: 50%;}

/* 營業據點 */
.locatio {font-family: "Federo","Microsoft JhengHei",serif;}
.locatio h1 {
	width: 280px;
	font-size: 30px;
	color: #0277BD;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #0277BD;
	margin: 0 auto 30px;
}
.locatio p {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 6px;
}
.locatio .map {
	width: 100%;
	height: 360px;
	padding: 10px;
	border-radius: 7px;	
	border: 1px solid #ccc;
	margin-top: 20px;
}
.locatio br {display: none;}

/* 隱私權聲明 */
.privacy-border {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 36px;
	padding-top: 30px;
}

/* footer */
footer {
	width: 100%;
	padding-top: 30px;
	background-color: #333;
}
footer .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: 0px;
}
footer .group {
	width: 170px;
	margin: 0 auto;
	padding-bottom: 10px;
}
footer .group .icon {
    padding: 0 10px;
    float: left;
}
footer .group .icon button {
    width: 36px;
    height: 36px;
    border-radius: 7px;
    border: none;
    background-color: #777;
}
footer .group .icon button:hover {
    background-color: #ccc;
}
footer .group .icon button .i-style-1 {
    font-size: 24px;
    color: #333;
    position: relative;
	top:2px;
}
footer .group .icon button .i-style-3 {
    font-size: 24px;
    color: #333;
    position: relative;
	top:2px;
	left: -1px;
}
footer .group .icon button .i-style-4 {
    font-size: 20px;
    color: #333;
	position: relative;
	top:2px;
}
footer .group .icon a .i-style-2 {
    font-size: 42px;
    color: #777;
    position: relative;
    top: -3px;
}
footer .group .icon a:hover .i-style-2 {
    color: #ccc;
}
footer .inform p, footer .inform p a {
    font-size: 16px;
    line-height: 28px;
    color: #999;
    text-align: center;
}
footer .inform p a:hover {
    color: #ccc;
}
footer .inform p br {
    display:none; 
}
footer .sidiary {
	width: 100%;
	background-color: #111;
}
footer .sidiary .menu {
	width: 900px;
	margin: 0 auto;
}
footer .sidiary .menu li {
    width: 100px;
    height: 50px;
    display: flex;
    align-items: center;
	justify-content:center;
    text-align: center;
    float: left;
}
footer .sidiary .menu li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
footer .sidiary .menu li a:hover {
    color: #ccc;
}

/* footer-old 
footer {
	width: 100%;
	padding: 30px 0;
	background-color: #333;
}
footer .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: 0px;
}
footer .ft-l {
	width: 33.33333%;
	position: relative;
	min-height: 1px;
	padding: 0 15px;
	font-size: 16px;
	line-height: 28px;
	color: #999;
	border-right: 1px solid #666;
	float: left;
}
footer .ft-c {
	width: 33.33333%;
	position: relative;
    min-height: 1px;
    padding: 0 15px;
	font-size: 16px;
	color: #999;
	text-align: center;
	border-right: 1px solid #666;
	float: left;
}
footer .ft-c .mane {
	width: 100%;
	font-size: 20px;
	padding-bottom: 12px;
}
footer .ft-l a, footer .ft-c a {
	color: #999;
	text-decoration: none;
}
footer .ft-l a:hover, footer .ft-c a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,1);
	padding-bottom: 5px;
}
footer .ft-r-pc {
	width: 33.33333%;
	position: relative;
    min-height: 1px;
    padding: 0 15px;
	float: left;
}
footer .ft-r-pc .yt-button {
	width: 349px;
	height: 70px;
	position: relative;
	padding: 10px;
	border: 1px solid rgba(255,255,255,0.3);
	margin-top: 15px;
	background-color: #444;
}
footer .ft-r-mobile {display: none;}
.contact-bn a {
	display: none;
}*/

/* ========================================================================
	1199設定
/* ===================================================================== */
@media screen and (max-width: 1199px) {
.social-cp-from{display: none;}	
.social-mb-from{display: block;}	
.slidetext-1 li, .slidetext-2 li{font-family: 'Roboto',"cwTeXHei","Microsoft JhengHei",serif;}	
	
/* 視差滾動 */
#scroll-1 {
	width: 100%;
	background: url(../images/dc-bg1-rwd.jpg);
	background-position: center;
	background-size: contain;
	-moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
	position: relative;
	padding: 50px 0;
}
#scroll-2 {
	width: 100%;
	background: url(../images/dc-bg2-rwd.jpg);
	background-position: center;
	background-size: contain;
	-moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
	position: relative;
	padding: 50px 0;
}		
#scroll-3 {
	width: 100%;
	background: url(../images/dc-bg3-rwd.jpg);
	background-position: center;
	background-size: contain;
	-moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
	position: relative;
	padding: 50px 0;
}			
	
/* 首頁免費諮詢 */
.index-con-tel {
	font-size: 26px;
	position: relative;
	top: 4px;
	padding-left: 0px;
}	
.line-btn {
	width: 96%;
	height: 60px;
	font-size: 18px;
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	color: #fff;
	background-color: #7CB342;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.talk-btn {
	width: 96%;
	height: 60px;
	font-size: 18px;
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	color: #fff;
	background-color: #008cbb;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	float: right;
}	
.line-btn i {
	font-size: 36px;
	padding-right: 10px;
}
.talk-btn i {
	font-size: 32px;
	padding-right: 10px;
}	
    
/* 首頁法律顧問 */
.index-legal-bg {
	background-position: 25% center;
}     
.index-legal-name {
    font-family: "Lusitana","cwTeXHei","Microsoft JhengHei",serif;
    font-weight: normal;
}       
.index-legal-text li {
    width: 100%;
}
    
/* 首頁成功案例 */	
.adcase-r {
	padding-right: 0px;
	padding-left: 0px;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}	
.adcase-l {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.adcase .title {
	font-family: "cwTeXHei",serif;
	width: 100%;
	padding: 15px 0;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
}
.adcase .content {
	width: 100%;
	padding: 15px 0 0 0;
	line-height: 28px;
}	
.adcase .but-more {text-align: center;}		
	
/* 娜姐影片 */		
.na-video-stitle {
	text-align: center;
}		
	
/* 專業文章 */		
.childin {
	max-width: 160px;
	height: auto;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}	
.article-content .title {
	font-family: "Lusitana","cwTeXMing","Microsoft JhengHei",serif;
	font-weight: normal;
}	

/* 金融名詞 */		
.article-sm {width: 33.333333%;}	

/* 最新消息 */		
.news-list .date {font-family: 'Rajdhani',"Microsoft JhengHei",serif;}
.news-list a h1 {
	font-size: 18px;
	line-height: 24px;
}	
.news-list a:hover h1 {font-size: 20px;}	
	
/* 創辦人的話 */		
.founder-photo {height: 515px;}		

/* 忠訓故事 */		
.about .container {
	width: 100%;
	max-width: 1600px;
	display: block;
	align-items: none;
}	
.about-photo {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 30px 0;
}
.about-text {
	width: 100%;
	padding: 0 30px;
}
.about-text h1 {
	font-family: "cwTeXMing","Microsoft JhengHei",serif;
	font-size: 30px;
	line-height: 42px;
	font-weight: normal;
	text-align: center;
}
.about .float-l50, .about .float-r50 {left: 0%;}
	
/* 營業據點 */
.locatio {font-family: "Federo","cwTeXHei","Microsoft JhengHei",serif;}	
	
/* 諮詢第二階段問券 */
.questionnaire-top {height: 50px;}
.questionnaire-top .logo {
	width: 140px;
	margin: 12px auto 0;
}
.questionnaire-in {width: 100%; padding: 50px 0 15px;}	
	
/* footer-old 
footer .ft-r-pc {display: none;}
footer .ft-r-mobile {
	width: 33.2%;
	position: relative;
    min-height: 1px;
    padding: 0 15px;
	float: left;
	display: block;
}
footer .ft-r-mobile .fbuotton {
	font-size: 16px;
	color: #999;
	border: none;
	cursor: pointer;
	border-radius: 0;
	padding: 0;
	background-color: rgba(0,0,0,0);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
footer .ft-r-mobile .fbbtn:hover {color: #ccc;}	
footer .ft-r-mobile .fbbtn i {
	font-size: 30px;
	padding-right: 10px;
	position: relative;
	top: 5px;
}
footer .ft-r-mobile .fbbtn p {
	font-size: 14px;
	color: #999;
	padding-top: 5px;
}	
footer .ft-r-mobile .yt-button {
	position: relative;
	padding-top: 15px;
}	*/
}

/* ========================================================================
	991設定
/* ===================================================================== */
@media screen and (max-width: 991px) {
.top-box {width: 100%; height: 50px;}	
.social-cp-line{display: none;}
.social-mb-line{display: block;}
	
/* 單元表頭 */
.flextop {
	height: 150px;
	margin: 50px auto 0;
}	
.increase {
	width: 100%;
	height: 60px;
}	

/* 首頁輪播圖 */		
.photo-slides-web {display: none;}
.photo-slides-rwd {
	width: 100%;
	padding-top: 50px;
	display: block;
}	
	
/* 首頁免費諮詢 */	
.form-title {
	width: 100%;
	font-size: 28px;
	line-height: 28px;
	color: #008cbb;
	text-align: center;
}
.form-border {
	width: 100%;
	margin-top: 30px;
	padding-bottom: 20px;
	border-top: 1px solid #B3E5FC;
	display: block;
}	
.form-float-l {left: 0;}
.form-float-r {right: 0;}

/* 首頁法律顧問 */
.index-legal-name {
    padding: 0px 0px 20px;
    text-align: center;
}    
.index-legal-span {
    margin-left: 0px;
}    
.index-legal-text {
    padding-left: 0px;
    padding-right: 0px;
}    
    
/* 專業文章 */		
.article-menu-pc {display: none;}	
.article-menu-rwd {
	width: 100%;
	padding: 15px;
	background-color: rgba(255,255,255,1);
	display: block;
	float: left;
	position: fixed;
	top: 50px;
	z-index: 1;
}
.article-menu-btn {
	width: 25%;
	text-align: center;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	padding: 6px 0px;
	border-left: none;
	border-right: 1px solid #fff;
	border-bottom: none;
	border-top: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: left;
}
.article-menu-color1{background-color: #2f9ed2;}
.article-menu-color1:hover{background-color: #136eab;}
.article-menu-color2{background-color: #7bac54;}
.article-menu-color2:hover{background-color: #587026;}
.article-menu-color3{background-color: #f08437;}
.article-menu-color3:hover{background-color: #ea5504;}
.article-menu-color4{background-color: #7b59a3;}
.article-menu-color4:hover{background-color: #583b76;}	
.article-title {padding: 130px 0 30px;}	
.article-content {margin: 80px auto 50px;}
.article-list-loan li, .article-list-debt li, .article-list-manage li {padding: 10px 0;}
.article-list-loan li span, .article-list-debt li span, .article-list-manage li span {
	font-size: 16px;
	display: block;
}	

/* 歷史軌跡 */	
.milestone .tr-a1, .milestone .tr-b1 {
	width: 100%;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	float: left;
}
.milestone .tr-a2, .milestone .tr-b2 {
	width: 100%;
	float: left;
}	
.milestone .tr-2 i {
	font-size: 30px;
	color: #e9f6fe;
    display: block;
}	
.milestone .tr-a1, .milestone .tr-a2 {background-color: #e9f6fe;}	
.milestone .tr-b1, .milestone .tr-b2 {background-color: #f4f8e2;}		
.milestone .year {
	width: 160px;
	height: 40px;
	font-size: 30px;
	text-align: center;
	border-radius: 0px 0px 7px 7px;
	margin: 0 auto;
}	
.milestone .line {display: none;}
.milestone .arrow-1, .milestone .arrow-2 {
	width: 40px;
	text-align: center;
	padding-bottom: 15px;
	margin: 0 auto;
	display: block;
}	
.milestone .arrow-1 i {
	font-size: 20px;
	color: #0277BD;
	position: relative;
	top: -1px;
}	
.milestone .arrow-2 i {
	font-size: 20px;
	color: #dbde07;
	position: relative;
	top: -1px;
}		
.milestone .content {
	width: 100%;
	padding: 0px 30px 15px;
	border-radius: 0px 0px 7px 7px;
	float: left;
}

/* 最新消息 */	
.news-list a p {padding: 8px 10px 15px;}	
	
/* 創辦人的話 */		
.founder-photo {height: 400px;}		
.founder-top-pc {display: none;}
.founder-top-rwd {
	font-family: "cwTeXMing",serif;
	width: 100%;
	padding: 15px 0;
	font-size: 24px;
	line-height: 36px;
	color: #0277bd;
	text-align: center;
	background-color: #eaf6fd;
	border-bottom: 1px solid #2f9ed2;
	display: block;
}
.founder-title {
	width: 100%;
	max-width: 400px;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	padding: 20px 0px;
	margin: 0 auto;
}
	
/* 諮詢第二階段問券 */	
.questionnaire-in .form-ad .banner {
	float: none;
	margin: 0 auto;
}
.questionnaire-in .form-ad .sepline {
	width: 300px;
	margin: 0 auto 30px;
	float: none;
}	
.questionnaire-in .form-ad .group-box  {
	width: 225px;
	margin: 0 auto;
}
.questionnaire-in .form-ad .group  {
    width: 75px;
    padding: 0 10px;
    margin-bottom: 30px;
}
.questionnaire-in .form-ad .group a .bt-1, 
.questionnaire-in .form-ad .group a .bt-2, 
.questionnaire-in .form-ad .group a .bt-3, 
.questionnaire-in .form-ad .group a .bt-4 {
	height: 55px;
	line-height: 55px;
    border-radius: 100%;
	text-align: center;
}
.questionnaire-in .form-ad .group a .bt-1 { 
	border-bottom: none; 
	background-color: #4167b2;
}
.questionnaire-in .form-ad .group a .bt-2 {
    border-bottom: none; 
    background-color: #00b900;
}
.questionnaire-in .form-ad .group a .bt-3 {
   border-bottom: none; 
    background-color: #32b0ed;
}
.questionnaire-in .form-ad .group a .bt-4 {
    border-bottom: none; 
    background-color: #ff0000;
}
.questionnaire-in .form-ad .group a:hover .bt-1,
.questionnaire-in .form-ad .group a:hover .bt-2,
.questionnaire-in .form-ad .group a:hover .bt-3,
.questionnaire-in .form-ad .group a:hover .bt-4 { 
	border-bottom: none; 
}
.questionnaire-in .form-ad .group a .bt-1 i,
.questionnaire-in .form-ad .group a .bt-2 i, 
.questionnaire-in .form-ad .group a .bt-3 i,
.questionnaire-in .form-ad .group a .bt-4 i {
	font-size: 30px;
	color: #fff;
    position: relative;
    top: 5px;
    left: 0;
}	
.questionnaire-in .form-ad .group a .bt-1 .txt, 
.questionnaire-in .form-ad .group a .bt-2 .txt, 
.questionnaire-in .form-ad .group a .bt-3 .txt, 	
.questionnaire-in .form-ad .group a .bt-4 .txt {
	display: none;
}	

/* fooder */	
footer .sidiary {
    padding: 15px;
}	
footer .sidiary .menu {
	width: 600px;
	margin: 0 auto;
}	
footer .sidiary .menu li {
    height:30px;
}	
footer .sidiary .menu li .average {
    position: relative;
    left: -7px;
}		
	
/* footer-old 	
footer .ft-l {
	font-size: 14px;
	line-height: 24px;
}
footer .ft-c {font-size: 14px;}		
footer .ft-c .mane {font-size: 18px;}	*/
}


/* ========================================================================
	767設定
/* ===================================================================== */
@media screen and (max-width: 767px) {
/* 視差滾動 */
#scroll-1, #scroll-2, #scroll-3 {padding: 30px 0;}

/* 首頁免費諮詢 */	
.line-btn {
	width: 100%;
	height: 50px;
}
.talk-btn {
	width: 100%;
	height: 50px;
	margin-top: 15px;
}	
	
/* 貸款試算 */	
.nav-label {padding: 0;}	
.nav-label li a {font-size: 14px;}
.nav-label li.active a,
.nav-label li.active a:focus,
.nav-label li.active a:hover {font-size: 14px;}	
.tab-fin h1 {
	font-size: 24px;
	line-height: 30px;
}
.tab-fin p {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 15px;
}	
.tab-table .input{font-family: "Lusitana",serif;}
.tab-table .endinput{
	font-family: "Lusitana",serif;
	font-size: 30px;
}

/* 專業文章 */		
.article-glossary-title {max-width: 100%; height: 35px;}
.article-top-date {padding: 15px 0 10px;} 
.article-list-loan li span, .article-list-debt li span, .article-list-manage li span {
	font-size: 14px;
	display: block;
}		
	
/* 金融名詞 */		
.article-sm {width: 50%;}	
	
/* 創辦人的話 */		
.founder-photo {
	width: 100%;
	max-width: 480px;
	height: 480px;
	background-position: center -60px;
	margin: 0 auto 15px;
}	
.founder-top-rwd {
	font-size: 28px;
	line-height: 42px;
}	
.founder-title {
	font-size: 24px;
	line-height: 36px;
}	
.founder-name {
	width: 180px;
	padding: 20px;
	float: none;
	margin: 0 auto;
}	
	
/* footer */	
footer .inform p, footer .inform p a {
    font-size: 14px;
    line-height: 24px;
}	
footer .inform p span {
    display:none; 
}
footer .inform p br {
    display:block; 
}	
footer .sidiary {
    padding: 15px;
}
footer .sidiary .menu {
	width: 300px;
	margin: 0 auto;
}
footer .sidiary .menu li {
    height:30px;
}
footer .sidiary .menu li .average {
    position: relative;
    left: -7px;
}	
	
/* footer-old 
footer .ft-l {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	border-right: none;
	border-bottom: 1px solid #666;
	padding: 0 15px 15px;
	text-align: center;
}
footer .ft-c {
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #666;
	padding: 15px 0 10px 0;
}
footer .ft-r-mobile {
	width: 100%;
	padding-top: 15px;
}	
footer .ft-r-mobile .fbbtn {
	max-width: 175px;
	margin: 0 auto;
}
footer .ft-r-mobile .fbuotton {font-size: 16px;}
footer .ft-r-mobile .fbbtn:hover {color: #fff;}	
footer .ft-r-mobile .fbbtn p {font-size: 12px;}		
footer .ft-r-mobile .yt-button {
	width: 190px;
	margin:  0 auto;
	position: relative;
}*/			
}


/* ========================================================================
	480設定
/* ===================================================================== */
@media screen and (max-width: 480px) {
/* 單元表頭 */
.flextop {height: 100px;}	
	
.titleimg {max-width: 100%; height: 65px;}
.title-na-img {max-width: 100%; height: 38px;}		

/* 首頁比較表 */
.compare li{padding-left: 20px; padding-right: 20px;}	
	
/* 首頁過件輪播 */	
.side{padding-top: 15px; padding-bottom: 15px;}	
.slidetext-1, .slidetext-2 {height: 130px;}
.slidetext-1 li, .slidetext-2 li {
	font-size: 14px;
	line-height: 22px;
	display: block; 
	overflow: hidden;
	height: 130px;
}
	
/* 首頁成功案例 */	
.adcase .title {font-size: 24px;}
.adcase p {font-size: 16px;}		
	
/* 娜姐影片 */		
.company_bg {background: none;}	
.na-video-stitle {font-size: 20px;}	
	
/* 首頁免費諮詢 */	
.form-title {
	font-size: 24px;
	line-height: 24px;
}
    
/* 首頁法律顧問 */
.index-legal-bg {
	background: none;
    background: #e9f6fe;
}    
.index-legal-photo img {
  max-width: 240px;
  margin-bottom: 15px;    
}    
.index-legal-name {
    font-size: 28px;
    line-height: 36px;
}        
.index-legal-name br {
    display: block;
}    
    
/* 貸款試算 */	
.tab-fin h1 br{display: block;}	

/* 專業文章 */	
.childin p {font-size: 16px;}
.article-glossary-title {max-width: 100%; height: 30px;}	
.article-title {padding: 115px 0 15px;}	
.article-top-box {text-align: center;}	
.article-top-box .more {font-size: 14px;}	
.article-content {margin: 80px auto 30px;}
.article-top-date {
	font-size: 14px;
	line-height: 14px;
} 
.article-top-date i {font-size: 14px;} 	
.article-top-title {
	font-size: 20px;
	line-height: 28px;
}	
.article-top-p {
	font-size: 14px;
	line-height: 24px;
}	
.article-content .title {
	font-size: 28px;
	line-height: 36px;
	padding: 20px 0;
}	
.article-content .bread {
	padding: 15px 0 10px;
}
.article-label span {
	top: 0px;
	line-height: 36px;	
}	
.article-label br {display: block;}	

/* 金融名詞 */		
.article-glossary-btn {
	font-size: 14px;
	padding: 11px 0 10px 10px;
}
	
/* 歷史軌跡 */		
.milestone .content {padding: 0px 15px 15px;}	
	
/* 常見問題 */		
#accordion .panel-title a {
	font-size: 14px;
	color: #fff;
	background-color: #0277bc;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	display: block;
	padding: 20px 15px 18px 15px;
	position: relative;
	transition: all 0.5s ease 0s;
}	
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{display: none;}	
#accordion .panel-title a i {
	color: #fff;
	font-size: 14px;
	padding-right: 6px;
	position: relative;
	top: 0px;
}
#accordion .panel-title a.collapsed i {color: #59c3e3;}	
	
/* 最新消息 */		
.news-list a p {padding: 8px 0px 30px;}	
	
/* 創辦人的話 */		
.founder-photo {height: 300px;}	
.founder-top-rwd {
	font-size: 20px;
	line-height: 30px;
}	
.founder-title {
	font-size: 20px;
	line-height: 30px;
}	

/* 忠訓故事 */	
.about {padding: 30px 0;}	
.about-photo {padding: 30px 15px 0;}
.about-text h1 {
	font-size: 24px;
	line-height: 36px;
}	

/* 營業據點 */		
.locatio h1 {
	width: 220px;
	font-size: 24px;
	margin: 0 auto 20px;
}
.locatio p {padding-bottom: 10px;}	
.locatio br {display: block;}	
.locatio .map {
	height: 260px;
	padding: 0px;
	border-radius: 0px;	
	border: none;
	margin-top: 10px;
}	
	
/* 彈出視窗 */
.modal-header {
	min-height: 16px;
	padding: 10px 20px;
}
.modal-title {
	font-size: 18px;
	padding: 2px 0 0 0;
}	
.modal-body {
	position: relative; 
	padding: 10px 20px;
}
.modal-body p {
	font-size: 14px;
	line-height: 24px;
}
.close {top: -5px;}	
	
/* footer-old 	
footer {
	padding: 30px 0 80px 0;
}	
.contact-bn a {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #0277BD;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	display: block;
	font-size: 20px;
	color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(102, 102, 102);
	box-shadow: 0px 0px 5px 0px rgb(102, 102, 102);
}	*/	
}