@import "/new/css/notosanse.css";


/*html,body{height:100%;}*/
body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: "NotoSans",sans-serif;
	min-width:1280px;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

a img  
{  
border: none;  
}  

a {outline: none; text-decoration:none;}
a { selector-dummy : expression(this.hideFocus=true);}

h1{margin:0px;padding:0px;}

.float_L{float:left;}
.float_R{float:right;}



/* HEADER ----------------------------------------------------*/
.header_top_container{
	position:fixed;
	width:100%;
	height:35px;
	background:#f4f4f4;
	border-bottom:1px solid #dadada;
	z-index:999;
}

.header_minimenu_ul{
	float:right;
	margin-right:20px;
}

.header_minimenu_ul li{
	cursor:pointer;
	float:left;
	line-height:35px;
	font-size:13px;
	margin:0 15px;
	color:#444;
}

.header_minimenu_ul li:hover{
	text-decoration:underline;
}

.header_top_empty{
	float:left;
	width:100%;
	height:36px;
}

.header_top_empty02{
	float:left;
	width:100%;
	height:81px;
}

.header_bottom_container{
	position:fixed;
	width:100%;
	height:80px;
	min-width:1280px;
	border-bottom:1px solid #ccc;
	top:36px;
	left:0;
	z-index:999;
	background:#fff;
}

.header_layer{
	float:left;
	width:100%;
}

.header_logo{
	float:left;
	width:200px;
	height:77px;
	background:url("/img/header_logo02.png") no-repeat;
	background-position:center center;
	margin:0 30px;
}

.header_mainmenu_ul{
	/*position:absolute;*/
	width:750px;
	margin:0 auto;
}

.header_mainmenu_ul li{
	cursor:pointer;
	float:left;
	line-height:77px;
	font-size:16px;
	background:#fff;
	color:#444;
}

.header_mainmenu_ul .main_menu{
	width:150px;
	text-align:center;
}

.header_submenu_layer{
	position:absolute;
	width:100%;
	top:80px;
	left:0;
	/*background:#fff;*/
	background:url(/new/img/sub_bg.png);
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	z-index:999;
}

.submenu_content_layer{
	width:750px;
	margin:0 auto;
}

.submenu_ul{
	float:left;
	width:150px;
	height:144px;
	box-sizing:border-box;
	border-right:1px solid #dadada;
	margin-top:15px;
	margin-bottom:15px;
}

.submenu_ul li{
	cursor:pointer;
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	margin:3px 0;
	color:#444;
}

.submenu_ul li:hover{
	color:#103f20;
	font-weight:bold;
}
/* HEADER ----------------------------------------------------*/



/* INDEX ----------------------------------------------------*/
.main_img_container{
	float:left;
	width:100%;
	height:500px;
	background:lightgray;
}

.product_search_container{
	float:left;
	width:100%;
	margin-bottom:100px;
}

.partner_bg_layer{
	float:left;
	width:100%;
	height:1100px;
	background:url("/new/img/greeting_bg.png");
	background-position:bottom center;
}

.partner_container{
	float:left;
	width:100%;
	margin-top:200px;
	background:#fff;
}

.partner_layer{
	width:1100px;
	height:700px;
	margin:0 auto;
	background:#fff;
}

.partner_title{
	float:left;
	width:100%;
	text-align:center;
	font-size:50px;
	color:#000;
	font-weight:bold;
	letter-spacing:5px;
	margin:25px 0;
}

.partner_text{
	float:left;
	width:100%;
	text-align:center;
	font-size:20px;
	margin-bottom:30px;
}

.partner_address{
	float:left;
	font-size:16px;
	margin-bottom:15px;
	line-height:140%;
	margin:0 30px;
}

.partner_address span{
	font-size:20px;
	margin-bottom:5px;
}

.partner_img{
	float:left;
	width:100%;
	height:500px;
	background:url(/new/img/partner_img03.png);
}
/* INDEX ----------------------------------------------------*/


/* FOOT ----------------------------------------------------*/
.foot_logo{
	float:right;
	width:255px;
	height:33px;
	background:url(/new/img/foot_logo.png) no-repeat;
	background-position:center center;
	margin-top:7px;
}
/* FOOT ----------------------------------------------------*/


/* SUB PAGE --------------------------------------------*/
.subpage_nav_container{
	position:fixed;
	width:100%;
	height:32px;
	top:117px;
	left:0;
	background:#f4f4f4;
	border-bottom:1px solid #dadada;
	z-index:98;
}

.subpage_layer{
	width:1000px;
	margin:0 auto;
}

.subpage_nav_ul{
	float:right;
}

.subpage_nav_ul li{
	float:left;
	line-height:32px;
	font-size:14px;
	color:#444;
}

.subpage_nav_gl{
	margin:0 15px;
}

.page_this{
	color:#103f20;
	font-weight:bold;
}

.subpage_nav_empty{
	float:left;
	width:100%;
	height:33px;
}

.subpage_title_container{
	float:left;
	width:100%;
}

.subpage_title_layer{
	width:1000px;
	margin:0 auto;
}

.subpage_title{
	float:left;
	width:100%;
	font-size:40px;
	text-align:center;
	font-weight:bold;
	color:#000;
	padding:35px 0;
}

.subpage_content_container{
	float:left;
	width:100%;
}

.subpage_content_layer{
	width:1000px;
	margin:0 auto;
}
/* SUB PAGE --------------------------------------------*/


/* SUB01_01 ----------------------------------------------*/
.sub_greeting_bg_layer{
	float:left;
	width:100%;
	background:url("/new/img/greeting_bg.jpg");
	background-position:bottom center;
}

.sub_greeting_container{
	float:left;
	width:100%;
	margin:200px 0;
	background:#fff;
	padding:50px 0;
}

.sub_greeting_layer{
	width:1000px;
	margin:0 auto;
	background:#fff;
}

.sub_greeting_text{
	float:left;
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:150%;
}

.sub_greeting_text span{
	font-size:24px;
	color:#ff6b00;
	font-weight:bold;
}

.sub_greeting_text b{
	font-size:25px;
	font-weight:bold;
}

.sub_greeting_text p{
	font-size:22px;
	font-weight:bold;
}

.board_content{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:20px 50px;
	padding-bottom:100px;
}
/* SUB01_01 ----------------------------------------------*/



/* SUB01_02 */
.sub_company_bg_layer{
	float:left;
	width:100%;
	background:url("/new/img/greeting_bg.jpg");
	background-position:bottom center;
}

.sub_company_container{
	float:left;
	width:100%;
	background:#fff;
	padding:50px 0;
}

.sub_company_layer{
	width:1000px;
	margin:0 auto;
	background:#fff;
}

.sub_company_text{
	float:left;
	width:100%;
}

.sub_company_intro_title{
	float:left;
	width:100%;
	text-align:center;
	font-size:25px;
	color:#ff6b00;
}

.company_info_content{
	float:left;
	width:900px; 
	margin:50px;
}

.company_info_title_layer{
	float:left;
	width:100%;
}

.company_info_title_line{
	float:left;
	width:40px;
	border-top:2px solid #ff6b00;
}

.company_info_title{
	float:left;
	font-size:25px;
	font-weight:bold;
	margin-left:-40px;
	margin-top:5px;
}

.company_info_icon_layer{
	float:left;
	width:100%;
	margin:30px 0;
}

.comapny_info_icon{
	cursor:pointer;
	float:left;
	width:120px;
	height:120px;
	border-radius:50%;
	margin:0 15px;
	text-align:center;
	color:#000;
	font-size:16px;
	line-height:180%;
	box-sizing:border-box;
	padding-top:30px;
}

.comapny_info_icon01{
	cursor:pointer;
	float:left;
	width:180px;
	height:120px;
	border-radius:50%;
	margin:0 15px;
	text-align:center;
	color:#000;
	font-size:16px;
	line-height:180%;
	box-sizing:border-box;
	padding-top:30px;
}

.comapny_info_icon b{
	font-size:18px;
}

.info_icon01{
	background:url("/new/img/info_icon01.png") no-repeat;
	background-position:center center;
}
.info_icon02{
	background:url("/new/img/info_icon02.png");
}
.info_icon03{
	background:url("/new/img/info_icon03.png");
}
.info_icon04{
	background:url("/new/img/info_icon04.png");
}
.info_icon05{
	background:url("/new/img/info_icon05.png");
}
.info_icon06{
	background:url("/new/img/info_icon06.png");
}

.info_icon01:hover{
	background:url("/new/img/info_icon01_over.png");
	color:#fff;
}
.info_icon02:hover{
	background:url("/new/img/info_icon02_over.png");
	color:#fff;
}
.info_icon03:hover{
	background:url("/new/img/info_icon03_over.png");
	color:#fff;
}
.info_icon04:hover{
	background:url("/new/img/info_icon04_over.png");
	color:#fff;
}
.info_icon05:hover{
	background:url("/new/img/info_icon05_over.png");
	color:#fff;
}
.info_icon06:hover{
	background:url("/new/img/info_icon06_over.png");
	color:#fff;
}

.business_area{
	float:left;
	width:208px;
	height:298px;
	border:1px solid #ccc;
	margin-right:20px;
}

.area_last{
	margin-right:0;
}

.business_icon01{
	float:left;
	width:100%;
	height:100px;
	background:url("/new/img/business01.png");
	margin:40px 0;
}

.business_icon02{
	float:left;
	width:100%;
	height:100px;
	background:url("/new/img/business02.png");
	margin:40px 0;
}

.business_icon03{
	float:left;
	width:100%;
	height:100px;
	background:url("/new/img/business03.png");
	margin:40px 0;
}

.business_icon04{
	float:left;
	width:100%;
	height:100px;
	background:url("/new/img/business04.png");
	margin:40px 0;
}

.business_line{
	float:left;
	width:30px;
	height:2px;
	background:#ff6b00;
	margin:0 89px;
	margin-bottom:50px;
}

.business_line02{
	float:left;
	width:30px;
	height:2px;
	background:#ff6b00;
	margin:0 89px;
	margin-bottom:40px;
}

.business_text{
	float:left;
	width:100%;
	text-align:center;
	font-size:15px;
}
/* SUB01_02 */



/* sub01_03 -------------------------------------*/
.history_content_layer{
	width:1000px;
	margin:0 auto;
}

.history_content{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:50px;
}

.history_title{
	float:left;
	width:100%;
	font-size:30px;
	font-weight:bold;
	color:#ff6b00;
	margin-bottom:10px;	
}

.history_subtitle{
	float:left;
	width:100%;
	font-size:16px;
	line-height:150%;
	margin-bottom:50px;
}

.history_box{
	float:left;
	width:100%;
	padding:20px 0;
	border-top:0px solid #ccc;
}

.history_year{
	float:left;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	background:#ff6b00;
	padding:7px 20px 7px 10px;
	margin-right:50px;
	line-height:100%;
}

.history_year a{
	color:#fff;
}

.history_year02 a{
	color:#fff;
}

.history_year02{
	float:left;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	background:#666;
	padding:7px 20px 7px 10px;
	margin-right:50px;
	line-height:100%;
}

.history_left{
	float:left;
	width:400px;
}

.history_text{
	float:left;
	width:650px;
	font-size:15px;
	margin-top:7px;
	line-height:200%;
}

.history_left02{
	float:left;
}

.history_right{
	float:left;
	width:400px;	
}

.history_all{
	float:left;
	margin-left:100px;
	margin-top:15px;
}

.history_ul{
	float:left;
	width:100%;
	margin-top:5px;
}

.history_ul li{
	float:left;
	font-size:15px;
}

.history_month{
	font-weight:bold;
	color:#000;
	margin-right:15px;
}
/* sub01_03 -------------------------------------*/



/* sub01_04 ----------------------------------------------*/
.organization_layer{
	float:left;
	width:100%;
	height:600px;
	background:url("../img/organization_img.png");
	margin-top:30px;
	margin-bottom:150px;
}
/* sub01_04 ----------------------------------------------*/




/* SUB01_05 ----------------------------------------------*/
.sub_partner_bg_layer{
	float:left;
	width:100%;
	background:url("/new/img/greeting_bg.png");
	background-position:bottom center;
}

.sub_partner_container{
	float:left;
	width:100%;
	margin-top:200px;
	margin-bottom:200px;
	background:#fff;
}

.sub_partner_layer{
	width:1100px;
	margin:0 auto;
	background:#fff;
	box-sizing:border-box;
	padding-top:30px;
}

.sub_partner_text{
	float:left;
	width:100%;
	text-align:center;
	font-size:25px;
	margin-bottom:30px;
}

.partner_logo_slider_layer{
	float:left;
	width:100%;
	height:110px;
	background:lightgray;
	margin:30px 0;
}
/* SUB01_05 ----------------------------------------------*/




/* SUB01_06 ----------------------------------------------*/
.loaction_content{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:0px 50px;
	margin-bottom:50px;	
}

.location_title_layer{
	float:left;
	width:100%;
	font-size:30px;
	color:#ff6b00;
	margin-bottom:20px;
	font-weight:bold;
}

.location_box{
	float:left;
	width:100%;
	margin-top:50px;
}

.location_box02{
	float:right;
	width:400px;
	margin-top:50px;
}

.location_ul{
	float:left;
	width:100%;
	margin-bottom:30px;
}

.location_ul li{
	float:left;
}

.location_title{
	width:150px;
	border-top:3px solid #ff6b00;
	font-size:18px;
	font-weight:bold;
	color:#000;
	padding-top:5px;
	padding-left:10px;
}

.location_text{
	font-size:16px;
	line-height:31px;
	margin-top:5px;
	margin-left:-50px;
}

.location_text02{
	width:100%;
	height:100px;
	font-size:16px;
	line-height:31px;
	margin-top:5px;
}

.bus_content{
	float:left;
	margin-top:5px;
}

.bus_text{
	font-size:14px;
	width:270px;
	line-height:20px;
}
/* SUB01_06 ----------------------------------------------*/



/* product */
.sub_title_bg{
	float:left;
	width:100%;
	height:300px;
	background:url("/new/img/product_top_img.png");
	background-position:center center;
}

.sub_title_auto_id{
	float:left;
	width:100%;
	height:400px;
	background:url("/new/img/AutoID02.png") no-repeat;
	background-position:center center;
}

.sub_title_banking{
	float:left;
	width:100%;
	height:400px;
	background:url("/new/img/Banking.png") no-repeat;
	background-position:center center;
}

.sub_title_mobilepayment{
	float:left;
	width:100%;
	height:400px;
	background:url("/new/img/MobilePayment.png") no-repeat;
	background-position:center center;
}

.sub_title_afc{
	float:left;
	width:100%;
	height:400px;
	background:url("/new/img/AFC.png") no-repeat;
	background-position:center center;
}

.sub_title_crm{
	float:left;
	width:100%;
	height:400px;
	background:url("/new/img/CRM.png") no-repeat;
	background-position:center center;
}

.sub_title_parking{
	float:left;
	width:100%;
	height:400px;
	background:url("/new/img/Parking.png") no-repeat;
	background-position:center center;
}

.sub_title_layer{
	float:left;
	width:100%;
	height:61px;
	line-height:61px;
	text-align:center;
	color:#fff;
	background:url("/new/img/product_bg.png") no-repeat;
	background-position:center center;
	font-size:35px;
	margin-top:300px;
}

.product_content_container{
	float:left;
	width:100%;
}

.product_content_layer{
	width:1100px;
	margin:0 auto;
}

.product_content_box{
	float:left;
	width:100%;
	background:#fff;
	box-sizing:border-box;
	padding:25px;
}

.product_main_text{
	float:left;
	width:100%;
	text-align:center;
	font-size:28px;
	margin-top:20px;
	margin-bottom:40px;
}

.product_content_text{
	float:left;
	width:100%;
	line-height:150%;
	font-size:20px;	
}

.product_content_text b{
	font-size:26px;
	color:#ff6b00;
}

.product_img{
	float:left;
	width:100%;
	height:700px;
	background:url("../img/product_img.png");
	background-position:center center;
}
/* product */




/* SUB03_01 */
.company_business_content{
	float:left;
	width:100%;
	height:749px;
	background:url("../img/sub03_01img01.png") no-repeat;
	background-position:center center;
}
/* SUB03_01 */



/* SUB03_02 */
.tech_content{
	float:left;
	width:100%;
	padding-bottom:100px;
}

.tech_info{
	float:left;
	width:100%;
	margin:25px 0;
}

.tech_info .tech_title{
	font-size:23px;
	margin-bottom:15px;
	border-left:5px solid #ff6b00;
	padding-left:15px;
}

.tech_info .tech_text{
	font-size:18px;
	padding-left:15px;
	margin:5px 0;
}
/* SUB03_02 */



.product_qna_subtitle{
	float:left;
	width:100%;
	padding:20px 0;
	text-align:center;
	font-size:20px;
	margin-bottom:30px;
	background:url("/en/img/en_qna_bg.png") no-repeat;
	background-position:center center;
	font-weight:bold;
}


.brochure_content{
	float:left;
	width:100%;
	padding-top:50px;
	padding-bottom:100px;
}

.brochure_img{
	float:left;
	width:527px;
	height:414px;
	background:url("/new/img/bro_img03.png") no-repeat;
	background-position:center center;
}

.brochure_text{
	float:left;
	width:473px;
	margin-top:100px;
}

.brochure_btn{
	cursor:pointer;
	float:right;
	color:#fff;
	background:#ff6b00;
	font-size:23px;
	font-weight:bold;
	width:230px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-top:20px;
	margin-right:140px;
}

.zepe_logo{
	float:left;
	width:200px;
	height:25px;
	background:url("/new/img/header_logo02.png");
}

.brochure_text02{
	float:left;
	font-size:25px;
	color:#000;
	font-weight:900;
	line-height:25px;
	margin-left:20px;
}




.site_map_content{
	float:left;
	width:100%;
	padding-top:30px;
	padding-bottom:100px;
}

.sitemap_header{
	float:left;
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 0;
}

.sitemap_header_ul{
	cursor:pointer;
	float:left;
	width:150px;
	padding:0 24px;
	border-right:2px dotted #ccc;
}

.sitemap_header_ul_last{
	border-right:0;
}

.sitemap_title{
	float:left;
	font-size:18px;
	color:#444;
}

.sitemap_icon{
	float:right;
	width:24px;
	height:24px;
	background:url("/new/img/site_map_icon.png") no-repeat;
	background-position:center center;
}

.sitemap_submenu{
	float:left;
	width:100%;
	margin-top:20px;
}

.sitemap_sub_ul{
	float:left;
	width:150px;
	padding:0 24px;
	border-right:2px dotted #fff;
}

.sitemap_sub_ul li{
	cursor:pointer;
	font-size:16px;
	color:#444;
	margin:10px 0;
}

.sitemap_sub_ul li:before {
    content: "•";
    color: #ff6b00;
    margin-right:10px;
}






.qa_top_img{
	float:left;
	width:100%;
	height:250px;
	background:url("../img/qa_top.png") no-repeat;
	background-position:center center;
	margin-bottom:50px;
}

.qa_bottom_img{
	float:left;
	width:100%;
	height:250px;
	background:url("../img/qa_bottom.png") no-repeat;
	background-position:center center;
	margin-top:50px;
}


.sub_title_search{
	float:left;
	width:100%;
	height:300px;
	background:url(/new/img/seach_bg.png) no-repeat;
	background-position:center center;
}

.sub_title_notice{
	float:left;
	width:100%;
	height:300px;
	background:url(/new/img/notice_title.png) no-repeat;
	background-position:center center;
	margin-bottom:20px;
}

.sub_title_exhibit{
	float:left;
	width:100%;
	height:300px;
	background:url(/new/img/exhibit_title.png) no-repeat;
	background-position:center center;
	margin-bottom:20px;
}