@charset "utf-8";
/*
Theme Name: newsbook
Theme URI: http://www.newsbook.net
Description: HongKong IDC website
Version: 1.01
*/
*{margin:0;padding:0;}
ul,li,dl,ol{list-style:none;}
.banner {width:100%;background:url('images/bg.jpg');background-repeat:repeat-x;}
#xxx {width:1000px;text-align:center;margin:0 auto;}
.in1 {width:100px;height:30px;font-size:1.2em;font-weight:bold;background-color:#f98;}
.mm {width:120px;display:-moz-inline-box; display:inline-block;text-align:right;padding-right:10px;}
body {width:100%;margin:0;padding:0;}
#titleall {width:100%;background:#f2f2f2;margin:0;padding:0;height:90px;}
#title {width:1005px;padding:10px 0;margin:0 auto;}
#logo {width:225px;height:65px;float:left;}
#daohang {float:right;width:775px;}
#daohangup {text-align:right;margin:5px 0 0 0;font-size:14px;}
#daohang ul {margin-top:15px;}
#daohangdown {margin:0;}
.mycloum,.mycloum1 {width:116px;float:left; text-align:right;font-weight:bolder;}
#headline {border-bottom:1px solid #EFE68F;height:1px;width:100%;}
#warp {width:100%;background:#f2f2f2;margin-top:0px;border-top:0px solid #ccc;}
#maintop {width:1000px;margin:30px auto;height:105px;background:#4daedf;}
#maintop ul li{list-style:none;margin:0;padding:15px 0;float:left;width:20%;text-align:center;line-height:200%;font-size:18px;font-weight:bolder;color:#fff;min-width:100px;}
#maintop a {color:#fff;text-decoration: none;}
#maintop a:hover {color:#fc0;text-decoration: none;}
#ourservice {width:1000px;margin:0px auto 15px auto;padding:0;height:380px;background:#fff;line-height:0%;}
#ourservice ul {list-style-type:none;margin:0;padding:0;}
#ourservice div {list-style-type:none;margin:0;padding:0;float:left;border:1px solid #ccc;width:24.8%;height:380px;text-align:center;min-width:230px;}
.serv01 {font-size:28px;font-weight:bolder;padding:15px 0 10px 0;font-style:ºÚÌå;height:55px;margin-top:25px;}
.serv02 {font-size:14px;color:#666;word-break:break-all; }
.serv03 {padding:25px 0;word-break:break-all; }
.serv04 {font-size:14px;color:#666;padding:14px 0;word-break:break-all; margin:10px 0;}
.serv05 {font-size:14px;color:#666;word-break:break-all; }
#ourservice a {color:#000;text-decoration: none;}
#ourservice a:hover {color:#f00;text-decoration: none;}
#ace {width:1000px;margin:15px auto;text-align:center;background:#0978b8;color:#fff;height:98px;}
#ace span {font-size:28px;font-weight:bolder;color:#fff;line-height:350%;}
#aboutus {width:1000px;margin:10px auto;background:#fff;}
#aboutus ul,li {list-style-type:none;margin:0;padding:0;font-size:14px;}
#ab01,#ab02,#ab03 { width:32%; float:left; background:#fff;min-height:400px;}
#ab02 {margin:0 2%;}
#ab01a {width:99%;height:50px;border:2px solid #fff;background:#f5bb3d;font-size:22px;font-weight:bolder;color:#333;}
#ab02a {width:99%;height:50px;border:2px solid #fff;background:#82ad4e;font-size:22px;font-weight:bolder;color:#333;}
#ab03a {width:99%;height:50px;border:2px solid #fff;background:#09c;font-size:22px;font-weight:bolder;color:#333;}
#ab01a span {margin:0px;padding:0px 25px;line-height:230%;}
#ab02a span {margin:0px;padding:0px 25px;line-height:230%;}
#ab03a span {margin:0px;padding:0px 25px;line-height:230%;}
#ab01b li {padding:5px 0 5px 8px;}
#ab01b a {color:#333;text-decoration: none;}
#ab01b a:hover {color:#f00;text-decoration: none;}
#ab02b li {padding:5px 0 5px 8px;line-height:180%;color:#333;}
#ab03b li {padding:5px 0 5px 8px;}
#ourc {width:1000px;margin:15px auto;background:#fff;min-height:153px;}
#ourc1 {height:50px;}
.o1 {font-size:22px;color:#333;font-weight:bolder;padding:0 200px 0 15px;line-height:200%;}
.o2 {font-size:14px;color:#666;}
.o2 a {color:#666;text-decoration: none;}
.o2 a:hover {color:#f00;text-decoration: none;}
#ourc2 {border-left:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;min-height:100px;}
#ourc2 li{float:left;width:33%;border-left:1px solid #f2f2f2;height:50px;border-top:1px solid #f2f2f2;list-style:none;margin:0;padding:0;}
#ourc2 ul {list-style:none;margin:0;padding:0;}
#ourc2 a {color:#666;text-decoration: none;}
#ourc2 a:hover {color:#f00;text-decoration: none;}
#ourc2 img {margin:10px 0 0 10px;}
#ourc2 span {margin:0 10px;}
#footer {width:1000px;margin:0 auto;}
#foo1 {height:25px;background:#09c;}
#foo2 {margin:15px 0;}
#foo2 ul {list-style:none;margin:0;padding:0;float:left;width:15.6%;min-width:130px;margin:10px 5px;}
#foo2 li {list-style:none;margin:0;padding:0 0 0 2px;font-size:14px;}
#foo2 li a{color:#1570a6;text-decoration: none;line-height:24px;}
#foo2 li a:hover {color:#f60;text-decoration: none;line-height:24px;}
.foa {font-size:18px;font-weight:bold;color:#333;padding:20px 0;}
#foo3 {font-size:14px;text-align:center;color:#333;border-top:1px solid #ccc;line-height:250%;margin-top:15px}
#foo4 {font-size:12px;text-align:center;background:#0178d6;padding:10px 0;margin-top:20px;color:#fff;line-height:180%;}
#apllybo {width:200px;height:30px;margin:0 auto;background:#F90;text-align:center;padding:20px 0;border-radius: 5px;font-size:1.2em;font-weight:bold;}
#apllybo a {color:#fff;text-decoration: none;}
#main {width:1000px;margin:0 auto;}
#main p{line-height:220%;}
.p1 {margin-top:30px;font-size:1.5em;}
table {overflow:scroll;table-layout:fixed}
#roll {height:380px;}
#rcwo {text-align:center;font-size:4em;color:#fff;padding:75px 0 0 15px;}
.tclon {width:800px;font-size:1.2em;line-height:180%;margin:25px auto;color:#fff;}
/* clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
.up001 {color:#0178d6;margin:10px 0;}
.mycloum a {color:#0178d6;text-decoration: none;font-size:16px;}
.mycloum a:hover {color:#f60;text-decoration: none;font-size:16px;}
/*²Ëµ¥*/
.nav ul {
margin: 0;
padding: 0;
}
.nav li {
margin: 0 5px 10px 0;
padding: 0;
list-style: none;
display: inline-block;
*display:inline; /* ie7 */
}
.current {opacity: 0;}
.menu-icon{
width: 30px;
height: 5px;
border-top: 5px solid #DD575C;
border-bottom: 5px solid #DD575C;
background-color: #DD575C;
padding: 5px 0;
background-clip:content-box;
}
/* Сì¶1000ÏñËØÆÁÄ»˜Óʽ */
@media only screen
and (max-width : 1000px)
{
#title {width:100%;}
#daohangup {display:none;}
#menulcon {float:right;display:inline;}
#maintop {width:100%;}
#ourservice {width:100%;}
#ourservice div {background:#fff;}
#ace {display:none;}
#aboutus {width:100%;}
#ab03 {display:none;}
#ab01{width:45%;float:left;}
#ab02{width:45%;float:right;}
#ourc {width:100%;}
#ourc2 li {width:49%}
#footer {width:100%;}
.mycloum {width:120px;float:none;}
#logo {margin-left:15px;float:left;}
#daohang {width:30%;float:right;text-align:left;}
.nav {
position: relative;
min-height: 40px;
}
.nav ul {background: #fff url(images/icon-menu.png) no-repeat 10px 11px;}
.nav li {
display: none; /* hide all items */
margin: 0;
}
.nav .current {
display: block; float:right;/* show only current item */
}
.nav a {
display: block;
padding: 5px 5px 5px 32px;
text-align: left;
}
/* on nav hover */
.nav ul:hover {
background-image: none;
}
.nav ul:hover li {
display: block;
margin: 0 0 5px;
}
/* right nav */
.nav.right ul {
left: auto;
right: 0;
}
/* center nav */
.nav.center ul {
left: 50%;
margin-left: -90px;
}
.current {opacity: 100;}
}
@media only screen
and (max-width : 920px)
{
#ourservice div {width:49.5%; }
#js_banner,.banner {display:none;}
#rcwo {padding:55px 0 0 15px;}
#titleall {height:92px;}
}
@media only screen
and (max-width : 650px)
{
#ab01{width:100%;}
#ab02{width:100%;}
#main {width:98%;margin:0 auto;}
.tclon {width:90%;}
.ala {display:none;}
}
@media only screen
and (max-width : 550px)
{
#maintop {height:220px;display:none;}
#headline {border:0;}
#ourc2 li {width:98%}
.map img{width:95%;}
}
@media only screen
and (max-width : 460px)
{
#ourservice div {width:100%; }
}
@media only screen
and (max-width : 350px)
{
#maintop {height:350px;display:none;}
}