* { margin:0; padding:0; }

html, body { 
	margin:0 auto;
	padding:0;
	height:100%; 
	font-family:Tahoma, Arial, sans-serif; 
	font-size:13px;
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
	position:relative;
}

#main-bg { overflow:hidden; z-index:-1; }
.bg-template { height:800px; }
.bg-template2 { height:850px; }
#main-bg div { background-position:center top; background-repeat:no-repeat; /*display:none;*/ }
#main-bg .active { /*display:block;*/ height:918px; }
#main-bg .background-01 { background-image:url('/images/bg/bg01.jpg'); }
#main-bg .background-02 { background-image:url('/images/bg/bg02.jpg'); }
#main-bg .background-03 { background-image:url('/images/bg/bg03.jpg'); }
#main-bg .background-04 { background-image:url('/images/bg/bg04.jpg'); }
#main-bg .background-05 { background-image:url('/images/bg/bg05.jpg'); }


div.center { width:970px; margin:0 auto; }

button { height:20px; line-height:20px; font-size:12px; font-family:Tahoma, Arial, sans-serif;  }

dl { background:0 none; }

input.input-txt { /*height:18px;*/ line-height:18px; border:1px solid #ccc; font-size:12px; font-family:Tahoma, Arial, sans-serif; color:#555; }

.btn1 { height:22px; line-height:22px; color:#fff; font-weight:bold; font-size:11px; border:0 none; overflow:visible; background:none; text-decoration:none; cursor:pointer; }
.btn1:hover { text-decoration:none; color:#ccc; }
.btn1 span { display:block; background:url('/images/button/bt-search2.gif') no-repeat right top; height:22px; padding-right:4px; }
.btn1 span span { display:block; background:url('/images/button/bt-search1.gif') no-repeat; padding-left:10px; line-height:22px; }
.btn1 span span.b-inside-th { width:30px; }
.btn1 span span.b-inside-en { width:50px; }

.btn2 { background-color:#0d2a62; font-size:10px; padding:2px 3px; color:#fff; border:0 none; overflow:visible; font-weight:bold; cursor:pointer; }

.btn3 { color:#fff; padding:3px 5px; font-weight:bold; font-size:11px; text-decoration:none; }
.btn3:hover, .btn3:active { color:#FFCD63; text-decoration:none; }

a { /*color:#003178;*/ color:#E57100; text-decoration:none; }
a:hover, a:active { color:#E57100; text-decoration:underline; }

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

.push20px { line-height:20px; height:20px; }

div.dotted { height:1px; background:url('/images/bg/bg-dotted.gif') repeat-x left center; padding:10px 0; }

#main-content { position:absolute; top:0; width:100%; z-index:1; }


#top-bar {
	background:url('/images/bg/bg-top-bar.jpg') repeat-x;
	height:31px;
	line-height:31px;
	color:#ffffff;
}
#top-bar .center { background:url('/images/bg/bg-lang-bar.jpg') no-repeat right top; height:31px; }
#top-bar h1 { font-size:13px; font-weight:normal; float:left; }
#top-bar .top-menu { width:550px; padding-right:10px; }

#top-bar .top-menu .t-menu {  }
#top-bar .top-menu .t-menu a { color:#fff; text-decoration:none; }
#top-bar .top-menu .t-menu a:hover { color:#FECD63; }
#top-bar .top-menu .t-menu a img { border:0 none; padding:0px 5px; margin-top:5px; }

#top-bar .top-menu #switch-lang {  }
#top-bar .top-menu #switch-lang a { width:16px; height:12px; overflow:hidden; background:url('/images/icon/ic-flag.gif') no-repeat; text-decoration:none; display:block; float:right; margin:8px 2px; }
#top-bar .top-menu #switch-lang a.lang-th-active { background-position:0 0; margin-left:10px; }
#top-bar .top-menu #switch-lang a.lang-en-active { background-position:-16px 0; /*margin-right:12px;*/ }
#top-bar .top-menu #switch-lang a.lang-th { background-position:0 -12px; margin-left:10px; }
#top-bar .top-menu #switch-lang a.lang-en { background-position:-16px -12px; /*margin-right:12px;*/ }
#top-bar .top-menu #switch-lang a.lang-th:hover { background-position:0 0; }
#top-bar .top-menu #switch-lang a.lang-en:hover { background-position:-16px 0; }

#top-bar .top-title {  } 
#top-bar .top-title a { padding:5px; } 

#head-zone { clear:both; height:115px; position:relative; }
#head-zone .f-right { text-align:right; }

#head-zone .search { padding:12px 0; color:#fff; font-weight:bold; }
#head-zone .search select { width:135px; font-family:Tahoma, Arial, sans-serif; }

#exat-logo { position:absolute; top:5px; left:0; }

/*.menu-th ul li a { display:block; background:url('/images/menu/main-menu.gif') no-repeat; height:23px; line-height:23px; text-decoration:none; }*/
/*.menu-th ul li.link1 a { width:94px; background-position:0 0; }
.menu-th ul li.link1 a:hover, .menu-th ul li.link1 a.active { background-position:0 -23px; }

.menu-th ul li.link2 a { width:36px; background-position:-94px 0; }
.menu-th ul li.link2 a:hover, .menu-th ul li.link2 a.active { background-position:-94px -23px; }

.menu-th ul li.link3 a { width:73px; background-position:-130px 0; }
.menu-th ul li.link3 a:hover, .menu-th ul li.link3 a.active { background-position:-130px -23px; }

.menu-th ul li.link4 a { width:63px; background-position:-203px 0; }
.menu-th ul li.link4 a:hover, .menu-th ul li.link4 a.active { background-position:-203px -23px; }

.menu-th ul li.link5 a { width:78px; background-position:-266px 0; }
.menu-th ul li.link5 a:hover, .menu-th ul li.link5 a.active { background-position:-266px -23px; }

.menu-th ul li.link6 a { width:97px; background-position:-344px 0; }
.menu-th ul li.link6 a:hover, .menu-th ul li.link6 a.active { background-position:-344px -23px; }

.menu-th ul li.link7 a { width:89px; background-position:-441px 0; }
.menu-th ul li.link7 a:hover, .menu-th ul li.link7 a.active { background-position:-441px -23px; }

.menu-th ul li.link8 a { width:80px; background-position:-530px 0; }
.menu-th ul li.link8 a:hover, .menu-th ul li.link8 a.active { background-position:-530px -23px; }

.menu-th ul li.link9 a { width:66px; background-position:-610px 0; }
.menu-th ul li.link9 a:hover, .menu-th ul li.link9 a.active { background-position:-610px -23px; }

.menu-th ul li.link10 a { width:69px; background-position:-676px 0; }
.menu-th ul li.link10 a:hover, .menu-th ul li.link10 a.active { background-position:-676px -23px; }

.menu-th ul li.link11 a { width:77px; background-position:-745px 0; }
.menu-th ul li.link11 a:hover, .menu-th ul li.link11 a.active { background-position:-745px -23px; }*/

.text-run { clear:both; width:835px; height:25px; line-height:25px; border:1px solid #fff;  margin-top:5px; text-align:left; position:relative; z-index:5; }
.text-run .bg { filter: Alpha(Opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:25px; background-color:#000; }
.text-run .text { position:absolute; top:0; left:0; } 
.text-run .mask { overflow:hidden; position:relative; width:825px; left:5px; }

ul#running-text { color:#fff; position:relative; width:3000px; padding:0; left:850px; }
ul#running-text li { float:left; margin:0; padding:0; list-style:none; }
ul#running-text li span { margin:0 40px 0 0; }
ul#running-text li strong { margin:0 10px 0 0; } 
ul#running-text li a { color:#55b0ff; text-decoration:none; margin:0 10px 0 0; }
ul#running-text li a:hover { color:#55b0ff; text-decoration:underline; }

div.page { clear:both; margin:5px 0; padding:3px; /*width:715px;*/ }
div.page ul { margin:0; padding:0; list-style:none; float:right; }
div.page ul li { display:block; float:left; padding:2px; }
div.page ul li a, 
div.page ul li span { padding:0 5px; display:block; text-decoration:none; color:#0063b9; font-size:10px; border:1px solid #ddd; background-color:#fcfcfc; }
div.page ul li a:hover, div.page ul li.active span { background-color:#ff6600; color:#fff; }

div.page ul li.text { padding:3px 7px; font-size:11px; font-weight:bold; color:#696969; }

div.page ul li.prev span, div.page ul li.next span { background-color:#bababa; color:#fff; font-weight:bold; }
div.page ul li.prev a, div.page ul li.next a { background-color:#338bd7; color:#fff; font-weight:bold; }
div.page ul li.prev a:hover, div.page ul li.next a:hover { background-color:#ff6600; }


#content { height:525px; position:relative; width:960px; }

#content1 { width:960px; height:600px; margin-bottom:30px; position:relative; }
#content1 .bg { width:960px; height:600px; background:url('/images/bg/bg-content.png') no-repeat; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
#content1 .div-content { position:absolute; top:0; left:0; padding:10px 15px; width:930px; }
#content1 .div-content .nav { font-size:13px; color:#1b6acb; padding:0 5px; height:18px; line-height:18px; overflow:hidden; width:918px; }
#content1 .div-content .nav a { color:#1b6acb; text-decoration:none; }
#content1 .div-content .nav a:hover { text-decoration:underline; color:#E57100;}

#content1 #content-inside { width:930px; }
#content1 #content-inside h2 { padding-left:45px; line-height:45px; margin-bottom:5px; font-size:17px; font-weight:normal; overflow:hidden; }
#content1 #content-inside .show-content { height:510px; overflow-x:hidden; overflow-y:auto; line-height:18px; color:#565656; }


#content2 { width:960px; height:600px; margin-bottom:30px; position:relative; }
#content2 .bg { width:960px; height:600px; background:url('/images/bg/bg-content2.png') no-repeat; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
#content2 .bg.multimedia { background:url('/images/bg/bg-content3.png') no-repeat; }
#content2 .div-content { position:absolute; top:0; left:0; padding:10px 15px; width:930px; }
#content2 .div-content .nav { font-size:13px; color:#1b6acb; padding:0 5px; height:18px; line-height:18px; overflow:hidden; width:918px; }
#content2 .div-content .nav a { color:#1b6acb; text-decoration:none; }
#content2 .div-content .nav a:hover { text-decoration:underline; color:#E57100; }

#content2 #content-inside { width:735px; }
#content2 #content-inside h2 { padding-left:45px; height:45px; line-height:45px; margin-bottom:5px; font-size:17px; font-weight:normal; overflow:hidden; }
#content2 #content-inside .show-content { /*width:715px;*/ height:510px; overflow-x:auto; overflow-y:auto; line-height:18px; color:#565656; }
#content2 #content-inside .pad { padding:0 10px; }

#content-404 { width:960px; height:570px; margin-bottom:30px; position:relative; }
#content-404 .bg { width:960px; height:570px; background:url('/images/bg/bg-content4.png') no-repeat; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
#content-404 .div-content { position:absolute; top:0; left:0; padding:10px 15px; width:930px; padding-top:150px; }
#content-404 .div-content .box { background-color:#e6e9ed; border:2px solid #dbdee3; padding:30px 0 35px 0; width:90%; margin:0 auto; text-align:center; 
-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; }
#content-404 .div-content .box .error { background:url('/images/icon/ic-error.png') no-repeat; width:64px; height:64px; margin:0 auto; padding-bottom:10px; }
#content-404 .div-content .box .t1 { font-size:30px; font-weight:bold; }
#content-404 .div-content .box .t2 { font-size: 25px; margin-bottom:20px; }
#content-404 .div-content .box .t3 { line-height:25px; }
#content-404 .div-content .box .t4 { line-height:25px; }

.edit-date { padding:0 5px; color:#457A00; line-height:23px; margin-bottom:15px; }

.gallery-content { clear:both; margin:15px 0; padding:20px 0; background:url('/images/bg/bg-dotted.gif') repeat-x left top; }
.gallery-content ul { margin:0; padding:0; list-style:none; }
.gallery-content ul li { display:block; width:33%; float:left; }
.gallery-content ul li .thumb { width:154px; margin:0 auto; height:82px; background:url('/images/bg/bg-thumb.jpg') no-repeat center center; }
.gallery-content ul li .thumb a { border:1px solid #ccc; padding:1px; display:block; }
.gallery-content ul li .thumb a:hover { border:1px solid #E57100; }
.gallery-content ul li .thumb img { width:150px; height:80px; border:0 none; }
.gallery-content ul li .desc { text-align:center; padding:10px 0; }

.questionnaire {  }
.questionnaire h3 { color:#457A00; }

.questionnaire .detail { padding:10px 15px; background-color:#eee; }
.questionnaire .detail strong { display:block; }
.questionnaire .detail span { font-size:12px; }

.list-question { margin:0 5px; }
.list-question .head-question { margin-top:5px; font-weight:bold; }
.list-question .body-question { margin:0 15px; } 
.list-question .button-question { margin:5px 0; text-align:center; }

/**************************************** กล่องเนื้อหาหน้าแรก ******************************************/
.home-news { width:540px; height:436px; position:relative; /*display:none;*/ }
.home-news .bg { background:url('/images/bg/bg-home-content.png') no-repeat; width:540px; height:436px; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
.home-news .div-content { position:absolute; top:0; left:0; padding:10px 15px; width:510px; }
.home-news .div-content .d-top { height:45px; padding-top:5px; background:url('/images/bg/bg-line.gif') no-repeat center bottom; }
.home-news .div-content .d-top h2 { background:url('/images/head/head-news2.gif') no-repeat; width:111px; height:38px; text-indent:-9999px; }
.home-news .div-content .d-middle { height:325px; overflow-y:auto; overflow-x:hidden; }
.home-news .div-content .d-bottom { clear:both; text-align:right; padding-top:15px; background:url('/images/bg/bg-line.gif') no-repeat center top; }

.home-services { width:540px; height:436px; position:relative; display:none; }
.home-services .bg { background:url('/images/bg/bg-home-content.png') no-repeat; width:540px; height:436px; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
.home-services .div-content { position:absolute; top:0; left:0; padding:10px 15px; width:510px; }
.home-services .div-content .d-top { height:45px; padding-top:5px; background:url('/images/bg/bg-line.gif') no-repeat center bottom; }
.home-services .div-content .d-top h2 { background:url('/images/head/head-services.gif') no-repeat; width:91px; height:34px; text-indent:-9999px; }
.home-services .div-content .d-middle { height:325px; overflow-y:auto; overflow-x:hidden; }
.home-services .div-content .d-bottom { clear:both; text-align:right; padding-top:15px; background:url('/images/bg/bg-line.gif') no-repeat center top; }

.home-projects { width:540px; height:436px; position:relative; display:none; }
.home-projects .bg { background:url('/images/bg/bg-home-content.png') no-repeat; width:540px; height:436px; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
.home-projects .div-content { position:absolute; top:0; left:0; padding:10px 15px; width:510px; }
.home-projects .div-content .d-top { height:45px; padding-top:5px; background:url('/images/bg/bg-line.gif') no-repeat center bottom; }
.home-projects .div-content .d-top h2 { background:url('/images/head/head-projects.gif') no-repeat; width:92px; height:41px; text-indent:-9999px; }
.home-projects .div-content .d-middle { height:325px; overflow-y:auto; overflow-x:hidden; }
.home-projects .div-content .d-bottom { clear:both; text-align:right; padding-top:15px; background:url('/images/bg/bg-line.gif') no-repeat center top; }

.home-gallery { width:540px; height:436px; position:relative; display:none; }
.home-gallery .bg { background:url('/images/bg/bg-home-content.png') no-repeat; width:540px; height:436px; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
.home-gallery .div-content { position:absolute; top:0; left:0; padding:10px 15px; width:510px; }
.home-gallery .div-content .d-top { height:45px; padding-top:5px; background:url('/images/bg/bg-line.gif') no-repeat center bottom; }
.home-gallery .div-content .d-top h2 { background:url('/images/head/head-projects.gif') no-repeat; width:92px; height:41px; text-indent:-9999px; }
.home-gallery .div-content .d-middle { height:325px; overflow-y:auto; overflow-x:hidden; }
.home-gallery .div-content .d-bottom { clear:both; text-align:right; padding-top:15px; background:url('/images/bg/bg-line.gif') no-repeat center top; }

.home-traffic { width:540px; height:436px; position:relative; display:none; }
.home-traffic .bg { background:url('/images/bg/bg-home-content.png') no-repeat; width:540px; height:436px; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
.home-traffic .div-content { position:absolute; top:0; left:0; padding:10px 15px; width:510px; }
.home-traffic .div-content .d-top { height:45px; padding-top:5px; background:url('/images/bg/bg-line.gif') no-repeat center bottom; }
.home-traffic .div-content .d-top h2 { background:url('/images/head/head-traffic.gif') no-repeat; width:160px; height:35px; text-indent:-9999px; margin-top:5px; }
.home-traffic .div-content .d-middle { height:325px; overflow-y:auto; overflow-x:hidden; }
.home-traffic .div-content .d-bottom { text-align:right; padding-top:15px; background:url('/images/bg/bg-line.gif') no-repeat center top; }

/*********************************** รูปแบบการแสดงผลหน้าแรก **************************************/
.thumb-home { margin:0; padding:0; list-style:none; }

.thumb-home li.style1 { clear:both; padding:10px 0; background:url('/images/bg/bg-dotted.gif') repeat-x left bottom; margin:2px 5px; height:85px; }
.thumb-home li.style1.odd { background-color:#F8F6FA; }
.thumb-home li.style1.evan { background-color:#F0F0F0; }
.thumb-home li.style1 .thumb { width:154px; height:82px; background:url('/images/bg/bg-thumb.jpg') no-repeat center center; float:left; margin:0 8px; }
.thumb-home li.style1 .thumb a { border:1px solid #ccc; padding:1px; display:block; }
.thumb-home li.style1 .thumb a:hover { border:1px solid #E57100; }
.thumb-home li.style1 .thumb img { width:150px; height:80px; border:0 none; }
.thumb-home li.style1 strong { margin-bottom:5px; }
.thumb-home li.style1 strong a { color:#0063B9; text-decoration:none; }
.thumb-home li.style1 strong a:hover { color:#FF9966; text-decoration:underline; }
.thumb-home li.style1 .desc { }

.thumb-home li.style2 { width:48%; height:87px; overflow:hidden; float:left; padding:10px 0; background:url('/images/bg/bg-dotted.gif') repeat-x left bottom; margin:0 2px; }
.thumb-home li.style2 .thumb { width:154px; height:82px; background:url('/images/bg/bg-thumb.jpg') no-repeat center center; float:left; margin-right:8px; }
.thumb-home li.style2 .thumb a { border:1px solid #ccc; padding:1px; display:block; }
.thumb-home li.style2 .thumb a:hover { border:1px solid #E57100; }
.thumb-home li.style2 .thumb img { width:150px; height:80px; border:0 none; }
.thumb-home li.style2 strong { margin-bottom:5px; padding-right:5px; }
.thumb-home li.style2 strong a { color:#0063B9; text-decoration:none; }
.thumb-home li.style2 strong a:hover { color:#FF9966; text-decoration:underline; }
.thumb-home li.style2 .desc { padding-right:5px; }

.thumb-home li.style3 { display:block; width:30%; padding:5px 7px; float:left; }
.thumb-home li.style3 .thumb { margin:0 auto; width:154px; height:82px; background:url('/images/bg/bg-thumb.jpg') no-repeat center center; }
.thumb-home li.style3 .thumb a { border:1px solid #ccc; padding:1px; display:block; }
.thumb-home li.style3 .thumb a:hover { border:1px solid #E57100; }
.thumb-home li.style3 .thumb img { width:150px; height:80px; border:0 none; }
.thumb-home li.style3 strong { display:block; height:31px; overflow:hidden; padding-top:5px; }
.thumb-home li.style3 strong a { color:#003178; text-decoration:none; }
.thumb-home li.style3 strong a:hover { text-decoration:underline; color:#0068C9; }
.thumb-home li.style3 .desc { color:#003178; overflow:hidden; height:30px; }

.thumb-home li.style4 { padding:7px 0; margin:1px 0; background:url('/images/bg/bg-dotted.gif') repeat-x left bottom; }
.thumb-home li.style4.odd { background-color:#F8F6FA; }
.thumb-home li.style4.evan { background-color:#F0F0F0; }
.thumb-home li.style4 .thumb { display:none; }
.thumb-home li.style4 strong { padding-left:27px; background:url('/images/icon/ic-bullet2.gif') no-repeat 7px 5px; }
.thumb-home li.style4 strong a { color:#0063B9; text-decoration:none; }
.thumb-home li.style4 strong a:hover { color:#FF9966; text-decoration:underline; }
.thumb-home li.style4 .desc { padding-left:27px; }

/**************************** รูปแบบการแสดงผล **********************************/
/* style horizontal*/
.style-thumb1 { margin:0; padding:0; list-style:none; }
.style-thumb1 li { clear:both; padding:10px 0; background:url('/images/bg/bg-dotted.gif') repeat-x left bottom; margin:2px 5px; height:85px; }
.style-thumb1 li.odd { background-color:none; }
.style-thumb1 li.evan { background-color:#f0f0f0; }
.style-thumb1 li .thumb { width:150px; height:80px; background:url('/images/bg/bg-thumb.jpg') no-repeat center center; border:1px solid #ccc; padding:1px; float:left; margin:0 8px; }
.style-thumb1 li .thumb img { width:150px; height:80px; border:0 none; }
.style-thumb1 li .date { display:none; }
.style-thumb1 li strong { margin-bottom:5px; }
.style-thumb1 li strong a { color:#0063B9; text-decoration:none; }
.style-thumb1 li strong a:hover { color:#FF9966; text-decoration:underline; }
.style-thumb1 li .desc { }

/* style column 2 */
.style-thumb2 { margin:0; padding:0; list-style:none; }
.style-thumb2 li { width:48%; height:87px; overflow:hidden; float:left; padding:10px 0; background:url('/images/bg/bg-dotted.gif') repeat-x left bottom; margin:0 2px; }
.style-thumb2 li .thumb { width:150px; height:80px; background:url('/images/bg/bg-thumb.jpg') no-repeat center center; border:1px solid #ccc; padding:1px; float:left; margin-right:8px; }
.style-thumb2 li .thumb img { width:150px; height:80px; border:0 none; }
.style-thumb2 li .date { display:none; }
.style-thumb2 li strong { margin-bottom:5px; padding-right:5px; }
.style-thumb2 li strong a { color:#0063B9; text-decoration:none; }
.style-thumb2 li strong a:hover { color:#FF9966; text-decoration:underline; }
.style-thumb2 li .desc { padding-right:5px; }

/* style column 4 */
.style-thumb3 { margin:0; padding:0; list-style:none; }
.style-thumb3 li { display:block; width:175px; padding:5px 2px; float:left; background:url('/images/bg/bg-dotted.gif') repeat-x left bottom; margin:5px 2px; height:190px; }
.style-thumb3 li .thumb { margin:0 auto; width:150px; height:80px; background:url('/images/bg/bg-thumb.jpg') no-repeat center center; border:1px solid #ccc; padding:1px; }
.style-thumb3 li .thumb img { width:150px; height:80px; border:0 none; }
.style-thumb3 li .date { display:none; }
.style-thumb3 li strong { display:block; line-height:18px; overflow:hidden; padding-top:5px; height:38px; }
.style-thumb3 li strong a { color:#003178; text-decoration:none; }
.style-thumb3 li strong a:hover { text-decoration:underline; color:#0068C9; }
.style-thumb3 li .desc { color:#003178; overflow:hidden; height:56px; }

/* style list */
.style-thumb4 { margin:0; padding:0; list-style:none; }
.style-thumb4 li { padding:7px 0; margin:1px 0; background:url('/images/bg/bg-dotted.gif') repeat-x left bottom; }
.style-thumb4 li.head { background-color:#0063B9; color:#FFFFFF; padding-left:10px; clear:both; }
.style-thumb4 li.odd { background-color:none; }
.style-thumb4 li.evan { background-color:#f0f0f0; }
.style-thumb4 li .thumb { display:none; }
.style-thumb4 li .date { float:right; padding:0 7px; }
.style-thumb4 li strong { clear:right; }
.style-thumb4 li strong a { color:#0063B9; display:block; text-decoration:none; padding-left:27px; background:url('/images/icon/ic-bullet2.gif') no-repeat 7px 5px; width:575px; }
.style-thumb4 li strong a:hover { color:#FF9966; text-decoration:underline; }
.style-thumb4 li .desc { padding-left:27px; display:none; }

/****************************************************************************/

.traffic-report { width:390px; height:175px; position:relative; }
.traffic-report .bg { background:url('/images/bg/bg-home-traffic-report.png') no-repeat; width:390px; height:175px; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
.traffic-report .div-content { position:absolute; top:0; left:0; }
.traffic-report .div-content .d-top { height:60px; }
.traffic-report .div-content .d-top a { height:40px; display:block; width:110px; margin:10px 10px 0 0; text-decoration:none; }
.traffic-report .div-content .d-middle { height:90px; overflow:hidden; padding:0 15px; }

.traffic-list { margin:0; padding:0; }
.traffic-list li { float:left; display:block; width:43%; background:url('/images/icon/ic-bullet1.gif') no-repeat 0 7px; margin-left:10px; padding:2px 0 2px 8px; }
.traffic-list li .type1 { color:#699101; }
.traffic-list li .type2 { color:#a2a600; }
.traffic-list li .type3 { color:#bf9400; }
.traffic-list li .type4 { color:#bf6400; }
.traffic-list li .type5, .traffic-list li .type6, .traffic-list li .type7 { color:#bf3400; }

/*-------------------------------------------------------*/
.traffic-status {  }
.traffic-status strong { display:block; color:#fff; line-height:25px; padding:0 10px; background-color:#3B61B5; margin:5px 0; }
.traffic-status .list { width:49%; padding:5px 0; border-top:1px solid #eaeaea; }
.traffic-status .row1 { background-color:#fff; }
.traffic-status .row2 { background-color:#f0f0f0; }
.traffic-status .list .road-name { background:url('/images/icon/ic-bullet3.gif') no-repeat 5px 5px; padding-left:20px; }
.traffic-status .list .non { background:none; }
.traffic-status .list .road-stat { padding-left:25px; font-weight:bold; }
.traffic-status .list .type1 { color:#457a00; }
.traffic-status .list .type2 { color:#e57100; }
.traffic-status .list .type3 { color:#ce003e; }
.traffic-status .sep { clear:both; height:10px; }

.person-list { text-align:left; background:url('/images/bg/bg-dotted.gif') repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; display:table; }
.person-list a { text-decoration:none; padding:2px 5px; display:block; width:31%; float:left; color:#003178; }
.person-list a:hover { text-decoration:underline; color:#e57100;}

#left-menu { width:390px; }
#left-menu2 { width:190px; }
#left-menu2 h3 { height:45px; line-height:45px; font-size:15px; color:#1a70db; padding:0 5px; width:180px; overflow:hidden; }
#left-menu2 ul.menu { margin:5px 0 0 0; padding:0 5px; width:175px; height:500px; list-style:none; overflow-x:hidden; overflow-y:auto; }
#left-menu2 ul.menu li { background:url('/images/bg/bg-left-menu.jpg') no-repeat center bottom; line-height:23px; padding:2px 0; }
#left-menu2 ul.menu li a { display:block; line-height:23px; color:#1a70db; text-decoration:none; padding-left:8px; font-size:12px; }
#left-menu2 ul.menu li a:hover, #left-menu2 ul.menu li.active a { color:#fff; background-color:#1a70db; }

#left-menu2 .menu-multimedia { padding:0 5px; width:175px; height:480px; overflow-x:hidden; overflow-y:auto; }
#left-menu2 .menu-multimedia ul.list { margin:0; padding:0; list-style:none; }
#left-menu2 .menu-multimedia ul.list li { background:url('/images/bg/bg-left-menu.jpg') no-repeat center bottom; padding:5px 0; }
#left-menu2 .menu-multimedia ul.list li .thumb { width:120px; height:80px; background:url('/images/bg/bg-thumb.jpg') no-repeat center center; margin:0 auto;  }
#left-menu2 .menu-multimedia ul.list li .thumb a { border:1px solid #ccc; padding:1px; display:block; }
#left-menu2 .menu-multimedia ul.list li .thumb a:hover { border:1px solid #E57100; }
#left-menu2 .menu-multimedia ul.list li .thumb img { width:120px; height:80px; border:0 none; }
#left-menu2 .menu-multimedia ul.list li strong { text-align:center; display:block; padding:3px 0; margin-top:3px; }
#left-menu2 .menu-multimedia ul.list li a { color:#0063B9; text-decoration:none; }
#left-menu2 .menu-multimedia ul.list li a:hover { color:#EE9966; text-decoration:underline; }
#left-menu2 .menu-multimedia ul.list li span { display:block; text-align:center; font-size:11px; line-height:15px; }


.tv-skin { position:relative; width:665px; margin:0 auto; }
.tv-skin .tv-bg { background:url('/images/bg/bg-tv-exat.png') no-repeat; width:665px; height:450px; }
.tv-skin #ClipPlayer { position:absolute; top:45px; left:37px; }


.main-banner { margin:8px 0; height:125px; }
.main-banner .bg { width:191px; height:59px; }
.main-banner .div-content { width:191px; height:59px; position:absolute; top:0; left:0; }
.main-banner .div-content a { display:block; height:100%; text-decoration:none; }

.main-banner .sep-main-banner { height:8px; clear:left; }

.bg-imap, .bg-news, .bg-services, .bg-projects, .bg-gallery, .bg-news1 { width:191px; height:59px; position:relative; }

.bg-imap .bg { background:url('/images/main-banner/bg-main-banner-imap.png') no-repeat; }
.bg-news .bg { background:url('/images/main-banner/bg-main-banner-news.png') no-repeat; }
.bg-services .bg { background:url('/images/main-banner/bg-main-banner-services.png') no-repeat; }
.bg-projects .bg { background:url('/images/main-banner/bg-main-banner-projects.png') no-repeat; }
.bg-gallery .bg { background:url('/images/main-banner/bg-main-banner-gallery.png') no-repeat; }
.bg-news1 .bg { background:url('/images/main-banner/bg-main-banner-news1.png') no-repeat; }

.banner-link { clear:left; width:390px; height:125px; margin:10px 0; position:relative; overflow:hidden; }
.banner-link .bg { background:url('/images/bg/bg-banner.png') no-repeat; width:390px; height:105px; }

.accordion-menu {
	position:absolute;
	top:5px;
	left:3px;
	list-style: none;
	margin: 0;
	padding: 0;
	width:1000px;
	/*border:1px solid #fff;*/
}

.accordion-menu li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.accordion-menu li a {
	display: block;
	overflow: hidden;
	height: 95px;
	width: 18px;
	background:url('/images/bg/bg-tab-banner.jpg') no-repeat; 
}
.accordion-menu li.banner1 a { background-position:0 0; }
.accordion-menu li.banner2 a { background-position:-20px 0; }
.accordion-menu li.banner3 a { background-position:-40px 0; }
.accordion-menu li.banner4 a { background-position:-60px 0; }
.accordion-menu li.banner5 a { background-position:-80px 0; }

.accordion-menu li a img { border:0; padding-left:20px; width:290px; height:95px; }

#acc-active {
	width: 310px;
}


#bottom-menu { height:70px; position:relative; }
#bottom-menu .bg { background-color:#000; filter: Alpha(Opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:70px; }

#content-menu { height:80px; line-height:80px; text-align:center; position:absolute; top:-10px; width:100%; }

#bottom-zone { height:30px; line-height:30px; border-top:1px solid #424147; border-bottom:2px solid #007eff; position:relative; }
#bottom-zone .bg { background-color:#000; filter: Alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7; height:30px; }
#bottom-zone .center { position:absolute; color:#fff; top:0; right:50%; left:50%; margin:0 0 0 -485px; }
#bottom-zone .change-bg { width:300px; padding:0 10px; }
#bottom-zone .change-bg a { text-indent:-9999px; width:10px; height:9px; border:1px solid #7f8686; background-color:#646264; text-decoration:none; font-size:8px; padding:0 4px; margin:0 2px; }
#bottom-zone .change-bg a:hover, #bottom-zone .change-bg a.active { border:1px solid #fff; background:#fff url('/images/bg/bg-button-bg-change.gif') repeat-x left bottom; }

#bottom-zone .e-news { font-size:10px; padding:0 10px; }

#footer { background:#f8f8f8 url('/images/bg/bg-bottom-bar.jpg') repeat-x; border-top:1px solid #fff; height:79px; margin-top:20px; }

.stat { padding:10px 5px; font-size:11px; color:#0068c9; line-height:15px; width:370px; }
.stat p span { width:95px; float:left; }

.web-rank { margin-left:10px; width:125px; height:62px; overflow:hidden; }
.thawte { /*width:61px;*/ height:62px; overflow:hidden; }

.copyright { padding:10px 5px; font-size:11px; line-height:15px; color:#383838; }
.copyright a { color:#0068c9; }
.copyright a:hover { color:#E57100; }
.copyright a img { border:0 none; }

.check-email { margin:0 5px; /*padding-left:17px; background:url('/images/icon/ic-email.gif') no-repeat 0 4px;*/ font-weight:bold;}
.check-email a { color:#FFFFFF; text-decoration:none; }
.check-email a:hover { text-decoration:underline; }

.w3c { vertical-align:middle; margin:3px 10px 0 0; float:left; }
.piesoft { color:#f0f0f0; display:block; margin-top:3px; }
.piesoft a, .piesoft a:hover, .piesoft a:visited { color:#f0f0f0; }

ul.sitemap { margin:0 0 10px 10px; padding:0; list-style:none; }
ul.sitemap li { background:url('/images/icon/ic-bullet2.gif') no-repeat 7px 10px; padding-left:27px; font-weight:bold; padding-top:5px; }
ul.sitemap li a { text-decoration:none; color:#3B61B5; }
ul.sitemap li a:hover { color:#0068c9; text-decoration:underline; }
ul.sitemap li ul { margin:0; padding:0; list-style:none; }
ul.sitemap li ul li { float:left; width:46%; background:url('/images/icon/ic-bullet3.gif') no-repeat 7px 10px; padding-left:23px; font-weight:normal; }
ul.sitemap li ul li a {  }
ul.sitemap li ul li a:hover { color:#E57100; text-decoration:underline; }

.warning { color:#FF0000; }
.nodata { color: #FF0000; font-weight:bold; font-size:14px; text-align:center; }

.tbl-phone { width:100%; }
.tbl-phone tr th { background-color:#0063B9; color:#fff; padding:7px 0; border:1px solid #fff; }
.tbl-phone tr td { padding:5px; border:1px solid #eaeaea; }
.tbl-phone tr td.center { text-align:center; }
.tbl-phone tr.add td { background-color:#fff; }
.tbl-phone tr.evan td { background-color:#f0f0f0; }
.tbl-phone a { text-decoration:none; color:#565656;}
.tbl-phone a:hover{ font-weight:bold; text-decoration:underline; color:#e57100;}


.banner-list {  }
.banner-list ul { margin:0 padding:0; list-style:none; }
.banner-list ul li { width:304px; float:left; padding:5px 3px; }
.banner-list ul li a { padding:1px; border:1px solid #ccc; display:block; }
.banner-list ul li a:hover { border:1px solid #E57100; }
.banner-list ul li a img { border:0 none; width:290px; height:95px; }