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

html, body { margin:0px; height:0px; height:100%; zoom:1; }

body { width:100%; margin:0px; font-size-adjust:none; -webkit-text-size-adjust:none; background:url(../img/bg.jpg) no-repeat #ffffff center top; font-size:100%; }

a { text-decoration:none; outline:none; }

img { border:none; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* COMMON */



/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#warp { width:100%; position:relative; z-index:1; }

#top { width:1000px; margin:0px auto;}
#top .top_area { width:100%; height:106px; position:relative; z-index:2; }
#top .top_area .logo { float:left; padding-left:40px; padding-top:25px; }
#top .top_area .logo a { display:block; width:213px; height:70px; background:url(../img/logo_2019.png) no-repeat left top; background-size:cover;}
#top .top_area .lang_area { float:right; width:308px; height:83px; padding-right:60px; padding-top:15px; }
#top .top_area .lang_area .select_style { width:146px; height:19px; margin-left:182px; border:1px solid #bfbfbf; background-color:#fefefe; color:#727272; font-size:0.688em; text-align:left; position:relative; z-index:2001; font-family:Arial, Helvetica, sans-serif; }
#top .top_area .lang_area .select_style .select_choose_name { float:right; xwidth:100px; padding-right:14px; height:19px; line-height:19px; text-align:center;}
#top .top_area .lang_area .select_style .select_list_btn { float:right; width:24px; height:19px; background:url(../img/lang_row.png) no-repeat center center; cursor:pointer; }
#top .top_area .lang_area .select_style .select_list { position:absolute; left:-1px; top:19px; width:146px; background-color:#fefefe; border:1px solid #bfbfbf; border-top:none; }
#top .top_area .lang_area .select_style .select_list .scrollbar{ float:right; display:none; }
#top .top_area .lang_area .select_style .select_list .viewport { width:146px; overflow:hidden; position:relative; }
#top .top_area .lang_area .select_style .select_list .overview { list-style:none; position:absolute; left:0; top:0; padding:0px; margin:0; }
#top .top_area .lang_area .select_style .select_list .option_list { width:152px; padding:4px 0px 4px 29px; background-color:#fefefe; cursor:pointer; text-align:left; }

#top .top_area .menu_area { position:absolute; left:0px; top:114px; z-index:2000; width:1000px; height:35px; background:url(../img/menu_bg.png) repeat center top; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; behavior: url(../pie/PIE.php); box-shadow:4px 3px 10px #a6a6a6;}
#top .top_area .menu_area ul.menu { text-align:center; margin-left:-40px;}
#top .top_area .menu_area ul.menu li { display:inline-block; zoom:1; *display:inline; margin-top:-16px; *margin-left:-9px; vertical-align:top; height:35px; position:relative; z-index:2000; }
#top .top_area .menu_area ul.menu li.line { width:49px; background:url(../img/menu_line.png) no-repeat center; }
#top .top_area .menu_area ul.menu li a.lv1 { display:block; height:35px; line-height:35px; color:#ffffff; padding:0px 10px; text-shadow: 1px 1px #808080; white-space:nowrap; }

#top .top_area .menu_area ul.menu li .drop_down_area { visibility:hidden; position:absolute; *left:-1px; z-index:2001; background:url(../img/submenu_bg.png) repeat-y; padding:5px 0px; -webkit-border-radius: 0px 0px 13px 13px;-moz-border-radius: 0px 0px 13px 13px; border-radius: 0px 0px 13px 13px; behavior: url(../pie/PIE.php); }
#top .top_area .menu_area ul.menu li .drop_down_area .drop_btn { text-align:left; }
#top .top_area .menu_area ul.menu li .drop_down_area .drop_btn a.lv2 { display:block; min-width:141px; min-height:20px; line-height:20px; padding:5px 15px; color:#f98016; white-space:nowrap; }

#banner { width:952px; margin:60px auto 0px; background:#ffffff; -webkit-border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px;border-radius: 15px 15px 0px 0px; behavior: url(../pie/PIE.php); border:1px solid #dbdbdb; border-bottom:none; -moz-box-shadow: 0px -1px 6px #dbdbdb;-webkit-box-shadow: 0px 0px 6px #dbdbdb;box-shadow: 0px 0px 6px #dbdbdb;}
#banner .home_bnr { width:952px; height:390px; position:relative; z-index:1; }
#banner .home_bnr .banner_show { width:952px; height:390px; overflow:hidden; }
#banner .home_bnr .banner_show img { display:none;}
#banner .home_bnr .banner_show img.active { display:block; }

#banner .home_bnr .banner_dot { position:absolute; right:190px; bottom:-5px; z-index:10; }
#banner .home_bnr .banner_dot ul.bnr_dot { }
#banner .home_bnr .banner_dot ul.bnr_dot li { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:9px; height:9px; margin-right:8px; background:url(../img/home_banner/bnr_dot.png) no-repeat; background-position:right top; cursor:pointer; }
#banner .home_bnr .banner_dot ul.bnr_dot li.onbnr { background-position:left top !important; }

#banner .prd_bnr { width:919px; height:175px; position:relative; z-index:1; margin:0px auto;}
#banner .prd_bnr .navigate { text-align:right; margin-right:4px; padding:5px 0px;}
#banner .prd_bnr .navigate a {color:#000;}
#banner .prd_bnr .navigate span { color:#E6570D; }
#banner .prd_bnr .left_box { width:683px; height:139px; float:left; -webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; behavior: url(../pie/PIE.php); border:1px solid #dbdbdb;}
#banner .prd_bnr .left_box#news {background: url(../img/inner_banner/news_and_event.png);no-repeat;background-size: cover;}
#banner .prd_bnr .left_box#orchid { background:url(../img/inner_banner/orchid.jpg) no-repeat center center; }
#banner .prd_bnr .left_box#sage { background:url(../img/inner_banner/sage.jpg) no-repeat center center; }
#banner .prd_bnr .left_box#salesanywhere { background:url(../img/salesanywhere_banner.png) no-repeat center center; background-size:cover;}
#banner .prd_bnr .left_box#barcode { background:url(../img/barcode_banner.png) no-repeat center center; background-size:cover;}
#banner .prd_bnr .left_box#eft_processing { background:url(../img/eft_processing_banner.png) no-repeat center center; background-size:cover;}
#banner .prd_bnr .left_box#services { background:url(../img/inner_banner/service.png) center center; no-repeat; background-size:cover;}
#banner .prd_bnr .left_box#contact { background:url(../img/inner_banner/contact_us.png) center center; no-repeat; background-size:cover;}
#banner .prd_bnr .left_box#request { background:url(../img/inner_banner/aplus_request_info.png) center center; no-repeat;}
#banner .prd_bnr .left_box#case {background:url(../img/inner_banner/aplus_success_stories.png) center center; no-repeat;}
#banner .prd_bnr .left_box#aboutus {background:url(../img/inner_banner/about_us.png); no-repeat; background-size:cover;}

#banner .prd_bnr .right_box { width:150px; height:111px; background: #ffffff;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e2efc1));background: -webkit-linear-gradient(#ffffff, #EDDDB4);background: -moz-linear-gradient(#ffffff, #EDDDB4);background: -ms-linear-gradient(#ffffff, #EDDDB4);background: -o-linear-gradient(#ffffff, #EDDDB4);background: linear-gradient(#ffffff, #EDDDB4);-pie-background: linear-gradient(#ffffff, #EDDDB4);-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; behavior: url(../pie/PIE.php); border:1px solid #dbdbdb; float:right; padding:13px 37px; }
#banner .prd_bnr .right_box .title { color:#f39700; }
#banner .prd_bnr .right_box p { color:#666666; margin:-2px 0px 4px;}
#banner .prd_bnr .right_box .contact { width:129px; height:20px; background: #68C338;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffaa4e), to(#e28a2a));background: -webkit-linear-gradient(#ffaa4e, #e28a2a);background: -moz-linear-gradient(#ffaa4e, #e28a2a);background: -ms-linear-gradient(#ffaa4e, #e28a2a);background: -o-linear-gradient(#ffaa4e, #e28a2a);background: linear-gradient(#ffaa4e, #e28a2a);-pie-background: linear-gradient(#ffaa4e, #e28a2a); -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; behavior: url(../pie/PIE.php); line-height:20px; padding:0px 10px; text-align:center; color:#ffffff; margin-bottom:5px; box-shadow:3px 2px 1px #A0A0A4;}

#main { width:952px; margin:0px auto; *overflow:hidden; background:#ffffff; border:1px solid #dbdbdb; border-top:none; border-bottom:none; -moz-box-shadow: 0px 3px 6px #dbdbdb;-webkit-box-shadow: 0px 3px 6px #dbdbdb;box-shadow: 0px 3px 6px #dbdbdb;}
#main .index_content { text-align:center; }
#main .index_box_bg {float:left; width:318px; xbackground:url(../img/index_news_title.png) no-repeat top 31px left 8px #ffffff; }
#main .index_box_content { float:left; width:293px; height:183px; margin:20px 0 20px 15px; *margin-left:9px; border:1px solid #dbdbdb;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; behavior: url(../pie/PIE.php); position:relative; z-index:1; }
#main .index_box_content#left { background:url(../img/product_prd2.jpg) no-repeat top left #ffffff; background-size: contain;}

#main .index_box_content#middle { background:url(../img/product_prd1.jpg) no-repeat top left #ffffff; background-size: contain;}
#main .index_box_content#right { margin-right:0px;}
#main .index_box_content#right .box_title { width:318px; height:49px; color:#ffffff; line-height:27px; padding:0px 20px;
background:url(../img/index_news_title.png) no-repeat left top; margin-left:-9px; margin-right:-10px; margin-top:10px;}
#main .index_box_content#right ul { height:120px; margin-top:-12px; list-style-image:url(../img/index_news_list.png); word-break:break-all; overflow-y:auto; line-height:18px;}
#main .index_box_content#right span { overflow:hidden; }
#main .index_box_content#right .date { color:#E6570D; }
#main .index_box_content#right .news_title { color:#666666; }
#main .index_box_content .box_footer { width:293px; height:10px; -webkit-border-radius: 0px 0px 15px 15px;-moz-border-radius: 0px 0px 15px 15px;border-radius: 0px 0px 15px 15px; behavior: url(../pie/PIE.php); }
#main .index_box_content#left .box_footer { xbackground:#06795d; margin-top:173px; }
#main .index_box_content#middle .box_footer { xbackground:#0172aa; margin-top:173px; }
#main .index_box_content#right .box_footer { background:#ffbd66; margin-top:-10px; }

#main .products_content { width:919px; margin:0px auto; }
#main #left_area { width:684px; float:left; padding-bottom:50px; }
#main #left_area .title#sage { color:#088467; line-height:20px; }
#main #left_area .title#salesanywhere { color:rgb(45, 99, 175); line-height:20px; text-align:center;}
#main #left_area .title#barcode { color:rgb(45, 99, 175); line-height:20px; text-align:center;}
#main #left_area .title#eft_processing { color:rgb(45, 99, 175); line-height:20px; text-align:center;}
#main #left_area .title#subtitle { color:rgb(238, 171, 32); line-height:20px; }
#main #left_area .title#service { color:#088467; line-height:20px; }
#main #left_area #common { width:630px; margin-left:45px;  }
#main #left_area #common h3 {margin-left:0px; color:#E6570D;}
#main #left_area #common p {width:630px; text-align:justify; padding:6px 0px;}
#main #left_area p { width:630px; margin:0px auto; text-align:justify; padding:6px 0px; }
#main #left_area table { width:630px; margin:10px auto 30px; }
#main #left_area #sage td { vertical-align:top; width:313px; }
#main #left_area #sage #bullet { color:#b1cc01; width:2px; }
#main #left_area #orchid { margin:0px auto; }
#main #left_area #orchid td { vertical-align:top; width:628px; }
#main #left_area #orchid #bullet { color:#0172aa; width:2px; }

#main #left_area .prd_select_area { float:left; width:666px; height:32px; background:#e7e7e7; margin-left:15px; margin-bottom:5px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; behavior: url(../pie/PIE.php);padding-left:20px; line-height:32px; position:relative;}
#main #left_area .prd_select_area .select_style { float:right; width:219px; height:20px; margin-top:5px; margin-right:315px; border:1px solid #bfbfbf; background-color:#ffffff; text-align:left; position:relative; z-index:2001; font-family:Arial, Helvetica, sans-serif; }
#main #left_area .prd_select_area .select_style .select_choose_name { float:left; width:184px; height:20px; line-height:20px; text-align:center;  }
#main #left_area .prd_select_area .select_style .select_list_btn { float:left; width:35px; height:20px; background:url(../img/prd_row.png) no-repeat center center; cursor:pointer; }
#main #left_area .prd_select_area .select_style .select_list { float:left; width:219px; xmargin-top:20px; margin-left:-1px; background-color:#ffffff; border:1px solid #bfbfbf; border-top:none; position:relative; z-index:2; }
#main #left_area .prd_select_area .select_style .select_list .scrollbar { float:right; display:none; }
#main #left_area .prd_select_area .select_style .select_list .viewport { width:219px; overflow:hidden; position:relative; }
#main #left_area .prd_select_area .select_style .select_list .overview { list-style:none; position:absolute; left:0; top:0; padding:0px; margin:0; }
#main #left_area .prd_select_area .select_style .select_list .option_list { width:210px; padding:2px 0px 2px 9px; background-color:#ffffff; cursor:pointer; text-align:left; line-height:25px; }

#main #left_area .title { color:#0080bc; line-height:32px; }
#main #left_area p#products { width:630px; margin:0px auto; text-align:justify; padding:10px 0px; }
#main #left_area .products {width:630px; margin:5px auto; }
#main #left_area .catalog_btn { width:151px; height:19px; line-height:19px; color:#fff; background: #257fbe;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#257fbe), to(#1B458F));background: -webkit-linear-gradient(#257fbe, #1B458F);background: -moz-linear-gradient(#257fbe, #1B458F);background: -ms-linear-gradient(#257fbe, #1B458F);background: -o-linear-gradient(#257fbe, #1B458F);background: linear-gradient(#257fbe, #1B458F);-pie-background: linear-gradient(#257fbe, #1B458F); text-align:center; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; behavior: url(../pie/PIE.php); margin-left:27px; margin-bottom:10px; box-shadow:3px 2px 1px #A0A0A4; position:relative;}
#main #left_area .left_box { width:683px; height:139px; -webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; behavior: url(../pie/PIE.php); border:1px solid #dbdbdb; margin-left:17px; margin-bottom:9px; position:relative;}

#main .request_content { width:919px; margin:0px auto; }
#main #left_area #required {color:#F00;}
#main #left_area td {vertical-align:top;}

#main .service_content { width:919px; margin:0px auto; }
#main #left_area ol { margin:10px 0px; }
#main #left_area ul li { margin-left:-24px; margin-top:0px; padding:2px 0px; font-size:13px; line-height:20px;}
#main #left_area ol li { margin-left:-20px; padding:2px 0px; font-size:13px; line-height:20px;}

#main .contact_content { width:919px; margin:0px auto; }
#main #left_area h3 { margin-top:0px; margin-left:27px; }
#main #left_area .office { margin:30px 0px; }
#main #left_area .office span { font-weight:bold; font-size:15px;}
#main #left_area .office p { line-height:20px; margin:10px 0px;}
#main #left_area .office a { text-decoration:underline; color:#f39700;}

#main #left_area .news_lcol { float:left; width:150px; height:24px; line-height:24px; padding-left:20px; background:#e1e8b9; margin-left:29px; }
#main #left_area .news_rcol { float:right; margin-left:42px; width:423px; height:24px; line-height:24px; padding-left:20px; background:#e1e8b9; }
#main #left_area .news_box { width:663px; margin:0px auto; }
#main .news_box .news_date { float:left; width:150px; color:#383838; margin-left:39px; padding:20px 0px 10px; }
#main .news_box .news_info { float:left; width:403px; margin-left:62px; padding:20px 0px 10px;}
#main .news_box .news_title {color: #f19217;line-height:20px;}
#main .news_box .news_intro { color:#666666; text-align:justify; line-height:16px;}
#main .news_box .news_dtl_btn { width:62px; height:18px; color:#ffffff; from(#257fbe), to(#1B458F));background: -webkit-linear-gradient(#257fbe, #1B458F);background: -moz-linear-gradient(#257fbe, #1B458F);background: -ms-linear-gradient(#257fbe, #1B458F);background: -o-linear-gradient(#257fbe, #1B458F);background: linear-gradient(#257fbe, #1B458F);-pie-background: linear-gradient(#257fbe, #1B458F); -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; behavior: url(../pie/PIE.php); line-height:18px; float:left; text-align:center; margin-left:20px; position:relative; }
#main .news_box .line {margin-left:35px;width:642px;border-top: 2px dotted #eab979;clear:both;}
#main .multipage { float:right; height:23px; border:1px solid #dbdbdb; line-height:23px; text-align:center; padding:0px 12px 0px 20px; margin-top:83px;}
#main .multipage a {color:#ce5d14;}

#main #left_area .news_detail { width:665px; margin:0px 25px; }
#main .news_detail .news_date { line-height:23px; background:#e1e8b9; padding:0px 20px;}
#main .news_detail .news_title { color:#E6570D; padding:10px 20px;}
#main .news_detail .news_dtl { margin-top:-10px; padding:0px 20px; }
#main .news_detail .news_dtl_photo { background:#edf1d6; border:3px solid #dbdbdb; width:297px; float:left; margin:10px 0 15px 20px;}
#main .news_detail .news_att_btn { width:133px; height:18px; color:#ffffff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#257fbe), to(#1B458F));background: -webkit-linear-gradient(#257fbe, #1B458F);background: -moz-linear-gradient(#257fbe, #1B458F);background: -ms-linear-gradient(#257fbe, #1B458F);background: -o-linear-gradient(#257fbe, #1B458F);background: linear-gradient(#257fbe, #1B458F);-pie-background: linear-gradient(#257fbe, #1B458F); -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; behavior: url(../pie/PIE.php); line-height:18px; float:left; text-align:center; margin-left:20px; position:relative;}
#main .news_detail .reg_btn { width:133px; height:18px; color:#ffffff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FF0066), to(#FF66A3));background: -webkit-linear-gradient(#FF0066, #FF66A3);background: -moz-linear-gradient(#FF0066, #FF66A3);background: -ms-linear-gradient(#FF0066, #FF66A3);background: -o-linear-gradient(#FF0066, #FF66A3);background: linear-gradient(#FF0066, #FF66A3);-pie-background: linear-gradient(#FF0066, #FF66A3); -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; behavior: url(../pie/PIE.php); line-height:18px; float:right; text-align:center; margin-right:20px; margin-bottom:10px;position:relative;}
#main .news_detail .back_area .back_btn { width:134px; height:22px; float:right; text-align:center; color:#E6570D; border:1px solid #dbdbdb; line-height:22px; margin-right:20px; margin-top:20px;}
#main #left_area #common .more_btn {width:90px; height:19px; line-height:19px; color:#ffffff; background: #257fbe;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#257fbe), to(#1B458F));background: -webkit-linear-gradient(#257fbe, #1B458F);background: -moz-linear-gradient(#257fbe, #1B458F);background: -ms-linear-gradient(#257fbe, #1B458F);background: -o-linear-gradient(#257fbe, #1B458F);background: linear-gradient(#257fbe, #1B458F);-pie-background: linear-gradient(#257fbe, #1B458F); text-align:center; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; behavior: url(../pie/PIE.php); text-align:center; position:relative;}


#main #right_area { float:right; margin-right:17px; }
#main .right_box { width:224px; height:139px; -webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; behavior: url(../pie/PIE.php); border:1px solid #dbdbdb; margin-bottom:9px; position:relative; z-index:1; }
#main .right_box#prd1 { background:url(../img/product_prd1.jpg); background-position: center; background-size: cover;}
   /* no-repeat left top*/
#main .right_box#prd2 { background:url(../img/product_prd2.jpg); background-position: center; background-size: cover;}
#main .right_box#prd3 { background:url(../img/product_prd3.jpg) no-repeat left top; }
#main .right_box#prd4 { background:url(../img/product_prd4.jpg) no-repeat left top; }
#main .right_box .box_footer { width:224px; height:8px; -webkit-border-radius: 0px 0px 13px 13px;-moz-border-radius: 0px 0px 13px 13px;border-radius: 0px 0px 13px 13px; behavior: url(../pie/PIE.php); position:relative; z-index:1; }
#main .right_box#prd1 .box_footer { xbackground:#06795d; margin-top:131px; }
#main .right_box#prd2 .box_footer { xbackground:#b1cc01; margin-top:131px; }
#main .right_box#prd3 .box_footer { xbackground:#0172aa; margin-top:131px; }
#main .right_box#prd4 .box_footer { background:#999999; margin-top:131px; }

#footer { width: 100%; position:relative; margin-bottom:-20px; background:#c3c3c3; }
#footer .content { width: 1000px; height:181px; margin:0px auto; color: #000000; position: relative; }
#footer .links { float: left; margin: 20px 0px; margin-left:9px; *margin-right:6px; position: relative; z-index: 1; display:inline; padding:0px 20px;}
#footer .links#line { background:url(../img/footer_bg.jpg) top left no-repeat; position: relative; z-index: 1; margin-left:5px; *padding-left:5px; *padding-right:5px;}
#footer .links li { padding-bottom: 5px; list-style:none;}
#footer .links .title { color: #000000; font-weight: bold; line-height:18px; }
#footer .links li a { color: #000000; }
#footer .links li a:hover { color: #000000; }
#footer .links li .icon { text-align:center; padding:10px;}
#copyright { width: 500px; xheight: 62px; position: relative; xbottom: 0px; left: 0; xpadding-bottom: 2px; float:left;}
#copyright span { position: absolute; bottom: 0px; }
#copyright a { color:#000000; }
#designby { width: 500px; xheight: 62px; position: relative; xbottom: 0px; right: 0; xpadding-bottom: 2px; float:right;}
#designby span { position: absolute; bottom: 0px; }
#designby a { color:#000000; }
#designby a:hover { text-decoration: underline;}