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

body, tr, td{margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#FFF; background:#0d1226;}
body{border-top:3px solid #e50000;}

img{border:none;}
ul, li{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6, p{margin:0;}

.clear{clear:both;}

.language-th{background:url(../images/icon-th.png); width:27px; height:13px; display:block;}
.language-en{background:url(../images/icon-en.png); width:27px; height:13px; display:block;}
.language-th:hover, .language-en:hover{background-position:0 -13px;}

.bg-lv1{background:url(../images/bg-main-lv1.gif) bottom repeat-x;}
.bg-lv2{background:url(../images/bg-main-lv2.jpg) bottom center no-repeat;}

.bg-pages-lv1{background:url(../images/bg-page-lv1.gif) bottom repeat-x; padding-bottom:40px;}

.wrap-head{margin:0 auto; width:1000px; overflow:auto;}
.logo{float:left; padding:10px 0 0 0;}
.wrap-call{float:right; padding:15px 0 0 0; width:600px;}
.wrap-call ul{overflow:auto;}
.top-language{float:right; width:27px;}
.top-call{float:right; padding:3px 0 3px 10px;}
.top-txt{float:right; width:180px; font-size:11px; text-align:right; color:#CCC;}

#main{background:#131c3c url(../images/bg-main.jpg) top center no-repeat;}
#main .logo-main{position:relative; width:1000px; margin:0 auto;}
#main .logo-main div{position:absolute; top:10px; left:0; z-index:9999;}
#main .wrap-nav{margin:0 auto; width:1000px;}
#main #banner .type{position:absolute; z-index:100; top:80px;}


/*---nav---*/
.nav ul{overflow:auto; float:right; padding:10px 0 0 0;}
.nav li{float:left;}
.navblank{background:url(../images/bg-nav.png) top right no-repeat; padding-right:20px; margin-right:10px;}
.nava{background:url(../images/nav-a.png); width:81px; height:20px; display:block;}
.navb{background:url(../images/nav-b.png); width:89px; height:20px; display:block;}
.navc{background:url(../images/nav-c.png); width:196px; height:20px; display:block;}
.navd{background:url(../images/nav-d.png); width:73px; height:20px; display:block;}
.nave{background:url(../images/nav-e.png); width:54px; height:20px; display:block;}
.nava:hover, .navb:hover, .navc:hover, .navd:hover, .nave:hover{background-position:0 -20px;}

.sub-nav-products{overflow:auto; padding:20px 0 0 50px;}
.sub-nav-products li{float:left; width:100px; font-size:11px; margin:0 15px;}
.sub-nav-products p{border-top:1px dashed #CCC; padding:5px 0; margin-top:5px; color:#FFF;}


.subnav-products{overflow:auto;}
.subnav-products li{float:left; padding:30px 15px 15px 15px; width:300px; color:#CCC; border-bottom:1px dashed #666;}
.subnav-wrap{overflow:auto;}
.subnav-images{width:120px; height:60px; background:#CCC; float:left;}
.subnav-detail{float:left; width:160px; padding:0 5px 5px 15px; height:73px;}
.subnav-detail h2{font-size:12px; padding-bottom:5px; font-weight:bold;}
.subnav-detail span{color:#FFF; font-weight:lighter; font-size:11px;}
.subnav-detail h2 a{color:#2fa0ff; text-decoration:none; font-weight:bold;}
.subnav-detail h2 a:hover{color:#FFF;}
.subnav-detail p{font-size:12px; padding-top:3px;}
.subnav-detail p a{color:#CCC; text-decoration:none;}
.subnav-detail p a:hover{color:#FFF;}
.subnav-products .subnav-last{border:none;}

/*---head pages---*/
.head-style, .head-style-pages{margin:0 auto; width:1000px; text-align:right; padding:20px 0; border-top:1px solid #FFF;}
.head-style h1{font-family: 'Stoke', serif; color:#FFF; font-weight:lighter;}
.head-style-pages h1{font-family: 'Stoke', serif; color:#FFF; font-weight:lighter; font-size:18px;}

/*---main products tabs---*/
.main-tabs{float:left; width:740px; height:150px;}


/*---main content---*/
.main-content{background:url(../images/bg-main-border.gif) top repeat-x;}
.main-content-detail{padding:20px 40px 0 20px; font-size:12px; overflow:auto;}
.main-con-images{float:left; padding:0 20px 0 0;}
.main-con-text{float:right; width:470px;}
.main-con-text a{color:#44a0ff; text-decoration:underline;}
.main-con-text h2{font-size:18px; font-weight:lighter;}
.main-con-text h2 a{color:#44a0ff; text-decoration:none;}
.main-con-text h2 a:hover, .main-con-text a:hover{color:#C00;}
.main-con-text p{padding:5px 0; line-height:18px;}
.main-content strong{color:#44a0ff;}
.main-wrap{margin:0 auto; width:1000px; background:#FFF; height:170px;}

.main-about{width:220px; height:170px; background:#e8ecf1; float:right; font-size:12px; text-align:center; padding:0 20px;}
.main-about p{line-height:18px; text-align:center; color:#333; margin:0;}

/*---main tab menu---*/
.main-tab-products{overflow:auto;}
.main-tab-products li{float:left; width:135px; border-right:1px solid #35456b; border-bottom:1px solid #35456b; text-align:center; font-weight:bold;}
.main-tab-products li a{color:#44a0ff; text-decoration:none; height:22px; padding:3px 0 0 0; display:block;}
.main-tab-products li a:hover{background:#ec0000; color:#FFF;}

/*---about---*/
#about{background:#131c3c url(../images/bg-main.jpg) top center no-repeat;}
#about .wrap{margin:0 auto; width:1000px; font-size:12px;}
#about .content{line-height:22px; background:url(../images/img-about-3.jpg) top right no-repeat; padding-right:600px;}
#about .content h2{font-size:16px; font-weight:bold; line-height:22px; padding:5px 0 20px 0;}
#about .content .txt1{padding:10px 0; line-height:20px;}
#about .content .txt2{padding:60px 0 10px 0; line-height:20px;}
#about .content .txt1 strong, #about .content .txt2 strong{font-size:18px;}
.about-list{float:left;}
.about-list ul{overflow:auto; padding-left:20px; }

.about-list li{float:left; padding:10px;}
.about-list li:hover .about-products-name{background:#e00000; color:#FFF;}
.about-thumb{width:100px; height:80px; background:#999;}
.about-products-name{background:#5477a4; width:95px; font-size:11px; color:#FFF; padding:5px 0 5px 5px;}


/*---products---*/
.products{margin:0 auto; width:1000px; padding:20px 0 30px 0;}
.products a{display:block;}
.products ul{overflow:auto; padding:20px 0 0 0;}
.products li{width:300px; margin:5px 15px; float:left;}
.products h2{font-size:14px; color:#FFF; padding:5px 0 5px 0;}
.products span{font-size:12px; color:#abceff;}
.products p{font-size:14px; padding:20px; line-height:22px; color:#CCC;}
.products-links{padding:10px; text-align:right; font-size:12px; border-top:1px dashed #CCC;}
.products-links a{color:#FFF; text-decoration:none; background:url(../images/icon-detail.gif) top right no-repeat; padding-right:20px;}

.bg-h-products{background:url(../images/bg-head-products.png) bottom repeat-x; height:50px; padding:5px 10px;}
.products li:hover .bg-h-products{background:url(../images/bg-head-products-hover.png) bottom repeat-x;}

.products li:hover .products-links a{background:url(../images/Untitled-2-hover.gif) top right no-repeat; color:#44a0ff;}
.products-thumb a{background:url(../images/fade-thumb.png) bottom repeat-x; height:150px;}
.products-detail-main{min-height:80px;}

.products-detail-left{float:left; width:300px;}

.products-detail-list{}
.products-detail-list ul{padding-bottom:10px;}
.products-detail-list li{border-bottom:1px dashed #CCC; padding:0 20px 0 40px; font-size:12px; background:url(../images/icon-arrow.gif) top left no-repeat; font-weight:bold;}
.products-detail-list li:hover{background:url(../images/icon-arrow-hover.gif) top left no-repeat;}
.products-detail-list a{color:#FFF; text-decoration:none; padding:5px 0; display:block;}
.products-detail-list a:hover{color:#44a0ff;}
.products-detail-list:hover h2{color:#FFF;}
.products-detail-list h2{font-size:16px; padding:5px 0; margin:0; border-bottom:2px solid #44a0ff; color:#44a0ff;}

.products-detail-con ul {margin:0; padding:10px 0 0 25px;}
.products-detail-con ul li{padding:0 0 5px 0; margin:0; font-size:14px; font-weight:lighter;}
.products-detail-con ul li ul{padding:0 0 10px 25px;}
.products-detail-con ul li ul li{padding:5px 35px;}

#products-detail{background:#131c3c url(../images/bg-main.jpg) top center no-repeat;}
#products-detail .clear-style{overflow:auto;}
#products-detail .right-con{float:right; width:620px; padding:0 0 40px 40px; border-left:1px dashed #FFF;}
#products-detail .right-con h3{padding:0 0 0 25px; margin:20px 0 10px 0; color:#FFF; background:url(../images/icon-style2.gif) top left no-repeat;}
#products-detail .right-con p{padding:10px 0 0 20px; line-height:22px;}
#products-detail .line{border-top:#FFF solid 4px; padding:5px 20px;}
#products-detail .right-con ul{overflow:auto; font-size:12px; color:#FFF; font-weight:bold;}

#products-detail .right-con .table-style1a li{width:124px; text-align:center; float:left; padding:10px 0; background:#44a0ff;}
#products-detail .right-con .table-style1b{overflow:auto; font-size:11px; border-top:1px dashed #CCC;  border-left:1px dashed #CCC;  border-bottom:1px dashed #CCC;}
#products-detail .right-con .table-style1b li{width:123px; border-right:1px dashed #999; text-align:center; float:left; padding:10px 0;}

#products-detail .right-con .table-style2a li{width:310px; text-align:center; float:left; padding:10px 0; background:#44a0ff;}
#products-detail .right-con .table-style2b{overflow:auto; font-size:11px; border-left:1px dashed #CCC;}
#products-detail .right-con .table-style2b li{width:308px; border-right:1px dashed #999; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; text-align:center; float:left; padding:10px 0;}

#products-detail .right-con .table-style3a li{width:310px; text-align:center; float:left; padding:10px 0; background:#44a0ff;}
#products-detail .right-con .table-style3b{overflow:auto; font-size:11px; border-left:1px dashed #CCC;}
#products-detail .right-con .table-style3b li{width:308px; border-right:1px dashed #999; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; text-align:center; float:left; padding:10px 0;}

#products-detail .right-con .table-style4a li{width:620px; text-align:center; float:left; padding:10px 0; background:#44a0ff;}
#products-detail .right-con .table-style4b{overflow:auto; font-size:11px; border-left:1px dashed #CCC;}
#products-detail .right-con .table-style4b li{width:618px; border-right:1px dashed #999; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; text-align:center; float:left; padding:10px 0;}

#products-detail .right-con .table-style5a li{width:620px; text-align:center; float:left; padding:10px 0; background:#44a0ff;}
#products-detail .right-con .table-style5b{overflow:auto; font-size:11px; border-left:1px dashed #CCC;}
#products-detail .right-con .table-style5b li{width:618px; border-right:1px dashed #999; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; text-align:center; float:left; padding:10px 0;}

#products-detail .right-con .table-style6a li{width:310px; text-align:center; float:left; padding:10px 0; background:#44a0ff;}
#products-detail .right-con .table-style6b{overflow:auto; font-size:11px; border-top:1px dashed #CCC;  border-left:1px dashed #CCC;  border-bottom:1px dashed #CCC;}
#products-detail .right-con .table-style6b li{width:308px; border-right:1px dashed #999; text-align:center; float:left; padding:10px 0;}
/*---recent products---*/

.recent-products{margin:0 auto; width:300px;}
.recent-products a{display:block;}
.recent-products ul{padding:20px 0 40px 0; margin:0;}
.recent-products li{width:300px;}
.recent-products li:hover h2{color:#44a0ff;}
.recent-products h2{font-size:14px; color:#FFF; padding-bottom:10px;}
.recent-products p{font-size:13px; padding:20px;}
.recent-products-links{padding:10px; text-align:right; font-size:12px; background:url(../images/bg-more-1.gif) top repeat-x #f8f8f8;  border-top:1px dashed #CCC;}
.recent-products-links a{color:#666; text-decoration:none; background:url(../images/icon-detail.gif) top right no-repeat; padding-right:20px;}
.recent-products-links a:hover{color:#C00; text-decoration:underline;}
.recent-products li:hover .recent-products-links a{background:url(../images/Untitled-2-hover.gif) top right no-repeat;}
.recent-products-thumb a{background:url(../images/fade-thumb.png) bottom repeat-x; height:150px;}

/*---products detail---*/
.products-detail{margin:0 auto; width:1000px;}

/*---products 4---*/
#products{background:#131c3c url(../images/bg-main.jpg) top center no-repeat;}
#products .top-image-wrap{margin:0 auto; width:1000px;}
.products-4 ul{overflow:auto;}
.products-4 li{float:left;}
.products-4a{background:url(../images/products-list-4-1.jpg); width:310px; height:270px; display:block;}
.products-4b{background:url(../images/products-list-4-2.jpg); width:310px; height:270px; display:block;}
.products-4c{background:url(../images/products-list-4-3.jpg); width:310px; height:269px; display:block;}
.products-4d{background:url(../images/products-list-4-4.jpg); width:310px; height:269px; display:block;}
.products-4a:hover, .products-4b:hover{background-position:0 -270px;}
.products-4c:hover, .products-4d:hover{background-position:0 -269px;}

/*---btn---*/
.btn-view-products{background:url(../images/btn-view-products.png); width:176px; height:34px; display:block;}
.btn-services{background:url(../images/btn-services.png); width:206px; height:34px; display:block;}
.btn-view-products:hover, .btn-services:hover{background-position:0 -34px;}

.btn-share{background:url(../images/btn-shared.png); width:141px; height:21px; display:block;}
.btn-print{background:url(../images/btn-print.png); width:62px; height:21px;}
.btn-share:hover, .btn-print:hover{background-position:0 -21px;}


/*---contact---*/
#contact{background:#131c3c url(../images/bg-pages.jpg) top center no-repeat;}
#contact .wrap{margin:0 auto; width:1000px;}
.contact-wrap{margin:0 auto; width:1000px; background:#FFF; padding:10px 0 40px 0;}
.contact-wrap-right{float:right; width:380px; padding:20px 40px 0 0; line-height:22px;}
.contact-wrap-right h2{padding:15px 0 10px 0; color:#44a0ff;}
.contact-wrap-right ul{overflow:auto; padding:20px 0; border-top:1px dashed #CCC; margin-top:20px;}
.contact-wrap-right li{float:left;}
.contact-wrap-right strong{color:#44a0ff;}

.contact{overflow:auto; color:#CCC;}
.contact .left-position{float:left; width:500px; line-height:20px; padding-bottom:40px; border-right:1px dashed #FFF; padding-right:50px;}
.contact .left-position h2{font-size:16px; color:#FFF;}
.contact .left-position strong{color:#FFF;}
.contact .left-position a{color:#59bbff; text-decoration:none;}
.contact .map{float:right; width:380px; padding:80px 0 0 0;}

/*---footer---*/
.footer{margin:0 auto; width:1000px; font-size:11px; color:#CCC; line-height:18px; background:url(../images/bg-footer.gif) top no-repeat;}
#products-detail .footer{margin:0 auto; width:1000px; font-size:11px; color:#CCC; line-height:18px; background:url(../images/bg-footer.gif) top no-repeat;}
.footer strong{color:#44a0ff;}
.footer-wrap{overflow:auto; padding:15px 0 10px 0;}
.footer-content{float:left; width:700px; padding:5px 0 10px 0;}
#products-detail .footer-content ul{overflow:auto; font-size:11px; font-weight:lighter;}
.footer-content ul{overflow:auto;}
.footer-address{float:left; width:350px;}
.footer-tel{float:left; width:130px;}
.footer-mail{float:left; width:150px;}
.footer-mail a{color:#CCC; text-decoration:none; padding:0; margin:0;}
.footer-social{float:right;}
.footer-social ul{overflow:auto;}
.footer-social li{float:right;}

.foot-fb{background:url(../images/icon-fb.png); width:30px; height:30px; display:block; margin-right:5px;}
.foot-tt{background:url(../images/icon-tt.png); width:30px; height:30px; display:block;}
.foot-fb:hover, .foot-tt:hover{background-position:0 -30px;}

/*---banner---*/
.banner-howto{background:url(../images/howto-banner.jpg); width:300px; height:211px; display:block;}
.banner-howto:hover{background-position:0 -211px;}