top.location layout ขณะนี้คุณกำลังพยายามเชื่อมต่อไปยังเว็บไซต์ภายนอก
@charset "utf-8"; /* CSS Document */ body,html{ height:100%; } *{ margin:0px;padding:0px; } a{ color:#FDBB06; text-decoration:underline; outline:0px; } a:hover{ text-decoration:none; } body{ line-height:18px; font-size:11px; margin:0px; font-family:Verdana;color:#919191; } p{ text-indent:30px; } .boxH100Per{ height:auto !important; height:100%; min-height:100% !important; position:relative;width:100%; background:url(images/bgTop.gif) center top repeat-x; } .topBox{ padding-bottom:104px; width:882px; margin:0 auto; overflow:auto; position:relative;background:url(images/bgVerLoop.gif) center repeat-y; } .headArea{ width:100%; background:url(images/bgTop2.gif) center top repeat-x #fff; height:316px; position:relative; } .twitter{ display:block; width:36px; height:37px; top:20px; left:830px; position:absolute; } .bottomBox{ height:104px; background:url(images/bgBottom.gif) center repeat-x #FDBB06; position:absolute;bottom:0px; width:100%; } .headUpdate{ height:64px; text-indent:-5000px; } .bold12{ font-weight:bold;color:#F8A90F;font-size:12px;padding-bottom:11px; background:url(images/icon_arrow.gif) 3px 4px no-repeat;padding-left:15px; } .articlePic{ border:3px solid #D3D2D2; margin-bottom:10px; } .topBox .leftBox{ width:278px; float:left;border:0px solid #FDBB06; border-bottom:0px; border-top:0px; background:url(images/h1Update.gif) right top no-repeat; } .topBox .padBox{ padding:0 27px 0 30px; } .topBox .leftBox .para{ text-indent:30px; padding-bottom:14px; background:url(images/dotted.gif) bottom repeat-x;margin-bottom:12px; } .topBox .centerBox{ width:422px; float:left; height:auto !important; height:100%; min-height:100% !important; background:url(images/h1Service.gif) top left no-repeat; } .style1{ height:57px;padding-bottom:5px; } .rightBox{ width:182px; float:left;border:0px solid #FDBB06; border-bottom:0px; border-top:0px;border-left:0px;background:url(images/bgClient3.gif) 1px 0 no-repeat; } .centerBox .h3Center{ width:321px;height:33px;text-indent:-5000px; background:url(images/serv1web.gif) no-repeat; } .centerBox .picServ{ float:left; } .centerBox .service{ list-style:none; color:#FDBB06; float:left;margin-left:15px; } .centerBox .service a{ color:#589E0F; } .centerBox .service li{ padding-left:11px; background:url(images/listCircle.gif) 0 7px no-repeat; } .centerBox .servBox{ background:url(images/dotted2.gif) no-repeat center bottom; overflow:auto !important;overflow:visible;padding-bottom:8px;margin-bottom:7px; clear:left;margin-left:5px; height:auto !important; height:130px; min-height: 130px !important; } .headArea .menu{ list-style:none; float:left; } .headArea .menu li{ height:65px; float:left; height:65px; text-indent:-5000px;margin:0 4px; } .headArea .menu li a{ display:block; height:65px; background-position:top; } .headArea .menu li a:hover{ background-position:bottom; } .headArea .menu .home a { /* background:url(images/menu1.gif) no-repeat; width:60px; */ background:url(images/menu1-icon.gif) no-repeat; width:35px; } .headArea .menu .home{margin-right:0px;margin-left:13px;} .headArea .menu .web a { background:url(images/menu2.gif) no-repeat; width:118px; } .headArea .menu .train a { background:url(images/menu2-2.gif) no-repeat; width:118px; } .headArea .menu .multimedia a { background:url(images/menu3.gif) no-repeat; width:118px; } .headArea .menu .network a { background:url(images/menu7.gif) no-repeat; width:92px; } .headArea .menu .online a { background:url(images/menu4.gif) no-repeat; width:162px; } .headArea .menu .about a { background:url(images/menu5.gif) no-repeat; width:71px; } .headArea .menu .contact a { background:url(images/menu6.gif) no-repeat; width:87px; } .latest, .latest2{ text-align:center;height:425px;overflow:hidden; } .latest2 li{ padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:15px; } .latest2 img{ border:3px solid #D3D2D2; margin:0px; padding:0px; } .latest2 .wordLink{ margin-top:5px; display:block; text-align:left; line-height:12px;color:#589E0F; padding-left:25px ; background:url(images/iconStar.gif) no-repeat 10px 0; text-decoration:none; } .latest2 .wordLink:hover{ text-decoration:underline; } .btnmore{ font-weight:bold;background:url(images/icon_arrow.gif) no-repeat 0 4px;display:block; padding-left:12px;margin-top:5px; } .bottomBox .footer{ font-size:12px;color:#fff;font-weight:bold; height:104px; background:#FDBB06; width:882px; margin:0 auto; } .quickLink, .quickLink a { list-style:none; font-weight:bold; color:#fff;margin-right:4px; } .quickLink li{ float:left;margin:0 4px 0 0; } .quickLink .copy{ clear:left; width:500px; padding-top:0px; } .quickLink .copy a,.quickLink .btn a{ margin-right:0px; } .quickLink .btn{ padding-top:10px; } .headArea .actionOrder{ width:177px; float:right;padding-top:22px;padding-right:5px; } .movieZone { width:100%; position:relative; float:left; } .flashHead{ width:755px; position:absolute;z-index:10; left:50%;margin-left:-505px;margin-top:65px; height:192px; } .morebtn{ width:100%; text-align:right; } .morebtn a{ background:url(images/icon_arrow.gif) no-repeat right 3px; padding-right:10px; } .sub{ list-style:none; } .sub li{ margin-bottom:1px; } .sub li a{ width:181px; display:block; color:#fff ; font-weight:bold;padding-top:3px; height:23px; background:url(images/menuSub.gif) top; padding-left:34px; text-decoration:none; } .sub li a:hover{ background-position:bottom; } .paddingContent{ padding:0 20px; } .paddingContent .h3Center{ padding-bottom:10px;margin-top:10px; } .paddingContent p{ padding-bottom:10px; } .paddingContent ol{ margin-left:5px; list-style:none; } .paddingContent ol li{ background:url(images/iconStar.gif) 0 3px no-repeat;padding-left:20px;margin-bottom:5px; border-bottom:1px dotted #D6D6D6;padding-bottom:5px; } .borderPic{ border:2px solid #d6d6d6;margin:10px 0; } .linkLight{ color:#919191; } .fontstrong{ color:#589E0F;font-size:12px; } .paddingContent .decimal{ margin-left:25px;list-style:decimal;margin-top:8px; } .paddingContent .decimal li{ padding-left:0px; background:none; } .ta{ width:585px; } .eo{ font-weight:bold;color:#F8A90F;font-size:12px; } .go{ font-weight:bold;color:#589e0f;font-size:12px; } .ro{ font-weight:bold;color:#F00;font-size:12px; } .wd{ font-size:11px; margin:0px; font-family:Verdana;color:#919191; font-weight:normal; } #slideShow, #slideShow2{ width:265px; border:1px solid #3b5998; /*background:#ccc;*/ top:40px; height:auto; display: none; } #slideShow2{ top:50px; } #btn_fb, #btn2, #btn3{ color:#fff; font-size:11px; width:123px; height:57px; /*background:#000;*/ top:480px; left:1%; text-align:left; } /*#btn2{ bottom:0px; right:0px; } #btn3{ bottom:40px; }*/ #close{ position:absolute; top:10px; right:10px; font-size:12px; font-weight:bold; color:#f00; } .cctvpadding{ padding:0 10px 50px 10px;float:left;position:relative; } .cctvinfo{ float:left;width:463px; margin-left:20px;position: relative; } .cctvinfo p{ padding-bottom:20px; } .cctvlogolist{list-style:none;margin:40px 0 0 10px;padding-bottom:30px;} .cctvlogolist li{ float:left;margin-left:30px;position: relative; } .cctvlogolist li div{ padding:15px 0 0 10px; } .cctvlogolist li a.pic{ display:block;position:relative; } .cctvlogolist .morebtn{ display:block; text-align:right; padding-top:5px;font-size:12px; } /* == cctv promotion -- */ .bgtable{ width:829px; margin:20px 0 0 20px;position:relative; height:268px; background:url(images/bgcctvtable.gif) no-repeat; } .tblinfo{ width:475px; height:195px; position: absolute; border-collapse:collapse;bottom:0px;left:120px; } .tblinfo td{ border: 0px solid #999; } .tblinfo .price{ text-align:center; color:#ff5a00; font-size:14px;padding-left:10px; } .tblinfo td.titlecctv, .cctvgreen{ padding-left:10px;font-weight:bold;color:#7aa201; } .cctvname{ display:block; color:#fff; position:absolute; top:13px; left:15px; font-size:19px;font-weight:normal; } .cctvfeature{ width:480px; float:right; list-style:none; margin:20px 5px 40px 40px; } .cctvfeature li{ background:url(images/iconStar.gif) 0 2px no-repeat; padding:0 0 4px 20px; border-bottom:1px dashed #e2e2e2;margin:0 0 4px 0; } .cctvfeature .featurehead, .prooption .featurehead{ background:none; border:0px;margin:0 0 8px 0; padding:0px; color:#7aa201; font-weight:bold; font-size:12px; } .prooption .featurehead{ line-height:18px; } .cctvlist2 .cctvlist2one{background:none;border:0px;padding-left:0px;margin-left:0px;} .cctvlist2 .camera{position:relative;left:-20px;} .cctvlist2 .cctvlist2one{ float:left; } .cctvlist2 li.first{ clear:left; } .cctvlist2{width:100%;position:relative;left:20px;border-bottom:1px dashed #ccc;} .prooption, .cctvhistory, .morecctv{ position: absolute; top:0px;right:15px;list-style:none; } .morecctv{ width:300px; top:-50px;left:570px; } .cctvhistory{ width:560px; top:30px; } .morecctv li{ float:left; } .morecctv li a{ border:0px; } .morecctv img{height:35px;} .prooption li{ position: relative;padding-left:130px;line-height:45px; } .prooption .optionpic{ position: absolute; top:0px;left:0px; } .clr{ clear:both; } .camera{float:left;outline:0px solid #f00; width:263px;margin-left:20px;padding-bottom:20px; background:url(images/bgcctvcolumn.jpg) no-repeat right bottom;} .camera img{ margin-left:70px; } .camera .cctvfeature{ width:94%;float:left; margin-bottom:0px;margin-left:0px; } .remark{ padding:10px; padding-left:20px; } .pic img{ border:0px } .oneoptionpro{ clear:left; float:left; position: relative; overflow: hidden; height:170px; margin-bottom:20px; } .oneoptionpro .featurehead{ position: relative; } .oneoptionpro .featurehead .moredetailcctv{ display:block; position:absolute; right:0px;top:0px;width:80px; } .oneoptionpro .featurehead .txtorange{ color:#ff5a00;cursor:pointer; } .oneoptionpro .featurehead .txtorange:hover{ text-decoration:underline; } .cctvgreenhead1{ margin-top:20px;clear:left;display:block;margin-left:20px;background:#7aa201;color:#fff;padding:5px;margin-bottom:10px; } .cctvtitle{ position:relative;z-index:10; display:block;background:url(images/iconStar.gif) 0px 2px no-repeat;padding:0px 0 0 18px;margin-top:-30px; } .nocrop{ overflow:visible; } .camera{ position:relative; cursor: pointer; } .camera .cctvfeature{ background:#fff;padding:10px; border:1px solid #ccc; margin-left:30px; } .featurehead .detailrec .popup{ width:400px; margin:5px 0 0 -400px; position:relative; color:#999;font-weight:normal;font-size:11px; } /* === ballon === */ .trigger{ padding-bottom:40px;z-index:11;position: relative; } .bubbleInfo { position: relative; } .popup { position: absolute;z-index:9999; display: none; /* keeps the popup hidden if no JS available */ } .cctvnew{ height:auto;position:relative;z-index:999;overflow:visible; } .btnenquirycctv{ display:block; position: absolute; bottom:-55px; right:-10px; } .btnenquirycctv img{ float:right;margin-right:10px; } .cctvkeyword{ text-align:center;color:#fff; }
0 ความคิดเห็น:
แสดงความคิดเห็น