@import url("yui/reset.css");
@import url("yui/fonts.css");

/* Base */
*{ margin:0; padding:0; }
ul{ list-style:outside; }
fieldset{ border:none; }
legend{ display:none; }
strong { font-weight:bold; }
body, td, li, a, input { color:#666; }
a, a:visited { text-decoration:none; color:#1f3d99; }
a:hover { color:#f00; }
.fix:after { content:"."; display:block; clear:both; visibility:hidden; height:0; }
.fix { zoom:1; }
.red { color:#f00; }

.mouseon:hover { background:#f6fff6; }
.fr { float:right; }
.hidden { display:none; }
.btn { background:url(../../images/admin/btn.l.back.gif) no-repeat; float:left; padding-left:3px; }
.btn input { border:0; background:url(../../images/admin/btn.back.gif) right no-repeat; height:25px; line-height:25px; padding:0px 8px 0 5px; }
.tip { color:#f00; }
.pager { padding-top:20px; }
.pager a { margin-right:5px; float:left; line-height:20px; padding:1px 5px 0 5px; text-align:center; border:1px solid #eee; }
.pager a.on { color:#000; }
.pager a:hover { background:#eee; border:1px solid #ccc; }


/* Layout */
.header, .main, .footer, .submenu { width:960px; margin:0 auto; }
.main { margin-top:15px; }
.topline { border-top:1px solid #2669e0; }
.left, .middle, .right { float:left; }
.left { width:200px; }
.middle { width:600px; }
.right { width:160px; }

body { background:url(../images/back.body.gif) repeat-x; }
.header .r0 { line-height:30px; }
.header .r0 a { color:#777; margin-left:10px; padding-left:8px; background:url(../images/arrow.gif) no-repeat left center; }
.header .r0 a:hover { color:#f00; }
.header .r1 { position:relative; height:60px; }
.header .r1 .logo { padding-top:12px;  }
.header .r1 .functions { position:absolute; top:33px; left:250px; }
.header .r1 #favorite { background:url(../images/fav.gif) no-repeat left center; padding-left:18px; }
.header .r1 #rss { background:url(../images/rss.gif) no-repeat left center; padding-left:18px; margin-left:12px; }
.header .r1 .search { position:absolute; top:8px; right:0; height:52px; width:480px; background:url(../images/search.gif) 0 23px no-repeat; }
.header .r1 .search .m { padding-left:23px; }
.header .r1 .search a { float:left; display:block; padding:4px 8px 2px 8px; margin:0 1px; }
.header .r1 .search a.on { background:#f2f7fd; border:1px solid #b6c4de; border-bottom:none; color:#999; cursor:default; }
.header .r1 .search #keywords { position:absolute; top:24px; left:26px; width:427px; height:23px; line-height:23px; border:0; background:none; color:#999; }
.header .r1 .search #go { position:absolute; right:0; height:25px; width:25px; border:0; background:none; background:url(../images/search.gif) no-repeat right; } 
.header .r2 { position:relative; height:35px; background:url(../images/nav.gif) no-repeat; }
.header .r2 .hotline { position:absolute; top:14px; right:14px; color:#fff; }
.header .r2 .menu { position:absolute; height:35px; padding-left:10px; }
.header .r2 .menu span { float:left; padding-left:4px; }
.header .r2 .menu .sp { background:url(../images/menu.s.gif) no-repeat left center; }
.header .r2 .menu span a { float:left; padding:13px 13px 8px 10px; color:#fff; }
.header .r2 .menu span.on { background:url(../images/menu.on.l.gif) no-repeat left top; }
.header .r2 .menu span.on a { background:url(../images/menu.on.r.gif) no-repeat right top; padding-top:11px; font-weight:bold; color:#333; font-size:14px; }
.submenu { background:url(../images/submenu.gif) repeat-x; height:30px; }
.submenu div { margin-left:8px; }
.submenu a { float:left; padding:10px 10px 4px 10px; }
.submenu a.on { color:#333; background:url(../images/submenu.on.gif) no-repeat; border-left:1px solid #fff; border-right:1px solid #fff; }
.footer .r1 { margin-top:15px; padding:10px 0; border-top:3px solid #2669e0; }
.footer .r1 a { color:#333; }
.footer .r1 .abouts { float:right; }
.footer .r1 .abouts a { margin-left:6px; color:#00f; }

/* port autocomplate */
#boxstocks { position:absolute; background:#fff; border:1px solid #666; z-index:2; }
#boxstocks a { display:block; padding:3px 5px; color:#666; white-space:nowrap; }
#boxstocks a.on { background:#00a800; color:#fff; }
#boxstocks a.on .red { color:#fff }

/* layout */
.querybox { background:#305eb1; padding:6px; }
.querybox .r1 { font-weight:bold; line-height:35px; }
.querybox .r1 a { float:left; width:53px; white-space:nowrap; text-align:center; background:url(../../../images/tabs.gif); color:#0154ac; border-left:1px solid #d8e5f9; border-bottom:1px solid #93b8e6; border-right:1px solid #93b8e6; }
.querybox .r1 a.airlines { width:67px; border-right:none; }
.querybox .r1 a.on { background:#fff; border-left:1px solid #fff; border-bottom:1px solid #fff; color:#000; }
.querybox .r2 { background:#fff; padding:10px 0 10px 20px; height:137px; }
.querybox .r2 ul li {  margin-bottom:10px; }
.querybox .r2 #keywords { float:left; margin-right:15px; border:1px solid #305eb1; line-height:23px; height:23px; }

.hotbox { border:1px solid #ffa036; line-height:160%; }
.hotbox .r1 li { background:url(../../../images/hots.gif) repeat-x; color:#fff; margin:1px; line-height:25px; padding:0 5px; }
.hotbox .r2 { padding:6px 10px; }
.viewbox { border:1px solid #c6e4fe; line-height:160%; }
.viewbox .r1 { background:url(../../../images/channel.gif) repeat-x; margin:1px; border-bottom:2px solid #c6e4fe; line-height:25px; padding:0 5px; }
.viewbox .r2 { padding:6px 10px; }