body{ font-family: "微軟正黑體","Microsoft JhengHei","Arial"; background:#FFF; margin:0px; padding:0px;} *{ margin:0px; padding:0px;} h1{ font-size:24px;} h2{ font-size:24px;} h3{ font-size:18px;} h4{ font-size:18px;} .clear{ clear:both;} a{ text-decoration:none;} a img{ border:none;} li{ list-style:none;} .height5{ height:5px;} .height10{ height:10px;} .height15{ height:15px;} .height20{ height:20px;} .height25{ height:25px;} #wrap .container{ width:960px; margin:0 auto;} .f_pink{ color:#fc0787;} .f_orange{color:#ff9600;} .f_blue{color:#10b1df; } .f_green{color:#b0d546;} /* ----- Headers ----- */ #header{ background:url(/App_Themes/images/navi_bg.png) no-repeat center; height:94px; position:relative; z-index:150;} #header .logo{ float:left; margin:15px 0 0 0;} #header .nav{ float:right;} #header .nav li.divider{ background:url(/App_Themes/images/navi_divider.png) no-repeat; float:left; height:63px; display:block;} #header .nav a{ text-transform:uppercase; font-size:13px; color:#292929; margin:0px 0 0 0; float:left; line-height:31px; padding:17px 15px;} #header .nav a.selected{ color:#1ea3c9;} #header .nav a:hover{ color:#1ea3c9;} /* ----- Banner ----- */ #banner .fullbanner{ width:100% !important; position:absolute; max-height:420px !important; overflow:hidden ; background-color:#fff; background-image:url(/App_Themes/images/hashdark.png); margin:-43px 0 0 0; background-repeat: repeat; background-position:center; z-index:0;} /* ----- Front text ----- */ #front_text{ background:url(/App_Themes/images/front_text_bg.jpg) repeat-x; height:84px; margin:227px 0 0 0; padding:35px 0 0 0;} #front_text .text{ text-align:center;} #front_text .text h2{ text-transform:uppercase; font-size:26px; color:#4e4e4e; font-weight:bold;} #front_text .text p{ font-size:12px; color:#7c7c7c; margin:0;} /* ----- Content ----- */ #content .services{ margin:43px 0 0 0;} #content .section_1 { background:url(/App_Themes/images/service_blue.jpg) no-repeat; width:225px; height:221px; float:left; text-align:center; margin:0 20px 0 0;} #content .section_2 { background:url(/App_Themes/images/service_green.jpg) no-repeat; width:225px; height:221px; float:left; text-align:center; margin:0 20px 0 0;} #content .section_3 { background:url(/App_Themes/images/service_pink.jpg) no-repeat; width:225px; height:221px; float:left; text-align:center; margin:0 20px 0 0;} #content .section_4 { background:url(/App_Themes/images/service_orange.jpg) no-repeat; width:225px; height:221px; float:left; text-align:center;} #content .services .icon { margin:55px 0 10px 0;} #content .services span { font-size:16px; color:#FFFFFF; margin:0px 0 0 0; text-transform:uppercase;} #content .services span.bold { font-size:16px;} #content .services p { font-size:13px; color:#fff; margin:0px 0 0 0;} #content .projects { padding:38px 0 0 0;} #content .projects .text{ float:left; width:242px; font-weight:bold;} #content .projects .text span{ color:#b0d546; font-size:22px;} #content .projects .text span.normal{ color:#575757; font-size:22px;} #content .projects .text p{ color:#525252; font-size:13px; margin:10px 0 0 0;} #content .projects .view{ margin:27px 0 0 0; float:left;} #content .project_sec{ float:left; width:219px; margin:0 0px 0 20px;} #content .project_pc{width:215px; height:163px; display:table-cell; text-align:center; vertical-align:middle;border:solid 1px #ededed; border-bottom:none;} #content .project_sec img{ max-width:215px;max-height:163px;} #content .project_sec h4{ background:#f9f9f9; text-align:center; width:215px; font-size:14px; padding:10px 0; border:solid 1px #ededed; min-height:40px;} #content .projects a{color:#5e5e5e;} #content .projects a:hover{color:#1ea3c9;} #content .projects .text .blue{ color:#10b1df; font-size:22px;} #content .tab_testimonial{ background:url(/App_Themes/images/tab_testimonial_bg.jpg) repeat-x;margin:43px 0 0 0;} #content .tab_testimonial .projects{ padding:0;} #content .tab_testimonial .projects .project_sec h4{ background:#fff;} #content .news{ padding:38px 0;} #content .news .text{ float:left; width:242px;font-weight:bold;} #content .news .text span{ color:#FE048B; font-size:22px;} #content .news .text span.normal{color:#575757; font-size:22px;} #content .news .text p{color:#525252; font-size:13px; margin:10px 0 0 0;} #content .news .view{ margin:27px 0 0 0; float:left;} #content .news .news_list{ float:left; width:660px; margin:0 0 0 20px; padding:0 15px; border-left: 1px solid #d8d8d8; font-size:13px;} #content .news .news_list li{ margin-bottom:10px; line-height:20px;} #content .news .news_list li a{ color:#292929;} #content .news .news_list li a:hover{color:#1ea3c9;} #content .news .news_list .date{ display:inline-block; color:#999;} #content .news .news_list .type{display:inline-block; width:60px; text-align:center; margin:0 20px; color:white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #content .news .news_list .t_orange{background:#FE9500} #content .news .news_list .t_blue{background:#10B1DF} #content .news .news_list .t_green{background: #B0D546} /* ----- Footer ----- */ #footer{ background:#3b3b3b;color:#9f9f9f;} #footer a{color:#9f9f9f;} #footer a:hover{ color:#d5d5d5; } #footer .footer_sec{ margin:25px 50px 15px 0;float:left; width:180px;} #footer .footer_sec h4{ background:url(/App_Themes/images/footer_sec_line.jpg) repeat-x bottom; padding:0 0 13px 0; font-size:16px; color:#ececec; margin:0 0 18px; 0;} #footer .about{ width:190px; float:left;} #footer .about p{ font-size:13px; color:#9d9d9d; line-height:18px;} #footer .copyright, #footer .link{ background:url(/App_Themes/images/copyright_bg.jpg) repeat-x; height:41px;} #footer .link li{ background:url(/App_Themes/images/privacy_line.jpg) no-repeat right; font-size:13px; float:left; line-height:41px;} #footer .link li.last{ background:none;} #footer .link a{ margin:0 12px ;} #footer .copyright p{font-size:13px;margin:12px 0 0 0; float:left;} #footer .copyright a{ color:#767676; font-size:13px; margin:0 5px ;} #footer .copyright a:hover{ color:#9f9f9f;} #footer .social{ float:right; margin:9px 0 0 0;} #footer .social a{ background:url(/App_Themes/images/social_icons.png) no-repeat; height:22px; width:22px; float:left; margin:0 0 0 5px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} #footer .social a.fb{ background-position:0 0;} #footer .social a.fb:hover{ background-position:0 -22px;} #footer .social a.tw{ background-position:-25px 0; } #footer .social a.tw:hover{ background-position:-25px -22px; } #footer .social a.flick{ background-position:-50px 0; } #footer .social a.flick:hover{ background-position:-50px -22px; } #footer .social a.skype{ background-position:-75px 0; } #footer .social a.skype:hover{ background-position:-75px -22px; } #footer .social a.db{ background-position:-100px 0; } #footer .social a.db:hover{ background-position:-100px -22px; } #footer .footer_info{background:url(/App_Themes/images/copyright_bg.jpg) repeat-x;} #footer .fotter_logo{ margin:25px 0 10px 0; float:left;} #footer span.bot_text{ font-size:13px; width:306px; float:right; margin:45px 30px 0 0; line-height:24px;} #footer span.bot_text a{ color:#ccc;} #footer span.bot_text a:hover{ color:#fff;} /* ----- sub ----- */ #sub_banner{ background:#f4f4f4; height:66px; margin:-26px 0 0 0; text-align:center; padding:30px 0 0 0;} #sub_banner .text{ margin:0px 0 0 0;} #sub_banner .text h2{ font-size:26px; color:#3d3d3d; text-transform:uppercase; font-weight:bold; letter-spacing:3px;} #sub_banner .text p{ font-size:26px; color:#6b6b6b; font-size:12px;font-style:italic; } #sub_content{ } .partner{ padding:30px 0;} .partner img{ padding-right:8.5px; } .partner .last{ padding:0;} .partner h4{font-weight:bold; margin-bottom:10px;} .partner h4 span{ color:#333;} #sub_content .search2{ float:right; margin-top:-40px;} #sub_content .search2 p{ display: inline-block; line-height:34px; text-align:right; font-size:14px; vertical-align:top; margin-top:7px; } #sub_content .search2 .searchbar{width:318px; display:inline-block;} #sub_content .search2 input{ background:url(/App_Themes/images/searchbar.png) no-repeat; height:32px; width:194px; border:none; padding:0 26px 0 8px; margin:8px 0 0 0; float:left; color:#818181;} #sub_content .search2 .search_icon{ margin:-22px 10px 0 0; float:right;} #sub_content .search2 select{ float:left; width:80px; height:30px; margin:10px 5px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #dcdcdc; color:#333; padding:3px; vertical-align:top; } #sub_content .breadcrumb { text-align:right; font-size:12px;margin:10px 0 ; } #sub_content .breadcrumb li{ display:inline;} #sub_content .breadcrumb li a{color:#999;;padding:0 5px; margin:0} #sub_content .breadcrumb li.selected a{ color:#1ea3c9;} #sub_content .breadcrumb li a:hover{ color:#1ea3c9;} /* ----- About Us ----- */ #sub_content .about ul, li { margin: 0; padding: 0; list-style: none; } #sub_content .about ul.tabs { width: 100%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:48px; padding:0 0 0 10px;background:#f8f8f8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #sub_content .about ul.tabs li { float: left;overflow: hidden; position: relative; } #sub_content .about ul.tabs li a { display: block; padding: 7px 18px; color: #898989; margin:7px 6px 0 0;font-size:13px; } #sub_content .about ul.tabs li a:hover { background: #10b1df;padding:7px 18px; margin:7px 6px 0 0; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:13px; text-shadow:none; } #sub_content .about ul.tabs li.active a {background: #10b1df;padding:7px 18px; margin:7px 6px 0 0; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:13px; text-shadow:none; } #sub_content .about ul.tabs li.active a:hover {background: #10b1df; } #sub_content .about div.tab_container { clear: left; width: 100%; background: #fff; } #sub_content .about{ margin-bottom:20px;} #sub_content .about .tab_container .tab_content h2{ padding:20px 0; font-weight:bold; color:#333;} #sub_content .about .tab_container .tab_content {padding: 20px; } #sub_content .about .tab_container .tab_content { color:#525252; font-size:13px; line-height:21px;} #sub_content .about .tab_container .tab_content .tab_icon{ float:right; margin:0 0 5px 15px;border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px} #sub_content .about .tab_container .tab_content p .year{ padding-right:20px;} #sub_content .about .tab_container .tab_content li{ list-style: outside url(/App_Themes/images/tick.png); margin:0 0 20px 30px; } #sub_content .about .tab_container .tab_content li img{ padding-top:10px; max-height:400px; max-width:700px;} #sub_content .about .tab_container #tab2{ background:url(/App_Themes/images/img/about02.png) no-repeat right top;} #sub_content .about .tab_container #tab3{ background:url(/App_Themes/images/img/about03.png) no-repeat right 2%;} /* ----- news ----- */ #sub_content .news .news_sec{ border:#f2f2f2 solid 1px; background:url(/App_Themes/images/tab_bot.png) bottom no-repeat; min-height:110px; width:437px; float:left; padding:0 15px; margin:25px 22px 0 0;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #sub_content .news .last{ margin:25px 0 0 0;} #sub_content .news span{ font-size:24px ; color:#333332; font-weight:bold;} #sub_content .news span.pink{ color:#ff048c;} #sub_content .news_sec .icon_two{ float:left; margin:15px 0 0 0;} #sub_content .news_sec .text{ float:right; margin:30px 0; width:347px;} #sub_content .news_sec p{ color:#383838; font-size:16px; text-transform:uppercase; display:block; width:340px; max-height:50px; overflow:hidden;} #sub_content .news_sec .last{ margin:45px 0 0 0;} #sub_content .news .news_sec ul{ font-size:12px;} #sub_content .news .news_sec li{background:#f1f1f1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 1px #eaeaea;float:left;margin:10px 8px 0 0;float:left;padding:8px;} #sub_content .news .news_sec li a{ color:#333; vertical-align:top;} #sub_content .news .news_sec li img{ padding-right:5px;} #sub_content .news .news_sec li.down{ padding:0; margin-top:10px;} #sub_content .news .news_sec a.download{background:#999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff;text-transform:uppercase;padding:8px; display:block;} #sub_content .news .news_sec a.download:hover{ background:#3b3b3b;} /* ----- recommend ----- */ #sub_content .recommend .recommend_sec{ border:#f2f2f2 solid 1px; background:url(/App_Themes/images/tab_bot.png) bottom no-repeat; min-height:150px; width:437px; float:left; padding:0 15px; margin:25px 22px 0 0;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #sub_content .recommend .last{ margin:25px 0 0 0;} #sub_content .recommend .title_b{ font-size:24px ; color:#333332; font-weight:bold;} #sub_content .recommend span.pink{ color:#ff048c;} #sub_content .recommend_sec .pc{ float:left; margin:15px 0; border:1px solid #eee; padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-height:100px; max-width:100px;} #sub_content .recommend_sec a:hover .pc{ border-color:#1ea3c9} #sub_content .recommend_sec .text{ float:right; margin:25px 0; width:315px;} #sub_content .recommend_sec .last{ margin:45px 0 0 0;} #sub_content .recommend_sec h6{ font-size:20px; text-transform:uppercase; display:block; width:340px; max-height:50px; overflow:hidden;} #sub_content .recommend_sec h6 a{color:#383838; } #sub_content .recommend_sec h6 a:hover{color:#1ea3c9; } #sub_content .recommend_sec .work{background:#f1f1f1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 1px #eaeaea;float:left;margin:10px 0;padding:8px; font-size:13px;} #sub_content .recommend_sec p{ display:block; width:100%; float:left; font-size:13px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } #sub_content .recommend .recommend_info{ border:#f2f2f2 solid 1px; background:url(/App_Themes/images/tab_bot2.png) bottom no-repeat; width:928px; float:left; padding:10px 15px 20px;;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; margin:10px 0 20px; font-size:14px; line-height:30px;} #sub_content .recommend .intro{ border:#f2f2f2 solid 1px; background:url(/App_Themes/images/tab_bot3.png) bottom no-repeat; width:698px; float:left; padding:10px 15px 20px;;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; margin:10px 0 20px; font-size:14px; line-height:30px;} #sub_content .recommend .intro .text{ background:url(/App_Themes/images/testi_coln.jpg) no-repeat ; padding-left:60px; min-height:40px; margin:20px 0; color:#666; } #sub_content .recommend .pc2{ float:left; margin-right:15px; border:1px solid #eee; padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:200px;} #sub_content .recommend .recommend_info .section{border-top:1px solid #f2f2f2; padding:20px 0;} #sub_content .recommend .recommend_info .section .title{float: left;width: 150px; font-weight:normal;} #sub_content .recommend .recommend_info .section .text{ width:770px; float:left; padding-top:2px;} #sub_content .recommend .recommend_info .section .text li{list-style: outside url(/App_Themes/images/tick.png);margin: 0 0 10px 30px;} #sub_content .recommend .recommend_info .section .text img{ max-width:770px;} #sub_content .recommend .recommend_info .section .text a{text-decoration:underline;color:#1ea3c9; } /*------------------product------------*/ #sub_content .portfolio h2{ color:#ff048c; font-size:24px;} #sub_content .portfolio span{ color:#333332;} #our_work{ margin:30px 0 0 0;} #our_work .tabs{ background:#f8f8f8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:48px; padding:0 0 0 10px;} #our_work .tabs a.selected{ background-color:#10b1df; padding:7px 18px; margin:7px 6px 0 0; float:left; color:#fff; font-size:13px; text-shadow:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #portfolio .divider{ background:url(/App_Themes/images/divider.png) repeat-x; height:6px; margin:0 0 0 0;} #work_two{ margin:30px 0 0 0;} #work_two .tabs{ background:#f8f8f8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:48px; padding:0 0 0 10px;} #work_two .tabs a.selected{ background-color:#10b1df; padding:7px 18px; margin:7px 6px 0 0; float:left; color:#fff; font-size:13px; text-shadow:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #work_two .tabs a{ padding:7px 18px; margin:7px 6px 0 0; float:left; color:#898989; font-size:13px;} #work_two .tabs a:hover{ background-color:#10b1df; padding:7px 18px; margin:7px 6px 0 0; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:13px; text-shadow:none;} #work_two .portfolio{ margin:25px 0 0px 0; float:left;} #work_two .my_pf{ float:left; margin:0 21px 15px 0; width:306px;} #work_two .last{ margin:0px;} #work_two .port_text{ background-color:#e9e9e9; border:solid 1px #ececec; padding:10px 10px; text-align:center;} #work_two .port_text h3{ font-size:14px; color:#525252; font-weight:normal; } #work_two .port_text p{ font-size:13px; line-height:14px; margin:5px 0 0 0; color:#959595;} #work_two .portfolio .shadow{ margin:0 0 0 11px;} #sub_content .product{ font-size:13px;} #sub_content .product_pc { width: 400px; height: 300px;float:left; position: relative;} #sub_content .product_pc a.prev, #sub_content .product_pc a.next { position: absolute; top: 70px; display: block;width: 40px; height: 80px; text-indent: -9999px;} #sub_content .product_pc .prev {background: url(/App_Themes/images/prev.png) left no-repeat;} #sub_content .product_pc .next { background: url(/App_Themes/images/next.png) right no-repeat; right: 0;} #sub_content .product_pc .slides {overflow: hidden;position: relative;top: 0;left: 50px;width: 300px;height: 220px;border:1px solid #eee;} #sub_content .product_pc .slides ul {position: absolute; width: 9990px; height: 100%; } #sub_content .product_pc .slides li {width: 300px;height: 100%; float: left; text-align:center} #sub_content .product_pc .slides li div{ display: table-cell; vertical-align:middle; width:300px; height:220px;} #sub_content .product_pc .slides img{ max-width:290px; max-height:210px; } #sub_content .product_info{ float: left; width:500px; margin-left:30px} #sub_content .product_info .product_info2 { margin:20px 0} #sub_content .product_info .product_info2 li{ list-style:url(/App_Themes/images/tick.png) outside ; margin:0 0 10px 20px; font-size:14px;} #sub_content .product ul, li { margin: 0; padding: 0; list-style: none; } #sub_content .product ul.tabs { width: 100%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:48px; padding:0 0 0 10px; background:#f8f8f8; } #sub_content .product ul.tabs li { float: left;overflow: hidden; position: relative; } #sub_content .product ul.tabs li a { display: block; padding: 7px 18px; color: #898989; margin:7px 6px 0 0;font-size:13px; } #sub_content .product ul.tabs li a:hover { background: #10b1df;padding:7px 18px; margin:7px 6px 0 0; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:13px; text-shadow:none; } #sub_content .product ul.tabs li.active a {background: #10b1df;padding:7px 18px; margin:7px 6px 0 0; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:13px; text-shadow:none; } #sub_content .product ul.tabs li.active a:hover {background: #10b1df; } #sub_content .product div.tab_container { clear: left; width: 100%; background: #fff; margin:20px 0;} #sub_content .product .section_1{ margin:20px 0;} #sub_content .product .title{ font-size:13px; margin:0;} #sub_content .product table{ margin:10px 0; font-size:13px;} #sub_content .product th{ color:#fff; font-size:14px; font-weight: bold; padding:10px 5px; } #sub_content .product td.prodnone{ background:#fff;} #sub_content .product td{ background:#f5f5f5;padding:7px 10px; height:10px;} #sub_content .product #tab1 .list{ list-style:url(/App_Themes/images/tick.png) outside ; margin:0 0 10px 20px; font-size:14px;} #sub_content .product #tab1 .list2{ font-size:13px;} #sub_content .product #tab1 .list2 li{ float:left; margin:0 20px 20px 0; width:130px; text-align:center;} #sub_content .product #tab1 .list2 li img{ width:100%;} #sub_content .product #tab2 th{background:#0eb0de;} #sub_content .product #tab3 .title{ font-size:18px; margin:10px 0; font-weight:bold;} #sub_content .product #tab3 h4{ display:block;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:40px; padding:0 0 0 10px; background:#999;color: #fff;; line-height:40px; text-align:center; margin-top:20px;} #sub_content .product #tab3 table{ margin-bottom:20px;} #sub_content .product #tab3 .table_pink th{background:#fc0787;} #sub_content .product #tab3 .table_orange th{background:#ff9600;} #sub_content .product #tab3 .table_blue th{background:#10b1df; } #sub_content .product #tab3 .table_green th{background:#b0d546;} #sub_content .product #tab3 .tr_dark td{ background:#eee;} #sub_content .product #tab4 th{background:#0eb0de;padding:10px;} #sub_content .product #tab4 td{ background:none; padding:15px 10px; border-bottom:dotted 1px #ccc;} #sub_content .product a.download{ background:#ff048c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:13px; text-transform:uppercase; padding:6px 12px;} #sub_content .product a.download:hover{background:#3b3b3b;} /* -----Technical ----- */ #sub_content .Technical .left_sec{ width:661px; float:left;} #sub_content .Technical .left_sec .section{ float:left; margin:0 0 35px 0; width:661px;} #sub_content .Technical h2{ color:#ff048c; font-size:24px;} #sub_content .Technical h2.blue{ color:#0eb0de;} #sub_content .Technical h2.green{ color:#b0d546;} #sub_content .Technical span{ color:#333;} #sub_content .Technical .left_sec img{max-width:661px;} #sub_content .Technical .Technical_img { float:left; margin:15px 0 0 0; max-width:661px;} #sub_content .Technical .icons{ background:#f1f1f1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 1px #eaeaea; float:left; padding:8px 14px; margin:10px 8px 0 0;} #sub_content .Technical .icons li.admin{ background:url(/App_Themes/images/admin.jpg) no-repeat 0 0; float:left; margin:0 0 0 0;} #sub_content .Technical .icons li.calendar{ background:url(/App_Themes/images/calendar_icon.jpg) no-repeat 0 0; float:left;margin:0 0 0 0;} #sub_content .Technical .icons li.tag{ background:url(/App_Themes/images/tag_icon.jpg) no-repeat 0 0px; float:left;margin:0 0 0 0;} #sub_content .Technical .down{ background:#f1f1f1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; margin:10px 8px 0 0;} #sub_content .Technical a.download{ background:#ff048c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:13px; text-transform:uppercase; padding:8px 14px; float:left;} #sub_content .Technical a.download:hover{ background:#3b3b3b;} #sub_content .Technical .icons a{ font-size:13px; color:#717171; font-size:13px; float:left; padding:0 0 0 22px;} #sub_content .Technical .icons a:hover{ color:#ff048c;} #sub_content .Technical p{ float:left; margin:10px 0 0 0;} #sub_content .Technical a.read_more{ background:#ff9600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:13px; text-transform:uppercase; padding:6px 12px; margin:15px 0 0 0; float:left;} #sub_content .Technical a.read_more:hover{ background:#3b3b3b;} #sub_content .Technical .right_sec{ background:#3b3b3b; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:right; width:226px; padding:20px 20px; margin-top:45px;} #sub_content .Technical .search{} #sub_content .Technical h4{ color:#fff;} #sub_content .Technical .search input{ background:url(/App_Themes/images/blog_search.jpg) no-repeat; height:34px; width:192px; border:none; padding:0 26px 0 8px; margin:8px 0 0 0; float:left; color:#818181;} #sub_content .Technical .search .search_icon{ margin:-24px 10px 0 0; float:right;} #sub_content .Technical .categories{ float:left; margin:25px 0 0 0;} #sub_content .Technical .categories ul{ margin:10px 0 0 0;} #sub_content .Technical .categories li{ background:url(/App_Themes/images/catagery_arrow.jpg) no-repeat 0 12px; margin:0 0 0 0;border-bottom:solid 1px #535353; width:225px;} #sub_content .Technical .categories a{ color:#acacac; font-size:13px;padding:8px 0 8px 15px;display:block;} #sub_content .Technical .categories a:hover{ background:#535353;} #sub_content .Technical .tags{ margin:25px 0 0 0;} #sub_content .Technical .tags li{ background:url(/App_Themes/images/tag_left.png) no-repeat; float:left; margin:0 8px 5px 0; padding:0 0 0 15px;} #sub_content .Technical .tags a{ background:url(/App_Themes/images/tag_right.png) no-repeat; font-size:13px; color:#797979; height:19px; display:block; padding:4px 10px 0 4px; float:left;} #sub_content .Technical .tags a:hover{ color:#db8100;} /* ----- Download ----- */ #sub_content .download span{ font-size:24px ; color:#333332; font-weight:bold;} #sub_content .download span.pink{ color:#ff048c;} #sub_content .download .section_last{margin:0 0 25px 0 !important ;width:225px; height:221px; float:left; text-align:center;} #sub_content .download .section{width:225px; height:221px; float:left; text-align:center; margin:0 20px 25px 0;} #sub_content .download .section_1 { background:url(/App_Themes/images/service_blue.jpg) no-repeat;} #sub_content .download .section_2 { background:url(/App_Themes/images/service_green.jpg) no-repeat;} #sub_content .download .section_3 { background:url(/App_Themes/images/service_pink.jpg) no-repeat;} #sub_content .download .section_4 { background:url(/App_Themes/images/service_orange.jpg) no-repeat;} #sub_content .download_sec .icon { margin:20px 0 10px 0;} #sub_content .download_sec p { font-size:16px; margin:5px 0; text-transform:uppercase; width:220px;color:#FFFFFF;} #sub_content .download_sec span{ font-size:12px; display:block;color:#FFFFFF; height:20px; margin:5px 0 10px 0} #sub_content .download_sec a.download{ background:none; border:1px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:13px; text-transform:uppercase; padding:6px 12px; margin-top:10px;} #sub_content .download_sec a.download:hover{ background:#3b3b3b;border:1px solid #3b3b3b;} /* -----contact----- */ #sub_content .form h2{ background:#3b3b3b; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:18px; padding:7px 10px; margin:25px 0 15px 0; width:640px;} #sub_content .form .field{ float:left; margin:8px 39px 0 0;} #sub_content .form .area{ float:left; margin:8px 30px 0 0;} #sub_content .form .field label{ font-size:13px; color:#555555; width:50px; float:left; margin:10px 0 0 0;} #sub_content .form .field input{ background:url(/App_Themes/images/input.png) no-repeat; width:214px; height:37px; border:none; color:#9a9a9a; padding:0 7px;} #sub_content .form .field input.form_text{ background:url(/App_Themes/images/input2.png) no-repeat; width:528px; height:37px; border:none; color:#9a9a9a; padding:0 7px;} #sub_content .form .field textarea{ background:url(/App_Themes/images/textarea.png) no-repeat; width:528px; height:192px; float:left; border:none; color:#9a9a9a; padding:7px 7px;} #sub_content .form .post_comment{ background:#b0d546; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:13px; text-transform:uppercase; color:#fff; padding:6px 15px; margin:10px 0 0 80px; float:left;} #sub_content .form .post_comment:hover{ background:#3b3b3b;} #sub_content .contact{} #sub_content .contact h2{ font-size:20px;color:#ff048c; margin:35px 0 0 0;} #sub_content .contact span{ color:#333332;} #sub_content .contact .form{ float:left; width:640px; margin-top:10px;} #sub_content .contact .form .error{ background:#dfdfdf; margin:0 0 5px 82px; padding:5px 10px; width:560px; font-size:13px;} #sub_content .contact .contact_info{ float:left; width:320px; font-size:13px;margin-top:10px;} #sub_content .contact .contact_info li{ margin:0 0 30px 0;} #sub_content .contact .form input[type=submit]{ background:#ff048c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:13px; text-transform:uppercase; color:#fff; padding:6px 15px; margin:10px 0 0 50px; float:left; cursor:pointer; border:none;} #sub_content .contact .form input[type=submit]:hover{ background:#3b3b3b;} #sub_content .contact .map{ border:solid 5px #fff; -moz-box-shadow:3px 3px 5px 6px #ccc; -webkit-box-shadow:3px 3px 5px 6px #ccc; box-shadow:0px 0px 3px 0px #ccc; margin:30px 0 0 0; float:left; } #sub_content .form .field img{ height:23px; margin:7px; vertical-align:top;} #sub_content .form .field a{ line-height:37px; color:#1ea3c9; font-size:12px; text-decoration:underline;}