@charset "utf-8"; /* CSS Document */ *{margin:0px;padding:0px;} body{font-size:12px;font-family:Verdana,"Lucida Grande",Arial,Helvetica,sans-serif;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;} input, select, textarea, p, label, button{ font-size:12px;} h3,h4,h5,h6{ font-size:12px;} img{ border:0px; padding:0px; margin:0px;} ul,li{list-style:none; margin:0; padding:0;} a{margin:0;padding:0;text-decoration:none; color:#000;} a:hover{color:#f00;} .clear{clear:both;} .hide{ display:none;} body{ background:#fff url(images_shop/body_bg.jpg) repeat-x;} .wrap{ width:1000px; margin:0 auto;} #top_banner{ height:1000px; height:45px; overflow:hidden;} #topbar{ height:77px; position:relative;background:#e3fffe; z-index:10;} #member_link{ position:absolute; top:10px; right:10px; } #member_link a{ padding:0 5px; color:#00a393;} #searchdiv{ position:absolute; top:35px; right:15px;width:637px;background:url(images_shop/shop_dot.gif) no-repeat -428px -360px;padding-left:35px;height:27px;padding-top:10px; *height:30px;*padding-top:7px;} #searchdiv .text_sear{ width:227px; border:0px; background:none; cursor:text;} #searchdiv .submit_sear{ height:20px; width:65px; cursor:pointer; background:none; border:0px; color:#fff; font-size:7px;} #searchdiv a{ font-size:14px; padding-left:10px; font-weight:bold;} #shopcar{ position:absolute; top:47px; right:15px; width:250px;} #shopcar strong{ color:#d1000c;} #shopcar a{ padding-left:35px; color:#fff; font-weight:bold;} #shopcar a:hover{ text-decoration:underline; color:#f00;} /*11.22 edit*/ #toplink{ position:absolute; top:5px; left:100px; text-align:right; width:300px;} #toplink span{ font-size:14px; color:#018484; font-weight:bold;width:30px; overflow:hidden; height:23px; line-height:23px;} #toplink a{ padding:6px 15px 6px 3px; margin-left:5px; color:#018484;background:url(images_shop/new_dot.gif) no-repeat 0px 0px;} #toplinklist{ position:absolute; z-index:999; background:#fff; border:1px solid #019e9e; top:5px;left:350px; width:130px; padding:7px; display:none;} #toplinklist p{ height:24px; line-height:24px; padding-left:10px;background:url(images_shop/new_dot.gif) no-repeat 0px -45px; color:#000; font-weight:bold; border-bottom:1px solid #ddd;} #toplinklist p a{ font-weight:normal;} /*11.22 end*/ #mainnav{ height:41px; background:#01cbcb; line-height:41px; padding-left:10px; width:990px;} #mainnav a{padding:5px 20px; font-size:14px; position:relative; color:#05535d; font-size:14px; font-weight:bold;background:url(images_shop/admin.gif) no-repeat right -108px;} #mainnav a.a1{ color:#fff;} #mainnav a.a1:hover{ color:#fff;} #mainnav a span{ display:block; height:25px;width:10px; position:absolute; top:0px; left:0px;} #mainnav a:hover,#mainnav a.nav_link{background:url(images_shop/admin.gif) no-repeat right -75px;} #mainnav a:hover span,#mainnav a.nav_link span{background:url(images_shop/admin.gif) no-repeat -523px -75px;} #container_top{background:url(images_shop/shop_dot.gif) no-repeat -2px -87px; height:8px; width:50px;} #container{ width:997px; margin:0 auto; border-right:1px solid #00cccd; border-left:2px solid #00cccd;border-bottom:1px solid #00cccd;} #left{ width:188px; float:left; padding:0 7px 0 15px; border-right:1px solid #bae9e1;} #goods{ } #goods h3{ height:27px; border-bottom:1px solid #ccc; position:relative;} #goods h3 #goods_tab{ height:27px; width:175px; position:absolute; bottom:-1px; left:5px;_bottom:-2px;} #goods_tab a{ display:block; height:27px; width:85px;background:url(images_shop/shop_dot.gif) no-repeat -97px -50px; float:left; margin-right:2px; line-height:27px; text-align:center; color:#5f5f5f; font-size:14px;} #goods_tab a.goods_link{ background-position:-12px -50px; color:#2b9b85;} #goodsdiv li{ padding:10px 0 5px 0;} #goodsdiv li h4{ color:#ff6500; background:url(images_shop/shop_dot.gif) no-repeat 3px -141px; padding-left:15px; font-size:14px;} #goodsdiv li p{ height:30px; line-height:30px; padding-left:15px; width:172px;} #goodsdiv li p a{ display:block; height:30px; width:50%; float:left; overflow:hidden; font-size:14px;} .lstyle{ width:186px; margin:10px 0;} .lstyle h3{ width:171px; height:30px; background:url(images_shop/shop_dot.gif) no-repeat 0 -166px; line-height:30px; padding-left:15px; font-size:14px; color:#007165;} #attrdiv,#objectdiv,#electdiv{ border:1px solid #74acc5; border-top:0px; padding:9px 9px 5px 15px; width:160px;} #attrdiv a,#objectdiv a{ width:50%; display:block; height:30px; float:left; overflow:hidden; font-size:14px;} #electdiv{ text-align:center; padding:5px 0; width:184px; overflow:hidden;} #electdiv a span{ display:block; text-align:center; height:20px; line-height:20px; color:#ff6500;} #countdiv{border:1px solid #74acc5; border-top:0px; padding:10px 0;} #countdiv p{ height:26px; line-height:26px; width:80%; margin:0 auto;} #countdiv p span{ font-weight:bold; color:#cc0000;} #centerdiv{ width:775px; float:right;} #adv{ width:508px; float:left; position:relative; height:244px;} #adv h3{ position:absolute; top:0px; left:0px; height:34px;} #adv h3 a{ display:block; height:34px; width:90px; margin-right:1px; background:url(images_shop/shop_dot.gif) -92px -208px; float:left; text-align:center; line-height:34px; color:#0b6796;} #adv h3 a.adv_link{ background-position:0 -208px; color:#fff;} .advdiv{ padding:10px; border:1px solid #bae9e1; height:217px; overflow:hidden; position:absolute; top:27px; width:486px;} .advdiv h4{ line-height:24px;} .advdiv h4 a{ font-size:14px; color:#006699;} .advdiv h4 a:hover{ color:#f00;} .advdiv p{ line-height:22px;} .advdiv p a{ color:#666;} .advdiv p a span{ color:#ff6500; padding-left:5px;} .advbanenr{ float:left; margin-right:10px; width:282px; height:217px; overflow:hidden;} .advbanenr img{max-width:282px;width:expression(this.width > 282 ? "282px" : "282px");} .advpic{ float:left; width:82px; height:122px; overflow:hidden; text-align:center; margin:5px 10px 0 0;} .advpic img{ vertical-align:middle; padding:1px; border:1px solid #ccc; max-width: 78px; overflow:hidden;width:expression(this.width > 78 ? "78px" : "78px");} .advpic span{ display:block; height:40px; line-height:22px;} #notice{ width:246px; margin-right:10px; float:right;_ margin-right:5px; position:relative;} #notice .style_more{ position:absolute; width:40px; top:11px; left:200px;} #notice .style_more a{ background:none;} #notice h3{background:url(images_shop/shop_dot.gif) no-repeat 0 -253px; height:25px; line-height:25px; padding-left:30px; color:#ff6500; letter-spacing:5px; font-size:14px;} #notice_scroll{ padding:10px; height:208px; overflow:hidden; } #notice_scroll p{ padding-left:10px;line-height:24px;background:url(images_shop/shop_dot.gif) no-repeat 0 -562px;} #notice_scroll p a{ font-size:14px;} #notice ul{ padding:10px 0 10px 5px;} #notice li{ height:26px; line-height:26px; padding-left:8px;background:url(images_shop/shop_dot.gif) no-repeat 0 -487px; overflow:hidden;} #notice li a{ font-size:14px; color:#006699; font-weight:bold;} #notice li span{ float:right; font-size:14px; color:#ff6500; padding-left:15px;background:url(images_shop/shop_dot.gif) no-repeat 0 -314px; font-weight:bold;} #centerbanner1{ margin:3px 0 8px 0; clear:both; width:765px; overflow:hidden;} .shopstyle{ position:relative; margin-right:10px;} .shopstyle h3{ height:31px; background:#e1e6ec; line-height:31px; padding-left:8px; font-weight:normal;} .shopstyle h3 a{ font-size:14px; padding:5px 8px;font-weight:bold; color:#006699;} .shopstyle h3 a.style_tab{ color:#dc0411; border-bottom:2px solid #dc0411; font-weight:bold; } .style_more{ position:absolute; width:40px; top:13px; left:480px;} .style_more a{ display:block; width:40px; height:8px;background:url(images_shop/shop_dot.gif) no-repeat -350px -264px;} .style_more a span{ display:none;} .stylebox{ padding:10px 0;} .stylebox .img_big{ height:178px; width:258px; padding:1px; border:1px solid #ccc; overflow:hidden; line-height:178px; text-align:center; vertical-align:middle; float:left; margin-right:10px;} .stylebox .img_big img{ vertical-align:middle;width:258px; overflow:hidden; height:178px;} .stylebox .img_sm{ height:184px; width:126px; float:left; margin-right:5px;} .img_sm span{ display:block; width:126px; overflow:hidden; cursor:pointer;} .img_sm .img_pic{height:124px; overflow:hidden; line-height:122px; text-align:center; vertical-align:middle;} .img_sm .img_pic img{padding:1px; border:1px solid #ccc; width:122px; height:120px;} .img_sm .img_title{ height:24px; line-height:24px;font-size:14px; font-weight:bold; color:#006699;} .img_sm .img_title a{ font-size:14px; font-weight:bold; color:#006699;} .img_sm .img_des{ height:18px; line-height:18px;font-size:14px;} .img_sm .img_des a{font-size:14px;} .img_sm .img_price{ height:18px; line-height:18px; font-weight:bold; color:#cc0000;} .sale{ position:absolute; top:0px; right:0px; width:218px; height:235px; overflow:hidden;_right:10px; background:#e9f6fc;} .sale h4{ width:200px; padding-left:18px; height:31px;background:url(images_shop/shop_dot.gif) no-repeat 0px -375px; line-height:31px;} .sale li{ height:44px; padding:10px 5px; overflow:hidden;} .sale li span{ display:block; cursor:pointer;} .sale li .sale_img{ width:44px; height:44px; padding:1px; border:1px solid #ccc; float:left; margin-right:8px;} .sale li .sale_img img{ height:44px; width:44px;} .sale li .sale_text{ font-size:14px; line-height:18px; color:#006699;} .sale li .sale_text cite{ font-style:normal; color:#ca0000;} .sale li .sale_text strong{ color:#000; font-weight:bold; padding-left:10px;} .goods{position:relative; margin-right:10px; margin-bottom:10px;_margin-right:8px;} .goods h3{height:31px;line-height:31px; background:#e1e6ec url(images_shop/shop_dot.gif) no-repeat 90px -430px;padding-left:8px; font-weight:normal; border-left:4px solid #b7b8bc;} #Taiwan h3{ background-position:120px -430px;} .goods h3 span{ padding:0 80px 0 10px;font-size:14px; font-weight:bold; color:#dc0411;} .goods h3 a{ font-size:14px; padding:5px 8px; color:#006699;} .goods h3 a:hover{ color:#f00;} .goods .style_more{ left:710px;} .goodsdiv{ height:184px; padding:10px 0 0 20px;} .goodsdiv .img_sm{ height:184px; width:126px; float:left; margin-right:20px;} #area{} .line{ border-top:1px solid #ccc;padding:10px 0px;} .areabox{ width:254px; float:left; margin:10px 0 10px 3px;_margin:15px 0 10px 2px;} .areabox h3{ height:24px;background:url(images_shop/shop_dot.gif) no-repeat; line-height:24px;} #area1 h3{ background-position: -325px -7px;} #area2 h3{ background-position: -585px -7px;} #area3 h3{ background-position: -845px -7px;} #area4 h3{ background-position: -325px -151px;} #area5 h3{ background-position: -585px -151px;} #area6 h3{ background-position: -845px -151px;} .areabox h3 a{display:block; width:30px; height:14px;float:right; margin:5px 5px 0 0;} .areabox h3 a span{ display:none;} .areabox div{ height:102px; width:137px; padding:10px 5px 10px 112px; overflow:hidden;} .areabox div h4{ height:98px; width:98px; padding:1px; border:1px solid #333; overflow:hidden; line-height:98px; text-align:center; vertical-align:middle; position:absolute; margin:0 0 0 -112px;} .areabox div h4 img{ vertical-align:middle; height:98px; width:98px; } .areabox div li{ height:22px; line-height:22px; padding-left:8px;background:url(images_shop/shop_dot.gif) no-repeat 0 -562px; overflow:hidden;} #shop_bottom{ margin-top:15px;} .shop_link{width:140px; float:left;} .dot{background:transparent url(images_shop/shop_dot.gif) no-repeat;height:45px;margin-right:5px;vertical-align:middle;width:45x;} #img1{ background-position:0 -626px;} #img2{ background-position:-142px -626px;} #img3{ background-position:-273px -626px;} #img4{ background-position:-422px -626px;} #img5{ background-position:-553px -626px;} #img6{ background-position:-700px -626px;} #img7{ background-position:-833px -626px;} .shop_link ul{background: url(images_shop/shop_dot.gif) no-repeat 130px -674px;} .shop_link li{ padding-left:50px; height:20px; line-height:20px;} .shop_link li a{ color:#777;} .shop_link li a:hover{ color:#f00;} #footer{ width:1000px; margin:0 auto; padding-top:10px; font-size:14px;} #footer p{ height:26px; line-height:26px; text-align:center; font-size:14px;} #footer p a{ font-size:14px; padding:0 5px;} #footer p span{ padding:0 20px 0 10px; font-size:14px;} /*列表頁*/ #left_list{ width:153px; float:left; padding:0 0 10px 10px;} .list_h3 h3{ height:29px; line-height:29px; background:url(images_shop/shop_dot.gif) no-repeat -430px -742px; padding-left:10px; color:#006699; font-size:14px;} .list_h3 div{ border:1px solid #dbebf3; border-top:0px; padding:10px;} #listcatdiv h4{ height:28px; line-height:28px;color:#006a9b; font-size:14px; padding-left:20px;background:url(images_shop/shop_dot.gif) no-repeat -3px -850px; cursor:pointer;} #listcatdiv h4:hover{color:#f00;} #listcatdiv h4.h4_down{ background-position:-433px -706px;} #listcatdiv ul{ display:none;} #listcatdiv li{ height:24px; line-height:24px; padding-left:30px;background:url(images_shop/shop_dot.gif) no-repeat 10px -803px;} #listcatdiv li a{ color:#333;} #listcatdiv li a:hover{ color:#f00;} #listcatdiv li a.sub_a{font-weight:bold; color:#cc0000;} #list_banner1{ margin:8px 0;} #list_banner1 img{ border:1px solid #ff9a09;} #brand li{height:24px; line-height:24px; padding-left:25px;background:url(images_shop/shop_dot.gif) no-repeat 0px -908px;} #brand li a{ font-size:14px;} #service{ margin:8px 0;} .dot2{background:transparent url(images_shop/shop_dot.gif) no-repeat;height:28px;margin-right:5px;vertical-align:middle;width:30x;} #ser1{ background-position:-4px -988px;} #ser2{ background-position:-4px -1045px;} #service p{ line-height:22px; font-size:14px;} #service p span{ font-weight:bold; color:#cf0209; padding-left:0px;} #center_list{ width:820px; float:right;} .centerbar{ height:24px; line-height:24px; padding-left:15px;background:url(images_shop/shop_dot.gif) no-repeat -1075px -750px; font-size:14px; border-bottom:1px solid #ccc;} .centerbar a{ font-size:14px; padding:0 5px;} #goodscat{ padding:20px 10px; height:103px; position:relative;} #goodscat h3{ height:33px;} #goodscat h3 a{width:130px; height:33px; float:left; margin-right:2px;background:url(images_shop/shop_dot.gif) no-repeat -609px -796px; line-height:28px; color:#009999; font-size:14px; padding-left:30px;} #goodscat h3 a.goodscat_link{ background-position:-447px -796px; color:#fff;} .goodscatdiv{ padding:10px 0 0px 20px;height:24px;overflow:hidden;} .goodsbox{ } .goodsbox1{ padding:10px 10px 0 10px; position:absolute; bottom:36px; left:0px; z-index:10; width:500px; background:#00cec6;} .goodscatdiv .goodsbox1 p a{ color:#fff;} .goodscatdiv p{line-height:24px; width:500px;} .goodscatdiv p a{ font-size:14px; padding:0 8px; color:#666; font-weight:normal;} .goodscatdiv p a:hover{ color:#f00;} .goodsbtn { height:26px; width:148px;background:url(images_shop/shop_dot.gif) no-repeat -711px -747px; line-height:28px; padding-left:30px; cursor:pointer; margin:8px 0; font-size:14px; position:absolute; bottom:0px; left:20px;} .close{ height:26px; line-height:26px; text-align:center; color:#FF0000; font-size:14px; font-weight:bold; cursor:pointer; margin-top:15px;} #shop_list{ } #shop_list .more{ display:block; height:31px; width:75px; line-height:31px; padding-left:30px;color:#cc0000; font-weight:bold; background:url(images_shop/shop_dot.gif) no-repeat -415px -975px;} #shop_list .list_price .more{ margin-left:40px;} #shop_list .list_action .more{ margin-left:15px;} #shop_list .more:hover{ color:#f00;} /*9.11修改btn .more*/ #shop_list h3{ height:31px; width:798px;background:url(images_shop/shop_dot.gif) no-repeat -285px -879px; padding-left:20px; font-size:14px; padding-top:5px; font-weight:normal;} #shop_list h3 select{margin-left:10px; font-size:14px;} #shop_list h3 span{ float:right; padding-right:70px; padding-top:4px;} #shop_list h3 span .list_nav{ font-size:14px; font-weight:bold; color:#cc0000;} #list1{ width:19px; height:19px; background-position:-880px -802px;} #list2{width:19px; height:19px; background-position:-925px -801px; margin-left:10px; font-size:14px;} #listdiv_list{ padding:7px 0;} #listdiv_list ul{} #listdiv_list li{ width:447px; padding:10px 240px 10px 118px; height:100px; position:relative; border-bottom:1px dotted #ccc;} #listdiv_list li .list_img{height:103px; width:102px; position:absolute; left:10px; top:10px; } #listdiv_list li .list_img a{ display:block;height:98px; width:98px; padding:1px 1px 2px 1px; border:1px solid #999;line-height:98px; text-align:center; vertical-align:middle; overflow:hidden;} #listdiv_list li .list_img img{height:98px; width:98px; vertical-align:middle;} #listdiv_list li .list_price{ width:210px; height:80px; position:absolute; top:10px; right:0px; padding-left:20px;} #listdiv_list li .list_price span{ display:block; padding:5px 0 5px 12px; font-size:14px;} #listdiv_list li .list_price .price1,#listdiv_list li .list_price .price2{ margin-bottom:5px; padding:5px 0 5px 15px;} #listdiv_list li .price1 strong{ text-decoration:line-through;} #listdiv_list li .price2 strong{ color:#cc0000;} .listdiv li a{ font-size:14px;} .listdiv li a:hover{color:#c00012;} #listdiv_list li h4{ height:24px; line-height:24px; overflow:hidden;} #listdiv_list li h4 a{color:#006699; font-size:16px;} #listdiv_list li h4 a:hover{color:#f00;} #listdiv_list li p{ height:24px; line-height:24px;overflow:hidden;color:#666;} #listdiv_list li p a{ color:#000; padding-left:5px; font-size:14px;} #listdiv_list li p a:hover{ color:#f00;} #listdiv_list .list_buy,#listdiv_list .list_infor{ padding:6px 9px 7px 16px;background:url(images_shop/shop_dot2.gif) no-repeat -88px 0px; font-size:12px; color:#a0410a;} #listdiv_list .list_buy{ background-position:0px 0px; color:#a0410a;} #shop_list .list_infor:hover{ background-position:-88px -31px; color:#fff;} #shop_list .list_buy:hover{background-position:0px -31px;color:#fff;} #shop_list .list_buy,#shop_list .list_infor{ font-size:12px;} #listdiv_pic{ padding:10px 0 10px 0px;} #listdiv_pic li{ width:174px; height:310px; padding:10px 0px; float:left; margin-left:68px;_margin-left:35px;_margin-right:35px; border-bottom:1px dotted #999;overflow:hidden;} #listdiv_pic li .list_img{ height:169px; width:170px; padding:1px; border:1px solid #999; line-height:169px; text-align:center; vertical-align:middle; overflow:hidden;} #listdiv_pic li .list_img img{ height:169px; width:170px;} #listdiv_pic li h4{height:24px; line-height:24px; overflow:hidden;width:174px;margin-left:10px; text-align:center;} #listdiv_pic li h4 a{color:#006699;font-size:16px;} #listdiv_pic li a:hover{ color:#f00;} #listdiv_pic li .p_box{ height:60px;width:170px;overflow:hidden;margin:5px 0px 10px 10px;} #listdiv_pic li .p_box p{line-height:20px; height:20px;overflow:hidden;} #listdiv_pic li .p_box p a{ color:#000; font-size:14px; padding-left:5px;} #listdiv_pic li .p_box p a:hover{ color:#f00;} #listdiv_pic li .price{ height:24px;line-height:20px;overflow:hidden;color:#666;width:170px;font-size:14px;margin:0 0 10px 10px;} #listdiv_pic li .price strong { font-weight:normal; text-decoration:line-through;font-size:16px;} #listdiv_pic li .price span{ padding-left:5px;color:#cc0000; font-size:16px; font-weight:bold;} #listdiv_pic li .list_action{ padding-left:10px; height:25px; text-align:center;} .page{ width:500px;margin:10px auto; height:24px; line-height:24px; } .page ul li{ float:left;} .page ul li.total,.page ul li.pages,.page ul li input{ display:none;} .page ul li a,.page ul li span{ padding:2px 4px; margin:0 2px; font-weight:bold;} .page ul li a:hover{color:#cc0000; border:0; font-weight:bold;} .page ul li.cpage span{ color:#cc0000; border:0; font-weight:bold;} /*內容頁*/ #right_show{width:153px; float:right; padding:0 10px 10px 0; _padding:0 0px 10px 0;} #rightshowdiv{border:1px solid #dbebf3; border-top:0px; padding:10px;} #rightshow li{ padding:5px 0;} #rightshow li span{ display:block; text-align:center;} #rightshow li span.show_img{ height:120px; width:122px; padding:1px; border:1px solid #ccc; overflow:hidden; vertical-align:middle; line-height:120px; overflow:hidden;} #rightshow li span.show_img img{max-width:122px;width:expression(this.width > 122 ? "122px" : "122px");overflow:hidden; vertical-align:middle;} #rightshow li span.show_text{ text-align:left; line-height:20px; color:#666; font-size:14px;} #rightshow li a:hover span{ color:#f00;} #rightshow li span.show_text b{ font-size:14px;color:#006699; display:block;} #rightshow li a:hover span b{ color:#f00;} #center_show{ width:825px; float:left;} #show{ padding:0px 10px 10px 10px;} #show_pic{ width:300px; height:430px; float:left; position:relative;} .bigpic{ height:298px; width:298px; overflow:hidden; border:1px solid #ccc;} .smallpic{ height:60px; width:260px; padding:5px 20px; overflow:hidden; background:#ccc;} .picscoll{ width:260px; overflow:hidden;} .smallpic a{ display:block; height:60px; width:60px; border:1px solid #999; float:left; margin:0 3px 3px 0; _margin:0 1px 3px 0;} .smallpic a.scoll_link{border:1px solid #fc7f4f;} .movelft,.movergt{ display:block; width:13px; height:65px;background:url(images_shop/shop_dot.gif) no-repeat -193px -1027px; cursor:pointer;} .movergt{ background-position: -247px -1027px; position:absolute; bottom:60px; right:5px;} .movelft{ position:absolute; bottom:60px; left:5px;} .showpicnav{ height:30px; line-height:30px;} .showpicnav a{ padding:0 17px; font-size:14px; color:#666;} #show_text{ width:485px; float:right;} #show_text h4{ font-size:18px; height:30px; line-height:30px; color:#5697b7;} #show_text p{ line-height:24px; font-size:14px;} #show_text p span{ font-weight:bold; font-size:14px;} #show_text #edit_content{ line-height:24px; font-size:14px; padding:5px 0 10px 0;} #show_text #edit_content span{ font-size:14px; font-weight:bold;} #show_text #brand{ height:72px; padding:10px 0; border-top:1px dotted #ccc;} #show_text #brand p{ width:48%; float:left; height:24px; overflow:hidden;} .show_intro { text-align:right; padding-top:10px;} .show_intro a{ font-size:14px;} #music_online{ clear:both;} #musicdiv span,#musicdiv p{ display:block; font-size:14px; color:#cc0000; font-weight:bold; padding:5px 0;} .dot_music{background:transparent url(images_shop/shop_dot.gif) no-repeat -84px -1052px;height:19px; margin:0 35px 0 5px;vertical-align:middle;width:50px;} #musictext span,#musictext p{display:block; font-size:14px; padding:5px 0; line-height:22px;} #show_intro{ margin-top:7px; padding-left:8px;} #show_intro h3{ height:25px;background:url(images_shop/shop_dot.gif) no-repeat -1px -1159px; line-height:25px;} #show_intro h3 a{ width:112px; height:25px; float:left; border-right:1px solid #ccc; font-size:14px; color:#666; text-align:center;} #show_intro h3 a#noborder{ border:0px;} #show_intro h3 a.intro_link{ width:112px;background:url(images_shop/shop_dot.gif) no-repeat -1px -1115px; color:#ed7117;} .show_introdiv{ padding:10px 20px;;} .show_introdiv p{ line-height:24px; padding:5px 0; font-size:14px;} .showpannel{ margin:14px 0 0 0;padding-left:8px;} .showpannel h3{background:url(images_shop/shop_dot.gif) no-repeat -1px -1115px;height:25px; line-height:25px; padding-left:20px; font-size:14px;color:#ed7117;} #account{ height:122px;background:url(images_shop/shop_dot.gif) no-repeat -1px -1208px; margin-top:10px; margin-left:8px;} #account h3{ height:20px; padding-top:20px; padding-left:50px; font-size:14px;color:#ed7117;} #accountdiv p .list_buy{ padding:6px 9px 7px 16px;background:url(images_shop/shop_dot2.gif) no-repeat 0px 0px; font-size:12px; color:#a0410a;} #accountdiv p .list_buy:hover{background-position:0px -31px;color:#fff;} #accountdiv{ padding:25px 0 0 30px;} #accountdiv p{ text-align:center; margin-right:5px;} #accountdiv .buy_action{ text-align:left;} .account_pr1,.account_pr2,.total{ width:75px; float:left; text-align:center;} .num{ width:110px; float:left;} .pay{ width:170px; float:left;} .account_pr1 span{ display:block; width:75px; height:20px; line-height:20px; background:#cccccc;} .account_pr2 span{ display:block; width:75px; height:20px; line-height:20px; background:#cc0001; color:#fff;} .total span{ display:block; width:75px; height:20px; line-height:20px; background:#ff9900; color:#fff;} .pay span,.num span{ font-size:14px; color:#000; font-weight:bold;} #remm{ width:803px; margin:10px auto 0; } #remm h3{ height:38px;background:url(images_shop/shop_dot.gif) no-repeat -6px -1213px; width:803px;color:#ed7117;} #remm h3 span{ display:block;background:url(images_shop/shop_dot.gif) no-repeat 4px -1365px; height:36px; width:80px; padding-left:50px; font-size:14px; line-height:36px;} #remmdiv{ padding:10px; border:1px solid #999; border-top:0px;} #remmdiv table{border-left:1px solid #555;border-top:1px solid #f73034;} #remmdiv table .first td{ background:#f1b1b2; height:27px; text-align:center; font-size:14px; color:#fff; font-weight:bold; padding:0px;} #remmdiv td{ border-right:1px solid #f73034;border-bottom:1px solid #f73034; font-size:14px;} #remmdiv .td1{ width:77px; padding:10px; line-height:22px; color:#cc0000; font-weight:bold;} #remmdiv .td4{ width:107px;padding:10px 5px; line-height:22px;color:#990000; font-weight:bold; font-size:12px;} #remmdiv .td2{ width:290px;padding:10px; line-height:22px;} #remmdiv .td3{ width:230px; padding:10px; line-height:22px;} #remmdiv .list_buy{ margin:5px 0 0 10px;padding:6px 9px 7px 16px;background:url(images_shop/shop_dot2.gif) no-repeat 0px 0px; font-size:12px; color:#a0410a; font-weight:normal;} #remmdiv .list_buy:hover{background-position:0px -31px;color:#fff;} .showpanneldiv{ padding:10px 0 10px 30px;} .showpanneldiv .img_sm{ float:left; padding-right:20px; padding-left:10px;} .play_video{ height:30px; line-height:30px; background:#e5e5e5;} .play_video a{ display:block; height:28px; width:100px; float:left; font-size:14px; color:#666; padding-left:30px; line-height:28px;border-bottom:2px solid #e5e5e5;} .play_video a:hover{ height:28px; border-bottom:2px solid #990000; background:#999;filter:alpha(opacity=50);-moz-opacity:0.5;} #play1{ width:24px; height:25px; background-position: -884px -322px;} #play2{ width:32px; height:30px; background-position: -980px -320px;} /*內容頁彈出窗口*/ #box_open{ width:580px; height:540px; border:3px solid #ccc; background:#fff; position:relative;} #box_open h3{ background:#d9d9d9; height:39px;} #box_open h3 a{ display:block; height:37px; width:100px; float:right; font-size:14px; color:#666; padding-left:30px; line-height:37px;border-bottom:2px solid #d9d9d9;} #box_open h3 a.open_h3{ height:37px; border-bottom:2px solid #990000; background:#999;filter:alpha(opacity=50);-moz-opacity:0.5; color:#fff;} .box_close{ position: absolute; top:0px; right:6px; cursor:pointer; z-index:4;} #box_bimg{ height:501px; width:501px; overflow:hidden; line-height:501px; text-align:center; vertical-align:middle;} #box_bimg img{ vertical-align:middle;} #box_simg{ width:79px; height:340px; overflow:hidden;text-align:center; position:absolute; top:66px; right:0px; background:#fff; z-index:1;} #box_simg a{ display:block; width:60px; height:60px; padding:2px; border:2px solid #fff; } #box_simg a.scoll_link{border:2px solid #fc7f4f;} .movetop,.movebottom{ display:block; height:10px; width:68px;background:url(images_shop/shop_dot.gif) no-repeat; z-index:3;} .movetop{background:#fff url(images_shop/shop_dot.gif) no-repeat -708px -398px; position:absolute; top:21px; right:7px; height:45px;} .movebottom{ background-position:-815px -418px; position:absolute; bottom:110px; right:7px;} .openbox{ width:501px; height:501px;line-height:501px; text-align:center; vertical-align:middle; overflow:hidden;} #show_case li{ } #show_case li b{ display:block; height:30px; line-height:30px; border-bottom:1px dotted #ccc;color:#2288BB; font-size:14px;} #show_case li .casediv{ padding:5px 0 20px 10px; text-indent:2em;overflow:hidden; line-height:22px;} .navdiv #show_case{ width:930px; margin:20px auto 0;} /*組合推薦特例*/ .navdiv #show_case li .casediv{ } /*組合推薦特例*/ #show_case li .casediv img{ height:98px; width:98px; padding:1px; border:1px solid #ccc;vertical-align:middle; position:absolute; margin: -5px 0 0 -115px;} #show_case li .casediv a{ font-size:14px;} #show_comment{ margin-top:10px;} .navdiv #show_comment{ width:95%; margin:20px auto 0;} #show_comment h4{ height:30px; line-height:30px; font-size:14px; color:#017ffd; padding-left:25px;background:url(images_shop/shop_dot2.gif) no-repeat 0 -127px;border-bottom:1px dotted #ccc;} #show_comment h4 a{ font-size:14px;} #show_comment h4 span{ float:right; font-weight:normal; color:#666;font-size:14px;} #show_comment h4 span strong{ color:#ff0000; padding:0 5px;font-size:14px;} .dot3{background:transparent url(images_shop/shop_dot2.gif) no-repeat;height:16px;vertical-align:middle;width:18px; margin:0 10px 0px 5px;} #com2{ background-position:-6px -182px;} #com1{ background-position:-99px -183px;} .com3{ background-position:-1px -213px;} .com4{ background-position:-1px -273px;} #show_comment li{ padding:10px 0px; border-bottom:1px dotted #ccc;} #show_comment li h5{ height:24px; color:#333; font-size:14px; font-weight:normal; padding:6px 5px 0 5px;} #show_comment li h5 img{ vertical-align:middle;} #show_comment li h5 span{ float:right;font-size:14px;} #show_comment li h5 span a{ padding:6px 7px;background:url(images_shop/shop_dot2.gif) no-repeat 0 -78px; color:#840a09; margin-left:10px; font-size:12px;} .commentlist{ padding:10px 20px; background:#f4f5f8; color:#666;} .rep{ background:#eceee7; margin-top:1px;} .comment_name{ width:20%;line-height:20px; float:left;font-size:14px; } .comment_name span{ display:block; height:20px; line-height:20px; margin-top:5px;} .commentdivlist{ width:75%; float:right; line-height:22px;font-size:14px; color:#017FFD;} .rep .commentdivlist{ color:#333;} /*組合推薦 makeup*/ .mp_btn{background:url(images_shop/makeup_dot.gif) no-repeat right -336px; padding:2px 10px 5px 0;*padding:0px 10px 0px 0;} .mp_btn span{background:url(images_shop/makeup_dot.gif) no-repeat left -334px; *background-position:left -336px; padding:2px 0px 5px 10px; color:#cc0000; font-size:14px;} .mp_btn:hover span{ color:#f00;} #topbar1{ height:26px; line-height:26px; background:url(images_shop/makeup_dot.gif) no-repeat -985px -43px; padding-left:20px;} #topbar1 a,#topbar1 span{ padding:0 5px; color:#333;} #topbar1 a:hover{ color:#f00; text-decoration:underline;} #makeup{ padding-bottom:20px;} #makeup h2{line-height:40px; height:40px; font-size:22px; color:#993399; text-align:center; border-top:1px solid #999; padding-top:30px;} .makeup_nav{ height:32px;background:url(images_shop/makeup_dot.gif) no-repeat; padding-top:7px;} .makeup_nav a{ width:150px; height:32px; line-height:32px; text-align:center; display:block; float:left; color:#ffffff; font-size:14px; font-weight:bold; margin-left:7px; } .makeup_nav a.m_active{background:url(images_shop/makeup_dot.gif) no-repeat 0 -112px;color:#ff6600;} .navdiv{} #makeupdiv{ padding-top:10px;} #makeupdiv h3,.navdiv h3{ height:40px;background:url(images_shop/makeup_dot.gif) no-repeat -932px -90px;padding-left:23px; margin-bottom:10px;} .navdiv h3{ margin-top:10px;} #makeupdiv h3 span,.navdiv h3 span{background:url(images_shop/makeup_re.gif); display:block; height:30px; line-height:30px;padding-top:10px;padding-left:7px; font-size:16px; font-weight:bold; color:#ff6600;} #introdiv{ padding-left:20px; padding-right:10px;} #introdiv img{ float:left; margin-right:30px; height:188px; width:190px;} .introtext p{ line-height:30px; font-size:14px; color:#666;} #makeup_video{ width:300px; float:right; padding-right:10px; padding-left:20px;} #makeup_video #show_pic{height:520px; float:none;} #makeup_video .movergt{bottom:150px;} #makeup_video .movelft{bottom:150px;} #makeup_video .play_video{ margin-bottom:8px;} #makeup_video #show_pic p{ height:17px; line-height:17px; padding:4px 0 4px 3px; border-bottom:1px dotted #666;} #makeup_video #show_pic p span{ display:block; height:17px; width:69px;background:url(images_shop/makeup_dot.gif) no-repeat 0 -47px; float:left; margin-right:10px; text-align:center; color:#996600;} /* 各個欄目*/ .introclass{ padding-left:20px; padding-right:5px;} .introclass img{ float:left;margin-right:30px; height:188px; width:190px;} .introclass h4{ font-size:14px; color:#333; padding:5px 0;} .introclass .introtext p{ color:#333; text-indent:2em;} /* 各個欄目 特例*/ #intro3 .introtext p{ line-height:26px;} #intro6 .case_pic{ text-align:center;} #intro6 .case_pic img{ float:none; width:376px; height:274px; margin:0 10px; border:1px solid #666;} #intro7 h3 a{ float:right; padding-right:10px; font-size:14px; color:#cc0000; font-weight:normal;} /* 評論特例*/ #intro7 ul{ width:98%; margin:0 auto; } #intro7 li{border:1px solid #ccc;height:80px; overflow:hidden; margin:3px 0;} #intro7 li.li_color{ background:#faf9f9;} #intro7 li .caseleft{ width:18%; float:left; height:80px; padding:5px 10px;border-right:1px solid #ccc;} .caseleft img{ padding:2px; border:1px solid #ccc; float:left; margin-right:5px;} .caseleft p{ height:20px; line-height:20px; color:#666;} #intro7 li .casecenter{ width:76%;height:80px; float:left; padding:5px 15px 5px 15px;border-right:1px solid #ccc;} .casecenter p{ font-size:14px;background:url(images_shop/makeup_dot.gif) no-repeat -960px -187px; padding-left:25px; color:#666; line-height:20px;} .casecenter p span{ color:#ff6600; padding-right:5px; font-size:14px; font-weight:bold;} .casecenter p.pp{ padding-top:10px;background:url(images_shop/makeup_dot.gif) no-repeat 0px -167px;} .casecenter p.pp span{ color:#0066ff;} #intro7 li .caseright{ width:16%;height:60px; float:right; padding:35px 0 5px;text-align:center;} .caseright a{ display:block; width:82px; height:25px;background:url(images_shop/makeup_dot.gif) no-repeat -141px -47px; text-align:center; line-height:25px; color:#cc0000; padding-left:25px;} /* 組合推薦*/ #makeup #remm{ width:98%; margin:10px auto 20px; } #makeup #remm h3{ height:38px;background:url(images_shop/makeup_dot.gif) no-repeat -6px -243px; width:100%;color:#ed7117;} #makeup #remm h3 span{ display:block;background:url(images_shop/shop_dot.gif) no-repeat 4px -1365px; height:36px; width:80px; padding-left:50px; font-size:14px; line-height:36px;} /* 組合推薦table*/ #makeup #remmdiv table {border-left:1px solid #F73034;} #makeup #remmdiv .td4{ width:167px;padding:0px 5px;font-size:14px;} #makeup #remmdiv .td4 font{ color:#ff6600; font-size:14px; font-weight:bold;} .makeup_a{display:block; height:26px; width:106px;background:url(images_shop/makeup_dot.gif) no-repeat -337px -49px; line-height:26px; text-align:center; color:#cc0000; font-size:14px;} #makeup #remmdiv .td4 a{ margin-left:20px; margin-top:8px;} #makeup #remmdiv .td2{ width:250px;} #makeup #remmdiv .td3{ width:380px; } #makeup #remmdiv .tr_bm td{ background:#ff9999; height:30px; line-height:30px; padding-left:15px; color:#000; font-weight:bold;} #makeup #remmdiv .tr_bm a{ display:block; width:116px; height:26px; line-height:26px; text-align:center;background:url(images_shop/makeup_dot.gif) no-repeat -511px -49px; float:right; margin-right:10px; margin-top:2px; color:#cc0000; font-size:14px;} #makeup #remmdiv p{ height:30px; padding:5px 5px 0 5px; line-height:30px; font-size:14px; font-weight:bold; color:#555;} #makeup #remmdiv p a.makeup_a{ float:left; margin-right:8px;} #similar_shop{ width:970px; margin:20px auto 0;} #similar_shop h3{ height:25px; background:url(images_shop/makeup_dot.gif) no-repeat 0px -296px; padding-left:15px; line-height:25px; font-size:14px; color:#ff6600; margin-bottom:10px;} #similar_shop ul{ height:134px;} #similar_shop li{ width:300px; height:124px; padding:5px 10px 5px 0; overflow:hidden; border-right:1px dotted #ccc; float:left; margin-right:7px;} #similar_shop li .sml_img{ width:126px; height:124px; float:left;margin-right:8px;} #similar_shop li .sml_img img{ padding:1px; border:1px solid #ccc;} #similar_shop li h4{ height:24px; line-height:24px; overflow:hidden;} #similar_shop li h4 a{ font-size:18px; color:#1141a0;} #similar_shop li h4 a:hover{ color:#f00;} #similar_shop li p{ height:54px; line-height:18px; overflow:hidden;} #similar_shop li p a{ color:#666; font-size:14px;} #similar_shop li a.makeup_a{ margin-left:130px; margin-top:5px; font-weight:bold;} #play_video{ height:527px; width:501px; border:2px solid #999;} #play_video .play_close{ text-align:right; cursor:pointer;} /*shop_list補充推薦課程 10.16*/ #shoprem{ margin:10px 0px;width:808px; padding-right:8px;} #shoprem a:hover{ color:#fe6601;} #shoprem h3{ height:24px;background:url(images_shop/zxkclist_dot.gif) no-repeat 0 -417px; font-size:16px; color:#fe6601; padding:10px 0 0 29px; letter-spacing:4px;} #shopremdiv{ border:1px solid #66cdcc; padding:10px 0 0; height:130px; } #shopremlist1{ width:754px; height:124px;background:url(images_shop/zxkclist_dot.gif) no-repeat -2px -232px; margin:5px auto;} #shopremlist1 li{ width:357px; padding:10px; height:104px; float:left;} #shopremlist1 li .remlistpic{ width:96px; height:97px; float:left; padding-right:10px;} #shopremlist1 li .remlistpic img{ padding:3px; border:1px solid #ccc;} #shopremlist1 li .remlistpic a:hover img{ background:#fff;border:1px solid #ddd;} #shopremlist1 li h4{ padding:5px 0;} #shopremlist1 li h4 a{ color:#9966cc; font-size:16px;} #shopremlist1 li p{ line-height:20px; height:60px; overflow:hidden;} #shopremlist1 li p a{ font-size:14px; color:#000;} #shopremlist2{width:754px;margin:0px auto;} #shopremlist2 li{ width:357px; padding:10px; height:122px; float:left;} #shopremlist2 li .remlistpic{ width:121px; height:122px; float:left; padding-right:10px;} #shopremlist2 li .remlistpic img{padding:3px; border:1px solid #ccc;} #shopremlist2 li .remlistpic a:hover img{ background:#fff;border:1px solid #ddd;} #shopremlist2 li p{ line-height:25px; height:30px; overflow:hidden; padding-left:20px;background:url(images_shop/zxkclist_dot.gif) no-repeat 0px -65px;} #shopremlist2 li p a{ font-size:14px; color:#000;} /*shop_index補充公告 10.16*/ .course_tab a:hover{ color:#f00;} .course_tab h3{ height:38px; line-height:38px;background:url(images_shop/notice_tab.gif) no-repeat;} .course_tab h3 a{ display:block; height:38px; width:123px;float:left; font-size:14px; color:#0b6796; line-height:28px; text-align:center;} .course_tab h3 a:hover,.course_tab h3 a.web_link{background:url(images_shop/notice_tab.gif) no-repeat 0px -59px;color:#ff6401;} .course_newsdiv{border:1px solid #BAE9E1; border-top:0px; width:243px;margin-bottom:10px;} #course_web{width:246px; margin-right:10px; float:right;_ margin-right:5px;} #course_web a:hover{ color:#f00;} #course_web li{ height:67px; padding-right:7px; width:229px; border:1px solid #ddd; margin:0px auto 7px;} #course_web li.li_color{background:#f3ecfe;} #course_web .teacher_img{ height:57px; width:57px; float:left; padding:4px 7px;} #course_web .teacher_img img{ padding:1px; border:1px solid #ccc;} #course_web li p{ height:44px; overflow:hidden;} #course_web li p a{ color:#666; font-size:14px;line-height:22px;} #course_web li h4 span{ font-weight:normal; color:#333;} #course_web li h4 a{ padding:0 5px;} .left_banner { color: #BAE9E1; border: 1px solid #BAE9E1; text-align: center; width: 151px; margin-bottom: 10px; margin-top: 10px; }