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

/* Banner
======================================================================================== */
.banner{ position:relative; width:100%;}
.b_setupBox{ position:relative;}
.b_setupBox .container{ margin:0 auto;}
.b_setupBox .setup{ position:absolute; top: -13em; left:23.8%; z-index:100;width: 200px; height:39px;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
background-color: rgba(255, 255, 255, 0.2); padding:1em 1.5em; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);border: 1px solid #000;border: 1px solid rgba(0, 0, 0, 0.1);}
.setup .qut{ margin:0.8em 0 0 0; overflow:hidden;}
.setup .setup_box a.blue_button{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; letter-spacing:1px;}
.qut ul li{ float:left; margin:0 1em 0 0;}
.qut ul li a{ color:#333;}
.qut ul li a:hover{ text-decoration:underline;}
/* service
======================================================================================== */
.service{ height:100px; padding:1em 0;}
.service .ser_list{ float:left; width:65%;}
.service .ser_list ul li{ width:16.3%; float:left; }
.service .ser_list ul li a{background-image:url(../images/service_list.png); background-position:15px 0; background-repeat:no-repeat; padding:5.2em 0 0 0; display:block; font-size:1.15em; text-align:center;}
.service .ser_list ul li a:hover{ text-decoration:none; color:#227BBB;}
.ser_list ul li.shop a{background-position:-81px 0px;}
.ser_list ul li.code a{background-position:-179px 0px;}
.ser_list ul li.card a{background-position:-283px 0px;}
.ser_list ul li.about a{background-position:-483px 0px;}
.ser_list ul li.money a{background-position:-580px 0px;}
.ser_list ul li.firm a{background-position:-675px 0px;}
.ser_list ul li.mpos a{background-position:-955px 0px;}
.ser_list ul li.download a{ background-position: -770px 0px;}
.ser_list ul li.seller_pay a:hover{background-position:15px -104px;}
.ser_list ul li.shop a:hover{background-position:-81px -104px;}
.ser_list ul li.code a:hover{background-position:-179px -104px;}
.ser_list ul li.card a:hover{background-position:-283px -104px;}
.ser_list ul li.about a:hover{background-position:-483px -104px;}
.ser_list ul li.money a:hover{background-position:-580px -104px;}
.ser_list ul li.firm a:hover{background-position:-675px -104px;}
.ser_list ul li.mpos a:hover{background-position:-955px -104px;}
.ser_list ul li.download a:hover{ background-position: -770px -103px;}
.news{ padding: 0; width:35%; float:right;}
.news h3{ color:#227BBB; line-height:2em; font-size:1.1em; text-align:left;}
.news ul li{background-image:url(../images/announcement_icon.png); background-position:0 0;background-repeat:no-repeat; padding:0.1em 0 0.4em 4.5em;}
.news ul li.new{ background-image:url(../images/news_icon.png); background-position:-4px 0;}
.news ul li.system{background-image:url(../images/system_icon.png); background-position:-4px 0;}
.news ul li.maintain{ background:url(../images/maintain_icon.png) -8px 0 no-repeat;}
.news ul li span{ display:inline-block; color:#333; margin: 0 0.6em 0 0;}
.news ul li a{ font-size:1em;}
.news a.more{ display:block; text-align:right; padding-right:1.4em; background-position:335px 0px;}
/* explain
======================================================================================== */
.explain{overflow:hidden;}
.explain .ex{ float:left; width:22.5%; padding:0 2.5em 0 0;}
.explain .ex1{ padding:0;}
.explain .ex .img a{ background-image:url(../images/explain.png); background-position:0 -10px; display:block; background-repeat:no-repeat; width:150px; height:130px; margin:0 0 0 4em;}
.explain .ex2 .img a{ background-position:-245px -10px;}
.explain .ex3 .img a{ background-position:-485px -10px;}
.explain .ex4 .img a{ background-position:-725px -10px;}
.explain .ex h3 a{ text-align:center; font-size:1.4em; color: #227BBB; line-height:3em; display:block;}
.explain .ex p{ font-size:1.1em; min-height:80px; line-height:1.6em;}
.explain .ex a.more{ text-align:left; background-position:63px 0px; padding-right:2em; font-size:0.9em;}
/* paypage
======================================================================================== */
.paypage{ overflow:hidden; margin-top:2.5em;}
.paypage h2{ text-align:center; margin-bottom:0.5em;}
.pay_img, .pay_info{ float:left; width:50%;}
.pay_img{ background-image:url(../images/paypage.png); background-repeat:no-repeat; background-position: 4em 1em; height:350px; width:45%;}
.paypage .payment{ background-image:url(../images/paypage_icon.png); background-repeat:no-repeat; background-position:0 18px; padding-left:35px;margin: 10px 0; overflow:hidden; }
.payment h4 {margin: 20px 0 5px 0;font-size: 1.4em;font-weight: normal;text-shadow: none;color: #227BBB;}
.payment_text {float: left;}
.payment_icon_1, .payment_icon_2, .payment_icon_3, .payment_icon_4 {float: right;}
.payment_icon_1, .payment_icon_2, .payment_icon_3 {width: 250px;height: 70px;}
.paypage .payment_icon_1 {background: url(../images/paypage_1.png) no-repeat;}
.paypage .payment_icon_2 {background: url(../images/payment_icon_2.jpg) no-repeat;}
.paypage .payment_icon_3 {background: url(../images/paypage_2.png) no-repeat;}
.paypage .payment_icon_4 {width: 230px;height: 70px;background: url(../images/paypage_3.png) no-repeat;}
/* ads
======================================================================================== */
.ads{ margin-bottom:0;}
.ads ul li {height: 175px; margin-top:10px;padding: 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;position: relative;}
/* success
======================================================================================== */
.success .suc{ float:left; width:20%;}
.success .suc_inner{ border:1px solid #CCC; border-bottom:none; overflow:hidden; margin-top:2em;}
.suc_inner .suc ul li{ border-right:1px solid #CCC; border-bottom:1px solid #CCC; height:100px; }
.suc_inner .last ul li{ border-right:none;}
.suc_inner .suc ul li.col_2{ height:200px;}
.suc_inner .suc ul li.col_3{ height:99px;}
.suc_inner .suc ul li img{ text-align:center; padding:1em 0 0 1em;}
.suc_inner .suc ul li img.big{ padding:4em 0 0 1.8em;}
.suc_inner .suc ul li img.big_1{ padding:0.5em 0 0 0.4em;}
.suc_inner .suc ul li img.s1{ padding:2.3em 0 0 2em;}
.suc_inner .suc ul li img.s2{ padding:1.5em 0 0 2em;}
.success a.more{ margin:-25px 0 0 0; background-position: 80px -1px; float:right; padding-right:2em;}

/* clients
======================================================================================== */
.clients{ margin-top:2.5em;}
.clients .container { position:relative;}
.clients .cli{ float:left; border-left:1px solid #CCC; width:19.8%; padding:0.5em 0 0 0; min-height:155px;}
.clients .cli h3{ color:#227BBB; line-height:2em; padding: 0 0 0.3em 0.5em; text-align:left;}
.clients .cli li{ padding:0 1em; line-height:2em; font-size:0.9em;}
.clients .cli li a{ font-size:1.1em;}
.clients .last{ border-right: 1px solid #CCC;}
.clients p a.more{ background-position: 80px 0; padding-right:2em; float:right; margin-top:-25px;}