html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
ol, ul,li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }

html, body { height: 100%; font: normal 12px/1.3 "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
a { outline: none; text-decoration: none; }
p { margin: 0.5em 0 }
.clear { clear: both; display: block; margin: 0; padding: 0 }
.clear-after:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }


.loading {padding: 40px; background: url('../images/loading-light-large.gif') no-repeat 50% 50%;}
 button::-moz-focus-inner { padding: 0; border: 0; }
.ui-button,.ui-cancel { background: none; border: 0; cursor: pointer; display: inline-block; height: auto; overflow: visible; padding: 0; margin: 0; vertical-align: middle; outline: none; }
.ui-button span,.ui-cancel span { outline: none; display: inline-block; padding: 0; margin: 0; font-size: 12px; font-weight: normal; height: 38px; line-height: 38px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
.ui-button span { padding: 0 0 0 28px; background-position: 0 0; }
.ui-button span span { padding: 0 28px 0 0; background-position: 100% -123px; }
.ui-button.hover span,.ui-button:hover span { background-position: 0 -41px; }
.ui-button.hover span span,.ui-button:hover span span { background-position: 100% -164px; }
.ui-button.disabled,.ui-button.processing { cursor: default; }
.ui-button.disabled span,.ui-button.processing span { background-position: 0 -82px; cursor: default; }
.ui-button.disabled span span,.ui-button.processing span span { background-position: 100% -205px; cursor: default; }

.button1 span { background-image: url("../images/default.gif"); background-repeat: no-repeat; color: #fff; }
.button1.hover span,.button1:hover span,.button1.disabled span,.button1.processing span { color: #fff; }

#service { position: absolute; z-index: 75; top: 0; right: 0; }
.service-bar { position: relative; z-index: 75; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; display: inline-block; text-align: right; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.service-cell { position: relative; background: url("../images/background.gif") repeat-x 0 -200px; color: #8694A1; display: block; float: left; line-height: 33px; padding: 0 0 7px 0; }


.service-welcome { padding: 0 15px 7px 15px; }
.service-explore { background-position: 100% 0; padding: 0 0 7px 0; }
.service-explore a.dropdown { color: #FFF; text-transform: uppercase; display: block; line-height: 33px; padding: 0 40px 0 1.5em; background: url("../images/background.gif") repeat-x 100% -40px; }
.service-explore a.dropdown:hover,.service-explore a.dropdown:focus { background-position: 100% -80px; }
.service-explore a.active,.service-explore a.active:hover,.service-explore a.active:focus { background-position: 100% -120px; }

#footer { font: normal 12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; padding: 25px 0; }
#sitemap{color:#999; }
#copyright { color: #2a2c2f; border-top: 1px solid #414a56; text-transform: uppercase; font-size: 10px; clear: both; padding: 10px 0;  }
#copyright a { margin-left: 10px; color: #3a2c2f; }
#legal { padding: 5px 0; } 

.border-textarea{border:2px solid #c0c0c0;background:#e3e3e3;font-size:14px;padding:5px;}
.border-2 { -moz-border-radius: 2px; border-radius: 2px; }
.border-3 { -moz-border-radius: 3px; border-radius: 3px; }
.border-4 { -moz-border-radius: 4px; border-radius: 4px; }
.border-5 { -moz-border-radius: 5px; border-radius: 5px; }


#credits{display:block;line-height:38px;}
#credits a{display:inline-block;padding:0;width:86px;height:32px;background:url('../images/moneyboard.gif') 0px 0px no-repeat;color:#036687;margin-right:15px;font-size:14px;font-weight:bold;line-height:32px;}
#credits a span{padding-left:32px;}
#credits a.droped{color:#7f7f7f;background-position:0px -96px;}
#credits a:hover{color:#ec341a;background-position:0px -32px;}
#credits a.selected,#credits a.selected:hover{color:#0c4f01;background-position:0px -64px;}


#banks{display:block;line-height:38px;width:600px;}
#banks a{display:inline-block;padding:0;width:130px;height:33px;margin-right:35px;border:2px solid #999}
#banks a:hover,#banks a.droped:hover{border-color:#f00;background-position:0px 0px;}
#banks .b1001{background:url('../images/1001.gif') 0px 0px no-repeat;}
#banks .b1002{background:url('../images/1002.gif') 0px 0px no-repeat;}
#banks .b1003{background:url('../images/1003.gif') 0px 0px no-repeat;}
#banks .b1005{background:url('../images/1005.gif') 0px 0px no-repeat;}
#banks .b1026{background:url('../images/1026.gif') 0px 0px no-repeat;}
#banks .b1038{background:url('../images/1038.gif') 0px 0px no-repeat;}
#banks a.droped{background-position:0px -66px;border-color:#7f7f7f}
#banks a.selected,#banks a.selected:hover{background-position:0px -33px;border-color:#f30}

#cards{display:block;line-height:35px !important;width:600px;}
#cards a{display:inline-block;padding:0;width:100px;height:40px;margin-right:35px;border:1px solid #999}
#cards a:hover,#cards a.droped:hover{border-color:#f00;background-position:0px 0px;}
#cards .c1{background:url('../images/1.jpg') 0px 0px no-repeat;}
#cards .c2{background:url('../images/2.jpg') 0px 0px no-repeat;}
#cards .c3{background:url('../images/3.jpg') 0px 0px no-repeat;}
#cards .c11{background:url('../images/11.jpg') 0px 0px no-repeat;}
#cards .c12{background:url('../images/12.jpg') 0px 0px no-repeat;}
#cards .c16{background:url('../images/16.jpg') 0px 0px no-repeat;}
#cards .c14{background:url('../images/14.jpg') 0px 0px no-repeat;}
#cards .c15{background:url('../images/15.jpg') 0px 0px no-repeat;}
#cards a.droped{background-position:0px -80px;border-color:#7f7f7f}
#cards a.selected,#cards a.selected:hover{background-position:0px -40px;border-color:#f30}

#paytypes a{display:inline-block;padding:0;width:77px;height:45px;color:#036687;margin-right:15px;font-size:14px;font-weight:bold;line-height:45px;border:2px solid #036687;}
#paytypes a:hover{border-color:#ec341a;}
#paytypes a.selected{border-color:#0c4f01;background-position:0px -45px;}
#paytypes .visa{background:url('../images/visa.jpg') 0px 0px no-repeat;}
#paytypes .alipay{background:url('../images/alipay.jpg') 0px 0px no-repeat;}
#paytypes .tenpay{background:url('../images/tenpay.jpg') 0px 0px no-repeat;}

.ie a span { cursor:pointer }
.ie .ui-button,.ie .ui-cancel { width: auto; }
.ie button.ui-button.hover span { background-position: 0 -41px }
.ie button.ui-button.hover span span { background-position: 100% -164px; }

#errors { color: #c4bdb0; background: #530901 url("../images/alert-error.gif") 0 0 repeat-x; padding: 10px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #000 0 0 5px }
#errors ul { list-style: none; margin: 0; min-height: 30px;  padding-left: 40px;background: url("../images/error.gif") 3px 3px no-repeat; }
#errors ul li{ padding-top: 7px;font-size:15px;font-weight:bold; }
#content #errors { width: 500px; margin: 0 auto 20px auto; }
#embedded-login #errors { width: 280px; margin: 0 auto 10px auto; text-align:left;}
#embedded-login #errors ul {padding-left: 30px;}

.ie67 #service { float: right; }
.ie7 #copyright { line-height: normal; padding: 5px; }

.ie6 .clear { height: 0; line-height: 100%; overflow: hidden; }

.ie6 .service-cell { display: inline; background-image: url("../images/background.gif"); }

.ie6 .service-explore a.dropdown { background-image: url("../images/background.gif"); }
.ie6 .service-explore a.dropdown:link,.ie6 .service-explore a.dropdown:visited { color: #fff; }
.ie6 #footer,.ie6 #copyright { zoom: 1; }