@charset "utf-8";
/* ----------  public css ---------- */
html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top;}

/* ----------  font ---------- */
body { font-size:13px;font-family:Microsoft YaHei,Arial,Helvetica,sans-serif; color:#555; background:url(../images/body_bg.gif) top repeat-x; overflow-x:hidden; }

a {color:#f7941f; text-decoration:none;}
a:hover {color:#484832; text-decoration:none;}

.price{font-family:Tahoma,Geneva,sans-serif; font-weight:bold; }
.price strong{font-size:1.4em; padding-left:3px;color:#c80000;}
.nes{ color:#f00;}
.domain{ font-family:"Arial Black", Gadget, sans-serif; font-weight:bold;}
.wrapper { clear:both; width:100%; margin:0; padding:0; background:url(../images/wrapper_bg.jpg) top center no-repeat;}

/* ----------  header ---------- */
.header{width:960px; height:430px; margin:0 auto; overflow:hidden;}

.header .logo{ height:44px;}
.header .logo img{ height:28px; padding:8px 20px 8px 0; }

.collecttext{ width:800px; margin:280px 0 0 160px;}
.collecttext p{ line-height:30px; color:#004a68; font-size:13px; padding-bottom:10px;}
.collecttext p .domain{ font-size:15px; font-weight:bold;}
.collecttext p span{ padding:0 4px;}

/* ----------  content ---------- */
.content{ width:830px; margin:0 auto;}

.searchbar{ position:relative;margin-bottom:30px; padding:56px 0 0 170px; width:660px; height:64px; background:url(../images/search_bg.jpg) 0 0 no-repeat;}
.searchbar h3{color:#fff; line-height:40px; font-size:20px; letter-spacing:2px; position:absolute; top:0; left:140px;}
.searchbar input, .searchbar button{ float:left; margin-right:20px;}
.searchbar .domainname{ width:375px; height:23px; line-height:23px; padding:10px 20px; border:0; background:url(../images/input_bg.jpg) center no-repeat; font-size:14px; color:#666;}
.searchbar .search_button{ color:#fff; margin-top:4px; font-weight:bold; font-size:14px; width:120px; height:33px; border:0; background:url(../images/search_button.png) 0 0 no-repeat; cursor:pointer;}
.searchbar .search_button:hover{ background-position:0 -33px;}
.searchbar .info{ position:absolute; top:10px; right:5px; line-height:20px; color:#f7941f; font-size:12px;}
.searchbar .info a{ color:#f7941f; padding:0 4px;}
.searchbar .info a:hover{color:#f7941f; text-decoration:underline;}

.group{ position:relative; width:770px; padding:80px 30px 0 30px; margin-bottom:30px; background-position:0 0; background-repeat:no-repeat;}
.group h3{ position:absolute; padding-left:25px; height:45px; left:-6px; top:20px; background:url(../images/title_bg.png) 0 0 no-repeat;}
.group h3 span{ color:#fff; line-height:40px; display:inline-block; padding:0 20px 5px 0; font-size:20px;background:url(../images/title_bg.png) 100% 100% no-repeat; letter-spacing:2px;}

.group.detail{ background-image:url(../images/group_bg_yellow.jpg);}
.eventlist{ width:770px; border:0; background:url(../images/table_bg.jpg) 0 0 no-repeat; height:220px; vertical-align:middle;}
.eventlist th{ text-align:left; font-size:15px; }
.eventlist th, .eventlist td{ height:24px; padding:10px 15px; color:#484832; text-shadow:0 1px 0 #fff;}
.eventlist td .domain{font-size:18px;}
.eventlist td .code{ font-size:15px; font-weight:bold; color:#333; font-family:Tahoma,Geneva,sans-serif;}

.group.favorable{ background-image:url(../images/group_bg_blue.jpg);}
.favorable .col-1, .favorable .col-2{ width:370px;}
.favorable .col-1{ margin-right:30px;}
.favorable h4{ color:#f7941f; font-size:14px; padding:0 0 5px 22px; line-height:20px; background:url(../images/icon_paper.gif) 3px 3px no-repeat; border-bottom:1px solid #f7941f; margin-bottom:10px;}
.favorable ul{ list-style: decimal outside; padding-left:20px;}
.favorable li{ clear:both; line-height:20px; padding-bottom:5px; }


/* ----------  footer ---------- */
.footer{ margin-top:50px; height:66px; background:url(../images/footer_bg.gif) 0 0 repeat-x;}
.copyright{height:26px; font-size:12px; line-height:26px; text-align:center; color:#06bad5; padding:20px 0; width:960px; margin:0 auto; background:url(../images/copyright_bg.jpg) 0 0 no-repeat;}
.copyright a, .copyright strong{ color:#fff; padding:0 5px; font-size:13px;}
.copyright a:hover{color:#06bad5;}