/* CSS Document */

* {font-size:100%;}

body{background:#5f626c; text-align:center; margin:0; padding:0; }

img {vertical-align:top;}
a img { border:0;}


.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; color:#5c5f64;}

input, select { vertical-align:middle; font-weight:normal;}

.logo1 a, .logo2 a, h5, .link a {color:#fff}


/* ============================= header ====================== */
#header{ background:url(../img/header-tai.gif) top repeat-x;}
#header .text{ font-size:0.923em; line-height:1em; color:#ffffff; float:right; padding:5px 0 0 0; text-align:right;}
#header .logo{ padding:29px 0 0 47px;}
#header .menu{ padding:0 0 0 17px;}

/* ============================= content ====================== */
.title_pro{font-size:24px;font-weight:bold;}
.title_tech{font-size:16px;font-weight:bold;padding-left:160px;}
.text_base{text-align: justify}
.block_1
{

	float:left;
	max-width:500px;
	padding:0px 0px 0px 0px;
	margin:10px 10px 13px 16px;
}

.block_2
{
	float:left;
	width:700px;
	padding:0px 0px 0px 0px;
	margin:0px 10px 13px 150px;
}

#my_ul li a
{
	font-size:20px;
}


#my_ul li 
{
	 font-size:1.077em;
}
	
.row-2{ background:#ffffff;}
.row-2 .indent{ padding:0px 23px 0px 22px;margin:0px 23px 0px 22px;}






.box1{ background:url(images/box1-border.gif) top repeat-x #ffffff; width:100%; z-index:0;}
.box1 .left-border{ background:url(images/box1-border.gif) left repeat-y; width:100%;}
.box1 .right-border{ background:url(images/box1-border.gif) right repeat-y; width:100%;}
.box1 .bot-border{ background:url(images/box1-bot-border.gif) bottom repeat-x; width:100%;}
.box1 .left-top{ background:url(images/box1-corner-left-top.gif) left top no-repeat; width:100%;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) right top no-repeat; width:100%;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) left bottom no-repeat; width:100%;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box1 .indent{ padding:10px 10px 17px 10px;}
.box1 .indent2{ padding:24px 10px 17px 23px;}
.box1 .title{ margin:14px 4px 18px 4px; border-bottom:solid 1px #c4c4c4;}
.box1 .text{ line-height:1.385em; padding-left:13px;}
.box1 .link{ margin-top:24px !important;}

.box2{ background:url(images/box2-tail.gif) top repeat-x #e8e6e3; width:100%; }
.box2 .left-border{ background:url(images/box1-border.gif) left repeat-y; width:100%;}
.box2 .right-border{ background:url(images/box1-border.gif) right repeat-y; width:100%;}
.box2 .bot-border{ background:url(images/box1-border.gif) bottom repeat-x; width:100%;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat; width:100%;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat; width:100%;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat; width:100%;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2 .indent{ padding:26px 20px 18px 20px; line-height:1.385em;}
.box2 .indent2{ padding:0 0 0 5px;}
.box2 .title{ border-bottom:solid 2px #c2c0be; margin-bottom:25px;}
.box2  .text{ line-height:1.538em;}

.box3{ background:url(images/box3-tail.gif) top repeat-x #f2860e; width:100%;}
.box3 .left-border{ background:url(images/box3-border.gif) left repeat-y; width:100%;}
.box3 .right-border{ background:url(images/box3-border.gif) right repeat-y; width:100%;}
.box3 .bot-border{ background:url(images/box3-bot-border.gif) bottom repeat-x; width:100%;}
.box3 .left-top{ background:url(images/box3-corner-left-top.gif) left top no-repeat; width:100%;}
.box3 .right-top{ background:url(images/box3-corner-right-top.gif) right top no-repeat; width:100%;}
.box3 .left-bot{ background:url(images/box3-corner-left-bot.gif) left bottom no-repeat; width:100%;}
.box3 .right-bot{ background:url(images/box3-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box3 .indent{ padding:19px 25px 18px 25px;}
.box3 .title{ border-bottom:solid 2px #c2c0be; margin-bottom:25px;}

.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:31px; margin-bottom:27px;}
.unline2{ background:url(images/unline2.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:22px;}
.clients{ line-height:1.385em;}
.text2{ font-size:1.154em; line-height:1.467em; }


/* ============================= page5 ===========================*/
#page5 .row-1 .column-2{ margin-left:43px;}
#page5 .row-1 .col-2{ margin-left:37px;}
#page5 .row-2 .col-2{ margin-left:55px;}
#page5 .row-2 .col-3{ margin-left:46px;}


/* ============================= footer ====================== */
#footer{ border-top:solid 5px #323d59; background:#5f626c; color:#ffffff; font-size:0.923em;}
#footer .main{ text-align:center; padding-top:25px;}
#footer a{ color:#ffffff;}

/* ============================= forms ============================= */

#ContactForm{ padding-top:33px;}
#ContactForm .col-1{ width:320px !important;}
#ContactForm .col-2{ width:296px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:52px;}
#ContactForm input{ border:solid 1px #adafb1; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:1px 0 2px 3px; width:245px;}
#ContactForm textarea{ border:solid 1px #adafb1; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:1px 0 0 3px; width:290px; height:123px; overflow:hidden;}
#ContactForm .margin1{ margin:18px 18px 0 0 !important;}
#ContactForm .margin2{ margin:18px 26px 0 0 !important;}






.main { width:1000px; margin:0 auto; text-align:left;background-color:re;}

#header {height:162px;}

#footer { height:75px;}

.column-1, .column-2, .column-3, .col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

.row-2 .column-1{ width:265px;}
.row-2 .column-2{ width:641px;}

/* ============================= page5 ===========================*/
#page5 .row-1 .column-1{ width:451px;}
#page5 .row-1 .column-2{ width:440px;}
#page5 .row-1 .col-1, #page5 .row-1 .col-2{ width:205px;}
#page5 .row-2 .col-1, #page5 .row-2 .col-2, #page5 .row-2 .col-3{ width:170px;}


*html .row-1 .column-1 .bx-component-border {padding:1px 0; border-left:none; border-right:none;}
*html .row-1 .column-2 .bx-component-border {padding:1px 0; border-left:none; border-right:none;}
*html .row-2 .column-1 .bx-component-border {width:auto;}
*html .row-2 .column-2 .bx-component-border {width:auto;}
.row-2  .bx-component-panel {top:0;}
.row-1 .bx-component-panel {top:0;}
#header .bx-component-panel {top:0;}