/*次首頁上方登入區塊*/
.kvloginarea{ position: relative;height: 200px;background: #d5d5d5;}
.kvloginarea .kvbg { position: absolute; top: 0; left: 50%; width: 1920px; height: 200px; margin: 0 0 0 -960px; }
.kvloginarea .mainarea { position: absolute; top: 17px; bottom: 17px; left: 50%; width: 1280px; margin: 0 0 0 -640px; }
.kvloginarea .mainarea .mainsubjecttitle{ font-size:32px; font-weight:bold; position:absolute; top:50%; margin-top:-0.5em; z-index: 1; color:#FFF;text-shadow: 2px 2px 14px #090202; left:15px;}
.kvloginarea .mainarea .loginareabefore{ position: absolute; top: 0; bottom: 0; right: 40px; width: 285px; height: 165px; margin: auto; padding: 25px; text-align: center; background: rgba(255,255,255,0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1;-moz-box-shadow: 0px 0px -1px 0px rgba(20%,20%,40%,0.6); -webkit-box-shadow: 0px 0px -1px 0px rgba(20%,20%,40%,0.6); box-shadow: 0px 0px -1px 0px rgba(20%,20%,40%,0.6);}
.kvloginarea .mainarea .loginareabefore h3{ font-size:20px; padding-bottom:10px; color:#333;}
.kvloginarea .mainarea .loginareabefore p{ font-size:15px; padding-bottom:10px; line-height:1.5em; color:#666;}
.kvloginarea .mainarea .loginareabefore .eservice-button{ width:100px; height:35px;}

/*次首頁上方登入區塊-登入後*/
.kvloginarea .loginareaafter{ display: block; background-color: rgba(255,255,255,0.9); width: 560px; height: 165px; position: absolute; top: 0px; right: 0px; -moz-box-shadow: 0px 0px -1px 0px rgba(20%,20%,40%,0.6); -webkit-box-shadow: 0px 0px -1px 0px rgba(20%,20%,40%,0.6); box-shadow: 0px 0px -1px 0px rgba(20%,20%,40%,0.6);z-index: 1;}
.kvloginarea .loginareaafter .loginareaafterup{ border-bottom:#e1e1e1 1px solid; display:block; width:100%;}
.kvloginarea .loginareaafter .loginname { display: block; font-size: 16px; color: #333; font-weight: bold; padding-top: 15px; padding-bottom: 15px; margin-left:24px; }
.kvloginarea .loginareaafter .loginname .membericon{ display:inline-block; float:left; padding-right:10px; margin-top:-8px;}
.kvloginarea .loginareaafter .loginname .membericon img{ height:50px;}
.kvloginarea .loginareaafter .loginname .memberdate{display:block;font-size:13px; font-weight: normal;color:#666; padding-top:5px;  }
.kvloginarea .loginareaafter .loginnewsarea{ width:100%; display:inline-block;  }
.kvloginarea .loginareaafter .loginnewsarea ul{ padding-left:24px;list-style: inherit; list-style-type: decimal; padding-top:8px;}
.kvloginarea .loginareaafter .loginnewsarea ul li{ width:240px; display:inline-block; float:left; font-size:15px; line-height:26px; position: relative; padding-left:15px;}
.kvloginarea .loginareaafter .loginnewsarea ul li a{ color:#666; text-decoration: none;}
.kvloginarea .loginareaafter .loginnewsarea ul li a:hover{ color:#e71a0f;}
.kvloginarea .loginareaafter .loginnewsarea ul li::before {position: absolute;top: 10px;left: 2px;content: "";width: 5px;height: 5px;background: #e71a0f;-webkit-border-radius: 2.5px;-moz-border-radius: 2.5px;border-radius: 2.5px;}


/*次首頁中間功能區塊*/
.optionsarea{display:block; width:1280px; position:relative; margin-left:auto; margin-right:auto; padding:40px; overflow:hidden;}
.optionsarea .allarea{ display: block; width:630px; height:200px; float:left; margin-bottom:20px; background-color:#fff;-moz-box-shadow: 0px 0px -1px 0px rgba(20%,20%,40%,0.6); -webkit-box-shadow: 0px 0px -1px 0px rgba(20%,20%,40%,0.6); box-shadow: 0px 0px -1px 0px rgba(20%,20%,40%,0.6); position:relative; background-color:#FFF;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.optionsarea .allarea.right{float: right;}
.optionsarea .allarea.nobottom{ margin-bottom:0;}
.optionsarea .allarea.grayarea:after{ left: 0;	border-bottom: solid 3px #999;	content: " ";	position: absolute;bottom: 0px; width:630px;z-index: 2;}
.optionsarea .allarea.redarea:after{ left: 0;	border-bottom: solid 3px #ba1301;	content: " ";	position: absolute;bottom: 0px; width:630px;z-index: 2;}
.optionsarea .allarea.redarea h3{ color:#ba1301;}
.optionsarea .allarea .allareabg{position: absolute; top: 0; left: 0; }
.optionsarea .allarea .w205 img{ width:205px; height:200px; object-fit:cover}
.optionsarea .allarea .listarea{ width: 582px; background-color: #FFF; float: right; height: 173px; padding-left: 23px; padding-top: 10px; padding-right: 25px; padding-bottom: 0px;z-index: 1; }/*20160411 修改*/
.optionsarea .listarea h3 { display:block; font-size:20px; color:#333; line-height:44px; border-bottom: #e1e1e1 solid 1px;position: relative;}
.optionsarea .listarea h3 .titleicon {display: inline;width: 40px;height: 44px; padding-right:10px;}
.optionsarea .listarea h3 .titleicon img{height: 44px;}
.optionsarea .listarea ul{ display:block; padding-top:10px; width:370px;float: left;height: 190px;}
.optionsarea .listarea ul li{width: 170px;display: inline-block;float: left;font-size: 15px;line-height: 30px;position: relative;padding-left: 15px;}
.optionsarea .listarea.mnhover ul{ width:390px; }
.optionsarea .listarea.mnhover ul li:nth-child(2n){ margin-left:20px;}
.optionsarea .listarea.mnhover ul.extarea{ display:block; padding-top:10px;float: left;height: inherit; width:185px;}
.optionsarea .listarea.mnhover ul.extarea li{ width:170px; display:list-item; font-size:15px; line-height:30px; position: relative; padding-left:15px; margin-left:20px;}
.optionsarea .listarea.mnhover ul.extarea li:nth-child(2n){ margin-left:20px;}

.optionsarea .listarea ul li a{ color:#333;    text-decoration: none;}
.optionsarea .listarea ul li a:hover{ color:#e71a0f;}
.optionsarea .listarea ul li::before {position: absolute;top: 12px;left: 2px;content: "";width: 5px;height: 5px;background: #999;-webkit-border-radius: 2.5px;-moz-border-radius: 2.5px;border-radius: 2.5px;}
.optionsarea .allarea.redarea .listarea ul li::before {background: #ba1301;}
.mnhover {height: 100%;width: 100%;overflow: hidden;position: relative;}
.optionsarea .listarea h3 a.arrbtn{ width:50px; height:20px;border: none;background: url(../images/eservice_custom/extendarrow.png) no-repeat ;overflow: hidden; background-position:0 0; position:absolute; right:0; top:50%; margin-top:-10px;}
.optionsarea .listarea h3 a.arrbtn:hover{ background-position:0 -20px;}
.optionsarea .listarea h3 a.arrbtn::before{content: "更多"; font-size:13px; position:absolute; top:-12px; color:#666;}
.optionsarea .listarea h3 a.arrbtn:hover::before{color:#e71a0f;}
.optionsarea .listarea h3 a.arrbtn.act{ background-position:0 -40px;}
.optionsarea .listarea h3 a.arrbtn.act:hover{ background-position:0 -60px;color:#e71a0f;}
.optionsarea .listarea h3 a.arrbtn.act::before{content: "收回"; font-size:13px; position:absolute; top:-11px;  color:#666;}
.optionsarea .listarea h3 a.arrbtn.act:hover::before{color:#e71a0f;}

/*登入後易付卡專區*/
.optionsarea .option4big.grayarea .listarea h3:before {content:' '; display: inline-block;background-image: url(../images/eservice_custom/subindex_chioceicon4_2_small.jpg); background-repeat:no-repeat; width: 34px;height: 44px; padding-right:10px; float:left;}
.optionsarea .option4big.redarea .listarea h3:before {content:' '; display: inline-block;background-image: url(../images/eservice_custom/subindex_chioceicon4_small.jpg); background-repeat:no-repeat; width: 34px;height: 44px; padding-right:10px; float:left;}
.optionsarea .allarea.option4big{width:100%;}
.optionsarea .allarea.option4big:after{width:100%;}
.optionsarea .option4big .listarea{ width: 812px; }
.optionsarea .option4big .listarea ul{width: 100%;}
.optionsarea .option4big .listarea ul li{width: 188px;}

/*深灰色區塊*/
.darkgraybackground{ display:block; width:100%; background-color:#dedede; padding-top:38px; padding-bottom:56px; overflow:hidden;}
.midarea{display:block; width:1280px; position:relative; margin-left:auto; margin-right:auto; overflow:hidden;}
.midarea h2{ font-size:18px; color:#555; line-height:30px; padding-left:20px; padding-bottom:8px;}
.midarea h2:before{ position: absolute;top: 9px;left: 2px;content: "";width: 8px;height: 8px;background: #888;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.servicearea{display: inline-block; width:845px; float:left; position:relative;}
.servicearea .serviceareacont{display: block; width:845px; height:280px; position:relative;}
.servicearea .serviceareacont .serviceareacontbg{display: block; width:845px; height:280px; position:absolute; top:0; left:0; }
.servicearea .serviceareacont .serviceareacontbg img{width:845px; height:280px; }
.servicearea .serviceareacont .serviceareaconttxt{display: block; width:460px; height:220px; position:absolute; top:37px; left:352px; z-index:1; }
.servicearea .serviceareacont .serviceareaconttxtup{ display:block; height:130px; border-bottom:#E1E1E1 1px solid;}
.servicearea .serviceareacont .serviceareaconttxtup .serviceareaconttxtuppic{ display: inline-block; width:96px; }
.servicearea .serviceareacont .serviceareaconttxtup .serviceareaconttxtuppic img{ position:absolute; top:0;}
.servicearea .serviceareacont .serviceareaconttxtup .serviceareaconttxtuptxt{ display: inline-block; width:324px;}
.servicearea .serviceareacont .serviceareaconttxtup .serviceareaconttxtuptxt h3{ color:#e71a0f; font-size:24px; display:inline-block; padding-bottom:10px;line-height: 1em;}
.servicearea .serviceareacont .serviceareaconttxtup .serviceareaconttxtuptxt p{ color:#666; font-size:13px; display:inline-block; line-height:1.5em;}
.servicearea .serviceareacont .serviceareaconttxtdown{ display:block; padding-top:13px;}
.servicearea .serviceareacont .serviceareaconttxtdown div{ vertical-align:bottom; display:inline-block;}
.servicearea .serviceareacont .serviceareaconttxtdown div p{ font-size:13px;padding-bottom:10px; text-align:center;}
.servicearea .serviceareacont .serviceareaconttxtdown .serviceareaconttxtdownpic1{ padding-right:7px;}
.servicearea .serviceareacont .serviceareaconttxtdown .serviceareaconttxtdownpic1 img{ height:78px; width:78px; }
.servicearea .serviceareacont .serviceareaconttxtdown .serviceareaconttxtdownpic2{ padding-right:10px; padding-bottom:5px;}
.servicearea .serviceareacont .serviceareaconttxtdown .serviceareaconttxtdownpic3{ padding-right:7px;}
.servicearea .serviceareacont .serviceareaconttxtdown .serviceareaconttxtdownpic3 img{ height:78px; width:78px; }
.servicearea .serviceareacont .serviceareaconttxtdown .serviceareaconttxtdownpic4{ padding-bottom:5px;}
.servicearea_ad{display: inline-block; width:410px; float:right; position:relative;}
.servicearea_ad .serviceareaadcont{display: block; width:410px; height:280px; background-color:#FFF;}
.servicearea_ad .serviceareaadcont .conttxt{ display:block; width:350px; height:57px; padding-left:35px; padding-right:25px; padding-top:13px; font-size:16px; line-height:1.4em; color:#333;}
.imgShadow .photo { display:block; position:relative; width:410px; height:210px; }/*20160411 修改*/
.servicearea_ad .slick-slider .slick-dots {bottom: 95px; width:-moz-max-content; margin-left:auto; margin-right:auto;  position: relative;}
.servicearea_ad .servicearealist .slickLi > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; }


/*常見問題區塊*/
.questionarea{ display:block; padding-top:40px; }
.questionareacont{ display:block; padding-top:30px; padding-bottom:40px; padding-left:40px; padding-right:40px; background-color:#FFF;}
.questionscript{ padding-top:40px;}
.questionscript .redtxt{ font-size:16px;}
.questionareacont .schBoxHd{ background-color: #f4f4f4; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; line-height:1.5em; }
.questionareacont .schBoxHd a span{ margin-right: 40px; display:block; }
.questionareacont .schBoxHd a span.numberq{ text-indent: -18px; margin-left:18px; margin-right:40px; }
.questionareacont .accordion .editBox .editBoxcont{ display:block; margin-right:42px;}
.questionareacont .accordion .editBox{ padding-left: 20px; padding-right:20px;}
.questionareacont .accordion.open .editBox{ background-color: #f4f4f4; padding-top: 0px; padding-bottom: 25px; padding-left: 20px; padding-right:20px;}
.questionareacont .accordion .editBox hr.grayline{border:0;background-color:#ccc;height:1px; margin-top:0; margin-bottom:15px;}
.questionareacont .accordion.open,.questionareacont .accordion{border:none;}
.questionareacont .accordion.open {margin-bottom: 0px;}
.questionareacont .editBox ul li{ padding:0;}
a.trigger{top: 50%; right:20px; margin-top:-15px;background: url(../images/eservice_custom/icon/icon_close.png) no-repeat;-moz-background-size: 30px auto;-webkit-background-size: 30px auto;-o-background-size: 30px auto;background-size: 30px auto;}
a.trigger.odd, a.trigger.odd:hover {background: url(../images/eservice_custom/icon/icon_close_notifyBox.png) no-repeat;-moz-background-size: 30px auto;-webkit-background-size: 30px auto;-o-background-size: 30px auto;background-size: 30px auto;}
.questionareacont a.morelink { display:block; font-size: 15px;color: #666; position:absolute; right:20px; bottom:10px;}
.questionareacont a.morelink:hover {color: #e71a0f;}
.questionareacont a.morelink::after { position: relative; top: 1px; content: ''; background: url(../images/eservice/btngreyarrow.png) no-repeat; height: 11px; width: 18px; display: inline-block; left: 7px; }
.questionareacont a.morelink:hover::after {background: url(../images/eservice/btnredarrow.png) no-repeat;}


/*常見問題選項切換*/
.questionareacont .selectarea{ display: block; margin-left: auto; margin-right: auto; width: 100%; border-bottom-color: #e71a0f; border-bottom-style: solid; border-bottom-width: 2px; margin-bottom: 30px;height: 30px; }
.questionareacont .selectarea .tab-btn-item{ float: left; height: 30px; position: relative; display:block;}
.questionareacont .selectarea .tab-btn-item span{display: block;background-image: url(../images/eservice/sline.png);background-position: right center;background-repeat: no-repeat;text-align: center;font-size: 17px;color: #333;padding: 0 20px; cursor:pointer;}
.questionareacont .selectarea .tab-btn-item:last-child span{ background:none;}
.questionareacont .selectarea .tab-btn-item span:after{cdisplay: block; background-image: url(../images/eservice/sline.png); background-position: right center; background-repeat: no-repeat; text-align: center; font-size: 17px; color: #333; padding: 0 20px;}
.questionareacont .selectarea .tab-btn-item span:before{}
.questionareacont .selectarea .tab-btn-item.active span:before{left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-bottom-color: #e71a0f;	border-width: 8px;	border-left-width: 10px;	border-right-width: 10px;	margin-left: -10px; 	bottom: 0px;}
.questionareacont .selectarea .tab-btn-item span{padding-top:0px; display:block; }
.questionareacont .selectarea .tab-btn-item.active span{color:#e71a0f;}
.questionareacont .selectarea .tab-btn-item:hover span{color:#e71a0f;}
.paywaytabarea .tab-btn-item:hover span{color:#e71a0f;}/*補之前的滑過變色*/

/*次首頁下方輪播廣告*/
.subindex_ad{margin: 0px auto 0 auto;max-width: 1280px;}
.subindex_ad .listBox .slickLi:after { content: ""; display: table; clear: both; }
.subindex_ad .listBox { width: 100%;/*margin-bottom: 10px;*/}
.subindex_ad .listBox.slick-slider { margin-bottom: 30px; }
.subindex_ad .listBox .slick-dots { bottom: -10px; }
.subindex_ad .slick-slider .slick-next { margin-top: -45px; }
.subindex_ad .slick-slider .slick-prev { margin-top: -45px; }
.subindex_ad .slick-slider .slick-prev { left: -30px; }
.subindex_ad .slick-slider .slick-next { right: -30px; }
.subindex_ad .listBox .slickLi { position: relative; margin: 0 0 20px 0; }
.subindex_ad .listBox.slickLoyalty .slickLi { margin: 0 0 25px 0; }
.subindex_ad .listBox .slickLi:last-child { margin: 0; }
.subindex_ad .listBox .slickLi > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; }
.subindex_ad .listBox .slickLi .photo { position: relative; float: left; width: 990px; height: 260px; }
.subindex_ad .listBox .slickLi .photo img { border: 1px #e2e2e2 solid; }
.subindex_ad .listBox .slickLi .conBox { float: right; width: 290px; height: 260px; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.subindex_ad .listBox .slickLi .conBox .title { font-size: 20px; font-weight: bold; line-height: 1.2em; max-height: 50px; overflow: hidden; }
.subindex_ad .listBox .slickLi .conBox .text { border-top: 1px #e1e1e1 solid; padding: 15px 0 0 0; margin: 15px 0 0 0; color: #666; font-size: 15px; line-height: 1.4em; height: 85px; overflow: hidden; }


/*特殊頁面02_02_0 20160410 修改*/
.captionimg{ display:block; padding-bottom:30px;}

/********** 20160912 **************/
.captionimg { display: block; position: relative; width:900px; height:120px; overflow:auto; }
.captionimg .smallicon { display: block; position: absolute; left: 159px; top: 19px; }
.captionimg .maintxt { font-size: 30px; display: block; position: absolute; left: 240px; top: 57px; color: #000;  }
.captionimg .eservice-button {display: block; position: absolute; left: 577px; top: 39px;}
/********** 20160912 **************/

.captiontitle{display:block; text-align:center; width:300px; margin-left:auto; margin-right:auto; padding-top:20px;}
.captiontitle h3{font-size:24px; color:#000; padding-bottom:10px;}
hr.grayline{border:0;background-color:#ccc;height:1px;}
.captionhow{ display:block;  width:100%; overflow:hidden; margin-top:15px; padding-bottom:20px;}
.captionhow .captionhowarea{float: left; width: 440px; height: 250px; padding-bottom: 30px; display:block; position:relative;text-align:center;}
.captionhow .captionhowarea.right{float: right;}
.captionhow .captionhowarea .captionhowareaupside{ display: block; width: 440px; height: 213px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; padding-right: 15px; padding-left: 15px; background-color:#F6F6F6; margin-top:20px;}
.captionhow .captionhowarea .captionhowareaupside .captionhowareaicon{ position:absolute; right:0; top:0;}
.captionhow .captionhowarea .captionhowareaupside .captionhowareatitle{  font-size:20px; color:#000; padding-bottom:10px;}
.captionhow .captionhowarea .captionhowareadownside{ font-size:16px; color:#000; background-color:#DDD; line-height:37px; height:37px;}

/*特殊頁面02_02_0 20160419 新增*/
.kvarea{ display:block; position:relative;}
.kvarea .kvtxt{ display:block; position:absolute; z-index:1; width:1280px; text-align:center; top:60px;}
.kvarea .kvtxt h3{ font-size:40px; color:#333; font-weight:900;}
.kvarea .kvtxt span{color:#D80000;}
.kvarea .kvtxt p{ margin-top:23px; font-size:18px; color:#333; line-height:1.8em;}
.kvarea .kvtxt span.num{ font-size:24px;}
.countcheat{ width:100%; display: table; background-color:#F6F6F6; margin-top:10px; min-height:146px; padding-bottom:10px; }
.countcheat .leftarea{ width:104px; display: table-cell;position:relative; padding-top:115px; color:#000; font-size:24px; padding-left:28px; vertical-align:top;}
.countcheat .leftarea img{position: absolute; top:-10px; left:30px;}
.countcheat .rightarea{ width:768px; display: table-cell;padding-top:12px; color:#666666; font-size:16px; vertical-align:middle; height:120px;}
.countcheat .rightarea ul{ width:720px; padding-left:15px; }
.countcheat .rightarea ul li{ padding-bottom:3px; display:inline-block;line-height:1.5em; position: relative;padding-left:20px;}
.countcheat .rightarea ul li::before {position: absolute;top: 10px;left: 2px;content: "";width: 6px;height: 6px;background: #666;-webkit-border-radius: 2.5px;-moz-border-radius: 2.5px;border-radius: 2.5px;}
.countcheat .rightarea ul li span { font-size: 13px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #B28500;color: #fff; display: inline-block; height: 25px; padding: 3px 1px 0px 0px; text-align: center; vertical-align: bottom; width: 25px; margin: 0px 2px; }

/*特殊頁面02_02_0如何選取好禮流程圖*/
.flowchartarea{ line-height:1.6em; font-size:16px;  display:block; margin-bottom:30px;padding-bottom:20px; color:#666;}
.flowchartarea .titletxt{ color:#000; padding-bottom:5px; font-weight:bold; font-size:20px;}
.flowchartarea .titletxt .flowchartpic{ width: 140px;height: 140px;margin-top:20px; margin-left:auto; margin-right:auto;margin-bottom: 10px;}
.flowchartarea .arrowright{width: 24px; display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; text-align: center;margin-top: 20px; }
.flowchartarea .arrowright:after{content:' '; display:block;background-image: url(../images/eservice_custom/02_02_0_icon_arrow.png); background-repeat:no-flowchartarea; width: 16px;height: 25px;background-position: 0px 0px; margin-top:55px; padding-left:0; margin-left:auto; margin-right:auto;margin-bottom: 10px;}
.flowchartarea .block{width: 200px; display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; text-align: center; }

/*特殊頁面01_06_0帳單小達人*/
.flowchartarea .pic5:before{ content:' '; display:block;background-image: url(../images/eservice_custom/01_06_0_icon1.png); background-repeat:no-repeat; width: 140px;height: 140px;background-position: 0px 0px; margin-top:20px; padding-left:0; margin-left:auto; margin-right:auto;margin-bottom: 10px;}
.flowchartarea .pic6:before{ content:' '; display:block;background-image: url(../images/eservice_custom/01_06_0_icon2.png); background-repeat:no-repeat; width: 140px;height: 140px;background-position: 0px 0px; margin-top:20px; padding-left:0; margin-left:auto; margin-right:auto;margin-bottom: 10px;}
.flowchartarea .pic7:before{ content:' '; display:block;background-image: url(../images/eservice_custom/01_06_0_icon3.png); background-repeat:no-repeat; width: 140px;height: 140px;background-position: 0px 0px; margin-top:20px; padding-left:0; margin-left:auto; margin-right:auto;margin-bottom: 10px;}
.flowchartarea .pic8:before{ content:' '; display:block;background-image: url(../images/eservice_custom/01_06_0_icon4.png); background-repeat:no-repeat; width: 140px;height: 140px;background-position: 0px 0px; margin-top:20px; padding-left:0; margin-left:auto; margin-right:auto;margin-bottom: 10px;}
.flowchartarea .arrowright.nothing:after{content:' '; display:block;background-image: none;}
.flowchartarea a .areacenter{color:#666;}
.flowchartarea a:hover .areacenter{color:#e71a0f}

/*特殊頁面02_02_1加減空格區域*/
.plusboxarea {letter-spacing: -.31em; text-rendering: optimizespeed; display: -webkit-flex; -webkit-flex-flow: row wrap; display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start;padding-bottom: 0px;}
.plusboxarea .plusboxnormal{display: inline-block; width: 30%;letter-spacing: normal; font-size:16px;height:auto; }
.plusboxarea .plusboxnormal p{display: block; width: 99%; text-align:center; padding: 20px 0; line-height:1.6em; font-size:16px; border: 1px solid #E71A0F; color:#000; font-weight:bold; }
.plusboxarea .plusboxnormal p span{ font-size:15px; color:#666; font-weight: normal; padding-left:5px;}
.plusboxarea .plusboxnormal p strong{ font-size:24px; color:#E6190E; font-weight:bold;}
.plusboxarea .plusboxnormal.bgbox{background-color: #F6F6F6;}
.plusboxarea .plusboxnormalicon{display: inline-block; width: 5%; text-align:center;line-height:1.6em; font-size:16px;letter-spacing: normal; height:95px; vertical-align: bottom;}
.plusboxarea .plusboxnormalicon p{ width: 100%; height:95px; vertical-align: middle; line-height:95px;}
h4.surplustxt{ font-size:16px; color:#000; font-weight:normal;}
h4.surplustxt span{ font-size:24px; color:#E6190E; font-weight:bold;}

/*特殊頁面02_02_1產品列表*/
.productlist{ width:897px; display:block;padding-left: 3px; overflow:hidden; }
.productlist .productlistbox{ padding-bottom: 10px; width: 180px; display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; text-align: center; -moz-box-shadow: 0px 0px 3px 0px rgba(20%,20%,40%,0.3); -webkit-box-shadow: 0px 0px 3px 0px rgba(20%,20%,40%,0.3); box-shadow: 0px 0px 3px 0px rgba(20%,20%,40%,0.3); margin-left: 0px; margin-top: 5px; margin-right: 14px; margin-bottom: 14px; padding-right: 15px; padding-left: 15px;padding-top: 10px;  }
.productlist .productlistbox:nth-child(4n){ margin-right:0px;}
.productlist .productlistbox .imgbox{ width:100%; display:block;position: relative; height:120px; text-align:center; vertical-align:middle;padding-bottom: 0px; }
.productlist .productlistbox .imgbox:after {	left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-width: 0px;	border-left-width: 0px;	border-right-width: 0px;	margin-left: 0px; bottom: px; margin-bottom:0px;}
.productlist .productlistbox .productlistboxname{ font-size:15px; margin-bottom:0px; border-bottom:1px solid #D8D8D8;border-top:1px solid #D8D8D8; font-weight:bold; padding-top:15px; padding-bottom:15px;}
.productlist .productlistbox .productlistboxneed{ font-size:15px; font-weight: normal; color:#666; margin-bottom:5px;padding-top:15px; padding-bottom:15px;}
.productlist .productlistbox .productlistboxneed span{ font-size:20px; font-weight: bold; color:#E6190E; }
.productlist .productlistbox  input[type="text"] {padding: 2px; background-color: #FFF; font-size:16px; color:#999;}
.productlist .productlistbox .productlistboxnum { width: 60px; text-align: center; opacity: 1; color: #000000; }
.productlist .productlistbox .btnminus { width: 25px; height: 25px; border: 0px; text-indent: -9999px; background: url(../images/eservice_custom/exc_buttons.png) no-repeat; background-position: -25px 0px; cursor:pointer; }
.productlist .productlistbox .btnminus:hover { background-position: -25px 0px; }
.productlist .productlistbox .btnplus { width: 25px; height: 25px; border: 0px; text-indent: -9999px; background: url(../images/eservice_custom/exc_buttons.png) no-repeat; background-position: 0px 0px; cursor:pointer;}
.productlist .productlistbox .btnplus:hover { background-position: 0px 0px; }
.productlist .productlistbox .productlistboxcontrol{margin-bottom:10px;}
.productlist .productlistbox  a.excreadme{color: #666; font-size:13px; border-bottom:1px solid #666; }
.productlist .productlistbox  a.excreadme:hover{color: #e71a0f; font-size:13px; border-bottom:1px solid #e71a0f; }

/*特殊頁面02_02_4點數不足*/
.notenoughwarning .warningareatxtcenter {padding-top: 15px;padding-bottom: 16px;font-size: 15px;color: #000;line-height: 30px;width: 100%;display: block;margin-left: auto;margin-right: auto;vertical-align: middle;text-align: center;background-color: #F2F2F2; border:#E71A0F 1px solid;}
.notenoughwarning .warningareatxtcenter span{ font-size:24px; color:#E6190E; font-weight:bold; padding-left:5px; padding-right:5px;}

.productlistboxcontrol .notenoughtxt{ font-size:20px; color:#999; padding-bottom:5px;}

/*特殊頁面04_01_0我要繳款_快速登入*/
.fastlogin{ position:relative;}
.fastlogin .leftside { position: absolute; top: 132px; left: 347px; min-width: 45px; }
.fastlogin .eservice-button.leftside{ width:85px;}
.fastlogin .eservice-button.leftside a.button-normal{ background-color:#C5554E;border:#C5554E; font-size:18px;}
.fastlogin .eservice-button.leftside a.button-normal:hover{ background-color:#CF736D;}
.fastlogin .rightside { position: absolute; top: 131px; left: 765px; min-width: 45px; }
.fastlogin .eservice-button.rightside{ width:85px;}
.fastlogin .eservice-button.rightside a.button-normal{ background-color:#58B4A0;border:#58B4A0; font-size:18px;}
.fastlogin .eservice-button.rightside a.button-normal:hover{ background-color:#78C2B1;}
.fastlogin .btnchkact { position: absolute; top: 458px; left: 197px; }
.fastlogin .eservice-button.btnchkact{ width: 192px; }
.fastlogin .eservice-button.btnchkact a.button-normal{ background-color:#E71A0F;border:#BA0A00; font-size:18px;}
.fastlogin .eservice-button.btnchkact a.button-normal:hover{ background-color:#F24840}

/*特殊畫面01_07_5_0*/
.testarea{ padding-top:30px; padding-left:40px; padding-right:40px;}
.testquestion{ display:block; width:100%; height:50px; border-bottom:#ccc 1px solid; color:#333; font-size:24px; line-height:50px;}
.testquestion .questiontitle{ color:#fff; font-size:26px; background-image:url(../images/eservice_custom/01_07_5_question_bg.png); background-repeat:no-repeat; padding-right:4px; width:81px; height:50px; display:inline-block; line-height:50px; padding-left:16px; }
.testquestion .questionicon{ float:right;}
.anschoice{ padding-left:100px; padding-top:27px; padding-bottom:20px;}
.experttestlabel { display: block; text-indent: -24px; text-indent: -35px\9; left: 24px; left: 35px\9; position: relative; line-height: 20px; margin-bottom: 20px; width:850px; font-size:16px;cursor: pointer;}

/*特殊頁面01_07_5_1測驗結束*/
.testend{ position:relative; width:1280px; height:385px;}
.testend .testendcont { position: absolute; top: 138px; left: 231px; }
.testend .testendcont .testendconttitle{ font-size:32px; color:#333; padding-bottom:30px; font-weight:bold;}
.testend .testendcont .testendconttxt{font-size:20px; color:#333; padding-bottom:30px; font-weight:bold;line-height: 26px;}
.testend .testendcont .testendconttxt span{ color:#D80000; font-size:32px;}
.testend .testendcont .eservice-button{margin-left: 0px;}

/*特殊頁面01_07_5_1測驗*/
.testend .picarea{position: absolute; top: -50px; right: -300px;}
.testend .rain { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0px; left: 0px; }
.testend .rain .raining1 { width: 120px; height: 180px; background: url(../images/eservice_custom/rain1_Spritesheet5x1.png); position: absolute; }
.testend .rain .raining2 { width: 120px; height: 180px; background: url(../images/eservice_custom/rain2_Spritesheet5x1.png); position: absolute; z-index: 10; }
.testend .rain .rn1 { top: 80px; left: 90px; }
.testend .rain .rn2 { top: 90px; left: 280px; }
.testend .rain .rn3 { top: 30px; left: 370px; }
.testend .rain .rn4 { top: 40px; left: 450px; }
.testend .rain .rn5 { top: 50px; left: 160px; }
.testend .rain .rn6 { top: 100px; right: 20px; }
.testend .rain .rn7 { top: 20px; right: 310px; }
.testend .leaf { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0px; left: 0px; }
.testend .leaf .leaf1 { width: 210px; height: 115px; background: url(../images/eservice_custom/leaf1_Spritesheet39x1.png); position: absolute; z-index: 10; }
.testend .leaf .leaf2 { width: 280px; height: 220px; background: url(../images/eservice_custom/leaf2_Spritesheet30x1.png); position: absolute; z-index: 11; }
.testend .leaf .lf1 { top: 80px; left: 20px; }
.testend .leaf .lf2 { top: 100px; left: 110px; }
.testend .leaf .lf3 { top: 80px; right: 20px; }
.testend .leaf .lf4 { top: 80px; right: 220px; }
.testend .star { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0px; left: 0px; }
.testend .star .star1 { width: 180px; height: 180px; background: url(../images/eservice_custom/star1_Spritesheet20x1.png); position: absolute; }
.testend .star .star2 { width: 180px; height: 180px; background: url(../images/eservice_custom/star2_Spritesheet20x1.png); position: absolute; }
.testend .star .star3 { width: 180px; height: 180px; background: url(../images/eservice_custom/star3_Spritesheet14x1.png); position: absolute; }
.testend .star .st1 { top: 80px; left: 20px; }
.testend .star .st2 { top: 80px; right: 180px; }
.testend .star .st3 { top: 70px; left: 140px; }
.testend .star .st4 { top: 50px; right: 30px; }
.expert-test-result .fireworks { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 0; top: 0px; left: 0px; }
.expert-test-result .fireworks .firework1 { width: 200px; height: 200px; background: url(../images/eservice_custom/firework1_Spritesheet9x1.png); position: absolute; z-index:1;}
.expert-test-result .fireworks .firework2 { width: 200px; height: 200px; background: url(../images/eservice_custom/firework2_Spritesheet9x1.png); position: absolute;  z-index:1;}
.expert-test-result .fireworks .fw1 { top: 50px; left: 50px; }
.expert-test-result .fireworks .fw2 { top: 30px; right: -60px; }
.expert-test-result .fireworks .fw3 { top: 150px; left: -10px; }
.expert-test-result .fireworks .fw4 { top: 220px; right: 10px; }
.expert-test-result .fireworks .fw5 { top: 180px; left: 20px; }
.expert-test-result .fireworks .fw6 { top: 60px; right: 30px; }

/*特殊頁面02_03_1電子帳單申請-六大好處*/
.sixgoodarea{ position:relative;}
.sixgoodarea .emailbill { position: absolute; top: 163px; left: 535px; }
.sixgoodarea .eservice-button.emailbill{ width: 192px; }

/*********** 20160912新增 ***********/
.sixgoodarea h2 { font-size: 40px; font-weight: bold; display: block; position: absolute; left: 470px; top: 37px; }
.sixgoodarea p { font-size: 16px; display: block; position: absolute; left: 255px; top: 97px; color:#666; width:751px; height:45px; text-align:center; line-height:1.5em; }
.sixgoodarea p span {color:#E6190D;}
/*********** 20160912新增 ***********/


/*特殊頁面02_03_1電子帳單申請-六大好處切換*/
.sixgoodareaselect{ display: block;}
.sixgoodareaselect .tab-btn-item{display: block; width: 128px; }
.sixgoodareaselect .tab-btn-item span{ display: block; background-repeat: no-repeat; text-align: center; font-size: 16px; color: #000; cursor: pointer; border-top-color: #DDD; border-right-color: #DDD; border-bottom-color: #DDD; border-left-color: #DDD; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 3px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; width:100%; height:100%; padding-top:100px; height:40px;background-color: #FFF;background-repeat: no-repeat; }
.sixgoodareaselect .type-1.tab-btn-item span{  background-image: url(../images/eservice_custom/02_03_1_icon1.png); background-position: 27px 34px; }
.sixgoodareaselect .type-2.tab-btn-item span{  background-image: url(../images/eservice_custom/02_03_1_icon2.png); background-position: 38px 29px; }
.sixgoodareaselect .type-3.tab-btn-item span{  background-image: url(../images/eservice_custom/02_03_1_icon3.png); background-position: 42px 27px; }
.sixgoodareaselect .type-4.tab-btn-item span{  background-image: url(../images/eservice_custom/02_03_1_icon4.png); background-position: 33px 36px; }
.sixgoodareaselect .type-5.tab-btn-item span{  background-image: url(../images/eservice_custom/02_03_1_icon5.png); background-position: 33px 37px; }
.sixgoodareaselect .type-6.tab-btn-item span{  background-image: url(../images/eservice_custom/02_03_1_icon6.png); background-position: 35px 28px; }
.sixgoodareaselect .type-1{ position:absolute; top:238px; left:189px; }
.sixgoodareaselect .type-2{ position:absolute; top:238px; left:343px;}
.sixgoodareaselect .type-3{ position:absolute; top:238px; left:497px;}
.sixgoodareaselect .type-4{ position:absolute; top:238px; left:651px;}
.sixgoodareaselect .type-5{ position:absolute; top:238px; left:805px;}
.sixgoodareaselect .type-6{ position:absolute; top:238px; left:959px;}
.sixgoodareaselect .tab-btn-item.on span:before{left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-width: 7px;	border-left-width: 6px;	border-right-width: 6px;	margin-left: -3px; 	bottom: 3px;}
.sixgoodareaselect .type-1.tab-btn-item.on span:before{border-bottom-color: #56C2B1;}
.sixgoodareaselect .type-2.tab-btn-item.on span:before{border-bottom-color: #FD726E;}	
.sixgoodareaselect .type-3.tab-btn-item.on span:before{border-bottom-color: #FFBF00;}
.sixgoodareaselect .type-4.tab-btn-item.on span:before{border-bottom-color: #F37F56;}
.sixgoodareaselect .type-5.tab-btn-item.on span:before{border-bottom-color: #7E4E78;}
.sixgoodareaselect .type-6.tab-btn-item.on span:before{border-bottom-color: #EB6100;}
.sixgoodareaselect .type-1.tab-btn-item.on span{border-color: #56C2B1;}
.sixgoodareaselect .type-2.tab-btn-item.on span{border-color: #FD726E;}	
.sixgoodareaselect .type-3.tab-btn-item.on span{border-color: #FFBF00;}
.sixgoodareaselect .type-4.tab-btn-item.on span{border-color: #F37F56;}
.sixgoodareaselect .type-5.tab-btn-item.on span{border-color: #7E4E78;}
.sixgoodareaselect .type-6.tab-btn-item.on span{border-color: #EB6100;}
.pb30{padding-bottom:30px;}
#slideshow .slides {width: 1280px; margin-left:auto; margin-right: auto; }
#slideshow .slides ul {width: 2880px; min-height:816px;}
#slideshow .slides li {display:block;width: 1280px;}
#slideshow .info {display: none;}
#slideshow .on {display: block;}
#tab-cont-1{ position:relative;}
#tab-cont-1 p{ display:block; margin-top:18px; font-size:16px; color:#666; line-height:1.5em;}
#tab-cont-1 p.txt2{ display:block; margin-top:20px; font-size:16px; color:#444; line-height:1.5em;}
.sixgoodcont1txt1{ position: absolute; z-index: 1; top: 210px; left: 580px; font-size: 20px; color: #000; font-weight: bold; }
.sixgoodcont1pic1{ position: absolute; z-index: 1; top: 270px; left: 277px; width: 100px; height: 144px; text-align: center; }
.sixgoodcont1pic2{ position: absolute; z-index: 1; top: 270px; left: 404px; width: 100px; height: 144px; text-align: center; }
.sixgoodcont1pic3{ position: absolute; z-index: 1; top: 270px; left: 529px; width: 100px; height: 144px; text-align: center; }
.sixgoodcont1pic4{ position: absolute; z-index: 1; top: 270px; left: 660px; width: 100px; height: 144px; text-align: center; }
.sixgoodcont1pic5{ position: absolute; z-index: 1; top: 270px; left: 784px; width: 100px; height: 144px; text-align: center; }
.sixgoodcont1pic6{ position: absolute; z-index: 1; top: 270px; left: 912px; width: 100px; height: 144px; text-align: center; }
.sixgoodcont1txt2{ position: absolute; z-index: 1; top: 507px; left: 515px; font-size: 20px; color: #000; font-weight: bold; }
.sixgoodcont1pic7{ position: absolute; z-index: 1; top: 566px; left: 364px; width: 122px; height: 178px; text-align: center; }
.sixgoodcont1pic8{ position: absolute; z-index: 1; top: 611px; left: 528px; }
.sixgoodcont1pic9{ position: absolute; z-index: 1; top: 566px; left: 585px; width: 122px; height: 178px; text-align: center; }
.sixgoodcont1pic10{ position: absolute; z-index: 1; top: 611px; left: 748px; }
.sixgoodcont1pic11{ position: absolute; z-index: 1; top: 566px; left: 807px; width: 122px; height: 178px; text-align: center; }
#tab-cont-4{ position:relative;}
.sixgoodcont4txt1{ position: absolute; z-index: 1; top: 188px; left: 430px; font-size: 20px; color: #000; font-weight:bold;}
.sixgoodcont4txt2{ position: absolute; z-index: 1; top: 365px; left: 736px; color: #F27F55; font-size: 16px; width: 35opx; height: 44px; line-height: 22px; text-align: center; font-weight:bold; }
.sixgoodcont4pic1{ position: absolute; z-index: 1; top: 231px; left: 222px; }
.sixgoodcont4pic2{ position: absolute; z-index: 1; top: 428px; left: 706px; }
#tab-cont-5{ position:relative;}
.sixgoodcont5uparea1{ position: absolute; z-index: 1; top: 177px; left: 422px; width:300px; 130px; display:block; }
.sixgoodcont5uparea1 h3{ line-height:30px; font-size:20px; color:#000; font-weight:bold; margin-bottom:15px;}
.sixgoodcont5uparea1 h3 img{ margin-right:10px; margin-top:-5px;}
.sixgoodcont5uparea1 ul{ padding-left:5px;}
.sixgoodcont5uparea1 ul li{ font-size:16px; color:#444; padding-bottom:15px;}
.sixgoodcont5uparea1 ul li::before {content:' '; display: inline-block;background-image: url(../images/eservice_custom/02_03_1_cont5_icon_list.png); background-repeat:no-repeat; width: 11px;height: 12px; padding-right:10px; float:left;}
.sixgoodcont5uparea2{ position: absolute; z-index: 1; top: 177px; left: 738px; width:330px; 130px; display:block;}
.sixgoodcont5uparea2 h3{ line-height:30px; font-size:20px; color:#000; font-weight:bold; margin-bottom:15px;}
.sixgoodcont5uparea2 h3 img{ margin-right:10px; }
.sixgoodcont5uparea2 ul{ padding-left:10px;}
.sixgoodcont5uparea2 ul li{ font-size:16px; color:#444; padding-bottom:15px;}
.sixgoodcont5uparea2 ul li::before {content:' '; display: inline-block;background-image: url(../images/eservice_custom/02_03_1_cont5_icon_list.png); background-repeat:no-repeat; width: 11px;height: 12px; padding-right:10px; float:left;}
.sixgoodcont5pic1{ position: absolute; z-index: 1; top: 426px; left: 218px; }
.sixgoodcont5pic2{ position: absolute; z-index: 1; top: 426px; left: 437px; }
.sixgoodcont5pic3{ position: absolute; z-index: 1; top: 441px; left: 703px; }
.sixgoodcont5pic4{ position: absolute; z-index: 1; top: 415px; left: 889px; }

/*特殊頁面02_03_1電子帳單申請-六大好處 內容部分*/
.sixgoodconttitle{display:block; text-align:center; width:300px; margin-left:auto; margin-right:auto; padding-top:40px;}
.sixgoodconttitle h3{font-size:32px; padding-bottom:13px;}
.sixgoodconttitle h3.number1{ color:#56C2B1;}
.sixgoodconttitle h3.number2{ color:#FD726E;}
.sixgoodconttitle h3.number3{ color:#FFBF00;}
.sixgoodconttitle h3.number4{ color:#F37F56;}
.sixgoodconttitle h3.number5{ color:#7E4E78;}
.sixgoodconttitle h3.number6{ color:#EB6100;}
hr.sixgoodline{border:0;background-color:#ccc;height:1px;}
.sixgoodconttitle p{padding-top:8px; font-size:18px; color:#666; padding-bottom:15px;}
.sixgoodcont{ overflow:hidden; display:block;}

/*特殊頁面02_03_1電子帳單申請-六大好處 第二選項*/
.sixgood2box{ display: inline-block; float: left; width: 375px; height: 281px; border-top-width: 5px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FD726D; border-right-color: #FD726D; border-bottom-color: #FD726D; border-left-color: #FD726D; text-align: center; -moz-box-shadow: 0px 0px 6px 0px rgba(20%,20%,40%,0.3); -webkit-box-shadow: 0px 0px 6px 0px rgba(20%,20%,40%,0.3); box-shadow: 0px 0px 6px 0px rgba(20%,20%,40%,0.3); margin: 3px; padding-top: 20px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }
.sixgood2box.rightarea{float:right;}
.sixgood2box h4{ font-size:20px; color:#000; line-height:1em; padding-bottom:20px;}
.sixgood2box p{color:#333; font-size:16px; padding-top:10px; line-height:1.5em;}

/*特殊頁面02_03_1電子帳單申請-六大好處 第六選項*/
.sixgoodconttitle h3.number6{ color:#EB6100;}
.sixgood1box{ display: inline-block; float: left; width: 834px; height: 395px; border-top-width: 5px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #EB6100; border-right-color: #EB6100; border-bottom-color: #EB6100; border-left-color: #EB6100; text-align: center; -moz-box-shadow: 0px 0px 6px 0px rgba(20%,20%,40%,0.3); -webkit-box-shadow: 0px 0px 6px 0px rgba(20%,20%,40%,0.3); box-shadow: 0px 0px 6px 0px rgba(20%,20%,40%,0.3); margin: 3px; padding-top: 20px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; }
.sixgood1box h4{ font-size:20px; color:#000; line-height:1em; padding-bottom:20px;}
.twopicarea{ width:840px; display:block; margin-left:auto; margin-right:auto; padding-bottom:30px;}
.part50.positionab{position: relative;}
.part50.positionab .picuptitlearea{position:absolute; bottom:0; height:47px; width:100%; background:rgba(235,97,0,0.6); color:#FFF; font-size:20px; font-weight:bold; text-align:center; line-height:47px;}

/* 07_4_簡訊通知(已登入) */

.sms_expert{position: relative;}
.sms_expert .sms-container { width: 300px; height: 545px; background: url(../images/eservice_custom/sms/sms_bg.png) no-repeat; margin: 0px auto; position: relative; overflow: hidden; }
.sms_expert .sms-container .sms-scroll { width: 89px; height: 86px; position: absolute; top: 0px; right: 54px; background: url(../images/eservice_custom/sms/sms_box_scroll.png) no-repeat; }
.sms_expert .sms-box { width: 192px; height: 343px; left: 54px; top: 86px; position: relative; overflow: auto; }
.sms_expert .sms-box img { width: 100%; max-width: 175px; height: auto; display: block; }
.sms_expert .sms-box .sms-speak-box { width: 172px; }
.sms_expert .sms-box .sms-speak-box .sms-top { width: 172px; height: 29px; background: url(../images/eservice_custom/sms/sms_box_top.png) no-repeat; }
.sms_expert .sms-box .sms-speak-box .sms-content { padding: 0px 6px 0px 19px; background: url(../images/eservice_custom/sms/sms_box_bg.png) repeat-y; font-size: 14px; line-height: 145%; word-break: break-all;}
.sms_expert .sms-box .sms-speak-box .sms-bottom { width: 172px; height: 53px; background: url(../images/eservice_custom/sms/sms_box_bottom.png) no-repeat; }
.sms_expert .sms-hint-pop { width: 440px; position: absolute; top: 200px; left: 50%; margin-left: -220px; padding: 72px 0px; text-align: center; color: #fff; display: block; }
.sms_expert .sms-hint-set { overflow: hidden; position: absolute; bottom: 0px; left: 0px; }
.sms_expert .sms-hint-set .sms-hint-arr { display: block; width: 34px; height: 32px; background: url(../images/eservice_custom/sms/sms_hint_arr.png) no-repeat; position: absolute; top: 0px; left: 0px; cursor: pointer; }
.sms_expert .sms-hint-set .sms-hint-box { margin-top: 24px; border: 2px solid #ba1301; width: 170px; min-height: 10px; }
.sms_expert .sms-you-got-type { display: none; }
.sms_expert .sms-billcheck-type { display: none; }
.sms_expert .sms-bg-arr { width: 72px; height: 78px; background: url(../images/eservice_custom/sms/sms_bg_arr.png) no-repeat; position: absolute; top: 260px; left: 50%; display: none;margin-left: -36px; }
.grid-r.positionab{position: relative;}
.alpha-bg-b75 {background: url(../images/eservice_custom/alpha_bg_b75.png) repeat;}
.sms_expert .smstitle{font-size: 21px; color: #333; padding-bottom: 0px; line-height: 1.3em; text-align:center;}


/*常見問題標題加上圖片 限制高度為30px 20160414新增*/
.questionareacont .schBoxHd a span img{ height:22px; padding-right:5px;}

/*202001修改*/
.sixgoodareaselect .type-1{ position:absolute; top:238px; left:260px;}
.sixgoodareaselect .type-3{ position:absolute; top:238px; left:417px;}
.sixgoodareaselect .type-4{ position:absolute; top:238px; left:571px;}
.sixgoodareaselect .type-5{ position:absolute; top:238px; left:725px;}
.sixgoodareaselect .type-6{ position:absolute; top:238px; left:879px;}