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

 @font-face{
font-family:'Mitr';
src:url(font/new/Mitr-Regular.eot);
src:url("font/new/Mitr-Regular.eot?#iefix") format("embedded-opentype"),
	  url("font/new/Mitr-Regular.woff") format("woff"),
	  url("font/new/Mitr-Regular.ttf") format("truetype"),
	  url("font/new/Mitr-Regular.svg#Mitr") format("svg");
	  font-weight:normal;font-style:normal;
}

body{
	margin:0px;
		font-family: "Mitr",Tahoma, MS Sans Serif;
	font-size: 14px; line-height: 140%;
	color: #001E19;
	background:#eeeeee;
    
	/*filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); 
    filter: url(resources.svg#desaturate);
    filter: gray; 
    -webkit-filter: grayscale(1);*/
}
/* 
html {
  filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); 
    filter: url(resources.svg#desaturate);
    filter: gray; 
    -webkit-filter: grayscale(1); 
} */


table{
	font-family:'Mitr'; font-size: 14px; line-height: 140%;
}

img{
	max-width: 100%;
}

a{
	color:#666666;
}
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:active {  text-decoration: none }
a:hover {
	color:#999;
	text-decoration: none;
}

a img:hover{
	opacity: .8;
	filter: alpha(opacity=80);
}

a img{
	border:0;
}


.box{
	display:inline-block; vertical-align:top;
}

 

.bold{
	font-weight:bold;	
}

.size10{
	font-size:12px;	
	line-height:120%;
}


.size12{
	font-size:14px;	
	line-height:120%;
}

.size14{
	font-size:14px;	
	line-height:120%;
}


.size16{
	font-size:14px;	
	line-height:120%;
}


.size18{
	font-size:16px;	
	line-height:110%;
}

.size19{
	font-size:16px;	
	line-height:110%;
}


.size24{
	font-size:24px;	
	line-height:110%;
}


.size26{
	font-size:24px;	
	line-height:110%;
}

.size36{
	font-size:38px;	
	line-height:110%;
}


.size40{
	font-size:42px;	
	line-height:110%;
}

.style1{
	color:#001E19;
}

.style2{
	color:#999999;
}

.style3{
	color:#1B8468;
}

.style4{
	color:#666666;
}

.style5{
	color:#eeeeee;
}

.style6{
	color:#1B8468;
}

.style7{
	color:#ffffff;
}

.style8{
	color:#231f20;
}

.style9{
	color:#1B8468;
}

.style10{
	color:#a5ce75;
}


.style11{
	color:#83c129;
}


.style12{
	color:#000000;
}

.style13{
	color:#1B8468;
}

.webshow{
	display:block;	
}

.mobileshow{
	display:none;	
}

.top10{
	margin-top:10px;	
}

.top20{
	margin-top:20px;	
}

.top30{
	margin-top:30px;	
}

.top40{
	margin-top:40px;	
}



.clear{
	clear:both;	
}


.float_l{
	float:left;	
}

.float_r{
	float:right;	
}


.area_web{
	width:100%;
	max-width:1400px;
	background-color:#eeeeee;
	
	position:relative;
}

.area_content{
	width:100%;
	max-width:1000px;
	min-height:600px;
	border:0px #000 solid;
	padding-top:1em;
	text-align:left;
	margin-left: auto;
    margin-right: auto;
	position:relative;
}


.header{
	width:100%;
	height:63px;	
	border-top:0px #a4a4a4 solid;
	border-bottom:0px #a4a4a4 solid;
}

.check_areaPage{
	text-align:center;
	min-height:550px;	
}


/*
  Menu
*/
nav#slide-menu {
  position: fixed;
  top: 65px;
  left: -100px;
  bottom: 0;
  display: block;
  float: left;
  width: 100%;
  max-width: 320px;
  height: 100%;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  text-align:left;
  background-color:#e9e9e9;
  font-size:14px;
}

nav#slide-menu a{
   
  font-weight:bold;
  color:#333333;
  font-size:14px;
}


nav#slide-menu > ul {
  display: block;
  margin: 0px;
  padding: 0;
  list-style: none;
  opacity: 0.5;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
nav#slide-menu > ul li {
  color: #333333;
  background-color:#dedede;
  padding-top:15px; 
  padding-bottom:15px;
  padding-left:20px;
  border-bottom:1px #d4d4d4 solid;
  cursor: pointer;
}
nav#slide-menu > ul li:hover {
  color: #666666;
  background:#dddedd;
}

nav#slide-menu > ul li.sep {
  margin-top: 7px;
  padding-top: 12px;
  border-top: 1px solid #6b7b8d;
}

.p_left{
	padding-left:20px;	
}

body.menu-active nav#slide-menu {
  left: 0px;
}

body.menu-active nav#slide-menu ul {
  left: 0px;
  opacity: 1;
}

.left{
	float:left;	
}

.right{
	float:right;	
}

.txt_subnav{

}

nav#slide-menu .bg_nav{
	background-color:#eeeeee;
	padding-top:12px; 
	padding-bottom:12px;
	padding-left:20px;
	color:#001E19;
}


nav#slide-menu .bg_nav_act,nav#slide-menu .bg_nav:hover{
	background-color:#eeeeee;
	padding-top:12px; 
	padding-bottom:12px;
	padding-left:20px;
	color:#1B8468;
}

nav#slide-menu .bg_nav a{
	  
  font-weight:normal;
  color:#001E19;
  font-size:13px;
}

nav#slide-menu .txt_nav{
	  
  font-weight:normal;
  color:#001E19;
  font-size:13px;
}

nav#slide-menu .txt_nav_act{
	  
  font-weight:bold;
  color:#1B8468;
  font-size:13px;
}





.scroll_menu{
	max-height:590px;
	overflow:auto;
}

/*
  Content
*/
div#content {
  position: fixed;
  top: 65px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  background: #eeeeee;
  border-radius: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: -3px 0 6px #4a5562;
  -webkit-box-shadow: -3px 0 6px #4a5562;
  box-shadow: -3px 0 6px #4a5562;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.menu-trigger {
 	background:url(../img/template/iconmenu.jpg) no-repeat;
  width:60px; height:63px;
}
.menu-trigger:before {
  background:url(../img/template/iconmenu.jpg) no-repeat;
  width:60px; height:63px;
}
.menu-trigger:hover {
  background:url(../img/template/iconmenu_act.jpg) no-repeat;
  width:60px; height:63px;
}
.menu-trigger:hover:before {
  background:url(../img/template/iconmenu_act.jpg) no-repeat;
  width:60px; height:63px;
}

.menu-active div#content {
  left: 250px;
}

body.menu-active div#content .menu-trigger {
  left: 250px;
}


.bg_footer{
	margin-top:1em;
	 
	background-color: #188568;
	height:auto; width:100%;	 border:0px #000 solid;
}

.footer{
	width:100%; max-width:920px;	 
	font-size: 12px;
	padding-top:34px;
	color:#ffffff; border:0px #000 solid;
	text-align:left;
	margin-left: auto;
    margin-right: auto;
	padding-bottom:10px;
}

.footer a{
	color:#ffffff;
	padding-left:5px; padding-right:5px;
}


.footer a:hover{
	color:#ffffff;
	padding-left:5px; padding-right:5px;
}




.home_R{
	display:inline-block; vertical-align:top;
	width:100%; text-align: left;
	max-width:1000px;
}

.home_stock{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:254px;
	min-height:295px;
	background-color:#188568;
	border:1px #ffffff solid;
	 border-radius: 10px;
	 color:#ffffff; margin-top: 20px;
	  
	/*-moz-box-shadow: 3px 3px 4px #c8c3c3; 	
    -webkit-box-shadow: 3px 3px 4px #c8c3c3; 	
    box-shadow: 3px 3px 4px #c8c3c3;*/
}

.home_stock .remark{
	font-size: 10px;
}

.home_stock .line{
 	border-bottom:1px #fff solid;	
	margin-top:7px; margin-bottom:7px;
}

.home_box{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:304px;
	min-height:134px;
	border:1px #cccccc solid;
	 border-radius: 10px;
	 margin-left:15px; position: relative;
    margin-top: 20px;
	/*-moz-box-shadow: 3px 3px 4px #c8c3c3; 	
    -webkit-box-shadow: 3px 3px 4px #c8c3c3; 	
    box-shadow: 3px 3px 4px #c8c3c3;*/
}

.home_box_bg1{
 background:url(../img/home/1.png) right bottom no-repeat;
}

.home_box_bg2{
 background:url(../img/home/2.png) right bottom no-repeat;
}

.home_box_bg3{
 background:url(../img/home/3.png) right bottom no-repeat;
}

.home_box_bg4{
 background:url(../img/home/4.png) right bottom no-repeat;
}

.home_box_bg5{
 background:url(../../img/home/5.png) right bottom no-repeat;
}

.home_box_bg6{
 background:url(../../img/home/6.png) right bottom no-repeat;
}





.vision_tab{
	 margin-top:20px;
	background:#c1c1c1;	
	padding-top:24px;
	padding-bottom:24px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#001E19;
}

.vision_line{
	border-bottom:1px #CCCCCC solid;	
}

.history_boxL{
	display:inline-block; vertical-align:top;	
	width:100%;
	max-width:540px;
	background-color:#89c437;
	min-height:302px;
	margin-top:20px;
}


.history_boxL .area{
	 max-width:360px;
	padding-top:20px; padding-left:20px;
	color:#FFF;
	font-size:18px;
}

.history_boxR{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:455px;
	min-height:302px;
	margin-top:20px;
}



.history_boxL2{
	display:inline-block; vertical-align:top;	
	width:100%;
	max-width:372px;
	margin-top:0px;
}



.history_boxR2{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:626px;
	margin-top:0px;
}

.history_boxR2 .area{
	 padding-top:36px; padding-left:20px;
	color:#5d4d46;
	font-size:18px;
}

.history_box3{
	background-color:#c1c1c1;	
	padding-top:40px; padding-bottom:40px;
	padding-left:20px; padding-right:20px;
	color:#FFF;
}



.history_boxL4{
	display:inline-block; vertical-align:top;	
	width:100%;
	max-width:550px;
	min-height:302px;
	margin-top:0px;
}


.history_boxL4 .area{
	 max-width:510px;
	padding-top:50px; padding-left:20px;
	color:#5d4d46;
	font-size:18px;
	min-height:115px;
}

.history_boxL4 .line{
	margin-top:30px; background-color:#89c437; height:20px;
}


.history_boxR4{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:448px;
	min-height:302px;
	margin-top:0px;
	background:#001E19;
}

.history_boxR4 .area{
	 max-width:310px;
	padding-top:20px; padding-left:50px;
	color:#ffffff;
	font-size:18px;
	padding-bottom:21px;
}

.history_boxR4 .area .line{
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px #776b65 solid;
}

.board_banner{
	background-color:#1B8468;
	width:100%;
	margin-top:20px;
}

.board_boxL{
	display:inline-block; vertical-align:top;
	width:100%; max-width:369px;	
}

.board_boxR{
	display:inline-block; vertical-align:top;
	width:100%; /*max-width:625px;	*/
}

.board_boxR .margin{
	margin-left:40px;
}


.board_boxR .area{
	padding-left:30px;
	padding-top:20px;	
	color:#001E19;
	font-size:18px;
	padding-left:10%;
}

.business_struc_tab{
	margin-top:20px;
	background-color:#c1c1c1;	
	font-size:24px;
	color:#001E19;
	text-align:center;
	padding-top:25px; padding-bottom:20px;
}


.business_struc_box1{
	display:inline-block; vertical-align:top;
	width:100%; max-width:244px;
	margin-top:20px;
}


.business_struc_box2{
	display:inline-block; vertical-align:top;
	width:100%; max-width:244px; margin-left:4px;
	margin-top:20px;
}


.business_struc_title{
	width:244px;
	background-color:#001E19;
	height:74px;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	 display: table-cell;
	 font-size:19px;
}

.business_struc_content{
	margin-top:10px;
	border-right:1px #d7d6d6 solid;
	padding-bottom:30px;
	font-size:18px;
}

.business_struc_content2{
	margin-top:10px;
	border-right:1px #d7d6d6 solid;
	padding-bottom:30px;
	font-size:18px;
	min-height:335px;
}

.business_struc_content .percent{
	width:68px;
	background-color:#1B8468;
	height:22px;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	 display: table-cell;
	 font-size:18px;
	 
}

.business_struc_content2 .percent{
	width:68px;
	background-color:#1B8468;
	height:22px;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	 display: table-cell;
	 font-size:18px;
	 
}

.business_struc_boxfoot{
	margin-top:28px;
	background:#d7d6d6;
	width:100%; max-width:506px;
}

.business_struc_boxfoot .area{
	text-align:left;
	padding-left:20px; padding-right:20px;
	padding-top:30px; padding-bottom:30px;
	color:#001E19; font-size:18px;
}


.msg_title{
	display:inline-block;
	color:#58585a; font-size:24px; line-height:120%;
	padding-right:50px; padding-bottom:5px;
	border-bottom:1px #83c129 solid;
	border-right:1px #83c129 solid;
	margin-bottom:20px; margin-top:40px;
}

.msg_box1{
	display:inline-block; vertical-align:top;
	width:100%; max-width:326px;	
	margin-top:20px;
	text-align:left;
	color:#001E19; font-size:18px; line-height:140%;
}

.msg_boxR{
	display:inline-block; vertical-align:top;
	width:100%; max-width:650px; margin-left:20px; border:0px #000 solid; font-size:18px; line-height:140%;
	}


.msg_box2{
	display:inline-block; vertical-align:top;
	width:100%; max-width:300px;	
	margin-top:20px;
	text-align:left;
	margin-left:20px;
}


.msg_boxfoot{
	background-color:#837872;
	width:100%;	
	margin-top:20px;
}

.msg_boxfoot .area{
	text-align:left;
	padding-left:20px; padding-right:20px;
	padding-top:30px; padding-bottom:30px;
	color:#ffffff; font-size:16px;
}

.meet_title{
	 
	font-size:21px; line-height:120%;
	font-weight:bold;
}



.meet_box1{
	display:inline-block; vertical-align:top;
	width:100%; max-width:340px;	
	padding-top:20px;
	text-align:left;
}

.meet_box1 .area{
	width:100%; max-width:330px;	
	color:#001E19; font-size:18px;
}


.meet_box2{
	display:inline-block; vertical-align:top;
	width:100%; max-width:319px;	
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	color:#001E19; font-size:18px;
	margin-left:0px;
	background-color:#d1d0d0;
	border-bottom:8px #90c744 solid;
	min-height:571px;
}


.meet_box2 .area{
	padding-left:10px; padding-right:10px;
	color:#001E19; font-size:18px;
}


.meet_boxfoot{
	background-color:#837872;
	width:100%;	
	margin-top:40px;
}

.meet_boxfoot .area{
	text-align:left;
	padding-left:20px; padding-right:20px;
	padding-top:30px; padding-bottom:30px;
	color:#ffffff; font-size:18px;
}

.meet_line{
	margin-top:20px;
border-bottom:8px #90c744 solid;	
}


.profile_contact_menu1{
	width:198px; padding-left:20px;	
	background-color:#c3c3c3;
	 
	font-size:22px;
	color:#FFF;
	height:52px;
	vertical-align:middle;
	 display: table-cell;
	 margin-left:5px;
}

.profile_contact_menu1_active , .profile_contact_menu1:hover{
	width:198px; padding-left:20px;	
	background-color:#1B8468;
	 
	font-size:22px;
	color:#FFF;
	height:52px;
	vertical-align:middle;
	 display: table-cell;
}


.profile_contact_menu2{
	width:198px; padding-left:20px;	
	background-color:#c3c3c3;
	 
	font-size:22px;
	color:#FFF;
	height:52px;
	vertical-align:middle;
	 display: table-cell;
	 margin-left:5px;
}

.profile_contact_menu2_active , .profile_contact_menu2:hover{
	width:198px; padding-left:20px;	
	background-color:#1B8468;
	 
	font-size:22px;
	color:#FFF;
	height:52px;
	vertical-align:middle;
	 display: table-cell;
}



.profile_contact_content{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:0px #CCCCCC solid;	
}


.profile_contact_line{
    margin: 40px 0 0 0; border-bottom:2px #CCCCCC solid;	
}

.profile_contact_left{
	display:inline-block; vertical-align:top;
	width:100%; max-width:490px;	
}

.profile_contact_left .area{
	padding:10px;	
}

.profile_contact_right{
	display:inline-block; vertical-align:top;
	width:100%; max-width:266px;	
}



.business_tab{
	 margin-top:20px;
	background:#001E19;	
	padding-top:16px;
	padding-bottom:16px;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	padding-left:20px;
}



.business_tab_select{
	 margin-top:0px;
	background:#001E19;	
	padding-top:16px;
	padding-bottom:16px;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	padding-left:20px;
}


.business_property_area{
	display:inline-block; vertical-align:top;
	width:100%; max-width:286px;	
	margin-top:30px;
	margin-left:20px;
}

.business_property_area2{
	display:inline-block; vertical-align:top;
	width:100%; max-width:286px;	
	margin-top:30px;
	margin-left:60px;
}


.business_property_pic_project{
	margin-top:10px;
	width:100%; 
	background-color:#90c744;
	text-align:right;
}



.business_property_areacontent{
	margin-top:10px;
	width:96%; 
	text-align:left;
	color:#001E19; font-size:20px;
}





.business_property_sale{
	display:inline-block; vertical-align:top;
	width:100%; max-width:196px;	
	margin-top:30px;
	margin-left:20px;
}

.business_property_sale2{
	display:inline-block; vertical-align:top;
	width:100%; max-width:196px;	
	margin-top:30px;
	margin-left:60px;
}


.business_property_pic_saleproject{
	margin-top:10px;
	width:100%; 
	border-top:5px #90c744 solid;
}



.business_property_salecontent{
	margin-top:10px;
	text-align:left;
	color:#001E19; font-size:18px;
}

.business_saleline{
	margin-top:30px; margin-bottom:30px; border-bottom:1px #d1d0d0 solid;	
}

.business_saleL{
	display:inline-block; vertical-align:top;
	width:100%; max-width:445px;
	margin-left:20px;
}

.business_saleR{
	display:inline-block; vertical-align:top;
	width:100%; max-width:445px; margin-left:60px;
}

.zinc_bg1{
	background-color:#d1d0d0;	
	margin-top:20px; 
}


.zinc_box1{
	display:inline-block; vertical-align:top;
	width:100%; max-width:286px;
}


.zinc_box1 .area{
	padding-top:20px;
	text-align:left;
	color:#001E19; 
	padding-left:20px; padding-right:20px;
}


.zinc_box2{
	display:inline-block; vertical-align:top;
	width:100%; max-width:714px;
}


.zinc_box3{
	display:inline-block; vertical-align:top;
	width:100%; max-width:427px;
}


.zinc_box3 .area{
	padding: 40px 20px 0;
	text-align:left;
	color:#001E19; 
	 
}

.zinc_box4{
	display:inline-block; vertical-align:top;
	width:100%; max-width:286px;
}

.other_bg{
	background-color:#1B8468;	
	margin-top:20px;
}

.other_box1{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:327px;
}

.other_box1 .area{
	padding-top:40px;
	padding-left:20px;
	text-align:left;
	color:#ffffff; 
	max-width:270px;
}

.other_box2{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:673px;
}

.complaint_tab{
	 margin-top:-90px;
	text-align:left;
	font-size:22px;
	color:#fff;
	width:94%;
	padding:3%;
	height:60px;
	padding-top:15px; padding-bottom:15px;
	position:absolute;
	background:url(../img/complaint/overlay.png);
}

.complaint_left{
	display:inline-block; vertical-align:top;
	width:55%; 
	 margin-top:20px;
	text-align:left;
	 
	color:#001E19;
}

.complaint_left .area{ 
	padding:20px;
}

.complaint_right{
	display:inline-block; vertical-align:top;
	width:42.5%;
	 margin-top:20px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	background:#c2c2c2;
}

.complaint_right .area{ 
	padding:20px;
}


.complaint_right a{ 
	color:#000000;
	text-decoration:underline;
}


.complaint_icon{
	float:left; padding-left:3%;
	margin-top:20px;
}


.complaint_back{
	float:right; padding-right:3%;
	padding-top:25px; margin-top:20px;
}

.complaint_bg{
	 width:100%; min-height:465px;
	color:#7d7d7d; padding-top:30px; 
}

.complaint_box{
	width:80%; max-width:394px;
	height:30px; color:#525252;	
	display:block; vertical-align:middle;
	border:2px #1B8468 solid;
	padding-top:10px; margin-top:20px;
	background:#ebebeb;
}

.complaint_box2{
	width:80%; max-width:394px;
	height:30px; color:#000;	
	display:block; vertical-align:middle;
	border:2px #1B8468 solid; text-align: center;
	padding-top:10px; margin-top:7px; 
	 
}

.complaint_box2_area{
    padding: 10px 0 20px ;
}

.complaint_box2_area a{
    text-decoration: none !important;
}


.complaint_step{
	padding-left:9%; padding-right:9%;
	padding-top:20px; padding-bottom:40px;	
}

.label{
	float:left; width:50%;
	margin-top:20px;
}

.label_L{
	float:left; width:25%;
	padding-right:5%; text-align:right;
	padding-top:5px;
}

.label_R{
	float:left; width:65%;
}

.label_L2{
	float:left; width:12.5%;
	padding-right:2.5%; text-align:right;
	padding-top:5px;
}


.label_R2{
	float:left; width:82.5%;
}

.complaint_detail{
	margin-left:16%; margin-right:16%;
	padding-top:20px; padding-bottom:40px;
	border:0px #000000 solid;	
}


.label_detail{
	margin-top:20px;
}

.label_detailL{
	float:left; width:25%;
	padding-right:3%; text-align:right;
	padding-top:5px;
}

.label_detailR{
	float:left; width:62%;
}

.input_complaint2{
	padding-left:3%;
	width:97%;
	background:#eee;
	height:30px;
	border:0px;	
	resize:none;
	outline:none;
	border:1px #858585 solid;
	font-family: "Mitr",Tahoma, MS Sans Serif;
	font-size:16px;
	color:#666;
}

.input_complaint2_error{
	padding-left:3%;
	width:97%;
	background:#666666;
	height:30px;
	border:0px;	
	resize:none;
	outline:none;
	border:1px #858585 solid;
	font-family: "Mitr",Tahoma, MS Sans Serif;
	font-size:16px;
	color:#fff;
}


.input_complaint{
	width:100%;
	background:#FFF;
	height:30px;
	border:0px;	
	resize:none;
	border:1px #CCC solid;
	
}

.input_complaint_error{
	width:100%;
	background:#666666;
	color:#FFF;
	height:30px;
	border:0px;	
	resize:none;
	border:1px #CCC solid;
}


.invest_left{
	float:left;
	width:100%; max-width:426px;
	 margin-top:0px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#001E19;
}

.invest_left .area{ 
	padding:20px;
}

.invest_right{
	float:left;
	margin-left:40px;
	width:100%; max-width:426px;
	 margin-top:0px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#001E19;
}

.invest_right .area{ 
	padding:20px;
}

.invest_line{
	margin-top:20px; border-bottom:5px #90c744 solid; margin-bottom:10px;	
}


.invest_box{
	padding-top:10px;
}

.invest_box .p_top{
	padding-top:10px;
}


.invest_box .area_invest{
	font-size:18px;
	padding-top:10px;
	padding-bottom:0px;
	border:0px #000 solid;
}


.vididend{
	
}


.vididend_left{
	float:left;
	width:100%; max-width:266px;
	 margin-top:20px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	background-color:#d1d0d0;
	min-height:600px;
}

.vididend_left .area{ 
	padding:20px;
	padding-top:30px;
	padding-bottom:30px;
}

.vididend_right{
	float:left;
	margin-left:0px;
	width:100%; max-width:734px;
	 margin-top:20px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#001E19;
	border-bottom:10px #1B8468 solid;	
	min-height:590px;
}

.vididend_right .area{ 
	padding:30px;
}

.ir_contact_left{
	float:left;
	width:100%; max-width:526px;
	 margin-top:0px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	border-bottom:10px #1B8468 solid;
	min-height:420px;
}

.ir_contact_left .area{ 
	padding:20px;
	padding-left:30px;
	padding-right:40px;
}

.ir_contact_right{
	float:left;
	width:100%; max-width:464px;
	 margin-top:10px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	margin-top:40px;
	background-color:#FFF;
	min-height:390px;
}


.ir_contact_right .area{ 
	margin-left:15px;
	margin-right:15px;
	padding-bottom:20px;
	padding-top:70px;
	border-bottom:1px #d1d0d0 solid;
}


.share_select{
	 font-size:22px;
	 color:#FFF;
	 background-color:#001E19;
	 padding:20px;
	 margin-top:20px;
}


.download_box{
	display:inline-block; vertical-align:top;
	min-height:290px;
	border-bottom:1px #001E19 solid;	
	margin-top:20px;
	font-size:18px;
	margin-left:90px;
}

.download_area{
	background-color:#d1d0d0;
	padding:20px;
	margin-top:30px;	
}


.download_area .box_content{
	display:inline-block; vertical-align:top;
	width:180px;
	text-align:left;
	border-bottom:1px #5b4a43 solid;
	padding-bottom:10px;
	font-size:18px;
	margin-top:20px;
	margin-left:170px;
}


.download_table{
	font-size:18px;	
}

.download_table td{
	border-bottom:1px #001E19 solid;
}


.download_input{
	border:0px;
	background:#FFF;
	width:100px;
	height:30px;	
}

.team_boxL{
	float:left;
	width:100%;
	max-width:308px;
	min-height:300px;
}	

.team_boxL .tab{
	color:#5d4d46;
	font-size:17px;
	padding-top:10px; padding-bottom:10px;
	padding-left:20px;
	border-bottom:1px #cccccc solid;
}	

.team_boxL .tab_active , .tab:hover{
	color:#ffffff;
	background-color:#1B8468;
	font-size:17px;
	padding-top:10px; padding-bottom:10px;
	padding-left:20px;
	border-bottom:1px #cccccc solid;
}

.team_boxR{
	float:left;
	width:100%;
	max-width:692px;
	background-color:#eeeeee;
	min-height:300px;
}	


.team_boxR .padding{
	padding-top:10px; padding-bottom:10px;
	border-bottom:0px #cccccc solid;
	padding-left:10px;
}	

.dd-select{
	color:#FFF;	
}


.corporate_area1{
	margin-top:30px;
	background-color:#a4a4a4;
}

.corporate_area1 .boxL{
	float:left;
	width:100%;
	max-width:502px;
	color:#eeeeee;
}

.corporate_area1 .boxL .area{
	padding:40px;
}

.corporate_area1 .boxL .download{
	max-width:246px;
	padding-top:40px;
	padding-bottom:10px;
	border-bottom:0px #ffffff solid;
}

.corporate_area1 .boxR{
	float:left;
	width:100%;
	max-width:462px;
	color:#eeeeee;
}




.corporate_area2{
	background-color:#ffffff;
}

.corporate_area2 .boxL{
	float:left;
	width:100%;
	max-width:502px;
	color:#eeeeee;
}



.corporate_area2 .boxR{
	float:left;
	width:100%;
	max-width:462px;
}

.corporate_area2 .boxR .area{
	padding-left:50px;
	padding-top:50px;
}

.corporate_area2 .boxR .download{
	max-width:246px;
	padding-top:110px;
	margin-bottom:40px;
}




.corporate_area3{
	background-color:#d2d2d2;
}

.corporate_area3 .boxL{
	float:left;
	width:100%;
	max-width:502px;
	color:#001E19;
}

.corporate_area3 .boxL .area{
	padding-left:50px;
	padding-top:50px;
}

.corporate_area3 .boxL .download{
	max-width:246px;
	padding-top:60px;
	padding-bottom:10px;
	border-bottom:0px #ffffff solid;
}


.corporate_area3 .boxR{
	float:left;
	width:100%;
	max-width:498px;
}


.newsroom_tab{
	background:#001E19;
	padding-top:10px; padding-bottom:10px;
	padding-left:20px;
	color:#FFF; font-size:20px;
	margin-top:20px;
}

.newsroom_title{
	padding-top:12px;
	padding-bottom:12px;
	border-bottom:2px #c8c7c7 solid;	
	font-size:18px;
}

.newsroom_title .boxL{
	float:left;
	padding-left:30px;	
}

.newsroom_title .boxR{
	float:left;
	padding-left:10px;	
}

.share_proposal{
	padding:20px;	
}

.share_proposal .download{
	padding-top:80px;	
	padding-bottom:80px; 
	border-bottom:10px #1B8468 solid;
}




.webcast_clip{
	padding-top:60px;	
	padding-bottom:60px; 
	border-bottom:10px #1B8468 solid;
}


.webcast_clipthumb{
	float:left; width:100%; max-width:470px;
	margin-left:20px;
}

.financial_table{
	font-size:22px;	 padding-top:20px;
}

.financial_md{
	margin-top:30px;
	display:inline-block; vertical-align:top;
	width:100%; max-width:482px;
	border:0px #000 solid;
	
}

.financial_md .boxL{
	display:inline-block; vertical-align:top;
	width:100%; max-width:122px; min-height:270px;
	background-color:#001E19; font-size:30px;
	color:#FFF; padding-top:10px;
	text-align:center;
}



.financial_md .boxR{
	display:inline-block; vertical-align:top;
	width:100%; max-width:340px;
	margin-left:15px; padding-top:0px;
}

.financial_md .boxR .download{
	padding-top:12px;
	padding-bottom:7px;
	border-bottom:2px #94c94c solid;
	
}

.financial_md .boxR .text{
	padding-left:10px; padding-top:4px; font-style:italic;
	font-size:13px;
	
}

.financial_md_margin{
	margin-left:35px;
}





.stock_area{
	margin-top:20px;
	padding-top:20px; padding-bottom:20px;
	padding-left:30px; padding-right:30px;
	background-color:#c5c5c5;	
}

.stock_area .box1{
	display:inline-block; vertical-align:top;
}

.stock_area .box2{
	display:inline-block; vertical-align:top;
	margin-left:0px;
}

.stock_area .box2 .area1{
	background:#FFF; width:170px;
	color:#1B8468; font-size:32px;
	line-height:90%;
	  font-weight:bold;
	padding-top:5px; padding-bottom:5px; 
	vertical-align:middle;
	 display: table-cell;
}

.stock_area .box2 .area2{
	background:#FFF; width:170px;
	color:#c63f4c; font-size:22px;
	line-height:90%;
	 font-weight:bold;
	padding-top:5px; padding-bottom:5px;  
	vertical-align:middle;
	 display: table-cell;
}

.stock_area .box3{
	display:inline-block; vertical-align:top;
	margin-left:70px; font-size:16px;
	color:#5d5c5c;  
	width:100%; max-width:620px;
}


.career_welfareL{
	margin-top:20px;
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:492px;	
}

.career_welfareR{
	margin-top:20px;
	background-color:#1B8468;
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:508px; min-height:327px;
}

.career_welfareR .area{
	padding-left:50px;
	padding-top:50px;
	color:#FFF; font-size:18px;
}


.career_welfareL2{
	background-color:#001E19;
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:492px; min-height:338px;	
}

.career_welfareL2 .area{
	padding-left:50px;
	padding-top:70px;
	color:#FFF; font-size:18px;
}


.career_welfareR2{
	
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:508px; 
}


.career_L{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:280px;
}

.career_L .tabcareer{
	width:230px; height:54px;
	background-color:#001E19;
	color:#FFF;
	vertical-align:middle;
	display: table-cell;
	padding-left:20px;
	border-top:1px  #4a3d37 solid;
	border-bottom:1px #4a3d37 solid;
}

.career_L .tabcareer_active , .tabcareer:hover{
	width:230px; height:54px;
	background-color:#cfcfcf;
	color:#001E19;
	vertical-align:middle;
	display: table-cell; border:0px #000 solid;
	padding-left:20px;
	border-top:1px  #4a3d37 cfcfcf;
	border-bottom:1px #4a3d37 solid;
}

.career_R{
	display:inline-block; vertical-align:top;	
	width:100%; max-width:720px;
	background-color:#cfcfcf;
}

.career_R .area{
	padding-left:45px; padding-top:20px; padding-bottom:30px;
	padding-right:45px; 
}


.career_tab{
	background-color:#001E19;
	color:#ffffff;
	display:inline-block; vertical-align:top;
	width:70%; height:43px;	
}

.career_tab .area{
	font-size:20px; padding-left:20px;
	vertical-align:middle;
	 display: table-cell;
	 height:43px;	
}

.career_popup{
	margin-top:10px;
	background-color:#e0e0e0;
	min-height:350px;
	width:100%; max-width:1000px;
	
}

.career_popup .area{
	padding:40px;
}
.input_career{
	width:100%;
	background:#FFF;
	height:30px;
	border:0px;	
	resize:none;
	border:1px #CCC solid;
}

.input_career_error{
	width:100%;
	background:#666666;
	color:#FFF;
	height:30px;
	border:0px;	
	resize:none;
	border:1px #CCC solid;
}




.bg_dropdown{	
	color:#FFF; 
	background:url(../img/arrow.png) left top no-repeat;
	background-color:#5b4b43;	
}

.bg_dropdown a{	
	color:#FFF; 
}

.bg_dropdown .menu_active{
	border-bottom:0px #FFF solid;
	 list-style: none; padding-left:40px;
	 font-size:22px; padding-top:8px; padding-bottom:8px;
	 -moz-box-shadow: 2 2px 2px #362c27;
	-webkit-box-shadow: 0 2px 2px #362c27;
	box-shadow: 2px 0px 2px 2px #362c27;
}

.bg_dropdown .menu{
	border-bottom:0px #FFF solid;
	 list-style: none; padding-left:40px;
	 font-size:22px; padding-top:8px; padding-bottom:7px;
	 border-bottom:1px #333333 solid;
}

.bg_dropdown .menu:hover{
	background-color:#9d8f89;
	border-bottom:0px #FFF solid;
	 list-style: none; padding-left:40px;
	 font-size:22px; padding-top:8px; padding-bottom:8px;
}



.popup_enews{
	/*background:url(../../myAdmin/lib/colorbox/images/overlay.png); width:100%; height:100%; position:fixed; z-index:9999;	
	padding-top:50px;*/
}

.area_enews{
	width:500px; padding:30px; background-color:#FFF;
	margin-top:5px;
}



.input_enews{
	width:100%;
	background:#eeeeee;
	height:30px;
	border:0px;	
	resize:none;
	color:#333333;
}


.input_enews_error{
	width:100%;
	background:#666666;
	color:#FFF;
	height:30px;
	border:0px;	
	resize:none;
}




.marketBox1{
	display:inline-block; vertical-align:top;
	width:100%;  max-width:170px;
	border-right:1px #9a9a9a solid;
	margin-top:2em;
}

.marketBox2{
	display:inline-block; vertical-align:top;
	width:100%;  max-width:290px;
	border-right:1px #9a9a9a solid;
	margin-top:2em;
}

.marketBox3{
	display:inline-block; vertical-align:top;
	width:100%;  max-width:300px;
	border-right:0px #9a9a9a solid;
	margin-top:2em;
}

.marketBoxPadding{
	padding-left:40px;
}


.marketBox4{
	display:inline-block; vertical-align:top;
	width:100%;  max-width:334px;
	border-right:1px #9a9a9a solid;
	margin-top:2em;
}

.marketBox5{
	display:inline-block; vertical-align:top;
	width:100%;  max-width:300px;
	margin-left:2em;
	margin-top:2em;
	border:0px #000 solid;
}

.marketBox6{
	display:inline-block; vertical-align:top;
	width:100%;  max-width:100px;
	margin-left:0em;
	margin-top:2em;
	border:0px #000 solid;
}


.bg_award{
	background: url(../img/profile/award/bg.jpg) top center no-repeat; padding-bottom: 20px;
	padding-top: 67px; text-align: center; margin-top: 30px;
}

.award_box1{
	display: inline-block; vertical-align: top; margin-left: 50px; margin-right: 50px; margin-top: 98px;
}

.award_box2{
	display: inline-block; vertical-align: top; margin-left: 50px; margin-right: 50px;
}


.award_box3{
	display: inline-block; vertical-align: top; margin-left: 50px; margin-right: 50px; margin-top: 98px;
}

.award_box4{
	display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px; margin-top: 30px;
}


/* Mobile */
	
	.mobile_foot{
	 background:url(../img/template/foot_mobile.jpg)  repeat-x;
	  color:#b4b4b4;
	 height:120px; width:100%;	
}

.mobile_foot .box{ 
	display:inline-block; vertical-align:top;
	border-right:1px #CCC solid;
}


/* End Mobile */


.ot-sdk-show-settings{
	border:0 !important;  padding: 0 !important; background: none !important; 
	color:#ffffff !important;
	font-family: "Mitr" !important;
	font-size: 12px !important;
}

.ot-sdk-show-settings:hover{
	border:0 !important;  padding: 0 !important; background: none !important; 
	color:#ffffff !important;
}


.sustainbox{
	background: #e6e6e5; padding: 40px; margin-top: 50px;
	 
}

.sustainbox .padding{
	 width: 35%;   text-align: center;
}

.sustainbox .boxL{
	display: inline-block;vertical-align: top; width: 35%;  border: 0px #000 solid;
	margin-top: 30px;
}

.sustainbox_btn{
	background: #1B8468; color: #fff;
	padding: 20px 0; text-align: center;
	margin-top: 40px; font-size:15px;	
	line-height:110%;
}

.sustainbox .boxR{
	margin-top: 30px;
	display: inline-block; vertical-align: top; width: 56%; margin-left: 7%;
}

.sustainbox_title{
	color: #1B8468; font-weight: bold; font-size:15px;	
	line-height:110%;
}

.desktopbr br{
	display: none;
}

.sustainbox2{
	float: left;
}

.sustainbox3{
	margin: 20px 20px;
	float: right;
}

.sustainbox3_box{
	  
	 margin-left:15px; position: relative;
    margin-top: 0px;
	 padding: 10px;
}

.sustainbox3_box .boxL{
	display: inline-block; vertical-align: top;
}

.sustainbox3_box .boxL img{
	height: 170px;
}

.sustainbox3_box .boxR{
	display: inline-block; vertical-align: top;
	padding: 0px 30px 30px ; text-align: center; 
}

.sustainbox3_btn{
	display: inline-block; vertical-align: top;
	background: #1B8468; color: #fff;
	padding: 5px 20px; text-align: center;
	margin-top: 20px; font-size:18px;	
	line-height:140%;
}

.sustainbox3_btn span{
	background: url("../../img/sustainable/bull.png") center left no-repeat;
	padding: 0 20px;
}



/* The container */
.container {
	 
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;

}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0; 
  height: 25px;
  width: 25px;
	border: 1px #333 solid;
  background-color: #ffffff;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.active_privacy{
	 
}

.active_privacy a{
	color: #333; border-bottom: 0px #000 solid;
}


.cwc-banner-show-settings{
    background: none; border: 0; color: #fff; font-family:'Mitr' !important; font-size: 12px;
}