@charset "utf-8";
/* CSS Document */
.faq_content *{ padding:0; margin:0;  box-sizing:border-box; font:15px/20px "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; text-decoration: none; }
/*==form Start==*/

.faq_content { width:100%; text-align:left}
.btn_advanced_setting,.btn_advanced_setting_hover  { position:absolute; top:4px; right:0; border:none; border-radius:3px; width:2.5em; height:2.5em; background: url(/Services/Customer/FAQ/images/btn_advanced_setting.png) center no-repeat; cursor:pointer;}
.btn_advanced_setting_hover { opacity: 0.3;}
.btn_advanced_setting a{ display:inline-block; line-height:2.5em; width:100%; text-decoration:none;}

.form{  width:90%; margin: 5px auto;}
	.form--styleB input[type="text"]
	{ width:100%; height:2.5em; padding-left:8px; border:1px #c5b4a8 solid;  border-radius:3px;}
	
	.form--styleB>ul{ width:100%;}
	.form--styleB>ul li{ width:100%; list-style-type:none;}
	
	.form--styleB select{ width:100%; height:2.5em; padding-left:8px; border:1px #c5b4a8 solid;  border-radius:3px; margin:5px auto; color: #999; background-color:#FFF; }
	.form--styleB select optgroup{ color:#36995E; }
	.form--styleB select option{ color:#4B4B4B; }
	.form--styleB .select-open{ color: #999999; }
	
	.form--styleB .checkbox{ width:100%; margin:5px auto;}
	.form--styleB input[type="checkbox"]{ width:20px; height:20px; margin:5px; float:left; }
	.form--styleB label{ line-height:30px; font-size:12px; }
	.form--styleB label a{ text-decoration:none; font-size:12px; }
	
	.radio{ width:100%; display: inline-block; }
		.radio:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }
		.form--styleB .radio input[type="radio"], .form--styleB .radio label{ display:inline-block; vertical-align:middle; }
		.form--styleB .radio input[type="radio"]{ width:30px; height:30px; }
		.form--styleB .radio label{ margin-right:10px; }
	
/*==form End==*/

/*==form Start==*/
.btn_advanced_setting,.btn_advanced_setting_hover  { position:absolute; top:0; right:0; border:none; border-radius:3px; width:2.5em; height:2.5em; background: url(/Services/Customer/FAQ/images/btn_advanced_setting.png) center no-repeat; cursor:pointer;opacity: 0.65;}
.btn_advanced_setting_hover { opacity: 0.2;}
.btn_advanced_setting a{ display:inline-block; line-height:2.5em; width:100%; text-decoration:none;}
.form{  width:90%; margin: 5px auto;}
	.form--styleB input[type="text"]
	{ width:100%; height:2.5em; padding-left:8px; border:1px #c5b4a8 solid;  border-radius:3px; z-index:0}
	
	.form--styleB>ul{ width:100%;}
	.form--styleB>ul li{ width:100%; list-style-type:none;}
	
	.form--styleB select{ width:100%; height:2.5em; padding-left:8px; border:1px #c5b4a8 solid;  border-radius:3px; margin:5px auto; color: #999; background-color:#FFF; }
	.form--styleB select optgroup{ color:#36995E; }
	.form--styleB select option{ color:#4B4B4B; }
	.form--styleB .select-open{ color: #999999; }
	
	.form--styleB .checkbox{ width:100%; margin:5px auto;}
	.form--styleB input[type="checkbox"]{ width:20px; height:20px; margin:5px; float:left; }
	.form--styleB label{ line-height:30px; font-size:12px; }
	.form--styleB label a{ text-decoration:none; font-size:12px; }
	
	.radio{ width:100%; display: inline-block; }
		.radio:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }
		.form--styleB .radio input[type="radio"], .form--styleB .radio label{ display:inline-block; vertical-align:middle; }
		.form--styleB .radio input[type="radio"]{ width:30px; height:30px; }
		.form--styleB .radio label{ margin-right:10px; }
	
/*==form End==*/


/* 手風琴樣式A */
.accordionA { position:relative; width:90%; list-style-type:none; padding:0; margin:40px auto; padding:10px; padding-top:15px; border-radius:5px; border:1px #c5b4a8 solid; }
.accordionA h3{ position:absolute; left:10px; top:-10px; padding:0 10px; background-color:#FFF; font-weight:bold;}
.accordionA .AnsTitle { color: #C60;}
.accordionA .Feedback { color:#900}
.accordionA hr { margin:0;height:1px;border:none;border-top:1px dashed #999; }
.accordionA a.open{ display:block; position:relative; padding:5px; padding-right:23px; color:#55331e; text-decoration:none; background-color:#d6d6d6;}
.accordionA a.more{ display:inline-block; border:1px #999 solid; padding:2px 5px; font-size:95%; margin-left:15px; margin-bottom:10px; background-color:#c9d8dc; color:#616161; text-decoration:none;border-radius:3px; }
.accordionA .btnslidedown { position:absolute; right:5px; top:5px; font-size:12px; border-radius:3px; background-color:#b2b2b2; color:#616161; width:19px; height:19px; text-align:center;  box-shadow:0 1px 0 #958a8a, 0 1px 0px rgba(0, 0, 0, 0.3); }
.accordionA_li--data { border:1px #e4d8ce dashed; border-bottom:1px #c6b9ad dashed; background-color:#FFF; border-top:none; padding:5px 10px; margin-bottom:10px; color: #666; border-radius: 0 0 6px 6px; height:30px; overflow:hidden; transition:all .2s;}
.accordionA li.close { border:1px #e4d8ce dotted; background-color:#FFF; border-top:none; padding:0; margin-bottom:5px; height:3px;  overflow:hidden; transition:all .2s;}

#ForHow .accordionA { position:relative; width:90%; list-style-type:none; padding:0; margin:40px auto; padding:10px; padding-top:15px; border-radius:5px; border:1px #c5b4a8 solid; }
#ForHow .accordionA h3{ position:absolute; left:10px; top:-10px; padding:0 10px; background-color:#FFF; font-weight:bold;}
#ForHow .accordionA .AnsTitle { color: #C60;}
#ForHow .accordionA .Feedback { color:#900}
#ForHow .accordionA hr { margin:0;height:1px;border:none;border-top:1px dashed #999; }
#ForHow .accordionA a.open{ display:block; position:relative; padding:5px; padding-right:23px; color:#55331e; text-decoration:none; background-color:#d6d6d6;}
#ForHow .accordionA a.more{ display:inline-block; border:1px #999 solid; padding:2px 5px; font-size:95%; margin-left:15px; margin-bottom:10px; background-color:#c9d8dc; color:#616161; text-decoration:none;border-radius:3px; }
#ForHow .accordionA .btnslidedown { position:absolute; right:5px; top:5px; font-size:12px; border-radius:3px; background-color:#b2b2b2; color:#616161; width:19px; height:19px; text-align:center;  box-shadow:0 1px 0 #958a8a, 0 1px 0px rgba(0, 0, 0, 0.3); padding-left:2px; line-height:20px;}
#ForHow .accordionA_li--data { border:1px #e4d8ce dashed; border-bottom:1px #c6b9ad dashed; background-color:#FFF; border-top:none; padding:5px 10px; margin-bottom:10px; color: #666; border-radius: 0 0 6px 6px; height:30px; overflow:hidden; transition:all .2s;}
#ForHow .accordionA li.close { border:1px #e4d8ce dotted; background-color:#FFF; border-top:none; padding:0; margin-bottom:5px; height:3px;  overflow:hidden; transition:all .2s;}



/* 單數項目 */
.accordionA li:nth-child(4n+2){background-color:#d6d6d6;}
.accordionA li:nth-child(4n+3){}

/* 雙數項目 */
.accordionA li:nth-child(4n){background-color:#d6d6d6;}
.accordionA li:nth-child(4n+1){}


/*主按鈕類別*/
.btn_group { clear:both; display:flex; align-items:center; justify-content:center; font:13px/1.5em "新細明體", "細明體", Verdana; padding:0 5%;text-align:center;}
	.btn_group__btn {background: #8b826d; box-shadow:0 2px 0 #5f5543, 0 2px 0px rgba(0, 0, 0, 0.3); font-size:16px; width:33%; max-width:650px; min-width:130px; padding:12px 0px; margin:3px; border-radius: 4px; cursor:pointer; border: none;  color:#fff; outline:none;}
	.btn_group__btn:hover ,.btn_group__btn:active {background:#a99872; box-shadow:0 1px 0 #716146, 0 1px 0 rgba(0, 0, 0, 0.3); transition:all .2s;}


/* 頁數樣式 */
.pageNum-button{ width:100%; margin:10px auto; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; display: -webkit-flex; -webkit-justify-content: center;  -webkit-align-items: center; -webkit-flex-wrap: wrap; }
.pageNum-button ul{ display:inline-block; margin:20px; border-radius:5px; }
.pageNum-button li{ display:inline; float: left; }
.pageNum-button li a{ padding: 10px 12px; line-height: 30px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; color:#55331e; }
.pageNum-button li a:hover{  background-color: #fffef2; }
.pageNum-button li.active a{ padding: 10px 12px; line-height: 30px; text-decoration: none; background-color: #b3bbc0; border: 1px solid #CCC; color:#666 !important; }


/* 警示訊息樣式 */
.messagebox {padding:20px; margin:0 auto;  margin-bottom:20px;border-radius:10px;}
.messagebox--size {width:80%;background-color:#d6d6d6; !important}
.messagebox--size p{ color: #55331e;}


/* 頁數樣式 */
.pageNum-button{ width:100%; margin:10px auto; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; display: -webkit-flex; -webkit-justify-content: center;  -webkit-align-items: center; -webkit-flex-wrap: wrap; }
.pageNum-button ul{ display:inline-block; margin:20px; border-radius:5px; }
.pageNum-button li{ display:inline; float: left; }
.pageNum-button li a{ padding: 10px 12px; line-height: 30px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; color:#55331e; }
.pageNum-button li a:hover{  background-color: #fffef2; }
.pageNum-button li.active a{ padding: 10px 12px; line-height: 30px; text-decoration: none; background-color: #b3bbc0; border: 1px solid #CCC; color:#666 !important; }

/* 頁數樣式 */
.pageNum-button{ width:100%; margin:10px auto; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; display: -webkit-flex; -webkit-justify-content: center;  -webkit-align-items: center; -webkit-flex-wrap: wrap; }
.pageNum-button ul{ display:inline-block; margin:20px; border-radius:5px; }
.pageNum-button li{ display:inline; float: left; }
.pageNum-button li a{ padding: 10px 12px; line-height: 30px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; color:#55331e; }
.pageNum-button li a:hover{  background-color: #fffef2; }
.pageNum-button li.active a{ padding: 10px 12px; line-height: 30px; text-decoration: none; background-color: #d6d6d6; border: 1px solid #CCC; color:#666; }
	

/* =================RWD區塊顯示控制================= */
/* .RwdPcData { display:none;}*/
/* .RwdMobileData { display:block;}*/