body{font-family:"微软雅黑"; font-size:12px; color:#333; background:url(../image/bg.jpg) no-repeat center 30px}
input,textarea,select {font-size:12px; color:#333; font-family:"微软雅黑"; border:#ccc 1px solid} 
h1,h2,h3,h4,h5,h6, button {font-weight:bold}
a {color:#333; text-decoration:none}
a:hover {text-decoration:underline}

#TopNav {height:30px; width:100%; display:block; z-index:100; overflow:visible; position:fixed; top:0px; _position:absolute; _top:expression(documentElement.scrollTop + "px")}
.Top {background:url(../image/top_bg.jpg) repeat-x; height:29px; border-bottom:#a8abad 1px solid}
.TopRight {float:right; width:550px; margin:5px 20px 0px 0px}
.TopRight button {float:right; background:url(../image/btn_search.jpg) no-repeat; width:20px; height:20px}
.TopRight input {background:url(../image/search.jpg) no-repeat; width:170px; height:20px; float:right; border:none}
.TopRight h1 {float:right; background:url(../image/dot_gray.png) no-repeat left center; margin-right:20px; font-size:12px; font-weight:normal; line-height:20px; padding-left:15px}

.Logo {float:left; font-weight:bold}
.Logo a {display:block; width:250px; background:url(../image/logo.png) no-repeat center top; padding-top:80px; text-align:center; font-size:14px; color:#2ab3f7; text-decoration:none}
.Logo a:hover {color:#2ab3f7}
.Nav h1 {float:right; width:205px; height:80px; margin:25px 0px 0px 10px; text-align:center; padding:10px 10px 0px 10px; font-size:20px}
.Nav h1.GB {background:url(../image/three_block.png) no-repeat right center}
.Nav h1.PB {background:url(../image/three_block.png) no-repeat center center}
.Nav h1.YB {background:url(../image/three_block.png) no-repeat left center}

.Banner {float:left; width:730px; height:260px; margin-top:20px}

.Login h1 {background:#ade4fd; color:#fff; font-size:12px; text-indent:1em; line-height:25px}
.Login input {border:#b7b3a1 1px solid; padding:1px 0px 1px 20px; width:130px; color:#999; line-height:20px}
.Login input.User {background:url(../image/i_u.jpg) no-repeat 5px center}
.Login input.Psw {background:url(../image/i_p.jpg) no-repeat 5px center}
.Login h2 a {background:url(../image/login_bg.jpg) no-repeat; width:19px; height:39px; color:#fff; float:right; font-weight:bold; padding:8px 13px 8px 15px; display:block; font-size:12px; color:#ff6000}

.Login h3 a {background:url(../image/login_cart.jpg) no-repeat; width:150px; height:35px; text-align:right; line-height:35px; padding-right:35px; color:#ff6000; display:block; font-size:14px; margin-left:10px}
.Login h4 {background:url(../image/login_line.jpg) no-repeat; width:210px; height:1px; overflow:hidden; margin:11px 0px 12px 0px; +margin:6px 0px}
.Login h5 {float:left; margin-right:10px}
.Login h5 a {display:block; padding-left:25px; line-height:25px; font-size:12px; text-decoration:none}
.Login h5 a.dazhong {background:url(../image/dazhong.jpg) no-repeat}
.Login img {float:left; margin-right:10px}
.Login li {line-height:35px; border-bottom:#ebf9ff 1px dotted; background:url(../image/dot_blue.gif) no-repeat 5px center; padding-left:20px}

.PinkFrame {background:url(../image/mid_frame.jpg) no-repeat left center; width:330px; height:120px; padding:15px; float:left; display:block}
.YellowFrame {background:url(../image/mid_frame.jpg) no-repeat right center; width:330px; height:120px; padding:15px; float:right; display:block}
.List {background:url(../image/dot_gray.jpg) no-repeat left center; padding-left:8px; line-height:25px}

.btn {text-align:center; color:#fff; line-height:30px; width:100px; background:url(../image/btn.jpg) no-repeat; letter-spacing: 1px; border:none; cursor:pointer; height:30px}

.Link h1 {float:left; font-size:12px; text-align:center; background:url(../image/link_line.jpg) no-repeat right center; margin-bottom:14px; +margin-bottom:9px}
.Link h1.Last {background:none}
.Link h1 a {display:block; width:70px; padding-top:35px}
.Link h1 a.Earth {background:url(../image/earth.jpg) no-repeat center top}
.Link h1 a.Twitter {background:url(../image/twitter.jpg) no-repeat center top}
.Link h1 a.Video {background:url(../image/video.jpg) no-repeat center top}
.Link h2 {float:left; font-size:12px}
.Link h2 a {display:block; width:60px; height:40px; line-height:40px; padding-left:45px}
.Link h2 a.Yaya {background:url(../image/link_btn.jpg) no-repeat left center}
.Link h2 a.Liba {background:url(../image/link_btn.jpg) no-repeat right center}
.Link h2 a.QQ {background:url(../image/qq.jpg) no-repeat left center}
.Link h3 {background:url(../image/login_line.jpg) no-repeat; width:210px; height:1px; overflow:hidden; margin-bottom:15px; +margin-bottom:10px}

.IndexEvent {padding:10px; line-height:20px}
.IndexEvent h1 {font-size:14px; padding-left:25px; line-height:25px}
.IndexEvent h1.StarBlue {background:url(../image/star_blue.png) no-repeat left center}
.IndexEvent h1.StarGreen {background:url(../image/star_green.png) no-repeat left center}
.IndexEvent h2 a {display:block; float:right; width:26px; height:7px; overflow:hidden; margin-top:10px}
.IndexEvent h2 a.BlueMore {background:url(../image/more_blue.png) no-repeat}
.IndexEvent h2 a.GreenMore {background:url(../image/more_green.png) no-repeat}
.IndexEvent h3 {height:8px; overflow:hidden; margin:10px 0px}
.IndexEvent h3.Blue {background:url(../image/index_event_blue.png) no-repeat center center}
.IndexEvent h3.Green {background:url(../image/index_event_green.png) no-repeat center center}
.IndexEvent img {float:left; margin:0px 10px 15px 0px}
.IndexEvent ul {border-top:#ddd 1px dotted; margin-bottom:10px}
.IndexEvent li {padding:8px 0px 0px 10px}
.IndexEvent li.Blue {background:url(../image/dot_blue.png) no-repeat left 15px}
.IndexEvent li.Green {background:url(../image/dot_green.png) no-repeat left 15px}
.IndexEvent li.Yellow {background:url(../image/dot_yellow.png) no-repeat left 15px}

.IndexNews li {background:url(../image/dot_green.png) no-repeat 15px center; padding-left:30px; line-height:25px; color:#4f9d04;}
.IndexNews li.White {background:#fff url(../image/dot_green.png) no-repeat 15px center}
.IndexNews h2 {font-size:12px; text-align:right; line-height:40px; padding-right:15px}
.IndexNews a {color:#4f9d04}

.IndexClass {background:url(../image/label.png) no-repeat left top}
.IndexClass li {line-height:25px; padding-left:30px; text-decoration:underline}
.IndexClass h2 {font-size:12px; text-align:right; padding:10px 15px 0px 0px}

.IndexShaloo {background:url(../image/shaloo_bg.jpg) no-repeat center bottom; padding:15px; height:262px}

.Shadow1 {background:url(../image/shadow_1.jpg) no-repeat; width:20px; height:200px; position:absolute; margin-left:480px; +margin-left:0px}
.Shadow2 {background:url(../image/shadow_1.jpg) no-repeat; width:20px; height:200px; position:absolute; margin-left:980px; +margin-left:500px}
.Shadow3 {background:url(../image/shadow_2.jpg) no-repeat; width:20px; height:200px; position:absolute; margin:100px 0px 0px 240px}
.Shadow4 {background:url(../image/shadow_3.jpg) no-repeat; width:20px; height:200px; position:absolute; margin:100px 0px 0px -20px}

.Bottom {background:#f9fefe; padding-top:40px; margin-top:20px}
.Bottom h1 {color:#375915; font-size:14px; padding-bottom:20px}
.Bottom li {background:#fff; border:#bedfb0 1px solid; padding:9px 9px 9px 55px; line-height:20px; float:left; margin-right:5px}
.Bottom li.Sina {background:#fff url(../image/sina.jpg) no-repeat 9px center;}
.Bottom li.Wangyi {background:#fff url(../image/163.jpg) no-repeat 9px center;}
.Bottom li.Sohu {background:#fff url(../image/sohu.jpg) no-repeat 9px center;}
.Bottom li.Ganji {background:#fff url(../image/ganji.jpg) no-repeat 9px center;}
.Bottom li.Baixing {background:#fff url(../image/baixing.jpg) no-repeat 9px center;}
.Bottom li.SouFun {background:#fff url(../image/soufun.jpg) no-repeat 9px center;}
.Bottom li.RenRen {background:#fff url(../image/renren.jpg) no-repeat 9px center;}
.Bottom li.Dianping {background:#fff url(../image/dianping.jpg) no-repeat 5px center;}
.Bottom h2 {padding:20px 0px; line-height:20px; font-size:12px; text-align:center; font-weight:normal}


.CareBg {background:#ffffd5; border-top:#fde97a 10px solid; border-bottom:#fde97a 10px solid; border-radius:5px; margin-top:20px; padding:20px 0px}
.CareLeft {border:#fff 10px solid; width:180px; float:left; border-radius:5px; padding:20px 10px}
.CareLeft h1 {font-size:18px; color:#c90}
h2.CareTitle {background:url(../image/care_line.png) no-repeat; height:30px; line-height:18px; font-size:14px; padding-left:30px; margin:20px 0px 10px 0px}
.CareFeature {background:url(../image/tese_bg.png) no-repeat; width:460px; height:165px; margin-top:20px; padding:55px 0px 0px 20px}
.CareFeature h1 {background:url(../image/care_icon.png) no-repeat left center; line-height:25px; font-size:12px; font-weight:normal; padding-left:20px}
.CareList li {width:120px; text-align:center; float:left; background:url(../image/pic_shadow.png) no-repeat center top; }
.CareList img {padding-bottom:7px}
.CareTab {border-left:#fde453 1px solid; border-top:#fde453 1px solid; border-bottom:#fde453 1px solid; height:30px; margin-top:20px}
.CareTab li {background:url(../image/care_tab.jpg) no-repeat; width:158px; text-align:center; border-right:#fde453 1px solid; cursor:pointer; color:#c90; line-height:30px; float:left; font-weight:bold}
.CareTab li.Current {background:url(../image/care_tab_hover.jpg) no-repeat; font-size:14px; color:#000}
.Feature img {background:url(../image/feature_shadow.jpg) no-repeat center top; padding:0px 10px 10px 10px; width:140px; height:110px; float:left; margin-right:10px}

.Product li {width:170px; float:left; text-align:center; margin-bottom:10px}
.Product img {background:url(../image/feature_shadow.jpg) no-repeat center top; padding:0px 10px 10px 10px; width:140px; height:110px; margin-bottom:5px}
.ProductIntr {float:right; width:300px; line-height:35px; font-size:14px}
.ProductIntr span {font-family:Georgia; font-size:18px; color:#d00000; font-weight:bold}
.Puchase {border:#ddd 1px solid; padding:9px; background:#fdfce0; margin-top:50px}
.Puchase:hover {border:#c90 1px solid}
.Puchase h1 {border-bottom:#ccc 1px dotted; line-height:30px; font-size:12px; margin-bottom:20px}
.Puchase input {border:#ddd 1px solid; width:40px; margin:0px 5px}
.Puchase h2 {float:left; margin-right:20px}
.Puchase h2 a {display:block; background:url(../image/cart.jpg) no-repeat; width:210px; height:50px}


.LearnBg {background:#fef0fd; border-top:#fc9fb8 10px solid; border-bottom:#fc9fb8 10px solid; border-radius:5px; margin-top:20px; padding:20px 0px}
.LearnLeft {border:#fff 10px solid; width:180px; float:left; border-radius:5px; padding:20px 10px}
.LearnLeft h1 {font-size:18px; color:#fc9fb8}
h2.LearnTitle {background:url(../image/learn_line.png) no-repeat; height:30px; line-height:18px; font-size:14px; padding-left:30px}
.LearnFeature li {background:url(../image/dot_pink.jpg) no-repeat left center; padding-left:10px; line-height:25px}
.LearnFeature h1 {font-size:14px; color:#fc9fb8; padding-bottom:5px}
.LearnFeature img {float:left; margin:0px 10px 20px 0px}

.Tab {border-bottom:#8ed747 1px solid; padding:0px 20px; height:32px; margin:30px 20px 0px 30px}
.Tab li {float:left; cursor:pointer; line-height:30px; padding:0px 20px; color:#4f9d04; margin-right:10px}
.Tab li.Current {background:#f0f9e7; border-top:#8ed747 1px solid; border-right:#8ed747 1px solid; border-left:#8ed747 1px solid; color:#4f9d04; font-weight:bold; margin-top:1px}

.TabYellow {border-bottom:#ffed8f 1px solid; padding:0px 20px; height:32px; margin:30px 20px 0px 30px}
.TabYellow li {float:left; cursor:pointer; line-height:30px; padding:0px 20px; color:#c90; margin-right:10px}
.TabYellow li.Current {background:#fdfce0; border-top:#ffed8f 1px solid; border-right:#ffed8f 1px solid; border-left:#ffed8f 1px solid; color:#c90; font-weight:bold; margin-top:1px}

.Quick {line-height:20px; border-bottom:#ddd 1px dashed; padding:9px; background:#f9f9f9}
.Quick:hover {background:#fdfce0}
.Quick h1 {font-size:12px; float:left; width:50px; float:left}
.Quick ul {float:right; padding-left:10px; width:600px}
.Quick li {float:left; width:200px}
.Quick li a.Current {color:#d00000; font-weight:bold}

.Booking {background:url(../image/booking_bg.png) no-repeat; padding:80px 0px 0px 110px; width:830px; height:490px}
.Regist {background:url(../image/regist_bg.png) no-repeat; padding:80px 0px 0px 0px; width:940px; height:490px}
.Forget {background:url(../image/forget_bg.png) no-repeat; padding:80px 0px 0px 0px; width:940px; height:320px}

.Location {width:540px; height:230px; margin:auto; background:url(../image/location_bg.jpg) no-repeat; padding:95px 80px 65px 60px; margin-bottom:25px}
.Location li {float:left; width:180px; text-align:center; margin-bottom:30px}
.Location img {width:150px; height:100px}

.Grass {background:url(../image/grass.png) no-repeat center bottom}
.Note {float:left; background:url(../image/note.jpg) no-repeat; width:410px; height:185px; padding:55px 75px 30px 45px; line-height:25px}

.Comment {border:#d6e8fc 1px dashed; background:#f5faff; padding:14px; margin:20px}
.Comment img {float:left; width:70px; height:70px}
.Comment h1 {font-size:14px; padding-bottom:5px; color:#2ab3f7}
.Comment li {border-bottom:#ddd 1px dotted; margin-bottom:15px; padding-bottom:14px}

.User h1 {font-size:16px; padding:20px 0px 0px 20px; color:#2ab3f7}
.User input {padding:3px}




.main_head { BACKGROUND: url(../image/img3-5_2.png) no-repeat}
* HTML .main_head {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/img3-5_2.png", sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0%}
* + HTML .main_head {BACKGROUND: url(../image/img3-5_2.png) no-repeat}
.info { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../image/img3-5_3.png) repeat-y; PADDING-TOP: 5px }
* HTML .info {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/img3-5_3.png", sizingMethod='crop'); BACKGROUND-REPEAT: repeat-y }
* + HTML .info {PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../image/img3-5_3.png) repeat-y; PADDING-TOP: 5px }
.down_kefu { WIDTH: 157px; BACKGROUND: url(../image/img3-5_4.png) no-repeat; HEIGHT: 8px }
* HTML .down_kefu {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/img3-5_4.png", sizingMethod='crop'); WIDTH: 157px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 8px}
* + HTML .down_kefu {WIDTH: 157px; BACKGROUND: url(../image/img3-5_4.png) no-repeat; HEIGHT: 8px}
.Obtn { MARGIN-TOP: 12px; WIDTH: 35px; BACKGROUND: url(../image/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 160px}
* HTML .Obtn {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/img3-5_1.png", sizingMethod='crop'); WIDTH: 35px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 160px;}
* + HTML .Obtn {MARGIN-TOP: 204px; WIDTH: 35px; BACKGROUND: url(../image/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 160px;}
.qun { BORDER-BOTTOM: #ffd2bf 1px solid; BORDER-LEFT: #61b9ed 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: #61b9ed 1px solid; BORDER-RIGHT: #61b9ed 1px solid; PADDING-TOP: 5px }
.qun SPAN { COLOR: #ff6600; FONT-SIZE: 13px; FONT-WEIGHT: bold }


#preview{float:left; text-align:center; width:350px;}
.jqzoom{width:350px; height:350px; position:relative;}
.zoomdiv{left:860px; height:400px; width:350px;}
.list-h li{float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{background:url(../image/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../image/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{width:320px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../css/i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:320px; margin-right:5px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}