@charset "UTF-8";
/* CSS Document */

.head_banner {width: 100%;height: 250px;background-size: cover;border-bottom: 1px solid #eee;background-image:url(../images/head-voice-bg.jpg); background-position:50% 0; background-repeat:no-repeat;}

/* options
======================================================================================== */
.options h1 {font-size: 24px;color: #2383D0;text-align: center;margin-top: 30px;}
.options .word {color: #69686C;font-size: 15px;font-weight: bold;text-align: center;}
.options .menu_op {margin: 25px auto;width: 90%;}
.personal,.small-company, .large-company{background: none repeat scroll 0 0 #F9F9F9;border: 1px solid #AAAAAA;float: left;margin: 25px -1px 35px;padding: 55px 20px 10px;position: relative;width: 246px;}
input.login_in{ width:220px;}
.personal .title{	background: rgba(0, 0, 0, 0) url(../images/title_bg_01.png) no-repeat scroll 0 0;	}
.small-company .title,.large-company .title{background: rgba(0, 0, 0, 0) url(../images/title_bg_01.png) no-repeat scroll 0 0;}
.personal .title,.small-company .title,.large-company .title{color: #FFFFFF;font-size: 18px;height: 70px;left: 35px;padding: 1em 0;position: absolute;text-align: center;top: -26px;width: 214px;}
.container .menu_op ul li{border-bottom: 1px dashed #717071; font-size: 14px;padding: 12px 0;}
.container .menu_op ul li a{color:#2383D0;	display: block;font-size: 14px;}
.op {color:#2383D0;}
.sent{ margin: 50px 0 0 0;}
.sent a {width: 87%;margin: 20px 20px 10px 0;}

/* hire 人才招募
======================================================================================== */
.hire {background: url(../images/interior-gradient-top.png) repeat-x;}
.hire .head_bg {margin-top: -6px;padding-top: 30px;background: url(../images/header_bg_hire.jpg) repeat-x 0 30px #FFF;background-size: inherit;}
.hire .head_banner {height: 200px;border-bottom: 1px solid #BBB;background-image: url(../images/header_hire.jpg);background-repeat: no-repeat;background-size: inherit;}
.hire .content {float: left;width: 680px;}
.hire .aside {float: right;width: 300px;padding-top: 20px;}
.hire .aside img {margin-bottom: 30px;}
.hire h2, h3, h4 {text-shadow: none;}
.hire h2 {padding: 50px 0 20px 0;font-size: 2em;font-weight: normal;}
.hire h3 {padding: 20px 0;font-size: 1.8em;border-top: 1px solid #CCC;color: #227BBB;}
.hire h3:first-child {border: none;}
.hire h3.mail_hr {padding-left: 20px;font-size: 1.4em;}
.hire h4 {margin-left: 20px;padding-bottom: 15px;font-size: 1.4em;}
.hire ul {margin-left: 20px;padding-bottom: 20px;}
.hire li {font-size: 1.3em;}
.hire p.highlight {margin: 0 20px 20px;font-size: 1.3em;color: #F00;}


/* about_合作銀行and商家
======================================================================================== */
.partner_inner { padding-top: 2em 0 1em 0.5em; margin:2em 0 1em 0; overflow:hidden;}
.partner_inner ul li { float: left; width: 25%; background-color:#FFF;}
.partner_inner ul li img {text-align: center; margin:0em 0 1.8em 0 ; border:1px solid #CCC;}
.partner_inner ul li.store1 { float: left; width: 25%; text-align: left;}
.partner_inner ul .store1 ul li { width:100%; float:none;}
.partner_inner ul .store1 ul li h3 {	color: #227bbb;}
.partner_inner ul .store1 ul .final { padding-bottom: 2em;}
.part .sidebar{ position:fixed; width:180px; top:200px;}
.part .contents{ margin: 0 0 0 210px;}

/* about
======================================================================================== */
.about .main{ min-height:600px;}
.about .sidebar{ float:left; position: inherit;}
.about .contents { float:left; margin:0;}
.sidebar ul.menu li{background: rgba(243, 243, 243, 1); /* Old browsers */
background: -moz-linear-gradient(top, rgba(243, 243, 243, 1) 0%, rgba(255,255,255,1) 47%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243, 243, 243, 1)), color-stop(47%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(243, 243, 243, 1) 0%,rgba(255,255,255,1) 47%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(243, 243, 243, 1) 0%,rgba(255,255,255,1) 47%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(243, 243, 243, 1) 0%,rgba(255,255,255,1) 47%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 0%,rgba(255,255,255,1) 47%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.sidebar ul.menu li li.current{color:#227BBB;}
.sidebar ul.menu > li > a {background-image:url(../images/icon_1.png); background-position:150px -785px; background-repeat:no-repeat;border-bottom: 1px solid #CCC;line-height: 3.2em; padding:0 0 0 10px; font-size:1.1em;display: block;}
.sidebar ul.menu > li > a:hover, .sidebar ul.menu ul li a:hover{ text-decoration:none;}
.sidebar ul.menu ul{ border-bottom:1px solid #CCC;background: #FFF;}
.sidebar ul.menu ul li {border-bottom:1px dotted #CCC; margin:0 0.5em; padding:0.7em 0 0.7em 1.2em;background-image:url(../images/icon_1.png); background-position:-5px -869px; background-repeat:no-repeat;}
.sidebar ul.menu ul.last{ border-bottom:none;}
.sidebar ul.menu ul li.current{background-position:-5px -911px !important;}
.sidebar ul.menu ul li a {color:#555;display: block;position: relative;font-size: 0.95em;}
.sidebar ul.menu ul li.current a {color:#227BBB;}
.menu ul li:last-child{border-bottom: 1px solid #33373d;}
.menu > li > a.active {background-image:url(../images/icon_1.png);background-position:150px -818px !important; background-repeat:no-repeat;}
.menu > li > a.active {border-bottom: 1px solid #1a638f;}
.menu > li > ul li:hover a, .menu > li > ul li.current:hover, .menu > li > ul li:hover a span, .menu > li > ul li:hover a:before {color:#227BBB;}
.about_inner{ margin:1.5em 0 0 0.5em;}
.about_inner p{ font-size:1.15em; line-height:1.8em; margin:0.5em 0 0 0.8em;}
.about_inner h3{ color:#227BBB; font-size:1.3em;}
.about_inner h4{ color:#227BBB; font-size:1.2em; margin-left:1.4em;}
.about_inner .no3{ width: 625px; margin:0.5em auto 1.5em auto;}
.about_inner ul.company li{ list-style:none; font-size: 1.2em;}
.about_inner ul{ margin:1em 0  1em 1em;}
.about_inner ul li{ margin:0.3em 0 0.3em 1.5em;list-style: decimal; font-size:1.15em;}
.about_inner ul ul li{ list-style: disc; font-size:1em; margin-left:0.5em;}
p.link_old{ float:right; margin:-60px 10px 0 0;}
p.link_old a{ background-image:url(../images/icon_1.png); background-position: 70px -1px; background-repeat:no-repeat; padding-right:20px;}
p.link_old a:hover{ text-decoration:underline;}
p.date{ padding-top:1em;}
.conditions_box {margin:1.5em 0;}
.conditions_box tr td{ border:1px solid #CCC; padding:0.8em 1em; font-size:0.95em;}
.conditions_box tr td.hd{ background-color:#e6edf0;}
.computing p{color:#FF7676; font-size:1em; margin:0.5em;}

/*專業證書
================================================================================================*/
.line_1{clear:both; border:1px dashed #CCC; padding: 1em 2em;margin-bottom: 2em; overflow: hidden;}
.img_s a .boxs_img {border: 8px solid #DFDFDF;float: left;}
.about_inner div .title_1 h3 {margin-left: 10px;float: left;}

/*銀行揭露事項
=================================================================================*/
.banks .about_inner .title {	border: 1px solid #CCC; padding:0.5em; margin:1em 0; width:200px;}
h3.title .logo {	background-image: url(../images/atm_bank.png);	background-repeat: no-repeat;background-position: -67px -11px;	height: 29px;width: 31px;display: inline-block;	margin: -10px 0px -10px -8px;}
h3.title .logo1 {background-position: -278px -11px;}
h3.title .logo2 {background-position: -100px -11px;}
.computing {border: 1px solid #CCC;	padding: 10px 30px 10px 30px;margin: 10px auto 20px auto;height: auto;	width: 30%;	border-radius: 8px;}

/* ebill繳費平台
======================================================================================== */
.pay_nav ul.menu > li > a{ background-image:none;}
ul.pay{ overflow:hidden; padding-top:1em;}
ul.pay li{width:215px;height:180px; border:1px solid #CCC;margin:1.2em;float:left; padding:0.5em;}
.pay li a{display:block;width:215px;height:180px;}
.pay li span{display:block;padding:10px 0;margin-bottom:15px;text-align:center;font-size:16px;color:#FFF; background-color:#5399E3;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.pay li img{display:block;margin:auto;}
.pay_box{margin:20px auto;padding:20px 0 20px 120px;}
.paybtn_box{width:500px;margin:auto;}
.pay_step{height:80px;}
.pay_step li{float:left;}
.pay_step li select{margin-right:20px;}
.pay_step li .stbor{width:200px;}
.bor_pay2{margin-left:130px!important;}
.bor_pay2 label{ width:130px;}
.bor_pay5 label{padding-left:20px;width:100px;}
.bor_r{ margin-left:130px;}
.bor_pay3{width:20px!important; margin-left:6px!important;}
.bor_pay4{width:800px;text-align:center;}
.paybg{width:95%;margin:1em auto 2em auto;padding:1em; text-align:center;}
.paybg li{ padding:10px 10px 20px;}
.paybg li.payok{border-bottom:dashed #999 1px;font-size:30px;color:#F00;}
.paybg li.payok img{ padding-top:0px; width:71px; height:60px; margin-bottom:-15px;}
.payxok_box{width:350px;margin:0 auto;}

/*record*/
.recordbg{border:1px dashed #CCC;padding:1em 2em;margin:10px 0;}
.recordbtn_box{margin:10px 60px;}
.bortxt{text-align:center;}
.recordbg h3{font-size:18px;color:#227BBB;}
.btn_record{width:100px; margin:auto;}