@charset "windows-874";
/* CSS Document */

/* กำหนด font */

/*
html,body,div,p,span,li,a,td {
	color:#666;
	font-family:'cordiaupcregular',Helvetica,sans-serif;
	line-height: 1.5;
}
*/

html,body {
	/* background-color: #fff;*/
	background-color: #666; 
	/* color:#666; */
	color:#ffffff;
	margin-top: 50px;
	font-family:'cordiaupcregular',Helvetica,sans-serif;
	line-height: 1.5;
	font-size:2rem !important;

}






/*================================================================================*/



/*================================================================================*/

		
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

a {	cursor: pointer;}
b {	font-family:'cordiaupcbold',Helvetica,sans-serif;}

h1, h2, h3, h4, h5, h6 {line-height: 1.5; color: #000;}

.thumbnail {
   display: inline-block;
}

.form-control{font-size: 0.8em;}
.img-responsive {width: 98%;}





.kye-panel-green{border-color:#ddd}
.kye-panel-green>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}
.kye-panel-green>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}
.kye-panel-green>.panel-heading .badge{color:#f5f5f5;background-color:#333}
.kye-panel-green>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}

.kye-panel-green>.panel-heading{
	background-image:-webkit-linear-gradient(bottom,#A4D8A5 0,#5ABD5C 100%);
	background-image:-o-linear-gradient(bottom,#A4D8A5 0,#5ABD5C 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#A4D8A5),to(#5ABD5C));
	background-image:linear-gradient(to top,#A4D8A5 0,#5ABD5C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A4D8A5', endColorstr='#5ABD5C', GradientType=0);
	background-repeat:repeat-x
}


/* ส่วนกำหนดสำหรับ แสดง iframe  */
div#stock-iframe{
	position:relative;
	margin:auto;
	display:block;	
	width:440px; /*ความกว้างส่วนของเนื้อหา iframe ที่ต้องการแสดง*/
	height:220px; /* ความสูงส่วนของเนื้อหา iframe ที่ต้องการแสดง */
	overflow:hidden;
}
/* ส่วนกำหนด สำหรับ iframe */
div#stock-iframe iframe{
	position:absolute;
	display:block;
	float:left;
	margin-top:0px; /* ปรับค่าของ iframe ให้ขยับขึ้นบนตามตำแหน่งที่ต้องการ */
	margin-left:-0px; /* ปรับค่าของ iframe ให้ขยับมาด้านซ้ายตามตำแหน่งที่ต้องการ */
} 


#sidebar ul {
	padding: 0;
	margin: 0;
}
#sidebar li {
	display: block;
	padding: 0;
	/*position: relative;*/
}











.kye-color-comp{color:#C52D2F;}
.kye-color-green{color:#5ABD5C;}
.kye-color-green-soft{color:#00E018;}
.kye-color-bule{color:#ffffff;}
.kye-color-buleskay{color:#ffffff;}
.kye-color-white{color:#FFF;}


.kye-text-bold{font-weight:bold;}

.kye-bg-color-green{ background-color:#5ABD5C;}
.kye-bg-color-blueskay{ background-color:#4a7f97;}

.kye-table-border-none th, .kye-table-border-none td{
	border-top:none !important; border-left:none !important;
	border-bottom:none !important; border-right:none !important;
}

.kye-p-top{padding-top:10px;}
.kye-tab-left {padding-left:50px;}
.kye-tab-right {padding-right:50px;}
.kye-span-tab{padding-left:10px;}

.kye-img-top-comporate{padding-top:10px; padding-bottom:50px;}


/***********************************************************
* Header
*/
#header {
	background-image: none;
	z-index: 10001;		
	/* background-color: #FFFFFF; 28/18/68 */
	background-color: #666;
	border-bottom: 1px solid #CCCCCC;
	font-family:'cordiaupcregular',Helvetica,sans-serif;
}
.header_on_top {
	-webkit-box-shadow: inset 0 0 0;
	box-shadow: inset 0 0 0;
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 0;
	padding-top: 30px;
}	
.header_on_scroll {
	background-color: #C52D2F;
	border-bottom: 2px solid #2E2E2E;
	padding-top: 0;
}

.navbar-default .navbar-toggle {
	border: 2px solid #D43F3A;
	color: #E7E7E7;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active {
	background-color: #D43F3A;
}
.navbar-default .navbar-collapse {
	border-color: #d43f3a;
}
.navbar-default .navbar-nav {
	margin: 0 -15px;
}
/* font top menu */
.navbar-default .navbar-nav>li>a {
	/* color: #000; */
	color: #ffffff;
	/*font-weight: bold;*/
	padding: 5px 25px;
	text-shadow: none;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.navbar-default .navbar-nav>li>a.short {
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a.active {
	color: #fff;
	background-color: #5ABD5C;
}
.navbar-default .navbar-nav>li>a>.glyphicon {
	display: none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.active>a {
	background: #2E2E2E; 
	color: #fff;
	border: none;
}
.navbar-brand, .navbar-default .navbar-brand:hover {
	padding: 5px;
	cursor: pointer;
}

#header .dropdown-menu>li>a {
	color:#666;
	/*font-size: 1em;*/
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a.selected {
	background-color:#FFF;
	color:#09F;
}

.logo {
	width: 180px;
	float: left;
}
.logo_name {
	color: #C52D2F;
	float: left;
	margin-left: 10px;
	margin-top: -2px;
	font-size: 14px;
}

.head_lang {
	position: absolute;
	/*right: 0px;*/
	top: 7px;
	cursor: pointer;
}
.head_lang img {
	margin-bottom: 5px;
}
.transition {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}
.transition250 {
	-webkit-transition: 250ms;
	-moz-transition: 250ms;
	-o-transition: 250ms;
	transition: 250ms;
}

.dropdown_list {
	background-color:#FFF;
	border-top: none;
}
.sub_menu {
	background: #F16361;
	display: table;
	width: 100%;
}
.sub_menu_list {
	background-color:#FFF;
	color:#39C;
	margin: 0;
	padding: 3px 0;
}
.sub_menu>.container>ol>li>a {
	color: #5ABD5C;
	cursor: pointer;
	padding: 5px 15px;
	text-shadow: none;
}
.sub_menu>.container>ol>li>a:hover {
	color: #C52D2F;
}
.sub_menu>.container>ol>li>.no_action {
	cursor: auto;
}
.sub_menu>.container>ol>li>.no_action:hover {
	background: none;
	color: #C52D2F;
}


/***********************************************************
* Body content
*/
.body_content {
	margin-top: 40px;
	margin-bottom: 15px;
	background-color: #fff;
}
.border_gray {
	border: 1px solid #E7E7E7;
}
.shadow_4 {
	-webkit-box-shadow: 0px 0px 20px -7px #000;
	box-shadow: 0px 0px 20px -7px #000;
}
.nav_right {
	position: fixed;
	top: 50%;
	z-index: 100;
	margin-top: -32px;
	opacity: 1;
	-ms-filter: none;
	filter: none;
	color: #000;
	right: 0;
}
.nav_right ul {
	padding: 0;
	margin: 0;
}
.nav_right li {
	display: block;
	padding: 0;
	position: relative;
}
.nav_right li a {
	cursor: pointer;
	display: block;
	padding: 12px 10px;
	position: relative;
	width: 4px;
	height: 4px;
	text-decoration: none;
	z-index: 1;
}
.nav_right .circle {
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	background: #C52D2F;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
.nav_right .nav_text {
	position: absolute;
	right: 22px;
	color: #C52D2F;
	font-weight: bold;
	display: none;
	min-width: 200px;
	text-align: right;
	padding-top: 3px;
}
.nav_right li a.active span {
	background: none;
	border: 6px solid #C52D2F;
	left: 7px;
	top: 8px;
	width: 10px;
	height: 10px;
}
.bd_blue {
	border-color: #2D7DA4;
}
.bd_green {
	border-color: #6AA42F;
}
.bd_yellow {
	border-color: #FC3;
}
.bd_red {
	border-color: #DB3615;
}
.txt_blue {
	color: #2D7DA4;
}
.txt_green {
	color: #6AA42F;
}
.txt_yellow {
	color: #FC3;
}
.txt_red {
	color: #DB3615;
}
.slide_img {
	margin: auto;
}


/***********************************************************
* Carousel
*/

.carousel-indicators li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(0, 185, 0, 0.6);
	border-radius: 10px;
	border: none;
}.carousel-indicators li:hover {
	background-color: rgba(255, 93, 0, 1);
}
.carousel-indicators .active {
	background-color: #C52D2F;
	margin: 1px;
}
.carousel-indicators .active:hover {
	background-color: #C52D2F;
}



/***********************************************************
* Home Page
*/
#featured {
	padding-top: 90px;
}
#featured .container {
	background: #F5E9DC;
	padding-top: 30px;
	padding-bottom: 30px;
	border-radius: 20px 20px 0 0;
	position: relative;
}
.featured_content {
	text-align: center;
	margin-top: 90px;
	color: #2e2e2e;
}
.featured_content h4 {
	line-height: 1.5;
}
.featured_img {
	top: -90px;
	left: 50%;
	position: absolute;	
}
.featured_img img {
	position: relative;
	left: -50%;
	background: #FFF;
	padding: 0 5px 10px 0;
	width: 250px;
	border-radius: 50%;
	margin: auto;
	margin-bottom: 40px;
	box-shadow: 0 0 30px 3px #DEB689;
}
.get_start {
	bottom: -20px;
	left: 50%;
	position: absolute;
}
.get_start h4 {
	position: relative;
	left: -50%;
}
.get_start h4 a {
	background: #D39249;
	color: #2E2E2E;
	padding: 5px 50px;
	border-radius: 30px;
	text-decoration: none;
	border-bottom: 2px solid #c7c7c7;
}
.get_start h4 a:hover {
	background: #2E2E2E;
	color: #D29046;
}

#home_slide {
	position: relative;
	padding: 5px;
	border: 1px solid #D0D0D0;
	margin-top: 20px;
	-moz-box-shadow: 0px 0px 8px 0px #A7A7A7;
	-webkit-box-shadow: 0px 0px 8px 0px #A7A7A7;
	box-shadow: 0px 0px 8px 0px #A7A7A7;
}
.carousel-inner>.item>img, .slide_bg {
	width: 100%;
	height: 500px;
}
#home_banner {
	background-color: #F2F2F2;
	background-image: url("img/home/graph_bg.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0;
	display: none;
}
#home_banner .row img {
	padding: 3px;
	background: #FFF;
}
#home_banner2 {
	background-color: #fff;
	padding-bottom: 30px;
}
#home_banner2 .row img {
	padding: 10px;
	background: #FFF;
	border: 1px solid #D7D7D7;
}
#home_banner3 {
	position: fixed;
	top: 75px;
	right: 5px;
	z-index: 9999;
	display: none;
}
#home_banner3 span {
	position: absolute;
	top: -15px;
	right: 0;
	cursor: pointer;
}
#home_banner3 img{
	padding: 10px;
	background: #FFF;
	border: 1px solid #D7D7D7;
}
#quick_link {
	background: #000 url("img/home/quick_link.png");
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 10px;
	color: #fff;
	font-size: 2em;
}
#quick_link .row {
	text-align: center;
}
#quick_link .row .col-xs-3 {
	margin-bottom: 20px;
}
#quick_link .row a {
	color: inherit;
	text-decoration: none;
}
#quick_link .row a:hover {
	color: #D43F3A;
}
.graph_left {
	text-align: right;
}
.graph_right {
	text-align: left;
}
#distribution {
	margin-top: 70px;
}
#distribution_bg {
	background-color: #f2f2f2;
	background-image: url("img/home/world-bg.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.update_block {
	border: 1px solid #D7D7D7;
	background: #FFF;
	margin-bottom: 40px;
	border-top: none;
}
.update_head {
	padding: 10px 10px 5px 20px;
	color: #FFF;
	font-size: 18px;
	background: #428BCA;
	border-radius: 5px 5px 0 0;
	border-bottom: 3px solid #2A6496;
}
.update_head span {
	margin-right: 10px;
}
.update_body {
	padding: 5px;
}
.update_body img {
	width: 100%;
	height: 100%;
}
.update_body .img_set {
	width: 200px;
	height: 200px;
	margin: auto;
}
.img_set img {
	padding: 5px;
	border: 1px solid #D7D7D7;
}
.update_content {
	padding: 5px 10px;
	border-top: 1px solid #D7D7D7;
}
.update_content span {
	margin-right: 5px;
}
.update_content a {
	cursor: pointer;
	color: #4e4e4e;
}
.update_content a:hover {
	color: #000;
}


/***********************************************************
* banner
*/
.banner {
	padding: 20px;
	text-align: center;
	background: #FFF;
	margin-bottom: 30px;
	border: 1px solid #DDD;
	border-radius: 5px;
}
.banner img {
	height: 100%;
	width: 100%;
	max-height: 200px;
	max-width: 200px;
}


/***********************************************************
* Feature
*/
.text_topic {
	font-size: 2.2em;
	/*text-align: center;
	margin-bottom: 5px;*/
	/*color: #5ABD5C;*/
	color:#ffffff;
	text-transform: uppercase;
	font-family: 'cordiaupcregular', Gadget, sans-serif;
}
.text_topic_detail {
	font-size: 1.3em;
	line-height: 100%;
	font-weight: 400;
	color: #fffcfc;
}
.content_area {
	/*padding-bottom: 20px;*/	
	font-size: 1em;
	line-height: 24px;
	font-weight: 400;
	padding-left: 10px;
	padding-right: 10px;
}
.content_area h4 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.content_border {
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 20px;
}
.text_head {
	position: relative;
	/*text-align: center;*/
	margin-bottom: 70px;
}
.text_link {
	cursor: pointer;
}
.text_new {
	font-size: 10px;
	vertical-align: middle;
}
.text_buttom_from {
	text-align: center;
}
.desaturate { 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}





/***********************************************************
* Footer
*/
/* #site_map {
	background: #F5F5F5;
	border-top: 1px solid #E2E2E2;
	font-family:'cordiaupcregular',Helvetica,sans-serif;
	font-size: 0.9em;
	padding-top: 20px;
	padding-bottom: 30px;
} */
#site_map {
	background: #666;
	border-top: 1px solid #E2E2E2;
	font-family:'cordiaupcregular',Helvetica,sans-serif;
	font-size: 0.9em;
	padding-top: 20px;
	padding-bottom: 30px;
}
#site_map .row h4, #site_map .row h4 a {
	/* color: #000; */
	font-size: 1.3em;
	text-transform: uppercase;
	margin-top: 25px;
	font-weight: 400;
}
#site_map .row ul li {
	color: #C52D2F;
}
#site_map .row ul li a {
	/* color: #808080; */
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
}
#site_map .row ul li a:hover {
	color: #C52D2F;
}
#footer {
	padding: 30px 0;
	color: #F5F5F5;
	background: #2E2E2E;
	border-top: 5px solid #C52D2F;
	text-align: center;
}


/***********************************************************
* About
*/
.about_head {
	height: 400px;
	position: relative;
	background-image: url('img/about/cover_about.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.about_img {
	margin-bottom: 20px;
	width: 100%;
	height: 100%;
}
#about_energy {
}
.tab_text {
	margin-right: 80px;
}
#profile {
	margin-top: -50px;
	padding-top: 50px;
}


/***********************************************************
* Contact
*/

#contact_gmap {
	background-color: #eee;
	background-image: url("img/contact/map_bg.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.map_border {
	border: 10px solid #F6F5F0;
	border-radius: 50%;
	height: 350px;
	width: 350px;
	box-shadow: 0px 0px 3px 3px #E7E4DC;
	overflow: hidden;
	position: relative;
	padding: 0;
}
.contact_notify_text {
	margin-bottom: 20px;
}
#contact_jobs {
}
.table_center {
	text-align: center;
}
.table_content {
	margin-bottom: 20px;
}


/***********************************************************
* Products
*/
#product_fan {
}
.product_topic {
	padding: 20px 50px;
	background: #C52D2F;
	color: #fff;
}
.product_img {
	margin-top: 40px;
}
.fan_floor, .fan_table, .fan_wall, .fan_ceiling {
	margin-bottom: 30px;
}

.fan_bg_corlor_1 {
	background: #60A917;
}
.fan_bg_corlor_2 {
	background: #008900;
}
.fan_bg_corlor_3 {
	background: #0050EE;
}
.fan_bg_corlor_4 {
	background: #6D6EE8;
}
.fan_bg_corlor_5 {
	background: #D80073;
}
.fan_bg_corlor_6 {
	background: #A10024;
}
.fan_bg_corlor_7 {
	background: #F0A309;
}
.fan_bg_corlor_8 {
	background: #E3C800;
}
.fan_bg_corlor_9 {
	background: #647586;
}
.fan_bg_corlor_0 {
	background: #76608A;
}

.fan_img_bg {
	display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 100% 0 0 0;
  overflow: hidden;
	cursor: pointer;
	overflow: visible;
	border: 1px solid #2E2E2E;
	background: #fff;
}
.fan_img_bg:hover {
	background: #fff;
}
.fan_img_body {
	position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
	padding: 20px;
}
.product_tile {
}
.product_tile:hover {
	-moz-box-shadow: 0px 0px 20px 5px #000000;
	-webkit-box-shadow: 0px 0px 20px 5px #000;
	box-shadow: 0px 0px 20px 5px #000;
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
}
.product_name {
	padding: 15px;
	width: 100%;
	font-size: 1em;
	color: #fff;
	background: #2E2E2E;
}
.product_name .left {
	color: #C52D2F;
}
#filters {
	text-align: center;
	margin-bottom: 0.1rem;
	font-size:0.8rem !important;
}
#filters .btn {
	margin-bottom: 1rem;
	border-radius: 0px;
	background: none;
	color: #26A59A;
	/*font-weight: bold;*/
	text-shadow: none;
	border: 1px solid #00BD5C;
	width:5rem;
	font-size:0.8rem !important;
	
}
#filters .btn:hover, #filters .btn.active {
	background: #5ABD5C;
	color: #fff;
	font-size:0.8rem !important;
}
.product_cover {
	height: 400px;
	position: relative;
}
.product_head {
	height: 100%;
	background-image: url('img/products/cover_fan.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.cover_front {
	position: absolute;
	max-width: 100%;
	max-height: 75%;
	left: 5%;
	bottom: 0;
}
.blur {
	-webkit-filter: blur(1.5px);
  -moz-filter: blur(1.5px);
  -o-filter: blur(1.5px);
  -ms-filter: blur(1.5px);
  filter: blur(1.5px);
}
.product_tech .content_area {
	display: table;
	border-bottom: 1px solid #ddd;
	margin-bottom: 65px;
	padding-bottom: 0;
}
.product_tech .content_area .left {
	float: left;
}
.product_tech .content_area .right {
	float: right;
}
.product_tech .content_area img {
	border-radius: 8px 8px 0 0;
}
.product_block {
	padding: 30px;
	background: #FFF;
	border-radius: 5px;
	margin: 0 0 30px;
	border: 1px solid #C9C9C9;
}
.block_left {
	margin-right: 20px;
	float: left;
}
.block_left img {
	height: 100px;
	width: 100px;
}
.block_body {
	color: #333;
}
.block_body p {
	min-height: 50px;
}
.block_head {
	margin: 10px 0;
	font-weight: bold;
	font-size: 1.1em;
}
.product_series .preview img {
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 10px;
}

#series {
	margin-bottom: 30px;
}
#series a {
	text-align: center;
	margin-bottom: 20px;
	color: #4E4E4E;
}
#series a:hover {
	color: #2e2e2e;
	text-decoration: none;
}
#series a p {
	font-size: 1.3em;
	margin-top: 10px;
}
#series img {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 1px;	
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
#series img:hover {
	border: 1px solid #2E2E2E;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}
#series img.active {
	border: 1px solid #C52D2F;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}
.preview .col-xs-6 {
	margin-bottom: 30px;
}
.preview .full_img {
	position: absolute;
	top: 5px;
	right: 20px;
	color: #2E2E2E;
}
.product_img_bg {
	display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 100% 0 0 0;
  overflow: hidden;
	cursor: pointer;
	overflow: visible;
	border: 1px solid #2E2E2E;
	background: #fff;
}
.product_img_bg .img-responsive {
	width: auto;
}


/***********************************************************
* Annual
*/
#annual_budget {
}
.split {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.budget_bg_img {
	background-image: url('img/annual/annual_1.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.budget_block {
	background-color: #FFF;
	color: rgba(0, 0, 0, 0.45);
	width: 50%;
	float: left;
	margin-left: 50%;
	min-height: 550px;
}
.budget_content {
	float: left;
	padding: 100px 50px 50px 100px;
}
.budget_name {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 48px;
	line-height: 48px;
	color: rgba(0, 0, 0, 0.65);
	width: 100%;
	padding-bottom: 33px;
	margin-bottom: 28px;
	color: #333;
}
.annual_dropdown {
	padding: 20px 0;
}
.annual_link_download {
	position: absolute;
	bottom: 20px;
	cursor: pointer;
	text-decoration: underline;
}
#annual_report {
}
.report_bg_img {
	background-image: url('img/annual/annual_2.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.report_block {
	background-color: #FFF;
	color: rgba(0, 0, 0, 0.45);
	width: 50%;
	float: left;
	min-height: 550px;
}
#annual_budget .dropdown-toggle, #annual_budget .dropdown-toggle {
	width: 100%;
}
#annual_budget .dropdown-menu {
	height: 180px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	margin-top: 10px;
}
#annual_budget .dropdown-menu li, #annual_report .dropdown-menu li {
	cursor: pointer;
}


/***********************************************************
* Activities
*/
#activities, #act_view {
}
#activities .container {
	padding-top: 50px;
}
#bx-pager {
	text-align: center;
	padding-top: 20px;
}
#bx-pager a.active img {
	border: solid #5280DD 1px;
}
#bx-pager img {
	width: 100px;
	padding: 3px;
	border: solid #CCC 1px;
}
.act_block {
	position: relative;
	height: 250px;
	margin-bottom: 30px;
}
.act_block img {
	width: 100%;
	height: 100%;
}
#activities .col-xs-12.col-sm-6.col-md-4 {
	padding: 0;
}
.act_block{font-size:0.2em !important;}
.act_block .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 0;
	background: #028B87;
	color: #fff;
	vertical-align: middle;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	padding: 30px;
}
.act_block:hover .overlay {
	opacity: 0.85;
}
.act_block .act_inner {
	top: 0;
	background: rgba(0, 0, 0, 0);
	opacity: .8;
	width: 100%;
	border-radius: 0;
	margin-bottom: 0;
}
.act_block .act_inner h3 {
	margin: 10px 0;
}
.act_block .act_inner h3 a {
	font-size: 24px;
	color: #FFF;
}
.act_block .overlay .preview {
	bottom: 0;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	border-radius: 0;
	background: rgba(0, 0, 0, 0);
	text-align: center;
	color: #FFF;
	cursor: pointer;
	margin-left: 5px;
}
.act_view_back {
	margin-right: 20px;
}
.act_view_back span {
	cursor: pointer;
	font-size: 25px;
	color: #C52D2F;
}
#csr_award {
	padding-top: 70px;
}



/***********************************************************
* Investor Relations
*/

.content_area .block {
	border: 1px solid #c7c7c7;
	border-bottom: none;
	padding: 10px;
}
.content_area .content {
	padding: 20px 15px;
	background: #e7e7e7;
	border: 1px solid #c7c7c7;
	color: #333;
	cursor: default;
	margin-bottom: 30px;
	text-align: center;
}
.sec_sub_menu {
	text-align: center;
	padding-top: 60px;
}
.sec_sub_menu .btn:hover, .sec_sub_menu .btn.active {
	background: #C52D2F;
	color: #FFF;
}
.sec_sub_menu .btn {
	margin-bottom: 20px;
	border-radius: 0px;
	background: none;
	color: #C52D2F;
	font-weight: normal;
	text-shadow: none;
	border: 1px solid #C52D2F;
}
.annual_download {
	cursor: pointer;
	color: #999;
	font-weight: bold;
}
.annual_download:hover {
	text-decoration: underline;
	color: #666;
}
.annual_content {
	text-align: center;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 50px;
	border: 1px solid #d7d7d7;
}
.annual_topic {
	color: #C52D2F;
	font-weight: bold;
}
.img_year {
	padding-top: 15px;
}
.annual_year {
	text-align: center;
	padding-top:5px;
}
.shadow_preview {
	-webkit-box-shadow: 3px 3px 5px 0px #666;
	box-shadow: 3px 3px 5px 0px #666;
}
.shadow_cover {
	-webkit-box-shadow: 2px 2px 8px 0px #666;	
	box-shadow: 2px 2px 8px 0px #666;	
}
.img-pdf {
	width: 30px;
	margin-right: 5px;
}
.annual_right a {
	cursor: pointer;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #fff;
}
.annual_right a:hover {
	color: #C52D2F;
	border: 1px solid #d7d7d7;
	text-decoration: none;
}
#form56 {
	background: #f2f2f2;
}
.table_head {
	font-size: 1.2em;
	background-color:#AECAE3;
}
.ir_contact_at {
	border: 1px solid #D7D7D7;
	padding: 10px;
}



/***********************************************************
* Corporate Governance
*/
.more_less .text_more {
	display:  none;
}
#committee .content_area .block {
	border: 1px solid #c7c7c7;
	border-bottom: none;
	padding: 20px;
	padding-bottom: 0;
}
#committee .content_area .block img {
	width: 200px;
	margin: auto;
}
#committee .content_area .content {
	padding: 15px;
	background: #F0F0F0;
	border: 1px solid #c7c7c7;
	color: #333;
	cursor: default;
	margin-bottom: 30px;
	text-align: left;
}
#committee .content_area .content .topic {
	margin: 0;
	/*font-weight: bold;
	color: #00A99D;*/
	text-align:center;
	color:#003CFF;
}
#committee .content_area .content .detail {
	padding-top: 15px;
	font-size: 0.9em;
}
.word_wrap {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.word_wrap2 {
     overflow: hidden;
     text-overflow: ellipsis;
     height: 84px !important;
}
.sub_content {
	padding: 30px 0;
	margin-bottom: 20px;
}
.sub_content h4 {
	margin: 20px 0;
	padding-bottom: 10px;
	font-weight: bold;
	color: #CE4844;
	border-bottom: 1px solid #DDD;
}
#accordion .panel-heading a {
	/*color:#39C;*/
	/*font-weight: bold;*/
}
#accordion .panel-heading a:hover {
	text-decoration: none;
	color:#900;
	font-size: 1.5em;
}
#accordion .position{
	text-decoration: none;
	color:#5ABD5C;
	font-size: 1.5em;
	font-weight: bold;	
}

#accordion table {
	margin: 20px 0;
}
#accordion table th {
	font-weight: normal;
	font-size: 1em;
	border: none;
}
#accordion .block_download {
	margin-bottom: 30px;
}



/***********************************************************
* Set screen
*/
@media (max-width: 767px) {
	html, body, div, li, span, a {font-size: 16px;}
	
	body > section {
		padding: 50px 0;
	}
	#header {
		background-image: none;
		background-color: #C52D2F;
		border-bottom: 1px solid #661819;
		padding-top: 0;
	}
	
	
	#header .dropdown-menu>li>a {
		color: #fff;
		font-size: 0.85em;
	}
	#header .dropdown-menu>li>a:hover {
		color: #fff;
		background: #D43F3A;
	}
	
	
	.header_on_top, .header_on_scroll {
	}
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a.short {
		border-bottom: 1px solid #C94143;
		padding: 10px 15px;
	}
	.navbar-default .navbar-nav>li>a>.glyphicon {
		display: inline-block;
		font-weight: normal;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #000;
		padding-left: 50px;
	}
	.text_head {
		
	}
	.tab_text {
		margin-right: 40px;
	}
	.map_border {
		height:280px;
		width: 280px;
	}
	.sub_menu {
		display: none;
	}
	.budget_content {
		padding: 25px;
	}
	.news_circle {
		display: none;
	}
	.news_topic {
		font-size: 18px;
		margin-bottom: 25px;
	}
	.news_block {
		height: auto;
	}
	.budget_bg_img {
		position: relative;
		height: 500px;
		width: 100%;
	}
	.budget_block {
		margin-left: 0px;
		width: 100%;
	}
	.report_bg_img {
		position: relative;
		height: 500px;
		width: 100%;
	}
	.report_block {
		margin-left: 0px;
		width: 100%;
	}
	.new_line {
		display: none;
	}
	.graph_left, .graph_right {
		text-align: center;
		margin-bottom: 20px;
	}
	.head_lang {
		display: none;
	}
	.product_tech .content_area img {
		width: 200px;
	}
	
	
	.affix,.affix-top {
      	position:fixed;
  	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	html, body, div, li, span, a {font-size: 18px;}
	
	.head_lang {
		position: absolute;
		right: 30px;
		top: 7px;
		cursor: pointer;
	}
	
	.navbar-default .navbar-nav {
		font-size: 16px;
		margin: 0 15px 0 0;
	}
	.logo_name {
		font-size: 12px;
	}	
	.map_border {
		height:280px;
		width: 280px;
	}
	.budget_content {
		padding: 50px;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 5px 10px;
		font-size: 0.85em;
	}
}

/*Desktop*/
@media (min-width: 992px) and (max-width: 1199px)  {
	html, body, div, li, span, a {font-size: 18px;}
	#header_right{
		margin-right:20px;	
	}
	
	#midCol.affix-top {
      	position:fixed;
  	  	/*width:265px;*/
		width:100%;
  	  	margin-right:10px;
  	}  
  	#midCol.affix {position:static;width:100%;}	
	#menu-left{ font-size:24px; font-weight:bolder;}	
	#myModalLabel{ font-size:24px;}	
	#myModalButton{ font-size:24px;}
	
	
	.head_lang {
		position: absolute;
		right: 30px;
		top: 7px;
		cursor: pointer;
	}
	
	.navbar-default .navbar-nav>li>a {
		padding: 5px 20px;
		font-size: 1em;
	}
	.navbar-default .navbar-nav {
		margin: 0 15px 0 0;
		font-size: 13px;
	}
	.logo_name {
		font-size: 13px;
	}
	.map_border {
		height: 350px;
		width: 350px;
	}
	.budget_content {
		padding: 80px;
	}
	
	
	#sidebar li a {
		cursor: pointer;
		display: block;
		padding: 5px 5px;
		position: relative;
		width: 200px;
		/*height: 4px;*/
		text-decoration: none;
		z-index: 1;
	}
	
	
	
}

/*Desktop*/
@media (min-width: 1200px) {
	html, body, div, li, a, p {font-size: 24px;}

	
	#header_right{margin-right:20px;}
	#midCol.affix-top {
      	position:fixed;
  	  	/*width:265px;*/
		width:100%;
  	  	margin-right:10px;
  	} 
	 
  	#midCol.affix {position:static;width:100%;}	
	
	#menu-left{ font-size:24px; font-weight:bolder;}	
	#myModalLabel{ font-size:24px;}	
	#myModalButton{ font-size:24px;}
	
	
	
	.head_lang {
		position: absolute;
		right: 30px;
		top: 7px;
		cursor: pointer;
	}	
	.navbar-default .navbar-nav>li>a {
		padding: 5px 25px;
		font-size: 1em;
	}
	.logo_name {
		display: block;
		font-size: 18px;
	}
	.logo {
		float: left;
	}
	
	.budget_content {
		padding: 80px;
	}

	
	
#sidebar li a {
	cursor: pointer;
	display: block;
	padding: 5px 5px;
	position: relative;
	width: 250px;
	/*height: 4px;*/
	text-decoration: none;
	z-index: 1;
}
	

	.kye-text-space{padding-left:50px;}
	.kye-top-space{padding-top:50px;}
	.kye-bottom-space{padding-bottom:50px;}	
	.kye-footer-space{padding-bottom:70px;}	
	.table{font-size:24px !important;}
	
	.kye-free-space-1{height:200px !important;}
		
}