/*service-container*/
.servicebanner{width: 100%;height: 287px;position: relative;overflow: hidden;}
.service_img{position: absolute;left: 50%;}
.servicettmain{position: absolute;left: 50%;margin-left: -480px;margin-top: 100px;}
.service_title{font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;position:absolute;font-size: 2.5em;color: #323232;width: 515px;text-align: center;}
.servicett{position:absolute;margin-top: 35px;font-size: 1.3em;color: #898989;width: 515px;text-align: center;word-break: break-all;height: 50px;line-height: 24px;}

.servicearea{position: relative;width: 100%;padding: 60px 0 60px 0;background: #f5f5f5;}
.servicearea2{position: relative;width: 100%;padding: 30px 0 60px 0;background: #f5f5f5;}

.serviceitemwrap{position: relative;margin:0 auto;width: 1200px;margin-top: 0;overflow: hidden;}
.serviceitem,.lineservice{position: relative;width: 1000px;margin:0 auto;padding: 20px 100px;margin-top: 40px;}
.serviceitem li,.lineservice li{position: relative;float: left;margin-right: 50px;margin-bottom: 60px;}
.serviceitem li a,.lineservice li a{position: relative;float: left;text-align: center;padding: 38px;width: 204px;height: 140px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);
-moz-box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);
box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);}
.serviceitem li a:hover,.lineservice li a:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.serviceitem h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.serviceitem .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}
.serviceitem li.mrnone{margin-right:0px;}
.lineservice img{margin-top: 10px; }
.lineservice h2{font-size: 2em; font-weight: 600;color: #ca0915;line-height: 36px;margin-top: 30px;}
.lineservice .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}

.lineservice{margin-top: 20px;}
.linetitle{width: 1000px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.linestt{width: 1000px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:15px 0px;}

/*onlineservice*/
.servicebanner2{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 1200px;height: 287px;margin:0 auto;position: relative;overflow: hidden;}
.servicebanner2 h2{font-size: 2em;float: left;margin-top: 40px;}

.servicebanner2 .onlinetitle{position: relative;width: 1000px;left: 50%;margin-left: -505px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.servicebanner2 .onlinett{width: 1000px;position: relative;left: 50%;margin-left: -505px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}

.servicebanner3{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 1200px;height: 230px;margin:0 auto;position: relative;overflow: hidden;}
.servicebanner3 h2{font-size: 2em;float: left;margin-top: 40px;}

.servicebanner3 .onlinetitle{position: relative;width: 1000px;left: 50%;margin-left: -505px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.servicebanner3 .onlinett{width: 1000px;position: relative;left: 50%;margin-left: -505px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}


.onlinenav{width: 940px;position: relative;margin:0 auto;margin-top: 10px;height: 50px;border: 1px solid #b5b5b5;overflow: hidden;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;} 
.onlinenav li{float: left;position: relative;}
.onlinenav li a,.onlinenav li a.acted{width: 235px;text-align: center;position: relative;float: left;font-size: 1.3em;color: #898989;line-height: 16px;padding:17px 0;}
.onlinenav li a:hover,.onlinenav li a.acted,.onlinenav li a.acted:hover{background: #ca0915;color: #ffffff;}

.bread{padding:10px 0; font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.1em;color: #898989;line-height: 22px;font-weight: bold;}
.bread2{padding:10px 0; font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.1em;color: #898989;line-height: 22px;font-weight: bold;position: absolute;left: 50%;margin-left: -600px;}

.bread a,.bread2 a{color: #323232;padding:0 5px;}
.bread span,.bread2 span{color: #898989;padding:0 5px;}
.bread a:hover,.bread2 a:hover{color:#ca0915 ;}


.protype{overflow:auto;position: relative;width: 1000px;margin:0 auto;padding: 10px 100px;margin-top: 20px;}
.protype li{position: relative;float: left;margin-right: 40px;margin-bottom: 30px;}
.protype li a{position: relative;float: left;text-align: center;padding: 30px 25px;width: 230px;height: 199px;background: #fff; border: 1px solid #d2d2d2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.protype li a:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;border: 1px solid #f5f5f5;}
.protype h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.protype .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}
.maskobu,.maskpc,.maskother{width: 100%;height: 100%;position: absolute;z-index: 2;}

.step1title,.step2title,.step3title{width: 1000px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.step2title span{font-size: 0.8em;}
.step3title{margin-top: 20px;}
.step3stitle{position: relative;margin:0 auto;font-size: 1.3em;color: #ca0915;width: 1000px;text-align: center;margin-top: 10px;}
.tra{border-left: 15px solid white;
    border-top: 15px solid #ca0915;
    border-right: 15px solid white;
    display: inline-block;}
.stepwrap{position: relative;width:3600px;}
.step1,.step2,.step3{position: relative;width: 1200px;float: left;}

.quetype{position: relative;width: 1000px;margin:0 auto;text-align: center;}
.quetype li{cursor: pointer;position: relative;margin:0 auto;padding:10px;margin-top: 10px;width: 560px;background: #ffffff;border: 1px solid #dcdcdc;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.quetype li:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;border: 1px solid #f5f5f5;color: #ca0915;}
.quetitle{font-size: 1.5em;padding:10px 0;width: 560px;text-align: center;}
.qued{border-top:1px solid #f5f5f5;}
.quedetail{width: 560px;height: 50px;margin-top: 10px;border:none; background:#f5f5f5;}
.okbtn1,.okbtn2,.okbtn3,.okbtn4{font-family: 'Open Sans', '微軟正黑體','新細明體';text-align: center;display: block;padding:10px 55px;background: #ca0915;color: #ffffff;font-size: 1.4em;position: relative;margin: 0 auto;margin-top: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;cursor: pointer;}
.okbtn1:hover,.okbtn2:hover,.okbtn3:hover,.okbtn4:hover{background: #b8030e;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}

.issue ,.issue input{position: relative;float: left;width: 15px;height: 15px;}


.formteam,.formteam2{position: relative;width: 535px;margin:0 auto;margin-top: 20px;}
.formteam li,.formteam2 li{font-size: 1.3em;padding:7px;line-height: 25px;height:25px;}
.formteam li span:first-child,.formteam2 li span:first-child{width: 120px;text-align: right;float: left;padding-right: 10px;}
.form{width: 350px;height:25px;margin-left: 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #dcdcdc;float: left;}
.city,.area,.day,.time{width: 170px;height:25px;margin-left: 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #dcdcdc;}
.check{float: left;margin-top:3px;padding-left: 7px;}
.day{z-index: 5;}
.twotime{z-index: 5;}
.formteam li.notice{z-index: 1;font-size: 1em;color: #ca0915;width: 530px;text-align: center;font-weight: bold;position: relative;margin:0 auto;}
.sninfo{float: left;margin-top: 3px;margin-left: 3px;width: 21px;height: 21px;background: url(../images/service/sninfo.png);}
.sninfo:hover{background-position: bottom;}
.formteam li.linka{z-index: 1;height: 20px;padding:0;}
.formteam li.linka a{font-size: 0.8em; color: #323232;padding:0 10px;}
.linka a:hover{text-decoration: underline;}
.formteam li.checkli{z-index:1;font-size: 1.1em;padding:4px;line-height: 20px;height:20px; height: 20px;}
.formteam li.model .form{width: 175px;}
.formteam li.model .nopapago{width: 15px;height: 15px;margin-left: 10px;margin-top:5px;}
.numbox{position: absolute;border-radius: 5px;border: 1px solid #dcdcdc;height: 25px;margin-left: 5px;}
.numnum{position: absolute;margin-left: 70px;height: 25px;}
/*完成*/
.finshtitle{width: 1000px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.finshdetail{width: 940px;position: relative; margin: 0 auto;margin-top: 30px;padding:30px;background: #ffffff;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #323232;line-height: 24px;}
.number{font-size: 1.5em;color: #ca0915;}
.finshst{width: 1000px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.5em;color: #323232;line-height: 36px;}
.finshdetail2{width: 940px;position: relative; margin: 0 auto;padding:15px 0;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1em;color: #323232;line-height: 24px;text-align: center;}
.rmastep{position: relative;width: 940px;margin: 0 auto;padding:30px 0;overflow: hidden;}
.rmastep1{text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;padding:13px 20px;background: #d2d2d2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep2{margin-left: 40px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;background: #eeeeee;padding:13px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep3{margin-left: 10px;text-align: center;float: left;font-weight: bold;width: 240px;height: 180px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep4{margin-left: 10px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;background: #eeeeee;padding:13px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep .next{width: 17px;height: 52px;background: url(../images/service/next.png);position: absolute;left: 210px;top: 90px;}
.rmastep .next2{width: 17px;height: 52px;background: url(../images/service/next.png);background-position: right;position: relative;float: left;margin-top: 60px;margin-left: 5px;}

.rmastep3-1{float: left;font-weight: bold;width: 230px;height: 55px;background: #eeeeee;padding:13px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep3-1 p,.rmastep3-2 p{text-align: left;margin-left: 8px;font-size:0.95em}
.rmastep3-1 img.rmastep3-2 img{float: left;}
.rmastep3-2{float: left;font-weight: bold;width: 230px;height: 55px;margin-top: 15px;background: #eeeeee;padding:13px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.edmwrap{width: 400px;margin: 0 auto;margin-top: 50px;}
.finshdetail .mail{position: relative;width: 250px;height: 30px;}
.edmok, .edmno{float: left;padding:10px 45px;background: #ca0915;color: #ffffff;font-size: 1.2em;position: relative;margin: 0 auto;margin-top: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;margin-left: 10px;}
.edmno{background:#5d5d5d;margin-left: 20px;}
.edmok:hover{background: #b8030e;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.edmno:hover{background: #2c2c2c;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}


/*golife專區*/
.golifebanner{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 1200px;height: 220px;margin:0 auto;position: relative;overflow: hidden;}
.golifebanner .onlinetitle{position: relative;width: 1000px;left: 50%;margin-left: -505px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.golifebanner .onlinett{width: 1000px;position: relative;left: 50%;margin-left: -505px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}
.golifeitem{overflow:auto;position: relative;width: 1000px;margin:0 auto;padding: 10px 100px;}
.golifeitem li{position: relative;float: left;text-align: center;margin-right: 30px;margin-bottom: 40px;padding: 38px;width: 220px;height: 154px;}
.golifeitem h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.golifeitem .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}

.golifetip{width: 100%;  height: 100%; background: url(../images/fancybox_overlay.png); position: fixed;top: 0;z-index: 20;}
.golifetippage{width: 572px; height: 357px;  position: absolute; background: url(../images/service/golifetip.jpg);left: 50%;  top: 50%;   margin-left: -286px;margin-top: -170px;}
.close{position: absolute;top: 10px;right: 10px;z-index: 1;cursor: pointer;}
.gogolife{position: absolute;bottom: 10px;left:200px;padding: 15px; background: #ca0915;border:1px solid #ca0915;color: #ffffff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;cursor: pointer;font-size: 15px;}
.gogolife:hover{padding: 15px; background: #eeeeee;color: #ca0915;}
.tipm{display:none;width: 100%;}

/*data*/
.data{position: relative;margin: 0 auto;width: 580px;border: 1px solid #ccc;}

/*查詢*/
.searchbanner{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 1200px;height: 220px;margin:0 auto;position: relative;overflow: hidden;}
.searchbanner .onlinetitle{position: relative;width: 1000px;left: 50%;margin-left: -505px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.searchbanner .onlinett{width: 1000px;position: relative;left: 50%;margin-left: -505px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}
.searchwrap{height: 250px;}
.searchwrap .formteam li{padding:10px;}
.searchwrap .okbtn{margin-top:30px;border: none;font-family: 'Open Sans', '微軟正黑體','新細明體';text-align: center;display: block;padding:10px 45px;background: #ca0915;color: #ffffff;font-size: 1.4em;position: relative;margin: 0 auto;margin-top: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;cursor: pointer;}
.searchwrap .okbtn:hover{background: #b8030e;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}


/*鍵頭*/
.bigprev{text-indent:-9999px; width: 47px;height: 149px;position: absolute;background: url(../images/service/bigprev.png);z-index: 2;}
.bigprev:hover,.bignext:hover{background-position: right;}
.bignext{text-indent:-9999px; width: 47px;height: 149px;position: absolute;background: url(../images/service/bignext.png);z-index: 2;right: 20px;}

/*查詢清單*/
.searchlistwrap{position: relative;margin:0 auto;width: 1200px;margin-top: 0;}

.listwrap{position: relative;margin:0 auto;width: 1000px;background: #ffffff;-webkit-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);}
.list{width: 100%;position: relative;}
.listtitle{padding:25px 35px;color: #ffffff;font-size: 1.8em;background: #bfbfbf;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.listmain{position: relative;width: 100%;color: #535353;font-weight: bold;}
.listinfo{position: relative;font-weight: normal;padding:12px 35px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.listinfo dl{width: 95%;}
.listinfo dd{float: left;font-size: 1.3em;line-height: 18px;}
.listdata{position: relative;padding:20px 35px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.listdata dl{width: 95%;}
.listdata dd{float: left;font-size: 1.3em;line-height: 18px;}
.listdata .qalist dl{width: 95%;height: 18px;   padding: 10px 0;}
.listdata .qalist dd{float: left;font-size: 1.1em;line-height: 18px;}
.datat{overflow:hidden;}
.qalist{position: relative;padding:32px 0;font-size: 1.3em;line-height: 24px;}
.datadown{float: right;margin-top: 5px;margin-right: 20px;}
.listmain li:last-child{border:none;}
.namelist{position: relative;margin:0 auto;width: 400px;padding:30px 0;}
.namelist li{font-size: 1.3em;height: 18px; line-height: 18px;padding:10px 0px;}
.namelist li span{position: relative;float: left;width: 100px;}
.qadetail{border-bottom: 1px solid #e5e5e5;padding: 10px 0;}
.qadetail:last-child{border-bottom: none;}

/*日曆*/
.cssCalendar .ajax__calendar_container
{
    z-index:1000;
    background:#ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;border: 1px solid #dcdcdc;
    padding:5px;
}

/*我要發問(舊)*/
#TabService,#PanelADAS .ajax__tab_xp .ajax__tab_header{font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 14px;}
#TabService_body .General tr{height: 35px;padding: 10px 0;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 14px;}
#TabService_body .ajax__tab_panel{font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;}
#PanelADAS .ajax__tab_xp .ajax__tab_body {padding: 15px;}
#PanelADAS .ajax__tab_xp .ajax__tab_tab{height: 17px;padding: 0px 4px 4px 3px;}
.send{border: none;cursor: pointer;font-family: 'Open Sans', '微軟正黑體','新細明體';text-align: center;padding:8px 20px;background: #ca0915;color: #ffffff;font-size: 14px;margin-top: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.send:hover{background: #b8030e;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.pageTitle{font-size: 18px;}
.codestyle{font-size: 18px;color: #ca0915}
/*#PanelADAS .ajax__tab_xp .ajax__tab_tab {height: 20px;  padding: 5px 30px;}
#PanelADAS .ajax__tab_xp .ajax__tab_outer{height: 25px;}
#PanelADAS .ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background: url(../images/service/WebResource2.gif) repeat-x;}
#PanelADAS .ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background: url(../images/service/WebResource.gif)repeat-x;}
*/
.stoptt{position: relative;color: #ffffff;background: #898989;float: left;margin-left: 850px;padding: 5px 15px 5px 15px;font-size: 16px;line-height: 24px;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;border: 1px solid #898989;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.stoptt2{position: relative;color: #ffffff;background: #898989;float: left;margin-left: 720px;padding: 5px 15px 5px 15px;font-size: 16px;line-height: 24px;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;border: 1px solid #898989;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.stoptt:hover,.stoptt2:hover{color: #898989;border: 1px solid #898989;background: none;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}






@media screen and (min-width: 768px) and (max-width: 1200px) {
/*如果使用者視窗寬度介於 768px ~ 1200px*/

/*service-container*/
.servicebanner{width: 100%;height: 287px;position: relative;overflow: hidden;}
.service_img{position: absolute;left: 50%;width: auto;height: auto;}
.servicettmain{position: absolute;left: 50%;margin-left: -480px;margin-top: 100px;}
.service_title{font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;position:absolute;font-size: 2.5em;color: #323232;width: 515px;text-align: center;}
.servicett{position:absolute;margin-top: 35px;font-size: 1.3em;color: #898989;width: 515px;text-align: center;word-break: break-all;height: 50px;line-height: 24px;}
.servicett a{color: #ca0915;}
.servicearea{position: relative;width: 100%;padding: 55px 0;background: #f5f5f5;overflow: hidden;}
.servicearea2{position: relative;width: 100%;padding: 30px 0;background: #f5f5f5;overflow: hidden;}
.serviceitemwrap{position: relative;margin:0 auto;width: 990px;overflow: hidden;}
.serviceitem,.lineservice{position: relative;width: 990px;padding: 20px 30px;margin-top: 40px;}
.serviceitem li,.lineservice li{position: relative;float: left;margin-right: 25px;margin-bottom: 60px;}
.serviceitem li a,.lineservice li a{position: relative;float: left;text-align: center;padding: 38px;width: 204px;height: 154px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);
-moz-box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);
box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);}
.serviceitem li a:hover,.lineservice li a:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.serviceitem h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.serviceitem .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 20px;margin-top: 15px;}
.serviceitem li.mrnone{margin-right:0px;}

.lineservice h2{font-size: 2em; font-weight: 600;color: #ca0915;line-height: 36px;margin-top: 15px;}
.lineservice .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}

.lineservice{margin-top: 20px;}
.linetitle{width: 500px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.linestt{width: 700px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:15px 0px;}


/*onlineservice*/
.servicebanner2{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 990px;height: 287px;margin:0 auto;position: relative;overflow: hidden;}
.servicebanner2 h2{font-size: 2em;float: left;margin-top: 40px;}

.servicebanner2 .onlinetitle{position: relative;width: 900px;left: 50%;margin-left: -450px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.servicebanner2 .onlinett{width: 900px;position: relative;left: 50%;margin-left: -450px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}

.servicebanner3{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 900px;height: 230px;margin:0 auto;position: relative;overflow: hidden;}
.servicebanner3 h2{font-size: 2em;float: left;margin-top: 40px;}

.servicebanner3 .onlinetitle{position: relative;width: 900px;left: 50%;margin-left: -450px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.servicebanner3 .onlinett{width: 900px;position: relative;left: 50%;margin-left: -450px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}



.onlinenav{width: 900px;position: relative;margin:0 auto;margin-top: 10px;height: 50px;border: 1px solid #b5b5b5;overflow: hidden;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;} 
.onlinenav li{float: left;position: relative;}
.onlinenav li a,.onlinenav li a.acted{width: 225px;text-align: center;position: relative;float: left;font-size: 1.3em;color: #898989;line-height: 16px;padding:17px 0;}
.onlinenav li a:hover,.onlinenav li a.acted,.onlinenav li a.acted:hover{background: #ca0915;color: #ffffff;}

.bread{padding:10px 0; font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.1em;color: #898989;line-height: 22px;}
.bread2{padding:10px 0; font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.1em;color: #898989;line-height: 22px;position: absolute;left: 50%;margin-left: -500px;}

.bread a,.bread2 a{color: #323232;padding:0 5px;}
.bread span,.bread2 span{color: #898989;padding:0 5px;}
.bread a:hover,.bread2 a:hover{color:#ca0915 ;}


.protype{overflow:auto;position: relative;width:990px;margin:0 auto;padding: 10px 30px;margin-top: 20px;}
.protype li{position: relative;float: left;margin-right: 40px;margin-bottom: 30px;}
.protype li a{position: relative;float: left;text-align: center;padding: 30px 25px;width: 230px;height: 199px;background: #fff; border: 1px solid #d2d2d2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.protype li a:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;border: 1px solid #f5f5f5;}
.protype h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.protype .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}
.maskobu,.maskpc,.maskother{width: 100%;height: 100%;position: absolute;z-index: 2;}

.step1title,.step2title,.step3title{width: 550px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.step2title span{font-size: 0.8em;}
.step3title{margin-top: 20px;}
.step3stitle{position: relative;margin:0 auto;font-size: 1.3em;color: #ca0915;width: 900px;text-align: center;margin-top: 10px;}
.tra{border-left: 15px solid white;
    border-top: 15px solid #ca0915;
    border-right: 15px solid white;
    display: inline-block;}
.stepwrap{position: relative;width:3600px;}
.step1,.step2,.step3{position: relative;width: 990px;float: left;}

.quetype{position: relative;width: 550px;margin:0 auto;margin-top: 30px;text-align: center;}
.quetype li{cursor: pointer;position: relative;margin:0 auto;padding:10px;margin-top: 10px;width: 560px;background: #ffffff;border: 1px solid #dcdcdc;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.quetype li:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;border: 1px solid #f5f5f5;color: #ca0915;}
.quetitle{font-size: 1.5em;padding:10px 0;width: 560px;text-align: center;}
.qued{border-top:1px solid #f5f5f5;}
.quedetail{width: 560px;height: 50px;margin-top: 10px;border:none; background:#f5f5f5;}
.okbtn{font-family: 'Open Sans', '微軟正黑體','新細明體';text-align: center;display: block;padding:15px 45px;background: #ca0915;color: #ffffff;font-size: 1.4em;position: relative;margin: 0 auto;margin-top: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.okbtn:hover{background: #b8030e;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.issue ,.issue input{position: relative;float: left;width: 15px;height: 15px;}

.formteam,.formteam2{position: relative;width: 530px;margin:0 auto;margin-top: 20px;}
.formteam li,.formteam2 li{font-size: 1.3em;padding:5px;line-height: 25px;height: 25px;}
.formteam li span,.formteam2 li span{width: 100px;text-align: right;float: left;padding-right: 10px;}
.form{float: left;width: 350px;height:25px;margin-left: 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #dcdcdc;}
.city,.area,.day,.time{width: 170px;height:25px;margin-left: 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #dcdcdc;}
.check{float: left;margin-top:6px;}
.formteam li.notice{font-size: 1em;color: #ca0915;width: 530px;text-align: center;font-weight: bold;position: relative;margin:0 auto;}
.sninfo{float: left;margin-top: 3px;margin-left: 3px;width: 21px;height: 21px;background: url(../images/service/sninfo.png);}
.sninfo:hover{background-position: bottom;}
.linka a{font-size: 0.8em; color: #323232;padding:0 10px;}
.linka a:hover{text-decoration: underline;}
.formteam li.checkli{font-size: 1.1em;padding:4px;line-height: 20px;height:20px;}



/*完成*/
.finshtitle{width: 990px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.finshdetail{width: 860px;position: relative; margin: 0 auto;margin-top: 30px;padding:30px;background: #ffffff;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #323232;line-height: 24px;}
.number{font-size: 1.5em;color: #ca0915;}
.finshst{width: 990px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.5em;color: #323232;line-height: 36px;}
.finshdetail2{width: 860px;position: relative; margin: 0 auto;padding:15px 0;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1em;color: #323232;line-height: 24px;text-align: center;}
.rmastep{position: relative;width: 860px;margin: 0 auto;padding:30px 0;overflow: hidden;}
.rmastep1{text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;padding:13px 10px;background: #d2d2d2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep2{margin-left: 40px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;background: #eeeeee;padding:13px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep3{margin-left: 15px;text-align: center;float: left;font-weight: bold;width: 210px;height: 180px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep4{margin-left: 15px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;background: #eeeeee;padding:13px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep .next{width: 17px;height: 52px;background: url(../images/service/next.png);position: absolute;left: 190px;top: 90px;}
.rmastep .next2{width: 17px;height: 52px;background: url(../images/service/next.png);background-position: right;position: relative;float: left;margin-top: 60px;margin-left: 5px;}

.rmastep3-1{float: left;font-weight: bold;width: 200px;height: 55px;background: #eeeeee;padding:13px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep3-1 p,.rmastep3-2 p{text-align: left;margin-left: 8px;font-size:0.95em}
.rmastep3-2{float: left;font-weight: bold;width: 200px;height: 55px;margin-top: 15px;background: #eeeeee;padding:13px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


/*golife專區*/
.golifebanner{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 990px;height: 220px;margin:0 auto;position: relative;overflow: hidden;}
.golifebanner .onlinetitle{position: relative;width: 990px;left: 50%;margin-left: -495px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.golifebanner .onlinett{width: 990px;position: relative;left: 50%;margin-left: -495px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}
.golifeitem{overflow:auto;position: relative;width: 990px;margin:0 auto;padding: 10px 30px;}
.golifeitem li{position: relative;float: left;text-align: center;margin-right: 30px;margin-bottom: 40px;padding: 38px;width: 220px;height: 154px;}
.golifeitem h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.golifeitem .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}

.data{position: relative;margin: 0 auto;width: 580px;border: 1px solid #ccc;}

.golifetip{width: 100%;  height: 100%; background: url(../images/fancybox_overlay.png); position: fixed;top: 0;z-index: 20;}
.golifetippage{width: 572px; height: 357px;  position: absolute; background: url(../images/service/golifetip.jpg);left: 50%;  top: 50%;   margin-left: -286px;margin-top: -170px;}
.close{position: absolute;top: 10px;right: 10px;z-index: 1;cursor: pointer;}
.gogolife{position: absolute;bottom: 10px;left: 200px;padding: 15px; background: #ca0915;border:1px solid #ca0915;color: #ffffff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;cursor: pointer;font-size: 15px;}
.gogolife:hover{padding: 15px; background: #eeeeee;color: #ca0915;}
.tipm{display:none;width: 100%;}

/*查詢*/
.searchbanner{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 1000px;height: 220px;margin:0 auto;position: relative;overflow: hidden;}
.searchbanner .onlinetitle{position: relative;width: 990px;left: 50%;margin-left: -505px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.searchbanner .onlinett{width: 990px;position: relative;left: 50%;margin-left: -505px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}
.searchwrap{height: 250px;}
.searchwrap .formteam li{padding:10px;}
.searchwrap .okbtn{margin-top:30px;}


/*鍵頭*/
.bigprev{width: 47px;height: 149px;position: absolute;background: url(../images/service/bigprev.png);z-index: 2;}
.bigprev:hover,.bignext:hover{background-position: right;}
.bignext{width: 47px;height: 149px;position: absolute;background: url(../images/service/bignext.png);z-index: 2;right: 20px;}

/*查詢清單*/
.searchlistwrap{position: relative;margin:0 auto;width: 1000px;margin-top: 0;}

.listwrap{position: relative;margin:0 auto;width: 1000px;background: #ffffff;-webkit-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);}
.list{width: 100%;position: relative;}
.listtitle{padding:25px 35px;color: #323232;font-size: 1.8em;background: #f8f8f8;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.listmain{position: relative;width: 100%;color: #535353;font-weight: bold;}
.listinfo{position: relative;font-weight: normal;padding:12px 35px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.listinfo dl{width: 95%;}
.listinfo dd{float: left;font-size: 1.3em;line-height: 18px;}
.listdata{position: relative;padding:20px 35px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.listdata dl{width: 95%;}
.listdata dd{float: left;font-size: 1.3em;line-height: 18px;}
.datat{overflow:hidden;}
.qalist{position: relative;padding:32px 0;font-size: 1.3em;line-height: 24px;}
.datadown{float: right;margin-top: 5px;margin-right: 20px;}
.listmain li:last-child{border:none;}
.namelist{position: relative;margin:0 auto;width: 400px;padding:30px 0;}
.namelist li{font-size: 1.3em;line-height: 18px;padding:10px 0px;}
.namelist li span{position: relative;float: left;width: 100px;}

/*日曆*/
.cssCalendar .ajax__calendar_container
{
    z-index:1000;
    background:#ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;border: 1px solid #dcdcdc;
    padding:5px;
}
.stoptt{position: relative;color: #ffffff; background: #898989;float: left;margin-left: 730px;padding: 5px 15px 5px 15px;font-size: 16px;line-height: 24px;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;border: 1px solid #898989;}
.stoptt:hover{color: #898989;border: 1px solid #898989;background: none;}


}

@media screen and (max-width: 768px) {

/*service-container*/
.servicebanner{width: 100%;height: 350px;position: relative;overflow: hidden;}
.service_img{position: absolute;left: 50%;margin-left:-250px;width: 75%;height: auto;bottom: 0;}
.servicettmain{position:absolute;margin-top: 50px;left: 50%;margin-left:-250px;z-index: 2;}
.service_title{font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;position:absolute;font-size: 2.5em;color: #323232;width: 515px;text-align: center;}
.servicett{position:absolute;margin-top: 35px;font-size: 1.3em;color: #898989;width: 515px;text-align: center;word-break: break-all;height: 50px;line-height: 24px;}

.servicearea{position: relative;width: 100%;padding: 55px 0;background: #f5f5f5;overflow: hidden;}
.servicearea2{position: relative;width: 100%;padding: 55px 0;background: #f5f5f5;overflow: hidden;}
.serviceitemwrap{position: relative;margin:0 auto;width: 750px;overflow: hidden;}
.serviceitem,.lineservice{position: relative;width: 750px;padding: 20px 50px;margin-top: 40px;}
.serviceitem li,.lineservice li{position: relative;float: left;margin-right: 40px;margin-bottom: 60px;}
.serviceitem li a,.lineservice li a{position: relative;float: left;text-align: center;padding: 38px;width: 204px;height: 154px;background: #fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);
-moz-box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);
box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);}
.serviceitem li a:hover,.lineservice li a:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.serviceitem h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.serviceitem .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 20px;margin-top: 15px;}
.serviceitem li.mrnone{margin-right:0px;}
.lineservice h2{font-size: 2em; font-weight: 600;color: #ca0915;line-height: 36px;margin-top: 15px;}
.lineservice .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}

.lineservice{margin-top: 20px;}
.linetitle{width: 500px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.linestt{width: 500px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:15px 0px;}

/*onlineservice*/
.servicebanner2{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 700px;height: 287px;margin:0 auto;position: relative;overflow: hidden;}
.servicebanner2 h2{font-size: 2em;float: left;margin-top: 40px;}

.servicebanner2 .onlinetitle{position: relative;width: 680px;left: 50%;margin-left: -340px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.servicebanner2 .onlinett{width: 680px;position: relative;left: 50%;margin-left: -340px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}

.servicebanner3{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 680px;height: 230px;margin:0 auto;position: relative;overflow: hidden;}
.servicebanner3 h2{font-size: 2em;float: left;margin-top: 40px;}

.servicebanner3 .onlinetitle{position: relative;width: 680px;left: 50%;margin-left: -340px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.servicebanner3 .onlinett{width: 680px;position: relative;left: 50%;margin-left: -340px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}



.onlinenav{width: 680px;position: relative;margin:0 auto;margin-top: 20px;height: 50px;border: 1px solid #b5b5b5;overflow: hidden;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;} 
.onlinenav li{float: left;position: relative;}
.onlinenav li a,.onlinenav li a.acted{width: 170px;text-align: center;position: relative;float: left;font-size: 1.3em;color: #898989;line-height: 16px;padding:17px 0;}
.onlinenav li a:hover,.onlinenav li a.acted,.onlinenav li a.acted:hover{background: #ca0915;color: #ffffff;}

.bread{padding:10px 0; font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.1em;color: #898989;line-height: 22px;}
.bread2{padding:10px 0; font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.1em;color: #898989;line-height: 22px;position: absolute;left: 50%;margin-left: -350px;}

.bread a,.bread2 a{color: #323232;padding:0 5px;}
.bread span,.bread2 span{color: #898989;padding:0 5px;}
.bread a:hover,.bread2 a:hover{color:#ca0915 ;}

.protype{overflow:auto;position: relative;width:700px;margin:0 auto;padding: 10px 30px;margin-top: 20px;}
.protype li{position: relative;float: left;margin-right: 40px;margin-bottom: 30px;}
.protype li a{position: relative;float: left;text-align: center;padding: 30px 25px;width: 230px;height: 199px;background: #fff; border: 1px solid #d2d2d2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.protype li a:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;border: 1px solid #f5f5f5;}
.protype h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.protype .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}
.maskobu,.maskpc,.maskother{width: 100%;height: 100%;position: absolute;z-index: 2;}

.step1title,.step2title,.step3title{width: 550px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.step2title span{font-size: 0.8em;}
.step3title{margin-top: 20px;}
.step3stitle{position: relative;margin:0 auto;font-size: 1.3em;color: #ca0915;width: 500px;text-align: center;margin-top: 10px;}
.tra{border-left: 15px solid white;
    border-top: 15px solid #ca0915;
    border-right: 15px solid white;
    display: inline-block;}
.stepwrap{position: relative;width:3600px;}
.step1,.step2,.step3{position: relative;width: 700px;float: left;}

.quetype{position: relative;width: 550px;margin:0 auto;margin-top: 30px;text-align: center;}
.quetype li{cursor: pointer;position: relative;margin:0 auto;padding:10px;margin-top: 10px;width: 560px;background: #ffffff;border: 1px solid #dcdcdc;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.quetype li:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;border: 1px solid #f5f5f5;color: #ca0915;}
.quetitle{font-size: 1.5em;padding:10px 0;width: 560px;text-align: center;}
.qued{border-top:1px solid #f5f5f5;}
.quedetail{width: 560px;height: 50px;margin-top: 10px;border:none; background:#f5f5f5;}
.okbtn{font-family: 'Open Sans', '微軟正黑體','新細明體';text-align: center;display: block;padding:15px 45px;background: #ca0915;color: #ffffff;font-size: 1.4em;position: relative;margin: 0 auto;margin-top: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.okbtn:hover{background: #b8030e;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.issue ,.issue input{position: relative;float: left;width: 15px;height: 15px;}

.formteam,.formteam2{position: relative;width: 530px;margin:0 auto;margin-top: 20px;}
.formteam li,.formteam2 li{font-size: 1.3em;padding:5px;line-height: 25px;height: 25px;}
.formteam li span,.formteam2 li span{width: 100px;text-align: right;float: left;padding-right: 10px;}
.form{float: left;width: 350px;height:25px;margin-left: 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #dcdcdc;}
.city,.area,.day,.time{width: 170px;height:25px;margin-left: 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #dcdcdc;}
.check{float: left;margin-top:6px;}
.formteam li.notice{font-size: 1em;color: #ca0915;width: 530px;text-align: center;font-weight: bold;position: relative;margin:0 auto;}
.sninfo{float: left;margin-top: 3px;margin-left: 3px;width: 21px;height: 21px;background: url(../images/service/sninfo.png);}
.sninfo:hover{background-position: bottom;}
.linka a{font-size: 0.8em; color: #323232;padding:0 10px;}
.linka a:hover{text-decoration: underline;}
.formteam li.checkli{font-size: 1.1em;padding:4px;line-height: 20px;height:20px;}

/*完成*/
.finshtitle{width: 700px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.finshdetail{width: 560px;position: relative; margin: 0 auto;margin-top: 30px;padding:30px;background: #ffffff;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #323232;line-height: 24px;}
.number{font-size: 1.5em;color: #ca0915;}
.finshst{width: 700px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.5em;color: #323232;line-height: 36px;}
.finshdetail2{width: 560px;position: relative; margin: 0 auto;padding:15px 0;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1em;color: #323232;line-height: 24px;=text-align: center;}
.rmastep{position: relative;width: 560px;margin: 0 auto;padding:30px 0;overflow: hidden;}
.rmastep1{margin-left: 25px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;padding:13px 20px;background: #d2d2d2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep2{margin-left: 40px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;background: #eeeeee;padding:13px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep3{margin-left: 25px;margin-top: 30px;text-align: center;float: left;font-weight: bold;width: 198px;height: 180px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep4{margin-left: 15px;margin-top: 30px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;background: #eeeeee;padding:13px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep .next{width: 17px;height: 52px;background: url(../images/service/next.png);position: absolute;left: 240px;top: 90px;}
.rmastep .next2{width: 17px;height: 52px;background: url(../images/service/next.png);background-position: right;position: relative;float: left;margin-top: 70px;margin-left: 10px;}

.rmastep3-1{float: left;font-weight: bold;width: 188px;height: 55px;background: #eeeeee;padding:13px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep3-1 p,.rmastep3-2 p{width: 184px;	float: left;text-align: left;margin-left: 8px;font-size:0.95em}
.rmastep3 img{float: left;display: none;}
.rmastep3-2{float: left;font-weight: bold;width: 188px;height: 55px;margin-top: 15px;background: #eeeeee;padding:13px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/*golife專區*/
.golifebanner{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 700px;height: 220px;margin:0 auto;position: relative;overflow: hidden;}
.golifebanner .onlinetitle{position: relative;width: 700px;left: 50%;margin-left: -350px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.golifebanner .onlinett{width: 700px;position: relative;left: 50%;margin-left: -350px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}
.golifeitem{overflow:auto;position: relative;width: 700px;margin:0 auto;padding: 10px 5px;}
.golifeitem li{position: relative;float: left;text-align: center;margin-right: 30px;margin-bottom: 40px;padding: 38px;width: 220px;height: 154px;}
.golifeitem h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.golifeitem .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}

.data{position: relative;margin: 0 auto;width: 580px;border: 1px solid #ccc;}

.golifetip{width: 100%;  height: 100%; background: url(../images/fancybox_overlay.png); position: fixed;top: 0;z-index: 20;}
.golifetippage{width: 572px; height: 357px;  position: absolute; background: url(../images/service/golifetip.jpg);left: 50%;  top: 50%;   margin-left: -286px;margin-top: -170px;}
.close{position: absolute;top: 10px;right: 10px;z-index: 1;cursor: pointer;}
.gogolife{position: absolute;bottom: 10px;left: 200px;padding: 15px; background: #ca0915;border:1px solid #ca0915;color: #ffffff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;cursor: pointer;font-size: 15px;}
.gogolife:hover{padding: 15px; background: #eeeeee;color: #ca0915;}
.tipm{display:none;width: 100%;}

/*查詢*/
.searchbanner{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 700px;height: 220px;margin:0 auto;position: relative;overflow: hidden;}
.searchbanner .onlinetitle{position: relative;width: 700px;left: 50%;margin-left: -350px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.searchbanner .onlinett{width: 700px;position: relative;left: 50%;margin-left: -350px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}
.searchwrap{height: 250px;width: 700px;position: relative;margin:0 auto;}
.searchwrap .formteam li{padding:10px;}
.searchwrap .okbtn{margin-top:30px;}


/*鍵頭*/
.bigprev{width: 47px;height: 149px;position: absolute;background: url(../images/service/bigprev.png);z-index: 2;}
.bigprev:hover,.bignext:hover{background-position: right;}
.bignext{width: 47px;height: 149px;position: absolute;background: url(../images/service/bignext.png);z-index: 2;right: 20px;}


/*查詢清單*/
.searchlistwrap{position: relative;margin:0 auto;width: 700px;margin-top: 0;}

.listwrap{position: relative;margin:0 auto;width: 700px;background: #ffffff;-webkit-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);}
.list{width: 100%;position: relative;}
.listtitle{padding:25px 35px;color: #323232;font-size: 1.8em;background: #f8f8f8;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.listmain{position: relative;width: 100%;color: #535353;font-weight: bold;}
.listinfo{position: relative;font-weight: normal;padding:12px 35px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.listinfo dl{width: 95%;}
.listinfo dd{float: left;font-size: 1.3em;line-height: 18px;}
.listdata{position: relative;padding:20px 35px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.listdata dl{width: 95%;}
.listdata dd{float: left;font-size: 1.3em;line-height: 18px;}
.datat{overflow:hidden;}
.qalist{position: relative;padding:32px 0;font-size: 1.3em;line-height: 24px;}
.datadown{float: right;margin-top: 5px;margin-right: 20px;}
.listmain li:last-child{border:none;}
.namelist{position: relative;margin:0 auto;width: 400px;padding:30px 0;}
.namelist li{font-size: 1.3em;line-height: 18px;padding:10px 0px;}
.namelist li span{position: relative;float: left;width: 100px;}

/*日曆*/
.cssCalendar .ajax__calendar_container
{
    z-index:1000;
    background:#ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;border: 1px solid #dcdcdc;
    padding:5px;
}

.stoptt{position: relative;color: #ffffff; background: #898989;margin-left:460px;float: left;padding: 5px 15px 5px 15px;font-size: 16px;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;border: 1px solid #898989;}
.stoptt:hover{color: #898989;border: 1px solid #898989;background: none;}
}
@media screen and (max-width: 480px) {

.servicebanner{width: 100%;height: 350px;position: relative;overflow: hidden;}
.service_img{position: absolute;left: 50%;margin-left:-190px;width: 100%;height: auto;bottom: 0;}
.servicettmain{position:absolute;margin-top: 50px;left: 50%;margin-left:-160px;z-index: 2;}
.service_title{font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;position:absolute;font-size: 2.5em;color: #323232;width: 320px;text-align: center;line-height: 36px;}
.servicett{position:absolute;margin-top: 75px;font-size: 1.2em;color: #898989;width:320px;text-align: center;word-break: break-all;height: 50px;line-height: 20px;}

.servicearea{position: relative;width: 100%;padding: 55px 0;background: #f5f5f5;overflow: hidden;}
.servicearea2{position: relative;width: 100%;padding: 55px 0;background: #f5f5f5;overflow: hidden;}
.serviceitemwrap{position: relative;margin:0 auto;width: 320px;overflow: hidden;}
.serviceitem,.lineservice{position: relative;width: 320px;padding: 20px 15px;margin-top: 40px;}
.serviceitem li,.lineservice li{position: relative;float: left;margin-right: 0px;margin-bottom: 60px;}
.serviceitem li a,.lineservice li a{position: relative;float: left;text-align: center;padding: 38px;width: 204px;height: 154px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);
-moz-box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);
box-shadow: 0px 4px 5px -3px rgba(173,173,173,1);}
.serviceitem li a:hover,.lineservice li a:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.serviceitem h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.serviceitem .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 20px;margin-top: 15px;}
.serviceitem li.mrnone{margin-right:0px;}
.lineservice h2{font-size: 2em; font-weight: 600;color: #ca0915;line-height: 36px;margin-top: 15px;}
.lineservice .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}

.lineservice{margin-top: 20px;}
.linetitle{width: 320px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.linestt{width: 320px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:15px 0px;}

/*onlineservice*/
.servicebanner2{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 385px;height: 287px;margin:0 auto;position: relative;overflow: hidden;}
.servicebanner2 h2{font-size: 2em;float: left;margin-top: 40px;}

.servicebanner2 .onlinetitle{position: relative;width: 320px;left: 50%;margin-left: -175px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.servicebanner2 .onlinett{width: 350px;position: relative;left: 50%;margin-left: -175px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}


.servicebanner3{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 320px;height: 230px;margin:0 auto;position: relative;overflow: hidden;}
.servicebanner3 h2{font-size: 2em;float: left;margin-top: 40px;}

.servicebanner3 .onlinetitle{position: relative;width: 320px;left: 50%;margin-left: -160px;margin-top: 50px;text-align: center;font-size: 2em;color: #323232;line-height: 36px;}
.servicebanner3 .onlinett{width: 320px;position: relative;left: 50%;margin-left: -160px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.1em;color: #898989;line-height: 24px;padding:10px 0px;}


.navwrap{width: 320px;}
.onlinenav{width: 680px;position: relative;margin:0 auto;margin-top: 20px;border: 1px solid #b5b5b5;overflow: hidden;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;} 
.onlinenav li{float: left;position: relative;}
.onlinenav li a,.onlinenav li a.acted{text-align: center;position: relative;float: left;font-size: 1.3em;color: #898989;line-height: 16px;padding:17px 0;}
.onlinenav li a:hover,.onlinenav li a.acted,.onlinenav li a.acted:hover{background: #ca0915;color: #ffffff;}

.bread{padding:10px 0; font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.1em;color: #898989;line-height: 22px;}
.bread2{padding:10px 0; font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.1em;color: #898989;line-height: 22px;position: absolute;left: 50%;margin-left: -190px;}

.bread a,.bread2 a{color: #323232;padding:0 5px;}
.bread span,.bread2 span{color: #898989;padding:0 5px;}
.bread a:hover,.bread2 a:hover{color:#ca0915 ;}

.protype{overflow:auto;position: relative;width:320px;margin:0 auto;padding: 10px 30px;margin-top: 20px;}
.protype li{position: relative;float: left;margin-right: 40px;margin-bottom: 30px;}
.protype li a{position: relative;float: left;text-align: center;padding: 30px 25px;width: 230px;height: 199px;background: #fff; border: 1px solid #d2d2d2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.protype li a:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;border: 1px solid #f5f5f5;}
.protype h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.protype .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}
.maskobu,.maskpc,.maskother{width: 100%;height: 100%;position: absolute;z-index: 2;}

.step1title,.step2title,.step3title{width: 320px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.step2title span{font-size: 0.8em;}
.step3title{margin-top: 20px;font-size: 2em;}
.step3stitle{position: relative;margin:0 auto;font-size: 1.3em;color: #ca0915;width: 360px;text-align: center;margin-top: 10px;}

.tra{border-left: 15px solid white;
    border-top: 15px solid #ca0915;
    border-right: 15px solid white;
    display: inline-block;}
.stepwrap{position: relative;width:3600px;}
.step1,.step2,.step3{position: relative;width: 320px;float: left;}

.quetype{position: relative;width: 320px;margin:0 auto;margin-top: 30px;text-align: center;}
.quetype li{cursor: pointer;position: relative;margin:0 auto;padding:10px;margin-top: 10px;width: 290px;background: #ffffff;border: 1px solid #dcdcdc;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.quetype li:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow: 0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;border: 1px solid #f5f5f5;color: #ca0915;}
.quetitle{font-size: 1.5em;padding:10px 0;width: 300px;text-align: center;}
.qued{border-top:1px solid #f5f5f5;}
.quedetail{width: 290px;height: 50px;margin-top: 10px;border:none; background:#f5f5f5;}
.okbtn{font-family: 'Open Sans', '微軟正黑體','新細明體';text-align: center;display: block;padding:15px 45px;background: #ca0915;color: #ffffff;font-size: 1.4em;position: relative;margin: 0 auto;margin-top: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.okbtn:hover{background: #b8030e;-o-transition:.20s linear;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition:  .20s linear;}
.issue ,.issue input{position: relative;float: left;width: 15px;height: 15px;}

.formteam,.formteam2{position: relative;width: 320px;margin:0 auto;margin-top: 20px;}
.formteam li,.formteam2 li{font-size: 1.3em;padding:5px;line-height: 25px;width: 320px;}
.formteam li span,.formteam2 li span{float: left;width: 80px;text-align: right;float: left;padding-right: 10px;}
.formteam li span:first-child,.formteam2 li span:first-child{width: 80px;text-align: right;float: left;padding-right: 10px;}
.form{;width: 190px;height:25px;margin-left: 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #dcdcdc;}
.city,.area,.day,.time{width: 90px;height:25px;margin-left: 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #dcdcdc;}
.check{float: left;margin-top:6px;}
.formteam li.notice{font-size: 1em;color: #ca0915;width: 300px;height: 50px;text-align: center;font-weight: bold;position: relative;margin:0 auto;em;}
.sninfo{float: left;margin-top: 3px;margin-left: 3px;width: 21px;height: 21px;background: url(../images/service/sninfo.png);}
.sninfo:hover{background-position: bottom;}
.linka a{font-size: 0.8em; color: #323232;padding:0 10px;}
.linka a:hover{text-decoration: underline;}
.formteam li.checkli{font-size: 1.1em;padding:4px;line-height: 20px;height:20px;}
.formteam li.model{height: 55px;}
.formteam li.model .form{width: 190px;}
.formteam li.model .form:last-child{margin-left: 95px;margin-top: 5px;}


/*完成*/
.finshtitle{width: 320px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 2.5em;color: #323232;line-height: 36px;}
.finshdetail{width: 290px;position: relative; margin: 0 auto;margin-top: 30px;padding:15px;background: #ffffff;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.2em;color: #323232;line-height: 24px;}
.number{font-size: 1.5em;color: #ca0915;}

.finshst{width: 320px;position: relative; margin: 0 auto;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.5em;color: #323232;line-height: 36px;}
.finshdetail2{width: 290px;position: relative; margin: 0 auto;padding:15px 0;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1em;color: #323232;line-height: 24px;text-align: center;}
.rmastep{position: relative;width: 270px;margin: 0 auto;padding:30px 0;overflow: hidden;}
.rmastep1{margin-left: 25px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;padding:13px 20px;background: #d2d2d2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep2{margin-left: 25px;margin-top: 15px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;background: #eeeeee;padding:13px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep3{margin-left: 25px;margin-top: 15px;text-align: center;float: left;font-weight: bold;width: 198px;height: 180px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep4{margin-left: 25px;margin-top: 15px;text-align: center;float: left;font-weight: bold;width: 158px;height: 154px;background: #eeeeee;padding:13px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep .next{width: 17px;height: 52px;background: url(../images/service/next.png);position: absolute;left: 240px;top: 90px;}
.rmastep .next2{width: 17px;height: 52px;background: url(../images/service/next.png);background-position: right;position: relative;float: left;margin-top: 70px;margin-left: 10px;}

.rmastep3-1{float: left;font-weight: bold;width: 188px;height: 55px;background: #eeeeee;padding:13px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rmastep3-1 p,.rmastep3-2 p{float: left;text-align: left;margin-left: 8px;font-size:0.95em}
.rmastep3-2{float: left;font-weight: bold;width: 188px;height: 55px;margin-top: 15px;background: #eeeeee;padding:13px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


.edmwrap{width: 300px;margin: 0 auto;margin-top: 50px;text-align: center;}
.edmok, .edmno{float: left;padding:10px 30px;background: #ca0915;color: #ffffff;font-size: 1.1em;position: relative;margin: 0 auto;margin-top: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;margin-left: 20px;}
.edmno{background:#5d5d5d;margin-left: 10px;}

/*golife專區*/
.golifebanner{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 320px;height: 220px;margin:0 auto;position: relative;overflow: hidden;}
.golifebanner .onlinetitle{position: relative;width: 320px;left: 50%;margin-left: -190px;margin-top: 35px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.golifebanner .onlinett{width: 320px;position: relative;left: 50%;margin-left: -190px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}
.golifeitem{overflow:auto;position: relative;width: 300px;margin:0 auto;padding: 0px 5px;}
.golifeitem li{position: relative;float: left;text-align: center;margin-right: 30px;margin-bottom: 40px;padding: 30px 38px;width: 220px;height: 154px;}
.golifeitem h2{font-size: 1.7em; font-weight: 600;color: #ca0915;line-height: 36px;}
.golifeitem .itemtt{font-family: 'Open Sans', '微軟正黑體','新細明體';font-size: 1.3em;color: #898989;line-height: 22px;margin-top: 15px;}

.data{position: relative;margin: 0 auto;width: 340px;border: 1px solid #ccc;}

.golifetip{position: relative;width: 100%;  height: 100%; background: url(../images/fancybox_overlay.png); position: fixed;top: 0;z-index: 20;}
.golifetippage{width: 300px; height: 373px;  position: absolute; background:none;left: 50%;  top: 50%;   margin-left: -150px;margin-top: -186px;}
.close{position: absolute;top: 10px;right: 10px;z-index: 1;cursor: pointer;}
.gogolife{position: absolute;bottom: 25px;left: 78px;padding: 15px; background: #ca0915;border:1px solid #ca0915;color: #ffffff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;cursor: pointer;font-size: 15px;}
.gogolife:hover{padding: 15px; background: #eeeeee;color: #ca0915;}
.tipm{display:block;width: 100%;position: absolute;}

/*查詢*/
.searchbanner{font-family: 'Open Sans', '微軟正黑體','新細明體';width: 320px;height: 220px;margin:0 auto;position: relative;overflow: hidden;}
.searchbanner .onlinetitle{position: relative;width: 320px;left: 50%;margin-left: -190px;margin-top: 50px;text-align: center;font-size: 2.5em;color: #323232;line-height: 36px;}
.searchbanner .onlinett{width: 320px;position: relative;left: 50%;margin-left: -190px;text-align: center;font-family: 'Open Sans','微軟正黑體','新細明體',sans-serif;font-size: 1.3em;color: #898989;line-height: 24px;padding:10px 0px;}
.searchwrap{height: 200px;width: 320px;position: relative;margin:0 auto;}
.searchwrap .formteam li{padding:10px;}
.searchwrap .okbtn{margin-top:30px}


/*鍵頭*/
.bigprev{width: 30px;height: 95px;position: absolute;background: url(../images/service/bigprev2.png);z-index: 2;left: 0px;}
.bigprev:hover,.bignext:hover{background-position: right;}
.bignext{width: 30px;height: 95px;position: absolute;background: url(../images/service/bignext2.png);z-index: 2;right: 0px;}

/*查詢清單*/
.searchlistwrap{position: relative;margin:0 auto;width: 320px;margin-top: 0;}

.listwrap{position: relative;margin:0 auto;width: 320px;background: #ffffff;-webkit-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);}
.list{width: 100%;position: relative;}
.listtitle{padding:25px 20px;color: #323232;font-size: 1.8em;background: #f8f8f8;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.listmain{position: relative;width: 100%;color: #535353;font-weight: bold;}
.listinfo{position: relative;font-weight: normal;padding:12px 20px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.listinfo dl{width: 95%;}
.listinfo dd{float: left;font-size: 1.3em;line-height: 18px;}
.listdata{position: relative;padding:20px 20px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.listdata dl{width: 95%;}
.listdata dd{float: left;font-size: 1.3em;line-height: 18px;}
.datat{overflow:hidden;}
.qalist{position: relative;padding:32px 0;font-size: 1.3em;line-height: 24px;}
.datadown{float: right;margin-top: 0px;margin-right: 10px;}
.listmain li:last-child{border:none;}
.namelist{position: relative;margin:0 auto;width: 400px;padding:30px 0;}
.namelist li{font-size: 1.3em;line-height: 18px;padding:10px 0px;}
.namelist li span{position: relative;float: left;width: 100px;;}
.m_dele{display: none;}

/*日曆*/
.cssCalendar .ajax__calendar_container
{
    z-index:1000;
    background:#ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;border: 1px solid #dcdcdc;
    padding:5px;
}
.stoptt{position: relative;color: #ffffff; background: #898989;height: 20px;float: left;margin-left:130px;padding: 5px 15px 5px 15px;font-size: 14px;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;border: 1px solid #898989;}
.stoptt:hover{color: #898989;border: 1px solid #898989;background: none;}
}