/*--------------------------------------------------- main red #900040, background #F4E6EC -light pink separate line-#eee, vertical 1px, horizontal 3px background:#f8f8f8 -light blue ----------------------------------------------------*/ * {border:0;padding:0;margin:0;} html {height:100%;width:100%;font:12px Tahoma;text-align:center;color:white;background:white;} a:link,a:visited {text-decoration:none;color:#900040} a:hover,:active {text-decoration:none;} .gradient{clear:both;width:100%;height:20px;overflow:auto; /*IE */filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=150,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#900040,endcolorstr=white,gradientType=0); /*IE8+*/-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=150,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#900040,endcolorstr=white,gradientType=0); /*Else */background:#900040; /*Firefox */background:-moz-linear-gradient(top, #900040, rgba(255, 255, 255, 0.5)); /*Chrome/Safari */background:-webkit-gradient(linear, 0 0, 0 top, from(rgba(144, 0, 64, 0.5)), to(white)); /*IE10 */background:-ms-linear-gradient(top, #900040, rgba(255, 255, 255, 0.5)); /*Chrome/Safari */background:-webkit-gradient(linear, 0 0, 0 bottom, from(white), to(rgba(144, 0, 64, 0.5))); /*?? */background:-o-linear-gradient(top, #900040, rgba(255, 255, 255, 0.5)); /*?? */background:linear-gradient(top, #900040, rgba(255, 255, 255, 0.5)); } /*------------------------------- for all pages. ---------------------------------*/ .price_yellowcross {text-decoration:line-through;} /*---------------------------- head.asp->head.txt -----------------------------*/ /* head 1, shared */ #topline {clear:both;width:80%;min-width:960px;margin:10px auto 0;height:50px;border-bottom:1px solid grey;} #topline .slogan {float:left;} #topline span#indexphone {float:left;font-size:16px;font-weight:bold;background:url(/images/iconphone.png) no-repeat left center;padding:20px 60px 10px;margin-left:30px;color:#c00040;} #topline .rightmenu {float:right;width:200px;} #topline .rightmenu a {float:right;color:#900040;margin-left:5px;text-decoration:underline;} /* head 2, shared */ #header {clear:both;width:80%;min-width:960px;margin:5px auto;height:120px;} #logo {float:left; padding-top:7px;} #ads {width:65%;height:100%;float:right;border:1px solid #900040;overflow:hidden;} /* head 3, shared */ #mainmenu {width:100%;min-width:960px;height:50px;background:#900040;font-weight:bold;} #mainmenu ul {clear:both;list-style-type:none;width:80%;min-width:960px;margin:0 auto;padding-top:5px;} #mainmenu ul li {float:left;position:relative;z-index:99;padding:2px 10px;} #mainmenu ul li a,#mainmenu ul li ul li a {text-decoration:none;color:white;} #mainmenu ul li.qqbox {float:left;position:relative;z-index:99;} #mainmenu a:hover,#mainmenu a:active {color:yellow} /* head 4, index page ONLY */ #indexharea {clear:both;width:80%;min-width:960px;margin:0 auto;margin-bottom:2px;} #XNKL {width:100%;min-width:960px;height:100%;min-height:280px;overflow:hidden;} /*#packageHead {width:100%;height:28px;background:#900040;color:white;} #indexpackages {width:100%;height:250px;overflow:hidden;background:#900040; } #indexpackages div{height:100%;float:left;margin:0;margin-left:4px;} #indexpackages div img{height:250px;background:black;}*/ /* index page ONLY */ a.indexmore {border:0;position:relative;right:10px} .indexpiccube {height:100px;width:200px;overflow:hidden;float:left;} /* maincontainer shared by index ... */ #maincontainer {clear:both;width:80%;min-width:960px;margin:0 auto;background:#F4E6EC;} #maincontainer a:link {text-decoration:none;color:#900040} #maincontainer a:hover,#maincontainer a:active {text-decoration:underline;} #indexleft {clear:both;width:70%;float:left;overflow:hidden;} #indexleft .indexleftbig {width:100%;} #package {float:left;width:49%;height:240px;background:white url(/images/art1.png) no-repeat right;margin-bottom:3px;border-top:1px solid #900040;border-bottom:1px solid #900040;padding-bottom:3px;} #package h2 {color:#900040;text-align:left;padding:3px;padding-left:30px;background:url(/images/icon_heart.jpg) no-repeat left;} #package img {float:left;margin:5px 2px;padding:5px;overflow:hidden;} #product {float:right;width:49%;height:240px;background:#900040 url(/images/index_xctc.jpg) no-repeat bottom right;padding:3px;margin-bottom:3px;} #product h2 {width:310px;height:26px;font-size:25px;background:#900040;color:white;padding-bottom:5px;} #product img {float:left;border:5px dotted white;margin:2px;margin-left:3px;overflow:hidden;} #indexr {width:29%;float:right;overflow:hidden;border-left:1px dotted #900040;background:#F4E6EC;border-top:2px solid #900040;} #indexl {clear:both;width:59%;float:left;overflow:hidden;} #indexm {width:40%;float:right;overflow:hidden;} #indexl div {border-bottom:10px solid white;width:100%;float:left;background:#F4E6EC} #indexl div#promotion {height:130px;width:100%;border:1px solid grey;overflow:hidden;background:url(/images/index_promotionBG.jpg) repeat-x;} #indexl div#promotion img {float:left;} #indexl div#promotion a {display:block;padding-top:20px;text-decoration:none;} #indexl div#promotion h2 {color:yellow;text-align:center;} #indexl div#promotion p {color:white;} #indexl div.picmenu a img {padding:10px 0;border:1px dotted #900040;width:49%;float:left;} #indexl div.video {border:1px solid #900040;height:350px;overflow:hidden;} #indexl div.video h4 {color:#900040;text-align:left;width:100%;margin-left:5px;} #indexl div h4 {height:20px;width:120px;color:blue;padding-left:5px;margin:5px;overflow:hidden;} #indexl #jzfq h2 {color:#900040;text-align:left;padding:5px;background:white url(/images/icon_map.png) no-repeat 160px ;} #indexm div {margin-bottom:10px;border:1px solid #900040;overflow:hidden;background:#F4E6EC;} #indexm a div.ycdjz {width:100%;height:300px;background:#F4E6EC url(/images/index_ycdjz.jpg) no-repeat center center} #indexm div.zjaz {width:100%;} #indexm div.hyxw {text-align:left;} #indexm div.hyxw div {width:100%;padding:18px 0;background:white;} #indexr div {width:98%;margin-bottom:10px;overflow:hidden;color:#900040;text-align:left} #indexm h4 {height:30px;width:94%;font-size:16px;color:#900040;border-bottom:1px dotted #900040;padding-left:10px;overflow:hidden;background:#F4E6EC;} /* index right pane general DIV */ #indexr div {background:white;width:90%;padding:4px;margin:10px auto 25px} #indexr div h4 {height:25px;width:96%;font-size:16px;color:#900040;margin:0 auto;padding-top:5px;border-bottom:1px solid #900040;overflow:hidden;background:#F4E6EC;} /* index right pane general ul/li list format */ #indexr .indexr_list ul li {width:240px;overflow:hidden;padding:2px;padding-left:15px;background:url(/images/sqpurple.gif) no-repeat left bottom;} /* index right pane GSXW, .gsxwitem */ #indexr div div.gsxwitem {width:96%;border-bottom:8px solid #F4E6EC;margin:0 auto 15px;} #indexr div div.gsxwitem a {text-decoration:none;} #indexr div div.gsxwitem a h5{height:18px;font-size:12px;font-weight:bold;margin:0 auto;text-align:center;color:#900040;} #indexr div div.gsxwitem a img {width:100%;margin:0 auto;} #indexr div div.gsxwitem a p {margin:0 auto;font-size:12px;color:#900040;} #indexr div ul {margin-top:0;padding-top:15px;} /* index right pane slogan, index_r_m1 */ #indexr div div{width:97%;color:white;margin:0 auto} #indexr div div h2 {width:65%;margin:10px;text-align:center;} #indexr div div#index_r_id1 {font-weight:bold;font-size:25px;background:#900040 url(/images/index_r_id1.jpg) no-repeat right; margin-top:10px;} #indexr div div#index_r_id2 {font-weight:bold;font-size:18px;background:#900040 url(/images/index_r_id2.jpg) no-repeat right;margin-top:10px;} #indexr div div#index_r_id3 {font-weight:bold;background:#900040 url(/images/index_r_id3.png) no-repeat right;} /* footer */ #footer {clear:both;width:80%;min-width:960px;margin:0 auto;padding:5px;border-top:3px solid #eee;} #footer p a {padding:0 5px;text-decoration:underline;} #footer0 {clear:both;width:100%;min-width:960px;margin:0 auto;padding:2px;background:#900040;} #footer0 p {margin:2px;padding:2px;} #footer1 {clear:both;width:100%;min-width:960px;margin:0 auto;border-top:5px solid white;background:#ffffff;padding-bottom:10px;} #footer1 p {color:#900040} /* leftbarone, shared by all except index page */ #leftbarone {width:260px;float:left;overflow:hidden;background:url(/images/bkpic1.jpg) repeat-y;color:white;} #leftbarone .leftsideitem {float:left;width:260px;border-top:2px solid white;margin:0 0 2px 0;overflow:hidden} #leftbarone .leftsideitem h1 {margin:3px 0;padding:1px;} #leftbarone .leftsideitem h3 {margin:3px 0;padding:1px;font-size:24px;} #leftbarone .leftsideitem h1.grapepic {background:url(/images/grapemid.jpg) repeat;} /*----------------------------------------------------- shared by infolist.asp, infodetail.asp, contact.asp content color:#555; -------------------------------------------------------*/ #maincontainer1 {clear:both;width:80%;min-width:960px;margin:0 auto;background:#F4E6EC;color:#555;} #maincontainer1 a {text-decoration:none;} #maincontainer1 a {color:#555;padding:2px;} #maincontainer1 a:hover {color:white; background:#900040;} #maincontainer1 .listhead a:hover {color:#900040;background:white;padding:2px;} .position_top {margin:10px 0;} /* for infolist.asp and infodetail.asp right pane.*/ #listpage_r,#article {text-align:left;overflow:hidden;width:70%;min-width:600px;clear:right;float:right;padding:5px;border-left:2px solid #eee;border-right:2px solid #eee;} #listpage_r .listhead div {clear:both;overflow:hidden;width:100%:heigh:150px;border-bottom:4px solid white;padding:5px;} #listpage_r .listhead div img {float:left; width:100px;height:80px;margin-right:8px;} #listpage_r .listhead div h2 {margin-bottom:10px;color:black;} #listpage_r .listitems {margin-left:70px} /* cross browser solution for list img marker*/ #listpage_r .listitems ul {list-style-type:none;} #listpage_r .listitems ul li {background-image:url(/images/sqpurple.gif);background-repeat:no-repeat;background-position:0px 5px; padding-left:14px;height:20px} #listpage_r div.moresimilar {margin:30px 70px 20px 70px;color:#900040;font-weight:bold;width:84px;border-bottom:2px solid #900040;} #listpage_r div.position_bottom {margin:15px 70px;color:black;} /* for infodetail.asp*/ #article a {text-decoration:none;} #article h1 {color:black;font-size:20px;line-height:28px;text-align:center;} #article p.d {text-align:center;font-family:arial;margin:5px 20px;padding:5px;border-bottom:1px solid #ddd} #article p.cntype,#article div p.cntype {text-indent:2em;font-size:14px; line-height:24px; margin:30px;} #article ul li {margin-left:100px;list-style:square;} /* FILE ARCHIVED ON 06:06:50 Jan 18, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 00:56:12 Jul 15, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.705 exclusion.robots: 0.044 exclusion.robots.policy: 0.031 esindex: 0.012 cdx.remote: 23.522 LoadShardBlock: 73.768 (3) PetaboxLoader3.datanode: 60.297 (4) PetaboxLoader3.resolve: 55.418 (2) load_resource: 61.649 */