@charset "utf-8"; /* CSS Document */ /*@font-face { font-family: 'FreesiaUPC'; src: url('fonts/FreesiaUPC/UPCFB_0.TTF'); src: url('fonts/FreesiaUPC/UPCFB_0.eot?#iefix') format('embedded-opentype'), url('fonts/FreesiaUPC/dtacbold.woff') format('woff'), url('fonts/FreesiaUPC/UPCFB_0.TTF') format('truetype'), url('fonts/FreesiaUPC/UPCFB_0.svg#DtacBold') format('svg'); } */ @font-face { font-family: 'PSLKittithadaSP'; src: url('fonts/PSLKittithadaSP/PSL094SP.TTF'); } #Header{ width: 965px; margin: 0px auto; position: relative; background-image:url(Menu/images/bg-menu.jpg); background-repeat:repeat-x; background-position:bottom; } #box{ width:150px; height:250px; position:fixed; top:0px; left:5px; z-index:99; } #Content{ width: 965px; min-height:500px; margin: 0px auto; position: relative; background-color:#fefcf4; text-align:left; } #RecentProject { width: 965px; height: 211px; z-index: 0; position: absolute; /* background-image: url(images/index/index_13.jpg); background-position: bottom center; background-repeat: repeat-x; */ top: 400px; } #News{ width: 965px; height:290px; margin-top:180px; background-color:#fefcf4; text-align:left; } ul#column_news{ padding: 10px; margin-left:0px; margin-top:10px; width:280px; float:left; } ul#column_news li { display: block; } #Service{ width:965px; height:450px; margin-top:0px; background-color:#fefcf4; text-align:left; } ul#column_Service{ padding: 10px; margin-left:20px; margin-top:10px; float:left; } ul#column_Service li { display: block; } #footer{ width:965px; min-height:235px; margin-top:0px; background-color:#303030; text-align:left; } ul#column_footer{ padding: 10px; margin-top:10px; float:left; } ul#column_footer li { display: block; } body { margin: 0px auto; } td, p, div{ font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color:#333333;} img{ border:0; } .txt-white {color: #ffffff;} .txt-red {color: red;} .txt-blue {color: #004a98;} .txt-brown {color: #935600;} .txt-16 {font-size: 16pt;} .txt-14 {font-size: 14pt;} .txt-12 {font-size: 12pt;} .txt-11 {font-size: 11pt;} .txt9 {font-size: 9pt;} .txt8 {font-size: 8pt;} .txt6 {font-size: 6pt;} .txt-PSLKittithadaSP{ font-family: PSLKittithadaSP, Verdana, Geneva, sans-serif; font-size: 20pt; color:#333; font-weight:bold; letter-spacing:1px; line-height:19px;} .txt-header { font-family: PSLKittithadaSP, Verdana, Geneva, sans-serif; font-size: 20pt; color:red; font-weight:bold; letter-spacing:1px; line-height:19px;} .txt-header-white { font-family: PSLKittithadaSP, Verdana, Geneva, sans-serif; font-size: 20pt; color:white; font-weight:bold; letter-spacing:1px; line-height:19px;} .txt-product-red { font-family: PSLKittithadaSP, Verdana, Geneva, sans-serif; font-size: 17pt; color:red; font-weight:bold; letter-spacing:1px; line-height:19px;} .txt-clipvdo { font-family: PSLKittithadaSP, Verdana, Geneva, sans-serif; font-size: 15pt; color:#333; font-weight:bold; letter-spacing:1px; line-height:19px;} .txt-port-blue { font-family: PSLKittithadaSP, Verdana, Geneva, sans-serif; font-size: 17pt; color:#00305a; font-weight:bold; letter-spacing:1px; line-height:19px;} .border {border: 4px solid #CCC; padding:1px;} .line{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d5d5d5;} .LR10 {padding-right: 10px; padding-left: 10px;} .LR20 {padding-right: 20px; padding-left: 20px;} .LR60 {padding-right: 60px; padding-left: 60px;} .LRTB8 {padding:8px;} .LRTB10 {padding:10px;} .LRTB20 {padding:20px;} .L20 {padding-left: 20px;} .L30 {padding-left: 30px;} .L40 {padding-left: 40px;} .L60 {padding-left: 60px;} .L70 {padding-left: 70px;} .L80 {padding-left: 80px;} .copyright {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #666;} A:link#white {font-family: Arial, Helvetica, sans-serif;font-size: 10pt; COLOR:#dddddd; TEXT-DECORATION: none;} A:visited#white {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;COLOR:#dddddd; TEXT-DECORATION: none;} A:hover#white {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;COLOR:#ffc600; TEXT-DECORATION: NONE; } A:active#white {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;COLOR:#dddddd; TEXT-DECORATION: none;} A:link#white9 {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;COLOR:#dddddd; TEXT-DECORATION: none;} A:visited#white9 {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;COLOR:#dddddd; TEXT-DECORATION: none;} A:hover#white9 {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;COLOR:#ffc600; TEXT-DECORATION: NONE; } A:active#white9 {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;COLOR:#dddddd; TEXT-DECORATION: none;} A:link#white8 {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;COLOR:#dddddd; TEXT-DECORATION: none;} A:visited#white8{font-family: Arial, Helvetica, sans-serif;font-size: 8pt;COLOR:#dddddd; TEXT-DECORATION: none;} A:hover#white8 {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;COLOR:#ffc600; TEXT-DECORATION: NONE; } A:active#white8 {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;COLOR:#dddddd; TEXT-DECORATION: none;} A:link#gray8 {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;COLOR:#333; TEXT-DECORATION: none;} A:visited#gray8{font-family: Arial, Helvetica, sans-serif;font-size: 8pt;COLOR:#333; TEXT-DECORATION: none;} A:hover#gray8 {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;COLOR:#57ba5e; TEXT-DECORATION: NONE; } A:active#gray8 {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;COLOR:#333; TEXT-DECORATION: none;} A:link#red {COLOR:#ff0000; TEXT-DECORATION: none;} A:visited#red {COLOR:#ff0000; TEXT-DECORATION: none;} A:hover#red {COLOR:#ffc600; TEXT-DECORATION: none;} A:active#red {COLOR:#ff0000; TEXT-DECORATION: none;} A:link#blue {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;COLOR:#1f448c; TEXT-DECORATION: none;} A:visited#blue {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;COLOR:#1f448c; TEXT-DECORATION: none;} A:hover#blue {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;COLOR:#ffc600; TEXT-DECORATION: none;} A:active#blue {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;COLOR:#1f448c; TEXT-DECORATION: none;} a:link { color: #1f448c; text-decoration:none} a:visited { color: #1f448c; text-decoration:none} a:hover { color: red;} a:active { color: #1f448c; text-decoration:none} .circle { border-radius: 50%; width: 200px; height: 200px; /* width and height can be anything, as long as they're equal */ } .radius8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 5px; -webkit-box-shadow: 0px 1px 5px 2px rgba(9, 9, 9, 0.2); box-shadow: 0px 1px 5px 2px rgba(9, 9, 9, 0.2); margin:6px; } .radius4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 1px 1px rgba(9, 9, 9, 0.2); box-shadow: 0px 1px 1px 1px rgba(9, 9, 9, 0.2); margin:4px; } .radius8_bg { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 5px; -webkit-box-shadow: 0px 1px 5px 2px rgba(9, 9, 9, 0.2); box-shadow: 0px 1px 5px 2px rgba(9, 9, 9, 0.2); margin:6px; background: rgb(226,226,226, 0.5); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .bg-gray{ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ } .bg-black{ background: rgb(69,72,77); /* Old browsers */ background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } /* This button was generated using CSSButtonGenerator.com */ .number_page { -moz-box-shadow:inset 0px 1px 0px 0px #fceaca; -webkit-box-shadow:inset 0px 1px 0px 0px #fceaca; box-shadow:inset 0px 1px 0px 0px #fceaca; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) ); background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41'); background-color:#ffce79; -webkit-border-top-left-radius:20px; -moz-border-radius-topleft:20px; border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topright:20px; border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomright:20px; border-bottom-right-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomleft:20px; border-bottom-left-radius:20px; text-indent:0.66px; border:1px solid #eeb44f; display:inline-block; color:#ffffff; font-family:Arial; font-size:13px; font-weight:bold; font-style:normal; height:30px; line-height:30px; width:22px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ce8e28; } .number_page:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeaf41), color-stop(1, #ffce79) ); background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79'); background-color:#eeaf41; }.number_page:active { position:relative; top:1px; } /* This button was generated using CSSButtonGenerator.com */ .bg-menu-left { background: rgb(96,108,136); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjA2Yzg4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } /* This button was generated using CSSButtonGenerator.com */ .number_page { -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9; -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9; box-shadow:inset 0px 1px 0px 0px #bee2f9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) ); background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf'); background-color:#63b8ee; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #3866a3; display:inline-block; color:#14396a; font-family:Arial; font-size:13px; font-weight:bold; font-style:normal; height:25px; line-height:25px; width:25px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #7cacde; } .number_page:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) ); background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee'); background-color:#468ccf; }.number_page:active { position:relative; top:1px; } /* This button was generated using CSSButtonGenerator.com */ .button-gray { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -webkit-border-top-left-radius:13px; -moz-border-radius-topleft:13px; border-top-left-radius:13px; -webkit-border-top-right-radius:13px; -moz-border-radius-topright:13px; border-top-right-radius:13px; -webkit-border-bottom-right-radius:13px; -moz-border-radius-bottomright:13px; border-bottom-right-radius:13px; -webkit-border-bottom-left-radius:13px; -moz-border-radius-bottomleft:13px; border-bottom-left-radius:13px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:Arial; font-size:14px; font-weight:bold; font-style:normal; height:47px; line-height:47px; width:150px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; } .button-gray:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.button-gray:active { position:relative; top:1px; } /* This button was generated using CSSButtonGenerator.com */ .All_news { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:40px; line-height:40px; width:100%; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; } .All_news:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.All_news:active { position:relative; top:1px; } /* This button was generated using CSSButtonGenerator.com */ .menu-left { background-image:url(images/bg-menu.jpg); background-repeat: repeat-x; height:37px; color: #FFF; line-height:37px; padding-left:15px; } .menu-left ul li { color: #FFF; text-decoration:none; padding-left:30px; } .menu-left ul a li { color: #FFF; text-decoration:none; } .menu-left ul a:hover li { color: #f92f00; text-decoration:none; background-image:url(images/bg-menu-hover.jpg); background-repeat: repeat-x;; } .bg-content{ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(239,239,239,1) 59%, rgba(228,228,228,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(59%,rgba(239,239,239,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 59%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 59%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 59%,rgba(228,228,228,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 59%,rgba(228,228,228,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-8 */ }