body{ font-family:'DBEuroThaiXRegular',Tahoma, Geneva, sans-serif; background:url(../images/bg-header.gif) repeat-x; color:#3d4d59;} h2{color:#5d5d5e;font-weight: normal;font-style: normal;line-height:normal;font-family: 'DBEuroThaiXDemi',Tahoma, Geneva, sans-serif;} h3{font-weight: normal;font-style: normal;line-height:normal;font-family: 'DBEuroThaiXDemi',Tahoma, Geneva, sans-serif;} h4{font-weight: normal;font-style: normal;line-height:normal;font-family: 'DBEuroThaiXDemi',Tahoma, Geneva, sans-serif;} a{ color:#5eae00; text-decoration:none;} a:hover{ color:#3d4d59;} #main{ width:980px; margin:0 auto;} /*end body*/ #header{ width:980px; height:104px;} h1{ background:url(../images/logo.jpg) no-repeat; width:332px; height:104px; float:left;} h1 a{ display:block; width:332px; height:104px; overflow:hidden; text-indent:-200px;} #header ul{ list-style:none; margin:0px; padding:75px 0 0 10px; float:right; width:218px; height:29px; background:url(../images/lang-contact.jpg) no-repeat;} #header ul li{ text-transform:uppercase; font-size:110%; float:left; margin-right:8px;} #header ul li a{color:#727073;} #header ul li a:hover{color:#5eae00;} #header ul li a.selected{color:#5eae00;} /*end header*/ #main-menu{ list-style:none; margin:13px 0px 0px 31px; padding:0px;width:980px;} #main-menu li{ float:left;} #main-menu a{ display:block; height:38px; text-indent:-200px; overflow:hidden;} #nav-home{width:129px;background: url(../images/main-menu.gif) 0px 0px no-repeat;} #nav-press{ width:200px;background: url(../images/main-menu.gif) -129px 0px no-repeat;} #nav-gal{ width:140px;background: url(../images/main-menu.gif) -329px 0px no-repeat;} #nav-pro{ width:245px;background: url(../images/main-menu.gif) -469px 0px no-repeat;} #nav-media{ width:207px;background: url(../images/main-menu.gif) -714px 0px no-repeat;} #nav-home:hover{width:129px;background: url(../images/main-menu.gif) 0px -38px no-repeat;} #nav-press:hover{ width:200px;background: url(../images/main-menu.gif) -129px -38px no-repeat;} #nav-gal:hover{ width:140px;background: url(../images/main-menu.gif) -329px -38px no-repeat;} #nav-pro:hover{ width:245px;background: url(../images/main-menu.gif) -469px -38px no-repeat;} #nav-media:hover{ width:207px;background: url(../images/main-menu.gif) -714px -38px no-repeat;} #nav-home.selected{width:129px;background: url(../images/main-menu.gif) 0px -76px no-repeat;} #nav-press.selected{ width:200px;background: url(../images/main-menu.gif) -129px -76px no-repeat;} #nav-gal.selected{ width:140px;background: url(../images/main-menu.gif) -329px -76px no-repeat;} #nav-pro.selected{ width:245px;background: url(../images/main-menu.gif) -469px -76px no-repeat;} #nav-media.selected{ width:207px;background: url(../images/main-menu.gif) -714px -76px no-repeat;} /*end main-menu*/ #container{ background:url(../images/bg-content.gif); width:943px; overflow:hidden; padding:19px 19px 0 18px;} /*end container*/ #article{ float:left; width:600px;} #banner{ width:600px; height:234px; margin-bottom:18px;} .home h2{ background:url(../images/news-header.png) no-repeat; width:180px; height:31px; overflow:hidden; text-indent:-200px; margin-bottom:13px;} .home ul li{ width: 574px; padding:15px 10px 10px 16px; margin:0 0 13px 0; background:#ffffff; border:1px solid #e6e6e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; overflow:hidden; } .home ul li img{ width:78px; border:1px solid #e7e7e7; float:left;} .home ul li h3{ display:block; float:left;width:470px; padding-left:13px; color:#5eae00;} .home ul li p{ display:block; float:left; width:470px; padding-left:13px; /*font-size:94%;*/ font-size:84%;} .home ul li a{ float:right; color:#b60616;font-weight: normal;font-style: normal;line-height:normal;font-family: 'DBEuroThaiXDemi'; font-size:83%; margin-top:10px;} .home ul li h3 a{ float:left;} .home ul li a:hover{ color:#898989;} .paging{ text-align:right; background:#dfdfdf;font-weight: normal;font-style: normal;line-height:normal;font-family: 'DBEuroThaiXBold'; font-size:93%; padding:0px 10px;} .paging a{ color:#3d4d59;} .paging a:hover{color:#5eae00;} .paging a.selected{ color:#5eae00;} /*end article home*/ /*.request h2{ background:url(../images/article-header.png) -2px 0px no-repeat; width:600px; height:31px; text-transform:capitalize; position:relative; z-index:2; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; font-size:125%; text-align:center; color:#898989; padding-top:9px;}*/ .request h2{ font-size:175%; color:#898989;} .request span{ color:#b60616;} .request em{ font-style:normal; font-size:90%;} .request form{ /*color:#5eae00;*/ color:#898989; margin-left:6px;} .request form fieldset legend{ text-indent:-200px;} .request form fieldset input{ width:553px; height:19px; border:1px solid #a8acad; background:url(../images/bg-text.gif) 0px -1px repeat-x; margin-bottom:12px;} .request form fieldset textarea{ width:553px;border:1px solid #a8acad; margin-bottom:15px;background:url(../images/bg-text.gif) 0px -1px repeat-x;} .request form div{overflow:hidden; margin-bottom:7px;} .request form div span{ float:left; margin-top:15px; margin-top:12px;} .request form div ul{ overflow:hidden; float:right; margin-right:6px;} .request form div ul li{ float:left; position:relative;} .request form div ul li a{ overflow:hidden; text-indent:-200px;} .request form div ul li img{ position:absolute; top:8px; left:44px;} .re-send{ display:block; width:90px; height:32px; background:url(../images/button-form2.png) no-repeat;} .re-send:hover{ background-position:0px -32px;} .re-cancel{ display:block; width:90px; height:32px; background-image:url(../images/button-form2.png); background-position:-90px 0px;} .re-cancel:hover{ background-position:-90px -32px;} .pop{background:none;} .pop-main{ margin:0px auto; margin-top:20px;width:340px; padding:40px 15px 40px 15px; background:#e8f1dc; border:1px solid #e6e6e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; overflow:hidden;} .pop-main p{ background:url(../images/nike-green.png) no-repeat; padding-left:30px;} /*end article request*/ .release h2{ background:url(../images/release-header.png) no-repeat; width:182px; height:29px; display:block; overflow:hidden; text-indent:-200px; margin-bottom:15px;} .release h3{ background:url(../images/article-header.png) -2px 0px no-repeat; width:600px; height:32px; text-transform:capitalize; position:relative; z-index:2; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; font-size:150%; text-align:center; color:#898989; padding-top:8px;} .release h3 span{ /*color:#b60616;*/color:#898989;} .release form{ background:url(../images/search-header.png) no-repeat; padding-top:19px; width:600px; position:relative; margin-bottom:8px;} .release form legend,.release form label{ display:none;} .release form input,.release form a{ float:left;} .release form input{ width:162px; height:19px; border:1px solid #a8acad;background:url(../images/bg-text.gif) 0px -1px repeat-x; margin-right:13px;} .release form input#text-begin,.release form input#text-last{ width:132px; margin-right:2px;} .release form a img{ margin-right:12px;} .re-search{ display:block; width:84px; height:31px; background:#ffffff url(../images/button-search.png) no-repeat; position:absolute; bottom:0px; right:0px; overflow:hidden; text-indent:-200px;} .re-search:hover{ background-position:0px -31px;} .release-list{} .release-list li{ position:relative; margin-bottom:15px; overflow:hidden;} .release-list .re-time{ color:#898989; width:100px;float:left;} .release-list .re-detail{ float:left; width:468px;} .release-list h4{ font-size:106.25%; color:#5eae00;} .release-list h4 a:hover{ color:#898989;} .release-list p{ /*font-size:93.75%;*/ font-size:90%;} .release-detail-head{ width:600px; position:relative; overflow:hidden;} .release-detail-head h2{ float:left;background:url(../images/release-header.png) no-repeat; width:182px; height:29px; display:block; overflow:hidden; text-indent:-200px; margin-bottom:15px;} .release-detail-head span{ float:right; margin-top:15px;} .release-detail-main{margin:-5px 0 0 2px;*margin:8px 0px 0px 2px;width:566px; text-align:center; padding:0px 15px 40px 15px; background:#fafafa; border:1px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; overflow:hidden;} .release-detail-main h3{ font-size:112.5%; color:#5eae00; margin:10px 0px; text-align:left;} .release-detail-main img{ border:1px solid #be021b; margin-bottom:14px;} .release-detail-main p,.release-detail-main p strong{ text-align: justify; color:#000;} .release-detail-main p span{font-weight: normal;font-style: normal;line-height:normal;font-family: 'DBEuroThaiXRegular' !important;color:#000; } #detail-download{ height:31px; position:relative; padding-left:135px; margin-top:22px;} #detail-download span{ float:left; margin-top:5px;} #detail-download ul{ width:305px; float:left;} #detail-download li a{height:26px; display:block; overflow:hidden; text-indent:-1000px; float:left; margin-left:4px;} #down-pic{ background-image:url(../images/download-1.png); width:160px;} #down-file{background-image:url(../images/download-2.png); width:137px;} /* #detail-download ul{ width:174px; float:left;} #detail-download li a{ width:83px; height:31px; display:block; overflow:hidden; text-indent:-1000px; float:left; margin-left:4px;} #down-pic{ background-image:url(../images/nav-down.jpg);} #down-pic:hover,#down-pic.selected{ background-position:0px -31px;} #down-file{background-image:url(../images/nav-down.jpg); background-position:-83px 0px;} #down-file:hover,#down-file.selected{background-position:-83px -31px;} */ #detail-back{ position:absolute; top:7px; left:0px; border:0px;} #detail-next{ position:absolute; top:7px; right:0px; border:0px;} /*end article release*/ .present h2{ background:url(../images/presentation-header.png) no-repeat; width:163px; height:29px; display:block; overflow:hidden; text-indent:-200px; margin-bottom:15px;} .present form{ margin-bottom:8px;} .present form legend{ color:#5eae00; margin-bottom:5px;} .present select{ width:138px; height:22px; border:1px solid #a8acad;background:url(../images/bg-text.gif) 0px -1px repeat-x; padding:2px 2px 2px 0px;} .present h3{ background:url(../images/article-header.png) -2px 0px no-repeat; width:600px; height:32px; text-transform:capitalize; position:relative; z-index:2; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; font-size:150%; text-align:center; color:#898989; padding-top:8px;} .present-list{} .present-list li{ padding-bottom:10px; overflow:hidden;} .present-list li div{ float:left;} .present-date{ width:100px; color:#898989;padding-top:5px;} .present-detail{ width:350px; font-size:106.25%;padding-top:6px; padding-left:18px;} .present-pdf{ width:70px; background:url(../images/pdf.png) no-repeat; padding-left:30px; height:21px;font-size:90%; padding-top:5px;} .present-pdf a{color:#3D4D59;} .present-pdf a:hover{ color:#898989;} /*end article present*/ .gallery-header{ width:600px; overflow:hidden; margin-bottom:2px;*margin-bottom:0px;} .gallery-header h2{ float:left; font-size:175%; color:#898989; text-transform:capitalize;} .gallery-header form{ float:right;} .gallery-header form legend{ display:none;} .gallery-header form label{ color:#5eae00; float:right;} .gallery-header form input{ width:199px; height:23px; border:1px solid #a9abaa;} #gallery-content{} #gallery-nav{width:600px; height:36px;-moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; position:relative; z-index:9;} #gallery-nav li{ float:left;/*font-size:112.5%;*/ font-size:100%; text-transform:capitalize;} #gallery-nav li a{ height:32px; background-image:url(../images/gallery-header.png); display:block; color:#535252; text-align:center; padding-top:7px;} #gallery-nav li a:hover,#gallery-nav li a.selected{ color:#ffffff;} #gal-nav1{ width:200px; background-position:0px 0px;} #gal-nav1:hover,#gal-nav1.selected{ background-position:0px -39px;} #gal-nav2{ width:200px;background-position:-202px 0px;} #gal-nav2:hover,#gal-nav2.selected{ background-position:-202px -39px;} #gal-nav3{ width:200px; background-position:-402px 0px;} #gal-nav3:hover,#gal-nav3.selected{ background-position:-402px -39px;} #gallery-nav li ul{ position:absolute; top:30px; left:2px; width:596px; padding:7px 0 0 0; background:#f4f4f4; border:1px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; overflow:hidden; z-index:-1;} #gallery-nav li ul li{ width:600px; color:#898989; text-align:center;} #gallery-nav li ul li a{ height:100%; background:none; display:inline;color:#898989;} #gallery-nav li ul li a:hover,#gallery-nav li ul li a.selected{ color:#5eae00;} #nav-ceo a{ padding:0px 20px;} #nav-house a{ padding:0px 20px;} #nav-act a{ padding:0px 20px;} #gallery-container{margin:20px 0 0 2px;width:596px; padding:0px 0px 40px 0px; background:#fafafa; border:1px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; overflow:hidden;} /*end article gallery*/ .article-list{width:568px; margin:-5px 0 13px 0; padding:18px 15px 7px 15px; background:#fafafa; border:1px solid #e6e6e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; overflow:hidden; border-top:none;} /*end article*/ #aside{ float:left; width:322px;padding-left:21px; position:relative;} #aside h3{ text-transform:capitalize; font-size:112.5%;color:#5eae00;} #aside .next{ position:absolute; top:15px; right:14px; z-index:5;} #aside .back{ position:absolute; top:15px; left:35px; z-index:5;} #aside h2{ background:url(../images/aside-header.png) -2px -1px no-repeat; width:322px; height:30px; text-align:center; font-size:125%; padding-top:9px; position:relative; z-index:4;-moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; text-transform:capitalize;} #aside p{ font-size:87.5%;} #aside p a{color:#3D4D59;} #aside p a:hover{color:#898989;} #aside hr{ border-top:1px solid #e3e3e3; border-bottom:0px; border-left:0px; border-right:0px; margin:5px 0} #aside .rm{ float:right; color:#b60616;font-weight: normal;font-style: normal;line-height:normal;font-family: 'DBEuroThaiXDemi';} #aside .rm:hover{ color:#898989;} .download a{ background:url(../images/logo-list.gif) 0px 6px no-repeat; padding-left:18px;} .contact p{font-weight: normal;font-style: normal;line-height:normal;font-family: 'DBEuroThaiXDemi'; font-size:100% !important; background:url(../images/logo-list.gif) 0px 4px no-repeat; padding-left:14px;} .aside-list{ width:290px; margin:-5px 0 13px 0; padding:18px 15px 7px 15px; background:#fafafa; border:1px solid #e6e6e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px #d9d9d9; -webkit-box-shadow: 1px 1px 5px #d9d9d9; box-shadow: 1px 1px 5px #d9d9d9; overflow:hidden; border-top:none; font-size:94%; } .subscribe{ background:url(../images/logo-subscribe.png) no-repeat; display:block; height:16px; padding-left:21px; font-size:87.5%; margin-bottom:13px;} a.subscribe{color:#3d4d59;} a.subscribe:hover{color:#5eae00;} /*end aside*/ #footer{ width:943px; float:left;} #footer ul{ background: url(../images/brand-head.png) no-repeat;width:923px; height:104px; padding-top:26px; margin-left:9px; margin-top:21px; margin-bottom:22px;} #footer ul li{ float:left;} #footer ul li a{ text-indent:-200px; overflow:hidden;} #panel1{ background:url(../images/brand.png) 0px -26px no-repeat; width:70px; height:39px; display:block;} #panel1:hover{ background:url(../images/brand.png) 0px -137px no-repeat;} #panel2{ background:url(../images/brand.png) -70px -26px no-repeat; width:80px; height:39px; display:block;} #panel2:hover{ background:url(../images/brand.png) -70px -137px no-repeat;} #panel3{ background:url(../images/brand.png) -150px -26px no-repeat; width:95px; height:39px; display:block;} #panel3:hover{ background:url(../images/brand.png) -150px -137px no-repeat;} #panel4{ background:url(../images/brand.png) -245px -26px no-repeat; width:100px; height:39px; display:block;} #panel4:hover{ background:url(../images/brand.png) -245px -137px no-repeat;} #panel5{ background:url(../images/brand.png) -345px -26px no-repeat; width:62px; height:39px; display:block;} #panel5:hover{ background:url(../images/brand.png) -345px -137px no-repeat;} #panel6{ background:url(../images/brand.png) -407px -26px no-repeat; width:98px; height:39px; display:block;} #panel6:hover{ background:url(../images/brand.png) -407px -137px no-repeat;} #panel7{ background:url(../images/brand.png) -505px -26px no-repeat; width:135px; height:39px; display:block;} #panel7:hover{ background:url(../images/brand.png) -505px -137px no-repeat;} #panel8{ background:url(../images/brand.png) -640px -26px no-repeat; width:80px; height:39px; display:block;} #panel8:hover{ background:url(../images/brand.png) -640px -137px no-repeat;} #panel9{ background:url(../images/brand.png) -720px -26px no-repeat; width:60px; height:39px; display:block;} #panel9:hover{ background:url(../images/brand.png) -720px -137px no-repeat;} #panel10{ background:url(../images/brand.png) -780px -26px no-repeat; width:75px; height:39px; display:block;} #panel10:hover{ background:url(../images/brand.png) -780px -137px no-repeat;} #panel11{ background:url(../images/brand.png) -855px -26px no-repeat; width:68px; height:39px; display:block;} #panel11:hover{ background:url(../images/brand.png) -855px -137px no-repeat;} #panel12{ background:url(../images/brand.png) -0px -65px no-repeat; width:70px; height:47px; display:block;} #panel12:hover{ background:url(../images/brand.png) -0px -176px no-repeat;} #panel13{ background:url(../images/brand.png) -70px -65px no-repeat; width:60px; height:47px; display:block;} #panel13:hover{ background:url(../images/brand.png) -70px -176px no-repeat;} #panel14{ background:url(../images/brand.png) -130px -65px no-repeat; width:115px; height:47px; display:block;} #panel14:hover{ background:url(../images/brand.png) -130px -176px no-repeat;} #panel15{ background:url(../images/brand.png) -245px -65px no-repeat; width:100px; height:43px; display:block;} #panel15:hover{ background:url(../images/brand.png) -245px -176px no-repeat;} #panel16{ background:url(../images/brand.png) -345px -65px no-repeat; width:62px; height:43px; display:block;} #panel16:hover{ background:url(../images/brand.png) -345px -176px no-repeat;} #panel17{ background:url(../images/brand.png) -407px -65px no-repeat; width:98px; height:43px; display:block;} #panel17:hover{ background:url(../images/brand.png) -407px -176px no-repeat;} #panel18{ background:url(../images/brand.png) -505px -65px no-repeat; width:90px; height:47px; display:block;} #panel18:hover{ background:url(../images/brand.png) -505px -176px no-repeat;} #panel19{ background:url(../images/brand.png) -595px -65px no-repeat; width:45px; height:47px; display:block;} #panel19:hover{ background:url(../images/brand.png) -595px -176px no-repeat;} #panel20{ background:url(../images/brand.png) -640px -65px no-repeat; width:100px; height:47px; display:block;} #panel20:hover{ background:url(../images/brand.png) -640px -176px no-repeat;} #panel21{ background:url(../images/brand.png) -740px -65px no-repeat; width:51px; height:47px; display:block;} #panel21:hover{ background:url(../images/brand.png) -740px -176px no-repeat;} #panel22{ background:url(../images/brand.png) -794px -65px no-repeat; width:89px; height:41px; display:block;} #panel22:hover{ background:url(../images/brand.png) -794px -176px no-repeat;} #panel23{ background:url(../images/brand.png) -1px -112px no-repeat; width:266px; height:41px; display:block;} #panel23:hover{ background:url(../images/brand.png) -1px -223px no-repeat;} #panel24{ background:url(../images/brand.png) -268px -108px no-repeat; width:85px; height:22px; display:block;} #panel24:hover{ background:url(../images/brand.png) -268px -219px no-repeat;} #panel25{ background:url(../images/brand.png) -353px -108px no-repeat; width:75px; height:22px; display:block;} #panel25:hover{ background:url(../images/brand.png) -353px -220px no-repeat;} #nav-footer{ text-align:right; color:#5EAE00; text-transform:uppercase; font-size:87.5%; background:#ffffff; padding:7px; margin-bottom:10px;} #copy{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding-bottom:20px;} #copy1{ float:left;} #copy2{ float:right;} /*end footer*/ label.error{ color:#B60616; font-size:85%;} /*edit request*/ .request-li{ margin-top:5px;} /*end edit request*/